@avenirs-esr/avenirs-dsav 0.1.88 → 0.1.89

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}}),c=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),d=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),r=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"]}),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"]}),c=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),r=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"]}),u=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:a,expand:i}=t(e.toRef(n,"title"));return{isActive:a,expand:i}}}),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}}}),m=e.defineComponent({name:"AvButton",props:["label","icon","variant","type","disabled","isLoading","small"],emits:["click"],template:`
     <button
       class="av-button-stub"
       :disabled="disabled"
@@ -128,12 +128,12 @@
       <span class="inactive-text">
         {{ inactiveText }}
       </span>
-    </div>`}),x=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),y=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
+    </div>`}),x=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
       class="av-side-navigation-stub"
       @click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
     />
-  `}),B=e.defineComponent({name:"AvStepper",props:{steps:{type:Array,required:!0},currentStep:{type:Number,required:!0}},template:`
+  `}),y=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"
@@ -160,4 +160,10 @@
         {{ item.label }}
       </button>
     </div>
-  `});function T(){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=x;exports.AvButtonStub=m;exports.AvCancelConfirmButtonsStub=v;exports.AvCheckboxStub=b;exports.AvDrawerStub=V;exports.AvDropdownStub=I;exports.AvFieldsetStub=d;exports.AvIconStub=r;exports.AvIconTextStub=p;exports.AvInputStub=g;exports.AvListItemStub=A;exports.AvListStub=S;exports.AvSelectStub=C;exports.AvSideNavigationStub=y;exports.AvStepperStub=B;exports.AvTagPickerStub=f;exports.AvTagStub=c;exports.AvToggleStub=k;exports.BddTest=T;
+  `}),L=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 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=u;exports.AvAutocompleteStub=h;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=x;exports.AvButtonStub=m;exports.AvCancelConfirmButtonsStub=v;exports.AvCheckboxStub=b;exports.AvDrawerStub=V;exports.AvDropdownStub=I;exports.AvFieldsetStub=c;exports.AvIconStub=r;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=k;exports.BddTest=T;

package/dist/test-utils.es.js

@@ -70,13 +70,13 @@ const v = e({
   setup(a) {
     const t = n(r);
     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(c(a, "title"));
-    return { isActive: o, expand: l };
+    const { isActive: i, expand: l } = t(c(a, "title"));
+    return { isActive: i, expand: l };
   }
 }), h = e({
   name: "AvButton",
@@ -164,14 +164,14 @@ 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" />'
-}), V = e({
+}), B = e({
   name: "AvList",
   props: ["size"],
   template: `
     <div class="av-list-stub">
       <slot />
     </div>`
-}), B = e({
+}), V = e({
   name: "AvListItem",
   props: ["clickable", "hoverBackgroundColor", "selected", "icon", "iconSize", "iconColor", "colorOnHover"],
   emits: ["click"],
@@ -202,7 +202,7 @@ const v = e({
       </button>
     </div>
   `
-}), I = e({
+}), L = e({
   name: "AvAutocomplete",
   props: [
     "modelValue",
@@ -229,7 +229,7 @@ const v = e({
       />
     </div>
   `
-}), L = e({
+}), I = e({
   name: "AvSelect",
   props: {
     modelValue: [String, Number],
@@ -269,7 +269,7 @@ const v = e({
       <span v-if="!errorMessage && successMessage">{{ successMessage }}</span>
     </select>
   `
-}), T = e({
+}), M = e({
   name: "AvToggle",
   props: ["id", "name", "modelValue", "description", "activeText", "inactiveText", "disabled"],
   emits: ["update:modelValue"],
@@ -292,11 +292,11 @@ const v = e({
         {{ inactiveText }}
       </span>
     </div>`
-}), $ = e({
+}), T = e({
   name: "AvBreadcrumb",
   template: '<div class="av-breadcrumb-stub" />',
   props: ["links", "navigationLabel", "showBreadcrumbLabel"]
-}), M = e({
+}), $ = e({
   name: "AvSideNavigation",
   props: {
     items: Array,
@@ -361,8 +361,19 @@ const v = e({
       </button>
     </div>
   `
+}), D = e({
+  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 D() {
+function O() {
   return {
     given(a, t) {
       return describe(`🔵 GIVEN ${a}`, t), this;
@@ -380,9 +391,9 @@ function D() {
 }
 export {
   f as AvAccordionStub,
-  I as AvAutocompleteStub,
+  L as AvAutocompleteStub,
   v as AvBadgeStub,
-  $ as AvBreadcrumbStub,
+  T as AvBreadcrumbStub,
   h as AvButtonStub,
   k as AvCancelConfirmButtonsStub,
   x as AvCheckboxStub,
@@ -392,13 +403,14 @@ export {
   S as AvIconStub,
   A as AvIconTextStub,
   y as AvInputStub,
-  B as AvListItemStub,
-  V as AvListStub,
-  L as AvSelectStub,
-  M as AvSideNavigationStub,
+  V as AvListItemStub,
+  B as AvListStub,
+  D as AvModalStub,
+  I as AvSelectStub,
+  $ as AvSideNavigationStub,
   w as AvStepperStub,
   C as AvTagPickerStub,
   b as AvTagStub,
-  T as AvToggleStub,
-  D as BddTest
+  M as AvToggleStub,
+  O as BddTest
 };

package/dist/tests/index.d.ts

@@ -19,5 +19,6 @@ import { AvSideNavigationStub } from '@/components/navigation/AvSideNavigation/A
 import { AvStepperStub } from '@/components/navigation/AvStepper/AvStepper.stub';
 import { AvDrawerStub } from '@/components/overlay/drawers/AvDrawer/AvDrawer.stub';
 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, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };
+export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, 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.88",
+  "version": "0.1.89",
   "repository": {
     "type": "git",
     "url": "https://github.com/avenirs-esr/avenirs-dsav"

package/src/styles/components/_grid.scss

@@ -175,6 +175,7 @@ $flex-directions: (
   @each $size, $value in sp.$spacing {
     @include ns("flex-#{$dir-name}-#{$size}") {
       display: flex;
+      flex: 1;
       flex-direction: $dir-value;
       gap: var(--spacing-#{$size});
     }

package/dist/components/interaction/tabs/AvTabs/composables/use-tab-transition.d.ts

@@ -1,23 +0,0 @@
-import type { ComputedRef, Ref } from 'vue';
-/**
- * Return type of useTabTransition composable
- */
-interface UseTabTransitionReturn {
-    /**
-     * Translate value for the "from" state of the transition.
-     * Used for the .slide-fade-enter-from class.
-     */
-    translateValueFrom: ComputedRef<string>;
-    /**
-     * Translate value for the "to" state of the transition.
-     * Used for the .slide-fade-leave-to class.
-     */
-    translateValueTo: ComputedRef<string>;
-}
-/**
- * Composable managing tab transition values based on the direction of the tab change.
- * @param asc - Boolean indicating if the tab change is in ascending order.
- * @returns An object containing computed properties for transition translate values.
- */
-export declare function useTabTransition(asc: Ref<boolean>): UseTabTransitionReturn;
-export {};

package/dist/components/interaction/tabs/AvTabs/composables/use-tab-transition.test.d.ts

@@ -1 +0,0 @@
-export {};