From a2b0d8e5c4310ba23e29f617f656fc82b74a7aed Mon Sep 17 00:00:00 2001 From: JunichiSugiura Date: Fri, 17 Jan 2025 20:04:15 +0900 Subject: [PATCH] Sunset duotone --- .../src/components/icons/duotone/alert.tsx | 30 ---------- .../src/components/icons/duotone/battery.tsx | 28 ---------- .../icons/duotone/checkbox-checked.tsx | 27 --------- .../src/components/icons/duotone/coins.tsx | 40 -------------- .../components/icons/duotone/credit-card.tsx | 28 ---------- .../src/components/icons/duotone/ethereum.tsx | 45 --------------- .../src/components/icons/duotone/face-id.tsx | 51 ----------------- .../components/icons/duotone/fingerprint.tsx | 33 ----------- .../src/components/icons/duotone/gem.tsx | 30 ---------- .../src/components/icons/duotone/index.ts | 25 --------- .../icons/duotone/layer-details.tsx | 33 ----------- .../src/components/icons/duotone/logout.tsx | 28 ---------- .../icons/duotone/new-controller.tsx | 35 ------------ .../components/icons/duotone/new-layer.tsx | 28 ---------- .../components/icons/duotone/plug-active.tsx | 40 -------------- .../src/components/icons/duotone/plug-new.tsx | 28 ---------- .../src/components/icons/duotone/qr-code.tsx | 55 ------------------- .../src/components/icons/duotone/quests.tsx | 32 ----------- .../src/components/icons/duotone/rocket.tsx | 40 -------------- .../src/components/icons/duotone/sparkles.tsx | 28 ---------- .../components/icons/duotone/starterpack.tsx | 30 ---------- .../src/components/icons/duotone/timer.tsx | 28 ---------- .../components/icons/duotone/transaction.tsx | 40 -------------- .../src/components/icons/duotone/transfer.tsx | 28 ---------- .../src/components/icons/duotone/trash.tsx | 28 ---------- .../ui-next/src/components/icons/index.ts | 2 - .../ui-next/src/components/icons/types.ts | 5 +- .../icons/utility/checkbox-unchecked.tsx | 10 ++-- .../ui-next/src/components/icons/utils.tsx | 17 ------ .../ui-next/src/stories/icons.stories.tsx | 26 +-------- 30 files changed, 7 insertions(+), 891 deletions(-) delete mode 100644 packages/ui-next/src/components/icons/duotone/alert.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/battery.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/checkbox-checked.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/coins.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/credit-card.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/ethereum.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/face-id.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/fingerprint.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/gem.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/index.ts delete mode 100644 packages/ui-next/src/components/icons/duotone/layer-details.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/logout.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/new-controller.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/new-layer.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/plug-active.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/plug-new.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/qr-code.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/quests.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/rocket.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/sparkles.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/starterpack.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/timer.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/transaction.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/transfer.tsx delete mode 100644 packages/ui-next/src/components/icons/duotone/trash.tsx diff --git a/packages/ui-next/src/components/icons/duotone/alert.tsx b/packages/ui-next/src/components/icons/duotone/alert.tsx deleted file mode 100644 index f368b7477..000000000 --- a/packages/ui-next/src/components/icons/duotone/alert.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const AlertDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -AlertDuoIcon.displayName = "AlertDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/battery.tsx b/packages/ui-next/src/components/icons/duotone/battery.tsx deleted file mode 100644 index 24f6524e2..000000000 --- a/packages/ui-next/src/components/icons/duotone/battery.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const BatteryDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -BatteryDuoIcon.displayName = "BatteryDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/checkbox-checked.tsx b/packages/ui-next/src/components/icons/duotone/checkbox-checked.tsx deleted file mode 100644 index f1be950cc..000000000 --- a/packages/ui-next/src/components/icons/duotone/checkbox-checked.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const CheckboxCheckedDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -CheckboxCheckedDuoIcon.displayName = "CheckboxCheckedDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/coins.tsx b/packages/ui-next/src/components/icons/duotone/coins.tsx deleted file mode 100644 index c62b432fa..000000000 --- a/packages/ui-next/src/components/icons/duotone/coins.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const CoinsDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - - - - - - - ), - ), -); - -CoinsDuoIcon.displayName = "CoinsDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/credit-card.tsx b/packages/ui-next/src/components/icons/duotone/credit-card.tsx deleted file mode 100644 index 6bb4ae483..000000000 --- a/packages/ui-next/src/components/icons/duotone/credit-card.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const CreditCardDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -CreditCardDuoIcon.displayName = "CreditCardDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/ethereum.tsx b/packages/ui-next/src/components/icons/duotone/ethereum.tsx deleted file mode 100644 index 379fa1cd7..000000000 --- a/packages/ui-next/src/components/icons/duotone/ethereum.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const EthereumDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - - - - ), - ), -); - -EthereumDuoIcon.displayName = "EthereumDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/face-id.tsx b/packages/ui-next/src/components/icons/duotone/face-id.tsx deleted file mode 100644 index ea83d535e..000000000 --- a/packages/ui-next/src/components/icons/duotone/face-id.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const FaceIDDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - - - - - ), - ), -); - -FaceIDDuoIcon.displayName = "FaceIDDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/fingerprint.tsx b/packages/ui-next/src/components/icons/duotone/fingerprint.tsx deleted file mode 100644 index b38b3a189..000000000 --- a/packages/ui-next/src/components/icons/duotone/fingerprint.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const FingerprintDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - ), - ), -); - -FingerprintDuoIcon.displayName = "FingerprintDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/gem.tsx b/packages/ui-next/src/components/icons/duotone/gem.tsx deleted file mode 100644 index e2ce989e4..000000000 --- a/packages/ui-next/src/components/icons/duotone/gem.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const GemDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -GemDuoIcon.displayName = "GemDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/index.ts b/packages/ui-next/src/components/icons/duotone/index.ts deleted file mode 100644 index 5918e354d..000000000 --- a/packages/ui-next/src/components/icons/duotone/index.ts +++ /dev/null @@ -1,25 +0,0 @@ -export * from "./alert"; -export * from "./battery"; -export * from "./checkbox-checked"; -export * from "./coins"; -export * from "./credit-card"; -export * from "./ethereum"; -export * from "./face-id"; -// Not sure why but it breaks Profile app -// export * from "./fingerprint"; -export * from "./gem"; -export * from "./layer-details"; -export * from "./logout"; -export * from "./new-controller"; -export * from "./new-layer"; -export * from "./plug-active"; -export * from "./plug-new"; -export * from "./qr-code"; -export * from "./quests"; -export * from "./rocket"; -export * from "./sparkles"; -export * from "./starterpack"; -export * from "./timer"; -export * from "./transaction"; -export * from "./transfer"; -export * from "./trash"; diff --git a/packages/ui-next/src/components/icons/duotone/layer-details.tsx b/packages/ui-next/src/components/icons/duotone/layer-details.tsx deleted file mode 100644 index e4ca1e1ac..000000000 --- a/packages/ui-next/src/components/icons/duotone/layer-details.tsx +++ /dev/null @@ -1,33 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const LayerDetailsDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - ), - ), -); - -LayerDetailsDuoIcon.displayName = "LayerDetailsDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/logout.tsx b/packages/ui-next/src/components/icons/duotone/logout.tsx deleted file mode 100644 index d5a0036b6..000000000 --- a/packages/ui-next/src/components/icons/duotone/logout.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const LogoutDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -LogoutDuoIcon.displayName = "LogoutDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/new-controller.tsx b/packages/ui-next/src/components/icons/duotone/new-controller.tsx deleted file mode 100644 index 2461be679..000000000 --- a/packages/ui-next/src/components/icons/duotone/new-controller.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const NewControllerDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - ), - ), -); - -NewControllerDuoIcon.displayName = "NewControllerDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/new-layer.tsx b/packages/ui-next/src/components/icons/duotone/new-layer.tsx deleted file mode 100644 index 6e2f02263..000000000 --- a/packages/ui-next/src/components/icons/duotone/new-layer.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const NewLayerDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -NewLayerDuoIcon.displayName = "NewLayerDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/plug-active.tsx b/packages/ui-next/src/components/icons/duotone/plug-active.tsx deleted file mode 100644 index 75f0fe3a4..000000000 --- a/packages/ui-next/src/components/icons/duotone/plug-active.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const PlugActiveDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - - ), - ), -); - -PlugActiveDuoIcon.displayName = "PlugActiveDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/plug-new.tsx b/packages/ui-next/src/components/icons/duotone/plug-new.tsx deleted file mode 100644 index ca373994f..000000000 --- a/packages/ui-next/src/components/icons/duotone/plug-new.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const PlugNewDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -PlugNewDuoIcon.displayName = "PlugNewDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/qr-code.tsx b/packages/ui-next/src/components/icons/duotone/qr-code.tsx deleted file mode 100644 index 0ba924c56..000000000 --- a/packages/ui-next/src/components/icons/duotone/qr-code.tsx +++ /dev/null @@ -1,55 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const QRCodeDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - - - - - - ), - ), -); - -QRCodeDuoIcon.displayName = "QRCodeDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/quests.tsx b/packages/ui-next/src/components/icons/duotone/quests.tsx deleted file mode 100644 index 06443b689..000000000 --- a/packages/ui-next/src/components/icons/duotone/quests.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const QuestsDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -QuestsDuoIcon.displayName = "QuestsDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/rocket.tsx b/packages/ui-next/src/components/icons/duotone/rocket.tsx deleted file mode 100644 index 1f6df0177..000000000 --- a/packages/ui-next/src/components/icons/duotone/rocket.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const RocketDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - - ), - ), -); - -RocketDuoIcon.displayName = "RocketDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/sparkles.tsx b/packages/ui-next/src/components/icons/duotone/sparkles.tsx deleted file mode 100644 index c61239281..000000000 --- a/packages/ui-next/src/components/icons/duotone/sparkles.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const SparklesDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -SparklesDuoIcon.displayName = "SparklesDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/starterpack.tsx b/packages/ui-next/src/components/icons/duotone/starterpack.tsx deleted file mode 100644 index 8bc5c6376..000000000 --- a/packages/ui-next/src/components/icons/duotone/starterpack.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const StarterpackDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -StarterpackDuoIcon.displayName = "StarterpackDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/timer.tsx b/packages/ui-next/src/components/icons/duotone/timer.tsx deleted file mode 100644 index 0219c4f42..000000000 --- a/packages/ui-next/src/components/icons/duotone/timer.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const TimerDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -TimerDuoIcon.displayName = "TimerDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/transaction.tsx b/packages/ui-next/src/components/icons/duotone/transaction.tsx deleted file mode 100644 index 35418f79b..000000000 --- a/packages/ui-next/src/components/icons/duotone/transaction.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const TransactionDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - - - - - - - - ), - ), -); - -TransactionDuoIcon.displayName = "TransactionDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/transfer.tsx b/packages/ui-next/src/components/icons/duotone/transfer.tsx deleted file mode 100644 index b067069e7..000000000 --- a/packages/ui-next/src/components/icons/duotone/transfer.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const TransferDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -TransferDuoIcon.displayName = "TransferDuoIcon"; diff --git a/packages/ui-next/src/components/icons/duotone/trash.tsx b/packages/ui-next/src/components/icons/duotone/trash.tsx deleted file mode 100644 index 6a69f2a85..000000000 --- a/packages/ui-next/src/components/icons/duotone/trash.tsx +++ /dev/null @@ -1,28 +0,0 @@ -import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; - -export const TrashDuoIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( - - - - - ), - ), -); - -TrashDuoIcon.displayName = "TrashDuoIcon"; diff --git a/packages/ui-next/src/components/icons/index.ts b/packages/ui-next/src/components/icons/index.ts index 87acaa1bf..b49e95b23 100644 --- a/packages/ui-next/src/components/icons/index.ts +++ b/packages/ui-next/src/components/icons/index.ts @@ -1,7 +1,6 @@ export * from "./brand"; export * from "./brand-color"; export * from "./directional"; -export * from "./duotone"; export * from "./error-alert-icon"; export * from "./state"; export * from "./utility"; @@ -10,6 +9,5 @@ export * from "./types"; export * as brandIcons from "./brand"; export * as brandColorIcons from "./brand-color"; export * as directionalIcons from "./directional"; -export * as duotoneIcons from "./duotone"; export * as stateIcons from "./state"; export * as utilityIcons from "./utility"; diff --git a/packages/ui-next/src/components/icons/types.ts b/packages/ui-next/src/components/icons/types.ts index 399e5c8b9..863e6a75f 100644 --- a/packages/ui-next/src/components/icons/types.ts +++ b/packages/ui-next/src/components/icons/types.ts @@ -1,5 +1,5 @@ import { VariantProps } from "class-variance-authority"; -import { iconVariants, duotoneIconVariants } from "./utils"; +import { iconVariants } from "./utils"; export type IconProps = React.SVGAttributes & VariantProps; @@ -9,8 +9,5 @@ export type DirectionalIconProps = React.SVGAttributes & export type Direction = "up" | "right" | "down" | "left"; -export type DuotoneIconProps = React.SVGAttributes & - VariantProps; - export type StateIconProps = React.SVGAttributes & VariantProps & { variant: "solid" | "line" }; diff --git a/packages/ui-next/src/components/icons/utility/checkbox-unchecked.tsx b/packages/ui-next/src/components/icons/utility/checkbox-unchecked.tsx index f63e0160b..2b0e426ac 100644 --- a/packages/ui-next/src/components/icons/utility/checkbox-unchecked.tsx +++ b/packages/ui-next/src/components/icons/utility/checkbox-unchecked.tsx @@ -1,13 +1,13 @@ import { forwardRef, memo } from "react"; -import { duotoneIconVariants } from "../utils"; -import { DuotoneIconProps } from "../types"; +import { iconVariants } from "../utils"; +import { IconProps } from "../types"; export const CheckboxUncheckedIcon = memo( - forwardRef( - ({ className, variant, size, ...props }, forwardedRef) => ( + forwardRef( + ({ className, size, ...props }, forwardedRef) => ( diff --git a/packages/ui-next/src/components/icons/utils.tsx b/packages/ui-next/src/components/icons/utils.tsx index c9124fe84..9205051a1 100644 --- a/packages/ui-next/src/components/icons/utils.tsx +++ b/packages/ui-next/src/components/icons/utils.tsx @@ -18,20 +18,3 @@ export const iconVariants = cva(base, { size: "default", }, }); - -export const duotoneVariant = { - default: "[&_*.accentColor]:fill-tertiary", - destructive: - "[&_*.accentColor]:fill-destructive [&_*.color]:fill-destructive", -}; - -export const duotoneIconVariants = cva(base, { - variants: { - size, - variant: duotoneVariant, - }, - defaultVariants: { - size: "default", - variant: "default", - }, -}); diff --git a/packages/ui-next/src/stories/icons.stories.tsx b/packages/ui-next/src/stories/icons.stories.tsx index 6d4d487e2..564548505 100644 --- a/packages/ui-next/src/stories/icons.stories.tsx +++ b/packages/ui-next/src/stories/icons.stories.tsx @@ -2,17 +2,15 @@ import { brandColorIcons, brandIcons, directionalIcons, - duotoneIcons, stateIcons, utilityIcons, } from "@/components/icons"; import { DirectionalIconProps, - DuotoneIconProps, IconProps, StateIconProps, } from "@/components/icons/types"; -import { size, duotoneVariant } from "@/components/icons/utils"; +import { size } from "@/components/icons/utils"; import { cn } from "@/utils"; import { Meta, StoryObj } from "@storybook/react"; import { ComponentType } from "react"; @@ -21,7 +19,6 @@ const iconsByCategory = { brand: brandIcons, "brand-color": brandColorIcons, directional: directionalIcons, - duotone: duotoneIcons, state: stateIcons, utility: utilityIcons, }; @@ -54,14 +51,6 @@ const meta: Meta = { options: ["up", "right", "down", "left"], description: "Directional icons only.", }, - duotoneVariant: { - control: "radio", - options: Object.keys(duotoneVariant), - description: "Duotone icons only.", - table: { - defaultValue: { summary: "default" }, - }, - }, stateVariant: { control: "radio", options: ["solid", "line"], @@ -77,7 +66,6 @@ const meta: Meta = { className: "text-foreground", size: "default", directionalVariant: "up", - duotoneVariant: "default", stateVariant: "solid", }, }; @@ -104,12 +92,6 @@ export const Directional: Story = { }, }; -export const Duotone: Story = { - args: { - category: "duotone", - }, -}; - export const State: Story = { args: { category: "state", @@ -127,14 +109,12 @@ function Icons({ category, size, directionalVariant, - duotoneVariant, stateVariant, }: { className: string; category: keyof typeof iconsByCategory; size?: IconProps["size"]; directionalVariant: DirectionalIconProps["variant"]; - duotoneVariant?: DuotoneIconProps["variant"]; stateVariant: StateIconProps["variant"]; }) { return ( @@ -156,10 +136,6 @@ function Icons({ ); } - case "duotone": { - const DuotoneIcon = icon as ComponentType; - return ; - } case "state": { const StateIcon = icon as ComponentType; return ;