@beterdichtbij/component-library 0.58.4 → 0.59.0

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

@@ -13,8 +13,6 @@
     h6 {
       display: -webkit-box;
       display: -moz-box;
-      min-height: 1.5625rem;
-      max-height: 3.125rem;
       overflow: hidden;
       -webkit-line-clamp: 2;
       line-clamp: 2;
@@ -135,120 +133,4 @@
     }
   }
 
-  &-message-template {
-    
-
-    &__tag {
-      border-radius: 5px;
-      margin-bottom: 12px;
-      border-radius: 5px;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-
-      span {
-        background-color: #f2f3f5;
-        border-radius: 5px;
-        padding: 5px 8px;
-        color: $color-stroke-gray;
-        font-size: 0.8125rem;
-        line-height: 0.953125rem;
-        height: 0.953125rem;
-      }
-    }
-
-
-    .btn-link {
-      padding: 0;
-
-      &:focus {
-        box-shadow: revert;
-      }
-    }
-
-    .collapsed > .when-open,
-    .not-collapsed > .when-closed {
-      display: none;
-    }
-
-    .content-library-card-message-template__collapse {  
-      .message-text{
-        word-break: break-word;
-      }
-
-      .attachment-list {
-        .attachment-list__item {
-          margin-right: 15px;
-          margin-bottom: 0.25rem;
-          word-break: break-all;
-        }
-
-        img {
-          height: 50px;
-          max-width: 100%;
-        }
-      }
-
-      display: block !important;
-
-      &.collapse {
-        &:not(.show) {
-          height: 2.75rem !important;
-          display: -webkit-box !important;
-          overflow: hidden;
-          -webkit-line-clamp: 2;
-          -webkit-box-orient: vertical;
-
-          .attachment-list {
-            display: none;
-          }
-        }
-      }
-
-      &.collapsing {
-        &:not(.show) {
-          height: 4.5rem !important;
-        }
-      }
-    }
-
-    footer {
-      .icon-button {
-        svg {
-          fill: revert;
-          stroke: hsla(224, 21%, 38%, 1);
-        }
-      }
-
-      .edit-btn-group {
-        svg {
-          fill: hsla(224, 21%, 38%, 1);
-          stroke: revert;
-        }
-      }
-    }
-
-    .attachment-occurence {
-      position: relative;
-
-      .icon {
-        position: absolute;
-        fill: $color-blue;
-        top: -8px;
-        right: 8px;
-      }
-
-      .number-icon {
-        color: white;
-        font-size: 0.6em;
-        position: absolute;
-        border-radius: 50%;
-        background-color: "blue";//$color-brightblue;
-        width: 0.7rem;
-        text-align: center;
-        top: -14px;
-        left: -12px;
-      }
-    }
-  }
 }

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

@@ -1,5 +1,5 @@
 .content-library-overview {
     .card-container {
-        padding-bottom: 12px;
+        padding: 0 4px 8px 4px;
     }
 }

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

@@ -13,6 +13,7 @@
 @import "chatcloud";
 @import "collapsable-card";
 @import "content-library-card";
+@import "content-library-card-message-template";
 @import "content-library-modal";
 @import "content-library-overview";
 @import "content-library-split-button";

package/dist/scss/templates/_content-library-template.scss

@@ -1,12 +1,15 @@
 .content-library-template {
+    .content-library-header {
+        margin-bottom: 15px;
+    }
+
     .bd-form-checkbox {
         display: flex;
         margin-bottom: 8px;
     }
 
     .collapse-button {
-        padding: 0 12px;
-        margin-bottom: 8px;
+        padding: 0;
 
         &-last {
             margin-bottom: 0;

package/package.json

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