diff --git a/weave-js/src/components/Icon/Icon.tsx b/weave-js/src/components/Icon/Icon.tsx index e0a7b704e46..32b9ca65921 100644 --- a/weave-js/src/components/Icon/Icon.tsx +++ b/weave-js/src/components/Icon/Icon.tsx @@ -8,6 +8,7 @@ import {ReactComponent as ImportAmazonSagemaker} from '../../assets/icons/icon-a import {ReactComponent as ImportArea} from '../../assets/icons/icon-area.svg'; import {ReactComponent as ImportArtifactTypeAlt} from '../../assets/icons/icon-artifact-type-alt.svg'; import {ReactComponent as ImportAudioVolume} from '../../assets/icons/icon-audio-volume.svg'; +import {ReactComponent as ImportAutomatedWorkspace} from '../../assets/icons/icon-automated-workspace.svg'; import {ReactComponent as ImportAutomationRobotArm} from '../../assets/icons/icon-automation-robot-arm.svg'; import {ReactComponent as ImportBack} from '../../assets/icons/icon-back.svg'; import {ReactComponent as ImportBaselineAlt} from '../../assets/icons/icon-baseline-alt.svg'; @@ -73,6 +74,7 @@ import {ReactComponent as ImportExpandUncollapse} from '../../assets/icons/icon- import {ReactComponent as ImportExportShareUpload} from '../../assets/icons/icon-export-share-upload.svg'; import {ReactComponent as ImportFacebookSocial} from '../../assets/icons/icon-facebook-social.svg'; import {ReactComponent as ImportFailed} from '../../assets/icons/icon-failed.svg'; +import {ReactComponent as ImportFilledCircle} from '../../assets/icons/icon-filled-circle.svg'; import {ReactComponent as ImportFilterAlt} from '../../assets/icons/icon-filter-alt.svg'; import {ReactComponent as ImportFlashBolt} from '../../assets/icons/icon-flash-bolt.svg'; import {ReactComponent as ImportFolderAlt} from '../../assets/icons/icon-folder-alt.svg'; @@ -137,9 +139,11 @@ import {ReactComponent as ImportMinimizeMode} from '../../assets/icons/icon-mini import {ReactComponent as ImportModel} from '../../assets/icons/icon-model.svg'; import {ReactComponent as ImportModelOnDark} from '../../assets/icons/icon-model-on-dark.svg'; import {ReactComponent as ImportMolecule} from '../../assets/icons/icon-molecule.svg'; +import {ReactComponent as ImportMoon} from '../../assets/icons/icon-moon.svg'; import {ReactComponent as ImportMusicAudio} from '../../assets/icons/icon-music-audio.svg'; import {ReactComponent as ImportNewSectionAbove} from '../../assets/icons/icon-new-section-above.svg'; import {ReactComponent as ImportNewSectionBelow} from '../../assets/icons/icon-new-section-below.svg'; +import {ReactComponent as ImportNotVisible} from '../../assets/icons/icon-not-visible.svg'; import {ReactComponent as ImportNumber} from '../../assets/icons/icon-number.svg'; import {ReactComponent as ImportOpenNewTab} from '../../assets/icons/icon-open-new-tab.svg'; import {ReactComponent as ImportOpenaiLogo} from '../../assets/icons/icon-openai-logo.svg'; @@ -159,6 +163,7 @@ import {ReactComponent as ImportPaused} from '../../assets/icons/icon-paused.svg import {ReactComponent as ImportPencilEdit} from '../../assets/icons/icon-pencil-edit.svg'; import {ReactComponent as ImportPhoto} from '../../assets/icons/icon-photo.svg'; import {ReactComponent as ImportPin} from '../../assets/icons/icon-pin.svg'; +import {ReactComponent as ImportPinToRight} from '../../assets/icons/icon-pin-to-right.svg'; import {ReactComponent as ImportPlay} from '../../assets/icons/icon-play.svg'; import {ReactComponent as ImportPlotly} from '../../assets/icons/icon-plotly.svg'; import {ReactComponent as ImportPriorityCritical} from '../../assets/icons/icon-priority-critical.svg'; @@ -206,13 +211,13 @@ import {ReactComponent as ImportSmoothing} from '../../assets/icons/icon-smoothi import {ReactComponent as ImportSort} from '../../assets/icons/icon-sort.svg'; import {ReactComponent as ImportSortAscending} from '../../assets/icons/icon-sort-ascending.svg'; import {ReactComponent as ImportSortDescending} from '../../assets/icons/icon-sort-descending.svg'; -import {ReactComponent as ImportSpiral} from '../../assets/icons/icon-spiral.svg'; import {ReactComponent as ImportSplit} from '../../assets/icons/icon-split.svg'; import {ReactComponent as ImportSquare} from '../../assets/icons/icon-square.svg'; import {ReactComponent as ImportStar} from '../../assets/icons/icon-star.svg'; import {ReactComponent as ImportStarFilled} from '../../assets/icons/icon-star-filled.svg'; import {ReactComponent as ImportStop} from '../../assets/icons/icon-stop.svg'; import {ReactComponent as ImportStopped} from '../../assets/icons/icon-stopped.svg'; +import {ReactComponent as ImportSun} from '../../assets/icons/icon-sun.svg'; import {ReactComponent as ImportSwap} from '../../assets/icons/icon-swap.svg'; import {ReactComponent as ImportSweepBayes} from '../../assets/icons/icon-sweep-bayes.svg'; import {ReactComponent as ImportSweepGrid} from '../../assets/icons/icon-sweep-grid.svg'; @@ -251,6 +256,7 @@ import {ReactComponent as ImportVersionsLayers} from '../../assets/icons/icon-ve import {ReactComponent as ImportVertexGCP} from '../../assets/icons/icon-vertex-gcp.svg'; import {ReactComponent as ImportVideoPlay} from '../../assets/icons/icon-video-play.svg'; import {ReactComponent as ImportViewGlasses} from '../../assets/icons/icon-view-glasses.svg'; +import {ReactComponent as ImportVisible} from '../../assets/icons/icon-visible.svg'; import {ReactComponent as ImportWandb} from '../../assets/icons/icon-wandb.svg'; import {ReactComponent as ImportWarning} from '../../assets/icons/icon-warning.svg'; import {ReactComponent as ImportWarningAlt} from '../../assets/icons/icon-warning-alt.svg'; @@ -299,6 +305,9 @@ export const IconArtifactTypeAlt = (props: SVGIconProps) => ( export const IconAudioVolume = (props: SVGIconProps) => ( ); +export const IconAutomatedWorkspace = (props: SVGIconProps) => ( + +); export const IconAutomationRobotArm = (props: SVGIconProps) => ( ); @@ -494,6 +503,9 @@ export const IconFacebookSocial = (props: SVGIconProps) => ( export const IconFailed = (props: SVGIconProps) => ( ); +export const IconFilledCircle = (props: SVGIconProps) => ( + +); export const IconFilterAlt = (props: SVGIconProps) => ( ); @@ -686,6 +698,9 @@ export const IconModelOnDark = (props: SVGIconProps) => ( export const IconMolecule = (props: SVGIconProps) => ( ); +export const IconMoon = (props: SVGIconProps) => ( + +); export const IconMusicAudio = (props: SVGIconProps) => ( ); @@ -695,6 +710,9 @@ export const IconNewSectionAbove = (props: SVGIconProps) => ( export const IconNewSectionBelow = (props: SVGIconProps) => ( ); +export const IconNotVisible = (props: SVGIconProps) => ( + +); export const IconNumber = (props: SVGIconProps) => ( ); @@ -752,6 +770,9 @@ export const IconPhoto = (props: SVGIconProps) => ( export const IconPin = (props: SVGIconProps) => ( ); +export const IconPinToRight = (props: SVGIconProps) => ( + +); export const IconPlay = (props: SVGIconProps) => ( ); @@ -893,9 +914,6 @@ export const IconSortAscending = (props: SVGIconProps) => ( export const IconSortDescending = (props: SVGIconProps) => ( ); -export const IconSpiral = (props: SVGIconProps) => ( - -); export const IconSplit = (props: SVGIconProps) => ( ); @@ -914,6 +932,9 @@ export const IconStop = (props: SVGIconProps) => ( export const IconStopped = (props: SVGIconProps) => ( ); +export const IconSun = (props: SVGIconProps) => ( + +); export const IconSwap = (props: SVGIconProps) => ( ); @@ -1028,6 +1049,9 @@ export const IconVideoPlay = (props: SVGIconProps) => ( export const IconViewGlasses = (props: SVGIconProps) => ( ); +export const IconVisible = (props: SVGIconProps) => ( + +); export const IconWandb = (props: SVGIconProps) => ( ); @@ -1068,6 +1092,7 @@ const ICON_NAME_TO_ICON: Record = { area: IconArea, 'artifact-type-alt': IconArtifactTypeAlt, 'audio-volume': IconAudioVolume, + 'automated-workspace': IconAutomatedWorkspace, 'automation-robot-arm': IconAutomationRobotArm, back: IconBack, 'baseline-alt': IconBaselineAlt, @@ -1133,6 +1158,7 @@ const ICON_NAME_TO_ICON: Record = { 'export-share-upload': IconExportShareUpload, 'facebook-social': IconFacebookSocial, failed: IconFailed, + 'filled-circle': IconFilledCircle, 'filter-alt': IconFilterAlt, 'flash-bolt': IconFlashBolt, 'folder-alt': IconFolderAlt, @@ -1197,9 +1223,11 @@ const ICON_NAME_TO_ICON: Record = { model: IconModel, 'model-on-dark': IconModelOnDark, molecule: IconMolecule, + moon: IconMoon, 'music-audio': IconMusicAudio, 'new-section-above': IconNewSectionAbove, 'new-section-below': IconNewSectionBelow, + 'not-visible': IconNotVisible, number: IconNumber, 'open-new-tab': IconOpenNewTab, 'openai-logo': IconOpenaiLogo, @@ -1219,6 +1247,7 @@ const ICON_NAME_TO_ICON: Record = { 'pencil-edit': IconPencilEdit, photo: IconPhoto, pin: IconPin, + 'pin-to-right': IconPinToRight, play: IconPlay, plotly: IconPlotly, 'priority-critical': IconPriorityCritical, @@ -1266,13 +1295,13 @@ const ICON_NAME_TO_ICON: Record = { sort: IconSort, 'sort-ascending': IconSortAscending, 'sort-descending': IconSortDescending, - spiral: IconSpiral, split: IconSplit, square: IconSquare, star: IconStar, 'star-filled': IconStarFilled, stop: IconStop, stopped: IconStopped, + sun: IconSun, swap: IconSwap, 'sweep-bayes': IconSweepBayes, 'sweep-grid': IconSweepGrid, @@ -1311,6 +1340,7 @@ const ICON_NAME_TO_ICON: Record = { 'vertex-gcp': IconVertexGCP, 'video-play': IconVideoPlay, 'view-glasses': IconViewGlasses, + visible: IconVisible, wandb: IconWandb, warning: IconWarning, 'warning-alt': IconWarningAlt, diff --git a/weave-js/src/components/Icon/index.ts b/weave-js/src/components/Icon/index.ts index 55554e7e44f..08bf7854ad2 100644 --- a/weave-js/src/components/Icon/index.ts +++ b/weave-js/src/components/Icon/index.ts @@ -8,6 +8,7 @@ export { IconArea, IconArtifactTypeAlt, IconAudioVolume, + IconAutomatedWorkspace, IconAutomationRobotArm, IconBack, IconBaselineAlt, @@ -73,6 +74,7 @@ export { IconExportShareUpload, IconFacebookSocial, IconFailed, + IconFilledCircle, IconFilterAlt, IconFlashBolt, IconFolderAlt, @@ -137,9 +139,11 @@ export { IconModel, IconModelOnDark, IconMolecule, + IconMoon, IconMusicAudio, IconNewSectionAbove, IconNewSectionBelow, + IconNotVisible, IconNumber, IconOpenaiLogo, IconOpenNewTab, @@ -159,6 +163,7 @@ export { IconPencilEdit, IconPhoto, IconPin, + IconPinToRight, IconPlay, IconPlotly, IconPriorityCritical, @@ -206,13 +211,13 @@ export { IconSort, IconSortAscending, IconSortDescending, - IconSpiral, IconSplit, IconSquare, IconStar, IconStarFilled, IconStop, IconStopped, + IconSun, IconSwap, IconSweepBayes, IconSweepGrid, @@ -251,6 +256,7 @@ export { IconVertexGCP, IconVideoPlay, IconViewGlasses, + IconVisible, IconWandb, IconWarning, IconWarningAlt, diff --git a/weave-js/src/components/Icon/types.ts b/weave-js/src/components/Icon/types.ts index b36a5e7594b..7ca30049257 100644 --- a/weave-js/src/components/Icon/types.ts +++ b/weave-js/src/components/Icon/types.ts @@ -7,6 +7,7 @@ export const IconNames = { Area: 'area', ArtifactTypeAlt: 'artifact-type-alt', AudioVolume: 'audio-volume', + AutomatedWorkspace: 'automated-workspace', AutomationRobotArm: 'automation-robot-arm', Back: 'back', BaselineAlt: 'baseline-alt', @@ -72,6 +73,7 @@ export const IconNames = { ExportShareUpload: 'export-share-upload', FacebookSocial: 'facebook-social', Failed: 'failed', + FilledCircle: 'filled-circle', FilterAlt: 'filter-alt', FlashBolt: 'flash-bolt', FolderAlt: 'folder-alt', @@ -136,9 +138,11 @@ export const IconNames = { Model: 'model', ModelOnDark: 'model-on-dark', Molecule: 'molecule', + Moon: 'moon', MusicAudio: 'music-audio', NewSectionAbove: 'new-section-above', NewSectionBelow: 'new-section-below', + NotVisible: 'not-visible', Number: 'number', OpenNewTab: 'open-new-tab', OpenaiLogo: 'openai-logo', @@ -158,6 +162,7 @@ export const IconNames = { PencilEdit: 'pencil-edit', Photo: 'photo', Pin: 'pin', + PinToRight: 'pin-to-right', Play: 'play', Plotly: 'plotly', PriorityCritical: 'priority-critical', @@ -205,13 +210,13 @@ export const IconNames = { Sort: 'sort', SortAscending: 'sort-ascending', SortDescending: 'sort-descending', - Spiral: 'spiral', Split: 'split', Square: 'square', Star: 'star', StarFilled: 'star-filled', Stop: 'stop', Stopped: 'stopped', + Sun: 'sun', Swap: 'swap', SweepBayes: 'sweep-bayes', SweepGrid: 'sweep-grid', @@ -250,6 +255,7 @@ export const IconNames = { VertexGCP: 'vertex-gcp', VideoPlay: 'video-play', ViewGlasses: 'view-glasses', + Visible: 'visible', Wandb: 'wandb', Warning: 'warning', WarningAlt: 'warning-alt',