@ouestfrance/sipa-bms-ui 8.23.3 → 8.23.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/mockServiceWorker.js +1 -1
- package/dist/sipa-bms-ui.css +42 -27
- package/dist/sipa-bms-ui.es.js +10 -8
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +10 -8
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +14 -14
- package/src/components/button/BmsToggleIcon.vue +20 -5
- package/src/components/form/BmsTag.vue +2 -2
|
@@ -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);
|
|
@@ -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
|
|
@@ -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",
|