@beterdichtbij/component-library 0.15.6 → 0.17.0

package/dist/components/atoms/BDFormInput/BDFormInput.vue.d.ts

@@ -85,6 +85,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: number;
     };
+    mask: {
+        type: __PropType<string>;
+        required: true;
+        default: undefined;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:modelValue" | "blur" | "enter")[], "click" | "update:modelValue" | "blur" | "enter", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: __PropType<string | undefined>;
@@ -171,6 +176,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: number;
     };
+    mask: {
+        type: __PropType<string>;
+        required: true;
+        default: undefined;
+    };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -194,5 +204,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
     invalidFeedbackClass: string | undefined;
     invalidFeedbackText: string | undefined;
     delayTimeMs: number | undefined;
+    mask: string;
 }, {}>;
 export default _sfc_main;

package/dist/components/atoms/BDToast/BDToast.vue.d.ts

@@ -14,14 +14,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: "info";
     };
-    teleport: {
-        type: __PropType<import("vue").TeleportProps | undefined>;
-        required: false;
-        default: {
-            to: string;
-            disabled: boolean;
-        };
-    };
     title: {
         type: __PropType<string | undefined>;
         required: false;
@@ -47,14 +39,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: false;
         default: "info";
     };
-    teleport: {
-        type: __PropType<import("vue").TeleportProps | undefined>;
-        required: false;
-        default: {
-            to: string;
-            disabled: boolean;
-        };
-    };
     title: {
         type: __PropType<string | undefined>;
         required: false;
@@ -70,6 +54,5 @@ declare const _sfc_main: import("vue").DefineComponent<{
     text: string | undefined;
     title: string | undefined;
     show: boolean | undefined;
-    teleport: import("vue").TeleportProps | undefined;
 }, {}>;
 export default _sfc_main;

package/dist/composables/useToaster.d.ts

@@ -0,0 +1,7 @@
+import { Toast } from "bootstrap";
+export declare function useToaster(options?: Toast.Options | undefined): {
+    showSuccessToast: (message: string) => void;
+    showInformationToast: (message: string) => void;
+    showWarningToast: (message: string) => void;
+    showDangerToast: (message: string) => void;
+};

package/dist/index.d.ts

@@ -26,4 +26,5 @@ import BDMarkdownEditor from "./components/molecules/BDMarkdownEditor/BDMarkdown
 import BDUser from "./components/molecules/BDUser/BDUser.vue";
 import BDDropdown from "./components/organisms/BDDropdown/BDDropdown.vue";
 import BDModal from "./components/organisms/BDModal/BDModal.vue";
-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, IconCalendar, BDArticle, BDUser, BDToast, };
+import { useToaster } from "./composables/useToaster";
+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, IconCalendar, BDArticle, BDUser, BDToast, useToaster };

package/dist/interfaces/BDFormInputProps.d.ts

@@ -17,4 +17,5 @@ export interface BDFormInputProps {
     invalidFeedbackClass?: string;
     invalidFeedbackText?: string;
     delayTimeMs?: number;
+    mask: string;
 }

package/dist/interfaces/BDToastProps.d.ts

@@ -1,10 +1,8 @@
 import { toastVariants } from '../types/ToastVariants';
-import { TeleportProps } from "vue";
 export interface BDToastProps {
     id?: string;
     show?: boolean;
     variant?: toastVariants;
-    teleport?: TeleportProps;
     title?: string;
     text?: string;
 }

package/dist/scss/_toast.scss

@@ -1,84 +1,64 @@
 .toast{
   &.bd-toast{
-  position: absolute;
-  margin: 0.5rem;
-  bottom: 0%;
-  right: 0%;
-  border: 0px;
-  
-  .toast-left-border{
-    width: 4px;
-    background-color: $info;
-    position: absolute;
-    left: 0;
-    top: 0;
-    height: 100%;
-    border-radius: $border-radius-default 0px 0px $border-radius-default;
-  }
+    margin: 0.5rem;
+    border: 0px;
+    margin-left: auto;
+    border-left: 4px solid $info;
 
-  .toast-header{
-    border-bottom: 1px solid hsla(203, 62%, 51%, 0.4) ;
-    padding: 20px 14px;
-    display:flex;
-   justify-content: baseline;
+    .toast-header{
+      border-bottom: 1px solid hsla(203, 62%, 51%, 0.4) ;
+      padding: 20px 14px;
+      display:flex;
+      justify-content: baseline;
 
-    button{
-      margin-left:auto;
-      margin-right:0px;
+      button{
+        margin-left:auto;
+        margin-right:0px;
+      }
+
+      svg{
+        fill: $info;
+        margin-right: 1rem;
+      }
     }
 
-    svg{
-      fill: $info;
-      margin-right: 1rem;
+    .toast-body {
+      padding-left: 20px;
     }
 
-  }
+    &-danger{
+      border-color: $danger;
 
-  .toast-body {
-    padding-left: 20px;
-  }
+      .toast-header{
+        border-color: hsla(8, 74%, 53%, 0.4);
 
-  &-danger{
-    .toast-left-border{
-      background-color: $danger;
-    }
-    .toast-header{
-      border-color: hsla(8, 74%, 53%, 0.4);
-      
-      svg{
-        fill: $danger;
+        svg{
+          fill: $danger;
+        }
       }
     }
 
-    
-  }
+    &-warning{
+      border-color: $warning;
 
-  &-warning{
-    .toast-left-border{
-      background-color: $warning;
-    }
-    .toast-header{
-      border-color: hsla(48, 100%, 47%, 0.4);
+      .toast-header{
+        border-color: hsla(48, 100%, 47%, 0.4);
 
-      svg{
-        fill: $warning;
+        svg{
+          fill: $warning;
+        }
       }
     }
 
-   
-  }
+    &-success{
+      border-color: $success;
 
-  &-success{
-    .toast-left-border{
-      background-color: $success;
-    }
-    .toast-header{
-      border-color: hsla(155, 100%, 37%,0.4);
-      svg{
-        fill:  $success
+      .toast-header{
+        border-color: hsla(155, 100%, 37%,0.4);
+        svg{
+          fill:  $success
+        }
       }
     }
-
   }
-}
 }

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@beterdichtbij/component-library",
     "private": false,
-    "version": "0.15.6",
+    "version": "0.17.0",
     "author": "Ralph van der Neut <rvanderneut@beterdichtbij.nl>",
     "type": "module",
     "files": [
@@ -69,6 +69,7 @@
         "@tiptap/vue-3": "2.1.12",
         "@vueuse/core": "10.6.1",
         "dropzone": "5.9.3",
+        "maska": "2.1.11",
         "uid": "2.0.2"
     },
     "devDependencies": {