@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
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ouestfrance/sipa-bms-ui",
|
|
3
|
-
"version": "8.23.
|
|
3
|
+
"version": "8.23.4",
|
|
4
4
|
"author": "Ouest-France BMS",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"scripts": {
|
|
@@ -33,13 +33,13 @@
|
|
|
33
33
|
"@chromatic-com/storybook": "^4.1.3",
|
|
34
34
|
"@codemirror/lang-html": "6.4.11",
|
|
35
35
|
"@codemirror/lang-json": "6.0.2",
|
|
36
|
-
"@commitlint/cli": "20.
|
|
37
|
-
"@commitlint/config-conventional": "20.
|
|
36
|
+
"@commitlint/cli": "20.3.1",
|
|
37
|
+
"@commitlint/config-conventional": "20.3.1",
|
|
38
38
|
"@mdx-js/react": "3.1.1",
|
|
39
|
-
"@storybook/addon-docs": "10.1.
|
|
40
|
-
"@storybook/addon-links": "10.1.
|
|
41
|
-
"@storybook/vue3-vite": "10.1.
|
|
42
|
-
"@types/lodash": "4.17.
|
|
39
|
+
"@storybook/addon-docs": "10.1.11",
|
|
40
|
+
"@storybook/addon-links": "10.1.11",
|
|
41
|
+
"@storybook/vue3-vite": "10.1.11",
|
|
42
|
+
"@types/lodash": "4.17.23",
|
|
43
43
|
"@types/uuid": "11.0.0",
|
|
44
44
|
"@vitejs/plugin-vue": "6.0.3",
|
|
45
45
|
"@vue/test-utils": "2.4.6",
|
|
@@ -47,15 +47,15 @@
|
|
|
47
47
|
"@vueuse/motion": "^3.0.0",
|
|
48
48
|
"axios": "1.13.2",
|
|
49
49
|
"blob-util": "^2.0.2",
|
|
50
|
-
"chromatic": "13.3.
|
|
50
|
+
"chromatic": "13.3.5",
|
|
51
51
|
"codemirror": "6.0.2",
|
|
52
52
|
"cors": "^2.8.5",
|
|
53
53
|
"cross-env": "^10.0.0",
|
|
54
54
|
"cy2": "^4.0.0",
|
|
55
|
-
"cypress": "15.8.
|
|
55
|
+
"cypress": "15.8.2",
|
|
56
56
|
"express": "^5.0.0",
|
|
57
57
|
"husky": "9.1.7",
|
|
58
|
-
"jsdom": "27.
|
|
58
|
+
"jsdom": "27.4.0",
|
|
59
59
|
"keycloak-js": "26.1.2",
|
|
60
60
|
"lint-staged": "16.2.7",
|
|
61
61
|
"lodash": "4.17.21",
|
|
@@ -66,11 +66,11 @@
|
|
|
66
66
|
"path": "0.12.7",
|
|
67
67
|
"prettier": "3.7.4",
|
|
68
68
|
"remark-gfm": "^4.0.1",
|
|
69
|
-
"sass": "1.97.
|
|
69
|
+
"sass": "1.97.2",
|
|
70
70
|
"semantic-release": "25.0.2",
|
|
71
71
|
"start-server-and-test": "2.1.3",
|
|
72
|
-
"storybook": "10.1.
|
|
73
|
-
"storybook-addon-pseudo-states": "10.1.
|
|
72
|
+
"storybook": "10.1.11",
|
|
73
|
+
"storybook-addon-pseudo-states": "10.1.11",
|
|
74
74
|
"storybook-addon-tag-badges": "^3.0.2",
|
|
75
75
|
"storybook-vue3-router": "^7.0.0",
|
|
76
76
|
"typescript": "5.2.2",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"vue-codemirror": "6.1.1",
|
|
86
86
|
"vue-loader": "17.4.2",
|
|
87
87
|
"vue-router": "4.6.4",
|
|
88
|
-
"vue-tsc": "3.2.
|
|
88
|
+
"vue-tsc": "3.2.2"
|
|
89
89
|
},
|
|
90
90
|
"files": [
|
|
91
91
|
"dist",
|
|
@@ -44,25 +44,32 @@ const handleClick = (event: MouseEvent) => {
|
|
|
44
44
|
background: none;
|
|
45
45
|
border: none;
|
|
46
46
|
padding: 0;
|
|
47
|
-
padding-bottom: 0.25em;
|
|
48
47
|
cursor: pointer;
|
|
49
48
|
display: inline-flex;
|
|
50
49
|
align-items: center;
|
|
51
50
|
justify-content: center;
|
|
52
51
|
position: relative;
|
|
53
52
|
|
|
53
|
+
width: 34px;
|
|
54
|
+
height: 34px;
|
|
55
|
+
padding: 7px 0;
|
|
56
|
+
|
|
54
57
|
:deep(svg) {
|
|
55
58
|
color: var(--icon-color);
|
|
56
59
|
transition: color 0.2s;
|
|
60
|
+
width: 20px;
|
|
61
|
+
height: 20px;
|
|
62
|
+
display: block;
|
|
57
63
|
}
|
|
58
64
|
|
|
59
65
|
&::after {
|
|
60
66
|
content: '';
|
|
61
67
|
position: absolute;
|
|
62
|
-
bottom:
|
|
63
|
-
left:
|
|
64
|
-
|
|
65
|
-
|
|
68
|
+
bottom: 3px;
|
|
69
|
+
left: 50%;
|
|
70
|
+
transform: translateX(-50%);
|
|
71
|
+
width: 20px;
|
|
72
|
+
height: 2px;
|
|
66
73
|
background-color: var(--underline-color);
|
|
67
74
|
transition: background-color 0.2s;
|
|
68
75
|
}
|
|
@@ -95,6 +102,10 @@ const handleClick = (event: MouseEvent) => {
|
|
|
95
102
|
}
|
|
96
103
|
|
|
97
104
|
&.small {
|
|
105
|
+
width: 24px;
|
|
106
|
+
height: 24px;
|
|
107
|
+
padding: 0.25em 0;
|
|
108
|
+
|
|
98
109
|
:deep(svg) {
|
|
99
110
|
width: 1em;
|
|
100
111
|
height: 1em;
|
|
@@ -102,6 +113,10 @@ const handleClick = (event: MouseEvent) => {
|
|
|
102
113
|
|
|
103
114
|
&::after {
|
|
104
115
|
height: 1.5px;
|
|
116
|
+
bottom: -2px;
|
|
117
|
+
left: 50%;
|
|
118
|
+
transform: translateX(-50%);
|
|
119
|
+
width: 1em;
|
|
105
120
|
}
|
|
106
121
|
}
|
|
107
122
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
<template>
|
|
2
2
|
<div class="tag" :class="{ active, disabled, small }" @click="emits('click')">
|
|
3
3
|
<slot></slot>
|
|
4
|
-
<span class="dismiss-button">
|
|
5
|
-
<BmsIconButton @click.stop="emits('dismiss')"
|
|
4
|
+
<span class="dismiss-button" v-if="canBeDismissed">
|
|
5
|
+
<BmsIconButton @click.stop="emits('dismiss')">
|
|
6
6
|
<slot name="closeIcon"><X /></slot>
|
|
7
7
|
</BmsIconButton>
|
|
8
8
|
</span>
|