@knime/kds-styles 0.6.4 → 0.6.6

package/dist/img/icons/cloud-pending-changes.svg

@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 12 12"><path d="M9.493 7.723C10.375 7.307 11 6.44 11 5.436c0-1.57-1.42-2.53-2.868-2.53C7.728 1.797 6.625 1 5.302 1c-1.558.067-3.398 1.572-2.942 3.292-.809.243-1.36.97-1.36 1.802 0 .868.512 1.415 1.188 1.69M5.9 7.375V8m0-.625-.442.183m.442-.183.442.183M5.9 8v.625M5.9 8l-.442-.442M5.9 8l.442.442M5.9 8l.442-.442M5.9 8l-.442.442M5.9 8h-.625M5.9 8h.625M5.9 8l-.313-.541M5.9 8l.312.541M5.9 8l-.604-.162M5.9 8l.604.162M5.9 8l.162-.604M5.9 8l-.162.604M5.9 8l-.541.313M5.9 8l.541-.312m-.541.937.442-.183m-.442.183-.442-.183m0-.884L5.275 8m1.067.442L6.525 8m-.183-.442L6.525 8m-1.067.442L5.275 8m.312-.541-.29.38m.29-.38.475-.063m.15 1.145.292-.38m-.292.38-.474.063m-.442-.766.063.474m1.145-.15-.063-.475m-.38-.29.38.29m-.703.917-.38-.291" vector-effect="non-scaling-stroke"/></svg>
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width=".833" viewBox="0 0 12 12"><path d="M9.493 7.723C10.375 7.307 11 6.44 11 5.436c0-1.57-1.42-2.53-2.868-2.53C7.728 1.797 6.625 1 5.302 1c-1.558.067-3.398 1.572-2.942 3.292-.809.243-1.36.97-1.36 1.802 0 .868.512 1.415 1.188 1.69M5.9 7v1.25M5.9 7l-.884.366M5.9 7l.884.366M5.9 8.25V9.5m0-1.25-.884-.884m.884.884.884.884M5.9 8.25l.884-.884M5.9 8.25l-.884.884M5.9 8.25H4.65m1.25 0h1.25m-1.25 0-.625-1.083M5.9 8.25l.625 1.083M5.9 8.25l-1.207-.324M5.9 8.25l1.207.324M5.9 8.25l.324-1.207M5.9 8.25l-.323 1.207M5.9 8.25l-1.083.625M5.9 8.25l1.083-.625M5.9 9.5l.884-.366M5.9 9.5l-.884-.366m0-1.768-.366.884m2.134.884.366-.884m-.366-.884.366.884m-2.134.884L4.65 8.25m.625-1.083-.582.76m.582-.76.949-.124m.301 2.29.582-.76m-.582.76-.948.124m-.884-1.53.124.948m2.29-.301-.124-.949m-.76-.582.76.582M5.577 9.457l-.76-.582m.76-1.832-.76.582-.124.949.582.759.949.124.759-.582.124-.949-.582-.758z" vector-effect="non-scaling-stroke"/></svg>

package/dist/img/icons/def.ts

@@ -125,6 +125,7 @@ export const iconNames = [
   'selected-reset',
   'send',
   'server-rack-workflow',
+  'service',
   'settings',
   'share',
   'shortcuts',

package/dist/img/icons/service.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 12 12"><path d="M4.323 1q-.69.223-1.007.77Q3 2.318 3 3.093V4.33q0 .597-.247 1.036a1.44 1.44 0 0 1-.752.64q.504.212.752.655.247.442.247 1.035v1.228q0 .777.323 1.312.322.536 1.018.764m3.272 0q.69-.228 1.015-.764.326-.535.326-1.312V7.696q0-.61.255-1.049.255-.44.792-.636-.538-.19-.793-.63-.255-.438-.254-1.051V3.093q0-.78-.318-1.326Q8.317 1.223 7.628 1" vector-effect="non-scaling-stroke"/></svg>

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

@@ -266,6 +266,12 @@ syntax: "<color>";
   initial-value: hsl(51 100% 50%);
 }
 
+@property --kds-color-background-static-overlay {
+syntax: "<color>";
+  inherits: true;
+  initial-value: hsl(0 0% 13%);
+}
+
 @property --kds-color-text-and-icon-neutral {
 syntax: "<color>";
   inherits: true;
@@ -956,6 +962,18 @@ syntax: "<color>";
   initial-value: hsl(120 0% 16% / 0.24);
 }
 
+@property --kds-color-tooltip-background-default {
+syntax: "<color>";
+  inherits: true;
+  initial-value: hsl(0 0% 13%);
+}
+
+@property --kds-color-tooltip-text-and-icon-neutral {
+syntax: "<color>";
+  inherits: true;
+  initial-value: hsl(0 0% 98%);
+}
+
 @property --kds-border-action-transparent {
 syntax: "<string>";
   inherits: false;

package/dist/tokens/css/_properties.css

@@ -1466,6 +1466,12 @@ syntax: "<color>";
   initial-value: hsl(51 100% 50%);
 }
 
