@avenirs-esr/avenirs-dsav 0.1.97 → 0.1.99

package/dist/test-utils.cjs.js

@@ -4,7 +4,7 @@
       :style="{ backgroundColor, borderColor, color }"
     >
       {{ label }}
-    </div>`,props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,borderColor:String,icon:String}}),d=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),r=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),c=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),p=e.defineComponent({name:"AvIconText",template:'<div class="av-icon-text" />',props:["icon","text","icon-color","text-color"]}),u=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
+    </div>`,props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,borderColor:String,icon:String}}),d=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),r=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),c=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),p=e.defineComponent({name:"AvIconText",template:'<div class="av-icon-text" />',props:["icon","text","icon-color","text-color"]}),u=e.defineComponent({name:"AvCard",props:{titleOnly:{type:Boolean,default:!1},baclgroundColor:{type:String,default:"var(--card)"},borderColor:{type:String,default:"var(--stroke)"},titleBackground:{type:String,default:"var(--surface-background)"},titleHeight:{type:String},collapsible:{type:Boolean,default:!1},collapsed:{type:Boolean,default:!1}},template:'<div class="av-card"><slot name="title" /><slot /></div>'}),m=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
     <div class="av-accordion">
       <button
         class="av-accordion__btn"
@@ -15,7 +15,7 @@
         <slot />
       </button>
     </div>
-  `,setup(n){const t=e.inject(l.registerAccordionKey);if(!t){const o=e.ref(!1);return{isActive:o,expand:()=>{o.value=!o.value}}}const{isActive:i,expand:a}=t(e.toRef(n,"title"));return{isActive:i,expand:a}}}),m=e.defineComponent({name:"AvButton",props:["label","icon","variant","type","disabled","isLoading","small"],emits:["click"],template:`
+  `,setup(o){const t=e.inject(l.registerAccordionKey);if(!t){const n=e.ref(!1);return{isActive:n,expand:()=>{n.value=!n.value}}}const{isActive:a,expand:i}=t(e.toRef(o,"title"));return{isActive:a,expand:i}}}),v=e.defineComponent({name:"AvButton",props:{variant:{type:String,default:"DEFAULT"},theme:{type:String,default:"PRIMARY"},isLoading:{type:Boolean,default:!1},iconScale:{type:Number},noRadius:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},label:{type:String,required:!0},iconOnly:{type:Boolean,default:!1},small:{type:Boolean,default:!1},icon:{type:[String,Object]},noSentenceCase:{type:Boolean,default:!1}},emits:["click"],template:`
     <button
       class="av-button-stub"
       :disabled="disabled"
@@ -23,7 +23,7 @@
     >
       {{ label }}
     </button>
-  `}),v=e.defineComponent({name:"AvCancelConfirmButtons",props:["cancelLabel","cancelIcon","confirmLabel","cancelDisabled","cancelIsLoading","confirmIcon","confirmDisabled","confirmIsLoading"],emits:["cancel","confirm"],template:`
+  `}),b=e.defineComponent({name:"AvCancelConfirmButtons",props:["cancelLabel","cancelIcon","confirmLabel","cancelDisabled","cancelIsLoading","confirmIcon","confirmDisabled","confirmIsLoading"],emits:["cancel","confirm"],template:`
     <div class="av-cancel-confirmation-buttons-stub" >
       <button
         class="cancel"
@@ -38,7 +38,7 @@
         {{ confirmLabel }}
       </button>
     </div>
-  `}),b=e.defineComponent({name:"AvCheckbox",props:{id:{type:String,default:""},name:{type:String,default:"checkbox"},value:{type:[String,Number,Boolean],required:!0},modelValue:{type:Array,required:!0},label:{type:String,default:""}},emits:["update:modelValue"],template:`
+  `}),g=e.defineComponent({name:"AvCheckbox",props:{id:{type:String,default:""},name:{type:String,default:"checkbox"},value:{type:[String,Number,Boolean],required:!0},modelValue:{type:Array,required:!0},label:{type:String,default:""}},emits:["update:modelValue"],template:`
     <div class="av-checkbox-stub">
       <input
         type="checkbox"
