@bethinkpl/design-system 25.0.10 → 26.0.0

package/docs/assets/SectionTitle.stories-CSejCgQ5.js

@@ -0,0 +1,9 @@
+import{S as i,a as n}from"./SectionTitle-D5xtuuuO.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/SectionTitle",component:i},p=r=>({components:{SectionTitle:i},setup(){return r},template:'<section-title :size="size" :supporting-text="supportingText" :title-text="titleText" />'}),t=p.bind({}),a={supportingText:"",titleText:"Title",size:n.XS},c={size:{control:"select",options:Object.values(n)}};t.argTypes=c;t.args=a;t.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=6785-111037&t=2Z2n2tIHRHEsWjoW-4"}};var e,s,o;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`args => ({
+  components: {
+    SectionTitle
+  },
+  setup() {
+    return args;
+  },
+  template: \`<section-title :size="size" :supporting-text="supportingText" :title-text="titleText" />\`
+})`,...(o=(s=t.parameters)==null?void 0:s.docs)==null?void 0:o.source}}};const u=["Interactive"];export{t as Interactive,u as __namedExportsOrder,g as default};

package/docs/assets/SelectList-CQ9CvqLg.js

@@ -0,0 +1 @@
+import{d as t,o,c as n,f as c}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as a}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=t({name:"SelectList"}),r={class:"ds-selectList"};function i(s,d,l,m,p,_){return o(),n("div",r,[c(s.$slots,"default",{},void 0,!0)])}const S=a(e,[["render",i],["__scopeId","data-v-0e469fa9"]]);e.__docgenInfo={displayName:"SelectList",exportName:"default",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectList.vue"]};export{S};

package/docs/assets/SelectList.stories-CH2vWeZ4.js

@@ -0,0 +1,91 @@
+import{S as s}from"./SelectList-CQ9CvqLg.js";import{S as E,a as T,b as I,c as _}from"./SelectListItem-BKwWlXCo.js";import{I as r}from"./Icon-Dg-H1Zak.js";import{S as L}from"./SelectListItemDivider-CbO60ig_.js";import{S as m}from"./SelectListItemToggle-DKDUJYdT.js";import{S as d}from"./SelectListSectionTitle-CF7GIQ3x.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-DTjC3ra5.js";const j={title:"Components/SelectList",component:s},e=l=>({components:{SelectList:s,SelectListItem:E,SelectListItemDivider:L,SelectListItemToggle:m,SelectListSectionTitle:d},setup(){return l},template:`
+            <select-list>
+                <select-list-section-title label="Nazwa sekcji uppercasem tutaj" />
+                <select-list-item label="Small" :size="SELECT_LIST_ITEM_SIZES.SMALL"
+                                                    :selection-mode="SELECT_LIST_ITEM_SELECTION_MODE.TOGGLE" />
+                <select-list-item :icon-left="ICONS.FA_BAN" label="Medium" :size="SELECT_LIST_ITEM_SIZES.MEDIUM" is-selected
+                                                    :selection-mode="SELECT_LIST_ITEM_SELECTION_MODE.SELECT_ONLY" />
+                <select-list-item-divider />
+                <select-list-section-title label="I nazwa sekcji bez uppercase tutaj" :is-uppercase="false" />
+                <select-list-item-toggle :icon-off="ICONS.FA_STAR" :icon-on="ICONS.FA_STAR_SOLID" is-on label-on="Usuń z kolekcji"
+                                                                 label-off="Dodaj do kolekcji" />
+                <select-list-item-toggle :icon-off="ICONS.FA_STAR" :icon-on="ICONS.FA_STAR_SOLID" label-on="Usuń z kolekcji"
+                                                                 label-off="Dodaj do kolekcji" />
+                <select-list-item-toggle :icon-off="ICONS.FA_STAR" :icon-on="ICONS.FA_STAR_SOLID" :state="SELECT_LIST_ITEM_STATES.LOADING"
+                                                             label-on="Usuń z kolekcji" label-off="Dodaj do kolekcji w trakcie ładowania" />
+                <select-list-item-toggle :icon-off="ICONS.FA_STAR" :icon-on="ICONS.FA_STAR_SOLID" :state="SELECT_LIST_ITEM_STATES.DISABLED"
+                                                             label-on="Usuń z kolekcji" label-off="Dodaj do kolekcji w stanie disabled" />
+            </select-list>`,data(){return{ICONS:Object.freeze(r),SELECT_LIST_ITEM_SELECTION_MODE:Object.freeze(T),SELECT_LIST_ITEM_SIZES:Object.freeze(I),SELECT_LIST_ITEM_STATES:Object.freeze(_)}}});e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=0%3A1"}};const t=l=>({components:{SelectList:s,SelectListItem:E},props:Object.keys(l),template:`
+            <select-list>
+            <select-list-item
+                    :is-selected="selected === 0"
+                    label="Short text"
+                    @click.native="selected = 0"
+            />
+            <select-list-item
+                    :is-selected="selected === 1"
+                    label="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada commodo diam, a venenatis ipsum. Praesent vitae bibendum dolor."
+                    @click.native="selected = 1"
+            />
+            </select-list>`,data(){return{selected:0}}});var i,o,S;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:`args => ({
+  components: {
+    SelectList,
+    SelectListItem,
+    SelectListItemDivider,
+    SelectListItemToggle,
+    SelectListSectionTitle
+  },
+  setup() {
+    return args;
+  },
+  template: \`
+            <select-list>
+                <select-list-section-title label="Nazwa sekcji uppercasem tutaj" />
+                <select-list-item label="Small" :size="SELECT_LIST_ITEM_SIZES.SMALL"
+                                                    :selection-mode="SELECT_LIST_ITEM_SELECTION_MODE.TOGGLE" />
+                <select-list-item :icon-left="ICONS.FA_BAN" label="Medium" :size="SELECT_LIST_ITEM_SIZES.MEDIUM" is-selected
+                                                    :selection-mode="SELECT_LIST_ITEM_SELECTION_MODE.SELECT_ONLY" />
+                <select-list-item-divider />
+                <select-list-section-title label="I nazwa sekcji bez uppercase tutaj" :is-uppercase="false" />
+                <select-list-item-toggle :icon-off="ICONS.FA_STAR" :icon-on="ICONS.FA_STAR_SOLID" is-on label-on="Usuń z kolekcji"
+                                                                 label-off="Dodaj do kolekcji" />
+                <select-list-item-toggle :icon-off="ICONS.FA_STAR" :icon-on="ICONS.FA_STAR_SOLID" label-on="Usuń z kolekcji"
+                                                                 label-off="Dodaj do kolekcji" />
+                <select-list-item-toggle :icon-off="ICONS.FA_STAR" :icon-on="ICONS.FA_STAR_SOLID" :state="SELECT_LIST_ITEM_STATES.LOADING"
+                                                             label-on="Usuń z kolekcji" label-off="Dodaj do kolekcji w trakcie ładowania" />
+                <select-list-item-toggle :icon-off="ICONS.FA_STAR" :icon-on="ICONS.FA_STAR_SOLID" :state="SELECT_LIST_ITEM_STATES.DISABLED"
+                                                             label-on="Usuń z kolekcji" label-off="Dodaj do kolekcji w stanie disabled" />
+            </select-list>\`,
+  data() {
+    return {
+      ICONS: Object.freeze(ICONS),
+      SELECT_LIST_ITEM_SELECTION_MODE: Object.freeze(SELECT_LIST_ITEM_SELECTION_MODE),
+      SELECT_LIST_ITEM_SIZES: Object.freeze(SELECT_LIST_ITEM_SIZES),
+      SELECT_LIST_ITEM_STATES: Object.freeze(SELECT_LIST_ITEM_STATES)
+    };
+  }
+})`,...(S=(o=e.parameters)==null?void 0:o.docs)==null?void 0:S.source}}};var c,n,a;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`argTypes => ({
+  components: {
+    SelectList,
+    SelectListItem
+  },
+  props: Object.keys(argTypes),
+  template: \`
+            <select-list>
+            <select-list-item
+                    :is-selected="selected === 0"
+                    label="Short text"
+                    @click.native="selected = 0"
+            />
+            <select-list-item
+                    :is-selected="selected === 1"
+                    label="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut malesuada commodo diam, a venenatis ipsum. Praesent vitae bibendum dolor."
+                    @click.native="selected = 1"
+            />
+            </select-list>\`,
+  data() {
+    return {
+      selected: 0
+    };
+  }
+})`,...(a=(n=t.parameters)==null?void 0:n.docs)==null?void 0:a.source}}};const N=["Mix","SelectableList"];export{e as Mix,t as SelectableList,N as __namedExportsOrder,j as default};

