From e30690124bd94e619edc81c0438d77d84f92dc7f Mon Sep 17 00:00:00 2001 From: Marco Christian Krenn Date: Mon, 30 Dec 2024 12:03:17 +0100 Subject: [PATCH 1/6] add remove node for array operations Adds a new array node that removes an item at a specified index and returns both the modified array and the removed item. Supports both positive and negative indices for flexible array manipulation. - Added remove.ts node implementation - Added comprehensive tests - Updated array node exports --- .changeset/tidy-humans-melt.md | 5 ++ .../graph-engine/src/nodes/array/index.ts | 2 + .../graph-engine/src/nodes/array/remove.ts | 62 +++++++++++++++++++ .../tests/suites/nodes/array/remove.test.ts | 57 +++++++++++++++++ 4 files changed, 126 insertions(+) create mode 100644 .changeset/tidy-humans-melt.md create mode 100644 packages/graph-engine/src/nodes/array/remove.ts create mode 100644 packages/graph-engine/tests/suites/nodes/array/remove.test.ts diff --git a/.changeset/tidy-humans-melt.md b/.changeset/tidy-humans-melt.md new file mode 100644 index 00000000..6ddd58b0 --- /dev/null +++ b/.changeset/tidy-humans-melt.md @@ -0,0 +1,5 @@ +--- +"@tokens-studio/graph-engine": minor +--- + +Adds a new array node that removes an item at a specified index and returns both the modified array and the removed item. Supports both positive and negative indices for flexible array manipulation. diff --git a/packages/graph-engine/src/nodes/array/index.ts b/packages/graph-engine/src/nodes/array/index.ts index 1ebc93bd..38db97a9 100644 --- a/packages/graph-engine/src/nodes/array/index.ts +++ b/packages/graph-engine/src/nodes/array/index.ts @@ -8,6 +8,7 @@ import indexArray from './indexArray.js'; import inject from './inject.js'; import length from './length.js'; import push from './push.js'; +import remove from './remove.js'; import replace from './replace.js'; import reverse from './reverse.js'; import slice from './slice.js'; @@ -24,6 +25,7 @@ export const nodes = [ inject, length, push, + remove, replace, reverse, slice, diff --git a/packages/graph-engine/src/nodes/array/remove.ts b/packages/graph-engine/src/nodes/array/remove.ts new file mode 100644 index 00000000..f6674648 --- /dev/null +++ b/packages/graph-engine/src/nodes/array/remove.ts @@ -0,0 +1,62 @@ +import { + AnyArraySchema, + NumberSchema +} from '../../schemas/index.js'; +import { INodeDefinition, ToInput, ToOutput } from '../../index.js'; +import { Node } from '../../programmatic/node.js'; + +export default class NodeDefinition extends Node { + static title = 'Remove Item'; + static type = 'studio.tokens.array.remove'; + static description = 'Removes an item from an array at a specified index and returns both the modified array and the removed item.'; + + declare inputs: ToInput<{ + array: T[]; + index: number; + }>; + + declare outputs: ToOutput<{ + array: T[]; + item: T; + }>; + + constructor(props: INodeDefinition) { + super(props); + this.addInput('array', { + type: AnyArraySchema + }); + this.addInput('index', { + type: NumberSchema + }); + this.addOutput('array', { + type: AnyArraySchema + }); + this.addOutput('item', { + type: AnyArraySchema.items + }); + } + + execute(): void | Promise { + const { index, array } = this.getAllInputs(); + const arrayType = this.inputs.array.type; + + // Create a copy of the array value + const result = [...array]; + let removedItem: T | undefined; + + if (index >= 0 && index < result.length) { + // Remove item at positive index + [removedItem] = result.splice(index, 1); + } else if (index < 0 && Math.abs(index) <= result.length) { + // Handle negative indices by counting from the end + const actualIndex = result.length + index; + [removedItem] = result.splice(actualIndex, 1); + } + + // Set the outputs + this.outputs.array.set(result, arrayType); + if (removedItem !== undefined) { + this.outputs.item.set(removedItem, arrayType.items); + } + } +} \ No newline at end of file diff --git a/packages/graph-engine/tests/suites/nodes/array/remove.test.ts b/packages/graph-engine/tests/suites/nodes/array/remove.test.ts new file mode 100644 index 00000000..7d4d0308 --- /dev/null +++ b/packages/graph-engine/tests/suites/nodes/array/remove.test.ts @@ -0,0 +1,57 @@ +import { Graph } from '../../../../src/graph/graph.js'; +import { describe, expect, test } from 'vitest'; +import Node from '../../../../src/nodes/array/remove.js'; + +describe('array/remove', () => { + test('removes an item at a positive index', async () => { + const graph = new Graph(); + const node = new Node({ graph }); + + node.inputs.array.setValue([1, 2, 3, 4, 5]); + node.inputs.index.setValue(2); + + await node.execute(); + + expect(node.outputs.array.value).to.eql([1, 2, 4, 5]); + expect(node.outputs.item.value).to.eql(3); + }); + + test('removes an item at a negative index', async () => { + const graph = new Graph(); + const node = new Node({ graph }); + + node.inputs.array.setValue(['a', 'b', 'c', 'd']); + node.inputs.index.setValue(-2); + + await node.execute(); + + expect(node.outputs.array.value).to.eql(['a', 'b', 'd']); + expect(node.outputs.item.value).to.eql('c'); + }); + + test('does not modify array when index is out of bounds', async () => { + const graph = new Graph(); + const node = new Node({ graph }); + + node.inputs.array.setValue([1, 2, 3]); + node.inputs.index.setValue(5); + + await node.execute(); + + expect(node.outputs.array.value).to.eql([1, 2, 3]); + expect(node.outputs.item.value).to.be.undefined; + }); + + test('does not mutate the original array', async () => { + const graph = new Graph(); + const node = new Node({ graph }); + + const originalArray = [1, 2, 3, 4]; + node.inputs.array.setValue(originalArray); + node.inputs.index.setValue(1); + + await node.execute(); + + expect(originalArray).to.eql([1, 2, 3, 4]); + }); +}); \ No newline at end of file From 667149e1fbbfbebb08265d20468eb1c7e480e87e Mon Sep 17 00:00:00 2001 From: Marco Christian Krenn Date: Mon, 30 Dec 2024 12:13:00 +0100 Subject: [PATCH 2/6] format --- .../graph-engine/src/nodes/array/remove.ts | 114 +++++++++--------- .../tests/suites/nodes/array/remove.test.ts | 74 ++++++------ 2 files changed, 93 insertions(+), 95 deletions(-) diff --git a/packages/graph-engine/src/nodes/array/remove.ts b/packages/graph-engine/src/nodes/array/remove.ts index f6674648..6d380668 100644 --- a/packages/graph-engine/src/nodes/array/remove.ts +++ b/packages/graph-engine/src/nodes/array/remove.ts @@ -1,62 +1,60 @@ -import { - AnyArraySchema, - NumberSchema -} from '../../schemas/index.js'; +import { AnyArraySchema, NumberSchema } from '../../schemas/index.js'; import { INodeDefinition, ToInput, ToOutput } from '../../index.js'; import { Node } from '../../programmatic/node.js'; export default class NodeDefinition extends Node { - static title = 'Remove Item'; - static type = 'studio.tokens.array.remove'; - static description = 'Removes an item from an array at a specified index and returns both the modified array and the removed item.'; - - declare inputs: ToInput<{ - array: T[]; - index: number; - }>; - - declare outputs: ToOutput<{ - array: T[]; - item: T; - }>; - - constructor(props: INodeDefinition) { - super(props); - this.addInput('array', { - type: AnyArraySchema - }); - this.addInput('index', { - type: NumberSchema - }); - this.addOutput('array', { - type: AnyArraySchema - }); - this.addOutput('item', { - type: AnyArraySchema.items - }); - } - - execute(): void | Promise { - const { index, array } = this.getAllInputs(); - const arrayType = this.inputs.array.type; - - // Create a copy of the array value - const result = [...array]; - let removedItem: T | undefined; - - if (index >= 0 && index < result.length) { - // Remove item at positive index - [removedItem] = result.splice(index, 1); - } else if (index < 0 && Math.abs(index) <= result.length) { - // Handle negative indices by counting from the end - const actualIndex = result.length + index; - [removedItem] = result.splice(actualIndex, 1); - } - - // Set the outputs - this.outputs.array.set(result, arrayType); - if (removedItem !== undefined) { - this.outputs.item.set(removedItem, arrayType.items); - } - } -} \ No newline at end of file + static title = 'Remove Item'; + static type = 'studio.tokens.array.remove'; + static description = + 'Removes an item from an array at a specified index and returns both the modified array and the removed item.'; + + declare inputs: ToInput<{ + array: T[]; + index: number; + }>; + + declare outputs: ToOutput<{ + array: T[]; + item: T; + }>; + + constructor(props: INodeDefinition) { + super(props); + this.addInput('array', { + type: AnyArraySchema + }); + this.addInput('index', { + type: NumberSchema + }); + this.addOutput('array', { + type: AnyArraySchema + }); + this.addOutput('item', { + type: AnyArraySchema.items + }); + } + + execute(): void | Promise { + const { index, array } = this.getAllInputs(); + const arrayType = this.inputs.array.type; + + // Create a copy of the array value + const result = [...array]; + let removedItem: T | undefined; + + if (index >= 0 && index < result.length) { + // Remove item at positive index + [removedItem] = result.splice(index, 1); + } else if (index < 0 && Math.abs(index) <= result.length) { + // Handle negative indices by counting from the end + const actualIndex = result.length + index; + [removedItem] = result.splice(actualIndex, 1); + } + + // Set the outputs + this.outputs.array.set(result, arrayType); + if (removedItem !== undefined) { + this.outputs.item.set(removedItem, arrayType.items); + } + } +} diff --git a/packages/graph-engine/tests/suites/nodes/array/remove.test.ts b/packages/graph-engine/tests/suites/nodes/array/remove.test.ts index 7d4d0308..509fd6e9 100644 --- a/packages/graph-engine/tests/suites/nodes/array/remove.test.ts +++ b/packages/graph-engine/tests/suites/nodes/array/remove.test.ts @@ -3,55 +3,55 @@ import { describe, expect, test } from 'vitest'; import Node from '../../../../src/nodes/array/remove.js'; describe('array/remove', () => { - test('removes an item at a positive index', async () => { - const graph = new Graph(); - const node = new Node({ graph }); + test('removes an item at a positive index', async () => { + const graph = new Graph(); + const node = new Node({ graph }); - node.inputs.array.setValue([1, 2, 3, 4, 5]); - node.inputs.index.setValue(2); + node.inputs.array.setValue([1, 2, 3, 4, 5]); + node.inputs.index.setValue(2); - await node.execute(); + await node.execute(); - expect(node.outputs.array.value).to.eql([1, 2, 4, 5]); - expect(node.outputs.item.value).to.eql(3); - }); + expect(node.outputs.array.value).to.eql([1, 2, 4, 5]); + expect(node.outputs.item.value).to.eql(3); + }); - test('removes an item at a negative index', async () => { - const graph = new Graph(); - const node = new Node({ graph }); + test('removes an item at a negative index', async () => { + const graph = new Graph(); + const node = new Node({ graph }); - node.inputs.array.setValue(['a', 'b', 'c', 'd']); - node.inputs.index.setValue(-2); + node.inputs.array.setValue(['a', 'b', 'c', 'd']); + node.inputs.index.setValue(-2); - await node.execute(); + await node.execute(); - expect(node.outputs.array.value).to.eql(['a', 'b', 'd']); - expect(node.outputs.item.value).to.eql('c'); - }); + expect(node.outputs.array.value).to.eql(['a', 'b', 'd']); + expect(node.outputs.item.value).to.eql('c'); + }); - test('does not modify array when index is out of bounds', async () => { - const graph = new Graph(); - const node = new Node({ graph }); + test('does not modify array when index is out of bounds', async () => { + const graph = new Graph(); + const node = new Node({ graph }); - node.inputs.array.setValue([1, 2, 3]); - node.inputs.index.setValue(5); + node.inputs.array.setValue([1, 2, 3]); + node.inputs.index.setValue(5); - await node.execute(); + await node.execute(); - expect(node.outputs.array.value).to.eql([1, 2, 3]); - expect(node.outputs.item.value).to.be.undefined; - }); + expect(node.outputs.array.value).to.eql([1, 2, 3]); + expect(node.outputs.item.value).to.be.undefined; + }); - test('does not mutate the original array', async () => { - const graph = new Graph(); - const node = new Node({ graph }); + test('does not mutate the original array', async () => { + const graph = new Graph(); + const node = new Node({ graph }); - const originalArray = [1, 2, 3, 4]; - node.inputs.array.setValue(originalArray); - node.inputs.index.setValue(1); + const originalArray = [1, 2, 3, 4]; + node.inputs.array.setValue(originalArray); + node.inputs.index.setValue(1); - await node.execute(); + await node.execute(); - expect(originalArray).to.eql([1, 2, 3, 4]); - }); -}); \ No newline at end of file + expect(originalArray).to.eql([1, 2, 3, 4]); + }); +}); From b74a3cf4a0f991add1ff3120e71dc8d924cdb707 Mon Sep 17 00:00:00 2001 From: Marco Christian Krenn Date: Mon, 30 Dec 2024 12:30:50 +0100 Subject: [PATCH 3/6] make code shorter --- packages/graph-engine/src/nodes/array/remove.ts | 16 +++++----------- 1 file changed, 5 insertions(+), 11 deletions(-) diff --git a/packages/graph-engine/src/nodes/array/remove.ts b/packages/graph-engine/src/nodes/array/remove.ts index 6d380668..e7f97ecb 100644 --- a/packages/graph-engine/src/nodes/array/remove.ts +++ b/packages/graph-engine/src/nodes/array/remove.ts @@ -38,18 +38,12 @@ export default class NodeDefinition extends Node { const { index, array } = this.getAllInputs(); const arrayType = this.inputs.array.type; - // Create a copy of the array value + // Create a copy and remove item if index is valid const result = [...array]; - let removedItem: T | undefined; - - if (index >= 0 && index < result.length) { - // Remove item at positive index - [removedItem] = result.splice(index, 1); - } else if (index < 0 && Math.abs(index) <= result.length) { - // Handle negative indices by counting from the end - const actualIndex = result.length + index; - [removedItem] = result.splice(actualIndex, 1); - } + const [removedItem] = + index >= -result.length && index < result.length + ? result.splice(index, 1) + : []; // Set the outputs this.outputs.array.set(result, arrayType); From 8b956965050c8f1ead7ecb2ab17ced7704d42fe4 Mon Sep 17 00:00:00 2001 From: Marco Christian Krenn Date: Mon, 30 Dec 2024 13:48:24 +0100 Subject: [PATCH 4/6] add array group/ungroup nodes --- .changeset/wet-windows-smoke.md | 5 ++ .../src/nodes/arrays/group.ts | 48 +++++++++++++++++ .../src/nodes/arrays/index.ts | 4 ++ .../src/nodes/arrays/ungroup.ts | 53 +++++++++++++++++++ .../nodes-design-tokens/src/nodes/index.ts | 4 +- .../tests/arrays/group.test.ts | 25 +++++++++ .../tests/arrays/ungroup.test.ts | 26 +++++++++ 7 files changed, 164 insertions(+), 1 deletion(-) create mode 100644 .changeset/wet-windows-smoke.md create mode 100644 packages/nodes-design-tokens/src/nodes/arrays/group.ts create mode 100644 packages/nodes-design-tokens/src/nodes/arrays/index.ts create mode 100644 packages/nodes-design-tokens/src/nodes/arrays/ungroup.ts create mode 100644 packages/nodes-design-tokens/tests/arrays/group.test.ts create mode 100644 packages/nodes-design-tokens/tests/arrays/ungroup.test.ts diff --git a/.changeset/wet-windows-smoke.md b/.changeset/wet-windows-smoke.md new file mode 100644 index 00000000..ca157766 --- /dev/null +++ b/.changeset/wet-windows-smoke.md @@ -0,0 +1,5 @@ +--- +"@tokens-studio/graph-engine-nodes-design-tokens": minor +--- + +Added array group/ungroup nodes for token arrays diff --git a/packages/nodes-design-tokens/src/nodes/arrays/group.ts b/packages/nodes-design-tokens/src/nodes/arrays/group.ts new file mode 100644 index 00000000..e87f63ba --- /dev/null +++ b/packages/nodes-design-tokens/src/nodes/arrays/group.ts @@ -0,0 +1,48 @@ +import { + INodeDefinition, + Node, + StringSchema, + ToInput, + ToOutput +} from '@tokens-studio/graph-engine'; +import { TokenSchema } from '../../schemas/index.js'; +import { arrayOf } from '../../schemas/utils.js'; +import type { SingleToken } from '@tokens-studio/types'; + +export default class GroupArrayNode extends Node { + static title = 'Group token array'; + static type = 'studio.tokens.design.array.group'; + static description = 'Groups an array of tokens by adding a namespace'; + + declare inputs: ToInput<{ + name: string; + tokens: SingleToken[]; + }>; + + declare outputs: ToOutput<{ + tokens: SingleToken[]; + }>; + + constructor(props: INodeDefinition) { + super(props); + this.addInput('name', { + type: StringSchema + }); + this.addInput('tokens', { + type: arrayOf(TokenSchema) + }); + this.addOutput('tokens', { + type: arrayOf(TokenSchema) + }); + } + + execute(): void | Promise { + const { name, tokens } = this.getAllInputs(); + const output = tokens.map(token => ({ + ...token, + name: `${name}.${token.name}` + })); + + this.outputs.tokens.set(output); + } +} diff --git a/packages/nodes-design-tokens/src/nodes/arrays/index.ts b/packages/nodes-design-tokens/src/nodes/arrays/index.ts new file mode 100644 index 00000000..126cf122 --- /dev/null +++ b/packages/nodes-design-tokens/src/nodes/arrays/index.ts @@ -0,0 +1,4 @@ +import GroupArrayNode from './group.js'; +import UngroupArrayNode from './ungroup.js'; + +export const nodes = [GroupArrayNode, UngroupArrayNode]; diff --git a/packages/nodes-design-tokens/src/nodes/arrays/ungroup.ts b/packages/nodes-design-tokens/src/nodes/arrays/ungroup.ts new file mode 100644 index 00000000..c2c33104 --- /dev/null +++ b/packages/nodes-design-tokens/src/nodes/arrays/ungroup.ts @@ -0,0 +1,53 @@ +import { + INodeDefinition, + Node, + StringSchema, + ToInput, + ToOutput +} from '@tokens-studio/graph-engine'; +import { TokenSchema } from '../../schemas/index.js'; +import { arrayOf } from '../../schemas/utils.js'; +import type { SingleToken } from '@tokens-studio/types'; + +export default class UngroupArrayNode extends Node { + static title = 'Ungroup token array'; + static type = 'studio.tokens.design.array.ungroup'; + static description = + 'Ungroups an array of tokens by removing their namespace'; + + declare inputs: ToInput<{ + name: string; + tokens: SingleToken[]; + }>; + + declare outputs: ToOutput<{ + tokens: SingleToken[]; + }>; + + constructor(props: INodeDefinition) { + super(props); + this.addInput('name', { + type: StringSchema + }); + this.addInput('tokens', { + type: arrayOf(TokenSchema) + }); + this.addOutput('tokens', { + type: arrayOf(TokenSchema) + }); + } + + execute(): void | Promise { + const { name, tokens } = this.getAllInputs(); + const prefix = `${name}.`; + + const output = tokens + .filter(token => token.name.startsWith(prefix)) + .map(token => ({ + ...token, + name: token.name.slice(prefix.length) + })); + + this.outputs.tokens.set(output); + } +} diff --git a/packages/nodes-design-tokens/src/nodes/index.ts b/packages/nodes-design-tokens/src/nodes/index.ts index 7486663b..ad8399e6 100644 --- a/packages/nodes-design-tokens/src/nodes/index.ts +++ b/packages/nodes-design-tokens/src/nodes/index.ts @@ -1,3 +1,4 @@ +import { nodes as arrays } from './arrays/index.js'; import { nodes as naming } from './naming/index.js'; import CreateBorderNode from './createBorder.js'; import CreateBorderTokenNode from './createBorderToken.js'; @@ -51,7 +52,8 @@ export const nodes: (typeof Node)[] = ([] as (typeof Node)[]).concat( LeonardoColorNode, LeonardoThemeNode, SetToArrayNode, - naming + naming, + arrays ); /** diff --git a/packages/nodes-design-tokens/tests/arrays/group.test.ts b/packages/nodes-design-tokens/tests/arrays/group.test.ts new file mode 100644 index 00000000..c637e990 --- /dev/null +++ b/packages/nodes-design-tokens/tests/arrays/group.test.ts @@ -0,0 +1,25 @@ +import { Graph } from '@tokens-studio/graph-engine'; +import { SingleToken } from '@tokens-studio/types'; +import { describe, expect, it } from 'vitest'; +import GroupArrayNode from '../../src/nodes/arrays/group.js'; + +describe('GroupArrayNode', () => { + it('should add namespace to token names', async () => { + const graph = new Graph(); + const node = new GroupArrayNode({ graph }); + + const tokens = [ + { name: 'color', value: '#ff0000', type: 'color' }, + { name: 'size', value: '16px', type: 'dimension' } + ] as SingleToken[]; + + node.inputs.name.setValue('theme'); + node.inputs.tokens.setValue(tokens); + await node.execute(); + + expect(node.outputs.tokens.value).toEqual([ + { name: 'theme.color', value: '#ff0000', type: 'color' }, + { name: 'theme.size', value: '16px', type: 'dimension' } + ]); + }); +}); diff --git a/packages/nodes-design-tokens/tests/arrays/ungroup.test.ts b/packages/nodes-design-tokens/tests/arrays/ungroup.test.ts new file mode 100644 index 00000000..ae00b236 --- /dev/null +++ b/packages/nodes-design-tokens/tests/arrays/ungroup.test.ts @@ -0,0 +1,26 @@ +import { Graph } from '@tokens-studio/graph-engine'; +import { SingleToken } from '@tokens-studio/types'; +import { describe, expect, it } from 'vitest'; +import UngroupArrayNode from '../../src/nodes/arrays/ungroup.js'; + +describe('UngroupArrayNode', () => { + it('should remove namespace from token names', async () => { + const graph = new Graph(); + const node = new UngroupArrayNode({ graph }); + + const tokens = [ + { name: 'theme.color', value: '#ff0000', type: 'color' }, + { name: 'theme.size', value: '16px', type: 'dimension' }, + { name: 'other.value', value: '20px', type: 'dimension' } + ] as SingleToken[]; + + node.inputs.name.setValue('theme'); + node.inputs.tokens.setValue(tokens); + await node.execute(); + + expect(node.outputs.tokens.value).toEqual([ + { name: 'color', value: '#ff0000', type: 'color' }, + { name: 'size', value: '16px', type: 'dimension' } + ]); + }); +}); From 2d8ceac4e4c3ffefcf877c6b89031e5f4e4c1e54 Mon Sep 17 00:00:00 2001 From: Marco Christian Krenn Date: Mon, 30 Dec 2024 14:13:53 +0100 Subject: [PATCH 5/6] add utils.css --- .changeset/fifty-lamps-turn.md | 5 +++++ packages/ui/src/app/layout.tsx | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/fifty-lamps-turn.md diff --git a/.changeset/fifty-lamps-turn.md b/.changeset/fifty-lamps-turn.md new file mode 100644 index 00000000..d57fcc9e --- /dev/null +++ b/.changeset/fifty-lamps-turn.md @@ -0,0 +1,5 @@ +--- +"@tokens-studio/graph-engine-ui": patch +--- + +Add utils css to fix visuals diff --git a/packages/ui/src/app/layout.tsx b/packages/ui/src/app/layout.tsx index b60e0111..34487400 100644 --- a/packages/ui/src/app/layout.tsx +++ b/packages/ui/src/app/layout.tsx @@ -6,6 +6,7 @@ import '@tokens-studio/tokens/css/ts-theme-light.css'; import '@tokens-studio/tokens/css/base.css'; import '@tokens-studio/ui/css/normalize.css'; +import '@tokens-studio/ui/css/utils.css'; import '@fontsource/geist-mono/400.css'; import '@fontsource/geist-mono/500.css'; From 49994d60d2d114940c740461c4fdb7cbac8c6a24 Mon Sep 17 00:00:00 2001 From: Marco Christian Krenn Date: Mon, 30 Dec 2024 15:37:03 +0100 Subject: [PATCH 6/6] update ui package --- packages/graph-editor/package.json | 2 +- packages/nodes-design-tokens/package.json | 2 +- packages/nodes-figma/package.json | 2 +- packages/nodes-fs/package.json | 2 +- packages/ui/package.json | 4 ++-- yarn.lock | 9 ++++----- 6 files changed, 10 insertions(+), 11 deletions(-) diff --git a/packages/graph-editor/package.json b/packages/graph-editor/package.json index cfd60759..8c3d4237 100644 --- a/packages/graph-editor/package.json +++ b/packages/graph-editor/package.json @@ -57,7 +57,7 @@ "@tokens-studio/graph-engine": "*", "@tokens-studio/icons": "^0.1.4", "@tokens-studio/types": "^0.5.1", - "@tokens-studio/ui": "^1.0.10", + "@tokens-studio/ui": "^1.0.13", "@xzdarcy/react-timeline-editor": "^0.1.9", "array-move": "^4.0.0", "classnames": "^2.3.2", diff --git a/packages/nodes-design-tokens/package.json b/packages/nodes-design-tokens/package.json index 85acd89a..bc5ca199 100644 --- a/packages/nodes-design-tokens/package.json +++ b/packages/nodes-design-tokens/package.json @@ -38,7 +38,7 @@ "dependencies": { "@adobe/leonardo-contrast-colors": "^1.0.0", "@tokens-studio/types": "^0.5.1", - "@tokens-studio/ui": "^1.0.10", + "@tokens-studio/ui": "^1.0.13", "colorjs.io": "^0.5.2", "dot-prop": "^8.0.2", "lodash.orderby": "^4.6.0", diff --git a/packages/nodes-figma/package.json b/packages/nodes-figma/package.json index ad7d4978..24411b02 100644 --- a/packages/nodes-figma/package.json +++ b/packages/nodes-figma/package.json @@ -37,7 +37,7 @@ }, "dependencies": { "@tokens-studio/types": "^0.5.1", - "@tokens-studio/ui": "^1.0.10", + "@tokens-studio/ui": "^1.0.13", "dot-prop": "^8.0.2" }, "peerDependencies": { diff --git a/packages/nodes-fs/package.json b/packages/nodes-fs/package.json index 232c30f1..0e4a58c5 100644 --- a/packages/nodes-fs/package.json +++ b/packages/nodes-fs/package.json @@ -31,7 +31,7 @@ "test": "vitest run" }, "dependencies": { - "@tokens-studio/ui": "^1.0.10", + "@tokens-studio/ui": "^1.0.13", "mobx-react-lite": "^4.0.5" }, "peerDependencies": { diff --git a/packages/ui/package.json b/packages/ui/package.json index 0fc5219a..a3b9f02c 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -45,7 +45,7 @@ "@tokens-studio/graph-engine-nodes-image": "*", "@tokens-studio/icons": "^0.1.4", "@tokens-studio/tokens": "^0.3.7", - "@tokens-studio/ui": "^1.0.10", + "@tokens-studio/ui": "^1.0.13", "@ts-rest/core": "^3.51.0", "@ts-rest/open-api": "^3.51.0", "@ts-rest/react-query": "^3.51.0", @@ -104,4 +104,4 @@ "@welldone-software/why-did-you-render": "^7.0.1", "typescript": "^5.4.5" } -} \ No newline at end of file +} diff --git a/yarn.lock b/yarn.lock index 9ddfe7a3..60c3c813 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6147,10 +6147,10 @@ resolved "https://registry.yarnpkg.com/@tokens-studio/types/-/types-0.5.1.tgz#5037e58c4b2c306762f12e8d9685e9aeebb21685" integrity sha512-LdCF9ZH5ej4Gb6n58x5fTkhstxjXDZc1SWteMWY6EiddLQJVONMIgYOrWrf1extlkSLjagX8WS0B63bAqeltnA== -"@tokens-studio/ui@^1.0.10": - version "1.0.10" - resolved "https://registry.yarnpkg.com/@tokens-studio/ui/-/ui-1.0.10.tgz#8529bfaae9f663e6d0683b03ae2b5f0135c643f2" - integrity sha512-FJCzMg9geaYWWpfxsGRTxGyDDE+IIExAE05ek78ljz3R5BftgGafnS3plLx5sMBPLN61k2aMUBiJah2bW1PBIQ== +"@tokens-studio/ui@^1.0.13": + version "1.0.13" + resolved "https://registry.yarnpkg.com/@tokens-studio/ui/-/ui-1.0.13.tgz#e4e7356b2cbfa506f871227d4b21a35607fd09b1" + integrity sha512-KvFBpWpWtShnsXXPyLU4xsMYI3Hws1A9N4IIbqOMbv7hpihcixktF81yq44txPkvn8JNw1xob9ZhofqDa1cwwg== dependencies: "@radix-ui/react-accordion" "^1.1.2" "@radix-ui/react-avatar" "^1.0.2" @@ -6169,7 +6169,6 @@ "@radix-ui/react-toast" "^1.1.3" "@radix-ui/react-toggle-group" "^1.0.2" "@radix-ui/react-tooltip" "^1.0.4" - "@tokens-studio/icons" "^0.1.4" clsx "^2.1.1" "@trysound/sax@0.2.0":