@beterdichtbij/component-library 0.56.0 → 0.56.2

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

@@ -1,4 +1,21 @@
-import "/home/vsts/work/1/s/src/components/atoms/BDContentLibrarySplitButton/BDContentLibrarySplitButton.vue?vue&type=style&index=0&scoped=cef09491&lang.scss";
-declare const _default: any;
-export default _default;
+declare const _sfc_main: {
+    __name: string;
+    props: {
+        contentLibraryProviders: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        isExternalOnly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    };
+    emits: string[];
+    setup(__props: any, { emit }: {
+        emit: any;
+    }): (_ctx: any, _cache: any) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+};
+export default _sfc_main;
 //# sourceMappingURL=BDContentLibrarySplitButton.vue.d.ts.map

package/dist/components/atoms/BDContentLibrarySplitButton/BDContentLibrarySplitButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BDContentLibrarySplitButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDContentLibrarySplitButton/BDContentLibrarySplitButton.vue"],"names":[],"mappings":"AA2HA,OAAO,uJAAuJ,CAAA;;AAG9J,wBAAqF"}
+{"version":3,"file":"BDContentLibrarySplitButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/BDContentLibrarySplitButton/BDContentLibrarySplitButton.vue"],"names":[],"mappings":"AAYA,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;CA4Gd,CAAA;AAID,eAAe,SAAS,CAAA"}

package/dist/locales/nl.json

@@ -9,12 +9,11 @@
     "attachmentUploadModal": {
         "title": "Bijlage toevoegen",
         "submitButton": "Toevoegen",
-        "infoMessage": "Kies je bestand",
+        "infoMessage": "Kies je bestand.",
         "addAttachmentButton": "Bijlage toevoegen",
         "errorMessage": "Fout opgetreden",
         "fileTooBigErrorMessage": "Bestand is te groot.",
-        "fileSizeExceededMessage": "Bestanden mogen maximaal 10 MB groot zijn.",
-        "officeDocumentsNotSupportedByMobileMessage": "Bestandstypes: .docx (Word), .doc (Word), .xls (Excel), .xlsx (Excel) worden niet standaard ondersteund op de mobiele telefoon. Deze kunnen alleen worden bekeken als de bijbehorende app is geïnstalleerd op de mobiele telefoon of als de patiënt BeterDichtbij gebruikt op een computer."
+        "fileSizeExceededMessage": "Bestanden mogen maximaal 10 MB groot zijn."
     },
     "contentLibraryCard": {
         "insert": "Invoegen"

package/dist/scss/_collapsable-card.scss

@@ -65,7 +65,7 @@
         }
 
         &.round-corners {
-            border-radius: $border-radius-default;
+            border-radius: $border-radius-default !important;
         }
 
         @include media-breakpoint-down(md) {
@@ -73,13 +73,13 @@
             height: 60px;
 
             &.round-corners-md {
-                border-radius: $border-radius-default;
+                border-radius: $border-radius-default !important;
             }
         }
 
         @include media-breakpoint-down(sm) {
             &.round-corners-sm {
-                border-radius: $border-radius-default;
+                border-radius: $border-radius-default !important;
             }
         }
     }
@@ -91,7 +91,7 @@
             display: none;
         }
 
-        .collapse {
+        &.collapse {
             @include media-breakpoint-up(lg) {
                 &.open-collapse-lg {
                     display: block !important
@@ -104,30 +104,5 @@
                 }
             }
         }
-
-        .collapse-body {
-            padding: 20px;
-
-            ul {
-                list-style: none;
-                padding: 0px;
-                margin: 0px;
-          
-                &:not(:last-of-type) {
-                    border-bottom: 1px solid $color-bg;
-                    margin-bottom: 20px;
-                }
-            }
-
-            li {
-                font-size: 1rem;
-                line-height: 1.375rem;
-                word-wrap: break-word;
-            }
-
-            label {
-                margin-right: 0.4rem;
-            }
-        }
     }
 }

package/dist/scss/_content-library-modal.scss

@@ -45,30 +45,4 @@
     text-align: center;
     font-weight: bold;
   }
