@knime/kds-styles 0.18.1 → 0.18.3

package/dist/tokens/css/_properties-legacy.css

@@ -272,6 +272,18 @@ syntax: "<color>";
   initial-value: hsl(0 0% 13%);
 }
 
+@property --kds-color-background-static-chart-1 {
+syntax: "<color>";
+  inherits: true;
+  initial-value: hsl(176 67% 22%);
+}
+
+@property --kds-color-background-static-chart-2 {
+syntax: "<color>";
+  inherits: true;
+  initial-value: hsl(172 27% 48%);
+}
+
 @property --kds-color-text-and-icon-neutral {
 syntax: "<color>";
   inherits: true;

package/dist/tokens/css/_properties.css

@@ -1466,6 +1466,18 @@ syntax: "<color>";
   initial-value: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
 }
 
+@property --kds-color-background-static-chart-1 {
+syntax: "<color>";
+  inherits: true;
+  initial-value: light-dark(hsl(176 67% 22%), hsl(173 37% 39%));
+}
+
+@property --kds-color-background-static-chart-2 {
+syntax: "<color>";
+  inherits: true;
+  initial-value: light-dark(hsl(172 27% 48%), hsl(176 67% 22%));
+}
+
 @property --kds-color-text-and-icon-neutral {
 syntax: "<color>";
   inherits: true;
@@ -2573,7 +2585,7 @@ syntax: "<length>";
 @property --kds-spacing-input-label-spacing-bottom {
 syntax: "<length>";
   inherits: false;
-  initial-value: 6px;
+  initial-value: 4px;
 }
 
 @property --kds-spacing-sub-text-spacing-top {
@@ -2636,6 +2648,12 @@ syntax: "<length>";
   initial-value: 36px;
 }
 
+@property --kds-dimension-component-height-2-75x {
+syntax: "<length>";
+  inherits: false;
+  initial-value: 44px;
+}
+
 @property --kds-dimension-component-height-2-5x {
 syntax: "<length>";
   inherits: false;
@@ -2654,6 +2672,12 @@ syntax: "<length>";
   initial-value: 192px;
 }
 
+@property --kds-dimension-component-height-12-5x {
+syntax: "<length>";
+  inherits: false;
+  initial-value: 200px;
+}
+
 @property --kds-dimension-component-height-20x {
 syntax: "<length>";
   inherits: false;
@@ -2726,6 +2750,12 @@ syntax: "<length>";
   initial-value: 36px;
 }
 
+@property --kds-dimension-component-width-2-75x {
+syntax: "<length>";
+  inherits: false;
+  initial-value: 44px;
+}
+
 @property --kds-dimension-component-width-4x {
 syntax: "<length>";
   inherits: false;
@@ -2738,6 +2768,12 @@ syntax: "<length>";
   initial-value: 192px;
 }
 
+@property --kds-dimension-component-width-12-5x {
+syntax: "<length>";
+  inherits: false;
+  initial-value: 200px;
+}
+
 @property --kds-dimension-component-width-16x {
 syntax: "<length>";
   inherits: false;

package/dist/tokens/css/_variables-legacy.css

@@ -48,6 +48,8 @@
   --kds-color-background-static-success-muted: hsl(124.89 65.088% 97.723%);
   --kds-color-background-static-brand: hsl(51 100% 50%);
   --kds-color-background-static-overlay: hsl(0 0% 13%);
+  --kds-color-background-static-chart-1: hsl(176 67% 22%);
+  --kds-color-background-static-chart-2: hsl(172 27% 48%);
   --kds-color-text-and-icon-neutral: hsl(0 0% 16%);
   --kds-color-text-and-icon-muted: hsl(0 0% 32%);
   --kds-color-text-and-icon-subtle: hsl(0 0% 43%);

package/dist/tokens/css/_variables.css

@@ -247,6 +247,8 @@
   --kds-color-background-static-success-muted: light-dark(hsl(124.89 65.088% 97.723%), hsl(128.09 38.652% 10.529%));
   --kds-color-background-static-brand: hsl(51 100% 50%);
   --kds-color-background-static-overlay: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
+  --kds-color-background-static-chart-1: light-dark(hsl(176 67% 22%), hsl(173 37% 39%));
+  --kds-color-background-static-chart-2: light-dark(hsl(172 27% 48%), hsl(176 67% 22%));
   --kds-color-text-and-icon-neutral: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
   --kds-color-text-and-icon-muted: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
   --kds-color-text-and-icon-subtle: light-dark(hsl(0 0% 43%), hsl(0 0% 73%));
@@ -431,7 +433,7 @@
   --kds-spacing-container-5x: 80px;
   --kds-spacing-container-auto: AUTO;
   --kds-spacing-offset-focus: 1px;
-  --kds-spacing-input-label-spacing-bottom: 6px;
+  --kds-spacing-input-label-spacing-bottom: 4px;
   --kds-spacing-sub-text-spacing-top: 4px;
   --kds-dimension-component-height-0-125x: 2px;
   --kds-dimension-component-height-0-25x: 4px;
@@ -442,9 +444,11 @@
   --kds-dimension-component-height-1-5x: 24px;
   --kds-dimension-component-height-1-75x: 28px;
   --kds-dimension-component-height-2-25x: 36px;
+  --kds-dimension-component-height-2-75x: 44px;
   --kds-dimension-component-height-2-5x: 40px;
   --kds-dimension-component-height-4x: 64px;
   --kds-dimension-component-height-12x: 192px;
+  --kds-dimension-component-height-12-5x: 200px;
   --kds-dimension-component-height-20x: 320px;
   --kds-dimension-component-height-25x: 400px;
   --kds-dimension-component-height-45x: 720px;
@@ -457,8 +461,10 @@
   --kds-dimension-component-width-1-5x: 24px;
   --kds-dimension-component-width-1-75x: 28px;
   --kds-dimension-component-width-2-25x: 36px;
+  --kds-dimension-component-width-2-75x: 44px;
   --kds-dimension-component-width-4x: 64px;
   --kds-dimension-component-width-12x: 192px;
+  --kds-dimension-component-width-12-5x: 200px;
   --kds-dimension-component-width-16x: 256px;
   --kds-dimension-component-width-17-5x: 280px;
   --kds-dimension-component-width-20x: 320px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-styles",
-  "version": "0.18.1",
+  "version": "0.18.3",
   "description": "Package containing the design tokens and icons for the KNIME Design System",
   "repository": {
     "type": "git",