@bethinkpl/design-system 39.0.1 → 40.0.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 (84) hide show
  1. package/README.md +1 -1
  2. package/dist/design-system.css +1 -1
  3. package/dist/design-system.js +19314 -19127
  4. package/dist/design-system.js.map +1 -1
  5. package/dist/lib/js/components/ActionContent/ActionContent.vue.d.ts +42 -0
  6. package/dist/lib/js/components/ActionContent/index.d.ts +3 -0
  7. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +4 -1
  8. package/dist/lib/js/components/Cards/Card/Card.consts.d.ts +13 -8
  9. package/dist/lib/js/components/Cards/Card/Card.vue.d.ts +22 -9
  10. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +78 -21
  11. package/dist/lib/js/components/Chip/Chip.vue.d.ts +2 -0
  12. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +4 -1
  13. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +8 -5
  14. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +5 -2
  15. package/dist/lib/js/components/Divider/Divider.vue.d.ts +1 -1
  16. package/dist/lib/js/components/Drawer/DrawerDivider/DrawerDivider.vue.d.ts +1 -1
  17. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +12 -3
  18. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +3 -0
  19. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +13 -4
  20. package/dist/lib/js/components/Drawer/DrawerTile/DrawerTile.vue.d.ts +4 -4
  21. package/dist/lib/js/components/Dropdown/Dropdown.vue.d.ts +1 -1
  22. package/dist/lib/js/components/Form/FormField/FormField.utils.d.ts +1 -1
  23. package/dist/lib/js/components/Form/InputField/InputField.vue.d.ts +2 -2
  24. package/dist/lib/js/components/Form/PasswordField/PasswordField.vue.d.ts +2 -2
  25. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +3 -0
  26. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +11 -5
  27. package/dist/lib/js/components/Headers/PageHeader/PageHeader.vue.d.ts +1 -1
  28. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +9 -3
  29. package/dist/lib/js/components/IconText/IconText.vue.d.ts +1 -1
  30. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +3 -0
  31. package/dist/lib/js/components/Image/Image.vue.d.ts +1 -1
  32. package/dist/lib/js/components/Menu/MenuDivider/MenuDivider.vue.d.ts +1 -1
  33. package/dist/lib/js/components/Modal/Modal.vue.d.ts +3 -0
  34. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +8 -2
  35. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +8 -2
  36. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +8 -2
  37. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +3 -0
  38. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +3 -0
  39. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +45 -23
  40. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +7 -4
  41. package/dist/lib/js/components/SelectList/SelectListItemDivider/SelectListItemDivider.vue.d.ts +1 -1
  42. package/dist/lib/js/components/Skeleton/Skeleton.vue.d.ts +1 -1
  43. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +3 -0
  44. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +3 -0
  45. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +85 -22
  46. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +85 -22
  47. package/dist/lib/js/components/Switch/Switch.vue.d.ts +3 -0
  48. package/dist/lib/js/components/TextGroup/TextGroup.consts.d.ts +14 -3
  49. package/dist/lib/js/components/TextGroup/TextGroup.vue.d.ts +8 -3
  50. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +5 -2
  51. package/dist/lib/js/components/Tile/Tile.vue.d.ts +2 -2
  52. package/dist/lib/js/components/Toast/Toast.vue.d.ts +76 -22
  53. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +5 -2
  54. package/dist/lib/js/components/Well/Well.consts.d.ts +24 -0
  55. package/dist/lib/js/components/Well/Well.vue.d.ts +13 -1
  56. package/dist/lib/js/icons/fontawesome.d.ts +2 -0
  57. package/dist/lib/js/index.d.ts +2 -0
  58. package/dist/lib/js/utils/type.utils.d.ts +3 -0
  59. package/lib/images/icons/comment-lock.svg +1 -0
  60. package/lib/js/components/ActionContent/ActionContent.spec.ts +99 -0
  61. package/lib/js/components/ActionContent/ActionContent.stories.ts +141 -0
  62. package/lib/js/components/ActionContent/ActionContent.vue +104 -0
  63. package/lib/js/components/ActionContent/index.ts +3 -0
  64. package/lib/js/components/Cards/Card/Card.consts.ts +15 -8
  65. package/lib/js/components/Cards/Card/Card.spec.ts +61 -1
  66. package/lib/js/components/Cards/Card/Card.stories.ts +20 -13
  67. package/lib/js/components/Cards/Card/Card.vue +65 -34
  68. package/lib/js/components/Chip/Chip.spec.ts +28 -0
  69. package/lib/js/components/Chip/Chip.stories.ts +7 -2
  70. package/lib/js/components/Chip/Chip.vue +14 -3
  71. package/lib/js/components/Icons/Icon/Icon.consts.ts +2 -0
  72. package/lib/js/components/ProgressDonutChart/ProgressDonutChart.spec.ts +3 -3
  73. package/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue +8 -1
  74. package/lib/js/components/TextGroup/TextGroup.consts.ts +15 -1
  75. package/lib/js/components/TextGroup/TextGroup.stories.ts +14 -5
  76. package/lib/js/components/TextGroup/TextGroup.vue +51 -28
  77. package/lib/js/components/Well/Well.consts.ts +16 -0
  78. package/lib/js/components/Well/Well.spec.ts +112 -0
  79. package/lib/js/components/Well/Well.stories.ts +90 -1
  80. package/lib/js/components/Well/Well.vue +135 -4
  81. package/lib/js/icons/fontawesome.ts +4 -0
  82. package/lib/js/index.ts +2 -0
  83. package/lib/js/utils/type.utils.ts +16 -0
  84. package/package.json +14 -6