package/docs/assets/SelectListItem-BKwWlXCo.js

@@ -0,0 +1 @@
+import{a as E,I as i,b as I}from"./Icon-Dg-H1Zak.js";import{d as p,t as _,o as s,c as a,b as o,h as r,a as d,n as c,k as u,r as m}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={SELECT_ONLY:"selectOnly",TOGGLE:"toggle"},S={X_SMALL:"xSmall",SMALL:"small",MEDIUM:"medium"},t={DEFAULT:"default",LOADING:"loading",DISABLED:"disabled"},L=p({name:"SelectListItem",components:{DsIcon:E},props:{iconLeft:{type:Object,default:null,validator(e){return Object.values(i).includes(_(e))}},isSelected:{type:Boolean,default:!1},label:{type:String,required:!0},eyebrowText:{type:String,default:""},isEyebrowTextUppercase:{type:Boolean,default:!1},selectionMode:{type:String,default:l.SELECT_ONLY,validator(e){return Object.values(l).includes(e)}},size:{type:String,default:S.SMALL,validator(e){return Object.values(S).includes(e)}},state:{type:String,default:t.DEFAULT,validator(e){return Object.values(t).includes(e)}}},data(){return{ICON_SIZES:Object.freeze(I),ICONS:Object.freeze(i),SELECT_LIST_ITEM_SELECTION_MODE:Object.freeze(l),SELECT_LIST_ITEM_STATES:Object.freeze(t)}},computed:{isLoading(){return this.state===t.LOADING},isDisabled(){return this.state===t.DISABLED}}}),T=["title"],y={class:"ds-selectListItem__textWrapper"},b={class:"ds-selectListItem__text"},O={key:2,class:"ds-selectListItem__placeholderRight"};function g(e,C,M,N,v,D){const n=m("ds-icon");return s(),a("div",{class:c(["ds-selectListItem",{"-ds-disabled":e.isDisabled,"-ds-loading":e.isLoading,"-ds-selected":e.isSelected,[`-ds-${e.size}`]:!0,[`-ds-${e.selectionMode}`]:!0}]),title:e.label},[e.iconLeft||e.isLoading?(s(),o(n,{key:0,class:"ds-selectListItem__iconLeft",icon:e.isLoading?e.ICONS.FAD_SPINNER_THIRD:e.iconLeft,size:e.ICON_SIZES.X_SMALL,spinning:e.isLoading},null,8,["icon","size","spinning"])):r("",!0),d("span",y,[e.eyebrowText?(s(),a("span",{key:0,class:c(["ds-selectListItem__eyebrowText",{"-ds-uppercase":e.isEyebrowTextUppercase}])},u(e.eyebrowText),3)):r("",!0),d("span",b,u(e.label),1)]),e.isSelected?(s(),o(n,{key:1,class:"ds-selectListItem__iconRight",icon:e.ICONS.FA_CHECK_SOLID,size:e.ICON_SIZES.XX_SMALL},null,8,["icon","size"])):(s(),a("div",O))],10,T)}const j=f(L,[["render",g],["__scopeId","data-v-d6779253"]]);L.__docgenInfo={displayName:"SelectListItem",exportName:"default",description:"",tags:{},props:[{name:"iconLeft",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"label",type:{name:"string"},required:!0},{name:"eyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"isEyebrowTextUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"selectionMode",type:{name:"string"},defaultValue:{func:!1,value:"SELECT_LIST_ITEM_SELECTION_MODE.SELECT_ONLY"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"SELECT_LIST_ITEM_SIZES.SMALL"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"SELECT_LIST_ITEM_STATES.DEFAULT"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListItem/SelectListItem.vue"]};export{j as S,l as a,S as b,t as c};

package/docs/assets/SelectListItem.stories-DBfd5lux.js

@@ -0,0 +1,36 @@
+import{S as n,b as r,c,a}from"./SelectListItem-BKwWlXCo.js";import{I as i}from"./Icon-Dg-H1Zak.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const E={title:"Components/SelectList/SelectListItem",component:n},p=l=>({components:{SelectListItem:n},setup(){return l},template:`
+            <select-list-item
+                    :icon-left="ICONS[iconLeft]"
+                    :label="label"
+                    :eyebrow-text="eyebrowText"
+                    :is-eyebrow-text-uppercase="isEyebrowTextUppercase"
+                    :is-selected="isSelected"
+                    :selection-mode="selectionMode"
+                    :size="size"
+                    :state="state"
+            />
+    `,data(){return{ICONS:Object.freeze(i)}}}),e=p.bind({}),S={size:r.SMALL,iconLeft:null,label:"Label",eyebrowText:"Eyebrow Text",isEyebrowTextUppercase:!1,state:c.DEFAULT,isSelected:!1,selectionMode:a.SELECT_ONLY},m={iconLeft:{control:"select",options:[null,...Object.keys(i)]},selectionMode:{control:"select",options:Object.values(a)},size:{control:"select",options:Object.values(r)},state:{control:"select",options:Object.values(c)}};e.argTypes=m;e.args=S;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=854%3A20150&t=rKEt9RQrHIDsfC7p-4"}};var t,s,o;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
+  components: {
+    SelectListItem
+  },
+  setup() {
+    return args;
+  },
+  template: \`
+            <select-list-item
+                    :icon-left="ICONS[iconLeft]"
+                    :label="label"
+                    :eyebrow-text="eyebrowText"
+                    :is-eyebrow-text-uppercase="isEyebrowTextUppercase"
+                    :is-selected="isSelected"
+                    :selection-mode="selectionMode"
+                    :size="size"
+                    :state="state"
+            />
+    \`,
+  data() {
+    return {
+      ICONS: Object.freeze(ICONS)
+    };
+  }
+})`,...(o=(s=e.parameters)==null?void 0:s.docs)==null?void 0:o.source}}};const L=["Interactive"];export{e as Interactive,L as __namedExportsOrder,E as default};

package/docs/assets/SelectListItemDivider-CbO60ig_.js

@@ -0,0 +1 @@
+import{D as s}from"./Divider-DTjC3ra5.js";import{d as i,o,c as r,g as c,r as n}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e=i({name:"SelectListItemDivider",components:{Divider:s}}),m={class:"ds-selectListItemDivider"};function a(p,_,l,v,f,D){const t=n("divider");return o(),r("div",m,[c(t)])}const S=d(e,[["render",a],["__scopeId","data-v-7be247cc"]]);e.__docgenInfo={displayName:"SelectListItemDivider",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.vue"]};export{S};

package/docs/assets/SelectListItemDivider.stories-Ca-S4U9X.js

@@ -0,0 +1,8 @@
+import{S as r}from"./SelectListItemDivider-CbO60ig_.js";import"./Divider-DTjC3ra5.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const p={title:"Components/SelectList/SelectListItemDivider",component:r},o=()=>({components:{SelectListItemDivider:r},template:`
+            <select-list-item-divider />`}),e=o.bind({});e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=4890%3A82025&t=rKEt9RQrHIDsfC7p-4"}};var t,i,s;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`() => ({
+  components: {
+    SelectListItemDivider
+  },
+  template: \`
+            <select-list-item-divider />\`
+})`,...(s=(i=e.parameters)==null?void 0:i.docs)==null?void 0:s.source}}};const d=["Static"];export{e as Static,d as __namedExportsOrder,p as default};

package/docs/assets/SelectListItemTile-BzyPjJ19.js

@@ -0,0 +1 @@
+import{b as i,p as o}from"./Tile-DIUUFinY.js";import{d as l,o as r,c as n,g as a,r as c}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t=l({name:"SelectListItemTile",components:{DsTile:i},props:o}),d={class:"ds-selectListItemTile"};function m(e,f,b,y,T,u){const s=c("ds-tile");return r(),n("div",d,[a(s,{interactive:e.interactive,"icon-left":e.iconLeft,"icon-right":e.iconRight,text:e.text,"eyebrow-text":e.eyebrowText,"additional-text":e.additionalText,color:e.color,"is-eyebrow-text-uppercase":e.isEyebrowTextUppercase,state:e.state,"eyebrow-ellipsis":e.eyebrowEllipsis,"text-ellipsis":e.textEllipsis},null,8,["interactive","icon-left","icon-right","text","eyebrow-text","additional-text","color","is-eyebrow-text-uppercase","state","eyebrow-ellipsis","text-ellipsis"])])}const I=p(t,[["render",m],["__scopeId","data-v-ebd39a6e"]]);t.__docgenInfo={displayName:"SelectListItemTile",exportName:"default",description:"",tags:{},sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue"]};export{I as S};

package/docs/assets/SelectListItemTile.stories-D6R95vJo.js

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

package/docs/assets/SelectListItemToggle-DKDUJYdT.js

@@ -0,0 +1 @@
+import{S as o,b as l,c as t,a as r}from"./SelectListItem-BKwWlXCo.js";import{I as a}from"./Icon-Dg-H1Zak.js";import{d as u,t as n,o as c,b as f,r as m}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s=u({name:"SelectListItemToggle",components:{SelectListItem:o},props:{iconOff:{type:Object,default:null,validator(e){return Object.values(a).includes(n(e))}},iconOn:{type:Object,default:null,validator(e){return Object.values(a).includes(n(e))}},isOn:{type:Boolean,default:!1},labelOff:{type:String,required:!0},labelOn:{type:String,required:!0},size:{type:String,default:l.SMALL,validator(e){return Object.values(l).includes(e)}},state:{type:String,default:t.DEFAULT,validator(e){return Object.values(t).includes(e)}}},data(){return{SELECT_LIST_ITEM_SELECTION_MODE:Object.freeze(r),SELECT_LIST_ITEM_STATES:Object.freeze(t)}},computed:{icon(){return this.isOn?this.iconOn:this.iconOff},label(){return this.isOn?this.labelOn:this.labelOff}}});function T(e,E,d,p,_,L){const i=m("select-list-item");return c(),f(i,{class:"ds-selectListItemToggle","icon-left":e.icon,state:e.state,label:e.label,"selection-mode":e.SELECT_LIST_ITEM_SELECTION_MODE.TOGGLE,size:e.size},null,8,["icon-left","state","label","selection-mode","size"])}const y=S(s,[["render",T]]);s.__docgenInfo={displayName:"SelectListItemToggle",exportName:"default",description:"",tags:{},props:[{name:"iconOff",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"iconOn",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isOn",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"labelOff",type:{name:"string"},required:!0},{name:"labelOn",type:{name:"string"},required:!0},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"SELECT_LIST_ITEM_SIZES.SMALL"}},{name:"state",type:{name:"string"},defaultValue:{func:!1,value:"SELECT_LIST_ITEM_STATES.DEFAULT"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue"]};export{y as S};

package/docs/assets/SelectListItemToggle.stories-DkgRkLc4.js

@@ -0,0 +1,51 @@
+import{S as a}from"./SelectListItemToggle-DKDUJYdT.js";import{I as n}from"./Icon-Dg-H1Zak.js";import{b as l,c as r}from"./SelectListItem-BKwWlXCo.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const{useArgs:O}=__STORYBOOK_MODULE_PREVIEW_API__,T={title:"Components/SelectList/SelectListItemToggle",component:a},f=c=>{const[g,t]=O();return{components:{SelectListItemToggle:a},setup(){return c},template:`
+                <select-list-item-toggle
+                        :icon-off="ICONS[iconOff]"
+                        :icon-on="ICONS[iconOn]"
+                        :is-on="isOn"
+                        :label-off="labelOff"
+                        :label-on="labelOn"
+                        :size="size"
+                        :state="state"
+                        @click.native="onClick"
+                />
+        `,data(){return{ICONS:Object.freeze(n)}},methods:{onClick(){t({isLoading:!0}),setTimeout(()=>t({isLoading:!1,isOn:!this.isOn}),1e3)}}}},e=f.bind({}),m={size:l.SMALL,labelOff:"Label off",labelOn:"Label on",iconOff:"FA_STAR",iconOn:"FA_STAR_SOLID",state:r.DEFAULT,isOn:!1},p={iconOff:{control:"select",options:[null,...Object.keys(n)]},iconOn:{control:"select",options:[null,...Object.keys(n)]},size:{control:"select",options:Object.values(l)},state:{control:"select",options:Object.values(r)}};e.argTypes=p;e.args=m;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=5367%3A96717&t=rKEt9RQrHIDsfC7p-4"}};var s,o,i;e.parameters={...e.parameters,docs:{...(s=e.parameters)==null?void 0:s.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  return {
+    components: {
+      SelectListItemToggle
+    },
+    setup() {
+      return args;
+    },
+    template: \`
+                <select-list-item-toggle
+                        :icon-off="ICONS[iconOff]"
+                        :icon-on="ICONS[iconOn]"
+                        :is-on="isOn"
+                        :label-off="labelOff"
+                        :label-on="labelOn"
+                        :size="size"
+                        :state="state"
+                        @click.native="onClick"
+                />
+        \`,
+    data() {
+      return {
+        ICONS: Object.freeze(ICONS)
+      };
+    },
+    methods: {
+      onClick() {
+        updateArgs({
+          isLoading: true
+        });
+        setTimeout(() => updateArgs({
+          isLoading: false,
+          // @ts-ignore
+          isOn: !this.isOn
+        }), 1000);
+      }
+    }
+  };
+}`,...(i=(o=e.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};const _=["Interactive"];export{e as Interactive,_ as __namedExportsOrder,T as default};

package/docs/assets/SelectListSectionTitle-CF7GIQ3x.js

@@ -0,0 +1 @@
+import{d as s,o as i,c as a,k as n,n as o}from"./vue.esm-bundler-Dgz4BqwH.js";import{_ as r}from"./_plugin-vue_export-helper-DlAUqK2U.js";const t=s({name:"SelectListSectionTitle",props:{label:{type:String,required:!0},isUppercase:{type:Boolean,default:!0}}});function l(e,c,p,d,m,u){return i(),a("div",{class:o(["ds-selectListSectionTitle",{"-ds-isUppercase":e.isUppercase}])},n(e.label),3)}const _=r(t,[["render",l],["__scopeId","data-v-eb1d7ae5"]]);t.__docgenInfo={displayName:"SelectListSectionTitle",exportName:"default",description:"",tags:{},props:[{name:"label",type:{name:"string"},required:!0},{name:"isUppercase",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue"]};export{_ as S};

package/docs/assets/SelectListSectionTitle.stories-CUJ-nWui.js

@@ -0,0 +1,16 @@
+import{S as l}from"./SelectListSectionTitle-CF7GIQ3x.js";import{S as n}from"./SelectList-CQ9CvqLg.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/SelectList/SelectListSectionTitle",component:l},o=r=>({components:{SelectList:n,SelectListSectionTitle:l},setup(){return r},template:`
+        <select-list>
+            <select-list-section-title :label="label" :is-uppercase="isUppercase" />
+        </select-list>`}),c={label:{control:"text"},isUppercase:{control:"boolean"}},e=o.bind({});e.args={label:"Select List Section Title",isUppercase:!0};e.argTypes=c;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=5367-94240&t=rgPXAVgiWbp0FLGZ-4"}};var t,s,i;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
+  components: {
+    SelectList,
+    SelectListSectionTitle
+  },
+  setup() {
+    return args;
+  },
+  template: \`
+        <select-list>
+            <select-list-section-title :label="label" :is-uppercase="isUppercase" />
+        </select-list>\`
+})`,...(i=(s=e.parameters)==null?void 0:s.docs)==null?void 0:i.source}}};const d=["Interactive"];export{e as Interactive,d as __namedExportsOrder,g as default};

package/docs/assets/SelectionControl-CBn6SHix.js

@@ -0,0 +1 @@
+import{d as m,t as i,o as r,c as u,a as l,g as O,k as L,h as C,n as T,r as E}from"./vue.esm-bundler-Dgz4BqwH.js";import{a as f,I as d,b as a}from"./Icon-Dg-H1Zak.js";import{_ as I}from"./_plugin-vue_export-helper-DlAUqK2U.js";const n={X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium"},o={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},c={RADIO_BUTTON:"radioButton",CHECKBOX:"checkbox"},p=m({name:"SelectionControl",components:{Icon:f},props:{size:{type:String,default:n.SMALL,validator(e){return Object.values(n).includes(e)}},label:{type:String,default:null},isSelected:{type:Boolean,default:!1},state:{type:String,default:o.DEFAULT,validator(e){return Object.values(o).includes(e)}},selectedIcon:{type:Object,required:!0,validator(e){return Object.values(d).includes(i(e))}},notSelectedIcon:{type:Object,required:!0,validator(e){return Object.values(d).includes(i(e))}},type:{type:String,required:!0,validator(e){return Object.values(c).includes(e)}}},emits:["update:is-selected","input:focus","input:blur"],data(){return{isFocused:!1,SELECTION_CONTROL_STATE:Object.freeze(o),SELECTION_CONTROL_TYPE:Object.freeze(c)}},computed:{icon(){return this.isSelected?this.selectedIcon:this.notSelectedIcon},iconSize(){return this.size===n.X_SMALL?a.XX_SMALL:this.size===n.SMALL?a.X_SMALL:a.SMALL}},methods:{onToggle(){this.state===o.DISABLED||this.state===o.LOADING||this.$emit("update:is-selected",!this.isSelected)},onFocus(){this.isFocused=!0,this.$emit("input:focus")},onBlur(){this.isFocused=!1,this.$emit("input:blur")}}}),N={class:"ds-selectionControl__iconWrapper"},_={key:0,class:"ds-selectionControl__labelWrapper"},b={class:"ds-selectionControl__label"},y=["type","value"];function A(e,t,g,v,h,D){const S=E("icon");return r(),u("label",{class:T(["ds-selectionControl",[`-ds-${e.size}`,{"-ds-selected":e.isSelected,"-ds-default":e.state===e.SELECTION_CONTROL_STATE.DEFAULT,"-ds-disabled":e.state===e.SELECTION_CONTROL_STATE.DISABLED,"-ds-loading":e.state===e.SELECTION_CONTROL_STATE.LOADING,"-ds-focused":e.isFocused}]])},[l("span",N,[O(S,{icon:e.icon,size:e.iconSize,class:"ds-selectionControl__icon"},null,8,["icon","size"])]),e.label?(r(),u("span",_,[l("span",b,L(e.label),1)])):C("",!0),l("input",{type:e.type===e.SELECTION_CONTROL_TYPE.CHECKBOX?"checkbox":"radio",class:"ds-selectionControl__checkbox",value:e.isSelected,onChange:t[0]||(t[0]=(...s)=>e.onToggle&&e.onToggle(...s)),onFocus:t[1]||(t[1]=(...s)=>e.onFocus&&e.onFocus(...s)),onBlur:t[2]||(t[2]=(...s)=>e.onBlur&&e.onBlur(...s))},null,40,y)],2)}const R=I(p,[["render",A],["__scopeId","data-v-637931a0"]]);p.__docgenInfo={displayName:"SelectionControl",exportName:"default",description:"",tags:{},props:[{name:"size",type:{name:"SelectionControlSize"},defaultValue:{func:!1,value:"SELECTION_CONTROL_SIZE.SMALL"}},{name:"label",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"SelectionControlState"},defaultValue:{func:!1,value:"SELECTION_CONTROL_STATE.DEFAULT"}},{name:"selectedIcon",type:{name:"object"},required:!0},{name:"notSelectedIcon",type:{name:"object"},required:!0},{name:"type",type:{name:"SelectionControlType"},required:!0}],events:[{name:"update:is-selected",type:{names:["undefined"]}},{name:"input:focus"},{name:"input:blur"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Form/SelectionControl/SelectionControl.vue"]};export{n as S,o as a,R as b,c};

package/docs/assets/SelectionControl.sb.shared-BWifjoMU.js

@@ -0,0 +1,2 @@
+const s=e=>`
+		<${e} v-bind="args" @update:is-selected="onIsSelectedUpdated"/>`,l=(e,t)=>({size:{control:"select",options:Object.values(e)},label:{control:"text"},isSelected:{control:"boolean"},state:{control:"select",options:Object.values(t)}}),a=(e,t)=>({label:"Example label",isSelected:!1,size:e.SMALL,state:t.DEFAULT});export{l as a,a as b,s as t};

package/docs/assets/SelectionTile-ofCDS758.js

@@ -0,0 +1,2 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["./Checkbox-iiCRqb9X.js","./vue.esm-bundler-Dgz4BqwH.js","./SelectionControl-CBn6SHix.js","./Icon-Dg-H1Zak.js","./_plugin-vue_export-helper-DlAUqK2U.js","./RadioButton-D1hHJ5gw.js"])))=>i.map(i=>d[i]);
+import{_ as d}from"./iframe-Bne3a0Lw.js";import{d as L,x as u,t as O,o as n,c as r,a as i,b as c,y as m,k as p,h as T,n as _,r as f}from"./vue.esm-bundler-Dgz4BqwH.js";import{a as C,I as E,b as N}from"./Icon-Dg-H1Zak.js";import{b as A,S as D,a as o}from"./SelectionControl-CBn6SHix.js";import{_ as g}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a={RADIO_BUTTON:"radioButton",CHECKBOX:"checkbox"},t={DEFAULT:"default",DISABLED:"disabled",LOADING:"loading"},y={[t.DEFAULT]:o.DEFAULT,[t.LOADING]:o.LOADING,[t.DISABLED]:o.DISABLED},I=L({name:"SelectionTile",components:{SelectionControl:A,Icon:C,Checkbox:u(()=>d(()=>import("./Checkbox-iiCRqb9X.js").then(e=>e.b),__vite__mapDeps([0,1,2,3,4]),import.meta.url)),RadioButton:u(()=>d(()=>import("./RadioButton-D1hHJ5gw.js").then(e=>e.c),__vite__mapDeps([5,1,2,3,4]),import.meta.url))},props:{type:{type:String,default:a.RADIO_BUTTON,validator(e){return Object.values(a).includes(e)}},title:{type:String,required:!0},supportingText:{type:String,default:null},icon:{type:Object,default:null,validator(e){return Object.values(E).includes(O(e))}},isSelected:{type:Boolean,default:!1},state:{type:String,default:t.DEFAULT,validator(e){return Object.values(t).includes(e)}}},emits:["update:is-selected","icon-click"],data(){return{ICONS:Object.freeze(E),ICON_SIZES:Object.freeze(N),SELECTION_CONTROL_SIZE:Object.freeze(D),SELECTION_TILE_STATE:Object.freeze(t),SELECTION_TILE_TYPE:Object.freeze(a),SELECTION_CONTROL_STATE_MAP:y,inputIsFocused:!1}},computed:{isLoading(){return this.state===t.LOADING}},methods:{updateIsSelected(e){this.isLoading||this.state===t.DISABLED||this.$emit("update:is-selected",e)},onIconClick(e){this.isLoading||(e.stopPropagation(),this.$emit("icon-click"))},onInputFocus(){this.inputIsFocused=!0},onInputBlur(){this.inputIsFocused=!1}}}),b={class:"ds-selectionTile__wrapper"},v={class:"ds-selectionTile__textWrapper"},B={class:"ds-selectionTile__title"},k={key:0,class:"ds-selectionTile__supportingText"};function h(e,s,R,F,j,P){const S=f("icon");return n(),r("div",{class:_(["ds-selectionTile",[{"-ds-selected":e.isSelected,"-ds-default":e.state===e.SELECTION_TILE_STATE.DEFAULT,"-ds-disabled":e.state===e.SELECTION_TILE_STATE.DISABLED,"-ds-loading":e.isLoading,"-ds-focused":e.inputIsFocused&&!e.isLoading}]]),onClick:s[1]||(s[1]=l=>e.updateIsSelected(!e.isSelected))},[i("div",b,[(n(),c(m(e.type===e.SELECTION_TILE_TYPE.RADIO_BUTTON?"radio-button":"checkbox"),{size:e.SELECTION_CONTROL_SIZE.X_SMALL,"is-selected":e.isSelected,state:e.SELECTION_CONTROL_STATE_MAP[e.state],"onUpdate:isSelected":s[0]||(s[0]=l=>e.updateIsSelected(l)),"onInput:focus":e.onInputFocus,"onInput:blur":e.onInputBlur},null,40,["size","is-selected","state","onInput:focus","onInput:blur"])),i("div",v,[i("div",B,p(e.title),1),e.supportingText?(n(),r("div",k,p(e.supportingText),1)):T("",!0)])]),e.icon||e.isLoading?(n(),c(S,{key:0,class:"ds-selectionTile__icon",icon:e.isLoading?e.ICONS.FAD_SPINNER_THIRD:e.icon,size:e.ICON_SIZES.X_SMALL,spinning:e.isLoading,onClick:e.onIconClick},null,8,["icon","size","spinning","onClick"])):T("",!0)],2)}const G=g(I,[["render",h],["__scopeId","data-v-e2d48501"]]);I.__docgenInfo={displayName:"SelectionTile",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"SelectionTileType"},defaultValue:{func:!1,value:"SELECTION_TILE_TYPE.RADIO_BUTTON"}},{name:"title",type:{name:"string"},required:!0},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"icon",type:{name:"object"},defaultValue:{func:!1,value:"null"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"state",type:{name:"SelectionTileState"},defaultValue:{func:!1,value:"SELECTION_TILE_STATE.DEFAULT"}}],events:[{name:"update:is-selected",type:{names:["undefined"]}},{name:"icon-click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/SelectionTile/SelectionTile.vue"]};export{G as S,a,t as b};

