@preply/ds-docs 3.5.1 → 3.6.0

package/dist/assets/LayoutFlex-BBGvSVMb.js

@@ -1 +0,0 @@
-import{j as F}from"./jsx-runtime-BYouaCF_.js";import{r as N}from"./index-B3evPFBL.js";import{f as U}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as f,s as j,a as E,b as H}from"./layout-relative.module-ed9bC4H4.js";import{e as $,f as G,L as k}from"./defaults-B1rzzf6M.js";import{g as J}from"./index-DdzHuZ-Y.js";import{w as B}from"./componentNames-CpCJzpB9.js";const t=void 0;function Y(a){const{nowrap:e}=a;return e?!0:t}function r(a){return JSON.stringify(a)}function M(a){const{direction:e,column:u,reverse:n}=a;return e===void 0?!n&&!u?{applyThrough:"direction",directionAttr:$}:{applyThrough:"columnReverse",columnReverseAttr:`${u?"column":"row"}-${n?"rev":"fwd"}`}:typeof e=="string"?{applyThrough:"direction",directionAttr:e}:{applyThrough:"direction",directionAttr:r(e)}}function W(a){const{justifyContent:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function X(a){const{alignItems:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function z(a){const{gap:e}=a;return e===void 0?t:typeof e=="string"?e:r(e)}function K(a){const{padding:e}=a;return e===void 0?{applyThrough:"attr",attr:G}:typeof e=="string"||typeof e=="number"?{applyThrough:"attr",attr:e}:Array.isArray(e)?{applyThrough:"classnames",classNames:f(e)}:r(e).includes("[")?{applyThrough:"classnames",classNames:f(e)}:{applyThrough:"attr",attr:JSON.stringify(e)}}function Q(a){const{hide:e,inline:u}=a;if(e===void 0)return t;const n=u?"inline-flex":"flex";if(typeof e=="boolean")return e?"hide":n;let l=r(e);return l=l.replace(/true/g,'"hide"'),l=l.replace(/false/g,`"${n}"`),l}function Z(a){const{relative:e}=a;return e===void 0?t:e===!0?!0:e===!1?t:r(e)}const ee={},m=N.forwardRef(function(e,u){const{gap:n,hide:l,column:o,nowrap:g,inline:y,dataset:h,reverse:A,padding:L,children:R,relative:x,direction:P,alignItems:T,justifyContent:w,tag:S=k,..._}=e,d=[ee.LayoutFlex,j.LayoutGap,E.LayoutHide,H.LayoutRelative],D=z({gap:n}),b=Y({nowrap:g}),q=Z({relative:x}),V=Q({hide:l,inline:y}),I=X({alignItems:T}),O=W({justifyContent:w});let v=t,p=t;const i=M({direction:P,column:o,reverse:A});i.applyThrough==="columnReverse"?p=i.columnReverseAttr:v=i.directionAttr;let c=t;const s=K({padding:L});s.applyThrough==="classnames"?d.push(...s.classNames):c=s.attr;const C={...U(_),ref:u,className:d.join(" "),"data-ds-gap":D,"data-ds-nowrap":b,"data-ds-padding":c,"data-ds-display":V,"data-ds-relative":q,"data-ds-direction":v,"data-ds-alignitems":I,"data-ds-columnreverse":p,"data-ds-justifycontent":O,...J(h,{preplyDsComponent:B.LayoutFlex})};return F.jsx(S,{...C,children:R})});try{m.displayName="LayoutFlex",m.__docgenInfo={description:"A CSS `flex` wrapper.",displayName:"LayoutFlex",props:{gap:{defaultValue:null,description:"",name:"gap",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"none"'},{value:'"3xs"'},{value:"ResponsiveProp<LayoutGap>"},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"ResponsiveProp<Spacing>"}]}},padding:{defaultValue:null,description:"",name:"padding",required:!1,type:{name:"enum",value:[{value:'"xs"'},{value:'"s"'},{value:'"m"'},{value:'"l"'},{value:'"xl"'},{value:'"2xs"'},{value:'"none"'},{value:'"3xs"'},{value:'"0"'},{value:'"1"'},{value:'"2"'},{value:'"4"'},{value:'"8"'},{value:'"12"'},{value:'"16"'},{value:'"20"'},{value:'"24"'},{value:'"32"'},{value:'"48"'},{value:'"64"'},{value:'"96"'},{value:'"160"'},{value:"[LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[LayoutPadding, LayoutPadding, LayoutPadding, LayoutPadding]"},{value:"[Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing]"},{value:"[Spacing, Spacing, Spacing, Spacing]"},{value:"ResponsiveProp<ShortHand<LayoutPadding> | ShortHand<Spacing>>"}]}},nowrap:{defaultValue:null,description:"",name:"nowrap",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},column:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"column",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},reverse:{defaultValue:null,description:"@deprecated Use `direction` instead.",name:"reverse",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},direction:{defaultValue:null,description:"",name:"direction",required:!1,type:{name:"enum",value:[{value:'"row"'},{value:'"column"'},{value:'"row-reverse"'},{value:'"column-reverse"'},{value:"ResponsiveProp<LayoutFlexDirection>"}]}},justifyContent:{defaultValue:null,description:"",name:"justifyContent",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"space-between"'},{value:'"space-around"'},{value:'"space-evenly"'},{value:"ResponsiveProp<LayoutJustifyContent>"}]}},alignItems:{defaultValue:null,description:"",name:"alignItems",required:!1,type:{name:"enum",value:[{value:'"center"'},{value:'"start"'},{value:'"end"'},{value:'"stretch"'},{value:'"baseline"'},{value:"ResponsiveProp<LayoutAlignItems>"}]}},tag:{defaultValue:null,description:"",name:"tag",required:!1,type:{name:"enum",value:[{value:'"p"'},{value:'"div"'},{value:'"span"'},{value:'"article"'},{value:'"caption"'},{value:'"fieldset"'},{value:'"figcaption"'},{value:'"figure"'},{value:'"footer"'},{value:'"header"'},{value:'"li"'},{value:'"main"'},{value:'"ol"'},{value:'"section"'},{value:'"table"'},{value:'"tbody"'},{value:'"td"'},{value:'"tfoot"'},{value:'"th"'},{value:'"thead"'},{value:'"tr"'},{value:'"ul"'}]}},hide:{defaultValue:null,description:"",name:"hide",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},relative:{defaultValue:null,description:"",name:"relative",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"},{value:"ResponsiveProp<boolean>"}]}},inline:{defaultValue:null,description:"",name:"inline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLElement | null) => void"},{value:"RefObject<HTMLElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}export{m as L};

package/dist/assets/LayoutGrid.stories-CNvZbuzu.js

@@ -1,88 +0,0 @@
-import{j as t}from"./jsx-runtime-BYouaCF_.js";import{a as e,L as h}from"./LayoutGridItem-CZ6SKl8g.js";import{S as n,a as m}from"./consts-KAYct7Gj.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./classNames-BUL1Zq7e.js";import"./breakpoints-BfMlrtxE.js";import"./layout-relative.module-ed9bC4H4.js";import"./align-self-BM6l9H5Z.js";import"./constants-DYYVurUY.js";import"./defaults-B1rzzf6M.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./index-DdzHuZ-Y.js";import"./componentNames-CpCJzpB9.js";const G={title:"components/LayoutGrid",component:h,subcomponents:{LayoutGridItem:e},argTypes:{gap:{description:n},padding:{description:m},columns:{description:n},justifyContent:{description:n},alignItems:{description:n},justifyItems:{description:n},hide:{description:n},relative:{description:n}}},o=()=>t.jsxs(h,{columns:4,alignItems:"start",gap:"xs",children:[t.jsx(e,{children:t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"0.25rem"},children:[t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]})}),t.jsx(e,{alignSelf:"end",children:t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}}),t.jsx("div",{style:{height:"2ch",backgroundColor:"hotpink"}})]});o.storyName="LayoutGrid";const i={parameters:{chromatic:{disableSnapshot:!0}},args:{gap:"16",columns:3,alignItems:"start",children:t.jsxs(t.Fragment,{children:[t.jsx("div",{style:{minWidth:"100px",minHeight:50,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:75,backgroundColor:"hotpink"},children:" "}),t.jsx("div",{style:{minWidth:"100px",minHeight:100,backgroundColor:"hotpink",textAlign:"center"}})]}),dataset:{qaid:"layout-grid"}},argTypes:{dataset:{control:"object"},columns:{control:"number"},justifyItems:{control:"select"},hide:{control:"boolean"},relative:{control:"boolean"},children:{control:!1}}};var r,s,a;o.parameters={...o.parameters,docs:{...(r=o.parameters)==null?void 0:r.docs,source:{originalSource:`() => <LayoutGrid columns={4} alignItems="start" gap="xs">
-        <LayoutGridItem>
-            <div style={{
-      display: 'flex',
-      flexDirection: 'column',
-      gap: '0.25rem'
-    }}>
-                <div style={{
-        height: '2ch',
-        backgroundColor: 'hotpink'
-      }} />
-                <div style={{
-        height: '2ch',
-        backgroundColor: 'hotpink'
-      }} />
-            </div>
-        </LayoutGridItem>
-        <LayoutGridItem alignSelf="end">
-            <div style={{
-      height: '2ch',
-      backgroundColor: 'hotpink'
-    }} />
-        </LayoutGridItem>
-        <div style={{
-    height: '2ch',
-    backgroundColor: 'hotpink'
-  }} />
-        <div style={{
-    height: '2ch',
-    backgroundColor: 'hotpink'
-  }} />
-    </LayoutGrid>`,...(a=(s=o.parameters)==null?void 0:s.docs)==null?void 0:a.source}}};var l,d,c;i.parameters={...i.parameters,docs:{...(l=i.parameters)==null?void 0:l.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  args: {
-    gap: '16',
-    columns: 3,
-    alignItems: 'start',
-    children: <>
-                <div style={{
-        minWidth: '100px',
-        minHeight: 50,
-        backgroundColor: 'hotpink'
-      }}>
-                    {' '}
-                </div>
-                <div style={{
-        minWidth: '100px',
-        minHeight: 75,
-        backgroundColor: 'hotpink'
-      }}>
-                    {' '}
-                </div>
-                <div style={{
-        minWidth: '100px',
-        minHeight: 100,
-        backgroundColor: 'hotpink',
-        textAlign: 'center'
-      }}></div>
-            </>,
-    dataset: {
-      qaid: 'layout-grid'
-    }
-  },
-  argTypes: {
-    dataset: {
-      control: 'object'
-    },
-    columns: {
-      control: 'number'
-    },
-    justifyItems: {
-      control: 'select'
-    },
-    hide: {
-      control: 'boolean'
-    },
-    relative: {
-      control: 'boolean'
-    },
-    children: {
-      control: false
-    }
-  }
-}`,...(c=(d=i.parameters)==null?void 0:d.docs)==null?void 0:c.source}}};const E=["Base","Playground"];export{o as Base,i as Playground,E as __namedExportsOrder,G as default};

package/dist/assets/Link.stories-DQx9wq8H.js

@@ -1,271 +0,0 @@
-import{j as e}from"./jsx-runtime-BYouaCF_.js";import{T as n}from"./Text-BmdJVr9v.js";import{r as k}from"./index-B3evPFBL.js";import{f as Q}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{g as Z}from"./defaults-B1rzzf6M.js";import{u as ee}from"./useHostname-CH18gHFj.js";import{m as ae,s as x,b as f}from"./classNames-BUL1Zq7e.js";import{w as y}from"./componentNames-CpCJzpB9.js";import{a as ne,g as te}from"./index-DdzHuZ-Y.js";import{g as d}from"./getTokenVar-DU_DEzTd.js";import{c as u}from"./tokens-ZvFzTwDp.js";import"./text-accent-DZDDtpIt.js";import"./text-centered-CznToR0o.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./constants-BgBLeZzp.js";const re="Link__Jw0hc",ie={Link:re,"Link--inline":"Link--inline__aWJxC","Link--noUnderline":"Link--noUnderline__vuCBO","Link--variant-accentDark":"Link--variant-accentDark__5RCSd","Link--variant-accentDark--dsInternalSimulation-hover":"Link--variant-accentDark--dsInternalSimulation-hover__5vv1U","Link--variant-accentDark--dsInternalSimulation-active":"Link--variant-accentDark--dsInternalSimulation-active__-PYgd","Link--variant-accentDarkInverted":"Link--variant-accentDarkInverted__5GVfk","Link--variant-accentDarkInverted--dsInternalSimulation-hover":"Link--variant-accentDarkInverted--dsInternalSimulation-hover__u7g4B","Link--variant-accentDarkInverted--dsInternalSimulation-active":"Link--variant-accentDarkInverted--dsInternalSimulation-active__4bGgk","Link--variant-neutral":"Link--variant-neutral__v0PFp","Link--variant-neutral--dsInternalSimulation-hover":"Link--variant-neutral--dsInternalSimulation-hover__L-hBv","Link--variant-neutral--dsInternalSimulation-active":"Link--variant-neutral--dsInternalSimulation-active__5rs0z","Link--variant-neutralInverted":"Link--variant-neutralInverted__t9Ijl","Link--variant-neutralInverted--dsInternalSimulation-hover":"Link--variant-neutralInverted--dsInternalSimulation-hover__H50Xt","Link--variant-neutralInverted--dsInternalSimulation-active":"Link--variant-neutralInverted--dsInternalSimulation-active__Irr0h","Link--variant-unsetColors":"Link--variant-unsetColors__EEbF5","Link--variant-unsetColors--dsInternalSimulation-hover":"Link--variant-unsetColors--dsInternalSimulation-hover__vMIu6","Link--variant-unsetColors--dsInternalSimulation-active":"Link--variant-unsetColors--dsInternalSimulation-active__wlGTN"},a=k.forwardRef(function(E,P){const{variant:v=Z,href:R,download:A,opensInNewTab:H,nofollow:M,assistiveText:B,onClick:O,as:p,url:F,dataset:G,children:m,inline:J,dsInternalSimulation:z,noUnderline:W,...X}=E,$=ee(),K=ae(ie,y.Link,[x(`variant-${v}--dsInternalSimulation`,z),x("variant",v),f("inline",void 0,J),f("noUnderline",void 0,W)]),c=R||F,Y=c?ne($,c,H,M):{},h={...Q(X),ref:P,href:c,download:A,"aria-label":B,onClick:O,className:K.join(" "),...te(G,{preplyDsComponent:y.Link})};return p?k.cloneElement(p,{...h},m):e.jsx("a",{...h,...Y,children:m})});try{a.displayName="Link",a.__docgenInfo={description:`This is an inline element and will inherit font-size, line-height and
-font-weight from the parent context. If you need to customise any of these
-styles, all you have to do is wrap the <Link> in a Text or TextInline
-component.`,displayName:"Link",props:{variant:{defaultValue:null,description:"",name:"variant",required:!1,type:{name:"enum",value:[{value:'"accentDark"'},{value:'"accentDarkInverted"'},{value:'"neutral"'},{value:'"neutralInverted"'},{value:'"unsetColors"'}]}},href:{defaultValue:null,description:"",name:"href",required:!1,type:{name:"enum",value:[{value:"string"}]}},download:{defaultValue:null,description:`When provided, instructs the browser to download the target (the file
-specified in the href attribute) when a user clicks on the hyperlink,
-rather than display it in the browser.`,name:"download",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},opensInNewTab:{defaultValue:null,description:"If `true`, forces internal link to open in a new tab.",name:"opensInNewTab",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},nofollow:{defaultValue:null,description:"",name:"nofollow",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},assistiveText:{defaultValue:null,description:"Provide an `aria-label` to the link.\nThis is useful if the link wraps non-textual elements, eg. an `img`.",name:"assistiveText",required:!1,type:{name:"enum",value:[{value:"string"}]}},onClick:{defaultValue:null,description:"",name:"onClick",required:!1,type:{name:"enum",value:[{value:"MouseEventHandler<Element>"}]}},as:{defaultValue:null,description:"",name:"as",required:!1,type:{name:"enum",value:[{value:"ReactElement<any, string | JSXElementConstructor<any>>"}]}},url:{defaultValue:null,description:"@deprecated Use `href` instead",name:"url",required:!1,type:{name:"enum",value:[{value:"string"}]}},dataset:{defaultValue:null,description:`Sets data attributes on the DOM element.
-@example <Avatar dataset={{ 'qa-id': 'user-avatar' }} /> // will add data-qa-id="user-avatar" to the HTML element`,name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},inline:{defaultValue:null,description:"If `true`, allows the link to wrap within text.",name:"inline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},noUnderline:{defaultValue:null,description:"",name:"noUnderline",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLAnchorElement | null) => void"},{value:"RefObject<HTMLAnchorElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const Le={title:"components/Link",component:a},r=()=>{const t=d(u.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(a,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"})}),e.jsx(a,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(a,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"})}),e.jsx(a,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]})},i=()=>{const t=d(u.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(n,{variant:"default-regular-italic",children:"(use the `unsetColors` variant)"}),e.jsxs("div",{children:[e.jsx(n,{variant:"large-semibold-italic",children:"primary"}),e.jsx(n,{variant:"default-regular-italic",children:"normal"}),e.jsxs(n,{accent:"primary",children:["Lorem ipsum ",e.jsx(a,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(n,{variant:"default-regular-italic",children:"active"}),e.jsxs(n,{accent:"primary",children:["Lorem ipsum"," ",e.jsx(a,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{style:{backgroundColor:t},children:[e.jsx(n,{variant:"large-semibold-italic",accent:"inverted",children:"inverted"}),e.jsx(n,{variant:"default-regular-italic",accent:"inverted",children:"normal"}),e.jsxs(n,{accent:"inverted",children:["Lorem ipsum ",e.jsx(a,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(n,{variant:"default-regular-italic",accent:"inverted",children:"active"}),e.jsxs(n,{accent:"inverted",children:["Lorem ipsum"," ",e.jsx(a,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{children:[e.jsx(n,{variant:"large-semibold-italic",children:"positive"}),e.jsx(n,{variant:"default-regular-italic",children:"normal"}),e.jsxs(n,{accent:"positive",children:["Lorem ipsum ",e.jsx(a,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(n,{variant:"default-regular-italic",children:"active"}),e.jsxs(n,{accent:"positive",children:["Lorem ipsum"," ",e.jsx(a,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]}),e.jsxs("div",{children:[e.jsx(n,{variant:"large-semibold-italic",children:"critical"}),e.jsx(n,{variant:"default-regular-italic",children:"normal"}),e.jsxs(n,{accent:"critical",children:["Lorem ipsum ",e.jsx(a,{variant:"unsetColors",children:"dolor sit amet"})," amet."]}),e.jsx(n,{variant:"default-regular-italic",children:"active"}),e.jsxs(n,{accent:"critical",children:["Lorem ipsum"," ",e.jsx(a,{variant:"unsetColors",dsInternalSimulation:"active",children:"dolor sit amet"})," ","amet."]})]})]})},l=()=>{const t=d(u.background.primaryInverted);return e.jsxs("div",{style:{display:"flex",gap:"16px",flexDirection:"column"},children:[e.jsx(n,{variant:"default-regular-italic",children:"normal"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{href:"https://preply.com",variant:"neutral",children:"neutral"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(a,{href:"https://preply.com",variant:"neutralInverted",children:"neutralInverted"})}),e.jsx(a,{href:"https://preply.com",variant:"accentDark",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(a,{href:"https://preply.com",variant:"accentDarkInverted",children:"accentDarkInverted"})}),e.jsx(a,{href:"https://preply.com",variant:"unsetColors",children:"unsetColors"})]}),e.jsx(n,{variant:"default-regular-italic",children:"hover"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{href:"https://preply.com",variant:"neutral",dsInternalSimulation:"hover",children:"neutral"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(a,{href:"https://preply.com",variant:"neutralInverted",dsInternalSimulation:"hover",children:"neutralInverted"})}),e.jsx(a,{href:"https://preply.com",variant:"accentDark",dsInternalSimulation:"hover",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(a,{href:"https://preply.com",variant:"accentDarkInverted",dsInternalSimulation:"hover",children:"accentDarkInverted"})}),e.jsx(a,{href:"https://preply.com",variant:"unsetColors",dsInternalSimulation:"hover",children:"unsetColors"})]}),e.jsx(n,{variant:"default-regular-italic",children:"active"}),e.jsxs("div",{style:{display:"flex",gap:"16px"},children:[e.jsx(a,{href:"https://preply.com",variant:"neutral",dsInternalSimulation:"active",children:"neutral"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(a,{href:"https://preply.com",variant:"neutralInverted",dsInternalSimulation:"active",children:"neutralInverted"})}),e.jsx(a,{href:"https://preply.com",variant:"accentDark",dsInternalSimulation:"active",children:"accentDark"}),e.jsx("span",{style:{backgroundColor:t},children:e.jsx(a,{href:"https://preply.com",variant:"accentDarkInverted",dsInternalSimulation:"active",children:"accentDarkInverted"})}),e.jsx(a,{href:"https://preply.com",variant:"unsetColors",dsInternalSimulation:"active",children:"unsetColors"})]})]})},s=()=>e.jsxs("p",{style:{width:"12ch"},children:["Unlock your potential;"," ",e.jsx(a,{href:"https://preply.com",variant:"unsetColors",inline:!0,children:"visit Preply"}),"."]}),o={parameters:{chromatic:{disableSnapshot:!0}},args:{children:"Click me",href:"https://preply.com",variant:"neutral",dataset:{qaid:"link"}},argTypes:{dataset:{control:"object"},inline:{control:"boolean"},noUnderline:{control:"boolean"},opensInNewTab:{control:"boolean"},nofollow:{control:"boolean"},download:{control:"boolean"},assistiveText:{control:"text"},href:{control:"text"},url:{table:{disable:!0}}}};var g,L,I;r.parameters={...r.parameters,docs:{...(g=r.parameters)==null?void 0:g.docs,source:{originalSource:`() => {
-  const grey = getTokenVar(color.background.primaryInverted);
-  return <div style={{
-    display: 'flex',
-    gap: '16px'
-  }}>
-            <Link href="https://preply.com" variant="neutral">
-                neutral
-            </Link>
-            <span style={{
-      backgroundColor: grey
-    }}>
-                <Link href="https://preply.com" variant="neutralInverted">
-                    neutralInverted
-                </Link>
-            </span>
-            <Link href="https://preply.com" variant="accentDark">
-                accentDark
-            </Link>
-            <span style={{
-      backgroundColor: grey
-    }}>
-                <Link href="https://preply.com" variant="accentDarkInverted">
-                    accentDarkInverted
-                </Link>
-            </span>
-            <Link href="https://preply.com" variant="unsetColors">
-                unsetColors
-            </Link>
-        </div>;
-}`,...(I=(L=r.parameters)==null?void 0:L.docs)==null?void 0:I.source}}};var j,T,C;i.parameters={...i.parameters,docs:{...(j=i.parameters)==null?void 0:j.docs,source:{originalSource:`() => {
-  const grey = getTokenVar(color.background.primaryInverted);
-  return <div style={{
-    display: 'flex',
-    gap: '16px',
-    flexDirection: 'column'
-  }}>
-            <Text variant="default-regular-italic">(use the \`unsetColors\` variant)</Text>
-            <div>
-                <Text variant="large-semibold-italic">primary</Text>
-                <Text variant="default-regular-italic">normal</Text>
-                <Text accent="primary">
-                    Lorem ipsum <Link variant="unsetColors">dolor sit amet</Link> amet.
-                </Text>
-
-                <Text variant="default-regular-italic">active</Text>
-                <Text accent="primary">
-                    Lorem ipsum{' '}
-                    <Link variant="unsetColors" dsInternalSimulation="active">
-                        dolor sit amet
-                    </Link>{' '}
-                    amet.
-                </Text>
-            </div>
-
-            <div style={{
-      backgroundColor: grey
-    }}>
-                <Text variant="large-semibold-italic" accent="inverted">
-                    inverted
-                </Text>
-                <Text variant="default-regular-italic" accent="inverted">
-                    normal
-                </Text>
-
-                <Text accent="inverted">
-                    Lorem ipsum <Link variant="unsetColors">dolor sit amet</Link> amet.
-                </Text>
-
-                <Text variant="default-regular-italic" accent="inverted">
-                    active
-                </Text>
-                <Text accent="inverted">
-                    Lorem ipsum{' '}
-                    <Link variant="unsetColors" dsInternalSimulation="active">
-                        dolor sit amet
-                    </Link>{' '}
-                    amet.
-                </Text>
-            </div>
-
-            <div>
-                <Text variant="large-semibold-italic">positive</Text>
-                <Text variant="default-regular-italic">normal</Text>
-                <Text accent="positive">
-                    Lorem ipsum <Link variant="unsetColors">dolor sit amet</Link> amet.
-                </Text>
-
-                <Text variant="default-regular-italic">active</Text>
-                <Text accent="positive">
-                    Lorem ipsum{' '}
-                    <Link variant="unsetColors" dsInternalSimulation="active">
-                        dolor sit amet
-                    </Link>{' '}
-                    amet.
-                </Text>
-            </div>
-
-            <div>
-                <Text variant="large-semibold-italic">critical</Text>
-                <Text variant="default-regular-italic">normal</Text>
-                <Text accent="critical">
-                    Lorem ipsum <Link variant="unsetColors">dolor sit amet</Link> amet.
-                </Text>
-
-                <Text variant="default-regular-italic">active</Text>
-                <Text accent="critical">
-                    Lorem ipsum{' '}
-                    <Link variant="unsetColors" dsInternalSimulation="active">
-                        dolor sit amet
-                    </Link>{' '}
-                    amet.
-                </Text>
-            </div>
-        </div>;
-}`,...(C=(T=i.parameters)==null?void 0:T.docs)==null?void 0:C.source}}};var b,S,D;l.parameters={...l.parameters,docs:{...(b=l.parameters)==null?void 0:b.docs,source:{originalSource:`() => {
-  const grey = getTokenVar(color.background.primaryInverted);
-  return <div style={{
-    display: 'flex',
-    gap: '16px',
-    flexDirection: 'column'
-  }}>
-            <Text variant="default-regular-italic">normal</Text>
-            <div style={{
-      display: 'flex',
-      gap: '16px'
-    }}>
-                <Link href="https://preply.com" variant="neutral">
-                    neutral
-                </Link>
-                <span style={{
-        backgroundColor: grey
-      }}>
-                    <Link href="https://preply.com" variant="neutralInverted">
-                        neutralInverted
-                    </Link>
-                </span>
-                <Link href="https://preply.com" variant="accentDark">
-                    accentDark
-                </Link>
-                <span style={{
-        backgroundColor: grey
-      }}>
-                    <Link href="https://preply.com" variant="accentDarkInverted">
-                        accentDarkInverted
-                    </Link>
-                </span>
-                <Link href="https://preply.com" variant="unsetColors">
-                    unsetColors
-                </Link>
-            </div>
-            <Text variant="default-regular-italic">hover</Text>
-            <div style={{
-      display: 'flex',
-      gap: '16px'
-    }}>
-                <Link href="https://preply.com" variant="neutral" dsInternalSimulation="hover">
-                    neutral
-                </Link>
-                <span style={{
-        backgroundColor: grey
-      }}>
-                    <Link href="https://preply.com" variant="neutralInverted" dsInternalSimulation="hover">
-                        neutralInverted
-                    </Link>
-                </span>
-                <Link href="https://preply.com" variant="accentDark" dsInternalSimulation="hover">
-                    accentDark
-                </Link>
-                <span style={{
-        backgroundColor: grey
-      }}>
-                    <Link href="https://preply.com" variant="accentDarkInverted" dsInternalSimulation="hover">
-                        accentDarkInverted
-                    </Link>
-                </span>
-                <Link href="https://preply.com" variant="unsetColors" dsInternalSimulation="hover">
-                    unsetColors
-                </Link>
-            </div>
-            <Text variant="default-regular-italic">active</Text>
-            <div style={{
-      display: 'flex',
-      gap: '16px'
-    }}>
-                <Link href="https://preply.com" variant="neutral" dsInternalSimulation="active">
-                    neutral
-                </Link>
-                <span style={{
-        backgroundColor: grey
-      }}>
-                    <Link href="https://preply.com" variant="neutralInverted" dsInternalSimulation="active">
-                        neutralInverted
-                    </Link>
-                </span>
-                <Link href="https://preply.com" variant="accentDark" dsInternalSimulation="active">
-                    accentDark
-                </Link>
-                <span style={{
-        backgroundColor: grey
-      }}>
-                    <Link href="https://preply.com" variant="accentDarkInverted" dsInternalSimulation="active">
-                        accentDarkInverted
-                    </Link>
-                </span>
-                <Link href="https://preply.com" variant="unsetColors" dsInternalSimulation="active">
-                    unsetColors
-                </Link>
-            </div>
-        </div>;
-}`,...(D=(S=l.parameters)==null?void 0:S.docs)==null?void 0:D.source}}};var _,w,V;s.parameters={...s.parameters,docs:{...(_=s.parameters)==null?void 0:_.docs,source:{originalSource:`() => <p style={{
-  width: '12ch'
-}}>
-        Unlock your potential;{' '}
-        <Link href="https://preply.com" variant="unsetColors" inline>
-            visit Preply
-        </Link>
-        .
-    </p>`,...(V=(w=s.parameters)==null?void 0:w.docs)==null?void 0:V.source}}};var q,U,N;o.parameters={...o.parameters,docs:{...(q=o.parameters)==null?void 0:q.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  args: {
-    children: 'Click me',
-    href: 'https://preply.com',
-    variant: 'neutral',
-    dataset: {
-      qaid: 'link'
-    }
-  },
-  argTypes: {
-    dataset: {
-      control: 'object'
-    },
-    inline: {
-      control: 'boolean'
-    },
-    noUnderline: {
-      control: 'boolean'
-    },
-    opensInNewTab: {
-      control: 'boolean'
-    },
-    nofollow: {
-      control: 'boolean'
-    },
-    download: {
-      control: 'boolean'
-    },
-    assistiveText: {
-      control: 'text'
-    },
-    href: {
-      control: 'text'
-    },
-    // Disable deprecated props
-    url: {
-      table: {
-        disable: true
-      }
-    }
-  }
-}`,...(N=(U=o.parameters)==null?void 0:U.docs)==null?void 0:N.source}}};const Ie=["Variants","TextVariants","States","Inline","Playground"];export{s as Inline,o as Playground,l as States,i as TextVariants,r as Variants,Ie as __namedExportsOrder,Le as default};

package/dist/assets/Loader.stories-DWRd5a4n.js

@@ -1,37 +0,0 @@
-import{j as e}from"./jsx-runtime-BYouaCF_.js";import{r as h}from"./index-B3evPFBL.js";import{f as z}from"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import{S as j}from"./Spinner-BCTJunNM.js";import{m as k,b as R}from"./classNames-BUL1Zq7e.js";import{w as l}from"./componentNames-CpCJzpB9.js";import{g as N}from"./index-DdzHuZ-Y.js";import{S as C}from"./consts-KAYct7Gj.js";import{g as E}from"./getTokenVar-DU_DEzTd.js";import{c as I}from"./tokens-ZvFzTwDp.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./defaults-B1rzzf6M.js";import"./constants-BgBLeZzp.js";const P="Loader__Ya6Xk",V={Loader:P,"Loader--normal":"Loader--normal__41Xzt","Loader--inverted":"Loader--inverted__NULSk"},a=h.forwardRef(function({size:t,inverted:y=!1,dataset:L,...b},S){const x=k(V,l.Loader,[R("inverted","normal",y)]),_={...z(b),ref:S,className:x.join(" "),...N(L,{preplyDsComponent:l.Loader})};return e.jsx("span",{..._,children:e.jsx(j,{size:t})})});try{a.displayName="Loader",a.__docgenInfo={description:"",displayName:"Loader",props:{size:{defaultValue:null,description:"",name:"size",required:!1,type:{name:"enum",value:[{value:'"large"'},{value:'"default"'},{value:"ResponsiveProp<SpinnerSize>"}]}},inverted:{defaultValue:{value:"false"},description:"",name:"inverted",required:!1,type:{name:"enum",value:[{value:"false"},{value:"true"}]}},dataset:{defaultValue:null,description:"",name:"dataset",required:!1,type:{name:"enum",value:[{value:"Dataset"}]}},ref:{defaultValue:null,description:"Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).\n@see {@link https://react.dev/learn/referencing-values-with-refs#refs-and-the-dom React Docs}",name:"ref",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"(instance: HTMLSpanElement | null) => void"},{value:"RefObject<HTMLSpanElement>"}]}},key:{defaultValue:null,description:"",name:"key",required:!1,type:{name:"enum",value:[{value:"null"},{value:"string"},{value:"number"},{value:"bigint"}]}}}}}catch{}const F={title:"components/Loader",component:a,argTypes:{size:{description:C}}},o=()=>e.jsxs("div",{style:{display:"flex",alignItems:"end",gap:"8px"},children:[e.jsx(a,{size:"default"}),e.jsx(a,{size:"large"})]}),n=()=>e.jsx(a,{inverted:!0});n.decorators=[r=>{const t=E(I.background.primaryInverted);return e.jsx("div",{style:{backgroundColor:t},children:r()})}];const s={parameters:{chromatic:{disableSnapshot:!0}},decorators:[(r,{args:t})=>e.jsx("div",{style:{backgroundColor:t.inverted?"black":void 0},children:r()})],args:{size:"default",inverted:!1,dataset:{qaid:"loader"}},argTypes:{dataset:{control:"object"},size:{control:"select"},inverted:{control:"boolean"}}};var d,i,c;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`() => <div style={{
-  display: 'flex',
-  alignItems: 'end',
-  gap: '8px'
-}}>
-        <Loader size="default" />
-        <Loader size="large" />
-    </div>`,...(c=(i=o.parameters)==null?void 0:i.docs)==null?void 0:c.source}}};var u,m,p;n.parameters={...n.parameters,docs:{...(u=n.parameters)==null?void 0:u.docs,source:{originalSource:"() => <Loader inverted />",...(p=(m=n.parameters)==null?void 0:m.docs)==null?void 0:p.source}}};var f,v,g;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
-  parameters: {
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  decorators: [(story, {
-    args
-  }) => <div style={{
-    backgroundColor: args.inverted ? 'black' : undefined
-  }}>{story()}</div>],
-  args: {
-    size: 'default',
-    inverted: false,
-    dataset: {
-      qaid: 'loader'
-    }
-  },
-  argTypes: {
-    dataset: {
-      control: 'object'
-    },
-    size: {
-      control: 'select'
-    },
-    inverted: {
-      control: 'boolean'
-    }
-  }
-}`,...(g=(v=s.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};const G=["Sizes","Inverted","Playground"];export{n as Inverted,s as Playground,o as Sizes,G as __namedExportsOrder,F as default};

package/dist/assets/ObserveIntersection.stories-BabE9srq.js

@@ -1,27 +0,0 @@
-import{j as t}from"./jsx-runtime-BYouaCF_.js";import{r as a}from"./index-B3evPFBL.js";import{O as i}from"./ObserveIntersection-DsqqXq5n.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./componentNames-CpCJzpB9.js";const h={title:"components/ObserveIntersection",component:i,parameters:{tags:["!test"],chromatic:{disableSnapshot:!0}}},e=()=>{const[o,c]=a.useState(!1);return t.jsxs("div",{tabIndex:0,style:{height:"200px",overflowY:"scroll",position:"relative"},children:[t.jsx("div",{style:{position:"sticky",top:"2px"},children:o?"Intersected":"Scroll down to intersect"}),t.jsx("div",{style:{height:"400px",display:"flex",alignItems:"end"},children:t.jsx(i,{onIntersect:()=>c(!0),children:"Observer"})})]})};e.storyName="ObserveIntersection";var s,n,r;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`() => {
-  const [isIntersecting, setIsIntersecting] = useState(false);
-  return (
-    // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex -- This element is interactive; it's scrollable.
-    <div tabIndex={0} style={{
-      height: '200px',
-      overflowY: 'scroll',
-      position: 'relative'
-    }}>
-            <div style={{
-        position: 'sticky',
-        top: '2px'
-      }}>
-                {isIntersecting ? 'Intersected' : 'Scroll down to intersect'}
-            </div>
-            <div style={{
-        height: '400px',
-        display: 'flex',
-        alignItems: 'end'
-      }}>
-                <ObserveIntersection onIntersect={() => setIsIntersecting(true)}>
-                    Observer
-                </ObserveIntersection>
-            </div>
-        </div>
-  );
-}`,...(r=(n=e.parameters)==null?void 0:n.docs)==null?void 0:r.source}}};const g=["Base"];export{e as Base,g as __namedExportsOrder,h as default};

