@bethinkpl/design-system 41.1.4 → 42.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 (51) hide show
  1. package/dist/design-system.css +1 -1
  2. package/dist/design-system.js +8208 -8264
  3. package/dist/design-system.js.map +1 -1
  4. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +3 -0
  5. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +3 -0
  6. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +3 -0
  7. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +3 -0
  8. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +3 -0
  9. package/dist/lib/js/components/Drawer/Drawer.consts.d.ts +6 -0
  10. package/dist/lib/js/components/Drawer/Drawer.vue.d.ts +13 -1
  11. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.consts.d.ts +5 -0
  12. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +63 -1394
  13. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +9 -0
  14. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +3 -0
  15. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +6 -0
  16. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +6 -0
  17. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +3 -0
  18. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +6 -0
  19. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +6 -0
  20. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +6 -0
  21. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +3 -0
  22. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +3 -0
  23. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +3 -0
  24. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +3 -0
  25. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +3 -0
  26. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +3 -0
  27. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +979 -154
  28. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +970 -145
  29. package/dist/lib/js/components/Switch/Switch.vue.d.ts +3 -0
  30. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +3 -0
  31. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +3 -0
  32. package/dist/lib/js/icons/fontawesome.d.ts +3 -0
  33. package/dist/lib/js/index.d.ts +0 -1
  34. package/lib/js/components/Drawer/Drawer.consts.ts +9 -0
  35. package/lib/js/components/Drawer/Drawer.spec.ts +36 -0
  36. package/lib/js/components/Drawer/Drawer.stories.ts +7 -2
  37. package/lib/js/components/Drawer/Drawer.vue +35 -2
  38. package/lib/js/components/Drawer/DrawerHeader/DrawerHeader.consts.ts +8 -0
  39. package/lib/js/components/Drawer/DrawerHeader/DrawerHeader.spec.ts +40 -1
  40. package/lib/js/components/Drawer/DrawerHeader/DrawerHeader.stories.ts +22 -8
  41. package/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue +129 -146
  42. package/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue +7 -12
  43. package/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue +7 -12
  44. package/lib/js/icons/fontawesome.ts +6 -0
  45. package/lib/js/index.ts +0 -1
  46. package/package.json +1 -1
  47. package/dist/lib/js/components/Modal/Modal.vue.d.ts +0 -394
  48. package/dist/lib/js/components/Modal/index.d.ts +0 -3
  49. package/lib/js/components/Modal/Modal.spec.ts +0 -58
  50. package/lib/js/components/Modal/Modal.vue +0 -137
  51. package/lib/js/components/Modal/index.ts +0 -3
package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts CHANGED
@@ -98,6 +98,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
98
98
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
99
99
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
100
100
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
101
+ readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
102
+ readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
101
103
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
102
104
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
103
105
  readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -165,6 +167,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
165
167
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
166
168
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
167
169
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
170
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
168
171
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
169
172
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
170
173
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts CHANGED
@@ -70,6 +70,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
70
70
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
71
71
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
72
72
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
73
+ readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
74
+ readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
73
75
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
74
76
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
75
77
  readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -137,6 +139,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
137
139
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
138
140
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
139
141
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
142
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
140
143
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
141
144
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
142
145
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts CHANGED
@@ -91,6 +91,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
91
91
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
92
92
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
93
93
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
94
+ readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
95
+ readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
94
96
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
95
97
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
96
98
  readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -158,6 +160,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
