@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
@@ -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[keyof 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<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
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
- size: "x-small";
9
- avatarUrl: undefined;
10
- }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
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
- size: "x-small";
16
- avatarUrl: undefined;
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
+ };
@@ -0,0 +1,4 @@
1
+ import { default as Badge } from './Badge.vue';
2
+
3
+ export default Badge;
4
+ export * from './Badge.consts';
@@ -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(): "warning" | "danger" | "neutralWeak" | "primary" | "dangerWeak" | "warningWeak";
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;