@beterdichtbij/component-library 0.67.1 → 0.68.0

package/dist/scss/_alert.scss

@@ -5,7 +5,6 @@
   }
 }
 
-.alert-warning {
+.alert {
   color: $color-darkblue;
-}
-
+}

package/dist/scss/_article.scss

@@ -1,7 +1,5 @@
-
-article{
-
-  &.bd-article{
+article {
+  &.bd-article {
     display:flex;
     flex-direction: column;
     padding: 1.125rem;
@@ -19,6 +17,10 @@ article{
       display:flex;
       justify-content: space-between;
     }
-  }
 
+    a {
+      color: #1e66ae;
+      text-decoration: underline;
+    }
+  }
 }

package/dist/scss/_base.scss

@@ -1,2 +1 @@
-@import "base/typography.scss";
 @import "base/variables.scss";

package/dist/scss/_button.scss

@@ -29,6 +29,9 @@ $btn-variants:
 .btn-link {
     text-decoration: none;
 
+    // Ensure WCAG AA contrast for the reset link button on white background.
+    color: #1e66ae;
+
     &:hover {
         text-decoration: underline;
     }

package/dist/scss/_card.scss

@@ -3,7 +3,7 @@
     border-radius: $border-radius-default;
 
     .card-header {
-        background-color: $primary;
+        background-color: #1f6cae;
         display: flex;
         align-items: center;
         justify-content: space-between;

package/dist/scss/_pagination.scss

@@ -33,6 +33,7 @@
         margin-bottom: 0px;
 
         .page-item {
+            background-color: $white;
             display: inline-block;
             margin: 4px;
             vertical-align: top;

package/dist/scss/_templates.scss

@@ -138,11 +138,6 @@
     }  
 
     &.overview-template {
-        button {
-            margin-right: 0px;
-            background-color: #f5f5f5;
-          }
-
         .bd-dropdown.dropdown .dropdown-toggle {
             display: flex;
             align-items: center;
@@ -238,10 +233,10 @@
         }
 
         .bd-article.is-unread {
-            border-right: 4px solid $primary;
+            border-right: 4px solid #1e66ae;
 
             .bd-date {
-                color: $primary;
+                color: #1e66ae;
                 font-weight: 500;
             }
 
@@ -250,9 +245,8 @@
                 width: 20px;
                 height: 20px;
                 border-radius: 12px;
-                background-color: $primary; 
+                background-color: #1e66ae;
                 margin-top:6px;
-
             }
         }
     }

package/dist/scss/_user.scss

@@ -2,13 +2,21 @@
   display: flex;
   align-items: center;
   gap: 16px;
-  // dit is de utility variant: d-flex align-items-center gap-3"
 
   &__information {
     flex: 1;
 
     header {
       display: flex;
+      font-family: Quicksand, sans-serif;
+      font-size: 1.25rem;
+      font-weight: 700;
+      word-break: break-word;
+      margin: 0 0 4px;
+    }
+
+    .subtitle {
+      color: #6a758a;
     }
   }
 }

package/dist/scss/templates/_not-found-template.scss

@@ -1,4 +1,8 @@
 .not-found-template {
+    h1 {
+        margin: 0;
+    }
+
     p {
         text-align: left;
         margin: 0;

package/package.json

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

package/dist/scss/base/typography.scss

@@ -1,16 +0,0 @@
-h5 {
-.bd-user & {
-  margin: 0 0 4px;
-}
-
-.toast & {
-  margin-bottom: initial;
-}
-
-}
-
-span {
-  .bd-user &{
-    color: #6a758a;
-  }
-}