158
160
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
159
161
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
160
162
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
163
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
161
164
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
162
165
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
163
166
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts CHANGED
@@ -858,6 +858,8 @@ declare const _default: import('vue').DefineComponent<{
858
858
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
859
859
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
860
860
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
861
+ readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
862
+ readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
861
863
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
862
864
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
863
865
  readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -925,6 +927,7 @@ declare const _default: import('vue').DefineComponent<{
925
927
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
926
928
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
927
929
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
930
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
928
931
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
929
932
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
930
933
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts CHANGED
@@ -702,6 +702,8 @@ declare const _default: import('vue').DefineComponent<{
702
702
  readonly FA_BADGE_PERCENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
703
703
  readonly FA_BAN: import('@fortawesome/fontawesome-common-types').IconDefinition;
704
704
  readonly FA_BARS: import('@fortawesome/fontawesome-common-types').IconDefinition;
705
+ readonly FA_BELL_SLASH_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
706
+ readonly FA_BELL_ON_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
705
707
  readonly FA_BELL_SLASH: import('@fortawesome/fontawesome-common-types').IconDefinition;
706
708
  readonly FA_BELL: import('@fortawesome/fontawesome-common-types').IconDefinition;
707
709
  readonly FA_BOLT: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -769,6 +771,7 @@ declare const _default: import('vue').DefineComponent<{
769
771
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
770
772
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
771
773
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
774
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
772
775
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
773
776
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
774
777
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
package/dist/lib/js/components/Drawer/Drawer.consts.d.ts CHANGED
@@ -3,3 +3,9 @@ export declare const DRAWER_POSITIONS: {
3
3
  readonly RIGHT: "right";
4
4
  };
5
5
  export type DrawerPosition = (typeof DRAWER_POSITIONS)[keyof typeof DRAWER_POSITIONS];
6
+ export declare const DRAWER_BACKGROUND_COLORS: {
7
+ readonly NONE: "none";
8
+ readonly DEFAULT: "default";
9
+ readonly NEUTRAL: "neutral";
10
+ };
11
+ export type DrawerBackgroundColor = (typeof DRAWER_BACKGROUND_COLORS)[keyof typeof DRAWER_BACKGROUND_COLORS];
package/dist/lib/js/components/Drawer/Drawer.vue.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { DrawerPosition } from './Drawer.consts';
2
+ import { DrawerBackgroundColor, DrawerPosition } from './Drawer.consts';
3
3
 
4
4
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
5
  position: {
@@ -15,8 +15,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
15
15
  type: BooleanConstructor;
16
16
  default: boolean;
17
17
  };
18
+ backgroundColor: {
19
+ type: PropType<DrawerBackgroundColor>;
20
+ default: "none";
21
+ validator(backgroundColor: DrawerBackgroundColor): boolean;
22
+ };
18
23
  }>, {}, {}, {
19
24
  positionClassName(): string;
25
+ backgroundColorClassName(): string | null;
20
26
  }, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
21
27
  position: {
22
28
  type: PropType<DrawerPosition>;
@@ -31,7 +37,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
31
37
  type: BooleanConstructor;
32
38
  default: boolean;
33
39
  };
40
+ backgroundColor: {
41
+ type: PropType<DrawerBackgroundColor>;
42
+ default: "none";
43
+ validator(backgroundColor: DrawerBackgroundColor): boolean;
44
+ };
34
45
  }>> & Readonly<{}>, {
46
+ backgroundColor: DrawerBackgroundColor;
35
47
  position: DrawerPosition;
36
48
  stickyHeader: boolean;
37
49
  stickyFooter: boolean;
package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.consts.d.ts CHANGED
@@ -3,3 +3,8 @@ export declare const DRAWER_HEADER_TITLE_COLORS: {
3
3
  readonly NEUTRAL_WEAK: "neutralWeak";
4
4
  };
5
5
  export type DrawerHeaderTitleColor = (typeof DRAWER_HEADER_TITLE_COLORS)[keyof typeof DRAWER_HEADER_TITLE_COLORS];
6
+ export declare const DRAWER_HEADER_BACKGROUND_COLORS: {
7
+ readonly NONE: "none";
8
+ readonly DEFAULT: "default";
9
+ };
10
+ export type DrawerHeaderBackgroundColor = (typeof DRAWER_HEADER_BACKGROUND_COLORS)[keyof typeof DRAWER_HEADER_BACKGROUND_COLORS];