@bethinkpl/design-system 18.9.0 → 18.9.2
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/lib/js/components/Drawer/DrawerContent/DrawerContent.vue.d.ts +3 -4
- package/dist/lib/js/components/RichList/RichListGroupItem/RichListGroupItem.consts.d.ts +24 -0
- package/dist/lib/js/components/RichList/RichListGroupItem/RichListGroupItem.stories.d.ts +12 -0
- package/dist/lib/js/components/RichList/RichListGroupItem/index.d.ts +3 -0
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +3 -62
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +3 -58
- package/dist/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue.d.ts +3 -14
- package/docs/iframe.html +1 -1
- package/docs/main.de4dcb7a.iframe.bundle.js +1 -0
- package/docs/project.json +1 -1
- package/lib/js/components/RichList/RichListGroupItem/RichListGroupItem.consts.ts +7 -0
- package/lib/js/components/RichList/RichListGroupItem/RichListGroupItem.stories.ts +327 -0
- package/lib/js/components/RichList/RichListGroupItem/RichListGroupItem.vue +107 -0
- package/lib/js/components/RichList/RichListGroupItem/index.ts +4 -0
- package/lib/js/components/RichList/RichListItem/RichListItem.vue +1 -24
- package/lib/js/components/RichList/RichListItem/border-colors.scss +25 -0
- package/package.json +1 -1
- package/docs/main.b20a2704.iframe.bundle.js +0 -1
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
declare
|
|
2
|
-
|
|
3
|
-
}
|
|
4
|
-
export default _default;
|
|
1
|
+
export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
2
|
+
[key: string]: any;
|
|
3
|
+
}>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { RichListItemBorderColor } from '../RichListItem';
|
|
2
|
+
export declare const RICH_LIST_GROUP_ITEM_BORDER_COLOR: {
|
|
3
|
+
readonly DEFAULT: "default";
|
|
4
|
+
readonly PRIMARY: "primary";
|
|
5
|
+
readonly PRIMARY_WEAK: "primary-weak";
|
|
6
|
+
readonly NEUTRAL_HEAVY: "neutral-heavy";
|
|
7
|
+
readonly NEUTRAL_STRONG: "neutral-strong";
|
|
8
|
+
readonly NEUTRAL: "neutral";
|
|
9
|
+
readonly NEUTRAL_WEAK: "neutral-weak";
|
|
10
|
+
readonly NEUTRAL_GHOST: "neutral-ghost";
|
|
11
|
+
readonly DANGER: "danger";
|
|
12
|
+
readonly DANGER_WEAK: "danger-weak";
|
|
13
|
+
readonly FAIL: "fail";
|
|
14
|
+
readonly FAIL_WEAK: "fail-weak";
|
|
15
|
+
readonly WARNING: "warning";
|
|
16
|
+
readonly WARNING_WEAK: "warning-weak";
|
|
17
|
+
readonly SUCCESS: "success";
|
|
18
|
+
readonly SUCCESS_WEAK: "success-weak";
|
|
19
|
+
readonly INFO: "info";
|
|
20
|
+
readonly INFO_WEAK: "info-weak";
|
|
21
|
+
readonly ACCENT: "accent";
|
|
22
|
+
readonly ACCENT_WEAK: "accent-weak";
|
|
23
|
+
};
|
|
24
|
+
export declare type RichListGroupItemBorderColor = RichListItemBorderColor;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import RichListGroupItem from './RichListGroupItem.vue';
|
|
2
|
+
import { Meta, StoryFn } from '@storybook/vue3';
|
|
3
|
+
declare const _default: Meta<typeof RichListGroupItem>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const OneChild: StoryFn<typeof RichListGroupItem>;
|
|
6
|
+
export declare const MultipleChild: StoryFn<typeof RichListGroupItem>;
|
|
7
|
+
export declare const DimmedOneChild: StoryFn<typeof RichListGroupItem>;
|
|
8
|
+
export declare const DimmedAllChild: StoryFn<typeof RichListGroupItem>;
|
|
9
|
+
export declare const LoadingOneChild: StoryFn<typeof RichListGroupItem>;
|
|
10
|
+
export declare const LoadingAllChild: StoryFn<typeof RichListGroupItem>;
|
|
11
|
+
export declare const AllDimmed: StoryFn<typeof RichListGroupItem>;
|
|
12
|
+
export declare const AllLoading: StoryFn<typeof RichListGroupItem>;
|
|
@@ -1,62 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
components: {
|
|
5
|
-
DsTile: typeof Tile;
|
|
6
|
-
};
|
|
7
|
-
props: {
|
|
8
|
-
interactive: {
|
|
9
|
-
type: BooleanConstructor;
|
|
10
|
-
default: boolean;
|
|
11
|
-
};
|
|
12
|
-
iconLeft: {
|
|
13
|
-
type: ObjectConstructor;
|
|
14
|
-
default: null;
|
|
15
|
-
validator(iconLeft: any): boolean;
|
|
16
|
-
};
|
|
17
|
-
iconRight: {
|
|
18
|
-
type: ObjectConstructor;
|
|
19
|
-
default: null;
|
|
20
|
-
validator(iconRight: any): boolean;
|
|
21
|
-
};
|
|
22
|
-
text: {
|
|
23
|
-
type: StringConstructor;
|
|
24
|
-
required: boolean;
|
|
25
|
-
};
|
|
26
|
-
eyebrowText: {
|
|
27
|
-
type: StringConstructor;
|
|
28
|
-
default: null;
|
|
29
|
-
};
|
|
30
|
-
additionalText: {
|
|
31
|
-
type: StringConstructor;
|
|
32
|
-
default: null;
|
|
33
|
-
};
|
|
34
|
-
color: {
|
|
35
|
-
type: StringConstructor;
|
|
36
|
-
default: "neutral";
|
|
37
|
-
validator(color: any): boolean;
|
|
38
|
-
};
|
|
39
|
-
isEyebrowTextUppercase: {
|
|
40
|
-
type: BooleanConstructor;
|
|
41
|
-
default: boolean;
|
|
42
|
-
};
|
|
43
|
-
state: {
|
|
44
|
-
type: StringConstructor;
|
|
45
|
-
default: "default";
|
|
46
|
-
validator(value: import("../../../utils/type.utils").Value<{
|
|
47
|
-
readonly DEFAULT: "default";
|
|
48
|
-
readonly DISABLED: "disabled";
|
|
49
|
-
readonly LOADING: "loading";
|
|
50
|
-
}>): boolean;
|
|
51
|
-
};
|
|
52
|
-
eyebrowEllipsis: {
|
|
53
|
-
type: BooleanConstructor;
|
|
54
|
-
default: boolean;
|
|
55
|
-
};
|
|
56
|
-
textEllipsis: {
|
|
57
|
-
type: BooleanConstructor;
|
|
58
|
-
default: boolean;
|
|
59
|
-
};
|
|
60
|
-
};
|
|
61
|
-
};
|
|
62
|
-
export default _default;
|
|
1
|
+
export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
2
|
+
[key: string]: any;
|
|
3
|
+
}>;
|
package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts
CHANGED
|
@@ -1,58 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
name: string;
|
|
5
|
-
components: {
|
|
6
|
-
SelectListItem: typeof SelectListItem;
|
|
7
|
-
};
|
|
8
|
-
props: {
|
|
9
|
-
iconOff: {
|
|
10
|
-
type: ObjectConstructor;
|
|
11
|
-
default: null;
|
|
12
|
-
validator(icon: any): boolean;
|
|
13
|
-
};
|
|
14
|
-
iconOn: {
|
|
15
|
-
type: ObjectConstructor;
|
|
16
|
-
default: null;
|
|
17
|
-
validator(icon: any): boolean;
|
|
18
|
-
};
|
|
19
|
-
isOn: {
|
|
20
|
-
type: BooleanConstructor;
|
|
21
|
-
default: boolean;
|
|
22
|
-
};
|
|
23
|
-
labelOff: {
|
|
24
|
-
type: StringConstructor;
|
|
25
|
-
required: boolean;
|
|
26
|
-
};
|
|
27
|
-
labelOn: {
|
|
28
|
-
type: StringConstructor;
|
|
29
|
-
required: boolean;
|
|
30
|
-
};
|
|
31
|
-
size: {
|
|
32
|
-
type: StringConstructor;
|
|
33
|
-
default: string;
|
|
34
|
-
validator(size: any): boolean;
|
|
35
|
-
};
|
|
36
|
-
state: {
|
|
37
|
-
type: StringConstructor;
|
|
38
|
-
default: string;
|
|
39
|
-
validator(size: any): boolean;
|
|
40
|
-
};
|
|
41
|
-
};
|
|
42
|
-
data(): {
|
|
43
|
-
SELECT_LIST_ITEM_SELECTION_MODE: Readonly<{
|
|
44
|
-
SELECT_ONLY: string;
|
|
45
|
-
TOGGLE: string;
|
|
46
|
-
}>;
|
|
47
|
-
SELECT_LIST_ITEM_STATES: Readonly<{
|
|
48
|
-
DEFAULT: string;
|
|
49
|
-
LOADING: string;
|
|
50
|
-
DISABLED: string;
|
|
51
|
-
}>;
|
|
52
|
-
};
|
|
53
|
-
computed: {
|
|
54
|
-
icon(): IconItem | null;
|
|
55
|
-
label(): string;
|
|
56
|
-
};
|
|
57
|
-
};
|
|
58
|
-
export default _default;
|
|
1
|
+
export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
2
|
+
[key: string]: any;
|
|
3
|
+
}>;
|
package/dist/lib/js/components/SelectList/SelectListSectionTitle/SelectListSectionTitle.vue.d.ts
CHANGED
|
@@ -1,14 +1,3 @@
|
|
|
1
|
-
declare
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
label: {
|
|
5
|
-
type: StringConstructor;
|
|
6
|
-
required: boolean;
|
|
7
|
-
};
|
|
8
|
-
isUppercase: {
|
|
9
|
-
type: BooleanConstructor;
|
|
10
|
-
default: boolean;
|
|
11
|
-
};
|
|
12
|
-
};
|
|
13
|
-
};
|
|
14
|
-
export default _default;
|
|
1
|
+
export declare function render(_ctx: any, _cache: any, $props: any, $setup: any, $data: any, $options: any): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
|
|
2
|
+
[key: string]: any;
|
|
3
|
+
}>;
|
package/docs/iframe.html
CHANGED
|
@@ -361,4 +361,4 @@
|
|
|
361
361
|
|
|
362
362
|
|
|
363
363
|
|
|
364
|
-
window['STORIES'] = [{"titlePrefix":"","directory":"./lib","files":"**/*.stories.@(js|mdx|ts)","importPathMatcher":"^\\.[\\\\/](?:lib(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|mdx|ts))$"}];</script><script src="runtime~main.b2826aa6.iframe.bundle.js"></script><script src="988.4ee26573.iframe.bundle.js"></script><script src="main.
|
|
364
|
+
window['STORIES'] = [{"titlePrefix":"","directory":"./lib","files":"**/*.stories.@(js|mdx|ts)","importPathMatcher":"^\\.[\\\\/](?:lib(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(js|mdx|ts))$"}];</script><script src="runtime~main.b2826aa6.iframe.bundle.js"></script><script src="988.4ee26573.iframe.bundle.js"></script><script src="main.de4dcb7a.iframe.bundle.js"></script></body></html>
|