@ouestfrance/sipa-bms-ui 8.14.2 → 8.14.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/sipa-bms-ui.css +57 -56
- package/dist/sipa-bms-ui.es.js +49 -43
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +49 -43
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +1 -1
- package/src/components/form/BmsAutocomplete.stories.js +12 -0
- package/src/components/form/BmsInputCode.stories.js +9 -1
- package/src/components/form/BmsInputCode.vue +1 -0
- package/src/components/form/BmsInputFile.vue +1 -0
- package/src/components/form/BmsInputToggle.vue +1 -0
- package/src/components/form/BmsSelect.stories.js +2 -2
- package/src/components/form/BmsSelect.vue +1 -1
- package/src/components/form/BmsTextArea.stories.js +2 -1
- package/src/components/form/BmsTextArea.vue +1 -0
- package/src/components/form/RawAutocomplete.vue +6 -4
- package/src/components/form/RawInputText.vue +1 -2
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -524,7 +524,7 @@ ul li.small[data-v-ba5302fc] {
|
|
|
524
524
|
}
|
|
525
525
|
ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
526
526
|
background-color: var(--bms-grey-10);
|
|
527
|
-
}.input-wrapper[data-v-
|
|
527
|
+
}.input-wrapper[data-v-4c74b915] {
|
|
528
528
|
display: flex;
|
|
529
529
|
align-items: center;
|
|
530
530
|
width: 100%;
|
|
@@ -534,25 +534,25 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
534
534
|
padding: var(--field-padding);
|
|
535
535
|
height: var(--field-height);
|
|
536
536
|
}
|
|
537
|
-
.input-wrapper[data-v-
|
|
537
|
+
.input-wrapper[data-v-4c74b915]:hover {
|
|
538
538
|
--field-border-color: var(--bms-grey-100);
|
|
539
539
|
}
|
|
540
|
-
.input-wrapper[data-v-
|
|
540
|
+
.input-wrapper[data-v-4c74b915]:has(input:focus) {
|
|
541
541
|
box-shadow: 0 0 4px 4px var(--bms-main-25);
|
|
542
542
|
--field-border-color: var(--field-border-color-active);
|
|
543
543
|
}
|
|
544
|
-
.input-wrapper.is-error[data-v-
|
|
544
|
+
.input-wrapper.is-error[data-v-4c74b915] {
|
|
545
545
|
--field-border-color: var(--bms-red-100);
|
|
546
546
|
--input-background-color: var(--bms-red-25);
|
|
547
547
|
}
|
|
548
|
-
.input-wrapper.is-disabled[data-v-
|
|
548
|
+
.input-wrapper.is-disabled[data-v-4c74b915] {
|
|
549
549
|
--field-border-color: var(--bms-grey-25);
|
|
550
550
|
--input-background-color: var(--bms-grey-25);
|
|
551
551
|
}
|
|
552
|
-
.input-wrapper.is-disabled input[data-v-
|
|
553
|
-
|
|
552
|
+
.input-wrapper.is-disabled input[data-v-4c74b915] {
|
|
553
|
+
cursor: text;
|
|
554
554
|
}
|
|
555
|
-
.input-wrapper .field__input-label[data-v-
|
|
555
|
+
.input-wrapper .field__input-label[data-v-4c74b915] {
|
|
556
556
|
display: block;
|
|
557
557
|
color: var(--bms-grey-50);
|
|
558
558
|
font-size: 12px;
|
|
@@ -560,24 +560,24 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
560
560
|
margin-top: 6px;
|
|
561
561
|
margin-bottom: 4px;
|
|
562
562
|
}
|
|
563
|
-
.input-wrapper .field__input-icon[data-v-
|
|
563
|
+
.input-wrapper .field__input-icon[data-v-4c74b915] {
|
|
564
564
|
display: flex;
|
|
565
565
|
}
|
|
566
|
-
.input-wrapper .field__input-icon--start[data-v-
|
|
566
|
+
.input-wrapper .field__input-icon--start[data-v-4c74b915] {
|
|
567
567
|
margin-right: 0.5em;
|
|
568
568
|
}
|
|
569
|
-
.input-wrapper .field__input-icon--end[data-v-
|
|
569
|
+
.input-wrapper .field__input-icon--end[data-v-4c74b915] {
|
|
570
570
|
margin-left: 0.5em;
|
|
571
571
|
}
|
|
572
|
-
.input-wrapper .field__input-icon[data-v-
|
|
572
|
+
.input-wrapper .field__input-icon[data-v-4c74b915] svg {
|
|
573
573
|
width: 1em;
|
|
574
574
|
height: 1em;
|
|
575
575
|
display: block;
|
|
576
576
|
}
|
|
577
|
-
.input-wrapper .field__input-icon[data-v-
|
|
577
|
+
.input-wrapper .field__input-icon[data-v-4c74b915]:empty {
|
|
578
578
|
display: none;
|
|
579
579
|
}
|
|
580
|
-
.input-wrapper input[data-v-
|
|
580
|
+
.input-wrapper input[data-v-4c74b915] {
|
|
581
581
|
outline: none;
|
|
582
582
|
appearance: none;
|
|
583
583
|
border: 0;
|
|
@@ -589,7 +589,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
589
589
|
line-height: 1;
|
|
590
590
|
width: 100%;
|
|
591
591
|
background-color: transparent;
|
|
592
|
-
}.field__input .autocomplete-wrapper[data-v-
|
|
592
|
+
}.field__input .autocomplete-wrapper[data-v-15343285] {
|
|
593
593
|
width: 100%;
|
|
594
594
|
padding: 0.7em;
|
|
595
595
|
margin: 0.5em 0;
|
|
@@ -598,22 +598,22 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
598
598
|
background-color: var(--input-background-color);
|
|
599
599
|
height: 48px;
|
|
600
600
|
}
|
|
601
|
-
.field__input .autocomplete-wrapper[data-v-
|
|
601
|
+
.field__input .autocomplete-wrapper[data-v-15343285]:hover {
|
|
602
602
|
--field-border-color: var(--bms-grey-100);
|
|
603
603
|
}
|
|
604
|
-
.field__input .autocomplete-wrapper[data-v-
|
|
604
|
+
.field__input .autocomplete-wrapper[data-v-15343285]:has(input:focus) {
|
|
605
605
|
--field-border-color: var(--field-border-color-active);
|
|
606
606
|
}
|
|
607
|
-
.field__input .autocomplete-wrapper.is-error[data-v-
|
|
607
|
+
.field__input .autocomplete-wrapper.is-error[data-v-15343285] {
|
|
608
608
|
--field-border-color: var(--bms-red-100);
|
|
609
609
|
--input-background-color: var(--bms-red-25);
|
|
610
610
|
}
|
|
611
|
-
.field__input .autocomplete-wrapper.is-disabled[data-v-
|
|
611
|
+
.field__input .autocomplete-wrapper.is-disabled[data-v-15343285] {
|
|
612
612
|
--field-border-color: var(--bms-grey-25);
|
|
613
613
|
--input-background-color: var(--bms-grey-25);
|
|
614
614
|
pointer-events: none;
|
|
615
615
|
}
|
|
616
|
-
.field__input .autocomplete-wrapper input[data-v-
|
|
616
|
+
.field__input .autocomplete-wrapper input[data-v-15343285] {
|
|
617
617
|
outline: none;
|
|
618
618
|
appearance: none;
|
|
619
619
|
border: 0;
|
|
@@ -626,7 +626,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
626
626
|
width: 100%;
|
|
627
627
|
background-color: transparent;
|
|
628
628
|
}
|
|
629
|
-
.icon[data-v-
|
|
629
|
+
.icon[data-v-15343285] {
|
|
630
630
|
height: 1em;
|
|
631
631
|
width: 1em;
|
|
632
632
|
cursor: pointer;
|
|
@@ -858,29 +858,30 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
|
|
|
858
858
|
}
|
|
859
859
|
.input-checkbox-group-caption-wrapper.column[data-v-4183cc04] {
|
|
860
860
|
flex-direction: column;
|
|
861
|
-
}.code-mirror[data-v-
|
|
861
|
+
}.code-mirror[data-v-0de8ac2e] {
|
|
862
862
|
max-height: 50rem;
|
|
863
863
|
width: 100%;
|
|
864
864
|
overflow: auto;
|
|
865
865
|
border-radius: 4px;
|
|
866
|
-
}.file-upload[data-v-
|
|
866
|
+
}.file-upload[data-v-07e6912d] {
|
|
867
867
|
--drop-color: var(--bms-grey-10);
|
|
868
868
|
--drop-border: 1px dashed var(--bms-grey-50);
|
|
869
869
|
}
|
|
870
|
-
.file-upload[data-v-
|
|
870
|
+
.file-upload[data-v-07e6912d] .field__wrapper {
|
|
871
871
|
width: 100%;
|
|
872
872
|
min-width: 0;
|
|
873
873
|
}
|
|
874
|
-
.file-upload .is-disabled[data-v-
|
|
874
|
+
.file-upload .is-disabled[data-v-07e6912d] {
|
|
875
875
|
--drop-color: var(--bms-grey-25);
|
|
876
876
|
--drop-border: 1px solid var(--bms-grey-25);
|
|
877
877
|
color: var(--bms-grey-75);
|
|
878
|
+
pointer-events: none;
|
|
878
879
|
}
|
|
879
|
-
.file-upload .is-error[data-v-
|
|
880
|
+
.file-upload .is-error[data-v-07e6912d] {
|
|
880
881
|
--drop-color: var(--bms-red-25);
|
|
881
882
|
--drop-border: 1px solid var(--bms-red-100);
|
|
882
883
|
}
|
|
883
|
-
.file-upload__drop-area[data-v-
|
|
884
|
+
.file-upload__drop-area[data-v-07e6912d] {
|
|
884
885
|
display: block;
|
|
885
886
|
padding: calc(4 * var(--field-padding)) var(--field-padding);
|
|
886
887
|
text-align: center;
|
|
@@ -889,15 +890,15 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
|
|
|
889
890
|
background: var(--drop-color);
|
|
890
891
|
cursor: pointer;
|
|
891
892
|
}
|
|
892
|
-
.file-upload__drop-area[data-v-
|
|
893
|
+
.file-upload__drop-area[data-v-07e6912d]:active, .file-upload__drop-area__active[data-v-07e6912d] {
|
|
893
894
|
--drop-color: transparent;
|
|
894
895
|
--drop-border: 1px solid var(--bms-main-100);
|
|
895
896
|
}
|
|
896
|
-
.file-upload__drop-area[data-v-
|
|
897
|
+
.file-upload__drop-area[data-v-07e6912d]:hover, .file-upload__drop-area__hover[data-v-07e6912d] {
|
|
897
898
|
--drop-color: var(--bms-main-10);
|
|
898
899
|
--drop-border: 1px dashed var(--bms-grey-100);
|
|
899
900
|
}
|
|
900
|
-
.file-upload__drop-area input[type=file][data-v-
|
|
901
|
+
.file-upload__drop-area input[type=file][data-v-07e6912d] {
|
|
901
902
|
opacity: 0;
|
|
902
903
|
position: absolute;
|
|
903
904
|
pointer-events: none;
|
|
@@ -905,18 +906,18 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
|
|
|
905
906
|
width: 0;
|
|
906
907
|
height: 0;
|
|
907
908
|
}
|
|
908
|
-
.file-upload__drop-area.is-active[data-v-
|
|
909
|
+
.file-upload__drop-area.is-active[data-v-07e6912d] {
|
|
909
910
|
--drop-color: var(--bms-main-25);
|
|
910
911
|
}
|
|
911
|
-
.file-upload__drop-area.wide[data-v-
|
|
912
|
+
.file-upload__drop-area.wide[data-v-07e6912d] {
|
|
912
913
|
width: 100%;
|
|
913
914
|
}
|
|
914
|
-
.file-upload__file-list[data-v-
|
|
915
|
+
.file-upload__file-list[data-v-07e6912d] {
|
|
915
916
|
display: flex;
|
|
916
917
|
width: 100%;
|
|
917
918
|
gap: 1em;
|
|
918
919
|
}
|
|
919
|
-
.file-upload__file[data-v-
|
|
920
|
+
.file-upload__file[data-v-07e6912d] {
|
|
920
921
|
display: flex;
|
|
921
922
|
align-items: center;
|
|
922
923
|
justify-content: center;
|
|
@@ -927,21 +928,21 @@ input[type=checkbox][data-v-e1d94c62]:checked::before {
|
|
|
927
928
|
background: var(--bms-grey-10);
|
|
928
929
|
position: relative;
|
|
929
930
|
}
|
|
930
|
-
.file-upload__file.wide[data-v-
|
|
931
|
+
.file-upload__file.wide[data-v-07e6912d] {
|
|
931
932
|
width: 100%;
|
|
932
933
|
height: 300px;
|
|
933
934
|
}
|
|
934
|
-
.file-upload__file-img[data-v-
|
|
935
|
+
.file-upload__file-img[data-v-07e6912d] {
|
|
935
936
|
max-width: 100%;
|
|
936
937
|
max-height: 100%;
|
|
937
938
|
}
|
|
938
|
-
.file-upload__file-name[data-v-
|
|
939
|
+
.file-upload__file-name[data-v-07e6912d] {
|
|
939
940
|
overflow: hidden;
|
|
940
941
|
white-space: nowrap;
|
|
941
942
|
text-overflow: ellipsis;
|
|
942
943
|
flex: 1 1 auto;
|
|
943
944
|
}
|
|
944
|
-
.file-upload__file[data-v-
|
|
945
|
+
.file-upload__file[data-v-07e6912d] .close-button {
|
|
945
946
|
position: absolute;
|
|
946
947
|
top: 0;
|
|
947
948
|
right: 0;
|
|
@@ -1075,7 +1076,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1075
1076
|
.switch-wrapper.disabled[data-v-6de1a5c6] {
|
|
1076
1077
|
--switch-background-color: var(--bms-grey-25);
|
|
1077
1078
|
--switch-color: var(--bms-grey-50);
|
|
1078
|
-
}.input-toggle[data-v-
|
|
1079
|
+
}.input-toggle[data-v-5f354760] {
|
|
1079
1080
|
--label-color: var(--bms-grey-100);
|
|
1080
1081
|
--cursor: pointer;
|
|
1081
1082
|
font-weight: var(--field-label-font-weight);
|
|
@@ -1083,28 +1084,28 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1083
1084
|
align-items: center;
|
|
1084
1085
|
gap: 0.5em;
|
|
1085
1086
|
}
|
|
1086
|
-
.input-toggle.overflow[data-v-
|
|
1087
|
+
.input-toggle.overflow[data-v-5f354760] {
|
|
1087
1088
|
width: 100%;
|
|
1088
1089
|
}
|
|
1089
|
-
.input-toggle.overflow .input-switch-info[data-v-
|
|
1090
|
+
.input-toggle.overflow .input-switch-info[data-v-5f354760] {
|
|
1090
1091
|
width: 100%;
|
|
1091
1092
|
white-space: nowrap;
|
|
1092
1093
|
overflow: hidden;
|
|
1093
1094
|
word-break: break-all;
|
|
1094
1095
|
text-overflow: ellipsis;
|
|
1095
1096
|
}
|
|
1096
|
-
.input-toggle .input-switch-info[data-v-
|
|
1097
|
+
.input-toggle .input-switch-info[data-v-5f354760] {
|
|
1097
1098
|
color: var(--label-color);
|
|
1098
1099
|
transition: 0.2s;
|
|
1099
1100
|
}
|
|
1100
|
-
.input-toggle.isOn[data-v-
|
|
1101
|
+
.input-toggle.isOn[data-v-5f354760] {
|
|
1101
1102
|
--label-color: var(--bms-main-100);
|
|
1102
1103
|
}
|
|
1103
|
-
.input-toggle.disabled[data-v-
|
|
1104
|
+
.input-toggle.disabled[data-v-5f354760] {
|
|
1104
1105
|
--label-color: var(--bms-grey-50);
|
|
1105
1106
|
--cursor: default;
|
|
1106
1107
|
}
|
|
1107
|
-
.input-toggle[data-v-
|
|
1108
|
+
.input-toggle[data-v-5f354760]:hover {
|
|
1108
1109
|
cursor: var(--cursor);
|
|
1109
1110
|
}.tag[data-v-e2517fee] {
|
|
1110
1111
|
--tag-border-color: var(--bms-main-100);
|
|
@@ -1229,20 +1230,20 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1229
1230
|
margin: 0 1em 0 0.5em;
|
|
1230
1231
|
}.clean-icon[data-v-66c267f2]:hover {
|
|
1231
1232
|
cursor: pointer;
|
|
1232
|
-
}.field__input .icon-toggle-container[data-v-
|
|
1233
|
+
}.field__input .icon-toggle-container[data-v-7aef9c6c] {
|
|
1233
1234
|
height: 100%;
|
|
1234
1235
|
display: flex;
|
|
1235
1236
|
align-items: center;
|
|
1236
1237
|
}
|
|
1237
|
-
.field__input .icon-toggle-container[data-v-
|
|
1238
|
+
.field__input .icon-toggle-container[data-v-7aef9c6c]:hover {
|
|
1238
1239
|
cursor: pointer;
|
|
1239
1240
|
}
|
|
1240
|
-
.field__input .icon-toggle-button[data-v-
|
|
1241
|
+
.field__input .icon-toggle-button[data-v-7aef9c6c] {
|
|
1241
1242
|
width: 1em;
|
|
1242
1243
|
margin: 0 var(--field-padding);
|
|
1243
1244
|
display: block;
|
|
1244
1245
|
}
|
|
1245
|
-
.field__input input[data-v-
|
|
1246
|
+
.field__input input[data-v-7aef9c6c] {
|
|
1246
1247
|
border: none;
|
|
1247
1248
|
background-color: transparent;
|
|
1248
1249
|
caret-color: transparent;
|
|
@@ -1253,11 +1254,10 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1253
1254
|
padding: 0;
|
|
1254
1255
|
font: inherit;
|
|
1255
1256
|
color: inherit;
|
|
1256
|
-
height: 24px;
|
|
1257
1257
|
line-height: 1;
|
|
1258
1258
|
width: 100%;
|
|
1259
1259
|
height: 100%;
|
|
1260
|
-
}.field__input textarea[data-v-
|
|
1260
|
+
}.field__input textarea[data-v-94de6dd9] {
|
|
1261
1261
|
display: flex;
|
|
1262
1262
|
align-items: center;
|
|
1263
1263
|
width: 100%;
|
|
@@ -1270,21 +1270,22 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1270
1270
|
font: inherit;
|
|
1271
1271
|
color: inherit;
|
|
1272
1272
|
}
|
|
1273
|
-
.field__input textarea[data-v-
|
|
1273
|
+
.field__input textarea[data-v-94de6dd9]:hover {
|
|
1274
1274
|
--field-border-color: var(--bms-grey-100);
|
|
1275
1275
|
}
|
|
1276
|
-
.field__input textarea[data-v-
|
|
1276
|
+
.field__input textarea[data-v-94de6dd9]:active, .field__input textarea[data-v-94de6dd9]:focus {
|
|
1277
1277
|
--field-border-color: var(--field-border-color-active);
|
|
1278
1278
|
}
|
|
1279
|
-
.field__input textarea.is-error[data-v-
|
|
1279
|
+
.field__input textarea.is-error[data-v-94de6dd9] {
|
|
1280
1280
|
--field-border-color: var(--bms-red-100);
|
|
1281
1281
|
--textarea-background-color: var(--bms-red-25);
|
|
1282
1282
|
}
|
|
1283
|
-
.field__input textarea.is-disabled[data-v-
|
|
1283
|
+
.field__input textarea.is-disabled[data-v-94de6dd9] {
|
|
1284
1284
|
--field-border-color: var(--bms-grey-25);
|
|
1285
1285
|
--textarea-background-color: var(--bms-grey-25);
|
|
1286
|
+
cursor: text;
|
|
1286
1287
|
}
|
|
1287
|
-
.field__input textarea.is-small[data-v-
|
|
1288
|
+
.field__input textarea.is-small[data-v-94de6dd9] {
|
|
1288
1289
|
min-height: 56px;
|
|
1289
1290
|
}.page[data-v-31057778] {
|
|
1290
1291
|
margin: 0 auto;
|