@beterdichtbij/component-library 0.23.0 → 0.24.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 (42) hide show
  1. package/dist/bd-component-lib.cjs.js +21 -21
  2. package/dist/bd-component-lib.es.js +2375 -2355
  3. package/dist/bd-component-lib.umd.js +27 -27
  4. package/dist/components/atoms/BDAlert/BDAlert.vue.d.ts.map +1 -1
  5. package/dist/components/atoms/BDArticle/BDArticle.vue.d.ts.map +1 -1
  6. package/dist/components/atoms/BDBadge/BDBadge.vue.d.ts.map +1 -1
  7. package/dist/components/atoms/BDButton/BDButton.vue.d.ts.map +1 -1
  8. package/dist/components/atoms/BDCard/BDCard.vue.d.ts.map +1 -1
  9. package/dist/components/atoms/BDCollapsableCard/BDCollapsableCard.vue.d.ts.map +1 -1
  10. package/dist/components/atoms/BDForm/BDForm.vue.d.ts.map +1 -1
  11. package/dist/components/atoms/BDFormCheckbox/BDFormCheckbox.vue.d.ts.map +1 -1
  12. package/dist/components/atoms/BDFormInput/BDFormInput.vue.d.ts.map +1 -1
  13. package/dist/components/atoms/BDFormInvalidFeedback/BDFormInvalidFeedback.vue.d.ts.map +1 -1
  14. package/dist/components/atoms/BDFormSelect/BDFormSelect.vue.d.ts +3 -3
  15. package/dist/components/atoms/BDFormSelect/BDFormSelect.vue.d.ts.map +1 -1
  16. package/dist/components/atoms/BDInputGroup/BDInputGroup.vue.d.ts.map +1 -1
  17. package/dist/components/atoms/BDLink/BDLink.vue.d.ts.map +1 -1
  18. package/dist/components/atoms/BDPagination/BDPagination.vue.d.ts.map +1 -1
  19. package/dist/components/atoms/BDProfileImage/BDProfileImage.vue.d.ts.map +1 -1
  20. package/dist/components/atoms/BDToast/BDToast.vue.d.ts.map +1 -1
  21. package/dist/components/atoms/BDZoomslider/BDZoomslider.vue.d.ts.map +1 -1
  22. package/dist/components/molecules/BDAttachmentPreviewList/BDAttachmentPreviewList.vue.d.ts.map +1 -1
  23. package/dist/components/molecules/BDChatCloud/BDChatCloud.vue.d.ts.map +1 -1
  24. package/dist/components/molecules/BDDropdownItem/BDDropdownItem.vue.d.ts.map +1 -1
  25. package/dist/components/molecules/BDDropzone/BDDropzone.vue.d.ts.map +1 -1
  26. package/dist/components/molecules/BDImageAttachmentPreviewList/BDImageAttachmentPreviewList.vue.d.ts.map +1 -1
  27. package/dist/components/molecules/BDMarkdownEditor/BDMarkdownEditor.vue.d.ts.map +1 -1
  28. package/dist/components/molecules/BDMobileMenu/BDMobileMenu.vue.d.ts.map +1 -1
  29. package/dist/components/molecules/BDUser/BDUser.vue.d.ts.map +1 -1
  30. package/dist/components/organisms/BDDropdown/BDDropdown.vue.d.ts.map +1 -1
  31. package/dist/components/organisms/BDHeader/BDHeader.vue.d.ts.map +1 -1
  32. package/dist/components/organisms/BDModal/BDModal.vue.d.ts.map +1 -1
  33. package/dist/interfaces/BDFormSelectProps.d.ts +2 -1
  34. package/dist/scss/_button.scss +78 -78
  35. package/dist/scss/_dropdown.scss +102 -101
  36. package/dist/scss/_header.scss +109 -109
  37. package/dist/scss/_toast.scss +69 -69
  38. package/dist/scss/base/variables.scss +192 -192
  39. package/dist/scss/component-library-styling.scss +21 -21
  40. package/dist/scss/mixins.scss +59 -59
  41. package/dist/types/BDOptionGroup.d.ts +5 -0
  42. package/package.json +122 -123
