From 4ca51d23d806d5cecacd1874e234bee4fd0e40d0 Mon Sep 17 00:00:00 2001 From: Alex <33497058+bexsoft@users.noreply.github.com> Date: Thu, 11 Jan 2024 18:06:33 -0600 Subject: [PATCH] Added New Theming icons (#628) Signed-off-by: Benjamin Perez --- src/components/Icons/AutoModeIcon.tsx | 40 +++++++++++++++++++++++ src/components/Icons/DarkModeIcon.tsx | 17 +++++----- src/components/Icons/Icons.stories.tsx | 12 +++++++ src/components/Icons/LightModeIcon.tsx | 45 ++++++++++++++++++++++++++ src/components/Icons/index.ts | 2 ++ 5 files changed, 108 insertions(+), 8 deletions(-) create mode 100644 src/components/Icons/AutoModeIcon.tsx create mode 100644 src/components/Icons/LightModeIcon.tsx diff --git a/src/components/Icons/AutoModeIcon.tsx b/src/components/Icons/AutoModeIcon.tsx new file mode 100644 index 00000000..9bac45e5 --- /dev/null +++ b/src/components/Icons/AutoModeIcon.tsx @@ -0,0 +1,40 @@ +// This file is part of MinIO Design System +// Copyright (c) 2024 MinIO, Inc. +// +// This program is free software: you can redistribute it and/or modify +// it under the terms of the GNU Affero General Public License as published by +// the Free Software Foundation, either version 3 of the License, or +// (at your option) any later version. +// +// This program is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU Affero General Public License for more details. +// +// You should have received a copy of the GNU Affero General Public License +// along with this program. If not, see . + +import * as React from "react"; +import { SVGProps } from "react"; + +const AutoModeIcon = (props: SVGProps) => ( + + + + + + + +); + +export default AutoModeIcon; diff --git a/src/components/Icons/DarkModeIcon.tsx b/src/components/Icons/DarkModeIcon.tsx index 6aaeb056..9b14eff9 100644 --- a/src/components/Icons/DarkModeIcon.tsx +++ b/src/components/Icons/DarkModeIcon.tsx @@ -24,14 +24,15 @@ const DarkModeIcon = (props: SVGProps) => ( viewBox="0 0 256 256" {...props} > - + + + + + ); diff --git a/src/components/Icons/Icons.stories.tsx b/src/components/Icons/Icons.stories.tsx index 0c2a2bf5..a8a019b2 100644 --- a/src/components/Icons/Icons.stories.tsx +++ b/src/components/Icons/Icons.stories.tsx @@ -182,6 +182,12 @@ const Template: Story = (args) => { AudioIconMute +
+ +
+ AutoModeIcon +
+

@@ -704,6 +710,12 @@ const Template: Story = (args) => { LifecycleConfigIcon
+
+ +
+ LightModeIcon +
+

diff --git a/src/components/Icons/LightModeIcon.tsx b/src/components/Icons/LightModeIcon.tsx new file mode 100644 index 00000000..ad7cfe7a --- /dev/null +++ b/src/components/Icons/LightModeIcon.tsx @@ -0,0 +1,45 @@ +// This file is part of MinIO Design System +// Copyright (c) 2024 MinIO, Inc. +// +// This program is free software: you can redistribute it and/or modify +// it under the terms of the GNU Affero General Public License as published by +// the Free Software Foundation, either version 3 of the License, or +// (at your option) any later version. +// +// This program is distributed in the hope that it will be useful, +// but WITHOUT ANY WARRANTY; without even the implied warranty of +// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the +// GNU Affero General Public License for more details. +// +// You should have received a copy of the GNU Affero General Public License +// along with this program. If not, see . + +import * as React from "react"; +import { SVGProps } from "react"; + +const LightModeIcon = (props: SVGProps) => ( + + + +); + +export default LightModeIcon; diff --git a/src/components/Icons/index.ts b/src/components/Icons/index.ts index 2b95e8b0..438a7844 100644 --- a/src/components/Icons/index.ts +++ b/src/components/Icons/index.ts @@ -228,6 +228,8 @@ export { default as ExpandIcon } from "./ExpandIcon"; export { default as NextCaretIcon } from "./NextCaretIcon"; export { default as PrevCaretIcon } from "./PrevCaretIcon"; export { default as DarkModeIcon } from "./DarkModeIcon"; +export { default as LightModeIcon } from "./LightModeIcon"; +export { default as AutoModeIcon } from "./AutoModeIcon"; export { default as ShuffleIcon } from "./ShuffleIcon"; export { default as LanguageIcon } from "./LanguageIcon"; export { default as EventBusyIcon } from "./EventBusyIcon";