From 9ee23e132b7d3f177ecaf6629fefdbe3da21fd5f Mon Sep 17 00:00:00 2001 From: Gareth Jones Date: Mon, 3 Feb 2025 12:20:54 -0500 Subject: [PATCH 1/3] Adding new chart icons --- src/components/Icon/IconCommon.tsx | 15 +++- src/components/Icon/types.ts | 8 ++ src/components/icons/ChartArea.tsx | 23 ++++++ src/components/icons/ChartBarHorizontal.tsx | 19 +++++ src/components/icons/ChartDonut.tsx | 19 +++++ src/components/icons/ChartHeatmap.tsx | 43 +++++++++++ src/components/icons/ChartScatter.tsx | 19 +++++ .../icons/ChartStackedHorizontal.tsx | 76 +++++++++++++++++++ src/components/icons/ChartStackedVertical.tsx | 76 +++++++++++++++++++ 9 files changed, 297 insertions(+), 1 deletion(-) create mode 100644 src/components/icons/ChartArea.tsx create mode 100644 src/components/icons/ChartBarHorizontal.tsx create mode 100644 src/components/icons/ChartDonut.tsx create mode 100644 src/components/icons/ChartHeatmap.tsx create mode 100644 src/components/icons/ChartScatter.tsx create mode 100644 src/components/icons/ChartStackedHorizontal.tsx create mode 100644 src/components/icons/ChartStackedVertical.tsx diff --git a/src/components/Icon/IconCommon.tsx b/src/components/Icon/IconCommon.tsx index 519549f8..201a3fae 100644 --- a/src/components/Icon/IconCommon.tsx +++ b/src/components/Icon/IconCommon.tsx @@ -15,6 +15,13 @@ import ArrowDown from "@/components/icons/ArrowDown"; import ArrowLeft from "../icons/ArrowLeft"; import InfoInCircleIcon from "@/components/icons/InfoInCircleIcon"; import CheckIcon from "@/components/icons/CheckIcon"; +import ChartArea from "@/components/icons/ChartArea"; +import ChartBarHorizontal from "@/components/icons/ChartBarHorizontal"; +import ChartDonut from "@/components/icons/ChartDonut"; +import ChartHeatmap from "@/components/icons/ChartHeatmap"; +import ChartScatter from "@/components/icons/ChartScatter"; +import ChartStackedHorizontal from "@/components/icons/ChartStackedHorizontal"; +import ChartStackedVertical from "@/components/icons/ChartStackedVertical"; import InformationIcon from "@/components/icons/InformationIcon"; import WarningIcon from "@/components/icons/WarningIcon"; import CrossIcon from "@/components/icons/CrossIcon"; @@ -167,7 +174,13 @@ export const ICONS_MAP = { cards: Cards, "cell-tower": CellTower, chat: ChatIcon, - check: CheckIcon, + "chart-area": ChartArea, + "chart-bar-horizontal": ChartBarHorizontal, + "chart-donut": ChartDonut, + "chart-heatmap": ChartHeatmap, + "chart-scatter": ChartScatter, + "chart-stacked-horizontal": ChartStackedHorizontal, + "chart-stacked-vertical": ChartStackedVertical, "check-in-circle": CheckInCircle, "chevron-down": ChevronDown, "chevron-left": ChevronLeft, diff --git a/src/components/Icon/types.ts b/src/components/Icon/types.ts index f26e0f20..db501f48 100644 --- a/src/components/Icon/types.ts +++ b/src/components/Icon/types.ts @@ -33,6 +33,14 @@ export const ICON_NAMES = [ "cards", "cell-tower", "chat", + "chart-area", + "chart-bar-horizontal", + "chart-donut", + "chart-heatmap", + "chart-line", + "chart-scatter", + "chart-stacked-horizontal", + "chart-stacked-vertical", "check", "check-in-circle", "chevron-down", diff --git a/src/components/icons/ChartArea.tsx b/src/components/icons/ChartArea.tsx new file mode 100644 index 00000000..c2555606 --- /dev/null +++ b/src/components/icons/ChartArea.tsx @@ -0,0 +1,23 @@ +import { SVGAttributes } from "react"; + +const ChartArea = (props: SVGAttributes) => ( + + + + +); + +export default ChartArea; diff --git a/src/components/icons/ChartBarHorizontal.tsx b/src/components/icons/ChartBarHorizontal.tsx new file mode 100644 index 00000000..9369d288 --- /dev/null +++ b/src/components/icons/ChartBarHorizontal.tsx @@ -0,0 +1,19 @@ +import { SVGAttributes } from "react"; + +const ChartBarHorizontal = (props: SVGAttributes) => ( + + + +); + +export default ChartBarHorizontal; diff --git a/src/components/icons/ChartDonut.tsx b/src/components/icons/ChartDonut.tsx new file mode 100644 index 00000000..70fdf423 --- /dev/null +++ b/src/components/icons/ChartDonut.tsx @@ -0,0 +1,19 @@ +import { SVGAttributes } from "react"; + +const ChartDonut = (props: SVGAttributes) => ( + + + +); + +export default ChartDonut; diff --git a/src/components/icons/ChartHeatmap.tsx b/src/components/icons/ChartHeatmap.tsx new file mode 100644 index 00000000..8c08d01c --- /dev/null +++ b/src/components/icons/ChartHeatmap.tsx @@ -0,0 +1,43 @@ +import { SVGAttributes } from "react"; + +const ChartHeatmap = (props: SVGAttributes) => ( + + + + + + + +); + +export default ChartHeatmap; diff --git a/src/components/icons/ChartScatter.tsx b/src/components/icons/ChartScatter.tsx new file mode 100644 index 00000000..7b3b3506 --- /dev/null +++ b/src/components/icons/ChartScatter.tsx @@ -0,0 +1,19 @@ +import { SVGAttributes } from "react"; + +const ChartScatter = (props: SVGAttributes) => ( + + + +); + +export default ChartScatter; diff --git a/src/components/icons/ChartStackedHorizontal.tsx b/src/components/icons/ChartStackedHorizontal.tsx new file mode 100644 index 00000000..e6c8a86d --- /dev/null +++ b/src/components/icons/ChartStackedHorizontal.tsx @@ -0,0 +1,76 @@ +import { SVGAttributes } from "react"; + +const ChartStackedHorizontal = (props: SVGAttributes) => ( + + + + + + + + + +); + +export default ChartStackedHorizontal; diff --git a/src/components/icons/ChartStackedVertical.tsx b/src/components/icons/ChartStackedVertical.tsx new file mode 100644 index 00000000..66761878 --- /dev/null +++ b/src/components/icons/ChartStackedVertical.tsx @@ -0,0 +1,76 @@ +import { SVGAttributes } from "react"; + +const ChartStackedVertical = (props: SVGAttributes) => ( + + + + + + + + + +); + +export default ChartStackedVertical; From 90f160e9fded9670de0809e5a0bd1a5c7f568346 Mon Sep 17 00:00:00 2001 From: Gareth Jones Date: Mon, 3 Feb 2025 12:23:05 -0500 Subject: [PATCH 2/3] Fixing accidental line removal. --- src/components/Icon/IconCommon.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/Icon/IconCommon.tsx b/src/components/Icon/IconCommon.tsx index 201a3fae..e452629b 100644 --- a/src/components/Icon/IconCommon.tsx +++ b/src/components/Icon/IconCommon.tsx @@ -181,6 +181,7 @@ export const ICONS_MAP = { "chart-scatter": ChartScatter, "chart-stacked-horizontal": ChartStackedHorizontal, "chart-stacked-vertical": ChartStackedVertical, + check: CheckIcon, "check-in-circle": CheckInCircle, "chevron-down": ChevronDown, "chevron-left": ChevronLeft, From 9b8703e7525f409fd1aba76de545d1323ed7a7a3 Mon Sep 17 00:00:00 2001 From: Gareth Jones Date: Mon, 3 Feb 2025 21:32:00 -0500 Subject: [PATCH 3/3] removing unnessessary import --- src/components/Icon/types.ts | 1 - 1 file changed, 1 deletion(-) diff --git a/src/components/Icon/types.ts b/src/components/Icon/types.ts index db501f48..11812e17 100644 --- a/src/components/Icon/types.ts +++ b/src/components/Icon/types.ts @@ -37,7 +37,6 @@ export const ICON_NAMES = [ "chart-bar-horizontal", "chart-donut", "chart-heatmap", - "chart-line", "chart-scatter", "chart-stacked-horizontal", "chart-stacked-vertical",