@knime/kds-styles 0.0.14 → 0.0.16

package/dist/css/index.css

@@ -1,3 +1,3 @@
 @import "modern-normalize/modern-normalize.css";
-@import "./variables";
+@import "@knime/kds-styles/kds-variables.css";
 @import "./basics";

package/dist/tokens/css/_properties.css

@@ -1769,7 +1769,7 @@ syntax: "<color>";
 @property --kds-color-blanket-default {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(330 0% 11% / 0.8);
+  initial-value: light-dark(hsl(330 0% 11% / 0.8), hsl(240 0% 13% / 0.6));
 }
 
 @property --kds-color-nodes-and-variables-flow-variable {
@@ -2564,6 +2564,12 @@ syntax: "<length>";
   initial-value: AUTO;
 }
 
+@property --kds-spacing-offset-focus {
+syntax: "<length>";
+  inherits: false;
+  initial-value: 1px;
+}
+
 @property --kds-spacing-input-label-spacing-bottom {
 syntax: "<length>";
   inherits: false;
@@ -2690,6 +2696,24 @@ syntax: "<length>";
   initial-value: 64px;
 }
 
+@property --kds-dimension-component-width-25x {
+syntax: "<length>";
+  inherits: false;
+  initial-value: 400px;
+}
+
+@property --kds-dimension-component-width-32x {
+syntax: "<length>";
+  inherits: false;
+  initial-value: 512px;
+}
+
+@property --kds-dimension-component-width-45x {
+syntax: "<length>";
+  inherits: false;
+  initial-value: 720px;
+}
+
 @property --kds-dimension-icon-0-56x {
 syntax: "<length>";
   inherits: false;

package/dist/tokens/css/_variables.css

@@ -297,7 +297,7 @@
   --kds-color-border-neutral-bold-active: light-dark(hsl(345 0% 10% / 0.74), hsl(330 0% 99% / 0.68));
   --kds-color-focus-outline: light-dark(hsl(209 57% 50%), hsl(214 92% 77%));
   --kds-color-focus-background: light-dark(hsl(217 100% 97%), hsl(211.86 41.035% 17.864%));
-  --kds-color-blanket-default: hsl(330 0% 11% / 0.8);
+  --kds-color-blanket-default: light-dark(hsl(330 0% 11% / 0.8), hsl(240 0% 13% / 0.6));
   --kds-color-nodes-and-variables-flow-variable: light-dark(hsl(360 84% 63%), hsl(0 100% 66%));
   --kds-color-nodes-and-variables-loop: hsl(188 52% 77%);
   --kds-color-nodes-and-variables-manipulator: hsl(51 100% 50%);
@@ -430,6 +430,7 @@
   --kds-spacing-container-4x: 64px;
   --kds-spacing-container-5x: 80px;
   --kds-spacing-container-auto: AUTO;
+  --kds-spacing-offset-focus: 1px;
   --kds-spacing-input-label-spacing-bottom: 6px;
   --kds-spacing-sub-text-spacing-top: 4px;
   --kds-dimension-component-height-0-25x: 4px;
@@ -451,6 +452,9 @@
   --kds-dimension-component-width-1-75x: 28px;
   --kds-dimension-component-width-2-25x: 36px;
   --kds-dimension-component-width-4x: 64px;
+  --kds-dimension-component-width-25x: 400px;
+  --kds-dimension-component-width-32x: 512px;
+  --kds-dimension-component-width-45x: 720px;
   --kds-dimension-icon-0-56x: 9px;
   --kds-dimension-icon-0-75x: 12px;
   --kds-dimension-icon-1x: 16px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-styles",
-  "version": "0.0.14",
+  "version": "0.0.16",
   "description": "Package containing the design tokens and icons for the KNIME Design System",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
     "jsdom": "^27.0.0",
     "style-dictionary": "^5.1.1",
     "svgo": "^4.0.0",
-    "typescript": "^5.9.2"
+    "typescript": "^5.9.3"
   },
   "files": [
     "dist"

package/dist/css/variables/index.css

@@ -1,5 +0,0 @@
-@import "@knime/kds-styles/kds-variables.css";
-
-:root {
-  --kds-focus-outline-offset: 1px;
-}