@bethinkpl/design-system 30.0.0 → 30.1.0

package/docs/assets/ModalDialog-pE_uh9pp.js

@@ -1 +0,0 @@
-import{D as f,a as m,M as c}from"./Modal-BvDDkJeV.js";import{I as o}from"./Icon-BK9kwBCG.js";import{F as l}from"./FeatureIcon-Cs5Hp2QE.js";import{d as y,k as r,l as p,j as u,n as S,o as b,f as d}from"./vue.esm-bundler-CB1k_OTz.js";import{a}from"./Button-CfhjLW95.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";const i=y({name:"ModalDialog",components:{DsModal:f},props:{danger:{type:Boolean,default:!1},headerTitle:{type:String,required:!0},headerSubtitle:{type:String,default:null},headerFeatureIcon:{type:Object,default:null,validator(e){return Object.values(o).includes(r(e))}},headerFeatureIconColor:{type:String,default:l.NEUTRAL,validator(e){return Object.values(l).includes(e)}},headerImage:{type:String,default:null},footerPrimaryButtonText:{type:String,default:null},footerPrimaryButtonIcon:{type:Object,default:null,validator(e){return Object.values(o).includes(r(e))}},footerPrimaryButtonState:{type:String,default:a.DEFAULT,validator(e){return Object.values(a).includes(e)}},footerSecondaryButtonText:{type:String,default:null},footerSecondaryButtonIcon:{type:Object,default:null,validator(e){return Object.values(o).includes(r(e))}},footerSecondaryButtonState:{type:String,default:a.DEFAULT,validator(e){return Object.values(a).includes(e)}}},emits:["close-modal","primary-button-click","secondary-button-click"],data(){return{MODAL_SIZES:Object.freeze(c),MODAL_HEADER_TITLE_SIZES:Object.freeze(m)}}});function T(e,t,v,I,E,h){const s=S("ds-modal");return b(),p(s,{class:"ds-modalDialog",size:e.MODAL_SIZES.SMALL,danger:e.danger,"content-centered":!0,"header-image":e.headerImage,"header-title-size":e.MODAL_HEADER_TITLE_SIZES.SMALL,"header-feature-icon":e.headerFeatureIcon,"header-feature-icon-color":e.headerFeatureIconColor,"header-title":e.headerTitle,"header-subtitle":e.headerSubtitle,"footer-primary-button-text":e.footerPrimaryButtonText,"footer-primary-button-icon":e.footerPrimaryButtonIcon,"footer-primary-button-state":e.footerPrimaryButtonState,"footer-secondary-button-text":e.footerSecondaryButtonText,"footer-secondary-button-icon":e.footerSecondaryButtonIcon,"footer-secondary-button-state":e.footerSecondaryButtonState,onCloseModal:t[0]||(t[0]=n=>e.$emit("close-modal")),onPrimaryButtonClick:t[1]||(t[1]=n=>e.$emit("primary-button-click")),onSecondaryButtonClick:t[2]||(t[2]=n=>e.$emit("secondary-button-click"))},{rightActions:u(()=>[d(e.$slots,"rightActions")]),default:u(()=>[d(e.$slots,"default")]),_:3},8,["size","danger","header-image","header-title-size","header-feature-icon","header-feature-icon-color","header-title","header-subtitle","footer-primary-button-text","footer-primary-button-icon","footer-primary-button-state","footer-secondary-button-text","footer-secondary-button-icon","footer-secondary-button-state"])}const j=g(i,[["render",T]]);i.__docgenInfo={displayName:"ModalDialog",exportName:"default",description:"",tags:{},props:[{name:"danger",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"headerTitle",type:{name:"string"},required:!0},{name:"headerSubtitle",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"headerFeatureIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"headerFeatureIconColor",type:{name:"string"},defaultValue:{func:!1,value:"FEATURE_ICON_COLOR.NEUTRAL"}},{name:"headerImage",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"footerPrimaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"footerPrimaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"footerPrimaryButtonState",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_STATES.DEFAULT"}},{name:"footerSecondaryButtonText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"footerSecondaryButtonIcon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"footerSecondaryButtonState",type:{name:"string"},defaultValue:{func:!1,value:"BUTTON_STATES.DEFAULT"}}],events:[{name:"close-modal"},{name:"primary-button-click"},{name:"secondary-button-click"}],slots:[{name:"default"},{name:"rightActions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Modals/ModalDialog/ModalDialog.vue"]};export{j as M};

package/docs/assets/ModalDialog.stories-D1FYHa7X.js

@@ -1,43 +0,0 @@
-import{M as g}from"./ModalDialog-pE_uh9pp.js";import{I as a}from"./Icon-BK9kwBCG.js";import{F as n}from"./FeatureIcon-Cs5Hp2QE.js";import{a as t}from"./Button-CfhjLW95.js";import"./Modal-BvDDkJeV.js";import"./IconButton-BAX8VyJU.js";import"./vue.esm-bundler-CB1k_OTz.js";import"./device-9fgosCm4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const q={title:"Components/Modals/ModalDialog",component:g},i=h=>({components:{ModalDialog:g},setup(){return h},template:'<modal-dialog :headerFeatureIcon="ICONS[headerFeatureIcon]" :danger="danger" :headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :headerFeatureIconColor="headerFeatureIconColor" :footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="footerPrimaryButtonIcon" :footerPrimaryButtonState="footerPrimaryButtonState" :headerImage="headerImage" :footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="footerSecondaryButtonIcon" :footerSecondaryButtonState="footerSecondaryButtonState"><div v-html="defaultSlot" /><template v-if="rightActionsSlot" #rightActions><div style="display: inline-flex;" v-html="rightActionsSlot" /></template></modal-dialog>',data(){return{ICONS:Object.freeze(a),BUTTON_STATES:Object.freeze(t)}}}),e=i.bind({}),T={defaultSlot:'<p style="margin-top: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p><p style="margin-top: 0; margin-bottom: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p>',rightActionsSlot:"Right actions",danger:!1,headerImage:"",headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:"FA_CIRCLE_QUESTION",headerFeatureIconColor:n.NEUTRAL,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:t.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:t.DEFAULT},u={danger:{control:"boolean"},headerImage:{control:"text",table:{type:{summary:"string"},defaultValue:{summary:"Hello"}}},headerTitle:{control:"text"},headerSubtitle:{control:"text"},headerFeatureIcon:{control:"select",options:[null,...Object.keys(a)]},headerFeatureIconColor:{control:"select",options:Object.values(n)},footerPrimaryButtonText:{control:"text"},footerPrimaryButtonIcon:{control:"select",options:[null,...Object.keys(a)]},footerPrimaryButtonState:{control:"select",options:Object.values(t)},footerSecondaryButtonText:{control:"text"},footerSecondaryButtonIcon:{control:"select",options:[null,...Object.keys(a)]},footerSecondaryButtonState:{control:"select",options:Object.values(t)}};e.argTypes=u;e.args=T;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=5658%3A96416&t=lgUXCZhvWDuBr3qw-0"}};const I={defaultSlot:'<p style="margin-top: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p><p style="margin-top: 0; margin-bottom: 0">Text. Occaecati qui debitis ut minima ab ut ipsa. Eos qui eum. Vel eaque sint. Aut voluptatem est. Eos est aut sit soluta est facere qui soluta aspernatur. Et sint repellat sunt.</p>',rightActionsSlot:"Right actions",danger:!0,headerImage:"",headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:"FA_CIRCLE_EXCLAMATION",headerFeatureIconColor:n.NEUTRAL,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:t.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:t.DEFAULT},o=i.bind({});o.argTypes=u;o.args=I;const B={defaultSlot:"",rightActionsSlot:"",danger:!1,headerImage:"https://wiecejnizlek.pl/wp-content/themes/uncode-child/assets/patterns/pattern-black.png",headerTitle:"Modal Title Accusantium occaecati atque similique gg provident nobis.",headerSubtitle:"Modal Subtitle Aut vitae neque consequatur. Consequuntur natus sint ad.",headerFeatureIcon:"FA_CIRCLE_EXCLAMATION",headerFeatureIconColor:n.NEUTRAL,footerPrimaryButtonText:"Primary M",footerPrimaryButtonIcon:null,footerPrimaryButtonState:t.DEFAULT,footerSecondaryButtonText:"Secondary M",footerSecondaryButtonIcon:null,footerSecondaryButtonState:t.DEFAULT},r=i.bind({});r.argTypes=u;r.args=B;var l,c,s;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`args => ({
-  components: {
-    ModalDialog
-  },
-  setup() {
-    return args;
-  },
-  template: '<modal-dialog :headerFeatureIcon="ICONS[headerFeatureIcon]" :danger="danger" ' + ':headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="footerPrimaryButtonIcon" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':headerImage="headerImage" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="footerSecondaryButtonIcon" :footerSecondaryButtonState="footerSecondaryButtonState">' + '<div v-html="defaultSlot" />' + '<template v-if="rightActionsSlot" #rightActions><div style="display: inline-flex;" v-html="rightActionsSlot" /></template>' + '</modal-dialog>',
-  data() {
-    return {
-      ICONS: Object.freeze(ICONS),
-      BUTTON_STATES: Object.freeze(BUTTON_STATES)
-    };
-  }
-})`,...(s=(c=e.parameters)==null?void 0:c.docs)==null?void 0:s.source}}};var d,m,S;o.parameters={...o.parameters,docs:{...(d=o.parameters)==null?void 0:d.docs,source:{originalSource:`args => ({
-  components: {
-    ModalDialog
-  },
-  setup() {
-    return args;
-  },
-  template: '<modal-dialog :headerFeatureIcon="ICONS[headerFeatureIcon]" :danger="danger" ' + ':headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="footerPrimaryButtonIcon" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':headerImage="headerImage" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="footerSecondaryButtonIcon" :footerSecondaryButtonState="footerSecondaryButtonState">' + '<div v-html="defaultSlot" />' + '<template v-if="rightActionsSlot" #rightActions><div style="display: inline-flex;" v-html="rightActionsSlot" /></template>' + '</modal-dialog>',
-  data() {
-    return {
-      ICONS: Object.freeze(ICONS),
-      BUTTON_STATES: Object.freeze(BUTTON_STATES)
-    };
-  }
-})`,...(S=(m=o.parameters)==null?void 0:m.docs)==null?void 0:S.source}}};var f,y,p;r.parameters={...r.parameters,docs:{...(f=r.parameters)==null?void 0:f.docs,source:{originalSource:`args => ({
-  components: {
-    ModalDialog
-  },
-  setup() {
-    return args;
-  },
-  template: '<modal-dialog :headerFeatureIcon="ICONS[headerFeatureIcon]" :danger="danger" ' + ':headerTitle="headerTitle" :headerSubtitle="headerSubtitle" :headerFeatureIconColor="headerFeatureIconColor" ' + ':footerPrimaryButtonText="footerPrimaryButtonText" :footerPrimaryButtonIcon="footerPrimaryButtonIcon" :footerPrimaryButtonState="footerPrimaryButtonState" ' + ':headerImage="headerImage" ' + ':footerSecondaryButtonText="footerSecondaryButtonText" :footerSecondaryButtonIcon="footerSecondaryButtonIcon" :footerSecondaryButtonState="footerSecondaryButtonState">' + '<div v-html="defaultSlot" />' + '<template v-if="rightActionsSlot" #rightActions><div style="display: inline-flex;" v-html="rightActionsSlot" /></template>' + '</modal-dialog>',
-  data() {
-    return {
-      ICONS: Object.freeze(ICONS),
-      BUTTON_STATES: Object.freeze(BUTTON_STATES)
-    };
-  }
-})`,...(p=(y=r.parameters)==null?void 0:y.docs)==null?void 0:p.source}}};const N=["Interactive","Danger","WithImage"];export{o as Danger,e as Interactive,r as WithImage,N as __namedExportsOrder,q as default};

package/docs/assets/NumberInCircle-BX50XF2S.css

@@ -1 +0,0 @@
-.ds-numberInCircle[data-v-974ee868]{--token: label-2xl-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-l);font-size:var(--typography-font-size-xl);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);align-items:center;border-radius:50%;border-style:solid;border-width:1px;display:inline-flex;height:48px;justify-content:center;min-width:48px;padding:0 6px;text-align:center}@media(min-width:760px){.ds-numberInCircle[data-v-974ee868]{height:64px;min-width:64px}}.ds-numberInCircle.-ds-is1[data-v-974ee868],.ds-numberInCircle.-ds-is6[data-v-974ee868],.ds-numberInCircle.-ds-primary[data-v-974ee868]{border-color:var(--color-primary-border);color:var(--color-primary-text)}.ds-numberInCircle.-ds-is5[data-v-974ee868],.ds-numberInCircle.-ds-is10[data-v-974ee868],.ds-numberInCircle.-ds-neutral[data-v-974ee868]{border-color:var(--color-neutral-border-heavy);color:var(--color-neutral-text)}.ds-numberInCircle.-ds-is2[data-v-974ee868],.ds-numberInCircle.-ds-is7[data-v-974ee868],.ds-numberInCircle.-ds-success[data-v-974ee868]{border-color:var(--color-success-border);color:var(--color-success-text)}.ds-numberInCircle.-ds-danger[data-v-974ee868]{border-color:var(--color-danger-border);color:var(--color-danger-text)}.ds-numberInCircle.-ds-is4[data-v-974ee868],.ds-numberInCircle.-ds-is9[data-v-974ee868],.ds-numberInCircle.-ds-info[data-v-974ee868]{border-color:var(--color-info-border);color:var(--color-info-text)}.ds-numberInCircle.-ds-is3[data-v-974ee868],.ds-numberInCircle.-ds-is8[data-v-974ee868],.ds-numberInCircle.-ds-accent[data-v-974ee868]{border-color:var(--color-accent-border);color:var(--color-accent-text)}.ds-numberInCircle.-ds-medium[data-v-974ee868]{--token: label-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-3xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);height:32px;min-width:32px}

