chore: los merge-conflicten op met main (README + changelog)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: Jeffrey Lauwers

packages/components-html/src/button/button.css

@@ -302,7 +302,9 @@
 
 /* Disabled State */
 .dsn-button:disabled {
-  opacity: 0.5;
+  background-color: var(--dsn-button-disabled-background-color);
+  color: var(--dsn-button-disabled-color);
+  border-color: var(--dsn-button-disabled-border-color);
   cursor: not-allowed;
 }
 

packages/design-tokens/src/tokens/components/button.json

@@ -495,6 +495,23 @@
           }
         }
       },
+      "disabled": {
+        "background-color": {
+          "value": "{dsn.color.neutral.bg-subtle}",
+          "type": "color",
+          "comment": "Disabled button background — neutral scale, variant-independent"
+        },
+        "color": {
+          "value": "{dsn.color.neutral.color-subtle}",
+          "type": "color",
+          "comment": "Disabled button text/icon color — neutral scale, variant-independent"
+        },
+        "border-color": {
+          "value": "{dsn.color.neutral.border-subtle}",
+          "type": "color",
+          "comment": "Disabled button border color — neutral scale, variant-independent"
+        }
+      },
       "size": {
         "default": {
           "font-size": {

packages/storybook/src/Button.docs.md

@@ -125,6 +125,9 @@ De Button component biedt een consistente, toegankelijke manier om acties te tri
 | `--dsn-button-subtle-positive-hover-background-color`   | Achtergrondkleur subtle-positive hover          |
 | `--dsn-button-subtle-positive-hover-border-color`       | Borderkleur subtle-positive hover               |
 | `--dsn-button-subtle-positive-hover-color`              | Tekstkleur subtle-positive hover                |
+| `--dsn-button-disabled-background-color`                | Achtergrondkleur disabled state (neutral scale) |
+| `--dsn-button-disabled-color`                           | Tekstkleur disabled state (neutral scale)       |
+| `--dsn-button-disabled-border-color`                    | Borderkleur disabled state (neutral scale)      |
 | `--dsn-button-size-default-font-size`                   | Font size default variant                       |
 | `--dsn-button-size-default-gap`                         | Ruimte tussen icoon en tekst default variant    |
 | `--dsn-button-size-default-icon-only-padding`           | Padding voor icon-only default variant          |