@bethinkpl/design-system 26.10.2 → 26.11.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/.eslintrc.cjs +2 -3
- package/dist/design-system.umd.cjs +18 -18
- package/dist/design-system.umd.cjs.map +1 -1
- package/dist/lib/js/components/Avatar/Avatar.consts.d.ts +16 -1
- package/dist/lib/js/components/Avatar/Avatar.vue.d.ts +10 -21
- package/dist/lib/js/components/Badge/Badge.consts.d.ts +24 -0
- package/dist/lib/js/components/Badge/Badge.vue.d.ts +28 -0
- package/dist/lib/js/components/Badge/index.d.ts +4 -0
- package/dist/lib/js/components/BadgeScore/BadgeScore.vue.d.ts +2 -2
- package/dist/lib/js/components/Banner/Banner.vue.d.ts +7 -7
- package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +2 -2
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +4 -4
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -1
- package/dist/lib/js/components/Chip/Chip.vue.d.ts +5 -5
- package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +1 -1
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +4 -4
- package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +1 -1
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +12 -12
- package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +1 -1
- package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +7 -7
- package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +1 -1
- package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +1 -1
- package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -1
- package/dist/lib/js/components/Form/SelectionControl/SelectionControl.vue.d.ts +1 -1
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +4 -4
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +6 -6
- package/dist/lib/js/components/IconText/IconText.vue.d.ts +1 -1
- package/dist/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue.d.ts +2 -2
- package/dist/lib/js/components/Icons/Icon/Icon.vue.d.ts +1 -1
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -1
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +11 -11
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +11 -11
- package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +1 -1
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +5 -5
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -1
- package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -1
- package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +6 -6
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +4 -4
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +1 -1
- package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +1 -1
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +1 -1
- package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +5 -5
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -1
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -1
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +7 -7
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +8 -8
- package/dist/lib/js/components/SurveyToggle/SurveyToggle.vue.d.ts +1 -1
- package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -1
- package/dist/lib/js/components/TabItem/TabItem.vue.d.ts +2 -2
- package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +9 -9
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +1 -1
- package/dist/lib/js/components/Toast/Toast.vue.d.ts +4 -4
- package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts +1 -1
- package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -1
- package/dist/lib/js/index.d.ts +2 -0
- package/docs/assets/Avatar-BY2FHjur.js +1 -0
- package/docs/assets/Avatar.stories-CHgyprX4.js +37 -0
- package/docs/assets/Badge-DWUXekFu.js +1 -0
- package/docs/assets/Badge.stories-B90k4kes.js +21 -0
- package/docs/assets/{BasicRichListItem.stories-CJLLsCH2.js → BasicRichListItem.stories-Cq_2y-ip.js} +2 -2
- package/docs/assets/{Color-ERTF36HU-06Iq2w_Z.js → Color-ERTF36HU-gYu0mrgM.js} +1 -1
- package/docs/assets/{DateBox.stories-DL_j7ydW.js → DateBox.stories-2Z3tCp_1.js} +1 -1
- package/docs/assets/{DatePicker-CcKDLhxp.js → DatePicker-C2ooefT-.js} +1 -1
- package/docs/assets/{DatePicker.stories-CK6I-6c-.js → DatePicker.stories-CwMU6bVO.js} +1 -1
- package/docs/assets/{DateRangePicker-laHPjs-v.js → DateRangePicker-BbtTUk2P.js} +1 -1
- package/docs/assets/{DateRangePicker.stories-BtP6-oba.js → DateRangePicker.stories-DLDTFPz3.js} +1 -1
- package/docs/assets/{DocsRenderer-CFRXHY34-D86268a8.js → DocsRenderer-CFRXHY34-CCozPr0-.js} +5 -5
- package/docs/assets/{RichListItem.stories-xEDsV2D_.js → RichListItem.stories-Bjn9_BVO.js} +2 -2
- package/docs/assets/{SelectionTile-DSpUGzPs.js → SelectionTile-BKeLO5-6.js} +1 -1
- package/docs/assets/{SelectionTile.stories-WMHY5FHJ.js → SelectionTile.stories-BSF1jx58.js} +1 -1
- package/docs/assets/{iframe-DJBrrd4-.js → iframe-DM9VVuiu.js} +4 -3
- package/docs/assets/{index-C_7Ic1-A.js → index-BLJge5bw.js} +1 -1
- package/docs/assets/{index-nq_4YiNl.js → index-GQAS3BWp.js} +1 -1
- package/docs/assets/{preview-TdvdvCat.js → preview-Bx8DeNCo.js} +2 -2
- package/docs/assets/preview-IY5bCRtO.js +64 -0
- package/docs/iframe.html +1 -1
- package/docs/index.json +1 -1
- package/docs/project.json +1 -1
- package/lib/js/components/Avatar/Avatar.consts.ts +20 -1
- package/lib/js/components/Avatar/Avatar.spec.ts +83 -3
- package/lib/js/components/Avatar/Avatar.stories.ts +24 -4
- package/lib/js/components/Avatar/Avatar.vue +210 -46
- package/lib/js/components/Badge/Badge.consts.ts +29 -0
- package/lib/js/components/Badge/Badge.spec.ts +168 -0
- package/lib/js/components/Badge/Badge.stories.ts +99 -0
- package/lib/js/components/Badge/Badge.vue +297 -0
- package/lib/js/components/Badge/index.ts +4 -0
- package/lib/js/components/Chip/Chip.stories.ts +1 -1
- package/lib/js/index.ts +2 -0
- package/package.json +3 -2
- package/docs/assets/Avatar-OqeGv3bT.js +0 -1
- package/docs/assets/Avatar.stories-Ran7nhCi.js +0 -35
- package/docs/assets/preview-hR283N6x.js +0 -64
- /package/lib/{js/components/Chip → images}/logo-badge.svg +0 -0
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
import { Value } from '../../utils/type.utils';
|
|
2
|
+
|
|
1
3
|
export declare const AVATAR_SIZES: {
|
|
2
4
|
readonly XX_SMALL: "xx-small";
|
|
3
5
|
readonly X_SMALL: "x-small";
|
|
@@ -6,4 +8,17 @@ export declare const AVATAR_SIZES: {
|
|
|
6
8
|
readonly LARGE: "large";
|
|
7
9
|
readonly X_LARGE: "x-large";
|
|
8
10
|
};
|
|
9
|
-
export type AvatarSize = typeof AVATAR_SIZES
|
|
11
|
+
export type AvatarSize = Value<typeof AVATAR_SIZES>;
|
|
12
|
+
export declare const AVATAR_ACTIVITY_STATUSES: {
|
|
13
|
+
readonly ACTIVE: "active";
|
|
14
|
+
readonly INACTIVE: "inactive";
|
|
15
|
+
};
|
|
16
|
+
export type AvatarActivityStatus = Value<typeof AVATAR_ACTIVITY_STATUSES>;
|
|
17
|
+
export declare const AVATAR_ACCESS_STATUSES: {
|
|
18
|
+
readonly ACTIVE: "active";
|
|
19
|
+
readonly INACTIVE: "inactive";
|
|
20
|
+
readonly AWAITING: "awaiting";
|
|
21
|
+
readonly BLOCKED: "blocked";
|
|
22
|
+
readonly TEAM_MEMBER: "team-member";
|
|
23
|
+
};
|
|
24
|
+
export type AvatarAccessStatus = Value<typeof AVATAR_ACCESS_STATUSES>;
|
|
@@ -1,23 +1,20 @@
|
|
|
1
|
-
import { AvatarSize } from './Avatar.consts';
|
|
1
|
+
import { AvatarAccessStatus, AvatarActivityStatus, AvatarSize } from './Avatar.consts';
|
|
2
2
|
|
|
3
|
-
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<
|
|
3
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
4
4
|
username: string;
|
|
5
5
|
avatarUrl?: string;
|
|
6
6
|
size?: AvatarSize;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<
|
|
7
|
+
activityStatus?: AvatarActivityStatus;
|
|
8
|
+
accessStatus?: AvatarAccessStatus;
|
|
9
|
+
teamMemberImageUrl?: string;
|
|
10
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
11
11
|
username: string;
|
|
12
12
|
avatarUrl?: string;
|
|
13
13
|
size?: AvatarSize;
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}>>> & Readonly<{}>, {
|
|
18
|
-
avatarUrl: string;
|
|
19
|
-
size: AvatarSize;
|
|
20
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
14
|
+
activityStatus?: AvatarActivityStatus;
|
|
15
|
+
accessStatus?: AvatarAccessStatus;
|
|
16
|
+
teamMemberImageUrl?: string;
|
|
17
|
+
}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
21
18
|
export default _default;
|
|
22
19
|
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
23
20
|
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
@@ -28,11 +25,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
|
|
|
28
25
|
required: true;
|
|
29
26
|
};
|
|
30
27
|
};
|
|
31
|
-
type __VLS_WithDefaults<P, D> = {
|
|
32
|
-
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
33
|
-
default: D[K];
|
|
34
|
-
}> : P[K];
|
|
35
|
-
};
|
|
36
|
-
type __VLS_Prettify<T> = {
|
|
37
|
-
[K in keyof T]: T[K];
|
|
38
|
-
} & {};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { Value } from '../../utils/type.utils';
|
|
2
|
+
|
|
3
|
+
export declare const BADGE_SIZES: {
|
|
4
|
+
readonly X_SMALL: "x-small";
|
|
5
|
+
readonly SMALL: "small";
|
|
6
|
+
readonly MEDIUM: "medium";
|
|
7
|
+
readonly LARGE: "large";
|
|
8
|
+
readonly X_LARGE: "x-large";
|
|
9
|
+
};
|
|
10
|
+
export type BadgeSize = Value<typeof BADGE_SIZES>;
|
|
11
|
+
export declare const BADGE_COLORS: {
|
|
12
|
+
readonly PRIMARY: "primary";
|
|
13
|
+
readonly SUCCESS: "success";
|
|
14
|
+
readonly DANGER: "danger";
|
|
15
|
+
readonly FAIL: "fail";
|
|
16
|
+
readonly NEUTRAL: "neutral";
|
|
17
|
+
};
|
|
18
|
+
export type BadgeColor = Value<typeof BADGE_COLORS>;
|
|
19
|
+
export declare const BADGE_ELEVATIONS: {
|
|
20
|
+
readonly NONE: "none";
|
|
21
|
+
readonly X_SMALL: "x-small";
|
|
22
|
+
readonly SMALL: "small";
|
|
23
|
+
};
|
|
24
|
+
export type BadgeElevation = Value<typeof BADGE_ELEVATIONS>;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { BadgeColor, BadgeElevation, BadgeSize } from './Badge.consts';
|
|
2
|
+
import { IconItem } from '../Icons/Icon';
|
|
3
|
+
|
|
4
|
+
declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
5
|
+
color?: BadgeColor;
|
|
6
|
+
size?: BadgeSize;
|
|
7
|
+
label?: string;
|
|
8
|
+
icon?: IconItem;
|
|
9
|
+
imageUrl?: string;
|
|
10
|
+
elevation?: BadgeElevation;
|
|
11
|
+
}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
12
|
+
color?: BadgeColor;
|
|
13
|
+
size?: BadgeSize;
|
|
14
|
+
label?: string;
|
|
15
|
+
icon?: IconItem;
|
|
16
|
+
imageUrl?: string;
|
|
17
|
+
elevation?: BadgeElevation;
|
|
18
|
+
}>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
21
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
22
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
23
|
+
type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
24
|
+
} : {
|
|
25
|
+
type: import('vue').PropType<T[K]>;
|
|
26
|
+
required: true;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -83,8 +83,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
83
83
|
default: boolean;
|
|
84
84
|
};
|
|
85
85
|
}>> & Readonly<{}>, {
|
|
86
|
-
size: string;
|
|
87
86
|
icon: Record<string, any>;
|
|
87
|
+
size: string;
|
|
88
88
|
suffix: string;
|
|
89
89
|
fullWidth: boolean;
|
|
90
90
|
}, {}, {
|
|
@@ -157,8 +157,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
157
157
|
default: boolean;
|
|
158
158
|
};
|
|
159
159
|
}>> & Readonly<{}>, {
|
|
160
|
-
size: string;
|
|
161
160
|
rotation: number;
|
|
161
|
+
size: string;
|
|
162
162
|
flippedVertical: boolean;
|
|
163
163
|
flippedHorizontal: boolean;
|
|
164
164
|
touchable: boolean;
|
|
@@ -701,11 +701,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
701
701
|
size: string;
|
|
702
702
|
type: string;
|
|
703
703
|
color: string;
|
|
704
|
+
elevation: string;
|
|
704
705
|
radius: string;
|
|
705
706
|
state: string;
|
|
706
707
|
iconLeft: Record<string, any>;
|
|
707
708
|
iconRight: Record<string, any>;
|
|
708
|
-
elevation: string;
|
|
709
709
|
}, {}, {
|
|
710
710
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
711
711
|
icon: {
|
|
@@ -776,8 +776,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
776
776
|
default: boolean;
|
|
777
777
|
};
|
|
778
778
|
}>> & Readonly<{}>, {
|
|
779
|
-
size: string;
|
|
780
779
|
rotation: number;
|
|
780
|
+
size: string;
|
|
781
781
|
flippedVertical: boolean;
|
|
782
782
|
flippedHorizontal: boolean;
|
|
783
783
|
touchable: boolean;
|
|
@@ -1203,9 +1203,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1203
1203
|
type: string;
|
|
1204
1204
|
touchable: boolean;
|
|
1205
1205
|
color: string;
|
|
1206
|
+
elevation: string;
|
|
1206
1207
|
radius: string;
|
|
1207
1208
|
state: string;
|
|
1208
|
-
elevation: string;
|
|
1209
1209
|
colorScheme: string;
|
|
1210
1210
|
}, {}, {
|
|
1211
1211
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -1277,8 +1277,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1277
1277
|
default: boolean;
|
|
1278
1278
|
};
|
|
1279
1279
|
}>> & Readonly<{}>, {
|
|
1280
|
-
size: string;
|
|
1281
1280
|
rotation: number;
|
|
1281
|
+
size: string;
|
|
1282
1282
|
flippedVertical: boolean;
|
|
1283
1283
|
flippedHorizontal: boolean;
|
|
1284
1284
|
touchable: boolean;
|
|
@@ -1635,11 +1635,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1635
1635
|
size: string;
|
|
1636
1636
|
type: string;
|
|
1637
1637
|
color: string;
|
|
1638
|
+
elevation: string;
|
|
1638
1639
|
radius: string;
|
|
1639
1640
|
state: string;
|
|
1640
1641
|
iconLeft: Record<string, any>;
|
|
1641
1642
|
iconRight: Record<string, any>;
|
|
1642
|
-
elevation: string;
|
|
1643
1643
|
}, {}, {
|
|
1644
1644
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1645
1645
|
icon: {
|
|
@@ -1710,8 +1710,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1710
1710
|
default: boolean;
|
|
1711
1711
|
};
|
|
1712
1712
|
}>> & Readonly<{}>, {
|
|
1713
|
-
size: string;
|
|
1714
1713
|
rotation: number;
|
|
1714
|
+
size: string;
|
|
1715
1715
|
flippedVertical: boolean;
|
|
1716
1716
|
flippedHorizontal: boolean;
|
|
1717
1717
|
touchable: boolean;
|
|
@@ -1790,8 +1790,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1790
1790
|
default: boolean;
|
|
1791
1791
|
};
|
|
1792
1792
|
}>> & Readonly<{}>, {
|
|
1793
|
-
size: string;
|
|
1794
1793
|
rotation: number;
|
|
1794
|
+
size: string;
|
|
1795
1795
|
flippedVertical: boolean;
|
|
1796
1796
|
flippedHorizontal: boolean;
|
|
1797
1797
|
touchable: boolean;
|
|
@@ -351,11 +351,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
351
351
|
size: string;
|
|
352
352
|
type: string;
|
|
353
353
|
color: string;
|
|
354
|
+
elevation: string;
|
|
354
355
|
radius: string;
|
|
355
356
|
state: string;
|
|
356
357
|
iconLeft: Record<string, any>;
|
|
357
358
|
iconRight: Record<string, any>;
|
|
358
|
-
elevation: string;
|
|
359
359
|
}, {}, {
|
|
360
360
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
361
361
|
icon: {
|
|
@@ -426,8 +426,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
426
426
|
default: boolean;
|
|
427
427
|
};
|
|
428
428
|
}>> & Readonly<{}>, {
|
|
429
|
-
size: string;
|
|
430
429
|
rotation: number;
|
|
430
|
+
size: string;
|
|
431
431
|
flippedVertical: boolean;
|
|
432
432
|
flippedHorizontal: boolean;
|
|
433
433
|
touchable: boolean;
|
|
@@ -376,9 +376,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
376
376
|
type: string;
|
|
377
377
|
touchable: boolean;
|
|
378
378
|
color: string;
|
|
379
|
+
elevation: string;
|
|
379
380
|
radius: string;
|
|
380
381
|
state: string;
|
|
381
|
-
elevation: string;
|
|
382
382
|
colorScheme: string;
|
|
383
383
|
}, {}, {
|
|
384
384
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -450,8 +450,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
450
450
|
default: boolean;
|
|
451
451
|
};
|
|
452
452
|
}>> & Readonly<{}>, {
|
|
453
|
-
size: string;
|
|
454
453
|
rotation: number;
|
|
454
|
+
size: string;
|
|
455
455
|
flippedVertical: boolean;
|
|
456
456
|
flippedHorizontal: boolean;
|
|
457
457
|
touchable: boolean;
|
|
@@ -808,11 +808,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
808
808
|
size: string;
|
|
809
809
|
type: string;
|
|
810
810
|
color: string;
|
|
811
|
+
elevation: string;
|
|
811
812
|
radius: string;
|
|
812
813
|
state: string;
|
|
813
814
|
iconLeft: Record<string, any>;
|
|
814
815
|
iconRight: Record<string, any>;
|
|
815
|
-
elevation: string;
|
|
816
816
|
}, {}, {
|
|
817
817
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
818
818
|
icon: {
|
|
@@ -883,8 +883,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
883
883
|
default: boolean;
|
|
884
884
|
};
|
|
885
885
|
}>> & Readonly<{}>, {
|
|
886
|
-
size: string;
|
|
887
886
|
rotation: number;
|
|
887
|
+
size: string;
|
|
888
888
|
flippedVertical: boolean;
|
|
889
889
|
flippedHorizontal: boolean;
|
|
890
890
|
touchable: boolean;
|
|
@@ -533,8 +533,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
533
533
|
default: boolean;
|
|
534
534
|
};
|
|
535
535
|
}>> & Readonly<{}>, {
|
|
536
|
-
size: string;
|
|
537
536
|
rotation: number;
|
|
537
|
+
size: string;
|
|
538
538
|
flippedVertical: boolean;
|
|
539
539
|
flippedHorizontal: boolean;
|
|
540
540
|
touchable: boolean;
|
|
@@ -431,8 +431,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
431
431
|
default: boolean;
|
|
432
432
|
};
|
|
433
433
|
}>> & Readonly<{}>, {
|
|
434
|
-
size: string;
|
|
435
434
|
rotation: number;
|
|
435
|
+
size: string;
|
|
436
436
|
flippedVertical: boolean;
|
|
437
437
|
flippedHorizontal: boolean;
|
|
438
438
|
touchable: boolean;
|
|
@@ -814,9 +814,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
814
814
|
type: string;
|
|
815
815
|
touchable: boolean;
|
|
816
816
|
color: string;
|
|
817
|
+
elevation: string;
|
|
817
818
|
radius: string;
|
|
818
819
|
state: string;
|
|
819
|
-
elevation: string;
|
|
820
820
|
colorScheme: string;
|
|
821
821
|
}, {}, {
|
|
822
822
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -888,8 +888,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
888
888
|
default: boolean;
|
|
889
889
|
};
|
|
890
890
|
}>> & Readonly<{}>, {
|
|
891
|
-
size: string;
|
|
892
891
|
rotation: number;
|
|
892
|
+
size: string;
|
|
893
893
|
flippedVertical: boolean;
|
|
894
894
|
flippedHorizontal: boolean;
|
|
895
895
|
touchable: boolean;
|
|
@@ -1246,11 +1246,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1246
1246
|
size: string;
|
|
1247
1247
|
type: string;
|
|
1248
1248
|
color: string;
|
|
1249
|
+
elevation: string;
|
|
1249
1250
|
radius: string;
|
|
1250
1251
|
state: string;
|
|
1251
1252
|
iconLeft: Record<string, any>;
|
|
1252
1253
|
iconRight: Record<string, any>;
|
|
1253
|
-
elevation: string;
|
|
1254
1254
|
}, {}, {
|
|
1255
1255
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1256
1256
|
icon: {
|
|
@@ -1321,8 +1321,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1321
1321
|
default: boolean;
|
|
1322
1322
|
};
|
|
1323
1323
|
}>> & Readonly<{}>, {
|
|
1324
|
-
size: string;
|
|
1325
1324
|
rotation: number;
|
|
1325
|
+
size: string;
|
|
1326
1326
|
flippedVertical: boolean;
|
|
1327
1327
|
flippedHorizontal: boolean;
|
|
1328
1328
|
touchable: boolean;
|
|
@@ -411,8 +411,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
411
411
|
default: boolean;
|
|
412
412
|
};
|
|
413
413
|
}>> & Readonly<{}>, {
|
|
414
|
-
size: string;
|
|
415
414
|
rotation: number;
|
|
415
|
+
size: string;
|
|
416
416
|
flippedVertical: boolean;
|
|
417
417
|
flippedHorizontal: boolean;
|
|
418
418
|
touchable: boolean;
|
|
@@ -46,7 +46,7 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
46
46
|
readonly MEDIUM: "medium";
|
|
47
47
|
}>;
|
|
48
48
|
}, {}, {
|
|
49
|
-
borderColor(): "
|
|
49
|
+
borderColor(): "primary" | "danger" | "neutralWeak" | "warning" | "dangerWeak" | "warningWeak";
|
|
50
50
|
eyebrowText(): string;
|
|
51
51
|
text(): any;
|
|
52
52
|
tileIcon(): any;
|
|
@@ -70,8 +70,8 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
70
70
|
}> & Readonly<{
|
|
71
71
|
"onUpdate:date"?: ((date: Date) => any) | undefined;
|
|
72
72
|
}>, {
|
|
73
|
-
label: string;
|
|
74
73
|
icon: any;
|
|
74
|
+
label: string;
|
|
75
75
|
color: string;
|
|
76
76
|
state: string;
|
|
77
77
|
isIconHiddenOnMobile: boolean;
|
|
@@ -535,8 +535,8 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
535
535
|
default: boolean;
|
|
536
536
|
};
|
|
537
537
|
}>> & Readonly<{}>, {
|
|
538
|
-
size: string;
|
|
539
538
|
rotation: number;
|
|
539
|
+
size: string;
|
|
540
540
|
flippedVertical: boolean;
|
|
541
541
|
flippedHorizontal: boolean;
|
|
542
542
|
touchable: boolean;
|
|
@@ -955,8 +955,8 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
955
955
|
default: boolean;
|
|
956
956
|
};
|
|
957
957
|
}>> & Readonly<{}>, {
|
|
958
|
-
size: string;
|
|
959
958
|
rotation: number;
|
|
959
|
+
size: string;
|
|
960
960
|
flippedVertical: boolean;
|
|
961
961
|
flippedHorizontal: boolean;
|
|
962
962
|
touchable: boolean;
|
|
@@ -491,8 +491,8 @@ declare const _default: import('vue').DefineComponent<{
|
|
|
491
491
|
default: boolean;
|
|
492
492
|
};
|
|
493
493
|
}>> & Readonly<{}>, {
|
|
494
|
-
size: string;
|
|
495
494
|
rotation: number;
|
|
495
|
+
size: string;
|
|
496
496
|
flippedVertical: boolean;
|
|
497
497
|
flippedHorizontal: boolean;
|
|
498
498
|
touchable: boolean;
|
|
@@ -706,11 +706,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
706
706
|
size: string;
|
|
707
707
|
type: string;
|
|
708
708
|
color: string;
|
|
709
|
+
elevation: string;
|
|
709
710
|
radius: string;
|
|
710
711
|
state: string;
|
|
711
712
|
iconLeft: Record<string, any>;
|
|
712
713
|
iconRight: Record<string, any>;
|
|
713
|
-
elevation: string;
|
|
714
714
|
}, {}, {
|
|
715
715
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
716
716
|
icon: {
|
|
@@ -781,8 +781,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
781
781
|
default: boolean;
|
|
782
782
|
};
|
|
783
783
|
}>> & Readonly<{}>, {
|
|
784
|
-
size: string;
|
|
785
784
|
rotation: number;
|
|
785
|
+
size: string;
|
|
786
786
|
flippedVertical: boolean;
|
|
787
787
|
flippedHorizontal: boolean;
|
|
788
788
|
touchable: boolean;
|
|
@@ -903,8 +903,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
903
903
|
default: boolean;
|
|
904
904
|
};
|
|
905
905
|
}>> & Readonly<{}>, {
|
|
906
|
-
size: string;
|
|
907
906
|
rotation: number;
|
|
907
|
+
size: string;
|
|
908
908
|
flippedVertical: boolean;
|
|
909
909
|
flippedHorizontal: boolean;
|
|
910
910
|
touchable: boolean;
|
|
@@ -1286,9 +1286,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1286
1286
|
type: string;
|
|
1287
1287
|
touchable: boolean;
|
|
1288
1288
|
color: string;
|
|
1289
|
+
elevation: string;
|
|
1289
1290
|
radius: string;
|
|
1290
1291
|
state: string;
|
|
1291
|
-
elevation: string;
|
|
1292
1292
|
colorScheme: string;
|
|
1293
1293
|
}, {}, {
|
|
1294
1294
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -1360,8 +1360,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1360
1360
|
default: boolean;
|
|
1361
1361
|
};
|
|
1362
1362
|
}>> & Readonly<{}>, {
|
|
1363
|
-
size: string;
|
|
1364
1363
|
rotation: number;
|
|
1364
|
+
size: string;
|
|
1365
1365
|
flippedVertical: boolean;
|
|
1366
1366
|
flippedHorizontal: boolean;
|
|
1367
1367
|
touchable: boolean;
|
|
@@ -1718,11 +1718,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1718
1718
|
size: string;
|
|
1719
1719
|
type: string;
|
|
1720
1720
|
color: string;
|
|
1721
|
+
elevation: string;
|
|
1721
1722
|
radius: string;
|
|
1722
1723
|
state: string;
|
|
1723
1724
|
iconLeft: Record<string, any>;
|
|
1724
1725
|
iconRight: Record<string, any>;
|
|
1725
|
-
elevation: string;
|
|
1726
1726
|
}, {}, {
|
|
1727
1727
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1728
1728
|
icon: {
|
|
@@ -1793,8 +1793,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1793
1793
|
default: boolean;
|
|
1794
1794
|
};
|
|
1795
1795
|
}>> & Readonly<{}>, {
|
|
1796
|
-
size: string;
|
|
1797
1796
|
rotation: number;
|
|
1797
|
+
size: string;
|
|
1798
1798
|
flippedVertical: boolean;
|
|
1799
1799
|
flippedHorizontal: boolean;
|
|
1800
1800
|
touchable: boolean;
|
|
@@ -2232,8 +2232,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
2232
2232
|
default: boolean;
|
|
2233
2233
|
};
|
|
2234
2234
|
}>> & Readonly<{}>, {
|
|
2235
|
-
size: string;
|
|
2236
2235
|
rotation: number;
|
|
2236
|
+
size: string;
|
|
2237
2237
|
flippedVertical: boolean;
|
|
2238
2238
|
flippedHorizontal: boolean;
|
|
2239
2239
|
touchable: boolean;
|
|
@@ -2615,9 +2615,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
2615
2615
|
type: string;
|
|
2616
2616
|
touchable: boolean;
|
|
2617
2617
|
color: string;
|
|
2618
|
+
elevation: string;
|
|
2618
2619
|
radius: string;
|
|
2619
2620
|
state: string;
|
|
2620
|
-
elevation: string;
|
|
2621
2621
|
colorScheme: string;
|
|
2622
2622
|
}, {}, {
|
|
2623
2623
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -2689,8 +2689,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
2689
2689
|
default: boolean;
|
|
2690
2690
|
};
|
|
2691
2691
|
}>> & Readonly<{}>, {
|
|
2692
|
-
size: string;
|
|
2693
2692
|
rotation: number;
|
|
2693
|
+
size: string;
|
|
2694
2694
|
flippedVertical: boolean;
|
|
2695
2695
|
flippedHorizontal: boolean;
|
|
2696
2696
|
touchable: boolean;
|
|
@@ -3047,11 +3047,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
3047
3047
|
size: string;
|
|
3048
3048
|
type: string;
|
|
3049
3049
|
color: string;
|
|
3050
|
+
elevation: string;
|
|
3050
3051
|
radius: string;
|
|
3051
3052
|
state: string;
|
|
3052
3053
|
iconLeft: Record<string, any>;
|
|
3053
3054
|
iconRight: Record<string, any>;
|
|
3054
|
-
elevation: string;
|
|
3055
3055
|
}, {}, {
|
|
3056
3056
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
3057
3057
|
icon: {
|
|
@@ -3122,8 +3122,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
3122
3122
|
default: boolean;
|
|
3123
3123
|
};
|
|
3124
3124
|
}>> & Readonly<{}>, {
|
|
3125
|
-
size: string;
|
|
3126
3125
|
rotation: number;
|
|
3126
|
+
size: string;
|
|
3127
3127
|
flippedVertical: boolean;
|
|
3128
3128
|
flippedHorizontal: boolean;
|
|
3129
3129
|
touchable: boolean;
|
|
@@ -331,8 +331,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
331
331
|
default: boolean;
|
|
332
332
|
};
|
|
333
333
|
}>> & Readonly<{}>, {
|
|
334
|
-
size: string;
|
|
335
334
|
rotation: number;
|
|
335
|
+
size: string;
|
|
336
336
|
flippedVertical: boolean;
|
|
337
337
|
flippedHorizontal: boolean;
|
|
338
338
|
touchable: boolean;
|
|
@@ -360,9 +360,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
360
360
|
"onUpdate:isExpanded"?: ((...args: any[]) => any) | undefined;
|
|
361
361
|
"onInfo-click"?: ((...args: any[]) => any) | undefined;
|
|
362
362
|
}>, {
|
|
363
|
+
info: boolean;
|
|
363
364
|
size: string;
|
|
364
365
|
title: string;
|
|
365
|
-
info: boolean;
|
|
366
366
|
iconLeft: any;
|
|
367
367
|
iconRight: any;
|
|
368
368
|
isExpanded: boolean;
|
|
@@ -769,8 +769,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
769
769
|
"onUpdate:isExpanded"?: ((...args: any[]) => any) | undefined;
|
|
770
770
|
"onInfo-click"?: ((...args: any[]) => any) | undefined;
|
|
771
771
|
}>, {
|
|
772
|
-
size: string;
|
|
773
772
|
info: boolean;
|
|
773
|
+
size: string;
|
|
774
774
|
iconLeft: any;
|
|
775
775
|
iconRight: any;
|
|
776
776
|
isExpanded: boolean;
|
|
@@ -853,8 +853,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
853
853
|
default: boolean;
|
|
854
854
|
};
|
|
855
855
|
}>> & Readonly<{}>, {
|
|
856
|
-
size: string;
|
|
857
856
|
rotation: number;
|
|
857
|
+
size: string;
|
|
858
858
|
flippedVertical: boolean;
|
|
859
859
|
flippedHorizontal: boolean;
|
|
860
860
|
touchable: boolean;
|
|
@@ -1236,9 +1236,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1236
1236
|
type: string;
|
|
1237
1237
|
touchable: boolean;
|
|
1238
1238
|
color: string;
|
|
1239
|
+
elevation: string;
|
|
1239
1240
|
radius: string;
|
|
1240
1241
|
state: string;
|
|
1241
|
-
elevation: string;
|
|
1242
1242
|
colorScheme: string;
|
|
1243
1243
|
}, {}, {
|
|
1244
1244
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -1310,8 +1310,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1310
1310
|
default: boolean;
|
|
1311
1311
|
};
|
|
1312
1312
|
}>> & Readonly<{}>, {
|
|
1313
|
-
size: string;
|
|
1314
1313
|
rotation: number;
|
|
1314
|
+
size: string;
|
|
1315
1315
|
flippedVertical: boolean;
|
|
1316
1316
|
flippedHorizontal: boolean;
|
|
1317
1317
|
touchable: boolean;
|
|
@@ -1668,11 +1668,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1668
1668
|
size: string;
|
|
1669
1669
|
type: string;
|
|
1670
1670
|
color: string;
|
|
1671
|
+
elevation: string;
|
|
1671
1672
|
radius: string;
|
|
1672
1673
|
state: string;
|
|
1673
1674
|
iconLeft: Record<string, any>;
|
|
1674
1675
|
iconRight: Record<string, any>;
|
|
1675
|
-
elevation: string;
|
|
1676
1676
|
}, {}, {
|
|
1677
1677
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1678
1678
|
icon: {
|
|
@@ -1743,8 +1743,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1743
1743
|
default: boolean;
|
|
1744
1744
|
};
|
|
1745
1745
|
}>> & Readonly<{}>, {
|
|
1746
|
-
size: string;
|
|
1747
1746
|
rotation: number;
|
|
1747
|
+
size: string;
|
|
1748
1748
|
flippedVertical: boolean;
|
|
1749
1749
|
flippedHorizontal: boolean;
|
|
1750
1750
|
touchable: boolean;
|
|
@@ -587,8 +587,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
587
587
|
default: boolean;
|
|
588
588
|
};
|
|
589
589
|
}>> & Readonly<{}>, {
|
|
590
|
-
size: string;
|
|
591
590
|
rotation: number;
|
|
591
|
+
size: string;
|
|
592
592
|
flippedVertical: boolean;
|
|
593
593
|
flippedHorizontal: boolean;
|
|
594
594
|
touchable: boolean;
|
|
@@ -434,8 +434,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
434
434
|
default: boolean;
|
|
435
435
|
};
|
|
436
436
|
}>> & Readonly<{}>, {
|
|
437
|
-
size: string;
|
|
438
437
|
rotation: number;
|
|
438
|
+
size: string;
|
|
439
439
|
flippedVertical: boolean;
|
|
440
440
|
flippedHorizontal: boolean;
|
|
441
441
|
touchable: boolean;
|
|
@@ -434,8 +434,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
434
434
|
default: boolean;
|
|
435
435
|
};
|
|
436
436
|
}>> & Readonly<{}>, {
|
|
437
|
-
size: string;
|
|
438
437
|
rotation: number;
|
|
438
|
+
size: string;
|
|
439
439
|
flippedVertical: boolean;
|
|
440
440
|
flippedHorizontal: boolean;
|
|
441
441
|
touchable: boolean;
|