@bethinkpl/design-system 26.15.1 → 27.0.0

package/docs/assets/{Tile.sb.shared-Crj50ugV.js → Tile.sb.shared-D3LxXPDs.js}

@@ -1,4 +1,4 @@
-import{I as t}from"./Icon-I3Cniv10.js";import{T as e,a as r,b as o}from"./Tile-3fvrXM7M.js";import{B as l,a as i}from"./Banner-DXAd9x-3.js";const R=s=>`
+import{I as t}from"./Icon-DUeXRUm6.js";import{T as e,a as r,b as o}from"./Tile-ByL6drhn.js";import{B as l,a as i}from"./Banner-D5riYdGJ.js";const R=s=>`
 <div style="display: flex; row-gap: 16px; flex-direction: column">
 		<${s}
 			:additional-text="additionalText"

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

@@ -0,0 +1,12 @@
+import{c as a,a as d}from"./Tile-ByL6drhn.js";import{a as l,t as T,d as x,c as g,b as p}from"./Tile.sb.shared-D3LxXPDs.js";import{w as f}from"./decorator-B_8W69Nd.js";import"./Icon-DUeXRUm6.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-D5riYdGJ.js";import"./Button-XuK8IxnR.js";import"./Divider-NOTDPuJ1.js";import"./IconButton-Cn83Zk5-.js";import"./device-9fgosCm4.js";import"./FeatureIcon-DY5WvpPf.js";import"./v4-CwV2VaSl.js";const F={title:"Components/Tile",component:a,decorators:[f],render:c=>({components:{...g,Tile:a},setup(){return c},data:x,template:T("tile")}),argTypes:l,parameters:{actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=1923%3A34378"}}},t={args:p},e={args:{...p,interactive:!1,text:"this is a text text",eyebrowText:"this is an eyebrowText text",additionalText:"this is some additionalText",state:d.DEFAULT}};var s,r,o;t.parameters={...t.parameters,docs:{...(s=t.parameters)==null?void 0:s.docs,source:{originalSource:`{
+  args
+}`,...(o=(r=t.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};var i,n,m;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`{
+  args: {
+    ...args,
+    interactive: false,
+    text: 'this is a text text',
+    eyebrowText: 'this is an eyebrowText text',
+    additionalText: 'this is some additionalText',
+    state: TILE_STATES.DEFAULT
+  } as Args
+}`,...(m=(n=e.parameters)==null?void 0:n.docs)==null?void 0:m.source}}};const k=["Interactive","Static"];export{t as Interactive,e as Static,k as __namedExportsOrder,F as default};

package/docs/assets/{Toast-CTbKhm1i.js → Toast-ukLuB2Qi.js}

@@ -1 +1 @@
-import{D as R,c as o,d as I,b as v}from"./Button-C5dr6u6F.js";import{C as B}from"./Card-KSW_Q55y.js";import{d as C,t as c,c as D,j as U,h as A,e as r,n as _,s as z,r as f,o as i,a as m,b as S,g as p,l as T,k as b,f as L}from"./vue.esm-bundler-DD4BrEtS.js";import{I as y}from"./Icon-I3Cniv10.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const O={SMALL:"small",MEDIUM:"medium"},l={NEUTRAL_HEAVY:"neutralHeavy",NEUTRAL_STRONG:"neutralStrong",SUCCESS:"success",WARNING:"warning",DANGER:"danger",INFO:"info"},h={LEFT:"left",CENTER:"center",RIGHT:"right"};function k(e){const t=window.getComputedStyle(e).borderLeftWidth,u=window.getComputedStyle(e).borderRightWidth,n=e.getBoundingClientRect(),a=n.left+parseInt(t,10),d=n.right-parseInt(u,10)-parseInt(t,10),s=n.width;return{left:{left:`${a}px`},right:{left:`${d}px`,transform:"translateX(-100%)"},center:{left:`${a+s/2}px`,transform:"translateX(-50%)"}}}const g=C({name:"Toast",components:{DsButton:R,DsCard:B},props:{size:{type:String,default:O.MEDIUM},position:{type:String,default:h.CENTER},boundariesSelector:{type:[String,HTMLElement],default:null},color:{type:String,default:l.INFO},footerPrimaryButtonText:{type:String,default:""},footerPrimaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(y).includes(c(e))}},footerSecondaryButtonText:{type:String,default:""},footerSecondaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(y).includes(c(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(o),BUTTON_RADIUSES:Object.freeze(v),BUTTON_TYPES:Object.freeze(I),TOAST_SIZES:Object.freeze(O),TOAST_POSITIONS:Object.freeze(h)}},computed:{buttonPrimaryColor(){return this.color===l.DANGER?o.NEUTRAL:o.PRIMARY},buttonSecondaryColor(){return this.color===l.DANGER?o.DANGER:o.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=k(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)}}}),$={class:"ds-toast__content"},V={class:"ds-toast__footerButtons"};function j(e,t,u,n,a,d){const s=f("ds-button"),E=f("ds-card");return i(),D("div",{style:z(e.styles),class:_(["ds-toast",e.toastSize,e.toastPosition])},[U(E,{"loading-bar-color":e.color,"has-loading-bar":"","loading-bar-time":e.disappearingTimeout},A({content:r(()=>[m("div",$,[L(e.$slots,"content",{},void 0,!0)])]),_:2},[e.footerPrimaryButtonText.length>0||e.footerSecondaryButtonText.length>0?{name:"footer",fn:r(()=>[m("div",V,[e.footerSecondaryButtonText.length?(i(),S(s,{key:0,color:e.buttonSecondaryColor,"icon-right":e.footerSecondaryButtonIcon,type:e.BUTTON_TYPES.OUTLINED,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[0]||(t[0]=N=>e.$emit("secondary-button-click"))},{default:r(()=>[T(b(e.footerSecondaryButtonText),1)]),_:1},8,["color","icon-right","type","radius"])):p("",!0),e.footerPrimaryButtonText.length?(i(),S(s,{key:1,color:e.buttonPrimaryColor,"icon-right":e.footerPrimaryButtonIcon,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[1]||(t[1]=N=>e.$emit("primary-button-click"))},{default:r(()=>[T(b(e.footerPrimaryButtonText),1)]),_:1},8,["color","icon-right","radius"])):p("",!0)])]),key:"0"}:void 0]),1032,["loading-bar-color","loading-bar-time"])],6)}const F=P(g,[["render",j],["__scopeId","data-v-1898598e"]]);g.__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"]};export{F as D,h as T,O as a,l as b};
+import{_ as R,c as o,d as v,b as I}from"./Button-XuK8IxnR.js";import{C as B}from"./Card-BhK1CiCP.js";import{d as C,j as d,c as _,e as U,s as A,h as r,v as D,G as z,l as f,o as i,a as m,k as S,g as p,B as T,y as b,f as L}from"./vue.esm-bundler-DcRN7CPI.js";import{I as y}from"./Icon-DUeXRUm6.js";import{_ as P}from"./_plugin-vue_export-helper-DlAUqK2U.js";const O={SMALL:"small",MEDIUM:"medium"},l={NEUTRAL_HEAVY:"neutralHeavy",NEUTRAL_STRONG:"neutralStrong",SUCCESS:"success",WARNING:"warning",DANGER:"danger",INFO:"info"},h={LEFT:"left",CENTER:"center",RIGHT:"right"};function $(e){const t=window.getComputedStyle(e).borderLeftWidth,u=window.getComputedStyle(e).borderRightWidth,n=e.getBoundingClientRect(),a=n.left+parseInt(t,10),c=n.right-parseInt(u,10)-parseInt(t,10),s=n.width;return{left:{left:`${a}px`},right:{left:`${c}px`,transform:"translateX(-100%)"},center:{left:`${a+s/2}px`,transform:"translateX(-50%)"}}}const g=C({name:"Toast",components:{DsButton:R,DsCard:B},props:{size:{type:String,default:O.MEDIUM},position:{type:String,default:h.CENTER},boundariesSelector:{type:[String,HTMLElement],default:null},color:{type:String,default:l.INFO},footerPrimaryButtonText:{type:String,default:""},footerPrimaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(y).includes(d(e))}},footerSecondaryButtonText:{type:String,default:""},footerSecondaryButtonIcon:{type:Object,default:null,validator(e){return e==null||Object.values(y).includes(d(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(o),BUTTON_RADIUSES:Object.freeze(I),BUTTON_TYPES:Object.freeze(v),TOAST_SIZES:Object.freeze(O),TOAST_POSITIONS:Object.freeze(h)}},computed:{buttonPrimaryColor(){return this.color===l.DANGER?o.NEUTRAL:o.PRIMARY},buttonSecondaryColor(){return this.color===l.DANGER?o.DANGER:o.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=$(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)}}}),k={class:"ds-toast__content"},V={class:"ds-toast__footerButtons"};function j(e,t,u,n,a,c){const s=f("ds-button"),E=f("ds-card");return i(),_("div",{style:z(e.styles),class:D(["ds-toast",e.toastSize,e.toastPosition])},[U(E,{"loading-bar-color":e.color,"has-loading-bar":"","loading-bar-time":e.disappearingTimeout},A({content:r(()=>[m("div",k,[L(e.$slots,"content",{},void 0,!0)])]),_:2},[e.footerPrimaryButtonText.length>0||e.footerSecondaryButtonText.length>0?{name:"footer",fn:r(()=>[m("div",V,[e.footerSecondaryButtonText.length?(i(),S(s,{key:0,color:e.buttonSecondaryColor,"icon-right":e.footerSecondaryButtonIcon,type:e.BUTTON_TYPES.OUTLINED,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[0]||(t[0]=N=>e.$emit("secondary-button-click"))},{default:r(()=>[T(b(e.footerSecondaryButtonText),1)]),_:1},8,["color","icon-right","type","radius"])):p("",!0),e.footerPrimaryButtonText.length?(i(),S(s,{key:1,color:e.buttonPrimaryColor,"icon-right":e.footerPrimaryButtonIcon,radius:e.BUTTON_RADIUSES.ROUNDED,onClick:t[1]||(t[1]=N=>e.$emit("primary-button-click"))},{default:r(()=>[T(b(e.footerPrimaryButtonText),1)]),_:1},8,["color","icon-right","radius"])):p("",!0)])]),key:"0"}:void 0]),1032,["loading-bar-color","loading-bar-time"])],6)}const F=P(g,[["render",j],["__scopeId","data-v-50281eba"]]);g.__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"]};export{F as D,h as T,O as a,l as b};

package/docs/assets/{Toast.stories-hUEtnOQn.js → Toast.stories-D3PagUcH.js}

@@ -1,4 +1,4 @@
-import{D as i,T as s,a,b as c}from"./Toast-CTbKhm1i.js";import{I as o}from"./Icon-I3Cniv10.js";import{w as d}from"./decorator-B_8W69Nd.js";import"./Button-C5dr6u6F.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Card-KSW_Q55y.js";import"./Divider-9o-i_zKL.js";import"./LoadingBar-Dc_eLNsl.js";import"./v4-CwV2VaSl.js";const x={title:"Components/Toast",component:i,decorators:[d]},p=l=>({components:{DsToast:i},setup(){return l},data(){return{ICONS:Object.freeze(o),isVisible:!0,boundariesSelectorId:this.boundariesSelector!=null?`#${this.boundariesSelector}`:null}},template:`<div style="display: flex; justify-content: space-around; height: 1200px; width: 100%;">
+import{D as i,T as s,a,b as c}from"./Toast-ukLuB2Qi.js";import{I as o}from"./Icon-DUeXRUm6.js";import{w as d}from"./decorator-B_8W69Nd.js";import"./Button-XuK8IxnR.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Card-BhK1CiCP.js";import"./Divider-NOTDPuJ1.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./LoadingBar-DGNrwKu4.js";import"./v4-CwV2VaSl.js";const x={title:"Components/Toast",component:i,decorators:[d]},p=l=>({components:{DsToast:i},setup(){return l},data(){return{ICONS:Object.freeze(o),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"

package/docs/assets/{ToggleButton-D-t1sDTL.js → ToggleButton-YUVnfx-x.js}

@@ -1 +1 @@
-import{d as L,t as c,c as S,a as E,b as o,g as l,n as i,k as m,r as p,o as a}from"./vue.esm-bundler-DD4BrEtS.js";import{a as g,b as O,I as u}from"./Icon-I3Cniv10.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-4e8b6857"]]);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,n as a,G as b,d as c,r as d,t as e};
+import{d as L,j as c,c as S,a as E,k as o,g as t,v as i,y as m,l as p,o as a}from"./vue.esm-bundler-DcRN7CPI.js";import{a as g,b as O,I as u}from"./Icon-DUeXRUm6.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={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:l.MEDIUM},radius:{type:String,default:d.CAPSULE,validator(e){return Object.values(d).includes(e)}},size:{type:String,default:l.MEDIUM,validator(e){return Object.values(l).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(l),TOGGLE_BUTTON_STATES:Object.freeze(n)}},computed:{colorClassName(){return`-ds-color-${this.color}`},iconSize(){return this.size===l.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"])):t("",!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)):t("",!0),e.iconRight?(a(),o(s,{key:2,class:"ds-toggleButton__icon",icon:e.iconRight,size:e.iconSize},null,8,["icon","size"])):t("",!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"])):t("",!0)],2)],2)}const R=B(f,[["render",_],["__scopeId","data-v-4e8b6857"]]);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,n as a,G as b,d as c,r as d,l as e};

package/docs/assets/{ToggleButton.stories-CaAweKdC.js → ToggleButton.stories-C18YYEsJ.js}

@@ -1,4 +1,4 @@
-import{T as n,a as l,b as i,c as r,d as c,e as p}from"./ToggleButton-D-t1sDTL.js";import{I as t}from"./Icon-I3Cniv10.js";import"./vue.esm-bundler-DD4BrEtS.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:`
+import{T as n,a as l,b as i,c as r,d as c,e as p}from"./ToggleButton-YUVnfx-x.js";import{I as t}from"./Icon-DUeXRUm6.js";import"./vue.esm-bundler-DcRN7CPI.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"

package/docs/assets/{Tooltip-DZi9yXjr.js → Tooltip-BvaJ_K9_.js}

@@ -1 +1 @@
-import{d as p,B as a,C as r,c as o,f as s,o as i}from"./vue.esm-bundler-DD4BrEtS.js";import{i as d}from"./device-9fgosCm4.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={TOP:"top",BOTTOM:"bottom",LEFT:"left",RIGHT:"right"},n=p({name:"Tooltip",props:{placement:{type:String,default:l.BOTTOM,validator(e){return Object.values(l).includes(e)}},text:{type:String,default:""},isDisabled:{type:Boolean,default:!1},isPointerVisible:{type:Boolean,default:!0},inline:{type:Boolean,default:!1},isHiddenOnMobile:{type:Boolean,default:!1}},computed:{tooltipParams(){return{position:this.placement,event:d()?"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:"900px"},class:this.isHiddenOnMobile?"ds-tooltip-hide-on-mobile":null,ptOptions:{mergeProps:!0},pt:{text:"ds-tooltip-text",arrow:this.isPointerVisible?"":"ds-tooltip-arrow-hide"}}}}}),f={key:0,tabindex:"-1"},m={key:1,tabindex:"-1"};function c(e,b,v,x,T,h){const t=r("pv-tooltip");return e.inline?a((i(),o("span",f,[s(e.$slots,"default")])),[[t,e.options,e.tooltipParams]]):a((i(),o("div",m,[s(e.$slots,"default")])),[[t,e.options,e.tooltipParams]])}const P=u(n,[["render",c]]);n.__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"}},{name:"isHiddenOnMobile",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{P as T,l as a};
+import{d as p,D as a,L as r,c as o,f as s,o as i}from"./vue.esm-bundler-DcRN7CPI.js";import{i as d}from"./device-9fgosCm4.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={TOP:"top",BOTTOM:"bottom",LEFT:"left",RIGHT:"right"},n=p({name:"Tooltip",props:{placement:{type:String,default:l.BOTTOM,validator(e){return Object.values(l).includes(e)}},text:{type:String,default:""},isDisabled:{type:Boolean,default:!1},isPointerVisible:{type:Boolean,default:!0},inline:{type:Boolean,default:!1},isHiddenOnMobile:{type:Boolean,default:!1}},computed:{tooltipParams(){return{position:this.placement,event:d()?"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:"900px"},class:this.isHiddenOnMobile?"ds-tooltip-hide-on-mobile":null,ptOptions:{mergeProps:!0},pt:{text:"ds-tooltip-text",arrow:this.isPointerVisible?"":"ds-tooltip-arrow-hide"}}}}}),f={key:0,tabindex:"-1"},m={key:1,tabindex:"-1"};function c(e,b,v,x,T,h){const t=r("pv-tooltip");return e.inline?a((i(),o("span",f,[s(e.$slots,"default")])),[[t,e.options,e.tooltipParams]]):a((i(),o("div",m,[s(e.$slots,"default")])),[[t,e.options,e.tooltipParams]])}const P=u(n,[["render",c]]);n.__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"}},{name:"isHiddenOnMobile",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{P as T,l as a};

