@bethinkpl/design-system 25.0.10 → 26.0.0

package/docs/assets/TextGroup.stories-BIwyCEXe.js

@@ -0,0 +1,48 @@
+import{D as u}from"./Divider-DTjC3ra5.js";import{D as o,T as l,a as r,b as a,c as n}from"./TextGroup-BuH6WCA9.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Skeleton-BHkfJzj2.js";const b={title:"Components/TextGroup",component:o},c=p=>({components:{DsDivider:u,DsTextGroup:o},setup(){return p},template:`
+        <ds-text-group
+            :size="size"
+            :color="color"
+            :eyebrow-text="eyebrowText === 'null' ? null : eyebrowText"
+            :eyebrow-text-ellipsis="eyebrowTextEllipsis"
+            :is-eyebrow-text-uppercase="isEyebrowTextUppercase"
+            :main-text="mainText === 'null' ? null : mainText"
+            :main-text-ellipsis="mainTextEllipsis"
+            :supporting-text="supportingText === 'null' ? null : supportingText"
+            :supporting-text-ellipsis="supportingTextEllipsis"
+            :is-interactive="isInteractive"
+            :skeleton-loading-size="skeletonLoadingSize"
+            :is-selected="isSelected"
+            :state="state"
+        />
+        <div style="margin-top: 100px; color: #888">
+            <ds-divider />
+            <small>Use "null" in *Text props to get nullable value</small>
+        </div>`}),e=c.bind({});e.args={size:l.MEDIUM,color:r.NEUTRAL,eyebrowText:"Eyebrow Uppercase Veritatis aspernatur cupiditate magnam quidem",eyebrowTextEllipsis:!1,isEyebrowTextUppercase:!0,mainText:"Main text Veritatis aspernatur cupiditate magnam quidem",mainTextEllipsis:!1,supportingText:"Eaque cumque ut beatae ratione nostrum vitae nisi. Consequatur ut expedita labore quisquam impedit ullam ipsam delectus at. Veritatis aspernatur cupiditate magnam quidem.",supportingTextEllipsis:!1,isInteractive:!0,skeletonLoadingSize:a.LARGE,isSelected:!1,state:n.DEFAULT};e.argTypes={size:{control:"select",options:Object.values(l)},color:{control:"select",options:Object.values(r)},eyebrowText:{control:"text"},eyebrowTextEllipsis:{control:"boolean"},isEyebrowTextUppercase:{control:"boolean"},mainText:{control:"text"},mainTextEllipsis:{control:"boolean"},supportingText:{control:"text"},supportingTextEllipsis:{control:"boolean"},isInteractive:{control:"boolean"},skeletonLoadingSize:{control:"select",options:Object.values(a)},isSelected:{control:"boolean"},state:{control:"select",options:Object.values(n)}};e.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=10439-30112&t=NLnObQEu7dAT74xq-0"}};var t,s,i;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
+  components: {
+    DsDivider,
+    DsTextGroup
+  },
+  setup() {
+    return args;
+  },
+  template: \`
+        <ds-text-group
+            :size="size"
+            :color="color"
+            :eyebrow-text="eyebrowText === 'null' ? null : eyebrowText"
+            :eyebrow-text-ellipsis="eyebrowTextEllipsis"
+            :is-eyebrow-text-uppercase="isEyebrowTextUppercase"
+            :main-text="mainText === 'null' ? null : mainText"
+            :main-text-ellipsis="mainTextEllipsis"
+            :supporting-text="supportingText === 'null' ? null : supportingText"
+            :supporting-text-ellipsis="supportingTextEllipsis"
+            :is-interactive="isInteractive"
+            :skeleton-loading-size="skeletonLoadingSize"
+            :is-selected="isSelected"
+            :state="state"
+        />
+        <div style="margin-top: 100px; color: #888">
+            <ds-divider />
+            <small>Use "null" in *Text props to get nullable value</small>
+        </div>\`
+})`,...(i=(s=e.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};const E=["Interactive"];export{e as Interactive,E as __namedExportsOrder,b as default};

package/docs/assets/ThreeColumnLayout-CcqHOKBU.js

@@ -0,0 +1 @@
+import{d as s,o as u,c as m,a as l,n as i,f as o}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as r}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={MEDIUM:"medium",LARGE:"large"},a=s({name:"ThreeColumnLayout",props:{rightColumnSize:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},rightColumnVisible:{type:Boolean,default:!0},leftColumnVisible:{type:Boolean,default:!0},initialMobileRightColumnVisibleState:{type:Boolean,default:!1},initialMobileLeftColumnVisibleState:{type:Boolean,default:!1},contentWithoutPadding:{type:Boolean,default:!1}},emits:["overlay-clicked"],data(){return{THREE_COLUMN_LAYOUT_RIGHT_COLUMN_SIZE:Object.freeze(t),leftColumnVisibleMobile:!1,rightColumnVisibleMobile:!1}},watch:{leftColumnVisible(e){this.leftColumnVisibleMobile!==e&&(this.leftColumnVisibleMobile=e)},rightColumnVisible(e){this.rightColumnVisibleMobile!==e&&(this.rightColumnVisibleMobile=e)}},created(){this.leftColumnVisibleMobile=this.initialMobileLeftColumnVisibleState,this.rightColumnVisibleMobile=this.initialMobileRightColumnVisibleState}}),d={class:"ds-threeColumnLayout"},f={class:"ds-threeColumnLayout__contentColumn"};function C(e,n,b,h,V,M){return u(),m("div",d,[l("div",{class:i(["ds-threeColumnLayout__overlay",{"-ds-visible":e.rightColumnVisibleMobile||e.leftColumnVisibleMobile}]),onClick:n[0]||(n[0]=g=>e.$emit("overlay-clicked"))},null,2),l("div",{class:i(["ds-threeColumnLayout__leftColumn",{"-ds-desktopVisible":e.leftColumnVisible||e.leftColumnVisibleMobile,"-ds-mobileVisible":e.leftColumnVisibleMobile}])},[o(e.$slots,"leftColumn",{},void 0,!0)],2),l("div",f,[l("div",{class:i(["ds-threeColumnLayout__content",{"-ds-noPadding":e.contentWithoutPadding}])},[o(e.$slots,"default",{},void 0,!0)],2)]),l("div",{class:i(["ds-threeColumnLayout__rightColumn",{"-ds-medium":e.rightColumnSize===e.THREE_COLUMN_LAYOUT_RIGHT_COLUMN_SIZE.MEDIUM,"-ds-large":e.rightColumnSize===e.THREE_COLUMN_LAYOUT_RIGHT_COLUMN_SIZE.LARGE,"-ds-desktopVisible":e.rightColumnVisible||e.rightColumnVisibleMobile,"-ds-mobileVisible":e.rightColumnVisibleMobile}])},[o(e.$slots,"rightColumn",{},void 0,!0)],2)])}const _=r(a,[["render",C],["__scopeId","data-v-f26c3551"]]);a.__docgenInfo={displayName:"ThreeColumnLayout",exportName:"default",description:"",tags:{},props:[{name:"rightColumnSize",type:{name:"ThreeColumnLayoutRightColumnSize"},defaultValue:{func:!1,value:"THREE_COLUMN_LAYOUT_RIGHT_COLUMN_SIZE.MEDIUM"}},{name:"rightColumnVisible",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"leftColumnVisible",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"initialMobileRightColumnVisibleState",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"initialMobileLeftColumnVisibleState",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"contentWithoutPadding",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"overlay-clicked"}],slots:[{name:"leftColumn"},{name:"default"},{name:"rightColumn"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Layouts/ThreeColumnLayout/ThreeColumnLayout.vue"]};export{_ as T,t as a};

package/docs/assets/ThreeColumnLayout.stories-AgLGFFul.js

@@ -0,0 +1,47 @@
+import{T as n,a}from"./ThreeColumnLayout-CcqHOKBU.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const c={title:"Components/Layouts/ThreeColumnLayout",component:n,decorators:[e=>({components:{story:e},template:`<div style='display: flex; width: 100vw; height: 100vh;  background: lightgray; flex-direction: column;'><div style="padding: 16px; background: lightcoral; z-index: 1">Example header</div><story /></div>`}),e=>({components:{story:e},template:"<div style='display: flex; width: 100%; height: 100%; font-size: 12px; color: #fff;'><story /></div>"})]},r=e=>({components:{ThreeColumnLayout:n},setup(){return e},template:`
+        <three-column-layout :rightColumnSize='rightColumnSize'
+                             :rightColumnVisible='rightColumnVisible'
+                             :leftColumnVisible='leftColumnVisible'
+                             :initialMobileRightColumnVisibleState='initialMobileRightColumnVisibleState'
+                             :initialMobileLeftColumnVisibleState='initialMobileLeftColumnVisibleState'
+                             :contentWithoutPadding='contentWithoutPadding'>
+        <template #leftColumn>
+            <div style='width: 100%; height: 100%; background: rgb(249, 27, 214);'>leftColumn</div>
+        </template>
+        <template #rightColumn>
+            <div style='width: 100%; height: 100%;'
+                 :style='{"background": (rightColumnSize === "medium" ? "#2c7bfb" : "#817c81")}'>rightColumn
+            </div>
+        </template>
+
+        <div style='width: 100%; height: 100%; background: #9133c2;'>
+            content
+        </div>
+        </three-column-layout>`}),t=r.bind({}),u={rightColumnVisible:!0,initialMobileRightColumnVisibleState:!0,leftColumnVisible:!0,initialMobileLeftColumnVisibleState:!1,contentWithoutPadding:!1,rightColumnSize:a.MEDIUM},s={rightColumnSize:{control:"select",options:Object.values(a)},leftColumnVisible:{control:"boolean"},rightColumnVisible:{control:"boolean"},initialMobileRightColumnVisibleState:{control:"boolean"},initialMobileLeftColumnVisibleState:{control:"boolean"},contentWithoutPadding:{control:"boolean"}};t.argTypes=s;t.args=u;t.parameters={layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/AYTmGtcujVq9subNrTpHnX/Layout---nowa-koncepcja?type=design&node-id=1-7&t=ANHJptt0VBE6JEs4-4"}};var i,l,o;t.parameters={...t.parameters,docs:{...(i=t.parameters)==null?void 0:i.docs,source:{originalSource:`args => ({
+  components: {
+    ThreeColumnLayout
+  },
+  setup() {
+    return args;
+  },
+  template: \`
+        <three-column-layout :rightColumnSize='rightColumnSize'
+                             :rightColumnVisible='rightColumnVisible'
+                             :leftColumnVisible='leftColumnVisible'
+                             :initialMobileRightColumnVisibleState='initialMobileRightColumnVisibleState'
+                             :initialMobileLeftColumnVisibleState='initialMobileLeftColumnVisibleState'
+                             :contentWithoutPadding='contentWithoutPadding'>
+        <template #leftColumn>
+            <div style='width: 100%; height: 100%; background: rgb(249, 27, 214);'>leftColumn</div>
+        </template>
+        <template #rightColumn>
+            <div style='width: 100%; height: 100%;'
+                 :style='{"background": (rightColumnSize === "medium" ? "#2c7bfb" : "#817c81")}'>rightColumn
+            </div>
+        </template>
+
+        <div style='width: 100%; height: 100%; background: #9133c2;'>
+            content
+        </div>
+        </three-column-layout>\`
+})`,...(o=(l=t.parameters)==null?void 0:l.docs)==null?void 0:o.source}}};const g=["Interactive"];export{t as Interactive,g as __namedExportsOrder,c as default};

package/docs/assets/Tile-DIUUFinY.js

@@ -0,0 +1 @@
+import{I as c,a as I,b as f}from"./Icon-Dg-H1Zak.js";import{t as u,d as T,r as E,o as s,c as a,b as l,h as r,a as p,n,k as d}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",SUCCESS:"success",FAIL:"fail",WARNING:"warning",INFO:"info"},i={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},L={interactive:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(c).includes(u(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(c).includes(u(e))}},isIconRightHiddenOnMobile:{type:Boolean,default:!1},text:{type:String,required:!0},eyebrowText:{type:String,default:null},additionalText:{type:String,default:null},color:{type:String,default:t.NEUTRAL,validator(e){return Object.values(t).includes(e)}},isEyebrowTextUppercase:{type:Boolean,default:!1},state:{type:String,default:i.DEFAULT,validator(e){return Object.values(i).includes(e)}},eyebrowEllipsis:{type:Boolean,default:!0},textEllipsis:{type:Boolean,default:!0}},S=T({name:"Tile",components:{DsIcon:I},props:L,data(){return{ICONS:Object.freeze(c),ICON_SIZES:Object.freeze(f),TILE_STATES:Object.freeze(i)}},computed:{tileColor(){return{[t.NEUTRAL]:"-ds-neutral",[t.NEUTRAL_WEAK]:"-ds-neutralWeak",[t.PRIMARY]:"-ds-primary",[t.SUCCESS]:"-ds-success",[t.FAIL]:"-ds-fail",[t.WARNING]:"-ds-warning",[t.INFO]:"-ds-info"}[this.color]},tileState(){return{[i.DEFAULT]:null,[i.DISABLED]:"-ds-disabled",[i.LOADING]:"-ds-loading"}[this.state]}}}),_={class:"ds-tile__center"},A=["textContent"],N=["textContent"],b={key:3,class:"ds-tile__additionalText"};function O(e,m,C,g,R,h){const o=E("ds-icon");return s(),a("div",{class:n([[e.tileColor,e.tileState,{"-ds-interactive":e.interactive}],"ds-tile"])},[e.iconLeft?(s(),l(o,{key:0,icon:e.iconLeft,size:e.ICON_SIZES.SMALL,class:"ds-tile__iconLeft"},null,8,["icon","size"])):r("",!0),p("div",_,[e.eyebrowText?(s(),a("span",{key:0,class:n(["ds-tile__eyebrowText",{"-ds-uppercase":e.isEyebrowTextUppercase,"-ds-ellipsis":e.eyebrowEllipsis}]),textContent:d(e.eyebrowText)},null,10,A)):r("",!0),p("span",{class:n(["ds-tile__text",{"-ds-ellipsis":e.textEllipsis}]),textContent:d(e.text)},null,10,N)]),e.state===e.TILE_STATES.LOADING?(s(),l(o,{key:1,class:"ds-tile__iconRight",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.SMALL,spinning:""},null,8,["icon","size"])):e.iconRight?(s(),l(o,{key:2,class:n(["ds-tile__iconRight",{"-ds-hiddenOnMobile":e.isIconRightHiddenOnMobile}]),icon:e.iconRight,size:e.ICON_SIZES.SMALL},null,8,["class","icon","size"])):e.additionalText?(s(),a("div",b,d(e.additionalText),1)):r("",!0)],2)}const w=y(S,[["render",O],["__scopeId","data-v-6865ba77"]]);S.__docgenInfo={displayName:"Tile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Tile/Tile.vue"]};export{i as T,t as a,w as b,L as p};

package/docs/assets/Tile.sb.shared-BYUHFvZE.js

@@ -0,0 +1,15 @@
+import{I as e}from"./Icon-Dg-H1Zak.js";import{T as t,a as i}from"./Tile-DIUUFinY.js";const n=o=>`
+		<${o}
+			:additional-text="additionalText"
+			:color="color"
+			:eyebrow-ellipsis="eyebrowEllipsis"
+			:eyebrow-text="eyebrowText"
+			:icon-left="ICONS[iconLeft]"
+			:icon-right="ICONS[iconRight]"
+			:is-icon-right-hidden-on-mobile="isIconRightHiddenOnMobile"
+			:interactive="interactive"
+			:is-eyebrow-text-uppercase="isEyebrowTextUppercase"
+			:state="state"
+			:text-ellipsis="textEllipsis"
+			:text="text"
+		/>`,c=()=>({ICONS:Object.freeze(e)}),r={interactive:!0,iconLeft:null,iconRight:null,isIconRightHiddenOnMobile:!1,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"",isEyebrowTextUppercase:!1,state:t.DEFAULT,eyebrowEllipsis:!0,textEllipsis:!0,color:i.NEUTRAL},a={iconLeft:{control:"select",options:[null,...Object.keys(e)]},iconRight:{control:"select",options:[null,...Object.keys(e)]},color:{control:"select",options:[...Object.values(i)]},state:{control:"select",options:[...Object.values(t)]}};export{a,r as b,c as d,n as t};

package/docs/assets/Tile.stories-DBSFQRYs.js

@@ -0,0 +1,14 @@
+import{b as a,T as l}from"./Tile-DIUUFinY.js";import{d,t as T,a as x,b as m}from"./Tile.sb.shared-BYUHFvZE.js";import{w as g}from"./decorator-CSnIf-k5.js";import"./Icon-Dg-H1Zak.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-BZawosSj.js";const E={title:"Components/Tile",component:a,decorators:[g],render:p=>({components:{Tile:a},setup(){return p},data:d,template:T("tile")}),argTypes:x,parameters:{actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1923%3A34378"}}},t={args:m},e={args:{...m,interactive:!1,iconLeft:null,iconRight:null,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"this is some additionalText",state:l.DEFAULT}};var s,r,i;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  args
+}`,...(i=(r=t.parameters)==null?void 0:r.docs)==null?void 0:i.source}}};var o,n,c;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`{
+  args: {
+    ...args,
+    interactive: false,
+    iconLeft: null,
+    iconRight: null,
+    text: 'this is a text text',
+    eyebrowText: 'this is an eyebrowText text',
+    additionalText: 'this is some additionalText',
+    state: TILE_STATES.DEFAULT
+  } as Args
+}`,...(c=(n=e.parameters)==null?void 0:n.docs)==null?void 0:c.source}}};const I=["Interactive","Static"];export{t as Interactive,e as Static,I as __namedExportsOrder,E as default};

package/docs/assets/Toast.stories-B32fN79y.js

@@ -0,0 +1,58 @@
+import{D as z,b as n,c as D,a as _}from"./Button-CsOCHUpA.js";import{C as P}from"./Card-0zLvVdOd.js";import{d as U,t as S,o as p,c as k,g as A,j as w,e as l,l as j,n as L,r as b,a as y,b as T,m as h,k as g,h as O,f as V}from"./vue.esm-bundler-Dgz4BqwH.js";import{I as s}from"./Icon-Dg-H1Zak.js";import{_ as x}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{w as $}from"./decorator-CSnIf-k5.js";import"./Divider-DTjC3ra5.js";import"./LoadingBar-pXWDoaGl.js";import"./v4-BZawosSj.js";const c={SMALL:"small",MEDIUM:"medium"},r={NEUTRAL_HEAVY:"neutralHeavy",NEUTRAL_STRONG:"neutralStrong",SUCCESS:"success",WARNING:"warning",DANGER:"danger",INFO:"info"},u={LEFT:"left",CENTER:"center",RIGHT:"right"};function M(e){const t=window.getComputedStyle(e).borderLeftWidth,m=window.getComputedStyle(e).borderRightWidth,i=e.getBoundingClientRect(),d=i.left+parseInt(t,10),f=i.right-parseInt(m,10)-parseInt(t,10),a=i.width;return{left:{left:`${d}px`},right:{left:`${f}px`,transform:"translateX(-100%)"},center:{left:`${d+a/2}px`,transform:"translateX(-50%)"}}}const N=U({name:"Toast",components:{DsButton:z,DsCard:P},props:{size:{type:String,default:c.MEDIUM},position:{type:String,default:u.CENTER},boundariesSelector:{type:[String,HTMLElement],default:null},color:{type:String,default:r.INFO},footerPrimaryButtonText:{type:String,default:""},footerPrimaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(s).includes(S(e))}},footerSecondaryButtonText:{type:String,default:""},footerSecondaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(s).includes(S(e))}},isDisappearing:{type:Boolean,default:!0},disappearingTimeout:{type:String,default:"0",validator(e){return(e==="0"||!isNaN(parseInt(e,10)))&&parseInt(e,10)>=0}}},emits:{close:()=>!0,"primary-button-click":()=>!0,"secondary-button-click":()=>!0},data(){return{boundariesSelectorElement:null,boundariesSelectorElementResizeObserver:null,styles:{},BUTTON_COLORS:Object.freeze(n),BUTTON_RADIUSES:Object.freeze(D),BUTTON_TYPES:Object.freeze(_),TOAST_SIZES:Object.freeze(c),TOAST_POSITIONS:Object.freeze(u)}},computed:{buttonPrimaryColor(){return this.color===r.DANGER?n.NEUTRAL:n.PRIMARY},buttonSecondaryColor(){return this.color===r.DANGER?n.DANGER:n.NEUTRAL},toastPosition(){return`-ds-position-${this.position.toLowerCase()}`},toastSize(){return`-ds-size-${this.size.toLowerCase()}`}},mounted(){var e;this.setBoundariesSelectorElement(),this.calculateStyles(),(e=this.boundariesSelectorElementResizeObserver)==null||e.disconnect(),this.boundariesSelectorElementResizeObserver=new ResizeObserver(()=>{this.calculateStyles()}),this.boundariesSelectorElement?this.boundariesSelectorElementResizeObserver.observe(this.boundariesSelectorElement):this.boundariesSelectorElementResizeObserver.observe(document.querySelector("body")),this.isDisappearing&&this.disappearingTimeout!=="0"&&setTimeout(()=>this.$emit("close"),parseInt(this.disappearingTimeout,10)*1e3+100)},beforeUnmount(){this.boundariesSelectorElementResizeObserver.disconnect(),this.boundariesSelectorElementResizeObserver=null},updated(){const{right:e,left:t}=this.$el.getClientRects()[0];(parseInt(t,10)<0||e>document.documentElement.clientWidth)&&(this.styles={left:"50%",transform:"translateX(-50%)"})},methods:{calculateStyles(){this.boundariesSelectorElement?this.styles=M(this.boundariesSelectorElement)[this.position]:this.styles={}},setBoundariesSelectorElement(){typeof this.boundariesSelector=="string"?this.boundariesSelectorElement=document.querySelector(this.boundariesSelector)||null:this.boundariesSelector instanceof HTMLElement&&(this.boundariesSelectorElement=this.boundariesSelector)}}}),G={class:"ds-toast__content"},W={class:"ds-toast__footerButtons"};function F(e,t,m,i,d,f){const a=b("ds-button"),R=b("ds-card");return p(),k("div",{style:j(e.styles),class:L(["ds-toast",e.toastSize,e.toastPosition])},[A(R,{"loading-bar-color":e.color,"has-loading-bar":"","loading-bar-time":e.disappearingTimeout},w({content:l(()=>[y("div",G,[V(e.$slots,"content",{},void 0,!0)])]),_:2},[e.footerPrimaryButtonText.length>0||e.footerSecondaryButtonText.length>0?{name:"footer",fn:l(()=>[y("div",W,[e.footerSecondaryButtonText.length?(p(),T(a,{key:0,color:e.buttonSecondaryColor,"icon-right":e.footerSecondaryButtonIcon,type:e.BUTTON_TYPES.OUTLINED,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[0]||(t[0]=C=>e.$emit("secondary-button-click"))},{default:l(()=>[h(g(e.footerSecondaryButtonText),1)]),_:1},8,["color","icon-right","type","radius"])):O("",!0),e.footerPrimaryButtonText.length?(p(),T(a,{key:1,color:e.buttonPrimaryColor,"icon-right":e.footerPrimaryButtonIcon,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[1]||(t[1]=C=>e.$emit("primary-button-click"))},{default:l(()=>[h(g(e.footerPrimaryButtonText),1)]),_:1},8,["color","icon-right","radius"])):O("",!0)])]),key:"0"}:void 0]),1032,["loading-bar-color","loading-bar-time"])],6)}const B=x(N,[["render",F],["__scopeId","data-v-1898598e"]]);N.__docgenInfo={displayName:"Toast",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"ToastSizes"},defaultValue:{func:!1,value:"TOAST_SIZES.MEDIUM"}},{name:"position",type:{name:"ToastPositions"},defaultValue:{func:!1,value:"TOAST_POSITIONS.CENTER"}},{name:"boundariesSelector",type:{name:"string|HTMLElement"},defaultValue:{func:!1,value:"null"}},{name:"color",type:{name:"ToastColors"},defaultValue:{func:!1,value:"TOAST_COLORS.INFO"}},{name:"footerPrimaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"footerPrimaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"footerSecondaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"footerSecondaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isDisappearing",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"disappearingTimeout",type:{name:"string"},defaultValue:{func:!1,value:"'0'"}}],events:[{name:"secondary-button-click"},{name:"primary-button-click"},{name:"close"}],slots:[{name:"content"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Toast/Toast.vue"]};const re={title:"Components/Toast",component:B,decorators:[$]},H=e=>({components:{DsToast:B},setup(){return e},data(){return{ICONS:Object.freeze(s),isVisible:!0,boundariesSelectorId:this.boundariesSelector!=null?`#${this.boundariesSelector}`:null}},template:`<div style="display: flex; justify-content: space-around; height: 1200px; width: 100%;">
+        <ds-toast
+            v-if="isVisible"
+            :size="size"
+            :position="position"
+            :boundaries-selector="boundariesSelectorId"
+            :color="color"
+            :footer-primary-button-text="footerPrimaryButtonText"
+            :footer-primary-button-icon="ICONS[footerPrimaryButtonIcon]"
+            :footer-secondary-button-text="footerSecondaryButtonText"
+            :footer-secondary-button-icon="ICONS[footerSecondaryButtonIcon]"
+            :is-disappearing="isDisappearing"
+            :disappearing-timeout="disappearingTimeout"
+            @close="isVisible = false"
+        >
+            <template #content>
+                <span v-html="content" />
+            </template>
+        </ds-toast>
+        <div id="left" style="width: 25%; height: 100%;  border: 1px black solid;"></div>
+        <div id="right" style="width: 25%; height: 100%;  border: 1px black solid;"></div>
+    </div>`}),o=H.bind({}),Y={size:c.MEDIUM,position:u.CENTER,boundariesSelector:null,color:r.INFO,footerPrimaryButtonText:"primary",footerPrimaryButtonIcon:null,footerSecondaryButtonText:"secondary",footerSecondaryButtonIcon:null,isDisappearing:!1,disappearingTimeout:"0",content:"Wpłynąłem na suchego przestwór oceanu"},X={size:{control:"select",options:Object.values(c)},position:{control:"select",options:Object.values(u)},boundariesSelector:{control:"select",options:[null,"left","right"]},color:{control:"select",options:Object.values(r)},footerPrimaryButtonIcon:{control:"select",options:[null,...Object.keys(s)]},footerSecondaryButtonIcon:{control:"select",options:[null,...Object.keys(s)]},content:{control:"text"}};o.argTypes=X;o.args=Y;o.parameters={actions:{handles:["close","primary-button-click","secondary-button-click"]},design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=8091-108960"}};var I,v,E;o.parameters={...o.parameters,docs:{...(I=o.parameters)==null?void 0:I.docs,source:{originalSource:`args => ({
+  components: {
+    DsToast
+  },
+  setup() {
+    return args;
+  },
+  data() {
+    return {
+      ICONS: Object.freeze(ICONS),
+      isVisible: true,
+      boundariesSelectorId: this.boundariesSelector != null ? \`#\${this.boundariesSelector}\` : null
+    };
+  },
+  template: \`<div style="display: flex; justify-content: space-around; height: 1200px; width: 100%;">
+        <ds-toast
+            v-if="isVisible"
+            :size="size"
+            :position="position"
+            :boundaries-selector="boundariesSelectorId"
+            :color="color"
+            :footer-primary-button-text="footerPrimaryButtonText"
+            :footer-primary-button-icon="ICONS[footerPrimaryButtonIcon]"
+            :footer-secondary-button-text="footerSecondaryButtonText"
+            :footer-secondary-button-icon="ICONS[footerSecondaryButtonIcon]"
+            :is-disappearing="isDisappearing"
+            :disappearing-timeout="disappearingTimeout"
+            @close="isVisible = false"
+        >
+            <template #content>
+                <span v-html="content" />
+            </template>
+        </ds-toast>
+        <div id="left" style="width: 25%; height: 100%;  border: 1px black solid;"></div>
+        <div id="right" style="width: 25%; height: 100%;  border: 1px black solid;"></div>
+    </div>\`
+})`,...(E=(v=o.parameters)==null?void 0:v.docs)==null?void 0:E.source}}};const se=["Interactive"];export{o as Interactive,se as __namedExportsOrder,re as default};

package/docs/assets/ToggleButton-D1caIRKN.js

@@ -0,0 +1 @@
+import{d as L,t as c,o as a,c as S,a as E,b as o,h as l,n as i,k as m,r as p}from"./vue.esm-bundler-Dgz4BqwH.js";import{a as g,I as u,b as O}from"./Icon-Dg-H1Zak.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t={SMALL:"small",MEDIUM:"medium",LARGE:"large"},r={NEUTRAL:"neutral",NEUTRAL_STRONG:"neutralStrong",NEUTRAL_HEAVY:"neutralHeavy",PRIMARY:"primary"},d={CAPSULE:"capsule",ROUNDED:"rounded"},G={SMALL:"small",MEDIUM:"medium"},n={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},f=L({name:"ToggleButton",components:{DsIcon:g},props:{color:{type:String,default:r.NEUTRAL,validator(e){return Object.values(r).includes(e)}},hasSmallHorizontalPadding:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(u).includes(c(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(u).includes(c(e))}},isInteractive:{type:Boolean,default:!0},isLabelUppercase:{type:Boolean,default:!1},isSelected:{type:Boolean,default:!1},label:{type:String,default:""},labelSize:{type:String,default:t.MEDIUM},radius:{type:String,default:d.CAPSULE,validator(e){return Object.values(d).includes(e)}},size:{type:String,default:t.MEDIUM,validator(e){return Object.values(t).includes(e)}},state:{type:String,default:n.DEFAULT,validator(e){return Object.values(n).includes(e)}}},emits:["click"],data(){return{ICONS:Object.freeze(u),TOGGLE_BUTTON_COLORS:Object.freeze(r),TOGGLE_BUTTON_LABEL_SIZES:Object.freeze(G),TOGGLE_BUTTON_RADIUSES:Object.freeze(d),TOGGLE_BUTTON_SIZES:Object.freeze(t),TOGGLE_BUTTON_STATES:Object.freeze(n)}},computed:{colorClassName(){return`-ds-color-${this.color}`},iconSize(){return this.size===t.LARGE?O.X_SMALL:O.XX_SMALL},isInteractiveComputed(){return this.state!==n.DEFAULT?!1:this.isInteractive}}}),U={class:"ds-toggleButton__contentWrapper"};function _(e,T,I,N,A,v){const s=p("ds-icon");return a(),S("div",{class:i(["ds-toggleButtonWrapper",{"-rounded":e.radius===e.TOGGLE_BUTTON_RADIUSES.ROUNDED}])},[E("div",{class:i(["ds-toggleButton",{"-ds-small":e.size===e.TOGGLE_BUTTON_SIZES.SMALL,"-ds-medium":e.size===e.TOGGLE_BUTTON_SIZES.MEDIUM,"-ds-large":e.size===e.TOGGLE_BUTTON_SIZES.LARGE,"-ds-hasSmallHorizontalPadding":e.hasSmallHorizontalPadding,"-ds-rounded":e.radius===e.TOGGLE_BUTTON_RADIUSES.ROUNDED,[e.colorClassName]:!0,"-ds-disabled":e.state===e.TOGGLE_BUTTON_STATES.DISABLED,"-ds-loading":e.state===e.TOGGLE_BUTTON_STATES.LOADING,"-ds-interactive":e.isInteractiveComputed,"-ds-selected":e.isSelected}]),onClick:T[0]||(T[0]=b=>e.isInteractiveComputed&&e.$emit("click"))},[E("div",U,[e.iconLeft?(a(),o(s,{key:0,class:"ds-toggleButton__icon",icon:e.iconLeft,size:e.iconSize},null,8,["icon","size"])):l("",!0),e.label?(a(),S("span",{key:1,class:i(["ds-toggleButton__content",{"-ds-small":e.labelSize===e.TOGGLE_BUTTON_LABEL_SIZES.SMALL,"-ds-uppercase":e.isLabelUppercase}])},m(e.label),3)):l("",!0),e.iconRight?(a(),o(s,{key:2,class:"ds-toggleButton__icon",icon:e.iconRight,size:e.iconSize},null,8,["icon","size"])):l("",!0)]),e.state===e.TOGGLE_BUTTON_STATES.LOADING?(a(),o(s,{key:0,class:"ds-toggleButton__icon ds-toggleButton__loadingSpinner",icon:e.ICONS.FAD_SPINNER_THIRD,size:e.iconSize,spinning:""},null,8,["icon","size"])):l("",!0)],2)],2)}const R=B(f,[["render",_],["__scopeId","data-v-f32da870"]]);f.__docgenInfo={displayName:"ToggleButton",exportName:"default",description:"",tags:{},props:[{name:"color",type:{name:"ToggleButtonColor"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_COLORS.NEUTRAL"}},{name:"hasSmallHorizontalPadding",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"iconLeft",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconRight",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isLabelUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"labelSize",type:{name:"ToggleButtonLabelSize"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_SIZES.MEDIUM"}},{name:"radius",type:{name:"ToggleButtonRadius"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_RADIUSES.CAPSULE"}},{name:"size",type:{name:"ToggleButtonSize"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_SIZES.MEDIUM"}},{name:"state",type:{name:"ToggleButtonState"},defaultValue:{func:!1,value:"TOGGLE_BUTTON_STATES.DEFAULT"}}],events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Toggles/ToggleButton/ToggleButton.vue"]};export{R as T,t as a,r as b,d as c,G as d,n as e};

