Fixed lint errors

Author: felixgirault

src/lib/color/conversion.ts

@@ -1,5 +1,5 @@
 import {
-	type Culori,
+	type Okhsl,
 	clampChroma,
 	convertHslToRgb,
 	convertRgbToHsl
@@ -29,7 +29,7 @@ export const rgbToSchemist = (
 	color: RgbColor
 ): SchemistColor => {
 	const culoriRgb = rgbToCulori(color);
-	const {h} = culoriRgbToOklch(culoriRgb);
+	const {h = 0} = culoriRgbToOklch(culoriRgb);
 	const {s, l} = culoriRgbToOkhsl(culoriRgb);
 
 	return {
@@ -46,7 +46,7 @@ export const schemistToRgb = ({
 	l,
 	a
 }: SchemistColor): RgbColor => {
-	const hsl: Culori.Okhsl = {
+	const hsl: Okhsl = {
 		mode: 'okhsl',
 		h,
 		s: s / 100,

src/lib/color/simulation.ts

@@ -1,15 +1,15 @@
 import {
-	type Culori,
+	type Rgb,
 	filterDeficiencyDeuter,
 	filterDeficiencyProt,
 	filterDeficiencyTrit
 } from 'culori/fn';
 import {rgbFromCulori, rgbToCulori} from './culori';
 import type {RgbColor} from './types';
 
-const protanomalyFilter = filterDeficiencyProt<Culori.Rgb>();
-const deuteranomalyFilter = filterDeficiencyDeuter<Culori.Rgb>();
-const tritanomalyFilter = filterDeficiencyTrit<Culori.Rgb>();
+const protanomalyFilter = filterDeficiencyProt();
+const deuteranomalyFilter = filterDeficiencyDeuter();
+const tritanomalyFilter = filterDeficiencyTrit();
 
 export const simulateProtanomaly = (color: RgbColor) =>
 	rgbFromCulori(protanomalyFilter(rgbToCulori(color)));

src/lib/components/Sample.svelte

@@ -3,7 +3,7 @@
 	export let title: string = '';
 </script>
 
-<span class="sample" style="background: {color};" {title} />
+<span class="sample" style="background: {color};" {title}></span>
 
 <style>
 	span {

src/lib/components/export/CodeArea.svelte

@@ -11,6 +11,7 @@
 		border-radius: var(--radius);
 		padding: 1rem;
 		background: var(--bg-hard);
+		color: var(--fg);
 		font: inherit;
 		font-family: var(--font-mono);
 		resize: none;

src/lib/components/export/TableExport.svelte

@@ -15,7 +15,7 @@
 	<table>
 		<thead>
 			<tr>
-				<td />
+				<td></td>
 				<th>Name</th>
 				<th>Value</th>
 			</tr>

src/lib/components/forms/ColorField.svelte

@@ -96,7 +96,7 @@
 							: format === 'hsl'
 								? HslColorField
 								: LchColorField}
-					{id}
+					id={id as never}
 					bind:value
 				/>
 

src/lib/components/forms/RangeInput.svelte

@@ -27,7 +27,7 @@
 
 <style>
 	input {
-		-webkit-appearance: none;
+		appearance: none;
 		width: 100%;
 		height: 1rem;
 		background: transparent;

src/lib/components/palette/Node.svelte

@@ -68,14 +68,15 @@
 	<div
 		class="output"
 		style="--output: {formatSchemist($output[0])};"
-	/>
+	></div>
 
 	<div class="self" class:open={areOptionsOpen}>
 		<header>
 			<div class="title">
 				<h3 class="name">
 					<div
 						role="textbox"
+						tabindex="-1"
 						contenteditable="true"
 						spellcheck="false"
 						aria-label="Design token"

src/lib/utils/functions.ts

@@ -4,7 +4,7 @@ export const debounce = <Fn extends (...args: any) => any>(
 	callback: Fn,
 	timeout: DebounceTimeout
 ) => {
-	let timer: NodeJS.Timeout;
+	let timer: number;
 
 	return (...args: Parameters<Fn>) => {
 		clearTimeout(timer);