@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.
Files changed (94) hide show
  1. package/.eslintrc.cjs +2 -3
  2. package/dist/design-system.umd.cjs +18 -18
  3. package/dist/design-system.umd.cjs.map +1 -1
  4. package/dist/lib/js/components/Avatar/Avatar.consts.d.ts +16 -1
  5. package/dist/lib/js/components/Avatar/Avatar.vue.d.ts +10 -21
  6. package/dist/lib/js/components/Badge/Badge.consts.d.ts +24 -0
  7. package/dist/lib/js/components/Badge/Badge.vue.d.ts +28 -0
  8. package/dist/lib/js/components/Badge/index.d.ts +4 -0
  9. package/dist/lib/js/components/BadgeScore/BadgeScore.vue.d.ts +2 -2
  10. package/dist/lib/js/components/Banner/Banner.vue.d.ts +7 -7
  11. package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +2 -2
  12. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +4 -4
  13. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -1
  14. package/dist/lib/js/components/Chip/Chip.vue.d.ts +5 -5
  15. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +1 -1
  16. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +4 -4
  17. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +1 -1
  18. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +12 -12
  19. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +1 -1
  20. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +7 -7
  21. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +1 -1
  22. package/dist/lib/js/components/Form/Checkbox/Checkbox.vue.d.ts +1 -1
  23. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -1
  24. package/dist/lib/js/components/Form/SelectionControl/SelectionControl.vue.d.ts +1 -1
  25. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +4 -4
  26. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +6 -6
  27. package/dist/lib/js/components/IconText/IconText.vue.d.ts +1 -1
  28. package/dist/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue.d.ts +2 -2
  29. package/dist/lib/js/components/Icons/Icon/Icon.vue.d.ts +1 -1
  30. package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -1
  31. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +11 -11
  32. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +11 -11
  33. package/dist/lib/js/components/Outline/OutlineItem/OutlineItem.vue.d.ts +1 -1
  34. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +5 -5
  35. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -1
  36. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -1
  37. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +6 -6
  38. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +4 -4
  39. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +1 -1
  40. package/dist/lib/js/components/SelectList/SelectListItemTile/SelectListItemTile.vue.d.ts +1 -1
  41. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +1 -1
  42. package/dist/lib/js/components/SelectionTile/SelectionTile.vue.d.ts +5 -5
  43. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -1
  44. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -1
  45. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +7 -7
  46. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +8 -8
  47. package/dist/lib/js/components/SurveyToggle/SurveyToggle.vue.d.ts +1 -1
  48. package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -1
  49. package/dist/lib/js/components/TabItem/TabItem.vue.d.ts +2 -2
  50. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +9 -9
  51. package/dist/lib/js/components/Tile/Tile.vue.d.ts +1 -1
  52. package/dist/lib/js/components/Toast/Toast.vue.d.ts +4 -4
  53. package/dist/lib/js/components/Toggles/CounterToggle/CounterToggle.vue.d.ts +1 -1
  54. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -1
  55. package/dist/lib/js/index.d.ts +2 -0
  56. package/docs/assets/Avatar-BY2FHjur.js +1 -0
  57. package/docs/assets/Avatar.stories-CHgyprX4.js +37 -0
  58. package/docs/assets/Badge-DWUXekFu.js +1 -0
  59. package/docs/assets/Badge.stories-B90k4kes.js +21 -0
  60. package/docs/assets/{BasicRichListItem.stories-CJLLsCH2.js → BasicRichListItem.stories-Cq_2y-ip.js} +2 -2
  61. package/docs/assets/{Color-ERTF36HU-06Iq2w_Z.js → Color-ERTF36HU-gYu0mrgM.js} +1 -1
  62. package/docs/assets/{DateBox.stories-DL_j7ydW.js → DateBox.stories-2Z3tCp_1.js} +1 -1
  63. package/docs/assets/{DatePicker-CcKDLhxp.js → DatePicker-C2ooefT-.js} +1 -1
  64. package/docs/assets/{DatePicker.stories-CK6I-6c-.js → DatePicker.stories-CwMU6bVO.js} +1 -1
  65. package/docs/assets/{DateRangePicker-laHPjs-v.js → DateRangePicker-BbtTUk2P.js} +1 -1
  66. package/docs/assets/{DateRangePicker.stories-BtP6-oba.js → DateRangePicker.stories-DLDTFPz3.js} +1 -1
  67. package/docs/assets/{DocsRenderer-CFRXHY34-D86268a8.js → DocsRenderer-CFRXHY34-CCozPr0-.js} +5 -5
  68. package/docs/assets/{RichListItem.stories-xEDsV2D_.js → RichListItem.stories-Bjn9_BVO.js} +2 -2
  69. package/docs/assets/{SelectionTile-DSpUGzPs.js → SelectionTile-BKeLO5-6.js} +1 -1
  70. package/docs/assets/{SelectionTile.stories-WMHY5FHJ.js → SelectionTile.stories-BSF1jx58.js} +1 -1
  71. package/docs/assets/{iframe-DJBrrd4-.js → iframe-DM9VVuiu.js} +4 -3
  72. package/docs/assets/{index-C_7Ic1-A.js → index-BLJge5bw.js} +1 -1
  73. package/docs/assets/{index-nq_4YiNl.js → index-GQAS3BWp.js} +1 -1
  74. package/docs/assets/{preview-TdvdvCat.js → preview-Bx8DeNCo.js} +2 -2
  75. package/docs/assets/preview-IY5bCRtO.js +64 -0
  76. package/docs/iframe.html +1 -1
  77. package/docs/index.json +1 -1
  78. package/docs/project.json +1 -1
  79. package/lib/js/components/Avatar/Avatar.consts.ts +20 -1
  80. package/lib/js/components/Avatar/Avatar.spec.ts +83 -3
  81. package/lib/js/components/Avatar/Avatar.stories.ts +24 -4
  82. package/lib/js/components/Avatar/Avatar.vue +210 -46
  83. package/lib/js/components/Badge/Badge.consts.ts +29 -0
  84. package/lib/js/components/Badge/Badge.spec.ts +168 -0
  85. package/lib/js/components/Badge/Badge.stories.ts +99 -0
  86. package/lib/js/components/Badge/Badge.vue +297 -0
  87. package/lib/js/components/Badge/index.ts +4 -0
  88. package/lib/js/components/Chip/Chip.stories.ts +1 -1
  89. package/lib/js/index.ts +2 -0
  90. package/package.json +3 -2
  91. package/docs/assets/Avatar-OqeGv3bT.js +0 -1
  92. package/docs/assets/Avatar.stories-Ran7nhCi.js +0 -35
  93. package/docs/assets/preview-hR283N6x.js +0 -64
  94. /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(): "neutral" | "primary";
362
- calcFooterSecondaryButtonColor(): "neutral" | "danger";
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(): "neutral" | "primary";
497
- calcFooterSecondaryButtonColor(): "neutral" | "danger";
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;
@@ -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;