package/dist/assets/OnboardingTooltip.stories-BGQM-hLj.js

@@ -1,66 +0,0 @@
-import{j as e}from"./jsx-runtime-BYouaCF_.js";import{O as u}from"./OnboardingTooltip-DVNAQjDc.js";import{I as g}from"./IconButton-BqwVuKH2.js";import{F as x}from"./TokyoUIFav-DGbkVriC.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-jPlWeKki.js";import"./PortalElementProvider-D4ltrA8j.js";import"./index-DRKYGVyc.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./Combination-CCYtWL8C.js";import"./tslib.es6-BntfKcQG.js";import"./index-DbgDZDus.js";import"./TokyoUIClose-DFIfVIfy.js";import"./Icon-ZIxauYsE.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-CpCJzpB9.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./Text-BmdJVr9v.js";import"./text-centered-CznToR0o.js";import"./Button-BSyqsKC5.js";import"./ButtonBase-Bdtn25V2.js";import"./Spinner-BCTJunNM.js";import"./useMergeRefs-CeyIhNgY.js";import"./useHostname-CH18gHFj.js";import"./index-CC6DAVyL.js";import"./Heading-ese4_5Hg.js";import"./index-BfBdt3zW.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./shared-strings-CcWGHelY.js";import"./message-BraTJ16C.js";const te={title:"Components/OnboardingTooltip",component:u,parameters:{docs:{story:{inline:!1,height:250},description:{component:"Are you looking for a step-by-step tour? Check out [OnboardingTour](/docs/components-onboardingtour--docs)"}},a11y:{config:{rules:[{id:"color-contrast",enabled:!1}]}}},decorators:[t=>e.jsx("div",{style:{margin:"auto",width:"max-content"},children:t()})]},f=t=>[!1,!1],h=t=>a=>{},o=()=>{const[t,a]=f(),v=h();return e.jsx(u,{title:"New Feature Available!",text:"We've added an exciting new feature to enhance your experience.",disabled:a||t,onClose:()=>v(!0),children:e.jsx(g,{variant:"ghost",svg:e.jsx(x,{}),assistiveText:"Favorite"})})};o.storyName="OnboardingTooltip";const r={tags:["!autodocs"],args:{title:"New Feature Available!",text:"We've added an exciting new feature to enhance your experience.",disabled:!1,onClose:()=>{},children:e.jsx(g,{variant:"ghost",svg:e.jsx(x,{}),assistiveText:"Favorite"})},argTypes:{title:{control:"text"},text:{control:"text"},actionLabel:{control:"text"},actionOnClick:{control:!1},actionHref:{control:"text"},disabled:{control:"boolean"},dataset:{control:"object"},onClose:{control:!1},children:{control:!1}},parameters:{docs:{story:{height:450}},chromatic:{disableSnapshot:!0}},decorators:[t=>e.jsx("div",{style:{minHeight:"100vh",display:"flex"},children:e.jsx("div",{style:{margin:"auto",width:"max-content"},children:t()})})]};var i,n,s,l,c;o.parameters={...o.parameters,docs:{...(i=o.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
-  const [wasTooltipSeen, loading] = useIsFeatureActive('new-feature');
-  const setTooltipSeen = useToggleFeature('new-feature');
-  return <OnboardingTooltip title="New Feature Available!" text="We've added an exciting new feature to enhance your experience." disabled={loading || wasTooltipSeen} onClose={() => setTooltipSeen(true)}>
-            <IconButton variant="ghost" svg={<TokyoUIFav />} assistiveText="Favorite" />
-        </OnboardingTooltip>;
-}`,...(s=(n=o.parameters)==null?void 0:n.docs)==null?void 0:s.source},description:{story:"Basic usage of the onboarding tooltip.\n\nUse `disabled` and `onClose` (or `actionOnClick`) props to control tooltip's visibility (We recommend using FeatureToggles for this)",...(c=(l=o.parameters)==null?void 0:l.docs)==null?void 0:c.description}}};var d,p,m;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
-  tags: ['!autodocs'],
-  args: {
-    title: 'New Feature Available!',
-    text: "We've added an exciting new feature to enhance your experience.",
-    disabled: false,
-    onClose: () => {},
-    children: <IconButton variant="ghost" svg={<TokyoUIFav />} assistiveText="Favorite" />
-  },
-  argTypes: {
-    title: {
-      control: 'text'
-    },
-    text: {
-      control: 'text'
-    },
-    actionLabel: {
-      control: 'text'
-    },
-    actionOnClick: {
-      control: false
-    },
-    actionHref: {
-      control: 'text'
-    },
-    disabled: {
-      control: 'boolean'
-    },
-    dataset: {
-      control: 'object'
-    },
-    onClose: {
-      control: false
-    },
-    children: {
-      control: false
-    }
-  },
-  parameters: {
-    docs: {
-      story: {
-        height: 450
-      }
-    },
-    chromatic: {
-      disableSnapshot: true
-    }
-  },
-  decorators: [story => <div style={{
-    minHeight: '100vh',
-    display: 'flex'
-  }}>
-                <div style={{
-      margin: 'auto',
-      width: 'max-content'
-    }}>
-                    {story()}
-                </div>
-            </div>]
-}`,...(m=(p=r.parameters)==null?void 0:p.docs)==null?void 0:m.source}}};const oe=["Default","Playground"];export{o as Default,r as Playground,oe as __namedExportsOrder,te as default};

