@ouestfrance/sipa-bms-ui 8.32.1 → 8.33.0

package/dist/components/feedback/BmsAlert.vue.d.ts

@@ -3,12 +3,14 @@ type __VLS_Props = {
     message?: string;
     dismissable?: boolean;
     type?: StatusType;
+    small?: boolean;
 };
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     dismiss: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDismiss?: (() => any) | undefined;
 }>, {
+    small: boolean;
     type: StatusType;
     dismissable: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {

package/dist/components/layout/BmsFloatingWindow.vue.d.ts

@@ -15,7 +15,7 @@ type __VLS_PublicProps = {
     modelValue?: boolean;
 } & __VLS_Props;
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_PublicProps, {
-    isExpanded: boolean;
+    isExpanded: import('vue').Ref<boolean, boolean>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{

package/dist/sipa-bms-ui.css

@@ -336,7 +336,7 @@
   left: 50%;
   transform: translateX(-50%);
   width: 1em;
-}.alert[data-v-26caccdd] {
+}.alert[data-v-a7263d5e] {
   --alert-main-color: var(--bms-main-100);
   --alert-secondary-color: var(--bms-main-10);
   background-color: var(--alert-secondary-color);
@@ -344,29 +344,32 @@
   border: 1px solid var(--alert-main-color);
   padding: 16px;
 }
-.alert-information[data-v-26caccdd] {
+.alert-information[data-v-a7263d5e] {
   --alert-main-color: var(--bms-main-100);
   --alert-secondary-color: var(--bms-main-10);
 }
-.alert-danger[data-v-26caccdd] {
+.alert-danger[data-v-a7263d5e] {
   --alert-main-color: var(--bms-red-100);
   --alert-secondary-color: var(--bms-red-10);
 }
-.alert-warning[data-v-26caccdd] {
+.alert-warning[data-v-a7263d5e] {
   --alert-main-color: var(--bms-orange-100);
   --alert-secondary-color: var(--bms-orange-10);
 }
-.alert .info-line[data-v-26caccdd] {
+.alert--small[data-v-a7263d5e] {
+  padding: 0 16px;
+}
+.alert .info-line[data-v-a7263d5e] {
   display: flex;
   flex-wrap: nowrap;
   gap: 16px;
   align-items: baseline;
 }
-.alert .info-line .icon[data-v-26caccdd] {
+.alert .info-line .icon[data-v-a7263d5e] {
   color: var(--alert-main-color);
   display: flex;
 }
-.alert .info-line .message[data-v-26caccdd] {
+.alert .info-line .message[data-v-a7263d5e] {
   flex-grow: 1;
   align-self: center;
 }.ui-badge__container[data-v-8a6297ca] {
@@ -1612,7 +1615,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   position: absolute;
   border-radius: 50%;
   filter: blur(10px);
-}.floating-window-wrapper[data-v-8e1e3beb] {
+}.floating-window-wrapper[data-v-90bc350a] {
   --breakpoint: 900px;
   container-name: floating-window;
   container-type: inline-size;
@@ -1626,7 +1629,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   pointer-events: none;
 }
-.floating-window-wrapper .floating-window__drag-overlay[data-v-8e1e3beb] {
+.floating-window-wrapper .floating-window__drag-overlay[data-v-90bc350a] {
   position: fixed;
   top: 0;
   left: 0;
@@ -1636,7 +1639,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   pointer-events: all;
   cursor: grabbing;
 }
-.floating-window-wrapper .floating-window[data-v-8e1e3beb] {
+.floating-window-wrapper .floating-window[data-v-90bc350a] {
   background-color: var(--bms-white);
   border-radius: var(--bms-border-radius-large);
   border: 1px solid var(--bms-grey-10);
@@ -1647,20 +1650,20 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   z-index: var(--bms-z-index-modal);
   transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 }
-.floating-window-wrapper .floating-window--expanded[data-v-8e1e3beb] {
+.floating-window-wrapper .floating-window--expanded[data-v-90bc350a] {
   border-radius: 0;
   box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
 }
-.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-8e1e3beb] {
+.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-90bc350a] {
   cursor: default;
 }
-.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-8e1e3beb]:active {
+.floating-window-wrapper .floating-window--expanded .floating-window__header[data-v-90bc350a]:active {
   cursor: default;
 }
-.floating-window-wrapper .floating-window--dragging[data-v-8e1e3beb] {
+.floating-window-wrapper .floating-window--dragging[data-v-90bc350a] {
   transition: none;
 }
-.floating-window-wrapper .floating-window__header[data-v-8e1e3beb] {
+.floating-window-wrapper .floating-window__header[data-v-90bc350a] {
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -1669,19 +1672,19 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   cursor: grab;
   user-select: none;
 }
-.floating-window-wrapper .floating-window__header[data-v-8e1e3beb]:active {
+.floating-window-wrapper .floating-window__header[data-v-90bc350a]:active {
   cursor: grabbing;
 }
-.floating-window-wrapper .floating-window__header__title[data-v-8e1e3beb] {
+.floating-window-wrapper .floating-window__header__title[data-v-90bc350a] {
   margin: 0;
 }
-.floating-window-wrapper .floating-window__content[data-v-8e1e3beb] {
+.floating-window-wrapper .floating-window__content[data-v-90bc350a] {
   overflow-y: auto;
   height: auto;
   scrollbar-width: thin;
 }
 @container floating-window (min-width:900px) {
-.floating-window[data-v-8e1e3beb] {
+.floating-window[data-v-90bc350a] {
     max-width: 80%;
 }
 }.form-section[data-v-b5bab57e] {

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

@@ -38833,7 +38833,8 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   props: {
     message: {},
     dismissable: { type: Boolean, default: true },
-    type: { default: StatusType.Information }
+    type: { default: StatusType.Information },
+    small: { type: Boolean, default: false }
   },
   emits: ["dismiss"],
   setup(__props, { emit: __emit }) {
@@ -38851,7 +38852,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["alert", `alert-${props.type}`])
+        class: normalizeClass(["alert", `alert-${props.type} ${props.small ? "alert--small" : ""}`])
       }, [
         createElementVNode("div", _hoisted_1$_, [
           createElementVNode("span", _hoisted_2$F, [
@@ -38879,7 +38880,7 @@ const _sfc_main$1q = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsAlert = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-26caccdd"]]);
+const BmsAlert = /* @__PURE__ */ _export_sfc(_sfc_main$1q, [["__scopeId", "data-v-a7263d5e"]]);
 
 const _hoisted_1$Z = {
   key: 0,
@@ -89199,7 +89200,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       }
     );
     __expose({
-      isExpanded: isExpanded.value
+      isExpanded
     });
     const windowStyle = computed(() => {
       if (isExpanded.value && expandedStyle.value) {
@@ -89357,7 +89358,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 
-const BmsFloatingWindow = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-8e1e3beb"]]);
+const BmsFloatingWindow = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-90bc350a"]]);
 
 const _hoisted_1$B = { class: "form-section" };
 const _hoisted_2$n = {