@avenirs-esr/avenirs-dsav 0.1.124 → 0.1.126

package/dist/test-utils.cjs.js

@@ -63,13 +63,13 @@
   `}),C=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,formatDateStr:String},emits:["update:modelValue"],template:`<input @input="$emit('update:modelValue', $event.target.value)" data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="maxLengthCaption" :current-value="modelValue" />`}),h=e.defineComponent({name:"AvPeriodInput",props:{id:String,label:String,labelClass:String,startModelValue:String,endModelValue:String,startLabel:String,endLabel:String,disabled:Boolean,width:String,startMinDate:Date,startMaxDate:Date,endMinDate:Date,endMaxDate:Date,stacked:Boolean,separatorSpacing:String},emits:["update:startModelValue","update:endModelValue","change"],template:'<div class="av-period-input-stub" data-testid="av-period-input-stub" />'}),y=e.defineComponent({name:"AvList",props:["size"],template:`
     <div class="av-list-stub">
       <slot />
-    </div>`}),k=e.defineComponent({name:"AvListItem",props:["hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
+    </div>`}),x=e.defineComponent({name:"AvListItem",props:["hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
     <div
       class="av-list-item-stub"
       @click="$emit('click')"
     >
       <slot />
-    </div>`}),x=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
+    </div>`}),k=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
     <div class="av-tag-picker-stub">
       <button
         v-for="option in options"
@@ -91,7 +91,7 @@
         :toggle="() => {}"
       />
     </div>
-  `}),V=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:`
+  `}),V=e.defineComponent({name:"AvSelect",props:{modelValue:[String,Number],options:Array,placeholder:String,label:String,dense:Boolean,required:Boolean,disabled:Boolean,hint:String,errorMessage:String,successMessage:String,prefixIcon:String},emits:["update:modelValue"],template:`
     <select 
       class="av-select-stub"
       :value="modelValue"
@@ -116,7 +116,7 @@
       <span v-if="errorMessage">{{ errorMessage }}</span>
       <span v-if="!errorMessage && successMessage">{{ successMessage }}</span>
     </select>
-  `}),T=e.defineComponent({name:"AvTab",props:{title:{type:String,required:!0},icon:{type:String,required:!1}},template:'<div class="av-tab"><slot /></div>'}),M=e.defineComponent({name:"AvTabs",props:{modelValue:{type:Number,default:0},ariaLabel:String,compact:Boolean},emits:["update:modelValue"],setup(a,{slots:t}){const o=e.computed(()=>{var n;return((n=t.default)==null?void 0:n.call(t))??[]}),i=e.computed(()=>a.modelValue??0);return()=>e.h("div",{class:"av-tabs"},o.value[i.value]??null)}}),I=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
+  `}),T=e.defineComponent({name:"AvTab",props:{title:{type:String,required:!0},icon:{type:String,required:!1}},template:'<div class="av-tab"><slot /></div>'}),I=e.defineComponent({name:"AvTabs",props:{modelValue:{type:Number,default:0},ariaLabel:String,compact:Boolean},emits:["update:modelValue"],setup(a,{slots:t}){const o=e.computed(()=>{var n;return((n=t.default)==null?void 0:n.call(t))??[]}),i=e.computed(()=>a.modelValue??0);return()=>e.h("div",{class:"av-tabs"},o.value[i.value]??null)}}),M=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
     <div class="av-toggle">
       <input
         type="checkbox"
@@ -172,4 +172,4 @@
       <slot />
       <slot name="footer"></slot>
     </div>
-  `});function O(){return{given(a,t){return describe(`🔵 GIVEN ${a}`,t),this},when(a,t){return describe(`🔶 WHEN ${a}`,t),this},and(a,t){return describe(`➕ AND ${a}`,t),this},then(a,t){return it(`🟩 THEN ${a}`,t),this}}}exports.AvAccordionStub=b;exports.AvAutocompleteStub=B;exports.AvBadgeStub=d;exports.AvBreadcrumbStub=L;exports.AvButtonStub=g;exports.AvCancelConfirmButtonsStub=S;exports.AvCardStub=v;exports.AvCheckboxStub=f;exports.AvCheckboxesGroupStub=A;exports.AvDrawerStub=$;exports.AvDropdownStub=q;exports.AvFieldsetStub=u;exports.AvIconStub=p;exports.AvIconTextStub=m;exports.AvInputStub=C;exports.AvListItemStub=k;exports.AvListStub=y;exports.AvModalStub=N;exports.AvPeriodInputStub=h;exports.AvSelectStub=V;exports.AvSideNavigationStub=D;exports.AvStepperStub=w;exports.AvTabStub=T;exports.AvTabsStub=M;exports.AvTagPickerStub=x;exports.AvTagStub=c;exports.AvToggleStub=I;exports.BddTest=O;
+  `});function O(){return{given(a,t){return describe(`🔵 GIVEN ${a}`,t),this},when(a,t){return describe(`🔶 WHEN ${a}`,t),this},and(a,t){return describe(`➕ AND ${a}`,t),this},then(a,t){return it(`🟩 THEN ${a}`,t),this}}}exports.AvAccordionStub=b;exports.AvAutocompleteStub=B;exports.AvBadgeStub=d;exports.AvBreadcrumbStub=L;exports.AvButtonStub=g;exports.AvCancelConfirmButtonsStub=S;exports.AvCardStub=v;exports.AvCheckboxStub=f;exports.AvCheckboxesGroupStub=A;exports.AvDrawerStub=$;exports.AvDropdownStub=q;exports.AvFieldsetStub=u;exports.AvIconStub=p;exports.AvIconTextStub=m;exports.AvInputStub=C;exports.AvListItemStub=x;exports.AvListStub=y;exports.AvModalStub=N;exports.AvPeriodInputStub=h;exports.AvSelectStub=V;exports.AvSideNavigationStub=D;exports.AvStepperStub=w;exports.AvTabStub=T;exports.AvTabsStub=I;exports.AvTagPickerStub=k;exports.AvTagStub=c;exports.AvToggleStub=M;exports.BddTest=O;

