@bethinkpl/design-system 41.1.4 → 41.1.5

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 (43) hide show
  1. package/dist/design-system.css +1 -1
  2. package/dist/design-system.js +7145 -7148
  3. package/dist/design-system.js.map +1 -1
  4. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +1 -0
  5. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -0
  6. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +1 -0
  7. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +1 -0
  8. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +1 -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 +3 -0
  14. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -0
  15. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +2 -0
  16. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +2 -0
  17. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
  18. package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -0
  19. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +2 -0
  20. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +2 -0
  21. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +2 -0
  22. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -0
  23. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -0
  24. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +1 -0
  25. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +1 -0
  26. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -0
  27. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -0
  28. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +3 -0
  29. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +3 -0
  30. package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -0
  31. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1 -0
  32. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -0
  33. package/dist/lib/js/icons/fontawesome.d.ts +1 -0
  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/icons/fontawesome.ts +2 -0
  43. package/package.json +1 -1
@@ -165,6 +165,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
165
165
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
166
166
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
167
167
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
168
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
168
169
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
169
170
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
170
171
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -137,6 +137,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
137
137
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
138
138
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
139
139
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
140
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
140
141
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
141
142
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
142
143
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -158,6 +158,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
158
158
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
159
159
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
160
160
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
161
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
161
162
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
162
163
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
163
164
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -925,6 +925,7 @@ declare const _default: import('vue').DefineComponent<{
925
925
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
926
926
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
927
927
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
928
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
928
929
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
929
930
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
930
931
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -769,6 +769,7 @@ declare const _default: import('vue').DefineComponent<{
769
769
  readonly FA_COMMENT: import('@fortawesome/fontawesome-common-types').IconDefinition;
770
770
  readonly FA_COMMENTS_QUESTION_CHECK: import('@fortawesome/fontawesome-common-types').IconDefinition;
771
771
  readonly FA_COMMENTS_QUESTION: import('@fortawesome/fontawesome-common-types').IconDefinition;
772
+ readonly FA_COMMENTS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
772
773
  readonly FA_COMMENTS: import('@fortawesome/fontawesome-common-types').IconDefinition;
773
774
  readonly FA_COMPASS_SOLID: import('@fortawesome/fontawesome-common-types').IconDefinition;
774
775
  readonly FA_COMPRESS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -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];
@@ -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;
@@ -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];