@beterdichtbij/component-library 0.56.1 → 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/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/_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.1",
+    "version": "0.56.2",
     "engines": {
         "node": "24.x",
         "npm": "11.x"