@avenirs-esr/avenirs-dsav 0.1.104 → 0.1.106

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" />'}),u=e.defineComponent({name:"AvIconText",template:'<div class="av-icon-text" />',props:["icon","text","icon-color","text-color"]}),p=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>`,props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,borderColor:String,icon:String}}),r=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>"}),c=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),u=e.defineComponent({name:"AvIconText",template:'<div class="av-icon-text" />',props:["icon","text","icon-color","text-color"]}),p=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"
@@ -58,7 +58,7 @@
     <fieldset class="av-checkboxes-group-stub">
       <slot />
     </fieldset>
-  `}),f=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 @input="$emit('update:modelValue', $event.target.value)" data-testid="av-input-stub" :value="modelValue" :placeholder="placeholder" :disabled="disabled" :required="required" :maxlength="maxlength" /><slot name="customCaptions" :current-value="modelValue" />`}),A=e.defineComponent({name:"AvList",props:["size"],template:`
+  `}),f=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="customCaptions" :current-value="modelValue" />`}),A=e.defineComponent({name:"AvList",props:["size"],template:`
     <div class="av-list-stub">
       <slot />
     </div>`}),C=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
@@ -170,4 +170,4 @@
       <slot />
       <slot name="footer"></slot>
     </div>
-  `});function N(){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=m;exports.AvAutocompleteStub=y;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=T;exports.AvButtonStub=v;exports.AvCancelConfirmButtonsStub=b;exports.AvCardStub=p;exports.AvCheckboxStub=g;exports.AvCheckboxesGroupStub=S;exports.AvDrawerStub=M;exports.AvDropdownStub=$;exports.AvFieldsetStub=r;exports.AvIconStub=c;exports.AvIconTextStub=u;exports.AvInputStub=f;exports.AvListItemStub=C;exports.AvListStub=A;exports.AvModalStub=q;exports.AvSelectStub=k;exports.AvSideNavigationStub=I;exports.AvStepperStub=L;exports.AvTabStub=x;exports.AvTabsStub=B;exports.AvTagPickerStub=h;exports.AvTagStub=d;exports.AvToggleStub=V;exports.BddTest=N;
+  `});function N(){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=m;exports.AvAutocompleteStub=y;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=T;exports.AvButtonStub=v;exports.AvCancelConfirmButtonsStub=b;exports.AvCardStub=p;exports.AvCheckboxStub=g;exports.AvCheckboxesGroupStub=S;exports.AvDrawerStub=M;exports.AvDropdownStub=$;exports.AvFieldsetStub=d;exports.AvIconStub=c;exports.AvIconTextStub=u;exports.AvInputStub=f;exports.AvListItemStub=C;exports.AvListStub=A;exports.AvModalStub=q;exports.AvSelectStub=k;exports.AvSideNavigationStub=I;exports.AvStepperStub=L;exports.AvTabStub=x;exports.AvTabsStub=B;exports.AvTagPickerStub=h;exports.AvTagStub=r;exports.AvToggleStub=V;exports.BddTest=N;

package/dist/test-utils.es.js

@@ -82,13 +82,13 @@ const g = e({
   setup(a) {
     const t = s(p);
     if (!t) {
-      const l = r(!1);
-      return { isActive: l, expand: () => {
-        l.value = !l.value;
+      const o = r(!1);
+      return { isActive: o, expand: () => {
+        o.value = !o.value;
       } };
     }
-    const { isActive: o, expand: i } = t(d(a, "title"));
-    return { isActive: o, expand: i };
+    const { isActive: l, expand: i } = t(d(a, "title"));
+    return { isActive: l, expand: i };
   }
 }), x = e({
   name: "AvButton",
@@ -206,7 +206,8 @@ const g = e({
     width: String,
     noRadius: Boolean,
     modelModifiers: Object,
-    textareaMinHeight: String
+    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="customCaptions" :current-value="modelValue" />`
@@ -340,11 +341,11 @@ const g = e({
   },
   emits: ["update:modelValue"],
   setup(a, { slots: t }) {
-    const o = n(() => {
-      var l;
-      return ((l = t.default) == null ? void 0 : l.call(t)) ?? [];
+    const l = n(() => {
+      var o;
+      return ((o = t.default) == null ? void 0 : o.call(t)) ?? [];
     }), i = n(() => a.modelValue ?? 0);
-    return () => c("div", { class: "av-tabs" }, o.value[i.value] ?? null);
+    return () => c("div", { class: "av-tabs" }, l.value[i.value] ?? null);
   }
 }), D = e({
   name: "AvToggle",

package/dist/tokens/icons.d.ts

@@ -27,10 +27,14 @@ export declare const MDI_ICONS: {
     BACKUP_RESTORE: string;
     BELL_NOTIFICATION: string;
     BOOK_LOCATION_OUTLINE: string;
+    BOOK_OPEN_VARIANT: string;
     BRIEFCASE_VARIANT_OUTLINE: string;
     BUILDING: string;
+    CALENDAR_BLANK_OUTLINE: string;
     CALENDAR_MONTH_OUTLINE: string;
     CALENDAR_OUTLINE: string;
+    CALENDAR_TIME: string;
+    CALENDAR_WEEK_OUTLINE: string;
     CHART_TIMELINE_VARIANT_SHIMMER: string;
     CHAT_ALERT: string;
     CHAT_BUBBLE_OUTLINE: string;
@@ -45,6 +49,7 @@ export declare const MDI_ICONS: {
     CHEVRON_LEFT: string;
     CIRCLE: string;
     CIRCLE_OUTLINE: string;
+    CLOCK_OUTLINE: string;
     CLOSE_CIRCLE_OUTLINE: string;
     CLOSE_OCTAGON: string;
     CONTENT_SAVE_OUTLINE: string;

package/package.json

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

package/src/styles/components/_icons.scss

@@ -19,10 +19,14 @@
   --icon-mdi-backup-restore: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAzYTkgOSAwIDAgMC05IDlIMGw0IDRsNC00SDVhNyA3IDAgMCAxIDctN2E3IDcgMCAwIDEgNyA3YTcgNyAwIDAgMS03IDdjLTEuNSAwLTIuOTEtLjUtNC4wNi0xLjNMNi41IDE5LjE0QTkuMSA5LjEgMCAwIDAgMTIgMjFhOSA5IDAgMCAwIDktOWE5IDkgMCAwIDAtOS05bTIgOWEyIDIgMCAwIDAtMi0yYTIgMiAwIDAgMC0yIDJhMiAyIDAgMCAwIDIgMmEyIDIgMCAwIDAgMi0yIi8+PC9zdmc+");
   --icon-mdi-bell-notification: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMSA2LjVjMCAxLjkzLTEuNTcgMy41LTMuNSAzLjVTMTQgOC40MyAxNCA2LjVTMTUuNTcgMyAxNy41IDNTMjEgNC41NyAyMSA2LjVtLTIgNS4yOWMtLjUuMTMtMSAuMjEtMS41LjIxQTUuNTEgNS41MSAwIDAgMSAxMiA2LjVjMC0xLjQ3LjU4LTIuOCAxLjUtMy43OUExLjkzIDEuOTMgMCAwIDAgMTIgMmMtMS4xIDAtMiAuOS0yIDJ2LjI5QzcuMDMgNS4xNyA1IDcuOSA1IDExdjZsLTIgMnYxaDE4di0xbC0yLTJ6TTEyIDIzYzEuMTEgMCAyLS44OSAyLTJoLTRhMiAyIDAgMCAwIDIgMiIvPjwvc3ZnPg==");
   --icon-mdi-book-location-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNC41NSAyMGMuNDUuNzYuOTUgMS40NCAxLjM2IDJINmMtMS4xMSAwLTItLjg5LTItMlY0YTIgMiAwIDAgMSAyLTJoMTJhMiAyIDAgMCAxIDIgMnY2LjIyYy0uNS0uMTQtMS0uMjItMS41LS4yMmMtLjE3IDAtLjMzIDAtLjUuMDNWNGgtNXY4bC0yLjUtMi4yNUw4IDEyVjRINnYxNnpNMjIgMTUuNWMwIDIuNi0zLjUgNi41LTMuNSA2LjVTMTUgMTguMSAxNSAxNS41YzAtMS45IDEuNi0zLjUgMy41LTMuNXMzLjUgMS42IDMuNSAzLjVtLTIuMy4xYzAtLjYtLjYtMS4yLTEuMi0xLjJzLTEuMi41LTEuMiAxLjJjMCAuNi41IDEuMiAxLjIgMS4yczEuMy0uNiAxLjItMS4yIi8+PC9zdmc+");
+  --icon-mdi-book-open-variant: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyMS41Yy0xLjM1LS44NS0zLjgtMS41LTUuNS0xLjVjLTEuNjUgMC0zLjM1LjMtNC43NSAxLjA1Yy0uMS4wNS0uMTUuMDUtLjI1LjA1Yy0uMjUgMC0uNS0uMjUtLjUtLjVWNmMuNi0uNDUgMS4yNS0uNzUgMi0xYzEuMTEtLjM1IDIuMzMtLjUgMy41LS41YzEuOTUgMCA0LjA1LjQgNS41IDEuNWMxLjQ1LTEuMSAzLjU1LTEuNSA1LjUtMS41YzEuMTcgMCAyLjM5LjE1IDMuNS41Yy43NS4yNSAxLjQuNTUgMiAxdjE0LjZjMCAuMjUtLjI1LjUtLjUuNWMtLjEgMC0uMTUgMC0uMjUtLjA1Yy0xLjQtLjc1LTMuMS0xLjA1LTQuNzUtMS4wNWMtMS43IDAtNC4xNS42NS01LjUgMS41TTEyIDh2MTEuNWMxLjM1LS44NSAzLjgtMS41IDUuNS0xLjVjMS4yIDAgMi40LjE1IDMuNS41VjdjLTEuMS0uMzUtMi4zLS41LTMuNS0uNWMtMS43IDAtNC4xNS42NS01LjUgMS41bTEgMy41YzEuMTEtLjY4IDIuNi0xIDQuNS0xYy45MSAwIDEuNzYuMDkgMi41LjI4VjkuMjNjLS44Ny0uMTUtMS43MS0uMjMtMi41LS4yM3EtMi42NTUgMC00LjUuODR6bTQuNS4xN2MtMS43MSAwLTMuMjEuMjYtNC41Ljc5djEuNjljMS4xMS0uNjUgMi42LS45OSA0LjUtLjk5YzEuMDQgMCAxLjg4LjA4IDIuNS4yNHYtMS41Yy0uODctLjE2LTEuNzEtLjIzLTIuNS0uMjNtMi41IDIuOWMtLjg3LS4xNi0xLjcxLS4yNC0yLjUtLjI0Yy0xLjgzIDAtMy4zMy4yNy00LjUuOHYxLjY5YzEuMTEtLjY2IDIuNi0uOTkgNC41LS45OWMxLjA0IDAgMS44OC4wOCAyLjUuMjR6Ii8+PC9zdmc+");
   --icon-mdi-briefcase-variant-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCA3aC00VjVsLTItMmgtNEw4IDV2Mkg0Yy0xLjEgMC0yIC45LTIgMnY1YzAgLjc1LjQgMS4zOCAxIDEuNzNWMTljMCAxLjExLjg5IDIgMiAyaDE0YzEuMTEgMCAyLS44OSAyLTJ2LTMuMjhjLjU5LS4zNSAxLS45OSAxLTEuNzJWOWMwLTEuMS0uOS0yLTItMk0xMCA1aDR2MmgtNHpNNCA5aDE2djVoLTV2LTNIOXYzSDR6bTkgNmgtMnYtMmgyem02IDRINXYtM2g0djFoNnYtMWg0eiIvPjwvc3ZnPg==");
   --icon-mdi-building: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOCAxNWgtMnYyaDJtMC02aC0ydjJoMm0yIDZoLTh2LTJoMnYtMmgtMnYtMmgydi0yaC0yVjloOE0xMCA3SDhWNWgybTAgNkg4VjloMm0wIDZIOHYtMmgybTAgNkg4di0yaDJNNiA3SDRWNWgybTAgNkg0VjloMm0wIDZINHYtMmgybTAgNkg0di0yaDJtNi0xMFYzSDJ2MThoMjBWN3oiLz48L3N2Zz4=");
+  --icon-mdi-calendar-blank-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOSAzaC0xVjFoLTJ2Mkg4VjFINnYySDVhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YzEuMTEgMCAyLS44OSAyLTJWNWEyIDIgMCAwIDAtMi0ybTAgMTZINVY5aDE0em0wLTEySDVWNWgxNHoiLz48L3N2Zz4=");
   --icon-mdi-calendar-month-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik03IDExaDJ2Mkg3em0xNC02djE0YzAgMS4xMS0uODkgMi0yIDJINWEyIDIgMCAwIDEtMi0yVjVjMC0xLjEuOS0yIDItMmgxVjFoMnYyaDhWMWgydjJoMWEyIDIgMCAwIDEgMiAyTTUgN2gxNFY1SDV6bTE0IDEyVjlINXYxMHptLTQtNnYtMmgydjJ6bS00IDB2LTJoMnYyem0tNCAyaDJ2Mkg3em04IDJ2LTJoMnYyem0tNCAwdi0yaDJ2MnoiLz48L3N2Zz4=");
   --icon-mdi-calendar-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAxMmg1djVoLTV6bTctOWgtMVYxaC0ydjJIOFYxSDZ2Mkg1Yy0xLjEgMC0yIC45LTIgMnYxNGMwIDEuMS45IDIgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjVjMC0xLjEtLjktMi0yLTJtMCAydjJINVY1ek01IDE5VjloMTR2MTB6Ii8+PC9zdmc+");
+  --icon-mdi-calendar-time: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNSAxM2gxLjV2Mi44MmwyLjQ0IDEuNDFsLS43NSAxLjNMMTUgMTYuNjl6bTQtNUg1djExaDQuNjdjLS40My0uOTEtLjY3LTEuOTMtLjY3LTNhNyA3IDAgMCAxIDctN2MxLjA3IDAgMi4wOS4yNCAzIC42N3pNNSAyMWEyIDIgMCAwIDEtMi0yVjVjMC0xLjExLjg5LTIgMi0yaDFWMWgydjJoOFYxaDJ2MmgxYTIgMiAwIDAgMSAyIDJ2Ni4xYzEuMjQgMS4yNiAyIDIuOTkgMiA0LjlhNyA3IDAgMCAxLTcgN2MtMS45MSAwLTMuNjQtLjc2LTQuOS0yem0xMS05Ljg1QTQuODUgNC44NSAwIDAgMCAxMS4xNSAxNmMwIDIuNjggMi4xNyA0Ljg1IDQuODUgNC44NUE0Ljg1IDQuODUgMCAwIDAgMjAuODUgMTZjMC0yLjY4LTIuMTctNC44NS00Ljg1LTQuODUiLz48L3N2Zz4=");
+  --icon-mdi-calendar-week-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik01IDNoMVYxaDJ2Mmg4VjFoMnYyaDFjMS4xMSAwIDIgLjg5IDIgMnYxNGEyIDIgMCAwIDEtMiAySDVhMiAyIDAgMCAxLTItMlY1YTIgMiAwIDAgMSAyLTJtMCAxNmgxNFY5SDV6TTUgN2gxNFY1SDV6bTEyIDR2Mkg3di0yeiIvPjwvc3ZnPg==");
   --icon-mdi-chart-timeline-variant-shimmer: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMSA4Yy0xLjUgMC0yLjMgMS40LTEuOSAyLjVsLTMuNiAzLjZjLS4zLS4xLS43LS4xLTEgMGwtMi42LTIuNmMuNC0xLjEtLjQtMi41LTEuOS0yLjVjLTEuNCAwLTIuMyAxLjQtMS45IDIuNUwzLjUgMTZjLTEuMS0uMy0yLjUuNS0yLjUgMmMwIDEuMS45IDIgMiAyYzEuNCAwIDIuMy0xLjQgMS45LTIuNWw0LjUtNC42Yy4zLjEuNy4xIDEgMGwyLjYgMi42Yy0uMyAxIC41IDIuNSAyIDIuNXMyLjMtMS40IDEuOS0yLjVsMy42LTMuNmMxLjEuMyAyLjUtLjUgMi41LTEuOWMwLTEuMS0uOS0yLTItMm0tNiAxbC45LTIuMUwxOCA2bC0yLjEtLjlMMTUgM2wtLjkgMi4xTDEyIDZsMi4xLjl6TTMuNSAxMUw0IDlsMi0uNUw0IDhsLS41LTJMMyA4bC0yIC41TDMgOXoiLz48L3N2Zz4=");
   --icon-mdi-chat-alert: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAzYzUuNSAwIDEwIDMuNTggMTAgOHMtNC41IDgtMTAgOGMtMS4yNCAwLTIuNDMtLjE4LTMuNTMtLjVDNS41NSAyMSAyIDIxIDIgMjFjMi4zMy0yLjMzIDIuNy0zLjkgMi43NS00LjVDMy4wNSAxNS4wNyAyIDEzLjEzIDIgMTFjMC00LjQyIDQuNS04IDEwLThtLTEgMTF2Mmgydi0yem0wLTJoMlY2aC0yeiIvPjwvc3ZnPg==");
   --icon-mdi-chat-bubble-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMCAySDRjLTEuMSAwLTIgLjktMiAydjE4bDQtNGgxNGMxLjEgMCAyLS45IDItMlY0YzAtMS4xLS45LTItMi0ybTAgMTRINS4yTDQgMTcuMlY0aDE2eiIvPjwvc3ZnPg==");
@@ -37,6 +41,7 @@
   --icon-mdi-chevron-left: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNS40MSAxNi41OEwxMC44MyAxMmw0LjU4LTQuNTlMMTQgNmwtNiA2bDYgNnoiLz48L3N2Zz4=");
   --icon-mdi-circle: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyQTEwIDEwIDAgMCAwIDIgMTJhMTAgMTAgMCAwIDAgMTAgMTBhMTAgMTAgMCAwIDAgMTAtMTBBMTAgMTAgMCAwIDAgMTIgMiIvPjwvc3ZnPg==");
   --icon-mdi-circle-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyMGE4IDggMCAwIDEtOC04YTggOCAwIDAgMSA4LThhOCA4IDAgMCAxIDggOGE4IDggMCAwIDEtOCA4bTAtMThBMTAgMTAgMCAwIDAgMiAxMmExMCAxMCAwIDAgMCAxMCAxMGExMCAxMCAwIDAgMCAxMC0xMEExMCAxMCAwIDAgMCAxMiAyIi8+PC9zdmc+");
+  --icon-mdi-clock-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyMGE4IDggMCAwIDAgOC04YTggOCAwIDAgMC04LThhOCA4IDAgMCAwLTggOGE4IDggMCAwIDAgOCA4bTAtMThhMTAgMTAgMCAwIDEgMTAgMTBhMTAgMTAgMCAwIDEtMTAgMTBDNi40NyAyMiAyIDE3LjUgMiAxMkExMCAxMCAwIDAgMSAxMiAybS41IDV2NS4yNWw0LjUgMi42N2wtLjc1IDEuMjNMMTEgMTNWN3oiLz48L3N2Zz4=");
   --icon-mdi-close-circle-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xMiAyMGMtNC40MSAwLTgtMy41OS04LThzMy41OS04IDgtOHM4IDMuNTkgOCA4cy0zLjU5IDgtOCA4bTAtMThDNi40NyAyIDIgNi40NyAyIDEyczQuNDcgMTAgMTAgMTBzMTAtNC40NyAxMC0xMFMxNy41MyAyIDEyIDJtMi41OSA2TDEyIDEwLjU5TDkuNDEgOEw4IDkuNDFMMTAuNTkgMTJMOCAxNC41OUw5LjQxIDE2TDEyIDEzLjQxTDE0LjU5IDE2TDE2IDE0LjU5TDEzLjQxIDEyTDE2IDkuNDF6Ii8+PC9zdmc+");
   --icon-mdi-close-octagon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik04LjI3IDNMMyA4LjI3djcuNDZMOC4yNyAyMWg3LjQ2TDIxIDE1LjczVjguMjdMMTUuNzMgM004LjQxIDdMMTIgMTAuNTlMMTUuNTkgN0wxNyA4LjQxTDEzLjQxIDEyTDE3IDE1LjU5TDE1LjU5IDE3TDEyIDEzLjQxTDguNDEgMTdMNyAxNS41OUwxMC41OSAxMkw3IDguNDEiLz48L3N2Zz4=");
   --icon-mdi-content-save-outline: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xNyAzSDVhMiAyIDAgMCAwLTIgMnYxNGEyIDIgMCAwIDAgMiAyaDE0YzEuMSAwIDItLjkgMi0yVjd6bTIgMTZINVY1aDExLjE3TDE5IDcuODN6bS03LTdjLTEuNjYgMC0zIDEuMzQtMyAzczEuMzQgMyAzIDNzMy0xLjM0IDMtM3MtMS4zNC0zLTMtM002IDZoOXY0SDZ6Ii8+PC9zdmc+");

package/src/styles/core/_typography.scss

@@ -30,8 +30,72 @@
   font-display: swap;
 }
 
+@font-face {
+  font-family: 'AtkinsonHyperlegible';
+  src: url('@/assets/fonts/atkinson/AtkinsonHyperlegible-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'AtkinsonHyperlegible';
+  src: url('@/assets/fonts/atkinson/AtkinsonHyperlegible-Bold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'AtkinsonHyperlegible';
+  src: url('@/assets/fonts/atkinson/AtkinsonHyperlegible-BoldItalic.woff2') format('woff2');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'AtkinsonHyperlegible';
+  src: url('@/assets/fonts/atkinson/AtkinsonHyperlegible-Italic.woff2') format('woff2');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'B612';
+  src: url('@/assets/fonts/b612/B612-Regular.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'B612';
+  src: url('@/assets/fonts/b612/B612-Bold.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'B612';
+  src: url('@/assets/fonts/b612/B612-BoldItalic.woff2') format('woff2');
+  font-weight: 700;
+  font-style: italic;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: 'B612';
+  src: url('@/assets/fonts/b612/B612-Italic.woff2') format('woff2');
+  font-weight: 400;
+  font-style: italic;
+  font-display: swap;
+}
+
 :root {
-  --font-family-primary: 'Luciole', 'arial', sans-serif;
+  --font-family-primary: 'B612', 'arial', sans-serif;
   --font-weight-light: 300;
   --font-weight-regular: 400;
   --font-weight-bold: 700;

package/src/styles/utilities/_spacing.scss

@@ -1,5 +1,6 @@
 @use '../core/spacing' as sp;
 @use '../core/namespace' as *;
+@use '../settings/breakpoints' as bp;
 @use "sass:meta";
 
 // === Properties and directions ===
@@ -45,4 +46,44 @@ $directions: (
       #{$property-value}: var(--spacing-#{$size}) !important;
     }
   }
+}
+
+// === Breakpoint-specific directional classes ===
+// Ex : .av-mt-sm--lg / .av-px-md--xl / .av-mt-none--lg
+@each $type, $property-value in $properties {
+  @each $direction-key, $direction-value in $directions {
+    @each $size, $value in sp.$spacing {
+      @each $breakpoint, $breakpoint-value in bp.$breakpoints {
+        @if meta.type-of($direction-value) == 'list' {
+          @include ns("#{$type}#{$direction-key}-#{$size}--#{$breakpoint}") {
+            @include bp.min-width($breakpoint) {
+              @each $d in $direction-value {
+                #{$property-value}-#{$d}: var(--spacing-#{$size}) !important;
+              }
+            }
+          }
+        } @else {
+          @include ns("#{$type}#{$direction-key}-#{$size}--#{$breakpoint}") {
+            @include bp.min-width($breakpoint) {
+              #{$property-value}-#{$direction-value}: var(--spacing-#{$size}) !important;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// === Breakpoint-specific global classes ===
+// Ex : .av-m-sm--lg / .av-p-md--xl / .av-m-none--lg
+@each $type, $property-value in $properties {
+  @each $size, $value in sp.$spacing {
+    @each $breakpoint, $breakpoint-value in bp.$breakpoints {
+      @include ns("#{$type}-#{$size}--#{$breakpoint}") {
+        @include bp.min-width($breakpoint) {
+          #{$property-value}: var(--spacing-#{$size}) !important;
+        }
+      }
+    }
+  }
 }