Merge pull request #592 from tokens-studio/add-hex

add hex to color space
tokens-studio · Dec 17, 2024 · 5869a22 · 5869a22
2 parents 3a5a336 + 24b4d27
commit 5869a22
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/.changeset/slow-lobsters-hug.md b/.changeset/slow-lobsters-hug.md
@@ -0,0 +1,5 @@
+---
+"@tokens-studio/graph-engine": patch
+---
+
+Add hex to color space selector
diff --git a/packages/graph-engine/src/nodes/color/colorToString.ts b/packages/graph-engine/src/nodes/color/colorToString.ts
@@ -1,6 +1,6 @@
 import { Black, toColor } from './lib/utils.js';
 import { ColorSchema, StringSchema } from '../../schemas/index.js';
-import { ColorSpaces } from './lib/spaces.js';
+import { type ColorSpace, ColorSpaces } from './lib/spaces.js';
 import { Color as ColorType } from '../../types.js';
 import { INodeDefinition, ToInput, ToOutput } from '../../index.js';
 import { Node } from '../../programmatic/node.js';
@@ -12,7 +12,7 @@ export default class NodeDefinition extends Node {
 
 	declare inputs: ToInput<{
 		color: ColorType;
-		space: 'srgb' | 'hsl' | 'hex';
+		space: ColorSpace | 'hex';
 	}>;
 	declare outputs: ToOutput<{
 		value: string;
@@ -29,10 +29,9 @@ export default class NodeDefinition extends Node {
 		this.addInput('space', {
 			type: {
 				...StringSchema,
-				enum: ColorSpaces,
+				enum: ['hex', ...ColorSpaces],
 				default: 'hex'
-			},
-			visible: false
+			}
 		});
 		this.addOutput('value', {
 			type: StringSchema
@@ -43,7 +42,7 @@ export default class NodeDefinition extends Node {
 		// eslint-disable-next-line prefer-const
 		const { color, space } = this.getAllInputs();
 
-		let adjustedSpace: string = space;
+		let adjustedSpace: string = space as string;
 		let format: { format: string } | undefined = undefined;
 
 		if (space == 'hex') {