+@property --kds-color-background-static-overlay {
+syntax: "<color>";
+  inherits: true;
+  initial-value: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
+}
+
 @property --kds-color-text-and-icon-neutral {
 syntax: "<color>";
   inherits: true;
@@ -2168,6 +2174,18 @@ syntax: "<color>";
   initial-value: light-dark(linear-gradient(90deg, hsla(0, 0%, 10%, 0.02) 0%, hsla(0, 0%, 10%, 0.15) 25%, hsla(0, 0%, 10%, 0.02) 65%, hsla(0, 0%, 10%, 0.00) 100%), linear-gradient(90deg, hsla(0, 0%, 94%, 0.02) 0%, hsla(0, 0%, 94%, 0.15) 25%, hsla(0, 0%, 94%, 0.02) 65%, hsla(0, 0%, 94%, 0.00) 100%));
 }
 
+@property --kds-color-tooltip-background-default {
+syntax: "<color>";
+  inherits: true;
+  initial-value: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
+}
+
+@property --kds-color-tooltip-text-and-icon-neutral {
+syntax: "<color>";
+  inherits: true;
+  initial-value: hsl(0 0% 98%);
+}
+
 @property --kds-border-radius-container-none {
 syntax: "<length>";
   inherits: false;
@@ -2660,6 +2678,12 @@ syntax: "<length>";
   initial-value: 400px;
 }
 
+@property --kds-dimension-component-width-16x {
+syntax: "<length>";
+  inherits: false;
+  initial-value: 256px;
+}
+
 @property --kds-dimension-component-width-32x {
 syntax: "<length>";
   inherits: false;

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

@@ -47,6 +47,7 @@
   --kds-color-background-static-success: hsl(119.44 95.797% 93.942%);
   --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-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%);
@@ -162,6 +163,8 @@
   --kds-color-loading-spinner-progress-on-surface: hsl(0 0% 16%);
   --kds-color-loading-spinner-track-on-primary: hsl(none 0% 98% / 0.24);
   --kds-color-loading-spinner-track-on-surface: hsl(120 0% 16% / 0.24);
+  --kds-color-tooltip-background-default: hsl(0 0% 13%);
+  --kds-color-tooltip-text-and-icon-neutral: hsl(0 0% 98%);
   --kds-border-action-transparent: 1px solid hsl(330 0% 11% / 0);
   --kds-border-action-default: 1px solid hsl(345 0% 10% / 0.4);
   --kds-border-action-disabled: 1px solid hsl(0 0% 73%);

package/dist/tokens/css/_variables.css

@@ -247,6 +247,7 @@
   --kds-color-background-static-success: light-dark(hsl(119.44 95.797% 93.942%), hsl(124 47% 21%));
   --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-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% 73%));
   --kds-color-text-and-icon-subtle: light-dark(hsl(0 0% 43%), hsl(0 0% 73%));
@@ -364,6 +365,8 @@
   --kds-color-loading-spinner-track-on-primary: hsl(166 68% 93% / 0.24);
   --kds-color-loading-spinner-track-on-surface: light-dark(hsl(120 0% 16% / 0.24), hsl(0 0% 94% / 0.24));
   --kds-color-skeleton-bar-background-default: light-dark(linear-gradient(90deg, hsla(0, 0%, 10%, 0.02) 0%, hsla(0, 0%, 10%, 0.15) 25%, hsla(0, 0%, 10%, 0.02) 65%, hsla(0, 0%, 10%, 0.00) 100%), linear-gradient(90deg, hsla(0, 0%, 94%, 0.02) 0%, hsla(0, 0%, 94%, 0.15) 25%, hsla(0, 0%, 94%, 0.02) 65%, hsla(0, 0%, 94%, 0.00) 100%));
+  --kds-color-tooltip-background-default: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
+  --kds-color-tooltip-text-and-icon-neutral: hsl(0 0% 98%);
   --kds-border-radius-container-none: 0;
   --kds-border-radius-container-0-12x: 2px;
   --kds-border-radius-container-0-25x: 4px;
@@ -446,6 +449,7 @@
   --kds-dimension-component-width-2-25x: 36px;
   --kds-dimension-component-width-4x: 64px;
   --kds-dimension-component-width-25x: 400px;
+  --kds-dimension-component-width-16x: 256px;
   --kds-dimension-component-width-32x: 512px;
   --kds-dimension-component-width-45x: 720px;
   --kds-dimension-component-width-61x: 976px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@knime/kds-styles",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "description": "Package containing the design tokens and icons for the KNIME Design System",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
     "@types/node": "^25.0.10",
     "consola": "^3.4.2",
     "jsdom": "^27.0.0",
-    "style-dictionary": "^5.1.1",
+    "style-dictionary": "^5.2.0",
     "svgo": "^4.0.0",
     "typescript": "^5.9.3"
   },