package/dist/test-utils.es.js

@@ -175,7 +175,7 @@ const f = e({
       <label :for="id"><slot name="label">{{ label }}</slot></label>
     </div>
   `
-}), L = e({
+}), I = e({
   name: "AvCheckboxesGroup",
   props: ["modelValue", "options"],
   emits: ["update:modelValue"],
@@ -184,7 +184,7 @@ const f = e({
       <slot />
     </fieldset>
   `
-}), I = e({
+}), L = e({
   name: "AvInput",
   props: {
     modelValue: String,
@@ -307,12 +307,14 @@ const f = e({
     modelValue: [String, Number],
     options: Array,
     placeholder: String,
+    label: String,
     dense: Boolean,
     required: Boolean,
     disabled: Boolean,
     hint: String,
     errorMessage: String,
-    successMessage: String
+    successMessage: String,
+    prefixIcon: String
   },
   emits: ["update:modelValue"],
   template: `
@@ -501,13 +503,13 @@ export {
   C as AvCancelConfirmButtonsStub,
   k as AvCardStub,
   M as AvCheckboxStub,
-  L as AvCheckboxesGroupStub,
+  I as AvCheckboxesGroupStub,
   F as AvDrawerStub,
   j as AvDropdownStub,
   h as AvFieldsetStub,
   y as AvIconStub,
   x as AvIconTextStub,
-  I as AvInputStub,
+  L as AvInputStub,
   w as AvListItemStub,
   D as AvListStub,
   z as AvModalStub,

package/package.json

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

package/src/styles/components/_form.scss

@@ -30,7 +30,7 @@ input[type=range] {
 
 // === Label ===
 @include ns("label") {
-  @extend .b2-regular;
+  @extend .b1-regular;
   display: block;
   padding-bottom: var(--spacing-xxs);
 
@@ -41,7 +41,7 @@ input[type=range] {
 
 // === Hint text ===
 @include ns("hint-text") {
-  @extend .caption-regular;
+  @extend .caption-light;
   display: block;
 
   +.#{$prefix}hint-text {

package/src/styles/utilities/_spacing.scss

@@ -40,14 +40,18 @@ $directions: (
   @each $direction-key, $direction-value in $directions {
     @each $size, $value in sp.$spacing {
       @if meta.type-of($direction-value) == 'list' {
+        $props: ();
+        $negative-props: ();
         @each $d in $direction-value {
-          @include utility-base("#{$type}#{$direction-key}-#{$size}", (
+          $props: map-merge($props, (
             #{$property-value}-#{$d}: var(--spacing-#{$size}) !important
           ));
-          @include utility-base("-#{$type}#{$direction-key}-#{$size}", (
+          $negative-props: map-merge($negative-props, (
             #{$property-value}-#{$d}: calc(-1 * var(--spacing-#{$size})) !important
           ));
         }
+        @include utility-base("#{$type}#{$direction-key}-#{$size}", $props);
+        @include utility-base("-#{$type}#{$direction-key}-#{$size}", $negative-props);
       } @else {
         @include utility-base("#{$type}#{$direction-key}-#{$size}", (
           #{$property-value}-#{$direction-value}: var(--spacing-#{$size}) !important
@@ -81,14 +85,18 @@ $directions: (
   @each $direction-key, $direction-value in $directions {
     @each $size, $value in sp.$spacing {
       @if meta.type-of($direction-value) == 'list' {
+        $props: ();
+        $negative-props: ();
         @each $d in $direction-value {
-          @include utility-responsive("#{$type}#{$direction-key}-#{$size}", (
+          $props: map-merge($props, (
             #{$property-value}-#{$d}: var(--spacing-#{$size}) !important
           ));
-          @include utility-responsive("-#{$type}#{$direction-key}-#{$size}", (
+          $negative-props: map-merge($negative-props, (
             #{$property-value}-#{$d}: calc(-1 * var(--spacing-#{$size})) !important
           ));
         }
+        @include utility-responsive("#{$type}#{$direction-key}-#{$size}", $props);
+        @include utility-responsive("-#{$type}#{$direction-key}-#{$size}", $negative-props);
       } @else {
         @include utility-responsive("#{$type}#{$direction-key}-#{$size}", (
           #{$property-value}-#{$direction-value}: var(--spacing-#{$size}) !important