package/docs/assets/NumberInCircle-OA25ckO8.js

@@ -1 +0,0 @@
-import{d as n,c as r,f as o,x as l,o as t}from"./vue.esm-bundler-CB1k_OTz.js";import{_ as u}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={DEFAULT:"default",PRIMARY:"primary",NEUTRAL:"neutral",SUCCESS:"success",DANGER:"danger",INFO:"info",ACCENT:"accent"},a=n({name:"NumberInCircle",props:{index:{type:Number,default:1},medium:{type:Boolean,default:!1},color:{type:String,default:e.DEFAULT,validator(s){return Object.values(e).includes(s)}}},computed:{colorClass(){return{[e.DEFAULT]:`-ds-is${this.index}`,[e.PRIMARY]:"-ds-primary",[e.NEUTRAL]:"-ds-neutral",[e.SUCCESS]:"-ds-success",[e.DANGER]:"-ds-danger",[e.INFO]:"-ds-info",[e.ACCENT]:"-ds-accent"}[this.color]}}});function d(s,c,m,i,f,p){return t(),r("div",{class:l(["ds-numberInCircle",{"-ds-medium":s.medium,[s.colorClass]:!0}])},[o(s.$slots,"default",{},void 0,!0)],2)}const E=u(a,[["render",d],["__scopeId","data-v-974ee868"]]);a.__docgenInfo={displayName:"NumberInCircle",exportName:"default",description:"",tags:{},props:[{name:"index",type:{name:"number"},defaultValue:{func:!1,value:"1"}},{name:"medium",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"NUMBER_IN_CIRCLE_COLORS.DEFAULT"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/NumberInCircle/NumberInCircle.vue"]};export{E as N,e as a};

package/docs/assets/NumberInCircle.stories-DJiiYq-6.js

@@ -1,9 +0,0 @@
-import{N as n,a as s}from"./NumberInCircle-OA25ckO8.js";import"./vue.esm-bundler-CB1k_OTz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const d={title:"Components/NumberInCircle",component:n},i=c=>({components:{NumberInCircle:n},setup(){return c},template:'<number-in-circle :index="index" :color="color" :medium="medium">{{slotText}}</number-in-circle>'}),e=i.bind({}),m={slotText:"1",index:1,color:s.DEFAULT,medium:!1},a={color:{control:"select",options:Object.values(s)},slotText:{control:"text"}};e.argTypes=a;e.args=m;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=5151%3A82053&t=y03jPaHjasRQu2Pm-0"}};var r,t,o;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`args => ({
-  components: {
-    NumberInCircle
-  },
-  setup() {
-    return args;
-  },
-  template: '<number-in-circle :index="index" :color="color" :medium="medium">{{slotText}}</number-in-circle>'
-})`,...(o=(t=e.parameters)==null?void 0:t.docs)==null?void 0:o.source}}};const x=["Interactive"];export{e as Interactive,x as __namedExportsOrder,d as default};

package/docs/assets/OutlineDivider-BhpYgS20.css

@@ -1 +0,0 @@
-.ds-outlineDivider[data-v-1ff70e1d]{padding:6px 0}

package/docs/assets/OutlineDivider-qOd6EoWg.js

@@ -1 +0,0 @@
-import{a as n,b as i,D as o}from"./Divider-C5li_5LX.js";import{d as a,c as r,e as d,n as l,o as c}from"./vue.esm-bundler-CB1k_OTz.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s=a({name:"OutlineDivider",components:{DsDivider:o},props:{prominence:{type:String,default:i.DEFAULT,validator:e=>Object.values(i).includes(e)},size:{type:String,default:n.S,validator:e=>Object.values(n).includes(e)}}}),u={class:"ds-outlineDivider"};function m(e,f,_,v,D,I){const t=l("ds-divider");return c(),r("div",u,[d(t,{prominence:e.prominence,size:e.size},null,8,["prominence","size"])])}const g=p(s,[["render",m],["__scopeId","data-v-1ff70e1d"]]);s.__docgenInfo={displayName:"OutlineDivider",exportName:"default",description:"",tags:{},props:[{name:"prominence",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_PROMINENCES.DEFAULT"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"DIVIDER_SIZES.S"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Outline/OutlineDivider/OutlineDivider.vue"]};export{g as O};

package/docs/assets/OutlineDivider.stories-BYPb8N6S.js

@@ -1,11 +0,0 @@
-import{O as r}from"./OutlineDivider-qOd6EoWg.js";import{a as o,b as s}from"./Divider-C5li_5LX.js";import"./vue.esm-bundler-CB1k_OTz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Outline/OutlineDivider",component:r},a=p=>({components:{OutlineDivider:r},setup(){return p},template:`
-        <outline-divider :prominence="prominence" :size="size" />`}),e=a.bind({}),m={prominence:{control:"select",options:Object.values(s)},size:{control:"select",options:Object.values(o)}};e.args={prominence:s.DEFAULT,size:o.S};e.argTypes=m;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=6148-111431&t=Amd0mke9FMknuKCX-0"}};var t,n,i;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
-  components: {
-    OutlineDivider
-  },
-  setup() {
-    return args;
-  },
-  template: \`
-        <outline-divider :prominence="prominence" :size="size" />\`
-})`,...(i=(n=e.parameters)==null?void 0:n.docs)==null?void 0:i.source}}};const I=["Interactive"];export{e as Interactive,I as __namedExportsOrder,g as default};

package/docs/assets/OutlineItem-CKG_EeLo.js

@@ -1 +0,0 @@
-import{a as S,b as O,I as o}from"./Icon-BK9kwBCG.js";import{d as E,k as m,c as n,a as u,h as t,l as i,x as l,z as d,f as I,F as y,C as b,n as L,o as a}from"./vue.esm-bundler-CB1k_OTz.js";import{_ as v}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={SMALL:"small",MEDIUM:"medium"},c={DEFAULT:"default",DISABLED:"disabled"},f={NEUTRAL_WEAK:"neutralWeak",NEUTRAL:"neutral"},p=E({name:"OutlineItem",components:{DsIcon:S},props:{size:{type:String,default:r.SMALL,validator(e){return Object.values(r).includes(e)}},backgroundColor:{type:String,default:f.NEUTRAL_WEAK,validator(e){return Object.values(f).includes(e)}},iconLeft:{type:Object,default:null,validator(e){return e==null||Object.values(o).includes(m(e))}},iconRight:{type:Object,default:null,validator(e){return e==null||Object.values(o).includes(m(e))}},iconRightRotation:{type:Number,default:null,validator(e){return[90,180,270].includes(e)}},index:{type:Number,default:null},label:{type:String,default:""},isLabelUppercase:{type:Boolean,default:!1},additionalText:{type:String,default:null},state:{type:String,default:c.DEFAULT,validator(e){return Object.values(c).includes(e)}},isSelected:{type:Boolean,default:!1},isDone:{type:Boolean,default:!1},hasSelectedIconsColorPrimary:{type:Boolean,default:!0},isSelectedInteractive:{type:Boolean,default:!1}},data(){return{ICONS:Object.freeze(o),ICON_SIZES:Object.freeze(O),OUTLINE_ITEM_BACKGROUND_COLORS:Object.freeze(f),OUTLINE_ITEM_SIZES:Object.freeze(r)}},computed:{isDisabled(){return this.state===c.DISABLED}}}),T={class:"ds-outlineItem__text"},_={key:0,class:"ds-outlineItem__additionalText"};function N(e,C,g,U,A,R){const s=L("ds-icon");return a(),n("div",{class:l(["ds-outlineItem",{"-ds-disabled":e.isDisabled,"-ds-medium":e.size===e.OUTLINE_ITEM_SIZES.MEDIUM,"-ds-selected":e.isSelected,"-ds-hoverable":!e.isSelected||e.isSelectedInteractive,"-ds-backgroundNeutral":e.backgroundColor===e.OUTLINE_ITEM_BACKGROUND_COLORS.NEUTRAL}])},[u("div",{class:l(["ds-outlineItem__content",{"-ds-centeredContent":e.$slots.default}])},[e.index!==null?(a(),n("span",{key:0,class:l(["ds-outlineItem__index",{"-ds-active":e.isSelected}])},d(e.index)+". ",3)):t("",!0),e.iconLeft?(a(),i(s,{key:1,class:l(["ds-outlineItem__icon",{"-ds-active":e.isSelected&&e.hasSelectedIconsColorPrimary}]),icon:e.iconLeft,size:e.ICON_SIZES.X_SMALL},null,8,["class","icon","size"])):t("",!0),u("span",T,[u("span",{class:l(["ds-outlineItem__label",{"-ds-uppercase":e.isLabelUppercase}])},[e.$slots.labelSlot?I(e.$slots,"labelSlot",{key:0},void 0,!0):(a(),n(y,{key:1},[b(d(e.label),1)],64))],2),e.additionalText?(a(),n("span",_,d(e.additionalText),1)):t("",!0)])],2),e.$slots.default||e.isDone||e.iconRight?(a(),n("div",{key:0,class:l(["ds-outlineItem__rightContent",{"-ds-centeredContent":e.$slots.default}])},[e.$slots.default?I(e.$slots,"default",{key:0},void 0,!0):t("",!0),e.isDone?(a(),i(s,{key:1,class:"ds-outlineItem__icon -ds-active",icon:e.ICONS.FA_CHECK_SOLID,size:e.ICON_SIZES.X_SMALL},null,8,["icon","size"])):e.iconRight?(a(),i(s,{key:2,class:l(["ds-outlineItem__icon",{"-ds-active":e.isSelected&&e.hasSelectedIconsColorPrimary}]),icon:e.iconRight,size:e.ICON_SIZES.X_SMALL,rotation:e.iconRightRotation},null,8,["class","icon","size","rotation"])):t("",!0)],2)):t("",!0)],2)}const k=v(p,[["render",N],["__scopeId","data-v-4f1d6404"]]);p.__docgenInfo={displayName:"OutlineItem",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"OUTLINE_ITEM_SIZES.SMALL"}},{name:"backgroundColor",type:{name:"string"},defaultValue:{func:!1,value:"OUTLINE_ITEM_BACKGROUND_COLORS.NEUTRAL_WEAK"}},{name:"iconLeft",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"iconRight",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"iconRightRotation",type:{name:"number"},defaultValue:{func:!1,value:"null"},values:[90,180,270]},{name:"index",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isLabelUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"additionalText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"OUTLINE_ITEM_STATES.DEFAULT"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDone",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"hasSelectedIconsColorPrimary",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectedInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],slots:[{name:"labelSlot"},{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Outline/OutlineItem/OutlineItem.vue"]};export{k as O,f as a,r as b,c};

package/docs/assets/OutlineItem-CR4XzTcD.css

@@ -1 +0,0 @@
-.ds-outlineItem[data-v-4f1d6404]{background-color:var(--color-neutral-background-weak);border-radius:4px;column-gap:8px;display:flex;justify-content:space-between;padding:12px}.ds-outlineItem__rightContent[data-v-4f1d6404],.ds-outlineItem__content[data-v-4f1d6404]{align-items:flex-start;column-gap:8px;display:flex;max-width:100%}.ds-outlineItem__rightContent.-ds-centeredContent[data-v-4f1d6404],.ds-outlineItem__content.-ds-centeredContent[data-v-4f1d6404]{align-items:center}.ds-outlineItem__content[data-v-4f1d6404]{overflow-x:clip}.ds-outlineItem__index[data-v-4f1d6404]{--token: label-l-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-weak)}.ds-outlineItem__index.-ds-active[data-v-4f1d6404]{color:var(--color-primary-text)}.ds-outlineItem__text[data-v-4f1d6404]{--token: label-l-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);overflow:hidden}.ds-outlineItem__label[data-v-4f1d6404]{--token: label-l-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-heavy)}.ds-outlineItem__label.-ds-uppercase[data-v-4f1d6404]{--token: label-l-default-regular-uppercase;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}.ds-outlineItem__additionalText[data-v-4f1d6404]{--token: label-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-3xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-weak);margin-left:4px}.ds-outlineItem__icon[data-v-4f1d6404]{color:var(--color-neutral-icon-weak)}.ds-outlineItem__icon.-ds-active[data-v-4f1d6404]{color:var(--color-primary-icon)}.ds-outlineItem.-ds-hoverable[data-v-4f1d6404]:hover{background-color:var(--color-neutral-background-weak-hovered);cursor:pointer}.ds-outlineItem.-ds-selected[data-v-4f1d6404]{background-color:var(--color-neutral-background);border-left:2px solid var(--color-primary-border);border-radius:2px 4px 4px 2px;padding-left:10px}.ds-outlineItem.-ds-disabled[data-v-4f1d6404]{pointer-events:none}.ds-outlineItem.-ds-disabled.-ds-selected[data-v-4f1d6404]{border-left:2px solid var(--color-primary-border-disabled)}.ds-outlineItem.-ds-disabled .ds-outlineItem__icon[data-v-4f1d6404]{color:var(--color-neutral-icon-weak-disabled)}.ds-outlineItem.-ds-disabled .ds-outlineItem__icon.-ds-active[data-v-4f1d6404]{color:var(--color-primary-icon-disabled)}.ds-outlineItem.-ds-disabled .ds-outlineItem__index[data-v-4f1d6404]{color:var(--color-neutral-text-weak-disabled)}.ds-outlineItem.-ds-disabled .ds-outlineItem__index.-ds-active[data-v-4f1d6404]{color:var(--color-primary-text-disabled)}.ds-outlineItem.-ds-disabled .ds-outlineItem__label[data-v-4f1d6404]{color:var(--color-neutral-text-heavy-disabled)}.ds-outlineItem.-ds-medium[data-v-4f1d6404]{padding:16px 12px}.ds-outlineItem.-ds-medium .ds-outlineItem__content[data-v-4f1d6404]{column-gap:6px}.ds-outlineItem.-ds-medium .ds-outlineItem__label[data-v-4f1d6404]{--token: label-l-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-outlineItem.-ds-medium .ds-outlineItem__label.-ds-uppercase[data-v-4f1d6404]{--token: label-l-default-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}.ds-outlineItem.-ds-medium.-ds-selected[data-v-4f1d6404]{padding-left:10px}.ds-outlineItem.-ds-backgroundNeutral[data-v-4f1d6404]{background-color:var(--color-neutral-background)}.ds-outlineItem.-ds-backgroundNeutral.-ds-hoverable[data-v-4f1d6404]:hover{background-color:var(--color-neutral-background-hovered)}

package/docs/assets/OutlineItem.stories-nuGRNwQ0.js

@@ -1,41 +0,0 @@
-import{O as i,a,b as s,c as r}from"./OutlineItem-CKG_EeLo.js";import{C as d}from"./Chip-BVzdJgBb.js";import{I as t}from"./Icon-BK9kwBCG.js";import"./vue.esm-bundler-CB1k_OTz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-CfhjLW95.js";import"./IconButton-BAX8VyJU.js";import"./device-9fgosCm4.js";const x={title:"Components/Outline/OutlineItem",component:i},p=c=>({components:{OutlineItem:i,DsChip:d},setup(){return c},data(){return{ICONS:Object.freeze(t)}},template:`
-        <outline-item :label="label" :additional-text="additionalText" :size="size" :state="state"
-                                    :icon-left="ICONS[iconLeft]" :icon-right="ICONS[iconRight]" :is-done="isDone"
-                                    :is-selected="isSelected" :background-color="backgroundColor" :index="index"
-                                    :is-label-uppercase="isLabelUppercase" :icon-right-rotation="iconRightRotation"
-                                    :has-selected-icons-color-primary="hasSelectedIconsColorPrimary"
-                                    :is-selected-interactive="isSelectedInteractive">
-            <template #labelSlot v-if="labelSlot">
-                <span v-html="labelSlot" />
-            </template>
-            <template #default v-if="defaultSlot.length > 0">
-                <ds-chip :label="defaultSlot" />
-            </template>
-        </outline-item>`}),e=p.bind({}),m={additionalText:"",defaultSlot:"10 / 20",labelSlot:"Outline Item label in slot",size:s.SMALL,backgroundColor:a.NEUTRAL_WEAK,iconLeft:null,iconRight:null,iconRightRotation:null,index:null,label:"Outline Item label",isLabelUppercase:!1,state:r.DEFAULT,isSelected:!1,isDone:!1,hasSelectedIconsColorPrimary:!0,isSelectedInteractive:!1},u={defaultSlot:{control:"text"},labelSlot:{control:"text"},size:{control:"select",options:Object.values(s)},backgroundColor:{control:"select",options:Object.values(a)},iconLeft:{control:"select",options:[null,...Object.keys(t)]},iconRight:{control:"select",options:[null,...Object.keys(t)]},iconRightRotation:{control:"select",options:[null,90,180,270]},index:{control:{type:"number"}},label:{control:"text"},isLabelUppercase:{control:"boolean"},additionalText:{control:"text"},state:{control:"select",options:Object.values(r)},isSelected:{control:"boolean"},isDone:{control:"boolean"},hasSelectedIconsColorPrimary:{control:"boolean"},isSelectedInteractive:{control:"boolean"}};e.argTypes=u;e.args=m;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=6148-111431&t=Amd0mke9FMknuKCX-0"}};var o,l,n;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`args => ({
-  components: {
-    OutlineItem,
-    DsChip
-  },
-  setup() {
-    return args;
-  },
-  data() {
-    return {
-      ICONS: Object.freeze(ICONS)
-    };
-  },
-  template: \`
-        <outline-item :label="label" :additional-text="additionalText" :size="size" :state="state"
-                                    :icon-left="ICONS[iconLeft]" :icon-right="ICONS[iconRight]" :is-done="isDone"
-                                    :is-selected="isSelected" :background-color="backgroundColor" :index="index"
-                                    :is-label-uppercase="isLabelUppercase" :icon-right-rotation="iconRightRotation"
-                                    :has-selected-icons-color-primary="hasSelectedIconsColorPrimary"
-                                    :is-selected-interactive="isSelectedInteractive">
-            <template #labelSlot v-if="labelSlot">
-                <span v-html="labelSlot" />
-            </template>
-            <template #default v-if="defaultSlot.length > 0">
-                <ds-chip :label="defaultSlot" />
-            </template>
-        </outline-item>\`
-})`,...(n=(l=e.parameters)==null?void 0:l.docs)==null?void 0:n.source}}};const v=["Interactive"];export{e as Interactive,v as __namedExportsOrder,x as default};

