@ouestfrance/sipa-bms-ui 8.6.0 → 8.7.0

package/dist/sipa-bms-ui.css

@@ -485,7 +485,7 @@
   position: relative;
   display: inline-block;
   outline: none;
-}ul[data-v-413e6742] {
+}ul[data-v-ba5302fc] {
   border-style: none;
   border-radius: 0 0 4px 4px;
   text-decoration: none;
@@ -495,18 +495,18 @@
   --field-padding: 0.4em;
   --field-height: 4rem;
 }
-ul li[data-v-413e6742]:first-of-type {
+ul li[data-v-ba5302fc]:first-of-type {
   border-top: 1px solid var(--bms-grey-10);
 }
-ul li[data-v-413e6742]:first-child {
+ul li[data-v-ba5302fc]:first-child {
   border-top-left-radius: var(--bms-border-radius);
   border-top-right-radius: var(--bms-border-radius);
 }
-ul li[data-v-413e6742]:last-child {
+ul li[data-v-ba5302fc]:last-child {
   border-bottom-left-radius: var(--bms-border-radius);
   border-bottom-right-radius: var(--bms-border-radius);
 }
-ul li[data-v-413e6742] {
+ul li[data-v-ba5302fc] {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -516,13 +516,13 @@ ul li[data-v-413e6742] {
   background-color: var(--bms-white);
   min-height: var(--field-height);
 }
-ul li.small[data-v-413e6742] {
+ul li.small[data-v-ba5302fc] {
   --field-padding: 0.2em 0.4em;
   --field-height: 2rem;
 }
-ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
+ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   background-color: var(--bms-grey-10);
-}.input-wrapper[data-v-af4d1ce5] {
+}.input-wrapper[data-v-078d99d6] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -532,25 +532,25 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   padding: var(--field-padding);
   height: var(--field-height);
 }
-.input-wrapper[data-v-af4d1ce5]:hover {
+.input-wrapper[data-v-078d99d6]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.input-wrapper[data-v-af4d1ce5]:has(input:focus) {
+.input-wrapper[data-v-078d99d6]:has(input:focus) {
   box-shadow: 0 0 4px 4px var(--bms-main-25);
   --field-border-color: var(--field-border-color-active);
 }
-.input-wrapper.is-error[data-v-af4d1ce5] {
+.input-wrapper.is-error[data-v-078d99d6] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.input-wrapper.is-disabled[data-v-af4d1ce5] {
+.input-wrapper.is-disabled[data-v-078d99d6] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
 }
-.input-wrapper.is-disabled input[data-v-af4d1ce5] {
+.input-wrapper.is-disabled input[data-v-078d99d6] {
   pointer-events: none;
 }
-.input-wrapper .field__input-label[data-v-af4d1ce5] {
+.input-wrapper .field__input-label[data-v-078d99d6] {
   display: block;
   color: var(--bms-grey-50);
   font-size: 12px;
@@ -558,24 +558,24 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   margin-top: 6px;
   margin-bottom: 4px;
 }
-.input-wrapper .field__input-icon[data-v-af4d1ce5] {
+.input-wrapper .field__input-icon[data-v-078d99d6] {
   display: flex;
 }
-.input-wrapper .field__input-icon--start[data-v-af4d1ce5] {
+.input-wrapper .field__input-icon--start[data-v-078d99d6] {
   margin-right: 0.5em;
 }
-.input-wrapper .field__input-icon--end[data-v-af4d1ce5] {
+.input-wrapper .field__input-icon--end[data-v-078d99d6] {
   margin-left: 0.5em;
 }
-.input-wrapper .field__input-icon[data-v-af4d1ce5] svg {
+.input-wrapper .field__input-icon[data-v-078d99d6] svg {
   width: 1em;
   height: 1em;
   display: block;
 }
-.input-wrapper .field__input-icon[data-v-af4d1ce5]:empty {
+.input-wrapper .field__input-icon[data-v-078d99d6]:empty {
   display: none;
 }
-.input-wrapper input[data-v-af4d1ce5] {
+.input-wrapper input[data-v-078d99d6] {
   outline: none;
   appearance: none;
   border: 0;
@@ -587,7 +587,7 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   line-height: 1;
   width: 100%;
   background-color: transparent;
-}.field__input .autocomplete-wrapper[data-v-5d665f68] {
+}.field__input .autocomplete-wrapper[data-v-d649440b] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -596,22 +596,22 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   background-color: var(--input-background-color);
   height: 48px;
 }
-.field__input .autocomplete-wrapper[data-v-5d665f68]:hover {
+.field__input .autocomplete-wrapper[data-v-d649440b]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-5d665f68]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-d649440b]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-5d665f68] {
+.field__input .autocomplete-wrapper.is-error[data-v-d649440b] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-5d665f68] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-d649440b] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper input[data-v-5d665f68] {
+.field__input .autocomplete-wrapper input[data-v-d649440b] {
   outline: none;
   appearance: none;
   border: 0;
@@ -624,22 +624,22 @@ ul li[data-v-413e6742]:hover, ul li.selected[data-v-413e6742] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-5d665f68] {
+.icon[data-v-d649440b] {
   height: 1em;
   width: 1em;
   cursor: pointer;
-}.icon[data-v-274b6035] {
+}.icon[data-v-b0e1e6f3] {
   height: 1em;
   width: 1em;
 }
-.icon.datalist-icon[data-v-274b6035] {
+.icon.datalist-icon[data-v-b0e1e6f3] {
   margin: 0 0.5em;
 }
-.icon[data-v-274b6035] svg {
+.icon[data-v-b0e1e6f3] svg {
   height: 100%;
   width: 100%;
 }
-.icon[data-v-274b6035] svg * {
+.icon[data-v-b0e1e6f3] svg * {
   fill: currentColor !important;
 }.field-between__separator[data-v-f25b520b] {
   margin-left: 10px;
@@ -930,32 +930,32 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   position: absolute;
   top: 0;
   right: 0;
-}.input-radio[data-v-cb26402d] {
+}.input-radio[data-v-c0c9efa3] {
   --input-radio-default-color: var(--bms-grey-100);
   --input-radio-default-color-checked: var(--bms-main-100);
   width: fit-content;
 }
-.input-radio label[data-v-cb26402d] {
+.input-radio label[data-v-c0c9efa3] {
   display: flex;
   gap: 4px;
 }
-.input-radio.error[data-v-cb26402d] {
+.input-radio.error[data-v-c0c9efa3] {
   --input-radio-default-color: var(--bms-danger-color);
   --input-radio-default-color-checked: var(--bms-danger-color);
 }
-.input-radio.disabled[data-v-cb26402d] {
+.input-radio.disabled[data-v-c0c9efa3] {
   --input-radio-default-color: var(--bms-grey-50);
   --input-radio-default-color-checked: var(--bms-grey-50);
   pointer-events: none;
 }
-.input-radio.disabled input-radio-info[data-v-cb26402d] {
+.input-radio.disabled input-radio-info[data-v-c0c9efa3] {
   color: var(--bms-grey-50);
 }
-.input-radio-info[data-v-cb26402d] {
+.input-radio-info[data-v-c0c9efa3] {
   line-height: 16px;
   cursor: default;
 }
-input[type=radio][data-v-cb26402d] {
+input[type=radio][data-v-c0c9efa3] {
   appearance: none;
   margin: 0;
   border-radius: 50%;
@@ -965,7 +965,7 @@ input[type=radio][data-v-cb26402d] {
   display: grid;
   place-content: center;
 }
-input[type=radio][data-v-cb26402d]::before {
+input[type=radio][data-v-c0c9efa3]::before {
   content: "";
   width: 8px;
   height: 8px;
@@ -974,13 +974,13 @@ input[type=radio][data-v-cb26402d]::before {
   transition: 120ms transform ease-in-out;
   background-color: var(--input-radio-default-color-checked);
 }
-input[type=radio][data-v-cb26402d]:hover {
+input[type=radio][data-v-c0c9efa3]:hover {
   border: 2px solid var(--input-radio-default-color-checked);
 }
-input[type=radio][data-v-cb26402d]:checked {
+input[type=radio][data-v-c0c9efa3]:checked {
   border: 2px solid var(--input-radio-default-color-checked);
 }
-input[type=radio][data-v-cb26402d]:checked::before {
+input[type=radio][data-v-c0c9efa3]:checked::before {
   transform: scale(1);
 }.input-radio-group-wrapper[data-v-186163e2] {
   display: flex;
@@ -1080,65 +1080,6 @@ input[type=radio][data-v-cb26402d]:checked::before {
 }
 .input-toggle[data-v-9570e0a9]:hover {
   cursor: var(--cursor);
-}.field__input[data-v-6e3f7aab] {
-  --field-border-color: var(--bms-grey-50);
-  --field-border-color-active: var(--bms-main-100);
-  --input-background-color: var(--bms-white);
-}
-.field__input .select-wrapper[data-v-6e3f7aab] {
-  width: 100%;
-  padding: 0 0 0 1em;
-  border-radius: var(--bms-border-radius);
-  border: 1px solid var(--field-border-color);
-  background-color: var(--input-background-color);
-  min-height: var(--field-height);
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.field__input .select-wrapper .icon-down-container[data-v-6e3f7aab] {
-  height: 100%;
-  display: flex;
-  align-items: center;
-}
-.field__input .select-wrapper .icon-down-container[data-v-6e3f7aab]:hover {
-  cursor: pointer;
-}
-.field__input .select-wrapper .icon-down-button[data-v-6e3f7aab] {
-  width: 1em;
-  margin: 0 var(--field-padding);
-  display: block;
-}
-.field__input .select-wrapper[data-v-6e3f7aab]:hover {
-  --field-border-color: var(--bms-grey-100);
-}
-.field__input .select-wrapper[data-v-6e3f7aab]:has(input:focus) {
-  --field-border-color: var(--field-border-color-active);
-}
-.field__input .select-wrapper.is-error[data-v-6e3f7aab] {
-  --field-border-color: var(--bms-red-100);
-  --input-background-color: var(--bms-red-25);
-}
-.field__input .select-wrapper.is-disabled[data-v-6e3f7aab] {
-  --field-border-color: var(--bms-grey-25);
-  --input-background-color: var(--bms-grey-25);
-  pointer-events: none;
-}
-.field__input .select-wrapper input[data-v-6e3f7aab] {
-  border: none;
-  background-color: transparent;
-  caret-color: transparent;
-  cursor: pointer;
-  outline: none;
-  appearance: none;
-  margin: 0;
-  padding: 0;
-  font: inherit;
-  color: inherit;
-  height: 24px;
-  line-height: 1;
-  width: 100%;
-  height: 100%;
 }.tag[data-v-e2517fee] {
   --tag-border-color: var(--bms-main-100);
   --tag-background-color: transparent;
@@ -1204,33 +1145,136 @@ input[type=radio][data-v-cb26402d]:checked::before {
 }
 .tag .dismiss-button[data-v-e2517fee] .bms-button:hover {
   background-color: var(--tag-background-color);
-}.tags[data-v-9bf5a4d3] {
+}.field__input[data-v-95176719] {
+  --field-border-color: var(--bms-grey-50);
+  --field-border-color-active: var(--bms-main-100);
+  --input-background-color: var(--bms-white);
+}
+.field__input .select-wrapper[data-v-95176719] {
+  width: 100%;
+  padding: 0 0 0 1em;
+  border-radius: var(--bms-border-radius);
+  border: 1px solid var(--field-border-color);
+  background-color: var(--input-background-color);
+  min-height: var(--field-height);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.field__input .select-wrapper .icon-down-container[data-v-95176719] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.field__input .select-wrapper .icon-down-container[data-v-95176719]:hover {
+  cursor: pointer;
+}
+.field__input .select-wrapper .icon-down-button[data-v-95176719] {
+  width: 1em;
+  margin: 0 var(--field-padding);
+  display: block;
+}
+.field__input .select-wrapper[data-v-95176719]:hover {
+  --field-border-color: var(--bms-grey-100);
+}
+.field__input .select-wrapper[data-v-95176719]:has(input:focus) {
+  --field-border-color: var(--field-border-color-active);
+}
+.field__input .select-wrapper.is-error[data-v-95176719] {
+  --field-border-color: var(--bms-red-100);
+  --input-background-color: var(--bms-red-25);
+}
+.field__input .select-wrapper.is-disabled[data-v-95176719] {
+  --field-border-color: var(--bms-grey-25);
+  --input-background-color: var(--bms-grey-25);
+  pointer-events: none;
+}.tags[data-v-89613f32] {
   display: flex;
   gap: 0.5em;
   padding: var(--field-margin);
   flex-wrap: wrap;
   width: 100%;
 }
-.tags .search[data-v-9bf5a4d3] {
+.tags .search[data-v-89613f32] {
   outline: none;
   border: none;
   background-color: transparent;
   flex-grow: 1;
 }
-.icon-container[data-v-9bf5a4d3] {
+.icon-container[data-v-89613f32] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.icon-container[data-v-9bf5a4d3]:hover {
+.icon-container[data-v-89613f32]:hover {
   cursor: pointer;
 }
-.icon-button[data-v-9bf5a4d3] {
+.icon-container .icon[data-v-89613f32] {
+  display: block;
   width: 1em;
+  height: 1em;
   margin: 0 1em 0 0.5em;
-  display: block;
 }.clean-icon[data-v-66c267f2]:hover {
   cursor: pointer;
+}.field__input[data-v-e159e127] {
+  --field-border-color: var(--bms-grey-50);
+  --field-border-color-active: var(--bms-main-100);
+  --input-background-color: var(--bms-white);
+}
+.field__input .select-wrapper[data-v-e159e127] {
+  width: 100%;
+  padding: 0 0 0 1em;
+  border-radius: var(--bms-border-radius);
+  border: 1px solid var(--field-border-color);
+  background-color: var(--input-background-color);
+  min-height: var(--field-height);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+.field__input .select-wrapper .icon-toggle-container[data-v-e159e127] {
+  height: 100%;
+  display: flex;
+  align-items: center;
+}
+.field__input .select-wrapper .icon-toggle-container[data-v-e159e127]:hover {
+  cursor: pointer;
+}
+.field__input .select-wrapper .icon-toggle-button[data-v-e159e127] {
+  width: 1em;
+  margin: 0 var(--field-padding);
+  display: block;
+}
+.field__input .select-wrapper[data-v-e159e127]:hover {
+  --field-border-color: var(--bms-grey-100);
+}
+.field__input .select-wrapper[data-v-e159e127]:has(input:focus) {
+  --field-border-color: var(--field-border-color-active);
+}
+.field__input .select-wrapper.is-error[data-v-e159e127] {
+  --field-border-color: var(--bms-red-100);
+  --input-background-color: var(--bms-red-25);
+}
+.field__input .select-wrapper.is-disabled[data-v-e159e127] {
+  --field-border-color: var(--bms-grey-25);
+  --input-background-color: var(--bms-grey-25);
+  pointer-events: none;
+}
+.field__input .select-wrapper input[data-v-e159e127] {
+  border: none;
+  background-color: transparent;
+  caret-color: transparent;
+  cursor: pointer;
+  outline: none;
+  appearance: none;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  color: inherit;
+  height: 24px;
+  line-height: 1;
+  width: 100%;
+  height: 100%;
 }.field__input textarea[data-v-14d354f8] {
   display: flex;
   align-items: center;
@@ -2358,42 +2402,42 @@ nav .additional[data-v-731a6d8c] {
 .indicator-scale-leave-from[data-v-6047ada7] {
   opacity: 1;
   transform: scale(1);
-}.filters[data-v-58f3ef61] {
+}.filters[data-v-92161702] {
   padding: 16px;
   background: var(--bms-white);
   border: 1px solid var(--bms-grey-10);
   border-radius: var(--bms-border-radius-large);
   margin-bottom: 16px;
 }
-.filters__header[data-v-58f3ef61] {
+.filters__header[data-v-92161702] {
   display: flex;
   justify-content: space-between;
 }
-.filters__header-title[data-v-58f3ef61] {
+.filters__header-title[data-v-92161702] {
   font-size: 18px;
   font-weight: bold;
   gap: 1rem;
   display: flex;
   align-items: center;
 }
-.filters__inputs[data-v-58f3ef61] {
+.filters__inputs[data-v-92161702] {
   display: flex;
   flex-wrap: wrap;
   padding-top: 16px;
   align-items: flex-end;
   row-gap: 8px;
 }
-.filters__inputs .input[data-v-58f3ef61] {
+.filters__inputs .input[data-v-92161702] {
   width: 25%;
 }
-.filters__inputs .input.large[data-v-58f3ef61] {
+.filters__inputs .input.large[data-v-92161702] {
   width: 50%;
 }
-.filters__inputs .input[data-v-58f3ef61] {
+.filters__inputs .input[data-v-92161702] {
   padding-right: 32px;
-}.table-search[data-v-1a3ad3f2] {
+}.table-search[data-v-bb2d9aca] {
   width: 260px;
-}.table-search[data-v-f2f86c8c] {
+}.table-search[data-v-2f003e4e] {
   width: 260px;
 }.cocarde[data-v-d1c7b421] {
   display: flex;
@@ -3117,6 +3161,9 @@ section {
   --field-margin: 0;
   --field-label-font-weight: normal;
 }
+.field.is-small .field__captions {
+  margin-top: 0.5rem;
+}
 .field.is-error {
   --field-label-color: var(--bms-danger-color);
 }