package/docs/assets/ToggleButton.stories-Ox_okeJj.js

@@ -0,0 +1,42 @@
+import{T as n,a as l,b as i,c as r,d as c,e as p}from"./ToggleButton-D1caIRKN.js";import{I as t}from"./Icon-Dg-H1Zak.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const I={title:"Components/Toggles/ToggleButton",component:n},d=g=>({components:{ToggleButton:n},setup(){return g},data(){return{ICONS:Object.freeze(t)}},template:`
+        <toggle-button
+            :color="color"
+            :has-small-horizontal-padding="hasSmallHorizontalPadding"
+            :icon-left="ICONS[iconLeft]"
+            :icon-right="ICONS[iconRight]"
+            :is-interactive="isInteractive"
+            :is-label-uppercase="isLabelUppercase"
+            :is-selected="isSelected"
+            :label="label"
+            :label-size="labelSize"
+            :radius="radius"
+            :size="size"
+            :state="state"
+        />`}),e=d.bind({}),u={size:l.MEDIUM,hasSmallHorizontalPadding:!1,color:i.NEUTRAL,isSelected:!1,radius:r.CAPSULE,label:"1",isLabelUppercase:!1,labelSize:c.MEDIUM,isInteractive:!0,iconLeft:null,iconRight:null,state:p.DEFAULT},S={size:{control:"select",options:Object.values(l)},color:{control:"select",options:Object.values(i)},radius:{control:"select",options:Object.values(r)},labelSize:{control:"select",options:Object.values(c)},state:{control:"select",options:Object.values(p)},iconLeft:{control:"select",options:[null,...Object.keys(t)]},iconRight:{control:"select",options:[null,...Object.keys(t)]}};e.argTypes=S;e.args=u;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=4115%3A70578"}};var s,o,a;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`args => ({
+  components: {
+    ToggleButton
+  },
+  setup() {
+    return args;
+  },
+  data() {
+    return {
+      ICONS: Object.freeze(ICONS)
+    };
+  },
+  template: \`
+        <toggle-button
+            :color="color"
+            :has-small-horizontal-padding="hasSmallHorizontalPadding"
+            :icon-left="ICONS[iconLeft]"
+            :icon-right="ICONS[iconRight]"
+            :is-interactive="isInteractive"
+            :is-label-uppercase="isLabelUppercase"
+            :is-selected="isSelected"
+            :label="label"
+            :label-size="labelSize"
+            :radius="radius"
+            :size="size"
+            :state="state"
+        />\`
+})`,...(a=(o=e.parameters)==null?void 0:o.docs)==null?void 0:a.source}}};const z=["Interactive"];export{e as Interactive,z as __namedExportsOrder,I as default};