-
-  @media (min-width: 768px) and (max-width: 1199px) {
-    .col-md-6 {
-      flex: 0 0 auto;
-      width: 100%;
-    }
-  }
-
-  @media (min-width: 850px) and (max-width: 1199px) {
-    .col-lg-3 {
-      flex: 0 0 auto;
-      width: 40%;
-    }
-
-    .col-lg-9 {
-      flex: 0 0 auto;
-      width: 60%;
-    }
-
-    .content-library-header {
-      .col-lg-7 {
-        flex: 0 0 auto;
-        width: 100%;
-      }
-    }
-  }
 }

package/dist/scss/_content-library-split-button.scss

@@ -0,0 +1,20 @@
+.bd-content-library-split-button {
+    // Empty ::after element with extra height is added by PrimeVue.
+    .p-button-icon-only::after {
+        display: none;
+    }
+
+    .menu-item {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 8px;
+        cursor: pointer;
+        font-size: 1rem;
+
+        .icon-image {
+            width: 18px;
+            height: 18px;
+        }
+    }
+}

package/dist/scss/_header.scss

@@ -157,6 +157,12 @@
         }
     }
 
+    @media (max-width: 1050px) {
+        .dropdown-toggle {
+            max-width: 140px;
+        }
+    }
+
     @media (max-width: 400px) {
         .logo-mix .logo.organization-logo {
             display: none;

package/dist/scss/_modal.scss

@@ -1,4 +1,12 @@
 .modal.bd-modal {
+  &.modal-xl {
+    @include media-breakpoint-down(xl) {
+      .modal-dialog {
+        max-width: 100%;
+      }
+    }
+  }
+
   .modal-dialog {
     min-height: 100%;
     display: flex;

package/dist/scss/component-library-styling.scss

@@ -15,6 +15,7 @@
 @import "content-library-card";
 @import "content-library-modal";
 @import "content-library-overview";
+@import "content-library-split-button";
 @import "conversation-to-text-modal";
 @import "dropdown";
 @import "dropzone";

package/dist/src/components/atoms/BDCollapsableCard/BDCollapsableCard.vue.d.ts

@@ -10,6 +10,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
         default: boolean;
     };
+    collapseOn: {
+        type: __PropType<import('../../../types/BootstrapSizes').bootstrapSizes | null>;
+        required: true;
+        default: null;
+    };
     showOn: {
         type: __PropType<import('../../../types/BootstrapSizes').bootstrapSizes>;
         required: true;
@@ -31,6 +36,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
         default: boolean;
     };
+    collapseOn: {
+        type: __PropType<import('../../../types/BootstrapSizes').bootstrapSizes | null>;
+        required: true;
+        default: null;
+    };
     showOn: {
         type: __PropType<import('../../../types/BootstrapSizes').bootstrapSizes>;
         required: true;
@@ -44,6 +54,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>>, {
     title: string;
     disabled: boolean;
+    collapseOn: import('../../../types/BootstrapSizes').bootstrapSizes | null;
     showOn: import('../../../types/BootstrapSizes').bootstrapSizes;
     visible: boolean;
 }, {}>;

package/dist/src/interfaces/BDCollapsableCardProps.d.ts

@@ -2,6 +2,7 @@ import { bootstrapSizes } from '../types/BootstrapSizes';
 export interface BDCollapsableCardProps {
     title: string;
     disabled: boolean;
+    collapseOn: bootstrapSizes | null;
     showOn: bootstrapSizes;
     visible: boolean;
 }

package/dist/src/types/BootstrapSizes.d.ts

@@ -4,5 +4,6 @@ export declare const BOOTSTRAP_SIZES: {
     readonly SM: "sm";
     readonly MD: "md";
     readonly LG: "lg";
+    readonly XL: "xl";
 };
 export type bootstrapSizes = GenericEnum<typeof BOOTSTRAP_SIZES>;

package/package.json

@@ -2,7 +2,7 @@
     "name": "@beterdichtbij/component-library",
     "description": "Component library voor BeterDichtbij design system",
     "private": false,
-    "version": "0.56.0",
+    "version": "0.56.2",
     "engines": {
         "node": "24.x",
         "npm": "11.x"