@@ -26,6 +26,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
26
26
  ICONS: Readonly<{
27
27
  readonly ANSWERS: VueConstructor<Vue>;
28
28
  readonly CHANGE: VueConstructor<Vue>;
29
+ readonly COMMENT_LOCK: VueConstructor<Vue>;
29
30
  readonly COMMENTS_CHECK: VueConstructor<Vue>;
30
31
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
31
32
  readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -127,6 +128,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
127
128
  readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
128
129
  readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
129
130
  readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
131
+ readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
130
132
  readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
131
133
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
132
134
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -290,6 +292,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
290
292
  readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
291
293
  readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
292
294
  readonly FA_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
295
+ readonly FA_SPARKLES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
293
296
  readonly FA_WAND_MAGIC_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
294
297
  readonly FA_WINDOW_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
295
298
  readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -500,17 +503,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
500
503
  dividerUnderHeader: {
501
504
  type: import('vue').PropType<boolean>;
502
505
  };
503
- hasBorder: {
506
+ hasRibbon: {
504
507
  type: import('vue').PropType<boolean>;
505
508
  };
506
- borderPosition: {
507
- type: import('vue').PropType<import('../../Cards/Card').CardBorderPositions>;
509
+ hasRadius: {
510
+ type: import('vue').PropType<boolean>;
508
511
  };
509
- borderSize: {
510
- type: import('vue').PropType<import('../../Cards/Card').CardBorderSizes>;
512
+ backgroundColor: {
513
+ type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
511
514
  };
512
- borderColor: {
513
- type: import('vue').PropType<import('../../Cards/Card').CardBorderColors>;
515
+ ribbonPosition: {
516
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
517
+ };
518
+ ribbonSize: {
519
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonSizes>;
520
+ };
521
+ ribbonColor: {
522
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonColors>;
514
523
  };
515
524
  hasRibbonRadius: {
516
525
  type: import('vue').PropType<boolean>;
@@ -530,6 +539,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
530
539
  isContentScrollable: {
531
540
  type: import('vue').PropType<boolean>;
532
541
  };
542
+ hasBorder: {
543
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
544
+ };
545
+ borderPosition: {
546
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
547
+ };
548
+ borderSize: {
549
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
550
+ };
551
+ borderColor: {
552
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
553
+ };
533
554
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
534
555
  P: {};
535
556
  B: {};
@@ -553,17 +574,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
553
574
  dividerUnderHeader: {
554
575
  type: import('vue').PropType<boolean>;
555
576
  };
556
- hasBorder: {
577
+ hasRibbon: {
557
578
  type: import('vue').PropType<boolean>;
558
579
  };
559
- borderPosition: {
560
- type: import('vue').PropType<import('../../Cards/Card').CardBorderPositions>;
580
+ hasRadius: {
581
+ type: import('vue').PropType<boolean>;
561
582
  };
562
- borderSize: {
563
- type: import('vue').PropType<import('../../Cards/Card').CardBorderSizes>;
583
+ backgroundColor: {
584
+ type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
564
585
  };
565
- borderColor: {
566
- type: import('vue').PropType<import('../../Cards/Card').CardBorderColors>;
586
+ ribbonPosition: {
587
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
588
+ };
589
+ ribbonSize: {
590
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonSizes>;
591
+ };
592
+ ribbonColor: {
593
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonColors>;
567
594
  };
568
595
  hasRibbonRadius: {
569
596
  type: import('vue').PropType<boolean>;
@@ -583,6 +610,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
583
610
  isContentScrollable: {
584
611
  type: import('vue').PropType<boolean>;
585
612
  };
613
+ hasBorder: {
614
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
615
+ };
616
+ borderPosition: {
617
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
618
+ };
619
+ borderSize: {
620
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
621
+ };
622
+ borderColor: {
623
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
624
+ };
586
625
  }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
587
626
  __isFragment?: never;
588
627
  __isTeleport?: never;
@@ -603,17 +642,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
603
642
  dividerUnderHeader: {
604
643
  type: import('vue').PropType<boolean>;
605
644
  };
606
- hasBorder: {
645
+ hasRibbon: {
607
646
  type: import('vue').PropType<boolean>;
608
647
  };
609
- borderPosition: {
610
- type: import('vue').PropType<import('../../Cards/Card').CardBorderPositions>;
648
+ hasRadius: {
649
+ type: import('vue').PropType<boolean>;
611
650
  };
612
- borderSize: {
613
- type: import('vue').PropType<import('../../Cards/Card').CardBorderSizes>;
651
+ backgroundColor: {
652
+ type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
614
653
  };
615
- borderColor: {
616
- type: import('vue').PropType<import('../../Cards/Card').CardBorderColors>;
654
+ ribbonPosition: {
655
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
656
+ };
657
+ ribbonSize: {
658
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonSizes>;
659
+ };
660
+ ribbonColor: {
661
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonColors>;
617
662
  };
618
663
  hasRibbonRadius: {
619
664
  type: import('vue').PropType<boolean>;
@@ -633,6 +678,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
633
678
  isContentScrollable: {
634
679
  type: import('vue').PropType<boolean>;
635
680
  };
681
+ hasBorder: {
682
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
683
+ };
684
+ borderPosition: {
685
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
686
+ };
687
+ borderSize: {
688
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
689
+ };
690
+ borderColor: {
691
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
692
+ };
636
693
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
637
694
  $slots: Readonly<{
638
695
  header?: () => any;
@@ -700,6 +757,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
700
757
  ICONS: Readonly<{
701
758
  readonly ANSWERS: VueConstructor<Vue>;
702
759
  readonly CHANGE: VueConstructor<Vue>;
760
+ readonly COMMENT_LOCK: VueConstructor<Vue>;
703
761
  readonly COMMENTS_CHECK: VueConstructor<Vue>;
704
762
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
705
763
  readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -801,6 +859,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
801
859
  readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
802
860
  readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
803
861
  readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
862
+ readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
804
863
  readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
805
864
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
806
865
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -964,6 +1023,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
964
1023
  readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
965
1024
  readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
966
1025
  readonly FA_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1026
+ readonly FA_SPARKLES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
967
1027
  readonly FA_WAND_MAGIC_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
968
1028
  readonly FA_WINDOW_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
969
1029
  readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1082,9 +1142,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1082
1142
  type: string;
1083
1143
  touchableDeprecated: boolean;
1084
1144
  color: string;
1085
- elevation: string;
1086
1145
  radius: string;
1087
1146
  state: string;
1147
+ elevation: string;
1088
1148
  colorScheme: string;
1089
1149
  }, {}, {
1090
1150
  WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1265,6 +1325,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1265
1325
  ICONS: Readonly<{
1266
1326
  readonly ANSWERS: VueConstructor<Vue>;
1267
1327
  readonly CHANGE: VueConstructor<Vue>;
1328
+ readonly COMMENT_LOCK: VueConstructor<Vue>;
1268
1329
  readonly COMMENTS_CHECK: VueConstructor<Vue>;
1269
1330
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
1270
1331
  readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -1366,6 +1427,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1366
1427
  readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1367
1428
  readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1368
1429
  readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1430
+ readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1369
1431
  readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1370
1432
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1371
1433
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1529,6 +1591,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1529
1591
  readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1530
1592
  readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1531
1593
  readonly FA_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1594
+ readonly FA_SPARKLES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1532
1595
  readonly FA_WAND_MAGIC_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1533
1596
  readonly FA_WINDOW_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1534
1597
  readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -45,6 +45,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
45
45
  ICONS: Readonly<{
46
46
  readonly ANSWERS: VueConstructor<Vue>;
47
47
  readonly CHANGE: VueConstructor<Vue>;
48
+ readonly COMMENT_LOCK: VueConstructor<Vue>;
48
49
  readonly COMMENTS_CHECK: VueConstructor<Vue>;
49
50
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
50
51
  readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -146,6 +147,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
146
147
  readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
147
148
  readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
148
149
  readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
150
+ readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
149
151
  readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
150
152
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
151
153
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -309,6 +311,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
309
311
  readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
310
312
  readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
311
313
  readonly FA_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
314
+ readonly FA_SPARKLES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
312
315
  readonly FA_WAND_MAGIC_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
313
316
  readonly FA_WINDOW_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
314
317
  readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -472,17 +475,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
472
475
  dividerUnderHeader: {
473
476
  type: import('vue').PropType<boolean>;
474
477
  };
475
- hasBorder: {
478
+ hasRibbon: {
476
479
  type: import('vue').PropType<boolean>;
477
480
  };
478
- borderPosition: {
479
- type: import('vue').PropType<import('../../Cards/Card').CardBorderPositions>;
481
+ hasRadius: {
482
+ type: import('vue').PropType<boolean>;
480
483
  };
481
- borderSize: {
482
- type: import('vue').PropType<import('../../Cards/Card').CardBorderSizes>;
484
+ backgroundColor: {
485
+ type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
483
486
  };
484
- borderColor: {
485
- type: import('vue').PropType<import('../../Cards/Card').CardBorderColors>;
487
+ ribbonPosition: {
488
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
489
+ };
490
+ ribbonSize: {
491
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonSizes>;
492
+ };
493
+ ribbonColor: {
494
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonColors>;
486
495
  };
487
496
  hasRibbonRadius: {
488
497
  type: import('vue').PropType<boolean>;
@@ -502,6 +511,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
502
511
  isContentScrollable: {
503
512
  type: import('vue').PropType<boolean>;
504
513
  };
514
+ hasBorder: {
515
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
516
+ };
517
+ borderPosition: {
518
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
519
+ };
520
+ borderSize: {
521
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
522
+ };
523
+ borderColor: {
524
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
525
+ };
505
526
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
506
527
  P: {};
507
528
  B: {};
@@ -525,17 +546,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
525
546
  dividerUnderHeader: {
526
547
  type: import('vue').PropType<boolean>;
527
548
  };
528
- hasBorder: {
549
+ hasRibbon: {
529
550
  type: import('vue').PropType<boolean>;
530
551
  };
531
- borderPosition: {
532
- type: import('vue').PropType<import('../../Cards/Card').CardBorderPositions>;
552
+ hasRadius: {
553
+ type: import('vue').PropType<boolean>;
533
554
  };
534
- borderSize: {
535
- type: import('vue').PropType<import('../../Cards/Card').CardBorderSizes>;
555
+ backgroundColor: {
556
+ type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
536
557
  };
537
- borderColor: {
538
- type: import('vue').PropType<import('../../Cards/Card').CardBorderColors>;
558
+ ribbonPosition: {
559
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
560
+ };
561
+ ribbonSize: {
562
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonSizes>;
563
+ };
564
+ ribbonColor: {
565
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonColors>;
539
566
  };
540
567
  hasRibbonRadius: {
541
568
  type: import('vue').PropType<boolean>;
@@ -555,6 +582,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
555
582
  isContentScrollable: {
556
583
  type: import('vue').PropType<boolean>;
557
584
  };
585
+ hasBorder: {
586
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
587
+ };
588
+ borderPosition: {
589
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
590
+ };
591
+ borderSize: {
592
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
593
+ };
594
+ borderColor: {
595
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
596
+ };
558
597
  }>> & Readonly<{}>, {}, {}, {}, {}, {}>;
559
598
  __isFragment?: never;
560
599
  __isTeleport?: never;
@@ -575,17 +614,23 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
575
614
  dividerUnderHeader: {
576
615
  type: import('vue').PropType<boolean>;
577
616
  };
578
- hasBorder: {
617
+ hasRibbon: {
579
618
  type: import('vue').PropType<boolean>;
580
619
  };
581
- borderPosition: {
582
- type: import('vue').PropType<import('../../Cards/Card').CardBorderPositions>;
620
+ hasRadius: {
621
+ type: import('vue').PropType<boolean>;
583
622
  };
584
- borderSize: {
585
- type: import('vue').PropType<import('../../Cards/Card').CardBorderSizes>;
623
+ backgroundColor: {
624
+ type: import('vue').PropType<import('../../Cards/Card').CardBackgroundColor>;
586
625
  };
587
- borderColor: {
588
- type: import('vue').PropType<import('../../Cards/Card').CardBorderColors>;
626
+ ribbonPosition: {
627
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonPositions>;
628
+ };
629
+ ribbonSize: {
630
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonSizes>;
631
+ };
632
+ ribbonColor: {
633
+ type: import('vue').PropType<import('../../Cards/Card').CardRibbonColors>;
589
634
  };
590
635
  hasRibbonRadius: {
591
636
  type: import('vue').PropType<boolean>;
@@ -605,6 +650,18 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
605
650
  isContentScrollable: {
606
651
  type: import('vue').PropType<boolean>;
607
652
  };
653
+ hasBorder: {
654
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to hasRibbon">>;
655
+ };
656
+ borderPosition: {
657
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonPosition">>;
658
+ };
659
+ borderSize: {
660
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonSize">>;
661
+ };
662
+ borderColor: {
663
+ type: import('vue').PropType<import('../../../utils/type.utils').RemovedProp<"renamed to ribbonColor">>;
664
+ };
608
665
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
609
666
  $slots: Readonly<{
610
667
  header?: () => any;
@@ -672,6 +729,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
672
729
  ICONS: Readonly<{
673
730
  readonly ANSWERS: VueConstructor<Vue>;
674
731
  readonly CHANGE: VueConstructor<Vue>;
732
+ readonly COMMENT_LOCK: VueConstructor<Vue>;
675
733
  readonly COMMENTS_CHECK: VueConstructor<Vue>;
676
734
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
677
735
  readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -773,6 +831,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
773
831
  readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
774
832
  readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
775
833
  readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
834
+ readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
776
835
  readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
777
836
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
778
837
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -936,6 +995,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
936
995
  readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
937
996
  readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
938
997
  readonly FA_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
998
+ readonly FA_SPARKLES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
939
999
  readonly FA_WAND_MAGIC_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
940
1000
  readonly FA_WINDOW_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
941
1001
  readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1054,9 +1114,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1054
1114
  type: string;
1055
1115
  touchableDeprecated: boolean;
1056
1116
  color: string;
1057
- elevation: string;
1058
1117
  radius: string;
1059
1118
  state: string;
1119
+ elevation: string;
1060
1120
  colorScheme: string;
1061
1121
  }, {}, {
1062
1122
  WnlIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
@@ -1410,6 +1470,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1410
1470
  ICONS: Readonly<{
1411
1471
  readonly ANSWERS: VueConstructor<Vue>;
1412
1472
  readonly CHANGE: VueConstructor<Vue>;
1473
+ readonly COMMENT_LOCK: VueConstructor<Vue>;
1413
1474
  readonly COMMENTS_CHECK: VueConstructor<Vue>;
1414
1475
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
1415
1476
  readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -1511,6 +1572,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1511
1572
  readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1512
1573
  readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1513
1574
  readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1575
+ readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
1514
1576
  readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1515
1577
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
1516
1578
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1674,6 +1736,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1674
1736
  readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1675
1737
  readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1676
1738
  readonly FA_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1739
+ readonly FA_SPARKLES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
1677
1740
  readonly FA_WAND_MAGIC_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
1678
1741
  readonly FA_WINDOW_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1679
1742
  readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -45,6 +45,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
45
45
  ICONS: Readonly<{
46
46
  readonly ANSWERS: VueConstructor<Vue>;
47
47
  readonly CHANGE: VueConstructor<Vue>;
48
+ readonly COMMENT_LOCK: VueConstructor<Vue>;
48
49
  readonly COMMENTS_CHECK: VueConstructor<Vue>;
49
50
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
50
51
  readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -146,6 +147,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
146
147
  readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
147
148
  readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
148
149
  readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
150
+ readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
149
151
  readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
150
152
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
151
153
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -309,6 +311,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
309
311
  readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
310
312
  readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
311
313
  readonly FA_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
314
+ readonly FA_SPARKLES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
312
315
  readonly FA_WAND_MAGIC_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
313
316
  readonly FA_WINDOW_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
314
317
  readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -8,9 +8,18 @@ export declare const TEXT_GROUP_LOADING_SIZES: {
8
8
  LARGE: string;
9
9
  };
10
10
  export declare const TEXT_GROUP_SIZES: {
11
- X_SMALL: string;
12
- SMALL: string;
13
- MEDIUM: string;
11
+ readonly X_SMALL: "x-small";
12
+ readonly SMALL: "small";
13
+ readonly MEDIUM: "medium";
14
+ readonly LARGE: "large";
15
+ };
16
+ export declare const TEXT_GROUP_ALIGNS: {
17
+ readonly LEFT: "left";
18
+ readonly CENTER: "center";
19
+ };
20
+ export declare const TEXT_GROUP_MAIN_TEXT_COLORS: {
21
+ readonly NEUTRAL: "neutral";
22
+ readonly PRIMARY: "primary";
14
23
  };
15
24
  export declare const TEXT_GROUP_STATES: {
16
25
  readonly DEFAULT: "default";
@@ -22,3 +31,5 @@ export type TextGroupProminence = (typeof TEXT_GROUP_PROMINENCE)[keyof typeof TE
22
31
  export type TextGroupLoadingSize = (typeof TEXT_GROUP_LOADING_SIZES)[keyof typeof TEXT_GROUP_LOADING_SIZES];
23
32
  export type TextGroupSize = (typeof TEXT_GROUP_SIZES)[keyof typeof TEXT_GROUP_SIZES];
24
33
  export type TextGroupState = (typeof TEXT_GROUP_STATES)[keyof typeof TEXT_GROUP_STATES];
34
+ export type TextGroupAlign = (typeof TEXT_GROUP_ALIGNS)[keyof typeof TEXT_GROUP_ALIGNS];
35
+ export type TextGroupMainTextColor = (typeof TEXT_GROUP_MAIN_TEXT_COLORS)[keyof typeof TEXT_GROUP_MAIN_TEXT_COLORS];
@@ -1,10 +1,13 @@
1
- import { TextGroupProminence, TextGroupLoadingSize, TextGroupSize, TextGroupState } from './TextGroup.consts';
1
+ import { TextGroupAlign, TextGroupMainTextColor, TextGroupProminence, TextGroupLoadingSize, TextGroupSize, TextGroupState } from './TextGroup.consts';
2
+ import { RemovedProp } from '../../utils/type.utils';
2
3
 
3
4
  declare function __VLS_template(): {
4
5
  mainText?(_: {}): any;
5
6
  };
6
7
  declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
7
8
  size?: TextGroupSize;
9
+ align?: TextGroupAlign;
10
+ mainTextColor?: TextGroupMainTextColor;
8
11
  prominence?: TextGroupProminence;
9
12
  eyebrowText?: string | null;
10
13
  eyebrowTextEllipsis?: boolean;
@@ -16,14 +19,16 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
16
19
  supportingTextEllipsis?: boolean;
17
20
  isInteractive?: boolean;
18
21
  skeletonLoadingSize?: TextGroupLoadingSize;
19
- isSelected?: boolean;
20
22
  state?: TextGroupState;
21
23
  isSupportingTextTooltipEnabled?: boolean;
22
24
  isSupportingTextTooltipEnabledOnMobile?: boolean;
23
25
  isSupportingTextTooltipAutoFilledWithContent?: boolean;
24
26
  supportingTextTooltipContent?: string;
27
+ isSelected?: RemovedProp<"use mainTextColor=primary instead">;
25
28
  }>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
26
29
  size?: TextGroupSize;
30
+ align?: TextGroupAlign;
31
+ mainTextColor?: TextGroupMainTextColor;
27
32
  prominence?: TextGroupProminence;
28
33
  eyebrowText?: string | null;
29
34
  eyebrowTextEllipsis?: boolean;
@@ -35,12 +40,12 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
35
40
  supportingTextEllipsis?: boolean;
36
41
  isInteractive?: boolean;
37
42
  skeletonLoadingSize?: TextGroupLoadingSize;
38
- isSelected?: boolean;
39
43
  state?: TextGroupState;
40
44
  isSupportingTextTooltipEnabled?: boolean;
41
45
  isSupportingTextTooltipEnabledOnMobile?: boolean;
42
46
  isSupportingTextTooltipAutoFilledWithContent?: boolean;
43
47
  supportingTextTooltipContent?: string;
48
+ isSelected?: RemovedProp<"use mainTextColor=primary instead">;
44
49
  }>>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
45
50
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
46
51
  export default _default;
@@ -5,6 +5,7 @@ export declare const data: () => {
5
5
  ICONS: Readonly<{
6
6
  readonly ANSWERS: VueConstructor<Vue>;
7
7
  readonly CHANGE: VueConstructor<Vue>;
8
+ readonly COMMENT_LOCK: VueConstructor<Vue>;
8
9
  readonly COMMENTS_CHECK: VueConstructor<Vue>;
9
10
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<Vue>;
10
11
  readonly HIDE_ANSWERS: VueConstructor<Vue>;
@@ -106,6 +107,7 @@ export declare const data: () => {
106
107
  readonly FA_CODE_SIMPLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
107
108
  readonly FA_CODE: import('@fortawesome/fontawesome-common-types').IconDefinition;
108
109
  readonly FA_COMMENT_DOTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
110
+ readonly FA_COMMENT_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
109
111
  readonly FA_COMMENT_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
110
112
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
111
113
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -269,6 +271,7 @@ export declare const data: () => {
269
271
  readonly FA_VIDEO_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
270
272
  readonly FA_VOLUME_HIGH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
271
273
  readonly FA_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
274
+ readonly FA_SPARKLES_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
272
275
  readonly FA_WAND_MAGIC_SPARKLES: import('@fortawesome/fontawesome-common-types').IconDefinition;
273
276
  readonly FA_WINDOW_MAXIMIZE: import('@fortawesome/fontawesome-common-types').IconDefinition;
274
277
  readonly FA_XMARK: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -290,8 +293,8 @@ export declare const data: () => {
290
293
  readonly ACCENT: "accent";
291
294
  }>;
292
295
  allowedColorsToBorderColorsMap: {
293
- neutral: ("primary" | "neutral" | "neutralWeak" | "primaryWeak")[];
294
- neutralWeak: ("primary" | "neutral" | "neutralWeak" | "primaryWeak")[];
296
+ neutral: ("neutral" | "neutralWeak" | "primary" | "primaryWeak")[];
297
+ neutralWeak: ("neutral" | "neutralWeak" | "primary" | "primaryWeak")[];
295
298
  primary: ("primary" | "primaryWeak")[];
296
299
  success: ("success" | "successWeak")[];
297
300
  fail: ("fail" | "failWeak")[];
@@ -126,14 +126,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
126
126
  };
127
127
  }>> & Readonly<{}>, {
128
128
  color: import('./Tile.consts').TileColor;
129
+ eyebrowText: string;
130
+ isEyebrowTextUppercase: boolean;
129
131
  state: import('./Tile.consts').TileState;
130
132
  iconLeft: Record<string, any>;
131
133
  iconRight: Record<string, any>;
132
134
  borderColor: import('./Tile.consts').TileBorderColors;
133
135
  interactive: boolean;
134
- eyebrowText: string;
135
136
  additionalText: string;
136
- isEyebrowTextUppercase: boolean;
137
137
  eyebrowEllipsis: boolean;
138
138
  textEllipsis: boolean;
139
139
  additionalTextMaxWidth: import('./Tile.consts').TileAdditionalTextMaxWidth;