package/docs/assets/{Tooltip.stories-D-DHfToA.js → Tooltip.stories-o7f8wLv_.js}

@@ -1,4 +1,4 @@
-import{T as n,a as x}from"./Tooltip-DZi9yXjr.js";import{D as v}from"./Switch-Du-uh84v.js";import{D as y}from"./Button-C5dr6u6F.js";import"./vue.esm-bundler-DD4BrEtS.js";import"./device-9fgosCm4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-I3Cniv10.js";const B={title:"Prime Vue Components/Tooltip",component:n},f=s=>({components:{Tooltip:n},setup(){return s},template:`
+import{T as n,a as x}from"./Tooltip-BvaJ_K9_.js";import{D as v}from"./Switch-B8xEwHO8.js";import{_ as f}from"./Button-XuK8IxnR.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./device-9fgosCm4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-DUeXRUm6.js";const B={title:"Prime Vue Components/Tooltip",component:n},y=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>
@@ -12,7 +12,7 @@ import{T as n,a as x}from"./Tooltip-DZi9yXjr.js";import{D as v}from"./Switch-Du-
                 </tooltip>
             </div>
         </div>
-    `}),t=f.bind({}),o={text:"Lorem ipsum dolor sit amet.",isDisabled:!1,placement:x.BOTTOM,isPointerVisible:!0,inline:!0},l={placement:{control:"select",options:Object.values(x)}};t.argTypes=l;t.args=o;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:`
+    `}),t=y.bind({}),o={text:"Lorem ipsum dolor sit amet.",isDisabled:!1,placement:x.BOTTOM,isPointerVisible:!0,inline:!0},l={placement:{control:"select",options:Object.values(x)}};t.argTypes=l;t.args=o;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
@@ -28,7 +28,7 @@ import{T as n,a as x}from"./Tooltip-DZi9yXjr.js";import{D as v}from"./Switch-Du-
                 </tooltip>
             </div>
         </div>
-    `}),e=D.bind({});e.argTypes={...l,switchDisabled:{control:"boolean"}};e.args={...o,switchDisabled:!0,inline:!1};const h=s=>({components:{Tooltip:n,DsButton:y},setup(){return s},template:`
+    `}),e=D.bind({});e.argTypes={...l,switchDisabled:{control:"boolean"}};e.args={...o,switchDisabled:!0,inline:!1};const h=s=>({components:{Tooltip:n,DsButton:f},setup(){return s},template:`
         <div style="padding: 60px; width: 100%;display: flex;  justify-content: center">
             <div style="padding: 60px;">
                 <tooltip
@@ -116,4 +116,4 @@ import{T as n,a as x}from"./Tooltip-DZi9yXjr.js";import{D as v}from"./Switch-Du-
             </div>
         </div>
     \`
-})`,...(g=(u=i.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const I=["Interactive","OnDsSwitch","OnDsButton"];export{t as Interactive,i as OnDsButton,e as OnDsSwitch,I as __namedExportsOrder,B as default};
+})`,...(g=(u=i.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const _=["Interactive","OnDsSwitch","OnDsButton"];export{t as Interactive,i as OnDsButton,e as OnDsSwitch,_ as __namedExportsOrder,B as default};