@@ -1 +1 @@
1
- {"version":3,"file":"BDAlert.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDAlert/BDAlert.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,iGAAiG,CAAC;AACxH,cAAc,iGAAiG,CAAC;AAChH,eAAe,SAAS,CAAC"}
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,qGAAqG,CAAC;AAC5H,cAAc,qGAAqG,CAAC;AACpH,eAAe,SAAS,CAAC"}
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,iGAAiG,CAAC;AACxH,cAAc,iGAAiG,CAAC;AAChH,eAAe,SAAS,CAAC"}
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,mGAAmG,CAAC;AAC1H,cAAc,mGAAmG,CAAC;AAClH,eAAe,SAAS,CAAC"}
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,+FAA+F,CAAC;AACtH,cAAc,+FAA+F,CAAC;AAC9G,eAAe,SAAS,CAAC"}
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"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDCollapsableCard.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDCollapsableCard/BDCollapsableCard.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qHAAqH,CAAC;AAC5I,cAAc,qHAAqH,CAAC;AACpI,eAAe,SAAS,CAAC"}
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,+FAA+F,CAAC;AACtH,cAAc,+FAA+F,CAAC;AAC9G,eAAe,SAAS,CAAC"}
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,+GAA+G,CAAC;AACtI,cAAc,+GAA+G,CAAC;AAC9H,eAAe,SAAS,CAAC"}
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,yGAAyG,CAAC;AAChI,cAAc,yGAAyG,CAAC;AACxH,eAAe,SAAS,CAAC"}
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,6HAA6H,CAAC;AACpJ,cAAc,6HAA6H,CAAC;AAC5I,eAAe,SAAS,CAAC"}
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"}
@@ -15,7 +15,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
15
15
  default: boolean;
16
16
  };
17
17
  options: {
18
- type: __PropType<import("../../../types/BDOption").BDOption[] | undefined>;
18
+ type: __PropType<import("../../../types/BDOption").BDOption[] | import("../../../types/BDOptionGroup").BDOptionGroup[] | undefined>;
19
19
  required: false;
20
20
  default: undefined;
21
21
  };
@@ -45,7 +45,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
45
45
  default: boolean;
46
46
  };
47
47
  options: {
48
- type: __PropType<import("../../../types/BDOption").BDOption[] | undefined>;
48
+ type: __PropType<import("../../../types/BDOption").BDOption[] | import("../../../types/BDOptionGroup").BDOptionGroup[] | undefined>;
49
49
  required: false;
50
50
  default: undefined;
51
51
  };
@@ -68,6 +68,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
68
68
  modelValue: string | number;
69
69
  state: import("../../../types/ValidationState").ValidationStateType | undefined;
70
70
  autofocus: boolean | undefined;
71
- options: import("../../../types/BDOption").BDOption[] | undefined;
71
+ options: import("../../../types/BDOption").BDOption[] | import("../../../types/BDOptionGroup").BDOptionGroup[] | undefined;
72
72
  }, {}>;
73
73
  export default _sfc_main;