package/docs/assets/Tooltip-448jplYO.js

@@ -0,0 +1 @@
+import{d as p,A as a,o,c as s,f as i,B as r}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={TOP:"top",BOTTOM:"bottom",LEFT:"left",RIGHT:"right"},l=p({name:"Tooltip",props:{placement:{type:String,default:n.BOTTOM,validator(e){return Object.values(n).includes(e)}},text:{type:String,default:""},isDisabled:{type:Boolean,default:!1},isPointerVisible:{type:Boolean,default:!0},inline:{type:Boolean,default:!1}},computed:{tooltipParams(){return{position:this.placement,event:this.isTouchDevice()?"focus":"hover"}},options(){return{value:this.text,disabled:this.isDisabled,dt:{shadow:"0px 0px 4px 0px rgba(12, 23, 38, 0.08), 0px 6px 12px 0px rgba(12, 23, 38, 0.12), 0px 2px 4px 0px rgba(12, 23, 38, 0.06)",padding:"var(--spacing-space-3xs, 6px) var(--spacing-space-2xs, 8px)",background:"var(--neutral-background-medium, #E5E7ED)",color:"var(--neutral-text-heavy, #343C50)",borderRadius:"4px",maxWidth:"240px"},ptOptions:{mergeProps:!0},pt:{text:"ds-tooltip-text",arrow:this.isPointerVisible?"":"ds-tooltip-arrow-hide"}}}},methods:{isTouchDevice(){return"ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0}}}),d={key:0,tabindex:"-1"},c={key:1,tabindex:"-1"};function m(e,f,v,x,T,h){const t=r("pv-tooltip");return e.inline?a((o(),s("span",d,[i(e.$slots,"default")])),[[t,e.options,e.tooltipParams]]):a((o(),s("div",c,[i(e.$slots,"default")])),[[t,e.options,e.tooltipParams]])}const y=u(l,[["render",m]]);l.__docgenInfo={displayName:"Tooltip",exportName:"default",description:"",tags:{},props:[{name:"placement",type:{name:"TooltipPlacement"},defaultValue:{func:!1,value:"TOOLTIP_PLACEMENTS.BOTTOM"}},{name:"text",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isDisabled",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isPointerVisible",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"inline",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Tooltip/Tooltip.vue"]};export{y as T,n as a};

package/docs/assets/Tooltip.stories-Ew4UB8RG.js

@@ -0,0 +1,119 @@
+import{T as n,a as x}from"./Tooltip-448jplYO.js";import{D as v}from"./Switch-B3HGIUG9.js";import{D as y}from"./Button-CsOCHUpA.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-Dg-H1Zak.js";const j={title:"Prime Vue Components/Tooltip",component:n},f=s=>({components:{Tooltip:n},setup(){return s},template:`
+        <div style="padding: 60px; width: 100%;display: flex;  justify-content: center">
+            <div style="padding: 60px;">
+                <span>This is a text with </span>
+                <tooltip
+                    :text="text"
+                    :inline="inline"
+                    :is-disabled="isDisabled"
+                    :placement="placement"
+                    :is-pointer-visible="isPointerVisible">
+                    <b>inline tooltip trigger</b>
+                </tooltip>
+            </div>
+        </div>
+    `}),t=f.bind({}),l={text:"Lorem ipsum dolor sit amet.",isDisabled:!1,placement:x.BOTTOM,isPointerVisible:!0,inline:!0},o={placement:{control:"select",options:Object.values(x)}};t.argTypes=o;t.args=l;t.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=8238-6888&m=dev"}};const D=s=>({components:{Tooltip:n,DsSwitch:v},setup(){return s},template:`
+        <div style="padding: 60px; width: 100%;display: flex;  justify-content: center">
+            <div style="padding: 60px;">
+                <tooltip
+                    :text="text"
+                    :is-disabled="isDisabled"
+                    :placement="placement"
+                    :is-pointer-visible="isPointerVisible">
+                    <ds-switch
+                        label-left="labelLeft"
+                        label-right="labelRight"
+                        :state="switchDisabled ? 'disabled' : 'default'"
+                    />
+                </tooltip>
+            </div>
+        </div>
+    `}),e=D.bind({});e.argTypes={...o,switchDisabled:{control:"boolean"}};e.args={...l,switchDisabled:!0,inline:!1};const h=s=>({components:{Tooltip:n,DsButton:y},setup(){return s},template:`
+        <div style="padding: 60px; width: 100%;display: flex;  justify-content: center">
+            <div style="padding: 60px;">
+                <tooltip
+                    :text="text"
+                    :is-disabled="isDisabled"
+                    :placement="placement"
+                    :is-pointer-visible="isPointerVisible">
+                    <ds-button
+                        :state="buttonDisabled ? 'disabled': 'default'"
+                    >
+                        Test button
+                    </ds-button>
+                </tooltip>
+            </div>
+        </div>
+    `}),i=h.bind({});i.argTypes={...o,buttonDisabled:{control:"boolean"}};i.args={...l,buttonDisabled:!0,inline:!1};var a,d,p;t.parameters={...t.parameters,docs:{...(a=t.parameters)==null?void 0:a.docs,source:{originalSource:`args => ({
+  components: {
+    Tooltip
+  },
+  setup() {
+    return args;
+  },
+  template: \`
+        <div style="padding: 60px; width: 100%;display: flex;  justify-content: center">
+            <div style="padding: 60px;">
+                <span>This is a text with </span>
+                <tooltip
+                    :text="text"
+                    :inline="inline"
+                    :is-disabled="isDisabled"
+                    :placement="placement"
+                    :is-pointer-visible="isPointerVisible">
+                    <b>inline tooltip trigger</b>
+                </tooltip>
+            </div>
+        </div>
+    \`
+})`,...(p=(d=t.parameters)==null?void 0:d.docs)==null?void 0:p.source}}};var r,c,b;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`args => ({
+  components: {
+    Tooltip,
+    DsSwitch
+  },
+  setup() {
+    return args;
+  },
+  template: \`
+        <div style="padding: 60px; width: 100%;display: flex;  justify-content: center">
+            <div style="padding: 60px;">
+                <tooltip
+                    :text="text"
+                    :is-disabled="isDisabled"
+                    :placement="placement"
+                    :is-pointer-visible="isPointerVisible">
+                    <ds-switch
+                        label-left="labelLeft"
+                        label-right="labelRight"
+                        :state="switchDisabled ? 'disabled' : 'default'"
+                    />
+                </tooltip>
+            </div>
+        </div>
+    \`
+})`,...(b=(c=e.parameters)==null?void 0:c.docs)==null?void 0:b.source}}};var m,u,g;i.parameters={...i.parameters,docs:{...(m=i.parameters)==null?void 0:m.docs,source:{originalSource:`args => ({
+  components: {
+    Tooltip,
+    DsButton
+  },
+  setup() {
+    return args;
+  },
+  template: \`
+        <div style="padding: 60px; width: 100%;display: flex;  justify-content: center">
+            <div style="padding: 60px;">
+                <tooltip
+                    :text="text"
+                    :is-disabled="isDisabled"
+                    :placement="placement"
+                    :is-pointer-visible="isPointerVisible">
+                    <ds-button
+                        :state="buttonDisabled ? 'disabled': 'default'"
+                    >
+                        Test button
+                    </ds-button>
+                </tooltip>
+            </div>
+        </div>
+    \`
+})`,...(g=(u=i.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const B=["Interactive","OnDsSwitch","OnDsButton"];export{t as Interactive,i as OnDsButton,e as OnDsSwitch,B as __namedExportsOrder,j as default};