@knime/product-features 1.2.4 → 2.0.1

package/dist/toasts.js

@@ -1551,60 +1551,6 @@ var color = {
 				value: "light-dark(hsl(0, 0%, 12.9%), hsl(0, 0%, 22%))",
 				variable: "var(--kds-color-background-static-overlay)"
 			}
-		},
-		"chart-0": {
-			light: {
-				h: 0,
-				s: 0,
-				l: 94.1,
-				alpha: 1
-			},
-			dark: {
-				h: 0,
-				s: 0,
-				l: 32.2,
-				alpha: 1
-			},
-			css: {
-				value: "light-dark(hsl(0, 0%, 94.1%), hsl(0, 0%, 32.2%))",
-				variable: "var(--kds-color-background-static-chart-0)"
-			}
-		},
-		"chart-1": {
-			light: {
-				h: 176.1,
-				s: 66.7,
-				l: 22.4,
-				alpha: 1
-			},
-			dark: {
-				h: 173.4,
-				s: 37.1,
-				l: 38.6,
-				alpha: 1
-			},
-			css: {
-				value: "light-dark(hsl(176.1, 66.7%, 22.4%), hsl(173.4, 37.1%, 38.6%))",
-				variable: "var(--kds-color-background-static-chart-1)"
-			}
-		},
-		"chart-2": {
-			light: {
-				h: 171.8,
-				s: 27,
-				l: 47.8,
-				alpha: 1
-			},
-			dark: {
-				h: 176.1,
-				s: 66.7,
-				l: 22.4,
-				alpha: 1
-			},
-			css: {
-				value: "light-dark(hsl(171.8, 27%, 47.8%), hsl(176.1, 66.7%, 22.4%))",
-				variable: "var(--kds-color-background-static-chart-2)"
-			}
 		}
 	},
 	"text-and-icon": {
@@ -2387,6 +2333,612 @@ var color = {
 			variable: "var(--kds-color-blanket-default)"
 		}
 	} },
