@knime/kds-code-editor 8.2.0 → 8.2.1

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @knime/kds-code-editor
 
+## 8.2.1
+
+### Patch Changes
+
+- Updated dependencies [c8cdfef, 9cf30f3]
+  - @knime/kds-styles@8.2.1
+  - @knime/kds-components@8.2.1
+
 ## 8.2.0
 
 ### Patch Changes

package/dist/index.js

@@ -261,55 +261,55 @@ var color = {
 		neutral: {
 			initial: {
 				light: {
-					h: 345,
+					h: 0,
 					s: 0,
 					l: 11.4,
 					a: 0
 				},
 				dark: {
-					h: 345,
+					h: 0,
 					s: 0,
 					l: 11.4,
 					a: 0
 				},
 				css: {
-					value: "hsl(345 0% 11.4% / 0)",
+					value: "hsl(0 0% 11.4% / 0)",
 					variable: "var(--kds-color-background-neutral-initial)"
 				}
 			},
 			hover: {
 				light: {
-					h: 340,
+					h: 0,
 					s: 0,
 					l: 48.2,
 					a: .1
 				},
 				dark: {
-					h: 180,
+					h: 0,
 					s: 0,
 					l: 90.2,
 					a: .1
 				},
 				css: {
-					value: "light-dark(hsl(340 0% 48.2% / 0.1), hsl(180 0% 90.2% / 0.1))",
+					value: "light-dark(hsl(0 0% 48.2% / 0.1), hsl(0 0% 90.2% / 0.1))",
 					variable: "var(--kds-color-background-neutral-hover)"
 				}
 			},
 			active: {
 				light: {
-					h: 340,
+					h: 0,
 					s: 0,
 					l: 48.2,
 					a: .2
 				},
 				dark: {
-					h: 340,
+					h: 0,
 					s: 0,
 					l: 48.2,
 					a: .36
 				},
 				css: {
-					value: "light-dark(hsl(340 0% 48.2% / 0.2), hsl(340 0% 48.2% / 0.36))",
+					value: "light-dark(hsl(0 0% 48.2% / 0.2), hsl(0 0% 48.2% / 0.36))",
 					variable: "var(--kds-color-background-neutral-active)"
 				}
 			}
@@ -317,7 +317,7 @@ var color = {
 		"neutral-bold": {
 			initial: {
 				light: {
-					h: 210,
+					h: 0,
 					s: 0,
 					l: 72.5,
 					a: .4
@@ -329,7 +329,7 @@ var color = {
 					a: 1
 				},
 				css: {
-					value: "light-dark(hsl(210 0% 72.5% / 0.4), hsl(0, 0%, 32.2%))",
+					value: "light-dark(hsl(0 0% 72.5% / 0.4), hsl(0, 0%, 32.2%))",
 					variable: "var(--kds-color-background-neutral-bold-initial)"
 				}
 			},
@@ -765,19 +765,19 @@ var color = {
 		disabled: {
 			default: {
 				light: {
-					h: 340,
+					h: 0,
 					s: 0,
 					l: 48.2,
 					a: .48
 				},
 				dark: {
-					h: 340,
+					h: 0,
 					s: 0,
 					l: 48.2,
 					a: .48
 				},
 				css: {
-					value: "hsl(340 0% 48.2% / 0.48)",
+					value: "hsl(0 0% 48.2% / 0.48)",
 					variable: "var(--kds-color-background-disabled-default)"
 				}
 			},
@@ -1404,55 +1404,55 @@ var color = {
 	border: {
 		neutral: {
 			light: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .4
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 99,
 				a: .5
 			},
 			css: {
-				value: "light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5))",
+				value: "light-dark(hsl(0 0% 10.2% / 0.4), hsl(0 0% 99% / 0.5))",
 				variable: "var(--kds-color-border-neutral)"
 			}
 		},
 		muted: {
 			light: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .2
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 99,
 				a: .2
 			},
 			css: {
-				value: "light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2))",
+				value: "light-dark(hsl(0 0% 10.2% / 0.2), hsl(0 0% 99% / 0.2))",
 				variable: "var(--kds-color-border-muted)"
 			}
 		},
 		subtle: {
 			light: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .1
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 99,
 				a: .1
 			},
 			css: {
-				value: "light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1))",
+				value: "light-dark(hsl(0 0% 10.2% / 0.1), hsl(0 0% 99% / 0.1))",
 				variable: "var(--kds-color-border-subtle)"
 			}
 		},
@@ -1692,19 +1692,19 @@ var color = {
 		},
 		transparent: {
 			light: {
-				h: 345,
+				h: 0,
 				s: 0,
 				l: 11.4,
 				a: 0
 			},
 			dark: {
-				h: 345,
+				h: 0,
 				s: 0,
 				l: 11.4,
 				a: 0
 			},
 			css: {
-				value: "hsl(345 0% 11.4% / 0)",
+				value: "hsl(0 0% 11.4% / 0)",
 				variable: "var(--kds-color-border-transparent)"
 			}
 		},
@@ -1746,55 +1746,55 @@ var color = {
 		},
 		"neutral-bold-initial": {
 			light: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .4
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 99,
 				a: .4
 			},
 			css: {
-				value: "light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.4))",
+				value: "light-dark(hsl(0 0% 10.2% / 0.4), hsl(0 0% 99% / 0.4))",
 				variable: "var(--kds-color-border-neutral-bold-initial)"
 			}
 		},
 		"neutral-bold-hover": {
 			light: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .64
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 99,
 				a: .58
 			},
 			css: {
-				value: "light-dark(hsl(330 0% 10.2% / 0.64), hsl(330 0% 99% / 0.58))",
+				value: "light-dark(hsl(0 0% 10.2% / 0.64), hsl(0 0% 99% / 0.58))",
 				variable: "var(--kds-color-border-neutral-bold-hover)"
 			}
 		},
 		"neutral-bold-active": {
 			light: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .74
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 99,
 				a: .68
 			},
 			css: {
-				value: "light-dark(hsl(330 0% 10.2% / 0.74), hsl(330 0% 99% / 0.68))",
+				value: "light-dark(hsl(0 0% 10.2% / 0.74), hsl(0 0% 99% / 0.68))",
 				variable: "var(--kds-color-border-neutral-bold-active)"
 			}
 		}
@@ -1839,19 +1839,19 @@ var color = {
 	},
 	blanket: { default: {
 		light: {
-			h: 345,
+			h: 0,
 			s: 0,
 			l: 11.4,
 			a: .8
 		},
 		dark: {
-			h: 345,
+			h: 0,
 			s: 0,
 			l: 11.4,
 			a: .8
 		},
 		css: {
-			value: "hsl(345 0% 11.4% / 0.8)",
+			value: "hsl(0 0% 11.4% / 0.8)",
 			variable: "var(--kds-color-blanket-default)"
 		}
 	} },
@@ -2115,55 +2115,55 @@ var color = {
 		scaffolding: {
 			axis: {
 				light: {
-					h: 330,
+					h: 0,
 					s: 0,
 					l: 10.2,
 					a: .2
 				},
 				dark: {
-					h: 330,
+					h: 0,
 					s: 0,
 					l: 99,
 					a: .2
 				},
 				css: {
-					value: "light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2))",
+					value: "light-dark(hsl(0 0% 10.2% / 0.2), hsl(0 0% 99% / 0.2))",
 					variable: "var(--kds-color-chart-scaffolding-axis)"
 				}
 			},
 			grid: {
 				light: {
-					h: 330,
+					h: 0,
 					s: 0,
 					l: 10.2,
 					a: .1
 				},
 				dark: {
-					h: 330,
+					h: 0,
 					s: 0,
 					l: 99,
 					a: .1
 				},
 				css: {
-					value: "light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1))",
+					value: "light-dark(hsl(0 0% 10.2% / 0.1), hsl(0 0% 99% / 0.1))",
 					variable: "var(--kds-color-chart-scaffolding-grid)"
 				}
 			},
 			border: {
 				light: {
-					h: 330,
+					h: 0,
 					s: 0,
 					l: 10.2,
 					a: .1
 				},
 				dark: {
-					h: 330,
+					h: 0,
 					s: 0,
 					l: 99,
 					a: .1
 				},
 				css: {
-					value: "light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1))",
+					value: "light-dark(hsl(0 0% 10.2% / 0.1), hsl(0 0% 99% / 0.1))",
 					variable: "var(--kds-color-chart-scaffolding-border)"
 				}
 			},
@@ -3572,73 +3572,73 @@ var color = {
 	elevation: {
 		top: {
 			light: {
-				h: 210,
+				h: 0,
 				s: 0,
 				l: 72.5,
 				a: .32
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .9
 			},
 			css: {
-				value: "light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9))",
+				value: "light-dark(hsl(0 0% 72.5% / 0.32), hsl(0 0% 10.2% / 0.9))",
 				variable: "var(--kds-color-elevation-top)"
 			}
 		},
 		middle: {
 			light: {
-				h: 180,
+				h: 0,
 				s: 0,
 				l: 32.2,
 				a: .14
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .94
 			},
 			css: {
-				value: "light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94))",
+				value: "light-dark(hsl(0 0% 32.2% / 0.14), hsl(0 0% 10.2% / 0.94))",
 				variable: "var(--kds-color-elevation-middle)"
 			}
 		},
 		bottom: {
 			light: {
-				h: 180,
+				h: 0,
 				s: 0,
 				l: 32.2,
 				a: .12
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .98
 			},
 			css: {
-				value: "light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98))",
+				value: "light-dark(hsl(0 0% 32.2% / 0.12), hsl(0 0% 10.2% / 0.98))",
 				variable: "var(--kds-color-elevation-bottom)"
 			}
 		},
 		knob: {
 			light: {
-				h: 180,
+				h: 0,
 				s: 0,
 				l: 32.2,
 				a: .5
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .6
 			},
 			css: {
-				value: "light-dark(hsl(180 0% 32.2% / 0.5), hsl(330 0% 10.2% / 0.6))",
+				value: "light-dark(hsl(0 0% 32.2% / 0.5), hsl(0 0% 10.2% / 0.6))",
 				variable: "var(--kds-color-elevation-knob)"
 			}
 		}
@@ -3740,19 +3740,19 @@ var color = {
 		},
 		border: { default: {
 			light: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 10.2,
 				a: .1
 			},
 			dark: {
-				h: 330,
+				h: 0,
 				s: 0,
 				l: 99,
 				a: .1
 			},
 			css: {
-				value: "light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1))",
+				value: "light-dark(hsl(0 0% 10.2% / 0.1), hsl(0 0% 99% / 0.1))",
 				variable: "var(--kds-color-desktop-header-border-default)"
 			}
 		} }
@@ -3931,19 +3931,19 @@ var color = {
 			},
 			onSurface: {
 				light: {
-					h: 332.73,
+					h: 0,
 					s: 0,
 					l: 15.7,
 					a: .24
 				},
 				dark: {
-					h: 240,
+					h: 0,
 					s: 0,
 					l: 94.1,
 					a: .24
 				},
 				css: {
-					value: "light-dark(hsl(332.73 0% 15.7% / 0.24), hsl(240 0% 94.1% / 0.24))",
+					value: "light-dark(hsl(0 0% 15.7% / 0.24), hsl(0 0% 94.1% / 0.24))",
 					variable: "var(--kds-color-loading-spinner-track-on-surface)"
 				}
 			}