@ouestfrance/sipa-bms-ui 8.23.3 → 8.23.5
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/mockServiceWorker.js +1 -1
- package/dist/sipa-bms-ui.css +49 -34
- package/dist/sipa-bms-ui.es.js +13 -11
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +13 -11
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +16 -16
- package/src/components/button/BmsToggleIcon.vue +20 -5
- package/src/components/form/BmsTag.vue +2 -2
- package/src/components/form/RawAutocomplete.vue +2 -6
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* - Please do NOT modify this file.
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
|
-
const PACKAGE_VERSION = '2.12.
|
|
10
|
+
const PACKAGE_VERSION = '2.12.7'
|
|
11
11
|
const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
|
|
12
12
|
const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
|
|
13
13
|
const activeClientIds = new Set()
|
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -268,59 +268,74 @@
|
|
|
268
268
|
--bms-button-disabled-background-color: transparent;
|
|
269
269
|
--bms-button-disabled-border-color: transparent;
|
|
270
270
|
--bms-button-disabled-text-color: var(--bms-disabled-color);
|
|
271
|
-
}.toggle-icon[data-v-
|
|
271
|
+
}.toggle-icon[data-v-76fd6513] {
|
|
272
272
|
--icon-color: var(--bms-grey-100);
|
|
273
273
|
--underline-color: transparent;
|
|
274
274
|
background: none;
|
|
275
275
|
border: none;
|
|
276
276
|
padding: 0;
|
|
277
|
-
padding-bottom: 0.25em;
|
|
278
277
|
cursor: pointer;
|
|
279
278
|
display: inline-flex;
|
|
280
279
|
align-items: center;
|
|
281
280
|
justify-content: center;
|
|
282
281
|
position: relative;
|
|
282
|
+
width: 34px;
|
|
283
|
+
height: 34px;
|
|
284
|
+
padding: 7px 0;
|
|
283
285
|
}
|
|
284
|
-
.toggle-icon[data-v-
|
|
286
|
+
.toggle-icon[data-v-76fd6513] svg {
|
|
285
287
|
color: var(--icon-color);
|
|
286
288
|
transition: color 0.2s;
|
|
289
|
+
width: 20px;
|
|
290
|
+
height: 20px;
|
|
291
|
+
display: block;
|
|
287
292
|
}
|
|
288
|
-
.toggle-icon[data-v-
|
|
293
|
+
.toggle-icon[data-v-76fd6513]::after {
|
|
289
294
|
content: "";
|
|
290
295
|
position: absolute;
|
|
291
|
-
bottom:
|
|
292
|
-
left:
|
|
293
|
-
|
|
294
|
-
|
|
296
|
+
bottom: 3px;
|
|
297
|
+
left: 50%;
|
|
298
|
+
transform: translateX(-50%);
|
|
299
|
+
width: 20px;
|
|
300
|
+
height: 2px;
|
|
295
301
|
background-color: var(--underline-color);
|
|
296
302
|
transition: background-color 0.2s;
|
|
297
303
|
}
|
|
298
|
-
.toggle-icon[data-v-
|
|
304
|
+
.toggle-icon[data-v-76fd6513]:hover:not(.disabled), .toggle-icon._hover[data-v-76fd6513]:not(.disabled) {
|
|
299
305
|
--icon-color: var(--bms-grey-140);
|
|
300
306
|
--underline-color: var(--bms-grey-140);
|
|
301
307
|
}
|
|
302
|
-
.toggle-icon.active[data-v-
|
|
308
|
+
.toggle-icon.active[data-v-76fd6513] {
|
|
303
309
|
--icon-color: var(--bms-main-100);
|
|
304
310
|
--underline-color: var(--bms-main-100);
|
|
305
311
|
}
|
|
306
|
-
.toggle-icon.active[data-v-
|
|
312
|
+
.toggle-icon.active[data-v-76fd6513]:hover:not(.disabled), .toggle-icon.active._hover[data-v-76fd6513]:not(.disabled) {
|
|
307
313
|
--icon-color: var(--bms-main-140);
|
|
308
314
|
--underline-color: var(--bms-main-140);
|
|
309
315
|
}
|
|
310
|
-
.toggle-icon.disabled[data-v-
|
|
316
|
+
.toggle-icon.disabled[data-v-76fd6513] {
|
|
311
317
|
--icon-color: var(--bms-grey-50);
|
|
312
318
|
cursor: default;
|
|
313
319
|
pointer-events: none;
|
|
314
320
|
}
|
|
315
|
-
.toggle-icon.disabled.active[data-v-
|
|
321
|
+
.toggle-icon.disabled.active[data-v-76fd6513] {
|
|
316
322
|
--underline-color: var(--bms-grey-50);
|
|
317
323
|
}
|
|
318
|
-
.toggle-icon.small[data-v-
|
|
324
|
+
.toggle-icon.small[data-v-76fd6513] {
|
|
325
|
+
width: 24px;
|
|
326
|
+
height: 24px;
|
|
327
|
+
padding: 0.25em 0;
|
|
328
|
+
}
|
|
329
|
+
.toggle-icon.small[data-v-76fd6513] svg {
|
|
319
330
|
width: 1em;
|
|
320
331
|
height: 1em;
|
|
321
332
|
}
|
|
322
|
-
.toggle-icon.small[data-v-
|
|
333
|
+
.toggle-icon.small[data-v-76fd6513]::after {
|
|
323
334
|
height: 1.5px;
|
|
335
|
+
bottom: -2px;
|
|
336
|
+
left: 50%;
|
|
337
|
+
transform: translateX(-50%);
|
|
338
|
+
width: 1em;
|
|
324
339
|
}.alert[data-v-26caccdd] {
|
|
325
340
|
--alert-main-color: var(--bms-main-100);
|
|
326
341
|
--alert-secondary-color: var(--bms-main-10);
|
|
@@ -653,7 +668,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
653
668
|
line-height: 1;
|
|
654
669
|
width: 100%;
|
|
655
670
|
background-color: transparent;
|
|
656
|
-
}.field__input .autocomplete-wrapper[data-v-
|
|
671
|
+
}.field__input .autocomplete-wrapper[data-v-f0bd97df] {
|
|
657
672
|
width: 100%;
|
|
658
673
|
padding: 0.7em;
|
|
659
674
|
margin: 0.5em 0;
|
|
@@ -662,22 +677,22 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
662
677
|
background-color: var(--input-background-color);
|
|
663
678
|
height: 48px;
|
|
664
679
|
}
|
|
665
|
-
.field__input .autocomplete-wrapper[data-v-
|
|
680
|
+
.field__input .autocomplete-wrapper[data-v-f0bd97df]:hover {
|
|
666
681
|
--field-border-color: var(--bms-grey-100);
|
|
667
682
|
}
|
|
668
|
-
.field__input .autocomplete-wrapper[data-v-
|
|
683
|
+
.field__input .autocomplete-wrapper[data-v-f0bd97df]:has(input:focus) {
|
|
669
684
|
--field-border-color: var(--field-border-color-active);
|
|
670
685
|
}
|
|
671
|
-
.field__input .autocomplete-wrapper.is-error[data-v-
|
|
686
|
+
.field__input .autocomplete-wrapper.is-error[data-v-f0bd97df] {
|
|
672
687
|
--field-border-color: var(--bms-red-100);
|
|
673
688
|
--input-background-color: var(--bms-red-25);
|
|
674
689
|
}
|
|
675
|
-
.field__input .autocomplete-wrapper.is-disabled[data-v-
|
|
690
|
+
.field__input .autocomplete-wrapper.is-disabled[data-v-f0bd97df] {
|
|
676
691
|
--field-border-color: var(--bms-grey-25);
|
|
677
692
|
--input-background-color: var(--bms-grey-25);
|
|
678
693
|
pointer-events: none;
|
|
679
694
|
}
|
|
680
|
-
.field__input .autocomplete-wrapper input[data-v-
|
|
695
|
+
.field__input .autocomplete-wrapper input[data-v-f0bd97df] {
|
|
681
696
|
outline: none;
|
|
682
697
|
appearance: none;
|
|
683
698
|
border: 0;
|
|
@@ -690,7 +705,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
690
705
|
width: 100%;
|
|
691
706
|
background-color: transparent;
|
|
692
707
|
}
|
|
693
|
-
.icon[data-v-
|
|
708
|
+
.icon[data-v-f0bd97df] {
|
|
694
709
|
height: 1em;
|
|
695
710
|
width: 1em;
|
|
696
711
|
cursor: pointer;
|
|
@@ -1171,7 +1186,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1171
1186
|
}
|
|
1172
1187
|
.input-toggle[data-v-5f354760]:hover {
|
|
1173
1188
|
cursor: var(--cursor);
|
|
1174
|
-
}.tag[data-v-
|
|
1189
|
+
}.tag[data-v-35d99c82] {
|
|
1175
1190
|
--tag-border-color: var(--bms-main-100);
|
|
1176
1191
|
--tag-background-color: transparent;
|
|
1177
1192
|
--tag-color: var(--bms-main-100);
|
|
@@ -1189,52 +1204,52 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1189
1204
|
background-color: var(--tag-background-color);
|
|
1190
1205
|
cursor: pointer;
|
|
1191
1206
|
}
|
|
1192
|
-
.tag.disabled[data-v-
|
|
1207
|
+
.tag.disabled[data-v-35d99c82] {
|
|
1193
1208
|
pointer-events: none;
|
|
1194
1209
|
cursor: default;
|
|
1195
1210
|
--tag-color: var(--bms-grey-50);
|
|
1196
1211
|
--tag-border-color: var(--bms-grey-50);
|
|
1197
1212
|
}
|
|
1198
|
-
.tag.disabled.active[data-v-
|
|
1213
|
+
.tag.disabled.active[data-v-35d99c82] {
|
|
1199
1214
|
--tag-color: white;
|
|
1200
1215
|
--tag-background-color: var(--bms-grey-50);
|
|
1201
1216
|
}
|
|
1202
|
-
.tag.small[data-v-
|
|
1217
|
+
.tag.small[data-v-35d99c82] {
|
|
1203
1218
|
padding: 2px 4px;
|
|
1204
1219
|
gap: 4px;
|
|
1205
1220
|
}
|
|
1206
|
-
.tag[data-v-
|
|
1221
|
+
.tag[data-v-35d99c82]:focus, .tag[data-v-35d99c82]:hover {
|
|
1207
1222
|
--tag-color: var(--bms-main-140);
|
|
1208
1223
|
--tag-border-color: var(--bms-main-140);
|
|
1209
1224
|
}
|
|
1210
|
-
.tag.active[data-v-
|
|
1225
|
+
.tag.active[data-v-35d99c82] {
|
|
1211
1226
|
--tag-color: white;
|
|
1212
1227
|
--tag-background-color: var(--bms-main-100);
|
|
1213
1228
|
}
|
|
1214
|
-
.tag.active[data-v-
|
|
1229
|
+
.tag.active[data-v-35d99c82]:focus, .tag.active[data-v-35d99c82]:hover {
|
|
1215
1230
|
--tag-border-color: var(--bms-main-140);
|
|
1216
1231
|
--tag-background-color: var(--bms-main-140);
|
|
1217
1232
|
}
|
|
1218
|
-
.tag[data-v-
|
|
1233
|
+
.tag[data-v-35d99c82] svg {
|
|
1219
1234
|
width: 14px;
|
|
1220
1235
|
height: 14px;
|
|
1221
1236
|
}
|
|
1222
|
-
.tag .dismiss-button[data-v-
|
|
1237
|
+
.tag .dismiss-button[data-v-35d99c82] {
|
|
1223
1238
|
display: flex;
|
|
1224
1239
|
justify-content: center;
|
|
1225
1240
|
align-items: center;
|
|
1226
1241
|
background-color: var(--tag-background-color);
|
|
1227
1242
|
color: var(--tag-color);
|
|
1228
1243
|
}
|
|
1229
|
-
.tag .dismiss-button[data-v-
|
|
1244
|
+
.tag .dismiss-button[data-v-35d99c82] .bms-button {
|
|
1230
1245
|
color: currentColor;
|
|
1231
1246
|
padding: 0;
|
|
1232
1247
|
height: fit-content;
|
|
1233
1248
|
}
|
|
1234
|
-
.tag .dismiss-button[data-v-
|
|
1249
|
+
.tag .dismiss-button[data-v-35d99c82] .bms-button .content {
|
|
1235
1250
|
margin: 0;
|
|
1236
1251
|
}
|
|
1237
|
-
.tag .dismiss-button[data-v-
|
|
1252
|
+
.tag .dismiss-button[data-v-35d99c82] .bms-button:hover {
|
|
1238
1253
|
background-color: var(--tag-background-color);
|
|
1239
1254
|
}.field__input[data-v-6231389d] {
|
|
1240
1255
|
--field-border-color: var(--bms-grey-50);
|
package/dist/sipa-bms-ui.es.js
CHANGED
|
@@ -583,7 +583,7 @@ const _export_sfc = (sfc, props) => {
|
|
|
583
583
|
return target;
|
|
584
584
|
};
|
|
585
585
|
|
|
586
|
-
const BmsToggleIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-
|
|
586
|
+
const BmsToggleIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1o, [["__scopeId", "data-v-76fd6513"]]);
|
|
587
587
|
|
|
588
588
|
/**
|
|
589
589
|
* @license lucide-vue-next v0.562.0 - ISC
|
|
@@ -39689,11 +39689,11 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
39689
39689
|
isDatalistOpen.value ? (openBlock(), createBlock(unref(ChevronUp), {
|
|
39690
39690
|
key: 0,
|
|
39691
39691
|
class: "icon",
|
|
39692
|
-
onClick
|
|
39692
|
+
onClick
|
|
39693
39693
|
})) : (openBlock(), createBlock(unref(ChevronDown), {
|
|
39694
39694
|
key: 1,
|
|
39695
39695
|
class: "icon",
|
|
39696
|
-
onClick
|
|
39696
|
+
onClick
|
|
39697
39697
|
}))
|
|
39698
39698
|
], 64))
|
|
39699
39699
|
], true)
|
|
@@ -39707,7 +39707,7 @@ const _sfc_main$1d = /* @__PURE__ */ defineComponent({
|
|
|
39707
39707
|
}
|
|
39708
39708
|
});
|
|
39709
39709
|
|
|
39710
|
-
const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-
|
|
39710
|
+
const RawAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["__scopeId", "data-v-f0bd97df"]]);
|
|
39711
39711
|
|
|
39712
39712
|
const _hoisted_1$R = ["innerHTML"];
|
|
39713
39713
|
const _hoisted_2$z = ["innerHTML"];
|
|
@@ -69921,7 +69921,10 @@ const _sfc_main$U = /* @__PURE__ */ defineComponent({
|
|
|
69921
69921
|
|
|
69922
69922
|
const BmsInputToggle = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-5f354760"]]);
|
|
69923
69923
|
|
|
69924
|
-
const _hoisted_1$I = {
|
|
69924
|
+
const _hoisted_1$I = {
|
|
69925
|
+
key: 0,
|
|
69926
|
+
class: "dismiss-button"
|
|
69927
|
+
};
|
|
69925
69928
|
const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
69926
69929
|
__name: "BmsTag",
|
|
69927
69930
|
props: {
|
|
@@ -69939,9 +69942,8 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
69939
69942
|
onClick: _cache[1] || (_cache[1] = ($event) => emits("click"))
|
|
69940
69943
|
}, [
|
|
69941
69944
|
renderSlot(_ctx.$slots, "default", {}, void 0, true),
|
|
69942
|
-
|
|
69943
|
-
|
|
69944
|
-
key: 0,
|
|
69945
|
+
__props.canBeDismissed ? (openBlock(), createElementBlock("span", _hoisted_1$I, [
|
|
69946
|
+
createVNode(unref(_sfc_main$1p), {
|
|
69945
69947
|
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emits("dismiss"), ["stop"]))
|
|
69946
69948
|
}, {
|
|
69947
69949
|
default: withCtx(() => [
|
|
@@ -69950,14 +69952,14 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
|
|
|
69950
69952
|
], true)
|
|
69951
69953
|
]),
|
|
69952
69954
|
_: 3
|
|
69953
|
-
})
|
|
69954
|
-
])
|
|
69955
|
+
})
|
|
69956
|
+
])) : createCommentVNode("", true)
|
|
69955
69957
|
], 2);
|
|
69956
69958
|
};
|
|
69957
69959
|
}
|
|
69958
69960
|
});
|
|
69959
69961
|
|
|
69960
|
-
const BmsTag = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-
|
|
69962
|
+
const BmsTag = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__scopeId", "data-v-35d99c82"]]);
|
|
69961
69963
|
|
|
69962
69964
|
const _sfc_main$S = /* @__PURE__ */ defineComponent({
|
|
69963
69965
|
__name: "RawSelect",
|