@ouestfrance/sipa-bms-ui 8.23.4 → 8.24.0

package/dist/sipa-bms-ui.css

@@ -603,7 +603,7 @@ ul li.small[data-v-ba5302fc] {
 }
 ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   background-color: var(--bms-grey-10);
-}.input-wrapper[data-v-d5f058e1] {
+}.input-wrapper[data-v-47a0ec36] {
   display: flex;
   align-items: center;
   width: 100%;
@@ -613,25 +613,25 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   padding: var(--field-padding);
   height: var(--field-height);
 }
-.input-wrapper[data-v-d5f058e1]:hover {
+.input-wrapper[data-v-47a0ec36]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.input-wrapper[data-v-d5f058e1]:has(input:focus) {
+.input-wrapper[data-v-47a0ec36]: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-d5f058e1] {
+.input-wrapper.is-error[data-v-47a0ec36] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.input-wrapper.is-disabled[data-v-d5f058e1] {
+.input-wrapper.is-disabled[data-v-47a0ec36] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
 }
-.input-wrapper.is-disabled input[data-v-d5f058e1] {
+.input-wrapper.is-disabled input[data-v-47a0ec36] {
   cursor: text;
 }
-.input-wrapper .field__input-label[data-v-d5f058e1] {
+.input-wrapper .field__input-label[data-v-47a0ec36] {
   display: block;
   color: var(--bms-grey-50);
   font-size: 12px;
@@ -639,24 +639,24 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   margin-top: 6px;
   margin-bottom: 4px;
 }
-.input-wrapper .field__input-icon[data-v-d5f058e1] {
+.input-wrapper .field__input-icon[data-v-47a0ec36] {
   display: flex;
 }
-.input-wrapper .field__input-icon--start[data-v-d5f058e1] {
+.input-wrapper .field__input-icon--start[data-v-47a0ec36] {
   margin-right: 0.5em;
 }
-.input-wrapper .field__input-icon--end[data-v-d5f058e1] {
+.input-wrapper .field__input-icon--end[data-v-47a0ec36] {
   margin-left: 0.5em;
 }
-.input-wrapper .field__input-icon[data-v-d5f058e1] svg {
+.input-wrapper .field__input-icon[data-v-47a0ec36] svg {
   width: 1em;
   height: 1em;
   display: block;
 }
-.input-wrapper .field__input-icon[data-v-d5f058e1]:empty {
+.input-wrapper .field__input-icon[data-v-47a0ec36]:empty {
   display: none;
 }
-.input-wrapper input[data-v-d5f058e1] {
+.input-wrapper input[data-v-47a0ec36] {
   outline: none;
   appearance: none;
   border: 0;
@@ -668,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-f1e65919] {
+}.field__input .autocomplete-wrapper[data-v-f0bd97df] {
   width: 100%;
   padding: 0.7em;
   margin: 0.5em 0;
@@ -677,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-f1e65919]:hover {
+.field__input .autocomplete-wrapper[data-v-f0bd97df]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.field__input .autocomplete-wrapper[data-v-f1e65919]:has(input:focus) {
+.field__input .autocomplete-wrapper[data-v-f0bd97df]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.field__input .autocomplete-wrapper.is-error[data-v-f1e65919] {
+.field__input .autocomplete-wrapper.is-error[data-v-f0bd97df] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.field__input .autocomplete-wrapper.is-disabled[data-v-f1e65919] {
+.field__input .autocomplete-wrapper.is-disabled[data-v-f0bd97df] {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
 }
-.field__input .autocomplete-wrapper input[data-v-f1e65919] {
+.field__input .autocomplete-wrapper input[data-v-f0bd97df] {
   outline: none;
   appearance: none;
   border: 0;
@@ -705,7 +705,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
   width: 100%;
   background-color: transparent;
 }
-.icon[data-v-f1e65919] {
+.icon[data-v-f0bd97df] {
   height: 1em;
   width: 1em;
   cursor: pointer;
@@ -735,11 +735,11 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
 }
 .icon[data-v-d94effd6] svg * {
   fill: currentColor !important;
-}.field-between__separator[data-v-f25b520b] {
+}.field-between__separator[data-v-197c2374] {
   margin-left: 10px;
   margin-right: 10px;
 }
-.field-between .input-wrapper[data-v-f25b520b] {
+.field-between .input-wrapper[data-v-197c2374] {
   display: unset;
   margin-left: 0;
   position: relative;
@@ -903,7 +903,7 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
 }
 .input-checkbox-group-wrapper.column[data-v-43978315] {
   flex-direction: column;
-}.input-checkbox-caption[data-v-6cb7c474] {
+}.input-checkbox-caption[data-v-88b3d8ef] {
   --input-checkbox-caption-border-color: var(--bms-grey-25);
   --input-checkbox-caption-background-color: transparent;
   display: flex;
@@ -915,27 +915,27 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
   border-radius: 4px;
   background-color: var(--input-checkbox-caption-background-color);
 }
-.input-checkbox-caption .group-caption[data-v-6cb7c474] {
+.input-checkbox-caption .group-caption[data-v-88b3d8ef] {
   cursor: default;
   margin-left: 20px;
   font-size: 14px;
 }
-.input-checkbox-caption[data-v-6cb7c474]:hover {
+.input-checkbox-caption[data-v-88b3d8ef]:hover {
   --input-checkbox-caption-border-color: var(--bms-main-100);
 }
-.input-checkbox-caption.disabled[data-v-6cb7c474] {
+.input-checkbox-caption.disabled[data-v-88b3d8ef] {
   --input-checkbox-caption-border-color: var(--bms-grey-50);
   --input-checkbox-caption-background-color: var(--bms-grey-25);
 }
-.input-checkbox-caption.error[data-v-6cb7c474] {
+.input-checkbox-caption.error[data-v-88b3d8ef] {
   --input-checkbox-caption-border-color: var(--bms-red-100);
   --input-checkbox-caption-background-color: var(--bms-red-25);
-}.input-checkbox-group-caption-wrapper[data-v-4183cc04] {
+}.input-checkbox-group-caption-wrapper[data-v-3768fc44] {
   display: flex;
   gap: 1em;
   flex-direction: row;
 }
-.input-checkbox-group-caption-wrapper.column[data-v-4183cc04] {
+.input-checkbox-group-caption-wrapper.column[data-v-3768fc44] {
   flex-direction: column;
 }.code-mirror[data-v-0de8ac2e] {
   max-height: 50rem;
@@ -1084,7 +1084,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 }
 .input-radio-group-wrapper.column[data-v-186163e2] {
   flex-direction: column;
-}.input-radio-caption[data-v-c3ba4fee] {
+}.input-radio-caption[data-v-59486e84] {
   --input-radio-caption-border-color: var(--bms-grey-25);
   --input-radio-caption-background-color: transparent;
   display: flex;
@@ -1096,19 +1096,19 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   border-radius: 4px;
   background-color: var(--input-radio-caption-background-color);
 }
-.input-radio-caption .group-caption[data-v-c3ba4fee] {
+.input-radio-caption .group-caption[data-v-59486e84] {
   cursor: default;
   margin-left: 20px;
   font-size: 14px;
 }
-.input-radio-caption[data-v-c3ba4fee]:hover {
+.input-radio-caption[data-v-59486e84]:hover {
   --input-radio-caption-border-color: var(--bms-main-100);
 }
-.input-radio-caption.disabled[data-v-c3ba4fee] {
+.input-radio-caption.disabled[data-v-59486e84] {
   --input-radio-caption-border-color: var(--bms-grey-50);
   --input-radio-caption-background-color: var(--bms-grey-25);
 }
-.input-radio-caption.error[data-v-c3ba4fee] {
+.input-radio-caption.error[data-v-59486e84] {
   --input-radio-caption-border-color: var(--bms-red-100);
   --input-radio-caption-background-color: var(--bms-red-25);
 }.input-radio-group-caption-wrapper[data-v-a4287904] {
@@ -1186,7 +1186,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
 }
 .input-toggle[data-v-5f354760]:hover {
   cursor: var(--cursor);
-}.tag[data-v-35d99c82] {
+}.tag[data-v-66a1abd4] {
   --tag-border-color: var(--bms-main-100);
   --tag-background-color: transparent;
   --tag-color: var(--bms-main-100);
@@ -1194,7 +1194,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   justify-content: center;
   align-items: center;
   gap: 8px;
-  border-radius: 12px;
+  border-radius: var(--bms-border-radius-xlarge);
   border: 1px solid var(--tag-border-color);
   width: fit-content;
   padding: 4px 8px;
@@ -1204,52 +1204,53 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   background-color: var(--tag-background-color);
   cursor: pointer;
 }
-.tag.disabled[data-v-35d99c82] {
+.tag.disabled[data-v-66a1abd4] {
   pointer-events: none;
   cursor: default;
   --tag-color: var(--bms-grey-50);
   --tag-border-color: var(--bms-grey-50);
 }
-.tag.disabled.active[data-v-35d99c82] {
+.tag.disabled.active[data-v-66a1abd4] {
   --tag-color: white;
   --tag-background-color: var(--bms-grey-50);
 }
-.tag.small[data-v-35d99c82] {
-  padding: 2px 4px;
+.tag.small[data-v-66a1abd4] {
+  padding: 0px 4px;
+  margin-block: 1px;
   gap: 4px;
 }
-.tag[data-v-35d99c82]:focus, .tag[data-v-35d99c82]:hover {
+.tag[data-v-66a1abd4]:focus, .tag[data-v-66a1abd4]:hover {
   --tag-color: var(--bms-main-140);
   --tag-border-color: var(--bms-main-140);
 }
-.tag.active[data-v-35d99c82] {
+.tag.active[data-v-66a1abd4] {
   --tag-color: white;
   --tag-background-color: var(--bms-main-100);
 }
-.tag.active[data-v-35d99c82]:focus, .tag.active[data-v-35d99c82]:hover {
+.tag.active[data-v-66a1abd4]:focus, .tag.active[data-v-66a1abd4]:hover {
   --tag-border-color: var(--bms-main-140);
   --tag-background-color: var(--bms-main-140);
 }
-.tag[data-v-35d99c82] svg {
+.tag[data-v-66a1abd4] svg {
   width: 14px;
   height: 14px;
 }
-.tag .dismiss-button[data-v-35d99c82] {
+.tag .dismiss-button[data-v-66a1abd4] {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--tag-background-color);
   color: var(--tag-color);
 }
-.tag .dismiss-button[data-v-35d99c82] .bms-button {
+.tag .dismiss-button[data-v-66a1abd4] .bms-button {
   color: currentColor;
   padding: 0;
   height: fit-content;
 }
-.tag .dismiss-button[data-v-35d99c82] .bms-button .content {
+.tag .dismiss-button[data-v-66a1abd4] .bms-button .content {
   margin: 0;
 }
-.tag .dismiss-button[data-v-35d99c82] .bms-button:hover {
+.tag .dismiss-button[data-v-66a1abd4] .bms-button:hover {
   background-color: var(--tag-background-color);
 }.field__input[data-v-6231389d] {
   --field-border-color: var(--bms-grey-50);
@@ -1281,14 +1282,14 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   --field-border-color: var(--bms-grey-25);
   --input-background-color: var(--bms-grey-25);
   pointer-events: none;
-}.tags[data-v-15204441] {
+}.tags[data-v-873ece7e] {
   display: flex;
   gap: 0.5em;
   padding: var(--field-margin);
   flex-wrap: wrap;
   width: 100%;
 }
-.tags .search[data-v-15204441] {
+.tags .search[data-v-873ece7e] {
   outline: none;
   border: none;
   background-color: transparent;
@@ -1296,20 +1297,20 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   flex-basis: 40px;
   width: 100%;
 }
-.icon-container[data-v-15204441] {
+.icon-container[data-v-873ece7e] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.icon-container[data-v-15204441]:hover {
+.icon-container[data-v-873ece7e]:hover {
   cursor: pointer;
 }
-.icon-container .icon[data-v-15204441] {
+.icon-container .icon[data-v-873ece7e] {
   display: block;
   width: 1em;
   height: 1em;
-  margin: 0 1em 0 0.5em;
-}.clean-icon[data-v-66c267f2]:hover {
+  margin: 0 var(--field-padding);
+}.clean-icon[data-v-82b0bcd1]:hover {
   cursor: pointer;
 }.field__input .icon-toggle-container[data-v-52e9172c] {
   height: 100%;