@knime/kds-styles 2.5.0 → 2.5.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @knime/kds-styles
 
+## 2.5.1
+
+### Patch Changes
+
+- 8e4ebf0: KDS-959: Add token for node type widget
+
 ## 2.5.0
 
 ## 2.4.0

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

@@ -602,6 +602,12 @@ syntax: "<color>";
   initial-value: hsl(193.1, 60.2%, 43.3%);
 }
 
+@property --kds-color-nodes-and-variables-widget {
+syntax: "<color>";
+  inherits: true;
+  initial-value: hsl(193.1, 60.2%, 43.3%);
+}
+
 @property --kds-color-nodes-and-variables-scope {
 syntax: "<color>";
   inherits: true;

package/dist/tokens/css/_properties.css

@@ -1796,6 +1796,12 @@ syntax: "<color>";
   initial-value: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
 }
 
+@property --kds-color-nodes-and-variables-widget {
+syntax: "<color>";
+  inherits: true;
+  initial-value: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
+}
+
 @property --kds-color-nodes-and-variables-scope {
 syntax: "<color>";
   inherits: true;

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

@@ -103,6 +103,7 @@
   --kds-color-nodes-and-variables-predictor: hsl(106.5, 42.6%, 54.9%);
   --kds-color-nodes-and-variables-source: hsl(30, 80.4%, 60%);
   --kds-color-nodes-and-variables-visualizer: hsl(193.1, 60.2%, 43.3%);
+  --kds-color-nodes-and-variables-widget: hsl(193.1, 60.2%, 43.3%);
   --kds-color-nodes-and-variables-scope: hsl(304.6, 27.4%, 46.5%);
   --kds-color-nodes-and-variables-learner: hsl(67.3, 67.8%, 54.9%);
   --kds-color-nodes-and-variables-sink: hsl(359.6, 84.3%, 62.5%);

package/dist/tokens/css/_variables.css

@@ -302,6 +302,7 @@
   --kds-color-nodes-and-variables-predictor: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(109, 47.2%, 61.4%));
   --kds-color-nodes-and-variables-source: hsl(30, 80.4%, 60%);
   --kds-color-nodes-and-variables-visualizer: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
+  --kds-color-nodes-and-variables-widget: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
   --kds-color-nodes-and-variables-scope: light-dark(hsl(304.6, 27.4%, 46.5%), hsl(308.3, 31.6%, 55.3%));
   --kds-color-nodes-and-variables-learner: light-dark(hsl(67.3, 67.8%, 54.9%), hsl(65.4, 68.5%, 65.1%));
   --kds-color-nodes-and-variables-sink: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));

package/dist/tokens/ts/color.d.ts

@@ -445,6 +445,10 @@ export type KdsColorTokens = {
          * Specific color for Nodes and Variables.
          */
         readonly visualizer: KdsColor;
+        /**
+         * Specific color for Nodes and Variables.
+         */
+        readonly widget: KdsColor;
         /**
          * Specific color for Nodes and Variables.
          */

package/dist/tokens/ts/color.js

@@ -844,6 +844,14 @@ export const color = {
                 variable: "var(--kds-color-nodes-and-variables-visualizer)",
             },
         },
+        widget: {
+            light: { h: 193.1, s: 60.2, l: 43.3, alpha: 1 },
+            dark: { h: 191.3, s: 57.1, l: 54.3, alpha: 1 },
+            css: {
+                value: "light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%))",
+                variable: "var(--kds-color-nodes-and-variables-widget)",
+            },
+        },
         scope: {
             light: { h: 304.6, s: 27.4, l: 46.5, alpha: 1 },
             dark: { h: 308.3, s: 31.6, l: 55.3, alpha: 1 },

package/package.json

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