From 719e63c6676b8dc1f6c4039af86cb370704f54a1 Mon Sep 17 00:00:00 2001
From: Philipp Kunz <gitlab@philkunz.com>
Date: Sun, 6 Oct 2024 01:18:13 +0200
Subject: [PATCH] fix(dees-button): Fix styling issue in button component.

---
 changelog.md                   |  5 +++++
 ts_web/00_commitinfo_data.ts   |  2 +-
 ts_web/elements/dees-button.ts | 15 ++++++++-------
 3 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/changelog.md b/changelog.md
index f1bc7d0..f66f61c 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,10 @@
 # Changelog
 
+## 2024-10-06 - 1.1.13 - fix(dees-button)
+Fix styling issue in button component.
+
+- Moved the .button.disabled styling block to its correct position after the .button.highlighted block.
+
 ## 2024-10-06 - 1.1.12 - fix(dees-button)
 Fix reflect attribute for disabled property on dees-button component
 
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index 2a4e9c9..a945df7 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.1.12',
+  version: '1.1.13',
   description: 'A library for building components and other projects'
 }
diff --git a/ts_web/elements/dees-button.ts b/ts_web/elements/dees-button.ts
index 9d864e2..5a0933c 100644
--- a/ts_web/elements/dees-button.ts
+++ b/ts_web/elements/dees-button.ts
@@ -104,13 +104,6 @@ export class DeesButton extends DeesElement {
         border-top: 1px solid #0069f2;
       }
 
-      .button.disabled {
-        background: ${cssManager.bdTheme('#ffffff00', '#11111100')};
-        border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
-        color: #9b9b9e;
-        cursor: default;
-      }
-
       .button.highlighted {
         background: #e4002b;
         border: none;
@@ -132,6 +125,14 @@ export class DeesButton extends DeesElement {
       .button.discreet:hover {
         background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.1)')};
       }
+
+      .button.disabled {
+        background: ${cssManager.bdTheme('#ffffff00', '#11111100')};
+        border: 1px dashed ${cssManager.bdTheme('#666666', '#666666')};
+        color: #9b9b9e;
+        cursor: default;
+      }
+
       .button.hidden {
         display: none;
       }