From 93aafe5525b13c96eda9eef2d7ebee99e15f29f4 Mon Sep 17 00:00:00 2001
From: Anton Gunnarsson <anton.gunnarsson@scandichotels.com>
Date: Mon, 31 Mar 2025 12:27:32 +0000
Subject: [PATCH] Merged in fix/lint-issues (pull request #1678)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix lint issues in design-system and scandic-web

* Remove unused color prop from LogoAndIllustrationProps to fix lint issues

* Fix lint issues in web

* Fix logos type


Approved-by: Joakim Jäderberg
---
 .../JoinLoyalty/Contact/ContactRow/index.tsx      | 15 +++++++++------
 .../Customised/Amenities&Facilities/Cooling.tsx   |  7 +------
 .../lib/components/Icons/Illustrations/Bed.tsx    |  4 ++--
 .../components/Icons/Illustrations/BedBunk.tsx    |  7 ++-----
 .../Icons/Illustrations/BedBunkExtra.tsx          |  7 ++-----
 .../components/Icons/Illustrations/BedGeneric.tsx |  7 ++-----
 .../components/Icons/Illustrations/BedKing.tsx    |  7 ++-----
 .../components/Icons/Illustrations/BedPullOut.tsx |  7 ++-----
 .../Icons/Illustrations/BedPullOutExtra.tsx       |  7 ++-----
 .../components/Icons/Illustrations/BedQueen.tsx   |  7 ++-----
 .../components/Icons/Illustrations/BedSingle.tsx  |  7 ++-----
 .../components/Icons/Illustrations/BedSofa.tsx    |  7 ++-----
 .../Icons/Illustrations/BedSofaExtra.tsx          |  7 ++-----
 .../components/Icons/Illustrations/BedTwin.tsx    |  7 ++-----
 .../Icons/Illustrations/BedWallExtra.tsx          |  7 ++-----
 .../lib/components/Icons/Illustrations/Coin.tsx   |  7 ++-----
 .../Icons/Illustrations/CroissantCoffeeEgg.tsx    |  7 ++-----
 .../components/Icons/Illustrations/CutleryOne.tsx |  7 ++-----
 .../components/Icons/Illustrations/CutleryTwo.tsx |  7 ++-----
 .../components/Icons/Illustrations/GiftOpen.tsx   |  7 ++-----
 .../components/Icons/Illustrations/HandKey.tsx    |  7 ++-----
 .../components/Icons/Illustrations/HotelNight.tsx |  7 ++-----
 .../lib/components/Icons/Illustrations/Kids.tsx   |  7 ++-----
 .../Icons/Illustrations/KidsMocktail.tsx          |  7 ++-----
 .../components/Icons/Illustrations/MagicWand.tsx  |  7 ++-----
 .../components/Icons/Illustrations/MoneyHand.tsx  |  7 ++-----
 .../components/Icons/Illustrations/Surprise.tsx   |  7 ++-----
 .../components/Icons/Illustrations/Voucher.tsx    |  7 ++-----
 .../lib/components/Icons/Logos/DowntownCamper.tsx |  4 ++--
 .../lib/components/Icons/Logos/GrandHotelOslo.tsx |  4 ++--
 .../lib/components/Icons/Logos/Haymarket.tsx      |  4 ++--
 .../lib/components/Icons/Logos/HotelNorge.tsx     |  4 ++--
 .../lib/components/Icons/Logos/Marski.tsx         |  4 ++--
 .../lib/components/Icons/Logos/ScandicGoLogo.tsx  |  4 ++--
 .../lib/components/Icons/Logos/ScandicLogo.tsx    |  4 ++--
 .../design-system/lib/components/Icons/icon.ts    |  9 ++++++++-
 .../design-system/lib/components/Icons/index.tsx  |  2 +-
 37 files changed, 85 insertions(+), 155 deletions(-)

diff --git a/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx b/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx
index 6890df1e9..90e7787ae 100644
--- a/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx
+++ b/apps/scandic-web/components/Sidebar/JoinLoyalty/Contact/ContactRow/index.tsx
@@ -31,13 +31,9 @@ export default async function ContactRow({ contact }: ContactRowProps) {
 
   let Icon = null
   if (contact.contact_field.includes("email")) {
-    Icon = function MailIcon(props: MaterialIconSetIconProps) {
-      return <MaterialIcon icon="mail" {...props} />
-    }
+    Icon = MailIcon
   } else if (contact.contact_field.includes("phone")) {
-    Icon = function PhoneIcone(props: MaterialIconSetIconProps) {
-      return <MaterialIcon icon="phone" {...props} />
-    }
+    Icon = PhoneIcon
   }
 
   let openableLink = val
@@ -66,3 +62,10 @@ export default async function ContactRow({ contact }: ContactRowProps) {
     </div>
   )
 }
+
+function PhoneIcon(props: MaterialIconSetIconProps) {
+  return <MaterialIcon icon="phone" {...props} />
+}
+function MailIcon(props: MaterialIconSetIconProps) {
+  return <MaterialIcon icon="mail" {...props} />
+}
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Cooling.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Cooling.tsx
index 8ca1e35f4..a860b88e1 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Cooling.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities&Facilities/Cooling.tsx
@@ -2,12 +2,7 @@ import { iconVariants } from '../../variants'
 
 import type { IconProps } from '../../icon'
 
-export default function CoolingIcon({
-  className,
-  color,
-  size,
-  ...props
-}: IconProps) {
+export default function CoolingIcon({ className, color, ...props }: IconProps) {
   const classNames = iconVariants({ className, color })
   return (
     <svg
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Bed.tsx b/packages/design-system/lib/components/Icons/Illustrations/Bed.tsx
index 5bc2463fa..e0ccf64bb 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Bed.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Bed.tsx
@@ -1,6 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedIcon({ color, ...props }: LogoAndIllustrationProps) {
+export default function BedIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx
index 832dbc36b..bc30443ed 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedBunkIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedBunkIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx
index b71e12b60..47e279428 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedBunkExtraIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedBunkExtraIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx
index 259811f3a..36c867fea 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedGenericIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedGenericIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx
index 03bd8636d..993ea60ec 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedKingIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedKingIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx
index 40649032b..cc07e0342 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedPullOutIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedPullOutIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx
index 07d4de24e..3098848a8 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedPullOutExtraIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedPullOutExtraIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx
index 1d2b2c238..d73e19cd2 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedQueenIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedQueenIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx
index bf11111c7..979816152 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedSingleIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedSingleIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx
index 5b6bb5592..a98cb48e6 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedSofaIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedSofaIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx
index 268c1f97e..a588f7d65 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedSofaExtraIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedSofaExtraIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx
index 409f1c172..4989bd373 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedTwinIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedTwinIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx
index b66982f57..054908799 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function BedWallExtraIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function BedWallExtraIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Coin.tsx b/packages/design-system/lib/components/Icons/Illustrations/Coin.tsx
index ec29b6895..7668ee463 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Coin.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Coin.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function CoinIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function CoinIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/CroissantCoffeeEgg.tsx b/packages/design-system/lib/components/Icons/Illustrations/CroissantCoffeeEgg.tsx
index 1d411b386..3b8f0d9f8 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/CroissantCoffeeEgg.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/CroissantCoffeeEgg.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function CroissantCoffeeEggIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function CroissantCoffeeEggIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/CutleryOne.tsx b/packages/design-system/lib/components/Icons/Illustrations/CutleryOne.tsx
index 8fef18cf5..88b715d62 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/CutleryOne.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/CutleryOne.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function CutleryOneIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function CutleryOneIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/CutleryTwo.tsx b/packages/design-system/lib/components/Icons/Illustrations/CutleryTwo.tsx
index cd3604e5e..b5803bcf3 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/CutleryTwo.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/CutleryTwo.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function CutleryTwoIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function CutleryTwoIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/GiftOpen.tsx b/packages/design-system/lib/components/Icons/Illustrations/GiftOpen.tsx
index 1fd66878b..edc74872a 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/GiftOpen.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/GiftOpen.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function GiftOpenIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function GiftOpenIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/HandKey.tsx b/packages/design-system/lib/components/Icons/Illustrations/HandKey.tsx
index 221047b8f..cbeca1cd4 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/HandKey.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/HandKey.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function HandKeyIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function HandKeyIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/HotelNight.tsx b/packages/design-system/lib/components/Icons/Illustrations/HotelNight.tsx
index 95284b795..e463f0ad5 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/HotelNight.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/HotelNight.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function HotelNightIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function HotelNightIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Kids.tsx b/packages/design-system/lib/components/Icons/Illustrations/Kids.tsx
index 7f14f634f..da8e1c285 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Kids.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Kids.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function KidsIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function KidsIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/KidsMocktail.tsx b/packages/design-system/lib/components/Icons/Illustrations/KidsMocktail.tsx
index db06b0a48..c0b99dee3 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/KidsMocktail.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/KidsMocktail.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function KidsMocktailIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function KidsMocktailIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/MagicWand.tsx b/packages/design-system/lib/components/Icons/Illustrations/MagicWand.tsx
index 46dd23928..7663d23d9 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/MagicWand.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/MagicWand.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function MagicWandIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function MagicWandIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/MoneyHand.tsx b/packages/design-system/lib/components/Icons/Illustrations/MoneyHand.tsx
index 8178524d1..60d85debb 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/MoneyHand.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/MoneyHand.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function MoneyHandIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function MoneyHandIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Surprise.tsx b/packages/design-system/lib/components/Icons/Illustrations/Surprise.tsx
index adb65754c..9fcb8170b 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Surprise.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Surprise.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function SurpriseIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function SurpriseIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Voucher.tsx b/packages/design-system/lib/components/Icons/Illustrations/Voucher.tsx
index 8820e80a2..d22549f72 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Voucher.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Voucher.tsx
@@ -1,9 +1,6 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { IllustrationProps } from '../icon'
 
-export default function VoucherIcon({
-  color,
-  ...props
-}: LogoAndIllustrationProps) {
+export default function VoucherIcon(props: IllustrationProps) {
   return (
     <svg
       xmlns="http://www.w3.org/2000/svg"
diff --git a/packages/design-system/lib/components/Icons/Logos/DowntownCamper.tsx b/packages/design-system/lib/components/Icons/Logos/DowntownCamper.tsx
index 53b34f67e..4c5a8aaf9 100644
--- a/packages/design-system/lib/components/Icons/Logos/DowntownCamper.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/DowntownCamper.tsx
@@ -1,11 +1,11 @@
-import type { LogoAndIllustrationProps } from '../icon'
+import type { LogoProps } from '../icon'
 import { iconVariants } from '../variants'
 
 export default function DowntownCamperIcon({
   className,
   color,
   ...props
-}: LogoAndIllustrationProps) {
+}: LogoProps) {
   const classNames = iconVariants({ className, color })
   return (
     <svg
diff --git a/packages/design-system/lib/components/Icons/Logos/GrandHotelOslo.tsx b/packages/design-system/lib/components/Icons/Logos/GrandHotelOslo.tsx
index 8b5907490..fa007fc85 100644
--- a/packages/design-system/lib/components/Icons/Logos/GrandHotelOslo.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/GrandHotelOslo.tsx
@@ -1,12 +1,12 @@
 import { iconVariants } from '../variants'
 
-import type { LogoAndIllustrationProps } from '../icon'
+import type { LogoProps } from '../icon'
 
 export default function GrandHotelOsloLogoIcon({
   className,
   color,
   ...props
-}: LogoAndIllustrationProps) {
+}: LogoProps) {
   const classNames = iconVariants({ className, color })
   return (
     <svg
diff --git a/packages/design-system/lib/components/Icons/Logos/Haymarket.tsx b/packages/design-system/lib/components/Icons/Logos/Haymarket.tsx
index 252c627f0..b7472f7b6 100644
--- a/packages/design-system/lib/components/Icons/Logos/Haymarket.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/Haymarket.tsx
@@ -1,12 +1,12 @@
 import { iconVariants } from '../variants'
 
-import type { LogoAndIllustrationProps } from '../icon'
+import type { LogoProps } from '../icon'
 
 export default function HaymarketIcon({
   className,
   color,
   ...props
-}: LogoAndIllustrationProps) {
+}: LogoProps) {
   const classNames = iconVariants({ className, color })
   return (
     <svg
diff --git a/packages/design-system/lib/components/Icons/Logos/HotelNorge.tsx b/packages/design-system/lib/components/Icons/Logos/HotelNorge.tsx
index eb246c642..7f51e1cbd 100644
--- a/packages/design-system/lib/components/Icons/Logos/HotelNorge.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/HotelNorge.tsx
@@ -1,12 +1,12 @@
 import { iconVariants } from '../variants'
 
-import type { LogoAndIllustrationProps } from '../icon'
+import type { LogoProps } from '../icon'
 
 export default function HotelNorgeIcon({
   className,
   color,
   ...props
-}: LogoAndIllustrationProps) {
+}: LogoProps) {
   const classNames = iconVariants({ className, color })
   return (
     <svg
diff --git a/packages/design-system/lib/components/Icons/Logos/Marski.tsx b/packages/design-system/lib/components/Icons/Logos/Marski.tsx
index ceac6d33f..fd5e8e7b2 100644
--- a/packages/design-system/lib/components/Icons/Logos/Marski.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/Marski.tsx
@@ -1,12 +1,12 @@
 import { iconVariants } from '../variants'
 
-import type { LogoAndIllustrationProps } from '../icon'
+import type { LogoProps } from '../icon'
 
 export default function MarskiLogoIcon({
   className,
   color,
   ...props
-}: LogoAndIllustrationProps) {
+}: LogoProps) {
   const classNames = iconVariants({ className, color })
   return (
     <svg
diff --git a/packages/design-system/lib/components/Icons/Logos/ScandicGoLogo.tsx b/packages/design-system/lib/components/Icons/Logos/ScandicGoLogo.tsx
index f06969d56..235339b69 100644
--- a/packages/design-system/lib/components/Icons/Logos/ScandicGoLogo.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/ScandicGoLogo.tsx
@@ -1,12 +1,12 @@
 import { iconVariants } from '../variants'
 
-import type { LogoAndIllustrationProps } from '../icon'
+import type { LogoProps } from '../icon'
 
 export default function ScandicGoLogoIcon({
   className,
   color,
   ...props
-}: LogoAndIllustrationProps) {
+}: LogoProps) {
   const classNames = iconVariants({ className, color })
   return (
     <svg
diff --git a/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx b/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx
index 3999d7db8..e7a4eed6b 100644
--- a/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx
@@ -1,12 +1,12 @@
 import { iconVariants } from '../variants'
 
-import type { LogoAndIllustrationProps } from '../icon'
+import type { LogoProps } from '../icon'
 
 export default function ScandicLogoIcon({
   className,
   color,
   ...props
-}: LogoAndIllustrationProps) {
+}: LogoProps) {
   const classNames = iconVariants({ className, color })
   return (
     <svg
diff --git a/packages/design-system/lib/components/Icons/icon.ts b/packages/design-system/lib/components/Icons/icon.ts
index b81c3473f..f9739138a 100644
--- a/packages/design-system/lib/components/Icons/icon.ts
+++ b/packages/design-system/lib/components/Icons/icon.ts
@@ -7,7 +7,14 @@ export interface IconProps
   size?: number
 }
 
-export interface LogoAndIllustrationProps
+export interface IllustrationProps
+  extends Omit<React.SVGAttributes<HTMLOrSVGElement>, 'color'>,
+    Omit<VariantProps<typeof iconVariants>, 'color'> {
+  width?: string | number
+  height?: string | number
+}
+
+export interface LogoProps
   extends Omit<React.SVGAttributes<HTMLOrSVGElement>, 'color'>,
     VariantProps<typeof iconVariants> {
   width?: string | number
diff --git a/packages/design-system/lib/components/Icons/index.tsx b/packages/design-system/lib/components/Icons/index.tsx
index 1f1e06e18..af6632116 100644
--- a/packages/design-system/lib/components/Icons/index.tsx
+++ b/packages/design-system/lib/components/Icons/index.tsx
@@ -74,7 +74,7 @@ export { default as Popcorn2Icon } from './Nucleo/Food/popcorn-2'
 
 export type {
   IconProps,
-  LogoAndIllustrationProps,
+  IllustrationProps as LogoAndIllustrationProps,
   NucleoIconProps,
 } from './icon'
 export type {