From 2351ecf4f867a7834262f9b68ed026ba77723b24 Mon Sep 17 00:00:00 2001 From: Jamie Rasmussen <112953339+jamie-rasmussen@users.noreply.github.com> Date: Mon, 9 Dec 2024 15:15:14 -0600 Subject: [PATCH] chore(weave): add sun and moon icons (#3182) --- weave-js/src/assets/icons/icon-moon.svg | 3 +++ weave-js/src/assets/icons/icon-not-visible.svg | 2 +- weave-js/src/assets/icons/icon-pin-to-right.svg | 2 +- weave-js/src/assets/icons/icon-sun.svg | 11 +++++++++++ weave-js/src/components/Icon/Icon.tsx | 10 ++++++++++ weave-js/src/components/Icon/index.ts | 2 ++ weave-js/src/components/Icon/types.ts | 2 ++ 7 files changed, 30 insertions(+), 2 deletions(-) create mode 100644 weave-js/src/assets/icons/icon-moon.svg create mode 100644 weave-js/src/assets/icons/icon-sun.svg diff --git a/weave-js/src/assets/icons/icon-moon.svg b/weave-js/src/assets/icons/icon-moon.svg new file mode 100644 index 00000000000..e448eab96c3 --- /dev/null +++ b/weave-js/src/assets/icons/icon-moon.svg @@ -0,0 +1,3 @@ + + + diff --git a/weave-js/src/assets/icons/icon-not-visible.svg b/weave-js/src/assets/icons/icon-not-visible.svg index 766810c7811..b2782d987b9 100644 --- a/weave-js/src/assets/icons/icon-not-visible.svg +++ b/weave-js/src/assets/icons/icon-not-visible.svg @@ -2,4 +2,4 @@ - \ No newline at end of file + diff --git a/weave-js/src/assets/icons/icon-pin-to-right.svg b/weave-js/src/assets/icons/icon-pin-to-right.svg index 1ae05ea52ae..46a9c0bf114 100644 --- a/weave-js/src/assets/icons/icon-pin-to-right.svg +++ b/weave-js/src/assets/icons/icon-pin-to-right.svg @@ -2,4 +2,4 @@ - \ No newline at end of file + diff --git a/weave-js/src/assets/icons/icon-sun.svg b/weave-js/src/assets/icons/icon-sun.svg new file mode 100644 index 00000000000..bb0c57891b0 --- /dev/null +++ b/weave-js/src/assets/icons/icon-sun.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/weave-js/src/components/Icon/Icon.tsx b/weave-js/src/components/Icon/Icon.tsx index 948c8a456b4..9c020b1bab9 100644 --- a/weave-js/src/components/Icon/Icon.tsx +++ b/weave-js/src/components/Icon/Icon.tsx @@ -139,6 +139,7 @@ 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'; @@ -216,6 +217,7 @@ 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'; @@ -695,6 +697,9 @@ export const IconModelOnDark = (props: SVGIconProps) => ( export const IconMolecule = (props: SVGIconProps) => ( ); +export const IconMoon = (props: SVGIconProps) => ( + +); export const IconMusicAudio = (props: SVGIconProps) => ( ); @@ -926,6 +931,9 @@ export const IconStop = (props: SVGIconProps) => ( export const IconStopped = (props: SVGIconProps) => ( ); +export const IconSun = (props: SVGIconProps) => ( + +); export const IconSwap = (props: SVGIconProps) => ( ); @@ -1211,6 +1219,7 @@ 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, @@ -1288,6 +1297,7 @@ const ICON_NAME_TO_ICON: Record = { 'star-filled': IconStarFilled, stop: IconStop, stopped: IconStopped, + sun: IconSun, swap: IconSwap, 'sweep-bayes': IconSweepBayes, 'sweep-grid': IconSweepGrid, diff --git a/weave-js/src/components/Icon/index.ts b/weave-js/src/components/Icon/index.ts index 81839a71019..85ea5332649 100644 --- a/weave-js/src/components/Icon/index.ts +++ b/weave-js/src/components/Icon/index.ts @@ -139,6 +139,7 @@ export { IconModel, IconModelOnDark, IconMolecule, + IconMoon, IconMusicAudio, IconNewSectionAbove, IconNewSectionBelow, @@ -216,6 +217,7 @@ export { IconStarFilled, IconStop, IconStopped, + IconSun, IconSwap, IconSweepBayes, IconSweepGrid, diff --git a/weave-js/src/components/Icon/types.ts b/weave-js/src/components/Icon/types.ts index 55f46c52833..87a1207bc85 100644 --- a/weave-js/src/components/Icon/types.ts +++ b/weave-js/src/components/Icon/types.ts @@ -138,6 +138,7 @@ export const IconNames = { Model: 'model', ModelOnDark: 'model-on-dark', Molecule: 'molecule', + Moon: 'moon', MusicAudio: 'music-audio', NewSectionAbove: 'new-section-above', NewSectionBelow: 'new-section-below', @@ -215,6 +216,7 @@ export const IconNames = { StarFilled: 'star-filled', Stop: 'stop', Stopped: 'stopped', + Sun: 'sun', Swap: 'swap', SweepBayes: 'sweep-bayes', SweepGrid: 'sweep-grid',