@beterdichtbij/component-library 0.71.1 → 0.72.0

package/dist/components/actions/BDButton/BDButton.vue.d.ts

@@ -1,7 +1,7 @@
 import { BDButtonProps } from '../../../interfaces/BDButtonProps';
-declare var __VLS_10: {};
+declare var __VLS_11: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_10) => any;
+    default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<BDButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     click: (...args: any[]) => void;

package/dist/components/layout/BDHeader/BDHeader.vue.d.ts

@@ -9,11 +9,11 @@ interface BDHeaderProps {
     organizationLogoSrc?: string | undefined;
     hasLogoutOption?: boolean;
 }
-declare var __VLS_14: {}, __VLS_40: {};
+declare var __VLS_18: {}, __VLS_44: {};
 type __VLS_Slots = {} & {
-    'profile-side'?: (props: typeof __VLS_14) => any;
+    'profile-side'?: (props: typeof __VLS_18) => any;
 } & {
-    'mobile-menu-special-options'?: (props: typeof __VLS_40) => any;
+    'mobile-menu-special-options'?: (props: typeof __VLS_44) => any;
 };
 declare const __VLS_component: import('vue').DefineComponent<BDHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     signout: (...args: any[]) => void;

package/dist/scss/_button.scss

@@ -41,6 +41,12 @@ $btn-variants:
         opacity: 0.5;
         color: $gray-primary;
     }
+
+    &:focus-visible, &:focus {
+        outline: 3px solid $blue-dark;
+        outline-offset: 2px;
+        border-radius: 4px;
+    }
 }
 
 button {

package/dist/scss/_forms.scss

@@ -1,2 +1,3 @@
 @import "forms/form-check";
 @import "forms/form-input";
+@import "forms/form-select";

package/dist/scss/_modal.scss

@@ -40,6 +40,12 @@
         background-image: initial;
         color: $gray-primary;
 
+        &:focus,
+        &:focus-visible {
+          outline: 3px solid $blue-dark;
+          outline-offset: 2px;
+        }
+
         .icon-close {
           width: 24px;
           height: 24px;
@@ -88,7 +94,7 @@
           height: initial;
         }
       }
-    }
+    }    
 
     .modal-body {
       border: 0px;
@@ -112,6 +118,7 @@
 
     .modal-footer {
       justify-content: flex-start;
+      gap: 5px;
       // Explicitly inherit border-radius from .modal-dialog set by Bootstrap.
       border-radius: inherit;
 

package/dist/scss/forms/_form-select.scss

@@ -0,0 +1,6 @@
+.bd-form-select {
+    &:focus,
+    &:focus-visible {
+        border-color: $blue-dark;
+    }
+}

package/package.json

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