@bethinkpl/design-system 27.0.2 → 28.0.0

package/docs/assets/Drawer-B8O0AdWR.css

@@ -0,0 +1 @@
+.ds-drawer[data-v-e02b78af]{border-color:var(--color-neutral-border-weak);border-style:solid;border-width:0;display:flex;flex-direction:column;height:100%;overflow-y:auto}@media (min-width: 760px){.ds-drawer.-ds-positionLeft[data-v-e02b78af]{border-right-width:1px}.ds-drawer.-ds-positionRight[data-v-e02b78af]{border-left-width:1px}}.ds-drawer__header[data-v-e02b78af],.ds-drawer__footer[data-v-e02b78af]{flex-shrink:0}.ds-drawer__header.-ds-sticky[data-v-e02b78af],.ds-drawer__footer.-ds-sticky[data-v-e02b78af]{z-index:1}.ds-drawer__content.-ds-scrollable[data-v-e02b78af]{overflow-y:auto}.ds-drawer__content.-ds-fullHeight[data-v-e02b78af]{flex-grow:1}

package/docs/assets/DrawerContent-BTybtuR9.css

@@ -0,0 +1 @@
+.ds-drawerContent[data-v-f1bef3a6]{display:flex;flex-direction:column;gap:16px;padding:16px}

package/docs/assets/DrawerDivider-BeOs6IYe.css

@@ -0,0 +1 @@
+.ds-drawerDivider[data-v-aaea53a2]{padding:8px 0}

package/docs/assets/DrawerHeader-6wWrTFMU.css

