@beterdichtbij/component-library 0.9.0 → 0.11.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/README.md +5 -5
- package/dist/bd-component-lib.cjs.js +32 -32
- package/dist/bd-component-lib.es.js +2896 -2815
- package/dist/bd-component-lib.umd.js +32 -37
- package/dist/components/atoms/BDAlert/BDAlert.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDArticle/BDArticle.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDBadge/BDBadge.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDButton/BDButton.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDCard/BDCard.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDCollapsableCard/BDCollapsableCard.vue.d.ts +50 -0
- package/dist/components/atoms/BDCollapsableCard/BDCollapsableCard.vue.d.ts.map +1 -0
- package/dist/components/atoms/BDForm/BDForm.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDFormCheckbox/BDFormCheckbox.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDFormInput/BDFormInput.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDFormSelect/BDFormSelect.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDInputGroup/BDInputGroup.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDLink/BDLink.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDPagination/BDPagination.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDProfileImage/BDProfileImage.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDToast/BDToast.vue.d.ts.map +1 -1
- package/dist/components/atoms/BDZoomslider/BDZoomslider.vue.d.ts.map +1 -1
- package/dist/components/atoms/icons/IconCaretDown.vue.d.ts +2 -0
- package/dist/components/atoms/icons/IconCaretDown.vue.d.ts.map +1 -0
- package/dist/components/atoms/icons/index.d.ts +2 -1
- package/dist/components/molecules/BDDropdownItem/BDDropdownItem.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDDropzone/BDDropzone.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts.map +1 -1
- package/dist/components/molecules/BDUser/BDUser.vue.d.ts.map +1 -1
- package/dist/components/organisms/BDDropdown/BDDropdown.vue.d.ts.map +1 -1
- package/dist/components/organisms/BDModal/BDModal.vue.d.ts.map +1 -1
- package/dist/index.d.ts +3 -2
- package/dist/interfaces/BDCollapsableCardProps.d.ts +7 -0
- package/dist/layout/BDContainer.vue.d.ts +4 -3
- package/dist/scss/_alert.scss +11 -0
- package/dist/scss/_article.scss +24 -0
- package/dist/scss/_base.scss +2 -0
- package/dist/scss/_button.scss +54 -0
- package/dist/scss/_card.scss +83 -0
- package/dist/scss/_collapsable-card.scss +119 -0
- package/dist/scss/_dropdown.scss +102 -0
- package/dist/scss/_dropzone.scss +72 -0
- package/dist/scss/_forms.scss +2 -0
- package/dist/scss/_icons.scss +53 -0
- package/dist/scss/_markdown-editor.scss +48 -0
- package/dist/scss/_modal.scss +16 -0
- package/dist/scss/_pagination.scss +29 -0
- package/dist/scss/_profile-image.scss +47 -0
- package/dist/scss/_toast.scss +84 -0
- package/dist/scss/_user.scss +6 -0
- package/dist/scss/_zoomslider.scss +77 -0
- package/dist/scss/base/typography.scss +16 -0
- package/dist/scss/base/variables.scss +162 -0
- package/dist/scss/component-library-styling.scss +20 -0
- package/dist/scss/forms/_form-check.scss +12 -0
- package/dist/scss/forms/_form-input.scss +4 -0
- package/dist/scss/mixins.scss +46 -0
- package/package.json +122 -121
- package/dist/bd-component-lib.css +0 -5
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDAlert.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDAlert/BDAlert.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDAlert.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDAlert/BDAlert.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oIAAoI,CAAC;AAC3J,cAAc,oIAAoI,CAAC;AACnJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDArticle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDArticle/BDArticle.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDArticle.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDArticle/BDArticle.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wIAAwI,CAAC;AAC/J,cAAc,wIAAwI,CAAC;AACvJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDBadge.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDBadge/BDBadge.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDBadge.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDBadge/BDBadge.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oIAAoI,CAAC;AAC3J,cAAc,oIAAoI,CAAC;AACnJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDButton/BDButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDButton/BDButton.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,sIAAsI,CAAC;AAC7J,cAAc,sIAAsI,CAAC;AACrJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCard/BDCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM
|
|
1
|
+
{"version":3,"file":"BDCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCard/BDCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kIAAkI,CAAC;AACzJ,cAAc,kIAAkI,CAAC;AACjJ,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
3
|
+
title: {
|
|
4
|
+
type: __PropType<string>;
|
|
5
|
+
required: true;
|
|
6
|
+
default: string;
|
|
7
|
+
};
|
|
8
|
+
disabled: {
|
|
9
|
+
type: __PropType<boolean>;
|
|
10
|
+
required: true;
|
|
11
|
+
default: boolean;
|
|
12
|
+
};
|
|
13
|
+
showOn: {
|
|
14
|
+
type: __PropType<import('../../../types/BootstrapSizes').bootstrapSizes>;
|
|
15
|
+
required: true;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
18
|
+
visible: {
|
|
19
|
+
type: __PropType<boolean>;
|
|
20
|
+
required: true;
|
|
21
|
+
default: boolean;
|
|
22
|
+
};
|
|
23
|
+
}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
24
|
+
title: {
|
|
25
|
+
type: __PropType<string>;
|
|
26
|
+
required: true;
|
|
27
|
+
default: string;
|
|
28
|
+
};
|
|
29
|
+
disabled: {
|
|
30
|
+
type: __PropType<boolean>;
|
|
31
|
+
required: true;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
34
|
+
showOn: {
|
|
35
|
+
type: __PropType<import('../../../types/BootstrapSizes').bootstrapSizes>;
|
|
36
|
+
required: true;
|
|
37
|
+
default: string;
|
|
38
|
+
};
|
|
39
|
+
visible: {
|
|
40
|
+
type: __PropType<boolean>;
|
|
41
|
+
required: true;
|
|
42
|
+
default: boolean;
|
|
43
|
+
};
|
|
44
|
+
}>>, {
|
|
45
|
+
disabled: boolean;
|
|
46
|
+
title: string;
|
|
47
|
+
showOn: import('../../../types/BootstrapSizes').bootstrapSizes;
|
|
48
|
+
visible: boolean;
|
|
49
|
+
}, {}>;
|
|
50
|
+
export default _sfc_main;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BDCollapsableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCollapsableCard/BDCollapsableCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wJAAwJ,CAAC;AAC/K,cAAc,wJAAwJ,CAAC;AACvK,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDForm/BDForm.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM
|
|
1
|
+
{"version":3,"file":"BDForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDForm/BDForm.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kIAAkI,CAAC;AACzJ,cAAc,kIAAkI,CAAC;AACjJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDFormCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormCheckbox/BDFormCheckbox.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM
|
|
1
|
+
{"version":3,"file":"BDFormCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormCheckbox/BDFormCheckbox.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kJAAkJ,CAAC;AACzK,cAAc,kJAAkJ,CAAC;AACjK,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDFormInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInput/BDFormInput.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDFormInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInput/BDFormInput.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,4IAA4I,CAAC;AACnK,cAAc,4IAA4I,CAAC;AAC3J,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDFormInvalidFeedback.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDFormInvalidFeedback.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,gKAAgK,CAAC;AACvL,cAAc,gKAAgK,CAAC;AAC/K,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormSelect/BDFormSelect.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormSelect/BDFormSelect.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDInputGroup/BDInputGroup.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDInputGroup.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDInputGroup/BDInputGroup.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDLink/BDLink.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM
|
|
1
|
+
{"version":3,"file":"BDLink.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDLink/BDLink.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kIAAkI,CAAC;AACzJ,cAAc,kIAAkI,CAAC;AACjJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDPagination.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDPagination/BDPagination.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDPagination.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDPagination/BDPagination.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDProfileImage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDProfileImage/BDProfileImage.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM
|
|
1
|
+
{"version":3,"file":"BDProfileImage.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDProfileImage/BDProfileImage.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kJAAkJ,CAAC;AACzK,cAAc,kJAAkJ,CAAC;AACjK,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDToast.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDToast/BDToast.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDToast.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDToast/BDToast.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,oIAAoI,CAAC;AAC3J,cAAc,oIAAoI,CAAC;AACnJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDZoomslider.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDZoomslider/BDZoomslider.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDZoomslider.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDZoomslider/BDZoomslider.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconCaretDown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/icons/IconCaretDown.vue"],"names":[],"mappings":";AAsBA,wBAA4E"}
|
|
@@ -4,6 +4,7 @@ import IconAttachment from "./IconAttachment.vue";
|
|
|
4
4
|
import IconInfo from "./IconInfo.vue";
|
|
5
5
|
import IconRemove from "./IconRemove.vue";
|
|
6
6
|
import IconFile from "./IconFile.vue";
|
|
7
|
+
import IconCaretDown from "./IconCaretDown.vue";
|
|
7
8
|
import IconCaretRight from "./IconCaretRight.vue";
|
|
8
9
|
import IconCaretLeft from "./IconCaretLeft.vue";
|
|
9
10
|
import IconClose from "./IconClose.vue";
|
|
@@ -13,4 +14,4 @@ import IconUnderline from "./IconUnderline.vue";
|
|
|
13
14
|
import IconBulletList from "./IconBulletList.vue";
|
|
14
15
|
import IconOrderedList from "./IconOrderedList.vue";
|
|
15
16
|
import IconHyperlink from "./IconHyperlink.vue";
|
|
16
|
-
export { IconAttachment, IconCheck, IconError, IconInfo, IconRemove, IconFile, IconCaretRight, IconCaretLeft, IconClose, IconItalic, IconBold, IconUnderline, IconBulletList, IconOrderedList, IconHyperlink, };
|
|
17
|
+
export { IconAttachment, IconCheck, IconError, IconInfo, IconRemove, IconFile, IconCaretDown, IconCaretRight, IconCaretLeft, IconClose, IconItalic, IconBold, IconUnderline, IconBulletList, IconOrderedList, IconHyperlink, };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropdownItem/BDDropdownItem.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropdownItem/BDDropdownItem.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,sJAAsJ,CAAC;AAC7K,cAAc,sJAAsJ,CAAC;AACrK,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDDropzone.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropzone/BDDropzone.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDDropzone.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropzone/BDDropzone.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDMarkdownEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDMarkdownEditor.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,0JAA0J,CAAC;AACjL,cAAc,0JAA0J,CAAC;AACzK,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDUser.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDUser/BDUser.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDUser.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDUser/BDUser.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,sIAAsI,CAAC;AAC7J,cAAc,sIAAsI,CAAC;AACrJ,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDDropdown/BDDropdown.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDDropdown/BDDropdown.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,8IAA8I,CAAC;AACrK,cAAc,8IAA8I,CAAC;AAC7J,eAAe,SAAS,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BDModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDModal/BDModal.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,
|
|
1
|
+
{"version":3,"file":"BDModal.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDModal/BDModal.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wIAAwI,CAAC;AAC/J,cAAc,wIAAwI,CAAC;AACvJ,eAAe,SAAS,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import BDCol from "./layout/BDCol.vue";
|
|
2
2
|
import BDContainer from "./layout/BDContainer.vue";
|
|
3
3
|
import BDRow from "./layout/BDRow.vue";
|
|
4
|
-
import { IconAttachment, IconBold, IconBulletList, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconError, IconFile, IconHyperlink, IconInfo, IconItalic, IconOrderedList, IconRemove, IconUnderline } from "./components/atoms/icons/index";
|
|
4
|
+
import { IconAttachment, IconBold, IconBulletList, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconError, IconFile, IconHyperlink, IconInfo, IconItalic, IconOrderedList, IconRemove, IconUnderline } from "./components/atoms/icons/index";
|
|
5
5
|
import BDButton from "./components/atoms/BDButton/BDButton.vue";
|
|
6
6
|
import BDLogo from "./components/atoms/BDLogo/BDLogo.vue";
|
|
7
7
|
import BDLink from "./components/atoms/BDLink/BDLink.vue";
|
|
@@ -9,6 +9,7 @@ import BDAlert from "./components/atoms/BDAlert/BDAlert.vue";
|
|
|
9
9
|
import BDProfileImage from "./components/atoms/BDProfileImage/BDProfileImage.vue";
|
|
10
10
|
import BDZoomslider from "./components/atoms/BDZoomslider/BDZoomslider.vue";
|
|
11
11
|
import BDCard from "./components/atoms/BDCard/BDCard.vue";
|
|
12
|
+
import BDCollapsableCard from "./components/atoms/BDCollapsableCard/BDCollapsableCard.vue";
|
|
12
13
|
import BDFormInput from "./components/atoms/BDFormInput/BDFormInput.vue";
|
|
13
14
|
import BDInputGroup from "./components/atoms/BDInputGroup/BDInputGroup.vue";
|
|
14
15
|
import BDFormInvalidFeedback from "./components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue";
|
|
@@ -25,4 +26,4 @@ import BDMarkdownEditor from "./components/molecules/BDMarkdownEditor/BDMarkdown
|
|
|
25
26
|
import BDUser from "./components/molecules/BDUser/BDUser.vue";
|
|
26
27
|
import BDDropdown from "./components/organisms/BDDropdown/BDDropdown.vue";
|
|
27
28
|
import BDModal from "./components/organisms/BDModal/BDModal.vue";
|
|
28
|
-
export { BDCol, BDContainer, BDRow, BDButton, BDLogo, BDLink, BDDropdownItem, BDDropdown, BDAlert, BDProfileImage, BDZoomslider, BDCard, BDModal, BDFormInput, BDFormInvalidFeedback, BDInputGroup, BDBadge, BDForm, BDPagination, BDDropzone, BDMarkdownEditor, BDFormSelect, BDFormCheckbox, IconAttachment, IconBold, IconBulletList, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconError, IconFile, IconHyperlink, IconInfo, IconItalic, IconOrderedList, IconRemove, IconUnderline, BDArticle, BDUser, BDToast };
|
|
29
|
+
export { BDCol, BDContainer, BDRow, BDButton, BDLogo, BDLink, BDDropdownItem, BDDropdown, BDAlert, BDProfileImage, BDZoomslider, BDCard, BDCollapsableCard, BDModal, BDFormInput, BDFormInvalidFeedback, BDInputGroup, BDBadge, BDForm, BDPagination, BDDropzone, BDMarkdownEditor, BDFormSelect, BDFormCheckbox, IconAttachment, IconBold, IconBulletList, IconCaretDown, IconCaretLeft, IconCaretRight, IconCheck, IconClose, IconError, IconFile, IconHyperlink, IconInfo, IconItalic, IconOrderedList, IconRemove, IconUnderline, BDArticle, BDUser, BDToast };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import type { PropType as __PropType } from 'vue';
|
|
2
|
+
import { bootstrapSizes } from '../types/BootstrapSizes';
|
|
2
3
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
3
4
|
class: {
|
|
4
5
|
type: __PropType<string | undefined>;
|
|
@@ -6,7 +7,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
6
7
|
default: string;
|
|
7
8
|
};
|
|
8
9
|
fluid: {
|
|
9
|
-
type: __PropType<
|
|
10
|
+
type: __PropType<boolean | bootstrapSizes | undefined>;
|
|
10
11
|
required: false;
|
|
11
12
|
skipCheck: boolean;
|
|
12
13
|
default: boolean;
|
|
@@ -18,13 +19,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
18
19
|
default: string;
|
|
19
20
|
};
|
|
20
21
|
fluid: {
|
|
21
|
-
type: __PropType<
|
|
22
|
+
type: __PropType<boolean | bootstrapSizes | undefined>;
|
|
22
23
|
required: false;
|
|
23
24
|
skipCheck: boolean;
|
|
24
25
|
default: boolean;
|
|
25
26
|
};
|
|
26
27
|
}>>, {
|
|
27
28
|
class: string | undefined;
|
|
28
|
-
fluid:
|
|
29
|
+
fluid: boolean | bootstrapSizes | undefined;
|
|
29
30
|
}, {}>;
|
|
30
31
|
export default _sfc_main;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
|
|
2
|
+
article{
|
|
3
|
+
|
|
4
|
+
&.bd-article{
|
|
5
|
+
display:flex;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
padding: 1.125rem;
|
|
8
|
+
width:100%;
|
|
9
|
+
gap: 1rem;
|
|
10
|
+
background-color: $white;
|
|
11
|
+
border-radius: 8px;
|
|
12
|
+
|
|
13
|
+
header{
|
|
14
|
+
display: flex;
|
|
15
|
+
justify-content: space-between;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
footer {
|
|
19
|
+
display:flex;
|
|
20
|
+
justify-content: space-between;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
.btn {
|
|
2
|
+
font-weight: 500;
|
|
3
|
+
border: none;
|
|
4
|
+
border-radius: $border-radius-default;
|
|
5
|
+
text-align: center;
|
|
6
|
+
margin: 0;
|
|
7
|
+
transition: all .5s cubic-bezier(.36,.03,.28,.99);
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
// $variant, $color, $bg-color, $hover-color, $hover-bg-color, $border $solid $border-color
|
|
11
|
+
$btn-variants:
|
|
12
|
+
"primary" $white $primary $primary $color-lightblue none,
|
|
13
|
+
"secondary" $primary $color-lightblue $color-lightblue $primary none,
|
|
14
|
+
"danger" $white $danger $danger $white none,
|
|
15
|
+
"colleague" $white $color-colleague $color-colleague #ccf2e2 none,
|
|
16
|
+
"outline-primary" $color-blue $white $white $color-blue 1px solid $color-blue,
|
|
17
|
+
"outline-primary-dark" $color-blue transparent $white $color-blue 1px solid $color-blue,
|
|
18
|
+
"outline-tertiary" $black $white $black $white 1px solid #abb0be,
|
|
19
|
+
"link" $primary transparent $primary transparent none,
|
|
20
|
+
"white" $white transparent $white transparent none;
|
|
21
|
+
|
|
22
|
+
@each $variant, $color, $bg-color, $hover-color, $hover-bg-color, $border, $solid, $border-color in $btn-variants {
|
|
23
|
+
.btn-#{$variant} {
|
|
24
|
+
@include button($variant, $color, $bg-color, $hover-color, $hover-bg-color, $border, $solid, $border-color)
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.btn-link {
|
|
29
|
+
text-decoration: none;
|
|
30
|
+
|
|
31
|
+
&:hover {
|
|
32
|
+
text-decoration: underline;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.btn-outline-tertiary {
|
|
37
|
+
&.disabled{
|
|
38
|
+
opacity: 1;
|
|
39
|
+
color: #afb8cc;
|
|
40
|
+
background-color: #f2f3f5;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.btn-close{
|
|
45
|
+
.modal & {
|
|
46
|
+
background-image: initial;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
.card {
|
|
2
|
+
border:none;
|
|
3
|
+
border-radius: $border-radius-default;
|
|
4
|
+
|
|
5
|
+
.card-header {
|
|
6
|
+
background-color:$primary;
|
|
7
|
+
color:$white;
|
|
8
|
+
display: flex;
|
|
9
|
+
align-items: center;
|
|
10
|
+
justify-content: space-between;
|
|
11
|
+
position: relative;
|
|
12
|
+
|
|
13
|
+
&.colleague {
|
|
14
|
+
background-color: $color-colleague;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.card-body {
|
|
19
|
+
padding: 20px;
|
|
20
|
+
|
|
21
|
+
ul {
|
|
22
|
+
list-style: none;
|
|
23
|
+
padding: 0px;
|
|
24
|
+
margin: 0px;
|
|
25
|
+
|
|
26
|
+
&:not(:last-of-type) {
|
|
27
|
+
border-bottom: 2px solid $color-bg;
|
|
28
|
+
margin-bottom: 20px;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
li &:not(.autocomplete-result) {
|
|
32
|
+
color: $color-darkblue;
|
|
33
|
+
font-size: 16px;
|
|
34
|
+
font-weight: $font-bold;
|
|
35
|
+
|
|
36
|
+
label {
|
|
37
|
+
font-weight: $font-normal;
|
|
38
|
+
margin-right: 5px;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
a:not(.attachment-link) {
|
|
42
|
+
text-decoration: underline;
|
|
43
|
+
color: $color-darkblue;
|
|
44
|
+
font-weight: $font-bold;
|
|
45
|
+
|
|
46
|
+
&:active,
|
|
47
|
+
&:focus {
|
|
48
|
+
text-decoration: none;
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
@include media-breakpoint-up(md) {
|
|
52
|
+
&:hover {
|
|
53
|
+
text-decoration: none;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.alert {
|
|
61
|
+
ul {
|
|
62
|
+
padding-top: 10px;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.btn-container {
|
|
67
|
+
margin-top: 10px;
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
&.no-body .card-header {
|
|
72
|
+
background-color: $white;
|
|
73
|
+
color: $font-color-primary;
|
|
74
|
+
border:none;
|
|
75
|
+
border-radius: $border-radius-default;
|
|
76
|
+
padding: 20px;
|
|
77
|
+
|
|
78
|
+
h2 {
|
|
79
|
+
font-weight: $font-normal;
|
|
80
|
+
font-family: $font-secondary;
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
.bd-collapsable-card {
|
|
2
|
+
margin-bottom: 1rem;
|
|
3
|
+
|
|
4
|
+
&__actions {
|
|
5
|
+
display: flex;
|
|
6
|
+
gap: 8px;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.card-header {
|
|
10
|
+
border-radius: $border-radius-default;
|
|
11
|
+
|
|
12
|
+
.patient-detail-template &{
|
|
13
|
+
&.is-disabled{
|
|
14
|
+
border-radius: $border-radius-default;
|
|
15
|
+
padding: 10px 20px;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
>.btn-caret.collapsed {
|
|
20
|
+
border-radius: $border-radius-default;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
&.no-title {
|
|
24
|
+
justify-content: flex-end;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.btn-caret.btn {
|
|
28
|
+
width: fit-content;
|
|
29
|
+
padding: 0px 6px 0px 6px;
|
|
30
|
+
background: transparent;
|
|
31
|
+
|
|
32
|
+
svg {
|
|
33
|
+
margin: revert;
|
|
34
|
+
fill: $color-white;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&:focus,
|
|
38
|
+
&:hover {
|
|
39
|
+
border: none;
|
|
40
|
+
box-shadow: revert;
|
|
41
|
+
background: transparent;
|
|
42
|
+
|
|
43
|
+
svg {
|
|
44
|
+
fill: $color-white;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
&[aria-expanded="true"] {
|
|
49
|
+
svg {
|
|
50
|
+
transform: rotate(-180deg);
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
&.round-corners {
|
|
56
|
+
border-radius: $border-radius-default;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
@include media-breakpoint-down(md) {
|
|
60
|
+
min-height: revert;
|
|
61
|
+
height: 60px;
|
|
62
|
+
|
|
63
|
+
&.round-corners-md {
|
|
64
|
+
border-radius: $border-radius-default;
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@include media-breakpoint-down(sm) {
|
|
69
|
+
&.round-corners-sm {
|
|
70
|
+
border-radius: $border-radius-default;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
.card-body {
|
|
76
|
+
&.display-none {
|
|
77
|
+
display: none;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.collapse {
|
|
81
|
+
@include media-breakpoint-up(lg) {
|
|
82
|
+
&.open-collapse-lg {
|
|
83
|
+
display: block !important
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
@include media-breakpoint-up(md) {
|
|
88
|
+
&.open-collapse-md {
|
|
89
|
+
display: block !important
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
.collapse-body {
|
|
95
|
+
padding: 20px;
|
|
96
|
+
|
|
97
|
+
ul {
|
|
98
|
+
list-style: none;
|
|
99
|
+
padding: 0px;
|
|
100
|
+
margin: 0px;
|
|
101
|
+
|
|
102
|
+
&:not(:last-of-type) {
|
|
103
|
+
border-bottom: 1px solid $color-bg;
|
|
104
|
+
margin-bottom: 20px;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
li {
|
|
109
|
+
font-size: 1rem;
|
|
110
|
+
line-height: 1.375rem;
|
|
111
|
+
word-wrap: break-word;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
label {
|
|
115
|
+
margin-right: 0.4rem;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
}
|