@db-ux/v-core-components 1.1.1 → 1.2.0
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/README.md +2 -2
- package/dist/components/button/button.vue.d.ts +1 -1
- package/dist/components/card/card.vue.d.ts +1 -1
- package/dist/components/divider/divider.vue.d.ts +1 -1
- package/dist/components/drawer/drawer.vue.d.ts +2 -2
- package/dist/components/navigation-item/navigation-item.vue.d.ts +1 -1
- package/dist/components/page/model.d.ts +4 -0
- package/dist/components/page/page.vue.d.ts +1 -0
- package/dist/components/popover/popover.vue.d.ts +1 -1
- package/dist/components/section/section.vue.d.ts +1 -1
- package/dist/components/tabs/tabs.vue.d.ts +2 -2
- package/dist/db-ux.es.js +818 -815
- package/dist/db-ux.umd.js +1 -1
- package/dist/shared/model.d.ts +5 -5
- package/package.json +5 -5
package/README.md
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
A Vue library containing all styles & components of [DB UX Design System (technical components)](https://github.com/db-ux-design-system/core-web).
|
|
9
9
|
|
|
10
|
-
> **Note:** Find more information about specific components [here](https://
|
|
10
|
+
> **Note:** Find more information about specific components [here](https://design-system.deutschebahn.com/core-web/review/main)
|
|
11
11
|
|
|
12
12
|
## Install
|
|
13
13
|
|
|
@@ -97,7 +97,7 @@ Both Inputs in this example do the same:
|
|
|
97
97
|
|
|
98
98
|
## Deutsche Bahn brand
|
|
99
99
|
|
|
100
|
-
As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even
|
|
100
|
+
As we'd like to perfectly support our users and customers on their digital journey, the usage of Deutsche Bahn brand and trademarks are bound of clear guidelines and restrictions even if being used with the code that we're providing with this product; Deutsche Bahn fully reserves all rights regarding the Deutsche Bahn brand, even though that we're providing the code of DB UX Design System products free to use and release it under the Apache 2.0 license.
|
|
101
101
|
Please have a look at our brand portal at <https://marketingportal.extranet.deutschebahn.com/> for any further questions and whom to contact on any brand issues.
|
|
102
102
|
|
|
103
103
|
For any usage outside of Deutsche Bahn websites and applications you aren't allowed to use any Deutsche Bahn brand and
|
|
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBButtonPr
|
|
|
16
16
|
id: string;
|
|
17
17
|
onClick: (event: MouseEvent) => void;
|
|
18
18
|
icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
|
|
19
|
-
width:
|
|
19
|
+
width: string;
|
|
20
20
|
size: "medium" | "small";
|
|
21
21
|
showIcon: boolean;
|
|
22
22
|
text: string;
|
|
@@ -6,7 +6,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBCardProp
|
|
|
6
6
|
onClick: (event: MouseEvent) => void;
|
|
7
7
|
behavior: "static" | "interactive";
|
|
8
8
|
elevationLevel: "1" | "2" | "3";
|
|
9
|
-
spacing:
|
|
9
|
+
spacing: string;
|
|
10
10
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
11
11
|
default?: ((props: {}) => any) | undefined;
|
|
12
12
|
}>;
|
|
@@ -3,7 +3,7 @@ declare const _default: import("vue").DefineComponent<DBDividerProps, {}, {}, {}
|
|
|
3
3
|
variant: "horizontal" | "vertical";
|
|
4
4
|
className: string;
|
|
5
5
|
id: string;
|
|
6
|
-
width:
|
|
6
|
+
width: string;
|
|
7
7
|
emphasis: "weak" | "strong";
|
|
8
8
|
margin: "none";
|
|
9
9
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -4,11 +4,11 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBDrawerPr
|
|
|
4
4
|
children: any;
|
|
5
5
|
className: string;
|
|
6
6
|
id: string;
|
|
7
|
-
width:
|
|
7
|
+
width: string;
|
|
8
8
|
onClose: (event?: any) => void;
|
|
9
9
|
closeButtonId: string;
|
|
10
10
|
closeButtonText: string;
|
|
11
|
-
spacing:
|
|
11
|
+
spacing: string;
|
|
12
12
|
backdrop: "none" | "weak" | "strong" | "invisible";
|
|
13
13
|
direction: "left" | "right" | "up" | "down";
|
|
14
14
|
open: boolean;
|
|
@@ -6,7 +6,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBNavigati
|
|
|
6
6
|
id: string;
|
|
7
7
|
onClick: (event: MouseEvent) => void;
|
|
8
8
|
icon: import("@db-ux/core-foundations").BaseIconTypes | import("@db-ux/core-foundations").LooseAutocomplete;
|
|
9
|
-
width:
|
|
9
|
+
width: string;
|
|
10
10
|
showIcon: boolean;
|
|
11
11
|
text: string;
|
|
12
12
|
active: boolean;
|
|
@@ -20,6 +20,10 @@ export type DBPageDefaultProps = {
|
|
|
20
20
|
* The slot can be used for React to set a header.
|
|
21
21
|
*/
|
|
22
22
|
header?: any;
|
|
23
|
+
/**
|
|
24
|
+
* Adds `class` to `<main>` element
|
|
25
|
+
*/
|
|
26
|
+
mainClass?: string;
|
|
23
27
|
/**
|
|
24
28
|
* The variant=fixed uses flex-box to make header and footer static
|
|
25
29
|
*/
|
|
@@ -6,6 +6,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBPageProp
|
|
|
6
6
|
id: string;
|
|
7
7
|
documentOverflow: "auto" | "hidden";
|
|
8
8
|
fadeIn: boolean;
|
|
9
|
+
mainClass: string;
|
|
9
10
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
10
11
|
header?: ((props: {}) => any) | undefined;
|
|
11
12
|
default?: ((props: {}) => any) | undefined;
|
|
@@ -7,7 +7,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBPopoverP
|
|
|
7
7
|
delay: "none" | "slow" | "fast";
|
|
8
8
|
animation: boolean;
|
|
9
9
|
placement: "left" | "right" | "top" | "bottom" | "left-start" | "left-end" | "right-start" | "right-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end";
|
|
10
|
-
spacing:
|
|
10
|
+
spacing: string;
|
|
11
11
|
open: boolean;
|
|
12
12
|
gap: boolean;
|
|
13
13
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
@@ -4,7 +4,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBSectionP
|
|
|
4
4
|
className: string;
|
|
5
5
|
id: string;
|
|
6
6
|
width: "medium" | "small" | "large" | "full";
|
|
7
|
-
spacing:
|
|
7
|
+
spacing: string;
|
|
8
8
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
9
9
|
default?: ((props: {}) => any) | undefined;
|
|
10
10
|
}>;
|
|
@@ -4,7 +4,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabsProp
|
|
|
4
4
|
children: any;
|
|
5
5
|
className: string;
|
|
6
6
|
id: string;
|
|
7
|
-
width:
|
|
7
|
+
width: string;
|
|
8
8
|
behavior: "scrollbar" | "arrows";
|
|
9
9
|
arrowScrollDistance: number;
|
|
10
10
|
initialSelectedIndex: number;
|
|
@@ -13,7 +13,7 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<DBTabsProp
|
|
|
13
13
|
onTabSelect: (event?: Event | undefined) => void;
|
|
14
14
|
tabs: string | DBSimpleTabProps[];
|
|
15
15
|
orientation: "horizontal" | "vertical";
|
|
16
|
-
alignment:
|
|
16
|
+
alignment: string;
|
|
17
17
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
|
|
18
18
|
default?: ((props: {}) => any) | undefined;
|
|
19
19
|
}>;
|