From 680e9ec209ecff51da1b1981741eaf528cbecadd Mon Sep 17 00:00:00 2001
From: Fredrik Thorsson <fredrik.thorsson@forefront.se>
Date: Thu, 13 Jun 2024 13:02:24 +0200
Subject: [PATCH] feat: change import

---
 components/Icons/Calendar.tsx    | 2 +-
 components/Icons/CheckCircle.tsx | 2 +-
 components/Icons/ChevronDown.tsx | 2 +-
 components/Icons/Email.tsx       | 2 +-
 components/Icons/House.tsx       | 2 +-
 components/Icons/icon.module.css | 5 +++++
 6 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/components/Icons/Calendar.tsx b/components/Icons/Calendar.tsx
index 5d28a3c28..eaa8f42ac 100644
--- a/components/Icons/Calendar.tsx
+++ b/components/Icons/Calendar.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function CalendarIcon({
   className,
diff --git a/components/Icons/CheckCircle.tsx b/components/Icons/CheckCircle.tsx
index 7109df68e..f8278019b 100644
--- a/components/Icons/CheckCircle.tsx
+++ b/components/Icons/CheckCircle.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function CheckCircleIcon({
   className,
diff --git a/components/Icons/ChevronDown.tsx b/components/Icons/ChevronDown.tsx
index f50b5ce3a..b9ce5544e 100644
--- a/components/Icons/ChevronDown.tsx
+++ b/components/Icons/ChevronDown.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function ChevronDownIcon({
   className,
diff --git a/components/Icons/Email.tsx b/components/Icons/Email.tsx
index 0b39feb78..e72efd751 100644
--- a/components/Icons/Email.tsx
+++ b/components/Icons/Email.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function EmailIcon({ className, color, ...props }: IconProps) {
   const classNames = iconVariants({ className, color })
diff --git a/components/Icons/House.tsx b/components/Icons/House.tsx
index b13240805..1ddcf0f74 100644
--- a/components/Icons/House.tsx
+++ b/components/Icons/House.tsx
@@ -1,6 +1,6 @@
 import { iconVariants } from "./variants"
 
-import { IconProps } from "@/types/components/icon"
+import type { IconProps } from "@/types/components/icon"
 
 export default function HouseIcon({ className, color, ...props }: IconProps) {
   const classNames = iconVariants({ className, color })
diff --git a/components/Icons/icon.module.css b/components/Icons/icon.module.css
index 59a0cc283..2f76d1778 100644
--- a/components/Icons/icon.module.css
+++ b/components/Icons/icon.module.css
@@ -2,22 +2,27 @@
   height: 20px;
   width: 20px;
 }
+
 .black,
 .black * {
   fill: #000;
 }
+
 .burgundy,
 .burgundy * {
   fill: var(--Scandic-Brand-Burgundy);
 }
+
 .pale,
 .pale * {
   fill: var(--Scandic-Brand-Pale-Peach);
 }
+
 .peach80,
 .peach80 * {
   fill: var(--Scandic-Peach-80);
 }
+
 .plosa,
 .plosa * {
   fill: var(--Theme-Primary-Light-On-Surface-Accent);