1.2.0

changelog.md

@@ -1,5 +1,48 @@
 # Changelog
 
+## 2024-10-07 - 1.2.0 - feat(index.ts)
+Add export for colors module in index.ts
+
+- The index.ts file now exports the colors module, making color utilities available for external use.
+
+## 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
+
+- Added reflect: true to the 'disabled' property ensuring changes reflect in the DOM attribute.
+
+## 2024-10-05 - 1.1.11 - fix(DeesStepper)
+Adjusted CSS properties in DeesStepper component
+
+- Increased border-radius from 8px to 16px for step container elements
+- Adjusted font-size and font-weight for the title in the step container to improve readability
+
+## 2024-10-04 - 1.1.10 - fix(dependencies)
+Reverted @webcontainer/api version
+
+- Changed @webcontainer/api version from ^1.3.0 to 1.2.0 in package.json
+
+## 2024-10-04 - 1.1.9 - fix(dependencies)
+Update various dependencies for compatibility and stability.
+
+- Update @design.estate/dees-domtools to version ^2.0.61
+- Update @design.estate/dees-element to version ^2.0.39
+- Update @webcontainer/api to version ^1.3.0
+- Update apexcharts to version ^3.54.0
+- Update monaco-editor to version ^0.52.0
+- Update pdfjs-dist to version ^4.6.82
+- Update @push.rocks/tapbundle to version ^5.3.0
+- Update @types/node to version ^22.7.4
+
+## 2024-09-02 - 1.1.8 - fix(dees-simple-appdash)
+Corrected viewTab active background color
+
+- Corrected the background color of the viewTab in active state for better visual consistency.
+
 ## 2024-09-02 - 1.1.7 - fix(dependencies)
 Update dependencies to their latest versions
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@design.estate/dees-catalog",
-  "version": "1.1.7",
+  "version": "1.2.0",
   "private": false,
   "description": "A library for building components and other projects",
   "main": "dist_ts_web/index.js",
@@ -15,8 +15,8 @@
   "author": "Lossless GmbH",
   "license": "MIT",
   "dependencies": {
-    "@design.estate/dees-domtools": "^2.0.57",
-    "@design.estate/dees-element": "^2.0.36",
+    "@design.estate/dees-domtools": "^2.0.61",
+    "@design.estate/dees-element": "^2.0.39",
     "@design.estate/dees-wcctools": "^1.0.90",
     "@fortawesome/fontawesome-svg-core": "^6.6.0",
     "@fortawesome/free-brands-svg-icons": "^6.6.0",
@@ -26,12 +26,12 @@
     "@push.rocks/smartpromise": "^4.0.4",
     "@push.rocks/smartstring": "^4.0.15",
     "@tsclass/tsclass": "^4.1.2",
-    "@webcontainer/api": "^1.2.0",
-    "apexcharts": "^3.53.0",
+    "@webcontainer/api": "1.2.0",
+    "apexcharts": "^3.54.0",
     "highlight.js": "11.10.0",
     "ibantools": "^4.5.1",
-    "monaco-editor": "^0.51.0",
-    "pdfjs-dist": "^4.5.136",
+    "monaco-editor": "^0.52.0",
+    "pdfjs-dist": "^4.6.82",
     "xterm": "^5.3.0",
     "xterm-addon-fit": "^0.8.0"
   },
@@ -41,8 +41,8 @@
     "@git.zone/tstest": "^1.0.90",
     "@git.zone/tswatch": "^2.0.23",
     "@push.rocks/projectinfo": "^5.0.2",
-    "@push.rocks/tapbundle": "^5.0.24",
-    "@types/node": "^22.5.2"
+    "@push.rocks/tapbundle": "^5.3.0",
+    "@types/node": "^22.7.4"
   },
   "files": [
     "ts/**/*",

ts_web/00_commitinfo_data.ts

@@ -3,6 +3,6 @@
  */
 export const commitinfo = {
   name: '@design.estate/dees-catalog',
-  version: '1.1.7',
+  version: '1.2.0',
   description: 'A library for building components and other projects'
 }

ts_web/elements/dees-button.ts

@@ -35,7 +35,8 @@ export class DeesButton extends DeesElement {
   public eventDetailData: string;
 
   @property({
-    type: Boolean
+    type: Boolean,
+    reflect: true,
   })
   public disabled = false;
 
@@ -103,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;
@@ -131,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;
       }

ts_web/elements/dees-simple-appdash.ts

@@ -94,7 +94,7 @@ export class DeesSimpleAppDash extends DeesElement {
       }
 
       .viewTab:active {
-        background: ${cssManager.bdTheme(colors.bright.blueActive, colors.dark.blueActive)};
+        background: ${cssManager.bdTheme('#aaa', '#ffffff20')};
         color: ${cssManager.bdTheme('#000', '#fff')};
       }
 

ts_web/elements/dees-stepper.ts

@@ -102,7 +102,7 @@ export class DeesStepper extends DeesElement {
         transition: all 0.7s ease-in-out;
         max-width: 500px;
         min-height: 300px;
-        border-radius: 8px;
+        border-radius: 16px;
         background: ${cssManager.bdTheme('#ffffff', '#181818')};
         border-top: 1px solid ${cssManager.bdTheme('#ffffff', '#181818')};
         color: ${cssManager.bdTheme('#333', '#fff')};
@@ -175,8 +175,9 @@ export class DeesStepper extends DeesElement {
         text-align: center;
         padding-top: 50px;
         font-family: 'Geist Sans', sans-serif;
-        font-size: 25px;
-        font-weight: 300;
+        font-size: 22px;
+
+        font-weight: 500;
       }
 
       .step .content {

ts_web/index.ts

@@ -1,2 +1,4 @@
 export * from './elements/index.js';
+import * as colors from './elements/00colors.js';
+export { colors };
 export { commitinfo } from './00_commitinfo_data.js';