+	chart: {
+		data: {
+			"series-1": {
+				light: {
+					h: 173.4,
+					s: 37.1,
+					l: 38.6,
+					alpha: 1
+				},
+				dark: {
+					h: 169.8,
+					s: 30.6,
+					l: 66.1,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(173.4, 37.1%, 38.6%), hsl(169.8, 30.6%, 66.1%))",
+					variable: "var(--kds-color-chart-data-series-1)"
+				}
+			},
+			"series-2": {
+				light: {
+					h: 211.3,
+					s: 67.3,
+					l: 59.2,
+					alpha: 1
+				},
+				dark: {
+					h: 213.6,
+					s: 91.6,
+					l: 76.7,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(211.3, 67.3%, 59.2%), hsl(213.6, 91.6%, 76.7%))",
+					variable: "var(--kds-color-chart-data-series-2)"
+				}
+			},
+			"series-3": {
+				light: {
+					h: 359.6,
+					s: 84.3,
+					l: 62.5,
+					alpha: 1
+				},
+				dark: {
+					h: 2.6,
+					s: 100,
+					l: 72.4,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(359.6, 84.3%, 62.5%), hsl(2.6, 100%, 72.4%))",
+					variable: "var(--kds-color-chart-data-series-3)"
+				}
+			},
+			"series-4": {
+				light: {
+					h: 0,
+					s: 0,
+					l: 22,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 72.5,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 22%), hsl(0, 0%, 72.5%))",
+					variable: "var(--kds-color-chart-data-series-4)"
+				}
+			},
+			"series-5": {
+				light: {
+					h: 28,
+					s: 39,
+					l: 50,
+					alpha: 1
+				},
+				dark: {
+					h: 30,
+					s: 47,
+					l: 68,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(28, 39%, 50%), hsl(30, 47%, 68%))",
+					variable: "var(--kds-color-chart-data-series-5)"
+				}
+			},
+			"series-6": {
+				light: {
+					h: 208.2,
+					s: 62.9,
+					l: 41.2,
+					alpha: 1
+				},
+				dark: {
+					h: 209.4,
+					s: 57.3,
+					l: 49.6,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(208.2, 62.9%, 41.2%), hsl(209.4, 57.3%, 49.6%))",
+					variable: "var(--kds-color-chart-data-series-6)"
+				}
+			},
+			"series-7": {
+				light: {
+					h: 71.1,
+					s: 46.3,
+					l: 32.2,
+					alpha: 1
+				},
+				dark: {
+					h: 68.6,
+					s: 61,
+					l: 47.3,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(71.1, 46.3%, 32.2%), hsl(68.6, 61.0%, 47.3%))",
+					variable: "var(--kds-color-chart-data-series-7)"
+				}
+			},
+			"series-8": {
+				light: {
+					h: 308.3,
+					s: 31.6,
+					l: 55.3,
+					alpha: 1
+				},
+				dark: {
+					h: 316.1,
+					s: 40.6,
+					l: 72.9,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(308.3, 31.6%, 55.3%), hsl(316.1, 40.6%, 72.9%))",
+					variable: "var(--kds-color-chart-data-series-8)"
+				}
+			},
+			"series-9": {
+				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-chart-data-series-9)"
+				}
+			},
+			track: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 94.1,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 32.2,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 94.1%), hsl(0, 0%, 32.2%))",
+					variable: "var(--kds-color-chart-data-track)"
+				}
+			}
+		},
+		status: {
+			positive: {
+				light: {
+					h: 107.4,
+					s: 42.2,
+					l: 44.1,
+					alpha: 1
+				},
+				dark: {
+					h: 109,
+					s: 47.2,
+					l: 61.4,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(107.4, 42.2%, 44.1%), hsl(109, 47.2%, 61.4%))",
+					variable: "var(--kds-color-chart-status-positive)"
+				}
+			},
+			negative: {
+				light: {
+					h: 356.3,
+					s: 76.8,
+					l: 54.3,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 100,
+					l: 66.1,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(356.3, 76.8%, 54.3%), hsl(0, 100%, 66.1%))",
+					variable: "var(--kds-color-chart-status-negative)"
+				}
+			},
+			warning: {
+				light: {
+					h: 19,
+					s: 63.1,
+					l: 38.2,
+					alpha: 1
+				},
+				dark: {
+					h: 31.2,
+					s: 82.8,
+					l: 65.9,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(19, 63.1%, 38.2%), hsl(31.2, 82.8%, 65.9%))",
+					variable: "var(--kds-color-chart-status-warning)"
+				}
+			},
+			error: {
+				light: {
+					h: 348.8,
+					s: 90.9,
+					l: 34.5,
+					alpha: 1
+				},
+				dark: {
+					h: 3.5,
+					s: 100,
+					l: 79.6,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%))",
+					variable: "var(--kds-color-chart-status-error)"
+				}
+			}
+		},
+		scaffolding: {
+			axis: {
+				light: {
+					h: 330,
+					s: 0,
+					l: 10.2,
+					alpha: .2
+				},
+				dark: {
+					h: 330,
+					s: 0,
+					l: 99,
+					alpha: .2
+				},
+				css: {
+					value: "light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2))",
+					variable: "var(--kds-color-chart-scaffolding-axis)"
+				}
+			},
+			grid: {
+				light: {
+					h: 330,
+					s: 0,
+					l: 10.2,
+					alpha: .1
+				},
+				dark: {
+					h: 330,
+					s: 0,
+					l: 99,
+					alpha: .1
+				},
+				css: {
+					value: "light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1))",
+					variable: "var(--kds-color-chart-scaffolding-grid)"
+				}
+			},
+			border: {
+				light: {
+					h: 330,
+					s: 0,
+					l: 10.2,
+					alpha: .1
+				},
+				dark: {
+					h: 330,
+					s: 0,
+					l: 99,
+					alpha: .1
+				},
+				css: {
+					value: "light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1))",
+					variable: "var(--kds-color-chart-scaffolding-border)"
+				}
+			},
+			segment: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 98,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 15.7,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%))",
+					variable: "var(--kds-color-chart-scaffolding-segment)"
+				}
+			},
+			surface: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 98,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 15.7,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%))",
+					variable: "var(--kds-color-chart-scaffolding-surface)"
+				}
+			},
+			"tooltip-surface": {
+				light: {
+					h: 0,
+					s: 0,
+					l: 12.9,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 22,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 12.9%), hsl(0, 0%, 22%))",
+					variable: "var(--kds-color-chart-scaffolding-tooltip-surface)"
+				}
+			}
+		},
+		control: {
+			default: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 43,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 72.5,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%))",
+					variable: "var(--kds-color-chart-control-default)"
+				}
+			},
+			hover: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 15.7,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 94.1,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%))",
+					variable: "var(--kds-color-chart-control-hover)"
+				}
+			},
+			selected: {
+				light: {
+					h: 174.4,
+					s: 47.8,
+					l: 30.8,
+					alpha: 1
+				},
+				dark: {
+					h: 176.1,
+					s: 66.7,
+					l: 22.4,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(174.4, 47.8%, 30.8%), hsl(176.1, 66.7%, 22.4%))",
+					variable: "var(--kds-color-chart-control-selected)"
+				}
+			},
+			disabled: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 64,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 48.2,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 64%), hsl(0, 0%, 48.2%))",
+					variable: "var(--kds-color-chart-control-disabled)"
+				}
+			}
+		},
+		text: {
+			title: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 15.7,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 94.1,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%))",
+					variable: "var(--kds-color-chart-text-title)"
+				}
+			},
+			subtitle: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 43,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 72.5,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%))",
+					variable: "var(--kds-color-chart-text-subtitle)"
+				}
+			},
+			"axis-name": {
+				light: {
+					h: 0,
+					s: 0,
+					l: 43,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 72.5,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%))",
+					variable: "var(--kds-color-chart-text-axis-name)"
+				}
+			},
+			"axis-label": {
+				light: {
+					h: 0,
+					s: 0,
+					l: 43,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 72.5,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%))",
+					variable: "var(--kds-color-chart-text-axis-label)"
+				}
+			},
+			legend: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 15.7,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 94.1,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%))",
+					variable: "var(--kds-color-chart-text-legend)"
+				}
+			},
+			tooltip: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 98,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 94.1,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 94.1%))",
+					variable: "var(--kds-color-chart-text-tooltip)"
+				}
+			},
+			label: {
+				light: {
+					h: 0,
+					s: 0,
+					l: 15.7,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 94.1,
+					alpha: 1
+				},
+				css: {
+					value: "light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%))",
+					variable: "var(--kds-color-chart-text-label)"
+				}
+			},
+			"on-fill-dark": {
+				light: {
+					h: 0,
+					s: 0,
+					l: 15.7,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 15.7,
+					alpha: 1
+				},
+				css: {
+					value: "hsl(0, 0%, 15.7%)",
+					variable: "var(--kds-color-chart-text-on-fill-dark)"
+				}
+			},
+			"on-fill-light": {
+				light: {
+					h: 0,
+					s: 0,
+					l: 98,
+					alpha: 1
+				},
+				dark: {
+					h: 0,
+					s: 0,
+					l: 98,
+					alpha: 1
+				},
+				css: {
+					value: "hsl(0, 0%, 98%)",
+					variable: "var(--kds-color-chart-text-on-fill-light)"
+				}
+			}
+		}
+	},
 	"nodes-and-variables": {
 		"flow-variable": {
 			light: {