@@ -0,0 +1 @@
+.ds-drawerHeader[data-v-5b63b67e]{display:flex;flex-direction:column}.ds-drawerHeader__secondLevel[data-v-5b63b67e]{position:absolute!important}.ds-drawerHeader__leftIcon[data-v-5b63b67e]{color:var(--color-neutral-icon)}.ds-drawerHeader__firstLevel[data-v-5b63b67e]{display:flex;flex-direction:column;min-width:0;row-gap:4px}.ds-drawerHeader__firstLevel.-ds-hidden[data-v-5b63b67e]{visibility:hidden}.ds-drawerHeader__eyebrow[data-v-5b63b67e]{--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)}.ds-drawerHeader__eyebrow.-ds-isInteractive[data-v-5b63b67e]:hover{color:var(--color-neutral-text-weak-hovered);cursor:pointer}.ds-drawerHeader__eyebrow.-ds-ellipsis[data-v-5b63b67e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-drawerHeader__title[data-v-5b63b67e]{align-items:center;column-gap:6px;display:flex}.ds-drawerHeader__titleText[data-v-5b63b67e]{--token: heading-s-default-bold-uppercase;font-weight:var(--typography-font-weight-bold);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-l);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-uppercase)}.ds-drawerHeader__titleText.-ds-neutralStrong[data-v-5b63b67e]{color:var(--color-neutral-text-strong)}.ds-drawerHeader__titleText.-ds-neutralWeak[data-v-5b63b67e]{color:var(--color-neutral-text-weak)}.ds-drawerHeader__titleText.-ds-ellipsis[data-v-5b63b67e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-drawerHeader__titleWrapper[data-v-5b63b67e]{align-items:center;column-gap:4px;display:flex;justify-content:space-between;min-height:82px;padding:24px 12px 24px 16px}.ds-drawerHeader__actions[data-v-5b63b67e]{margin-left:auto}

package/docs/assets/{DrawerHeader-DPBlervR.js → DrawerHeader-CIEBu_c_.js}

@@ -1 +1 @@
-import{d as b,c as s,a as i,k as n,g as l,h as _,v as r,y as u,f,l as o,o as a,B as v}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as S,d as C}from"./Button-XuK8IxnR.js";import{D as T,b as N,a as D}from"./Divider-NOTDPuJ1.js";import{I as O,c as w}from"./IconButton-Cn83Zk5-.js";import{C as k}from"./Chip-CGm2pLPD.js";import{a as R,b as L,I as V}from"./Icon-DUeXRUm6.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const H={NEUTRAL_STRONG:"neutralStrong",NEUTRAL_WEAK:"neutralWeak"},p=b({name:"DrawerHeader",components:{DsButton:S,Divider:T,Icon:R,IconButton:O,Chip:k},props:{eyebrowText:{type:String,default:null},isInteractiveEyebrow:{type:Boolean,default:!1},eyebrowEllipsis:{type:Boolean,default:!1},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},titleColor:{type:String,default:H.NEUTRAL_STRONG},leftIcon:{type:[Object,null],default:null},chipLabel:{type:String,default:null},isClosable:{type:Boolean,default:!0},hasDivider:{type:Boolean,default:!1},isSecondLevel:{type:Boolean,default:!1}},emits:["backClicked","close","eyebrowClicked"],data(){return{BUTTON_TYPES:Object.freeze(C),DIVIDER_SIZES:Object.freeze(D),DIVIDER_PROMINENCES:Object.freeze(N),ICONS:Object.freeze(V),ICON_BUTTON_SIZES:Object.freeze(w),ICON_SIZES:Object.freeze(L)}}}),g={class:"ds-drawerHeader"},$={class:"ds-drawerHeader__titleWrapper"},h={class:"ds-drawerHeader__title"},A=["title"],z={key:3},U={key:1,class:"ds-drawerHeader__actions"};function j(e,t,Z,M,W,P){const c=o("ds-button"),m=o("icon"),E=o("chip"),y=o("icon-button"),I=o("divider");return a(),s("div",g,[i("div",$,[e.isSecondLevel?(a(),n(c,{key:0,"icon-left":e.ICONS.FA_CHEVRON_LEFT,type:e.BUTTON_TYPES.TEXT,class:"ds-drawerHeader__secondLevel",onClick:t[0]||(t[0]=d=>e.$emit("backClicked"))},{default:_(()=>t[3]||(t[3]=[v(" Wróć ")])),_:1,__:[3]},8,["icon-left","type"])):l("",!0),i("div",{class:r([{"-ds-hidden":e.isSecondLevel},"ds-drawerHeader__firstLevel"])},[e.eyebrowText?(a(),s("span",{key:0,class:r([{"-ds-isInteractive":e.isInteractiveEyebrow,"-ds-ellipsis":e.eyebrowEllipsis},"ds-drawerHeader__eyebrow"]),onClick:t[1]||(t[1]=d=>e.isInteractiveEyebrow&&e.$emit("eyebrowClicked"))},u(e.eyebrowText),3)):l("",!0),i("div",h,[e.leftIcon?(a(),n(m,{key:0,icon:e.leftIcon,size:e.ICON_SIZES.X_SMALL,class:"ds-drawerHeader__leftIcon"},null,8,["icon","size"])):l("",!0),e.title?(a(),s("span",{key:1,class:r(["ds-drawerHeader__titleText",{"-ds-ellipsis":e.titleEllipsis,[`-ds-${e.titleColor}`]:!0}]),title:e.titleEllipsis?e.title:void 0},u(e.title),11,A)):l("",!0),e.chipLabel?(a(),n(E,{key:2,label:e.chipLabel},null,8,["label"])):l("",!0),e.$slots.titleTrailing?(a(),s("div",z,[f(e.$slots,"titleTrailing",{},void 0,!0)])):l("",!0)])],2),e.$slots.actions?(a(),s("div",U,[f(e.$slots,"actions",{},void 0,!0)])):l("",!0),e.isClosable?(a(),n(y,{key:2,icon:e.ICONS.FA_XMARK,size:e.ICON_BUTTON_SIZES.MEDIUM,touchable:!1,onClick:t[2]||(t[2]=d=>e.$emit("close"))},null,8,["icon","size"])):l("",!0)]),e.hasDivider?(a(),n(I,{key:0,size:e.DIVIDER_SIZES.L,prominence:e.DIVIDER_PROMINENCES.WEAK},null,8,["size","prominence"])):l("",!0)])}const Q=B(p,[["render",j],["__scopeId","data-v-5b63b67e"]]);p.__docgenInfo={displayName:"DrawerHeader",exportName:"default",description:"",tags:{},props:[{name:"eyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isInteractiveEyebrow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"titleColor",type:{name:"DrawerHeaderTitleColor"},defaultValue:{func:!1,value:"DRAWER_HEADER_TITLE_COLORS.NEUTRAL_STRONG"}},{name:"leftIcon",type:{name:"object|null"},defaultValue:{func:!1,value:"null"}},{name:"chipLabel",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isClosable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSecondLevel",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"backClicked"},{name:"eyebrowClicked"},{name:"close"}],slots:[{name:"titleTrailing"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue"]};export{Q as D,H as a};
+import{d as b,c as s,a as i,k as n,g as l,h as _,v as r,y as u,f,l as o,o as a,B as v}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as S,d as C}from"./Button-Cxy1oLg0.js";import{D as T,b as N,a as D}from"./Divider-NOTDPuJ1.js";import{I as O,c as w}from"./IconButton-BxVdSYTo.js";import{C as k}from"./Chip-2ayK4dPL.js";import{a as R,b as L,I as V}from"./Icon-Sov23HR0.js";import{_ as B}from"./_plugin-vue_export-helper-DlAUqK2U.js";const H={NEUTRAL_STRONG:"neutralStrong",NEUTRAL_WEAK:"neutralWeak"},p=b({name:"DrawerHeader",components:{DsButton:S,Divider:T,Icon:R,IconButton:O,Chip:k},props:{eyebrowText:{type:String,default:null},isInteractiveEyebrow:{type:Boolean,default:!1},eyebrowEllipsis:{type:Boolean,default:!1},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},titleColor:{type:String,default:H.NEUTRAL_STRONG},leftIcon:{type:[Object,null],default:null},chipLabel:{type:String,default:null},isClosable:{type:Boolean,default:!0},hasDivider:{type:Boolean,default:!1},isSecondLevel:{type:Boolean,default:!1}},emits:["backClicked","close","eyebrowClicked"],data(){return{BUTTON_TYPES:Object.freeze(C),DIVIDER_SIZES:Object.freeze(D),DIVIDER_PROMINENCES:Object.freeze(N),ICONS:Object.freeze(V),ICON_BUTTON_SIZES:Object.freeze(w),ICON_SIZES:Object.freeze(L)}}}),g={class:"ds-drawerHeader"},$={class:"ds-drawerHeader__titleWrapper"},h={class:"ds-drawerHeader__title"},A=["title"],z={key:3},U={key:1,class:"ds-drawerHeader__actions"};function j(e,t,Z,M,W,P){const c=o("ds-button"),m=o("icon"),E=o("chip"),y=o("icon-button"),I=o("divider");return a(),s("div",g,[i("div",$,[e.isSecondLevel?(a(),n(c,{key:0,"icon-left":e.ICONS.FA_CHEVRON_LEFT,type:e.BUTTON_TYPES.TEXT,class:"ds-drawerHeader__secondLevel",onClick:t[0]||(t[0]=d=>e.$emit("backClicked"))},{default:_(()=>t[3]||(t[3]=[v(" Wróć ")])),_:1,__:[3]},8,["icon-left","type"])):l("",!0),i("div",{class:r([{"-ds-hidden":e.isSecondLevel},"ds-drawerHeader__firstLevel"])},[e.eyebrowText?(a(),s("span",{key:0,class:r([{"-ds-isInteractive":e.isInteractiveEyebrow,"-ds-ellipsis":e.eyebrowEllipsis},"ds-drawerHeader__eyebrow"]),onClick:t[1]||(t[1]=d=>e.isInteractiveEyebrow&&e.$emit("eyebrowClicked"))},u(e.eyebrowText),3)):l("",!0),i("div",h,[e.leftIcon?(a(),n(m,{key:0,icon:e.leftIcon,size:e.ICON_SIZES.X_SMALL,class:"ds-drawerHeader__leftIcon"},null,8,["icon","size"])):l("",!0),e.title?(a(),s("span",{key:1,class:r(["ds-drawerHeader__titleText",{"-ds-ellipsis":e.titleEllipsis,[`-ds-${e.titleColor}`]:!0}]),title:e.titleEllipsis?e.title:void 0},u(e.title),11,A)):l("",!0),e.chipLabel?(a(),n(E,{key:2,label:e.chipLabel},null,8,["label"])):l("",!0),e.$slots.titleTrailing?(a(),s("div",z,[f(e.$slots,"titleTrailing",{},void 0,!0)])):l("",!0)])],2),e.$slots.actions?(a(),s("div",U,[f(e.$slots,"actions",{},void 0,!0)])):l("",!0),e.isClosable?(a(),n(y,{key:2,icon:e.ICONS.FA_XMARK,size:e.ICON_BUTTON_SIZES.MEDIUM,touchable:!1,onClick:t[2]||(t[2]=d=>e.$emit("close"))},null,8,["icon","size"])):l("",!0)]),e.hasDivider?(a(),n(I,{key:0,size:e.DIVIDER_SIZES.L,prominence:e.DIVIDER_PROMINENCES.WEAK},null,8,["size","prominence"])):l("",!0)])}const Q=B(p,[["render",j],["__scopeId","data-v-5b63b67e"]]);p.__docgenInfo={displayName:"DrawerHeader",exportName:"default",description:"",tags:{},props:[{name:"eyebrowText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isInteractiveEyebrow",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrowEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"titleColor",type:{name:"DrawerHeaderTitleColor"},defaultValue:{func:!1,value:"DRAWER_HEADER_TITLE_COLORS.NEUTRAL_STRONG"}},{name:"leftIcon",type:{name:"object|null"},defaultValue:{func:!1,value:"null"}},{name:"chipLabel",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"isClosable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isSecondLevel",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"backClicked"},{name:"eyebrowClicked"},{name:"close"}],slots:[{name:"titleTrailing"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue"]};export{Q as D,H as a};

package/docs/assets/{DrawerHeader.stories-ugFv_siA.js → DrawerHeader.stories-B6QScTrV.js}

@@ -1,4 +1,4 @@
-import{D as o,a as r}from"./DrawerHeader-DPBlervR.js";import{I as n}from"./Icon-DUeXRUm6.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Button-XuK8IxnR.js";import"./Divider-NOTDPuJ1.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconButton-Cn83Zk5-.js";import"./device-9fgosCm4.js";import"./Chip-CGm2pLPD.js";const I={title:"Components/Drawer/DrawerHeader",component:o},s=a=>({components:{DrawerHeader:o},setup(){return a},data(){return{ICONS:Object.freeze(n)}},template:`
+import{D as o,a as r}from"./DrawerHeader-CIEBu_c_.js";import{I as n}from"./Icon-Sov23HR0.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Button-Cxy1oLg0.js";import"./Divider-NOTDPuJ1.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconButton-BxVdSYTo.js";import"./device-9fgosCm4.js";import"./Chip-2ayK4dPL.js";const I={title:"Components/Drawer/DrawerHeader",component:o},s=a=>({components:{DrawerHeader:o},setup(){return a},data(){return{ICONS:Object.freeze(n)}},template:`
         <drawer-header
             :eyebrow-ellipsis="eyebrowEllipsis"
             :eyebrow-text="eyebrowText"

package/docs/assets/{DrawerListItem-ClOcwiVc.js → DrawerListItem-DNVuDaXW.js}

@@ -1 +1 @@
-import{d as i,c as a,a as d,k as l,y as r,l as _,o as t}from"./vue.esm-bundler-DcRN7CPI.js";import{a as c,b as I,I as m}from"./Icon-DUeXRUm6.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={DEFAULT:"default",LOADING:"loading"},n=i({name:"DrawerListItem",components:{DsIcon:c},props:{state:{type:String,default:s.DEFAULT,validator(e){return Object.values(s).includes(e)}},label:{type:String,required:!0},valueText:{type:String,required:!0}},data(){return{DRAWER_LIST_ITEM_STATES:Object.freeze(s),ICONS:Object.freeze(m),ICON_SIZES:Object.freeze(I)}}}),u={class:"ds-drawerListItem"},S={class:"ds-drawerListItem__label"},T={key:1,class:"ds-drawerListItem__value"};function D(e,E,L,f,A,v){const o=_("ds-icon");return t(),a("div",u,[d("div",S,r(e.label),1),e.state===e.DRAWER_LIST_ITEM_STATES.LOADING?(t(),l(o,{key:0,icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.XX_SMALL,spinning:""},null,8,["icon","size"])):(t(),a("div",T,r(e.valueText),1))])}const O=p(n,[["render",D],["__scopeId","data-v-61a9e9e3"]]);n.__docgenInfo={displayName:"DrawerListItem",exportName:"default",description:"",tags:{},props:[{name:"state",type:{name:"DrawerListItemState"},defaultValue:{func:!1,value:"DRAWER_LIST_ITEM_STATES.DEFAULT"}},{name:"label",type:{name:"string"},required:!0},{name:"valueText",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue"]};export{O as D,s as a};
+import{d as i,c as a,a as d,k as l,y as r,l as _,o as t}from"./vue.esm-bundler-DcRN7CPI.js";import{a as c,b as I,I as m}from"./Icon-Sov23HR0.js";import{_ as p}from"./_plugin-vue_export-helper-DlAUqK2U.js";const s={DEFAULT:"default",LOADING:"loading"},n=i({name:"DrawerListItem",components:{DsIcon:c},props:{state:{type:String,default:s.DEFAULT,validator(e){return Object.values(s).includes(e)}},label:{type:String,required:!0},valueText:{type:String,required:!0}},data(){return{DRAWER_LIST_ITEM_STATES:Object.freeze(s),ICONS:Object.freeze(m),ICON_SIZES:Object.freeze(I)}}}),u={class:"ds-drawerListItem"},S={class:"ds-drawerListItem__label"},T={key:1,class:"ds-drawerListItem__value"};function D(e,E,L,f,A,v){const o=_("ds-icon");return t(),a("div",u,[d("div",S,r(e.label),1),e.state===e.DRAWER_LIST_ITEM_STATES.LOADING?(t(),l(o,{key:0,icon:e.ICONS.FAD_SPINNER_THIRD,size:e.ICON_SIZES.XX_SMALL,spinning:""},null,8,["icon","size"])):(t(),a("div",T,r(e.valueText),1))])}const O=p(n,[["render",D],["__scopeId","data-v-61a9e9e3"]]);n.__docgenInfo={displayName:"DrawerListItem",exportName:"default",description:"",tags:{},props:[{name:"state",type:{name:"DrawerListItemState"},defaultValue:{func:!1,value:"DRAWER_LIST_ITEM_STATES.DEFAULT"}},{name:"label",type:{name:"string"},required:!0},{name:"valueText",type:{name:"string"},required:!0}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue"]};export{O as D,s as a};

package/docs/assets/DrawerListItem-nntyYqoz.css

@@ -0,0 +1 @@
+.ds-drawerListItem[data-v-61a9e9e3]{align-items:center;color:var(--color-neutral-text-strong);display:flex;gap:8px;padding:8px 0;width:100%}.ds-drawerListItem__label[data-v-61a9e9e3]{--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);flex-shrink:1;overflow:hidden;overflow-wrap:break-word;width:100%}.ds-drawerListItem__value[data-v-61a9e9e3]{--token: info-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-m);text-decoration:var(--typography-text-decoration-none);text-transform:var(--typography-text-transform-none);flex-shrink:0;max-width:50%}

package/docs/assets/{DrawerListItem.stories-BMZ35_qS.js → DrawerListItem.stories-Cl6Leu-f.js}

@@ -1,4 +1,4 @@
-import{D as s,a as n}from"./DrawerListItem-ClOcwiVc.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Icon-DUeXRUm6.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Drawer/DrawerListItem",component:s},i=o=>({components:{DrawerListItem:s},setup(){return o},template:`<div style="height: 300px; width: 200px;">
+import{D as s,a as n}from"./DrawerListItem-DNVuDaXW.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Icon-Sov23HR0.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Drawer/DrawerListItem",component:s},i=o=>({components:{DrawerListItem:s},setup(){return o},template:`<div style="height: 300px; width: 200px;">
         <drawer-list-item :label="label" :value-text="valueText" :state="state" />
         </div>`}),e=i.bind({}),l={label:"Label",valueText:"value",state:n.DEFAULT},p={state:{control:"select",options:Object.values(n)}};e.argTypes=p;e.args=l;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=6785-111025&t=pzyp7YuJcnGNBfS5-4"}};var t,a,r;e.parameters={...e.parameters,docs:{...(t=e.parameters)==null?void 0:t.docs,source:{originalSource:`args => ({
   components: {

package/docs/assets/DrawerListItemGroup-Cd76tMcW.css

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

package/docs/assets/{DrawerListItemGroup.stories-Bn2TyQLH.js → DrawerListItemGroup.stories-CFbl_0Bg.js}

@@ -1,4 +1,4 @@
-import{D as s}from"./DrawerListItemGroup-SEWltKLJ.js";import{D as m}from"./DrawerListItem-ClOcwiVc.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-DUeXRUm6.js";const w={title:"Components/Drawer/DrawerListItemGroup",component:s},i=o=>({components:{DrawerListItemGroup:s,DrawerListItem:m},setup(){return o},template:`
+import{D as s}from"./DrawerListItemGroup-SEWltKLJ.js";import{D as m}from"./DrawerListItem-DNVuDaXW.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-Sov23HR0.js";const w={title:"Components/Drawer/DrawerListItemGroup",component:s},i=o=>({components:{DrawerListItemGroup:s,DrawerListItem:m},setup(){return o},template:`
     <drawer-list-item-group>
             <drawer-list-item value-text="1" label="Item" />
             <drawer-list-item value-text="2" label="Item" />

package/docs/assets/{DrawerSection-ByJjEPPu.js → DrawerSection-CHoVarSR.js}

@@ -1 +1 @@
-import{I as l}from"./Icon-DUeXRUm6.js";import{c as f,a as p}from"./IconButton-Cn83Zk5-.js";import{a as s,S as a,b as c}from"./SectionHeader-isKXGfjn.js";import{d as m,j as n,c as i,k as E,g as o,f as r,l as S,o as t}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d=m({name:"DrawerSection",components:{DsSectionHeader:c},props:{isExpandable:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(l).includes(n(e))}},iconLeftColor:{type:String,default:a.NEUTRAL_WEAK,validator(e){return Object.values(a).includes(n(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(l).includes(n(e))}},iconRightColor:{type:String,default:a.NEUTRAL_WEAK,validator(e){return Object.values(a).includes(n(e))}},isExpanded:{type:Boolean,default:!0},info:{type:Boolean,default:!1},size:{type:String,default:s.XX_SMALL,validator(e){return Object.values(s).includes(e)}},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:""},supportingText:{type:String,default:null},hasDivider:{type:Boolean,default:!0}},emits:["info-click","update:isExpanded"],data(){return{ICON_BUTTON_COLORS:Object.freeze(p),ICON_BUTTON_SIZES:Object.freeze(f),ICONS:Object.freeze(l),isExpandedInternal:this.isExpanded}},watch:{isExpanded:{handler(e){e!==this.isExpandedInternal&&(this.isExpandedInternal=e)},immediate:!0}},methods:{onExpandableHeaderClick(e){this.isExpandedInternal=e,this.$emit("update:isExpanded",e)},onInfoClick(){this.$emit("info-click")}}}),y={class:"ds-drawerSection"},C={key:1},I={key:2};function b(e,v,g,h,_,N){const u=S("ds-section-header");return t(),i("div",y,[e.title?(t(),E(u,{key:0,"icon-left":e.iconLeft,"icon-left-color":e.iconLeftColor,"icon-right":e.iconRight,"icon-right-color":e.iconRightColor,"is-expandable":e.isExpandable,"is-expanded":e.isExpandedInternal,info:e.info,size:e.size,title:e.title,"title-ellipsis":e.titleEllipsis,eyebrow:e.eyebrow,"supporting-text":e.supportingText,"has-divider":e.hasDivider,onInfoClick:e.onInfoClick,"onUpdate:isExpanded":e.onExpandableHeaderClick},null,8,["icon-left","icon-left-color","icon-right","icon-right-color","is-expandable","is-expanded","info","size","title","title-ellipsis","eyebrow","supporting-text","has-divider","onInfoClick","onUpdate:isExpanded"])):o("",!0),e.isExpandedInternal||!e.isExpandable?(t(),i("div",C,[r(e.$slots,"default")])):o("",!0),e.$slots.uncollapsible?(t(),i("div",I,[r(e.$slots,"uncollapsible")])):o("",!0)])}const w=O(d,[["render",b]]);d.__docgenInfo={displayName:"DrawerSection",exportName:"default",description:"",tags:{},props:[{name:"isExpandable",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"iconLeft",type:{name:"Object as () => IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconLeftColor",type:{name:"String as () => SectionHeaderIconColor"},defaultValue:{func:!1,value:"SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK"}},{name:"iconRight",type:{name:"Object as () => IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconRightColor",type:{name:"String as () => SectionHeaderIconColor"},defaultValue:{func:!1,value:"SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK"}},{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"info",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"SECTION_HEADER_SIZES.XX_SMALL"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"info-click"},{name:"update:isExpanded",type:{names:["undefined"]}}],slots:[{name:"default"},{name:"uncollapsible"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerSection/DrawerSection.vue"]};export{w as D};
+import{I as l}from"./Icon-Sov23HR0.js";import{c as f,a as p}from"./IconButton-BxVdSYTo.js";import{a as s,S as a,b as c}from"./SectionHeader-BTEZ3-bv.js";import{d as m,j as n,c as i,k as E,g as o,f as r,l as S,o as t}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as O}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d=m({name:"DrawerSection",components:{DsSectionHeader:c},props:{isExpandable:{type:Boolean,default:!1},iconLeft:{type:Object,default:null,validator(e){return Object.values(l).includes(n(e))}},iconLeftColor:{type:String,default:a.NEUTRAL_WEAK,validator(e){return Object.values(a).includes(n(e))}},iconRight:{type:Object,default:null,validator(e){return Object.values(l).includes(n(e))}},iconRightColor:{type:String,default:a.NEUTRAL_WEAK,validator(e){return Object.values(a).includes(n(e))}},isExpanded:{type:Boolean,default:!0},info:{type:Boolean,default:!1},size:{type:String,default:s.XX_SMALL,validator(e){return Object.values(s).includes(e)}},title:{type:String,default:null},titleEllipsis:{type:Boolean,default:!1},eyebrow:{type:String,default:""},supportingText:{type:String,default:null},hasDivider:{type:Boolean,default:!0}},emits:["info-click","update:isExpanded"],data(){return{ICON_BUTTON_COLORS:Object.freeze(p),ICON_BUTTON_SIZES:Object.freeze(f),ICONS:Object.freeze(l),isExpandedInternal:this.isExpanded}},watch:{isExpanded:{handler(e){e!==this.isExpandedInternal&&(this.isExpandedInternal=e)},immediate:!0}},methods:{onExpandableHeaderClick(e){this.isExpandedInternal=e,this.$emit("update:isExpanded",e)},onInfoClick(){this.$emit("info-click")}}}),y={class:"ds-drawerSection"},C={key:1},I={key:2};function b(e,v,g,h,_,N){const u=S("ds-section-header");return t(),i("div",y,[e.title?(t(),E(u,{key:0,"icon-left":e.iconLeft,"icon-left-color":e.iconLeftColor,"icon-right":e.iconRight,"icon-right-color":e.iconRightColor,"is-expandable":e.isExpandable,"is-expanded":e.isExpandedInternal,info:e.info,size:e.size,title:e.title,"title-ellipsis":e.titleEllipsis,eyebrow:e.eyebrow,"supporting-text":e.supportingText,"has-divider":e.hasDivider,onInfoClick:e.onInfoClick,"onUpdate:isExpanded":e.onExpandableHeaderClick},null,8,["icon-left","icon-left-color","icon-right","icon-right-color","is-expandable","is-expanded","info","size","title","title-ellipsis","eyebrow","supporting-text","has-divider","onInfoClick","onUpdate:isExpanded"])):o("",!0),e.isExpandedInternal||!e.isExpandable?(t(),i("div",C,[r(e.$slots,"default")])):o("",!0),e.$slots.uncollapsible?(t(),i("div",I,[r(e.$slots,"uncollapsible")])):o("",!0)])}const w=O(d,[["render",b]]);d.__docgenInfo={displayName:"DrawerSection",exportName:"default",description:"",tags:{},props:[{name:"isExpandable",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"iconLeft",type:{name:"Object as () => IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconLeftColor",type:{name:"String as () => SectionHeaderIconColor"},defaultValue:{func:!1,value:"SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK"}},{name:"iconRight",type:{name:"Object as () => IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconRightColor",type:{name:"String as () => SectionHeaderIconColor"},defaultValue:{func:!1,value:"SECTION_HEADER_ICON_COLORS.NEUTRAL_WEAK"}},{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"info",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"size",type:{name:"string"},defaultValue:{func:!1,value:"SECTION_HEADER_SIZES.XX_SMALL"}},{name:"title",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"titleEllipsis",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"eyebrow",type:{name:"string"},defaultValue:{func:!1,value:"''"}},{name:"supportingText",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"hasDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}}],events:[{name:"info-click"},{name:"update:isExpanded",type:{names:["undefined"]}}],slots:[{name:"default"},{name:"uncollapsible"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerSection/DrawerSection.vue"]};export{w as D};

package/docs/assets/{DrawerSection.stories-DuLphbcs.js → DrawerSection.stories-Con8S1A9.js}

@@ -1,4 +1,4 @@
-import{D as r}from"./DrawerSection-ByJjEPPu.js";import{S as n,a as l}from"./SectionHeader-isKXGfjn.js";import{I as t}from"./Icon-DUeXRUm6.js";import"./IconButton-Cn83Zk5-.js";import"./Button-XuK8IxnR.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./device-9fgosCm4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-NOTDPuJ1.js";const{useArgs:d}=__STORYBOOK_MODULE_PREVIEW_API__,D={title:"Components/Drawer/DrawerSection",component:r},f=a=>{const[g,c]=d();return{components:{DrawerSection:r},setup(){return a},data(){return{ICONS:Object.freeze(t)}},methods:{infoClicked(){console.log("info clicked")},isExpandedUpdated(p){c({isExpanded:p})}},template:`
+import{D as r}from"./DrawerSection-CHoVarSR.js";import{S as n,a as l}from"./SectionHeader-BTEZ3-bv.js";import{I as t}from"./Icon-Sov23HR0.js";import"./IconButton-BxVdSYTo.js";import"./Button-Cxy1oLg0.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./device-9fgosCm4.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Divider-NOTDPuJ1.js";const{useArgs:d}=__STORYBOOK_MODULE_PREVIEW_API__,D={title:"Components/Drawer/DrawerSection",component:r},f=a=>{const[g,c]=d();return{components:{DrawerSection:r},setup(){return a},data(){return{ICONS:Object.freeze(t)}},methods:{infoClicked(){console.log("info clicked")},isExpandedUpdated(p){c({isExpanded:p})}},template:`
             <drawer-section
                 :size="size"
                 :title="title"

package/docs/assets/DrawerTile-BOIv7BfW.css

@@ -0,0 +1 @@
+.ds-drawerTile[data-v-3aa8c837]{padding:8px 0}

package/docs/assets/{DrawerTile-BGQvQQSp.js → DrawerTile-DrsjexVv.js}

@@ -1 +1 @@
-import{p as n,c as t}from"./Tile-ByL6drhn.js";import{d as a,c as i,e as c,m as l,l as p,o as m}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=a({name:"DrawerTile",components:{DsTile:t},props:n,emits:{click:()=>!0}}),_={class:"ds-drawerTile"};function f(e,s,u,w,D,T){const r=p("ds-tile");return m(),i("div",_,[c(r,l(e.$props,{onClick:s[0]||(s[0]=k=>e.$emit("click"))}),null,16)])}const y=d(o,[["render",f],["__scopeId","data-v-3aa8c837"]]);o.__docgenInfo={displayName:"DrawerTile",exportName:"default",description:"",tags:{},events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerTile/DrawerTile.vue"]};export{y as D};
+import{p as n,c as t}from"./Tile-Cp6-gsx_.js";import{d as a,c as i,e as c,m as l,l as p,o as m}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as d}from"./_plugin-vue_export-helper-DlAUqK2U.js";const o=a({name:"DrawerTile",components:{DsTile:t},props:n,emits:{click:()=>!0}}),_={class:"ds-drawerTile"};function f(e,s,u,w,D,T){const r=p("ds-tile");return m(),i("div",_,[c(r,l(e.$props,{onClick:s[0]||(s[0]=k=>e.$emit("click"))}),null,16)])}const y=d(o,[["render",f],["__scopeId","data-v-3aa8c837"]]);o.__docgenInfo={displayName:"DrawerTile",exportName:"default",description:"",tags:{},events:[{name:"click"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Drawer/DrawerTile/DrawerTile.vue"]};export{y as D};

package/docs/assets/{DrawerTile.stories-DCe2L4Tv.js → DrawerTile.stories-Cp3qvP3I.js}

@@ -1,4 +1,4 @@
-import{D as o}from"./DrawerTile-BGQvQQSp.js";import{d as s,t as m,a as n,b as i}from"./Tile.sb.shared-D3LxXPDs.js";import"./Tile-ByL6drhn.js";import"./Icon-DUeXRUm6.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-D5riYdGJ.js";import"./Button-XuK8IxnR.js";import"./Divider-NOTDPuJ1.js";import"./IconButton-Cn83Zk5-.js";import"./device-9fgosCm4.js";import"./FeatureIcon-DY5WvpPf.js";const b={title:"Components/Drawer/DrawerTile",component:o},c=p=>({components:{DrawerTile:o},setup(){return p},template:m("drawer-tile"),data:s}),e=c.bind({});e.argTypes=n;e.args=i;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=6785-111025&t=pzyp7YuJcnGNBfS5-4"}};var r,t,a;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`args => ({
+import{D as o}from"./DrawerTile-DrsjexVv.js";import{d as s,t as m,a as n,b as i}from"./Tile.sb.shared-BuWxowLh.js";import"./Tile-Cp6-gsx_.js";import"./Icon-Sov23HR0.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Banner-I59psZ5_.js";import"./Button-Cxy1oLg0.js";import"./Divider-NOTDPuJ1.js";import"./IconButton-BxVdSYTo.js";import"./device-9fgosCm4.js";import"./FeatureIcon-DVdbBUgw.js";const b={title:"Components/Drawer/DrawerTile",component:o},c=p=>({components:{DrawerTile:o},setup(){return p},template:m("drawer-tile"),data:s}),e=c.bind({});e.argTypes=n;e.args=i;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=6785-111025&t=pzyp7YuJcnGNBfS5-4"}};var r,t,a;e.parameters={...e.parameters,docs:{...(r=e.parameters)==null?void 0:r.docs,source:{originalSource:`args => ({
   components: {
     DrawerTile
   },

package/docs/assets/Dropdown-Bzz3vOX5.css

@@ -0,0 +1 @@
+.ds-dropdown[data-v-2c4712ca]{background-color:var(--color-default-background);border:0;border-radius:0;box-shadow:0 2px 4px var(--color-default-shadow-weak),0 6px 12px var(--color-default-shadow-strong),0 0 4px var(--color-default-shadow);max-width:100%;min-width:128px;overflow:hidden;padding:0;text-align:left}.ds-dropdown.-ds-radiusBottom[data-v-2c4712ca]{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.ds-dropdown.-ds-radiusTop[data-v-2c4712ca]{border-top-left-radius:4px;border-top-right-radius:4px}.ds-dropdown[x-placement^=bottom][data-v-2c4712ca]{margin-top:4px}.ds-dropdown[x-placement^=top][data-v-2c4712ca]{margin-bottom:4px}.ds-dropdown__scrollableWrapper.-ds-heightLimited[data-v-2c4712ca]{overflow-y:auto}

package/docs/assets/{Dropdown.stories-DnkREwa1.js → Dropdown.stories-gZPiMFTd.js}

@@ -1,4 +1,4 @@
-import{D as i,a,b as r,c as l}from"./Dropdown-Bdrd2ZIh.js";import{S as c}from"./SelectList-YMQ8rEMc.js";import{S as p}from"./SelectListItem-BqKhIPSO.js";import"./vue-popper-m_ujT3wC.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-DUeXRUm6.js";const D={title:"Components/Dropdown",component:i},m=n=>({components:{Dropdown:i,SelectList:c,SelectListItem:p},setup(){return n},template:`
+import{D as i,a,b as r,c as l}from"./Dropdown-Bdrd2ZIh.js";import{S as c}from"./SelectList-YMQ8rEMc.js";import{S as p}from"./SelectListItem-B0BZJx_K.js";import"./vue-popper-m_ujT3wC.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Icon-Sov23HR0.js";const D={title:"Components/Dropdown",component:i},m=n=>({components:{Dropdown:i,SelectList:c,SelectListItem:p},setup(){return n},template:`
     <div style="position: relative">
       <dropdown :trigger-action="triggerAction"
                 :force-show="forceShow"

package/docs/assets/{FeatureIcon-DY5WvpPf.js → FeatureIcon-DVdbBUgw.js}

@@ -1 +1 @@
-import{d,q as u,c,e as m,u as o,v as L,o as t}from"./vue.esm-bundler-DcRN7CPI.js";import{b as n,a as A}from"./Icon-DUeXRUm6.js";const a={X_SMALL:"xSmall",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"xLarge"},s={DANGER:"danger",INFO:"info",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",SUCCESS:"success",WARNING:"warning",FAIL:"fail"},I=d({__name:"FeatureIcon",props:{icon:{},size:{default:()=>a.MEDIUM},color:{},doubleBackground:{type:Boolean,default:!1}},setup(r){const l={[a.X_SMALL]:n.XX_SMALL,[a.SMALL]:n.X_SMALL,[a.MEDIUM]:n.MEDIUM,[a.LARGE]:n.LARGE,[a.X_LARGE]:n.X_LARGE},i=u(()=>l[r.size]);return(e,E)=>(t(),c("div",{class:L(["ds-featureIcon",{"-ds-doubleBackground":e.doubleBackground,"-ds-danger":e.color===o(s).DANGER,"-ds-fail":e.color===o(s).FAIL,"-ds-info":e.color===o(s).INFO,"-ds-neutral":e.color===o(s).NEUTRAL,"-ds-neutralWeak":e.color===o(s).NEUTRAL_WEAK,"-ds-primary":e.color===o(s).PRIMARY,"-ds-success":e.color===o(s).SUCCESS,"-ds-warning":e.color===o(s).WARNING,"-ds-xSmall":e.size===o(a).X_SMALL,"-ds-small":e.size===o(a).SMALL,"-ds-medium":e.size===o(a).MEDIUM,"-ds-large":e.size===o(a).LARGE,"-ds-xLarge":e.size===o(a).X_LARGE}])},[m(o(A),{class:"ds-featureIcon__icon",icon:e.icon,size:i.value},null,8,["icon","size"])],2))}});I.__docgenInfo={exportName:"default",displayName:"FeatureIcon",description:"",tags:{},props:[{name:"icon",required:!0,type:{name:"IconItem"}},{name:"size",required:!1,type:{name:"FeatureIconSize"}},{name:"color",required:!0,type:{name:"FeatureIconColor"}},{name:"doubleBackground",required:!1,type:{name:"boolean"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue"]};export{s as F,I as _,a};
+import{d,q as u,c,e as m,u as o,v as L,o as t}from"./vue.esm-bundler-DcRN7CPI.js";import{b as n,a as A}from"./Icon-Sov23HR0.js";const a={X_SMALL:"xSmall",SMALL:"small",MEDIUM:"medium",LARGE:"large",X_LARGE:"xLarge"},s={DANGER:"danger",INFO:"info",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutralWeak",PRIMARY:"primary",SUCCESS:"success",WARNING:"warning",FAIL:"fail"},I=d({__name:"FeatureIcon",props:{icon:{},size:{default:()=>a.MEDIUM},color:{},doubleBackground:{type:Boolean,default:!1}},setup(r){const l={[a.X_SMALL]:n.XX_SMALL,[a.SMALL]:n.X_SMALL,[a.MEDIUM]:n.MEDIUM,[a.LARGE]:n.LARGE,[a.X_LARGE]:n.X_LARGE},i=u(()=>l[r.size]);return(e,E)=>(t(),c("div",{class:L(["ds-featureIcon",{"-ds-doubleBackground":e.doubleBackground,"-ds-danger":e.color===o(s).DANGER,"-ds-fail":e.color===o(s).FAIL,"-ds-info":e.color===o(s).INFO,"-ds-neutral":e.color===o(s).NEUTRAL,"-ds-neutralWeak":e.color===o(s).NEUTRAL_WEAK,"-ds-primary":e.color===o(s).PRIMARY,"-ds-success":e.color===o(s).SUCCESS,"-ds-warning":e.color===o(s).WARNING,"-ds-xSmall":e.size===o(a).X_SMALL,"-ds-small":e.size===o(a).SMALL,"-ds-medium":e.size===o(a).MEDIUM,"-ds-large":e.size===o(a).LARGE,"-ds-xLarge":e.size===o(a).X_LARGE}])},[m(o(A),{class:"ds-featureIcon__icon",icon:e.icon,size:i.value},null,8,["icon","size"])],2))}});I.__docgenInfo={exportName:"default",displayName:"FeatureIcon",description:"",tags:{},props:[{name:"icon",required:!0,type:{name:"IconItem"}},{name:"size",required:!1,type:{name:"FeatureIconSize"}},{name:"color",required:!0,type:{name:"FeatureIconColor"}},{name:"doubleBackground",required:!1,type:{name:"boolean"}}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue"]};export{s as F,I as _,a};

package/docs/assets/FeatureIcon-GMD80JMl.css

@@ -0,0 +1 @@
+.ds-icon{align-items:center;display:inline-flex;transform:rotate(var(--rotate));transition:transform .15s}.ds-icon.-ds-touchable{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px}.ds-icon.-ds-spin{animation:a-fadeIn .3s,a-spinAround 1s infinite linear}.ds-icon.-ds-flipped-vertical{transform:rotateX(180deg)}.ds-icon.-ds-flipped-horizontal{transform:rotateY(180deg)}.ds-icon svg,.ds-icon .svg-inline--fa{height:24px;width:24px}.ds-icon.-ds-xx-large svg,.ds-icon.-ds-xx-large .svg-inline--fa{height:64px;width:64px}.ds-icon.-ds-x-large svg,.ds-icon.-ds-x-large .svg-inline--fa{height:48px;width:48px}.ds-icon.-ds-large svg,.ds-icon.-ds-large .svg-inline--fa{height:32px;width:32px}.ds-icon.-ds-medium svg,.ds-icon.-ds-medium .svg-inline--fa{height:24px;width:24px}.ds-icon.-ds-small svg,.ds-icon.-ds-small .svg-inline--fa{height:20px;width:20px}.ds-icon.-ds-x-small svg,.ds-icon.-ds-x-small .svg-inline--fa{height:16px;width:16px}.ds-icon.-ds-xx-small svg,.ds-icon.-ds-xx-small .svg-inline--fa{height:12px;width:12px}.ds-icon.-ds-xxx-small svg,.ds-icon.-ds-xxx-small .svg-inline--fa{height:8px;width:8px}.ds-featureIcon{border-radius:100%;border-style:solid;border-width:6px;display:inline-flex;padding:6px}.ds-featureIcon.-ds-neutral{background-color:var(--color-neutral-background-medium);border-color:var(--color-neutral-background-medium)}.ds-featureIcon.-ds-neutral .ds-featureIcon__icon{color:var(--color-neutral-icon)}.ds-featureIcon.-ds-neutral.-ds-doubleBackground{border-color:var(--color-neutral-background)}.ds-featureIcon.-ds-neutralWeak{background-color:var(--color-neutral-background-medium);border-color:var(--color-neutral-background-medium)}.ds-featureIcon.-ds-neutralWeak .ds-featureIcon__icon{color:var(--color-neutral-icon-weak)}.ds-featureIcon.-ds-neutralWeak.-ds-doubleBackground{border-color:var(--color-neutral-background)}.ds-featureIcon.-ds-primary{background-color:var(--color-primary-background-medium);border-color:var(--color-primary-background-medium)}.ds-featureIcon.-ds-primary .ds-featureIcon__icon{color:var(--color-primary-icon)}.ds-featureIcon.-ds-primary.-ds-doubleBackground{border-color:var(--color-primary-background)}.ds-featureIcon.-ds-success{background-color:var(--color-success-background-medium);border-color:var(--color-success-background-medium)}.ds-featureIcon.-ds-success .ds-featureIcon__icon{color:var(--color-success-icon)}.ds-featureIcon.-ds-success.-ds-doubleBackground{border-color:var(--color-success-background)}.ds-featureIcon.-ds-danger{background-color:var(--color-danger-background-medium);border-color:var(--color-danger-background-medium)}.ds-featureIcon.-ds-danger .ds-featureIcon__icon{color:var(--color-danger-icon)}.ds-featureIcon.-ds-danger.-ds-doubleBackground{border-color:var(--color-danger-background)}.ds-featureIcon.-ds-fail{background-color:var(--color-fail-background-medium);border-color:var(--color-fail-background-medium)}.ds-featureIcon.-ds-fail .ds-featureIcon__icon{color:var(--color-fail-icon)}.ds-featureIcon.-ds-fail.-ds-doubleBackground{border-color:var(--color-fail-background)}.ds-featureIcon.-ds-warning{background-color:var(--color-warning-background-medium);border-color:var(--color-warning-background-medium)}.ds-featureIcon.-ds-warning .ds-featureIcon__icon{color:var(--color-warning-icon)}.ds-featureIcon.-ds-warning.-ds-doubleBackground{border-color:var(--color-warning-background)}.ds-featureIcon.-ds-info{background-color:var(--color-info-background-medium);border-color:var(--color-info-background-medium)}.ds-featureIcon.-ds-info .ds-featureIcon__icon{color:var(--color-info-icon)}.ds-featureIcon.-ds-info.-ds-doubleBackground{border-color:var(--color-info-background)}.ds-featureIcon.-ds-xSmall{border-width:2px;padding:2px}.ds-featureIcon.-ds-small{border-width:4px;padding:4px}.ds-featureIcon.-ds-large{border-width:6px;padding:10px}.ds-featureIcon.-ds-xLarge{border-width:8px;padding:12px}

package/docs/assets/{FeatureIcon.stories-BqYqiSzM.js → FeatureIcon.stories-C2G9Fp3H.js}

@@ -1,4 +1,4 @@
-import{_ as c,F as n,a as s}from"./FeatureIcon-DY5WvpPf.js";import{I as a}from"./Icon-DUeXRUm6.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Icons/FeatureIcon",component:c},u=i=>({components:{FeatureIcon:c},setup(){return i},template:'<feature-icon :icon="ICONS[icon]" :size="size" :color="color" :doubleBackground="doubleBackground" />',data(){return{ICONS:Object.freeze(a)}}}),e=u.bind({}),l={size:s.X_LARGE,icon:"FA_CIRCLE_QUESTION",color:n.PRIMARY,doubleBackground:!0},p={size:{control:"select",options:Object.values(s)},icon:{control:"select",options:[null,...Object.keys(a)]},color:{control:"select",options:Object.values(n)},doubleBackground:{control:"boolean"}};e.argTypes=p;e.args=l;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=5604-96259"}};var o,t,r;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`args => ({
+import{_ as c,F as n,a as s}from"./FeatureIcon-DVdbBUgw.js";import{I as a}from"./Icon-Sov23HR0.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const g={title:"Components/Icons/FeatureIcon",component:c},u=i=>({components:{FeatureIcon:c},setup(){return i},template:'<feature-icon :icon="ICONS[icon]" :size="size" :color="color" :doubleBackground="doubleBackground" />',data(){return{ICONS:Object.freeze(a)}}}),e=u.bind({}),l={size:s.X_LARGE,icon:"FA_CIRCLE_QUESTION",color:n.PRIMARY,doubleBackground:!0},p={size:{control:"select",options:Object.values(s)},icon:{control:"select",options:[null,...Object.keys(a)]},color:{control:"select",options:Object.values(n)},doubleBackground:{control:"boolean"}};e.argTypes=p;e.args=l;e.parameters={design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS---Components?node-id=5604-96259"}};var o,t,r;e.parameters={...e.parameters,docs:{...(o=e.parameters)==null?void 0:o.docs,source:{originalSource:`args => ({
   components: {
     FeatureIcon
   },

package/docs/assets/{FormField-BjLFip7T.js → FormField-BhTEsLma.js}

@@ -1 +1 @@
-import{d as h,z as I,q as m,c as a,g as l,a as d,f as t,y as i,u as o,v as y,A as v,o as s,k,h as q,B as S}from"./vue.esm-bundler-DcRN7CPI.js";import{F as b,a as $}from"./FormFieldMessage-B4Oy2QBT.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";const A={key:0,class:"ds-formField__labels"},L={class:"ds-formField__labelRow"},R={class:"ds-formField__labelWrapper"},B=["for"],M={class:"ds-formField__labelText"},w={key:0,class:"ds-formField__labelRequired","aria-hidden":"true"},D={key:1,class:"ds-formField__labelInfo"},E={key:0,class:"ds-formField__labelAside"},N={key:0,class:"ds-formField__subLabelRow"},C={class:"ds-formField__field"},V={key:1,class:"ds-formField__footerRow"},z={class:"ds-formField__message"},j={key:0,class:"ds-formField__fieldStatus"},_=h({__name:"FormField",props:{label:{},state:{default:()=>b.DEFAULT},hasRequiredIndicator:{type:Boolean,default:!1},labelInfo:{},subLabel:{},fieldId:{},messageText:{}},setup(u){const c=I(),g=v(),r=m(()=>u.fieldId||`form-field-${g}`),{hasMessage:p,messageId:n}=F();function F(){const e=m(()=>!!(c.message||u.messageText)),f=m(()=>`${r.value}-message`);return{hasMessage:e,messageId:f}}return(e,f)=>(s(),a("div",{class:y(["ds-formField",{"-ds-disabled":e.state===o(b).DISABLED}])},[e.label||e.subLabel||e.$slots.labelAside?(s(),a("div",A,[d("div",L,[d("div",R,[e.label?(s(),a("label",{key:0,class:"ds-formField__label",for:r.value},[d("span",M,i(e.label),1),e.hasRequiredIndicator?(s(),a("span",w,"*")):l("",!0),e.labelInfo?(s(),a("span",D,i(e.labelInfo),1)):l("",!0)],8,B)):l("",!0),t(e.$slots,"help",{},void 0,!0)]),e.$slots.labelAside?(s(),a("div",E,[t(e.$slots,"labelAside",{},void 0,!0)])):l("",!0)]),e.subLabel?(s(),a("div",N,i(e.subLabel),1)):l("",!0)])):l("",!0),d("div",C,[t(e.$slots,"field",{fieldId:r.value,messageId:o(n)},void 0,!0)]),o(p)||e.$slots.fieldStatus?(s(),a("div",V,[d("div",z,[t(e.$slots,"message",{messageId:o(n)},()=>[e.messageText?(s(),k($,{key:0,state:e.state,"message-id":o(n)},{default:q(()=>[S(i(e.messageText),1)]),_:1},8,["state","message-id"])):l("",!0)],!0)]),e.$slots.fieldStatus?(s(),a("div",j,[t(e.$slots,"fieldStatus",{},void 0,!0)])):l("",!0)])):l("",!0)],2))}}),G=T(_,[["__scopeId","data-v-7166e4a5"]]);_.__docgenInfo={exportName:"default",displayName:"FormField",description:"",tags:{},props:[{name:"label",required:!1,type:{name:"string"}},{name:"state",required:!1,type:{name:"union",elements:[{name:'"default"'},{name:'"disabled"'},{name:'"error"'},{name:'"success"'}]}},{name:"hasRequiredIndicator",required:!1,type:{name:"boolean"}},{name:"labelInfo",required:!1,type:{name:"string"}},{name:"subLabel",required:!1,type:{name:"string"}},{name:"fieldId",required:!1,type:{name:"string"}},{name:"messageText",required:!1,type:{name:"string"}}],slots:[{name:"help"},{name:"labelAside"},{name:"field",scoped:!0,bindings:[{name:"field-id",title:"binding"},{name:"message-id",title:"binding"}]},{name:"message",scoped:!0,bindings:[{name:"message-id",title:"binding"}]},{name:"fieldStatus"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Form/FormField/FormField.vue"]};export{G as F};
+import{d as h,z as I,q as m,c as a,g as l,a as d,f as t,y as i,u as o,v as y,A as v,o as s,k,h as q,B as S}from"./vue.esm-bundler-DcRN7CPI.js";import{F as b,a as $}from"./FormFieldMessage-ChTeKEHb.js";import{_ as T}from"./_plugin-vue_export-helper-DlAUqK2U.js";const A={key:0,class:"ds-formField__labels"},L={class:"ds-formField__labelRow"},R={class:"ds-formField__labelWrapper"},B=["for"],M={class:"ds-formField__labelText"},w={key:0,class:"ds-formField__labelRequired","aria-hidden":"true"},D={key:1,class:"ds-formField__labelInfo"},E={key:0,class:"ds-formField__labelAside"},N={key:0,class:"ds-formField__subLabelRow"},C={class:"ds-formField__field"},V={key:1,class:"ds-formField__footerRow"},z={class:"ds-formField__message"},j={key:0,class:"ds-formField__fieldStatus"},_=h({__name:"FormField",props:{label:{},state:{default:()=>b.DEFAULT},hasRequiredIndicator:{type:Boolean,default:!1},labelInfo:{},subLabel:{},fieldId:{},messageText:{}},setup(u){const c=I(),g=v(),r=m(()=>u.fieldId||`form-field-${g}`),{hasMessage:p,messageId:n}=F();function F(){const e=m(()=>!!(c.message||u.messageText)),f=m(()=>`${r.value}-message`);return{hasMessage:e,messageId:f}}return(e,f)=>(s(),a("div",{class:y(["ds-formField",{"-ds-disabled":e.state===o(b).DISABLED}])},[e.label||e.subLabel||e.$slots.labelAside?(s(),a("div",A,[d("div",L,[d("div",R,[e.label?(s(),a("label",{key:0,class:"ds-formField__label",for:r.value},[d("span",M,i(e.label),1),e.hasRequiredIndicator?(s(),a("span",w,"*")):l("",!0),e.labelInfo?(s(),a("span",D,i(e.labelInfo),1)):l("",!0)],8,B)):l("",!0),t(e.$slots,"help",{},void 0,!0)]),e.$slots.labelAside?(s(),a("div",E,[t(e.$slots,"labelAside",{},void 0,!0)])):l("",!0)]),e.subLabel?(s(),a("div",N,i(e.subLabel),1)):l("",!0)])):l("",!0),d("div",C,[t(e.$slots,"field",{fieldId:r.value,messageId:o(n)},void 0,!0)]),o(p)||e.$slots.fieldStatus?(s(),a("div",V,[d("div",z,[t(e.$slots,"message",{messageId:o(n)},()=>[e.messageText?(s(),k($,{key:0,state:e.state,"message-id":o(n)},{default:q(()=>[S(i(e.messageText),1)]),_:1},8,["state","message-id"])):l("",!0)],!0)]),e.$slots.fieldStatus?(s(),a("div",j,[t(e.$slots,"fieldStatus",{},void 0,!0)])):l("",!0)])):l("",!0)],2))}}),G=T(_,[["__scopeId","data-v-7166e4a5"]]);_.__docgenInfo={exportName:"default",displayName:"FormField",description:"",tags:{},props:[{name:"label",required:!1,type:{name:"string"}},{name:"state",required:!1,type:{name:"union",elements:[{name:'"default"'},{name:'"disabled"'},{name:'"error"'},{name:'"success"'}]}},{name:"hasRequiredIndicator",required:!1,type:{name:"boolean"}},{name:"labelInfo",required:!1,type:{name:"string"}},{name:"subLabel",required:!1,type:{name:"string"}},{name:"fieldId",required:!1,type:{name:"string"}},{name:"messageText",required:!1,type:{name:"string"}}],slots:[{name:"help"},{name:"labelAside"},{name:"field",scoped:!0,bindings:[{name:"field-id",title:"binding"},{name:"message-id",title:"binding"}]},{name:"message",scoped:!0,bindings:[{name:"message-id",title:"binding"}]},{name:"fieldStatus"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Form/FormField/FormField.vue"]};export{G as F};

package/docs/assets/FormField-BtThuD17.css

@@ -0,0 +1 @@
+.ds-formField[data-v-7166e4a5]{display:flex;flex-direction:column;gap:2px}.ds-formField__labelRow[data-v-7166e4a5]{align-items:flex-start;display:flex;gap:12px}.ds-formField__subLabelRow[data-v-7166e4a5]{--token: formLabel-s-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);color:var(--color-neutral-text);padding-bottom:8px}.ds-formField.-ds-disabled .ds-formField__subLabelRow[data-v-7166e4a5]{color:var(--color-neutral-text-disabled)}.ds-formField__labelWrapper[data-v-7166e4a5]{align-items:flex-start;display:flex;flex:1 0 0;gap:2px;padding:4px 0}.ds-formField__label[data-v-7166e4a5]{--token: formLabel-m-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);margin:2px 0}.ds-formField__labelText[data-v-7166e4a5]{color:var(--color-neutral-text-strong)}.ds-formField.-ds-disabled .ds-formField__labelText[data-v-7166e4a5]{color:var(--color-neutral-text-strong-disabled)}.ds-formField__labelRequired[data-v-7166e4a5]{--token: formLabel-m-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-danger-text);margin-left:2px}.ds-formField.-ds-disabled .ds-formField__labelRequired[data-v-7166e4a5]{color:var(--color-danger-text-disabled)}.ds-formField__labelInfo[data-v-7166e4a5]{--token: formLabel-s-default-regular-italic;font-weight:var(--typography-font-weight-normal);font-style:var(--typography-font-style-italic);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);margin-left:2px}.ds-formField.-ds-disabled .ds-formField__labelInfo[data-v-7166e4a5]{color:var(--color-neutral-text-disabled)}.ds-formField__labelAside[data-v-7166e4a5]{align-items:center;display:flex;gap:4px;min-height:28px}.ds-formField__field[data-v-7166e4a5]{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-height:28px}.ds-formField__footerRow[data-v-7166e4a5]{align-items:flex-start;display:flex;gap:8px;padding-top:4px}.ds-formField__message[data-v-7166e4a5]{flex:1 0 0}.ds-formField__fieldStatus[data-v-7166e4a5]{align-items:flex-start;display:flex;gap:4px}

package/docs/assets/{FormField.stories-DY8Mz4YE.js → FormField.stories-CxGUeCkY.js}

@@ -1,4 +1,4 @@
-import{F as s}from"./FormField-BjLFip7T.js";import{_ as F}from"./HelpButton-BStTtLsz.js";import{F as l}from"./FormFieldMessage-B4Oy2QBT.js";import{a as I,b as S}from"./FormField.stories.shared-3_36NKi_.js";import{t as E,r as R}from"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconButton-Cn83Zk5-.js";import"./Icon-DUeXRUm6.js";import"./Button-XuK8IxnR.js";import"./device-9fgosCm4.js";import"./Tooltip-BvaJ_K9_.js";import"./Modal-ByQBkOMU.js";import"./FeatureIcon-DY5WvpPf.js";const z={title:"Components/Form/FormField",component:s,render:n=>({components:{FormField:s,HelpButton:F},setup(){const{field:d,help:f,labelAside:g,message:c,fieldStatus:v,...u}=E(n);return{props:R({...u}),labelAside:g,fieldStatus:v,message:c,help:f,field:d,FORM_FIELD_STATES:l}},template:`<FormField v-bind="props">
+import{F as s}from"./FormField-BhTEsLma.js";import{_ as F}from"./HelpButton-CEgxICQd.js";import{F as l}from"./FormFieldMessage-ChTeKEHb.js";import{a as I,b as S}from"./FormField.stories.shared-Cf0mjW7a.js";import{t as E,r as R}from"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./IconButton-BxVdSYTo.js";import"./Icon-Sov23HR0.js";import"./Button-Cxy1oLg0.js";import"./device-9fgosCm4.js";import"./Tooltip-BvaJ_K9_.js";import"./Modal-CgSrAHzs.js";import"./FeatureIcon-DVdbBUgw.js";const z={title:"Components/Form/FormField",component:s,render:n=>({components:{FormField:s,HelpButton:F},setup(){const{field:d,help:f,labelAside:g,message:c,fieldStatus:v,...u}=E(n);return{props:R({...u}),labelAside:g,fieldStatus:v,message:c,help:f,field:d,FORM_FIELD_STATES:l}},template:`<FormField v-bind="props">
             <template #field="{fieldId, messageId}">
                 <input v-if="!field" :id="fieldId" :aria-describedby="messageId" />
                 <div v-else v-html="field" />

package/docs/assets/{FormField.stories.shared-3_36NKi_.js → FormField.stories.shared-Cf0mjW7a.js}

@@ -1 +1 @@
-import{F as e}from"./FormFieldMessage-B4Oy2QBT.js";const l={label:{control:"text"},state:{control:"select",options:Object.values(e)},hasRequiredIndicator:{control:"boolean"},labelInfo:{control:"text"},subLabel:{control:"text"},fieldId:{control:"text"},labelAside:{control:"text"},message:{control:"text"},fieldStatus:{control:"text"},help:{control:"boolean"},messageText:{control:"text"}},o={label:"Label",state:e.DEFAULT,hasRequiredIndicator:!1,labelInfo:"(opcjonalne)",subLabel:"Sublabel write here",labelAside:"Label aside",message:"",help:!0,fieldStatus:"Field status",messageText:""};export{l as a,o as b};
+import{F as e}from"./FormFieldMessage-ChTeKEHb.js";const l={label:{control:"text"},state:{control:"select",options:Object.values(e)},hasRequiredIndicator:{control:"boolean"},labelInfo:{control:"text"},subLabel:{control:"text"},fieldId:{control:"text"},labelAside:{control:"text"},message:{control:"text"},fieldStatus:{control:"text"},help:{control:"boolean"},messageText:{control:"text"}},o={label:"Label",state:e.DEFAULT,hasRequiredIndicator:!1,labelInfo:"(opcjonalne)",subLabel:"Sublabel write here",labelAside:"Label aside",message:"",help:!0,fieldStatus:"Field status",messageText:""};export{l as a,o as b};

package/docs/assets/{FormFieldMessage-B4Oy2QBT.js → FormFieldMessage-ChTeKEHb.js}

@@ -1 +1 @@
-import{d as m,q as l,c as o,g as c,f as u,e as F,u as a,v as p,o as r}from"./vue.esm-bundler-DcRN7CPI.js";import{I as d,b as _,a as S}from"./Icon-DUeXRUm6.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={DEFAULT:"default",DISABLED:"disabled",ERROR:"error",SUCCESS:"success"},C=["id"],E={key:0,class:"ds-formFieldMessage__iconWrapper"},n=m({__name:"FormFieldMessage",props:{state:{default:()=>e.DEFAULT},messageId:{}},setup(i){const t=l(()=>{switch(i.state){case e.ERROR:return d.FA_CIRCLE_EXCLAMATION;case e.SUCCESS:return d.FA_CIRCLE_CHECK;default:return null}});return(s,I)=>(r(),o("div",{id:s.messageId,class:p(["ds-formFieldMessage",{"-ds-error":s.state===a(e).ERROR,"-ds-success":s.state===a(e).SUCCESS,"-ds-disabled":s.state===a(e).DISABLED}])},[t.value?(r(),o("div",E,[F(a(S),{icon:t.value,size:a(_).XX_SMALL},null,8,["icon","size"])])):c("",!0),u(s.$slots,"default",{},void 0,!0)],10,C))}}),L=f(n,[["__scopeId","data-v-157e206b"]]);n.__docgenInfo={exportName:"default",displayName:"FormFieldMessage",description:"",tags:{},props:[{name:"state",required:!1,type:{name:"FormFieldState"}},{name:"messageId",required:!0,type:{name:"string"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Form/FormField/FormFieldMessage/FormFieldMessage.vue"]};export{e as F,L as a};
+import{d as m,q as l,c as o,g as c,f as u,e as F,u as a,v as p,o as r}from"./vue.esm-bundler-DcRN7CPI.js";import{I as d,b as _,a as S}from"./Icon-Sov23HR0.js";import{_ as f}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={DEFAULT:"default",DISABLED:"disabled",ERROR:"error",SUCCESS:"success"},C=["id"],E={key:0,class:"ds-formFieldMessage__iconWrapper"},n=m({__name:"FormFieldMessage",props:{state:{default:()=>e.DEFAULT},messageId:{}},setup(i){const t=l(()=>{switch(i.state){case e.ERROR:return d.FA_CIRCLE_EXCLAMATION;case e.SUCCESS:return d.FA_CIRCLE_CHECK;default:return null}});return(s,I)=>(r(),o("div",{id:s.messageId,class:p(["ds-formFieldMessage",{"-ds-error":s.state===a(e).ERROR,"-ds-success":s.state===a(e).SUCCESS,"-ds-disabled":s.state===a(e).DISABLED}])},[t.value?(r(),o("div",E,[F(a(S),{icon:t.value,size:a(_).XX_SMALL},null,8,["icon","size"])])):c("",!0),u(s.$slots,"default",{},void 0,!0)],10,C))}}),L=f(n,[["__scopeId","data-v-157e206b"]]);n.__docgenInfo={exportName:"default",displayName:"FormFieldMessage",description:"",tags:{},props:[{name:"state",required:!1,type:{name:"FormFieldState"}},{name:"messageId",required:!0,type:{name:"string"}}],slots:[{name:"default"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Form/FormField/FormFieldMessage/FormFieldMessage.vue"]};export{e as F,L as a};

package/docs/assets/FormFieldMessage-killcS5H.css

@@ -0,0 +1 @@
+.ds-formFieldMessage[data-v-157e206b]{--token: formCaption-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);color:var(--color-neutral-text);display:flex;gap:4px}.ds-formFieldMessage.-ds-error[data-v-157e206b]{color:var(--color-danger-text)}.ds-formFieldMessage.-ds-success[data-v-157e206b]{color:var(--color-success-text)}.ds-formFieldMessage.-ds-disabled[data-v-157e206b]{color:var(--color-neutral-text-disabled)}.ds-formFieldMessage__iconWrapper[data-v-157e206b]{align-items:center;display:flex;height:var(--typography-line-height-3xs)}.ds-formFieldMessage.-ds-error .ds-formFieldMessage__iconWrapper[data-v-157e206b]{color:var(--color-danger-icon)}.ds-formFieldMessage.-ds-success .ds-formFieldMessage__iconWrapper[data-v-157e206b]{color:var(--color-success-icon)}

package/docs/assets/{FormFieldMessage.stories-BD7JfJNj.js → FormFieldMessage.stories-Cj91vuUZ.js}

@@ -1,4 +1,4 @@
-import{a,F as t}from"./FormFieldMessage-B4Oy2QBT.js";import{a as c,b as I,I as l}from"./Icon-DUeXRUm6.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const M={title:"Components/Form/FormFieldMessage",component:a,render:n=>({components:{FormFieldMessage:a},setup(){return{args:n}},template:`<FormFieldMessage v-bind="args">
+import{a,F as t}from"./FormFieldMessage-ChTeKEHb.js";import{a as c,b as I,I as l}from"./Icon-Sov23HR0.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const M={title:"Components/Form/FormFieldMessage",component:a,render:n=>({components:{FormFieldMessage:a},setup(){return{args:n}},template:`<FormFieldMessage v-bind="args">
             <div v-html="args.default" />
         </FormFieldMessage>`}),argTypes:{state:{control:"select",options:Object.values(t)},messageId:{control:"text"},default:{control:"text",description:"Default slot content for the message."}}},e={args:{default:"Message",messageId:"message-id",state:t.DEFAULT}};e.parameters={design:{type:"figma",url:"https://www.figma.com/design/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?node-id=13364-13669&m=dev"}};const s={args:{messageId:"message-id",state:t.DEFAULT},render:n=>({components:{FormFieldMessage:a,Icon:c},setup(){return{args:n,ICONS:l,ICON_SIZES:I}},template:`<FormFieldMessage v-bind="args">
             Message with inline <Icon :icon="ICONS.FA_ADDRESS_CARD" :size="ICON_SIZES.XX_SMALL" /> icon

package/docs/assets/{GroupRichListItem-CHiSrcou.js → GroupRichListItem-BSgdK1YS.js}

@@ -1 +1 @@
-import{d as g,j as D,c as l,g as s,a as d,f as o,v as i,e as f,H as c,G as p,k as v,l as C,o as t}from"./vue.esm-bundler-DcRN7CPI.js";import{D as M}from"./Divider-NOTDPuJ1.js";import{D as V}from"./Checkbox-g1Bvy8z-.js";import{a as $,b as U,I as b,c as z}from"./Icon-DUeXRUm6.js";import{_ as R}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={DEFAULT:"default",FLAT:"flat"},n={DEFAULT:"default",LOADING:"loading",DRAG:"drag"},m={SMALL:"small",MEDIUM:"medium"},y={DEFAULT:"default",PRIMARY:"primary",PRIMARY_WEAK:"primary-weak",NEUTRAL_HEAVY:"neutral-heavy",NEUTRAL_STRONG:"neutral-strong",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak",NEUTRAL_GHOST:"neutral-ghost",DANGER:"danger",DANGER_WEAK:"danger-weak",FAIL:"fail",FAIL_WEAK:"fail-weak",WARNING:"warning",WARNING_WEAK:"warning-weak",SUCCESS:"success",SUCCESS_WEAK:"success-weak",INFO:"info",INFO_WEAK:"info-weak",ACCENT:"accent",ACCENT_WEAK:"accent-weak"},L={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},G={SMALL:"small"},I={HORIZONTAL:"horizontal",VERTICAL:"vertical"},E=g({name:"RichListItem",components:{DsCheckbox:V,DsDivider:M,DsIcon:$},props:{type:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}},layout:{type:String,default:I.HORIZONTAL,validator(e){return Object.values(I).includes(e)}},state:{type:String,default:n.DEFAULT,validator(e){return Object.values(n).includes(e)}},size:{type:String,default:m.MEDIUM,validator(e){return Object.values(m).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(b).includes(D(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(z).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(y).includes(e)}},borderColorHex:{type:String,default:null},draggableIconClassName:{type:String,default:null},backgroundColor:{type:String,default:L.NEUTRAL,validator(e){return Object.values(L).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(G).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1}},emits:{"icon-click":()=>!0,click:e=>!0,"update:is-selected":e=>!0},data(){return{ICONS:Object.freeze(b),ICON_SIZES:Object.freeze(U),RICH_LIST_ITEM_TYPE:Object.freeze(r),RICH_LIST_ITEM_STATE:Object.freeze(n),RICH_LIST_ITEM_SIZE:Object.freeze(m)}},computed:{classList(){return{"-ds-default":this.type===r.DEFAULT,"-ds-flat":this.type===r.FLAT,"-ds-horizontal":this.isHorizontal,"-ds-verticalWithMedia":this.isVertical&&this.hasMedia,"-ds-vertical":this.isVertical,"-ds-loading":this.state===n.LOADING,"-ds-dimmed":this.isDimmed,"-ds-interactive":this.isInteractive,"-ds-small":this.size===m.SMALL,...this.backgroundColor&&this.type!==r.FLAT&&{[`-ds-background-${this.backgroundColor}`]:!0},...this.elevation&&this.type!==r.FLAT&&{[`-ds-elevation-${this.elevation}`]:!0},"-ds-draggable":this.isDraggable,"-ds-draggable-without-handler":this.isDraggable&&!this.hasDraggableHandler,"-ds-has-media":this.hasMedia,"-ds-drag":this.isDragging}},isHorizontal(){return this.layout===I.HORIZONTAL},isVertical(){return this.layout===I.VERTICAL},iconColorClass(){if(!(!this.iconColor||this.iconColor&&this.iconColorHex))return`-ds-${this.iconColor}`},iconColorStyle(){if(!(!this.iconColor||!this.iconColorHex))return{color:this.iconColorHex}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}},hasMedia(){return!!this.$slots.media},isDragging(){return this.isDraggable&&this.state===n.DRAG}}}),B={key:0,class:"ds-richListItem__mediaVertical -ds-dimmable"},j={class:"ds-richListItem__container -ds-dimmable"},F={key:0,class:"ds-richListItem__mediaHorizontal"},w={key:2,class:"ds-richListItem__iconWrapper"},Z={class:"ds-richListItem__content"},K={class:"ds-richListItem__rightContainer"},W={key:0,class:"ds-richListItem__metadata"},P={key:2,class:"ds-richListItem__checkbox"},Y={key:1,class:"ds-richListItem__metadata -ds-dimmable"};function X(e,a,A,O,k,N){const h=C("ds-icon"),_=C("ds-divider"),H=C("ds-checkbox");return t(),l("div",{class:i(["ds-richListItem",e.classList]),onClick:a[5]||(a[5]=u=>e.$emit("click",u))},[e.hasMedia&&e.isVertical?(t(),l("div",B,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),d("div",j,[e.hasMedia&&e.isHorizontal?(t(),l("div",F,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),e.isDraggable&&e.hasDraggableHandler?(t(),l("div",{key:1,class:i(["ds-richListItem__dragAndDrop",{[e.draggableIconClassName]:!!e.draggableIconClassName}])},[f(h,{icon:e.ICONS.FA_BARS,class:"ds-richListItem__dragAndDropIcon",size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,onClick:a[0]||(a[0]=c(()=>{},["stop"]))},null,8,["icon","size"])],2)):s("",!0),e.icon?(t(),l("div",w,[f(h,{icon:e.icon,class:i(["ds-richListItem__icon",e.iconColorClass]),size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,style:p(e.iconColorStyle),onClick:a[1]||(a[1]=c(u=>e.$emit("icon-click"),["prevent"]))},null,8,["icon","size","class","style"])])):s("",!0),d("div",Z,[o(e.$slots,"content",{},void 0,!0)]),d("div",K,[e.$slots.metadata&&e.isHorizontal?(t(),l("div",W,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.$slots.actions?(t(),l("div",{key:1,class:"ds-richListItem__actionSlot",onClick:a[2]||(a[2]=c(()=>{},["stop"]))},[e.$slots.actions&&e.hasActionsSlotDivider&&e.isHorizontal?(t(),v(_,{key:0,"is-vertical":""})):s("",!0),o(e.$slots,"actions",{},void 0,!0)])):s("",!0),e.isSelectable?(t(),l("div",P,[e.isHorizontal?(t(),v(_,{key:0,"is-vertical":""})):s("",!0),f(H,{"is-selected":e.isSelected,"onUpdate:isSelected":a[3]||(a[3]=u=>e.$emit("update:is-selected",u)),onClick:a[4]||(a[4]=c(()=>{},["stop"]))},null,8,["is-selected"])])):s("",!0)])]),e.$slots.metadata&&e.isVertical?(t(),l("div",Y,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:2,class:i(["ds-richListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const re=R(E,[["render",X],["__scopeId","data-v-306ca009"]]);E.__docgenInfo={displayName:"RichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"draggableIconClassName",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"click"},{name:"icon-click"},{name:"update:is-selected"}],slots:[{name:"media"},{name:"content"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/RichListItem/RichListItem.vue"]};const q={...y},S={...L},T=g({name:"GroupRichListItem",props:{isExpanded:{type:Boolean,default:!1},borderColor:{type:String,default:null,validator(e){return Object.values(q).includes(e)}},borderColorHex:{type:String,default:null},backgroundColor:{type:String,default:S.NEUTRAL,validator(e){return Object.values(S).includes(e)}}},computed:{classList(){return{...this.backgroundColor&&{[`-ds-background-${this.backgroundColor}`]:!0}}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}}}}),J={class:"ds-groupRichListItem__wrapper"},Q={class:"ds-groupRichListItem__parent"},x={key:0,class:"ds-groupRichListItem__children"};function ee(e,a,A,O,k,N){return t(),l("div",{class:i(["ds-groupRichListItem",e.classList])},[d("div",J,[d("div",Q,[o(e.$slots,"parent",{},void 0,!0)]),e.isExpanded?(t(),l("div",x,[o(e.$slots,"children",{},void 0,!0)])):s("",!0)]),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:0,class:i(["ds-groupRichListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const ie=R(T,[["render",ee],["__scopeId","data-v-f6870d20"]]);T.__docgenInfo={displayName:"GroupRichListItem",exportName:"default",description:"",tags:{},props:[{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"borderColor",type:{name:"GroupRichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"backgroundColor",type:{name:"GroupRichListItemBackgroundColor"},defaultValue:{func:!1,value:"GROUP_RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}}],slots:[{name:"parent"},{name:"children"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue"]};export{ie as G,G as R,L as a,y as b,n as c,I as d,m as e,r as f,S as g,re as h,q as i};
+import{d as g,j as D,c as l,g as s,a as d,f as o,v as i,e as f,H as c,G as p,k as v,l as C,o as t}from"./vue.esm-bundler-DcRN7CPI.js";import{D as M}from"./Divider-NOTDPuJ1.js";import{D as V}from"./Checkbox-B-9sG8Sd.js";import{a as $,b as U,I as b,c as z}from"./Icon-Sov23HR0.js";import{_ as R}from"./_plugin-vue_export-helper-DlAUqK2U.js";const r={DEFAULT:"default",FLAT:"flat"},n={DEFAULT:"default",LOADING:"loading",DRAG:"drag"},m={SMALL:"small",MEDIUM:"medium"},y={DEFAULT:"default",PRIMARY:"primary",PRIMARY_WEAK:"primary-weak",NEUTRAL_HEAVY:"neutral-heavy",NEUTRAL_STRONG:"neutral-strong",NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak",NEUTRAL_GHOST:"neutral-ghost",DANGER:"danger",DANGER_WEAK:"danger-weak",FAIL:"fail",FAIL_WEAK:"fail-weak",WARNING:"warning",WARNING_WEAK:"warning-weak",SUCCESS:"success",SUCCESS_WEAK:"success-weak",INFO:"info",INFO_WEAK:"info-weak",ACCENT:"accent",ACCENT_WEAK:"accent-weak"},L={NEUTRAL:"neutral",NEUTRAL_WEAK:"neutral-weak"},G={SMALL:"small"},I={HORIZONTAL:"horizontal",VERTICAL:"vertical"},E=g({name:"RichListItem",components:{DsCheckbox:V,DsDivider:M,DsIcon:$},props:{type:{type:String,default:r.DEFAULT,validator(e){return Object.values(r).includes(e)}},layout:{type:String,default:I.HORIZONTAL,validator(e){return Object.values(I).includes(e)}},state:{type:String,default:n.DEFAULT,validator(e){return Object.values(n).includes(e)}},size:{type:String,default:m.MEDIUM,validator(e){return Object.values(m).includes(e)}},isInteractive:{type:Boolean,default:!0},isDimmed:{type:Boolean,default:!1},isDraggable:{type:Boolean,default:!0},icon:{type:Object,default:null,validator(e){return Object.values(b).includes(D(e))}},iconColor:{type:String,default:null,validator(e){return Object.values(z).includes(e)}},iconColorHex:{type:String,default:null},borderColor:{type:String,default:null,validator(e){return Object.values(y).includes(e)}},borderColorHex:{type:String,default:null},draggableIconClassName:{type:String,default:null},backgroundColor:{type:String,default:L.NEUTRAL,validator(e){return Object.values(L).includes(e)}},elevation:{type:String,default:null,validator(e){return Object.values(G).includes(e)}},hasDraggableHandler:{type:Boolean,default:!0},hasActionsSlotDivider:{type:Boolean,default:!0},isSelectable:{type:Boolean,default:!0},isSelected:{type:Boolean,default:!1}},emits:{"icon-click":()=>!0,click:e=>!0,"update:is-selected":e=>!0},data(){return{ICONS:Object.freeze(b),ICON_SIZES:Object.freeze(U),RICH_LIST_ITEM_TYPE:Object.freeze(r),RICH_LIST_ITEM_STATE:Object.freeze(n),RICH_LIST_ITEM_SIZE:Object.freeze(m)}},computed:{classList(){return{"-ds-default":this.type===r.DEFAULT,"-ds-flat":this.type===r.FLAT,"-ds-horizontal":this.isHorizontal,"-ds-verticalWithMedia":this.isVertical&&this.hasMedia,"-ds-vertical":this.isVertical,"-ds-loading":this.state===n.LOADING,"-ds-dimmed":this.isDimmed,"-ds-interactive":this.isInteractive,"-ds-small":this.size===m.SMALL,...this.backgroundColor&&this.type!==r.FLAT&&{[`-ds-background-${this.backgroundColor}`]:!0},...this.elevation&&this.type!==r.FLAT&&{[`-ds-elevation-${this.elevation}`]:!0},"-ds-draggable":this.isDraggable,"-ds-draggable-without-handler":this.isDraggable&&!this.hasDraggableHandler,"-ds-has-media":this.hasMedia,"-ds-drag":this.isDragging}},isHorizontal(){return this.layout===I.HORIZONTAL},isVertical(){return this.layout===I.VERTICAL},iconColorClass(){if(!(!this.iconColor||this.iconColor&&this.iconColorHex))return`-ds-${this.iconColor}`},iconColorStyle(){if(!(!this.iconColor||!this.iconColorHex))return{color:this.iconColorHex}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}},hasMedia(){return!!this.$slots.media},isDragging(){return this.isDraggable&&this.state===n.DRAG}}}),B={key:0,class:"ds-richListItem__mediaVertical -ds-dimmable"},j={class:"ds-richListItem__container -ds-dimmable"},F={key:0,class:"ds-richListItem__mediaHorizontal"},w={key:2,class:"ds-richListItem__iconWrapper"},Z={class:"ds-richListItem__content"},K={class:"ds-richListItem__rightContainer"},W={key:0,class:"ds-richListItem__metadata"},P={key:2,class:"ds-richListItem__checkbox"},Y={key:1,class:"ds-richListItem__metadata -ds-dimmable"};function X(e,a,A,O,k,N){const h=C("ds-icon"),_=C("ds-divider"),H=C("ds-checkbox");return t(),l("div",{class:i(["ds-richListItem",e.classList]),onClick:a[5]||(a[5]=u=>e.$emit("click",u))},[e.hasMedia&&e.isVertical?(t(),l("div",B,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),d("div",j,[e.hasMedia&&e.isHorizontal?(t(),l("div",F,[o(e.$slots,"media",{},void 0,!0)])):s("",!0),e.isDraggable&&e.hasDraggableHandler?(t(),l("div",{key:1,class:i(["ds-richListItem__dragAndDrop",{[e.draggableIconClassName]:!!e.draggableIconClassName}])},[f(h,{icon:e.ICONS.FA_BARS,class:"ds-richListItem__dragAndDropIcon",size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,onClick:a[0]||(a[0]=c(()=>{},["stop"]))},null,8,["icon","size"])],2)):s("",!0),e.icon?(t(),l("div",w,[f(h,{icon:e.icon,class:i(["ds-richListItem__icon",e.iconColorClass]),size:e.size===e.RICH_LIST_ITEM_SIZE.SMALL?e.ICON_SIZES.XX_SMALL:e.ICON_SIZES.X_SMALL,style:p(e.iconColorStyle),onClick:a[1]||(a[1]=c(u=>e.$emit("icon-click"),["prevent"]))},null,8,["icon","size","class","style"])])):s("",!0),d("div",Z,[o(e.$slots,"content",{},void 0,!0)]),d("div",K,[e.$slots.metadata&&e.isHorizontal?(t(),l("div",W,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.$slots.actions?(t(),l("div",{key:1,class:"ds-richListItem__actionSlot",onClick:a[2]||(a[2]=c(()=>{},["stop"]))},[e.$slots.actions&&e.hasActionsSlotDivider&&e.isHorizontal?(t(),v(_,{key:0,"is-vertical":""})):s("",!0),o(e.$slots,"actions",{},void 0,!0)])):s("",!0),e.isSelectable?(t(),l("div",P,[e.isHorizontal?(t(),v(_,{key:0,"is-vertical":""})):s("",!0),f(H,{"is-selected":e.isSelected,"onUpdate:isSelected":a[3]||(a[3]=u=>e.$emit("update:is-selected",u)),onClick:a[4]||(a[4]=c(()=>{},["stop"]))},null,8,["is-selected"])])):s("",!0)])]),e.$slots.metadata&&e.isVertical?(t(),l("div",Y,[o(e.$slots,"metadata",{},void 0,!0)])):s("",!0),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:2,class:i(["ds-richListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const re=R(E,[["render",X],["__scopeId","data-v-306ca009"]]);E.__docgenInfo={displayName:"RichListItem",exportName:"default",description:"",tags:{},props:[{name:"type",type:{name:"RichListItemType"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_TYPE.DEFAULT"}},{name:"layout",type:{name:"RichListItemLayout"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_LAYOUT.HORIZONTAL"}},{name:"state",type:{name:"RichListItemState"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_STATE.DEFAULT"}},{name:"size",type:{name:"RichListItemSize"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_SIZE.MEDIUM"}},{name:"isInteractive",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isDimmed",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDraggable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"icon",type:{name:"IconItem"},defaultValue:{func:!1,value:"null"}},{name:"iconColor",type:{name:"IconColor"},defaultValue:{func:!1,value:"null"}},{name:"iconColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"borderColor",type:{name:"RichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"draggableIconClassName",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"backgroundColor",type:{name:"RichListItemBackgroundColor"},defaultValue:{func:!1,value:"RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}},{name:"elevation",type:{name:"RichListItemElevation"},defaultValue:{func:!1,value:"null"}},{name:"hasDraggableHandler",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"hasActionsSlotDivider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelectable",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"isSelected",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"click"},{name:"icon-click"},{name:"update:is-selected"}],slots:[{name:"media"},{name:"content"},{name:"metadata"},{name:"actions"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/RichListItem/RichListItem.vue"]};const q={...y},S={...L},T=g({name:"GroupRichListItem",props:{isExpanded:{type:Boolean,default:!1},borderColor:{type:String,default:null,validator(e){return Object.values(q).includes(e)}},borderColorHex:{type:String,default:null},backgroundColor:{type:String,default:S.NEUTRAL,validator(e){return Object.values(S).includes(e)}}},computed:{classList(){return{...this.backgroundColor&&{[`-ds-background-${this.backgroundColor}`]:!0}}},borderColorClass(){if(!(!this.borderColor||this.borderColorHex))return`-ds-border-${this.borderColor}`},borderColorStyle(){if(this.borderColorHex)return{backgroundColor:this.borderColorHex}}}}),J={class:"ds-groupRichListItem__wrapper"},Q={class:"ds-groupRichListItem__parent"},x={key:0,class:"ds-groupRichListItem__children"};function ee(e,a,A,O,k,N){return t(),l("div",{class:i(["ds-groupRichListItem",e.classList])},[d("div",J,[d("div",Q,[o(e.$slots,"parent",{},void 0,!0)]),e.isExpanded?(t(),l("div",x,[o(e.$slots,"children",{},void 0,!0)])):s("",!0)]),e.borderColorClass||e.borderColorStyle?(t(),l("div",{key:0,class:i(["ds-groupRichListItem__border",e.borderColorClass]),style:p(e.borderColorStyle)},null,6)):s("",!0)],2)}const ie=R(T,[["render",ee],["__scopeId","data-v-f6870d20"]]);T.__docgenInfo={displayName:"GroupRichListItem",exportName:"default",description:"",tags:{},props:[{name:"isExpanded",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"borderColor",type:{name:"GroupRichListItemBorderColor"},defaultValue:{func:!1,value:"null"}},{name:"borderColorHex",type:{name:"string"},defaultValue:{func:!1,value:"null"}},{name:"backgroundColor",type:{name:"GroupRichListItemBackgroundColor"},defaultValue:{func:!1,value:"GROUP_RICH_LIST_ITEM_BACKGROUND_COLOR.NEUTRAL"}}],slots:[{name:"parent"},{name:"children"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/RichList/GroupRichListItem/GroupRichListItem.vue"]};export{ie as G,G as R,L as a,y as b,n as c,I as d,m as e,r as f,S as g,re as h,q as i};

package/docs/assets/GroupRichListItem-Bb0iC7Zb.css

@@ -0,0 +1 @@
+@keyframes a-spinAround-306ca009{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes a-fadeIn-306ca009{0%{opacity:0}to{opacity:1}}.ds-richListItem[data-v-306ca009]{cursor:default;display:flex;flex:1;position:relative;transition:background-color ease-in-out .3s}.ds-richListItem.-ds-background-neutral[data-v-306ca009],.ds-richListItem.-ds-background-neutral.-ds-loading[data-v-306ca009]{background-color:var(--color-neutral-background)}.ds-richListItem.-ds-background-neutral-weak[data-v-306ca009],.ds-richListItem.-ds-background-neutral-weak.-ds-loading[data-v-306ca009]{background-color:var(--color-neutral-background-weak)}.ds-richListItem.-ds-horizontal[data-v-306ca009]{align-items:center;flex-direction:initial;justify-content:initial;padding:0 4px 0 3px}.ds-richListItem.-ds-horizontal .ds-richListItem__container[data-v-306ca009]{align-self:initial}.ds-richListItem.-ds-horizontal .ds-richListItem__dragAndDrop[data-v-306ca009],.ds-richListItem.-ds-horizontal .ds-richListItem__iconWrapper[data-v-306ca009]{align-items:center;padding:6px 2px 6px 16px}.ds-richListItem.-ds-horizontal .ds-richListItem__content[data-v-306ca009]{padding:0 4px 0 16px}.ds-richListItem.-ds-horizontal .ds-richListItem__metadata[data-v-306ca009]{justify-content:flex-start;padding-left:4px}.ds-richListItem.-ds-horizontal .ds-richListItem__rightContainer[data-v-306ca009]{align-items:center;justify-content:initial;padding:12px 0}.ds-richListItem.-ds-horizontal .ds-richListItem__actionSlot[data-v-306ca009]{align-items:center;justify-content:initial;padding:0 4px}.ds-richListItem.-ds-horizontal .ds-richListItem__checkbox[data-v-306ca009]{align-items:center;padding:0 16px 0 4px}.ds-richListItem.-ds-horizontal.-ds-small[data-v-306ca009]{padding:0 4px 0 0}.ds-richListItem.-ds-horizontal.-ds-small .ds-richListItem__dragAndDrop[data-v-306ca009],.ds-richListItem.-ds-horizontal.-ds-small .ds-richListItem__iconWrapper[data-v-306ca009]{padding:6px 0 6px 12px}.ds-richListItem.-ds-horizontal.-ds-small .ds-richListItem__content[data-v-306ca009]{padding:0 4px 0 12px}.ds-richListItem.-ds-horizontal.-ds-small .ds-richListItem__checkbox[data-v-306ca009]{gap:12px;padding:0 12px 0 4px}.ds-richListItem.-ds-horizontal.-ds-small .ds-richListItem__rightContainer[data-v-306ca009]{padding:8px 0}.ds-richListItem.-ds-horizontal.-ds-small .ds-richListItem__actionSlot[data-v-306ca009]{padding:0 4px}.ds-richListItem.-ds-horizontal.-ds-small .ds-richListItem__metadata[data-v-306ca009]{justify-content:flex-start;padding-left:4px}.ds-richListItem.-ds-vertical[data-v-306ca009]{align-items:flex-start;flex-direction:column;justify-content:center;padding-bottom:4px}.ds-richListItem.-ds-vertical .ds-richListItem__container[data-v-306ca009]{align-self:stretch;padding:4px 4px 0}.ds-richListItem.-ds-vertical .ds-richListItem__dragAndDrop[data-v-306ca009],.ds-richListItem.-ds-vertical .ds-richListItem__iconWrapper[data-v-306ca009]{align-items:flex-start;padding:12px 0 0 12px}.ds-richListItem.-ds-vertical .ds-richListItem__content[data-v-306ca009]{padding:0 4px 0 12px}.ds-richListItem.-ds-vertical .ds-richListItem__metadata[data-v-306ca009]{padding-left:16px;padding-right:8px;width:100%}.ds-richListItem.-ds-vertical .ds-richListItem__rightContainer[data-v-306ca009]{align-items:flex-start;justify-content:flex-end}.ds-richListItem.-ds-vertical .ds-richListItem__actionSlot[data-v-306ca009]{align-items:flex-start;justify-content:flex-end;padding:4px 4px 0}.ds-richListItem.-ds-vertical .ds-richListItem__checkbox[data-v-306ca009]{align-items:flex-start;padding:6px 12px 0}.ds-richListItem.-ds-vertical.-ds-small .ds-richListItem__dragAndDrop[data-v-306ca009],.ds-richListItem.-ds-vertical.-ds-small .ds-richListItem__iconWrapper[data-v-306ca009]{padding:8px 4px 0 8px}.ds-richListItem.-ds-vertical.-ds-small .ds-richListItem__content[data-v-306ca009]{padding:0 4px 0 8px}.ds-richListItem.-ds-vertical.-ds-small .ds-richListItem__checkbox[data-v-306ca009]{gap:16px;padding:2px 8px 0}.ds-richListItem.-ds-vertical.-ds-small .ds-richListItem__actionSlot[data-v-306ca009]{padding:0 4px 0 2px}.ds-richListItem.-ds-vertical.-ds-small .ds-richListItem__metadata[data-v-306ca009]{padding-left:12px}.ds-richListItem.-ds-verticalWithMedia[data-v-306ca009]{padding-right:0;padding-top:0}.ds-richListItem.-ds-has-media[data-v-306ca009]{overflow:hidden;padding-left:0}.ds-richListItem.-ds-dimmed .-ds-dimmable[data-v-306ca009]{opacity:.65}.ds-richListItem.-ds-loading[data-v-306ca009]{cursor:initial;pointer-events:none}.ds-richListItem.-ds-loading .-ds-dimmable[data-v-306ca009]{opacity:.5}.ds-richListItem.-ds-interactive[data-v-306ca009]{cursor:pointer;pointer-events:initial}@media (min-width: 760px){.ds-richListItem.-ds-interactive.-ds-flat[data-v-306ca009]:hover,.ds-richListItem.-ds-interactive.-ds-flat:hover .-ds-dimmable[data-v-306ca009]{opacity:1}.ds-richListItem.-ds-interactive:not(.-ds-dimmed):hover.-ds-default.-ds-background-neutral[data-v-306ca009]{background-color:var(--color-neutral-background-hovered)}.ds-richListItem.-ds-interactive:not(.-ds-dimmed):hover.-ds-default.-ds-background-neutral-weak[data-v-306ca009]{background-color:var(--color-neutral-background-weak-hovered)}.ds-richListItem.-ds-interactive:not(.-ds-dimmed):hover.-ds-flat[data-v-306ca009]{background:var(--color-neutral-background-ghost-hovered)}}.ds-richListItem.-ds-interactive.-ds-draggable-without-handler[data-v-306ca009]:hover{cursor:grab}.ds-richListItem.-ds-interactive.-ds-draggable-without-handler[data-v-306ca009]:active{cursor:grabbing}.ds-richListItem.-ds-elevation-small[data-v-306ca009]{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)}.ds-richListItem.-ds-flat[data-v-306ca009],.ds-richListItem.-ds-flat.-ds-loading[data-v-306ca009]{background:var(--color-neutral-background-ghost)}.ds-richListItem.-ds-flat .ds-richListItem__wrapper[data-v-306ca009]{border:none}.ds-richListItem.-ds-flat.-ds-interactive.-ds-draggable.-ds-drag[data-v-306ca009]{background:var(--color-neutral-background-ghost-hovered)}.ds-richListItem.-ds-default[data-v-306ca009]{border:1px solid var(--color-neutral-border-weak);border-radius:4px}.ds-richListItem.-ds-default.-ds-interactive:hover .-ds-dimmable[data-v-306ca009]{opacity:1}.ds-richListItem.-ds-default.-ds-interactive.-ds-draggable.-ds-drag.-ds-background-neutral[data-v-306ca009]{background-color:var(--color-neutral-background-hovered)}.ds-richListItem.-ds-default.-ds-interactive.-ds-draggable.-ds-drag.-ds-background-neutral-weak[data-v-306ca009]{background-color:var(--color-neutral-background-weak-hovered)}.ds-richListItem.-ds-default .ds-richListItem__border[data-v-306ca009]{border-radius:4px 0 0 4px;height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:4px}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-default[data-v-306ca009]{background-color:var(--color-default-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-inverted[data-v-306ca009]{background-color:var(--color-inverted-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-primary[data-v-306ca009]{background-color:var(--color-primary-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-primary-weak[data-v-306ca009]{background-color:var(--color-primary-border-weak)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-neutral-heavy[data-v-306ca009]{background-color:var(--color-neutral-border-heavy)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-neutral-strong[data-v-306ca009]{background-color:var(--color-neutral-border-strong)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-neutral[data-v-306ca009]{background-color:var(--color-neutral-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-neutral-weak[data-v-306ca009]{background-color:var(--color-neutral-border-weak)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-neutral-ghost[data-v-306ca009]{background-color:var(--color-neutral-border-ghost)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-danger[data-v-306ca009]{background-color:var(--color-danger-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-danger-weak[data-v-306ca009]{background-color:var(--color-danger-border-weak)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-fail[data-v-306ca009]{background-color:var(--color-fail-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-fail-weak[data-v-306ca009]{background-color:var(--color-fail-border-weak)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-warning[data-v-306ca009]{background-color:var(--color-warning-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-warning-weak[data-v-306ca009]{background-color:var(--color-warning-border-weak)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-success[data-v-306ca009]{background-color:var(--color-success-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-success-weak[data-v-306ca009]{background-color:var(--color-success-border-weak)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-info[data-v-306ca009]{background-color:var(--color-info-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-info-weak[data-v-306ca009]{background-color:var(--color-info-border-weak)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-accent[data-v-306ca009]{background-color:var(--color-accent-border)}.ds-richListItem.-ds-default .ds-richListItem__border.-ds-border-accent-weak[data-v-306ca009]{background-color:var(--color-accent-border-weak)}.ds-richListItem__container[data-v-306ca009]{align-items:center;display:flex;flex:1;width:100%}.ds-richListItem__mediaHorizontal[data-v-306ca009]{height:80px;margin-right:6px;width:100px}.ds-richListItem__mediaVertical[data-v-306ca009]{aspect-ratio:4/3;overflow:hidden}.ds-richListItem__dragAndDrop[data-v-306ca009],.ds-richListItem__iconWrapper[data-v-306ca009]{align-self:stretch;display:flex}.ds-richListItem__content[data-v-306ca009]{align-items:center;display:flex;flex:1 0 0;min-width:0}.ds-richListItem__metadata[data-v-306ca009]{align-items:center;gap:12px;padding-right:4px}.ds-richListItem__rightContainer[data-v-306ca009]{align-self:stretch;display:flex}.ds-richListItem__actionSlot[data-v-306ca009]{align-self:stretch;display:flex;gap:8px}.ds-richListItem__checkbox[data-v-306ca009]{align-self:stretch;display:flex;gap:16px;justify-content:flex-end}.ds-richListItem__icon[data-v-306ca009]{color:var(--color-neutral-icon-weak)}.ds-richListItem__icon.-ds-accent[data-v-306ca009]{color:var(--color-accent-icon)}.ds-richListItem__icon.-ds-danger[data-v-306ca009]{color:var(--color-danger-icon)}.ds-richListItem__icon.-ds-default[data-v-306ca009]{color:var(--color-default-icon)}.ds-richListItem__icon.-ds-fail[data-v-306ca009]{color:var(--color-fail-icon)}.ds-richListItem__icon.-ds-info[data-v-306ca009]{color:var(--color-info-icon)}.ds-richListItem__icon.-ds-inverted[data-v-306ca009]{color:var(--color-inverted-icon)}.ds-richListItem__icon.-ds-neutral[data-v-306ca009]{color:var(--color-neutral-icon)}.ds-richListItem__icon.-ds-neutralStrong[data-v-306ca009]{color:var(--color-neutral-icon-strong)}.ds-richListItem__icon.-ds-neutralWeak[data-v-306ca009]{color:var(--color-neutral-icon-weak)}.ds-richListItem__icon.-ds-primary[data-v-306ca009]{color:var(--color-primary-icon)}.ds-richListItem__icon.-ds-primaryWeak[data-v-306ca009]{color:var(--color-primary-icon-weak)}.ds-richListItem__icon.-ds-success[data-v-306ca009]{color:var(--color-success-icon)}.ds-richListItem__icon.-ds-warning[data-v-306ca009]{color:var(--color-warning-icon)}.ds-richListItem__dragAndDrop .ds-richListItem__dragAndDropIcon[data-v-306ca009]{color:var(--color-neutral-icon-weak)}.ds-richListItem__dragAndDrop[data-v-306ca009]:hover{cursor:grab}.ds-richListItem__dragAndDrop:hover .ds-richListItem__dragAndDropIcon[data-v-306ca009]{color:var(--color-neutral-icon-weak-hovered)}.ds-richListItem__dragAndDrop[data-v-306ca009]:active{cursor:grabbing}.ds-richListItem.-ds-small .ds-richListItem__actionSlot[data-v-306ca009]{gap:8px}.ds-groupRichListItem[data-v-f6870d20]{border-radius:4px;display:flex;flex:1;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.ds-groupRichListItem.-ds-background-neutral .ds-groupRichListItem__children[data-v-f6870d20]{background-color:transparent}.ds-groupRichListItem.-ds-background-neutral .ds-groupRichListItem__parent[data-v-f6870d20]{background-color:var(--color-neutral-background)}.ds-groupRichListItem.-ds-background-neutral.-ds-loading .ds-groupRichListItem__children[data-v-f6870d20]{background-color:transparent}.ds-groupRichListItem.-ds-background-neutral.-ds-loading .ds-groupRichListItem__parent[data-v-f6870d20],.ds-groupRichListItem.-ds-background-neutral-weak .ds-groupRichListItem__children[data-v-f6870d20]{background-color:var(--color-neutral-background)}.ds-groupRichListItem.-ds-background-neutral-weak .ds-groupRichListItem__parent[data-v-f6870d20]{background-color:var(--color-neutral-background-weak)}.ds-groupRichListItem.-ds-background-neutral-weak.-ds-loading .ds-groupRichListItem__children[data-v-f6870d20]{background-color:var(--color-neutral-background)}.ds-groupRichListItem.-ds-background-neutral-weak.-ds-loading .ds-groupRichListItem__parent[data-v-f6870d20]{background-color:var(--color-neutral-background-weak)}.ds-groupRichListItem__wrapper[data-v-f6870d20]{border:1px solid var(--color-neutral-border-weak);border-radius:4px;overflow:hidden}.ds-groupRichListItem__border[data-v-f6870d20]{border-radius:4px 0 0 4px;height:calc(100% + 2px);left:-1px;position:absolute;top:-1px;width:4px}.ds-groupRichListItem__border.-ds-border-default[data-v-f6870d20]{background-color:var(--color-default-border)}.ds-groupRichListItem__border.-ds-border-inverted[data-v-f6870d20]{background-color:var(--color-inverted-border)}.ds-groupRichListItem__border.-ds-border-primary[data-v-f6870d20]{background-color:var(--color-primary-border)}.ds-groupRichListItem__border.-ds-border-primary-weak[data-v-f6870d20]{background-color:var(--color-primary-border-weak)}.ds-groupRichListItem__border.-ds-border-neutral-heavy[data-v-f6870d20]{background-color:var(--color-neutral-border-heavy)}.ds-groupRichListItem__border.-ds-border-neutral-strong[data-v-f6870d20]{background-color:var(--color-neutral-border-strong)}.ds-groupRichListItem__border.-ds-border-neutral[data-v-f6870d20]{background-color:var(--color-neutral-border)}.ds-groupRichListItem__border.-ds-border-neutral-weak[data-v-f6870d20]{background-color:var(--color-neutral-border-weak)}.ds-groupRichListItem__border.-ds-border-neutral-ghost[data-v-f6870d20]{background-color:var(--color-neutral-border-ghost)}.ds-groupRichListItem__border.-ds-border-danger[data-v-f6870d20]{background-color:var(--color-danger-border)}.ds-groupRichListItem__border.-ds-border-danger-weak[data-v-f6870d20]{background-color:var(--color-danger-border-weak)}.ds-groupRichListItem__border.-ds-border-fail[data-v-f6870d20]{background-color:var(--color-fail-border)}.ds-groupRichListItem__border.-ds-border-fail-weak[data-v-f6870d20]{background-color:var(--color-fail-border-weak)}.ds-groupRichListItem__border.-ds-border-warning[data-v-f6870d20]{background-color:var(--color-warning-border)}.ds-groupRichListItem__border.-ds-border-warning-weak[data-v-f6870d20]{background-color:var(--color-warning-border-weak)}.ds-groupRichListItem__border.-ds-border-success[data-v-f6870d20]{background-color:var(--color-success-border)}.ds-groupRichListItem__border.-ds-border-success-weak[data-v-f6870d20]{background-color:var(--color-success-border-weak)}.ds-groupRichListItem__border.-ds-border-info[data-v-f6870d20]{background-color:var(--color-info-border)}.ds-groupRichListItem__border.-ds-border-info-weak[data-v-f6870d20]{background-color:var(--color-info-border-weak)}.ds-groupRichListItem__border.-ds-border-accent[data-v-f6870d20]{background-color:var(--color-accent-border)}.ds-groupRichListItem__border.-ds-border-accent-weak[data-v-f6870d20]{background-color:var(--color-accent-border-weak)}

package/docs/assets/{GroupRichListItem.stories-C3EubvlY.js → GroupRichListItem.stories-B_CobXM9.js}

@@ -1,4 +1,4 @@
-import{G as n,c as s,e as a,g,h as b,f as S,R as _,i as D}from"./GroupRichListItem-CHiSrcou.js";import{D as T}from"./Divider-NOTDPuJ1.js";import{c,I as d}from"./Icon-DUeXRUm6.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Checkbox-g1Bvy8z-.js";import"./SelectionControl-DIC2vtGo.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const{useArgs:E}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Components/RichList/GroupRichListItem",component:n,decorators:[e=>({template:'<div style="display: flex;padding: 16px;"><story/></div>'})]},x={isExpanded:!1,borderColor:null,borderColorHex:"",backgroundColor:g.NEUTRAL,parent_size:a.MEDIUM,parent_elevation:null,parent_isDimmed:!1,parent_isDraggable:!1,parent_hasDraggableHandler:!0,parent_icon:null,parent_iconColor:c.NEUTRAL_WEAK,parent_iconColorHex:"",parent_hasActionsSlotDivider:!0,parent_isSelectable:!0,parent_isSelected:!0,parent_state:s.DEFAULT,parent_isInteractive:!0,child_size:a.MEDIUM,child_elevation:null,child_isDimmed:!1,child_isDraggable:!1,child_hasDraggableHandler:!0,child_icon:null,child_iconColor:c.NEUTRAL_WEAK,child_iconColorHex:"",child_hasActionsSlotDivider:!0,child_isSelectable:!0,child_isSelected:!0,child_state:s.DEFAULT,child_isInteractive:!0},H={borderColor:{options:[null,...Object.values(D)],control:"select"},borderColorHex:{control:"text"},backgroundColor:{options:Object.values(g),control:"select"},parent_state:{options:Object.values(s),control:"select"},parent_size:{options:Object.values(a),control:"select"},parent_iconColor:{options:Object.values(c),control:"select"},parent_icon:{options:[null,...Object.keys(d)],control:"select"},parent_iconColorHex:{control:"text"},parent_elevation:{options:[null,...Object.values(_)],control:"select"},child_state:{options:Object.values(s),control:"select"},child_size:{options:Object.values(a),control:"select"},child_iconColor:{options:Object.values(c),control:"select"},child_icon:{options:[null,...Object.keys(d)],control:"select"},child_iconColorHex:{control:"text"},child_elevation:{options:[null,...Object.values(_)],control:"select"}},l="<template #content>Content slot</template><template #metadata>Metadata slot</template><template #actions>ACS</template>",v=e=>(e.argTypes=H,e.args=x,e.parameters={layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8505-126430&mode=design&t=7Ay1DzrwONAPwSGv-4"}},e),L=e=>{const[O,t]=E();return{components:{GroupRichListItem:n,RichListItem:b,Divider:T},setup(){return e},data(){return{RICH_LIST_ITEM_TYPE:Object.freeze(S),RICH_LIST_ITEM_STATE:Object.freeze(s),ICONS:Object.freeze(d)}},methods:{updateParentIsSelected(i){t({parent_isSelected:i})},updateChildIsSelected(i){t({child_isSelected:i})},onClick(){t({isExpanded:!this.isExpanded})}},template:`
+import{G as n,c as s,e as a,g,h as b,f as S,R as _,i as D}from"./GroupRichListItem-BSgdK1YS.js";import{D as T}from"./Divider-NOTDPuJ1.js";import{c,I as d}from"./Icon-Sov23HR0.js";import"./vue.esm-bundler-DcRN7CPI.js";import"./Checkbox-B-9sG8Sd.js";import"./SelectionControl-DPO1wBWZ.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const{useArgs:E}=__STORYBOOK_MODULE_PREVIEW_API__,N={title:"Components/RichList/GroupRichListItem",component:n,decorators:[e=>({template:'<div style="display: flex;padding: 16px;"><story/></div>'})]},x={isExpanded:!1,borderColor:null,borderColorHex:"",backgroundColor:g.NEUTRAL,parent_size:a.MEDIUM,parent_elevation:null,parent_isDimmed:!1,parent_isDraggable:!1,parent_hasDraggableHandler:!0,parent_icon:null,parent_iconColor:c.NEUTRAL_WEAK,parent_iconColorHex:"",parent_hasActionsSlotDivider:!0,parent_isSelectable:!0,parent_isSelected:!0,parent_state:s.DEFAULT,parent_isInteractive:!0,child_size:a.MEDIUM,child_elevation:null,child_isDimmed:!1,child_isDraggable:!1,child_hasDraggableHandler:!0,child_icon:null,child_iconColor:c.NEUTRAL_WEAK,child_iconColorHex:"",child_hasActionsSlotDivider:!0,child_isSelectable:!0,child_isSelected:!0,child_state:s.DEFAULT,child_isInteractive:!0},H={borderColor:{options:[null,...Object.values(D)],control:"select"},borderColorHex:{control:"text"},backgroundColor:{options:Object.values(g),control:"select"},parent_state:{options:Object.values(s),control:"select"},parent_size:{options:Object.values(a),control:"select"},parent_iconColor:{options:Object.values(c),control:"select"},parent_icon:{options:[null,...Object.keys(d)],control:"select"},parent_iconColorHex:{control:"text"},parent_elevation:{options:[null,...Object.values(_)],control:"select"},child_state:{options:Object.values(s),control:"select"},child_size:{options:Object.values(a),control:"select"},child_iconColor:{options:Object.values(c),control:"select"},child_icon:{options:[null,...Object.keys(d)],control:"select"},child_iconColorHex:{control:"text"},child_elevation:{options:[null,...Object.values(_)],control:"select"}},l="<template #content>Content slot</template><template #metadata>Metadata slot</template><template #actions>ACS</template>",v=e=>(e.argTypes=H,e.args=x,e.parameters={layout:"fullscreen",design:{type:"figma",url:"https://www.figma.com/file/izQdYyiBR1GQgFkaOIfIJI/LMS---DS-Components?type=design&node-id=8505-126430&mode=design&t=7Ay1DzrwONAPwSGv-4"}},e),L=e=>{const[O,t]=E();return{components:{GroupRichListItem:n,RichListItem:b,Divider:T},setup(){return e},data(){return{RICH_LIST_ITEM_TYPE:Object.freeze(S),RICH_LIST_ITEM_STATE:Object.freeze(s),ICONS:Object.freeze(d)}},methods:{updateParentIsSelected(i){t({parent_isSelected:i})},updateChildIsSelected(i){t({child_isSelected:i})},onClick(){t({isExpanded:!this.isExpanded})}},template:`
       <group-rich-list-item
         :is-expanded="isExpanded"
         :border-color="borderColor"

package/docs/assets/{HelpButton-BStTtLsz.js → HelpButton-CEgxICQd.js}

@@ -1 +1 @@
-import{d as m,b as d,c as p,e as s,f as n,g as u,h as i,u as e,F as f,o as T,m as c}from"./vue.esm-bundler-DcRN7CPI.js";import{I as C,d as r,c as S,a as _}from"./IconButton-Cn83Zk5-.js";import{T as B}from"./Tooltip-BvaJ_K9_.js";import{I as N}from"./Icon-DUeXRUm6.js";import{D as I}from"./Modal-ByQBkOMU.js";const g=m({inheritAttrs:!1,__name:"HelpButton",props:{tooltipText:{},isDisabled:{type:Boolean},modalTitle:{},modalSize:{}},setup(O){const t=d(!1),a=()=>{t.value=!1};return(o,l)=>(T(),p(f,null,[s(e(B),{text:o.tooltipText,inline:!0},{default:i(()=>[s(e(C),c({icon:e(N).FA_CIRCLE_QUESTION,color:e(_).NEUTRAL_WEAK,size:e(S).X_SMALL,state:o.isDisabled?e(r).DISABLED:e(r).DEFAULT,touchable:!1},o.$attrs,{onClick:l[0]||(l[0]=b=>t.value=!0)}),null,16,["icon","color","size","state"])]),_:1},8,["text"]),t.value?n(o.$slots,"modal",{key:0,onClose:a},()=>[s(e(I),{"header-title":o.modalTitle,size:o.modalSize,onCloseModal:a},{default:i(()=>[n(o.$slots,"modalContent")]),_:3},8,["header-title","size"])]):u("",!0)],64))}});g.__docgenInfo={exportName:"default",displayName:"HelpButton",description:"",tags:{},props:[{name:"tooltipText",required:!1,type:{name:"string"}},{name:"isDisabled",required:!1,type:{name:"boolean"}},{name:"modalTitle",required:!1,type:{name:"string"}},{name:"modalSize",required:!1,type:{name:"ModalSize"}}],slots:[{name:"modal",scoped:!0,bindings:[{name:"on-close",title:"binding"}]},{name:"modalContent"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Buttons/HelpButton/HelpButton.vue"]};export{g as _};
+import{d as m,b as d,c as p,e as s,f as n,g as u,h as i,u as e,F as f,o as T,m as c}from"./vue.esm-bundler-DcRN7CPI.js";import{I as C,d as r,c as S,a as _}from"./IconButton-BxVdSYTo.js";import{T as B}from"./Tooltip-BvaJ_K9_.js";import{I as N}from"./Icon-Sov23HR0.js";import{D as I}from"./Modal-CgSrAHzs.js";const g=m({inheritAttrs:!1,__name:"HelpButton",props:{tooltipText:{},isDisabled:{type:Boolean},modalTitle:{},modalSize:{}},setup(O){const t=d(!1),a=()=>{t.value=!1};return(o,l)=>(T(),p(f,null,[s(e(B),{text:o.tooltipText,inline:!0},{default:i(()=>[s(e(C),c({icon:e(N).FA_CIRCLE_QUESTION,color:e(_).NEUTRAL_WEAK,size:e(S).X_SMALL,state:o.isDisabled?e(r).DISABLED:e(r).DEFAULT,touchable:!1},o.$attrs,{onClick:l[0]||(l[0]=b=>t.value=!0)}),null,16,["icon","color","size","state"])]),_:1},8,["text"]),t.value?n(o.$slots,"modal",{key:0,onClose:a},()=>[s(e(I),{"header-title":o.modalTitle,size:o.modalSize,onCloseModal:a},{default:i(()=>[n(o.$slots,"modalContent")]),_:3},8,["header-title","size"])]):u("",!0)],64))}});g.__docgenInfo={exportName:"default",displayName:"HelpButton",description:"",tags:{},props:[{name:"tooltipText",required:!1,type:{name:"string"}},{name:"isDisabled",required:!1,type:{name:"boolean"}},{name:"modalTitle",required:!1,type:{name:"string"}},{name:"modalSize",required:!1,type:{name:"ModalSize"}}],slots:[{name:"modal",scoped:!0,bindings:[{name:"on-close",title:"binding"}]},{name:"modalContent"}],sourceFiles:["/home/runner/work/design-system/design-system/lib/js/components/Buttons/HelpButton/HelpButton.vue"]};export{g as _};

package/docs/assets/{HelpButton.stories-C3-CU20F.js → HelpButton.stories-CiU2Twzg.js}

@@ -1,4 +1,4 @@
-import{t as c}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as o}from"./HelpButton-BStTtLsz.js";import{D as u,M as i}from"./Modal-ByQBkOMU.js";import{B as S,a as w}from"./Banner-D5riYdGJ.js";import"./IconButton-Cn83Zk5-.js";import"./Icon-DUeXRUm6.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-XuK8IxnR.js";import"./device-9fgosCm4.js";import"./Tooltip-BvaJ_K9_.js";import"./FeatureIcon-DY5WvpPf.js";import"./Divider-NOTDPuJ1.js";const O={title:"Components/Buttons/HelpButton",component:o,render:n=>({components:{HelpButton:o,Modal:u,DsBanner:S},setup(){const{tooltipText:m,modalTitle:s,modalContent:r,modalSize:d,isDisabled:p}=c(n);return{tooltipText:m,isDisabled:p,modalTitle:s,modalContent:r,modalSize:d,BANNER_COLORS:w}},template:`<HelpButton :tooltip-text="tooltipText" :modal-title="modalTitle" :modal-size="modalSize" :is-disabled="isDisabled">
+import{t as c}from"./vue.esm-bundler-DcRN7CPI.js";import{_ as o}from"./HelpButton-CEgxICQd.js";import{D as u,M as i}from"./Modal-CgSrAHzs.js";import{B as S,a as w}from"./Banner-I59psZ5_.js";import"./IconButton-BxVdSYTo.js";import"./Icon-Sov23HR0.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";import"./Button-Cxy1oLg0.js";import"./device-9fgosCm4.js";import"./Tooltip-BvaJ_K9_.js";import"./FeatureIcon-DVdbBUgw.js";import"./Divider-NOTDPuJ1.js";const O={title:"Components/Buttons/HelpButton",component:o,render:n=>({components:{HelpButton:o,Modal:u,DsBanner:S},setup(){const{tooltipText:m,modalTitle:s,modalContent:r,modalSize:d,isDisabled:p}=c(n);return{tooltipText:m,isDisabled:p,modalTitle:s,modalContent:r,modalSize:d,BANNER_COLORS:w}},template:`<HelpButton :tooltip-text="tooltipText" :modal-title="modalTitle" :modal-size="modalSize" :is-disabled="isDisabled">
             <template v-if="modalContent || modalTitle" #modalContent>
                 <div v-html="modalContent" />
             </template>

package/docs/assets/Icon-CtKPXzWQ.css

@@ -0,0 +1 @@
+.ds-icon{align-items:center;display:inline-flex;transform:rotate(var(--rotate));transition:transform .15s}.ds-icon.-ds-touchable{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px}.ds-icon.-ds-spin{animation:a-fadeIn .3s,a-spinAround 1s infinite linear}.ds-icon.-ds-flipped-vertical{transform:rotateX(180deg)}.ds-icon.-ds-flipped-horizontal{transform:rotateY(180deg)}.ds-icon svg,.ds-icon .svg-inline--fa{height:24px;width:24px}.ds-icon.-ds-xx-large svg,.ds-icon.-ds-xx-large .svg-inline--fa{height:64px;width:64px}.ds-icon.-ds-x-large svg,.ds-icon.-ds-x-large .svg-inline--fa{height:48px;width:48px}.ds-icon.-ds-large svg,.ds-icon.-ds-large .svg-inline--fa{height:32px;width:32px}.ds-icon.-ds-medium svg,.ds-icon.-ds-medium .svg-inline--fa{height:24px;width:24px}.ds-icon.-ds-small svg,.ds-icon.-ds-small .svg-inline--fa{height:20px;width:20px}.ds-icon.-ds-x-small svg,.ds-icon.-ds-x-small .svg-inline--fa{height:16px;width:16px}.ds-icon.-ds-xx-small svg,.ds-icon.-ds-xx-small .svg-inline--fa{height:12px;width:12px}.ds-icon.-ds-xxx-small svg,.ds-icon.-ds-xxx-small .svg-inline--fa{height:8px;width:8px}