@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.
- package/dist/design-system.umd.js +582 -309
- package/dist/design-system.umd.js.map +1 -1
- package/dist/lib/js/components/Banner/Banner.stories.d.ts +56 -8
- package/dist/lib/js/components/Banner/Banner.vue.d.ts +28 -4
- package/dist/lib/js/components/Buttons/Button/Button.stories.d.ts +14 -2
- package/dist/lib/js/components/Buttons/Button/Button.vue.d.ts +7 -1
- package/dist/lib/js/components/Buttons/IconButton/IconButton.stories.d.ts +98 -14
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +14 -2
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.stories.d.ts +14 -2
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +7 -1
- package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +7 -1
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +7 -1
- package/dist/lib/js/components/Modals/Modal/Modal.stories.d.ts +140 -20
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +28 -4
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.stories.d.ts +112 -16
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +28 -4
- package/dist/lib/js/components/OverlayHeader/OverlayHeader.stories.d.ts +42 -6
- package/dist/lib/js/components/OverlayHeader/OverlayHeader.vue.d.ts +21 -3
- package/dist/lib/js/components/Pagination/Pagination.stories.d.ts +42 -6
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +21 -3
- package/dist/lib/js/components/Pill/Pill.stories.d.ts +42 -6
- package/dist/lib/js/components/Pill/Pill.vue.d.ts +21 -3
- package/dist/lib/js/components/ProgressBar/ProgressBar.consts.d.ts +34 -13
- package/dist/lib/js/components/ProgressBar/ProgressBar.stories.d.ts +1477 -169
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +246 -28
- package/dist/lib/js/components/SectionHeader/SectionHeader.stories.d.ts +14 -2
- package/dist/lib/js/components/SectionHeader/SectionHeader.vue.d.ts +7 -1
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.stories.d.ts +14 -2
- package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +7 -1
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.stories.d.ts +14 -2
- package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +7 -1
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.stories.d.ts +14 -2
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +7 -1
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +7 -1
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockedeStatus.stories.d.ts +14 -2
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.stories.d.ts +70 -10
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +35 -5
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.stories.d.ts +140 -20
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +35 -5
- package/dist/lib/js/components/Tile/Tile.consts.d.ts +1 -0
- package/dist/lib/js/components/Tile/Tile.stories.d.ts +21 -3
- package/dist/lib/js/components/Tile/Tile.vue.d.ts +7 -1
- package/dist/lib/js/icons/fontawesome.d.ts +7 -0
- package/docs/iframe.html +1 -1
- package/docs/main.a243e1cc.iframe.bundle.js +1 -0
- package/docs/project.json +1 -1
- package/docs/vendors~main.09187a93.iframe.bundle.js +3 -0
- package/docs/vendors~main.09187a93.iframe.bundle.js.map +1 -0
- package/lib/js/components/Icons/Icon/Icon.consts.ts +0 -2
- package/lib/js/components/Modals/Modal/Modal.vue +3 -0
- package/lib/js/components/Modals/ModalDialog/ModalDialog.vue +3 -0
- package/lib/js/components/ProgressBar/ProgressBar.consts.ts +41 -15
- package/lib/js/components/ProgressBar/ProgressBar.stories.ts +37 -49
- package/lib/js/components/ProgressBar/ProgressBar.vue +169 -113
- package/lib/js/components/Tile/Tile.consts.ts +1 -0
- package/lib/js/components/Tile/Tile.vue +16 -0
- package/lib/js/icons/fontawesome.ts +14 -0
- package/package.json +1 -1
- package/docs/main.2e6f520b.iframe.bundle.js +0 -1
- package/docs/vendors~main.3e958b34.iframe.bundle.js +0 -3
- package/docs/vendors~main.3e958b34.iframe.bundle.js.map +0 -1
- package/lib/images/icons/clipboard-add.svg +0 -1
- /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
|
|
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
|
-
|
|
33
|
-
start:
|
|
34
|
-
length:
|
|
53
|
+
color: typeof PROGRESS_BAR_RANGE_COLORS[keyof typeof PROGRESS_BAR_RANGE_COLORS];
|
|
54
|
+
start: number;
|
|
55
|
+
length: number;
|
|
35
56
|
}
|