@ouestfrance/sipa-bms-ui 8.23.2 → 8.23.4

package/dist/mockServiceWorker.js

@@ -7,7 +7,7 @@
  * - Please do NOT modify this file.
  */
 
-const PACKAGE_VERSION = '2.12.4'
+const PACKAGE_VERSION = '2.12.7'
 const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/dist/sipa-bms-ui.css

@@ -268,59 +268,74 @@
   --bms-button-disabled-background-color: transparent;
   --bms-button-disabled-border-color: transparent;
   --bms-button-disabled-text-color: var(--bms-disabled-color);
-}.toggle-icon[data-v-1070e8e1] {
+}.toggle-icon[data-v-76fd6513] {
   --icon-color: var(--bms-grey-100);
   --underline-color: transparent;
   background: none;
   border: none;
   padding: 0;
-  padding-bottom: 0.25em;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   position: relative;
+  width: 34px;
+  height: 34px;
+  padding: 7px 0;
 }
-.toggle-icon[data-v-1070e8e1] svg {
+.toggle-icon[data-v-76fd6513] svg {
   color: var(--icon-color);
   transition: color 0.2s;
+  width: 20px;
+  height: 20px;
+  display: block;
 }
-.toggle-icon[data-v-1070e8e1]::after {
+.toggle-icon[data-v-76fd6513]::after {
   content: "";
   position: absolute;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  height: 0.125em;
+  bottom: 3px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 20px;
+  height: 2px;
   background-color: var(--underline-color);
   transition: background-color 0.2s;
 }
-.toggle-icon[data-v-1070e8e1]:hover:not(.disabled), .toggle-icon._hover[data-v-1070e8e1]:not(.disabled) {
+.toggle-icon[data-v-76fd6513]:hover:not(.disabled), .toggle-icon._hover[data-v-76fd6513]:not(.disabled) {
   --icon-color: var(--bms-grey-140);
   --underline-color: var(--bms-grey-140);
 }
-.toggle-icon.active[data-v-1070e8e1] {
+.toggle-icon.active[data-v-76fd6513] {
   --icon-color: var(--bms-main-100);
   --underline-color: var(--bms-main-100);
 }
-.toggle-icon.active[data-v-1070e8e1]:hover:not(.disabled), .toggle-icon.active._hover[data-v-1070e8e1]:not(.disabled) {
+.toggle-icon.active[data-v-76fd6513]:hover:not(.disabled), .toggle-icon.active._hover[data-v-76fd6513]:not(.disabled) {
   --icon-color: var(--bms-main-140);
   --underline-color: var(--bms-main-140);
 }
-.toggle-icon.disabled[data-v-1070e8e1] {
+.toggle-icon.disabled[data-v-76fd6513] {
   --icon-color: var(--bms-grey-50);
   cursor: default;
   pointer-events: none;
 }
-.toggle-icon.disabled.active[data-v-1070e8e1] {
+.toggle-icon.disabled.active[data-v-76fd6513] {
   --underline-color: var(--bms-grey-50);
 }
-.toggle-icon.small[data-v-1070e8e1] svg {
+.toggle-icon.small[data-v-76fd6513] {
+  width: 24px;
+  height: 24px;
+  padding: 0.25em 0;
+}
+.toggle-icon.small[data-v-76fd6513] svg {
   width: 1em;
   height: 1em;
 }
-.toggle-icon.small[data-v-1070e8e1]::after {
+.toggle-icon.small[data-v-76fd6513]::after {
   height: 1.5px;
+  bottom: -2px;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 1em;
 }.alert[data-v-26caccdd] {
   --alert-main-color: var(--bms-main-100);
   --alert-secondary-color: var(--bms-main-10);
@@ -653,7 +668,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   line-height: 1;
   width: 100%;
   background-color: transparent;
-}.field__input .autocomplete-wrapper[data-v-f4e90286] {
+}.field__input .autocomplete-wrapper[data-v-f1e65919] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -662,22 +677,22 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   background-color: var(--input-background-color);
   height: 48px;
 }
-.field__input .autocomplete-wrapper[data-v-f4e90286]:hover {
+.field__input .autocomplete-wrapper[data-v-f1e65919]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-f4e90286]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-f1e65919]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-f4e90286] {
+.field__input .autocomplete-wrapper.is-error[data-v-f1e65919] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-f4e90286] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-f1e65919] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper input[data-v-f4e90286] {
+.field__input .autocomplete-wrapper input[data-v-f1e65919] {
   outline: none;
   appearance: none;
   border: 0;
@@ -690,7 +705,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-f4e90286] {
+.icon[data-v-f1e65919] {
   height: 1em;
   width: 1em;
   cursor: pointer;
@@ -1171,7 +1186,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 }
 .input-toggle[data-v-5f354760]:hover {
   cursor: var(--cursor);
-}.tag[data-v-e2517fee] {
+}.tag[data-v-35d99c82] {
   --tag-border-color: var(--bms-main-100);
   --tag-background-color: transparent;
   --tag-color: var(--bms-main-100);
@@ -1189,52 +1204,52 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   background-color: var(--tag-background-color);
   cursor: pointer;
 }
-.tag.disabled[data-v-e2517fee] {
+.tag.disabled[data-v-35d99c82] {
   pointer-events: none;
   cursor: default;
   --tag-color: var(--bms-grey-50);
   --tag-border-color: var(--bms-grey-50);
 }
-.tag.disabled.active[data-v-e2517fee] {
+.tag.disabled.active[data-v-35d99c82] {
   --tag-color: white;
   --tag-background-color: var(--bms-grey-50);
 }
-.tag.small[data-v-e2517fee] {
+.tag.small[data-v-35d99c82] {
   padding: 2px 4px;
   gap: 4px;
 }
-.tag[data-v-e2517fee]:focus, .tag[data-v-e2517fee]:hover {
+.tag[data-v-35d99c82]:focus, .tag[data-v-35d99c82]:hover {
   --tag-color: var(--bms-main-140);
   --tag-border-color: var(--bms-main-140);
 }
-.tag.active[data-v-e2517fee] {
+.tag.active[data-v-35d99c82] {
   --tag-color: white;
   --tag-background-color: var(--bms-main-100);
 }
-.tag.active[data-v-e2517fee]:focus, .tag.active[data-v-e2517fee]:hover {
+.tag.active[data-v-35d99c82]:focus, .tag.active[data-v-35d99c82]:hover {
   --tag-border-color: var(--bms-main-140);
   --tag-background-color: var(--bms-main-140);
 }
-.tag[data-v-e2517fee] svg {
+.tag[data-v-35d99c82] svg {
   width: 14px;
   height: 14px;
 }
-.tag .dismiss-button[data-v-e2517fee] {
+.tag .dismiss-button[data-v-35d99c82] {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--tag-background-color);
   color: var(--tag-color);
 }
-.tag .dismiss-button[data-v-e2517fee] .bms-button {
+.tag .dismiss-button[data-v-35d99c82] .bms-button {
   color: currentColor;
   padding: 0;
   height: fit-content;
 }
-.tag .dismiss-button[data-v-e2517fee] .bms-button .content {
+.tag .dismiss-button[data-v-35d99c82] .bms-button .content {
   margin: 0;
 }
-.tag .dismiss-button[data-v-e2517fee] .bms-button:hover {
+.tag .dismiss-button[data-v-35d99c82] .bms-button:hover {
   background-color: var(--tag-background-color);
 }.field__input[data-v-6231389d] {
   --field-border-color: var(--bms-grey-50);

package/dist/sipa-bms-ui.es.js

@@ -583,7 +583,7 @@ const _export_sfc = (sfc, props) => {
   return target;
 };
 
-const BmsToggleIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-1070e8e1"]]);
+const BmsToggleIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-76fd6513"]]);
 
 /**
  * @license lucide-vue-next v0.562.0 - ISC
@@ -39611,11 +39611,13 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
         isDatalistOpen.value = !isDatalistOpen.value;
       }
     };
-    const onInput = () => {
-      openDatalist();
+    const onInput = ($event) => {
       if (inputText.value === "") {
         clearInput();
+      } else {
+        emits("input", $event);
       }
+      openDatalist();
     };
     const setFocus = () => {
       if (rawInput.value) {
@@ -39705,7 +39707,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
   }
 });
 
-const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-f4e90286"]]);
+const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-f1e65919"]]);
 
 const _hoisted_1$R = ["innerHTML"];
 const _hoisted_2$z = ["innerHTML"];
@@ -69919,7 +69921,10 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
 
 const BmsInputToggle = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-5f354760"]]);
 
-const _hoisted_1$I = { class: "dismiss-button" };
+const _hoisted_1$I = {
+  key: 0,
+  class: "dismiss-button"
+};
 const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "BmsTag",
   props: {
@@ -69937,9 +69942,8 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         onClick: _cache[1] || (_cache[1] = ($event) => emits("click"))
       }, [
         renderSlot(_ctx.$slots, "default", {}, void 0, true),
-        createElementVNode("span", _hoisted_1$I, [
-          __props.canBeDismissed ? (openBlock(), createBlock(unref(_sfc_main$1p), {
-            key: 0,
+        __props.canBeDismissed ? (openBlock(), createElementBlock("span", _hoisted_1$I, [
+          createVNode(unref(_sfc_main$1p), {
             onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emits("dismiss"), ["stop"]))
           }, {
             default: withCtx(() => [
@@ -69948,14 +69952,14 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
               ], true)
             ]),
             _: 3
-          })) : createCommentVNode("", true)
-        ])
+          })
+        ])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
 
-const BmsTag = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-e2517fee"]]);
+const BmsTag = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-35d99c82"]]);
 
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "RawSelect",