package/dist/assets/OnboardingTooltip.tests.stories-4LRVGnuI.js

@@ -1,79 +0,0 @@
-import{j as a}from"./jsx-runtime-BYouaCF_.js";import{O as x}from"./OnboardingTooltip-DVNAQjDc.js";import{I}from"./IconButton-BqwVuKH2.js";import{F as f}from"./TokyoUIFav-DGbkVriC.js";import{w as s,a as r,e as n,u as d}from"./index-DDyIDR-R.js";import{B as k}from"./Button-BSyqsKC5.js";import{L as F}from"./LayoutFlex-BBGvSVMb.js";import"./index-B3evPFBL.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-jPlWeKki.js";import"./PortalElementProvider-D4ltrA8j.js";import"./index-DRKYGVyc.js";import"./index-jEDObK_5.js";import"./index-C66nt8TK.js";import"./Combination-CCYtWL8C.js";import"./tslib.es6-BntfKcQG.js";import"./index-DbgDZDus.js";import"./TokyoUIClose-DFIfVIfy.js";import"./Icon-ZIxauYsE.js";import"./text-accent-DZDDtpIt.js";import"./classNames-BUL1Zq7e.js";import"./filterAttributesPassedByRadixUIAtRuntime-B7QTVwVw.js";import"./render-icon-CVTdrNe-.js";import"./componentNames-CpCJzpB9.js";import"./index-DdzHuZ-Y.js";import"./defaults-B1rzzf6M.js";import"./Text-BmdJVr9v.js";import"./text-centered-CznToR0o.js";import"./Heading-ese4_5Hg.js";import"./index-BfBdt3zW.js";import"./hoist-non-react-statics.cjs-C-Qo8PK8.js";import"./shared-strings-CcWGHelY.js";import"./message-BraTJ16C.js";import"./ButtonBase-Bdtn25V2.js";import"./Spinner-BCTJunNM.js";import"./useMergeRefs-CeyIhNgY.js";import"./useHostname-CH18gHFj.js";import"./index-CC6DAVyL.js";import"./layout-relative.module-ed9bC4H4.js";const mt={title:"Components/OnboardingTooltip/Tests",component:x,parameters:{layout:"centered",controls:{disable:!0},chromatic:{disableSnapshot:!0}},tags:["!autodocs","!a11y-test","test"],decorators:[e=>a.jsx("div",{style:{margin:"100px 0"},children:e()})],args:{title:"Title",text:"Body text",actionLabel:"Action label",disabled:!1,onClose:()=>{},dataset:{testid:"tooltip"},children:a.jsx(I,{svg:a.jsx(f,{}),assistiveText:"Favorite"})}},c={play:async({canvasElement:e,step:o})=>{const i=s(e);await o("wait for tooltip to be visible",async()=>{await r(()=>{const t=i.getByTestId("tooltip");return n(t).toBeVisible()})}),await o("close the tooltip",()=>{const u=s(i.getByTestId("tooltip")).getByTestId("close");return d.click(u)}),await o("wait for tooltip to be hidden",async()=>{await r(()=>{const t=i.queryByTestId("tooltip");return n(t).toBeNull()})})}},l={play:async({canvasElement:e,step:o})=>{const i=s(e);await o("wait for tooltip to be visible",async()=>{await r(()=>{const t=i.getByTestId("tooltip");return n(t).toBeVisible()})}),await o("close the tooltip",()=>{const u=s(i.getByTestId("tooltip")).getByTestId("action");return d.click(u)}),await o("wait for tooltip to be hidden",async()=>{await r(()=>{const t=i.queryByTestId("tooltip");return n(t).toBeNull()})})}};function E(e){return new Promise(o=>setTimeout(o,e))}const p={render:e=>a.jsxs(F,{gap:"24",direction:"column",children:[a.jsx(k,{children:"Click outside the tooltip"}),a.jsx(x,{...e,children:a.jsx(I,{svg:a.jsx(f,{}),assistiveText:"Favorite"})})]}),play:async({canvasElement:e,step:o})=>{const i=s(e);await o("wait for tooltip to be visible",async()=>{await r(()=>{const t=i.getByTestId("tooltip");return n(t).toBeVisible()})}),await o("click outside the tooltip",()=>{const t=i.getByText("Click outside the tooltip");return d.click(t)}),await o("check the tooltip remain open",async()=>{await E(1e3);const t=i.getByTestId("tooltip");return n(t).toBeVisible()})}};var m,y,w;c.parameters={...c.parameters,docs:{...(m=c.parameters)==null?void 0:m.docs,source:{originalSource:`{
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    const canvas = within(canvasElement);
-    await step('wait for tooltip to be visible', async () => {
-      await waitFor(() => {
-        const tooltip = canvas.getByTestId('tooltip');
-        return expect(tooltip).toBeVisible();
-      });
-    });
-    await step('close the tooltip', () => {
-      const tooltip = within(canvas.getByTestId('tooltip'));
-      const closeButton = tooltip.getByTestId('close');
-      return userEvent.click(closeButton);
-    });
-    await step('wait for tooltip to be hidden', async () => {
-      await waitFor(() => {
-        const tooltip = canvas.queryByTestId('tooltip');
-        return expect(tooltip).toBeNull();
-      });
-    });
-  }
-}`,...(w=(y=c.parameters)==null?void 0:y.docs)==null?void 0:w.source}}};var B,v,g;l.parameters={...l.parameters,docs:{...(B=l.parameters)==null?void 0:B.docs,source:{originalSource:`{
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    const canvas = within(canvasElement);
-    await step('wait for tooltip to be visible', async () => {
-      await waitFor(() => {
-        const tooltip = canvas.getByTestId('tooltip');
-        return expect(tooltip).toBeVisible();
-      });
-    });
-    await step('close the tooltip', () => {
-      const tooltip = within(canvas.getByTestId('tooltip'));
-      const actionButton = tooltip.getByTestId('action');
-      return userEvent.click(actionButton);
-    });
-    await step('wait for tooltip to be hidden', async () => {
-      await waitFor(() => {
-        const tooltip = canvas.queryByTestId('tooltip');
-        return expect(tooltip).toBeNull();
-      });
-    });
-  }
-}`,...(g=(v=l.parameters)==null?void 0:v.docs)==null?void 0:g.source}}};var b,h,T;p.parameters={...p.parameters,docs:{...(b=p.parameters)==null?void 0:b.docs,source:{originalSource:`{
-  render: args => {
-    return <LayoutFlex gap="24" direction="column">
-                <Button>Click outside the tooltip</Button>
-                <OnboardingTooltip {...args}>
-                    <IconButton svg={<TokyoUIFav />} assistiveText="Favorite" />
-                </OnboardingTooltip>
-            </LayoutFlex>;
-  },
-  play: async ({
-    canvasElement,
-    step
-  }) => {
-    const canvas = within(canvasElement);
-    await step('wait for tooltip to be visible', async () => {
-      await waitFor(() => {
-        const tooltip = canvas.getByTestId('tooltip');
-        return expect(tooltip).toBeVisible();
-      });
-    });
-    await step('click outside the tooltip', () => {
-      const outsideButton = canvas.getByText('Click outside the tooltip');
-      return userEvent.click(outsideButton);
-    });
-    await step('check the tooltip remain open', async () => {
-      await delay(1000);
-      const tooltip = canvas.getByTestId('tooltip');
-      return expect(tooltip).toBeVisible();
-    });
-  }
-}`,...(T=(h=p.parameters)==null?void 0:h.docs)==null?void 0:T.source}}};const yt=["Default","CloseWithActionButton","DoNotCloseOnInteractionOutside"];export{l as CloseWithActionButton,c as Default,p as DoNotCloseOnInteractionOutside,yt as __namedExportsOrder,mt as default};