package/docs/assets/OutlineSectionHeader-BJKLUJ2F.css

@@ -1 +0,0 @@
-.ds-outlineSectionHeader[data-v-451a822d]{--token: info-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);color:var(--color-neutral-text-weak);padding:8px 0}

package/docs/assets/OutlineSectionHeader-CNqbos-R.js

@@ -1 +0,0 @@
-import{d as n,c as o,z as i,o as r}from"./vue.esm-bundler-CB1k_OTz.js";import{_ as s}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=n({name:"OutlineSectionHeader",props:{title:{type:String,required:!0}}}),a={class:"ds-outlineSectionHeader"};function c(t,d,p,l,u,m){return r(),o("div",a,i(t.title),1)}const S=s(e,[["render",c],["__scopeId","data-v-451a822d"]]);e.__docgenInfo={displayName:"OutlineSectionHeader",exportName:"default",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Outline/OutlineSectionHeader/OutlineSectionHeader.vue"]};export{S as O};

package/docs/assets/OutlineSectionHeader.stories-BAaS6KVY.js

@@ -1,9 +0,0 @@
-import{O as o}from"./OutlineSectionHeader-CNqbos-R.js";import"./vue.esm-bundler-CB1k_OTz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const m={title:"Components/Outline/OutlineSectionHeader",component:o},s=i=>({components:{OutlineSectionHeader:o},setup(){return i},template:'<outline-section-header :title="title" />'}),e=s.bind({}),a={title:{control:"text"}};e.argTypes=a;e.args={title:"section header all caps"};e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=6148-111431&t=Amd0mke9FMknuKCX-0"}};var t,n,r;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
-  components: {
-    OutlineSectionHeader
-  },
-  setup() {
-    return args;
-  },
-  template: \`<outline-section-header :title="title" />\`
-})`,...(r=(n=e.parameters)==null?void 0:n.docs)==null?void 0:r.source}}};const d=["Interactive"];export{e as Interactive,d as __namedExportsOrder,m as default};

package/docs/assets/OverlayHeader-C-QVc2iT.js

@@ -1 +0,0 @@
-import{I as L,d as A,a as C,c as I}from"./IconButton-BAX8VyJU.js";import{D as f,b}from"./Divider-C5li_5LX.js";import{D,a as g}from"./Dropdown-BefZbTjj.js";import{D as w}from"./Skeleton-D1GdPKDx.js";import{T as H,a as h}from"./Tooltip-jKpbOQJw.js";import{I as c}from"./Icon-BK9kwBCG.js";import{d as k,k as U,c as o,h as t,e as r,f as n,a as d,x as T,z as _,F as R,j as u,n as l,o as s}from"./vue.esm-bundler-CB1k_OTz.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const p={NEUTRAL_GHOST:"neutralGhost",NEUTRAL:"neutral",SUCCESS:"success",FAIL:"fail",WARNING:"warning"},O={DEFAULT:"default",LOADING:"loading"},V=e=>(e==null?void 0:e.tagName)==="INPUT"||(e==null?void 0:e.tagName)==="SELECT"||(e==null?void 0:e.tagName)==="TEXTAREA"||!!(e!=null&&e.isContentEditable),S=k({name:"OverlayHeader",components:{DsIconButton:L,DsDivider:f,DsDropdown:D,DsSkeleton:w,DsTooltip:H},props:{title:{type:String,required:!0},shortTitle:{type:String,default:null},eyebrowText:{type:String,default:null},borderColor:{type:String,default:p.NEUTRAL_GHOST,validator:e=>Object.values(p).includes(e)},isTitleInteractive:{type:Boolean,default:!1},state:{type:String,default:O.DEFAULT,validator(e){return Object.values(O).includes(e)}},dropdownIcon:{type:Object,default:()=>c.FA_ELLIPSIS_VERTICAL,validator(e){return Object.values(c).includes(U(e))}}},emits:{close:()=>!0,titleClick:()=>!0},data(){return{ICON_BUTTON_SIZES:Object.freeze(I),ICON_BUTTON_COLORS:Object.freeze(C),ICON_BUTTON_STATES:Object.freeze(A),ICONS:Object.freeze(c),DIVIDER_PROMINENCES:Object.freeze(b),OVERLAY_HEADER_BORDER_COLORS:Object.freeze(p),OVERLAY_HEADER_STATES:Object.freeze(O),DROPDOWN_PLACEMENTS:Object.freeze(g),isDropdownOpen:!1,TOOLTIP_PLACEMENTS:Object.freeze(h)}},computed:{isLoading(){return this.state===O.LOADING}},beforeUnmount(){window.removeEventListener("keydown",this.onKeydown)},mounted(){window.addEventListener("keydown",this.onKeydown)},methods:{onKeydown(e){if(!V(e.target))switch(e.key){case"q":case"Q":e.stopPropagation(),this.$emit("close");break}},onTitleClick(){this.isTitleInteractive&&this.$emit("titleClick")}}}),$={key:0,class:"ds-overlayHeader__loadingWrapper"},P={key:1,class:"ds-overlayHeader__accessory"},j={key:2,class:"ds-overlayHeader__content"},M={key:0,class:"ds-overlayHeader__eyebrow"},z=["title"],F={key:1,class:"ds-overlayHeader__eyebrowAccessory"},G={class:"ds-overlayHeader__main"},Y={key:0,class:"ds-overlayHeader__titleLeading"},W=["title"],Z={class:"ds-overlayHeader__title -ds-desktop"},K={class:"ds-overlayHeader__title -ds-mobile"},q={key:2,class:"ds-overlayHeader__titleTrailingWrapper"},Q={class:"ds-overlayHeader__titleTrailing"},X={class:"ds-overlayHeader__actions"};function J(e,a,x,ee,oe,se){const E=l("ds-skeleton"),y=l("ds-divider"),v=l("ds-icon-button"),N=l("ds-dropdown"),m=l("ds-tooltip");return s(),o("div",{class:T(["ds-overlayHeader",{"-ds-borderNeutral":e.borderColor===e.OVERLAY_HEADER_BORDER_COLORS.NEUTRAL,"-ds-borderSuccess":e.borderColor===e.OVERLAY_HEADER_BORDER_COLORS.SUCCESS,"-ds-borderFail":e.borderColor===e.OVERLAY_HEADER_BORDER_COLORS.FAIL,"-ds-borderWarning":e.borderColor===e.OVERLAY_HEADER_BORDER_COLORS.WARNING}])},[e.isLoading?(s(),o("div",$,[r(E,{width:"50%",height:"12px"}),r(E,{class:"ds-overlayHeader__loadingBar -ds-desktop",width:"100%",height:"20px"}),r(E,{class:"ds-overlayHeader__loadingBar -ds-mobile",width:"100%",height:"18px"})])):t("",!0),!e.isLoading&&e.$slots.accessory?(s(),o("div",P,[n(e.$slots,"accessory",{},void 0,!0)])):t("",!0),e.isLoading?t("",!0):(s(),o("div",j,[e.eyebrowText||e.$slots.eyebrowAccessory?(s(),o("div",M,[e.eyebrowText?(s(),o("div",{key:0,class:T(["ds-overlayHeader__eyebrowText",{"-ds-withRightMargin":e.$slots.eyebrowAccessory}]),title:e.eyebrowText},_(e.eyebrowText),11,z)):t("",!0),e.$slots.eyebrowAccessory?(s(),o("div",F,[n(e.$slots,"eyebrowAccessory",{},void 0,!0)])):t("",!0)])):t("",!0),d("div",G,[e.$slots.titleLeading?(s(),o("div",Y,[n(e.$slots,"titleLeading",{},void 0,!0)])):t("",!0),e.title||e.shortTitle?(s(),o("div",{key:1,class:T(["ds-overlayHeader__titleWrapper",{"-ds-interactive":e.isTitleInteractive}]),title:e.title,onClick:a[0]||(a[0]=(...i)=>e.onTitleClick&&e.onTitleClick(...i))},[d("div",Z,_(e.title),1),d("div",K,_(e.shortTitle||e.title),1)],10,W)):t("",!0),e.$slots.titleTrailing?(s(),o("div",q,[d("div",Q,[n(e.$slots,"titleTrailing",{},void 0,!0)])])):t("",!0)])])),!e.isLoading&&e.$slots.actions?(s(),o(R,{key:3},[d("div",X,[n(e.$slots,"actions",{},void 0,!0)]),r(y,{class:"ds-overlayHeader__divider -ds-mobileHidden",prominence:e.DIVIDER_PROMINENCES.STRONG,"is-vertical":""},null,8,["prominence"])],64)):t("",!0),!e.isLoading&&e.$slots.dropdown?(s(),o(R,{key:4},[r(N,{"boundaries-selector":"body",placement:e.DROPDOWN_PLACEMENTS.BOTTOM_END,onShow:a[1]||(a[1]=i=>e.isDropdownOpen=!0),onHide:a[2]||(a[2]=i=>e.isDropdownOpen=!1)},{reference:u(()=>[r(v,{icon:e.dropdownIcon,size:e.ICON_BUTTON_SIZES.MEDIUM,color:e.ICON_BUTTON_COLORS.NEUTRAL,state:e.isDropdownOpen?e.ICON_BUTTON_STATES.HOVERED:e.ICON_BUTTON_STATES.DEFAULT},null,8,["icon","size","color","state"])]),default:u(({close:i})=>[n(e.$slots,"dropdown",{close:i},void 0,!0)]),_:3},8,["placement"]),r(y,{class:"ds-overlayHeader__divider",prominence:e.DIVIDER_PROMINENCES.STRONG,"is-vertical":""},null,8,["prominence"])],64)):t("",!0),r(m,{"is-pointer-visible":!1,placement:e.TOOLTIP_PLACEMENTS.LEFT,text:"Zamknij — Q"},{default:u(()=>[r(v,{"data-test-selector":"overlay-header-close-button",icon:e.ICONS.FA_XMARK,size:e.ICON_BUTTON_SIZES.MEDIUM,color:e.ICON_BUTTON_COLORS.NEUTRAL,onClick:a[3]||(a[3]=i=>e.$emit("close"))},null,8,["icon","size","color"])]),_:1},8,["placement"])],2)}const Ee=B(S,[["render",J],["__scopeId","data-v-fd621d71"]]);S.__docgenInfo={displayName:"OverlayHeader",exportName:"default",description:"",tags:{},props:[{name:"title",type:{name:"string"},required:!0},{name:"shortTitle",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"eyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"string"},defaultValue:{func:!1,value:"OVERLAY_HEADER_BORDER_COLORS.NEUTRAL_GHOST"}},{name:"isTitleInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"OVERLAY_HEADER_STATES.DEFAULT"}},{name:"dropdownIcon",type:{name:"object"},defaultValue:{func:!0,value:"() => ICONS.FA_ELLIPSIS_VERTICAL"}}],events:[{name:"close"},{name:"titleClick"}],slots:[{name:"accessory"},{name:"eyebrowAccessory"},{name:"titleLeading"},{name:"titleTrailing"},{name:"actions"},{name:"dropdown",scoped:!0,bindings:[{name:"close",title:"binding"}]}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue"]};export{Ee as O,O as a,p as b};

