@knime/kds-styles 2.0.0 → 2.0.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # @knime/kds-styles
 
+## 2.0.1
+
+### Patch Changes
+
+- d8bb77a: Kds 948 Rename tokens for components and metanodes to its real purpose
+
+  - Adjust token names
+  - Adjust node template
+
 ## 2.0.0
 
 ### Patch Changes

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

@@ -638,37 +638,43 @@ syntax: "<color>";
   initial-value: hsl(29 43% 58%);
 }
 
-@property --kds-color-nodes-and-variables-special-nodes-bold {
+@property --kds-color-nodes-and-variables-metanode {
+syntax: "<color>";
+  inherits: true;
+  initial-value: hsl(0 0% 99%);
+}
+
+@property --kds-color-nodes-and-variables-metanode-border {
 syntax: "<color>";
   inherits: true;
   initial-value: hsl(0 0% 32%);
 }
 
-@property --kds-color-nodes-and-variables-special-nodes {
+@property --kds-color-nodes-and-variables-component {
 syntax: "<color>";
   inherits: true;
   initial-value: hsl(0 0% 73%);
 }
 
-@property --kds-color-nodes-and-variables-special-nodes-muted {
+@property --kds-color-nodes-and-variables-special-state {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 90%);
+  initial-value: hsl(0 0% 99%);
 }
 
-@property --kds-color-nodes-and-variables-special-nodes-border {
+@property --kds-color-nodes-and-variables-forbidden-border {
 syntax: "<color>";
   inherits: true;
   initial-value: hsl(0 0% 19%);
 }
 
-@property --kds-color-nodes-and-variables-special-nodes-background {
+@property --kds-color-nodes-and-variables-forbidden {
 syntax: "<color>";
   inherits: true;
-  initial-value: hsl(0 0% 99%);
+  initial-value: hsl(0 0% 90%);
 }
 
-@property --kds-color-nodes-and-variables-warning-bold {
+@property --kds-color-nodes-and-variables-warning-border {
 syntax: "<color>";
   inherits: true;
   initial-value: hsl(19 63% 38%);
@@ -680,7 +686,7 @@ syntax: "<color>";
   initial-value: hsl(31 100% 83%);
 }
 
-@property --kds-color-nodes-and-variables-error-bold {
+@property --kds-color-nodes-and-variables-error-border {
 syntax: "<color>";
   inherits: true;
   initial-value: hsl(349 91% 35%);
@@ -692,7 +698,7 @@ syntax: "<color>";
   initial-value: hsl(2 100% 92%);
 }
 
-@property --kds-color-nodes-and-variables-loading-bold {
+@property --kds-color-nodes-and-variables-loading-border {
 syntax: "<color>";
   inherits: true;
   initial-value: hsl(208 61% 34%);

package/dist/tokens/css/_properties.css

@@ -1832,37 +1832,43 @@ syntax: "<color>";
   initial-value: light-dark(hsl(29 43% 58%), hsl(30 47% 68%));
 }
 
-@property --kds-color-nodes-and-variables-special-nodes-bold {
+@property --kds-color-nodes-and-variables-metanode {
+syntax: "<color>";
+  inherits: true;
+  initial-value: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
+}
+
+@property --kds-color-nodes-and-variables-metanode-border {
 syntax: "<color>";
   inherits: true;
   initial-value: light-dark(hsl(0 0% 32%), hsl(0 0% 94%));
 }
 
-@property --kds-color-nodes-and-variables-special-nodes {
+@property --kds-color-nodes-and-variables-component {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 73%), hsl(0 0% 32%));
+  initial-value: light-dark(hsl(0 0% 73%), hsl(0 0% 43%));
 }
 
-@property --kds-color-nodes-and-variables-special-nodes-muted {
+@property --kds-color-nodes-and-variables-special-state {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 90%), hsl(0 0% 22%));
+  initial-value: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
 }
 
-@property --kds-color-nodes-and-variables-special-nodes-border {
+@property --kds-color-nodes-and-variables-forbidden-border {
 syntax: "<color>";
   inherits: true;
   initial-value: light-dark(hsl(0 0% 19%), hsl(0 0% 90%));
 }
 
-@property --kds-color-nodes-and-variables-special-nodes-background {
+@property --kds-color-nodes-and-variables-forbidden {
 syntax: "<color>";
   inherits: true;
-  initial-value: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
+  initial-value: light-dark(hsl(0 0% 90%), hsl(0 0% 22%));
 }
 
-@property --kds-color-nodes-and-variables-warning-bold {
+@property --kds-color-nodes-and-variables-warning-border {
 syntax: "<color>";
   inherits: true;
   initial-value: light-dark(hsl(19 63% 38%), hsl(31 83% 66%));
@@ -1874,7 +1880,7 @@ syntax: "<color>";
   initial-value: light-dark(hsl(31 100% 83%), hsl(0 0% 22%));
 }
 
-@property --kds-color-nodes-and-variables-error-bold {
+@property --kds-color-nodes-and-variables-error-border {
 syntax: "<color>";
   inherits: true;
   initial-value: light-dark(hsl(349 91% 35%), hsl(0 100% 66%));
@@ -1886,7 +1892,7 @@ syntax: "<color>";
   initial-value: light-dark(hsl(2 100% 92%), hsl(0 0% 22%));
 }
 
-@property --kds-color-nodes-and-variables-loading-bold {
+@property --kds-color-nodes-and-variables-loading-border {
 syntax: "<color>";
   inherits: true;
   initial-value: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));

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

@@ -109,16 +109,17 @@
   --kds-color-nodes-and-variables-container: hsl(69 54% 40%);
   --kds-color-nodes-and-variables-unknown: hsl(353 75% 45%);
   --kds-color-nodes-and-variables-other: hsl(29 43% 58%);
-  --kds-color-nodes-and-variables-special-nodes-bold: hsl(0 0% 32%);
-  --kds-color-nodes-and-variables-special-nodes: hsl(0 0% 73%);
-  --kds-color-nodes-and-variables-special-nodes-muted: hsl(0 0% 90%);
-  --kds-color-nodes-and-variables-special-nodes-border: hsl(0 0% 19%);
-  --kds-color-nodes-and-variables-special-nodes-background: hsl(0 0% 99%);
-  --kds-color-nodes-and-variables-warning-bold: hsl(19 63% 38%);
+  --kds-color-nodes-and-variables-metanode: hsl(0 0% 99%);
+  --kds-color-nodes-and-variables-metanode-border: hsl(0 0% 32%);
+  --kds-color-nodes-and-variables-component: hsl(0 0% 73%);
+  --kds-color-nodes-and-variables-special-state: hsl(0 0% 99%);
+  --kds-color-nodes-and-variables-forbidden-border: hsl(0 0% 19%);
+  --kds-color-nodes-and-variables-forbidden: hsl(0 0% 90%);
+  --kds-color-nodes-and-variables-warning-border: hsl(19 63% 38%);
   --kds-color-nodes-and-variables-warning: hsl(31 100% 83%);
-  --kds-color-nodes-and-variables-error-bold: hsl(349 91% 35%);
+  --kds-color-nodes-and-variables-error-border: hsl(349 91% 35%);
   --kds-color-nodes-and-variables-error: hsl(2 100% 92%);
-  --kds-color-nodes-and-variables-loading-bold: hsl(208 61% 34%);
+  --kds-color-nodes-and-variables-loading-border: hsl(208 61% 34%);
   --kds-color-nodes-and-variables-loading: hsl(216 100% 92%);
   --kds-color-nodes-and-variables-configuration: hsl(65 69% 70%);
   --kds-color-nodes-and-variables-quickform: hsl(212 78% 68%);

package/dist/tokens/css/_variables.css

@@ -308,16 +308,17 @@
   --kds-color-nodes-and-variables-container: hsl(69 54% 40%);
   --kds-color-nodes-and-variables-unknown: light-dark(hsl(353 75% 45%), hsl(356 77% 54%));
   --kds-color-nodes-and-variables-other: light-dark(hsl(29 43% 58%), hsl(30 47% 68%));
-  --kds-color-nodes-and-variables-special-nodes-bold: light-dark(hsl(0 0% 32%), hsl(0 0% 94%));
-  --kds-color-nodes-and-variables-special-nodes: light-dark(hsl(0 0% 73%), hsl(0 0% 32%));
-  --kds-color-nodes-and-variables-special-nodes-muted: light-dark(hsl(0 0% 90%), hsl(0 0% 22%));
-  --kds-color-nodes-and-variables-special-nodes-border: light-dark(hsl(0 0% 19%), hsl(0 0% 90%));
-  --kds-color-nodes-and-variables-special-nodes-background: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
-  --kds-color-nodes-and-variables-warning-bold: light-dark(hsl(19 63% 38%), hsl(31 83% 66%));
+  --kds-color-nodes-and-variables-metanode: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
+  --kds-color-nodes-and-variables-metanode-border: light-dark(hsl(0 0% 32%), hsl(0 0% 94%));
+  --kds-color-nodes-and-variables-component: light-dark(hsl(0 0% 73%), hsl(0 0% 43%));
+  --kds-color-nodes-and-variables-special-state: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
+  --kds-color-nodes-and-variables-forbidden-border: light-dark(hsl(0 0% 19%), hsl(0 0% 90%));
+  --kds-color-nodes-and-variables-forbidden: light-dark(hsl(0 0% 90%), hsl(0 0% 22%));
+  --kds-color-nodes-and-variables-warning-border: light-dark(hsl(19 63% 38%), hsl(31 83% 66%));
   --kds-color-nodes-and-variables-warning: light-dark(hsl(31 100% 83%), hsl(0 0% 22%));
-  --kds-color-nodes-and-variables-error-bold: light-dark(hsl(349 91% 35%), hsl(0 100% 66%));
+  --kds-color-nodes-and-variables-error-border: light-dark(hsl(349 91% 35%), hsl(0 100% 66%));
   --kds-color-nodes-and-variables-error: light-dark(hsl(2 100% 92%), hsl(0 0% 22%));
-  --kds-color-nodes-and-variables-loading-bold: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
+  --kds-color-nodes-and-variables-loading-border: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
   --kds-color-nodes-and-variables-loading: light-dark(hsl(216 100% 92%), hsl(209 50% 20%));
   --kds-color-nodes-and-variables-configuration: light-dark(hsl(65 69% 70%), hsl(70 60% 86%));
   --kds-color-nodes-and-variables-quickform: light-dark(hsl(212 78% 68%), hsl(215 100% 84%));

package/package.json

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