Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

chore(weave): add spiral icon #3226

Merged
merged 6 commits into from
Dec 12, 2024
Merged
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Redoing addicon with currentColor fill
mbarrramsey committed Dec 12, 2024
commit ac798c8048fda11e8f209f39fb28c7b0c1defe79
40 changes: 5 additions & 35 deletions weave-js/src/components/Icon/Icon.tsx
Original file line number Diff line number Diff line change
@@ -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,
8 changes: 1 addition & 7 deletions weave-js/src/components/Icon/index.ts
Original file line number Diff line number Diff line change
@@ -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,
8 changes: 1 addition & 7 deletions weave-js/src/components/Icon/types.ts
Original file line number Diff line number Diff line change
@@ -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',