package/docs/assets/OverlayHeader-DlFXy7Cv.css

@@ -1 +0,0 @@
-.ds-overlayHeader[data-v-fd621d71]{align-items:center;background:var(--color-neutral-background);border-bottom:2px solid var(--color-neutral-border-ghost);box-shadow:0 1px 2px var(--color-default-shadow-weak),0 8px 16px var(--color-default-shadow-weak),0 2px 4px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow);display:flex;padding:8px 6px 8px 0}@media(min-width:760px){.ds-overlayHeader[data-v-fd621d71]{padding:12px 8px 12px 0}}.ds-overlayHeader__accessory[data-v-fd621d71]{align-self:stretch;margin-left:12px}.ds-overlayHeader__loadingWrapper[data-v-fd621d71]{display:flex;flex-direction:column;flex-grow:1;gap:6px;margin:0 4px 0 12px}@media(min-width:760px){.ds-overlayHeader__loadingWrapper[data-v-fd621d71]{gap:8px;margin:0 8px 0 16px}}.ds-overlayHeader__loadingBar.-ds-desktop[data-v-fd621d71]{display:none}@media(min-width:760px){.ds-overlayHeader__loadingBar.-ds-desktop[data-v-fd621d71]{display:flex}}@media(min-width:760px){.ds-overlayHeader__loadingBar.-ds-mobile[data-v-fd621d71]{display:none}}.ds-overlayHeader__content[data-v-fd621d71]{flex-grow:1;margin:0 4px 0 12px;min-width:0}@media(min-width:760px){.ds-overlayHeader__content[data-v-fd621d71]{margin:0 8px 0 16px}}.ds-overlayHeader__eyebrow[data-v-fd621d71]{align-items:center;display:flex;margin-bottom:6px}@media(min-width:760px){.ds-overlayHeader__eyebrow[data-v-fd621d71]{margin-bottom:8px}}.ds-overlayHeader__eyebrowText[data-v-fd621d71]{--token: info-s-extensive-bold-uppercase;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-xl);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase);color:var(--color-neutral-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-overlayHeader__eyebrowText.-ds-withRightMargin[data-v-fd621d71]{margin-right:8px}.ds-overlayHeader__eyebrowAccessory[data-v-fd621d71]{display:flex;min-width:0}.ds-overlayHeader__main[data-v-fd621d71]{align-items:center;display:flex;gap:8px;min-height:var(--typography-line-height-s)}.ds-overlayHeader__titleLeading[data-v-fd621d71]{display:flex}.ds-overlayHeader__titleWrapper[data-v-fd621d71]{overflow:hidden}.ds-overlayHeader__titleWrapper.-ds-interactive[data-v-fd621d71]{cursor:pointer}.ds-overlayHeader__title[data-v-fd621d71]{--token: heading-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-heavy);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-overlayHeader__title.-ds-desktop[data-v-fd621d71]{display:none}@media(min-width:760px){.ds-overlayHeader__title.-ds-desktop[data-v-fd621d71]{display:block}}@media(min-width:760px){.ds-overlayHeader__title.-ds-mobile[data-v-fd621d71]{display:none}}.ds-overlayHeader__titleTrailingWrapper[data-v-fd621d71]{display:flex;overflow-x:auto}.ds-overlayHeader__titleTrailingWrapper[data-v-fd621d71]:after{background:linear-gradient(90deg,transparent 0%,var(--color-neutral-background) 84.26%);align-self:stretch;content:"";display:block;flex-shrink:0;margin-left:-20px;position:sticky;right:-1px;width:20px}.ds-overlayHeader__titleTrailingWrapper[data-v-fd621d71]>*:last-child{margin-right:20px}.ds-overlayHeader__titleTrailingWrapper[data-v-fd621d71]{display:flex;flex-shrink:100000}.ds-overlayHeader__titleTrailing[data-v-fd621d71]{display:flex}.ds-overlayHeader__actions[data-v-fd621d71]{align-self:stretch;display:none;flex-shrink:0}@media(min-width:760px){.ds-overlayHeader__actions[data-v-fd621d71]{display:flex}}.ds-overlayHeader__divider[data-v-fd621d71]{align-self:stretch;height:auto!important;margin:4px 6px}@media(min-width:760px){.ds-overlayHeader__divider[data-v-fd621d71]{margin:4px 8px}}.ds-overlayHeader__divider.-ds-mobileHidden[data-v-fd621d71]{display:none}@media(min-width:760px){.ds-overlayHeader__divider.-ds-mobileHidden[data-v-fd621d71]{display:block}}.ds-overlayHeader.-ds-borderNeutral[data-v-fd621d71]{border-bottom-color:var(--color-neutral-border)}.ds-overlayHeader.-ds-borderSuccess[data-v-fd621d71]{border-bottom-color:var(--color-success-border)}.ds-overlayHeader.-ds-borderFail[data-v-fd621d71]{border-bottom-color:var(--color-fail-border)}.ds-overlayHeader.-ds-borderWarning[data-v-fd621d71]{border-bottom-color:var(--color-warning-border)}

package/docs/assets/OverlayHeader.stories-qUMATW6c.js

@@ -1,67 +0,0 @@
-import{O as o,a as s,b as n}from"./OverlayHeader-C-QVc2iT.js";import{I as l}from"./Icon-BK9kwBCG.js";import"./IconButton-BAX8VyJU.js";import"./Button-CfhjLW95.js";import"./vue.esm-bundler-CB1k_OTz.js";import"./device-9fgosCm4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-C5li_5LX.js";import"./Dropdown-BefZbTjj.js";import"./vue-popper-DvW0McUW.js";import"./Skeleton-D1GdPKDx.js";import"./Tooltip-jKpbOQJw.js";const T={title:"Components/Headers/OverlayHeader",component:o},d=i=>({components:{OverlayHeader:o},setup(){return{args:i}},methods:{onClose(){console.log("OverlayHeader emitted close event")}},data(){return{ICONS:Object.freeze(l)}},template:`
-        <div style="height: 300px">
-            <overlay-header v-bind=args :dropdown-icon="ICONS[args.dropdownIcon]" @close="onClose">
-                <template v-if="args.accessorySlot" #accessory>
-                    <div style="background: var(--raw-gray-300); height: 100%">{{ args.accessorySlot }}</div>
-                </template>
-                <template v-if="args.eyebrowAccessorySlot" #eyebrowAccessory>
-                    <div style="background: var(--raw-gray-300); font-size: 10px">{{ args.eyebrowAccessorySlot }}</div>
-                </template>
-                <template v-if="args.titleLeadingSlot" #titleLeading>
-                    <div style="background: var(--raw-gray-300);">{{ args.titleLeadingSlot }}</div>
-                </template>
-                <template v-if="args.titleTrailingSlot" #titleTrailing>
-                    <div style="background: var(--raw-gray-300); white-space: nowrap">{{ args.titleTrailingSlot }}</div>
-                </template>
-                <template v-if="args.actionsSlot" #actions>
-                    <div style="background: var(--raw-gray-300); height: 100%">{{ args.actionsSlot }}</div>
-                </template>
-                <template v-if="args.dropdownSlot" #dropdown="{ close }">
-                    <div style="background: var(--raw-gray-300);">{{ args.dropdownSlot }}</div>
-                    <div style="background: var(--raw-gray-300);">{{ args.dropdownSlot }}</div>
-                </template>
-            </overlay-header>
-        </div>`}),e=d.bind({}),c={title:"Zadanie #123",shortTitle:"#123",eyebrowText:"Eyebrow",accessorySlot:"accessory",actionsSlot:"actions slot",dropdownSlot:"dropdown slot",dropdownIcon:"FA_ELLIPSIS_VERTICAL",eyebrowAccessorySlot:"eyebrowAccessory",titleLeadingSlot:"leading",titleTrailingSlot:"trailing",isTitleInteractive:!1,borderColor:n.NEUTRAL_GHOST,state:s.DEFAULT},g={borderColor:{control:"select",options:Object.values(n)},state:{control:"select",options:Object.values(s)},dropdownIcon:{control:"select",options:Object.keys(l)}};e.argTypes=g;e.args=c;e.parameters={layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=5867%3A99215&t=gnx09suYyI8a6jHh-0"}};var t,r,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
-  components: {
-    OverlayHeader
-  },
-  setup() {
-    return {
-      args
-    };
-  },
-  methods: {
-    onClose() {
-      console.log('OverlayHeader emitted close event');
-    }
-  },
-  data() {
-    return {
-      ICONS: Object.freeze(ICONS)
-    };
-  },
-  template: \`
-        <div style="height: 300px">
-            <overlay-header v-bind=args :dropdown-icon="ICONS[args.dropdownIcon]" @close="onClose">
-                <template v-if="args.accessorySlot" #accessory>
-                    <div style="background: var(--raw-gray-300); height: 100%">{{ args.accessorySlot }}</div>
-                </template>
-                <template v-if="args.eyebrowAccessorySlot" #eyebrowAccessory>
-                    <div style="background: var(--raw-gray-300); font-size: 10px">{{ args.eyebrowAccessorySlot }}</div>
-                </template>
-                <template v-if="args.titleLeadingSlot" #titleLeading>
-                    <div style="background: var(--raw-gray-300);">{{ args.titleLeadingSlot }}</div>
-                </template>
-                <template v-if="args.titleTrailingSlot" #titleTrailing>
-                    <div style="background: var(--raw-gray-300); white-space: nowrap">{{ args.titleTrailingSlot }}</div>
-                </template>
-                <template v-if="args.actionsSlot" #actions>
-                    <div style="background: var(--raw-gray-300); height: 100%">{{ args.actionsSlot }}</div>
-                </template>
-                <template v-if="args.dropdownSlot" #dropdown="{ close }">
-                    <div style="background: var(--raw-gray-300);">{{ args.dropdownSlot }}</div>
-                    <div style="background: var(--raw-gray-300);">{{ args.dropdownSlot }}</div>
-                </template>
-            </overlay-header>
-        </div>\`
-})`,...(a=(r=e.parameters)==null?void 0:r.docs)==null?void 0:a.source}}};const A=["Interactive"];export{e as Interactive,A as __namedExportsOrder,T as default};

