@bethinkpl/design-system 26.10.2 → 26.11.0

package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts

@@ -674,11 +674,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         size: string;
         type: string;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
-        elevation: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -749,8 +749,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
             rotation: number;
+            size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
@@ -1306,9 +1306,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: string;
         touchable: boolean;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
-        elevation: string;
         colorScheme: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1380,8 +1380,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
             rotation: number;
+            size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
@@ -1738,11 +1738,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             size: string;
             type: string;
             color: string;
+            elevation: string;
             radius: string;
             state: string;
             iconLeft: Record<string, any>;
             iconRight: Record<string, any>;
-            elevation: string;
         }, {}, {
             WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 icon: {
@@ -1813,8 +1813,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                size: string;
                 rotation: number;
+                size: string;
                 flippedVertical: boolean;
                 flippedHorizontal: boolean;
                 touchable: boolean;
@@ -2143,8 +2143,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
             rotation: number;
+            size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;

package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts

@@ -934,9 +934,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: string;
         touchable: boolean;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
-        elevation: string;
         colorScheme: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1008,8 +1008,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
             rotation: number;
+            size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
@@ -1366,11 +1366,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             size: string;
             type: string;
             color: string;
+            elevation: string;
             radius: string;
             state: string;
             iconLeft: Record<string, any>;
             iconRight: Record<string, any>;
-            elevation: string;
         }, {}, {
             WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 icon: {
@@ -1441,8 +1441,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                size: string;
                 rotation: number;
+                size: string;
                 flippedVertical: boolean;
                 flippedHorizontal: boolean;
                 touchable: boolean;
@@ -1618,8 +1618,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
             rotation: number;
+            size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
@@ -1947,8 +1947,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
             rotation: number;
+            size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;
@@ -2306,11 +2306,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         size: string;
         type: string;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
-        elevation: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -2381,8 +2381,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
             rotation: number;
+            size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;

package/dist/lib/js/components/SurveyToggle/SurveyToggle.vue.d.ts

@@ -164,8 +164,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string;
         rotation: number;
+        size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;

package/dist/lib/js/components/Switch/Switch.vue.d.ts

@@ -410,8 +410,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string;
         rotation: number;
+        size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;

package/dist/lib/js/components/TabItem/TabItem.vue.d.ts

@@ -60,9 +60,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
+    icon: Record<string, any> | null;
     size: string;
     label: string | null;
-    icon: Record<string, any> | null;
     labelEllipsis: boolean;
 }, {}, {
     DsIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -134,8 +134,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string;
         rotation: number;
+        size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;

package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts

@@ -227,8 +227,8 @@ export declare const data: () => {
         readonly DANGER: "danger";
     }>;
     allowedColorsToBorderColorsMap: {
-        neutral: ("neutral" | "neutralWeak" | "primary" | "primaryWeak")[];
-        neutralWeak: ("neutral" | "neutralWeak" | "primary" | "primaryWeak")[];
+        neutral: ("primary" | "neutral" | "neutralWeak" | "primaryWeak")[];
+        neutralWeak: ("primary" | "neutral" | "neutralWeak" | "primaryWeak")[];
         primary: ("primary" | "primaryWeak")[];
         success: ("success" | "successWeak")[];
         fail: ("fail" | "failWeak")[];
@@ -938,11 +938,11 @@ export declare const components: {
             size: string;
             type: string;
             color: string;
+            elevation: string;
             radius: string;
             state: string;
             iconLeft: Record<string, any>;
             iconRight: Record<string, any>;
-            elevation: string;
         }, {}, {
             WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                 icon: {
@@ -1013,8 +1013,8 @@ export declare const components: {
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                size: string;
                 rotation: number;
+                size: string;
                 flippedVertical: boolean;
                 flippedHorizontal: boolean;
                 touchable: boolean;
@@ -1440,9 +1440,9 @@ export declare const components: {
             type: string;
             touchable: boolean;
             color: string;
+            elevation: string;
             radius: string;
             state: string;
-            elevation: string;
             colorScheme: string;
         }, {}, {
             WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1514,8 +1514,8 @@ export declare const components: {
                     default: boolean;
                 };
             }>> & Readonly<{}>, {
-                size: string;
                 rotation: number;
+                size: string;
                 flippedVertical: boolean;
                 flippedHorizontal: boolean;
                 touchable: boolean;
@@ -1872,11 +1872,11 @@ export declare const components: {
                 size: string;
                 type: string;
                 color: string;
+                elevation: string;
                 radius: string;
                 state: string;
                 iconLeft: Record<string, any>;
                 iconRight: Record<string, any>;
-                elevation: string;
             }, {}, {
                 WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
                     icon: {
@@ -1947,8 +1947,8 @@ export declare const components: {
                         default: boolean;
                     };
                 }>> & Readonly<{}>, {
-                    size: string;
                     rotation: number;
+                    size: string;
                     flippedVertical: boolean;
                     flippedHorizontal: boolean;
                     touchable: boolean;
@@ -2027,8 +2027,8 @@ export declare const components: {
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
             rotation: number;
+            size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;

package/dist/lib/js/components/Tile/Tile.vue.d.ts

@@ -446,8 +446,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string;
         rotation: number;
+        size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;

package/dist/lib/js/components/Toast/Toast.vue.d.ts

@@ -79,8 +79,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         RIGHT: string;
     }>;
 }, {
-    buttonPrimaryColor(): "neutral" | "primary";
-    buttonSecondaryColor(): "neutral" | "danger";
+    buttonPrimaryColor(): "primary" | "neutral";
+    buttonSecondaryColor(): "danger" | "neutral";
     toastPosition(): string;
     toastSize(): string;
 }, {
@@ -502,11 +502,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         size: string;
         type: string;
         color: string;
+        elevation: string;
         radius: string;
         state: string;
         iconLeft: Record<string, any>;
         iconRight: Record<string, any>;
-        elevation: string;
     }, {}, {
         WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             icon: {
@@ -577,8 +577,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
                 default: boolean;
             };
         }>> & Readonly<{}>, {
-            size: string;
             rotation: number;
+            size: string;
             flippedVertical: boolean;
             flippedHorizontal: boolean;
             touchable: boolean;

package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts

@@ -133,8 +133,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string;
         rotation: number;
+        size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;

package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts

@@ -442,8 +442,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
             default: boolean;
         };
     }>> & Readonly<{}>, {
-        size: string;
         rotation: number;
+        size: string;
         flippedVertical: boolean;
         flippedHorizontal: boolean;
         touchable: boolean;

package/dist/lib/js/index.d.ts

@@ -1,5 +1,7 @@
 export { default as Avatar } from './components/Avatar';
 export * from './components/Avatar/Avatar.consts';
+export { default as Badge } from './components/Badge';
+export * from './components/Badge/Badge.consts';
 export { default as BadgeScore } from './components/BadgeScore';
 export { default as DsBadgeScore } from './components/BadgeScore';
 export * from './components/BadgeScore/BadgeScore.consts';

package/docs/assets/Avatar-BY2FHjur.js

@@ -0,0 +1 @@
+import{d as G,q as i,c as u,a as b,j as k,u as e,s as p,k as I,g as v,n as h,o}from"./vue.esm-bundler-DmkhfO_9.js";import{c as M,B as C,b as l,a as s}from"./Badge-DWUXekFu.js";import{I as d}from"./Icon-BCID_1bx.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";const a={XX_SMALL:"xx-small",X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},_={ACTIVE:"active",INACTIVE:"inactive"},c={ACTIVE:"active",INACTIVE:"inactive",AWAITING:"awaiting",BLOCKED:"blocked",TEAM_MEMBER:"team-member"},q=["src","alt"],w={key:1,class:"ds-avatar__initials"},K={key:0,class:"ds-avatar__activityStatus"},F={key:1,class:"ds-avatar__accessStatus"},f=G({__name:"Avatar",props:{username:{},avatarUrl:{},size:{default:()=>a.X_SMALL},activityStatus:{},accessStatus:{},teamMemberImageUrl:{}},setup(r){const{initials:g,initialBackgroundColor:y}=V(),{accessStatusColor:T,accessStatusIcon:U,accessStatusSize:z,accessStatusImage:R}=B(),{activityStatusColor:X,activityStatusSize:N}=D();function V(){const t=["#1abc9c","#2ecc71","#3498db","#9b59b6","#34495e","#16a085","#27ae60","#2980b9","#8e44ad","#2c3e50","#f1c40f","#e67e22","#e74c3c","#f39c12","#d35400","#c0392b"];function n(A){const[m,E]=A.split(/\s+/);return m&&E?`${m[0]}${E[0]}`.toUpperCase():m.substring(0,2).toUpperCase()}const S=i(()=>{if(r.avatarUrl)return;const A=(r.username.charCodeAt(0)-65)%16;return t[A]});return{initials:i(()=>n(r.username)),initialBackgroundColor:S}}function B(){const t=i(()=>{switch(r.accessStatus){case c.ACTIVE:return l.SUCCESS;case c.INACTIVE:case c.AWAITING:return l.NEUTRAL;case c.BLOCKED:return l.DANGER;default:return}}),n=i(()=>{switch(r.accessStatus){case c.ACTIVE:return d.FA_UNLOCK_KEYHOLE;case c.BLOCKED:case c.INACTIVE:return d.FA_LOCK_KEYHOLE;case c.AWAITING:return d.FA_HOURGLASS_START;default:return}}),S=i(()=>{switch(r.size){case a.XX_SMALL:return s.SMALL;case a.X_SMALL:return s.SMALL;case a.SMALL:return s.SMALL;case a.MEDIUM:return s.MEDIUM;case a.LARGE:return s.MEDIUM;case a.X_LARGE:default:return s.X_LARGE}}),L=i(()=>{if(r.accessStatus===c.TEAM_MEMBER)return r.teamMemberImageUrl});return{accessStatusColor:t,accessStatusIcon:n,accessStatusSize:S,accessStatusImage:L}}function D(){const t=i(()=>{switch(r.activityStatus){case _.ACTIVE:return l.SUCCESS;default:case _.INACTIVE:return l.NEUTRAL}}),n=i(()=>{switch(r.size){case a.XX_SMALL:return s.X_SMALL;case a.X_SMALL:return s.SMALL;case a.SMALL:return s.SMALL;case a.MEDIUM:return s.MEDIUM;case a.LARGE:return s.MEDIUM;case a.X_LARGE:default:return s.MEDIUM}});return{activityStatusColor:t,activityStatusSize:n}}return(t,n)=>(o(),u("div",{class:h(["ds-avatar",{"-ds-xx-small":t.size===e(a).XX_SMALL,"-ds-x-small":t.size===e(a).X_SMALL,"-ds-small":t.size===e(a).SMALL,"-ds-medium":t.size===e(a).MEDIUM,"-ds-large":t.size===e(a).LARGE,"-ds-x-large":t.size===e(a).X_LARGE}])},[b("div",{class:"ds-avatar__content",style:p({backgroundColor:e(y)})},[t.avatarUrl?(o(),u("img",{key:0,src:t.avatarUrl,alt:t.username,class:"ds-avatar__image"},null,8,q)):(o(),u("span",w,k(e(g)),1))],4),t.activityStatus?(o(),u("div",K,[I(e(C),{color:e(X),elevation:e(M).X_SMALL,size:e(N)},null,8,["color","elevation","size"])])):v("",!0),t.accessStatus?(o(),u("div",F,[I(e(C),{color:e(T),elevation:e(M).SMALL,icon:e(U),size:e(z),"image-url":e(R)},null,8,["color","elevation","icon","size","image-url"])])):v("",!0)],2))}}),x=O(f,[["__scopeId","data-v-5e14d35a"]]);f.__docgenInfo={exportName:"default",displayName:"Avatar",description:"",tags:{},props:[{name:"username",required:!0,type:{name:"string"}},{name:"avatarUrl",required:!1,type:{name:"string"}},{name:"size",required:!1,type:{name:"AvatarSize"}},{name:"activityStatus",required:!1,type:{name:"AvatarActivityStatus"}},{name:"accessStatus",required:!1,type:{name:"AvatarAccessStatus"}},{name:"teamMemberImageUrl",required:!1,type:{name:"string"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Avatar/Avatar.vue"]};export{x as A,a,c as b,_ as c};

package/docs/assets/Avatar.stories-CHgyprX4.js

@@ -0,0 +1,37 @@
+import{A as o,a as r,b as k,c as m}from"./Avatar-BY2FHjur.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./Badge-DWUXekFu.js";import"./Icon-BCID_1bx.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const v={title:"Components/Avatar",component:o,render:s=>({components:{Avatar:o},setup(){return{args:s}},template:'<Avatar v-bind="args" />'}),argTypes:{size:{control:"select",options:Object.values(r)},accessStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(k)]},activityStatus:{control:{type:"select",labels:{undefined:"None (undefined)"}},options:[void 0,...Object.values(m)]}}},e={args:{size:r.X_SMALL,username:"Dariusz Chrapek",avatarUrl:"https://wiecejnizlek.pl/wp-content/uploads/2021/08/Dariusz_Chrapek-uai-2996x2996-1-scaled.jpeg",teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg"}};e.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=12364-12175&t=UpUoIm9oCAaH4dEp-4"}};const a={render:s=>({components:{Avatar:o},setup(){return{args:s,names:["Arkadiusz Kowalski","Bartosz Nowak","Cezary Kowalczyk","Dariusz Chrapek","Edward Nowak","Feliks Kowalski","Grzegorz Nowak","Henryk Kowalczyk","Ireneusz Nowak","Jacek Kowalski","Kamil Nowak","Leszek Kowalczyk","Marek Nowak","Norbert Kowalski","Oskar Nowak","Piotr Kowalczyk"]}},template:'<div style="display: flex; gap: 12px;  flex-wrap: wrap;"><div v-for="name in names"><Avatar v-bind="args" :username="name" /></div></div>'}),argTypes:{size:{control:"select",options:Object.values(r)},username:{control:!1},avatarUrl:{control:!1}},args:{size:r.X_SMALL,teamMemberImageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg"}};var t,l,i;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`{
+  args: {
+    size: AVATAR_SIZES.X_SMALL,
+    username: 'Dariusz Chrapek',
+    avatarUrl: 'https://wiecejnizlek.pl/wp-content/uploads/2021/08/Dariusz_Chrapek-uai-2996x2996-1-scaled.jpeg',
+    teamMemberImageUrl: 'https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg'
+  }
+}`,...(i=(l=e.parameters)==null?void 0:l.docs)==null?void 0:i.source}}};var n,p,c;a.parameters={...a.parameters,docs:{...(n=a.parameters)==null?void 0:n.docs,source:{originalSource:`{
+  render: (args: AvatarProps) => ({
+    components: {
+      Avatar
+    },
+    setup() {
+      return {
+        args,
+        names: ['Arkadiusz Kowalski', 'Bartosz Nowak', 'Cezary Kowalczyk', 'Dariusz Chrapek', 'Edward Nowak', 'Feliks Kowalski', 'Grzegorz Nowak', 'Henryk Kowalczyk', 'Ireneusz Nowak', 'Jacek Kowalski', 'Kamil Nowak', 'Leszek Kowalczyk', 'Marek Nowak', 'Norbert Kowalski', 'Oskar Nowak', 'Piotr Kowalczyk']
+      };
+    },
+    template: \`<div style="display: flex; gap: 12px;  flex-wrap: wrap;"><div v-for="name in names"><Avatar v-bind="args" :username="name" /></div></div>\`
+  }),
+  argTypes: {
+    size: {
+      control: 'select',
+      options: Object.values(AVATAR_SIZES)
+    },
+    username: {
+      control: false
+    },
+    avatarUrl: {
+      control: false
+    }
+  },
+  args: {
+    size: AVATAR_SIZES.X_SMALL,
+    teamMemberImageUrl: 'https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg'
+  }
+}`,...(c=(p=a.parameters)==null?void 0:p.docs)==null?void 0:c.source}}};const A=["Interactive","Colors"];export{a as Colors,e as Interactive,A as __namedExportsOrder,v as default};

package/docs/assets/Badge-DWUXekFu.js

@@ -0,0 +1 @@
+import{d as u,q as g,c as n,a as A,n as m,u as a,j as S,g as i,b as p,o as l}from"./vue.esm-bundler-DmkhfO_9.js";import{a as E,b as r}from"./Icon-BCID_1bx.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={X_SMALL:"x-small",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"x-large"},o={PRIMARY:"primary",SUCCESS:"success",DANGER:"danger",FAIL:"fail",NEUTRAL:"neutral"},d={NONE:"none",X_SMALL:"x-small",SMALL:"small"},M={key:0,class:"ds-badge__content"},_=["src"],t=u({__name:"Badge",props:{color:{default:()=>o.PRIMARY},size:{default:()=>s.SMALL},label:{},icon:{},imageUrl:{},elevation:{default:()=>d.X_SMALL}},setup(c){const L=g(()=>{switch(c.size){case s.SMALL:return r.XXX_SMALL;case s.MEDIUM:return r.XX_SMALL;case s.LARGE:return r.X_SMALL;case s.X_LARGE:default:return r.SMALL}});return(e,I)=>(l(),n("div",{class:m(["ds-badge",{"-ds-x-small":e.size===a(s).X_SMALL,"-ds-small":e.size===a(s).SMALL,"-ds-medium":e.size===a(s).MEDIUM,"-ds-large":e.size===a(s).LARGE,"-ds-x-large":e.size===a(s).X_LARGE,"-ds-color-primary":e.color===a(o).PRIMARY,"-ds-color-success":e.color===a(o).SUCCESS,"-ds-color-fail":e.color===a(o).FAIL,"-ds-color-danger":e.color===a(o).DANGER,"-ds-color-neutral":e.color===a(o).NEUTRAL}])},[A("div",{class:m(["ds-badge__elevation",{"-ds-no-elevation":e.elevation===a(d).NONE,"-ds-elevation-s":e.elevation===a(d).SMALL}])},null,2),!e.imageUrl&&!e.icon?(l(),n("div",M,S(e.label),1)):i("",!0),!e.imageUrl&&e.icon?(l(),p(a(E),{key:1,icon:e.icon,size:L.value,class:"ds-badge__icon"},null,8,["icon","size"])):i("",!0),e.imageUrl?(l(),n("img",{key:2,src:e.imageUrl,class:"ds-badge__image"},null,8,_)):i("",!0)],2))}}),v=f(t,[["__scopeId","data-v-a2fff7e3"]]);t.__docgenInfo={exportName:"default",displayName:"Badge",description:"",tags:{},props:[{name:"color",required:!1,type:{name:"BadgeColor"}},{name:"size",required:!1,type:{name:"BadgeSize"}},{name:"label",required:!1,type:{name:"string"}},{name:"icon",required:!1,type:{name:"IconItem"}},{name:"imageUrl",required:!1,type:{name:"string"}},{name:"elevation",required:!1,type:{name:"BadgeElevation"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Badge/Badge.vue"]};export{v as B,s as a,o as b,d as c};

package/docs/assets/Badge.stories-B90k4kes.js

@@ -0,0 +1,21 @@
+import{B as r,a as o,b as t,c as a}from"./Badge-DWUXekFu.js";import{I as s}from"./Icon-BCID_1bx.js";import{B as A,a as v}from"./Banner-DaqGIRps.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-TCMWFFTV.js";import"./Divider-CeZli6az.js";import"./IconButton-BAw3zjHF.js";import"./device-9fgosCm4.js";function I(e){return`<div style="display: inline-flex; background: #ccc; padding: 16px; line-height: 0; margin-bottom: 16px;">${e}</div>
+<ds-banner :color="BANNER_COLORS.WARNING" title="Taka kombinacja jest niezgodna z design systemem!" v-if="invalidUsage" />
+`}const f={title:"Components/Badges/Badge",component:r,render:e=>({components:{Badge:r,DsBanner:A},setup(){return{BANNER_COLORS:v}},computed:{invalidUsage(){const L=(e.size===o.X_SMALL||e.size===o.SMALL)&&e.label,S=e.size===o.X_SMALL&&(e.icon||e.imageUrl);return L||S},props(){return{...e,icon:s[e.icon]}}},template:I('<Badge v-bind="props" />')}),argTypes:{color:{control:"select",options:Object.values(t)},size:{control:"select",options:Object.values(o)},icon:{control:"select",options:[null,...Object.keys(s)]},elevation:{control:"select",options:Object.values(a)}}},n={args:{color:t.PRIMARY,size:o.SMALL,label:"",icon:void 0,imageUrl:"",elevation:a.X_SMALL}};n.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=12364-10601&m=dev"}};const i={args:{color:t.PRIMARY,size:o.SMALL,label:"",icon:void 0,imageUrl:"https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg",elevation:a.X_SMALL}};var l,c,m;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: {
+    color: BADGE_COLORS.PRIMARY,
+    size: BADGE_SIZES.SMALL,
+    label: '',
+    icon: undefined,
+    imageUrl: '',
+    elevation: BADGE_ELEVATIONS.X_SMALL
+  }
+}`,...(m=(c=n.parameters)==null?void 0:c.docs)==null?void 0:m.source}}};var p,d,g;i.parameters={...i.parameters,docs:{...(p=i.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  args: {
+    color: BADGE_COLORS.PRIMARY,
+    size: BADGE_SIZES.SMALL,
+    label: '',
+    icon: undefined,
+    imageUrl: 'https://lek.wiecejnizlek.pl/images/lek/logo-badge.svg',
+    elevation: BADGE_ELEVATIONS.X_SMALL
+  }
+}`,...(g=(d=i.parameters)==null?void 0:d.docs)==null?void 0:g.source}}};const k=["Interactive","InteractiveWithImage"];export{n as Interactive,i as InteractiveWithImage,k as __namedExportsOrder,f as default};

package/docs/assets/{BasicRichListItem.stories-CJLLsCH2.js → BasicRichListItem.stories-Cq_2y-ip.js}

@@ -1,4 +1,4 @@
-import{B as l}from"./BasicRichListItem-C2lY5QHc.js";import{R as p,a as n,b as c,c as m,d as h,e as d,f as C}from"./GroupRichListItem-BvMN1U8t.js";import{c as T,I as a}from"./Icon-BCID_1bx.js";import"./Avatar-OqeGv3bT.js";import"./BadgeScore-VoyhoyPu.js";import"./Banner-DaqGIRps.js";import"./Button-TCMWFFTV.js";import"./ToggleButton-BsVq0wUU.js";import"./Card-BzXb8FVb.js";import"./CardExpandable-U3c3_RFR.js";import"./DatePicker-CcKDLhxp.js";import"./DateRangePicker-laHPjs-v.js";import"./Divider-CeZli6az.js";import"./FeatureIcon-DEdW5Abw.js";import"./IconButton-BAw3zjHF.js";import"./string-CxurpGTK.js";import"./Modal-Dup6Muk_.js";import"./ModalDialog-DOx_9BEj.js";import"./NumberInCircle-CYZFaZ00.js";import"./TabItem-CapV8hZ1.js";import"./Tile-cjoefzuT.js";import"./Toast-tGyu8Qsr.js";import"./AccessStatus-Bb89L0n4.js";import"./BlockadeStatus-BovI8qdo.js";import"./SurveyToggle-CUgbE0SL.js";import"./SurveyQuestionScale-C0UAJdFd.js";import"./SurveyQuestionOpenEnded-DP0hAB06.js";import"./SectionHeader-uor_aNAH.js";import"./PageHeader-C5oCP3S2.js";import"./SectionTitle-BQZh7aFs.js";import"./Drawer-BAhS1Aex.js";import"./DrawerContent-BC_l9IKr.js";import"./DrawerDivider-DuTuIbLz.js";import"./DrawerHeader-BUFtT2yY.js";import"./DrawerListItem-BruVct4m.js";import"./DrawerListItemGroup-BTfrsZ_p.js";import"./DrawerTile-C4SUdovI.js";import"./DrawerSection-CGE0Z89z.js";import"./OutlineItem-BsB-mMO_.js";import"./OutlineDivider-DItdz99b.js";import"./OutlineSectionHeader-CtypBCqR.js";import"./Chip-CTSLlUHr.js";import"./CounterToggle-BVPp4FeG.js";import"./SelectList-T6eJOYPv.js";import"./SelectListItem-CwQPayet.js";import"./SelectListItemDivider-CTuILyj9.js";import"./SelectListItemToggle-6Qc40Pdh.js";import"./SelectListItemTile-BS64oXam.js";import"./SelectListSectionTitle-BOCjrVHo.js";import"./SelectionTile-DSpUGzPs.js";import"./LoadingBar-C1yAImWt.js";import"./PopOver-D3l-RPQg.js";import"./Dropdown-B75bqkCY.js";import"./ProgressBar-CS0FvbKL.js";import"./ProgressDonutChart-Ds7o43EP.js";import"./IconText-832pwWI9.js";import"./Pagination-bDyh9QNI.js";import"./OverlayHeader-IVWPOkcc.js";import"./Well-Chn1RK_x.js";import"./ThreeColumnLayout-CFf8NRwP.js";import"./Switch-Dba5kcqg.js";import"./TextGroup-D5le3QVY.js";import"./Tooltip-DB8acOEc.js";import{I as E}from"./Image-B9jnhF_n.js";import"./Skeleton-DMxKKJ0Z.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Checkbox-Bsa7X8oN.js";import"./SelectionControl-KJWkMhCz.js";import"./iframe-DJBrrd4-.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-DQfdblyw.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:y}=__STORYBOOK_MODULE_PREVIEW_API__,Je={title:"Components/RichList/BasicRichListItem",component:l,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),O]},v=(e,i={})=>(e.argTypes={type:{options:Object.values(p),control:"select"},size:{options:Object.values(n),control:"select"},layout:{options:Object.values(c),control:{type:"select"}},state:{options:Object.values(m),control:"select"},iconColor:{options:[null,...Object.values(T)],control:"select"},borderColor:{options:[null,...Object.values(h)],control:"select"},icon:{options:[null,...Object.keys(a)],control:"select"},iconColorHex:{control:"text"},borderColorHex:{control:"text"},eyebrow:{control:"text"},eyebrowEllipsis:{control:"boolean"},isEyebrowUppercase:{control:"boolean"},text:{control:"text"},textEllipsis:{control:"boolean"},supportingText:{control:"text"},supportingTextEllipsis:{control:"boolean"},isSupportingTextTooltipEnabled:{control:"boolean"},metadata:{control:"text"},actions:{control:"text"},draggableIconClassName:{control:"text"},backgroundColor:{options:[null,...Object.values(d)],control:"select"},elevation:{options:[null,...Object.values(C)],control:"select"}},e.args={size:n.MEDIUM,type:p.DEFAULT,layout:c.HORIZONTAL,backgroundColor:d.NEUTRAL,elevation:null,isDimmed:!1,isDraggable:!0,hasDraggableHandler:!0,icon:null,iconColor:null,iconColorHex:"",hasActionsSlotDivider:!0,isSelectable:!0,isSelected:!0,borderColor:null,borderColorHex:"",state:m.DEFAULT,isInteractive:!0,draggableIconClassName:"draggableIconClassName-1",eyebrow:"Eyebrow Uppercase",eyebrowEllipsis:!1,isEyebrowUppercase:!1,text:"Długa nazwa gdy się nie mieści Praesentium dicta sit. Molestiae unde voluptatem eaque labore.",textEllipsis:!1,supportingText:"null",supportingTextEllipsis:!1,isSupportingTextTooltipEnabled:!1,metadata:"Metadata Slot",actions:"ACS",...i},e.parameters={actions:{handles:["icon-click","click","update:is-selected"]},layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8673-2345&mode=design&t=QeEz8TmzxDbrGYK3-4"}},e),w=e=>{const[i,r]=y();return{components:{BasicRichListItem:l},setup(){return e},data(){return{ICONS:Object.freeze(a)}},methods:{updateIsSelected(s){r({isSelected:s})}},template:`
+import{B as l}from"./BasicRichListItem-C2lY5QHc.js";import{R as p,a as n,b as c,c as m,d as h,e as d,f as C}from"./GroupRichListItem-BvMN1U8t.js";import{c as T,I as a}from"./Icon-BCID_1bx.js";import"./Avatar-BY2FHjur.js";import"./Badge-DWUXekFu.js";import"./BadgeScore-VoyhoyPu.js";import"./Banner-DaqGIRps.js";import"./Button-TCMWFFTV.js";import"./ToggleButton-BsVq0wUU.js";import"./Card-BzXb8FVb.js";import"./CardExpandable-U3c3_RFR.js";import"./DatePicker-C2ooefT-.js";import"./DateRangePicker-BbtTUk2P.js";import"./Divider-CeZli6az.js";import"./FeatureIcon-DEdW5Abw.js";import"./IconButton-BAw3zjHF.js";import"./string-CxurpGTK.js";import"./Modal-Dup6Muk_.js";import"./ModalDialog-DOx_9BEj.js";import"./NumberInCircle-CYZFaZ00.js";import"./TabItem-CapV8hZ1.js";import"./Tile-cjoefzuT.js";import"./Toast-tGyu8Qsr.js";import"./AccessStatus-Bb89L0n4.js";import"./BlockadeStatus-BovI8qdo.js";import"./SurveyToggle-CUgbE0SL.js";import"./SurveyQuestionScale-C0UAJdFd.js";import"./SurveyQuestionOpenEnded-DP0hAB06.js";import"./SectionHeader-uor_aNAH.js";import"./PageHeader-C5oCP3S2.js";import"./SectionTitle-BQZh7aFs.js";import"./Drawer-BAhS1Aex.js";import"./DrawerContent-BC_l9IKr.js";import"./DrawerDivider-DuTuIbLz.js";import"./DrawerHeader-BUFtT2yY.js";import"./DrawerListItem-BruVct4m.js";import"./DrawerListItemGroup-BTfrsZ_p.js";import"./DrawerTile-C4SUdovI.js";import"./DrawerSection-CGE0Z89z.js";import"./OutlineItem-BsB-mMO_.js";import"./OutlineDivider-DItdz99b.js";import"./OutlineSectionHeader-CtypBCqR.js";import"./Chip-CTSLlUHr.js";import"./CounterToggle-BVPp4FeG.js";import"./SelectList-T6eJOYPv.js";import"./SelectListItem-CwQPayet.js";import"./SelectListItemDivider-CTuILyj9.js";import"./SelectListItemToggle-6Qc40Pdh.js";import"./SelectListItemTile-BS64oXam.js";import"./SelectListSectionTitle-BOCjrVHo.js";import"./SelectionTile-BKeLO5-6.js";import"./LoadingBar-C1yAImWt.js";import"./PopOver-D3l-RPQg.js";import"./Dropdown-B75bqkCY.js";import"./ProgressBar-CS0FvbKL.js";import"./ProgressDonutChart-Ds7o43EP.js";import"./IconText-832pwWI9.js";import"./Pagination-bDyh9QNI.js";import"./OverlayHeader-IVWPOkcc.js";import"./Well-Chn1RK_x.js";import"./ThreeColumnLayout-CFf8NRwP.js";import"./Switch-Dba5kcqg.js";import"./TextGroup-D5le3QVY.js";import"./Tooltip-DB8acOEc.js";import{I as E}from"./Image-B9jnhF_n.js";import"./Skeleton-DMxKKJ0Z.js";import{w as O}from"./decorator-CSnIf-k5.js";import"./vue.esm-bundler-DmkhfO_9.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Checkbox-Bsa7X8oN.js";import"./SelectionControl-KJWkMhCz.js";import"./iframe-DM9VVuiu.js";import"../sb-preview/runtime.js";import"./device-9fgosCm4.js";import"./user-_JB5aHqq.js";import"./vue-popper-DQfdblyw.js";import"./_commonjsHelpers-Chg3vePA.js";import"./v4-BZawosSj.js";const{useArgs:y}=__STORYBOOK_MODULE_PREVIEW_API__,Xe={title:"Components/RichList/BasicRichListItem",component:l,decorators:[e=>({components:{story:e},template:"<div style='display: flex;padding: 16px;'><story /></div>"}),O]},v=(e,i={})=>(e.argTypes={type:{options:Object.values(p),control:"select"},size:{options:Object.values(n),control:"select"},layout:{options:Object.values(c),control:{type:"select"}},state:{options:Object.values(m),control:"select"},iconColor:{options:[null,...Object.values(T)],control:"select"},borderColor:{options:[null,...Object.values(h)],control:"select"},icon:{options:[null,...Object.keys(a)],control:"select"},iconColorHex:{control:"text"},borderColorHex:{control:"text"},eyebrow:{control:"text"},eyebrowEllipsis:{control:"boolean"},isEyebrowUppercase:{control:"boolean"},text:{control:"text"},textEllipsis:{control:"boolean"},supportingText:{control:"text"},supportingTextEllipsis:{control:"boolean"},isSupportingTextTooltipEnabled:{control:"boolean"},metadata:{control:"text"},actions:{control:"text"},draggableIconClassName:{control:"text"},backgroundColor:{options:[null,...Object.values(d)],control:"select"},elevation:{options:[null,...Object.values(C)],control:"select"}},e.args={size:n.MEDIUM,type:p.DEFAULT,layout:c.HORIZONTAL,backgroundColor:d.NEUTRAL,elevation:null,isDimmed:!1,isDraggable:!0,hasDraggableHandler:!0,icon:null,iconColor:null,iconColorHex:"",hasActionsSlotDivider:!0,isSelectable:!0,isSelected:!0,borderColor:null,borderColorHex:"",state:m.DEFAULT,isInteractive:!0,draggableIconClassName:"draggableIconClassName-1",eyebrow:"Eyebrow Uppercase",eyebrowEllipsis:!1,isEyebrowUppercase:!1,text:"Długa nazwa gdy się nie mieści Praesentium dicta sit. Molestiae unde voluptatem eaque labore.",textEllipsis:!1,supportingText:"null",supportingTextEllipsis:!1,isSupportingTextTooltipEnabled:!1,metadata:"Metadata Slot",actions:"ACS",...i},e.parameters={actions:{handles:["icon-click","click","update:is-selected"]},layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8673-2345&mode=design&t=QeEz8TmzxDbrGYK3-4"}},e),w=e=>{const[i,r]=y();return{components:{BasicRichListItem:l},setup(){return e},data(){return{ICONS:Object.freeze(a)}},methods:{updateIsSelected(s){r({isSelected:s})}},template:`
         <basic-rich-list-item
             :size="size"
             :type="type"
@@ -195,4 +195,4 @@ import{B as l}from"./BasicRichListItem-C2lY5QHc.js";import{R as p,a as n,b as c,
                 </template>
             </basic-rich-list-item>\`
   };
-}`,...(S=(I=o.parameters)==null?void 0:I.docs)==null?void 0:S.source}}};const Xe=["Interactive","WithMedia"];export{t as Interactive,o as WithMedia,Xe as __namedExportsOrder,Je as default};
+}`,...(S=(I=o.parameters)==null?void 0:I.docs)==null?void 0:S.source}}};const $e=["Interactive","WithMedia"];export{t as Interactive,o as WithMedia,$e as __namedExportsOrder,Xe as default};