@ouestfrance/sipa-bms-ui 8.22.2 → 8.22.3
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/components/button/BmsButton.vue.d.ts +1 -1
- package/dist/components/button/BmsIconButton.vue.d.ts +1 -1
- package/dist/components/button/UiButton.vue.d.ts +1 -1
- package/dist/components/layout/BmsHeaderTitle.vue.d.ts +1 -1
- package/dist/components/navigation/BmsBreadcrumb.vue.d.ts +1 -1
- package/dist/components/navigation/BmsShortLinkMenu.vue.d.ts +2 -2
- package/dist/components/table/BmsPagination.vue.d.ts +2 -2
- package/dist/plugins/router-history/router-history.composable.d.ts +1 -1
- package/dist/sipa-bms-ui.css +16 -16
- package/dist/sipa-bms-ui.es.js +3608 -3142
- package/dist/sipa-bms-ui.es.js.map +1 -1
- package/dist/sipa-bms-ui.umd.js +3608 -3142
- package/dist/sipa-bms-ui.umd.js.map +1 -1
- package/package.json +18 -18
- package/src/components/button/BmsButton.stories.js +142 -3
- package/src/components/form/BmsChip.stories.js +104 -2
- package/src/components/form/BmsInputCheckboxCaptionGroup.stories.js +157 -2
- package/src/components/form/BmsInputCheckboxGroup.stories.js +119 -2
- package/src/components/form/BmsInputCode.stories.js +109 -2
- package/src/components/form/BmsInputFile.stories.js +110 -2
- package/src/components/form/BmsInputRadioCaptionGroup.stories.js +138 -2
- package/src/components/form/BmsInputRadioGroup.stories.js +120 -2
- package/src/components/form/BmsInputText.stories.js +269 -1
- package/src/components/form/BmsMultiSelect.vue +3 -1
- package/src/components/form/BmsSearch.stories.js +89 -2
- package/src/components/form/BmsSelect.stories.js +220 -2
- package/src/components/form/BmsSelect.vue +5 -3
- package/src/components/form/BmsTag.stories.js +119 -3
- package/src/components/form/BmsTextArea.stories.js +146 -2
- package/src/components/form/RawAutocomplete.vue +3 -1
- package/src/components/layout/BmsForm.stories.js +216 -0
- package/src/components/layout/BmsHeaderTitle.stories.js +136 -1
- package/src/components/table/BmsTable.stories.js +247 -1
- package/src/documentation/button/secondaryButton.mdx +114 -3
- package/src/documentation/checkboxCaptionGroup.mdx +99 -0
- package/src/documentation/checkboxGroup.mdx +99 -0
- package/src/documentation/chip.mdx +85 -11
- package/src/documentation/inputCode.mdx +97 -0
- package/src/documentation/inputFile.mdx +90 -13
- package/src/documentation/inputText.mdx +183 -0
- package/src/documentation/layout/form.mdx +74 -0
- package/src/documentation/layout/headerTitle.mdx +124 -0
- package/src/documentation/layout/table.mdx +111 -0
- package/src/documentation/radioCaptionGroup.mdx +86 -19
- package/src/documentation/radioGroup.mdx +85 -18
- package/src/documentation/search.mdx +85 -13
- package/src/documentation/select.mdx +137 -16
- package/src/documentation/tag.mdx +91 -11
- package/src/documentation/textArea.mdx +126 -13
- package/src/documentation/fields_text.mdx +0 -31
|
@@ -9,7 +9,7 @@ interface Props {
|
|
|
9
9
|
}
|
|
10
10
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
11
11
|
submit: boolean;
|
|
12
|
-
to: string | import('vue-router/dist/router-
|
|
12
|
+
to: string | import('vue-router/dist/router-CWoNjPRp.mjs').kt | import('vue-router/dist/router-CWoNjPRp.mjs').Tt | null;
|
|
13
13
|
type: "primary" | "secondary" | "tertiary";
|
|
14
14
|
mode: StatusType.Danger | StatusType.Default;
|
|
15
15
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
@@ -10,7 +10,7 @@ interface Props {
|
|
|
10
10
|
small?: boolean;
|
|
11
11
|
}
|
|
12
12
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
13
|
-
to: string | import('vue-router/dist/router-
|
|
13
|
+
to: string | import('vue-router/dist/router-CWoNjPRp.mjs').kt | import('vue-router/dist/router-CWoNjPRp.mjs').Tt | null;
|
|
14
14
|
small: boolean;
|
|
15
15
|
mode: StatusType.Danger | StatusType.Information;
|
|
16
16
|
tooltipText: string;
|
|
@@ -9,7 +9,7 @@ interface Props {
|
|
|
9
9
|
small?: boolean;
|
|
10
10
|
}
|
|
11
11
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
12
|
-
to: string | import('vue-router/dist/router-
|
|
12
|
+
to: string | import('vue-router/dist/router-CWoNjPRp.mjs').kt | import('vue-router/dist/router-CWoNjPRp.mjs').Tt | null;
|
|
13
13
|
small: boolean;
|
|
14
14
|
type: "submit" | "button";
|
|
15
15
|
color: StatusType;
|
|
@@ -7,7 +7,7 @@ type __VLS_Props = {
|
|
|
7
7
|
};
|
|
8
8
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
9
9
|
documentationUrl: string | null;
|
|
10
|
-
activityUrl: string | import('vue-router/dist/router-
|
|
10
|
+
activityUrl: string | import('vue-router/dist/router-CWoNjPRp.mjs').kt | import('vue-router/dist/router-CWoNjPRp.mjs').Tt | null;
|
|
11
11
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>, {
|
|
12
12
|
logo?(_: {}): any;
|
|
13
13
|
afterTitle?(_: {}): any;
|
|
@@ -7,6 +7,6 @@ type __VLS_Props = {
|
|
|
7
7
|
};
|
|
8
8
|
declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
9
9
|
separator: string;
|
|
10
|
-
homeLocation: string | import('vue-router/dist/router-
|
|
10
|
+
homeLocation: string | import('vue-router/dist/router-CWoNjPRp.mjs').kt | import('vue-router/dist/router-CWoNjPRp.mjs').Tt;
|
|
11
11
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
12
12
|
export default _default;
|
|
@@ -6,8 +6,8 @@ type __VLS_Props = {
|
|
|
6
6
|
};
|
|
7
7
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
8
|
outline: boolean;
|
|
9
|
-
helpLink: string | import('vue-router/dist/router-
|
|
10
|
-
activityLink: string | import('vue-router/dist/router-
|
|
9
|
+
helpLink: string | import('vue-router/dist/router-CWoNjPRp.mjs').kt | import('vue-router/dist/router-CWoNjPRp.mjs').Tt | null;
|
|
10
|
+
activityLink: string | import('vue-router/dist/router-CWoNjPRp.mjs').kt | import('vue-router/dist/router-CWoNjPRp.mjs').Tt | null;
|
|
11
11
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
|
|
12
12
|
documentationIcon?(_: {}): any;
|
|
13
13
|
activityIcon?(_: {}): any;
|
|
@@ -7,15 +7,15 @@ interface BmsPaginationProps {
|
|
|
7
7
|
selectLabel?: string;
|
|
8
8
|
}
|
|
9
9
|
declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<BmsPaginationProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
10
|
+
go: (page: number) => any;
|
|
10
11
|
next: () => any;
|
|
11
12
|
"update:currentSize": (value: number) => any;
|
|
12
13
|
prev: () => any;
|
|
13
|
-
go: (page: number) => any;
|
|
14
14
|
}, string, import('vue').PublicProps, Readonly<BmsPaginationProps> & Readonly<{
|
|
15
|
+
onGo?: ((page: number) => any) | undefined;
|
|
15
16
|
onNext?: (() => any) | undefined;
|
|
16
17
|
"onUpdate:currentSize"?: ((value: number) => any) | undefined;
|
|
17
18
|
onPrev?: (() => any) | undefined;
|
|
18
|
-
onGo?: ((page: number) => any) | undefined;
|
|
19
19
|
}>, {
|
|
20
20
|
selectLabel: string;
|
|
21
21
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Ref } from 'vue';
|
|
2
2
|
import { RouteLocationNormalizedLoaded, RouteLocationRaw } from 'vue-router';
|
|
3
3
|
export declare const useRouterHistory: () => {
|
|
4
|
-
historyRoutes: Ref<import('vue-router/dist/router-
|
|
4
|
+
historyRoutes: Ref<import('vue-router/dist/router-CWoNjPRp.mjs').zt[], import('vue-router/dist/router-CWoNjPRp.mjs').zt[]>;
|
|
5
5
|
addHistoryRoute: (route: RouteLocationNormalizedLoaded) => void;
|
|
6
6
|
goBack: (fallback?: RouteLocationRaw) => Promise<void>;
|
|
7
7
|
};
|
package/dist/sipa-bms-ui.css
CHANGED
|
@@ -600,7 +600,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
600
600
|
line-height: 1;
|
|
601
601
|
width: 100%;
|
|
602
602
|
background-color: transparent;
|
|
603
|
-
}.field__input .autocomplete-wrapper[data-v-
|
|
603
|
+
}.field__input .autocomplete-wrapper[data-v-f4e90286] {
|
|
604
604
|
width: 100%;
|
|
605
605
|
padding: 0.7em;
|
|
606
606
|
margin: 0.5em 0;
|
|
@@ -609,22 +609,22 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
609
609
|
background-color: var(--input-background-color);
|
|
610
610
|
height: 48px;
|
|
611
611
|
}
|
|
612
|
-
.field__input .autocomplete-wrapper[data-v-
|
|
612
|
+
.field__input .autocomplete-wrapper[data-v-f4e90286]:hover {
|
|
613
613
|
--field-border-color: var(--bms-grey-100);
|
|
614
614
|
}
|
|
615
|
-
.field__input .autocomplete-wrapper[data-v-
|
|
615
|
+
.field__input .autocomplete-wrapper[data-v-f4e90286]:has(input:focus) {
|
|
616
616
|
--field-border-color: var(--field-border-color-active);
|
|
617
617
|
}
|
|
618
|
-
.field__input .autocomplete-wrapper.is-error[data-v-
|
|
618
|
+
.field__input .autocomplete-wrapper.is-error[data-v-f4e90286] {
|
|
619
619
|
--field-border-color: var(--bms-red-100);
|
|
620
620
|
--input-background-color: var(--bms-red-25);
|
|
621
621
|
}
|
|
622
|
-
.field__input .autocomplete-wrapper.is-disabled[data-v-
|
|
622
|
+
.field__input .autocomplete-wrapper.is-disabled[data-v-f4e90286] {
|
|
623
623
|
--field-border-color: var(--bms-grey-25);
|
|
624
624
|
--input-background-color: var(--bms-grey-25);
|
|
625
625
|
pointer-events: none;
|
|
626
626
|
}
|
|
627
|
-
.field__input .autocomplete-wrapper input[data-v-
|
|
627
|
+
.field__input .autocomplete-wrapper input[data-v-f4e90286] {
|
|
628
628
|
outline: none;
|
|
629
629
|
appearance: none;
|
|
630
630
|
border: 0;
|
|
@@ -637,7 +637,7 @@ ul li[data-v-ba5302fc]:hover, ul li.selected[data-v-ba5302fc] {
|
|
|
637
637
|
width: 100%;
|
|
638
638
|
background-color: transparent;
|
|
639
639
|
}
|
|
640
|
-
.icon[data-v-
|
|
640
|
+
.icon[data-v-f4e90286] {
|
|
641
641
|
height: 1em;
|
|
642
642
|
width: 1em;
|
|
643
643
|
cursor: pointer;
|
|
@@ -1213,14 +1213,14 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1213
1213
|
--field-border-color: var(--bms-grey-25);
|
|
1214
1214
|
--input-background-color: var(--bms-grey-25);
|
|
1215
1215
|
pointer-events: none;
|
|
1216
|
-
}.tags[data-v-
|
|
1216
|
+
}.tags[data-v-15204441] {
|
|
1217
1217
|
display: flex;
|
|
1218
1218
|
gap: 0.5em;
|
|
1219
1219
|
padding: var(--field-margin);
|
|
1220
1220
|
flex-wrap: wrap;
|
|
1221
1221
|
width: 100%;
|
|
1222
1222
|
}
|
|
1223
|
-
.tags .search[data-v-
|
|
1223
|
+
.tags .search[data-v-15204441] {
|
|
1224
1224
|
outline: none;
|
|
1225
1225
|
border: none;
|
|
1226
1226
|
background-color: transparent;
|
|
@@ -1228,35 +1228,35 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
|
|
|
1228
1228
|
flex-basis: 40px;
|
|
1229
1229
|
width: 100%;
|
|
1230
1230
|
}
|
|
1231
|
-
.icon-container[data-v-
|
|
1231
|
+
.icon-container[data-v-15204441] {
|
|
1232
1232
|
height: 100%;
|
|
1233
1233
|
display: flex;
|
|
1234
1234
|
align-items: center;
|
|
1235
1235
|
}
|
|
1236
|
-
.icon-container[data-v-
|
|
1236
|
+
.icon-container[data-v-15204441]:hover {
|
|
1237
1237
|
cursor: pointer;
|
|
1238
1238
|
}
|
|
1239
|
-
.icon-container .icon[data-v-
|
|
1239
|
+
.icon-container .icon[data-v-15204441] {
|
|
1240
1240
|
display: block;
|
|
1241
1241
|
width: 1em;
|
|
1242
1242
|
height: 1em;
|
|
1243
1243
|
margin: 0 1em 0 0.5em;
|
|
1244
1244
|
}.clean-icon[data-v-66c267f2]:hover {
|
|
1245
1245
|
cursor: pointer;
|
|
1246
|
-
}.field__input .icon-toggle-container[data-v-
|
|
1246
|
+
}.field__input .icon-toggle-container[data-v-52e9172c] {
|
|
1247
1247
|
height: 100%;
|
|
1248
1248
|
display: flex;
|
|
1249
1249
|
align-items: center;
|
|
1250
1250
|
}
|
|
1251
|
-
.field__input .icon-toggle-container[data-v-
|
|
1251
|
+
.field__input .icon-toggle-container[data-v-52e9172c]:hover {
|
|
1252
1252
|
cursor: pointer;
|
|
1253
1253
|
}
|
|
1254
|
-
.field__input .icon-toggle-button[data-v-
|
|
1254
|
+
.field__input .icon-toggle-button[data-v-52e9172c] {
|
|
1255
1255
|
width: 1em;
|
|
1256
1256
|
margin: 0 var(--field-padding);
|
|
1257
1257
|
display: block;
|
|
1258
1258
|
}
|
|
1259
|
-
.field__input input[data-v-
|
|
1259
|
+
.field__input input[data-v-52e9172c] {
|
|
1260
1260
|
border: none;
|
|
1261
1261
|
background-color: transparent;
|
|
1262
1262
|
caret-color: transparent;
|