package/docs/assets/PageHeader-BBWXOr_F.css

@@ -1 +0,0 @@
-.ds-pageHeader[data-v-da9b7953]{padding:0}.ds-pageHeader__wrapper[data-v-da9b7953]{align-items:flex-start;display:flex;flex-direction:column;gap:8px;padding:8px 0}.ds-pageHeader__contentWrapper[data-v-da9b7953]{align-items:flex-start;display:flex;flex-direction:column;gap:8px;justify-content:space-between;padding:0;width:100%}@media(min-width:760px){.ds-pageHeader__contentWrapper[data-v-da9b7953]{align-items:center;flex-direction:row}}.ds-pageHeader__textWrapper[data-v-da9b7953]{align-items:flex-start;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:4px 0}.ds-pageHeader__title[data-v-da9b7953]{--token: pageHeading-s-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-l);font-size:var(--typography-font-size-l);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-default-text)}.ds-pageHeader__supportingText[data-v-da9b7953]{--token: info-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-3xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-m);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text)}.ds-pageHeader__actions[data-v-da9b7953]{flex-shrink:0}.ds-pageHeader.-ds-horizontal .ds-pageHeader__contentWrapper[data-v-da9b7953]{align-items:center;flex-direction:row}

package/docs/assets/PageHeader-Bv7eXWoq.js

