@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
|
@@ -166,8 +166,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
166
166
|
default: boolean;
|
|
167
167
|
};
|
|
168
168
|
}>> & Readonly<{}>, {
|
|
169
|
-
size: string;
|
|
170
169
|
rotation: number;
|
|
170
|
+
size: string;
|
|
171
171
|
flippedVertical: boolean;
|
|
172
172
|
flippedHorizontal: boolean;
|
|
173
173
|
touchable: boolean;
|
|
@@ -727,9 +727,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
727
727
|
type: string;
|
|
728
728
|
touchable: boolean;
|
|
729
729
|
color: string;
|
|
730
|
+
elevation: string;
|
|
730
731
|
radius: string;
|
|
731
732
|
state: string;
|
|
732
|
-
elevation: string;
|
|
733
733
|
colorScheme: string;
|
|
734
734
|
}, {}, {
|
|
735
735
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -801,8 +801,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
801
801
|
default: boolean;
|
|
802
802
|
};
|
|
803
803
|
}>> & Readonly<{}>, {
|
|
804
|
-
size: string;
|
|
805
804
|
rotation: number;
|
|
805
|
+
size: string;
|
|
806
806
|
flippedVertical: boolean;
|
|
807
807
|
flippedHorizontal: boolean;
|
|
808
808
|
touchable: boolean;
|
|
@@ -1159,11 +1159,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1159
1159
|
size: string;
|
|
1160
1160
|
type: string;
|
|
1161
1161
|
color: string;
|
|
1162
|
+
elevation: string;
|
|
1162
1163
|
radius: string;
|
|
1163
1164
|
state: string;
|
|
1164
1165
|
iconLeft: Record<string, any>;
|
|
1165
1166
|
iconRight: Record<string, any>;
|
|
1166
|
-
elevation: string;
|
|
1167
1167
|
}, {}, {
|
|
1168
1168
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1169
1169
|
icon: {
|
|
@@ -1234,8 +1234,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1234
1234
|
default: boolean;
|
|
1235
1235
|
};
|
|
1236
1236
|
}>> & Readonly<{}>, {
|
|
1237
|
-
size: string;
|
|
1238
1237
|
rotation: number;
|
|
1238
|
+
size: string;
|
|
1239
1239
|
flippedVertical: boolean;
|
|
1240
1240
|
flippedHorizontal: boolean;
|
|
1241
1241
|
touchable: boolean;
|
|
@@ -397,8 +397,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
397
397
|
"onUpdate:isExpanded"?: ((...args: any[]) => any) | undefined;
|
|
398
398
|
"onInfo-click"?: ((...args: any[]) => any) | undefined;
|
|
399
399
|
}>, {
|
|
400
|
-
size: string;
|
|
401
400
|
info: boolean;
|
|
401
|
+
size: string;
|
|
402
402
|
iconLeft: any;
|
|
403
403
|
iconRight: any;
|
|
404
404
|
isExpanded: boolean;
|
|
@@ -481,8 +481,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
481
481
|
default: boolean;
|
|
482
482
|
};
|
|
483
483
|
}>> & Readonly<{}>, {
|
|
484
|
-
size: string;
|
|
485
484
|
rotation: number;
|
|
485
|
+
size: string;
|
|
486
486
|
flippedVertical: boolean;
|
|
487
487
|
flippedHorizontal: boolean;
|
|
488
488
|
touchable: boolean;
|
|
@@ -864,9 +864,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
864
864
|
type: string;
|
|
865
865
|
touchable: boolean;
|
|
866
866
|
color: string;
|
|
867
|
+
elevation: string;
|
|
867
868
|
radius: string;
|
|
868
869
|
state: string;
|
|
869
|
-
elevation: string;
|
|
870
870
|
colorScheme: string;
|
|
871
871
|
}, {}, {
|
|
872
872
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -938,8 +938,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
938
938
|
default: boolean;
|
|
939
939
|
};
|
|
940
940
|
}>> & Readonly<{}>, {
|
|
941
|
-
size: string;
|
|
942
941
|
rotation: number;
|
|
942
|
+
size: string;
|
|
943
943
|
flippedVertical: boolean;
|
|
944
944
|
flippedHorizontal: boolean;
|
|
945
945
|
touchable: boolean;
|
|
@@ -1296,11 +1296,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1296
1296
|
size: string;
|
|
1297
1297
|
type: string;
|
|
1298
1298
|
color: string;
|
|
1299
|
+
elevation: string;
|
|
1299
1300
|
radius: string;
|
|
1300
1301
|
state: string;
|
|
1301
1302
|
iconLeft: Record<string, any>;
|
|
1302
1303
|
iconRight: Record<string, any>;
|
|
1303
|
-
elevation: string;
|
|
1304
1304
|
}, {}, {
|
|
1305
1305
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1306
1306
|
icon: {
|
|
@@ -1371,8 +1371,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1371
1371
|
default: boolean;
|
|
1372
1372
|
};
|
|
1373
1373
|
}>> & Readonly<{}>, {
|
|
1374
|
-
size: string;
|
|
1375
1374
|
rotation: number;
|
|
1375
|
+
size: string;
|
|
1376
1376
|
flippedVertical: boolean;
|
|
1377
1377
|
flippedHorizontal: boolean;
|
|
1378
1378
|
touchable: boolean;
|
|
@@ -169,8 +169,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
169
169
|
default: boolean;
|
|
170
170
|
};
|
|
171
171
|
}>> & Readonly<{}>, {
|
|
172
|
-
size: string;
|
|
173
172
|
rotation: number;
|
|
173
|
+
size: string;
|
|
174
174
|
flippedVertical: boolean;
|
|
175
175
|
flippedHorizontal: boolean;
|
|
176
176
|
touchable: boolean;
|
|
@@ -57,8 +57,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
57
57
|
default: boolean;
|
|
58
58
|
};
|
|
59
59
|
}>> & Readonly<{}>, {
|
|
60
|
-
size: string;
|
|
61
60
|
icon: Record<string, any>;
|
|
61
|
+
size: string;
|
|
62
62
|
doubleBackground: boolean;
|
|
63
63
|
}, {}, {
|
|
64
64
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -130,8 +130,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
130
130
|
default: boolean;
|
|
131
131
|
};
|
|
132
132
|
}>> & Readonly<{}>, {
|
|
133
|
-
size: string;
|
|
134
133
|
rotation: number;
|
|
134
|
+
size: string;
|
|
135
135
|
flippedVertical: boolean;
|
|
136
136
|
flippedHorizontal: boolean;
|
|
137
137
|
touchable: boolean;
|
|
@@ -67,8 +67,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
67
67
|
default: boolean;
|
|
68
68
|
};
|
|
69
69
|
}>> & Readonly<{}>, {
|
|
70
|
-
size: string;
|
|
71
70
|
rotation: number;
|
|
71
|
+
size: string;
|
|
72
72
|
flippedVertical: boolean;
|
|
73
73
|
flippedHorizontal: boolean;
|
|
74
74
|
touchable: boolean;
|
|
@@ -317,8 +317,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
317
317
|
default: boolean;
|
|
318
318
|
};
|
|
319
319
|
}>> & Readonly<{}>, {
|
|
320
|
-
size: string;
|
|
321
320
|
rotation: number;
|
|
321
|
+
size: string;
|
|
322
322
|
flippedVertical: boolean;
|
|
323
323
|
flippedHorizontal: boolean;
|
|
324
324
|
touchable: boolean;
|
|
@@ -358,8 +358,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
358
358
|
}>;
|
|
359
359
|
}, {
|
|
360
360
|
calcHeaderFeatureIconColor(): any;
|
|
361
|
-
calcFooterPrimaryButtonColor(): "
|
|
362
|
-
calcFooterSecondaryButtonColor(): "
|
|
361
|
+
calcFooterPrimaryButtonColor(): "primary" | "neutral";
|
|
362
|
+
calcFooterSecondaryButtonColor(): "danger" | "neutral";
|
|
363
363
|
calcSingleColumn(): boolean;
|
|
364
364
|
displayFooter(): any;
|
|
365
365
|
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close-modal" | "tertiary-button-click" | "checkbox-change" | "secondary-button-click" | "primary-button-click")[], "close-modal" | "tertiary-button-click" | "checkbox-change" | "secondary-button-click" | "primary-button-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -456,8 +456,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
456
456
|
"onSecondary-button-click"?: ((...args: any[]) => any) | undefined;
|
|
457
457
|
"onPrimary-button-click"?: ((...args: any[]) => any) | undefined;
|
|
458
458
|
}>, {
|
|
459
|
-
size: string;
|
|
460
459
|
danger: boolean;
|
|
460
|
+
size: string;
|
|
461
461
|
headerTitleSize: string;
|
|
462
462
|
headerTitle: string;
|
|
463
463
|
headerSubtitle: string;
|
|
@@ -535,8 +535,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
535
535
|
default: boolean;
|
|
536
536
|
};
|
|
537
537
|
}>> & Readonly<{}>, {
|
|
538
|
-
size: string;
|
|
539
538
|
icon: Record<string, any>;
|
|
539
|
+
size: string;
|
|
540
540
|
doubleBackground: boolean;
|
|
541
541
|
}, {}, {
|
|
542
542
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -608,8 +608,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
608
608
|
default: boolean;
|
|
609
609
|
};
|
|
610
610
|
}>> & Readonly<{}>, {
|
|
611
|
-
size: string;
|
|
612
611
|
rotation: number;
|
|
612
|
+
size: string;
|
|
613
613
|
flippedVertical: boolean;
|
|
614
614
|
flippedHorizontal: boolean;
|
|
615
615
|
touchable: boolean;
|
|
@@ -967,11 +967,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
967
967
|
size: string;
|
|
968
968
|
type: string;
|
|
969
969
|
color: string;
|
|
970
|
+
elevation: string;
|
|
970
971
|
radius: string;
|
|
971
972
|
state: string;
|
|
972
973
|
iconLeft: Record<string, any>;
|
|
973
974
|
iconRight: Record<string, any>;
|
|
974
|
-
elevation: string;
|
|
975
975
|
}, {}, {
|
|
976
976
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
977
977
|
icon: {
|
|
@@ -1042,8 +1042,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1042
1042
|
default: boolean;
|
|
1043
1043
|
};
|
|
1044
1044
|
}>> & Readonly<{}>, {
|
|
1045
|
-
size: string;
|
|
1046
1045
|
rotation: number;
|
|
1046
|
+
size: string;
|
|
1047
1047
|
flippedVertical: boolean;
|
|
1048
1048
|
flippedHorizontal: boolean;
|
|
1049
1049
|
touchable: boolean;
|
|
@@ -1426,9 +1426,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1426
1426
|
type: string;
|
|
1427
1427
|
touchable: boolean;
|
|
1428
1428
|
color: string;
|
|
1429
|
+
elevation: string;
|
|
1429
1430
|
radius: string;
|
|
1430
1431
|
state: string;
|
|
1431
|
-
elevation: string;
|
|
1432
1432
|
colorScheme: string;
|
|
1433
1433
|
}, {}, {
|
|
1434
1434
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -1500,8 +1500,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1500
1500
|
default: boolean;
|
|
1501
1501
|
};
|
|
1502
1502
|
}>> & Readonly<{}>, {
|
|
1503
|
-
size: string;
|
|
1504
1503
|
rotation: number;
|
|
1504
|
+
size: string;
|
|
1505
1505
|
flippedVertical: boolean;
|
|
1506
1506
|
flippedHorizontal: boolean;
|
|
1507
1507
|
touchable: boolean;
|
|
@@ -1858,11 +1858,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1858
1858
|
size: string;
|
|
1859
1859
|
type: string;
|
|
1860
1860
|
color: string;
|
|
1861
|
+
elevation: string;
|
|
1861
1862
|
radius: string;
|
|
1862
1863
|
state: string;
|
|
1863
1864
|
iconLeft: Record<string, any>;
|
|
1864
1865
|
iconRight: Record<string, any>;
|
|
1865
|
-
elevation: string;
|
|
1866
1866
|
}, {}, {
|
|
1867
1867
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1868
1868
|
icon: {
|
|
@@ -1933,8 +1933,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1933
1933
|
default: boolean;
|
|
1934
1934
|
};
|
|
1935
1935
|
}>> & Readonly<{}>, {
|
|
1936
|
-
size: string;
|
|
1937
1936
|
rotation: number;
|
|
1937
|
+
size: string;
|
|
1938
1938
|
flippedVertical: boolean;
|
|
1939
1939
|
flippedHorizontal: boolean;
|
|
1940
1940
|
touchable: boolean;
|
|
@@ -493,8 +493,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
493
493
|
}>;
|
|
494
494
|
}, {
|
|
495
495
|
calcHeaderFeatureIconColor(): any;
|
|
496
|
-
calcFooterPrimaryButtonColor(): "
|
|
497
|
-
calcFooterSecondaryButtonColor(): "
|
|
496
|
+
calcFooterPrimaryButtonColor(): "primary" | "neutral";
|
|
497
|
+
calcFooterSecondaryButtonColor(): "danger" | "neutral";
|
|
498
498
|
calcSingleColumn(): boolean;
|
|
499
499
|
displayFooter(): any;
|
|
500
500
|
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("close-modal" | "tertiary-button-click" | "checkbox-change" | "secondary-button-click" | "primary-button-click")[], "close-modal" | "tertiary-button-click" | "checkbox-change" | "secondary-button-click" | "primary-button-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
|
|
@@ -591,8 +591,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
591
591
|
"onSecondary-button-click"?: ((...args: any[]) => any) | undefined;
|
|
592
592
|
"onPrimary-button-click"?: ((...args: any[]) => any) | undefined;
|
|
593
593
|
}>, {
|
|
594
|
-
size: string;
|
|
595
594
|
danger: boolean;
|
|
595
|
+
size: string;
|
|
596
596
|
headerTitleSize: string;
|
|
597
597
|
headerTitle: string;
|
|
598
598
|
headerSubtitle: string;
|
|
@@ -670,8 +670,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
670
670
|
default: boolean;
|
|
671
671
|
};
|
|
672
672
|
}>> & Readonly<{}>, {
|
|
673
|
-
size: string;
|
|
674
673
|
icon: Record<string, any>;
|
|
674
|
+
size: string;
|
|
675
675
|
doubleBackground: boolean;
|
|
676
676
|
}, {}, {
|
|
677
677
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -743,8 +743,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
743
743
|
default: boolean;
|
|
744
744
|
};
|
|
745
745
|
}>> & Readonly<{}>, {
|
|
746
|
-
size: string;
|
|
747
746
|
rotation: number;
|
|
747
|
+
size: string;
|
|
748
748
|
flippedVertical: boolean;
|
|
749
749
|
flippedHorizontal: boolean;
|
|
750
750
|
touchable: boolean;
|
|
@@ -1102,11 +1102,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1102
1102
|
size: string;
|
|
1103
1103
|
type: string;
|
|
1104
1104
|
color: string;
|
|
1105
|
+
elevation: string;
|
|
1105
1106
|
radius: string;
|
|
1106
1107
|
state: string;
|
|
1107
1108
|
iconLeft: Record<string, any>;
|
|
1108
1109
|
iconRight: Record<string, any>;
|
|
1109
|
-
elevation: string;
|
|
1110
1110
|
}, {}, {
|
|
1111
1111
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1112
1112
|
icon: {
|
|
@@ -1177,8 +1177,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1177
1177
|
default: boolean;
|
|
1178
1178
|
};
|
|
1179
1179
|
}>> & Readonly<{}>, {
|
|
1180
|
-
size: string;
|
|
1181
1180
|
rotation: number;
|
|
1181
|
+
size: string;
|
|
1182
1182
|
flippedVertical: boolean;
|
|
1183
1183
|
flippedHorizontal: boolean;
|
|
1184
1184
|
touchable: boolean;
|
|
@@ -1561,9 +1561,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1561
1561
|
type: string;
|
|
1562
1562
|
touchable: boolean;
|
|
1563
1563
|
color: string;
|
|
1564
|
+
elevation: string;
|
|
1564
1565
|
radius: string;
|
|
1565
1566
|
state: string;
|
|
1566
|
-
elevation: string;
|
|
1567
1567
|
colorScheme: string;
|
|
1568
1568
|
}, {}, {
|
|
1569
1569
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -1635,8 +1635,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1635
1635
|
default: boolean;
|
|
1636
1636
|
};
|
|
1637
1637
|
}>> & Readonly<{}>, {
|
|
1638
|
-
size: string;
|
|
1639
1638
|
rotation: number;
|
|
1639
|
+
size: string;
|
|
1640
1640
|
flippedVertical: boolean;
|
|
1641
1641
|
flippedHorizontal: boolean;
|
|
1642
1642
|
touchable: boolean;
|
|
@@ -1993,11 +1993,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1993
1993
|
size: string;
|
|
1994
1994
|
type: string;
|
|
1995
1995
|
color: string;
|
|
1996
|
+
elevation: string;
|
|
1996
1997
|
radius: string;
|
|
1997
1998
|
state: string;
|
|
1998
1999
|
iconLeft: Record<string, any>;
|
|
1999
2000
|
iconRight: Record<string, any>;
|
|
2000
|
-
elevation: string;
|
|
2001
2001
|
}, {}, {
|
|
2002
2002
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
2003
2003
|
icon: {
|
|
@@ -2068,8 +2068,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
2068
2068
|
default: boolean;
|
|
2069
2069
|
};
|
|
2070
2070
|
}>> & Readonly<{}>, {
|
|
2071
|
-
size: string;
|
|
2072
2071
|
rotation: number;
|
|
2072
|
+
size: string;
|
|
2073
2073
|
flippedVertical: boolean;
|
|
2074
2074
|
flippedHorizontal: boolean;
|
|
2075
2075
|
touchable: boolean;
|
|
@@ -445,8 +445,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
445
445
|
default: boolean;
|
|
446
446
|
};
|
|
447
447
|
}>> & Readonly<{}>, {
|
|
448
|
-
size: string;
|
|
449
448
|
rotation: number;
|
|
449
|
+
size: string;
|
|
450
450
|
flippedVertical: boolean;
|
|
451
451
|
flippedHorizontal: boolean;
|
|
452
452
|
touchable: boolean;
|
|
@@ -690,9 +690,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
690
690
|
type: string;
|
|
691
691
|
touchable: boolean;
|
|
692
692
|
color: string;
|
|
693
|
+
elevation: string;
|
|
693
694
|
radius: string;
|
|
694
695
|
state: string;
|
|
695
|
-
elevation: string;
|
|
696
696
|
colorScheme: string;
|
|
697
697
|
}, {}, {
|
|
698
698
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
@@ -764,8 +764,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
764
764
|
default: boolean;
|
|
765
765
|
};
|
|
766
766
|
}>> & Readonly<{}>, {
|
|
767
|
-
size: string;
|
|
768
767
|
rotation: number;
|
|
768
|
+
size: string;
|
|
769
769
|
flippedVertical: boolean;
|
|
770
770
|
flippedHorizontal: boolean;
|
|
771
771
|
touchable: boolean;
|
|
@@ -1122,11 +1122,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1122
1122
|
size: string;
|
|
1123
1123
|
type: string;
|
|
1124
1124
|
color: string;
|
|
1125
|
+
elevation: string;
|
|
1125
1126
|
radius: string;
|
|
1126
1127
|
state: string;
|
|
1127
1128
|
iconLeft: Record<string, any>;
|
|
1128
1129
|
iconRight: Record<string, any>;
|
|
1129
|
-
elevation: string;
|
|
1130
1130
|
}, {}, {
|
|
1131
1131
|
WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
|
|
1132
1132
|
icon: {
|
|
@@ -1197,8 +1197,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1197
1197
|
default: boolean;
|
|
1198
1198
|
};
|
|
1199
1199
|
}>> & Readonly<{}>, {
|
|
1200
|
-
size: string;
|
|
1201
1200
|
rotation: number;
|
|
1201
|
+
size: string;
|
|
1202
1202
|
flippedVertical: boolean;
|
|
1203
1203
|
flippedHorizontal: boolean;
|
|
1204
1204
|
touchable: boolean;
|
|
@@ -1693,8 +1693,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1693
1693
|
default: boolean;
|
|
1694
1694
|
};
|
|
1695
1695
|
}>> & Readonly<{}>, {
|
|
1696
|
-
size: string;
|
|
1697
1696
|
rotation: number;
|
|
1697
|
+
size: string;
|
|
1698
1698
|
flippedVertical: boolean;
|
|
1699
1699
|
flippedHorizontal: boolean;
|
|
1700
1700
|
touchable: boolean;
|
|
@@ -440,8 +440,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
440
440
|
default: boolean;
|
|
441
441
|
};
|
|
442
442
|
}>> & Readonly<{}>, {
|
|
443
|
-
size: string;
|
|
444
443
|
rotation: number;
|
|
444
|
+
size: string;
|
|
445
445
|
flippedVertical: boolean;
|
|
446
446
|
flippedHorizontal: boolean;
|
|
447
447
|
touchable: boolean;
|
|
@@ -342,8 +342,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
342
342
|
default: boolean;
|
|
343
343
|
};
|
|
344
344
|
}>> & Readonly<{}>, {
|
|
345
|
-
size: string;
|
|
346
345
|
rotation: number;
|
|
346
|
+
size: string;
|
|
347
347
|
flippedVertical: boolean;
|
|
348
348
|
flippedHorizontal: boolean;
|
|
349
349
|
touchable: boolean;
|
|
@@ -250,12 +250,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
250
250
|
}>> & Readonly<{
|
|
251
251
|
"onUpdate:is-selected"?: ((value: boolean) => any) | undefined;
|
|
252
252
|
}>, {
|
|
253
|
+
icon: any;
|
|
253
254
|
size: RichListItemSize;
|
|
254
255
|
type: RichListItemType;
|
|
256
|
+
elevation: "small";
|
|
255
257
|
backgroundColor: RichListItemBackgroundColor;
|
|
256
|
-
icon: any;
|
|
257
258
|
state: RichListItemState;
|
|
258
|
-
elevation: "small";
|
|
259
259
|
layout: RichListItemLayout;
|
|
260
260
|
borderColor: RichListItemBorderColor;
|
|
261
261
|
isInteractive: boolean;
|
|
@@ -1010,12 +1010,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1010
1010
|
"onUpdate:is-selected"?: ((isSelected: boolean) => any) | undefined;
|
|
1011
1011
|
"onIcon-click"?: (() => any) | undefined;
|
|
1012
1012
|
}>, {
|
|
1013
|
+
icon: any;
|
|
1013
1014
|
size: RichListItemSize;
|
|
1014
1015
|
type: RichListItemType;
|
|
1016
|
+
elevation: "small";
|
|
1015
1017
|
backgroundColor: RichListItemBackgroundColor;
|
|
1016
|
-
icon: any;
|
|
1017
1018
|
state: RichListItemState;
|
|
1018
|
-
elevation: "small";
|
|
1019
1019
|
layout: RichListItemLayout;
|
|
1020
1020
|
borderColor: RichListItemBorderColor;
|
|
1021
1021
|
isInteractive: boolean;
|
|
@@ -1463,8 +1463,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1463
1463
|
default: boolean;
|
|
1464
1464
|
};
|
|
1465
1465
|
}>> & Readonly<{}>, {
|
|
1466
|
-
size: string;
|
|
1467
1466
|
rotation: number;
|
|
1467
|
+
size: string;
|
|
1468
1468
|
flippedVertical: boolean;
|
|
1469
1469
|
flippedHorizontal: boolean;
|
|
1470
1470
|
touchable: boolean;
|
|
@@ -1586,8 +1586,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1586
1586
|
default: boolean;
|
|
1587
1587
|
};
|
|
1588
1588
|
}>> & Readonly<{}>, {
|
|
1589
|
-
size: string;
|
|
1590
1589
|
rotation: number;
|
|
1590
|
+
size: string;
|
|
1591
1591
|
flippedVertical: boolean;
|
|
1592
1592
|
flippedHorizontal: boolean;
|
|
1593
1593
|
touchable: boolean;
|
|
@@ -436,12 +436,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
436
436
|
"onUpdate:is-selected"?: ((isSelected: boolean) => any) | undefined;
|
|
437
437
|
"onIcon-click"?: (() => any) | undefined;
|
|
438
438
|
}>, {
|
|
439
|
+
icon: any;
|
|
439
440
|
size: RichListItemSize;
|
|
440
441
|
type: RichListItemType;
|
|
442
|
+
elevation: "small";
|
|
441
443
|
backgroundColor: RichListItemBackgroundColor;
|
|
442
|
-
icon: any;
|
|
443
444
|
state: RichListItemState;
|
|
444
|
-
elevation: "small";
|
|
445
445
|
layout: RichListItemLayout;
|
|
446
446
|
borderColor: RichListItemBorderColor;
|
|
447
447
|
isInteractive: boolean;
|
|
@@ -889,8 +889,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
889
889
|
default: boolean;
|
|
890
890
|
};
|
|
891
891
|
}>> & Readonly<{}>, {
|
|
892
|
-
size: string;
|
|
893
892
|
rotation: number;
|
|
893
|
+
size: string;
|
|
894
894
|
flippedVertical: boolean;
|
|
895
895
|
flippedHorizontal: boolean;
|
|
896
896
|
touchable: boolean;
|
|
@@ -1012,8 +1012,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1012
1012
|
default: boolean;
|
|
1013
1013
|
};
|
|
1014
1014
|
}>> & Readonly<{}>, {
|
|
1015
|
-
size: string;
|
|
1016
1015
|
rotation: number;
|
|
1016
|
+
size: string;
|
|
1017
1017
|
flippedVertical: boolean;
|
|
1018
1018
|
flippedHorizontal: boolean;
|
|
1019
1019
|
touchable: boolean;
|
|
@@ -388,8 +388,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
388
388
|
default: boolean;
|
|
389
389
|
};
|
|
390
390
|
}>> & Readonly<{}>, {
|
|
391
|
-
size: string;
|
|
392
391
|
rotation: number;
|
|
392
|
+
size: string;
|
|
393
393
|
flippedVertical: boolean;
|
|
394
394
|
flippedHorizontal: boolean;
|
|
395
395
|
touchable: boolean;
|
|
@@ -583,8 +583,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
583
583
|
default: boolean;
|
|
584
584
|
};
|
|
585
585
|
}>> & Readonly<{}>, {
|
|
586
|
-
size: string;
|
|
587
586
|
rotation: number;
|
|
587
|
+
size: string;
|
|
588
588
|
flippedVertical: boolean;
|
|
589
589
|
flippedHorizontal: boolean;
|
|
590
590
|
touchable: boolean;
|
package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts
CHANGED
|
@@ -476,8 +476,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
476
476
|
default: boolean;
|
|
477
477
|
};
|
|
478
478
|
}>> & Readonly<{}>, {
|
|
479
|
-
size: string;
|
|
480
479
|
rotation: number;
|
|
480
|
+
size: string;
|
|
481
481
|
flippedVertical: boolean;
|
|
482
482
|
flippedHorizontal: boolean;
|
|
483
483
|
touchable: boolean;
|
|
@@ -315,8 +315,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
315
315
|
"onUpdate:is-selected"?: ((...args: any[]) => any) | undefined;
|
|
316
316
|
"onIcon-click"?: ((...args: any[]) => any) | undefined;
|
|
317
317
|
}>, {
|
|
318
|
-
type: SelectionTileType;
|
|
319
318
|
icon: Record<string, any>;
|
|
319
|
+
type: SelectionTileType;
|
|
320
320
|
state: SelectionTileState;
|
|
321
321
|
supportingText: string;
|
|
322
322
|
isSelected: boolean;
|
|
@@ -486,8 +486,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
486
486
|
default: boolean;
|
|
487
487
|
};
|
|
488
488
|
}>> & Readonly<{}>, {
|
|
489
|
-
size: string;
|
|
490
489
|
rotation: number;
|
|
490
|
+
size: string;
|
|
491
491
|
flippedVertical: boolean;
|
|
492
492
|
flippedHorizontal: boolean;
|
|
493
493
|
touchable: boolean;
|
|
@@ -565,8 +565,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
565
565
|
default: boolean;
|
|
566
566
|
};
|
|
567
567
|
}>> & Readonly<{}>, {
|
|
568
|
-
size: string;
|
|
569
568
|
rotation: number;
|
|
569
|
+
size: string;
|
|
570
570
|
flippedVertical: boolean;
|
|
571
571
|
flippedHorizontal: boolean;
|
|
572
572
|
touchable: boolean;
|
|
@@ -1007,8 +1007,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1007
1007
|
default: boolean;
|
|
1008
1008
|
};
|
|
1009
1009
|
}>> & Readonly<{}>, {
|
|
1010
|
-
size: string;
|
|
1011
1010
|
rotation: number;
|
|
1011
|
+
size: string;
|
|
1012
1012
|
flippedVertical: boolean;
|
|
1013
1013
|
flippedHorizontal: boolean;
|
|
1014
1014
|
touchable: boolean;
|
|
@@ -1451,8 +1451,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
1451
1451
|
default: boolean;
|
|
1452
1452
|
};
|
|
1453
1453
|
}>> & Readonly<{}>, {
|
|
1454
|
-
size: string;
|
|
1455
1454
|
rotation: number;
|
|
1455
|
+
size: string;
|
|
1456
1456
|
flippedVertical: boolean;
|
|
1457
1457
|
flippedHorizontal: boolean;
|
|
1458
1458
|
touchable: boolean;
|
|
@@ -308,8 +308,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
308
308
|
default: boolean;
|
|
309
309
|
};
|
|
310
310
|
}>> & Readonly<{}>, {
|
|
311
|
-
size: string;
|
|
312
311
|
rotation: number;
|
|
312
|
+
size: string;
|
|
313
313
|
flippedVertical: boolean;
|
|
314
314
|
flippedHorizontal: boolean;
|
|
315
315
|
touchable: boolean;
|
|
@@ -308,8 +308,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
|
|
|
308
308
|
default: boolean;
|
|
309
309
|
};
|
|
310
310
|
}>> & Readonly<{}>, {
|
|
311
|
-
size: string;
|
|
312
311
|
rotation: number;
|
|
312
|
+
size: string;
|
|
313
313
|
flippedVertical: boolean;
|
|
314
314
|
flippedHorizontal: boolean;
|
|
315
315
|
touchable: boolean;
|