@bethinkpl/design-system 14.1.2 → 15.0.1

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 (63) hide show
  1. package/dist/design-system.umd.js +582 -309
  2. package/dist/design-system.umd.js.map +1 -1
  3. package/dist/lib/js/components/Banner/Banner.stories.d.ts +56 -8
  4. package/dist/lib/js/components/Banner/Banner.vue.d.ts +28 -4
  5. package/dist/lib/js/components/Buttons/Button/Button.stories.d.ts +14 -2
  6. package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +7 -1
  7. package/dist/lib/js/components/Buttons/IconButton/IconButton.stories.d.ts +98 -14
  8. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +14 -2
  9. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.stories.d.ts +14 -2
  10. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +7 -1
  11. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +7 -1
  12. package/dist/lib/js/components/Modal/Modal.vue.d.ts +7 -1
  13. package/dist/lib/js/components/Modals/Modal/Modal.stories.d.ts +140 -20
  14. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +28 -4
  15. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.stories.d.ts +112 -16
  16. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +28 -4
  17. package/dist/lib/js/components/OverlayHeader/OverlayHeader.stories.d.ts +42 -6
  18. package/dist/lib/js/components/OverlayHeader/OverlayHeader.vue.d.ts +21 -3
  19. package/dist/lib/js/components/Pagination/Pagination.stories.d.ts +42 -6
  20. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +21 -3
  21. package/dist/lib/js/components/Pill/Pill.stories.d.ts +42 -6
  22. package/dist/lib/js/components/Pill/Pill.vue.d.ts +21 -3
  23. package/dist/lib/js/components/ProgressBar/ProgressBar.consts.d.ts +34 -13
  24. package/dist/lib/js/components/ProgressBar/ProgressBar.stories.d.ts +1477 -169
  25. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +246 -28
  26. package/dist/lib/js/components/SectionHeader/SectionHeader.stories.d.ts +14 -2
  27. package/dist/lib/js/components/SectionHeader/SectionHeader.vue.d.ts +7 -1
  28. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.stories.d.ts +14 -2
  29. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +7 -1
  30. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.stories.d.ts +14 -2
  31. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +7 -1
  32. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.stories.d.ts +14 -2
  33. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +7 -1
  34. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +7 -1
  35. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockedeStatus.stories.d.ts +14 -2
  36. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.stories.d.ts +70 -10
  37. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +35 -5
  38. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.d.ts +140 -20
  39. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +35 -5
  40. package/dist/lib/js/components/Tile/Tile.consts.d.ts +1 -0
  41. package/dist/lib/js/components/Tile/Tile.stories.d.ts +21 -3
  42. package/dist/lib/js/components/Tile/Tile.vue.d.ts +7 -1
  43. package/dist/lib/js/icons/fontawesome.d.ts +7 -0
  44. package/docs/iframe.html +1 -1
  45. package/docs/main.a243e1cc.iframe.bundle.js +1 -0
  46. package/docs/project.json +1 -1
  47. package/docs/vendors~main.09187a93.iframe.bundle.js +3 -0
  48. package/docs/vendors~main.09187a93.iframe.bundle.js.map +1 -0
  49. package/lib/js/components/Icons/Icon/Icon.consts.ts +0 -2
  50. package/lib/js/components/Modals/Modal/Modal.vue +3 -0
  51. package/lib/js/components/Modals/ModalDialog/ModalDialog.vue +3 -0
  52. package/lib/js/components/ProgressBar/ProgressBar.consts.ts +41 -15
  53. package/lib/js/components/ProgressBar/ProgressBar.stories.ts +37 -49
  54. package/lib/js/components/ProgressBar/ProgressBar.vue +169 -113
  55. package/lib/js/components/Tile/Tile.consts.ts +1 -0
  56. package/lib/js/components/Tile/Tile.vue +16 -0
  57. package/lib/js/icons/fontawesome.ts +14 -0
  58. package/package.json +1 -1
  59. package/docs/main.2e6f520b.iframe.bundle.js +0 -1
  60. package/docs/vendors~main.3e958b34.iframe.bundle.js +0 -3
  61. package/docs/vendors~main.3e958b34.iframe.bundle.js.map +0 -1
  62. package/lib/images/icons/clipboard-add.svg +0 -1
  63. /package/docs/{vendors~main.3e958b34.iframe.bundle.js.LICENSE.txt → vendors~main.09187a93.iframe.bundle.js.LICENSE.txt} +0 -0
