@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.
- package/dist/design-system.css +1 -1
- package/dist/design-system.js +7145 -7148
- package/dist/design-system.js.map +1 -1
- package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +1 -0
- package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -0
- package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +1 -0
- package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +1 -0
- package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +1 -0
- package/dist/lib/js/components/Drawer/Drawer.consts.d.ts +6 -0
- package/dist/lib/js/components/Drawer/Drawer.vue.d.ts +13 -1
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.consts.d.ts +5 -0
- package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +63 -1394
- package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +3 -0
- package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -0
- package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +2 -0
- package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +2 -0
- package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
- package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -0
- package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +2 -0
- package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +2 -0
- package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +2 -0
- package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -0
- package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -0
- package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +1 -0
- package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +1 -0
- package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -0
- package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +3 -0
- package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +3 -0
- package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -0
- package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +1 -0
- package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -0
- package/dist/lib/js/icons/fontawesome.d.ts +1 -0
- package/lib/js/components/Drawer/Drawer.consts.ts +9 -0
- package/lib/js/components/Drawer/Drawer.spec.ts +36 -0
- package/lib/js/components/Drawer/Drawer.stories.ts +7 -2
- package/lib/js/components/Drawer/Drawer.vue +35 -2
- package/lib/js/components/Drawer/DrawerHeader/DrawerHeader.consts.ts +8 -0
- package/lib/js/components/Drawer/DrawerHeader/DrawerHeader.spec.ts +40 -1
- package/lib/js/components/Drawer/DrawerHeader/DrawerHeader.stories.ts +22 -8
- package/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue +129 -146
- package/lib/js/icons/fontawesome.ts +2 -0
- 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];
|