@@ -1 +1 @@
1
- {"version":3,"file":"BDFormSelect.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDFormSelect/BDFormSelect.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
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,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
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,+FAA+F,CAAC;AACtH,cAAc,+FAA+F,CAAC;AAC9G,eAAe,SAAS,CAAC"}
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,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
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,+GAA+G,CAAC;AACtI,cAAc,+GAA+G,CAAC;AAC9H,eAAe,SAAS,CAAC"}
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,iGAAiG,CAAC;AACxH,cAAc,iGAAiG,CAAC;AAChH,eAAe,SAAS,CAAC"}
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,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
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"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDAttachmentPreviewList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDAttachmentPreviewList/BDAttachmentPreviewList.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,qIAAqI,CAAC;AAC5J,cAAc,qIAAqI,CAAC;AACpJ,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDAttachmentPreviewList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDAttachmentPreviewList/BDAttachmentPreviewList.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wKAAwK,CAAC;AAC/L,cAAc,wKAAwK,CAAC;AACvL,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDChatCloud.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDChatCloud/BDChatCloud.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,6GAA6G,CAAC;AACpI,cAAc,6GAA6G,CAAC;AAC5H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDChatCloud.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDChatCloud/BDChatCloud.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,gJAAgJ,CAAC;AACvK,cAAc,gJAAgJ,CAAC;AAC/J,eAAe,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"BDDropdownItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDDropdownItem/BDDropdownItem.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mHAAmH,CAAC;AAC1I,cAAc,mHAAmH,CAAC;AAClI,eAAe,SAAS,CAAC"}
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,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
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":"BDImageAttachmentPreviewList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDImageAttachmentPreviewList/BDImageAttachmentPreviewList.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+IAA+I,CAAC;AACtK,cAAc,+IAA+I,CAAC;AAC9J,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDImageAttachmentPreviewList.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDImageAttachmentPreviewList/BDImageAttachmentPreviewList.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kLAAkL,CAAC;AACzM,cAAc,kLAAkL,CAAC;AACjM,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,uHAAuH,CAAC;AAC9I,cAAc,uHAAuH,CAAC;AACtI,eAAe,SAAS,CAAC"}
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":"BDMobileMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDMobileMenu/BDMobileMenu.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+GAA+G,CAAC;AACtI,cAAc,+GAA+G,CAAC;AAC9H,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDMobileMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/BDMobileMenu/BDMobileMenu.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,kJAAkJ,CAAC;AACzK,cAAc,kJAAkJ,CAAC;AACjK,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,mGAAmG,CAAC;AAC1H,cAAc,mGAAmG,CAAC;AAClH,eAAe,SAAS,CAAC"}
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,2GAA2G,CAAC;AAClI,cAAc,2GAA2G,CAAC;AAC1H,eAAe,SAAS,CAAC"}
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":"BDHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDHeader/BDHeader.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,uGAAuG,CAAC;AAC9H,cAAc,uGAAuG,CAAC;AACtH,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BDHeader.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/BDHeader/BDHeader.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,0IAA0I,CAAC;AACjK,cAAc,0IAA0I,CAAC;AACzJ,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,qGAAqG,CAAC;AAC5H,cAAc,qGAAqG,CAAC;AACpH,eAAe,SAAS,CAAC"}
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"}
@@ -1,10 +1,11 @@
1
1
  import { ModelValueStringAndNumber } from "../types/ModelValue";
2
2
  import { ValidationState } from '../types/ValidationState';
3
3
  import { BDOption } from "../types/BDOption";
4
+ import { BDOptionGroup } from '../types/BDOptionGroup';
4
5
  import { bootstrapSizes } from '../types/BootstrapSizes';
5
6
  export interface BDFormSelectProps extends ModelValueStringAndNumber, ValidationState {
6
7
  size?: bootstrapSizes;
7
8
  disabled?: boolean;
8
9
  autofocus?: boolean;
9
- options?: BDOption[];
10
+ options?: BDOption[] | BDOptionGroup[];
10
11
  }
@@ -1,78 +1,78 @@
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 0.5s cubic-bezier(0.36, 0.03, 0.28, 0.99);
8
- }
9
-
10
- // $variant, $color, $bg-color, $hover-color, $hover-bg-color, $hover-border-color, $border, $solid, $border-color
11
- $btn-variants:
12
- "primary" $white $blue-text $white $blue-dark none,
13
- "secondary" $font-color-primary $white $font-color-primary $gray-7 $gray 1px solid $gray,
14
- "danger" $white $danger $danger $white none,
15
- "colleague" $white $green-text $white $green-dark none,
16
- "outline-primary" $font-color-primary $white $white $font-color-primary $gray-primary 1px solid $gray-primary,
17
- "outline-primary-dark" $font-color-primary transparent $white $font-color-primary $gray-primary 1px solid $gray-primary,
18
- "outline-tertiary" $black $white $black $gray-7 $gray-primary 1px solid $gray-primary,
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, $hover-border-color, $border, $solid, $border-color in $btn-variants {
23
- .btn-#{$variant} {
24
- @include button($variant, $color, $bg-color, $hover-color, $hover-bg-color, $hover-border-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.btn-primary {
45
- &:disabled {
46
- opacity: 1;
47
- color: $white;
48
- background-color: $blue-pastel;
49
- }
50
- }
51
-
52
- .btn-close {
53
- .modal & {
54
- background-image: initial;
55
- }
56
- }
57
-
58
- button {
59
- &.btn-remove {
60
- position: absolute;
61
- top: -10px;
62
- right: -10px;
63
- margin-top: 0px !important;
64
- background-color: $primary;
65
- color: $white;
66
- fill: $white;
67
- width: 21px;
68
- height: 21px;
69
- border-radius: 50%;
70
- line-height: normal;
71
- padding: 0;
72
- text-align: center;
73
- &:hover {
74
- fill: $primary;
75
- background-color: $gray-7;
76
- }
77
- }
78
- }
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 0.5s cubic-bezier(0.36, 0.03, 0.28, 0.99);
8
+ }
9
+
10
+ // $variant, $color, $bg-color, $hover-color, $hover-bg-color, $hover-border-color, $border, $solid, $border-color
11
+ $btn-variants:
12
+ "primary" $white $blue-text $white $blue-dark none,
13
+ "secondary" $font-color-primary $white $font-color-primary $gray-7 $gray 1px solid $gray,
14
+ "danger" $white $danger $danger $white none,
15
+ "colleague" $white $green-text $white $green-dark none,
16
+ "outline-primary" $font-color-primary $white $white $font-color-primary $gray-primary 1px solid $gray-primary,
17
+ "outline-primary-dark" $font-color-primary transparent $white $font-color-primary $gray-primary 1px solid $gray-primary,
18
+ "outline-tertiary" $black $white $black $gray-7 $gray-primary 1px solid $gray-primary,
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, $hover-border-color, $border, $solid, $border-color in $btn-variants {
23
+ .btn-#{$variant} {
24
+ @include button($variant, $color, $bg-color, $hover-color, $hover-bg-color, $hover-border-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.btn-primary {
45
+ &:disabled {
46
+ opacity: 1;
47
+ color: $white;
48
+ background-color: $blue-pastel;
49
+ }
50
+ }
51
+
52
+ .btn-close {
53
+ .modal & {
54
+ background-image: initial;
55
+ }
56
+ }
57
+
58
+ button {
59
+ &.btn-remove {
60
+ position: absolute;
61
+ top: -10px;
62
+ right: -10px;
63
+ margin-top: 0px !important;
64
+ background-color: $primary;
65
+ color: $white;
66
+ fill: $white;
67
+ width: 21px;
68
+ height: 21px;
69
+ border-radius: 50%;
70
+ line-height: normal;
71
+ padding: 0;
72
+ text-align: center;
73
+ &:hover {
74
+ fill: $primary;
75
+ background-color: $gray-7;
76
+ }
77
+ }
78
+ }
@@ -1,102 +1,103 @@
1
-
2
- .bd-dropdown.dropdown {
3
- &.show {
4
-
5
- &:after {
6
- transform: rotate(180deg);
7
- }
8
- }
9
-
10
- ul.dropdown-menu {
11
- border: 0px;
12
- box-shadow: $dropdown-box-shadow;
13
- margin-top: 0.125rem;
14
-
15
- &.dropdown-menu-action {
16
- border: 1px solid rgba(0,0,0,.15);
17
- border-radius: $border-radius-default;
18
-
19
- .dropdown-item{
20
- width:100%;
21
- padding: 0.25rem 1.5rem;
22
- white-space: nowrap;
23
- line-height: revert;
24
-
25
- &:hover{
26
- background-color: #4d5875;
27
- color: #f5f5f5;
28
- text-decoration: none;
29
- }
30
- }
31
- }
32
-
33
-
34
- .dropdown-item {
35
- font-size: 1rem;
36
- letter-spacing: 0;
37
- line-height: 2.75rem;
38
-
39
- &:not(:last-child) {
40
- border-bottom: 1px solid $color-lightblue;
41
- }
42
-
43
- &:active,
44
- &:focus {
45
- text-decoration: underline;
46
- background-color: transparent;
47
- }
48
-
49
- @include media-breakpoint-up(md) {
50
- &:hover {
51
- text-decoration: underline;
52
- background-color: transparent;
53
- }
54
- }
55
- }
56
-
57
- }
58
-
59
- .dropdown-toggle {
60
- display: flex;
61
- align-items: center;
62
- font-weight: $font-bold;
63
- font-size: 16px;
64
- letter-spacing: 0;
65
- line-height: 24px;
66
- margin-right: 21px;
67
-
68
- &:after {
69
- border: 0px;
70
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10'%3E%3Cpath d='M8.828 6.207L14.632.404a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1 0 1.414L9.682 9.596a.999.999 0 0 1-.854.282.999.999 0 0 1-.853-.282L.904 2.526a1 1 0 0 1 0-1.415L1.61.404a1 1 0 0 1 1.414 0l5.803 5.803z' fill='%23AFB8CC'/%3E%3C/svg%3E");
71
- background-repeat: no-repeat;
72
- background-size: contain;
73
- background-position: 50%;
74
- width: 14px;
75
- height: 10px;
76
- transition: 0.2s all ease-in;
77
- }
78
-
79
- &-action {
80
- font-size: calc(13px/16px) * 1rem;
81
- font-weight: $font-medium;
82
- padding: 0 10px;
83
-
84
- &:after{
85
- background-image:url('data:image/svg+xml, <svg class="icon icon-triangle-down" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" ><path d="M11.071 2.414L6.414 7.071a1 1 0 0 1-1.414 0L.343 2.414A1 1 0 0 1 1.05.707h9.314a1 1 0 0 1 .707 1.707z" /></svg>');
86
- border: 0;
87
- box-shadow: none;
88
- width: 9px;
89
- height: 7px;
90
- margin-left: 5px;
91
- }
92
- }
93
- }
94
-
95
- a.dropdown-toggle{
96
- color: $color-darkblue;
97
- }
98
- }
99
-
100
- .bd-dropdown-item {
101
- list-style-type: none;
1
+
2
+ .bd-dropdown.dropdown {
3
+ display: inline-block;
4
+
5
+ &.show {
6
+
7
+ &:after {
8
+ transform: rotate(180deg);
9
+ }
10
+ }
11
+
12
+ ul.dropdown-menu {
13
+ border: 0px;
14
+ box-shadow: $dropdown-box-shadow;
15
+ margin-top: 0.125rem;
16
+
17
+ &.dropdown-menu-action {
18
+ border: 1px solid rgba(0,0,0,.15);
19
+ border-radius: $border-radius-default;
20
+
21
+ .dropdown-item{
22
+ width:100%;
23
+ padding: 0.25rem 1.5rem;
24
+ white-space: nowrap;
25
+ line-height: revert;
26
+
27
+ &:hover{
28
+ background-color: #4d5875;
29
+ color: #f5f5f5;
30
+ text-decoration: none;
31
+ }
32
+ }
33
+ }
34
+
35
+
36
+ .dropdown-item {
37
+ font-size: 1rem;
38
+ letter-spacing: 0;
39
+ line-height: 2.75rem;
40
+
41
+ &:not(:last-child) {
42
+ border-bottom: 1px solid $color-lightblue;
43
+ }
44
+
45
+ &:active,
46
+ &:focus {
47
+ text-decoration: underline;
48
+ background-color: transparent;
49
+ }
50
+
51
+ @include media-breakpoint-up(md) {
52
+ &:hover {
53
+ text-decoration: underline;
54
+ background-color: transparent;
55
+ }
56
+ }
57
+ }
58
+
59
+ }
60
+
61
+ .dropdown-toggle {
62
+ display: flex;
63
+ align-items: center;
64
+ font-weight: $font-bold;
65
+ font-size: 16px;
66
+ letter-spacing: 0;
67
+ line-height: 24px;
68
+
69
+ &:after {
70
+ border: 0px;
71
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='10'%3E%3Cpath d='M8.828 6.207L14.632.404a1 1 0 0 1 1.414 0l.707.707a1 1 0 0 1 0 1.414L9.682 9.596a.999.999 0 0 1-.854.282.999.999 0 0 1-.853-.282L.904 2.526a1 1 0 0 1 0-1.415L1.61.404a1 1 0 0 1 1.414 0l5.803 5.803z' fill='%23AFB8CC'/%3E%3C/svg%3E");
72
+ background-repeat: no-repeat;
73
+ background-size: contain;
74
+ background-position: 50%;
75
+ width: 14px;
76
+ height: 10px;
77
+ transition: 0.2s all ease-in;
78
+ }
79
+
80
+ &-action {
81
+ font-size: calc(13px/16px) * 1rem;
82
+ font-weight: $font-medium;
83
+ padding: 0 10px;
84
+
85
+ &:after{
86
+ background-image:url('data:image/svg+xml, <svg class="icon icon-triangle-down" xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8" ><path d="M11.071 2.414L6.414 7.071a1 1 0 0 1-1.414 0L.343 2.414A1 1 0 0 1 1.05.707h9.314a1 1 0 0 1 .707 1.707z" /></svg>');
87
+ border: 0;
88
+ box-shadow: none;
89
+ width: 9px;
90
+ height: 7px;
91
+ margin-left: 5px;
92
+ }
93
+ }
94
+ }
95
+
96
+ a.dropdown-toggle{
97
+ color: $color-darkblue;
98
+ }
99
+ }
100
+
101
+ .bd-dropdown-item {
102
+ list-style-type: none;
102
103
  }