@@ -1 +0,0 @@
-import{D as p}from"./Divider-C5li_5LX.js";import{d as u,c as s,a as t,l as c,h as o,f as n,z as d,x as _,n as m,o as a}from"./vue.esm-bundler-CB1k_OTz.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={VERTICAL:"vertical",HORIZONTAL:"horizontal"},i=u({name:"PageHeader",components:{DsDivider:p},props:{pageTitle:{type:String,required:!0},supportingInfo:{type:String,default:null},divider:{type:Boolean,default:!0},mobileLayout:{type:String,default:r.VERTICAL,validator:e=>Object.values(r).includes(e)}},data(){return{PAGE_HEADER_MOBILE_LAYOUTS:Object.freeze(r)}}}),f={class:"ds-pageHeader__wrapper"},v={key:0,class:"ds-pageHeader__breadcrumbs"},E={class:"ds-pageHeader__contentWrapper"},H={class:"ds-pageHeader__textWrapper"},y={class:"ds-pageHeader__title"},A={key:0,class:"ds-pageHeader__supportingText"},b={key:0,class:"ds-pageHeader__actions"};function L(e,I,O,T,h,P){const l=m("ds-divider");return a(),s("div",{class:_(["ds-pageHeader",{"-ds-horizontal":e.mobileLayout===e.PAGE_HEADER_MOBILE_LAYOUTS.HORIZONTAL}])},[t("div",f,[e.$slots.breadcrumbs?(a(),s("div",v,[n(e.$slots,"breadcrumbs",{},void 0,!0)])):o("",!0),t("div",E,[t("div",H,[t("div",y,d(e.pageTitle),1),e.supportingInfo?(a(),s("div",A,d(e.supportingInfo),1)):o("",!0)]),e.$slots.actions?(a(),s("div",b,[n(e.$slots,"actions",{},void 0,!0)])):o("",!0)])]),e.divider?(a(),c(l,{key:0})):o("",!0)],2)}const k=g(i,[["render",L],["__scopeId","data-v-da9b7953"]]);i.__docgenInfo={displayName:"PageHeader",exportName:"default",description:"",tags:{},props:[{name:"pageTitle",type:{name:"string"},required:!0},{name:"supportingInfo",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"divider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"mobileLayout",type:{name:"string"},defaultValue:{func:!1,value:"PAGE_HEADER_MOBILE_LAYOUTS.VERTICAL"}}],slots:[{name:"breadcrumbs"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Headers/PageHeader/PageHeader.vue"]};export{k as P,r as a};

package/docs/assets/PageHeader.stories-DTPeThgh.js

@@ -1,9 +0,0 @@
-import{P as r,a as i}from"./PageHeader-Bv7eXWoq.js";import{w as p}from"./decorator-dmUe8Ksx.js";import"./Divider-C5li_5LX.js";import"./vue.esm-bundler-CB1k_OTz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-CwV2VaSl.js";const f={title:"Components/Headers/PageHeader",component:r,decorators:[p]},n=s=>({components:{PageHeader:r},setup(){return s},template:'<page-header :page-title="pageTitle" :supporting-info="supportingInfo" :mobile-layout="mobileLayout" :divider="divider"><template v-if="breadcrumbs" #breadcrumbs><div v-html="breadcrumbs" /></template><template v-if="actions" #actions><div v-html="actions" /></template></page-header>'}),e=n.bind({}),m={breadcrumbs:"",actions:"",pageTitle:"Page title",supportingInfo:"Supporting info write here",divider:!0,mobileLayout:i.VERTICAL},d={breadcrumbs:{control:"text"},actions:{control:"text"},pageTitle:{control:"text"},supportingInfo:{control:"text"},divider:{control:"boolean"},mobileLayout:{control:"select",options:Object.values(i)}};e.argTypes=d;e.args=m;e.parameters={actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=6984-129711&t=ivzu5dM9vSgW20Re-0"}};var t,a,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
-  components: {
-    PageHeader
-  },
-  setup() {
-    return args;
-  },
-  template: '<page-header' + ' :page-title="pageTitle"' + ' :supporting-info="supportingInfo"' + ' :mobile-layout="mobileLayout"' + ' :divider="divider"' + '>' + '<template v-if="breadcrumbs" #breadcrumbs><div v-html="breadcrumbs" /></template>' + '<template v-if="actions" #actions><div v-html="actions" /></template>' + '</page-header>'
-})`,...(o=(a=e.parameters)==null?void 0:a.docs)==null?void 0:o.source}}};const h=["Interactive"];export{e as Interactive,h as __namedExportsOrder,f as default};

package/docs/assets/Pagination-BnO00H6l.js

@@ -1 +0,0 @@
-import{I as y,d as B,a as U,c as L}from"./IconButton-BAX8VyJU.js";import{I as M}from"./Icon-BK9kwBCG.js";import{D as b,b as k,a as F}from"./Dropdown-BefZbTjj.js";import{u as $}from"./useLegacyI18n-CheMYRK1.js";import{S as V}from"./SelectList--uEy8fG9.js";import{S as z}from"./SelectListItem-BbOGl3mN.js";import{d as G,c as o,a as i,h as g,F as P,D as N,e as T,L as w,z as _,f as W,x as u,n as m,o as n,j as O,l as S}from"./vue.esm-bundler-CB1k_OTz.js";import{_ as j}from"./_plugin-vue_export-helper-DlAUqK2U.js";const Z=30,q=7,C="ellipsis",d=1,E=G({name:"Pagination",components:{IconButton:y,Dropdown:b,SelectListItem:z,SelectList:V},props:{currentPage:{type:Number,default:d,validator(e){return e>0}},forceCompact:{type:Boolean,default:!1},isCentered:{type:Boolean,default:!1},itemsPerPage:{type:Number,default:Z,validator(e){return e>0}},itemsTotalAmount:{type:Number,required:!0}},emits:["change-page"],setup(){const{t:e}=$();return{t:e}},data(){return{DROPDOWN_PLACEMENTS:Object.freeze(F),DROPDOWN_RADIUSES:Object.freeze(k),ICON_BUTTON_SIZES:Object.freeze(L),ICON_BUTTON_COLORS:Object.freeze(U),ICON_BUTTON_STATES:Object.freeze(B),ICONS:Object.freeze(M),FIRST_PAGE_NUMBER:d}},computed:{lastPage(){return Math.ceil(this.itemsTotalAmount/this.itemsPerPage)||d},navigationItems(){let e;this.lastPage<=q?e=7:e=this.currentPage>4&&this.currentPage<this.lastPage-3?2:4;const t={start:Math.round(this.currentPage-e/2),end:Math.round(this.currentPage+e/2)};(t.start-1===1||t.end+1===this.lastPage)&&(t.start+=1,t.end+=1);let a=this.currentPage>e?this.getRange(Math.min(t.start,this.lastPage-e),Math.min(t.end,this.lastPage)):this.getRange(1,Math.min(this.lastPage,e+1));const r=(f,I)=>a.length+1!==this.lastPage?I:[f];return a[0]!==1&&(a=r(1,[1,C]).concat(a)),a[a.length-1]<this.lastPage&&(a=a.concat(r(this.lastPage,[C,this.lastPage]))),a},navigationItemsForDropdown(){return this.getRange(d,this.lastPage).map(e=>{const t=(e-1)*this.itemsPerPage,a=e<this.lastPage?t+this.itemsPerPage:this.itemsTotalAmount;return{label:`${e} (${t+1} - ${a})`,value:e}})}},methods:{ellipsisAsSecond(e){return e===1},getRange(e,t){return Array(t-e+1).fill(null).map((a,r)=>r+e)},changePage(e){this.currentPage!==e&&this.$emit("change-page",e)},isPage(e){return typeof e=="number"},onInputValueConfirmed(e){const t=+e.target.value;this.changePage(t)},onDropdownClick(e,t){this.changePage(e),t()}}}),K={class:"ds-pagination__itemsWrapper"},H={key:0,class:"ds-pagination__items -ds-default"},X=["onClick"],J={class:"ds-pagination__itemWrapper -ds-touchable"},Q={key:1,class:"ds-pagination__items -ds-compact"},Y={class:"ds-pagination__compactItem"},x=["value","min","max"],ee={class:"ds-pagination__text"},te={class:"ds-pagination__accessorySlot"};function ae(e,t,a,r,f,I){const A=m("select-list-item"),D=m("select-list"),v=m("dropdown"),h=m("icon-button");return n(),o("div",{class:u(["ds-pagination",{"-ds-forceCompact":e.forceCompact,"-ds-centered":e.isCentered&&!e.$slots.accessory}])},[i("div",K,[e.navigationItems.length>1&&!e.forceCompact?(n(),o("div",H,[(n(!0),o(P,null,N(e.navigationItems,(s,c)=>(n(),o(P,null,[e.isPage(s)?(n(),o("div",{key:c,class:u(["ds-pagination__itemWrapper",{"-ds-touchable":e.currentPage!==s}]),role:"link",onClick:l=>e.changePage(s)},[i("span",{class:u(["ds-pagination__item",{"-ds-selected":e.currentPage===s}])},_(s),3)],10,X)):(n(),o("div",{key:`ellipsis${c}`},[T(v,{radius:e.DROPDOWN_RADIUSES.BOTTOM,"max-height":"250px",placement:e.ellipsisAsSecond(c)?e.DROPDOWN_PLACEMENTS.BOTTOM_START:e.DROPDOWN_PLACEMENTS.BOTTOM_END},{reference:O(({isOpened:l})=>[i("div",J,[i("span",{class:u(["ds-pagination__item",{"-ds-selected":l}])},"…",2)])]),default:O(({close:l})=>[e.navigationItemsForDropdown.length?(n(),S(D,{key:0},{default:O(()=>[(n(!0),o(P,null,N(e.navigationItemsForDropdown,(p,R)=>(n(),S(A,{key:R,label:p.label,"is-selected":e.currentPage===p.value,onClick:se=>e.onDropdownClick(p.value,l)},null,8,["label","is-selected","onClick"]))),128))]),_:2},1024)):g("",!0)]),_:2},1032,["radius","placement"])]))],64))),256))])):g("",!0),e.navigationItems.length>1?(n(),o("div",Q,[T(h,{size:e.ICON_BUTTON_SIZES.MEDIUM,color:e.ICON_BUTTON_COLORS.NEUTRAL,icon:e.ICONS.FA_ANGLE_LEFT,state:e.currentPage<=e.FIRST_PAGE_NUMBER?e.ICON_BUTTON_STATES.DISABLED:e.ICON_BUTTON_STATES.DEFAULT,onClick:t[0]||(t[0]=s=>e.changePage(e.currentPage-1))},null,8,["size","color","icon","state"]),i("div",Y,[i("input",{class:"ds-pagination__input",type:"number",value:e.currentPage,min:e.FIRST_PAGE_NUMBER,step:1,max:e.lastPage,onChange:t[1]||(t[1]=(...s)=>e.onInputValueConfirmed&&e.onInputValueConfirmed(...s)),onKeyup:t[2]||(t[2]=w((...s)=>e.onInputValueConfirmed&&e.onInputValueConfirmed(...s),["enter"]))},null,40,x),i("span",ee,_(e.t("ds.pagination.from"))+" "+_(e.lastPage),1)]),T(h,{size:e.ICON_BUTTON_SIZES.MEDIUM,color:e.ICON_BUTTON_COLORS.NEUTRAL,icon:e.ICONS.FA_ANGLE_RIGHT,state:e.currentPage>=e.lastPage?e.ICON_BUTTON_STATES.DISABLED:e.ICON_BUTTON_STATES.DEFAULT,onClick:t[3]||(t[3]=s=>e.changePage(e.currentPage+1))},null,8,["size","color","icon","state"])])):g("",!0)]),i("div",te,[W(e.$slots,"accessory",{},void 0,!0)])],2)}const ce=j(E,[["render",ae],["__scopeId","data-v-74a6a0a3"]]);E.__docgenInfo={displayName:"Pagination",exportName:"default",description:"",tags:{},props:[{name:"currentPage",type:{name:"number"},defaultValue:{func:!1,value:"FIRST_PAGE_NUMBER"}},{name:"forceCompact",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isCentered",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"itemsPerPage",type:{name:"number"},defaultValue:{func:!1,value:"PAGINATION_DEFAULT_ITEMS_PER_PAGE"}},{name:"itemsTotalAmount",type:{name:"number"},required:!0}],events:[{name:"change-page",type:{names:["undefined"]}}],slots:[{name:"accessory"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Pagination/Pagination.vue"]};export{ce as P};

package/docs/assets/Pagination-Yb6ZB540.css

@@ -1 +0,0 @@
-.ds-pagination[data-v-74a6a0a3]{align-items:center;display:flex;justify-content:space-between;align-items:stretch;flex-direction:row;flex-grow:1}.ds-pagination__itemsWrapper[data-v-74a6a0a3]{align-content:center;display:flex;flex-wrap:nowrap;justify-content:center}.ds-pagination.-ds-centered .ds-pagination__itemsWrapper[data-v-74a6a0a3]{align-items:center;flex-grow:1}.ds-pagination__items[data-v-74a6a0a3]{align-items:center;flex-direction:row;padding:0}.ds-pagination__items.-ds-default[data-v-74a6a0a3]{display:none}@media(min-width:760px){.ds-pagination__items.-ds-default[data-v-74a6a0a3]{display:flex}.ds-pagination.-ds-forceCompact .ds-pagination__items.-ds-default[data-v-74a6a0a3]{display:none}}.ds-pagination__items.-ds-compact[data-v-74a6a0a3]{display:flex}@media(min-width:760px){.ds-pagination__items.-ds-compact[data-v-74a6a0a3]{display:none}.ds-pagination.-ds-forceCompact .ds-pagination__items.-ds-compact[data-v-74a6a0a3]{display:flex}}.ds-pagination__input[data-v-74a6a0a3]{background:var(--color-default-background);border:1px solid var(--color-neutral-border-strong);border-radius:4px;box-shadow:inset 0 1px 3px var(--color-neutral-border-strong);height:32px;padding:6px 8px}.ds-pagination__input[data-v-74a6a0a3]:hover{border-color:var(--color-neutral-border-strong-hovered)}.ds-pagination__input[data-v-74a6a0a3]:focus{border-color:var(--color-primary-border);outline:none}.ds-pagination__text[data-v-74a6a0a3]{--token: label-l-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text);padding:8px 6px;text-align:center}.ds-pagination__compactItem[data-v-74a6a0a3]{align-items:center;display:flex;justify-content:space-between;flex-direction:row}.ds-pagination__itemWrapper[data-v-74a6a0a3]{--token: label-l-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);padding:4px;text-align:center}.ds-pagination__itemWrapper.-ds-touchable[data-v-74a6a0a3]:hover{cursor:pointer}.ds-pagination__itemWrapper.-ds-touchable:hover .ds-pagination__item[data-v-74a6a0a3]:not(.-ds-selected){background:var(--color-neutral-background-weak-hovered)}.ds-pagination__item[data-v-74a6a0a3]{align-items:center;background:var(--color-neutral-background-weak);border-radius:2px;color:var(--color-neutral-text);display:flex;flex-direction:column;justify-content:center;min-width:32px;padding:8px}.ds-pagination__item.-ds-selected[data-v-74a6a0a3]{--token: label-l-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);background:var(--color-neutral-background-medium);color:var(--color-neutral-text-heavy)}.ds-pagination__item[data-v-74a6a0a3]:active:not(.-ds-selected){background:var(--color-neutral-background-weak-hovered);box-shadow:inset 0 1px 3px var(--color-default-shadow-heavy)}.ds-pagination__accessorySlot[data-v-74a6a0a3]{align-items:center;display:flex;min-height:0;padding:0}

package/docs/assets/Pagination.stories-D5FqTKSh.js

@@ -1,31 +0,0 @@
-import{P as o}from"./Pagination-BnO00H6l.js";import"./IconButton-BAX8VyJU.js";import"./Icon-BK9kwBCG.js";import"./vue.esm-bundler-CB1k_OTz.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-CfhjLW95.js";import"./device-9fgosCm4.js";import"./Dropdown-BefZbTjj.js";import"./vue-popper-DvW0McUW.js";import"./useLegacyI18n-CheMYRK1.js";import"./SelectList--uEy8fG9.js";import"./SelectListItem-BbOGl3mN.js";const{useArgs:c}=__STORYBOOK_MODULE_PREVIEW_API__,I={title:"Components/Pagination",component:o},m=r=>{const[p,s]=c();return{components:{Pagination:o},setup(){return{args:r}},methods:{onChangePage(i){s({currentPage:i})}},template:`
-            <Pagination v-bind=args @change-page="onChangePage">
-                <template #accessory>
-                    <div v-if="args.accessory" v-html="args.accessory" />
-                </template>
-            </Pagination>`}},e=m.bind({}),g={currentPage:{control:{type:"number",min:1}},forceCompact:{control:"boolean"},isCentered:{control:"boolean"},itemsPerPage:{control:{type:"number",min:1}},itemsTotalAmount:{control:{type:"number",min:1}},accessory:{control:"text"}};e.argTypes=g;e.args={currentPage:1,forceCompact:!1,isCentered:!1,itemsPerPage:30,itemsTotalAmount:600,accessory:"accessory slot"};e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=5163%3A83788&t=5NKcvxgSeUb4Ped9-4"}};var t,n,a;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => {
-  const [_, updateArgs] = useArgs();
-  return {
-    components: {
-      Pagination
-    },
-    setup() {
-      return {
-        args
-      };
-    },
-    methods: {
-      onChangePage(currentPage) {
-        updateArgs({
-          currentPage
-        });
-      }
-    },
-    template: \`
-            <Pagination v-bind=args @change-page="onChangePage">
-                <template #accessory>
-                    <div v-if="args.accessory" v-html="args.accessory" />
-                </template>
-            </Pagination>\`
-  };
-}`,...(a=(n=e.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const O=["Interactive"];export{e as Interactive,O as __namedExportsOrder,I as default};

package/docs/assets/PasswordField-BMYhU445.js

@@ -1 +0,0 @@
-import{d as f,p as c,q as g,b as v,s as m,l as b,v as I,j as s,m as S,u as o,o as A,f as n,e as y}from"./vue.esm-bundler-CB1k_OTz.js";import{I as F}from"./InputField-BPAP_g4B.js";import{I as N,c as $,a as w}from"./IconButton-BAX8VyJU.js";import{I as i}from"./Icon-BK9kwBCG.js";const E=f({__name:"PasswordField",props:c({inputProps:{},suffixText:{},name:{},label:{},state:{},hasRequiredIndicator:{type:Boolean},labelInfo:{},subLabel:{},fieldId:{},messageText:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(d){const r=g(d,"modelValue"),a=v(!1),u=m(()=>({...d.inputProps,type:a.value?"text":"password"})),p=m(()=>a.value?i.FA_EYE_SLASH:i.FA_EYE);return(e,l)=>(A(),b(o(F),S(e.$props,{modelValue:r.value,"onUpdate:modelValue":l[1]||(l[1]=t=>r.value=t),"input-props":u.value,"left-icon":o(i).FA_UNLOCK_KEYHOLE}),I({action:s(()=>[y(o(N),{icon:p.value,color:o(w).NEUTRAL_WEAK,size:o($).X_SMALL,touchable:!1,"data-test-id":"password-toggle",onClick:l[0]||(l[0]=t=>a.value=!a.value)},null,8,["icon","color","size"])]),_:2},[e.$slots.help?{name:"help",fn:s(()=>[n(e.$slots,"help")]),key:"0"}:void 0,e.$slots.labelAside?{name:"labelAside",fn:s(()=>[n(e.$slots,"labelAside")]),key:"1"}:void 0,e.$slots.message?{name:"message",fn:s(({messageId:t})=>[n(e.$slots,"message",{messageId:t})]),key:"2"}:void 0,e.$slots.fieldStatus?{name:"fieldStatus",fn:s(()=>[n(e.$slots,"fieldStatus")]),key:"3"}:void 0]),1040,["modelValue","input-props","left-icon"]))}});E.__docgenInfo={exportName:"default",displayName:"PasswordField",description:"",tags:{},slots:[{name:"help"},{name:"labelAside"},{name:"message",scoped:!0,bindings:[{name:"message-id",title:"binding"}]},{name:"fieldStatus"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Form/PasswordField/PasswordField.vue"]};export{E as _};

package/docs/assets/PasswordField.stories-BRIfI8fn.js

@@ -1,42 +0,0 @@
-import{_ as a}from"./PasswordField-BMYhU445.js";import{_ as v}from"./HelpButton-CgIa7o-v.js";import{D as S}from"./Modal-BvDDkJeV.js";import{I}from"./Icon-BK9kwBCG.js";import{a as E,b as F}from"./FormField.stories.shared-Cznb971r.js";import{F as l}from"./FormFieldMessage-DNIBt4mq.js";import{t as _,r as h}from"./vue.esm-bundler-CB1k_OTz.js";import"./InputField-BPAP_g4B.js";import"./FormField-C3WUQYEc.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconButton-BAX8VyJU.js";import"./Button-CfhjLW95.js";import"./device-9fgosCm4.js";import"./Tooltip-jKpbOQJw.js";import"./FeatureIcon-Cs5Hp2QE.js";const k={title:"Components/Form/PasswordField",component:a,render:n=>({components:{PasswordField:a,HelpButton:v,Modal:S},setup(){const{help:d,labelAside:c,message:f,fieldStatus:g,...u}=_(n);return{props:h({...u}),labelAside:c,fieldStatus:g,message:f,help:d,FORM_FIELD_STATES:l,ICONS:I}},data:()=>({value:""}),template:`<PasswordField v-bind="props" v-model="value">
-            <template v-if="help" #help>
-                <HelpButton :is-disabled="props.state === FORM_FIELD_STATES.DISABLED">
-                    <template #modal="{onClose}">
-                        <Modal @close-modal="onClose">Modal</Modal>
-                    </template>
-                </HelpButton>
-            </template>
-            <template #labelAside v-if="labelAside">
-                <div v-html="labelAside" />
-            </template>
-            <template #fieldStatus v-if="fieldStatus">
-                <div v-html="fieldStatus" />
-            </template>
-            <template #message v-if="message">
-                <div v-if="message" v-html="message" />
-            </template>
-            <template #action v-if="action">
-                <div v-html="action" />
-            </template>
-        </PasswordField>`}),argTypes:{...E,suffixText:{control:"text"}}},e={args:{...F,suffixText:"%",inputProps:{placeholder:"Placeholder"}},parameters:{design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=13576-21478&m=dev"}}},t={...e,args:{...e.args,state:l.ERROR,messageText:"Error message text"}};var s,r,o;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`{
-  args: {
-    ...args,
-    suffixText: '%',
-    inputProps: {
-      placeholder: 'Placeholder'
-    }
-  },
-  parameters: {
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=13576-21478&m=dev'
-    }
-  }
-}`,...(o=(r=e.parameters)==null?void 0:r.docs)==null?void 0:o.source}}};var m,i,p;t.parameters={...t.parameters,docs:{...(m=t.parameters)==null?void 0:m.docs,source:{originalSource:`{
-  ...Interactive,
-  args: {
-    ...Interactive.args,
-    state: FORM_FIELD_STATES.ERROR,
-    messageText: 'Error message text'
-  }
-}`,...(p=(i=t.parameters)==null?void 0:i.docs)==null?void 0:p.source}}};const z=["Interactive","Error"];export{t as Error,e as Interactive,z as __namedExportsOrder,k as default};

package/docs/assets/PopOver-CSAwBSLt.js

@@ -1 +0,0 @@
-import{v}from"./vue-popper-DvW0McUW.js";import{_ as b,e as g,d as _}from"./Button-CfhjLW95.js";import{d as E,c as a,f as o,l as f,j as s,n as m,o as t,a as n,x as c,h as l,z as r,C as P}from"./vue.esm-bundler-CB1k_OTz.js";import{_ as V}from"./_plugin-vue_export-helper-DlAUqK2U.js";const u={DEFAULT:"default",NEUTRAL:"neutral"},i={CLICK:"click",HOVER:"hover",NONE:"none"},O={TOP:"top",BOTTOM:"bottom",LEFT:"left",RIGHT:"right",BOTTOM_START:"bottom-start",BOTTOM_END:"bottom-end"},d={SMALL:"small",MEDIUM:"medium"},T=E({name:"PopOver",components:{VuePopper:v,DsButton:b},props:{boundariesSelector:{type:String,default:null},triggerAction:{type:String,default:i.CLICK,validator(e){return Object.values(i).includes(e)}},placement:{type:String,default:O.BOTTOM,validator(e){return Object.values(O).includes(e)}},forceShow:{type:Boolean,default:!1},color:{type:String,default:u.DEFAULT,validator(e){return Object.values(u).includes(e)}},titleText:{type:String,default:null},subtitleText:{type:String,default:null},buttonText:{type:String,default:null},headerImageUrl:{type:String,default:null},appendToBody:{type:Boolean,default:!1},modifiers:{type:Object,default:()=>({})},size:{type:String,default:d.SMALL,validator(e){return Object.values(d).includes(e)}},maxHeight:{type:Boolean,default:!1},isPointerVisible:{type:Boolean,default:!0},rootClass:{type:String,default:""}},emits:["button-click"],data(){return{POP_OVER_COLORS:Object.freeze(u),POP_OVER_SIZES:Object.freeze(d),POP_OVER_TRIGGER_ACTIONS:Object.freeze(i),BUTTON_TYPES:Object.freeze(_),BUTTON_SIZES:Object.freeze(g),key:1}},watch:{triggerAction(){this.updateKey()},placement(){this.updateKey()},boundariesSelector(){this.updateKey()}},methods:{close(){this.$refs.popper.doClose()},updateKey(){this.key++}}}),R=["src"],h={class:"ds-popOver__content"},I={key:0,class:"ds-popOver__title"},C={key:1,class:"ds-popOver__subtitle"};function L(e,p,N,B,A,k){const y=m("ds-button"),S=m("vue-popper");return t(),a("span",null,[e.triggerAction===e.POP_OVER_TRIGGER_ACTIONS.NONE?o(e.$slots,"reference",{key:0},void 0,!0):(t(),f(S,{ref:"popper",key:e.key,"boundaries-selector":e.boundariesSelector,"force-show":e.forceShow,options:{placement:e.placement,modifiers:e.modifiers},trigger:e.triggerAction,"delay-on-mouse-over":300,"delay-on-mouse-out":300,"append-to-body":e.appendToBody,"visible-arrow":e.isPointerVisible,"root-class":e.rootClass},{reference:s(()=>[o(e.$slots,"reference",{},void 0,!0)]),default:s(()=>[n("div",{class:c(["popper ds-popOver",{"-ds-color-neutral":e.color===e.POP_OVER_COLORS.NEUTRAL,"-ds-small":e.size===e.POP_OVER_SIZES.SMALL,"-ds-medium":e.size===e.POP_OVER_SIZES.MEDIUM,"-ds-visible-arrow":e.isPointerVisible}])},[e.headerImageUrl?(t(),a("img",{key:0,class:"ds-popOver__image",src:e.headerImageUrl,alt:""},null,8,R)):l("",!0),n("div",h,[e.titleText?(t(),a("div",I,r(e.titleText),1)):l("",!0),e.subtitleText?(t(),a("div",C,r(e.subtitleText),1)):l("",!0),n("div",{class:c(["ds-popOver__contentSlot",{"-ds-maxHeight":e.maxHeight}])},[o(e.$slots,"default",{close:e.close},void 0,!0)],2)]),e.buttonText?(t(),f(y,{key:1,class:"ds-popOver__button",type:e.BUTTON_TYPES.TEXT,size:e.BUTTON_SIZES.LARGE,onClick:p[0]||(p[0]=U=>e.$emit("button-click"))},{default:s(()=>[P(r(e.buttonText),1)]),_:1},8,["type","size"])):l("",!0)],2)]),_:3},8,["boundaries-selector","force-show","options","trigger","append-to-body","visible-arrow","root-class"]))])}const $=V(T,[["render",L],["__scopeId","data-v-951d51cd"]]);T.__docgenInfo={displayName:"PopOver",exportName:"default",description:"",tags:{},props:[{name:"boundariesSelector",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"triggerAction",type:{name:"string"},defaultValue:{func:!1,value:"POP_OVER_TRIGGER_ACTIONS.CLICK"}},{name:"placement",type:{name:"string"},defaultValue:{func:!1,value:"POP_OVER_PLACEMENTS.BOTTOM"}},{name:"forceShow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"color",type:{name:"string"},defaultValue:{func:!1,value:"POP_OVER_COLORS.DEFAULT"}},{name:"titleText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"subtitleText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"buttonText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"headerImageUrl",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"appendToBody",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"modifiers",type:{name:"object"},defaultValue:{func:!1,value:"{}"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"POP_OVER_SIZES.SMALL"}},{name:"maxHeight",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isPointerVisible",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"rootClass",type:{name:"string"},defaultValue:{func:!1,value:"''"}}],events:[{name:"button-click"}],slots:[{name:"reference"},{name:"default",scoped:!0,bindings:[{name:"close",title:"binding"}]}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/PopOver/PopOver.vue"]};export{$ as P,i as a,u as b,O as c,d};

package/docs/assets/PopOver-CwdaVT2c.css

@@ -1 +0,0 @@
-.ds-popOver[data-v-951d51cd]{background-color:var(--color-default-background);border:none;border-radius:6px;box-shadow:0 4px 8px var(--color-default-shadow-weak),0 10px 20px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow);display:flex;flex-direction:column;padding:0}.ds-popOver.-ds-color-neutral[data-v-951d51cd] .popper__arrow{border-color:var(--color-neutral-background) transparent!important}.ds-popOver.-ds-color-neutral[data-v-951d51cd]{background-color:var(--color-neutral-background)}.ds-popOver__contentSlot[data-v-951d51cd]{word-break:break-word}.ds-popOver__contentSlot.-ds-maxHeight[data-v-951d51cd]{overflow:hidden scroll}.ds-popOver.-ds-small[data-v-951d51cd]{width:320px}.ds-popOver.-ds-small .ds-popOver__contentSlot.-ds-maxHeight[data-v-951d51cd]{max-height:160px}.ds-popOver.-ds-medium[data-v-951d51cd]{width:min(90vw,460px)}.ds-popOver.-ds-medium .ds-popOver__contentSlot.-ds-maxHeight[data-v-951d51cd]{max-height:250px}.ds-popOver[x-placement^=bottom][data-v-951d51cd]{margin-top:4px}.ds-popOver[x-placement^=bottom].-ds-visible-arrow[data-v-951d51cd]{margin-top:20px}.ds-popOver[x-placement^=bottom][data-v-951d51cd] .popper__arrow{border-color:transparent transparent var(--color-inverted-border) transparent;border-width:0 12px 16px 12px;left:calc(50% - 12px);margin-bottom:0;margin-top:0;top:-16px}.ds-popOver[x-placement^=top][data-v-951d51cd]{margin-bottom:4px}.ds-popOver[x-placement^=top].-ds-visible-arrow[data-v-951d51cd]{margin-bottom:20px}.ds-popOver[x-placement^=top][data-v-951d51cd] .popper__arrow{border-color:var(--color-inverted-border) transparent transparent transparent;border-width:16px 12px 0 12px;bottom:-16px;left:calc(50% - 12px);margin-bottom:0;margin-top:0}.ds-popOver[x-placement^=right][data-v-951d51cd]{margin-left:4px}.ds-popOver[x-placement^=right].-ds-visible-arrow[data-v-951d51cd]{margin-left:20px}.ds-popOver[x-placement^=right][data-v-951d51cd] .popper__arrow{border-color:transparent var(--color-inverted-border) transparent transparent;border-width:12px 16px 12px 0;left:-16px;margin-left:0;margin-right:0;top:calc(50% - 12px)}.ds-popOver[x-placement^=left][data-v-951d51cd]{margin-right:4px}.ds-popOver[x-placement^=left].-ds-visible-arrow[data-v-951d51cd]{margin-right:20px}.ds-popOver[x-placement^=left][data-v-951d51cd] .popper__arrow{border-color:transparent transparent transparent var(--color-inverted-border);border-width:12px 0 12px 16px;margin-left:0;margin-right:0;right:-16px;top:calc(50% - 12px)}.ds-popOver__image[data-v-951d51cd]{border-top-left-radius:6px;border-top-right-radius:6px;max-width:100%}.ds-popOver__content[data-v-951d51cd]{--token: text-m-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-m);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-xs);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-heavy);padding:16px;text-align:left}.ds-popOver__title[data-v-951d51cd]{--token: heading-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-default-text);margin-bottom:8px}.ds-popOver__subtitle[data-v-951d51cd]{--token: heading-s-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text);margin-bottom:8px}.ds-popOver__button[data-v-951d51cd]{align-self:flex-end;margin:0 16px 12px}

package/docs/assets/PopOver.stories-BJ_iopV0.js

@@ -1,15 +0,0 @@
-import{P as r,a,b as n,c as u,d as l}from"./PopOver-CSAwBSLt.js";import"./vue-popper-DvW0McUW.js";import"./vue.esm-bundler-CB1k_OTz.js";import"./Button-CfhjLW95.js";import"./Icon-BK9kwBCG.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const y={title:"Components/PopOver",component:r},g=o=>({components:{PopOver:r},setup(){return o},template:'<div style="display: flex; align-items: center; justify-content: center; height: 800px; background: var(--raw-gray-50);"><pop-over :placement="placement" :color="color" :trigger-action="triggerAction" :title-text="titleText" :subtitle-text="subtitleText" :button-text="buttonText" :force-show="forceShow" :header-image-url="headerImageUrl" :size="size" :max-height="maxHeight" :is-pointer-visible="isPointerVisible"><template #reference><span style="background: var(--theme-100); border-radius: 4px; padding: 4px 8px;">click me!</span></template><div>{{ definitionSlot }}</div></pop-over></div>'}),e=g.bind({});e.args={size:l.SMALL,maxHeight:!1,placement:u.BOTTOM,color:n.DEFAULT,headerImageUrl:"https://wnl-platform-dev-kuba.s3.eu-central-1.amazonaws.com/public/illustation-StatusLekcji.png",titleText:"Lorem ipsum",subtitleText:"Dolor sit amet",buttonText:"button text",triggerAction:a.CLICK,forceShow:!1,isPointerVisible:!0,definitionSlot:"Bacon ipsum dolor amet t-bone meatball ground round turducken buffalo pork."};const d={size:{control:"select",options:Object.values(l)},placement:{control:"select",options:Object.values(u)},color:{control:"select",options:Object.values(n)},triggerAction:{control:"select",options:Object.values(a)}};e.argTypes=d;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=3590%3A67741"}};const f=o=>({components:{PopOver:r},props:Object.keys(o),template:'<div style="display: flex; align-items: center; justify-content: center; height: 800px"><pop-over :placement="placement" :color="color" :trigger-action="triggerAction" :title-text="titleText" :subtitle-text="subtitleText" :force-show="forceShow" :size="size" :max-height="maxHeight" :is-pointer-visible="isPointerVisible"><template #reference><span>click me!</span></template><template #default><b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork. <b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.</template></pop-over></div>'}),t=f.bind({});t.args={size:l.MEDIUM,maxHeight:!0,placement:u.BOTTOM,color:n.DEFAULT,titleText:"Lorem ipsum",subtitleText:"Dolor sit amet",triggerAction:a.CLICK,forceShow:!1,isPointerVisible:!1};t.argTypes=d;var i,s,p;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`args => ({
-  components: {
-    PopOver
-  },
-  setup() {
-    return args;
-  },
-  template: '<div style="display: flex; align-items: center; justify-content: center; height: 800px; background: var(--raw-gray-50);">' + '<pop-over :placement="placement" :color="color" :trigger-action="triggerAction" :title-text="titleText" :subtitle-text="subtitleText" :button-text="buttonText" :force-show="forceShow" :header-image-url="headerImageUrl" :size="size" :max-height="maxHeight" :is-pointer-visible="isPointerVisible">' + '<template #reference><span style="background: var(--theme-100); border-radius: 4px; padding: 4px 8px;">click me!</span></template>' + '<div>{{ definitionSlot }}</div>' + '</pop-over>' + '</div>'
-})`,...(p=(s=e.parameters)==null?void 0:s.docs)==null?void 0:p.source}}};var c,m,b;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`argTypes => ({
-  components: {
-    PopOver
-  },
-  props: Object.keys(argTypes),
-  template: '<div style="display: flex; align-items: center; justify-content: center; height: 800px">' + '<pop-over :placement="placement" :color="color" :trigger-action="triggerAction" :title-text="titleText" :subtitle-text="subtitleText" :force-show="forceShow" :size="size" :max-height="maxHeight" :is-pointer-visible="isPointerVisible">' + '<template #reference><span>click me!</span></template>' + '<template #default><b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork. <b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.<b>Bacon</b> ipsum dolor <u>amet</u> t-bone meatball ground round turducken buffalo pork.</template>' + '</pop-over>' + '</div>'
-})`,...(b=(m=t.parameters)==null?void 0:m.docs)==null?void 0:b.source}}};const B=["Interactive","PopOverMMaxHeightNoPointer"];export{e as Interactive,t as PopOverMMaxHeightNoPointer,B as __namedExportsOrder,y as default};

package/docs/assets/ProgressBar-BhSVzGJ8.js

@@ -1 +0,0 @@
-import{d as y,c as l,h as t,a as n,l as f,z as u,x as r,C as A,F as O,D as c,E as g,n as _,o as a}from"./vue.esm-bundler-CB1k_OTz.js";import{P as L,e as R,a as S,b as d,c as i,d as p}from"./ProgressBarLegendItem-zsIYduoZ.js";import{a as I,b as P,I as D}from"./Icon-BK9kwBCG.js";import{P as v}from"./ProgressBarLegend-C1Wy_cHb.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";const E=y({name:"ProgressBar",components:{ProgressBarLegend:v,DsIcon:I},props:{size:{type:String,default:p.SMALL,validator(e){return Object.values(p).includes(e)}},labelTextSize:{type:String,default:i.SMALL,validator(e){return Object.values(i).includes(e)}},ranges:{type:Array,required:!0,validator(e){return e.every(s=>s.start>=0&&s.length>=0&&s.start+s.length<=100)}},radius:{type:String,default:d.DEFAULT,validator(e){return Object.values(d).includes(e)}},layout:{type:String,default:S.DEFAULT,validator(e){return Object.values(S).includes(e)}},labelText:{type:String,default:null},labelData:{type:String,default:null},labelDataSupporting:{type:String,default:null},labelDataSuffix:{type:String,default:null},labelTextEllipsis:{type:Boolean,default:!1},badgePosition:{type:Number,default:null,validator(e){return e>=0&&e<=100}},badgeColor:{type:String,default:R.INFO,validator(e){return Object.values(R).includes(e)}},hasLegend:{type:Boolean,default:!1},legendSize:{type:String,default:L.SMALL},hasLegendPercentValue:{type:Boolean,default:!0}},data(){return{PROGRESS_BAR_SIZES:Object.freeze(p),PROGRESS_BAR_RADII:Object.freeze(d),PROGRESS_BAR_LAYOUTS:Object.freeze(S),PROGRESS_BAR_LABEL_TEXT_SIZES:Object.freeze(i),ICONS:Object.freeze(D),ICON_SIZES:Object.freeze(P)}},computed:{labelDataExists(){return this.labelData||this.labelDataSupporting||this.labelDataSuffix}}}),G={key:0,class:"ds-progressBar__label"},z=["title"],h={key:0,class:"ds-progressBar__labelDataWrapper"},C={key:0,class:"ds-progressBar__labelData"},N={key:1,class:"ds-progressBar__labelDataSupporting"},V={key:2,class:"ds-progressBar__labelDataSuffix"};function M(e,s,Z,j,k,U){const b=_("ds-icon"),m=_("progress-bar-legend");return a(),l("div",{class:r(["ds-progressBar",{"-ds-compact":e.layout===e.PROGRESS_BAR_LAYOUTS.COMPACT}])},[e.labelText||e.labelDataExists?(a(),l("div",G,[n("div",{class:r(["ds-progressBar__labelText",{"-ds-medium":e.labelTextSize===e.PROGRESS_BAR_LABEL_TEXT_SIZES.MEDIUM,"-ds-ellipsis":e.labelTextEllipsis}]),title:e.labelTextEllipsis?e.labelText:void 0},u(e.labelText),11,z),e.labelDataExists?(a(),l("div",h,[e.labelData?(a(),l("span",C,u(e.labelData),1)):t("",!0),e.labelDataSupporting?(a(),l("span",N,[s[0]||(s[0]=n("span",{class:"ds-progressBar__labelDataSeparator"},"/",-1)),A(" "+u(e.labelDataSupporting),1)])):t("",!0),e.labelDataSuffix?(a(),l("span",V,u(e.labelDataSuffix),1)):t("",!0)])):t("",!0)])):t("",!0),n("div",{class:r(["ds-progressBar__barWrapper",{"-ds-small":e.size===e.PROGRESS_BAR_SIZES.SMALL,"-ds-xsmall":e.size===e.PROGRESS_BAR_SIZES.XSMALL}])},[n("div",{class:r(["ds-progressBar__bar",{"-ds-noRadius":e.radius===e.PROGRESS_BAR_RADII.NONE}])},[(a(!0),l(O,null,c(e.ranges,(o,B)=>(a(),l("div",{key:B,class:r(["ds-progressBar__range",`-ds-${o.color}`]),style:g({left:o.start+"%",width:o.length+"%"})},null,6))),128))],2),e.badgePosition!==null?(a(),f(b,{key:0,class:r(["ds-progressBar__badge",{"-ds-small":e.size!==e.PROGRESS_BAR_SIZES.MEDIUM,[`-ds-${e.badgeColor}`]:!0}]),style:g(`left: ${e.badgePosition}%`),icon:e.ICONS.FA_LOCATION_DOT,size:e.size===e.PROGRESS_BAR_SIZES.MEDIUM?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.XXX_SMALL},null,8,["class","style","icon","size"])):t("",!0)],2),e.hasLegend?(a(),f(m,{key:1,class:"ds-progressBar__legend",ranges:e.ranges,layout:e.layout,size:e.legendSize,"has-percent-value":e.hasLegendPercentValue},null,8,["ranges","layout","size","has-percent-value"])):t("",!0)],2)}const w=T(E,[["render",M],["__scopeId","data-v-d53d1e74"]]);E.__docgenInfo={displayName:"ProgressBar",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"PROGRESS_BAR_SIZES.SMALL"}},{name:"labelTextSize",type:{name:"string"},defaultValue:{func:!1,value:"PROGRESS_BAR_LABEL_TEXT_SIZES.SMALL"}},{name:"ranges",type:{name:"Array<ProgressBarRange>"},required:!0},{name:"radius",type:{name:"string"},defaultValue:{func:!1,value:"PROGRESS_BAR_RADII.DEFAULT"}},{name:"layout",type:{name:"ProgressBarLayout"},defaultValue:{func:!1,value:"PROGRESS_BAR_LAYOUTS.DEFAULT"}},{name:"labelText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"labelData",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"labelDataSupporting",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"labelDataSuffix",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"labelTextEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"badgePosition",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"badgeColor",type:{name:"string"},defaultValue:{func:!1,value:"PROGRESS_BAR_BADGE_COLORS.INFO"}},{name:"hasLegend",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"legendSize",type:{name:"ProgressBarLegendSize"},defaultValue:{func:!1,value:"PROGRESS_BAR_LEGEND_SIZES.SMALL"}},{name:"hasLegendPercentValue",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/ProgressBar/ProgressBar.vue"]};export{w as P};

package/docs/assets/ProgressBar-nF03yKwK.css

@@ -1 +0,0 @@
-.ds-progressBar.-ds-compact .ds-progressBar__labelText[data-v-d53d1e74]{--token: label-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-3xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-progressBar.-ds-compact .ds-progressBar__labelText.-ds-medium[data-v-d53d1e74]{--token: label-l-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}.ds-progressBar.-ds-compact .ds-progressBar__label[data-v-d53d1e74]{margin-bottom:6px}.ds-progressBar__barWrapper[data-v-d53d1e74]{height:16px;position:relative}.ds-progressBar__barWrapper.-ds-small[data-v-d53d1e74]{height:8px}.ds-progressBar__barWrapper.-ds-xsmall[data-v-d53d1e74]{height:4px}.ds-progressBar__barWrapper.-ds-xsmall .ds-progressBar__bar[data-v-d53d1e74]:after{box-shadow:inset 0 1px 3px var(--color-default-shadow-heavy)}.ds-progressBar__bar[data-v-d53d1e74]{background-color:var(--color-default-background);border-radius:8px;height:100%;overflow:hidden;position:relative}.ds-progressBar__bar.-ds-noRadius[data-v-d53d1e74]{border-radius:0}.ds-progressBar__bar[data-v-d53d1e74]:after{box-shadow:inset 0 1px 4px var(--color-default-shadow-heavy);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.ds-progressBar__label[data-v-d53d1e74]{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:6px}@media(min-width:760px){.ds-progressBar__label[data-v-d53d1e74]{margin-bottom:6px}}.ds-progressBar__labelText[data-v-d53d1e74]{--token: label-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-3xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-heavy);max-width:70%}@media(min-width:760px){.ds-progressBar__labelText[data-v-d53d1e74]{--token: label-l-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}}.ds-progressBar__labelText.-ds-medium[data-v-d53d1e74]{--token: label-l-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-2xs);font-size:var(--typography-font-size-s);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}@media(min-width:760px){.ds-progressBar__labelText.-ds-medium[data-v-d53d1e74]{--token: label-xl-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-s);font-size:var(--typography-font-size-m);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none)}}.ds-progressBar__labelText.-ds-ellipsis[data-v-d53d1e74]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-progressBar__labelDataWrapper[data-v-d53d1e74]{--token: label-m-default-bold;font-weight:var(--typography-font-weight-bold);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-3xs);font-size:var(--typography-font-size-xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);align-items:baseline;color:var(--color-neutral-text-heavy);display:flex;flex-wrap:wrap;justify-content:right;margin-bottom:2px;margin-left:8px;max-width:30%}.ds-progressBar__labelDataSupporting[data-v-d53d1e74]{color:var(--color-neutral-text);display:flex;margin-left:2px}.ds-progressBar__labelDataSeparator[data-v-d53d1e74]{margin-right:2px}.ds-progressBar__labelDataSuffix[data-v-d53d1e74]{--token: label-s-default-regular;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-normal);line-height:var(--typography-line-height-4xs);font-size:var(--typography-font-size-2xs);letter-spacing:var(--typography-letter-spacing-s);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);color:var(--color-neutral-text-weak);margin-left:4px}.ds-progressBar__range.-ds-primaryMedium[data-v-d53d1e74]{background:var(--color-primary-data-medium)}.ds-progressBar__range.-ds-primary[data-v-d53d1e74]{background:var(--color-primary-data)}.ds-progressBar__range.-ds-primaryWeak[data-v-d53d1e74]{background:var(--color-primary-data-weak)}.ds-progressBar__range.-ds-primaryGhost[data-v-d53d1e74]{background:var(--color-primary-data-ghost)}.ds-progressBar__range.-ds-neutralMedium[data-v-d53d1e74]{background:var(--color-neutral-data-medium)}.ds-progressBar__range.-ds-neutral[data-v-d53d1e74]{background:var(--color-neutral-data)}.ds-progressBar__range.-ds-neutralWeak[data-v-d53d1e74]{background:var(--color-neutral-data-weak)}.ds-progressBar__range.-ds-neutralGhost[data-v-d53d1e74]{background:var(--color-neutral-data-ghost)}.ds-progressBar__range.-ds-infoMedium[data-v-d53d1e74]{background:var(--color-info-data-medium)}.ds-progressBar__range.-ds-info[data-v-d53d1e74]{background:var(--color-info-data)}.ds-progressBar__range.-ds-infoWeak[data-v-d53d1e74]{background:var(--color-info-data-weak)}.ds-progressBar__range.-ds-infoGhost[data-v-d53d1e74]{background:var(--color-info-data-ghost)}.ds-progressBar__range.-ds-successMedium[data-v-d53d1e74]{background:var(--color-success-data-medium)}.ds-progressBar__range.-ds-success[data-v-d53d1e74]{background:var(--color-success-data)}.ds-progressBar__range.-ds-successWeak[data-v-d53d1e74]{background:var(--color-success-data-weak)}.ds-progressBar__range.-ds-successGhost[data-v-d53d1e74]{background:var(--color-success-data-ghost)}.ds-progressBar__range.-ds-warningMedium[data-v-d53d1e74]{background:var(--color-warning-data-medium)}.ds-progressBar__range.-ds-warning[data-v-d53d1e74]{background:var(--color-warning-data)}.ds-progressBar__range.-ds-warningWeak[data-v-d53d1e74]{background:var(--color-warning-data-weak)}.ds-progressBar__range.-ds-warningGhost[data-v-d53d1e74]{background:var(--color-warning-data-ghost)}.ds-progressBar__range.-ds-failMedium[data-v-d53d1e74]{background:var(--color-fail-data-medium)}.ds-progressBar__range.-ds-fail[data-v-d53d1e74]{background:var(--color-fail-data)}.ds-progressBar__range.-ds-failWeak[data-v-d53d1e74]{background:var(--color-fail-data-weak)}.ds-progressBar__range.-ds-failGhost[data-v-d53d1e74]{background:var(--color-fail-data-ghost)}.ds-progressBar__range[data-v-d53d1e74]{height:100%;position:absolute;top:0}.ds-progressBar__badge.-ds-primary[data-v-d53d1e74]{background:var(--color-primary-background-medium);color:var(--color-primary-icon)}.ds-progressBar__badge.-ds-neutral[data-v-d53d1e74]{background:var(--color-neutral-background-medium);color:var(--color-neutral-icon)}.ds-progressBar__badge.-ds-info[data-v-d53d1e74]{background:var(--color-info-background-medium);color:var(--color-info-icon)}.ds-progressBar__badge.-ds-success[data-v-d53d1e74]{background:var(--color-success-background-medium);color:var(--color-success-icon)}.ds-progressBar__badge.-ds-warning[data-v-d53d1e74]{background:var(--color-warning-background-medium);color:var(--color-warning-icon)}.ds-progressBar__badge.-ds-fail[data-v-d53d1e74]{background:var(--color-fail-background-medium);color:var(--color-fail-icon)}.ds-progressBar__badge[data-v-d53d1e74]{align-items:center;border:1px solid var(--color-inverted-border);border-radius:50%;display:flex;height:24px;justify-content:center;margin-left:-12px;margin-top:-12px;position:absolute;top:50%;width:24px}.ds-progressBar__badge.-ds-small[data-v-d53d1e74]{height:16px;margin-left:-8px;margin-top:-8px;width:16px}