@@ -54,7 +54,7 @@
       />
       <label :for="id"><slot name="label">{{ label }}</slot></label>
     </div>
-  `}),g=e.defineComponent({name:"AvInput",props:{modelValue:String,label:String,labelClass:String,placeholder:String,isValid:Boolean,isTextarea:Boolean,labelVisible:Boolean,disabled:Boolean,required:Boolean,maxlength:Number,minlength:Number,errorMessage:String,validMessage:String,prefixIcon:String,id:String,descriptionId:String,hint:String,type:String,minDate:String,maxDate:String,width:String,noRadius:Boolean,modelModifiers:Object,textareaMinHeight:String},emits:["update:modelValue"],template:'<input data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />'}),S=e.defineComponent({name:"AvList",props:["size"],template:`
+  `}),S=e.defineComponent({name:"AvInput",props:{modelValue:String,label:String,labelClass:String,placeholder:String,isValid:Boolean,isTextarea:Boolean,labelVisible:Boolean,disabled:Boolean,required:Boolean,maxlength:Number,minlength:Number,errorMessage:String,validMessage:String,prefixIcon:String,id:String,descriptionId:String,hint:String,type:String,minDate:String,maxDate:String,width:String,noRadius:Boolean,modelModifiers:Object,textareaMinHeight:String},emits:["update:modelValue"],template:'<input data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />'}),f=e.defineComponent({name:"AvList",props:["size"],template:`
     <div class="av-list-stub">
       <slot />
     </div>`}),A=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
@@ -63,7 +63,7 @@
       @click="$emit('click')"
     >
       <slot />
-    </div>`}),f=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
+    </div>`}),C=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
     <div class="av-tag-picker-stub">
       <button
         v-for="option in options"
@@ -85,7 +85,7 @@
         :toggle="() => {}"
       />
     </div>
-  `}),C=e.defineComponent({name:"AvSelect",props:{modelValue:[String,Number],options:Array,placeholder:String,dense:Boolean,required:Boolean,disabled:Boolean,hint:String,errorMessage:String,successMessage:String},emits:["update:modelValue"],template:`
+  `}),y=e.defineComponent({name:"AvSelect",props:{modelValue:[String,Number],options:Array,placeholder:String,dense:Boolean,required:Boolean,disabled:Boolean,hint:String,errorMessage:String,successMessage:String},emits:["update:modelValue"],template:`
     <select 
       class="av-select-stub"
       :value="modelValue"
@@ -110,7 +110,7 @@
       <span v-if="errorMessage">{{ errorMessage }}</span>
       <span v-if="!errorMessage && successMessage">{{ successMessage }}</span>
     </select>
-  `}),x=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
+  `}),B=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
     <div class="av-toggle">
       <input
         type="checkbox"
@@ -128,12 +128,12 @@
       <span class="inactive-text">
         {{ inactiveText }}
       </span>
-    </div>`}),k=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),B=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
+    </div>`}),k=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),x=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
     <div
       class="av-side-navigation-stub"
       @click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
     />
-  `}),y=e.defineComponent({name:"AvStepper",props:{steps:{type:Array,required:!0},currentStep:{type:Number,required:!0}},template:`
+  `}),I=e.defineComponent({name:"AvStepper",props:{steps:{type:Array,required:!0},currentStep:{type:Number,required:!0}},template:`
     <div class="av-stepper-stub">
       <div
         v-for="(step, index) in steps"
@@ -149,7 +149,7 @@
       <slot />
       <slot name="footer" />
     </div>
-  `}),I=e.defineComponent({name:"AvDropdown",props:["items","triggerAriaLabel","triggerIcon","triggerLabel","triggerVariant","triggerSmall","padding"],emits:["itemSelected"],template:`
+  `}),L=e.defineComponent({name:"AvDropdown",props:["items","triggerAriaLabel","triggerIcon","triggerLabel","triggerVariant","triggerSmall","padding"],emits:["itemSelected"],template:`
     <div class="av-dropdown-stub">
       <button
         v-for="item in items"
@@ -160,10 +160,10 @@
         {{ item.label }}
       </button>
     </div>
-  `}),L=e.defineComponent({name:"AvModal",props:["opened","closeButtonLabel","confirmButtonLabel","confirmButtonIcon"],emits:["close","confirm"],template:`
+  `}),M=e.defineComponent({name:"AvModal",props:["opened","closeButtonLabel","confirmButtonLabel","confirmButtonIcon"],emits:["close","confirm"],template:`
     <div class="av-modal">
       <slot name="header"></slot>
       <slot />
       <slot name="footer"></slot>
     </div>
-  `});function M(){return{given(n,t){return describe(`🔵 GIVEN ${n}`,t),this},when(n,t){return describe(`🔶 WHEN ${n}`,t),this},and(n,t){return describe(`➕ AND ${n}`,t),this},then(n,t){return it(`🟩 THEN ${n}`,t),this}}}exports.AvAccordionStub=u;exports.AvAutocompleteStub=h;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=k;exports.AvButtonStub=m;exports.AvCancelConfirmButtonsStub=v;exports.AvCheckboxStub=b;exports.AvDrawerStub=V;exports.AvDropdownStub=I;exports.AvFieldsetStub=r;exports.AvIconStub=c;exports.AvIconTextStub=p;exports.AvInputStub=g;exports.AvListItemStub=A;exports.AvListStub=S;exports.AvModalStub=L;exports.AvSelectStub=C;exports.AvSideNavigationStub=B;exports.AvStepperStub=y;exports.AvTagPickerStub=f;exports.AvTagStub=d;exports.AvToggleStub=x;exports.BddTest=M;
+  `});function T(){return{given(o,t){return describe(`🔵 GIVEN ${o}`,t),this},when(o,t){return describe(`🔶 WHEN ${o}`,t),this},and(o,t){return describe(`➕ AND ${o}`,t),this},then(o,t){return it(`🟩 THEN ${o}`,t),this}}}exports.AvAccordionStub=m;exports.AvAutocompleteStub=h;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=k;exports.AvButtonStub=v;exports.AvCancelConfirmButtonsStub=b;exports.AvCardStub=u;exports.AvCheckboxStub=g;exports.AvDrawerStub=V;exports.AvDropdownStub=L;exports.AvFieldsetStub=r;exports.AvIconStub=c;exports.AvIconTextStub=p;exports.AvInputStub=S;exports.AvListItemStub=A;exports.AvListStub=f;exports.AvModalStub=M;exports.AvSelectStub=y;exports.AvSideNavigationStub=x;exports.AvStepperStub=I;exports.AvTagPickerStub=C;exports.AvTagStub=d;exports.AvToggleStub=B;exports.BddTest=T;

package/dist/test-utils.es.js

@@ -48,11 +48,23 @@ const v = e({
   name: "AvIcon",
   props: ["name", "color", "size", "title", "animation"],
   template: '<div class="av-vicon-stub" />'
-}), A = e({
+}), f = e({
   name: "AvIconText",
   template: '<div class="av-icon-text" />',
   props: ["icon", "text", "icon-color", "text-color"]
-}), f = e({
+}), A = e({
+  name: "AvCard",
+  props: {
+    titleOnly: { type: Boolean, default: !1 },
+    baclgroundColor: { type: String, default: "var(--card)" },
+    borderColor: { type: String, default: "var(--stroke)" },
+    titleBackground: { type: String, default: "var(--surface-background)" },
+    titleHeight: { type: String },
+    collapsible: { type: Boolean, default: !1 },
+    collapsed: { type: Boolean, default: !1 }
+  },
+  template: '<div class="av-card"><slot name="title" /><slot /></div>'
+}), h = e({
   name: "AvAccordion",
   props: ["title", "icon"],
   template: `