@@ -221,7 +221,6 @@ declare const _default: {
221
221
  };
222
222
  data(): {
223
223
  ICONS: Readonly<{
224
- readonly CLIPBOARD_ADD: VueConstructor<import("vue").default>;
225
224
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<import("vue").default>;
226
225
  readonly RIBBON: VueConstructor<import("vue").default>;
227
226
  readonly SLIDERS_SEARCH: VueConstructor<import("vue").default>;
@@ -253,7 +252,12 @@ declare const _default: {
253
252
  readonly FA_BOOK_SPARKLES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
254
253
  readonly FA_BOOKMARK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
255
254
  readonly FA_BOX_ARCHIVE: import("@fortawesome/fontawesome-common-types").IconDefinition;
255
+ readonly FA_CALENDAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
256
+ readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
257
+ readonly FA_CALENDAR_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
258
+ readonly FA_CALENDAR_DAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
256
259
  readonly FA_CALENDAR_DAYS: import("@fortawesome/fontawesome-common-types").IconDefinition;
260
+ readonly FA_CALENDAR_RANGE: import("@fortawesome/fontawesome-common-types").IconDefinition;
257
261
  readonly FA_CAMERA_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
258
262
  readonly FA_CARET_SQUARE_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
259
263
  readonly FA_CART_SHOPPING: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -278,6 +282,7 @@ declare const _default: {
278
282
  readonly FA_CIRCLE_PLAY_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
279
283
  readonly FA_CIRCLE_QUESTION: import("@fortawesome/fontawesome-common-types").IconDefinition;
280
284
  readonly FA_CIRCLE_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
285
+ readonly FA_CLIPBOARD_MEDICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
281
286
  readonly FA_CLOCK: import("@fortawesome/fontawesome-common-types").IconDefinition;
282
287
  readonly FA_CLOCK_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
283
288
  readonly FA_CODE: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -374,6 +379,7 @@ declare const _default: {
374
379
  readonly FA_THUMBS_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
375
380
  readonly FA_THUMBTACK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
376
381
  readonly FA_TRASH_CAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
382
+ readonly FA_TREE_PALM: import("@fortawesome/fontawesome-common-types").IconDefinition;
377
383
  readonly FA_TRIANGLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
378
384
  readonly FA_TRIANGLE_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
379
385
  readonly FA_TROPHY_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -493,7 +499,6 @@ declare const _default: {
493
499
  data(): {
494
500
  hovered: boolean;
495
501
  ICONS: Readonly<{
496
- readonly CLIPBOARD_ADD: VueConstructor<import("vue").default>;
497
502
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<import("vue").default>;
498
503
  readonly RIBBON: VueConstructor<import("vue").default>;
499
504
  readonly SLIDERS_SEARCH: VueConstructor<import("vue").default>;
@@ -525,7 +530,12 @@ declare const _default: {
525
530
  readonly FA_BOOK_SPARKLES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
526
531
  readonly FA_BOOKMARK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
527
532
  readonly FA_BOX_ARCHIVE: import("@fortawesome/fontawesome-common-types").IconDefinition;
533
+ readonly FA_CALENDAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
534
+ readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
535
+ readonly FA_CALENDAR_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
536
+ readonly FA_CALENDAR_DAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
528
537
  readonly FA_CALENDAR_DAYS: import("@fortawesome/fontawesome-common-types").IconDefinition;
538
+ readonly FA_CALENDAR_RANGE: import("@fortawesome/fontawesome-common-types").IconDefinition;
529
539
  readonly FA_CAMERA_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
530
540
  readonly FA_CARET_SQUARE_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
531
541
  readonly FA_CART_SHOPPING: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -550,6 +560,7 @@ declare const _default: {
550
560
  readonly FA_CIRCLE_PLAY_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
551
561
  readonly FA_CIRCLE_QUESTION: import("@fortawesome/fontawesome-common-types").IconDefinition;
552
562
  readonly FA_CIRCLE_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
563
+ readonly FA_CLIPBOARD_MEDICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
553
564
  readonly FA_CLOCK: import("@fortawesome/fontawesome-common-types").IconDefinition;
554
565
  readonly FA_CLOCK_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
555
566
  readonly FA_CODE: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -646,6 +657,7 @@ declare const _default: {
646
657
  readonly FA_THUMBS_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
647
658
  readonly FA_THUMBTACK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
648
659
  readonly FA_TRASH_CAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
660
+ readonly FA_TREE_PALM: import("@fortawesome/fontawesome-common-types").IconDefinition;
649
661
  readonly FA_TRIANGLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
650
662
  readonly FA_TRIANGLE_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
651
663
  readonly FA_TROPHY_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -756,7 +768,6 @@ declare const _default: {
756
768
  };
757
769
  data(): {
758
770
  ICONS: Readonly<{
759
- readonly CLIPBOARD_ADD: VueConstructor<import("vue").default>;
760
771
  readonly HEAD_WITH_QUESTION_MARK: VueConstructor<import("vue").default>;
761
772
  readonly RIBBON: VueConstructor<import("vue").default>;
762
773
  readonly SLIDERS_SEARCH: VueConstructor<import("vue").default>;
@@ -788,7 +799,12 @@ declare const _default: {
788
799
  readonly FA_BOOK_SPARKLES_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
789
800
  readonly FA_BOOKMARK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
790
801
  readonly FA_BOX_ARCHIVE: import("@fortawesome/fontawesome-common-types").IconDefinition;
802
+ readonly FA_CALENDAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
803
+ readonly FA_CALENDAR_CIRCLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
804
+ readonly FA_CALENDAR_CHECK: import("@fortawesome/fontawesome-common-types").IconDefinition;
805
+ readonly FA_CALENDAR_DAY: import("@fortawesome/fontawesome-common-types").IconDefinition;
791
806
  readonly FA_CALENDAR_DAYS: import("@fortawesome/fontawesome-common-types").IconDefinition;
807
+ readonly FA_CALENDAR_RANGE: import("@fortawesome/fontawesome-common-types").IconDefinition;
792
808
  readonly FA_CAMERA_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
793
809
  readonly FA_CARET_SQUARE_RIGHT_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
794
810
  readonly FA_CART_SHOPPING: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -813,6 +829,7 @@ declare const _default: {
813
829
  readonly FA_CIRCLE_PLAY_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
814
830
  readonly FA_CIRCLE_QUESTION: import("@fortawesome/fontawesome-common-types").IconDefinition;
815
831
  readonly FA_CIRCLE_XMARK: import("@fortawesome/fontawesome-common-types").IconDefinition;
832
+ readonly FA_CLIPBOARD_MEDICAL: import("@fortawesome/fontawesome-common-types").IconDefinition;
816
833
  readonly FA_CLOCK: import("@fortawesome/fontawesome-common-types").IconDefinition;
817
834
  readonly FA_CLOCK_ROTATE_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
818
835
  readonly FA_CODE: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -909,6 +926,7 @@ declare const _default: {
909
926
  readonly FA_THUMBS_UP_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
910
927
  readonly FA_THUMBTACK_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
911
928
  readonly FA_TRASH_CAN: import("@fortawesome/fontawesome-common-types").IconDefinition;
929
+ readonly FA_TREE_PALM: import("@fortawesome/fontawesome-common-types").IconDefinition;
912
930
  readonly FA_TRIANGLE_EXCLAMATION: import("@fortawesome/fontawesome-common-types").IconDefinition;
913
931
  readonly FA_TRIANGLE_EXCLAMATION_SOLID: import("@fortawesome/fontawesome-common-types").IconDefinition;
914
932
  readonly FA_TROPHY_STAR: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -1,7 +1,33 @@
1
- export declare const PROGRESS_BAR_COLORS: {
1
+ export declare const PROGRESS_BAR_RANGE_COLORS: {
2
+ readonly PRIMARY_MEDIUM: "primaryMedium";
3
+ readonly PRIMARY: "primary";
4
+ readonly PRIMARY_WEAK: "primaryWeak";
5
+ readonly PRIMARY_GHOST: "primaryGhost";
6
+ readonly NEUTRAL_MEDIUM: "neutralMedium";
2
7
  readonly NEUTRAL: "neutral";
8
+ readonly NEUTRAL_WEAK: "neutralWeak";
9
+ readonly NEUTRAL_GHOST: "neutralGhost";
10
+ readonly INFO_MEDIUM: "infoMedium";
3
11
  readonly INFO: "info";
12
+ readonly INFO_WEAK: "infoWeak";
13
+ readonly INFO_GHOST: "infoGhost";
14
+ readonly SUCCESS_MEDIUM: "successMedium";
15
+ readonly SUCCESS: "success";
16
+ readonly SUCCESS_WEAK: "successWeak";
17
+ readonly SUCCESS_GHOST: "successGhost";
18
+ readonly WARNING_MEDIUM: "warningMedium";
19
+ readonly WARNING: "warning";
20
+ readonly WARNING_WEAK: "warningWeak";
21
+ readonly WARNING_GHOST: "warningGhost";
22
+ readonly FAIL_MEDIUM: "failMedium";
23
+ readonly FAIL: "fail";
24
+ readonly FAIL_WEAK: "failWeak";
25
+ readonly FAIL_GHOST: "failGhost";
26
+ };
27
+ export declare const PROGRESS_BAR_BADGE_COLORS: {
4
28
  readonly PRIMARY: "primary";
29
+ readonly NEUTRAL: "neutral";
30
+ readonly INFO: "info";
5
31
  readonly SUCCESS: "success";
6
32
  readonly WARNING: "warning";
7
33
  readonly FAIL: "fail";
@@ -11,6 +37,10 @@ export declare const PROGRESS_BAR_SIZES: {
11
37
  readonly SMALL: "small";
12
38
  readonly XSMALL: "extra small";
13
39
  };
40
+ export declare const PROGRESS_BAR_LABEL_TEXT_SIZES: {
41
+ readonly MEDIUM: "medium";
42
+ readonly SMALL: "small";
43
+ };
14
44
  export declare const PROGRESS_BAR_RADII: {
15
45
  DEFAULT: string;
16
46
  NONE: string;
@@ -19,17 +49,8 @@ export declare const PROGRESS_BAR_LAYOUTS: {
19
49
  DEFAULT: string;
20
50
  COMPACT: string;
21
51
  };
22
- export declare const PROGRESS_BAR_LAYERS: {
23
- ONE: number;
24
- TWO: number;
25
- };
26
- export declare const PROGRESS_BAR_COLOR_SCHEMES: {
27
- DEFAULT: string;
28
- MEDIUM: string;
29
- MEDIUM_NEUTRAL: string;
30
- };
31
52
  export interface ProgressBarRange {
32
- layer: Number;
33
- start: Number;
34
- length: Number;
53
+ color: typeof PROGRESS_BAR_RANGE_COLORS[keyof typeof PROGRESS_BAR_RANGE_COLORS];
54
+ start: number;
55
+ length: number;
35
56
  }