From cee13061ba3d17b7dccbaa211d9677b2be695039 Mon Sep 17 00:00:00 2001 From: AlexBxl Date: Thu, 21 Nov 2024 17:48:08 +0100 Subject: [PATCH 1/8] replaced iconoir-react with @tokens-studio/icons where possible --- packages/graph-editor/package.json | 1 + .../components/colorPicker/InputPopover.tsx | 2 +- .../src/components/commandPalette/index.tsx | 2 +- .../src/components/controls/array.tsx | 2 +- .../src/components/controls/color.tsx | 2 +- .../src/components/controls/numeric.tsx | 2 +- .../src/components/controls/slider.tsx | 2 +- .../src/components/controls/string.tsx | 2 +- .../src/components/controls/text.tsx | 2 +- .../src/components/debugger/player.tsx | 9 +- .../src/components/dialogs/findDialog.tsx | 2 +- .../src/components/flow/nodes/noteNode.tsx | 2 +- .../src/components/menubar/defaults.tsx | 2 +- .../src/components/panels/alignment/index.tsx | 6 +- .../components/panels/dropPanel/dropPanel.tsx | 3 +- .../src/components/panels/graph/index.tsx | 2 +- .../src/components/panels/inputs/index.tsx | 2 +- .../src/components/panels/logs/index.tsx | 2 +- .../src/components/portPanel/index.tsx | 4 +- .../components/toolbar/buttons/download.tsx | 2 +- .../components/toolbar/buttons/settings.tsx | 2 +- .../src/components/toolbar/buttons/upload.tsx | 2 +- .../src/components/toolbar/dropdowns/add.tsx | 2 +- .../components/toolbar/dropdowns/align.tsx | 2 +- .../src/components/toolbar/dropdowns/help.tsx | 2 +- .../components/toolbar/dropdowns/layout.tsx | 2 +- .../src/components/toolbar/dropdowns/zoom.tsx | 2 +- .../toolbar/groups/playControls.tsx | 2 +- .../src/editor/layoutController.tsx | 2 +- packages/graph-editor/src/registry/icon.tsx | 4 +- packages/nodes-audio/src/ui/index.tsx | 2 +- packages/nodes-design-tokens/src/ui/index.tsx | 2 +- packages/nodes-fs/src/ui/index.tsx | 2 +- packages/nodes-image/src/ui/index.tsx | 2 +- packages/ui/src/app/dashboard/clientPage.tsx | 2 +- .../ui/src/app/marketplace/clientPage.tsx | 2 +- .../app/marketplace/graph/[id]/clientPage.tsx | 2 +- .../marketplace/publish/[id]/clientPage.tsx | 2 +- .../ui/src/components/EmptyStateEditor.tsx | 2 +- packages/ui/src/components/ExamplesPicker.tsx | 2 +- packages/ui/src/components/editor/menu.tsx | 2 +- .../ui/src/components/editor/panelItems.tsx | 4 +- packages/ui/src/components/editor/toolbar.tsx | 3 +- packages/ui/src/components/rail.tsx | 2 +- packages/ui/src/components/share/index.tsx | 2 +- .../app/src/data/panelItems.tsx | 2 +- yarn.lock | 216 +++++------------- 47 files changed, 119 insertions(+), 207 deletions(-) diff --git a/packages/graph-editor/package.json b/packages/graph-editor/package.json index 5563d24e..3bd4b77a 100644 --- a/packages/graph-editor/package.json +++ b/packages/graph-editor/package.json @@ -54,6 +54,7 @@ "@rematch/core": "2.2.0", "@stitches/react": "1.2.8", "@tokens-studio/graph-engine": "*", + "@tokens-studio/icons": "^0.1.3", "@tokens-studio/tokens": "^0.0.24", "@tokens-studio/types": "^0.2.3", "@tokens-studio/ui": "^0.6.9", diff --git a/packages/graph-editor/src/components/colorPicker/InputPopover.tsx b/packages/graph-editor/src/components/colorPicker/InputPopover.tsx index 092fb2c6..ddaf835b 100644 --- a/packages/graph-editor/src/components/colorPicker/InputPopover.tsx +++ b/packages/graph-editor/src/components/colorPicker/InputPopover.tsx @@ -1,5 +1,5 @@ import * as Popover from '@radix-ui/react-popover'; -import { Xmark } from 'iconoir-react'; +import { Xmark } from '@tokens-studio/icons'; import { keyframes, styled } from '@/lib/stitches/index.js'; import React from 'react'; diff --git a/packages/graph-editor/src/components/commandPalette/index.tsx b/packages/graph-editor/src/components/commandPalette/index.tsx index fa91db96..110e96e8 100644 --- a/packages/graph-editor/src/components/commandPalette/index.tsx +++ b/packages/graph-editor/src/components/commandPalette/index.tsx @@ -8,7 +8,7 @@ import { import { Node } from '@tokens-studio/graph-engine'; import { NodeRequest } from '@/editor/actions/createNode.js'; import { Node as ReactFlowNode, useReactFlow } from 'reactflow'; -import { Search } from 'iconoir-react'; +import { Search } from '@tokens-studio/icons'; import { isActiveElementTextEditable } from '@/utils/isActiveElementTextEditable.js'; import { observer } from 'mobx-react-lite'; import { showNodesCmdPaletteSelector } from '@/redux/selectors/ui.js'; diff --git a/packages/graph-editor/src/components/controls/array.tsx b/packages/graph-editor/src/components/controls/array.tsx index 6497c670..2a92cffb 100644 --- a/packages/graph-editor/src/components/controls/array.tsx +++ b/packages/graph-editor/src/components/controls/array.tsx @@ -19,7 +19,7 @@ import { TextInput, } from '@tokens-studio/ui'; import { ColorPickerPopover } from '../colorPicker/index.js'; -import { FloppyDisk, Minus, Plus } from 'iconoir-react'; +import { FloppyDisk, Minus, Plus } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { JSONTree } from 'react-json-tree'; import { delayedUpdateSelector } from '@/redux/selectors/index.js'; diff --git a/packages/graph-editor/src/components/controls/color.tsx b/packages/graph-editor/src/components/controls/color.tsx index e1ad4dd2..a11bf52a 100644 --- a/packages/graph-editor/src/components/controls/color.tsx +++ b/packages/graph-editor/src/components/controls/color.tsx @@ -1,6 +1,6 @@ import { Box, IconButton, Stack, Text } from '@tokens-studio/ui'; import { ColorPickerPopover } from '../colorPicker/index.js'; -import { FloppyDisk } from 'iconoir-react'; +import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { Input, hexToColor, toColor, toHex } from '@tokens-studio/graph-engine'; import { delayedUpdateSelector } from '@/redux/selectors/index.js'; diff --git a/packages/graph-editor/src/components/controls/numeric.tsx b/packages/graph-editor/src/components/controls/numeric.tsx index 67d28bbf..577e1869 100644 --- a/packages/graph-editor/src/components/controls/numeric.tsx +++ b/packages/graph-editor/src/components/controls/numeric.tsx @@ -1,4 +1,4 @@ -import { FloppyDisk } from 'iconoir-react'; +import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { IconButton, Stack, TextInput } from '@tokens-studio/ui'; import { Input } from '@tokens-studio/graph-engine'; diff --git a/packages/graph-editor/src/components/controls/slider.tsx b/packages/graph-editor/src/components/controls/slider.tsx index 663ebf24..eeb54070 100644 --- a/packages/graph-editor/src/components/controls/slider.tsx +++ b/packages/graph-editor/src/components/controls/slider.tsx @@ -1,4 +1,4 @@ -import { FloppyDisk } from 'iconoir-react'; +import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { IconButton, Stack, Text } from '@tokens-studio/ui'; import { Input } from '@tokens-studio/graph-engine'; diff --git a/packages/graph-editor/src/components/controls/string.tsx b/packages/graph-editor/src/components/controls/string.tsx index 9b2802e0..87eac663 100644 --- a/packages/graph-editor/src/components/controls/string.tsx +++ b/packages/graph-editor/src/components/controls/string.tsx @@ -1,4 +1,4 @@ -import { FloppyDisk } from 'iconoir-react'; +import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { IconButton, Stack, Text, TextInput } from '@tokens-studio/ui'; import { Input } from '@tokens-studio/graph-engine'; diff --git a/packages/graph-editor/src/components/controls/text.tsx b/packages/graph-editor/src/components/controls/text.tsx index 9393805c..5655403b 100644 --- a/packages/graph-editor/src/components/controls/text.tsx +++ b/packages/graph-editor/src/components/controls/text.tsx @@ -1,4 +1,4 @@ -import { FloppyDisk } from 'iconoir-react'; +import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { IconButton, Textarea as UITextarea } from '@tokens-studio/ui'; import { Input } from '@tokens-studio/graph-engine'; diff --git a/packages/graph-editor/src/components/debugger/player.tsx b/packages/graph-editor/src/components/debugger/player.tsx index cc29fce6..4dd34904 100644 --- a/packages/graph-editor/src/components/debugger/player.tsx +++ b/packages/graph-editor/src/components/debugger/player.tsx @@ -1,6 +1,13 @@ import { DebugInfo } from './data.js'; import { IconButton, Select, Stack, Text } from '@tokens-studio/ui'; -import { Pause, Play, Trash, UndoAction, ZoomIn, ZoomOut } from 'iconoir-react'; +import { + Pause, + Play, + Trash, + UndoAction, + ZoomIn, + ZoomOut, +} from '@tokens-studio/icons'; import { TimelineState } from '@xzdarcy/react-timeline-editor'; import React, { useEffect, useState } from 'react'; diff --git a/packages/graph-editor/src/components/dialogs/findDialog.tsx b/packages/graph-editor/src/components/dialogs/findDialog.tsx index 38d35a43..a35309a8 100644 --- a/packages/graph-editor/src/components/dialogs/findDialog.tsx +++ b/packages/graph-editor/src/components/dialogs/findDialog.tsx @@ -1,5 +1,5 @@ import { Button, Dialog, IconButton, Text, TextInput } from '@tokens-studio/ui'; -import { Xmark } from 'iconoir-react'; +import { Xmark } from '@tokens-studio/icons'; import { title as annotatedTitle } from '@/annotations/index.js'; import { graphEditorSelector, diff --git a/packages/graph-editor/src/components/flow/nodes/noteNode.tsx b/packages/graph-editor/src/components/flow/nodes/noteNode.tsx index 610604bb..7804aa6a 100644 --- a/packages/graph-editor/src/components/flow/nodes/noteNode.tsx +++ b/packages/graph-editor/src/components/flow/nodes/noteNode.tsx @@ -1,6 +1,6 @@ import { BaseNodeWrapper } from '../wrapper/base.js'; import { Box, IconButton, Textarea } from '@tokens-studio/ui'; -import { EditPencil } from 'iconoir-react'; +import { EditPencil } from '@tokens-studio/icons'; import { Node } from '@tokens-studio/graph-engine'; import { NodeProps, NodeResizer } from 'reactflow'; import { description, title } from '@/annotations/index.js'; diff --git a/packages/graph-editor/src/components/menubar/defaults.tsx b/packages/graph-editor/src/components/menubar/defaults.tsx index f6bc83d5..f6b94227 100644 --- a/packages/graph-editor/src/components/menubar/defaults.tsx +++ b/packages/graph-editor/src/components/menubar/defaults.tsx @@ -7,7 +7,7 @@ import { Play, Settings as SettingsIcon, Upload, -} from 'iconoir-react'; +} from '@tokens-studio/icons'; import { DebugPanel } from '../panels/debugger/index.js'; import { DropPanel } from '../panels/dropPanel/index.js'; import { GraphPanel } from '../panels/graph/index.js'; diff --git a/packages/graph-editor/src/components/panels/alignment/index.tsx b/packages/graph-editor/src/components/panels/alignment/index.tsx index 4f2c6028..60398816 100644 --- a/packages/graph-editor/src/components/panels/alignment/index.tsx +++ b/packages/graph-editor/src/components/panels/alignment/index.tsx @@ -2,17 +2,17 @@ import { AlignHorizontalCenters, AlignVerticalCenters, CompAlignBottom, - CompAlignBottomSolid, CompAlignLeft, CompAlignRight, CompAlignTop, - CompAlignTopSolid, -} from 'iconoir-react'; +} from '@tokens-studio/icons'; import { AlignHorizontalCentersSolid, AlignVerticalCentersSolid, + CompAlignBottomSolid, CompAlignLeftSolid, CompAlignRightSolid, + CompAlignTopSolid, } from 'iconoir-react'; import { Box, IconButton, Stack, Text } from '@tokens-studio/ui'; import { Node } from 'reactflow'; diff --git a/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx b/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx index e3eb5955..4dca6b6b 100644 --- a/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx +++ b/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx @@ -1,7 +1,8 @@ import { Accordion, Box, Stack, Text, TextInput } from '@tokens-studio/ui'; import { DragItem } from './DragItem.js'; import { DropPanelStore } from './data.js'; -import { IconoirProvider, NavArrowRight } from 'iconoir-react'; +import { IconoirProvider } from 'iconoir-react'; +import { NavArrowRight } from '@tokens-studio/icons'; import { NodeEntry } from './NodeEntry.js'; import { observer } from 'mobx-react-lite'; import { panelItemsSelector } from '@/redux/selectors/registry.js'; diff --git a/packages/graph-editor/src/components/panels/graph/index.tsx b/packages/graph-editor/src/components/panels/graph/index.tsx index b5a9b2d5..1a4d0c0f 100644 --- a/packages/graph-editor/src/components/panels/graph/index.tsx +++ b/packages/graph-editor/src/components/panels/graph/index.tsx @@ -1,7 +1,7 @@ import { Box, IconButton, Label, Stack, TextInput } from '@tokens-studio/ui'; import React, { useState } from 'react'; -import { FloppyDisk } from 'iconoir-react'; +import { FloppyDisk } from '@tokens-studio/icons'; import { JSONTree } from 'react-json-tree'; import { description, title } from '@/annotations/index.js'; import { observer } from 'mobx-react-lite'; diff --git a/packages/graph-editor/src/components/panels/inputs/index.tsx b/packages/graph-editor/src/components/panels/inputs/index.tsx index d8569830..c66e661f 100644 --- a/packages/graph-editor/src/components/panels/inputs/index.tsx +++ b/packages/graph-editor/src/components/panels/inputs/index.tsx @@ -2,7 +2,7 @@ import { Box, Heading, IconButton, Stack } from '@tokens-studio/ui'; import React, { useMemo } from 'react'; import { DynamicInputs } from './dynamicInputs.js'; -import { InfoCircle } from 'iconoir-react'; +import { InfoCircle } from '@tokens-studio/icons'; import { PortPanel } from '@/components/portPanel/index.js'; import { annotatedDynamicInputs } from '@tokens-studio/graph-engine'; import { currentNode } from '@/redux/selectors/graph.js'; diff --git a/packages/graph-editor/src/components/panels/logs/index.tsx b/packages/graph-editor/src/components/panels/logs/index.tsx index 2a4a09b0..c5ab8dd5 100644 --- a/packages/graph-editor/src/components/panels/logs/index.tsx +++ b/packages/graph-editor/src/components/panels/logs/index.tsx @@ -2,7 +2,7 @@ import { Box, IconButton, Stack, Text, TextInput } from '@tokens-studio/ui'; import React, { useCallback, useEffect, useRef } from 'react'; import { JSONTree } from 'react-json-tree'; -import { Trash } from 'iconoir-react'; +import { Trash } from '@tokens-studio/icons'; import { logSelector } from '@/redux/selectors/graph.js'; import { useDispatch } from '@/hooks/index.js'; import { useSelector } from 'react-redux'; diff --git a/packages/graph-editor/src/components/portPanel/index.tsx b/packages/graph-editor/src/components/portPanel/index.tsx index 2ac66dc8..357f463c 100644 --- a/packages/graph-editor/src/components/portPanel/index.tsx +++ b/packages/graph-editor/src/components/portPanel/index.tsx @@ -14,12 +14,12 @@ import React, { useCallback, useMemo } from 'react'; import { Download, EyeClosed, - EyeSolid, MoreVert, Puzzle, Undo, Xmark, -} from 'iconoir-react'; +} from '@tokens-studio/icons'; +import { EyeSolid } from 'iconoir-react'; import { IField } from '@/components/controls/interface.js'; import { InlineTypeLabel } from '@/components/flow/index.js'; import { controls } from '@/redux/selectors/registry.js'; diff --git a/packages/graph-editor/src/components/toolbar/buttons/download.tsx b/packages/graph-editor/src/components/toolbar/buttons/download.tsx index e0f49f3c..50b1c35d 100644 --- a/packages/graph-editor/src/components/toolbar/buttons/download.tsx +++ b/packages/graph-editor/src/components/toolbar/buttons/download.tsx @@ -1,4 +1,4 @@ -import { Download } from 'iconoir-react'; +import { Download } from '@tokens-studio/icons'; import { IconButton, Tooltip } from '@tokens-studio/ui'; import { ImperativeEditorRef } from '@/editor/editorTypes.js'; import { mainGraphSelector } from '@/redux/selectors/graph.js'; diff --git a/packages/graph-editor/src/components/toolbar/buttons/settings.tsx b/packages/graph-editor/src/components/toolbar/buttons/settings.tsx index 5a8a5a28..beca3ff1 100644 --- a/packages/graph-editor/src/components/toolbar/buttons/settings.tsx +++ b/packages/graph-editor/src/components/toolbar/buttons/settings.tsx @@ -1,5 +1,5 @@ import { IconButton, Tooltip } from '@tokens-studio/ui'; -import { Settings } from 'iconoir-react'; +import { Settings } from '@tokens-studio/icons'; import { useLayoutButton } from '../../../hooks/useLayoutButton.js'; import React from 'react'; diff --git a/packages/graph-editor/src/components/toolbar/buttons/upload.tsx b/packages/graph-editor/src/components/toolbar/buttons/upload.tsx index d6f4d2e9..47ad8f55 100644 --- a/packages/graph-editor/src/components/toolbar/buttons/upload.tsx +++ b/packages/graph-editor/src/components/toolbar/buttons/upload.tsx @@ -1,6 +1,6 @@ import { IconButton, Tooltip } from '@tokens-studio/ui'; import { ImperativeEditorRef } from '@/editor/editorTypes.js'; -import { Upload } from 'iconoir-react'; +import { Upload } from '@tokens-studio/icons'; import { mainGraphSelector } from '@/redux/selectors/graph.js'; import { useSelector } from 'react-redux'; import React from 'react'; diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/add.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/add.tsx index a74728e5..7612c09e 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/add.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/add.tsx @@ -1,5 +1,5 @@ import { Button, DropdownMenu, Stack, Tooltip } from '@tokens-studio/ui'; -import { NavArrowRight, Plus } from 'iconoir-react'; +import { NavArrowRight, Plus } from '@tokens-studio/icons'; import { panelItemsSelector } from '@/redux/selectors/index.js'; import { useAction } from '@/editor/actions/provider.js'; import { useDispatch } from '@/hooks/index.js'; diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/align.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/align.tsx index 77d523be..2369aa60 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/align.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/align.tsx @@ -8,7 +8,7 @@ import { CompAlignLeft, CompAlignRight, CompAlignTop, -} from 'iconoir-react'; +} from '@tokens-studio/icons'; import { DropdownMenu, IconButton, Tooltip } from '@tokens-studio/ui'; import { Node } from 'reactflow'; import { graphEditorSelector } from '@/redux/selectors/index.js'; diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/help.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/help.tsx index dc59ae17..3b6c0eee 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/help.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/help.tsx @@ -1,4 +1,4 @@ -import { ChatBubbleQuestion } from 'iconoir-react'; +import { ChatBubbleQuestion } from '@tokens-studio/icons'; import { DropdownMenu, IconButton, Tooltip } from '@tokens-studio/ui'; import React from 'react'; diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/layout.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/layout.tsx index 9d484aa2..d006b3ab 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/layout.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/layout.tsx @@ -1,5 +1,5 @@ import { DropdownMenu, IconButton, Tooltip } from '@tokens-studio/ui'; -import { LayoutLeft } from 'iconoir-react'; +import { LayoutLeft } from '@tokens-studio/icons'; import { dockerSelector } from '@/redux/selectors/index.js'; import { useLayoutButton } from '../../../hooks/useLayoutButton.js'; import { useSelector } from 'react-redux'; diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/zoom.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/zoom.tsx index 3322a316..0a5ccb5a 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/zoom.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/zoom.tsx @@ -1,5 +1,5 @@ import { Button, DropdownMenu } from '@tokens-studio/ui'; -import { NavArrowRight } from 'iconoir-react'; +import { NavArrowRight } from '@tokens-studio/icons'; import { getViewports } from '@/components/hotKeys/index.js'; import { savedViewports } from '@/annotations/index.js'; import { useLocalGraph } from '@/hooks/index.js'; diff --git a/packages/graph-editor/src/components/toolbar/groups/playControls.tsx b/packages/graph-editor/src/components/toolbar/groups/playControls.tsx index a64fc716..aa1cc976 100644 --- a/packages/graph-editor/src/components/toolbar/groups/playControls.tsx +++ b/packages/graph-editor/src/components/toolbar/groups/playControls.tsx @@ -1,5 +1,5 @@ import { IconButton } from '@tokens-studio/ui'; -import { Pause, Play, Square } from 'iconoir-react'; +import { Pause, Play, Square } from '@tokens-studio/icons'; import { playStateSelector } from '@/redux/selectors/index.js'; import { useDispatch, useSelector } from 'react-redux'; import React from 'react'; diff --git a/packages/graph-editor/src/editor/layoutController.tsx b/packages/graph-editor/src/editor/layoutController.tsx index 7a66646e..c441621a 100644 --- a/packages/graph-editor/src/editor/layoutController.tsx +++ b/packages/graph-editor/src/editor/layoutController.tsx @@ -22,7 +22,7 @@ import { ErrorBoundaryContent } from '@/components/ErrorBoundaryContent.js'; import { FindDialog } from '@/components/dialogs/findDialog.js'; import { IconButton, Stack, Tooltip } from '@tokens-studio/ui'; import { MAIN_GRAPH_ID } from '@/constants.js'; -import { Maximize, Reduce, Xmark } from 'iconoir-react'; +import { Maximize, Reduce, Xmark } from '@tokens-studio/icons'; import { OutputSheet } from '@/components/panels/output/index.js'; import React, { MutableRefObject, useEffect, useMemo } from 'react'; diff --git a/packages/graph-editor/src/registry/icon.tsx b/packages/graph-editor/src/registry/icon.tsx index e5dff106..015167f4 100644 --- a/packages/graph-editor/src/registry/icon.tsx +++ b/packages/graph-editor/src/registry/icon.tsx @@ -13,9 +13,9 @@ import { EaseCurveControlPoints, Hashtag, InputOutput, - SelectPoint3d, Text, -} from 'iconoir-react'; +} from '@tokens-studio/icons'; +import { SelectPoint3d } from 'iconoir-react'; import React from 'react'; /** diff --git a/packages/nodes-audio/src/ui/index.tsx b/packages/nodes-audio/src/ui/index.tsx index 69a15b70..e1d37d41 100644 --- a/packages/nodes-audio/src/ui/index.tsx +++ b/packages/nodes-audio/src/ui/index.tsx @@ -1,5 +1,5 @@ import { NODE } from '../schemas/index.js'; -import { SoundHigh } from 'iconoir-react'; +import { SoundHigh } from '@tokens-studio/icons'; import React from 'react'; export const icons = { diff --git a/packages/nodes-design-tokens/src/ui/index.tsx b/packages/nodes-design-tokens/src/ui/index.tsx index 4adccfef..1a0f7bd6 100644 --- a/packages/nodes-design-tokens/src/ui/index.tsx +++ b/packages/nodes-design-tokens/src/ui/index.tsx @@ -1,4 +1,4 @@ -import { CubeHole, DatabaseScript } from 'iconoir-react'; +import { CubeHole, DatabaseScript } from '@tokens-studio/icons'; import { REFERENCE, TOKEN, TOKEN_SET } from '../schemas/index.js'; import React from 'react'; diff --git a/packages/nodes-fs/src/ui/index.tsx b/packages/nodes-fs/src/ui/index.tsx index dbd36b5e..ae239917 100644 --- a/packages/nodes-fs/src/ui/index.tsx +++ b/packages/nodes-fs/src/ui/index.tsx @@ -1,4 +1,4 @@ -import { EmptyPage } from 'iconoir-react'; +import { EmptyPage } from '@tokens-studio/icons'; import { FILE } from '../schemas/index.js'; import React from 'react'; diff --git a/packages/nodes-image/src/ui/index.tsx b/packages/nodes-image/src/ui/index.tsx index aca089e8..05a0a512 100644 --- a/packages/nodes-image/src/ui/index.tsx +++ b/packages/nodes-image/src/ui/index.tsx @@ -1,5 +1,5 @@ import { IMAGE } from '../schemas/index.js'; -import { MediaImage } from 'iconoir-react'; +import { MediaImage } from '@tokens-studio/icons'; import React from 'react'; export const icons = { diff --git a/packages/ui/src/app/dashboard/clientPage.tsx b/packages/ui/src/app/dashboard/clientPage.tsx index 4928cabb..907b8870 100644 --- a/packages/ui/src/app/dashboard/clientPage.tsx +++ b/packages/ui/src/app/dashboard/clientPage.tsx @@ -10,7 +10,7 @@ import { Search, Upload, Xmark -} from 'iconoir-react'; +} from '@tokens-studio/icons'; import { Box, Button, diff --git a/packages/ui/src/app/marketplace/clientPage.tsx b/packages/ui/src/app/marketplace/clientPage.tsx index fe2dbfd6..7ee8ac78 100644 --- a/packages/ui/src/app/marketplace/clientPage.tsx +++ b/packages/ui/src/app/marketplace/clientPage.tsx @@ -7,7 +7,7 @@ import { Stack, Text } from '@tokens-studio/ui'; -import { Download, Heart } from 'iconoir-react'; +import { Download, Heart } from '@tokens-studio/icons'; import { client } from '@/api/sdk/index.ts'; import { styled } from '@tokens-studio/graph-editor'; import { useErrorToast } from '@/hooks/useToast.tsx'; diff --git a/packages/ui/src/app/marketplace/graph/[id]/clientPage.tsx b/packages/ui/src/app/marketplace/graph/[id]/clientPage.tsx index 98d5119b..5219b444 100644 --- a/packages/ui/src/app/marketplace/graph/[id]/clientPage.tsx +++ b/packages/ui/src/app/marketplace/graph/[id]/clientPage.tsx @@ -10,7 +10,7 @@ import { Tabs, Text } from '@tokens-studio/ui'; -import { Download, Heart } from 'iconoir-react'; +import { Download, Heart } from '@tokens-studio/icons'; import { ImageHolder, PreviewImage } from '../../clientPage.tsx'; import { client } from '@/api/sdk/index.ts'; import { useErrorToast } from '@/hooks/useToast.tsx'; diff --git a/packages/ui/src/app/marketplace/publish/[id]/clientPage.tsx b/packages/ui/src/app/marketplace/publish/[id]/clientPage.tsx index 66e1d861..1eb6be21 100644 --- a/packages/ui/src/app/marketplace/publish/[id]/clientPage.tsx +++ b/packages/ui/src/app/marketplace/publish/[id]/clientPage.tsx @@ -12,7 +12,7 @@ import { client } from '@/api/sdk/index.ts'; import { useParams, useRouter } from 'next/navigation.js'; import MDEditor from '@uiw/react-md-editor'; //Add rehype to prevent any client of injecting malicious code -import { Upload } from 'iconoir-react'; +import { Upload } from '@tokens-studio/icons'; import { useState } from 'react'; import rehypeSanitize from 'rehype-sanitize'; diff --git a/packages/ui/src/components/EmptyStateEditor.tsx b/packages/ui/src/components/EmptyStateEditor.tsx index f959c249..b38dea53 100644 --- a/packages/ui/src/components/EmptyStateEditor.tsx +++ b/packages/ui/src/components/EmptyStateEditor.tsx @@ -1,4 +1,4 @@ -import { BatteryCharging, JournalPage, PagePlus } from 'iconoir-react'; +import { BatteryCharging, JournalPage, PagePlus } from '@tokens-studio/icons'; import { Box, Button, EmptyState, Stack } from '@tokens-studio/ui'; import { useCallback } from 'react'; import { useDispatch } from '@tokens-studio/graph-editor'; diff --git a/packages/ui/src/components/ExamplesPicker.tsx b/packages/ui/src/components/ExamplesPicker.tsx index a3a0d63a..20a73479 100644 --- a/packages/ui/src/components/ExamplesPicker.tsx +++ b/packages/ui/src/components/ExamplesPicker.tsx @@ -1,7 +1,7 @@ import { Box, Stack, Text } from '@tokens-studio/ui'; import { Command } from 'cmdk'; import { IExample } from '../types/IExample.tsx'; -import { Search } from 'iconoir-react'; +import { Search } from '@tokens-studio/icons'; import { examples } from '../data/examples/examples.tsx'; import React from 'react'; diff --git a/packages/ui/src/components/editor/menu.tsx b/packages/ui/src/components/editor/menu.tsx index e403c6ca..d94457e1 100644 --- a/packages/ui/src/components/editor/menu.tsx +++ b/packages/ui/src/components/editor/menu.tsx @@ -1,4 +1,4 @@ -import { Book } from 'iconoir-react'; +import { Book } from '@tokens-studio/icons'; import { MenuItem, MenuItemElement, diff --git a/packages/ui/src/components/editor/panelItems.tsx b/packages/ui/src/components/editor/panelItems.tsx index 8335f5d6..81f45be4 100644 --- a/packages/ui/src/components/editor/panelItems.tsx +++ b/packages/ui/src/components/editor/panelItems.tsx @@ -7,7 +7,6 @@ import { DatabaseScript, EaseCurveControlPoints, EditPencil, - EyeSolid, FillColor, SigmaFunction, SoundHigh, @@ -15,7 +14,8 @@ import { Text, TwoPointsCircle, Type -} from 'iconoir-react'; +} from '@tokens-studio/icons'; +import { EyeSolid } from 'iconoir-react'; import { PanelGroup, PanelItem, diff --git a/packages/ui/src/components/editor/toolbar.tsx b/packages/ui/src/components/editor/toolbar.tsx index 90028f93..7e2e8087 100644 --- a/packages/ui/src/components/editor/toolbar.tsx +++ b/packages/ui/src/components/editor/toolbar.tsx @@ -15,9 +15,10 @@ import { } from '@tokens-studio/graph-editor'; import { AISummary } from './panels/aiSummary.tsx'; -import { FloppyDisk, ShareAndroidSolid, Sparks, XrayView } from 'iconoir-react'; +import { FloppyDisk, Sparks, XrayView } from '@tokens-studio/icons'; import { IconButton, Tooltip } from '@tokens-studio/ui'; import { Preview } from './panels/preview.tsx'; +import { ShareAndroidSolid } from 'iconoir-react'; import { SharePopover } from '../share/index.tsx'; import { client } from '@/api/sdk/index.ts'; import { useErrorToast } from '@/hooks/useToast.tsx'; diff --git a/packages/ui/src/components/rail.tsx b/packages/ui/src/components/rail.tsx index 7b14a5e3..1068d758 100644 --- a/packages/ui/src/components/rail.tsx +++ b/packages/ui/src/components/rail.tsx @@ -6,7 +6,7 @@ import { Stack, Tooltip } from '@tokens-studio/ui'; -import { GitMerge, Home, Settings, ShoppingBag } from 'iconoir-react'; +import { GitMerge, Home, Settings, ShoppingBag } from '@tokens-studio/icons'; import { client } from '@/api/sdk/index.ts'; import Image from 'next/image.js'; import Link from 'next/link.js'; diff --git a/packages/ui/src/components/share/index.tsx b/packages/ui/src/components/share/index.tsx index 3198a345..77a50fb5 100644 --- a/packages/ui/src/components/share/index.tsx +++ b/packages/ui/src/components/share/index.tsx @@ -1,6 +1,6 @@ import * as Popover from '@radix-ui/react-popover'; import { Box, IconButton, Label, Stack, TextInput } from '@tokens-studio/ui'; -import { Copy, Xmark } from 'iconoir-react'; +import { Copy, Xmark } from '@tokens-studio/icons'; import { styled } from '@tokens-studio/graph-editor'; import React from 'react'; import copy from 'copy-to-clipboard'; diff --git a/packages/vscode-extension/app/src/data/panelItems.tsx b/packages/vscode-extension/app/src/data/panelItems.tsx index b9be9f6e..a2f50aa8 100644 --- a/packages/vscode-extension/app/src/data/panelItems.tsx +++ b/packages/vscode-extension/app/src/data/panelItems.tsx @@ -15,7 +15,7 @@ import { Text, TwoPointsCircle, Type, -} from 'iconoir-react'; +} from '@tokens-studio/icons'; import { PanelGroup, PanelItem, diff --git a/yarn.lock b/yarn.lock index d4fdef31..268ced9b 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3267,18 +3267,6 @@ resolved "https://registry.yarnpkg.com/@interactjs/types/-/types-1.10.27.tgz#10afd71cef2498e2b5192cf0d46f937d8ceb767f" integrity sha512-BUdv0cvs4H5ODuwft2Xp4eL8Vmi3LcihK42z0Ft/FbVJZoRioBsxH+LlsBdK4tAie7PqlKGy+1oyOncu1nQ6eA== -"@isaacs/cliui@^8.0.2": - version "8.0.2" - resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550" - integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA== - dependencies: - string-width "^5.1.2" - string-width-cjs "npm:string-width@^4.2.0" - strip-ansi "^7.0.1" - strip-ansi-cjs "npm:strip-ansi@^6.0.1" - wrap-ansi "^8.1.0" - wrap-ansi-cjs "npm:wrap-ansi@^7.0.0" - "@istanbuljs/load-nyc-config@^1.0.0": version "1.1.0" resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced" @@ -4901,25 +4889,11 @@ "@react-hook/passive-layout-effect" "^1.2.0" intersection-observer "^0.10.0" -"@react-hook/latest@^1.0.2": - version "1.0.3" - resolved "https://registry.yarnpkg.com/@react-hook/latest/-/latest-1.0.3.tgz#c2d1d0b0af8b69ec6e2b3a2412ba0768ac82db80" - integrity sha512-dy6duzl+JnAZcDbNTfmaP3xHiKtbXYOaz3G51MGVljh548Y8MWzTr+PHLOfvpypEVW9zwvl+VyKjbWKEVbV1Rg== - "@react-hook/passive-layout-effect@^1.2.0": version "1.2.1" resolved "https://registry.yarnpkg.com/@react-hook/passive-layout-effect/-/passive-layout-effect-1.2.1.tgz#c06dac2d011f36d61259aa1c6df4f0d5e28bc55e" integrity sha512-IwEphTD75liO8g+6taS+4oqz+nnroocNfWVHWz7j+N+ZO2vYrc6PV1q7GQhuahL0IOR7JccFTsFKQ/mb6iZWAg== -"@react-hook/resize-observer@^1.2.6": - version "1.2.6" - resolved "https://registry.yarnpkg.com/@react-hook/resize-observer/-/resize-observer-1.2.6.tgz#9a8cf4c5abb09becd60d1d65f6bf10eec211e291" - integrity sha512-DlBXtLSW0DqYYTW3Ft1/GQFZlTdKY5VAFIC4+km6IK5NiPPDFchGbEJm1j6pSgMqPRHbUQgHJX7RaR76ic1LWA== - dependencies: - "@juggle/resize-observer" "^3.3.1" - "@react-hook/latest" "^1.0.2" - "@react-hook/passive-layout-effect" "^1.2.0" - "@reactflow/background@11.3.14": version "11.3.14" resolved "https://registry.yarnpkg.com/@reactflow/background/-/background-11.3.14.tgz#778ca30174f3de77fc321459ab3789e66e71a699" @@ -6482,14 +6456,6 @@ "@swc/counter" "^0.1.3" tslib "^2.4.0" -"@swc/helpers@^0.4.14": - version "0.4.36" - resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.4.36.tgz#fcfff76ed52c214f357e8e9d3f37b568908072d9" - integrity sha512-5lxnyLEYFskErRPenYItLRSge5DjrJngYKdVjRSrWfza9G6KkgHEXi0vUZiyUeMU5JfXH1YnvXZzSp8ul88o2Q== - dependencies: - legacy-swc-helpers "npm:@swc/helpers@=0.4.14" - tslib "^2.4.0" - "@swc/types@^0.1.9": version "0.1.9" resolved "https://registry.yarnpkg.com/@swc/types/-/types-0.1.9.tgz#e67cdcc2e4dd74a3cef4474b465eb398e7ae83e2" @@ -6561,6 +6527,11 @@ resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.5.2.tgz#db7257d727c891905947bd1c1a99da20e03c2ebd" integrity sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ== +"@tokens-studio/icons@^0.1.3": + version "0.1.3" + resolved "https://registry.yarnpkg.com/@tokens-studio/icons/-/icons-0.1.3.tgz#043b3ebf1de8f4a59e2e05e461fa6b966c30d57c" + integrity sha512-cXQLPlPKsOJINdh84k2WDeEzfoq3dn9hzQrqiQfNLpA306V7lXXL0kzpVzEBhRFdLVLo+gTEdGQ4c+I3tQu1VA== + "@tokens-studio/sd-transforms@^0.15.2": version "0.15.2" resolved "https://registry.yarnpkg.com/@tokens-studio/sd-transforms/-/sd-transforms-0.15.2.tgz#2cd374b89a1167d66a9c29c2779623103221fac7" @@ -7677,7 +7648,7 @@ resolved "https://registry.yarnpkg.com/@use-gesture/core/-/core-10.3.1.tgz#976c9421e905f0079d49822cfd5c2e56b808fc56" integrity sha512-WcINiDt8WjqBdUXye25anHiNxPc0VOrlT8F6LLkU6cycrOGUDyY/yyFmsg3k8i5OLvv25llc0QC45GhR/C8llw== -"@use-gesture/react@^10.2.23": +"@use-gesture/react@^10.2.27": version "10.3.1" resolved "https://registry.yarnpkg.com/@use-gesture/react/-/react-10.3.1.tgz#17a743a894d9bd9a0d1980c618f37f0164469867" integrity sha512-Yy19y6O2GJq8f7CHf7L0nxL8bf4PZCPaVOCgJrusOeFHY1LvHgYXnmnXg6N5iwAnbgbZCDjo60SiM6IPJi9C5g== @@ -8886,13 +8857,6 @@ better-path-resolve@1.0.0: dependencies: is-windows "^1.0.0" -better-react-mathjax@^2.0.3: - version "2.0.3" - resolved "https://registry.yarnpkg.com/better-react-mathjax/-/better-react-mathjax-2.0.3.tgz#202dc6fe5c7263278f2491516f43f70ba188122f" - integrity sha512-wfifT8GFOKb1TWm2+E50I6DJpLZ5kLbch283Lu043EJtwSv0XvZDjr4YfR4d2MjAhqP6SH4VjjrKgbX8R00oCQ== - dependencies: - mathjax-full "^3.2.2" - big-integer@^1.6.44: version "1.6.52" resolved "https://registry.yarnpkg.com/big-integer/-/big-integer-1.6.52.tgz#60a887f3047614a8e1bffe5d7173490a97dc8c85" @@ -9926,11 +9890,6 @@ commander@7, commander@^7.2.0: resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7" integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw== -commander@9.2.0: - version "9.2.0" - resolved "https://registry.yarnpkg.com/commander/-/commander-9.2.0.tgz#6e21014b2ed90d8b7c9647230d8b7a94a4a419a9" - integrity sha512-e2i4wANQiSXgnrBlIatyHtP1odfUp0BbV5Y5nEGbxtIrStkEOAAzCUirvLBNXHLr7kwLvJl6V+4V3XV9x7Wd9w== - commander@^10.0.0: version "10.0.1" resolved "https://registry.yarnpkg.com/commander/-/commander-10.0.1.tgz#881ee46b4f77d1c1dccc5823433aa39b022cbe06" @@ -12277,11 +12236,6 @@ eslint@^8.57.0: strip-ansi "^6.0.1" text-table "^0.2.0" -esm@^3.2.25: - version "3.2.25" - resolved "https://registry.yarnpkg.com/esm/-/esm-3.2.25.tgz#342c18c29d56157688ba5ce31f8431fbb795cc10" - integrity sha512-U1suiZ2oDVWv4zPO56S0NcR5QriEahGtdN2OR6FiOG4WJvcjBVFB0qI4+eKoWFH483PKGuLuu6V8Z4T5g63UVA== - esniff@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/esniff/-/esniff-2.0.1.tgz#a4d4b43a5c71c7ec51c51098c1d8a29081f9b308" @@ -15569,21 +15523,12 @@ itty-router@^5.0.9: resolved "https://registry.yarnpkg.com/itty-router/-/itty-router-5.0.17.tgz#e5a015756bfc420ea20f09da80935a7feb8c4ef8" integrity sha512-ZHnPI0OOyTTLuNp2FdciejYaK4Wl3ZV3O0yEm8njOGggh/k/ek3BL7X2I5YsCOfc5vLhIJgj3Z4pUtLs6k9Ucg== -jackspeak@^3.1.2: - version "3.4.3" - resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a" - integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw== - dependencies: - "@isaacs/cliui" "^8.0.2" - optionalDependencies: - "@pkgjs/parseargs" "^0.11.0" - -jackspeak@^4.0.1: - version "4.0.1" - resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-4.0.1.tgz#9fca4ce961af6083e259c376e9e3541431f5287b" - integrity sha512-cub8rahkh0Q/bw1+GxP7aeSe29hHHn2V4m29nnDlvCdlgU+3UGxkZp7Z53jLUdpX3jdTO0nJZUDl3xvbWc2Xog== +jackspeak@2.1.1, jackspeak@^3.1.2, jackspeak@^4.0.1: + version "2.1.1" + resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.1.1.tgz#2a42db4cfbb7e55433c28b6f75d8b796af9669cd" + integrity sha512-juf9stUEwUaILepraGOWIJTLwg48bUnBmRqd2ln2Os1sW987zeoj/hzhbvRB95oMuS2ZTpjULmdwHNX4rzZIZw== dependencies: - "@isaacs/cliui" "^8.0.2" + cliui "^8.0.1" optionalDependencies: "@pkgjs/parseargs" "^0.11.0" @@ -16281,7 +16226,14 @@ just-extend@^4.0.2: resolved "https://registry.yarnpkg.com/just-extend/-/just-extend-4.2.1.tgz#ef5e589afb61e5d66b24eca749409a8939a8c744" integrity sha512-g3UB796vUFIY90VIv/WX3L2c8CS2MdWUww3CNrYmqza1Fg0DURc2K/O4YrnklBdQarSJ/y8JnJYDGc+1iumQjg== -katex@^0.16.4, katex@^0.16.9: +katex@^0.16: + version "0.16.11" + resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.11.tgz#4bc84d5584f996abece5f01c6ad11304276a33f5" + integrity sha512-RQrI8rlHY92OLf3rho/Ts8i/XvjgguEjOkO1BEXcU3N8BqPpSzBNwV/G0Ukr+P/l3ivvJUE/Fa/CwbS6HesGNQ== + dependencies: + commander "^8.3.0" + +katex@^0.16.9: version "0.16.10" resolved "https://registry.yarnpkg.com/katex/-/katex-0.16.10.tgz#6f81b71ac37ff4ec7556861160f53bc5f058b185" integrity sha512-ZiqaC04tp2O5utMsl2TEZTXxa6WSC4yo0fv5ML++D3QZv/vx2Mct0mTlRx3O+uUkjfuAgOkzsCmq5MiUEsDDdA== @@ -16377,13 +16329,6 @@ lazy-universal-dotenv@^4.0.0: dotenv "^16.0.0" dotenv-expand "^10.0.0" -"legacy-swc-helpers@npm:@swc/helpers@=0.4.14": - version "0.4.14" - resolved "https://registry.yarnpkg.com/@swc/helpers/-/helpers-0.4.14.tgz#1352ac6d95e3617ccb7c1498ff019654f1e12a74" - integrity sha512-4C7nX/dvpzB7za4Ql9K81xK3HPxCpHMgwTZVyf+9JQ6VUbn9jjZVN7/Nkdz/Ugzs2CSjqnL/UPXroiVBVHUWUw== - dependencies: - tslib "^2.4.0" - leven@^3.1.0: version "3.1.0" resolved "https://registry.yarnpkg.com/leven/-/leven-3.1.0.tgz#77891de834064cccba82ae7842bb6b14a13ed7f2" @@ -16784,18 +16729,16 @@ lz-string@^1.4.4, lz-string@^1.5.0: resolved "https://registry.yarnpkg.com/lz-string/-/lz-string-1.5.0.tgz#c1ab50f77887b712621201ba9fd4e3a6ed099941" integrity sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ== -mafs@^0.17.1: - version "0.17.1" - resolved "https://registry.yarnpkg.com/mafs/-/mafs-0.17.1.tgz#86341daba19b38c306a5d60306bf9005fe93a78c" - integrity sha512-pMUeBUHLwjp4N/4oFkcPrlhP6uncIylZAaUa4OgEql8R2u5WdJ76/MishoPahakSCFYoyKVBJYI7i5c2/Y7nMw== +mafs@^0.20.0: + version "0.20.1" + resolved "https://registry.yarnpkg.com/mafs/-/mafs-0.20.1.tgz#d447f6ab05df03c901982c18dd9ef3f1663cfced" + integrity sha512-EOgHHsVxWq7oGmdUJhZJ+Fr3b37xP1i3EBWuQahy/3ZOiOo2xvxLd6KChF1Lf00b6xRvOFyixuHpWexBE8uffA== dependencies: - "@react-hook/resize-observer" "^1.2.6" - "@swc/helpers" "^0.4.14" - "@use-gesture/react" "^10.2.23" + "@use-gesture/react" "^10.2.27" computer-modern "^0.1.2" - katex "^0.16.4" + katex "^0.16" tiny-invariant "^1.3.1" - use-resize-observer "^9.0.0" + use-resize-observer "^9" magic-string@^0.27.0: version "0.27.0" @@ -16909,16 +16852,6 @@ marked@^4.0.15, marked@^4.3.0: resolved "https://registry.yarnpkg.com/marked/-/marked-4.3.0.tgz#796362821b019f734054582038b116481b456cf3" integrity sha512-PRsaiG84bK+AMvxziE/lCFss8juXjNaWzVbN5tXAm4XjeaS9NAHhop+PjQxz2A9h8Q4M/xGmzP8vqNwy6JeK0A== -mathjax-full@^3.2.2: - version "3.2.2" - resolved "https://registry.yarnpkg.com/mathjax-full/-/mathjax-full-3.2.2.tgz#43f02e55219db393030985d2b6537ceae82f1fa7" - integrity sha512-+LfG9Fik+OuI8SLwsiR02IVdjcnRCy5MufYLi0C3TdMT56L/pjB0alMVGgoWJF8pN9Rc7FESycZB9BMNWIid5w== - dependencies: - esm "^3.2.25" - mhchemparser "^4.1.0" - mj-context-menu "^0.6.1" - speech-rule-engine "^4.0.6" - mdast-util-directive@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/mdast-util-directive/-/mdast-util-directive-3.0.0.tgz#3fb1764e705bbdf0afb0d3f889e4404c3e82561f" @@ -17355,11 +17288,6 @@ methods@~1.1.2: resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee" integrity sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w== -mhchemparser@^4.1.0: - version "4.2.1" - resolved "https://registry.yarnpkg.com/mhchemparser/-/mhchemparser-4.2.1.tgz#d73982e66bc06170a85b1985600ee9dabe157cb0" - integrity sha512-kYmyrCirqJf3zZ9t/0wGgRZ4/ZJw//VwaRVGA75C4nhE60vtnIzhl9J9ndkX/h6hxSN7pjg/cE0VxbnNM+bnDQ== - micromark-core-commonmark@^1.0.1: version "1.1.0" resolved "https://registry.yarnpkg.com/micromark-core-commonmark/-/micromark-core-commonmark-1.1.0.tgz#1386628df59946b2d39fb2edfd10f3e8e0a75bb8" @@ -18201,11 +18129,6 @@ mixpanel-browser@2.52.0: dependencies: rrweb "2.0.0-alpha.13" -mj-context-menu@^0.6.1: - version "0.6.1" - resolved "https://registry.yarnpkg.com/mj-context-menu/-/mj-context-menu-0.6.1.tgz#a043c5282bf7e1cf3821de07b13525ca6f85aa69" - integrity sha512-7NO5s6n10TIV96d4g2uDpG7ZDpIhMh0QNfGdJw/W47JswFcosz457wqz/b5sAKvl12sxINGFCn80NZHKwxQEXA== - mkdirp-classic@^0.5.2, mkdirp-classic@^0.5.3: version "0.5.3" resolved "https://registry.yarnpkg.com/mkdirp-classic/-/mkdirp-classic-0.5.3.tgz#fa10c9115cc6d8865be221ba47ee9bed78601113" @@ -20666,7 +20589,7 @@ prepend-http@^1.0.1: resolved "https://registry.yarnpkg.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc" integrity sha512-PhmXi5XmoyKw1Un4E+opM2KcsJInDvKyuOumcjjw3waw86ZNjHwVUOOWLc4bCzLdcKNaWBH9e99sbWzDQsVaYg== -"prettier-fallback@npm:prettier@^3", prettier@^3.1.1, prettier@^3.3.2: +"prettier-fallback@npm:prettier@^3": version "3.3.2" resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.2.tgz#03ff86dc7c835f2d2559ee76876a3914cec4a90a" integrity sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA== @@ -20688,6 +20611,11 @@ prettier@^2.7.1: resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da" integrity sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q== +prettier@^3.1.1, prettier@^3.3.2: + version "3.3.2" + resolved "https://registry.yarnpkg.com/prettier/-/prettier-3.3.2.tgz#03ff86dc7c835f2d2559ee76876a3914cec4a90a" + integrity sha512-rAVeHYMcv8ATV5d508CFdn+8/pHPpXeIid1DdrPwXnaAdH7cqjVbpJaT5eq4yRAFU/lsbwYwSF/n5iNrdJHPQA== + pretty-bytes@^4.0.2: version "4.0.2" resolved "https://registry.yarnpkg.com/pretty-bytes/-/pretty-bytes-4.0.2.tgz#b2bf82e7350d65c6c33aa95aaa5a4f6327f61cd9" @@ -22370,14 +22298,7 @@ responselike@^3.0.0: dependencies: lowercase-keys "^3.0.0" -resq@1.10.2: - version "1.10.2" - resolved "https://registry.yarnpkg.com/resq/-/resq-1.10.2.tgz#cedf4f20d53f6e574b1e12afbda446ad9576c193" - integrity sha512-HmgVS3j+FLrEDBTDYysPdPVF9/hioDMJ/otOiQDKqk77YfZeeLOj0qi34yObumcud1gBpk+wpBTEg4kMicD++A== - dependencies: - fast-deep-equal "^2.0.1" - -resq@^1.11.0: +resq@1.10.2, resq@^1.11.0: version "1.11.0" resolved "https://registry.yarnpkg.com/resq/-/resq-1.11.0.tgz#edec8c58be9af800fd628118c0ca8815283de196" integrity sha512-G10EBz+zAAy3zUd/CDoBbXRL6ia9kOo3xRHrMDsHljI0GDkhYlyjwoCx5+3eCC4swi1uCoZQhskuJkj7Gp57Bw== @@ -23399,15 +23320,6 @@ spdy@^4.0.2: select-hose "^2.0.0" spdy-transport "^3.0.0" -speech-rule-engine@^4.0.6: - version "4.0.7" - resolved "https://registry.yarnpkg.com/speech-rule-engine/-/speech-rule-engine-4.0.7.tgz#b655dacbad3dae04acc0f7665e26ef258397dd09" - integrity sha512-sJrL3/wHzNwJRLBdf6CjJWIlxC04iYKkyXvYSVsWVOiC2DSkHmxsqOhEeMsBA9XK+CHuNcsdkbFDnoUfAsmp9g== - dependencies: - commander "9.2.0" - wicked-good-xpath "1.3.0" - xmldom-sre "0.1.31" - split-string@^3.0.1, split-string@^3.0.2: version "3.1.0" resolved "https://registry.yarnpkg.com/split-string/-/split-string-3.1.0.tgz#7cb09dda3a86585705c64b39a6466038682e8fe2" @@ -23633,15 +23545,6 @@ string-to-arraybuffer@^1.0.0: atob-lite "^2.0.0" is-base64 "^0.1.0" -"string-width-cjs@npm:string-width@^4.2.0", "string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: - version "4.2.3" - resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" - integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== - dependencies: - emoji-regex "^8.0.0" - is-fullwidth-code-point "^3.0.0" - strip-ansi "^6.0.1" - string-width@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3" @@ -23651,6 +23554,15 @@ string-width@^1.0.1: is-fullwidth-code-point "^1.0.0" strip-ansi "^3.0.0" +"string-width@^1.0.2 || 2 || 3 || 4", string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^6.0.1" + string-width@^2.0.0, string-width@^2.1.0: version "2.1.1" resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e" @@ -23764,13 +23676,6 @@ stringify-object@^3.3.0: is-obj "^1.0.1" is-regexp "^1.0.0" -"strip-ansi-cjs@npm:strip-ansi@^6.0.1", strip-ansi@^6.0.0, strip-ansi@^6.0.1: - version "6.0.1" - resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" - integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== - dependencies: - ansi-regex "^5.0.1" - strip-ansi@^3.0.0, strip-ansi@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf" @@ -23785,6 +23690,13 @@ strip-ansi@^4.0.0: dependencies: ansi-regex "^3.0.0" +strip-ansi@^6.0.0, strip-ansi@^6.0.1: + version "6.0.1" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" + integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== + dependencies: + ansi-regex "^5.0.1" + strip-ansi@^7.0.1, strip-ansi@^7.1.0: version "7.1.0" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-7.1.0.tgz#d5b6568ca689d8561370b0707685d22434faff45" @@ -25185,7 +25097,7 @@ use-callback-ref@^1.3.0: dependencies: tslib "^2.0.0" -use-resize-observer@^9.0.0: +use-resize-observer@^9: version "9.1.0" resolved "https://registry.yarnpkg.com/use-resize-observer/-/use-resize-observer-9.1.0.tgz#14735235cf3268569c1ea468f8a90c5789fc5c6c" integrity sha512-R25VqO9Wb3asSD4eqtcxk8sJalvIOYBqS8MNZlpDSQ4l4xMQxC/J7Id9HoTqPq8FwULIn0PVW+OAqF2dyYbjow== @@ -25858,11 +25770,6 @@ why-is-node-running@^2.2.2: siginfo "^2.0.0" stackback "0.0.2" -wicked-good-xpath@1.3.0: - version "1.3.0" - resolved "https://registry.yarnpkg.com/wicked-good-xpath/-/wicked-good-xpath-1.3.0.tgz#81b0e95e8650e49c94b22298fff8686b5553cf6c" - integrity sha512-Gd9+TUn5nXdwj/hFsPVx5cuHHiF5Bwuc30jZ4+ronF1qHK5O7HD0sgmXWSEgwKquT3ClLoKPVbO6qGwVwLzvAw== - wide-align@^1.1.0: version "1.1.5" resolved "https://registry.yarnpkg.com/wide-align/-/wide-align-1.1.5.tgz#df1d4c206854369ecf3c9a4898f1b23fbd9d15d3" @@ -25906,15 +25813,6 @@ workerpool@^6.5.1: resolved "https://registry.yarnpkg.com/workerpool/-/workerpool-6.5.1.tgz#060f73b39d0caf97c6db64da004cd01b4c099544" integrity sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA== -"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0", wrap-ansi@^7.0.0: - version "7.0.0" - resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" - integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== - dependencies: - ansi-styles "^4.0.0" - string-width "^4.1.0" - strip-ansi "^6.0.0" - wrap-ansi@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85" @@ -25932,6 +25830,15 @@ wrap-ansi@^6.2.0: string-width "^4.1.0" strip-ansi "^6.0.0" +wrap-ansi@^7.0.0: + version "7.0.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" + integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + wrap-ansi@^8.0.1, wrap-ansi@^8.1.0: version "8.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-8.1.0.tgz#56dc22368ee570face1b49819975d9b9a5ead214" @@ -26023,11 +25930,6 @@ xmlchars@^2.2.0: resolved "https://registry.yarnpkg.com/xmlchars/-/xmlchars-2.2.0.tgz#060fe1bcb7f9c76fe2a17db86a9bc3ab894210cb" integrity sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw== -xmldom-sre@0.1.31: - version "0.1.31" - resolved "https://registry.yarnpkg.com/xmldom-sre/-/xmldom-sre-0.1.31.tgz#10860d5bab2c603144597d04bf2c4980e98067f4" - integrity sha512-f9s+fUkX04BxQf+7mMWAp5zk61pciie+fFLC9hX9UVvCeJQfNHRHXpeo5MPcR0EUf57PYLdt+ZO4f3Ipk2oZUw== - xtend@^4.0.0, xtend@~4.0.1: version "4.0.2" resolved "https://registry.yarnpkg.com/xtend/-/xtend-4.0.2.tgz#bb72779f5fa465186b1f438f674fa347fdb5db54" From 08a2aa87ddcea2d568970c3901565a5513037b6e Mon Sep 17 00:00:00 2001 From: AlexBxl Date: Fri, 22 Nov 2024 09:55:01 +0100 Subject: [PATCH 2/8] @tokens-studio icons are now imported individually --- .../components/colorPicker/InputPopover.tsx | 2 +- .../src/components/commandPalette/index.tsx | 2 +- .../src/components/controls/array.tsx | 4 ++- .../src/components/controls/color.tsx | 2 +- .../src/components/controls/numeric.tsx | 2 +- .../src/components/controls/slider.tsx | 2 +- .../src/components/controls/string.tsx | 2 +- .../src/components/controls/text.tsx | 2 +- .../src/components/debugger/player.tsx | 14 ++++---- .../src/components/dialogs/findDialog.tsx | 2 +- .../src/components/flow/nodes/noteNode.tsx | 2 +- .../src/components/menubar/defaults.tsx | 16 ++++----- .../src/components/panels/alignment/index.tsx | 14 ++++---- .../components/panels/dropPanel/dropPanel.tsx | 2 +- .../src/components/panels/graph/index.tsx | 2 +- .../src/components/panels/inputs/index.tsx | 2 +- .../src/components/panels/logs/index.tsx | 2 +- .../src/components/portPanel/index.tsx | 14 ++++---- .../components/toolbar/buttons/download.tsx | 2 +- .../components/toolbar/buttons/settings.tsx | 2 +- .../src/components/toolbar/buttons/upload.tsx | 2 +- .../src/components/toolbar/dropdowns/add.tsx | 3 +- .../components/toolbar/dropdowns/align.tsx | 18 +++++----- .../src/components/toolbar/dropdowns/help.tsx | 2 +- .../components/toolbar/dropdowns/layout.tsx | 2 +- .../src/components/toolbar/dropdowns/zoom.tsx | 2 +- .../toolbar/groups/playControls.tsx | 4 ++- .../src/editor/layoutController.tsx | 4 ++- packages/graph-editor/src/registry/icon.tsx | 14 ++++---- packages/nodes-audio/src/ui/index.tsx | 2 +- packages/nodes-design-tokens/src/ui/index.tsx | 3 +- packages/nodes-fs/src/ui/index.tsx | 2 +- packages/nodes-image/src/ui/index.tsx | 2 +- packages/ui/src/app/dashboard/clientPage.tsx | 20 +++++------ .../ui/src/app/marketplace/clientPage.tsx | 3 +- .../app/marketplace/graph/[id]/clientPage.tsx | 3 +- .../marketplace/publish/[id]/clientPage.tsx | 2 +- .../ui/src/components/EmptyStateEditor.tsx | 4 ++- packages/ui/src/components/ExamplesPicker.tsx | 2 +- packages/ui/src/components/editor/menu.tsx | 2 +- .../ui/src/components/editor/panelItems.tsx | 32 ++++++++--------- packages/ui/src/components/editor/toolbar.tsx | 4 ++- packages/ui/src/components/rail.tsx | 5 ++- packages/ui/src/components/share/index.tsx | 3 +- .../app/src/data/panelItems.tsx | 34 +++++++++---------- 45 files changed, 133 insertions(+), 133 deletions(-) diff --git a/packages/graph-editor/src/components/colorPicker/InputPopover.tsx b/packages/graph-editor/src/components/colorPicker/InputPopover.tsx index ddaf835b..ef31f8a5 100644 --- a/packages/graph-editor/src/components/colorPicker/InputPopover.tsx +++ b/packages/graph-editor/src/components/colorPicker/InputPopover.tsx @@ -1,7 +1,7 @@ import * as Popover from '@radix-ui/react-popover'; -import { Xmark } from '@tokens-studio/icons'; import { keyframes, styled } from '@/lib/stitches/index.js'; import React from 'react'; +import Xmark from '@tokens-studio/icons/Xmark.js'; interface IInputPopover { children: React.ReactNode; diff --git a/packages/graph-editor/src/components/commandPalette/index.tsx b/packages/graph-editor/src/components/commandPalette/index.tsx index 110e96e8..71ed5889 100644 --- a/packages/graph-editor/src/components/commandPalette/index.tsx +++ b/packages/graph-editor/src/components/commandPalette/index.tsx @@ -8,7 +8,6 @@ import { import { Node } from '@tokens-studio/graph-engine'; import { NodeRequest } from '@/editor/actions/createNode.js'; import { Node as ReactFlowNode, useReactFlow } from 'reactflow'; -import { Search } from '@tokens-studio/icons'; import { isActiveElementTextEditable } from '@/utils/isActiveElementTextEditable.js'; import { observer } from 'mobx-react-lite'; import { showNodesCmdPaletteSelector } from '@/redux/selectors/ui.js'; @@ -16,6 +15,7 @@ import { styled } from '@/lib/stitches/index.js'; import { useDispatch, useSelector } from 'react-redux'; import { useSelectAddedNodes } from '@/hooks/useSelectAddedNodes.js'; import React from 'react'; +import Search from '@tokens-studio/icons/Search.js'; export interface ICommandMenu { items: DropPanelStore; diff --git a/packages/graph-editor/src/components/controls/array.tsx b/packages/graph-editor/src/components/controls/array.tsx index 2a92cffb..73d83b86 100644 --- a/packages/graph-editor/src/components/controls/array.tsx +++ b/packages/graph-editor/src/components/controls/array.tsx @@ -19,13 +19,15 @@ import { TextInput, } from '@tokens-studio/ui'; import { ColorPickerPopover } from '../colorPicker/index.js'; -import { FloppyDisk, Minus, Plus } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { JSONTree } from 'react-json-tree'; import { delayedUpdateSelector } from '@/redux/selectors/index.js'; import { observer } from 'mobx-react-lite'; import { toJS } from 'mobx'; import { useSelector } from 'react-redux'; +import FloppyDisk from '@tokens-studio/icons/FloppyDisk.js'; +import Minus from '@tokens-studio/icons/Minus.js'; +import Plus from '@tokens-studio/icons/Plus.js'; import React, { useCallback } from 'react'; const inputItemTypes = [STRING, NUMBER, COLOR]; diff --git a/packages/graph-editor/src/components/controls/color.tsx b/packages/graph-editor/src/components/controls/color.tsx index a11bf52a..bbafac8b 100644 --- a/packages/graph-editor/src/components/controls/color.tsx +++ b/packages/graph-editor/src/components/controls/color.tsx @@ -1,11 +1,11 @@ import { Box, IconButton, Stack, Text } from '@tokens-studio/ui'; import { ColorPickerPopover } from '../colorPicker/index.js'; -import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { Input, hexToColor, toColor, toHex } from '@tokens-studio/graph-engine'; import { delayedUpdateSelector } from '@/redux/selectors/index.js'; import { observer } from 'mobx-react-lite'; import { useSelector } from 'react-redux'; +import FloppyDisk from '@tokens-studio/icons/FloppyDisk.js'; import React, { useCallback } from 'react'; export const ColorField = observer(({ port, readOnly }: IField) => { diff --git a/packages/graph-editor/src/components/controls/numeric.tsx b/packages/graph-editor/src/components/controls/numeric.tsx index 577e1869..6bb608bd 100644 --- a/packages/graph-editor/src/components/controls/numeric.tsx +++ b/packages/graph-editor/src/components/controls/numeric.tsx @@ -1,10 +1,10 @@ -import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { IconButton, Stack, TextInput } from '@tokens-studio/ui'; import { Input } from '@tokens-studio/graph-engine'; import { delayedUpdateSelector } from '@/redux/selectors/index.js'; import { observer } from 'mobx-react-lite'; import { useSelector } from 'react-redux'; +import FloppyDisk from '@tokens-studio/icons/FloppyDisk.js'; import React, { useCallback } from 'react'; export const NumericField = observer(({ port, readOnly }: IField) => { diff --git a/packages/graph-editor/src/components/controls/slider.tsx b/packages/graph-editor/src/components/controls/slider.tsx index eeb54070..a7ee58a4 100644 --- a/packages/graph-editor/src/components/controls/slider.tsx +++ b/packages/graph-editor/src/components/controls/slider.tsx @@ -1,4 +1,3 @@ -import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { IconButton, Stack, Text } from '@tokens-studio/ui'; import { Input } from '@tokens-studio/graph-engine'; @@ -6,6 +5,7 @@ import { Slider } from '../slider/index.js'; import { delayedUpdateSelector } from '@/redux/selectors/index.js'; import { observer } from 'mobx-react-lite'; import { useSelector } from 'react-redux'; +import FloppyDisk from '@tokens-studio/icons/FloppyDisk.js'; import React, { useCallback } from 'react'; export const SliderField = observer(({ port, readOnly }: IField) => { diff --git a/packages/graph-editor/src/components/controls/string.tsx b/packages/graph-editor/src/components/controls/string.tsx index 87eac663..438b53bd 100644 --- a/packages/graph-editor/src/components/controls/string.tsx +++ b/packages/graph-editor/src/components/controls/string.tsx @@ -1,10 +1,10 @@ -import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { IconButton, Stack, Text, TextInput } from '@tokens-studio/ui'; import { Input } from '@tokens-studio/graph-engine'; import { delayedUpdateSelector } from '@/redux/selectors/index.js'; import { observer } from 'mobx-react-lite'; import { useSelector } from 'react-redux'; +import FloppyDisk from '@tokens-studio/icons/FloppyDisk.js'; import React, { useEffect } from 'react'; export const Textfield = observer(({ port, readOnly }: IField) => { diff --git a/packages/graph-editor/src/components/controls/text.tsx b/packages/graph-editor/src/components/controls/text.tsx index 5655403b..33b5ad6c 100644 --- a/packages/graph-editor/src/components/controls/text.tsx +++ b/packages/graph-editor/src/components/controls/text.tsx @@ -1,10 +1,10 @@ -import { FloppyDisk } from '@tokens-studio/icons'; import { IField } from './interface.js'; import { IconButton, Textarea as UITextarea } from '@tokens-studio/ui'; import { Input } from '@tokens-studio/graph-engine'; import { delayedUpdateSelector } from '@/redux/selectors/index.js'; import { observer } from 'mobx-react-lite'; import { useSelector } from 'react-redux'; +import FloppyDisk from '@tokens-studio/icons/FloppyDisk.js'; import React, { useEffect } from 'react'; export const TextArea = observer(({ port, readOnly }: IField) => { diff --git a/packages/graph-editor/src/components/debugger/player.tsx b/packages/graph-editor/src/components/debugger/player.tsx index 4dd34904..a2337258 100644 --- a/packages/graph-editor/src/components/debugger/player.tsx +++ b/packages/graph-editor/src/components/debugger/player.tsx @@ -1,15 +1,13 @@ import { DebugInfo } from './data.js'; import { IconButton, Select, Stack, Text } from '@tokens-studio/ui'; -import { - Pause, - Play, - Trash, - UndoAction, - ZoomIn, - ZoomOut, -} from '@tokens-studio/icons'; import { TimelineState } from '@xzdarcy/react-timeline-editor'; +import Pause from '@tokens-studio/icons/Pause.js'; +import Play from '@tokens-studio/icons/Play.js'; import React, { useEffect, useState } from 'react'; +import Trash from '@tokens-studio/icons/Trash.js'; +import UndoAction from '@tokens-studio/icons/UndoAction.js'; +import ZoomIn from '@tokens-studio/icons/ZoomIn.js'; +import ZoomOut from '@tokens-studio/icons/ZoomOut.js'; export const scaleWidth = 160; export const scale = 5; diff --git a/packages/graph-editor/src/components/dialogs/findDialog.tsx b/packages/graph-editor/src/components/dialogs/findDialog.tsx index a35309a8..d9af3359 100644 --- a/packages/graph-editor/src/components/dialogs/findDialog.tsx +++ b/packages/graph-editor/src/components/dialogs/findDialog.tsx @@ -1,5 +1,4 @@ import { Button, Dialog, IconButton, Text, TextInput } from '@tokens-studio/ui'; -import { Xmark } from '@tokens-studio/icons'; import { title as annotatedTitle } from '@/annotations/index.js'; import { graphEditorSelector, @@ -8,6 +7,7 @@ import { import { useDispatch, useGraph } from '@/hooks/index.js'; import { useSelector } from 'react-redux'; import React from 'react'; +import Xmark from '@tokens-studio/icons/Xmark.js'; export const FindDialog = () => { const [id, setId] = React.useState(''); diff --git a/packages/graph-editor/src/components/flow/nodes/noteNode.tsx b/packages/graph-editor/src/components/flow/nodes/noteNode.tsx index 7804aa6a..3704a88e 100644 --- a/packages/graph-editor/src/components/flow/nodes/noteNode.tsx +++ b/packages/graph-editor/src/components/flow/nodes/noteNode.tsx @@ -1,11 +1,11 @@ import { BaseNodeWrapper } from '../wrapper/base.js'; import { Box, IconButton, Textarea } from '@tokens-studio/ui'; -import { EditPencil } from '@tokens-studio/icons'; import { Node } from '@tokens-studio/graph-engine'; import { NodeProps, NodeResizer } from 'reactflow'; import { description, title } from '@/annotations/index.js'; import { observer } from 'mobx-react-lite'; import { useLocalGraph } from '@/context/graph.js'; +import EditPencil from '@tokens-studio/icons/EditPencil.js'; import Markdown from 'react-markdown'; import React from 'react'; diff --git a/packages/graph-editor/src/components/menubar/defaults.tsx b/packages/graph-editor/src/components/menubar/defaults.tsx index f6b94227..dd62d6a2 100644 --- a/packages/graph-editor/src/components/menubar/defaults.tsx +++ b/packages/graph-editor/src/components/menubar/defaults.tsx @@ -1,13 +1,4 @@ import { AlignmentPanel } from '../panels/alignment/index.js'; -import { - Archive, - Cpu, - Download, - PagePlusIn, - Play, - Settings as SettingsIcon, - Upload, -} from '@tokens-studio/icons'; import { DebugPanel } from '../panels/debugger/index.js'; import { DropPanel } from '../panels/dropPanel/index.js'; import { GraphPanel } from '../panels/graph/index.js'; @@ -30,7 +21,14 @@ import { import { title } from '@/annotations/index.js'; import { useDispatch } from '@/hooks/index.js'; import { useSelector } from 'react-redux'; +import Archive from '@tokens-studio/icons/Archive.js'; +import Cpu from '@tokens-studio/icons/Cpu.js'; +import Download from '@tokens-studio/icons/Download.js'; +import PagePlusIn from '@tokens-studio/icons/PagePlusIn.js'; +import Play from '@tokens-studio/icons/Play.js'; import React, { MutableRefObject, useCallback } from 'react'; +import SettingsIcon from '@tokens-studio/icons/Settings.js'; +import Upload from '@tokens-studio/icons/Upload.js'; import type { DockLayout } from 'rc-dock'; export interface IWindowButton { diff --git a/packages/graph-editor/src/components/panels/alignment/index.tsx b/packages/graph-editor/src/components/panels/alignment/index.tsx index 60398816..8a646b3f 100644 --- a/packages/graph-editor/src/components/panels/alignment/index.tsx +++ b/packages/graph-editor/src/components/panels/alignment/index.tsx @@ -1,11 +1,3 @@ -import { - AlignHorizontalCenters, - AlignVerticalCenters, - CompAlignBottom, - CompAlignLeft, - CompAlignRight, - CompAlignTop, -} from '@tokens-studio/icons'; import { AlignHorizontalCentersSolid, AlignVerticalCentersSolid, @@ -18,6 +10,12 @@ import { Box, IconButton, Stack, Text } from '@tokens-studio/ui'; import { Node } from 'reactflow'; import { graphEditorSelector } from '@/redux/selectors/index.js'; import { useSelector } from 'react-redux'; +import AlignHorizontalCenters from '@tokens-studio/icons/AlignHorizontalCenters.js'; +import AlignVerticalCenters from '@tokens-studio/icons/AlignVerticalCenters.js'; +import CompAlignBottom from '@tokens-studio/icons/CompAlignBottom.js'; +import CompAlignLeft from '@tokens-studio/icons/CompAlignLeft.js'; +import CompAlignRight from '@tokens-studio/icons/CompAlignRight.js'; +import CompAlignTop from '@tokens-studio/icons/CompAlignTop.js'; import React from 'react'; const partitionSelectedNodes = (nodes: Node[]) => { diff --git a/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx b/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx index 4dca6b6b..e2b42d27 100644 --- a/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx +++ b/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx @@ -2,12 +2,12 @@ import { Accordion, Box, Stack, Text, TextInput } from '@tokens-studio/ui'; import { DragItem } from './DragItem.js'; import { DropPanelStore } from './data.js'; import { IconoirProvider } from 'iconoir-react'; -import { NavArrowRight } from '@tokens-studio/icons'; import { NodeEntry } from './NodeEntry.js'; import { observer } from 'mobx-react-lite'; import { panelItemsSelector } from '@/redux/selectors/registry.js'; import { styled } from '@/lib/stitches/index.js'; import { useSelector } from 'react-redux'; +import NavArrowRight from '@tokens-studio/icons/NavArrowRight.js'; import React, { useState } from 'react'; const StyledAccordionTrigger = styled(Accordion.Trigger, { diff --git a/packages/graph-editor/src/components/panels/graph/index.tsx b/packages/graph-editor/src/components/panels/graph/index.tsx index 1a4d0c0f..19d80bf1 100644 --- a/packages/graph-editor/src/components/panels/graph/index.tsx +++ b/packages/graph-editor/src/components/panels/graph/index.tsx @@ -1,11 +1,11 @@ import { Box, IconButton, Label, Stack, TextInput } from '@tokens-studio/ui'; import React, { useState } from 'react'; -import { FloppyDisk } from '@tokens-studio/icons'; import { JSONTree } from 'react-json-tree'; import { description, title } from '@/annotations/index.js'; import { observer } from 'mobx-react-lite'; import { useGraph } from '@/hooks/useGraph.js'; +import FloppyDisk from '@tokens-studio/icons/FloppyDisk.js'; export function GraphPanel() { const graph = useGraph(); diff --git a/packages/graph-editor/src/components/panels/inputs/index.tsx b/packages/graph-editor/src/components/panels/inputs/index.tsx index c66e661f..bcf16d01 100644 --- a/packages/graph-editor/src/components/panels/inputs/index.tsx +++ b/packages/graph-editor/src/components/panels/inputs/index.tsx @@ -2,7 +2,6 @@ import { Box, Heading, IconButton, Stack } from '@tokens-studio/ui'; import React, { useMemo } from 'react'; import { DynamicInputs } from './dynamicInputs.js'; -import { InfoCircle } from '@tokens-studio/icons'; import { PortPanel } from '@/components/portPanel/index.js'; import { annotatedDynamicInputs } from '@tokens-studio/graph-engine'; import { currentNode } from '@/redux/selectors/graph.js'; @@ -10,6 +9,7 @@ import { editable } from '@/annotations/index.js'; import { inputControls } from '@/redux/selectors/registry.js'; import { useGraph } from '@/hooks/useGraph.js'; import { useSelector } from 'react-redux'; +import InfoCircle from '@tokens-studio/icons/InfoCircle.js'; export function Inputsheet() { const graph = useGraph(); diff --git a/packages/graph-editor/src/components/panels/logs/index.tsx b/packages/graph-editor/src/components/panels/logs/index.tsx index c5ab8dd5..8a03fc8a 100644 --- a/packages/graph-editor/src/components/panels/logs/index.tsx +++ b/packages/graph-editor/src/components/panels/logs/index.tsx @@ -2,10 +2,10 @@ import { Box, IconButton, Stack, Text, TextInput } from '@tokens-studio/ui'; import React, { useCallback, useEffect, useRef } from 'react'; import { JSONTree } from 'react-json-tree'; -import { Trash } from '@tokens-studio/icons'; import { logSelector } from '@/redux/selectors/graph.js'; import { useDispatch } from '@/hooks/index.js'; import { useSelector } from 'react-redux'; +import Trash from '@tokens-studio/icons/Trash.js'; export function LogsPanel() { const logs = useSelector(logSelector); diff --git a/packages/graph-editor/src/components/portPanel/index.tsx b/packages/graph-editor/src/components/portPanel/index.tsx index 357f463c..4b10e83a 100644 --- a/packages/graph-editor/src/components/portPanel/index.tsx +++ b/packages/graph-editor/src/components/portPanel/index.tsx @@ -11,20 +11,18 @@ import { observer } from 'mobx-react-lite'; import { useSelector } from 'react-redux'; import React, { useCallback, useMemo } from 'react'; -import { - Download, - EyeClosed, - MoreVert, - Puzzle, - Undo, - Xmark, -} from '@tokens-studio/icons'; import { EyeSolid } from 'iconoir-react'; import { IField } from '@/components/controls/interface.js'; import { InlineTypeLabel } from '@/components/flow/index.js'; import { controls } from '@/redux/selectors/registry.js'; import { deletable, hidden, resetable } from '@/annotations/index.js'; import { useGraph } from '@/hooks/useGraph.js'; +import Download from '@tokens-studio/icons/Download.js'; +import EyeClosed from '@tokens-studio/icons/EyeClosed.js'; +import MoreVert from '@tokens-studio/icons/MoreVert.js'; +import Puzzle from '@tokens-studio/icons/Puzzle.js'; +import Undo from '@tokens-studio/icons/Undo.js'; +import Xmark from '@tokens-studio/icons/Xmark.js'; import copy from 'copy-to-clipboard'; export interface IPortPanel { diff --git a/packages/graph-editor/src/components/toolbar/buttons/download.tsx b/packages/graph-editor/src/components/toolbar/buttons/download.tsx index 50b1c35d..1dfd1c58 100644 --- a/packages/graph-editor/src/components/toolbar/buttons/download.tsx +++ b/packages/graph-editor/src/components/toolbar/buttons/download.tsx @@ -1,8 +1,8 @@ -import { Download } from '@tokens-studio/icons'; import { IconButton, Tooltip } from '@tokens-studio/ui'; import { ImperativeEditorRef } from '@/editor/editorTypes.js'; import { mainGraphSelector } from '@/redux/selectors/graph.js'; import { useSelector } from 'react-redux'; +import Download from '@tokens-studio/icons/Download.js'; import React from 'react'; export const DownloadToolbarButton = () => { const mainGraph = useSelector(mainGraphSelector); diff --git a/packages/graph-editor/src/components/toolbar/buttons/settings.tsx b/packages/graph-editor/src/components/toolbar/buttons/settings.tsx index beca3ff1..151a0e96 100644 --- a/packages/graph-editor/src/components/toolbar/buttons/settings.tsx +++ b/packages/graph-editor/src/components/toolbar/buttons/settings.tsx @@ -1,7 +1,7 @@ import { IconButton, Tooltip } from '@tokens-studio/ui'; -import { Settings } from '@tokens-studio/icons'; import { useLayoutButton } from '../../../hooks/useLayoutButton.js'; import React from 'react'; +import Settings from '@tokens-studio/icons/Settings.js'; export const SettingsToolbarButton = () => { const onClick = useLayoutButton(); diff --git a/packages/graph-editor/src/components/toolbar/buttons/upload.tsx b/packages/graph-editor/src/components/toolbar/buttons/upload.tsx index 47ad8f55..e62a4214 100644 --- a/packages/graph-editor/src/components/toolbar/buttons/upload.tsx +++ b/packages/graph-editor/src/components/toolbar/buttons/upload.tsx @@ -1,9 +1,9 @@ import { IconButton, Tooltip } from '@tokens-studio/ui'; import { ImperativeEditorRef } from '@/editor/editorTypes.js'; -import { Upload } from '@tokens-studio/icons'; import { mainGraphSelector } from '@/redux/selectors/graph.js'; import { useSelector } from 'react-redux'; import React from 'react'; +import Upload from '@tokens-studio/icons/Upload.js'; export const UploadToolbarButton = () => { const mainGraph = useSelector(mainGraphSelector); diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/add.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/add.tsx index 7612c09e..1632953f 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/add.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/add.tsx @@ -1,11 +1,12 @@ import { Button, DropdownMenu, Stack, Tooltip } from '@tokens-studio/ui'; -import { NavArrowRight, Plus } from '@tokens-studio/icons'; import { panelItemsSelector } from '@/redux/selectors/index.js'; import { useAction } from '@/editor/actions/provider.js'; import { useDispatch } from '@/hooks/index.js'; import { useReactFlow } from 'reactflow'; import { useSelectAddedNodes } from '@/hooks/useSelectAddedNodes.js'; import { useSelector } from 'react-redux'; +import NavArrowRight from '@tokens-studio/icons/NavArrowRight.js'; +import Plus from '@tokens-studio/icons/Plus.js'; import React, { useCallback } from 'react'; const scrollbarStyle = { diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/align.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/align.tsx index 2369aa60..b8c26fd9 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/align.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/align.tsx @@ -1,18 +1,16 @@ import { ALIGNMENT, align, distribute } from '@/components/panels/index.js'; -import { - AlignHorizontalCenters, - AlignHorizontalSpacing, - AlignVerticalCenters, - AlignVerticalSpacing, - CompAlignBottom, - CompAlignLeft, - CompAlignRight, - CompAlignTop, -} from '@tokens-studio/icons'; import { DropdownMenu, IconButton, Tooltip } from '@tokens-studio/ui'; import { Node } from 'reactflow'; import { graphEditorSelector } from '@/redux/selectors/index.js'; import { useSelector } from 'react-redux'; +import AlignHorizontalCenters from '@tokens-studio/icons/AlignHorizontalCenters.js'; +import AlignHorizontalSpacing from '@tokens-studio/icons/AlignHorizontalSpacing.js'; +import AlignVerticalCenters from '@tokens-studio/icons/AlignVerticalCenters.js'; +import AlignVerticalSpacing from '@tokens-studio/icons/AlignVerticalSpacing.js'; +import CompAlignBottom from '@tokens-studio/icons/CompAlignBottom.js'; +import CompAlignLeft from '@tokens-studio/icons/CompAlignLeft.js'; +import CompAlignRight from '@tokens-studio/icons/CompAlignRight.js'; +import CompAlignTop from '@tokens-studio/icons/CompAlignTop.js'; import React from 'react'; const partitionSelectedNodes = (nodes: Node[]) => { diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/help.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/help.tsx index 3b6c0eee..aef0a8b2 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/help.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/help.tsx @@ -1,5 +1,5 @@ -import { ChatBubbleQuestion } from '@tokens-studio/icons'; import { DropdownMenu, IconButton, Tooltip } from '@tokens-studio/ui'; +import ChatBubbleQuestion from '@tokens-studio/icons/ChatBubbleQuestion.js'; import React from 'react'; export const HelpDropdown = () => ( diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/layout.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/layout.tsx index d006b3ab..258921c3 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/layout.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/layout.tsx @@ -1,8 +1,8 @@ import { DropdownMenu, IconButton, Tooltip } from '@tokens-studio/ui'; -import { LayoutLeft } from '@tokens-studio/icons'; import { dockerSelector } from '@/redux/selectors/index.js'; import { useLayoutButton } from '../../../hooks/useLayoutButton.js'; import { useSelector } from 'react-redux'; +import LayoutLeft from '@tokens-studio/icons/LayoutLeft.js'; import React, { MutableRefObject } from 'react'; import type { DockLayout } from 'rc-dock'; diff --git a/packages/graph-editor/src/components/toolbar/dropdowns/zoom.tsx b/packages/graph-editor/src/components/toolbar/dropdowns/zoom.tsx index 0a5ccb5a..99818e6a 100644 --- a/packages/graph-editor/src/components/toolbar/dropdowns/zoom.tsx +++ b/packages/graph-editor/src/components/toolbar/dropdowns/zoom.tsx @@ -1,10 +1,10 @@ import { Button, DropdownMenu } from '@tokens-studio/ui'; -import { NavArrowRight } from '@tokens-studio/icons'; import { getViewports } from '@/components/hotKeys/index.js'; import { savedViewports } from '@/annotations/index.js'; import { useLocalGraph } from '@/hooks/index.js'; import { useReactFlow, useViewport } from 'reactflow'; import { useToast } from '@/hooks/useToast.js'; +import NavArrowRight from '@tokens-studio/icons/NavArrowRight.js'; import React, { useCallback } from 'react'; export const ZoomDropdown = () => { diff --git a/packages/graph-editor/src/components/toolbar/groups/playControls.tsx b/packages/graph-editor/src/components/toolbar/groups/playControls.tsx index aa1cc976..8199d3ee 100644 --- a/packages/graph-editor/src/components/toolbar/groups/playControls.tsx +++ b/packages/graph-editor/src/components/toolbar/groups/playControls.tsx @@ -1,8 +1,10 @@ import { IconButton } from '@tokens-studio/ui'; -import { Pause, Play, Square } from '@tokens-studio/icons'; import { playStateSelector } from '@/redux/selectors/index.js'; import { useDispatch, useSelector } from 'react-redux'; +import Pause from '@tokens-studio/icons/Pause.js'; +import Play from '@tokens-studio/icons/Play.js'; import React from 'react'; +import Square from '@tokens-studio/icons/Square.js'; enum PlayState { PLAYING = 'playing', diff --git a/packages/graph-editor/src/editor/layoutController.tsx b/packages/graph-editor/src/editor/layoutController.tsx index c441621a..e31989a7 100644 --- a/packages/graph-editor/src/editor/layoutController.tsx +++ b/packages/graph-editor/src/editor/layoutController.tsx @@ -22,9 +22,11 @@ import { ErrorBoundaryContent } from '@/components/ErrorBoundaryContent.js'; import { FindDialog } from '@/components/dialogs/findDialog.js'; import { IconButton, Stack, Tooltip } from '@tokens-studio/ui'; import { MAIN_GRAPH_ID } from '@/constants.js'; -import { Maximize, Reduce, Xmark } from '@tokens-studio/icons'; import { OutputSheet } from '@/components/panels/output/index.js'; +import Maximize from '@tokens-studio/icons/Maximize.js'; import React, { MutableRefObject, useEffect, useMemo } from 'react'; +import Reduce from '@tokens-studio/icons/Reduce.js'; +import Xmark from '@tokens-studio/icons/Xmark.js'; OutputSheet; diff --git a/packages/graph-editor/src/registry/icon.tsx b/packages/graph-editor/src/registry/icon.tsx index 015167f4..aa2014ad 100644 --- a/packages/graph-editor/src/registry/icon.tsx +++ b/packages/graph-editor/src/registry/icon.tsx @@ -7,16 +7,14 @@ import { OBJECT, STRING, } from '@tokens-studio/graph-engine'; -import { - Cube, - Droplet, - EaseCurveControlPoints, - Hashtag, - InputOutput, - Text, -} from '@tokens-studio/icons'; import { SelectPoint3d } from 'iconoir-react'; +import Cube from '@tokens-studio/icons/Cube.js'; +import Droplet from '@tokens-studio/icons/Droplet.js'; +import EaseCurveControlPoints from '@tokens-studio/icons/EaseCurveControlPoints.js'; +import Hashtag from '@tokens-studio/icons/Hashtag.js'; +import InputOutput from '@tokens-studio/icons/InputOutput.js'; import React from 'react'; +import Text from '@tokens-studio/icons/Text.js'; /** * Default icons for the graph editor diff --git a/packages/nodes-audio/src/ui/index.tsx b/packages/nodes-audio/src/ui/index.tsx index e1d37d41..59d7e489 100644 --- a/packages/nodes-audio/src/ui/index.tsx +++ b/packages/nodes-audio/src/ui/index.tsx @@ -1,6 +1,6 @@ import { NODE } from '../schemas/index.js'; -import { SoundHigh } from '@tokens-studio/icons'; import React from 'react'; +import SoundHigh from '@tokens-studio/icons/SoundHigh.js'; export const icons = { [NODE]: diff --git a/packages/nodes-design-tokens/src/ui/index.tsx b/packages/nodes-design-tokens/src/ui/index.tsx index 1a0f7bd6..5e4c11d8 100644 --- a/packages/nodes-design-tokens/src/ui/index.tsx +++ b/packages/nodes-design-tokens/src/ui/index.tsx @@ -1,5 +1,6 @@ -import { CubeHole, DatabaseScript } from '@tokens-studio/icons'; import { REFERENCE, TOKEN, TOKEN_SET } from '../schemas/index.js'; +import CubeHole from '@tokens-studio/icons/CubeHole.js'; +import DatabaseScript from '@tokens-studio/icons/DatabaseScript.js'; import React from 'react'; export const icons = { diff --git a/packages/nodes-fs/src/ui/index.tsx b/packages/nodes-fs/src/ui/index.tsx index ae239917..5d1dcb38 100644 --- a/packages/nodes-fs/src/ui/index.tsx +++ b/packages/nodes-fs/src/ui/index.tsx @@ -1,5 +1,5 @@ -import { EmptyPage } from '@tokens-studio/icons'; import { FILE } from '../schemas/index.js'; +import EmptyPage from '@tokens-studio/icons/EmptyPage.js'; import React from 'react'; export const icons = { diff --git a/packages/nodes-image/src/ui/index.tsx b/packages/nodes-image/src/ui/index.tsx index 05a0a512..775b7e89 100644 --- a/packages/nodes-image/src/ui/index.tsx +++ b/packages/nodes-image/src/ui/index.tsx @@ -1,5 +1,5 @@ import { IMAGE } from '../schemas/index.js'; -import { MediaImage } from '@tokens-studio/icons'; +import MediaImage from '@tokens-studio/icons/MediaImage.js'; import React from 'react'; export const icons = { diff --git a/packages/ui/src/app/dashboard/clientPage.tsx b/packages/ui/src/app/dashboard/clientPage.tsx index 907b8870..8876d72a 100644 --- a/packages/ui/src/app/dashboard/clientPage.tsx +++ b/packages/ui/src/app/dashboard/clientPage.tsx @@ -1,16 +1,5 @@ 'use client'; -import { - Book, - Download, - EditPencil, - GraphUp, - MoreVert, - Plus, - Search, - Upload, - Xmark -} from '@tokens-studio/icons'; import { Box, Button, @@ -28,8 +17,17 @@ import { client } from '@/api/sdk/index.ts'; import { useErrorToast, useToast } from '@/hooks/useToast.tsx'; import { useQueryClient } from '@tanstack/react-query'; import { useRouter } from 'next/navigation.js'; +import Book from '@tokens-studio/icons/Book.js'; +import Download from '@tokens-studio/icons/Download.js'; +import EditPencil from '@tokens-studio/icons/EditPencil.js'; +import GraphUp from '@tokens-studio/icons/GraphUp.js'; import Link from 'next/link.js'; +import MoreVert from '@tokens-studio/icons/MoreVert.js'; +import Plus from '@tokens-studio/icons/Plus.js'; import React, { useCallback, useEffect, useState } from 'react'; +import Search from '@tokens-studio/icons/Search.js'; +import Upload from '@tokens-studio/icons/Upload.js'; +import Xmark from '@tokens-studio/icons/Xmark.js'; import ago from 's-ago'; const GraphItem = ({ id, name, updatedAt }) => { diff --git a/packages/ui/src/app/marketplace/clientPage.tsx b/packages/ui/src/app/marketplace/clientPage.tsx index 7ee8ac78..5a63b03e 100644 --- a/packages/ui/src/app/marketplace/clientPage.tsx +++ b/packages/ui/src/app/marketplace/clientPage.tsx @@ -7,10 +7,11 @@ import { Stack, Text } from '@tokens-studio/ui'; -import { Download, Heart } from '@tokens-studio/icons'; import { client } from '@/api/sdk/index.ts'; import { styled } from '@tokens-studio/graph-editor'; import { useErrorToast } from '@/hooks/useToast.tsx'; +import Download from '@tokens-studio/icons/Download.js'; +import Heart from '@tokens-studio/icons/Heart.js'; import Link from 'next/link.js'; const Wrapper = styled(Box, { diff --git a/packages/ui/src/app/marketplace/graph/[id]/clientPage.tsx b/packages/ui/src/app/marketplace/graph/[id]/clientPage.tsx index 5219b444..44cbb03a 100644 --- a/packages/ui/src/app/marketplace/graph/[id]/clientPage.tsx +++ b/packages/ui/src/app/marketplace/graph/[id]/clientPage.tsx @@ -10,11 +10,12 @@ import { Tabs, Text } from '@tokens-studio/ui'; -import { Download, Heart } from '@tokens-studio/icons'; import { ImageHolder, PreviewImage } from '../../clientPage.tsx'; import { client } from '@/api/sdk/index.ts'; import { useErrorToast } from '@/hooks/useToast.tsx'; import { useParams, useRouter } from 'next/navigation.js'; +import Download from '@tokens-studio/icons/Download.js'; +import Heart from '@tokens-studio/icons/Heart.js'; import MDEditor from '@uiw/react-md-editor'; const Page = () => { diff --git a/packages/ui/src/app/marketplace/publish/[id]/clientPage.tsx b/packages/ui/src/app/marketplace/publish/[id]/clientPage.tsx index 1eb6be21..20773f29 100644 --- a/packages/ui/src/app/marketplace/publish/[id]/clientPage.tsx +++ b/packages/ui/src/app/marketplace/publish/[id]/clientPage.tsx @@ -12,8 +12,8 @@ import { client } from '@/api/sdk/index.ts'; import { useParams, useRouter } from 'next/navigation.js'; import MDEditor from '@uiw/react-md-editor'; //Add rehype to prevent any client of injecting malicious code -import { Upload } from '@tokens-studio/icons'; import { useState } from 'react'; +import Upload from '@tokens-studio/icons/Upload.js'; import rehypeSanitize from 'rehype-sanitize'; const Page = () => { diff --git a/packages/ui/src/components/EmptyStateEditor.tsx b/packages/ui/src/components/EmptyStateEditor.tsx index b38dea53..4a220e88 100644 --- a/packages/ui/src/components/EmptyStateEditor.tsx +++ b/packages/ui/src/components/EmptyStateEditor.tsx @@ -1,7 +1,9 @@ -import { BatteryCharging, JournalPage, PagePlus } from '@tokens-studio/icons'; import { Box, Button, EmptyState, Stack } from '@tokens-studio/ui'; import { useCallback } from 'react'; import { useDispatch } from '@tokens-studio/graph-editor'; +import BatteryCharging from '@tokens-studio/icons/BatteryCharging.js'; +import JournalPage from '@tokens-studio/icons/JournalPage.js'; +import PagePlus from '@tokens-studio/icons/PagePlus.js'; import React from 'react'; import globalState from '@/mobx/index.tsx'; diff --git a/packages/ui/src/components/ExamplesPicker.tsx b/packages/ui/src/components/ExamplesPicker.tsx index 20a73479..8576fa81 100644 --- a/packages/ui/src/components/ExamplesPicker.tsx +++ b/packages/ui/src/components/ExamplesPicker.tsx @@ -1,9 +1,9 @@ import { Box, Stack, Text } from '@tokens-studio/ui'; import { Command } from 'cmdk'; import { IExample } from '../types/IExample.tsx'; -import { Search } from '@tokens-studio/icons'; import { examples } from '../data/examples/examples.tsx'; import React from 'react'; +import Search from '@tokens-studio/icons/Search.js'; const ExamplesPicker = ({ open, onClose, loadExample }) => { const handleSelectItem = (example: IExample) => { diff --git a/packages/ui/src/components/editor/menu.tsx b/packages/ui/src/components/editor/menu.tsx index d94457e1..f293363d 100644 --- a/packages/ui/src/components/editor/menu.tsx +++ b/packages/ui/src/components/editor/menu.tsx @@ -1,4 +1,3 @@ -import { Book } from '@tokens-studio/icons'; import { MenuItem, MenuItemElement, @@ -6,6 +5,7 @@ import { SubMenu, defaultMenuDataFactory } from '@tokens-studio/graph-editor'; +import Book from '@tokens-studio/icons/Book.js'; import Image from 'next/image.js'; import React from 'react'; import SlackIcon from '@/assets/svgs/slack.svg'; diff --git a/packages/ui/src/components/editor/panelItems.tsx b/packages/ui/src/components/editor/panelItems.tsx index 81f45be4..3ce0069a 100644 --- a/packages/ui/src/components/editor/panelItems.tsx +++ b/packages/ui/src/components/editor/panelItems.tsx @@ -1,20 +1,3 @@ -import { - Accessibility, - Calculator, - CodeBrackets, - CodeBracketsSquare, - Css3, - DatabaseScript, - EaseCurveControlPoints, - EditPencil, - FillColor, - SigmaFunction, - SoundHigh, - Star, - Text, - TwoPointsCircle, - Type -} from '@tokens-studio/icons'; import { EyeSolid } from 'iconoir-react'; import { PanelGroup, @@ -23,6 +6,21 @@ import { } from '@tokens-studio/graph-editor'; import { nodeLookup as audioLookup } from '@tokens-studio/graph-engine-nodes-audio'; import { nodes as designNodes } from '@tokens-studio/graph-engine-nodes-design-tokens'; +import Accessibility from '@tokens-studio/icons/Accessibility.js'; +import Calculator from '@tokens-studio/icons/Calculator.js'; +import CodeBrackets from '@tokens-studio/icons/CodeBrackets.js'; +import CodeBracketsSquare from '@tokens-studio/icons/CodeBracketsSquare.js'; +import Css3 from '@tokens-studio/icons/Css3.js'; +import DatabaseScript from '@tokens-studio/icons/DatabaseScript.js'; +import EaseCurveControlPoints from '@tokens-studio/icons/EaseCurveControlPoints.js'; +import EditPencil from '@tokens-studio/icons/EditPencil.js'; +import FillColor from '@tokens-studio/icons/FillColor.js'; +import SigmaFunction from '@tokens-studio/icons/SigmaFunction.js'; +import SoundHigh from '@tokens-studio/icons/SoundHigh.js'; +import Star from '@tokens-studio/icons/Star.js'; +import Text from '@tokens-studio/icons/Text.js'; +import TwoPointsCircle from '@tokens-studio/icons/TwoPointsCircle.js'; +import Type from '@tokens-studio/icons/Type.js'; const icons = { accessibility: , diff --git a/packages/ui/src/components/editor/toolbar.tsx b/packages/ui/src/components/editor/toolbar.tsx index 7e2e8087..de2f5d2c 100644 --- a/packages/ui/src/components/editor/toolbar.tsx +++ b/packages/ui/src/components/editor/toolbar.tsx @@ -15,7 +15,6 @@ import { } from '@tokens-studio/graph-editor'; import { AISummary } from './panels/aiSummary.tsx'; -import { FloppyDisk, Sparks, XrayView } from '@tokens-studio/icons'; import { IconButton, Tooltip } from '@tokens-studio/ui'; import { Preview } from './panels/preview.tsx'; import { ShareAndroidSolid } from 'iconoir-react'; @@ -23,7 +22,10 @@ import { SharePopover } from '../share/index.tsx'; import { client } from '@/api/sdk/index.ts'; import { useErrorToast } from '@/hooks/useToast.tsx'; import { useSelector } from 'react-redux'; +import FloppyDisk from '@tokens-studio/icons/FloppyDisk.js'; import React from 'react'; +import Sparks from '@tokens-studio/icons/Sparks.js'; +import XrayView from '@tokens-studio/icons/XrayView.js'; let origin = ''; if (typeof window !== 'undefined') { diff --git a/packages/ui/src/components/rail.tsx b/packages/ui/src/components/rail.tsx index 1068d758..d4d0a323 100644 --- a/packages/ui/src/components/rail.tsx +++ b/packages/ui/src/components/rail.tsx @@ -6,11 +6,14 @@ import { Stack, Tooltip } from '@tokens-studio/ui'; -import { GitMerge, Home, Settings, ShoppingBag } from '@tokens-studio/icons'; import { client } from '@/api/sdk/index.ts'; +import GitMerge from '@tokens-studio/icons/GitMerge.js'; +import Home from '@tokens-studio/icons/Home.js'; import Image from 'next/image.js'; import Link from 'next/link.js'; import React from 'react'; +import Settings from '@tokens-studio/icons/Settings.js'; +import ShoppingBag from '@tokens-studio/icons/ShoppingBag.js'; import TokensStudio from '@/assets/svgs/tokensstudio-logo.svg'; interface RailItem { diff --git a/packages/ui/src/components/share/index.tsx b/packages/ui/src/components/share/index.tsx index 77a50fb5..153b4edb 100644 --- a/packages/ui/src/components/share/index.tsx +++ b/packages/ui/src/components/share/index.tsx @@ -1,8 +1,9 @@ import * as Popover from '@radix-ui/react-popover'; import { Box, IconButton, Label, Stack, TextInput } from '@tokens-studio/ui'; -import { Copy, Xmark } from '@tokens-studio/icons'; import { styled } from '@tokens-studio/graph-editor'; +import Copy from '@tokens-studio/icons/Copy.js'; import React from 'react'; +import Xmark from '@tokens-studio/icons/Xmark.js'; import copy from 'copy-to-clipboard'; const PopoverContent = styled(Popover.Content, { diff --git a/packages/vscode-extension/app/src/data/panelItems.tsx b/packages/vscode-extension/app/src/data/panelItems.tsx index a2f50aa8..0fc661e3 100644 --- a/packages/vscode-extension/app/src/data/panelItems.tsx +++ b/packages/vscode-extension/app/src/data/panelItems.tsx @@ -1,21 +1,3 @@ -import { - Accessibility, - Calculator, - CodeBrackets, - CodeBracketsSquare, - Css3, - EaseCurveControlPoints, - EditPencil, - EmptyPage, - EyeSolid, - FillColor, - SigmaFunction, - SoundHigh, - Star, - Text, - TwoPointsCircle, - Type, -} from '@tokens-studio/icons'; import { PanelGroup, PanelItem, @@ -23,7 +5,23 @@ import { } from '@tokens-studio/graph-editor'; import { nodeLookup as audioLookup } from '@tokens-studio/graph-engine-nodes-audio'; import { nodes as fsNodes } from '@tokens-studio/graph-engine-nodes-fs'; +import Accessibility from '@tokens-studio/icons/Accessibility.js'; +import Calculator from '@tokens-studio/icons/Calculator.js'; +import CodeBrackets from '@tokens-studio/icons/CodeBrackets.js'; +import CodeBracketsSquare from '@tokens-studio/icons/CodeBracketsSquare.js'; +import Css3 from '@tokens-studio/icons/Css3.js'; +import EaseCurveControlPoints from '@tokens-studio/icons/EaseCurveControlPoints.js'; +import EditPencil from '@tokens-studio/icons/EditPencil.js'; +import EmptyPage from '@tokens-studio/icons/EmptyPage.js'; +import EyeSolid from '@tokens-studio/icons/EyeSolid.js'; +import FillColor from '@tokens-studio/icons/FillColor.js'; import React from 'react'; +import SigmaFunction from '@tokens-studio/icons/SigmaFunction.js'; +import SoundHigh from '@tokens-studio/icons/SoundHigh.js'; +import Star from '@tokens-studio/icons/Star.js'; +import Text from '@tokens-studio/icons/Text.js'; +import TwoPointsCircle from '@tokens-studio/icons/TwoPointsCircle.js'; +import Type from '@tokens-studio/icons/Type.js'; const icons = { accessibility: , From d66d249da6bd47f50e37d4358e42928168b01275 Mon Sep 17 00:00:00 2001 From: AlexBxl Date: Fri, 22 Nov 2024 10:53:38 +0100 Subject: [PATCH 3/8] replaced IconoirProvider with div added @tokens-studio/icons to vscode-extension and ui packages --- .../src/components/flow/wrapper/base.tsx | 7 +- .../components/panels/dropPanel/dropPanel.tsx | 11 ++-- .../src/components/toolbar/toolbar.tsx | 5 +- packages/ui/package.json | 1 + packages/vscode-extension/package.json | 1 + yarn.lock | 65 +++++++++++++++++-- 6 files changed, 71 insertions(+), 19 deletions(-) diff --git a/packages/graph-editor/src/components/flow/wrapper/base.tsx b/packages/graph-editor/src/components/flow/wrapper/base.tsx index 6eb4a850..e85de6ed 100644 --- a/packages/graph-editor/src/components/flow/wrapper/base.tsx +++ b/packages/graph-editor/src/components/flow/wrapper/base.tsx @@ -1,5 +1,4 @@ import { Box, Spinner, Stack, Text } from '@tokens-studio/ui'; -import { IconoirProvider } from 'iconoir-react'; import { styled } from '@stitches/react'; import React, { useMemo } from 'react'; @@ -91,11 +90,9 @@ export const BaseNodeWrapper = (props: NodeProps) => { > {icon && ( - +
{icon} - +
)} { width="full" css={{ padding: '$3 0' }} > - {value.icon} @@ -158,7 +161,7 @@ export const DropPanelInner = observer(({ data }: IDropPanel) => { > - + diff --git a/packages/graph-editor/src/components/toolbar/toolbar.tsx b/packages/graph-editor/src/components/toolbar/toolbar.tsx index 5aeb8cc7..6c1d71cb 100644 --- a/packages/graph-editor/src/components/toolbar/toolbar.tsx +++ b/packages/graph-editor/src/components/toolbar/toolbar.tsx @@ -1,5 +1,4 @@ import * as Toolbar from '@radix-ui/react-toolbar'; -import { IconoirProvider } from 'iconoir-react'; import { ToolBarButtonsSelector } from '@/redux/selectors/index.js'; import { blackA } from '@radix-ui/colors'; import { styled } from '@stitches/react'; @@ -9,9 +8,9 @@ import React from 'react'; export const GraphToolbar = () => { const toolbarButtons = useSelector(ToolBarButtonsSelector); return ( - +
{toolbarButtons} - +
); }; diff --git a/packages/ui/package.json b/packages/ui/package.json index 351f4ea9..09272e13 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -39,6 +39,7 @@ "@tokens-studio/graph-engine-nodes-audio": "*", "@tokens-studio/graph-engine-nodes-design-tokens": "*", "@tokens-studio/graph-engine-nodes-image": "*", + "@tokens-studio/icons": "0.1.3", "@tokens-studio/tokens": "0.0.24", "@tokens-studio/ui": "0.6.9", "@ts-rest/core": "3.51.0", diff --git a/packages/vscode-extension/package.json b/packages/vscode-extension/package.json index 59f8d7ad..d2868da1 100644 --- a/packages/vscode-extension/package.json +++ b/packages/vscode-extension/package.json @@ -103,6 +103,7 @@ "@tokens-studio/graph-engine": "*", "@tokens-studio/graph-engine-nodes-audio": "*", "@tokens-studio/graph-engine-nodes-fs": "*", + "@tokens-studio/icons": "^0.1.3", "escalade": "^3.1.2", "react": "^18.2.0", "react-dom": "^18.2.0" diff --git a/yarn.lock b/yarn.lock index 268ced9b..36a4bda2 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3267,6 +3267,18 @@ resolved "https://registry.yarnpkg.com/@interactjs/types/-/types-1.10.27.tgz#10afd71cef2498e2b5192cf0d46f937d8ceb767f" integrity sha512-BUdv0cvs4H5ODuwft2Xp4eL8Vmi3LcihK42z0Ft/FbVJZoRioBsxH+LlsBdK4tAie7PqlKGy+1oyOncu1nQ6eA== +"@isaacs/cliui@^8.0.2": + version "8.0.2" + resolved "https://registry.yarnpkg.com/@isaacs/cliui/-/cliui-8.0.2.tgz#b37667b7bc181c168782259bab42474fbf52b550" + integrity sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA== + dependencies: + string-width "^5.1.2" + string-width-cjs "npm:string-width@^4.2.0" + strip-ansi "^7.0.1" + strip-ansi-cjs "npm:strip-ansi@^6.0.1" + wrap-ansi "^8.1.0" + wrap-ansi-cjs "npm:wrap-ansi@^7.0.0" + "@istanbuljs/load-nyc-config@^1.0.0": version "1.1.0" resolved "https://registry.yarnpkg.com/@istanbuljs/load-nyc-config/-/load-nyc-config-1.1.0.tgz#fd3db1d59ecf7cf121e80650bb86712f9b55eced" @@ -6527,7 +6539,7 @@ resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.5.2.tgz#db7257d727c891905947bd1c1a99da20e03c2ebd" integrity sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ== -"@tokens-studio/icons@^0.1.3": +"@tokens-studio/icons@0.1.3", "@tokens-studio/icons@^0.1.3": version "0.1.3" resolved "https://registry.yarnpkg.com/@tokens-studio/icons/-/icons-0.1.3.tgz#043b3ebf1de8f4a59e2e05e461fa6b966c30d57c" integrity sha512-cXQLPlPKsOJINdh84k2WDeEzfoq3dn9hzQrqiQfNLpA306V7lXXL0kzpVzEBhRFdLVLo+gTEdGQ4c+I3tQu1VA== @@ -15523,15 +15535,22 @@ itty-router@^5.0.9: resolved "https://registry.yarnpkg.com/itty-router/-/itty-router-5.0.17.tgz#e5a015756bfc420ea20f09da80935a7feb8c4ef8" integrity sha512-ZHnPI0OOyTTLuNp2FdciejYaK4Wl3ZV3O0yEm8njOGggh/k/ek3BL7X2I5YsCOfc5vLhIJgj3Z4pUtLs6k9Ucg== -jackspeak@2.1.1, jackspeak@^3.1.2, jackspeak@^4.0.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-2.1.1.tgz#2a42db4cfbb7e55433c28b6f75d8b796af9669cd" - integrity sha512-juf9stUEwUaILepraGOWIJTLwg48bUnBmRqd2ln2Os1sW987zeoj/hzhbvRB95oMuS2ZTpjULmdwHNX4rzZIZw== +jackspeak@^3.1.2: + version "3.4.3" + resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-3.4.3.tgz#8833a9d89ab4acde6188942bd1c53b6390ed5a8a" + integrity sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw== dependencies: - cliui "^8.0.1" + "@isaacs/cliui" "^8.0.2" optionalDependencies: "@pkgjs/parseargs" "^0.11.0" +jackspeak@^4.0.1: + version "4.0.2" + resolved "https://registry.yarnpkg.com/jackspeak/-/jackspeak-4.0.2.tgz#11f9468a3730c6ff6f56823a820d7e3be9bef015" + integrity sha512-bZsjR/iRjl1Nk1UkjGpAzLNfQtzuijhn2g+pbZb98HQ1Gk8vM9hfbxeMBP+M2/UUdwj0RqGG3mlvk2MsAqwvEw== + dependencies: + "@isaacs/cliui" "^8.0.2" + jake@^10.8.5: version "10.9.1" resolved "https://registry.yarnpkg.com/jake/-/jake-10.9.1.tgz#8dc96b7fcc41cb19aa502af506da4e1d56f5e62b" @@ -22298,7 +22317,14 @@ responselike@^3.0.0: dependencies: lowercase-keys "^3.0.0" -resq@1.10.2, resq@^1.11.0: +resq@1.10.2: + version "1.10.2" + resolved "https://registry.yarnpkg.com/resq/-/resq-1.10.2.tgz#cedf4f20d53f6e574b1e12afbda446ad9576c193" + integrity sha512-HmgVS3j+FLrEDBTDYysPdPVF9/hioDMJ/otOiQDKqk77YfZeeLOj0qi34yObumcud1gBpk+wpBTEg4kMicD++A== + dependencies: + fast-deep-equal "^2.0.1" + +resq@^1.11.0: version "1.11.0" resolved "https://registry.yarnpkg.com/resq/-/resq-1.11.0.tgz#edec8c58be9af800fd628118c0ca8815283de196" integrity sha512-G10EBz+zAAy3zUd/CDoBbXRL6ia9kOo3xRHrMDsHljI0GDkhYlyjwoCx5+3eCC4swi1uCoZQhskuJkj7Gp57Bw== @@ -23545,6 +23571,15 @@ string-to-arraybuffer@^1.0.0: atob-lite "^2.0.0" is-base64 "^0.1.0" +"string-width-cjs@npm:string-width@^4.2.0": + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== + dependencies: + emoji-regex "^8.0.0" + is-fullwidth-code-point "^3.0.0" + strip-ansi "^6.0.1" + string-width@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/string-width/-/string-width-1.0.2.tgz#118bdf5b8cdc51a2a7e70d211e07e2b0b9b107d3" @@ -23676,6 +23711,13 @@ stringify-object@^3.3.0: is-obj "^1.0.1" is-regexp "^1.0.0" +"strip-ansi-cjs@npm:strip-ansi@^6.0.1": + version "6.0.1" + resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" + integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== + dependencies: + ansi-regex "^5.0.1" + strip-ansi@^3.0.0, strip-ansi@^3.0.1: version "3.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf" @@ -25813,6 +25855,15 @@ workerpool@^6.5.1: resolved "https://registry.yarnpkg.com/workerpool/-/workerpool-6.5.1.tgz#060f73b39d0caf97c6db64da004cd01b4c099544" integrity sha512-Fs4dNYcsdpYSAfVxhnl1L5zTksjvOJxtC5hzMNl+1t9B8hTJTdKDyZ5ju7ztgPy+ft9tBFXoOlDNiOT9WUXZlA== +"wrap-ansi-cjs@npm:wrap-ansi@^7.0.0": + version "7.0.0" + resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-7.0.0.tgz#67e145cff510a6a6984bdf1152911d69d2eb9e43" + integrity sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q== + dependencies: + ansi-styles "^4.0.0" + string-width "^4.1.0" + strip-ansi "^6.0.0" + wrap-ansi@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/wrap-ansi/-/wrap-ansi-2.1.0.tgz#d8fc3d284dd05794fe84973caecdd1cf824fdd85" From 4ea6d965ee5ec06b97dc7462bfd5251ee72502fa Mon Sep 17 00:00:00 2001 From: AlexBxl Date: Mon, 25 Nov 2024 12:16:40 +0100 Subject: [PATCH 4/8] removed all IconoirProviders --- packages/graph-editor/package.json | 2 +- .../graph-editor/src/components/panels/dropPanel/dropPanel.tsx | 2 +- packages/vscode-extension/package.json | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/graph-editor/package.json b/packages/graph-editor/package.json index 3bd4b77a..7bf2fbd2 100644 --- a/packages/graph-editor/package.json +++ b/packages/graph-editor/package.json @@ -54,7 +54,7 @@ "@rematch/core": "2.2.0", "@stitches/react": "1.2.8", "@tokens-studio/graph-engine": "*", - "@tokens-studio/icons": "^0.1.3", + "@tokens-studio/icons": "^0.1.4", "@tokens-studio/tokens": "^0.0.24", "@tokens-studio/types": "^0.2.3", "@tokens-studio/ui": "^0.6.9", diff --git a/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx b/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx index 0a0b43a1..c3db4490 100644 --- a/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx +++ b/packages/graph-editor/src/components/panels/dropPanel/dropPanel.tsx @@ -140,7 +140,7 @@ export const DropPanelInner = observer(({ data }: IDropPanel) => { >
Date: Tue, 26 Nov 2024 13:36:52 +0100 Subject: [PATCH 5/8] removed unnecessary
s --- .../src/components/flow/wrapper/base.tsx | 6 +--- .../components/panels/dropPanel/dropPanel.tsx | 36 ++++++++----------- .../src/components/toolbar/toolbar.tsx | 6 +--- 3 files changed, 16 insertions(+), 32 deletions(-) diff --git a/packages/graph-editor/src/components/flow/wrapper/base.tsx b/packages/graph-editor/src/components/flow/wrapper/base.tsx index e85de6ed..1e25ca17 100644 --- a/packages/graph-editor/src/components/flow/wrapper/base.tsx +++ b/packages/graph-editor/src/components/flow/wrapper/base.tsx @@ -89,11 +89,7 @@ export const BaseNodeWrapper = (props: NodeProps) => { }} > - {icon && ( -
- {icon} -
- )} + {icon} { width="full" css={{ padding: '$3 0' }} > -
+ {value.icon} + + {value.title} + + + - - {value.icon} - - {value.title} - - - - - -
+ + diff --git a/packages/graph-editor/src/components/toolbar/toolbar.tsx b/packages/graph-editor/src/components/toolbar/toolbar.tsx index 6c1d71cb..b7319005 100644 --- a/packages/graph-editor/src/components/toolbar/toolbar.tsx +++ b/packages/graph-editor/src/components/toolbar/toolbar.tsx @@ -7,11 +7,7 @@ import React from 'react'; export const GraphToolbar = () => { const toolbarButtons = useSelector(ToolBarButtonsSelector); - return ( -
- {toolbarButtons} -
- ); + return {toolbarButtons}; }; const ToolbarRoot = styled(Toolbar.Root, { From 0c3cb3dc16939f09d259b6f1de07cfc7326e9b0c Mon Sep 17 00:00:00 2001 From: AlexBxl Date: Wed, 27 Nov 2024 10:24:54 +0100 Subject: [PATCH 6/8] Merge branch 'replace-iconoir-with-ts-icons' --- packages/ui/src/components/editor/panelItems.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/ui/src/components/editor/panelItems.tsx b/packages/ui/src/components/editor/panelItems.tsx index fecc80ef..8cd6c3e4 100644 --- a/packages/ui/src/components/editor/panelItems.tsx +++ b/packages/ui/src/components/editor/panelItems.tsx @@ -6,6 +6,7 @@ import { } from '@tokens-studio/graph-editor'; import { nodeLookup as audioLookup } from '@tokens-studio/graph-engine-nodes-audio'; import { nodes as designNodes } from '@tokens-studio/graph-engine-nodes-design-tokens'; +import { nodes as figmaNodes } from '@tokens-studio/graph-engine-nodes-figma'; import Accessibility from '@tokens-studio/icons/Accessibility.js'; import Calculator from '@tokens-studio/icons/Calculator.js'; import CodeBrackets from '@tokens-studio/icons/CodeBrackets.js'; @@ -21,7 +22,6 @@ import Star from '@tokens-studio/icons/Star.js'; import Text from '@tokens-studio/icons/Text.js'; import TwoPointsCircle from '@tokens-studio/icons/TwoPointsCircle.js'; import Type from '@tokens-studio/icons/Type.js'; -import { nodes as figmaNodes } from '@tokens-studio/graph-engine-nodes-figma'; const icons = { accessibility: , From 4d14b7d085725db8c0038ed53fa0e7784a4a9e35 Mon Sep 17 00:00:00 2001 From: Marco Christian Krenn Date: Wed, 27 Nov 2024 13:30:45 +0100 Subject: [PATCH 7/8] bump version --- packages/ui/package.json | 2 +- yarn.lock | 8 ++++---- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/packages/ui/package.json b/packages/ui/package.json index a984ba3e..f64d8b53 100644 --- a/packages/ui/package.json +++ b/packages/ui/package.json @@ -40,7 +40,7 @@ "@tokens-studio/graph-engine-nodes-design-tokens": "*", "@tokens-studio/graph-engine-nodes-figma": "*", "@tokens-studio/graph-engine-nodes-image": "*", - "@tokens-studio/icons": "0.1.3", + "@tokens-studio/icons": "0.1.4", "@tokens-studio/tokens": "0.0.24", "@tokens-studio/ui": "0.6.9", "@ts-rest/core": "3.51.0", diff --git a/yarn.lock b/yarn.lock index 23699c50..225f7aac 100644 --- a/yarn.lock +++ b/yarn.lock @@ -6539,10 +6539,10 @@ resolved "https://registry.yarnpkg.com/@testing-library/user-event/-/user-event-14.5.2.tgz#db7257d727c891905947bd1c1a99da20e03c2ebd" integrity sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ== -"@tokens-studio/icons@0.1.3": - version "0.1.3" - resolved "https://registry.yarnpkg.com/@tokens-studio/icons/-/icons-0.1.3.tgz#043b3ebf1de8f4a59e2e05e461fa6b966c30d57c" - integrity sha512-cXQLPlPKsOJINdh84k2WDeEzfoq3dn9hzQrqiQfNLpA306V7lXXL0kzpVzEBhRFdLVLo+gTEdGQ4c+I3tQu1VA== +"@tokens-studio/icons@0.1.4", "@tokens-studio/icons@^0.1.4": + version "0.1.4" + resolved "https://registry.yarnpkg.com/@tokens-studio/icons/-/icons-0.1.4.tgz#18799046f08f755680d70a677435bd007031f6b4" + integrity sha512-6KGNqnT3NfxV002vHpgsLLOTFdW7TIjtzmaM8r5YqsDvzwQrtHY+Svm0QajzLnC5hifWzmu5aIQAlNSz19flVw== "@tokens-studio/sd-transforms@^0.15.2": version "0.15.2" From 0354ed41a7eba6c7c259a79e4790f7b5d99964f4 Mon Sep 17 00:00:00 2001 From: Marco Christian Krenn Date: Wed, 27 Nov 2024 13:45:40 +0100 Subject: [PATCH 8/8] change eye-solid to eye --- packages/graph-editor/src/components/portPanel/index.tsx | 4 ++-- packages/graph-editor/src/registry/specifics.tsx | 4 ++-- packages/ui/src/components/editor/panelItems.tsx | 4 ++-- packages/vscode-extension/app/src/data/panelItems.tsx | 4 ++-- 4 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/graph-editor/src/components/portPanel/index.tsx b/packages/graph-editor/src/components/portPanel/index.tsx index 4b10e83a..bec32b66 100644 --- a/packages/graph-editor/src/components/portPanel/index.tsx +++ b/packages/graph-editor/src/components/portPanel/index.tsx @@ -11,13 +11,13 @@ import { observer } from 'mobx-react-lite'; import { useSelector } from 'react-redux'; import React, { useCallback, useMemo } from 'react'; -import { EyeSolid } from 'iconoir-react'; import { IField } from '@/components/controls/interface.js'; import { InlineTypeLabel } from '@/components/flow/index.js'; import { controls } from '@/redux/selectors/registry.js'; import { deletable, hidden, resetable } from '@/annotations/index.js'; import { useGraph } from '@/hooks/useGraph.js'; import Download from '@tokens-studio/icons/Download.js'; +import Eye from '@tokens-studio/icons/Eye.js'; import EyeClosed from '@tokens-studio/icons/EyeClosed.js'; import MoreVert from '@tokens-studio/icons/MoreVert.js'; import Puzzle from '@tokens-studio/icons/Puzzle.js'; @@ -109,7 +109,7 @@ export const Port = observer(({ port, readOnly: isReadOnly }: IField) => { size="small" onClick={onClick} variant={'invisible'} - icon={port.visible ? : } + icon={port.visible ? : } /> )} diff --git a/packages/graph-editor/src/registry/specifics.tsx b/packages/graph-editor/src/registry/specifics.tsx index a441e167..9b7bcd52 100644 --- a/packages/graph-editor/src/registry/specifics.tsx +++ b/packages/graph-editor/src/registry/specifics.tsx @@ -5,7 +5,6 @@ import { ColorSwatch } from '@/components/preview/swatch.js'; import { CurveField } from '@/components/controls/curve.js'; import { ErrorBoundary } from 'react-error-boundary'; import { ErrorBoundaryContent } from '@/components/ErrorBoundaryContent.js'; -import { EyeSolid } from 'iconoir-react'; import { GraphEditor } from '@/editor/graphEditor.js'; import { ImperativeEditorRef } from '../index.js'; import { MathExpression } from '@/components/preview/mathExpression.js'; @@ -14,6 +13,7 @@ import { title as annotatedTitle } from '@/annotations/index.js'; import { dockerSelector } from '@/redux/selectors/refs.js'; import { observer } from 'mobx-react-lite'; import { useSelector } from 'react-redux'; +import Eye from '@tokens-studio/icons/Eye.js'; import React, { useCallback } from 'react'; const SubgraphExplorer = ({ node }) => { @@ -61,7 +61,7 @@ const SubgraphExplorer = ({ node }) => { }, [dockerRef, node._innerGraph, node.annotations]); return ( - ); diff --git a/packages/ui/src/components/editor/panelItems.tsx b/packages/ui/src/components/editor/panelItems.tsx index 8cd6c3e4..c90cbf5f 100644 --- a/packages/ui/src/components/editor/panelItems.tsx +++ b/packages/ui/src/components/editor/panelItems.tsx @@ -1,4 +1,3 @@ -import { EyeSolid } from 'iconoir-react'; import { PanelGroup, PanelItem, @@ -15,6 +14,7 @@ import Css3 from '@tokens-studio/icons/Css3.js'; import DatabaseScript from '@tokens-studio/icons/DatabaseScript.js'; import EaseCurveControlPoints from '@tokens-studio/icons/EaseCurveControlPoints.js'; import EditPencil from '@tokens-studio/icons/EditPencil.js'; +import Eye from '@tokens-studio/icons/Eye.js'; import FillColor from '@tokens-studio/icons/FillColor.js'; import SigmaFunction from '@tokens-studio/icons/SigmaFunction.js'; import SoundHigh from '@tokens-studio/icons/SoundHigh.js'; @@ -33,7 +33,7 @@ const icons = { gradient: , logic: , math: , - preview: , + preview: , series: , string: , typing: , diff --git a/packages/vscode-extension/app/src/data/panelItems.tsx b/packages/vscode-extension/app/src/data/panelItems.tsx index 0fc661e3..a85abfbb 100644 --- a/packages/vscode-extension/app/src/data/panelItems.tsx +++ b/packages/vscode-extension/app/src/data/panelItems.tsx @@ -13,7 +13,7 @@ import Css3 from '@tokens-studio/icons/Css3.js'; import EaseCurveControlPoints from '@tokens-studio/icons/EaseCurveControlPoints.js'; import EditPencil from '@tokens-studio/icons/EditPencil.js'; import EmptyPage from '@tokens-studio/icons/EmptyPage.js'; -import EyeSolid from '@tokens-studio/icons/EyeSolid.js'; +import Eye from '@tokens-studio/icons/Eye.js'; import FillColor from '@tokens-studio/icons/FillColor.js'; import React from 'react'; import SigmaFunction from '@tokens-studio/icons/SigmaFunction.js'; @@ -33,7 +33,7 @@ const icons = { gradient: , logic: , math: , - preview: , + preview: , series: , string: , typing: ,