@@ -70,17 +82,29 @@ const v = e({
   setup(a) {
     const t = n(c);
     if (!t) {
-      const i = s(!1);
-      return { isActive: i, expand: () => {
-        i.value = !i.value;
+      const o = s(!1);
+      return { isActive: o, expand: () => {
+        o.value = !o.value;
       } };
     }
-    const { isActive: o, expand: l } = t(r(a, "title"));
-    return { isActive: o, expand: l };
+    const { isActive: l, expand: i } = t(r(a, "title"));
+    return { isActive: l, expand: i };
   }
-}), h = e({
+}), y = e({
   name: "AvButton",
-  props: ["label", "icon", "variant", "type", "disabled", "isLoading", "small"],
+  props: {
+    variant: { type: String, default: "DEFAULT" },
+    theme: { type: String, default: "PRIMARY" },
+    isLoading: { type: Boolean, default: !1 },
+    iconScale: { type: Number },
+    noRadius: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    label: { type: String, required: !0 },
+    iconOnly: { type: Boolean, default: !1 },
+    small: { type: Boolean, default: !1 },
+    icon: { type: [String, Object] },
+    noSentenceCase: { type: Boolean, default: !1 }
+  },
   emits: ["click"],
   template: `
     <button
@@ -91,7 +115,7 @@ const v = e({
       {{ label }}
     </button>
   `
-}), x = e({
+}), k = e({
   name: "AvCancelConfirmButtons",
   props: [
     "cancelLabel",
@@ -120,7 +144,7 @@ const v = e({
       </button>
     </div>
   `
-}), k = e({
+}), x = e({
   name: "AvCheckbox",
   props: {
     id: { type: String, default: "" },
@@ -147,7 +171,7 @@ const v = e({
       <label :for="id"><slot name="label">{{ label }}</slot></label>
     </div>
   `
-}), y = e({
+}), B = e({
   name: "AvInput",
   props: {
     modelValue: String,
@@ -177,7 +201,7 @@ const v = e({
   },
   emits: ["update:modelValue"],
   template: '<input data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />'
-}), B = e({
+}), C = e({
   name: "AvList",
   props: ["size"],
   template: `
@@ -195,7 +219,7 @@ const v = e({
     >
       <slot />
     </div>`
-}), C = e({
+}), I = e({
   name: "AvTagPicker",
   props: [
     "label",
@@ -215,7 +239,7 @@ const v = e({
       </button>
     </div>
   `
-}), I = e({
+}), L = e({
   name: "AvAutocomplete",
   props: [
     "modelValue",
@@ -242,7 +266,7 @@ const v = e({
       />
     </div>
   `
-}), L = e({
+}), M = e({
   name: "AvSelect",
   props: {
     modelValue: [String, Number],
@@ -282,7 +306,7 @@ const v = e({
       <span v-if="!errorMessage && successMessage">{{ successMessage }}</span>
     </select>
   `
-}), M = e({
+}), T = e({
   name: "AvToggle",
   props: ["id", "name", "modelValue", "description", "activeText", "inactiveText", "disabled"],
   emits: ["update:modelValue"],
@@ -305,11 +329,11 @@ const v = e({
         {{ inactiveText }}
       </span>
     </div>`
-}), T = e({
+}), $ = e({
   name: "AvBreadcrumb",
   template: '<div class="av-breadcrumb-stub" />',
   props: ["links", "navigationLabel", "showBreadcrumbLabel"]
-}), $ = e({
+}), N = e({
   name: "AvSideNavigation",
   props: {
     items: Array,
@@ -348,7 +372,7 @@ const v = e({
       </div>
     </div>
   `
-}), N = e({
+}), q = e({
   name: "AvDrawer",
   props: ["show", "position", "width"],
   emits: ["escape-pressed"],
@@ -358,7 +382,7 @@ const v = e({
       <slot name="footer" />
     </div>
   `
-}), q = e({
+}), D = e({
   name: "AvDropdown",
   props: ["items", "triggerAriaLabel", "triggerIcon", "triggerLabel", "triggerVariant", "triggerSmall", "padding"],
   emits: ["itemSelected"],
@@ -374,7 +398,7 @@ const v = e({
       </button>
     </div>
   `
-}), D = e({
+}), O = e({
   name: "AvModal",
   props: ["opened", "closeButtonLabel", "confirmButtonLabel", "confirmButtonIcon"],
   emits: ["close", "confirm"],
@@ -386,7 +410,7 @@ const v = e({
     </div>
   `
 });
-function O() {
+function H() {
   return {
     given(a, t) {
       return describe(`🔵 GIVEN ${a}`, t), this;
@@ -403,27 +427,28 @@ function O() {
   };
 }
 export {
-  f as AvAccordionStub,
-  I as AvAutocompleteStub,
+  h as AvAccordionStub,
+  L as AvAutocompleteStub,
   v as AvBadgeStub,
-  T as AvBreadcrumbStub,
-  h as AvButtonStub,
-  x as AvCancelConfirmButtonsStub,
-  k as AvCheckboxStub,
-  N as AvDrawerStub,
-  q as AvDropdownStub,
+  $ as AvBreadcrumbStub,
+  y as AvButtonStub,
+  k as AvCancelConfirmButtonsStub,
+  A as AvCardStub,
+  x as AvCheckboxStub,
+  q as AvDrawerStub,
+  D as AvDropdownStub,
   g as AvFieldsetStub,
   S as AvIconStub,
-  A as AvIconTextStub,
-  y as AvInputStub,
+  f as AvIconTextStub,
+  B as AvInputStub,
   V as AvListItemStub,
-  B as AvListStub,
-  D as AvModalStub,
-  L as AvSelectStub,
-  $ as AvSideNavigationStub,
+  C as AvListStub,
+  O as AvModalStub,
+  M as AvSelectStub,
+  N as AvSideNavigationStub,
   w as AvStepperStub,
-  C as AvTagPickerStub,
+  I as AvTagPickerStub,
   b as AvTagStub,
-  M as AvToggleStub,
-  O as BddTest
+  T as AvToggleStub,
+  H as BddTest
 };

package/dist/tests/index.d.ts

@@ -3,6 +3,7 @@ import { AvTagStub } from '@/components/badges/AvTag/AvTag.stub';
 import { AvFieldsetStub } from '@/components/base/AvFieldset/AvFieldset.stub';
 import { AvIconStub } from '@/components/base/AvIcon/AvIcon.stub';
 import { AvIconTextStub } from '@/components/base/AvIconText/AvIconText.stub';
+import { AvCardStub } from '@/components/cards/AvCard/AvCard.stub';
 import { AvAccordionStub } from '@/components/interaction/accordions/AvAccordion/AvAccordion.stub';
 import { AvButtonStub } from '@/components/interaction/buttons/AvButton/AvButton.stub';
 import { AvCancelConfirmButtonsStub } from '@/components/interaction/buttons/AvCancelConfirmButtons/AvCancelConfirmButtons.stub';
@@ -21,4 +22,4 @@ import { AvDrawerStub } from '@/components/overlay/drawers/AvDrawer/AvDrawer.stu
 import { AvDropdownStub } from '@/components/overlay/dropdowns/AvDropdown/AvDropdown.stub';
 import { AvModalStub } from '@/components/overlay/modals/AvModal/AvModal.stub';
 import { BddTest } from '@/tests/utils';
-export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvCheckboxStub, AvDrawerStub, AvDropdownStub, AvFieldsetStub, AvIconStub, AvIconTextStub, AvInputStub, AvListItemStub, AvListStub, AvModalStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };
+export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvCardStub, AvCheckboxStub, AvDrawerStub, AvDropdownStub, AvFieldsetStub, AvIconStub, AvIconTextStub, AvInputStub, AvListItemStub, AvListStub, AvModalStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@avenirs-esr/avenirs-dsav",
   "type": "module",
-  "version": "0.1.97",
+  "version": "0.1.99",
   "repository": {
     "type": "git",
     "url": "https://github.com/avenirs-esr/avenirs-dsav"