Redoing addicon with currentColor fill

weave-js/src/components/Icon/Icon.tsx

@@ -8,7 +8,6 @@ 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';
@@ -74,7 +73,6 @@ 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';
@@ -139,11 +137,9 @@ 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';
@@ -163,7 +159,6 @@ 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';
@@ -211,13 +206,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';
@@ -256,7 +251,6 @@ 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';
@@ -305,9 +299,6 @@ export const IconArtifactTypeAlt = (props: SVGIconProps) => (
 export const IconAudioVolume = (props: SVGIconProps) => (
   <ImportAudioVolume {...updateIconProps(props)} />
 );
-export const IconAutomatedWorkspace = (props: SVGIconProps) => (
-  <ImportAutomatedWorkspace {...updateIconProps(props)} />
-);
 export const IconAutomationRobotArm = (props: SVGIconProps) => (
   <ImportAutomationRobotArm {...updateIconProps(props)} />
 );
@@ -503,9 +494,6 @@ export const IconFacebookSocial = (props: SVGIconProps) => (
 export const IconFailed = (props: SVGIconProps) => (
   <ImportFailed {...updateIconProps(props)} />
 );
-export const IconFilledCircle = (props: SVGIconProps) => (
-  <ImportFilledCircle {...updateIconProps(props)} />
-);
 export const IconFilterAlt = (props: SVGIconProps) => (
   <ImportFilterAlt {...updateIconProps(props)} />
 );
@@ -698,9 +686,6 @@ export const IconModelOnDark = (props: SVGIconProps) => (
 export const IconMolecule = (props: SVGIconProps) => (
   <ImportMolecule {...updateIconProps(props)} />
 );
-export const IconMoon = (props: SVGIconProps) => (
-  <ImportMoon {...updateIconProps(props)} />
-);
 export const IconMusicAudio = (props: SVGIconProps) => (
   <ImportMusicAudio {...updateIconProps(props)} />
 );
@@ -710,9 +695,6 @@ export const IconNewSectionAbove = (props: SVGIconProps) => (
 export const IconNewSectionBelow = (props: SVGIconProps) => (
   <ImportNewSectionBelow {...updateIconProps(props)} />
 );
-export const IconNotVisible = (props: SVGIconProps) => (
-  <ImportNotVisible {...updateIconProps(props)} />
-);
 export const IconNumber = (props: SVGIconProps) => (
   <ImportNumber {...updateIconProps(props)} />
 );
@@ -770,9 +752,6 @@ export const IconPhoto = (props: SVGIconProps) => (
 export const IconPin = (props: SVGIconProps) => (
   <ImportPin {...updateIconProps(props)} />
 );
-export const IconPinToRight = (props: SVGIconProps) => (
-  <ImportPinToRight {...updateIconProps(props)} />
-);
 export const IconPlay = (props: SVGIconProps) => (
   <ImportPlay {...updateIconProps(props)} />
 );
@@ -914,6 +893,9 @@ export const IconSortAscending = (props: SVGIconProps) => (
 export const IconSortDescending = (props: SVGIconProps) => (
   <ImportSortDescending {...updateIconProps(props)} />
 );
+export const IconSpiral = (props: SVGIconProps) => (
+  <ImportSpiral {...updateIconProps(props)} />
+);
 export const IconSplit = (props: SVGIconProps) => (
   <ImportSplit {...updateIconProps(props)} />
 );
@@ -932,9 +914,6 @@ export const IconStop = (props: SVGIconProps) => (
 export const IconStopped = (props: SVGIconProps) => (
   <ImportStopped {...updateIconProps(props)} />
 );
-export const IconSun = (props: SVGIconProps) => (
-  <ImportSun {...updateIconProps(props)} />
-);
 export const IconSwap = (props: SVGIconProps) => (
   <ImportSwap {...updateIconProps(props)} />
 );
@@ -1049,9 +1028,6 @@ export const IconVideoPlay = (props: SVGIconProps) => (
 export const IconViewGlasses = (props: SVGIconProps) => (
   <ImportViewGlasses {...updateIconProps(props)} />
 );
-export const IconVisible = (props: SVGIconProps) => (
-  <ImportVisible {...updateIconProps(props)} />
-);
 export const IconWandb = (props: SVGIconProps) => (
   <ImportWandb {...updateIconProps(props)} />
 );
@@ -1092,7 +1068,6 @@ const ICON_NAME_TO_ICON: Record<IconName, ElementType> = {
   area: IconArea,
   'artifact-type-alt': IconArtifactTypeAlt,
   'audio-volume': IconAudioVolume,
-  'automated-workspace': IconAutomatedWorkspace,
   'automation-robot-arm': IconAutomationRobotArm,
   back: IconBack,
   'baseline-alt': IconBaselineAlt,
@@ -1158,7 +1133,6 @@ const ICON_NAME_TO_ICON: Record<IconName, ElementType> = {
   'export-share-upload': IconExportShareUpload,
   'facebook-social': IconFacebookSocial,
   failed: IconFailed,
-  'filled-circle': IconFilledCircle,
   'filter-alt': IconFilterAlt,
   'flash-bolt': IconFlashBolt,
   'folder-alt': IconFolderAlt,
@@ -1223,11 +1197,9 @@ const ICON_NAME_TO_ICON: Record<IconName, ElementType> = {
   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,
@@ -1247,7 +1219,6 @@ const ICON_NAME_TO_ICON: Record<IconName, ElementType> = {
   'pencil-edit': IconPencilEdit,
   photo: IconPhoto,
   pin: IconPin,
-  'pin-to-right': IconPinToRight,
   play: IconPlay,
   plotly: IconPlotly,
   'priority-critical': IconPriorityCritical,
@@ -1295,13 +1266,13 @@ const ICON_NAME_TO_ICON: Record<IconName, ElementType> = {
   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,
@@ -1340,7 +1311,6 @@ const ICON_NAME_TO_ICON: Record<IconName, ElementType> = {
   'vertex-gcp': IconVertexGCP,
   'video-play': IconVideoPlay,
   'view-glasses': IconViewGlasses,
-  visible: IconVisible,
   wandb: IconWandb,
   warning: IconWarning,
   'warning-alt': IconWarningAlt,

weave-js/src/components/Icon/index.ts

@@ -8,7 +8,6 @@ export {
   IconArea,
   IconArtifactTypeAlt,
   IconAudioVolume,
-  IconAutomatedWorkspace,
   IconAutomationRobotArm,
   IconBack,
   IconBaselineAlt,
@@ -74,7 +73,6 @@ export {
   IconExportShareUpload,
   IconFacebookSocial,
   IconFailed,
-  IconFilledCircle,
   IconFilterAlt,
   IconFlashBolt,
   IconFolderAlt,
@@ -139,11 +137,9 @@ export {
   IconModel,
   IconModelOnDark,
   IconMolecule,
-  IconMoon,
   IconMusicAudio,
   IconNewSectionAbove,
   IconNewSectionBelow,
-  IconNotVisible,
   IconNumber,
   IconOpenaiLogo,
   IconOpenNewTab,
@@ -163,7 +159,6 @@ export {
   IconPencilEdit,
   IconPhoto,
   IconPin,
-  IconPinToRight,
   IconPlay,
   IconPlotly,
   IconPriorityCritical,
@@ -211,13 +206,13 @@ export {
   IconSort,
   IconSortAscending,
   IconSortDescending,
+  IconSpiral,
   IconSplit,
   IconSquare,
   IconStar,
   IconStarFilled,
   IconStop,
   IconStopped,
-  IconSun,
   IconSwap,
   IconSweepBayes,
   IconSweepGrid,
@@ -256,7 +251,6 @@ export {
   IconVertexGCP,
   IconVideoPlay,
   IconViewGlasses,
-  IconVisible,
   IconWandb,
   IconWarning,
   IconWarningAlt,

weave-js/src/components/Icon/types.ts

@@ -7,7 +7,6 @@ export const IconNames = {
   Area: 'area',
   ArtifactTypeAlt: 'artifact-type-alt',
   AudioVolume: 'audio-volume',
-  AutomatedWorkspace: 'automated-workspace',
   AutomationRobotArm: 'automation-robot-arm',
   Back: 'back',
   BaselineAlt: 'baseline-alt',
@@ -73,7 +72,6 @@ export const IconNames = {
   ExportShareUpload: 'export-share-upload',
   FacebookSocial: 'facebook-social',
   Failed: 'failed',
-  FilledCircle: 'filled-circle',
   FilterAlt: 'filter-alt',
   FlashBolt: 'flash-bolt',
   FolderAlt: 'folder-alt',
@@ -138,11 +136,9 @@ 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',
@@ -162,7 +158,6 @@ export const IconNames = {
   PencilEdit: 'pencil-edit',
   Photo: 'photo',
   Pin: 'pin',
-  PinToRight: 'pin-to-right',
   Play: 'play',
   Plotly: 'plotly',
   PriorityCritical: 'priority-critical',
@@ -210,13 +205,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',
@@ -255,7 +250,6 @@ export const IconNames = {
   VertexGCP: 'vertex-gcp',
   VideoPlay: 'video-play',
   ViewGlasses: 'view-glasses',
-  Visible: 'visible',
   Wandb: 'wandb',
   Warning: 'warning',
   WarningAlt: 'warning-alt',