package/docs/assets/SelectionTile.stories-B-6k9_3U.js

@@ -0,0 +1,47 @@
+import{S as i,a as c,b as l}from"./SelectionTile-ofCDS758.js";import{I as r}from"./Icon-Dg-H1Zak.js";import{w as d}from"./decorator-CSnIf-k5.js";import"./iframe-Bne3a0Lw.js";import"../sb-preview/runtime.js";import"./vue.esm-bundler-Dgz4BqwH.js";import"./SelectionControl-CBn6SHix.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./v4-BZawosSj.js";const{useArgs:m}=__STORYBOOK_MODULE_PREVIEW_API__,k={title:"Components/SelectionTile",component:i,decorators:[t=>({components:{story:t},template:"<div style='display: flex; max-width: 300px;'><story /></div>"}),d]},S=t=>{const[u,p]=m();return{components:{SelectionTile:i},setup(){return t},methods:{onIsSelectedUpdated(a){p({isSelected:a})},onIconClick(){alert("Klik w ikonę")}},data(){return{ICONS:Object.freeze(r)}},template:`
+            <SelectionTile
+                :title="title"
+                :supporting-text="supportingText"
+                :type="type"
+                :icon="ICONS[icon]"
+                :is-selected="isSelected"
+                :state="state"
+                @icon-click="onIconClick"
+                @update:is-selected="onIsSelectedUpdated"
+            />`}},e=S.bind({});e.argTypes={type:{control:"select",options:Object.values(c)},title:{control:"text"},supportingText:{control:"text"},icon:{control:"select",options:[null,...Object.keys(r)]},isSelected:{control:"boolean"},state:{control:"select",options:Object.values(l)}};e.args={type:c.RADIO_BUTTON,title:"Example title",supportingText:"",icon:null,isSelected:!1,state:l.DEFAULT};e.parameters={actions:{handles:["click"]},design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=6085-110809&t=436AgbJEEFBphXVn-0"}};var n,o,s;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`args => {
+  const [_, updateArgs] = useArgs();
+  return {
+    components: {
+      SelectionTile
+    },
+    setup() {
+      return args;
+    },
+    methods: {
+      onIsSelectedUpdated(isSelected) {
+        updateArgs({
+          isSelected
+        });
+      },
+      onIconClick() {
+        alert('Klik w ikonę');
+      }
+    },
+    data() {
+      return {
+        ICONS: Object.freeze(ICONS)
+      };
+    },
+    template: \`
+            <SelectionTile
+                :title="title"
+                :supporting-text="supportingText"
+                :type="type"
+                :icon="ICONS[icon]"
+                :is-selected="isSelected"
+                :state="state"
+                @icon-click="onIconClick"
+                @update:is-selected="onIsSelectedUpdated"
+            />\`
+  };
+}`,...(s=(o=e.parameters)==null?void 0:o.docs)==null?void 0:s.source}}};const f=["Interactive"];export{e as Interactive,f as __namedExportsOrder,k as default};