From d0546926a9b2cbc912a782ada59476fcab5fce63 Mon Sep 17 00:00:00 2001
From: Rasmus Langvad <rasmus.langvad@scandichotels.com>
Date: Wed, 7 Jan 2026 12:45:50 +0000
Subject: [PATCH] Merged in fix/3697-prettier-configs (pull request #3396)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

fix(SW-3691): Setup one prettier config for whole repo

* Setup prettierrc in root and remove other configs


Approved-by: Joakim Jäderberg
Approved-by: Linus Flood
---
 .../design-system/.prettierrc => .prettierrc  |     2 +-
 apps/partner-sas/prettier.config.js           |    14 -
 apps/scandic-redirect/package.json            |     8 -
 apps/scandic-web/prettier.config.js           |    14 -
 packages/booking-flow/prettier.config.js      |    14 -
 .../.storybook/content/Colors.tsx             |    26 +-
 .../.storybook/content/CornerRadius.mdx       |     6 +-
 .../.storybook/content/CornerRadius.tsx       |    14 +-
 .../.storybook/content/Shadow.mdx             |     6 +-
 .../.storybook/content/Shadow.tsx             |    20 +-
 .../.storybook/content/Spacing.mdx            |     6 +-
 .../.storybook/content/Spacing.tsx            |    26 +-
 .../design-system/.storybook/content/base.mdx |     6 +-
 .../.storybook/content/colors.module.css      |     4 +-
 .../content/colors/downtownCamper.mdx         |     6 +-
 .../.storybook/content/colors/grandHotel.mdx  |     6 +-
 .../.storybook/content/colors/haymarket.mdx   |     6 +-
 .../.storybook/content/colors/hotelNorge.mdx  |     6 +-
 .../.storybook/content/colors/index.mdx       |    26 +-
 .../.storybook/content/colors/marski.mdx      |     6 +-
 .../.storybook/content/colors/scandic.mdx     |     6 +-
 .../.storybook/content/colors/scandicGo.mdx   |     6 +-
 .../.storybook/content/colors/theDock.mdx     |     6 +-
 .../.storybook/content/index.mdx              |     2 +-
 .../.storybook/content/tokens.module.css      |     6 +-
 .../.storybook/decorators/FormDecorator.tsx   |     2 +-
 packages/design-system/.storybook/main.ts     |    34 +-
 packages/design-system/.storybook/manager.ts  |     4 +-
 packages/design-system/.storybook/preview.tsx |    76 +-
 .../design-system/.storybook/reactIntl.ts     |    16 +-
 .../design-system/.storybook/scandic-theme.ts |    10 +-
 .../design-system/.storybook/vitest.setup.ts  |     6 +-
 packages/design-system/eslint.config.mjs      |    86 +-
 packages/design-system/generate/generate.ts   |    88 +-
 packages/design-system/generate/utils.ts      |    10 +-
 .../Accordion/Accordion.stories.tsx           |    26 +-
 .../Accordion/AccordionItem/index.tsx         |    35 +-
 .../Accordion/AccordionItem/variants.ts       |     6 +-
 .../lib/components/Accordion/index.tsx        |    11 +-
 .../lib/components/Accordion/variants.ts      |     6 +-
 .../lib/components/Alert/Alert.stories.tsx    |    50 +-
 .../lib/components/Alert/Sidepeek/index.tsx   |    22 +-
 .../lib/components/Alert/Sidepeek/sidepeek.ts |     2 +-
 .../lib/components/Alert/alert.ts             |    10 +-
 .../lib/components/Alert/index.tsx            |    22 +-
 .../lib/components/Alert/utils.tsx            |    20 +-
 .../lib/components/Alert/variants.ts          |     8 +-
 .../lib/components/Avatar/Avatar.stories.tsx  |    62 +-
 .../lib/components/Avatar/index.tsx           |    20 +-
 .../lib/components/Avatar/types.ts            |     2 +-
 .../lib/components/Avatar/variants.ts         |    12 +-
 .../BackToTopButton.stories.tsx               |    40 +-
 .../backToTopButton.module.css                |     2 +-
 .../lib/components/BackToTopButton/index.tsx  |    19 +-
 .../components/BackToTopButton/variants.ts    |     6 +-
 .../lib/components/Badge/Badge.stories.tsx    |    16 +-
 .../lib/components/Badge/Badge.tsx            |    26 +-
 .../lib/components/Badge/index.tsx            |     2 +-
 .../lib/components/Badge/variants.ts          |    18 +-
 .../BookingCodeChip.stories.tsx               |    10 +-
 .../lib/components/BookingCodeChip/index.tsx  |    34 +-
 .../lib/components/Button/Button.stories.tsx  |   228 +-
 .../lib/components/Button/Button.tsx          |    24 +-
 .../lib/components/Button/button.module.css   |     2 +-
 .../lib/components/Button/index.tsx           |     6 +-
 .../lib/components/Button/types.ts            |    42 +-
 .../lib/components/Button/variants.ts         |    34 +-
 .../ButtonLink/ButtonLink.stories.tsx         |   208 +-
 .../lib/components/ButtonLink/index.tsx       |    36 +-
 .../lib/components/ButtonLink/variants.ts     |     6 +-
 .../lib/components/Caption/index.tsx          |    13 +-
 .../lib/components/Caption/variants.ts        |    10 +-
 .../lib/components/Card/Card.stories.tsx      |    10 +-
 .../lib/components/Card/Card.tsx              |     4 +-
 .../Card/Compositions/ContentCard.stories.tsx |    38 +-
 .../lib/components/Card/index.tsx             |     2 +-
 .../lib/components/Card/types.ts              |     9 +-
 .../lib/components/Card/variants.ts           |     6 +-
 .../lib/components/Chip/index.tsx             |     9 +-
 .../lib/components/Chip/variants.ts           |     8 +-
 .../ChipButton/ChipButton.stories.tsx         |    34 +-
 .../lib/components/ChipButton/ChipButton.tsx  |    10 +-
 .../lib/components/ChipButton/index.tsx       |     2 +-
 .../lib/components/ChipButton/types.ts        |    11 +-
 .../lib/components/ChipButton/variants.ts     |    42 +-
 .../components/ChipLink/ChipLink.stories.tsx  |    10 +-
 .../lib/components/ChipLink/ChipLink.tsx      |    10 +-
 .../lib/components/ChipLink/index.tsx         |     2 +-
 .../lib/components/Chips/Chips.stories.tsx    |    16 +-
 .../lib/components/Chips/Chips.tsx            |     4 +-
 .../lib/components/Chips/index.tsx            |     2 +-
 .../SelectChevron/chevron.module.css          |     2 +-
 .../DeprecatedSelect/SelectChevron/index.tsx  |     8 +-
 .../lib/components/DeprecatedSelect/index.tsx |    36 +-
 .../DeprecatedSelect/select.module.css        |    14 +-
 .../components/Divider/Divider.stories.tsx    |     6 +-
 .../lib/components/Divider/Divider.tsx        |     4 +-
 .../lib/components/Divider/index.tsx          |     4 +-
 .../lib/components/Divider/types.ts           |     7 +-
 .../lib/components/Divider/variants.ts        |    26 +-
 .../FacilityToIcon/FacilityToIcon.stories.tsx |    38 +-
 .../lib/components/FacilityToIcon/index.tsx   |    12 +-
 .../lib/components/FakeButton/index.tsx       |    18 +-
 .../lib/components/FakeButton/variants.ts     |     6 +-
 .../lib/components/Footnote/index.tsx         |    13 +-
 .../lib/components/Footnote/variants.ts       |     8 +-
 .../lib/components/Form/Checkbox/index.tsx    |    18 +-
 .../Form/Country/CountryCombobox.tsx          |    40 +-
 .../components/Form/Country/CountrySelect.tsx |    22 +-
 .../Form/Country/country.module.css           |     8 +-
 .../lib/components/Form/Country/country.ts    |     2 +-
 .../lib/components/Form/Country/index.tsx     |    12 +-
 .../lib/components/Form/Date/date.ts          |    15 +-
 .../lib/components/Form/Date/index.tsx        |    34 +-
 .../components/Form/ErrorMessage/Error.tsx    |     6 +-
 .../Form/ErrorMessage/errorMessage.ts         |     4 +-
 .../components/Form/ErrorMessage/index.tsx    |     6 +-
 .../lib/components/Form/FormInput/index.tsx   |    42 +-
 .../Form/FormInput/input.module.css           |     2 +-
 .../lib/components/Form/FormInput/input.ts    |    12 +-
 .../lib/components/Form/FormSelect/index.tsx  |    10 +-
 .../Form/PaymentOption/PaymentOption.tsx      |    12 +-
 .../PaymentOptionsGroup.stories.tsx           |    22 +-
 .../PaymentOption/PaymentOptionsGroup.tsx     |    10 +-
 .../lib/components/Form/Phone/index.tsx       |    38 +-
 .../components/Form/Phone/phone.module.css    |     2 +-
 .../lib/components/Form/Phone/phone.ts        |     2 +-
 .../Form/RadioButtonsGroup/index.tsx          |    12 +-
 .../lib/components/Form/RadioCard/index.tsx   |    18 +-
 .../Form/RadioCard/radioCard.module.css       |     4 +-
 .../lib/components/Form/RadioCard/types.ts    |    10 +-
 .../SelectPaymentMethod.stories.tsx           |    32 +-
 .../Form/SelectPaymentMethod/index.tsx        |    30 +-
 .../lib/components/Form/utils/index.ts        |     2 +-
 .../lib/components/Form/utils/mergeRefs.ts    |     4 +-
 .../HotelCard/HotelCard.stories.tsx           |    50 +-
 .../HotelCard/HotelCardDialogImage/index.tsx  |    16 +-
 .../HotelCardDialogImage/variants.ts          |     6 +-
 .../HotelCard/HotelCardSkeleton.tsx           |     4 +-
 .../HotelCard/HotelChequeCard/index.tsx       |    22 +-
 .../StandaloneHotelCardDialog.stories.tsx     |    12 +-
 .../StandaloneHotelCardDialog/index.tsx       |    56 +-
 .../HotelCard/HotelPointsRow/index.tsx        |    14 +-
 .../HotelCard/HotelPriceCard/index.tsx        |    42 +-
 .../HotelCard/HotelVoucherCard/index.tsx      |    16 +-
 .../HotelCard/NoPriceAvailableCard/index.tsx  |    12 +-
 .../components/HotelCard/RoomPrice/index.tsx  |     8 +-
 .../lib/components/HotelCard/index.tsx        |   100 +-
 .../lib/components/HotelCard/variants.ts      |     8 +-
 .../HotelInfoCard/HotelDescription/index.tsx  |    24 +-
 .../HotelInfoCard/HotelInfoCard.stories.tsx   |    78 +-
 .../lib/components/HotelInfoCard/index.tsx    |    34 +-
 .../IconButton/IconButton.stories.tsx         |   226 +-
 .../lib/components/IconButton/IconButton.tsx  |    18 +-
 .../IconButton/iconButton.module.css          |     2 +-
 .../lib/components/IconButton/index.tsx       |     2 +-
 .../lib/components/IconButton/types.ts        |    46 +-
 .../lib/components/IconButton/variants.ts     |    28 +-
 .../lib/components/IconChip/index.tsx         |     4 +-
 .../lib/components/IconChip/variants.ts       |     4 +-
 .../Amenities_Facilities/BedHotel.tsx         |     6 +-
 .../Amenities_Facilities/Cooling.tsx          |     6 +-
 .../Amenities_Facilities/CouchTable.tsx       |     6 +-
 .../Amenities_Facilities/FootStool.tsx        |     6 +-
 .../Amenities_Facilities/Hairdryer.tsx        |     6 +-
 .../Amenities_Facilities/HandSoap.tsx         |     6 +-
 .../Amenities_Facilities/IceMachine.tsx       |     6 +-
 .../Amenities_Facilities/Massage.tsx          |     6 +-
 .../MdiBunkBedOutline.tsx                     |     6 +-
 .../Amenities_Facilities/Mirror.tsx           |     6 +-
 .../Amenities_Facilities/MovingBeds.tsx       |     6 +-
 .../Customised/Amenities_Facilities/Road.tsx  |     6 +-
 .../Customised/Amenities_Facilities/Rug.tsx   |     6 +-
 .../Amenities_Facilities/SafetyBox.tsx        |     6 +-
 .../Amenities_Facilities/Slippers.tsx         |     6 +-
 .../Customised/Amenities_Facilities/Towel.tsx |     6 +-
 .../Customised/Amenities_Facilities/View.tsx  |     6 +-
 .../Customised/Amenities_Facilities/Ward.tsx  |     6 +-
 .../WindowNotAvailable.tsx                    |     6 +-
 .../Amenities_Facilities/WoodFloor.tsx        |     6 +-
 .../Icons/Customised/Benefits/DiamondAdd.tsx  |     6 +-
 .../Icons/Customised/Socials/Facebook.tsx     |     6 +-
 .../Icons/Customised/Socials/Instagram.tsx    |     6 +-
 .../Icons/Customised/Socials/Tripadvisor.tsx  |     6 +-
 .../Icons/Customised/UI/Minimize.tsx          |     6 +-
 .../lib/components/Icons/FacilityIcon.tsx     |   382 +-
 .../lib/components/Icons/IconByCSSelect.tsx   |   118 +-
 .../lib/components/Icons/IconByIconName.tsx   |    50 +-
 .../Icons/IllustrationByIconName.ts           |    36 +-
 .../components/Icons/Illustrations/Bed.tsx    |     4 +-
 .../Icons/Illustrations/BedBunk.tsx           |     4 +-
 .../Icons/Illustrations/BedBunkExtra.tsx      |     4 +-
 .../Icons/Illustrations/BedGeneric.tsx        |     4 +-
 .../Icons/Illustrations/BedKing.tsx           |     4 +-
 .../Icons/Illustrations/BedPullOut.tsx        |     4 +-
 .../Icons/Illustrations/BedPullOutExtra.tsx   |     4 +-
 .../Icons/Illustrations/BedQueen.tsx          |     4 +-
 .../Icons/Illustrations/BedSingle.tsx         |     4 +-
 .../Icons/Illustrations/BedSofa.tsx           |     4 +-
 .../Icons/Illustrations/BedSofaExtra.tsx      |     4 +-
 .../Icons/Illustrations/BedTwin.tsx           |     4 +-
 .../Icons/Illustrations/BedWallExtra.tsx      |     4 +-
 .../Icons/Illustrations/BreakfastBuffet.tsx   |     4 +-
 .../components/Icons/Illustrations/Coin.tsx   |     4 +-
 .../Illustrations/CroissantCoffeeEgg.tsx      |     4 +-
 .../Icons/Illustrations/CutleryOne.tsx        |     4 +-
 .../Icons/Illustrations/CutleryTwo.tsx        |     4 +-
 .../Icons/Illustrations/GiftOpen.tsx          |     4 +-
 .../Icons/Illustrations/Granola.tsx           |     2 +-
 .../Icons/Illustrations/HandGift.tsx          |     2 +-
 .../Icons/Illustrations/HandKey.tsx           |     4 +-
 .../Icons/Illustrations/HotelNight.tsx        |     4 +-
 .../components/Icons/Illustrations/Kids.tsx   |     4 +-
 .../Icons/Illustrations/KidsMocktail.tsx      |     4 +-
 .../Icons/Illustrations/MagicWand.tsx         |     4 +-
 .../Icons/Illustrations/MoneyHand.tsx         |     4 +-
 .../Icons/Illustrations/MoneyHandEllipsis.tsx |     4 +-
 .../Icons/Illustrations/NoBreakfastBuffet.tsx |     4 +-
 .../components/Icons/Illustrations/Spa.tsx    |     2 +-
 .../Icons/Illustrations/Surprise.tsx          |     4 +-
 .../components/Icons/Illustrations/Trophy.tsx |     4 +-
 .../Icons/Illustrations/Voucher.tsx           |     4 +-
 .../components/Icons/Logos/DowntownCamper.tsx |     8 +-
 .../components/Icons/Logos/GrandHotelOslo.tsx |     8 +-
 .../lib/components/Icons/Logos/Haymarket.tsx  |     8 +-
 .../lib/components/Icons/Logos/HotelNorge.tsx |     8 +-
 .../lib/components/Icons/Logos/Marski.tsx     |     8 +-
 .../components/Icons/Logos/ScandicGoLogo.tsx  |     8 +-
 .../components/Icons/Logos/ScandicLogo.tsx    |    12 +-
 .../lib/components/Icons/Logos/TheDock.tsx    |     8 +-
 .../lib/components/Icons/Logos/index.tsx      |    34 +-
 .../Icons/MaterialIcon/MaterialIcon.tsx       |    16 +-
 .../MaterialSymbol/MaterialSymbol.tsx         |    22 +-
 .../MaterialIcon/MaterialSymbol/consts.ts     |  6920 ++++----
 .../MaterialIcon/MaterialSymbol/index.tsx     |     2 +-
 .../MaterialIcon/MaterialSymbol/types.ts      |     4 +-
 .../components/Icons/MaterialIcon/index.tsx   |     2 +-
 .../bathroom-cabinet-2.tsx                    |     4 +-
 .../Amenities_Facilities/conference-room.tsx  |     4 +-
 .../Nucleo/Amenities_Facilities/door-2.tsx    |     4 +-
 .../Amenities_Facilities/hairdresser-1.tsx    |     4 +-
 .../Amenities_Facilities/record-player-3.tsx  |     4 +-
 .../Nucleo/Amenities_Facilities/toilet-2.tsx  |     4 +-
 .../Amenities_Facilities/user-police-2.tsx    |     4 +-
 .../Icons/Nucleo/Benefits/FilledDiscount.tsx  |     4 +-
 .../Icons/Nucleo/Benefits/bouquet.tsx         |     4 +-
 .../Icons/Nucleo/Benefits/discount-2-2.tsx    |     4 +-
 .../Icons/Nucleo/Experiences/bowling-pins.tsx |     4 +-
 .../Icons/Nucleo/Experiences/palm-tree-2.tsx  |     4 +-
 .../components/Icons/Nucleo/Food/chips-3.tsx  |     4 +-
 .../Icons/Nucleo/Food/popcorn-2.tsx           |     4 +-
 .../components/Icons/Nucleo/colorVariants.ts  |    30 +-
 .../lib/components/Icons/Nucleo/utils.ts      |    12 +-
 .../lib/components/Icons/icon.ts              |    12 +-
 .../lib/components/Icons/iconName.ts          |   366 +-
 .../lib/components/Icons/index.tsx            |     2 +-
 .../lib/components/Icons/utils.ts             |     8 +-
 .../lib/components/Icons/variants.ts          |    34 +-
 .../lib/components/Image/imageLoader.test.ts  |    42 +-
 .../lib/components/Image/imageLoader.ts       |    16 +-
 .../lib/components/Image/index.tsx            |    16 +-
 .../lib/components/ImageContainer/index.tsx   |     6 +-
 .../lib/components/ImageFallback/index.tsx    |    10 +-
 .../lib/components/ImageGallery/index.tsx     |    32 +-
 .../components/InfoBox/InfoBox.stories.tsx    |    34 +-
 .../lib/components/InfoBox/InfoBox.tsx        |    22 +-
 .../components/InfoCard/InfoCard.stories.tsx  |   102 +-
 .../lib/components/InfoCard/InfoCard.tsx      |    20 +-
 .../lib/components/InfoCard/index.tsx         |     4 +-
 .../components/InfoCard/infoCard.module.css   |     2 +-
 .../lib/components/InfoCard/types.ts          |     9 +-
 .../lib/components/InfoCard/utils.ts          |    84 +-
 .../lib/components/InfoCard/variants.ts       |    42 +-
 .../lib/components/Input/Input.stories.tsx    |   158 +-
 .../lib/components/Input/Input.test.tsx       |   150 +-
 .../lib/components/Input/Input.tsx            |    28 +-
 .../lib/components/Input/index.tsx            |     2 +-
 .../lib/components/Input/input.module.css     |    20 +-
 .../lib/components/Input/types.ts             |     6 +-
 .../lib/components/Input/utils.test.ts        |    56 +-
 .../lib/components/Input/utils.ts             |    32 +-
 .../InputLabel/InputLabel.stories.tsx         |    16 +-
 .../lib/components/InputLabel/InputLabel.tsx  |     6 +-
 .../lib/components/InputLabel/index.tsx       |     2 +-
 .../InputLabel/inputLabel.module.css          |     6 +-
 .../lib/components/InputLabel/types.ts        |     4 +-
 .../lib/components/InputLabel/variants.ts     |     6 +-
 .../JsonToHtml/JsonToHtml.stories.tsx         |   180 +-
 .../lib/components/JsonToHtml/JsonToHtml.tsx  |    18 +-
 .../JsonToHtml/jsontohtml.module.css          |     6 +-
 .../components/JsonToHtml/renderOptions.tsx   |   106 +-
 .../components/JsonToHtml/types/rte/attrs.ts  |    30 +-
 .../JsonToHtml/types/rte/constants.ts         |     8 +-
 .../components/JsonToHtml/types/rte/enums.ts  |   114 +-
 .../components/JsonToHtml/types/rte/node.ts   |    30 +-
 .../components/JsonToHtml/types/rte/option.ts |     2 +-
 .../lib/components/JsonToHtml/utils.tsx       |    26 +-
 .../components/Lightbox/FullView/index.tsx    |    30 +-
 .../lib/components/Lightbox/Gallery/index.tsx |    62 +-
 .../lib/components/Lightbox/index.tsx         |    20 +-
 .../components/LinkList/LinkList.stories.tsx  |    26 +-
 .../LinkListItem/IllustrationIcon/index.tsx   |    12 +-
 .../LinkListItem/LinkListItem.stories.tsx     |    20 +-
 .../LinkList/LinkListItem/index.tsx           |    14 +-
 .../lib/components/LinkList/index.tsx         |     4 +-
 .../components/Loading/Loading.stories.tsx    |    18 +-
 .../lib/components/Loading/Loading.tsx        |     8 +-
 .../lib/components/Loading/index.tsx          |     2 +-
 .../lib/components/Loading/variants.ts        |     6 +-
 .../LoadingSpinner/LoadingSpinner.stories.tsx |     8 +-
 .../lib/components/LoadingSpinner/index.tsx   |     4 +-
 .../LoadingSpinner/loading.module.css         |     2 +-
 .../lib/components/LocalCallCharges/index.tsx |    12 +-
 .../lib/components/LoginButton/index.tsx      |    17 +-
 .../lib/components/Map/InfoWindow/index.tsx   |    13 +-
 .../Map/InfoWindow/infoWindow.module.css      |     2 +-
 .../HotelListingMapContent/HotelPin/index.tsx |    20 +-
 .../HotelListingMapContent/index.tsx          |    24 +-
 .../InteractiveMap/InteractiveMap.stories.tsx |    20 +-
 .../InteractiveMap/PoiMapMarkers/index.tsx    |    24 +-
 .../components/Map/InteractiveMap/index.tsx   |    36 +-
 .../InteractiveMap/interactiveMap.module.css  |     2 +-
 .../Map/InteractiveMap/storybookData.ts       |   264 +-
 .../Map/Markers/HotelMarker/index.tsx         |     4 +-
 .../Map/Markers/HotelMarker/variants.ts       |     6 +-
 .../Map/Markers/HotelMarkerByType.stories.tsx |    86 +-
 .../Map/Markers/HotelMarkerByType.tsx         |    53 +-
 .../Map/Markers/PoiMarker/index.tsx           |    16 +-
 .../Map/Markers/PoiMarker/variants.ts         |    22 +-
 .../lib/components/Map/Markers/utils.ts       |    32 +-
 .../design-system/lib/components/Map/types.ts |    18 +-
 .../MessageBanner/MessageBanner.stories.tsx   |    50 +-
 .../lib/components/MessageBanner/index.tsx    |    32 +-
 .../Modal/ModalContentWithActions/index.tsx   |    18 +-
 .../lib/components/Modal/index.tsx            |    38 +-
 .../lib/components/Modal/modal.ts             |    10 +-
 .../lib/components/Modal/motionVariants.ts    |     8 +-
 .../lib/components/Modal/variants.ts          |     4 +-
 .../lib/components/OldDSButton/index.tsx      |    22 +-
 .../lib/components/OldDSButton/variants.ts    |   108 +-
 .../lib/components/OldDSLink/index.tsx        |    28 +-
 .../lib/components/OldDSLink/link.ts          |     7 +-
 .../lib/components/OldDSLink/variants.ts      |    16 +-
 .../AlternateOpeningHours/index.tsx           |    18 +-
 .../lib/components/OpeningHours/index.tsx     |    16 +-
 .../OpeningHours/openingHours.test.ts         |   248 +-
 .../lib/components/OpeningHours/utils.ts      |   142 +-
 .../ParkingInformation/ParkingList/index.tsx  |    44 +-
 .../ParkingList/parkingList.module.css        |     4 +-
 .../ParkingPrices/index.tsx                   |    37 +-
 .../ParkingInformation/ParkingPrices/utils.ts |    20 +-
 .../components/ParkingInformation/index.tsx   |    38 +-
 .../parkingInformationTypes.ts                |     8 +-
 .../PasswordInput/NewPasswordValidation.tsx   |    56 +-
 .../PasswordInput/PasswordInput.stories.tsx   |   108 +-
 .../PasswordInput/PasswordInput.test.tsx      |    70 +-
 .../PasswordInput/PasswordInput.tsx           |    58 +-
 .../lib/components/PasswordInput/index.tsx    |     2 +-
 .../Payment/Icons/AmericanExpressIcon.tsx     |     4 +-
 .../components/Payment/Icons/ApplePayIcon.tsx |     4 +-
 .../Payment/Icons/ChinaUnionPayIcon.tsx       |     2 +-
 .../components/Payment/Icons/DanKortIcon.tsx  |     2 +-
 .../Payment/Icons/DinersClubIcon.tsx          |     2 +-
 .../components/Payment/Icons/DiscoverIcon.tsx |     2 +-
 .../Payment/Icons/GenericCardIcon.tsx         |     2 +-
 .../Payment/Icons/GooglePayIcon.tsx           |     2 +-
 .../lib/components/Payment/Icons/IconProps.ts |     2 +-
 .../lib/components/Payment/Icons/JcbIcon.tsx  |     2 +-
 .../components/Payment/Icons/KlarnaIcon.tsx   |     2 +-
 .../components/Payment/Icons/MaestroIcon.tsx  |     2 +-
 .../Payment/Icons/MasterCardIcon.tsx          |     2 +-
 .../Payment/Icons/MobilePayIcon.tsx           |     8 +-
 .../components/Payment/Icons/PayPalIcon.tsx   |     2 +-
 .../components/Payment/Icons/SwishIcon.tsx    |     2 +-
 .../components/Payment/Icons/VippsIcon.tsx    |     2 +-
 .../lib/components/Payment/Icons/VisaIcon.tsx |     2 +-
 .../Payment/PaymentMethodIcon.stories.tsx     |    42 +-
 .../components/Payment/PaymentMethodIcon.tsx  |    38 +-
 .../components/Progress/Progress.stories.tsx  |    18 +-
 .../lib/components/Progress/index.tsx         |    10 +-
 .../lib/components/Progress/types.ts          |     2 +-
 .../lib/components/Progress/variants.ts       |     4 +-
 .../lib/components/Radio/Radio.tsx            |    12 +-
 .../lib/components/Radio/index.tsx            |     2 +-
 .../lib/components/Radio/variants.ts          |     8 +-
 .../RateCard/Campaign/Campaign.stories.tsx    |   134 +-
 .../components/RateCard/Campaign/index.tsx    |    30 +-
 .../components/RateCard/Code/Code.stories.tsx |   168 +-
 .../lib/components/RateCard/Code/index.tsx    |    32 +-
 .../lib/components/RateCard/Modal/index.tsx   |    26 +-
 .../lib/components/RateCard/Modal/modal.ts    |    10 +-
 .../RateCard/Modal/motionVariants.ts          |    12 +-
 .../NoRateAvailable.stories.tsx               |    52 +-
 .../RateCard/NoRateAvailable/index.tsx        |    10 +-
 .../RateCard/Points/Points.stories.tsx        |   138 +-
 .../lib/components/RateCard/Points/index.tsx  |    28 +-
 .../RateCard/Regular/Regular.stories.tsx      |   106 +-
 .../lib/components/RateCard/Regular/index.tsx |    26 +-
 .../lib/components/RateCard/variants.ts       |    14 +-
 .../lib/components/Select/Select.stories.tsx  |    40 +-
 .../lib/components/Select/Select.tsx          |    22 +-
 .../lib/components/Select/SelectFilter.tsx    |    24 +-
 .../lib/components/Select/SelectItem.tsx      |    14 +-
 .../lib/components/Select/index.tsx           |     6 +-
 .../lib/components/Select/select.module.css   |     4 +-
 .../lib/components/Select/types.ts            |    22 +-
 .../components/SidePeek/KeepBodyVisible.tsx   |     4 +-
 .../components/SidePeek/SelfControlled.tsx    |    26 +-
 .../SidePeekContext/SidePeekProvider.tsx      |     8 +-
 .../SidePeek/SidePeekContext/index.tsx        |     4 +-
 .../lib/components/SidePeek/index.tsx         |    24 +-
 .../lib/components/SkeletonShimmer/index.tsx  |    20 +-
 .../SkeletonShimmer/skeleton.module.css       |     2 +-
 .../lib/components/StaticMap/index.tsx        |    10 +-
 .../lib/components/StaticMap/utils.ts         |    12 +-
 .../lib/components/Stepper/index.tsx          |     8 +-
 .../lib/components/Subtitle/index.tsx         |    17 +-
 .../lib/components/Subtitle/variants.ts       |    12 +-
 .../lib/components/Switch/index.tsx           |    12 +-
 .../lib/components/Switch/switch.module.css   |     2 +-
 .../components/Table/ScrollWrapper/index.tsx  |    10 +-
 .../ScrollWrapper/scrollWrapper.module.css    |     2 +-
 .../lib/components/Table/TBody.tsx            |     2 +-
 .../design-system/lib/components/Table/TD.tsx |     2 +-
 .../design-system/lib/components/Table/TH.tsx |     6 +-
 .../lib/components/Table/THead.tsx            |     2 +-
 .../design-system/lib/components/Table/TR.tsx |     2 +-
 .../lib/components/Table/index.tsx            |    18 +-
 .../lib/components/Table/table.ts             |    12 +-
 .../lib/components/Table/variants.ts          |     8 +-
 .../components/TextLink/TextLink.stories.tsx  |    62 +-
 .../lib/components/TextLink/TextLink.tsx      |    22 +-
 .../lib/components/TextLink/index.tsx         |     2 +-
 .../lib/components/TextLink/types.ts          |    11 +-
 .../lib/components/TextLink/variants.ts       |    18 +-
 .../TextLinkButton/TextLinkButton.tsx         |    16 +-
 .../lib/components/TextLinkButton/index.tsx   |     2 +-
 .../TextLinkButton/textLinkStyles.ts          |     8 +-
 .../lib/components/Title/index.tsx            |    17 +-
 .../lib/components/Title/variants.ts          |    12 +-
 .../lib/components/Toasts/Toast.stories.tsx   |    54 +-
 .../lib/components/Toasts/Toast.tsx           |    44 +-
 .../Toasts/ToastHandler.stories.tsx           |    44 +-
 .../lib/components/Toasts/ToastHandler.tsx    |     2 +-
 .../lib/components/Toasts/index.tsx           |     4 +-
 .../lib/components/Toasts/variants.ts         |     4 +-
 .../lib/components/Tooltip/index.tsx          |    16 +-
 .../lib/components/Tooltip/tooltip.module.css |     6 +-
 .../lib/components/Tooltip/variants.ts        |     4 +-
 .../TripdAdvisorChip.stories.tsx              |    34 +-
 .../lib/components/TripAdvisorChip/index.tsx  |    14 +-
 .../components/Typography/Typography.docs.mdx |     4 +-
 .../Typography/Typography.stories.tsx         |   104 +-
 .../lib/components/Typography/Typography.tsx  |     8 +-
 .../lib/components/Typography/index.tsx       |     4 +-
 .../lib/components/Typography/types.ts        |     7 +-
 .../lib/components/Typography/variants.ts     |    58 +-
 .../Button/VideoPlayerButton.stories.tsx      |    52 +-
 .../components/VideoPlayer/Button/index.tsx   |    20 +-
 .../components/VideoPlayer/Button/types.ts    |    20 +-
 .../components/VideoPlayer/Button/variants.ts |    12 +-
 .../Button/videoPlayerButton.module.css       |     2 +-
 .../VideoPlayer/VideoPlayer.stories.tsx       |    80 +-
 .../VideoWithCard/VideoWithCard.stories.tsx   |   100 +-
 .../VideoPlayer/VideoWithCard/index.tsx       |    20 +-
 .../VideoPlayer/VideoWithCard/variants.ts     |    16 +-
 .../VideoWithCard/videoWithCard.module.css    |     4 +-
 .../lib/components/VideoPlayer/index.tsx      |    64 +-
 .../lib/components/VideoPlayer/types.ts       |     8 +-
 .../VideoPlayer/useVideoDimensions.ts         |     2 +-
 .../lib/components/VideoPlayer/utils.ts       |    14 +-
 .../lib/components/VideoPlayer/variants.ts    |     6 +-
 .../VideoPlayer/videoPlayer.module.css        |     2 +-
 .../lib/design-system-new-deprecated.css      |   106 +-
 packages/design-system/lib/fonts.css          |   142 +-
 packages/design-system/lib/styles/base.js     |   256 +-
 .../lib/styles/downtown-camper.css            |     6 +-
 .../lib/styles/downtown-camper.js             |   614 +-
 .../design-system/lib/styles/grand-hotel.css  |     6 +-
 .../design-system/lib/styles/grand-hotel.js   |   576 +-
 .../design-system/lib/styles/haymarket.css    |     6 +-
 .../design-system/lib/styles/haymarket.js     |   614 +-
 .../design-system/lib/styles/hotel-norge.css  |     6 +-
 .../design-system/lib/styles/hotel-norge.js   |   588 +-
 packages/design-system/lib/styles/marski.css  |     6 +-
 packages/design-system/lib/styles/marski.js   |   636 +-
 .../design-system/lib/styles/partner-sas.js   |   348 +-
 .../design-system/lib/styles/scandic-go.css   |     6 +-
 .../design-system/lib/styles/scandic-go.js    |   648 +-
 packages/design-system/lib/styles/scandic.css |     6 +-
 packages/design-system/lib/styles/scandic.js  |   702 +-
 .../design-system/lib/styles/the-dock.css     |     6 +-
 packages/design-system/lib/styles/the-dock.js |   570 +-
 packages/design-system/lib/tokens.ts          |     2 +-
 packages/design-system/lib/tokens/index.ts    | 13062 ++++++++--------
 packages/design-system/package.json           |     2 +-
 packages/design-system/scripts/copyFiles.ts   |    24 +-
 packages/design-system/vite.config.ts         |    80 +-
 packages/design-system/vitest.config.ts       |    36 +-
 packages/trpc/prettier.config.js              |    14 -
 500 files changed, 18367 insertions(+), 18419 deletions(-)
 rename packages/design-system/.prettierrc => .prettierrc (81%)
 delete mode 100644 apps/partner-sas/prettier.config.js
 delete mode 100644 apps/scandic-web/prettier.config.js
 delete mode 100644 packages/booking-flow/prettier.config.js
 delete mode 100644 packages/trpc/prettier.config.js

diff --git a/packages/design-system/.prettierrc b/.prettierrc
similarity index 81%
rename from packages/design-system/.prettierrc
rename to .prettierrc
index b2725437b..eeb95838c 100644
--- a/packages/design-system/.prettierrc
+++ b/.prettierrc
@@ -1,7 +1,7 @@
 {
   "semi": false,
-  "singleQuote": true,
   "trailingComma": "es5",
+  "singleQuote": false,
   "printWidth": 80,
   "tabWidth": 2,
   "endOfLine": "lf"
diff --git a/apps/partner-sas/prettier.config.js b/apps/partner-sas/prettier.config.js
deleted file mode 100644
index 8d41cc176..000000000
--- a/apps/partner-sas/prettier.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @see https://prettier.io/docs/configuration
- * @type {import("prettier").Config}
- */
-const config = {
-  semi: false,
-  trailingComma: "es5",
-  singleQuote: false,
-  printWidth: 80,
-  tabWidth: 2,
-  endOfLine: "lf",
-}
-
-export default config
diff --git a/apps/scandic-redirect/package.json b/apps/scandic-redirect/package.json
index f17bef718..df5f65064 100644
--- a/apps/scandic-redirect/package.json
+++ b/apps/scandic-redirect/package.json
@@ -16,13 +16,5 @@
     "convert-csv-to-json": "^3.4.0",
     "jiti": "^2.6.1",
     "vitest": "^4.0.0"
-  },
-  "prettier": {
-    "semi": false,
-    "trailingComma": "es5",
-    "singleQuote": false,
-    "printWidth": 80,
-    "tabWidth": 2,
-    "endOfLine": "lf"
   }
 }
diff --git a/apps/scandic-web/prettier.config.js b/apps/scandic-web/prettier.config.js
deleted file mode 100644
index 8d41cc176..000000000
--- a/apps/scandic-web/prettier.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @see https://prettier.io/docs/configuration
- * @type {import("prettier").Config}
- */
-const config = {
-  semi: false,
-  trailingComma: "es5",
-  singleQuote: false,
-  printWidth: 80,
-  tabWidth: 2,
-  endOfLine: "lf",
-}
-
-export default config
diff --git a/packages/booking-flow/prettier.config.js b/packages/booking-flow/prettier.config.js
deleted file mode 100644
index 8d41cc176..000000000
--- a/packages/booking-flow/prettier.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @see https://prettier.io/docs/configuration
- * @type {import("prettier").Config}
- */
-const config = {
-  semi: false,
-  trailingComma: "es5",
-  singleQuote: false,
-  printWidth: 80,
-  tabWidth: 2,
-  endOfLine: "lf",
-}
-
-export default config
diff --git a/packages/design-system/.storybook/content/Colors.tsx b/packages/design-system/.storybook/content/Colors.tsx
index 4e47f6b33..8360a41a5 100644
--- a/packages/design-system/.storybook/content/Colors.tsx
+++ b/packages/design-system/.storybook/content/Colors.tsx
@@ -1,10 +1,10 @@
 /* eslint-disable formatjs/no-literal-string-in-jsx */
-import { useState } from 'react'
-import copy from 'copy-to-clipboard'
+import { useState } from "react"
+import copy from "copy-to-clipboard"
 
-import { kebabify } from '../../generate/utils'
+import { kebabify } from "../../generate/utils"
 
-export type ThemeValue = Record<'resolved' | 'alias', string | number>
+export type ThemeValue = Record<"resolved" | "alias", string | number>
 
 export type Theme = Record<string, ThemeValue>
 
@@ -20,7 +20,7 @@ export type ColorsProps = {
   defaultThemeName?: string
 }
 
-import styles from './colors.module.css'
+import styles from "./colors.module.css"
 
 function getContrastColor(bgColor: string) {
   const r = parseInt(bgColor.substring(1, 3), 16)
@@ -34,12 +34,12 @@ function getContrastColor(bgColor: string) {
 
   const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255
   if (luminance > 0.5) {
-    return '#000'
+    return "#000"
   } else {
     if (a < 255 / 2) {
-      return '#000'
+      return "#000"
     }
-    return '#fff'
+    return "#fff"
   }
 }
 
@@ -62,7 +62,7 @@ export function Colors({
   defaultThemeName,
 }: ColorsProps) {
   const [selectedThemeName, setSelectedThemeName] = useState<string>(
-    defaultThemeName || themes?.[0]?.name || ''
+    defaultThemeName || themes?.[0]?.name || ""
   )
   const [, setCopiedKey] = useState<string | null>(null)
 
@@ -78,8 +78,8 @@ export function Colors({
   const grouping: Record<string, Theme> = {}
 
   for (const [k, v] of Object.entries(currentTheme)) {
-    if (typeof v.resolved === 'string' && v.resolved.startsWith('#')) {
-      const key = k.replace(/\/[^/]+$/, '')
+    if (typeof v.resolved === "string" && v.resolved.startsWith("#")) {
+      const key = k.replace(/\/[^/]+$/, "")
       if (!grouping[key]) {
         grouping[key] = {}
       }
@@ -120,8 +120,8 @@ export function Colors({
             onChange={(e) => {
               const el = document.getElementById(e.target.value)
               el?.scrollIntoView({
-                behavior: 'smooth',
-                block: 'start',
+                behavior: "smooth",
+                block: "start",
               })
             }}
           >
diff --git a/packages/design-system/.storybook/content/CornerRadius.mdx b/packages/design-system/.storybook/content/CornerRadius.mdx
index ac8022a89..5686f15ae 100644
--- a/packages/design-system/.storybook/content/CornerRadius.mdx
+++ b/packages/design-system/.storybook/content/CornerRadius.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { CornerRadius } from './CornerRadius'
+import { CornerRadius } from "./CornerRadius"
 
-import { base } from '../../lib/tokens'
+import { base } from "../../lib/tokens"
 
 <Meta title="Tokens/Corner Radius" />
 
diff --git a/packages/design-system/.storybook/content/CornerRadius.tsx b/packages/design-system/.storybook/content/CornerRadius.tsx
index 2bffaa1b9..3afbbfc10 100644
--- a/packages/design-system/.storybook/content/CornerRadius.tsx
+++ b/packages/design-system/.storybook/content/CornerRadius.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable formatjs/no-literal-string-in-jsx */
-import copy from 'copy-to-clipboard'
+import copy from "copy-to-clipboard"
 
-import { kebabify } from '../../generate/utils'
+import { kebabify } from "../../generate/utils"
 
-import tableStyles from './tokens.module.css'
+import tableStyles from "./tokens.module.css"
 
 type ThemeValue = {
   resolved: string | number
@@ -24,15 +24,15 @@ export function CornerRadius({ theme }: CornerRadiusProps) {
   // Filter corner radius tokens
   const cornerRadiusTokens: Theme = {}
   for (const [k, v] of Object.entries(theme)) {
-    if (k.startsWith('Corner radius/')) {
+    if (k.startsWith("Corner radius/")) {
       cornerRadiusTokens[k] = v as ThemeValue
     }
   }
 
   // Sort by value
   const sortedTokens = Object.entries(cornerRadiusTokens).sort((a, b) => {
-    const aValue = typeof a[1].resolved === 'number' ? a[1].resolved : 0
-    const bValue = typeof b[1].resolved === 'number' ? b[1].resolved : 0
+    const aValue = typeof a[1].resolved === "number" ? a[1].resolved : 0
+    const bValue = typeof b[1].resolved === "number" ? b[1].resolved : 0
     return aValue - bValue
   })
 
@@ -51,7 +51,7 @@ export function CornerRadius({ theme }: CornerRadiusProps) {
           </thead>
           <tbody>
             {sortedTokens.map(([k, v]) => {
-              const value = typeof v.resolved === 'number' ? v.resolved : 0
+              const value = typeof v.resolved === "number" ? v.resolved : 0
               const valuePx = `${value}px`
 
               return (
diff --git a/packages/design-system/.storybook/content/Shadow.mdx b/packages/design-system/.storybook/content/Shadow.mdx
index 5b5379d33..3c701cda4 100644
--- a/packages/design-system/.storybook/content/Shadow.mdx
+++ b/packages/design-system/.storybook/content/Shadow.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Shadow } from './Shadow'
+import { Shadow } from "./Shadow"
 
-import { base } from '../../lib/tokens'
+import { base } from "../../lib/tokens"
 
 <Meta title="Tokens/Shadow" />
 
diff --git a/packages/design-system/.storybook/content/Shadow.tsx b/packages/design-system/.storybook/content/Shadow.tsx
index 032e19cc4..59b325068 100644
--- a/packages/design-system/.storybook/content/Shadow.tsx
+++ b/packages/design-system/.storybook/content/Shadow.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable formatjs/no-literal-string-in-jsx */
-import copy from 'copy-to-clipboard'
+import copy from "copy-to-clipboard"
 
-import { kebabify } from '../../generate/utils'
+import { kebabify } from "../../generate/utils"
 
-import tableStyles from './tokens.module.css'
+import tableStyles from "./tokens.module.css"
 
 type ThemeValue = {
   resolved: string | number
@@ -24,15 +24,15 @@ export function Shadow({ theme }: ShadowProps) {
   // Filter shadow tokens
   const shadowTokens: Theme = {}
   for (const [k, v] of Object.entries(theme)) {
-    if (k.startsWith('BoxShadow-')) {
+    if (k.startsWith("BoxShadow-")) {
       shadowTokens[k] = v as ThemeValue
     }
   }
 
   // Sort by level
   const sortedTokens = Object.entries(shadowTokens).sort((a, b) => {
-    const aLevel = parseInt(a[0].match(/\d+/)?.[0] || '0')
-    const bLevel = parseInt(b[0].match(/\d+/)?.[0] || '0')
+    const aLevel = parseInt(a[0].match(/\d+/)?.[0] || "0")
+    const bLevel = parseInt(b[0].match(/\d+/)?.[0] || "0")
     return aLevel - bLevel
   })
 
@@ -53,8 +53,8 @@ export function Shadow({ theme }: ShadowProps) {
           <tbody>
             {sortedTokens.map(([k, v]) => {
               const shadowValue =
-                typeof v.resolved === 'string' ? v.resolved : ''
-              const level = k.match(/\d+/)?.[0] || '0'
+                typeof v.resolved === "string" ? v.resolved : ""
+              const level = k.match(/\d+/)?.[0] || "0"
 
               return (
                 <tr key={k} className={tableStyles.tableRow}>
@@ -80,8 +80,8 @@ export function Shadow({ theme }: ShadowProps) {
                       }}
                       title="Click to copy"
                       style={{
-                        fontSize: '0.75rem',
-                        wordBreak: 'break-all',
+                        fontSize: "0.75rem",
+                        wordBreak: "break-all",
                       }}
                     >
                       {shadowValue}
diff --git a/packages/design-system/.storybook/content/Spacing.mdx b/packages/design-system/.storybook/content/Spacing.mdx
index e050de228..d07b83378 100644
--- a/packages/design-system/.storybook/content/Spacing.mdx
+++ b/packages/design-system/.storybook/content/Spacing.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Spacing } from './Spacing'
+import { Spacing } from "./Spacing"
 
-import { base } from '../../lib/tokens'
+import { base } from "../../lib/tokens"
 
 <Meta title="Tokens/Spacing" />
 
diff --git a/packages/design-system/.storybook/content/Spacing.tsx b/packages/design-system/.storybook/content/Spacing.tsx
index 4da28dcd3..1b590f070 100644
--- a/packages/design-system/.storybook/content/Spacing.tsx
+++ b/packages/design-system/.storybook/content/Spacing.tsx
@@ -1,9 +1,9 @@
 /* eslint-disable formatjs/no-literal-string-in-jsx */
-import copy from 'copy-to-clipboard'
+import copy from "copy-to-clipboard"
 
-import { kebabify } from '../../generate/utils'
+import { kebabify } from "../../generate/utils"
 
-import tableStyles from './tokens.module.css'
+import tableStyles from "./tokens.module.css"
 
 type ThemeValue = {
   resolved: string | number
@@ -24,15 +24,15 @@ function copyToClipboard(text: string) {
 function getBaseUnitMultiplier(tokenName: string): string {
   // Token names are like "Space/x0", "Space/x025", "Space/x05", "Space/x1", "Space/x15", etc.
   const match = tokenName.match(/Space\/x(\d+)/)
-  if (!match) return '0x'
+  if (!match) return "0x"
 
   const num = match[1]
 
   // Handle special cases
-  if (num === '0') return '0x'
-  if (num === '025') return '0.25x'
-  if (num === '05') return '0.5x'
-  if (num === '15') return '1.5x'
+  if (num === "0") return "0x"
+  if (num === "025") return "0.25x"
+  if (num === "05") return "0.5x"
+  if (num === "15") return "1.5x"
 
   // For other numbers, they're already the multiplier (x1 = 1x, x2 = 2x, etc.)
   return `${num}x`
@@ -42,15 +42,15 @@ export function Spacing({ theme }: SpacingProps) {
   // Filter spacing tokens
   const spacingTokens: Theme = {}
   for (const [k, v] of Object.entries(theme)) {
-    if (k.startsWith('Space/')) {
+    if (k.startsWith("Space/")) {
       spacingTokens[k] = v as ThemeValue
     }
   }
 
   // Sort by value
   const sortedTokens = Object.entries(spacingTokens).sort((a, b) => {
-    const aValue = typeof a[1].resolved === 'number' ? a[1].resolved : 0
-    const bValue = typeof b[1].resolved === 'number' ? b[1].resolved : 0
+    const aValue = typeof a[1].resolved === "number" ? a[1].resolved : 0
+    const bValue = typeof b[1].resolved === "number" ? b[1].resolved : 0
     return aValue - bValue
   })
 
@@ -72,7 +72,7 @@ export function Spacing({ theme }: SpacingProps) {
           </thead>
           <tbody>
             {sortedTokens.map(([k, v]) => {
-              const value = typeof v.resolved === 'number' ? v.resolved : 0
+              const value = typeof v.resolved === "number" ? v.resolved : 0
               const valuePx = `${value}px`
               const multiplier = getBaseUnitMultiplier(k)
 
@@ -112,7 +112,7 @@ export function Spacing({ theme }: SpacingProps) {
                         className={tableStyles.visualBar}
                         style={{
                           width: `${value}px`,
-                          minWidth: value > 0 ? '2px' : '0',
+                          minWidth: value > 0 ? "2px" : "0",
                         }}
                       />
                     </div>
diff --git a/packages/design-system/.storybook/content/base.mdx b/packages/design-system/.storybook/content/base.mdx
index 072a97698..f36804ed0 100644
--- a/packages/design-system/.storybook/content/base.mdx
+++ b/packages/design-system/.storybook/content/base.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from './Colors'
+import { Colors } from "./Colors"
 
-import { base } from '../../lib/tokens'
+import { base } from "../../lib/tokens"
 
 <Meta title="Tokens/Colors/Base" />
 
diff --git a/packages/design-system/.storybook/content/colors.module.css b/packages/design-system/.storybook/content/colors.module.css
index e64efd621..7167d5b7f 100644
--- a/packages/design-system/.storybook/content/colors.module.css
+++ b/packages/design-system/.storybook/content/colors.module.css
@@ -170,7 +170,7 @@
 }
 
 .colorValue {
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
   font-size: 0.875rem;
   font-weight: 600;
   padding: 0.5rem 1rem;
@@ -203,7 +203,7 @@
 }
 
 .tokenCode {
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
   font-size: 12px;
   background: #f9fafb;
   padding: 0.375rem 0.625rem;
diff --git a/packages/design-system/.storybook/content/colors/downtownCamper.mdx b/packages/design-system/.storybook/content/colors/downtownCamper.mdx
index 2bbdbdbcc..4cf329280 100644
--- a/packages/design-system/.storybook/content/colors/downtownCamper.mdx
+++ b/packages/design-system/.storybook/content/colors/downtownCamper.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from '../Colors'
+import { Colors } from "../Colors"
 
-import { downtownCamper } from '../../../lib/tokens'
+import { downtownCamper } from "../../../lib/tokens"
 
 <Meta title="Tokens/Colors/Downtown Camper" />
 
diff --git a/packages/design-system/.storybook/content/colors/grandHotel.mdx b/packages/design-system/.storybook/content/colors/grandHotel.mdx
index 63f47d6c3..591a32ffb 100644
--- a/packages/design-system/.storybook/content/colors/grandHotel.mdx
+++ b/packages/design-system/.storybook/content/colors/grandHotel.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from '../Colors'
+import { Colors } from "../Colors"
 
-import { grandHotel } from '../../../lib/tokens'
+import { grandHotel } from "../../../lib/tokens"
 
 <Meta title="Tokens/Colors/Grand Hotel" />
 
diff --git a/packages/design-system/.storybook/content/colors/haymarket.mdx b/packages/design-system/.storybook/content/colors/haymarket.mdx
index dd5d7456e..098e38e28 100644
--- a/packages/design-system/.storybook/content/colors/haymarket.mdx
+++ b/packages/design-system/.storybook/content/colors/haymarket.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from '../Colors'
+import { Colors } from "../Colors"
 
-import { haymarket } from '../../../lib/tokens'
+import { haymarket } from "../../../lib/tokens"
 
 <Meta title="Tokens/Colors/Haymarket" />
 
diff --git a/packages/design-system/.storybook/content/colors/hotelNorge.mdx b/packages/design-system/.storybook/content/colors/hotelNorge.mdx
index ef2d24aa5..b5236063c 100644
--- a/packages/design-system/.storybook/content/colors/hotelNorge.mdx
+++ b/packages/design-system/.storybook/content/colors/hotelNorge.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from '../Colors'
+import { Colors } from "../Colors"
 
-import { hotelNorge } from '../../../lib/tokens'
+import { hotelNorge } from "../../../lib/tokens"
 
 <Meta title="Tokens/Colors/Hotel Norge" />
 
diff --git a/packages/design-system/.storybook/content/colors/index.mdx b/packages/design-system/.storybook/content/colors/index.mdx
index 1213b5989..f70137d33 100644
--- a/packages/design-system/.storybook/content/colors/index.mdx
+++ b/packages/design-system/.storybook/content/colors/index.mdx
@@ -1,6 +1,6 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from '../Colors'
+import { Colors } from "../Colors"
 
 import {
   base,
@@ -12,7 +12,7 @@ import {
   hotelNorge,
   grandHotel,
   theDock,
-} from '../../../lib/tokens'
+} from "../../../lib/tokens"
 
 <Meta title="Tokens/Colors" />
 
@@ -22,19 +22,19 @@ Select a theme to view all available color tokens. Click on any value to copy it
 
 <Colors
   themes={[
-    { name: 'base', displayName: 'Base', theme: base },
-    { name: 'scandic', displayName: 'Scandic', theme: scandic },
-    { name: 'scandicGo', displayName: 'Scandic Go', theme: scandicGo },
+    { name: "base", displayName: "Base", theme: base },
+    { name: "scandic", displayName: "Scandic", theme: scandic },
+    { name: "scandicGo", displayName: "Scandic Go", theme: scandicGo },
     {
-      name: 'downtownCamper',
-      displayName: 'Downtown Camper',
+      name: "downtownCamper",
+      displayName: "Downtown Camper",
       theme: downtownCamper,
     },
-    { name: 'haymarket', displayName: 'Haymarket', theme: haymarket },
-    { name: 'marski', displayName: 'Marski', theme: marski },
-    { name: 'hotelNorge', displayName: 'Hotel Norge', theme: hotelNorge },
-    { name: 'grandHotel', displayName: 'Grand Hotel', theme: grandHotel },
-    { name: 'theDock', displayName: 'The Dock', theme: theDock },
+    { name: "haymarket", displayName: "Haymarket", theme: haymarket },
+    { name: "marski", displayName: "Marski", theme: marski },
+    { name: "hotelNorge", displayName: "Hotel Norge", theme: hotelNorge },
+    { name: "grandHotel", displayName: "Grand Hotel", theme: grandHotel },
+    { name: "theDock", displayName: "The Dock", theme: theDock },
   ]}
   defaultThemeName="scandic"
 />
diff --git a/packages/design-system/.storybook/content/colors/marski.mdx b/packages/design-system/.storybook/content/colors/marski.mdx
index f4f06623d..d0d673f6a 100644
--- a/packages/design-system/.storybook/content/colors/marski.mdx
+++ b/packages/design-system/.storybook/content/colors/marski.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from '../Colors'
+import { Colors } from "../Colors"
 
-import { marski } from '../../../lib/tokens'
+import { marski } from "../../../lib/tokens"
 
 <Meta title="Tokens/Colors/Marski" />
 
diff --git a/packages/design-system/.storybook/content/colors/scandic.mdx b/packages/design-system/.storybook/content/colors/scandic.mdx
index 8a769c7c2..3b246e168 100644
--- a/packages/design-system/.storybook/content/colors/scandic.mdx
+++ b/packages/design-system/.storybook/content/colors/scandic.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from '../Colors'
+import { Colors } from "../Colors"
 
-import { scandic } from '../../../lib/tokens'
+import { scandic } from "../../../lib/tokens"
 
 <Meta title="Tokens/Colors/Scandic" />
 
diff --git a/packages/design-system/.storybook/content/colors/scandicGo.mdx b/packages/design-system/.storybook/content/colors/scandicGo.mdx
index 9c6a5980a..845b0ec64 100644
--- a/packages/design-system/.storybook/content/colors/scandicGo.mdx
+++ b/packages/design-system/.storybook/content/colors/scandicGo.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from '../Colors'
+import { Colors } from "../Colors"
 
-import { scandicGo } from '../../../lib/tokens'
+import { scandicGo } from "../../../lib/tokens"
 
 <Meta title="Tokens/Colors/Scandic Go" />
 
diff --git a/packages/design-system/.storybook/content/colors/theDock.mdx b/packages/design-system/.storybook/content/colors/theDock.mdx
index 95d63c346..af6ef65d2 100644
--- a/packages/design-system/.storybook/content/colors/theDock.mdx
+++ b/packages/design-system/.storybook/content/colors/theDock.mdx
@@ -1,8 +1,8 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
-import { Colors } from '../Colors'
+import { Colors } from "../Colors"
 
-import { theDock } from '../../../lib/tokens'
+import { theDock } from "../../../lib/tokens"
 
 <Meta title="Tokens/Colors/The Dock" />
 
diff --git a/packages/design-system/.storybook/content/index.mdx b/packages/design-system/.storybook/content/index.mdx
index 35c9ab31e..8ce94009d 100644
--- a/packages/design-system/.storybook/content/index.mdx
+++ b/packages/design-system/.storybook/content/index.mdx
@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs/blocks'
+import { Meta } from "@storybook/addon-docs/blocks"
 
 <Meta title="Introduction" />
 
diff --git a/packages/design-system/.storybook/content/tokens.module.css b/packages/design-system/.storybook/content/tokens.module.css
index 2fa648e96..0dc717dc6 100644
--- a/packages/design-system/.storybook/content/tokens.module.css
+++ b/packages/design-system/.storybook/content/tokens.module.css
@@ -57,7 +57,7 @@
 }
 
 .tokenName {
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
   background: #f3f4f6;
   padding: 0.25rem 0.5rem;
   border-radius: 4px;
@@ -73,7 +73,7 @@
 }
 
 .value {
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
   color: #6b7280;
   cursor: pointer;
   transition: color 0.15s ease;
@@ -98,7 +98,7 @@
 }
 
 .visualBarLabel {
-  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
+  font-family: "Monaco", "Menlo", "Ubuntu Mono", monospace;
   font-size: 0.75rem;
   color: #6b7280;
   min-width: 40px;
diff --git a/packages/design-system/.storybook/decorators/FormDecorator.tsx b/packages/design-system/.storybook/decorators/FormDecorator.tsx
index f39041026..cb6aa8007 100644
--- a/packages/design-system/.storybook/decorators/FormDecorator.tsx
+++ b/packages/design-system/.storybook/decorators/FormDecorator.tsx
@@ -1,4 +1,4 @@
-import { FormProvider, useForm } from 'react-hook-form'
+import { FormProvider, useForm } from "react-hook-form"
 
 export const FormDecorator = (Story: React.FC) => {
   const formMethods = useForm()
diff --git a/packages/design-system/.storybook/main.ts b/packages/design-system/.storybook/main.ts
index 7333ae09b..c1a6c6a05 100644
--- a/packages/design-system/.storybook/main.ts
+++ b/packages/design-system/.storybook/main.ts
@@ -1,20 +1,20 @@
-import type { StorybookConfig } from '@storybook/nextjs-vite'
-import { mergeConfig } from 'vite'
+import type { StorybookConfig } from "@storybook/nextjs-vite"
+import { mergeConfig } from "vite"
 
 const config: StorybookConfig = {
-  framework: '@storybook/nextjs-vite',
+  framework: "@storybook/nextjs-vite",
   stories: [
-    '../lib/**/*.mdx',
-    '../lib/**/*.stories.@(js|jsx|mjs|ts|tsx)',
-    './content/**/*.mdx',
+    "../lib/**/*.mdx",
+    "../lib/**/*.stories.@(js|jsx|mjs|ts|tsx)",
+    "./content/**/*.mdx",
   ],
   addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-themes',
-    '@storybook/addon-vitest',
-    '@storybook/addon-docs',
-    '@storybook/addon-a11y',
-    'storybook-react-intl',
+    "@storybook/addon-links",
+    "@storybook/addon-themes",
+    "@storybook/addon-vitest",
+    "@storybook/addon-docs",
+    "@storybook/addon-a11y",
+    "storybook-react-intl",
   ],
   core: {
     disableTelemetry: true,
@@ -24,18 +24,18 @@ const config: StorybookConfig = {
       plugins: [
         // Add babel plugin for react-intl transformation
         {
-          name: 'formatjs-transform',
+          name: "formatjs-transform",
           async transform(code, id) {
-            if (id.includes('node_modules')) return
+            if (id.includes("node_modules")) return
             if (!/\.(jsx?|tsx?)$/.test(id)) return
 
-            const babel = await import('@babel/core')
+            const babel = await import("@babel/core")
             const result = babel.transformSync(code, {
               plugins: [
                 [
-                  'formatjs',
+                  "formatjs",
                   {
-                    idInterpolationPattern: '[sha512:contenthash:base64:6]',
+                    idInterpolationPattern: "[sha512:contenthash:base64:6]",
                     ast: true,
                   },
                 ],
diff --git a/packages/design-system/.storybook/manager.ts b/packages/design-system/.storybook/manager.ts
index dd32a8918..126375901 100644
--- a/packages/design-system/.storybook/manager.ts
+++ b/packages/design-system/.storybook/manager.ts
@@ -1,5 +1,5 @@
-import { addons } from 'storybook/manager-api'
-import scandicTheme from './scandic-theme'
+import { addons } from "storybook/manager-api"
+import scandicTheme from "./scandic-theme"
 
 addons.setConfig({
   theme: scandicTheme,
diff --git a/packages/design-system/.storybook/preview.tsx b/packages/design-system/.storybook/preview.tsx
index d1f636fda..bd975ecc3 100644
--- a/packages/design-system/.storybook/preview.tsx
+++ b/packages/design-system/.storybook/preview.tsx
@@ -1,25 +1,25 @@
-import { withThemeByClassName } from '@storybook/addon-themes'
-import type { Preview, ReactRenderer } from '@storybook/nextjs-vite'
-import { IntlProvider } from 'react-intl'
-import { reactIntl } from './reactIntl'
+import { withThemeByClassName } from "@storybook/addon-themes"
+import type { Preview, ReactRenderer } from "@storybook/nextjs-vite"
+import { IntlProvider } from "react-intl"
+import { reactIntl } from "./reactIntl"
 
-import '../lib/design-system-new-deprecated.css'
-import '../lib/fonts.css'
-import '../lib/normalize.css'
-import '../lib/style.css'
+import "../lib/design-system-new-deprecated.css"
+import "../lib/fonts.css"
+import "../lib/normalize.css"
+import "../lib/style.css"
 
 export const themes = {
   themes: {
-    Scandic: 'scandic',
-    'Scandic Go': 'scandic-go',
-    'Downtown Camper': 'downtown-camper',
-    'Grand Hotel': 'grand-hotel',
-    Haymarket: 'haymarket',
-    'Hotel Norge': 'hotel-norge',
-    Marski: 'marski',
-    'The Dock': 'the-dock',
+    Scandic: "scandic",
+    "Scandic Go": "scandic-go",
+    "Downtown Camper": "downtown-camper",
+    "Grand Hotel": "grand-hotel",
+    Haymarket: "haymarket",
+    "Hotel Norge": "hotel-norge",
+    Marski: "marski",
+    "The Dock": "the-dock",
   },
-  defaultTheme: 'Scandic',
+  defaultTheme: "Scandic",
 }
 
 const preview: Preview = {
@@ -36,14 +36,14 @@ const preview: Preview = {
   initialGlobals: {
     locale: reactIntl.defaultLocale,
     locales: {
-      en: { icon: '🇬🇧', title: 'English', right: 'EN' },
-      sv: { icon: '🇸🇪', title: 'Svenska', right: 'SV' },
-      da: { icon: '🇩🇰', title: 'Dansk', right: 'DA' },
-      no: { icon: '🇳🇴', title: 'Norsk', right: 'NO' },
-      fi: { icon: '🇫🇮', title: 'Suomi', right: 'FI' },
-      de: { icon: '🇩🇪', title: 'Deutsch', right: 'DE' },
+      en: { icon: "🇬🇧", title: "English", right: "EN" },
+      sv: { icon: "🇸🇪", title: "Svenska", right: "SV" },
+      da: { icon: "🇩🇰", title: "Dansk", right: "DA" },
+      no: { icon: "🇳🇴", title: "Norsk", right: "NO" },
+      fi: { icon: "🇫🇮", title: "Suomi", right: "FI" },
+      de: { icon: "🇩🇪", title: "Deutsch", right: "DE" },
     },
-    backgrounds: { value: 'scandicSubtle' },
+    backgrounds: { value: "scandicSubtle" },
   },
   parameters: {
     reactIntl,
@@ -61,13 +61,13 @@ const preview: Preview = {
     options: {
       storySort: {
         order: [
-          'Introduction',
-          'Tokens',
-          'Core Components',
-          'Product Components',
-          'Patterns',
-          'Compositions',
-          '*',
+          "Introduction",
+          "Tokens",
+          "Core Components",
+          "Product Components",
+          "Patterns",
+          "Compositions",
+          "*",
         ],
       },
     },
@@ -75,12 +75,12 @@ const preview: Preview = {
     backgrounds: {
       options: {
         // 👇 Scandic
-        scandicPrimary: { name: 'Scandic Primary', value: '#FAF6F2' },
-        scandicSubtle: { name: 'Scandic Subtle', value: '#F2ECE6' },
-        scandicPrimaryDark: { name: 'Scandic Primary Dark', value: '#4D001B' },
+        scandicPrimary: { name: "Scandic Primary", value: "#FAF6F2" },
+        scandicSubtle: { name: "Scandic Subtle", value: "#F2ECE6" },
+        scandicPrimaryDark: { name: "Scandic Primary Dark", value: "#4D001B" },
         // 👇 Default values
-        storybookDark: { name: 'Storybook Dark', value: '#333' },
-        storybookLight: { name: 'Storybook Light', value: '#F7F9F2' },
+        storybookDark: { name: "Storybook Dark", value: "#333" },
+        storybookLight: { name: "Storybook Light", value: "#F7F9F2" },
       },
     },
 
@@ -88,11 +88,11 @@ const preview: Preview = {
       // 'todo' - show a11y violations in the test UI only
       // 'error' - fail CI on a11y violations
       // 'off' - skip a11y checks entirely
-      test: 'todo',
+      test: "todo",
     },
   },
 
-  tags: ['autodocs'],
+  tags: ["autodocs"],
 }
 
 export default preview
diff --git a/packages/design-system/.storybook/reactIntl.ts b/packages/design-system/.storybook/reactIntl.ts
index c978007fd..5a756c567 100644
--- a/packages/design-system/.storybook/reactIntl.ts
+++ b/packages/design-system/.storybook/reactIntl.ts
@@ -1,12 +1,12 @@
 /* eslint-disable import/no-relative-packages */
-import en from '../../../apps/scandic-web/i18n/dictionaries/en.json'
-import sv from '../../../apps/scandic-web/i18n/dictionaries/sv.json'
-import da from '../../../apps/scandic-web/i18n/dictionaries/da.json'
-import fi from '../../../apps/scandic-web/i18n/dictionaries/fi.json'
-import de from '../../../apps/scandic-web/i18n/dictionaries/de.json'
-import no from '../../../apps/scandic-web/i18n/dictionaries/no.json'
+import en from "../../../apps/scandic-web/i18n/dictionaries/en.json"
+import sv from "../../../apps/scandic-web/i18n/dictionaries/sv.json"
+import da from "../../../apps/scandic-web/i18n/dictionaries/da.json"
+import fi from "../../../apps/scandic-web/i18n/dictionaries/fi.json"
+import de from "../../../apps/scandic-web/i18n/dictionaries/de.json"
+import no from "../../../apps/scandic-web/i18n/dictionaries/no.json"
 
-const locales = ['en', 'sv', 'da', 'fi', 'no', 'de']
+const locales = ["en", "sv", "da", "fi", "no", "de"]
 
 const messages: Record<(typeof locales)[number], unknown> = {
   en,
@@ -20,7 +20,7 @@ const messages: Record<(typeof locales)[number], unknown> = {
 const formats = {} // optional, if you have any formats
 
 export const reactIntl = {
-  defaultLocale: 'en',
+  defaultLocale: "en",
   locales,
   messages,
   formats,
diff --git a/packages/design-system/.storybook/scandic-theme.ts b/packages/design-system/.storybook/scandic-theme.ts
index 5985ecdb6..fdfe314f1 100644
--- a/packages/design-system/.storybook/scandic-theme.ts
+++ b/packages/design-system/.storybook/scandic-theme.ts
@@ -1,8 +1,8 @@
-import { create } from 'storybook/theming'
+import { create } from "storybook/theming"
 
 export default create({
-  base: 'dark',
-  brandTitle: 'Scandic Design System',
-  brandUrl: 'https://www.scandichotels.com/',
-  brandImage: '/img/scandic-logotype.png',
+  base: "dark",
+  brandTitle: "Scandic Design System",
+  brandUrl: "https://www.scandichotels.com/",
+  brandImage: "/img/scandic-logotype.png",
 })
diff --git a/packages/design-system/.storybook/vitest.setup.ts b/packages/design-system/.storybook/vitest.setup.ts
index 8cf1f123a..7aadcb7b2 100644
--- a/packages/design-system/.storybook/vitest.setup.ts
+++ b/packages/design-system/.storybook/vitest.setup.ts
@@ -1,5 +1,5 @@
-import * as a11yAddonAnnotations from '@storybook/addon-a11y/preview'
-import { setProjectAnnotations } from '@storybook/nextjs-vite'
-import * as previewAnnotations from './preview'
+import * as a11yAddonAnnotations from "@storybook/addon-a11y/preview"
+import { setProjectAnnotations } from "@storybook/nextjs-vite"
+import * as previewAnnotations from "./preview"
 
 setProjectAnnotations([a11yAddonAnnotations, previewAnnotations])
diff --git a/packages/design-system/eslint.config.mjs b/packages/design-system/eslint.config.mjs
index 6bce928f3..d192a2038 100644
--- a/packages/design-system/eslint.config.mjs
+++ b/packages/design-system/eslint.config.mjs
@@ -1,15 +1,15 @@
-import { defineConfig, globalIgnores } from 'eslint/config'
-import globals from 'globals'
-import tsParser from '@typescript-eslint/parser'
-import reactRefresh from 'eslint-plugin-react-refresh'
-import react from 'eslint-plugin-react'
-import { FlatCompat } from '@eslint/eslintrc'
-import js from '@eslint/js'
-import importPlugin from 'eslint-plugin-import'
-import formatjs from 'eslint-plugin-formatjs'
+import { defineConfig, globalIgnores } from "eslint/config"
+import globals from "globals"
+import tsParser from "@typescript-eslint/parser"
+import reactRefresh from "eslint-plugin-react-refresh"
+import react from "eslint-plugin-react"
+import { FlatCompat } from "@eslint/eslintrc"
+import js from "@eslint/js"
+import importPlugin from "eslint-plugin-import"
+import formatjs from "eslint-plugin-formatjs"
 
-import { fileURLToPath } from 'node:url'
-import path from 'node:path'
+import { fileURLToPath } from "node:url"
+import path from "node:path"
 
 const compat = new FlatCompat({
   recommendedConfig: js.configs.recommended,
@@ -27,72 +27,72 @@ export default defineConfig([
       parser: tsParser,
     },
     extends: compat.extends(
-      'eslint:recommended',
-      'plugin:@typescript-eslint/recommended',
-      'plugin:react-hooks/recommended',
-      'plugin:storybook/recommended'
+      "eslint:recommended",
+      "plugin:@typescript-eslint/recommended",
+      "plugin:react-hooks/recommended",
+      "plugin:storybook/recommended"
     ),
     plugins: {
-      'react-refresh': reactRefresh,
+      "react-refresh": reactRefresh,
       import: importPlugin,
       formatjs,
       react,
     },
     settings: {
       // Ensure the plugin can resolve workspace packages and TS path aliases
-      'import/resolver': {
+      "import/resolver": {
         typescript: {
-          project: [path.join(packageDir, 'tsconfig.json')],
+          project: [path.join(packageDir, "tsconfig.json")],
           alwaysTryTypes: true,
         },
         node: {
-          extensions: ['.js', '.jsx', '.ts', '.tsx'],
+          extensions: [".js", ".jsx", ".ts", ".tsx"],
         },
       },
     },
     rules: {
-      'import/no-relative-packages': 'error',
-      'import/no-extraneous-dependencies': [
-        'error',
+      "import/no-relative-packages": "error",
+      "import/no-extraneous-dependencies": [
+        "error",
         {
           includeInternal: true,
           includeTypes: true,
           packageDir: [packageDir],
         },
       ],
-      'react-refresh/only-export-components': [
-        'warn',
+      "react-refresh/only-export-components": [
+        "warn",
         {
           allowConstantExport: true,
         },
       ],
-      'react/jsx-curly-brace-presence': [
-        'error',
+      "react/jsx-curly-brace-presence": [
+        "error",
         {
-          props: 'never',
-          children: 'never',
-          propElementValues: 'always',
+          props: "never",
+          children: "never",
+          propElementValues: "always",
         },
       ],
 
-      'formatjs/enforce-default-message': ['error', 'literal'],
-      'formatjs/enforce-placeholders': ['error'],
-      'formatjs/enforce-plural-rules': ['error'],
-      'formatjs/no-literal-string-in-jsx': ['error'],
-      'formatjs/no-multiple-whitespaces': ['error'],
-      'formatjs/no-multiple-plurals': ['error'],
-      'formatjs/no-invalid-icu': ['error'],
-      'formatjs/enforce-id': ['error'],
-      'formatjs/no-complex-selectors': ['error'],
-      'formatjs/no-useless-message': ['error'],
-      'formatjs/prefer-pound-in-plural': ['error'],
+      "formatjs/enforce-default-message": ["error", "literal"],
+      "formatjs/enforce-placeholders": ["error"],
+      "formatjs/enforce-plural-rules": ["error"],
+      "formatjs/no-literal-string-in-jsx": ["error"],
+      "formatjs/no-multiple-whitespaces": ["error"],
+      "formatjs/no-multiple-plurals": ["error"],
+      "formatjs/no-invalid-icu": ["error"],
+      "formatjs/enforce-id": ["error"],
+      "formatjs/no-complex-selectors": ["error"],
+      "formatjs/no-useless-message": ["error"],
+      "formatjs/prefer-pound-in-plural": ["error"],
     },
   },
   {
-    files: ['**/*.stories.tsx'],
+    files: ["**/*.stories.tsx"],
     rules: {
-      'formatjs/no-literal-string-in-jsx': 'off',
+      "formatjs/no-literal-string-in-jsx": "off",
     },
   },
-  globalIgnores(['**/dist', '**/.eslintrc.cjs', '**/storybook-static']),
+  globalIgnores(["**/dist", "**/.eslintrc.cjs", "**/storybook-static"]),
 ])
diff --git a/packages/design-system/generate/generate.ts b/packages/design-system/generate/generate.ts
index 947f1a46f..c35d61867 100644
--- a/packages/design-system/generate/generate.ts
+++ b/packages/design-system/generate/generate.ts
@@ -1,14 +1,14 @@
-import { extend } from 'colord'
-import mixPlugin from 'colord/plugins/mix'
-import fs from 'node:fs'
+import { extend } from "colord"
+import mixPlugin from "colord/plugins/mix"
+import fs from "node:fs"
 
 import {
   FALLBACK_THEME,
   getThemeForToken,
   ignoreStyles,
   kebabify,
-} from './utils'
-import json from './variables.json' assert { type: 'json' }
+} from "./utils"
+import json from "./variables.json" assert { type: "json" }
 
 extend([mixPlugin])
 
@@ -26,7 +26,7 @@ themes.set(FALLBACK_THEME, new Map())
 // Collect all real themes
 json.collections
   .find((collection) => {
-    return collection.name === 'Color Theming'
+    return collection.name === "Color Theming"
   })
   ?.modes.forEach((mode) => {
     themes.set(mode.name, new Map())
@@ -42,7 +42,7 @@ const responsiveTokens = new Set()
 
 // Collect responsive tokens
 json.collections
-  .find((collection) => collection.name === 'Responsive')
+  .find((collection) => collection.name === "Responsive")
   ?.modes.forEach((mode) => {
     mode.variables.forEach((variable) => {
       responsiveTokens.add(variable.name)
@@ -60,23 +60,23 @@ json.collections.forEach((collection) => {
         const tokenTheme = getThemeForToken(token, mode, themes)
 
         switch (variable.type) {
-          case 'boolean':
-            if (typeof variable.value === 'boolean') {
+          case "boolean":
+            if (typeof variable.value === "boolean") {
               // Handle text transform
               if (/text transform/i.test(variable.name)) {
                 token = variable.name.replace(
                   /text transform/i,
-                  'Text-Transform'
+                  "Text-Transform"
                 )
-                value = variable.value ? 'uppercase' : 'none'
+                value = variable.value ? "uppercase" : "none"
               }
               // Handle text decoration
               else if (/text decoration/i.test(variable.name)) {
                 token = variable.name.replace(
                   /text decoration/i,
-                  'Text-Decoration'
+                  "Text-Decoration"
                 )
-                value = variable.value ? 'underline' : 'none'
+                value = variable.value ? "underline" : "none"
               }
             } else {
               throw new Error(
@@ -84,8 +84,8 @@ json.collections.forEach((collection) => {
               )
             }
             break
-          case 'number':
-            if (typeof variable.value === 'number') {
+          case "number":
+            if (typeof variable.value === "number") {
               // Only use two decimals for all numbers
               value = Number(variable.value.toFixed(2))
             } else {
@@ -96,7 +96,7 @@ json.collections.forEach((collection) => {
             break
         }
 
-        if (typeof value === 'string' || typeof value === 'number') {
+        if (typeof value === "string" || typeof value === "number") {
           const theme = themes.get(tokenTheme)
           if (theme) {
             theme.set(token, {
@@ -125,11 +125,11 @@ json.collections.forEach((collection) => {
         const tokenTheme = getThemeForToken(token, mode, themes)
 
         switch (variable.type) {
-          case 'color':
-          case 'string':
-          case 'number':
+          case "color":
+          case "string":
+          case "number":
             // Some values are defined as objects, so we need to dig out the real value
-            if (typeof value === 'object' && 'name' in value) {
+            if (typeof value === "object" && "name" in value) {
               value = value.name
             }
 
@@ -139,13 +139,13 @@ json.collections.forEach((collection) => {
               value = `Impl-${value}`
             }
 
-            if (typeof value === 'string') {
+            if (typeof value === "string") {
               const theme = themes.get(tokenTheme)
               if (theme) {
                 theme.set(token, {
                   // We can only resolve aliases after we have collected all
                   // primitives and aliases.
-                  resolved: '',
+                  resolved: "",
                   alias: value,
                 })
               }
@@ -165,8 +165,8 @@ json.collections.forEach((collection) => {
 json.collections.forEach((collection) => {
   collection.modes.forEach((mode) => {
     mode.variables.forEach((variable) => {
-      if (variable.type === 'effect') {
-        if (typeof variable.value === 'object' && 'effects' in variable.value) {
+      if (variable.type === "effect") {
+        if (typeof variable.value === "object" && "effects" in variable.value) {
           if (variable.value.effects.length > 1) {
             console.warn(
               `Unsupported effect declaration with multiple effects.`,
@@ -176,7 +176,7 @@ json.collections.forEach((collection) => {
           // We only support one effect declaration per variable
           const effect = variable.value.effects[0]
           switch (effect.type) {
-            case 'DROP_SHADOW': {
+            case "DROP_SHADOW": {
               const { r, g, b, a } = effect.color
               const { x, y } = effect.offset
               const value = `${x}px ${y}px ${effect.radius}px ${effect.spread}px rgba(${r}, ${g}, ${b}, ${a})`
@@ -240,7 +240,7 @@ themes.forEach((themeTokenValues) => {
 
 // Prepare for output
 const variablesJsOutput = [
-  '/* This file is generated, do not edit manually! */',
+  "/* This file is generated, do not edit manually! */",
 ]
 themes.forEach((themeTokenValues, themeKey) => {
   const cssContentPrimitives: string[] = []
@@ -255,12 +255,12 @@ themes.forEach((themeTokenValues, themeKey) => {
         `  --${outputToken}: var(--${kebabify(outputValue.toString())});`
       )
     } else {
-      if (typeof outputValue === 'string') {
+      if (typeof outputValue === "string") {
         // Check for properties that need quotes
         if (/font(-| )family/gi.test(token)) {
           outputValue = `"${outputValue}"`
         }
-      } else if (typeof outputValue === 'number') {
+      } else if (typeof outputValue === "number") {
         // font-weight is unitless
         if (!/font(-| )weight/gi.test(token)) {
           outputValue = `${outputValue}px`
@@ -278,25 +278,25 @@ themes.forEach((themeTokenValues, themeKey) => {
   const filename = kebabify(themeKey).toLowerCase()
 
   const cssOutput = [
-    '/* This file is generated, do not edit manually! */',
+    "/* This file is generated, do not edit manually! */",
     // The base styles target the :root.
     // All themes require the use of their scoping classname to be used.
-    themeKey === FALLBACK_THEME ? ':root {' : `.${filename} {`,
-    '  /* Values */',
+    themeKey === FALLBACK_THEME ? ":root {" : `.${filename} {`,
+    "  /* Values */",
     ...cssContentPrimitives.sort(),
-    '',
-    '  /* Aliases */',
+    "",
+    "  /* Aliases */",
     ...cssContentAliases.sort(),
-    '}',
-    '', // New line at end of file
+    "}",
+    "", // New line at end of file
   ]
 
-  fs.writeFileSync(`../lib/styles/${filename}.css`, cssOutput.join('\n'), {
-    encoding: 'utf-8',
+  fs.writeFileSync(`../lib/styles/${filename}.css`, cssOutput.join("\n"), {
+    encoding: "utf-8",
   })
 
   const resolvedJsOutput = [
-    '/* This file is generated, do not edit manually! */',
+    "/* This file is generated, do not edit manually! */",
     `export const theme = ${JSON.stringify(
       Array.from(themeTokenValues).reduce(
         (acc, [token, value]) => {
@@ -313,9 +313,9 @@ themes.forEach((themeTokenValues, themeKey) => {
   ]
   fs.writeFileSync(
     `../lib/styles/${filename}.js`,
-    resolvedJsOutput.join('\n'),
+    resolvedJsOutput.join("\n"),
     {
-      encoding: 'utf-8',
+      encoding: "utf-8",
     }
   )
 
@@ -323,14 +323,14 @@ themes.forEach((themeTokenValues, themeKey) => {
   // It is mainly used for the Storybook to show all the variables.
   variablesJsOutput.push(
     `export const ${themeKey
-      .split(' ')
+      .split(" ")
       .map((v, i) => (i === 0 ? v.toLowerCase() : v))
       .join(
-        ''
+        ""
       )} = ${JSON.stringify(Object.fromEntries(themeTokenValues.entries()))} as const`
   )
 })
 
-fs.writeFileSync(`../lib/tokens/index.ts`, variablesJsOutput.join('\n'), {
-  encoding: 'utf-8',
+fs.writeFileSync(`../lib/tokens/index.ts`, variablesJsOutput.join("\n"), {
+  encoding: "utf-8",
 })
diff --git a/packages/design-system/generate/utils.ts b/packages/design-system/generate/utils.ts
index a9c1472b3..f5bfbaffd 100644
--- a/packages/design-system/generate/utils.ts
+++ b/packages/design-system/generate/utils.ts
@@ -1,9 +1,9 @@
 export function kebabify(str: string) {
-  return str.replace(/\/|\s/g, '-').replace(/\(|\)|\[|\]/g, '')
+  return str.replace(/\/|\s/g, "-").replace(/\(|\)|\[|\]/g, "")
 }
 
 export function ignoreStyles(mode: { name: string }) {
-  if (mode.name === 'Style') {
+  if (mode.name === "Style") {
     // Ignore Figma Styles, we only want to process variables.
     // But the exported variables.json includes Figma Styles too.
     return false
@@ -12,7 +12,7 @@ export function ignoreStyles(mode: { name: string }) {
 }
 
 // Some tokens are the same for all themes. Group them into this theme.
-export const FALLBACK_THEME = 'base'
+export const FALLBACK_THEME = "base"
 
 // The variables exported from Figma are not grouped by theme.
 // We used this function to help us group by theme.
@@ -24,10 +24,10 @@ export function getThemeForToken(
   themes: Map<string, unknown>
 ) {
   // If the given value is an object and has a name property, use that as comparison value.
-  const compare = typeof token === 'string' ? token : token.name
+  const compare = typeof token === "string" ? token : token.name
   const theme = Array.from(themes.keys()).find((theme) => {
     // Match against "theme/", use that if it matches
-    if (compare.indexOf(theme + '/') >= 0) {
+    if (compare.indexOf(theme + "/") >= 0) {
       return theme
     }
 
diff --git a/packages/design-system/lib/components/Accordion/Accordion.stories.tsx b/packages/design-system/lib/components/Accordion/Accordion.stories.tsx
index 6416c12f7..bc24202db 100644
--- a/packages/design-system/lib/components/Accordion/Accordion.stories.tsx
+++ b/packages/design-system/lib/components/Accordion/Accordion.stories.tsx
@@ -1,18 +1,18 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import Accordion from './index'
-import AccordionItem from './AccordionItem/index'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { IconName } from '../Icons/iconName'
-import { Typography } from '../Typography'
+import Accordion from "./index"
+import AccordionItem from "./AccordionItem/index"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { IconName } from "../Icons/iconName"
+import { Typography } from "../Typography"
 
 const meta: Meta<typeof Accordion> = {
-  title: 'Core Components/Accordion',
+  title: "Core Components/Accordion",
   component: Accordion,
   argTypes: {
     type: {
-      control: 'select',
-      options: ['card', 'sidepeek', 'inline'],
+      control: "select",
+      options: ["card", "sidepeek", "inline"],
     },
   },
 }
@@ -23,7 +23,7 @@ type Story = StoryObj<typeof Accordion>
 
 export const Default: Story = {
   args: {
-    type: 'card',
+    type: "card",
   },
   render: (args) => (
     <Accordion {...args}>
@@ -60,7 +60,7 @@ export const Default: Story = {
 
 export const WithIcons: Story = {
   args: {
-    type: 'card',
+    type: "card",
   },
   render: (args) => (
     <Accordion {...args}>
@@ -106,7 +106,7 @@ export const WithIcons: Story = {
 
 export const WithSubtitle: Story = {
   args: {
-    type: 'card',
+    type: "card",
   },
   render: (args) => (
     <Accordion {...args}>
@@ -140,7 +140,7 @@ export const WithSubtitle: Story = {
 
 export const Inline: Story = {
   args: {
-    type: 'inline',
+    type: "inline",
   },
   render: () => (
     <Accordion type="inline">
diff --git a/packages/design-system/lib/components/Accordion/AccordionItem/index.tsx b/packages/design-system/lib/components/Accordion/AccordionItem/index.tsx
index 1b2b7ab74..6861148e5 100644
--- a/packages/design-system/lib/components/Accordion/AccordionItem/index.tsx
+++ b/packages/design-system/lib/components/Accordion/AccordionItem/index.tsx
@@ -1,23 +1,24 @@
-'use client'
+"use client"
 
-import { type ReactNode, useEffect, useRef } from 'react'
+import { type ReactNode, useEffect, useRef } from "react"
 
-import { IconByIconName } from '../../Icons/IconByIconName'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
+import { IconByIconName } from "../../Icons/IconByIconName"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
 
-import { accordionItemVariants } from './variants'
+import { accordionItemVariants } from "./variants"
 
-import styles from './accordionItem.module.css'
+import styles from "./accordionItem.module.css"
 
-import type { VariantProps } from 'class-variance-authority'
-import type { IconName } from '../../Icons/iconName'
-import { Typography } from '../../Typography'
+import type { VariantProps } from "class-variance-authority"
+import type { IconName } from "../../Icons/iconName"
+import { Typography } from "../../Typography"
 
 export interface AccordionItemProps
-  extends React.HtmlHTMLAttributes<HTMLDetailsElement>,
+  extends
+    React.HtmlHTMLAttributes<HTMLDetailsElement>,
     VariantProps<typeof accordionItemVariants> {
   title: string
-  titleLevel?: 'span' | 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
+  titleLevel?: "span" | "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6"
   iconName?: IconName
   icon?: ReactNode
   subtitle?: string
@@ -31,7 +32,7 @@ export default function AccordionItem({
   icon,
   iconName,
   title,
-  titleLevel = 'p',
+  titleLevel = "p",
   type,
   className,
   subtitle,
@@ -59,17 +60,17 @@ export default function AccordionItem({
       if (details.open) {
         content.style.maxHeight = `${content.scrollHeight}px`
         content.addEventListener(
-          'transitionend',
+          "transitionend",
           () => {
             // Remove maxHeight after transition to allow content to transition multiple times
-            content.style.maxHeight = 'none'
+            content.style.maxHeight = "none"
           },
           { once: true }
         )
 
         onOpen?.()
       } else {
-        content.style.maxHeight = '0'
+        content.style.maxHeight = "0"
       }
     }
   }
@@ -89,11 +90,11 @@ export default function AccordionItem({
       <details ref={detailsRef} onToggle={toggleAccordion}>
         <summary className={styles.summary}>
           {IconComp}
-          {type === 'sidepeek' ? (
+          {type === "sidepeek" ? (
             <Typography variant="Title/Subtitle/md">
               <p className={styles.title}>{title}</p>
             </Typography>
-          ) : type === 'inline' ? (
+          ) : type === "inline" ? (
             <Typography variant="Body/Supporting text (caption)/smBold">
               <p className={styles.title}>{title}</p>
             </Typography>
diff --git a/packages/design-system/lib/components/Accordion/AccordionItem/variants.ts b/packages/design-system/lib/components/Accordion/AccordionItem/variants.ts
index 99b4d61c0..ec359988e 100644
--- a/packages/design-system/lib/components/Accordion/AccordionItem/variants.ts
+++ b/packages/design-system/lib/components/Accordion/AccordionItem/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './accordionItem.module.css'
+import styles from "./accordionItem.module.css"
 
 export const accordionItemVariants = cva(styles.accordionItem, {
   variants: {
@@ -11,6 +11,6 @@ export const accordionItemVariants = cva(styles.accordionItem, {
     },
   },
   defaultVariants: {
-    type: 'card',
+    type: "card",
   },
 })
diff --git a/packages/design-system/lib/components/Accordion/index.tsx b/packages/design-system/lib/components/Accordion/index.tsx
index c8c63b4c3..8385ca0e7 100644
--- a/packages/design-system/lib/components/Accordion/index.tsx
+++ b/packages/design-system/lib/components/Accordion/index.tsx
@@ -1,12 +1,13 @@
-import { Children, cloneElement, isValidElement } from 'react'
+import { Children, cloneElement, isValidElement } from "react"
 
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import type { AccordionItemProps } from './AccordionItem'
-import { accordionVariants } from './variants'
+import type { AccordionItemProps } from "./AccordionItem"
+import { accordionVariants } from "./variants"
 
 interface AccordionProps
-  extends React.HtmlHTMLAttributes<HTMLUListElement>,
+  extends
+    React.HtmlHTMLAttributes<HTMLUListElement>,
     VariantProps<typeof accordionVariants> {}
 
 export default function Accordion({
diff --git a/packages/design-system/lib/components/Accordion/variants.ts b/packages/design-system/lib/components/Accordion/variants.ts
index e8038284a..c47d0783d 100644
--- a/packages/design-system/lib/components/Accordion/variants.ts
+++ b/packages/design-system/lib/components/Accordion/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './accordion.module.css'
+import styles from "./accordion.module.css"
 
 export const accordionVariants = cva(styles.accordion, {
   variants: {
@@ -11,6 +11,6 @@ export const accordionVariants = cva(styles.accordion, {
     },
   },
   defaultVariants: {
-    type: 'card',
+    type: "card",
   },
 })
diff --git a/packages/design-system/lib/components/Alert/Alert.stories.tsx b/packages/design-system/lib/components/Alert/Alert.stories.tsx
index 1b90566b7..01d6a9240 100644
--- a/packages/design-system/lib/components/Alert/Alert.stories.tsx
+++ b/packages/design-system/lib/components/Alert/Alert.stories.tsx
@@ -1,22 +1,22 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { Alert } from './index'
-import { AlertTypeEnum } from '@scandic-hotels/common/constants/alert'
-import { expect, fn } from 'storybook/test'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { Alert } from "./index"
+import { AlertTypeEnum } from "@scandic-hotels/common/constants/alert"
+import { expect, fn } from "storybook/test"
 
 const meta: Meta<typeof Alert> = {
-  title: 'Core Components/Alert',
+  title: "Core Components/Alert",
   component: Alert,
   parameters: {
-    layout: 'centered',
+    layout: "centered",
   },
-  tags: ['autodocs'],
+  tags: ["autodocs"],
   argTypes: {
     variant: {
-      control: { type: 'select' },
-      options: ['banner', 'inline'],
+      control: { type: "select" },
+      options: ["banner", "inline"],
     },
     type: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: Object.values(AlertTypeEnum),
     },
     close: {
@@ -32,43 +32,43 @@ type Story = StoryObj<typeof meta>
 
 export const Default: Story = {
   args: {
-    variant: 'inline',
+    variant: "inline",
     type: AlertTypeEnum.Info,
-    heading: 'Heading',
-    text: 'Caramels danish jelly-o pudding tart croissant. Pie cotton candy jujubes carrot cake gummies. Apple pie cake chocolate bar halvah tootsie roll bonbon cheesecake. Brownie dessert macaroon bear claw pastry.',
+    heading: "Heading",
+    text: "Caramels danish jelly-o pudding tart croissant. Pie cotton candy jujubes carrot cake gummies. Apple pie cake chocolate bar halvah tootsie roll bonbon cheesecake. Brownie dessert macaroon bear claw pastry.",
     close: undefined,
-    ariaRole: 'alert',
+    ariaRole: "alert",
   },
   play: async ({ canvas }) => {
-    canvas.findByRole('alert')
+    canvas.findByRole("alert")
   },
 }
 
 export const Closable: Story = {
   args: {
-    variant: 'inline',
+    variant: "inline",
     type: AlertTypeEnum.Info,
-    heading: 'Heading',
-    text: 'Caramels danish jelly-o pudding tart croissant. Pie cotton candy jujubes carrot cake gummies. Apple pie cake chocolate bar halvah tootsie roll bonbon cheesecake. Brownie dessert macaroon bear claw pastry.',
+    heading: "Heading",
+    text: "Caramels danish jelly-o pudding tart croissant. Pie cotton candy jujubes carrot cake gummies. Apple pie cake chocolate bar halvah tootsie roll bonbon cheesecake. Brownie dessert macaroon bear claw pastry.",
     close: fn(),
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.close).toHaveBeenCalledTimes(1)
   },
 }
 
 export const WithPhonenumber: Story = {
   args: {
-    variant: 'inline',
+    variant: "inline",
     type: AlertTypeEnum.Info,
-    heading: 'Heading',
-    text: 'Caramels danish jelly-o pudding tart croissant. Pie cotton candy jujubes carrot cake gummies. Apple pie cake chocolate bar halvah tootsie roll bonbon cheesecake. Brownie dessert macaroon bear claw pastry.',
+    heading: "Heading",
+    text: "Caramels danish jelly-o pudding tart croissant. Pie cotton candy jujubes carrot cake gummies. Apple pie cake chocolate bar halvah tootsie roll bonbon cheesecake. Brownie dessert macaroon bear claw pastry.",
     close: fn(),
     phoneContact: {
-      displayText: 'Call us:',
-      phoneNumber: '+4685551234',
-      footnote: 'Available 24/7',
+      displayText: "Call us:",
+      phoneNumber: "+4685551234",
+      footnote: "Available 24/7",
     },
   },
 }
diff --git a/packages/design-system/lib/components/Alert/Sidepeek/index.tsx b/packages/design-system/lib/components/Alert/Sidepeek/index.tsx
index 10363cc72..182e67e1f 100644
--- a/packages/design-system/lib/components/Alert/Sidepeek/index.tsx
+++ b/packages/design-system/lib/components/Alert/Sidepeek/index.tsx
@@ -1,16 +1,16 @@
-'use client'
+"use client"
 
-import { useState } from 'react'
-import { useIntl } from 'react-intl'
+import { useState } from "react"
+import { useIntl } from "react-intl"
 
-import { Button } from '../../Button'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { JsonToHtml } from '../../JsonToHtml/JsonToHtml'
-import SidePeek from '../../SidePeek'
+import { Button } from "../../Button"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { JsonToHtml } from "../../JsonToHtml/JsonToHtml"
+import SidePeek from "../../SidePeek"
 
-import styles from './sidepeek.module.css'
+import styles from "./sidepeek.module.css"
 
-import type { AlertSidepeekProps } from './sidepeek'
+import type { AlertSidepeekProps } from "./sidepeek"
 
 export default function AlertSidepeek({
   ctaText,
@@ -37,8 +37,8 @@ export default function AlertSidepeek({
         isOpen={sidePeekIsOpen}
         handleClose={() => setSidePeekIsOpen(false)}
         closeLabel={intl.formatMessage({
-          id: 'common.close',
-          defaultMessage: 'Close',
+          id: "common.close",
+          defaultMessage: "Close",
         })}
       >
         <JsonToHtml
diff --git a/packages/design-system/lib/components/Alert/Sidepeek/sidepeek.ts b/packages/design-system/lib/components/Alert/Sidepeek/sidepeek.ts
index 3cfee88fc..1a6841273 100644
--- a/packages/design-system/lib/components/Alert/Sidepeek/sidepeek.ts
+++ b/packages/design-system/lib/components/Alert/Sidepeek/sidepeek.ts
@@ -1,4 +1,4 @@
-import type { SidepeekContent } from '@scandic-hotels/common/constants/alert'
+import type { SidepeekContent } from "@scandic-hotels/common/constants/alert"
 
 export interface AlertSidepeekProps {
   ctaText: string
diff --git a/packages/design-system/lib/components/Alert/alert.ts b/packages/design-system/lib/components/Alert/alert.ts
index 59cc1906a..81080f615 100644
--- a/packages/design-system/lib/components/Alert/alert.ts
+++ b/packages/design-system/lib/components/Alert/alert.ts
@@ -1,11 +1,11 @@
 import type {
   AlertTypeEnum,
   SidepeekContent,
-} from '@scandic-hotels/common/constants/alert'
-import type { VariantProps } from 'class-variance-authority'
-import type { AriaRole } from 'react'
+} from "@scandic-hotels/common/constants/alert"
+import type { VariantProps } from "class-variance-authority"
+import type { AriaRole } from "react"
 
-import type { alertVariants } from './variants'
+import type { alertVariants } from "./variants"
 
 export interface AlertProps extends VariantProps<typeof alertVariants> {
   className?: string
@@ -26,5 +26,5 @@ export interface AlertProps extends VariantProps<typeof alertVariants> {
   } | null
   close?: () => void
   ariaRole?: AriaRole
-  ariaLive?: 'off' | 'assertive' | 'polite'
+  ariaLive?: "off" | "assertive" | "polite"
 }
diff --git a/packages/design-system/lib/components/Alert/index.tsx b/packages/design-system/lib/components/Alert/index.tsx
index a598fa5ae..81886f52e 100644
--- a/packages/design-system/lib/components/Alert/index.tsx
+++ b/packages/design-system/lib/components/Alert/index.tsx
@@ -1,17 +1,17 @@
-'use client'
+"use client"
 
-import { Button } from '../Button'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import Link from '../OldDSLink'
-import { Typography } from '../Typography'
+import { Button } from "../Button"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import Link from "../OldDSLink"
+import { Typography } from "../Typography"
 
-import AlertSidepeek from './Sidepeek'
-import { IconByAlertType } from './utils'
-import { alertVariants } from './variants'
+import AlertSidepeek from "./Sidepeek"
+import { IconByAlertType } from "./utils"
+import { alertVariants } from "./variants"
 
-import styles from './alert.module.css'
+import styles from "./alert.module.css"
 
-import type { AlertProps } from './alert'
+import type { AlertProps } from "./alert"
 
 export function Alert({
   className,
@@ -61,7 +61,7 @@ export function Alert({
                     <>
                       <span> {phoneContact.displayText} </span>
                       <Link
-                        href={`tel:${phoneContact.phoneNumber.replace(/ /g, '')}`}
+                        href={`tel:${phoneContact.phoneNumber.replace(/ /g, "")}`}
                       >
                         {phoneContact.phoneNumber}
                       </Link>
diff --git a/packages/design-system/lib/components/Alert/utils.tsx b/packages/design-system/lib/components/Alert/utils.tsx
index c7a2e85af..f030ea53f 100644
--- a/packages/design-system/lib/components/Alert/utils.tsx
+++ b/packages/design-system/lib/components/Alert/utils.tsx
@@ -1,28 +1,28 @@
 import {
   MaterialIcon,
   type MaterialIconSetIconProps,
-} from '../Icons/MaterialIcon'
-import { AlertTypeEnum } from '@scandic-hotels/common/constants/alert'
+} from "../Icons/MaterialIcon"
+import { AlertTypeEnum } from "@scandic-hotels/common/constants/alert"
 
-import type { JSX } from 'react'
+import type { JSX } from "react"
 
-import type { AlertProps } from './alert'
+import type { AlertProps } from "./alert"
 
 interface IconByAlertProps {
   alertType: AlertTypeEnum
-  variant?: AlertProps['variant']
+  variant?: AlertProps["variant"]
 }
 
 export function IconByAlertType({
   alertType,
-  variant = 'inline',
+  variant = "inline",
   ...props
 }: IconByAlertProps & MaterialIconSetIconProps): JSX.Element {
   switch (alertType) {
     case AlertTypeEnum.Alarm:
       return (
         <MaterialIcon
-          color={variant === 'inline' ? 'Icon/Inverted' : 'Icon/Feedback/Error'}
+          color={variant === "inline" ? "Icon/Inverted" : "Icon/Feedback/Error"}
           isFilled
           icon="error"
           {...props}
@@ -33,7 +33,7 @@ export function IconByAlertType({
         <MaterialIcon
           icon="warning"
           color={
-            variant === 'inline' ? 'Icon/Inverted' : 'Icon/Feedback/Warning'
+            variant === "inline" ? "Icon/Inverted" : "Icon/Feedback/Warning"
           }
           isFilled
           {...props}
@@ -44,7 +44,7 @@ export function IconByAlertType({
         <MaterialIcon
           icon="check_circle"
           color={
-            variant === 'inline' ? 'Icon/Inverted' : 'Icon/Feedback/Success'
+            variant === "inline" ? "Icon/Inverted" : "Icon/Feedback/Success"
           }
           isFilled
           {...props}
@@ -55,7 +55,7 @@ export function IconByAlertType({
       return (
         <MaterialIcon
           color={
-            variant === 'inline' ? 'Icon/Inverted' : 'Icon/Feedback/Information'
+            variant === "inline" ? "Icon/Inverted" : "Icon/Feedback/Information"
           }
           isFilled
           icon="info"
diff --git a/packages/design-system/lib/components/Alert/variants.ts b/packages/design-system/lib/components/Alert/variants.ts
index ea7ce71d4..2ea7ca06c 100644
--- a/packages/design-system/lib/components/Alert/variants.ts
+++ b/packages/design-system/lib/components/Alert/variants.ts
@@ -1,8 +1,8 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import { AlertTypeEnum } from '@scandic-hotels/common/constants/alert'
+import { AlertTypeEnum } from "@scandic-hotels/common/constants/alert"
 
-import styles from './alert.module.css'
+import styles from "./alert.module.css"
 
 export const alertVariants = cva(styles.alert, {
   variants: {
@@ -18,7 +18,7 @@ export const alertVariants = cva(styles.alert, {
     },
   },
   defaultVariants: {
-    variant: 'inline',
+    variant: "inline",
     type: AlertTypeEnum.Info,
   },
 })
diff --git a/packages/design-system/lib/components/Avatar/Avatar.stories.tsx b/packages/design-system/lib/components/Avatar/Avatar.stories.tsx
index 901dc4800..2a318df84 100644
--- a/packages/design-system/lib/components/Avatar/Avatar.stories.tsx
+++ b/packages/design-system/lib/components/Avatar/Avatar.stories.tsx
@@ -1,17 +1,17 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Avatar } from '.'
-import { config } from './variants'
+import { Avatar } from "."
+import { config } from "./variants"
 
 const meta: Meta<typeof Avatar> = {
-  title: 'Core Components/Avatar',
+  title: "Core Components/Avatar",
   component: Avatar,
   parameters: {
-    layout: 'centered',
+    layout: "centered",
   },
   argTypes: {
     size: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: Object.keys(config.variants.size),
     },
   },
@@ -20,31 +20,31 @@ const meta: Meta<typeof Avatar> = {
 export default meta
 
 type Story = StoryObj<typeof Avatar>
-const imageFile = './img/profile-picture.png' as const
+const imageFile = "./img/profile-picture.png" as const
 export const WithImage: Story = {
   args: {
     src: imageFile,
-    alt: 'Profile photo',
-    size: 'md',
+    alt: "Profile photo",
+    size: "md",
   },
 }
 
 export const WithInitials: Story = {
   args: {
-    initials: 'FR',
-    size: 'md',
+    initials: "FR",
+    size: "md",
   },
 }
 
 export const Fallback: Story = {
   args: {
-    size: 'md',
+    size: "md",
   },
 }
 
 export const SmallSize: Story = {
   render: () => (
-    <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "16px", alignItems: "center" }}>
       <Avatar src={imageFile} alt="Profile photo" size="sm" />
       <Avatar initials="FR" size="sm" />
       <Avatar size="sm" />
@@ -54,7 +54,7 @@ export const SmallSize: Story = {
 
 export const MediumSize: Story = {
   render: () => (
-    <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "16px", alignItems: "center" }}>
       <Avatar src={imageFile} alt="Profile photo" size="md" />
       <Avatar initials="FR" size="md" />
       <Avatar size="md" />
@@ -64,7 +64,7 @@ export const MediumSize: Story = {
 
 export const LargeSize: Story = {
   render: () => (
-    <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "16px", alignItems: "center" }}>
       <Avatar src={imageFile} alt="Profile photo" size="lg" />
       <Avatar initials="FR" size="lg" />
       <Avatar size="lg" />
@@ -74,39 +74,39 @@ export const LargeSize: Story = {
 
 export const AllSizes: Story = {
   render: () => (
-    <div style={{ display: 'flex', gap: '24px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "24px", alignItems: "center" }}>
       <div
         style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '8px',
-          alignItems: 'center',
+          display: "flex",
+          flexDirection: "column",
+          gap: "8px",
+          alignItems: "center",
         }}
       >
         <Avatar initials="FR" size="sm" />
-        <span style={{ fontSize: '12px' }}>Small (20px)</span>
+        <span style={{ fontSize: "12px" }}>Small (20px)</span>
       </div>
       <div
         style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '8px',
-          alignItems: 'center',
+          display: "flex",
+          flexDirection: "column",
+          gap: "8px",
+          alignItems: "center",
         }}
       >
         <Avatar initials="FR" size="md" />
-        <span style={{ fontSize: '12px' }}>Medium (32px)</span>
+        <span style={{ fontSize: "12px" }}>Medium (32px)</span>
       </div>
       <div
         style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '8px',
-          alignItems: 'center',
+          display: "flex",
+          flexDirection: "column",
+          gap: "8px",
+          alignItems: "center",
         }}
       >
         <Avatar initials="FR" size="lg" />
-        <span style={{ fontSize: '12px' }}>Large (55px)</span>
+        <span style={{ fontSize: "12px" }}>Large (55px)</span>
       </div>
     </div>
   ),
diff --git a/packages/design-system/lib/components/Avatar/index.tsx b/packages/design-system/lib/components/Avatar/index.tsx
index d2c750348..969c6c867 100644
--- a/packages/design-system/lib/components/Avatar/index.tsx
+++ b/packages/design-system/lib/components/Avatar/index.tsx
@@ -1,28 +1,28 @@
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
-import Image from '../Image'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
+import Image from "../Image"
 
-import { variants } from './variants'
-import type { AvatarProps } from './types'
+import { variants } from "./variants"
+import type { AvatarProps } from "./types"
 
 export function Avatar({
   src,
   alt,
   initials,
-  size = 'md',
+  size = "md",
   className,
 }: AvatarProps) {
   const classNames = variants({ size, className })
-  const pixelSize = size === 'sm' ? 24 : size === 'md' ? 32 : 55
-  const iconSize = size === 'sm' ? 16 : 24
+  const pixelSize = size === "sm" ? 24 : size === "md" ? 32 : 55
+  const iconSize = size === "sm" ? 16 : 24
 
   return (
     <div className={classNames}>
       {src ? (
-        <Image src={src} alt={alt || ''} width={pixelSize} height={pixelSize} />
+        <Image src={src} alt={alt || ""} width={pixelSize} height={pixelSize} />
       ) : initials ? (
         <Typography
-          variant={size === 'lg' ? 'Title/Overline/sm' : 'Tag/sm'}
+          variant={size === "lg" ? "Title/Overline/sm" : "Tag/sm"}
           className={variants.initials}
         >
           <span data-hj-suppress>{initials}</span>
diff --git a/packages/design-system/lib/components/Avatar/types.ts b/packages/design-system/lib/components/Avatar/types.ts
index 4a821a306..8e7f65af6 100644
--- a/packages/design-system/lib/components/Avatar/types.ts
+++ b/packages/design-system/lib/components/Avatar/types.ts
@@ -15,7 +15,7 @@ export interface AvatarProps {
    * Size of the avatar
    * @default 'md'
    */
-  size?: 'sm' | 'md' | 'lg'
+  size?: "sm" | "md" | "lg"
   /**
    * Additional CSS class names
    */
diff --git a/packages/design-system/lib/components/Avatar/variants.ts b/packages/design-system/lib/components/Avatar/variants.ts
index 58888eb17..e0eefb209 100644
--- a/packages/design-system/lib/components/Avatar/variants.ts
+++ b/packages/design-system/lib/components/Avatar/variants.ts
@@ -1,17 +1,17 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './avatar.module.css'
+import styles from "./avatar.module.css"
 
 export const config = {
   variants: {
     size: {
-      sm: styles['size-sm'],
-      md: styles['size-md'],
-      lg: styles['size-lg'],
+      sm: styles["size-sm"],
+      md: styles["size-md"],
+      lg: styles["size-lg"],
     },
   },
   defaultVariants: {
-    size: 'md',
+    size: "md",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/BackToTopButton/BackToTopButton.stories.tsx b/packages/design-system/lib/components/BackToTopButton/BackToTopButton.stories.tsx
index eb2711b4e..e7262fb77 100644
--- a/packages/design-system/lib/components/BackToTopButton/BackToTopButton.stories.tsx
+++ b/packages/design-system/lib/components/BackToTopButton/BackToTopButton.stories.tsx
@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { expect, fn } from 'storybook/test'
+import { expect, fn } from "storybook/test"
 
-import { BackToTopButton } from '.'
-import { config as backToTopButtonConfig } from './variants'
+import { BackToTopButton } from "."
+import { config as backToTopButtonConfig } from "./variants"
 
 const meta: Meta<typeof BackToTopButton> = {
-  title: 'Patterns/BackToTopButton',
+  title: "Patterns/BackToTopButton",
   component: BackToTopButton,
   argTypes: {
     onPress: {
@@ -15,13 +15,13 @@ const meta: Meta<typeof BackToTopButton> = {
       },
     },
     position: {
-      control: 'select',
+      control: "select",
       options: Object.keys(backToTopButtonConfig.variants.position),
       table: {
         type: {
-          summary: 'string',
+          summary: "string",
           detail: Object.keys(backToTopButtonConfig.variants.position).join(
-            ' | '
+            " | "
           ),
         },
         defaultValue: {
@@ -30,7 +30,7 @@ const meta: Meta<typeof BackToTopButton> = {
       },
     },
     label: {
-      control: 'text',
+      control: "text",
     },
   },
 }
@@ -40,16 +40,16 @@ export default meta
 type Story = StoryObj<typeof BackToTopButton>
 
 const globalStoryPropsInverted = {
-  backgrounds: { value: 'scandicPrimaryDark' },
+  backgrounds: { value: "scandicPrimaryDark" },
 }
 
 export const Default: Story = {
   args: {
     onPress: fn(),
-    label: 'Back to top',
+    label: "Back to top",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -57,10 +57,10 @@ export const Default: Story = {
 export const PositionLeft: Story = {
   args: {
     ...Default.args,
-    position: 'left',
+    position: "left",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -68,10 +68,10 @@ export const PositionLeft: Story = {
 export const PositionCenter: Story = {
   args: {
     ...Default.args,
-    position: 'center',
+    position: "center",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -79,10 +79,10 @@ export const PositionCenter: Story = {
 export const PositionRight: Story = {
   args: {
     ...Default.args,
-    position: 'right',
+    position: "right",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -91,10 +91,10 @@ export const OnDarkBackground: Story = {
   globals: globalStoryPropsInverted,
   args: {
     onPress: fn(),
-    label: 'Back to top',
+    label: "Back to top",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
diff --git a/packages/design-system/lib/components/BackToTopButton/backToTopButton.module.css b/packages/design-system/lib/components/BackToTopButton/backToTopButton.module.css
index 0e45d2cce..64b43982c 100644
--- a/packages/design-system/lib/components/BackToTopButton/backToTopButton.module.css
+++ b/packages/design-system/lib/components/BackToTopButton/backToTopButton.module.css
@@ -31,7 +31,7 @@
     /* This button is able to be on top of dark background colors, 
     so we need to create an illusion that it also has an inverted border on focus */
     &::before {
-      content: '';
+      content: "";
       position: absolute;
       inset: -4px;
       border: 2px solid var(--Border-Inverted);
diff --git a/packages/design-system/lib/components/BackToTopButton/index.tsx b/packages/design-system/lib/components/BackToTopButton/index.tsx
index f83f47153..b9037df33 100644
--- a/packages/design-system/lib/components/BackToTopButton/index.tsx
+++ b/packages/design-system/lib/components/BackToTopButton/index.tsx
@@ -1,20 +1,19 @@
-'use client'
+"use client"
 
-import { Button as ButtonRAC } from 'react-aria-components'
+import { Button as ButtonRAC } from "react-aria-components"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
 
-import { variants } from './variants'
+import { variants } from "./variants"
 
-import styles from './backToTopButton.module.css'
+import styles from "./backToTopButton.module.css"
 
-import type { VariantProps } from 'class-variance-authority'
-import type { ComponentProps } from 'react'
+import type { VariantProps } from "class-variance-authority"
+import type { ComponentProps } from "react"
 
 interface BackToTopButtonProps
-  extends ComponentProps<typeof ButtonRAC>,
-    VariantProps<typeof variants> {
+  extends ComponentProps<typeof ButtonRAC>, VariantProps<typeof variants> {
   label: string
 }
 
diff --git a/packages/design-system/lib/components/BackToTopButton/variants.ts b/packages/design-system/lib/components/BackToTopButton/variants.ts
index fd09e7957..2926fb971 100644
--- a/packages/design-system/lib/components/BackToTopButton/variants.ts
+++ b/packages/design-system/lib/components/BackToTopButton/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './backToTopButton.module.css'
+import styles from "./backToTopButton.module.css"
 
 export const config = {
   variants: {
@@ -11,7 +11,7 @@ export const config = {
     },
   },
   defaultVariants: {
-    position: 'right',
+    position: "right",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/Badge/Badge.stories.tsx b/packages/design-system/lib/components/Badge/Badge.stories.tsx
index 6718988ac..bd915c561 100644
--- a/packages/design-system/lib/components/Badge/Badge.stories.tsx
+++ b/packages/design-system/lib/components/Badge/Badge.stories.tsx
@@ -1,9 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Badge } from './Badge.tsx'
+import { Badge } from "./Badge.tsx"
 
 const meta: Meta<typeof Badge> = {
-  title: 'Core Components/Badge',
+  title: "Core Components/Badge",
   component: Badge,
 }
 
@@ -15,7 +15,7 @@ export const Default: Story = {}
 
 export const XS: Story = {
   render: () => (
-    <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "16px", alignItems: "center" }}>
       <Badge number={3} color="primary" size="20" />
       <Badge number={3} color="green" size="20" />
     </div>
@@ -24,7 +24,7 @@ export const XS: Story = {
 
 export const Small: Story = {
   render: () => (
-    <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "16px", alignItems: "center" }}>
       <Badge number={3} color="primary" size="24" />
       <Badge number={3} color="green" size="24" />
     </div>
@@ -32,7 +32,7 @@ export const Small: Story = {
 }
 export const Medium: Story = {
   render: () => (
-    <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "16px", alignItems: "center" }}>
       <Badge number={3} color="primary" size="28" />
       <Badge number={3} color="green" size="28" />
     </div>
@@ -40,7 +40,7 @@ export const Medium: Story = {
 }
 export const Large: Story = {
   render: () => (
-    <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "16px", alignItems: "center" }}>
       <Badge number={3} color="primary" size="32" />
       <Badge number={3} color="green" size="32" />
     </div>
@@ -49,7 +49,7 @@ export const Large: Story = {
 
 export const XL: Story = {
   render: () => (
-    <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "16px", alignItems: "center" }}>
       <Badge number={3} color="primary" size="36" />
       <Badge number={3} color="green" size="36" />
     </div>
diff --git a/packages/design-system/lib/components/Badge/Badge.tsx b/packages/design-system/lib/components/Badge/Badge.tsx
index 23e73c11b..7a46537da 100644
--- a/packages/design-system/lib/components/Badge/Badge.tsx
+++ b/packages/design-system/lib/components/Badge/Badge.tsx
@@ -1,8 +1,8 @@
-import { config } from './variants'
+import { config } from "./variants"
 
-import { VariantProps } from 'class-variance-authority'
-import { Typography } from '../Typography'
-import { TypographyProps } from '../Typography/types'
+import { VariantProps } from "class-variance-authority"
+import { Typography } from "../Typography"
+import { TypographyProps } from "../Typography/types"
 
 interface BadgeProps extends VariantProps<typeof config> {
   number: string | number
@@ -21,15 +21,15 @@ export function Badge({ number, color, size }: BadgeProps) {
   )
 }
 
-function getTypography(size: BadgeProps['size']): TypographyProps['variant'] {
+function getTypography(size: BadgeProps["size"]): TypographyProps["variant"] {
   switch (size) {
-    case '36':
-    case '32':
-      return 'Body/Paragraph/mdBold'
-    case '28':
-    case '24':
-      return 'Body/Supporting text (caption)/smBold'
-    case '20':
-      return 'Label/xsRegular'
+    case "36":
+    case "32":
+      return "Body/Paragraph/mdBold"
+    case "28":
+    case "24":
+      return "Body/Supporting text (caption)/smBold"
+    case "20":
+      return "Label/xsRegular"
   }
 }
diff --git a/packages/design-system/lib/components/Badge/index.tsx b/packages/design-system/lib/components/Badge/index.tsx
index 9053ae93c..d02aa6b59 100644
--- a/packages/design-system/lib/components/Badge/index.tsx
+++ b/packages/design-system/lib/components/Badge/index.tsx
@@ -1 +1 @@
-export { Badge } from './Badge'
+export { Badge } from "./Badge"
diff --git a/packages/design-system/lib/components/Badge/variants.ts b/packages/design-system/lib/components/Badge/variants.ts
index 84b23a325..43f2d6376 100644
--- a/packages/design-system/lib/components/Badge/variants.ts
+++ b/packages/design-system/lib/components/Badge/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './badge.module.css'
+import styles from "./badge.module.css"
 
 export const config = cva(styles.badge, {
   variants: {
@@ -9,15 +9,15 @@ export const config = cva(styles.badge, {
       green: styles.green,
     },
     size: {
-      '36': styles._36,
-      '32': styles._32,
-      '28': styles._28,
-      '24': styles._24,
-      '20': styles._20,
+      "36": styles._36,
+      "32": styles._32,
+      "28": styles._28,
+      "24": styles._24,
+      "20": styles._20,
     },
   },
   defaultVariants: {
-    color: 'primary',
-    size: '28',
+    color: "primary",
+    size: "28",
   },
 })
diff --git a/packages/design-system/lib/components/BookingCodeChip/BookingCodeChip.stories.tsx b/packages/design-system/lib/components/BookingCodeChip/BookingCodeChip.stories.tsx
index ed970a8e4..afb12aaf5 100644
--- a/packages/design-system/lib/components/BookingCodeChip/BookingCodeChip.stories.tsx
+++ b/packages/design-system/lib/components/BookingCodeChip/BookingCodeChip.stories.tsx
@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { fn } from 'storybook/test'
-import { BookingCodeChip } from './index'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { fn } from "storybook/test"
+import { BookingCodeChip } from "./index"
 
 const meta = {
-  title: 'Product Components/BookingCodeChip',
+  title: "Product Components/BookingCodeChip",
   component: BookingCodeChip,
   parameters: {
-    layout: 'centered',
+    layout: "centered",
   },
 } satisfies Meta<typeof BookingCodeChip>
 
diff --git a/packages/design-system/lib/components/BookingCodeChip/index.tsx b/packages/design-system/lib/components/BookingCodeChip/index.tsx
index 45059e6b2..10252079e 100644
--- a/packages/design-system/lib/components/BookingCodeChip/index.tsx
+++ b/packages/design-system/lib/components/BookingCodeChip/index.tsx
@@ -1,13 +1,13 @@
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import IconChip from '../IconChip'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import FilledDiscountIcon from '../Icons/Nucleo/Benefits/FilledDiscount'
-import { Typography } from '../Typography'
+import IconChip from "../IconChip"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import FilledDiscountIcon from "../Icons/Nucleo/Benefits/FilledDiscount"
+import { Typography } from "../Typography"
 
-import { cx } from 'class-variance-authority'
-import { IconButton } from '../IconButton'
-import styles from './bookingCodeChip.module.css'
+import { cx } from "class-variance-authority"
+import { IconButton } from "../IconButton"
+import styles from "./bookingCodeChip.module.css"
 
 type BaseBookingCodeChipProps = {
   alignCenter?: boolean
@@ -47,11 +47,11 @@ export function BookingCodeChip({
     return null
   }
 
-  const color = isCampaignRate ? 'green' : 'blue'
+  const color = isCampaignRate ? "green" : "blue"
 
   const iconColor = isCampaignRate
-    ? 'Icon/Feedback/Success'
-    : 'Icon/Feedback/Information'
+    ? "Icon/Feedback/Success"
+    : "Icon/Feedback/Information"
 
   const isUnavailableRate = isCampaignRate
     ? isCampaignUnavailable
@@ -59,12 +59,12 @@ export function BookingCodeChip({
 
   const label = isCampaignRate
     ? intl.formatMessage({
-        id: 'booking.campaign',
-        defaultMessage: 'Campaign',
+        id: "booking.campaign",
+        defaultMessage: "Campaign",
       })
     : intl.formatMessage({
-        id: 'booking.bookingCode',
-        defaultMessage: 'Booking code',
+        id: "booking.bookingCode",
+        defaultMessage: "Booking code",
       })
 
   const icon = isCampaignRate ? (
@@ -107,8 +107,8 @@ export function BookingCodeChip({
           className={styles.removeButton}
           onPress={onClose}
           aria-label={intl.formatMessage({
-            id: 'booking.removeBookingCode',
-            defaultMessage: 'Remove booking code',
+            id: "booking.removeBookingCode",
+            defaultMessage: "Remove booking code",
           })}
           iconName="close"
         />
diff --git a/packages/design-system/lib/components/Button/Button.stories.tsx b/packages/design-system/lib/components/Button/Button.stories.tsx
index c0946ee8f..6a95a91b0 100644
--- a/packages/design-system/lib/components/Button/Button.stories.tsx
+++ b/packages/design-system/lib/components/Button/Button.stories.tsx
@@ -1,41 +1,41 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { expect, fn } from 'storybook/test'
+import { expect, fn } from "storybook/test"
 
-import { Button } from './Button'
-import { buttonIconNames } from './types'
-import { config as buttonConfig } from './variants'
+import { Button } from "./Button"
+import { buttonIconNames } from "./types"
+import { config as buttonConfig } from "./variants"
 
 const meta: Meta<typeof Button> = {
-  title: 'Core Components/Button',
+  title: "Core Components/Button",
   component: Button,
   argTypes: {
     onPress: {
       table: {
-        type: { summary: 'function' },
-        defaultValue: { summary: 'undefined' },
+        type: { summary: "function" },
+        defaultValue: { summary: "undefined" },
       },
-      description: 'Callback function to handle button press events.',
+      description: "Callback function to handle button press events.",
     },
     variant: {
-      control: 'select',
+      control: "select",
       options: Object.keys(buttonConfig.variants.variant),
-      default: 'Primary',
+      default: "Primary",
       table: {
         defaultValue: {
           summary: buttonConfig.defaultVariants.variant,
         },
         type: {
-          summary: Object.keys(buttonConfig.variants.variant).join(' | '),
+          summary: Object.keys(buttonConfig.variants.variant).join(" | "),
         },
       },
     },
     color: {
-      control: 'select',
+      control: "select",
       options: Object.keys(buttonConfig.variants.color),
       table: {
         type: {
-          summary: Object.keys(buttonConfig.variants.color).join(' | '),
+          summary: Object.keys(buttonConfig.variants.color).join(" | "),
         },
         defaultValue: {
           summary: buttonConfig.defaultVariants.color,
@@ -43,11 +43,11 @@ const meta: Meta<typeof Button> = {
       },
     },
     size: {
-      control: 'select',
+      control: "select",
       options: Object.keys(buttonConfig.variants.size),
       table: {
         type: {
-          summary: Object.keys(buttonConfig.variants.size).join(' | '),
+          summary: Object.keys(buttonConfig.variants.size).join(" | "),
         },
         defaultValue: {
           summary: buttonConfig.defaultVariants.size,
@@ -55,63 +55,63 @@ const meta: Meta<typeof Button> = {
       },
     },
     wrapping: {
-      control: 'boolean',
+      control: "boolean",
       options: Object.keys(buttonConfig.variants.wrapping),
-      type: 'boolean',
+      type: "boolean",
       table: {
         defaultValue: {
           summary: buttonConfig.defaultVariants.wrapping.toString(),
         },
       },
       description:
-        'Only applies to variant `Text`. If `false`, the button will use smaller padding.',
+        "Only applies to variant `Text`. If `false`, the button will use smaller padding.",
     },
     leadingIconName: {
-      control: 'select',
+      control: "select",
       options: buttonIconNames,
       table: {
-        type: { summary: buttonIconNames.join(' | ') },
-        defaultValue: { summary: 'undefined' },
+        type: { summary: buttonIconNames.join(" | ") },
+        defaultValue: { summary: "undefined" },
       },
-      description: 'Name of the Material Icon to use as leading icon.',
+      description: "Name of the Material Icon to use as leading icon.",
     },
     trailingIconName: {
-      control: 'select',
+      control: "select",
       options: buttonIconNames,
       table: {
-        type: { summary: buttonIconNames.join(' | ') },
-        defaultValue: { summary: 'undefined' },
+        type: { summary: buttonIconNames.join(" | ") },
+        defaultValue: { summary: "undefined" },
       },
-      description: 'Name of the Material Icon to use as trailing icon.',
+      description: "Name of the Material Icon to use as trailing icon.",
     },
     isDisabled: {
-      control: 'boolean',
+      control: "boolean",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
     },
     isPending: {
-      control: 'boolean',
+      control: "boolean",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
     },
     fullWidth: {
-      control: 'boolean',
+      control: "boolean",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
       description:
-        'By default, the button width adjusts to its content. Set to true to make the button take the full width of its container.',
+        "By default, the button width adjusts to its content. Set to true to make the button take the full width of its container.",
     },
   },
 }
 
 const globalStoryPropsInverted = {
-  backgrounds: { value: 'scandicPrimaryDark' },
+  backgrounds: { value: "scandicPrimaryDark" },
 }
 export default meta
 
@@ -120,10 +120,10 @@ type Story = StoryObj<typeof Button>
 export const Default: Story = {
   args: {
     onPress: fn(),
-    children: 'Button',
+    children: "Button",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -131,11 +131,11 @@ export const Default: Story = {
 export const PrimaryLarge: Story = {
   args: {
     ...Default.args,
-    variant: 'Primary',
-    size: 'lg',
+    variant: "Primary",
+    size: "lg",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -143,10 +143,10 @@ export const PrimaryLarge: Story = {
 export const PrimaryMedium: Story = {
   args: {
     ...PrimaryLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -154,10 +154,10 @@ export const PrimaryMedium: Story = {
 export const PrimarySmall: Story = {
   args: {
     ...PrimaryLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -169,7 +169,7 @@ export const PrimaryDisabled: Story = {
     onPress: fn(), // Fresh spy instance for disabled test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -181,7 +181,7 @@ export const PrimaryLoading: Story = {
     onPress: fn(), // Fresh spy instance for loading test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -192,7 +192,7 @@ export const PrimaryOnDarkBackground: Story = {
     ...PrimaryLarge.args,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -201,11 +201,11 @@ export const PrimaryInvertedLarge: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...Default.args,
-    size: 'lg',
-    color: 'Inverted',
+    size: "lg",
+    color: "Inverted",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -214,10 +214,10 @@ export const PrimaryInvertedMedium: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...PrimaryInvertedLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -226,10 +226,10 @@ export const PrimaryInvertedSmall: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...PrimaryInvertedLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -242,7 +242,7 @@ export const PrimaryInvertedDisabled: Story = {
     onPress: fn(), // Fresh spy instance for disabled test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -255,7 +255,7 @@ export const PrimaryInvertedLoading: Story = {
     onPress: fn(), // Fresh spy instance for loading test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -263,11 +263,11 @@ export const PrimaryInvertedLoading: Story = {
 export const SecondaryLarge: Story = {
   args: {
     ...Default.args,
-    variant: 'Secondary',
-    size: 'lg',
+    variant: "Secondary",
+    size: "lg",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -275,10 +275,10 @@ export const SecondaryLarge: Story = {
 export const SecondaryMedium: Story = {
   args: {
     ...SecondaryLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -286,10 +286,10 @@ export const SecondaryMedium: Story = {
 export const SecondarySmall: Story = {
   args: {
     ...SecondaryLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -301,7 +301,7 @@ export const SecondaryDisabled: Story = {
     onPress: fn(), // Fresh spy instance for disabled test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -313,7 +313,7 @@ export const SecondaryLoading: Story = {
     onPress: fn(), // Fresh spy instance for loading test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -322,12 +322,12 @@ export const SecondaryInvertedLarge: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...Default.args,
-    variant: 'Secondary',
-    color: 'Inverted',
-    size: 'lg',
+    variant: "Secondary",
+    color: "Inverted",
+    size: "lg",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -336,10 +336,10 @@ export const SecondaryInvertedMedium: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...SecondaryInvertedLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -348,10 +348,10 @@ export const SecondaryInvertedSmall: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...SecondaryInvertedLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -364,7 +364,7 @@ export const SecondaryInvertedDisabled: Story = {
     onPress: fn(), // Fresh spy instance for disabled test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -377,7 +377,7 @@ export const SecondaryInvertedLoading: Story = {
     onPress: fn(), // Fresh spy instance for loading test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -385,11 +385,11 @@ export const SecondaryInvertedLoading: Story = {
 export const TertiaryLarge: Story = {
   args: {
     ...Default.args,
-    variant: 'Tertiary',
-    size: 'lg',
+    variant: "Tertiary",
+    size: "lg",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -397,10 +397,10 @@ export const TertiaryLarge: Story = {
 export const TertiaryMedium: Story = {
   args: {
     ...TertiaryLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -408,10 +408,10 @@ export const TertiaryMedium: Story = {
 export const TertiarySmall: Story = {
   args: {
     ...TertiaryLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -423,7 +423,7 @@ export const TertiaryDisabled: Story = {
     onPress: fn(), // Fresh spy instance for disabled test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -435,7 +435,7 @@ export const TertiaryLoading: Story = {
     onPress: fn(), // Fresh spy instance for loading test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -443,11 +443,11 @@ export const TertiaryLoading: Story = {
 export const TextLarge: Story = {
   args: {
     ...Default.args,
-    variant: 'Text',
-    size: 'lg',
+    variant: "Text",
+    size: "lg",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -455,11 +455,11 @@ export const TextLarge: Story = {
 export const TextMedium: Story = {
   args: {
     ...TextLarge.args,
-    size: 'md',
+    size: "md",
   },
 
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -467,11 +467,11 @@ export const TextMedium: Story = {
 export const TextSmall: Story = {
   args: {
     ...TextLarge.args,
-    size: 'sm',
+    size: "sm",
   },
 
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -483,7 +483,7 @@ export const TextDisabled: Story = {
     onPress: fn(), // Fresh spy instance for disabled test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -494,7 +494,7 @@ export const TextNoWrapping: Story = {
     wrapping: false,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -503,12 +503,12 @@ export const TextInvertedLarge: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...Default.args,
-    variant: 'Text',
-    color: 'Inverted',
-    size: 'lg',
+    variant: "Text",
+    color: "Inverted",
+    size: "lg",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -517,10 +517,10 @@ export const TextInvertedMedium: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...TextInvertedLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -529,10 +529,10 @@ export const TextInvertedSmall: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...TextInvertedLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -545,7 +545,7 @@ export const TextInvertedDisabled: Story = {
     onPress: fn(), // Fresh spy instance for disabled test
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -553,15 +553,15 @@ export const TextInvertedDisabled: Story = {
 export const TextWithIcon: Story = {
   args: {
     ...TextLarge.args,
-    children: 'Text with icon',
-    trailingIconName: 'chevron_right',
+    children: "Text with icon",
+    trailingIconName: "chevron_right",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
 
-    expect(canvas.getByText('Text with icon')).toBeDefined()
-    expect(canvas.getByTestId('MaterialIcon')).toBeDefined()
+    expect(canvas.getByText("Text with icon")).toBeDefined()
+    expect(canvas.getByTestId("MaterialIcon")).toBeDefined()
   },
 }
 
@@ -569,13 +569,13 @@ export const TextWithIconInverted: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...TextWithIcon.args,
-    color: 'Inverted',
+    color: "Inverted",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(await canvas.findByRole('button'))
+    await userEvent.click(await canvas.findByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
 
-    expect(canvas.getByText('Text with icon')).toBeDefined()
-    expect(canvas.getByTestId('MaterialIcon')).toBeDefined()
+    expect(canvas.getByText("Text with icon")).toBeDefined()
+    expect(canvas.getByTestId("MaterialIcon")).toBeDefined()
   },
 }
diff --git a/packages/design-system/lib/components/Button/Button.tsx b/packages/design-system/lib/components/Button/Button.tsx
index 2abe5fd5b..012281ab2 100644
--- a/packages/design-system/lib/components/Button/Button.tsx
+++ b/packages/design-system/lib/components/Button/Button.tsx
@@ -1,10 +1,10 @@
-import { Button as ButtonRAC } from 'react-aria-components'
-import { Loading } from '../Loading/Loading'
+import { Button as ButtonRAC } from "react-aria-components"
+import { Loading } from "../Loading/Loading"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
-import type { ButtonProps } from './types'
-import { variants } from './variants'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
+import type { ButtonProps } from "./types"
+import { variants } from "./variants"
 
 export function Button({
   variant,
@@ -30,9 +30,9 @@ export function Button({
   return (
     <Typography
       variant={
-        size === 'sm'
-          ? 'Body/Supporting text (caption)/smBold'
-          : 'Body/Paragraph/mdBold'
+        size === "sm"
+          ? "Body/Supporting text (caption)/smBold"
+          : "Body/Paragraph/mdBold"
       }
     >
       <ButtonRAC {...props} className={classNames}>
@@ -43,7 +43,7 @@ export function Button({
                 <MaterialIcon
                   icon={leadingIconName}
                   color="CurrentColor"
-                  size={size === 'sm' ? 20 : 24}
+                  size={size === "sm" ? 20 : 24}
                 />
               ) : null}
               {children}
@@ -51,11 +51,11 @@ export function Button({
                 <MaterialIcon
                   icon={trailingIconName}
                   color="CurrentColor"
-                  size={size === 'sm' ? 20 : 24}
+                  size={size === "sm" ? 20 : 24}
                 />
               ) : null}
               {isPending ? (
-                <Loading size={size === 'sm' ? 18 : 20} type="CurrentColor" />
+                <Loading size={size === "sm" ? 18 : 20} type="CurrentColor" />
               ) : null}
             </>
           )
diff --git a/packages/design-system/lib/components/Button/button.module.css b/packages/design-system/lib/components/Button/button.module.css
index 10d4af83b..34f4f9390 100644
--- a/packages/design-system/lib/components/Button/button.module.css
+++ b/packages/design-system/lib/components/Button/button.module.css
@@ -27,7 +27,7 @@
     outline-offset: 2px;
 
     &::before {
-      content: '';
+      content: "";
       position: absolute;
       inset: -4px;
       border: 2px solid var(--Border-Inverted);
diff --git a/packages/design-system/lib/components/Button/index.tsx b/packages/design-system/lib/components/Button/index.tsx
index 5283faf8f..93adce3ee 100644
--- a/packages/design-system/lib/components/Button/index.tsx
+++ b/packages/design-system/lib/components/Button/index.tsx
@@ -1,4 +1,4 @@
-export { Button } from './Button'
-export { type ButtonProps } from './types'
+export { Button } from "./Button"
+export { type ButtonProps } from "./types"
 // eslint-disable-next-line react-refresh/only-export-components
-export { variants as buttonVariants, withButton } from './variants'
+export { variants as buttonVariants, withButton } from "./variants"
diff --git a/packages/design-system/lib/components/Button/types.ts b/packages/design-system/lib/components/Button/types.ts
index c72da10a2..ca10ebe63 100644
--- a/packages/design-system/lib/components/Button/types.ts
+++ b/packages/design-system/lib/components/Button/types.ts
@@ -1,28 +1,28 @@
-import { Button } from 'react-aria-components'
+import { Button } from "react-aria-components"
 
-import type { VariantProps } from 'class-variance-authority'
-import type { ComponentProps } from 'react'
+import type { VariantProps } from "class-variance-authority"
+import type { ComponentProps } from "react"
 
-import type { SymbolCodepoints } from '../Icons/MaterialIcon/MaterialSymbol/types'
-import type { variants } from './variants'
+import type { SymbolCodepoints } from "../Icons/MaterialIcon/MaterialSymbol/types"
+import type { variants } from "./variants"
 
 export const buttonIconNames = [
-  'add_circle',
-  'open_in_new',
-  'keyboard_arrow_down',
-  'keyboard_arrow_up',
-  'edit_square',
-  'location_on',
-  'link',
-  'mail',
-  'cancel',
-  'calendar_month',
-  'calendar_clock',
-  'edit_calendar',
-  'calendar_add_on',
-  'delete',
-  'chevron_right',
-  'chevron_left',
+  "add_circle",
+  "open_in_new",
+  "keyboard_arrow_down",
+  "keyboard_arrow_up",
+  "edit_square",
+  "location_on",
+  "link",
+  "mail",
+  "cancel",
+  "calendar_month",
+  "calendar_clock",
+  "edit_calendar",
+  "calendar_add_on",
+  "delete",
+  "chevron_right",
+  "chevron_left",
 ] as const
 
 export type ButtonIconName = Extract<
diff --git a/packages/design-system/lib/components/Button/variants.ts b/packages/design-system/lib/components/Button/variants.ts
index fa3814ddd..051022e2d 100644
--- a/packages/design-system/lib/components/Button/variants.ts
+++ b/packages/design-system/lib/components/Button/variants.ts
@@ -1,38 +1,38 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import { deepmerge } from 'deepmerge-ts'
-import styles from './button.module.css'
+import { deepmerge } from "deepmerge-ts"
+import styles from "./button.module.css"
 
 export const config = {
   variants: {
     variant: {
-      Primary: styles['variant-primary'],
-      Secondary: styles['variant-secondary'],
-      Tertiary: styles['variant-tertiary'],
-      Text: styles['variant-text'],
+      Primary: styles["variant-primary"],
+      Secondary: styles["variant-secondary"],
+      Tertiary: styles["variant-tertiary"],
+      Text: styles["variant-text"],
     },
     color: {
-      Primary: styles['color-primary'],
-      Inverted: styles['color-inverted'],
+      Primary: styles["color-primary"],
+      Inverted: styles["color-inverted"],
     },
     size: {
-      sm: styles['size-sm'],
-      md: styles['size-md'],
-      lg: styles['size-lg'],
+      sm: styles["size-sm"],
+      md: styles["size-md"],
+      lg: styles["size-lg"],
     },
     wrapping: {
       true: undefined,
-      false: styles['no-wrapping'],
+      false: styles["no-wrapping"],
     },
     fullWidth: {
-      true: styles['full-width'],
+      true: styles["full-width"],
       false: undefined,
     },
   },
   defaultVariants: {
-    variant: 'Primary',
-    color: 'Primary',
-    size: 'lg',
+    variant: "Primary",
+    color: "Primary",
+    size: "lg",
     wrapping: true,
   },
 } as const
diff --git a/packages/design-system/lib/components/ButtonLink/ButtonLink.stories.tsx b/packages/design-system/lib/components/ButtonLink/ButtonLink.stories.tsx
index 60a5189ff..9338ce0fc 100644
--- a/packages/design-system/lib/components/ButtonLink/ButtonLink.stories.tsx
+++ b/packages/design-system/lib/components/ButtonLink/ButtonLink.stories.tsx
@@ -1,20 +1,20 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { expect, fn } from 'storybook/test'
+import { expect, fn } from "storybook/test"
 
-import ButtonLink from '.'
-import buttonMeta from '../Button/Button.stories'
+import ButtonLink from "."
+import buttonMeta from "../Button/Button.stories"
 
 const meta: Meta<typeof ButtonLink> = {
-  title: 'Core Components/ButtonLink',
+  title: "Core Components/ButtonLink",
   component: ButtonLink,
   argTypes: {
     onClick: {
       table: {
-        type: { summary: 'function' },
-        defaultValue: { summary: 'undefined' },
+        type: { summary: "function" },
+        defaultValue: { summary: "undefined" },
       },
-      description: 'Callback function to handle link click events.',
+      description: "Callback function to handle link click events.",
     },
     variant: buttonMeta.argTypes?.variant,
     color: buttonMeta.argTypes?.color,
@@ -25,16 +25,16 @@ const meta: Meta<typeof ButtonLink> = {
     fullWidth: buttonMeta.argTypes?.fullWidth,
     href: {
       table: {
-        type: { summary: 'string' },
-        defaultValue: { summary: 'undefined' },
+        type: { summary: "string" },
+        defaultValue: { summary: "undefined" },
       },
-      description: 'The URL that the link points to.',
+      description: "The URL that the link points to.",
     },
   },
 }
 
 const globalStoryPropsInverted = {
-  backgrounds: { value: 'scandicPrimaryDark' },
+  backgrounds: { value: "scandicPrimaryDark" },
 }
 export default meta
 
@@ -43,12 +43,12 @@ type Story = StoryObj<typeof ButtonLink>
 export const Default: Story = {
   args: {
     onClick: fn(),
-    href: '#',
-    children: 'Button link',
+    href: "#",
+    children: "Button link",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -56,12 +56,12 @@ export const Default: Story = {
 export const PrimaryLarge: Story = {
   args: {
     ...Default.args,
-    variant: 'Primary',
-    size: 'lg',
+    variant: "Primary",
+    size: "lg",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -69,11 +69,11 @@ export const PrimaryLarge: Story = {
 export const PrimaryMedium: Story = {
   args: {
     ...PrimaryLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -81,11 +81,11 @@ export const PrimaryMedium: Story = {
 export const PrimarySmall: Story = {
   args: {
     ...PrimaryLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -94,12 +94,12 @@ export const PrimaryOnDarkBackground: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...Default.args,
-    variant: 'Primary',
-    size: 'lg',
+    variant: "Primary",
+    size: "lg",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -108,14 +108,14 @@ export const PrimaryInvertedLarge: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...Default.args,
-    variant: 'Primary',
-    color: 'Inverted',
-    size: 'lg',
+    variant: "Primary",
+    color: "Inverted",
+    size: "lg",
   },
 
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -124,11 +124,11 @@ export const PrimaryInvertedMedium: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...PrimaryInvertedLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -137,11 +137,11 @@ export const PrimaryInvertedSmall: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...PrimaryInvertedLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -149,12 +149,12 @@ export const PrimaryInvertedSmall: Story = {
 export const SecondaryLarge: Story = {
   args: {
     ...Default.args,
-    variant: 'Secondary',
-    size: 'lg',
+    variant: "Secondary",
+    size: "lg",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -162,11 +162,11 @@ export const SecondaryLarge: Story = {
 export const SecondaryMedium: Story = {
   args: {
     ...SecondaryLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -174,11 +174,11 @@ export const SecondaryMedium: Story = {
 export const SecondarySmall: Story = {
   args: {
     ...SecondaryLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -187,13 +187,13 @@ export const SecondaryInvertedLarge: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...Default.args,
-    variant: 'Secondary',
-    color: 'Inverted',
-    size: 'lg',
+    variant: "Secondary",
+    color: "Inverted",
+    size: "lg",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -202,11 +202,11 @@ export const SecondaryInvertedMedium: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...SecondaryInvertedLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -215,11 +215,11 @@ export const SecondaryInvertedSmall: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...SecondaryInvertedLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -227,12 +227,12 @@ export const SecondaryInvertedSmall: Story = {
 export const TertiaryLarge: Story = {
   args: {
     ...Default.args,
-    variant: 'Tertiary',
-    size: 'lg',
+    variant: "Tertiary",
+    size: "lg",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -240,11 +240,11 @@ export const TertiaryLarge: Story = {
 export const TertiaryMedium: Story = {
   args: {
     ...TertiaryLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -252,11 +252,11 @@ export const TertiaryMedium: Story = {
 export const TertiarySmall: Story = {
   args: {
     ...TertiaryLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -264,12 +264,12 @@ export const TertiarySmall: Story = {
 export const TextLarge: Story = {
   args: {
     ...Default.args,
-    variant: 'Text',
-    size: 'lg',
+    variant: "Text",
+    size: "lg",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -277,11 +277,11 @@ export const TextLarge: Story = {
 export const TextMedium: Story = {
   args: {
     ...TextLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -289,11 +289,11 @@ export const TextMedium: Story = {
 export const TextSmall: Story = {
   args: {
     ...TextLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -301,12 +301,12 @@ export const TextSmall: Story = {
 export const TextNoWrapping: Story = {
   args: {
     ...TextLarge.args,
-    children: 'Text button with wrapping false',
+    children: "Text button with wrapping false",
     wrapping: false,
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -315,13 +315,13 @@ export const TextInvertedLarge: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...Default.args,
-    variant: 'Text',
-    color: 'Inverted',
-    size: 'lg',
+    variant: "Text",
+    color: "Inverted",
+    size: "lg",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -330,11 +330,11 @@ export const TextInvertedMedium: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...TextInvertedLarge.args,
-    size: 'md',
+    size: "md",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -343,11 +343,11 @@ export const TextInvertedSmall: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...TextInvertedLarge.args,
-    size: 'sm',
+    size: "sm",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -355,13 +355,13 @@ export const TextInvertedSmall: Story = {
 export const TextWithIcon: Story = {
   args: {
     ...Default.args,
-    variant: 'Text',
-    children: 'Text with icon',
-    trailingIconName: 'chevron_right',
+    variant: "Text",
+    children: "Text with icon",
+    trailingIconName: "chevron_right",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -370,11 +370,11 @@ export const TextWithIconInverted: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...TextWithIcon.args,
-    color: 'Inverted',
+    color: "Inverted",
   },
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
diff --git a/packages/design-system/lib/components/ButtonLink/index.tsx b/packages/design-system/lib/components/ButtonLink/index.tsx
index fccc8b1df..d7a85be49 100644
--- a/packages/design-system/lib/components/ButtonLink/index.tsx
+++ b/packages/design-system/lib/components/ButtonLink/index.tsx
@@ -1,19 +1,19 @@
-'use client'
+"use client"
 
-import { type ComponentProps } from 'react'
+import { type ComponentProps } from "react"
 
-import { variants } from './variants'
+import { variants } from "./variants"
 
-import type { VariantProps } from 'class-variance-authority'
-import Link from 'next/link'
-import { useIntl } from 'react-intl'
-import { ButtonIconName } from '../Button/types'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
+import type { VariantProps } from "class-variance-authority"
+import Link from "next/link"
+import { useIntl } from "react-intl"
+import { ButtonIconName } from "../Button/types"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
 
 export interface ButtonLinkProps
   extends
-    Omit<ComponentProps<typeof Link>, 'color'>,
+    Omit<ComponentProps<typeof Link>, "color">,
     VariantProps<typeof variants> {
   leadingIconName?: ButtonIconName | null
   trailingIconName?: ButtonIconName | null
@@ -44,30 +44,30 @@ export default function ButtonLink({
 
   const intl = useIntl()
   const newTabText = intl.formatMessage({
-    id: 'common.linkOpenInNewTab',
-    defaultMessage: 'Opens in a new tab/window',
+    id: "common.linkOpenInNewTab",
+    defaultMessage: "Opens in a new tab/window",
   })
 
   return (
     <Typography
       variant={
-        size === 'sm'
-          ? 'Body/Supporting text (caption)/smBold'
-          : 'Body/Paragraph/mdBold'
+        size === "sm"
+          ? "Body/Supporting text (caption)/smBold"
+          : "Body/Paragraph/mdBold"
       }
     >
       <Link
         className={classNames}
         href={href}
         target={target}
-        title={target === '_blank' ? newTabText : ''}
+        title={target === "_blank" ? newTabText : ""}
         {...props}
       >
         {leadingIconName ? (
           <MaterialIcon
             icon={leadingIconName}
             color="CurrentColor"
-            size={size === 'sm' ? 20 : 24}
+            size={size === "sm" ? 20 : 24}
           />
         ) : null}
         {children}
@@ -75,7 +75,7 @@ export default function ButtonLink({
           <MaterialIcon
             icon={trailingIconName}
             color="CurrentColor"
-            size={size === 'sm' ? 20 : 24}
+            size={size === "sm" ? 20 : 24}
           />
         ) : null}
       </Link>
diff --git a/packages/design-system/lib/components/ButtonLink/variants.ts b/packages/design-system/lib/components/ButtonLink/variants.ts
index 2318e1490..91b8a5db1 100644
--- a/packages/design-system/lib/components/ButtonLink/variants.ts
+++ b/packages/design-system/lib/components/ButtonLink/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import { withButton } from '../Button'
-import buttonStyles from '../Button/button.module.css'
+import { withButton } from "../Button"
+import buttonStyles from "../Button/button.module.css"
 
 export const variants = cva([buttonStyles.button], withButton({}))
diff --git a/packages/design-system/lib/components/Caption/index.tsx b/packages/design-system/lib/components/Caption/index.tsx
index b459463c3..c8abb5914 100644
--- a/packages/design-system/lib/components/Caption/index.tsx
+++ b/packages/design-system/lib/components/Caption/index.tsx
@@ -1,10 +1,11 @@
-import { Slot } from '@radix-ui/react-slot'
+import { Slot } from "@radix-ui/react-slot"
 
-import { captionVariants, fontOnlycaptionVariants } from './variants'
-import { VariantProps } from 'class-variance-authority'
+import { captionVariants, fontOnlycaptionVariants } from "./variants"
+import { VariantProps } from "class-variance-authority"
 
 interface CaptionProps
-  extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'color'>,
+  extends
+    Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">,
     VariantProps<typeof captionVariants> {
   asChild?: boolean
   fontOnly?: boolean
@@ -15,7 +16,7 @@ interface CaptionProps
  */
 export default function Caption({
   asChild = false,
-  className = '',
+  className = "",
   color,
   fontOnly = false,
   textAlign,
@@ -25,7 +26,7 @@ export default function Caption({
   type,
   ...props
 }: CaptionProps) {
-  const Comp = asChild ? Slot : 'p'
+  const Comp = asChild ? Slot : "p"
   const classNames = fontOnly
     ? fontOnlycaptionVariants({
         className,
diff --git a/packages/design-system/lib/components/Caption/variants.ts b/packages/design-system/lib/components/Caption/variants.ts
index c8b570b8e..2fb5caaae 100644
--- a/packages/design-system/lib/components/Caption/variants.ts
+++ b/packages/design-system/lib/components/Caption/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './caption.module.css'
+import styles from "./caption.module.css"
 
 const config = {
   variants: {
@@ -44,8 +44,8 @@ const config = {
     },
   },
   defaultVariants: {
-    color: 'black',
-    type: 'regular',
+    color: "black",
+    type: "regular",
   },
 } as const
 
@@ -70,7 +70,7 @@ const fontOnlyConfig = {
     },
   },
   defaultVariants: {
-    type: 'regular',
+    type: "regular",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/Card/Card.stories.tsx b/packages/design-system/lib/components/Card/Card.stories.tsx
index 1e8b9003b..acdda5368 100644
--- a/packages/design-system/lib/components/Card/Card.stories.tsx
+++ b/packages/design-system/lib/components/Card/Card.stories.tsx
@@ -1,9 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Card } from './Card.tsx'
+import { Card } from "./Card.tsx"
 
 const meta: Meta<typeof Card> = {
-  title: 'Core Components/Card',
+  title: "Core Components/Card",
   component: Card,
 }
 
@@ -13,13 +13,13 @@ type Story = StoryObj<typeof Card>
 
 export const Default: Story = {
   args: {
-    as: 'Default',
+    as: "Default",
   },
 }
 
 export const Featured: Story = {
   args: {
     ...Default.args,
-    as: 'Featured',
+    as: "Featured",
   },
 }
diff --git a/packages/design-system/lib/components/Card/Card.tsx b/packages/design-system/lib/components/Card/Card.tsx
index d9edd3da9..42edac433 100644
--- a/packages/design-system/lib/components/Card/Card.tsx
+++ b/packages/design-system/lib/components/Card/Card.tsx
@@ -1,6 +1,6 @@
-import { variants } from './variants'
+import { variants } from "./variants"
 
-import type { CardProps } from './types'
+import type { CardProps } from "./types"
 
 export function Card({ as, className, children }: CardProps) {
   const classNames = variants({
diff --git a/packages/design-system/lib/components/Card/Compositions/ContentCard.stories.tsx b/packages/design-system/lib/components/Card/Compositions/ContentCard.stories.tsx
index 342b33fb0..b63fb6d10 100644
--- a/packages/design-system/lib/components/Card/Compositions/ContentCard.stories.tsx
+++ b/packages/design-system/lib/components/Card/Compositions/ContentCard.stories.tsx
@@ -1,11 +1,11 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { fn } from 'storybook/test'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { fn } from "storybook/test"
 
-import { themes } from '../../../../.storybook/preview'
+import { themes } from "../../../../.storybook/preview"
 
-import { Card } from '../'
-import { Button } from '../../Button'
-import { Typography } from '../../Typography'
+import { Card } from "../"
+import { Button } from "../../Button"
+import { Typography } from "../../Typography"
 
 type CompositionProps = React.ComponentPropsWithoutRef<typeof Card> & {
   _onPrimaryPress?: () => void
@@ -18,18 +18,18 @@ type CompositionProps = React.ComponentPropsWithoutRef<typeof Card> & {
 }
 
 const meta: Meta<CompositionProps> = {
-  title: 'Compositions/Card',
+  title: "Compositions/Card",
   component: Card,
   decorators: [
     (Story, context) => {
-      if (context.name.toLowerCase().indexOf('all themes') >= 0) {
+      if (context.name.toLowerCase().indexOf("all themes") >= 0) {
         return (
           <>
             <h1>{context.name}</h1>
             {Object.entries(themes.themes).map(([key, value], ix) => {
               return (
-                <div key={ix} className={value} style={{ padding: '1em 0' }}>
-                  <h2 style={{ paddingBottom: '0.5em' }}>{key}</h2>
+                <div key={ix} className={value} style={{ padding: "1em 0" }}>
+                  <h2 style={{ paddingBottom: "0.5em" }}>{key}</h2>
                   <Story />
                 </div>
               )
@@ -39,7 +39,7 @@ const meta: Meta<CompositionProps> = {
       }
 
       return (
-        <div style={{ display: 'flex' }}>
+        <div style={{ display: "flex" }}>
           <Story />
         </div>
       )
@@ -47,19 +47,19 @@ const meta: Meta<CompositionProps> = {
   ],
   argTypes: {
     inMainArea: {
-      name: 'Is in main area',
+      name: "Is in main area",
     },
     showTitle: {
-      name: 'Composition: Show title',
+      name: "Composition: Show title",
     },
     showPreamble: {
-      name: 'Composition: Show preamble',
+      name: "Composition: Show preamble",
     },
     showPrimaryButton: {
-      name: 'Composition: Show primary button',
+      name: "Composition: Show primary button",
     },
     showSecondaryButton: {
-      name: 'Composition: Show secondary button',
+      name: "Composition: Show secondary button",
     },
     _onPrimaryPress: {
       table: {
@@ -110,7 +110,7 @@ const meta: Meta<CompositionProps> = {
 
       {showSecondaryButton && (
         <Button
-          size={inMainArea ? 'lg' : 'sm'}
+          size={inMainArea ? "lg" : "sm"}
           variant="Secondary"
           onPress={args._onSecondaryPress}
         >
@@ -127,7 +127,7 @@ type Story = StoryObj<CompositionProps>
 
 export const ContentCardMainArea: Story = {
   args: {
-    as: 'Default',
+    as: "Default",
     inMainArea: true,
     showTitle: true,
     showPreamble: true,
@@ -140,7 +140,7 @@ export const ContentCardMainArea: Story = {
 
 export const ContentCardNonMainArea: Story = {
   args: {
-    as: 'Default',
+    as: "Default",
     inMainArea: false,
     showTitle: true,
     showPreamble: true,
diff --git a/packages/design-system/lib/components/Card/index.tsx b/packages/design-system/lib/components/Card/index.tsx
index 423e583d4..11abedcdf 100644
--- a/packages/design-system/lib/components/Card/index.tsx
+++ b/packages/design-system/lib/components/Card/index.tsx
@@ -1 +1 @@
-export { Card } from './Card'
+export { Card } from "./Card"
diff --git a/packages/design-system/lib/components/Card/types.ts b/packages/design-system/lib/components/Card/types.ts
index 91e8f5b3a..41cd58969 100644
--- a/packages/design-system/lib/components/Card/types.ts
+++ b/packages/design-system/lib/components/Card/types.ts
@@ -1,11 +1,10 @@
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import type { variants } from './variants'
+import type { variants } from "./variants"
 
-type CardStyles = 'Default' | 'Featured'
+type CardStyles = "Default" | "Featured"
 
 export interface CardProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof variants> {
+  extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof variants> {
   as: CardStyles
 }
diff --git a/packages/design-system/lib/components/Card/variants.ts b/packages/design-system/lib/components/Card/variants.ts
index e8bd19348..dbefc1f99 100644
--- a/packages/design-system/lib/components/Card/variants.ts
+++ b/packages/design-system/lib/components/Card/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './card.module.css'
+import styles from "./card.module.css"
 
 const config = {
   variants: {
@@ -10,7 +10,7 @@ const config = {
     },
   },
   defaultVariants: {
-    as: 'Default',
+    as: "Default",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/Chip/index.tsx b/packages/design-system/lib/components/Chip/index.tsx
index 8756c8a08..830c0753e 100644
--- a/packages/design-system/lib/components/Chip/index.tsx
+++ b/packages/design-system/lib/components/Chip/index.tsx
@@ -1,9 +1,10 @@
-import { VariantProps } from 'class-variance-authority'
-import { chipVariants } from './variants'
-import Footnote from '../Footnote'
+import { VariantProps } from "class-variance-authority"
+import { chipVariants } from "./variants"
+import Footnote from "../Footnote"
 
 export interface ChipProps
-  extends React.HtmlHTMLAttributes<HTMLDivElement>,
+  extends
+    React.HtmlHTMLAttributes<HTMLDivElement>,
     VariantProps<typeof chipVariants> {}
 
 /**
diff --git a/packages/design-system/lib/components/Chip/variants.ts b/packages/design-system/lib/components/Chip/variants.ts
index a0055d55e..dd9223d2a 100644
--- a/packages/design-system/lib/components/Chip/variants.ts
+++ b/packages/design-system/lib/components/Chip/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './chip.module.css'
+import styles from "./chip.module.css"
 
 export const chipVariants = cva(styles.chip, {
   variants: {
@@ -17,7 +17,7 @@ export const chipVariants = cva(styles.chip, {
     },
   },
   defaultVariants: {
-    size: 'medium',
-    variant: 'default',
+    size: "medium",
+    variant: "default",
   },
 })
diff --git a/packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx b/packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx
index 065e3ef54..7d1c2d4aa 100644
--- a/packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx
+++ b/packages/design-system/lib/components/ChipButton/ChipButton.stories.tsx
@@ -1,18 +1,18 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { fn } from 'storybook/test'
+import { fn } from "storybook/test"
 
-import { MaterialIcon } from '../Icons/MaterialIcon/MaterialIcon.tsx'
-import { ChipButton } from './ChipButton.tsx'
-import { config as chipButtonConfig } from './variants'
+import { MaterialIcon } from "../Icons/MaterialIcon/MaterialIcon.tsx"
+import { ChipButton } from "./ChipButton.tsx"
+import { config as chipButtonConfig } from "./variants"
 
 const meta: Meta<typeof ChipButton> = {
-  title: 'Core Components/ChipButton',
+  title: "Core Components/ChipButton",
   component: ChipButton,
   argTypes: {
     variant: {
-      control: 'select',
-      type: 'string',
+      control: "select",
+      type: "string",
       options: Object.keys(chipButtonConfig.variants.variant),
     },
     onPress: {
@@ -41,7 +41,7 @@ export const Default: Story = {
 
 export const Outlined: Story = {
   args: {
-    variant: 'Outlined',
+    variant: "Outlined",
     onPress: fn(),
     children: (
       <>
@@ -54,9 +54,9 @@ export const Outlined: Story = {
 
 export const FilterRoundedLarge: Story = {
   args: {
-    variant: 'FilterRounded',
+    variant: "FilterRounded",
     onPress: fn(),
-    size: 'Large',
+    size: "Large",
     children: (
       <>
         <MaterialIcon icon="location_city" size={20} color="CurrentColor" />
@@ -68,9 +68,9 @@ export const FilterRoundedLarge: Story = {
 
 export const FilterRoundedLargeSelected: Story = {
   args: {
-    variant: 'FilterRounded',
+    variant: "FilterRounded",
     onPress: fn(),
-    size: 'Large',
+    size: "Large",
     selected: true,
     children: (
       <>
@@ -83,9 +83,9 @@ export const FilterRoundedLargeSelected: Story = {
 
 export const FilterRoundedMedium: Story = {
   args: {
-    variant: 'FilterRounded',
+    variant: "FilterRounded",
     onPress: fn(),
-    size: 'Medium',
+    size: "Medium",
     children: (
       <>
         <MaterialIcon icon="location_city" size={20} color="CurrentColor" />
@@ -97,9 +97,9 @@ export const FilterRoundedMedium: Story = {
 
 export const FilterRoundedMediumSelected: Story = {
   args: {
-    variant: 'FilterRounded',
+    variant: "FilterRounded",
     onPress: fn(),
-    size: 'Medium',
+    size: "Medium",
     selected: true,
     children: (
       <>
diff --git a/packages/design-system/lib/components/ChipButton/ChipButton.tsx b/packages/design-system/lib/components/ChipButton/ChipButton.tsx
index 806abfff6..3151c9d67 100644
--- a/packages/design-system/lib/components/ChipButton/ChipButton.tsx
+++ b/packages/design-system/lib/components/ChipButton/ChipButton.tsx
@@ -1,13 +1,13 @@
-import { Button as ButtonRAC } from 'react-aria-components'
+import { Button as ButtonRAC } from "react-aria-components"
 
-import { ChipButtonProps } from './types'
-import { variants } from './variants'
+import { ChipButtonProps } from "./types"
+import { variants } from "./variants"
 
 export function ChipButton({
   children,
   variant,
   selected = false,
-  size = 'Large',
+  size = "Large",
   className,
   ...props
 }: ChipButtonProps) {
@@ -18,7 +18,7 @@ export function ChipButton({
   })
 
   return (
-    <ButtonRAC {...props} className={[className, classNames].join(' ')}>
+    <ButtonRAC {...props} className={[className, classNames].join(" ")}>
       {children}
     </ButtonRAC>
   )
diff --git a/packages/design-system/lib/components/ChipButton/index.tsx b/packages/design-system/lib/components/ChipButton/index.tsx
index b10fb7221..4de8815aa 100644
--- a/packages/design-system/lib/components/ChipButton/index.tsx
+++ b/packages/design-system/lib/components/ChipButton/index.tsx
@@ -1 +1 @@
-export { ChipButton } from './ChipButton'
+export { ChipButton } from "./ChipButton"
diff --git a/packages/design-system/lib/components/ChipButton/types.ts b/packages/design-system/lib/components/ChipButton/types.ts
index 66b2c7bba..f8fb296e6 100644
--- a/packages/design-system/lib/components/ChipButton/types.ts
+++ b/packages/design-system/lib/components/ChipButton/types.ts
@@ -1,10 +1,9 @@
-import { Button } from 'react-aria-components'
+import { Button } from "react-aria-components"
 
-import type { VariantProps } from 'class-variance-authority'
-import type { ComponentProps } from 'react'
+import type { VariantProps } from "class-variance-authority"
+import type { ComponentProps } from "react"
 
-import type { variants } from './variants'
+import type { variants } from "./variants"
 
 export interface ChipButtonProps
-  extends ComponentProps<typeof Button>,
-    VariantProps<typeof variants> {}
+  extends ComponentProps<typeof Button>, VariantProps<typeof variants> {}
diff --git a/packages/design-system/lib/components/ChipButton/variants.ts b/packages/design-system/lib/components/ChipButton/variants.ts
index 680e81cb4..4544ec819 100644
--- a/packages/design-system/lib/components/ChipButton/variants.ts
+++ b/packages/design-system/lib/components/ChipButton/variants.ts
@@ -1,22 +1,22 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import { deepmerge } from 'deepmerge-ts'
-import styles from './chip-button.module.css'
-import { config as typographyConfig } from '../Typography/variants'
+import { deepmerge } from "deepmerge-ts"
+import styles from "./chip-button.module.css"
+import { config as typographyConfig } from "../Typography/variants"
 
 const variantKeys = {
   variant: {
-    Default: 'Default',
-    Outlined: 'Outlined',
-    FilterRounded: 'FilterRounded',
+    Default: "Default",
+    Outlined: "Outlined",
+    FilterRounded: "FilterRounded",
   },
   style: {
-    Medium: 'Medium',
-    Large: 'Large',
+    Medium: "Medium",
+    Large: "Large",
   },
   typography: {
-    Bold: 'Body/Supporting text (caption)/smBold',
-    Regular: 'Body/Supporting text (caption)/smRegular',
+    Bold: "Body/Supporting text (caption)/smBold",
+    Regular: "Body/Supporting text (caption)/smRegular",
   },
 } as const
 
@@ -28,12 +28,12 @@ export const config = {
       [variantKeys.variant.FilterRounded]: styles.FilterRounded,
     },
     selected: {
-      true: '',
-      false: '',
+      true: "",
+      false: "",
     },
     size: {
-      [variantKeys.style.Medium]: '',
-      [variantKeys.style.Large]: '',
+      [variantKeys.style.Medium]: "",
+      [variantKeys.style.Large]: "",
     },
   },
   compoundVariants: [
@@ -41,7 +41,7 @@ export const config = {
       variant: variantKeys.variant.Default,
       className: [
         typographyConfig.variants.variant[
-          'Body/Supporting text (caption)/smBold'
+          "Body/Supporting text (caption)/smBold"
         ],
       ],
     },
@@ -49,7 +49,7 @@ export const config = {
       variant: variantKeys.variant.Outlined,
       className: [
         typographyConfig.variants.variant[
-          'Body/Supporting text (caption)/smBold'
+          "Body/Supporting text (caption)/smBold"
         ],
       ],
     },
@@ -59,7 +59,7 @@ export const config = {
       selected: true,
       className: [
         typographyConfig.variants.variant[
-          'Body/Supporting text (caption)/smRegular'
+          "Body/Supporting text (caption)/smRegular"
         ],
         styles.selected,
         styles.medium,
@@ -71,7 +71,7 @@ export const config = {
       selected: false,
       className: [
         typographyConfig.variants.variant[
-          'Body/Supporting text (caption)/smRegular'
+          "Body/Supporting text (caption)/smRegular"
         ],
         styles.medium,
       ],
@@ -82,7 +82,7 @@ export const config = {
       selected: true,
       className: [
         typographyConfig.variants.variant[
-          'Body/Supporting text (caption)/smRegular'
+          "Body/Supporting text (caption)/smRegular"
         ],
         styles.selected,
         styles.large,
@@ -94,7 +94,7 @@ export const config = {
       selected: false,
       className: [
         typographyConfig.variants.variant[
-          'Body/Supporting text (caption)/smRegular'
+          "Body/Supporting text (caption)/smRegular"
         ],
         styles.large,
       ],
diff --git a/packages/design-system/lib/components/ChipLink/ChipLink.stories.tsx b/packages/design-system/lib/components/ChipLink/ChipLink.stories.tsx
index a63573ed6..9e17a401d 100644
--- a/packages/design-system/lib/components/ChipLink/ChipLink.stories.tsx
+++ b/packages/design-system/lib/components/ChipLink/ChipLink.stories.tsx
@@ -1,10 +1,10 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { ChipLink } from './ChipLink.tsx'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { ChipLink } from "./ChipLink.tsx"
 
 const meta: Meta<typeof ChipLink> = {
-  title: 'Core Components/ChipLink',
+  title: "Core Components/ChipLink",
   component: ChipLink,
 }
 
@@ -14,7 +14,7 @@ type Story = StoryObj<typeof ChipLink>
 
 export const Default: Story = {
   args: {
-    href: '/',
+    href: "/",
     onPress: (e) => console.log(e),
     children: (
       <>
diff --git a/packages/design-system/lib/components/ChipLink/ChipLink.tsx b/packages/design-system/lib/components/ChipLink/ChipLink.tsx
index 1c2d3cd50..1e290d79e 100644
--- a/packages/design-system/lib/components/ChipLink/ChipLink.tsx
+++ b/packages/design-system/lib/components/ChipLink/ChipLink.tsx
@@ -1,13 +1,13 @@
-import { cx } from 'class-variance-authority'
-import { Typography } from '../Typography'
+import { cx } from "class-variance-authority"
+import { Typography } from "../Typography"
 
-import styles from './chip-link.module.css'
+import styles from "./chip-link.module.css"
 
-import type { PropsWithChildren } from 'react'
+import type { PropsWithChildren } from "react"
 import {
   Link as LinkRAC,
   LinkProps as LinkRACProps,
-} from 'react-aria-components'
+} from "react-aria-components"
 
 export function ChipLink({
   children,
diff --git a/packages/design-system/lib/components/ChipLink/index.tsx b/packages/design-system/lib/components/ChipLink/index.tsx
index a2ffcd3c5..c75e8f624 100644
--- a/packages/design-system/lib/components/ChipLink/index.tsx
+++ b/packages/design-system/lib/components/ChipLink/index.tsx
@@ -1 +1 @@
-export { ChipLink } from './ChipLink'
+export { ChipLink } from "./ChipLink"
diff --git a/packages/design-system/lib/components/Chips/Chips.stories.tsx b/packages/design-system/lib/components/Chips/Chips.stories.tsx
index b1215b295..c03dba720 100644
--- a/packages/design-system/lib/components/Chips/Chips.stories.tsx
+++ b/packages/design-system/lib/components/Chips/Chips.stories.tsx
@@ -1,19 +1,19 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { fn } from 'storybook/test'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { fn } from "storybook/test"
 
-import { Chips } from './Chips.tsx'
-import { ChipLink } from '../ChipLink/ChipLink.tsx'
-import { ChipButton } from '../ChipButton/ChipButton.tsx'
+import { Chips } from "./Chips.tsx"
+import { ChipLink } from "../ChipLink/ChipLink.tsx"
+import { ChipButton } from "../ChipButton/ChipButton.tsx"
 
-import { Default as ChipLinkDefault } from '../ChipLink/ChipLink.stories.tsx'
-import { Default as ChipButtonDefault } from '../ChipButton/ChipButton.stories.tsx'
+import { Default as ChipLinkDefault } from "../ChipLink/ChipLink.stories.tsx"
+import { Default as ChipButtonDefault } from "../ChipButton/ChipButton.stories.tsx"
 
 type StoryProps = React.ComponentPropsWithoutRef<typeof Chips> & {
   onPress: () => void
 }
 
 const meta: Meta<StoryProps> = {
-  title: 'Compositions/Chips',
+  title: "Compositions/Chips",
   component: Chips,
   argTypes: {
     onPress: {
diff --git a/packages/design-system/lib/components/Chips/Chips.tsx b/packages/design-system/lib/components/Chips/Chips.tsx
index 792c10de9..880c29da8 100644
--- a/packages/design-system/lib/components/Chips/Chips.tsx
+++ b/packages/design-system/lib/components/Chips/Chips.tsx
@@ -1,6 +1,6 @@
-import styles from './chips.module.css'
+import styles from "./chips.module.css"
 
-import type { PropsWithChildren } from 'react'
+import type { PropsWithChildren } from "react"
 
 export function Chips({ children }: PropsWithChildren) {
   return <div className={styles.chips}>{children}</div>
diff --git a/packages/design-system/lib/components/Chips/index.tsx b/packages/design-system/lib/components/Chips/index.tsx
index e55097e85..86046f8f2 100644
--- a/packages/design-system/lib/components/Chips/index.tsx
+++ b/packages/design-system/lib/components/Chips/index.tsx
@@ -1 +1 @@
-export { Chips } from './Chips'
+export { Chips } from "./Chips"
diff --git a/packages/design-system/lib/components/DeprecatedSelect/SelectChevron/chevron.module.css b/packages/design-system/lib/components/DeprecatedSelect/SelectChevron/chevron.module.css
index d9930c1bb..dbc8c7888 100644
--- a/packages/design-system/lib/components/DeprecatedSelect/SelectChevron/chevron.module.css
+++ b/packages/design-system/lib/components/DeprecatedSelect/SelectChevron/chevron.module.css
@@ -2,6 +2,6 @@
   display: flex;
 }
 
-div[data-rac][data-open='true'] .chevron {
+div[data-rac][data-open="true"] .chevron {
   transform: rotate(180deg);
 }
diff --git a/packages/design-system/lib/components/DeprecatedSelect/SelectChevron/index.tsx b/packages/design-system/lib/components/DeprecatedSelect/SelectChevron/index.tsx
index efa47f3e4..9885d9572 100644
--- a/packages/design-system/lib/components/DeprecatedSelect/SelectChevron/index.tsx
+++ b/packages/design-system/lib/components/DeprecatedSelect/SelectChevron/index.tsx
@@ -1,13 +1,13 @@
-import { IconProps } from '../../Icons'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import styles from './chevron.module.css'
+import { IconProps } from "../../Icons"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import styles from "./chevron.module.css"
 
 export default function SelectChevron(props: IconProps) {
   return (
     <span aria-hidden="true" className={styles.chevron}>
       <MaterialIcon
         icon="keyboard_arrow_down"
-        color={props.color ?? 'Icon/Default'}
+        color={props.color ?? "Icon/Default"}
         size={20}
       />
     </span>
diff --git a/packages/design-system/lib/components/DeprecatedSelect/index.tsx b/packages/design-system/lib/components/DeprecatedSelect/index.tsx
index 91b1437df..7ffb601d5 100644
--- a/packages/design-system/lib/components/DeprecatedSelect/index.tsx
+++ b/packages/design-system/lib/components/DeprecatedSelect/index.tsx
@@ -1,5 +1,5 @@
-'use client'
-import { ReactElement, useState } from 'react'
+"use client"
+import { ReactElement, useState } from "react"
 import {
   Button,
   type Key,
@@ -8,17 +8,17 @@ import {
   Popover,
   Select as ReactAriaSelect,
   SelectValue,
-} from 'react-aria-components'
+} from "react-aria-components"
 
-import SelectChevron from './SelectChevron'
+import SelectChevron from "./SelectChevron"
 
-import styles from './select.module.css'
-import { InputLabel } from '../InputLabel'
-import { Typography } from '../Typography'
+import styles from "./select.module.css"
+import { InputLabel } from "../InputLabel"
+import { Typography } from "../Typography"
 
 interface SelectProps extends Omit<
   React.SelectHTMLAttributes<HTMLSelectElement>,
-  'onSelect'
+  "onSelect"
 > {
   defaultSelectedKey?: Key
   items: { label: string; value: Key }[]
@@ -37,14 +37,14 @@ interface SelectProps extends Omit<
 type SelectPortalContainer = HTMLDivElement | undefined
 type SelectPortalContainerArgs = HTMLDivElement | null
 
-const DELIMITER = ':'
+const DELIMITER = ":"
 
 /**
  * @deprecated Do not use.
  */
 export default function Select({
-  className = '',
-  'aria-label': ariaLabel,
+  className = "",
+  "aria-label": ariaLabel,
   defaultSelectedKey,
   items,
   label,
@@ -78,16 +78,16 @@ export default function Select({
   let chevronProps = {}
 
   if (discreet) {
-    chevronProps = { color: 'baseButtonTextOnFillNormal' }
+    chevronProps = { color: "baseButtonTextOnFillNormal" }
   } else if (disabled) {
-    chevronProps = { color: 'disabled' }
+    chevronProps = { color: "disabled" }
   }
 
   return (
     <div className={`${styles.container} ${className}`} ref={setRef}>
       <ReactAriaSelect
         aria-label={ariaLabel}
-        className={`${styles.select} ${discreet ? styles.discreet : ''} select-container`}
+        className={`${styles.select} ${discreet ? styles.discreet : ""} select-container`}
         defaultSelectedKey={defaultSelectedKey}
         name={name}
         onSelectionChange={handleOnSelect}
@@ -105,7 +105,7 @@ export default function Select({
                 <>
                   <InputLabel
                     required={required}
-                    size={discreet ? 'discreet' : 'regular'}
+                    size={discreet ? "discreet" : "regular"}
                   >
                     {label}
                     {discreet && DELIMITER}
@@ -113,7 +113,7 @@ export default function Select({
                   {selectedText && (
                     <Typography
                       variant="Body/Paragraph/mdRegular"
-                      className={optionsIcon ? styles.iconLabel : ''}
+                      className={optionsIcon ? styles.iconLabel : ""}
                     >
                       <p>
                         {optionsIcon ? optionsIcon : null}
@@ -165,9 +165,9 @@ export default function Select({
 function useSetOverflowVisibleOnRA(isNestedInModal?: boolean) {
   function setOverflowVisible(isOpen: boolean) {
     if (isOpen) {
-      document.body.style.overflow = 'visible'
+      document.body.style.overflow = "visible"
     } else if (!isNestedInModal) {
-      document.body.style.overflow = ''
+      document.body.style.overflow = ""
     }
   }
 
diff --git a/packages/design-system/lib/components/DeprecatedSelect/select.module.css b/packages/design-system/lib/components/DeprecatedSelect/select.module.css
index c2535c63e..0524de021 100644
--- a/packages/design-system/lib/components/DeprecatedSelect/select.module.css
+++ b/packages/design-system/lib/components/DeprecatedSelect/select.module.css
@@ -10,16 +10,16 @@
   gap: var(--Space-x05);
 }
 
-.select[data-focused='true'] {
+.select[data-focused="true"] {
   border: 2px solid var(--Border-Interactive-Focus);
   outline: none;
 }
 
-.select[data-focused='true'].discreet {
+.select[data-focused="true"].discreet {
   border: 1px solid transparent;
   outline: none;
 }
-.select[data-focus-visible='true'].discreet {
+.select[data-focus-visible="true"].discreet {
   border: 2px solid var(--Border-Interactive-Focus);
 }
 
@@ -97,8 +97,8 @@
   padding: var(--Space-x1);
 }
 
-.listBoxItem[data-focused='true'],
-.listBoxItem[data-selected='true'] {
+.listBoxItem[data-focused="true"],
+.listBoxItem[data-selected="true"] {
   background: var(--UI-Input-Controls-Surface-Hover);
   border-radius: var(--Corner-radius-md);
   outline: none;
@@ -111,7 +111,7 @@
 
 .listBoxItem.showRadioButton:before {
   flex-shrink: 0;
-  content: '';
+  content: "";
   margin-right: var(--Space-x15);
   background-color: white;
   width: 24px;
@@ -120,6 +120,6 @@
   box-shadow: inset 0 0 0 2px var(--Base-Border-Normal);
 }
 
-.listBoxItem[data-selected='true'].showRadioButton:before {
+.listBoxItem[data-selected="true"].showRadioButton:before {
   box-shadow: inset 0 0 0 8px var(--Surface-UI-Fill-Active);
 }
diff --git a/packages/design-system/lib/components/Divider/Divider.stories.tsx b/packages/design-system/lib/components/Divider/Divider.stories.tsx
index 2d02e68a7..707ecd3da 100644
--- a/packages/design-system/lib/components/Divider/Divider.stories.tsx
+++ b/packages/design-system/lib/components/Divider/Divider.stories.tsx
@@ -1,9 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Divider } from './Divider'
+import { Divider } from "./Divider"
 
 const meta: Meta<typeof Divider> = {
-  title: 'Core Components/Divider',
+  title: "Core Components/Divider",
   component: Divider,
   argTypes: {},
 }
diff --git a/packages/design-system/lib/components/Divider/Divider.tsx b/packages/design-system/lib/components/Divider/Divider.tsx
index 4cc845a51..da16a1412 100644
--- a/packages/design-system/lib/components/Divider/Divider.tsx
+++ b/packages/design-system/lib/components/Divider/Divider.tsx
@@ -1,6 +1,6 @@
-import { dividerVariants } from './variants'
+import { dividerVariants } from "./variants"
 
-import type { DividerProps } from './types'
+import type { DividerProps } from "./types"
 
 export function Divider({ className, color, variant }: DividerProps) {
   const classNames = dividerVariants({ className, color, variant })
diff --git a/packages/design-system/lib/components/Divider/index.tsx b/packages/design-system/lib/components/Divider/index.tsx
index 76abb93c8..7fd47ad52 100644
--- a/packages/design-system/lib/components/Divider/index.tsx
+++ b/packages/design-system/lib/components/Divider/index.tsx
@@ -1,4 +1,4 @@
-export { Divider } from './Divider'
+export { Divider } from "./Divider"
 
 // eslint-disable-next-line react-refresh/only-export-components
-export { dividerVariants } from './variants'
+export { dividerVariants } from "./variants"
diff --git a/packages/design-system/lib/components/Divider/types.ts b/packages/design-system/lib/components/Divider/types.ts
index 520d21261..5ac143526 100644
--- a/packages/design-system/lib/components/Divider/types.ts
+++ b/packages/design-system/lib/components/Divider/types.ts
@@ -1,7 +1,8 @@
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import type { dividerVariants } from './variants'
+import type { dividerVariants } from "./variants"
 
 export interface DividerProps
-  extends Omit<React.HTMLAttributes<HTMLHRElement>, 'color'>,
+  extends
+    Omit<React.HTMLAttributes<HTMLHRElement>, "color">,
     VariantProps<typeof dividerVariants> {}
diff --git a/packages/design-system/lib/components/Divider/variants.ts b/packages/design-system/lib/components/Divider/variants.ts
index 1f5c51257..76386bb5e 100644
--- a/packages/design-system/lib/components/Divider/variants.ts
+++ b/packages/design-system/lib/components/Divider/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './divider.module.css'
+import styles from "./divider.module.css"
 
 export const dividerVariants = cva(styles.divider, {
   variants: {
@@ -9,15 +9,15 @@ export const dividerVariants = cva(styles.divider, {
       pale: styles.pale,
       peach: styles.peach,
       white: styles.white,
-      'Border/Divider/Accent': styles['Border-Divider-Accent'],
-      'Border/Divider/Default': styles['Border-Divider-Default'],
-      'Border/Divider/Brand/OnPrimary 3/Default':
-        styles['Border-Divider-Brand-OnPrimary-3-Default'],
-      'Border/Divider/Subtle': styles['Border-Divider-Subtle'],
-      'Surface/Brand/Primary 1/OnSurface/Accent Secondary':
-        styles['Surface-Brand-Primary-1-OnSurface-Accent-Secondary'],
-      'Border/Divider/Brand/OnAccent/Default':
-        styles['Border-Divider-Brand-OnAccent-Default'],
+      "Border/Divider/Accent": styles["Border-Divider-Accent"],
+      "Border/Divider/Default": styles["Border-Divider-Default"],
+      "Border/Divider/Brand/OnPrimary 3/Default":
+        styles["Border-Divider-Brand-OnPrimary-3-Default"],
+      "Border/Divider/Subtle": styles["Border-Divider-Subtle"],
+      "Surface/Brand/Primary 1/OnSurface/Accent Secondary":
+        styles["Surface-Brand-Primary-1-OnSurface-Accent-Secondary"],
+      "Border/Divider/Brand/OnAccent/Default":
+        styles["Border-Divider-Brand-OnAccent-Default"],
     },
     variant: {
       horizontal: styles.horizontal,
@@ -25,7 +25,7 @@ export const dividerVariants = cva(styles.divider, {
     },
   },
   defaultVariants: {
-    color: 'Border/Divider/Default',
-    variant: 'horizontal',
+    color: "Border/Divider/Default",
+    variant: "horizontal",
   },
 })
diff --git a/packages/design-system/lib/components/FacilityToIcon/FacilityToIcon.stories.tsx b/packages/design-system/lib/components/FacilityToIcon/FacilityToIcon.stories.tsx
index caf551c8d..ded58d918 100644
--- a/packages/design-system/lib/components/FacilityToIcon/FacilityToIcon.stories.tsx
+++ b/packages/design-system/lib/components/FacilityToIcon/FacilityToIcon.stories.tsx
@@ -1,9 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { FacilityEnum } from '@scandic-hotels/common/constants/facilities'
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
 
-import { FacilityToIcon } from '.'
-import { iconVariantConfig } from '../Icons/variants'
+import { FacilityToIcon } from "."
+import { iconVariantConfig } from "../Icons/variants"
 
 const facilityMapping: Record<string, FacilityEnum> = Object.fromEntries(
   Object.entries(FacilityEnum).filter(([k]) => isNaN(Number(k)))
@@ -12,26 +12,26 @@ const facilityMapping: Record<string, FacilityEnum> = Object.fromEntries(
 const colorOptions = Object.keys(iconVariantConfig.variants.color)
 
 const meta: Meta<typeof FacilityToIcon> = {
-  title: 'Core Components/Facility To Icon',
+  title: "Core Components/Facility To Icon",
   component: FacilityToIcon,
   argTypes: {
     id: {
-      control: 'select',
+      control: "select",
       options: Object.keys(FacilityEnum)
         .map((key) => FacilityEnum[key as keyof typeof FacilityEnum])
-        .filter((x) => typeof x === 'string')
+        .filter((x) => typeof x === "string")
         .toSorted(),
       mapping: facilityMapping,
-      description: 'Facility identifier (mapped to the corresponding icon)',
+      description: "Facility identifier (mapped to the corresponding icon)",
     },
     color: {
-      control: 'select',
+      control: "select",
       options: colorOptions,
-      description: 'Icon color variant',
+      description: "Icon color variant",
     },
     size: {
-      control: 'number',
-      description: 'Icon pixel size',
+      control: "number",
+      description: "Icon pixel size",
     },
   },
 }
@@ -44,7 +44,7 @@ export const Playground: Story = {
   args: {
     id: FacilityEnum.Bar,
     size: 24,
-    color: 'Icon/Default',
+    color: "Icon/Default",
   },
 }
 
@@ -65,13 +65,13 @@ const exampleFacilities = [
 export const Examples: Story = {
   args: {
     size: 24,
-    color: 'Icon/Default',
+    color: "Icon/Default",
   },
   render: (args) => (
     <div
       style={{
-        display: 'grid',
-        gridTemplateColumns: 'repeat(auto-fill, minmax(180px, 1fr))',
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))",
         gap: 16,
       }}
     >
@@ -79,12 +79,12 @@ export const Examples: Story = {
         <div
           key={key}
           style={{
-            display: 'flex',
-            alignItems: 'center',
+            display: "flex",
+            alignItems: "center",
             gap: 12,
             padding: 8,
             borderRadius: 8,
-            background: 'var(--ds-color-surface-subtle, #F2ECE6)',
+            background: "var(--ds-color-surface-subtle, #F2ECE6)",
           }}
         >
           <FacilityToIcon id={key} size={args.size} color={args.color} />
diff --git a/packages/design-system/lib/components/FacilityToIcon/index.tsx b/packages/design-system/lib/components/FacilityToIcon/index.tsx
index f50b1df71..68853dfd9 100644
--- a/packages/design-system/lib/components/FacilityToIcon/index.tsx
+++ b/packages/design-system/lib/components/FacilityToIcon/index.tsx
@@ -1,10 +1,10 @@
-import { FacilityEnum } from '@scandic-hotels/common/constants/facilities'
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
 
-import type { JSX } from 'react'
-import { IconProps, NucleoIconProps } from '../Icons'
-import { IconByIconName } from '../Icons/IconByIconName'
-import { IconName } from '../Icons/iconName'
-import { MaterialIconSetIconProps } from '../Icons/MaterialIcon'
+import type { JSX } from "react"
+import { IconProps, NucleoIconProps } from "../Icons"
+import { IconByIconName } from "../Icons/IconByIconName"
+import { IconName } from "../Icons/iconName"
+import { MaterialIconSetIconProps } from "../Icons/MaterialIcon"
 
 interface mapFacilityToIconProps {
   id: FacilityEnum
diff --git a/packages/design-system/lib/components/FakeButton/index.tsx b/packages/design-system/lib/components/FakeButton/index.tsx
index 2102c8050..49a9d7254 100644
--- a/packages/design-system/lib/components/FakeButton/index.tsx
+++ b/packages/design-system/lib/components/FakeButton/index.tsx
@@ -1,14 +1,14 @@
-'use client'
+"use client"
 
-import { variants } from './variants'
+import { variants } from "./variants"
 
-import { cx, type VariantProps } from 'class-variance-authority'
-import type { HTMLAttributes } from 'react'
-import { Typography } from '../Typography'
+import { cx, type VariantProps } from "class-variance-authority"
+import type { HTMLAttributes } from "react"
+import { Typography } from "../Typography"
 
 interface FakeButtonProps
   extends
-    Omit<HTMLAttributes<HTMLSpanElement>, 'color'>,
+    Omit<HTMLAttributes<HTMLSpanElement>, "color">,
     VariantProps<typeof variants> {
   isDisabled?: boolean
 }
@@ -36,9 +36,9 @@ export function FakeButton({
   return (
     <Typography
       variant={
-        size === 'sm'
-          ? 'Body/Supporting text (caption)/smBold'
-          : 'Body/Paragraph/mdBold'
+        size === "sm"
+          ? "Body/Supporting text (caption)/smBold"
+          : "Body/Paragraph/mdBold"
       }
     >
       <span
diff --git a/packages/design-system/lib/components/FakeButton/variants.ts b/packages/design-system/lib/components/FakeButton/variants.ts
index a7cf23258..da7657e18 100644
--- a/packages/design-system/lib/components/FakeButton/variants.ts
+++ b/packages/design-system/lib/components/FakeButton/variants.ts
@@ -1,8 +1,8 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import { withButton } from '../Button'
+import { withButton } from "../Button"
 
-import buttonStyles from '../Button/button.module.css'
+import buttonStyles from "../Button/button.module.css"
 
 export const variants = cva(
   buttonStyles.button,
diff --git a/packages/design-system/lib/components/Footnote/index.tsx b/packages/design-system/lib/components/Footnote/index.tsx
index 560e04ef3..f76237c37 100644
--- a/packages/design-system/lib/components/Footnote/index.tsx
+++ b/packages/design-system/lib/components/Footnote/index.tsx
@@ -1,11 +1,12 @@
-import { Slot } from '@radix-ui/react-slot'
+import { Slot } from "@radix-ui/react-slot"
 
-import { footnoteFontOnlyVariants, footnoteVariants } from './variants'
+import { footnoteFontOnlyVariants, footnoteVariants } from "./variants"
 
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
 interface FootnoteProps
-  extends Omit<React.HTMLAttributes<HTMLParagraphElement>, 'color'>,
+  extends
+    Omit<React.HTMLAttributes<HTMLParagraphElement>, "color">,
     VariantProps<typeof footnoteVariants> {
   asChild?: boolean
   fontOnly?: boolean
@@ -16,7 +17,7 @@ interface FootnoteProps
  */
 export default function Footnote({
   asChild = false,
-  className = '',
+  className = "",
   color,
   fontOnly = false,
   textAlign,
@@ -24,7 +25,7 @@ export default function Footnote({
   type,
   ...props
 }: FootnoteProps) {
-  const Comp = asChild ? Slot : 'p'
+  const Comp = asChild ? Slot : "p"
   const classNames = fontOnly
     ? footnoteFontOnlyVariants({
         className,
diff --git a/packages/design-system/lib/components/Footnote/variants.ts b/packages/design-system/lib/components/Footnote/variants.ts
index d5516def2..a7595df73 100644
--- a/packages/design-system/lib/components/Footnote/variants.ts
+++ b/packages/design-system/lib/components/Footnote/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './footnote.module.css'
+import styles from "./footnote.module.css"
 
 const config = {
   variants: {
@@ -29,7 +29,7 @@ const config = {
     },
   },
   defaultVariants: {
-    type: 'regular',
+    type: "regular",
   },
 } as const
 
@@ -51,7 +51,7 @@ const fontOnlyConfig = {
     },
   },
   defaultVariants: {
-    type: 'regular',
+    type: "regular",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/Form/Checkbox/index.tsx b/packages/design-system/lib/components/Form/Checkbox/index.tsx
index 573dc4d42..afe82da72 100644
--- a/packages/design-system/lib/components/Form/Checkbox/index.tsx
+++ b/packages/design-system/lib/components/Form/Checkbox/index.tsx
@@ -1,16 +1,16 @@
-'use client'
+"use client"
 
-import { forwardRef } from 'react'
-import { Checkbox as AriaCheckbox } from 'react-aria-components'
+import { forwardRef } from "react"
+import { Checkbox as AriaCheckbox } from "react-aria-components"
 import {
   type RegisterOptions,
   useController,
   useFormContext,
-} from 'react-hook-form'
+} from "react-hook-form"
 
-import styles from './checkbox.module.css'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { ErrorMessage } from '../ErrorMessage'
+import styles from "./checkbox.module.css"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { ErrorMessage } from "../ErrorMessage"
 
 interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
   name: string
@@ -25,7 +25,7 @@ const CheckboxComponent = forwardRef<
   React.PropsWithChildren<CheckboxProps>
 >(function Checkbox(
   {
-    className = '',
+    className = "",
     name,
     children,
     registerOptions,
@@ -55,7 +55,7 @@ const CheckboxComponent = forwardRef<
       {({ isSelected }) => (
         <>
           <span
-            className={`${styles.checkboxContainer} ${topAlign ? styles.topAlign : ''}`}
+            className={`${styles.checkboxContainer} ${topAlign ? styles.topAlign : ""}`}
           >
             <span
               className={styles.checkbox}
diff --git a/packages/design-system/lib/components/Form/Country/CountryCombobox.tsx b/packages/design-system/lib/components/Form/Country/CountryCombobox.tsx
index 5a73abd0a..0817434bb 100644
--- a/packages/design-system/lib/components/Form/Country/CountryCombobox.tsx
+++ b/packages/design-system/lib/components/Form/Country/CountryCombobox.tsx
@@ -1,6 +1,6 @@
-'use client'
+"use client"
 
-import { type SyntheticEvent, useMemo, useState } from 'react'
+import { type SyntheticEvent, useMemo, useState } from "react"
 import {
   Button,
   ComboBox,
@@ -10,33 +10,33 @@ import {
   ListBoxItem,
   Popover,
   useFilter,
-} from 'react-aria-components'
-import { useController } from 'react-hook-form'
+} from "react-aria-components"
+import { useController } from "react-hook-form"
 
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { Typography } from '../../Typography'
-import { ErrorMessage } from '../ErrorMessage'
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { Typography } from "../../Typography"
+import { ErrorMessage } from "../ErrorMessage"
 
-import styles from './country.module.css'
+import styles from "./country.module.css"
 
-import type { CountryProps } from './country'
+import type { CountryProps } from "./country"
 
-const prioCountryCode = ['DE', 'DK', 'FI', 'NO', 'SE']
+const prioCountryCode = ["DE", "DK", "FI", "NO", "SE"]
 
 export default function CountryCombobox({
   // hack used since chrome does not respect autocomplete="off"
-  autoComplete = 'nope',
-  className = '',
+  autoComplete = "nope",
+  className = "",
   errorMessage,
   label,
-  lang = 'en',
+  lang = "en",
   countries,
-  name = 'country',
+  name = "country",
   disabled = false,
   registerOptions = {},
 }: CountryProps) {
-  const { startsWith } = useFilter({ sensitivity: 'base' })
-  const [filterValue, setFilterValue] = useState('')
+  const { startsWith } = useFilter({ sensitivity: "base" })
+  const [filterValue, setFilterValue] = useState("")
   const { field, formState, fieldState } = useController({
     name,
     rules: registerOptions,
@@ -68,7 +68,7 @@ export default function CountryCombobox({
 
   function handleOnInput(evt: SyntheticEvent<HTMLInputElement>) {
     setFilterValue(evt.currentTarget.value)
-    const isAutoCompleteEvent = !('inputType' in evt.nativeEvent)
+    const isAutoCompleteEvent = !("inputType" in evt.nativeEvent)
     if (isAutoCompleteEvent) {
       const { value } = evt.currentTarget
       const cc = countries.find((c) => c.name === value || c.code === value)
@@ -89,7 +89,7 @@ export default function CountryCombobox({
         isInvalid={fieldState.invalid}
         name={name}
         onBlur={field.onBlur}
-        onSelectionChange={(c) => field.onChange(c ?? '')}
+        onSelectionChange={(c) => field.onChange(c ?? "")}
         selectedKey={field.value}
         menuTrigger="focus"
       >
@@ -142,8 +142,8 @@ export default function CountryCombobox({
                   <Typography
                     variant={
                       isSelected
-                        ? 'Body/Paragraph/mdBold'
-                        : 'Body/Paragraph/mdRegular'
+                        ? "Body/Paragraph/mdBold"
+                        : "Body/Paragraph/mdRegular"
                     }
                   >
                     <span>{item.label}</span>
diff --git a/packages/design-system/lib/components/Form/Country/CountrySelect.tsx b/packages/design-system/lib/components/Form/Country/CountrySelect.tsx
index e29868702..312477d0a 100644
--- a/packages/design-system/lib/components/Form/Country/CountrySelect.tsx
+++ b/packages/design-system/lib/components/Form/Country/CountrySelect.tsx
@@ -1,23 +1,23 @@
-'use client'
+"use client"
 
-import { useMemo } from 'react'
-import { useController } from 'react-hook-form'
+import { useMemo } from "react"
+import { useController } from "react-hook-form"
 
-import { Select } from '../../Select'
+import { Select } from "../../Select"
 
-import { ErrorMessage } from '../ErrorMessage'
+import { ErrorMessage } from "../ErrorMessage"
 
-import type { CountryProps } from './country'
+import type { CountryProps } from "./country"
 
-const prioCountryCode = ['DE', 'DK', 'FI', 'NO', 'SE']
+const prioCountryCode = ["DE", "DK", "FI", "NO", "SE"]
 
 export default function CountrySelect({
-  className = '',
+  className = "",
   errorMessage,
   label,
   countries,
-  lang = 'en',
-  name = 'country',
+  lang = "en",
+  name = "country",
   disabled = false,
   registerOptions = {},
 }: CountryProps) {
@@ -58,7 +58,7 @@ export default function CountrySelect({
         isInvalid={fieldState.invalid}
         name={name}
         onBlur={field.onBlur}
-        onSelectionChange={(c) => field.onChange(c ?? '')}
+        onSelectionChange={(c) => field.onChange(c ?? "")}
         selectedKey={field.value}
         data-testid={name}
       />
diff --git a/packages/design-system/lib/components/Form/Country/country.module.css b/packages/design-system/lib/components/Form/Country/country.module.css
index 21f37eabc..74ab70f18 100644
--- a/packages/design-system/lib/components/Form/Country/country.module.css
+++ b/packages/design-system/lib/components/Form/Country/country.module.css
@@ -6,7 +6,7 @@
   height: 56px;
 
   &[data-required] .label::after {
-    content: ' *';
+    content: " *";
   }
 
   &[data-open] {
@@ -92,12 +92,12 @@
   }
 }
 
-.inner:has(input:placeholder-shown, input[data-focused='true'], input:valid)
+.inner:has(input:placeholder-shown, input[data-focused="true"], input:valid)
   .labelValue {
   display: initial;
 }
 
-.inner:has(input[value='']:not([data-focused='true'])) .labelEmpty {
+.inner:has(input[value=""]:not([data-focused="true"])) .labelEmpty {
   display: initial;
 }
 
@@ -110,7 +110,7 @@
   transition: min-height 150ms ease;
   width: 100%;
 
-  &[value]:not([value='']) {
+  &[value]:not([value=""]) {
     min-height: 18px;
   }
 }
diff --git a/packages/design-system/lib/components/Form/Country/country.ts b/packages/design-system/lib/components/Form/Country/country.ts
index 98e95da52..2b73d156c 100644
--- a/packages/design-system/lib/components/Form/Country/country.ts
+++ b/packages/design-system/lib/components/Form/Country/country.ts
@@ -1,4 +1,4 @@
-import type { RegisterOptions } from 'react-hook-form'
+import type { RegisterOptions } from "react-hook-form"
 
 export type CountryProps = {
   autoComplete?: string
diff --git a/packages/design-system/lib/components/Form/Country/index.tsx b/packages/design-system/lib/components/Form/Country/index.tsx
index 835cda622..21c534d2c 100644
--- a/packages/design-system/lib/components/Form/Country/index.tsx
+++ b/packages/design-system/lib/components/Form/Country/index.tsx
@@ -1,14 +1,14 @@
-'use client'
+"use client"
 
-import { useMediaQuery } from 'usehooks-ts'
+import { useMediaQuery } from "usehooks-ts"
 
-import CountryCombobox from './CountryCombobox'
-import CountrySelect from './CountrySelect'
+import CountryCombobox from "./CountryCombobox"
+import CountrySelect from "./CountrySelect"
 
-import type { CountryProps } from './country'
+import type { CountryProps } from "./country"
 
 export default function Country(props: CountryProps) {
-  const isDesktop = useMediaQuery('(min-width: 768px)', {
+  const isDesktop = useMediaQuery("(min-width: 768px)", {
     initializeWithValue: false,
   })
 
diff --git a/packages/design-system/lib/components/Form/Date/date.ts b/packages/design-system/lib/components/Form/Date/date.ts
index 7102c984f..65a4e520b 100644
--- a/packages/design-system/lib/components/Form/Date/date.ts
+++ b/packages/design-system/lib/components/Form/Date/date.ts
@@ -1,14 +1,13 @@
-import { Lang } from '@scandic-hotels/common/constants/language'
-import type { RegisterOptions } from 'react-hook-form'
+import { Lang } from "@scandic-hotels/common/constants/language"
+import type { RegisterOptions } from "react-hook-form"
 
 export const enum DateName {
-  date = 'date',
-  day = 'day',
-  month = 'month',
-  year = 'year',
+  date = "date",
+  day = "day",
+  month = "month",
+  year = "year",
 }
-export interface DateProps
-  extends React.SelectHTMLAttributes<HTMLSelectElement> {
+export interface DateProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
   labels: {
     day: string
     month: string
diff --git a/packages/design-system/lib/components/Form/Date/index.tsx b/packages/design-system/lib/components/Form/Date/index.tsx
index 79a659d80..afc9e5716 100644
--- a/packages/design-system/lib/components/Form/Date/index.tsx
+++ b/packages/design-system/lib/components/Form/Date/index.tsx
@@ -1,19 +1,19 @@
-'use client'
-import { parseDate } from '@internationalized/date'
-import { useEffect } from 'react'
-import { useController, useFormContext, useWatch } from 'react-hook-form'
-import { useMediaQuery } from 'usehooks-ts'
+"use client"
+import { parseDate } from "@internationalized/date"
+import { useEffect } from "react"
+import { useController, useFormContext, useWatch } from "react-hook-form"
+import { useMediaQuery } from "usehooks-ts"
 
-import { dt } from '@scandic-hotels/common/dt'
-import { logger } from '@scandic-hotels/common/logger'
-import { getLocalizedMonthName } from '@scandic-hotels/common/utils/dateFormatting'
-import { rangeArray } from '@scandic-hotels/common/utils/rangeArray'
-import { ErrorMessage } from '../../Form/ErrorMessage'
-import { Select } from '../../Select'
+import { dt } from "@scandic-hotels/common/dt"
+import { logger } from "@scandic-hotels/common/logger"
+import { getLocalizedMonthName } from "@scandic-hotels/common/utils/dateFormatting"
+import { rangeArray } from "@scandic-hotels/common/utils/rangeArray"
+import { ErrorMessage } from "../../Form/ErrorMessage"
+import { Select } from "../../Select"
 
-import { DateName, type DateProps } from './date'
+import { DateName, type DateProps } from "./date"
 
-import styles from './date.module.css'
+import styles from "./date.module.css"
 
 export default function DateSelect({
   labels,
@@ -21,7 +21,7 @@ export default function DateSelect({
   name,
   registerOptions = {},
 }: DateProps) {
-  const isDesktop = useMediaQuery('(min-width: 768px)', {
+  const isDesktop = useMediaQuery("(min-width: 768px)", {
     initializeWithValue: false,
   })
 
@@ -37,7 +37,7 @@ export default function DateSelect({
   const month = watch(DateName.month)
   const day = watch(DateName.day)
 
-  const minAgeDate = dt().subtract(18, 'year').toDate() // age 18
+  const minAgeDate = dt().subtract(18, "year").toDate() // age 18
   const minAgeYear = minAgeDate.getFullYear()
   const minAgeMonth = year === minAgeYear ? minAgeDate.getMonth() + 1 : null
   const minAgeDay =
@@ -86,7 +86,7 @@ export default function DateSelect({
       .date(Number(day))
 
     if (newDate.isValid()) {
-      setValue(name, newDate.format('YYYY-MM-DD'), {
+      setValue(name, newDate.format("YYYY-MM-DD"), {
         shouldDirty: true,
         shouldTouch: true,
         shouldValidate: true,
@@ -105,7 +105,7 @@ export default function DateSelect({
       ? parseDate(currentDateValue)
       : null
   } catch (error) {
-    logger.warn('Known error for parse date in DateSelect: ', error)
+    logger.warn("Known error for parse date in DateSelect: ", error)
   }
 
   useEffect(() => {
diff --git a/packages/design-system/lib/components/Form/ErrorMessage/Error.tsx b/packages/design-system/lib/components/Form/ErrorMessage/Error.tsx
index 1fb4fc8cf..e37effecd 100644
--- a/packages/design-system/lib/components/Form/ErrorMessage/Error.tsx
+++ b/packages/design-system/lib/components/Form/ErrorMessage/Error.tsx
@@ -1,7 +1,7 @@
-import { MaterialIcon } from '../../Icons/MaterialIcon'
+import { MaterialIcon } from "../../Icons/MaterialIcon"
 
-import styles from './error.module.css'
-import { Typography } from '../../Typography'
+import styles from "./error.module.css"
+import { Typography } from "../../Typography"
 
 export function Error({ children }: React.PropsWithChildren) {
   return (
diff --git a/packages/design-system/lib/components/Form/ErrorMessage/errorMessage.ts b/packages/design-system/lib/components/Form/ErrorMessage/errorMessage.ts
index 00c86d22d..36d93d930 100644
--- a/packages/design-system/lib/components/Form/ErrorMessage/errorMessage.ts
+++ b/packages/design-system/lib/components/Form/ErrorMessage/errorMessage.ts
@@ -1,11 +1,11 @@
-import type { FieldValuesFromFieldErrors } from '@hookform/error-message'
+import type { FieldValuesFromFieldErrors } from "@hookform/error-message"
 import type {
   FieldErrors,
   FieldName,
   FieldValues,
   Message,
   MultipleFieldErrors,
-} from 'react-hook-form'
+} from "react-hook-form"
 
 export type ErrorMessageProps<TFieldErrors> = {
   errors?: FieldErrors<FieldValues>
diff --git a/packages/design-system/lib/components/Form/ErrorMessage/index.tsx b/packages/design-system/lib/components/Form/ErrorMessage/index.tsx
index df751d03d..96d09a3c0 100644
--- a/packages/design-system/lib/components/Form/ErrorMessage/index.tsx
+++ b/packages/design-system/lib/components/Form/ErrorMessage/index.tsx
@@ -1,8 +1,8 @@
-import { ErrorMessage as RHFErrorMessage } from '@hookform/error-message'
+import { ErrorMessage as RHFErrorMessage } from "@hookform/error-message"
 
-import { Error } from './Error'
+import { Error } from "./Error"
 
-import type { ErrorMessageProps } from './errorMessage'
+import type { ErrorMessageProps } from "./errorMessage"
 
 export function ErrorMessage<T>({
   errors,
diff --git a/packages/design-system/lib/components/Form/FormInput/index.tsx b/packages/design-system/lib/components/Form/FormInput/index.tsx
index 5e342b3ef..c6bd8c77d 100644
--- a/packages/design-system/lib/components/Form/FormInput/index.tsx
+++ b/packages/design-system/lib/components/Form/FormInput/index.tsx
@@ -1,45 +1,45 @@
-'use client'
+"use client"
 
-import { forwardRef, type HTMLAttributes, type WheelEvent } from 'react'
-import { Text, TextField } from 'react-aria-components'
-import { Controller, useFormContext } from 'react-hook-form'
-import { useIntl, type IntlShape } from 'react-intl'
-import { cx } from 'class-variance-authority'
+import { forwardRef, type HTMLAttributes, type WheelEvent } from "react"
+import { Text, TextField } from "react-aria-components"
+import { Controller, useFormContext } from "react-hook-form"
+import { useIntl, type IntlShape } from "react-intl"
+import { cx } from "class-variance-authority"
 
-import { Error } from '../ErrorMessage/Error'
-import { mergeRefs } from '../utils/mergeRefs'
-import { MaterialIcon, MaterialIconProps } from '../../Icons/MaterialIcon'
-import { Input } from '../../Input'
+import { Error } from "../ErrorMessage/Error"
+import { mergeRefs } from "../utils/mergeRefs"
+import { MaterialIcon, MaterialIconProps } from "../../Icons/MaterialIcon"
+import { Input } from "../../Input"
 
-import styles from './input.module.css'
+import styles from "./input.module.css"
 
-import type { FormInputProps } from './input'
+import type { FormInputProps } from "./input"
 
 const defaultErrorFormatter = (
   _intl: IntlShape,
   errorMessage?: string
-): string => errorMessage ?? ''
+): string => errorMessage ?? ""
 
 export const FormInput = forwardRef<HTMLInputElement, FormInputProps>(
   function FormInput(
     {
       autoComplete,
-      className = '',
-      description = '',
-      descriptionIcon = 'info' as MaterialIconProps['icon'],
+      className = "",
+      description = "",
+      descriptionIcon = "info" as MaterialIconProps["icon"],
       disabled = false,
       errorFormatter,
       hideError,
       inputMode,
       label,
-      labelPosition = 'floating',
+      labelPosition = "floating",
       maxLength,
       name,
       id,
       placeholder,
       readOnly = false,
       registerOptions = {},
-      type = 'text',
+      type = "text",
       validationState,
       ...props
     },
@@ -52,7 +52,7 @@ export const FormInput = forwardRef<HTMLInputElement, FormInputProps>(
 
     // Number input: prevent scroll from changing value
     const numberAttributes: HTMLAttributes<HTMLInputElement> =
-      type === 'number'
+      type === "number"
         ? {
             onWheel: (evt: WheelEvent<HTMLInputElement>) => {
               evt.currentTarget.blur()
@@ -87,7 +87,7 @@ export const FormInput = forwardRef<HTMLInputElement, FormInputProps>(
                 name={field.name}
                 onBlur={field.onBlur}
                 onChange={field.onChange}
-                value={field.value ?? ''}
+                value={field.value ?? ""}
                 autoComplete={autoComplete}
                 id={id ?? field.name}
                 label={label}
@@ -123,4 +123,4 @@ export const FormInput = forwardRef<HTMLInputElement, FormInputProps>(
   }
 )
 
-FormInput.displayName = 'FormInput'
+FormInput.displayName = "FormInput"
diff --git a/packages/design-system/lib/components/Form/FormInput/input.module.css b/packages/design-system/lib/components/Form/FormInput/input.module.css
index 1cb01bcf9..5a41eaa1d 100644
--- a/packages/design-system/lib/components/Form/FormInput/input.module.css
+++ b/packages/design-system/lib/components/Form/FormInput/input.module.css
@@ -8,7 +8,7 @@
   gap: var(--Space-x05);
   margin-top: var(--Space-x1);
   font-size: var(--Body-Supporting-text-Size);
-  font-family: var(--Body-Supporting-text-Font-family, 'Fira Sans');
+  font-family: var(--Body-Supporting-text-Font-family, "Fira Sans");
   font-style: normal;
   font-weight: var(--Body-Supporting-text-Font-weight);
   letter-spacing: var(--Body-Supporting-text-Letter-spacing);
diff --git a/packages/design-system/lib/components/Form/FormInput/input.ts b/packages/design-system/lib/components/Form/FormInput/input.ts
index c6b625379..3aee60d3b 100644
--- a/packages/design-system/lib/components/Form/FormInput/input.ts
+++ b/packages/design-system/lib/components/Form/FormInput/input.ts
@@ -1,14 +1,14 @@
-import type { RegisterOptions } from 'react-hook-form'
-import type { IntlShape } from 'react-intl'
+import type { RegisterOptions } from "react-hook-form"
+import type { IntlShape } from "react-intl"
 
-import type { MaterialIconProps } from '../../Icons/MaterialIcon'
-import type { InputProps } from '../../Input/types'
+import type { MaterialIconProps } from "../../Icons/MaterialIcon"
+import type { InputProps } from "../../Input/types"
 
 export interface FormInputProps extends InputProps {
   /** Helper text displayed below the input (hidden when there's an error) */
   description?: string
   /** Icon to display with the description text. Defaults to 'info' */
-  descriptionIcon?: MaterialIconProps['icon']
+  descriptionIcon?: MaterialIconProps["icon"]
   /** Field id for react-hook-form registration */
   id?: string
   /** Field name for react-hook-form registration */
@@ -24,5 +24,5 @@ export interface FormInputProps extends InputProps {
    * - 'warning': Shows warning styling (yellow background, focus ring)
    * - Note: Error state is automatically derived from form validation
    */
-  validationState?: 'warning'
+  validationState?: "warning"
 }
diff --git a/packages/design-system/lib/components/Form/FormSelect/index.tsx b/packages/design-system/lib/components/Form/FormSelect/index.tsx
index 280261c47..02d24cae8 100644
--- a/packages/design-system/lib/components/Form/FormSelect/index.tsx
+++ b/packages/design-system/lib/components/Form/FormSelect/index.tsx
@@ -1,10 +1,10 @@
-'use client'
+"use client"
 
-import { useController } from 'react-hook-form'
+import { useController } from "react-hook-form"
 
-import { Select } from '../../Select'
+import { Select } from "../../Select"
 
-import { SelectProps } from '../../Select/types'
+import { SelectProps } from "../../Select/types"
 
 export function FormSelect({ label, items, name }: SelectProps) {
   const { field, fieldState } = useController({
@@ -17,7 +17,7 @@ export function FormSelect({ label, items, name }: SelectProps) {
       isInvalid={fieldState.invalid}
       name={name}
       onBlur={field.onBlur}
-      onSelectionChange={(c) => field.onChange(c ?? '')}
+      onSelectionChange={(c) => field.onChange(c ?? "")}
       selectedKey={field.value}
       data-testid={name}
     />
diff --git a/packages/design-system/lib/components/Form/PaymentOption/PaymentOption.tsx b/packages/design-system/lib/components/Form/PaymentOption/PaymentOption.tsx
index e5bc14f55..1eb1c93e3 100644
--- a/packages/design-system/lib/components/Form/PaymentOption/PaymentOption.tsx
+++ b/packages/design-system/lib/components/Form/PaymentOption/PaymentOption.tsx
@@ -1,12 +1,12 @@
-import { cx } from 'class-variance-authority'
-import { Label, Radio } from 'react-aria-components'
+import { cx } from "class-variance-authority"
+import { Label, Radio } from "react-aria-components"
 
-import styles from './paymentOption.module.css'
+import styles from "./paymentOption.module.css"
 
-import type { PaymentMethodEnum } from '@scandic-hotels/common/constants/paymentMethod'
+import type { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
 
-import { PaymentMethodIcon } from '../../Payment/PaymentMethodIcon'
-import { Typography } from '../../Typography'
+import { PaymentMethodIcon } from "../../Payment/PaymentMethodIcon"
+import { Typography } from "../../Typography"
 
 export type PaymentOptionProps = {
   value: string
diff --git a/packages/design-system/lib/components/Form/PaymentOption/PaymentOptionsGroup.stories.tsx b/packages/design-system/lib/components/Form/PaymentOption/PaymentOptionsGroup.stories.tsx
index 532f3ba7e..1cfe25146 100644
--- a/packages/design-system/lib/components/Form/PaymentOption/PaymentOptionsGroup.stories.tsx
+++ b/packages/design-system/lib/components/Form/PaymentOption/PaymentOptionsGroup.stories.tsx
@@ -1,13 +1,13 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { expect, fn } from 'storybook/test'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { expect, fn } from "storybook/test"
 
-import { PaymentOptionsGroup } from './PaymentOptionsGroup'
-import { PaymentOption } from './PaymentOption'
-import { PaymentMethodEnum } from '@scandic-hotels/common/constants/paymentMethod'
-import { FormDecorator } from '../../../../.storybook/decorators/FormDecorator'
+import { PaymentOptionsGroup } from "./PaymentOptionsGroup"
+import { PaymentOption } from "./PaymentOption"
+import { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
+import { FormDecorator } from "../../../../.storybook/decorators/FormDecorator"
 
 const meta: Meta<typeof PaymentOptionsGroup> = {
-  title: 'Patterns/Form/Payment/PaymentOptionsGroup',
+  title: "Patterns/Form/Payment/PaymentOptionsGroup",
   component: PaymentOptionsGroup,
   decorators: [FormDecorator],
 }
@@ -17,8 +17,8 @@ type Story = StoryObj<typeof PaymentOptionsGroup>
 
 export const Default: Story = {
   args: {
-    label: 'Select Payment Method',
-    name: 'paymentMethod',
+    label: "Select Payment Method",
+    name: "paymentMethod",
     onChange: fn(),
     children: (
       <>
@@ -42,11 +42,11 @@ export const Default: Story = {
     ),
   },
   play: async ({ canvas, userEvent, args }) => {
-    const visaOption = await canvas.findByRole('radio', { name: 'Visa' })
+    const visaOption = await canvas.findByRole("radio", { name: "Visa" })
     expect(visaOption).toBeInTheDocument()
 
     expect(args.onChange).not.toHaveBeenCalled()
     await userEvent.click(visaOption)
-    expect(args.onChange).toHaveBeenCalledWith('visa')
+    expect(args.onChange).toHaveBeenCalledWith("visa")
   },
 }
diff --git a/packages/design-system/lib/components/Form/PaymentOption/PaymentOptionsGroup.tsx b/packages/design-system/lib/components/Form/PaymentOption/PaymentOptionsGroup.tsx
index e765c4e54..5afebaecc 100644
--- a/packages/design-system/lib/components/Form/PaymentOption/PaymentOptionsGroup.tsx
+++ b/packages/design-system/lib/components/Form/PaymentOption/PaymentOptionsGroup.tsx
@@ -1,9 +1,9 @@
-'use client'
+"use client"
 
-import { Label, RadioGroup } from 'react-aria-components'
-import { useController, useFormContext } from 'react-hook-form'
-import type { ReactNode } from 'react'
-import { Typography } from '../../../components/Typography'
+import { Label, RadioGroup } from "react-aria-components"
+import { useController, useFormContext } from "react-hook-form"
+import type { ReactNode } from "react"
+import { Typography } from "../../../components/Typography"
 
 interface PaymentOptionsGroupProps {
   name: string
diff --git a/packages/design-system/lib/components/Form/Phone/index.tsx b/packages/design-system/lib/components/Form/Phone/index.tsx
index 42cc89573..371937f6d 100644
--- a/packages/design-system/lib/components/Form/Phone/index.tsx
+++ b/packages/design-system/lib/components/Form/Phone/index.tsx
@@ -1,9 +1,9 @@
-'use client'
-import 'react-international-phone/style.css'
+"use client"
+import "react-international-phone/style.css"
 
-import { useEffect, useMemo } from 'react'
-import { TextField } from 'react-aria-components'
-import { useFormContext, useWatch } from 'react-hook-form'
+import { useEffect, useMemo } from "react"
+import { TextField } from "react-aria-components"
+import { useFormContext, useWatch } from "react-hook-form"
 import {
   buildCountryData,
   CountrySelector,
@@ -12,29 +12,29 @@ import {
   parseCountry,
   type ParsedCountry,
   usePhoneInput,
-} from 'react-international-phone'
+} from "react-international-phone"
 
-import { ErrorMessage } from '../ErrorMessage'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { Input } from '../../Input'
-import { InputLabel } from '../../InputLabel'
+import { ErrorMessage } from "../ErrorMessage"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { Input } from "../../Input"
+import { InputLabel } from "../../InputLabel"
 
-import styles from './phone.module.css'
+import styles from "./phone.module.css"
 
-import type { PhoneProps } from './phone'
-import { Typography } from '../../Typography'
+import type { PhoneProps } from "./phone"
+import { Typography } from "../../Typography"
 
 export default function Phone({
-  ariaLabel = 'Phone number input',
-  className = '',
-  countryLabel = 'Country code',
-  countrySelectorName = 'phoneNumberCC',
+  ariaLabel = "Phone number input",
+  className = "",
+  countryLabel = "Country code",
+  countrySelectorName = "phoneNumberCC",
   countriesWithTranslatedName,
   defaultCountryCode,
   disabled = false,
   errorMessage,
   label,
-  name = 'phoneNumber',
+  name = "phoneNumber",
   placeholder,
   registerOptions = {
     required: true,
@@ -90,7 +90,7 @@ export default function Phone({
         dropdownArrowClassName={styles.arrow}
         flagClassName={styles.flag}
         onSelect={handleSelectCountry}
-        preferredCountries={['de', 'dk', 'fi', 'no', 'se', 'gb']}
+        preferredCountries={["de", "dk", "fi", "no", "se", "gb"]}
         selectedCountry={country.iso2}
         renderButtonWrapper={(props) => (
           <button
diff --git a/packages/design-system/lib/components/Form/Phone/phone.module.css b/packages/design-system/lib/components/Form/Phone/phone.module.css
index ce5702e3f..12652392c 100644
--- a/packages/design-system/lib/components/Form/Phone/phone.module.css
+++ b/packages/design-system/lib/components/Form/Phone/phone.module.css
@@ -90,7 +90,7 @@
   }
 }
 
-.select[aria-expanded='true'] .chevron {
+.select[aria-expanded="true"] .chevron {
   transform: rotate(180deg);
 }
 
diff --git a/packages/design-system/lib/components/Form/Phone/phone.ts b/packages/design-system/lib/components/Form/Phone/phone.ts
index 5764ce24d..5be2bd328 100644
--- a/packages/design-system/lib/components/Form/Phone/phone.ts
+++ b/packages/design-system/lib/components/Form/Phone/phone.ts
@@ -1,4 +1,4 @@
-import type { RegisterOptions } from 'react-hook-form'
+import type { RegisterOptions } from "react-hook-form"
 
 export interface PhoneProps {
   ariaLabel?: string
diff --git a/packages/design-system/lib/components/Form/RadioButtonsGroup/index.tsx b/packages/design-system/lib/components/Form/RadioButtonsGroup/index.tsx
index cd28d077c..eb6935b1a 100644
--- a/packages/design-system/lib/components/Form/RadioButtonsGroup/index.tsx
+++ b/packages/design-system/lib/components/Form/RadioButtonsGroup/index.tsx
@@ -1,12 +1,12 @@
-'use client'
+"use client"
 
-import { cx } from 'class-variance-authority'
-import { Label, Radio, RadioGroup, Text } from 'react-aria-components'
+import { cx } from "class-variance-authority"
+import { Label, Radio, RadioGroup, Text } from "react-aria-components"
 
-import { Divider } from '../../Divider'
-import { Typography } from '../../Typography'
+import { Divider } from "../../Divider"
+import { Typography } from "../../Typography"
 
-import styles from './radioButtonsGroup.module.css'
+import styles from "./radioButtonsGroup.module.css"
 interface Option {
   value: string
   title: string
diff --git a/packages/design-system/lib/components/Form/RadioCard/index.tsx b/packages/design-system/lib/components/Form/RadioCard/index.tsx
index 027099c68..046ec365f 100644
--- a/packages/design-system/lib/components/Form/RadioCard/index.tsx
+++ b/packages/design-system/lib/components/Form/RadioCard/index.tsx
@@ -1,15 +1,15 @@
-'use client'
+"use client"
 
-import { cx } from 'class-variance-authority'
-import { useFormContext } from 'react-hook-form'
+import { cx } from "class-variance-authority"
+import { useFormContext } from "react-hook-form"
 
-import { Divider } from '../../Divider'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { Typography } from '../../Typography'
+import { Divider } from "../../Divider"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { Typography } from "../../Typography"
 
-import styles from './radioCard.module.css'
+import styles from "./radioCard.module.css"
 
-import type { RadioCardProps } from './types'
+import type { RadioCardProps } from "./types"
 
 export default function RadioCard({
   Icon,
@@ -37,7 +37,7 @@ export default function RadioCard({
   function onKeyDown(event: React.KeyboardEvent) {
     if (disabled) return
 
-    if (event.key === 'Enter') {
+    if (event.key === "Enter") {
       setValue(name, value)
     }
   }
diff --git a/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css b/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css
index 197ce79bd..94b004ca0 100644
--- a/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css
+++ b/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css
@@ -5,8 +5,8 @@
   grid-template-columns: 1fr auto;
   grid-auto-rows: min-content;
   grid-template-areas:
-    'icon subtitleSecondary'
-    'title subtitle';
+    "icon subtitleSecondary"
+    "title subtitle";
   border-radius: var(--Corner-radius-md);
   border: 1px solid var(--Border-Strong);
   background: var(--Surface-Primary-Default);
diff --git a/packages/design-system/lib/components/Form/RadioCard/types.ts b/packages/design-system/lib/components/Form/RadioCard/types.ts
index c42164019..405fb20a7 100644
--- a/packages/design-system/lib/components/Form/RadioCard/types.ts
+++ b/packages/design-system/lib/components/Form/RadioCard/types.ts
@@ -1,8 +1,10 @@
-import type { IconProps } from '../../Icons'
-import type { JSX } from 'react'
+import type { IconProps } from "../../Icons"
+import type { JSX } from "react"
 
-export interface RadioCardProps
-  extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, 'title'> {
+export interface RadioCardProps extends Omit<
+  React.LabelHTMLAttributes<HTMLLabelElement>,
+  "title"
+> {
   Icon?: (props: IconProps) => JSX.Element
   iconHeight?: number
   name: string
diff --git a/packages/design-system/lib/components/Form/SelectPaymentMethod/SelectPaymentMethod.stories.tsx b/packages/design-system/lib/components/Form/SelectPaymentMethod/SelectPaymentMethod.stories.tsx
index 34ea354ce..79e8a47ae 100644
--- a/packages/design-system/lib/components/Form/SelectPaymentMethod/SelectPaymentMethod.stories.tsx
+++ b/packages/design-system/lib/components/Form/SelectPaymentMethod/SelectPaymentMethod.stories.tsx
@@ -1,12 +1,12 @@
-import type { ComponentProps } from 'react'
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { fn, expect } from 'storybook/test'
-import { SelectPaymentMethod } from './index'
-import { PaymentMethodEnum } from '@scandic-hotels/common/constants/paymentMethod'
-import { FormDecorator } from '../../../../.storybook/decorators/FormDecorator'
+import type { ComponentProps } from "react"
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { fn, expect } from "storybook/test"
+import { SelectPaymentMethod } from "./index"
+import { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
+import { FormDecorator } from "../../../../.storybook/decorators/FormDecorator"
 
 const meta: Meta<typeof SelectPaymentMethod> = {
-  title: 'Patterns/Form/Payment/SelectCreditCard',
+  title: "Patterns/Form/Payment/SelectCreditCard",
   component: SelectPaymentMethod,
   argTypes: {},
   decorators: [FormDecorator],
@@ -18,30 +18,30 @@ type Story = StoryObj<typeof SelectPaymentMethod>
 
 export const PrimaryDefault: Story = {
   args: {
-    formName: 'paymentMethod',
+    formName: "paymentMethod",
     onChange: fn(),
     paymentMethods: [
       {
-        id: 'klarna',
-        alias: 'Card 1',
+        id: "klarna",
+        alias: "Card 1",
         cardType: PaymentMethodEnum.klarna,
-        truncatedNumber: '1234',
+        truncatedNumber: "1234",
       },
       {
-        id: 'applePay',
-        alias: 'Card 2',
+        id: "applePay",
+        alias: "Card 2",
         cardType: PaymentMethodEnum.applePay,
-        truncatedNumber: '1234',
+        truncatedNumber: "1234",
       },
     ],
   } satisfies ComponentProps<typeof SelectPaymentMethod>,
 
   play: async ({ canvas, userEvent, args }) => {
-    const options = await canvas.findAllByRole('radio')
+    const options = await canvas.findAllByRole("radio")
     expect(options[0]).toBeInTheDocument()
 
     expect(args.onChange).not.toHaveBeenCalled()
     await userEvent.click(options[0])
-    expect(args.onChange).toHaveBeenCalledWith('klarna')
+    expect(args.onChange).toHaveBeenCalledWith("klarna")
   },
 }
diff --git a/packages/design-system/lib/components/Form/SelectPaymentMethod/index.tsx b/packages/design-system/lib/components/Form/SelectPaymentMethod/index.tsx
index e501c9368..46c7ddc50 100644
--- a/packages/design-system/lib/components/Form/SelectPaymentMethod/index.tsx
+++ b/packages/design-system/lib/components/Form/SelectPaymentMethod/index.tsx
@@ -1,16 +1,16 @@
-import { useIntl } from 'react-intl'
-import { Label } from 'react-aria-components'
+import { useIntl } from "react-intl"
+import { Label } from "react-aria-components"
 
-import { PaymentOptionsGroup } from '../PaymentOption/PaymentOptionsGroup'
-import { PaymentOption } from '../PaymentOption/PaymentOption'
-import { Typography } from '../../../components/Typography'
+import { PaymentOptionsGroup } from "../PaymentOption/PaymentOptionsGroup"
+import { PaymentOption } from "../PaymentOption/PaymentOption"
+import { Typography } from "../../../components/Typography"
 
-import styles from './selectPaymentMethod.module.css'
+import styles from "./selectPaymentMethod.module.css"
 
 import {
   PAYMENT_METHOD_TITLES,
   PaymentMethodEnum,
-} from '@scandic-hotels/common/constants/paymentMethod'
+} from "@scandic-hotels/common/constants/paymentMethod"
 
 type PaymentMethod = {
   id: string
@@ -39,15 +39,15 @@ export function SelectPaymentMethod({
 
   const mySavedCardsLabel = paymentMethods.length
     ? intl.formatMessage({
-        id: 'payment.mySavedCards',
-        defaultMessage: 'My saved cards',
+        id: "payment.mySavedCards",
+        defaultMessage: "My saved cards",
       })
     : undefined
 
   const otherCardLabel = paymentMethods.length
     ? intl.formatMessage({
-        id: 'common.other',
-        defaultMessage: 'Other',
+        id: "common.other",
+        defaultMessage: "Other",
       })
     : undefined
 
@@ -64,8 +64,8 @@ export function SelectPaymentMethod({
       >
         <Label className="sr-only">
           {intl.formatMessage({
-            id: 'enterDetails.guarantee.cardOptions',
-            defaultMessage: 'Card options',
+            id: "enterDetails.guarantee.cardOptions",
+            defaultMessage: "Card options",
           })}
         </Label>
         <Typography variant="Title/Overline/sm">
@@ -94,8 +94,8 @@ export function SelectPaymentMethod({
           value={PaymentMethodEnum.card}
           type={PaymentMethodEnum.card}
           label={intl.formatMessage({
-            id: 'common.creditCard',
-            defaultMessage: 'Credit card',
+            id: "common.creditCard",
+            defaultMessage: "Credit card",
           })}
         />
       </PaymentOptionsGroup>
diff --git a/packages/design-system/lib/components/Form/utils/index.ts b/packages/design-system/lib/components/Form/utils/index.ts
index 1e7ae5168..8af5c7c68 100644
--- a/packages/design-system/lib/components/Form/utils/index.ts
+++ b/packages/design-system/lib/components/Form/utils/index.ts
@@ -1 +1 @@
-export { mergeRefs } from './mergeRefs'
+export { mergeRefs } from "./mergeRefs"
diff --git a/packages/design-system/lib/components/Form/utils/mergeRefs.ts b/packages/design-system/lib/components/Form/utils/mergeRefs.ts
index 0e2199366..752f6bcc1 100644
--- a/packages/design-system/lib/components/Form/utils/mergeRefs.ts
+++ b/packages/design-system/lib/components/Form/utils/mergeRefs.ts
@@ -1,4 +1,4 @@
-import type { Ref, RefCallback } from 'react'
+import type { Ref, RefCallback } from "react"
 
 /**
  * Merges multiple refs into a single ref callback.
@@ -14,7 +14,7 @@ export function mergeRefs<T>(
 ): RefCallback<T> {
   return (node: T | null) => {
     refs.forEach((ref) => {
-      if (typeof ref === 'function') {
+      if (typeof ref === "function") {
         ref(node)
       } else if (ref) {
         ref.current = node
diff --git a/packages/design-system/lib/components/HotelCard/HotelCard.stories.tsx b/packages/design-system/lib/components/HotelCard/HotelCard.stories.tsx
index 1ba782f95..27f65ff37 100644
--- a/packages/design-system/lib/components/HotelCard/HotelCard.stories.tsx
+++ b/packages/design-system/lib/components/HotelCard/HotelCard.stories.tsx
@@ -1,25 +1,25 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { HotelCard } from './index'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { HotelCard } from "./index"
 
-import { RateTypeEnum } from '@scandic-hotels/common/constants/rateType'
-import { fn } from 'storybook/test'
-import { Button } from '../Button'
-import { MaterialIcon } from '../Icons/MaterialIcon'
+import { RateTypeEnum } from "@scandic-hotels/common/constants/rateType"
+import { fn } from "storybook/test"
+import { Button } from "../Button"
+import { MaterialIcon } from "../Icons/MaterialIcon"
 
 const meta: Meta<typeof HotelCard> = {
-  title: 'Product Components/HotelCard/HotelCard',
+  title: "Product Components/HotelCard/HotelCard",
   component: HotelCard,
   argTypes: {
     state: {
       control: {
-        type: 'select',
-        options: ['default', 'active'],
+        type: "select",
+        options: ["default", "active"],
       },
     },
     type: {
       control: {
-        type: 'select',
-        options: ['mapListing', 'pageListing'],
+        type: "select",
+        options: ["mapListing", "pageListing"],
       },
     },
   },
@@ -32,11 +32,11 @@ type Story = StoryObj<typeof HotelCard>
 export const Default: Story = {
   args: {
     hotel: {
-      id: '1',
-      name: 'Test Hotel',
-      address: { streetAddress: '123 Test Street', city: 'Test City' },
-      description: 'A great place to stay.',
-      hotelType: 'signature',
+      id: "1",
+      name: "Test Hotel",
+      address: { streetAddress: "123 Test Street", city: "Test City" },
+      description: "A great place to stay.",
+      hotelType: "signature",
       detailedFacilities: [],
       ratings: {
         tripAdvisor: 4,
@@ -46,7 +46,7 @@ export const Default: Story = {
       public: {
         rateType: RateTypeEnum.Regular,
         localPrice: {
-          currency: 'SEK',
+          currency: "SEK",
           pricePerNight: 1000,
           pricePerStay: 1000,
         },
@@ -54,24 +54,24 @@ export const Default: Story = {
       member: {
         rateType: RateTypeEnum.Regular,
         localPrice: {
-          currency: 'SEK',
+          currency: "SEK",
           pricePerNight: 800,
           pricePerStay: 800,
         },
       },
     },
-    state: 'default',
+    state: "default",
     isAlternative: false,
     isPartnerBrand: false,
-    type: 'pageListing',
+    type: "pageListing",
     isUserLoggedIn: false,
     distanceToCityCenter: 0,
-    bookingCode: 'ABC123',
+    bookingCode: "ABC123",
     images: [
       {
-        src: 'img/img2.jpg',
-        alt: 'Alt text',
-        caption: 'Caption',
+        src: "img/img2.jpg",
+        alt: "Alt text",
+        caption: "Caption",
       },
     ],
 
@@ -92,7 +92,7 @@ export const Default: Story = {
 export const MapListing: Story = {
   args: {
     ...Default.args,
-    type: 'mapListing',
+    type: "mapListing",
   },
 }
 
diff --git a/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/index.tsx b/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/index.tsx
index 0d684c409..12caae179 100644
--- a/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/index.tsx
+++ b/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/index.tsx
@@ -1,9 +1,9 @@
-import Image from '../../Image'
+import Image from "../../Image"
 
-import { TripAdvisorChip } from '../../TripAdvisorChip'
-import { hotelCardDialogImageVariants } from './variants'
+import { TripAdvisorChip } from "../../TripAdvisorChip"
+import { hotelCardDialogImageVariants } from "./variants"
 
-import ImageFallback from '../../ImageFallback'
+import ImageFallback from "../../ImageFallback"
 
 export type HotelCardDialogImageProps = {
   imageSrc?: string
@@ -11,7 +11,7 @@ export type HotelCardDialogImageProps = {
   rating?: { tripAdvisor?: number | null }
   imageError: boolean
   setImageError: (error: boolean) => void
-  position: 'top' | 'left'
+  position: "top" | "left"
 }
 
 export function HotelCardDialogImage({
@@ -31,16 +31,16 @@ export function HotelCardDialogImage({
       ) : (
         <Image
           src={imageSrc}
-          alt={altText || ''}
+          alt={altText || ""}
           fill
-          sizes={position === 'top' ? '200px' : '450px'}
+          sizes={position === "top" ? "200px" : "450px"}
           onError={() => setImageError(true)}
         />
       )}
       {rating?.tripAdvisor && (
         <TripAdvisorChip
           rating={rating.tripAdvisor}
-          size={position === 'top' ? 'small' : 'default'}
+          size={position === "top" ? "small" : "default"}
         />
       )}
     </div>
diff --git a/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/variants.ts b/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/variants.ts
index 26aa1867e..8ca5bb582 100644
--- a/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/variants.ts
+++ b/packages/design-system/lib/components/HotelCard/HotelCardDialogImage/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './hotelCardDialogImage.module.css'
+import styles from "./hotelCardDialogImage.module.css"
 
 export const hotelCardDialogImageVariants = cva(styles.imageContainer, {
   variants: {
@@ -10,6 +10,6 @@ export const hotelCardDialogImageVariants = cva(styles.imageContainer, {
     },
   },
   defaultVariants: {
-    position: 'top',
+    position: "top",
   },
 })
diff --git a/packages/design-system/lib/components/HotelCard/HotelCardSkeleton.tsx b/packages/design-system/lib/components/HotelCard/HotelCardSkeleton.tsx
index 486182715..87ce8d683 100644
--- a/packages/design-system/lib/components/HotelCard/HotelCardSkeleton.tsx
+++ b/packages/design-system/lib/components/HotelCard/HotelCardSkeleton.tsx
@@ -1,6 +1,6 @@
-import SkeletonShimmer from '../SkeletonShimmer'
+import SkeletonShimmer from "../SkeletonShimmer"
 
-import styles from './HotelCardSkeleton.module.css'
+import styles from "./HotelCardSkeleton.module.css"
 
 export function HotelCardSkeleton() {
   return (
diff --git a/packages/design-system/lib/components/HotelCard/HotelChequeCard/index.tsx b/packages/design-system/lib/components/HotelCard/HotelChequeCard/index.tsx
index dcd96d840..cdfeb490d 100644
--- a/packages/design-system/lib/components/HotelCard/HotelChequeCard/index.tsx
+++ b/packages/design-system/lib/components/HotelCard/HotelChequeCard/index.tsx
@@ -1,10 +1,10 @@
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import { CurrencyEnum } from '@scandic-hotels/common/constants/currency'
-import Caption from '../../Caption'
-import Subtitle from '../../Subtitle'
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import Caption from "../../Caption"
+import Subtitle from "../../Subtitle"
 
-import styles from './hotelChequeCard.module.css'
+import styles from "./hotelChequeCard.module.css"
 
 type ProductTypeCheque = {
   localPrice: {
@@ -30,8 +30,8 @@ export default function HotelChequeCard({
       <div className={styles.chequeRow}>
         <Caption>
           {intl.formatMessage({
-            id: 'common.from',
-            defaultMessage: 'From',
+            id: "common.from",
+            defaultMessage: "From",
           })}
         </Caption>
         <div className={styles.cheque}>
@@ -58,16 +58,16 @@ export default function HotelChequeCard({
         <div className={styles.chequeRow}>
           <Caption color="uiTextMediumContrast">
             {intl.formatMessage({
-              id: 'booking.approx',
-              defaultMessage: 'Approx.',
+              id: "booking.approx",
+              defaultMessage: "Approx.",
             })}
           </Caption>
           <Caption color="uiTextMediumContrast">
             {productTypeCheque.requestedPrice.numberOfCheques} {CurrencyEnum.CC}
             {productTypeCheque.requestedPrice.additionalPricePerStay
               ? // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-                ' + '
-              : ''}
+                " + "
+              : ""}
             {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
             {`${productTypeCheque.requestedPrice.additionalPricePerStay} ${productTypeCheque.requestedPrice.currency}`}
           </Caption>
diff --git a/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/StandaloneHotelCardDialog.stories.tsx b/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/StandaloneHotelCardDialog.stories.tsx
index b46b2cfcf..e67789eb7 100644
--- a/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/StandaloneHotelCardDialog.stories.tsx
+++ b/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/StandaloneHotelCardDialog.stories.tsx
@@ -1,12 +1,12 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { StandaloneHotelCardDialog } from './index'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { StandaloneHotelCardDialog } from "./index"
 
-import { Lang } from '@scandic-hotels/common/constants/language'
-import { fn } from 'storybook/test'
-import { hotelPins } from '../../../Map/InteractiveMap/storybookData'
+import { Lang } from "@scandic-hotels/common/constants/language"
+import { fn } from "storybook/test"
+import { hotelPins } from "../../../Map/InteractiveMap/storybookData"
 
 const meta: Meta<typeof StandaloneHotelCardDialog> = {
-  title: 'Product Components/HotelCard/StandaloneHotelCardDialog',
+  title: "Product Components/HotelCard/StandaloneHotelCardDialog",
   component: StandaloneHotelCardDialog,
   argTypes: {},
 }
diff --git a/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/index.tsx b/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/index.tsx
index bb14febc2..85c14f5ba 100644
--- a/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/index.tsx
+++ b/packages/design-system/lib/components/HotelCard/HotelDialogCard/StandaloneHotelCardDialog/index.tsx
@@ -1,24 +1,24 @@
-'use client'
+"use client"
 
-import { useState } from 'react'
-import { useIntl } from 'react-intl'
+import { useState } from "react"
+import { useIntl } from "react-intl"
 
-import { IconButton } from '../../../IconButton'
-import { Typography } from '../../../Typography'
+import { IconButton } from "../../../IconButton"
+import { Typography } from "../../../Typography"
 
-import { HotelCardDialogImage } from '../../HotelCardDialogImage'
-import { NoPriceAvailableCard } from '../../NoPriceAvailableCard'
+import { HotelCardDialogImage } from "../../HotelCardDialogImage"
+import { NoPriceAvailableCard } from "../../NoPriceAvailableCard"
 
-import { CurrencyEnum } from '@scandic-hotels/common/constants/currency'
-import { Lang } from '@scandic-hotels/common/constants/language'
-import { selectRate } from '@scandic-hotels/common/constants/routes/hotelReservation'
-import { useUrlWithSearchParam } from '@scandic-hotels/common/hooks/useUrlWithSearchParam'
-import ButtonLink from '../../../ButtonLink'
-import { FacilityToIcon } from '../../../FacilityToIcon'
-import { HotelPin } from '../../../Map/types'
-import { HotelPointsRow } from '../../HotelPointsRow'
-import { RoomPrice } from '../../RoomPrice'
-import styles from './standaloneHotelCardDialog.module.css'
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import { Lang } from "@scandic-hotels/common/constants/language"
+import { selectRate } from "@scandic-hotels/common/constants/routes/hotelReservation"
+import { useUrlWithSearchParam } from "@scandic-hotels/common/hooks/useUrlWithSearchParam"
+import ButtonLink from "../../../ButtonLink"
+import { FacilityToIcon } from "../../../FacilityToIcon"
+import { HotelPin } from "../../../Map/types"
+import { HotelPointsRow } from "../../HotelPointsRow"
+import { RoomPrice } from "../../RoomPrice"
+import styles from "./standaloneHotelCardDialog.module.css"
 
 interface StandaloneHotelCardProps {
   lang: Lang
@@ -55,13 +55,13 @@ export function StandaloneHotelCardDialog({
   } = data
 
   const notEnoughPointsLabel = intl.formatMessage({
-    id: 'booking.notEnoughPoints',
-    defaultMessage: 'Not enough points',
+    id: "booking.notEnoughPoints",
+    defaultMessage: "Not enough points",
   })
 
   const shouldShowNotEnoughPoints = redemptionPrice && !hasEnoughPoints
   const selectRateUrl = useUrlWithSearchParam(
-    { key: 'hotel', value: operaId },
+    { key: "hotel", value: operaId },
     selectRate(lang)
   )
   const showPriceCard = !!(
@@ -80,8 +80,8 @@ export function StandaloneHotelCardDialog({
         className={styles.closeButton}
         onPress={handleClose}
         aria-label={intl.formatMessage({
-          id: 'common.close',
-          defaultMessage: 'Close',
+          id: "common.close",
+          defaultMessage: "Close",
         })}
         iconName="close"
       />
@@ -119,12 +119,12 @@ export function StandaloneHotelCardDialog({
                 <p>
                   {redemptionPrice
                     ? intl.formatMessage({
-                        id: 'hotelCard.availableRates',
-                        defaultMessage: 'Available rates',
+                        id: "hotelCard.availableRates",
+                        defaultMessage: "Available rates",
                       })
                     : intl.formatMessage({
-                        id: 'common.from',
-                        defaultMessage: 'From',
+                        id: "common.from",
+                        defaultMessage: "From",
                       })}
                 </p>
               </Typography>
@@ -189,8 +189,8 @@ export function StandaloneHotelCardDialog({
                 onClick={onClick}
               >
                 {intl.formatMessage({
-                  id: 'common.seeRooms',
-                  defaultMessage: 'See rooms',
+                  id: "common.seeRooms",
+                  defaultMessage: "See rooms",
                 })}
               </ButtonLink>
             )}
diff --git a/packages/design-system/lib/components/HotelCard/HotelPointsRow/index.tsx b/packages/design-system/lib/components/HotelCard/HotelPointsRow/index.tsx
index fcf50e158..cd3e234fc 100644
--- a/packages/design-system/lib/components/HotelCard/HotelPointsRow/index.tsx
+++ b/packages/design-system/lib/components/HotelCard/HotelPointsRow/index.tsx
@@ -1,10 +1,10 @@
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import { RoomPrice } from '../../HotelCard/RoomPrice'
-import { Typography } from '../../Typography'
+import { RoomPrice } from "../../HotelCard/RoomPrice"
+import { Typography } from "../../Typography"
 
-import { CurrencyEnum } from '@scandic-hotels/common/constants/currency'
-import styles from './hotelPointsRow.module.css'
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import styles from "./hotelPointsRow.module.css"
 
 export type PointsRowProps = {
   pointsPerStay: number
@@ -27,8 +27,8 @@ export function HotelPointsRow({
       currency={
         pointsCurrency ??
         intl.formatMessage({
-          id: 'common.points',
-          defaultMessage: 'Points',
+          id: "common.points",
+          defaultMessage: "Points",
         })
       }
       includePerNight={false}
diff --git a/packages/design-system/lib/components/HotelCard/HotelPriceCard/index.tsx b/packages/design-system/lib/components/HotelCard/HotelPriceCard/index.tsx
index 238b58d53..fafd0ef96 100644
--- a/packages/design-system/lib/components/HotelCard/HotelPriceCard/index.tsx
+++ b/packages/design-system/lib/components/HotelCard/HotelPriceCard/index.tsx
@@ -1,10 +1,10 @@
-import { cx } from 'class-variance-authority'
-import { useIntl } from 'react-intl'
+import { cx } from "class-variance-authority"
+import { useIntl } from "react-intl"
 
-import { Divider } from '../../Divider'
-import { RateTypeEnum } from '@scandic-hotels/common/constants/rateType'
-import { Typography } from '../../Typography'
-import styles from './hotelPriceCard.module.css'
+import { Divider } from "../../Divider"
+import { RateTypeEnum } from "@scandic-hotels/common/constants/rateType"
+import { Typography } from "../../Typography"
+import styles from "./hotelPriceCard.module.css"
 
 type Price = {
   pricePerStay: number
@@ -49,16 +49,16 @@ export function HotelPriceCard({
                 <p>
                   {isPartnerBrand
                     ? intl.formatMessage({
-                        id: 'booking.scandicFriendsMemberPrice',
-                        defaultMessage: 'Scandic Friends member price',
+                        id: "booking.scandicFriendsMemberPrice",
+                        defaultMessage: "Scandic Friends member price",
                         description: {
                           context:
-                            'Member price label in white label partner sites',
+                            "Member price label in white label partner sites",
                         },
                       })
                     : intl.formatMessage({
-                        id: 'booking.memberPrice',
-                        defaultMessage: 'Member price',
+                        id: "booking.memberPrice",
+                        defaultMessage: "Member price",
                       })}
                 </p>
               </Typography>
@@ -73,8 +73,8 @@ export function HotelPriceCard({
               >
                 <p>
                   {intl.formatMessage({
-                    id: 'booking.standardPrice',
-                    defaultMessage: 'Standard price',
+                    id: "booking.standardPrice",
+                    defaultMessage: "Standard price",
                   })}
                 </p>
               </Typography>
@@ -89,8 +89,8 @@ export function HotelPriceCard({
           >
             <p>
               {intl.formatMessage({
-                id: 'common.from',
-                defaultMessage: 'From',
+                id: "common.from",
+                defaultMessage: "From",
               })}
             </p>
           </Typography>
@@ -121,8 +121,8 @@ export function HotelPriceCard({
                 <span className={styles.perNight}>
                   /
                   {intl.formatMessage({
-                    id: 'common.night',
-                    defaultMessage: 'night',
+                    id: "common.night",
+                    defaultMessage: "night",
                   })}
                 </span>
               </p>
@@ -139,8 +139,8 @@ export function HotelPriceCard({
             >
               <p>
                 {intl.formatMessage({
-                  id: 'booking.approx',
-                  defaultMessage: 'Approx.',
+                  id: "booking.approx",
+                  defaultMessage: "Approx.",
                 })}
               </p>
             </Typography>
@@ -173,8 +173,8 @@ export function HotelPriceCard({
                 >
                   <p>
                     {intl.formatMessage({
-                      id: 'common.total',
-                      defaultMessage: 'Total',
+                      id: "common.total",
+                      defaultMessage: "Total",
                     })}
                   </p>
                 </Typography>
diff --git a/packages/design-system/lib/components/HotelCard/HotelVoucherCard/index.tsx b/packages/design-system/lib/components/HotelCard/HotelVoucherCard/index.tsx
index 5453fcbe3..7036d3a25 100644
--- a/packages/design-system/lib/components/HotelCard/HotelVoucherCard/index.tsx
+++ b/packages/design-system/lib/components/HotelCard/HotelVoucherCard/index.tsx
@@ -1,9 +1,9 @@
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import Caption from '../../Caption'
-import Subtitle from '../../Subtitle'
+import Caption from "../../Caption"
+import Subtitle from "../../Subtitle"
 
-import styles from './hotelVoucherCard.module.css'
+import styles from "./hotelVoucherCard.module.css"
 
 type ProductTypeVoucher = {
   numberOfVouchers: number
@@ -20,8 +20,8 @@ export default function HotelVoucherCard({
       <div className={styles.voucherRow}>
         <Caption>
           {intl.formatMessage({
-            id: 'common.from',
-            defaultMessage: 'From',
+            id: "common.from",
+            defaultMessage: "From",
           })}
         </Caption>
         <div className={styles.voucher}>
@@ -31,9 +31,9 @@ export default function HotelVoucherCard({
           <Caption color="uiTextHighContrast" className={styles.currency}>
             {intl.formatMessage(
               {
-                id: 'price.numberOfVouchers',
+                id: "price.numberOfVouchers",
                 defaultMessage:
-                  '{numberOfVouchers, plural, one {Voucher} other {Vouchers}}',
+                  "{numberOfVouchers, plural, one {Voucher} other {Vouchers}}",
               },
               {
                 numberOfVouchers: productTypeVoucher.numberOfVouchers,
diff --git a/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/index.tsx b/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/index.tsx
index b7d2d6bcd..2ffaa214e 100644
--- a/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/index.tsx
+++ b/packages/design-system/lib/components/HotelCard/NoPriceAvailableCard/index.tsx
@@ -1,9 +1,9 @@
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { Typography } from '../../Typography'
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { Typography } from "../../Typography"
 
-import styles from './noPriceAvailable.module.css'
+import styles from "./noPriceAvailable.module.css"
 
 export function NoPriceAvailableCard() {
   const intl = useIntl()
@@ -14,9 +14,9 @@ export function NoPriceAvailableCard() {
         <Typography variant="Body/Paragraph/mdRegular">
           <span>
             {intl.formatMessage({
-              id: 'booking.noRoomsAvailable',
+              id: "booking.noRoomsAvailable",
               defaultMessage:
-                'There are no rooms available that match your request.',
+                "There are no rooms available that match your request.",
             })}
           </span>
         </Typography>
diff --git a/packages/design-system/lib/components/HotelCard/RoomPrice/index.tsx b/packages/design-system/lib/components/HotelCard/RoomPrice/index.tsx
index a638f8b14..21f260483 100644
--- a/packages/design-system/lib/components/HotelCard/RoomPrice/index.tsx
+++ b/packages/design-system/lib/components/HotelCard/RoomPrice/index.tsx
@@ -1,5 +1,5 @@
-import { useIntl } from 'react-intl'
-import { Typography } from '../../Typography'
+import { useIntl } from "react-intl"
+import { Typography } from "../../Typography"
 
 interface RoomPriceProps extends React.HTMLAttributes<HTMLParagraphElement> {
   price: number
@@ -31,8 +31,8 @@ export function RoomPrice({
           <span>
             /
             {intl.formatMessage({
-              id: 'common.night',
-              defaultMessage: 'night',
+              id: "common.night",
+              defaultMessage: "night",
             })}
           </span>
         </Typography>
diff --git a/packages/design-system/lib/components/HotelCard/index.tsx b/packages/design-system/lib/components/HotelCard/index.tsx
index cff7e5ebe..cd00cd2da 100644
--- a/packages/design-system/lib/components/HotelCard/index.tsx
+++ b/packages/design-system/lib/components/HotelCard/index.tsx
@@ -1,42 +1,42 @@
-'use client'
+"use client"
 
-import NextLink from 'next/link'
-import { type ReadonlyURLSearchParams, useSearchParams } from 'next/navigation'
-import { memo, useState } from 'react'
-import { useFocusWithin } from 'react-aria'
-import { useIntl } from 'react-intl'
+import NextLink from "next/link"
+import { type ReadonlyURLSearchParams, useSearchParams } from "next/navigation"
+import { memo, useState } from "react"
+import { useFocusWithin } from "react-aria"
+import { useIntl } from "react-intl"
 
 import {
   alternativeHotelsMap,
   selectHotelMap,
   selectRate,
-} from '@scandic-hotels/common/constants/routes/hotelReservation'
-import { getSingleDecimal } from '@scandic-hotels/common/utils/numberFormatting'
-import Caption from '../Caption'
-import { Divider } from '../Divider'
-import { FacilityToIcon } from '../FacilityToIcon'
-import HotelLogoIcon from '../Icons/Logos'
-import ImageGallery, { GalleryImage } from '../ImageGallery'
-import Link from '../OldDSLink'
-import { Typography } from '../Typography'
-import { HotelPointsRow } from './HotelPointsRow'
-import { NoPriceAvailableCard } from './NoPriceAvailableCard'
+} from "@scandic-hotels/common/constants/routes/hotelReservation"
+import { getSingleDecimal } from "@scandic-hotels/common/utils/numberFormatting"
+import Caption from "../Caption"
+import { Divider } from "../Divider"
+import { FacilityToIcon } from "../FacilityToIcon"
+import HotelLogoIcon from "../Icons/Logos"
+import ImageGallery, { GalleryImage } from "../ImageGallery"
+import Link from "../OldDSLink"
+import { Typography } from "../Typography"
+import { HotelPointsRow } from "./HotelPointsRow"
+import { NoPriceAvailableCard } from "./NoPriceAvailableCard"
 
-import HotelChequeCard from './HotelChequeCard'
-import { HotelPriceCard } from './HotelPriceCard'
-import HotelVoucherCard from './HotelVoucherCard'
-import { hotelCardVariants } from './variants'
+import HotelChequeCard from "./HotelChequeCard"
+import { HotelPriceCard } from "./HotelPriceCard"
+import HotelVoucherCard from "./HotelVoucherCard"
+import { hotelCardVariants } from "./variants"
 
-import styles from './hotelCard.module.css'
+import styles from "./hotelCard.module.css"
 
-import { CurrencyEnum } from '@scandic-hotels/common/constants/currency'
-import { FacilityEnum } from '@scandic-hotels/common/constants/facilities'
-import { HotelType } from '@scandic-hotels/common/constants/hotelType'
-import type { Lang } from '@scandic-hotels/common/constants/language'
-import { RateTypeEnum } from '@scandic-hotels/common/constants/rateType'
-import { BookingCodeChip } from '../BookingCodeChip'
-import { FakeButton } from '../FakeButton'
-import { TripAdvisorChip } from '../TripAdvisorChip'
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
+import { HotelType } from "@scandic-hotels/common/constants/hotelType"
+import type { Lang } from "@scandic-hotels/common/constants/language"
+import { RateTypeEnum } from "@scandic-hotels/common/constants/rateType"
+import { BookingCodeChip } from "../BookingCodeChip"
+import { FakeButton } from "../FakeButton"
+import { TripAdvisorChip } from "../TripAdvisorChip"
 
 type Price = {
   pricePerStay: number
@@ -104,8 +104,8 @@ export type HotelCardProps = {
   images: GalleryImage[]
   distanceToCityCenter: number
   isUserLoggedIn: boolean
-  type?: 'mapListing' | 'pageListing'
-  state?: 'default' | 'active'
+  type?: "mapListing" | "pageListing"
+  state?: "default" | "active"
   bookingCode?: string | null
   isAlternative?: boolean
   isPartnerBrand: boolean
@@ -129,9 +129,9 @@ export const HotelCardComponent = memo(
     hotel,
     distanceToCityCenter,
     isUserLoggedIn,
-    state = 'default',
-    type = 'pageListing',
-    bookingCode = '',
+    state = "default",
+    type = "pageListing",
+    bookingCode = "",
     isAlternative,
     isPartnerBrand,
     pointsCurrency,
@@ -179,8 +179,8 @@ export const HotelCardComponent = memo(
       (r) => r.hasEnoughPoints
     )
     const notEnoughPointsLabel = intl.formatMessage({
-      id: 'booking.notEnoughPoints',
-      defaultMessage: 'Not enough points',
+      id: "booking.notEnoughPoints",
+      defaultMessage: "Not enough points",
     })
 
     const isDisabled = prices?.redemptions?.length && hasInsufficientPoints
@@ -230,12 +230,12 @@ export const HotelCardComponent = memo(
               </Typography>
               <div className={styles.addressContainer}>
                 <address className={styles.address}>
-                  {type == 'mapListing' && (
+                  {type == "mapListing" && (
                     <Typography variant="Body/Supporting text (caption)/smRegular">
                       <p>{addressStr}</p>
                     </Typography>
                   )}
-                  {type === 'pageListing' && (
+                  {type === "pageListing" && (
                     <Link
                       size="small"
                       textDecoration="underline"
@@ -243,8 +243,8 @@ export const HotelCardComponent = memo(
                       href={mapUrl}
                       keepSearchParams
                       aria-label={intl.formatMessage({
-                        id: 'destination.seeOnMap',
-                        defaultMessage: 'See on map',
+                        id: "destination.seeOnMap",
+                        defaultMessage: "See on map",
                       })}
                     >
                       <Typography variant="Body/Supporting text (caption)/smRegular">
@@ -261,8 +261,8 @@ export const HotelCardComponent = memo(
                   <span>
                     {intl.formatMessage(
                       {
-                        id: 'common.kmToCityCenter',
-                        defaultMessage: '{number} km to city center',
+                        id: "common.kmToCityCenter",
+                        defaultMessage: "{number} km to city center",
                       },
                       {
                         number: getSingleDecimal(distanceToCityCenter / 1000),
@@ -343,8 +343,8 @@ export const HotelCardComponent = memo(
                   <div className={styles.pointsCard}>
                     <Caption>
                       {intl.formatMessage({
-                        id: 'hotelCard.availableRates',
-                        defaultMessage: 'Available rates',
+                        id: "hotelCard.availableRates",
+                        defaultMessage: "Available rates",
                       })}
                     </Caption>
                     {prices.redemptions.map((redemption) => (
@@ -371,8 +371,8 @@ export const HotelCardComponent = memo(
                   {isDisabled
                     ? notEnoughPointsLabel
                     : intl.formatMessage({
-                        id: 'common.seeRooms',
-                        defaultMessage: 'See rooms',
+                        id: "common.seeRooms",
+                        defaultMessage: "See rooms",
                       })}
                 </FakeButton>
               </>
@@ -415,11 +415,11 @@ function PricesWrapper({
   }
 
   const params = new URLSearchParams(searchParams)
-  params.delete('city')
-  params.set('hotel', hotelId)
+  params.delete("city")
+  params.set("hotel", hotelId)
 
   if (removeBookingCodeFromSearchParams) {
-    params.delete('bookingCode')
+    params.delete("bookingCode")
   }
 
   const href = `${pathname}?${params.toString()}`
diff --git a/packages/design-system/lib/components/HotelCard/variants.ts b/packages/design-system/lib/components/HotelCard/variants.ts
index 11c203057..7a136e74b 100644
--- a/packages/design-system/lib/components/HotelCard/variants.ts
+++ b/packages/design-system/lib/components/HotelCard/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './hotelCard.module.css'
+import styles from "./hotelCard.module.css"
 
 export const hotelCardVariants = cva(styles.card, {
   variants: {
@@ -14,7 +14,7 @@ export const hotelCardVariants = cva(styles.card, {
     },
   },
   defaultVariants: {
-    type: 'pageListing',
-    state: 'default',
+    type: "pageListing",
+    state: "default",
   },
 })
diff --git a/packages/design-system/lib/components/HotelInfoCard/HotelDescription/index.tsx b/packages/design-system/lib/components/HotelInfoCard/HotelDescription/index.tsx
index d66020123..9672d8dff 100644
--- a/packages/design-system/lib/components/HotelInfoCard/HotelDescription/index.tsx
+++ b/packages/design-system/lib/components/HotelInfoCard/HotelDescription/index.tsx
@@ -1,14 +1,14 @@
-'use client'
+"use client"
 
-import { useState } from 'react'
-import { Button as ButtonRAC } from 'react-aria-components'
-import { useIntl } from 'react-intl'
+import { useState } from "react"
+import { Button as ButtonRAC } from "react-aria-components"
+import { useIntl } from "react-intl"
 
-import { FacilityToIcon } from '../..//FacilityToIcon'
-import { Typography } from '../../Typography'
+import { FacilityToIcon } from "../..//FacilityToIcon"
+import { Typography } from "../../Typography"
 
-import styles from './hotelDescription.module.css'
-import { FacilityEnum } from '@scandic-hotels/common/constants/facilities'
+import styles from "./hotelDescription.module.css"
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
 
 export default function HotelDescription({
   description,
@@ -29,13 +29,13 @@ export default function HotelDescription({
   }
 
   const textShowMore = intl.formatMessage({
-    id: 'common.showMore',
-    defaultMessage: 'Show more',
+    id: "common.showMore",
+    defaultMessage: "Show more",
   })
 
   const textShowLess = intl.formatMessage({
-    id: 'common.showLess',
-    defaultMessage: 'Show less',
+    id: "common.showLess",
+    defaultMessage: "Show less",
   })
 
   return (
diff --git a/packages/design-system/lib/components/HotelInfoCard/HotelInfoCard.stories.tsx b/packages/design-system/lib/components/HotelInfoCard/HotelInfoCard.stories.tsx
index 50de51e9e..bd22abd0a 100644
--- a/packages/design-system/lib/components/HotelInfoCard/HotelInfoCard.stories.tsx
+++ b/packages/design-system/lib/components/HotelInfoCard/HotelInfoCard.stories.tsx
@@ -1,14 +1,14 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { AlertTypeEnum } from '@scandic-hotels/common/constants/alert'
-import { FacilityEnum } from '@scandic-hotels/common/constants/facilities'
-import { fn } from 'storybook/test'
-import { Button } from '../Button'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { HotelInfoCard } from './index'
+import { AlertTypeEnum } from "@scandic-hotels/common/constants/alert"
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
+import { fn } from "storybook/test"
+import { Button } from "../Button"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { HotelInfoCard } from "./index"
 
 const meta: Meta<typeof HotelInfoCard> = {
-  title: 'Product Components/HotelInfoCard',
+  title: "Product Components/HotelInfoCard",
   component: HotelInfoCard,
   argTypes: {},
 }
@@ -20,38 +20,38 @@ type Story = StoryObj<typeof HotelInfoCard>
 export const Default: Story = {
   argTypes: {
     alerts: {
-      control: 'select',
-      options: ['none', 'info', 'warning', 'alarm', 'success'],
+      control: "select",
+      options: ["none", "info", "warning", "alarm", "success"],
       mapping: {
         none: [],
         info: [
           {
-            id: '1',
-            heading: 'Hot dog alert',
+            id: "1",
+            heading: "Hot dog alert",
             text: `They are handing out free hot dogs available in the square outside the hotel.`,
             type: AlertTypeEnum.Info,
           },
         ],
         warning: [
           {
-            id: '1',
-            heading: 'Construction work',
+            id: "1",
+            heading: "Construction work",
             text: `There is construction work going on outside the hotel. Expect some noise during daytime.`,
             type: AlertTypeEnum.Warning,
           },
         ],
         success: [
           {
-            id: '1',
-            heading: 'Free breakfast',
+            id: "1",
+            heading: "Free breakfast",
             text: `We are now serving free breakfast in the lobby between 7-10am.`,
             type: AlertTypeEnum.Success,
           },
         ],
         alarm: [
           {
-            id: '1',
-            heading: 'Fire alarm',
+            id: "1",
+            heading: "Fire alarm",
             text: `The fire alarm is activated. Please evacuate the building immediately using the nearest exit.`,
             type: AlertTypeEnum.Alarm,
           },
@@ -60,11 +60,11 @@ export const Default: Story = {
     },
 
     slot: {
-      control: 'select',
-      description: 'A slot where you can inject components',
-      options: ['none', 'button'],
+      control: "select",
+      description: "A slot where you can inject components",
+      options: ["none", "button"],
       table: {
-        defaultValue: { summary: 'button' },
+        defaultValue: { summary: "button" },
       },
       mapping: {
         none: null,
@@ -78,40 +78,40 @@ export const Default: Story = {
   },
   args: {
     hotel: {
-      id: '1',
-      name: 'Grand Hotel Budapest',
-      url: 'https://www.scandichotels.com/en/hello',
+      id: "1",
+      name: "Grand Hotel Budapest",
+      url: "https://www.scandichotels.com/en/hello",
       ratings: {
         tripAdvisor: { rating: 4.5 },
       },
     },
     address: {
-      city: 'Budapest',
+      city: "Budapest",
       kilometersToCentre: 0.5,
-      streetAddress: '1 Main St',
+      streetAddress: "1 Main St",
     },
     description:
       "Escape to the crown jewel of the Republic of Zubrowka, where timeless luxury awaits atop our breathtaking mountain sanctuary. The Grand Budapest Hotel stands as Europe's most distinguished retreat, a rose-colored palace that has welcomed discerning guests since the golden age of travel.",
     facilities: [
-      { id: FacilityEnum.AirConAirCooling, name: 'Air Conditioning' },
-      { id: FacilityEnum.FoodDrinks247, name: 'Food & Drinks 24/7' },
-      { id: FacilityEnum.KayaksForLoan, name: 'Kayaks for Loan' },
+      { id: FacilityEnum.AirConAirCooling, name: "Air Conditioning" },
+      { id: FacilityEnum.FoodDrinks247, name: "Food & Drinks 24/7" },
+      { id: FacilityEnum.KayaksForLoan, name: "Kayaks for Loan" },
     ],
     galleryImages: [
       {
-        src: './img/GrandHotelBudapest.png',
-        alt: 'Grand Hotel Budapest',
-        caption: 'Grand Hotel Budapest',
+        src: "./img/GrandHotelBudapest.png",
+        alt: "Grand Hotel Budapest",
+        caption: "Grand Hotel Budapest",
       },
       {
-        src: './img/img1.png',
-        alt: 'Image 1',
-        caption: 'Image 1',
+        src: "./img/img1.png",
+        alt: "Image 1",
+        caption: "Image 1",
       },
       {
-        src: './img/img2.png',
-        alt: 'Image 2',
-        caption: 'Image 2',
+        src: "./img/img2.png",
+        alt: "Image 2",
+        caption: "Image 2",
       },
     ],
     alerts: [],
diff --git a/packages/design-system/lib/components/HotelInfoCard/index.tsx b/packages/design-system/lib/components/HotelInfoCard/index.tsx
index 3de1d8b37..92aaef5a7 100644
--- a/packages/design-system/lib/components/HotelInfoCard/index.tsx
+++ b/packages/design-system/lib/components/HotelInfoCard/index.tsx
@@ -1,20 +1,20 @@
-'use client'
+"use client"
 
-import { getSingleDecimal } from '@scandic-hotels/common/utils/numberFormatting'
-import { Alert } from '../Alert'
-import { Divider } from '../Divider'
-import { FacilityToIcon } from '../FacilityToIcon'
-import ImageGallery, { GalleryImage } from '../ImageGallery'
-import SkeletonShimmer from '../SkeletonShimmer'
-import { TripAdvisorChip } from '../TripAdvisorChip'
-import { Typography } from '../Typography'
+import { getSingleDecimal } from "@scandic-hotels/common/utils/numberFormatting"
+import { Alert } from "../Alert"
+import { Divider } from "../Divider"
+import { FacilityToIcon } from "../FacilityToIcon"
+import ImageGallery, { GalleryImage } from "../ImageGallery"
+import SkeletonShimmer from "../SkeletonShimmer"
+import { TripAdvisorChip } from "../TripAdvisorChip"
+import { Typography } from "../Typography"
 
-import HotelDescription from './HotelDescription'
+import HotelDescription from "./HotelDescription"
 
-import styles from './hotelInfoCard.module.css'
-import { useIntl } from 'react-intl'
-import { AlertTypeEnum } from '@scandic-hotels/common/constants/alert'
-import { FacilityEnum } from '@scandic-hotels/common/constants/facilities'
+import styles from "./hotelInfoCard.module.css"
+import { useIntl } from "react-intl"
+import { AlertTypeEnum } from "@scandic-hotels/common/constants/alert"
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
 
 export type HotelInfoCardProps = {
   hotel: {
@@ -32,7 +32,7 @@ export type HotelInfoCardProps = {
     kilometersToCentre: number
   }
   galleryImages: GalleryImage[]
-  alerts: SpecialAlertProps['alert'][]
+  alerts: SpecialAlertProps["alert"][]
   facilities: {
     id: FacilityEnum
     name: string
@@ -72,9 +72,9 @@ export function HotelInfoCard({
                 <p className={styles.hotelAddress}>
                   {intl.formatMessage(
                     {
-                      id: 'hotelInfoCard.kmToCityCenter',
+                      id: "hotelInfoCard.kmToCityCenter",
                       defaultMessage:
-                        '{address}, {city} ∙ {distanceToCityCenterInKm} km to city center',
+                        "{address}, {city} ∙ {distanceToCityCenterInKm} km to city center",
                     },
                     {
                       address: address.streetAddress,
diff --git a/packages/design-system/lib/components/IconButton/IconButton.stories.tsx b/packages/design-system/lib/components/IconButton/IconButton.stories.tsx
index cf40317d9..6ac22f81f 100644
--- a/packages/design-system/lib/components/IconButton/IconButton.stories.tsx
+++ b/packages/design-system/lib/components/IconButton/IconButton.stories.tsx
@@ -1,99 +1,99 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { expect, fn } from 'storybook/test'
+import { expect, fn } from "storybook/test"
 
-import { IconButton } from './IconButton'
-import { iconButtonIconNames, IconButtonProps } from './types'
-import { config } from './variants'
+import { IconButton } from "./IconButton"
+import { iconButtonIconNames, IconButtonProps } from "./types"
+import { config } from "./variants"
 
 const meta: Meta<typeof IconButton> = {
-  title: 'Core Components/IconButton',
+  title: "Core Components/IconButton",
   component: IconButton,
   argTypes: {
     onPress: {
       table: {
-        type: { summary: 'function' },
-        defaultValue: { summary: 'undefined' },
+        type: { summary: "function" },
+        defaultValue: { summary: "undefined" },
       },
-      description: 'Callback function to handle button press events.',
+      description: "Callback function to handle button press events.",
     },
     variant: {
-      control: 'select',
+      control: "select",
       options: Object.keys(config.variants.variant),
       table: {
         defaultValue: {
           summary: config.defaultVariants.variant,
         },
         type: {
-          summary: Object.keys(config.variants.variant).join(' | '),
+          summary: Object.keys(config.variants.variant).join(" | "),
         },
       },
     },
     size: {
-      control: 'select',
+      control: "select",
       options: Object.keys(config.variants.size),
       table: {
         defaultValue: {
           summary: config.defaultVariants.size,
         },
         type: {
-          summary: Object.keys(config.variants.size).join(' | '),
+          summary: Object.keys(config.variants.size).join(" | "),
         },
       },
       description:
-        'The size of the `IconButton`. Please note that you control the size of the icon inside the button separately. Please check the examples below for recommended icon sizes for each button size.',
+        "The size of the `IconButton`. Please note that you control the size of the icon inside the button separately. Please check the examples below for recommended icon sizes for each button size.",
     },
     emphasis: {
-      control: 'boolean',
+      control: "boolean",
       options: Object.keys(config.variants.emphasis),
       table: {
         defaultValue: {
           summary: config.defaultVariants.emphasis.toString(),
         },
         type: {
-          summary: 'boolean',
+          summary: "boolean",
         },
       },
     },
     iconName: {
-      control: 'select',
+      control: "select",
       options: iconButtonIconNames,
       table: {
-        type: { summary: iconButtonIconNames.join(' | ') },
-        defaultValue: { summary: 'undefined' },
+        type: { summary: iconButtonIconNames.join(" | ") },
+        defaultValue: { summary: "undefined" },
       },
-      description: 'Name of the Material Icon to use as icon.',
+      description: "Name of the Material Icon to use as icon.",
     },
     isDisabled: {
-      control: 'boolean',
+      control: "boolean",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
     },
   },
 }
 
 const globalStoryPropsInverted = {
-  backgrounds: { value: 'scandicPrimaryDark' },
+  backgrounds: { value: "scandicPrimaryDark" },
 }
 export default meta
 
 type Story = StoryObj<typeof IconButton>
 
 function renderAllSizesFn(
-  args: Story['args'],
-  iconName: IconButtonProps['iconName'] = 'search'
+  args: Story["args"],
+  iconName: IconButtonProps["iconName"] = "search"
 ) {
   return (
-    <div style={{ display: 'flex', gap: '16px', alignItems: 'center' }}>
+    <div style={{ display: "flex", gap: "16px", alignItems: "center" }}>
       {Object.keys(config.variants.size).map((size) => (
         <div
           style={{
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            gap: '8px',
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            gap: "8px",
           }}
           key={size}
         >
@@ -113,10 +113,10 @@ function renderAllSizesFn(
 export const Default: Story = {
   args: {
     onPress: fn(),
-    iconName: 'search',
+    iconName: "search",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -124,136 +124,136 @@ export const Default: Story = {
 export const Examples: Story = {
   render: () => {
     return (
-      <div style={{ display: 'grid', gap: '16px', justifyContent: 'center' }}>
+      <div style={{ display: "grid", gap: "16px", justifyContent: "center" }}>
         <div
           style={{
-            padding: '16px',
-            borderRadius: '8px',
-            border: '1px solid #4D001B',
+            padding: "16px",
+            borderRadius: "8px",
+            border: "1px solid #4D001B",
           }}
         >
-          <h3 style={{ marginBottom: '8px' }}>Filled</h3>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
-            {renderAllSizesFn({ ...Default.args, variant: 'Filled' })}
+          <h3 style={{ marginBottom: "8px" }}>Filled</h3>
+          <div style={{ display: "flex", flexWrap: "wrap", gap: "8px" }}>
+            {renderAllSizesFn({ ...Default.args, variant: "Filled" })}
           </div>
         </div>
         <div
           style={{
-            padding: '16px',
-            borderRadius: '8px',
-            border: '1px solid #4D001B',
+            padding: "16px",
+            borderRadius: "8px",
+            border: "1px solid #4D001B",
           }}
         >
-          <h3 style={{ marginBottom: '8px' }}>Filled with emphasis</h3>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
+          <h3 style={{ marginBottom: "8px" }}>Filled with emphasis</h3>
+          <div style={{ display: "flex", flexWrap: "wrap", gap: "8px" }}>
             {renderAllSizesFn(
               {
                 ...Default.args,
-                variant: 'Filled',
+                variant: "Filled",
                 emphasis: true,
               },
-              'arrow_forward'
+              "arrow_forward"
             )}
           </div>
         </div>
         <div
           style={{
-            padding: '16px',
-            borderRadius: '8px',
-            border: '1px solid #4D001B',
+            padding: "16px",
+            borderRadius: "8px",
+            border: "1px solid #4D001B",
           }}
         >
-          <h3 style={{ marginBottom: '8px' }}>Outlined</h3>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
+          <h3 style={{ marginBottom: "8px" }}>Outlined</h3>
+          <div style={{ display: "flex", flexWrap: "wrap", gap: "8px" }}>
             {renderAllSizesFn(
               {
                 ...Default.args,
-                variant: 'Outlined',
+                variant: "Outlined",
               },
-              'arrow_forward'
+              "arrow_forward"
             )}
           </div>
         </div>
         <div
           style={{
-            padding: '16px',
-            borderRadius: '8px',
-            border: '1px solid #4D001B',
+            padding: "16px",
+            borderRadius: "8px",
+            border: "1px solid #4D001B",
           }}
         >
-          <h3 style={{ marginBottom: '8px' }}>Elevated</h3>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
+          <h3 style={{ marginBottom: "8px" }}>Elevated</h3>
+          <div style={{ display: "flex", flexWrap: "wrap", gap: "8px" }}>
             {renderAllSizesFn(
               {
                 ...Default.args,
-                variant: 'Elevated',
+                variant: "Elevated",
               },
-              'arrow_forward'
+              "arrow_forward"
             )}
           </div>
         </div>
         <div
           style={{
-            backgroundColor: '#4D001B',
-            color: 'white',
-            padding: '16px',
-            borderRadius: '8px',
-            border: '1px solid #4D001B',
+            backgroundColor: "#4D001B",
+            color: "white",
+            padding: "16px",
+            borderRadius: "8px",
+            border: "1px solid #4D001B",
           }}
         >
-          <h3 style={{ marginBottom: '8px' }}>Faded</h3>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
+          <h3 style={{ marginBottom: "8px" }}>Faded</h3>
+          <div style={{ display: "flex", flexWrap: "wrap", gap: "8px" }}>
             {renderAllSizesFn(
               {
                 ...Default.args,
-                variant: 'Faded',
+                variant: "Faded",
               },
-              'arrow_forward'
+              "arrow_forward"
             )}
           </div>
         </div>
         <div
           style={{
-            backgroundColor: '#4D001B',
-            color: 'white',
-            padding: '16px',
-            borderRadius: '8px',
-            border: '1px solid #4D001B',
+            backgroundColor: "#4D001B",
+            color: "white",
+            padding: "16px",
+            borderRadius: "8px",
+            border: "1px solid #4D001B",
           }}
         >
-          <h3 style={{ marginBottom: '8px' }}>Muted</h3>
+          <h3 style={{ marginBottom: "8px" }}>Muted</h3>
           <div
             style={{
-              display: 'flex',
-              flexWrap: 'wrap',
-              gap: '8px',
+              display: "flex",
+              flexWrap: "wrap",
+              gap: "8px",
             }}
           >
             {renderAllSizesFn(
               {
                 ...Default.args,
-                variant: 'Muted',
+                variant: "Muted",
               },
-              'arrow_forward'
+              "arrow_forward"
             )}
           </div>
         </div>
         <div
           style={{
-            padding: '16px',
-            borderRadius: '8px',
-            border: '1px solid #4D001B',
+            padding: "16px",
+            borderRadius: "8px",
+            border: "1px solid #4D001B",
           }}
         >
-          <h3 style={{ marginBottom: '8px' }}>Muted with emphasis</h3>
-          <div style={{ display: 'flex', flexWrap: 'wrap', gap: '8px' }}>
+          <h3 style={{ marginBottom: "8px" }}>Muted with emphasis</h3>
+          <div style={{ display: "flex", flexWrap: "wrap", gap: "8px" }}>
             {renderAllSizesFn(
               {
                 ...Default.args,
-                variant: 'Muted',
+                variant: "Muted",
                 emphasis: true,
               },
-              'arrow_forward'
+              "arrow_forward"
             )}
           </div>
         </div>
@@ -265,10 +265,10 @@ export const Examples: Story = {
 export const Filled: Story = {
   args: {
     ...Default.args,
-    variant: 'Filled',
+    variant: "Filled",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -279,7 +279,7 @@ export const FilledDisabled: Story = {
     isDisabled: true,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -290,7 +290,7 @@ export const FilledOnDarkBackground: Story = {
     ...Filled.args,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -298,11 +298,11 @@ export const FilledOnDarkBackground: Story = {
 export const FilledWithEmphasis: Story = {
   args: {
     ...Filled.args,
-    iconName: 'arrow_forward',
+    iconName: "arrow_forward",
     emphasis: true,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -313,7 +313,7 @@ export const FilledWithEmphasisDisabled: Story = {
     isDisabled: true,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -321,11 +321,11 @@ export const FilledWithEmphasisDisabled: Story = {
 export const Outlined: Story = {
   args: {
     ...Default.args,
-    iconName: 'arrow_forward',
-    variant: 'Outlined',
+    iconName: "arrow_forward",
+    variant: "Outlined",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -336,7 +336,7 @@ export const OutlinedDisabled: Story = {
     isDisabled: true,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -344,11 +344,11 @@ export const OutlinedDisabled: Story = {
 export const Elevated: Story = {
   args: {
     ...Default.args,
-    iconName: 'arrow_forward',
-    variant: 'Elevated',
+    iconName: "arrow_forward",
+    variant: "Elevated",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -359,7 +359,7 @@ export const ElevatedDisabled: Story = {
     isDisabled: true,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -368,11 +368,11 @@ export const Faded: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...Default.args,
-    iconName: 'arrow_forward',
-    variant: 'Faded',
+    iconName: "arrow_forward",
+    variant: "Faded",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -384,7 +384,7 @@ export const FadedDisabled: Story = {
     isDisabled: true,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -393,11 +393,11 @@ export const Muted: Story = {
   globals: globalStoryPropsInverted,
   args: {
     ...Default.args,
-    iconName: 'arrow_forward',
-    variant: 'Muted',
+    iconName: "arrow_forward",
+    variant: "Muted",
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -409,7 +409,7 @@ export const MutedDisabled: Story = {
     isDisabled: true,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
@@ -420,7 +420,7 @@ export const MutedWithEmphasis: Story = {
     emphasis: true,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(1)
   },
 }
@@ -431,7 +431,7 @@ export const MutedWithEmphasisDisabled: Story = {
     isDisabled: true,
   },
   play: async ({ canvas, userEvent, args }) => {
-    await userEvent.click(canvas.getByRole('button'))
+    await userEvent.click(canvas.getByRole("button"))
     expect(args.onPress).toHaveBeenCalledTimes(0)
   },
 }
diff --git a/packages/design-system/lib/components/IconButton/IconButton.tsx b/packages/design-system/lib/components/IconButton/IconButton.tsx
index e1edb2b2f..5e0d006ba 100644
--- a/packages/design-system/lib/components/IconButton/IconButton.tsx
+++ b/packages/design-system/lib/components/IconButton/IconButton.tsx
@@ -1,8 +1,8 @@
-import { Button as ButtonRAC } from 'react-aria-components'
+import { Button as ButtonRAC } from "react-aria-components"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { IconButtonProps } from './types'
-import { variants } from './variants'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { IconButtonProps } from "./types"
+import { variants } from "./variants"
 
 export function IconButton({
   variant,
@@ -30,15 +30,15 @@ export function IconButton({
   )
 }
 
-function getIconSize(size: IconButtonProps['size']) {
+function getIconSize(size: IconButtonProps["size"]) {
   switch (size) {
-    case 'sm':
+    case "sm":
       return 16
-    case 'md':
+    case "md":
       return 20
-    case 'xl':
+    case "xl":
       return 28
-    case 'lg':
+    case "lg":
     default:
       return 24
   }
diff --git a/packages/design-system/lib/components/IconButton/iconButton.module.css b/packages/design-system/lib/components/IconButton/iconButton.module.css
index 0980eef05..71a864bca 100644
--- a/packages/design-system/lib/components/IconButton/iconButton.module.css
+++ b/packages/design-system/lib/components/IconButton/iconButton.module.css
@@ -19,7 +19,7 @@
     outline-offset: 2px;
 
     &::before {
-      content: '';
+      content: "";
       position: absolute;
       inset: -2px;
       border: 2px solid var(--Border-Inverted);
diff --git a/packages/design-system/lib/components/IconButton/index.tsx b/packages/design-system/lib/components/IconButton/index.tsx
index a492877d0..b7681d82a 100644
--- a/packages/design-system/lib/components/IconButton/index.tsx
+++ b/packages/design-system/lib/components/IconButton/index.tsx
@@ -1 +1 @@
-export { IconButton } from './IconButton'
+export { IconButton } from "./IconButton"
diff --git a/packages/design-system/lib/components/IconButton/types.ts b/packages/design-system/lib/components/IconButton/types.ts
index bdc2f60c9..6735daed1 100644
--- a/packages/design-system/lib/components/IconButton/types.ts
+++ b/packages/design-system/lib/components/IconButton/types.ts
@@ -1,29 +1,29 @@
-import { Button as ButtonRAC } from 'react-aria-components'
+import { Button as ButtonRAC } from "react-aria-components"
 
-import type { VariantProps } from 'class-variance-authority'
-import type { ComponentProps } from 'react'
+import type { VariantProps } from "class-variance-authority"
+import type { ComponentProps } from "react"
 
-import type { SymbolCodepoints } from '../Icons/MaterialIcon/MaterialSymbol/types'
-import type { variants } from './variants'
+import type { SymbolCodepoints } from "../Icons/MaterialIcon/MaterialSymbol/types"
+import type { variants } from "./variants"
 
 export const iconButtonIconNames = [
-  'arrow_forward',
-  'arrow_back',
-  'remove',
-  'close',
-  'add',
-  'search',
-  'info_circle',
-  'help_circle',
-  'info',
-  'delete',
-  'visibility',
-  'visibility_off',
-  'keyboard_arrow_down',
-  'keyboard_arrow_up',
-  'cancel',
-  'chevron_left',
-  'chevron_right',
+  "arrow_forward",
+  "arrow_back",
+  "remove",
+  "close",
+  "add",
+  "search",
+  "info_circle",
+  "help_circle",
+  "info",
+  "delete",
+  "visibility",
+  "visibility_off",
+  "keyboard_arrow_down",
+  "keyboard_arrow_up",
+  "cancel",
+  "chevron_left",
+  "chevron_right",
 ] as const
 
 export type IconButtonIconName = Extract<
@@ -33,7 +33,7 @@ export type IconButtonIconName = Extract<
 
 export interface IconButtonProps
   extends
-    Omit<ComponentProps<typeof ButtonRAC>, 'children'>,
+    Omit<ComponentProps<typeof ButtonRAC>, "children">,
     VariantProps<typeof variants> {
   iconName: IconButtonIconName
 }
diff --git a/packages/design-system/lib/components/IconButton/variants.ts b/packages/design-system/lib/components/IconButton/variants.ts
index a6c842b52..99fd53763 100644
--- a/packages/design-system/lib/components/IconButton/variants.ts
+++ b/packages/design-system/lib/components/IconButton/variants.ts
@@ -1,30 +1,30 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './iconButton.module.css'
+import styles from "./iconButton.module.css"
 
 export const config = {
   variants: {
     variant: {
-      Filled: styles['variant-filled'],
-      Outlined: styles['variant-outlined'],
-      Elevated: styles['variant-elevated'],
-      Faded: styles['variant-faded'],
-      Muted: styles['variant-muted'],
+      Filled: styles["variant-filled"],
+      Outlined: styles["variant-outlined"],
+      Elevated: styles["variant-elevated"],
+      Faded: styles["variant-faded"],
+      Muted: styles["variant-muted"],
     },
     emphasis: {
-      true: styles['emphasis'],
+      true: styles["emphasis"],
       false: undefined,
     },
     size: {
-      xl: styles['size-xl'],
-      lg: styles['size-lg'],
-      md: styles['size-md'],
-      sm: styles['size-sm'],
+      xl: styles["size-xl"],
+      lg: styles["size-lg"],
+      md: styles["size-md"],
+      sm: styles["size-sm"],
     },
   },
   defaultVariants: {
-    variant: 'Filled',
-    size: 'lg',
+    variant: "Filled",
+    size: "lg",
     emphasis: false,
   },
 } as const
diff --git a/packages/design-system/lib/components/IconChip/index.tsx b/packages/design-system/lib/components/IconChip/index.tsx
index 72d787584..9d33d7db0 100644
--- a/packages/design-system/lib/components/IconChip/index.tsx
+++ b/packages/design-system/lib/components/IconChip/index.tsx
@@ -1,7 +1,7 @@
-import { iconChipVariants } from './variants'
+import { iconChipVariants } from "./variants"
 
 interface IconChipProps {
-  color: 'blue' | 'green' | 'red' | null | undefined
+  color: "blue" | "green" | "red" | null | undefined
   icon: React.ReactNode
   children: React.ReactNode
   className?: string
diff --git a/packages/design-system/lib/components/IconChip/variants.ts b/packages/design-system/lib/components/IconChip/variants.ts
index 9d527ffaa..f4ee78c25 100644
--- a/packages/design-system/lib/components/IconChip/variants.ts
+++ b/packages/design-system/lib/components/IconChip/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './iconChip.module.css'
+import styles from "./iconChip.module.css"
 
 export const iconChipVariants = cva(styles.chip, {
   variants: {
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/BedHotel.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/BedHotel.tsx
index 9e8d7bf22..f8ea3c527 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/BedHotel.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/BedHotel.tsx
@@ -1,6 +1,6 @@
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
-import { iconVariants } from '../../variants'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
+import { iconVariants } from "../../variants"
 
 export default function BedHotelIcon({
   className,
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 ffe140ebf..bd9f65341 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
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function CoolingIcon({ className, color, ...props }: IconProps) {
   const classNames = iconVariants({ className, color })
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/CouchTable.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/CouchTable.tsx
index 4788c906b..06e347581 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/CouchTable.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/CouchTable.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function CouchTableIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/FootStool.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/FootStool.tsx
index 57d5c4368..3ac4950fe 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/FootStool.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/FootStool.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function FootStoolIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Hairdryer.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Hairdryer.tsx
index f7e0cc914..befcf650f 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Hairdryer.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Hairdryer.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function HairdryerIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/HandSoap.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/HandSoap.tsx
index be0068229..7eb4d9016 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/HandSoap.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/HandSoap.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function HandSoapIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/IceMachine.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/IceMachine.tsx
index f5f1dddc7..2a260cfe1 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/IceMachine.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/IceMachine.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function IceMachineIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Massage.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Massage.tsx
index 9f10b722e..320665849 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Massage.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Massage.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function MassageIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MdiBunkBedOutline.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MdiBunkBedOutline.tsx
index 3cf84454b..197c28848 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MdiBunkBedOutline.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MdiBunkBedOutline.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function MdiBunkBedIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Mirror.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Mirror.tsx
index 3e60827ea..dae953706 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Mirror.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Mirror.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function MirrorIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MovingBeds.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MovingBeds.tsx
index 2bb9bcc5f..f611a3ecc 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MovingBeds.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/MovingBeds.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function MovingBedsIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Road.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Road.tsx
index 950a6f672..ee95d3d87 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Road.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Road.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function RoadIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Rug.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Rug.tsx
index cc12eacd9..1995cb981 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Rug.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Rug.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function RugIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/SafetyBox.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/SafetyBox.tsx
index 18c545dff..313108da6 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/SafetyBox.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/SafetyBox.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function SafetyBoxIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Slippers.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Slippers.tsx
index 607b8bf32..3cb25b823 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Slippers.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Slippers.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function SlippersIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Towel.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Towel.tsx
index 3c52e7b24..5ddaa1ef6 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Towel.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Towel.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function TowelIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/View.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/View.tsx
index d8a36ee09..f864a70ac 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/View.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/View.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function ViewIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Ward.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Ward.tsx
index 7d6e0451f..3a1b487dc 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Ward.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/Ward.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function WardIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WindowNotAvailable.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WindowNotAvailable.tsx
index bfa437870..d3cb9dd7b 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WindowNotAvailable.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WindowNotAvailable.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function WindowNotAvailableIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WoodFloor.tsx b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WoodFloor.tsx
index 4358ea8d9..7952077cb 100644
--- a/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WoodFloor.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Amenities_Facilities/WoodFloor.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function WoodFloorIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Benefits/DiamondAdd.tsx b/packages/design-system/lib/components/Icons/Customised/Benefits/DiamondAdd.tsx
index 04e0170b4..f87fdc3bf 100644
--- a/packages/design-system/lib/components/Icons/Customised/Benefits/DiamondAdd.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Benefits/DiamondAdd.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function DiamondAddIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Socials/Facebook.tsx b/packages/design-system/lib/components/Icons/Customised/Socials/Facebook.tsx
index 7aff3e557..c41dd048e 100644
--- a/packages/design-system/lib/components/Icons/Customised/Socials/Facebook.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Socials/Facebook.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function FacebookIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Socials/Instagram.tsx b/packages/design-system/lib/components/Icons/Customised/Socials/Instagram.tsx
index cd1855fcb..4d6331713 100644
--- a/packages/design-system/lib/components/Icons/Customised/Socials/Instagram.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Socials/Instagram.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function InstagramIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/Socials/Tripadvisor.tsx b/packages/design-system/lib/components/Icons/Customised/Socials/Tripadvisor.tsx
index da0a566c9..78a564c92 100644
--- a/packages/design-system/lib/components/Icons/Customised/Socials/Tripadvisor.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/Socials/Tripadvisor.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function TripadvisorIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/Customised/UI/Minimize.tsx b/packages/design-system/lib/components/Icons/Customised/UI/Minimize.tsx
index b8edca3bd..0d35bef4f 100644
--- a/packages/design-system/lib/components/Icons/Customised/UI/Minimize.tsx
+++ b/packages/design-system/lib/components/Icons/Customised/UI/Minimize.tsx
@@ -1,7 +1,7 @@
-import { iconVariants } from '../../variants'
+import { iconVariants } from "../../variants"
 
-import type { IconProps } from '../../icon'
-import { getIconAriaProps } from '../../utils'
+import type { IconProps } from "../../icon"
+import { getIconAriaProps } from "../../utils"
 
 export default function MinimizeIcon({
   className,
diff --git a/packages/design-system/lib/components/Icons/FacilityIcon.tsx b/packages/design-system/lib/components/Icons/FacilityIcon.tsx
index 965c44b62..19b0c7e01 100644
--- a/packages/design-system/lib/components/Icons/FacilityIcon.tsx
+++ b/packages/design-system/lib/components/Icons/FacilityIcon.tsx
@@ -1,36 +1,36 @@
-import BathroomCabinetIcon from './Nucleo/Amenities_Facilities/bathroom-cabinet-2'
-import BedHotelIcon from './Customised/Amenities_Facilities/BedHotel'
-import BowlingPinsIcon from './Nucleo/Experiences/bowling-pins'
-import BunkBedIcon from './Customised/Amenities_Facilities/MdiBunkBedOutline'
-import ConferenceRoomIcon from './Nucleo/Amenities_Facilities/conference-room'
-import CoolingIcon from './Customised/Amenities_Facilities/Cooling'
-import CouchTableIcon from './Customised/Amenities_Facilities/CouchTable'
-import DoorIcon from './Nucleo/Amenities_Facilities/door-2'
-import FootStoolIcon from './Customised/Amenities_Facilities/FootStool'
-import HairdresserIcon from './Nucleo/Amenities_Facilities/hairdresser-1'
-import HairdryerIcon from './Customised/Amenities_Facilities/Hairdryer'
-import HandSoapIcon from './Customised/Amenities_Facilities/HandSoap'
-import IceMachineIcon from './Customised/Amenities_Facilities/IceMachine'
-import MassageIcon from './Customised/Amenities_Facilities/Massage'
-import { MaterialIcon, type MaterialIconSetIconProps } from './MaterialIcon'
-import MirrorIcon from './Customised/Amenities_Facilities/Mirror'
-import MovingBedsIcon from './Customised/Amenities_Facilities/MovingBeds'
-import RecordPlayerIcon from './Nucleo/Amenities_Facilities/record-player-3'
-import RoadIcon from './Customised/Amenities_Facilities/Road'
-import RugIcon from './Customised/Amenities_Facilities/Rug'
-import SafetyBoxIcon from './Customised/Amenities_Facilities/SafetyBox'
-import SlippersIcon from './Customised/Amenities_Facilities/Slippers'
-import ToiletIcon from './Nucleo/Amenities_Facilities/toilet-2'
-import TowelIcon from './Customised/Amenities_Facilities/Towel'
-import UserPoliceIcon from './Nucleo/Amenities_Facilities/user-police-2'
-import ViewIcon from './Customised/Amenities_Facilities/View'
-import WardIcon from './Customised/Amenities_Facilities/Ward'
-import WindowNotAvailableIcon from './Customised/Amenities_Facilities/WindowNotAvailable'
-import WoodFloorIcon from './Customised/Amenities_Facilities/WoodFloor'
+import BathroomCabinetIcon from "./Nucleo/Amenities_Facilities/bathroom-cabinet-2"
+import BedHotelIcon from "./Customised/Amenities_Facilities/BedHotel"
+import BowlingPinsIcon from "./Nucleo/Experiences/bowling-pins"
+import BunkBedIcon from "./Customised/Amenities_Facilities/MdiBunkBedOutline"
+import ConferenceRoomIcon from "./Nucleo/Amenities_Facilities/conference-room"
+import CoolingIcon from "./Customised/Amenities_Facilities/Cooling"
+import CouchTableIcon from "./Customised/Amenities_Facilities/CouchTable"
+import DoorIcon from "./Nucleo/Amenities_Facilities/door-2"
+import FootStoolIcon from "./Customised/Amenities_Facilities/FootStool"
+import HairdresserIcon from "./Nucleo/Amenities_Facilities/hairdresser-1"
+import HairdryerIcon from "./Customised/Amenities_Facilities/Hairdryer"
+import HandSoapIcon from "./Customised/Amenities_Facilities/HandSoap"
+import IceMachineIcon from "./Customised/Amenities_Facilities/IceMachine"
+import MassageIcon from "./Customised/Amenities_Facilities/Massage"
+import { MaterialIcon, type MaterialIconSetIconProps } from "./MaterialIcon"
+import MirrorIcon from "./Customised/Amenities_Facilities/Mirror"
+import MovingBedsIcon from "./Customised/Amenities_Facilities/MovingBeds"
+import RecordPlayerIcon from "./Nucleo/Amenities_Facilities/record-player-3"
+import RoadIcon from "./Customised/Amenities_Facilities/Road"
+import RugIcon from "./Customised/Amenities_Facilities/Rug"
+import SafetyBoxIcon from "./Customised/Amenities_Facilities/SafetyBox"
+import SlippersIcon from "./Customised/Amenities_Facilities/Slippers"
+import ToiletIcon from "./Nucleo/Amenities_Facilities/toilet-2"
+import TowelIcon from "./Customised/Amenities_Facilities/Towel"
+import UserPoliceIcon from "./Nucleo/Amenities_Facilities/user-police-2"
+import ViewIcon from "./Customised/Amenities_Facilities/View"
+import WardIcon from "./Customised/Amenities_Facilities/Ward"
+import WindowNotAvailableIcon from "./Customised/Amenities_Facilities/WindowNotAvailable"
+import WoodFloorIcon from "./Customised/Amenities_Facilities/WoodFloor"
 
-import type { IconProps, NucleoIconProps } from '.'
-import type { MaterialSymbolProps } from './MaterialIcon/MaterialSymbol'
-import type { JSX } from 'react'
+import type { IconProps, NucleoIconProps } from "."
+import type { MaterialSymbolProps } from "./MaterialIcon/MaterialSymbol"
+import type { JSX } from "react"
 
 interface FacilityIconProps {
   name: string | undefined
@@ -67,168 +67,168 @@ export function FacilityIcon({
 }
 
 const MaterialIconMappings: {
-  icon: MaterialSymbolProps['icon']
+  icon: MaterialSymbolProps["icon"]
   name: string
 }[] = [
-  { icon: 'air_purifier_gen', name: 'aircondition' },
-  { icon: 'travel', name: 'airport' },
-  { icon: 'balcony', name: 'balcony' },
-  { icon: 'deck', name: 'balconyorterrace' },
-  { icon: 'balcony', name: 'frenchbalcony' },
-  { icon: 'bathtub', name: 'bathroomwithbathtub' },
-  { icon: 'bathtub', name: 'bathroomwithshowerandbathtub' },
-  { icon: 'bed', name: 'setoftwopillows' },
-  { icon: 'chair', name: 'armchairbed' },
-  { icon: 'meeting_room', name: 'separatebedroom' },
-  { icon: 'pedal_bike', name: 'bikeforloan' },
-  { icon: 'bakery_dining', name: 'breakfast' },
-  { icon: 'bakery_dining', name: 'servesbreakfastalwaysincluded' },
-  { icon: 'business_center', name: 'meetingconferencefacilities' },
-  { icon: 'business_center', name: 'meetingrooms' },
-  { icon: 'router', name: 'internetwithcableintheroom' },
-  { icon: 'chair', name: 'armchair' },
-  { icon: 'chair', name: 'chair' },
-  { icon: 'meeting_room', name: 'connectingrooms' },
-  { icon: 'location_city', name: 'viewcityview' },
-  { icon: 'coffee_maker', name: 'nespressomachine' },
-  { icon: 'dining', name: 'café' },
-  { icon: 'coffee', name: 'coffee' },
-  { icon: 'coffee_maker', name: 'coffeemachine' },
-  { icon: 'concierge', name: 'lifestyleconcierge' },
-  { icon: 'mode_fan', name: 'aircooling' },
-  { icon: 'mode_fan', name: 'cooler' },
-  { icon: 'desk', name: 'deskandchair' },
-  { icon: 'desk', name: 'desk' },
-  { icon: 'dining', name: 'diningarea' },
-  { icon: 'table_bar', name: 'tablefordining' },
-  { icon: 'electric_bike', name: 'ebikeschargingstation' },
-  { icon: 'family_restroom', name: 'extrafamilyfriendly' },
-  { icon: 'exercise', name: 'gym' },
-  { icon: 'health_and_beauty', name: 'beautysalon' },
-  { icon: 'bathroom', name: 'bathroom2separatebathrooms' },
-  { icon: 'credit_card_heart', name: 'cashfree800pmtill0600am' },
-  { icon: 'credit_card_heart', name: 'cashfreehotel' },
-  { icon: 'confirmation_number', name: 'coffeevoucher' },
-  { icon: 'water_full', name: 'complimentarycoldrefreshments' },
-  { icon: 'groups', name: 'conventioncentre' },
-  { icon: 'accessible', name: 'disabledparking' },
-  { icon: 'charging_station', name: 'dockingstationforipodipad' },
-  { icon: 'cool_to_dry', name: 'dryingcabinet' },
-  { icon: 'assistant_navigation', name: 'easyaccess' },
-  { icon: 'laundry', name: 'garmentsteamer' },
-  { icon: 'stairs', name: 'highfloor' },
-  { icon: 'hot_tub', name: 'jaccuzzi' },
-  { icon: 'hot_tub', name: 'jacuzzi' },
-  { icon: 'countertops', name: 'kitchen' },
-  { icon: 'countertops', name: 'kitchenette' },
-  { icon: 'checked_bag', name: 'latecheckoutuntil1400guaranteed' },
-  { icon: 'music_cast', name: 'livemusicexhibitions' },
-  { icon: 'liquor', name: 'minibarincludedinroomrate' },
-  { icon: 'local_parking', name: 'parkingadditionalcost' },
-  { icon: 'sauna', name: 'privatesauna' },
-  { icon: 'kitchen', name: 'refrigerator' },
-  { icon: 'airline_seat_recline_normal', name: 'seatingarea' },
-  { icon: 'scene', name: 'separatelivingroom' },
-  { icon: 'chair', name: 'sofabed' },
-  { icon: 'chair', name: 'sofas' },
-  { icon: 'chair', name: 'sofa' },
-  { icon: 'bedroom_parent', name: 'spaciousroom' },
-  { icon: 'local_drink', name: 'stillandsparklingwater' },
-  { icon: 'table_bar', name: 'table' },
-  { icon: 'coffee_maker', name: 'tassimocoffeemaker' },
-  { icon: 'deck', name: 'terrace' },
-  { icon: 'iron', name: 'trouserpress' },
-  { icon: 'tv_guide', name: 'tv' },
-  { icon: 'tv_remote', name: 'tvwithcomplimentarymoviechannels' },
-  { icon: 'tv_remote', name: 'tvwithmoviechannels' },
-  { icon: 'live_tv', name: 'tvwithstreamingoption' },
-  { icon: 'hvac', name: 'ventilationinroom' },
-  { icon: 'landscape', name: 'viewfjordview' },
-  { icon: 'houseboat', name: 'viewlakeview' },
-  { icon: 'panorama', name: 'viewpanoramicview' },
-  { icon: 'sailing', name: 'viewseaview' },
-  { icon: 'ward', name: 'wallbed' },
-  { icon: 'pedal_bike', name: 'wallmountedcyclerack' },
-  { icon: 'dresser', name: 'wardrobe' },
-  { icon: 'spa', name: 'wellnessandsaunaentrancefeeadmission16years' },
-  { icon: 'spa', name: 'wellnesspoolsaunaentrancefeeadmission16years' },
-  { icon: 'curtains', name: 'windownook' },
-  { icon: 'iron', name: 'ironandironingboard' },
-  { icon: 'iron', name: 'ironingroom' },
-  { icon: 'kayaking', name: 'kayaksforloan' },
-  { icon: 'kettle', name: 'kettle' },
-  { icon: 'kettle', name: 'kettlewithcoffee' },
-  { icon: 'sync_saved_locally', name: 'laptopsafe' },
-  { icon: 'computer', name: 'laptoptray' },
-  { icon: 'local_laundry_service', name: 'laundryservice' },
-  { icon: 'local_bar', name: 'bar' },
-  { icon: 'deck', name: 'rooftopbar' },
-  { icon: 'local_bar', name: 'skybar' },
-  { icon: 'microwave', name: 'microwave' },
-  { icon: 'nature', name: 'viewparkview' },
-  { icon: 'nightlife', name: 'disconightclub' },
-  { icon: 'smoke_free', name: 'nonsmoking' },
-  { icon: 'deck', name: 'outdoorterrace' },
-  { icon: 'local_parking', name: 'parking' },
-  { icon: 'local_parking', name: 'parkingfreeparking' },
-  { icon: 'pets', name: 'petfriendlyrooms' },
-  { icon: 'phone', name: 'directdialphoneandvoicemail' },
-  { icon: 'restaurant', name: 'restaurant' },
-  { icon: 'room_service', name: 'roomservice' },
-  { icon: 'sauna', name: 'sauna' },
-  { icon: 'shower', name: 'bathroomwithshower' },
-  { icon: 'shower', name: 'rainshower' },
-  { icon: 'shower', name: 'sharedbathroomwithshower' },
-  { icon: 'radio', name: 'musicplayer' },
-  { icon: 'shopping_bag', name: 'shop' },
-  { icon: 'pool', name: 'pool' },
-  { icon: 'laundry', name: 'handwash' },
-  { icon: 'connected_tv', name: 'tvwithchromecast' },
-  { icon: 'wifi', name: 'freewifi' },
-  { icon: 'curtains_closed', name: 'blackoutcurtains' },
-  { icon: 'liquor', name: 'minibar' },
-  { icon: 'yard', name: 'viewatriumview' },
+  { icon: "air_purifier_gen", name: "aircondition" },
+  { icon: "travel", name: "airport" },
+  { icon: "balcony", name: "balcony" },
+  { icon: "deck", name: "balconyorterrace" },
+  { icon: "balcony", name: "frenchbalcony" },
+  { icon: "bathtub", name: "bathroomwithbathtub" },
+  { icon: "bathtub", name: "bathroomwithshowerandbathtub" },
+  { icon: "bed", name: "setoftwopillows" },
+  { icon: "chair", name: "armchairbed" },
+  { icon: "meeting_room", name: "separatebedroom" },
+  { icon: "pedal_bike", name: "bikeforloan" },
+  { icon: "bakery_dining", name: "breakfast" },
+  { icon: "bakery_dining", name: "servesbreakfastalwaysincluded" },
+  { icon: "business_center", name: "meetingconferencefacilities" },
+  { icon: "business_center", name: "meetingrooms" },
+  { icon: "router", name: "internetwithcableintheroom" },
+  { icon: "chair", name: "armchair" },
+  { icon: "chair", name: "chair" },
+  { icon: "meeting_room", name: "connectingrooms" },
+  { icon: "location_city", name: "viewcityview" },
+  { icon: "coffee_maker", name: "nespressomachine" },
+  { icon: "dining", name: "café" },
+  { icon: "coffee", name: "coffee" },
+  { icon: "coffee_maker", name: "coffeemachine" },
+  { icon: "concierge", name: "lifestyleconcierge" },
+  { icon: "mode_fan", name: "aircooling" },
+  { icon: "mode_fan", name: "cooler" },
+  { icon: "desk", name: "deskandchair" },
+  { icon: "desk", name: "desk" },
+  { icon: "dining", name: "diningarea" },
+  { icon: "table_bar", name: "tablefordining" },
+  { icon: "electric_bike", name: "ebikeschargingstation" },
+  { icon: "family_restroom", name: "extrafamilyfriendly" },
+  { icon: "exercise", name: "gym" },
+  { icon: "health_and_beauty", name: "beautysalon" },
+  { icon: "bathroom", name: "bathroom2separatebathrooms" },
+  { icon: "credit_card_heart", name: "cashfree800pmtill0600am" },
+  { icon: "credit_card_heart", name: "cashfreehotel" },
+  { icon: "confirmation_number", name: "coffeevoucher" },
+  { icon: "water_full", name: "complimentarycoldrefreshments" },
+  { icon: "groups", name: "conventioncentre" },
+  { icon: "accessible", name: "disabledparking" },
+  { icon: "charging_station", name: "dockingstationforipodipad" },
+  { icon: "cool_to_dry", name: "dryingcabinet" },
+  { icon: "assistant_navigation", name: "easyaccess" },
+  { icon: "laundry", name: "garmentsteamer" },
+  { icon: "stairs", name: "highfloor" },
+  { icon: "hot_tub", name: "jaccuzzi" },
+  { icon: "hot_tub", name: "jacuzzi" },
+  { icon: "countertops", name: "kitchen" },
+  { icon: "countertops", name: "kitchenette" },
+  { icon: "checked_bag", name: "latecheckoutuntil1400guaranteed" },
+  { icon: "music_cast", name: "livemusicexhibitions" },
+  { icon: "liquor", name: "minibarincludedinroomrate" },
+  { icon: "local_parking", name: "parkingadditionalcost" },
+  { icon: "sauna", name: "privatesauna" },
+  { icon: "kitchen", name: "refrigerator" },
+  { icon: "airline_seat_recline_normal", name: "seatingarea" },
+  { icon: "scene", name: "separatelivingroom" },
+  { icon: "chair", name: "sofabed" },
+  { icon: "chair", name: "sofas" },
+  { icon: "chair", name: "sofa" },
+  { icon: "bedroom_parent", name: "spaciousroom" },
+  { icon: "local_drink", name: "stillandsparklingwater" },
+  { icon: "table_bar", name: "table" },
+  { icon: "coffee_maker", name: "tassimocoffeemaker" },
+  { icon: "deck", name: "terrace" },
+  { icon: "iron", name: "trouserpress" },
+  { icon: "tv_guide", name: "tv" },
+  { icon: "tv_remote", name: "tvwithcomplimentarymoviechannels" },
+  { icon: "tv_remote", name: "tvwithmoviechannels" },
+  { icon: "live_tv", name: "tvwithstreamingoption" },
+  { icon: "hvac", name: "ventilationinroom" },
+  { icon: "landscape", name: "viewfjordview" },
+  { icon: "houseboat", name: "viewlakeview" },
+  { icon: "panorama", name: "viewpanoramicview" },
+  { icon: "sailing", name: "viewseaview" },
+  { icon: "ward", name: "wallbed" },
+  { icon: "pedal_bike", name: "wallmountedcyclerack" },
+  { icon: "dresser", name: "wardrobe" },
+  { icon: "spa", name: "wellnessandsaunaentrancefeeadmission16years" },
+  { icon: "spa", name: "wellnesspoolsaunaentrancefeeadmission16years" },
+  { icon: "curtains", name: "windownook" },
+  { icon: "iron", name: "ironandironingboard" },
+  { icon: "iron", name: "ironingroom" },
+  { icon: "kayaking", name: "kayaksforloan" },
+  { icon: "kettle", name: "kettle" },
+  { icon: "kettle", name: "kettlewithcoffee" },
+  { icon: "sync_saved_locally", name: "laptopsafe" },
+  { icon: "computer", name: "laptoptray" },
+  { icon: "local_laundry_service", name: "laundryservice" },
+  { icon: "local_bar", name: "bar" },
+  { icon: "deck", name: "rooftopbar" },
+  { icon: "local_bar", name: "skybar" },
+  { icon: "microwave", name: "microwave" },
+  { icon: "nature", name: "viewparkview" },
+  { icon: "nightlife", name: "disconightclub" },
+  { icon: "smoke_free", name: "nonsmoking" },
+  { icon: "deck", name: "outdoorterrace" },
+  { icon: "local_parking", name: "parking" },
+  { icon: "local_parking", name: "parkingfreeparking" },
+  { icon: "pets", name: "petfriendlyrooms" },
+  { icon: "phone", name: "directdialphoneandvoicemail" },
+  { icon: "restaurant", name: "restaurant" },
+  { icon: "room_service", name: "roomservice" },
+  { icon: "sauna", name: "sauna" },
+  { icon: "shower", name: "bathroomwithshower" },
+  { icon: "shower", name: "rainshower" },
+  { icon: "shower", name: "sharedbathroomwithshower" },
+  { icon: "radio", name: "musicplayer" },
+  { icon: "shopping_bag", name: "shop" },
+  { icon: "pool", name: "pool" },
+  { icon: "laundry", name: "handwash" },
+  { icon: "connected_tv", name: "tvwithchromecast" },
+  { icon: "wifi", name: "freewifi" },
+  { icon: "curtains_closed", name: "blackoutcurtains" },
+  { icon: "liquor", name: "minibar" },
+  { icon: "yard", name: "viewatriumview" },
 ]
 
 const CustomIconMappings = [
-  { icon: BathroomCabinetIcon, name: 'bathroomwithshowerorbathtub' },
-  { icon: MovingBedsIcon, name: 'adjustablebeds' },
-  { icon: MovingBedsIcon, name: 'pulloutbed' },
-  { icon: BedHotelIcon, name: 'extrabed' },
-  { icon: CoolingIcon, name: 'coolingcabinet' },
-  { icon: FootStoolIcon, name: 'footstool' },
-  { icon: HairdryerIcon, name: 'hairdryer' },
-  { icon: HairdresserIcon, name: 'hairdresser' },
-  { icon: HandSoapIcon, name: 'toiletries' },
-  { icon: TowelIcon, name: 'bathrobes' },
-  { icon: HandSoapIcon, name: 'bodycareproducts' },
-  { icon: HandSoapIcon, name: 'bodylotion' },
-  { icon: BowlingPinsIcon, name: 'bowling' },
-  { icon: BunkBedIcon, name: 'bunkbed' },
-  { icon: BunkBedIcon, name: 'bunkbed80x188cm' },
-  { icon: IceMachineIcon, name: 'icemachine' },
-  { icon: IceMachineIcon, name: 'icemachinereception' },
-  { icon: MassageIcon, name: 'massage' },
-  { icon: ConferenceRoomIcon, name: 'meetingarea' },
-  { icon: UserPoliceIcon, name: 'overnightsecurity' },
-  { icon: UserPoliceIcon, name: 'security24hoours' },
-  { icon: UserPoliceIcon, name: 'servicesecurity24h' },
-  { icon: FootStoolIcon, name: 'footstool' },
-  { icon: WindowNotAvailableIcon, name: 'nowindow' },
-  { icon: DoorIcon, name: 'luggagelockers' },
-  { icon: MirrorIcon, name: 'cosmeticmirror' },
-  { icon: WardIcon, name: 'wallbed' },
-  { icon: CouchTableIcon, name: 'sofawithtable' },
-  { icon: SafetyBoxIcon, name: 'safetybox' },
-  { icon: RecordPlayerIcon, name: 'modernvinylplayer' },
-  { icon: RugIcon, name: 'carpetingwalltowallcarpet' },
-  { icon: ToiletIcon, name: 'separatetoilet' },
-  { icon: WoodFloorIcon, name: 'woodenfloor' },
-  { icon: ViewIcon, name: 'view' },
-  { icon: HandSoapIcon, name: 'shampoo' },
-  { icon: HandSoapIcon, name: 'conditioner' },
-  { icon: RoadIcon, name: 'viewstreetview' },
-  { icon: SlippersIcon, name: 'slippers' },
-  { icon: HandSoapIcon, name: 'showergel' },
-  { icon: HandSoapIcon, name: 'showerproductsscentbygrandcentral' },
+  { icon: BathroomCabinetIcon, name: "bathroomwithshowerorbathtub" },
+  { icon: MovingBedsIcon, name: "adjustablebeds" },
+  { icon: MovingBedsIcon, name: "pulloutbed" },
+  { icon: BedHotelIcon, name: "extrabed" },
+  { icon: CoolingIcon, name: "coolingcabinet" },
+  { icon: FootStoolIcon, name: "footstool" },
+  { icon: HairdryerIcon, name: "hairdryer" },
+  { icon: HairdresserIcon, name: "hairdresser" },
+  { icon: HandSoapIcon, name: "toiletries" },
+  { icon: TowelIcon, name: "bathrobes" },
+  { icon: HandSoapIcon, name: "bodycareproducts" },
+  { icon: HandSoapIcon, name: "bodylotion" },
+  { icon: BowlingPinsIcon, name: "bowling" },
+  { icon: BunkBedIcon, name: "bunkbed" },
+  { icon: BunkBedIcon, name: "bunkbed80x188cm" },
+  { icon: IceMachineIcon, name: "icemachine" },
+  { icon: IceMachineIcon, name: "icemachinereception" },
+  { icon: MassageIcon, name: "massage" },
+  { icon: ConferenceRoomIcon, name: "meetingarea" },
+  { icon: UserPoliceIcon, name: "overnightsecurity" },
+  { icon: UserPoliceIcon, name: "security24hoours" },
+  { icon: UserPoliceIcon, name: "servicesecurity24h" },
+  { icon: FootStoolIcon, name: "footstool" },
+  { icon: WindowNotAvailableIcon, name: "nowindow" },
+  { icon: DoorIcon, name: "luggagelockers" },
+  { icon: MirrorIcon, name: "cosmeticmirror" },
+  { icon: WardIcon, name: "wallbed" },
+  { icon: CouchTableIcon, name: "sofawithtable" },
+  { icon: SafetyBoxIcon, name: "safetybox" },
+  { icon: RecordPlayerIcon, name: "modernvinylplayer" },
+  { icon: RugIcon, name: "carpetingwalltowallcarpet" },
+  { icon: ToiletIcon, name: "separatetoilet" },
+  { icon: WoodFloorIcon, name: "woodenfloor" },
+  { icon: ViewIcon, name: "view" },
+  { icon: HandSoapIcon, name: "shampoo" },
+  { icon: HandSoapIcon, name: "conditioner" },
+  { icon: RoadIcon, name: "viewstreetview" },
+  { icon: SlippersIcon, name: "slippers" },
+  { icon: HandSoapIcon, name: "showergel" },
+  { icon: HandSoapIcon, name: "showerproductsscentbygrandcentral" },
 ]
diff --git a/packages/design-system/lib/components/Icons/IconByCSSelect.tsx b/packages/design-system/lib/components/Icons/IconByCSSelect.tsx
index b099f0ea9..eb3e7a27c 100644
--- a/packages/design-system/lib/components/Icons/IconByCSSelect.tsx
+++ b/packages/design-system/lib/components/Icons/IconByCSSelect.tsx
@@ -1,9 +1,9 @@
-import BouquetIcon from './Nucleo/Benefits/bouquet'
-import DiscountIcon from './Nucleo/Benefits/discount-2-2'
-import { MaterialIcon, type MaterialIconProps } from './MaterialIcon'
-import PalmTreeIcon from './Nucleo/Experiences/palm-tree-2'
+import BouquetIcon from "./Nucleo/Benefits/bouquet"
+import DiscountIcon from "./Nucleo/Benefits/discount-2-2"
+import { MaterialIcon, type MaterialIconProps } from "./MaterialIcon"
+import PalmTreeIcon from "./Nucleo/Experiences/palm-tree-2"
 
-import type { IconProps } from './icon'
+import type { IconProps } from "./icon"
 
 interface IconByCSSelectProps extends IconProps {
   identifier: string
@@ -11,72 +11,72 @@ interface IconByCSSelectProps extends IconProps {
 
 export default function IconByCSSelect({
   identifier,
-  color = 'CurrentColor',
+  color = "CurrentColor",
   size = 24,
   ...props
 }: IconByCSSelectProps) {
   switch (identifier) {
     // These are custom icons
-    case 'discount-2-2':
+    case "discount-2-2":
       return <DiscountIcon size={size} color={color} {...props} />
-    case 'bouquet':
+    case "bouquet":
       return <BouquetIcon size={size} color={color} {...props} />
-    case 'palm_tree':
+    case "palm_tree":
       return <PalmTreeIcon size={size} color={color} {...props} />
 
     // These are all Material Icons
-    case 'electric_car':
-    case 'golf_course':
-    case 'museum':
-    case 'spa':
-    case 'airplane_ticket':
-    case 'apartment':
-    case 'attractions':
-    case 'award_star':
-    case 'beach_access':
-    case 'box':
-    case 'deck':
-    case 'directions_run':
-    case 'directions_subway':
-    case 'downhill_skiing':
-    case 'emoji_transportation':
-    case 'exercise':
-    case 'family_restroom':
-    case 'festival':
-    case 'forest':
-    case 'garage':
-    case 'hiking':
-    case 'houseboat':
-    case 'kayaking':
-    case 'landscape':
-    case 'location_city':
-    case 'location_on':
-    case 'loyalty':
-    case 'music_note':
-    case 'night_shelter':
-    case 'nightlife':
-    case 'pedal_bike':
-    case 'pets':
-    case 'pool':
-    case 'recommend':
-    case 'redeem':
-    case 'restaurant':
-    case 'sauna':
-    case 'sell':
-    case 'shopping_bag':
-    case 'sports_handball':
-    case 'sports_tennis':
-    case 'theater_comedy':
-    case 'things_to_do':
-    case 'tram':
-    case 'transit_ticket':
-    case 'travel':
-    case 'trophy':
-    case 'travel_luggage_and_bags':
-    case 'favorite':
+    case "electric_car":
+    case "golf_course":
+    case "museum":
+    case "spa":
+    case "airplane_ticket":
+    case "apartment":
+    case "attractions":
+    case "award_star":
+    case "beach_access":
+    case "box":
+    case "deck":
+    case "directions_run":
+    case "directions_subway":
+    case "downhill_skiing":
+    case "emoji_transportation":
+    case "exercise":
+    case "family_restroom":
+    case "festival":
+    case "forest":
+    case "garage":
+    case "hiking":
+    case "houseboat":
+    case "kayaking":
+    case "landscape":
+    case "location_city":
+    case "location_on":
+    case "loyalty":
+    case "music_note":
+    case "night_shelter":
+    case "nightlife":
+    case "pedal_bike":
+    case "pets":
+    case "pool":
+    case "recommend":
+    case "redeem":
+    case "restaurant":
+    case "sauna":
+    case "sell":
+    case "shopping_bag":
+    case "sports_handball":
+    case "sports_tennis":
+    case "theater_comedy":
+    case "things_to_do":
+    case "tram":
+    case "transit_ticket":
+    case "travel":
+    case "trophy":
+    case "travel_luggage_and_bags":
+    case "favorite":
       return (
         <MaterialIcon
-          icon={identifier as MaterialIconProps['icon']}
+          icon={identifier as MaterialIconProps["icon"]}
           size={size}
           color={color}
           {...props}
diff --git a/packages/design-system/lib/components/Icons/IconByIconName.tsx b/packages/design-system/lib/components/Icons/IconByIconName.tsx
index 1b1bc2268..52300f143 100644
--- a/packages/design-system/lib/components/Icons/IconByIconName.tsx
+++ b/packages/design-system/lib/components/Icons/IconByIconName.tsx
@@ -1,30 +1,30 @@
-import BathroomCabinetIcon from './Nucleo/Amenities_Facilities/bathroom-cabinet-2'
-import BouquetIcon from './Nucleo/Benefits/bouquet'
-import BowlingPinsIcon from './Nucleo/Experiences/bowling-pins'
-import ChipsIcon from './Nucleo/Food/chips-3'
-import ConferenceRoomIcon from './Nucleo/Amenities_Facilities/conference-room'
-import DoorIcon from './Nucleo/Amenities_Facilities/door-2'
-import FacebookIcon from './Customised/Socials/Facebook'
-import FootStoolIcon from './Customised/Amenities_Facilities/FootStool'
-import HairdresserIcon from './Nucleo/Amenities_Facilities/hairdresser-1'
-import HairdryerIcon from './Customised/Amenities_Facilities/Hairdryer'
-import IceMachineIcon from './Customised/Amenities_Facilities/IceMachine'
-import InstagramIcon from './Customised/Socials/Instagram'
-import MassageIcon from './Customised/Amenities_Facilities/Massage'
-import { MaterialIcon, type MaterialIconSetIconProps } from './MaterialIcon'
-import PalmTreeIcon from './Nucleo/Experiences/palm-tree-2'
-import PopcornIcon from './Nucleo/Food/popcorn-2'
-import RecordPlayerIcon from './Nucleo/Amenities_Facilities/record-player-3'
-import RoadIcon from './Customised/Amenities_Facilities/Road'
-import SafetyBoxIcon from './Customised/Amenities_Facilities/SafetyBox'
-import ToiletIcon from './Nucleo/Amenities_Facilities/toilet-2'
-import TripadvisorIcon from './Customised/Socials/Tripadvisor'
-import UserPoliceIcon from './Nucleo/Amenities_Facilities/user-police-2'
+import BathroomCabinetIcon from "./Nucleo/Amenities_Facilities/bathroom-cabinet-2"
+import BouquetIcon from "./Nucleo/Benefits/bouquet"
+import BowlingPinsIcon from "./Nucleo/Experiences/bowling-pins"
+import ChipsIcon from "./Nucleo/Food/chips-3"
+import ConferenceRoomIcon from "./Nucleo/Amenities_Facilities/conference-room"
+import DoorIcon from "./Nucleo/Amenities_Facilities/door-2"
+import FacebookIcon from "./Customised/Socials/Facebook"
+import FootStoolIcon from "./Customised/Amenities_Facilities/FootStool"
+import HairdresserIcon from "./Nucleo/Amenities_Facilities/hairdresser-1"
+import HairdryerIcon from "./Customised/Amenities_Facilities/Hairdryer"
+import IceMachineIcon from "./Customised/Amenities_Facilities/IceMachine"
+import InstagramIcon from "./Customised/Socials/Instagram"
+import MassageIcon from "./Customised/Amenities_Facilities/Massage"
+import { MaterialIcon, type MaterialIconSetIconProps } from "./MaterialIcon"
+import PalmTreeIcon from "./Nucleo/Experiences/palm-tree-2"
+import PopcornIcon from "./Nucleo/Food/popcorn-2"
+import RecordPlayerIcon from "./Nucleo/Amenities_Facilities/record-player-3"
+import RoadIcon from "./Customised/Amenities_Facilities/Road"
+import SafetyBoxIcon from "./Customised/Amenities_Facilities/SafetyBox"
+import ToiletIcon from "./Nucleo/Amenities_Facilities/toilet-2"
+import TripadvisorIcon from "./Customised/Socials/Tripadvisor"
+import UserPoliceIcon from "./Nucleo/Amenities_Facilities/user-police-2"
 
-import { IconName } from './iconName'
+import { IconName } from "./iconName"
 
-import type { IconProps, NucleoIconProps } from './icon'
-import type { JSX } from 'react'
+import type { IconProps, NucleoIconProps } from "./icon"
+import type { JSX } from "react"
 
 interface IconByIconNameProps {
   iconName: IconName | null
diff --git a/packages/design-system/lib/components/Icons/IllustrationByIconName.ts b/packages/design-system/lib/components/Icons/IllustrationByIconName.ts
index 3045a7914..122138a49 100644
--- a/packages/design-system/lib/components/Icons/IllustrationByIconName.ts
+++ b/packages/design-system/lib/components/Icons/IllustrationByIconName.ts
@@ -1,22 +1,22 @@
-import BedIcon from './Illustrations/Bed'
-import CoinIcon from './Illustrations/Coin'
-import CroissantCoffeeEggIcon from './Illustrations/CroissantCoffeeEgg'
-import CutleryOneIcon from './Illustrations/CutleryOne'
-import CutleryTwoIcon from './Illustrations/CutleryTwo'
-import GiftOpenIcon from './Illustrations/GiftOpen'
-import GranolaIcon from './Illustrations/Granola'
-import HandKeyIcon from './Illustrations/HandKey'
-import HotelNightIcon from './Illustrations/HotelNight'
-import KidsIcon from './Illustrations/Kids'
-import KidsMocktailIcon from './Illustrations/KidsMocktail'
-import MagicWandIcon from './Illustrations/MagicWand'
-import MoneyHandIcon from './Illustrations/MoneyHand'
-import MoneyHandEllipsisIcon from './Illustrations/MoneyHandEllipsis'
-import SpaIcon from './Illustrations/Spa'
-import TrophyIcon from './Illustrations/Trophy'
-import VoucherIcon from './Illustrations/Voucher'
+import BedIcon from "./Illustrations/Bed"
+import CoinIcon from "./Illustrations/Coin"
+import CroissantCoffeeEggIcon from "./Illustrations/CroissantCoffeeEgg"
+import CutleryOneIcon from "./Illustrations/CutleryOne"
+import CutleryTwoIcon from "./Illustrations/CutleryTwo"
+import GiftOpenIcon from "./Illustrations/GiftOpen"
+import GranolaIcon from "./Illustrations/Granola"
+import HandKeyIcon from "./Illustrations/HandKey"
+import HotelNightIcon from "./Illustrations/HotelNight"
+import KidsIcon from "./Illustrations/Kids"
+import KidsMocktailIcon from "./Illustrations/KidsMocktail"
+import MagicWandIcon from "./Illustrations/MagicWand"
+import MoneyHandIcon from "./Illustrations/MoneyHand"
+import MoneyHandEllipsisIcon from "./Illustrations/MoneyHandEllipsis"
+import SpaIcon from "./Illustrations/Spa"
+import TrophyIcon from "./Illustrations/Trophy"
+import VoucherIcon from "./Illustrations/Voucher"
 
-import { IconName } from './iconName'
+import { IconName } from "./iconName"
 
 export function IllustrationByIconName(iconName: IconName | null) {
   switch (iconName) {
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Bed.tsx b/packages/design-system/lib/components/Icons/Illustrations/Bed.tsx
index f70a322fa..c1852dfa2 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Bed.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Bed.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx
index 7c24cdd91..5d1daec41 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedBunk.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedBunkIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx
index 7f61d27b9..ee9ce5a36 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedBunkExtra.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedBunkExtraIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx
index 323c49b1e..30428a7f8 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedGeneric.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedGenericIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx
index 9cf68e6e2..1cb9e444b 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedKing.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedKingIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx
index e67253707..cee959731 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedPullOut.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedPullOutIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx
index d5cf21a5b..c159038e3 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedPullOutExtra.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedPullOutExtraIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx
index a064116d4..b864bb2fe 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedQueen.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedQueenIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx
index 9759c1a7a..0fb49ba62 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedSingle.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedSingleIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx
index 7462bce4d..06b29e3ed 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedSofa.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedSofaIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx
index 9c9b00add..a0b785714 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedSofaExtra.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedSofaExtraIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx
index 31bd94e1f..a9cca2aba 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedTwin.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedTwinIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx b/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx
index fda7fc345..d96b8d9c7 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BedWallExtra.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BedWallExtraIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/BreakfastBuffet.tsx b/packages/design-system/lib/components/Icons/Illustrations/BreakfastBuffet.tsx
index eebf6cd8e..69911af70 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/BreakfastBuffet.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/BreakfastBuffet.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function BreakfastBuffetIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Coin.tsx b/packages/design-system/lib/components/Icons/Illustrations/Coin.tsx
index 337c6c2da..14f9d209b 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Coin.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Coin.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function CoinIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/CroissantCoffeeEgg.tsx b/packages/design-system/lib/components/Icons/Illustrations/CroissantCoffeeEgg.tsx
index 7cdf21cc5..4fe624aae 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/CroissantCoffeeEgg.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/CroissantCoffeeEgg.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function CroissantCoffeeEggIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/CutleryOne.tsx b/packages/design-system/lib/components/Icons/Illustrations/CutleryOne.tsx
index f19bece38..d6de3f9cd 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/CutleryOne.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/CutleryOne.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function CutleryOneIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/CutleryTwo.tsx b/packages/design-system/lib/components/Icons/Illustrations/CutleryTwo.tsx
index bb29bcbe7..1255a0dfd 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/CutleryTwo.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/CutleryTwo.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function CutleryTwoIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/GiftOpen.tsx b/packages/design-system/lib/components/Icons/Illustrations/GiftOpen.tsx
index 5a9ea2963..87547490f 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/GiftOpen.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/GiftOpen.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function GiftOpenIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Granola.tsx b/packages/design-system/lib/components/Icons/Illustrations/Granola.tsx
index 9886a6aa2..53145cd1d 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Granola.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Granola.tsx
@@ -1,4 +1,4 @@
-import type { IllustrationProps } from '../icon'
+import type { IllustrationProps } from "../icon"
 
 export default function Granola(props: IllustrationProps) {
   return (
diff --git a/packages/design-system/lib/components/Icons/Illustrations/HandGift.tsx b/packages/design-system/lib/components/Icons/Illustrations/HandGift.tsx
index b2f3ab5e4..37a773cbd 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/HandGift.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/HandGift.tsx
@@ -1,4 +1,4 @@
-import type { IllustrationProps } from '../icon'
+import type { IllustrationProps } from "../icon"
 
 export default function HandGiftIcon(props: IllustrationProps) {
   return (
diff --git a/packages/design-system/lib/components/Icons/Illustrations/HandKey.tsx b/packages/design-system/lib/components/Icons/Illustrations/HandKey.tsx
index 7407013b6..e9a4e98b9 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/HandKey.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/HandKey.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function HandKeyIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/HotelNight.tsx b/packages/design-system/lib/components/Icons/Illustrations/HotelNight.tsx
index 90826a77a..8d5ecd3a6 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/HotelNight.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/HotelNight.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function HotelNightIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Kids.tsx b/packages/design-system/lib/components/Icons/Illustrations/Kids.tsx
index 0c2011617..f32519b68 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Kids.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Kids.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function KidsIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/KidsMocktail.tsx b/packages/design-system/lib/components/Icons/Illustrations/KidsMocktail.tsx
index 2f3202bdb..e011ad376 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/KidsMocktail.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/KidsMocktail.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function KidsMocktailIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/MagicWand.tsx b/packages/design-system/lib/components/Icons/Illustrations/MagicWand.tsx
index 1f560bcda..c940e9c8e 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/MagicWand.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/MagicWand.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function MagicWandIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/MoneyHand.tsx b/packages/design-system/lib/components/Icons/Illustrations/MoneyHand.tsx
index 75b66f0d9..71e9a636f 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/MoneyHand.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/MoneyHand.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function MoneyHandIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/MoneyHandEllipsis.tsx b/packages/design-system/lib/components/Icons/Illustrations/MoneyHandEllipsis.tsx
index b28e0b99f..1e0d03492 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/MoneyHandEllipsis.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/MoneyHandEllipsis.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function MoneyHandEllipsisIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/NoBreakfastBuffet.tsx b/packages/design-system/lib/components/Icons/Illustrations/NoBreakfastBuffet.tsx
index 6b4486fdb..a8bb65dba 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/NoBreakfastBuffet.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/NoBreakfastBuffet.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function NoBreakfastBuffetIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Spa.tsx b/packages/design-system/lib/components/Icons/Illustrations/Spa.tsx
index 05a6404f5..bbd3319be 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Spa.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Spa.tsx
@@ -1,4 +1,4 @@
-import type { IllustrationProps } from '../icon'
+import type { IllustrationProps } from "../icon"
 
 export default function SpaIcon(props: IllustrationProps) {
   return (
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Surprise.tsx b/packages/design-system/lib/components/Icons/Illustrations/Surprise.tsx
index 1c5f5c778..6b1d135aa 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Surprise.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Surprise.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function SurpriseIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Trophy.tsx b/packages/design-system/lib/components/Icons/Illustrations/Trophy.tsx
index 04b6e7970..d41c9b493 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Trophy.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Trophy.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function TrophyIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Illustrations/Voucher.tsx b/packages/design-system/lib/components/Icons/Illustrations/Voucher.tsx
index 4b4464894..d615bb2c3 100644
--- a/packages/design-system/lib/components/Icons/Illustrations/Voucher.tsx
+++ b/packages/design-system/lib/components/Icons/Illustrations/Voucher.tsx
@@ -1,5 +1,5 @@
-import type { IllustrationProps } from '../icon'
-import { getIconAriaProps } from '../utils'
+import type { IllustrationProps } from "../icon"
+import { getIconAriaProps } from "../utils"
 
 export default function VoucherIcon(props: IllustrationProps) {
   const ariaProps = getIconAriaProps(props)
diff --git a/packages/design-system/lib/components/Icons/Logos/DowntownCamper.tsx b/packages/design-system/lib/components/Icons/Logos/DowntownCamper.tsx
index 9753f2eac..84e1a0013 100644
--- a/packages/design-system/lib/components/Icons/Logos/DowntownCamper.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/DowntownCamper.tsx
@@ -1,8 +1,8 @@
-import type { LogoProps } from '../icon'
+import type { LogoProps } from "../icon"
 
 export default function DowntownCamperIcon({
-  className = '',
-  'aria-label': ariaLabel,
+  className = "",
+  "aria-label": ariaLabel,
   height = 30,
   width = 123,
   ...props
@@ -16,7 +16,7 @@ export default function DowntownCamperIcon({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-      aria-label={ariaLabel ?? 'Downtown Camper'}
+      aria-label={ariaLabel ?? "Downtown Camper"}
       {...props}
     >
       <path
diff --git a/packages/design-system/lib/components/Icons/Logos/GrandHotelOslo.tsx b/packages/design-system/lib/components/Icons/Logos/GrandHotelOslo.tsx
index 9af47558c..95bff4b2a 100644
--- a/packages/design-system/lib/components/Icons/Logos/GrandHotelOslo.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/GrandHotelOslo.tsx
@@ -1,8 +1,8 @@
-import type { LogoProps } from '../icon'
+import type { LogoProps } from "../icon"
 
 export default function GrandHotelOsloLogoIcon({
-  className = '',
-  'aria-label': ariaLabel,
+  className = "",
+  "aria-label": ariaLabel,
   height = 30,
   width = 69,
   ...props
@@ -16,7 +16,7 @@ export default function GrandHotelOsloLogoIcon({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-      aria-label={ariaLabel ?? 'Grand Hotel Oslo'}
+      aria-label={ariaLabel ?? "Grand Hotel Oslo"}
       {...props}
     >
       <path
diff --git a/packages/design-system/lib/components/Icons/Logos/Haymarket.tsx b/packages/design-system/lib/components/Icons/Logos/Haymarket.tsx
index d39e131d8..8ce387ae5 100644
--- a/packages/design-system/lib/components/Icons/Logos/Haymarket.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/Haymarket.tsx
@@ -1,8 +1,8 @@
-import type { LogoProps } from '../icon'
+import type { LogoProps } from "../icon"
 
 export default function HaymarketIcon({
-  className = '',
-  'aria-label': ariaLabel,
+  className = "",
+  "aria-label": ariaLabel,
   height = 26,
   width = 100,
   ...props
@@ -16,7 +16,7 @@ export default function HaymarketIcon({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-      aria-label={ariaLabel ?? 'Haymarket'}
+      aria-label={ariaLabel ?? "Haymarket"}
       {...props}
     >
       <path
diff --git a/packages/design-system/lib/components/Icons/Logos/HotelNorge.tsx b/packages/design-system/lib/components/Icons/Logos/HotelNorge.tsx
index fefcc78be..702b2c556 100644
--- a/packages/design-system/lib/components/Icons/Logos/HotelNorge.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/HotelNorge.tsx
@@ -1,8 +1,8 @@
-import type { LogoProps } from '../icon'
+import type { LogoProps } from "../icon"
 
 export default function HotelNorgeIcon({
-  className = '',
-  'aria-label': ariaLabel,
+  className = "",
+  "aria-label": ariaLabel,
   height = 24,
   width = 117,
   ...props
@@ -16,7 +16,7 @@ export default function HotelNorgeIcon({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-      aria-label={ariaLabel ?? 'Hotel Norge'}
+      aria-label={ariaLabel ?? "Hotel Norge"}
       {...props}
     >
       <path
diff --git a/packages/design-system/lib/components/Icons/Logos/Marski.tsx b/packages/design-system/lib/components/Icons/Logos/Marski.tsx
index 0792c8781..141db6ef8 100644
--- a/packages/design-system/lib/components/Icons/Logos/Marski.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/Marski.tsx
@@ -1,8 +1,8 @@
-import type { LogoProps } from '../icon'
+import type { LogoProps } from "../icon"
 
 export default function MarskiLogoIcon({
-  className = '',
-  'aria-label': ariaLabel,
+  className = "",
+  "aria-label": ariaLabel,
   height = 30,
   width = 92,
   ...props
@@ -16,7 +16,7 @@ export default function MarskiLogoIcon({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-      aria-label={ariaLabel ?? 'Marski'}
+      aria-label={ariaLabel ?? "Marski"}
       {...props}
     >
       <path
diff --git a/packages/design-system/lib/components/Icons/Logos/ScandicGoLogo.tsx b/packages/design-system/lib/components/Icons/Logos/ScandicGoLogo.tsx
index 6256de2c4..f1d16f159 100644
--- a/packages/design-system/lib/components/Icons/Logos/ScandicGoLogo.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/ScandicGoLogo.tsx
@@ -1,8 +1,8 @@
-import type { LogoProps } from '../icon'
+import type { LogoProps } from "../icon"
 
 export default function ScandicGoLogoIcon({
-  className = '',
-  'aria-label': ariaLabel,
+  className = "",
+  "aria-label": ariaLabel,
   height = 18,
   width = 90,
   ...props
@@ -16,7 +16,7 @@ export default function ScandicGoLogoIcon({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-      aria-label={ariaLabel ?? 'Scandic Go'}
+      aria-label={ariaLabel ?? "Scandic Go"}
       {...props}
     >
       <path
diff --git a/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx b/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx
index a5512be3d..d84771700 100644
--- a/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/ScandicLogo.tsx
@@ -1,11 +1,11 @@
-import { cx } from 'class-variance-authority'
-import type { LogoProps } from '../icon'
+import { cx } from "class-variance-authority"
+import type { LogoProps } from "../icon"
 
-import styles from './logo.module.css'
+import styles from "./logo.module.css"
 
 export default function ScandicLogoIcon({
-  className = '',
-  'aria-label': ariaLabel,
+  className = "",
+  "aria-label": ariaLabel,
   height = 14,
   width = 58,
   ...props
@@ -19,7 +19,7 @@ export default function ScandicLogoIcon({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-      aria-label={ariaLabel ?? 'Scandic'}
+      aria-label={ariaLabel ?? "Scandic"}
       {...props}
     >
       <path
diff --git a/packages/design-system/lib/components/Icons/Logos/TheDock.tsx b/packages/design-system/lib/components/Icons/Logos/TheDock.tsx
index 0de495938..a492b46c4 100644
--- a/packages/design-system/lib/components/Icons/Logos/TheDock.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/TheDock.tsx
@@ -1,8 +1,8 @@
-import type { LogoProps } from '../icon'
+import type { LogoProps } from "../icon"
 
 export default function TheDockIcon({
-  className = '',
-  'aria-label': ariaLabel,
+  className = "",
+  "aria-label": ariaLabel,
   height = 30,
   width = 128,
   ...props
@@ -16,7 +16,7 @@ export default function TheDockIcon({
       fill="none"
       xmlns="http://www.w3.org/2000/svg"
       // eslint-disable-next-line formatjs/no-literal-string-in-jsx
-      aria-label={ariaLabel ?? 'The Dock'}
+      aria-label={ariaLabel ?? "The Dock"}
       {...props}
     >
       <path
diff --git a/packages/design-system/lib/components/Icons/Logos/index.tsx b/packages/design-system/lib/components/Icons/Logos/index.tsx
index 4005bbba8..bd04c2f4d 100644
--- a/packages/design-system/lib/components/Icons/Logos/index.tsx
+++ b/packages/design-system/lib/components/Icons/Logos/index.tsx
@@ -1,11 +1,11 @@
-import DowntownCamperIcon from './DowntownCamper'
-import GrandHotelOsloLogoIcon from './GrandHotelOslo'
-import HaymarketIcon from './Haymarket'
-import HotelNorgeIcon from './HotelNorge'
-import MarskiLogoIcon from './Marski'
-import ScandicGoLogoIcon from './ScandicGoLogo'
-import ScandicLogoIcon from './ScandicLogo'
-import TheDockIcon from './TheDock'
+import DowntownCamperIcon from "./DowntownCamper"
+import GrandHotelOsloLogoIcon from "./GrandHotelOslo"
+import HaymarketIcon from "./Haymarket"
+import HotelNorgeIcon from "./HotelNorge"
+import MarskiLogoIcon from "./Marski"
+import ScandicGoLogoIcon from "./ScandicGoLogo"
+import ScandicLogoIcon from "./ScandicLogo"
+import TheDockIcon from "./TheDock"
 
 type HotelLogoProps = {
   hotelId: string
@@ -14,18 +14,18 @@ type HotelLogoProps = {
 }
 
 enum HotelTypeEnum {
-  Signature = 'signature',
-  ScandicGo = 'scandicgo',
-  Regular = 'regular',
+  Signature = "signature",
+  ScandicGo = "scandicgo",
+  Regular = "regular",
 }
 
 enum SignatureHotelEnum {
-  DowntownCamper = '879',
-  GrandHotelOslo = '340',
-  Haymarket = '890',
-  HotelNorge = '785',
-  Marski = '605',
-  TheDock = '796',
+  DowntownCamper = "879",
+  GrandHotelOslo = "340",
+  Haymarket = "890",
+  HotelNorge = "785",
+  Marski = "605",
+  TheDock = "796",
 }
 
 export default function HotelLogoIcon({
diff --git a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialIcon.tsx b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialIcon.tsx
index 25890f2d4..c04f0dfe2 100644
--- a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialIcon.tsx
+++ b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialIcon.tsx
@@ -1,19 +1,19 @@
-import { MaterialSymbol, type MaterialSymbolProps } from './MaterialSymbol'
+import { MaterialSymbol, type MaterialSymbolProps } from "./MaterialSymbol"
 
-import { iconVariants } from '../variants'
+import { iconVariants } from "../variants"
 
-import type { VariantProps } from 'class-variance-authority'
-import { HTMLAttributes } from 'react'
-import { getIconAriaProps } from '../utils'
+import type { VariantProps } from "class-variance-authority"
+import { HTMLAttributes } from "react"
+import { getIconAriaProps } from "../utils"
 
 export interface MaterialIconProps
   extends
-    Pick<MaterialSymbolProps, 'size' | 'icon' | 'className' | 'style'>,
-    Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'id'>,
+    Pick<MaterialSymbolProps, "size" | "icon" | "className" | "style">,
+    Omit<HTMLAttributes<HTMLSpanElement>, "color" | "id">,
     VariantProps<typeof iconVariants> {
   isFilled?: boolean
 }
-export type MaterialIconSetIconProps = Omit<MaterialIconProps, 'icon'>
+export type MaterialIconSetIconProps = Omit<MaterialIconProps, "icon">
 export function MaterialIcon({
   color,
   size = 24,
diff --git a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/MaterialSymbol.tsx b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/MaterialSymbol.tsx
index f94a0dc28..80f0a99ec 100644
--- a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/MaterialSymbol.tsx
+++ b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/MaterialSymbol.tsx
@@ -2,14 +2,14 @@
 // since it doesn't support React 19 and is not maintained anymore.
 // We should probably move to a different solution in the future.
 
-import type { ElementType, CSSProperties, ReactElement, Ref } from 'react'
+import type { ElementType, CSSProperties, ReactElement, Ref } from "react"
 import type {
   MaterialSymbolWeight,
   PolymorphicComponentProps,
   SymbolCodepoints,
-} from './types'
-import { cx } from 'class-variance-authority'
-export type { MaterialSymbolWeight, SymbolCodepoints } from './types'
+} from "./types"
+import { cx } from "class-variance-authority"
+export type { MaterialSymbolWeight, SymbolCodepoints } from "./types"
 
 export type MaterialSymbolProps = {
   /** Required. The name of the icon to render. */
@@ -29,7 +29,7 @@ export type MaterialSymbolProps = {
   /** Default `'inherit'`
    *
    * Color accepts key values (`'red'`, `'blue'`, `'indigo'`, etc.), `<hex-color>`, `<rgb()>`, `<hsl()>` and `<hwb()>` values.  */
-  color?: CSSProperties['color']
+  color?: CSSProperties["color"]
   className?: string
   style?: CSSProperties
 }
@@ -54,34 +54,34 @@ export const MaterialSymbol = (<C extends ElementType>(
   ref: Ref<C>
 ): ReactElement => {
   const Component =
-    onClick !== undefined ? 'button' : ((as as ElementType) ?? 'span')
+    onClick !== undefined ? "button" : ((as as ElementType) ?? "span")
   const style = { color, ...propStyle }
 
   if (fill)
     style.fontVariationSettings = [style.fontVariationSettings, '"FILL" 1']
       .filter(Boolean)
-      .join(', ')
+      .join(", ")
   if (weight)
     style.fontVariationSettings = [
       style.fontVariationSettings,
       `"wght" ${weight}`,
     ]
       .filter(Boolean)
-      .join(', ')
+      .join(", ")
   if (grade)
     style.fontVariationSettings = [
       style.fontVariationSettings,
       `"GRAD" ${grade}`,
     ]
       .filter(Boolean)
-      .join(', ')
+      .join(", ")
   if (size) {
     style.fontVariationSettings = [
       style.fontVariationSettings,
       `"opsz" ${size}`,
     ]
       .filter(Boolean)
-      .join(', ')
+      .join(", ")
     style.fontSize = size
   }
 
@@ -91,7 +91,7 @@ export const MaterialSymbol = (<C extends ElementType>(
       ref={ref}
       style={style}
       onClick={onClick}
-      className={cx('material-symbols', className)}
+      className={cx("material-symbols", className)}
     >
       {icon}
     </Component>
diff --git a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/consts.ts b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/consts.ts
index 52c974c17..242dcf742 100644
--- a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/consts.ts
+++ b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/consts.ts
@@ -3,3464 +3,3464 @@ export const MaterialSymbolWeightArray = [
 ] as const
 
 export const SymbolCodepointsArray = [
-  '10k',
-  '10mp',
-  '11mp',
-  '123',
-  '12mp',
-  '13mp',
-  '14mp',
-  '15mp',
-  '16mp',
-  '17mp',
-  '18_up_rating',
-  '18mp',
-  '19mp',
-  '1k',
-  '1k_plus',
-  '1x_mobiledata',
-  '1x_mobiledata_badge',
-  '20mp',
-  '21mp',
-  '22mp',
-  '23mp',
-  '24mp',
-  '2d',
-  '2k',
-  '2k_plus',
-  '2mp',
-  '30fps',
-  '30fps_select',
-  '360',
-  '3d_rotation',
-  '3g_mobiledata',
-  '3g_mobiledata_badge',
-  '3k',
-  '3k_plus',
-  '3mp',
-  '3p',
-  '4g_mobiledata',
-  '4g_mobiledata_badge',
-  '4g_plus_mobiledata',
-  '4k',
-  '4k_plus',
-  '4mp',
-  '50mp',
-  '5g',
-  '5g_mobiledata_badge',
-  '5k',
-  '5k_plus',
-  '5mp',
-  '60fps',
-  '60fps_select',
-  '6_ft_apart',
-  '6k',
-  '6k_plus',
-  '6mp',
-  '7k',
-  '7k_plus',
-  '7mp',
-  '8k',
-  '8k_plus',
-  '8mp',
-  '9k',
-  '9k_plus',
-  '9mp',
-  'abc',
-  'ac_unit',
-  'access_alarm',
-  'access_alarms',
-  'access_time',
-  'access_time_filled',
-  'accessibility',
-  'accessibility_new',
-  'accessible',
-  'accessible_forward',
-  'account_balance',
-  'account_balance_wallet',
-  'account_box',
-  'account_child',
-  'account_child_invert',
-  'account_circle',
-  'account_circle_filled',
-  'account_circle_off',
-  'account_tree',
-  'action_key',
-  'activity_zone',
-  'acute',
-  'ad',
-  'ad_group',
-  'ad_group_off',
-  'ad_off',
-  'ad_units',
-  'adb',
-  'add',
-  'add_a_photo',
-  'add_ad',
-  'add_alarm',
-  'add_alert',
-  'add_box',
-  'add_business',
-  'add_call',
-  'add_card',
-  'add_chart',
-  'add_circle',
-  'add_circle_outline',
-  'add_comment',
-  'add_home',
-  'add_home_work',
-  'add_ic_call',
-  'add_link',
-  'add_location',
-  'add_location_alt',
-  'add_moderator',
-  'add_notes',
-  'add_photo_alternate',
-  'add_reaction',
-  'add_road',
-  'add_shopping_cart',
-  'add_task',
-  'add_to_drive',
-  'add_to_home_screen',
-  'add_to_photos',
-  'add_to_queue',
-  'addchart',
-  'adf_scanner',
-  'adjust',
-  'admin_meds',
-  'admin_panel_settings',
-  'ads_click',
-  'agender',
-  'agriculture',
-  'air',
-  'air_freshener',
-  'air_purifier',
-  'air_purifier_gen',
-  'airline_seat_flat',
-  'airline_seat_flat_angled',
-  'airline_seat_individual_suite',
-  'airline_seat_legroom_extra',
-  'airline_seat_legroom_normal',
-  'airline_seat_legroom_reduced',
-  'airline_seat_recline_extra',
-  'airline_seat_recline_normal',
-  'airline_stops',
-  'airlines',
-  'airplane_ticket',
-  'airplanemode_active',
-  'airplanemode_inactive',
-  'airplay',
-  'airport_shuttle',
-  'airware',
-  'airwave',
-  'alarm',
-  'alarm_add',
-  'alarm_off',
-  'alarm_on',
-  'alarm_smart_wake',
-  'album',
-  'align_center',
-  'align_end',
-  'align_flex_center',
-  'align_flex_end',
-  'align_flex_start',
-  'align_horizontal_center',
-  'align_horizontal_left',
-  'align_horizontal_right',
-  'align_items_stretch',
-  'align_justify_center',
-  'align_justify_flex_end',
-  'align_justify_flex_start',
-  'align_justify_space_around',
-  'align_justify_space_between',
-  'align_justify_space_even',
-  'align_justify_stretch',
-  'align_self_stretch',
-  'align_space_around',
-  'align_space_between',
-  'align_space_even',
-  'align_start',
-  'align_stretch',
-  'align_vertical_bottom',
-  'align_vertical_center',
-  'align_vertical_top',
-  'all_inbox',
-  'all_inclusive',
-  'all_match',
-  'all_out',
-  'allergies',
-  'allergy',
-  'alt_route',
-  'alternate_email',
-  'altitude',
-  'ambient_screen',
-  'ambulance',
-  'amend',
-  'amp_stories',
-  'analytics',
-  'anchor',
-  'android',
-  'animation',
-  'announcement',
-  'aod',
-  'aod_tablet',
-  'aod_watch',
-  'apartment',
-  'api',
-  'apk_document',
-  'apk_install',
-  'app_badging',
-  'app_blocking',
-  'app_promo',
-  'app_registration',
-  'app_settings_alt',
-  'app_shortcut',
-  'apparel',
-  'approval',
-  'approval_delegation',
-  'apps',
-  'apps_outage',
-  'aq',
-  'aq_indoor',
-  'ar_on_you',
-  'ar_stickers',
-  'architecture',
-  'archive',
-  'area_chart',
-  'arming_countdown',
-  'arrow_and_edge',
-  'arrow_back',
-  'arrow_back_ios',
-  'arrow_back_ios_new',
-  'arrow_circle_down',
-  'arrow_circle_left',
-  'arrow_circle_right',
-  'arrow_circle_up',
-  'arrow_downward',
-  'arrow_downward_alt',
-  'arrow_drop_down',
-  'arrow_drop_down_circle',
-  'arrow_drop_up',
-  'arrow_forward',
-  'arrow_forward_ios',
-  'arrow_insert',
-  'arrow_left',
-  'arrow_left_alt',
-  'arrow_or_edge',
-  'arrow_outward',
-  'arrow_range',
-  'arrow_right',
-  'arrow_right_alt',
-  'arrow_selector_tool',
-  'arrow_split',
-  'arrow_top_left',
-  'arrow_top_right',
-  'arrow_upward',
-  'arrow_upward_alt',
-  'arrows_more_down',
-  'arrows_more_up',
-  'arrows_outward',
-  'art_track',
-  'article',
-  'article_shortcut',
-  'artist',
-  'aspect_ratio',
-  'assessment',
-  'assignment',
-  'assignment_add',
-  'assignment_ind',
-  'assignment_late',
-  'assignment_return',
-  'assignment_returned',
-  'assignment_turned_in',
-  'assist_walker',
-  'assistant',
-  'assistant_device',
-  'assistant_direction',
-  'assistant_navigation',
-  'assistant_on_hub',
-  'assistant_photo',
-  'assured_workload',
-  'asterisk',
-  'astrophotography_auto',
-  'astrophotography_off',
-  'atm',
-  'atr',
-  'attach_email',
-  'attach_file',
-  'attach_file_add',
-  'attach_money',
-  'attachment',
-  'attractions',
-  'attribution',
-  'audio_description',
-  'audio_file',
-  'audio_video_receiver',
-  'audiotrack',
-  'auto_activity_zone',
-  'auto_awesome',
-  'auto_awesome_mosaic',
-  'auto_awesome_motion',
-  'auto_delete',
-  'auto_detect_voice',
-  'auto_draw_solid',
-  'auto_fix',
-  'auto_fix_high',
-  'auto_fix_normal',
-  'auto_fix_off',
-  'auto_graph',
-  'auto_label',
-  'auto_meeting_room',
-  'auto_mode',
-  'auto_read_pause',
-  'auto_read_play',
-  'auto_schedule',
-  'auto_stories',
-  'auto_timer',
-  'auto_towing',
-  'auto_transmission',
-  'auto_videocam',
-  'autofps_select',
-  'autopause',
-  'autopay',
-  'autoplay',
-  'autorenew',
-  'autostop',
-  'av_timer',
-  'avg_pace',
-  'avg_time',
-  'award_star',
-  'azm',
-  'baby_changing_station',
-  'back_hand',
-  'back_to_tab',
-  'background_dot_large',
-  'background_dot_small',
-  'background_grid_small',
-  'background_replace',
-  'backlight_high',
-  'backlight_low',
-  'backpack',
-  'backspace',
-  'backup',
-  'backup_table',
-  'badge',
-  'badge_critical_battery',
-  'bakery_dining',
-  'balance',
-  'balcony',
-  'ballot',
-  'bar_chart',
-  'bar_chart_4_bars',
-  'barcode',
-  'barcode_reader',
-  'barcode_scanner',
-  'barefoot',
-  'batch_prediction',
-  'bath_outdoor',
-  'bath_private',
-  'bath_public_large',
-  'bathroom',
-  'bathtub',
-  'battery_0_bar',
-  'battery_1_bar',
-  'battery_20',
-  'battery_2_bar',
-  'battery_30',
-  'battery_3_bar',
-  'battery_4_bar',
-  'battery_50',
-  'battery_5_bar',
-  'battery_60',
-  'battery_6_bar',
-  'battery_80',
-  'battery_90',
-  'battery_alert',
-  'battery_change',
-  'battery_charging_20',
-  'battery_charging_30',
-  'battery_charging_50',
-  'battery_charging_60',
-  'battery_charging_80',
-  'battery_charging_90',
-  'battery_charging_full',
-  'battery_error',
-  'battery_full',
-  'battery_full_alt',
-  'battery_horiz_000',
-  'battery_horiz_050',
-  'battery_horiz_075',
-  'battery_low',
-  'battery_plus',
-  'battery_profile',
-  'battery_saver',
-  'battery_share',
-  'battery_status_good',
-  'battery_std',
-  'battery_unknown',
-  'battery_vert_005',
-  'battery_vert_020',
-  'battery_vert_050',
-  'battery_very_low',
-  'beach_access',
-  'bed',
-  'bedroom_baby',
-  'bedroom_child',
-  'bedroom_parent',
-  'bedtime',
-  'bedtime_off',
-  'beenhere',
-  'bento',
-  'bia',
-  'bid_landscape',
-  'bid_landscape_disabled',
-  'bigtop_updates',
-  'bike_scooter',
-  'biotech',
-  'blanket',
-  'blender',
-  'blind',
-  'blinds',
-  'blinds_closed',
-  'block',
-  'blood_pressure',
-  'bloodtype',
-  'bluetooth',
-  'bluetooth_audio',
-  'bluetooth_connected',
-  'bluetooth_disabled',
-  'bluetooth_drive',
-  'bluetooth_searching',
-  'blur_circular',
-  'blur_linear',
-  'blur_medium',
-  'blur_off',
-  'blur_on',
-  'blur_short',
-  'body_fat',
-  'body_system',
-  'bolt',
-  'bomb',
-  'book',
-  'book_2',
-  'book_3',
-  'book_4',
-  'book_5',
-  'book_online',
-  'bookmark',
-  'bookmark_add',
-  'bookmark_added',
-  'bookmark_border',
-  'bookmark_manager',
-  'bookmark_remove',
-  'bookmarks',
-  'border_all',
-  'border_bottom',
-  'border_clear',
-  'border_color',
-  'border_horizontal',
-  'border_inner',
-  'border_left',
-  'border_outer',
-  'border_right',
-  'border_style',
-  'border_top',
-  'border_vertical',
-  'bottom_app_bar',
-  'bottom_drawer',
-  'bottom_navigation',
-  'bottom_panel_close',
-  'bottom_panel_open',
-  'bottom_right_click',
-  'bottom_sheets',
-  'box',
-  'box_add',
-  'box_edit',
-  'boy',
-  'brand_awareness',
-  'branding_watermark',
-  'breakfast_dining',
-  'breaking_news',
-  'breaking_news_alt_1',
-  'breastfeeding',
-  'brightness_1',
-  'brightness_2',
-  'brightness_3',
-  'brightness_4',
-  'brightness_5',
-  'brightness_6',
-  'brightness_7',
-  'brightness_alert',
-  'brightness_auto',
-  'brightness_empty',
-  'brightness_high',
-  'brightness_low',
-  'brightness_medium',
-  'bring_your_own_ip',
-  'broadcast_on_home',
-  'broadcast_on_personal',
-  'broken_image',
-  'browse',
-  'browse_activity',
-  'browse_gallery',
-  'browser_not_supported',
-  'browser_updated',
-  'brunch_dining',
-  'brush',
-  'bubble',
-  'bubble_chart',
-  'bubbles',
-  'bug_report',
-  'build',
-  'build_circle',
-  'bungalow',
-  'burst_mode',
-  'bus_alert',
-  'business',
-  'business_center',
-  'business_chip',
-  'business_messages',
-  'buttons_alt',
-  'cabin',
-  'cable',
-  'cached',
-  'cake',
-  'cake_add',
-  'calculate',
-  'calendar_add_on',
-  'calendar_apps_script',
-  'calendar_clock',
-  'calendar_month',
-  'calendar_today',
-  'calendar_view_day',
-  'calendar_view_month',
-  'calendar_view_week',
-  'call',
-  'call_end',
-  'call_end_alt',
-  'call_log',
-  'call_made',
-  'call_merge',
-  'call_missed',
-  'call_missed_outgoing',
-  'call_quality',
-  'call_received',
-  'call_split',
-  'call_to_action',
-  'camera',
-  'camera_alt',
-  'camera_enhance',
-  'camera_front',
-  'camera_indoor',
-  'camera_outdoor',
-  'camera_rear',
-  'camera_roll',
-  'camera_video',
-  'cameraswitch',
-  'campaign',
-  'camping',
-  'cancel',
-  'cancel_presentation',
-  'cancel_schedule_send',
-  'candle',
-  'candlestick_chart',
-  'captive_portal',
-  'capture',
-  'car_crash',
-  'car_rental',
-  'car_repair',
-  'card_giftcard',
-  'card_membership',
-  'card_travel',
-  'cardiology',
-  'cards',
-  'carpenter',
-  'carry_on_bag',
-  'carry_on_bag_checked',
-  'carry_on_bag_inactive',
-  'carry_on_bag_question',
-  'cases',
-  'casino',
-  'cast',
-  'cast_connected',
-  'cast_for_education',
-  'cast_pause',
-  'cast_warning',
-  'castle',
-  'category',
-  'celebration',
-  'cell_merge',
-  'cell_tower',
-  'cell_wifi',
-  'center_focus_strong',
-  'center_focus_weak',
-  'chair',
-  'chair_alt',
-  'chalet',
-  'change_circle',
-  'change_history',
-  'charger',
-  'charging_station',
-  'chart_data',
-  'chat',
-  'chat_add_on',
-  'chat_apps_script',
-  'chat_bubble',
-  'chat_bubble_outline',
-  'chat_error',
-  'chat_info',
-  'chat_paste_go',
-  'check',
-  'check_box',
-  'check_box_outline_blank',
-  'check_circle',
-  'check_circle_filled',
-  'check_circle_outline',
-  'check_in_out',
-  'check_indeterminate_small',
-  'check_small',
-  'checkbook',
-  'checked_bag',
-  'checked_bag_question',
-  'checklist',
-  'checklist_rtl',
-  'checkroom',
-  'cheer',
-  'chess',
-  'chevron_left',
-  'chevron_right',
-  'child_care',
-  'child_friendly',
-  'chip_extraction',
-  'chips',
-  'chrome_reader_mode',
-  'chromecast_2',
-  'chromecast_device',
-  'chronic',
-  'church',
-  'cinematic_blur',
-  'circle',
-  'circle_notifications',
-  'circles',
-  'circles_ext',
-  'clarify',
-  'class',
-  'clean_hands',
-  'cleaning',
-  'cleaning_bucket',
-  'cleaning_services',
-  'clear',
-  'clear_all',
-  'clear_day',
-  'clear_night',
-  'climate_mini_split',
-  'clinical_notes',
-  'clock_loader_10',
-  'clock_loader_20',
-  'clock_loader_40',
-  'clock_loader_60',
-  'clock_loader_80',
-  'clock_loader_90',
-  'close',
-  'close_fullscreen',
-  'close_small',
-  'closed_caption',
-  'closed_caption_disabled',
-  'closed_caption_off',
-  'cloud',
-  'cloud_circle',
-  'cloud_done',
-  'cloud_download',
-  'cloud_off',
-  'cloud_queue',
-  'cloud_sync',
-  'cloud_upload',
-  'cloudy',
-  'cloudy_filled',
-  'cloudy_snowing',
-  'co2',
-  'co_present',
-  'code',
-  'code_blocks',
-  'code_off',
-  'coffee',
-  'coffee_maker',
-  'cognition',
-  'collapse_all',
-  'collapse_content',
-  'collections',
-  'collections_bookmark',
-  'color_lens',
-  'colorize',
-  'colors',
-  'comic_bubble',
-  'comment',
-  'comment_bank',
-  'comments_disabled',
-  'commit',
-  'communication',
-  'communities',
-  'communities_filled',
-  'commute',
-  'compare',
-  'compare_arrows',
-  'compass_calibration',
-  'component_exchange',
-  'compost',
-  'compress',
-  'computer',
-  'concierge',
-  'conditions',
-  'confirmation_number',
-  'congenital',
-  'connect_without_contact',
-  'connected_tv',
-  'connecting_airports',
-  'construction',
-  'contact_emergency',
-  'contact_mail',
-  'contact_page',
-  'contact_phone',
-  'contact_phone_filled',
-  'contact_support',
-  'contactless',
-  'contactless_off',
-  'contacts',
-  'contacts_product',
-  'content_copy',
-  'content_cut',
-  'content_paste',
-  'content_paste_go',
-  'content_paste_off',
-  'content_paste_search',
-  'contract',
-  'contract_delete',
-  'contract_edit',
-  'contrast',
-  'contrast_rtl_off',
-  'control_camera',
-  'control_point',
-  'control_point_duplicate',
-  'controller_gen',
-  'conversion_path',
-  'conversion_path_off',
-  'conveyor_belt',
-  'cookie',
-  'cookie_off',
-  'cooking',
-  'cool_to_dry',
-  'copy_all',
-  'copyright',
-  'coronavirus',
-  'corporate_fare',
-  'cottage',
-  'counter_0',
-  'counter_1',
-  'counter_2',
-  'counter_3',
-  'counter_4',
-  'counter_5',
-  'counter_6',
-  'counter_7',
-  'counter_8',
-  'counter_9',
-  'countertops',
-  'create',
-  'create_new_folder',
-  'credit_card',
-  'credit_card_gear',
-  'credit_card_heart',
-  'credit_card_off',
-  'credit_score',
-  'crib',
-  'crisis_alert',
-  'crop',
-  'crop_16_9',
-  'crop_3_2',
-  'crop_5_4',
-  'crop_7_5',
-  'crop_9_16',
-  'crop_din',
-  'crop_free',
-  'crop_landscape',
-  'crop_original',
-  'crop_portrait',
-  'crop_rotate',
-  'crop_square',
-  'crossword',
-  'crowdsource',
-  'cruelty_free',
-  'css',
-  'csv',
-  'currency_bitcoin',
-  'currency_exchange',
-  'currency_franc',
-  'currency_lira',
-  'currency_pound',
-  'currency_ruble',
-  'currency_rupee',
-  'currency_yen',
-  'currency_yuan',
-  'curtains',
-  'curtains_closed',
-  'custom_typography',
-  'cut',
-  'cycle',
-  'cyclone',
-  'dangerous',
-  'dark_mode',
-  'dashboard',
-  'dashboard_customize',
-  'data_alert',
-  'data_array',
-  'data_check',
-  'data_exploration',
-  'data_info_alert',
-  'data_loss_prevention',
-  'data_object',
-  'data_saver_off',
-  'data_saver_on',
-  'data_table',
-  'data_thresholding',
-  'data_usage',
-  'database',
-  'dataset',
-  'dataset_linked',
-  'date_range',
-  'deblur',
-  'deceased',
-  'decimal_decrease',
-  'decimal_increase',
-  'deck',
-  'dehaze',
-  'delete',
-  'delete_forever',
-  'delete_history',
-  'delete_outline',
-  'delete_sweep',
-  'demography',
-  'density_large',
-  'density_medium',
-  'density_small',
-  'dentistry',
-  'departure_board',
-  'deployed_code',
-  'deployed_code_account',
-  'deployed_code_alert',
-  'deployed_code_history',
-  'deployed_code_update',
-  'dermatology',
-  'description',
-  'deselect',
-  'design_services',
-  'desk',
-  'deskphone',
-  'desktop_access_disabled',
-  'desktop_mac',
-  'desktop_windows',
-  'destruction',
-  'details',
-  'detection_and_zone',
-  'detector',
-  'detector_alarm',
-  'detector_battery',
-  'detector_co',
-  'detector_offline',
-  'detector_smoke',
-  'detector_status',
-  'developer_board',
-  'developer_board_off',
-  'developer_guide',
-  'developer_mode',
-  'developer_mode_tv',
-  'device_hub',
-  'device_reset',
-  'device_thermostat',
-  'device_unknown',
-  'devices',
-  'devices_fold',
-  'devices_off',
-  'devices_other',
-  'devices_wearables',
-  'dew_point',
-  'diagnosis',
-  'dialer_sip',
-  'dialogs',
-  'dialpad',
-  'diamond',
-  'dictionary',
-  'difference',
-  'digital_out_of_home',
-  'digital_wellbeing',
-  'dining',
-  'dinner_dining',
-  'directions',
-  'directions_alt',
-  'directions_alt_off',
-  'directions_bike',
-  'directions_boat',
-  'directions_boat_filled',
-  'directions_bus',
-  'directions_bus_filled',
-  'directions_car',
-  'directions_car_filled',
-  'directions_off',
-  'directions_railway',
-  'directions_railway_filled',
-  'directions_run',
-  'directions_subway',
-  'directions_subway_filled',
-  'directions_transit',
-  'directions_transit_filled',
-  'directions_walk',
-  'directory_sync',
-  'dirty_lens',
-  'disabled_by_default',
-  'disabled_visible',
-  'disc_full',
-  'discover_tune',
-  'dishwasher',
-  'dishwasher_gen',
-  'display_external_input',
-  'display_settings',
-  'distance',
-  'diversity_1',
-  'diversity_2',
-  'diversity_3',
-  'diversity_4',
-  'dns',
-  'do_disturb',
-  'do_disturb_alt',
-  'do_disturb_off',
-  'do_disturb_on',
-  'do_not_disturb',
-  'do_not_disturb_alt',
-  'do_not_disturb_off',
-  'do_not_disturb_on',
-  'do_not_disturb_on_total_silence',
-  'do_not_step',
-  'do_not_touch',
-  'dock',
-  'dock_to_bottom',
-  'dock_to_left',
-  'dock_to_right',
-  'docs_add_on',
-  'docs_apps_script',
-  'document_scanner',
-  'domain',
-  'domain_add',
-  'domain_disabled',
-  'domain_verification',
-  'domain_verification_off',
-  'domino_mask',
-  'done',
-  'done_all',
-  'done_outline',
-  'donut_large',
-  'donut_small',
-  'door_back',
-  'door_front',
-  'door_open',
-  'door_sensor',
-  'door_sliding',
-  'doorbell',
-  'doorbell_3p',
-  'doorbell_chime',
-  'double_arrow',
-  'downhill_skiing',
-  'download',
-  'download_2',
-  'download_done',
-  'download_for_offline',
-  'downloading',
-  'draft',
-  'draft_orders',
-  'drafts',
-  'drag_click',
-  'drag_handle',
-  'drag_indicator',
-  'drag_pan',
-  'draw',
-  'draw_abstract',
-  'draw_collage',
-  'drawing_recognition',
-  'dresser',
-  'drive_eta',
-  'drive_file_move',
-  'drive_file_move_outline',
-  'drive_file_move_rtl',
-  'drive_file_rename_outline',
-  'drive_folder_upload',
-  'drive_fusiontable',
-  'dropdown',
-  'dry',
-  'dry_cleaning',
-  'dual_screen',
-  'duo',
-  'dvr',
-  'dynamic_feed',
-  'dynamic_form',
-  'e911_avatar',
-  'e911_emergency',
-  'e_mobiledata',
-  'e_mobiledata_badge',
-  'earbuds',
-  'earbuds_battery',
-  'early_on',
-  'earthquake',
-  'east',
-  'ecg',
-  'ecg_heart',
-  'eco',
-  'eda',
-  'edgesensor_high',
-  'edgesensor_low',
-  'edit',
-  'edit_attributes',
-  'edit_calendar',
-  'edit_document',
-  'edit_location',
-  'edit_location_alt',
-  'edit_note',
-  'edit_notifications',
-  'edit_off',
-  'edit_road',
-  'edit_square',
-  'editor_choice',
-  'egg',
-  'egg_alt',
-  'eject',
-  'elderly',
-  'elderly_woman',
-  'electric_bike',
-  'electric_bolt',
-  'electric_car',
-  'electric_meter',
-  'electric_moped',
-  'electric_rickshaw',
-  'electric_scooter',
-  'electrical_services',
-  'elevation',
-  'elevator',
-  'email',
-  'emergency',
-  'emergency_heat',
-  'emergency_home',
-  'emergency_recording',
-  'emergency_share',
-  'emergency_share_off',
-  'emoji_emotions',
-  'emoji_events',
-  'emoji_flags',
-  'emoji_food_beverage',
-  'emoji_nature',
-  'emoji_objects',
-  'emoji_people',
-  'emoji_symbols',
-  'emoji_transportation',
-  'emoticon',
-  'empty_dashboard',
-  'enable',
-  'encrypted',
-  'endocrinology',
-  'energy',
-  'energy_program_saving',
-  'energy_program_time_used',
-  'energy_savings_leaf',
-  'engineering',
-  'enhanced_encryption',
-  'ent',
-  'enterprise',
-  'enterprise_off',
-  'equal',
-  'equalizer',
-  'error',
-  'error_circle_rounded',
-  'error_med',
-  'error_outline',
-  'escalator',
-  'escalator_warning',
-  'euro',
-  'euro_symbol',
-  'ev_charger',
-  'ev_mobiledata_badge',
-  'ev_shadow',
-  'ev_shadow_add',
-  'ev_shadow_minus',
-  'ev_station',
-  'event',
-  'event_available',
-  'event_busy',
-  'event_list',
-  'event_note',
-  'event_repeat',
-  'event_seat',
-  'event_upcoming',
-  'exclamation',
-  'exercise',
-  'exit_to_app',
-  'expand',
-  'expand_all',
-  'expand_circle_down',
-  'expand_circle_right',
-  'expand_circle_up',
-  'expand_content',
-  'expand_less',
-  'expand_more',
-  'experiment',
-  'explicit',
-  'explore',
-  'explore_nearby',
-  'explore_off',
-  'explosion',
-  'export_notes',
-  'exposure',
-  'exposure_neg_1',
-  'exposure_neg_2',
-  'exposure_plus_1',
-  'exposure_plus_2',
-  'exposure_zero',
-  'extension',
-  'extension_off',
-  'eyeglasses',
-  'face',
-  'face_2',
-  'face_3',
-  'face_4',
-  'face_5',
-  'face_6',
-  'face_retouching_natural',
-  'face_retouching_off',
-  'face_unlock',
-  'fact_check',
-  'factory',
-  'falling',
-  'familiar_face_and_zone',
-  'family_history',
-  'family_home',
-  'family_link',
-  'family_restroom',
-  'family_star',
-  'farsight_digital',
-  'fast_forward',
-  'fast_rewind',
-  'fastfood',
-  'faucet',
-  'favorite',
-  'favorite_border',
-  'fax',
-  'feature_search',
-  'featured_play_list',
-  'featured_seasonal_and_gifts',
-  'featured_video',
-  'feed',
-  'feedback',
-  'female',
-  'femur',
-  'femur_alt',
-  'fence',
-  'fertile',
-  'festival',
-  'fiber_dvr',
-  'fiber_manual_record',
-  'fiber_new',
-  'fiber_pin',
-  'fiber_smart_record',
-  'file_copy',
-  'file_download',
-  'file_download_done',
-  'file_download_off',
-  'file_map',
-  'file_open',
-  'file_present',
-  'file_save',
-  'file_save_off',
-  'file_upload',
-  'file_upload_off',
-  'filter',
-  'filter_1',
-  'filter_2',
-  'filter_3',
-  'filter_4',
-  'filter_5',
-  'filter_6',
-  'filter_7',
-  'filter_8',
-  'filter_9',
-  'filter_9_plus',
-  'filter_alt',
-  'filter_alt_off',
-  'filter_b_and_w',
-  'filter_center_focus',
-  'filter_drama',
-  'filter_frames',
-  'filter_hdr',
-  'filter_list',
-  'filter_list_alt',
-  'filter_list_off',
-  'filter_none',
-  'filter_retrolux',
-  'filter_tilt_shift',
-  'filter_vintage',
-  'finance',
-  'finance_chip',
-  'finance_mode',
-  'find_in_page',
-  'find_replace',
-  'fingerprint',
-  'fire_extinguisher',
-  'fire_hydrant',
-  'fire_truck',
-  'fireplace',
-  'first_page',
-  'fit_page',
-  'fit_screen',
-  'fit_width',
-  'fitness_center',
-  'flag',
-  'flag_circle',
-  'flag_filled',
-  'flaky',
-  'flare',
-  'flash_auto',
-  'flash_off',
-  'flash_on',
-  'flashlight_off',
-  'flashlight_on',
-  'flatware',
-  'flex_direction',
-  'flex_no_wrap',
-  'flex_wrap',
-  'flight',
-  'flight_class',
-  'flight_land',
-  'flight_takeoff',
-  'flights_and_hotels',
-  'flightsmode',
-  'flip',
-  'flip_camera_android',
-  'flip_camera_ios',
-  'flip_to_back',
-  'flip_to_front',
-  'flood',
-  'floor',
-  'floor_lamp',
-  'flourescent',
-  'flowsheet',
-  'fluid',
-  'fluid_balance',
-  'fluid_med',
-  'fluorescent',
-  'flutter',
-  'flutter_dash',
-  'fmd_bad',
-  'fmd_good',
-  'foggy',
-  'folded_hands',
-  'folder',
-  'folder_copy',
-  'folder_data',
-  'folder_delete',
-  'folder_managed',
-  'folder_off',
-  'folder_open',
-  'folder_shared',
-  'folder_special',
-  'folder_supervised',
-  'folder_zip',
-  'follow_the_signs',
-  'font_download',
-  'font_download_off',
-  'food_bank',
-  'foot_bones',
-  'footprint',
-  'for_you',
-  'forest',
-  'fork_left',
-  'fork_right',
-  'forklift',
-  'format_align_center',
-  'format_align_justify',
-  'format_align_left',
-  'format_align_right',
-  'format_bold',
-  'format_clear',
-  'format_color_fill',
-  'format_color_reset',
-  'format_color_text',
-  'format_h1',
-  'format_h2',
-  'format_h3',
-  'format_h4',
-  'format_h5',
-  'format_h6',
-  'format_image_left',
-  'format_image_right',
-  'format_indent_decrease',
-  'format_indent_increase',
-  'format_ink_highlighter',
-  'format_italic',
-  'format_letter_spacing',
-  'format_letter_spacing_2',
-  'format_letter_spacing_standard',
-  'format_letter_spacing_wide',
-  'format_letter_spacing_wider',
-  'format_line_spacing',
-  'format_list_bulleted',
-  'format_list_bulleted_add',
-  'format_list_numbered',
-  'format_list_numbered_rtl',
-  'format_overline',
-  'format_paint',
-  'format_paragraph',
-  'format_quote',
-  'format_shapes',
-  'format_size',
-  'format_strikethrough',
-  'format_text_clip',
-  'format_text_overflow',
-  'format_text_wrap',
-  'format_textdirection_l_to_r',
-  'format_textdirection_r_to_l',
-  'format_underlined',
-  'format_underlined_squiggle',
-  'forms_add_on',
-  'forms_apps_script',
-  'fort',
-  'forum',
-  'forward',
-  'forward_10',
-  'forward_30',
-  'forward_5',
-  'forward_circle',
-  'forward_media',
-  'forward_to_inbox',
-  'foundation',
-  'frame_inspect',
-  'frame_person',
-  'frame_person_off',
-  'frame_reload',
-  'frame_source',
-  'free_breakfast',
-  'free_cancellation',
-  'front_hand',
-  'front_loader',
-  'full_coverage',
-  'full_hd',
-  'full_stacked_bar_chart',
-  'fullscreen',
-  'fullscreen_exit',
-  'function',
-  'functions',
-  'g_mobiledata',
-  'g_mobiledata_badge',
-  'g_translate',
-  'gallery_thumbnail',
-  'gamepad',
-  'games',
-  'garage',
-  'garage_door',
-  'garage_home',
-  'garden_cart',
-  'gas_meter',
-  'gastroenterology',
-  'gate',
-  'gavel',
-  'general_device',
-  'generating_tokens',
-  'genetics',
-  'genres',
-  'gesture',
-  'gesture_select',
-  'get_app',
-  'gif',
-  'gif_box',
-  'girl',
-  'gite',
-  'glass_cup',
-  'globe',
-  'globe_asia',
-  'globe_uk',
-  'glucose',
-  'glyphs',
-  'go_to_line',
-  'golf_course',
-  'google_home_devices',
-  'google_plus_reshare',
-  'google_tv_remote',
-  'google_wifi',
-  'gpp_bad',
-  'gpp_good',
-  'gpp_maybe',
-  'gps_fixed',
-  'gps_not_fixed',
-  'gps_off',
-  'grade',
-  'gradient',
-  'grading',
-  'grain',
-  'graphic_eq',
-  'grass',
-  'grid_3x3',
-  'grid_3x3_off',
-  'grid_4x4',
-  'grid_goldenratio',
-  'grid_guides',
-  'grid_off',
-  'grid_on',
-  'grid_view',
-  'grocery',
-  'group',
-  'group_add',
-  'group_off',
-  'group_remove',
-  'group_work',
-  'grouped_bar_chart',
-  'groups',
-  'groups_2',
-  'groups_3',
-  'gynecology',
-  'h_mobiledata',
-  'h_mobiledata_badge',
-  'h_plus_mobiledata',
-  'h_plus_mobiledata_badge',
-  'hail',
-  'hallway',
-  'hand_bones',
-  'hand_gesture',
-  'handshake',
-  'handwriting_recognition',
-  'handyman',
-  'hangout_video',
-  'hangout_video_off',
-  'hard_drive',
-  'hard_drive_2',
-  'hardware',
-  'hd',
-  'hdr_auto',
-  'hdr_auto_select',
-  'hdr_enhanced_select',
-  'hdr_off',
-  'hdr_off_select',
-  'hdr_on',
-  'hdr_on_select',
-  'hdr_plus',
-  'hdr_plus_off',
-  'hdr_strong',
-  'hdr_weak',
-  'headphones',
-  'headphones_battery',
-  'headset',
-  'headset_mic',
-  'headset_off',
-  'healing',
-  'health_and_beauty',
-  'health_and_safety',
-  'health_metrics',
-  'heap_snapshot_large',
-  'heap_snapshot_multiple',
-  'heap_snapshot_thumbnail',
-  'hearing',
-  'hearing_disabled',
-  'heart_broken',
-  'heart_check',
-  'heart_minus',
-  'heart_plus',
-  'heat',
-  'heat_pump',
-  'heat_pump_balance',
-  'height',
-  'helicopter',
-  'help',
-  'help_center',
-  'help_clinic',
-  'help_outline',
-  'hematology',
-  'hevc',
-  'hexagon',
-  'hide',
-  'hide_image',
-  'hide_source',
-  'high_density',
-  'high_quality',
-  'high_res',
-  'highlight',
-  'highlight_keyboard_focus',
-  'highlight_mouse_cursor',
-  'highlight_off',
-  'highlight_text_cursor',
-  'highlighter_size_1',
-  'highlighter_size_2',
-  'highlighter_size_3',
-  'highlighter_size_4',
-  'highlighter_size_5',
-  'hiking',
-  'history',
-  'history_edu',
-  'history_toggle_off',
-  'hive',
-  'hls',
-  'hls_off',
-  'holiday_village',
-  'home',
-  'home_and_garden',
-  'home_app_logo',
-  'home_filled',
-  'home_health',
-  'home_improvement_and_tools',
-  'home_iot_device',
-  'home_max',
-  'home_max_dots',
-  'home_mini',
-  'home_pin',
-  'home_repair_service',
-  'home_speaker',
-  'home_storage',
-  'home_work',
-  'horizontal_distribute',
-  'horizontal_rule',
-  'horizontal_split',
-  'hot_tub',
-  'hotel',
-  'hotel_class',
-  'hourglass',
-  'hourglass_bottom',
-  'hourglass_disabled',
-  'hourglass_empty',
-  'hourglass_full',
-  'hourglass_top',
-  'house',
-  'house_siding',
-  'house_with_shield',
-  'houseboat',
-  'household_supplies',
-  'how_to_reg',
-  'how_to_vote',
-  'hr_resting',
-  'html',
-  'http',
-  'https',
-  'hub',
-  'humerus',
-  'humerus_alt',
-  'humidity_high',
-  'humidity_indoor',
-  'humidity_low',
-  'humidity_mid',
-  'humidity_percentage',
-  'hvac',
-  'ice_skating',
-  'icecream',
-  'id_card',
-  'ifl',
-  'iframe',
-  'iframe_off',
-  'image',
-  'image_aspect_ratio',
-  'image_not_supported',
-  'image_search',
-  'imagesearch_roller',
-  'imagesmode',
-  'immunology',
-  'import_contacts',
-  'import_export',
-  'important_devices',
-  'in_home_mode',
-  'inactive_order',
-  'inbox',
-  'inbox_customize',
-  'incomplete_circle',
-  'indeterminate_check_box',
-  'indeterminate_question_box',
-  'info',
-  'info_i',
-  'infrared',
-  'ink_eraser',
-  'ink_eraser_off',
-  'ink_highlighter',
-  'ink_highlighter_move',
-  'ink_marker',
-  'ink_pen',
-  'inpatient',
-  'input',
-  'input_circle',
-  'insert_chart',
-  'insert_chart_filled',
-  'insert_chart_outlined',
-  'insert_comment',
-  'insert_drive_file',
-  'insert_emoticon',
-  'insert_invitation',
-  'insert_link',
-  'insert_page_break',
-  'insert_photo',
-  'insert_text',
-  'insights',
-  'install_desktop',
-  'install_mobile',
-  'instant_mix',
-  'integration_instructions',
-  'interactive_space',
-  'interests',
-  'interpreter_mode',
-  'inventory',
-  'inventory_2',
-  'invert_colors',
-  'invert_colors_off',
-  'ios',
-  'ios_share',
-  'iron',
-  'iso',
-  'jamboard_kiosk',
-  'javascript',
-  'join',
-  'join_full',
-  'join_inner',
-  'join_left',
-  'join_right',
-  'joystick',
-  'jump_to_element',
-  'kayaking',
-  'kebab_dining',
-  'kettle',
-  'key',
-  'key_off',
-  'key_vertical',
-  'key_visualizer',
-  'keyboard',
-  'keyboard_alt',
-  'keyboard_arrow_down',
-  'keyboard_arrow_left',
-  'keyboard_arrow_right',
-  'keyboard_arrow_up',
-  'keyboard_backspace',
-  'keyboard_capslock',
-  'keyboard_capslock_badge',
-  'keyboard_command_key',
-  'keyboard_control_key',
-  'keyboard_double_arrow_down',
-  'keyboard_double_arrow_left',
-  'keyboard_double_arrow_right',
-  'keyboard_double_arrow_up',
-  'keyboard_external_input',
-  'keyboard_full',
-  'keyboard_hide',
-  'keyboard_keys',
-  'keyboard_off',
-  'keyboard_onscreen',
-  'keyboard_option_key',
-  'keyboard_previous_language',
-  'keyboard_return',
-  'keyboard_tab',
-  'keyboard_tab_rtl',
-  'keyboard_voice',
-  'kid_star',
-  'king_bed',
-  'kitchen',
-  'kitesurfing',
-  'lab_panel',
-  'lab_profile',
-  'lab_research',
-  'label',
-  'label_important',
-  'label_important_outline',
-  'label_off',
-  'label_outline',
-  'labs',
-  'lan',
-  'landscape',
-  'landslide',
-  'language',
-  'language_chinese_array',
-  'language_chinese_cangjie',
-  'language_chinese_dayi',
-  'language_chinese_pinyin',
-  'language_chinese_quick',
-  'language_chinese_wubi',
-  'language_french',
-  'language_gb_english',
-  'language_international',
-  'language_japanese_kana',
-  'language_korean_latin',
-  'language_pinyin',
-  'language_spanish',
-  'language_us',
-  'language_us_colemak',
-  'language_us_dvorak',
-  'laps',
-  'laptop',
-  'laptop_chromebook',
-  'laptop_mac',
-  'laptop_windows',
-  'lasso_select',
-  'last_page',
-  'launch',
-  'laundry',
-  'layers',
-  'layers_clear',
-  'lda',
-  'leaderboard',
-  'leak_add',
-  'leak_remove',
-  'left_click',
-  'left_panel_close',
-  'left_panel_open',
-  'legend_toggle',
-  'lens',
-  'lens_blur',
-  'letter_switch',
-  'library_add',
-  'library_add_check',
-  'library_books',
-  'library_music',
-  'license',
-  'lift_to_talk',
-  'light',
-  'light_group',
-  'light_mode',
-  'light_off',
-  'lightbulb',
-  'lightbulb_circle',
-  'lightbulb_outline',
-  'lightning_stand',
-  'line_axis',
-  'line_curve',
-  'line_end',
-  'line_end_arrow',
-  'line_end_arrow_notch',
-  'line_end_circle',
-  'line_end_diamond',
-  'line_end_square',
-  'line_start',
-  'line_start_arrow',
-  'line_start_arrow_notch',
-  'line_start_circle',
-  'line_start_diamond',
-  'line_start_square',
-  'line_style',
-  'line_weight',
-  'linear_scale',
-  'link',
-  'link_off',
-  'linked_camera',
-  'linked_services',
-  'liquor',
-  'list',
-  'list_alt',
-  'list_alt_add',
-  'lists',
-  'live_help',
-  'live_tv',
-  'living',
-  'local_activity',
-  'local_airport',
-  'local_atm',
-  'local_bar',
-  'local_cafe',
-  'local_car_wash',
-  'local_convenience_store',
-  'local_dining',
-  'local_drink',
-  'local_fire_department',
-  'local_florist',
-  'local_gas_station',
-  'local_grocery_store',
-  'local_hospital',
-  'local_hotel',
-  'local_laundry_service',
-  'local_library',
-  'local_mall',
-  'local_movies',
-  'local_offer',
-  'local_parking',
-  'local_pharmacy',
-  'local_phone',
-  'local_pizza',
-  'local_play',
-  'local_police',
-  'local_post_office',
-  'local_printshop',
-  'local_see',
-  'local_shipping',
-  'local_taxi',
-  'location_automation',
-  'location_away',
-  'location_chip',
-  'location_city',
-  'location_disabled',
-  'location_home',
-  'location_off',
-  'location_on',
-  'location_pin',
-  'location_searching',
-  'locator_tag',
-  'lock',
-  'lock_clock',
-  'lock_open',
-  'lock_open_right',
-  'lock_outline',
-  'lock_person',
-  'lock_reset',
-  'login',
-  'logo_dev',
-  'logout',
-  'looks',
-  'looks_3',
-  'looks_4',
-  'looks_5',
-  'looks_6',
-  'looks_one',
-  'looks_two',
-  'loop',
-  'loupe',
-  'low_density',
-  'low_priority',
-  'loyalty',
-  'lte_mobiledata',
-  'lte_mobiledata_badge',
-  'lte_plus_mobiledata',
-  'lte_plus_mobiledata_badge',
-  'luggage',
-  'lunch_dining',
-  'lyrics',
-  'macro_auto',
-  'macro_off',
-  'magic_button',
-  'magic_exchange',
-  'magic_tether',
-  'magnification_large',
-  'magnification_small',
-  'magnify_docked',
-  'magnify_fullscreen',
-  'mail',
-  'mail_lock',
-  'mail_outline',
-  'male',
-  'man',
-  'man_2',
-  'man_3',
-  'man_4',
-  'manage_accounts',
-  'manage_history',
-  'manage_search',
-  'manga',
-  'manufacturing',
-  'map',
-  'maps_home_work',
-  'maps_ugc',
-  'margin',
-  'mark_as_unread',
-  'mark_chat_read',
-  'mark_chat_unread',
-  'mark_email_read',
-  'mark_email_unread',
-  'mark_unread_chat_alt',
-  'markdown',
-  'markdown_copy',
-  'markdown_paste',
-  'markunread',
-  'markunread_mailbox',
-  'masked_transitions',
-  'masks',
-  'match_case',
-  'match_word',
-  'matter',
-  'maximize',
-  'measuring_tape',
-  'media_bluetooth_off',
-  'media_bluetooth_on',
-  'media_link',
-  'mediation',
-  'medical_information',
-  'medical_mask',
-  'medical_services',
-  'medication',
-  'medication_liquid',
-  'meeting_room',
-  'memory',
-  'memory_alt',
-  'menstrual_health',
-  'menu',
-  'menu_book',
-  'menu_open',
-  'merge',
-  'merge_type',
-  'message',
-  'metabolism',
-  'mfg_nest_yale_lock',
-  'mic',
-  'mic_double',
-  'mic_external_off',
-  'mic_external_on',
-  'mic_none',
-  'mic_off',
-  'microbiology',
-  'microwave',
-  'microwave_gen',
-  'military_tech',
-  'mimo',
-  'mimo_disconnect',
-  'mindfulness',
-  'minimize',
-  'minor_crash',
-  'mintmark',
-  'missed_video_call',
-  'missed_video_call_filled',
-  'missing_controller',
-  'mist',
-  'mitre',
-  'mixture_med',
-  'mms',
-  'mobile_friendly',
-  'mobile_off',
-  'mobile_screen_share',
-  'mobiledata_off',
-  'mode',
-  'mode_comment',
-  'mode_cool',
-  'mode_cool_off',
-  'mode_dual',
-  'mode_edit',
-  'mode_edit_outline',
-  'mode_fan',
-  'mode_fan_off',
-  'mode_heat',
-  'mode_heat_cool',
-  'mode_heat_off',
-  'mode_night',
-  'mode_of_travel',
-  'mode_off_on',
-  'mode_standby',
-  'model_training',
-  'monetization_on',
-  'money',
-  'money_off',
-  'money_off_csred',
-  'monitor',
-  'monitor_heart',
-  'monitor_weight',
-  'monitor_weight_gain',
-  'monitor_weight_loss',
-  'monitoring',
-  'monochrome_photos',
-  'mood',
-  'mood_bad',
-  'mop',
-  'more',
-  'more_down',
-  'more_horiz',
-  'more_time',
-  'more_up',
-  'more_vert',
-  'mosque',
-  'motion_blur',
-  'motion_mode',
-  'motion_photos_auto',
-  'motion_photos_off',
-  'motion_photos_on',
-  'motion_photos_pause',
-  'motion_photos_paused',
-  'motion_sensor_active',
-  'motion_sensor_alert',
-  'motion_sensor_idle',
-  'motion_sensor_urgent',
-  'motorcycle',
-  'mountain_flag',
-  'mouse',
-  'move',
-  'move_down',
-  'move_group',
-  'move_item',
-  'move_location',
-  'move_selection_down',
-  'move_selection_left',
-  'move_selection_right',
-  'move_selection_up',
-  'move_to_inbox',
-  'move_up',
-  'moved_location',
-  'movie',
-  'movie_creation',
-  'movie_edit',
-  'movie_filter',
-  'movie_info',
-  'moving',
-  'moving_beds',
-  'moving_ministry',
-  'mp',
-  'multicooker',
-  'multiline_chart',
-  'multiple_stop',
-  'museum',
-  'music_cast',
-  'music_note',
-  'music_off',
-  'music_video',
-  'my_location',
-  'mystery',
-  'nat',
-  'nature',
-  'nature_people',
-  'navigate_before',
-  'navigate_next',
-  'navigation',
-  'near_me',
-  'near_me_disabled',
-  'nearby',
-  'nearby_error',
-  'nearby_off',
-  'nephrology',
-  'nest_audio',
-  'nest_cam_floodlight',
-  'nest_cam_indoor',
-  'nest_cam_iq',
-  'nest_cam_iq_outdoor',
-  'nest_cam_magnet_mount',
-  'nest_cam_outdoor',
-  'nest_cam_stand',
-  'nest_cam_wall_mount',
-  'nest_cam_wired_stand',
-  'nest_clock_farsight_analog',
-  'nest_clock_farsight_digital',
-  'nest_connect',
-  'nest_detect',
-  'nest_display',
-  'nest_display_max',
-  'nest_doorbell_visitor',
-  'nest_eco_leaf',
-  'nest_farsight_weather',
-  'nest_found_savings',
-  'nest_gale_wifi',
-  'nest_heat_link_e',
-  'nest_heat_link_gen_3',
-  'nest_hello_doorbell',
-  'nest_locator_tag',
-  'nest_mini',
-  'nest_multi_room',
-  'nest_protect',
-  'nest_remote',
-  'nest_remote_comfort_sensor',
-  'nest_secure_alarm',
-  'nest_sunblock',
-  'nest_tag',
-  'nest_thermostat',
-  'nest_thermostat_e_eu',
-  'nest_thermostat_gen_3',
-  'nest_thermostat_sensor',
-  'nest_thermostat_sensor_eu',
-  'nest_thermostat_zirconium_eu',
-  'nest_true_radiant',
-  'nest_wake_on_approach',
-  'nest_wake_on_press',
-  'nest_wifi_gale',
-  'nest_wifi_mistral',
-  'nest_wifi_point',
-  'nest_wifi_point_vento',
-  'nest_wifi_pro',
-  'nest_wifi_pro_2',
-  'nest_wifi_router',
-  'network_cell',
-  'network_check',
-  'network_intelligence_history',
-  'network_intelligence_update',
-  'network_locked',
-  'network_manage',
-  'network_node',
-  'network_ping',
-  'network_wifi',
-  'network_wifi_1_bar',
-  'network_wifi_1_bar_locked',
-  'network_wifi_2_bar',
-  'network_wifi_2_bar_locked',
-  'network_wifi_3_bar',
-  'network_wifi_3_bar_locked',
-  'network_wifi_locked',
-  'neurology',
-  'new_label',
-  'new_releases',
-  'new_window',
-  'news',
-  'newsmode',
-  'newspaper',
-  'newsstand',
-  'next_plan',
-  'next_week',
-  'nfc',
-  'night_shelter',
-  'night_sight_auto',
-  'night_sight_auto_off',
-  'night_sight_max',
-  'nightlife',
-  'nightlight',
-  'nightlight_round',
-  'nights_stay',
-  'no_accounts',
-  'no_adult_content',
-  'no_backpack',
-  'no_crash',
-  'no_drinks',
-  'no_encryption',
-  'no_encryption_gmailerrorred',
-  'no_flash',
-  'no_food',
-  'no_luggage',
-  'no_meals',
-  'no_meeting_room',
-  'no_photography',
-  'no_sim',
-  'no_sound',
-  'no_stroller',
-  'no_transfer',
-  'noise_aware',
-  'noise_control_off',
-  'noise_control_on',
-  'nordic_walking',
-  'north',
-  'north_east',
-  'north_west',
-  'not_accessible',
-  'not_accessible_forward',
-  'not_interested',
-  'not_listed_location',
-  'not_started',
-  'note',
-  'note_add',
-  'note_alt',
-  'note_stack',
-  'note_stack_add',
-  'notes',
-  'notification_add',
-  'notification_important',
-  'notification_multiple',
-  'notifications',
-  'notifications_active',
-  'notifications_none',
-  'notifications_off',
-  'notifications_paused',
-  'notifications_unread',
-  'numbers',
-  'nutrition',
-  'ods',
-  'odt',
-  'offline_bolt',
-  'offline_pin',
-  'offline_share',
-  'oil_barrel',
-  'on_device_training',
-  'on_hub_device',
-  'oncology',
-  'ondemand_video',
-  'online_prediction',
-  'onsen',
-  'opacity',
-  'open_in_browser',
-  'open_in_full',
-  'open_in_new',
-  'open_in_new_down',
-  'open_in_new_off',
-  'open_in_phone',
-  'open_jam',
-  'open_with',
-  'ophthalmology',
-  'oral_disease',
-  'order_approve',
-  'order_play',
-  'orders',
-  'orthopedics',
-  'other_admission',
-  'other_houses',
-  'outbound',
-  'outbox',
-  'outbox_alt',
-  'outdoor_garden',
-  'outdoor_grill',
-  'outgoing_mail',
-  'outlet',
-  'outlined_flag',
-  'outpatient',
-  'outpatient_med',
-  'output',
-  'output_circle',
-  'oven',
-  'oven_gen',
-  'overview',
-  'overview_key',
-  'oxygen_saturation',
-  'p2p',
-  'pace',
-  'pacemaker',
-  'package',
-  'package_2',
-  'padding',
-  'page_control',
-  'page_info',
-  'pageless',
-  'pages',
-  'pageview',
-  'paid',
-  'palette',
-  'pallet',
-  'pan_tool',
-  'pan_tool_alt',
-  'pan_zoom',
-  'panorama',
-  'panorama_fish_eye',
-  'panorama_horizontal',
-  'panorama_photosphere',
-  'panorama_vertical',
-  'panorama_wide_angle',
-  'paragliding',
-  'park',
-  'partly_cloudy_day',
-  'partly_cloudy_night',
-  'partner_exchange',
-  'partner_reports',
-  'party_mode',
-  'passkey',
-  'password',
-  'patient_list',
-  'pattern',
-  'pause',
-  'pause_circle',
-  'pause_circle_filled',
-  'pause_circle_outline',
-  'pause_presentation',
-  'payment',
-  'payments',
-  'pedal_bike',
-  'pediatrics',
-  'pen_size_1',
-  'pen_size_2',
-  'pen_size_3',
-  'pen_size_4',
-  'pen_size_5',
-  'pending',
-  'pending_actions',
-  'pentagon',
-  'people',
-  'people_alt',
-  'people_outline',
-  'percent',
-  'performance_max',
-  'pergola',
-  'perm_camera_mic',
-  'perm_contact_calendar',
-  'perm_data_setting',
-  'perm_device_information',
-  'perm_identity',
-  'perm_media',
-  'perm_phone_msg',
-  'perm_scan_wifi',
-  'person',
-  'person_2',
-  'person_3',
-  'person_4',
-  'person_add',
-  'person_add_alt',
-  'person_add_disabled',
-  'person_alert',
-  'person_apron',
-  'person_book',
-  'person_cancel',
-  'person_celebrate',
-  'person_check',
-  'person_filled',
-  'person_off',
-  'person_outline',
-  'person_pin',
-  'person_pin_circle',
-  'person_play',
-  'person_raised_hand',
-  'person_remove',
-  'person_search',
-  'personal_bag',
-  'personal_bag_off',
-  'personal_bag_question',
-  'personal_injury',
-  'personal_places',
-  'personal_video',
-  'pest_control',
-  'pest_control_rodent',
-  'pet_supplies',
-  'pets',
-  'phishing',
-  'phone',
-  'phone_alt',
-  'phone_android',
-  'phone_bluetooth_speaker',
-  'phone_callback',
-  'phone_disabled',
-  'phone_enabled',
-  'phone_forwarded',
-  'phone_in_talk',
-  'phone_iphone',
-  'phone_locked',
-  'phone_missed',
-  'phone_paused',
-  'phonelink',
-  'phonelink_erase',
-  'phonelink_lock',
-  'phonelink_off',
-  'phonelink_ring',
-  'phonelink_ring_off',
-  'phonelink_setup',
-  'photo',
-  'photo_album',
-  'photo_auto_merge',
-  'photo_camera',
-  'photo_camera_back',
-  'photo_camera_front',
-  'photo_filter',
-  'photo_frame',
-  'photo_library',
-  'photo_prints',
-  'photo_size_select_actual',
-  'photo_size_select_large',
-  'photo_size_select_small',
-  'php',
-  'physical_therapy',
-  'piano',
-  'piano_off',
-  'picture_as_pdf',
-  'picture_in_picture',
-  'picture_in_picture_alt',
-  'picture_in_picture_center',
-  'picture_in_picture_large',
-  'picture_in_picture_medium',
-  'picture_in_picture_mobile',
-  'picture_in_picture_off',
-  'picture_in_picture_small',
-  'pie_chart',
-  'pie_chart_filled',
-  'pie_chart_outline',
-  'pie_chart_outlined',
-  'pill',
-  'pill_off',
-  'pin',
-  'pin_drop',
-  'pin_end',
-  'pin_invoke',
-  'pinch',
-  'pinch_zoom_in',
-  'pinch_zoom_out',
-  'pip',
-  'pip_exit',
-  'pivot_table_chart',
-  'place',
-  'place_item',
-  'plagiarism',
-  'planner_banner_ad_pt',
-  'planner_review',
-  'play_arrow',
-  'play_circle',
-  'play_disabled',
-  'play_for_work',
-  'play_lesson',
-  'play_music',
-  'play_pause',
-  'play_shapes',
-  'playing_cards',
-  'playlist_add',
-  'playlist_add_check',
-  'playlist_add_check_circle',
-  'playlist_add_circle',
-  'playlist_play',
-  'playlist_remove',
-  'plumbing',
-  'plus_one',
-  'podcasts',
-  'podiatry',
-  'podium',
-  'point_of_sale',
-  'point_scan',
-  'policy',
-  'poll',
-  'polyline',
-  'polymer',
-  'pool',
-  'portable_wifi_off',
-  'portrait',
-  'position_bottom_left',
-  'position_bottom_right',
-  'position_top_right',
-  'post',
-  'post_add',
-  'potted_plant',
-  'power',
-  'power_input',
-  'power_off',
-  'power_rounded',
-  'power_settings_new',
-  'prayer_times',
-  'precision_manufacturing',
-  'pregnancy',
-  'pregnant_woman',
-  'preliminary',
-  'prescriptions',
-  'present_to_all',
-  'preview',
-  'preview_off',
-  'price_change',
-  'price_check',
-  'print',
-  'print_add',
-  'print_connect',
-  'print_disabled',
-  'print_error',
-  'print_lock',
-  'priority',
-  'priority_high',
-  'privacy',
-  'privacy_tip',
-  'private_connectivity',
-  'problem',
-  'procedure',
-  'process_chart',
-  'production_quantity_limits',
-  'productivity',
-  'progress_activity',
-  'propane',
-  'propane_tank',
-  'psychiatry',
-  'psychology',
-  'psychology_alt',
-  'public',
-  'public_off',
-  'publish',
-  'published_with_changes',
-  'pulmonology',
-  'pulse_alert',
-  'punch_clock',
-  'push_pin',
-  'qr_code',
-  'qr_code_2',
-  'qr_code_2_add',
-  'qr_code_scanner',
-  'query_builder',
-  'query_stats',
-  'question_answer',
-  'question_exchange',
-  'question_mark',
-  'queue',
-  'queue_music',
-  'queue_play_next',
-  'quick_phrases',
-  'quick_reference',
-  'quick_reference_all',
-  'quick_reorder',
-  'quickreply',
-  'quiet_time',
-  'quiet_time_active',
-  'quiz',
-  'r_mobiledata',
-  'radar',
-  'radio',
-  'radio_button_checked',
-  'radio_button_partial',
-  'radio_button_unchecked',
-  'radiology',
-  'railway_alert',
-  'rainy',
-  'rainy_heavy',
-  'rainy_light',
-  'rainy_snow',
-  'ramen_dining',
-  'ramp_left',
-  'ramp_right',
-  'range_hood',
-  'rate_review',
-  'raven',
-  'raw_off',
-  'raw_on',
-  'read_more',
-  'readiness_score',
-  'real_estate_agent',
-  'rear_camera',
-  'rebase',
-  'rebase_edit',
-  'receipt',
-  'receipt_long',
-  'recent_actors',
-  'recent_patient',
-  'recommend',
-  'record_voice_over',
-  'rectangle',
-  'recycling',
-  'redeem',
-  'redo',
-  'reduce_capacity',
-  'refresh',
-  'regular_expression',
-  'relax',
-  'release_alert',
-  'remember_me',
-  'reminder',
-  'reminders_alt',
-  'remote_gen',
-  'remove',
-  'remove_circle',
-  'remove_circle_outline',
-  'remove_done',
-  'remove_from_queue',
-  'remove_moderator',
-  'remove_red_eye',
-  'remove_road',
-  'remove_selection',
-  'remove_shopping_cart',
-  'reopen_window',
-  'reorder',
-  'repartition',
-  'repeat',
-  'repeat_on',
-  'repeat_one',
-  'repeat_one_on',
-  'replay',
-  'replay_10',
-  'replay_30',
-  'replay_5',
-  'replay_circle_filled',
-  'reply',
-  'reply_all',
-  'report',
-  'report_gmailerrorred',
-  'report_off',
-  'report_problem',
-  'request_page',
-  'request_quote',
-  'reset_image',
-  'reset_tv',
-  'reset_wrench',
-  'resize',
-  'respiratory_rate',
-  'responsive_layout',
-  'restart_alt',
-  'restaurant',
-  'restaurant_menu',
-  'restore',
-  'restore_from_trash',
-  'restore_page',
-  'resume',
-  'reviews',
-  'rewarded_ads',
-  'rheumatology',
-  'rib_cage',
-  'rice_bowl',
-  'right_click',
-  'right_panel_close',
-  'right_panel_open',
-  'ring_volume',
-  'ring_volume_filled',
-  'ripples',
-  'robot',
-  'robot_2',
-  'rocket',
-  'rocket_launch',
-  'roller_shades',
-  'roller_shades_closed',
-  'roller_skating',
-  'roofing',
-  'room',
-  'room_preferences',
-  'room_service',
-  'rotate_90_degrees_ccw',
-  'rotate_90_degrees_cw',
-  'rotate_left',
-  'rotate_right',
-  'roundabout_left',
-  'roundabout_right',
-  'rounded_corner',
-  'route',
-  'router',
-  'routine',
-  'rowing',
-  'rss_feed',
-  'rsvp',
-  'rtt',
-  'rubric',
-  'rule',
-  'rule_folder',
-  'rule_settings',
-  'run_circle',
-  'running_with_errors',
-  'rv_hookup',
-  'safety_check',
-  'safety_check_off',
-  'safety_divider',
-  'sailing',
-  'salinity',
-  'sanitizer',
-  'satellite',
-  'satellite_alt',
-  'sauna',
-  'save',
-  'save_alt',
-  'save_as',
-  'saved_search',
-  'savings',
-  'scale',
-  'scan',
-  'scan_delete',
-  'scanner',
-  'scatter_plot',
-  'scene',
-  'schedule',
-  'schedule_send',
-  'schema',
-  'school',
-  'science',
-  'science_off',
-  'score',
-  'scoreboard',
-  'screen_lock_landscape',
-  'screen_lock_portrait',
-  'screen_lock_rotation',
-  'screen_record',
-  'screen_rotation',
-  'screen_rotation_alt',
-  'screen_rotation_up',
-  'screen_search_desktop',
-  'screen_share',
-  'screenshot',
-  'screenshot_frame',
-  'screenshot_keyboard',
-  'screenshot_monitor',
-  'screenshot_region',
-  'screenshot_tablet',
-  'scrollable_header',
-  'scuba_diving',
-  'sd',
-  'sd_card',
-  'sd_card_alert',
-  'sd_storage',
-  'sdk',
-  'search',
-  'search_check',
-  'search_hands_free',
-  'search_off',
-  'security',
-  'security_key',
-  'security_update',
-  'security_update_good',
-  'security_update_warning',
-  'segment',
-  'select',
-  'select_all',
-  'select_check_box',
-  'select_to_speak',
-  'select_window',
-  'select_window_off',
-  'self_care',
-  'self_improvement',
-  'sell',
-  'send',
-  'send_and_archive',
-  'send_money',
-  'send_time_extension',
-  'send_to_mobile',
-  'sensor_door',
-  'sensor_occupied',
-  'sensor_window',
-  'sensors',
-  'sensors_krx',
-  'sensors_krx_off',
-  'sensors_off',
-  'sentiment_calm',
-  'sentiment_content',
-  'sentiment_dissatisfied',
-  'sentiment_excited',
-  'sentiment_extremely_dissatisfied',
-  'sentiment_frustrated',
-  'sentiment_neutral',
-  'sentiment_sad',
-  'sentiment_satisfied',
-  'sentiment_satisfied_alt',
-  'sentiment_stressed',
-  'sentiment_very_dissatisfied',
-  'sentiment_very_satisfied',
-  'sentiment_worried',
-  'service_toolbox',
-  'set_meal',
-  'settings',
-  'settings_accessibility',
-  'settings_account_box',
-  'settings_alert',
-  'settings_applications',
-  'settings_b_roll',
-  'settings_backup_restore',
-  'settings_bluetooth',
-  'settings_brightness',
-  'settings_cell',
-  'settings_cinematic_blur',
-  'settings_ethernet',
-  'settings_heart',
-  'settings_input_antenna',
-  'settings_input_component',
-  'settings_input_composite',
-  'settings_input_hdmi',
-  'settings_input_svideo',
-  'settings_motion_mode',
-  'settings_night_sight',
-  'settings_overscan',
-  'settings_panorama',
-  'settings_phone',
-  'settings_photo_camera',
-  'settings_power',
-  'settings_remote',
-  'settings_slow_motion',
-  'settings_suggest',
-  'settings_system_daydream',
-  'settings_timelapse',
-  'settings_video_camera',
-  'settings_voice',
-  'settop_component',
-  'severe_cold',
-  'shadow',
-  'shadow_add',
-  'shadow_minus',
-  'shape_line',
-  'shape_recognition',
-  'shapes',
-  'share',
-  'share_location',
-  'share_off',
-  'share_reviews',
-  'share_windows',
-  'sheets_rtl',
-  'shelf_auto_hide',
-  'shelf_position',
-  'shelves',
-  'shield',
-  'shield_lock',
-  'shield_locked',
-  'shield_moon',
-  'shield_person',
-  'shield_question',
-  'shield_with_heart',
-  'shield_with_house',
-  'shift',
-  'shift_lock',
-  'shop',
-  'shop_2',
-  'shop_two',
-  'shopping_bag',
-  'shopping_basket',
-  'shopping_cart',
-  'shopping_cart_checkout',
-  'shoppingmode',
-  'short_stay',
-  'short_text',
-  'shortcut',
-  'show_chart',
-  'shower',
-  'shuffle',
-  'shuffle_on',
-  'shutter_speed',
-  'shutter_speed_add',
-  'shutter_speed_minus',
-  'sick',
-  'side_navigation',
-  'sign_language',
-  'signal_cellular_0_bar',
-  'signal_cellular_1_bar',
-  'signal_cellular_2_bar',
-  'signal_cellular_3_bar',
-  'signal_cellular_4_bar',
-  'signal_cellular_add',
-  'signal_cellular_alt',
-  'signal_cellular_alt_1_bar',
-  'signal_cellular_alt_2_bar',
-  'signal_cellular_connected_no_internet_0_bar',
-  'signal_cellular_connected_no_internet_4_bar',
-  'signal_cellular_no_sim',
-  'signal_cellular_nodata',
-  'signal_cellular_null',
-  'signal_cellular_off',
-  'signal_cellular_pause',
-  'signal_disconnected',
-  'signal_wifi_0_bar',
-  'signal_wifi_4_bar',
-  'signal_wifi_4_bar_lock',
-  'signal_wifi_bad',
-  'signal_wifi_connected_no_internet_4',
-  'signal_wifi_off',
-  'signal_wifi_statusbar_4_bar',
-  'signal_wifi_statusbar_not_connected',
-  'signal_wifi_statusbar_null',
-  'signature',
-  'signpost',
-  'sim_card',
-  'sim_card_alert',
-  'sim_card_download',
-  'single_bed',
-  'sip',
-  'skateboarding',
-  'skeleton',
-  'skillet',
-  'skillet_cooktop',
-  'skip_next',
-  'skip_previous',
-  'skull',
-  'sledding',
-  'sleep',
-  'sleep_score',
-  'slide_library',
-  'sliders',
-  'slideshow',
-  'slow_motion_video',
-  'smart_button',
-  'smart_display',
-  'smart_outlet',
-  'smart_screen',
-  'smart_toy',
-  'smartphone',
-  'smb_share',
-  'smoke_free',
-  'smoking_rooms',
-  'sms',
-  'sms_failed',
-  'snippet_folder',
-  'snooze',
-  'snowboarding',
-  'snowing',
-  'snowing_heavy',
-  'snowmobile',
-  'snowshoeing',
-  'soap',
-  'social_distance',
-  'social_leaderboard',
-  'solar_power',
-  'sort',
-  'sort_by_alpha',
-  'sos',
-  'sound_detection_dog_barking',
-  'sound_detection_glass_break',
-  'sound_detection_loud_sound',
-  'sound_sampler',
-  'soup_kitchen',
-  'source',
-  'source_environment',
-  'source_notes',
-  'south',
-  'south_america',
-  'south_east',
-  'south_west',
-  'spa',
-  'space_bar',
-  'space_dashboard',
-  'spatial_audio',
-  'spatial_audio_off',
-  'spatial_tracking',
-  'speaker',
-  'speaker_group',
-  'speaker_notes',
-  'speaker_notes_off',
-  'speaker_phone',
-  'special_character',
-  'specific_gravity',
-  'speech_to_text',
-  'speed',
-  'spellcheck',
-  'splitscreen',
-  'splitscreen_bottom',
-  'splitscreen_left',
-  'splitscreen_right',
-  'splitscreen_top',
-  'spo2',
-  'spoke',
-  'sports',
-  'sports_and_outdoors',
-  'sports_bar',
-  'sports_baseball',
-  'sports_basketball',
-  'sports_cricket',
-  'sports_esports',
-  'sports_football',
-  'sports_golf',
-  'sports_gymnastics',
-  'sports_handball',
-  'sports_hockey',
-  'sports_kabaddi',
-  'sports_martial_arts',
-  'sports_mma',
-  'sports_motorsports',
-  'sports_rugby',
-  'sports_score',
-  'sports_soccer',
-  'sports_tennis',
-  'sports_volleyball',
-  'sprinkler',
-  'sprint',
-  'square',
-  'square_foot',
-  'ssid_chart',
-  'stack',
-  'stack_off',
-  'stack_star',
-  'stacked_bar_chart',
-  'stacked_email',
-  'stacked_inbox',
-  'stacked_line_chart',
-  'stacks',
-  'stadia_controller',
-  'stadium',
-  'stairs',
-  'star',
-  'star_border',
-  'star_border_purple500',
-  'star_half',
-  'star_outline',
-  'star_purple500',
-  'star_rate',
-  'star_rate_half',
-  'stars',
-  'start',
-  'stat_0',
-  'stat_1',
-  'stat_2',
-  'stat_3',
-  'stat_minus_1',
-  'stat_minus_2',
-  'stat_minus_3',
-  'stay_current_landscape',
-  'stay_current_portrait',
-  'stay_primary_landscape',
-  'stay_primary_portrait',
-  'step',
-  'step_into',
-  'step_out',
-  'step_over',
-  'steppers',
-  'steps',
-  'stethoscope',
-  'stethoscope_arrow',
-  'stethoscope_check',
-  'sticky_note',
-  'sticky_note_2',
-  'stock_media',
-  'stockpot',
-  'stop',
-  'stop_circle',
-  'stop_screen_share',
-  'storage',
-  'store',
-  'store_mall_directory',
-  'storefront',
-  'storm',
-  'straight',
-  'straighten',
-  'strategy',
-  'stream',
-  'stream_apps',
-  'streetview',
-  'stress_management',
-  'strikethrough_s',
-  'stroke_full',
-  'stroke_partial',
-  'stroller',
-  'style',
-  'styler',
-  'stylus',
-  'stylus_laser_pointer',
-  'stylus_note',
-  'subdirectory_arrow_left',
-  'subdirectory_arrow_right',
-  'subheader',
-  'subject',
-  'subscript',
-  'subscriptions',
-  'subtitles',
-  'subtitles_off',
-  'subway',
-  'summarize',
-  'sunny',
-  'sunny_snowing',
-  'superscript',
-  'supervised_user_circle',
-  'supervised_user_circle_off',
-  'supervisor_account',
-  'support',
-  'support_agent',
-  'surfing',
-  'surgical',
-  'surround_sound',
-  'swap_calls',
-  'swap_driving_apps',
-  'swap_driving_apps_wheel',
-  'swap_horiz',
-  'swap_horizontal_circle',
-  'swap_vert',
-  'swap_vertical_circle',
-  'sweep',
-  'swipe',
-  'swipe_down',
-  'swipe_down_alt',
-  'swipe_left',
-  'swipe_left_alt',
-  'swipe_right',
-  'swipe_right_alt',
-  'swipe_up',
-  'swipe_up_alt',
-  'swipe_vertical',
-  'switch',
-  'switch_access',
-  'switch_access_2',
-  'switch_access_shortcut',
-  'switch_access_shortcut_add',
-  'switch_account',
-  'switch_camera',
-  'switch_left',
-  'switch_right',
-  'switch_video',
-  'switches',
-  'sword_rose',
-  'swords',
-  'symptoms',
-  'synagogue',
-  'sync',
-  'sync_alt',
-  'sync_disabled',
-  'sync_lock',
-  'sync_problem',
-  'sync_saved_locally',
-  'syringe',
-  'system_security_update',
-  'system_security_update_good',
-  'system_security_update_warning',
-  'system_update',
-  'system_update_alt',
-  'tab',
-  'tab_close',
-  'tab_close_right',
-  'tab_duplicate',
-  'tab_group',
-  'tab_move',
-  'tab_new_right',
-  'tab_recent',
-  'tab_unselected',
-  'table',
-  'table_bar',
-  'table_chart',
-  'table_chart_view',
-  'table_lamp',
-  'table_restaurant',
-  'table_rows',
-  'table_rows_narrow',
-  'table_view',
-  'tablet',
-  'tablet_android',
-  'tablet_mac',
-  'tabs',
-  'tactic',
-  'tag',
-  'tag_faces',
-  'takeout_dining',
-  'tamper_detection_off',
-  'tamper_detection_on',
-  'tap_and_play',
-  'tapas',
-  'target',
-  'task',
-  'task_alt',
-  'taunt',
-  'taxi_alert',
-  'team_dashboard',
-  'temp_preferences_custom',
-  'temp_preferences_eco',
-  'temple_buddhist',
-  'temple_hindu',
-  'tenancy',
-  'terminal',
-  'terrain',
-  'text_ad',
-  'text_decrease',
-  'text_fields',
-  'text_fields_alt',
-  'text_format',
-  'text_increase',
-  'text_rotate_up',
-  'text_rotate_vertical',
-  'text_rotation_angledown',
-  'text_rotation_angleup',
-  'text_rotation_down',
-  'text_rotation_none',
-  'text_select_end',
-  'text_select_jump_to_beginning',
-  'text_select_jump_to_end',
-  'text_select_move_back_character',
-  'text_select_move_back_word',
-  'text_select_move_down',
-  'text_select_move_forward_character',
-  'text_select_move_forward_word',
-  'text_select_move_up',
-  'text_select_start',
-  'text_snippet',
-  'text_to_speech',
-  'textsms',
-  'texture',
-  'texture_add',
-  'texture_minus',
-  'theater_comedy',
-  'theaters',
-  'thermometer',
-  'thermometer_add',
-  'thermometer_gain',
-  'thermometer_loss',
-  'thermometer_minus',
-  'thermostat',
-  'thermostat_auto',
-  'thermostat_carbon',
-  'things_to_do',
-  'thumb_down',
-  'thumb_down_alt',
-  'thumb_down_filled',
-  'thumb_down_off',
-  'thumb_down_off_alt',
-  'thumb_up',
-  'thumb_up_alt',
-  'thumb_up_filled',
-  'thumb_up_off',
-  'thumb_up_off_alt',
-  'thumbnail_bar',
-  'thumbs_up_down',
-  'thunderstorm',
-  'tibia',
-  'tibia_alt',
-  'time_auto',
-  'time_to_leave',
-  'timelapse',
-  'timeline',
-  'timer',
-  'timer_10',
-  'timer_10_alt_1',
-  'timer_10_select',
-  'timer_3',
-  'timer_3_alt_1',
-  'timer_3_select',
-  'timer_off',
-  'tips_and_updates',
-  'tire_repair',
-  'title',
-  'toast',
-  'toc',
-  'today',
-  'toggle_off',
-  'toggle_on',
-  'token',
-  'toll',
-  'tonality',
-  'toolbar',
-  'tools_flat_head',
-  'tools_installation_kit',
-  'tools_ladder',
-  'tools_level',
-  'tools_phillips',
-  'tools_pliers_wire_stripper',
-  'tools_power_drill',
-  'tools_wrench',
-  'tooltip',
-  'top_panel_close',
-  'top_panel_open',
-  'topic',
-  'tornado',
-  'total_dissolved_solids',
-  'touch_app',
-  'touchpad_mouse',
-  'tour',
-  'toys',
-  'toys_and_games',
-  'toys_fan',
-  'track_changes',
-  'traffic',
-  'trail_length',
-  'trail_length_medium',
-  'trail_length_short',
-  'train',
-  'tram',
-  'transit_ticket',
-  'trophy',
-  'transcribe',
-  'transfer_within_a_station',
-  'transform',
-  'transgender',
-  'transit_enterexit',
-  'transition_chop',
-  'transition_dissolve',
-  'transition_fade',
-  'transition_push',
-  'transition_slide',
-  'translate',
-  'transportation',
-  'travel',
-  'travel_explore',
-  'travel_luggage_and_bags',
-  'trending_down',
-  'trending_flat',
-  'trending_up',
-  'trip',
-  'trip_origin',
-  'trolley',
-  'trophy',
-  'troubleshoot',
-  'try',
-  'tsunami',
-  'tsv',
-  'tty',
-  'tune',
-  'tungsten',
-  'turn_left',
-  'turn_right',
-  'turn_sharp_left',
-  'turn_sharp_right',
-  'turn_slight_left',
-  'turn_slight_right',
-  'turned_in',
-  'turned_in_not',
-  'tv',
-  'tv_gen',
-  'tv_guide',
-  'tv_off',
-  'tv_options_edit_channels',
-  'tv_options_input_settings',
-  'tv_remote',
-  'tv_signin',
-  'tv_with_assistant',
-  'two_pager',
-  'two_wheeler',
-  'type_specimen',
-  'u_turn_left',
-  'u_turn_right',
-  'ulna_radius',
-  'ulna_radius_alt',
-  'umbrella',
-  'unarchive',
-  'undo',
-  'unfold_less',
-  'unfold_less_double',
-  'unfold_more',
-  'unfold_more_double',
-  'ungroup',
-  'universal_currency',
-  'universal_currency_alt',
-  'universal_local',
-  'unknown_2',
-  'unknown_5',
-  'unknown_document',
-  'unknown_med',
-  'unlicense',
-  'unpublished',
-  'unsubscribe',
-  'upcoming',
-  'update',
-  'update_disabled',
-  'upgrade',
-  'upload',
-  'upload_2',
-  'upload_file',
-  'urology',
-  'usb',
-  'usb_off',
-  'user_attributes',
-  'vaccines',
-  'vacuum',
-  'valve',
-  'vape_free',
-  'vaping_rooms',
-  'variable_add',
-  'variable_insert',
-  'variable_remove',
-  'variables',
-  'ventilator',
-  'verified',
-  'verified_user',
-  'vertical_align_bottom',
-  'vertical_align_center',
-  'vertical_align_top',
-  'vertical_distribute',
-  'vertical_shades',
-  'vertical_shades_closed',
-  'vertical_split',
-  'vibration',
-  'video_call',
-  'video_camera_back',
-  'video_camera_front',
-  'video_camera_front_off',
-  'video_chat',
-  'video_file',
-  'video_label',
-  'video_library',
-  'video_search',
-  'video_settings',
-  'video_stable',
-  'videocam',
-  'videocam_off',
-  'videogame_asset',
-  'videogame_asset_off',
-  'view_agenda',
-  'view_array',
-  'view_carousel',
-  'view_column',
-  'view_column_2',
-  'view_comfy',
-  'view_comfy_alt',
-  'view_compact',
-  'view_compact_alt',
-  'view_cozy',
-  'view_day',
-  'view_headline',
-  'view_in_ar',
-  'view_in_ar_new',
-  'view_in_ar_off',
-  'view_kanban',
-  'view_list',
-  'view_module',
-  'view_quilt',
-  'view_sidebar',
-  'view_stream',
-  'view_timeline',
-  'view_week',
-  'vignette',
-  'villa',
-  'visibility',
-  'visibility_lock',
-  'visibility_off',
-  'vital_signs',
-  'vitals',
-  'voice_chat',
-  'voice_over_off',
-  'voice_selection',
-  'voicemail',
-  'volcano',
-  'volume_down',
-  'volume_down_alt',
-  'volume_mute',
-  'volume_off',
-  'volume_up',
-  'volunteer_activism',
-  'voting_chip',
-  'vpn_key',
-  'vpn_key_alert',
-  'vpn_key_off',
-  'vpn_lock',
-  'vr180_create2d',
-  'vr180_create2d_off',
-  'vrpano',
-  'wall_art',
-  'wall_lamp',
-  'wallet',
-  'wallpaper',
-  'wallpaper_slideshow',
-  'ward',
-  'warehouse',
-  'warning',
-  'warning_amber',
-  'warning_off',
-  'wash',
-  'watch',
-  'watch_button_press',
-  'watch_later',
-  'watch_off',
-  'watch_screentime',
-  'watch_wake',
-  'water',
-  'water_bottle',
-  'water_bottle_large',
-  'water_damage',
-  'water_do',
-  'water_drop',
-  'water_ec',
-  'water_full',
-  'water_heater',
-  'water_lock',
-  'water_loss',
-  'water_lux',
-  'water_medium',
-  'water_orp',
-  'water_ph',
-  'water_pump',
-  'water_voc',
-  'waterfall_chart',
-  'waves',
-  'waving_hand',
-  'wb_auto',
-  'wb_cloudy',
-  'wb_incandescent',
-  'wb_iridescent',
-  'wb_shade',
-  'wb_sunny',
-  'wb_twilight',
-  'wc',
-  'weather_hail',
-  'weather_mix',
-  'weather_snowy',
-  'web',
-  'web_asset',
-  'web_asset_off',
-  'web_stories',
-  'web_traffic',
-  'webhook',
-  'weekend',
-  'weight',
-  'west',
-  'whatshot',
-  'wheelchair_pickup',
-  'where_to_vote',
-  'widgets',
-  'width',
-  'width_full',
-  'width_normal',
-  'width_wide',
-  'wifi',
-  'wifi_1_bar',
-  'wifi_2_bar',
-  'wifi_add',
-  'wifi_calling',
-  'wifi_calling_1',
-  'wifi_calling_2',
-  'wifi_calling_3',
-  'wifi_channel',
-  'wifi_find',
-  'wifi_home',
-  'wifi_lock',
-  'wifi_notification',
-  'wifi_off',
-  'wifi_password',
-  'wifi_protected_setup',
-  'wifi_proxy',
-  'wifi_tethering',
-  'wifi_tethering_error',
-  'wifi_tethering_off',
-  'wind_power',
-  'window',
-  'window_closed',
-  'window_open',
-  'window_sensor',
-  'wine_bar',
-  'woman',
-  'woman_2',
-  'work',
-  'work_alert',
-  'work_history',
-  'work_off',
-  'work_outline',
-  'work_update',
-  'workflow',
-  'workspace_premium',
-  'workspaces',
-  'workspaces_outline',
-  'wounds_injuries',
-  'wrap_text',
-  'wrist',
-  'wrong_location',
-  'wysiwyg',
-  'yard',
-  'your_trips',
-  'youtube_activity',
-  'youtube_searched_for',
-  'zone_person_alert',
-  'zone_person_idle',
-  'zone_person_urgent',
-  'zoom_in',
-  'zoom_in_map',
-  'zoom_out',
-  'zoom_out_map',
+  "10k",
+  "10mp",
+  "11mp",
+  "123",
+  "12mp",
+  "13mp",
+  "14mp",
+  "15mp",
+  "16mp",
+  "17mp",
+  "18_up_rating",
+  "18mp",
+  "19mp",
+  "1k",
+  "1k_plus",
+  "1x_mobiledata",
+  "1x_mobiledata_badge",
+  "20mp",
+  "21mp",
+  "22mp",
+  "23mp",
+  "24mp",
+  "2d",
+  "2k",
+  "2k_plus",
+  "2mp",
+  "30fps",
+  "30fps_select",
+  "360",
+  "3d_rotation",
+  "3g_mobiledata",
+  "3g_mobiledata_badge",
+  "3k",
+  "3k_plus",
+  "3mp",
+  "3p",
+  "4g_mobiledata",
+  "4g_mobiledata_badge",
+  "4g_plus_mobiledata",
+  "4k",
+  "4k_plus",
+  "4mp",
+  "50mp",
+  "5g",
+  "5g_mobiledata_badge",
+  "5k",
+  "5k_plus",
+  "5mp",
+  "60fps",
+  "60fps_select",
+  "6_ft_apart",
+  "6k",
+  "6k_plus",
+  "6mp",
+  "7k",
+  "7k_plus",
+  "7mp",
+  "8k",
+  "8k_plus",
+  "8mp",
+  "9k",
+  "9k_plus",
+  "9mp",
+  "abc",
+  "ac_unit",
+  "access_alarm",
+  "access_alarms",
+  "access_time",
+  "access_time_filled",
+  "accessibility",
+  "accessibility_new",
+  "accessible",
+  "accessible_forward",
+  "account_balance",
+  "account_balance_wallet",
+  "account_box",
+  "account_child",
+  "account_child_invert",
+  "account_circle",
+  "account_circle_filled",
+  "account_circle_off",
+  "account_tree",
+  "action_key",
+  "activity_zone",
+  "acute",
+  "ad",
+  "ad_group",
+  "ad_group_off",
+  "ad_off",
+  "ad_units",
+  "adb",
+  "add",
+  "add_a_photo",
+  "add_ad",
+  "add_alarm",
+  "add_alert",
+  "add_box",
+  "add_business",
+  "add_call",
+  "add_card",
+  "add_chart",
+  "add_circle",
+  "add_circle_outline",
+  "add_comment",
+  "add_home",
+  "add_home_work",
+  "add_ic_call",
+  "add_link",
+  "add_location",
+  "add_location_alt",
+  "add_moderator",
+  "add_notes",
+  "add_photo_alternate",
+  "add_reaction",
+  "add_road",
+  "add_shopping_cart",
+  "add_task",
+  "add_to_drive",
+  "add_to_home_screen",
+  "add_to_photos",
+  "add_to_queue",
+  "addchart",
+  "adf_scanner",
+  "adjust",
+  "admin_meds",
+  "admin_panel_settings",
+  "ads_click",
+  "agender",
+  "agriculture",
+  "air",
+  "air_freshener",
+  "air_purifier",
+  "air_purifier_gen",
+  "airline_seat_flat",
+  "airline_seat_flat_angled",
+  "airline_seat_individual_suite",
+  "airline_seat_legroom_extra",
+  "airline_seat_legroom_normal",
+  "airline_seat_legroom_reduced",
+  "airline_seat_recline_extra",
+  "airline_seat_recline_normal",
+  "airline_stops",
+  "airlines",
+  "airplane_ticket",
+  "airplanemode_active",
+  "airplanemode_inactive",
+  "airplay",
+  "airport_shuttle",
+  "airware",
+  "airwave",
+  "alarm",
+  "alarm_add",
+  "alarm_off",
+  "alarm_on",
+  "alarm_smart_wake",
+  "album",
+  "align_center",
+  "align_end",
+  "align_flex_center",
+  "align_flex_end",
+  "align_flex_start",
+  "align_horizontal_center",
+  "align_horizontal_left",
+  "align_horizontal_right",
+  "align_items_stretch",
+  "align_justify_center",
+  "align_justify_flex_end",
+  "align_justify_flex_start",
+  "align_justify_space_around",
+  "align_justify_space_between",
+  "align_justify_space_even",
+  "align_justify_stretch",
+  "align_self_stretch",
+  "align_space_around",
+  "align_space_between",
+  "align_space_even",
+  "align_start",
+  "align_stretch",
+  "align_vertical_bottom",
+  "align_vertical_center",
+  "align_vertical_top",
+  "all_inbox",
+  "all_inclusive",
+  "all_match",
+  "all_out",
+  "allergies",
+  "allergy",
+  "alt_route",
+  "alternate_email",
+  "altitude",
+  "ambient_screen",
+  "ambulance",
+  "amend",
+  "amp_stories",
+  "analytics",
+  "anchor",
+  "android",
+  "animation",
+  "announcement",
+  "aod",
+  "aod_tablet",
+  "aod_watch",
+  "apartment",
+  "api",
+  "apk_document",
+  "apk_install",
+  "app_badging",
+  "app_blocking",
+  "app_promo",
+  "app_registration",
+  "app_settings_alt",
+  "app_shortcut",
+  "apparel",
+  "approval",
+  "approval_delegation",
+  "apps",
+  "apps_outage",
+  "aq",
+  "aq_indoor",
+  "ar_on_you",
+  "ar_stickers",
+  "architecture",
+  "archive",
+  "area_chart",
+  "arming_countdown",
+  "arrow_and_edge",
+  "arrow_back",
+  "arrow_back_ios",
+  "arrow_back_ios_new",
+  "arrow_circle_down",
+  "arrow_circle_left",
+  "arrow_circle_right",
+  "arrow_circle_up",
+  "arrow_downward",
+  "arrow_downward_alt",
+  "arrow_drop_down",
+  "arrow_drop_down_circle",
+  "arrow_drop_up",
+  "arrow_forward",
+  "arrow_forward_ios",
+  "arrow_insert",
+  "arrow_left",
+  "arrow_left_alt",
+  "arrow_or_edge",
+  "arrow_outward",
+  "arrow_range",
+  "arrow_right",
+  "arrow_right_alt",
+  "arrow_selector_tool",
+  "arrow_split",
+  "arrow_top_left",
+  "arrow_top_right",
+  "arrow_upward",
+  "arrow_upward_alt",
+  "arrows_more_down",
+  "arrows_more_up",
+  "arrows_outward",
+  "art_track",
+  "article",
+  "article_shortcut",
+  "artist",
+  "aspect_ratio",
+  "assessment",
+  "assignment",
+  "assignment_add",
+  "assignment_ind",
+  "assignment_late",
+  "assignment_return",
+  "assignment_returned",
+  "assignment_turned_in",
+  "assist_walker",
+  "assistant",
+  "assistant_device",
+  "assistant_direction",
+  "assistant_navigation",
+  "assistant_on_hub",
+  "assistant_photo",
+  "assured_workload",
+  "asterisk",
+  "astrophotography_auto",
+  "astrophotography_off",
+  "atm",
+  "atr",
+  "attach_email",
+  "attach_file",
+  "attach_file_add",
+  "attach_money",
+  "attachment",
+  "attractions",
+  "attribution",
+  "audio_description",
+  "audio_file",
+  "audio_video_receiver",
+  "audiotrack",
+  "auto_activity_zone",
+  "auto_awesome",
+  "auto_awesome_mosaic",
+  "auto_awesome_motion",
+  "auto_delete",
+  "auto_detect_voice",
+  "auto_draw_solid",
+  "auto_fix",
+  "auto_fix_high",
+  "auto_fix_normal",
+  "auto_fix_off",
+  "auto_graph",
+  "auto_label",
+  "auto_meeting_room",
+  "auto_mode",
+  "auto_read_pause",
+  "auto_read_play",
+  "auto_schedule",
+  "auto_stories",
+  "auto_timer",
+  "auto_towing",
+  "auto_transmission",
+  "auto_videocam",
+  "autofps_select",
+  "autopause",
+  "autopay",
+  "autoplay",
+  "autorenew",
+  "autostop",
+  "av_timer",
+  "avg_pace",
+  "avg_time",
+  "award_star",
+  "azm",
+  "baby_changing_station",
+  "back_hand",
+  "back_to_tab",
+  "background_dot_large",
+  "background_dot_small",
+  "background_grid_small",
+  "background_replace",
+  "backlight_high",
+  "backlight_low",
+  "backpack",
+  "backspace",
+  "backup",
+  "backup_table",
+  "badge",
+  "badge_critical_battery",
+  "bakery_dining",
+  "balance",
+  "balcony",
+  "ballot",
+  "bar_chart",
+  "bar_chart_4_bars",
+  "barcode",
+  "barcode_reader",
+  "barcode_scanner",
+  "barefoot",
+  "batch_prediction",
+  "bath_outdoor",
+  "bath_private",
+  "bath_public_large",
+  "bathroom",
+  "bathtub",
+  "battery_0_bar",
+  "battery_1_bar",
+  "battery_20",
+  "battery_2_bar",
+  "battery_30",
+  "battery_3_bar",
+  "battery_4_bar",
+  "battery_50",
+  "battery_5_bar",
+  "battery_60",
+  "battery_6_bar",
+  "battery_80",
+  "battery_90",
+  "battery_alert",
+  "battery_change",
+  "battery_charging_20",
+  "battery_charging_30",
+  "battery_charging_50",
+  "battery_charging_60",
+  "battery_charging_80",
+  "battery_charging_90",
+  "battery_charging_full",
+  "battery_error",
+  "battery_full",
+  "battery_full_alt",
+  "battery_horiz_000",
+  "battery_horiz_050",
+  "battery_horiz_075",
+  "battery_low",
+  "battery_plus",
+  "battery_profile",
+  "battery_saver",
+  "battery_share",
+  "battery_status_good",
+  "battery_std",
+  "battery_unknown",
+  "battery_vert_005",
+  "battery_vert_020",
+  "battery_vert_050",
+  "battery_very_low",
+  "beach_access",
+  "bed",
+  "bedroom_baby",
+  "bedroom_child",
+  "bedroom_parent",
+  "bedtime",
+  "bedtime_off",
+  "beenhere",
+  "bento",
+  "bia",
+  "bid_landscape",
+  "bid_landscape_disabled",
+  "bigtop_updates",
+  "bike_scooter",
+  "biotech",
+  "blanket",
+  "blender",
+  "blind",
+  "blinds",
+  "blinds_closed",
+  "block",
+  "blood_pressure",
+  "bloodtype",
+  "bluetooth",
+  "bluetooth_audio",
+  "bluetooth_connected",
+  "bluetooth_disabled",
+  "bluetooth_drive",
+  "bluetooth_searching",
+  "blur_circular",
+  "blur_linear",
+  "blur_medium",
+  "blur_off",
+  "blur_on",
+  "blur_short",
+  "body_fat",
+  "body_system",
+  "bolt",
+  "bomb",
+  "book",
+  "book_2",
+  "book_3",
+  "book_4",
+  "book_5",
+  "book_online",
+  "bookmark",
+  "bookmark_add",
+  "bookmark_added",
+  "bookmark_border",
+  "bookmark_manager",
+  "bookmark_remove",
+  "bookmarks",
+  "border_all",
+  "border_bottom",
+  "border_clear",
+  "border_color",
+  "border_horizontal",
+  "border_inner",
+  "border_left",
+  "border_outer",
+  "border_right",
+  "border_style",
+  "border_top",
+  "border_vertical",
+  "bottom_app_bar",
+  "bottom_drawer",
+  "bottom_navigation",
+  "bottom_panel_close",
+  "bottom_panel_open",
+  "bottom_right_click",
+  "bottom_sheets",
+  "box",
+  "box_add",
+  "box_edit",
+  "boy",
+  "brand_awareness",
+  "branding_watermark",
+  "breakfast_dining",
+  "breaking_news",
+  "breaking_news_alt_1",
+  "breastfeeding",
+  "brightness_1",
+  "brightness_2",
+  "brightness_3",
+  "brightness_4",
+  "brightness_5",
+  "brightness_6",
+  "brightness_7",
+  "brightness_alert",
+  "brightness_auto",
+  "brightness_empty",
+  "brightness_high",
+  "brightness_low",
+  "brightness_medium",
+  "bring_your_own_ip",
+  "broadcast_on_home",
+  "broadcast_on_personal",
+  "broken_image",
+  "browse",
+  "browse_activity",
+  "browse_gallery",
+  "browser_not_supported",
+  "browser_updated",
+  "brunch_dining",
+  "brush",
+  "bubble",
+  "bubble_chart",
+  "bubbles",
+  "bug_report",
+  "build",
+  "build_circle",
+  "bungalow",
+  "burst_mode",
+  "bus_alert",
+  "business",
+  "business_center",
+  "business_chip",
+  "business_messages",
+  "buttons_alt",
+  "cabin",
+  "cable",
+  "cached",
+  "cake",
+  "cake_add",
+  "calculate",
+  "calendar_add_on",
+  "calendar_apps_script",
+  "calendar_clock",
+  "calendar_month",
+  "calendar_today",
+  "calendar_view_day",
+  "calendar_view_month",
+  "calendar_view_week",
+  "call",
+  "call_end",
+  "call_end_alt",
+  "call_log",
+  "call_made",
+  "call_merge",
+  "call_missed",
+  "call_missed_outgoing",
+  "call_quality",
+  "call_received",
+  "call_split",
+  "call_to_action",
+  "camera",
+  "camera_alt",
+  "camera_enhance",
+  "camera_front",
+  "camera_indoor",
+  "camera_outdoor",
+  "camera_rear",
+  "camera_roll",
+  "camera_video",
+  "cameraswitch",
+  "campaign",
+  "camping",
+  "cancel",
+  "cancel_presentation",
+  "cancel_schedule_send",
+  "candle",
+  "candlestick_chart",
+  "captive_portal",
+  "capture",
+  "car_crash",
+  "car_rental",
+  "car_repair",
+  "card_giftcard",
+  "card_membership",
+  "card_travel",
+  "cardiology",
+  "cards",
+  "carpenter",
+  "carry_on_bag",
+  "carry_on_bag_checked",
+  "carry_on_bag_inactive",
+  "carry_on_bag_question",
+  "cases",
+  "casino",
+  "cast",
+  "cast_connected",
+  "cast_for_education",
+  "cast_pause",
+  "cast_warning",
+  "castle",
+  "category",
+  "celebration",
+  "cell_merge",
+  "cell_tower",
+  "cell_wifi",
+  "center_focus_strong",
+  "center_focus_weak",
+  "chair",
+  "chair_alt",
+  "chalet",
+  "change_circle",
+  "change_history",
+  "charger",
+  "charging_station",
+  "chart_data",
+  "chat",
+  "chat_add_on",
+  "chat_apps_script",
+  "chat_bubble",
+  "chat_bubble_outline",
+  "chat_error",
+  "chat_info",
+  "chat_paste_go",
+  "check",
+  "check_box",
+  "check_box_outline_blank",
+  "check_circle",
+  "check_circle_filled",
+  "check_circle_outline",
+  "check_in_out",
+  "check_indeterminate_small",
+  "check_small",
+  "checkbook",
+  "checked_bag",
+  "checked_bag_question",
+  "checklist",
+  "checklist_rtl",
+  "checkroom",
+  "cheer",
+  "chess",
+  "chevron_left",
+  "chevron_right",
+  "child_care",
+  "child_friendly",
+  "chip_extraction",
+  "chips",
+  "chrome_reader_mode",
+  "chromecast_2",
+  "chromecast_device",
+  "chronic",
+  "church",
+  "cinematic_blur",
+  "circle",
+  "circle_notifications",
+  "circles",
+  "circles_ext",
+  "clarify",
+  "class",
+  "clean_hands",
+  "cleaning",
+  "cleaning_bucket",
+  "cleaning_services",
+  "clear",
+  "clear_all",
+  "clear_day",
+  "clear_night",
+  "climate_mini_split",
+  "clinical_notes",
+  "clock_loader_10",
+  "clock_loader_20",
+  "clock_loader_40",
+  "clock_loader_60",
+  "clock_loader_80",
+  "clock_loader_90",
+  "close",
+  "close_fullscreen",
+  "close_small",
+  "closed_caption",
+  "closed_caption_disabled",
+  "closed_caption_off",
+  "cloud",
+  "cloud_circle",
+  "cloud_done",
+  "cloud_download",
+  "cloud_off",
+  "cloud_queue",
+  "cloud_sync",
+  "cloud_upload",
+  "cloudy",
+  "cloudy_filled",
+  "cloudy_snowing",
+  "co2",
+  "co_present",
+  "code",
+  "code_blocks",
+  "code_off",
+  "coffee",
+  "coffee_maker",
+  "cognition",
+  "collapse_all",
+  "collapse_content",
+  "collections",
+  "collections_bookmark",
+  "color_lens",
+  "colorize",
+  "colors",
+  "comic_bubble",
+  "comment",
+  "comment_bank",
+  "comments_disabled",
+  "commit",
+  "communication",
+  "communities",
+  "communities_filled",
+  "commute",
+  "compare",
+  "compare_arrows",
+  "compass_calibration",
+  "component_exchange",
+  "compost",
+  "compress",
+  "computer",
+  "concierge",
+  "conditions",
+  "confirmation_number",
+  "congenital",
+  "connect_without_contact",
+  "connected_tv",
+  "connecting_airports",
+  "construction",
+  "contact_emergency",
+  "contact_mail",
+  "contact_page",
+  "contact_phone",
+  "contact_phone_filled",
+  "contact_support",
+  "contactless",
+  "contactless_off",
+  "contacts",
+  "contacts_product",
+  "content_copy",
+  "content_cut",
+  "content_paste",
+  "content_paste_go",
+  "content_paste_off",
+  "content_paste_search",
+  "contract",
+  "contract_delete",
+  "contract_edit",
+  "contrast",
+  "contrast_rtl_off",
+  "control_camera",
+  "control_point",
+  "control_point_duplicate",
+  "controller_gen",
+  "conversion_path",
+  "conversion_path_off",
+  "conveyor_belt",
+  "cookie",
+  "cookie_off",
+  "cooking",
+  "cool_to_dry",
+  "copy_all",
+  "copyright",
+  "coronavirus",
+  "corporate_fare",
+  "cottage",
+  "counter_0",
+  "counter_1",
+  "counter_2",
+  "counter_3",
+  "counter_4",
+  "counter_5",
+  "counter_6",
+  "counter_7",
+  "counter_8",
+  "counter_9",
+  "countertops",
+  "create",
+  "create_new_folder",
+  "credit_card",
+  "credit_card_gear",
+  "credit_card_heart",
+  "credit_card_off",
+  "credit_score",
+  "crib",
+  "crisis_alert",
+  "crop",
+  "crop_16_9",
+  "crop_3_2",
+  "crop_5_4",
+  "crop_7_5",
+  "crop_9_16",
+  "crop_din",
+  "crop_free",
+  "crop_landscape",
+  "crop_original",
+  "crop_portrait",
+  "crop_rotate",
+  "crop_square",
+  "crossword",
+  "crowdsource",
+  "cruelty_free",
+  "css",
+  "csv",
+  "currency_bitcoin",
+  "currency_exchange",
+  "currency_franc",
+  "currency_lira",
+  "currency_pound",
+  "currency_ruble",
+  "currency_rupee",
+  "currency_yen",
+  "currency_yuan",
+  "curtains",
+  "curtains_closed",
+  "custom_typography",
+  "cut",
+  "cycle",
+  "cyclone",
+  "dangerous",
+  "dark_mode",
+  "dashboard",
+  "dashboard_customize",
+  "data_alert",
+  "data_array",
+  "data_check",
+  "data_exploration",
+  "data_info_alert",
+  "data_loss_prevention",
+  "data_object",
+  "data_saver_off",
+  "data_saver_on",
+  "data_table",
+  "data_thresholding",
+  "data_usage",
+  "database",
+  "dataset",
+  "dataset_linked",
+  "date_range",
+  "deblur",
+  "deceased",
+  "decimal_decrease",
+  "decimal_increase",
+  "deck",
+  "dehaze",
+  "delete",
+  "delete_forever",
+  "delete_history",
+  "delete_outline",
+  "delete_sweep",
+  "demography",
+  "density_large",
+  "density_medium",
+  "density_small",
+  "dentistry",
+  "departure_board",
+  "deployed_code",
+  "deployed_code_account",
+  "deployed_code_alert",
+  "deployed_code_history",
+  "deployed_code_update",
+  "dermatology",
+  "description",
+  "deselect",
+  "design_services",
+  "desk",
+  "deskphone",
+  "desktop_access_disabled",
+  "desktop_mac",
+  "desktop_windows",
+  "destruction",
+  "details",
+  "detection_and_zone",
+  "detector",
+  "detector_alarm",
+  "detector_battery",
+  "detector_co",
+  "detector_offline",
+  "detector_smoke",
+  "detector_status",
+  "developer_board",
+  "developer_board_off",
+  "developer_guide",
+  "developer_mode",
+  "developer_mode_tv",
+  "device_hub",
+  "device_reset",
+  "device_thermostat",
+  "device_unknown",
+  "devices",
+  "devices_fold",
+  "devices_off",
+  "devices_other",
+  "devices_wearables",
+  "dew_point",
+  "diagnosis",
+  "dialer_sip",
+  "dialogs",
+  "dialpad",
+  "diamond",
+  "dictionary",
+  "difference",
+  "digital_out_of_home",
+  "digital_wellbeing",
+  "dining",
+  "dinner_dining",
+  "directions",
+  "directions_alt",
+  "directions_alt_off",
+  "directions_bike",
+  "directions_boat",
+  "directions_boat_filled",
+  "directions_bus",
+  "directions_bus_filled",
+  "directions_car",
+  "directions_car_filled",
+  "directions_off",
+  "directions_railway",
+  "directions_railway_filled",
+  "directions_run",
+  "directions_subway",
+  "directions_subway_filled",
+  "directions_transit",
+  "directions_transit_filled",
+  "directions_walk",
+  "directory_sync",
+  "dirty_lens",
+  "disabled_by_default",
+  "disabled_visible",
+  "disc_full",
+  "discover_tune",
+  "dishwasher",
+  "dishwasher_gen",
+  "display_external_input",
+  "display_settings",
+  "distance",
+  "diversity_1",
+  "diversity_2",
+  "diversity_3",
+  "diversity_4",
+  "dns",
+  "do_disturb",
+  "do_disturb_alt",
+  "do_disturb_off",
+  "do_disturb_on",
+  "do_not_disturb",
+  "do_not_disturb_alt",
+  "do_not_disturb_off",
+  "do_not_disturb_on",
+  "do_not_disturb_on_total_silence",
+  "do_not_step",
+  "do_not_touch",
+  "dock",
+  "dock_to_bottom",
+  "dock_to_left",
+  "dock_to_right",
+  "docs_add_on",
+  "docs_apps_script",
+  "document_scanner",
+  "domain",
+  "domain_add",
+  "domain_disabled",
+  "domain_verification",
+  "domain_verification_off",
+  "domino_mask",
+  "done",
+  "done_all",
+  "done_outline",
+  "donut_large",
+  "donut_small",
+  "door_back",
+  "door_front",
+  "door_open",
+  "door_sensor",
+  "door_sliding",
+  "doorbell",
+  "doorbell_3p",
+  "doorbell_chime",
+  "double_arrow",
+  "downhill_skiing",
+  "download",
+  "download_2",
+  "download_done",
+  "download_for_offline",
+  "downloading",
+  "draft",
+  "draft_orders",
+  "drafts",
+  "drag_click",
+  "drag_handle",
+  "drag_indicator",
+  "drag_pan",
+  "draw",
+  "draw_abstract",
+  "draw_collage",
+  "drawing_recognition",
+  "dresser",
+  "drive_eta",
+  "drive_file_move",
+  "drive_file_move_outline",
+  "drive_file_move_rtl",
+  "drive_file_rename_outline",
+  "drive_folder_upload",
+  "drive_fusiontable",
+  "dropdown",
+  "dry",
+  "dry_cleaning",
+  "dual_screen",
+  "duo",
+  "dvr",
+  "dynamic_feed",
+  "dynamic_form",
+  "e911_avatar",
+  "e911_emergency",
+  "e_mobiledata",
+  "e_mobiledata_badge",
+  "earbuds",
+  "earbuds_battery",
+  "early_on",
+  "earthquake",
+  "east",
+  "ecg",
+  "ecg_heart",
+  "eco",
+  "eda",
+  "edgesensor_high",
+  "edgesensor_low",
+  "edit",
+  "edit_attributes",
+  "edit_calendar",
+  "edit_document",
+  "edit_location",
+  "edit_location_alt",
+  "edit_note",
+  "edit_notifications",
+  "edit_off",
+  "edit_road",
+  "edit_square",
+  "editor_choice",
+  "egg",
+  "egg_alt",
+  "eject",
+  "elderly",
+  "elderly_woman",
+  "electric_bike",
+  "electric_bolt",
+  "electric_car",
+  "electric_meter",
+  "electric_moped",
+  "electric_rickshaw",
+  "electric_scooter",
+  "electrical_services",
+  "elevation",
+  "elevator",
+  "email",
+  "emergency",
+  "emergency_heat",
+  "emergency_home",
+  "emergency_recording",
+  "emergency_share",
+  "emergency_share_off",
+  "emoji_emotions",
+  "emoji_events",
+  "emoji_flags",
+  "emoji_food_beverage",
+  "emoji_nature",
+  "emoji_objects",
+  "emoji_people",
+  "emoji_symbols",
+  "emoji_transportation",
+  "emoticon",
+  "empty_dashboard",
+  "enable",
+  "encrypted",
+  "endocrinology",
+  "energy",
+  "energy_program_saving",
+  "energy_program_time_used",
+  "energy_savings_leaf",
+  "engineering",
+  "enhanced_encryption",
+  "ent",
+  "enterprise",
+  "enterprise_off",
+  "equal",
+  "equalizer",
+  "error",
+  "error_circle_rounded",
+  "error_med",
+  "error_outline",
+  "escalator",
+  "escalator_warning",
+  "euro",
+  "euro_symbol",
+  "ev_charger",
+  "ev_mobiledata_badge",
+  "ev_shadow",
+  "ev_shadow_add",
+  "ev_shadow_minus",
+  "ev_station",
+  "event",
+  "event_available",
+  "event_busy",
+  "event_list",
+  "event_note",
+  "event_repeat",
+  "event_seat",
+  "event_upcoming",
+  "exclamation",
+  "exercise",
+  "exit_to_app",
+  "expand",
+  "expand_all",
+  "expand_circle_down",
+  "expand_circle_right",
+  "expand_circle_up",
+  "expand_content",
+  "expand_less",
+  "expand_more",
+  "experiment",
+  "explicit",
+  "explore",
+  "explore_nearby",
+  "explore_off",
+  "explosion",
+  "export_notes",
+  "exposure",
+  "exposure_neg_1",
+  "exposure_neg_2",
+  "exposure_plus_1",
+  "exposure_plus_2",
+  "exposure_zero",
+  "extension",
+  "extension_off",
+  "eyeglasses",
+  "face",
+  "face_2",
+  "face_3",
+  "face_4",
+  "face_5",
+  "face_6",
+  "face_retouching_natural",
+  "face_retouching_off",
+  "face_unlock",
+  "fact_check",
+  "factory",
+  "falling",
+  "familiar_face_and_zone",
+  "family_history",
+  "family_home",
+  "family_link",
+  "family_restroom",
+  "family_star",
+  "farsight_digital",
+  "fast_forward",
+  "fast_rewind",
+  "fastfood",
+  "faucet",
+  "favorite",
+  "favorite_border",
+  "fax",
+  "feature_search",
+  "featured_play_list",
+  "featured_seasonal_and_gifts",
+  "featured_video",
+  "feed",
+  "feedback",
+  "female",
+  "femur",
+  "femur_alt",
+  "fence",
+  "fertile",
+  "festival",
+  "fiber_dvr",
+  "fiber_manual_record",
+  "fiber_new",
+  "fiber_pin",
+  "fiber_smart_record",
+  "file_copy",
+  "file_download",
+  "file_download_done",
+  "file_download_off",
+  "file_map",
+  "file_open",
+  "file_present",
+  "file_save",
+  "file_save_off",
+  "file_upload",
+  "file_upload_off",
+  "filter",
+  "filter_1",
+  "filter_2",
+  "filter_3",
+  "filter_4",
+  "filter_5",
+  "filter_6",
+  "filter_7",
+  "filter_8",
+  "filter_9",
+  "filter_9_plus",
+  "filter_alt",
+  "filter_alt_off",
+  "filter_b_and_w",
+  "filter_center_focus",
+  "filter_drama",
+  "filter_frames",
+  "filter_hdr",
+  "filter_list",
+  "filter_list_alt",
+  "filter_list_off",
+  "filter_none",
+  "filter_retrolux",
+  "filter_tilt_shift",
+  "filter_vintage",
+  "finance",
+  "finance_chip",
+  "finance_mode",
+  "find_in_page",
+  "find_replace",
+  "fingerprint",
+  "fire_extinguisher",
+  "fire_hydrant",
+  "fire_truck",
+  "fireplace",
+  "first_page",
+  "fit_page",
+  "fit_screen",
+  "fit_width",
+  "fitness_center",
+  "flag",
+  "flag_circle",
+  "flag_filled",
+  "flaky",
+  "flare",
+  "flash_auto",
+  "flash_off",
+  "flash_on",
+  "flashlight_off",
+  "flashlight_on",
+  "flatware",
+  "flex_direction",
+  "flex_no_wrap",
+  "flex_wrap",
+  "flight",
+  "flight_class",
+  "flight_land",
+  "flight_takeoff",
+  "flights_and_hotels",
+  "flightsmode",
+  "flip",
+  "flip_camera_android",
+  "flip_camera_ios",
+  "flip_to_back",
+  "flip_to_front",
+  "flood",
+  "floor",
+  "floor_lamp",
+  "flourescent",
+  "flowsheet",
+  "fluid",
+  "fluid_balance",
+  "fluid_med",
+  "fluorescent",
+  "flutter",
+  "flutter_dash",
+  "fmd_bad",
+  "fmd_good",
+  "foggy",
+  "folded_hands",
+  "folder",
+  "folder_copy",
+  "folder_data",
+  "folder_delete",
+  "folder_managed",
+  "folder_off",
+  "folder_open",
+  "folder_shared",
+  "folder_special",
+  "folder_supervised",
+  "folder_zip",
+  "follow_the_signs",
+  "font_download",
+  "font_download_off",
+  "food_bank",
+  "foot_bones",
+  "footprint",
+  "for_you",
+  "forest",
+  "fork_left",
+  "fork_right",
+  "forklift",
+  "format_align_center",
+  "format_align_justify",
+  "format_align_left",
+  "format_align_right",
+  "format_bold",
+  "format_clear",
+  "format_color_fill",
+  "format_color_reset",
+  "format_color_text",
+  "format_h1",
+  "format_h2",
+  "format_h3",
+  "format_h4",
+  "format_h5",
+  "format_h6",
+  "format_image_left",
+  "format_image_right",
+  "format_indent_decrease",
+  "format_indent_increase",
+  "format_ink_highlighter",
+  "format_italic",
+  "format_letter_spacing",
+  "format_letter_spacing_2",
+  "format_letter_spacing_standard",
+  "format_letter_spacing_wide",
+  "format_letter_spacing_wider",
+  "format_line_spacing",
+  "format_list_bulleted",
+  "format_list_bulleted_add",
+  "format_list_numbered",
+  "format_list_numbered_rtl",
+  "format_overline",
+  "format_paint",
+  "format_paragraph",
+  "format_quote",
+  "format_shapes",
+  "format_size",
+  "format_strikethrough",
+  "format_text_clip",
+  "format_text_overflow",
+  "format_text_wrap",
+  "format_textdirection_l_to_r",
+  "format_textdirection_r_to_l",
+  "format_underlined",
+  "format_underlined_squiggle",
+  "forms_add_on",
+  "forms_apps_script",
+  "fort",
+  "forum",
+  "forward",
+  "forward_10",
+  "forward_30",
+  "forward_5",
+  "forward_circle",
+  "forward_media",
+  "forward_to_inbox",
+  "foundation",
+  "frame_inspect",
+  "frame_person",
+  "frame_person_off",
+  "frame_reload",
+  "frame_source",
+  "free_breakfast",
+  "free_cancellation",
+  "front_hand",
+  "front_loader",
+  "full_coverage",
+  "full_hd",
+  "full_stacked_bar_chart",
+  "fullscreen",
+  "fullscreen_exit",
+  "function",
+  "functions",
+  "g_mobiledata",
+  "g_mobiledata_badge",
+  "g_translate",
+  "gallery_thumbnail",
+  "gamepad",
+  "games",
+  "garage",
+  "garage_door",
+  "garage_home",
+  "garden_cart",
+  "gas_meter",
+  "gastroenterology",
+  "gate",
+  "gavel",
+  "general_device",
+  "generating_tokens",
+  "genetics",
+  "genres",
+  "gesture",
+  "gesture_select",
+  "get_app",
+  "gif",
+  "gif_box",
+  "girl",
+  "gite",
+  "glass_cup",
+  "globe",
+  "globe_asia",
+  "globe_uk",
+  "glucose",
+  "glyphs",
+  "go_to_line",
+  "golf_course",
+  "google_home_devices",
+  "google_plus_reshare",
+  "google_tv_remote",
+  "google_wifi",
+  "gpp_bad",
+  "gpp_good",
+  "gpp_maybe",
+  "gps_fixed",
+  "gps_not_fixed",
+  "gps_off",
+  "grade",
+  "gradient",
+  "grading",
+  "grain",
+  "graphic_eq",
+  "grass",
+  "grid_3x3",
+  "grid_3x3_off",
+  "grid_4x4",
+  "grid_goldenratio",
+  "grid_guides",
+  "grid_off",
+  "grid_on",
+  "grid_view",
+  "grocery",
+  "group",
+  "group_add",
+  "group_off",
+  "group_remove",
+  "group_work",
+  "grouped_bar_chart",
+  "groups",
+  "groups_2",
+  "groups_3",
+  "gynecology",
+  "h_mobiledata",
+  "h_mobiledata_badge",
+  "h_plus_mobiledata",
+  "h_plus_mobiledata_badge",
+  "hail",
+  "hallway",
+  "hand_bones",
+  "hand_gesture",
+  "handshake",
+  "handwriting_recognition",
+  "handyman",
+  "hangout_video",
+  "hangout_video_off",
+  "hard_drive",
+  "hard_drive_2",
+  "hardware",
+  "hd",
+  "hdr_auto",
+  "hdr_auto_select",
+  "hdr_enhanced_select",
+  "hdr_off",
+  "hdr_off_select",
+  "hdr_on",
+  "hdr_on_select",
+  "hdr_plus",
+  "hdr_plus_off",
+  "hdr_strong",
+  "hdr_weak",
+  "headphones",
+  "headphones_battery",
+  "headset",
+  "headset_mic",
+  "headset_off",
+  "healing",
+  "health_and_beauty",
+  "health_and_safety",
+  "health_metrics",
+  "heap_snapshot_large",
+  "heap_snapshot_multiple",
+  "heap_snapshot_thumbnail",
+  "hearing",
+  "hearing_disabled",
+  "heart_broken",
+  "heart_check",
+  "heart_minus",
+  "heart_plus",
+  "heat",
+  "heat_pump",
+  "heat_pump_balance",
+  "height",
+  "helicopter",
+  "help",
+  "help_center",
+  "help_clinic",
+  "help_outline",
+  "hematology",
+  "hevc",
+  "hexagon",
+  "hide",
+  "hide_image",
+  "hide_source",
+  "high_density",
+  "high_quality",
+  "high_res",
+  "highlight",
+  "highlight_keyboard_focus",
+  "highlight_mouse_cursor",
+  "highlight_off",
+  "highlight_text_cursor",
+  "highlighter_size_1",
+  "highlighter_size_2",
+  "highlighter_size_3",
+  "highlighter_size_4",
+  "highlighter_size_5",
+  "hiking",
+  "history",
+  "history_edu",
+  "history_toggle_off",
+  "hive",
+  "hls",
+  "hls_off",
+  "holiday_village",
+  "home",
+  "home_and_garden",
+  "home_app_logo",
+  "home_filled",
+  "home_health",
+  "home_improvement_and_tools",
+  "home_iot_device",
+  "home_max",
+  "home_max_dots",
+  "home_mini",
+  "home_pin",
+  "home_repair_service",
+  "home_speaker",
+  "home_storage",
+  "home_work",
+  "horizontal_distribute",
+  "horizontal_rule",
+  "horizontal_split",
+  "hot_tub",
+  "hotel",
+  "hotel_class",
+  "hourglass",
+  "hourglass_bottom",
+  "hourglass_disabled",
+  "hourglass_empty",
+  "hourglass_full",
+  "hourglass_top",
+  "house",
+  "house_siding",
+  "house_with_shield",
+  "houseboat",
+  "household_supplies",
+  "how_to_reg",
+  "how_to_vote",
+  "hr_resting",
+  "html",
+  "http",
+  "https",
+  "hub",
+  "humerus",
+  "humerus_alt",
+  "humidity_high",
+  "humidity_indoor",
+  "humidity_low",
+  "humidity_mid",
+  "humidity_percentage",
+  "hvac",
+  "ice_skating",
+  "icecream",
+  "id_card",
+  "ifl",
+  "iframe",
+  "iframe_off",
+  "image",
+  "image_aspect_ratio",
+  "image_not_supported",
+  "image_search",
+  "imagesearch_roller",
+  "imagesmode",
+  "immunology",
+  "import_contacts",
+  "import_export",
+  "important_devices",
+  "in_home_mode",
+  "inactive_order",
+  "inbox",
+  "inbox_customize",
+  "incomplete_circle",
+  "indeterminate_check_box",
+  "indeterminate_question_box",
+  "info",
+  "info_i",
+  "infrared",
+  "ink_eraser",
+  "ink_eraser_off",
+  "ink_highlighter",
+  "ink_highlighter_move",
+  "ink_marker",
+  "ink_pen",
+  "inpatient",
+  "input",
+  "input_circle",
+  "insert_chart",
+  "insert_chart_filled",
+  "insert_chart_outlined",
+  "insert_comment",
+  "insert_drive_file",
+  "insert_emoticon",
+  "insert_invitation",
+  "insert_link",
+  "insert_page_break",
+  "insert_photo",
+  "insert_text",
+  "insights",
+  "install_desktop",
+  "install_mobile",
+  "instant_mix",
+  "integration_instructions",
+  "interactive_space",
+  "interests",
+  "interpreter_mode",
+  "inventory",
+  "inventory_2",
+  "invert_colors",
+  "invert_colors_off",
+  "ios",
+  "ios_share",
+  "iron",
+  "iso",
+  "jamboard_kiosk",
+  "javascript",
+  "join",
+  "join_full",
+  "join_inner",
+  "join_left",
+  "join_right",
+  "joystick",
+  "jump_to_element",
+  "kayaking",
+  "kebab_dining",
+  "kettle",
+  "key",
+  "key_off",
+  "key_vertical",
+  "key_visualizer",
+  "keyboard",
+  "keyboard_alt",
+  "keyboard_arrow_down",
+  "keyboard_arrow_left",
+  "keyboard_arrow_right",
+  "keyboard_arrow_up",
+  "keyboard_backspace",
+  "keyboard_capslock",
+  "keyboard_capslock_badge",
+  "keyboard_command_key",
+  "keyboard_control_key",
+  "keyboard_double_arrow_down",
+  "keyboard_double_arrow_left",
+  "keyboard_double_arrow_right",
+  "keyboard_double_arrow_up",
+  "keyboard_external_input",
+  "keyboard_full",
+  "keyboard_hide",
+  "keyboard_keys",
+  "keyboard_off",
+  "keyboard_onscreen",
+  "keyboard_option_key",
+  "keyboard_previous_language",
+  "keyboard_return",
+  "keyboard_tab",
+  "keyboard_tab_rtl",
+  "keyboard_voice",
+  "kid_star",
+  "king_bed",
+  "kitchen",
+  "kitesurfing",
+  "lab_panel",
+  "lab_profile",
+  "lab_research",
+  "label",
+  "label_important",
+  "label_important_outline",
+  "label_off",
+  "label_outline",
+  "labs",
+  "lan",
+  "landscape",
+  "landslide",
+  "language",
+  "language_chinese_array",
+  "language_chinese_cangjie",
+  "language_chinese_dayi",
+  "language_chinese_pinyin",
+  "language_chinese_quick",
+  "language_chinese_wubi",
+  "language_french",
+  "language_gb_english",
+  "language_international",
+  "language_japanese_kana",
+  "language_korean_latin",
+  "language_pinyin",
+  "language_spanish",
+  "language_us",
+  "language_us_colemak",
+  "language_us_dvorak",
+  "laps",
+  "laptop",
+  "laptop_chromebook",
+  "laptop_mac",
+  "laptop_windows",
+  "lasso_select",
+  "last_page",
+  "launch",
+  "laundry",
+  "layers",
+  "layers_clear",
+  "lda",
+  "leaderboard",
+  "leak_add",
+  "leak_remove",
+  "left_click",
+  "left_panel_close",
+  "left_panel_open",
+  "legend_toggle",
+  "lens",
+  "lens_blur",
+  "letter_switch",
+  "library_add",
+  "library_add_check",
+  "library_books",
+  "library_music",
+  "license",
+  "lift_to_talk",
+  "light",
+  "light_group",
+  "light_mode",
+  "light_off",
+  "lightbulb",
+  "lightbulb_circle",
+  "lightbulb_outline",
+  "lightning_stand",
+  "line_axis",
+  "line_curve",
+  "line_end",
+  "line_end_arrow",
+  "line_end_arrow_notch",
+  "line_end_circle",
+  "line_end_diamond",
+  "line_end_square",
+  "line_start",
+  "line_start_arrow",
+  "line_start_arrow_notch",
+  "line_start_circle",
+  "line_start_diamond",
+  "line_start_square",
+  "line_style",
+  "line_weight",
+  "linear_scale",
+  "link",
+  "link_off",
+  "linked_camera",
+  "linked_services",
+  "liquor",
+  "list",
+  "list_alt",
+  "list_alt_add",
+  "lists",
+  "live_help",
+  "live_tv",
+  "living",
+  "local_activity",
+  "local_airport",
+  "local_atm",
+  "local_bar",
+  "local_cafe",
+  "local_car_wash",
+  "local_convenience_store",
+  "local_dining",
+  "local_drink",
+  "local_fire_department",
+  "local_florist",
+  "local_gas_station",
+  "local_grocery_store",
+  "local_hospital",
+  "local_hotel",
+  "local_laundry_service",
+  "local_library",
+  "local_mall",
+  "local_movies",
+  "local_offer",
+  "local_parking",
+  "local_pharmacy",
+  "local_phone",
+  "local_pizza",
+  "local_play",
+  "local_police",
+  "local_post_office",
+  "local_printshop",
+  "local_see",
+  "local_shipping",
+  "local_taxi",
+  "location_automation",
+  "location_away",
+  "location_chip",
+  "location_city",
+  "location_disabled",
+  "location_home",
+  "location_off",
+  "location_on",
+  "location_pin",
+  "location_searching",
+  "locator_tag",
+  "lock",
+  "lock_clock",
+  "lock_open",
+  "lock_open_right",
+  "lock_outline",
+  "lock_person",
+  "lock_reset",
+  "login",
+  "logo_dev",
+  "logout",
+  "looks",
+  "looks_3",
+  "looks_4",
+  "looks_5",
+  "looks_6",
+  "looks_one",
+  "looks_two",
+  "loop",
+  "loupe",
+  "low_density",
+  "low_priority",
+  "loyalty",
+  "lte_mobiledata",
+  "lte_mobiledata_badge",
+  "lte_plus_mobiledata",
+  "lte_plus_mobiledata_badge",
+  "luggage",
+  "lunch_dining",
+  "lyrics",
+  "macro_auto",
+  "macro_off",
+  "magic_button",
+  "magic_exchange",
+  "magic_tether",
+  "magnification_large",
+  "magnification_small",
+  "magnify_docked",
+  "magnify_fullscreen",
+  "mail",
+  "mail_lock",
+  "mail_outline",
+  "male",
+  "man",
+  "man_2",
+  "man_3",
+  "man_4",
+  "manage_accounts",
+  "manage_history",
+  "manage_search",
+  "manga",
+  "manufacturing",
+  "map",
+  "maps_home_work",
+  "maps_ugc",
+  "margin",
+  "mark_as_unread",
+  "mark_chat_read",
+  "mark_chat_unread",
+  "mark_email_read",
+  "mark_email_unread",
+  "mark_unread_chat_alt",
+  "markdown",
+  "markdown_copy",
+  "markdown_paste",
+  "markunread",
+  "markunread_mailbox",
+  "masked_transitions",
+  "masks",
+  "match_case",
+  "match_word",
+  "matter",
+  "maximize",
+  "measuring_tape",
+  "media_bluetooth_off",
+  "media_bluetooth_on",
+  "media_link",
+  "mediation",
+  "medical_information",
+  "medical_mask",
+  "medical_services",
+  "medication",
+  "medication_liquid",
+  "meeting_room",
+  "memory",
+  "memory_alt",
+  "menstrual_health",
+  "menu",
+  "menu_book",
+  "menu_open",
+  "merge",
+  "merge_type",
+  "message",
+  "metabolism",
+  "mfg_nest_yale_lock",
+  "mic",
+  "mic_double",
+  "mic_external_off",
+  "mic_external_on",
+  "mic_none",
+  "mic_off",
+  "microbiology",
+  "microwave",
+  "microwave_gen",
+  "military_tech",
+  "mimo",
+  "mimo_disconnect",
+  "mindfulness",
+  "minimize",
+  "minor_crash",
+  "mintmark",
+  "missed_video_call",
+  "missed_video_call_filled",
+  "missing_controller",
+  "mist",
+  "mitre",
+  "mixture_med",
+  "mms",
+  "mobile_friendly",
+  "mobile_off",
+  "mobile_screen_share",
+  "mobiledata_off",
+  "mode",
+  "mode_comment",
+  "mode_cool",
+  "mode_cool_off",
+  "mode_dual",
+  "mode_edit",
+  "mode_edit_outline",
+  "mode_fan",
+  "mode_fan_off",
+  "mode_heat",
+  "mode_heat_cool",
+  "mode_heat_off",
+  "mode_night",
+  "mode_of_travel",
+  "mode_off_on",
+  "mode_standby",
+  "model_training",
+  "monetization_on",
+  "money",
+  "money_off",
+  "money_off_csred",
+  "monitor",
+  "monitor_heart",
+  "monitor_weight",
+  "monitor_weight_gain",
+  "monitor_weight_loss",
+  "monitoring",
+  "monochrome_photos",
+  "mood",
+  "mood_bad",
+  "mop",
+  "more",
+  "more_down",
+  "more_horiz",
+  "more_time",
+  "more_up",
+  "more_vert",
+  "mosque",
+  "motion_blur",
+  "motion_mode",
+  "motion_photos_auto",
+  "motion_photos_off",
+  "motion_photos_on",
+  "motion_photos_pause",
+  "motion_photos_paused",
+  "motion_sensor_active",
+  "motion_sensor_alert",
+  "motion_sensor_idle",
+  "motion_sensor_urgent",
+  "motorcycle",
+  "mountain_flag",
+  "mouse",
+  "move",
+  "move_down",
+  "move_group",
+  "move_item",
+  "move_location",
+  "move_selection_down",
+  "move_selection_left",
+  "move_selection_right",
+  "move_selection_up",
+  "move_to_inbox",
+  "move_up",
+  "moved_location",
+  "movie",
+  "movie_creation",
+  "movie_edit",
+  "movie_filter",
+  "movie_info",
+  "moving",
+  "moving_beds",
+  "moving_ministry",
+  "mp",
+  "multicooker",
+  "multiline_chart",
+  "multiple_stop",
+  "museum",
+  "music_cast",
+  "music_note",
+  "music_off",
+  "music_video",
+  "my_location",
+  "mystery",
+  "nat",
+  "nature",
+  "nature_people",
+  "navigate_before",
+  "navigate_next",
+  "navigation",
+  "near_me",
+  "near_me_disabled",
+  "nearby",
+  "nearby_error",
+  "nearby_off",
+  "nephrology",
+  "nest_audio",
+  "nest_cam_floodlight",
+  "nest_cam_indoor",
+  "nest_cam_iq",
+  "nest_cam_iq_outdoor",
+  "nest_cam_magnet_mount",
+  "nest_cam_outdoor",
+  "nest_cam_stand",
+  "nest_cam_wall_mount",
+  "nest_cam_wired_stand",
+  "nest_clock_farsight_analog",
+  "nest_clock_farsight_digital",
+  "nest_connect",
+  "nest_detect",
+  "nest_display",
+  "nest_display_max",
+  "nest_doorbell_visitor",
+  "nest_eco_leaf",
+  "nest_farsight_weather",
+  "nest_found_savings",
+  "nest_gale_wifi",
+  "nest_heat_link_e",
+  "nest_heat_link_gen_3",
+  "nest_hello_doorbell",
+  "nest_locator_tag",
+  "nest_mini",
+  "nest_multi_room",
+  "nest_protect",
+  "nest_remote",
+  "nest_remote_comfort_sensor",
+  "nest_secure_alarm",
+  "nest_sunblock",
+  "nest_tag",
+  "nest_thermostat",
+  "nest_thermostat_e_eu",
+  "nest_thermostat_gen_3",
+  "nest_thermostat_sensor",
+  "nest_thermostat_sensor_eu",
+  "nest_thermostat_zirconium_eu",
+  "nest_true_radiant",
+  "nest_wake_on_approach",
+  "nest_wake_on_press",
+  "nest_wifi_gale",
+  "nest_wifi_mistral",
+  "nest_wifi_point",
+  "nest_wifi_point_vento",
+  "nest_wifi_pro",
+  "nest_wifi_pro_2",
+  "nest_wifi_router",
+  "network_cell",
+  "network_check",
+  "network_intelligence_history",
+  "network_intelligence_update",
+  "network_locked",
+  "network_manage",
+  "network_node",
+  "network_ping",
+  "network_wifi",
+  "network_wifi_1_bar",
+  "network_wifi_1_bar_locked",
+  "network_wifi_2_bar",
+  "network_wifi_2_bar_locked",
+  "network_wifi_3_bar",
+  "network_wifi_3_bar_locked",
+  "network_wifi_locked",
+  "neurology",
+  "new_label",
+  "new_releases",
+  "new_window",
+  "news",
+  "newsmode",
+  "newspaper",
+  "newsstand",
+  "next_plan",
+  "next_week",
+  "nfc",
+  "night_shelter",
+  "night_sight_auto",
+  "night_sight_auto_off",
+  "night_sight_max",
+  "nightlife",
+  "nightlight",
+  "nightlight_round",
+  "nights_stay",
+  "no_accounts",
+  "no_adult_content",
+  "no_backpack",
+  "no_crash",
+  "no_drinks",
+  "no_encryption",
+  "no_encryption_gmailerrorred",
+  "no_flash",
+  "no_food",
+  "no_luggage",
+  "no_meals",
+  "no_meeting_room",
+  "no_photography",
+  "no_sim",
+  "no_sound",
+  "no_stroller",
+  "no_transfer",
+  "noise_aware",
+  "noise_control_off",
+  "noise_control_on",
+  "nordic_walking",
+  "north",
+  "north_east",
+  "north_west",
+  "not_accessible",
+  "not_accessible_forward",
+  "not_interested",
+  "not_listed_location",
+  "not_started",
+  "note",
+  "note_add",
+  "note_alt",
+  "note_stack",
+  "note_stack_add",
+  "notes",
+  "notification_add",
+  "notification_important",
+  "notification_multiple",
+  "notifications",
+  "notifications_active",
+  "notifications_none",
+  "notifications_off",
+  "notifications_paused",
+  "notifications_unread",
+  "numbers",
+  "nutrition",
+  "ods",
+  "odt",
+  "offline_bolt",
+  "offline_pin",
+  "offline_share",
+  "oil_barrel",
+  "on_device_training",
+  "on_hub_device",
+  "oncology",
+  "ondemand_video",
+  "online_prediction",
+  "onsen",
+  "opacity",
+  "open_in_browser",
+  "open_in_full",
+  "open_in_new",
+  "open_in_new_down",
+  "open_in_new_off",
+  "open_in_phone",
+  "open_jam",
+  "open_with",
+  "ophthalmology",
+  "oral_disease",
+  "order_approve",
+  "order_play",
+  "orders",
+  "orthopedics",
+  "other_admission",
+  "other_houses",
+  "outbound",
+  "outbox",
+  "outbox_alt",
+  "outdoor_garden",
+  "outdoor_grill",
+  "outgoing_mail",
+  "outlet",
+  "outlined_flag",
+  "outpatient",
+  "outpatient_med",
+  "output",
+  "output_circle",
+  "oven",
+  "oven_gen",
+  "overview",
+  "overview_key",
+  "oxygen_saturation",
+  "p2p",
+  "pace",
+  "pacemaker",
+  "package",
+  "package_2",
+  "padding",
+  "page_control",
+  "page_info",
+  "pageless",
+  "pages",
+  "pageview",
+  "paid",
+  "palette",
+  "pallet",
+  "pan_tool",
+  "pan_tool_alt",
+  "pan_zoom",
+  "panorama",
+  "panorama_fish_eye",
+  "panorama_horizontal",
+  "panorama_photosphere",
+  "panorama_vertical",
+  "panorama_wide_angle",
+  "paragliding",
+  "park",
+  "partly_cloudy_day",
+  "partly_cloudy_night",
+  "partner_exchange",
+  "partner_reports",
+  "party_mode",
+  "passkey",
+  "password",
+  "patient_list",
+  "pattern",
+  "pause",
+  "pause_circle",
+  "pause_circle_filled",
+  "pause_circle_outline",
+  "pause_presentation",
+  "payment",
+  "payments",
+  "pedal_bike",
+  "pediatrics",
+  "pen_size_1",
+  "pen_size_2",
+  "pen_size_3",
+  "pen_size_4",
+  "pen_size_5",
+  "pending",
+  "pending_actions",
+  "pentagon",
+  "people",
+  "people_alt",
+  "people_outline",
+  "percent",
+  "performance_max",
+  "pergola",
+  "perm_camera_mic",
+  "perm_contact_calendar",
+  "perm_data_setting",
+  "perm_device_information",
+  "perm_identity",
+  "perm_media",
+  "perm_phone_msg",
+  "perm_scan_wifi",
+  "person",
+  "person_2",
+  "person_3",
+  "person_4",
+  "person_add",
+  "person_add_alt",
+  "person_add_disabled",
+  "person_alert",
+  "person_apron",
+  "person_book",
+  "person_cancel",
+  "person_celebrate",
+  "person_check",
+  "person_filled",
+  "person_off",
+  "person_outline",
+  "person_pin",
+  "person_pin_circle",
+  "person_play",
+  "person_raised_hand",
+  "person_remove",
+  "person_search",
+  "personal_bag",
+  "personal_bag_off",
+  "personal_bag_question",
+  "personal_injury",
+  "personal_places",
+  "personal_video",
+  "pest_control",
+  "pest_control_rodent",
+  "pet_supplies",
+  "pets",
+  "phishing",
+  "phone",
+  "phone_alt",
+  "phone_android",
+  "phone_bluetooth_speaker",
+  "phone_callback",
+  "phone_disabled",
+  "phone_enabled",
+  "phone_forwarded",
+  "phone_in_talk",
+  "phone_iphone",
+  "phone_locked",
+  "phone_missed",
+  "phone_paused",
+  "phonelink",
+  "phonelink_erase",
+  "phonelink_lock",
+  "phonelink_off",
+  "phonelink_ring",
+  "phonelink_ring_off",
+  "phonelink_setup",
+  "photo",
+  "photo_album",
+  "photo_auto_merge",
+  "photo_camera",
+  "photo_camera_back",
+  "photo_camera_front",
+  "photo_filter",
+  "photo_frame",
+  "photo_library",
+  "photo_prints",
+  "photo_size_select_actual",
+  "photo_size_select_large",
+  "photo_size_select_small",
+  "php",
+  "physical_therapy",
+  "piano",
+  "piano_off",
+  "picture_as_pdf",
+  "picture_in_picture",
+  "picture_in_picture_alt",
+  "picture_in_picture_center",
+  "picture_in_picture_large",
+  "picture_in_picture_medium",
+  "picture_in_picture_mobile",
+  "picture_in_picture_off",
+  "picture_in_picture_small",
+  "pie_chart",
+  "pie_chart_filled",
+  "pie_chart_outline",
+  "pie_chart_outlined",
+  "pill",
+  "pill_off",
+  "pin",
+  "pin_drop",
+  "pin_end",
+  "pin_invoke",
+  "pinch",
+  "pinch_zoom_in",
+  "pinch_zoom_out",
+  "pip",
+  "pip_exit",
+  "pivot_table_chart",
+  "place",
+  "place_item",
+  "plagiarism",
+  "planner_banner_ad_pt",
+  "planner_review",
+  "play_arrow",
+  "play_circle",
+  "play_disabled",
+  "play_for_work",
+  "play_lesson",
+  "play_music",
+  "play_pause",
+  "play_shapes",
+  "playing_cards",
+  "playlist_add",
+  "playlist_add_check",
+  "playlist_add_check_circle",
+  "playlist_add_circle",
+  "playlist_play",
+  "playlist_remove",
+  "plumbing",
+  "plus_one",
+  "podcasts",
+  "podiatry",
+  "podium",
+  "point_of_sale",
+  "point_scan",
+  "policy",
+  "poll",
+  "polyline",
+  "polymer",
+  "pool",
+  "portable_wifi_off",
+  "portrait",
+  "position_bottom_left",
+  "position_bottom_right",
+  "position_top_right",
+  "post",
+  "post_add",
+  "potted_plant",
+  "power",
+  "power_input",
+  "power_off",
+  "power_rounded",
+  "power_settings_new",
+  "prayer_times",
+  "precision_manufacturing",
+  "pregnancy",
+  "pregnant_woman",
+  "preliminary",
+  "prescriptions",
+  "present_to_all",
+  "preview",
+  "preview_off",
+  "price_change",
+  "price_check",
+  "print",
+  "print_add",
+  "print_connect",
+  "print_disabled",
+  "print_error",
+  "print_lock",
+  "priority",
+  "priority_high",
+  "privacy",
+  "privacy_tip",
+  "private_connectivity",
+  "problem",
+  "procedure",
+  "process_chart",
+  "production_quantity_limits",
+  "productivity",
+  "progress_activity",
+  "propane",
+  "propane_tank",
+  "psychiatry",
+  "psychology",
+  "psychology_alt",
+  "public",
+  "public_off",
+  "publish",
+  "published_with_changes",
+  "pulmonology",
+  "pulse_alert",
+  "punch_clock",
+  "push_pin",
+  "qr_code",
+  "qr_code_2",
+  "qr_code_2_add",
+  "qr_code_scanner",
+  "query_builder",
+  "query_stats",
+  "question_answer",
+  "question_exchange",
+  "question_mark",
+  "queue",
+  "queue_music",
+  "queue_play_next",
+  "quick_phrases",
+  "quick_reference",
+  "quick_reference_all",
+  "quick_reorder",
+  "quickreply",
+  "quiet_time",
+  "quiet_time_active",
+  "quiz",
+  "r_mobiledata",
+  "radar",
+  "radio",
+  "radio_button_checked",
+  "radio_button_partial",
+  "radio_button_unchecked",
+  "radiology",
+  "railway_alert",
+  "rainy",
+  "rainy_heavy",
+  "rainy_light",
+  "rainy_snow",
+  "ramen_dining",
+  "ramp_left",
+  "ramp_right",
+  "range_hood",
+  "rate_review",
+  "raven",
+  "raw_off",
+  "raw_on",
+  "read_more",
+  "readiness_score",
+  "real_estate_agent",
+  "rear_camera",
+  "rebase",
+  "rebase_edit",
+  "receipt",
+  "receipt_long",
+  "recent_actors",
+  "recent_patient",
+  "recommend",
+  "record_voice_over",
+  "rectangle",
+  "recycling",
+  "redeem",
+  "redo",
+  "reduce_capacity",
+  "refresh",
+  "regular_expression",
+  "relax",
+  "release_alert",
+  "remember_me",
+  "reminder",
+  "reminders_alt",
+  "remote_gen",
+  "remove",
+  "remove_circle",
+  "remove_circle_outline",
+  "remove_done",
+  "remove_from_queue",
+  "remove_moderator",
+  "remove_red_eye",
+  "remove_road",
+  "remove_selection",
+  "remove_shopping_cart",
+  "reopen_window",
+  "reorder",
+  "repartition",
+  "repeat",
+  "repeat_on",
+  "repeat_one",
+  "repeat_one_on",
+  "replay",
+  "replay_10",
+  "replay_30",
+  "replay_5",
+  "replay_circle_filled",
+  "reply",
+  "reply_all",
+  "report",
+  "report_gmailerrorred",
+  "report_off",
+  "report_problem",
+  "request_page",
+  "request_quote",
+  "reset_image",
+  "reset_tv",
+  "reset_wrench",
+  "resize",
+  "respiratory_rate",
+  "responsive_layout",
+  "restart_alt",
+  "restaurant",
+  "restaurant_menu",
+  "restore",
+  "restore_from_trash",
+  "restore_page",
+  "resume",
+  "reviews",
+  "rewarded_ads",
+  "rheumatology",
+  "rib_cage",
+  "rice_bowl",
+  "right_click",
+  "right_panel_close",
+  "right_panel_open",
+  "ring_volume",
+  "ring_volume_filled",
+  "ripples",
+  "robot",
+  "robot_2",
+  "rocket",
+  "rocket_launch",
+  "roller_shades",
+  "roller_shades_closed",
+  "roller_skating",
+  "roofing",
+  "room",
+  "room_preferences",
+  "room_service",
+  "rotate_90_degrees_ccw",
+  "rotate_90_degrees_cw",
+  "rotate_left",
+  "rotate_right",
+  "roundabout_left",
+  "roundabout_right",
+  "rounded_corner",
+  "route",
+  "router",
+  "routine",
+  "rowing",
+  "rss_feed",
+  "rsvp",
+  "rtt",
+  "rubric",
+  "rule",
+  "rule_folder",
+  "rule_settings",
+  "run_circle",
+  "running_with_errors",
+  "rv_hookup",
+  "safety_check",
+  "safety_check_off",
+  "safety_divider",
+  "sailing",
+  "salinity",
+  "sanitizer",
+  "satellite",
+  "satellite_alt",
+  "sauna",
+  "save",
+  "save_alt",
+  "save_as",
+  "saved_search",
+  "savings",
+  "scale",
+  "scan",
+  "scan_delete",
+  "scanner",
+  "scatter_plot",
+  "scene",
+  "schedule",
+  "schedule_send",
+  "schema",
+  "school",
+  "science",
+  "science_off",
+  "score",
+  "scoreboard",
+  "screen_lock_landscape",
+  "screen_lock_portrait",
+  "screen_lock_rotation",
+  "screen_record",
+  "screen_rotation",
+  "screen_rotation_alt",
+  "screen_rotation_up",
+  "screen_search_desktop",
+  "screen_share",
+  "screenshot",
+  "screenshot_frame",
+  "screenshot_keyboard",
+  "screenshot_monitor",
+  "screenshot_region",
+  "screenshot_tablet",
+  "scrollable_header",
+  "scuba_diving",
+  "sd",
+  "sd_card",
+  "sd_card_alert",
+  "sd_storage",
+  "sdk",
+  "search",
+  "search_check",
+  "search_hands_free",
+  "search_off",
+  "security",
+  "security_key",
+  "security_update",
+  "security_update_good",
+  "security_update_warning",
+  "segment",
+  "select",
+  "select_all",
+  "select_check_box",
+  "select_to_speak",
+  "select_window",
+  "select_window_off",
+  "self_care",
+  "self_improvement",
+  "sell",
+  "send",
+  "send_and_archive",
+  "send_money",
+  "send_time_extension",
+  "send_to_mobile",
+  "sensor_door",
+  "sensor_occupied",
+  "sensor_window",
+  "sensors",
+  "sensors_krx",
+  "sensors_krx_off",
+  "sensors_off",
+  "sentiment_calm",
+  "sentiment_content",
+  "sentiment_dissatisfied",
+  "sentiment_excited",
+  "sentiment_extremely_dissatisfied",
+  "sentiment_frustrated",
+  "sentiment_neutral",
+  "sentiment_sad",
+  "sentiment_satisfied",
+  "sentiment_satisfied_alt",
+  "sentiment_stressed",
+  "sentiment_very_dissatisfied",
+  "sentiment_very_satisfied",
+  "sentiment_worried",
+  "service_toolbox",
+  "set_meal",
+  "settings",
+  "settings_accessibility",
+  "settings_account_box",
+  "settings_alert",
+  "settings_applications",
+  "settings_b_roll",
+  "settings_backup_restore",
+  "settings_bluetooth",
+  "settings_brightness",
+  "settings_cell",
+  "settings_cinematic_blur",
+  "settings_ethernet",
+  "settings_heart",
+  "settings_input_antenna",
+  "settings_input_component",
+  "settings_input_composite",
+  "settings_input_hdmi",
+  "settings_input_svideo",
+  "settings_motion_mode",
+  "settings_night_sight",
+  "settings_overscan",
+  "settings_panorama",
+  "settings_phone",
+  "settings_photo_camera",
+  "settings_power",
+  "settings_remote",
+  "settings_slow_motion",
+  "settings_suggest",
+  "settings_system_daydream",
+  "settings_timelapse",
+  "settings_video_camera",
+  "settings_voice",
+  "settop_component",
+  "severe_cold",
+  "shadow",
+  "shadow_add",
+  "shadow_minus",
+  "shape_line",
+  "shape_recognition",
+  "shapes",
+  "share",
+  "share_location",
+  "share_off",
+  "share_reviews",
+  "share_windows",
+  "sheets_rtl",
+  "shelf_auto_hide",
+  "shelf_position",
+  "shelves",
+  "shield",
+  "shield_lock",
+  "shield_locked",
+  "shield_moon",
+  "shield_person",
+  "shield_question",
+  "shield_with_heart",
+  "shield_with_house",
+  "shift",
+  "shift_lock",
+  "shop",
+  "shop_2",
+  "shop_two",
+  "shopping_bag",
+  "shopping_basket",
+  "shopping_cart",
+  "shopping_cart_checkout",
+  "shoppingmode",
+  "short_stay",
+  "short_text",
+  "shortcut",
+  "show_chart",
+  "shower",
+  "shuffle",
+  "shuffle_on",
+  "shutter_speed",
+  "shutter_speed_add",
+  "shutter_speed_minus",
+  "sick",
+  "side_navigation",
+  "sign_language",
+  "signal_cellular_0_bar",
+  "signal_cellular_1_bar",
+  "signal_cellular_2_bar",
+  "signal_cellular_3_bar",
+  "signal_cellular_4_bar",
+  "signal_cellular_add",
+  "signal_cellular_alt",
+  "signal_cellular_alt_1_bar",
+  "signal_cellular_alt_2_bar",
+  "signal_cellular_connected_no_internet_0_bar",
+  "signal_cellular_connected_no_internet_4_bar",
+  "signal_cellular_no_sim",
+  "signal_cellular_nodata",
+  "signal_cellular_null",
+  "signal_cellular_off",
+  "signal_cellular_pause",
+  "signal_disconnected",
+  "signal_wifi_0_bar",
+  "signal_wifi_4_bar",
+  "signal_wifi_4_bar_lock",
+  "signal_wifi_bad",
+  "signal_wifi_connected_no_internet_4",
+  "signal_wifi_off",
+  "signal_wifi_statusbar_4_bar",
+  "signal_wifi_statusbar_not_connected",
+  "signal_wifi_statusbar_null",
+  "signature",
+  "signpost",
+  "sim_card",
+  "sim_card_alert",
+  "sim_card_download",
+  "single_bed",
+  "sip",
+  "skateboarding",
+  "skeleton",
+  "skillet",
+  "skillet_cooktop",
+  "skip_next",
+  "skip_previous",
+  "skull",
+  "sledding",
+  "sleep",
+  "sleep_score",
+  "slide_library",
+  "sliders",
+  "slideshow",
+  "slow_motion_video",
+  "smart_button",
+  "smart_display",
+  "smart_outlet",
+  "smart_screen",
+  "smart_toy",
+  "smartphone",
+  "smb_share",
+  "smoke_free",
+  "smoking_rooms",
+  "sms",
+  "sms_failed",
+  "snippet_folder",
+  "snooze",
+  "snowboarding",
+  "snowing",
+  "snowing_heavy",
+  "snowmobile",
+  "snowshoeing",
+  "soap",
+  "social_distance",
+  "social_leaderboard",
+  "solar_power",
+  "sort",
+  "sort_by_alpha",
+  "sos",
+  "sound_detection_dog_barking",
+  "sound_detection_glass_break",
+  "sound_detection_loud_sound",
+  "sound_sampler",
+  "soup_kitchen",
+  "source",
+  "source_environment",
+  "source_notes",
+  "south",
+  "south_america",
+  "south_east",
+  "south_west",
+  "spa",
+  "space_bar",
+  "space_dashboard",
+  "spatial_audio",
+  "spatial_audio_off",
+  "spatial_tracking",
+  "speaker",
+  "speaker_group",
+  "speaker_notes",
+  "speaker_notes_off",
+  "speaker_phone",
+  "special_character",
+  "specific_gravity",
+  "speech_to_text",
+  "speed",
+  "spellcheck",
+  "splitscreen",
+  "splitscreen_bottom",
+  "splitscreen_left",
+  "splitscreen_right",
+  "splitscreen_top",
+  "spo2",
+  "spoke",
+  "sports",
+  "sports_and_outdoors",
+  "sports_bar",
+  "sports_baseball",
+  "sports_basketball",
+  "sports_cricket",
+  "sports_esports",
+  "sports_football",
+  "sports_golf",
+  "sports_gymnastics",
+  "sports_handball",
+  "sports_hockey",
+  "sports_kabaddi",
+  "sports_martial_arts",
+  "sports_mma",
+  "sports_motorsports",
+  "sports_rugby",
+  "sports_score",
+  "sports_soccer",
+  "sports_tennis",
+  "sports_volleyball",
+  "sprinkler",
+  "sprint",
+  "square",
+  "square_foot",
+  "ssid_chart",
+  "stack",
+  "stack_off",
+  "stack_star",
+  "stacked_bar_chart",
+  "stacked_email",
+  "stacked_inbox",
+  "stacked_line_chart",
+  "stacks",
+  "stadia_controller",
+  "stadium",
+  "stairs",
+  "star",
+  "star_border",
+  "star_border_purple500",
+  "star_half",
+  "star_outline",
+  "star_purple500",
+  "star_rate",
+  "star_rate_half",
+  "stars",
+  "start",
+  "stat_0",
+  "stat_1",
+  "stat_2",
+  "stat_3",
+  "stat_minus_1",
+  "stat_minus_2",
+  "stat_minus_3",
+  "stay_current_landscape",
+  "stay_current_portrait",
+  "stay_primary_landscape",
+  "stay_primary_portrait",
+  "step",
+  "step_into",
+  "step_out",
+  "step_over",
+  "steppers",
+  "steps",
+  "stethoscope",
+  "stethoscope_arrow",
+  "stethoscope_check",
+  "sticky_note",
+  "sticky_note_2",
+  "stock_media",
+  "stockpot",
+  "stop",
+  "stop_circle",
+  "stop_screen_share",
+  "storage",
+  "store",
+  "store_mall_directory",
+  "storefront",
+  "storm",
+  "straight",
+  "straighten",
+  "strategy",
+  "stream",
+  "stream_apps",
+  "streetview",
+  "stress_management",
+  "strikethrough_s",
+  "stroke_full",
+  "stroke_partial",
+  "stroller",
+  "style",
+  "styler",
+  "stylus",
+  "stylus_laser_pointer",
+  "stylus_note",
+  "subdirectory_arrow_left",
+  "subdirectory_arrow_right",
+  "subheader",
+  "subject",
+  "subscript",
+  "subscriptions",
+  "subtitles",
+  "subtitles_off",
+  "subway",
+  "summarize",
+  "sunny",
+  "sunny_snowing",
+  "superscript",
+  "supervised_user_circle",
+  "supervised_user_circle_off",
+  "supervisor_account",
+  "support",
+  "support_agent",
+  "surfing",
+  "surgical",
+  "surround_sound",
+  "swap_calls",
+  "swap_driving_apps",
+  "swap_driving_apps_wheel",
+  "swap_horiz",
+  "swap_horizontal_circle",
+  "swap_vert",
+  "swap_vertical_circle",
+  "sweep",
+  "swipe",
+  "swipe_down",
+  "swipe_down_alt",
+  "swipe_left",
+  "swipe_left_alt",
+  "swipe_right",
+  "swipe_right_alt",
+  "swipe_up",
+  "swipe_up_alt",
+  "swipe_vertical",
+  "switch",
+  "switch_access",
+  "switch_access_2",
+  "switch_access_shortcut",
+  "switch_access_shortcut_add",
+  "switch_account",
+  "switch_camera",
+  "switch_left",
+  "switch_right",
+  "switch_video",
+  "switches",
+  "sword_rose",
+  "swords",
+  "symptoms",
+  "synagogue",
+  "sync",
+  "sync_alt",
+  "sync_disabled",
+  "sync_lock",
+  "sync_problem",
+  "sync_saved_locally",
+  "syringe",
+  "system_security_update",
+  "system_security_update_good",
+  "system_security_update_warning",
+  "system_update",
+  "system_update_alt",
+  "tab",
+  "tab_close",
+  "tab_close_right",
+  "tab_duplicate",
+  "tab_group",
+  "tab_move",
+  "tab_new_right",
+  "tab_recent",
+  "tab_unselected",
+  "table",
+  "table_bar",
+  "table_chart",
+  "table_chart_view",
+  "table_lamp",
+  "table_restaurant",
+  "table_rows",
+  "table_rows_narrow",
+  "table_view",
+  "tablet",
+  "tablet_android",
+  "tablet_mac",
+  "tabs",
+  "tactic",
+  "tag",
+  "tag_faces",
+  "takeout_dining",
+  "tamper_detection_off",
+  "tamper_detection_on",
+  "tap_and_play",
+  "tapas",
+  "target",
+  "task",
+  "task_alt",
+  "taunt",
+  "taxi_alert",
+  "team_dashboard",
+  "temp_preferences_custom",
+  "temp_preferences_eco",
+  "temple_buddhist",
+  "temple_hindu",
+  "tenancy",
+  "terminal",
+  "terrain",
+  "text_ad",
+  "text_decrease",
+  "text_fields",
+  "text_fields_alt",
+  "text_format",
+  "text_increase",
+  "text_rotate_up",
+  "text_rotate_vertical",
+  "text_rotation_angledown",
+  "text_rotation_angleup",
+  "text_rotation_down",
+  "text_rotation_none",
+  "text_select_end",
+  "text_select_jump_to_beginning",
+  "text_select_jump_to_end",
+  "text_select_move_back_character",
+  "text_select_move_back_word",
+  "text_select_move_down",
+  "text_select_move_forward_character",
+  "text_select_move_forward_word",
+  "text_select_move_up",
+  "text_select_start",
+  "text_snippet",
+  "text_to_speech",
+  "textsms",
+  "texture",
+  "texture_add",
+  "texture_minus",
+  "theater_comedy",
+  "theaters",
+  "thermometer",
+  "thermometer_add",
+  "thermometer_gain",
+  "thermometer_loss",
+  "thermometer_minus",
+  "thermostat",
+  "thermostat_auto",
+  "thermostat_carbon",
+  "things_to_do",
+  "thumb_down",
+  "thumb_down_alt",
+  "thumb_down_filled",
+  "thumb_down_off",
+  "thumb_down_off_alt",
+  "thumb_up",
+  "thumb_up_alt",
+  "thumb_up_filled",
+  "thumb_up_off",
+  "thumb_up_off_alt",
+  "thumbnail_bar",
+  "thumbs_up_down",
+  "thunderstorm",
+  "tibia",
+  "tibia_alt",
+  "time_auto",
+  "time_to_leave",
+  "timelapse",
+  "timeline",
+  "timer",
+  "timer_10",
+  "timer_10_alt_1",
+  "timer_10_select",
+  "timer_3",
+  "timer_3_alt_1",
+  "timer_3_select",
+  "timer_off",
+  "tips_and_updates",
+  "tire_repair",
+  "title",
+  "toast",
+  "toc",
+  "today",
+  "toggle_off",
+  "toggle_on",
+  "token",
+  "toll",
+  "tonality",
+  "toolbar",
+  "tools_flat_head",
+  "tools_installation_kit",
+  "tools_ladder",
+  "tools_level",
+  "tools_phillips",
+  "tools_pliers_wire_stripper",
+  "tools_power_drill",
+  "tools_wrench",
+  "tooltip",
+  "top_panel_close",
+  "top_panel_open",
+  "topic",
+  "tornado",
+  "total_dissolved_solids",
+  "touch_app",
+  "touchpad_mouse",
+  "tour",
+  "toys",
+  "toys_and_games",
+  "toys_fan",
+  "track_changes",
+  "traffic",
+  "trail_length",
+  "trail_length_medium",
+  "trail_length_short",
+  "train",
+  "tram",
+  "transit_ticket",
+  "trophy",
+  "transcribe",
+  "transfer_within_a_station",
+  "transform",
+  "transgender",
+  "transit_enterexit",
+  "transition_chop",
+  "transition_dissolve",
+  "transition_fade",
+  "transition_push",
+  "transition_slide",
+  "translate",
+  "transportation",
+  "travel",
+  "travel_explore",
+  "travel_luggage_and_bags",
+  "trending_down",
+  "trending_flat",
+  "trending_up",
+  "trip",
+  "trip_origin",
+  "trolley",
+  "trophy",
+  "troubleshoot",
+  "try",
+  "tsunami",
+  "tsv",
+  "tty",
+  "tune",
+  "tungsten",
+  "turn_left",
+  "turn_right",
+  "turn_sharp_left",
+  "turn_sharp_right",
+  "turn_slight_left",
+  "turn_slight_right",
+  "turned_in",
+  "turned_in_not",
+  "tv",
+  "tv_gen",
+  "tv_guide",
+  "tv_off",
+  "tv_options_edit_channels",
+  "tv_options_input_settings",
+  "tv_remote",
+  "tv_signin",
+  "tv_with_assistant",
+  "two_pager",
+  "two_wheeler",
+  "type_specimen",
+  "u_turn_left",
+  "u_turn_right",
+  "ulna_radius",
+  "ulna_radius_alt",
+  "umbrella",
+  "unarchive",
+  "undo",
+  "unfold_less",
+  "unfold_less_double",
+  "unfold_more",
+  "unfold_more_double",
+  "ungroup",
+  "universal_currency",
+  "universal_currency_alt",
+  "universal_local",
+  "unknown_2",
+  "unknown_5",
+  "unknown_document",
+  "unknown_med",
+  "unlicense",
+  "unpublished",
+  "unsubscribe",
+  "upcoming",
+  "update",
+  "update_disabled",
+  "upgrade",
+  "upload",
+  "upload_2",
+  "upload_file",
+  "urology",
+  "usb",
+  "usb_off",
+  "user_attributes",
+  "vaccines",
+  "vacuum",
+  "valve",
+  "vape_free",
+  "vaping_rooms",
+  "variable_add",
+  "variable_insert",
+  "variable_remove",
+  "variables",
+  "ventilator",
+  "verified",
+  "verified_user",
+  "vertical_align_bottom",
+  "vertical_align_center",
+  "vertical_align_top",
+  "vertical_distribute",
+  "vertical_shades",
+  "vertical_shades_closed",
+  "vertical_split",
+  "vibration",
+  "video_call",
+  "video_camera_back",
+  "video_camera_front",
+  "video_camera_front_off",
+  "video_chat",
+  "video_file",
+  "video_label",
+  "video_library",
+  "video_search",
+  "video_settings",
+  "video_stable",
+  "videocam",
+  "videocam_off",
+  "videogame_asset",
+  "videogame_asset_off",
+  "view_agenda",
+  "view_array",
+  "view_carousel",
+  "view_column",
+  "view_column_2",
+  "view_comfy",
+  "view_comfy_alt",
+  "view_compact",
+  "view_compact_alt",
+  "view_cozy",
+  "view_day",
+  "view_headline",
+  "view_in_ar",
+  "view_in_ar_new",
+  "view_in_ar_off",
+  "view_kanban",
+  "view_list",
+  "view_module",
+  "view_quilt",
+  "view_sidebar",
+  "view_stream",
+  "view_timeline",
+  "view_week",
+  "vignette",
+  "villa",
+  "visibility",
+  "visibility_lock",
+  "visibility_off",
+  "vital_signs",
+  "vitals",
+  "voice_chat",
+  "voice_over_off",
+  "voice_selection",
+  "voicemail",
+  "volcano",
+  "volume_down",
+  "volume_down_alt",
+  "volume_mute",
+  "volume_off",
+  "volume_up",
+  "volunteer_activism",
+  "voting_chip",
+  "vpn_key",
+  "vpn_key_alert",
+  "vpn_key_off",
+  "vpn_lock",
+  "vr180_create2d",
+  "vr180_create2d_off",
+  "vrpano",
+  "wall_art",
+  "wall_lamp",
+  "wallet",
+  "wallpaper",
+  "wallpaper_slideshow",
+  "ward",
+  "warehouse",
+  "warning",
+  "warning_amber",
+  "warning_off",
+  "wash",
+  "watch",
+  "watch_button_press",
+  "watch_later",
+  "watch_off",
+  "watch_screentime",
+  "watch_wake",
+  "water",
+  "water_bottle",
+  "water_bottle_large",
+  "water_damage",
+  "water_do",
+  "water_drop",
+  "water_ec",
+  "water_full",
+  "water_heater",
+  "water_lock",
+  "water_loss",
+  "water_lux",
+  "water_medium",
+  "water_orp",
+  "water_ph",
+  "water_pump",
+  "water_voc",
+  "waterfall_chart",
+  "waves",
+  "waving_hand",
+  "wb_auto",
+  "wb_cloudy",
+  "wb_incandescent",
+  "wb_iridescent",
+  "wb_shade",
+  "wb_sunny",
+  "wb_twilight",
+  "wc",
+  "weather_hail",
+  "weather_mix",
+  "weather_snowy",
+  "web",
+  "web_asset",
+  "web_asset_off",
+  "web_stories",
+  "web_traffic",
+  "webhook",
+  "weekend",
+  "weight",
+  "west",
+  "whatshot",
+  "wheelchair_pickup",
+  "where_to_vote",
+  "widgets",
+  "width",
+  "width_full",
+  "width_normal",
+  "width_wide",
+  "wifi",
+  "wifi_1_bar",
+  "wifi_2_bar",
+  "wifi_add",
+  "wifi_calling",
+  "wifi_calling_1",
+  "wifi_calling_2",
+  "wifi_calling_3",
+  "wifi_channel",
+  "wifi_find",
+  "wifi_home",
+  "wifi_lock",
+  "wifi_notification",
+  "wifi_off",
+  "wifi_password",
+  "wifi_protected_setup",
+  "wifi_proxy",
+  "wifi_tethering",
+  "wifi_tethering_error",
+  "wifi_tethering_off",
+  "wind_power",
+  "window",
+  "window_closed",
+  "window_open",
+  "window_sensor",
+  "wine_bar",
+  "woman",
+  "woman_2",
+  "work",
+  "work_alert",
+  "work_history",
+  "work_off",
+  "work_outline",
+  "work_update",
+  "workflow",
+  "workspace_premium",
+  "workspaces",
+  "workspaces_outline",
+  "wounds_injuries",
+  "wrap_text",
+  "wrist",
+  "wrong_location",
+  "wysiwyg",
+  "yard",
+  "your_trips",
+  "youtube_activity",
+  "youtube_searched_for",
+  "zone_person_alert",
+  "zone_person_idle",
+  "zone_person_urgent",
+  "zoom_in",
+  "zoom_in_map",
+  "zoom_out",
+  "zoom_out_map",
 ] as const
diff --git a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/index.tsx b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/index.tsx
index 599781d45..151a3b5ce 100644
--- a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/index.tsx
+++ b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/index.tsx
@@ -1 +1 @@
-export { MaterialSymbol, type MaterialSymbolProps } from './MaterialSymbol'
+export { MaterialSymbol, type MaterialSymbolProps } from "./MaterialSymbol"
diff --git a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/types.ts b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/types.ts
index 540037651..1ef8dd002 100644
--- a/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/types.ts
+++ b/packages/design-system/lib/components/Icons/MaterialIcon/MaterialSymbol/types.ts
@@ -2,8 +2,8 @@ import type {
   JSXElementConstructor,
   ComponentPropsWithoutRef,
   JSX,
-} from 'react'
-import type { MaterialSymbolWeightArray, SymbolCodepointsArray } from './consts'
+} from "react"
+import type { MaterialSymbolWeightArray, SymbolCodepointsArray } from "./consts"
 
 export type SymbolCodepoints = (typeof SymbolCodepointsArray)[number]
 
diff --git a/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx b/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx
index ba4c7676c..1fd9d9c61 100644
--- a/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx
+++ b/packages/design-system/lib/components/Icons/MaterialIcon/index.tsx
@@ -2,4 +2,4 @@ export {
   MaterialIcon,
   type MaterialIconProps,
   type MaterialIconSetIconProps,
-} from './MaterialIcon'
+} from "./MaterialIcon"
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/bathroom-cabinet-2.tsx b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/bathroom-cabinet-2.tsx
index 017b3a9bd..08a938a37 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/bathroom-cabinet-2.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/bathroom-cabinet-2.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function BathroomCabinet2(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/conference-room.tsx b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/conference-room.tsx
index 2d0ee9bbc..08c711f7a 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/conference-room.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/conference-room.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function ConferenceRoom(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/door-2.tsx b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/door-2.tsx
index feb4f8017..00623f1d1 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/door-2.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/door-2.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function Door2(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/hairdresser-1.tsx b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/hairdresser-1.tsx
index 3f237a56d..1bf3c01f8 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/hairdresser-1.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/hairdresser-1.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function Hairdresser1(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/record-player-3.tsx b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/record-player-3.tsx
index 3624451a9..9828fc3c7 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/record-player-3.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/record-player-3.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function RecordPlayer3(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/toilet-2.tsx b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/toilet-2.tsx
index 294fe01f4..0d28a1004 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/toilet-2.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/toilet-2.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function Toilet2(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/user-police-2.tsx b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/user-police-2.tsx
index f78152fb8..6d921cc1e 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/user-police-2.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Amenities_Facilities/user-police-2.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function UserPolice2(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Benefits/FilledDiscount.tsx b/packages/design-system/lib/components/Icons/Nucleo/Benefits/FilledDiscount.tsx
index f2d5aa60a..411c57a40 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Benefits/FilledDiscount.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Benefits/FilledDiscount.tsx
@@ -1,5 +1,5 @@
-import { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 export default function FilledDiscount(props: NucleoIconProps) {
   const { fill, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Benefits/bouquet.tsx b/packages/design-system/lib/components/Icons/Nucleo/Benefits/bouquet.tsx
index ff28ba23e..a2b118e66 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Benefits/bouquet.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Benefits/bouquet.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function Bouquet(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Benefits/discount-2-2.tsx b/packages/design-system/lib/components/Icons/Nucleo/Benefits/discount-2-2.tsx
index f6d2340a2..f19a1ba15 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Benefits/discount-2-2.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Benefits/discount-2-2.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function Discount22(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Experiences/bowling-pins.tsx b/packages/design-system/lib/components/Icons/Nucleo/Experiences/bowling-pins.tsx
index be3ed450d..c586f016b 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Experiences/bowling-pins.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Experiences/bowling-pins.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function BowlingPins(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Experiences/palm-tree-2.tsx b/packages/design-system/lib/components/Icons/Nucleo/Experiences/palm-tree-2.tsx
index 01d195550..908f1756b 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Experiences/palm-tree-2.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Experiences/palm-tree-2.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function PalmTree2(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Food/chips-3.tsx b/packages/design-system/lib/components/Icons/Nucleo/Food/chips-3.tsx
index 621f4a6d2..47f16d1cb 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Food/chips-3.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Food/chips-3.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function Chips3(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/Food/popcorn-2.tsx b/packages/design-system/lib/components/Icons/Nucleo/Food/popcorn-2.tsx
index 3f8123c6c..2a674af6b 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/Food/popcorn-2.tsx
+++ b/packages/design-system/lib/components/Icons/Nucleo/Food/popcorn-2.tsx
@@ -1,5 +1,5 @@
-import type { NucleoIconProps } from '../../icon'
-import { getNucleoIconProps } from '../utils'
+import type { NucleoIconProps } from "../../icon"
+import { getNucleoIconProps } from "../utils"
 
 function Popcorn2(props: NucleoIconProps) {
   const { fill, strokeWidth, ...iconProps } = getNucleoIconProps(props)
diff --git a/packages/design-system/lib/components/Icons/Nucleo/colorVariants.ts b/packages/design-system/lib/components/Icons/Nucleo/colorVariants.ts
index 87e06dda0..808eb771f 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/colorVariants.ts
+++ b/packages/design-system/lib/components/Icons/Nucleo/colorVariants.ts
@@ -1,17 +1,17 @@
 export const colorVariants = {
-  'Icon/Default': 'var(--Icon-Default)',
-  'Icon/Intense': 'var(--Icon-Intense)',
-  'Icon/Accent': 'var(--Icon-Accent)',
-  'Icon/Inverted': 'var(--Icon-Inverted)',
-  'Icon/Interactive/Default': 'var(--Icon-Interactive-Default)',
-  'Icon/Interactive/Secondary': 'var(--Icon-Interactive-Secondary)',
-  'Icon/Interactive/Accent': 'var(--Icon-Interactive-Accent)',
-  'Icon/Interactive/Disabled': 'var(--Icon-Interactive-Disabled)',
-  'Icon/Interactive/Placeholder': 'var(--Icon-Interactive-Placeholder)',
-  'Icon/Feedback/Information': 'var(--Icon-Feedback-Information)',
-  'Icon/Feedback/Success': 'var(--Icon-Feedback-Success)',
-  'Icon/Feedback/Warning': 'var(--Icon-Feedback-Warning)',
-  'Icon/Feedback/Error': 'var(--Icon-Feedback-Error)',
-  'Icon/Feedback/Neutral': 'var(--Icon-Feedback-Neutral)',
-  CurrentColor: 'currentColor',
+  "Icon/Default": "var(--Icon-Default)",
+  "Icon/Intense": "var(--Icon-Intense)",
+  "Icon/Accent": "var(--Icon-Accent)",
+  "Icon/Inverted": "var(--Icon-Inverted)",
+  "Icon/Interactive/Default": "var(--Icon-Interactive-Default)",
+  "Icon/Interactive/Secondary": "var(--Icon-Interactive-Secondary)",
+  "Icon/Interactive/Accent": "var(--Icon-Interactive-Accent)",
+  "Icon/Interactive/Disabled": "var(--Icon-Interactive-Disabled)",
+  "Icon/Interactive/Placeholder": "var(--Icon-Interactive-Placeholder)",
+  "Icon/Feedback/Information": "var(--Icon-Feedback-Information)",
+  "Icon/Feedback/Success": "var(--Icon-Feedback-Success)",
+  "Icon/Feedback/Warning": "var(--Icon-Feedback-Warning)",
+  "Icon/Feedback/Error": "var(--Icon-Feedback-Error)",
+  "Icon/Feedback/Neutral": "var(--Icon-Feedback-Neutral)",
+  CurrentColor: "currentColor",
 }
diff --git a/packages/design-system/lib/components/Icons/Nucleo/utils.ts b/packages/design-system/lib/components/Icons/Nucleo/utils.ts
index 4d09ce247..9cdb22fad 100644
--- a/packages/design-system/lib/components/Icons/Nucleo/utils.ts
+++ b/packages/design-system/lib/components/Icons/Nucleo/utils.ts
@@ -1,12 +1,12 @@
-import { NucleoIconProps } from '../icon'
-import { getIconAriaProps } from '../utils'
-import { colorVariants } from './colorVariants'
+import { NucleoIconProps } from "../icon"
+import { getIconAriaProps } from "../utils"
+import { colorVariants } from "./colorVariants"
 
 export function getNucleoIconProps(props: NucleoIconProps) {
-  const fill = props.color ? colorVariants[props.color] : 'currentColor'
+  const fill = props.color ? colorVariants[props.color] : "currentColor"
   const strokeWidth = props.strokeWidth || 2
-  const width = props.size || '1em'
-  const height = props.size || '1em'
+  const width = props.size || "1em"
+  const height = props.size || "1em"
   const ariaProps = getIconAriaProps(props)
 
   return { fill, strokeWidth, width, height, ...ariaProps }
diff --git a/packages/design-system/lib/components/Icons/icon.ts b/packages/design-system/lib/components/Icons/icon.ts
index 92ef9c9c5..7a59cdd4a 100644
--- a/packages/design-system/lib/components/Icons/icon.ts
+++ b/packages/design-system/lib/components/Icons/icon.ts
@@ -1,24 +1,24 @@
-import type { VariantProps } from 'class-variance-authority'
-import { iconVariants } from './variants'
+import type { VariantProps } from "class-variance-authority"
+import { iconVariants } from "./variants"
 
 export interface IconProps
   extends
-    Omit<React.SVGAttributes<HTMLOrSVGElement>, 'color'>,
+    Omit<React.SVGAttributes<HTMLOrSVGElement>, "color">,
     VariantProps<typeof iconVariants> {
   size?: number
 }
 
 export interface IllustrationProps
   extends
-    Omit<React.SVGAttributes<HTMLOrSVGElement>, 'color'>,
-    Omit<VariantProps<typeof iconVariants>, 'color'> {
+    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'
+  "color"
 > {
   width?: string | number
   height?: string | number
diff --git a/packages/design-system/lib/components/Icons/iconName.ts b/packages/design-system/lib/components/Icons/iconName.ts
index 4e4b4b290..43c6d842c 100644
--- a/packages/design-system/lib/components/Icons/iconName.ts
+++ b/packages/design-system/lib/components/Icons/iconName.ts
@@ -1,185 +1,185 @@
 export enum IconName {
-  Accesories = 'Accesories',
-  Accessibility = 'Accessibility',
-  AccountCircle = 'AccountCircle',
-  Air = 'Air',
-  AirConAirCooling = 'AirConAirCooling',
-  AirConditioningInRoom = 'AirConditioningInRoom',
-  Airplane = 'Airplane',
-  ArmChair = 'ArmChair',
-  ArrowFrom = 'ArrowFrom',
-  ArrowLeft = 'ArrowLeft',
-  ArrowLeftSmall = 'ArrowLeftSmall',
-  ArrowRight = 'ArrowRight',
-  ArrowRightSmall = 'ArrowRightSmall',
-  ArrowTo = 'ArrowTo',
-  AwardStar = 'AwardStar',
-  Bar = 'Bar',
-  BathroomCabinet = 'BathroomCabinet',
-  Beach = 'Beach',
-  BeautySalon = 'BeautySalon',
-  Bed = 'Bed',
-  Bike = 'Bike',
-  Bouquet = 'Bouquet',
-  Bowling = 'Bowling',
-  Breakfast = 'Breakfast',
-  Business = 'Business',
-  BusinessCentre = 'BusinessCentre',
-  Calendar = 'Calendar',
-  Camera = 'Camera',
-  CashFree = 'CashFree',
-  Cellphone = 'Cellphone',
-  Check = 'Check',
-  CheckCircle = 'CheckCircle',
-  ChevronDown = 'ChevronDown',
-  ChevronDownSmall = 'ChevronDownSmall',
-  ChevronLeft = 'ChevronLeft',
-  ChevronLeftSmall = 'ChevronLeftSmall',
-  ChevronRight = 'ChevronRight',
-  ChevronRightSmall = 'ChevronRightSmall',
-  ChevronUp = 'ChevronUp',
-  ChevronUpSmall = 'ChevronUpSmall',
-  Chips = 'Chips',
-  City = 'City',
-  Close = 'Close',
-  CloseLarge = 'CloseLarge',
-  CoffeeAlt = 'CoffeeAlt',
-  CoffeeInReceptionAtCharge = 'CoffeeInReceptionAtCharge',
-  CoffeeShop = 'CoffeeShop',
-  Coin = 'Coin',
-  ComplimentaryColdRefreshments = 'ComplimentaryColdRefreshments',
-  Concierge = 'Concierge',
-  ConferenceRoom = 'ConferenceRoom',
-  ConvenienceStore24h = 'ConvenienceStore24h',
-  ConventionCentre = 'ConventionCentre',
-  CreditCard = 'CreditCard',
-  CroissantCoffeeEgg = 'CroissantCoffeeEgg',
-  CrossCircle = 'CrossCircle',
-  CrossCircleOutline = 'CrossCircleOutline',
-  Cultural = 'Cultural',
-  CutleryOne = 'CutleryOne',
-  CutleryTwo = 'CutleryTwo',
-  Deck = 'Deck',
-  Desk = 'Desk',
-  Diamond = 'Diamond',
-  Dining = 'Dining',
-  DirectDial = 'DirectDial',
-  Directions = 'Directions',
-  DoorOpen = 'DoorOpen',
-  Dresser = 'Dresser',
-  ElectricBike = 'ElectricBike',
-  ElectricCar = 'ElectricCar',
-  Elevator = 'Elevator',
-  Email = 'Email',
-  ExternalLink = 'ExternalLink',
-  ExtraFamilyFriendly = 'ExtraFamilyFriendly',
-  EyeHide = 'EyeHide',
-  EyeShow = 'EyeShow',
-  Facebook = 'Facebook',
-  Fan = 'Fan',
-  Fax = 'Fax',
-  Fitness = 'Fitness',
-  FoodDrinks247 = 'FoodDrinks247',
-  Footstool = 'Footstool',
-  Gallery = 'Gallery',
-  Gaming = 'Gaming',
-  Garage = 'Garage',
-  Gift = 'Gift',
-  GiftOpen = 'GiftOpen',
-  Globe = 'Globe',
-  Golf = 'Golf',
-  Granola = 'Granola',
-  Guard = 'Guard',
-  Hairdresser = 'Hairdresser',
-  HairdryerInRoomAllScandic = 'HairdryerInRoomAllScandic',
-  HandKey = 'HandKey',
-  Hanger = 'Hanger',
-  HangerAlt = 'HangerAlt',
-  Heart = 'Heart',
-  Heat = 'Heat',
-  Hiking = 'Hiking',
-  HotelNight = 'HotelNight',
-  House = 'House',
-  Houseboat = 'Houseboat',
-  IceMachine = 'IceMachine',
-  Image = 'Image',
-  InfoCircle = 'InfoCircle',
-  Instagram = 'Instagram',
-  Ironing = 'Ironing',
-  Jacuzzi = 'Jaccuzzi',
-  Kayaking = 'Kayaking',
-  Kettle = 'Kettle',
-  Kids = 'Kids',
-  KidsMocktail = 'KidsMocktail',
-  Kitchen = 'Kitchen',
-  Lamp = 'Lamp',
-  Landscape = 'Landscape',
-  LaptopSafe = 'LaptopSafe',
-  LaundryMachine = 'LaundryMachine',
-  Link = 'Link',
-  LocalBar = 'LocalBar',
-  Location = 'Location',
-  Lock = 'Lock',
-  Luggage = 'Luggage',
-  LuggageLockers = 'LuggageLockers',
-  MagicWand = 'MagicWand',
-  Map = 'Map',
-  Massage = 'Massage',
-  Minibar = 'Minibar',
-  Minus = 'Minus',
-  MoneyHand = 'MoneyHand',
-  MoneyHandEllipsis = 'MoneyHandEllipsis',
-  Museum = 'Museum',
-  Nature = 'Nature',
-  Nightlife = 'Nightlife',
-  NightShelter = 'NightShelter',
-  NonSmoking = 'NonSmoking',
-  NoSmoking = 'NoSmoking',
-  OpenInNew = 'OpenInNew',
-  OpenInNewSmall = 'OpenInNewSmall',
-  OutdoorFurniture = 'OutdoorFurniture',
-  PalmTree = 'Palmtree',
-  Parking = 'Parking',
-  ParkingOutdoor = 'ParkingOutdoor',
-  Person = 'Person',
-  Pets = 'Pets',
-  Phone = 'Phone',
-  Plus = 'Plus',
-  PlusCircle = 'PlusCircle',
-  Popcorn = 'Popcorn',
-  PriceTag = 'PriceTag',
-  RecordPlayer = 'RecordPlayer',
-  Restaurant = 'Restaurant',
-  RoomService = 'RoomService',
-  SafetyBox = 'SafetyBox',
-  Sauna = 'Sauna',
-  Search = 'Search',
-  Service = 'Service',
-  Shopping = 'Shopping',
-  Skateboarding = 'Skateboarding',
-  Skiing = 'Skiing',
-  Smoking = 'Smoking',
-  Snowflake = 'Snowflake',
-  Spa = 'Spa',
-  Sports = 'Sports',
-  Star = 'Star',
-  StarFilled = 'StarFilled',
-  Street = 'Street',
-  Swim = 'Swim',
-  Swipe = 'Swipe',
-  Theatre = 'Theatre',
-  Thermostat = 'Thermostat',
-  Ticket = 'Ticket',
-  Toilet = 'Toilet',
-  Train = 'Train',
-  Tripadvisor = 'Tripadvisor',
-  Trophy = 'Trophy',
-  Tshirt = 'Tshirt',
-  TshirtWash = 'TshirtWash',
-  TvCasting = 'TvCasting',
-  TVRemote = 'TVRemote',
-  Voucher = 'Voucher',
-  WarningTriangle = 'WarningTriangle',
-  Wheelchair = 'Wheelchair',
-  Wifi = 'Wifi',
+  Accesories = "Accesories",
+  Accessibility = "Accessibility",
+  AccountCircle = "AccountCircle",
+  Air = "Air",
+  AirConAirCooling = "AirConAirCooling",
+  AirConditioningInRoom = "AirConditioningInRoom",
+  Airplane = "Airplane",
+  ArmChair = "ArmChair",
+  ArrowFrom = "ArrowFrom",
+  ArrowLeft = "ArrowLeft",
+  ArrowLeftSmall = "ArrowLeftSmall",
+  ArrowRight = "ArrowRight",
+  ArrowRightSmall = "ArrowRightSmall",
+  ArrowTo = "ArrowTo",
+  AwardStar = "AwardStar",
+  Bar = "Bar",
+  BathroomCabinet = "BathroomCabinet",
+  Beach = "Beach",
+  BeautySalon = "BeautySalon",
+  Bed = "Bed",
+  Bike = "Bike",
+  Bouquet = "Bouquet",
+  Bowling = "Bowling",
+  Breakfast = "Breakfast",
+  Business = "Business",
+  BusinessCentre = "BusinessCentre",
+  Calendar = "Calendar",
+  Camera = "Camera",
+  CashFree = "CashFree",
+  Cellphone = "Cellphone",
+  Check = "Check",
+  CheckCircle = "CheckCircle",
+  ChevronDown = "ChevronDown",
+  ChevronDownSmall = "ChevronDownSmall",
+  ChevronLeft = "ChevronLeft",
+  ChevronLeftSmall = "ChevronLeftSmall",
+  ChevronRight = "ChevronRight",
+  ChevronRightSmall = "ChevronRightSmall",
+  ChevronUp = "ChevronUp",
+  ChevronUpSmall = "ChevronUpSmall",
+  Chips = "Chips",
+  City = "City",
+  Close = "Close",
+  CloseLarge = "CloseLarge",
+  CoffeeAlt = "CoffeeAlt",
+  CoffeeInReceptionAtCharge = "CoffeeInReceptionAtCharge",
+  CoffeeShop = "CoffeeShop",
+  Coin = "Coin",
+  ComplimentaryColdRefreshments = "ComplimentaryColdRefreshments",
+  Concierge = "Concierge",
+  ConferenceRoom = "ConferenceRoom",
+  ConvenienceStore24h = "ConvenienceStore24h",
+  ConventionCentre = "ConventionCentre",
+  CreditCard = "CreditCard",
+  CroissantCoffeeEgg = "CroissantCoffeeEgg",
+  CrossCircle = "CrossCircle",
+  CrossCircleOutline = "CrossCircleOutline",
+  Cultural = "Cultural",
+  CutleryOne = "CutleryOne",
+  CutleryTwo = "CutleryTwo",
+  Deck = "Deck",
+  Desk = "Desk",
+  Diamond = "Diamond",
+  Dining = "Dining",
+  DirectDial = "DirectDial",
+  Directions = "Directions",
+  DoorOpen = "DoorOpen",
+  Dresser = "Dresser",
+  ElectricBike = "ElectricBike",
+  ElectricCar = "ElectricCar",
+  Elevator = "Elevator",
+  Email = "Email",
+  ExternalLink = "ExternalLink",
+  ExtraFamilyFriendly = "ExtraFamilyFriendly",
+  EyeHide = "EyeHide",
+  EyeShow = "EyeShow",
+  Facebook = "Facebook",
+  Fan = "Fan",
+  Fax = "Fax",
+  Fitness = "Fitness",
+  FoodDrinks247 = "FoodDrinks247",
+  Footstool = "Footstool",
+  Gallery = "Gallery",
+  Gaming = "Gaming",
+  Garage = "Garage",
+  Gift = "Gift",
+  GiftOpen = "GiftOpen",
+  Globe = "Globe",
+  Golf = "Golf",
+  Granola = "Granola",
+  Guard = "Guard",
+  Hairdresser = "Hairdresser",
+  HairdryerInRoomAllScandic = "HairdryerInRoomAllScandic",
+  HandKey = "HandKey",
+  Hanger = "Hanger",
+  HangerAlt = "HangerAlt",
+  Heart = "Heart",
+  Heat = "Heat",
+  Hiking = "Hiking",
+  HotelNight = "HotelNight",
+  House = "House",
+  Houseboat = "Houseboat",
+  IceMachine = "IceMachine",
+  Image = "Image",
+  InfoCircle = "InfoCircle",
+  Instagram = "Instagram",
+  Ironing = "Ironing",
+  Jacuzzi = "Jaccuzzi",
+  Kayaking = "Kayaking",
+  Kettle = "Kettle",
+  Kids = "Kids",
+  KidsMocktail = "KidsMocktail",
+  Kitchen = "Kitchen",
+  Lamp = "Lamp",
+  Landscape = "Landscape",
+  LaptopSafe = "LaptopSafe",
+  LaundryMachine = "LaundryMachine",
+  Link = "Link",
+  LocalBar = "LocalBar",
+  Location = "Location",
+  Lock = "Lock",
+  Luggage = "Luggage",
+  LuggageLockers = "LuggageLockers",
+  MagicWand = "MagicWand",
+  Map = "Map",
+  Massage = "Massage",
+  Minibar = "Minibar",
+  Minus = "Minus",
+  MoneyHand = "MoneyHand",
+  MoneyHandEllipsis = "MoneyHandEllipsis",
+  Museum = "Museum",
+  Nature = "Nature",
+  Nightlife = "Nightlife",
+  NightShelter = "NightShelter",
+  NonSmoking = "NonSmoking",
+  NoSmoking = "NoSmoking",
+  OpenInNew = "OpenInNew",
+  OpenInNewSmall = "OpenInNewSmall",
+  OutdoorFurniture = "OutdoorFurniture",
+  PalmTree = "Palmtree",
+  Parking = "Parking",
+  ParkingOutdoor = "ParkingOutdoor",
+  Person = "Person",
+  Pets = "Pets",
+  Phone = "Phone",
+  Plus = "Plus",
+  PlusCircle = "PlusCircle",
+  Popcorn = "Popcorn",
+  PriceTag = "PriceTag",
+  RecordPlayer = "RecordPlayer",
+  Restaurant = "Restaurant",
+  RoomService = "RoomService",
+  SafetyBox = "SafetyBox",
+  Sauna = "Sauna",
+  Search = "Search",
+  Service = "Service",
+  Shopping = "Shopping",
+  Skateboarding = "Skateboarding",
+  Skiing = "Skiing",
+  Smoking = "Smoking",
+  Snowflake = "Snowflake",
+  Spa = "Spa",
+  Sports = "Sports",
+  Star = "Star",
+  StarFilled = "StarFilled",
+  Street = "Street",
+  Swim = "Swim",
+  Swipe = "Swipe",
+  Theatre = "Theatre",
+  Thermostat = "Thermostat",
+  Ticket = "Ticket",
+  Toilet = "Toilet",
+  Train = "Train",
+  Tripadvisor = "Tripadvisor",
+  Trophy = "Trophy",
+  Tshirt = "Tshirt",
+  TshirtWash = "TshirtWash",
+  TvCasting = "TvCasting",
+  TVRemote = "TVRemote",
+  Voucher = "Voucher",
+  WarningTriangle = "WarningTriangle",
+  Wheelchair = "Wheelchair",
+  Wifi = "Wifi",
 }
diff --git a/packages/design-system/lib/components/Icons/index.tsx b/packages/design-system/lib/components/Icons/index.tsx
index 94178e362..f6c458cf6 100644
--- a/packages/design-system/lib/components/Icons/index.tsx
+++ b/packages/design-system/lib/components/Icons/index.tsx
@@ -3,4 +3,4 @@ export type {
   IllustrationProps as LogoAndIllustrationProps,
   LogoProps,
   NucleoIconProps,
-} from './icon'
+} from "./icon"
diff --git a/packages/design-system/lib/components/Icons/utils.ts b/packages/design-system/lib/components/Icons/utils.ts
index 5f2068f44..0134060aa 100644
--- a/packages/design-system/lib/components/Icons/utils.ts
+++ b/packages/design-system/lib/components/Icons/utils.ts
@@ -1,5 +1,5 @@
-import { IconProps, IllustrationProps, NucleoIconProps } from './icon'
-import { MaterialIconSetIconProps } from './MaterialIcon'
+import { IconProps, IllustrationProps, NucleoIconProps } from "./icon"
+import { MaterialIconSetIconProps } from "./MaterialIcon"
 
 export function getIconAriaProps(
   props:
@@ -8,10 +8,10 @@ export function getIconAriaProps(
     | MaterialIconSetIconProps
     | IllustrationProps
 ) {
-  const { role, 'aria-label': ariaLabel, 'aria-hidden': ariaHidden } = props
+  const { role, "aria-label": ariaLabel, "aria-hidden": ariaHidden } = props
 
   const computedAriaHidden =
     ariaHidden !== undefined ? ariaHidden : ariaLabel || role ? false : true
 
-  return { role, 'aria-label': ariaLabel, 'aria-hidden': computedAriaHidden }
+  return { role, "aria-label": ariaLabel, "aria-hidden": computedAriaHidden }
 }
diff --git a/packages/design-system/lib/components/Icons/variants.ts b/packages/design-system/lib/components/Icons/variants.ts
index 54f72bf70..3d09a503e 100644
--- a/packages/design-system/lib/components/Icons/variants.ts
+++ b/packages/design-system/lib/components/Icons/variants.ts
@@ -1,32 +1,32 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './icon.module.css'
+import styles from "./icon.module.css"
 
 export const iconVariantConfig = {
   variants: {
     color: {
-      'Icon/Default': styles.iconDefault,
-      'Icon/Intense': styles.iconIntense,
-      'Icon/Accent': styles.iconAccent,
-      'Icon/Inverted': styles.iconInverted,
+      "Icon/Default": styles.iconDefault,
+      "Icon/Intense": styles.iconIntense,
+      "Icon/Accent": styles.iconAccent,
+      "Icon/Inverted": styles.iconInverted,
 
-      'Icon/Interactive/Default': styles.iconInteractiveDefault,
-      'Icon/Interactive/Secondary': styles.iconInteractiveSecondary,
-      'Icon/Interactive/Accent': styles.iconInteractiveAccent,
-      'Icon/Interactive/Disabled': styles.iconInteractiveDisabled,
-      'Icon/Interactive/Placeholder': styles.iconInteractivePlaceholder,
+      "Icon/Interactive/Default": styles.iconInteractiveDefault,
+      "Icon/Interactive/Secondary": styles.iconInteractiveSecondary,
+      "Icon/Interactive/Accent": styles.iconInteractiveAccent,
+      "Icon/Interactive/Disabled": styles.iconInteractiveDisabled,
+      "Icon/Interactive/Placeholder": styles.iconInteractivePlaceholder,
 
-      'Icon/Feedback/Information': styles.iconFeedbackInformation,
-      'Icon/Feedback/Success': styles.iconFeedbackSuccess,
-      'Icon/Feedback/Warning': styles.iconFeedbackWarning,
-      'Icon/Feedback/Neutral': styles.iconFeedbackNeutral,
-      'Icon/Feedback/Error': styles.iconFeedbackError,
+      "Icon/Feedback/Information": styles.iconFeedbackInformation,
+      "Icon/Feedback/Success": styles.iconFeedbackSuccess,
+      "Icon/Feedback/Warning": styles.iconFeedbackWarning,
+      "Icon/Feedback/Neutral": styles.iconFeedbackNeutral,
+      "Icon/Feedback/Error": styles.iconFeedbackError,
 
       CurrentColor: styles.currentColor,
     },
   },
   defaultVariants: {
-    color: 'Icon/Default',
+    color: "Icon/Default",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/Image/imageLoader.test.ts b/packages/design-system/lib/components/Image/imageLoader.test.ts
index ec5ef2dd3..48347c245 100644
--- a/packages/design-system/lib/components/Image/imageLoader.test.ts
+++ b/packages/design-system/lib/components/Image/imageLoader.test.ts
@@ -1,69 +1,69 @@
-import { describe, it, expect } from 'vitest'
-import { imageLoader } from './imageLoader'
-describe('imageLoader', () => {
-  it('should generate the correct image URL for absolute URLs', () => {
+import { describe, it, expect } from "vitest"
+import { imageLoader } from "./imageLoader"
+describe("imageLoader", () => {
+  it("should generate the correct image URL for absolute URLs", () => {
     const loader = imageLoader({ dimensions: { width: 800, height: 600 } })
     const url = loader({
       quality: 80,
-      src: 'https://example.com/image.jpg',
+      src: "https://example.com/image.jpg",
       width: 800,
     })
 
     expect(url).toBe(
-      'https://img.scandichotels.com/.netlify/images?url=https://example.com/image.jpg&w=800&q=80'
+      "https://img.scandichotels.com/.netlify/images?url=https://example.com/image.jpg&w=800&q=80"
     )
   })
 
-  it('should generate the correct image URL for relative URLs', () => {
+  it("should generate the correct image URL for relative URLs", () => {
     const loader = imageLoader({ dimensions: { width: 800, height: 600 } })
     const url = loader({
       quality: 80,
-      src: '/image.jpg',
+      src: "/image.jpg",
       width: 800,
     })
 
-    expect(url).toBe('/image.jpg?w=800&q=80')
+    expect(url).toBe("/image.jpg?w=800&q=80")
   })
 
-  it('should compensate for landscape 3:2 images', () => {
+  it("should compensate for landscape 3:2 images", () => {
     const loader = imageLoader({ dimensions: { width: 6000, height: 4000 } })
     const url = loader({
-      src: '/image.jpg',
+      src: "/image.jpg",
       width: 400,
     })
 
-    expect(url).toBe('/image.jpg?w=600')
+    expect(url).toBe("/image.jpg?w=600")
   })
 
-  it('should compensate for landscape ~3:2 images', () => {
+  it("should compensate for landscape ~3:2 images", () => {
     const loader = imageLoader({ dimensions: { width: 7952, height: 5304 } })
     const url = loader({
-      src: '/image.jpg',
+      src: "/image.jpg",
       width: 400,
     })
 
-    expect(url).toBe('/image.jpg?w=600')
+    expect(url).toBe("/image.jpg?w=600")
   })
 
-  it('should compensate for standing 2:3 images', () => {
+  it("should compensate for standing 2:3 images", () => {
     const loader = imageLoader({ dimensions: { width: 4000, height: 6000 } })
     const url = loader({
-      src: '/image.jpg',
+      src: "/image.jpg",
       width: 800,
     })
 
-    expect(url).toBe('/image.jpg?w=800')
+    expect(url).toBe("/image.jpg?w=800")
   })
 
-  it('should compensate for landscape 2:1 images', () => {
+  it("should compensate for landscape 2:1 images", () => {
     const loader = imageLoader({ dimensions: { width: 2000, height: 1000 } })
     const url = loader({
-      src: '/image.jpg',
+      src: "/image.jpg",
       width: 800,
     })
 
     // used to fetch an image 800x400 image but we, probably, render it with a height of 533
 
-    expect(url).toBe('/image.jpg?w=1200')
+    expect(url).toBe("/image.jpg?w=1200")
   })
 })
diff --git a/packages/design-system/lib/components/Image/imageLoader.ts b/packages/design-system/lib/components/Image/imageLoader.ts
index c4bb441f8..f7bbd498e 100644
--- a/packages/design-system/lib/components/Image/imageLoader.ts
+++ b/packages/design-system/lib/components/Image/imageLoader.ts
@@ -1,4 +1,4 @@
-import { ImageLoaderProps } from 'next/image'
+import { ImageLoaderProps } from "next/image"
 
 export const imageLoader =
   ({
@@ -9,18 +9,18 @@ export const imageLoader =
   }) =>
   ({ quality, src, width }: ImageLoaderProps) => {
     const isAbsoluteUrl =
-      src.startsWith('https://') || src.startsWith('http://')
-    const hasQS = src.indexOf('?') !== -1
+      src.startsWith("https://") || src.startsWith("http://")
+    const hasQS = src.indexOf("?") !== -1
 
     if (
       dimensions &&
-      isLargerThanAspectRatio(dimensions, '3:2') &&
+      isLargerThanAspectRatio(dimensions, "3:2") &&
       width < dimensions.width
     ) {
       // If image is wider than 3:2, compensate for low height when rendering in a 3:2 container
       const scale = width / dimensions.width
       const minWidthFor32Aspect =
-        dimensions.height * scale * aspectRatios['3:2'] * 2
+        dimensions.height * scale * aspectRatios["3:2"] * 2
 
       width = Math.max(minWidthFor32Aspect, width)
     }
@@ -33,14 +33,14 @@ export const imageLoader =
     width = roundToNearest(width, 10)
 
     if (isAbsoluteUrl) {
-      return `https://img.scandichotels.com/.netlify/images?url=${src}&w=${width}${quality ? '&q=' + quality : ''}`
+      return `https://img.scandichotels.com/.netlify/images?url=${src}&w=${width}${quality ? "&q=" + quality : ""}`
     }
 
-    return `${src}${hasQS ? '&' : '?'}w=${width}${quality ? '&q=' + quality : ''}`
+    return `${src}${hasQS ? "&" : "?"}w=${width}${quality ? "&q=" + quality : ""}`
   }
 
 const aspectRatios = {
-  '3:2': 3 / 2,
+  "3:2": 3 / 2,
 }
 function isLargerThanAspectRatio(
   dimensions: {
diff --git a/packages/design-system/lib/components/Image/index.tsx b/packages/design-system/lib/components/Image/index.tsx
index 77ca5c89e..7e3fce770 100644
--- a/packages/design-system/lib/components/Image/index.tsx
+++ b/packages/design-system/lib/components/Image/index.tsx
@@ -1,21 +1,21 @@
-'use client'
+"use client"
 
-import NextImage, { ImageProps as NextImageProps } from 'next/image'
+import NextImage, { ImageProps as NextImageProps } from "next/image"
 
-import ImageFallback from '../ImageFallback'
+import ImageFallback from "../ImageFallback"
 
-import { useState, type CSSProperties, type SyntheticEvent } from 'react'
-import { imageLoader } from './imageLoader'
+import { useState, type CSSProperties, type SyntheticEvent } from "react"
+import { imageLoader } from "./imageLoader"
 
 type FocalPoint = {
   x: number
   y: number
 }
 
-export type ImageProps = Omit<NextImageProps, 'src'> & {
+export type ImageProps = Omit<NextImageProps, "src"> & {
   focalPoint?: FocalPoint
   dimensions?: { width: number; height: number }
-  src: NextImageProps['src'] | undefined
+  src: NextImageProps["src"] | undefined
 }
 
 // Next/Image adds & instead of ? before the params
@@ -30,7 +30,7 @@ export default function Image({
   const [imageError, setImageError] = useState(false)
   const styles: CSSProperties = focalPoint
     ? {
-        objectFit: 'cover',
+        objectFit: "cover",
         objectPosition: `${focalPoint.x}% ${focalPoint.y}%`,
         ...style,
       }
diff --git a/packages/design-system/lib/components/ImageContainer/index.tsx b/packages/design-system/lib/components/ImageContainer/index.tsx
index 90a859e23..161eaa28f 100644
--- a/packages/design-system/lib/components/ImageContainer/index.tsx
+++ b/packages/design-system/lib/components/ImageContainer/index.tsx
@@ -1,7 +1,7 @@
-import Caption from '../Caption'
-import Image from '../Image'
+import Caption from "../Caption"
+import Image from "../Image"
 
-import styles from './imageContainer.module.css'
+import styles from "./imageContainer.module.css"
 
 type Image = {
   id: number
diff --git a/packages/design-system/lib/components/ImageFallback/index.tsx b/packages/design-system/lib/components/ImageFallback/index.tsx
index c8a672860..1c43c0ab3 100644
--- a/packages/design-system/lib/components/ImageFallback/index.tsx
+++ b/packages/design-system/lib/components/ImageFallback/index.tsx
@@ -1,7 +1,7 @@
-import { cx } from 'class-variance-authority'
-import { MaterialIcon } from '../Icons/MaterialIcon'
+import { cx } from "class-variance-authority"
+import { MaterialIcon } from "../Icons/MaterialIcon"
 
-import styles from './imageFallback.module.css'
+import styles from "./imageFallback.module.css"
 
 interface ImageFallbackProps extends React.HTMLAttributes<HTMLDivElement> {
   width?: string
@@ -9,8 +9,8 @@ interface ImageFallbackProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 
 export default function ImageFallback({
-  width = '100%',
-  height = '100%',
+  width = "100%",
+  height = "100%",
   className,
   ...props
 }: ImageFallbackProps) {
diff --git a/packages/design-system/lib/components/ImageGallery/index.tsx b/packages/design-system/lib/components/ImageGallery/index.tsx
index e262d6736..ccad2da50 100644
--- a/packages/design-system/lib/components/ImageGallery/index.tsx
+++ b/packages/design-system/lib/components/ImageGallery/index.tsx
@@ -1,16 +1,16 @@
-'use client'
+"use client"
 
-import { memo, useState } from 'react'
-import { Button as ButtonRAC } from 'react-aria-components'
-import { useIntl } from 'react-intl'
+import { memo, useState } from "react"
+import { Button as ButtonRAC } from "react-aria-components"
+import { useIntl } from "react-intl"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import Image from '../Image'
-import ImageFallback from '../ImageFallback'
-import Lightbox from '../Lightbox'
-import { Typography } from '../Typography'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import Image from "../Image"
+import ImageFallback from "../ImageFallback"
+import Lightbox from "../Lightbox"
+import { Typography } from "../Typography"
 
-import styles from './imageGallery.module.css'
+import styles from "./imageGallery.module.css"
 
 export interface GalleryImage {
   src: string
@@ -26,7 +26,7 @@ type ImageGalleryProps = {
   height?: number
   sizes?: string
   hideLabel?: boolean
-  imageCountPosition?: 'top' | 'bottom'
+  imageCountPosition?: "top" | "bottom"
 }
 
 function ImageGallery({
@@ -36,7 +36,7 @@ function ImageGallery({
   height = 280,
   sizes,
   hideLabel,
-  imageCountPosition = 'bottom',
+  imageCountPosition = "bottom",
 }: ImageGalleryProps) {
   const intl = useIntl()
   const [isOpen, setIsOpen] = useState(false)
@@ -45,7 +45,7 @@ function ImageGallery({
     ? {
         fill,
         sizes:
-          sizes ?? 'auto, (max-width: 400px) 100vw, (min-width: 401px) 500px',
+          sizes ?? "auto, (max-width: 400px) 100vw, (min-width: 401px) 500px",
       }
     : { height, width: height * 1.5 }
 
@@ -68,7 +68,7 @@ function ImageGallery({
         <Typography variant="Body/Supporting text (caption)/smRegular">
           <span
             className={`${styles.imageCount} ${
-              imageCountPosition === 'top'
+              imageCountPosition === "top"
                 ? styles.imageCountTop
                 : styles.imageCountBottom
             }`}
@@ -81,8 +81,8 @@ function ImageGallery({
           className={styles.triggerArea}
           onPress={() => setIsOpen(true)}
           aria-label={intl.formatMessage({
-            id: 'imageGallery.openImageGallery',
-            defaultMessage: 'Open image gallery',
+            id: "imageGallery.openImageGallery",
+            defaultMessage: "Open image gallery",
           })}
         />
       </div>
diff --git a/packages/design-system/lib/components/InfoBox/InfoBox.stories.tsx b/packages/design-system/lib/components/InfoBox/InfoBox.stories.tsx
index c33090e57..14d7bc307 100644
--- a/packages/design-system/lib/components/InfoBox/InfoBox.stories.tsx
+++ b/packages/design-system/lib/components/InfoBox/InfoBox.stories.tsx
@@ -1,15 +1,15 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { expect } from 'storybook/test'
-import { InfoBox, Props } from './InfoBox'
-import { IconName } from '../Icons/iconName'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { expect } from "storybook/test"
+import { InfoBox, Props } from "./InfoBox"
+import { IconName } from "../Icons/iconName"
 
 const meta: Meta<typeof InfoBox> = {
-  title: 'Core Components/InfoBox',
+  title: "Core Components/InfoBox",
   component: InfoBox,
   parameters: {
-    layout: 'padded',
+    layout: "padded",
   },
-  tags: ['autodocs'],
+  tags: ["autodocs"],
 }
 
 export default meta
@@ -17,27 +17,27 @@ type Story = StoryObj<typeof meta>
 
 export const Default: Story = {
   args: {
-    theme: 'Default',
+    theme: "Default",
     icon: IconName.Accessibility,
-    heading: 'Heading',
-    text: 'This is an informational message',
+    heading: "Heading",
+    text: "This is an informational message",
   },
   argTypes: {
     icon: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: Object.values(IconName),
     },
     theme: {
-      control: { type: 'select' },
-      options: ['Default', 'SAS-Blue'] satisfies Props['theme'][],
+      control: { type: "select" },
+      options: ["Default", "SAS-Blue"] satisfies Props["theme"][],
     },
   },
 
   play: async ({ canvas, args }) => {
-    const article = await canvas.findByRole('article')
+    const article = await canvas.findByRole("article")
     await expect(article).toBeVisible()
 
-    const heading = await canvas.findByRole('heading', { name: args.heading })
+    const heading = await canvas.findByRole("heading", { name: args.heading })
     await expect(heading).toBeVisible()
 
     const paragraph = await canvas.findByText(args.text)
@@ -47,7 +47,7 @@ export const Default: Story = {
 
 export const WithoutIcon: Story = {
   args: {
-    heading: 'Heading',
-    text: 'This is an informational message',
+    heading: "Heading",
+    text: "This is an informational message",
   },
 }
diff --git a/packages/design-system/lib/components/InfoBox/InfoBox.tsx b/packages/design-system/lib/components/InfoBox/InfoBox.tsx
index 9716595c5..0e329c9d4 100644
--- a/packages/design-system/lib/components/InfoBox/InfoBox.tsx
+++ b/packages/design-system/lib/components/InfoBox/InfoBox.tsx
@@ -1,38 +1,38 @@
-import { cva } from 'class-variance-authority'
-import { IconByIconName } from '../Icons/IconByIconName'
-import { IconName } from '../Icons/iconName'
-import { Typography } from '../Typography'
-import styles from './InfoBox.module.css'
-import type { VariantProps } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
+import { IconByIconName } from "../Icons/IconByIconName"
+import { IconName } from "../Icons/iconName"
+import { Typography } from "../Typography"
+import styles from "./InfoBox.module.css"
+import type { VariantProps } from "class-variance-authority"
 
 const infoBoxVariants = cva(styles.infoBox, {
   variants: {
     theme: {
-      'SAS-Blue': styles.sasBlue,
+      "SAS-Blue": styles.sasBlue,
       Default: styles.default,
     },
   },
   defaultVariants: {
-    theme: 'Default',
+    theme: "Default",
   },
 })
 
 const iconVariants = cva(styles.iconContainer, {
   variants: {
     theme: {
-      'SAS-Blue': styles.sasBlue,
+      "SAS-Blue": styles.sasBlue,
       Default: styles.default,
     },
   },
   defaultVariants: {
-    theme: 'Default',
+    theme: "Default",
   },
 })
 
 export type Props = {
   heading: string
   text: string
-  theme?: VariantProps<typeof infoBoxVariants>['theme']
+  theme?: VariantProps<typeof infoBoxVariants>["theme"]
   icon?: IconName
 }
 
diff --git a/packages/design-system/lib/components/InfoCard/InfoCard.stories.tsx b/packages/design-system/lib/components/InfoCard/InfoCard.stories.tsx
index a4e2ca69c..bb849ce0b 100644
--- a/packages/design-system/lib/components/InfoCard/InfoCard.stories.tsx
+++ b/packages/design-system/lib/components/InfoCard/InfoCard.stories.tsx
@@ -1,106 +1,106 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Theme } from '@scandic-hotels/common/utils/theme'
-import { InfoCard } from './InfoCard.tsx'
-import { infoCardConfig } from './variants.ts'
+import { Theme } from "@scandic-hotels/common/utils/theme"
+import { InfoCard } from "./InfoCard.tsx"
+import { infoCardConfig } from "./variants.ts"
 
 const DEFAULT_ARGS = {
   topTitle: "Here's to your health!",
-  heading: 'Gym & Wellness',
+  heading: "Gym & Wellness",
   primaryButton: {
-    href: '#',
-    text: 'Primary button',
+    href: "#",
+    text: "Primary button",
   },
   secondaryButton: {
-    href: '#',
-    text: 'Secondary button',
+    href: "#",
+    text: "Secondary button",
   },
   bodyText:
-    'Our gym is open 24/7 and offers state-of-the-art equipment to help you stay fit during your stay.',
+    "Our gym is open 24/7 and offers state-of-the-art equipment to help you stay fit during your stay.",
 }
 
 const meta: Meta<typeof InfoCard> = {
-  title: 'Product Components/InfoCard',
+  title: "Product Components/InfoCard",
   component: InfoCard,
   argTypes: {
     topTitle: {
-      control: 'text',
+      control: "text",
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
       },
     },
     topTitleAngled: {
-      control: 'boolean',
+      control: "boolean",
       description:
-        'Whether the top title should be angled. Only applies when `hotelTheme` is set to `Theme.scandic`.',
-      type: 'boolean',
+        "Whether the top title should be angled. Only applies when `hotelTheme` is set to `Theme.scandic`.",
+      type: "boolean",
     },
     heading: {
-      control: 'text',
+      control: "text",
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
       },
     },
     bodyText: {
-      control: 'text',
+      control: "text",
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
       },
     },
     theme: {
-      control: 'select',
+      control: "select",
       options: Object.keys(infoCardConfig.variants.theme),
       table: {
         type: {
-          summary: Object.keys(infoCardConfig.variants.theme).join(' | '),
+          summary: Object.keys(infoCardConfig.variants.theme).join(" | "),
         },
       },
     },
     height: {
-      control: 'select',
+      control: "select",
       options: Object.keys(infoCardConfig.variants.height),
       table: {
         type: {
-          summary: Object.keys(infoCardConfig.variants.height).join(' | '),
+          summary: Object.keys(infoCardConfig.variants.height).join(" | "),
         },
       },
     },
     hotelTheme: {
-      control: 'select',
+      control: "select",
       options: Object.keys(infoCardConfig.variants.hotelTheme),
       description:
-        'The hotel theme to adjust button colors for better contrast.',
+        "The hotel theme to adjust button colors for better contrast.",
       table: {
-        type: { summary: 'Theme', detail: Object.values(Theme).join(' | ') },
+        type: { summary: "Theme", detail: Object.values(Theme).join(" | ") },
       },
     },
     backgroundImage: {
-      control: 'object',
+      control: "object",
       table: {
         type: {
-          summary: 'InfoCardBackgroundImage',
+          summary: "InfoCardBackgroundImage",
           detail:
-            '{ src: string, alt?: string, focalPoint?: { x: number, y: number }, dimensions?: { width: number, height: number, aspectRatio?: number } }',
+            "{ src: string, alt?: string, focalPoint?: { x: number, y: number }, dimensions?: { width: number, height: number, aspectRatio?: number } }",
         },
       },
     },
     primaryButton: {
-      control: 'object',
+      control: "object",
       table: {
         type: {
-          summary: 'InfoCardButton',
+          summary: "InfoCardButton",
           detail:
-            '{ href: string, text: string, openInNewTab?: boolean, scrollOnClick?: boolean, onClick?: MouseEventHandler }',
+            "{ href: string, text: string, openInNewTab?: boolean, scrollOnClick?: boolean, onClick?: MouseEventHandler }",
         },
       },
     },
     secondaryButton: {
-      control: 'object',
+      control: "object",
       table: {
         type: {
-          summary: 'InfoCardButton',
+          summary: "InfoCardButton",
           detail:
-            '{ href: string, text: string, openInNewTab?: boolean, scrollOnClick?: boolean, onClick?: MouseEventHandler }',
+            "{ href: string, text: string, openInNewTab?: boolean, scrollOnClick?: boolean, onClick?: MouseEventHandler }",
         },
       },
     },
@@ -108,26 +108,26 @@ const meta: Meta<typeof InfoCard> = {
   args: { ...DEFAULT_ARGS },
   decorators: [
     (Story, context) => {
-      if (context.name.toLowerCase().indexOf('all themes') >= 0) {
+      if (context.name.toLowerCase().indexOf("all themes") >= 0) {
         return (
           <div
             className={context.args.hotelTheme!}
-            style={{ display: 'grid', gap: '1rem' }}
+            style={{ display: "grid", gap: "1rem" }}
           >
             {Object.keys(infoCardConfig.variants.theme).map((theme) => {
               console.log(theme)
               const args = {
                 ...context.args,
                 backgroundImage:
-                  theme === 'Image'
+                  theme === "Image"
                     ? {
-                        src: './img/img1.jpg',
-                        alt: 'Image alt text',
+                        src: "./img/img1.jpg",
+                        alt: "Image alt text",
                       }
                     : undefined,
               }
               return (
-                <div style={{ display: 'grid', gap: '0.5rem' }}>
+                <div style={{ display: "grid", gap: "0.5rem" }}>
                   <h3>{theme}</h3>
                   <InfoCard
                     {...args}
@@ -141,7 +141,7 @@ const meta: Meta<typeof InfoCard> = {
       }
 
       return (
-        <div style={{ display: 'flex' }}>
+        <div style={{ display: "flex" }}>
           <Story />
         </div>
       )
@@ -162,35 +162,35 @@ export const Default: Story = {
 export const Primary_1: Story = {
   args: {
     ...meta.args,
-    theme: 'Primary 1',
+    theme: "Primary 1",
   },
 }
 
 export const Primary_2: Story = {
   args: {
     ...meta.args,
-    theme: 'Primary 2',
+    theme: "Primary 2",
   },
 }
 
 export const Primary_3: Story = {
   args: {
     ...meta.args,
-    theme: 'Primary 3',
+    theme: "Primary 3",
   },
 }
 
 export const Accent: Story = {
   args: {
     ...meta.args,
-    theme: 'Accent',
+    theme: "Accent",
   },
 }
 
 export const White: Story = {
   args: {
     ...meta.args,
-    theme: 'White',
+    theme: "White",
   },
 }
 
@@ -198,10 +198,10 @@ export const Image: Story = {
   args: {
     ...meta.args,
     backgroundImage: {
-      src: './img/img1.jpg',
-      alt: 'Image alt text',
+      src: "./img/img1.jpg",
+      alt: "Image alt text",
     },
-    theme: 'Image',
+    theme: "Image",
   },
 }
 
diff --git a/packages/design-system/lib/components/InfoCard/InfoCard.tsx b/packages/design-system/lib/components/InfoCard/InfoCard.tsx
index 37fc1c07d..d4c850716 100644
--- a/packages/design-system/lib/components/InfoCard/InfoCard.tsx
+++ b/packages/design-system/lib/components/InfoCard/InfoCard.tsx
@@ -1,15 +1,15 @@
-import ButtonLink from '../ButtonLink'
-import Image from '../Image'
-import { Typography } from '../Typography'
+import ButtonLink from "../ButtonLink"
+import Image from "../Image"
+import { Typography } from "../Typography"
 
-import { getButtonProps } from './utils'
+import { getButtonProps } from "./utils"
 
-import { infoCardVariants } from './variants'
+import { infoCardVariants } from "./variants"
 
-import styles from './infoCard.module.css'
+import styles from "./infoCard.module.css"
 
-import ImageFallback from '../ImageFallback'
-import type { InfoCardProps } from './types'
+import ImageFallback from "../ImageFallback"
+import type { InfoCardProps } from "./types"
 
 export function InfoCard({
   primaryButton,
@@ -35,13 +35,13 @@ export function InfoCard({
 
   return (
     <div className={classNames}>
-      {theme === 'Image' ? (
+      {theme === "Image" ? (
         <div className={styles.backgroundImageWrapper}>
           {backgroundImage ? (
             <Image
               src={backgroundImage.src}
               className={styles.backgroundImage}
-              alt={backgroundImage.alt ?? ''}
+              alt={backgroundImage.alt ?? ""}
               fill
               sizes="(min-width: 1367px) 700px, 900px"
               focalPoint={backgroundImage.focalPoint}
diff --git a/packages/design-system/lib/components/InfoCard/index.tsx b/packages/design-system/lib/components/InfoCard/index.tsx
index a2542ec97..602fd00cf 100644
--- a/packages/design-system/lib/components/InfoCard/index.tsx
+++ b/packages/design-system/lib/components/InfoCard/index.tsx
@@ -1,2 +1,2 @@
-export { InfoCard } from './InfoCard'
-export type { InfoCardProps } from './types'
+export { InfoCard } from "./InfoCard"
+export type { InfoCardProps } from "./types"
diff --git a/packages/design-system/lib/components/InfoCard/infoCard.module.css b/packages/design-system/lib/components/InfoCard/infoCard.module.css
index 52161efdc..dd7ca6448 100644
--- a/packages/design-system/lib/components/InfoCard/infoCard.module.css
+++ b/packages/design-system/lib/components/InfoCard/infoCard.module.css
@@ -91,7 +91,7 @@
   z-index: -1;
 
   &::after {
-    content: '';
+    content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(
diff --git a/packages/design-system/lib/components/InfoCard/types.ts b/packages/design-system/lib/components/InfoCard/types.ts
index 3bf24e0cf..755591a9d 100644
--- a/packages/design-system/lib/components/InfoCard/types.ts
+++ b/packages/design-system/lib/components/InfoCard/types.ts
@@ -1,7 +1,7 @@
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import { MouseEventHandler } from 'react'
-import type { infoCardVariants } from './variants'
+import { MouseEventHandler } from "react"
+import type { infoCardVariants } from "./variants"
 
 export type InfoCardBackgroundImage = {
   src: string
@@ -19,7 +19,8 @@ export type InfoCardButton = {
 }
 
 export interface InfoCardProps
-  extends React.HTMLAttributes<HTMLDivElement>,
+  extends
+    React.HTMLAttributes<HTMLDivElement>,
     VariantProps<typeof infoCardVariants> {
   topTitle?: string | null
   heading?: string | null
diff --git a/packages/design-system/lib/components/InfoCard/utils.ts b/packages/design-system/lib/components/InfoCard/utils.ts
index 62f1b5f54..1555521a0 100644
--- a/packages/design-system/lib/components/InfoCard/utils.ts
+++ b/packages/design-system/lib/components/InfoCard/utils.ts
@@ -1,32 +1,32 @@
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import { Theme } from '@scandic-hotels/common/utils/theme'
-import type { variants as buttonVariants } from '../Button/variants'
-import type { infoCardVariants } from './variants'
+import { Theme } from "@scandic-hotels/common/utils/theme"
+import type { variants as buttonVariants } from "../Button/variants"
+import type { infoCardVariants } from "./variants"
 
 type ButtonVariants = VariantProps<typeof buttonVariants>
 type InfoCardButtonProps = {
   primaryButton: {
-    variant: ButtonVariants['variant']
-    color: ButtonVariants['color']
+    variant: ButtonVariants["variant"]
+    color: ButtonVariants["color"]
   }
   secondaryButton: {
-    variant: ButtonVariants['variant']
-    color: ButtonVariants['color']
+    variant: ButtonVariants["variant"]
+    color: ButtonVariants["color"]
   }
 }
 
-const PRIMARY = { variant: 'Primary', color: 'Primary' } as const
-const PRIMARY_INVERTED = { variant: 'Primary', color: 'Inverted' } as const
-const SECONDARY = { variant: 'Secondary', color: 'Primary' } as const
-const SECONDARY_INVERTED = { variant: 'Secondary', color: 'Inverted' } as const
-const TERTIARY = { variant: 'Tertiary', color: 'Primary' } as const
+const PRIMARY = { variant: "Primary", color: "Primary" } as const
+const PRIMARY_INVERTED = { variant: "Primary", color: "Inverted" } as const
+const SECONDARY = { variant: "Secondary", color: "Primary" } as const
+const SECONDARY_INVERTED = { variant: "Secondary", color: "Inverted" } as const
+const TERTIARY = { variant: "Tertiary", color: "Primary" } as const
 
 // Determine button variant and color based on card theme and hotel theme.
 // This is done to avoid low contrast issues and conflicting colors in
 // certain combinations and according to design guidelines.
 export function getButtonProps(
-  cardTheme: VariantProps<typeof infoCardVariants>['theme'],
+  cardTheme: VariantProps<typeof infoCardVariants>["theme"],
   hotelTheme: Theme | null = Theme.scandic
 ): InfoCardButtonProps {
   let buttonProps: InfoCardButtonProps = {
@@ -35,7 +35,7 @@ export function getButtonProps(
   }
 
   // Image theme always uses inverted buttons, regardless of hotel theme
-  if (cardTheme === 'Image') {
+  if (cardTheme === "Image") {
     return {
       primaryButton: PRIMARY_INVERTED,
       secondaryButton: SECONDARY_INVERTED,
@@ -44,7 +44,7 @@ export function getButtonProps(
 
   switch (hotelTheme) {
     case Theme.scandic:
-      if (cardTheme === 'Primary 2' || cardTheme === 'Primary 3') {
+      if (cardTheme === "Primary 2" || cardTheme === "Primary 3") {
         buttonProps = {
           primaryButton: PRIMARY_INVERTED,
           secondaryButton: SECONDARY_INVERTED,
@@ -53,10 +53,10 @@ export function getButtonProps(
       break
     case Theme.downtownCamper:
       if (
-        cardTheme === 'Primary 1' ||
-        cardTheme === 'Primary 2' ||
-        cardTheme === 'Primary 3' ||
-        cardTheme === 'Accent'
+        cardTheme === "Primary 1" ||
+        cardTheme === "Primary 2" ||
+        cardTheme === "Primary 3" ||
+        cardTheme === "Accent"
       ) {
         buttonProps = {
           primaryButton: PRIMARY_INVERTED,
@@ -65,15 +65,15 @@ export function getButtonProps(
       }
       break
     case Theme.haymarket:
-      if (cardTheme === 'Primary 1' || cardTheme === 'White') {
+      if (cardTheme === "Primary 1" || cardTheme === "White") {
         buttonProps = {
           primaryButton: PRIMARY,
           secondaryButton: SECONDARY,
         }
       } else if (
-        cardTheme === 'Primary 2' ||
-        cardTheme === 'Primary 3' ||
-        cardTheme === 'Accent'
+        cardTheme === "Primary 2" ||
+        cardTheme === "Primary 3" ||
+        cardTheme === "Accent"
       ) {
         buttonProps = {
           primaryButton: PRIMARY_INVERTED,
@@ -82,7 +82,7 @@ export function getButtonProps(
       }
       break
     case Theme.scandicGo:
-      if (cardTheme === 'Primary 1' || cardTheme === 'Primary 2') {
+      if (cardTheme === "Primary 1" || cardTheme === "Primary 2") {
         buttonProps = {
           primaryButton: PRIMARY_INVERTED,
           secondaryButton: SECONDARY_INVERTED,
@@ -91,16 +91,16 @@ export function getButtonProps(
       break
     case Theme.grandHotel:
       if (
-        cardTheme === 'Primary 2' ||
-        cardTheme === 'Primary 3' ||
-        cardTheme === 'Accent' ||
-        cardTheme === 'White'
+        cardTheme === "Primary 2" ||
+        cardTheme === "Primary 3" ||
+        cardTheme === "Accent" ||
+        cardTheme === "White"
       ) {
         buttonProps = {
           primaryButton: PRIMARY,
           secondaryButton: SECONDARY,
         }
-      } else if (cardTheme === 'Primary 1') {
+      } else if (cardTheme === "Primary 1") {
         buttonProps = {
           primaryButton: PRIMARY_INVERTED,
           secondaryButton: SECONDARY_INVERTED,
@@ -109,9 +109,9 @@ export function getButtonProps(
       break
     case Theme.hotelNorge:
       if (
-        cardTheme === 'Primary 1' ||
-        cardTheme === 'Primary 2' ||
-        cardTheme === 'Primary 3'
+        cardTheme === "Primary 1" ||
+        cardTheme === "Primary 2" ||
+        cardTheme === "Primary 3"
       ) {
         buttonProps = {
           primaryButton: PRIMARY_INVERTED,
@@ -120,20 +120,20 @@ export function getButtonProps(
       }
       break
     case Theme.marski:
-      if (cardTheme === 'Primary 1') {
+      if (cardTheme === "Primary 1") {
         buttonProps = {
           primaryButton: TERTIARY,
           secondaryButton: SECONDARY_INVERTED,
         }
-      } else if (cardTheme === 'White') {
+      } else if (cardTheme === "White") {
         buttonProps = {
           primaryButton: PRIMARY,
           secondaryButton: SECONDARY,
         }
       } else if (
-        cardTheme === 'Primary 2' ||
-        cardTheme === 'Primary 3' ||
-        cardTheme === 'Accent'
+        cardTheme === "Primary 2" ||
+        cardTheme === "Primary 3" ||
+        cardTheme === "Accent"
       ) {
         buttonProps = {
           primaryButton: PRIMARY_INVERTED,
@@ -143,15 +143,15 @@ export function getButtonProps(
       break
     case Theme.theDock:
       if (
-        cardTheme === 'Primary 1' ||
-        cardTheme === 'Accent' ||
-        cardTheme === 'White'
+        cardTheme === "Primary 1" ||
+        cardTheme === "Accent" ||
+        cardTheme === "White"
       ) {
         buttonProps = {
           primaryButton: PRIMARY,
           secondaryButton: SECONDARY,
         }
-      } else if (cardTheme === 'Primary 2' || cardTheme === 'Primary 3') {
+      } else if (cardTheme === "Primary 2" || cardTheme === "Primary 3") {
         buttonProps = {
           primaryButton: PRIMARY_INVERTED,
           secondaryButton: SECONDARY_INVERTED,
diff --git a/packages/design-system/lib/components/InfoCard/variants.ts b/packages/design-system/lib/components/InfoCard/variants.ts
index 07aec643a..abaf0d445 100644
--- a/packages/design-system/lib/components/InfoCard/variants.ts
+++ b/packages/design-system/lib/components/InfoCard/variants.ts
@@ -1,36 +1,36 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import { DEFAULT_THEME, Theme } from '@scandic-hotels/common/utils/theme'
-import styles from './infoCard.module.css'
+import { DEFAULT_THEME, Theme } from "@scandic-hotels/common/utils/theme"
+import styles from "./infoCard.module.css"
 
 const variantKeys = {
   theme: {
-    'Primary 1': 'Primary 1',
-    'Primary 2': 'Primary 2',
-    'Primary 3': 'Primary 3',
-    Accent: 'Accent',
-    Image: 'Image',
-    White: 'White',
+    "Primary 1": "Primary 1",
+    "Primary 2": "Primary 2",
+    "Primary 3": "Primary 3",
+    Accent: "Accent",
+    Image: "Image",
+    White: "White",
   },
   height: {
-    fixed: 'fixed',
-    dynamic: 'dynamic',
+    fixed: "fixed",
+    dynamic: "dynamic",
   },
 } as const
 
 export const infoCardConfig = {
   variants: {
     theme: {
-      [variantKeys.theme['Primary 1']]: styles['theme-primary-1'],
-      [variantKeys.theme['Primary 2']]: styles['theme-primary-2'],
-      [variantKeys.theme['Primary 3']]: styles['theme-primary-3'],
-      [variantKeys.theme['Accent']]: styles['theme-accent'],
-      [variantKeys.theme['Image']]: styles['theme-image'],
-      [variantKeys.theme['White']]: styles['theme-white'],
+      [variantKeys.theme["Primary 1"]]: styles["theme-primary-1"],
+      [variantKeys.theme["Primary 2"]]: styles["theme-primary-2"],
+      [variantKeys.theme["Primary 3"]]: styles["theme-primary-3"],
+      [variantKeys.theme["Accent"]]: styles["theme-accent"],
+      [variantKeys.theme["Image"]]: styles["theme-image"],
+      [variantKeys.theme["White"]]: styles["theme-white"],
     },
     height: {
-      [variantKeys.height.fixed]: styles['height-fixed'],
-      [variantKeys.height.dynamic]: styles['height-dynamic'],
+      [variantKeys.height.fixed]: styles["height-fixed"],
+      [variantKeys.height.dynamic]: styles["height-dynamic"],
     },
     // Only Theme.scandic can be used with the Angled variant.
     // The topTitleAngled variant will be applied using the compoundVariants.
@@ -56,11 +56,11 @@ export const infoCardConfig = {
     {
       hotelTheme: Theme.scandic,
       topTitleAngled: true,
-      class: styles['top-title-angled'],
+      class: styles["top-title-angled"],
     },
   ],
   defaultVariants: {
-    theme: variantKeys.theme['Primary 1'],
+    theme: variantKeys.theme["Primary 1"],
     height: variantKeys.height.fixed,
     topTitleAngled: false,
     hotelTheme: DEFAULT_THEME,
diff --git a/packages/design-system/lib/components/Input/Input.stories.tsx b/packages/design-system/lib/components/Input/Input.stories.tsx
index 877d5b48a..8a225057a 100644
--- a/packages/design-system/lib/components/Input/Input.stories.tsx
+++ b/packages/design-system/lib/components/Input/Input.stories.tsx
@@ -1,14 +1,14 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { expect } from 'storybook/test'
+import { expect } from "storybook/test"
 
-import { Input } from './Input'
-import { TextField } from 'react-aria-components'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import type { SymbolCodepoints } from '../Icons/MaterialIcon/MaterialSymbol/types'
+import { Input } from "./Input"
+import { TextField } from "react-aria-components"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import type { SymbolCodepoints } from "../Icons/MaterialIcon/MaterialSymbol/types"
 
 const meta: Meta<typeof Input> = {
-  title: 'Core Components/Input',
+  title: "Core Components/Input",
   // @ts-expect-error Input does not support this, but wrapping <TextField> does
   component: ({ isInvalid, validationState, ...props }) => (
     <TextField isInvalid={isInvalid} data-validation-state={validationState}>
@@ -17,117 +17,117 @@ const meta: Meta<typeof Input> = {
   ),
   argTypes: {
     label: {
-      control: 'text',
-      description: 'The label text displayed for the input field',
+      control: "text",
+      description: "The label text displayed for the input field",
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
       },
     },
     labelPosition: {
-      control: 'select',
-      options: ['floating', 'top'],
-      description: 'Position of the label relative to the input',
+      control: "select",
+      options: ["floating", "top"],
+      description: "Position of the label relative to the input",
       table: {
         type: { summary: "'floating' | 'top'" },
         defaultValue: { summary: "'floating'" },
       },
     },
     placeholder: {
-      control: 'text',
-      description: 'Placeholder text shown when input is empty',
+      control: "text",
+      description: "Placeholder text shown when input is empty",
       table: {
-        type: { summary: 'string' },
-        defaultValue: { summary: 'undefined' },
+        type: { summary: "string" },
+        defaultValue: { summary: "undefined" },
       },
     },
     required: {
-      control: 'boolean',
-      description: 'Whether the input is required',
+      control: "boolean",
+      description: "Whether the input is required",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
     },
     disabled: {
-      control: 'boolean',
-      description: 'Whether the input is disabled',
+      control: "boolean",
+      description: "Whether the input is disabled",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
     },
     showClearContentIcon: {
-      control: 'boolean',
-      description: 'Whether the clear content icon is shown',
+      control: "boolean",
+      description: "Whether the clear content icon is shown",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
     },
     showLeftIcon: {
-      control: 'boolean',
-      description: 'Whether to show a left icon',
+      control: "boolean",
+      description: "Whether to show a left icon",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
     },
     showRightIcon: {
-      control: 'boolean',
-      description: 'Whether to show a right icon',
+      control: "boolean",
+      description: "Whether to show a right icon",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
     },
     leftIconName: {
-      control: 'select',
+      control: "select",
       options: [
-        'calendar_month',
-        'credit_card',
-        'email',
-        'info_circle',
-        'location_on',
-        'lock',
-        'phone',
-        'search',
-        'sell',
-        'visibility',
-        'visibility_off',
+        "calendar_month",
+        "credit_card",
+        "email",
+        "info_circle",
+        "location_on",
+        "lock",
+        "phone",
+        "search",
+        "sell",
+        "visibility",
+        "visibility_off",
       ],
-      description: 'Icon name for the left icon',
+      description: "Icon name for the left icon",
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
         defaultValue: { summary: "'person'" },
       },
     },
     rightIconName: {
-      control: 'select',
+      control: "select",
       options: [
-        'calendar_month',
-        'credit_card',
-        'email',
-        'info_circle',
-        'location_on',
-        'lock',
-        'phone',
-        'search',
-        'sell',
-        'visibility',
-        'visibility_off',
+        "calendar_month",
+        "credit_card",
+        "email",
+        "info_circle",
+        "location_on",
+        "lock",
+        "phone",
+        "search",
+        "sell",
+        "visibility",
+        "visibility_off",
       ],
-      description: 'Icon name for the right icon',
+      description: "Icon name for the right icon",
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
         defaultValue: { summary: "'lock'" },
       },
     },
     showWarning: {
-      control: 'boolean',
-      description: 'Whether to show warning validation state',
+      control: "boolean",
+      description: "Whether to show warning validation state",
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
     },
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -140,13 +140,13 @@ type Story = StoryObj<typeof Input>
 
 export const Default: Story = {
   args: {
-    label: 'Label',
-    name: 'foo',
+    label: "Label",
+    name: "foo",
     required: false,
     showLeftIcon: false,
     showRightIcon: false,
-    leftIconName: 'person',
-    rightIconName: 'lock',
+    leftIconName: "person",
+    rightIconName: "lock",
     showWarning: false,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
   } as any,
@@ -167,7 +167,7 @@ export const Default: Story = {
       showWarning?: boolean
     }
 
-    const validationState = showWarning ? 'warning' : undefined
+    const validationState = showWarning ? "warning" : undefined
 
     return (
       <TextField data-validation-state={validationState}>
@@ -189,15 +189,15 @@ export const Default: Story = {
     )
   },
   play: async ({ canvas, userEvent }) => {
-    const textbox = canvas.getByRole('textbox')
+    const textbox = canvas.getByRole("textbox")
     expect(textbox).not.toBeDisabled()
 
-    expect(textbox).toHaveValue('')
+    expect(textbox).toHaveValue("")
 
-    await userEvent.type(textbox, 'Hello World')
-    expect(textbox).toHaveValue('Hello World')
+    await userEvent.type(textbox, "Hello World")
+    expect(textbox).toHaveValue("Hello World")
 
     await userEvent.clear(textbox)
-    expect(textbox).toHaveValue('')
+    expect(textbox).toHaveValue("")
   },
 }
diff --git a/packages/design-system/lib/components/Input/Input.test.tsx b/packages/design-system/lib/components/Input/Input.test.tsx
index e341b9ce6..9d9767527 100644
--- a/packages/design-system/lib/components/Input/Input.test.tsx
+++ b/packages/design-system/lib/components/Input/Input.test.tsx
@@ -1,8 +1,8 @@
-import { describe, expect, it, vi, afterEach } from 'vitest'
-import { render, screen, fireEvent, cleanup } from '@testing-library/react'
-import userEvent from '@testing-library/user-event'
-import { Input } from './Input'
-import { TextField } from 'react-aria-components'
+import { describe, expect, it, vi, afterEach } from "vitest"
+import { render, screen, fireEvent, cleanup } from "@testing-library/react"
+import userEvent from "@testing-library/user-event"
+import { Input } from "./Input"
+import { TextField } from "react-aria-components"
 
 afterEach(() => {
   cleanup()
@@ -22,158 +22,158 @@ const renderInputStandalone = (props: React.ComponentProps<typeof Input>) => {
   return render(<Input {...props} />)
 }
 
-describe('Input', () => {
-  describe('props', () => {
-    it('applies required attribute', () => {
-      renderInput({ label: 'Email', required: true })
-      expect(screen.getByRole('textbox')).toHaveProperty('required', true)
+describe("Input", () => {
+  describe("props", () => {
+    it("applies required attribute", () => {
+      renderInput({ label: "Email", required: true })
+      expect(screen.getByRole("textbox")).toHaveProperty("required", true)
     })
 
-    it('applies readOnly attribute', () => {
-      renderInput({ label: 'Email', readOnly: true })
-      expect(screen.getByRole('textbox')).toHaveProperty('readOnly', true)
+    it("applies readOnly attribute", () => {
+      renderInput({ label: "Email", readOnly: true })
+      expect(screen.getByRole("textbox")).toHaveProperty("readOnly", true)
     })
 
-    it('applies placeholder for floating label when provided', () => {
-      renderInput({ label: 'Email', placeholder: 'Enter email' })
-      expect(screen.getByRole('textbox').getAttribute('placeholder')).toBe(
-        'Enter email'
+    it("applies placeholder for floating label when provided", () => {
+      renderInput({ label: "Email", placeholder: "Enter email" })
+      expect(screen.getByRole("textbox").getAttribute("placeholder")).toBe(
+        "Enter email"
       )
     })
 
-    it('applies empty placeholder for top label by default', () => {
-      renderInput({ label: 'Email', labelPosition: 'top' })
-      expect(screen.getByRole('textbox').getAttribute('placeholder')).toBe('')
+    it("applies empty placeholder for top label by default", () => {
+      renderInput({ label: "Email", labelPosition: "top" })
+      expect(screen.getByRole("textbox").getAttribute("placeholder")).toBe("")
     })
 
-    it('applies custom id', () => {
+    it("applies custom id", () => {
       // Use standalone render since TextField overrides id via context
-      renderInputStandalone({ label: 'Email', id: 'custom-id' })
-      expect(screen.getByRole('textbox').getAttribute('id')).toBe('custom-id')
+      renderInputStandalone({ label: "Email", id: "custom-id" })
+      expect(screen.getByRole("textbox").getAttribute("id")).toBe("custom-id")
     })
 
-    it('applies aria-describedby', () => {
-      renderInput({ label: 'Email', 'aria-describedby': 'error-message' })
-      expect(screen.getByRole('textbox').getAttribute('aria-describedby')).toBe(
-        'error-message'
+    it("applies aria-describedby", () => {
+      renderInput({ label: "Email", "aria-describedby": "error-message" })
+      expect(screen.getByRole("textbox").getAttribute("aria-describedby")).toBe(
+        "error-message"
       )
     })
   })
 
-  describe('clear content button', () => {
-    it('does not show clear button when showClearContentIcon is false', () => {
+  describe("clear content button", () => {
+    it("does not show clear button when showClearContentIcon is false", () => {
       renderInput({
-        label: 'Email',
-        value: 'test',
+        label: "Email",
+        value: "test",
         onChange: vi.fn(),
         showClearContentIcon: false,
       })
-      expect(screen.queryByLabelText('Clear content')).toBeNull()
+      expect(screen.queryByLabelText("Clear content")).toBeNull()
     })
 
-    it('does not show clear button when input is empty', () => {
+    it("does not show clear button when input is empty", () => {
       renderInput({
-        label: 'Email',
-        value: '',
+        label: "Email",
+        value: "",
         onChange: vi.fn(),
         showClearContentIcon: true,
       })
-      expect(screen.queryByLabelText('Clear content')).toBeNull()
+      expect(screen.queryByLabelText("Clear content")).toBeNull()
     })
 
-    it('shows clear button when input has value and showClearContentIcon is true', () => {
+    it("shows clear button when input has value and showClearContentIcon is true", () => {
       renderInput({
-        label: 'Email',
-        value: 'test',
+        label: "Email",
+        value: "test",
         onChange: vi.fn(),
         showClearContentIcon: true,
       })
-      expect(screen.getByLabelText('Clear content')).toBeTruthy()
+      expect(screen.getByLabelText("Clear content")).toBeTruthy()
     })
   })
 
-  describe('icons', () => {
-    it('renders left icon when provided', () => {
+  describe("icons", () => {
+    it("renders left icon when provided", () => {
       renderInput({
-        label: 'Search',
+        label: "Search",
         // eslint-disable-next-line formatjs/no-literal-string-in-jsx
         leftIcon: <span data-testid="left-icon">🔍</span>,
       })
-      expect(screen.getByTestId('left-icon')).toBeTruthy()
+      expect(screen.getByTestId("left-icon")).toBeTruthy()
     })
 
-    it('renders right icon when provided', () => {
+    it("renders right icon when provided", () => {
       renderInput({
-        label: 'Password',
+        label: "Password",
         // eslint-disable-next-line formatjs/no-literal-string-in-jsx
         rightIcon: <span data-testid="right-icon">👁</span>,
       })
-      expect(screen.getByTestId('right-icon')).toBeTruthy()
+      expect(screen.getByTestId("right-icon")).toBeTruthy()
     })
 
-    it('hides right icon when clear button is shown', () => {
+    it("hides right icon when clear button is shown", () => {
       renderInput({
-        label: 'Email',
-        value: 'test',
+        label: "Email",
+        value: "test",
         onChange: vi.fn(),
         showClearContentIcon: true,
         // eslint-disable-next-line formatjs/no-literal-string-in-jsx
         rightIcon: <span data-testid="right-icon">👁</span>,
       })
-      expect(screen.queryByTestId('right-icon')).toBeNull()
-      expect(screen.getByLabelText('Clear content')).toBeTruthy()
+      expect(screen.queryByTestId("right-icon")).toBeNull()
+      expect(screen.getByLabelText("Clear content")).toBeTruthy()
     })
 
-    it('shows right icon when clear button condition not met', () => {
+    it("shows right icon when clear button condition not met", () => {
       renderInput({
-        label: 'Email',
-        value: '',
+        label: "Email",
+        value: "",
         onChange: vi.fn(),
         showClearContentIcon: true,
         // eslint-disable-next-line formatjs/no-literal-string-in-jsx
         rightIcon: <span data-testid="right-icon">👁</span>,
       })
-      expect(screen.getByTestId('right-icon')).toBeTruthy()
+      expect(screen.getByTestId("right-icon")).toBeTruthy()
     })
   })
 
-  describe('controlled input', () => {
-    it('displays the controlled value', () => {
+  describe("controlled input", () => {
+    it("displays the controlled value", () => {
       renderInput({
-        label: 'Email',
-        value: 'test@example.com',
+        label: "Email",
+        value: "test@example.com",
         onChange: vi.fn(),
       })
-      expect(screen.getByRole('textbox')).toHaveProperty(
-        'value',
-        'test@example.com'
+      expect(screen.getByRole("textbox")).toHaveProperty(
+        "value",
+        "test@example.com"
       )
     })
 
-    it('calls onChange when typing', async () => {
+    it("calls onChange when typing", async () => {
       const onChange = vi.fn()
-      renderInput({ label: 'Email', value: '', onChange })
+      renderInput({ label: "Email", value: "", onChange })
 
-      const input = screen.getByRole('textbox')
-      await userEvent.type(input, 'a')
+      const input = screen.getByRole("textbox")
+      await userEvent.type(input, "a")
 
       expect(onChange).toHaveBeenCalled()
     })
 
-    it('does not change value without onChange updating it', () => {
+    it("does not change value without onChange updating it", () => {
       const onChange = vi.fn()
-      renderInput({ label: 'Email', value: 'initial', onChange })
+      renderInput({ label: "Email", value: "initial", onChange })
 
-      const input = screen.getByRole('textbox')
-      fireEvent.change(input, { target: { value: 'changed' } })
+      const input = screen.getByRole("textbox")
+      fireEvent.change(input, { target: { value: "changed" } })
 
       // Value stays the same because it's controlled
-      expect(input).toHaveProperty('value', 'initial')
+      expect(input).toHaveProperty("value", "initial")
     })
   })
 
-  describe('ref forwarding', () => {
-    it('forwards ref to the input element', () => {
+  describe("ref forwarding", () => {
+    it("forwards ref to the input element", () => {
       const ref = { current: null as HTMLInputElement | null }
       render(
         <TextField>
@@ -183,7 +183,7 @@ describe('Input', () => {
       expect(ref.current).toBeInstanceOf(HTMLInputElement)
     })
 
-    it('allows focusing via ref', () => {
+    it("allows focusing via ref", () => {
       const ref = { current: null as HTMLInputElement | null }
       render(
         <TextField>
diff --git a/packages/design-system/lib/components/Input/Input.tsx b/packages/design-system/lib/components/Input/Input.tsx
index 4a89b6a0e..d2b69597c 100644
--- a/packages/design-system/lib/components/Input/Input.tsx
+++ b/packages/design-system/lib/components/Input/Input.tsx
@@ -1,26 +1,26 @@
-import { cx } from 'class-variance-authority'
+import { cx } from "class-variance-authority"
 import {
   type ForwardedRef,
   forwardRef,
   useId,
   useImperativeHandle,
   useRef,
-} from 'react'
-import { Input as AriaInput, Label as AriaLabel } from 'react-aria-components'
+} from "react"
+import { Input as AriaInput, Label as AriaLabel } from "react-aria-components"
 
-import { InputLabel } from '../InputLabel'
+import { InputLabel } from "../InputLabel"
 
-import styles from './input.module.css'
+import styles from "./input.module.css"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
-import type { InputProps } from './types'
-import { clearInput, useInputHasValue } from './utils'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
+import type { InputProps } from "./types"
+import { clearInput, useInputHasValue } from "./utils"
 
 const InputComponent = forwardRef(function AriaInputWithLabelComponent(
   {
     label,
-    labelPosition = 'floating',
+    labelPosition = "floating",
     leftIcon,
     rightIcon,
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -29,9 +29,9 @@ const InputComponent = forwardRef(function AriaInputWithLabelComponent(
     placeholder,
     id,
     required,
-    'data-validation-state': validationState,
+    "data-validation-state": validationState,
     ...props
-  }: InputProps & { 'data-validation-state'?: string },
+  }: InputProps & { "data-validation-state"?: string },
   ref: ForwardedRef<HTMLInputElement>
 ) {
   // Create an internal ref that we can access
@@ -57,7 +57,7 @@ const InputComponent = forwardRef(function AriaInputWithLabelComponent(
   }
   // When labelPosition is 'top', restructure to have label outside container
   // We need an ID for proper label-input association
-  if (labelPosition === 'top') {
+  if (labelPosition === "top") {
     const inputId = id || generatedId
 
     return (
@@ -93,7 +93,7 @@ const InputComponent = forwardRef(function AriaInputWithLabelComponent(
                 // Avoid duplicating label text in placeholder when label is positioned above
                 // Screen readers would announce the label twice (once as label, once as placeholder)
                 // Only use placeholder if explicitly provided, otherwise use empty string
-                placeholder={placeholder ?? ''}
+                placeholder={placeholder ?? ""}
                 className={cx(
                   styles.input,
                   styles.inputTopLabel,
diff --git a/packages/design-system/lib/components/Input/index.tsx b/packages/design-system/lib/components/Input/index.tsx
index 3188ccc6a..6a47963a9 100644
--- a/packages/design-system/lib/components/Input/index.tsx
+++ b/packages/design-system/lib/components/Input/index.tsx
@@ -1 +1 @@
-export { Input } from './Input'
+export { Input } from "./Input"
diff --git a/packages/design-system/lib/components/Input/input.module.css b/packages/design-system/lib/components/Input/input.module.css
index 738ab5cbd..8163e6727 100644
--- a/packages/design-system/lib/components/Input/input.module.css
+++ b/packages/design-system/lib/components/Input/input.module.css
@@ -22,11 +22,11 @@
 
   &:has(.input:focus):not(:has(.input:disabled)):not(
       :has(.input:read-only)
-    ):not(:has(.input[data-invalid='true'])):not(
-      :has(.input[aria-invalid='true'])
-    ):not(:has(.input[data-warning='true'])):not(
-      :has(.input[data-validation-state='warning'])
-    ):not([data-validation-state='warning']) {
+    ):not(:has(.input[data-invalid="true"])):not(
+      :has(.input[aria-invalid="true"])
+    ):not(:has(.input[data-warning="true"])):not(
+      :has(.input[data-validation-state="warning"])
+    ):not([data-validation-state="warning"]) {
     outline-offset: -2px;
     outline: 2px solid var(--Border-Interactive-Focus);
   }
@@ -38,7 +38,7 @@
     cursor: unset;
   }
 
-  &:has(.input[data-invalid='true'], .input[aria-invalid='true']) {
+  &:has(.input[data-invalid="true"], .input[aria-invalid="true"]) {
     border-color: var(--Border-Interactive-Error);
 
     &:focus-within,
@@ -49,9 +49,9 @@
     }
   }
 
-  &:has(.input[data-warning='true']),
-  &:has(.input[data-validation-state='warning']),
-  &[data-validation-state='warning'] {
+  &:has(.input[data-warning="true"]),
+  &:has(.input[data-validation-state="warning"]),
+  &[data-validation-state="warning"] {
     background-color: var(--Surface-Feedback-Warning-light);
     border-color: var(--Border-Interactive-Focus);
 
@@ -84,7 +84,7 @@
 
   &:focus,
   &:placeholder-shown,
-  &[value]:not([value='']) {
+  &[value]:not([value=""]) {
     height: 24px;
     outline: none;
   }
diff --git a/packages/design-system/lib/components/Input/types.ts b/packages/design-system/lib/components/Input/types.ts
index dbd0ce62b..7422b32af 100644
--- a/packages/design-system/lib/components/Input/types.ts
+++ b/packages/design-system/lib/components/Input/types.ts
@@ -1,9 +1,9 @@
-import { ComponentProps } from 'react'
-import { Input } from 'react-aria-components'
+import { ComponentProps } from "react"
+import { Input } from "react-aria-components"
 
 export interface InputProps extends ComponentProps<typeof Input> {
   label: string
-  labelPosition?: 'floating' | 'top'
+  labelPosition?: "floating" | "top"
   leftIcon?: React.ReactNode
   rightIcon?: React.ReactNode
   onRightIconClick?: () => void
diff --git a/packages/design-system/lib/components/Input/utils.test.ts b/packages/design-system/lib/components/Input/utils.test.ts
index 4c1d3e578..46eda2761 100644
--- a/packages/design-system/lib/components/Input/utils.test.ts
+++ b/packages/design-system/lib/components/Input/utils.test.ts
@@ -1,56 +1,56 @@
-import { describe, expect, it, vi, beforeEach } from 'vitest'
-import { renderHook } from '@testing-library/react'
-import { useInputHasValue, clearInput } from './utils'
+import { describe, expect, it, vi, beforeEach } from "vitest"
+import { renderHook } from "@testing-library/react"
+import { useInputHasValue, clearInput } from "./utils"
 
-describe('useInputHasValue', () => {
-  const createMockRef = (value = '') => ({
+describe("useInputHasValue", () => {
+  const createMockRef = (value = "") => ({
     current: { value } as HTMLInputElement,
   })
 
-  describe('controlled input (value prop)', () => {
-    it('returns true when value has content', () => {
+  describe("controlled input (value prop)", () => {
+    it("returns true when value has content", () => {
       const ref = createMockRef()
-      const { result } = renderHook(() => useInputHasValue('hello', ref))
+      const { result } = renderHook(() => useInputHasValue("hello", ref))
       expect(result.current).toBe(true)
     })
 
-    it('returns false when value is empty string', () => {
+    it("returns false when value is empty string", () => {
       const ref = createMockRef()
-      const { result } = renderHook(() => useInputHasValue('', ref))
+      const { result } = renderHook(() => useInputHasValue("", ref))
       expect(result.current).toBe(false)
     })
 
-    it('returns false when value is only whitespace', () => {
+    it("returns false when value is only whitespace", () => {
       const ref = createMockRef()
-      const { result } = renderHook(() => useInputHasValue('   ', ref))
+      const { result } = renderHook(() => useInputHasValue("   ", ref))
       expect(result.current).toBe(false)
     })
 
-    it('updates when value prop changes', () => {
+    it("updates when value prop changes", () => {
       const ref = createMockRef()
       const { result, rerender } = renderHook(
         ({ value }) => useInputHasValue(value, ref),
-        { initialProps: { value: '' } }
+        { initialProps: { value: "" } }
       )
 
       expect(result.current).toBe(false)
 
-      rerender({ value: 'new value' })
+      rerender({ value: "new value" })
       expect(result.current).toBe(true)
     })
   })
 })
 
-describe('clearInput', () => {
+describe("clearInput", () => {
   beforeEach(() => {
     vi.restoreAllMocks()
   })
 
-  it('calls onChange with empty value for controlled input', () => {
+  it("calls onChange with empty value for controlled input", () => {
     const onChange = vi.fn()
     const inputRef = {
       current: {
-        value: 'test',
+        value: "test",
         focus: vi.fn(),
       } as unknown as HTMLInputElement,
     }
@@ -58,22 +58,22 @@ describe('clearInput', () => {
     clearInput({
       inputRef,
       onChange,
-      value: 'test',
+      value: "test",
     })
 
     expect(onChange).toHaveBeenCalledWith(
       expect.objectContaining({
-        target: { value: '' },
+        target: { value: "" },
       })
     )
     expect(inputRef.current.focus).toHaveBeenCalled()
   })
 
-  it('sets input value directly for uncontrolled input', () => {
-    const input = document.createElement('input')
-    input.value = 'test'
-    const focusSpy = vi.spyOn(input, 'focus')
-    const dispatchSpy = vi.spyOn(input, 'dispatchEvent')
+  it("sets input value directly for uncontrolled input", () => {
+    const input = document.createElement("input")
+    input.value = "test"
+    const focusSpy = vi.spyOn(input, "focus")
+    const dispatchSpy = vi.spyOn(input, "dispatchEvent")
 
     const inputRef = { current: input }
 
@@ -83,19 +83,19 @@ describe('clearInput', () => {
       value: undefined,
     })
 
-    expect(input.value).toBe('')
+    expect(input.value).toBe("")
     expect(dispatchSpy).toHaveBeenCalled()
     expect(focusSpy).toHaveBeenCalled()
   })
 
-  it('does nothing when ref is null', () => {
+  it("does nothing when ref is null", () => {
     const onChange = vi.fn()
     const inputRef = { current: null }
 
     clearInput({
       inputRef,
       onChange,
-      value: 'test',
+      value: "test",
     })
 
     expect(onChange).not.toHaveBeenCalled()
diff --git a/packages/design-system/lib/components/Input/utils.ts b/packages/design-system/lib/components/Input/utils.ts
index a54605b70..0a240dd3c 100644
--- a/packages/design-system/lib/components/Input/utils.ts
+++ b/packages/design-system/lib/components/Input/utils.ts
@@ -1,5 +1,5 @@
-import type { ChangeEvent, ChangeEventHandler, RefObject } from 'react'
-import { useState, useEffect } from 'react'
+import type { ChangeEvent, ChangeEventHandler, RefObject } from "react"
+import { useState, useEffect } from "react"
 
 interface ClearInputOptions {
   inputRef: RefObject<HTMLInputElement | null>
@@ -26,7 +26,7 @@ export function clearInput({
   if (isControlled && onChange) {
     // For controlled components: call onChange with a synthetic event
     const syntheticEvent = {
-      target: { value: '' },
+      target: { value: "" },
       currentTarget: inputRef.current,
     } as ChangeEvent<HTMLInputElement>
     onChange(syntheticEvent)
@@ -35,24 +35,24 @@ export function clearInput({
     // This triggers React's change detection properly
     const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
       window.HTMLInputElement.prototype,
-      'value'
+      "value"
     )?.set
 
     if (nativeInputValueSetter) {
-      nativeInputValueSetter.call(inputRef.current, '')
+      nativeInputValueSetter.call(inputRef.current, "")
     } else {
-      inputRef.current.value = ''
+      inputRef.current.value = ""
     }
 
     // Dispatch input event to trigger any listeners
-    const inputEvent = new Event('input', {
+    const inputEvent = new Event("input", {
       bubbles: true,
       cancelable: true,
     })
     inputRef.current.dispatchEvent(inputEvent)
 
     // Also dispatch change event
-    const changeEvent = new Event('change', {
+    const changeEvent = new Event("change", {
       bubbles: true,
       cancelable: true,
     })
@@ -74,16 +74,16 @@ export function useInputHasValue(
   const [hasValue, setHasValue] = useState(() => {
     // For controlled components, check value prop
     if (value !== undefined) {
-      return String(value ?? '').trim().length > 0
+      return String(value ?? "").trim().length > 0
     }
     // For uncontrolled, check ref
-    return String(inputRef.current?.value ?? '').trim().length > 0
+    return String(inputRef.current?.value ?? "").trim().length > 0
   })
 
   // Sync with controlled value changes
   useEffect(() => {
     if (value !== undefined) {
-      setHasValue(String(value ?? '').trim().length > 0)
+      setHasValue(String(value ?? "").trim().length > 0)
     }
   }, [value])
 
@@ -102,17 +102,17 @@ export function useInputHasValue(
       setTimeout(() => {
         const target = (event?.target as HTMLInputElement) || inputRef.current
         if (target) {
-          setHasValue((target.value ?? '').trim().length > 0)
+          setHasValue((target.value ?? "").trim().length > 0)
         }
       }, 0)
     }
 
-    input.addEventListener('input', updateHasValue)
+    input.addEventListener("input", updateHasValue)
     // Also listen to change event as a fallback
-    input.addEventListener('change', updateHasValue)
+    input.addEventListener("change", updateHasValue)
     return () => {
-      input.removeEventListener('input', updateHasValue)
-      input.removeEventListener('change', updateHasValue)
+      input.removeEventListener("input", updateHasValue)
+      input.removeEventListener("change", updateHasValue)
     }
   }, [value, inputRef])
 
diff --git a/packages/design-system/lib/components/InputLabel/InputLabel.stories.tsx b/packages/design-system/lib/components/InputLabel/InputLabel.stories.tsx
index 3538a2390..87c31c594 100644
--- a/packages/design-system/lib/components/InputLabel/InputLabel.stories.tsx
+++ b/packages/design-system/lib/components/InputLabel/InputLabel.stories.tsx
@@ -1,9 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { InputLabel } from './InputLabel'
+import { InputLabel } from "./InputLabel"
 
 const meta: Meta<typeof InputLabel> = {
-  title: 'Core Components/InputLabel',
+  title: "Core Components/InputLabel",
   component: InputLabel,
   argTypes: {},
 }
@@ -14,21 +14,21 @@ type Story = StoryObj<typeof InputLabel>
 
 export const Default: Story = {
   args: {
-    children: 'Label',
+    children: "Label",
     required: false,
   },
 }
 
 export const Discreet: Story = {
   args: {
-    children: 'Label',
-    size: 'discreet',
+    children: "Label",
+    size: "discreet",
   },
 }
 
 export const Small: Story = {
   args: {
-    children: 'Label',
-    size: 'small',
+    children: "Label",
+    size: "small",
   },
 }
diff --git a/packages/design-system/lib/components/InputLabel/InputLabel.tsx b/packages/design-system/lib/components/InputLabel/InputLabel.tsx
index ed9f4b3b4..504060010 100644
--- a/packages/design-system/lib/components/InputLabel/InputLabel.tsx
+++ b/packages/design-system/lib/components/InputLabel/InputLabel.tsx
@@ -1,6 +1,6 @@
-import { inputLabelVariants } from './variants'
+import { inputLabelVariants } from "./variants"
 
-import type { InputLabelProps } from './types'
+import type { InputLabelProps } from "./types"
 
 export function InputLabel({
   children,
@@ -23,7 +23,7 @@ export function InputLabel({
     <span className={classNames} {...rest}>
       {children}
       {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
-      {required && <span aria-hidden="true">{' *'}</span>}
+      {required && <span aria-hidden="true">{" *"}</span>}
     </span>
   )
 }
diff --git a/packages/design-system/lib/components/InputLabel/index.tsx b/packages/design-system/lib/components/InputLabel/index.tsx
index 944026214..881b57ec0 100644
--- a/packages/design-system/lib/components/InputLabel/index.tsx
+++ b/packages/design-system/lib/components/InputLabel/index.tsx
@@ -1 +1 @@
-export { InputLabel } from './InputLabel'
+export { InputLabel } from "./InputLabel"
diff --git a/packages/design-system/lib/components/InputLabel/inputLabel.module.css b/packages/design-system/lib/components/InputLabel/inputLabel.module.css
index bcad08308..500e62ffc 100644
--- a/packages/design-system/lib/components/InputLabel/inputLabel.module.css
+++ b/packages/design-system/lib/components/InputLabel/inputLabel.module.css
@@ -41,10 +41,10 @@
 
 input:focus ~ .inputLabel,
 input:placeholder-shown ~ .inputLabel,
-input[value]:not([value='']) ~ .inputLabel,
+input[value]:not([value=""]) ~ .inputLabel,
 textarea:focus ~ .inputLabel,
 textarea:placeholder-shown ~ .inputLabel,
-textarea[value]:not([value='']) ~ .inputLabel,
+textarea[value]:not([value=""]) ~ .inputLabel,
 .selected {
   font-family: var(--Label-Font-family), var(--Label-Font-fallback);
   font-size: var(--Label-Size);
@@ -87,7 +87,7 @@ textarea:disabled ~ .inputLabel {
   order: unset;
 }
 
-:global(.select-container)[data-open='true'] .inputLabel:not(.discreet),
+:global(.select-container)[data-open="true"] .inputLabel:not(.discreet),
 :global(.react-aria-SelectValue):has(:nth-child(2)) .inputLabel:not(.discreet) {
   font-size: 12px;
 }
diff --git a/packages/design-system/lib/components/InputLabel/types.ts b/packages/design-system/lib/components/InputLabel/types.ts
index e7f6c15b2..40221ddc8 100644
--- a/packages/design-system/lib/components/InputLabel/types.ts
+++ b/packages/design-system/lib/components/InputLabel/types.ts
@@ -1,6 +1,6 @@
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import type { inputLabelVariants } from './variants'
+import type { inputLabelVariants } from "./variants"
 
 export interface InputLabelProps
   extends
diff --git a/packages/design-system/lib/components/InputLabel/variants.ts b/packages/design-system/lib/components/InputLabel/variants.ts
index 62d3b749d..cc147b4e1 100644
--- a/packages/design-system/lib/components/InputLabel/variants.ts
+++ b/packages/design-system/lib/components/InputLabel/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './inputLabel.module.css'
+import styles from "./inputLabel.module.css"
 
 export const inputLabelVariants = cva(styles.inputLabel, {
   variants: {
@@ -20,7 +20,7 @@ export const inputLabelVariants = cva(styles.inputLabel, {
     },
   },
   defaultVariants: {
-    size: 'regular',
+    size: "regular",
     required: false,
   },
 })
diff --git a/packages/design-system/lib/components/JsonToHtml/JsonToHtml.stories.tsx b/packages/design-system/lib/components/JsonToHtml/JsonToHtml.stories.tsx
index 76b35f80c..65e06dc4b 100644
--- a/packages/design-system/lib/components/JsonToHtml/JsonToHtml.stories.tsx
+++ b/packages/design-system/lib/components/JsonToHtml/JsonToHtml.stories.tsx
@@ -1,11 +1,11 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { expect } from 'storybook/test'
-import { JsonToHtml } from './JsonToHtml'
-import { RTETypeEnum } from './types/rte/enums'
-import { RTEImageVaultNode, RTENode } from './types/rte/node'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { expect } from "storybook/test"
+import { JsonToHtml } from "./JsonToHtml"
+import { RTETypeEnum } from "./types/rte/enums"
+import { RTEImageVaultNode, RTENode } from "./types/rte/node"
 
 const meta: Meta<typeof JsonToHtml> = {
-  title: 'Core Components/JsonToHtml',
+  title: "Core Components/JsonToHtml",
   component: JsonToHtml,
 }
 
@@ -15,80 +15,80 @@ type Story = StoryObj<typeof JsonToHtml>
 
 const headings: RTENode[] = [
   {
-    uid: 'heading-1',
+    uid: "heading-1",
     type: RTETypeEnum.h1,
-    attrs: { type: 'entry' },
-    children: [{ text: 'Heading 1' }],
+    attrs: { type: "entry" },
+    children: [{ text: "Heading 1" }],
   },
   {
-    uid: 'heading-2',
+    uid: "heading-2",
     type: RTETypeEnum.h2,
-    attrs: { type: 'entry' },
-    children: [{ text: 'Heading 2' }],
+    attrs: { type: "entry" },
+    children: [{ text: "Heading 2" }],
   },
   {
-    uid: 'heading-3',
+    uid: "heading-3",
     type: RTETypeEnum.h3,
-    attrs: { type: 'entry' },
-    children: [{ text: 'Heading 3' }],
+    attrs: { type: "entry" },
+    children: [{ text: "Heading 3" }],
   },
   {
-    uid: 'heading-4',
+    uid: "heading-4",
     type: RTETypeEnum.h4,
-    attrs: { type: 'entry' },
-    children: [{ text: 'Heading 4' }],
+    attrs: { type: "entry" },
+    children: [{ text: "Heading 4" }],
   },
 ]
 
 const paragraph: RTENode = {
-  uid: 'paragraph',
-  attrs: { type: 'asset' },
+  uid: "paragraph",
+  attrs: { type: "asset" },
   type: RTETypeEnum.p,
   children: [
-    { text: 'This paragraph has ' },
-    { text: 'bold', bold: true },
-    { text: ' and ' },
-    { text: 'italic', italic: true },
-    { text: ' text, plus an inline ' },
+    { text: "This paragraph has " },
+    { text: "bold", bold: true },
+    { text: " and " },
+    { text: "italic", italic: true },
+    { text: " text, plus an inline " },
     {
       type: RTETypeEnum.a,
-      attrs: { type: 'asset', url: 'https://example.com' },
-      uid: 'link-1',
-      children: [{ text: 'link' }],
+      attrs: { type: "asset", url: "https://example.com" },
+      uid: "link-1",
+      children: [{ text: "link" }],
     },
-    { text: '.' },
+    { text: "." },
   ],
 }
 const list: RTENode = {
   type: RTETypeEnum.ul,
-  attrs: { type: 'asset' },
-  uid: 'list-1',
+  attrs: { type: "asset" },
+  uid: "list-1",
   children: [
     {
       type: RTETypeEnum.li,
-      uid: 'list-item-1',
-      attrs: { type: 'asset' },
-      children: [{ text: 'First item' }],
+      uid: "list-item-1",
+      attrs: { type: "asset" },
+      children: [{ text: "First item" }],
     },
     {
       type: RTETypeEnum.li,
-      uid: 'list-item-2',
-      attrs: { type: 'asset' },
-      children: [{ text: 'Second item' }],
+      uid: "list-item-2",
+      attrs: { type: "asset" },
+      children: [{ text: "Second item" }],
     },
     {
       type: RTETypeEnum.li,
-      uid: 'list-item-3',
-      attrs: { type: 'asset' },
-      children: [{ text: 'Third item' }],
+      uid: "list-item-3",
+      attrs: { type: "asset" },
+      children: [{ text: "Third item" }],
     },
   ],
 }
 
 const code: RTENode = {
   type: RTETypeEnum.code,
-  uid: 'code',
-  attrs: { type: 'asset' },
+  uid: "code",
+  attrs: { type: "asset" },
   children: [
     {
       text: `function greet(name: string) {
@@ -100,50 +100,50 @@ const code: RTENode = {
 
 const blockquote: RTENode = {
   type: RTETypeEnum.blockquote,
-  uid: 'blockqoute',
-  attrs: { type: 'asset' },
-  children: [{ text: 'Simplicity is the soul of efficiency.' }],
+  uid: "blockqoute",
+  attrs: { type: "asset" },
+  children: [{ text: "Simplicity is the soul of efficiency." }],
 }
 
 const horizontalRule: RTENode = {
   type: RTETypeEnum.hr,
-  uid: 'horizontal-rule',
-  attrs: { type: 'entry' },
+  uid: "horizontal-rule",
+  attrs: { type: "entry" },
   children: [],
 }
 
 const table: RTENode = {
   type: RTETypeEnum.table,
-  uid: 'table',
-  attrs: { type: 'asset' },
+  uid: "table",
+  attrs: { type: "asset" },
   children: [
     {
       type: RTETypeEnum.thead,
-      uid: 'table-header',
-      attrs: { type: 'asset' },
+      uid: "table-header",
+      attrs: { type: "asset" },
       children: [
         {
           type: RTETypeEnum.tr,
-          uid: 'table-header-row-1',
-          attrs: { type: 'asset' },
+          uid: "table-header-row-1",
+          attrs: { type: "asset" },
           children: [
             {
               type: RTETypeEnum.th,
-              uid: 'table-head-1',
-              attrs: { type: 'asset' },
-              children: [{ text: 'Head 1' }],
+              uid: "table-head-1",
+              attrs: { type: "asset" },
+              children: [{ text: "Head 1" }],
             },
             {
               type: RTETypeEnum.th,
-              uid: 'table-head-2',
-              attrs: { type: 'asset' },
-              children: [{ text: 'Head 2' }],
+              uid: "table-head-2",
+              attrs: { type: "asset" },
+              children: [{ text: "Head 2" }],
             },
             {
               type: RTETypeEnum.th,
-              uid: 'table-head-3',
-              attrs: { type: 'asset' },
-              children: [{ text: 'Head 3' }],
+              uid: "table-head-3",
+              attrs: { type: "asset" },
+              children: [{ text: "Head 3" }],
             },
           ],
         },
@@ -151,31 +151,31 @@ const table: RTENode = {
     },
     {
       type: RTETypeEnum.tbody,
-      uid: 'table-body',
-      attrs: { type: 'asset' },
+      uid: "table-body",
+      attrs: { type: "asset" },
       children: [
         {
           type: RTETypeEnum.tr,
-          uid: 'table-row-1',
-          attrs: { type: 'asset' },
+          uid: "table-row-1",
+          attrs: { type: "asset" },
           children: [
             {
               type: RTETypeEnum.td,
-              uid: 'table-cell-1',
-              attrs: { type: 'asset' },
-              children: [{ text: 'Cell 1' }],
+              uid: "table-cell-1",
+              attrs: { type: "asset" },
+              children: [{ text: "Cell 1" }],
             },
             {
               type: RTETypeEnum.td,
-              uid: 'table-cell-2',
-              attrs: { type: 'asset' },
-              children: [{ text: 'Cell 2' }],
+              uid: "table-cell-2",
+              attrs: { type: "asset" },
+              children: [{ text: "Cell 2" }],
             },
             {
               type: RTETypeEnum.td,
-              uid: 'table-cell-3',
-              attrs: { type: 'asset' },
-              children: [{ text: 'Cell 3' }],
+              uid: "table-cell-3",
+              attrs: { type: "asset" },
+              children: [{ text: "Cell 3" }],
             },
           ],
         },
@@ -186,17 +186,17 @@ const table: RTENode = {
 
 const image: RTEImageVaultNode = {
   type: RTETypeEnum.ImageVault,
-  uid: 'image',
+  uid: "image",
   attrs: {
-    type: 'entry',
-    url: 'https://imagevault.scandichotels.com/publishedmedia/77obkq3g4harjm8wyua9/Scandic_Family_Breakfast_2.jpg',
-    height: '200px',
-    width: '200px',
-    fileName: 'Scandic_Family_Breakfast_2.jpg',
+    type: "entry",
+    url: "https://imagevault.scandichotels.com/publishedmedia/77obkq3g4harjm8wyua9/Scandic_Family_Breakfast_2.jpg",
+    height: "200px",
+    width: "200px",
+    fileName: "Scandic_Family_Breakfast_2.jpg",
     imageVaultId: 1,
-    title: 'Image Title',
+    title: "Image Title",
     dimensions: { width: 200, height: 200, aspectRatio: 1.5 },
-    meta: { alt: 'Image Alt', caption: 'Image Caption' },
+    meta: { alt: "Image Alt", caption: "Image Caption" },
     focalPoint: { x: 50, y: 50 },
   },
   children: [],
@@ -206,11 +206,11 @@ export const Example: Story = {
   args: {
     nodes: [
       {
-        uid: 'paragraph',
-        attrs: { type: 'asset' },
+        uid: "paragraph",
+        attrs: { type: "asset" },
         type: RTETypeEnum.p,
         children: [
-          { text: 'This is a kitchen sink of all Rich Text Editor to HTML' },
+          { text: "This is a kitchen sink of all Rich Text Editor to HTML" },
         ],
       },
       ...headings,
@@ -232,19 +232,19 @@ export const Headings: Story = {
   },
   play: async ({ canvas }) => {
     expect(
-      await canvas.findByRole('heading', { name: 'Heading 1' })
+      await canvas.findByRole("heading", { name: "Heading 1" })
     ).toBeInTheDocument()
 
     expect(
-      await canvas.findByRole('heading', { name: 'Heading 2' })
+      await canvas.findByRole("heading", { name: "Heading 2" })
     ).toBeInTheDocument()
 
     expect(
-      await canvas.findByRole('heading', { name: 'Heading 3' })
+      await canvas.findByRole("heading", { name: "Heading 3" })
     ).toBeInTheDocument()
 
     expect(
-      await canvas.findByRole('heading', { name: 'Heading 4' })
+      await canvas.findByRole("heading", { name: "Heading 4" })
     ).toBeInTheDocument()
   },
 }
diff --git a/packages/design-system/lib/components/JsonToHtml/JsonToHtml.tsx b/packages/design-system/lib/components/JsonToHtml/JsonToHtml.tsx
index 5bd5575e5..91fb27179 100644
--- a/packages/design-system/lib/components/JsonToHtml/JsonToHtml.tsx
+++ b/packages/design-system/lib/components/JsonToHtml/JsonToHtml.tsx
@@ -1,13 +1,13 @@
-import { cx } from 'class-variance-authority'
+import { cx } from "class-variance-authority"
 
-import { nodesToHtml } from './utils'
+import { nodesToHtml } from "./utils"
 
-import styles from './jsontohtml.module.css'
+import styles from "./jsontohtml.module.css"
 
-import { ImageVaultAsset } from '@scandic-hotels/common/utils/imageVault'
-import { ContentBlockType } from './types/rte/enums'
-import type { RTENode } from './types/rte/node'
-import type { RenderOptions } from './types/rte/option'
+import { ImageVaultAsset } from "@scandic-hotels/common/utils/imageVault"
+import { ContentBlockType } from "./types/rte/enums"
+import type { RTENode } from "./types/rte/node"
+import type { RenderOptions } from "./types/rte/option"
 
 export type Node<T> = {
   node: T
@@ -15,13 +15,13 @@ export type Node<T> = {
 
 export type Embeds =
   | {
-      __typename: Exclude<ContentBlockType, 'ImageContainer'>
+      __typename: Exclude<ContentBlockType, "ImageContainer">
       system?: { uid: string } | undefined | null
       url?: string | undefined | null
       title?: string | undefined | null
     }
   | {
-      __typename: 'ImageContainer'
+      __typename: "ImageContainer"
       system?: { uid: string } | null
       url?: string | null
       title?: string | null
diff --git a/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css b/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
index c08bbdd4c..9a05cd982 100644
--- a/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
+++ b/packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
@@ -83,7 +83,7 @@
   gap: var(--Space-x1);
 
   &::before {
-    content: '';
+    content: "";
     position: relative;
     top: 3px;
     width: 16px;
@@ -98,13 +98,13 @@
 
 .check > .li::before,
 .li:has(.check)::before {
-  mask-image: url('/_static/icons/check_circle.svg');
+  mask-image: url("/_static/icons/check_circle.svg");
   background-color: var(--Icon-Interactive-Default);
 }
 
 .heart > .li::before,
 .li:has(.heart)::before {
-  mask-image: url('/_static/shared/icons/heart.svg');
+  mask-image: url("/_static/shared/icons/heart.svg");
 }
 
 .li > * {
diff --git a/packages/design-system/lib/components/JsonToHtml/renderOptions.tsx b/packages/design-system/lib/components/JsonToHtml/renderOptions.tsx
index 004280f01..9818f9490 100644
--- a/packages/design-system/lib/components/JsonToHtml/renderOptions.tsx
+++ b/packages/design-system/lib/components/JsonToHtml/renderOptions.tsx
@@ -1,33 +1,33 @@
-import { cx } from 'class-variance-authority'
+import { cx } from "class-variance-authority"
 
-import { Divider } from '../Divider'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import Image from '../Image'
-import ImageContainer from '../ImageContainer'
-import Table from '../Table'
-import { Typography } from '../Typography'
+import { Divider } from "../Divider"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import Image from "../Image"
+import ImageContainer from "../ImageContainer"
+import Table from "../Table"
+import { Typography } from "../Typography"
 
 import {
   extractAvailableListClassNames,
   hasAvailableParagraphFormat,
-} from './utils'
+} from "./utils"
 
-import styles from './jsontohtml.module.css'
+import styles from "./jsontohtml.module.css"
 
 import {
   DeprecatedImageVaultAssetResponse,
   ImageVaultAssetResponse,
   mapImageVaultAssetResponseToImageVaultAsset,
   mapInsertResponseToImageVaultAsset,
-} from '@scandic-hotels/common/utils/imageVault'
-import { TextLink } from '../TextLink'
-import type { EmbedByUid } from './JsonToHtml'
-import type { Attributes } from './types/rte/attrs'
+} from "@scandic-hotels/common/utils/imageVault"
+import { TextLink } from "../TextLink"
+import type { EmbedByUid } from "./JsonToHtml"
+import type { Attributes } from "./types/rte/attrs"
 import {
   AvailableParagraphFormatEnum,
   RTEItemTypeEnum,
   RTETypeEnum,
-} from './types/rte/enums'
+} from "./types/rte/enums"
 import {
   type RTEDefaultNode,
   type RTEImageNode,
@@ -36,11 +36,11 @@ import {
   type RTENode,
   type RTERegularNode,
   type RTETextNode,
-} from './types/rte/node'
-import type { RenderOptions } from './types/rte/option'
+} from "./types/rte/node"
+import type { RenderOptions } from "./types/rte/option"
 
 function noNestedLinksOrReferences(node: RTENode) {
-  if ('type' in node) {
+  if ("type" in node) {
     if (node.type === RTETypeEnum.reference) {
       return node.children
     } else if (node.type === RTETypeEnum.a) {
@@ -60,17 +60,17 @@ function extractPossibleAttributes(attrs: Attributes | undefined) {
     props.id = attrs.id
   }
 
-  if (attrs.class && typeof attrs.class === 'string') {
+  if (attrs.class && typeof attrs.class === "string") {
     props.className = attrs.class
-  } else if (attrs['class-name']) {
-    props.className = attrs['class-name']
-  } else if (attrs.classname && typeof attrs.classname === 'string') {
+  } else if (attrs["class-name"]) {
+    props.className = attrs["class-name"]
+  } else if (attrs.classname && typeof attrs.classname === "string") {
     props.className = attrs.classname
   }
 
-  if (attrs.style?.['text-align']) {
+  if (attrs.style?.["text-align"]) {
     props.style = {
-      textAlign: attrs.style['text-align'] as React.CSSProperties['textAlign'],
+      textAlign: attrs.style["text-align"] as React.CSSProperties["textAlign"],
     }
   }
 
@@ -94,9 +94,9 @@ export const renderOptions: RenderOptions = {
         key={node.uid}
         className={className}
         {...props}
-        href={typeof node.attrs.url === 'string' ? node.attrs.url : ''}
+        href={typeof node.attrs.url === "string" ? node.attrs.url : ""}
         target={
-          typeof node.attrs.target === 'string' ? node.attrs.target : '_blank'
+          typeof node.attrs.target === "string" ? node.attrs.target : "_blank"
         }
         isInline
       >
@@ -310,9 +310,9 @@ export const renderOptions: RenderOptions = {
     // Determine whether to use a div or p based on children.
     // Some children use div or sections as wrappers and these are
     // not allowed inside p tags.
-    const Elem = node.children.some((child) => 'children' in child)
-      ? 'div'
-      : 'p'
+    const Elem = node.children.some((child) => "children" in child)
+      ? "div"
+      : "p"
 
     return (
       <Typography key={node.uid} variant="Body/Paragraph/mdRegular">
@@ -374,17 +374,17 @@ export const renderOptions: RenderOptions = {
     next: RTENext,
     fullRenderOptions: RenderOptions
   ) => {
-    if (!('attrs' in node)) {
+    if (!("attrs" in node)) {
       return null
     }
 
     const type = node.attrs.type
     if (type === RTEItemTypeEnum.asset) {
       const imageTypeRegex = /^image\//
-      const isImage = imageTypeRegex.test(node.attrs['asset-type'] as string)
+      const isImage = imageTypeRegex.test(node.attrs["asset-type"] as string)
       if (isImage) {
-        const image = embeds?.[node?.attrs?.['asset-uid'] as string]
-        if (image?.node.__typename === 'SysAsset') {
+        const image = embeds?.[node?.attrs?.["asset-uid"] as string]
+        if (image?.node.__typename === "SysAsset") {
           if (image.node.url) {
             const alt = image?.node?.title ?? node.attrs.alt
             const { className, ...props } = extractPossibleAttributes(
@@ -404,7 +404,7 @@ export const renderOptions: RenderOptions = {
             )
           }
         }
-      } else if (node.attrs['display-type'] === 'link' && node.attrs.href) {
+      } else if (node.attrs["display-type"] === "link" && node.attrs.href) {
         const { className, ...props } = extractPossibleAttributes(node.attrs)
         return (
           <TextLink
@@ -429,9 +429,9 @@ export const renderOptions: RenderOptions = {
     }
 
     if (type === RTEItemTypeEnum.entry) {
-      const entry = embeds?.[node?.attrs?.['entry-uid'] as string]
+      const entry = embeds?.[node?.attrs?.["entry-uid"] as string]
 
-      if (entry?.node.__typename === 'ImageContainer') {
+      if (entry?.node.__typename === "ImageContainer") {
         if (entry.node.image_left && entry.node.image_right) {
           return (
             <ImageContainer
@@ -443,17 +443,17 @@ export const renderOptions: RenderOptions = {
         }
         return null
       } else if (
-        entry?.node.__typename === 'AccountPage' ||
-        entry?.node.__typename === 'CampaignOverviewPage' ||
-        entry?.node.__typename === 'CampaignPage' ||
-        entry?.node.__typename === 'CollectionPage' ||
-        entry?.node.__typename === 'ContentPage' ||
-        entry?.node.__typename === 'DestinationCityPage' ||
-        entry?.node.__typename === 'DestinationCountryPage' ||
-        entry?.node.__typename === 'DestinationOverviewPage' ||
-        entry?.node.__typename === 'HotelPage' ||
-        entry?.node.__typename === 'LoyaltyPage' ||
-        entry?.node.__typename === 'StartPage'
+        entry?.node.__typename === "AccountPage" ||
+        entry?.node.__typename === "CampaignOverviewPage" ||
+        entry?.node.__typename === "CampaignPage" ||
+        entry?.node.__typename === "CollectionPage" ||
+        entry?.node.__typename === "ContentPage" ||
+        entry?.node.__typename === "DestinationCityPage" ||
+        entry?.node.__typename === "DestinationCountryPage" ||
+        entry?.node.__typename === "DestinationOverviewPage" ||
+        entry?.node.__typename === "HotelPage" ||
+        entry?.node.__typename === "LoyaltyPage" ||
+        entry?.node.__typename === "StartPage"
       ) {
         // If entry is not an ImageContainer, it is a page and we return it as a link
         const { className, ...props } = extractPossibleAttributes(node.attrs)
@@ -490,18 +490,18 @@ export const renderOptions: RenderOptions = {
 
   [RTETypeEnum.ImageVault]: (node: RTEImageNode) => {
     const type = node.type
-    if (!('attrs' in node) || type !== RTETypeEnum.ImageVault) {
+    if (!("attrs" in node) || type !== RTETypeEnum.ImageVault) {
       return null
     }
 
     let image = undefined
-    if ('imageVaultId' in node.attrs && 'fileName' in node.attrs) {
+    if ("imageVaultId" in node.attrs && "fileName" in node.attrs) {
       image = mapImageVaultAssetResponseToImageVaultAsset(
         node.attrs as unknown as ImageVaultAssetResponse
       )
     }
 
-    if ('Name' in node.attrs && 'Id' in node.attrs) {
+    if ("Name" in node.attrs && "Id" in node.attrs) {
       image = mapInsertResponseToImageVaultAsset(
         node.attrs as unknown as DeprecatedImageVaultAssetResponse
       )
@@ -765,7 +765,7 @@ export const renderOptions: RenderOptions = {
       )
     }
 
-    if (className === AvailableParagraphFormatEnum['script-1']) {
+    if (className === AvailableParagraphFormatEnum["script-1"]) {
       return (
         <Typography key={id} variant="Title/Decorative/lg">
           <p className={cx(styles.p, propsClassName)} {...props}>
@@ -775,7 +775,7 @@ export const renderOptions: RenderOptions = {
       )
     }
 
-    if (className === AvailableParagraphFormatEnum['script-2']) {
+    if (className === AvailableParagraphFormatEnum["script-2"]) {
       return (
         <Typography key={id} variant="Title/Decorative/md">
           <p className={cx(styles.p, propsClassName)} {...props}>
@@ -785,7 +785,7 @@ export const renderOptions: RenderOptions = {
       )
     }
 
-    if (className === AvailableParagraphFormatEnum['subtitle-1']) {
+    if (className === AvailableParagraphFormatEnum["subtitle-1"]) {
       return (
         <Typography key={id} variant="Title/Subtitle/lg">
           <p className={cx(styles.p, propsClassName)} {...props}>
@@ -794,7 +794,7 @@ export const renderOptions: RenderOptions = {
         </Typography>
       )
     }
-    if (className === AvailableParagraphFormatEnum['subtitle-2']) {
+    if (className === AvailableParagraphFormatEnum["subtitle-2"]) {
       return (
         <Typography key={id} variant="Title/Subtitle/md">
           <p className={cx(styles.p, propsClassName)} {...props}>
diff --git a/packages/design-system/lib/components/JsonToHtml/types/rte/attrs.ts b/packages/design-system/lib/components/JsonToHtml/types/rte/attrs.ts
index 306b5661e..c0e1514e4 100644
--- a/packages/design-system/lib/components/JsonToHtml/types/rte/attrs.ts
+++ b/packages/design-system/lib/components/JsonToHtml/types/rte/attrs.ts
@@ -1,23 +1,23 @@
-import type { Lang } from '@scandic-hotels/common/constants/language'
+import type { Lang } from "@scandic-hotels/common/constants/language"
 
-import type { EmbedTypesEnum, RTEItemType, RTEItemTypeEnum } from './enums'
+import type { EmbedTypesEnum, RTEItemType, RTEItemTypeEnum } from "./enums"
 
 export interface Attributes {
   [key: string]: unknown
-  'class-name'?: string
+  "class-name"?: string
   type: RTEItemType
   style?: { [key: string]: unknown } | undefined
 }
 
 export interface RTEAssetAttrs extends Attributes {
   alt: string
-  'asset-alt': string
-  'asset-link': string
-  'asset-name': string
-  'asset-type': 'image/png' | 'image/jpg' | 'image/jpeg'
-  'asset-uid': string
-  'display-type': EmbedTypesEnum.display
-  'content-type-uid': 'sys_assets'
+  "asset-alt": string
+  "asset-link": string
+  "asset-name": string
+  "asset-type": "image/png" | "image/jpg" | "image/jpeg"
+  "asset-uid": string
+  "display-type": EmbedTypesEnum.display
+  "content-type-uid": "sys_assets"
   inline: false
   type: RTEItemTypeEnum.asset
 }
@@ -28,13 +28,13 @@ export interface RTEAnchorAttrs extends Attributes {
 }
 
 export interface RTELinkAttrs extends Attributes {
-  'display-type': EmbedTypesEnum.link
-  'class-name': string
-  'content-type-uid': string
-  'entry-uid': string
+  "display-type": EmbedTypesEnum.link
+  "class-name": string
+  "content-type-uid": string
+  "entry-uid": string
   locale: Lang
   href: string
-  target: HTMLAnchorElement['target']
+  target: HTMLAnchorElement["target"]
   type: RTEItemTypeEnum.entry
 }
 
diff --git a/packages/design-system/lib/components/JsonToHtml/types/rte/constants.ts b/packages/design-system/lib/components/JsonToHtml/types/rte/constants.ts
index 591a809df..005d0f953 100644
--- a/packages/design-system/lib/components/JsonToHtml/types/rte/constants.ts
+++ b/packages/design-system/lib/components/JsonToHtml/types/rte/constants.ts
@@ -1,6 +1,6 @@
 export const AVAILABLE_LIST_FORMATS = [
-  'heart',
-  'check',
-  'two-column',
-  'two-columns',
+  "heart",
+  "check",
+  "two-column",
+  "two-columns",
 ]
diff --git a/packages/design-system/lib/components/JsonToHtml/types/rte/enums.ts b/packages/design-system/lib/components/JsonToHtml/types/rte/enums.ts
index b868f7374..e4eaea493 100644
--- a/packages/design-system/lib/components/JsonToHtml/types/rte/enums.ts
+++ b/packages/design-system/lib/components/JsonToHtml/types/rte/enums.ts
@@ -1,80 +1,80 @@
 export enum EmbedTypesEnum {
-  block = 'block',
-  display = 'display',
-  download = 'download',
-  inline = 'inline',
-  link = 'link',
+  block = "block",
+  display = "display",
+  download = "download",
+  inline = "inline",
+  link = "link",
 }
 
 export type EmbedTypes = keyof typeof EmbedTypesEnum
 
 /** Copied from https://github.com/contentstack/contentstack-utils-javascript/blob/master/src/nodes/node-type.ts */
 export enum RTETypeEnum {
-  a = 'a',
-  blockquote = 'blockquote',
-  code = 'code',
-  doc = 'doc',
-  embed = 'embed',
-  h1 = 'h1',
-  h2 = 'h2',
-  h3 = 'h3',
-  h4 = 'h4',
-  h5 = 'h5',
-  h6 = 'h6',
-  hr = 'hr',
-  img = 'img',
-  li = 'li',
-  ol = 'ol',
-  p = 'p',
-  reference = 'reference',
-  span = 'span',
+  a = "a",
+  blockquote = "blockquote",
+  code = "code",
+  doc = "doc",
+  embed = "embed",
+  h1 = "h1",
+  h2 = "h2",
+  h3 = "h3",
+  h4 = "h4",
+  h5 = "h5",
+  h6 = "h6",
+  hr = "hr",
+  img = "img",
+  li = "li",
+  ol = "ol",
+  p = "p",
+  reference = "reference",
+  span = "span",
   /**
    * Included for compatibility when copying RTE from other sources e.g. epi
    */
-  div = 'div',
-  table = 'table',
-  tbody = 'tbody',
-  td = 'td',
-  text = 'text',
-  tfoot = 'tfoot',
-  th = 'th',
-  thead = 'thead',
-  tr = 'tr',
-  ul = 'ul',
-  ImageVault = 'ImageVault',
-  fragment = 'fragment',
+  div = "div",
+  table = "table",
+  tbody = "tbody",
+  td = "td",
+  text = "text",
+  tfoot = "tfoot",
+  th = "th",
+  thead = "thead",
+  tr = "tr",
+  ul = "ul",
+  ImageVault = "ImageVault",
+  fragment = "fragment",
 }
 
 export type RTEType = keyof typeof RTETypeEnum
 
 export enum RTEItemTypeEnum {
-  asset = 'asset',
-  entry = 'entry',
+  asset = "asset",
+  entry = "entry",
 }
 
 export type RTEItemType = keyof typeof RTEItemTypeEnum
 
 export enum AvailableParagraphFormatEnum {
-  'script-1' = 'script-1',
-  'script-2' = 'script-2',
-  'footnote' = 'footnote',
-  'caption' = 'caption',
-  'subtitle-1' = 'subtitle-1',
-  'subtitle-2' = 'subtitle-2',
+  "script-1" = "script-1",
+  "script-2" = "script-2",
+  "footnote" = "footnote",
+  "caption" = "caption",
+  "subtitle-1" = "subtitle-1",
+  "subtitle-2" = "subtitle-2",
 }
 
 export type ContentBlockType =
-  | 'AccountPage'
-  | 'CampaignOverviewPage'
-  | 'CampaignPage'
-  | 'CollectionPage'
-  | 'ContentPage'
-  | 'DestinationCityPage'
-  | 'DestinationCountryPage'
-  | 'DestinationOverviewPage'
-  | 'HotelPage'
-  | 'ImageContainer'
-  | 'LoyaltyPage'
-  | 'StartPage'
-  | 'SysAsset'
-  | 'PromoCampaignPage'
+  | "AccountPage"
+  | "CampaignOverviewPage"
+  | "CampaignPage"
+  | "CollectionPage"
+  | "ContentPage"
+  | "DestinationCityPage"
+  | "DestinationCountryPage"
+  | "DestinationOverviewPage"
+  | "HotelPage"
+  | "ImageContainer"
+  | "LoyaltyPage"
+  | "StartPage"
+  | "SysAsset"
+  | "PromoCampaignPage"
diff --git a/packages/design-system/lib/components/JsonToHtml/types/rte/node.ts b/packages/design-system/lib/components/JsonToHtml/types/rte/node.ts
index 6b43fddd2..c73b01b21 100644
--- a/packages/design-system/lib/components/JsonToHtml/types/rte/node.ts
+++ b/packages/design-system/lib/components/JsonToHtml/types/rte/node.ts
@@ -1,18 +1,18 @@
-import type { JSX } from 'react'
+import type { JSX } from "react"
 
 import {
   DeprecatedImageVaultAssetResponse,
   ImageVaultAssetResponse,
-} from '@scandic-hotels/common/utils/imageVault'
-import type { EmbedByUid } from '../../JsonToHtml'
+} from "@scandic-hotels/common/utils/imageVault"
+import type { EmbedByUid } from "../../JsonToHtml"
 import type {
   Attributes,
   RTEAnchorAttrs,
   RTEAssetAttrs,
   RTELinkAttrs,
-} from './attrs'
-import type { RTETypeEnum } from './enums'
-import type { RenderOptions } from './option'
+} from "./attrs"
+import type { RTETypeEnum } from "./enums"
+import type { RenderOptions } from "./option"
 
 export interface RTEDefaultNode {
   attrs: Attributes
@@ -48,15 +48,15 @@ export interface RTEImageVaultNode extends RTEDefaultNode {
 }
 
 export enum RTEMarkType {
-  bold = 'bold',
-  break = 'break',
-  classnameOrId = 'classnameOrId',
-  inlineCode = 'inlineCode',
-  italic = 'italic',
-  strikethrough = 'strikethrough',
-  subscript = 'subscript',
-  superscript = 'superscript',
-  underline = 'underline',
+  bold = "bold",
+  break = "break",
+  classnameOrId = "classnameOrId",
+  inlineCode = "inlineCode",
+  italic = "italic",
+  strikethrough = "strikethrough",
+  subscript = "subscript",
+  superscript = "superscript",
+  underline = "underline",
 }
 
 type RTETextNodeOptionalKeys = {
diff --git a/packages/design-system/lib/components/JsonToHtml/types/rte/option.ts b/packages/design-system/lib/components/JsonToHtml/types/rte/option.ts
index 8fd2a4278..126a5aeec 100644
--- a/packages/design-system/lib/components/JsonToHtml/types/rte/option.ts
+++ b/packages/design-system/lib/components/JsonToHtml/types/rte/option.ts
@@ -1,4 +1,4 @@
-import type { RTERenderMark, RTERenderOptionComponent } from './node'
+import type { RTERenderMark, RTERenderOptionComponent } from "./node"
 
 export type RenderOptions = {
   [type: string]: RTERenderOptionComponent | RTERenderMark
diff --git a/packages/design-system/lib/components/JsonToHtml/utils.tsx b/packages/design-system/lib/components/JsonToHtml/utils.tsx
index 48910bf3b..2983f106f 100644
--- a/packages/design-system/lib/components/JsonToHtml/utils.tsx
+++ b/packages/design-system/lib/components/JsonToHtml/utils.tsx
@@ -1,26 +1,26 @@
-import React, { cloneElement } from 'react'
+import React, { cloneElement } from "react"
 
-import { renderOptions } from './renderOptions'
+import { renderOptions } from "./renderOptions"
 
-import styles from './jsontohtml.module.css'
+import styles from "./jsontohtml.module.css"
 
-import type { Embeds, Node } from './JsonToHtml'
+import type { Embeds, Node } from "./JsonToHtml"
 
-import { EmbedByUid } from './JsonToHtml'
-import { AVAILABLE_LIST_FORMATS } from './types/rte/constants'
-import { AvailableParagraphFormatEnum, RTETypeEnum } from './types/rte/enums'
+import { EmbedByUid } from "./JsonToHtml"
+import { AVAILABLE_LIST_FORMATS } from "./types/rte/constants"
+import { AvailableParagraphFormatEnum, RTETypeEnum } from "./types/rte/enums"
 import {
   RTEMarkType,
   type RTENode,
   type RTERenderMark,
   type RTERenderOptionComponent,
   type RTETextNode,
-} from './types/rte/node'
-import type { RenderOptions } from './types/rte/option'
+} from "./types/rte/node"
+import type { RenderOptions } from "./types/rte/option"
 
 export function groupEmbedsByUid(embedsArray: Node<Embeds>[]) {
   const embedsByUid = embedsArray.reduce<EmbedByUid>((acc, embed) => {
-    if ('system' in embed.node && embed.node.system?.uid) {
+    if ("system" in embed.node && embed.node.system?.uid) {
       acc[embed.node.system.uid] = embed
     }
     return acc
@@ -110,7 +110,7 @@ export function extractAvailableListClassNames(className?: string) {
   if (!className) {
     return []
   }
-  const classNames = className.split(' ')
+  const classNames = className.split(" ")
   return classNames
     .filter((name) => AVAILABLE_LIST_FORMATS.includes(name))
     .map((item) => styles[item] || item)
@@ -121,7 +121,7 @@ export function nodeToHtml(
   embeds: EmbedByUid,
   fullRenderOptions: RenderOptions
 ) {
-  if ('type' in node === false) {
+  if ("type" in node === false) {
     return textNodeToHtml(node, fullRenderOptions)
   } else {
     const renderer = fullRenderOptions[node.type] as RTERenderOptionComponent
@@ -138,7 +138,7 @@ export function nodeToHtml(
 }
 
 function getUniqueId(node: RTENode) {
-  if ('uid' in node) {
+  if ("uid" in node) {
     return node.uid
   }
   return node.id
diff --git a/packages/design-system/lib/components/Lightbox/FullView/index.tsx b/packages/design-system/lib/components/Lightbox/FullView/index.tsx
index 310f66af2..2589c4cd3 100644
--- a/packages/design-system/lib/components/Lightbox/FullView/index.tsx
+++ b/packages/design-system/lib/components/Lightbox/FullView/index.tsx
@@ -1,16 +1,16 @@
-'use client'
+"use client"
 
-import { AnimatePresence, motion } from 'motion/react'
-import { useEffect, useState } from 'react'
-import { useIntl } from 'react-intl'
+import { AnimatePresence, motion } from "motion/react"
+import { useEffect, useState } from "react"
+import { useIntl } from "react-intl"
 
-import Image from '../../Image'
+import Image from "../../Image"
 
-import { IconButton } from '../../IconButton'
-import { Typography } from '../../Typography'
+import { IconButton } from "../../IconButton"
+import { Typography } from "../../Typography"
 
-import { LightboxImage } from '../index'
-import styles from './fullView.module.css'
+import { LightboxImage } from "../index"
+import styles from "./fullView.module.css"
 
 type FullViewProps = {
   image: LightboxImage
@@ -56,18 +56,18 @@ export default function FullView({
   }
 
   const handleKeyDown = (e: KeyboardEvent) => {
-    if (e.key === 'ArrowLeft') {
+    if (e.key === "ArrowLeft") {
       handlePrev()
-    } else if (e.key === 'ArrowRight') {
+    } else if (e.key === "ArrowRight") {
       handleNext()
     }
   }
 
   useEffect(() => {
-    window.addEventListener('keydown', handleKeyDown)
+    window.addEventListener("keydown", handleKeyDown)
 
     return () => {
-      window.removeEventListener('keydown', handleKeyDown)
+      window.removeEventListener("keydown", handleKeyDown)
     }
   })
 
@@ -90,8 +90,8 @@ export default function FullView({
         className={styles.closeButton}
         onPress={onClose}
         aria-label={intl.formatMessage({
-          id: 'common.close',
-          defaultMessage: 'Close',
+          id: "common.close",
+          defaultMessage: "Close",
         })}
         iconName="close"
       />
diff --git a/packages/design-system/lib/components/Lightbox/Gallery/index.tsx b/packages/design-system/lib/components/Lightbox/Gallery/index.tsx
index d065c6dea..2b688fd56 100644
--- a/packages/design-system/lib/components/Lightbox/Gallery/index.tsx
+++ b/packages/design-system/lib/components/Lightbox/Gallery/index.tsx
@@ -1,18 +1,18 @@
-'use client'
-import { AnimatePresence, motion } from 'motion/react'
-import { useEffect, useState } from 'react'
-import { Button as ButtonRAC } from 'react-aria-components'
-import { useIntl } from 'react-intl'
+"use client"
+import { AnimatePresence, motion } from "motion/react"
+import { useEffect, useState } from "react"
+import { Button as ButtonRAC } from "react-aria-components"
+import { useIntl } from "react-intl"
 
-import { IconButton } from '../../IconButton'
-import { Typography } from '../../Typography'
+import { IconButton } from "../../IconButton"
+import { Typography } from "../../Typography"
 
-import Image from '../../Image'
+import Image from "../../Image"
 
-import { cx } from 'class-variance-authority'
-import { useMediaQuery } from 'usehooks-ts'
-import { LightboxImage } from '..'
-import styles from './gallery.module.css'
+import { cx } from "class-variance-authority"
+import { useMediaQuery } from "usehooks-ts"
+import { LightboxImage } from ".."
+import styles from "./gallery.module.css"
 
 type GalleryProps = {
   images: LightboxImage[]
@@ -35,7 +35,7 @@ export default function Gallery({
   const [animateLeft, setAnimateLeft] = useState(true)
   const mainImage = selectedImage || images[0]
   const mainImageIndex = images.findIndex((img) => img === mainImage)
-  const isMobile = useMediaQuery('(max-width: 767px)')
+  const isMobile = useMediaQuery("(max-width: 767px)")
 
   function getThumbImages() {
     const thumbs = []
@@ -59,18 +59,18 @@ export default function Gallery({
   }
 
   const handleKeyDown = (e: KeyboardEvent) => {
-    if (e.key === 'ArrowLeft') {
+    if (e.key === "ArrowLeft") {
       handlePrev()
-    } else if (e.key === 'ArrowRight') {
+    } else if (e.key === "ArrowRight") {
       handleNext()
     }
   }
 
   useEffect(() => {
-    window.addEventListener('keydown', handleKeyDown)
+    window.addEventListener("keydown", handleKeyDown)
 
     return () => {
-      window.removeEventListener('keydown', handleKeyDown)
+      window.removeEventListener("keydown", handleKeyDown)
     }
   })
 
@@ -94,10 +94,10 @@ export default function Gallery({
         className={styles.closeButton}
         onPress={onClose}
         aria-label={intl.formatMessage({
-          id: 'common.close',
-          defaultMessage: 'Close',
+          id: "common.close",
+          defaultMessage: "Close",
         })}
-        iconName={isMobile ? 'chevron_left' : 'close'}
+        iconName={isMobile ? "chevron_left" : "close"}
       />
 
       {/* Desktop Gallery */}
@@ -130,8 +130,8 @@ export default function Gallery({
                 onClick={onImageClick}
                 tabIndex={0}
                 aria-label={intl.formatMessage({
-                  id: 'lightbox.openImage',
-                  defaultMessage: 'Open image',
+                  id: "lightbox.openImage",
+                  defaultMessage: "Open image",
                 })}
                 role="button"
               />
@@ -142,8 +142,8 @@ export default function Gallery({
             className={cx(styles.navigationButton, styles.previous)}
             onPress={handlePrev}
             aria-label={intl.formatMessage({
-              id: 'lightbox.previousImage',
-              defaultMessage: 'Previous image',
+              id: "lightbox.previousImage",
+              defaultMessage: "Previous image",
             })}
             iconName="arrow_back"
           />
@@ -152,8 +152,8 @@ export default function Gallery({
             className={cx(styles.navigationButton, styles.next)}
             onPress={handleNext}
             aria-label={intl.formatMessage({
-              id: 'lightbox.nextImage',
-              defaultMessage: 'Next image',
+              id: "lightbox.nextImage",
+              defaultMessage: "Next image",
             })}
             iconName="arrow_forward"
           />
@@ -173,8 +173,8 @@ export default function Gallery({
                   className={styles.imageButton}
                   onPress={() => onSelectImage(image)}
                   aria-label={intl.formatMessage({
-                    id: 'lightbox.openImage',
-                    defaultMessage: 'Open image',
+                    id: "lightbox.openImage",
+                    defaultMessage: "Open image",
                   })}
                 >
                   <Image
@@ -196,7 +196,7 @@ export default function Gallery({
         {images.map((image, index) => (
           <motion.div
             key={image.src}
-            className={`${styles.thumbnailContainer} ${index % 3 === 0 ? styles.fullWidthImage : ''}`}
+            className={`${styles.thumbnailContainer} ${index % 3 === 0 ? styles.fullWidthImage : ""}`}
             initial={{ opacity: 0, y: 20 }}
             animate={{ opacity: 1, y: 0 }}
             transition={{ duration: 0.3, delay: index * 0.05 }}
@@ -204,8 +204,8 @@ export default function Gallery({
             <ButtonRAC
               className={styles.imageButton}
               aria-label={intl.formatMessage({
-                id: 'lightbox.openImage',
-                defaultMessage: 'Open image',
+                id: "lightbox.openImage",
+                defaultMessage: "Open image",
               })}
               onPress={() => {
                 onSelectImage(image)
diff --git a/packages/design-system/lib/components/Lightbox/index.tsx b/packages/design-system/lib/components/Lightbox/index.tsx
index fa095a823..93f31cca5 100644
--- a/packages/design-system/lib/components/Lightbox/index.tsx
+++ b/packages/design-system/lib/components/Lightbox/index.tsx
@@ -1,14 +1,14 @@
-'use client'
-import { AnimatePresence, motion } from 'motion/react'
-import { useEffect, useState } from 'react'
-import { Dialog, Modal, ModalOverlay } from 'react-aria-components'
+"use client"
+import { AnimatePresence, motion } from "motion/react"
+import { useEffect, useState } from "react"
+import { Dialog, Modal, ModalOverlay } from "react-aria-components"
 
-import usePopStateHandler from '@scandic-hotels/common/hooks/usePopStateHandler'
+import usePopStateHandler from "@scandic-hotels/common/hooks/usePopStateHandler"
 
-import FullView from './FullView'
-import Gallery from './Gallery'
+import FullView from "./FullView"
+import Gallery from "./Gallery"
 
-import styles from './lightbox.module.css'
+import styles from "./lightbox.module.css"
 
 export type LightboxImage = {
   src: string
@@ -49,7 +49,7 @@ export default function Lightbox({
 
   useEffect(() => {
     if (isOpen) {
-      window.history.pushState(null, '', window.location.href)
+      window.history.pushState(null, "", window.location.href)
     }
   }, [isOpen])
 
@@ -81,7 +81,7 @@ export default function Lightbox({
               className={`${styles.content} ${
                 isFullView ? styles.fullViewContent : styles.galleryContent
               }`}
-              initial={{ opacity: 0, scale: 0.95, x: '-50%', y: '-50%' }}
+              initial={{ opacity: 0, scale: 0.95, x: "-50%", y: "-50%" }}
               animate={{ opacity: 1, scale: 1 }}
               exit={{ opacity: 0, scale: 0.95 }}
               transition={{ duration: 0.2 }}
diff --git a/packages/design-system/lib/components/LinkList/LinkList.stories.tsx b/packages/design-system/lib/components/LinkList/LinkList.stories.tsx
index 7fb646bd3..324917305 100644
--- a/packages/design-system/lib/components/LinkList/LinkList.stories.tsx
+++ b/packages/design-system/lib/components/LinkList/LinkList.stories.tsx
@@ -1,10 +1,10 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { LinkList } from './index'
-import { IconName } from '../Icons/iconName'
-import type { LinkListItemProps } from './LinkListItem'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { LinkList } from "./index"
+import { IconName } from "../Icons/iconName"
+import type { LinkListItemProps } from "./LinkListItem"
 
 const meta: Meta<typeof LinkList> = {
-  title: 'Core Components/LinkList/LinkList',
+  title: "Core Components/LinkList/LinkList",
   component: LinkList,
   argTypes: {},
 }
@@ -15,30 +15,30 @@ type Story = StoryObj<typeof LinkList>
 
 const illustrationItems = [
   {
-    text: 'First Link Item',
+    text: "First Link Item",
     isExternal: false,
     illustration: {
-      illustration: 'Granola' as IconName,
-      size: 'medium',
+      illustration: "Granola" as IconName,
+      size: "medium",
     },
   } as LinkListItemProps,
   {
-    text: 'Second Link Item',
+    text: "Second Link Item",
     isExternal: true,
     illustration: {
-      illustration: 'Coin' as IconName,
-      size: 'small',
+      illustration: "Coin" as IconName,
+      size: "small",
     },
   } as LinkListItemProps,
 ]
 
 const textItems = [
   {
-    text: 'First Link Item',
+    text: "First Link Item",
     isExternal: false,
   } as LinkListItemProps,
   {
-    text: 'Second Link Item',
+    text: "Second Link Item",
     isExternal: true,
   } as LinkListItemProps,
 ]
diff --git a/packages/design-system/lib/components/LinkList/LinkListItem/IllustrationIcon/index.tsx b/packages/design-system/lib/components/LinkList/LinkListItem/IllustrationIcon/index.tsx
index 84d8b4c8a..5f8c806c6 100644
--- a/packages/design-system/lib/components/LinkList/LinkListItem/IllustrationIcon/index.tsx
+++ b/packages/design-system/lib/components/LinkList/LinkListItem/IllustrationIcon/index.tsx
@@ -1,11 +1,11 @@
-import { IconProps, LogoAndIllustrationProps } from '../../../Icons'
-import { IconName } from '../../../Icons/iconName'
-import { IllustrationByIconName } from '../../../Icons/IllustrationByIconName'
-import { FC } from 'react'
+import { IconProps, LogoAndIllustrationProps } from "../../../Icons"
+import { IconName } from "../../../Icons/iconName"
+import { IllustrationByIconName } from "../../../Icons/IllustrationByIconName"
+import { FC } from "react"
 
 export interface IllustrationIconProps extends LogoAndIllustrationProps {
   illustration: IconName
-  size?: 'small' | 'medium' | 'large'
+  size?: "small" | "medium" | "large"
 }
 
 function mapIllustrationToIcon(illustration: IconName): FC<IconProps> | null {
@@ -21,7 +21,7 @@ const sizeMap = {
 
 export function IllustrationIcon({
   illustration,
-  size = 'large',
+  size = "large",
   ...props
 }: IllustrationIconProps) {
   const IllustrationComponent = mapIllustrationToIcon(illustration)
diff --git a/packages/design-system/lib/components/LinkList/LinkListItem/LinkListItem.stories.tsx b/packages/design-system/lib/components/LinkList/LinkListItem/LinkListItem.stories.tsx
index 675121ad2..e63e1ce3a 100644
--- a/packages/design-system/lib/components/LinkList/LinkListItem/LinkListItem.stories.tsx
+++ b/packages/design-system/lib/components/LinkList/LinkListItem/LinkListItem.stories.tsx
@@ -1,13 +1,13 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { LinkListItem } from './index'
-import { IconName } from '../../Icons/iconName'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { LinkListItem } from "./index"
+import { IconName } from "../../Icons/iconName"
 
 const meta: Meta<typeof LinkListItem> = {
-  title: 'Core Components/LinkList/LinkListItem',
+  title: "Core Components/LinkList/LinkListItem",
   component: LinkListItem,
   argTypes: {
     isExternal: {
-      control: { type: 'boolean' },
+      control: { type: "boolean" },
     },
   },
 }
@@ -18,24 +18,24 @@ type Story = StoryObj<typeof LinkListItem>
 
 export const Default: Story = {
   args: {
-    text: 'Link Item',
+    text: "Link Item",
   },
 }
 
 export const IllustrationItem: Story = {
   args: {
-    text: 'Link Item',
+    text: "Link Item",
     isExternal: false,
     illustration: {
-      illustration: 'Granola' as IconName,
-      size: 'medium',
+      illustration: "Granola" as IconName,
+      size: "medium",
     },
   },
 }
 
 export const TextOnlyItem: Story = {
   args: {
-    text: 'Link Item',
+    text: "Link Item",
     isExternal: true,
   },
 }
diff --git a/packages/design-system/lib/components/LinkList/LinkListItem/index.tsx b/packages/design-system/lib/components/LinkList/LinkListItem/index.tsx
index c23476899..f14f31eef 100644
--- a/packages/design-system/lib/components/LinkList/LinkListItem/index.tsx
+++ b/packages/design-system/lib/components/LinkList/LinkListItem/index.tsx
@@ -1,14 +1,14 @@
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { Typography } from '../../Typography'
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { Typography } from "../../Typography"
 
-import styles from './linkListItem.module.css'
+import styles from "./linkListItem.module.css"
 import {
   IllustrationIcon,
   IllustrationIconProps,
-} from '../LinkListItem/IllustrationIcon'
+} from "../LinkListItem/IllustrationIcon"
 
-import { cx } from 'class-variance-authority'
-import { Link } from 'react-aria-components'
+import { cx } from "class-variance-authority"
+import { Link } from "react-aria-components"
 
 export interface LinkListItemProps {
   text: string
@@ -50,7 +50,7 @@ export function LinkListItem({
       </Typography>
       <MaterialIcon
         color="Icon/Interactive/Default"
-        icon={isExternal ? 'open_in_new' : 'arrow_forward'}
+        icon={isExternal ? "open_in_new" : "arrow_forward"}
       />
     </Link>
   )
diff --git a/packages/design-system/lib/components/LinkList/index.tsx b/packages/design-system/lib/components/LinkList/index.tsx
index f10727d45..a1a1f8f91 100644
--- a/packages/design-system/lib/components/LinkList/index.tsx
+++ b/packages/design-system/lib/components/LinkList/index.tsx
@@ -1,5 +1,5 @@
-import { LinkListItem, type LinkListItemProps } from './LinkListItem'
-import styles from './LinkListItem/linkListItem.module.css'
+import { LinkListItem, type LinkListItemProps } from "./LinkListItem"
+import styles from "./LinkListItem/linkListItem.module.css"
 export interface LinkListProps {
   linkListItems: LinkListItemProps[]
 }
diff --git a/packages/design-system/lib/components/Loading/Loading.stories.tsx b/packages/design-system/lib/components/Loading/Loading.stories.tsx
index 5cb1c3a1b..ea9a2b64b 100644
--- a/packages/design-system/lib/components/Loading/Loading.stories.tsx
+++ b/packages/design-system/lib/components/Loading/Loading.stories.tsx
@@ -1,18 +1,18 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Loading } from './Loading'
-import { config } from './variants'
+import { Loading } from "./Loading"
+import { config } from "./variants"
 
 const meta: Meta<typeof Loading> = {
-  title: 'Patterns/Loading',
+  title: "Patterns/Loading",
   component: Loading,
   argTypes: {
     type: {
-      control: 'select',
+      control: "select",
       options: Object.keys(config.variants.type),
     },
     size: {
-      control: 'number',
+      control: "number",
     },
   },
 }
@@ -23,19 +23,19 @@ type Story = StoryObj<typeof Loading>
 
 export const Dark: Story = {
   args: {
-    type: 'Dark',
+    type: "Dark",
     size: 40,
   },
 }
 
 export const White: Story = {
   args: {
-    type: 'White',
+    type: "White",
     size: 40,
   },
   parameters: {
     backgrounds: {
-      default: 'Scandic Primary Dark',
+      default: "Scandic Primary Dark",
     },
   },
 }
diff --git a/packages/design-system/lib/components/Loading/Loading.tsx b/packages/design-system/lib/components/Loading/Loading.tsx
index dee430237..f04989f7e 100644
--- a/packages/design-system/lib/components/Loading/Loading.tsx
+++ b/packages/design-system/lib/components/Loading/Loading.tsx
@@ -1,7 +1,7 @@
-import { VariantProps } from 'class-variance-authority'
+import { VariantProps } from "class-variance-authority"
 
-import { variants } from './variants'
-import { ProgressBar } from 'react-aria-components'
+import { variants } from "./variants"
+import { ProgressBar } from "react-aria-components"
 
 export interface LoadingProps extends VariantProps<typeof variants> {
   ariaLabel?: string
@@ -9,7 +9,7 @@ export interface LoadingProps extends VariantProps<typeof variants> {
 }
 
 export function Loading({
-  ariaLabel = 'Loading',
+  ariaLabel = "Loading",
   size = 20,
   type,
 }: LoadingProps) {
diff --git a/packages/design-system/lib/components/Loading/index.tsx b/packages/design-system/lib/components/Loading/index.tsx
index 71170faae..b779bd7f6 100644
--- a/packages/design-system/lib/components/Loading/index.tsx
+++ b/packages/design-system/lib/components/Loading/index.tsx
@@ -1 +1 @@
-export { Loading } from './Loading'
+export { Loading } from "./Loading"
diff --git a/packages/design-system/lib/components/Loading/variants.ts b/packages/design-system/lib/components/Loading/variants.ts
index 13bc0f9ea..b17abdd2c 100644
--- a/packages/design-system/lib/components/Loading/variants.ts
+++ b/packages/design-system/lib/components/Loading/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './loading.module.css'
+import styles from "./loading.module.css"
 
 export const config = {
   variants: {
@@ -11,7 +11,7 @@ export const config = {
     },
   },
   defaultVariants: {
-    type: 'Dark',
+    type: "Dark",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/LoadingSpinner/LoadingSpinner.stories.tsx b/packages/design-system/lib/components/LoadingSpinner/LoadingSpinner.stories.tsx
index 576afc51e..c2026ae38 100644
--- a/packages/design-system/lib/components/LoadingSpinner/LoadingSpinner.stories.tsx
+++ b/packages/design-system/lib/components/LoadingSpinner/LoadingSpinner.stories.tsx
@@ -1,13 +1,13 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { LoadingSpinner } from './index'
+import { LoadingSpinner } from "./index"
 
 const meta: Meta<typeof LoadingSpinner> = {
-  title: 'Patterns/LoadingSpinner',
+  title: "Patterns/LoadingSpinner",
   component: LoadingSpinner,
   argTypes: {
     fullPage: {
-      control: 'check',
+      control: "check",
     },
   },
 }
diff --git a/packages/design-system/lib/components/LoadingSpinner/index.tsx b/packages/design-system/lib/components/LoadingSpinner/index.tsx
index 06a9fc17a..da09c509c 100644
--- a/packages/design-system/lib/components/LoadingSpinner/index.tsx
+++ b/packages/design-system/lib/components/LoadingSpinner/index.tsx
@@ -1,8 +1,8 @@
-import styles from './loading.module.css'
+import styles from "./loading.module.css"
 
 export function LoadingSpinner({ fullPage }: { fullPage?: boolean }) {
   return (
-    <div className={`${styles.container} ${fullPage ? styles.fullPage : ''}`}>
+    <div className={`${styles.container} ${fullPage ? styles.fullPage : ""}`}>
       <div className={styles.spinner}>
         <div></div>
         <div></div>
diff --git a/packages/design-system/lib/components/LoadingSpinner/loading.module.css b/packages/design-system/lib/components/LoadingSpinner/loading.module.css
index 543d933af..17b9cb741 100644
--- a/packages/design-system/lib/components/LoadingSpinner/loading.module.css
+++ b/packages/design-system/lib/components/LoadingSpinner/loading.module.css
@@ -22,7 +22,7 @@
 }
 
 .spinner div::after {
-  content: ' ';
+  content: " ";
   display: block;
   position: absolute;
   top: 3px;
diff --git a/packages/design-system/lib/components/LocalCallCharges/index.tsx b/packages/design-system/lib/components/LocalCallCharges/index.tsx
index bf5c89b78..bd28bd949 100644
--- a/packages/design-system/lib/components/LocalCallCharges/index.tsx
+++ b/packages/design-system/lib/components/LocalCallCharges/index.tsx
@@ -1,9 +1,9 @@
-'use client'
+"use client"
 
-import { Country } from '@scandic-hotels/common/constants/country'
+import { Country } from "@scandic-hotels/common/constants/country"
 
-import { useIntl } from 'react-intl'
-import { Typography } from '../Typography'
+import { useIntl } from "react-intl"
+import { Typography } from "../Typography"
 
 interface LocalCallChargesProps {
   country: string
@@ -19,8 +19,8 @@ export function LocalCallCharges({
     <Typography variant="Body/Supporting text (caption)/smRegular">
       <p className={className}>
         {intl.formatMessage({
-          id: 'common.localCallCharges',
-          defaultMessage: 'Price: €0.16/min + local call charges',
+          id: "common.localCallCharges",
+          defaultMessage: "Price: €0.16/min + local call charges",
         })}
       </p>
     </Typography>
diff --git a/packages/design-system/lib/components/LoginButton/index.tsx b/packages/design-system/lib/components/LoginButton/index.tsx
index fb989923a..22dd23f49 100644
--- a/packages/design-system/lib/components/LoginButton/index.tsx
+++ b/packages/design-system/lib/components/LoginButton/index.tsx
@@ -1,12 +1,13 @@
-'use client'
+"use client"
 
-import { login } from '@scandic-hotels/common/constants/routes/handleAuth'
+import { login } from "@scandic-hotels/common/constants/routes/handleAuth"
 
-import type { Lang } from '@scandic-hotels/common/constants/language'
-import ButtonLink, { ButtonLinkProps } from '../ButtonLink'
+import type { Lang } from "@scandic-hotels/common/constants/language"
+import ButtonLink, { ButtonLinkProps } from "../ButtonLink"
 
-interface LoginButtonProps
-  extends React.PropsWithChildren<Omit<ButtonLinkProps, 'href'>> {
+interface LoginButtonProps extends React.PropsWithChildren<
+  Omit<ButtonLinkProps, "href">
+> {
   lang: Lang
   redirectTo: string | null
   loginPosition: string
@@ -21,10 +22,10 @@ export function LoginButton({
   let href = login[lang]
 
   if (redirectTo) {
-    const [pathname, existingQuery] = redirectTo.split('?')
+    const [pathname, existingQuery] = redirectTo.split("?")
     const searchParams = new URLSearchParams(existingQuery)
 
-    searchParams.set('loginPosition', loginPosition)
+    searchParams.set("loginPosition", loginPosition)
     const redirectUrl = `${pathname}?${searchParams.toString()}`
 
     href = `${href}?redirectTo=${encodeURIComponent(redirectUrl)}`
diff --git a/packages/design-system/lib/components/Map/InfoWindow/index.tsx b/packages/design-system/lib/components/Map/InfoWindow/index.tsx
index 6b8108770..7a2353583 100644
--- a/packages/design-system/lib/components/Map/InfoWindow/index.tsx
+++ b/packages/design-system/lib/components/Map/InfoWindow/index.tsx
@@ -1,16 +1,15 @@
 import {
   InfoWindow as GoogleMapsInfoWindow,
   type InfoWindowProps as GoogleMapsInfoWindowProps,
-} from '@vis.gl/react-google-maps'
+} from "@vis.gl/react-google-maps"
 
-import styles from './infoWindow.module.css'
+import styles from "./infoWindow.module.css"
 
-import type { MouseEventHandler } from 'react'
+import type { MouseEventHandler } from "react"
 
-interface InfoWindowProps
-  extends React.PropsWithChildren<
-    Omit<GoogleMapsInfoWindowProps, 'pixelOffset'>
-  > {
+interface InfoWindowProps extends React.PropsWithChildren<
+  Omit<GoogleMapsInfoWindowProps, "pixelOffset">
+> {
   pixelOffsetY?: number
   onMouseEnter?: MouseEventHandler<HTMLDivElement>
   onMouseLeave?: MouseEventHandler<HTMLDivElement>
diff --git a/packages/design-system/lib/components/Map/InfoWindow/infoWindow.module.css b/packages/design-system/lib/components/Map/InfoWindow/infoWindow.module.css
index 52ce0cea3..b8cb0dcfe 100644
--- a/packages/design-system/lib/components/Map/InfoWindow/infoWindow.module.css
+++ b/packages/design-system/lib/components/Map/InfoWindow/infoWindow.module.css
@@ -21,7 +21,7 @@
   justify-self: center;
 
   &::after {
-    content: '';
+    content: "";
     background-color: var(--Base-Surface-Primary-light-Normal);
     clip-path: polygon(0 0, 50% 100%, 100% 0);
     height: 12px;
diff --git a/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/HotelPin/index.tsx b/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/HotelPin/index.tsx
index e0871de33..49bc1f2ff 100644
--- a/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/HotelPin/index.tsx
+++ b/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/HotelPin/index.tsx
@@ -1,12 +1,12 @@
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import { formatPrice } from '@scandic-hotels/common/utils/numberFormatting'
-import { MaterialIcon } from '../../../../Icons/MaterialIcon'
-import { Typography } from '../../../../Typography'
+import { formatPrice } from "@scandic-hotels/common/utils/numberFormatting"
+import { MaterialIcon } from "../../../../Icons/MaterialIcon"
+import { Typography } from "../../../../Typography"
 
-import HotelMarker from '../../../Markers/HotelMarker'
+import HotelMarker from "../../../Markers/HotelMarker"
 
-import styles from './hotelPin.module.css'
+import styles from "./hotelPin.module.css"
 
 interface HotelPinProps {
   isActive: boolean
@@ -15,7 +15,7 @@ interface HotelPinProps {
   hotelAdditionalPrice?: number
   hotelAdditionalCurrency?: string
 }
-const NOT_AVAILABLE = '-'
+const NOT_AVAILABLE = "-"
 export function HotelPin({
   isActive,
   hotelPrice,
@@ -28,7 +28,7 @@ export function HotelPin({
 
   return (
     <div
-      className={`${styles.pin} ${isActive ? styles.active : ''}`}
+      className={`${styles.pin} ${isActive ? styles.active : ""}`}
       data-hotelpin
     >
       <span className={styles.pinIcon}>
@@ -36,10 +36,10 @@ export function HotelPin({
           <MaterialIcon
             icon="calendar_clock"
             size={16}
-            color={isActive ? 'Icon/Interactive/Default' : 'Icon/Inverted'}
+            color={isActive ? "Icon/Interactive/Default" : "Icon/Inverted"}
           />
         ) : (
-          <HotelMarker width={16} color={isActive ? 'burgundy' : 'white'} />
+          <HotelMarker width={16} color={isActive ? "burgundy" : "white"} />
         )}
       </span>
       <Typography variant="Body/Paragraph/mdRegular">
diff --git a/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/index.tsx b/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/index.tsx
index 97216fef0..55c390dfe 100644
--- a/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/index.tsx
+++ b/packages/design-system/lib/components/Map/InteractiveMap/HotelListingMapContent/index.tsx
@@ -2,16 +2,16 @@ import {
   AdvancedMarker,
   AdvancedMarkerAnchorPoint,
   InfoWindow,
-} from '@vis.gl/react-google-maps'
-import { useMediaQuery } from 'usehooks-ts'
+} from "@vis.gl/react-google-maps"
+import { useMediaQuery } from "usehooks-ts"
 
-import { CurrencyEnum } from '@scandic-hotels/common/constants/currency'
-import { Lang } from '@scandic-hotels/common/constants/language'
-import { useIntl } from 'react-intl'
-import { StandaloneHotelCardDialog } from '../../../HotelCard/HotelDialogCard/StandaloneHotelCardDialog'
-import type { HotelPin as HotelPinType } from '../../types'
-import styles from './hotelListingMapContent.module.css'
-import { HotelPin } from './HotelPin'
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import { Lang } from "@scandic-hotels/common/constants/language"
+import { useIntl } from "react-intl"
+import { StandaloneHotelCardDialog } from "../../../HotelCard/HotelDialogCard/StandaloneHotelCardDialog"
+import type { HotelPin as HotelPinType } from "../../types"
+import styles from "./hotelListingMapContent.module.css"
+import { HotelPin } from "./HotelPin"
 
 export type HotelListingMapContentProps = {
   hotelPins: HotelPinType[]
@@ -38,7 +38,7 @@ export function HotelListingMapContent({
   pointsCurrency,
 }: HotelListingMapContentProps) {
   const intl = useIntl()
-  const isDesktop = useMediaQuery('(min-width: 900px)')
+  const isDesktop = useMediaQuery("(min-width: 900px)")
 
   const toggleActiveHotelPin = (
     args: { hotelName: string; hotelId: string } | null
@@ -66,8 +66,8 @@ export function HotelListingMapContent({
 
         const pinCurrency = pin.redemptionPrice
           ? intl.formatMessage({
-              id: 'common.points',
-              defaultMessage: 'Points',
+              id: "common.points",
+              defaultMessage: "Points",
             })
           : pin.currency
 
diff --git a/packages/design-system/lib/components/Map/InteractiveMap/InteractiveMap.stories.tsx b/packages/design-system/lib/components/Map/InteractiveMap/InteractiveMap.stories.tsx
index db4c3b8dc..07d8f1338 100644
--- a/packages/design-system/lib/components/Map/InteractiveMap/InteractiveMap.stories.tsx
+++ b/packages/design-system/lib/components/Map/InteractiveMap/InteractiveMap.stories.tsx
@@ -1,14 +1,14 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
 // import { expect, fn } from 'storybook/test'
-import { Lang } from '@scandic-hotels/common/constants/language'
-import { APIProvider } from '@vis.gl/react-google-maps'
-import { useState } from 'react'
-import { InteractiveMap } from '.'
-import { hotelPins } from './storybookData'
+import { Lang } from "@scandic-hotels/common/constants/language"
+import { APIProvider } from "@vis.gl/react-google-maps"
+import { useState } from "react"
+import { InteractiveMap } from "."
+import { hotelPins } from "./storybookData"
 
 const meta: Meta<typeof InteractiveMap> = {
-  title: 'Patterns/Map/Interactive Map',
+  title: "Patterns/Map/Interactive Map",
   component: InteractiveMap,
   argTypes: {},
 }
@@ -32,7 +32,7 @@ export const PrimaryDefault: Story = {
     const mapId = import.meta.env.VITE_GOOGLE_DYNAMIC_MAP_ID
     if (!mapKey || !mapId) {
       throw new Error(
-        'VITE_GOOGLE_STATIC_MAP_KEY or VITE_GOOGLE_DYNAMIC_MAP_ID is not defined in your .env file. Please add it to run this story.'
+        "VITE_GOOGLE_STATIC_MAP_KEY or VITE_GOOGLE_DYNAMIC_MAP_ID is not defined in your .env file. Please add it to run this story."
       )
     }
 
@@ -44,8 +44,8 @@ export const PrimaryDefault: Story = {
         <div
           style={
             {
-              '--hotel-map-height': '300px',
-              height: 'max(500px, 90vh)',
+              "--hotel-map-height": "300px",
+              height: "max(500px, 90vh)",
             } as React.CSSProperties
           }
         >
diff --git a/packages/design-system/lib/components/Map/InteractiveMap/PoiMapMarkers/index.tsx b/packages/design-system/lib/components/Map/InteractiveMap/PoiMapMarkers/index.tsx
index 4327f0fa1..361130dbd 100644
--- a/packages/design-system/lib/components/Map/InteractiveMap/PoiMapMarkers/index.tsx
+++ b/packages/design-system/lib/components/Map/InteractiveMap/PoiMapMarkers/index.tsx
@@ -1,16 +1,16 @@
 import {
   AdvancedMarker,
   AdvancedMarkerAnchorPoint,
-} from '@vis.gl/react-google-maps'
-import { useIntl } from 'react-intl'
+} from "@vis.gl/react-google-maps"
+import { useIntl } from "react-intl"
 
-import { Typography } from '../../../Typography'
+import { Typography } from "../../../Typography"
 
-import { HotelMarkerByType } from '../../Markers/HotelMarkerByType'
-import { PoiMarker } from '../../Markers/PoiMarker'
+import { HotelMarkerByType } from "../../Markers/HotelMarkerByType"
+import { PoiMarker } from "../../Markers/PoiMarker"
 
-import styles from './poiMapMarkers.module.css'
-import { MarkerInfo, PointOfInterest } from '../../types'
+import styles from "./poiMapMarkers.module.css"
+import { MarkerInfo, PointOfInterest } from "../../types"
 
 export type PoiMapMarkersProps = {
   activePoi?: string | null
@@ -50,15 +50,15 @@ export default function PoiMapMarkers({
           zIndex={activePoi === poi.id ? 2 : 0}
           onMouseEnter={() => onActivePoiChange?.(poi.id ?? null)}
           onMouseLeave={() => onActivePoiChange?.(null)}
-          onClick={() => toggleActivePoi(poi.id ?? '')}
+          onClick={() => toggleActivePoi(poi.id ?? "")}
         >
           <span
-            className={`${styles.poi} ${activePoi === poi.id ? styles.active : ''}`}
+            className={`${styles.poi} ${activePoi === poi.id ? styles.active : ""}`}
           >
             <PoiMarker
               group={poi.group}
               categoryName={poi.categoryName}
-              size={activePoi === poi.id ? 'large' : 'small'}
+              size={activePoi === poi.id ? "large" : "small"}
             />
             <span className={styles.poiLabel}>
               <Typography variant="Body/Paragraph/mdRegular">
@@ -71,8 +71,8 @@ export default function PoiMapMarkers({
                 <span>
                   {intl.formatMessage(
                     {
-                      id: 'common.distanceKm',
-                      defaultMessage: '{distanceInKm} km',
+                      id: "common.distanceKm",
+                      defaultMessage: "{distanceInKm} km",
                     },
                     {
                       distanceInKm: poi.distance,
diff --git a/packages/design-system/lib/components/Map/InteractiveMap/index.tsx b/packages/design-system/lib/components/Map/InteractiveMap/index.tsx
index ff1df5598..14aee0970 100644
--- a/packages/design-system/lib/components/Map/InteractiveMap/index.tsx
+++ b/packages/design-system/lib/components/Map/InteractiveMap/index.tsx
@@ -1,23 +1,23 @@
-'use client'
+"use client"
 
-import { Map, type MapProps, useMap } from '@vis.gl/react-google-maps'
-import { useEffect, useState } from 'react'
-import { useIntl } from 'react-intl'
+import { Map, type MapProps, useMap } from "@vis.gl/react-google-maps"
+import { useEffect, useState } from "react"
+import { useIntl } from "react-intl"
 
-import { IconButton } from '../../IconButton'
+import { IconButton } from "../../IconButton"
 
-import { HOTEL_PAGE, MAP_RESTRICTIONS } from '../mapConstants'
+import { HOTEL_PAGE, MAP_RESTRICTIONS } from "../mapConstants"
 
-import { useZoomControls } from '@scandic-hotels/common/hooks/map/useZoomControls'
+import { useZoomControls } from "@scandic-hotels/common/hooks/map/useZoomControls"
 
-import { HotelListingMapContent } from './HotelListingMapContent'
-import PoiMapMarkers from './PoiMapMarkers'
+import { HotelListingMapContent } from "./HotelListingMapContent"
+import PoiMapMarkers from "./PoiMapMarkers"
 
-import styles from './interactiveMap.module.css'
+import styles from "./interactiveMap.module.css"
 
-import { CurrencyEnum } from '@scandic-hotels/common/constants/currency'
-import { Lang } from '@scandic-hotels/common/constants/language'
-import { HotelPin, MarkerInfo, PointOfInterest } from '../types'
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import { Lang } from "@scandic-hotels/common/constants/language"
+import { HotelPin, MarkerInfo, PointOfInterest } from "../types"
 
 export type InteractiveMapProps = {
   lang: Lang
@@ -94,7 +94,7 @@ export function InteractiveMap({
     disableDefaultUI: true,
     clickableIcons: false,
     mapId,
-    gestureHandling: 'greedy',
+    gestureHandling: "greedy",
     restriction: MAP_RESTRICTIONS,
   }
 
@@ -145,8 +145,8 @@ export function InteractiveMap({
             className={styles.zoomButton}
             onClick={zoomOut}
             aria-label={intl.formatMessage({
-              id: 'map.zoomOut',
-              defaultMessage: 'Zoom out',
+              id: "map.zoomOut",
+              defaultMessage: "Zoom out",
             })}
             isDisabled={isMinZoom}
             iconName="remove"
@@ -157,8 +157,8 @@ export function InteractiveMap({
             className={styles.zoomButton}
             onClick={zoomIn}
             aria-label={intl.formatMessage({
-              id: 'map.zoomIn',
-              defaultMessage: 'Zoom in',
+              id: "map.zoomIn",
+              defaultMessage: "Zoom in",
             })}
             isDisabled={isMaxZoom}
             iconName="add"
diff --git a/packages/design-system/lib/components/Map/InteractiveMap/interactiveMap.module.css b/packages/design-system/lib/components/Map/InteractiveMap/interactiveMap.module.css
index b6043b768..c89e2e530 100644
--- a/packages/design-system/lib/components/Map/InteractiveMap/interactiveMap.module.css
+++ b/packages/design-system/lib/components/Map/InteractiveMap/interactiveMap.module.css
@@ -6,7 +6,7 @@
   z-index: 0;
 
   &::after {
-    content: '';
+    content: "";
     position: absolute;
     top: 0;
     right: 0;
diff --git a/packages/design-system/lib/components/Map/InteractiveMap/storybookData.ts b/packages/design-system/lib/components/Map/InteractiveMap/storybookData.ts
index 535b8e923..49dd430dc 100644
--- a/packages/design-system/lib/components/Map/InteractiveMap/storybookData.ts
+++ b/packages/design-system/lib/components/Map/InteractiveMap/storybookData.ts
@@ -1,5 +1,5 @@
-import { CurrencyEnum } from '@scandic-hotels/common/constants/currency'
-import { HotelPin } from '../types'
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import { HotelPin } from "../types"
 
 export const hotelPins: HotelPin[] = [
   {
@@ -7,65 +7,65 @@ export const hotelPins: HotelPin[] = [
       lat: 59.331303,
       lng: 18.065542,
     },
-    name: 'Downtown Camper by Scandic',
+    name: "Downtown Camper by Scandic",
     chequePrice: null,
     publicPrice: 1100,
     memberPrice: 1067,
     redemptionPrice: null,
     voucherPrice: null,
-    rateType: 'Regular',
-    currency: 'SEK',
+    rateType: "Regular",
+    currency: "SEK",
     amenities: [
       {
-        filter: 'Hotel facilities',
-        icon: 'Pool',
+        filter: "Hotel facilities",
+        icon: "Pool",
         id: 1831,
-        name: 'Pool',
+        name: "Pool",
         public: true,
         sortOrder: 7000,
-        slug: 'pool',
+        slug: "pool",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'Restaurant',
+        filter: "Hotel facilities",
+        icon: "Restaurant",
         id: 1383,
-        name: 'Restaurant',
+        name: "Restaurant",
         public: true,
         sortOrder: 6000,
-        slug: 'restaurant',
+        slug: "restaurant",
       },
       {
-        filter: 'None',
-        icon: 'KayaksForLoan',
+        filter: "None",
+        icon: "KayaksForLoan",
         id: 162585,
-        name: 'Kayaks for loan',
+        name: "Kayaks for loan",
         public: true,
         sortOrder: 5000,
-        slug: 'kayaks-for-loan',
+        slug: "kayaks-for-loan",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'None',
+        filter: "Hotel facilities",
+        icon: "None",
         id: 239348,
-        name: 'Rooftop bar',
+        name: "Rooftop bar",
         public: false,
         sortOrder: 4000,
-        slug: 'rooftop-bar',
+        slug: "rooftop-bar",
       },
       {
-        filter: 'None',
-        icon: 'BikesForLoan',
+        filter: "None",
+        icon: "BikesForLoan",
         id: 5550,
-        name: 'Bikes for loan',
+        name: "Bikes for loan",
         public: true,
         sortOrder: 3000,
-        slug: 'bikes-for-loan',
+        slug: "bikes-for-loan",
       },
     ],
     ratings: {
       tripAdvisor: 4.4,
     },
-    operaId: '879',
+    operaId: "879",
     facilityIds: [
       1831, 1383, 162585, 239348, 5550, 162586, 5806, 1014, 1835, 1829, 1379,
       1382, 162587, 1017, 1378, 1408, 1833, 971, 1834, 162584, 1381, 229144,
@@ -73,8 +73,8 @@ export const hotelPins: HotelPin[] = [
     ],
     hasEnoughPoints: false,
     image: {
-      alt: 'Bar of Downtown Camper by Scandic in Stockholm',
-      url: 'https://images-test.scandichotels.com/publishedmedia/p0ffjkfyfnx502knqlxo/Scandic_Downtown_Camper_spa_wellness_the_nest_swim.jpg',
+      alt: "Bar of Downtown Camper by Scandic in Stockholm",
+      url: "https://images-test.scandichotels.com/publishedmedia/p0ffjkfyfnx502knqlxo/Scandic_Downtown_Camper_spa_wellness_the_nest_swim.jpg",
     },
   },
   {
@@ -82,73 +82,73 @@ export const hotelPins: HotelPin[] = [
       lat: 59.33469,
       lng: 18.061586,
     },
-    name: 'Haymarket by Scandic',
+    name: "Haymarket by Scandic",
     chequePrice: null,
     publicPrice: null,
     memberPrice: 9999,
     redemptionPrice: null,
     voucherPrice: null,
-    rateType: 'Regular',
-    currency: 'SEK',
+    rateType: "Regular",
+    currency: "SEK",
     amenities: [
       {
-        filter: 'Hotel facilities',
-        icon: 'Restaurant',
+        filter: "Hotel facilities",
+        icon: "Restaurant",
         id: 1383,
-        name: 'Restaurant',
+        name: "Restaurant",
         public: true,
         sortOrder: 6000,
-        slug: 'restaurant',
+        slug: "restaurant",
       },
       {
-        filter: 'None',
-        icon: 'None',
+        filter: "None",
+        icon: "None",
         id: 5806,
-        name: 'Meeting / conference facilities',
+        name: "Meeting / conference facilities",
         public: true,
         sortOrder: 1500,
-        slug: 'meeting-conference-facilities',
+        slug: "meeting-conference-facilities",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'Bar',
+        filter: "Hotel facilities",
+        icon: "Bar",
         id: 1014,
-        name: 'Bar',
+        name: "Bar",
         public: true,
         sortOrder: 1401,
-        slug: 'bar',
+        slug: "bar",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'PetFriendlyRooms',
+        filter: "Hotel facilities",
+        icon: "PetFriendlyRooms",
         id: 1835,
-        name: 'Pet-friendly rooms',
+        name: "Pet-friendly rooms",
         public: true,
         sortOrder: 1201,
-        slug: 'pet-friendly-rooms',
+        slug: "pet-friendly-rooms",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'Gym',
+        filter: "Hotel facilities",
+        icon: "Gym",
         id: 1829,
-        name: 'Gym',
+        name: "Gym",
         public: true,
         sortOrder: 1101,
-        slug: 'gym',
+        slug: "gym",
       },
     ],
     ratings: {
       tripAdvisor: 4.1,
     },
-    operaId: '890',
+    operaId: "890",
     facilityIds: [
       1383, 5806, 1014, 1835, 1829, 1382, 162587, 1017, 1833, 971, 1834, 1381,
       1406, 1913, 345180, 375885,
     ],
     hasEnoughPoints: false,
     image: {
-      alt: 'Bar',
-      url: 'https://images-test.scandichotels.com/publishedmedia/lr2b7r655xl0sjcbgxt9/haymarket-by-scandic-bar-pauls_-3-.jpg',
+      alt: "Bar",
+      url: "https://images-test.scandichotels.com/publishedmedia/lr2b7r655xl0sjcbgxt9/haymarket-by-scandic-bar-pauls_-3-.jpg",
     },
   },
   {
@@ -156,7 +156,7 @@ export const hotelPins: HotelPin[] = [
       lat: 59.337166,
       lng: 18.072765,
     },
-    name: 'Scandic Anglais',
+    name: "Scandic Anglais",
     chequePrice: {
       numberOfCheques: 1,
       additionalPricePerStay: 500,
@@ -166,67 +166,67 @@ export const hotelPins: HotelPin[] = [
     memberPrice: null,
     redemptionPrice: null,
     voucherPrice: null,
-    rateType: 'Regular',
-    currency: 'CC',
+    rateType: "Regular",
+    currency: "CC",
     amenities: [
       {
-        filter: 'Hotel facilities',
-        icon: 'Restaurant',
+        filter: "Hotel facilities",
+        icon: "Restaurant",
         id: 1383,
-        name: 'Restaurant',
+        name: "Restaurant",
         public: true,
         sortOrder: 6000,
-        slug: 'restaurant',
+        slug: "restaurant",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'None',
+        filter: "Hotel facilities",
+        icon: "None",
         id: 239348,
-        name: 'Rooftop bar',
+        name: "Rooftop bar",
         public: false,
         sortOrder: 4000,
-        slug: 'rooftop-bar',
+        slug: "rooftop-bar",
       },
       {
-        filter: 'None',
-        icon: 'BikesForLoan',
+        filter: "None",
+        icon: "BikesForLoan",
         id: 5550,
-        name: 'Bikes for loan',
+        name: "Bikes for loan",
         public: true,
         sortOrder: 3000,
-        slug: 'bikes-for-loan',
+        slug: "bikes-for-loan",
       },
       {
-        filter: 'None',
-        icon: 'None',
+        filter: "None",
+        icon: "None",
         id: 5806,
-        name: 'Meeting / conference facilities',
+        name: "Meeting / conference facilities",
         public: true,
         sortOrder: 1500,
-        slug: 'meeting-conference-facilities',
+        slug: "meeting-conference-facilities",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'Bar',
+        filter: "Hotel facilities",
+        icon: "Bar",
         id: 1014,
-        name: 'Bar',
+        name: "Bar",
         public: true,
         sortOrder: 1401,
-        slug: 'bar',
+        slug: "bar",
       },
     ],
     ratings: {
       tripAdvisor: 3.6,
     },
-    operaId: '810',
+    operaId: "810",
     facilityIds: [
       1383, 239348, 5550, 5806, 1014, 1835, 1829, 1379, 2665, 1382, 162587,
       1017, 1408, 1833, 971, 1834, 1405, 1406, 956, 1913,
     ],
     hasEnoughPoints: false,
     image: {
-      alt: 'lobby at scandic anglais in stockholm',
-      url: 'https://images-test.scandichotels.com/publishedmedia/wi0lzgxhbm4vmfguf7wm/scandic-anglais-lobby6.jpg',
+      alt: "lobby at scandic anglais in stockholm",
+      url: "https://images-test.scandichotels.com/publishedmedia/wi0lzgxhbm4vmfguf7wm/scandic-anglais-lobby6.jpg",
     },
   },
   {
@@ -234,73 +234,73 @@ export const hotelPins: HotelPin[] = [
       lat: 59.33099,
       lng: 18.05926,
     },
-    name: 'Scandic Continental',
+    name: "Scandic Continental",
     chequePrice: null,
     publicPrice: null,
     memberPrice: null,
     redemptionPrice: 65000,
     voucherPrice: null,
-    rateType: 'Regular',
-    currency: 'Points',
+    rateType: "Regular",
+    currency: "Points",
     amenities: [
       {
-        filter: 'None',
-        icon: 'BikesForLoan',
+        filter: "None",
+        icon: "BikesForLoan",
         id: 5550,
-        name: 'Bikes for loan',
+        name: "Bikes for loan",
         public: true,
         sortOrder: 3000,
-        slug: 'bikes-for-loan',
+        slug: "bikes-for-loan",
       },
       {
-        filter: 'None',
-        icon: 'None',
+        filter: "None",
+        icon: "None",
         id: 5806,
-        name: 'Meeting / conference facilities',
+        name: "Meeting / conference facilities",
         public: true,
         sortOrder: 1500,
-        slug: 'meeting-conference-facilities',
+        slug: "meeting-conference-facilities",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'PetFriendlyRooms',
+        filter: "Hotel facilities",
+        icon: "PetFriendlyRooms",
         id: 1835,
-        name: 'Pet-friendly rooms',
+        name: "Pet-friendly rooms",
         public: true,
         sortOrder: 1201,
-        slug: 'pet-friendly-rooms',
+        slug: "pet-friendly-rooms",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'Gym',
+        filter: "Hotel facilities",
+        icon: "Gym",
         id: 1829,
-        name: 'Gym',
+        name: "Gym",
         public: true,
         sortOrder: 1101,
-        slug: 'gym',
+        slug: "gym",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'Sauna',
+        filter: "Hotel facilities",
+        icon: "Sauna",
         id: 1379,
-        name: 'Sauna',
+        name: "Sauna",
         public: true,
         sortOrder: 1001,
-        slug: 'sauna',
+        slug: "sauna",
       },
     ],
     ratings: {
       tripAdvisor: 4.2,
     },
-    operaId: '811',
+    operaId: "811",
     facilityIds: [
       5550, 5806, 1835, 1829, 1379, 2665, 1606, 1382, 1017, 1378, 1408, 1833,
       971, 1834, 162583, 1406, 1607, 1911, 1913, 229144,
     ],
     hasEnoughPoints: false,
     image: {
-      alt: 'Exterior',
-      url: 'https://images-test.scandichotels.com/publishedmedia/xnvuuzvogv7dzt3nmxit/Scandic_Continental_Exterior_Vasagatan_Day.jpg',
+      alt: "Exterior",
+      url: "https://images-test.scandichotels.com/publishedmedia/xnvuuzvogv7dzt3nmxit/Scandic_Continental_Exterior_Vasagatan_Day.jpg",
     },
   },
   {
@@ -308,72 +308,72 @@ export const hotelPins: HotelPin[] = [
       lat: 59.323063,
       lng: 18.069921,
     },
-    name: 'Scandic Gamla Stan',
+    name: "Scandic Gamla Stan",
     chequePrice: null,
     publicPrice: null,
     memberPrice: null,
     redemptionPrice: null,
     voucherPrice: 1,
-    rateType: 'Regular',
-    currency: 'Voucher',
+    rateType: "Regular",
+    currency: "Voucher",
     amenities: [
       {
-        filter: 'Hotel facilities',
-        icon: 'PetFriendlyRooms',
+        filter: "Hotel facilities",
+        icon: "PetFriendlyRooms",
         id: 1835,
-        name: 'Pet-friendly rooms',
+        name: "Pet-friendly rooms",
         public: true,
         sortOrder: 1201,
-        slug: 'pet-friendly-rooms',
+        slug: "pet-friendly-rooms",
       },
       {
-        filter: 'Hotel facilities',
-        icon: 'OutdoorTerrace',
+        filter: "Hotel facilities",
+        icon: "OutdoorTerrace",
         id: 1382,
-        name: 'Outdoor terrace',
+        name: "Outdoor terrace",
         public: true,
         sortOrder: 550,
-        slug: 'outdoor-terrace',
+        slug: "outdoor-terrace",
       },
       {
-        filter: 'None',
-        icon: 'Shop',
+        filter: "None",
+        icon: "Shop",
         id: 1408,
-        name: 'Scandic Shop 24 hrs',
+        name: "Scandic Shop 24 hrs",
         public: true,
         sortOrder: 301,
-        slug: 'scandic-shop-24-hrs',
+        slug: "scandic-shop-24-hrs",
       },
       {
-        filter: 'None',
-        icon: 'FreeWiFi',
+        filter: "None",
+        icon: "FreeWiFi",
         id: 1833,
-        name: 'Free WiFi',
+        name: "Free WiFi",
         public: true,
         sortOrder: 250,
-        slug: 'free-wifi',
+        slug: "free-wifi",
       },
       {
-        filter: 'None',
-        icon: 'LaundryService',
+        filter: "None",
+        icon: "LaundryService",
         id: 1834,
-        name: 'Laundry service',
+        name: "Laundry service",
         public: true,
         sortOrder: 199,
-        slug: 'laundry-service',
+        slug: "laundry-service",
       },
     ],
     ratings: {
       tripAdvisor: 4.2,
     },
-    operaId: '821',
+    operaId: "821",
     facilityIds: [
       1835, 1382, 1408, 1833, 1834, 1405, 345180, 332224, 375885, 238849,
     ],
     hasEnoughPoints: false,
     image: {
-      alt: 'Facade Entrance Scandic Gamla Stan Stockholm',
-      url: 'https://images-test.scandichotels.com/publishedmedia/9attpqkkfy6uwc6keyvg/Scandic-Gamla-Stan-Exterior-facade.jpg',
+      alt: "Facade Entrance Scandic Gamla Stan Stockholm",
+      url: "https://images-test.scandichotels.com/publishedmedia/9attpqkkfy6uwc6keyvg/Scandic-Gamla-Stan-Exterior-facade.jpg",
     },
   },
 ]
diff --git a/packages/design-system/lib/components/Map/Markers/HotelMarker/index.tsx b/packages/design-system/lib/components/Map/Markers/HotelMarker/index.tsx
index 8955da01b..896e2716d 100644
--- a/packages/design-system/lib/components/Map/Markers/HotelMarker/index.tsx
+++ b/packages/design-system/lib/components/Map/Markers/HotelMarker/index.tsx
@@ -1,11 +1,11 @@
-import { hotelMarkerVariants } from './variants'
+import { hotelMarkerVariants } from "./variants"
 
 export default function HotelMarker({
   className,
   color,
   ...props
 }: React.SVGAttributes<HTMLOrSVGElement> & {
-  color?: 'burgundy' | 'white'
+  color?: "burgundy" | "white"
 }) {
   const classNames = hotelMarkerVariants({ color, className })
 
diff --git a/packages/design-system/lib/components/Map/Markers/HotelMarker/variants.ts b/packages/design-system/lib/components/Map/Markers/HotelMarker/variants.ts
index 8bf4a32a5..298d0e063 100644
--- a/packages/design-system/lib/components/Map/Markers/HotelMarker/variants.ts
+++ b/packages/design-system/lib/components/Map/Markers/HotelMarker/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './hotelMarker.module.css'
+import styles from "./hotelMarker.module.css"
 
 export const hotelMarkerVariants = cva(styles.icon, {
   variants: {
@@ -10,6 +10,6 @@ export const hotelMarkerVariants = cva(styles.icon, {
     },
   },
   defaultVariants: {
-    color: 'white',
+    color: "white",
   },
 })
diff --git a/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.stories.tsx b/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.stories.tsx
index 233a59c69..6aaf64166 100644
--- a/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.stories.tsx
+++ b/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.stories.tsx
@@ -1,42 +1,42 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { HotelMarkerByType } from './HotelMarkerByType'
-import { SignatureHotelEnum } from '@scandic-hotels/common/constants/signatureHotels'
-import { Typography } from '../../Typography'
+import { HotelMarkerByType } from "./HotelMarkerByType"
+import { SignatureHotelEnum } from "@scandic-hotels/common/constants/signatureHotels"
+import { Typography } from "../../Typography"
 
 const meta: Meta<typeof HotelMarkerByType> = {
-  title: 'Patterns/Map/Hotel Marker By Type',
+  title: "Patterns/Map/Hotel Marker By Type",
   component: HotelMarkerByType,
   argTypes: {
     hotelType: {
-      control: 'select',
-      options: ['Regular', 'Signature', 'Scandic Go'],
-      description: 'Type of hotel',
+      control: "select",
+      options: ["Regular", "Signature", "Scandic Go"],
+      description: "Type of hotel",
       table: {
         type: { summary: "'Regular' | 'Signature' | 'Scandic Go'" },
         // defaultValue: { summary: 'Regular' },
       },
       mapping: {
-        Signature: 'signature',
-        'Scandic Go': 'scandicgo',
-        Regular: 'regular',
+        Signature: "signature",
+        "Scandic Go": "scandicgo",
+        Regular: "regular",
       },
     },
     hotelId: {
-      control: 'select',
+      control: "select",
       description: 'ID of the hotel (e.g. "879" for Downtown Camper)',
-      options: ['Other', ...Object.keys(SignatureHotelEnum)],
+      options: ["Other", ...Object.keys(SignatureHotelEnum)],
       mapping: {
-        Other: '',
+        Other: "",
         ...SignatureHotelEnum,
       },
     },
     size: {
-      control: 'select',
+      control: "select",
       table: {
         type: { summary: "'large' | 'small'" },
       },
-      options: ['large', 'small'],
+      options: ["large", "small"],
     },
   },
 }
@@ -47,17 +47,17 @@ type Story = StoryObj<typeof HotelMarkerByType>
 
 export const PrimaryDefault: Story = {
   args: {
-    hotelId: 'Other',
-    hotelType: 'regular',
-    size: 'large',
+    hotelId: "Other",
+    hotelType: "regular",
+    size: "large",
   },
 }
 
 export const ScandicGo: Story = {
   args: {
-    hotelId: 'Other',
-    hotelType: 'scandicgo',
-    size: 'large',
+    hotelId: "Other",
+    hotelType: "scandicgo",
+    size: "large",
   },
   argTypes: {
     hotelId: {
@@ -75,9 +75,9 @@ export const ScandicGo: Story = {
 
 export const Signature: Story = {
   args: {
-    hotelId: 'DowntownCamper',
-    hotelType: 'signature',
-    size: 'large',
+    hotelId: "DowntownCamper",
+    hotelType: "signature",
+    size: "large",
   },
   argTypes: {
     hotelType: {
@@ -86,10 +86,10 @@ export const Signature: Story = {
       },
     },
     hotelId: {
-      control: 'select',
-      options: ['Other', ...Object.keys(SignatureHotelEnum)],
+      control: "select",
+      options: ["Other", ...Object.keys(SignatureHotelEnum)],
       mapping: {
-        Other: '',
+        Other: "",
         ...SignatureHotelEnum,
       },
     },
@@ -98,28 +98,28 @@ export const Signature: Story = {
 
 const exampleMarkers = [
   {
-    name: 'Default',
-    hotelId: 'Other',
-    hotelType: 'regular',
+    name: "Default",
+    hotelId: "Other",
+    hotelType: "regular",
   },
   {
-    name: 'Scandic Go',
-    hotelId: 'Other',
-    hotelType: 'scandicgo',
+    name: "Scandic Go",
+    hotelId: "Other",
+    hotelType: "scandicgo",
   },
   ...Object.entries(SignatureHotelEnum).map(
     ([hotelName, hotelId]) =>
       ({
         name: hotelName,
         hotelId,
-        hotelType: 'signature',
+        hotelType: "signature",
       }) as const
   ),
 ] as const
 
 export const Examples: Story = {
   args: {
-    size: 'large',
+    size: "large",
   },
   argTypes: {
     hotelType: {
@@ -136,8 +136,8 @@ export const Examples: Story = {
   render: (args) => (
     <div
       style={{
-        display: 'grid',
-        gridTemplateColumns: 'repeat(auto-fill, minmax(180px, 1fr))',
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(180px, 1fr))",
         gap: 16,
       }}
     >
@@ -145,14 +145,14 @@ export const Examples: Story = {
         <div
           key={ix}
           style={{
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
             gap: 12,
             padding: 8,
             borderRadius: 8,
-            background: 'var(--ds-color-surface-subtle, #F2ECE6)',
+            background: "var(--ds-color-surface-subtle, #F2ECE6)",
           }}
         >
           <HotelMarkerByType {...args} {...exampleArgs} />
diff --git a/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.tsx b/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.tsx
index da2036a76..b600a646c 100644
--- a/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.tsx
+++ b/packages/design-system/lib/components/Map/Markers/HotelMarkerByType.tsx
@@ -1,32 +1,31 @@
-import { DowntownCamperMarker } from './HotelMarker/SignatureHotel/DowntownCamper'
-import { DowntownCamperSmallMarker } from './HotelMarker/SignatureHotel/DowntownCamperSmall'
-import { GrandHotelMarker } from './HotelMarker/SignatureHotel/GrandHotel'
-import { GrandHotelSmallMarker } from './HotelMarker/SignatureHotel/GrandHotelSmall'
-import { HaymarketMarker } from './HotelMarker/SignatureHotel/Haymarket'
-import { HaymarketSmallMarker } from './HotelMarker/SignatureHotel/HaymarketSmall'
-import { HotelNorgeMarker } from './HotelMarker/SignatureHotel/HotelNorge'
-import { HotelNorgeSmallMarker } from './HotelMarker/SignatureHotel/HotelNorgeSmall'
-import { MarskiMarker } from './HotelMarker/SignatureHotel/Marski'
-import { MarskiSmallMarker } from './HotelMarker/SignatureHotel/MarskiSmall'
-import { ScandicMarker } from './HotelMarker/SignatureHotel/Scandic'
-import { ScandicGoMarker } from './HotelMarker/SignatureHotel/ScandicGo'
-import { ScandicGoSmallMarker } from './HotelMarker/SignatureHotel/ScandicGoSmall'
-import { ScandicSmallMarker } from './HotelMarker/SignatureHotel/ScandicSmall'
-import { TheDockMarker } from './HotelMarker/SignatureHotel/TheDock'
-import { TheDockSmallMarker } from './HotelMarker/SignatureHotel/TheDockSmall'
+import { DowntownCamperMarker } from "./HotelMarker/SignatureHotel/DowntownCamper"
+import { DowntownCamperSmallMarker } from "./HotelMarker/SignatureHotel/DowntownCamperSmall"
+import { GrandHotelMarker } from "./HotelMarker/SignatureHotel/GrandHotel"
+import { GrandHotelSmallMarker } from "./HotelMarker/SignatureHotel/GrandHotelSmall"
+import { HaymarketMarker } from "./HotelMarker/SignatureHotel/Haymarket"
+import { HaymarketSmallMarker } from "./HotelMarker/SignatureHotel/HaymarketSmall"
+import { HotelNorgeMarker } from "./HotelMarker/SignatureHotel/HotelNorge"
+import { HotelNorgeSmallMarker } from "./HotelMarker/SignatureHotel/HotelNorgeSmall"
+import { MarskiMarker } from "./HotelMarker/SignatureHotel/Marski"
+import { MarskiSmallMarker } from "./HotelMarker/SignatureHotel/MarskiSmall"
+import { ScandicMarker } from "./HotelMarker/SignatureHotel/Scandic"
+import { ScandicGoMarker } from "./HotelMarker/SignatureHotel/ScandicGo"
+import { ScandicGoSmallMarker } from "./HotelMarker/SignatureHotel/ScandicGoSmall"
+import { ScandicSmallMarker } from "./HotelMarker/SignatureHotel/ScandicSmall"
+import { TheDockMarker } from "./HotelMarker/SignatureHotel/TheDock"
+import { TheDockSmallMarker } from "./HotelMarker/SignatureHotel/TheDockSmall"
 
-import { SignatureHotelEnum } from '@scandic-hotels/common/constants/signatureHotels'
+import { SignatureHotelEnum } from "@scandic-hotels/common/constants/signatureHotels"
 
 import {
   HotelTypes,
   type HotelType,
-} from '@scandic-hotels/common/constants/hotelType'
-import { MarkerInfo } from '../types'
+} from "@scandic-hotels/common/constants/hotelType"
+import { MarkerInfo } from "../types"
 
 export interface HotelMarkerByTypeProps
-  extends MarkerInfo,
-    React.SVGAttributes<HTMLOrSVGElement> {
-  size?: 'large' | 'small'
+  extends MarkerInfo, React.SVGAttributes<HTMLOrSVGElement> {
+  size?: "large" | "small"
 }
 type MarkerComponent = React.ComponentType<
   React.SVGAttributes<HTMLOrSVGElement>
@@ -35,7 +34,7 @@ type MarkerComponent = React.ComponentType<
 export function HotelMarkerByType({
   hotelId,
   hotelType,
-  size = 'large',
+  size = "large",
   ...props
 }: HotelMarkerByTypeProps) {
   const sigatureHotelEntry =
@@ -55,14 +54,14 @@ export function HotelMarkerByType({
   return <Cmp {...props} />
 }
 
-const defaultMarkers: Record<'large' | 'small', MarkerComponent> = {
+const defaultMarkers: Record<"large" | "small", MarkerComponent> = {
   large: ScandicMarker,
   small: ScandicSmallMarker,
 }
 
 const byHotelType: Record<
-  Exclude<HotelType, 'regular' | 'signature'>,
-  Record<'large' | 'small', MarkerComponent>
+  Exclude<HotelType, "regular" | "signature">,
+  Record<"large" | "small", MarkerComponent>
 > = {
   [HotelTypes.ScandicGo]: {
     large: ScandicGoMarker,
@@ -72,7 +71,7 @@ const byHotelType: Record<
 
 const bySignatureHotel: Record<
   SignatureHotelEnum,
-  Record<'large' | 'small', MarkerComponent>
+  Record<"large" | "small", MarkerComponent>
 > = {
   [SignatureHotelEnum.Haymarket]: {
     large: HaymarketMarker,
diff --git a/packages/design-system/lib/components/Map/Markers/PoiMarker/index.tsx b/packages/design-system/lib/components/Map/Markers/PoiMarker/index.tsx
index f4eb29a9f..1cb416a10 100644
--- a/packages/design-system/lib/components/Map/Markers/PoiMarker/index.tsx
+++ b/packages/design-system/lib/components/Map/Markers/PoiMarker/index.tsx
@@ -1,12 +1,12 @@
-import { IconByIconName } from '../../../Icons/IconByIconName'
+import { IconByIconName } from "../../../Icons/IconByIconName"
 
 import {
   getIconByPoiGroupAndCategory,
   type PointOfInterestGroup,
-} from '../utils'
-import { poiVariants } from './variants'
+} from "../utils"
+import { poiVariants } from "./variants"
 
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
 interface PoiMarkerProps extends VariantProps<typeof poiVariants> {
   group: PointOfInterestGroup
@@ -18,8 +18,8 @@ export function PoiMarker({
   group,
   categoryName,
   skipBackground,
-  size = 'small',
-  className = '',
+  size = "small",
+  className = "",
 }: PoiMarkerProps) {
   const iconName = getIconByPoiGroupAndCategory(group, categoryName)
   const classNames = poiVariants({ group, skipBackground, size, className })
@@ -28,8 +28,8 @@ export function PoiMarker({
     <span className={classNames}>
       <IconByIconName
         iconName={iconName}
-        color={skipBackground ? 'CurrentColor' : 'Icon/Inverted'}
-        size={size === 'small' ? 16 : size === 'large' ? 24 : 20}
+        color={skipBackground ? "CurrentColor" : "Icon/Inverted"}
+        size={size === "small" ? 16 : size === "large" ? 24 : 20}
       />
     </span>
   ) : null
diff --git a/packages/design-system/lib/components/Map/Markers/PoiMarker/variants.ts b/packages/design-system/lib/components/Map/Markers/PoiMarker/variants.ts
index 30af4ca06..2421a4643 100644
--- a/packages/design-system/lib/components/Map/Markers/PoiMarker/variants.ts
+++ b/packages/design-system/lib/components/Map/Markers/PoiMarker/variants.ts
@@ -1,21 +1,21 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import type { PointOfInterestGroup } from '../utils'
-import styles from './poiMarker.module.css'
+import type { PointOfInterestGroup } from "../utils"
+import styles from "./poiMarker.module.css"
 
 export const poiVariants = cva(styles.poiMarker, {
   variants: {
     group: {
-      ['Attractions']: styles.attractions,
-      ['Business']: styles.business,
-      ['Location']: styles.location,
-      ['Parking']: styles.parking,
-      ['Public transport']: styles.publicTransport,
-      ['Shopping & Dining']: styles.shoppingDining,
+      ["Attractions"]: styles.attractions,
+      ["Business"]: styles.business,
+      ["Location"]: styles.location,
+      ["Parking"]: styles.parking,
+      ["Public transport"]: styles.publicTransport,
+      ["Shopping & Dining"]: styles.shoppingDining,
     } satisfies Record<PointOfInterestGroup, string>,
     skipBackground: {
       true: styles.skipBackground,
-      false: '',
+      false: "",
     },
     size: {
       small: styles.small,
@@ -25,6 +25,6 @@ export const poiVariants = cva(styles.poiMarker, {
   },
   defaultVariants: {
     skipBackground: false,
-    size: 'small',
+    size: "small",
   },
 })
diff --git a/packages/design-system/lib/components/Map/Markers/utils.ts b/packages/design-system/lib/components/Map/Markers/utils.ts
index 0312d7180..52ca8a6f4 100644
--- a/packages/design-system/lib/components/Map/Markers/utils.ts
+++ b/packages/design-system/lib/components/Map/Markers/utils.ts
@@ -1,29 +1,29 @@
-import { IconName } from '../../Icons/iconName'
+import { IconName } from "../../Icons/iconName"
 
 export type PointOfInterestGroup =
-  | 'Public transport'
-  | 'Attractions'
-  | 'Business'
-  | 'Location'
-  | 'Parking'
-  | 'Shopping & Dining'
+  | "Public transport"
+  | "Attractions"
+  | "Business"
+  | "Location"
+  | "Parking"
+  | "Shopping & Dining"
 
 export function getIconByPoiGroupAndCategory(
   group: PointOfInterestGroup,
   category?: string
 ) {
   switch (group) {
-    case 'Public transport':
-      return category === 'Airport' ? IconName.Airplane : IconName.Train
-    case 'Attractions':
-      return category === 'Museum' ? IconName.Museum : IconName.Camera
-    case 'Business':
+    case "Public transport":
+      return category === "Airport" ? IconName.Airplane : IconName.Train
+    case "Attractions":
+      return category === "Museum" ? IconName.Museum : IconName.Camera
+    case "Business":
       return IconName.Business
-    case 'Parking':
+    case "Parking":
       return IconName.Parking
-    case 'Shopping & Dining':
-      return category === 'Restaurant' ? IconName.Restaurant : IconName.Shopping
-    case 'Location':
+    case "Shopping & Dining":
+      return category === "Restaurant" ? IconName.Restaurant : IconName.Shopping
+    case "Location":
     default:
       return IconName.Location
   }
diff --git a/packages/design-system/lib/components/Map/types.ts b/packages/design-system/lib/components/Map/types.ts
index 450f14f1f..ba53e877c 100644
--- a/packages/design-system/lib/components/Map/types.ts
+++ b/packages/design-system/lib/components/Map/types.ts
@@ -1,6 +1,6 @@
-import { CurrencyEnum } from '@scandic-hotels/common/constants/currency'
-import { FacilityEnum } from '@scandic-hotels/common/constants/facilities'
-import { HotelType } from '@scandic-hotels/common/constants/hotelType'
+import { CurrencyEnum } from "@scandic-hotels/common/constants/currency"
+import { FacilityEnum } from "@scandic-hotels/common/constants/facilities"
+import { HotelType } from "@scandic-hotels/common/constants/hotelType"
 
 export type HotelPin = {
   bookingCode?: string | null
@@ -43,12 +43,12 @@ export type HotelPin = {
 }
 
 export const PointOfInterestGroups = {
-  PublicTransport: 'Public transport',
-  Attractions: 'Attractions',
-  Business: 'Business',
-  Location: 'Location',
-  Parking: 'Parking',
-  ShoppingAndDining: 'Shopping & Dining',
+  PublicTransport: "Public transport",
+  Attractions: "Attractions",
+  Business: "Business",
+  Location: "Location",
+  Parking: "Parking",
+  ShoppingAndDining: "Shopping & Dining",
 } as const
 
 export type PointOfInterestGroup =
diff --git a/packages/design-system/lib/components/MessageBanner/MessageBanner.stories.tsx b/packages/design-system/lib/components/MessageBanner/MessageBanner.stories.tsx
index 49a7c796a..1a55de74b 100644
--- a/packages/design-system/lib/components/MessageBanner/MessageBanner.stories.tsx
+++ b/packages/design-system/lib/components/MessageBanner/MessageBanner.stories.tsx
@@ -1,22 +1,22 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { MessageBanner } from './index'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { MessageBanner } from "./index"
 
-type MessageBannerType = 'default' | 'error' | 'info'
-type TextColor = 'default' | 'error'
+type MessageBannerType = "default" | "error" | "info"
+type TextColor = "default" | "error"
 
 const meta: Meta<typeof MessageBanner> = {
-  title: 'Core Components/MessageBanner',
+  title: "Core Components/MessageBanner",
   component: MessageBanner,
   argTypes: {
     type: {
-      control: { type: 'select' },
-      options: ['default', 'error', 'info'] as MessageBannerType[],
+      control: { type: "select" },
+      options: ["default", "error", "info"] as MessageBannerType[],
     },
     textColor: {
-      control: { type: 'select' },
-      options: ['default', 'error'] as TextColor[],
+      control: { type: "select" },
+      options: ["default", "error"] as TextColor[],
     },
-    text: { control: 'text' },
+    text: { control: "text" },
   },
 }
 
@@ -25,40 +25,40 @@ type Story = StoryObj<typeof MessageBanner>
 
 export const Default: Story = {
   args: {
-    type: 'default',
-    textColor: 'default',
-    text: 'This is a default message',
+    type: "default",
+    textColor: "default",
+    text: "This is a default message",
   },
 }
 
 export const Warning: Story = {
   args: {
-    type: 'error',
-    textColor: 'default',
-    text: 'This is a warning message',
+    type: "error",
+    textColor: "default",
+    text: "This is a warning message",
   },
 }
 
 export const WarningErrorText: Story = {
   args: {
-    type: 'error',
-    textColor: 'error',
-    text: 'Warning with error text color',
+    type: "error",
+    textColor: "error",
+    text: "Warning with error text color",
   },
 }
 
 export const Info: Story = {
   args: {
-    type: 'info',
-    textColor: 'default',
-    text: 'This is an info message',
+    type: "info",
+    textColor: "default",
+    text: "This is an info message",
   },
 }
 
 export const InfoErrorText: Story = {
   args: {
-    type: 'info',
-    textColor: 'error',
-    text: 'Info with error text color',
+    type: "info",
+    textColor: "error",
+    text: "Info with error text color",
   },
 }
diff --git a/packages/design-system/lib/components/MessageBanner/index.tsx b/packages/design-system/lib/components/MessageBanner/index.tsx
index 7b1425fa6..ed245d020 100644
--- a/packages/design-system/lib/components/MessageBanner/index.tsx
+++ b/packages/design-system/lib/components/MessageBanner/index.tsx
@@ -1,12 +1,12 @@
-import { cva } from 'class-variance-authority'
-import styles from './messageBanner.module.css'
-import { Typography } from '../Typography'
-import { MaterialIcon } from '../Icons/MaterialIcon'
+import { cva } from "class-variance-authority"
+import styles from "./messageBanner.module.css"
+import { Typography } from "../Typography"
+import { MaterialIcon } from "../Icons/MaterialIcon"
 
-type MessageBannerType = 'default' | 'error' | 'info'
-type TextColor = 'default' | 'error'
+type MessageBannerType = "default" | "error" | "info"
+type TextColor = "default" | "error"
 
-const textVariants = cva('', {
+const textVariants = cva("", {
   variants: {
     textColor: {
       default: styles.textDefault,
@@ -14,7 +14,7 @@ const textVariants = cva('', {
     },
   },
   defaultVariants: {
-    textColor: 'default',
+    textColor: "default",
   },
 })
 
@@ -25,19 +25,19 @@ type MessageBannerProps = {
 }
 
 export function MessageBanner({
-  type = 'default',
-  textColor = 'default',
+  type = "default",
+  textColor = "default",
   text,
 }: MessageBannerProps) {
   const textClass = textVariants({ textColor })
 
-  const iconName = type === 'error' ? 'error' : 'info'
+  const iconName = type === "error" ? "error" : "info"
   const iconColor =
-    type === 'error'
-      ? 'Icon/Feedback/Error'
-      : type === 'info'
-        ? 'Icon/Feedback/Information'
-        : 'Icon/Default'
+    type === "error"
+      ? "Icon/Feedback/Error"
+      : type === "info"
+        ? "Icon/Feedback/Information"
+        : "Icon/Default"
 
   return (
     <div className={styles.container}>
diff --git a/packages/design-system/lib/components/Modal/ModalContentWithActions/index.tsx b/packages/design-system/lib/components/Modal/ModalContentWithActions/index.tsx
index 076381ee1..09d6c166e 100644
--- a/packages/design-system/lib/components/Modal/ModalContentWithActions/index.tsx
+++ b/packages/design-system/lib/components/Modal/ModalContentWithActions/index.tsx
@@ -1,10 +1,10 @@
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { OldDSButton as Button } from '../../OldDSButton'
-import Subtitle from '../../Subtitle'
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { OldDSButton as Button } from "../../OldDSButton"
+import Subtitle from "../../Subtitle"
 
-import styles from './modalContent.module.css'
+import styles from "./modalContent.module.css"
 
-import type { ReactNode } from 'react'
+import type { ReactNode } from "react"
 
 interface ModalContentProps {
   title?: string
@@ -12,14 +12,14 @@ interface ModalContentProps {
   primaryAction: {
     label: string
     onClick: () => void
-    intent?: 'primary' | 'secondary' | 'text'
+    intent?: "primary" | "secondary" | "text"
     isLoading?: boolean
     disabled?: boolean
   } | null
   secondaryAction: {
     label: string
     onClick: () => void
-    intent?: 'primary' | 'secondary' | 'text'
+    intent?: "primary" | "secondary" | "text"
   } | null
   onClose?: () => void
 }
@@ -46,7 +46,7 @@ export function ModalContentWithActions({
         {secondaryAction && (
           <Button
             theme="base"
-            intent={secondaryAction.intent ?? 'text'}
+            intent={secondaryAction.intent ?? "text"}
             color="burgundy"
             onClick={secondaryAction.onClick}
           >
@@ -56,7 +56,7 @@ export function ModalContentWithActions({
         {primaryAction && (
           <Button
             theme="base"
-            intent={primaryAction.intent ?? 'secondary'}
+            intent={primaryAction.intent ?? "secondary"}
             onClick={primaryAction.onClick}
             disabled={primaryAction.isLoading || primaryAction.disabled}
           >
diff --git a/packages/design-system/lib/components/Modal/index.tsx b/packages/design-system/lib/components/Modal/index.tsx
index 8c09c5f48..26defcf1e 100644
--- a/packages/design-system/lib/components/Modal/index.tsx
+++ b/packages/design-system/lib/components/Modal/index.tsx
@@ -1,28 +1,28 @@
-'use client'
+"use client"
 
-import { cx } from 'class-variance-authority'
-import { AnimatePresence, motion } from 'motion/react'
-import { type PropsWithChildren, useEffect, useState } from 'react'
+import { cx } from "class-variance-authority"
+import { AnimatePresence, motion } from "motion/react"
+import { type PropsWithChildren, useEffect, useState } from "react"
 import {
   Modal as AriaModal,
   Dialog,
   DialogTrigger,
   ModalOverlay,
-} from 'react-aria-components'
-import { useIntl } from 'react-intl'
+} from "react-aria-components"
+import { useIntl } from "react-intl"
 
 import {
   type AnimationState,
   AnimationStateEnum,
   type InnerModalProps,
   type ModalProps,
-} from './modal'
-import { fade, slideInOut } from './motionVariants'
-import { modalContentVariants } from './variants'
+} from "./modal"
+import { fade, slideInOut } from "./motionVariants"
+import { modalContentVariants } from "./variants"
 
-import { IconButton } from '../IconButton'
-import { Typography } from '../Typography'
-import styles from './modal.module.css'
+import { IconButton } from "../IconButton"
+import { Typography } from "../Typography"
+import styles from "./modal.module.css"
 
 const MotionOverlay = motion.create(ModalOverlay)
 const MotionModal = motion.create(AriaModal)
@@ -89,8 +89,8 @@ function InnerModal({
         <Dialog
           className={styles.dialog}
           aria-label={intl.formatMessage({
-            id: 'modal.dialog',
-            defaultMessage: 'Dialog',
+            id: "modal.dialog",
+            defaultMessage: "Dialog",
           })}
         >
           {({ close }) => (
@@ -119,8 +119,8 @@ function InnerModal({
                     className={styles.close}
                     type="button"
                     aria-label={intl.formatMessage({
-                      id: 'common.close',
-                      defaultMessage: 'Close',
+                      id: "common.close",
+                      defaultMessage: "Close",
                     })}
                     variant="Muted"
                     emphasis
@@ -149,15 +149,15 @@ export default function Modal({
   children,
   withActions = false,
   hideHeader = false,
-  className = '',
-  contentClassName = '',
+  className = "",
+  contentClassName = "",
 }: PropsWithChildren<ModalProps>) {
   const [animation, setAnimation] = useState<AnimationState>(
     AnimationStateEnum.visible
   )
 
   useEffect(() => {
-    if (typeof isOpen === 'boolean') {
+    if (typeof isOpen === "boolean") {
       setAnimation(
         isOpen ? AnimationStateEnum.visible : AnimationStateEnum.hidden
       )
diff --git a/packages/design-system/lib/components/Modal/modal.ts b/packages/design-system/lib/components/Modal/modal.ts
index 6b5bbd16a..f07fc2865 100644
--- a/packages/design-system/lib/components/Modal/modal.ts
+++ b/packages/design-system/lib/components/Modal/modal.ts
@@ -1,9 +1,9 @@
-import type { Dispatch, JSX, SetStateAction } from 'react'
+import type { Dispatch, JSX, SetStateAction } from "react"
 
 export enum AnimationStateEnum {
-  unmounted = 'unmounted',
-  hidden = 'hidden',
-  visible = 'visible',
+  unmounted = "unmounted",
+  hidden = "hidden",
+  visible = "visible",
 }
 
 export type AnimationState = keyof typeof AnimationStateEnum
@@ -31,7 +31,7 @@ export type ModalProps = {
     }
 )
 
-export type InnerModalProps = Omit<ModalProps, 'trigger'> & {
+export type InnerModalProps = Omit<ModalProps, "trigger"> & {
   animation: AnimationState
   setAnimation: Dispatch<SetStateAction<AnimationState>>
 }
diff --git a/packages/design-system/lib/components/Modal/motionVariants.ts b/packages/design-system/lib/components/Modal/motionVariants.ts
index 10beb16e0..4d35744f5 100644
--- a/packages/design-system/lib/components/Modal/motionVariants.ts
+++ b/packages/design-system/lib/components/Modal/motionVariants.ts
@@ -1,11 +1,11 @@
 export const fade = {
   hidden: {
     opacity: 0,
-    transition: { duration: 0.4, ease: 'easeInOut' as const },
+    transition: { duration: 0.4, ease: "easeInOut" as const },
   },
   visible: {
     opacity: 1,
-    transition: { duration: 0.4, ease: 'easeInOut' as const },
+    transition: { duration: 0.4, ease: "easeInOut" as const },
   },
 } as const
 
@@ -13,11 +13,11 @@ export const slideInOut = {
   hidden: {
     opacity: 0,
     y: 32,
-    transition: { duration: 0.4, ease: 'easeInOut' as const },
+    transition: { duration: 0.4, ease: "easeInOut" as const },
   },
   visible: {
     opacity: 1,
     y: 0,
-    transition: { duration: 0.4, ease: 'easeInOut' as const },
+    transition: { duration: 0.4, ease: "easeInOut" as const },
   },
 } as const
diff --git a/packages/design-system/lib/components/Modal/variants.ts b/packages/design-system/lib/components/Modal/variants.ts
index d9f8b68cc..fd2b3ac8b 100644
--- a/packages/design-system/lib/components/Modal/variants.ts
+++ b/packages/design-system/lib/components/Modal/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './modal.module.css'
+import styles from "./modal.module.css"
 
 const config = {
   variants: {
diff --git a/packages/design-system/lib/components/OldDSButton/index.tsx b/packages/design-system/lib/components/OldDSButton/index.tsx
index 827446315..fae70e39b 100644
--- a/packages/design-system/lib/components/OldDSButton/index.tsx
+++ b/packages/design-system/lib/components/OldDSButton/index.tsx
@@ -1,23 +1,25 @@
-'use client'
+"use client"
 
-import { Slot } from '@radix-ui/react-slot'
-import { Button as ButtonRAC } from 'react-aria-components'
+import { Slot } from "@radix-ui/react-slot"
+import { Button as ButtonRAC } from "react-aria-components"
 
-import { buttonVariants } from './variants'
+import { buttonVariants } from "./variants"
 
-import type { VariantProps } from 'class-variance-authority'
-import type { ButtonProps as ReactAriaButtonProps } from 'react-aria-components'
+import type { VariantProps } from "class-variance-authority"
+import type { ButtonProps as ReactAriaButtonProps } from "react-aria-components"
 
 export interface ButtonPropsRAC
-  extends Omit<ReactAriaButtonProps, 'isDisabled' | 'onClick'>,
+  extends
+    Omit<ReactAriaButtonProps, "isDisabled" | "onClick">,
     VariantProps<typeof buttonVariants> {
   asChild?: false | undefined | never
-  disabled?: ReactAriaButtonProps['isDisabled']
-  onClick?: ReactAriaButtonProps['onPress']
+  disabled?: ReactAriaButtonProps["isDisabled"]
+  onClick?: ReactAriaButtonProps["onPress"]
 }
 
 export interface ButtonPropsSlot
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
+  extends
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
     VariantProps<typeof buttonVariants> {
   asChild: true
 }
diff --git a/packages/design-system/lib/components/OldDSButton/variants.ts b/packages/design-system/lib/components/OldDSButton/variants.ts
index a09bd6a3e..85f2c7cf2 100644
--- a/packages/design-system/lib/components/OldDSButton/variants.ts
+++ b/packages/design-system/lib/components/OldDSButton/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './button.module.css'
+import styles from "./button.module.css"
 
 export const buttonVariants = cva(styles.btn, {
   variants: {
@@ -18,14 +18,14 @@ export const buttonVariants = cva(styles.btn, {
       large: styles.large,
     },
     theme: {
-      base: '',
-      primaryDark: '',
-      primaryStrong: '',
-      primaryLight: '',
-      secondaryLight: '',
-      secondaryDark: '',
-      tertiaryLight: '',
-      tertiaryDark: '',
+      base: "",
+      primaryDark: "",
+      primaryStrong: "",
+      primaryLight: "",
+      secondaryLight: "",
+      secondaryDark: "",
+      tertiaryLight: "",
+      tertiaryDark: "",
     },
     variant: {
       clean: styles.clean,
@@ -43,112 +43,112 @@ export const buttonVariants = cva(styles.btn, {
     },
   },
   defaultVariants: {
-    intent: 'primary',
-    size: 'medium',
-    theme: 'primaryLight',
-    variant: 'default',
+    intent: "primary",
+    size: "medium",
+    theme: "primaryLight",
+    variant: "default",
   },
 
   compoundVariants: [
     {
       className: styles.basePrimary,
-      intent: 'primary',
-      theme: 'base',
+      intent: "primary",
+      theme: "base",
     },
     {
       className: styles.baseSecondary,
-      intent: 'secondary',
-      theme: 'base',
+      intent: "secondary",
+      theme: "base",
     },
     {
       className: styles.baseTertiary,
-      intent: 'tertiary',
-      theme: 'base',
+      intent: "tertiary",
+      theme: "base",
     },
     {
       className: styles.baseInverted,
-      intent: 'inverted',
-      theme: 'base',
+      intent: "inverted",
+      theme: "base",
     },
     {
       className: styles.primaryDarkPrimary,
-      intent: 'primary',
-      theme: 'primaryDark',
+      intent: "primary",
+      theme: "primaryDark",
     },
     {
       className: styles.primaryDarkSecondary,
-      intent: 'secondary',
-      theme: 'primaryDark',
+      intent: "secondary",
+      theme: "primaryDark",
     },
     {
       className: styles.primaryLightPrimary,
-      intent: 'primary',
-      theme: 'primaryLight',
+      intent: "primary",
+      theme: "primaryLight",
     },
     {
       className: styles.primaryLightSecondary,
-      intent: 'secondary',
-      theme: 'primaryLight',
+      intent: "secondary",
+      theme: "primaryLight",
     },
     {
       className: styles.primaryStrongPrimary,
-      intent: 'primary',
-      theme: 'primaryStrong',
+      intent: "primary",
+      theme: "primaryStrong",
     },
     {
       className: styles.primaryStrongSecondary,
-      intent: 'secondary',
-      theme: 'primaryStrong',
+      intent: "secondary",
+      theme: "primaryStrong",
     },
     {
       className: styles.secondaryDarkPrimary,
-      intent: 'primary',
-      theme: 'secondaryDark',
+      intent: "primary",
+      theme: "secondaryDark",
     },
     {
       className: styles.secondaryDarkSecondary,
-      intent: 'secondary',
-      theme: 'secondaryDark',
+      intent: "secondary",
+      theme: "secondaryDark",
     },
     {
       className: styles.secondaryLightPrimary,
-      intent: 'primary',
-      theme: 'secondaryLight',
+      intent: "primary",
+      theme: "secondaryLight",
     },
     {
       className: styles.secondaryLightSecondary,
-      intent: 'secondary',
-      theme: 'secondaryLight',
+      intent: "secondary",
+      theme: "secondaryLight",
     },
     {
       className: styles.tertiaryDarkPrimary,
-      intent: 'primary',
-      theme: 'tertiaryDark',
+      intent: "primary",
+      theme: "tertiaryDark",
     },
     {
       className: styles.tertiaryDarkSecondary,
-      intent: 'secondary',
-      theme: 'tertiaryDark',
+      intent: "secondary",
+      theme: "tertiaryDark",
     },
     {
       className: styles.tertiaryLightPrimary,
-      intent: 'primary',
-      theme: 'tertiaryLight',
+      intent: "primary",
+      theme: "tertiaryLight",
     },
     {
       className: styles.tertiaryLightSecondary,
-      intent: 'secondary',
-      theme: 'tertiaryLight',
+      intent: "secondary",
+      theme: "tertiaryLight",
     },
     {
       className: styles.baseText,
-      intent: 'text',
-      theme: 'base',
+      intent: "text",
+      theme: "base",
     },
     {
       className: styles.baseTextInverted,
-      intent: 'textInverted',
-      theme: 'base',
+      intent: "textInverted",
+      theme: "base",
     },
   ],
 })
diff --git a/packages/design-system/lib/components/OldDSLink/index.tsx b/packages/design-system/lib/components/OldDSLink/index.tsx
index bc5e999c1..b6c03248c 100644
--- a/packages/design-system/lib/components/OldDSLink/index.tsx
+++ b/packages/design-system/lib/components/OldDSLink/index.tsx
@@ -1,12 +1,12 @@
-'use client'
-import NextLink from 'next/link'
-import { usePathname, useSearchParams } from 'next/navigation'
-import { useMemo } from 'react'
+"use client"
+import NextLink from "next/link"
+import { usePathname, useSearchParams } from "next/navigation"
+import { useMemo } from "react"
 
-import { linkVariants } from './variants'
+import { linkVariants } from "./variants"
 
-import type { LinkProps } from './link'
-import { useIntl } from 'react-intl'
+import type { LinkProps } from "./link"
+import { useIntl } from "react-intl"
 
 export { LinkProps }
 
@@ -58,8 +58,8 @@ export default function Link({
     const newPath = href
 
     if (keepSearchParams && searchParams.size) {
-      if (newPath.includes('?')) {
-        const newPathParts = newPath.split('?')
+      if (newPath.includes("?")) {
+        const newPathParts = newPath.split("?")
         const newSearchParams = new URLSearchParams(newPathParts[1])
         searchParams.forEach((v, k) => {
           if (!newSearchParams.has(k)) {
@@ -81,12 +81,12 @@ export default function Link({
     href: fullUrl,
     className: classNames,
     title:
-      props.target === '_blank'
+      props.target === "_blank"
         ? intl.formatMessage({
-            id: 'common.linkOpenInNewTab',
-            defaultMessage: 'Opens in a new tab/window',
+            id: "common.linkOpenInNewTab",
+            defaultMessage: "Opens in a new tab/window",
           })
-        : '',
+        : "",
   }
 
   return isExternal ? (
@@ -112,7 +112,7 @@ export default function Link({
 
 const useCheckIfExternalLink = (url: string) => {
   return useMemo(() => {
-    if (typeof window !== 'undefined' && url?.length) {
+    if (typeof window !== "undefined" && url?.length) {
       try {
         const hostName = window.location.hostname
         const newURL = new URL(url)
diff --git a/packages/design-system/lib/components/OldDSLink/link.ts b/packages/design-system/lib/components/OldDSLink/link.ts
index 7c060abac..4ca7160a5 100644
--- a/packages/design-system/lib/components/OldDSLink/link.ts
+++ b/packages/design-system/lib/components/OldDSLink/link.ts
@@ -1,9 +1,10 @@
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import type { linkVariants } from './variants'
+import type { linkVariants } from "./variants"
 
 export interface LinkProps
-  extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'>,
+  extends
+    Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "color">,
     VariantProps<typeof linkVariants> {
   href: string
   scroll?: boolean
diff --git a/packages/design-system/lib/components/OldDSLink/variants.ts b/packages/design-system/lib/components/OldDSLink/variants.ts
index 0ad4dff94..3edb79c02 100644
--- a/packages/design-system/lib/components/OldDSLink/variants.ts
+++ b/packages/design-system/lib/components/OldDSLink/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './link.module.css'
+import styles from "./link.module.css"
 
 export const linkVariants = cva(styles.link, {
   variants: {
@@ -8,18 +8,18 @@ export const linkVariants = cva(styles.link, {
       true: styles.active,
     },
     color: {
-      none: '',
+      none: "",
       peach50: styles.peach50,
       white: styles.white,
       red: styles.red,
-      'Text/Interactive/Default': styles['Text-Interactive-Default'],
-      'Text/Interactive/Secondary': styles['Text-Interactive-Secondary'],
+      "Text/Interactive/Default": styles["Text-Interactive-Default"],
+      "Text/Interactive/Secondary": styles["Text-Interactive-Secondary"],
     },
     size: {
       small: styles.small,
       large: styles.large,
       tiny: styles.tiny,
-      none: '',
+      none: "",
     },
     textDecoration: {
       underline: styles.underline,
@@ -38,7 +38,7 @@ export const linkVariants = cva(styles.link, {
     },
   },
   defaultVariants: {
-    color: 'Text/Interactive/Default',
-    size: 'large',
+    color: "Text/Interactive/Default",
+    size: "large",
   },
 })
diff --git a/packages/design-system/lib/components/OpeningHours/AlternateOpeningHours/index.tsx b/packages/design-system/lib/components/OpeningHours/AlternateOpeningHours/index.tsx
index 6d1ec1314..aee1e764b 100644
--- a/packages/design-system/lib/components/OpeningHours/AlternateOpeningHours/index.tsx
+++ b/packages/design-system/lib/components/OpeningHours/AlternateOpeningHours/index.tsx
@@ -1,14 +1,14 @@
-'use client'
+"use client"
 
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import { Divider } from '../../Divider'
-import { Typography } from '../../Typography'
+import { Divider } from "../../Divider"
+import { Typography } from "../../Typography"
 
-import { getGroupedOpeningHours } from '../utils'
+import { getGroupedOpeningHours } from "../utils"
 
-import styles from '../openingHours.module.css'
-import type { AlternateOpeningHours } from '../openingHoursTypes'
+import styles from "../openingHours.module.css"
+import type { AlternateOpeningHours } from "../openingHoursTypes"
 
 interface AlternateOpeningHoursProps {
   alternateOpeningHours: AlternateOpeningHours
@@ -38,8 +38,8 @@ export default function AlternateOpeningHours({
         <h5 className={styles.heading}>
           {intl.formatMessage(
             {
-              id: 'openingHours.alternateOpeningHours',
-              defaultMessage: 'Alternate opening hours ({name})',
+              id: "openingHours.alternateOpeningHours",
+              defaultMessage: "Alternate opening hours ({name})",
             },
             { name: alternateOpeningHours.name }
           )}
diff --git a/packages/design-system/lib/components/OpeningHours/index.tsx b/packages/design-system/lib/components/OpeningHours/index.tsx
index 55279a589..898953dab 100644
--- a/packages/design-system/lib/components/OpeningHours/index.tsx
+++ b/packages/design-system/lib/components/OpeningHours/index.tsx
@@ -1,18 +1,18 @@
-'use client'
+"use client"
 
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import { Divider } from '../Divider'
-import { Typography } from '../Typography'
+import { Divider } from "../Divider"
+import { Typography } from "../Typography"
 
-import AlternateOpeningHours from './AlternateOpeningHours'
-import { getGroupedOpeningHours, getTranslatedName } from './utils'
+import AlternateOpeningHours from "./AlternateOpeningHours"
+import { getGroupedOpeningHours, getTranslatedName } from "./utils"
 
-import styles from './openingHours.module.css'
+import styles from "./openingHours.module.css"
 import type {
   OpeningHours,
   AlternateOpeningHours as AlternateOpeningHoursType,
-} from './openingHoursTypes'
+} from "./openingHoursTypes"
 
 interface OpeningHoursProps {
   openingHours: OpeningHours
diff --git a/packages/design-system/lib/components/OpeningHours/openingHours.test.ts b/packages/design-system/lib/components/OpeningHours/openingHours.test.ts
index 9dfe710d0..190509ef2 100644
--- a/packages/design-system/lib/components/OpeningHours/openingHours.test.ts
+++ b/packages/design-system/lib/components/OpeningHours/openingHours.test.ts
@@ -1,187 +1,187 @@
-import { describe, expect, it } from 'vitest'
+import { describe, expect, it } from "vitest"
 
-import { getGroupedOpeningHours } from './utils'
+import { getGroupedOpeningHours } from "./utils"
 
-import type { IntlShape } from 'react-intl'
-import { OpeningHours } from './openingHoursTypes'
+import type { IntlShape } from "react-intl"
+import { OpeningHours } from "./openingHoursTypes"
 
 // Mock IntlShape for testing
 const mockIntl = {
   formatMessage: ({ defaultMessage }: { defaultMessage: string }) => {
     const messages: Record<string, string> = {
-      Monday: 'Monday',
-      Tuesday: 'Tuesday',
-      Wednesday: 'Wednesday',
-      Thursday: 'Thursday',
-      Friday: 'Friday',
-      Saturday: 'Saturday',
-      Sunday: 'Sunday',
-      Closed: 'Closed',
-      'Always open': 'Always open',
+      Monday: "Monday",
+      Tuesday: "Tuesday",
+      Wednesday: "Wednesday",
+      Thursday: "Thursday",
+      Friday: "Friday",
+      Saturday: "Saturday",
+      Sunday: "Sunday",
+      Closed: "Closed",
+      "Always open": "Always open",
     }
     return messages[defaultMessage] || defaultMessage
   },
 } as IntlShape
 
-describe('getGroupedOpeningHours', () => {
-  it('should group all days as closed', () => {
+describe("getGroupedOpeningHours", () => {
+  it("should group all days as closed", () => {
     const allDaysClosed: OpeningHours = {
       isActive: true,
-      nameEnglish: 'Opening hours',
+      nameEnglish: "Opening hours",
       monday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 1,
       },
       tuesday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 2,
       },
       wednesday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 3,
       },
       thursday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 4,
       },
       friday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 5,
       },
       saturday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 6,
       },
       sunday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 7,
       },
     }
     const result = getGroupedOpeningHours(allDaysClosed, mockIntl)
-    expect(result).toEqual(['Monday-Sunday: Closed'])
+    expect(result).toEqual(["Monday-Sunday: Closed"])
   })
 
-  it('should group all days with same opening hours', () => {
+  it("should group all days with same opening hours", () => {
     const allDaysSameHours: OpeningHours = {
       isActive: true,
-      nameEnglish: 'Opening hours',
+      nameEnglish: "Opening hours",
       monday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 1,
       },
       tuesday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 2,
       },
       wednesday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 3,
       },
       thursday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 4,
       },
       friday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 5,
       },
       saturday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 6,
       },
       sunday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 7,
       },
     }
     const result = getGroupedOpeningHours(allDaysSameHours, mockIntl)
-    expect(result).toEqual(['Monday-Sunday: 09:00-17:00'])
+    expect(result).toEqual(["Monday-Sunday: 09:00-17:00"])
   })
 
-  it('should handle mixed opening hours', () => {
+  it("should handle mixed opening hours", () => {
     const mixedOpeningHours: OpeningHours = {
       isActive: true,
-      nameEnglish: 'Opening hours',
+      nameEnglish: "Opening hours",
       monday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 1,
       },
       tuesday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 2,
       },
       wednesday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 3,
       },
       thursday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 4,
       },
       friday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 5,
       },
       saturday: {
-        openingTime: '10:00',
-        closingTime: '15:00',
+        openingTime: "10:00",
+        closingTime: "15:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 6,
@@ -189,54 +189,54 @@ describe('getGroupedOpeningHours', () => {
       sunday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 7,
       },
     }
     const result = getGroupedOpeningHours(mixedOpeningHours, mockIntl)
     expect(result).toEqual([
-      'Monday-Friday: 09:00-17:00',
-      'Saturday: 10:00-15:00',
-      'Sunday: Closed',
+      "Monday-Friday: 09:00-17:00",
+      "Saturday: 10:00-15:00",
+      "Sunday: Closed",
     ])
   })
 
-  it('should handle always open days', () => {
+  it("should handle always open days", () => {
     const someAlwaysOpen: OpeningHours = {
       isActive: true,
-      nameEnglish: 'Opening hours',
+      nameEnglish: "Opening hours",
       monday: {
         alwaysOpen: true,
         isClosed: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 1,
       },
       tuesday: {
         alwaysOpen: true,
         isClosed: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 2,
       },
       wednesday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 3,
       },
       thursday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 4,
       },
       friday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 5,
@@ -244,47 +244,47 @@ describe('getGroupedOpeningHours', () => {
       saturday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 6,
       },
       sunday: {
         isClosed: true,
         alwaysOpen: false,
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         sortOrder: 7,
       },
     }
     const result = getGroupedOpeningHours(someAlwaysOpen, mockIntl)
     expect(result).toEqual([
-      'Monday-Tuesday: Always open',
-      'Wednesday-Friday: 09:00-17:00',
-      'Saturday-Sunday: Closed',
+      "Monday-Tuesday: Always open",
+      "Wednesday-Friday: 09:00-17:00",
+      "Saturday-Sunday: Closed",
     ])
   })
 
-  it('should handle missing days', () => {
+  it("should handle missing days", () => {
     const missingDays: OpeningHours = {
       isActive: true,
-      nameEnglish: 'Opening hours',
+      nameEnglish: "Opening hours",
       monday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 1,
       },
       wednesday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 3,
       },
       friday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 5,
@@ -292,33 +292,33 @@ describe('getGroupedOpeningHours', () => {
     }
     const result = getGroupedOpeningHours(missingDays, mockIntl)
     expect(result).toEqual([
-      'Monday: 09:00-17:00',
-      'Wednesday: 09:00-17:00',
-      'Friday: 09:00-17:00',
+      "Monday: 09:00-17:00",
+      "Wednesday: 09:00-17:00",
+      "Friday: 09:00-17:00",
     ])
   })
 
-  it('should not group non-consecutive days with same hours', () => {
+  it("should not group non-consecutive days with same hours", () => {
     const nonConsecutiveSameHours: OpeningHours = {
       isActive: true,
-      nameEnglish: 'Opening hours',
+      nameEnglish: "Opening hours",
       monday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 1,
       },
       tuesday: {
-        openingTime: '10:00',
-        closingTime: '18:00',
+        openingTime: "10:00",
+        closingTime: "18:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 2,
       },
       wednesday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 3,
@@ -326,33 +326,33 @@ describe('getGroupedOpeningHours', () => {
     }
     const result = getGroupedOpeningHours(nonConsecutiveSameHours, mockIntl)
     expect(result).toEqual([
-      'Monday: 09:00-17:00',
-      'Tuesday: 10:00-18:00',
-      'Wednesday: 09:00-17:00',
+      "Monday: 09:00-17:00",
+      "Tuesday: 10:00-18:00",
+      "Wednesday: 09:00-17:00",
     ])
   })
 
-  it('should handle nullable opening/closing times', () => {
+  it("should handle nullable opening/closing times", () => {
     const nullableHours: OpeningHours = {
       isActive: true,
-      nameEnglish: 'Opening hours',
+      nameEnglish: "Opening hours",
       monday: {
-        openingTime: '',
-        closingTime: '',
+        openingTime: "",
+        closingTime: "",
         isClosed: true,
         alwaysOpen: false,
         sortOrder: 1,
       },
       tuesday: {
-        openingTime: '09:00',
-        closingTime: '',
+        openingTime: "09:00",
+        closingTime: "",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 2,
       },
       wednesday: {
-        openingTime: '',
-        closingTime: '17:00',
+        openingTime: "",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 3,
@@ -360,26 +360,26 @@ describe('getGroupedOpeningHours', () => {
     }
     const result = getGroupedOpeningHours(nullableHours, mockIntl)
     expect(result).toEqual([
-      'Monday: Closed',
+      "Monday: Closed",
       // Tuesday and Wednesday won't appear in the result because they have empty string values
       // that don't match any of the conditions in the getGroupedOpeningHours function
     ])
   })
 
-  it('should handle inactive restaurant hours', () => {
+  it("should handle inactive restaurant hours", () => {
     const inactiveHours: OpeningHours = {
       isActive: false,
-      nameEnglish: 'Opening hours',
+      nameEnglish: "Opening hours",
       monday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 1,
       },
       tuesday: {
-        openingTime: '09:00',
-        closingTime: '17:00',
+        openingTime: "09:00",
+        closingTime: "17:00",
         isClosed: false,
         alwaysOpen: false,
         sortOrder: 2,
@@ -388,6 +388,6 @@ describe('getGroupedOpeningHours', () => {
     // Even though isActive is false, the function should still process the hours
     // as it doesn't check for the isActive flag
     const result = getGroupedOpeningHours(inactiveHours, mockIntl)
-    expect(result).toEqual(['Monday-Tuesday: 09:00-17:00'])
+    expect(result).toEqual(["Monday-Tuesday: 09:00-17:00"])
   })
 })
diff --git a/packages/design-system/lib/components/OpeningHours/utils.ts b/packages/design-system/lib/components/OpeningHours/utils.ts
index 0b5f695b1..8eceb6d01 100644
--- a/packages/design-system/lib/components/OpeningHours/utils.ts
+++ b/packages/design-system/lib/components/OpeningHours/utils.ts
@@ -1,70 +1,70 @@
-import { logger } from '@scandic-hotels/common/logger'
+import { logger } from "@scandic-hotels/common/logger"
 
-import type { IntlShape } from 'react-intl'
-import type { AlternateOpeningHours, OpeningHours } from './openingHoursTypes'
+import type { IntlShape } from "react-intl"
+import type { AlternateOpeningHours, OpeningHours } from "./openingHoursTypes"
 
 export function getGroupedOpeningHours(
   openingHours: OpeningHours | AlternateOpeningHours,
   intl: IntlShape
 ): string[] {
   const closedMsg = intl.formatMessage({
-    id: 'openingHours.closed',
-    defaultMessage: 'Closed',
+    id: "openingHours.closed",
+    defaultMessage: "Closed",
   })
   const alwaysOpenMsg = intl.formatMessage({
-    id: 'openingHours.alwaysOpen',
-    defaultMessage: 'Always open',
+    id: "openingHours.alwaysOpen",
+    defaultMessage: "Always open",
   })
 
   // In order
   const weekdayDefinitions = [
     {
-      key: 'monday',
+      key: "monday",
       label: intl.formatMessage({
-        id: 'common.monday',
-        defaultMessage: 'Monday',
+        id: "common.monday",
+        defaultMessage: "Monday",
       }),
     },
     {
-      key: 'tuesday',
+      key: "tuesday",
       label: intl.formatMessage({
-        id: 'common.tuesday',
-        defaultMessage: 'Tuesday',
+        id: "common.tuesday",
+        defaultMessage: "Tuesday",
       }),
     },
     {
-      key: 'wednesday',
+      key: "wednesday",
       label: intl.formatMessage({
-        id: 'common.wednesday',
-        defaultMessage: 'Wednesday',
+        id: "common.wednesday",
+        defaultMessage: "Wednesday",
       }),
     },
     {
-      key: 'thursday',
+      key: "thursday",
       label: intl.formatMessage({
-        id: 'common.thursday',
-        defaultMessage: 'Thursday',
+        id: "common.thursday",
+        defaultMessage: "Thursday",
       }),
     },
     {
-      key: 'friday',
+      key: "friday",
       label: intl.formatMessage({
-        id: 'common.friday',
-        defaultMessage: 'Friday',
+        id: "common.friday",
+        defaultMessage: "Friday",
       }),
     },
     {
-      key: 'saturday',
+      key: "saturday",
       label: intl.formatMessage({
-        id: 'common.saturday',
-        defaultMessage: 'Saturday',
+        id: "common.saturday",
+        defaultMessage: "Saturday",
       }),
     },
     {
-      key: 'sunday',
+      key: "sunday",
       label: intl.formatMessage({
-        id: 'common.sunday',
-        defaultMessage: 'Sunday',
+        id: "common.sunday",
+        defaultMessage: "Sunday",
       }),
     },
   ] as const
@@ -72,7 +72,7 @@ export function getGroupedOpeningHours(
   const groupedOpeningHours: string[] = []
 
   let rangeWeekdays: string[] = []
-  let rangeValue = ''
+  let rangeValue = ""
 
   for (let i = 0, n = weekdayDefinitions.length; i < n; ++i) {
     const weekdayDefinition = weekdayDefinitions[i]
@@ -100,7 +100,7 @@ export function getGroupedOpeningHours(
         } else {
           if (rangeValue) {
             groupedOpeningHours.push(
-              `${rangeWeekdays.join('-')}: ${rangeValue}`
+              `${rangeWeekdays.join("-")}: ${rangeValue}`
             )
           }
           rangeValue = newValue
@@ -109,11 +109,11 @@ export function getGroupedOpeningHours(
       }
       if (rangeValue && i === n - 1) {
         // Flush everything at the end
-        groupedOpeningHours.push(`${rangeWeekdays.join('-')}: ${rangeValue}`)
+        groupedOpeningHours.push(`${rangeWeekdays.join("-")}: ${rangeValue}`)
       }
     } else if (rangeValue) {
-      groupedOpeningHours.push(`${rangeWeekdays.join('-')}: ${rangeValue}`)
-      rangeValue = ''
+      groupedOpeningHours.push(`${rangeWeekdays.join("-")}: ${rangeValue}`)
+      rangeValue = ""
       rangeWeekdays = []
     }
   }
@@ -123,72 +123,72 @@ export function getGroupedOpeningHours(
 export function getTranslatedName(name: string, intl: IntlShape) {
   const lowercaseName = name.toLowerCase()
   switch (lowercaseName) {
-    case 'breakfast':
+    case "breakfast":
       return intl.formatMessage({
-        id: 'common.breakfast',
-        defaultMessage: 'Breakfast',
+        id: "common.breakfast",
+        defaultMessage: "Breakfast",
       })
-    case 'brunch':
+    case "brunch":
       return intl.formatMessage({
-        id: 'common.brunch',
-        defaultMessage: 'Brunch',
+        id: "common.brunch",
+        defaultMessage: "Brunch",
       })
-    case 'after work':
+    case "after work":
       return intl.formatMessage({
-        id: 'common.afterwork',
-        defaultMessage: 'After Work',
+        id: "common.afterwork",
+        defaultMessage: "After Work",
       })
-    case 'cafe':
+    case "cafe":
       return intl.formatMessage({
-        id: 'common.cafe',
-        defaultMessage: 'Café',
+        id: "common.cafe",
+        defaultMessage: "Café",
       })
-    case 'lunch':
+    case "lunch":
       return intl.formatMessage({
-        id: 'common.lunch',
-        defaultMessage: 'Lunch',
+        id: "common.lunch",
+        defaultMessage: "Lunch",
       })
-    case 'dinner':
+    case "dinner":
       return intl.formatMessage({
-        id: 'common.dinner',
-        defaultMessage: 'Dinner',
+        id: "common.dinner",
+        defaultMessage: "Dinner",
       })
-    case 'bar':
+    case "bar":
       return intl.formatMessage({
-        id: 'common.bar',
-        defaultMessage: 'Bar',
+        id: "common.bar",
+        defaultMessage: "Bar",
       })
-    case 'snacks & drinks':
+    case "snacks & drinks":
       return intl.formatMessage({
-        id: 'common.snacks&drinks',
-        defaultMessage: 'Snacks & drinks',
+        id: "common.snacks&drinks",
+        defaultMessage: "Snacks & drinks",
       })
-    case 'takeaway':
+    case "takeaway":
       return intl.formatMessage({
-        id: 'common.takeaway',
-        defaultMessage: 'Takeaway',
+        id: "common.takeaway",
+        defaultMessage: "Takeaway",
       })
-    case 'changes':
+    case "changes":
       return intl.formatMessage({
-        id: 'common.changes',
-        defaultMessage: 'Changes',
+        id: "common.changes",
+        defaultMessage: "Changes",
       })
-    case 'live events':
+    case "live events":
       return intl.formatMessage({
-        id: 'common.liveEvents',
-        defaultMessage: 'Live events',
+        id: "common.liveEvents",
+        defaultMessage: "Live events",
       })
-    case 'terrace':
+    case "terrace":
       return intl.formatMessage({
-        id: 'common.terrace',
-        defaultMessage: 'Terrace',
+        id: "common.terrace",
+        defaultMessage: "Terrace",
       })
     default:
       logger.warn(`Unsupported name given: ${name}`)
 
       return intl.formatMessage({
-        id: 'common.NA',
-        defaultMessage: 'N/A',
+        id: "common.NA",
+        defaultMessage: "N/A",
       })
   }
 }
diff --git a/packages/design-system/lib/components/ParkingInformation/ParkingList/index.tsx b/packages/design-system/lib/components/ParkingInformation/ParkingList/index.tsx
index 02235b628..83764ebe0 100644
--- a/packages/design-system/lib/components/ParkingInformation/ParkingList/index.tsx
+++ b/packages/design-system/lib/components/ParkingInformation/ParkingList/index.tsx
@@ -1,20 +1,20 @@
-'use client'
+"use client"
 
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import { Typography } from '../../Typography'
+import { Typography } from "../../Typography"
 
-import styles from './parkingList.module.css'
+import styles from "./parkingList.module.css"
 
-import type { Parking } from '../parkingInformationTypes'
+import type { Parking } from "../parkingInformationTypes"
 
 type ParkingListProps = Pick<
   Parking,
-  | 'address'
-  | 'canMakeReservation'
-  | 'distanceToHotel'
-  | 'numberOfChargingSpaces'
-  | 'numberOfParkingSpots'
+  | "address"
+  | "canMakeReservation"
+  | "distanceToHotel"
+  | "numberOfChargingSpaces"
+  | "numberOfParkingSpots"
 >
 
 export default function ParkingList({
@@ -27,12 +27,12 @@ export default function ParkingList({
   const intl = useIntl()
 
   const canMakeReservationYesMsg = intl.formatMessage({
-    id: 'parkingInformation.reservedInAdvanceYes',
-    defaultMessage: 'Parking can be reserved in advance: Yes',
+    id: "parkingInformation.reservedInAdvanceYes",
+    defaultMessage: "Parking can be reserved in advance: Yes",
   })
   const canMakeReservationNoMsg = intl.formatMessage({
-    id: 'parkingInformation.reservedInAdvanceNo',
-    defaultMessage: 'Parking can be reserved in advance: No',
+    id: "parkingInformation.reservedInAdvanceNo",
+    defaultMessage: "Parking can be reserved in advance: No",
   })
 
   return (
@@ -42,9 +42,9 @@ export default function ParkingList({
           <li className={styles.listItem}>
             {intl.formatMessage(
               {
-                id: 'parkingInformation.numberOfChargingPoints',
+                id: "parkingInformation.numberOfChargingPoints",
                 defaultMessage:
-                  'Number of charging points for electric cars: {number}',
+                  "Number of charging points for electric cars: {number}",
               },
               { number: numberOfChargingSpaces }
             )}
@@ -59,8 +59,8 @@ export default function ParkingList({
           <li className={styles.listItem}>
             {intl.formatMessage(
               {
-                id: 'parkingInformation.numberOfParkingSpots',
-                defaultMessage: 'Number of parking spots: {number}',
+                id: "parkingInformation.numberOfParkingSpots",
+                defaultMessage: "Number of parking spots: {number}",
               },
               { number: numberOfParkingSpots }
             )}
@@ -70,8 +70,8 @@ export default function ParkingList({
           <li className={styles.listItem}>
             {intl.formatMessage(
               {
-                id: 'parkingInformation.distanceToHotel',
-                defaultMessage: 'Distance to hotel: {distanceInM} m',
+                id: "parkingInformation.distanceToHotel",
+                defaultMessage: "Distance to hotel: {distanceInM} m",
               },
               { distanceInM: distanceToHotel }
             )}
@@ -81,8 +81,8 @@ export default function ParkingList({
           <li className={styles.listItem}>
             {intl.formatMessage(
               {
-                id: 'parkingInformation.address',
-                defaultMessage: 'Address: {address}',
+                id: "parkingInformation.address",
+                defaultMessage: "Address: {address}",
               },
               { address }
             )}
diff --git a/packages/design-system/lib/components/ParkingInformation/ParkingList/parkingList.module.css b/packages/design-system/lib/components/ParkingInformation/ParkingList/parkingList.module.css
index 691b2c5b0..fa184d34b 100644
--- a/packages/design-system/lib/components/ParkingInformation/ParkingList/parkingList.module.css
+++ b/packages/design-system/lib/components/ParkingInformation/ParkingList/parkingList.module.css
@@ -9,7 +9,7 @@
   gap: var(--Space-x1);
 
   &::before {
-    content: '';
+    content: "";
     position: relative;
     top: 3px;
     display: inline-flex;
@@ -17,7 +17,7 @@
     width: 16px;
     height: 16px;
     background-color: var(--Icon-Accent);
-    mask-image: url('/_static/shared/icons/heart.svg');
+    mask-image: url("/_static/shared/icons/heart.svg");
     mask-size: contain;
     mask-repeat: no-repeat;
   }
diff --git a/packages/design-system/lib/components/ParkingInformation/ParkingPrices/index.tsx b/packages/design-system/lib/components/ParkingInformation/ParkingPrices/index.tsx
index 488269612..c801c2f62 100644
--- a/packages/design-system/lib/components/ParkingInformation/ParkingPrices/index.tsx
+++ b/packages/design-system/lib/components/ParkingInformation/ParkingPrices/index.tsx
@@ -1,24 +1,25 @@
-'use client'
+"use client"
 
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import { Typography } from '../../Typography'
+import { Typography } from "../../Typography"
 
-import { formatPrice } from '@scandic-hotels/common/utils/numberFormatting'
+import { formatPrice } from "@scandic-hotels/common/utils/numberFormatting"
 
-import { type Parking, ParkingPricePeriods } from '../parkingInformationTypes'
-import { getPeriod } from './utils'
+import { type Parking, ParkingPricePeriods } from "../parkingInformationTypes"
+import { getPeriod } from "./utils"
 
-import styles from './parkingPrices.module.css'
+import styles from "./parkingPrices.module.css"
 
 interface ParkingPricesProps
-  extends Pick<Parking['pricing'], 'freeParking'>,
-    Pick<NonNullable<Parking['pricing']['localCurrency']>, 'currency'> {
-  pricing: NonNullable<Parking['pricing']['localCurrency']>['ordinary']
+  extends
+    Pick<Parking["pricing"], "freeParking">,
+    Pick<NonNullable<Parking["pricing"]["localCurrency"]>, "currency"> {
+  pricing: NonNullable<Parking["pricing"]["localCurrency"]>["ordinary"]
 }
 
 export default function ParkingPrices({
-  currency = '',
+  currency = "",
   freeParking,
   pricing,
 }: ParkingPricesProps) {
@@ -29,8 +30,8 @@ export default function ParkingPrices({
       <Typography variant="Body/Paragraph/mdBold">
         <p className={styles.wrapper}>
           {intl.formatMessage({
-            id: 'parkingInformation.freeParking',
-            defaultMessage: 'Free parking',
+            id: "parkingInformation.freeParking",
+            defaultMessage: "Free parking",
           })}
         </p>
       </Typography>
@@ -45,13 +46,13 @@ export default function ParkingPrices({
         <div className={styles.period}>
           <div className={styles.information}>
             <Typography variant="Body/Paragraph/mdBold">
-              <dt>{getPeriod(intl, 'Hour')}</dt>
+              <dt>{getPeriod(intl, "Hour")}</dt>
             </Typography>
             <Typography variant="Body/Paragraph/mdRegular">
               <dd>
                 {intl.formatMessage({
-                  id: 'parkingInformation.atACost',
-                  defaultMessage: 'At a cost',
+                  id: "parkingInformation.atACost",
+                  defaultMessage: "At a cost",
                 })}
               </dd>
             </Typography>
@@ -78,8 +79,8 @@ export default function ParkingPrices({
               <div className={styles.information}>
                 <dt>
                   {intl.formatMessage({
-                    id: 'common.from',
-                    defaultMessage: 'From',
+                    id: "common.from",
+                    defaultMessage: "From",
                   })}
                 </dt>
                 {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
diff --git a/packages/design-system/lib/components/ParkingInformation/ParkingPrices/utils.ts b/packages/design-system/lib/components/ParkingInformation/ParkingPrices/utils.ts
index ce651baf3..525eb1ab7 100644
--- a/packages/design-system/lib/components/ParkingInformation/ParkingPrices/utils.ts
+++ b/packages/design-system/lib/components/ParkingInformation/ParkingPrices/utils.ts
@@ -1,28 +1,28 @@
-import { ParkingPricePeriods } from '../parkingInformationTypes'
+import { ParkingPricePeriods } from "../parkingInformationTypes"
 
-import type { IntlShape } from 'react-intl'
+import type { IntlShape } from "react-intl"
 
 export function getPeriod(intl: IntlShape, period?: string) {
   switch (period) {
     case ParkingPricePeriods.hour:
       return intl.formatMessage({
-        id: 'parkingInformation.pricePerHour',
-        defaultMessage: 'Price per hour',
+        id: "parkingInformation.pricePerHour",
+        defaultMessage: "Price per hour",
       })
     case ParkingPricePeriods.day:
       return intl.formatMessage({
-        id: 'parkingInformation.pricePerDay',
-        defaultMessage: 'Price per day',
+        id: "parkingInformation.pricePerDay",
+        defaultMessage: "Price per day",
       })
     case ParkingPricePeriods.night:
       return intl.formatMessage({
-        id: 'parkingInformation.pricePerNight',
-        defaultMessage: 'Price per night',
+        id: "parkingInformation.pricePerNight",
+        defaultMessage: "Price per night",
       })
     case ParkingPricePeriods.allDay:
       return intl.formatMessage({
-        id: 'parkingInformation.pricePer24Hours',
-        defaultMessage: 'Price per 24 hours',
+        id: "parkingInformation.pricePer24Hours",
+        defaultMessage: "Price per 24 hours",
       })
     default:
       return period
diff --git a/packages/design-system/lib/components/ParkingInformation/index.tsx b/packages/design-system/lib/components/ParkingInformation/index.tsx
index 4e6456aae..0750dd154 100644
--- a/packages/design-system/lib/components/ParkingInformation/index.tsx
+++ b/packages/design-system/lib/components/ParkingInformation/index.tsx
@@ -1,17 +1,17 @@
-'use client'
+"use client"
 
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import ButtonLink from '../ButtonLink'
-import { Divider } from '../Divider'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
-import ParkingList from './ParkingList'
-import ParkingPrices from './ParkingPrices'
+import ButtonLink from "../ButtonLink"
+import { Divider } from "../Divider"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
+import ParkingList from "./ParkingList"
+import ParkingPrices from "./ParkingPrices"
 
-import styles from './parkingInformation.module.css'
+import styles from "./parkingInformation.module.css"
 
-import type { Parking } from './parkingInformationTypes'
+import type { Parking } from "./parkingInformationTypes"
 
 type ParkingInformationProps = {
   parking: Parking
@@ -23,7 +23,7 @@ export default function ParkingInformation({
   showExternalParkingButton = true,
 }: ParkingInformationProps) {
   const intl = useIntl()
-  const title = `${parking.type}${parking.name ? ` (${parking.name})` : ''}`
+  const title = `${parking.type}${parking.name ? ` (${parking.name})` : ""}`
 
   return (
     <div className={styles.parkingInformation}>
@@ -43,8 +43,8 @@ export default function ParkingInformation({
         <Typography variant="Body/Paragraph/mdBold">
           <h5 className={styles.heading}>
             {intl.formatMessage({
-              id: 'parkingInformation.prices',
-              defaultMessage: 'Prices',
+              id: "parkingInformation.prices",
+              defaultMessage: "Prices",
             })}
           </h5>
         </Typography>
@@ -52,8 +52,8 @@ export default function ParkingInformation({
           <Typography variant="Title/Overline/sm">
             <h6 className={styles.priceHeading}>
               {intl.formatMessage({
-                id: 'parkingInformation.weekdayPrices',
-                defaultMessage: 'Weekday prices',
+                id: "parkingInformation.weekdayPrices",
+                defaultMessage: "Weekday prices",
               })}
             </h6>
           </Typography>
@@ -70,8 +70,8 @@ export default function ParkingInformation({
           <Typography variant="Title/Overline/sm">
             <h6 className={styles.priceHeading}>
               {intl.formatMessage({
-                id: 'parkingInformation.weekendPrices',
-                defaultMessage: 'Weekend prices',
+                id: "parkingInformation.weekendPrices",
+                defaultMessage: "Weekend prices",
               })}
             </h6>
           </Typography>
@@ -88,8 +88,8 @@ export default function ParkingInformation({
       {parking.externalParkingUrl && showExternalParkingButton && (
         <ButtonLink size="md" href={parking.externalParkingUrl} target="_blank">
           {intl.formatMessage({
-            id: 'parkingInformation.bookParking',
-            defaultMessage: 'Book parking',
+            id: "parkingInformation.bookParking",
+            defaultMessage: "Book parking",
           })}
           <MaterialIcon icon="open_in_new" color="CurrentColor" />
         </ButtonLink>
diff --git a/packages/design-system/lib/components/ParkingInformation/parkingInformationTypes.ts b/packages/design-system/lib/components/ParkingInformation/parkingInformationTypes.ts
index f929a4b4a..1e78b17a5 100644
--- a/packages/design-system/lib/components/ParkingInformation/parkingInformationTypes.ts
+++ b/packages/design-system/lib/components/ParkingInformation/parkingInformationTypes.ts
@@ -28,8 +28,8 @@ export type Parking = {
 }
 
 export enum ParkingPricePeriods {
-  allDay = 'AllDay',
-  hour = 'Hour',
-  day = 'Day',
-  night = 'Night',
+  allDay = "AllDay",
+  hour = "Hour",
+  day = "Day",
+  night = "Night",
 }
diff --git a/packages/design-system/lib/components/PasswordInput/NewPasswordValidation.tsx b/packages/design-system/lib/components/PasswordInput/NewPasswordValidation.tsx
index 6e4d3d2c1..726547f87 100644
--- a/packages/design-system/lib/components/PasswordInput/NewPasswordValidation.tsx
+++ b/packages/design-system/lib/components/PasswordInput/NewPasswordValidation.tsx
@@ -1,11 +1,11 @@
-import { useIntl } from 'react-intl'
+import { useIntl } from "react-intl"
 
-import { passwordValidators } from '@scandic-hotels/common/utils/zod/passwordValidator'
-import type { PasswordValidatorKey } from '@scandic-hotels/common/utils/zod/newPassword'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
+import { passwordValidators } from "@scandic-hotels/common/utils/zod/passwordValidator"
+import type { PasswordValidatorKey } from "@scandic-hotels/common/utils/zod/newPassword"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
 
-import styles from './passwordInput.module.css'
+import styles from "./passwordInput.module.css"
 
 export function NewPasswordValidation({
   value,
@@ -22,53 +22,53 @@ export function NewPasswordValidation({
 
   function getErrorMessage(key: PasswordValidatorKey) {
     switch (key) {
-      case 'length':
+      case "length":
         return intl.formatMessage(
           {
-            id: 'passwordInput.lengthRequirement',
-            defaultMessage: '{min} to {max} characters',
+            id: "passwordInput.lengthRequirement",
+            defaultMessage: "{min} to {max} characters",
           },
           {
             min: 10,
             max: 40,
           }
         )
-      case 'hasUppercase':
+      case "hasUppercase":
         return intl.formatMessage(
           {
-            id: 'passwordInput.uppercaseRequirement',
-            defaultMessage: '{count} uppercase letter',
+            id: "passwordInput.uppercaseRequirement",
+            defaultMessage: "{count} uppercase letter",
           },
           { count: 1 }
         )
-      case 'hasLowercase':
+      case "hasLowercase":
         return intl.formatMessage(
           {
-            id: 'passwordInput.lowercaseRequirement',
-            defaultMessage: '{count} lowercase letter',
+            id: "passwordInput.lowercaseRequirement",
+            defaultMessage: "{count} lowercase letter",
           },
           { count: 1 }
         )
-      case 'hasNumber':
+      case "hasNumber":
         return intl.formatMessage(
           {
-            id: 'passwordInput.numberRequirement',
-            defaultMessage: '{count} number',
+            id: "passwordInput.numberRequirement",
+            defaultMessage: "{count} number",
           },
           { count: 1 }
         )
-      case 'hasSpecialChar':
+      case "hasSpecialChar":
         return intl.formatMessage(
           {
-            id: 'passwordInput.specialCharacterRequirement',
-            defaultMessage: '{count} special character',
+            id: "passwordInput.specialCharacterRequirement",
+            defaultMessage: "{count} special character",
           },
           { count: 1 }
         )
-      case 'allowedCharacters':
+      case "allowedCharacters":
         return intl.formatMessage({
-          id: 'passwordInput.allowedCharactersRequirement',
-          defaultMessage: 'Only allowed characters',
+          id: "passwordInput.allowedCharactersRequirement",
+          defaultMessage: "Only allowed characters",
         })
     }
   }
@@ -107,8 +107,8 @@ function Icon({ errorMessage, errors }: IconProps) {
       size={20}
       role="img"
       aria-label={intl.formatMessage({
-        id: 'common.error',
-        defaultMessage: 'Error',
+        id: "common.error",
+        defaultMessage: "Error",
       })}
     />
   ) : (
@@ -118,8 +118,8 @@ function Icon({ errorMessage, errors }: IconProps) {
       size={20}
       role="img"
       aria-label={intl.formatMessage({
-        id: 'common.success',
-        defaultMessage: 'Success',
+        id: "common.success",
+        defaultMessage: "Success",
       })}
     />
   )
diff --git a/packages/design-system/lib/components/PasswordInput/PasswordInput.stories.tsx b/packages/design-system/lib/components/PasswordInput/PasswordInput.stories.tsx
index 3a1fd3602..15c34e9a2 100644
--- a/packages/design-system/lib/components/PasswordInput/PasswordInput.stories.tsx
+++ b/packages/design-system/lib/components/PasswordInput/PasswordInput.stories.tsx
@@ -1,21 +1,21 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { fn } from 'storybook/test'
-import { useEffect } from 'react'
-import { FormProvider, useForm } from 'react-hook-form'
-import { zodResolver } from '@hookform/resolvers/zod'
-import { z } from 'zod'
-import type { IntlShape } from 'react-intl'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { fn } from "storybook/test"
+import { useEffect } from "react"
+import { FormProvider, useForm } from "react-hook-form"
+import { zodResolver } from "@hookform/resolvers/zod"
+import { z } from "zod"
+import type { IntlShape } from "react-intl"
 
-import { PasswordInput } from './index'
-import { Button } from '../Button'
-import { Typography } from '../Typography'
-import { passwordValidator } from '@scandic-hotels/common/utils/zod/passwordValidator'
+import { PasswordInput } from "./index"
+import { Button } from "../Button"
+import { Typography } from "../Typography"
+import { passwordValidator } from "@scandic-hotels/common/utils/zod/passwordValidator"
 
 // Simple error formatter for Storybook
 const defaultErrorFormatter = (
   _intl: IntlShape,
   errorMessage?: string
-): string => errorMessage ?? ''
+): string => errorMessage ?? ""
 
 // ============================================================================
 // Password Form with New Password Validation
@@ -24,15 +24,15 @@ const defaultErrorFormatter = (
 const passwordFormSchema = z
   .object({
     currentPassword: z.string().optional(),
-    newPassword: z.literal('').optional().or(passwordValidator()),
+    newPassword: z.literal("").optional().or(passwordValidator()),
     confirmPassword: z.string().optional(),
   })
   .superRefine((data, ctx) => {
     if (data.newPassword && data.newPassword !== data.confirmPassword) {
       ctx.addIssue({
-        code: 'custom',
-        message: 'Passwords do not match',
-        path: ['confirmPassword'],
+        code: "custom",
+        message: "Passwords do not match",
+        path: ["confirmPassword"],
       })
     }
   })
@@ -48,18 +48,18 @@ interface PasswordInputProps {
 function PasswordInputComponent({
   onSubmit,
   showErrors = false,
-  defaultNewPassword = '',
+  defaultNewPassword = "",
 }: PasswordInputProps) {
   const methods = useForm<PasswordFormData>({
     resolver: zodResolver(passwordFormSchema),
     defaultValues: {
-      currentPassword: '',
+      currentPassword: "",
       newPassword: defaultNewPassword,
-      confirmPassword: '',
+      confirmPassword: "",
     },
-    mode: 'all',
-    criteriaMode: 'all',
-    reValidateMode: 'onChange',
+    mode: "all",
+    criteriaMode: "all",
+    reValidateMode: "onChange",
   })
 
   // Trigger validation on mount if showErrors is true
@@ -78,10 +78,10 @@ function PasswordInputComponent({
       <form
         onSubmit={handleSubmit}
         style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '1.5rem',
-          maxWidth: '500px',
+          display: "flex",
+          flexDirection: "column",
+          gap: "1.5rem",
+          maxWidth: "500px",
         }}
       >
         <Typography variant="Title/md">
@@ -115,19 +115,19 @@ function PasswordInputComponent({
 }
 
 const passwordFormMeta: Meta<typeof PasswordInputComponent> = {
-  title: 'Core Components/PasswordInput',
+  title: "Core Components/PasswordInput",
   component: PasswordInputComponent,
   parameters: {
-    layout: 'padded',
+    layout: "padded",
   },
   argTypes: {
     showErrors: {
-      control: 'boolean',
-      description: 'Show validation errors on mount',
+      control: "boolean",
+      description: "Show validation errors on mount",
     },
     defaultNewPassword: {
-      control: 'text',
-      description: 'Default value for new password field',
+      control: "text",
+      description: "Default value for new password field",
     },
   },
 }
@@ -141,7 +141,7 @@ export const Default: PasswordFormStory = {
   args: {
     onSubmit: fn(),
     showErrors: false,
-    defaultNewPassword: '',
+    defaultNewPassword: "",
   },
 }
 
@@ -150,7 +150,7 @@ export const Default: PasswordFormStory = {
 // ============================================================================
 
 const showcasePasswordSchema = z.object({
-  empty: z.literal('').optional().or(passwordValidator()),
+  empty: z.literal("").optional().or(passwordValidator()),
   weak: passwordValidator(),
   partial: passwordValidator(),
   valid: passwordValidator(),
@@ -163,31 +163,31 @@ function PasswordValidationShowcase() {
   const methods = useForm<ShowcasePasswordFormData>({
     resolver: zodResolver(showcasePasswordSchema),
     defaultValues: {
-      empty: '',
-      weak: 'weak',
-      partial: 'Password1',
-      valid: 'ValidPassword123!',
-      tooLong: 'A'.repeat(41) + '1!',
+      empty: "",
+      weak: "weak",
+      partial: "Password1",
+      valid: "ValidPassword123!",
+      tooLong: "A".repeat(41) + "1!",
     },
-    mode: 'all',
-    criteriaMode: 'all',
-    reValidateMode: 'onChange',
+    mode: "all",
+    criteriaMode: "all",
+    reValidateMode: "onChange",
   })
 
   // Trigger validation on mount to show validation states
   useEffect(() => {
-    methods.trigger(['weak', 'partial', 'valid', 'tooLong'])
+    methods.trigger(["weak", "partial", "valid", "tooLong"])
   }, [methods])
 
   return (
     <FormProvider {...methods}>
       <div
         style={{
-          display: 'flex',
-          flexDirection: 'column',
-          gap: '3rem',
-          maxWidth: '800px',
-          padding: '2rem',
+          display: "flex",
+          flexDirection: "column",
+          gap: "3rem",
+          maxWidth: "800px",
+          padding: "2rem",
         }}
       >
         <section>
@@ -196,10 +196,10 @@ function PasswordValidationShowcase() {
           </Typography>
           <div
             style={{
-              display: 'grid',
-              gridTemplateColumns: 'repeat(auto-fit, minmax(350px, 1fr))',
-              gap: '2rem',
-              marginTop: '1rem',
+              display: "grid",
+              gridTemplateColumns: "repeat(auto-fit, minmax(350px, 1fr))",
+              gap: "2rem",
+              marginTop: "1rem",
             }}
           >
             <div>
@@ -264,10 +264,10 @@ function PasswordValidationShowcase() {
 }
 
 const showcaseMeta: Meta<typeof PasswordValidationShowcase> = {
-  title: 'Core Components/PasswordInput',
+  title: "Core Components/PasswordInput",
   component: PasswordValidationShowcase,
   parameters: {
-    layout: 'fullscreen',
+    layout: "fullscreen",
   },
 }
 
diff --git a/packages/design-system/lib/components/PasswordInput/PasswordInput.test.tsx b/packages/design-system/lib/components/PasswordInput/PasswordInput.test.tsx
index abfe09b9b..f6c21641b 100644
--- a/packages/design-system/lib/components/PasswordInput/PasswordInput.test.tsx
+++ b/packages/design-system/lib/components/PasswordInput/PasswordInput.test.tsx
@@ -1,9 +1,9 @@
-import { describe, expect, it, afterEach } from 'vitest'
-import { render, screen, cleanup } from '@testing-library/react'
-import userEvent from '@testing-library/user-event'
-import { FormProvider, useForm } from 'react-hook-form'
-import { IntlProvider } from 'react-intl'
-import { PasswordInput } from './PasswordInput'
+import { describe, expect, it, afterEach } from "vitest"
+import { render, screen, cleanup } from "@testing-library/react"
+import userEvent from "@testing-library/user-event"
+import { FormProvider, useForm } from "react-hook-form"
+import { IntlProvider } from "react-intl"
+import { PasswordInput } from "./PasswordInput"
 
 afterEach(() => {
   cleanup()
@@ -11,7 +11,7 @@ afterEach(() => {
 
 function FormWrapper({
   children,
-  defaultValues = { password: '' },
+  defaultValues = { password: "" },
 }: {
   children: React.ReactNode
   defaultValues?: Record<string, string>
@@ -37,63 +37,63 @@ const renderPasswordInput = (
   )
 }
 
-describe('PasswordInput', () => {
-  describe('rendering', () => {
-    it('renders with default password label', () => {
+describe("PasswordInput", () => {
+  describe("rendering", () => {
+    it("renders with default password label", () => {
       renderPasswordInput()
-      expect(screen.getByLabelText('Password')).toBeTruthy()
+      expect(screen.getByLabelText("Password")).toBeTruthy()
     })
 
-    it('renders with custom label', () => {
-      renderPasswordInput({ label: 'Enter your password' })
-      expect(screen.getByLabelText('Enter your password')).toBeTruthy()
+    it("renders with custom label", () => {
+      renderPasswordInput({ label: "Enter your password" })
+      expect(screen.getByLabelText("Enter your password")).toBeTruthy()
     })
 
-    it('renders with new password label when isNewPassword is true', () => {
+    it("renders with new password label when isNewPassword is true", () => {
       renderPasswordInput({ isNewPassword: true })
-      expect(screen.getByLabelText('New password')).toBeTruthy()
+      expect(screen.getByLabelText("New password")).toBeTruthy()
     })
   })
 
-  describe('visibility toggle', () => {
-    it('shows visibility toggle button by default', () => {
+  describe("visibility toggle", () => {
+    it("shows visibility toggle button by default", () => {
       renderPasswordInput()
-      expect(screen.getByLabelText('Show password')).toBeTruthy()
+      expect(screen.getByLabelText("Show password")).toBeTruthy()
     })
 
-    it('hides visibility toggle when visibilityToggleable is false', () => {
+    it("hides visibility toggle when visibilityToggleable is false", () => {
       renderPasswordInput({ visibilityToggleable: false })
-      expect(screen.queryByLabelText('Show password')).toBeNull()
-      expect(screen.queryByLabelText('Hide password')).toBeNull()
+      expect(screen.queryByLabelText("Show password")).toBeNull()
+      expect(screen.queryByLabelText("Hide password")).toBeNull()
     })
   })
 
-  describe('disabled state', () => {
-    it('disables the input when disabled prop is true', () => {
+  describe("disabled state", () => {
+    it("disables the input when disabled prop is true", () => {
       renderPasswordInput({ disabled: true })
-      expect(screen.getByLabelText('Password')).toHaveProperty('disabled', true)
+      expect(screen.getByLabelText("Password")).toHaveProperty("disabled", true)
     })
   })
 
-  describe('form integration', () => {
-    it('updates form value when typing', async () => {
+  describe("form integration", () => {
+    it("updates form value when typing", async () => {
       const user = userEvent.setup()
       renderPasswordInput()
 
-      const input = screen.getByLabelText('Password')
-      await user.type(input, 'secret123')
+      const input = screen.getByLabelText("Password")
+      await user.type(input, "secret123")
 
-      expect(input).toHaveProperty('value', 'secret123')
+      expect(input).toHaveProperty("value", "secret123")
     })
 
-    it('uses custom name prop', async () => {
+    it("uses custom name prop", async () => {
       const user = userEvent.setup()
-      renderPasswordInput({ name: 'confirmPassword' }, { confirmPassword: '' })
+      renderPasswordInput({ name: "confirmPassword" }, { confirmPassword: "" })
 
-      const input = screen.getByLabelText('Password')
-      await user.type(input, 'test')
+      const input = screen.getByLabelText("Password")
+      await user.type(input, "test")
 
-      expect(input).toHaveProperty('value', 'test')
+      expect(input).toHaveProperty("value", "test")
     })
   })
 })
diff --git a/packages/design-system/lib/components/PasswordInput/PasswordInput.tsx b/packages/design-system/lib/components/PasswordInput/PasswordInput.tsx
index 80a75e27d..9b3fa7feb 100644
--- a/packages/design-system/lib/components/PasswordInput/PasswordInput.tsx
+++ b/packages/design-system/lib/components/PasswordInput/PasswordInput.tsx
@@ -1,26 +1,26 @@
-'use client'
+"use client"
 
-import { useState } from 'react'
-import { TextField } from 'react-aria-components'
+import { useState } from "react"
+import { TextField } from "react-aria-components"
 import {
   Controller,
   type RegisterOptions,
   useFormContext,
-} from 'react-hook-form'
-import { useIntl, type IntlShape } from 'react-intl'
+} from "react-hook-form"
+import { useIntl, type IntlShape } from "react-intl"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Input } from '../Input'
-import { Typography } from '../Typography'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Input } from "../Input"
+import { Typography } from "../Typography"
 
-import { NewPasswordValidation } from './NewPasswordValidation'
+import { NewPasswordValidation } from "./NewPasswordValidation"
 
-import styles from './passwordInput.module.css'
+import styles from "./passwordInput.module.css"
 
 const defaultErrorFormatter = (
   _intl: IntlShape,
   errorMessage?: string
-): string => errorMessage ?? ''
+): string => errorMessage ?? ""
 
 interface PasswordInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
   label?: string
@@ -31,15 +31,15 @@ interface PasswordInputProps extends React.InputHTMLAttributes<HTMLInputElement>
 }
 
 export const PasswordInput = ({
-  name = 'password',
+  name = "password",
   label,
-  'aria-label': ariaLabel,
+  "aria-label": ariaLabel,
   disabled = false,
   placeholder,
   registerOptions = {},
   visibilityToggleable = true,
   isNewPassword = false,
-  className = '',
+  className = "",
   errorFormatter,
 }: PasswordInputProps) => {
   const { control } = useFormContext()
@@ -71,7 +71,7 @@ export const PasswordInput = ({
             isNewPassword && field.value ? requirementsId : null,
           ]
             .filter(Boolean)
-            .join(' ') || undefined
+            .join(" ") || undefined
 
         const hasError = !!fieldState.error
         const showRequirements = isNewPassword && !!field.value
@@ -91,7 +91,7 @@ export const PasswordInput = ({
             validationBehavior="aria"
             value={field.value}
             type={
-              visibilityToggleable && isPasswordVisible ? 'text' : 'password'
+              visibilityToggleable && isPasswordVisible ? "text" : "password"
             }
           >
             <div className={styles.inputWrapper}>
@@ -102,19 +102,19 @@ export const PasswordInput = ({
                   label ||
                   (isNewPassword
                     ? intl.formatMessage({
-                        id: 'passwordInput.newPasswordLabel',
-                        defaultMessage: 'New password',
+                        id: "passwordInput.newPasswordLabel",
+                        defaultMessage: "New password",
                       })
                     : intl.formatMessage({
-                        id: 'common.password',
-                        defaultMessage: 'Password',
+                        id: "common.password",
+                        defaultMessage: "Password",
                       }))
                 }
                 placeholder={placeholder}
                 type={
                   visibilityToggleable && isPasswordVisible
-                    ? 'text'
-                    : 'password'
+                    ? "text"
+                    : "password"
                 }
               />
               {visibilityToggleable ? (
@@ -124,12 +124,12 @@ export const PasswordInput = ({
                   aria-label={
                     isPasswordVisible
                       ? intl.formatMessage({
-                          id: 'passwordInput.hidePassword',
-                          defaultMessage: 'Hide password',
+                          id: "passwordInput.hidePassword",
+                          defaultMessage: "Hide password",
                         })
                       : intl.formatMessage({
-                          id: 'passwordInput.showPassword',
-                          defaultMessage: 'Show password',
+                          id: "passwordInput.showPassword",
+                          defaultMessage: "Show password",
                         })
                   }
                   aria-controls={inputId}
@@ -137,7 +137,7 @@ export const PasswordInput = ({
                   className={styles.toggleButton}
                 >
                   <MaterialIcon
-                    icon={isPasswordVisible ? 'visibility_off' : 'visibility'}
+                    icon={isPasswordVisible ? "visibility_off" : "visibility"}
                     size={24}
                   />
                 </button>
@@ -186,8 +186,8 @@ function ErrorMessage({
           icon="info"
           color="Icon/Feedback/Error"
           aria-label={intl.formatMessage({
-            id: 'common.error',
-            defaultMessage: 'Error',
+            id: "common.error",
+            defaultMessage: "Error",
           })}
         />
         {formatErrorMessage(intl, errorMessage)}
diff --git a/packages/design-system/lib/components/PasswordInput/index.tsx b/packages/design-system/lib/components/PasswordInput/index.tsx
index 30ca48acc..08a400bc3 100644
--- a/packages/design-system/lib/components/PasswordInput/index.tsx
+++ b/packages/design-system/lib/components/PasswordInput/index.tsx
@@ -1 +1 @@
-export { PasswordInput } from './PasswordInput'
+export { PasswordInput } from "./PasswordInput"
diff --git a/packages/design-system/lib/components/Payment/Icons/AmericanExpressIcon.tsx b/packages/design-system/lib/components/Payment/Icons/AmericanExpressIcon.tsx
index d403cd22f..751216ffe 100644
--- a/packages/design-system/lib/components/Payment/Icons/AmericanExpressIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/AmericanExpressIcon.tsx
@@ -1,4 +1,4 @@
-import type { PaymentIconProps } from './IconProps'
+import type { PaymentIconProps } from "./IconProps"
 
 export const AmericanExpressIcon = (props: PaymentIconProps) => (
   <svg
@@ -16,7 +16,7 @@ export const AmericanExpressIcon = (props: PaymentIconProps) => (
       />
       <mask
         id="mask0_5382_46857"
-        style={{ maskType: 'luminance' }}
+        style={{ maskType: "luminance" }}
         maskUnits="userSpaceOnUse"
         x="16"
         y="0"
diff --git a/packages/design-system/lib/components/Payment/Icons/ApplePayIcon.tsx b/packages/design-system/lib/components/Payment/Icons/ApplePayIcon.tsx
index d0ec580f6..76f4d015e 100644
--- a/packages/design-system/lib/components/Payment/Icons/ApplePayIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/ApplePayIcon.tsx
@@ -1,4 +1,4 @@
-import type { PaymentIconProps } from './IconProps'
+import type { PaymentIconProps } from "./IconProps"
 
 export const ApplePayIcon = (props: PaymentIconProps) => {
   return (
@@ -13,7 +13,7 @@ export const ApplePayIcon = (props: PaymentIconProps) => {
       <g clipPath="url(#clip0_5382_46859)">
         <mask
           id="mask0_5382_46859"
-          style={{ maskType: 'luminance' }}
+          style={{ maskType: "luminance" }}
           maskUnits="userSpaceOnUse"
           x="0"
           y="0"
diff --git a/packages/design-system/lib/components/Payment/Icons/ChinaUnionPayIcon.tsx b/packages/design-system/lib/components/Payment/Icons/ChinaUnionPayIcon.tsx
index a6ac15cf4..2a1156a43 100644
--- a/packages/design-system/lib/components/Payment/Icons/ChinaUnionPayIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/ChinaUnionPayIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const ChinaUnionPayIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/Icons/DanKortIcon.tsx b/packages/design-system/lib/components/Payment/Icons/DanKortIcon.tsx
index e9038fbd5..05cea0acc 100644
--- a/packages/design-system/lib/components/Payment/Icons/DanKortIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/DanKortIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const DanKortIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/Icons/DinersClubIcon.tsx b/packages/design-system/lib/components/Payment/Icons/DinersClubIcon.tsx
index c0a346069..1da75ff77 100644
--- a/packages/design-system/lib/components/Payment/Icons/DinersClubIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/DinersClubIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const DinersClubIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/Icons/DiscoverIcon.tsx b/packages/design-system/lib/components/Payment/Icons/DiscoverIcon.tsx
index 98ed668a6..5e80f5500 100644
--- a/packages/design-system/lib/components/Payment/Icons/DiscoverIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/DiscoverIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const DiscoverIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/Icons/GenericCardIcon.tsx b/packages/design-system/lib/components/Payment/Icons/GenericCardIcon.tsx
index 568755f26..fcb2df00d 100644
--- a/packages/design-system/lib/components/Payment/Icons/GenericCardIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/GenericCardIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const GenericCardIcon = (props: PaymentIconProps) => {
   return (
diff --git a/packages/design-system/lib/components/Payment/Icons/GooglePayIcon.tsx b/packages/design-system/lib/components/Payment/Icons/GooglePayIcon.tsx
index b55e87a17..87bc53808 100644
--- a/packages/design-system/lib/components/Payment/Icons/GooglePayIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/GooglePayIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const GooglePayIcon = (props: PaymentIconProps) => {
   return (
diff --git a/packages/design-system/lib/components/Payment/Icons/IconProps.ts b/packages/design-system/lib/components/Payment/Icons/IconProps.ts
index d4fca76de..f67c5282f 100644
--- a/packages/design-system/lib/components/Payment/Icons/IconProps.ts
+++ b/packages/design-system/lib/components/Payment/Icons/IconProps.ts
@@ -1,5 +1,5 @@
 export type PaymentIconProps = {
   className?: string
   alt?: string
-  role: 'img'
+  role: "img"
 }
diff --git a/packages/design-system/lib/components/Payment/Icons/JcbIcon.tsx b/packages/design-system/lib/components/Payment/Icons/JcbIcon.tsx
index cdca7cd30..ba08e568b 100644
--- a/packages/design-system/lib/components/Payment/Icons/JcbIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/JcbIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const JcbIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/Icons/KlarnaIcon.tsx b/packages/design-system/lib/components/Payment/Icons/KlarnaIcon.tsx
index b9e2e7b10..d0762d2be 100644
--- a/packages/design-system/lib/components/Payment/Icons/KlarnaIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/KlarnaIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const KlarnaIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/Icons/MaestroIcon.tsx b/packages/design-system/lib/components/Payment/Icons/MaestroIcon.tsx
index 65128f718..222c415c0 100644
--- a/packages/design-system/lib/components/Payment/Icons/MaestroIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/MaestroIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const MaestroIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/Icons/MasterCardIcon.tsx b/packages/design-system/lib/components/Payment/Icons/MasterCardIcon.tsx
index c78a1be80..ac56d5d04 100644
--- a/packages/design-system/lib/components/Payment/Icons/MasterCardIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/MasterCardIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const MasterCardIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/Icons/MobilePayIcon.tsx b/packages/design-system/lib/components/Payment/Icons/MobilePayIcon.tsx
index d35c036f6..f82d12acb 100644
--- a/packages/design-system/lib/components/Payment/Icons/MobilePayIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/MobilePayIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const MobilePayIcon = (props: PaymentIconProps) => {
   return (
@@ -18,13 +18,13 @@ export const MobilePayIcon = (props: PaymentIconProps) => {
             fill="#5A78FF"
           />
           <path
-            style={{ mixBlendMode: 'multiply' }}
+            style={{ mixBlendMode: "multiply" }}
             opacity="0.7"
             d="M24.1699 5.49788L23.5317 5.76221L25.2864 9.99829L25.9245 9.73396L24.1699 5.49788Z"
             fill="url(#paint0_linear_5597_450)"
           />
           <path
-            style={{ mixBlendMode: 'multiply' }}
+            style={{ mixBlendMode: "multiply" }}
             opacity="0.7"
             d="M27.3755 15.0441L28.0137 14.7798L26.0275 9.9847L25.3893 10.249L27.3755 15.0441Z"
             fill="url(#paint1_linear_5597_450)"
@@ -33,7 +33,7 @@ export const MobilePayIcon = (props: PaymentIconProps) => {
             d="M26.5698 11.8656C25.2424 12.416 24.134 13.1748 23.4082 14.0894L21.5371 9.57038C22.3906 8.57877 23.477 7.81462 24.6987 7.34652C26.0262 6.79607 27.3673 6.52964 28.5068 6.68487L30.3784 11.2037C29.0736 11.1054 27.7649 11.3329 26.5698 11.8656Z"
             fill="#5A78FF"
           />
-          <g style={{ mixBlendMode: 'multiply' }} opacity="0.4">
+          <g style={{ mixBlendMode: "multiply" }} opacity="0.4">
             <path
               opacity="0.9"
               d="M26.5694 11.8656C25.2419 12.416 24.1335 13.1748 23.4077 14.0894L21.5366 9.57038C22.3901 8.57877 23.4765 7.81462 24.6982 7.34652C26.0257 6.79607 27.3669 6.52964 28.5063 6.68487L30.3779 11.2037C29.0731 11.1054 27.7644 11.3329 26.5694 11.8656Z"
diff --git a/packages/design-system/lib/components/Payment/Icons/PayPalIcon.tsx b/packages/design-system/lib/components/Payment/Icons/PayPalIcon.tsx
index 81d4c00ee..42cc47ee6 100644
--- a/packages/design-system/lib/components/Payment/Icons/PayPalIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/PayPalIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const PayPalIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/Icons/SwishIcon.tsx b/packages/design-system/lib/components/Payment/Icons/SwishIcon.tsx
index e868b6e2d..8defb7dbf 100644
--- a/packages/design-system/lib/components/Payment/Icons/SwishIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/SwishIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const SwishIcon = (props: PaymentIconProps) => {
   return (
diff --git a/packages/design-system/lib/components/Payment/Icons/VippsIcon.tsx b/packages/design-system/lib/components/Payment/Icons/VippsIcon.tsx
index 840873a2e..8dabbb59f 100644
--- a/packages/design-system/lib/components/Payment/Icons/VippsIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/VippsIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const VippsIcon = (props: PaymentIconProps) => {
   return (
diff --git a/packages/design-system/lib/components/Payment/Icons/VisaIcon.tsx b/packages/design-system/lib/components/Payment/Icons/VisaIcon.tsx
index d8d0476bf..a624ee200 100644
--- a/packages/design-system/lib/components/Payment/Icons/VisaIcon.tsx
+++ b/packages/design-system/lib/components/Payment/Icons/VisaIcon.tsx
@@ -1,4 +1,4 @@
-import { PaymentIconProps } from './IconProps'
+import { PaymentIconProps } from "./IconProps"
 
 export const VisaIcon = (props: PaymentIconProps) => (
   <svg
diff --git a/packages/design-system/lib/components/Payment/PaymentMethodIcon.stories.tsx b/packages/design-system/lib/components/Payment/PaymentMethodIcon.stories.tsx
index 06f931ca4..86e0c2cf3 100644
--- a/packages/design-system/lib/components/Payment/PaymentMethodIcon.stories.tsx
+++ b/packages/design-system/lib/components/Payment/PaymentMethodIcon.stories.tsx
@@ -1,27 +1,27 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { PaymentMethodIcon } from './PaymentMethodIcon'
-import { PaymentMethodEnum } from '@scandic-hotels/common/constants/paymentMethod'
-import { Typography } from '../Typography'
-import { expect } from 'storybook/test'
+import { PaymentMethodIcon } from "./PaymentMethodIcon"
+import { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
+import { Typography } from "../Typography"
+import { expect } from "storybook/test"
 
 const methods = Object.values(PaymentMethodEnum).toSorted()
 
 const meta: Meta<typeof PaymentMethodIcon> = {
-  title: 'Product Components/Payment/PaymentMethodIcon',
+  title: "Product Components/Payment/PaymentMethodIcon",
   component: PaymentMethodIcon,
   parameters: {
-    layout: 'centered',
+    layout: "centered",
   },
   argTypes: {
     paymentMethod: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: methods,
-      description: 'Payment method to display',
+      description: "Payment method to display",
     },
     alt: {
-      control: { type: 'text' },
-      description: 'Alt text for the icon',
+      control: { type: "text" },
+      description: "Alt text for the icon",
     },
   },
 }
@@ -32,25 +32,25 @@ type Story = StoryObj<typeof PaymentMethodIcon>
 export const Playground: Story = {
   args: {
     paymentMethod: PaymentMethodEnum.visa,
-    alt: 'Visa payment method',
+    alt: "Visa payment method",
   },
   play: async ({ canvas, args }) => {
-    const img = await canvas.findByRole('img')
+    const img = await canvas.findByRole("img")
 
     expect(img).toBeInTheDocument()
-    expect(img).toHaveAttribute('alt', args.alt)
+    expect(img).toHaveAttribute("alt", args.alt)
   },
 }
 
 export const All: Story = {
   parameters: {
-    layout: 'padded',
+    layout: "padded",
   },
   render: (args) => (
     <div
       style={{
-        display: 'grid',
-        gridTemplateColumns: 'repeat(auto-fill, minmax(80px, 1fr))',
+        display: "grid",
+        gridTemplateColumns: "repeat(auto-fill, minmax(80px, 1fr))",
         gap: 16,
       }}
     >
@@ -58,10 +58,10 @@ export const All: Story = {
         <div
           key={m}
           style={{
-            display: 'flex',
-            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
+            display: "flex",
+            flexDirection: "column",
+            alignItems: "center",
+            justifyContent: "center",
             gap: 12,
             padding: 8,
             borderRadius: 8,
diff --git a/packages/design-system/lib/components/Payment/PaymentMethodIcon.tsx b/packages/design-system/lib/components/Payment/PaymentMethodIcon.tsx
index 365e8b2d6..574648bf5 100644
--- a/packages/design-system/lib/components/Payment/PaymentMethodIcon.tsx
+++ b/packages/design-system/lib/components/Payment/PaymentMethodIcon.tsx
@@ -1,22 +1,22 @@
-import { PaymentMethodEnum } from '@scandic-hotels/common/constants/paymentMethod'
-import { GenericCardIcon } from './Icons/GenericCardIcon'
-import { SwishIcon } from './Icons/SwishIcon'
-import { VippsIcon } from './Icons/VippsIcon'
-import { MobilePayIcon } from './Icons/MobilePayIcon'
-import { ApplePayIcon } from './Icons/ApplePayIcon'
-import { GooglePayIcon } from './Icons/GooglePayIcon'
-import { PayPalIcon } from './Icons/PayPalIcon'
-import { KlarnaIcon } from './Icons/KlarnaIcon'
-import { AmericanExpressIcon } from './Icons/AmericanExpressIcon'
-import { DanKortIcon } from './Icons/DanKortIcon'
-import { DinersClubIcon } from './Icons/DinersClubIcon'
-import { JcbIcon } from './Icons/JcbIcon'
-import { MasterCardIcon } from './Icons/MasterCardIcon'
-import { VisaIcon } from './Icons/VisaIcon'
-import { MaestroIcon } from './Icons/MaestroIcon'
-import { ChinaUnionPayIcon } from './Icons/ChinaUnionPayIcon'
-import { DiscoverIcon } from './Icons/DiscoverIcon'
-import { PaymentIconProps } from './Icons/IconProps'
+import { PaymentMethodEnum } from "@scandic-hotels/common/constants/paymentMethod"
+import { GenericCardIcon } from "./Icons/GenericCardIcon"
+import { SwishIcon } from "./Icons/SwishIcon"
+import { VippsIcon } from "./Icons/VippsIcon"
+import { MobilePayIcon } from "./Icons/MobilePayIcon"
+import { ApplePayIcon } from "./Icons/ApplePayIcon"
+import { GooglePayIcon } from "./Icons/GooglePayIcon"
+import { PayPalIcon } from "./Icons/PayPalIcon"
+import { KlarnaIcon } from "./Icons/KlarnaIcon"
+import { AmericanExpressIcon } from "./Icons/AmericanExpressIcon"
+import { DanKortIcon } from "./Icons/DanKortIcon"
+import { DinersClubIcon } from "./Icons/DinersClubIcon"
+import { JcbIcon } from "./Icons/JcbIcon"
+import { MasterCardIcon } from "./Icons/MasterCardIcon"
+import { VisaIcon } from "./Icons/VisaIcon"
+import { MaestroIcon } from "./Icons/MaestroIcon"
+import { ChinaUnionPayIcon } from "./Icons/ChinaUnionPayIcon"
+import { DiscoverIcon } from "./Icons/DiscoverIcon"
+import { PaymentIconProps } from "./Icons/IconProps"
 
 const paymentMethods: Partial<
   Record<
diff --git a/packages/design-system/lib/components/Progress/Progress.stories.tsx b/packages/design-system/lib/components/Progress/Progress.stories.tsx
index 23ed31571..094fae1fd 100644
--- a/packages/design-system/lib/components/Progress/Progress.stories.tsx
+++ b/packages/design-system/lib/components/Progress/Progress.stories.tsx
@@ -1,25 +1,25 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Progress } from './index'
+import { Progress } from "./index"
 
 const meta: Meta<typeof Progress> = {
-  title: 'Core Components/Progress',
+  title: "Core Components/Progress",
   component: Progress,
   parameters: {
     backgrounds: { disable: true },
   },
   argTypes: {
     value: {
-      control: { type: 'range', min: 0, max: 100, step: 1 },
-      description: 'The current progress value (0-100)',
+      control: { type: "range", min: 0, max: 100, step: 1 },
+      description: "The current progress value (0-100)",
     },
-    'aria-label': {
-      control: 'text',
-      description: 'Accessible label for the progress bar',
+    "aria-label": {
+      control: "text",
+      description: "Accessible label for the progress bar",
     },
   },
   args: {
-    'aria-label': 'Loading progress',
+    "aria-label": "Loading progress",
   },
 }
 
diff --git a/packages/design-system/lib/components/Progress/index.tsx b/packages/design-system/lib/components/Progress/index.tsx
index 29ed6c9fe..d8ca7539b 100644
--- a/packages/design-system/lib/components/Progress/index.tsx
+++ b/packages/design-system/lib/components/Progress/index.tsx
@@ -1,13 +1,13 @@
-import { ProgressBar } from 'react-aria-components'
-import { cx } from 'class-variance-authority'
-import styles from './progress.module.css'
-import { ProgressProps } from './types'
+import { ProgressBar } from "react-aria-components"
+import { cx } from "class-variance-authority"
+import styles from "./progress.module.css"
+import { ProgressProps } from "./types"
 
 export function Progress({
   value,
   minValue = 0,
   maxValue = 100,
-  'aria-label': ariaLabel,
+  "aria-label": ariaLabel,
   className,
 }: ProgressProps) {
   return (
diff --git a/packages/design-system/lib/components/Progress/types.ts b/packages/design-system/lib/components/Progress/types.ts
index d4dfcceba..3d0872b03 100644
--- a/packages/design-system/lib/components/Progress/types.ts
+++ b/packages/design-system/lib/components/Progress/types.ts
@@ -2,6 +2,6 @@ export interface ProgressProps {
   value: number
   minValue?: number
   maxValue?: number
-  'aria-label'?: string
+  "aria-label"?: string
   className?: string
 }
diff --git a/packages/design-system/lib/components/Progress/variants.ts b/packages/design-system/lib/components/Progress/variants.ts
index c34833f1e..68b776742 100644
--- a/packages/design-system/lib/components/Progress/variants.ts
+++ b/packages/design-system/lib/components/Progress/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './progress.module.css'
+import styles from "./progress.module.css"
 
 export const config = {
   variants: {},
diff --git a/packages/design-system/lib/components/Radio/Radio.tsx b/packages/design-system/lib/components/Radio/Radio.tsx
index 4483769b0..582ad2a20 100644
--- a/packages/design-system/lib/components/Radio/Radio.tsx
+++ b/packages/design-system/lib/components/Radio/Radio.tsx
@@ -1,14 +1,14 @@
-import { PropsWithChildren } from 'react'
-import { Radio as AriaRadio } from 'react-aria-components'
-import styles from './radio.module.css'
-import { variants } from './variants'
-import { cx } from 'class-variance-authority'
+import { PropsWithChildren } from "react"
+import { Radio as AriaRadio } from "react-aria-components"
+import styles from "./radio.module.css"
+import { variants } from "./variants"
+import { cx } from "class-variance-authority"
 
 interface RadioProps extends PropsWithChildren {
   value: string
   id?: string
   isDisabled?: boolean
-  color?: 'Burgundy'
+  color?: "Burgundy"
   wrapping?: boolean
 }
 
diff --git a/packages/design-system/lib/components/Radio/index.tsx b/packages/design-system/lib/components/Radio/index.tsx
index b2d70f722..64b2c1d68 100644
--- a/packages/design-system/lib/components/Radio/index.tsx
+++ b/packages/design-system/lib/components/Radio/index.tsx
@@ -1 +1 @@
-export { Radio } from './Radio'
+export { Radio } from "./Radio"
diff --git a/packages/design-system/lib/components/Radio/variants.ts b/packages/design-system/lib/components/Radio/variants.ts
index a909b0a32..2c7141285 100644
--- a/packages/design-system/lib/components/Radio/variants.ts
+++ b/packages/design-system/lib/components/Radio/variants.ts
@@ -1,15 +1,15 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './radio.module.css'
+import styles from "./radio.module.css"
 
 export const config = {
   variants: {
     color: {
-      Burgundy: styles['color-burgundy'],
+      Burgundy: styles["color-burgundy"],
     },
   },
   defaultVariants: {
-    color: 'Burgundy',
+    color: "Burgundy",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/RateCard/Campaign/Campaign.stories.tsx b/packages/design-system/lib/components/RateCard/Campaign/Campaign.stories.tsx
index b6160e06d..1ae4e9430 100644
--- a/packages/design-system/lib/components/RateCard/Campaign/Campaign.stories.tsx
+++ b/packages/design-system/lib/components/RateCard/Campaign/Campaign.stories.tsx
@@ -1,26 +1,26 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import CampaignRateCard from '.'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import CampaignRateCard from "."
 
 const meta: Meta<typeof CampaignRateCard> = {
-  title: 'Product Components/RateCard/Campaign',
+  title: "Product Components/RateCard/Campaign",
   component: CampaignRateCard,
   decorators: [
     (Story) => (
-      <div style={{ maxWidth: '400px' }}>
+      <div style={{ maxWidth: "400px" }}>
         <Story />
       </div>
     ),
   ],
   argTypes: {
-    rateTitle: { control: 'text' },
-    paymentTerm: { control: 'text' },
-    bannerText: { control: 'text' },
-    rate: { control: 'object' },
-    memberRate: { control: 'object' },
-    omnibusRate: { control: 'object' },
-    comparisonRate: { control: 'object' },
-    approximateRate: { control: 'object' },
-    rateTermDetails: { control: 'object' },
+    rateTitle: { control: "text" },
+    paymentTerm: { control: "text" },
+    bannerText: { control: "text" },
+    rate: { control: "object" },
+    memberRate: { control: "object" },
+    omnibusRate: { control: "object" },
+    comparisonRate: { control: "object" },
+    approximateRate: { control: "object" },
+    rateTermDetails: { control: "object" },
   },
 }
 
@@ -30,28 +30,28 @@ type Story = StoryObj<typeof CampaignRateCard>
 
 export const Default: Story = {
   args: {
-    rateTitle: 'NON-REFUNDABLE',
-    paymentTerm: 'PAY NOW',
-    bannerText: 'Campaign ∙ Breakfast included',
+    rateTitle: "NON-REFUNDABLE",
+    paymentTerm: "PAY NOW",
+    bannerText: "Campaign ∙ Breakfast included",
     rate: {
       label: "Valentine's Special",
-      price: '198',
-      unit: 'EUR/NIGHT',
+      price: "198",
+      unit: "EUR/NIGHT",
     },
     approximateRate: {
-      price: '198',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "198",
+      label: "Approx.",
+      unit: "EUR",
     },
     omnibusRate: {
-      price: '249',
-      label: 'Lowest past price (last 30 days)',
-      unit: 'EUR',
+      price: "249",
+      label: "Lowest past price (last 30 days)",
+      unit: "EUR",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -59,23 +59,23 @@ export const Default: Story = {
 
 export const Package: Story = {
   args: {
-    rateTitle: 'NON-REFUNDABLE',
-    paymentTerm: 'PAY NOW',
-    bannerText: 'WDCPHG ∙ Breakfast included',
+    rateTitle: "NON-REFUNDABLE",
+    paymentTerm: "PAY NOW",
+    bannerText: "WDCPHG ∙ Breakfast included",
     rate: {
-      label: 'Luxurious wine & dine in Copenhagen',
-      price: '1989',
-      unit: 'EUR/NIGHT',
+      label: "Luxurious wine & dine in Copenhagen",
+      price: "1989",
+      unit: "EUR/NIGHT",
     },
     approximateRate: {
-      price: '1989',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "1989",
+      label: "Approx.",
+      unit: "EUR",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -83,28 +83,28 @@ export const Package: Story = {
 
 export const CampaignLoggedIn: Story = {
   args: {
-    rateTitle: 'NON-REFUNDABLE',
-    paymentTerm: 'PAY NOW',
-    bannerText: 'SUM2025 ∙ Breakfast included',
+    rateTitle: "NON-REFUNDABLE",
+    paymentTerm: "PAY NOW",
+    bannerText: "SUM2025 ∙ Breakfast included",
     rate: {
-      label: 'Luxurious wine & dine in Copenhagen',
-      price: '198',
-      unit: 'EUR/NIGHT',
+      label: "Luxurious wine & dine in Copenhagen",
+      price: "198",
+      unit: "EUR/NIGHT",
     },
     approximateRate: {
-      price: '198',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "198",
+      label: "Approx.",
+      unit: "EUR",
     },
     comparisonRate: {
-      price: '249',
-      unit: 'EUR/NIGHT',
+      price: "249",
+      unit: "EUR/NIGHT",
     },
     isHighlightedRate: true,
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -112,33 +112,33 @@ export const CampaignLoggedIn: Story = {
 
 export const CampaignOmnibus: Story = {
   args: {
-    rateTitle: 'NON-REFUNDABLE',
-    paymentTerm: 'PAY NOW',
-    bannerText: 'WDCPHG ∙ Breakfast included',
+    rateTitle: "NON-REFUNDABLE",
+    paymentTerm: "PAY NOW",
+    bannerText: "WDCPHG ∙ Breakfast included",
     rate: {
-      label: 'Luxurious wine & dine in Copenhagen',
-      price: '198',
-      unit: 'EUR/NIGHT',
+      label: "Luxurious wine & dine in Copenhagen",
+      price: "198",
+      unit: "EUR/NIGHT",
     },
     memberRate: {
-      label: 'Member price',
-      price: '150',
-      unit: 'EUR/NIGHT',
+      label: "Member price",
+      price: "150",
+      unit: "EUR/NIGHT",
     },
     approximateRate: {
-      price: '198',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "198",
+      label: "Approx.",
+      unit: "EUR",
     },
     omnibusRate: {
-      price: '101',
-      label: 'Lowest past price (last 30 days)',
-      unit: 'EUR',
+      price: "101",
+      label: "Lowest past price (last 30 days)",
+      unit: "EUR",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
diff --git a/packages/design-system/lib/components/RateCard/Campaign/index.tsx b/packages/design-system/lib/components/RateCard/Campaign/index.tsx
index c7d1bde35..d31fa1dab 100644
--- a/packages/design-system/lib/components/RateCard/Campaign/index.tsx
+++ b/packages/design-system/lib/components/RateCard/Campaign/index.tsx
@@ -1,15 +1,15 @@
-import { cx } from 'class-variance-authority'
+import { cx } from "class-variance-authority"
 
-import { Typography } from '../../Typography'
-import { Rate, RateTermDetails } from '../types'
+import { Typography } from "../../Typography"
+import { Rate, RateTermDetails } from "../types"
 
-import { Button as ButtonRAC } from 'react-aria-components'
-import { useIntl } from 'react-intl'
-import { IconButton } from '../../IconButton'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import Modal from '../Modal'
-import styles from '../rate-card.module.css'
-import { variants } from '../variants'
+import { Button as ButtonRAC } from "react-aria-components"
+import { useIntl } from "react-intl"
+import { IconButton } from "../../IconButton"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import Modal from "../Modal"
+import styles from "../rate-card.module.css"
+import { variants } from "../variants"
 
 interface CampaignRateCardProps {
   id: string
@@ -20,7 +20,7 @@ interface CampaignRateCardProps {
   rate: Rate
   memberRate?: Rate
   omnibusRate?: Rate
-  comparisonRate?: Omit<Rate, 'label'>
+  comparisonRate?: Omit<Rate, "label">
   isHighlightedRate?: boolean
   isHighlightedRateLabel?: boolean
   approximateRate?: Rate
@@ -48,7 +48,7 @@ export default function CampaignRateCard({
   rateTermDetails,
 }: CampaignRateCardProps) {
   const classNames = variants({
-    variant: 'Campaign',
+    variant: "Campaign",
   })
 
   const intl = useIntl()
@@ -84,8 +84,8 @@ export default function CampaignRateCard({
                   size="sm"
                   className={styles.triggerButton}
                   aria-label={intl.formatMessage({
-                    id: 'selectRate.rateCard.openReservationPolicy',
-                    defaultMessage: 'Open reservation policy',
+                    id: "selectRate.rateCard.openReservationPolicy",
+                    defaultMessage: "Open reservation policy",
                   })}
                   iconName="info"
                 />
@@ -167,7 +167,7 @@ export default function CampaignRateCard({
                   <span className={styles.strikethrough}>
                     {comparisonRate.price}
                     {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
-                  </span>{' '}
+                  </span>{" "}
                   <Typography variant="Body/Supporting text (caption)/smBold">
                     <span className={styles.strikethrough}>
                       {comparisonRate.unit}
diff --git a/packages/design-system/lib/components/RateCard/Code/Code.stories.tsx b/packages/design-system/lib/components/RateCard/Code/Code.stories.tsx
index b834d71c4..b4645a217 100644
--- a/packages/design-system/lib/components/RateCard/Code/Code.stories.tsx
+++ b/packages/design-system/lib/components/RateCard/Code/Code.stories.tsx
@@ -1,22 +1,22 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import CodeRateCard from '.'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import CodeRateCard from "."
 
 const meta: Meta<typeof CodeRateCard> = {
-  title: 'Product Components/RateCard/Code',
+  title: "Product Components/RateCard/Code",
   component: CodeRateCard,
   decorators: [
     (Story) => (
-      <div style={{ maxWidth: '400px' }}>
+      <div style={{ maxWidth: "400px" }}>
         <Story />
       </div>
     ),
   ],
   argTypes: {
-    rateTitle: { control: 'text' },
-    paymentTerm: { control: 'text' },
-    rate: { control: 'object' },
-    approximateRate: { control: 'object' },
-    rateTermDetails: { contorlr: 'object' },
+    rateTitle: { control: "text" },
+    paymentTerm: { control: "text" },
+    rate: { control: "object" },
+    approximateRate: { control: "object" },
+    rateTermDetails: { contorlr: "object" },
   },
 }
 
@@ -26,23 +26,23 @@ type Story = StoryObj<typeof CodeRateCard>
 
 export const Default: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY LATER',
-    bannerText: 'Campaign ∙ Breakfast excluded',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY LATER",
+    bannerText: "Campaign ∙ Breakfast excluded",
     rate: {
       label: "Valentine's Special",
-      price: '1989',
-      unit: 'EUR/night',
+      price: "1989",
+      unit: "EUR/night",
     },
     approximateRate: {
-      price: '1989',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "1989",
+      label: "Approx.",
+      unit: "EUR",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -50,18 +50,18 @@ export const Default: Story = {
 
 export const Voucher: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY LATER',
-    bannerText: 'VOG ∙ Breakfast included',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY LATER",
+    bannerText: "VOG ∙ Breakfast included",
     rate: {
-      label: 'Promotional name here',
-      price: '1',
-      unit: 'VOUCHER',
+      label: "Promotional name here",
+      price: "1",
+      unit: "VOUCHER",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -69,23 +69,23 @@ export const Voucher: Story = {
 
 export const CorporateCheck: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY LATER',
-    bannerText: 'VOG ∙ Breakfast included',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY LATER",
+    bannerText: "VOG ∙ Breakfast included",
     rate: {
-      label: 'Promotional name here',
-      price: '2cc + 800',
-      unit: 'SEK',
+      label: "Promotional name here",
+      price: "2cc + 800",
+      unit: "SEK",
     },
     approximateRate: {
-      price: '76',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "76",
+      label: "Approx.",
+      unit: "EUR",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -93,23 +93,23 @@ export const CorporateCheck: Story = {
 
 export const DNumberDefault: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY LATER',
-    bannerText: 'D0043148 ∙ Breakfast included',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY LATER",
+    bannerText: "D0043148 ∙ Breakfast included",
     rate: {
-      label: 'Helsinki Partners Oy',
-      price: '1989',
-      unit: 'EUR/NIGHT',
+      label: "Helsinki Partners Oy",
+      price: "1989",
+      unit: "EUR/NIGHT",
     },
     approximateRate: {
-      price: '76',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "76",
+      label: "Approx.",
+      unit: "EUR",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -117,24 +117,24 @@ export const DNumberDefault: Story = {
 
 export const DNumberHighlightedRate: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY LATER',
-    bannerText: 'D0043148 ∙ Breakfast included',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY LATER",
+    bannerText: "D0043148 ∙ Breakfast included",
     rate: {
-      label: 'Helsinki Partners Oy',
-      price: '198',
-      unit: 'EUR/NIGHT',
+      label: "Helsinki Partners Oy",
+      price: "198",
+      unit: "EUR/NIGHT",
     },
     approximateRate: {
-      price: '76',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "76",
+      label: "Approx.",
+      unit: "EUR",
     },
     isHighlightedRate: true,
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -142,23 +142,23 @@ export const DNumberHighlightedRate: Story = {
 
 export const LNumberDefault: Story = {
   args: {
-    rateTitle: 'NON-REFUNDABLE',
-    paymentTerm: 'PAY NOW',
-    bannerText: 'L0043148 ∙ Breakfast included',
+    rateTitle: "NON-REFUNDABLE",
+    paymentTerm: "PAY NOW",
+    bannerText: "L0043148 ∙ Breakfast included",
     rate: {
-      label: 'Nordic Team Travel',
-      price: '198',
-      unit: 'EUR/NIGHT',
+      label: "Nordic Team Travel",
+      price: "198",
+      unit: "EUR/NIGHT",
     },
     approximateRate: {
-      price: '76',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "76",
+      label: "Approx.",
+      unit: "EUR",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -166,27 +166,27 @@ export const LNumberDefault: Story = {
 
 export const LNumberStrikethrough: Story = {
   args: {
-    rateTitle: 'NON-REFUNDABLE',
-    paymentTerm: 'PAY NOW',
-    bannerText: 'L0043148 ∙ Breakfast included',
+    rateTitle: "NON-REFUNDABLE",
+    paymentTerm: "PAY NOW",
+    bannerText: "L0043148 ∙ Breakfast included",
     rate: {
-      label: 'Nordic Team Travel',
-      price: '198',
-      unit: 'EUR/NIGHT',
+      label: "Nordic Team Travel",
+      price: "198",
+      unit: "EUR/NIGHT",
     },
     comparisonRate: {
-      price: '249',
-      unit: 'EUR/NIGHT',
+      price: "249",
+      unit: "EUR/NIGHT",
     },
     approximateRate: {
-      price: '230/218',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "230/218",
+      label: "Approx.",
+      unit: "EUR",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
diff --git a/packages/design-system/lib/components/RateCard/Code/index.tsx b/packages/design-system/lib/components/RateCard/Code/index.tsx
index 233dad1ce..fed4ebffc 100644
--- a/packages/design-system/lib/components/RateCard/Code/index.tsx
+++ b/packages/design-system/lib/components/RateCard/Code/index.tsx
@@ -1,14 +1,14 @@
-import { Rate, RateTermDetails } from '../types'
+import { Rate, RateTermDetails } from "../types"
 
-import { cx } from 'class-variance-authority'
-import { Button as ButtonRAC } from 'react-aria-components'
-import { useIntl } from 'react-intl'
-import { IconButton } from '../../IconButton'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { Typography } from '../../Typography'
-import Modal from '../Modal'
-import styles from '../rate-card.module.css'
-import { variants } from '../variants'
+import { cx } from "class-variance-authority"
+import { Button as ButtonRAC } from "react-aria-components"
+import { useIntl } from "react-intl"
+import { IconButton } from "../../IconButton"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { Typography } from "../../Typography"
+import Modal from "../Modal"
+import styles from "../rate-card.module.css"
+import { variants } from "../variants"
 
 interface CodeRateCardProps {
   id: string
@@ -17,7 +17,7 @@ interface CodeRateCardProps {
   paymentTerm: string
   rate: Rate
   bannerText: string
-  comparisonRate?: Omit<Rate, 'label'>
+  comparisonRate?: Omit<Rate, "label">
   approximateRate?: Rate
   roomTypeCode: string
   isHighlightedRate?: boolean
@@ -41,7 +41,7 @@ export default function CodeRateCard({
   rateTermDetails,
 }: CodeRateCardProps) {
   const classNames = variants({
-    variant: 'Code',
+    variant: "Code",
   })
   const intl = useIntl()
 
@@ -74,8 +74,8 @@ export default function CodeRateCard({
                   size="sm"
                   className={styles.triggerButton}
                   aria-label={intl.formatMessage({
-                    id: 'selectRate.rateCard.openReservationPolicy',
-                    defaultMessage: 'Open reservation policy',
+                    id: "selectRate.rateCard.openReservationPolicy",
+                    defaultMessage: "Open reservation policy",
                   })}
                   iconName="info"
                 />
@@ -113,7 +113,7 @@ export default function CodeRateCard({
         </Typography>
         <div className={styles.content} id={`${id}-details`}>
           <div
-            className={`${styles.rateRow} ${isHighlightedRate ? styles.highlightedRate : ''}`}
+            className={`${styles.rateRow} ${isHighlightedRate ? styles.highlightedRate : ""}`}
           >
             <Typography variant="Body/Supporting text (caption)/smBold">
               <p>{rate.label}</p>
@@ -135,7 +135,7 @@ export default function CodeRateCard({
                   <span className={styles.strikethrough}>
                     {comparisonRate.price}
                     {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
-                  </span>{' '}
+                  </span>{" "}
                   <Typography variant="Body/Supporting text (caption)/smBold">
                     <span className={styles.strikethrough}>
                       {comparisonRate.unit}
diff --git a/packages/design-system/lib/components/RateCard/Modal/index.tsx b/packages/design-system/lib/components/RateCard/Modal/index.tsx
index 11c7c1cd4..65d62dc72 100644
--- a/packages/design-system/lib/components/RateCard/Modal/index.tsx
+++ b/packages/design-system/lib/components/RateCard/Modal/index.tsx
@@ -1,26 +1,26 @@
-'use client'
+"use client"
 
-import { AnimatePresence, motion } from 'motion/react'
-import { type PropsWithChildren, useEffect, useState } from 'react'
+import { AnimatePresence, motion } from "motion/react"
+import { type PropsWithChildren, useEffect, useState } from "react"
 import {
   Modal as AriaModal,
   Dialog,
   DialogTrigger,
   ModalOverlay,
-} from 'react-aria-components'
+} from "react-aria-components"
 
 import {
   type AnimationState,
   AnimationStateEnum,
   type InnerModalProps,
   type ModalProps,
-} from './modal'
-import { fade, slideInOut } from './motionVariants'
+} from "./modal"
+import { fade, slideInOut } from "./motionVariants"
 
-import { useIntl } from 'react-intl'
-import { IconButton } from '../../IconButton'
-import { Typography } from '../../Typography'
-import styles from './modal.module.css'
+import { useIntl } from "react-intl"
+import { IconButton } from "../../IconButton"
+import { Typography } from "../../Typography"
+import styles from "./modal.module.css"
 
 const MotionOverlay = motion.create(ModalOverlay)
 const MotionModal = motion.create(AriaModal)
@@ -94,8 +94,8 @@ function InnerModal({
                     emphasis
                     onPress={close}
                     aria-label={intl.formatMessage({
-                      id: 'common.close',
-                      defaultMessage: 'Close',
+                      id: "common.close",
+                      defaultMessage: "Close",
                     })}
                     iconName="close"
                   />
@@ -127,7 +127,7 @@ export default function Modal({
   )
 
   useEffect(() => {
-    if (typeof isOpen === 'boolean') {
+    if (typeof isOpen === "boolean") {
       setAnimation(
         isOpen ? AnimationStateEnum.visible : AnimationStateEnum.hidden
       )
diff --git a/packages/design-system/lib/components/RateCard/Modal/modal.ts b/packages/design-system/lib/components/RateCard/Modal/modal.ts
index 44e2321ab..3221bcdd1 100644
--- a/packages/design-system/lib/components/RateCard/Modal/modal.ts
+++ b/packages/design-system/lib/components/RateCard/Modal/modal.ts
@@ -1,9 +1,9 @@
-import type { Dispatch, JSX, SetStateAction } from 'react'
+import type { Dispatch, JSX, SetStateAction } from "react"
 
 export enum AnimationStateEnum {
-  unmounted = 'unmounted',
-  hidden = 'hidden',
-  visible = 'visible',
+  unmounted = "unmounted",
+  hidden = "hidden",
+  visible = "visible",
 }
 
 export type AnimationState = keyof typeof AnimationStateEnum
@@ -23,7 +23,7 @@ export type ModalProps = {
     }
 )
 
-export type InnerModalProps = Omit<ModalProps, 'trigger'> & {
+export type InnerModalProps = Omit<ModalProps, "trigger"> & {
   animation: AnimationState
   setAnimation: Dispatch<SetStateAction<AnimationState>>
 }
diff --git a/packages/design-system/lib/components/RateCard/Modal/motionVariants.ts b/packages/design-system/lib/components/RateCard/Modal/motionVariants.ts
index 71c66a010..97b2e0c0f 100644
--- a/packages/design-system/lib/components/RateCard/Modal/motionVariants.ts
+++ b/packages/design-system/lib/components/RateCard/Modal/motionVariants.ts
@@ -1,11 +1,11 @@
 export const fade = {
   hidden: {
     opacity: 0,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
   visible: {
     opacity: 1,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
 } as const
 
@@ -13,12 +13,12 @@ export const slideInOut = {
   hidden: {
     opacity: 0,
     y: 32,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
   visible: {
     opacity: 1,
     y: 0,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
 } as const
 
@@ -26,11 +26,11 @@ export const slideFromTop = {
   hidden: {
     opacity: 0,
     y: -32,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
   visible: {
     opacity: 1,
     y: 0,
-    transition: { duration: 0.4, ease: 'easeInOut' },
+    transition: { duration: 0.4, ease: "easeInOut" },
   },
 } as const
diff --git a/packages/design-system/lib/components/RateCard/NoRateAvailable/NoRateAvailable.stories.tsx b/packages/design-system/lib/components/RateCard/NoRateAvailable/NoRateAvailable.stories.tsx
index 6b619d602..6bb005b64 100644
--- a/packages/design-system/lib/components/RateCard/NoRateAvailable/NoRateAvailable.stories.tsx
+++ b/packages/design-system/lib/components/RateCard/NoRateAvailable/NoRateAvailable.stories.tsx
@@ -1,20 +1,20 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import NoRateAvailableCard from '.'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import NoRateAvailableCard from "."
 
 const meta: Meta<typeof NoRateAvailableCard> = {
-  title: 'Product Components/RateCard/NoRateAvailable',
+  title: "Product Components/RateCard/NoRateAvailable",
   component: NoRateAvailableCard,
   decorators: [
     (Story) => (
-      <div style={{ maxWidth: '400px' }}>
+      <div style={{ maxWidth: "400px" }}>
         <Story />
       </div>
     ),
   ],
   argTypes: {
-    rateTitle: { control: 'text' },
-    paymentTerm: { control: 'text' },
-    noPricesAvailableText: { control: 'text' },
+    rateTitle: { control: "text" },
+    paymentTerm: { control: "text" },
+    noPricesAvailableText: { control: "text" },
   },
 }
 
@@ -24,39 +24,39 @@ type Story = StoryObj<typeof NoRateAvailableCard>
 
 export const NoRateAvailable: Story = {
   args: {
-    variant: 'Regular',
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY NOW',
-    noPricesAvailableText: 'No prices available',
+    variant: "Regular",
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY NOW",
+    noPricesAvailableText: "No prices available",
   },
 }
 
 export const NoRateAvailableCampaign: Story = {
   args: {
-    variant: 'Campaign',
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY NOW',
-    bannerText: 'Campaign ∙ Breakfast included',
-    noPricesAvailableText: 'No prices available',
+    variant: "Campaign",
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY NOW",
+    bannerText: "Campaign ∙ Breakfast included",
+    noPricesAvailableText: "No prices available",
   },
 }
 
 export const NoRateAvailableCode: Story = {
   args: {
-    variant: 'Code',
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY NOW',
-    bannerText: 'WDCPHG ∙ Breakfast included',
-    noPricesAvailableText: 'No prices available',
+    variant: "Code",
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY NOW",
+    bannerText: "WDCPHG ∙ Breakfast included",
+    noPricesAvailableText: "No prices available",
   },
 }
 
 export const NoRateAvailablePoints: Story = {
   args: {
-    variant: 'Points',
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY NOW',
-    bannerText: 'WDCPHG ∙ Breakfast included',
-    noPricesAvailableText: 'No prices available',
+    variant: "Points",
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY NOW",
+    bannerText: "WDCPHG ∙ Breakfast included",
+    noPricesAvailableText: "No prices available",
   },
 }
diff --git a/packages/design-system/lib/components/RateCard/NoRateAvailable/index.tsx b/packages/design-system/lib/components/RateCard/NoRateAvailable/index.tsx
index e7ff27beb..00a3353ea 100644
--- a/packages/design-system/lib/components/RateCard/NoRateAvailable/index.tsx
+++ b/packages/design-system/lib/components/RateCard/NoRateAvailable/index.tsx
@@ -1,10 +1,10 @@
-import { IconButton } from '../../IconButton'
-import { Typography } from '../../Typography'
-import styles from '../rate-card.module.css'
-import { variants } from '../variants'
+import { IconButton } from "../../IconButton"
+import { Typography } from "../../Typography"
+import styles from "../rate-card.module.css"
+import { variants } from "../variants"
 
 interface NoRateAvailableCardProps {
-  variant: 'Regular' | 'Campaign' | 'Code' | 'Points'
+  variant: "Regular" | "Campaign" | "Code" | "Points"
   rateTitle: string
   paymentTerm: string
   bannerText?: string
diff --git a/packages/design-system/lib/components/RateCard/Points/Points.stories.tsx b/packages/design-system/lib/components/RateCard/Points/Points.stories.tsx
index 8b22d74dd..9ada1641a 100644
--- a/packages/design-system/lib/components/RateCard/Points/Points.stories.tsx
+++ b/packages/design-system/lib/components/RateCard/Points/Points.stories.tsx
@@ -1,27 +1,27 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import PointsRateCard from '.'
+import PointsRateCard from "."
 
 const meta: Meta<typeof PointsRateCard> = {
-  title: 'Product Components/RateCard/Points',
+  title: "Product Components/RateCard/Points",
   component: PointsRateCard,
   decorators: [
     (Story) => (
-      <div style={{ maxWidth: '400px' }}>
+      <div style={{ maxWidth: "400px" }}>
         <Story />
       </div>
     ),
   ],
   argTypes: {
-    rateTitle: { control: 'text' },
-    paymentTerm: { control: 'text' },
-    bannerText: { control: 'text' },
-    rates: { control: 'object' },
-    selectedRate: { control: 'text' },
-    onRateSelect: { action: 'onRateSelect' },
-    isNotEnoughPoints: { control: 'boolean' },
-    notEnoughPointsText: { control: 'text' },
-    rateTermDetails: { control: 'object' },
+    rateTitle: { control: "text" },
+    paymentTerm: { control: "text" },
+    bannerText: { control: "text" },
+    rates: { control: "object" },
+    selectedRate: { control: "text" },
+    onRateSelect: { action: "onRateSelect" },
+    isNotEnoughPoints: { control: "boolean" },
+    notEnoughPointsText: { control: "text" },
+    rateTermDetails: { control: "object" },
   },
 }
 
@@ -31,40 +31,40 @@ type Story = StoryObj<typeof PointsRateCard>
 
 export const Default: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY LATER',
-    bannerText: 'Reward night ∙ Breakfast included',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY LATER",
+    bannerText: "Reward night ∙ Breakfast included",
     rates: [
       {
-        points: '20000',
-        currency: 'PTS',
-        rateCode: 'REDNIGHT7',
+        points: "20000",
+        currency: "PTS",
+        rateCode: "REDNIGHT7",
       },
       {
-        points: '15000',
-        currency: 'PTS',
+        points: "15000",
+        currency: "PTS",
         additionalPrice: {
-          price: '250',
-          currency: 'EUR',
+          price: "250",
+          currency: "EUR",
         },
-        rateCode: 'REDNIGHT7A',
+        rateCode: "REDNIGHT7A",
       },
       {
-        points: '10000',
-        currency: 'PTS',
+        points: "10000",
+        currency: "PTS",
         additionalPrice: {
-          price: '500',
-          currency: 'EUR',
+          price: "500",
+          currency: "EUR",
         },
-        rateCode: 'REDNIGHT7B',
+        rateCode: "REDNIGHT7B",
       },
     ],
     selectedRate: undefined,
     onRateSelect: (value) => console.log(value),
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -72,42 +72,42 @@ export const Default: Story = {
 
 export const WithDisabledRates: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY LATER',
-    bannerText: 'Reward night ∙ Breakfast included',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY LATER",
+    bannerText: "Reward night ∙ Breakfast included",
     rates: [
       {
-        points: '20000',
-        currency: 'PTS',
+        points: "20000",
+        currency: "PTS",
         isDisabled: true,
-        rateCode: 'REDNIGHT7',
+        rateCode: "REDNIGHT7",
       },
       {
-        points: '15000',
-        currency: 'PTS',
+        points: "15000",
+        currency: "PTS",
         isDisabled: true,
         additionalPrice: {
-          price: '250',
-          currency: 'EUR',
+          price: "250",
+          currency: "EUR",
         },
-        rateCode: 'REDNIGHT7A',
+        rateCode: "REDNIGHT7A",
       },
       {
-        points: '10000',
-        currency: 'PTS',
+        points: "10000",
+        currency: "PTS",
         additionalPrice: {
-          price: '500',
-          currency: 'EUR',
+          price: "500",
+          currency: "EUR",
         },
-        rateCode: 'REDNIGHT7B',
+        rateCode: "REDNIGHT7B",
       },
     ],
-    selectedRate: '2',
+    selectedRate: "2",
     onRateSelect: (value) => console.log(value),
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -115,42 +115,42 @@ export const WithDisabledRates: Story = {
 
 export const NotEnoughPoints: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY LATER',
-    bannerText: 'Reward night ∙ Breakfast included',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY LATER",
+    bannerText: "Reward night ∙ Breakfast included",
     rates: [
       {
-        points: '20000',
-        currency: 'PTS',
-        rateCode: 'REDNIGHT7',
+        points: "20000",
+        currency: "PTS",
+        rateCode: "REDNIGHT7",
       },
       {
-        points: '15000',
-        currency: 'PTS',
+        points: "15000",
+        currency: "PTS",
         additionalPrice: {
-          price: '250',
-          currency: 'EUR',
+          price: "250",
+          currency: "EUR",
         },
-        rateCode: 'REDNIGHT7A',
+        rateCode: "REDNIGHT7A",
       },
       {
-        points: '10000',
-        currency: 'PTS',
+        points: "10000",
+        currency: "PTS",
         additionalPrice: {
-          price: '500',
-          currency: 'EUR',
+          price: "500",
+          currency: "EUR",
         },
-        rateCode: 'REDNIGHT7B',
+        rateCode: "REDNIGHT7B",
       },
     ],
     selectedRate: undefined,
     isNotEnoughPoints: true,
-    notEnoughPointsText: 'Not enough points',
+    notEnoughPointsText: "Not enough points",
     onRateSelect: (value) => console.log(value),
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
diff --git a/packages/design-system/lib/components/RateCard/Points/index.tsx b/packages/design-system/lib/components/RateCard/Points/index.tsx
index 43289cb2d..6684a90db 100644
--- a/packages/design-system/lib/components/RateCard/Points/index.tsx
+++ b/packages/design-system/lib/components/RateCard/Points/index.tsx
@@ -1,14 +1,14 @@
-import { Typography } from '../../Typography'
-import { RatePointsOption, RateTermDetails } from '../types'
+import { Typography } from "../../Typography"
+import { RatePointsOption, RateTermDetails } from "../types"
 
-import { RadioGroup } from 'react-aria-components'
-import { useIntl } from 'react-intl'
-import { IconButton } from '../../IconButton'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { Radio } from '../../Radio'
-import Modal from '../Modal'
-import styles from '../rate-card.module.css'
-import { variants } from '../variants'
+import { RadioGroup } from "react-aria-components"
+import { useIntl } from "react-intl"
+import { IconButton } from "../../IconButton"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { Radio } from "../../Radio"
+import Modal from "../Modal"
+import styles from "../rate-card.module.css"
+import { variants } from "../variants"
 
 interface PointsRateCardProps {
   rateTitle: string
@@ -38,7 +38,7 @@ export default function PointsRateCard({
   rateTermDetails,
 }: PointsRateCardProps) {
   const classNames = variants({
-    variant: 'Points',
+    variant: "Points",
   })
   const intl = useIntl()
 
@@ -60,8 +60,8 @@ export default function PointsRateCard({
                     emphasis
                     size="sm"
                     aria-label={intl.formatMessage({
-                      id: 'selectRate.rateCard.openReservationPolicy',
-                      defaultMessage: 'Open reservation policy',
+                      id: "selectRate.rateCard.openReservationPolicy",
+                      defaultMessage: "Open reservation policy",
                     })}
                     iconName="info"
                   />
@@ -119,7 +119,7 @@ export default function PointsRateCard({
                         <Typography variant="Body/Supporting text (caption)/smBold">
                           <span>
                             {/* eslint-disable-next-line formatjs/no-literal-string-in-jsx */}
-                            {`${rate.currency} ${rate.additionalPrice ? ' + ' : ''}`}
+                            {`${rate.currency} ${rate.additionalPrice ? " + " : ""}`}
                           </span>
                         </Typography>
                       </p>
diff --git a/packages/design-system/lib/components/RateCard/Regular/Regular.stories.tsx b/packages/design-system/lib/components/RateCard/Regular/Regular.stories.tsx
index d5d60b52d..9d2f169f8 100644
--- a/packages/design-system/lib/components/RateCard/Regular/Regular.stories.tsx
+++ b/packages/design-system/lib/components/RateCard/Regular/Regular.stories.tsx
@@ -1,24 +1,24 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import RegularRateCard from '.'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import RegularRateCard from "."
 
 const meta: Meta<typeof RegularRateCard> = {
-  title: 'Product Components/RateCard/Regular',
+  title: "Product Components/RateCard/Regular",
   component: RegularRateCard,
   decorators: [
     (Story) => (
-      <div style={{ maxWidth: '400px' }}>
+      <div style={{ maxWidth: "400px" }}>
         <Story />
       </div>
     ),
   ],
   argTypes: {
-    rateTitle: { control: 'text' },
-    paymentTerm: { control: 'text' },
-    rate: { control: 'object' },
-    memberRate: { control: 'object' },
-    omnibusRate: { control: 'object' },
-    approximateRate: { control: 'object' },
-    rateTermDetails: { control: 'object' },
+    rateTitle: { control: "text" },
+    paymentTerm: { control: "text" },
+    rate: { control: "object" },
+    memberRate: { control: "object" },
+    omnibusRate: { control: "object" },
+    approximateRate: { control: "object" },
+    rateTermDetails: { control: "object" },
   },
 }
 
@@ -28,32 +28,32 @@ type Story = StoryObj<typeof RegularRateCard>
 
 export const Default: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY NOW',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY NOW",
     rate: {
-      label: 'Standard Price',
-      price: '1980',
-      unit: 'SEK/NIGHT',
+      label: "Standard Price",
+      price: "1980",
+      unit: "SEK/NIGHT",
     },
     memberRate: {
-      label: 'Member Price',
-      price: '1900',
-      unit: 'SEK/NIGHT',
+      label: "Member Price",
+      price: "1900",
+      unit: "SEK/NIGHT",
     },
     approximateRate: {
-      price: '198',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "198",
+      label: "Approx.",
+      unit: "EUR",
     },
     omnibusRate: {
-      label: 'Lowest past price (last 30 days)',
-      price: '1690',
-      unit: 'SEK/NIGHT',
+      label: "Lowest past price (last 30 days)",
+      price: "1690",
+      unit: "SEK/NIGHT",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -62,27 +62,27 @@ export const Default: Story = {
 export const Selected: Story = {
   args: {
     isSelected: true,
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY NOW',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY NOW",
     rate: {
-      label: 'Standard Price',
-      price: '1980',
-      unit: 'SEK/NIGHT',
+      label: "Standard Price",
+      price: "1980",
+      unit: "SEK/NIGHT",
     },
     memberRate: {
-      label: 'Member Price',
-      price: '1900',
-      unit: 'SEK/NIGHT',
+      label: "Member Price",
+      price: "1900",
+      unit: "SEK/NIGHT",
     },
     approximateRate: {
-      price: '198',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "198",
+      label: "Approx.",
+      unit: "EUR",
     },
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
@@ -90,28 +90,28 @@ export const Selected: Story = {
 
 export const MemberRateActive: Story = {
   args: {
-    rateTitle: 'FREE CANCELLATION',
-    paymentTerm: 'PAY NOW',
+    rateTitle: "FREE CANCELLATION",
+    paymentTerm: "PAY NOW",
     rate: {
-      label: 'Standard Price',
-      price: '1980',
-      unit: 'SEK',
+      label: "Standard Price",
+      price: "1980",
+      unit: "SEK",
     },
     memberRate: {
-      label: 'Member Price',
-      price: '1900',
-      unit: 'SEK/NIGHT',
+      label: "Member Price",
+      price: "1900",
+      unit: "SEK/NIGHT",
     },
     approximateRate: {
-      price: '190',
-      label: 'Approx.',
-      unit: 'EUR',
+      price: "190",
+      label: "Approx.",
+      unit: "EUR",
     },
     isMemberRateActive: true,
     rateTermDetails: [
       {
-        title: 'Rate definition 1',
-        terms: ['term 1', 'term 2', 'term 3'],
+        title: "Rate definition 1",
+        terms: ["term 1", "term 2", "term 3"],
       },
     ],
   },
diff --git a/packages/design-system/lib/components/RateCard/Regular/index.tsx b/packages/design-system/lib/components/RateCard/Regular/index.tsx
index 9c186ce2c..7a43c0c92 100644
--- a/packages/design-system/lib/components/RateCard/Regular/index.tsx
+++ b/packages/design-system/lib/components/RateCard/Regular/index.tsx
@@ -1,14 +1,14 @@
-import { Rate, RateTermDetails } from '../types'
+import { Rate, RateTermDetails } from "../types"
 
-import { cx } from 'class-variance-authority'
-import { Button as ButtonRAC } from 'react-aria-components'
-import { useIntl } from 'react-intl'
-import { IconButton } from '../../IconButton'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { Typography } from '../../Typography'
-import Modal from '../Modal'
-import styles from '../rate-card.module.css'
-import { variants } from '../variants'
+import { cx } from "class-variance-authority"
+import { Button as ButtonRAC } from "react-aria-components"
+import { useIntl } from "react-intl"
+import { IconButton } from "../../IconButton"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { Typography } from "../../Typography"
+import Modal from "../Modal"
+import styles from "../rate-card.module.css"
+import { variants } from "../variants"
 
 interface RegularRateCardProps {
   id: string
@@ -39,7 +39,7 @@ export default function RegularRateCard({
   handleChange,
   rateTermDetails,
 }: RegularRateCardProps) {
-  const classNames = variants({ variant: 'Regular' })
+  const classNames = variants({ variant: "Regular" })
 
   const intl = useIntl()
 
@@ -69,8 +69,8 @@ export default function RegularRateCard({
                   size="sm"
                   className={styles.triggerButton}
                   aria-label={intl.formatMessage({
-                    id: 'selectRate.rateCard.openReservationPolicy',
-                    defaultMessage: 'Open reservation policy',
+                    id: "selectRate.rateCard.openReservationPolicy",
+                    defaultMessage: "Open reservation policy",
                   })}
                   iconName="info"
                 />
diff --git a/packages/design-system/lib/components/RateCard/variants.ts b/packages/design-system/lib/components/RateCard/variants.ts
index 3e81f57ef..b2da80eec 100644
--- a/packages/design-system/lib/components/RateCard/variants.ts
+++ b/packages/design-system/lib/components/RateCard/variants.ts
@@ -1,18 +1,18 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './rate-card.module.css'
+import styles from "./rate-card.module.css"
 
 export const config = {
   variants: {
     variant: {
-      Regular: styles['variant-regular'],
-      Campaign: styles['variant-campaign'],
-      Code: styles['variant-code'],
-      Points: styles['variant-points'],
+      Regular: styles["variant-regular"],
+      Campaign: styles["variant-campaign"],
+      Code: styles["variant-code"],
+      Points: styles["variant-points"],
     },
   },
   defaultVariants: {
-    variant: 'Regular',
+    variant: "Regular",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/Select/Select.stories.tsx b/packages/design-system/lib/components/Select/Select.stories.tsx
index 479d9754f..a0ec5ebcb 100644
--- a/packages/design-system/lib/components/Select/Select.stories.tsx
+++ b/packages/design-system/lib/components/Select/Select.stories.tsx
@@ -1,9 +1,9 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Select } from './Select'
+import { Select } from "./Select"
 
 const meta: Meta<typeof Select> = {
-  title: 'Core Components/Select',
+  title: "Core Components/Select",
   component: Select,
   argTypes: {},
 }
@@ -13,43 +13,43 @@ export default meta
 type Story = StoryObj<typeof Select>
 
 const items = [
-  { label: 'Foo', value: 'foo' },
-  { label: 'Bar', value: 'bar' },
-  { label: 'Baz', value: 'baz' },
+  { label: "Foo", value: "foo" },
+  { label: "Bar", value: "bar" },
+  { label: "Baz", value: "baz" },
 ]
 
 export const Default: Story = {
   args: {
     items,
-    label: 'Select an item',
-    name: 'foo',
+    label: "Select an item",
+    name: "foo",
   },
 }
 
 export const DefaultSelected: Story = {
   args: {
     items,
-    label: 'Select an item',
-    name: 'foo',
-    defaultSelectedKey: 'foo',
+    label: "Select an item",
+    name: "foo",
+    defaultSelectedKey: "foo",
   },
 }
 
 export const Icons: Story = {
   args: {
     items,
-    label: 'Select an item',
-    name: 'foo',
-    icon: 'star',
-    itemIcon: 'check',
+    label: "Select an item",
+    name: "foo",
+    icon: "star",
+    itemIcon: "check",
   },
 }
 
 export const Filtering: Story = {
   args: {
     items,
-    label: 'Select an item',
-    name: 'foo',
+    label: "Select an item",
+    name: "foo",
     enableFiltering: true,
   },
 }
@@ -57,9 +57,9 @@ export const Filtering: Story = {
 export const FilteringSelected: Story = {
   args: {
     items,
-    label: 'Select an item',
-    name: 'foo',
+    label: "Select an item",
+    name: "foo",
     enableFiltering: true,
-    defaultSelectedKey: 'foo',
+    defaultSelectedKey: "foo",
   },
 }
diff --git a/packages/design-system/lib/components/Select/Select.tsx b/packages/design-system/lib/components/Select/Select.tsx
index 0e6664836..c57bb4fd3 100644
--- a/packages/design-system/lib/components/Select/Select.tsx
+++ b/packages/design-system/lib/components/Select/Select.tsx
@@ -4,19 +4,19 @@ import {
   Popover,
   ListBox,
   Button,
-} from 'react-aria-components'
-import { cx } from 'class-variance-authority'
+} from "react-aria-components"
+import { cx } from "class-variance-authority"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
-import { SelectItem } from './SelectItem'
-import { SelectFilter } from './SelectFilter'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
+import { SelectItem } from "./SelectItem"
+import { SelectFilter } from "./SelectFilter"
 
-import type { SelectProps, SelectFilterProps } from './types'
+import type { SelectProps, SelectFilterProps } from "./types"
 
-import styles from './select.module.css'
-import { useState } from 'react'
-import { InputLabel } from '../InputLabel'
+import styles from "./select.module.css"
+import { useState } from "react"
+import { InputLabel } from "../InputLabel"
 
 export function Select({
   name,
@@ -41,7 +41,7 @@ export function Select({
       />
     )
   }
-  const iconColor = isDisabled ? 'Icon/Interactive/Disabled' : 'Icon/Default'
+  const iconColor = isDisabled ? "Icon/Interactive/Disabled" : "Icon/Default"
 
   return (
     <AriaSelect
diff --git a/packages/design-system/lib/components/Select/SelectFilter.tsx b/packages/design-system/lib/components/Select/SelectFilter.tsx
index e89530c37..3436eca50 100644
--- a/packages/design-system/lib/components/Select/SelectFilter.tsx
+++ b/packages/design-system/lib/components/Select/SelectFilter.tsx
@@ -1,4 +1,4 @@
-'use client'
+"use client"
 
 import {
   Button,
@@ -9,7 +9,7 @@ import {
   Popover,
   Label as AriaLabel,
   ComboBoxStateContext,
-} from 'react-aria-components'
+} from "react-aria-components"
 import {
   PropsWithChildren,
   RefObject,
@@ -17,16 +17,16 @@ import {
   useEffect,
   useRef,
   useState,
-} from 'react'
+} from "react"
 
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
-import { SelectItem } from './SelectItem'
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
+import { SelectItem } from "./SelectItem"
 
-import type { SelectFilterProps } from './types'
+import type { SelectFilterProps } from "./types"
 
-import styles from './select.module.css'
-import { InputLabel } from '../InputLabel'
+import styles from "./select.module.css"
+import { InputLabel } from "../InputLabel"
 
 /**
  * ComboBoxInner
@@ -59,8 +59,8 @@ function ComboBoxInner({
       // The simlulated event has to originate from the input field.
       if (inputRef.current) {
         // Simulate a press on down arrow key.
-        const e = new KeyboardEvent('keydown', {
-          key: 'ArrowDown',
+        const e = new KeyboardEvent("keydown", {
+          key: "ArrowDown",
           bubbles: true /* important so RAC can act on it */,
         })
 
@@ -99,7 +99,7 @@ export function SelectFilter({
 }: SelectFilterProps) {
   const [focus, setFocus] = useState(false)
   const [value, setValue] = useState<Key | null>(defaultSelectedKey ?? null)
-  const iconColor = isDisabled ? 'Icon/Interactive/Disabled' : 'Icon/Default'
+  const iconColor = isDisabled ? "Icon/Interactive/Disabled" : "Icon/Default"
 
   const inputRef = useRef<HTMLInputElement>(null!)
 
diff --git a/packages/design-system/lib/components/Select/SelectItem.tsx b/packages/design-system/lib/components/Select/SelectItem.tsx
index 0a2d8a631..651e91163 100644
--- a/packages/design-system/lib/components/Select/SelectItem.tsx
+++ b/packages/design-system/lib/components/Select/SelectItem.tsx
@@ -1,8 +1,8 @@
-import { ListBoxItem } from 'react-aria-components'
-import { Typography } from '../Typography'
-import styles from './select.module.css'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { SelectItemProps } from './types'
+import { ListBoxItem } from "react-aria-components"
+import { Typography } from "../Typography"
+import styles from "./select.module.css"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { SelectItemProps } from "./types"
 
 export function SelectItem({
   children,
@@ -10,7 +10,7 @@ export function SelectItem({
   isDisabled,
   ...props
 }: SelectItemProps) {
-  const iconColor = isDisabled ? 'Icon/Interactive/Disabled' : 'Icon/Default'
+  const iconColor = isDisabled ? "Icon/Interactive/Disabled" : "Icon/Default"
 
   return (
     <ListBoxItem
@@ -31,7 +31,7 @@ export function SelectItem({
           ) : null}
           <Typography
             variant={
-              isSelected ? 'Body/Paragraph/mdBold' : 'Body/Paragraph/mdRegular'
+              isSelected ? "Body/Paragraph/mdBold" : "Body/Paragraph/mdRegular"
             }
           >
             <span>{children}</span>
diff --git a/packages/design-system/lib/components/Select/index.tsx b/packages/design-system/lib/components/Select/index.tsx
index 20fbbe724..5f216efba 100644
--- a/packages/design-system/lib/components/Select/index.tsx
+++ b/packages/design-system/lib/components/Select/index.tsx
@@ -1,3 +1,3 @@
-export { Select } from './Select'
-export { SelectItem } from './SelectItem'
-export { SelectFilter } from './SelectFilter'
+export { Select } from "./Select"
+export { SelectItem } from "./SelectItem"
+export { SelectFilter } from "./SelectFilter"
diff --git a/packages/design-system/lib/components/Select/select.module.css b/packages/design-system/lib/components/Select/select.module.css
index 9797a8f27..27f00a436 100644
--- a/packages/design-system/lib/components/Select/select.module.css
+++ b/packages/design-system/lib/components/Select/select.module.css
@@ -7,7 +7,7 @@
   box-sizing: border-box;
 
   &[data-required] .label::after {
-    content: ' *';
+    content: " *";
   }
   &[data-open] {
     .chevron {
@@ -92,7 +92,7 @@
   padding: 0;
   width: 100%;
 
-  &[value]:not([value='']) {
+  &[value]:not([value=""]) {
     min-height: 24px;
   }
 }
diff --git a/packages/design-system/lib/components/Select/types.ts b/packages/design-system/lib/components/Select/types.ts
index 027f506d1..2cde3e0a3 100644
--- a/packages/design-system/lib/components/Select/types.ts
+++ b/packages/design-system/lib/components/Select/types.ts
@@ -1,18 +1,18 @@
-import { ComponentProps, InputHTMLAttributes } from 'react'
-import { ComboBox, Key, ListBoxItem, Select } from 'react-aria-components'
-import { MaterialIconProps } from '../Icons/MaterialIcon'
+import { ComponentProps, InputHTMLAttributes } from "react"
+import { ComboBox, Key, ListBoxItem, Select } from "react-aria-components"
+import { MaterialIconProps } from "../Icons/MaterialIcon"
 
 interface Item extends Record<string, unknown> {
   label: string
   value: Key
   isDisabled?: boolean
-  icon?: MaterialIconProps['icon']
+  icon?: MaterialIconProps["icon"]
 }
 
 export interface SelectProps extends ComponentProps<typeof Select> {
   autoComplete?: string
-  icon?: MaterialIconProps['icon']
-  itemIcon?: MaterialIconProps['icon']
+  icon?: MaterialIconProps["icon"]
+  itemIcon?: MaterialIconProps["icon"]
   items: Item[]
   name: string
   label: string
@@ -21,15 +21,15 @@ export interface SelectProps extends ComponentProps<typeof Select> {
 }
 
 export interface SelectItemProps extends ComponentProps<typeof ListBoxItem> {
-  icon?: MaterialIconProps['icon']
+  icon?: MaterialIconProps["icon"]
   children: string
 }
 
 export interface SelectFilterProps extends ComponentProps<typeof ComboBox> {
-  autoComplete?: InputHTMLAttributes<HTMLInputElement>['autoComplete']
-  inputMode?: InputHTMLAttributes<HTMLInputElement>['inputMode']
-  icon?: MaterialIconProps['icon']
-  itemIcon?: MaterialIconProps['icon']
+  autoComplete?: InputHTMLAttributes<HTMLInputElement>["autoComplete"]
+  inputMode?: InputHTMLAttributes<HTMLInputElement>["inputMode"]
+  icon?: MaterialIconProps["icon"]
+  itemIcon?: MaterialIconProps["icon"]
   items: Item[]
   name: string
   label: string
diff --git a/packages/design-system/lib/components/SidePeek/KeepBodyVisible.tsx b/packages/design-system/lib/components/SidePeek/KeepBodyVisible.tsx
index b688bc4be..e59a60635 100644
--- a/packages/design-system/lib/components/SidePeek/KeepBodyVisible.tsx
+++ b/packages/design-system/lib/components/SidePeek/KeepBodyVisible.tsx
@@ -1,5 +1,5 @@
-import useSetOverflowVisibleOnRA from '@scandic-hotels/common/hooks/useSetOverflowVisibleOnRA'
-import { useEffect } from 'react'
+import useSetOverflowVisibleOnRA from "@scandic-hotels/common/hooks/useSetOverflowVisibleOnRA"
+import { useEffect } from "react"
 
 export function KeepBodyVisible() {
   const toggle = useSetOverflowVisibleOnRA()
diff --git a/packages/design-system/lib/components/SidePeek/SelfControlled.tsx b/packages/design-system/lib/components/SidePeek/SelfControlled.tsx
index 9c60917a5..5c156d5fa 100644
--- a/packages/design-system/lib/components/SidePeek/SelfControlled.tsx
+++ b/packages/design-system/lib/components/SidePeek/SelfControlled.tsx
@@ -1,18 +1,18 @@
-'use client'
+"use client"
 
-import { useEffect } from 'react'
-import { Dialog, Modal, ModalOverlay } from 'react-aria-components'
-import { useIntl } from 'react-intl'
+import { useEffect } from "react"
+import { Dialog, Modal, ModalOverlay } from "react-aria-components"
+import { useIntl } from "react-intl"
 
-import usePopStateHandler from '@scandic-hotels/common/hooks/usePopStateHandler'
+import usePopStateHandler from "@scandic-hotels/common/hooks/usePopStateHandler"
 
-import { IconButton } from '../IconButton'
-import { Typography } from '../Typography'
+import { IconButton } from "../IconButton"
+import { Typography } from "../Typography"
 
-import SidePeekSEO from './SidePeekSEO'
+import SidePeekSEO from "./SidePeekSEO"
 
-import { KeepBodyVisible } from './KeepBodyVisible'
-import styles from './sidePeek.module.css'
+import { KeepBodyVisible } from "./KeepBodyVisible"
+import styles from "./sidePeek.module.css"
 
 interface SidePeekSelfControlledProps extends React.PropsWithChildren {
   title: string
@@ -41,7 +41,7 @@ export default function SidePeekSelfControlled({
 
   useEffect(() => {
     if (isOpen) {
-      window.history.pushState(null, '', window.location.href)
+      window.history.pushState(null, "", window.location.href)
     }
   }, [isOpen])
 
@@ -68,8 +68,8 @@ export default function SidePeekSelfControlled({
                     emphasis
                     onPress={() => handleClose(true)}
                     aria-label={intl.formatMessage({
-                      id: 'common.close',
-                      defaultMessage: 'Close',
+                      id: "common.close",
+                      defaultMessage: "Close",
                     })}
                     iconName="close"
                   />
diff --git a/packages/design-system/lib/components/SidePeek/SidePeekContext/SidePeekProvider.tsx b/packages/design-system/lib/components/SidePeek/SidePeekContext/SidePeekProvider.tsx
index 7215f63bc..c0dddeca9 100644
--- a/packages/design-system/lib/components/SidePeek/SidePeekContext/SidePeekProvider.tsx
+++ b/packages/design-system/lib/components/SidePeek/SidePeekContext/SidePeekProvider.tsx
@@ -1,6 +1,6 @@
-'use client'
-import { useEffect, useState } from 'react'
-import { SidePeekContext } from './index'
+"use client"
+import { useEffect, useState } from "react"
+import { SidePeekContext } from "./index"
 
 interface SidepeekProviderProps extends React.PropsWithChildren {
   onOpen?: (sidePeek: string) => void
@@ -16,7 +16,7 @@ export default function SidePeekProvider({
 }: SidepeekProviderProps) {
   const [activeSidePeek, setActiveSidePeek] = useState<string | null>(null)
   useEffect(() => {
-    const sidePeekParam = searchParams.get('s')
+    const sidePeekParam = searchParams.get("s")
     if (sidePeekParam !== activeSidePeek) {
       setActiveSidePeek(sidePeekParam)
     }
diff --git a/packages/design-system/lib/components/SidePeek/SidePeekContext/index.tsx b/packages/design-system/lib/components/SidePeek/SidePeekContext/index.tsx
index a9419db08..dbceaf827 100644
--- a/packages/design-system/lib/components/SidePeek/SidePeekContext/index.tsx
+++ b/packages/design-system/lib/components/SidePeek/SidePeekContext/index.tsx
@@ -1,5 +1,5 @@
-'use client'
-import { createContext } from 'react'
+"use client"
+import { createContext } from "react"
 
 interface ISidePeekContext {
   handleClose: (isOpen: boolean) => void
diff --git a/packages/design-system/lib/components/SidePeek/index.tsx b/packages/design-system/lib/components/SidePeek/index.tsx
index c7ec94582..2aa1546a4 100644
--- a/packages/design-system/lib/components/SidePeek/index.tsx
+++ b/packages/design-system/lib/components/SidePeek/index.tsx
@@ -1,17 +1,17 @@
-'use client'
+"use client"
 
-import { useCallback, useContext, useRef } from 'react'
-import { Dialog, Modal, ModalOverlay } from 'react-aria-components'
-import { IconButton } from '../IconButton'
-import { Typography } from '../Typography'
+import { useCallback, useContext, useRef } from "react"
+import { Dialog, Modal, ModalOverlay } from "react-aria-components"
+import { IconButton } from "../IconButton"
+import { Typography } from "../Typography"
 
-import { SidePeekContext } from './SidePeekContext'
+import { SidePeekContext } from "./SidePeekContext"
 
-import SidePeekSEO from './SidePeekSEO'
+import SidePeekSEO from "./SidePeekSEO"
 
-import { debounce } from '@scandic-hotels/common/utils/debounce'
-import { KeepBodyVisible } from './KeepBodyVisible'
-import styles from './sidePeek.module.css'
+import { debounce } from "@scandic-hotels/common/utils/debounce"
+import { KeepBodyVisible } from "./KeepBodyVisible"
+import styles from "./sidePeek.module.css"
 
 interface SidePeekProps {
   contentKey?: string
@@ -45,7 +45,7 @@ export default function SidePeek({
         const height = entry.contentRect.height
 
         dialogRef.current?.style.setProperty(
-          '--sidepeek-header-height',
+          "--sidepeek-header-height",
           `${height}px`
         )
       }, 100)
@@ -56,7 +56,7 @@ export default function SidePeek({
       return () => {
         observer.unobserve(node)
         observer.disconnect()
-        dialogRef.current?.style.removeProperty('--sidepeek-header-height')
+        dialogRef.current?.style.removeProperty("--sidepeek-header-height")
       }
     }
   }, [])
diff --git a/packages/design-system/lib/components/SkeletonShimmer/index.tsx b/packages/design-system/lib/components/SkeletonShimmer/index.tsx
index 80f3feeb4..b51e13a71 100644
--- a/packages/design-system/lib/components/SkeletonShimmer/index.tsx
+++ b/packages/design-system/lib/components/SkeletonShimmer/index.tsx
@@ -1,6 +1,6 @@
-import { cva, cx } from 'class-variance-authority'
+import { cva, cx } from "class-variance-authority"
 
-import styles from './skeleton.module.css'
+import styles from "./skeleton.module.css"
 
 const variants = cva(styles.shimmer, {
   variants: {
@@ -10,12 +10,12 @@ const variants = cva(styles.shimmer, {
     },
     display: {
       block: styles.block,
-      'inline-block': styles.inlineBlock,
+      "inline-block": styles.inlineBlock,
     },
   },
   defaultVariants: {
-    contrast: 'light',
-    display: 'inline-block',
+    contrast: "light",
+    display: "inline-block",
   },
 })
 
@@ -23,14 +23,14 @@ export default function SkeletonShimmer({
   className,
   height,
   width,
-  contrast = 'light',
-  display = 'inline-block',
+  contrast = "light",
+  display = "inline-block",
 }: {
   className?: string
   height?: string
   width?: string
-  contrast?: 'light' | 'dark'
-  display?: 'block' | 'inline-block'
+  contrast?: "light" | "dark"
+  display?: "block" | "inline-block"
 }) {
   return (
     <span
@@ -38,7 +38,7 @@ export default function SkeletonShimmer({
       style={{
         height: height,
         width: width,
-        maxWidth: '100%',
+        maxWidth: "100%",
       }}
     >
       {/* zero width space, allows for font styles to affect height */}
diff --git a/packages/design-system/lib/components/SkeletonShimmer/skeleton.module.css b/packages/design-system/lib/components/SkeletonShimmer/skeleton.module.css
index 8a90bebf6..96e23e40d 100644
--- a/packages/design-system/lib/components/SkeletonShimmer/skeleton.module.css
+++ b/packages/design-system/lib/components/SkeletonShimmer/skeleton.module.css
@@ -37,7 +37,7 @@
   transform: translateX(-100%);
   background-image: var(--shimmer);
   animation: shimmer 3s infinite;
-  content: '';
+  content: "";
 }
 .shimmer span {
   visibility: hidden;
diff --git a/packages/design-system/lib/components/StaticMap/index.tsx b/packages/design-system/lib/components/StaticMap/index.tsx
index 9c9d1ef82..3e3773468 100644
--- a/packages/design-system/lib/components/StaticMap/index.tsx
+++ b/packages/design-system/lib/components/StaticMap/index.tsx
@@ -1,4 +1,4 @@
-import { getUrlWithSignature } from './utils'
+import { getUrlWithSignature } from "./utils"
 
 export type StaticMapProps = {
   city?: string
@@ -10,7 +10,7 @@ export type StaticMapProps = {
   width: number
   height: number
   zoomLevel?: number
-  mapType?: 'roadmap' | 'satellite' | 'terrain' | 'hybrid'
+  mapType?: "roadmap" | "satellite" | "terrain" | "hybrid"
   altText: string
   mapId?: string
   googleMapKey: string
@@ -45,7 +45,7 @@ export default async function StaticMap({
   width,
   height,
   zoomLevel = 14,
-  mapType = 'roadmap',
+  mapType = "roadmap",
   altText,
   mapId,
   googleMapKey,
@@ -53,7 +53,7 @@ export default async function StaticMap({
 }: StaticMapProps) {
   // const key = env.GOOGLE_STATIC_MAP_KEY
   // const secret = env.GOOGLE_STATIC_MAP_SIGNATURE_SECRET
-  const baseUrl = 'https://maps.googleapis.com/maps/api/staticmap'
+  const baseUrl = "https://maps.googleapis.com/maps/api/staticmap"
   const center = getCenter({ coordinates, city, country })
 
   if (!center) {
@@ -66,7 +66,7 @@ export default async function StaticMap({
   )
 
   if (mapId) {
-    url.searchParams.append('map_id', mapId)
+    url.searchParams.append("map_id", mapId)
   }
 
   const src = getUrlWithSignature(url, googleMapSecret)
diff --git a/packages/design-system/lib/components/StaticMap/utils.ts b/packages/design-system/lib/components/StaticMap/utils.ts
index c6dafbbf5..2e01028c6 100644
--- a/packages/design-system/lib/components/StaticMap/utils.ts
+++ b/packages/design-system/lib/components/StaticMap/utils.ts
@@ -1,4 +1,4 @@
-import crypto from 'node:crypto'
+import crypto from "node:crypto"
 
 /**
  * Util functions taken from https://developers.google.com/maps/documentation/maps-static/digital-signature#sample-code-for-url-signing
@@ -13,7 +13,7 @@ import crypto from 'node:crypto'
  * @return {string}
  */
 function removeWebSafe(safeEncodedString: string) {
-  return safeEncodedString.replace(/-/g, '+').replace(/_/g, '/')
+  return safeEncodedString.replace(/-/g, "+").replace(/_/g, "/")
 }
 
 /**
@@ -24,7 +24,7 @@ function removeWebSafe(safeEncodedString: string) {
  * @return {string}
  */
 function makeWebSafe(encodedString: string) {
-  return encodedString.replace(/\+/g, '-').replace(/\//g, '_')
+  return encodedString.replace(/\+/g, "-").replace(/\//g, "_")
 }
 
 /**
@@ -34,7 +34,7 @@ function makeWebSafe(encodedString: string) {
  * @return {string}
  */
 function decodeBase64Hash(code: string) {
-  return Buffer.from(code, 'base64')
+  return Buffer.from(code, "base64")
 }
 
 /**
@@ -45,7 +45,7 @@ function decodeBase64Hash(code: string) {
  * @return {string}
  */
 function encodeBase64Hash(key: Buffer, data: string) {
-  return crypto.createHmac('sha1', key).update(data).digest('base64')
+  return crypto.createHmac("sha1", key).update(data).digest("base64")
 }
 
 /**
@@ -55,7 +55,7 @@ function encodeBase64Hash(key: Buffer, data: string) {
  * @param  {string} secret Your unique secret key.
  * @return {string}
  */
-export function getUrlWithSignature(url: URL, secret = '') {
+export function getUrlWithSignature(url: URL, secret = "") {
   const path = url.pathname + url.search
   const safeSecret = decodeBase64Hash(removeWebSafe(secret))
   const hashedSignature = makeWebSafe(encodeBase64Hash(safeSecret, path))
diff --git a/packages/design-system/lib/components/Stepper/index.tsx b/packages/design-system/lib/components/Stepper/index.tsx
index 1592c4b7d..ce7a88b3a 100644
--- a/packages/design-system/lib/components/Stepper/index.tsx
+++ b/packages/design-system/lib/components/Stepper/index.tsx
@@ -1,8 +1,8 @@
-import { IconButton } from '../IconButton'
-import { Tooltip } from '../Tooltip'
-import { Typography } from '../Typography'
+import { IconButton } from "../IconButton"
+import { Tooltip } from "../Tooltip"
+import { Typography } from "../Typography"
 
-import styles from './stepper.module.css'
+import styles from "./stepper.module.css"
 
 type StepperProps = {
   count: number
diff --git a/packages/design-system/lib/components/Subtitle/index.tsx b/packages/design-system/lib/components/Subtitle/index.tsx
index 217e7a5bf..863890334 100644
--- a/packages/design-system/lib/components/Subtitle/index.tsx
+++ b/packages/design-system/lib/components/Subtitle/index.tsx
@@ -1,12 +1,13 @@
-import { Slot } from '@radix-ui/react-slot'
+import { Slot } from "@radix-ui/react-slot"
 
-import { subtitleVariants } from './variants'
+import { subtitleVariants } from "./variants"
 
-import type { VariantProps } from 'class-variance-authority'
-import { Children, ReactNode } from 'react'
+import type { VariantProps } from "class-variance-authority"
+import { Children, ReactNode } from "react"
 
 interface SubtitleProps
-  extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'color'>,
+  extends
+    Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">,
     VariantProps<typeof subtitleVariants> {
   asChild?: boolean
 }
@@ -16,7 +17,7 @@ interface SubtitleProps
  */
 export default function Subtitle({
   asChild = false,
-  className = '',
+  className = "",
   color,
   textAlign,
   textTransform,
@@ -26,7 +27,7 @@ export default function Subtitle({
   if (checkForEmptyChildren(props.children) === 0) {
     return null
   }
-  const Comp = asChild ? Slot : 'p'
+  const Comp = asChild ? Slot : "p"
   const classNames = subtitleVariants({
     className,
     color,
@@ -39,7 +40,7 @@ export default function Subtitle({
 
 function checkForEmptyChildren(children: ReactNode) {
   return Children.toArray(children).filter((child) => {
-    if (child === '') {
+    if (child === "") {
       return false
     } else if (child == null) {
       return false
diff --git a/packages/design-system/lib/components/Subtitle/variants.ts b/packages/design-system/lib/components/Subtitle/variants.ts
index ea4c68c0f..8f5bc72dd 100644
--- a/packages/design-system/lib/components/Subtitle/variants.ts
+++ b/packages/design-system/lib/components/Subtitle/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './subtitle.module.css'
+import styles from "./subtitle.module.css"
 
 const config = {
   variants: {
@@ -32,10 +32,10 @@ const config = {
     },
   },
   defaultVariants: {
-    color: 'black',
-    textAlign: 'left',
-    textTransform: 'regular',
-    type: 'one',
+    color: "black",
+    textAlign: "left",
+    textTransform: "regular",
+    type: "one",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/Switch/index.tsx b/packages/design-system/lib/components/Switch/index.tsx
index a5491bc92..c3539ac6a 100644
--- a/packages/design-system/lib/components/Switch/index.tsx
+++ b/packages/design-system/lib/components/Switch/index.tsx
@@ -1,11 +1,11 @@
-'use client'
+"use client"
 
-import { Switch as AriaSwitch } from 'react-aria-components'
-import { RegisterOptions, useController, useFormContext } from 'react-hook-form'
+import { Switch as AriaSwitch } from "react-aria-components"
+import { RegisterOptions, useController, useFormContext } from "react-hook-form"
 
-import styles from './switch.module.css'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import Caption from '../Caption'
+import styles from "./switch.module.css"
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import Caption from "../Caption"
 
 interface SwitchProps extends React.InputHTMLAttributes<HTMLInputElement> {
   name: string
diff --git a/packages/design-system/lib/components/Switch/switch.module.css b/packages/design-system/lib/components/Switch/switch.module.css
index 4364d0704..3996f5602 100644
--- a/packages/design-system/lib/components/Switch/switch.module.css
+++ b/packages/design-system/lib/components/Switch/switch.module.css
@@ -17,7 +17,7 @@
   display: block;
 
   &:before {
-    content: '';
+    content: "";
     display: block;
     margin: 2px;
     width: 16px;
diff --git a/packages/design-system/lib/components/Table/ScrollWrapper/index.tsx b/packages/design-system/lib/components/Table/ScrollWrapper/index.tsx
index 2ba88c50e..a2d542fe3 100644
--- a/packages/design-system/lib/components/Table/ScrollWrapper/index.tsx
+++ b/packages/design-system/lib/components/Table/ScrollWrapper/index.tsx
@@ -1,10 +1,10 @@
-'use client'
+"use client"
 
-import { useMemo } from 'react'
+import { useMemo } from "react"
 
-import styles from './scrollWrapper.module.css'
+import styles from "./scrollWrapper.module.css"
 
-import useScrollShadows from '@scandic-hotels/common/hooks/useScrollShadows'
+import useScrollShadows from "@scandic-hotels/common/hooks/useScrollShadows"
 
 export default function ScrollWrapper({
   className,
@@ -21,7 +21,7 @@ export default function ScrollWrapper({
     if (showRightShadow) {
       cls.push(styles.rightShadow)
     }
-    return cls.join(' ')
+    return cls.join(" ")
   }, [showLeftShadow, showRightShadow, className])
 
   return (
diff --git a/packages/design-system/lib/components/Table/ScrollWrapper/scrollWrapper.module.css b/packages/design-system/lib/components/Table/ScrollWrapper/scrollWrapper.module.css
index 46d4d98cd..46d7107e9 100644
--- a/packages/design-system/lib/components/Table/ScrollWrapper/scrollWrapper.module.css
+++ b/packages/design-system/lib/components/Table/ScrollWrapper/scrollWrapper.module.css
@@ -5,7 +5,7 @@
 
 .scrollWrapper::before,
 .scrollWrapper::after {
-  content: '';
+  content: "";
   position: absolute;
   top: 0;
   height: 100%;
diff --git a/packages/design-system/lib/components/Table/TBody.tsx b/packages/design-system/lib/components/Table/TBody.tsx
index 8ef45b527..3d6a45dcc 100644
--- a/packages/design-system/lib/components/Table/TBody.tsx
+++ b/packages/design-system/lib/components/Table/TBody.tsx
@@ -1,4 +1,4 @@
-import styles from './table.module.css'
+import styles from "./table.module.css"
 
 function TBody({ children }: React.PropsWithChildren) {
   return <tbody className={styles.tbody}>{children}</tbody>
diff --git a/packages/design-system/lib/components/Table/TD.tsx b/packages/design-system/lib/components/Table/TD.tsx
index 7ac669188..210437ecf 100644
--- a/packages/design-system/lib/components/Table/TD.tsx
+++ b/packages/design-system/lib/components/Table/TD.tsx
@@ -1,4 +1,4 @@
-import styles from './table.module.css'
+import styles from "./table.module.css"
 
 function TD({
   children,
diff --git a/packages/design-system/lib/components/Table/TH.tsx b/packages/design-system/lib/components/Table/TH.tsx
index 01c9835bb..657dc2b1d 100644
--- a/packages/design-system/lib/components/Table/TH.tsx
+++ b/packages/design-system/lib/components/Table/TH.tsx
@@ -1,8 +1,8 @@
-import styles from './table.module.css'
+import styles from "./table.module.css"
 
-import type { THeadProps } from './table'
+import type { THeadProps } from "./table"
 
-function TH({ children, width = 'auto', ...props }: THeadProps) {
+function TH({ children, width = "auto", ...props }: THeadProps) {
   return (
     <th className={styles.th} style={{ width }} {...props}>
       {children}
diff --git a/packages/design-system/lib/components/Table/THead.tsx b/packages/design-system/lib/components/Table/THead.tsx
index b4d0e83e2..f049c168e 100644
--- a/packages/design-system/lib/components/Table/THead.tsx
+++ b/packages/design-system/lib/components/Table/THead.tsx
@@ -1,4 +1,4 @@
-import styles from './table.module.css'
+import styles from "./table.module.css"
 
 function THead({ children }: React.PropsWithChildren) {
   return <thead className={styles.thead}>{children}</thead>
diff --git a/packages/design-system/lib/components/Table/TR.tsx b/packages/design-system/lib/components/Table/TR.tsx
index 0c3a251d9..d6b12ded8 100644
--- a/packages/design-system/lib/components/Table/TR.tsx
+++ b/packages/design-system/lib/components/Table/TR.tsx
@@ -1,4 +1,4 @@
-import styles from './table.module.css'
+import styles from "./table.module.css"
 
 function TR({
   children,
diff --git a/packages/design-system/lib/components/Table/index.tsx b/packages/design-system/lib/components/Table/index.tsx
index eb0f0b7c3..917f01287 100644
--- a/packages/design-system/lib/components/Table/index.tsx
+++ b/packages/design-system/lib/components/Table/index.tsx
@@ -1,12 +1,12 @@
-import TBody from './TBody'
-import TD from './TD'
-import TH from './TH'
-import THead from './THead'
-import TR from './TR'
-import { tableVariants } from './variants'
+import TBody from "./TBody"
+import TD from "./TD"
+import TH from "./TH"
+import THead from "./THead"
+import TR from "./TR"
+import { tableVariants } from "./variants"
 
-import type { TableProps } from './table'
-import ScrollWrapper from './ScrollWrapper'
+import type { TableProps } from "./table"
+import ScrollWrapper from "./ScrollWrapper"
 
 function Table({
   className,
@@ -14,7 +14,7 @@ function Table({
   borderRadius,
   variant,
   layout,
-  width = '100%',
+  width = "100%",
   children,
   ...props
 }: TableProps) {
diff --git a/packages/design-system/lib/components/Table/table.ts b/packages/design-system/lib/components/Table/table.ts
index daddbf10d..f2a00988b 100644
--- a/packages/design-system/lib/components/Table/table.ts
+++ b/packages/design-system/lib/components/Table/table.ts
@@ -1,14 +1,16 @@
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import type { tableVariants } from './variants'
+import type { tableVariants } from "./variants"
 
 export interface TableProps
-  extends React.PropsWithChildren<React.HTMLAttributes<HTMLTableElement>>,
+  extends
+    React.PropsWithChildren<React.HTMLAttributes<HTMLTableElement>>,
     VariantProps<typeof tableVariants> {
   width?: string
 }
 
-export interface THeadProps
-  extends React.PropsWithChildren<React.HTMLAttributes<HTMLTableCellElement>> {
+export interface THeadProps extends React.PropsWithChildren<
+  React.HTMLAttributes<HTMLTableCellElement>
+> {
   width?: string
 }
diff --git a/packages/design-system/lib/components/Table/variants.ts b/packages/design-system/lib/components/Table/variants.ts
index 6f983141a..c70202dcf 100644
--- a/packages/design-system/lib/components/Table/variants.ts
+++ b/packages/design-system/lib/components/Table/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './table.module.css'
+import styles from "./table.module.css"
 
 export const tableVariants = cva(styles.table, {
   variants: {
@@ -12,7 +12,7 @@ export const tableVariants = cva(styles.table, {
       content: styles.content,
     },
     borderRadius: {
-      none: '',
+      none: "",
       small: styles.smallRadius,
       medium: styles.mediumRadius,
       large: styles.largeRadius,
@@ -22,6 +22,6 @@ export const tableVariants = cva(styles.table, {
     },
   },
   defaultVariants: {
-    borderRadius: 'medium',
+    borderRadius: "medium",
   },
 })
diff --git a/packages/design-system/lib/components/TextLink/TextLink.stories.tsx b/packages/design-system/lib/components/TextLink/TextLink.stories.tsx
index 8f2e707b1..d8664f329 100644
--- a/packages/design-system/lib/components/TextLink/TextLink.stories.tsx
+++ b/packages/design-system/lib/components/TextLink/TextLink.stories.tsx
@@ -1,31 +1,31 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { expect } from 'storybook/test'
+import { expect } from "storybook/test"
 
-import { TextLink } from '.'
-import { MaterialIcon } from '../Icons/MaterialIcon'
-import { Typography } from '../Typography'
-import { config } from './variants'
+import { TextLink } from "."
+import { MaterialIcon } from "../Icons/MaterialIcon"
+import { Typography } from "../Typography"
+import { config } from "./variants"
 
 const meta: Meta<typeof TextLink> = {
-  title: 'Core Components/TextLink',
+  title: "Core Components/TextLink",
   component: TextLink,
   argTypes: {
     theme: {
-      control: 'select',
+      control: "select",
       options: Object.keys(config.variants.theme),
       default: config.defaultVariants.theme,
     },
     isInline: {
-      control: 'boolean',
+      control: "boolean",
       default: false,
       description:
-        'Should be used when the link is placed inside a text block, removes the padding.',
+        "Should be used when the link is placed inside a text block, removes the padding.",
     },
     isDisabled: {
-      control: 'boolean',
+      control: "boolean",
       default: false,
-      description: 'Disables the link and makes it non-interactive.',
+      description: "Disables the link and makes it non-interactive.",
     },
   },
 }
@@ -36,12 +36,12 @@ type Story = StoryObj<typeof TextLink>
 
 export const Default: Story = {
   args: {
-    href: 'https://www.scandichotels.com/en',
+    href: "https://www.scandichotels.com/en",
   },
   render: (args) => <TextLink {...args}>Default link</TextLink>,
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -49,12 +49,12 @@ export const Default: Story = {
 export const Inverted: Story = {
   args: {
     ...Default.args,
-    theme: 'Inverted',
+    theme: "Inverted",
   },
   render: (args) => <TextLink {...args}>Inverted link</TextLink>,
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -66,8 +66,8 @@ export const Disabled: Story = {
   },
   render: (args) => <TextLink {...args}>Disabled link</TextLink>,
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -83,8 +83,8 @@ export const WithIcon: Story = {
     </TextLink>
   ),
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -92,12 +92,12 @@ export const WithIcon: Story = {
 export const Small: Story = {
   args: {
     ...Default.args,
-    typography: 'Link/sm',
+    typography: "Link/sm",
   },
   render: (args) => <TextLink {...args}>Small link</TextLink>,
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -105,7 +105,7 @@ export const Small: Story = {
 export const SmallWithIcon: Story = {
   args: {
     ...Default.args,
-    typography: 'Link/sm',
+    typography: "Link/sm",
   },
   render: (args) => (
     <TextLink {...args}>
@@ -114,8 +114,8 @@ export const SmallWithIcon: Story = {
     </TextLink>
   ),
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
@@ -128,7 +128,7 @@ export const Inline: Story = {
   render: (args) => (
     <Typography variant="Body/Paragraph/mdRegular">
       <p>
-        Lorem ipsum dolor sit amet, consectetur adipiscing elit.{' '}
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit.{" "}
         <TextLink {...args}>Inline link</TextLink> Curabitur vitae neque non
         ipsum efficitur hendrerit at ut nulla. Cras in tellus et ligula posuere
         ullamcorper. Praesent pulvinar rutrum metus ut gravida.
@@ -136,8 +136,8 @@ export const Inline: Story = {
     </Typography>
   ),
   play: async ({ canvasElement }) => {
-    const link = canvasElement.querySelector('a')
-    if (!link) throw new Error('Link not found')
+    const link = canvasElement.querySelector("a")
+    if (!link) throw new Error("Link not found")
     expect(link).toBeInTheDocument()
   },
 }
diff --git a/packages/design-system/lib/components/TextLink/TextLink.tsx b/packages/design-system/lib/components/TextLink/TextLink.tsx
index 93832c3cb..2912b81e4 100644
--- a/packages/design-system/lib/components/TextLink/TextLink.tsx
+++ b/packages/design-system/lib/components/TextLink/TextLink.tsx
@@ -1,12 +1,12 @@
-'use client'
+"use client"
 
-import { cx } from 'class-variance-authority'
-import NextLink from 'next/link'
-import { TextLinkProps } from './types'
-import { variants } from './variants'
+import { cx } from "class-variance-authority"
+import NextLink from "next/link"
+import { TextLinkProps } from "./types"
+import { variants } from "./variants"
 
-import styles from './textLink.module.css'
-import { useIntl } from 'react-intl'
+import styles from "./textLink.module.css"
+import { useIntl } from "react-intl"
 
 export function TextLink({
   theme,
@@ -34,12 +34,12 @@ export function TextLink({
         [styles.inline]: isInline,
       })}
       title={
-        props.target === '_blank'
+        props.target === "_blank"
           ? intl.formatMessage({
-              id: 'common.linkOpenInNewTab',
-              defaultMessage: 'Opens in a new tab/window',
+              id: "common.linkOpenInNewTab",
+              defaultMessage: "Opens in a new tab/window",
             })
-          : ''
+          : ""
       }
     />
   )
diff --git a/packages/design-system/lib/components/TextLink/index.tsx b/packages/design-system/lib/components/TextLink/index.tsx
index 3835e2b3a..0db94bffb 100644
--- a/packages/design-system/lib/components/TextLink/index.tsx
+++ b/packages/design-system/lib/components/TextLink/index.tsx
@@ -1 +1 @@
-export { TextLink } from './TextLink'
+export { TextLink } from "./TextLink"
diff --git a/packages/design-system/lib/components/TextLink/types.ts b/packages/design-system/lib/components/TextLink/types.ts
index bf9dd61bc..05ea67b79 100644
--- a/packages/design-system/lib/components/TextLink/types.ts
+++ b/packages/design-system/lib/components/TextLink/types.ts
@@ -1,12 +1,11 @@
-import type { VariantProps } from 'class-variance-authority'
-import NextLink from 'next/link'
-import type { ComponentProps } from 'react'
+import type { VariantProps } from "class-variance-authority"
+import NextLink from "next/link"
+import type { ComponentProps } from "react"
 
-import type { variants } from './variants'
+import type { variants } from "./variants"
 
 export interface TextLinkProps
-  extends ComponentProps<typeof NextLink>,
-    VariantProps<typeof variants> {
+  extends ComponentProps<typeof NextLink>, VariantProps<typeof variants> {
   isDisabled?: boolean
   isInline?: boolean
 }
diff --git a/packages/design-system/lib/components/TextLink/variants.ts b/packages/design-system/lib/components/TextLink/variants.ts
index a6c1393d5..d1b385897 100644
--- a/packages/design-system/lib/components/TextLink/variants.ts
+++ b/packages/design-system/lib/components/TextLink/variants.ts
@@ -1,23 +1,23 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
 import {
   config as typographyConfig,
   withTypography,
-} from '../Typography/variants'
+} from "../Typography/variants"
 
-import { deepmerge } from 'deepmerge-ts'
-import styles from './textLink.module.css'
+import { deepmerge } from "deepmerge-ts"
+import styles from "./textLink.module.css"
 
 export const config = {
   variants: {
     theme: {
-      Primary: styles['theme-primary'],
-      Inverted: styles['theme-inverted'],
-      InteractiveDefault: styles['theme-interactive-default'],
+      Primary: styles["theme-primary"],
+      Inverted: styles["theme-inverted"],
+      InteractiveDefault: styles["theme-interactive-default"],
     },
   },
   defaultVariants: {
-    theme: 'Primary',
+    theme: "Primary",
   },
 } as const
 
@@ -28,7 +28,7 @@ const textLinkConfig = {
   },
   defaultVariants: {
     ...config.defaultVariants,
-    typography: 'Link/md',
+    typography: "Link/md",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/TextLinkButton/TextLinkButton.tsx b/packages/design-system/lib/components/TextLinkButton/TextLinkButton.tsx
index ea1567518..76009178a 100644
--- a/packages/design-system/lib/components/TextLinkButton/TextLinkButton.tsx
+++ b/packages/design-system/lib/components/TextLinkButton/TextLinkButton.tsx
@@ -1,15 +1,15 @@
-import { cx } from 'class-variance-authority'
+import { cx } from "class-variance-authority"
 
-import { TextLinkProps } from '../TextLink/types'
-import { getTextLinkClasses } from './textLinkStyles'
+import { TextLinkProps } from "../TextLink/types"
+import { getTextLinkClasses } from "./textLinkStyles"
 
-import styles from './textLinkButton.module.css'
+import styles from "./textLinkButton.module.css"
 
 export type TextLinkButtonProps = {
-  theme?: TextLinkProps['theme']
-  typography?: TextLinkProps['typography']
-  isDisabled?: TextLinkProps['isDisabled']
-  isInline?: TextLinkProps['isInline']
+  theme?: TextLinkProps["theme"]
+  typography?: TextLinkProps["typography"]
+  isDisabled?: TextLinkProps["isDisabled"]
+  isInline?: TextLinkProps["isInline"]
 } & React.ButtonHTMLAttributes<HTMLButtonElement>
 
 /* A Button with the same styling as a TextLink to handle an edge case. */
diff --git a/packages/design-system/lib/components/TextLinkButton/index.tsx b/packages/design-system/lib/components/TextLinkButton/index.tsx
index 9a2a31d47..816cda208 100644
--- a/packages/design-system/lib/components/TextLinkButton/index.tsx
+++ b/packages/design-system/lib/components/TextLinkButton/index.tsx
@@ -1 +1 @@
-export { TextLinkButton } from './TextLinkButton'
+export { TextLinkButton } from "./TextLinkButton"
diff --git a/packages/design-system/lib/components/TextLinkButton/textLinkStyles.ts b/packages/design-system/lib/components/TextLinkButton/textLinkStyles.ts
index 30cec680d..d9884d440 100644
--- a/packages/design-system/lib/components/TextLinkButton/textLinkStyles.ts
+++ b/packages/design-system/lib/components/TextLinkButton/textLinkStyles.ts
@@ -1,7 +1,7 @@
-import { cx } from 'class-variance-authority'
-import { variants } from '../TextLink/variants'
-import styles from '../TextLink/textLink.module.css'
-import type { TextLinkButtonProps } from './TextLinkButton'
+import { cx } from "class-variance-authority"
+import { variants } from "../TextLink/variants"
+import styles from "../TextLink/textLink.module.css"
+import type { TextLinkButtonProps } from "./TextLinkButton"
 
 export function getTextLinkClasses({
   theme,
diff --git a/packages/design-system/lib/components/Title/index.tsx b/packages/design-system/lib/components/Title/index.tsx
index 161d92361..cf31b0204 100644
--- a/packages/design-system/lib/components/Title/index.tsx
+++ b/packages/design-system/lib/components/Title/index.tsx
@@ -1,12 +1,13 @@
-import { Children, ReactNode } from 'react'
-import { headingVariants } from './variants'
+import { Children, ReactNode } from "react"
+import { headingVariants } from "./variants"
 
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5'
+type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5"
 
 export interface HeadingProps
-  extends Omit<React.HTMLAttributes<HTMLHeadingElement>, 'color'>,
+  extends
+    Omit<React.HTMLAttributes<HTMLHeadingElement>, "color">,
     VariantProps<typeof headingVariants> {
   as?: HeadingLevel
   level?: HeadingLevel
@@ -22,12 +23,12 @@ export default function Title({
    */
   as,
   children,
-  className = '',
+  className = "",
   color,
   /**
    * What HTML tag to use. Defaults to h1.
    */
-  level = 'h1',
+  level = "h1",
   textAlign,
   textTransform,
   ...rest
@@ -52,7 +53,7 @@ export default function Title({
 
 function checkForEmptyChildren(children: ReactNode) {
   return Children.toArray(children).filter((child) => {
-    if (child === '') {
+    if (child === "") {
       return false
     } else if (child == null) {
       return false
diff --git a/packages/design-system/lib/components/Title/variants.ts b/packages/design-system/lib/components/Title/variants.ts
index 98a2adaf4..0c8ef8686 100644
--- a/packages/design-system/lib/components/Title/variants.ts
+++ b/packages/design-system/lib/components/Title/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './title.module.css'
+import styles from "./title.module.css"
 
 const config = {
   variants: {
@@ -37,10 +37,10 @@ const config = {
     },
   },
   defaultVariants: {
-    color: 'burgundy',
-    textAlign: 'left',
-    textTransform: 'uppercase',
-    type: 'h1',
+    color: "burgundy",
+    textAlign: "left",
+    textTransform: "uppercase",
+    type: "h1",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/Toasts/Toast.stories.tsx b/packages/design-system/lib/components/Toasts/Toast.stories.tsx
index 8ee732970..99501d8a0 100644
--- a/packages/design-system/lib/components/Toasts/Toast.stories.tsx
+++ b/packages/design-system/lib/components/Toasts/Toast.stories.tsx
@@ -1,27 +1,27 @@
-import { Toast } from './Toast'
+import { Toast } from "./Toast"
 
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
-import { expect } from 'storybook/test'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
+import { expect } from "storybook/test"
 
-import { config } from './variants.ts'
+import { config } from "./variants.ts"
 
 const meta: Meta<typeof Toast> = {
-  title: 'Core Components/Toast/Toast',
+  title: "Core Components/Toast/Toast",
   component: Toast,
   argTypes: {
     variant: {
-      control: 'select',
-      type: 'string',
+      control: "select",
+      type: "string",
       options: Object.keys(config.variants.variant),
       table: {
-        defaultValue: { summary: 'info' },
+        defaultValue: { summary: "info" },
       },
     },
     message: {
-      control: 'text',
-      type: 'string',
+      control: "text",
+      type: "string",
       table: {
-        defaultValue: { summary: 'Toast message' },
+        defaultValue: { summary: "Toast message" },
       },
     },
   },
@@ -33,36 +33,36 @@ type Story = StoryObj<typeof Toast>
 
 export const Default: Story = {
   args: {
-    variant: 'info',
-    message: 'This is a toast',
+    variant: "info",
+    message: "This is a toast",
   },
   play: async ({ canvas }) => {
-    const toast = await canvas.findByRole('status')
+    const toast = await canvas.findByRole("status")
     expect(toast).toBeVisible()
   },
 }
 
 export const DefaultWithCustomContent: Story = {
   args: {
-    variant: 'info',
+    variant: "info",
     children: (
-      <p style={{ fontStyle: 'italic' }}>This is a custom info toast</p>
+      <p style={{ fontStyle: "italic" }}>This is a custom info toast</p>
     ),
   },
   play: async ({ canvas }) => {
-    const toast = await canvas.findByRole('status')
+    const toast = await canvas.findByRole("status")
     expect(toast).toBeVisible()
-    expect(canvas.getByText('This is a custom info toast')).toBeVisible()
+    expect(canvas.getByText("This is a custom info toast")).toBeVisible()
   },
 }
 
 export const Success: Story = {
   args: {
-    variant: 'success',
-    message: 'This is a success toast',
+    variant: "success",
+    message: "This is a success toast",
   },
   play: async ({ canvas, args }) => {
-    const toast = await canvas.findByRole('status')
+    const toast = await canvas.findByRole("status")
     expect(toast).toBeVisible()
     expect(canvas.getByText(args.message as string)).toBeVisible()
   },
@@ -70,11 +70,11 @@ export const Success: Story = {
 
 export const Error: Story = {
   args: {
-    variant: 'error',
-    message: 'This is an error toast',
+    variant: "error",
+    message: "This is an error toast",
   },
   play: async ({ canvas, args }) => {
-    const toast = await canvas.findByRole('alert')
+    const toast = await canvas.findByRole("alert")
     expect(toast).toBeVisible()
     expect(canvas.getByText(args.message as string)).toBeVisible()
   },
@@ -82,11 +82,11 @@ export const Error: Story = {
 
 export const Warning: Story = {
   args: {
-    variant: 'warning',
-    message: 'This is a warning toast',
+    variant: "warning",
+    message: "This is a warning toast",
   },
   play: async ({ canvas, args }) => {
-    const toast = await canvas.findByRole('alert')
+    const toast = await canvas.findByRole("alert")
     expect(toast).toBeVisible()
     expect(canvas.getByText(args.message as string)).toBeVisible()
   },
diff --git a/packages/design-system/lib/components/Toasts/Toast.tsx b/packages/design-system/lib/components/Toasts/Toast.tsx
index c07f91489..0fe7c344a 100644
--- a/packages/design-system/lib/components/Toasts/Toast.tsx
+++ b/packages/design-system/lib/components/Toasts/Toast.tsx
@@ -1,15 +1,15 @@
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import { MaterialIcon, MaterialIconSetIconProps } from '../Icons/MaterialIcon'
-import { toastVariants } from './variants'
+import { MaterialIcon, MaterialIconSetIconProps } from "../Icons/MaterialIcon"
+import { toastVariants } from "./variants"
 
-import { useIntl } from 'react-intl'
-import { IconButton } from '../IconButton'
-import { Typography } from '../Typography'
-import styles from './toasts.module.css'
+import { useIntl } from "react-intl"
+import { IconButton } from "../IconButton"
+import { Typography } from "../Typography"
+import styles from "./toasts.module.css"
 
 export type ToastsProps = VariantProps<typeof toastVariants> & {
-  variant: NonNullable<VariantProps<typeof toastVariants>['variant']>
+  variant: NonNullable<VariantProps<typeof toastVariants>["variant"]>
   onClose?: () => void
 } & (
     | {
@@ -41,8 +41,8 @@ export function Toast({ children, message, onClose, variant }: ToastsProps) {
         <IconButton
           onPress={onClose}
           aria-label={intl.formatMessage({
-            id: 'toast.dismissNotification',
-            defaultMessage: 'Dismiss notification',
+            id: "toast.dismissNotification",
+            defaultMessage: "Dismiss notification",
           })}
           variant="Muted"
           emphasis
@@ -54,32 +54,32 @@ export function Toast({ children, message, onClose, variant }: ToastsProps) {
 }
 
 interface AlertIconProps {
-  variant: ToastsProps['variant']
+  variant: ToastsProps["variant"]
 }
 function AlertIcon({
   variant,
   ...props
 }: AlertIconProps & MaterialIconSetIconProps) {
   switch (variant) {
-    case 'error':
+    case "error":
       return <MaterialIcon icon="cancel" {...props} />
-    case 'info':
+    case "info":
       return <MaterialIcon icon="info" {...props} />
-    case 'success':
+    case "success":
       return <MaterialIcon icon="check_circle" {...props} />
-    case 'warning':
+    case "warning":
       return <MaterialIcon icon="warning" {...props} />
   }
 }
 
-function getRole(variant: ToastsProps['variant']) {
+function getRole(variant: ToastsProps["variant"]) {
   switch (variant) {
-    case 'error':
-    case 'warning':
-      return 'alert'
-    case 'info':
-    case 'success':
+    case "error":
+    case "warning":
+      return "alert"
+    case "info":
+    case "success":
     default:
-      return 'status'
+      return "status"
   }
 }
diff --git a/packages/design-system/lib/components/Toasts/ToastHandler.stories.tsx b/packages/design-system/lib/components/Toasts/ToastHandler.stories.tsx
index cad92bb92..d9995ca2f 100644
--- a/packages/design-system/lib/components/Toasts/ToastHandler.stories.tsx
+++ b/packages/design-system/lib/components/Toasts/ToastHandler.stories.tsx
@@ -1,30 +1,30 @@
-import { toast } from './index.tsx'
-import { Toast } from './Toast.tsx'
+import { toast } from "./index.tsx"
+import { Toast } from "./Toast.tsx"
 
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { config } from './variants.ts'
-import { ToastHandler } from './ToastHandler.tsx'
-import { Button } from '../Button/Button.tsx'
-import { expect, waitFor } from 'storybook/test'
+import { config } from "./variants.ts"
+import { ToastHandler } from "./ToastHandler.tsx"
+import { Button } from "../Button/Button.tsx"
+import { expect, waitFor } from "storybook/test"
 
 const meta: Meta<typeof Toast> = {
-  title: 'Core Components/Toast/ToastHandler',
+  title: "Core Components/Toast/ToastHandler",
   component: Toast,
   argTypes: {
     variant: {
-      control: 'select',
-      type: 'string',
+      control: "select",
+      type: "string",
       options: Object.keys(config.variants.variant),
       table: {
-        defaultValue: { summary: 'info' },
+        defaultValue: { summary: "info" },
       },
     },
     message: {
-      control: 'text',
-      type: 'string',
+      control: "text",
+      type: "string",
       table: {
-        defaultValue: { summary: 'Toast message' },
+        defaultValue: { summary: "Toast message" },
       },
     },
   },
@@ -36,26 +36,26 @@ type Story = StoryObj<typeof Toast>
 
 export const Default: Story = {
   args: {
-    variant: 'info',
-    message: 'This is a toast',
+    variant: "info",
+    message: "This is a toast",
   },
   render: (args) => {
     return <Renderer variant={args.variant} message={args.message as string} />
   },
 
   play: async ({ canvas, userEvent, args }) => {
-    let toast = canvas.queryByRole('status')
+    let toast = canvas.queryByRole("status")
     expect(toast).not.toBeInTheDocument()
 
-    const showToastButton = await canvas.findByRole('button')
+    const showToastButton = await canvas.findByRole("button")
     await userEvent.click(showToastButton)
 
     toast = await canvas.findByRole(
-      ['info', 'success'].indexOf(args.variant) !== -1 ? 'status' : 'alert'
+      ["info", "success"].indexOf(args.variant) !== -1 ? "status" : "alert"
     )
     await waitFor(async () => await expect(toast).toBeVisible())
 
-    const closeButton = await canvas.findByLabelText('Dismiss notification')
+    const closeButton = await canvas.findByLabelText("Dismiss notification")
     await userEvent.click(closeButton)
 
     await waitFor(async () => await expect(toast).not.toBeVisible())
@@ -67,10 +67,10 @@ const Renderer = ({
   variant,
 }: {
   message: string
-  variant: 'info' | 'success' | 'warning' | 'error'
+  variant: "info" | "success" | "warning" | "error"
   onDismiss?: () => void
 }) => {
-  const text = 'Show Toast'
+  const text = "Show Toast"
   return (
     <>
       <Button
diff --git a/packages/design-system/lib/components/Toasts/ToastHandler.tsx b/packages/design-system/lib/components/Toasts/ToastHandler.tsx
index 0935440b6..c0fe01c42 100644
--- a/packages/design-system/lib/components/Toasts/ToastHandler.tsx
+++ b/packages/design-system/lib/components/Toasts/ToastHandler.tsx
@@ -1,4 +1,4 @@
-import { Toaster } from 'sonner'
+import { Toaster } from "sonner"
 
 export function ToastHandler() {
   return <Toaster position="bottom-right" duration={5000} />
diff --git a/packages/design-system/lib/components/Toasts/index.tsx b/packages/design-system/lib/components/Toasts/index.tsx
index 4a749b8a6..938f0e26a 100644
--- a/packages/design-system/lib/components/Toasts/index.tsx
+++ b/packages/design-system/lib/components/Toasts/index.tsx
@@ -1,5 +1,5 @@
-import { type ExternalToast, toast as sonnerToast } from 'sonner'
-import { Toast } from './Toast'
+import { type ExternalToast, toast as sonnerToast } from "sonner"
+import { Toast } from "./Toast"
 
 export const toast = {
   success: (message: React.ReactNode, options?: ExternalToast) =>
diff --git a/packages/design-system/lib/components/Toasts/variants.ts b/packages/design-system/lib/components/Toasts/variants.ts
index aae0280a1..84a5a9486 100644
--- a/packages/design-system/lib/components/Toasts/variants.ts
+++ b/packages/design-system/lib/components/Toasts/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './toasts.module.css'
+import styles from "./toasts.module.css"
 
 export const config = {
   variants: {
diff --git a/packages/design-system/lib/components/Tooltip/index.tsx b/packages/design-system/lib/components/Tooltip/index.tsx
index e4590ddf8..08a0f60e4 100644
--- a/packages/design-system/lib/components/Tooltip/index.tsx
+++ b/packages/design-system/lib/components/Tooltip/index.tsx
@@ -1,13 +1,13 @@
-import { type PropsWithChildren, useState } from 'react'
+import { type PropsWithChildren, useState } from "react"
 
-import { tooltipVariants } from './variants'
+import { tooltipVariants } from "./variants"
 
-import styles from './tooltip.module.css'
-import { Typography } from '../Typography'
+import styles from "./tooltip.module.css"
+import { Typography } from "../Typography"
 
-type TooltipPosition = 'left' | 'right' | 'top' | 'bottom'
-type VerticalArrow = 'top' | 'bottom' | 'center'
-type HorizontalArrow = 'left' | 'right' | 'center'
+type TooltipPosition = "left" | "right" | "top" | "bottom"
+type VerticalArrow = "top" | "bottom" | "center"
+type HorizontalArrow = "left" | "right" | "center"
 
 type ValidArrowMap = {
   left: VerticalArrow
@@ -49,7 +49,7 @@ export function Tooltip<P extends TooltipPosition>({
   }
 
   function handleKeyDown(event: React.KeyboardEvent<HTMLDivElement>) {
-    if (event.key === 'Enter' || event.key === ' ') {
+    if (event.key === "Enter" || event.key === " ") {
       event.preventDefault()
       handleToggle()
     }
diff --git a/packages/design-system/lib/components/Tooltip/tooltip.module.css b/packages/design-system/lib/components/Tooltip/tooltip.module.css
index 28add9c62..2d7b29bd8 100644
--- a/packages/design-system/lib/components/Tooltip/tooltip.module.css
+++ b/packages/design-system/lib/components/Tooltip/tooltip.module.css
@@ -49,7 +49,7 @@
 }
 
 .tooltip::before {
-  content: '';
+  content: "";
   position: absolute;
   border-style: solid;
 }
@@ -159,12 +159,12 @@
 }
 
 @media screen and (max-width: 767px) {
-  .tooltipContainer[data-active='true'] .tooltip {
+  .tooltipContainer[data-active="true"] .tooltip {
     visibility: visible;
     opacity: 1;
   }
 
-  .tooltipContainer[data-active='false'] .tooltip {
+  .tooltipContainer[data-active="false"] .tooltip {
     visibility: hidden;
     opacity: 0;
   }
diff --git a/packages/design-system/lib/components/Tooltip/variants.ts b/packages/design-system/lib/components/Tooltip/variants.ts
index d49622d87..286466f92 100644
--- a/packages/design-system/lib/components/Tooltip/variants.ts
+++ b/packages/design-system/lib/components/Tooltip/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './tooltip.module.css'
+import styles from "./tooltip.module.css"
 
 export const tooltipVariants = cva(styles.tooltip, {
   variants: {
diff --git a/packages/design-system/lib/components/TripAdvisorChip/TripdAdvisorChip.stories.tsx b/packages/design-system/lib/components/TripAdvisorChip/TripdAdvisorChip.stories.tsx
index 23fdae8c4..b06da7267 100644
--- a/packages/design-system/lib/components/TripAdvisorChip/TripdAdvisorChip.stories.tsx
+++ b/packages/design-system/lib/components/TripAdvisorChip/TripdAdvisorChip.stories.tsx
@@ -1,24 +1,24 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { TripAdvisorChip } from './index'
+import { TripAdvisorChip } from "./index"
 
 const meta: Meta<typeof TripAdvisorChip> = {
-  title: 'Product Components/TripAdvisorChip',
+  title: "Product Components/TripAdvisorChip",
   component: TripAdvisorChip,
   argTypes: {
     rating: {
-      control: { type: 'number', min: 0, max: 5, step: 0.1 },
+      control: { type: "number", min: 0, max: 5, step: 0.1 },
     },
     size: {
-      control: { type: 'select' },
-      options: ['default', 'small'],
+      control: { type: "select" },
+      options: ["default", "small"],
     },
     color: {
-      control: { type: 'select' },
-      options: ['default', 'subtle'],
+      control: { type: "select" },
+      options: ["default", "subtle"],
     },
     wrapper: {
-      control: { type: 'boolean' },
+      control: { type: "boolean" },
     },
   },
 }
@@ -29,8 +29,8 @@ type Story = StoryObj<typeof TripAdvisorChip>
 export const Default: Story = {
   args: {
     rating: 4.5,
-    size: 'default',
-    color: 'default',
+    size: "default",
+    color: "default",
     wrapper: false,
   },
 }
@@ -38,8 +38,8 @@ export const Default: Story = {
 export const WithWrapper: Story = {
   args: {
     rating: 4.5,
-    size: 'default',
-    color: 'default',
+    size: "default",
+    color: "default",
     wrapper: true,
   },
 }
@@ -47,8 +47,8 @@ export const WithWrapper: Story = {
 export const Small: Story = {
   args: {
     rating: 4.5,
-    size: 'small',
-    color: 'default',
+    size: "small",
+    color: "default",
     wrapper: true,
   },
 }
@@ -56,8 +56,8 @@ export const Small: Story = {
 export const Subtle: Story = {
   args: {
     rating: 4.5,
-    size: 'default',
-    color: 'subtle',
+    size: "default",
+    color: "subtle",
     wrapper: false,
   },
 }
diff --git a/packages/design-system/lib/components/TripAdvisorChip/index.tsx b/packages/design-system/lib/components/TripAdvisorChip/index.tsx
index 4a5b8b716..9fe32ff57 100644
--- a/packages/design-system/lib/components/TripAdvisorChip/index.tsx
+++ b/packages/design-system/lib/components/TripAdvisorChip/index.tsx
@@ -1,7 +1,7 @@
-import { cva, type VariantProps } from 'class-variance-authority'
-import TripadvisorIcon from '../Icons/Customised/Socials/Tripadvisor'
-import styles from './tripAdvisorChip.module.css'
-import { Typography } from '../Typography'
+import { cva, type VariantProps } from "class-variance-authority"
+import TripadvisorIcon from "../Icons/Customised/Socials/Tripadvisor"
+import styles from "./tripAdvisorChip.module.css"
+import { Typography } from "../Typography"
 
 const container = cva(styles.container, {
   variants: {
@@ -11,7 +11,7 @@ const container = cva(styles.container, {
     },
   },
   defaultVariants: {
-    size: 'default',
+    size: "default",
   },
 })
 
@@ -27,8 +27,8 @@ const chip = cva(styles.tripAdvisor, {
     },
   },
   defaultVariants: {
-    size: 'default',
-    color: 'default',
+    size: "default",
+    color: "default",
   },
 })
 
diff --git a/packages/design-system/lib/components/Typography/Typography.docs.mdx b/packages/design-system/lib/components/Typography/Typography.docs.mdx
index fd0ba13c5..5430e817c 100644
--- a/packages/design-system/lib/components/Typography/Typography.docs.mdx
+++ b/packages/design-system/lib/components/Typography/Typography.docs.mdx
@@ -5,9 +5,9 @@ import {
   Description,
   Controls,
   Stories,
-} from '@storybook/addon-docs/blocks'
+} from "@storybook/addon-docs/blocks"
 
-import * as TypographyStories from './Typography.stories.tsx'
+import * as TypographyStories from "./Typography.stories.tsx"
 
 <Meta of={TypographyStories} />
 
diff --git a/packages/design-system/lib/components/Typography/Typography.stories.tsx b/packages/design-system/lib/components/Typography/Typography.stories.tsx
index 0a4512ad3..edf22d684 100644
--- a/packages/design-system/lib/components/Typography/Typography.stories.tsx
+++ b/packages/design-system/lib/components/Typography/Typography.stories.tsx
@@ -1,18 +1,18 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Typography } from './Typography.tsx'
+import { Typography } from "./Typography.tsx"
 
-import TypographyDocs from './Typography.docs.mdx'
+import TypographyDocs from "./Typography.docs.mdx"
 
-import { config as typographyConfig } from './variants'
+import { config as typographyConfig } from "./variants"
 
 const meta: Meta<typeof Typography> = {
-  title: 'Core Components/Typography',
+  title: "Core Components/Typography",
   component: Typography,
   args: { variant: typographyConfig.defaultVariants.variant },
   argTypes: {
     variant: {
-      control: 'select',
+      control: "select",
       options: Object.keys(typographyConfig.variants.variant),
       table: {
         defaultValue: { summary: typographyConfig.defaultVariants.variant },
@@ -27,163 +27,163 @@ export default meta
 type Story = StoryObj<typeof Typography>
 
 export const TitleLg: Story = {
-  name: 'Title/lg',
+  name: "Title/lg",
   args: {
-    variant: 'Title/lg',
+    variant: "Title/lg",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleMd: Story = {
-  name: 'Title/md',
+  name: "Title/md",
   args: {
-    variant: 'Title/md',
+    variant: "Title/md",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleMdLowCase: Story = {
-  name: 'Title/mdLowCase',
+  name: "Title/mdLowCase",
   args: {
-    variant: 'Title/mdLowCase',
+    variant: "Title/mdLowCase",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleSm: Story = {
-  name: 'Title/sm',
+  name: "Title/sm",
   args: {
-    variant: 'Title/sm',
+    variant: "Title/sm",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleSmLowCase: Story = {
-  name: 'Title/smLowCase',
+  name: "Title/smLowCase",
   args: {
-    variant: 'Title/smLowCase',
+    variant: "Title/smLowCase",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleXs: Story = {
-  name: 'Title/xs',
+  name: "Title/xs",
   args: {
-    variant: 'Title/xs',
+    variant: "Title/xs",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleDecorativeLg: Story = {
-  name: 'Title/Decorative/lg',
+  name: "Title/Decorative/lg",
   args: {
-    variant: 'Title/Decorative/lg',
+    variant: "Title/Decorative/lg",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleDecorativeMd: Story = {
-  name: 'Title/Decorative/md',
+  name: "Title/Decorative/md",
   args: {
-    variant: 'Title/Decorative/md',
+    variant: "Title/Decorative/md",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleSubtitleLg: Story = {
-  name: 'Title/Subtitle/lg',
+  name: "Title/Subtitle/lg",
   args: {
-    variant: 'Title/Subtitle/lg',
+    variant: "Title/Subtitle/lg",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleSubtitleMd: Story = {
-  name: 'Title/Subtitle/md',
+  name: "Title/Subtitle/md",
   args: {
-    variant: 'Title/Subtitle/md',
+    variant: "Title/Subtitle/md",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const TitleOverlineSm: Story = {
-  name: 'Title/Overline/sm',
+  name: "Title/Overline/sm",
   args: {
-    variant: 'Title/Overline/sm',
+    variant: "Title/Overline/sm",
     children: <h1>The quick brown fox jumps over the lazy dog</h1>,
   },
 }
 export const BodyLeadtext: Story = {
-  name: 'Body/Lead text',
+  name: "Body/Lead text",
   args: {
-    variant: 'Body/Lead text',
+    variant: "Body/Lead text",
     children: <p>The quick brown fox jumps over the lazy dog</p>,
   },
 }
 export const BodyParagraphMdRegular: Story = {
-  name: 'Body/Paragraph/mdRegular',
+  name: "Body/Paragraph/mdRegular",
   args: {
-    variant: 'Body/Paragraph/mdRegular',
+    variant: "Body/Paragraph/mdRegular",
     children: <p>The quick brown fox jumps over the lazy dog</p>,
   },
 }
 export const BodyParagraphMdBold: Story = {
-  name: 'Body/Paragraph/mdBold',
+  name: "Body/Paragraph/mdBold",
   args: {
-    variant: 'Body/Paragraph/mdBold',
+    variant: "Body/Paragraph/mdBold",
     children: <p>The quick brown fox jumps over the lazy dog</p>,
   },
 }
 export const BodySupportingtextCaptionSmRegular: Story = {
-  name: 'Body/Supporting text (caption)/smRegular',
+  name: "Body/Supporting text (caption)/smRegular",
   args: {
-    variant: 'Body/Supporting text (caption)/smRegular',
+    variant: "Body/Supporting text (caption)/smRegular",
     children: <p>The quick brown fox jumps over the lazy dog</p>,
   },
 }
 export const BodySupportingtextCaptionSmBold: Story = {
-  name: 'Body/Supporting text (caption)/smBold',
+  name: "Body/Supporting text (caption)/smBold",
   args: {
-    variant: 'Body/Supporting text (caption)/smBold',
+    variant: "Body/Supporting text (caption)/smBold",
     children: <p>The quick brown fox jumps over the lazy dog</p>,
   },
 }
 export const BodyUnderlineMd: Story = {
-  name: 'Body/Underline/md',
+  name: "Body/Underline/md",
   args: {
-    variant: 'Body/Underline/md',
+    variant: "Body/Underline/md",
     children: <p>The quick brown fox jumps over the lazy dog</p>,
   },
 }
 export const BodyUnderlineSm: Story = {
-  name: 'Body/Underline/sm',
+  name: "Body/Underline/sm",
   args: {
-    variant: 'Body/Underline/sm',
+    variant: "Body/Underline/sm",
     children: <p>The quick brown fox jumps over the lazy dog</p>,
   },
 }
 export const TagSm: Story = {
-  name: 'Tag/sm',
+  name: "Tag/sm",
   args: {
-    variant: 'Tag/sm',
+    variant: "Tag/sm",
     children: <span>The quick brown fox jumps over the lazy dog</span>,
   },
 }
 export const LinkMd: Story = {
-  name: 'Link/md',
+  name: "Link/md",
   args: {
-    variant: 'Link/md',
+    variant: "Link/md",
     children: <a href="#">The quick brown fox jumps over the lazy dog</a>,
   },
 }
 export const LinkSm: Story = {
-  name: 'Link/sm',
+  name: "Link/sm",
   args: {
-    variant: 'Link/sm',
+    variant: "Link/sm",
     children: <a href="#">The quick brown fox jumps over the lazy dog</a>,
   },
 }
 export const LabelXsRegular: Story = {
-  name: 'Label/xsRegular',
+  name: "Label/xsRegular",
   args: {
-    variant: 'Label/xsRegular',
+    variant: "Label/xsRegular",
     children: <span>The quick brown fox jumps over the lazy dog</span>,
   },
 }
 export const LabelXsBold: Story = {
-  name: 'Label/xsBold',
+  name: "Label/xsBold",
   args: {
-    variant: 'Label/xsBold',
+    variant: "Label/xsBold",
     children: <span>The quick brown fox jumps over the lazy dog</span>,
   },
 }
diff --git a/packages/design-system/lib/components/Typography/Typography.tsx b/packages/design-system/lib/components/Typography/Typography.tsx
index ee709b1f0..76e8b4968 100644
--- a/packages/design-system/lib/components/Typography/Typography.tsx
+++ b/packages/design-system/lib/components/Typography/Typography.tsx
@@ -1,8 +1,8 @@
-import { cloneElement, isValidElement } from 'react'
+import { cloneElement, isValidElement } from "react"
 
-import { variants } from './variants'
+import { variants } from "./variants"
 
-import type { TypographyProps } from './types'
+import type { TypographyProps } from "./types"
 
 export function Typography({
   variant,
@@ -19,6 +19,6 @@ export function Typography({
     ...children.props,
     className: [className, children.props.className, classNames]
       .filter(Boolean)
-      .join(' '),
+      .join(" "),
   })
 }
diff --git a/packages/design-system/lib/components/Typography/index.tsx b/packages/design-system/lib/components/Typography/index.tsx
index 46e30f480..2fd4288b6 100644
--- a/packages/design-system/lib/components/Typography/index.tsx
+++ b/packages/design-system/lib/components/Typography/index.tsx
@@ -1,3 +1,3 @@
-export { Typography } from './Typography'
+export { Typography } from "./Typography"
 // eslint-disable-next-line react-refresh/only-export-components
-export { withTypography } from './variants'
+export { withTypography } from "./variants"
diff --git a/packages/design-system/lib/components/Typography/types.ts b/packages/design-system/lib/components/Typography/types.ts
index 5b3a5426e..72b492d48 100644
--- a/packages/design-system/lib/components/Typography/types.ts
+++ b/packages/design-system/lib/components/Typography/types.ts
@@ -1,9 +1,10 @@
-import type { VariantProps } from 'class-variance-authority'
+import type { VariantProps } from "class-variance-authority"
 
-import type { variants } from './variants'
+import type { variants } from "./variants"
 
 export interface TypographyProps
-  extends Pick<React.HTMLAttributes<HTMLElement>, 'className'>,
+  extends
+    Pick<React.HTMLAttributes<HTMLElement>, "className">,
     VariantProps<typeof variants> {
   children: React.ReactElement<{ className?: string }>
 }
diff --git a/packages/design-system/lib/components/Typography/variants.ts b/packages/design-system/lib/components/Typography/variants.ts
index d4b0dd21d..d2335abc3 100644
--- a/packages/design-system/lib/components/Typography/variants.ts
+++ b/packages/design-system/lib/components/Typography/variants.ts
@@ -1,40 +1,40 @@
-import { cva } from 'class-variance-authority'
-import { deepmerge } from 'deepmerge-ts'
+import { cva } from "class-variance-authority"
+import { deepmerge } from "deepmerge-ts"
 
-import styles from './typography.module.css'
+import styles from "./typography.module.css"
 
 export const config = {
   variants: {
     variant: {
-      'Title/lg': styles['Title-lg'],
-      'Title/md': styles['Title-md'],
-      'Title/mdLowCase': styles['Title-mdLowCase'],
-      'Title/sm': styles['Title-sm'],
-      'Title/smLowCase': styles['Title-smLowCase'],
-      'Title/xs': styles['Title-xs'],
-      'Title/Decorative/lg': styles['Title-Decorative-lg'],
-      'Title/Decorative/md': styles['Title-Decorative-md'],
-      'Title/Subtitle/lg': styles['Title-Subtitle-lg'],
-      'Title/Subtitle/md': styles['Title-Subtitle-md'],
-      'Title/Overline/sm': styles['Title-Overline-sm'],
-      'Body/Lead text': styles['Body-Lead-text'],
-      'Body/Paragraph/mdRegular': styles['Body-Paragraph-mdRegular'],
-      'Body/Paragraph/mdBold': styles['Body-Paragraph-mdBold'],
-      'Body/Supporting text (caption)/smRegular':
-        styles['Body-Supporting-text-caption-smRegular'],
-      'Body/Supporting text (caption)/smBold':
-        styles['Body-Supporting-text-caption-smBold'],
-      'Body/Underline/md': styles['Body-Underline-md'],
-      'Body/Underline/sm': styles['Body-Underline-sm'],
-      'Tag/sm': styles['Tag-sm'],
-      'Link/md': styles['Link-md'],
-      'Link/sm': styles['Link-sm'],
-      'Label/xsRegular': styles['Label-xsRegular'],
-      'Label/xsBold': styles['Label-xsBold'],
+      "Title/lg": styles["Title-lg"],
+      "Title/md": styles["Title-md"],
+      "Title/mdLowCase": styles["Title-mdLowCase"],
+      "Title/sm": styles["Title-sm"],
+      "Title/smLowCase": styles["Title-smLowCase"],
+      "Title/xs": styles["Title-xs"],
+      "Title/Decorative/lg": styles["Title-Decorative-lg"],
+      "Title/Decorative/md": styles["Title-Decorative-md"],
+      "Title/Subtitle/lg": styles["Title-Subtitle-lg"],
+      "Title/Subtitle/md": styles["Title-Subtitle-md"],
+      "Title/Overline/sm": styles["Title-Overline-sm"],
+      "Body/Lead text": styles["Body-Lead-text"],
+      "Body/Paragraph/mdRegular": styles["Body-Paragraph-mdRegular"],
+      "Body/Paragraph/mdBold": styles["Body-Paragraph-mdBold"],
+      "Body/Supporting text (caption)/smRegular":
+        styles["Body-Supporting-text-caption-smRegular"],
+      "Body/Supporting text (caption)/smBold":
+        styles["Body-Supporting-text-caption-smBold"],
+      "Body/Underline/md": styles["Body-Underline-md"],
+      "Body/Underline/sm": styles["Body-Underline-sm"],
+      "Tag/sm": styles["Tag-sm"],
+      "Link/md": styles["Link-md"],
+      "Link/sm": styles["Link-sm"],
+      "Label/xsRegular": styles["Label-xsRegular"],
+      "Label/xsBold": styles["Label-xsBold"],
     },
   },
   defaultVariants: {
-    variant: 'Body/Paragraph/mdRegular',
+    variant: "Body/Paragraph/mdRegular",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/VideoPlayer/Button/VideoPlayerButton.stories.tsx b/packages/design-system/lib/components/VideoPlayer/Button/VideoPlayerButton.stories.tsx
index 9414dc5b0..24810a9ea 100644
--- a/packages/design-system/lib/components/VideoPlayer/Button/VideoPlayerButton.stories.tsx
+++ b/packages/design-system/lib/components/VideoPlayer/Button/VideoPlayerButton.stories.tsx
@@ -1,69 +1,69 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { fn } from 'storybook/test'
-import { VideoPlayerButton } from '.'
-import { videoPlayerButtonIconNames } from './types'
-import { config } from './variants'
+import { fn } from "storybook/test"
+import { VideoPlayerButton } from "."
+import { videoPlayerButtonIconNames } from "./types"
+import { config } from "./variants"
 
 const meta: Meta<typeof VideoPlayerButton> = {
-  title: 'Core Components/Video/VideoPlayerButton',
+  title: "Core Components/Video/VideoPlayerButton",
   component: VideoPlayerButton,
   parameters: {
     docs: {
       description: {
         component:
-          'A component to display a VideoPlayer and content inside a card connected to the video. The size and gaps are determined by the parent container.',
+          "A component to display a VideoPlayer and content inside a card connected to the video. The size and gaps are determined by the parent container.",
       },
     },
   },
   argTypes: {
     onPress: {
       table: {
-        type: { summary: 'function' },
+        type: { summary: "function" },
       },
-      defaultValue: { summary: 'undefined' },
+      defaultValue: { summary: "undefined" },
     },
     size: {
-      control: 'select',
+      control: "select",
       options: Object.keys(config.variants.size),
       table: {
         defaultValue: {
           summary: config.defaultVariants.size,
         },
         type: {
-          summary: Object.keys(config.variants.size).join(' | '),
+          summary: Object.keys(config.variants.size).join(" | "),
         },
       },
-      description: 'The size of the button.',
+      description: "The size of the button.",
     },
     iconName: {
-      control: 'select',
+      control: "select",
       options: videoPlayerButtonIconNames,
       table: {
         defaultValue: {
-          summary: 'undefined',
+          summary: "undefined",
         },
         type: {
-          summary: videoPlayerButtonIconNames.join(' | '),
+          summary: videoPlayerButtonIconNames.join(" | "),
         },
       },
       description:
-        'This decides the background color and text color of the card.',
+        "This decides the background color and text color of the card.",
     },
   },
 }
 
 export default meta
 
-function renderAllIcons(args: Story['args']) {
+function renderAllIcons(args: Story["args"]) {
   return (
     <div
       style={{
-        display: 'flex',
-        gap: '16px',
-        alignItems: 'center',
-        justifyContent: 'center',
-        flexWrap: 'wrap',
+        display: "flex",
+        gap: "16px",
+        alignItems: "center",
+        justifyContent: "center",
+        flexWrap: "wrap",
       }}
     >
       {videoPlayerButtonIconNames.map((iconName) => (
@@ -76,20 +76,20 @@ function renderAllIcons(args: Story['args']) {
 type Story = StoryObj<typeof VideoPlayerButton>
 
 export const Default: Story = {
-  args: { iconName: 'play_arrow', onPress: fn() },
+  args: { iconName: "play_arrow", onPress: fn() },
 }
 
 export const Small: Story = {
-  args: { ...Default.args, size: 'sm' },
+  args: { ...Default.args, size: "sm" },
   render: (args) => renderAllIcons(args),
 }
 
 export const Medium: Story = {
-  args: { ...Default.args, size: 'md' },
+  args: { ...Default.args, size: "md" },
   render: (args) => renderAllIcons(args),
 }
 
 export const Large: Story = {
-  args: { ...Default.args, size: 'lg' },
+  args: { ...Default.args, size: "lg" },
   render: (args) => renderAllIcons(args),
 }
diff --git a/packages/design-system/lib/components/VideoPlayer/Button/index.tsx b/packages/design-system/lib/components/VideoPlayer/Button/index.tsx
index a8eac9d71..5bf3b70e7 100644
--- a/packages/design-system/lib/components/VideoPlayer/Button/index.tsx
+++ b/packages/design-system/lib/components/VideoPlayer/Button/index.tsx
@@ -1,10 +1,10 @@
-'use client'
+"use client"
 
-import { Button as ButtonRAC } from 'react-aria-components'
-import { MaterialIcon } from '../../Icons/MaterialIcon'
-import { VideoPlayerButtonProps } from './types'
-import { variants } from './variants'
-import styles from './videoPlayerButton.module.css'
+import { Button as ButtonRAC } from "react-aria-components"
+import { MaterialIcon } from "../../Icons/MaterialIcon"
+import { VideoPlayerButtonProps } from "./types"
+import { variants } from "./variants"
+import styles from "./videoPlayerButton.module.css"
 
 export function VideoPlayerButton({
   iconName,
@@ -32,13 +32,13 @@ export function VideoPlayerButton({
   )
 }
 
-function getIconSize(size: VideoPlayerButtonProps['size']) {
+function getIconSize(size: VideoPlayerButtonProps["size"]) {
   switch (size) {
-    case 'sm':
+    case "sm":
       return 28
-    case 'lg':
+    case "lg":
       return 40
-    case 'md':
+    case "md":
     default:
       return 32
   }
diff --git a/packages/design-system/lib/components/VideoPlayer/Button/types.ts b/packages/design-system/lib/components/VideoPlayer/Button/types.ts
index c843559c8..b163d25c1 100644
--- a/packages/design-system/lib/components/VideoPlayer/Button/types.ts
+++ b/packages/design-system/lib/components/VideoPlayer/Button/types.ts
@@ -1,22 +1,22 @@
-import type { VariantProps } from 'class-variance-authority'
-import { Button as ButtonRAC } from 'react-aria-components'
+import type { VariantProps } from "class-variance-authority"
+import { Button as ButtonRAC } from "react-aria-components"
 
-import { ComponentProps } from 'react'
-import type { SymbolCodepoints } from '../../Icons/MaterialIcon/MaterialSymbol/types'
-import type { variants } from './variants'
+import { ComponentProps } from "react"
+import type { SymbolCodepoints } from "../../Icons/MaterialIcon/MaterialSymbol/types"
+import type { variants } from "./variants"
 
 export const videoPlayerButtonIconNames = [
-  'play_arrow',
-  'pause',
-  'volume_up',
-  'volume_off',
+  "play_arrow",
+  "pause",
+  "volume_up",
+  "volume_off",
 ] satisfies SymbolCodepoints[]
 
 type VideoPlayerButtonIconName = (typeof videoPlayerButtonIconNames)[number]
 
 export interface VideoPlayerButtonProps
   extends
-    Omit<ComponentProps<typeof ButtonRAC>, 'children'>,
+    Omit<ComponentProps<typeof ButtonRAC>, "children">,
     VariantProps<typeof variants> {
   iconName: VideoPlayerButtonIconName
 }
diff --git a/packages/design-system/lib/components/VideoPlayer/Button/variants.ts b/packages/design-system/lib/components/VideoPlayer/Button/variants.ts
index 132ec73dc..09483f91f 100644
--- a/packages/design-system/lib/components/VideoPlayer/Button/variants.ts
+++ b/packages/design-system/lib/components/VideoPlayer/Button/variants.ts
@@ -1,17 +1,17 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './videoPlayerButton.module.css'
+import styles from "./videoPlayerButton.module.css"
 
 export const config = {
   variants: {
     size: {
-      sm: styles['size-sm'],
-      md: styles['size-md'],
-      lg: styles['size-lg'],
+      sm: styles["size-sm"],
+      md: styles["size-md"],
+      lg: styles["size-lg"],
     },
   },
   defaultVariants: {
-    size: 'md',
+    size: "md",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/VideoPlayer/Button/videoPlayerButton.module.css b/packages/design-system/lib/components/VideoPlayer/Button/videoPlayerButton.module.css
index c25ed7db2..e026beba6 100644
--- a/packages/design-system/lib/components/VideoPlayer/Button/videoPlayerButton.module.css
+++ b/packages/design-system/lib/components/VideoPlayer/Button/videoPlayerButton.module.css
@@ -32,7 +32,7 @@
     outline-offset: 2px;
 
     &::before {
-      content: '';
+      content: "";
       position: absolute;
       inset: -2px;
       border: 2px solid var(--Border-Interactive-Focus);
diff --git a/packages/design-system/lib/components/VideoPlayer/VideoPlayer.stories.tsx b/packages/design-system/lib/components/VideoPlayer/VideoPlayer.stories.tsx
index 76f098950..5493bbe1c 100644
--- a/packages/design-system/lib/components/VideoPlayer/VideoPlayer.stories.tsx
+++ b/packages/design-system/lib/components/VideoPlayer/VideoPlayer.stories.tsx
@@ -1,18 +1,18 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Lang } from '@scandic-hotels/common/constants/language'
-import { VideoPlayer } from '.'
-import { config as videoPlayerConfig } from './variants'
+import { Lang } from "@scandic-hotels/common/constants/language"
+import { VideoPlayer } from "."
+import { config as videoPlayerConfig } from "./variants"
 
 const meta: Meta<typeof VideoPlayer> = {
-  title: 'Core Components/Video/VideoPlayer',
+  title: "Core Components/Video/VideoPlayer",
   component: VideoPlayer,
 
   parameters: {
     docs: {
       description: {
         component:
-          'This component is not ready for production use. It is still under development and may undergo significant changes.',
+          "This component is not ready for production use. It is still under development and may undergo significant changes.",
       },
     },
   },
@@ -25,60 +25,60 @@ const meta: Meta<typeof VideoPlayer> = {
     },
     sources: {
       table: {
-        type: { summary: '{src: string; type: string}[]' },
+        type: { summary: "{src: string; type: string}[]" },
       },
       description:
-        'The different sources of the video, including their formats.',
+        "The different sources of the video, including their formats.",
     },
     poster: {
       table: {
         type: {
           summary:
-            '{src: string, dimensions?: { width: number; height: number }}',
+            "{src: string, dimensions?: { width: number; height: number }}",
         },
       },
       description:
-        'The poster image to be displayed before playback. Default behavior in iOS is that the first frame of the video is not visible until playback starts, so providing a poster image is recommended for better user experience.',
+        "The poster image to be displayed before playback. Default behavior in iOS is that the first frame of the video is not visible until playback starts, so providing a poster image is recommended for better user experience.",
     },
     captions: {
       table: {
         type: {
-          summary: 'Caption[]',
-          detail: '{ src: string; srcLang: Lang; isDefault: boolean }[]',
+          summary: "Caption[]",
+          detail: "{ src: string; srcLang: Lang; isDefault: boolean }[]",
         },
       },
       description:
-        'An array of caption objects for the video. Since this functionality only works when the controls are visible, captions are only supported in the inline variant.',
+        "An array of caption objects for the video. Since this functionality only works when the controls are visible, captions are only supported in the inline variant.",
     },
     variant: {
-      control: 'select',
+      control: "select",
       options: Object.keys(videoPlayerConfig.variants.variant),
       table: {
         defaultValue: {
           summary: videoPlayerConfig.defaultVariants.variant,
         },
         type: {
-          summary: 'string',
-          detail: Object.keys(videoPlayerConfig.variants.variant).join(' | '),
+          summary: "string",
+          detail: Object.keys(videoPlayerConfig.variants.variant).join(" | "),
         },
       },
       description:
-        'The variant of the video player, which determines its style and behavior. The hero variant is typically used for large, prominent video displays and defaults to autoplay and muted playback.',
+        "The variant of the video player, which determines its style and behavior. The hero variant is typically used for large, prominent video displays and defaults to autoplay and muted playback.",
     },
     focalPoint: {
       table: {
-        type: { summary: 'FocalPoint', detail: '{ x: number; y: number }' },
-        defaultValue: { summary: '{ x: 50, y: 50 }' },
+        type: { summary: "FocalPoint", detail: "{ x: number; y: number }" },
+        defaultValue: { summary: "{ x: 50, y: 50 }" },
       },
-      description: 'The focal point of the video thumbnail.',
+      description: "The focal point of the video thumbnail.",
     },
     autoPlay: {
       table: {
-        type: { summary: 'boolean' },
-        defaultValue: { summary: 'false' },
+        type: { summary: "boolean" },
+        defaultValue: { summary: "false" },
       },
       description:
-        'Whether the video should autoplay. Note that autoplay might be ignored by browsers unless the video is muted, which is the default behavior for this component.',
+        "Whether the video should autoplay. Note that autoplay might be ignored by browsers unless the video is muted, which is the default behavior for this component.",
     },
   },
 }
@@ -89,35 +89,35 @@ type Story = StoryObj<typeof VideoPlayer>
 
 const inlineSources = [
   {
-    src: 'https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/bltf1f715c41793a9fb/6943e943ca0c69c3d00bd620/Scandic_EB_Video.mp4',
-    type: 'video/mp4',
+    src: "https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/bltf1f715c41793a9fb/6943e943ca0c69c3d00bd620/Scandic_EB_Video.mp4",
+    type: "video/mp4",
   },
 ]
 
 const heroSources = [
   {
-    src: 'https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/bltc3aa53ac9bf6798c/693ad4b65b0889d6348893f3/Test_video.mp4',
-    type: 'video/mp4',
+    src: "https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/bltc3aa53ac9bf6798c/693ad4b65b0889d6348893f3/Test_video.mp4",
+    type: "video/mp4",
   },
   {
-    src: 'https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/blt029be07ddd444eea/693c251c09e17b33c93c1dd6/hero-banner-1920-vp9.webm',
-    type: 'video/webm',
+    src: "https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/blt029be07ddd444eea/693c251c09e17b33c93c1dd6/hero-banner-1920-vp9.webm",
+    type: "video/webm",
   },
 ]
 
 const defaultArgs = {
   sources: inlineSources,
   poster: {
-    src: 'https://imagevault.scandichotels.com/publishedmedia/dtpv2wgm6jhix2pqpp88/Scandic_Downtown_Camper_restaurang_bar_The_Nest_lounge_eld.jpg',
+    src: "https://imagevault.scandichotels.com/publishedmedia/dtpv2wgm6jhix2pqpp88/Scandic_Downtown_Camper_restaurang_bar_The_Nest_lounge_eld.jpg",
   },
   captions: [
     {
-      src: './video/captions_en.vtt',
+      src: "./video/captions_en.vtt",
       srcLang: Lang.en,
       isDefault: false,
     },
     {
-      src: './video/captions_sv.vtt',
+      src: "./video/captions_sv.vtt",
       srcLang: Lang.sv,
       isDefault: false,
     },
@@ -129,16 +129,16 @@ export const Default: Story = {
 }
 
 export const Inline: Story = {
-  args: { ...Default.args, variant: 'inline' },
+  args: { ...Default.args, variant: "inline" },
 }
 
 export const BareHero: Story = {
   args: {
     ...Default.args,
-    variant: 'hero',
+    variant: "hero",
     sources: heroSources,
   },
-  name: 'Hero (barebones)',
+  name: "Hero (barebones)",
   parameters: {
     docs: {
       description: {
@@ -156,11 +156,11 @@ export const Hero: Story = {
   render: (args) => (
     <div
       style={{
-        width: 'min(100%, 1200px)',
-        height: 'max(20vh, 300px)',
-        borderRadius: 'var(--Corner-radius-lg)',
-        margin: 'auto',
-        overflow: 'hidden',
+        width: "min(100%, 1200px)",
+        height: "max(20vh, 300px)",
+        borderRadius: "var(--Corner-radius-lg)",
+        margin: "auto",
+        overflow: "hidden",
       }}
     >
       <VideoPlayer {...args} />
diff --git a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/VideoWithCard.stories.tsx b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/VideoWithCard.stories.tsx
index 0743a1a34..c48fa99a0 100644
--- a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/VideoWithCard.stories.tsx
+++ b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/VideoWithCard.stories.tsx
@@ -1,91 +1,91 @@
-import type { Meta, StoryObj } from '@storybook/nextjs-vite'
+import type { Meta, StoryObj } from "@storybook/nextjs-vite"
 
-import { Lang } from '@scandic-hotels/common/constants/language'
-import { VideoWithCard } from '.'
-import { config } from './variants'
+import { Lang } from "@scandic-hotels/common/constants/language"
+import { VideoWithCard } from "."
+import { config } from "./variants"
 
 const meta: Meta<typeof VideoWithCard> = {
-  title: 'Core Components/Video/VideoWithCard',
+  title: "Core Components/Video/VideoWithCard",
   component: VideoWithCard,
   parameters: {
     docs: {
       description: {
         component:
-          'A component to display a VideoPlayer and content inside a card connected to the video. The size and gaps are determined by the parent container.',
+          "A component to display a VideoPlayer and content inside a card connected to the video. The size and gaps are determined by the parent container.",
       },
     },
   },
   argTypes: {
     variant: {
-      control: 'select',
+      control: "select",
       options: Object.keys(config.variants.variant),
       table: {
         defaultValue: {
           summary: config.defaultVariants.variant,
         },
         type: {
-          summary: Object.keys(config.variants.variant).join(' | '),
+          summary: Object.keys(config.variants.variant).join(" | "),
         },
       },
       description:
-        'The variant of the card, which determines its style of the text and what content is shown.',
+        "The variant of the card, which determines its style of the text and what content is shown.",
     },
     style: {
-      control: 'select',
+      control: "select",
       options: Object.keys(config.variants.style),
       table: {
         defaultValue: {
           summary: config.defaultVariants.style,
         },
         type: {
-          summary: Object.keys(config.variants.style).join(' | '),
+          summary: Object.keys(config.variants.style).join(" | "),
         },
       },
       description:
-        'This decides the background color and text color of the card.',
+        "This decides the background color and text color of the card.",
     },
     heading: {
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
       },
-      description: 'The heading text. Only applicable for the text variant.',
+      description: "The heading text. Only applicable for the text variant.",
     },
     text: {
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
       },
-      description: 'The body text. Only applicable for the text variant.',
+      description: "The body text. Only applicable for the text variant.",
     },
     quote: {
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
       },
-      description: 'The quote text. Only applicable for the quote variant.',
+      description: "The quote text. Only applicable for the quote variant.",
     },
     author: {
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
       },
       description:
-        'The author of the quote. Only applicable for the quote variant.',
+        "The author of the quote. Only applicable for the quote variant.",
     },
     authorDescription: {
       table: {
-        type: { summary: 'string' },
+        type: { summary: "string" },
       },
       description:
-        'The description of the author. Only applicable for the quote variant.',
+        "The description of the author. Only applicable for the quote variant.",
     },
     video: {
       control: false,
       table: {
         type: {
           summary:
-            '{ sources: { src: string; type: string }[]; poster?: { src: string; dimensions?: { width: number; height: number } }; captions?: Caption[]; focalPoint?: FocalPoint}',
+            "{ sources: { src: string; type: string }[]; poster?: { src: string; dimensions?: { width: number; height: number } }; captions?: Caption[]; focalPoint?: FocalPoint}",
         },
       },
       description:
-        'The video props including source URL, captions and focal point. Please note that not all props from the VideoPlayer component are supported in this wrapper component.',
+        "The video props including source URL, captions and focal point. Please note that not all props from the VideoPlayer component are supported in this wrapper component.",
     },
   },
 }
@@ -97,25 +97,25 @@ type Story = StoryObj<typeof VideoWithCard>
 const videoProps = {
   sources: [
     {
-      src: 'https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/bltc3aa53ac9bf6798c/693ad4b65b0889d6348893f3/Test_video.mp4',
-      type: 'video/mp4',
+      src: "https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/bltc3aa53ac9bf6798c/693ad4b65b0889d6348893f3/Test_video.mp4",
+      type: "video/mp4",
     },
     {
-      src: 'https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/blt029be07ddd444eea/693c251c09e17b33c93c1dd6/hero-banner-1920-vp9.webm',
-      type: 'video/webm',
+      src: "https://eu-assets.contentstack.com/v3/assets/bltfd73aa2de3a5c4e3/blt029be07ddd444eea/693c251c09e17b33c93c1dd6/hero-banner-1920-vp9.webm",
+      type: "video/webm",
     },
   ],
   poster: {
-    src: 'https://imagevault.scandichotels.com/publishedmedia/dtpv2wgm6jhix2pqpp88/Scandic_Downtown_Camper_restaurang_bar_The_Nest_lounge_eld.jpg',
+    src: "https://imagevault.scandichotels.com/publishedmedia/dtpv2wgm6jhix2pqpp88/Scandic_Downtown_Camper_restaurang_bar_The_Nest_lounge_eld.jpg",
   },
   captions: [
     {
-      src: './video/captions_en.vtt',
+      src: "./video/captions_en.vtt",
       srcLang: Lang.en,
       isDefault: false,
     },
     {
-      src: './video/captions_sv.vtt',
+      src: "./video/captions_sv.vtt",
       srcLang: Lang.sv,
       isDefault: false,
     },
@@ -124,25 +124,25 @@ const videoProps = {
 }
 
 const quoteCardProps = {
-  variant: 'quote' as const,
-  quote: 'Download our membership App for smoother & richer experience',
-  author: 'Hans Christian Andersen',
-  authorDescription: 'The famed Danish storyteller.',
+  variant: "quote" as const,
+  quote: "Download our membership App for smoother & richer experience",
+  author: "Hans Christian Andersen",
+  authorDescription: "The famed Danish storyteller.",
   video: videoProps,
 }
 
 const textCardProps = {
-  variant: 'text' as const,
-  heading: 'Download our membership App now',
-  text: 'Hans Christian Andersen, the famed Danish storyteller, spent many years of his life in Nyhavn, drawing inspiration from its lively atmosphere and picturesque setting.',
+  variant: "text" as const,
+  heading: "Download our membership App now",
+  text: "Hans Christian Andersen, the famed Danish storyteller, spent many years of his life in Nyhavn, drawing inspiration from its lively atmosphere and picturesque setting.",
   video: videoProps,
 }
 
 const smallDecorator = (Story: React.FC) => (
   <div
     style={{
-      width: '792px',
-      paddingRight: '2rem',
+      width: "792px",
+      paddingRight: "2rem",
     }}
   >
     <Story />
@@ -152,8 +152,8 @@ const smallDecorator = (Story: React.FC) => (
 const largeDecorator = (Story: React.FC) => (
   <div
     style={{
-      width: '1200px',
-      paddingRight: '2rem',
+      width: "1200px",
+      paddingRight: "2rem",
     }}
   >
     <Story />
@@ -163,7 +163,7 @@ const largeDecorator = (Story: React.FC) => (
 export const QuotePrimary1Small: Story = {
   args: {
     ...quoteCardProps,
-    style: 'primary-1',
+    style: "primary-1",
   },
   decorators: [smallDecorator],
   render: (args) => <VideoWithCard {...args} />,
@@ -172,7 +172,7 @@ export const QuotePrimary1Small: Story = {
 export const QuotePrimary2Small: Story = {
   args: {
     ...quoteCardProps,
-    style: 'primary-2',
+    style: "primary-2",
   },
   decorators: [smallDecorator],
   render: (args) => <VideoWithCard {...args} />,
@@ -181,7 +181,7 @@ export const QuotePrimary2Small: Story = {
 export const TextPrimary1Small: Story = {
   args: {
     ...textCardProps,
-    style: 'primary-1',
+    style: "primary-1",
   },
   decorators: [smallDecorator],
   render: (args) => <VideoWithCard {...args} />,
@@ -190,7 +190,7 @@ export const TextPrimary1Small: Story = {
 export const TextPrimary2Small: Story = {
   args: {
     ...textCardProps,
-    style: 'primary-2',
+    style: "primary-2",
   },
   decorators: [smallDecorator],
   render: (args) => <VideoWithCard {...args} />,
@@ -199,7 +199,7 @@ export const TextPrimary2Small: Story = {
 export const QuotePrimary1Large: Story = {
   args: {
     ...quoteCardProps,
-    style: 'primary-1',
+    style: "primary-1",
   },
   decorators: [largeDecorator],
   render: (args) => <VideoWithCard {...args} />,
@@ -208,7 +208,7 @@ export const QuotePrimary1Large: Story = {
 export const QuotePrimary2Large: Story = {
   args: {
     ...quoteCardProps,
-    style: 'primary-2',
+    style: "primary-2",
   },
   decorators: [largeDecorator],
   render: (args) => <VideoWithCard {...args} />,
@@ -217,7 +217,7 @@ export const QuotePrimary2Large: Story = {
 export const TextPrimary1Large: Story = {
   args: {
     ...textCardProps,
-    style: 'primary-1',
+    style: "primary-1",
   },
   decorators: [largeDecorator],
   render: (args) => <VideoWithCard {...args} />,
@@ -226,7 +226,7 @@ export const TextPrimary1Large: Story = {
 export const TextPrimary2Large: Story = {
   args: {
     ...textCardProps,
-    style: 'primary-2',
+    style: "primary-2",
   },
   decorators: [largeDecorator],
   render: (args) => <VideoWithCard {...args} />,
diff --git a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/index.tsx b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/index.tsx
index 13b290886..2f55ddbb2 100644
--- a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/index.tsx
+++ b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/index.tsx
@@ -1,17 +1,17 @@
-import { VariantProps } from 'class-variance-authority'
-import { Typography } from '../../Typography'
-import { variants } from './variants'
+import { VariantProps } from "class-variance-authority"
+import { Typography } from "../../Typography"
+import { variants } from "./variants"
 
-import { VideoPlayer } from '..'
-import { VideoPlayerProps } from '../types'
-import styles from './videoWithCard.module.css'
+import { VideoPlayer } from ".."
+import { VideoPlayerProps } from "../types"
+import styles from "./videoWithCard.module.css"
 interface TextCardProps {
-  variant: 'text'
+  variant: "text"
   heading: string
   text?: string
 }
 interface QuoteCardProps {
-  variant: 'quote'
+  variant: "quote"
   quote: string
   author: string
   authorDescription?: string
@@ -19,7 +19,7 @@ interface QuoteCardProps {
 
 type VideoWithCardProps = VariantProps<typeof variants> &
   (TextCardProps | QuoteCardProps) & {
-    video: Pick<VideoPlayerProps, 'sources' | 'captions' | 'focalPoint'>
+    video: Pick<VideoPlayerProps, "sources" | "captions" | "focalPoint">
   }
 
 export function VideoWithCard(props: VideoWithCardProps) {
@@ -42,7 +42,7 @@ export function VideoWithCard(props: VideoWithCardProps) {
 }
 
 function CardContent(props: VideoWithCardProps) {
-  if (props.variant === 'quote') {
+  if (props.variant === "quote") {
     const { quote, author, authorDescription } = props
 
     return (
diff --git a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/variants.ts b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/variants.ts
index 153be9705..cb5b521e2 100644
--- a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/variants.ts
+++ b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/variants.ts
@@ -1,21 +1,21 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './videoWithCard.module.css'
+import styles from "./videoWithCard.module.css"
 
 export const config = {
   variants: {
     variant: {
-      text: styles['variant-text'],
-      quote: styles['variant-quote'],
+      text: styles["variant-text"],
+      quote: styles["variant-quote"],
     },
     style: {
-      'primary-1': styles['style-primary-1'],
-      'primary-2': styles['style-primary-2'],
+      "primary-1": styles["style-primary-1"],
+      "primary-2": styles["style-primary-2"],
     },
   },
   defaultVariants: {
-    style: 'primary-1',
-    variant: 'text',
+    style: "primary-1",
+    variant: "text",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/videoWithCard.module.css b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/videoWithCard.module.css
index 66bce30df..520a1baba 100644
--- a/packages/design-system/lib/components/VideoPlayer/VideoWithCard/videoWithCard.module.css
+++ b/packages/design-system/lib/components/VideoPlayer/VideoWithCard/videoWithCard.module.css
@@ -71,10 +71,10 @@
 
 .blockquote {
   &::before {
-    content: '“';
+    content: "“";
   }
   &::after {
-    content: '”';
+    content: "”";
   }
 }
 
diff --git a/packages/design-system/lib/components/VideoPlayer/index.tsx b/packages/design-system/lib/components/VideoPlayer/index.tsx
index 61312c210..ae8678dfa 100644
--- a/packages/design-system/lib/components/VideoPlayer/index.tsx
+++ b/packages/design-system/lib/components/VideoPlayer/index.tsx
@@ -1,24 +1,24 @@
-'use client'
+"use client"
 
-import { cx } from 'class-variance-authority'
-import { useCallback, useEffect, useRef, useState } from 'react'
+import { cx } from "class-variance-authority"
+import { useCallback, useEffect, useRef, useState } from "react"
 
-import { languages } from '@scandic-hotels/common/constants/language'
-import { useIntl } from 'react-intl'
-import Image from '../Image'
-import { VideoPlayerButton } from './Button'
-import { VideoPlayerProps } from './types'
-import { useVideoDimensions } from './useVideoDimensions'
-import { getVideoPropsByVariant } from './utils'
-import { variants } from './variants'
-import styles from './videoPlayer.module.css'
+import { languages } from "@scandic-hotels/common/constants/language"
+import { useIntl } from "react-intl"
+import Image from "../Image"
+import { VideoPlayerButton } from "./Button"
+import { VideoPlayerProps } from "./types"
+import { useVideoDimensions } from "./useVideoDimensions"
+import { getVideoPropsByVariant } from "./utils"
+import { variants } from "./variants"
+import styles from "./videoPlayer.module.css"
 
 export function VideoPlayer({
   sources,
   captions,
   focalPoint = { x: 50, y: 50 },
   className,
-  variant = 'inline',
+  variant = "inline",
   poster,
   autoPlay,
   hasOverlay,
@@ -26,7 +26,7 @@ export function VideoPlayer({
   const intl = useIntl()
   const videoRef = useRef<HTMLVideoElement>(null)
   const shouldAutoPlay =
-    (variant === 'hero' && (autoPlay ?? true)) || !!autoPlay
+    (variant === "hero" && (autoPlay ?? true)) || !!autoPlay
   const [hasManuallyPlayed, setHasManuallyPlayed] = useState(false)
   const [hasToggledMute, setHasToggledMute] = useState(false)
   const [isPlaying, setIsPlaying] = useState(shouldAutoPlay)
@@ -51,9 +51,9 @@ export function VideoPlayer({
   })
   const showPlayButton =
     !hasError &&
-    (variant === 'hero' || (variant === 'inline' && !hasManuallyPlayed))
+    (variant === "hero" || (variant === "inline" && !hasManuallyPlayed))
   const showMuteButton =
-    !hasError && variant === 'inline' && hasManuallyPlayed && !hasToggledMute
+    !hasError && variant === "inline" && hasManuallyPlayed && !hasToggledMute
 
   const handleIntersection = useCallback(
     (entries: IntersectionObserverEntry[]) => {
@@ -71,7 +71,7 @@ export function VideoPlayer({
   function togglePlay() {
     const videoElement = videoRef.current
     if (videoElement) {
-      if (variant === 'hero') {
+      if (variant === "hero") {
         if (videoElement.paused) {
           setUserPaused(false)
           videoElement.play()
@@ -112,7 +112,7 @@ export function VideoPlayer({
   useEffect(() => {
     const videoElement = videoRef.current
 
-    if (!videoElement || variant !== 'hero') {
+    if (!videoElement || variant !== "hero") {
       return
     }
 
@@ -133,8 +133,8 @@ export function VideoPlayer({
 
   // Sort sources to prioritize WebM format for better compression
   const sortedSources = [...sources].sort((a, b) => {
-    const aIsWebM = a.type.includes('webm')
-    const bIsWebM = b.type.includes('webm')
+    const aIsWebM = a.type.includes("webm")
+    const bIsWebM = b.type.includes("webm")
 
     return aIsWebM === bIsWebM ? 0 : aIsWebM ? -1 : 1
   })
@@ -190,7 +190,7 @@ export function VideoPlayer({
           sizes={
             containerWidth
               ? `${containerWidth}px`
-              : `(min-width: 1367px) ${variant === 'inline' ? '700px' : '100vw'}, 100vw`
+              : `(min-width: 1367px) ${variant === "inline" ? "700px" : "100vw"}, 100vw`
           }
         />
       ) : null}
@@ -198,17 +198,17 @@ export function VideoPlayer({
         <VideoPlayerButton
           className={styles.playButton}
           onPress={togglePlay}
-          iconName={isPlaying ? 'pause' : 'play_arrow'}
-          size={variant === 'hero' ? 'sm' : 'lg'}
+          iconName={isPlaying ? "pause" : "play_arrow"}
+          size={variant === "hero" ? "sm" : "lg"}
           aria-label={
             isPlaying
               ? intl.formatMessage({
-                  id: 'videoPlayer.pause',
-                  defaultMessage: 'Pause video',
+                  id: "videoPlayer.pause",
+                  defaultMessage: "Pause video",
                 })
               : intl.formatMessage({
-                  id: 'videoPlayer.play',
-                  defaultMessage: 'Play video',
+                  id: "videoPlayer.play",
+                  defaultMessage: "Play video",
                 })
           }
         />
@@ -217,17 +217,17 @@ export function VideoPlayer({
         <VideoPlayerButton
           className={styles.muteButton}
           onPress={handleMuteToggle}
-          iconName={isMuted ? 'volume_off' : 'volume_up'}
+          iconName={isMuted ? "volume_off" : "volume_up"}
           size="sm"
           aria-label={
             isMuted
               ? intl.formatMessage({
-                  id: 'videoPlayer.mute',
-                  defaultMessage: 'Mute video',
+                  id: "videoPlayer.mute",
+                  defaultMessage: "Mute video",
                 })
               : intl.formatMessage({
-                  id: 'videoPlayer.unmute',
-                  defaultMessage: 'Unmute video',
+                  id: "videoPlayer.unmute",
+                  defaultMessage: "Unmute video",
                 })
           }
         />
diff --git a/packages/design-system/lib/components/VideoPlayer/types.ts b/packages/design-system/lib/components/VideoPlayer/types.ts
index e969ead1a..71c9e465a 100644
--- a/packages/design-system/lib/components/VideoPlayer/types.ts
+++ b/packages/design-system/lib/components/VideoPlayer/types.ts
@@ -1,7 +1,7 @@
-import { Lang } from '@scandic-hotels/common/constants/language'
-import { FocalPoint } from '@scandic-hotels/common/utils/imageVault'
-import { VariantProps } from 'class-variance-authority'
-import { variants } from './variants'
+import { Lang } from "@scandic-hotels/common/constants/language"
+import { FocalPoint } from "@scandic-hotels/common/utils/imageVault"
+import { VariantProps } from "class-variance-authority"
+import { variants } from "./variants"
 
 interface Caption {
   src: string
diff --git a/packages/design-system/lib/components/VideoPlayer/useVideoDimensions.ts b/packages/design-system/lib/components/VideoPlayer/useVideoDimensions.ts
index 804420640..38d69db10 100644
--- a/packages/design-system/lib/components/VideoPlayer/useVideoDimensions.ts
+++ b/packages/design-system/lib/components/VideoPlayer/useVideoDimensions.ts
@@ -1,4 +1,4 @@
-import { useRef, useState } from 'react'
+import { useRef, useState } from "react"
 
 /**
  * Hook to measure container width for optimizing poster image sizes.
diff --git a/packages/design-system/lib/components/VideoPlayer/utils.ts b/packages/design-system/lib/components/VideoPlayer/utils.ts
index 38cc40b81..c487bc459 100644
--- a/packages/design-system/lib/components/VideoPlayer/utils.ts
+++ b/packages/design-system/lib/components/VideoPlayer/utils.ts
@@ -1,26 +1,26 @@
-import { VideoHTMLAttributes } from 'react'
-import { VideoPlayerProps } from './types'
+import { VideoHTMLAttributes } from "react"
+import { VideoPlayerProps } from "./types"
 
 export function getVideoPropsByVariant(
-  variant: VideoPlayerProps['variant'],
+  variant: VideoPlayerProps["variant"],
   hasManuallyPlayed: boolean,
   shouldAutoPlay: boolean
 ): VideoHTMLAttributes<HTMLVideoElement> {
   switch (variant) {
-    case 'hero':
+    case "hero":
       return {
         controls: false,
-        controlsList: 'nodownload nofullscreen noremoteplayback',
+        controlsList: "nodownload nofullscreen noremoteplayback",
         autoPlay: shouldAutoPlay,
         muted: true,
         loop: true,
         playsInline: true,
       }
-    case 'inline':
+    case "inline":
     default:
       return {
         controls: hasManuallyPlayed,
-        controlsList: 'nodownload noremoteplayback',
+        controlsList: "nodownload noremoteplayback",
         autoPlay: shouldAutoPlay,
         muted: true,
         loop: false,
diff --git a/packages/design-system/lib/components/VideoPlayer/variants.ts b/packages/design-system/lib/components/VideoPlayer/variants.ts
index fc47e05ec..c75cc367a 100644
--- a/packages/design-system/lib/components/VideoPlayer/variants.ts
+++ b/packages/design-system/lib/components/VideoPlayer/variants.ts
@@ -1,6 +1,6 @@
-import { cva } from 'class-variance-authority'
+import { cva } from "class-variance-authority"
 
-import styles from './videoPlayer.module.css'
+import styles from "./videoPlayer.module.css"
 
 export const config = {
   variants: {
@@ -10,7 +10,7 @@ export const config = {
     },
   },
   defaultVariants: {
-    variant: 'inline',
+    variant: "inline",
   },
 } as const
 
diff --git a/packages/design-system/lib/components/VideoPlayer/videoPlayer.module.css b/packages/design-system/lib/components/VideoPlayer/videoPlayer.module.css
index ba0e81506..2b6cffc0b 100644
--- a/packages/design-system/lib/components/VideoPlayer/videoPlayer.module.css
+++ b/packages/design-system/lib/components/VideoPlayer/videoPlayer.module.css
@@ -26,7 +26,7 @@
   }
 
   &.hasOverlay::after {
-    content: '';
+    content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(
diff --git a/packages/design-system/lib/design-system-new-deprecated.css b/packages/design-system/lib/design-system-new-deprecated.css
index 0cc59c807..f323a7f11 100644
--- a/packages/design-system/lib/design-system-new-deprecated.css
+++ b/packages/design-system/lib/design-system-new-deprecated.css
@@ -1,130 +1,130 @@
 :root {
-  --typography-Body-Bold-fontFamily: 'fira sans';
+  --typography-Body-Bold-fontFamily: "fira sans";
   --typography-Body-Bold-fontSize: 16px;
-  --typography-Body-Bold-fontWeight: 'medium';
+  --typography-Body-Bold-fontWeight: "medium";
   --typography-Body-Bold-letterSpacing: 1.2000000476837158%;
   --typography-Body-Bold-lineHeight: 150%;
-  --typography-Body-Bold-textDecoration: 'none';
-  --typography-Body-Regular-fontFamily: 'fira sans';
+  --typography-Body-Bold-textDecoration: "none";
+  --typography-Body-Regular-fontFamily: "fira sans";
   --typography-Body-Regular-fontSize: 16px;
-  --typography-Body-Regular-fontWeight: 'regular';
+  --typography-Body-Regular-fontWeight: "regular";
   --typography-Body-Regular-letterSpacing: 1.2000000476837158%;
   --typography-Body-Regular-lineHeight: 150%;
-  --typography-Body-Regular-textDecoration: 'none';
-  --typography-Body-Underline-fontFamily: 'fira sans';
+  --typography-Body-Regular-textDecoration: "none";
+  --typography-Body-Underline-fontFamily: "fira sans";
   --typography-Body-Underline-fontSize: 16px;
   --typography-Body-Underline-letterSpacing: 1.2000000476837158%;
   --typography-Body-Underline-lineHeight: 150%;
-  --typography-Body-Underline-textDecoration: 'underline';
-  --typography-Caption-Bold-fontFamily: 'fira sans';
+  --typography-Body-Underline-textDecoration: "underline";
+  --typography-Caption-Bold-fontFamily: "fira sans";
   --typography-Caption-Bold-fontSize: 14px;
-  --typography-Caption-Bold-fontWeight: 'medium';
+  --typography-Caption-Bold-fontWeight: "medium";
   --typography-Caption-Bold-letterSpacing: 1.399999976158142%;
   --typography-Caption-Bold-lineHeight: 139.9999976158142%;
-  --typography-Caption-Bold-textDecoration: 'none';
-  --typography-Caption-Labels-fontFamily: 'brandon text';
+  --typography-Caption-Bold-textDecoration: "none";
+  --typography-Caption-Labels-fontFamily: "brandon text";
   --typography-Caption-Labels-fontSize: 14px;
-  --typography-Caption-Labels-fontWeight: 'bold';
+  --typography-Caption-Labels-fontWeight: "bold";
   --typography-Caption-Labels-letterSpacing: 1.399999976158142%;
   --typography-Caption-Labels-lineHeight: 150%;
-  --typography-Caption-Labels-textDecoration: 'none';
-  --typography-Caption-Regular-fontFamily: 'fira sans';
+  --typography-Caption-Labels-textDecoration: "none";
+  --typography-Caption-Regular-fontFamily: "fira sans";
   --typography-Caption-Regular-fontSize: 14px;
-  --typography-Caption-Regular-fontWeight: 'regular';
+  --typography-Caption-Regular-fontWeight: "regular";
   --typography-Caption-Regular-letterSpacing: 1.399999976158142%;
   --typography-Caption-Regular-lineHeight: 139.9999976158142%;
-  --typography-Caption-Regular-textDecoration: 'none';
-  --typography-Caption-Underline-fontFamily: 'fira sans';
+  --typography-Caption-Regular-textDecoration: "none";
+  --typography-Caption-Underline-fontFamily: "fira sans";
   --typography-Caption-Underline-fontSize: 14px;
-  --typography-Caption-Underline-fontWeight: 'medium';
+  --typography-Caption-Underline-fontWeight: "medium";
   --typography-Caption-Underline-letterSpacing: 1.399999976158142%;
   --typography-Caption-Underline-lineHeight: 139.9999976158142%;
-  --typography-Caption-Underline-textDecoration: 'underline';
-  --typography-Footnote-Bold-fontFamily: 'fira sans';
+  --typography-Caption-Underline-textDecoration: "underline";
+  --typography-Footnote-Bold-fontFamily: "fira sans";
   --typography-Footnote-Bold-fontSize: 12px;
-  --typography-Footnote-Bold-fontWeight: 'medium';
+  --typography-Footnote-Bold-fontWeight: "medium";
   --typography-Footnote-Bold-letterSpacing: 1.399999976158142%;
   --typography-Footnote-Bold-lineHeight: 150%;
-  --typography-Footnote-Bold-textDecoration: 'none';
-  --typography-Footnote-Labels-fontFamily: 'brandon text';
+  --typography-Footnote-Bold-textDecoration: "none";
+  --typography-Footnote-Labels-fontFamily: "brandon text";
   --typography-Footnote-Labels-fontSize: 12px;
-  --typography-Footnote-Labels-fontWeight: 'bold';
+  --typography-Footnote-Labels-fontWeight: "bold";
   --typography-Footnote-Labels-letterSpacing: 1.399999976158142%;
   --typography-Footnote-Labels-lineHeight: 150%;
-  --typography-Footnote-Labels-textDecoration: 'none';
-  --typography-Footnote-Regular-fontFamily: 'fira sans';
+  --typography-Footnote-Labels-textDecoration: "none";
+  --typography-Footnote-Regular-fontFamily: "fira sans";
   --typography-Footnote-Regular-fontSize: 12px;
-  --typography-Footnote-Regular-fontWeight: 'regular';
+  --typography-Footnote-Regular-fontWeight: "regular";
   --typography-Footnote-Regular-letterSpacing: 1.399999976158142%;
   --typography-Footnote-Regular-lineHeight: 150%;
-  --typography-Footnote-Regular-textDecoration: 'none';
+  --typography-Footnote-Regular-textDecoration: "none";
   --typography-Preamble-Desktop-fontSize: 20px;
-  --typography-Preamble-fontFamily: 'fira sans';
-  --typography-Preamble-fontWeight: 'regular';
+  --typography-Preamble-fontFamily: "fira sans";
+  --typography-Preamble-fontWeight: "regular";
   --typography-Preamble-letterSpacing: 1%;
   --typography-Preamble-lineHeight: 139.9999976158142%;
   --typography-Preamble-Mobile-fontSize: 18px;
-  --typography-Preamble-textDecoration: 'none';
+  --typography-Preamble-textDecoration: "none";
   --typography-Script-1-Desktop-fontSize: 32px;
-  --typography-Script-1-fontFamily: 'biro script plus';
-  --typography-Script-1-fontWeight: 'regular';
+  --typography-Script-1-fontFamily: "biro script plus";
+  --typography-Script-1-fontWeight: "regular";
   --typography-Script-1-letterSpacing: 2%;
   --typography-Script-1-lineHeight: 110.00000238418579%;
   --typography-Script-1-Mobile-fontSize: 24px;
   --typography-Script-2-Desktop-fontSize: 24px;
-  --typography-Script-2-fontWeight: 'regular';
+  --typography-Script-2-fontWeight: "regular";
   --typography-Script-2-letterSpacing: 2%;
   --typography-Script-2-lineHeight: 110.00000238418579%;
   --typography-Script-2-Mobile-fontSize: 20px;
   --typography-Subtitle-1-Desktop-fontSize: 24px;
-  --typography-Subtitle-1-fontFamily: 'fira sans';
+  --typography-Subtitle-1-fontFamily: "fira sans";
   --typography-Subtitle-1-letterSpacing: 1%;
   --typography-Subtitle-1-lineHeight: 120.00000476837158%;
   --typography-Subtitle-1-Mobile-fontSize: 20px;
   --typography-Subtitle-2-Desktop-fontSize: 20px;
-  --typography-Subtitle-2-fontFamily: 'fira sans';
+  --typography-Subtitle-2-fontFamily: "fira sans";
   --typography-Subtitle-2-fontSize: 20px;
-  --typography-Subtitle-2-fontWeight: 'medium';
+  --typography-Subtitle-2-fontWeight: "medium";
   --typography-Subtitle-2-letterSpacing: 1%;
   --typography-Subtitle-2-lineHeight: 120.00000476837158%;
   --typography-Subtitle-2-Mobile-fontSize: 18px;
   --typography-Title-1-Desktop-fontSize: 64px;
-  --typography-Title-1-fontFamily: 'brandon text';
+  --typography-Title-1-fontFamily: "brandon text";
   --typography-Title-1-fontSize: 64px;
-  --typography-Title-1-fontWeight: 'black';
+  --typography-Title-1-fontWeight: "black";
   --typography-Title-1-letterSpacing: 0.25%;
   --typography-Title-1-lineHeight: 110.00000238418579%;
   --typography-Title-1-Mobile-fontSize: 48px;
-  --typography-Title-1-textDecoration: 'none';
+  --typography-Title-1-textDecoration: "none";
   --typography-Title-2-Desktop-fontSize: 48px;
-  --typography-Title-2-fontFamily: 'brandon text';
-  --typography-Title-2-fontWeight: 'black';
+  --typography-Title-2-fontFamily: "brandon text";
+  --typography-Title-2-fontWeight: "black";
   --typography-Title-2-letterSpacing: 0.25%;
   --typography-Title-2-lineHeight: 110.00000238418579%;
   --typography-Title-2-Mobile-fontSize: 36px;
-  --typography-Title-2-textDecoration: 'none';
+  --typography-Title-2-textDecoration: "none";
   --typography-Title-3-Desktop-fontSize: 36px;
-  --typography-Title-3-fontFamily: 'brandon text';
+  --typography-Title-3-fontFamily: "brandon text";
   --typography-Title-3-fontSize: 36px;
-  --typography-Title-3-fontWeight: 'black';
+  --typography-Title-3-fontWeight: "black";
   --typography-Title-3-letterSpacing: 0.25%;
   --typography-Title-3-lineHeight: 110.00000238418579%;
   --typography-Title-3-Mobile-fontSize: 30px;
-  --typography-Title-3-textDecoration: 'none';
+  --typography-Title-3-textDecoration: "none";
   --typography-Title-4-Desktop-fontSize: 28px;
-  --typography-Title-4-fontFamily: 'brandon text';
-  --typography-Title-4-fontWeight: 'bold';
+  --typography-Title-4-fontFamily: "brandon text";
+  --typography-Title-4-fontWeight: "bold";
   --typography-Title-4-letterSpacing: 0.25%;
   --typography-Title-4-lineHeight: 110.00000238418579%;
   --typography-Title-4-Mobile-fontSize: 24px;
-  --typography-Title-4-textDecoration: 'none';
+  --typography-Title-4-textDecoration: "none";
   --typography-Title-5-Desktop-fontSize: 24px;
-  --typography-Title-5-fontFamily: 'brandon text';
-  --typography-Title-5-fontWeight: 'black';
+  --typography-Title-5-fontFamily: "brandon text";
+  --typography-Title-5-fontWeight: "black";
   --typography-Title-5-letterSpacing: 0.25%;
   --typography-Title-5-lineHeight: 110.00000238418579%;
   --typography-Title-5-Mobile-fontSize: 20px;
-  --typography-Title-5-textDecoration: 'none';
+  --typography-Title-5-textDecoration: "none";
 }
 :root {
   --Base-Border-Hover: var(--Scandic-Peach-80);
diff --git a/packages/design-system/lib/fonts.css b/packages/design-system/lib/fonts.css
index eeb8db8c1..724cd3c4b 100644
--- a/packages/design-system/lib/fonts.css
+++ b/packages/design-system/lib/fonts.css
@@ -1,111 +1,111 @@
 @font-face {
   font-display: swap;
-  font-family: 'biro script plus';
+  font-family: "biro script plus";
   font-style: normal;
   font-weight: 400;
-  src: url(/_static/shared/fonts/biro-script-plus/regular.woff2) format('woff2');
+  src: url(/_static/shared/fonts/biro-script-plus/regular.woff2) format("woff2");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'brandon text';
+  font-family: "brandon text";
   font-weight: 700;
   src:
-    url(/_static/shared/fonts/brandon-text/bold.woff2) format('woff2'),
-    url(/_static/shared/fonts/brandon-text/bold.woff) format('woff');
+    url(/_static/shared/fonts/brandon-text/bold.woff2) format("woff2"),
+    url(/_static/shared/fonts/brandon-text/bold.woff) format("woff");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'brandon text';
+  font-family: "brandon text";
   font-weight: 900;
   src:
-    url(/_static/shared/fonts/brandon-text/black.woff2) format('woff2'),
-    url(/_static/shared/fonts/brandon-text/black.woff) format('woff');
+    url(/_static/shared/fonts/brandon-text/black.woff2) format("woff2"),
+    url(/_static/shared/fonts/brandon-text/black.woff) format("woff");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Domaine Sans Text';
+  font-family: "Domaine Sans Text";
   font-style: normal;
   font-weight: 300;
   src:
     url(/_static/shared/fonts/domaine/domainesanstextweb-light-webfont.woff2)
-      format('woff2'),
+      format("woff2"),
     url(/_static/shared/fonts/domaine/domainesanstextweb-light-webfont.woff)
-      format('woff');
+      format("woff");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Domaine Sans Text';
+  font-family: "Domaine Sans Text";
   font-style: normal;
   font-weight: 400;
   src:
     url(/_static/shared/fonts/domaine/domainesanstextweb-regular-webfont.woff2)
-      format('woff2'),
+      format("woff2"),
     url(/_static/shared/fonts/domaine/domainesanstextweb-regular-webfont.woff)
-      format('woff');
+      format("woff");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'fira sans';
+  font-family: "fira sans";
   font-style: normal;
   font-weight: 300;
-  src: url(/_static/shared/fonts/fira-sans/light.woff2) format('woff2');
+  src: url(/_static/shared/fonts/fira-sans/light.woff2) format("woff2");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'fira sans';
+  font-family: "fira sans";
   font-style: normal;
   font-weight: 400;
-  src: url(/_static/shared/fonts/fira-sans/regular.woff2) format('woff2');
+  src: url(/_static/shared/fonts/fira-sans/regular.woff2) format("woff2");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'fira sans';
+  font-family: "fira sans";
   font-style: normal;
   font-weight: 500;
-  src: url(/_static/shared/fonts/fira-sans/medium.woff2) format('woff2');
+  src: url(/_static/shared/fonts/fira-sans/medium.woff2) format("woff2");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'fira sans';
+  font-family: "fira sans";
   font-style: normal;
   font-weight: 600;
-  src: url(/_static/shared/fonts/fira-sans/semibold.woff2) format('woff2');
+  src: url(/_static/shared/fonts/fira-sans/semibold.woff2) format("woff2");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'fira sans';
+  font-family: "fira sans";
   font-style: normal;
   font-weight: 700;
-  src: url(/_static/shared/fonts/fira-sans/bold.woff2) format('woff2');
+  src: url(/_static/shared/fonts/fira-sans/bold.woff2) format("woff2");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'fira sans';
+  font-family: "fira sans";
   font-style: normal;
   font-weight: 900;
-  src: url(/_static/shared/fonts/fira-sans/black.woff2) format('woff2');
+  src: url(/_static/shared/fonts/fira-sans/black.woff2) format("woff2");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'ITC Garamond Std';
+  font-family: "ITC Garamond Std";
   font-style: normal;
   font-weight: 400;
   src:
     url(/_static/shared/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff2)
-      format('woff2'),
+      format("woff2"),
     url(/_static/shared/fonts/itcgaramond/ITCGaramondBookNarrow_normal_condensed.woff)
-      format('woff');
+      format("woff");
 }
 
 @font-face {
@@ -114,8 +114,8 @@
   font-style: normal;
   font-weight: 900;
   src:
-    url(/_static/shared/fonts/gotham/gotham-black-webfont.woff2) format('woff2'),
-    url(/_static/shared/fonts/gotham/gotham-black-webfont.woff) format('woff');
+    url(/_static/shared/fonts/gotham/gotham-black-webfont.woff2) format("woff2"),
+    url(/_static/shared/fonts/gotham/gotham-black-webfont.woff) format("woff");
 }
 
 @font-face {
@@ -124,164 +124,164 @@
   font-style: normal;
   font-weight: 700;
   src:
-    url(/_static/shared/fonts/gotham/gotham-bold-webfont.woff2) format('woff2'),
-    url(/_static/shared/fonts/gotham/gotham-bold-webfont.woff) format('woff');
+    url(/_static/shared/fonts/gotham/gotham-bold-webfont.woff2) format("woff2"),
+    url(/_static/shared/fonts/gotham/gotham-bold-webfont.woff) format("woff");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Neue Haas Grotesk Display Pro';
+  font-family: "Neue Haas Grotesk Display Pro";
   font-style: normal;
   font-weight: 400;
   src:
     url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff2)
-      format('woff2'),
+      format("woff2"),
     url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay55Roman_normal_normal.woff)
-      format('woff');
+      format("woff");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Neue Haas Grotesk Display Pro';
+  font-family: "Neue Haas Grotesk Display Pro";
   font-style: normal;
   font-weight: 500;
   src:
     url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff2)
-      format('woff2'),
+      format("woff2"),
     url(/_static/shared/fonts/grotesk/NeueHaasGroteskDisplay65Medium_normal_normal.woff)
-      format('woff');
+      format("woff");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Prumo text';
+  font-family: "Prumo text";
   font-style: normal;
   font-weight: 300;
   src:
     url(/_static/shared/fonts/prumo/prumotext-light-webfont.woff2)
-      format('woff2'),
-    url(/_static/shared/fonts/prumo/PrumoText-Light.woff) format('woff');
+      format("woff2"),
+    url(/_static/shared/fonts/prumo/PrumoText-Light.woff) format("woff");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: normal;
   font-weight: 900;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Black.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: italic;
   font-weight: 900;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-BlackItalic.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: normal;
   font-weight: 700;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Bold.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: italic;
   font-weight: 700;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-BoldItalic.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: normal;
   font-weight: 300;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Light.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: italic;
   font-weight: 300;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-LightItalic.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: normal;
   font-weight: 500;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Medium.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: italic;
   font-weight: 500;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-MediumItalic.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: normal;
   font-weight: 400;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Regular.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: italic;
   font-weight: 400;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-RegularItalic.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: normal;
   font-weight: 200;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-Thin.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'Canela Deck';
+  font-family: "Canela Deck";
   font-style: italic;
   font-weight: 200;
   src: url(/_static/shared/fonts/canela-deck/CanelaDeck-ThinItalic.otf)
-    format('opentype');
+    format("opentype");
 }
 
 @font-face {
-  font-family: 'Material Symbols Rounded';
+  font-family: "Material Symbols Rounded";
   font-style: normal;
   font-weight: 400;
   font-display: block;
   src: url(/_static/shared/fonts/material-symbols/rounded-3e10d67b.woff2)
-    format('woff2');
+    format("woff2");
 }
 
 .material-symbols {
-  font-family: 'Material Symbols Rounded';
+  font-family: "Material Symbols Rounded";
   font-weight: normal;
   font-style: normal;
   font-size: inherit;
@@ -293,8 +293,8 @@
   word-wrap: normal;
   direction: ltr;
   user-select: none;
-  font-feature-settings: 'liga';
-  -webkit-font-feature-settings: 'liga';
+  font-feature-settings: "liga";
+  -webkit-font-feature-settings: "liga";
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   -moz-osx-font-smoothing: grayscale;
diff --git a/packages/design-system/lib/styles/base.js b/packages/design-system/lib/styles/base.js
index 1b28c0950..1283ba624 100644
--- a/packages/design-system/lib/styles/base.js
+++ b/packages/design-system/lib/styles/base.js
@@ -1,131 +1,131 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Neutral/0': '#FCFCFC',
-  'Neutral/5': '#F5F5F5',
-  'Neutral/10': '#F0F0F0',
-  'Neutral/15': '#E9E9E9',
-  'Neutral/20': '#D9D9D9',
-  'Neutral/30': '#BFBFBF',
-  'Neutral/40': '#8C8C8C',
-  'Neutral/50': '#747474',
-  'Neutral/60': '#575757',
-  'Neutral/70': '#454545',
-  'Neutral/80': '#262626',
-  'Neutral/90': '#1F1F1F',
-  'Neutral/100': '#141414',
-  'Neutral/Opacity/White/100': '#FFFFFF',
-  'Neutral/Opacity/White/90': '#FFFFFFE6',
-  'Neutral/Opacity/White/80': '#FFFFFFCC',
-  'Neutral/Opacity/White/70': '#FFFFFFB3',
-  'Neutral/Opacity/White/60': '#FFFFFF99',
-  'Neutral/Opacity/White/50': '#FFFFFF80',
-  'Neutral/Opacity/White/40': '#FFFFFF66',
-  'Neutral/Opacity/White/30': '#FFFFFF4D',
-  'Neutral/Opacity/White/20': '#FFFFFF33',
-  'Neutral/Opacity/White/10': '#FFFFFF1A',
-  'Neutral/Opacity/White/5': '#FFFFFF0D',
-  'Neutral/Opacity/White/0': '#FFFFFF00',
-  'Neutral/Opacity/Black/100': '#1F1C1B',
-  'Neutral/Opacity/Black/90': '#1F1C1BE6',
-  'Neutral/Opacity/Black/80': '#1F1C1BCC',
-  'Neutral/Opacity/Black/70': '#1F1C1BB3',
-  'Neutral/Opacity/Black/60': '#1F1C1B99',
-  'Neutral/Opacity/Black/50': '#1F1C1B80',
-  'Neutral/Opacity/Black/40': '#1F1C1B66',
-  'Neutral/Opacity/Black/30': '#1F1C1B4D',
-  'Neutral/Opacity/Black/20': '#1F1C1B33',
-  'Neutral/Opacity/Black/10': '#1F1C1B1A',
-  'Neutral/Opacity/Black/5': '#1F1C1B0D',
-  'Neutral/Opacity/Black/0': '#1F1C1B00',
-  'Margin/Margin-min': 16,
-  'Breakpoints/min-width': 320,
-  'Breakpoints/max-width': 767,
-  'Margin/Margin-max': 16,
-  'Columns/Column': 4,
-  'Gutter/min-width': 16,
-  'Gutter/max-width': 16,
-  'Text size/xs': 18,
-  'Text size/sm': 20,
-  'Text size/xl': 24,
-  'Text size/2xl': 36,
-  'Text size/3xl': 32,
-  'Text size/4xl': 36,
-  'Text size/5xl': 56,
-  'Text size/md': 24,
-  'Font weight/Regular': 400,
-  'Font weight/Regular bold': 450,
-  'Font weight/Medium': 500,
-  'Font weight/Semi Bold': 600,
-  'Font weight/Bold': 700,
-  'Font weight/Extra Bold': 800,
-  'Font weight/Black': 900,
-  'Size/200-12': 12,
-  'Size/250-14': 14,
-  'Size/300-16': 16,
-  'Size/350-18': 18,
-  'Size/400-20': 20,
-  'Size/500-24': 24,
-  'Size/550-26': 26,
-  'Size/600-28': 28,
-  'Size/700-32': 32,
-  'Size/800-36': 36,
-  'Size/900-40': 40,
-  'Size/1100-48': 48,
-  'Size/1300-56': 56,
-  'Size/1500-64': 64,
-  'Line height/xs': 100,
-  'Corner radius/sm': 4,
-  'Border width/sm': 1,
-  'Border width/md': 2,
-  'Border width/lg': 3,
-  'Corner radius/md': 8,
-  'Corner radius/lg': 12,
-  'Corner radius/xl': 16,
-  'Corner radius/rounded': 250,
-  'Space/x025': 2,
-  'Space/x05': 4,
-  'Space/x1': 8,
-  'Space/x15': 12,
-  'Space/x2': 16,
-  'Space/x3': 24,
-  'Space/x4': 32,
-  'Space/x5': 40,
-  'Space/x6': 48,
-  'Space/x7': 56,
-  'Space/x8': 64,
-  'Space/x9': 72,
-  'Icon/2xs': 16,
-  'Icon/xs': 20,
-  'Icon/sm': 24,
-  'Icon/md': 32,
-  'Icon/lg': 40,
-  'Icon/xl': 42,
-  'SAS/Blue/Default': '#00248F',
-  'SAS/Blue/20': '#00175C',
-  'SAS/Blue/30': '#00248F',
-  'SAS/Blue/40': '#0030C2',
-  'SAS/Blue/50': '#003DF5',
-  'SAS/Blue/60': '#295EFF',
-  'SAS/Blue/90': '#F0FAFF',
-  'SAS/Blue/80': '#BDE9FF',
-  'SAS/Blue/70': '#8AD8FF',
-  'SAS/Grey/Black': '#000000',
-  'SAS/Grey/20': '#333333',
-  'SAS/Grey/30': '#4D4D4D',
-  'SAS/Grey/40': '#666666',
-  'SAS/Grey/50': '#808080',
-  'SAS/Grey/80': '#CCCCCC',
-  'SAS/Grey/90': '#E5E5E5',
-  'SAS/Grey/100': '#F5F5F5',
-  'SAS/Grey/White': '#FFFFFF',
-  'SAS/Coral/50': '#FF5852',
-  'Text size/5xs': 12,
-  'Text size/4xs': 14,
-  'Text size/3xs': 16,
-  'Text size/2xs': 16,
-  'Text size/lg': 24,
-  'BoxShadow-Level 1': '0px 0px 2px 1px rgba(0, 0, 0, 0.1)',
-  'BoxShadow-Level 2': '0px 0px 4px 2px rgba(0, 0, 0, 0.1)',
-  'BoxShadow-Level 3': '0px 0px 8px 3px rgba(0, 0, 0, 0.1)',
-  'BoxShadow-Level 4': '0px 0px 14px 6px rgba(0, 0, 0, 0.1)',
+  "Neutral/0": "#FCFCFC",
+  "Neutral/5": "#F5F5F5",
+  "Neutral/10": "#F0F0F0",
+  "Neutral/15": "#E9E9E9",
+  "Neutral/20": "#D9D9D9",
+  "Neutral/30": "#BFBFBF",
+  "Neutral/40": "#8C8C8C",
+  "Neutral/50": "#747474",
+  "Neutral/60": "#575757",
+  "Neutral/70": "#454545",
+  "Neutral/80": "#262626",
+  "Neutral/90": "#1F1F1F",
+  "Neutral/100": "#141414",
+  "Neutral/Opacity/White/100": "#FFFFFF",
+  "Neutral/Opacity/White/90": "#FFFFFFE6",
+  "Neutral/Opacity/White/80": "#FFFFFFCC",
+  "Neutral/Opacity/White/70": "#FFFFFFB3",
+  "Neutral/Opacity/White/60": "#FFFFFF99",
+  "Neutral/Opacity/White/50": "#FFFFFF80",
+  "Neutral/Opacity/White/40": "#FFFFFF66",
+  "Neutral/Opacity/White/30": "#FFFFFF4D",
+  "Neutral/Opacity/White/20": "#FFFFFF33",
+  "Neutral/Opacity/White/10": "#FFFFFF1A",
+  "Neutral/Opacity/White/5": "#FFFFFF0D",
+  "Neutral/Opacity/White/0": "#FFFFFF00",
+  "Neutral/Opacity/Black/100": "#1F1C1B",
+  "Neutral/Opacity/Black/90": "#1F1C1BE6",
+  "Neutral/Opacity/Black/80": "#1F1C1BCC",
+  "Neutral/Opacity/Black/70": "#1F1C1BB3",
+  "Neutral/Opacity/Black/60": "#1F1C1B99",
+  "Neutral/Opacity/Black/50": "#1F1C1B80",
+  "Neutral/Opacity/Black/40": "#1F1C1B66",
+  "Neutral/Opacity/Black/30": "#1F1C1B4D",
+  "Neutral/Opacity/Black/20": "#1F1C1B33",
+  "Neutral/Opacity/Black/10": "#1F1C1B1A",
+  "Neutral/Opacity/Black/5": "#1F1C1B0D",
+  "Neutral/Opacity/Black/0": "#1F1C1B00",
+  "Margin/Margin-min": 16,
+  "Breakpoints/min-width": 320,
+  "Breakpoints/max-width": 767,
+  "Margin/Margin-max": 16,
+  "Columns/Column": 4,
+  "Gutter/min-width": 16,
+  "Gutter/max-width": 16,
+  "Text size/xs": 18,
+  "Text size/sm": 20,
+  "Text size/xl": 24,
+  "Text size/2xl": 36,
+  "Text size/3xl": 32,
+  "Text size/4xl": 36,
+  "Text size/5xl": 56,
+  "Text size/md": 24,
+  "Font weight/Regular": 400,
+  "Font weight/Regular bold": 450,
+  "Font weight/Medium": 500,
+  "Font weight/Semi Bold": 600,
+  "Font weight/Bold": 700,
+  "Font weight/Extra Bold": 800,
+  "Font weight/Black": 900,
+  "Size/200-12": 12,
+  "Size/250-14": 14,
+  "Size/300-16": 16,
+  "Size/350-18": 18,
+  "Size/400-20": 20,
+  "Size/500-24": 24,
+  "Size/550-26": 26,
+  "Size/600-28": 28,
+  "Size/700-32": 32,
+  "Size/800-36": 36,
+  "Size/900-40": 40,
+  "Size/1100-48": 48,
+  "Size/1300-56": 56,
+  "Size/1500-64": 64,
+  "Line height/xs": 100,
+  "Corner radius/sm": 4,
+  "Border width/sm": 1,
+  "Border width/md": 2,
+  "Border width/lg": 3,
+  "Corner radius/md": 8,
+  "Corner radius/lg": 12,
+  "Corner radius/xl": 16,
+  "Corner radius/rounded": 250,
+  "Space/x025": 2,
+  "Space/x05": 4,
+  "Space/x1": 8,
+  "Space/x15": 12,
+  "Space/x2": 16,
+  "Space/x3": 24,
+  "Space/x4": 32,
+  "Space/x5": 40,
+  "Space/x6": 48,
+  "Space/x7": 56,
+  "Space/x8": 64,
+  "Space/x9": 72,
+  "Icon/2xs": 16,
+  "Icon/xs": 20,
+  "Icon/sm": 24,
+  "Icon/md": 32,
+  "Icon/lg": 40,
+  "Icon/xl": 42,
+  "SAS/Blue/Default": "#00248F",
+  "SAS/Blue/20": "#00175C",
+  "SAS/Blue/30": "#00248F",
+  "SAS/Blue/40": "#0030C2",
+  "SAS/Blue/50": "#003DF5",
+  "SAS/Blue/60": "#295EFF",
+  "SAS/Blue/90": "#F0FAFF",
+  "SAS/Blue/80": "#BDE9FF",
+  "SAS/Blue/70": "#8AD8FF",
+  "SAS/Grey/Black": "#000000",
+  "SAS/Grey/20": "#333333",
+  "SAS/Grey/30": "#4D4D4D",
+  "SAS/Grey/40": "#666666",
+  "SAS/Grey/50": "#808080",
+  "SAS/Grey/80": "#CCCCCC",
+  "SAS/Grey/90": "#E5E5E5",
+  "SAS/Grey/100": "#F5F5F5",
+  "SAS/Grey/White": "#FFFFFF",
+  "SAS/Coral/50": "#FF5852",
+  "Text size/5xs": 12,
+  "Text size/4xs": 14,
+  "Text size/3xs": 16,
+  "Text size/2xs": 16,
+  "Text size/lg": 24,
+  "BoxShadow-Level 1": "0px 0px 2px 1px rgba(0, 0, 0, 0.1)",
+  "BoxShadow-Level 2": "0px 0px 4px 2px rgba(0, 0, 0, 0.1)",
+  "BoxShadow-Level 3": "0px 0px 8px 3px rgba(0, 0, 0, 0.1)",
+  "BoxShadow-Level 4": "0px 0px 14px 6px rgba(0, 0, 0, 0.1)",
 }
diff --git a/packages/design-system/lib/styles/downtown-camper.css b/packages/design-system/lib/styles/downtown-camper.css
index 2fa5ed256..806c8f4fc 100644
--- a/packages/design-system/lib/styles/downtown-camper.css
+++ b/packages/design-system/lib/styles/downtown-camper.css
@@ -13,9 +13,9 @@
   --Body-Underline-sm-Font-fallback: sans-serif;
   --Body-Underline-sm-Letter-spacing: 0.2px;
   --Body-Underline-sm-Text-Decoration: underline;
-  --Font-family-Downtown-Camper-Body: 'Fira sans';
-  --Font-family-Downtown-Camper-Decorative: 'Gotham';
-  --Font-family-Downtown-Camper-Title: 'Gotham';
+  --Font-family-Downtown-Camper-Body: "Fira sans";
+  --Font-family-Downtown-Camper-Decorative: "Gotham";
+  --Font-family-Downtown-Camper-Title: "Gotham";
   --Label-Font-fallback: sans-serif;
   --Label-Letter-spacing: 0.17px;
   --Link-md-Font-fallback: sans-serif;
diff --git a/packages/design-system/lib/styles/downtown-camper.js b/packages/design-system/lib/styles/downtown-camper.js
index 5b69d9155..80e5f150c 100644
--- a/packages/design-system/lib/styles/downtown-camper.js
+++ b/packages/design-system/lib/styles/downtown-camper.js
@@ -1,310 +1,310 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Signature/Downtown Camper/Lunar green/0': '#F3F4F1',
-  'Signature/Downtown Camper/Lunar green/10': '#E4E7E0',
-  'Signature/Downtown Camper/Lunar green/20': '#CCD2C4',
-  'Signature/Downtown Camper/Lunar green/30': '#ACB6A0',
-  'Signature/Downtown Camper/Lunar green/40': '#8E9B80',
-  'Signature/Downtown Camper/Lunar green/50': '#717F63',
-  'Signature/Downtown Camper/Lunar green/60': '#58644C',
-  'Signature/Downtown Camper/Lunar green/70': '#454E3D',
-  'Signature/Downtown Camper/Lunar green/80': '#3C4336',
-  'Signature/Downtown Camper/Lunar green/90': '#33382F',
-  'Signature/Downtown Camper/Lunar green/100': '#191D16',
-  'Signature/Downtown Camper/Russet/0': '#FCF9EE',
-  'Signature/Downtown Camper/Russet/10': '#F6EECF',
-  'Signature/Downtown Camper/Russet/20': '#ECDC9B',
-  'Signature/Downtown Camper/Russet/30': '#E3C666',
-  'Signature/Downtown Camper/Russet/40': '#DCB143',
-  'Signature/Downtown Camper/Russet/50': '#D3952D',
-  'Signature/Downtown Camper/Russet/60': '#BB7524',
-  'Signature/Downtown Camper/Russet/70': '#9B5622',
-  'Signature/Downtown Camper/Russet/80': '#834722',
-  'Signature/Downtown Camper/Russet/90': '#69391E',
-  'Signature/Downtown Camper/Russet/100': '#3C1D0C',
-  'Signature/Downtown Camper/Quicksand/0': '#FBF7F5',
-  'Signature/Downtown Camper/Quicksand/10': '#F6EDEA',
-  'Signature/Downtown Camper/Quicksand/20': '#F0DED8',
-  'Signature/Downtown Camper/Quicksand/30': '#E4C7BD',
-  'Signature/Downtown Camper/Quicksand/40': '#D2A697',
-  'Signature/Downtown Camper/Quicksand/50': '#C69382',
-  'Signature/Downtown Camper/Quicksand/60': '#A96D59',
-  'Signature/Downtown Camper/Quicksand/70': '#8D5948',
-  'Signature/Downtown Camper/Quicksand/80': '#764C3E',
-  'Signature/Downtown Camper/Quicksand/90': '#644338',
-  'Signature/Downtown Camper/Quicksand/100': '#35211A',
-  'Title/lg/Letter spacing': 0.12,
-  'Title/lg/Font fallback': 'sans-serif',
-  'Title/lg/Text-Transform': 'none',
-  'Title/md/Letter spacing': 0.09,
-  'Title/md/Font fallback': 'sans-serif',
-  'Title/sm/Letter spacing': 0.07,
-  'Title/sm/Font fallback': 'sans-serif',
-  'Title/sm/Text-Transform': 'none',
-  'Title/Decorative/lg/Letter spacing': 0.05,
-  'Title/Decorative/lg/Font fallback': 'sans-serif',
-  'Title/Decorative/lg/Text-Transform': 'uppercase',
-  'Title/Decorative/md/Letter spacing': 0.19,
-  'Title/Decorative/md/Font fallback': 'sans-serif',
-  'Title/Decorative/md/Text-Transform': 'uppercase',
-  'Title/Subtitle/lg/Font fallback': 'sans-serif',
-  'Title/Subtitle/lg/Letter spacing': 0.24,
-  'Title/Subtitle/md/Font fallback': 'sans-serif',
-  'Title/Subtitle/md/Letter spacing': 0.2,
-  'Title/Overline/sm/Letter spacing': 0.21,
-  'Title/Overline/sm/Font fallback': 'sans-serif',
-  'Title/Overline/sm/Text-Transform': 'uppercase',
-  'Title/sm/LowCase/Letter spacing': 0.07,
-  'Title/sm/LowCase/Font fallback': 'sans-serif',
-  'Title/sm/LowCase/Text-Transform': 'none',
-  'Title/xs/Letter spacing': 0.12,
-  'Title/xs/Font fallback': 'sans-serif',
-  'Title/xs/Text-Transform': 'none',
-  'Title/md/Text-Transform': 'none',
-  'Title/md/LowCase/Letter spacing': 0.09,
-  'Title/md/LowCase/Font fallback': 'sans-serif',
-  'Title/md/LowCase/Text-Transform': 'none',
-  'Tag/Letter spacing': 0.06,
-  'Tag/Font fallback': 'sans-serif',
-  'Tag/Text-Transform': 'none',
-  'Link/md/Font fallback': 'sans-serif',
-  'Link/md/Letter spacing': 0.19,
-  'Link/md/Text-Decoration': 'underline',
-  'Link/sm/Font fallback': 'sans-serif',
-  'Link/sm/Letter spacing': 0.2,
-  'Link/sm/Text-Decoration': 'underline',
-  'Body/Lead text/Font fallback': 'sans-serif',
-  'Body/Paragraph/Font fallback': 'sans-serif',
-  'Body/Paragraph/Letter spacing': 0.19,
-  'Body/Supporting text/Font fallback': 'sans-serif',
-  'Body/Supporting text/Letter spacing': 0.2,
-  'Body/Lead text/Letter spacing': 0.2,
-  'Label/Font fallback': 'sans-serif',
-  'Label/Letter spacing': 0.17,
-  'Body/Underline/md/Font fallback': 'sans-serif',
-  'Body/Underline/md/Letter spacing': 0.19,
-  'Body/Underline/md/Text-Decoration': 'underline',
-  'Body/Underline/sm/Font fallback': 'sans-serif',
-  'Body/Underline/sm/Letter spacing': 0.2,
-  'Body/Underline/sm/Text-Decoration': 'underline',
-  'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
-  'Utilities/Gradients/10': '#3C43361A',
-  'Font family/Downtown Camper/Title': 'Gotham',
-  'Font family/Downtown Camper/Body': 'Fira sans',
-  'Font family/Downtown Camper/Decorative': 'Gotham',
-  'Title/lg/Font weight': 900,
-  'Title/lg/Font family': 'Gotham',
-  'Title/md/Font weight': 900,
-  'Title/md/Font family': 'Gotham',
-  'Title/sm/Font weight': 900,
-  'Title/sm/Font family': 'Gotham',
-  'Title/sm/LowCase/Font weight': 400,
-  'Title/sm/LowCase/Font family': 'Gotham',
-  'Title/Decorative/lg/Font weight': 400,
-  'Title/Decorative/lg/Font family': 'Gotham',
-  'Title/Decorative/md/Font weight': 400,
-  'Title/Decorative/md/Font family': 'Gotham',
-  'Title/Subtitle/lg/Font weight': 500,
-  'Title/Subtitle/lg/Font family': 'Fira sans',
-  'Title/Subtitle/md/Font weight': 500,
-  'Title/Subtitle/md/Font family': 'Fira sans',
-  'Title/Overline/sm/Font weight': 400,
-  'Title/Overline/sm/Font family': 'Gotham',
-  'Title/xs/Font weight': 900,
-  'Title/xs/Font family': 'Gotham',
-  'Title/md/LowCase/Font weight': 400,
-  'Title/md/LowCase/Font family': 'Gotham',
-  'Tag/Font weight': 400,
-  'Tag/Font family': 'Gotham',
-  'Link/md/Font weight': 500,
-  'Link/md/Font family': 'Fira sans',
-  'Link/sm/Font weight': 500,
-  'Link/sm/Font family': 'Fira sans',
-  'Body/Lead text/Font weight': 400,
-  'Body/Lead text/Font family': 'Fira sans',
-  'Body/Paragraph/Font weight': 400,
-  'Body/Paragraph/Font weight 2': 500,
-  'Body/Paragraph/Font family': 'Fira sans',
-  'Body/Supporting text/Font weight': 400,
-  'Body/Supporting text/Font weight 2': 500,
-  'Body/Supporting text/Font family': 'Fira sans',
-  'Label/Font weight': 400,
-  'Label/Font weight 2': 500,
-  'Label/Font family': 'Fira sans',
-  'Body/Underline/md/Font weight': 400,
-  'Body/Underline/md/Font family': 'Fira sans',
-  'Body/Underline/sm/Font weight': 400,
-  'Body/Underline/sm/Font family': 'Fira sans',
-  'Text/Heading': '#1F1F1F',
-  'Text/Default': '#1F1F1F',
-  'Text/Secondary': '#575757',
-  'Text/Tertiary': '#747474',
-  'Text/Accent Primary': '#834722',
-  'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#1F1F1F',
-  'Text/Interactive/Hover': '#454545',
-  'Text/Interactive/Secondary': '#834722',
-  'Text/Interactive/Secondary Hover': '#BB7524',
-  'Text/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Text/Interactive/Disabled': '#8C8C8C',
-  'Text/Interactive/Focus': '#262626',
-  'Text/Interactive/Error': '#AD0015',
-  'Text/Interactive/Placeholder': '#747474',
-  'Text/Brand/OnAccent/Heading': '#FFFFFF',
-  'Text/Feedback/Information': '#284EA0',
-  'Text/Feedback/Succes': '#348337',
-  'Text/Feedback/Warning': '#D17308',
-  'Text/Feedback/Error': '#AD0015',
-  'Text/Feedback/Neutral': '#747474',
-  'Text/Brand/OnAccent/Default': '#FFFFFF',
-  'Text/Brand/OnAccent/Accent': '#FFFFFF',
-  'Text/Brand/OnAccent/Accent Secondary': '#747474',
-  'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Hover': '#FFFFFFB3',
-  'Text/Brand/OnPrimary 1/Accent': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Accent': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Accent': '#FFFFFF',
-  'Background/Primary': '#FCFCFC',
-  'Background/Secondary': '#FFFFFF',
-  'Surface/Primary/Default': '#FFFFFF',
-  'Surface/Primary/Hover': '#1F1C1B0D',
-  'Surface/Primary/Hover Light': '#1F1C1B1A',
-  'Surface/Primary/Hover Accent': '#E9E9E9',
-  'Surface/Primary/OnSurface/Default': '#F5F5F5',
-  'Surface/Primary/Disabled': '#1F1C1B1A',
-  'Surface/Secondary/Default': '#F0F0F0',
-  'Surface/Secondary/Subtle': '#D9D9D9',
-  'Surface/Secondary/Hover': '#1F1C1B0D',
-  'Surface/Brand/Accent/Default': '#3C1D0C',
-  'Surface/Brand/Accent/OnAccent/Accent': '#FFFFFF',
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': '#FFFFFF',
-  'Surface/Brand/Primary 1/Default': '#3C4336',
-  'Surface/Brand/Primary 2/Default': '#834722',
-  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 3/Default': '#834722',
-  'Surface/Brand/Primary 3/OnSurface/Default': '#E4C7BD',
-  'Surface/Brand/Primary 3/OnSurface/Accent': '#E4C7BD',
-  'Surface/UI Fill/Default': '#FFFFFF',
-  'Surface/UI Fill/Intense': '#262626',
-  'Surface/UI Fill/Active': '#262626',
-  'Surface/UI Fill/Active Hover': '#FFFFFF1A',
-  'Surface/UI Fill/Disabled': '#E9E9E9',
-  'Surface/Accent/1': '#A96D59',
-  'Surface/Accent/2': '#3F6DBD',
-  'Surface/Accent/3': '#454E3D',
-  'Surface/Accent/4': '#D3952D',
-  'Surface/Accent/5': '#18347F',
-  'Surface/Feedback/Information': '#284EA0',
-  'Surface/Feedback/Information light': '#E8F6FF',
-  'Surface/Feedback/Succes': '#348337',
-  'Surface/Feedback/Succes light': '#F3FCE8',
-  'Surface/Feedback/Warning': '#D17308',
-  'Surface/Feedback/Warning light': '#FFF8E3',
-  'Surface/Feedback/Error': '#AD0015',
-  'Surface/Feedback/Error light': '#FFEBEB',
-  'Surface/Feedback/Neutral': '#747474',
-  'Surface/Feedback/Neutral light': '#E9E9E9',
-  'Border/Default': '#D9D9D9',
-  'Border/Strong': '#BFBFBF',
-  'Border/Inverted': '#FFFFFF',
-  'Icon/Default': '#575757',
-  'Icon/Intense': '#1F1F1F',
-  'Icon/Accent': '#717F63',
-  'Icon/Interactive/Default': '#1F1F1F',
-  'Icon/Interactive/Secondary': '#834722',
-  'Icon/Interactive/Accent': '#834722',
-  'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Icon/Interactive/Disabled': '#BFBFBF',
-  'Icon/Interactive/Placeholder': '#747474',
-  'Icon/Feedback/Information': '#284EA0',
-  'Icon/Feedback/Success': '#348337',
-  'Icon/Feedback/Warning': '#D17308',
-  'Icon/Feedback/Error': '#AD0015',
-  'Icon/Feedback/Neutral': '#575757',
-  'Icon/Inverted': '#FFFFFF',
-  'Overlay/10': '#1F1C1B1A',
-  'Overlay/20': '#1F1C1B33',
-  'Overlay/30': '#1F1C1B33',
-  'Overlay/40': '#1F1C1B66',
-  'Overlay/60': '#1F1C1B99',
-  'Overlay/80': '#1F1C1BCC',
-  'Overlay/90': '#1F1C1BE6',
-  'Component/Button/Brand/Primary/Fill/Default': '#3C1D0C',
-  'Component/Button/Brand/Primary/Fill/Hover': '#FFFFFF33',
-  'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#3C4336',
-  'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Secondary/On fill/Default': '#3C1D0C',
-  'Component/Button/Brand/Secondary/On fill/Hover': '#69391E',
-  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
-  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Secondary/Border/Default': '#3C1D0C',
-  'Component/Button/Brand/Secondary/Border/Hover': '#69391E',
-  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
-  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Default': '#834722',
-  'Component/Button/Brand/Tertiary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Inverted/Fill/Default': '#FFFFFF',
-  'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
-  'Component/Button/Inverted/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Inverted/Fill/Hover Inverted': '#3C4336',
-  'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
-  'Component/Button/Inverted/On fill/Default': '#3C1D0C',
-  'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
-  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
-  'Border/Interactive/Default': '#BFBFBF',
-  'Border/Divider/Default': '#D9D9D9',
-  'Border/Divider/Subtle': '#E9E9E9',
-  'Border/Divider/Accent': '#BFBFBF',
-  'Border/Divider/Brand/OnAccent/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 3/Default': '#C69382',
-  'Border/Interactive/Active': '#262626',
-  'Border/Interactive/Focus': '#262626',
-  'Border/Interactive/Disabled': '#BFBFBF',
-  'Border/Interactive/Error': '#AD0015',
-  'Component/Button/Muted/Fill/Default': '#FFFFFF00',
-  'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
-  'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
-  'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
-  'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
-  'Component/Button/Muted/On fill/Default': '#1F1F1F',
-  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Muted/On fill/Hover Inverted': '#9B5622',
-  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+  "Signature/Downtown Camper/Lunar green/0": "#F3F4F1",
+  "Signature/Downtown Camper/Lunar green/10": "#E4E7E0",
+  "Signature/Downtown Camper/Lunar green/20": "#CCD2C4",
+  "Signature/Downtown Camper/Lunar green/30": "#ACB6A0",
+  "Signature/Downtown Camper/Lunar green/40": "#8E9B80",
+  "Signature/Downtown Camper/Lunar green/50": "#717F63",
+  "Signature/Downtown Camper/Lunar green/60": "#58644C",
+  "Signature/Downtown Camper/Lunar green/70": "#454E3D",
+  "Signature/Downtown Camper/Lunar green/80": "#3C4336",
+  "Signature/Downtown Camper/Lunar green/90": "#33382F",
+  "Signature/Downtown Camper/Lunar green/100": "#191D16",
+  "Signature/Downtown Camper/Russet/0": "#FCF9EE",
+  "Signature/Downtown Camper/Russet/10": "#F6EECF",
+  "Signature/Downtown Camper/Russet/20": "#ECDC9B",
+  "Signature/Downtown Camper/Russet/30": "#E3C666",
+  "Signature/Downtown Camper/Russet/40": "#DCB143",
+  "Signature/Downtown Camper/Russet/50": "#D3952D",
+  "Signature/Downtown Camper/Russet/60": "#BB7524",
+  "Signature/Downtown Camper/Russet/70": "#9B5622",
+  "Signature/Downtown Camper/Russet/80": "#834722",
+  "Signature/Downtown Camper/Russet/90": "#69391E",
+  "Signature/Downtown Camper/Russet/100": "#3C1D0C",
+  "Signature/Downtown Camper/Quicksand/0": "#FBF7F5",
+  "Signature/Downtown Camper/Quicksand/10": "#F6EDEA",
+  "Signature/Downtown Camper/Quicksand/20": "#F0DED8",
+  "Signature/Downtown Camper/Quicksand/30": "#E4C7BD",
+  "Signature/Downtown Camper/Quicksand/40": "#D2A697",
+  "Signature/Downtown Camper/Quicksand/50": "#C69382",
+  "Signature/Downtown Camper/Quicksand/60": "#A96D59",
+  "Signature/Downtown Camper/Quicksand/70": "#8D5948",
+  "Signature/Downtown Camper/Quicksand/80": "#764C3E",
+  "Signature/Downtown Camper/Quicksand/90": "#644338",
+  "Signature/Downtown Camper/Quicksand/100": "#35211A",
+  "Title/lg/Letter spacing": 0.12,
+  "Title/lg/Font fallback": "sans-serif",
+  "Title/lg/Text-Transform": "none",
+  "Title/md/Letter spacing": 0.09,
+  "Title/md/Font fallback": "sans-serif",
+  "Title/sm/Letter spacing": 0.07,
+  "Title/sm/Font fallback": "sans-serif",
+  "Title/sm/Text-Transform": "none",
+  "Title/Decorative/lg/Letter spacing": 0.05,
+  "Title/Decorative/lg/Font fallback": "sans-serif",
+  "Title/Decorative/lg/Text-Transform": "uppercase",
+  "Title/Decorative/md/Letter spacing": 0.19,
+  "Title/Decorative/md/Font fallback": "sans-serif",
+  "Title/Decorative/md/Text-Transform": "uppercase",
+  "Title/Subtitle/lg/Font fallback": "sans-serif",
+  "Title/Subtitle/lg/Letter spacing": 0.24,
+  "Title/Subtitle/md/Font fallback": "sans-serif",
+  "Title/Subtitle/md/Letter spacing": 0.2,
+  "Title/Overline/sm/Letter spacing": 0.21,
+  "Title/Overline/sm/Font fallback": "sans-serif",
+  "Title/Overline/sm/Text-Transform": "uppercase",
+  "Title/sm/LowCase/Letter spacing": 0.07,
+  "Title/sm/LowCase/Font fallback": "sans-serif",
+  "Title/sm/LowCase/Text-Transform": "none",
+  "Title/xs/Letter spacing": 0.12,
+  "Title/xs/Font fallback": "sans-serif",
+  "Title/xs/Text-Transform": "none",
+  "Title/md/Text-Transform": "none",
+  "Title/md/LowCase/Letter spacing": 0.09,
+  "Title/md/LowCase/Font fallback": "sans-serif",
+  "Title/md/LowCase/Text-Transform": "none",
+  "Tag/Letter spacing": 0.06,
+  "Tag/Font fallback": "sans-serif",
+  "Tag/Text-Transform": "none",
+  "Link/md/Font fallback": "sans-serif",
+  "Link/md/Letter spacing": 0.19,
+  "Link/md/Text-Decoration": "underline",
+  "Link/sm/Font fallback": "sans-serif",
+  "Link/sm/Letter spacing": 0.2,
+  "Link/sm/Text-Decoration": "underline",
+  "Body/Lead text/Font fallback": "sans-serif",
+  "Body/Paragraph/Font fallback": "sans-serif",
+  "Body/Paragraph/Letter spacing": 0.19,
+  "Body/Supporting text/Font fallback": "sans-serif",
+  "Body/Supporting text/Letter spacing": 0.2,
+  "Body/Lead text/Letter spacing": 0.2,
+  "Label/Font fallback": "sans-serif",
+  "Label/Letter spacing": 0.17,
+  "Body/Underline/md/Font fallback": "sans-serif",
+  "Body/Underline/md/Letter spacing": 0.19,
+  "Body/Underline/md/Text-Decoration": "underline",
+  "Body/Underline/sm/Font fallback": "sans-serif",
+  "Body/Underline/sm/Letter spacing": 0.2,
+  "Body/Underline/sm/Text-Decoration": "underline",
+  "Surface/Brand/Accent/OnAccent/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#FFFFFF",
+  "Utilities/Gradients/10": "#3C43361A",
+  "Font family/Downtown Camper/Title": "Gotham",
+  "Font family/Downtown Camper/Body": "Fira sans",
+  "Font family/Downtown Camper/Decorative": "Gotham",
+  "Title/lg/Font weight": 900,
+  "Title/lg/Font family": "Gotham",
+  "Title/md/Font weight": 900,
+  "Title/md/Font family": "Gotham",
+  "Title/sm/Font weight": 900,
+  "Title/sm/Font family": "Gotham",
+  "Title/sm/LowCase/Font weight": 400,
+  "Title/sm/LowCase/Font family": "Gotham",
+  "Title/Decorative/lg/Font weight": 400,
+  "Title/Decorative/lg/Font family": "Gotham",
+  "Title/Decorative/md/Font weight": 400,
+  "Title/Decorative/md/Font family": "Gotham",
+  "Title/Subtitle/lg/Font weight": 500,
+  "Title/Subtitle/lg/Font family": "Fira sans",
+  "Title/Subtitle/md/Font weight": 500,
+  "Title/Subtitle/md/Font family": "Fira sans",
+  "Title/Overline/sm/Font weight": 400,
+  "Title/Overline/sm/Font family": "Gotham",
+  "Title/xs/Font weight": 900,
+  "Title/xs/Font family": "Gotham",
+  "Title/md/LowCase/Font weight": 400,
+  "Title/md/LowCase/Font family": "Gotham",
+  "Tag/Font weight": 400,
+  "Tag/Font family": "Gotham",
+  "Link/md/Font weight": 500,
+  "Link/md/Font family": "Fira sans",
+  "Link/sm/Font weight": 500,
+  "Link/sm/Font family": "Fira sans",
+  "Body/Lead text/Font weight": 400,
+  "Body/Lead text/Font family": "Fira sans",
+  "Body/Paragraph/Font weight": 400,
+  "Body/Paragraph/Font weight 2": 500,
+  "Body/Paragraph/Font family": "Fira sans",
+  "Body/Supporting text/Font weight": 400,
+  "Body/Supporting text/Font weight 2": 500,
+  "Body/Supporting text/Font family": "Fira sans",
+  "Label/Font weight": 400,
+  "Label/Font weight 2": 500,
+  "Label/Font family": "Fira sans",
+  "Body/Underline/md/Font weight": 400,
+  "Body/Underline/md/Font family": "Fira sans",
+  "Body/Underline/sm/Font weight": 400,
+  "Body/Underline/sm/Font family": "Fira sans",
+  "Text/Heading": "#1F1F1F",
+  "Text/Default": "#1F1F1F",
+  "Text/Secondary": "#575757",
+  "Text/Tertiary": "#747474",
+  "Text/Accent Primary": "#834722",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#1F1F1F",
+  "Text/Interactive/Hover": "#454545",
+  "Text/Interactive/Secondary": "#834722",
+  "Text/Interactive/Secondary Hover": "#BB7524",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#8C8C8C",
+  "Text/Interactive/Focus": "#262626",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#747474",
+  "Text/Brand/OnAccent/Heading": "#FFFFFF",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#747474",
+  "Text/Brand/OnAccent/Default": "#FFFFFF",
+  "Text/Brand/OnAccent/Accent": "#FFFFFF",
+  "Text/Brand/OnAccent/Accent Secondary": "#747474",
+  "Text/Brand/OnPrimary 1/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Hover": "#FFFFFFB3",
+  "Text/Brand/OnPrimary 1/Accent": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Accent": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Accent": "#FFFFFF",
+  "Background/Primary": "#FCFCFC",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#E9E9E9",
+  "Surface/Primary/OnSurface/Default": "#F5F5F5",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#F0F0F0",
+  "Surface/Secondary/Subtle": "#D9D9D9",
+  "Surface/Secondary/Hover": "#1F1C1B0D",
+  "Surface/Brand/Accent/Default": "#3C1D0C",
+  "Surface/Brand/Accent/OnAccent/Accent": "#FFFFFF",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#FFFFFF",
+  "Surface/Brand/Primary 1/Default": "#3C4336",
+  "Surface/Brand/Primary 2/Default": "#834722",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 3/Default": "#834722",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#E4C7BD",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#E4C7BD",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#262626",
+  "Surface/UI Fill/Active": "#262626",
+  "Surface/UI Fill/Active Hover": "#FFFFFF1A",
+  "Surface/UI Fill/Disabled": "#E9E9E9",
+  "Surface/Accent/1": "#A96D59",
+  "Surface/Accent/2": "#3F6DBD",
+  "Surface/Accent/3": "#454E3D",
+  "Surface/Accent/4": "#D3952D",
+  "Surface/Accent/5": "#18347F",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#747474",
+  "Surface/Feedback/Neutral light": "#E9E9E9",
+  "Border/Default": "#D9D9D9",
+  "Border/Strong": "#BFBFBF",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#575757",
+  "Icon/Intense": "#1F1F1F",
+  "Icon/Accent": "#717F63",
+  "Icon/Interactive/Default": "#1F1F1F",
+  "Icon/Interactive/Secondary": "#834722",
+  "Icon/Interactive/Accent": "#834722",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#BFBFBF",
+  "Icon/Interactive/Placeholder": "#747474",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#575757",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B33",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#3C1D0C",
+  "Component/Button/Brand/Primary/Fill/Hover": "#FFFFFF33",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#3C4336",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#3C1D0C",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#69391E",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Secondary/Border/Default": "#3C1D0C",
+  "Component/Button/Brand/Secondary/Border/Hover": "#69391E",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#834722",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#3C4336",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF00",
+  "Component/Button/Inverted/On fill/Default": "#3C1D0C",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+  "Border/Interactive/Default": "#BFBFBF",
+  "Border/Divider/Default": "#D9D9D9",
+  "Border/Divider/Subtle": "#E9E9E9",
+  "Border/Divider/Accent": "#BFBFBF",
+  "Border/Divider/Brand/OnAccent/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#C69382",
+  "Border/Interactive/Active": "#262626",
+  "Border/Interactive/Focus": "#262626",
+  "Border/Interactive/Disabled": "#BFBFBF",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF00",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF0D",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#9B5622",
+  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Muted/Border/Default": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF1A",
 }
diff --git a/packages/design-system/lib/styles/grand-hotel.css b/packages/design-system/lib/styles/grand-hotel.css
index 41a451460..85f3fa1f5 100644
--- a/packages/design-system/lib/styles/grand-hotel.css
+++ b/packages/design-system/lib/styles/grand-hotel.css
@@ -13,9 +13,9 @@
   --Body-Underline-sm-Font-fallback: sans-serif;
   --Body-Underline-sm-Letter-spacing: 0.2px;
   --Body-Underline-sm-Text-Decoration: underline;
-  --Font-family-Grand-Hotel-Body: 'Fira sans';
-  --Font-family-Grand-Hotel-Decorative: 'Canela Deck';
-  --Font-family-Grand-Hotel-Title: 'Canela Deck';
+  --Font-family-Grand-Hotel-Body: "Fira sans";
+  --Font-family-Grand-Hotel-Decorative: "Canela Deck";
+  --Font-family-Grand-Hotel-Title: "Canela Deck";
   --Label-Font-fallback: sans-serif;
   --Label-Letter-spacing: 0.17px;
   --Link-md-Font-fallback: sans-serif;
diff --git a/packages/design-system/lib/styles/grand-hotel.js b/packages/design-system/lib/styles/grand-hotel.js
index d34cf9a74..fb1d3164a 100644
--- a/packages/design-system/lib/styles/grand-hotel.js
+++ b/packages/design-system/lib/styles/grand-hotel.js
@@ -1,291 +1,291 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Signature/Grand Hotel/Careys Pink/40': '#DBA7B1',
-  'Signature/Grand Hotel/Careys Pink/50': '#C27183',
-  'Signature/Grand Hotel/Careys Pink/60': '#AA546B',
-  'Signature/Grand Hotel/Careys Pink/70': '#8E4258',
-  'Signature/Grand Hotel/Cloudy/0': '#F7F6F5',
-  'Signature/Grand Hotel/Cloudy/10': '#EBEAE9',
-  'Signature/Grand Hotel/Cloudy/20': '#D7D5D1',
-  'Signature/Grand Hotel/Blue Bayoux/50': '#5B6E7F',
-  'Signature/Grand Hotel/Blue Bayoux/60': '#4E5C6C',
-  'Signature/Grand Hotel/Blue Bayoux/80': '#3D444D',
-  'Signature/Grand Hotel/Blue Bayoux/90': '#363C43',
-  'Signature/Grand Hotel/Blue Bayoux/100': '#21252B',
-  'Signature/Grand Hotel/Cloudy/30': '#B2ADA7',
-  'Signature/Grand Hotel/Submarine/30': '#B0C4CB',
-  'Title/lg/Letter spacing': 0.12,
-  'Title/lg/Font fallback': 'Serif',
-  'Title/lg/Text-Transform': 'none',
-  'Title/md/Letter spacing': 0.18,
-  'Title/md/Font fallback': 'Serif',
-  'Title/sm/Letter spacing': 0.28,
-  'Title/sm/Font fallback': 'Serif',
-  'Title/sm/Text-Transform': 'none',
-  'Title/Decorative/lg/Letter spacing': 0.3,
-  'Title/Decorative/lg/Font fallback': 'Serif',
-  'Title/Decorative/lg/Text-Transform': 'uppercase',
-  'Title/Decorative/md/Letter spacing': 0.24,
-  'Title/Decorative/md/Font fallback': 'Serif',
-  'Title/Decorative/md/Text-Transform': 'uppercase',
-  'Title/Subtitle/lg/Font fallback': 'sans-serif',
-  'Title/Subtitle/lg/Letter spacing': 0.24,
-  'Title/Subtitle/md/Font fallback': 'sans-serif',
-  'Title/Subtitle/md/Letter spacing': 0.2,
-  'Title/Overline/sm/Letter spacing': 0.21,
-  'Title/Overline/sm/Font fallback': 'sans-serif',
-  'Title/Overline/sm/Text-Transform': 'uppercase',
-  'Title/sm/LowCase/Letter spacing': 0.28,
-  'Title/sm/LowCase/Font fallback': 'Serif',
-  'Title/sm/LowCase/Text-Transform': 'none',
-  'Title/xs/Letter spacing': 0.24,
-  'Title/xs/Font fallback': 'Serif',
-  'Title/xs/Text-Transform': 'none',
-  'Title/md/Text-Transform': 'none',
-  'Title/md/LowCase/Letter spacing': 0.18,
-  'Title/md/LowCase/Font fallback': 'Serif',
-  'Title/md/LowCase/Text-Transform': 'none',
-  'Tag/Letter spacing': 0.24,
-  'Tag/Font fallback': 'sans-serif',
-  'Tag/Text-Transform': 'uppercase',
-  'Link/md/Font fallback': 'sans-serif',
-  'Link/md/Letter spacing': 0.19,
-  'Link/md/Text-Decoration': 'underline',
-  'Link/sm/Font fallback': 'sans-serif',
-  'Link/sm/Letter spacing': 0.2,
-  'Link/sm/Text-Decoration': 'underline',
-  'Body/Lead text/Font fallback': 'sans-serif',
-  'Body/Paragraph/Font fallback': 'sans-serif',
-  'Body/Paragraph/Letter spacing': 0.19,
-  'Body/Supporting text/Font fallback': 'sans-serif',
-  'Body/Supporting text/Letter spacing': 0.2,
-  'Body/Lead text/Letter spacing': 0.2,
-  'Label/Font fallback': 'sans-serif',
-  'Label/Letter spacing': 0.17,
-  'Body/Underline/md/Font fallback': 'sans-serif',
-  'Body/Underline/md/Letter spacing': 0.19,
-  'Body/Underline/md/Text-Decoration': 'underline',
-  'Body/Underline/sm/Font fallback': 'sans-serif',
-  'Body/Underline/sm/Letter spacing': 0.2,
-  'Body/Underline/sm/Text-Decoration': 'underline',
-  'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
-  'Utilities/Gradients/10': '#5B6E7F1A',
-  'Font family/Grand Hotel/Title': 'Canela Deck',
-  'Font family/Grand Hotel/Body': 'Fira sans',
-  'Font family/Grand Hotel/Decorative': 'Canela Deck',
-  'Title/lg/Font weight': 400,
-  'Title/lg/Font family': 'Canela Deck',
-  'Title/md/Font weight': 400,
-  'Title/md/Font family': 'Canela Deck',
-  'Title/sm/Font weight': 400,
-  'Title/sm/Font family': 'Canela Deck',
-  'Title/sm/LowCase/Font weight': 400,
-  'Title/sm/LowCase/Font family': 'Canela Deck',
-  'Title/Decorative/lg/Font weight': 400,
-  'Title/Decorative/lg/Font family': 'Canela Deck',
-  'Title/Decorative/md/Font weight': 400,
-  'Title/Decorative/md/Font family': 'Canela Deck',
-  'Title/Subtitle/lg/Font weight': 500,
-  'Title/Subtitle/lg/Font family': 'Fira sans',
-  'Title/Subtitle/md/Font weight': 500,
-  'Title/Subtitle/md/Font family': 'Fira sans',
-  'Title/Overline/sm/Font weight': 500,
-  'Title/Overline/sm/Font family': 'Fira sans',
-  'Title/xs/Font weight': 400,
-  'Title/xs/Font family': 'Canela Deck',
-  'Title/md/LowCase/Font weight': 400,
-  'Title/md/LowCase/Font family': 'Canela Deck',
-  'Tag/Font weight': 500,
-  'Tag/Font family': 'Fira sans',
-  'Link/md/Font weight': 500,
-  'Link/md/Font family': 'Fira sans',
-  'Link/sm/Font weight': 500,
-  'Link/sm/Font family': 'Fira sans',
-  'Body/Lead text/Font weight': 400,
-  'Body/Lead text/Font family': 'Fira sans',
-  'Body/Paragraph/Font weight': 400,
-  'Body/Paragraph/Font weight 2': 500,
-  'Body/Paragraph/Font family': 'Fira sans',
-  'Body/Supporting text/Font weight': 400,
-  'Body/Supporting text/Font weight 2': 500,
-  'Body/Supporting text/Font family': 'Fira sans',
-  'Label/Font weight': 400,
-  'Label/Font weight 2': 500,
-  'Label/Font family': 'Fira sans',
-  'Body/Underline/md/Font weight': 400,
-  'Body/Underline/md/Font family': 'Fira sans',
-  'Body/Underline/sm/Font weight': 400,
-  'Body/Underline/sm/Font family': 'Fira sans',
-  'Text/Heading': '#1F1F1F',
-  'Text/Default': '#1F1F1F',
-  'Text/Secondary': '#575757',
-  'Text/Tertiary': '#747474',
-  'Text/Accent Primary': '#AA546B',
-  'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#21252B',
-  'Text/Interactive/Hover': '#3D444D',
-  'Text/Interactive/Secondary': '#AA546B',
-  'Text/Interactive/Secondary Hover': '#C27183',
-  'Text/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Text/Interactive/Disabled': '#8C8C8C',
-  'Text/Interactive/Focus': '#262626',
-  'Text/Interactive/Error': '#AD0015',
-  'Text/Interactive/Placeholder': '#747474',
-  'Text/Brand/OnAccent/Heading': '#1F1F1F',
-  'Text/Feedback/Information': '#284EA0',
-  'Text/Feedback/Succes': '#348337',
-  'Text/Feedback/Warning': '#D17308',
-  'Text/Feedback/Error': '#AD0015',
-  'Text/Feedback/Neutral': '#747474',
-  'Text/Brand/OnAccent/Default': '#1F1F1F',
-  'Text/Brand/OnAccent/Accent': '#1F1F1F',
-  'Text/Brand/OnAccent/Accent Secondary': '#747474',
-  'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Hover': '#FFFFFFB3',
-  'Text/Brand/OnPrimary 1/Accent': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Heading': '#1F1F1F',
-  'Text/Brand/OnPrimary 2/Default': '#1F1F1F',
-  'Text/Brand/OnPrimary 2/Accent': '#1F1F1F',
-  'Text/Brand/OnPrimary 3/Heading': '#1F1F1F',
-  'Text/Brand/OnPrimary 3/Default': '#1F1F1F',
-  'Text/Brand/OnPrimary 3/Accent': '#1F1F1F',
-  'Background/Primary': '#FFFFFF',
-  'Background/Secondary': '#FFFFFF',
-  'Surface/Primary/Default': '#FFFFFF',
-  'Surface/Primary/Hover': '#1F1C1B0D',
-  'Surface/Primary/Hover Light': '#1F1C1B1A',
-  'Surface/Primary/Hover Accent': '#E9E9E9',
-  'Surface/Primary/OnSurface/Default': '#F7F6F5',
-  'Surface/Primary/Disabled': '#1F1C1B1A',
-  'Surface/Secondary/Default': '#F7F6F5',
-  'Surface/Secondary/Subtle': '#EBEAE9',
-  'Surface/Secondary/Hover': '#1F1C1B0D',
-  'Surface/Brand/Accent/Default': '#D7D5D1',
-  'Surface/Brand/Accent/OnAccent/Accent': '#21252B',
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': '#21252B',
-  'Surface/Brand/Primary 1/Default': '#5B6E7F',
-  'Surface/Brand/Primary 2/Default': '#DBA7B1',
-  'Surface/Brand/Primary 2/OnSurface/Default': '#21252B',
-  'Surface/Brand/Primary 2/OnSurface/Accent': '#21252B',
-  'Surface/Brand/Primary 3/Default': '#DBA7B1',
-  'Surface/Brand/Primary 3/OnSurface/Default': '#8E4258',
-  'Surface/Brand/Primary 3/OnSurface/Accent': '#8E4258',
-  'Surface/UI Fill/Default': '#FFFFFF',
-  'Surface/UI Fill/Intense': '#262626',
-  'Surface/UI Fill/Active': '#262626',
-  'Surface/UI Fill/Active Hover': '#FFFFFF',
-  'Surface/UI Fill/Disabled': '#E9E9E9',
-  'Surface/Accent/1': '#8E4258',
-  'Surface/Accent/2': '#284EA0',
-  'Surface/Accent/3': '#C27183',
-  'Surface/Accent/4': '#5B6E7F',
-  'Surface/Accent/5': '#363C43',
-  'Surface/Feedback/Information': '#284EA0',
-  'Surface/Feedback/Information light': '#E8F6FF',
-  'Surface/Feedback/Succes': '#348337',
-  'Surface/Feedback/Succes light': '#F3FCE8',
-  'Surface/Feedback/Warning': '#D17308',
-  'Surface/Feedback/Warning light': '#FFF8E3',
-  'Surface/Feedback/Error': '#AD0015',
-  'Surface/Feedback/Error light': '#FFEBEB',
-  'Surface/Feedback/Neutral': '#747474',
-  'Surface/Feedback/Neutral light': '#E9E9E9',
-  'Border/Default': '#D9D9D9',
-  'Border/Strong': '#BFBFBF',
-  'Border/Inverted': '#FFFFFF',
-  'Icon/Default': '#575757',
-  'Icon/Intense': '#1F1F1F',
-  'Icon/Accent': '#DBA7B1',
-  'Icon/Interactive/Default': '#21252B',
-  'Icon/Interactive/Secondary': '#AA546B',
-  'Icon/Interactive/Accent': '#AA546B',
-  'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Icon/Interactive/Disabled': '#BFBFBF',
-  'Icon/Interactive/Placeholder': '#747474',
-  'Icon/Feedback/Information': '#284EA0',
-  'Icon/Feedback/Success': '#348337',
-  'Icon/Feedback/Warning': '#D17308',
-  'Icon/Feedback/Error': '#AD0015',
-  'Icon/Feedback/Neutral': '#575757',
-  'Icon/Inverted': '#FFFFFF',
-  'Overlay/10': '#1F1C1B1A',
-  'Overlay/20': '#1F1C1B33',
-  'Overlay/30': '#1F1C1B33',
-  'Overlay/40': '#1F1C1B66',
-  'Overlay/60': '#1F1C1B99',
-  'Overlay/80': '#1F1C1BCC',
-  'Overlay/90': '#1F1C1BE6',
-  'Component/Button/Brand/Primary/Fill/Default': '#21252B',
-  'Component/Button/Brand/Primary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#B0C4CB',
-  'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Secondary/On fill/Default': '#21252B',
-  'Component/Button/Brand/Secondary/On fill/Hover': '#3D444D',
-  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
-  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Secondary/Border/Default': '#21252B',
-  'Component/Button/Brand/Secondary/Border/Hover': '#3D444D',
-  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
-  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Default': '#B0C4CB',
-  'Component/Button/Brand/Tertiary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/On fill/Default': '#21252B',
-  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Inverted/Fill/Default': '#FFFFFF',
-  'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
-  'Component/Button/Inverted/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Inverted/Fill/Hover Inverted': '#B0C4CB',
-  'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/Border/Disable': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Default': '#21252B',
-  'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
-  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
-  'Border/Interactive/Default': '#BFBFBF',
-  'Border/Divider/Default': '#D9D9D9',
-  'Border/Divider/Subtle': '#E9E9E9',
-  'Border/Divider/Accent': '#BFBFBF',
-  'Border/Divider/Brand/OnAccent/Default': '#B2ADA7',
-  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 3/Default': '#8E4258',
-  'Border/Interactive/Active': '#262626',
-  'Border/Interactive/Focus': '#262626',
-  'Border/Interactive/Disabled': '#BFBFBF',
-  'Border/Interactive/Error': '#AD0015',
-  'Component/Button/Muted/Fill/Default': '#FFFFFF',
-  'Component/Button/Muted/Fill/Hover': '#FFFFFF',
-  'Component/Button/Muted/Fill/Disabled': '#FFFFFF',
-  'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
-  'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
-  'Component/Button/Muted/On fill/Default': '#1F1F1F',
-  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Muted/On fill/Hover Inverted': '#3D444D',
-  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+  "Signature/Grand Hotel/Careys Pink/40": "#DBA7B1",
+  "Signature/Grand Hotel/Careys Pink/50": "#C27183",
+  "Signature/Grand Hotel/Careys Pink/60": "#AA546B",
+  "Signature/Grand Hotel/Careys Pink/70": "#8E4258",
+  "Signature/Grand Hotel/Cloudy/0": "#F7F6F5",
+  "Signature/Grand Hotel/Cloudy/10": "#EBEAE9",
+  "Signature/Grand Hotel/Cloudy/20": "#D7D5D1",
+  "Signature/Grand Hotel/Blue Bayoux/50": "#5B6E7F",
+  "Signature/Grand Hotel/Blue Bayoux/60": "#4E5C6C",
+  "Signature/Grand Hotel/Blue Bayoux/80": "#3D444D",
+  "Signature/Grand Hotel/Blue Bayoux/90": "#363C43",
+  "Signature/Grand Hotel/Blue Bayoux/100": "#21252B",
+  "Signature/Grand Hotel/Cloudy/30": "#B2ADA7",
+  "Signature/Grand Hotel/Submarine/30": "#B0C4CB",
+  "Title/lg/Letter spacing": 0.12,
+  "Title/lg/Font fallback": "Serif",
+  "Title/lg/Text-Transform": "none",
+  "Title/md/Letter spacing": 0.18,
+  "Title/md/Font fallback": "Serif",
+  "Title/sm/Letter spacing": 0.28,
+  "Title/sm/Font fallback": "Serif",
+  "Title/sm/Text-Transform": "none",
+  "Title/Decorative/lg/Letter spacing": 0.3,
+  "Title/Decorative/lg/Font fallback": "Serif",
+  "Title/Decorative/lg/Text-Transform": "uppercase",
+  "Title/Decorative/md/Letter spacing": 0.24,
+  "Title/Decorative/md/Font fallback": "Serif",
+  "Title/Decorative/md/Text-Transform": "uppercase",
+  "Title/Subtitle/lg/Font fallback": "sans-serif",
+  "Title/Subtitle/lg/Letter spacing": 0.24,
+  "Title/Subtitle/md/Font fallback": "sans-serif",
+  "Title/Subtitle/md/Letter spacing": 0.2,
+  "Title/Overline/sm/Letter spacing": 0.21,
+  "Title/Overline/sm/Font fallback": "sans-serif",
+  "Title/Overline/sm/Text-Transform": "uppercase",
+  "Title/sm/LowCase/Letter spacing": 0.28,
+  "Title/sm/LowCase/Font fallback": "Serif",
+  "Title/sm/LowCase/Text-Transform": "none",
+  "Title/xs/Letter spacing": 0.24,
+  "Title/xs/Font fallback": "Serif",
+  "Title/xs/Text-Transform": "none",
+  "Title/md/Text-Transform": "none",
+  "Title/md/LowCase/Letter spacing": 0.18,
+  "Title/md/LowCase/Font fallback": "Serif",
+  "Title/md/LowCase/Text-Transform": "none",
+  "Tag/Letter spacing": 0.24,
+  "Tag/Font fallback": "sans-serif",
+  "Tag/Text-Transform": "uppercase",
+  "Link/md/Font fallback": "sans-serif",
+  "Link/md/Letter spacing": 0.19,
+  "Link/md/Text-Decoration": "underline",
+  "Link/sm/Font fallback": "sans-serif",
+  "Link/sm/Letter spacing": 0.2,
+  "Link/sm/Text-Decoration": "underline",
+  "Body/Lead text/Font fallback": "sans-serif",
+  "Body/Paragraph/Font fallback": "sans-serif",
+  "Body/Paragraph/Letter spacing": 0.19,
+  "Body/Supporting text/Font fallback": "sans-serif",
+  "Body/Supporting text/Letter spacing": 0.2,
+  "Body/Lead text/Letter spacing": 0.2,
+  "Label/Font fallback": "sans-serif",
+  "Label/Letter spacing": 0.17,
+  "Body/Underline/md/Font fallback": "sans-serif",
+  "Body/Underline/md/Letter spacing": 0.19,
+  "Body/Underline/md/Text-Decoration": "underline",
+  "Body/Underline/sm/Font fallback": "sans-serif",
+  "Body/Underline/sm/Letter spacing": 0.2,
+  "Body/Underline/sm/Text-Decoration": "underline",
+  "Surface/Brand/Accent/OnAccent/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#FFFFFF",
+  "Utilities/Gradients/10": "#5B6E7F1A",
+  "Font family/Grand Hotel/Title": "Canela Deck",
+  "Font family/Grand Hotel/Body": "Fira sans",
+  "Font family/Grand Hotel/Decorative": "Canela Deck",
+  "Title/lg/Font weight": 400,
+  "Title/lg/Font family": "Canela Deck",
+  "Title/md/Font weight": 400,
+  "Title/md/Font family": "Canela Deck",
+  "Title/sm/Font weight": 400,
+  "Title/sm/Font family": "Canela Deck",
+  "Title/sm/LowCase/Font weight": 400,
+  "Title/sm/LowCase/Font family": "Canela Deck",
+  "Title/Decorative/lg/Font weight": 400,
+  "Title/Decorative/lg/Font family": "Canela Deck",
+  "Title/Decorative/md/Font weight": 400,
+  "Title/Decorative/md/Font family": "Canela Deck",
+  "Title/Subtitle/lg/Font weight": 500,
+  "Title/Subtitle/lg/Font family": "Fira sans",
+  "Title/Subtitle/md/Font weight": 500,
+  "Title/Subtitle/md/Font family": "Fira sans",
+  "Title/Overline/sm/Font weight": 500,
+  "Title/Overline/sm/Font family": "Fira sans",
+  "Title/xs/Font weight": 400,
+  "Title/xs/Font family": "Canela Deck",
+  "Title/md/LowCase/Font weight": 400,
+  "Title/md/LowCase/Font family": "Canela Deck",
+  "Tag/Font weight": 500,
+  "Tag/Font family": "Fira sans",
+  "Link/md/Font weight": 500,
+  "Link/md/Font family": "Fira sans",
+  "Link/sm/Font weight": 500,
+  "Link/sm/Font family": "Fira sans",
+  "Body/Lead text/Font weight": 400,
+  "Body/Lead text/Font family": "Fira sans",
+  "Body/Paragraph/Font weight": 400,
+  "Body/Paragraph/Font weight 2": 500,
+  "Body/Paragraph/Font family": "Fira sans",
+  "Body/Supporting text/Font weight": 400,
+  "Body/Supporting text/Font weight 2": 500,
+  "Body/Supporting text/Font family": "Fira sans",
+  "Label/Font weight": 400,
+  "Label/Font weight 2": 500,
+  "Label/Font family": "Fira sans",
+  "Body/Underline/md/Font weight": 400,
+  "Body/Underline/md/Font family": "Fira sans",
+  "Body/Underline/sm/Font weight": 400,
+  "Body/Underline/sm/Font family": "Fira sans",
+  "Text/Heading": "#1F1F1F",
+  "Text/Default": "#1F1F1F",
+  "Text/Secondary": "#575757",
+  "Text/Tertiary": "#747474",
+  "Text/Accent Primary": "#AA546B",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#21252B",
+  "Text/Interactive/Hover": "#3D444D",
+  "Text/Interactive/Secondary": "#AA546B",
+  "Text/Interactive/Secondary Hover": "#C27183",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#8C8C8C",
+  "Text/Interactive/Focus": "#262626",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#747474",
+  "Text/Brand/OnAccent/Heading": "#1F1F1F",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#747474",
+  "Text/Brand/OnAccent/Default": "#1F1F1F",
+  "Text/Brand/OnAccent/Accent": "#1F1F1F",
+  "Text/Brand/OnAccent/Accent Secondary": "#747474",
+  "Text/Brand/OnPrimary 1/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Hover": "#FFFFFFB3",
+  "Text/Brand/OnPrimary 1/Accent": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Heading": "#1F1F1F",
+  "Text/Brand/OnPrimary 2/Default": "#1F1F1F",
+  "Text/Brand/OnPrimary 2/Accent": "#1F1F1F",
+  "Text/Brand/OnPrimary 3/Heading": "#1F1F1F",
+  "Text/Brand/OnPrimary 3/Default": "#1F1F1F",
+  "Text/Brand/OnPrimary 3/Accent": "#1F1F1F",
+  "Background/Primary": "#FFFFFF",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#E9E9E9",
+  "Surface/Primary/OnSurface/Default": "#F7F6F5",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#F7F6F5",
+  "Surface/Secondary/Subtle": "#EBEAE9",
+  "Surface/Secondary/Hover": "#1F1C1B0D",
+  "Surface/Brand/Accent/Default": "#D7D5D1",
+  "Surface/Brand/Accent/OnAccent/Accent": "#21252B",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#21252B",
+  "Surface/Brand/Primary 1/Default": "#5B6E7F",
+  "Surface/Brand/Primary 2/Default": "#DBA7B1",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#21252B",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#21252B",
+  "Surface/Brand/Primary 3/Default": "#DBA7B1",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#8E4258",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#8E4258",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#262626",
+  "Surface/UI Fill/Active": "#262626",
+  "Surface/UI Fill/Active Hover": "#FFFFFF",
+  "Surface/UI Fill/Disabled": "#E9E9E9",
+  "Surface/Accent/1": "#8E4258",
+  "Surface/Accent/2": "#284EA0",
+  "Surface/Accent/3": "#C27183",
+  "Surface/Accent/4": "#5B6E7F",
+  "Surface/Accent/5": "#363C43",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#747474",
+  "Surface/Feedback/Neutral light": "#E9E9E9",
+  "Border/Default": "#D9D9D9",
+  "Border/Strong": "#BFBFBF",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#575757",
+  "Icon/Intense": "#1F1F1F",
+  "Icon/Accent": "#DBA7B1",
+  "Icon/Interactive/Default": "#21252B",
+  "Icon/Interactive/Secondary": "#AA546B",
+  "Icon/Interactive/Accent": "#AA546B",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#BFBFBF",
+  "Icon/Interactive/Placeholder": "#747474",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#575757",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B33",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#21252B",
+  "Component/Button/Brand/Primary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#B0C4CB",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#21252B",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#3D444D",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Secondary/Border/Default": "#21252B",
+  "Component/Button/Brand/Secondary/Border/Hover": "#3D444D",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#B0C4CB",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#21252B",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#B0C4CB",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Default": "#21252B",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+  "Border/Interactive/Default": "#BFBFBF",
+  "Border/Divider/Default": "#D9D9D9",
+  "Border/Divider/Subtle": "#E9E9E9",
+  "Border/Divider/Accent": "#BFBFBF",
+  "Border/Divider/Brand/OnAccent/Default": "#B2ADA7",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#8E4258",
+  "Border/Interactive/Active": "#262626",
+  "Border/Interactive/Focus": "#262626",
+  "Border/Interactive/Disabled": "#BFBFBF",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#3D444D",
+  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Muted/Border/Default": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF1A",
 }
diff --git a/packages/design-system/lib/styles/haymarket.css b/packages/design-system/lib/styles/haymarket.css
index 1bb45dc52..5e44f8ecc 100644
--- a/packages/design-system/lib/styles/haymarket.css
+++ b/packages/design-system/lib/styles/haymarket.css
@@ -13,9 +13,9 @@
   --Body-Underline-sm-Font-fallback: sans-serif;
   --Body-Underline-sm-Letter-spacing: 0.2px;
   --Body-Underline-sm-Text-Decoration: underline;
-  --Font-family-Haymarket-Body: 'Fira sans';
-  --Font-family-Haymarket-Decorative: 'Prumo text';
-  --Font-family-Haymarket-Title: 'Prumo text';
+  --Font-family-Haymarket-Body: "Fira sans";
+  --Font-family-Haymarket-Decorative: "Prumo text";
+  --Font-family-Haymarket-Title: "Prumo text";
   --Label-Font-fallback: sans-serif;
   --Label-Letter-spacing: 0.17px;
   --Link-md-Font-fallback: sans-serif;
diff --git a/packages/design-system/lib/styles/haymarket.js b/packages/design-system/lib/styles/haymarket.js
index 0b5908c93..7e37a8f9d 100644
--- a/packages/design-system/lib/styles/haymarket.js
+++ b/packages/design-system/lib/styles/haymarket.js
@@ -1,310 +1,310 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Signature/Haymarket/Antique Brass/0': '#F9F5F1',
-  'Signature/Haymarket/Antique Brass/10': '#EDE3D8',
-  'Signature/Haymarket/Antique Brass/20': '#D9C3AE',
-  'Signature/Haymarket/Antique Brass/30': '#C5A384',
-  'Signature/Haymarket/Antique Brass/40': '#BA8E6E',
-  'Signature/Haymarket/Antique Brass/50': '#946F54',
-  'Signature/Haymarket/Antique Brass/60': '#805E45',
-  'Signature/Haymarket/Antique Brass/70': '#634732',
-  'Signature/Haymarket/Antique Brass/80': '#5D4330',
-  'Signature/Haymarket/Antique Brass/90': '#483425',
-  'Signature/Haymarket/Antique Brass/100': '#37271C',
-  'Signature/Haymarket/Vista White/0': '#FBF7F6',
-  'Signature/Haymarket/Vista White/10': '#F6ECEA',
-  'Signature/Haymarket/Vista White/20': '#F0DDD8',
-  'Signature/Haymarket/Vista White/30': '#E4C5BD',
-  'Signature/Haymarket/Vista White/40': '#D3A296',
-  'Signature/Haymarket/Vista White/50': '#C08273',
-  'Signature/Haymarket/Vista White/60': '#AA6858',
-  'Signature/Haymarket/Vista White/70': '#8E5547',
-  'Signature/Haymarket/Vista White/80': '#76493E',
-  'Signature/Haymarket/Vista White/90': '#644138',
-  'Signature/Haymarket/Vista White/100': '#351F1A',
-  'Signature/Haymarket/Bismark/0': '#F3F8F8',
-  'Signature/Haymarket/Bismark/10': '#E0EBED',
-  'Signature/Haymarket/Bismark/20': '#C5D7DC',
-  'Signature/Haymarket/Bismark/30': '#9DBCC3',
-  'Signature/Haymarket/Bismark/40': '#6E98A2',
-  'Signature/Haymarket/Bismark/50': '#527C88',
-  'Signature/Haymarket/Bismark/60': '#4A6C78',
-  'Signature/Haymarket/Bismark/70': '#3E5760',
-  'Signature/Haymarket/Bismark/80': '#394951',
-  'Signature/Haymarket/Bismark/90': '#334046',
-  'Signature/Haymarket/Bismark/100': '#1E282E',
-  'Title/lg/Letter spacing': 0.96,
-  'Title/lg/Font fallback': 'Serif',
-  'Title/lg/Text-Transform': 'none',
-  'Title/md/Letter spacing': 0.36,
-  'Title/md/Font fallback': 'Serif',
-  'Title/sm/Letter spacing': 0.56,
-  'Title/sm/Font fallback': 'Serif',
-  'Title/sm/Text-Transform': 'none',
-  'Title/Decorative/lg/Letter spacing': 0.6,
-  'Title/Decorative/lg/Font fallback': 'Serif',
-  'Title/Decorative/lg/Text-Transform': 'uppercase',
-  'Title/Decorative/md/Letter spacing': 0.64,
-  'Title/Decorative/md/Font fallback': 'Serif',
-  'Title/Decorative/md/Text-Transform': 'uppercase',
-  'Title/Subtitle/lg/Font fallback': 'sans-serif',
-  'Title/Subtitle/lg/Letter spacing': 0.24,
-  'Title/Subtitle/md/Font fallback': 'sans-serif',
-  'Title/Subtitle/md/Letter spacing': 0.2,
-  'Title/Overline/sm/Letter spacing': 0.21,
-  'Title/Overline/sm/Font fallback': 'sans-serif',
-  'Title/Overline/sm/Text-Transform': 'uppercase',
-  'Title/sm/LowCase/Letter spacing': 0.56,
-  'Title/sm/LowCase/Font fallback': 'Serif',
-  'Title/sm/LowCase/Text-Transform': 'none',
-  'Title/xs/Letter spacing': 0.24,
-  'Title/xs/Font fallback': 'Serif',
-  'Title/xs/Text-Transform': 'none',
-  'Title/md/Text-Transform': 'none',
-  'Title/md/LowCase/Letter spacing': 0.36,
-  'Title/md/LowCase/Font fallback': 'Serif',
-  'Title/md/LowCase/Text-Transform': 'none',
-  'Tag/Letter spacing': 0.24,
-  'Tag/Font fallback': 'sans-serif',
-  'Tag/Text-Transform': 'uppercase',
-  'Link/md/Font fallback': 'sans-serif',
-  'Link/md/Letter spacing': 0.19,
-  'Link/md/Text-Decoration': 'underline',
-  'Link/sm/Font fallback': 'sans-serif',
-  'Link/sm/Letter spacing': 0.2,
-  'Link/sm/Text-Decoration': 'underline',
-  'Body/Lead text/Font fallback': 'sans-serif',
-  'Body/Paragraph/Font fallback': 'sans-serif',
-  'Body/Paragraph/Letter spacing': 0.19,
-  'Body/Supporting text/Font fallback': 'sans-serif',
-  'Body/Supporting text/Letter spacing': 0.2,
-  'Body/Lead text/Letter spacing': 0.2,
-  'Label/Font fallback': 'sans-serif',
-  'Label/Letter spacing': 0.17,
-  'Body/Underline/md/Font fallback': 'sans-serif',
-  'Body/Underline/md/Letter spacing': 0.19,
-  'Body/Underline/md/Text-Decoration': 'underline',
-  'Body/Underline/sm/Font fallback': 'sans-serif',
-  'Body/Underline/sm/Letter spacing': 0.2,
-  'Body/Underline/sm/Text-Decoration': 'underline',
-  'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
-  'Utilities/Gradients/10': '#F0DDD81A',
-  'Font family/Haymarket/Title': 'Prumo text',
-  'Font family/Haymarket/Body': 'Fira sans',
-  'Font family/Haymarket/Decorative': 'Prumo text',
-  'Title/lg/Font weight': 400,
-  'Title/lg/Font family': 'Prumo text',
-  'Title/md/Font weight': 400,
-  'Title/md/Font family': 'Prumo text',
-  'Title/sm/Font weight': 400,
-  'Title/sm/Font family': 'Prumo text',
-  'Title/sm/LowCase/Font weight': 400,
-  'Title/sm/LowCase/Font family': 'Prumo text',
-  'Title/Decorative/lg/Font weight': 400,
-  'Title/Decorative/lg/Font family': 'Prumo text',
-  'Title/Decorative/md/Font weight': 400,
-  'Title/Decorative/md/Font family': 'Prumo text',
-  'Title/Subtitle/lg/Font weight': 500,
-  'Title/Subtitle/lg/Font family': 'Fira sans',
-  'Title/Subtitle/md/Font weight': 500,
-  'Title/Subtitle/md/Font family': 'Fira sans',
-  'Title/Overline/sm/Font weight': 500,
-  'Title/Overline/sm/Font family': 'Fira sans',
-  'Title/xs/Font weight': 400,
-  'Title/xs/Font family': 'Prumo text',
-  'Title/md/LowCase/Font weight': 400,
-  'Title/md/LowCase/Font family': 'Prumo text',
-  'Tag/Font weight': 500,
-  'Tag/Font family': 'Fira sans',
-  'Link/md/Font weight': 500,
-  'Link/md/Font family': 'Fira sans',
-  'Link/sm/Font weight': 500,
-  'Link/sm/Font family': 'Fira sans',
-  'Body/Lead text/Font weight': 400,
-  'Body/Lead text/Font family': 'Fira sans',
-  'Body/Paragraph/Font weight': 400,
-  'Body/Paragraph/Font weight 2': 500,
-  'Body/Paragraph/Font family': 'Fira sans',
-  'Body/Supporting text/Font weight': 400,
-  'Body/Supporting text/Font weight 2': 500,
-  'Body/Supporting text/Font family': 'Fira sans',
-  'Label/Font weight': 400,
-  'Label/Font weight 2': 500,
-  'Label/Font family': 'Fira sans',
-  'Body/Underline/md/Font weight': 400,
-  'Body/Underline/md/Font family': 'Fira sans',
-  'Body/Underline/sm/Font weight': 400,
-  'Body/Underline/sm/Font family': 'Fira sans',
-  'Text/Heading': '#1F1F1F',
-  'Text/Default': '#1F1F1F',
-  'Text/Secondary': '#575757',
-  'Text/Tertiary': '#747474',
-  'Text/Accent Primary': '#805E45',
-  'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#1F1F1F',
-  'Text/Interactive/Hover': '#454545',
-  'Text/Interactive/Secondary': '#805E45',
-  'Text/Interactive/Secondary Hover': '#BA8E6E',
-  'Text/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Text/Interactive/Disabled': '#8C8C8C',
-  'Text/Interactive/Focus': '#262626',
-  'Text/Interactive/Error': '#AD0015',
-  'Text/Interactive/Placeholder': '#747474',
-  'Text/Brand/OnAccent/Heading': '#FFFFFF',
-  'Text/Feedback/Information': '#284EA0',
-  'Text/Feedback/Succes': '#348337',
-  'Text/Feedback/Warning': '#D17308',
-  'Text/Feedback/Error': '#AD0015',
-  'Text/Feedback/Neutral': '#747474',
-  'Text/Brand/OnAccent/Default': '#FFFFFF',
-  'Text/Brand/OnAccent/Accent': '#FFFFFF',
-  'Text/Brand/OnAccent/Accent Secondary': '#805E45',
-  'Text/Brand/OnPrimary 1/Heading': '#1F1F1F',
-  'Text/Brand/OnPrimary 1/Default': '#1F1F1F',
-  'Text/Brand/OnPrimary 1/Hover': '#454545',
-  'Text/Brand/OnPrimary 1/Accent': '#1F1F1F',
-  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Accent': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Accent': '#FFFFFF',
-  'Background/Primary': '#FFFFFF',
-  'Background/Secondary': '#FFFFFF',
-  'Surface/Primary/Default': '#FFFFFF',
-  'Surface/Primary/Hover': '#1F1C1B0D',
-  'Surface/Primary/Hover Light': '#1F1C1B1A',
-  'Surface/Primary/Hover Accent': '#E9E9E9',
-  'Surface/Primary/OnSurface/Default': '#FBF7F6',
-  'Surface/Primary/Disabled': '#1F1C1B1A',
-  'Surface/Secondary/Default': '#FBF7F6',
-  'Surface/Secondary/Subtle': '#F6ECEA',
-  'Surface/Secondary/Hover': '#1F1C1B0D',
-  'Surface/Brand/Accent/Default': '#946F54',
-  'Surface/Brand/Accent/OnAccent/Accent': '#EDE3D8',
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': '#EDE3D8',
-  'Surface/Brand/Primary 1/Default': '#F0DDD8',
-  'Surface/Brand/Primary 2/Default': '#946F54',
-  'Surface/Brand/Primary 2/OnSurface/Default': '#EDE3D8',
-  'Surface/Brand/Primary 2/OnSurface/Accent': '#EDE3D8',
-  'Surface/Brand/Primary 3/Default': '#4A6C78',
-  'Surface/Brand/Primary 3/OnSurface/Default': '#C5D7DC',
-  'Surface/Brand/Primary 3/OnSurface/Accent': '#C5D7DC',
-  'Surface/UI Fill/Default': '#FFFFFF',
-  'Surface/UI Fill/Intense': '#262626',
-  'Surface/UI Fill/Active': '#262626',
-  'Surface/UI Fill/Active Hover': '#FFFFFF1A',
-  'Surface/UI Fill/Disabled': '#E9E9E9',
-  'Surface/Accent/1': '#AA6858',
-  'Surface/Accent/2': '#6E98A2',
-  'Surface/Accent/3': '#483425',
-  'Surface/Accent/4': '#BA8E6E',
-  'Surface/Accent/5': '#334046',
-  'Surface/Feedback/Information': '#284EA0',
-  'Surface/Feedback/Information light': '#E8F6FF',
-  'Surface/Feedback/Succes': '#348337',
-  'Surface/Feedback/Succes light': '#F3FCE8',
-  'Surface/Feedback/Warning': '#D17308',
-  'Surface/Feedback/Warning light': '#FFF8E3',
-  'Surface/Feedback/Error': '#AD0015',
-  'Surface/Feedback/Error light': '#FFEBEB',
-  'Surface/Feedback/Neutral': '#747474',
-  'Surface/Feedback/Neutral light': '#E9E9E9',
-  'Border/Default': '#D9D9D9',
-  'Border/Strong': '#BFBFBF',
-  'Border/Inverted': '#FFFFFF',
-  'Icon/Default': '#575757',
-  'Icon/Intense': '#1F1F1F',
-  'Icon/Accent': '#C08273',
-  'Icon/Interactive/Default': '#1F1F1F',
-  'Icon/Interactive/Secondary': '#805E45',
-  'Icon/Interactive/Accent': '#805E45',
-  'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Icon/Interactive/Disabled': '#BFBFBF',
-  'Icon/Interactive/Placeholder': '#747474',
-  'Icon/Feedback/Information': '#284EA0',
-  'Icon/Feedback/Success': '#348337',
-  'Icon/Feedback/Warning': '#D17308',
-  'Icon/Feedback/Error': '#AD0015',
-  'Icon/Feedback/Neutral': '#575757',
-  'Icon/Inverted': '#FFFFFF',
-  'Overlay/10': '#1F1C1B1A',
-  'Overlay/20': '#1F1C1B33',
-  'Overlay/30': '#1F1C1B33',
-  'Overlay/40': '#1F1C1B66',
-  'Overlay/60': '#1F1C1B99',
-  'Overlay/80': '#1F1C1BCC',
-  'Overlay/90': '#1F1C1BE6',
-  'Component/Button/Brand/Primary/Fill/Default': '#1F1F1F',
-  'Component/Button/Brand/Primary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#946F54',
-  'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Secondary/On fill/Default': '#1F1F1F',
-  'Component/Button/Brand/Secondary/On fill/Hover': '#454545',
-  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
-  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Secondary/Border/Default': '#1F1F1F',
-  'Component/Button/Brand/Secondary/Border/Hover': '#454545',
-  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
-  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Default': '#946F54',
-  'Component/Button/Brand/Tertiary/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Inverted/Fill/Default': '#FFFFFF',
-  'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
-  'Component/Button/Inverted/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Inverted/Fill/Hover Inverted': '#946F54',
-  'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
-  'Component/Button/Inverted/On fill/Default': '#1F1F1F',
-  'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
-  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
-  'Border/Interactive/Default': '#BFBFBF',
-  'Border/Divider/Default': '#D9D9D9',
-  'Border/Divider/Subtle': '#E9E9E9',
-  'Border/Divider/Accent': '#BFBFBF',
-  'Border/Divider/Brand/OnAccent/Default': '#C5A384',
-  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 3/Default': '#C5D7DC',
-  'Border/Interactive/Active': '#262626',
-  'Border/Interactive/Focus': '#262626',
-  'Border/Interactive/Disabled': '#BFBFBF',
-  'Border/Interactive/Error': '#AD0015',
-  'Component/Button/Muted/Fill/Default': '#FFFFFF00',
-  'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
-  'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
-  'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
-  'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
-  'Component/Button/Muted/On fill/Default': '#1F1F1F',
-  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Muted/On fill/Hover Inverted': '#454545',
-  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+  "Signature/Haymarket/Antique Brass/0": "#F9F5F1",
+  "Signature/Haymarket/Antique Brass/10": "#EDE3D8",
+  "Signature/Haymarket/Antique Brass/20": "#D9C3AE",
+  "Signature/Haymarket/Antique Brass/30": "#C5A384",
+  "Signature/Haymarket/Antique Brass/40": "#BA8E6E",
+  "Signature/Haymarket/Antique Brass/50": "#946F54",
+  "Signature/Haymarket/Antique Brass/60": "#805E45",
+  "Signature/Haymarket/Antique Brass/70": "#634732",
+  "Signature/Haymarket/Antique Brass/80": "#5D4330",
+  "Signature/Haymarket/Antique Brass/90": "#483425",
+  "Signature/Haymarket/Antique Brass/100": "#37271C",
+  "Signature/Haymarket/Vista White/0": "#FBF7F6",
+  "Signature/Haymarket/Vista White/10": "#F6ECEA",
+  "Signature/Haymarket/Vista White/20": "#F0DDD8",
+  "Signature/Haymarket/Vista White/30": "#E4C5BD",
+  "Signature/Haymarket/Vista White/40": "#D3A296",
+  "Signature/Haymarket/Vista White/50": "#C08273",
+  "Signature/Haymarket/Vista White/60": "#AA6858",
+  "Signature/Haymarket/Vista White/70": "#8E5547",
+  "Signature/Haymarket/Vista White/80": "#76493E",
+  "Signature/Haymarket/Vista White/90": "#644138",
+  "Signature/Haymarket/Vista White/100": "#351F1A",
+  "Signature/Haymarket/Bismark/0": "#F3F8F8",
+  "Signature/Haymarket/Bismark/10": "#E0EBED",
+  "Signature/Haymarket/Bismark/20": "#C5D7DC",
+  "Signature/Haymarket/Bismark/30": "#9DBCC3",
+  "Signature/Haymarket/Bismark/40": "#6E98A2",
+  "Signature/Haymarket/Bismark/50": "#527C88",
+  "Signature/Haymarket/Bismark/60": "#4A6C78",
+  "Signature/Haymarket/Bismark/70": "#3E5760",
+  "Signature/Haymarket/Bismark/80": "#394951",
+  "Signature/Haymarket/Bismark/90": "#334046",
+  "Signature/Haymarket/Bismark/100": "#1E282E",
+  "Title/lg/Letter spacing": 0.96,
+  "Title/lg/Font fallback": "Serif",
+  "Title/lg/Text-Transform": "none",
+  "Title/md/Letter spacing": 0.36,
+  "Title/md/Font fallback": "Serif",
+  "Title/sm/Letter spacing": 0.56,
+  "Title/sm/Font fallback": "Serif",
+  "Title/sm/Text-Transform": "none",
+  "Title/Decorative/lg/Letter spacing": 0.6,
+  "Title/Decorative/lg/Font fallback": "Serif",
+  "Title/Decorative/lg/Text-Transform": "uppercase",
+  "Title/Decorative/md/Letter spacing": 0.64,
+  "Title/Decorative/md/Font fallback": "Serif",
+  "Title/Decorative/md/Text-Transform": "uppercase",
+  "Title/Subtitle/lg/Font fallback": "sans-serif",
+  "Title/Subtitle/lg/Letter spacing": 0.24,
+  "Title/Subtitle/md/Font fallback": "sans-serif",
+  "Title/Subtitle/md/Letter spacing": 0.2,
+  "Title/Overline/sm/Letter spacing": 0.21,
+  "Title/Overline/sm/Font fallback": "sans-serif",
+  "Title/Overline/sm/Text-Transform": "uppercase",
+  "Title/sm/LowCase/Letter spacing": 0.56,
+  "Title/sm/LowCase/Font fallback": "Serif",
+  "Title/sm/LowCase/Text-Transform": "none",
+  "Title/xs/Letter spacing": 0.24,
+  "Title/xs/Font fallback": "Serif",
+  "Title/xs/Text-Transform": "none",
+  "Title/md/Text-Transform": "none",
+  "Title/md/LowCase/Letter spacing": 0.36,
+  "Title/md/LowCase/Font fallback": "Serif",
+  "Title/md/LowCase/Text-Transform": "none",
+  "Tag/Letter spacing": 0.24,
+  "Tag/Font fallback": "sans-serif",
+  "Tag/Text-Transform": "uppercase",
+  "Link/md/Font fallback": "sans-serif",
+  "Link/md/Letter spacing": 0.19,
+  "Link/md/Text-Decoration": "underline",
+  "Link/sm/Font fallback": "sans-serif",
+  "Link/sm/Letter spacing": 0.2,
+  "Link/sm/Text-Decoration": "underline",
+  "Body/Lead text/Font fallback": "sans-serif",
+  "Body/Paragraph/Font fallback": "sans-serif",
+  "Body/Paragraph/Letter spacing": 0.19,
+  "Body/Supporting text/Font fallback": "sans-serif",
+  "Body/Supporting text/Letter spacing": 0.2,
+  "Body/Lead text/Letter spacing": 0.2,
+  "Label/Font fallback": "sans-serif",
+  "Label/Letter spacing": 0.17,
+  "Body/Underline/md/Font fallback": "sans-serif",
+  "Body/Underline/md/Letter spacing": 0.19,
+  "Body/Underline/md/Text-Decoration": "underline",
+  "Body/Underline/sm/Font fallback": "sans-serif",
+  "Body/Underline/sm/Letter spacing": 0.2,
+  "Body/Underline/sm/Text-Decoration": "underline",
+  "Surface/Brand/Accent/OnAccent/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#FFFFFF",
+  "Utilities/Gradients/10": "#F0DDD81A",
+  "Font family/Haymarket/Title": "Prumo text",
+  "Font family/Haymarket/Body": "Fira sans",
+  "Font family/Haymarket/Decorative": "Prumo text",
+  "Title/lg/Font weight": 400,
+  "Title/lg/Font family": "Prumo text",
+  "Title/md/Font weight": 400,
+  "Title/md/Font family": "Prumo text",
+  "Title/sm/Font weight": 400,
+  "Title/sm/Font family": "Prumo text",
+  "Title/sm/LowCase/Font weight": 400,
+  "Title/sm/LowCase/Font family": "Prumo text",
+  "Title/Decorative/lg/Font weight": 400,
+  "Title/Decorative/lg/Font family": "Prumo text",
+  "Title/Decorative/md/Font weight": 400,
+  "Title/Decorative/md/Font family": "Prumo text",
+  "Title/Subtitle/lg/Font weight": 500,
+  "Title/Subtitle/lg/Font family": "Fira sans",
+  "Title/Subtitle/md/Font weight": 500,
+  "Title/Subtitle/md/Font family": "Fira sans",
+  "Title/Overline/sm/Font weight": 500,
+  "Title/Overline/sm/Font family": "Fira sans",
+  "Title/xs/Font weight": 400,
+  "Title/xs/Font family": "Prumo text",
+  "Title/md/LowCase/Font weight": 400,
+  "Title/md/LowCase/Font family": "Prumo text",
+  "Tag/Font weight": 500,
+  "Tag/Font family": "Fira sans",
+  "Link/md/Font weight": 500,
+  "Link/md/Font family": "Fira sans",
+  "Link/sm/Font weight": 500,
+  "Link/sm/Font family": "Fira sans",
+  "Body/Lead text/Font weight": 400,
+  "Body/Lead text/Font family": "Fira sans",
+  "Body/Paragraph/Font weight": 400,
+  "Body/Paragraph/Font weight 2": 500,
+  "Body/Paragraph/Font family": "Fira sans",
+  "Body/Supporting text/Font weight": 400,
+  "Body/Supporting text/Font weight 2": 500,
+  "Body/Supporting text/Font family": "Fira sans",
+  "Label/Font weight": 400,
+  "Label/Font weight 2": 500,
+  "Label/Font family": "Fira sans",
+  "Body/Underline/md/Font weight": 400,
+  "Body/Underline/md/Font family": "Fira sans",
+  "Body/Underline/sm/Font weight": 400,
+  "Body/Underline/sm/Font family": "Fira sans",
+  "Text/Heading": "#1F1F1F",
+  "Text/Default": "#1F1F1F",
+  "Text/Secondary": "#575757",
+  "Text/Tertiary": "#747474",
+  "Text/Accent Primary": "#805E45",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#1F1F1F",
+  "Text/Interactive/Hover": "#454545",
+  "Text/Interactive/Secondary": "#805E45",
+  "Text/Interactive/Secondary Hover": "#BA8E6E",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#8C8C8C",
+  "Text/Interactive/Focus": "#262626",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#747474",
+  "Text/Brand/OnAccent/Heading": "#FFFFFF",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#747474",
+  "Text/Brand/OnAccent/Default": "#FFFFFF",
+  "Text/Brand/OnAccent/Accent": "#FFFFFF",
+  "Text/Brand/OnAccent/Accent Secondary": "#805E45",
+  "Text/Brand/OnPrimary 1/Heading": "#1F1F1F",
+  "Text/Brand/OnPrimary 1/Default": "#1F1F1F",
+  "Text/Brand/OnPrimary 1/Hover": "#454545",
+  "Text/Brand/OnPrimary 1/Accent": "#1F1F1F",
+  "Text/Brand/OnPrimary 2/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Accent": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Accent": "#FFFFFF",
+  "Background/Primary": "#FFFFFF",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#E9E9E9",
+  "Surface/Primary/OnSurface/Default": "#FBF7F6",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#FBF7F6",
+  "Surface/Secondary/Subtle": "#F6ECEA",
+  "Surface/Secondary/Hover": "#1F1C1B0D",
+  "Surface/Brand/Accent/Default": "#946F54",
+  "Surface/Brand/Accent/OnAccent/Accent": "#EDE3D8",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#EDE3D8",
+  "Surface/Brand/Primary 1/Default": "#F0DDD8",
+  "Surface/Brand/Primary 2/Default": "#946F54",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#EDE3D8",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#EDE3D8",
+  "Surface/Brand/Primary 3/Default": "#4A6C78",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#C5D7DC",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#C5D7DC",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#262626",
+  "Surface/UI Fill/Active": "#262626",
+  "Surface/UI Fill/Active Hover": "#FFFFFF1A",
+  "Surface/UI Fill/Disabled": "#E9E9E9",
+  "Surface/Accent/1": "#AA6858",
+  "Surface/Accent/2": "#6E98A2",
+  "Surface/Accent/3": "#483425",
+  "Surface/Accent/4": "#BA8E6E",
+  "Surface/Accent/5": "#334046",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#747474",
+  "Surface/Feedback/Neutral light": "#E9E9E9",
+  "Border/Default": "#D9D9D9",
+  "Border/Strong": "#BFBFBF",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#575757",
+  "Icon/Intense": "#1F1F1F",
+  "Icon/Accent": "#C08273",
+  "Icon/Interactive/Default": "#1F1F1F",
+  "Icon/Interactive/Secondary": "#805E45",
+  "Icon/Interactive/Accent": "#805E45",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#BFBFBF",
+  "Icon/Interactive/Placeholder": "#747474",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#575757",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B33",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#1F1F1F",
+  "Component/Button/Brand/Primary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#946F54",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#1F1F1F",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#454545",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Secondary/Border/Default": "#1F1F1F",
+  "Component/Button/Brand/Secondary/Border/Hover": "#454545",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#946F54",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#946F54",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF00",
+  "Component/Button/Inverted/On fill/Default": "#1F1F1F",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+  "Border/Interactive/Default": "#BFBFBF",
+  "Border/Divider/Default": "#D9D9D9",
+  "Border/Divider/Subtle": "#E9E9E9",
+  "Border/Divider/Accent": "#BFBFBF",
+  "Border/Divider/Brand/OnAccent/Default": "#C5A384",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#C5D7DC",
+  "Border/Interactive/Active": "#262626",
+  "Border/Interactive/Focus": "#262626",
+  "Border/Interactive/Disabled": "#BFBFBF",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF00",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF0D",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#454545",
+  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Muted/Border/Default": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF1A",
 }
diff --git a/packages/design-system/lib/styles/hotel-norge.css b/packages/design-system/lib/styles/hotel-norge.css
index 4e357b4fb..b4341304c 100644
--- a/packages/design-system/lib/styles/hotel-norge.css
+++ b/packages/design-system/lib/styles/hotel-norge.css
@@ -13,9 +13,9 @@
   --Body-Underline-sm-Font-fallback: sans-serif;
   --Body-Underline-sm-Letter-spacing: 0.2px;
   --Body-Underline-sm-Text-Decoration: underline;
-  --Font-family-Hotel-Norge-Body: 'Fira sans';
-  --Font-family-Hotel-Norge-Decorative: 'Domaine Sans Text';
-  --Font-family-Hotel-Norge-Title: 'Domaine Sans Text';
+  --Font-family-Hotel-Norge-Body: "Fira sans";
+  --Font-family-Hotel-Norge-Decorative: "Domaine Sans Text";
+  --Font-family-Hotel-Norge-Title: "Domaine Sans Text";
   --Label-Font-fallback: sans-serif;
   --Label-Letter-spacing: 0.17px;
   --Link-md-Font-fallback: sans-serif;
diff --git a/packages/design-system/lib/styles/hotel-norge.js b/packages/design-system/lib/styles/hotel-norge.js
index 26ff3e6ed..cd3b13d13 100644
--- a/packages/design-system/lib/styles/hotel-norge.js
+++ b/packages/design-system/lib/styles/hotel-norge.js
@@ -1,297 +1,297 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Signature/Hotel Norge/Off White/0': '#FDFEFD',
-  'Signature/Hotel Norge/Off White/10': '#FAFAF9',
-  'Signature/Hotel Norge/Off White/20': '#F8F8F6',
-  'Signature/Hotel Norge/Off White/30': '#F4F5F2',
-  'Signature/Hotel Norge/Off White/40': '#F2F3EF',
-  'Signature/Hotel Norge/Off White/50': '#EFF0EB',
-  'Signature/Hotel Norge/Off White/60': '#D9DAD6',
-  'Signature/Hotel Norge/Off White/70': '#AAAAA7',
-  'Signature/Hotel Norge/Emerald/0': '#C7DDD5',
-  'Signature/Hotel Norge/Emerald/50': '#779990',
-  'Signature/Hotel Norge/Off White/80': '#838481',
-  'Signature/Hotel Norge/Emerald/80': '#3A655C',
-  'Signature/Hotel Norge/Off White/90': '#6F716F',
-  'Signature/Hotel Norge/Emerald/90': '#26544A',
-  'Signature/Hotel Norge/Off White/100': '#646563',
-  'Signature/Hotel Norge/Emerald/100': '#004337',
-  'Signature/Hotel Norge/Dark blue/0': '#B7C5C8',
-  'Signature/Hotel Norge/Dark blue/30': '#858F97',
-  'Signature/Hotel Norge/Dark blue/60': '#626B76',
-  'Signature/Hotel Norge/Dark blue/80': '#404655',
-  'Signature/Hotel Norge/Dark blue/90': '#2F3445',
-  'Signature/Hotel Norge/Dark blue/100': '#181E34',
-  'Signature/Hotel Norge/Salmon/50': '#EC615B',
-  'Title/lg/Font fallback': 'sans-serif',
-  'Title/lg/Text-Transform': 'none',
-  'Title/md/Letter spacing': 0.36,
-  'Title/md/Font fallback': 'sans-serif',
-  'Title/sm/Font fallback': 'sans-serif',
-  'Title/sm/Text-Transform': 'none',
-  'Title/Decorative/lg/Letter spacing': 0.24,
-  'Title/Decorative/lg/Font fallback': 'sans-serif',
-  'Title/Decorative/lg/Text-Transform': 'uppercase',
-  'Title/Decorative/md/Letter spacing': 0.16,
-  'Title/Decorative/md/Font fallback': 'sans-serif',
-  'Title/Decorative/md/Text-Transform': 'uppercase',
-  'Title/Subtitle/lg/Font fallback': 'sans-serif',
-  'Title/Subtitle/lg/Letter spacing': 0.24,
-  'Title/Subtitle/md/Font fallback': 'sans-serif',
-  'Title/Subtitle/md/Letter spacing': 0.2,
-  'Title/Overline/sm/Letter spacing': 0.21,
-  'Title/Overline/sm/Font fallback': 'sans-serif',
-  'Title/Overline/sm/Text-Transform': 'uppercase',
-  'Title/sm/LowCase/Font fallback': 'sans-serif',
-  'Title/sm/LowCase/Text-Transform': 'none',
-  'Title/xs/Letter spacing': -0.05,
-  'Title/xs/Font fallback': 'sans-serif',
-  'Title/xs/Text-Transform': 'none',
-  'Title/md/Text-Transform': 'none',
-  'Title/md/LowCase/Letter spacing': 0.36,
-  'Title/md/LowCase/Font fallback': 'sans-serif',
-  'Title/md/LowCase/Text-Transform': 'none',
-  'Tag/Letter spacing': 0.18,
-  'Tag/Font fallback': 'sans-serif',
-  'Tag/Text-Transform': 'uppercase',
-  'Link/md/Font fallback': 'sans-serif',
-  'Link/md/Letter spacing': 0.19,
-  'Link/md/Text-Decoration': 'underline',
-  'Link/sm/Font fallback': 'sans-serif',
-  'Link/sm/Letter spacing': 0.2,
-  'Link/sm/Text-Decoration': 'underline',
-  'Body/Lead text/Font fallback': 'sans-serif',
-  'Body/Paragraph/Font fallback': 'sans-serif',
-  'Body/Paragraph/Letter spacing': 0.19,
-  'Body/Supporting text/Font fallback': 'sans-serif',
-  'Body/Supporting text/Letter spacing': 0.2,
-  'Body/Lead text/Letter spacing': 0.2,
-  'Label/Font fallback': 'sans-serif',
-  'Label/Letter spacing': 0.17,
-  'Body/Underline/md/Font fallback': 'sans-serif',
-  'Body/Underline/md/Letter spacing': 0.19,
-  'Body/Underline/md/Text-Decoration': 'underline',
-  'Body/Underline/sm/Font fallback': 'sans-serif',
-  'Body/Underline/sm/Letter spacing': 0.2,
-  'Body/Underline/sm/Text-Decoration': 'underline',
-  'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
-  'Utilities/Gradients/10': '#0043371A',
-  'Font family/Hotel Norge/Title': 'Domaine Sans Text',
-  'Font family/Hotel Norge/Body': 'Fira sans',
-  'Font family/Hotel Norge/Decorative': 'Domaine Sans Text',
-  'Title/lg/Font weight': 400,
-  'Title/lg/Font family': 'Domaine Sans Text',
-  'Title/md/Font weight': 400,
-  'Title/md/Font family': 'Domaine Sans Text',
-  'Title/sm/Font weight': 400,
-  'Title/sm/Font family': 'Domaine Sans Text',
-  'Title/sm/LowCase/Font weight': 400,
-  'Title/sm/LowCase/Font family': 'Domaine Sans Text',
-  'Title/Decorative/lg/Font weight': 400,
-  'Title/Decorative/lg/Font family': 'Domaine Sans Text',
-  'Title/Decorative/md/Font weight': 400,
-  'Title/Decorative/md/Font family': 'Domaine Sans Text',
-  'Title/Subtitle/lg/Font weight': 500,
-  'Title/Subtitle/lg/Font family': 'Fira sans',
-  'Title/Subtitle/md/Font weight': 500,
-  'Title/Subtitle/md/Font family': 'Fira sans',
-  'Title/Overline/sm/Font weight': 500,
-  'Title/Overline/sm/Font family': 'Fira sans',
-  'Title/xs/Font weight': 400,
-  'Title/xs/Font family': 'Domaine Sans Text',
-  'Title/md/LowCase/Font weight': 400,
-  'Title/md/LowCase/Font family': 'Domaine Sans Text',
-  'Tag/Font weight': 500,
-  'Tag/Font family': 'Fira sans',
-  'Link/md/Font weight': 500,
-  'Link/md/Font family': 'Fira sans',
-  'Link/sm/Font weight': 500,
-  'Link/sm/Font family': 'Fira sans',
-  'Body/Lead text/Font weight': 400,
-  'Body/Lead text/Font family': 'Fira sans',
-  'Body/Paragraph/Font weight': 400,
-  'Body/Paragraph/Font weight 2': 500,
-  'Body/Paragraph/Font family': 'Fira sans',
-  'Body/Supporting text/Font weight': 400,
-  'Body/Supporting text/Font weight 2': 500,
-  'Body/Supporting text/Font family': 'Fira sans',
-  'Label/Font weight': 400,
-  'Label/Font weight 2': 500,
-  'Label/Font family': 'Fira sans',
-  'Body/Underline/md/Font weight': 400,
-  'Body/Underline/md/Font family': 'Fira sans',
-  'Body/Underline/sm/Font weight': 400,
-  'Body/Underline/sm/Font family': 'Fira sans',
-  'Text/Heading': '#1F1F1F',
-  'Text/Default': '#1F1F1F',
-  'Text/Secondary': '#575757',
-  'Text/Tertiary': '#747474',
-  'Text/Accent Primary': '#747474',
-  'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#181E34',
-  'Text/Interactive/Hover': '#404655',
-  'Text/Interactive/Secondary': '#26544A',
-  'Text/Interactive/Secondary Hover': '#3A655C',
-  'Text/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Text/Interactive/Disabled': '#8C8C8C',
-  'Text/Interactive/Focus': '#262626',
-  'Text/Interactive/Error': '#AD0015',
-  'Text/Interactive/Placeholder': '#747474',
-  'Text/Brand/OnAccent/Heading': '#1F1F1F',
-  'Text/Feedback/Information': '#284EA0',
-  'Text/Feedback/Succes': '#348337',
-  'Text/Feedback/Warning': '#D17308',
-  'Text/Feedback/Error': '#AD0015',
-  'Text/Feedback/Neutral': '#747474',
-  'Text/Brand/OnAccent/Default': '#1F1F1F',
-  'Text/Brand/OnAccent/Accent': '#004337',
-  'Text/Brand/OnAccent/Accent Secondary': '#747474',
-  'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Hover': '#FFFFFFB3',
-  'Text/Brand/OnPrimary 1/Accent': '#B7C5C8',
-  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Accent': '#C7DDD5',
-  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Accent': '#C7DDD5',
-  'Background/Primary': '#FFFFFF',
-  'Background/Secondary': '#FFFFFF',
-  'Surface/Primary/Default': '#FFFFFF',
-  'Surface/Primary/Hover': '#1F1C1B0D',
-  'Surface/Primary/Hover Light': '#1F1C1B1A',
-  'Surface/Primary/Hover Accent': '#E9E9E9',
-  'Surface/Primary/OnSurface/Default': '#F4F5F2',
-  'Surface/Primary/Disabled': '#1F1C1B1A',
-  'Surface/Secondary/Default': '#EFF0EB',
-  'Surface/Secondary/Subtle': '#D9DAD6',
-  'Surface/Secondary/Hover': '#1F1C1B0D',
-  'Surface/Brand/Accent/Default': '#C7DDD5',
-  'Surface/Brand/Accent/OnAccent/Accent': '#2F3445',
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': '#2F3445',
-  'Surface/Brand/Primary 1/Default': '#004337',
-  'Surface/Brand/Primary 2/Default': '#181E34',
-  'Surface/Brand/Primary 2/OnSurface/Default': '#2F3445',
-  'Surface/Brand/Primary 2/OnSurface/Accent': '#2F3445',
-  'Surface/Brand/Primary 3/Default': '#181E34',
-  'Surface/Brand/Primary 3/OnSurface/Default': '#B7C5C8',
-  'Surface/Brand/Primary 3/OnSurface/Accent': '#B7C5C8',
-  'Surface/UI Fill/Default': '#FFFFFF',
-  'Surface/UI Fill/Intense': '#262626',
-  'Surface/UI Fill/Active': '#262626',
-  'Surface/UI Fill/Active Hover': '#FFFFFF',
-  'Surface/UI Fill/Disabled': '#E9E9E9',
-  'Surface/Accent/1': '#EC615B',
-  'Surface/Accent/2': '#284EA0',
-  'Surface/Accent/3': '#004337',
-  'Surface/Accent/4': '#858F97',
-  'Surface/Accent/5': '#404655',
-  'Surface/Feedback/Information': '#284EA0',
-  'Surface/Feedback/Information light': '#E8F6FF',
-  'Surface/Feedback/Succes': '#348337',
-  'Surface/Feedback/Succes light': '#F3FCE8',
-  'Surface/Feedback/Warning': '#D17308',
-  'Surface/Feedback/Warning light': '#FFF8E3',
-  'Surface/Feedback/Error': '#AD0015',
-  'Surface/Feedback/Error light': '#FFEBEB',
-  'Surface/Feedback/Neutral': '#747474',
-  'Surface/Feedback/Neutral light': '#E9E9E9',
-  'Border/Default': '#D9D9D9',
-  'Border/Strong': '#BFBFBF',
-  'Border/Inverted': '#FFFFFF',
-  'Icon/Default': '#575757',
-  'Icon/Intense': '#1F1F1F',
-  'Icon/Accent': '#EC615B',
-  'Icon/Interactive/Default': '#181E34',
-  'Icon/Interactive/Secondary': '#26544A',
-  'Icon/Interactive/Accent': '#26544A',
-  'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Icon/Interactive/Disabled': '#BFBFBF',
-  'Icon/Interactive/Placeholder': '#747474',
-  'Icon/Feedback/Information': '#284EA0',
-  'Icon/Feedback/Success': '#348337',
-  'Icon/Feedback/Warning': '#D17308',
-  'Icon/Feedback/Error': '#AD0015',
-  'Icon/Feedback/Neutral': '#575757',
-  'Icon/Inverted': '#FFFFFF',
-  'Overlay/10': '#1F1C1B1A',
-  'Overlay/20': '#1F1C1B33',
-  'Overlay/30': '#1F1C1B33',
-  'Overlay/40': '#1F1C1B66',
-  'Overlay/60': '#1F1C1B99',
-  'Overlay/80': '#1F1C1BCC',
-  'Overlay/90': '#1F1C1BE6',
-  'Component/Button/Brand/Primary/Fill/Default': '#181E34',
-  'Component/Button/Brand/Primary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#004337',
-  'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Secondary/On fill/Default': '#181E34',
-  'Component/Button/Brand/Secondary/On fill/Hover': '#404655',
-  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
-  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Secondary/Border/Default': '#181E34',
-  'Component/Button/Brand/Secondary/Border/Hover': '#404655',
-  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
-  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Default': '#004337',
-  'Component/Button/Brand/Tertiary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Inverted/Fill/Default': '#FFFFFF',
-  'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
-  'Component/Button/Inverted/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Inverted/Fill/Hover Inverted': '#004337',
-  'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
-  'Component/Button/Inverted/On fill/Default': '#181E34',
-  'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
-  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
-  'Border/Interactive/Default': '#BFBFBF',
-  'Border/Divider/Default': '#D9D9D9',
-  'Border/Divider/Subtle': '#E9E9E9',
-  'Border/Divider/Accent': '#BFBFBF',
-  'Border/Divider/Brand/OnAccent/Default': '#626B76',
-  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 3/Default': '#779990',
-  'Border/Interactive/Active': '#262626',
-  'Border/Interactive/Focus': '#262626',
-  'Border/Interactive/Disabled': '#BFBFBF',
-  'Border/Interactive/Error': '#AD0015',
-  'Component/Button/Muted/Fill/Default': '#FFFFFF00',
-  'Component/Button/Muted/Fill/Hover': '#FFFFFF',
-  'Component/Button/Muted/Fill/Disabled': '#FFFFFF',
-  'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
-  'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
-  'Component/Button/Muted/On fill/Default': '#1F1F1F',
-  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Muted/On fill/Hover Inverted': '#404655',
-  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+  "Signature/Hotel Norge/Off White/0": "#FDFEFD",
+  "Signature/Hotel Norge/Off White/10": "#FAFAF9",
+  "Signature/Hotel Norge/Off White/20": "#F8F8F6",
+  "Signature/Hotel Norge/Off White/30": "#F4F5F2",
+  "Signature/Hotel Norge/Off White/40": "#F2F3EF",
+  "Signature/Hotel Norge/Off White/50": "#EFF0EB",
+  "Signature/Hotel Norge/Off White/60": "#D9DAD6",
+  "Signature/Hotel Norge/Off White/70": "#AAAAA7",
+  "Signature/Hotel Norge/Emerald/0": "#C7DDD5",
+  "Signature/Hotel Norge/Emerald/50": "#779990",
+  "Signature/Hotel Norge/Off White/80": "#838481",
+  "Signature/Hotel Norge/Emerald/80": "#3A655C",
+  "Signature/Hotel Norge/Off White/90": "#6F716F",
+  "Signature/Hotel Norge/Emerald/90": "#26544A",
+  "Signature/Hotel Norge/Off White/100": "#646563",
+  "Signature/Hotel Norge/Emerald/100": "#004337",
+  "Signature/Hotel Norge/Dark blue/0": "#B7C5C8",
+  "Signature/Hotel Norge/Dark blue/30": "#858F97",
+  "Signature/Hotel Norge/Dark blue/60": "#626B76",
+  "Signature/Hotel Norge/Dark blue/80": "#404655",
+  "Signature/Hotel Norge/Dark blue/90": "#2F3445",
+  "Signature/Hotel Norge/Dark blue/100": "#181E34",
+  "Signature/Hotel Norge/Salmon/50": "#EC615B",
+  "Title/lg/Font fallback": "sans-serif",
+  "Title/lg/Text-Transform": "none",
+  "Title/md/Letter spacing": 0.36,
+  "Title/md/Font fallback": "sans-serif",
+  "Title/sm/Font fallback": "sans-serif",
+  "Title/sm/Text-Transform": "none",
+  "Title/Decorative/lg/Letter spacing": 0.24,
+  "Title/Decorative/lg/Font fallback": "sans-serif",
+  "Title/Decorative/lg/Text-Transform": "uppercase",
+  "Title/Decorative/md/Letter spacing": 0.16,
+  "Title/Decorative/md/Font fallback": "sans-serif",
+  "Title/Decorative/md/Text-Transform": "uppercase",
+  "Title/Subtitle/lg/Font fallback": "sans-serif",
+  "Title/Subtitle/lg/Letter spacing": 0.24,
+  "Title/Subtitle/md/Font fallback": "sans-serif",
+  "Title/Subtitle/md/Letter spacing": 0.2,
+  "Title/Overline/sm/Letter spacing": 0.21,
+  "Title/Overline/sm/Font fallback": "sans-serif",
+  "Title/Overline/sm/Text-Transform": "uppercase",
+  "Title/sm/LowCase/Font fallback": "sans-serif",
+  "Title/sm/LowCase/Text-Transform": "none",
+  "Title/xs/Letter spacing": -0.05,
+  "Title/xs/Font fallback": "sans-serif",
+  "Title/xs/Text-Transform": "none",
+  "Title/md/Text-Transform": "none",
+  "Title/md/LowCase/Letter spacing": 0.36,
+  "Title/md/LowCase/Font fallback": "sans-serif",
+  "Title/md/LowCase/Text-Transform": "none",
+  "Tag/Letter spacing": 0.18,
+  "Tag/Font fallback": "sans-serif",
+  "Tag/Text-Transform": "uppercase",
+  "Link/md/Font fallback": "sans-serif",
+  "Link/md/Letter spacing": 0.19,
+  "Link/md/Text-Decoration": "underline",
+  "Link/sm/Font fallback": "sans-serif",
+  "Link/sm/Letter spacing": 0.2,
+  "Link/sm/Text-Decoration": "underline",
+  "Body/Lead text/Font fallback": "sans-serif",
+  "Body/Paragraph/Font fallback": "sans-serif",
+  "Body/Paragraph/Letter spacing": 0.19,
+  "Body/Supporting text/Font fallback": "sans-serif",
+  "Body/Supporting text/Letter spacing": 0.2,
+  "Body/Lead text/Letter spacing": 0.2,
+  "Label/Font fallback": "sans-serif",
+  "Label/Letter spacing": 0.17,
+  "Body/Underline/md/Font fallback": "sans-serif",
+  "Body/Underline/md/Letter spacing": 0.19,
+  "Body/Underline/md/Text-Decoration": "underline",
+  "Body/Underline/sm/Font fallback": "sans-serif",
+  "Body/Underline/sm/Letter spacing": 0.2,
+  "Body/Underline/sm/Text-Decoration": "underline",
+  "Surface/Brand/Accent/OnAccent/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#FFFFFF",
+  "Utilities/Gradients/10": "#0043371A",
+  "Font family/Hotel Norge/Title": "Domaine Sans Text",
+  "Font family/Hotel Norge/Body": "Fira sans",
+  "Font family/Hotel Norge/Decorative": "Domaine Sans Text",
+  "Title/lg/Font weight": 400,
+  "Title/lg/Font family": "Domaine Sans Text",
+  "Title/md/Font weight": 400,
+  "Title/md/Font family": "Domaine Sans Text",
+  "Title/sm/Font weight": 400,
+  "Title/sm/Font family": "Domaine Sans Text",
+  "Title/sm/LowCase/Font weight": 400,
+  "Title/sm/LowCase/Font family": "Domaine Sans Text",
+  "Title/Decorative/lg/Font weight": 400,
+  "Title/Decorative/lg/Font family": "Domaine Sans Text",
+  "Title/Decorative/md/Font weight": 400,
+  "Title/Decorative/md/Font family": "Domaine Sans Text",
+  "Title/Subtitle/lg/Font weight": 500,
+  "Title/Subtitle/lg/Font family": "Fira sans",
+  "Title/Subtitle/md/Font weight": 500,
+  "Title/Subtitle/md/Font family": "Fira sans",
+  "Title/Overline/sm/Font weight": 500,
+  "Title/Overline/sm/Font family": "Fira sans",
+  "Title/xs/Font weight": 400,
+  "Title/xs/Font family": "Domaine Sans Text",
+  "Title/md/LowCase/Font weight": 400,
+  "Title/md/LowCase/Font family": "Domaine Sans Text",
+  "Tag/Font weight": 500,
+  "Tag/Font family": "Fira sans",
+  "Link/md/Font weight": 500,
+  "Link/md/Font family": "Fira sans",
+  "Link/sm/Font weight": 500,
+  "Link/sm/Font family": "Fira sans",
+  "Body/Lead text/Font weight": 400,
+  "Body/Lead text/Font family": "Fira sans",
+  "Body/Paragraph/Font weight": 400,
+  "Body/Paragraph/Font weight 2": 500,
+  "Body/Paragraph/Font family": "Fira sans",
+  "Body/Supporting text/Font weight": 400,
+  "Body/Supporting text/Font weight 2": 500,
+  "Body/Supporting text/Font family": "Fira sans",
+  "Label/Font weight": 400,
+  "Label/Font weight 2": 500,
+  "Label/Font family": "Fira sans",
+  "Body/Underline/md/Font weight": 400,
+  "Body/Underline/md/Font family": "Fira sans",
+  "Body/Underline/sm/Font weight": 400,
+  "Body/Underline/sm/Font family": "Fira sans",
+  "Text/Heading": "#1F1F1F",
+  "Text/Default": "#1F1F1F",
+  "Text/Secondary": "#575757",
+  "Text/Tertiary": "#747474",
+  "Text/Accent Primary": "#747474",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#181E34",
+  "Text/Interactive/Hover": "#404655",
+  "Text/Interactive/Secondary": "#26544A",
+  "Text/Interactive/Secondary Hover": "#3A655C",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#8C8C8C",
+  "Text/Interactive/Focus": "#262626",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#747474",
+  "Text/Brand/OnAccent/Heading": "#1F1F1F",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#747474",
+  "Text/Brand/OnAccent/Default": "#1F1F1F",
+  "Text/Brand/OnAccent/Accent": "#004337",
+  "Text/Brand/OnAccent/Accent Secondary": "#747474",
+  "Text/Brand/OnPrimary 1/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Hover": "#FFFFFFB3",
+  "Text/Brand/OnPrimary 1/Accent": "#B7C5C8",
+  "Text/Brand/OnPrimary 2/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Accent": "#C7DDD5",
+  "Text/Brand/OnPrimary 3/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Accent": "#C7DDD5",
+  "Background/Primary": "#FFFFFF",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#E9E9E9",
+  "Surface/Primary/OnSurface/Default": "#F4F5F2",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#EFF0EB",
+  "Surface/Secondary/Subtle": "#D9DAD6",
+  "Surface/Secondary/Hover": "#1F1C1B0D",
+  "Surface/Brand/Accent/Default": "#C7DDD5",
+  "Surface/Brand/Accent/OnAccent/Accent": "#2F3445",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#2F3445",
+  "Surface/Brand/Primary 1/Default": "#004337",
+  "Surface/Brand/Primary 2/Default": "#181E34",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#2F3445",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#2F3445",
+  "Surface/Brand/Primary 3/Default": "#181E34",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#B7C5C8",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#B7C5C8",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#262626",
+  "Surface/UI Fill/Active": "#262626",
+  "Surface/UI Fill/Active Hover": "#FFFFFF",
+  "Surface/UI Fill/Disabled": "#E9E9E9",
+  "Surface/Accent/1": "#EC615B",
+  "Surface/Accent/2": "#284EA0",
+  "Surface/Accent/3": "#004337",
+  "Surface/Accent/4": "#858F97",
+  "Surface/Accent/5": "#404655",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#747474",
+  "Surface/Feedback/Neutral light": "#E9E9E9",
+  "Border/Default": "#D9D9D9",
+  "Border/Strong": "#BFBFBF",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#575757",
+  "Icon/Intense": "#1F1F1F",
+  "Icon/Accent": "#EC615B",
+  "Icon/Interactive/Default": "#181E34",
+  "Icon/Interactive/Secondary": "#26544A",
+  "Icon/Interactive/Accent": "#26544A",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#BFBFBF",
+  "Icon/Interactive/Placeholder": "#747474",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#575757",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B33",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#181E34",
+  "Component/Button/Brand/Primary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#004337",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#181E34",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#404655",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Secondary/Border/Default": "#181E34",
+  "Component/Button/Brand/Secondary/Border/Hover": "#404655",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#004337",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#004337",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF00",
+  "Component/Button/Inverted/On fill/Default": "#181E34",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+  "Border/Interactive/Default": "#BFBFBF",
+  "Border/Divider/Default": "#D9D9D9",
+  "Border/Divider/Subtle": "#E9E9E9",
+  "Border/Divider/Accent": "#BFBFBF",
+  "Border/Divider/Brand/OnAccent/Default": "#626B76",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#779990",
+  "Border/Interactive/Active": "#262626",
+  "Border/Interactive/Focus": "#262626",
+  "Border/Interactive/Disabled": "#BFBFBF",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF00",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#404655",
+  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Muted/Border/Default": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF1A",
 }
diff --git a/packages/design-system/lib/styles/marski.css b/packages/design-system/lib/styles/marski.css
index 6fe153d2d..e25e4ba88 100644
--- a/packages/design-system/lib/styles/marski.css
+++ b/packages/design-system/lib/styles/marski.css
@@ -13,9 +13,9 @@
   --Body-Underline-sm-Font-fallback: sans-serif;
   --Body-Underline-sm-Letter-spacing: 0.2px;
   --Body-Underline-sm-Text-Decoration: underline;
-  --Font-family-Marski-Body: 'Fira sans';
-  --Font-family-Marski-Decorative: 'Helvetica Neue';
-  --Font-family-Marski-Title: 'Helvetica Neue';
+  --Font-family-Marski-Body: "Fira sans";
+  --Font-family-Marski-Decorative: "Helvetica Neue";
+  --Font-family-Marski-Title: "Helvetica Neue";
   --Label-Font-fallback: sans-serif;
   --Label-Letter-spacing: 0.17px;
   --Link-md-Font-fallback: sans-serif;
diff --git a/packages/design-system/lib/styles/marski.js b/packages/design-system/lib/styles/marski.js
index 402017a7e..261460c54 100644
--- a/packages/design-system/lib/styles/marski.js
+++ b/packages/design-system/lib/styles/marski.js
@@ -1,321 +1,321 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Signature/Marski/Elephant/0': '#F6F6F7',
-  'Signature/Marski/Elephant/10': '#ECEEEF',
-  'Signature/Marski/Elephant/20': '#E0E3E5',
-  'Signature/Marski/Elephant/30': '#B6BDC1',
-  'Signature/Marski/Elephant/40': '#9BA5AB',
-  'Signature/Marski/Elephant/50': '#717F87',
-  'Signature/Marski/Elephant/60': '#576771',
-  'Signature/Marski/Elephant/70': '#495A65',
-  'Signature/Marski/Elephant/80': '#2C414D',
-  'Signature/Marski/Elephant/90': '#1E3441',
-  'Signature/Marski/Elephant/100': '#122937',
-  'Signature/Marski/Blue ribbon/0': '#EEF7FF',
-  'Signature/Marski/Blue ribbon/10': '#D8ECFF',
-  'Signature/Marski/Blue ribbon/20': '#B9DEFF',
-  'Signature/Marski/Blue ribbon/30': '#89CBFF',
-  'Signature/Marski/Blue ribbon/40': '#52AEFF',
-  'Signature/Marski/Blue ribbon/50': '#458AFF',
-  'Signature/Marski/Blue ribbon/60': '#136AFD',
-  'Signature/Marski/Blue ribbon/70': '#0D57F3',
-  'Signature/Marski/Blue ribbon/80': '#1043BD',
-  'Signature/Marski/Blue ribbon/90': '#143D94',
-  'Signature/Marski/Blue ribbon/100': '#11265A',
-  'Signature/Marski/Torch red/00': '#FFF0F1',
-  'Signature/Marski/Aubergine/00': '#F9F6F4',
-  'Signature/Marski/Aubergine/10': '#EBE8E6',
-  'Signature/Marski/Aubergine/20': '#CFC4C5',
-  'Signature/Marski/Aubergine/30': '#BAA9AC',
-  'Signature/Marski/Aubergine/40': '#A28D90',
-  'Signature/Marski/Aubergine/50': '#8B7074',
-  'Signature/Marski/Aubergine/60': '#806267',
-  'Signature/Marski/Aubergine/70': '#6A484D',
-  'Signature/Marski/Aubergine/80': '#5B353B',
-  'Signature/Marski/Aubergine/90': '#481D24',
-  'Signature/Marski/Aubergine/100': '#3E1118',
-  'Signature/Marski/Torch red/10': '#FFDDE0',
-  'Signature/Marski/Torch red/20': '#FFC1C7',
-  'Signature/Marski/Torch red/30': '#FF96A0',
-  'Signature/Marski/Torch red/40': '#FF5A6A',
-  'Signature/Marski/Torch red/50': '#FF374A',
-  'Signature/Marski/Torch red/60': '#FB1228',
-  'Signature/Marski/Torch red/70': '#D40115',
-  'Signature/Marski/Torch red/80': '#AE0616',
-  'Signature/Marski/Torch red/90': '#900C18',
-  'Signature/Marski/Torch red/100': '#4F0007',
-  'Title/lg/Letter spacing': 0.48,
-  'Title/lg/Font fallback': 'sans-serif',
-  'Title/lg/Text-Transform': 'none',
-  'Title/md/Letter spacing': 0.09,
-  'Title/md/Font fallback': 'sans-serif',
-  'Title/sm/Letter spacing': 0.14,
-  'Title/sm/Font fallback': 'sans-serif',
-  'Title/sm/Text-Transform': 'none',
-  'Title/Decorative/lg/Letter spacing': 0.1,
-  'Title/Decorative/lg/Font fallback': 'sans-serif',
-  'Title/Decorative/lg/Text-Transform': 'uppercase',
-  'Title/Decorative/md/Letter spacing': 0.32,
-  'Title/Decorative/md/Font fallback': 'sans-serif',
-  'Title/Decorative/md/Text-Transform': 'uppercase',
-  'Title/Subtitle/lg/Font fallback': 'sans-serif',
-  'Title/Subtitle/lg/Letter spacing': 0.24,
-  'Title/Subtitle/md/Font fallback': 'sans-serif',
-  'Title/Subtitle/md/Letter spacing': 0.2,
-  'Title/Overline/sm/Letter spacing': 0.21,
-  'Title/Overline/sm/Font fallback': 'sans-serif',
-  'Title/Overline/sm/Text-Transform': 'uppercase',
-  'Title/sm/LowCase/Letter spacing': 0.14,
-  'Title/sm/LowCase/Font fallback': 'sans-serif',
-  'Title/sm/LowCase/Text-Transform': 'none',
-  'Title/xs/Letter spacing': 0.24,
-  'Title/xs/Font fallback': 'sans-serif',
-  'Title/xs/Text-Transform': 'none',
-  'Title/md/Text-Transform': 'none',
-  'Title/md/LowCase/Letter spacing': 0.09,
-  'Title/md/LowCase/Font fallback': 'sans-serif',
-  'Title/md/LowCase/Text-Transform': 'none',
-  'Tag/Letter spacing': 0.18,
-  'Tag/Font fallback': 'sans-serif',
-  'Tag/Text-Transform': 'none',
-  'Link/md/Font fallback': 'sans-serif',
-  'Link/md/Letter spacing': 0.19,
-  'Link/md/Text-Decoration': 'underline',
-  'Link/sm/Font fallback': 'sans-serif',
-  'Link/sm/Letter spacing': 0.2,
-  'Link/sm/Text-Decoration': 'underline',
-  'Body/Lead text/Font fallback': 'sans-serif',
-  'Body/Paragraph/Font fallback': 'sans-serif',
-  'Body/Paragraph/Letter spacing': 0.19,
-  'Body/Supporting text/Font fallback': 'sans-serif',
-  'Body/Supporting text/Letter spacing': 0.2,
-  'Body/Lead text/Letter spacing': 0.2,
-  'Label/Font fallback': 'sans-serif',
-  'Label/Letter spacing': 0.17,
-  'Body/Underline/md/Font fallback': 'sans-serif',
-  'Body/Underline/md/Letter spacing': 0.19,
-  'Body/Underline/md/Text-Decoration': 'underline',
-  'Body/Underline/sm/Font fallback': 'sans-serif',
-  'Body/Underline/sm/Letter spacing': 0.2,
-  'Body/Underline/sm/Text-Decoration': 'underline',
-  'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
-  'Utilities/Gradients/10': '#1229371A',
-  'Font family/Marski/Title': 'Helvetica Neue',
-  'Font family/Marski/Body': 'Fira sans',
-  'Font family/Marski/Decorative': 'Helvetica Neue',
-  'Title/lg/Font weight': 700,
-  'Title/lg/Font family': 'Helvetica Neue',
-  'Title/md/Font weight': 700,
-  'Title/md/Font family': 'Helvetica Neue',
-  'Title/sm/Font weight': 700,
-  'Title/sm/Font family': 'Helvetica Neue',
-  'Title/sm/LowCase/Font weight': 500,
-  'Title/sm/LowCase/Font family': 'Helvetica Neue',
-  'Title/Decorative/lg/Font weight': 700,
-  'Title/Decorative/lg/Font family': 'Helvetica Neue',
-  'Title/Decorative/md/Font weight': 700,
-  'Title/Decorative/md/Font family': 'Helvetica Neue',
-  'Title/Subtitle/lg/Font weight': 500,
-  'Title/Subtitle/lg/Font family': 'Fira sans',
-  'Title/Subtitle/md/Font weight': 500,
-  'Title/Subtitle/md/Font family': 'Fira sans',
-  'Title/Overline/sm/Font weight': 700,
-  'Title/Overline/sm/Font family': 'Helvetica Neue',
-  'Title/xs/Font weight': 700,
-  'Title/xs/Font family': 'Helvetica Neue',
-  'Title/md/LowCase/Font weight': 500,
-  'Title/md/LowCase/Font family': 'Helvetica Neue',
-  'Tag/Font weight': 500,
-  'Tag/Font family': 'Helvetica Neue',
-  'Link/md/Font weight': 500,
-  'Link/md/Font family': 'Fira sans',
-  'Link/sm/Font weight': 500,
-  'Link/sm/Font family': 'Fira sans',
-  'Body/Lead text/Font weight': 400,
-  'Body/Lead text/Font family': 'Fira sans',
-  'Body/Paragraph/Font weight': 400,
-  'Body/Paragraph/Font weight 2': 500,
-  'Body/Paragraph/Font family': 'Fira sans',
-  'Body/Supporting text/Font weight': 400,
-  'Body/Supporting text/Font weight 2': 500,
-  'Body/Supporting text/Font family': 'Fira sans',
-  'Label/Font weight': 400,
-  'Label/Font weight 2': 500,
-  'Label/Font family': 'Fira sans',
-  'Body/Underline/md/Font weight': 400,
-  'Body/Underline/md/Font family': 'Fira sans',
-  'Body/Underline/sm/Font weight': 400,
-  'Body/Underline/sm/Font family': 'Fira sans',
-  'Text/Heading': '#1F1F1F',
-  'Text/Default': '#1F1F1F',
-  'Text/Secondary': '#575757',
-  'Text/Tertiary': '#747474',
-  'Text/Accent Primary': '#747474',
-  'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#122937',
-  'Text/Interactive/Hover': '#2C414D',
-  'Text/Interactive/Secondary': '#0D57F3',
-  'Text/Interactive/Secondary Hover': '#143D94',
-  'Text/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Text/Interactive/Disabled': '#8C8C8C',
-  'Text/Interactive/Focus': '#262626',
-  'Text/Interactive/Error': '#AD0015',
-  'Text/Interactive/Placeholder': '#747474',
-  'Text/Brand/OnAccent/Heading': '#FFFFFF',
-  'Text/Feedback/Information': '#284EA0',
-  'Text/Feedback/Succes': '#348337',
-  'Text/Feedback/Warning': '#D17308',
-  'Text/Feedback/Error': '#AD0015',
-  'Text/Feedback/Neutral': '#747474',
-  'Text/Brand/OnAccent/Default': '#FFFFFF',
-  'Text/Brand/OnAccent/Accent': '#FFFFFF',
-  'Text/Brand/OnAccent/Accent Secondary': '#747474',
-  'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Hover': '#FFFFFFB3',
-  'Text/Brand/OnPrimary 1/Accent': '#458AFF',
-  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Accent': '#FF374A',
-  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Accent': '#FF374A',
-  'Background/Primary': '#FCFCFC',
-  'Background/Secondary': '#FFFFFF',
-  'Surface/Primary/Default': '#FFFFFF',
-  'Surface/Primary/Hover': '#1F1C1B0D',
-  'Surface/Primary/Hover Light': '#1F1C1B1A',
-  'Surface/Primary/Hover Accent': '#E9E9E9',
-  'Surface/Primary/OnSurface/Default': '#F6F6F7',
-  'Surface/Primary/Disabled': '#1F1C1B1A',
-  'Surface/Secondary/Default': '#ECEEEF',
-  'Surface/Secondary/Subtle': '#E0E3E5',
-  'Surface/Secondary/Hover': '#1F1C1B0D',
-  'Surface/Brand/Accent/Default': '#575757',
-  'Surface/Brand/Accent/OnAccent/Accent': '#E0E3E5',
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': '#E0E3E5',
-  'Surface/Brand/Primary 1/Default': '#122937',
-  'Surface/Brand/Primary 2/Default': '#3E1118',
-  'Surface/Brand/Primary 2/OnSurface/Default': '#E0E3E5',
-  'Surface/Brand/Primary 2/OnSurface/Accent': '#E0E3E5',
-  'Surface/Brand/Primary 3/Default': '#3E1118',
-  'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
-  'Surface/UI Fill/Default': '#FFFFFF',
-  'Surface/UI Fill/Intense': '#262626',
-  'Surface/UI Fill/Active': '#262626',
-  'Surface/UI Fill/Active Hover': '#FFFFFF',
-  'Surface/UI Fill/Disabled': '#E9E9E9',
-  'Surface/Accent/1': '#FB1228',
-  'Surface/Accent/2': '#0D57F3',
-  'Surface/Accent/3': '#256931',
-  'Surface/Accent/4': '#122937',
-  'Surface/Accent/5': '#143D94',
-  'Surface/Feedback/Information': '#284EA0',
-  'Surface/Feedback/Information light': '#E8F6FF',
-  'Surface/Feedback/Succes': '#348337',
-  'Surface/Feedback/Succes light': '#F3FCE8',
-  'Surface/Feedback/Warning': '#D17308',
-  'Surface/Feedback/Warning light': '#FFF8E3',
-  'Surface/Feedback/Error': '#AD0015',
-  'Surface/Feedback/Error light': '#FFEBEB',
-  'Surface/Feedback/Neutral': '#747474',
-  'Surface/Feedback/Neutral light': '#E9E9E9',
-  'Border/Default': '#D9D9D9',
-  'Border/Strong': '#BFBFBF',
-  'Border/Inverted': '#FFFFFF',
-  'Icon/Default': '#575757',
-  'Icon/Intense': '#1F1F1F',
-  'Icon/Accent': '#1043BD',
-  'Icon/Interactive/Default': '#1E3441',
-  'Icon/Interactive/Secondary': '#0D57F3',
-  'Icon/Interactive/Accent': '#0D57F3',
-  'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Icon/Interactive/Disabled': '#BFBFBF',
-  'Icon/Interactive/Placeholder': '#747474',
-  'Icon/Feedback/Information': '#284EA0',
-  'Icon/Feedback/Success': '#348337',
-  'Icon/Feedback/Warning': '#D17308',
-  'Icon/Feedback/Error': '#AD0015',
-  'Icon/Feedback/Neutral': '#575757',
-  'Icon/Inverted': '#FFFFFF',
-  'Overlay/10': '#1F1C1B1A',
-  'Overlay/20': '#1F1C1B33',
-  'Overlay/30': '#1F1C1B33',
-  'Overlay/40': '#1F1C1B66',
-  'Overlay/60': '#1F1C1B99',
-  'Overlay/80': '#1F1C1BCC',
-  'Overlay/90': '#1F1C1BE6',
-  'Component/Button/Brand/Primary/Fill/Default': '#3E1118',
-  'Component/Button/Brand/Primary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#3E1118',
-  'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Secondary/On fill/Default': '#3E1118',
-  'Component/Button/Brand/Secondary/On fill/Hover': '#5B353B',
-  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
-  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Secondary/Border/Default': '#3E1118',
-  'Component/Button/Brand/Secondary/Border/Hover': '#5B353B',
-  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
-  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Default': '#0D57F3',
-  'Component/Button/Brand/Tertiary/Fill/Hover': '#1F1C1B0D',
-  'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Inverted/Fill/Default': '#FFFFFF',
-  'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
-  'Component/Button/Inverted/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Inverted/Fill/Hover Inverted': '#3E1118',
-  'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
-  'Component/Button/Inverted/On fill/Default': '#3E1118',
-  'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
-  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
-  'Border/Interactive/Default': '#BFBFBF',
-  'Border/Divider/Default': '#D9D9D9',
-  'Border/Divider/Subtle': '#E9E9E9',
-  'Border/Divider/Accent': '#BFBFBF',
-  'Border/Divider/Brand/OnAccent/Default': '#B6BDC1',
-  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 3/Default': '#FFC1C7',
-  'Border/Interactive/Active': '#262626',
-  'Border/Interactive/Focus': '#262626',
-  'Border/Interactive/Disabled': '#BFBFBF',
-  'Border/Interactive/Error': '#AD0015',
-  'Component/Button/Muted/Fill/Default': '#FFFFFF00',
-  'Component/Button/Muted/Fill/Hover': '#FFFFFF',
-  'Component/Button/Muted/Fill/Disabled': '#FFFFFF',
-  'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
-  'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
-  'Component/Button/Muted/On fill/Default': '#1F1F1F',
-  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Muted/On fill/Hover Inverted': '#5B353B',
-  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+  "Signature/Marski/Elephant/0": "#F6F6F7",
+  "Signature/Marski/Elephant/10": "#ECEEEF",
+  "Signature/Marski/Elephant/20": "#E0E3E5",
+  "Signature/Marski/Elephant/30": "#B6BDC1",
+  "Signature/Marski/Elephant/40": "#9BA5AB",
+  "Signature/Marski/Elephant/50": "#717F87",
+  "Signature/Marski/Elephant/60": "#576771",
+  "Signature/Marski/Elephant/70": "#495A65",
+  "Signature/Marski/Elephant/80": "#2C414D",
+  "Signature/Marski/Elephant/90": "#1E3441",
+  "Signature/Marski/Elephant/100": "#122937",
+  "Signature/Marski/Blue ribbon/0": "#EEF7FF",
+  "Signature/Marski/Blue ribbon/10": "#D8ECFF",
+  "Signature/Marski/Blue ribbon/20": "#B9DEFF",
+  "Signature/Marski/Blue ribbon/30": "#89CBFF",
+  "Signature/Marski/Blue ribbon/40": "#52AEFF",
+  "Signature/Marski/Blue ribbon/50": "#458AFF",
+  "Signature/Marski/Blue ribbon/60": "#136AFD",
+  "Signature/Marski/Blue ribbon/70": "#0D57F3",
+  "Signature/Marski/Blue ribbon/80": "#1043BD",
+  "Signature/Marski/Blue ribbon/90": "#143D94",
+  "Signature/Marski/Blue ribbon/100": "#11265A",
+  "Signature/Marski/Torch red/00": "#FFF0F1",
+  "Signature/Marski/Aubergine/00": "#F9F6F4",
+  "Signature/Marski/Aubergine/10": "#EBE8E6",
+  "Signature/Marski/Aubergine/20": "#CFC4C5",
+  "Signature/Marski/Aubergine/30": "#BAA9AC",
+  "Signature/Marski/Aubergine/40": "#A28D90",
+  "Signature/Marski/Aubergine/50": "#8B7074",
+  "Signature/Marski/Aubergine/60": "#806267",
+  "Signature/Marski/Aubergine/70": "#6A484D",
+  "Signature/Marski/Aubergine/80": "#5B353B",
+  "Signature/Marski/Aubergine/90": "#481D24",
+  "Signature/Marski/Aubergine/100": "#3E1118",
+  "Signature/Marski/Torch red/10": "#FFDDE0",
+  "Signature/Marski/Torch red/20": "#FFC1C7",
+  "Signature/Marski/Torch red/30": "#FF96A0",
+  "Signature/Marski/Torch red/40": "#FF5A6A",
+  "Signature/Marski/Torch red/50": "#FF374A",
+  "Signature/Marski/Torch red/60": "#FB1228",
+  "Signature/Marski/Torch red/70": "#D40115",
+  "Signature/Marski/Torch red/80": "#AE0616",
+  "Signature/Marski/Torch red/90": "#900C18",
+  "Signature/Marski/Torch red/100": "#4F0007",
+  "Title/lg/Letter spacing": 0.48,
+  "Title/lg/Font fallback": "sans-serif",
+  "Title/lg/Text-Transform": "none",
+  "Title/md/Letter spacing": 0.09,
+  "Title/md/Font fallback": "sans-serif",
+  "Title/sm/Letter spacing": 0.14,
+  "Title/sm/Font fallback": "sans-serif",
+  "Title/sm/Text-Transform": "none",
+  "Title/Decorative/lg/Letter spacing": 0.1,
+  "Title/Decorative/lg/Font fallback": "sans-serif",
+  "Title/Decorative/lg/Text-Transform": "uppercase",
+  "Title/Decorative/md/Letter spacing": 0.32,
+  "Title/Decorative/md/Font fallback": "sans-serif",
+  "Title/Decorative/md/Text-Transform": "uppercase",
+  "Title/Subtitle/lg/Font fallback": "sans-serif",
+  "Title/Subtitle/lg/Letter spacing": 0.24,
+  "Title/Subtitle/md/Font fallback": "sans-serif",
+  "Title/Subtitle/md/Letter spacing": 0.2,
+  "Title/Overline/sm/Letter spacing": 0.21,
+  "Title/Overline/sm/Font fallback": "sans-serif",
+  "Title/Overline/sm/Text-Transform": "uppercase",
+  "Title/sm/LowCase/Letter spacing": 0.14,
+  "Title/sm/LowCase/Font fallback": "sans-serif",
+  "Title/sm/LowCase/Text-Transform": "none",
+  "Title/xs/Letter spacing": 0.24,
+  "Title/xs/Font fallback": "sans-serif",
+  "Title/xs/Text-Transform": "none",
+  "Title/md/Text-Transform": "none",
+  "Title/md/LowCase/Letter spacing": 0.09,
+  "Title/md/LowCase/Font fallback": "sans-serif",
+  "Title/md/LowCase/Text-Transform": "none",
+  "Tag/Letter spacing": 0.18,
+  "Tag/Font fallback": "sans-serif",
+  "Tag/Text-Transform": "none",
+  "Link/md/Font fallback": "sans-serif",
+  "Link/md/Letter spacing": 0.19,
+  "Link/md/Text-Decoration": "underline",
+  "Link/sm/Font fallback": "sans-serif",
+  "Link/sm/Letter spacing": 0.2,
+  "Link/sm/Text-Decoration": "underline",
+  "Body/Lead text/Font fallback": "sans-serif",
+  "Body/Paragraph/Font fallback": "sans-serif",
+  "Body/Paragraph/Letter spacing": 0.19,
+  "Body/Supporting text/Font fallback": "sans-serif",
+  "Body/Supporting text/Letter spacing": 0.2,
+  "Body/Lead text/Letter spacing": 0.2,
+  "Label/Font fallback": "sans-serif",
+  "Label/Letter spacing": 0.17,
+  "Body/Underline/md/Font fallback": "sans-serif",
+  "Body/Underline/md/Letter spacing": 0.19,
+  "Body/Underline/md/Text-Decoration": "underline",
+  "Body/Underline/sm/Font fallback": "sans-serif",
+  "Body/Underline/sm/Letter spacing": 0.2,
+  "Body/Underline/sm/Text-Decoration": "underline",
+  "Surface/Brand/Accent/OnAccent/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#FFFFFF",
+  "Utilities/Gradients/10": "#1229371A",
+  "Font family/Marski/Title": "Helvetica Neue",
+  "Font family/Marski/Body": "Fira sans",
+  "Font family/Marski/Decorative": "Helvetica Neue",
+  "Title/lg/Font weight": 700,
+  "Title/lg/Font family": "Helvetica Neue",
+  "Title/md/Font weight": 700,
+  "Title/md/Font family": "Helvetica Neue",
+  "Title/sm/Font weight": 700,
+  "Title/sm/Font family": "Helvetica Neue",
+  "Title/sm/LowCase/Font weight": 500,
+  "Title/sm/LowCase/Font family": "Helvetica Neue",
+  "Title/Decorative/lg/Font weight": 700,
+  "Title/Decorative/lg/Font family": "Helvetica Neue",
+  "Title/Decorative/md/Font weight": 700,
+  "Title/Decorative/md/Font family": "Helvetica Neue",
+  "Title/Subtitle/lg/Font weight": 500,
+  "Title/Subtitle/lg/Font family": "Fira sans",
+  "Title/Subtitle/md/Font weight": 500,
+  "Title/Subtitle/md/Font family": "Fira sans",
+  "Title/Overline/sm/Font weight": 700,
+  "Title/Overline/sm/Font family": "Helvetica Neue",
+  "Title/xs/Font weight": 700,
+  "Title/xs/Font family": "Helvetica Neue",
+  "Title/md/LowCase/Font weight": 500,
+  "Title/md/LowCase/Font family": "Helvetica Neue",
+  "Tag/Font weight": 500,
+  "Tag/Font family": "Helvetica Neue",
+  "Link/md/Font weight": 500,
+  "Link/md/Font family": "Fira sans",
+  "Link/sm/Font weight": 500,
+  "Link/sm/Font family": "Fira sans",
+  "Body/Lead text/Font weight": 400,
+  "Body/Lead text/Font family": "Fira sans",
+  "Body/Paragraph/Font weight": 400,
+  "Body/Paragraph/Font weight 2": 500,
+  "Body/Paragraph/Font family": "Fira sans",
+  "Body/Supporting text/Font weight": 400,
+  "Body/Supporting text/Font weight 2": 500,
+  "Body/Supporting text/Font family": "Fira sans",
+  "Label/Font weight": 400,
+  "Label/Font weight 2": 500,
+  "Label/Font family": "Fira sans",
+  "Body/Underline/md/Font weight": 400,
+  "Body/Underline/md/Font family": "Fira sans",
+  "Body/Underline/sm/Font weight": 400,
+  "Body/Underline/sm/Font family": "Fira sans",
+  "Text/Heading": "#1F1F1F",
+  "Text/Default": "#1F1F1F",
+  "Text/Secondary": "#575757",
+  "Text/Tertiary": "#747474",
+  "Text/Accent Primary": "#747474",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#122937",
+  "Text/Interactive/Hover": "#2C414D",
+  "Text/Interactive/Secondary": "#0D57F3",
+  "Text/Interactive/Secondary Hover": "#143D94",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#8C8C8C",
+  "Text/Interactive/Focus": "#262626",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#747474",
+  "Text/Brand/OnAccent/Heading": "#FFFFFF",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#747474",
+  "Text/Brand/OnAccent/Default": "#FFFFFF",
+  "Text/Brand/OnAccent/Accent": "#FFFFFF",
+  "Text/Brand/OnAccent/Accent Secondary": "#747474",
+  "Text/Brand/OnPrimary 1/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Hover": "#FFFFFFB3",
+  "Text/Brand/OnPrimary 1/Accent": "#458AFF",
+  "Text/Brand/OnPrimary 2/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Accent": "#FF374A",
+  "Text/Brand/OnPrimary 3/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Accent": "#FF374A",
+  "Background/Primary": "#FCFCFC",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#E9E9E9",
+  "Surface/Primary/OnSurface/Default": "#F6F6F7",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#ECEEEF",
+  "Surface/Secondary/Subtle": "#E0E3E5",
+  "Surface/Secondary/Hover": "#1F1C1B0D",
+  "Surface/Brand/Accent/Default": "#575757",
+  "Surface/Brand/Accent/OnAccent/Accent": "#E0E3E5",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#E0E3E5",
+  "Surface/Brand/Primary 1/Default": "#122937",
+  "Surface/Brand/Primary 2/Default": "#3E1118",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#E0E3E5",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#E0E3E5",
+  "Surface/Brand/Primary 3/Default": "#3E1118",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#FFFFFF",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#262626",
+  "Surface/UI Fill/Active": "#262626",
+  "Surface/UI Fill/Active Hover": "#FFFFFF",
+  "Surface/UI Fill/Disabled": "#E9E9E9",
+  "Surface/Accent/1": "#FB1228",
+  "Surface/Accent/2": "#0D57F3",
+  "Surface/Accent/3": "#256931",
+  "Surface/Accent/4": "#122937",
+  "Surface/Accent/5": "#143D94",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#747474",
+  "Surface/Feedback/Neutral light": "#E9E9E9",
+  "Border/Default": "#D9D9D9",
+  "Border/Strong": "#BFBFBF",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#575757",
+  "Icon/Intense": "#1F1F1F",
+  "Icon/Accent": "#1043BD",
+  "Icon/Interactive/Default": "#1E3441",
+  "Icon/Interactive/Secondary": "#0D57F3",
+  "Icon/Interactive/Accent": "#0D57F3",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#BFBFBF",
+  "Icon/Interactive/Placeholder": "#747474",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#575757",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B33",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#3E1118",
+  "Component/Button/Brand/Primary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#3E1118",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#3E1118",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#5B353B",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Secondary/Border/Default": "#3E1118",
+  "Component/Button/Brand/Secondary/Border/Hover": "#5B353B",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#0D57F3",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#1F1C1B0D",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#3E1118",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF00",
+  "Component/Button/Inverted/On fill/Default": "#3E1118",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+  "Border/Interactive/Default": "#BFBFBF",
+  "Border/Divider/Default": "#D9D9D9",
+  "Border/Divider/Subtle": "#E9E9E9",
+  "Border/Divider/Accent": "#BFBFBF",
+  "Border/Divider/Brand/OnAccent/Default": "#B6BDC1",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#FFC1C7",
+  "Border/Interactive/Active": "#262626",
+  "Border/Interactive/Focus": "#262626",
+  "Border/Interactive/Disabled": "#BFBFBF",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF00",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#5B353B",
+  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Muted/Border/Default": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF1A",
 }
diff --git a/packages/design-system/lib/styles/partner-sas.js b/packages/design-system/lib/styles/partner-sas.js
index e5548206a..75e5d0694 100644
--- a/packages/design-system/lib/styles/partner-sas.js
+++ b/packages/design-system/lib/styles/partner-sas.js
@@ -1,177 +1,177 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Text/Brand/OnPrimary 1/Hover': '#FFFFFF',
-  'Surface/Brand/Accent/Default': '#FFFFFF',
-  'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
-  'Surface/Brand/Accent/OnAccent/Accent': '#FFFFFF',
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': '#FFFFFF',
-  'Surface/Brand/Primary 1/Default': '#FDFEFD',
-  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
-  'Surface/Brand/Primary 2/Default': '#FFFFFF',
-  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 3/Default': '#FFFFFF',
-  'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
-  'Utilities/Gradients/10': '#5B6E7F1A',
-  'Text/Heading': '#1F1F1F',
-  'Text/Default': '#1F1F1F',
-  'Text/Secondary': '#575757',
-  'Text/Tertiary': '#747474',
-  'Text/Accent Primary': '#AA546B',
-  'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#21252B',
-  'Text/Interactive/Hover': '#AA546B',
-  'Text/Interactive/Secondary': '#AA546B',
-  'Text/Interactive/Secondary Hover': '#C27183',
-  'Text/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Text/Interactive/Disabled': '#8C8C8C',
-  'Text/Interactive/Focus': '#262626',
-  'Text/Interactive/Error': '#AD0015',
-  'Text/Interactive/Placeholder': '#747474',
-  'Text/Brand/OnAccent/Heading': '#1F1F1F',
-  'Text/Feedback/Information': '#284EA0',
-  'Text/Feedback/Succes': '#348337',
-  'Text/Feedback/Warning': '#D17308',
-  'Text/Feedback/Error': '#AD0015',
-  'Text/Feedback/Neutral': '#747474',
-  'Text/Brand/OnAccent/Default': '#1F1F1F',
-  'Text/Brand/OnAccent/Accent': '#1F1F1F',
-  'Text/Brand/OnAccent/Accent Secondary': '#747474',
-  'Text/Brand/OnPrimary 1/Heading': '#1F1F1F',
-  'Text/Brand/OnPrimary 1/Default': '#1F1F1F',
-  'Text/Brand/OnPrimary 1/Accent': '#1F1F1F',
-  'Text/Brand/OnPrimary 2/Heading': '#1F1F1F',
-  'Text/Brand/OnPrimary 2/Default': '#1F1F1F',
-  'Text/Brand/OnPrimary 2/Accent': '#1F1F1F',
-  'Text/Brand/OnPrimary 3/Heading': '#1F1F1F',
-  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Accent': '#FFFFFF',
-  'Background/Primary': '#FFFFFF',
-  'Background/Secondary': '#FFFFFF',
-  'Surface/Primary/Default': '#FFFFFF',
-  'Surface/Primary/Hover': '#1F1C1B0D',
-  'Surface/Primary/Hover Light': '#1F1C1B1A',
-  'Surface/Primary/Hover Accent': '#E9E9E9',
-  'Surface/Primary/OnSurface/Default': '#F7F6F5',
-  'Surface/Primary/Disabled': '#1F1C1B1A',
-  'Surface/Secondary/Default': '#F7F6F5',
-  'Surface/Secondary/Subtle': '#EBEAE9',
-  'Surface/Secondary/Hover': '#1F1C1B0D',
-  'Surface/UI Fill/Default': '#FFFFFF',
-  'Surface/UI Fill/Intense': '#262626',
-  'Surface/UI Fill/Active': '#262626',
-  'Surface/UI Fill/Active Hover': '#FFFFFF',
-  'Surface/UI Fill/Disabled': '#E9E9E9',
-  'Surface/Accent/1': '#8E4258',
-  'Surface/Accent/2': '#284EA0',
-  'Surface/Accent/3': '#C27183',
-  'Surface/Accent/4': '#5B6E7F',
-  'Surface/Accent/5': '#363C43',
-  'Surface/Feedback/Information': '#284EA0',
-  'Surface/Feedback/Information light': '#E8F6FF',
-  'Surface/Feedback/Succes': '#348337',
-  'Surface/Feedback/Succes light': '#F3FCE8',
-  'Surface/Feedback/Warning': '#D17308',
-  'Surface/Feedback/Warning light': '#FFF8E3',
-  'Surface/Feedback/Error': '#AD0015',
-  'Surface/Feedback/Error light': '#FFEBEB',
-  'Surface/Feedback/Neutral': '#747474',
-  'Surface/Feedback/Neutral light': '#E9E9E9',
-  'Border/Default': '#D9D9D9',
-  'Border/Strong': '#BFBFBF',
-  'Border/Inverted': '#FFFFFF',
-  'Icon/Default': '#575757',
-  'Icon/Intense': '#1F1F1F',
-  'Icon/Accent': '#DBA7B1',
-  'Icon/Interactive/Default': '#21252B',
-  'Icon/Interactive/Secondary': '#AA546B',
-  'Icon/Interactive/Accent': '#AA546B',
-  'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Icon/Interactive/Disabled': '#BFBFBF',
-  'Icon/Interactive/Placeholder': '#747474',
-  'Icon/Feedback/Information': '#284EA0',
-  'Icon/Feedback/Success': '#348337',
-  'Icon/Feedback/Warning': '#D17308',
-  'Icon/Feedback/Error': '#AD0015',
-  'Icon/Feedback/Neutral': '#575757',
-  'Icon/Inverted': '#FFFFFF',
-  'Overlay/10': '#1F1C1B1A',
-  'Overlay/20': '#1F1C1B33',
-  'Overlay/30': '#1F1C1B33',
-  'Overlay/40': '#1F1C1B66',
-  'Overlay/60': '#1F1C1B99',
-  'Overlay/80': '#1F1C1BCC',
-  'Overlay/90': '#1F1C1BE6',
-  'Component/Button/Brand/Primary/Fill/Default': '#21252B',
-  'Component/Button/Brand/Primary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#B0C4CB',
-  'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Secondary/On fill/Default': '#21252B',
-  'Component/Button/Brand/Secondary/On fill/Hover': '#3D444D',
-  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
-  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Secondary/Border/Default': '#21252B',
-  'Component/Button/Brand/Secondary/Border/Hover': '#3D444D',
-  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
-  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Default': '#B0C4CB',
-  'Component/Button/Brand/Tertiary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/On fill/Default': '#21252B',
-  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Inverted/Fill/Default': '#FFFFFF',
-  'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
-  'Component/Button/Inverted/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Inverted/Fill/Hover Inverted': '#B0C4CB',
-  'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/Border/Disable': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Default': '#21252B',
-  'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
-  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
-  'Border/Interactive/Default': '#BFBFBF',
-  'Border/Divider/Default': '#D9D9D9',
-  'Border/Divider/Subtle': '#E9E9E9',
-  'Border/Divider/Accent': '#BFBFBF',
-  'Border/Divider/Brand/OnAccent/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF',
-  'Border/Interactive/Active': '#262626',
-  'Border/Interactive/Focus': '#262626',
-  'Border/Interactive/Disabled': '#BFBFBF',
-  'Border/Interactive/Error': '#AD0015',
-  'Component/Button/Muted/Fill/Default': '#FFFFFF',
-  'Component/Button/Muted/Fill/Hover': '#FFFFFF',
-  'Component/Button/Muted/Fill/Disabled': '#FFFFFF',
-  'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
-  'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
-  'Component/Button/Muted/On fill/Default': '#1F1F1F',
-  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Muted/On fill/Hover Inverted': '#3D444D',
-  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+  "Text/Brand/OnPrimary 1/Hover": "#FFFFFF",
+  "Surface/Brand/Accent/Default": "#FFFFFF",
+  "Surface/Brand/Accent/OnAccent/Default": "#FFFFFF",
+  "Surface/Brand/Accent/OnAccent/Accent": "#FFFFFF",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#FFFFFF",
+  "Surface/Brand/Primary 1/Default": "#FDFEFD",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#FFFFFF",
+  "Surface/Brand/Primary 2/Default": "#FFFFFF",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 3/Default": "#FFFFFF",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#FFFFFF",
+  "Utilities/Gradients/10": "#5B6E7F1A",
+  "Text/Heading": "#1F1F1F",
+  "Text/Default": "#1F1F1F",
+  "Text/Secondary": "#575757",
+  "Text/Tertiary": "#747474",
+  "Text/Accent Primary": "#AA546B",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#21252B",
+  "Text/Interactive/Hover": "#AA546B",
+  "Text/Interactive/Secondary": "#AA546B",
+  "Text/Interactive/Secondary Hover": "#C27183",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#8C8C8C",
+  "Text/Interactive/Focus": "#262626",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#747474",
+  "Text/Brand/OnAccent/Heading": "#1F1F1F",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#747474",
+  "Text/Brand/OnAccent/Default": "#1F1F1F",
+  "Text/Brand/OnAccent/Accent": "#1F1F1F",
+  "Text/Brand/OnAccent/Accent Secondary": "#747474",
+  "Text/Brand/OnPrimary 1/Heading": "#1F1F1F",
+  "Text/Brand/OnPrimary 1/Default": "#1F1F1F",
+  "Text/Brand/OnPrimary 1/Accent": "#1F1F1F",
+  "Text/Brand/OnPrimary 2/Heading": "#1F1F1F",
+  "Text/Brand/OnPrimary 2/Default": "#1F1F1F",
+  "Text/Brand/OnPrimary 2/Accent": "#1F1F1F",
+  "Text/Brand/OnPrimary 3/Heading": "#1F1F1F",
+  "Text/Brand/OnPrimary 3/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Accent": "#FFFFFF",
+  "Background/Primary": "#FFFFFF",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#E9E9E9",
+  "Surface/Primary/OnSurface/Default": "#F7F6F5",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#F7F6F5",
+  "Surface/Secondary/Subtle": "#EBEAE9",
+  "Surface/Secondary/Hover": "#1F1C1B0D",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#262626",
+  "Surface/UI Fill/Active": "#262626",
+  "Surface/UI Fill/Active Hover": "#FFFFFF",
+  "Surface/UI Fill/Disabled": "#E9E9E9",
+  "Surface/Accent/1": "#8E4258",
+  "Surface/Accent/2": "#284EA0",
+  "Surface/Accent/3": "#C27183",
+  "Surface/Accent/4": "#5B6E7F",
+  "Surface/Accent/5": "#363C43",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#747474",
+  "Surface/Feedback/Neutral light": "#E9E9E9",
+  "Border/Default": "#D9D9D9",
+  "Border/Strong": "#BFBFBF",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#575757",
+  "Icon/Intense": "#1F1F1F",
+  "Icon/Accent": "#DBA7B1",
+  "Icon/Interactive/Default": "#21252B",
+  "Icon/Interactive/Secondary": "#AA546B",
+  "Icon/Interactive/Accent": "#AA546B",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#BFBFBF",
+  "Icon/Interactive/Placeholder": "#747474",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#575757",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B33",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#21252B",
+  "Component/Button/Brand/Primary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#B0C4CB",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#21252B",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#3D444D",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Secondary/Border/Default": "#21252B",
+  "Component/Button/Brand/Secondary/Border/Hover": "#3D444D",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#B0C4CB",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#21252B",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#B0C4CB",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Default": "#21252B",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+  "Border/Interactive/Default": "#BFBFBF",
+  "Border/Divider/Default": "#D9D9D9",
+  "Border/Divider/Subtle": "#E9E9E9",
+  "Border/Divider/Accent": "#BFBFBF",
+  "Border/Divider/Brand/OnAccent/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#FFFFFF",
+  "Border/Interactive/Active": "#262626",
+  "Border/Interactive/Focus": "#262626",
+  "Border/Interactive/Disabled": "#BFBFBF",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#3D444D",
+  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Muted/Border/Default": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF1A",
 }
diff --git a/packages/design-system/lib/styles/scandic-go.css b/packages/design-system/lib/styles/scandic-go.css
index 10c558576..4cc986613 100644
--- a/packages/design-system/lib/styles/scandic-go.css
+++ b/packages/design-system/lib/styles/scandic-go.css
@@ -13,9 +13,9 @@
   --Body-Underline-sm-Font-fallback: sans-serif;
   --Body-Underline-sm-Letter-spacing: 0.2px;
   --Body-Underline-sm-Text-Decoration: underline;
-  --Font-family-Scandic-Go-Body: 'Fira sans';
-  --Font-family-Scandic-Go-Decorative: 'ITC Garamond Std';
-  --Font-family-Scandic-Go-Title: 'Neue Haas Grotesk Display Pro';
+  --Font-family-Scandic-Go-Body: "Fira sans";
+  --Font-family-Scandic-Go-Decorative: "ITC Garamond Std";
+  --Font-family-Scandic-Go-Title: "Neue Haas Grotesk Display Pro";
   --Label-Font-fallback: sans-serif;
   --Label-Letter-spacing: 0.17px;
   --Link-md-Font-fallback: sans-serif;
diff --git a/packages/design-system/lib/styles/scandic-go.js b/packages/design-system/lib/styles/scandic-go.js
index 58fb021b5..8d9bd4bff 100644
--- a/packages/design-system/lib/styles/scandic-go.js
+++ b/packages/design-system/lib/styles/scandic-go.js
@@ -1,327 +1,327 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Scandic Go/Beige/00': '#FFFEFA',
-  'Scandic Go/Beige/0': '#FAF8F2',
-  'Scandic Go/Beige/10': '#F0EDE4',
-  'Scandic Go/Beige/20': '#E0DCCE',
-  'Scandic Go/Beige/30': '#C8C4B6',
-  'Scandic Go/Beige/40': '#B0ACA0',
-  'Scandic Go/Beige/50': '#918F83',
-  'Scandic Go/Beige/60': '#78766D',
-  'Scandic Go/Beige/70': '#63615A',
-  'Scandic Go/Beige/80': '#4F4D49',
-  'Scandic Go/Beige/90': '#373633',
-  'Scandic Go/Beige/100': '#1F1E1D',
-  'Scandic Go/Purple/00': '#F4F2FF',
-  'Scandic Go/Purple/10': '#DCD7FF',
-  'Scandic Go/Purple/20': '#CABFFC',
-  'Scandic Go/Purple/30': '#BAA7F7',
-  'Scandic Go/Purple/40': '#AB8EF0',
-  'Scandic Go/Purple/50': '#9C75E6',
-  'Scandic Go/Purple/60': '#8C5BD5',
-  'Scandic Go/Purple/70': '#733CB2',
-  'Scandic Go/Purple/80': '#5E2A8C',
-  'Scandic Go/Purple/90': '#451F61',
-  'Scandic Go/Purple/100': '#2D163A',
-  'Scandic Go/Yellow/00': '#FDFFE8',
-  'Scandic Go/Yellow/10': '#FAFFC4',
-  'Scandic Go/Yellow/20': '#F8FF9C',
-  'Scandic Go/Yellow/30': '#F5FF73',
-  'Scandic Go/Yellow/40': '#EDEA39',
-  'Scandic Go/Yellow/50': '#DEC614',
-  'Scandic Go/Yellow/60': '#BA8D07',
-  'Scandic Go/Yellow/70': '#966400',
-  'Scandic Go/Yellow/80': '#754403',
-  'Scandic Go/Yellow/90': '#572701',
-  'Scandic Go/Yellow/100': '#3B1300',
-  'Scandic Go/Green/00': '#EDFFE5',
-  'Scandic Go/Green/10': '#CDFFB8',
-  'Scandic Go/Green/20': '#A7FF82',
-  'Scandic Go/Green/30': '#85FF52',
-  'Scandic Go/Green/40': '#66E03A',
-  'Scandic Go/Green/50': '#45B222',
-  'Scandic Go/Green/60': '#2E7F18',
-  'Scandic Go/Green/70': '#2A601E',
-  'Scandic Go/Green/80': '#26461F',
-  'Scandic Go/Green/90': '#21331F',
-  'Scandic Go/Green/100': '#162115',
-  'Scandic Go/Cyan/20': '#73FCEE',
-  'Scandic Go/Cyan/70': '#087B86',
-  'Scandic Go/Coral/50': '#FA3737',
-  'Scandic Go/Powder Rose/50': '#ECC8C9',
-  'Scandic Go/Powder Rose/90': '#C27183',
-  'Title/lg/Letter spacing': 0.48,
-  'Title/lg/Font fallback': 'sans-serif',
-  'Title/lg/Text-Transform': 'none',
-  'Title/md/Letter spacing': 0.36,
-  'Title/md/Font fallback': 'sans-serif',
-  'Title/sm/Letter spacing': 0.42,
-  'Title/sm/Font fallback': 'sans-serif',
-  'Title/sm/Text-Transform': 'none',
-  'Title/Decorative/lg/Letter spacing': 0.32,
-  'Title/Decorative/lg/Font fallback': 'Serif',
-  'Title/Decorative/lg/Text-Transform': 'none',
-  'Title/Decorative/md/Letter spacing': 0.48,
-  'Title/Decorative/md/Font fallback': 'Serif',
-  'Title/Decorative/md/Text-Transform': 'none',
-  'Title/Subtitle/lg/Font fallback': 'sans-serif',
-  'Title/Subtitle/lg/Letter spacing': 0.24,
-  'Title/Subtitle/md/Font fallback': 'sans-serif',
-  'Title/Subtitle/md/Letter spacing': 0.2,
-  'Title/Overline/sm/Letter spacing': 0.21,
-  'Title/Overline/sm/Font fallback': 'sans-serif',
-  'Title/Overline/sm/Text-Transform': 'none',
-  'Title/sm/LowCase/Letter spacing': 0.42,
-  'Title/sm/LowCase/Font fallback': 'sans-serif',
-  'Title/sm/LowCase/Text-Transform': 'none',
-  'Title/xs/Letter spacing': 0.36,
-  'Title/xs/Font fallback': 'sans-serif',
-  'Title/xs/Text-Transform': 'none',
-  'Title/md/Text-Transform': 'none',
-  'Title/md/LowCase/Letter spacing': 0.36,
-  'Title/md/LowCase/Font fallback': 'sans-serif',
-  'Title/md/LowCase/Text-Transform': 'none',
-  'Tag/Letter spacing': 0.24,
-  'Tag/Font fallback': 'sans-serif',
-  'Tag/Text-Transform': 'none',
-  'Link/md/Font fallback': 'sans-serif',
-  'Link/md/Letter spacing': 0.19,
-  'Link/md/Text-Decoration': 'underline',
-  'Link/sm/Font fallback': 'sans-serif',
-  'Link/sm/Letter spacing': 0.2,
-  'Link/sm/Text-Decoration': 'underline',
-  'Body/Lead text/Font fallback': 'sans-serif',
-  'Body/Paragraph/Font fallback': 'sans-serif',
-  'Body/Paragraph/Letter spacing': 0.19,
-  'Body/Supporting text/Font fallback': 'sans-serif',
-  'Body/Supporting text/Letter spacing': 0.2,
-  'Body/Lead text/Letter spacing': 0.2,
-  'Label/Font fallback': 'sans-serif',
-  'Label/Letter spacing': 0.17,
-  'Body/Underline/md/Font fallback': 'sans-serif',
-  'Body/Underline/md/Letter spacing': 0.19,
-  'Body/Underline/md/Text-Decoration': 'underline',
-  'Body/Underline/sm/Font fallback': 'sans-serif',
-  'Body/Underline/sm/Letter spacing': 0.2,
-  'Body/Underline/sm/Text-Decoration': 'underline',
-  'Utilities/Gradients/10': '#2D163A1A',
-  'Font family/Scandic Go/Title': 'Neue Haas Grotesk Display Pro',
-  'Font family/Scandic Go/Body': 'Fira sans',
-  'Font family/Scandic Go/Decorative': 'ITC Garamond Std',
-  'Title/lg/Font weight': 500,
-  'Title/lg/Font family': 'Neue Haas Grotesk Display Pro',
-  'Title/md/Font weight': 500,
-  'Title/md/Font family': 'Neue Haas Grotesk Display Pro',
-  'Title/sm/Font weight': 500,
-  'Title/sm/Font family': 'Neue Haas Grotesk Display Pro',
-  'Title/sm/LowCase/Font weight': 500,
-  'Title/sm/LowCase/Font family': 'Neue Haas Grotesk Display Pro',
-  'Title/Decorative/lg/Font weight': 500,
-  'Title/Decorative/lg/Font family': 'ITC Garamond Std',
-  'Title/Decorative/md/Font weight': 500,
-  'Title/Decorative/md/Font family': 'ITC Garamond Std',
-  'Title/Subtitle/lg/Font weight': 500,
-  'Title/Subtitle/lg/Font family': 'Fira sans',
-  'Title/Subtitle/md/Font weight': 500,
-  'Title/Subtitle/md/Font family': 'Fira sans',
-  'Title/Overline/sm/Font weight': 500,
-  'Title/Overline/sm/Font family': 'Neue Haas Grotesk Display Pro',
-  'Title/xs/Font weight': 500,
-  'Title/xs/Font family': 'Neue Haas Grotesk Display Pro',
-  'Title/md/LowCase/Font weight': 500,
-  'Title/md/LowCase/Font family': 'Brandon Text',
-  'Tag/Font weight': 500,
-  'Tag/Font family': 'Neue Haas Grotesk Display Pro',
-  'Link/md/Font weight': 500,
-  'Link/md/Font family': 'Fira sans',
-  'Link/sm/Font weight': 500,
-  'Link/sm/Font family': 'Fira sans',
-  'Body/Lead text/Font weight': 400,
-  'Body/Lead text/Font family': 'Fira sans',
-  'Body/Paragraph/Font weight': 400,
-  'Body/Paragraph/Font weight 2': 500,
-  'Body/Paragraph/Font family': 'Fira sans',
-  'Body/Supporting text/Font weight': 400,
-  'Body/Supporting text/Font weight 2': 500,
-  'Body/Supporting text/Font family': 'Fira sans',
-  'Label/Font weight': 400,
-  'Label/Font weight 2': 500,
-  'Label/Font family': 'Fira sans',
-  'Body/Underline/md/Font weight': 400,
-  'Body/Underline/md/Font family': 'Fira sans',
-  'Body/Underline/sm/Font weight': 400,
-  'Body/Underline/sm/Font family': 'Fira sans',
-  'Text/Heading': '#2D163A',
-  'Text/Default': '#1F1F1F',
-  'Text/Secondary': '#575757',
-  'Text/Tertiary': '#747474',
-  'Text/Accent Primary': '#2D163A',
-  'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#2D163A',
-  'Text/Interactive/Hover': '#5E2A8C',
-  'Text/Interactive/Secondary': '#5E2A8C',
-  'Text/Interactive/Secondary Hover': '#2D163A',
-  'Text/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Text/Interactive/Disabled': '#8C8C8C',
-  'Text/Interactive/Focus': '#262626',
-  'Text/Interactive/Error': '#AD0015',
-  'Text/Interactive/Placeholder': '#747474',
-  'Text/Brand/OnAccent/Heading': '#2D163A',
-  'Text/Feedback/Information': '#284EA0',
-  'Text/Feedback/Succes': '#348337',
-  'Text/Feedback/Warning': '#D17308',
-  'Text/Feedback/Error': '#AD0015',
-  'Text/Feedback/Neutral': '#747474',
-  'Text/Brand/OnAccent/Default': '#2D163A',
-  'Text/Brand/OnAccent/Accent': '#2D163A',
-  'Text/Brand/OnAccent/Accent Secondary': '#5E2A8C',
-  'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 1/Hover': '#FFFFFFB3',
-  'Text/Brand/OnPrimary 1/Accent': '#DCD7FF',
-  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Accent': '#DCD7FF',
-  'Text/Brand/OnPrimary 3/Heading': '#2D163A',
-  'Text/Brand/OnPrimary 3/Default': '#2D163A',
-  'Text/Brand/OnPrimary 3/Accent': '#2D163A',
-  'Background/Primary': '#FFFEFA',
-  'Background/Secondary': '#FFFFFF',
-  'Surface/Primary/Default': '#FFFFFF',
-  'Surface/Primary/Hover': '#1F1C1B0D',
-  'Surface/Primary/Hover Light': '#1F1C1B1A',
-  'Surface/Primary/Hover Accent': '#DCD7FF',
-  'Surface/Primary/OnSurface/Default': '#FAF8F2',
-  'Surface/Primary/Disabled': '#1F1C1B1A',
-  'Surface/Secondary/Default': '#F0EDE4',
-  'Surface/Secondary/Subtle': '#E0DCCE',
-  'Surface/Secondary/Hover': '#1F1C1B0D',
-  'Surface/Brand/Accent/Default': '#F5FF73',
-  'Surface/Brand/Accent/OnAccent/Default': '#2D163A',
-  'Surface/Brand/Accent/OnAccent/Accent': '#451F61',
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': '#451F61',
-  'Surface/Brand/Primary 1/Default': '#2D163A',
-  'Surface/Brand/Primary 1/OnSurface/Default': '#F5FF73',
-  'Surface/Brand/Primary 1/OnSurface/Accent': '#FA3737',
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#2D163A',
-  'Surface/Brand/Primary 2/Default': '#21331F',
-  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 2/OnSurface/Accent': '#85FF52',
-  'Surface/Brand/Primary 3/Default': '#DCD7FF',
-  'Surface/Brand/Primary 3/OnSurface/Default': '#FA3737',
-  'Surface/Brand/Primary 3/OnSurface/Accent': '#FA3737',
-  'Surface/UI Fill/Default': '#FFFFFF',
-  'Surface/UI Fill/Intense': '#262626',
-  'Surface/UI Fill/Active': '#262626',
-  'Surface/UI Fill/Active Hover': '#1F1C1B1A',
-  'Surface/UI Fill/Disabled': '#E9E9E9',
-  'Surface/Accent/1': '#FA3737',
-  'Surface/Accent/2': '#087B86',
-  'Surface/Accent/3': '#2A601E',
-  'Surface/Accent/4': '#733CB2',
-  'Surface/Accent/5': '#C27183',
-  'Surface/Feedback/Information': '#284EA0',
-  'Surface/Feedback/Information light': '#E8F6FF',
-  'Surface/Feedback/Succes': '#348337',
-  'Surface/Feedback/Succes light': '#F3FCE8',
-  'Surface/Feedback/Warning': '#D17308',
-  'Surface/Feedback/Warning light': '#FFF8E3',
-  'Surface/Feedback/Error': '#AD0015',
-  'Surface/Feedback/Error light': '#FFEBEB',
-  'Surface/Feedback/Neutral': '#747474',
-  'Surface/Feedback/Neutral light': '#E9E9E9',
-  'Border/Default': '#D9D9D9',
-  'Border/Strong': '#BFBFBF',
-  'Border/Inverted': '#FFFFFF',
-  'Icon/Default': '#575757',
-  'Icon/Intense': '#1F1F1F',
-  'Icon/Accent': '#FA3737',
-  'Icon/Interactive/Default': '#2D163A',
-  'Icon/Interactive/Secondary': '#5E2A8C',
-  'Icon/Interactive/Accent': '#5E2A8C',
-  'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Icon/Interactive/Disabled': '#BFBFBF',
-  'Icon/Interactive/Placeholder': '#747474',
-  'Icon/Feedback/Information': '#284EA0',
-  'Icon/Feedback/Success': '#348337',
-  'Icon/Feedback/Warning': '#D17308',
-  'Icon/Feedback/Error': '#AD0015',
-  'Icon/Feedback/Neutral': '#57514E',
-  'Icon/Inverted': '#FFFFFF',
-  'Overlay/10': '#1F1C1B1A',
-  'Overlay/20': '#1F1C1B33',
-  'Overlay/30': '#1F1C1B33',
-  'Overlay/40': '#1F1C1B66',
-  'Overlay/60': '#1F1C1B99',
-  'Overlay/80': '#1F1C1BCC',
-  'Overlay/90': '#1F1C1BE6',
-  'Component/Button/Brand/Primary/Fill/Default': '#DCD7FF',
-  'Component/Button/Brand/Primary/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/On fill/Default': '#2D163A',
-  'Component/Button/Brand/Primary/On fill/Hover': '#2D163A',
-  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#2D163A',
-  'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Secondary/On fill/Default': '#2D163A',
-  'Component/Button/Brand/Secondary/On fill/Hover': '#5E2A8C',
-  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
-  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Secondary/Border/Default': '#2D163A',
-  'Component/Button/Brand/Secondary/Border/Hover': '#5E2A8C',
-  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
-  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Default': '#2D163A',
-  'Component/Button/Brand/Tertiary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Inverted/Fill/Default': '#FFFFFF',
-  'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
-  'Component/Button/Inverted/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Inverted/Fill/Hover Inverted': '#DCD7FF',
-  'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
-  'Component/Button/Inverted/On fill/Default': '#2D163A',
-  'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
-  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
-  'Border/Interactive/Default': '#BFBFBF',
-  'Border/Divider/Default': '#D9D9D9',
-  'Border/Divider/Subtle': '#E9E9E9',
-  'Border/Divider/Accent': '#BFBFBF',
-  'Border/Divider/Brand/OnAccent/Default': '#451F61',
-  'Border/Divider/Brand/OnPrimary 1/Default': '#2D163A',
-  'Border/Divider/Brand/OnPrimary 2/Default': '#85FF52',
-  'Border/Divider/Brand/OnPrimary 3/Default': '#451F61',
-  'Border/Interactive/Active': '#262626',
-  'Border/Interactive/Focus': '#262626',
-  'Border/Interactive/Disabled': '#8C8C8C',
-  'Border/Interactive/Error': '#AD0015',
-  'Component/Button/Muted/Fill/Default': '#FFFFFF',
-  'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
-  'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
-  'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
-  'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
-  'Component/Button/Muted/On fill/Default': '#1F1F1F',
-  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Muted/On fill/Hover Inverted': '#5E2A8C',
-  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Muted/Border/Default': '#FFFFFF00',
-  'Component/Button/Muted/Border/Hover': '#FFFFFF00',
-  'Component/Button/Muted/Border/Disable': '#FFFFFF00',
+  "Scandic Go/Beige/00": "#FFFEFA",
+  "Scandic Go/Beige/0": "#FAF8F2",
+  "Scandic Go/Beige/10": "#F0EDE4",
+  "Scandic Go/Beige/20": "#E0DCCE",
+  "Scandic Go/Beige/30": "#C8C4B6",
+  "Scandic Go/Beige/40": "#B0ACA0",
+  "Scandic Go/Beige/50": "#918F83",
+  "Scandic Go/Beige/60": "#78766D",
+  "Scandic Go/Beige/70": "#63615A",
+  "Scandic Go/Beige/80": "#4F4D49",
+  "Scandic Go/Beige/90": "#373633",
+  "Scandic Go/Beige/100": "#1F1E1D",
+  "Scandic Go/Purple/00": "#F4F2FF",
+  "Scandic Go/Purple/10": "#DCD7FF",
+  "Scandic Go/Purple/20": "#CABFFC",
+  "Scandic Go/Purple/30": "#BAA7F7",
+  "Scandic Go/Purple/40": "#AB8EF0",
+  "Scandic Go/Purple/50": "#9C75E6",
+  "Scandic Go/Purple/60": "#8C5BD5",
+  "Scandic Go/Purple/70": "#733CB2",
+  "Scandic Go/Purple/80": "#5E2A8C",
+  "Scandic Go/Purple/90": "#451F61",
+  "Scandic Go/Purple/100": "#2D163A",
+  "Scandic Go/Yellow/00": "#FDFFE8",
+  "Scandic Go/Yellow/10": "#FAFFC4",
+  "Scandic Go/Yellow/20": "#F8FF9C",
+  "Scandic Go/Yellow/30": "#F5FF73",
+  "Scandic Go/Yellow/40": "#EDEA39",
+  "Scandic Go/Yellow/50": "#DEC614",
+  "Scandic Go/Yellow/60": "#BA8D07",
+  "Scandic Go/Yellow/70": "#966400",
+  "Scandic Go/Yellow/80": "#754403",
+  "Scandic Go/Yellow/90": "#572701",
+  "Scandic Go/Yellow/100": "#3B1300",
+  "Scandic Go/Green/00": "#EDFFE5",
+  "Scandic Go/Green/10": "#CDFFB8",
+  "Scandic Go/Green/20": "#A7FF82",
+  "Scandic Go/Green/30": "#85FF52",
+  "Scandic Go/Green/40": "#66E03A",
+  "Scandic Go/Green/50": "#45B222",
+  "Scandic Go/Green/60": "#2E7F18",
+  "Scandic Go/Green/70": "#2A601E",
+  "Scandic Go/Green/80": "#26461F",
+  "Scandic Go/Green/90": "#21331F",
+  "Scandic Go/Green/100": "#162115",
+  "Scandic Go/Cyan/20": "#73FCEE",
+  "Scandic Go/Cyan/70": "#087B86",
+  "Scandic Go/Coral/50": "#FA3737",
+  "Scandic Go/Powder Rose/50": "#ECC8C9",
+  "Scandic Go/Powder Rose/90": "#C27183",
+  "Title/lg/Letter spacing": 0.48,
+  "Title/lg/Font fallback": "sans-serif",
+  "Title/lg/Text-Transform": "none",
+  "Title/md/Letter spacing": 0.36,
+  "Title/md/Font fallback": "sans-serif",
+  "Title/sm/Letter spacing": 0.42,
+  "Title/sm/Font fallback": "sans-serif",
+  "Title/sm/Text-Transform": "none",
+  "Title/Decorative/lg/Letter spacing": 0.32,
+  "Title/Decorative/lg/Font fallback": "Serif",
+  "Title/Decorative/lg/Text-Transform": "none",
+  "Title/Decorative/md/Letter spacing": 0.48,
+  "Title/Decorative/md/Font fallback": "Serif",
+  "Title/Decorative/md/Text-Transform": "none",
+  "Title/Subtitle/lg/Font fallback": "sans-serif",
+  "Title/Subtitle/lg/Letter spacing": 0.24,
+  "Title/Subtitle/md/Font fallback": "sans-serif",
+  "Title/Subtitle/md/Letter spacing": 0.2,
+  "Title/Overline/sm/Letter spacing": 0.21,
+  "Title/Overline/sm/Font fallback": "sans-serif",
+  "Title/Overline/sm/Text-Transform": "none",
+  "Title/sm/LowCase/Letter spacing": 0.42,
+  "Title/sm/LowCase/Font fallback": "sans-serif",
+  "Title/sm/LowCase/Text-Transform": "none",
+  "Title/xs/Letter spacing": 0.36,
+  "Title/xs/Font fallback": "sans-serif",
+  "Title/xs/Text-Transform": "none",
+  "Title/md/Text-Transform": "none",
+  "Title/md/LowCase/Letter spacing": 0.36,
+  "Title/md/LowCase/Font fallback": "sans-serif",
+  "Title/md/LowCase/Text-Transform": "none",
+  "Tag/Letter spacing": 0.24,
+  "Tag/Font fallback": "sans-serif",
+  "Tag/Text-Transform": "none",
+  "Link/md/Font fallback": "sans-serif",
+  "Link/md/Letter spacing": 0.19,
+  "Link/md/Text-Decoration": "underline",
+  "Link/sm/Font fallback": "sans-serif",
+  "Link/sm/Letter spacing": 0.2,
+  "Link/sm/Text-Decoration": "underline",
+  "Body/Lead text/Font fallback": "sans-serif",
+  "Body/Paragraph/Font fallback": "sans-serif",
+  "Body/Paragraph/Letter spacing": 0.19,
+  "Body/Supporting text/Font fallback": "sans-serif",
+  "Body/Supporting text/Letter spacing": 0.2,
+  "Body/Lead text/Letter spacing": 0.2,
+  "Label/Font fallback": "sans-serif",
+  "Label/Letter spacing": 0.17,
+  "Body/Underline/md/Font fallback": "sans-serif",
+  "Body/Underline/md/Letter spacing": 0.19,
+  "Body/Underline/md/Text-Decoration": "underline",
+  "Body/Underline/sm/Font fallback": "sans-serif",
+  "Body/Underline/sm/Letter spacing": 0.2,
+  "Body/Underline/sm/Text-Decoration": "underline",
+  "Utilities/Gradients/10": "#2D163A1A",
+  "Font family/Scandic Go/Title": "Neue Haas Grotesk Display Pro",
+  "Font family/Scandic Go/Body": "Fira sans",
+  "Font family/Scandic Go/Decorative": "ITC Garamond Std",
+  "Title/lg/Font weight": 500,
+  "Title/lg/Font family": "Neue Haas Grotesk Display Pro",
+  "Title/md/Font weight": 500,
+  "Title/md/Font family": "Neue Haas Grotesk Display Pro",
+  "Title/sm/Font weight": 500,
+  "Title/sm/Font family": "Neue Haas Grotesk Display Pro",
+  "Title/sm/LowCase/Font weight": 500,
+  "Title/sm/LowCase/Font family": "Neue Haas Grotesk Display Pro",
+  "Title/Decorative/lg/Font weight": 500,
+  "Title/Decorative/lg/Font family": "ITC Garamond Std",
+  "Title/Decorative/md/Font weight": 500,
+  "Title/Decorative/md/Font family": "ITC Garamond Std",
+  "Title/Subtitle/lg/Font weight": 500,
+  "Title/Subtitle/lg/Font family": "Fira sans",
+  "Title/Subtitle/md/Font weight": 500,
+  "Title/Subtitle/md/Font family": "Fira sans",
+  "Title/Overline/sm/Font weight": 500,
+  "Title/Overline/sm/Font family": "Neue Haas Grotesk Display Pro",
+  "Title/xs/Font weight": 500,
+  "Title/xs/Font family": "Neue Haas Grotesk Display Pro",
+  "Title/md/LowCase/Font weight": 500,
+  "Title/md/LowCase/Font family": "Brandon Text",
+  "Tag/Font weight": 500,
+  "Tag/Font family": "Neue Haas Grotesk Display Pro",
+  "Link/md/Font weight": 500,
+  "Link/md/Font family": "Fira sans",
+  "Link/sm/Font weight": 500,
+  "Link/sm/Font family": "Fira sans",
+  "Body/Lead text/Font weight": 400,
+  "Body/Lead text/Font family": "Fira sans",
+  "Body/Paragraph/Font weight": 400,
+  "Body/Paragraph/Font weight 2": 500,
+  "Body/Paragraph/Font family": "Fira sans",
+  "Body/Supporting text/Font weight": 400,
+  "Body/Supporting text/Font weight 2": 500,
+  "Body/Supporting text/Font family": "Fira sans",
+  "Label/Font weight": 400,
+  "Label/Font weight 2": 500,
+  "Label/Font family": "Fira sans",
+  "Body/Underline/md/Font weight": 400,
+  "Body/Underline/md/Font family": "Fira sans",
+  "Body/Underline/sm/Font weight": 400,
+  "Body/Underline/sm/Font family": "Fira sans",
+  "Text/Heading": "#2D163A",
+  "Text/Default": "#1F1F1F",
+  "Text/Secondary": "#575757",
+  "Text/Tertiary": "#747474",
+  "Text/Accent Primary": "#2D163A",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#2D163A",
+  "Text/Interactive/Hover": "#5E2A8C",
+  "Text/Interactive/Secondary": "#5E2A8C",
+  "Text/Interactive/Secondary Hover": "#2D163A",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#8C8C8C",
+  "Text/Interactive/Focus": "#262626",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#747474",
+  "Text/Brand/OnAccent/Heading": "#2D163A",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#747474",
+  "Text/Brand/OnAccent/Default": "#2D163A",
+  "Text/Brand/OnAccent/Accent": "#2D163A",
+  "Text/Brand/OnAccent/Accent Secondary": "#5E2A8C",
+  "Text/Brand/OnPrimary 1/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 1/Hover": "#FFFFFFB3",
+  "Text/Brand/OnPrimary 1/Accent": "#DCD7FF",
+  "Text/Brand/OnPrimary 2/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Accent": "#DCD7FF",
+  "Text/Brand/OnPrimary 3/Heading": "#2D163A",
+  "Text/Brand/OnPrimary 3/Default": "#2D163A",
+  "Text/Brand/OnPrimary 3/Accent": "#2D163A",
+  "Background/Primary": "#FFFEFA",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#DCD7FF",
+  "Surface/Primary/OnSurface/Default": "#FAF8F2",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#F0EDE4",
+  "Surface/Secondary/Subtle": "#E0DCCE",
+  "Surface/Secondary/Hover": "#1F1C1B0D",
+  "Surface/Brand/Accent/Default": "#F5FF73",
+  "Surface/Brand/Accent/OnAccent/Default": "#2D163A",
+  "Surface/Brand/Accent/OnAccent/Accent": "#451F61",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#451F61",
+  "Surface/Brand/Primary 1/Default": "#2D163A",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#F5FF73",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#FA3737",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#2D163A",
+  "Surface/Brand/Primary 2/Default": "#21331F",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#85FF52",
+  "Surface/Brand/Primary 3/Default": "#DCD7FF",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#FA3737",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#FA3737",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#262626",
+  "Surface/UI Fill/Active": "#262626",
+  "Surface/UI Fill/Active Hover": "#1F1C1B1A",
+  "Surface/UI Fill/Disabled": "#E9E9E9",
+  "Surface/Accent/1": "#FA3737",
+  "Surface/Accent/2": "#087B86",
+  "Surface/Accent/3": "#2A601E",
+  "Surface/Accent/4": "#733CB2",
+  "Surface/Accent/5": "#C27183",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#747474",
+  "Surface/Feedback/Neutral light": "#E9E9E9",
+  "Border/Default": "#D9D9D9",
+  "Border/Strong": "#BFBFBF",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#575757",
+  "Icon/Intense": "#1F1F1F",
+  "Icon/Accent": "#FA3737",
+  "Icon/Interactive/Default": "#2D163A",
+  "Icon/Interactive/Secondary": "#5E2A8C",
+  "Icon/Interactive/Accent": "#5E2A8C",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#BFBFBF",
+  "Icon/Interactive/Placeholder": "#747474",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#57514E",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B33",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#DCD7FF",
+  "Component/Button/Brand/Primary/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#2D163A",
+  "Component/Button/Brand/Primary/On fill/Hover": "#2D163A",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#2D163A",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#2D163A",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#5E2A8C",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Secondary/Border/Default": "#2D163A",
+  "Component/Button/Brand/Secondary/Border/Hover": "#5E2A8C",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#2D163A",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#DCD7FF",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF00",
+  "Component/Button/Inverted/On fill/Default": "#2D163A",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+  "Border/Interactive/Default": "#BFBFBF",
+  "Border/Divider/Default": "#D9D9D9",
+  "Border/Divider/Subtle": "#E9E9E9",
+  "Border/Divider/Accent": "#BFBFBF",
+  "Border/Divider/Brand/OnAccent/Default": "#451F61",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#2D163A",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#85FF52",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#451F61",
+  "Border/Interactive/Active": "#262626",
+  "Border/Interactive/Focus": "#262626",
+  "Border/Interactive/Disabled": "#8C8C8C",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF0D",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#5E2A8C",
+  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Muted/Border/Default": "#FFFFFF00",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF00",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF00",
 }
diff --git a/packages/design-system/lib/styles/scandic.css b/packages/design-system/lib/styles/scandic.css
index b6e9cb5a0..840e46b6e 100644
--- a/packages/design-system/lib/styles/scandic.css
+++ b/packages/design-system/lib/styles/scandic.css
@@ -13,9 +13,9 @@
   --Body-Underline-sm-Font-fallback: sans-serif;
   --Body-Underline-sm-Letter-spacing: 0.2px;
   --Body-Underline-sm-Text-Decoration: underline;
-  --Font-family-Scandic-Body: 'Fira sans';
-  --Font-family-Scandic-Decorative: 'Biro Script Plus';
-  --Font-family-Scandic-Title: 'Brandon Text';
+  --Font-family-Scandic-Body: "Fira sans";
+  --Font-family-Scandic-Decorative: "Biro Script Plus";
+  --Font-family-Scandic-Title: "Brandon Text";
   --Label-Font-fallback: sans-serif;
   --Label-Letter-spacing: 0.17px;
   --Link-md-Font-fallback: sans-serif;
diff --git a/packages/design-system/lib/styles/scandic.js b/packages/design-system/lib/styles/scandic.js
index b681b383e..149cd8868 100644
--- a/packages/design-system/lib/styles/scandic.js
+++ b/packages/design-system/lib/styles/scandic.js
@@ -1,354 +1,354 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Scandic/Grey/00': '#F9F6F4',
-  'Scandic/Grey/10': '#EBE8E6',
-  'Scandic/Grey/20': '#D6D2D0',
-  'Scandic/Grey/30': '#C2BDBA',
-  'Scandic/Grey/40': '#A8A4A2',
-  'Scandic/Grey/50': '#8C8987',
-  'Scandic/Grey/60': '#787472',
-  'Scandic/Grey/70': '#635F5D',
-  'Scandic/Grey/80': '#57514E',
-  'Scandic/Grey/90': '#403937',
-  'Scandic/Grey/100': '#26201E',
-  'Scandic/Red/00': '#FFEBEB',
-  'Scandic/Red/10': '#F7C1C2',
-  'Scandic/Red/20': '#F79499',
-  'Scandic/Red/30': '#F26B74',
-  'Scandic/Red/40': '#ED4251',
-  'Scandic/Red/50': '#E32034',
-  'Scandic/Red/Default': '#CD0921',
-  'Scandic/Red/70': '#AD0015',
-  'Scandic/Red/80': '#8D0011',
-  'Scandic/Red/90': '#6D000D',
-  'Scandic/Red/100': '#4D001B',
-  'Scandic/Peach/00': '#FFF3ED',
-  'Scandic/Peach/10': '#F7E1D5',
-  'Scandic/Peach/20': '#F4D5C8',
-  'Scandic/Peach/30': '#F0C1B6',
-  'Scandic/Peach/40': '#E9ABA3',
-  'Scandic/Peach/50': '#DE9490',
-  'Scandic/Peach/60': '#CD797C',
-  'Scandic/Peach/70': '#B05B65',
-  'Scandic/Peach/80': '#8F4350',
-  'Scandic/Peach/90': '#642636',
-  'Scandic/Peach/100': '#4D0F25',
-  'Scandic/Beige/00': '#FAF6F2',
-  'Scandic/Beige/10': '#F2ECE6',
-  'Scandic/Beige/20': '#E3D9D1',
-  'Scandic/Beige/30': '#D1C4BA',
-  'Scandic/Beige/40': '#B8A79A',
-  'Scandic/Beige/50': '#9C8A7E',
-  'Scandic/Beige/60': '#806E63',
-  'Scandic/Beige/70': '#6B584D',
-  'Scandic/Beige/80': '#533F35',
-  'Scandic/Beige/90': '#3E2B23',
-  'Scandic/Beige/100': '#291710',
-  'Scandic/Green/00': '#F3FCE8',
-  'Scandic/Green/10': '#E1F3CA',
-  'Scandic/Green/20': '#D2EDAF',
-  'Scandic/Green/30': '#ACDB8A',
-  'Scandic/Green/40': '#7CB865',
-  'Scandic/Green/50': '#539E49',
-  'Scandic/Green/60': '#348337',
-  'Scandic/Green/70': '#256931',
-  'Scandic/Green/80': '#164E29',
-  'Scandic/Green/90': '#093021',
-  'Scandic/Green/100': '#091F16',
-  'Scandic/Blue/00': '#E8F6FF',
-  'Scandic/Blue/10': '#CFEBFF',
-  'Scandic/Blue/20': '#B5E0FF',
-  'Scandic/Blue/30': '#93C9F5',
-  'Scandic/Blue/40': '#79AEE7',
-  'Scandic/Blue/50': '#5B8FD4',
-  'Scandic/Blue/60': '#3F6DBD',
-  'Scandic/Blue/70': '#284EA0',
-  'Scandic/Blue/80': '#18347F',
-  'Scandic/Blue/90': '#0D1F5F',
-  'Scandic/Blue/100': '#0D1440',
-  'Scandic/Yellow/00': '#FFF8E3',
-  'Scandic/Yellow/10': '#FFF0C2',
-  'Scandic/Yellow/20': '#FADE89',
-  'Scandic/Yellow/30': '#F7CE52',
-  'Scandic/Yellow/40': '#EDB532',
-  'Scandic/Yellow/50': '#E59515',
-  'Scandic/Yellow/60': '#D17308',
-  'Scandic/Yellow/70': '#A85211',
-  'Scandic/Yellow/80': '#7D370F',
-  'Scandic/Yellow/90': '#4F2313',
-  'Scandic/Yellow/100': '#301508',
-  'Title/lg/Letter spacing': 0.12,
-  'Title/lg/Font fallback': 'sans-serif',
-  'Title/lg/Text-Transform': 'uppercase',
-  'Title/md/Letter spacing': 0.09,
-  'Title/md/Font fallback': 'sans-serif',
-  'Title/sm/Letter spacing': 0.07,
-  'Title/sm/Font fallback': 'sans-serif',
-  'Title/sm/Text-Transform': 'uppercase',
-  'Title/Decorative/lg/Letter spacing': 0.64,
-  'Title/Decorative/lg/Font fallback': 'sans-serif',
-  'Title/Decorative/lg/Text-Transform': 'none',
-  'Title/Decorative/md/Letter spacing': 0.48,
-  'Title/Decorative/md/Font fallback': 'sans-serif',
-  'Title/Decorative/md/Text-Transform': 'none',
-  'Title/Subtitle/lg/Font fallback': 'sans-serif',
-  'Title/Subtitle/lg/Letter spacing': 0.24,
-  'Title/Subtitle/md/Font fallback': 'sans-serif',
-  'Title/Subtitle/md/Letter spacing': 0.2,
-  'Title/Overline/sm/Letter spacing': 0.64,
-  'Title/Overline/sm/Font fallback': 'sans-serif',
-  'Title/Overline/sm/Text-Transform': 'uppercase',
-  'Title/sm/LowCase/Letter spacing': 0.07,
-  'Title/sm/LowCase/Font fallback': 'sans-serif',
-  'Title/sm/LowCase/Text-Transform': 'none',
-  'Title/xs/Letter spacing': 0.06,
-  'Title/xs/Font fallback': 'sans-serif',
-  'Title/xs/Text-Transform': 'uppercase',
-  'Title/md/Text-Transform': 'uppercase',
-  'Title/md/LowCase/Letter spacing': 0.09,
-  'Title/md/LowCase/Font fallback': 'sans-serif',
-  'Title/md/LowCase/Text-Transform': 'none',
-  'Tag/Letter spacing': 0.2,
-  'Tag/Font fallback': 'sans-serif',
-  'Tag/Text-Transform': 'uppercase',
-  'Link/md/Font fallback': 'sans-serif',
-  'Link/md/Letter spacing': 0.19,
-  'Link/md/Text-Decoration': 'underline',
-  'Link/sm/Font fallback': 'sans-serif',
-  'Link/sm/Letter spacing': 0.2,
-  'Link/sm/Text-Decoration': 'underline',
-  'Body/Lead text/Font fallback': 'sans-serif',
-  'Body/Paragraph/Font fallback': 'sans-serif',
-  'Body/Paragraph/Letter spacing': 0.19,
-  'Body/Supporting text/Font fallback': 'sans-serif',
-  'Body/Supporting text/Letter spacing': 0.2,
-  'Body/Lead text/Letter spacing': 0.2,
-  'Label/Font fallback': 'sans-serif',
-  'Label/Letter spacing': 0.17,
-  'Body/Underline/md/Font fallback': 'sans-serif',
-  'Body/Underline/md/Letter spacing': 0.19,
-  'Body/Underline/md/Text-Decoration': 'underline',
-  'Body/Underline/sm/Font fallback': 'sans-serif',
-  'Body/Underline/sm/Letter spacing': 0.2,
-  'Body/Underline/sm/Text-Decoration': 'underline',
-  'Utilities/Gradients/10': '#F2ECE61A',
-  'Font family/Scandic/Title': 'Brandon Text',
-  'Font family/Scandic/Body': 'Fira sans',
-  'Font family/Scandic/Decorative': 'Biro Script Plus',
-  'Title/lg/Font weight': 900,
-  'Title/lg/Font family': 'Brandon Text',
-  'Title/md/Font weight': 900,
-  'Title/md/Font family': 'Brandon Text',
-  'Title/sm/Font weight': 900,
-  'Title/sm/Font family': 'Brandon Text',
-  'Title/sm/LowCase/Font weight': 450,
-  'Title/sm/LowCase/Font family': 'Brandon Text',
-  'Title/Decorative/lg/Font weight': 400,
-  'Title/Decorative/lg/Font family': 'Biro Script Plus',
-  'Title/Decorative/md/Font weight': 400,
-  'Title/Decorative/md/Font family': 'Biro Script Plus',
-  'Title/Subtitle/lg/Font weight': 500,
-  'Title/Subtitle/lg/Font family': 'Fira sans',
-  'Title/Subtitle/md/Font weight': 500,
-  'Title/Subtitle/md/Font family': 'Fira sans',
-  'Title/Overline/sm/Font weight': 450,
-  'Title/Overline/sm/Font family': 'Brandon Text',
-  'Title/xs/Font weight': 900,
-  'Title/xs/Font family': 'Brandon Text',
-  'Title/md/LowCase/Font weight': 450,
-  'Title/md/LowCase/Font family': 'Brandon Text',
-  'Tag/Font weight': 450,
-  'Tag/Font family': 'Brandon Text',
-  'Link/md/Font weight': 500,
-  'Link/md/Font family': 'Fira sans',
-  'Link/sm/Font weight': 500,
-  'Link/sm/Font family': 'Fira sans',
-  'Body/Lead text/Font weight': 400,
-  'Body/Lead text/Font family': 'Fira sans',
-  'Body/Paragraph/Font weight': 400,
-  'Body/Paragraph/Font weight 2': 500,
-  'Body/Paragraph/Font family': 'Fira sans',
-  'Body/Supporting text/Font weight': 400,
-  'Body/Supporting text/Font weight 2': 500,
-  'Body/Supporting text/Font family': 'Fira sans',
-  'Label/Font weight': 400,
-  'Label/Font weight 2': 500,
-  'Label/Font family': 'Fira sans',
-  'Body/Underline/md/Font weight': 400,
-  'Body/Underline/md/Font family': 'Fira sans',
-  'Body/Underline/sm/Font weight': 400,
-  'Body/Underline/sm/Font family': 'Fira sans',
-  'Text/Heading': '#4D001B',
-  'Text/Default': '#26201E',
-  'Text/Secondary': '#57514E',
-  'Text/Tertiary': '#787472',
-  'Text/Accent Primary': '#CD0921',
-  'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#4D001B',
-  'Text/Interactive/Hover': '#8F4350',
-  'Text/Interactive/Secondary': '#8F4350',
-  'Text/Interactive/Secondary Hover': '#4D001B',
-  'Text/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Text/Interactive/Disabled': '#A8A4A2',
-  'Text/Interactive/Focus': '#57514E',
-  'Text/Interactive/Error': '#AD0015',
-  'Text/Interactive/Placeholder': '#787472',
-  'Text/Brand/OnAccent/Heading': '#4D001B',
-  'Text/Feedback/Information': '#284EA0',
-  'Text/Feedback/Succes': '#348337',
-  'Text/Feedback/Warning': '#D17308',
-  'Text/Feedback/Error': '#AD0015',
-  'Text/Feedback/Neutral': '#787472',
-  'Text/Brand/OnAccent/Default': '#26201E',
-  'Text/Brand/OnAccent/Accent': '#8F4350',
-  'Text/Brand/OnAccent/Accent Secondary': '#8F4350',
-  'Text/Brand/OnPrimary 1/Heading': '#4D001B',
-  'Text/Brand/OnPrimary 1/Default': '#26201E',
-  'Text/Brand/OnPrimary 1/Hover': '#403937',
-  'Text/Brand/OnPrimary 1/Accent': '#CD0921',
-  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Accent': '#F7E1D5',
-  'Text/Brand/OnPrimary 3/Heading': '#F7E1D5',
-  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Accent': '#DE9490',
-  'Background/Primary': '#FAF6F2',
-  'Background/Secondary': '#FFFFFF',
-  'Surface/Primary/Default': '#FFFFFF',
-  'Surface/Primary/Hover': '#1F1C1B0D',
-  'Surface/Primary/Hover Light': '#1F1C1B1A',
-  'Surface/Primary/Hover Accent': '#F7E1D5',
-  'Surface/Primary/OnSurface/Default': '#F9F6F4',
-  'Surface/Primary/Disabled': '#1F1C1B1A',
-  'Surface/Secondary/Default': '#F2ECE6',
-  'Surface/Secondary/Subtle': '#E3D9D1',
-  'Surface/Secondary/Hover': '#1F1C1B1A',
-  'Surface/Brand/Accent/Default': '#F0C1B6',
-  'Surface/Brand/Accent/OnAccent/Default': '#4D001B',
-  'Surface/Brand/Accent/OnAccent/Accent': '#CD0921',
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': '#8F4350',
-  'Surface/Brand/Primary 1/Default': '#F7E1D5',
-  'Surface/Brand/Primary 1/OnSurface/Default': '#4D001B',
-  'Surface/Brand/Primary 1/OnSurface/Accent': '#CD0921',
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#8F4350',
-  'Surface/Brand/Primary 2/Default': '#CD0921',
-  'Surface/Brand/Primary 2/OnSurface/Default': '#4D001B',
-  'Surface/Brand/Primary 2/OnSurface/Accent': '#F7E1D5',
-  'Surface/Brand/Primary 3/Default': '#4D001B',
-  'Surface/Brand/Primary 3/OnSurface/Default': '#F7E1D5',
-  'Surface/Brand/Primary 3/OnSurface/Accent': '#CD0921',
-  'Surface/UI Fill/Default': '#FFFFFF',
-  'Surface/UI Fill/Intense': '#26201E',
-  'Surface/UI Fill/Active': '#4D0F25',
-  'Surface/UI Fill/Active Hover': '#FFFFFF1A',
-  'Surface/UI Fill/Disabled': '#1F1C1B1A',
-  'Surface/Accent/1': '#8D0011',
-  'Surface/Accent/2': '#3F6DBD',
-  'Surface/Accent/3': '#256931',
-  'Surface/Accent/4': '#E59515',
-  'Surface/Accent/5': '#18347F',
-  'Surface/Feedback/Information': '#284EA0',
-  'Surface/Feedback/Information light': '#E8F6FF',
-  'Surface/Feedback/Succes': '#348337',
-  'Surface/Feedback/Succes light': '#F3FCE8',
-  'Surface/Feedback/Warning': '#D17308',
-  'Surface/Feedback/Warning light': '#FFF8E3',
-  'Surface/Feedback/Error': '#AD0015',
-  'Surface/Feedback/Error light': '#FFEBEB',
-  'Surface/Feedback/Neutral': '#787472',
-  'Surface/Feedback/Neutral light': '#EBE8E6',
-  'Border/Default': '#E3D9D1',
-  'Border/Strong': '#B8A79A',
-  'Border/Inverted': '#FFFFFF',
-  'Icon/Default': '#57514E',
-  'Icon/Intense': '#26201E',
-  'Icon/Accent': '#B05B65',
-  'Icon/Interactive/Default': '#4D001B',
-  'Icon/Interactive/Secondary': '#8F4350',
-  'Icon/Interactive/Accent': '#CD0921',
-  'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Icon/Interactive/Disabled': '#A8A4A2',
-  'Icon/Interactive/Placeholder': '#787472',
-  'Icon/Feedback/Information': '#284EA0',
-  'Icon/Feedback/Success': '#348337',
-  'Icon/Feedback/Warning': '#D17308',
-  'Icon/Feedback/Error': '#AD0015',
-  'Icon/Feedback/Neutral': '#57514E',
-  'Icon/Inverted': '#FFFFFF',
-  'Overlay/10': '#1F1C1B1A',
-  'Overlay/20': '#1F1C1B33',
-  'Overlay/30': '#1F1C1B4D',
-  'Overlay/40': '#1F1C1B66',
-  'Overlay/60': '#1F1C1B99',
-  'Overlay/80': '#1F1C1BCC',
-  'Overlay/90': '#1F1C1BE6',
-  'Component/Button/Brand/Primary/Fill/Default': '#CD0921',
-  'Component/Button/Brand/Primary/Fill/Hover': '#1F1C1B33',
-  'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Disabled': '#A8A4A2',
-  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#4D001B',
-  'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Secondary/On fill/Default': '#4D001B',
-  'Component/Button/Brand/Secondary/On fill/Hover': '#8F4350',
-  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
-  'Component/Button/Brand/Secondary/On fill/Disabled': '#A8A4A2',
-  'Component/Button/Brand/Secondary/Border/Default': '#4D001B',
-  'Component/Button/Brand/Secondary/Border/Hover': '#8F4350',
-  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
-  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Default': '#4D001B',
-  'Component/Button/Brand/Tertiary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Tertiary/On fill/Disabled': '#A8A4A2',
-  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Inverted/Fill/Default': '#FFFFFF',
-  'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
-  'Component/Button/Inverted/Fill/Hover': '#1F1C1B0D',
-  'Component/Button/Inverted/Fill/Hover Inverted': '#4D001B',
-  'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
-  'Component/Button/Inverted/On fill/Default': '#4D001B',
-  'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
-  'Component/Button/Inverted/On fill/Disabled': '#A8A4A2',
-  'Border/Interactive/Default': '#9C8A7E',
-  'Border/Divider/Default': '#E3D9D1',
-  'Border/Divider/Subtle': '#F2ECE6',
-  'Border/Divider/Accent': '#F0C1B6',
-  'Border/Divider/Brand/OnAccent/Default': '#8F4350',
-  'Border/Divider/Brand/OnPrimary 1/Default': '#E9ABA3',
-  'Border/Divider/Brand/OnPrimary 2/Default': '#AD0015',
-  'Border/Divider/Brand/OnPrimary 3/Default': '#8F4350',
-  'Border/Interactive/Active': '#6B584D',
-  'Border/Interactive/Focus': '#26201E',
-  'Border/Interactive/Disabled': '#A8A4A2',
-  'Border/Interactive/Error': '#AD0015',
-  'Component/Button/Muted/Fill/Default': '#FFFFFF00',
-  'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
-  'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
-  'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
-  'Component/Button/Muted/Fill/Disabled inverted': '#1F1C1B1A',
-  'Component/Button/Muted/On fill/Default': '#26201E',
-  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Muted/On fill/Hover Inverted': '#6D000D',
-  'Component/Button/Muted/On fill/Disabled': '#A8A4A2',
-  'Component/Button/Muted/Border/Default': '#FFFFFF00',
-  'Component/Button/Muted/Border/Hover': '#FFFFFF00',
-  'Component/Button/Muted/Border/Disable': '#FFFFFF00',
+  "Scandic/Grey/00": "#F9F6F4",
+  "Scandic/Grey/10": "#EBE8E6",
+  "Scandic/Grey/20": "#D6D2D0",
+  "Scandic/Grey/30": "#C2BDBA",
+  "Scandic/Grey/40": "#A8A4A2",
+  "Scandic/Grey/50": "#8C8987",
+  "Scandic/Grey/60": "#787472",
+  "Scandic/Grey/70": "#635F5D",
+  "Scandic/Grey/80": "#57514E",
+  "Scandic/Grey/90": "#403937",
+  "Scandic/Grey/100": "#26201E",
+  "Scandic/Red/00": "#FFEBEB",
+  "Scandic/Red/10": "#F7C1C2",
+  "Scandic/Red/20": "#F79499",
+  "Scandic/Red/30": "#F26B74",
+  "Scandic/Red/40": "#ED4251",
+  "Scandic/Red/50": "#E32034",
+  "Scandic/Red/Default": "#CD0921",
+  "Scandic/Red/70": "#AD0015",
+  "Scandic/Red/80": "#8D0011",
+  "Scandic/Red/90": "#6D000D",
+  "Scandic/Red/100": "#4D001B",
+  "Scandic/Peach/00": "#FFF3ED",
+  "Scandic/Peach/10": "#F7E1D5",
+  "Scandic/Peach/20": "#F4D5C8",
+  "Scandic/Peach/30": "#F0C1B6",
+  "Scandic/Peach/40": "#E9ABA3",
+  "Scandic/Peach/50": "#DE9490",
+  "Scandic/Peach/60": "#CD797C",
+  "Scandic/Peach/70": "#B05B65",
+  "Scandic/Peach/80": "#8F4350",
+  "Scandic/Peach/90": "#642636",
+  "Scandic/Peach/100": "#4D0F25",
+  "Scandic/Beige/00": "#FAF6F2",
+  "Scandic/Beige/10": "#F2ECE6",
+  "Scandic/Beige/20": "#E3D9D1",
+  "Scandic/Beige/30": "#D1C4BA",
+  "Scandic/Beige/40": "#B8A79A",
+  "Scandic/Beige/50": "#9C8A7E",
+  "Scandic/Beige/60": "#806E63",
+  "Scandic/Beige/70": "#6B584D",
+  "Scandic/Beige/80": "#533F35",
+  "Scandic/Beige/90": "#3E2B23",
+  "Scandic/Beige/100": "#291710",
+  "Scandic/Green/00": "#F3FCE8",
+  "Scandic/Green/10": "#E1F3CA",
+  "Scandic/Green/20": "#D2EDAF",
+  "Scandic/Green/30": "#ACDB8A",
+  "Scandic/Green/40": "#7CB865",
+  "Scandic/Green/50": "#539E49",
+  "Scandic/Green/60": "#348337",
+  "Scandic/Green/70": "#256931",
+  "Scandic/Green/80": "#164E29",
+  "Scandic/Green/90": "#093021",
+  "Scandic/Green/100": "#091F16",
+  "Scandic/Blue/00": "#E8F6FF",
+  "Scandic/Blue/10": "#CFEBFF",
+  "Scandic/Blue/20": "#B5E0FF",
+  "Scandic/Blue/30": "#93C9F5",
+  "Scandic/Blue/40": "#79AEE7",
+  "Scandic/Blue/50": "#5B8FD4",
+  "Scandic/Blue/60": "#3F6DBD",
+  "Scandic/Blue/70": "#284EA0",
+  "Scandic/Blue/80": "#18347F",
+  "Scandic/Blue/90": "#0D1F5F",
+  "Scandic/Blue/100": "#0D1440",
+  "Scandic/Yellow/00": "#FFF8E3",
+  "Scandic/Yellow/10": "#FFF0C2",
+  "Scandic/Yellow/20": "#FADE89",
+  "Scandic/Yellow/30": "#F7CE52",
+  "Scandic/Yellow/40": "#EDB532",
+  "Scandic/Yellow/50": "#E59515",
+  "Scandic/Yellow/60": "#D17308",
+  "Scandic/Yellow/70": "#A85211",
+  "Scandic/Yellow/80": "#7D370F",
+  "Scandic/Yellow/90": "#4F2313",
+  "Scandic/Yellow/100": "#301508",
+  "Title/lg/Letter spacing": 0.12,
+  "Title/lg/Font fallback": "sans-serif",
+  "Title/lg/Text-Transform": "uppercase",
+  "Title/md/Letter spacing": 0.09,
+  "Title/md/Font fallback": "sans-serif",
+  "Title/sm/Letter spacing": 0.07,
+  "Title/sm/Font fallback": "sans-serif",
+  "Title/sm/Text-Transform": "uppercase",
+  "Title/Decorative/lg/Letter spacing": 0.64,
+  "Title/Decorative/lg/Font fallback": "sans-serif",
+  "Title/Decorative/lg/Text-Transform": "none",
+  "Title/Decorative/md/Letter spacing": 0.48,
+  "Title/Decorative/md/Font fallback": "sans-serif",
+  "Title/Decorative/md/Text-Transform": "none",
+  "Title/Subtitle/lg/Font fallback": "sans-serif",
+  "Title/Subtitle/lg/Letter spacing": 0.24,
+  "Title/Subtitle/md/Font fallback": "sans-serif",
+  "Title/Subtitle/md/Letter spacing": 0.2,
+  "Title/Overline/sm/Letter spacing": 0.64,
+  "Title/Overline/sm/Font fallback": "sans-serif",
+  "Title/Overline/sm/Text-Transform": "uppercase",
+  "Title/sm/LowCase/Letter spacing": 0.07,
+  "Title/sm/LowCase/Font fallback": "sans-serif",
+  "Title/sm/LowCase/Text-Transform": "none",
+  "Title/xs/Letter spacing": 0.06,
+  "Title/xs/Font fallback": "sans-serif",
+  "Title/xs/Text-Transform": "uppercase",
+  "Title/md/Text-Transform": "uppercase",
+  "Title/md/LowCase/Letter spacing": 0.09,
+  "Title/md/LowCase/Font fallback": "sans-serif",
+  "Title/md/LowCase/Text-Transform": "none",
+  "Tag/Letter spacing": 0.2,
+  "Tag/Font fallback": "sans-serif",
+  "Tag/Text-Transform": "uppercase",
+  "Link/md/Font fallback": "sans-serif",
+  "Link/md/Letter spacing": 0.19,
+  "Link/md/Text-Decoration": "underline",
+  "Link/sm/Font fallback": "sans-serif",
+  "Link/sm/Letter spacing": 0.2,
+  "Link/sm/Text-Decoration": "underline",
+  "Body/Lead text/Font fallback": "sans-serif",
+  "Body/Paragraph/Font fallback": "sans-serif",
+  "Body/Paragraph/Letter spacing": 0.19,
+  "Body/Supporting text/Font fallback": "sans-serif",
+  "Body/Supporting text/Letter spacing": 0.2,
+  "Body/Lead text/Letter spacing": 0.2,
+  "Label/Font fallback": "sans-serif",
+  "Label/Letter spacing": 0.17,
+  "Body/Underline/md/Font fallback": "sans-serif",
+  "Body/Underline/md/Letter spacing": 0.19,
+  "Body/Underline/md/Text-Decoration": "underline",
+  "Body/Underline/sm/Font fallback": "sans-serif",
+  "Body/Underline/sm/Letter spacing": 0.2,
+  "Body/Underline/sm/Text-Decoration": "underline",
+  "Utilities/Gradients/10": "#F2ECE61A",
+  "Font family/Scandic/Title": "Brandon Text",
+  "Font family/Scandic/Body": "Fira sans",
+  "Font family/Scandic/Decorative": "Biro Script Plus",
+  "Title/lg/Font weight": 900,
+  "Title/lg/Font family": "Brandon Text",
+  "Title/md/Font weight": 900,
+  "Title/md/Font family": "Brandon Text",
+  "Title/sm/Font weight": 900,
+  "Title/sm/Font family": "Brandon Text",
+  "Title/sm/LowCase/Font weight": 450,
+  "Title/sm/LowCase/Font family": "Brandon Text",
+  "Title/Decorative/lg/Font weight": 400,
+  "Title/Decorative/lg/Font family": "Biro Script Plus",
+  "Title/Decorative/md/Font weight": 400,
+  "Title/Decorative/md/Font family": "Biro Script Plus",
+  "Title/Subtitle/lg/Font weight": 500,
+  "Title/Subtitle/lg/Font family": "Fira sans",
+  "Title/Subtitle/md/Font weight": 500,
+  "Title/Subtitle/md/Font family": "Fira sans",
+  "Title/Overline/sm/Font weight": 450,
+  "Title/Overline/sm/Font family": "Brandon Text",
+  "Title/xs/Font weight": 900,
+  "Title/xs/Font family": "Brandon Text",
+  "Title/md/LowCase/Font weight": 450,
+  "Title/md/LowCase/Font family": "Brandon Text",
+  "Tag/Font weight": 450,
+  "Tag/Font family": "Brandon Text",
+  "Link/md/Font weight": 500,
+  "Link/md/Font family": "Fira sans",
+  "Link/sm/Font weight": 500,
+  "Link/sm/Font family": "Fira sans",
+  "Body/Lead text/Font weight": 400,
+  "Body/Lead text/Font family": "Fira sans",
+  "Body/Paragraph/Font weight": 400,
+  "Body/Paragraph/Font weight 2": 500,
+  "Body/Paragraph/Font family": "Fira sans",
+  "Body/Supporting text/Font weight": 400,
+  "Body/Supporting text/Font weight 2": 500,
+  "Body/Supporting text/Font family": "Fira sans",
+  "Label/Font weight": 400,
+  "Label/Font weight 2": 500,
+  "Label/Font family": "Fira sans",
+  "Body/Underline/md/Font weight": 400,
+  "Body/Underline/md/Font family": "Fira sans",
+  "Body/Underline/sm/Font weight": 400,
+  "Body/Underline/sm/Font family": "Fira sans",
+  "Text/Heading": "#4D001B",
+  "Text/Default": "#26201E",
+  "Text/Secondary": "#57514E",
+  "Text/Tertiary": "#787472",
+  "Text/Accent Primary": "#CD0921",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#4D001B",
+  "Text/Interactive/Hover": "#8F4350",
+  "Text/Interactive/Secondary": "#8F4350",
+  "Text/Interactive/Secondary Hover": "#4D001B",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#A8A4A2",
+  "Text/Interactive/Focus": "#57514E",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#787472",
+  "Text/Brand/OnAccent/Heading": "#4D001B",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#787472",
+  "Text/Brand/OnAccent/Default": "#26201E",
+  "Text/Brand/OnAccent/Accent": "#8F4350",
+  "Text/Brand/OnAccent/Accent Secondary": "#8F4350",
+  "Text/Brand/OnPrimary 1/Heading": "#4D001B",
+  "Text/Brand/OnPrimary 1/Default": "#26201E",
+  "Text/Brand/OnPrimary 1/Hover": "#403937",
+  "Text/Brand/OnPrimary 1/Accent": "#CD0921",
+  "Text/Brand/OnPrimary 2/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Accent": "#F7E1D5",
+  "Text/Brand/OnPrimary 3/Heading": "#F7E1D5",
+  "Text/Brand/OnPrimary 3/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Accent": "#DE9490",
+  "Background/Primary": "#FAF6F2",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#F7E1D5",
+  "Surface/Primary/OnSurface/Default": "#F9F6F4",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#F2ECE6",
+  "Surface/Secondary/Subtle": "#E3D9D1",
+  "Surface/Secondary/Hover": "#1F1C1B1A",
+  "Surface/Brand/Accent/Default": "#F0C1B6",
+  "Surface/Brand/Accent/OnAccent/Default": "#4D001B",
+  "Surface/Brand/Accent/OnAccent/Accent": "#CD0921",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#8F4350",
+  "Surface/Brand/Primary 1/Default": "#F7E1D5",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#4D001B",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#CD0921",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#8F4350",
+  "Surface/Brand/Primary 2/Default": "#CD0921",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#4D001B",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#F7E1D5",
+  "Surface/Brand/Primary 3/Default": "#4D001B",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#F7E1D5",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#CD0921",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#26201E",
+  "Surface/UI Fill/Active": "#4D0F25",
+  "Surface/UI Fill/Active Hover": "#FFFFFF1A",
+  "Surface/UI Fill/Disabled": "#1F1C1B1A",
+  "Surface/Accent/1": "#8D0011",
+  "Surface/Accent/2": "#3F6DBD",
+  "Surface/Accent/3": "#256931",
+  "Surface/Accent/4": "#E59515",
+  "Surface/Accent/5": "#18347F",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#787472",
+  "Surface/Feedback/Neutral light": "#EBE8E6",
+  "Border/Default": "#E3D9D1",
+  "Border/Strong": "#B8A79A",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#57514E",
+  "Icon/Intense": "#26201E",
+  "Icon/Accent": "#B05B65",
+  "Icon/Interactive/Default": "#4D001B",
+  "Icon/Interactive/Secondary": "#8F4350",
+  "Icon/Interactive/Accent": "#CD0921",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#A8A4A2",
+  "Icon/Interactive/Placeholder": "#787472",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#57514E",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B4D",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#CD0921",
+  "Component/Button/Brand/Primary/Fill/Hover": "#1F1C1B33",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#A8A4A2",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#4D001B",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#4D001B",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#8F4350",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#A8A4A2",
+  "Component/Button/Brand/Secondary/Border/Default": "#4D001B",
+  "Component/Button/Brand/Secondary/Border/Hover": "#8F4350",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#4D001B",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#A8A4A2",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B0D",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#4D001B",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF00",
+  "Component/Button/Inverted/On fill/Default": "#4D001B",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#A8A4A2",
+  "Border/Interactive/Default": "#9C8A7E",
+  "Border/Divider/Default": "#E3D9D1",
+  "Border/Divider/Subtle": "#F2ECE6",
+  "Border/Divider/Accent": "#F0C1B6",
+  "Border/Divider/Brand/OnAccent/Default": "#8F4350",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#E9ABA3",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#AD0015",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#8F4350",
+  "Border/Interactive/Active": "#6B584D",
+  "Border/Interactive/Focus": "#26201E",
+  "Border/Interactive/Disabled": "#A8A4A2",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF00",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF0D",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF1A",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#1F1C1B1A",
+  "Component/Button/Muted/On fill/Default": "#26201E",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#6D000D",
+  "Component/Button/Muted/On fill/Disabled": "#A8A4A2",
+  "Component/Button/Muted/Border/Default": "#FFFFFF00",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF00",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF00",
 }
diff --git a/packages/design-system/lib/styles/the-dock.css b/packages/design-system/lib/styles/the-dock.css
index 9804598a9..96154b2b2 100644
--- a/packages/design-system/lib/styles/the-dock.css
+++ b/packages/design-system/lib/styles/the-dock.css
@@ -13,9 +13,9 @@
   --Body-Underline-sm-Font-fallback: sans-serif;
   --Body-Underline-sm-Letter-spacing: 0.2px;
   --Body-Underline-sm-Text-Decoration: underline;
-  --Font-family-The-Dock-Body: 'Fira sans';
-  --Font-family-The-Dock-Decorative: 'Beausite Classic';
-  --Font-family-The-Dock-Title: 'Reckless';
+  --Font-family-The-Dock-Body: "Fira sans";
+  --Font-family-The-Dock-Decorative: "Beausite Classic";
+  --Font-family-The-Dock-Title: "Reckless";
   --Label-Font-fallback: sans-serif;
   --Label-Letter-spacing: 0.17px;
   --Link-md-Font-fallback: sans-serif;
diff --git a/packages/design-system/lib/styles/the-dock.js b/packages/design-system/lib/styles/the-dock.js
index 57c5cce63..af2a89de3 100644
--- a/packages/design-system/lib/styles/the-dock.js
+++ b/packages/design-system/lib/styles/the-dock.js
@@ -1,288 +1,288 @@
 /* This file is generated, do not edit manually! */
 export const theme = {
-  'Signature/The Dock/Rose Copper/80': '#654141',
-  'Signature/The Dock/Rose Copper/90': '#3E1212',
-  'Signature/The Dock/Linen White/00': '#FDFCF9',
-  'Signature/The Dock/Linen White/10': '#FAF7F1',
-  'Signature/The Dock/Linen White/20': '#F7F1E8',
-  'Signature/The Dock/Sandbank Beige/20': '#F2E1C2',
-  'Signature/The Dock/Tundra Mint/30': '#B5CC87',
-  'Signature/The Dock/Tundra Mint/90': '#364324',
-  'Signature/The Dock/Signal Red/50': '#FC2826',
-  'Signature/The Dock/Signal Red/60': '#D62220',
-  'Signature/The Dock/Signal Red/80': '#B31C1B',
-  'Signature/The Dock/Signal Blue/50': '#06237C',
-  'Signature/The Dock/Signal Blue/90': '#030F34',
-  'Signature/The Dock/Artic Oker/60': '#FFB839',
-  'Title/lg/Letter spacing': -0.24,
-  'Title/lg/Font fallback': 'Serif',
-  'Title/lg/Text-Transform': 'none',
-  'Title/md/Font fallback': 'Serif',
-  'Title/sm/Letter spacing': 0.56,
-  'Title/sm/Font fallback': 'Serif',
-  'Title/sm/Text-Transform': 'none',
-  'Title/Decorative/lg/Font fallback': 'Serif',
-  'Title/Decorative/lg/Text-Transform': 'uppercase',
-  'Title/Decorative/md/Letter spacing': 0.32,
-  'Title/Decorative/md/Font fallback': 'Serif',
-  'Title/Decorative/md/Text-Transform': 'uppercase',
-  'Title/Subtitle/lg/Font fallback': 'sans-serif',
-  'Title/Subtitle/lg/Letter spacing': 0.24,
-  'Title/Subtitle/md/Font fallback': 'sans-serif',
-  'Title/Subtitle/md/Letter spacing': 0.2,
-  'Title/Overline/sm/Letter spacing': 0.28,
-  'Title/Overline/sm/Font fallback': 'sans-serif',
-  'Title/Overline/sm/Text-Transform': 'uppercase',
-  'Title/sm/LowCase/Letter spacing': 0.56,
-  'Title/sm/LowCase/Font fallback': 'Serif',
-  'Title/sm/LowCase/Text-Transform': 'none',
-  'Title/xs/Letter spacing': 0.36,
-  'Title/xs/Font fallback': 'Serif',
-  'Title/xs/Text-Transform': 'none',
-  'Title/md/Text-Transform': 'none',
-  'Title/md/LowCase/Font fallback': 'Serif',
-  'Title/md/LowCase/Text-Transform': 'none',
-  'Tag/Letter spacing': 0.24,
-  'Tag/Font fallback': 'sans-serif',
-  'Tag/Text-Transform': 'uppercase',
-  'Link/md/Font fallback': 'sans-serif',
-  'Link/md/Letter spacing': 0.19,
-  'Link/md/Text-Decoration': 'underline',
-  'Link/sm/Font fallback': 'sans-serif',
-  'Link/sm/Letter spacing': 0.2,
-  'Link/sm/Text-Decoration': 'underline',
-  'Body/Lead text/Font fallback': 'sans-serif',
-  'Body/Paragraph/Font fallback': 'sans-serif',
-  'Body/Paragraph/Letter spacing': 0.19,
-  'Body/Supporting text/Font fallback': 'sans-serif',
-  'Body/Supporting text/Letter spacing': 0.2,
-  'Body/Lead text/Letter spacing': 0.2,
-  'Label/Font fallback': 'sans-serif',
-  'Label/Letter spacing': 0.17,
-  'Body/Underline/md/Font fallback': 'sans-serif',
-  'Body/Underline/md/Letter spacing': 0.19,
-  'Body/Underline/md/Text-Decoration': 'underline',
-  'Body/Underline/sm/Font fallback': 'sans-serif',
-  'Body/Underline/sm/Letter spacing': 0.2,
-  'Body/Underline/sm/Text-Decoration': 'underline',
-  'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
-  'Utilities/Gradients/10': '#F2E1C21A',
-  'Font family/The Dock/Title': 'Reckless',
-  'Font family/The Dock/Body': 'Fira sans',
-  'Font family/The Dock/Decorative': 'Beausite Classic',
-  'Title/lg/Font weight': 400,
-  'Title/lg/Font family': 'Reckless',
-  'Title/md/Font weight': 400,
-  'Title/md/Font family': 'Reckless',
-  'Title/sm/Font weight': 400,
-  'Title/sm/Font family': 'Reckless',
-  'Title/sm/LowCase/Font weight': 400,
-  'Title/sm/LowCase/Font family': 'Reckless',
-  'Title/Decorative/lg/Font weight': 400,
-  'Title/Decorative/lg/Font family': 'Beausite Classic',
-  'Title/Decorative/md/Font weight': 400,
-  'Title/Decorative/md/Font family': 'Beausite Classic',
-  'Title/Subtitle/lg/Font weight': 500,
-  'Title/Subtitle/lg/Font family': 'Fira sans',
-  'Title/Subtitle/md/Font weight': 500,
-  'Title/Subtitle/md/Font family': 'Fira sans',
-  'Title/Overline/sm/Font weight': 500,
-  'Title/Overline/sm/Font family': 'Reckless',
-  'Title/xs/Font weight': 400,
-  'Title/xs/Font family': 'Reckless',
-  'Title/md/LowCase/Font weight': 400,
-  'Title/md/LowCase/Font family': 'Reckless',
-  'Tag/Font weight': 500,
-  'Tag/Font family': 'Reckless',
-  'Link/md/Font weight': 500,
-  'Link/md/Font family': 'Fira sans',
-  'Link/sm/Font weight': 500,
-  'Link/sm/Font family': 'Fira sans',
-  'Body/Lead text/Font weight': 400,
-  'Body/Lead text/Font family': 'Fira sans',
-  'Body/Paragraph/Font weight': 400,
-  'Body/Paragraph/Font weight 2': 500,
-  'Body/Paragraph/Font family': 'Fira sans',
-  'Body/Supporting text/Font weight': 400,
-  'Body/Supporting text/Font weight 2': 500,
-  'Body/Supporting text/Font family': 'Fira sans',
-  'Label/Font weight': 400,
-  'Label/Font weight 2': 500,
-  'Label/Font family': 'Fira sans',
-  'Body/Underline/md/Font weight': 400,
-  'Body/Underline/md/Font family': 'Fira sans',
-  'Body/Underline/sm/Font weight': 400,
-  'Body/Underline/sm/Font family': 'Fira sans',
-  'Text/Heading': '#3E1212',
-  'Text/Default': '#1F1F1F',
-  'Text/Secondary': '#575757',
-  'Text/Tertiary': '#747474',
-  'Text/Accent Primary': '#D62220',
-  'Text/Inverted': '#FFFFFF',
-  'Text/Interactive/Default': '#1F1F1F',
-  'Text/Interactive/Hover': '#454545',
-  'Text/Interactive/Secondary': '#D62220',
-  'Text/Interactive/Secondary Hover': '#FC2826',
-  'Text/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Text/Interactive/Disabled': '#8C8C8C',
-  'Text/Interactive/Focus': '#262626',
-  'Text/Interactive/Error': '#AD0015',
-  'Text/Interactive/Placeholder': '#747474',
-  'Text/Brand/OnAccent/Heading': '#1F1F1F',
-  'Text/Feedback/Information': '#284EA0',
-  'Text/Feedback/Succes': '#348337',
-  'Text/Feedback/Warning': '#D17308',
-  'Text/Feedback/Error': '#AD0015',
-  'Text/Feedback/Neutral': '#747474',
-  'Text/Brand/OnAccent/Default': '#1F1F1F',
-  'Text/Brand/OnAccent/Accent': '#364324',
-  'Text/Brand/OnAccent/Accent Secondary': '#D62220',
-  'Text/Brand/OnPrimary 1/Heading': '#1F1F1F',
-  'Text/Brand/OnPrimary 1/Default': '#1F1F1F',
-  'Text/Brand/OnPrimary 1/Hover': '#454545',
-  'Text/Brand/OnPrimary 1/Accent': '#3E1212',
-  'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 2/Accent': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
-  'Text/Brand/OnPrimary 3/Accent': '#FFFFFF',
-  'Background/Primary': '#FDFCF9',
-  'Background/Secondary': '#FFFFFF',
-  'Surface/Primary/Default': '#FFFFFF',
-  'Surface/Primary/Hover': '#1F1C1B0D',
-  'Surface/Primary/Hover Light': '#1F1C1B1A',
-  'Surface/Primary/Hover Accent': '#E9E9E9',
-  'Surface/Primary/OnSurface/Default': '#FDFCF9',
-  'Surface/Primary/Disabled': '#1F1C1B1A',
-  'Surface/Secondary/Default': '#F7F1E8',
-  'Surface/Secondary/Subtle': '#F2E1C2',
-  'Surface/Secondary/Hover': '#1F1C1B0D',
-  'Surface/Brand/Accent/Default': '#B5CC87',
-  'Surface/Brand/Accent/OnAccent/Accent': '#B31C1B',
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': '#B31C1B',
-  'Surface/Brand/Primary 1/Default': '#F2E1C2',
-  'Surface/Brand/Primary 2/Default': '#3E1212',
-  'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
-  'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
-  'Surface/Brand/Primary 3/Default': '#3E1212',
-  'Surface/Brand/Primary 3/OnSurface/Default': '#F2E1C2',
-  'Surface/Brand/Primary 3/OnSurface/Accent': '#F2E1C2',
-  'Surface/UI Fill/Default': '#FFFFFF',
-  'Surface/UI Fill/Intense': '#262626',
-  'Surface/UI Fill/Active': '#262626',
-  'Surface/UI Fill/Active Hover': '#FFFFFF',
-  'Surface/UI Fill/Disabled': '#E9E9E9',
-  'Surface/Accent/1': '#D62220',
-  'Surface/Accent/2': '#06237C',
-  'Surface/Accent/3': '#364324',
-  'Surface/Accent/4': '#FFB839',
-  'Surface/Accent/5': '#030F34',
-  'Surface/Feedback/Information': '#284EA0',
-  'Surface/Feedback/Information light': '#E8F6FF',
-  'Surface/Feedback/Succes': '#348337',
-  'Surface/Feedback/Succes light': '#F3FCE8',
-  'Surface/Feedback/Warning': '#D17308',
-  'Surface/Feedback/Warning light': '#FFF8E3',
-  'Surface/Feedback/Error': '#AD0015',
-  'Surface/Feedback/Error light': '#FFEBEB',
-  'Surface/Feedback/Neutral': '#747474',
-  'Surface/Feedback/Neutral light': '#E9E9E9',
-  'Border/Default': '#D9D9D9',
-  'Border/Strong': '#BFBFBF',
-  'Border/Inverted': '#FFFFFF',
-  'Icon/Default': '#575757',
-  'Icon/Intense': '#1F1F1F',
-  'Icon/Accent': '#FC2826',
-  'Icon/Interactive/Default': '#1F1F1F',
-  'Icon/Interactive/Secondary': '#D62220',
-  'Icon/Interactive/Accent': '#D62220',
-  'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
-  'Icon/Interactive/Disabled': '#BFBFBF',
-  'Icon/Interactive/Placeholder': '#747474',
-  'Icon/Feedback/Information': '#284EA0',
-  'Icon/Feedback/Success': '#348337',
-  'Icon/Feedback/Warning': '#D17308',
-  'Icon/Feedback/Error': '#AD0015',
-  'Icon/Feedback/Neutral': '#575757',
-  'Icon/Inverted': '#FFFFFF',
-  'Overlay/10': '#1F1C1B1A',
-  'Overlay/20': '#1F1C1B33',
-  'Overlay/30': '#1F1C1B33',
-  'Overlay/40': '#1F1C1B66',
-  'Overlay/60': '#1F1C1B99',
-  'Overlay/80': '#1F1C1BCC',
-  'Overlay/90': '#1F1C1BE6',
-  'Component/Button/Brand/Primary/Fill/Default': '#3E1212',
-  'Component/Button/Brand/Primary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
-  'Component/Button/Brand/Primary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#3E1212',
-  'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Secondary/On fill/Default': '#3E1212',
-  'Component/Button/Brand/Secondary/On fill/Hover': '#654141',
-  'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
-  'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Secondary/Border/Default': '#3E1212',
-  'Component/Button/Brand/Secondary/Border/Hover': '#654141',
-  'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
-  'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
-  'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/Fill/Default': '#F2E1C2',
-  'Component/Button/Brand/Tertiary/Fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Brand/Tertiary/On fill/Default': '#3E1212',
-  'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Brand/Tertiary/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
-  'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
-  'Component/Button/Inverted/Fill/Default': '#FFFFFF',
-  'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
-  'Component/Button/Inverted/Fill/Hover': '#1F1C1B1A',
-  'Component/Button/Inverted/Fill/Hover Inverted': '#F2E1C2',
-  'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
-  'Component/Button/Inverted/Border/Default': '#FFFFFF00',
-  'Component/Button/Inverted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/Border/Disable': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Default': '#3E1212',
-  'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
-  'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
-  'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
-  'Border/Interactive/Default': '#BFBFBF',
-  'Border/Divider/Default': '#D9D9D9',
-  'Border/Divider/Subtle': '#E9E9E9',
-  'Border/Divider/Accent': '#BFBFBF',
-  'Border/Divider/Brand/OnAccent/Default': '#3E1212',
-  'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
-  'Border/Divider/Brand/OnPrimary 3/Default': '#F7F1E8',
-  'Border/Interactive/Active': '#262626',
-  'Border/Interactive/Focus': '#262626',
-  'Border/Interactive/Disabled': '#BFBFBF',
-  'Border/Interactive/Error': '#AD0015',
-  'Component/Button/Muted/Fill/Default': '#FFFFFF',
-  'Component/Button/Muted/Fill/Hover': '#FFFFFF',
-  'Component/Button/Muted/Fill/Disabled': '#FFFFFF',
-  'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
-  'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
-  'Component/Button/Muted/On fill/Default': '#1F1F1F',
-  'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
-  'Component/Button/Muted/On fill/Hover Inverted': '#654141',
-  'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
-  'Component/Button/Muted/Border/Default': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Hover': '#FFFFFF1A',
-  'Component/Button/Muted/Border/Disable': '#FFFFFF1A',
+  "Signature/The Dock/Rose Copper/80": "#654141",
+  "Signature/The Dock/Rose Copper/90": "#3E1212",
+  "Signature/The Dock/Linen White/00": "#FDFCF9",
+  "Signature/The Dock/Linen White/10": "#FAF7F1",
+  "Signature/The Dock/Linen White/20": "#F7F1E8",
+  "Signature/The Dock/Sandbank Beige/20": "#F2E1C2",
+  "Signature/The Dock/Tundra Mint/30": "#B5CC87",
+  "Signature/The Dock/Tundra Mint/90": "#364324",
+  "Signature/The Dock/Signal Red/50": "#FC2826",
+  "Signature/The Dock/Signal Red/60": "#D62220",
+  "Signature/The Dock/Signal Red/80": "#B31C1B",
+  "Signature/The Dock/Signal Blue/50": "#06237C",
+  "Signature/The Dock/Signal Blue/90": "#030F34",
+  "Signature/The Dock/Artic Oker/60": "#FFB839",
+  "Title/lg/Letter spacing": -0.24,
+  "Title/lg/Font fallback": "Serif",
+  "Title/lg/Text-Transform": "none",
+  "Title/md/Font fallback": "Serif",
+  "Title/sm/Letter spacing": 0.56,
+  "Title/sm/Font fallback": "Serif",
+  "Title/sm/Text-Transform": "none",
+  "Title/Decorative/lg/Font fallback": "Serif",
+  "Title/Decorative/lg/Text-Transform": "uppercase",
+  "Title/Decorative/md/Letter spacing": 0.32,
+  "Title/Decorative/md/Font fallback": "Serif",
+  "Title/Decorative/md/Text-Transform": "uppercase",
+  "Title/Subtitle/lg/Font fallback": "sans-serif",
+  "Title/Subtitle/lg/Letter spacing": 0.24,
+  "Title/Subtitle/md/Font fallback": "sans-serif",
+  "Title/Subtitle/md/Letter spacing": 0.2,
+  "Title/Overline/sm/Letter spacing": 0.28,
+  "Title/Overline/sm/Font fallback": "sans-serif",
+  "Title/Overline/sm/Text-Transform": "uppercase",
+  "Title/sm/LowCase/Letter spacing": 0.56,
+  "Title/sm/LowCase/Font fallback": "Serif",
+  "Title/sm/LowCase/Text-Transform": "none",
+  "Title/xs/Letter spacing": 0.36,
+  "Title/xs/Font fallback": "Serif",
+  "Title/xs/Text-Transform": "none",
+  "Title/md/Text-Transform": "none",
+  "Title/md/LowCase/Font fallback": "Serif",
+  "Title/md/LowCase/Text-Transform": "none",
+  "Tag/Letter spacing": 0.24,
+  "Tag/Font fallback": "sans-serif",
+  "Tag/Text-Transform": "uppercase",
+  "Link/md/Font fallback": "sans-serif",
+  "Link/md/Letter spacing": 0.19,
+  "Link/md/Text-Decoration": "underline",
+  "Link/sm/Font fallback": "sans-serif",
+  "Link/sm/Letter spacing": 0.2,
+  "Link/sm/Text-Decoration": "underline",
+  "Body/Lead text/Font fallback": "sans-serif",
+  "Body/Paragraph/Font fallback": "sans-serif",
+  "Body/Paragraph/Letter spacing": 0.19,
+  "Body/Supporting text/Font fallback": "sans-serif",
+  "Body/Supporting text/Letter spacing": 0.2,
+  "Body/Lead text/Letter spacing": 0.2,
+  "Label/Font fallback": "sans-serif",
+  "Label/Letter spacing": 0.17,
+  "Body/Underline/md/Font fallback": "sans-serif",
+  "Body/Underline/md/Letter spacing": 0.19,
+  "Body/Underline/md/Text-Decoration": "underline",
+  "Body/Underline/sm/Font fallback": "sans-serif",
+  "Body/Underline/sm/Letter spacing": 0.2,
+  "Body/Underline/sm/Text-Decoration": "underline",
+  "Surface/Brand/Accent/OnAccent/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": "#FFFFFF",
+  "Utilities/Gradients/10": "#F2E1C21A",
+  "Font family/The Dock/Title": "Reckless",
+  "Font family/The Dock/Body": "Fira sans",
+  "Font family/The Dock/Decorative": "Beausite Classic",
+  "Title/lg/Font weight": 400,
+  "Title/lg/Font family": "Reckless",
+  "Title/md/Font weight": 400,
+  "Title/md/Font family": "Reckless",
+  "Title/sm/Font weight": 400,
+  "Title/sm/Font family": "Reckless",
+  "Title/sm/LowCase/Font weight": 400,
+  "Title/sm/LowCase/Font family": "Reckless",
+  "Title/Decorative/lg/Font weight": 400,
+  "Title/Decorative/lg/Font family": "Beausite Classic",
+  "Title/Decorative/md/Font weight": 400,
+  "Title/Decorative/md/Font family": "Beausite Classic",
+  "Title/Subtitle/lg/Font weight": 500,
+  "Title/Subtitle/lg/Font family": "Fira sans",
+  "Title/Subtitle/md/Font weight": 500,
+  "Title/Subtitle/md/Font family": "Fira sans",
+  "Title/Overline/sm/Font weight": 500,
+  "Title/Overline/sm/Font family": "Reckless",
+  "Title/xs/Font weight": 400,
+  "Title/xs/Font family": "Reckless",
+  "Title/md/LowCase/Font weight": 400,
+  "Title/md/LowCase/Font family": "Reckless",
+  "Tag/Font weight": 500,
+  "Tag/Font family": "Reckless",
+  "Link/md/Font weight": 500,
+  "Link/md/Font family": "Fira sans",
+  "Link/sm/Font weight": 500,
+  "Link/sm/Font family": "Fira sans",
+  "Body/Lead text/Font weight": 400,
+  "Body/Lead text/Font family": "Fira sans",
+  "Body/Paragraph/Font weight": 400,
+  "Body/Paragraph/Font weight 2": 500,
+  "Body/Paragraph/Font family": "Fira sans",
+  "Body/Supporting text/Font weight": 400,
+  "Body/Supporting text/Font weight 2": 500,
+  "Body/Supporting text/Font family": "Fira sans",
+  "Label/Font weight": 400,
+  "Label/Font weight 2": 500,
+  "Label/Font family": "Fira sans",
+  "Body/Underline/md/Font weight": 400,
+  "Body/Underline/md/Font family": "Fira sans",
+  "Body/Underline/sm/Font weight": 400,
+  "Body/Underline/sm/Font family": "Fira sans",
+  "Text/Heading": "#3E1212",
+  "Text/Default": "#1F1F1F",
+  "Text/Secondary": "#575757",
+  "Text/Tertiary": "#747474",
+  "Text/Accent Primary": "#D62220",
+  "Text/Inverted": "#FFFFFF",
+  "Text/Interactive/Default": "#1F1F1F",
+  "Text/Interactive/Hover": "#454545",
+  "Text/Interactive/Secondary": "#D62220",
+  "Text/Interactive/Secondary Hover": "#FC2826",
+  "Text/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Text/Interactive/Disabled": "#8C8C8C",
+  "Text/Interactive/Focus": "#262626",
+  "Text/Interactive/Error": "#AD0015",
+  "Text/Interactive/Placeholder": "#747474",
+  "Text/Brand/OnAccent/Heading": "#1F1F1F",
+  "Text/Feedback/Information": "#284EA0",
+  "Text/Feedback/Succes": "#348337",
+  "Text/Feedback/Warning": "#D17308",
+  "Text/Feedback/Error": "#AD0015",
+  "Text/Feedback/Neutral": "#747474",
+  "Text/Brand/OnAccent/Default": "#1F1F1F",
+  "Text/Brand/OnAccent/Accent": "#364324",
+  "Text/Brand/OnAccent/Accent Secondary": "#D62220",
+  "Text/Brand/OnPrimary 1/Heading": "#1F1F1F",
+  "Text/Brand/OnPrimary 1/Default": "#1F1F1F",
+  "Text/Brand/OnPrimary 1/Hover": "#454545",
+  "Text/Brand/OnPrimary 1/Accent": "#3E1212",
+  "Text/Brand/OnPrimary 2/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 2/Accent": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Heading": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Default": "#FFFFFF",
+  "Text/Brand/OnPrimary 3/Accent": "#FFFFFF",
+  "Background/Primary": "#FDFCF9",
+  "Background/Secondary": "#FFFFFF",
+  "Surface/Primary/Default": "#FFFFFF",
+  "Surface/Primary/Hover": "#1F1C1B0D",
+  "Surface/Primary/Hover Light": "#1F1C1B1A",
+  "Surface/Primary/Hover Accent": "#E9E9E9",
+  "Surface/Primary/OnSurface/Default": "#FDFCF9",
+  "Surface/Primary/Disabled": "#1F1C1B1A",
+  "Surface/Secondary/Default": "#F7F1E8",
+  "Surface/Secondary/Subtle": "#F2E1C2",
+  "Surface/Secondary/Hover": "#1F1C1B0D",
+  "Surface/Brand/Accent/Default": "#B5CC87",
+  "Surface/Brand/Accent/OnAccent/Accent": "#B31C1B",
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": "#B31C1B",
+  "Surface/Brand/Primary 1/Default": "#F2E1C2",
+  "Surface/Brand/Primary 2/Default": "#3E1212",
+  "Surface/Brand/Primary 2/OnSurface/Default": "#FFFFFF",
+  "Surface/Brand/Primary 2/OnSurface/Accent": "#FFFFFF",
+  "Surface/Brand/Primary 3/Default": "#3E1212",
+  "Surface/Brand/Primary 3/OnSurface/Default": "#F2E1C2",
+  "Surface/Brand/Primary 3/OnSurface/Accent": "#F2E1C2",
+  "Surface/UI Fill/Default": "#FFFFFF",
+  "Surface/UI Fill/Intense": "#262626",
+  "Surface/UI Fill/Active": "#262626",
+  "Surface/UI Fill/Active Hover": "#FFFFFF",
+  "Surface/UI Fill/Disabled": "#E9E9E9",
+  "Surface/Accent/1": "#D62220",
+  "Surface/Accent/2": "#06237C",
+  "Surface/Accent/3": "#364324",
+  "Surface/Accent/4": "#FFB839",
+  "Surface/Accent/5": "#030F34",
+  "Surface/Feedback/Information": "#284EA0",
+  "Surface/Feedback/Information light": "#E8F6FF",
+  "Surface/Feedback/Succes": "#348337",
+  "Surface/Feedback/Succes light": "#F3FCE8",
+  "Surface/Feedback/Warning": "#D17308",
+  "Surface/Feedback/Warning light": "#FFF8E3",
+  "Surface/Feedback/Error": "#AD0015",
+  "Surface/Feedback/Error light": "#FFEBEB",
+  "Surface/Feedback/Neutral": "#747474",
+  "Surface/Feedback/Neutral light": "#E9E9E9",
+  "Border/Default": "#D9D9D9",
+  "Border/Strong": "#BFBFBF",
+  "Border/Inverted": "#FFFFFF",
+  "Icon/Default": "#575757",
+  "Icon/Intense": "#1F1F1F",
+  "Icon/Accent": "#FC2826",
+  "Icon/Interactive/Default": "#1F1F1F",
+  "Icon/Interactive/Secondary": "#D62220",
+  "Icon/Interactive/Accent": "#D62220",
+  "Icon/Interactive/Inverted Hover": "#FFFFFFB3",
+  "Icon/Interactive/Disabled": "#BFBFBF",
+  "Icon/Interactive/Placeholder": "#747474",
+  "Icon/Feedback/Information": "#284EA0",
+  "Icon/Feedback/Success": "#348337",
+  "Icon/Feedback/Warning": "#D17308",
+  "Icon/Feedback/Error": "#AD0015",
+  "Icon/Feedback/Neutral": "#575757",
+  "Icon/Inverted": "#FFFFFF",
+  "Overlay/10": "#1F1C1B1A",
+  "Overlay/20": "#1F1C1B33",
+  "Overlay/30": "#1F1C1B33",
+  "Overlay/40": "#1F1C1B66",
+  "Overlay/60": "#1F1C1B99",
+  "Overlay/80": "#1F1C1BCC",
+  "Overlay/90": "#1F1C1BE6",
+  "Component/Button/Brand/Primary/Fill/Default": "#3E1212",
+  "Component/Button/Brand/Primary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Primary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Primary/On fill/Default": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Hover": "#FFFFFF",
+  "Component/Button/Brand/Primary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Primary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Primary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Default": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Secondary/Fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": "#3E1212",
+  "Component/Button/Brand/Secondary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Secondary/On fill/Default": "#3E1212",
+  "Component/Button/Brand/Secondary/On fill/Hover": "#654141",
+  "Component/Button/Brand/Secondary/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": "#FFFFFFB3",
+  "Component/Button/Brand/Secondary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Secondary/Border/Default": "#3E1212",
+  "Component/Button/Brand/Secondary/Border/Hover": "#654141",
+  "Component/Button/Brand/Secondary/Border/Inverted": "#FFFFFF",
+  "Component/Button/Brand/Secondary/Border/Hover inverted": "#FFFFFF80",
+  "Component/Button/Brand/Secondary/Border/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/Fill/Default": "#F2E1C2",
+  "Component/Button/Brand/Tertiary/Fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Brand/Tertiary/On fill/Default": "#3E1212",
+  "Component/Button/Brand/Tertiary/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Brand/Tertiary/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Brand/Tertiary/Border/Default": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Hover": "#FFFFFF00",
+  "Component/Button/Brand/Tertiary/Border/Disabled": "#FFFFFF00",
+  "Component/Button/Inverted/Fill/Default": "#FFFFFF",
+  "Component/Button/Inverted/Fill/Faded": "#FFFFFFE6",
+  "Component/Button/Inverted/Fill/Hover": "#1F1C1B1A",
+  "Component/Button/Inverted/Fill/Hover Inverted": "#F2E1C2",
+  "Component/Button/Inverted/Fill/Disabled": "#1F1C1B1A",
+  "Component/Button/Inverted/Border/Default": "#FFFFFF00",
+  "Component/Button/Inverted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/Border/Disable": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Default": "#3E1212",
+  "Component/Button/Inverted/On fill/Hover": "#FFFFFF1A",
+  "Component/Button/Inverted/On fill/Hover inverted": "#FFFFFF",
+  "Component/Button/Inverted/On fill/Disabled": "#8C8C8C",
+  "Border/Interactive/Default": "#BFBFBF",
+  "Border/Divider/Default": "#D9D9D9",
+  "Border/Divider/Subtle": "#E9E9E9",
+  "Border/Divider/Accent": "#BFBFBF",
+  "Border/Divider/Brand/OnAccent/Default": "#3E1212",
+  "Border/Divider/Brand/OnPrimary 1/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 2/Default": "#FFFFFF",
+  "Border/Divider/Brand/OnPrimary 3/Default": "#F7F1E8",
+  "Border/Interactive/Active": "#262626",
+  "Border/Interactive/Focus": "#262626",
+  "Border/Interactive/Disabled": "#BFBFBF",
+  "Border/Interactive/Error": "#AD0015",
+  "Component/Button/Muted/Fill/Default": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover": "#FFFFFF",
+  "Component/Button/Muted/Fill/Disabled": "#FFFFFF",
+  "Component/Button/Muted/Fill/Hover inverted": "#1F1C1B0D",
+  "Component/Button/Muted/Fill/Disabled inverted": "#D9D9D9",
+  "Component/Button/Muted/On fill/Default": "#1F1F1F",
+  "Component/Button/Muted/On fill/Inverted": "#FFFFFF",
+  "Component/Button/Muted/On fill/Hover Inverted": "#654141",
+  "Component/Button/Muted/On fill/Disabled": "#8C8C8C",
+  "Component/Button/Muted/Border/Default": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Hover": "#FFFFFF1A",
+  "Component/Button/Muted/Border/Disable": "#FFFFFF1A",
 }
diff --git a/packages/design-system/lib/tokens.ts b/packages/design-system/lib/tokens.ts
index de5db9e6e..c9434aae3 100644
--- a/packages/design-system/lib/tokens.ts
+++ b/packages/design-system/lib/tokens.ts
@@ -1 +1 @@
-export * from './tokens/index'
+export * from "./tokens/index"
diff --git a/packages/design-system/lib/tokens/index.ts b/packages/design-system/lib/tokens/index.ts
index 386dec014..df16a23a9 100644
--- a/packages/design-system/lib/tokens/index.ts
+++ b/packages/design-system/lib/tokens/index.ts
@@ -1,6910 +1,6910 @@
 /* This file is generated, do not edit manually! */
 export const base = {
-  'Neutral/0': { resolved: '#FCFCFC' },
-  'Neutral/5': { resolved: '#F5F5F5' },
-  'Neutral/10': { resolved: '#F0F0F0' },
-  'Neutral/15': { resolved: '#E9E9E9' },
-  'Neutral/20': { resolved: '#D9D9D9' },
-  'Neutral/30': { resolved: '#BFBFBF' },
-  'Neutral/40': { resolved: '#8C8C8C' },
-  'Neutral/50': { resolved: '#747474' },
-  'Neutral/60': { resolved: '#575757' },
-  'Neutral/70': { resolved: '#454545' },
-  'Neutral/80': { resolved: '#262626' },
-  'Neutral/90': { resolved: '#1F1F1F' },
-  'Neutral/100': { resolved: '#141414' },
-  'Neutral/Opacity/White/100': { resolved: '#FFFFFF' },
-  'Neutral/Opacity/White/90': { resolved: '#FFFFFFE6' },
-  'Neutral/Opacity/White/80': { resolved: '#FFFFFFCC' },
-  'Neutral/Opacity/White/70': { resolved: '#FFFFFFB3' },
-  'Neutral/Opacity/White/60': { resolved: '#FFFFFF99' },
-  'Neutral/Opacity/White/50': { resolved: '#FFFFFF80' },
-  'Neutral/Opacity/White/40': { resolved: '#FFFFFF66' },
-  'Neutral/Opacity/White/30': { resolved: '#FFFFFF4D' },
-  'Neutral/Opacity/White/20': { resolved: '#FFFFFF33' },
-  'Neutral/Opacity/White/10': { resolved: '#FFFFFF1A' },
-  'Neutral/Opacity/White/5': { resolved: '#FFFFFF0D' },
-  'Neutral/Opacity/White/0': { resolved: '#FFFFFF00' },
-  'Neutral/Opacity/Black/100': { resolved: '#1F1C1B' },
-  'Neutral/Opacity/Black/90': { resolved: '#1F1C1BE6' },
-  'Neutral/Opacity/Black/80': { resolved: '#1F1C1BCC' },
-  'Neutral/Opacity/Black/70': { resolved: '#1F1C1BB3' },
-  'Neutral/Opacity/Black/60': { resolved: '#1F1C1B99' },
-  'Neutral/Opacity/Black/50': { resolved: '#1F1C1B80' },
-  'Neutral/Opacity/Black/40': { resolved: '#1F1C1B66' },
-  'Neutral/Opacity/Black/30': { resolved: '#1F1C1B4D' },
-  'Neutral/Opacity/Black/20': { resolved: '#1F1C1B33' },
-  'Neutral/Opacity/Black/10': { resolved: '#1F1C1B1A' },
-  'Neutral/Opacity/Black/5': { resolved: '#1F1C1B0D' },
-  'Neutral/Opacity/Black/0': { resolved: '#1F1C1B00' },
-  'Margin/Margin-min': { resolved: 16 },
-  'Breakpoints/min-width': { resolved: 320 },
-  'Breakpoints/max-width': { resolved: 767 },
-  'Margin/Margin-max': { resolved: 16 },
-  'Columns/Column': { resolved: 4 },
-  'Gutter/min-width': { resolved: 16 },
-  'Gutter/max-width': { resolved: 16 },
-  'Text size/xs': { resolved: 18, alias: 'Size/350-18' },
-  'Text size/sm': { resolved: 20, alias: 'Size/400-20' },
-  'Text size/xl': { resolved: 24, alias: 'Size/500-24' },
-  'Text size/2xl': { resolved: 36, alias: 'Size/800-36' },
-  'Text size/3xl': { resolved: 32, alias: 'Size/700-32' },
-  'Text size/4xl': { resolved: 36, alias: 'Size/800-36' },
-  'Text size/5xl': { resolved: 56, alias: 'Size/1300-56' },
-  'Text size/md': { resolved: 24, alias: 'Size/500-24' },
-  'Font weight/Regular': { resolved: 400 },
-  'Font weight/Regular bold': { resolved: 450 },
-  'Font weight/Medium': { resolved: 500 },
-  'Font weight/Semi Bold': { resolved: 600 },
-  'Font weight/Bold': { resolved: 700 },
-  'Font weight/Extra Bold': { resolved: 800 },
-  'Font weight/Black': { resolved: 900 },
-  'Size/200-12': { resolved: 12 },
-  'Size/250-14': { resolved: 14 },
-  'Size/300-16': { resolved: 16 },
-  'Size/350-18': { resolved: 18 },
-  'Size/400-20': { resolved: 20 },
-  'Size/500-24': { resolved: 24 },
-  'Size/550-26': { resolved: 26 },
-  'Size/600-28': { resolved: 28 },
-  'Size/700-32': { resolved: 32 },
-  'Size/800-36': { resolved: 36 },
-  'Size/900-40': { resolved: 40 },
-  'Size/1100-48': { resolved: 48 },
-  'Size/1300-56': { resolved: 56 },
-  'Size/1500-64': { resolved: 64 },
-  'Line height/xs': { resolved: 100 },
-  'Corner radius/sm': { resolved: 4 },
-  'Border width/none': { resolved: 0 },
-  'Border width/sm': { resolved: 1 },
-  'Border width/md': { resolved: 2 },
-  'Border width/lg': { resolved: 3 },
-  'Corner radius/md': { resolved: 8 },
-  'Corner radius/lg': { resolved: 12 },
-  'Corner radius/xl': { resolved: 16 },
-  'Corner radius/rounded': { resolved: 250 },
-  'Space/x0': { resolved: 0 },
-  'Space/x025': { resolved: 2 },
-  'Space/x05': { resolved: 4 },
-  'Space/x1': { resolved: 8 },
-  'Space/x15': { resolved: 12 },
-  'Space/x2': { resolved: 16 },
-  'Space/x3': { resolved: 24 },
-  'Space/x4': { resolved: 32 },
-  'Space/x5': { resolved: 40 },
-  'Space/x6': { resolved: 48 },
-  'Space/x7': { resolved: 56 },
-  'Space/x8': { resolved: 64 },
-  'Space/x9': { resolved: 72 },
-  'Icon/2xs': { resolved: 16 },
-  'Icon/xs': { resolved: 20 },
-  'Icon/sm': { resolved: 24 },
-  'Icon/md': { resolved: 32 },
-  'Icon/lg': { resolved: 40 },
-  'Icon/xl': { resolved: 42 },
-  'SAS/Blue/Default': { resolved: '#00248F' },
-  'SAS/Blue/20': { resolved: '#00175C' },
-  'SAS/Blue/30': { resolved: '#00248F' },
-  'SAS/Blue/40': { resolved: '#0030C2' },
-  'SAS/Blue/50': { resolved: '#003DF5' },
-  'SAS/Blue/60': { resolved: '#295EFF' },
-  'SAS/Blue/90': { resolved: '#F0FAFF' },
-  'SAS/Blue/80': { resolved: '#BDE9FF' },
-  'SAS/Blue/70': { resolved: '#8AD8FF' },
-  'SAS/Grey/Black': { resolved: '#000000' },
-  'SAS/Grey/20': { resolved: '#333333' },
-  'SAS/Grey/30': { resolved: '#4D4D4D' },
-  'SAS/Grey/40': { resolved: '#666666' },
-  'SAS/Grey/50': { resolved: '#808080' },
-  'SAS/Grey/80': { resolved: '#CCCCCC' },
-  'SAS/Grey/90': { resolved: '#E5E5E5' },
-  'SAS/Grey/100': { resolved: '#F5F5F5' },
-  'SAS/Grey/White': { resolved: '#FFFFFF' },
-  'SAS/Coral/50': { resolved: '#FF5852' },
-  'Text size/5xs': { resolved: 12, alias: 'Size/200-12' },
-  'Text size/4xs': { resolved: 14, alias: 'Size/250-14' },
-  'Text size/3xs': { resolved: 16, alias: 'Size/300-16' },
-  'Text size/2xs': { resolved: 16, alias: 'Size/300-16' },
-  'Text size/lg': { resolved: 24, alias: 'Size/500-24' },
-  'BoxShadow-Level 1': { resolved: '0px 0px 2px 1px rgba(0, 0, 0, 0.1)' },
-  'BoxShadow-Level 2': { resolved: '0px 0px 4px 2px rgba(0, 0, 0, 0.1)' },
-  'BoxShadow-Level 3': { resolved: '0px 0px 8px 3px rgba(0, 0, 0, 0.1)' },
-  'BoxShadow-Level 4': { resolved: '0px 0px 14px 6px rgba(0, 0, 0, 0.1)' },
+  "Neutral/0": { resolved: "#FCFCFC" },
+  "Neutral/5": { resolved: "#F5F5F5" },
+  "Neutral/10": { resolved: "#F0F0F0" },
+  "Neutral/15": { resolved: "#E9E9E9" },
+  "Neutral/20": { resolved: "#D9D9D9" },
+  "Neutral/30": { resolved: "#BFBFBF" },
+  "Neutral/40": { resolved: "#8C8C8C" },
+  "Neutral/50": { resolved: "#747474" },
+  "Neutral/60": { resolved: "#575757" },
+  "Neutral/70": { resolved: "#454545" },
+  "Neutral/80": { resolved: "#262626" },
+  "Neutral/90": { resolved: "#1F1F1F" },
+  "Neutral/100": { resolved: "#141414" },
+  "Neutral/Opacity/White/100": { resolved: "#FFFFFF" },
+  "Neutral/Opacity/White/90": { resolved: "#FFFFFFE6" },
+  "Neutral/Opacity/White/80": { resolved: "#FFFFFFCC" },
+  "Neutral/Opacity/White/70": { resolved: "#FFFFFFB3" },
+  "Neutral/Opacity/White/60": { resolved: "#FFFFFF99" },
+  "Neutral/Opacity/White/50": { resolved: "#FFFFFF80" },
+  "Neutral/Opacity/White/40": { resolved: "#FFFFFF66" },
+  "Neutral/Opacity/White/30": { resolved: "#FFFFFF4D" },
+  "Neutral/Opacity/White/20": { resolved: "#FFFFFF33" },
+  "Neutral/Opacity/White/10": { resolved: "#FFFFFF1A" },
+  "Neutral/Opacity/White/5": { resolved: "#FFFFFF0D" },
+  "Neutral/Opacity/White/0": { resolved: "#FFFFFF00" },
+  "Neutral/Opacity/Black/100": { resolved: "#1F1C1B" },
+  "Neutral/Opacity/Black/90": { resolved: "#1F1C1BE6" },
+  "Neutral/Opacity/Black/80": { resolved: "#1F1C1BCC" },
+  "Neutral/Opacity/Black/70": { resolved: "#1F1C1BB3" },
+  "Neutral/Opacity/Black/60": { resolved: "#1F1C1B99" },
+  "Neutral/Opacity/Black/50": { resolved: "#1F1C1B80" },
+  "Neutral/Opacity/Black/40": { resolved: "#1F1C1B66" },
+  "Neutral/Opacity/Black/30": { resolved: "#1F1C1B4D" },
+  "Neutral/Opacity/Black/20": { resolved: "#1F1C1B33" },
+  "Neutral/Opacity/Black/10": { resolved: "#1F1C1B1A" },
+  "Neutral/Opacity/Black/5": { resolved: "#1F1C1B0D" },
+  "Neutral/Opacity/Black/0": { resolved: "#1F1C1B00" },
+  "Margin/Margin-min": { resolved: 16 },
+  "Breakpoints/min-width": { resolved: 320 },
+  "Breakpoints/max-width": { resolved: 767 },
+  "Margin/Margin-max": { resolved: 16 },
+  "Columns/Column": { resolved: 4 },
+  "Gutter/min-width": { resolved: 16 },
+  "Gutter/max-width": { resolved: 16 },
+  "Text size/xs": { resolved: 18, alias: "Size/350-18" },
+  "Text size/sm": { resolved: 20, alias: "Size/400-20" },
+  "Text size/xl": { resolved: 24, alias: "Size/500-24" },
+  "Text size/2xl": { resolved: 36, alias: "Size/800-36" },
+  "Text size/3xl": { resolved: 32, alias: "Size/700-32" },
+  "Text size/4xl": { resolved: 36, alias: "Size/800-36" },
+  "Text size/5xl": { resolved: 56, alias: "Size/1300-56" },
+  "Text size/md": { resolved: 24, alias: "Size/500-24" },
+  "Font weight/Regular": { resolved: 400 },
+  "Font weight/Regular bold": { resolved: 450 },
+  "Font weight/Medium": { resolved: 500 },
+  "Font weight/Semi Bold": { resolved: 600 },
+  "Font weight/Bold": { resolved: 700 },
+  "Font weight/Extra Bold": { resolved: 800 },
+  "Font weight/Black": { resolved: 900 },
+  "Size/200-12": { resolved: 12 },
+  "Size/250-14": { resolved: 14 },
+  "Size/300-16": { resolved: 16 },
+  "Size/350-18": { resolved: 18 },
+  "Size/400-20": { resolved: 20 },
+  "Size/500-24": { resolved: 24 },
+  "Size/550-26": { resolved: 26 },
+  "Size/600-28": { resolved: 28 },
+  "Size/700-32": { resolved: 32 },
+  "Size/800-36": { resolved: 36 },
+  "Size/900-40": { resolved: 40 },
+  "Size/1100-48": { resolved: 48 },
+  "Size/1300-56": { resolved: 56 },
+  "Size/1500-64": { resolved: 64 },
+  "Line height/xs": { resolved: 100 },
+  "Corner radius/sm": { resolved: 4 },
+  "Border width/none": { resolved: 0 },
+  "Border width/sm": { resolved: 1 },
+  "Border width/md": { resolved: 2 },
+  "Border width/lg": { resolved: 3 },
+  "Corner radius/md": { resolved: 8 },
+  "Corner radius/lg": { resolved: 12 },
+  "Corner radius/xl": { resolved: 16 },
+  "Corner radius/rounded": { resolved: 250 },
+  "Space/x0": { resolved: 0 },
+  "Space/x025": { resolved: 2 },
+  "Space/x05": { resolved: 4 },
+  "Space/x1": { resolved: 8 },
+  "Space/x15": { resolved: 12 },
+  "Space/x2": { resolved: 16 },
+  "Space/x3": { resolved: 24 },
+  "Space/x4": { resolved: 32 },
+  "Space/x5": { resolved: 40 },
+  "Space/x6": { resolved: 48 },
+  "Space/x7": { resolved: 56 },
+  "Space/x8": { resolved: 64 },
+  "Space/x9": { resolved: 72 },
+  "Icon/2xs": { resolved: 16 },
+  "Icon/xs": { resolved: 20 },
+  "Icon/sm": { resolved: 24 },
+  "Icon/md": { resolved: 32 },
+  "Icon/lg": { resolved: 40 },
+  "Icon/xl": { resolved: 42 },
+  "SAS/Blue/Default": { resolved: "#00248F" },
+  "SAS/Blue/20": { resolved: "#00175C" },
+  "SAS/Blue/30": { resolved: "#00248F" },
+  "SAS/Blue/40": { resolved: "#0030C2" },
+  "SAS/Blue/50": { resolved: "#003DF5" },
+  "SAS/Blue/60": { resolved: "#295EFF" },
+  "SAS/Blue/90": { resolved: "#F0FAFF" },
+  "SAS/Blue/80": { resolved: "#BDE9FF" },
+  "SAS/Blue/70": { resolved: "#8AD8FF" },
+  "SAS/Grey/Black": { resolved: "#000000" },
+  "SAS/Grey/20": { resolved: "#333333" },
+  "SAS/Grey/30": { resolved: "#4D4D4D" },
+  "SAS/Grey/40": { resolved: "#666666" },
+  "SAS/Grey/50": { resolved: "#808080" },
+  "SAS/Grey/80": { resolved: "#CCCCCC" },
+  "SAS/Grey/90": { resolved: "#E5E5E5" },
+  "SAS/Grey/100": { resolved: "#F5F5F5" },
+  "SAS/Grey/White": { resolved: "#FFFFFF" },
+  "SAS/Coral/50": { resolved: "#FF5852" },
+  "Text size/5xs": { resolved: 12, alias: "Size/200-12" },
+  "Text size/4xs": { resolved: 14, alias: "Size/250-14" },
+  "Text size/3xs": { resolved: 16, alias: "Size/300-16" },
+  "Text size/2xs": { resolved: 16, alias: "Size/300-16" },
+  "Text size/lg": { resolved: 24, alias: "Size/500-24" },
+  "BoxShadow-Level 1": { resolved: "0px 0px 2px 1px rgba(0, 0, 0, 0.1)" },
+  "BoxShadow-Level 2": { resolved: "0px 0px 4px 2px rgba(0, 0, 0, 0.1)" },
+  "BoxShadow-Level 3": { resolved: "0px 0px 8px 3px rgba(0, 0, 0, 0.1)" },
+  "BoxShadow-Level 4": { resolved: "0px 0px 14px 6px rgba(0, 0, 0, 0.1)" },
 } as const
 export const scandic = {
-  'Scandic/Grey/00': { resolved: '#F9F6F4' },
-  'Scandic/Grey/10': { resolved: '#EBE8E6' },
-  'Scandic/Grey/20': { resolved: '#D6D2D0' },
-  'Scandic/Grey/30': { resolved: '#C2BDBA' },
-  'Scandic/Grey/40': { resolved: '#A8A4A2' },
-  'Scandic/Grey/50': { resolved: '#8C8987' },
-  'Scandic/Grey/60': { resolved: '#787472' },
-  'Scandic/Grey/70': { resolved: '#635F5D' },
-  'Scandic/Grey/80': { resolved: '#57514E' },
-  'Scandic/Grey/90': { resolved: '#403937' },
-  'Scandic/Grey/100': { resolved: '#26201E' },
-  'Scandic/Red/00': { resolved: '#FFEBEB' },
-  'Scandic/Red/10': { resolved: '#F7C1C2' },
-  'Scandic/Red/20': { resolved: '#F79499' },
-  'Scandic/Red/30': { resolved: '#F26B74' },
-  'Scandic/Red/40': { resolved: '#ED4251' },
-  'Scandic/Red/50': { resolved: '#E32034' },
-  'Scandic/Red/Default': { resolved: '#CD0921' },
-  'Scandic/Red/70': { resolved: '#AD0015' },
-  'Scandic/Red/80': { resolved: '#8D0011' },
-  'Scandic/Red/90': { resolved: '#6D000D' },
-  'Scandic/Red/100': { resolved: '#4D001B' },
-  'Scandic/Peach/00': { resolved: '#FFF3ED' },
-  'Scandic/Peach/10': { resolved: '#F7E1D5' },
-  'Scandic/Peach/20': { resolved: '#F4D5C8' },
-  'Scandic/Peach/30': { resolved: '#F0C1B6' },
-  'Scandic/Peach/40': { resolved: '#E9ABA3' },
-  'Scandic/Peach/50': { resolved: '#DE9490' },
-  'Scandic/Peach/60': { resolved: '#CD797C' },
-  'Scandic/Peach/70': { resolved: '#B05B65' },
-  'Scandic/Peach/80': { resolved: '#8F4350' },
-  'Scandic/Peach/90': { resolved: '#642636' },
-  'Scandic/Peach/100': { resolved: '#4D0F25' },
-  'Scandic/Beige/00': { resolved: '#FAF6F2' },
-  'Scandic/Beige/10': { resolved: '#F2ECE6' },
-  'Scandic/Beige/20': { resolved: '#E3D9D1' },
-  'Scandic/Beige/30': { resolved: '#D1C4BA' },
-  'Scandic/Beige/40': { resolved: '#B8A79A' },
-  'Scandic/Beige/50': { resolved: '#9C8A7E' },
-  'Scandic/Beige/60': { resolved: '#806E63' },
-  'Scandic/Beige/70': { resolved: '#6B584D' },
-  'Scandic/Beige/80': { resolved: '#533F35' },
-  'Scandic/Beige/90': { resolved: '#3E2B23' },
-  'Scandic/Beige/100': { resolved: '#291710' },
-  'Scandic/Green/00': { resolved: '#F3FCE8' },
-  'Scandic/Green/10': { resolved: '#E1F3CA' },
-  'Scandic/Green/20': { resolved: '#D2EDAF' },
-  'Scandic/Green/30': { resolved: '#ACDB8A' },
-  'Scandic/Green/40': { resolved: '#7CB865' },
-  'Scandic/Green/50': { resolved: '#539E49' },
-  'Scandic/Green/60': { resolved: '#348337' },
-  'Scandic/Green/70': { resolved: '#256931' },
-  'Scandic/Green/80': { resolved: '#164E29' },
-  'Scandic/Green/90': { resolved: '#093021' },
-  'Scandic/Green/100': { resolved: '#091F16' },
-  'Scandic/Blue/00': { resolved: '#E8F6FF' },
-  'Scandic/Blue/10': { resolved: '#CFEBFF' },
-  'Scandic/Blue/20': { resolved: '#B5E0FF' },
-  'Scandic/Blue/30': { resolved: '#93C9F5' },
-  'Scandic/Blue/40': { resolved: '#79AEE7' },
-  'Scandic/Blue/50': { resolved: '#5B8FD4' },
-  'Scandic/Blue/60': { resolved: '#3F6DBD' },
-  'Scandic/Blue/70': { resolved: '#284EA0' },
-  'Scandic/Blue/80': { resolved: '#18347F' },
-  'Scandic/Blue/90': { resolved: '#0D1F5F' },
-  'Scandic/Blue/100': { resolved: '#0D1440' },
-  'Scandic/Yellow/00': { resolved: '#FFF8E3' },
-  'Scandic/Yellow/10': { resolved: '#FFF0C2' },
-  'Scandic/Yellow/20': { resolved: '#FADE89' },
-  'Scandic/Yellow/30': { resolved: '#F7CE52' },
-  'Scandic/Yellow/40': { resolved: '#EDB532' },
-  'Scandic/Yellow/50': { resolved: '#E59515' },
-  'Scandic/Yellow/60': { resolved: '#D17308' },
-  'Scandic/Yellow/70': { resolved: '#A85211' },
-  'Scandic/Yellow/80': { resolved: '#7D370F' },
-  'Scandic/Yellow/90': { resolved: '#4F2313' },
-  'Scandic/Yellow/100': { resolved: '#301508' },
-  'Title/lg/Letter spacing': { resolved: 0.12 },
-  'Title/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/lg/Text-Transform': { resolved: 'uppercase' },
-  'Title/md/Letter spacing': { resolved: 0.09 },
-  'Title/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Letter spacing': { resolved: 0.07 },
-  'Title/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Text-Transform': { resolved: 'uppercase' },
-  'Title/Decorative/lg/Letter spacing': { resolved: 0.64 },
-  'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Decorative/lg/Text-Transform': { resolved: 'none' },
-  'Title/Decorative/md/Letter spacing': { resolved: 0.48 },
-  'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Decorative/md/Text-Transform': { resolved: 'none' },
-  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
-  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
-  'Title/Overline/sm/Letter spacing': { resolved: 0.64 },
-  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
-  'Title/sm/LowCase/Letter spacing': { resolved: 0.07 },
-  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
-  'Title/xs/Letter spacing': { resolved: 0.06 },
-  'Title/xs/Font fallback': { resolved: 'sans-serif' },
-  'Title/xs/Text-Transform': { resolved: 'uppercase' },
-  'Title/md/Text-Transform': { resolved: 'uppercase' },
-  'Title/md/LowCase/Letter spacing': { resolved: 0.09 },
-  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/md/LowCase/Text-Transform': { resolved: 'none' },
-  'Tag/Letter spacing': { resolved: 0.2 },
-  'Tag/Font fallback': { resolved: 'sans-serif' },
-  'Tag/Text-Transform': { resolved: 'uppercase' },
-  'Link/md/Font fallback': { resolved: 'sans-serif' },
-  'Link/md/Letter spacing': { resolved: 0.19 },
-  'Link/md/Text-Decoration': { resolved: 'underline' },
-  'Link/sm/Font fallback': { resolved: 'sans-serif' },
-  'Link/sm/Letter spacing': { resolved: 0.2 },
-  'Link/sm/Text-Decoration': { resolved: 'underline' },
-  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
-  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
-  'Body/Lead text/Letter spacing': { resolved: 0.2 },
-  'Label/Font fallback': { resolved: 'sans-serif' },
-  'Label/Letter spacing': { resolved: 0.17 },
-  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
-  'Body/Underline/md/Text-Decoration': { resolved: 'underline' },
-  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
-  'Body/Underline/sm/Text-Decoration': { resolved: 'underline' },
-  'Utilities/Gradients/10': { resolved: '#F2ECE61A' },
-  'Font family/Scandic/Title': { resolved: 'Brandon Text' },
-  'Font family/Scandic/Body': { resolved: 'Fira sans' },
-  'Font family/Scandic/Decorative': { resolved: 'Biro Script Plus' },
-  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
-  'Title/lg/Font weight': { resolved: 900, alias: 'Font weight/Black' },
-  'Title/lg/Font family': {
-    resolved: 'Brandon Text',
-    alias: 'Font family/Scandic/Title',
+  "Scandic/Grey/00": { resolved: "#F9F6F4" },
+  "Scandic/Grey/10": { resolved: "#EBE8E6" },
+  "Scandic/Grey/20": { resolved: "#D6D2D0" },
+  "Scandic/Grey/30": { resolved: "#C2BDBA" },
+  "Scandic/Grey/40": { resolved: "#A8A4A2" },
+  "Scandic/Grey/50": { resolved: "#8C8987" },
+  "Scandic/Grey/60": { resolved: "#787472" },
+  "Scandic/Grey/70": { resolved: "#635F5D" },
+  "Scandic/Grey/80": { resolved: "#57514E" },
+  "Scandic/Grey/90": { resolved: "#403937" },
+  "Scandic/Grey/100": { resolved: "#26201E" },
+  "Scandic/Red/00": { resolved: "#FFEBEB" },
+  "Scandic/Red/10": { resolved: "#F7C1C2" },
+  "Scandic/Red/20": { resolved: "#F79499" },
+  "Scandic/Red/30": { resolved: "#F26B74" },
+  "Scandic/Red/40": { resolved: "#ED4251" },
+  "Scandic/Red/50": { resolved: "#E32034" },
+  "Scandic/Red/Default": { resolved: "#CD0921" },
+  "Scandic/Red/70": { resolved: "#AD0015" },
+  "Scandic/Red/80": { resolved: "#8D0011" },
+  "Scandic/Red/90": { resolved: "#6D000D" },
+  "Scandic/Red/100": { resolved: "#4D001B" },
+  "Scandic/Peach/00": { resolved: "#FFF3ED" },
+  "Scandic/Peach/10": { resolved: "#F7E1D5" },
+  "Scandic/Peach/20": { resolved: "#F4D5C8" },
+  "Scandic/Peach/30": { resolved: "#F0C1B6" },
+  "Scandic/Peach/40": { resolved: "#E9ABA3" },
+  "Scandic/Peach/50": { resolved: "#DE9490" },
+  "Scandic/Peach/60": { resolved: "#CD797C" },
+  "Scandic/Peach/70": { resolved: "#B05B65" },
+  "Scandic/Peach/80": { resolved: "#8F4350" },
+  "Scandic/Peach/90": { resolved: "#642636" },
+  "Scandic/Peach/100": { resolved: "#4D0F25" },
+  "Scandic/Beige/00": { resolved: "#FAF6F2" },
+  "Scandic/Beige/10": { resolved: "#F2ECE6" },
+  "Scandic/Beige/20": { resolved: "#E3D9D1" },
+  "Scandic/Beige/30": { resolved: "#D1C4BA" },
+  "Scandic/Beige/40": { resolved: "#B8A79A" },
+  "Scandic/Beige/50": { resolved: "#9C8A7E" },
+  "Scandic/Beige/60": { resolved: "#806E63" },
+  "Scandic/Beige/70": { resolved: "#6B584D" },
+  "Scandic/Beige/80": { resolved: "#533F35" },
+  "Scandic/Beige/90": { resolved: "#3E2B23" },
+  "Scandic/Beige/100": { resolved: "#291710" },
+  "Scandic/Green/00": { resolved: "#F3FCE8" },
+  "Scandic/Green/10": { resolved: "#E1F3CA" },
+  "Scandic/Green/20": { resolved: "#D2EDAF" },
+  "Scandic/Green/30": { resolved: "#ACDB8A" },
+  "Scandic/Green/40": { resolved: "#7CB865" },
+  "Scandic/Green/50": { resolved: "#539E49" },
+  "Scandic/Green/60": { resolved: "#348337" },
+  "Scandic/Green/70": { resolved: "#256931" },
+  "Scandic/Green/80": { resolved: "#164E29" },
+  "Scandic/Green/90": { resolved: "#093021" },
+  "Scandic/Green/100": { resolved: "#091F16" },
+  "Scandic/Blue/00": { resolved: "#E8F6FF" },
+  "Scandic/Blue/10": { resolved: "#CFEBFF" },
+  "Scandic/Blue/20": { resolved: "#B5E0FF" },
+  "Scandic/Blue/30": { resolved: "#93C9F5" },
+  "Scandic/Blue/40": { resolved: "#79AEE7" },
+  "Scandic/Blue/50": { resolved: "#5B8FD4" },
+  "Scandic/Blue/60": { resolved: "#3F6DBD" },
+  "Scandic/Blue/70": { resolved: "#284EA0" },
+  "Scandic/Blue/80": { resolved: "#18347F" },
+  "Scandic/Blue/90": { resolved: "#0D1F5F" },
+  "Scandic/Blue/100": { resolved: "#0D1440" },
+  "Scandic/Yellow/00": { resolved: "#FFF8E3" },
+  "Scandic/Yellow/10": { resolved: "#FFF0C2" },
+  "Scandic/Yellow/20": { resolved: "#FADE89" },
+  "Scandic/Yellow/30": { resolved: "#F7CE52" },
+  "Scandic/Yellow/40": { resolved: "#EDB532" },
+  "Scandic/Yellow/50": { resolved: "#E59515" },
+  "Scandic/Yellow/60": { resolved: "#D17308" },
+  "Scandic/Yellow/70": { resolved: "#A85211" },
+  "Scandic/Yellow/80": { resolved: "#7D370F" },
+  "Scandic/Yellow/90": { resolved: "#4F2313" },
+  "Scandic/Yellow/100": { resolved: "#301508" },
+  "Title/lg/Letter spacing": { resolved: 0.12 },
+  "Title/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/lg/Text-Transform": { resolved: "uppercase" },
+  "Title/md/Letter spacing": { resolved: 0.09 },
+  "Title/md/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Letter spacing": { resolved: 0.07 },
+  "Title/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Text-Transform": { resolved: "uppercase" },
+  "Title/Decorative/lg/Letter spacing": { resolved: 0.64 },
+  "Title/Decorative/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Decorative/lg/Text-Transform": { resolved: "none" },
+  "Title/Decorative/md/Letter spacing": { resolved: 0.48 },
+  "Title/Decorative/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Decorative/md/Text-Transform": { resolved: "none" },
+  "Title/Subtitle/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/lg/Letter spacing": { resolved: 0.24 },
+  "Title/Subtitle/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
+  "Title/Overline/sm/Letter spacing": { resolved: 0.64 },
+  "Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/Overline/sm/Text-Transform": { resolved: "uppercase" },
+  "Title/sm/LowCase/Letter spacing": { resolved: 0.07 },
+  "Title/sm/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/LowCase/Text-Transform": { resolved: "none" },
+  "Title/xs/Letter spacing": { resolved: 0.06 },
+  "Title/xs/Font fallback": { resolved: "sans-serif" },
+  "Title/xs/Text-Transform": { resolved: "uppercase" },
+  "Title/md/Text-Transform": { resolved: "uppercase" },
+  "Title/md/LowCase/Letter spacing": { resolved: 0.09 },
+  "Title/md/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/md/LowCase/Text-Transform": { resolved: "none" },
+  "Tag/Letter spacing": { resolved: 0.2 },
+  "Tag/Font fallback": { resolved: "sans-serif" },
+  "Tag/Text-Transform": { resolved: "uppercase" },
+  "Link/md/Font fallback": { resolved: "sans-serif" },
+  "Link/md/Letter spacing": { resolved: 0.19 },
+  "Link/md/Text-Decoration": { resolved: "underline" },
+  "Link/sm/Font fallback": { resolved: "sans-serif" },
+  "Link/sm/Letter spacing": { resolved: 0.2 },
+  "Link/sm/Text-Decoration": { resolved: "underline" },
+  "Body/Lead text/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Letter spacing": { resolved: 0.19 },
+  "Body/Supporting text/Font fallback": { resolved: "sans-serif" },
+  "Body/Supporting text/Letter spacing": { resolved: 0.2 },
+  "Body/Lead text/Letter spacing": { resolved: 0.2 },
+  "Label/Font fallback": { resolved: "sans-serif" },
+  "Label/Letter spacing": { resolved: 0.17 },
+  "Body/Underline/md/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/md/Letter spacing": { resolved: 0.19 },
+  "Body/Underline/md/Text-Decoration": { resolved: "underline" },
+  "Body/Underline/sm/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/sm/Letter spacing": { resolved: 0.2 },
+  "Body/Underline/sm/Text-Decoration": { resolved: "underline" },
+  "Utilities/Gradients/10": { resolved: "#F2ECE61A" },
+  "Font family/Scandic/Title": { resolved: "Brandon Text" },
+  "Font family/Scandic/Body": { resolved: "Fira sans" },
+  "Font family/Scandic/Decorative": { resolved: "Biro Script Plus" },
+  "Title/lg/Size": { resolved: "", alias: "Impl-Text size/4xl" },
+  "Title/lg/Font weight": { resolved: 900, alias: "Font weight/Black" },
+  "Title/lg/Font family": {
+    resolved: "Brandon Text",
+    alias: "Font family/Scandic/Title",
   },
-  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/Font weight': { resolved: 900, alias: 'Font weight/Black' },
-  'Title/md/Font family': {
-    resolved: 'Brandon Text',
-    alias: 'Font family/Scandic/Title',
+  "Title/md/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/Font weight": { resolved: 900, alias: "Font weight/Black" },
+  "Title/md/Font family": {
+    resolved: "Brandon Text",
+    alias: "Font family/Scandic/Title",
   },
-  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/Font weight': { resolved: 900, alias: 'Font weight/Black' },
-  'Title/sm/Font family': {
-    resolved: 'Brandon Text',
-    alias: 'Font family/Scandic/Title',
+  "Title/sm/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/Font weight": { resolved: 900, alias: "Font weight/Black" },
+  "Title/sm/Font family": {
+    resolved: "Brandon Text",
+    alias: "Font family/Scandic/Title",
   },
-  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/LowCase/Font weight': {
+  "Title/sm/LowCase/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/LowCase/Font weight": {
     resolved: 450,
-    alias: 'Font weight/Regular bold',
+    alias: "Font weight/Regular bold",
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/sm/LowCase/Font family': {
-    resolved: 'Brandon Text',
-    alias: 'Font family/Scandic/Title',
+  "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/sm/LowCase/Font family": {
+    resolved: "Brandon Text",
+    alias: "Font family/Scandic/Title",
   },
-  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xl' },
-  'Title/Decorative/lg/Font weight': {
+  "Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xl" },
+  "Title/Decorative/lg/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/lg/Font family': {
-    resolved: 'Biro Script Plus',
-    alias: 'Font family/Scandic/Decorative',
+  "Title/Decorative/lg/Font family": {
+    resolved: "Biro Script Plus",
+    alias: "Font family/Scandic/Decorative",
   },
-  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Decorative/md/Font weight': {
+  "Title/Decorative/md/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Decorative/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/md/Font family': {
-    resolved: 'Biro Script Plus',
-    alias: 'Font family/Scandic/Decorative',
+  "Title/Decorative/md/Font family": {
+    resolved: "Biro Script Plus",
+    alias: "Font family/Scandic/Decorative",
   },
-  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Subtitle/lg/Font weight': {
+  "Title/Subtitle/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Subtitle/lg/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/lg/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
+  "Title/Subtitle/lg/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
   },
-  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Subtitle/md/Font weight': {
+  "Title/Subtitle/md/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Subtitle/md/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
+  "Title/Subtitle/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
   },
-  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Title/Overline/sm/Font weight': {
+  "Title/Overline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Title/Overline/sm/Font weight": {
     resolved: 450,
-    alias: 'Font weight/Regular bold',
+    alias: "Font weight/Regular bold",
   },
-  'Title/Overline/sm/Font family': {
-    resolved: 'Brandon Text',
-    alias: 'Font family/Scandic/Title',
+  "Title/Overline/sm/Font family": {
+    resolved: "Brandon Text",
+    alias: "Font family/Scandic/Title",
   },
-  'Title/xs/Font weight': { resolved: 900, alias: 'Font weight/Black' },
-  'Title/xs/Font family': {
-    resolved: 'Brandon Text',
-    alias: 'Font family/Scandic/Title',
+  "Title/xs/Font weight": { resolved: 900, alias: "Font weight/Black" },
+  "Title/xs/Font family": {
+    resolved: "Brandon Text",
+    alias: "Font family/Scandic/Title",
   },
-  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/LowCase/Font weight': {
+  "Title/md/LowCase/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/LowCase/Font weight": {
     resolved: 450,
-    alias: 'Font weight/Regular bold',
+    alias: "Font weight/Regular bold",
   },
-  'Title/md/LowCase/Font family': {
-    resolved: 'Brandon Text',
-    alias: 'Font family/Scandic/Title',
+  "Title/md/LowCase/Font family": {
+    resolved: "Brandon Text",
+    alias: "Font family/Scandic/Title",
   },
-  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Tag/Font weight': { resolved: 450, alias: 'Font weight/Regular bold' },
-  'Tag/Font family': {
-    resolved: 'Brandon Text',
-    alias: 'Font family/Scandic/Title',
+  "Body/Lead text/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Tag/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Tag/Font weight": { resolved: 450, alias: "Font weight/Regular bold" },
+  "Tag/Font family": {
+    resolved: "Brandon Text",
+    alias: "Font family/Scandic/Title",
   },
-  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
+  "Link/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Link/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
   },
-  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
+  "Link/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Link/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
   },
-  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Lead text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
+  "Body/Lead text/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Lead text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
   },
-  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Paragraph/Font weight 2': {
+  "Body/Paragraph/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Paragraph/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Paragraph/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Paragraph/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
+  "Body/Paragraph/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
   },
-  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Supporting text/Font weight': {
+  "Body/Supporting text/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Supporting text/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Supporting text/Font weight 2': {
+  "Body/Supporting text/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Supporting text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
+  "Body/Supporting text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
   },
-  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
-  'Label/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
+  "Label/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Label/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Label/Font weight 2": { resolved: 500, alias: "Font weight/Medium" },
+  "Label/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
   },
-  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Underline/md/Font weight': {
+  "Body/Underline/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Underline/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Underline/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
+  "Body/Underline/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
   },
-  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Underline/sm/Font weight': {
+  "Body/Underline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Underline/sm/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
-  },
-  'Body/Underline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic/Body',
-  },
-  'Text/Heading': { resolved: '#4D001B', alias: 'Scandic/Red/100' },
-  'Text/Default': { resolved: '#26201E', alias: 'Scandic/Grey/100' },
-  'Text/Secondary': { resolved: '#57514E', alias: 'Scandic/Grey/80' },
-  'Text/Tertiary': { resolved: '#787472', alias: 'Scandic/Grey/60' },
-  'Text/Accent Primary': { resolved: '#CD0921', alias: 'Scandic/Red/Default' },
-  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': { resolved: '#4D001B', alias: 'Scandic/Red/100' },
-  'Text/Interactive/Hover': { resolved: '#8F4350', alias: 'Scandic/Peach/80' },
-  'Text/Interactive/Secondary': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Text/Interactive/Secondary Hover': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Text/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Interactive/Disabled': {
-    resolved: '#A8A4A2',
-    alias: 'Scandic/Grey/40',
-  },
-  'Text/Interactive/Focus': { resolved: '#57514E', alias: 'Scandic/Grey/80' },
-  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Interactive/Placeholder': {
-    resolved: '#787472',
-    alias: 'Scandic/Grey/60',
-  },
-  'Text/Brand/OnAccent/Heading': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Text/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Text/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Text/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Text/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Feedback/Neutral': { resolved: '#787472', alias: 'Scandic/Grey/60' },
-  'Text/Brand/OnAccent/Default': {
-    resolved: '#26201E',
-    alias: 'Scandic/Grey/100',
-  },
-  'Text/Brand/OnAccent/Accent': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Text/Brand/OnAccent/Accent Secondary': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Text/Brand/OnPrimary 1/Heading': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Text/Brand/OnPrimary 1/Default': {
-    resolved: '#26201E',
-    alias: 'Scandic/Grey/100',
-  },
-  'Text/Brand/OnPrimary 1/Hover': {
-    resolved: '#403937',
-    alias: 'Scandic/Grey/90',
-  },
-  'Text/Brand/OnPrimary 1/Accent': {
-    resolved: '#CD0921',
-    alias: 'Scandic/Red/Default',
-  },
-  'Text/Brand/OnPrimary 2/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Accent': {
-    resolved: '#F7E1D5',
-    alias: 'Scandic/Peach/10',
-  },
-  'Text/Brand/OnPrimary 3/Heading': {
-    resolved: '#F7E1D5',
-    alias: 'Scandic/Peach/10',
-  },
-  'Text/Brand/OnPrimary 3/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Accent': {
-    resolved: '#DE9490',
-    alias: 'Scandic/Peach/50',
-  },
-  'Background/Primary': { resolved: '#FAF6F2', alias: 'Scandic/Beige/00' },
-  'Background/Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Primary/Hover Light': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Primary/Hover Accent': {
-    resolved: '#F7E1D5',
-    alias: 'Scandic/Peach/10',
-  },
-  'Surface/Primary/OnSurface/Default': {
-    resolved: '#F9F6F4',
-    alias: 'Scandic/Grey/00',
-  },
-  'Surface/Primary/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Secondary/Default': {
-    resolved: '#F2ECE6',
-    alias: 'Scandic/Beige/10',
-  },
-  'Surface/Secondary/Subtle': {
-    resolved: '#E3D9D1',
-    alias: 'Scandic/Beige/20',
-  },
-  'Surface/Secondary/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Brand/Accent/Default': {
-    resolved: '#F0C1B6',
-    alias: 'Scandic/Peach/30',
-  },
-  'Surface/Brand/Accent/OnAccent/Default': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent': {
-    resolved: '#CD0921',
-    alias: 'Scandic/Red/Default',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Surface/Brand/Primary 1/Default': {
-    resolved: '#F7E1D5',
-    alias: 'Scandic/Peach/10',
-  },
-  'Surface/Brand/Primary 1/OnSurface/Default': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Surface/Brand/Primary 1/OnSurface/Accent': {
-    resolved: '#CD0921',
-    alias: 'Scandic/Red/Default',
-  },
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Surface/Brand/Primary 2/Default': {
-    resolved: '#CD0921',
-    alias: 'Scandic/Red/Default',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Default': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Accent': {
-    resolved: '#F7E1D5',
-    alias: 'Scandic/Peach/10',
-  },
-  'Surface/Brand/Primary 3/Default': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Default': {
-    resolved: '#F7E1D5',
-    alias: 'Scandic/Peach/10',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Accent': {
-    resolved: '#CD0921',
-    alias: 'Scandic/Red/Default',
-  },
-  'Surface/UI Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Intense': { resolved: '#26201E', alias: 'Scandic/Grey/100' },
-  'Surface/UI Fill/Active': { resolved: '#4D0F25', alias: 'Scandic/Peach/100' },
-  'Surface/UI Fill/Active Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Surface/UI Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Accent/1': { resolved: '#8D0011', alias: 'Scandic/Red/80' },
-  'Surface/Accent/2': { resolved: '#3F6DBD', alias: 'Scandic/Blue/60' },
-  'Surface/Accent/3': { resolved: '#256931', alias: 'Scandic/Green/70' },
-  'Surface/Accent/4': { resolved: '#E59515', alias: 'Scandic/Yellow/50' },
-  'Surface/Accent/5': { resolved: '#18347F', alias: 'Scandic/Blue/80' },
-  'Surface/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Surface/Feedback/Information light': {
-    resolved: '#E8F6FF',
-    alias: 'Scandic/Blue/00',
-  },
-  'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Surface/Feedback/Succes light': {
-    resolved: '#F3FCE8',
-    alias: 'Scandic/Green/00',
-  },
-  'Surface/Feedback/Warning': {
-    resolved: '#D17308',
-    alias: 'Scandic/Yellow/60',
-  },
-  'Surface/Feedback/Warning light': {
-    resolved: '#FFF8E3',
-    alias: 'Scandic/Yellow/00',
-  },
-  'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Surface/Feedback/Error light': {
-    resolved: '#FFEBEB',
-    alias: 'Scandic/Red/00',
-  },
-  'Surface/Feedback/Neutral': { resolved: '#787472', alias: 'Scandic/Grey/60' },
-  'Surface/Feedback/Neutral light': {
-    resolved: '#EBE8E6',
-    alias: 'Scandic/Grey/10',
-  },
-  'Border/Default': { resolved: '#E3D9D1', alias: 'Scandic/Beige/20' },
-  'Border/Strong': { resolved: '#B8A79A', alias: 'Scandic/Beige/40' },
-  'Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Icon/Default': { resolved: '#57514E', alias: 'Scandic/Grey/80' },
-  'Icon/Intense': { resolved: '#26201E', alias: 'Scandic/Grey/100' },
-  'Icon/Accent': { resolved: '#B05B65', alias: 'Scandic/Peach/70' },
-  'Icon/Interactive/Default': { resolved: '#4D001B', alias: 'Scandic/Red/100' },
-  'Icon/Interactive/Secondary': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Icon/Interactive/Accent': {
-    resolved: '#CD0921',
-    alias: 'Scandic/Red/Default',
-  },
-  'Icon/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Icon/Interactive/Disabled': {
-    resolved: '#A8A4A2',
-    alias: 'Scandic/Grey/40',
-  },
-  'Icon/Interactive/Placeholder': {
-    resolved: '#787472',
-    alias: 'Scandic/Grey/60',
-  },
-  'Icon/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Icon/Feedback/Neutral': { resolved: '#57514E', alias: 'Scandic/Grey/80' },
-  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
-  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/30': { resolved: '#1F1C1B4D', alias: 'Neutral/Opacity/Black/30' },
-  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
-  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
-  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
-  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
-  'Component/Button/Brand/Primary/Fill/Default': {
-    resolved: '#CD0921',
-    alias: 'Scandic/Red/Default',
-  },
-  'Component/Button/Brand/Primary/Fill/Hover': {
-    resolved: '#1F1C1B33',
-    alias: 'Neutral/Opacity/Black/20',
-  },
-  'Component/Button/Brand/Primary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Disabled': {
-    resolved: '#A8A4A2',
-    alias: 'Scandic/Grey/40',
-  },
-  'Component/Button/Brand/Primary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Secondary/On fill/Default': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Component/Button/Brand/Secondary/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Disabled': {
-    resolved: '#A8A4A2',
-    alias: 'Scandic/Grey/40',
-  },
-  'Component/Button/Brand/Secondary/Border/Default': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Component/Button/Brand/Secondary/Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover inverted': {
-    resolved: '#FFFFFF80',
-    alias: 'Neutral/Opacity/White/50',
-  },
-  'Component/Button/Brand/Secondary/Border/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Default': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
+    alias: "Font weight/Regular",
+  },
+  "Body/Underline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic/Body",
+  },
+  "Text/Heading": { resolved: "#4D001B", alias: "Scandic/Red/100" },
+  "Text/Default": { resolved: "#26201E", alias: "Scandic/Grey/100" },
+  "Text/Secondary": { resolved: "#57514E", alias: "Scandic/Grey/80" },
+  "Text/Tertiary": { resolved: "#787472", alias: "Scandic/Grey/60" },
+  "Text/Accent Primary": { resolved: "#CD0921", alias: "Scandic/Red/Default" },
+  "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Text/Interactive/Default": { resolved: "#4D001B", alias: "Scandic/Red/100" },
+  "Text/Interactive/Hover": { resolved: "#8F4350", alias: "Scandic/Peach/80" },
+  "Text/Interactive/Secondary": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Text/Interactive/Secondary Hover": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Text/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Interactive/Disabled": {
+    resolved: "#A8A4A2",
+    alias: "Scandic/Grey/40",
+  },
+  "Text/Interactive/Focus": { resolved: "#57514E", alias: "Scandic/Grey/80" },
+  "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Interactive/Placeholder": {
+    resolved: "#787472",
+    alias: "Scandic/Grey/60",
+  },
+  "Text/Brand/OnAccent/Heading": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Text/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Feedback/Neutral": { resolved: "#787472", alias: "Scandic/Grey/60" },
+  "Text/Brand/OnAccent/Default": {
+    resolved: "#26201E",
+    alias: "Scandic/Grey/100",
+  },
+  "Text/Brand/OnAccent/Accent": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Text/Brand/OnAccent/Accent Secondary": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Text/Brand/OnPrimary 1/Heading": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Text/Brand/OnPrimary 1/Default": {
+    resolved: "#26201E",
+    alias: "Scandic/Grey/100",
+  },
+  "Text/Brand/OnPrimary 1/Hover": {
+    resolved: "#403937",
+    alias: "Scandic/Grey/90",
+  },
+  "Text/Brand/OnPrimary 1/Accent": {
+    resolved: "#CD0921",
+    alias: "Scandic/Red/Default",
+  },
+  "Text/Brand/OnPrimary 2/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Accent": {
+    resolved: "#F7E1D5",
+    alias: "Scandic/Peach/10",
+  },
+  "Text/Brand/OnPrimary 3/Heading": {
+    resolved: "#F7E1D5",
+    alias: "Scandic/Peach/10",
+  },
+  "Text/Brand/OnPrimary 3/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Accent": {
+    resolved: "#DE9490",
+    alias: "Scandic/Peach/50",
+  },
+  "Background/Primary": { resolved: "#FAF6F2", alias: "Scandic/Beige/00" },
+  "Background/Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Primary/Hover Light": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Primary/Hover Accent": {
+    resolved: "#F7E1D5",
+    alias: "Scandic/Peach/10",
+  },
+  "Surface/Primary/OnSurface/Default": {
+    resolved: "#F9F6F4",
+    alias: "Scandic/Grey/00",
+  },
+  "Surface/Primary/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Secondary/Default": {
+    resolved: "#F2ECE6",
+    alias: "Scandic/Beige/10",
+  },
+  "Surface/Secondary/Subtle": {
+    resolved: "#E3D9D1",
+    alias: "Scandic/Beige/20",
+  },
+  "Surface/Secondary/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Brand/Accent/Default": {
+    resolved: "#F0C1B6",
+    alias: "Scandic/Peach/30",
+  },
+  "Surface/Brand/Accent/OnAccent/Default": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent": {
+    resolved: "#CD0921",
+    alias: "Scandic/Red/Default",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Surface/Brand/Primary 1/Default": {
+    resolved: "#F7E1D5",
+    alias: "Scandic/Peach/10",
+  },
+  "Surface/Brand/Primary 1/OnSurface/Default": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Surface/Brand/Primary 1/OnSurface/Accent": {
+    resolved: "#CD0921",
+    alias: "Scandic/Red/Default",
+  },
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Surface/Brand/Primary 2/Default": {
+    resolved: "#CD0921",
+    alias: "Scandic/Red/Default",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Default": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Accent": {
+    resolved: "#F7E1D5",
+    alias: "Scandic/Peach/10",
+  },
+  "Surface/Brand/Primary 3/Default": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Default": {
+    resolved: "#F7E1D5",
+    alias: "Scandic/Peach/10",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Accent": {
+    resolved: "#CD0921",
+    alias: "Scandic/Red/Default",
+  },
+  "Surface/UI Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Intense": { resolved: "#26201E", alias: "Scandic/Grey/100" },
+  "Surface/UI Fill/Active": { resolved: "#4D0F25", alias: "Scandic/Peach/100" },
+  "Surface/UI Fill/Active Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Surface/UI Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Accent/1": { resolved: "#8D0011", alias: "Scandic/Red/80" },
+  "Surface/Accent/2": { resolved: "#3F6DBD", alias: "Scandic/Blue/60" },
+  "Surface/Accent/3": { resolved: "#256931", alias: "Scandic/Green/70" },
+  "Surface/Accent/4": { resolved: "#E59515", alias: "Scandic/Yellow/50" },
+  "Surface/Accent/5": { resolved: "#18347F", alias: "Scandic/Blue/80" },
+  "Surface/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Surface/Feedback/Information light": {
+    resolved: "#E8F6FF",
+    alias: "Scandic/Blue/00",
+  },
+  "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Surface/Feedback/Succes light": {
+    resolved: "#F3FCE8",
+    alias: "Scandic/Green/00",
+  },
+  "Surface/Feedback/Warning": {
+    resolved: "#D17308",
+    alias: "Scandic/Yellow/60",
+  },
+  "Surface/Feedback/Warning light": {
+    resolved: "#FFF8E3",
+    alias: "Scandic/Yellow/00",
+  },
+  "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Surface/Feedback/Error light": {
+    resolved: "#FFEBEB",
+    alias: "Scandic/Red/00",
+  },
+  "Surface/Feedback/Neutral": { resolved: "#787472", alias: "Scandic/Grey/60" },
+  "Surface/Feedback/Neutral light": {
+    resolved: "#EBE8E6",
+    alias: "Scandic/Grey/10",
+  },
+  "Border/Default": { resolved: "#E3D9D1", alias: "Scandic/Beige/20" },
+  "Border/Strong": { resolved: "#B8A79A", alias: "Scandic/Beige/40" },
+  "Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Icon/Default": { resolved: "#57514E", alias: "Scandic/Grey/80" },
+  "Icon/Intense": { resolved: "#26201E", alias: "Scandic/Grey/100" },
+  "Icon/Accent": { resolved: "#B05B65", alias: "Scandic/Peach/70" },
+  "Icon/Interactive/Default": { resolved: "#4D001B", alias: "Scandic/Red/100" },
+  "Icon/Interactive/Secondary": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Icon/Interactive/Accent": {
+    resolved: "#CD0921",
+    alias: "Scandic/Red/Default",
+  },
+  "Icon/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Icon/Interactive/Disabled": {
+    resolved: "#A8A4A2",
+    alias: "Scandic/Grey/40",
+  },
+  "Icon/Interactive/Placeholder": {
+    resolved: "#787472",
+    alias: "Scandic/Grey/60",
+  },
+  "Icon/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Icon/Feedback/Neutral": { resolved: "#57514E", alias: "Scandic/Grey/80" },
+  "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+  "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/30": { resolved: "#1F1C1B4D", alias: "Neutral/Opacity/Black/30" },
+  "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+  "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+  "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+  "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+  "Component/Button/Brand/Primary/Fill/Default": {
+    resolved: "#CD0921",
+    alias: "Scandic/Red/Default",
+  },
+  "Component/Button/Brand/Primary/Fill/Hover": {
+    resolved: "#1F1C1B33",
+    alias: "Neutral/Opacity/Black/20",
+  },
+  "Component/Button/Brand/Primary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Disabled": {
+    resolved: "#A8A4A2",
+    alias: "Scandic/Grey/40",
+  },
+  "Component/Button/Brand/Primary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Secondary/On fill/Default": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Component/Button/Brand/Secondary/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Disabled": {
+    resolved: "#A8A4A2",
+    alias: "Scandic/Grey/40",
+  },
+  "Component/Button/Brand/Secondary/Border/Default": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Component/Button/Brand/Secondary/Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover inverted": {
+    resolved: "#FFFFFF80",
+    alias: "Neutral/Opacity/White/50",
+  },
+  "Component/Button/Brand/Secondary/Border/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Default": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
   },
-  'Component/Button/Brand/Tertiary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
+  "Component/Button/Brand/Tertiary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
   },
-  'Component/Button/Brand/Tertiary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
+  "Component/Button/Brand/Tertiary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
   },
-  'Component/Button/Brand/Tertiary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
+  "Component/Button/Brand/Tertiary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
   },
-  'Component/Button/Brand/Tertiary/On fill/Disabled': {
-    resolved: '#A8A4A2',
-    alias: 'Scandic/Grey/40',
+  "Component/Button/Brand/Tertiary/On fill/Disabled": {
+    resolved: "#A8A4A2",
+    alias: "Scandic/Grey/40",
   },
-  'Component/Button/Brand/Tertiary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
+  "Component/Button/Brand/Tertiary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
   },
-  'Component/Button/Brand/Tertiary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
+  "Component/Button/Brand/Tertiary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
   },
-  'Component/Button/Brand/Tertiary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
+  "Component/Button/Brand/Tertiary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
   },
-  'Component/Button/Inverted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
+  "Component/Button/Inverted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
   },
-  'Component/Button/Inverted/Fill/Faded': {
-    resolved: '#FFFFFFE6',
-    alias: 'Neutral/Opacity/White/90',
+  "Component/Button/Inverted/Fill/Faded": {
+    resolved: "#FFFFFFE6",
+    alias: "Neutral/Opacity/White/90",
   },
-  'Component/Button/Inverted/Fill/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
+  "Component/Button/Inverted/Fill/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
   },
-  'Component/Button/Inverted/Fill/Hover Inverted': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
+  "Component/Button/Inverted/Fill/Hover Inverted": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
   },
-  'Component/Button/Inverted/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
+  "Component/Button/Inverted/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
   },
-  'Component/Button/Inverted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
+  "Component/Button/Inverted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
   },
-  'Component/Button/Inverted/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
+  "Component/Button/Inverted/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
   },
-  'Component/Button/Inverted/Border/Disable': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/On fill/Default': {
-    resolved: '#4D001B',
-    alias: 'Scandic/Red/100',
-  },
-  'Component/Button/Inverted/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Hover inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/On fill/Disabled': {
-    resolved: '#A8A4A2',
-    alias: 'Scandic/Grey/40',
-  },
-  'Border/Interactive/Default': {
-    resolved: '#9C8A7E',
-    alias: 'Scandic/Beige/50',
-  },
-  'Border/Divider/Default': { resolved: '#E3D9D1', alias: 'Scandic/Beige/20' },
-  'Border/Divider/Subtle': { resolved: '#F2ECE6', alias: 'Scandic/Beige/10' },
-  'Border/Divider/Accent': { resolved: '#F0C1B6', alias: 'Scandic/Peach/30' },
-  'Border/Divider/Brand/OnAccent/Default': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Border/Divider/Brand/OnPrimary 1/Default': {
-    resolved: '#E9ABA3',
-    alias: 'Scandic/Peach/40',
-  },
-  'Border/Divider/Brand/OnPrimary 2/Default': {
-    resolved: '#AD0015',
-    alias: 'Scandic/Red/70',
-  },
-  'Border/Divider/Brand/OnPrimary 3/Default': {
-    resolved: '#8F4350',
-    alias: 'Scandic/Peach/80',
-  },
-  'Border/Interactive/Active': {
-    resolved: '#6B584D',
-    alias: 'Scandic/Beige/70',
-  },
-  'Border/Interactive/Focus': {
-    resolved: '#26201E',
-    alias: 'Scandic/Grey/100',
-  },
-  'Border/Interactive/Disabled': {
-    resolved: '#A8A4A2',
-    alias: 'Scandic/Grey/40',
-  },
-  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Component/Button/Muted/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Muted/Fill/Hover': {
-    resolved: '#FFFFFF0D',
-    alias: 'Neutral/Opacity/White/5',
-  },
-  'Component/Button/Muted/Fill/Disabled': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Fill/Hover inverted': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Muted/Fill/Disabled inverted': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Muted/On fill/Default': {
-    resolved: '#26201E',
-    alias: 'Scandic/Grey/100',
-  },
-  'Component/Button/Muted/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/On fill/Hover Inverted': {
-    resolved: '#6D000D',
-    alias: 'Scandic/Red/90',
-  },
-  'Component/Button/Muted/On fill/Disabled': {
-    resolved: '#A8A4A2',
-    alias: 'Scandic/Grey/40',
-  },
-  'Component/Button/Muted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Muted/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Muted/Border/Disable': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
+  "Component/Button/Inverted/Border/Disable": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/On fill/Default": {
+    resolved: "#4D001B",
+    alias: "Scandic/Red/100",
+  },
+  "Component/Button/Inverted/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Hover inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/On fill/Disabled": {
+    resolved: "#A8A4A2",
+    alias: "Scandic/Grey/40",
+  },
+  "Border/Interactive/Default": {
+    resolved: "#9C8A7E",
+    alias: "Scandic/Beige/50",
+  },
+  "Border/Divider/Default": { resolved: "#E3D9D1", alias: "Scandic/Beige/20" },
+  "Border/Divider/Subtle": { resolved: "#F2ECE6", alias: "Scandic/Beige/10" },
+  "Border/Divider/Accent": { resolved: "#F0C1B6", alias: "Scandic/Peach/30" },
+  "Border/Divider/Brand/OnAccent/Default": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Border/Divider/Brand/OnPrimary 1/Default": {
+    resolved: "#E9ABA3",
+    alias: "Scandic/Peach/40",
+  },
+  "Border/Divider/Brand/OnPrimary 2/Default": {
+    resolved: "#AD0015",
+    alias: "Scandic/Red/70",
+  },
+  "Border/Divider/Brand/OnPrimary 3/Default": {
+    resolved: "#8F4350",
+    alias: "Scandic/Peach/80",
+  },
+  "Border/Interactive/Active": {
+    resolved: "#6B584D",
+    alias: "Scandic/Beige/70",
+  },
+  "Border/Interactive/Focus": {
+    resolved: "#26201E",
+    alias: "Scandic/Grey/100",
+  },
+  "Border/Interactive/Disabled": {
+    resolved: "#A8A4A2",
+    alias: "Scandic/Grey/40",
+  },
+  "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Component/Button/Muted/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Muted/Fill/Hover": {
+    resolved: "#FFFFFF0D",
+    alias: "Neutral/Opacity/White/5",
+  },
+  "Component/Button/Muted/Fill/Disabled": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Fill/Hover inverted": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Muted/Fill/Disabled inverted": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Muted/On fill/Default": {
+    resolved: "#26201E",
+    alias: "Scandic/Grey/100",
+  },
+  "Component/Button/Muted/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/On fill/Hover Inverted": {
+    resolved: "#6D000D",
+    alias: "Scandic/Red/90",
+  },
+  "Component/Button/Muted/On fill/Disabled": {
+    resolved: "#A8A4A2",
+    alias: "Scandic/Grey/40",
+  },
+  "Component/Button/Muted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Muted/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Muted/Border/Disable": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
   },
 } as const
 export const scandicGo = {
-  'Scandic Go/Beige/00': { resolved: '#FFFEFA' },
-  'Scandic Go/Beige/0': { resolved: '#FAF8F2' },
-  'Scandic Go/Beige/10': { resolved: '#F0EDE4' },
-  'Scandic Go/Beige/20': { resolved: '#E0DCCE' },
-  'Scandic Go/Beige/30': { resolved: '#C8C4B6' },
-  'Scandic Go/Beige/40': { resolved: '#B0ACA0' },
-  'Scandic Go/Beige/50': { resolved: '#918F83' },
-  'Scandic Go/Beige/60': { resolved: '#78766D' },
-  'Scandic Go/Beige/70': { resolved: '#63615A' },
-  'Scandic Go/Beige/80': { resolved: '#4F4D49' },
-  'Scandic Go/Beige/90': { resolved: '#373633' },
-  'Scandic Go/Beige/100': { resolved: '#1F1E1D' },
-  'Scandic Go/Purple/00': { resolved: '#F4F2FF' },
-  'Scandic Go/Purple/10': { resolved: '#DCD7FF' },
-  'Scandic Go/Purple/20': { resolved: '#CABFFC' },
-  'Scandic Go/Purple/30': { resolved: '#BAA7F7' },
-  'Scandic Go/Purple/40': { resolved: '#AB8EF0' },
-  'Scandic Go/Purple/50': { resolved: '#9C75E6' },
-  'Scandic Go/Purple/60': { resolved: '#8C5BD5' },
-  'Scandic Go/Purple/70': { resolved: '#733CB2' },
-  'Scandic Go/Purple/80': { resolved: '#5E2A8C' },
-  'Scandic Go/Purple/90': { resolved: '#451F61' },
-  'Scandic Go/Purple/100': { resolved: '#2D163A' },
-  'Scandic Go/Yellow/00': { resolved: '#FDFFE8' },
-  'Scandic Go/Yellow/10': { resolved: '#FAFFC4' },
-  'Scandic Go/Yellow/20': { resolved: '#F8FF9C' },
-  'Scandic Go/Yellow/30': { resolved: '#F5FF73' },
-  'Scandic Go/Yellow/40': { resolved: '#EDEA39' },
-  'Scandic Go/Yellow/50': { resolved: '#DEC614' },
-  'Scandic Go/Yellow/60': { resolved: '#BA8D07' },
-  'Scandic Go/Yellow/70': { resolved: '#966400' },
-  'Scandic Go/Yellow/80': { resolved: '#754403' },
-  'Scandic Go/Yellow/90': { resolved: '#572701' },
-  'Scandic Go/Yellow/100': { resolved: '#3B1300' },
-  'Scandic Go/Green/00': { resolved: '#EDFFE5' },
-  'Scandic Go/Green/10': { resolved: '#CDFFB8' },
-  'Scandic Go/Green/20': { resolved: '#A7FF82' },
-  'Scandic Go/Green/30': { resolved: '#85FF52' },
-  'Scandic Go/Green/40': { resolved: '#66E03A' },
-  'Scandic Go/Green/50': { resolved: '#45B222' },
-  'Scandic Go/Green/60': { resolved: '#2E7F18' },
-  'Scandic Go/Green/70': { resolved: '#2A601E' },
-  'Scandic Go/Green/80': { resolved: '#26461F' },
-  'Scandic Go/Green/90': { resolved: '#21331F' },
-  'Scandic Go/Green/100': { resolved: '#162115' },
-  'Scandic Go/Cyan/20': { resolved: '#73FCEE' },
-  'Scandic Go/Cyan/70': { resolved: '#087B86' },
-  'Scandic Go/Coral/50': { resolved: '#FA3737' },
-  'Scandic Go/Powder Rose/50': { resolved: '#ECC8C9' },
-  'Scandic Go/Powder Rose/90': { resolved: '#C27183' },
-  'Title/lg/Letter spacing': { resolved: 0.48 },
-  'Title/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/lg/Text-Transform': { resolved: 'none' },
-  'Title/md/Letter spacing': { resolved: 0.36 },
-  'Title/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Letter spacing': { resolved: 0.42 },
-  'Title/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Text-Transform': { resolved: 'none' },
-  'Title/Decorative/lg/Letter spacing': { resolved: 0.32 },
-  'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
-  'Title/Decorative/lg/Text-Transform': { resolved: 'none' },
-  'Title/Decorative/md/Letter spacing': { resolved: 0.48 },
-  'Title/Decorative/md/Font fallback': { resolved: 'Serif' },
-  'Title/Decorative/md/Text-Transform': { resolved: 'none' },
-  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
-  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
-  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
-  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/Overline/sm/Text-Transform': { resolved: 'none' },
-  'Title/sm/LowCase/Letter spacing': { resolved: 0.42 },
-  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
-  'Title/xs/Letter spacing': { resolved: 0.36 },
-  'Title/xs/Font fallback': { resolved: 'sans-serif' },
-  'Title/xs/Text-Transform': { resolved: 'none' },
-  'Title/md/Text-Transform': { resolved: 'none' },
-  'Title/md/LowCase/Letter spacing': { resolved: 0.36 },
-  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/md/LowCase/Text-Transform': { resolved: 'none' },
-  'Tag/Letter spacing': { resolved: 0.24 },
-  'Tag/Font fallback': { resolved: 'sans-serif' },
-  'Tag/Text-Transform': { resolved: 'none' },
-  'Link/md/Font fallback': { resolved: 'sans-serif' },
-  'Link/md/Letter spacing': { resolved: 0.19 },
-  'Link/md/Text-Decoration': { resolved: 'underline' },
-  'Link/sm/Font fallback': { resolved: 'sans-serif' },
-  'Link/sm/Letter spacing': { resolved: 0.2 },
-  'Link/sm/Text-Decoration': { resolved: 'underline' },
-  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
-  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
-  'Body/Lead text/Letter spacing': { resolved: 0.2 },
-  'Label/Font fallback': { resolved: 'sans-serif' },
-  'Label/Letter spacing': { resolved: 0.17 },
-  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
-  'Body/Underline/md/Text-Decoration': { resolved: 'underline' },
-  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
-  'Body/Underline/sm/Text-Decoration': { resolved: 'underline' },
-  'Utilities/Gradients/10': { resolved: '#2D163A1A' },
-  'Font family/Scandic Go/Title': { resolved: 'Neue Haas Grotesk Display Pro' },
-  'Font family/Scandic Go/Body': { resolved: 'Fira sans' },
-  'Font family/Scandic Go/Decorative': { resolved: 'ITC Garamond Std' },
-  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
-  'Title/lg/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Title/lg/Font family': {
-    resolved: 'Neue Haas Grotesk Display Pro',
-    alias: 'Font family/Scandic Go/Title',
+  "Scandic Go/Beige/00": { resolved: "#FFFEFA" },
+  "Scandic Go/Beige/0": { resolved: "#FAF8F2" },
+  "Scandic Go/Beige/10": { resolved: "#F0EDE4" },
+  "Scandic Go/Beige/20": { resolved: "#E0DCCE" },
+  "Scandic Go/Beige/30": { resolved: "#C8C4B6" },
+  "Scandic Go/Beige/40": { resolved: "#B0ACA0" },
+  "Scandic Go/Beige/50": { resolved: "#918F83" },
+  "Scandic Go/Beige/60": { resolved: "#78766D" },
+  "Scandic Go/Beige/70": { resolved: "#63615A" },
+  "Scandic Go/Beige/80": { resolved: "#4F4D49" },
+  "Scandic Go/Beige/90": { resolved: "#373633" },
+  "Scandic Go/Beige/100": { resolved: "#1F1E1D" },
+  "Scandic Go/Purple/00": { resolved: "#F4F2FF" },
+  "Scandic Go/Purple/10": { resolved: "#DCD7FF" },
+  "Scandic Go/Purple/20": { resolved: "#CABFFC" },
+  "Scandic Go/Purple/30": { resolved: "#BAA7F7" },
+  "Scandic Go/Purple/40": { resolved: "#AB8EF0" },
+  "Scandic Go/Purple/50": { resolved: "#9C75E6" },
+  "Scandic Go/Purple/60": { resolved: "#8C5BD5" },
+  "Scandic Go/Purple/70": { resolved: "#733CB2" },
+  "Scandic Go/Purple/80": { resolved: "#5E2A8C" },
+  "Scandic Go/Purple/90": { resolved: "#451F61" },
+  "Scandic Go/Purple/100": { resolved: "#2D163A" },
+  "Scandic Go/Yellow/00": { resolved: "#FDFFE8" },
+  "Scandic Go/Yellow/10": { resolved: "#FAFFC4" },
+  "Scandic Go/Yellow/20": { resolved: "#F8FF9C" },
+  "Scandic Go/Yellow/30": { resolved: "#F5FF73" },
+  "Scandic Go/Yellow/40": { resolved: "#EDEA39" },
+  "Scandic Go/Yellow/50": { resolved: "#DEC614" },
+  "Scandic Go/Yellow/60": { resolved: "#BA8D07" },
+  "Scandic Go/Yellow/70": { resolved: "#966400" },
+  "Scandic Go/Yellow/80": { resolved: "#754403" },
+  "Scandic Go/Yellow/90": { resolved: "#572701" },
+  "Scandic Go/Yellow/100": { resolved: "#3B1300" },
+  "Scandic Go/Green/00": { resolved: "#EDFFE5" },
+  "Scandic Go/Green/10": { resolved: "#CDFFB8" },
+  "Scandic Go/Green/20": { resolved: "#A7FF82" },
+  "Scandic Go/Green/30": { resolved: "#85FF52" },
+  "Scandic Go/Green/40": { resolved: "#66E03A" },
+  "Scandic Go/Green/50": { resolved: "#45B222" },
+  "Scandic Go/Green/60": { resolved: "#2E7F18" },
+  "Scandic Go/Green/70": { resolved: "#2A601E" },
+  "Scandic Go/Green/80": { resolved: "#26461F" },
+  "Scandic Go/Green/90": { resolved: "#21331F" },
+  "Scandic Go/Green/100": { resolved: "#162115" },
+  "Scandic Go/Cyan/20": { resolved: "#73FCEE" },
+  "Scandic Go/Cyan/70": { resolved: "#087B86" },
+  "Scandic Go/Coral/50": { resolved: "#FA3737" },
+  "Scandic Go/Powder Rose/50": { resolved: "#ECC8C9" },
+  "Scandic Go/Powder Rose/90": { resolved: "#C27183" },
+  "Title/lg/Letter spacing": { resolved: 0.48 },
+  "Title/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/lg/Text-Transform": { resolved: "none" },
+  "Title/md/Letter spacing": { resolved: 0.36 },
+  "Title/md/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Letter spacing": { resolved: 0.42 },
+  "Title/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Text-Transform": { resolved: "none" },
+  "Title/Decorative/lg/Letter spacing": { resolved: 0.32 },
+  "Title/Decorative/lg/Font fallback": { resolved: "Serif" },
+  "Title/Decorative/lg/Text-Transform": { resolved: "none" },
+  "Title/Decorative/md/Letter spacing": { resolved: 0.48 },
+  "Title/Decorative/md/Font fallback": { resolved: "Serif" },
+  "Title/Decorative/md/Text-Transform": { resolved: "none" },
+  "Title/Subtitle/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/lg/Letter spacing": { resolved: 0.24 },
+  "Title/Subtitle/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
+  "Title/Overline/sm/Letter spacing": { resolved: 0.21 },
+  "Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/Overline/sm/Text-Transform": { resolved: "none" },
+  "Title/sm/LowCase/Letter spacing": { resolved: 0.42 },
+  "Title/sm/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/LowCase/Text-Transform": { resolved: "none" },
+  "Title/xs/Letter spacing": { resolved: 0.36 },
+  "Title/xs/Font fallback": { resolved: "sans-serif" },
+  "Title/xs/Text-Transform": { resolved: "none" },
+  "Title/md/Text-Transform": { resolved: "none" },
+  "Title/md/LowCase/Letter spacing": { resolved: 0.36 },
+  "Title/md/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/md/LowCase/Text-Transform": { resolved: "none" },
+  "Tag/Letter spacing": { resolved: 0.24 },
+  "Tag/Font fallback": { resolved: "sans-serif" },
+  "Tag/Text-Transform": { resolved: "none" },
+  "Link/md/Font fallback": { resolved: "sans-serif" },
+  "Link/md/Letter spacing": { resolved: 0.19 },
+  "Link/md/Text-Decoration": { resolved: "underline" },
+  "Link/sm/Font fallback": { resolved: "sans-serif" },
+  "Link/sm/Letter spacing": { resolved: 0.2 },
+  "Link/sm/Text-Decoration": { resolved: "underline" },
+  "Body/Lead text/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Letter spacing": { resolved: 0.19 },
+  "Body/Supporting text/Font fallback": { resolved: "sans-serif" },
+  "Body/Supporting text/Letter spacing": { resolved: 0.2 },
+  "Body/Lead text/Letter spacing": { resolved: 0.2 },
+  "Label/Font fallback": { resolved: "sans-serif" },
+  "Label/Letter spacing": { resolved: 0.17 },
+  "Body/Underline/md/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/md/Letter spacing": { resolved: 0.19 },
+  "Body/Underline/md/Text-Decoration": { resolved: "underline" },
+  "Body/Underline/sm/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/sm/Letter spacing": { resolved: 0.2 },
+  "Body/Underline/sm/Text-Decoration": { resolved: "underline" },
+  "Utilities/Gradients/10": { resolved: "#2D163A1A" },
+  "Font family/Scandic Go/Title": { resolved: "Neue Haas Grotesk Display Pro" },
+  "Font family/Scandic Go/Body": { resolved: "Fira sans" },
+  "Font family/Scandic Go/Decorative": { resolved: "ITC Garamond Std" },
+  "Title/lg/Size": { resolved: "", alias: "Impl-Text size/4xl" },
+  "Title/lg/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Title/lg/Font family": {
+    resolved: "Neue Haas Grotesk Display Pro",
+    alias: "Font family/Scandic Go/Title",
   },
-  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Title/md/Font family': {
-    resolved: 'Neue Haas Grotesk Display Pro',
-    alias: 'Font family/Scandic Go/Title',
+  "Title/md/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Title/md/Font family": {
+    resolved: "Neue Haas Grotesk Display Pro",
+    alias: "Font family/Scandic Go/Title",
   },
-  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Title/sm/Font family': {
-    resolved: 'Neue Haas Grotesk Display Pro',
-    alias: 'Font family/Scandic Go/Title',
+  "Title/sm/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Title/sm/Font family": {
+    resolved: "Neue Haas Grotesk Display Pro",
+    alias: "Font family/Scandic Go/Title",
   },
-  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/LowCase/Font weight': {
+  "Title/sm/LowCase/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/LowCase/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/sm/LowCase/Font family': {
-    resolved: 'Neue Haas Grotesk Display Pro',
-    alias: 'Font family/Scandic Go/Title',
+  "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/sm/LowCase/Font family": {
+    resolved: "Neue Haas Grotesk Display Pro",
+    alias: "Font family/Scandic Go/Title",
   },
-  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xl' },
-  'Title/Decorative/lg/Font weight': {
+  "Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xl" },
+  "Title/Decorative/lg/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Decorative/lg/Font family': {
-    resolved: 'ITC Garamond Std',
-    alias: 'Font family/Scandic Go/Decorative',
+  "Title/Decorative/lg/Font family": {
+    resolved: "ITC Garamond Std",
+    alias: "Font family/Scandic Go/Decorative",
   },
-  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Decorative/md/Font weight': {
+  "Title/Decorative/md/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Decorative/md/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Decorative/md/Font family': {
-    resolved: 'ITC Garamond Std',
-    alias: 'Font family/Scandic Go/Decorative',
+  "Title/Decorative/md/Font family": {
+    resolved: "ITC Garamond Std",
+    alias: "Font family/Scandic Go/Decorative",
   },
-  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Subtitle/lg/Font weight': {
+  "Title/Subtitle/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Subtitle/lg/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/lg/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
+  "Title/Subtitle/lg/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
   },
-  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Subtitle/md/Font weight': {
+  "Title/Subtitle/md/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Subtitle/md/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
+  "Title/Subtitle/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
   },
-  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/2xs' },
-  'Title/Overline/sm/Font weight': {
+  "Title/Overline/sm/Size": { resolved: "", alias: "Impl-Text size/2xs" },
+  "Title/Overline/sm/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Overline/sm/Font family': {
-    resolved: 'Neue Haas Grotesk Display Pro',
-    alias: 'Font family/Scandic Go/Title',
+  "Title/Overline/sm/Font family": {
+    resolved: "Neue Haas Grotesk Display Pro",
+    alias: "Font family/Scandic Go/Title",
   },
-  'Title/xs/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Title/xs/Font family': {
-    resolved: 'Neue Haas Grotesk Display Pro',
-    alias: 'Font family/Scandic Go/Title',
+  "Title/xs/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Title/xs/Font family": {
+    resolved: "Neue Haas Grotesk Display Pro",
+    alias: "Font family/Scandic Go/Title",
   },
-  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/LowCase/Font weight': {
+  "Title/md/LowCase/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/LowCase/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/md/LowCase/Font family': {
-    resolved: 'Brandon Text',
-    alias: 'Font family/Scandic/Title',
+  "Title/md/LowCase/Font family": {
+    resolved: "Brandon Text",
+    alias: "Font family/Scandic/Title",
   },
-  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Tag/Font family': {
-    resolved: 'Neue Haas Grotesk Display Pro',
-    alias: 'Font family/Scandic Go/Title',
+  "Body/Lead text/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Tag/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Tag/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Tag/Font family": {
+    resolved: "Neue Haas Grotesk Display Pro",
+    alias: "Font family/Scandic Go/Title",
   },
-  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
+  "Link/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Link/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
   },
-  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
+  "Link/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Link/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
   },
-  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Lead text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
+  "Body/Lead text/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Lead text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
   },
-  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Paragraph/Font weight 2': {
+  "Body/Paragraph/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Paragraph/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Paragraph/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Paragraph/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
+  "Body/Paragraph/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
   },
-  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Supporting text/Font weight': {
+  "Body/Supporting text/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Supporting text/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Supporting text/Font weight 2': {
+  "Body/Supporting text/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Supporting text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
+  "Body/Supporting text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
   },
-  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
-  'Label/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
+  "Label/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Label/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Label/Font weight 2": { resolved: 500, alias: "Font weight/Medium" },
+  "Label/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
   },
-  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Underline/md/Font weight': {
+  "Body/Underline/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Underline/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Underline/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
+  "Body/Underline/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
   },
-  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Underline/sm/Font weight': {
+  "Body/Underline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Underline/sm/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
-  },
-  'Body/Underline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Scandic Go/Body',
-  },
-  'Text/Heading': { resolved: '#2D163A', alias: 'Scandic Go/Purple/100' },
-  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
-  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Accent Primary': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Text/Interactive/Hover': {
-    resolved: '#5E2A8C',
-    alias: 'Scandic Go/Purple/80',
-  },
-  'Text/Interactive/Secondary': {
-    resolved: '#5E2A8C',
-    alias: 'Scandic Go/Purple/80',
-  },
-  'Text/Interactive/Secondary Hover': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Text/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
-  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Heading': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Text/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Text/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Text/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Text/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Text/Brand/OnAccent/Accent': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Text/Brand/OnAccent/Accent Secondary': {
-    resolved: '#5E2A8C',
-    alias: 'Scandic Go/Purple/80',
-  },
-  'Text/Brand/OnPrimary 1/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Brand/OnPrimary 1/Accent': {
-    resolved: '#DCD7FF',
-    alias: 'Scandic Go/Purple/10',
-  },
-  'Text/Brand/OnPrimary 2/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Accent': {
-    resolved: '#DCD7FF',
-    alias: 'Scandic Go/Purple/10',
-  },
-  'Text/Brand/OnPrimary 3/Heading': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Text/Brand/OnPrimary 3/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Text/Brand/OnPrimary 3/Accent': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Background/Primary': { resolved: '#FFFEFA', alias: 'Scandic Go/Beige/00' },
-  'Background/Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Primary/Hover Light': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Primary/Hover Accent': {
-    resolved: '#DCD7FF',
-    alias: 'Scandic Go/Purple/10',
-  },
-  'Surface/Primary/OnSurface/Default': {
-    resolved: '#FAF8F2',
-    alias: 'Scandic Go/Beige/0',
-  },
-  'Surface/Primary/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Secondary/Default': {
-    resolved: '#F0EDE4',
-    alias: 'Scandic Go/Beige/10',
-  },
-  'Surface/Secondary/Subtle': {
-    resolved: '#E0DCCE',
-    alias: 'Scandic Go/Beige/20',
-  },
-  'Surface/Secondary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Brand/Accent/Default': {
-    resolved: '#F5FF73',
-    alias: 'Scandic Go/Yellow/30',
-  },
-  'Surface/Brand/Accent/OnAccent/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent': {
-    resolved: '#451F61',
-    alias: 'Scandic Go/Purple/90',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': {
-    resolved: '#451F61',
-    alias: 'Scandic Go/Purple/90',
-  },
-  'Surface/Brand/Primary 1/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Surface/Brand/Primary 1/OnSurface/Default': {
-    resolved: '#F5FF73',
-    alias: 'Scandic Go/Yellow/30',
-  },
-  'Surface/Brand/Primary 1/OnSurface/Accent': {
-    resolved: '#FA3737',
-    alias: 'Scandic Go/Coral/50',
-  },
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Surface/Brand/Primary 2/Default': {
-    resolved: '#21331F',
-    alias: 'Scandic Go/Green/90',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Accent': {
-    resolved: '#85FF52',
-    alias: 'Scandic Go/Green/30',
-  },
-  'Surface/Brand/Primary 3/Default': {
-    resolved: '#DCD7FF',
-    alias: 'Scandic Go/Purple/10',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Default': {
-    resolved: '#FA3737',
-    alias: 'Scandic Go/Coral/50',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Accent': {
-    resolved: '#FA3737',
-    alias: 'Scandic Go/Coral/50',
-  },
-  'Surface/UI Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Accent/1': { resolved: '#FA3737', alias: 'Scandic Go/Coral/50' },
-  'Surface/Accent/2': { resolved: '#087B86', alias: 'Scandic Go/Cyan/70' },
-  'Surface/Accent/3': { resolved: '#2A601E', alias: 'Scandic Go/Green/70' },
-  'Surface/Accent/4': { resolved: '#733CB2', alias: 'Scandic Go/Purple/70' },
-  'Surface/Accent/5': {
-    resolved: '#C27183',
-    alias: 'Scandic Go/Powder Rose/90',
-  },
-  'Surface/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Surface/Feedback/Information light': {
-    resolved: '#E8F6FF',
-    alias: 'Scandic/Blue/00',
-  },
-  'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Surface/Feedback/Succes light': {
-    resolved: '#F3FCE8',
-    alias: 'Scandic/Green/00',
-  },
-  'Surface/Feedback/Warning': {
-    resolved: '#D17308',
-    alias: 'Scandic/Yellow/60',
-  },
-  'Surface/Feedback/Warning light': {
-    resolved: '#FFF8E3',
-    alias: 'Scandic/Yellow/00',
-  },
-  'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Surface/Feedback/Error light': {
-    resolved: '#FFEBEB',
-    alias: 'Scandic/Red/00',
-  },
-  'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Surface/Feedback/Neutral light': {
-    resolved: '#E9E9E9',
-    alias: 'Neutral/15',
-  },
-  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Accent': { resolved: '#FA3737', alias: 'Scandic Go/Coral/50' },
-  'Icon/Interactive/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Icon/Interactive/Secondary': {
-    resolved: '#5E2A8C',
-    alias: 'Scandic Go/Purple/80',
-  },
-  'Icon/Interactive/Accent': {
-    resolved: '#5E2A8C',
-    alias: 'Scandic Go/Purple/80',
-  },
-  'Icon/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Icon/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Icon/Feedback/Neutral': { resolved: '#57514E', alias: 'Scandic/Grey/80' },
-  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
-  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/30': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
-  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
-  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
-  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
-  'Component/Button/Brand/Primary/Fill/Default': {
-    resolved: '#DCD7FF',
-    alias: 'Scandic Go/Purple/10',
-  },
-  'Component/Button/Brand/Primary/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/On fill/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Hover': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Primary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Secondary/On fill/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover': {
-    resolved: '#5E2A8C',
-    alias: 'Scandic Go/Purple/80',
-  },
-  'Component/Button/Brand/Secondary/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Secondary/Border/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover': {
-    resolved: '#5E2A8C',
-    alias: 'Scandic Go/Purple/80',
-  },
-  'Component/Button/Brand/Secondary/Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover inverted': {
-    resolved: '#FFFFFF80',
-    alias: 'Neutral/Opacity/White/50',
-  },
-  'Component/Button/Brand/Secondary/Border/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Tertiary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/Fill/Faded': {
-    resolved: '#FFFFFFE6',
-    alias: 'Neutral/Opacity/White/90',
-  },
-  'Component/Button/Inverted/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Fill/Hover Inverted': {
-    resolved: '#DCD7FF',
-    alias: 'Scandic Go/Purple/10',
-  },
-  'Component/Button/Inverted/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Disable': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/On fill/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Component/Button/Inverted/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Hover inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Brand/OnAccent/Default': {
-    resolved: '#451F61',
-    alias: 'Scandic Go/Purple/90',
-  },
-  'Border/Divider/Brand/OnPrimary 1/Default': {
-    resolved: '#2D163A',
-    alias: 'Scandic Go/Purple/100',
-  },
-  'Border/Divider/Brand/OnPrimary 2/Default': {
-    resolved: '#85FF52',
-    alias: 'Scandic Go/Green/30',
-  },
-  'Border/Divider/Brand/OnPrimary 3/Default': {
-    resolved: '#451F61',
-    alias: 'Scandic Go/Purple/90',
-  },
-  'Border/Interactive/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
-  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Component/Button/Muted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Hover': {
-    resolved: '#FFFFFF0D',
-    alias: 'Neutral/Opacity/White/5',
-  },
-  'Component/Button/Muted/Fill/Disabled': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Fill/Hover inverted': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Muted/Fill/Disabled inverted': {
-    resolved: '#D9D9D9',
-    alias: 'Neutral/20',
-  },
-  'Component/Button/Muted/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Muted/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/On fill/Hover Inverted': {
-    resolved: '#5E2A8C',
-    alias: 'Scandic Go/Purple/80',
-  },
-  'Component/Button/Muted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Muted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Muted/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Muted/Border/Disable': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
+    alias: "Font weight/Regular",
+  },
+  "Body/Underline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Scandic Go/Body",
+  },
+  "Text/Heading": { resolved: "#2D163A", alias: "Scandic Go/Purple/100" },
+  "Text/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Secondary": { resolved: "#575757", alias: "Neutral/60" },
+  "Text/Tertiary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Accent Primary": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Text/Interactive/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Text/Interactive/Hover": {
+    resolved: "#5E2A8C",
+    alias: "Scandic Go/Purple/80",
+  },
+  "Text/Interactive/Secondary": {
+    resolved: "#5E2A8C",
+    alias: "Scandic Go/Purple/80",
+  },
+  "Text/Interactive/Secondary Hover": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Text/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+  "Text/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Heading": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Text/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Text/Brand/OnAccent/Accent": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Text/Brand/OnAccent/Accent Secondary": {
+    resolved: "#5E2A8C",
+    alias: "Scandic Go/Purple/80",
+  },
+  "Text/Brand/OnPrimary 1/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Brand/OnPrimary 1/Accent": {
+    resolved: "#DCD7FF",
+    alias: "Scandic Go/Purple/10",
+  },
+  "Text/Brand/OnPrimary 2/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Accent": {
+    resolved: "#DCD7FF",
+    alias: "Scandic Go/Purple/10",
+  },
+  "Text/Brand/OnPrimary 3/Heading": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Text/Brand/OnPrimary 3/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Text/Brand/OnPrimary 3/Accent": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Background/Primary": { resolved: "#FFFEFA", alias: "Scandic Go/Beige/00" },
+  "Background/Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Primary/Hover Light": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Primary/Hover Accent": {
+    resolved: "#DCD7FF",
+    alias: "Scandic Go/Purple/10",
+  },
+  "Surface/Primary/OnSurface/Default": {
+    resolved: "#FAF8F2",
+    alias: "Scandic Go/Beige/0",
+  },
+  "Surface/Primary/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Secondary/Default": {
+    resolved: "#F0EDE4",
+    alias: "Scandic Go/Beige/10",
+  },
+  "Surface/Secondary/Subtle": {
+    resolved: "#E0DCCE",
+    alias: "Scandic Go/Beige/20",
+  },
+  "Surface/Secondary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Brand/Accent/Default": {
+    resolved: "#F5FF73",
+    alias: "Scandic Go/Yellow/30",
+  },
+  "Surface/Brand/Accent/OnAccent/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent": {
+    resolved: "#451F61",
+    alias: "Scandic Go/Purple/90",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": {
+    resolved: "#451F61",
+    alias: "Scandic Go/Purple/90",
+  },
+  "Surface/Brand/Primary 1/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Surface/Brand/Primary 1/OnSurface/Default": {
+    resolved: "#F5FF73",
+    alias: "Scandic Go/Yellow/30",
+  },
+  "Surface/Brand/Primary 1/OnSurface/Accent": {
+    resolved: "#FA3737",
+    alias: "Scandic Go/Coral/50",
+  },
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Surface/Brand/Primary 2/Default": {
+    resolved: "#21331F",
+    alias: "Scandic Go/Green/90",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Accent": {
+    resolved: "#85FF52",
+    alias: "Scandic Go/Green/30",
+  },
+  "Surface/Brand/Primary 3/Default": {
+    resolved: "#DCD7FF",
+    alias: "Scandic Go/Purple/10",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Default": {
+    resolved: "#FA3737",
+    alias: "Scandic Go/Coral/50",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Accent": {
+    resolved: "#FA3737",
+    alias: "Scandic Go/Coral/50",
+  },
+  "Surface/UI Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Intense": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/UI Fill/Disabled": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Accent/1": { resolved: "#FA3737", alias: "Scandic Go/Coral/50" },
+  "Surface/Accent/2": { resolved: "#087B86", alias: "Scandic Go/Cyan/70" },
+  "Surface/Accent/3": { resolved: "#2A601E", alias: "Scandic Go/Green/70" },
+  "Surface/Accent/4": { resolved: "#733CB2", alias: "Scandic Go/Purple/70" },
+  "Surface/Accent/5": {
+    resolved: "#C27183",
+    alias: "Scandic Go/Powder Rose/90",
+  },
+  "Surface/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Surface/Feedback/Information light": {
+    resolved: "#E8F6FF",
+    alias: "Scandic/Blue/00",
+  },
+  "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Surface/Feedback/Succes light": {
+    resolved: "#F3FCE8",
+    alias: "Scandic/Green/00",
+  },
+  "Surface/Feedback/Warning": {
+    resolved: "#D17308",
+    alias: "Scandic/Yellow/60",
+  },
+  "Surface/Feedback/Warning light": {
+    resolved: "#FFF8E3",
+    alias: "Scandic/Yellow/00",
+  },
+  "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Surface/Feedback/Error light": {
+    resolved: "#FFEBEB",
+    alias: "Scandic/Red/00",
+  },
+  "Surface/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Surface/Feedback/Neutral light": {
+    resolved: "#E9E9E9",
+    alias: "Neutral/15",
+  },
+  "Border/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Strong": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Accent": { resolved: "#FA3737", alias: "Scandic Go/Coral/50" },
+  "Icon/Interactive/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Icon/Interactive/Secondary": {
+    resolved: "#5E2A8C",
+    alias: "Scandic Go/Purple/80",
+  },
+  "Icon/Interactive/Accent": {
+    resolved: "#5E2A8C",
+    alias: "Scandic Go/Purple/80",
+  },
+  "Icon/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Icon/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Icon/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Icon/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Icon/Feedback/Neutral": { resolved: "#57514E", alias: "Scandic/Grey/80" },
+  "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+  "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/30": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+  "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+  "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+  "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+  "Component/Button/Brand/Primary/Fill/Default": {
+    resolved: "#DCD7FF",
+    alias: "Scandic Go/Purple/10",
+  },
+  "Component/Button/Brand/Primary/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/On fill/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Hover": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Primary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Secondary/On fill/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover": {
+    resolved: "#5E2A8C",
+    alias: "Scandic Go/Purple/80",
+  },
+  "Component/Button/Brand/Secondary/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Secondary/Border/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover": {
+    resolved: "#5E2A8C",
+    alias: "Scandic Go/Purple/80",
+  },
+  "Component/Button/Brand/Secondary/Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover inverted": {
+    resolved: "#FFFFFF80",
+    alias: "Neutral/Opacity/White/50",
+  },
+  "Component/Button/Brand/Secondary/Border/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Tertiary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/Fill/Faded": {
+    resolved: "#FFFFFFE6",
+    alias: "Neutral/Opacity/White/90",
+  },
+  "Component/Button/Inverted/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Fill/Hover Inverted": {
+    resolved: "#DCD7FF",
+    alias: "Scandic Go/Purple/10",
+  },
+  "Component/Button/Inverted/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Disable": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/On fill/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Component/Button/Inverted/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Hover inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Border/Interactive/Default": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Divider/Subtle": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Border/Divider/Accent": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Brand/OnAccent/Default": {
+    resolved: "#451F61",
+    alias: "Scandic Go/Purple/90",
+  },
+  "Border/Divider/Brand/OnPrimary 1/Default": {
+    resolved: "#2D163A",
+    alias: "Scandic Go/Purple/100",
+  },
+  "Border/Divider/Brand/OnPrimary 2/Default": {
+    resolved: "#85FF52",
+    alias: "Scandic Go/Green/30",
+  },
+  "Border/Divider/Brand/OnPrimary 3/Default": {
+    resolved: "#451F61",
+    alias: "Scandic Go/Purple/90",
+  },
+  "Border/Interactive/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+  "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Component/Button/Muted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Hover": {
+    resolved: "#FFFFFF0D",
+    alias: "Neutral/Opacity/White/5",
+  },
+  "Component/Button/Muted/Fill/Disabled": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Fill/Hover inverted": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Muted/Fill/Disabled inverted": {
+    resolved: "#D9D9D9",
+    alias: "Neutral/20",
+  },
+  "Component/Button/Muted/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Muted/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/On fill/Hover Inverted": {
+    resolved: "#5E2A8C",
+    alias: "Scandic Go/Purple/80",
+  },
+  "Component/Button/Muted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Muted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Muted/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Muted/Border/Disable": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
   },
 } as const
 export const downtownCamper = {
-  'Signature/Downtown Camper/Lunar green/0': { resolved: '#F3F4F1' },
-  'Signature/Downtown Camper/Lunar green/10': { resolved: '#E4E7E0' },
-  'Signature/Downtown Camper/Lunar green/20': { resolved: '#CCD2C4' },
-  'Signature/Downtown Camper/Lunar green/30': { resolved: '#ACB6A0' },
-  'Signature/Downtown Camper/Lunar green/40': { resolved: '#8E9B80' },
-  'Signature/Downtown Camper/Lunar green/50': { resolved: '#717F63' },
-  'Signature/Downtown Camper/Lunar green/60': { resolved: '#58644C' },
-  'Signature/Downtown Camper/Lunar green/70': { resolved: '#454E3D' },
-  'Signature/Downtown Camper/Lunar green/80': { resolved: '#3C4336' },
-  'Signature/Downtown Camper/Lunar green/90': { resolved: '#33382F' },
-  'Signature/Downtown Camper/Lunar green/100': { resolved: '#191D16' },
-  'Signature/Downtown Camper/Russet/0': { resolved: '#FCF9EE' },
-  'Signature/Downtown Camper/Russet/10': { resolved: '#F6EECF' },
-  'Signature/Downtown Camper/Russet/20': { resolved: '#ECDC9B' },
-  'Signature/Downtown Camper/Russet/30': { resolved: '#E3C666' },
-  'Signature/Downtown Camper/Russet/40': { resolved: '#DCB143' },
-  'Signature/Downtown Camper/Russet/50': { resolved: '#D3952D' },
-  'Signature/Downtown Camper/Russet/60': { resolved: '#BB7524' },
-  'Signature/Downtown Camper/Russet/70': { resolved: '#9B5622' },
-  'Signature/Downtown Camper/Russet/80': { resolved: '#834722' },
-  'Signature/Downtown Camper/Russet/90': { resolved: '#69391E' },
-  'Signature/Downtown Camper/Russet/100': { resolved: '#3C1D0C' },
-  'Signature/Downtown Camper/Quicksand/0': { resolved: '#FBF7F5' },
-  'Signature/Downtown Camper/Quicksand/10': { resolved: '#F6EDEA' },
-  'Signature/Downtown Camper/Quicksand/20': { resolved: '#F0DED8' },
-  'Signature/Downtown Camper/Quicksand/30': { resolved: '#E4C7BD' },
-  'Signature/Downtown Camper/Quicksand/40': { resolved: '#D2A697' },
-  'Signature/Downtown Camper/Quicksand/50': { resolved: '#C69382' },
-  'Signature/Downtown Camper/Quicksand/60': { resolved: '#A96D59' },
-  'Signature/Downtown Camper/Quicksand/70': { resolved: '#8D5948' },
-  'Signature/Downtown Camper/Quicksand/80': { resolved: '#764C3E' },
-  'Signature/Downtown Camper/Quicksand/90': { resolved: '#644338' },
-  'Signature/Downtown Camper/Quicksand/100': { resolved: '#35211A' },
-  'Title/lg/Letter spacing': { resolved: 0.12 },
-  'Title/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/lg/Text-Transform': { resolved: 'none' },
-  'Title/md/Letter spacing': { resolved: 0.09 },
-  'Title/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Letter spacing': { resolved: 0.07 },
-  'Title/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Text-Transform': { resolved: 'none' },
-  'Title/Decorative/lg/Letter spacing': { resolved: 0.05 },
-  'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
-  'Title/Decorative/md/Letter spacing': { resolved: 0.19 },
-  'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
-  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
-  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
-  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
-  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
-  'Title/sm/LowCase/Letter spacing': { resolved: 0.07 },
-  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
-  'Title/xs/Letter spacing': { resolved: 0.12 },
-  'Title/xs/Font fallback': { resolved: 'sans-serif' },
-  'Title/xs/Text-Transform': { resolved: 'none' },
-  'Title/md/Text-Transform': { resolved: 'none' },
-  'Title/md/LowCase/Letter spacing': { resolved: 0.09 },
-  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/md/LowCase/Text-Transform': { resolved: 'none' },
-  'Tag/Letter spacing': { resolved: 0.06 },
-  'Tag/Font fallback': { resolved: 'sans-serif' },
-  'Tag/Text-Transform': { resolved: 'none' },
-  'Link/md/Font fallback': { resolved: 'sans-serif' },
-  'Link/md/Letter spacing': { resolved: 0.19 },
-  'Link/md/Text-Decoration': { resolved: 'underline' },
-  'Link/sm/Font fallback': { resolved: 'sans-serif' },
-  'Link/sm/Letter spacing': { resolved: 0.2 },
-  'Link/sm/Text-Decoration': { resolved: 'underline' },
-  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
-  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
-  'Body/Lead text/Letter spacing': { resolved: 0.2 },
-  'Label/Font fallback': { resolved: 'sans-serif' },
-  'Label/Letter spacing': { resolved: 0.17 },
-  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
-  'Body/Underline/md/Text-Decoration': { resolved: 'underline' },
-  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
-  'Body/Underline/sm/Text-Decoration': { resolved: 'underline' },
-  'Surface/Brand/Accent/OnAccent/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
-  'Utilities/Gradients/10': { resolved: '#3C43361A' },
-  'Font family/Downtown Camper/Title': { resolved: 'Gotham' },
-  'Font family/Downtown Camper/Body': { resolved: 'Fira sans' },
-  'Font family/Downtown Camper/Decorative': { resolved: 'Gotham' },
-  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
-  'Title/lg/Font weight': { resolved: 900, alias: 'Font weight/Black' },
-  'Title/lg/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Title',
+  "Signature/Downtown Camper/Lunar green/0": { resolved: "#F3F4F1" },
+  "Signature/Downtown Camper/Lunar green/10": { resolved: "#E4E7E0" },
+  "Signature/Downtown Camper/Lunar green/20": { resolved: "#CCD2C4" },
+  "Signature/Downtown Camper/Lunar green/30": { resolved: "#ACB6A0" },
+  "Signature/Downtown Camper/Lunar green/40": { resolved: "#8E9B80" },
+  "Signature/Downtown Camper/Lunar green/50": { resolved: "#717F63" },
+  "Signature/Downtown Camper/Lunar green/60": { resolved: "#58644C" },
+  "Signature/Downtown Camper/Lunar green/70": { resolved: "#454E3D" },
+  "Signature/Downtown Camper/Lunar green/80": { resolved: "#3C4336" },
+  "Signature/Downtown Camper/Lunar green/90": { resolved: "#33382F" },
+  "Signature/Downtown Camper/Lunar green/100": { resolved: "#191D16" },
+  "Signature/Downtown Camper/Russet/0": { resolved: "#FCF9EE" },
+  "Signature/Downtown Camper/Russet/10": { resolved: "#F6EECF" },
+  "Signature/Downtown Camper/Russet/20": { resolved: "#ECDC9B" },
+  "Signature/Downtown Camper/Russet/30": { resolved: "#E3C666" },
+  "Signature/Downtown Camper/Russet/40": { resolved: "#DCB143" },
+  "Signature/Downtown Camper/Russet/50": { resolved: "#D3952D" },
+  "Signature/Downtown Camper/Russet/60": { resolved: "#BB7524" },
+  "Signature/Downtown Camper/Russet/70": { resolved: "#9B5622" },
+  "Signature/Downtown Camper/Russet/80": { resolved: "#834722" },
+  "Signature/Downtown Camper/Russet/90": { resolved: "#69391E" },
+  "Signature/Downtown Camper/Russet/100": { resolved: "#3C1D0C" },
+  "Signature/Downtown Camper/Quicksand/0": { resolved: "#FBF7F5" },
+  "Signature/Downtown Camper/Quicksand/10": { resolved: "#F6EDEA" },
+  "Signature/Downtown Camper/Quicksand/20": { resolved: "#F0DED8" },
+  "Signature/Downtown Camper/Quicksand/30": { resolved: "#E4C7BD" },
+  "Signature/Downtown Camper/Quicksand/40": { resolved: "#D2A697" },
+  "Signature/Downtown Camper/Quicksand/50": { resolved: "#C69382" },
+  "Signature/Downtown Camper/Quicksand/60": { resolved: "#A96D59" },
+  "Signature/Downtown Camper/Quicksand/70": { resolved: "#8D5948" },
+  "Signature/Downtown Camper/Quicksand/80": { resolved: "#764C3E" },
+  "Signature/Downtown Camper/Quicksand/90": { resolved: "#644338" },
+  "Signature/Downtown Camper/Quicksand/100": { resolved: "#35211A" },
+  "Title/lg/Letter spacing": { resolved: 0.12 },
+  "Title/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/lg/Text-Transform": { resolved: "none" },
+  "Title/md/Letter spacing": { resolved: 0.09 },
+  "Title/md/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Letter spacing": { resolved: 0.07 },
+  "Title/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Text-Transform": { resolved: "none" },
+  "Title/Decorative/lg/Letter spacing": { resolved: 0.05 },
+  "Title/Decorative/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Decorative/lg/Text-Transform": { resolved: "uppercase" },
+  "Title/Decorative/md/Letter spacing": { resolved: 0.19 },
+  "Title/Decorative/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Decorative/md/Text-Transform": { resolved: "uppercase" },
+  "Title/Subtitle/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/lg/Letter spacing": { resolved: 0.24 },
+  "Title/Subtitle/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
+  "Title/Overline/sm/Letter spacing": { resolved: 0.21 },
+  "Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/Overline/sm/Text-Transform": { resolved: "uppercase" },
+  "Title/sm/LowCase/Letter spacing": { resolved: 0.07 },
+  "Title/sm/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/LowCase/Text-Transform": { resolved: "none" },
+  "Title/xs/Letter spacing": { resolved: 0.12 },
+  "Title/xs/Font fallback": { resolved: "sans-serif" },
+  "Title/xs/Text-Transform": { resolved: "none" },
+  "Title/md/Text-Transform": { resolved: "none" },
+  "Title/md/LowCase/Letter spacing": { resolved: 0.09 },
+  "Title/md/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/md/LowCase/Text-Transform": { resolved: "none" },
+  "Tag/Letter spacing": { resolved: 0.06 },
+  "Tag/Font fallback": { resolved: "sans-serif" },
+  "Tag/Text-Transform": { resolved: "none" },
+  "Link/md/Font fallback": { resolved: "sans-serif" },
+  "Link/md/Letter spacing": { resolved: 0.19 },
+  "Link/md/Text-Decoration": { resolved: "underline" },
+  "Link/sm/Font fallback": { resolved: "sans-serif" },
+  "Link/sm/Letter spacing": { resolved: 0.2 },
+  "Link/sm/Text-Decoration": { resolved: "underline" },
+  "Body/Lead text/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Letter spacing": { resolved: 0.19 },
+  "Body/Supporting text/Font fallback": { resolved: "sans-serif" },
+  "Body/Supporting text/Letter spacing": { resolved: 0.2 },
+  "Body/Lead text/Letter spacing": { resolved: 0.2 },
+  "Label/Font fallback": { resolved: "sans-serif" },
+  "Label/Letter spacing": { resolved: 0.17 },
+  "Body/Underline/md/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/md/Letter spacing": { resolved: 0.19 },
+  "Body/Underline/md/Text-Decoration": { resolved: "underline" },
+  "Body/Underline/sm/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/sm/Letter spacing": { resolved: 0.2 },
+  "Body/Underline/sm/Text-Decoration": { resolved: "underline" },
+  "Surface/Brand/Accent/OnAccent/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": { resolved: "#FFFFFF" },
+  "Utilities/Gradients/10": { resolved: "#3C43361A" },
+  "Font family/Downtown Camper/Title": { resolved: "Gotham" },
+  "Font family/Downtown Camper/Body": { resolved: "Fira sans" },
+  "Font family/Downtown Camper/Decorative": { resolved: "Gotham" },
+  "Title/lg/Size": { resolved: "", alias: "Impl-Text size/4xl" },
+  "Title/lg/Font weight": { resolved: 900, alias: "Font weight/Black" },
+  "Title/lg/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Title",
   },
-  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/Font weight': { resolved: 900, alias: 'Font weight/Black' },
-  'Title/md/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Title',
+  "Title/md/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/Font weight": { resolved: 900, alias: "Font weight/Black" },
+  "Title/md/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Title",
   },
-  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/Font weight': { resolved: 900, alias: 'Font weight/Black' },
-  'Title/sm/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Title',
+  "Title/sm/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/Font weight": { resolved: 900, alias: "Font weight/Black" },
+  "Title/sm/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Title",
   },
-  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/LowCase/Font weight': {
+  "Title/sm/LowCase/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/sm/LowCase/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Title',
+  "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/sm/LowCase/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Title",
   },
-  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Decorative/lg/Font weight': {
+  "Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Decorative/lg/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/lg/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Decorative',
+  "Title/Decorative/lg/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Decorative",
   },
-  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Title/Decorative/md/Font weight': {
+  "Title/Decorative/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Title/Decorative/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/md/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Decorative',
+  "Title/Decorative/md/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Decorative",
   },
-  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Subtitle/lg/Font weight': {
+  "Title/Subtitle/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Subtitle/lg/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/lg/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
+  "Title/Subtitle/lg/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
   },
-  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Subtitle/md/Font weight': {
+  "Title/Subtitle/md/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Subtitle/md/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
+  "Title/Subtitle/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
   },
-  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Title/Overline/sm/Font weight': {
+  "Title/Overline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Title/Overline/sm/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Overline/sm/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Title',
+  "Title/Overline/sm/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Title",
   },
-  'Title/xs/Font weight': { resolved: 900, alias: 'Font weight/Black' },
-  'Title/xs/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Title',
+  "Title/xs/Font weight": { resolved: 900, alias: "Font weight/Black" },
+  "Title/xs/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Title",
   },
-  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/LowCase/Font weight': {
+  "Title/md/LowCase/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/md/LowCase/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Title',
+  "Title/md/LowCase/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Title",
   },
-  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Tag/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Tag/Font family': {
-    resolved: 'Gotham',
-    alias: 'Font family/Downtown Camper/Title',
+  "Body/Lead text/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Tag/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Tag/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Tag/Font family": {
+    resolved: "Gotham",
+    alias: "Font family/Downtown Camper/Title",
   },
-  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
+  "Link/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Link/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
   },
-  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
+  "Link/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Link/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
   },
-  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Lead text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
+  "Body/Lead text/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Lead text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
   },
-  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Paragraph/Font weight 2': {
+  "Body/Paragraph/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Paragraph/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Paragraph/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Paragraph/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
+  "Body/Paragraph/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
   },
-  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Supporting text/Font weight': {
+  "Body/Supporting text/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Supporting text/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Supporting text/Font weight 2': {
+  "Body/Supporting text/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Supporting text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
+  "Body/Supporting text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
   },
-  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
-  'Label/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
+  "Label/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Label/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Label/Font weight 2": { resolved: 500, alias: "Font weight/Medium" },
+  "Label/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
   },
-  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Underline/md/Font weight': {
+  "Body/Underline/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Underline/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Underline/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
+  "Body/Underline/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
   },
-  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Underline/sm/Font weight': {
+  "Body/Underline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Underline/sm/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
-  },
-  'Body/Underline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Downtown Camper/Body',
-  },
-  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
-  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Accent Primary': {
-    resolved: '#834722',
-    alias: 'Signature/Downtown Camper/Russet/80',
-  },
-  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Interactive/Hover': { resolved: '#454545', alias: 'Neutral/70' },
-  'Text/Interactive/Secondary': {
-    resolved: '#834722',
-    alias: 'Signature/Downtown Camper/Russet/80',
-  },
-  'Text/Interactive/Secondary Hover': {
-    resolved: '#BB7524',
-    alias: 'Signature/Downtown Camper/Russet/60',
-  },
-  'Text/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
-  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Text/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Text/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Text/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnAccent/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnAccent/Accent Secondary': {
-    resolved: '#747474',
-    alias: 'Neutral/50',
-  },
-  'Text/Brand/OnPrimary 1/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Brand/OnPrimary 1/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Background/Primary': { resolved: '#FCFCFC', alias: 'Neutral/0' },
-  'Background/Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Primary/Hover Light': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Primary/OnSurface/Default': {
-    resolved: '#F5F5F5',
-    alias: 'Neutral/5',
-  },
-  'Surface/Primary/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Secondary/Default': { resolved: '#F0F0F0', alias: 'Neutral/10' },
-  'Surface/Secondary/Subtle': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Surface/Secondary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Brand/Accent/Default': {
-    resolved: '#3C1D0C',
-    alias: 'Signature/Downtown Camper/Russet/100',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Brand/Primary 1/Default': {
-    resolved: '#3C4336',
-    alias: 'Signature/Downtown Camper/Lunar green/80',
-  },
-  'Surface/Brand/Primary 2/Default': {
-    resolved: '#834722',
-    alias: 'Signature/Downtown Camper/Russet/80',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Brand/Primary 3/Default': {
-    resolved: '#834722',
-    alias: 'Signature/Downtown Camper/Russet/80',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Default': {
-    resolved: '#E4C7BD',
-    alias: 'Signature/Downtown Camper/Quicksand/30',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Accent': {
-    resolved: '#E4C7BD',
-    alias: 'Signature/Downtown Camper/Quicksand/30',
-  },
-  'Surface/UI Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Accent/1': {
-    resolved: '#A96D59',
-    alias: 'Signature/Downtown Camper/Quicksand/60',
-  },
-  'Surface/Accent/2': { resolved: '#3F6DBD', alias: 'Scandic/Blue/60' },
-  'Surface/Accent/3': {
-    resolved: '#454E3D',
-    alias: 'Signature/Downtown Camper/Lunar green/70',
-  },
-  'Surface/Accent/4': {
-    resolved: '#D3952D',
-    alias: 'Signature/Downtown Camper/Russet/50',
-  },
-  'Surface/Accent/5': { resolved: '#18347F', alias: 'Scandic/Blue/80' },
-  'Surface/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Surface/Feedback/Information light': {
-    resolved: '#E8F6FF',
-    alias: 'Scandic/Blue/00',
-  },
-  'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Surface/Feedback/Succes light': {
-    resolved: '#F3FCE8',
-    alias: 'Scandic/Green/00',
-  },
-  'Surface/Feedback/Warning': {
-    resolved: '#D17308',
-    alias: 'Scandic/Yellow/60',
-  },
-  'Surface/Feedback/Warning light': {
-    resolved: '#FFF8E3',
-    alias: 'Scandic/Yellow/00',
-  },
-  'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Surface/Feedback/Error light': {
-    resolved: '#FFEBEB',
-    alias: 'Scandic/Red/00',
-  },
-  'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Surface/Feedback/Neutral light': {
-    resolved: '#E9E9E9',
-    alias: 'Neutral/15',
-  },
-  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Accent': {
-    resolved: '#717F63',
-    alias: 'Signature/Downtown Camper/Lunar green/50',
-  },
-  'Icon/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Interactive/Secondary': {
-    resolved: '#834722',
-    alias: 'Signature/Downtown Camper/Russet/80',
-  },
-  'Icon/Interactive/Accent': {
-    resolved: '#834722',
-    alias: 'Signature/Downtown Camper/Russet/80',
-  },
-  'Icon/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Icon/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
-  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/30': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
-  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
-  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
-  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
-  'Component/Button/Brand/Primary/Fill/Default': {
-    resolved: '#3C1D0C',
-    alias: 'Signature/Downtown Camper/Russet/100',
-  },
-  'Component/Button/Brand/Primary/Fill/Hover': {
-    resolved: '#FFFFFF33',
-    alias: 'Neutral/Opacity/White/20',
-  },
-  'Component/Button/Brand/Primary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Primary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': {
-    resolved: '#3C4336',
-    alias: 'Signature/Downtown Camper/Lunar green/80',
-  },
-  'Component/Button/Brand/Secondary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Secondary/On fill/Default': {
-    resolved: '#3C1D0C',
-    alias: 'Signature/Downtown Camper/Russet/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover': {
-    resolved: '#69391E',
-    alias: 'Signature/Downtown Camper/Russet/90',
-  },
-  'Component/Button/Brand/Secondary/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Secondary/Border/Default': {
-    resolved: '#3C1D0C',
-    alias: 'Signature/Downtown Camper/Russet/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover': {
-    resolved: '#69391E',
-    alias: 'Signature/Downtown Camper/Russet/90',
-  },
-  'Component/Button/Brand/Secondary/Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover inverted': {
-    resolved: '#FFFFFF80',
-    alias: 'Neutral/Opacity/White/50',
-  },
-  'Component/Button/Brand/Secondary/Border/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Default': {
-    resolved: '#834722',
-    alias: 'Signature/Downtown Camper/Russet/80',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Tertiary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/Fill/Faded': {
-    resolved: '#FFFFFFE6',
-    alias: 'Neutral/Opacity/White/90',
-  },
-  'Component/Button/Inverted/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Fill/Hover Inverted': {
-    resolved: '#3C4336',
-    alias: 'Signature/Downtown Camper/Lunar green/80',
-  },
-  'Component/Button/Inverted/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Disable': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/On fill/Default': {
-    resolved: '#3C1D0C',
-    alias: 'Signature/Downtown Camper/Russet/100',
-  },
-  'Component/Button/Inverted/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Hover inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Brand/OnAccent/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 3/Default': {
-    resolved: '#C69382',
-    alias: 'Signature/Downtown Camper/Quicksand/50',
-  },
-  'Border/Interactive/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Component/Button/Muted/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Muted/Fill/Hover': {
-    resolved: '#FFFFFF0D',
-    alias: 'Neutral/Opacity/White/5',
-  },
-  'Component/Button/Muted/Fill/Disabled': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Fill/Hover inverted': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Muted/Fill/Disabled inverted': {
-    resolved: '#D9D9D9',
-    alias: 'Neutral/20',
-  },
-  'Component/Button/Muted/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Muted/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/On fill/Hover Inverted': {
-    resolved: '#9B5622',
-    alias: 'Signature/Downtown Camper/Russet/70',
-  },
-  'Component/Button/Muted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Muted/Border/Default': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
+    alias: "Font weight/Regular",
+  },
+  "Body/Underline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Downtown Camper/Body",
+  },
+  "Text/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Secondary": { resolved: "#575757", alias: "Neutral/60" },
+  "Text/Tertiary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Accent Primary": {
+    resolved: "#834722",
+    alias: "Signature/Downtown Camper/Russet/80",
+  },
+  "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Text/Interactive/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Interactive/Hover": { resolved: "#454545", alias: "Neutral/70" },
+  "Text/Interactive/Secondary": {
+    resolved: "#834722",
+    alias: "Signature/Downtown Camper/Russet/80",
+  },
+  "Text/Interactive/Secondary Hover": {
+    resolved: "#BB7524",
+    alias: "Signature/Downtown Camper/Russet/60",
+  },
+  "Text/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+  "Text/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnAccent/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnAccent/Accent Secondary": {
+    resolved: "#747474",
+    alias: "Neutral/50",
+  },
+  "Text/Brand/OnPrimary 1/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Brand/OnPrimary 1/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Background/Primary": { resolved: "#FCFCFC", alias: "Neutral/0" },
+  "Background/Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Primary/Hover Light": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Primary/Hover Accent": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Primary/OnSurface/Default": {
+    resolved: "#F5F5F5",
+    alias: "Neutral/5",
+  },
+  "Surface/Primary/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Secondary/Default": { resolved: "#F0F0F0", alias: "Neutral/10" },
+  "Surface/Secondary/Subtle": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Surface/Secondary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Brand/Accent/Default": {
+    resolved: "#3C1D0C",
+    alias: "Signature/Downtown Camper/Russet/100",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Brand/Primary 1/Default": {
+    resolved: "#3C4336",
+    alias: "Signature/Downtown Camper/Lunar green/80",
+  },
+  "Surface/Brand/Primary 2/Default": {
+    resolved: "#834722",
+    alias: "Signature/Downtown Camper/Russet/80",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Brand/Primary 3/Default": {
+    resolved: "#834722",
+    alias: "Signature/Downtown Camper/Russet/80",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Default": {
+    resolved: "#E4C7BD",
+    alias: "Signature/Downtown Camper/Quicksand/30",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Accent": {
+    resolved: "#E4C7BD",
+    alias: "Signature/Downtown Camper/Quicksand/30",
+  },
+  "Surface/UI Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Intense": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Surface/UI Fill/Disabled": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Accent/1": {
+    resolved: "#A96D59",
+    alias: "Signature/Downtown Camper/Quicksand/60",
+  },
+  "Surface/Accent/2": { resolved: "#3F6DBD", alias: "Scandic/Blue/60" },
+  "Surface/Accent/3": {
+    resolved: "#454E3D",
+    alias: "Signature/Downtown Camper/Lunar green/70",
+  },
+  "Surface/Accent/4": {
+    resolved: "#D3952D",
+    alias: "Signature/Downtown Camper/Russet/50",
+  },
+  "Surface/Accent/5": { resolved: "#18347F", alias: "Scandic/Blue/80" },
+  "Surface/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Surface/Feedback/Information light": {
+    resolved: "#E8F6FF",
+    alias: "Scandic/Blue/00",
+  },
+  "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Surface/Feedback/Succes light": {
+    resolved: "#F3FCE8",
+    alias: "Scandic/Green/00",
+  },
+  "Surface/Feedback/Warning": {
+    resolved: "#D17308",
+    alias: "Scandic/Yellow/60",
+  },
+  "Surface/Feedback/Warning light": {
+    resolved: "#FFF8E3",
+    alias: "Scandic/Yellow/00",
+  },
+  "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Surface/Feedback/Error light": {
+    resolved: "#FFEBEB",
+    alias: "Scandic/Red/00",
+  },
+  "Surface/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Surface/Feedback/Neutral light": {
+    resolved: "#E9E9E9",
+    alias: "Neutral/15",
+  },
+  "Border/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Strong": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Accent": {
+    resolved: "#717F63",
+    alias: "Signature/Downtown Camper/Lunar green/50",
+  },
+  "Icon/Interactive/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Interactive/Secondary": {
+    resolved: "#834722",
+    alias: "Signature/Downtown Camper/Russet/80",
+  },
+  "Icon/Interactive/Accent": {
+    resolved: "#834722",
+    alias: "Signature/Downtown Camper/Russet/80",
+  },
+  "Icon/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Icon/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Icon/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Icon/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Icon/Feedback/Neutral": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+  "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/30": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+  "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+  "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+  "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+  "Component/Button/Brand/Primary/Fill/Default": {
+    resolved: "#3C1D0C",
+    alias: "Signature/Downtown Camper/Russet/100",
+  },
+  "Component/Button/Brand/Primary/Fill/Hover": {
+    resolved: "#FFFFFF33",
+    alias: "Neutral/Opacity/White/20",
+  },
+  "Component/Button/Brand/Primary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Primary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+    resolved: "#3C4336",
+    alias: "Signature/Downtown Camper/Lunar green/80",
+  },
+  "Component/Button/Brand/Secondary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Secondary/On fill/Default": {
+    resolved: "#3C1D0C",
+    alias: "Signature/Downtown Camper/Russet/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover": {
+    resolved: "#69391E",
+    alias: "Signature/Downtown Camper/Russet/90",
+  },
+  "Component/Button/Brand/Secondary/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Secondary/Border/Default": {
+    resolved: "#3C1D0C",
+    alias: "Signature/Downtown Camper/Russet/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover": {
+    resolved: "#69391E",
+    alias: "Signature/Downtown Camper/Russet/90",
+  },
+  "Component/Button/Brand/Secondary/Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover inverted": {
+    resolved: "#FFFFFF80",
+    alias: "Neutral/Opacity/White/50",
+  },
+  "Component/Button/Brand/Secondary/Border/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Default": {
+    resolved: "#834722",
+    alias: "Signature/Downtown Camper/Russet/80",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Tertiary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/Fill/Faded": {
+    resolved: "#FFFFFFE6",
+    alias: "Neutral/Opacity/White/90",
+  },
+  "Component/Button/Inverted/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Fill/Hover Inverted": {
+    resolved: "#3C4336",
+    alias: "Signature/Downtown Camper/Lunar green/80",
+  },
+  "Component/Button/Inverted/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Disable": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/On fill/Default": {
+    resolved: "#3C1D0C",
+    alias: "Signature/Downtown Camper/Russet/100",
+  },
+  "Component/Button/Inverted/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Hover inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Border/Interactive/Default": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Divider/Subtle": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Border/Divider/Accent": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Brand/OnAccent/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 3/Default": {
+    resolved: "#C69382",
+    alias: "Signature/Downtown Camper/Quicksand/50",
+  },
+  "Border/Interactive/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Component/Button/Muted/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Muted/Fill/Hover": {
+    resolved: "#FFFFFF0D",
+    alias: "Neutral/Opacity/White/5",
+  },
+  "Component/Button/Muted/Fill/Disabled": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Fill/Hover inverted": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Muted/Fill/Disabled inverted": {
+    resolved: "#D9D9D9",
+    alias: "Neutral/20",
+  },
+  "Component/Button/Muted/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Muted/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/On fill/Hover Inverted": {
+    resolved: "#9B5622",
+    alias: "Signature/Downtown Camper/Russet/70",
+  },
+  "Component/Button/Muted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Muted/Border/Default": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
   },
 } as const
 export const haymarket = {
-  'Signature/Haymarket/Antique Brass/0': { resolved: '#F9F5F1' },
-  'Signature/Haymarket/Antique Brass/10': { resolved: '#EDE3D8' },
-  'Signature/Haymarket/Antique Brass/20': { resolved: '#D9C3AE' },
-  'Signature/Haymarket/Antique Brass/30': { resolved: '#C5A384' },
-  'Signature/Haymarket/Antique Brass/40': { resolved: '#BA8E6E' },
-  'Signature/Haymarket/Antique Brass/50': { resolved: '#946F54' },
-  'Signature/Haymarket/Antique Brass/60': { resolved: '#805E45' },
-  'Signature/Haymarket/Antique Brass/70': { resolved: '#634732' },
-  'Signature/Haymarket/Antique Brass/80': { resolved: '#5D4330' },
-  'Signature/Haymarket/Antique Brass/90': { resolved: '#483425' },
-  'Signature/Haymarket/Antique Brass/100': { resolved: '#37271C' },
-  'Signature/Haymarket/Vista White/0': { resolved: '#FBF7F6' },
-  'Signature/Haymarket/Vista White/10': { resolved: '#F6ECEA' },
-  'Signature/Haymarket/Vista White/20': { resolved: '#F0DDD8' },
-  'Signature/Haymarket/Vista White/30': { resolved: '#E4C5BD' },
-  'Signature/Haymarket/Vista White/40': { resolved: '#D3A296' },
-  'Signature/Haymarket/Vista White/50': { resolved: '#C08273' },
-  'Signature/Haymarket/Vista White/60': { resolved: '#AA6858' },
-  'Signature/Haymarket/Vista White/70': { resolved: '#8E5547' },
-  'Signature/Haymarket/Vista White/80': { resolved: '#76493E' },
-  'Signature/Haymarket/Vista White/90': { resolved: '#644138' },
-  'Signature/Haymarket/Vista White/100': { resolved: '#351F1A' },
-  'Signature/Haymarket/Bismark/0': { resolved: '#F3F8F8' },
-  'Signature/Haymarket/Bismark/10': { resolved: '#E0EBED' },
-  'Signature/Haymarket/Bismark/20': { resolved: '#C5D7DC' },
-  'Signature/Haymarket/Bismark/30': { resolved: '#9DBCC3' },
-  'Signature/Haymarket/Bismark/40': { resolved: '#6E98A2' },
-  'Signature/Haymarket/Bismark/50': { resolved: '#527C88' },
-  'Signature/Haymarket/Bismark/60': { resolved: '#4A6C78' },
-  'Signature/Haymarket/Bismark/70': { resolved: '#3E5760' },
-  'Signature/Haymarket/Bismark/80': { resolved: '#394951' },
-  'Signature/Haymarket/Bismark/90': { resolved: '#334046' },
-  'Signature/Haymarket/Bismark/100': { resolved: '#1E282E' },
-  'Title/lg/Letter spacing': { resolved: 0.96 },
-  'Title/lg/Font fallback': { resolved: 'Serif' },
-  'Title/lg/Text-Transform': { resolved: 'none' },
-  'Title/md/Letter spacing': { resolved: 0.36 },
-  'Title/md/Font fallback': { resolved: 'Serif' },
-  'Title/sm/Letter spacing': { resolved: 0.56 },
-  'Title/sm/Font fallback': { resolved: 'Serif' },
-  'Title/sm/Text-Transform': { resolved: 'none' },
-  'Title/Decorative/lg/Letter spacing': { resolved: 0.6 },
-  'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
-  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
-  'Title/Decorative/md/Letter spacing': { resolved: 0.64 },
-  'Title/Decorative/md/Font fallback': { resolved: 'Serif' },
-  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
-  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
-  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
-  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
-  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
-  'Title/sm/LowCase/Letter spacing': { resolved: 0.56 },
-  'Title/sm/LowCase/Font fallback': { resolved: 'Serif' },
-  'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
-  'Title/xs/Letter spacing': { resolved: 0.24 },
-  'Title/xs/Font fallback': { resolved: 'Serif' },
-  'Title/xs/Text-Transform': { resolved: 'none' },
-  'Title/md/Text-Transform': { resolved: 'none' },
-  'Title/md/LowCase/Letter spacing': { resolved: 0.36 },
-  'Title/md/LowCase/Font fallback': { resolved: 'Serif' },
-  'Title/md/LowCase/Text-Transform': { resolved: 'none' },
-  'Tag/Letter spacing': { resolved: 0.24 },
-  'Tag/Font fallback': { resolved: 'sans-serif' },
-  'Tag/Text-Transform': { resolved: 'uppercase' },
-  'Link/md/Font fallback': { resolved: 'sans-serif' },
-  'Link/md/Letter spacing': { resolved: 0.19 },
-  'Link/md/Text-Decoration': { resolved: 'underline' },
-  'Link/sm/Font fallback': { resolved: 'sans-serif' },
-  'Link/sm/Letter spacing': { resolved: 0.2 },
-  'Link/sm/Text-Decoration': { resolved: 'underline' },
-  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
-  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
-  'Body/Lead text/Letter spacing': { resolved: 0.2 },
-  'Label/Font fallback': { resolved: 'sans-serif' },
-  'Label/Letter spacing': { resolved: 0.17 },
-  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
-  'Body/Underline/md/Text-Decoration': { resolved: 'underline' },
-  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
-  'Body/Underline/sm/Text-Decoration': { resolved: 'underline' },
-  'Surface/Brand/Accent/OnAccent/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
-  'Utilities/Gradients/10': { resolved: '#F0DDD81A' },
-  'Font family/Haymarket/Title': { resolved: 'Prumo text' },
-  'Font family/Haymarket/Body': { resolved: 'Fira sans' },
-  'Font family/Haymarket/Decorative': { resolved: 'Prumo text' },
-  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
-  'Title/lg/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/lg/Font family': {
-    resolved: 'Prumo text',
-    alias: 'Font family/Haymarket/Title',
+  "Signature/Haymarket/Antique Brass/0": { resolved: "#F9F5F1" },
+  "Signature/Haymarket/Antique Brass/10": { resolved: "#EDE3D8" },
+  "Signature/Haymarket/Antique Brass/20": { resolved: "#D9C3AE" },
+  "Signature/Haymarket/Antique Brass/30": { resolved: "#C5A384" },
+  "Signature/Haymarket/Antique Brass/40": { resolved: "#BA8E6E" },
+  "Signature/Haymarket/Antique Brass/50": { resolved: "#946F54" },
+  "Signature/Haymarket/Antique Brass/60": { resolved: "#805E45" },
+  "Signature/Haymarket/Antique Brass/70": { resolved: "#634732" },
+  "Signature/Haymarket/Antique Brass/80": { resolved: "#5D4330" },
+  "Signature/Haymarket/Antique Brass/90": { resolved: "#483425" },
+  "Signature/Haymarket/Antique Brass/100": { resolved: "#37271C" },
+  "Signature/Haymarket/Vista White/0": { resolved: "#FBF7F6" },
+  "Signature/Haymarket/Vista White/10": { resolved: "#F6ECEA" },
+  "Signature/Haymarket/Vista White/20": { resolved: "#F0DDD8" },
+  "Signature/Haymarket/Vista White/30": { resolved: "#E4C5BD" },
+  "Signature/Haymarket/Vista White/40": { resolved: "#D3A296" },
+  "Signature/Haymarket/Vista White/50": { resolved: "#C08273" },
+  "Signature/Haymarket/Vista White/60": { resolved: "#AA6858" },
+  "Signature/Haymarket/Vista White/70": { resolved: "#8E5547" },
+  "Signature/Haymarket/Vista White/80": { resolved: "#76493E" },
+  "Signature/Haymarket/Vista White/90": { resolved: "#644138" },
+  "Signature/Haymarket/Vista White/100": { resolved: "#351F1A" },
+  "Signature/Haymarket/Bismark/0": { resolved: "#F3F8F8" },
+  "Signature/Haymarket/Bismark/10": { resolved: "#E0EBED" },
+  "Signature/Haymarket/Bismark/20": { resolved: "#C5D7DC" },
+  "Signature/Haymarket/Bismark/30": { resolved: "#9DBCC3" },
+  "Signature/Haymarket/Bismark/40": { resolved: "#6E98A2" },
+  "Signature/Haymarket/Bismark/50": { resolved: "#527C88" },
+  "Signature/Haymarket/Bismark/60": { resolved: "#4A6C78" },
+  "Signature/Haymarket/Bismark/70": { resolved: "#3E5760" },
+  "Signature/Haymarket/Bismark/80": { resolved: "#394951" },
+  "Signature/Haymarket/Bismark/90": { resolved: "#334046" },
+  "Signature/Haymarket/Bismark/100": { resolved: "#1E282E" },
+  "Title/lg/Letter spacing": { resolved: 0.96 },
+  "Title/lg/Font fallback": { resolved: "Serif" },
+  "Title/lg/Text-Transform": { resolved: "none" },
+  "Title/md/Letter spacing": { resolved: 0.36 },
+  "Title/md/Font fallback": { resolved: "Serif" },
+  "Title/sm/Letter spacing": { resolved: 0.56 },
+  "Title/sm/Font fallback": { resolved: "Serif" },
+  "Title/sm/Text-Transform": { resolved: "none" },
+  "Title/Decorative/lg/Letter spacing": { resolved: 0.6 },
+  "Title/Decorative/lg/Font fallback": { resolved: "Serif" },
+  "Title/Decorative/lg/Text-Transform": { resolved: "uppercase" },
+  "Title/Decorative/md/Letter spacing": { resolved: 0.64 },
+  "Title/Decorative/md/Font fallback": { resolved: "Serif" },
+  "Title/Decorative/md/Text-Transform": { resolved: "uppercase" },
+  "Title/Subtitle/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/lg/Letter spacing": { resolved: 0.24 },
+  "Title/Subtitle/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
+  "Title/Overline/sm/Letter spacing": { resolved: 0.21 },
+  "Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/Overline/sm/Text-Transform": { resolved: "uppercase" },
+  "Title/sm/LowCase/Letter spacing": { resolved: 0.56 },
+  "Title/sm/LowCase/Font fallback": { resolved: "Serif" },
+  "Title/sm/LowCase/Text-Transform": { resolved: "none" },
+  "Title/xs/Letter spacing": { resolved: 0.24 },
+  "Title/xs/Font fallback": { resolved: "Serif" },
+  "Title/xs/Text-Transform": { resolved: "none" },
+  "Title/md/Text-Transform": { resolved: "none" },
+  "Title/md/LowCase/Letter spacing": { resolved: 0.36 },
+  "Title/md/LowCase/Font fallback": { resolved: "Serif" },
+  "Title/md/LowCase/Text-Transform": { resolved: "none" },
+  "Tag/Letter spacing": { resolved: 0.24 },
+  "Tag/Font fallback": { resolved: "sans-serif" },
+  "Tag/Text-Transform": { resolved: "uppercase" },
+  "Link/md/Font fallback": { resolved: "sans-serif" },
+  "Link/md/Letter spacing": { resolved: 0.19 },
+  "Link/md/Text-Decoration": { resolved: "underline" },
+  "Link/sm/Font fallback": { resolved: "sans-serif" },
+  "Link/sm/Letter spacing": { resolved: 0.2 },
+  "Link/sm/Text-Decoration": { resolved: "underline" },
+  "Body/Lead text/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Letter spacing": { resolved: 0.19 },
+  "Body/Supporting text/Font fallback": { resolved: "sans-serif" },
+  "Body/Supporting text/Letter spacing": { resolved: 0.2 },
+  "Body/Lead text/Letter spacing": { resolved: 0.2 },
+  "Label/Font fallback": { resolved: "sans-serif" },
+  "Label/Letter spacing": { resolved: 0.17 },
+  "Body/Underline/md/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/md/Letter spacing": { resolved: 0.19 },
+  "Body/Underline/md/Text-Decoration": { resolved: "underline" },
+  "Body/Underline/sm/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/sm/Letter spacing": { resolved: 0.2 },
+  "Body/Underline/sm/Text-Decoration": { resolved: "underline" },
+  "Surface/Brand/Accent/OnAccent/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": { resolved: "#FFFFFF" },
+  "Utilities/Gradients/10": { resolved: "#F0DDD81A" },
+  "Font family/Haymarket/Title": { resolved: "Prumo text" },
+  "Font family/Haymarket/Body": { resolved: "Fira sans" },
+  "Font family/Haymarket/Decorative": { resolved: "Prumo text" },
+  "Title/lg/Size": { resolved: "", alias: "Impl-Text size/4xl" },
+  "Title/lg/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/lg/Font family": {
+    resolved: "Prumo text",
+    alias: "Font family/Haymarket/Title",
   },
-  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/md/Font family': {
-    resolved: 'Prumo text',
-    alias: 'Font family/Haymarket/Title',
+  "Title/md/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/md/Font family": {
+    resolved: "Prumo text",
+    alias: "Font family/Haymarket/Title",
   },
-  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/sm/Font family': {
-    resolved: 'Prumo text',
-    alias: 'Font family/Haymarket/Title',
+  "Title/sm/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/sm/Font family": {
+    resolved: "Prumo text",
+    alias: "Font family/Haymarket/Title",
   },
-  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/LowCase/Font weight': {
+  "Title/sm/LowCase/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/sm/LowCase/Font family': {
-    resolved: 'Prumo text',
-    alias: 'Font family/Haymarket/Title',
+  "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/sm/LowCase/Font family": {
+    resolved: "Prumo text",
+    alias: "Font family/Haymarket/Title",
   },
-  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Decorative/lg/Font weight': {
+  "Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Decorative/lg/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/lg/Font family': {
-    resolved: 'Prumo text',
-    alias: 'Font family/Haymarket/Decorative',
+  "Title/Decorative/lg/Font family": {
+    resolved: "Prumo text",
+    alias: "Font family/Haymarket/Decorative",
   },
-  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Title/Decorative/md/Font weight': {
+  "Title/Decorative/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Title/Decorative/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/md/Font family': {
-    resolved: 'Prumo text',
-    alias: 'Font family/Haymarket/Decorative',
+  "Title/Decorative/md/Font family": {
+    resolved: "Prumo text",
+    alias: "Font family/Haymarket/Decorative",
   },
-  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Subtitle/lg/Font weight': {
+  "Title/Subtitle/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Subtitle/lg/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/lg/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Title/Subtitle/lg/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Subtitle/md/Font weight': {
+  "Title/Subtitle/md/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Subtitle/md/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Title/Subtitle/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Title/Overline/sm/Font weight': {
+  "Title/Overline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Title/Overline/sm/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Overline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Title/Overline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Title/xs/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/xs/Font family': {
-    resolved: 'Prumo text',
-    alias: 'Font family/Haymarket/Title',
+  "Title/xs/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/xs/Font family": {
+    resolved: "Prumo text",
+    alias: "Font family/Haymarket/Title",
   },
-  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/LowCase/Font weight': {
+  "Title/md/LowCase/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/md/LowCase/Font family': {
-    resolved: 'Prumo text',
-    alias: 'Font family/Haymarket/Title',
+  "Title/md/LowCase/Font family": {
+    resolved: "Prumo text",
+    alias: "Font family/Haymarket/Title",
   },
-  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Tag/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Body/Lead text/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Tag/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Tag/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Tag/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Link/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Link/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Link/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Link/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Lead text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Body/Lead text/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Lead text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Paragraph/Font weight 2': {
+  "Body/Paragraph/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Paragraph/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Paragraph/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Paragraph/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Body/Paragraph/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Supporting text/Font weight': {
+  "Body/Supporting text/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Supporting text/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Supporting text/Font weight 2': {
+  "Body/Supporting text/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Supporting text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Body/Supporting text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
-  'Label/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Label/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Label/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Label/Font weight 2": { resolved: 500, alias: "Font weight/Medium" },
+  "Label/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Underline/md/Font weight': {
+  "Body/Underline/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Underline/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Underline/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
+  "Body/Underline/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
   },
-  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Underline/sm/Font weight': {
+  "Body/Underline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Underline/sm/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
-  },
-  'Body/Underline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Haymarket/Body',
-  },
-  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
-  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Accent Primary': {
-    resolved: '#805E45',
-    alias: 'Signature/Haymarket/Antique Brass/60',
-  },
-  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Interactive/Hover': { resolved: '#454545', alias: 'Neutral/70' },
-  'Text/Interactive/Secondary': {
-    resolved: '#805E45',
-    alias: 'Signature/Haymarket/Antique Brass/60',
-  },
-  'Text/Interactive/Secondary Hover': {
-    resolved: '#BA8E6E',
-    alias: 'Signature/Haymarket/Antique Brass/40',
-  },
-  'Text/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
-  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Text/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Text/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Text/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnAccent/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnAccent/Accent Secondary': {
-    resolved: '#805E45',
-    alias: 'Signature/Haymarket/Antique Brass/60',
-  },
-  'Text/Brand/OnPrimary 1/Heading': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 1/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 1/Hover': { resolved: '#454545', alias: 'Neutral/70' },
-  'Text/Brand/OnPrimary 1/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnPrimary 2/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Background/Primary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Background/Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Primary/Hover Light': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Primary/OnSurface/Default': {
-    resolved: '#FBF7F6',
-    alias: 'Signature/Haymarket/Vista White/0',
-  },
-  'Surface/Primary/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Secondary/Default': {
-    resolved: '#FBF7F6',
-    alias: 'Signature/Haymarket/Vista White/0',
-  },
-  'Surface/Secondary/Subtle': {
-    resolved: '#F6ECEA',
-    alias: 'Signature/Haymarket/Vista White/10',
-  },
-  'Surface/Secondary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Brand/Accent/Default': {
-    resolved: '#946F54',
-    alias: 'Signature/Haymarket/Antique Brass/50',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent': {
-    resolved: '#EDE3D8',
-    alias: 'Signature/Haymarket/Antique Brass/10',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': {
-    resolved: '#EDE3D8',
-    alias: 'Signature/Haymarket/Antique Brass/10',
-  },
-  'Surface/Brand/Primary 1/Default': {
-    resolved: '#F0DDD8',
-    alias: 'Signature/Haymarket/Vista White/20',
-  },
-  'Surface/Brand/Primary 2/Default': {
-    resolved: '#946F54',
-    alias: 'Signature/Haymarket/Antique Brass/50',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Default': {
-    resolved: '#EDE3D8',
-    alias: 'Signature/Haymarket/Antique Brass/10',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Accent': {
-    resolved: '#EDE3D8',
-    alias: 'Signature/Haymarket/Antique Brass/10',
-  },
-  'Surface/Brand/Primary 3/Default': {
-    resolved: '#4A6C78',
-    alias: 'Signature/Haymarket/Bismark/60',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Default': {
-    resolved: '#C5D7DC',
-    alias: 'Signature/Haymarket/Bismark/20',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Accent': {
-    resolved: '#C5D7DC',
-    alias: 'Signature/Haymarket/Bismark/20',
-  },
-  'Surface/UI Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Accent/1': {
-    resolved: '#AA6858',
-    alias: 'Signature/Haymarket/Vista White/60',
-  },
-  'Surface/Accent/2': {
-    resolved: '#6E98A2',
-    alias: 'Signature/Haymarket/Bismark/40',
-  },
-  'Surface/Accent/3': {
-    resolved: '#483425',
-    alias: 'Signature/Haymarket/Antique Brass/90',
-  },
-  'Surface/Accent/4': {
-    resolved: '#BA8E6E',
-    alias: 'Signature/Haymarket/Antique Brass/40',
-  },
-  'Surface/Accent/5': {
-    resolved: '#334046',
-    alias: 'Signature/Haymarket/Bismark/90',
-  },
-  'Surface/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Surface/Feedback/Information light': {
-    resolved: '#E8F6FF',
-    alias: 'Scandic/Blue/00',
-  },
-  'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Surface/Feedback/Succes light': {
-    resolved: '#F3FCE8',
-    alias: 'Scandic/Green/00',
-  },
-  'Surface/Feedback/Warning': {
-    resolved: '#D17308',
-    alias: 'Scandic/Yellow/60',
-  },
-  'Surface/Feedback/Warning light': {
-    resolved: '#FFF8E3',
-    alias: 'Scandic/Yellow/00',
-  },
-  'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Surface/Feedback/Error light': {
-    resolved: '#FFEBEB',
-    alias: 'Scandic/Red/00',
-  },
-  'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Surface/Feedback/Neutral light': {
-    resolved: '#E9E9E9',
-    alias: 'Neutral/15',
-  },
-  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Accent': {
-    resolved: '#C08273',
-    alias: 'Signature/Haymarket/Vista White/50',
-  },
-  'Icon/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Interactive/Secondary': {
-    resolved: '#805E45',
-    alias: 'Signature/Haymarket/Antique Brass/60',
-  },
-  'Icon/Interactive/Accent': {
-    resolved: '#805E45',
-    alias: 'Signature/Haymarket/Antique Brass/60',
-  },
-  'Icon/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Icon/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
-  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/30': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
-  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
-  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
-  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
-  'Component/Button/Brand/Primary/Fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Brand/Primary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Primary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Primary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': {
-    resolved: '#946F54',
-    alias: 'Signature/Haymarket/Antique Brass/50',
-  },
-  'Component/Button/Brand/Secondary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Secondary/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover': {
-    resolved: '#454545',
-    alias: 'Neutral/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Secondary/Border/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover': {
-    resolved: '#454545',
-    alias: 'Neutral/70',
-  },
-  'Component/Button/Brand/Secondary/Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover inverted': {
-    resolved: '#FFFFFF80',
-    alias: 'Neutral/Opacity/White/50',
-  },
-  'Component/Button/Brand/Secondary/Border/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Default': {
-    resolved: '#946F54',
-    alias: 'Signature/Haymarket/Antique Brass/50',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Tertiary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/Fill/Faded': {
-    resolved: '#FFFFFFE6',
-    alias: 'Neutral/Opacity/White/90',
-  },
-  'Component/Button/Inverted/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Fill/Hover Inverted': {
-    resolved: '#946F54',
-    alias: 'Signature/Haymarket/Antique Brass/50',
-  },
-  'Component/Button/Inverted/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Disable': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Inverted/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Hover inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Brand/OnAccent/Default': {
-    resolved: '#C5A384',
-    alias: 'Signature/Haymarket/Antique Brass/30',
-  },
-  'Border/Divider/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 3/Default': {
-    resolved: '#C5D7DC',
-    alias: 'Signature/Haymarket/Bismark/20',
-  },
-  'Border/Interactive/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Component/Button/Muted/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Muted/Fill/Hover': {
-    resolved: '#FFFFFF0D',
-    alias: 'Neutral/Opacity/White/5',
-  },
-  'Component/Button/Muted/Fill/Disabled': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Fill/Hover inverted': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Muted/Fill/Disabled inverted': {
-    resolved: '#D9D9D9',
-    alias: 'Neutral/20',
-  },
-  'Component/Button/Muted/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Muted/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/On fill/Hover Inverted': {
-    resolved: '#454545',
-    alias: 'Neutral/70',
-  },
-  'Component/Button/Muted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Muted/Border/Default': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
+    alias: "Font weight/Regular",
+  },
+  "Body/Underline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Haymarket/Body",
+  },
+  "Text/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Secondary": { resolved: "#575757", alias: "Neutral/60" },
+  "Text/Tertiary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Accent Primary": {
+    resolved: "#805E45",
+    alias: "Signature/Haymarket/Antique Brass/60",
+  },
+  "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Text/Interactive/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Interactive/Hover": { resolved: "#454545", alias: "Neutral/70" },
+  "Text/Interactive/Secondary": {
+    resolved: "#805E45",
+    alias: "Signature/Haymarket/Antique Brass/60",
+  },
+  "Text/Interactive/Secondary Hover": {
+    resolved: "#BA8E6E",
+    alias: "Signature/Haymarket/Antique Brass/40",
+  },
+  "Text/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+  "Text/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnAccent/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnAccent/Accent Secondary": {
+    resolved: "#805E45",
+    alias: "Signature/Haymarket/Antique Brass/60",
+  },
+  "Text/Brand/OnPrimary 1/Heading": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 1/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 1/Hover": { resolved: "#454545", alias: "Neutral/70" },
+  "Text/Brand/OnPrimary 1/Accent": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnPrimary 2/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Background/Primary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Background/Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Primary/Hover Light": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Primary/Hover Accent": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Primary/OnSurface/Default": {
+    resolved: "#FBF7F6",
+    alias: "Signature/Haymarket/Vista White/0",
+  },
+  "Surface/Primary/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Secondary/Default": {
+    resolved: "#FBF7F6",
+    alias: "Signature/Haymarket/Vista White/0",
+  },
+  "Surface/Secondary/Subtle": {
+    resolved: "#F6ECEA",
+    alias: "Signature/Haymarket/Vista White/10",
+  },
+  "Surface/Secondary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Brand/Accent/Default": {
+    resolved: "#946F54",
+    alias: "Signature/Haymarket/Antique Brass/50",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent": {
+    resolved: "#EDE3D8",
+    alias: "Signature/Haymarket/Antique Brass/10",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": {
+    resolved: "#EDE3D8",
+    alias: "Signature/Haymarket/Antique Brass/10",
+  },
+  "Surface/Brand/Primary 1/Default": {
+    resolved: "#F0DDD8",
+    alias: "Signature/Haymarket/Vista White/20",
+  },
+  "Surface/Brand/Primary 2/Default": {
+    resolved: "#946F54",
+    alias: "Signature/Haymarket/Antique Brass/50",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Default": {
+    resolved: "#EDE3D8",
+    alias: "Signature/Haymarket/Antique Brass/10",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Accent": {
+    resolved: "#EDE3D8",
+    alias: "Signature/Haymarket/Antique Brass/10",
+  },
+  "Surface/Brand/Primary 3/Default": {
+    resolved: "#4A6C78",
+    alias: "Signature/Haymarket/Bismark/60",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Default": {
+    resolved: "#C5D7DC",
+    alias: "Signature/Haymarket/Bismark/20",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Accent": {
+    resolved: "#C5D7DC",
+    alias: "Signature/Haymarket/Bismark/20",
+  },
+  "Surface/UI Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Intense": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Surface/UI Fill/Disabled": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Accent/1": {
+    resolved: "#AA6858",
+    alias: "Signature/Haymarket/Vista White/60",
+  },
+  "Surface/Accent/2": {
+    resolved: "#6E98A2",
+    alias: "Signature/Haymarket/Bismark/40",
+  },
+  "Surface/Accent/3": {
+    resolved: "#483425",
+    alias: "Signature/Haymarket/Antique Brass/90",
+  },
+  "Surface/Accent/4": {
+    resolved: "#BA8E6E",
+    alias: "Signature/Haymarket/Antique Brass/40",
+  },
+  "Surface/Accent/5": {
+    resolved: "#334046",
+    alias: "Signature/Haymarket/Bismark/90",
+  },
+  "Surface/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Surface/Feedback/Information light": {
+    resolved: "#E8F6FF",
+    alias: "Scandic/Blue/00",
+  },
+  "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Surface/Feedback/Succes light": {
+    resolved: "#F3FCE8",
+    alias: "Scandic/Green/00",
+  },
+  "Surface/Feedback/Warning": {
+    resolved: "#D17308",
+    alias: "Scandic/Yellow/60",
+  },
+  "Surface/Feedback/Warning light": {
+    resolved: "#FFF8E3",
+    alias: "Scandic/Yellow/00",
+  },
+  "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Surface/Feedback/Error light": {
+    resolved: "#FFEBEB",
+    alias: "Scandic/Red/00",
+  },
+  "Surface/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Surface/Feedback/Neutral light": {
+    resolved: "#E9E9E9",
+    alias: "Neutral/15",
+  },
+  "Border/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Strong": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Accent": {
+    resolved: "#C08273",
+    alias: "Signature/Haymarket/Vista White/50",
+  },
+  "Icon/Interactive/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Interactive/Secondary": {
+    resolved: "#805E45",
+    alias: "Signature/Haymarket/Antique Brass/60",
+  },
+  "Icon/Interactive/Accent": {
+    resolved: "#805E45",
+    alias: "Signature/Haymarket/Antique Brass/60",
+  },
+  "Icon/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Icon/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Icon/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Icon/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Icon/Feedback/Neutral": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+  "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/30": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+  "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+  "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+  "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+  "Component/Button/Brand/Primary/Fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Brand/Primary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Primary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Primary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+    resolved: "#946F54",
+    alias: "Signature/Haymarket/Antique Brass/50",
+  },
+  "Component/Button/Brand/Secondary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Secondary/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover": {
+    resolved: "#454545",
+    alias: "Neutral/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Secondary/Border/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover": {
+    resolved: "#454545",
+    alias: "Neutral/70",
+  },
+  "Component/Button/Brand/Secondary/Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover inverted": {
+    resolved: "#FFFFFF80",
+    alias: "Neutral/Opacity/White/50",
+  },
+  "Component/Button/Brand/Secondary/Border/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Default": {
+    resolved: "#946F54",
+    alias: "Signature/Haymarket/Antique Brass/50",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Tertiary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/Fill/Faded": {
+    resolved: "#FFFFFFE6",
+    alias: "Neutral/Opacity/White/90",
+  },
+  "Component/Button/Inverted/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Fill/Hover Inverted": {
+    resolved: "#946F54",
+    alias: "Signature/Haymarket/Antique Brass/50",
+  },
+  "Component/Button/Inverted/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Disable": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Inverted/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Hover inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Border/Interactive/Default": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Divider/Subtle": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Border/Divider/Accent": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Brand/OnAccent/Default": {
+    resolved: "#C5A384",
+    alias: "Signature/Haymarket/Antique Brass/30",
+  },
+  "Border/Divider/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 3/Default": {
+    resolved: "#C5D7DC",
+    alias: "Signature/Haymarket/Bismark/20",
+  },
+  "Border/Interactive/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Component/Button/Muted/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Muted/Fill/Hover": {
+    resolved: "#FFFFFF0D",
+    alias: "Neutral/Opacity/White/5",
+  },
+  "Component/Button/Muted/Fill/Disabled": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Fill/Hover inverted": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Muted/Fill/Disabled inverted": {
+    resolved: "#D9D9D9",
+    alias: "Neutral/20",
+  },
+  "Component/Button/Muted/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Muted/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/On fill/Hover Inverted": {
+    resolved: "#454545",
+    alias: "Neutral/70",
+  },
+  "Component/Button/Muted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Muted/Border/Default": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
   },
 } as const
 export const marski = {
-  'Signature/Marski/Elephant/0': { resolved: '#F6F6F7' },
-  'Signature/Marski/Elephant/10': { resolved: '#ECEEEF' },
-  'Signature/Marski/Elephant/20': { resolved: '#E0E3E5' },
-  'Signature/Marski/Elephant/30': { resolved: '#B6BDC1' },
-  'Signature/Marski/Elephant/40': { resolved: '#9BA5AB' },
-  'Signature/Marski/Elephant/50': { resolved: '#717F87' },
-  'Signature/Marski/Elephant/60': { resolved: '#576771' },
-  'Signature/Marski/Elephant/70': { resolved: '#495A65' },
-  'Signature/Marski/Elephant/80': { resolved: '#2C414D' },
-  'Signature/Marski/Elephant/90': { resolved: '#1E3441' },
-  'Signature/Marski/Elephant/100': { resolved: '#122937' },
-  'Signature/Marski/Blue ribbon/0': { resolved: '#EEF7FF' },
-  'Signature/Marski/Blue ribbon/10': { resolved: '#D8ECFF' },
-  'Signature/Marski/Blue ribbon/20': { resolved: '#B9DEFF' },
-  'Signature/Marski/Blue ribbon/30': { resolved: '#89CBFF' },
-  'Signature/Marski/Blue ribbon/40': { resolved: '#52AEFF' },
-  'Signature/Marski/Blue ribbon/50': { resolved: '#458AFF' },
-  'Signature/Marski/Blue ribbon/60': { resolved: '#136AFD' },
-  'Signature/Marski/Blue ribbon/70': { resolved: '#0D57F3' },
-  'Signature/Marski/Blue ribbon/80': { resolved: '#1043BD' },
-  'Signature/Marski/Blue ribbon/90': { resolved: '#143D94' },
-  'Signature/Marski/Blue ribbon/100': { resolved: '#11265A' },
-  'Signature/Marski/Torch red/00': { resolved: '#FFF0F1' },
-  'Signature/Marski/Aubergine/00': { resolved: '#F9F6F4' },
-  'Signature/Marski/Aubergine/10': { resolved: '#EBE8E6' },
-  'Signature/Marski/Aubergine/20': { resolved: '#CFC4C5' },
-  'Signature/Marski/Aubergine/30': { resolved: '#BAA9AC' },
-  'Signature/Marski/Aubergine/40': { resolved: '#A28D90' },
-  'Signature/Marski/Aubergine/50': { resolved: '#8B7074' },
-  'Signature/Marski/Aubergine/60': { resolved: '#806267' },
-  'Signature/Marski/Aubergine/70': { resolved: '#6A484D' },
-  'Signature/Marski/Aubergine/80': { resolved: '#5B353B' },
-  'Signature/Marski/Aubergine/90': { resolved: '#481D24' },
-  'Signature/Marski/Aubergine/100': { resolved: '#3E1118' },
-  'Signature/Marski/Torch red/10': { resolved: '#FFDDE0' },
-  'Signature/Marski/Torch red/20': { resolved: '#FFC1C7' },
-  'Signature/Marski/Torch red/30': { resolved: '#FF96A0' },
-  'Signature/Marski/Torch red/40': { resolved: '#FF5A6A' },
-  'Signature/Marski/Torch red/50': { resolved: '#FF374A' },
-  'Signature/Marski/Torch red/60': { resolved: '#FB1228' },
-  'Signature/Marski/Torch red/70': { resolved: '#D40115' },
-  'Signature/Marski/Torch red/80': { resolved: '#AE0616' },
-  'Signature/Marski/Torch red/90': { resolved: '#900C18' },
-  'Signature/Marski/Torch red/100': { resolved: '#4F0007' },
-  'Title/lg/Letter spacing': { resolved: 0.48 },
-  'Title/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/lg/Text-Transform': { resolved: 'none' },
-  'Title/md/Letter spacing': { resolved: 0.09 },
-  'Title/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Letter spacing': { resolved: 0.14 },
-  'Title/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Text-Transform': { resolved: 'none' },
-  'Title/Decorative/lg/Letter spacing': { resolved: 0.1 },
-  'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
-  'Title/Decorative/md/Letter spacing': { resolved: 0.32 },
-  'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
-  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
-  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
-  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
-  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
-  'Title/sm/LowCase/Letter spacing': { resolved: 0.14 },
-  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
-  'Title/xs/Letter spacing': { resolved: 0.24 },
-  'Title/xs/Font fallback': { resolved: 'sans-serif' },
-  'Title/xs/Text-Transform': { resolved: 'none' },
-  'Title/md/Text-Transform': { resolved: 'none' },
-  'Title/md/LowCase/Letter spacing': { resolved: 0.09 },
-  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/md/LowCase/Text-Transform': { resolved: 'none' },
-  'Tag/Letter spacing': { resolved: 0.18 },
-  'Tag/Font fallback': { resolved: 'sans-serif' },
-  'Tag/Text-Transform': { resolved: 'none' },
-  'Link/md/Font fallback': { resolved: 'sans-serif' },
-  'Link/md/Letter spacing': { resolved: 0.19 },
-  'Link/md/Text-Decoration': { resolved: 'underline' },
-  'Link/sm/Font fallback': { resolved: 'sans-serif' },
-  'Link/sm/Letter spacing': { resolved: 0.2 },
-  'Link/sm/Text-Decoration': { resolved: 'underline' },
-  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
-  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
-  'Body/Lead text/Letter spacing': { resolved: 0.2 },
-  'Label/Font fallback': { resolved: 'sans-serif' },
-  'Label/Letter spacing': { resolved: 0.17 },
-  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
-  'Body/Underline/md/Text-Decoration': { resolved: 'underline' },
-  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
-  'Body/Underline/sm/Text-Decoration': { resolved: 'underline' },
-  'Surface/Brand/Accent/OnAccent/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
-  'Utilities/Gradients/10': { resolved: '#1229371A' },
-  'Font family/Marski/Title': { resolved: 'Helvetica Neue' },
-  'Font family/Marski/Body': { resolved: 'Fira sans' },
-  'Font family/Marski/Decorative': { resolved: 'Helvetica Neue' },
-  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
-  'Title/lg/Font weight': { resolved: 700, alias: 'Font weight/Bold' },
-  'Title/lg/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Title',
+  "Signature/Marski/Elephant/0": { resolved: "#F6F6F7" },
+  "Signature/Marski/Elephant/10": { resolved: "#ECEEEF" },
+  "Signature/Marski/Elephant/20": { resolved: "#E0E3E5" },
+  "Signature/Marski/Elephant/30": { resolved: "#B6BDC1" },
+  "Signature/Marski/Elephant/40": { resolved: "#9BA5AB" },
+  "Signature/Marski/Elephant/50": { resolved: "#717F87" },
+  "Signature/Marski/Elephant/60": { resolved: "#576771" },
+  "Signature/Marski/Elephant/70": { resolved: "#495A65" },
+  "Signature/Marski/Elephant/80": { resolved: "#2C414D" },
+  "Signature/Marski/Elephant/90": { resolved: "#1E3441" },
+  "Signature/Marski/Elephant/100": { resolved: "#122937" },
+  "Signature/Marski/Blue ribbon/0": { resolved: "#EEF7FF" },
+  "Signature/Marski/Blue ribbon/10": { resolved: "#D8ECFF" },
+  "Signature/Marski/Blue ribbon/20": { resolved: "#B9DEFF" },
+  "Signature/Marski/Blue ribbon/30": { resolved: "#89CBFF" },
+  "Signature/Marski/Blue ribbon/40": { resolved: "#52AEFF" },
+  "Signature/Marski/Blue ribbon/50": { resolved: "#458AFF" },
+  "Signature/Marski/Blue ribbon/60": { resolved: "#136AFD" },
+  "Signature/Marski/Blue ribbon/70": { resolved: "#0D57F3" },
+  "Signature/Marski/Blue ribbon/80": { resolved: "#1043BD" },
+  "Signature/Marski/Blue ribbon/90": { resolved: "#143D94" },
+  "Signature/Marski/Blue ribbon/100": { resolved: "#11265A" },
+  "Signature/Marski/Torch red/00": { resolved: "#FFF0F1" },
+  "Signature/Marski/Aubergine/00": { resolved: "#F9F6F4" },
+  "Signature/Marski/Aubergine/10": { resolved: "#EBE8E6" },
+  "Signature/Marski/Aubergine/20": { resolved: "#CFC4C5" },
+  "Signature/Marski/Aubergine/30": { resolved: "#BAA9AC" },
+  "Signature/Marski/Aubergine/40": { resolved: "#A28D90" },
+  "Signature/Marski/Aubergine/50": { resolved: "#8B7074" },
+  "Signature/Marski/Aubergine/60": { resolved: "#806267" },
+  "Signature/Marski/Aubergine/70": { resolved: "#6A484D" },
+  "Signature/Marski/Aubergine/80": { resolved: "#5B353B" },
+  "Signature/Marski/Aubergine/90": { resolved: "#481D24" },
+  "Signature/Marski/Aubergine/100": { resolved: "#3E1118" },
+  "Signature/Marski/Torch red/10": { resolved: "#FFDDE0" },
+  "Signature/Marski/Torch red/20": { resolved: "#FFC1C7" },
+  "Signature/Marski/Torch red/30": { resolved: "#FF96A0" },
+  "Signature/Marski/Torch red/40": { resolved: "#FF5A6A" },
+  "Signature/Marski/Torch red/50": { resolved: "#FF374A" },
+  "Signature/Marski/Torch red/60": { resolved: "#FB1228" },
+  "Signature/Marski/Torch red/70": { resolved: "#D40115" },
+  "Signature/Marski/Torch red/80": { resolved: "#AE0616" },
+  "Signature/Marski/Torch red/90": { resolved: "#900C18" },
+  "Signature/Marski/Torch red/100": { resolved: "#4F0007" },
+  "Title/lg/Letter spacing": { resolved: 0.48 },
+  "Title/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/lg/Text-Transform": { resolved: "none" },
+  "Title/md/Letter spacing": { resolved: 0.09 },
+  "Title/md/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Letter spacing": { resolved: 0.14 },
+  "Title/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Text-Transform": { resolved: "none" },
+  "Title/Decorative/lg/Letter spacing": { resolved: 0.1 },
+  "Title/Decorative/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Decorative/lg/Text-Transform": { resolved: "uppercase" },
+  "Title/Decorative/md/Letter spacing": { resolved: 0.32 },
+  "Title/Decorative/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Decorative/md/Text-Transform": { resolved: "uppercase" },
+  "Title/Subtitle/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/lg/Letter spacing": { resolved: 0.24 },
+  "Title/Subtitle/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
+  "Title/Overline/sm/Letter spacing": { resolved: 0.21 },
+  "Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/Overline/sm/Text-Transform": { resolved: "uppercase" },
+  "Title/sm/LowCase/Letter spacing": { resolved: 0.14 },
+  "Title/sm/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/LowCase/Text-Transform": { resolved: "none" },
+  "Title/xs/Letter spacing": { resolved: 0.24 },
+  "Title/xs/Font fallback": { resolved: "sans-serif" },
+  "Title/xs/Text-Transform": { resolved: "none" },
+  "Title/md/Text-Transform": { resolved: "none" },
+  "Title/md/LowCase/Letter spacing": { resolved: 0.09 },
+  "Title/md/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/md/LowCase/Text-Transform": { resolved: "none" },
+  "Tag/Letter spacing": { resolved: 0.18 },
+  "Tag/Font fallback": { resolved: "sans-serif" },
+  "Tag/Text-Transform": { resolved: "none" },
+  "Link/md/Font fallback": { resolved: "sans-serif" },
+  "Link/md/Letter spacing": { resolved: 0.19 },
+  "Link/md/Text-Decoration": { resolved: "underline" },
+  "Link/sm/Font fallback": { resolved: "sans-serif" },
+  "Link/sm/Letter spacing": { resolved: 0.2 },
+  "Link/sm/Text-Decoration": { resolved: "underline" },
+  "Body/Lead text/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Letter spacing": { resolved: 0.19 },
+  "Body/Supporting text/Font fallback": { resolved: "sans-serif" },
+  "Body/Supporting text/Letter spacing": { resolved: 0.2 },
+  "Body/Lead text/Letter spacing": { resolved: 0.2 },
+  "Label/Font fallback": { resolved: "sans-serif" },
+  "Label/Letter spacing": { resolved: 0.17 },
+  "Body/Underline/md/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/md/Letter spacing": { resolved: 0.19 },
+  "Body/Underline/md/Text-Decoration": { resolved: "underline" },
+  "Body/Underline/sm/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/sm/Letter spacing": { resolved: 0.2 },
+  "Body/Underline/sm/Text-Decoration": { resolved: "underline" },
+  "Surface/Brand/Accent/OnAccent/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": { resolved: "#FFFFFF" },
+  "Utilities/Gradients/10": { resolved: "#1229371A" },
+  "Font family/Marski/Title": { resolved: "Helvetica Neue" },
+  "Font family/Marski/Body": { resolved: "Fira sans" },
+  "Font family/Marski/Decorative": { resolved: "Helvetica Neue" },
+  "Title/lg/Size": { resolved: "", alias: "Impl-Text size/4xl" },
+  "Title/lg/Font weight": { resolved: 700, alias: "Font weight/Bold" },
+  "Title/lg/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Title",
   },
-  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/Font weight': { resolved: 700, alias: 'Font weight/Bold' },
-  'Title/md/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Title',
+  "Title/md/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/Font weight": { resolved: 700, alias: "Font weight/Bold" },
+  "Title/md/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Title",
   },
-  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/Font weight': { resolved: 700, alias: 'Font weight/Bold' },
-  'Title/sm/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Title',
+  "Title/sm/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/Font weight": { resolved: 700, alias: "Font weight/Bold" },
+  "Title/sm/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Title",
   },
-  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/LowCase/Font weight': {
+  "Title/sm/LowCase/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/LowCase/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/sm/LowCase/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Title',
+  "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/sm/LowCase/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Title",
   },
-  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Decorative/lg/Font weight': {
+  "Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Decorative/lg/Font weight": {
     resolved: 700,
-    alias: 'Font weight/Bold',
+    alias: "Font weight/Bold",
   },
-  'Title/Decorative/lg/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Decorative',
+  "Title/Decorative/lg/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Decorative",
   },
-  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Title/Decorative/md/Font weight': {
+  "Title/Decorative/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Title/Decorative/md/Font weight": {
     resolved: 700,
-    alias: 'Font weight/Bold',
+    alias: "Font weight/Bold",
   },
-  'Title/Decorative/md/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Decorative',
+  "Title/Decorative/md/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Decorative",
   },
-  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Subtitle/lg/Font weight': {
+  "Title/Subtitle/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Subtitle/lg/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/lg/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
+  "Title/Subtitle/lg/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
   },
-  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Subtitle/md/Font weight': {
+  "Title/Subtitle/md/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Subtitle/md/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
+  "Title/Subtitle/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
   },
-  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Title/Overline/sm/Font weight': { resolved: 700, alias: 'Font weight/Bold' },
-  'Title/Overline/sm/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Title',
+  "Title/Overline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Title/Overline/sm/Font weight": { resolved: 700, alias: "Font weight/Bold" },
+  "Title/Overline/sm/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Title",
   },
-  'Title/xs/Font weight': { resolved: 700, alias: 'Font weight/Bold' },
-  'Title/xs/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Title',
+  "Title/xs/Font weight": { resolved: 700, alias: "Font weight/Bold" },
+  "Title/xs/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Title",
   },
-  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/LowCase/Font weight': {
+  "Title/md/LowCase/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/LowCase/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/md/LowCase/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Title',
+  "Title/md/LowCase/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Title",
   },
-  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Tag/Font family': {
-    resolved: 'Helvetica Neue',
-    alias: 'Font family/Marski/Title',
+  "Body/Lead text/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Tag/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Tag/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Tag/Font family": {
+    resolved: "Helvetica Neue",
+    alias: "Font family/Marski/Title",
   },
-  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
+  "Link/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Link/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
   },
-  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
+  "Link/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Link/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
   },
-  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Lead text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
+  "Body/Lead text/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Lead text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
   },
-  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Paragraph/Font weight 2': {
+  "Body/Paragraph/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Paragraph/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Paragraph/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Paragraph/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
+  "Body/Paragraph/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
   },
-  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Supporting text/Font weight': {
+  "Body/Supporting text/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Supporting text/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Supporting text/Font weight 2': {
+  "Body/Supporting text/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Supporting text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
+  "Body/Supporting text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
   },
-  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
-  'Label/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
+  "Label/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Label/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Label/Font weight 2": { resolved: 500, alias: "Font weight/Medium" },
+  "Label/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
   },
-  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Underline/md/Font weight': {
+  "Body/Underline/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Underline/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Underline/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
+  "Body/Underline/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
   },
-  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Underline/sm/Font weight': {
+  "Body/Underline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Underline/sm/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
-  },
-  'Body/Underline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Marski/Body',
-  },
-  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
-  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Accent Primary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': {
-    resolved: '#122937',
-    alias: 'Signature/Marski/Elephant/100',
-  },
-  'Text/Interactive/Hover': {
-    resolved: '#2C414D',
-    alias: 'Signature/Marski/Elephant/80',
-  },
-  'Text/Interactive/Secondary': {
-    resolved: '#0D57F3',
-    alias: 'Signature/Marski/Blue ribbon/70',
-  },
-  'Text/Interactive/Secondary Hover': {
-    resolved: '#143D94',
-    alias: 'Signature/Marski/Blue ribbon/90',
-  },
-  'Text/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
-  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Text/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Text/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Text/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnAccent/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnAccent/Accent Secondary': {
-    resolved: '#747474',
-    alias: 'Neutral/50',
-  },
-  'Text/Brand/OnPrimary 1/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Brand/OnPrimary 1/Accent': {
-    resolved: '#458AFF',
-    alias: 'Signature/Marski/Blue ribbon/50',
-  },
-  'Text/Brand/OnPrimary 2/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Accent': {
-    resolved: '#FF374A',
-    alias: 'Signature/Marski/Torch red/50',
-  },
-  'Text/Brand/OnPrimary 3/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Accent': {
-    resolved: '#FF374A',
-    alias: 'Signature/Marski/Torch red/50',
-  },
-  'Background/Primary': { resolved: '#FCFCFC', alias: 'Neutral/0' },
-  'Background/Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Primary/Hover Light': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Primary/OnSurface/Default': {
-    resolved: '#F6F6F7',
-    alias: 'Signature/Marski/Elephant/0',
-  },
-  'Surface/Primary/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Secondary/Default': {
-    resolved: '#ECEEEF',
-    alias: 'Signature/Marski/Elephant/10',
-  },
-  'Surface/Secondary/Subtle': {
-    resolved: '#E0E3E5',
-    alias: 'Signature/Marski/Elephant/20',
-  },
-  'Surface/Secondary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Brand/Accent/Default': { resolved: '#575757', alias: 'Neutral/60' },
-  'Surface/Brand/Accent/OnAccent/Accent': {
-    resolved: '#E0E3E5',
-    alias: 'Signature/Marski/Elephant/20',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': {
-    resolved: '#E0E3E5',
-    alias: 'Signature/Marski/Elephant/20',
-  },
-  'Surface/Brand/Primary 1/Default': {
-    resolved: '#122937',
-    alias: 'Signature/Marski/Elephant/100',
-  },
-  'Surface/Brand/Primary 2/Default': {
-    resolved: '#3E1118',
-    alias: 'Signature/Marski/Aubergine/100',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Default': {
-    resolved: '#E0E3E5',
-    alias: 'Signature/Marski/Elephant/20',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Accent': {
-    resolved: '#E0E3E5',
-    alias: 'Signature/Marski/Elephant/20',
-  },
-  'Surface/Brand/Primary 3/Default': {
-    resolved: '#3E1118',
-    alias: 'Signature/Marski/Aubergine/100',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Accent/1': {
-    resolved: '#FB1228',
-    alias: 'Signature/Marski/Torch red/60',
-  },
-  'Surface/Accent/2': {
-    resolved: '#0D57F3',
-    alias: 'Signature/Marski/Blue ribbon/70',
-  },
-  'Surface/Accent/3': { resolved: '#256931', alias: 'Scandic/Green/70' },
-  'Surface/Accent/4': {
-    resolved: '#122937',
-    alias: 'Signature/Marski/Elephant/100',
-  },
-  'Surface/Accent/5': {
-    resolved: '#143D94',
-    alias: 'Signature/Marski/Blue ribbon/90',
-  },
-  'Surface/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Surface/Feedback/Information light': {
-    resolved: '#E8F6FF',
-    alias: 'Scandic/Blue/00',
-  },
-  'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Surface/Feedback/Succes light': {
-    resolved: '#F3FCE8',
-    alias: 'Scandic/Green/00',
-  },
-  'Surface/Feedback/Warning': {
-    resolved: '#D17308',
-    alias: 'Scandic/Yellow/60',
-  },
-  'Surface/Feedback/Warning light': {
-    resolved: '#FFF8E3',
-    alias: 'Scandic/Yellow/00',
-  },
-  'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Surface/Feedback/Error light': {
-    resolved: '#FFEBEB',
-    alias: 'Scandic/Red/00',
-  },
-  'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Surface/Feedback/Neutral light': {
-    resolved: '#E9E9E9',
-    alias: 'Neutral/15',
-  },
-  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Accent': {
-    resolved: '#1043BD',
-    alias: 'Signature/Marski/Blue ribbon/80',
-  },
-  'Icon/Interactive/Default': {
-    resolved: '#1E3441',
-    alias: 'Signature/Marski/Elephant/90',
-  },
-  'Icon/Interactive/Secondary': {
-    resolved: '#0D57F3',
-    alias: 'Signature/Marski/Blue ribbon/70',
-  },
-  'Icon/Interactive/Accent': {
-    resolved: '#0D57F3',
-    alias: 'Signature/Marski/Blue ribbon/70',
-  },
-  'Icon/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Icon/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
-  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/30': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
-  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
-  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
-  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
-  'Component/Button/Brand/Primary/Fill/Default': {
-    resolved: '#3E1118',
-    alias: 'Signature/Marski/Aubergine/100',
-  },
-  'Component/Button/Brand/Primary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Primary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Primary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': {
-    resolved: '#3E1118',
-    alias: 'Signature/Marski/Aubergine/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Secondary/On fill/Default': {
-    resolved: '#3E1118',
-    alias: 'Signature/Marski/Aubergine/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover': {
-    resolved: '#5B353B',
-    alias: 'Signature/Marski/Aubergine/80',
-  },
-  'Component/Button/Brand/Secondary/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Secondary/Border/Default': {
-    resolved: '#3E1118',
-    alias: 'Signature/Marski/Aubergine/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover': {
-    resolved: '#5B353B',
-    alias: 'Signature/Marski/Aubergine/80',
-  },
-  'Component/Button/Brand/Secondary/Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover inverted': {
-    resolved: '#FFFFFF80',
-    alias: 'Neutral/Opacity/White/50',
-  },
-  'Component/Button/Brand/Secondary/Border/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Default': {
-    resolved: '#0D57F3',
-    alias: 'Signature/Marski/Blue ribbon/70',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Tertiary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/Fill/Faded': {
-    resolved: '#FFFFFFE6',
-    alias: 'Neutral/Opacity/White/90',
-  },
-  'Component/Button/Inverted/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Fill/Hover Inverted': {
-    resolved: '#3E1118',
-    alias: 'Signature/Marski/Aubergine/100',
-  },
-  'Component/Button/Inverted/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Disable': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/On fill/Default': {
-    resolved: '#3E1118',
-    alias: 'Signature/Marski/Aubergine/100',
-  },
-  'Component/Button/Inverted/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Hover inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Brand/OnAccent/Default': {
-    resolved: '#B6BDC1',
-    alias: 'Signature/Marski/Elephant/30',
-  },
-  'Border/Divider/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 3/Default': {
-    resolved: '#FFC1C7',
-    alias: 'Signature/Marski/Torch red/20',
-  },
-  'Border/Interactive/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Component/Button/Muted/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Muted/Fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Disabled': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Hover inverted': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Muted/Fill/Disabled inverted': {
-    resolved: '#D9D9D9',
-    alias: 'Neutral/20',
-  },
-  'Component/Button/Muted/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Muted/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/On fill/Hover Inverted': {
-    resolved: '#5B353B',
-    alias: 'Signature/Marski/Aubergine/80',
-  },
-  'Component/Button/Muted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Muted/Border/Default': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
+    alias: "Font weight/Regular",
+  },
+  "Body/Underline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Marski/Body",
+  },
+  "Text/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Secondary": { resolved: "#575757", alias: "Neutral/60" },
+  "Text/Tertiary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Accent Primary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Text/Interactive/Default": {
+    resolved: "#122937",
+    alias: "Signature/Marski/Elephant/100",
+  },
+  "Text/Interactive/Hover": {
+    resolved: "#2C414D",
+    alias: "Signature/Marski/Elephant/80",
+  },
+  "Text/Interactive/Secondary": {
+    resolved: "#0D57F3",
+    alias: "Signature/Marski/Blue ribbon/70",
+  },
+  "Text/Interactive/Secondary Hover": {
+    resolved: "#143D94",
+    alias: "Signature/Marski/Blue ribbon/90",
+  },
+  "Text/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+  "Text/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnAccent/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnAccent/Accent Secondary": {
+    resolved: "#747474",
+    alias: "Neutral/50",
+  },
+  "Text/Brand/OnPrimary 1/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Brand/OnPrimary 1/Accent": {
+    resolved: "#458AFF",
+    alias: "Signature/Marski/Blue ribbon/50",
+  },
+  "Text/Brand/OnPrimary 2/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Accent": {
+    resolved: "#FF374A",
+    alias: "Signature/Marski/Torch red/50",
+  },
+  "Text/Brand/OnPrimary 3/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Accent": {
+    resolved: "#FF374A",
+    alias: "Signature/Marski/Torch red/50",
+  },
+  "Background/Primary": { resolved: "#FCFCFC", alias: "Neutral/0" },
+  "Background/Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Primary/Hover Light": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Primary/Hover Accent": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Primary/OnSurface/Default": {
+    resolved: "#F6F6F7",
+    alias: "Signature/Marski/Elephant/0",
+  },
+  "Surface/Primary/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Secondary/Default": {
+    resolved: "#ECEEEF",
+    alias: "Signature/Marski/Elephant/10",
+  },
+  "Surface/Secondary/Subtle": {
+    resolved: "#E0E3E5",
+    alias: "Signature/Marski/Elephant/20",
+  },
+  "Surface/Secondary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Brand/Accent/Default": { resolved: "#575757", alias: "Neutral/60" },
+  "Surface/Brand/Accent/OnAccent/Accent": {
+    resolved: "#E0E3E5",
+    alias: "Signature/Marski/Elephant/20",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": {
+    resolved: "#E0E3E5",
+    alias: "Signature/Marski/Elephant/20",
+  },
+  "Surface/Brand/Primary 1/Default": {
+    resolved: "#122937",
+    alias: "Signature/Marski/Elephant/100",
+  },
+  "Surface/Brand/Primary 2/Default": {
+    resolved: "#3E1118",
+    alias: "Signature/Marski/Aubergine/100",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Default": {
+    resolved: "#E0E3E5",
+    alias: "Signature/Marski/Elephant/20",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Accent": {
+    resolved: "#E0E3E5",
+    alias: "Signature/Marski/Elephant/20",
+  },
+  "Surface/Brand/Primary 3/Default": {
+    resolved: "#3E1118",
+    alias: "Signature/Marski/Aubergine/100",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Intense": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Disabled": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Accent/1": {
+    resolved: "#FB1228",
+    alias: "Signature/Marski/Torch red/60",
+  },
+  "Surface/Accent/2": {
+    resolved: "#0D57F3",
+    alias: "Signature/Marski/Blue ribbon/70",
+  },
+  "Surface/Accent/3": { resolved: "#256931", alias: "Scandic/Green/70" },
+  "Surface/Accent/4": {
+    resolved: "#122937",
+    alias: "Signature/Marski/Elephant/100",
+  },
+  "Surface/Accent/5": {
+    resolved: "#143D94",
+    alias: "Signature/Marski/Blue ribbon/90",
+  },
+  "Surface/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Surface/Feedback/Information light": {
+    resolved: "#E8F6FF",
+    alias: "Scandic/Blue/00",
+  },
+  "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Surface/Feedback/Succes light": {
+    resolved: "#F3FCE8",
+    alias: "Scandic/Green/00",
+  },
+  "Surface/Feedback/Warning": {
+    resolved: "#D17308",
+    alias: "Scandic/Yellow/60",
+  },
+  "Surface/Feedback/Warning light": {
+    resolved: "#FFF8E3",
+    alias: "Scandic/Yellow/00",
+  },
+  "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Surface/Feedback/Error light": {
+    resolved: "#FFEBEB",
+    alias: "Scandic/Red/00",
+  },
+  "Surface/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Surface/Feedback/Neutral light": {
+    resolved: "#E9E9E9",
+    alias: "Neutral/15",
+  },
+  "Border/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Strong": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Accent": {
+    resolved: "#1043BD",
+    alias: "Signature/Marski/Blue ribbon/80",
+  },
+  "Icon/Interactive/Default": {
+    resolved: "#1E3441",
+    alias: "Signature/Marski/Elephant/90",
+  },
+  "Icon/Interactive/Secondary": {
+    resolved: "#0D57F3",
+    alias: "Signature/Marski/Blue ribbon/70",
+  },
+  "Icon/Interactive/Accent": {
+    resolved: "#0D57F3",
+    alias: "Signature/Marski/Blue ribbon/70",
+  },
+  "Icon/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Icon/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Icon/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Icon/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Icon/Feedback/Neutral": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+  "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/30": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+  "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+  "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+  "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+  "Component/Button/Brand/Primary/Fill/Default": {
+    resolved: "#3E1118",
+    alias: "Signature/Marski/Aubergine/100",
+  },
+  "Component/Button/Brand/Primary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Primary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Primary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+    resolved: "#3E1118",
+    alias: "Signature/Marski/Aubergine/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Secondary/On fill/Default": {
+    resolved: "#3E1118",
+    alias: "Signature/Marski/Aubergine/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover": {
+    resolved: "#5B353B",
+    alias: "Signature/Marski/Aubergine/80",
+  },
+  "Component/Button/Brand/Secondary/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Secondary/Border/Default": {
+    resolved: "#3E1118",
+    alias: "Signature/Marski/Aubergine/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover": {
+    resolved: "#5B353B",
+    alias: "Signature/Marski/Aubergine/80",
+  },
+  "Component/Button/Brand/Secondary/Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover inverted": {
+    resolved: "#FFFFFF80",
+    alias: "Neutral/Opacity/White/50",
+  },
+  "Component/Button/Brand/Secondary/Border/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Default": {
+    resolved: "#0D57F3",
+    alias: "Signature/Marski/Blue ribbon/70",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Tertiary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/Fill/Faded": {
+    resolved: "#FFFFFFE6",
+    alias: "Neutral/Opacity/White/90",
+  },
+  "Component/Button/Inverted/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Fill/Hover Inverted": {
+    resolved: "#3E1118",
+    alias: "Signature/Marski/Aubergine/100",
+  },
+  "Component/Button/Inverted/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Disable": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/On fill/Default": {
+    resolved: "#3E1118",
+    alias: "Signature/Marski/Aubergine/100",
+  },
+  "Component/Button/Inverted/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Hover inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Border/Interactive/Default": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Divider/Subtle": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Border/Divider/Accent": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Brand/OnAccent/Default": {
+    resolved: "#B6BDC1",
+    alias: "Signature/Marski/Elephant/30",
+  },
+  "Border/Divider/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 3/Default": {
+    resolved: "#FFC1C7",
+    alias: "Signature/Marski/Torch red/20",
+  },
+  "Border/Interactive/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Component/Button/Muted/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Muted/Fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Disabled": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Hover inverted": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Muted/Fill/Disabled inverted": {
+    resolved: "#D9D9D9",
+    alias: "Neutral/20",
+  },
+  "Component/Button/Muted/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Muted/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/On fill/Hover Inverted": {
+    resolved: "#5B353B",
+    alias: "Signature/Marski/Aubergine/80",
+  },
+  "Component/Button/Muted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Muted/Border/Default": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
   },
 } as const
 export const hotelNorge = {
-  'Signature/Hotel Norge/Off White/0': { resolved: '#FDFEFD' },
-  'Signature/Hotel Norge/Off White/10': { resolved: '#FAFAF9' },
-  'Signature/Hotel Norge/Off White/20': { resolved: '#F8F8F6' },
-  'Signature/Hotel Norge/Off White/30': { resolved: '#F4F5F2' },
-  'Signature/Hotel Norge/Off White/40': { resolved: '#F2F3EF' },
-  'Signature/Hotel Norge/Off White/50': { resolved: '#EFF0EB' },
-  'Signature/Hotel Norge/Off White/60': { resolved: '#D9DAD6' },
-  'Signature/Hotel Norge/Off White/70': { resolved: '#AAAAA7' },
-  'Signature/Hotel Norge/Emerald/0': { resolved: '#C7DDD5' },
-  'Signature/Hotel Norge/Emerald/50': { resolved: '#779990' },
-  'Signature/Hotel Norge/Off White/80': { resolved: '#838481' },
-  'Signature/Hotel Norge/Emerald/80': { resolved: '#3A655C' },
-  'Signature/Hotel Norge/Off White/90': { resolved: '#6F716F' },
-  'Signature/Hotel Norge/Emerald/90': { resolved: '#26544A' },
-  'Signature/Hotel Norge/Off White/100': { resolved: '#646563' },
-  'Signature/Hotel Norge/Emerald/100': { resolved: '#004337' },
-  'Signature/Hotel Norge/Dark blue/0': { resolved: '#B7C5C8' },
-  'Signature/Hotel Norge/Dark blue/30': { resolved: '#858F97' },
-  'Signature/Hotel Norge/Dark blue/60': { resolved: '#626B76' },
-  'Signature/Hotel Norge/Dark blue/80': { resolved: '#404655' },
-  'Signature/Hotel Norge/Dark blue/90': { resolved: '#2F3445' },
-  'Signature/Hotel Norge/Dark blue/100': { resolved: '#181E34' },
-  'Signature/Hotel Norge/Salmon/50': { resolved: '#EC615B' },
-  'Title/lg/Letter spacing': { resolved: 0 },
-  'Title/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/lg/Text-Transform': { resolved: 'none' },
-  'Title/md/Letter spacing': { resolved: 0.36 },
-  'Title/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Letter spacing': { resolved: 0 },
-  'Title/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/Text-Transform': { resolved: 'none' },
-  'Title/Decorative/lg/Letter spacing': { resolved: 0.24 },
-  'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
-  'Title/Decorative/md/Letter spacing': { resolved: 0.16 },
-  'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
-  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
-  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
-  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
-  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
-  'Title/sm/LowCase/Letter spacing': { resolved: 0 },
-  'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
-  'Title/xs/Letter spacing': { resolved: -0.05 },
-  'Title/xs/Font fallback': { resolved: 'sans-serif' },
-  'Title/xs/Text-Transform': { resolved: 'none' },
-  'Title/md/Text-Transform': { resolved: 'none' },
-  'Title/md/LowCase/Letter spacing': { resolved: 0.36 },
-  'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
-  'Title/md/LowCase/Text-Transform': { resolved: 'none' },
-  'Tag/Letter spacing': { resolved: 0.18 },
-  'Tag/Font fallback': { resolved: 'sans-serif' },
-  'Tag/Text-Transform': { resolved: 'uppercase' },
-  'Link/md/Font fallback': { resolved: 'sans-serif' },
-  'Link/md/Letter spacing': { resolved: 0.19 },
-  'Link/md/Text-Decoration': { resolved: 'underline' },
-  'Link/sm/Font fallback': { resolved: 'sans-serif' },
-  'Link/sm/Letter spacing': { resolved: 0.2 },
-  'Link/sm/Text-Decoration': { resolved: 'underline' },
-  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
-  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
-  'Body/Lead text/Letter spacing': { resolved: 0.2 },
-  'Label/Font fallback': { resolved: 'sans-serif' },
-  'Label/Letter spacing': { resolved: 0.17 },
-  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
-  'Body/Underline/md/Text-Decoration': { resolved: 'underline' },
-  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
-  'Body/Underline/sm/Text-Decoration': { resolved: 'underline' },
-  'Surface/Brand/Accent/OnAccent/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
-  'Utilities/Gradients/10': { resolved: '#0043371A' },
-  'Font family/Hotel Norge/Title': { resolved: 'Domaine Sans Text' },
-  'Font family/Hotel Norge/Body': { resolved: 'Fira sans' },
-  'Font family/Hotel Norge/Decorative': { resolved: 'Domaine Sans Text' },
-  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
-  'Title/lg/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/lg/Font family': {
-    resolved: 'Domaine Sans Text',
-    alias: 'Font family/Hotel Norge/Title',
+  "Signature/Hotel Norge/Off White/0": { resolved: "#FDFEFD" },
+  "Signature/Hotel Norge/Off White/10": { resolved: "#FAFAF9" },
+  "Signature/Hotel Norge/Off White/20": { resolved: "#F8F8F6" },
+  "Signature/Hotel Norge/Off White/30": { resolved: "#F4F5F2" },
+  "Signature/Hotel Norge/Off White/40": { resolved: "#F2F3EF" },
+  "Signature/Hotel Norge/Off White/50": { resolved: "#EFF0EB" },
+  "Signature/Hotel Norge/Off White/60": { resolved: "#D9DAD6" },
+  "Signature/Hotel Norge/Off White/70": { resolved: "#AAAAA7" },
+  "Signature/Hotel Norge/Emerald/0": { resolved: "#C7DDD5" },
+  "Signature/Hotel Norge/Emerald/50": { resolved: "#779990" },
+  "Signature/Hotel Norge/Off White/80": { resolved: "#838481" },
+  "Signature/Hotel Norge/Emerald/80": { resolved: "#3A655C" },
+  "Signature/Hotel Norge/Off White/90": { resolved: "#6F716F" },
+  "Signature/Hotel Norge/Emerald/90": { resolved: "#26544A" },
+  "Signature/Hotel Norge/Off White/100": { resolved: "#646563" },
+  "Signature/Hotel Norge/Emerald/100": { resolved: "#004337" },
+  "Signature/Hotel Norge/Dark blue/0": { resolved: "#B7C5C8" },
+  "Signature/Hotel Norge/Dark blue/30": { resolved: "#858F97" },
+  "Signature/Hotel Norge/Dark blue/60": { resolved: "#626B76" },
+  "Signature/Hotel Norge/Dark blue/80": { resolved: "#404655" },
+  "Signature/Hotel Norge/Dark blue/90": { resolved: "#2F3445" },
+  "Signature/Hotel Norge/Dark blue/100": { resolved: "#181E34" },
+  "Signature/Hotel Norge/Salmon/50": { resolved: "#EC615B" },
+  "Title/lg/Letter spacing": { resolved: 0 },
+  "Title/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/lg/Text-Transform": { resolved: "none" },
+  "Title/md/Letter spacing": { resolved: 0.36 },
+  "Title/md/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Letter spacing": { resolved: 0 },
+  "Title/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/Text-Transform": { resolved: "none" },
+  "Title/Decorative/lg/Letter spacing": { resolved: 0.24 },
+  "Title/Decorative/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Decorative/lg/Text-Transform": { resolved: "uppercase" },
+  "Title/Decorative/md/Letter spacing": { resolved: 0.16 },
+  "Title/Decorative/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Decorative/md/Text-Transform": { resolved: "uppercase" },
+  "Title/Subtitle/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/lg/Letter spacing": { resolved: 0.24 },
+  "Title/Subtitle/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
+  "Title/Overline/sm/Letter spacing": { resolved: 0.21 },
+  "Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/Overline/sm/Text-Transform": { resolved: "uppercase" },
+  "Title/sm/LowCase/Letter spacing": { resolved: 0 },
+  "Title/sm/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/sm/LowCase/Text-Transform": { resolved: "none" },
+  "Title/xs/Letter spacing": { resolved: -0.05 },
+  "Title/xs/Font fallback": { resolved: "sans-serif" },
+  "Title/xs/Text-Transform": { resolved: "none" },
+  "Title/md/Text-Transform": { resolved: "none" },
+  "Title/md/LowCase/Letter spacing": { resolved: 0.36 },
+  "Title/md/LowCase/Font fallback": { resolved: "sans-serif" },
+  "Title/md/LowCase/Text-Transform": { resolved: "none" },
+  "Tag/Letter spacing": { resolved: 0.18 },
+  "Tag/Font fallback": { resolved: "sans-serif" },
+  "Tag/Text-Transform": { resolved: "uppercase" },
+  "Link/md/Font fallback": { resolved: "sans-serif" },
+  "Link/md/Letter spacing": { resolved: 0.19 },
+  "Link/md/Text-Decoration": { resolved: "underline" },
+  "Link/sm/Font fallback": { resolved: "sans-serif" },
+  "Link/sm/Letter spacing": { resolved: 0.2 },
+  "Link/sm/Text-Decoration": { resolved: "underline" },
+  "Body/Lead text/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Letter spacing": { resolved: 0.19 },
+  "Body/Supporting text/Font fallback": { resolved: "sans-serif" },
+  "Body/Supporting text/Letter spacing": { resolved: 0.2 },
+  "Body/Lead text/Letter spacing": { resolved: 0.2 },
+  "Label/Font fallback": { resolved: "sans-serif" },
+  "Label/Letter spacing": { resolved: 0.17 },
+  "Body/Underline/md/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/md/Letter spacing": { resolved: 0.19 },
+  "Body/Underline/md/Text-Decoration": { resolved: "underline" },
+  "Body/Underline/sm/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/sm/Letter spacing": { resolved: 0.2 },
+  "Body/Underline/sm/Text-Decoration": { resolved: "underline" },
+  "Surface/Brand/Accent/OnAccent/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": { resolved: "#FFFFFF" },
+  "Utilities/Gradients/10": { resolved: "#0043371A" },
+  "Font family/Hotel Norge/Title": { resolved: "Domaine Sans Text" },
+  "Font family/Hotel Norge/Body": { resolved: "Fira sans" },
+  "Font family/Hotel Norge/Decorative": { resolved: "Domaine Sans Text" },
+  "Title/lg/Size": { resolved: "", alias: "Impl-Text size/4xl" },
+  "Title/lg/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/lg/Font family": {
+    resolved: "Domaine Sans Text",
+    alias: "Font family/Hotel Norge/Title",
   },
-  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/md/Font family': {
-    resolved: 'Domaine Sans Text',
-    alias: 'Font family/Hotel Norge/Title',
+  "Title/md/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/md/Font family": {
+    resolved: "Domaine Sans Text",
+    alias: "Font family/Hotel Norge/Title",
   },
-  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/sm/Font family': {
-    resolved: 'Domaine Sans Text',
-    alias: 'Font family/Hotel Norge/Title',
+  "Title/sm/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/sm/Font family": {
+    resolved: "Domaine Sans Text",
+    alias: "Font family/Hotel Norge/Title",
   },
-  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/LowCase/Font weight': {
+  "Title/sm/LowCase/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/sm/LowCase/Font family': {
-    resolved: 'Domaine Sans Text',
-    alias: 'Font family/Hotel Norge/Title',
+  "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/sm/LowCase/Font family": {
+    resolved: "Domaine Sans Text",
+    alias: "Font family/Hotel Norge/Title",
   },
-  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Decorative/lg/Font weight': {
+  "Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Decorative/lg/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/lg/Font family': {
-    resolved: 'Domaine Sans Text',
-    alias: 'Font family/Hotel Norge/Decorative',
+  "Title/Decorative/lg/Font family": {
+    resolved: "Domaine Sans Text",
+    alias: "Font family/Hotel Norge/Decorative",
   },
-  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Title/Decorative/md/Font weight': {
+  "Title/Decorative/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Title/Decorative/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/md/Font family': {
-    resolved: 'Domaine Sans Text',
-    alias: 'Font family/Hotel Norge/Title',
+  "Title/Decorative/md/Font family": {
+    resolved: "Domaine Sans Text",
+    alias: "Font family/Hotel Norge/Title",
   },
-  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Subtitle/lg/Font weight': {
+  "Title/Subtitle/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Subtitle/lg/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/lg/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Title/Subtitle/lg/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Subtitle/md/Font weight': {
+  "Title/Subtitle/md/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Subtitle/md/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Title/Subtitle/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Title/Overline/sm/Font weight': {
+  "Title/Overline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Title/Overline/sm/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Overline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Title/Overline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Title/xs/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/xs/Font family': {
-    resolved: 'Domaine Sans Text',
-    alias: 'Font family/Hotel Norge/Title',
+  "Title/xs/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/xs/Font family": {
+    resolved: "Domaine Sans Text",
+    alias: "Font family/Hotel Norge/Title",
   },
-  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/LowCase/Font weight': {
+  "Title/md/LowCase/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/md/LowCase/Font family': {
-    resolved: 'Domaine Sans Text',
-    alias: 'Font family/Hotel Norge/Title',
+  "Title/md/LowCase/Font family": {
+    resolved: "Domaine Sans Text",
+    alias: "Font family/Hotel Norge/Title",
   },
-  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Tag/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Body/Lead text/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Tag/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Tag/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Tag/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Link/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Link/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Link/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Link/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Lead text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Body/Lead text/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Lead text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Paragraph/Font weight 2': {
+  "Body/Paragraph/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Paragraph/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Paragraph/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Paragraph/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Body/Paragraph/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Supporting text/Font weight': {
+  "Body/Supporting text/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Supporting text/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Supporting text/Font weight 2': {
+  "Body/Supporting text/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Supporting text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Body/Supporting text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
-  'Label/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Label/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Label/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Label/Font weight 2": { resolved: 500, alias: "Font weight/Medium" },
+  "Label/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Underline/md/Font weight': {
+  "Body/Underline/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Underline/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Underline/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
+  "Body/Underline/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
   },
-  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Underline/sm/Font weight': {
+  "Body/Underline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Underline/sm/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
-  },
-  'Body/Underline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Hotel Norge/Body',
-  },
-  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
-  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Accent Primary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': {
-    resolved: '#181E34',
-    alias: 'Signature/Hotel Norge/Dark blue/100',
-  },
-  'Text/Interactive/Hover': {
-    resolved: '#404655',
-    alias: 'Signature/Hotel Norge/Dark blue/80',
-  },
-  'Text/Interactive/Secondary': {
-    resolved: '#26544A',
-    alias: 'Signature/Hotel Norge/Emerald/90',
-  },
-  'Text/Interactive/Secondary Hover': {
-    resolved: '#3A655C',
-    alias: 'Signature/Hotel Norge/Emerald/80',
-  },
-  'Text/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
-  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Text/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Text/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Text/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnAccent/Accent': {
-    resolved: '#004337',
-    alias: 'Signature/Hotel Norge/Emerald/100',
-  },
-  'Text/Brand/OnAccent/Accent Secondary': {
-    resolved: '#747474',
-    alias: 'Neutral/50',
-  },
-  'Text/Brand/OnPrimary 1/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Brand/OnPrimary 1/Accent': {
-    resolved: '#B7C5C8',
-    alias: 'Signature/Hotel Norge/Dark blue/0',
-  },
-  'Text/Brand/OnPrimary 2/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Accent': {
-    resolved: '#C7DDD5',
-    alias: 'Signature/Hotel Norge/Emerald/0',
-  },
-  'Text/Brand/OnPrimary 3/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Accent': {
-    resolved: '#C7DDD5',
-    alias: 'Signature/Hotel Norge/Emerald/0',
-  },
-  'Background/Primary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Background/Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Primary/Hover Light': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Primary/OnSurface/Default': {
-    resolved: '#F4F5F2',
-    alias: 'Signature/Hotel Norge/Off White/30',
-  },
-  'Surface/Primary/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Secondary/Default': {
-    resolved: '#EFF0EB',
-    alias: 'Signature/Hotel Norge/Off White/50',
-  },
-  'Surface/Secondary/Subtle': {
-    resolved: '#D9DAD6',
-    alias: 'Signature/Hotel Norge/Off White/60',
-  },
-  'Surface/Secondary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Brand/Accent/Default': {
-    resolved: '#C7DDD5',
-    alias: 'Signature/Hotel Norge/Emerald/0',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent': {
-    resolved: '#2F3445',
-    alias: 'Signature/Hotel Norge/Dark blue/90',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': {
-    resolved: '#2F3445',
-    alias: 'Signature/Hotel Norge/Dark blue/90',
-  },
-  'Surface/Brand/Primary 1/Default': {
-    resolved: '#004337',
-    alias: 'Signature/Hotel Norge/Emerald/100',
-  },
-  'Surface/Brand/Primary 2/Default': {
-    resolved: '#181E34',
-    alias: 'Signature/Hotel Norge/Dark blue/100',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Default': {
-    resolved: '#2F3445',
-    alias: 'Signature/Hotel Norge/Dark blue/90',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Accent': {
-    resolved: '#2F3445',
-    alias: 'Signature/Hotel Norge/Dark blue/90',
-  },
-  'Surface/Brand/Primary 3/Default': {
-    resolved: '#181E34',
-    alias: 'Signature/Hotel Norge/Dark blue/100',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Default': {
-    resolved: '#B7C5C8',
-    alias: 'Signature/Hotel Norge/Dark blue/0',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Accent': {
-    resolved: '#B7C5C8',
-    alias: 'Signature/Hotel Norge/Dark blue/0',
-  },
-  'Surface/UI Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Accent/1': {
-    resolved: '#EC615B',
-    alias: 'Signature/Hotel Norge/Salmon/50',
-  },
-  'Surface/Accent/2': { resolved: '#284EA0', alias: 'Scandic/Blue/70' },
-  'Surface/Accent/3': {
-    resolved: '#004337',
-    alias: 'Signature/Hotel Norge/Emerald/100',
-  },
-  'Surface/Accent/4': {
-    resolved: '#858F97',
-    alias: 'Signature/Hotel Norge/Dark blue/30',
-  },
-  'Surface/Accent/5': {
-    resolved: '#404655',
-    alias: 'Signature/Hotel Norge/Dark blue/80',
-  },
-  'Surface/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Surface/Feedback/Information light': {
-    resolved: '#E8F6FF',
-    alias: 'Scandic/Blue/00',
-  },
-  'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Surface/Feedback/Succes light': {
-    resolved: '#F3FCE8',
-    alias: 'Scandic/Green/00',
-  },
-  'Surface/Feedback/Warning': {
-    resolved: '#D17308',
-    alias: 'Scandic/Yellow/60',
-  },
-  'Surface/Feedback/Warning light': {
-    resolved: '#FFF8E3',
-    alias: 'Scandic/Yellow/00',
-  },
-  'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Surface/Feedback/Error light': {
-    resolved: '#FFEBEB',
-    alias: 'Scandic/Red/00',
-  },
-  'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Surface/Feedback/Neutral light': {
-    resolved: '#E9E9E9',
-    alias: 'Neutral/15',
-  },
-  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Accent': {
-    resolved: '#EC615B',
-    alias: 'Signature/Hotel Norge/Salmon/50',
-  },
-  'Icon/Interactive/Default': {
-    resolved: '#181E34',
-    alias: 'Signature/Hotel Norge/Dark blue/100',
-  },
-  'Icon/Interactive/Secondary': {
-    resolved: '#26544A',
-    alias: 'Signature/Hotel Norge/Emerald/90',
-  },
-  'Icon/Interactive/Accent': {
-    resolved: '#26544A',
-    alias: 'Signature/Hotel Norge/Emerald/90',
-  },
-  'Icon/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Icon/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
-  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/30': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
-  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
-  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
-  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
-  'Component/Button/Brand/Primary/Fill/Default': {
-    resolved: '#181E34',
-    alias: 'Signature/Hotel Norge/Dark blue/100',
-  },
-  'Component/Button/Brand/Primary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Primary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Primary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': {
-    resolved: '#004337',
-    alias: 'Signature/Hotel Norge/Emerald/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Secondary/On fill/Default': {
-    resolved: '#181E34',
-    alias: 'Signature/Hotel Norge/Dark blue/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover': {
-    resolved: '#404655',
-    alias: 'Signature/Hotel Norge/Dark blue/80',
-  },
-  'Component/Button/Brand/Secondary/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Secondary/Border/Default': {
-    resolved: '#181E34',
-    alias: 'Signature/Hotel Norge/Dark blue/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover': {
-    resolved: '#404655',
-    alias: 'Signature/Hotel Norge/Dark blue/80',
-  },
-  'Component/Button/Brand/Secondary/Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover inverted': {
-    resolved: '#FFFFFF80',
-    alias: 'Neutral/Opacity/White/50',
-  },
-  'Component/Button/Brand/Secondary/Border/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Default': {
-    resolved: '#004337',
-    alias: 'Signature/Hotel Norge/Emerald/100',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Tertiary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/Fill/Faded': {
-    resolved: '#FFFFFFE6',
-    alias: 'Neutral/Opacity/White/90',
-  },
-  'Component/Button/Inverted/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Fill/Hover Inverted': {
-    resolved: '#004337',
-    alias: 'Signature/Hotel Norge/Emerald/100',
-  },
-  'Component/Button/Inverted/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Disable': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/On fill/Default': {
-    resolved: '#181E34',
-    alias: 'Signature/Hotel Norge/Dark blue/100',
-  },
-  'Component/Button/Inverted/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Hover inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Brand/OnAccent/Default': {
-    resolved: '#626B76',
-    alias: 'Signature/Hotel Norge/Dark blue/60',
-  },
-  'Border/Divider/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 3/Default': {
-    resolved: '#779990',
-    alias: 'Signature/Hotel Norge/Emerald/50',
-  },
-  'Border/Interactive/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Component/Button/Muted/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Muted/Fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Disabled': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Hover inverted': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Muted/Fill/Disabled inverted': {
-    resolved: '#D9D9D9',
-    alias: 'Neutral/20',
-  },
-  'Component/Button/Muted/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Muted/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/On fill/Hover Inverted': {
-    resolved: '#404655',
-    alias: 'Signature/Hotel Norge/Dark blue/80',
-  },
-  'Component/Button/Muted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Muted/Border/Default': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
+    alias: "Font weight/Regular",
+  },
+  "Body/Underline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Hotel Norge/Body",
+  },
+  "Text/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Secondary": { resolved: "#575757", alias: "Neutral/60" },
+  "Text/Tertiary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Accent Primary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Text/Interactive/Default": {
+    resolved: "#181E34",
+    alias: "Signature/Hotel Norge/Dark blue/100",
+  },
+  "Text/Interactive/Hover": {
+    resolved: "#404655",
+    alias: "Signature/Hotel Norge/Dark blue/80",
+  },
+  "Text/Interactive/Secondary": {
+    resolved: "#26544A",
+    alias: "Signature/Hotel Norge/Emerald/90",
+  },
+  "Text/Interactive/Secondary Hover": {
+    resolved: "#3A655C",
+    alias: "Signature/Hotel Norge/Emerald/80",
+  },
+  "Text/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+  "Text/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnAccent/Accent": {
+    resolved: "#004337",
+    alias: "Signature/Hotel Norge/Emerald/100",
+  },
+  "Text/Brand/OnAccent/Accent Secondary": {
+    resolved: "#747474",
+    alias: "Neutral/50",
+  },
+  "Text/Brand/OnPrimary 1/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Brand/OnPrimary 1/Accent": {
+    resolved: "#B7C5C8",
+    alias: "Signature/Hotel Norge/Dark blue/0",
+  },
+  "Text/Brand/OnPrimary 2/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Accent": {
+    resolved: "#C7DDD5",
+    alias: "Signature/Hotel Norge/Emerald/0",
+  },
+  "Text/Brand/OnPrimary 3/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Accent": {
+    resolved: "#C7DDD5",
+    alias: "Signature/Hotel Norge/Emerald/0",
+  },
+  "Background/Primary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Background/Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Primary/Hover Light": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Primary/Hover Accent": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Primary/OnSurface/Default": {
+    resolved: "#F4F5F2",
+    alias: "Signature/Hotel Norge/Off White/30",
+  },
+  "Surface/Primary/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Secondary/Default": {
+    resolved: "#EFF0EB",
+    alias: "Signature/Hotel Norge/Off White/50",
+  },
+  "Surface/Secondary/Subtle": {
+    resolved: "#D9DAD6",
+    alias: "Signature/Hotel Norge/Off White/60",
+  },
+  "Surface/Secondary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Brand/Accent/Default": {
+    resolved: "#C7DDD5",
+    alias: "Signature/Hotel Norge/Emerald/0",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent": {
+    resolved: "#2F3445",
+    alias: "Signature/Hotel Norge/Dark blue/90",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": {
+    resolved: "#2F3445",
+    alias: "Signature/Hotel Norge/Dark blue/90",
+  },
+  "Surface/Brand/Primary 1/Default": {
+    resolved: "#004337",
+    alias: "Signature/Hotel Norge/Emerald/100",
+  },
+  "Surface/Brand/Primary 2/Default": {
+    resolved: "#181E34",
+    alias: "Signature/Hotel Norge/Dark blue/100",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Default": {
+    resolved: "#2F3445",
+    alias: "Signature/Hotel Norge/Dark blue/90",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Accent": {
+    resolved: "#2F3445",
+    alias: "Signature/Hotel Norge/Dark blue/90",
+  },
+  "Surface/Brand/Primary 3/Default": {
+    resolved: "#181E34",
+    alias: "Signature/Hotel Norge/Dark blue/100",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Default": {
+    resolved: "#B7C5C8",
+    alias: "Signature/Hotel Norge/Dark blue/0",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Accent": {
+    resolved: "#B7C5C8",
+    alias: "Signature/Hotel Norge/Dark blue/0",
+  },
+  "Surface/UI Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Intense": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Disabled": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Accent/1": {
+    resolved: "#EC615B",
+    alias: "Signature/Hotel Norge/Salmon/50",
+  },
+  "Surface/Accent/2": { resolved: "#284EA0", alias: "Scandic/Blue/70" },
+  "Surface/Accent/3": {
+    resolved: "#004337",
+    alias: "Signature/Hotel Norge/Emerald/100",
+  },
+  "Surface/Accent/4": {
+    resolved: "#858F97",
+    alias: "Signature/Hotel Norge/Dark blue/30",
+  },
+  "Surface/Accent/5": {
+    resolved: "#404655",
+    alias: "Signature/Hotel Norge/Dark blue/80",
+  },
+  "Surface/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Surface/Feedback/Information light": {
+    resolved: "#E8F6FF",
+    alias: "Scandic/Blue/00",
+  },
+  "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Surface/Feedback/Succes light": {
+    resolved: "#F3FCE8",
+    alias: "Scandic/Green/00",
+  },
+  "Surface/Feedback/Warning": {
+    resolved: "#D17308",
+    alias: "Scandic/Yellow/60",
+  },
+  "Surface/Feedback/Warning light": {
+    resolved: "#FFF8E3",
+    alias: "Scandic/Yellow/00",
+  },
+  "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Surface/Feedback/Error light": {
+    resolved: "#FFEBEB",
+    alias: "Scandic/Red/00",
+  },
+  "Surface/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Surface/Feedback/Neutral light": {
+    resolved: "#E9E9E9",
+    alias: "Neutral/15",
+  },
+  "Border/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Strong": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Accent": {
+    resolved: "#EC615B",
+    alias: "Signature/Hotel Norge/Salmon/50",
+  },
+  "Icon/Interactive/Default": {
+    resolved: "#181E34",
+    alias: "Signature/Hotel Norge/Dark blue/100",
+  },
+  "Icon/Interactive/Secondary": {
+    resolved: "#26544A",
+    alias: "Signature/Hotel Norge/Emerald/90",
+  },
+  "Icon/Interactive/Accent": {
+    resolved: "#26544A",
+    alias: "Signature/Hotel Norge/Emerald/90",
+  },
+  "Icon/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Icon/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Icon/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Icon/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Icon/Feedback/Neutral": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+  "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/30": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+  "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+  "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+  "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+  "Component/Button/Brand/Primary/Fill/Default": {
+    resolved: "#181E34",
+    alias: "Signature/Hotel Norge/Dark blue/100",
+  },
+  "Component/Button/Brand/Primary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Primary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Primary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+    resolved: "#004337",
+    alias: "Signature/Hotel Norge/Emerald/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Secondary/On fill/Default": {
+    resolved: "#181E34",
+    alias: "Signature/Hotel Norge/Dark blue/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover": {
+    resolved: "#404655",
+    alias: "Signature/Hotel Norge/Dark blue/80",
+  },
+  "Component/Button/Brand/Secondary/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Secondary/Border/Default": {
+    resolved: "#181E34",
+    alias: "Signature/Hotel Norge/Dark blue/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover": {
+    resolved: "#404655",
+    alias: "Signature/Hotel Norge/Dark blue/80",
+  },
+  "Component/Button/Brand/Secondary/Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover inverted": {
+    resolved: "#FFFFFF80",
+    alias: "Neutral/Opacity/White/50",
+  },
+  "Component/Button/Brand/Secondary/Border/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Default": {
+    resolved: "#004337",
+    alias: "Signature/Hotel Norge/Emerald/100",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Tertiary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/Fill/Faded": {
+    resolved: "#FFFFFFE6",
+    alias: "Neutral/Opacity/White/90",
+  },
+  "Component/Button/Inverted/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Fill/Hover Inverted": {
+    resolved: "#004337",
+    alias: "Signature/Hotel Norge/Emerald/100",
+  },
+  "Component/Button/Inverted/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Disable": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/On fill/Default": {
+    resolved: "#181E34",
+    alias: "Signature/Hotel Norge/Dark blue/100",
+  },
+  "Component/Button/Inverted/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Hover inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Border/Interactive/Default": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Divider/Subtle": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Border/Divider/Accent": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Brand/OnAccent/Default": {
+    resolved: "#626B76",
+    alias: "Signature/Hotel Norge/Dark blue/60",
+  },
+  "Border/Divider/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 3/Default": {
+    resolved: "#779990",
+    alias: "Signature/Hotel Norge/Emerald/50",
+  },
+  "Border/Interactive/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Component/Button/Muted/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Muted/Fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Disabled": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Hover inverted": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Muted/Fill/Disabled inverted": {
+    resolved: "#D9D9D9",
+    alias: "Neutral/20",
+  },
+  "Component/Button/Muted/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Muted/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/On fill/Hover Inverted": {
+    resolved: "#404655",
+    alias: "Signature/Hotel Norge/Dark blue/80",
+  },
+  "Component/Button/Muted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Muted/Border/Default": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
   },
 } as const
 export const grandHotel = {
-  'Signature/Grand Hotel/Careys Pink/40': { resolved: '#DBA7B1' },
-  'Signature/Grand Hotel/Careys Pink/50': { resolved: '#C27183' },
-  'Signature/Grand Hotel/Careys Pink/60': { resolved: '#AA546B' },
-  'Signature/Grand Hotel/Careys Pink/70': { resolved: '#8E4258' },
-  'Signature/Grand Hotel/Cloudy/0': { resolved: '#F7F6F5' },
-  'Signature/Grand Hotel/Cloudy/10': { resolved: '#EBEAE9' },
-  'Signature/Grand Hotel/Cloudy/20': { resolved: '#D7D5D1' },
-  'Signature/Grand Hotel/Blue Bayoux/50': { resolved: '#5B6E7F' },
-  'Signature/Grand Hotel/Blue Bayoux/60': { resolved: '#4E5C6C' },
-  'Signature/Grand Hotel/Blue Bayoux/80': { resolved: '#3D444D' },
-  'Signature/Grand Hotel/Blue Bayoux/90': { resolved: '#363C43' },
-  'Signature/Grand Hotel/Blue Bayoux/100': { resolved: '#21252B' },
-  'Signature/Grand Hotel/Cloudy/30': { resolved: '#B2ADA7' },
-  'Signature/Grand Hotel/Submarine/30': { resolved: '#B0C4CB' },
-  'Title/lg/Letter spacing': { resolved: 0.12 },
-  'Title/lg/Font fallback': { resolved: 'Serif' },
-  'Title/lg/Text-Transform': { resolved: 'none' },
-  'Title/md/Letter spacing': { resolved: 0.18 },
-  'Title/md/Font fallback': { resolved: 'Serif' },
-  'Title/sm/Letter spacing': { resolved: 0.28 },
-  'Title/sm/Font fallback': { resolved: 'Serif' },
-  'Title/sm/Text-Transform': { resolved: 'none' },
-  'Title/Decorative/lg/Letter spacing': { resolved: 0.3 },
-  'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
-  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
-  'Title/Decorative/md/Letter spacing': { resolved: 0.24 },
-  'Title/Decorative/md/Font fallback': { resolved: 'Serif' },
-  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
-  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
-  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
-  'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
-  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
-  'Title/sm/LowCase/Letter spacing': { resolved: 0.28 },
-  'Title/sm/LowCase/Font fallback': { resolved: 'Serif' },
-  'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
-  'Title/xs/Letter spacing': { resolved: 0.24 },
-  'Title/xs/Font fallback': { resolved: 'Serif' },
-  'Title/xs/Text-Transform': { resolved: 'none' },
-  'Title/md/Text-Transform': { resolved: 'none' },
-  'Title/md/LowCase/Letter spacing': { resolved: 0.18 },
-  'Title/md/LowCase/Font fallback': { resolved: 'Serif' },
-  'Title/md/LowCase/Text-Transform': { resolved: 'none' },
-  'Tag/Letter spacing': { resolved: 0.24 },
-  'Tag/Font fallback': { resolved: 'sans-serif' },
-  'Tag/Text-Transform': { resolved: 'uppercase' },
-  'Link/md/Font fallback': { resolved: 'sans-serif' },
-  'Link/md/Letter spacing': { resolved: 0.19 },
-  'Link/md/Text-Decoration': { resolved: 'underline' },
-  'Link/sm/Font fallback': { resolved: 'sans-serif' },
-  'Link/sm/Letter spacing': { resolved: 0.2 },
-  'Link/sm/Text-Decoration': { resolved: 'underline' },
-  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
-  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
-  'Body/Lead text/Letter spacing': { resolved: 0.2 },
-  'Label/Font fallback': { resolved: 'sans-serif' },
-  'Label/Letter spacing': { resolved: 0.17 },
-  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
-  'Body/Underline/md/Text-Decoration': { resolved: 'underline' },
-  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
-  'Body/Underline/sm/Text-Decoration': { resolved: 'underline' },
-  'Surface/Brand/Accent/OnAccent/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
-  'Utilities/Gradients/10': { resolved: '#5B6E7F1A' },
-  'Font family/Grand Hotel/Title': { resolved: 'Canela Deck' },
-  'Font family/Grand Hotel/Body': { resolved: 'Fira sans' },
-  'Font family/Grand Hotel/Decorative': { resolved: 'Canela Deck' },
-  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
-  'Title/lg/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/lg/Font family': {
-    resolved: 'Canela Deck',
-    alias: 'Font family/Grand Hotel/Title',
+  "Signature/Grand Hotel/Careys Pink/40": { resolved: "#DBA7B1" },
+  "Signature/Grand Hotel/Careys Pink/50": { resolved: "#C27183" },
+  "Signature/Grand Hotel/Careys Pink/60": { resolved: "#AA546B" },
+  "Signature/Grand Hotel/Careys Pink/70": { resolved: "#8E4258" },
+  "Signature/Grand Hotel/Cloudy/0": { resolved: "#F7F6F5" },
+  "Signature/Grand Hotel/Cloudy/10": { resolved: "#EBEAE9" },
+  "Signature/Grand Hotel/Cloudy/20": { resolved: "#D7D5D1" },
+  "Signature/Grand Hotel/Blue Bayoux/50": { resolved: "#5B6E7F" },
+  "Signature/Grand Hotel/Blue Bayoux/60": { resolved: "#4E5C6C" },
+  "Signature/Grand Hotel/Blue Bayoux/80": { resolved: "#3D444D" },
+  "Signature/Grand Hotel/Blue Bayoux/90": { resolved: "#363C43" },
+  "Signature/Grand Hotel/Blue Bayoux/100": { resolved: "#21252B" },
+  "Signature/Grand Hotel/Cloudy/30": { resolved: "#B2ADA7" },
+  "Signature/Grand Hotel/Submarine/30": { resolved: "#B0C4CB" },
+  "Title/lg/Letter spacing": { resolved: 0.12 },
+  "Title/lg/Font fallback": { resolved: "Serif" },
+  "Title/lg/Text-Transform": { resolved: "none" },
+  "Title/md/Letter spacing": { resolved: 0.18 },
+  "Title/md/Font fallback": { resolved: "Serif" },
+  "Title/sm/Letter spacing": { resolved: 0.28 },
+  "Title/sm/Font fallback": { resolved: "Serif" },
+  "Title/sm/Text-Transform": { resolved: "none" },
+  "Title/Decorative/lg/Letter spacing": { resolved: 0.3 },
+  "Title/Decorative/lg/Font fallback": { resolved: "Serif" },
+  "Title/Decorative/lg/Text-Transform": { resolved: "uppercase" },
+  "Title/Decorative/md/Letter spacing": { resolved: 0.24 },
+  "Title/Decorative/md/Font fallback": { resolved: "Serif" },
+  "Title/Decorative/md/Text-Transform": { resolved: "uppercase" },
+  "Title/Subtitle/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/lg/Letter spacing": { resolved: 0.24 },
+  "Title/Subtitle/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
+  "Title/Overline/sm/Letter spacing": { resolved: 0.21 },
+  "Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/Overline/sm/Text-Transform": { resolved: "uppercase" },
+  "Title/sm/LowCase/Letter spacing": { resolved: 0.28 },
+  "Title/sm/LowCase/Font fallback": { resolved: "Serif" },
+  "Title/sm/LowCase/Text-Transform": { resolved: "none" },
+  "Title/xs/Letter spacing": { resolved: 0.24 },
+  "Title/xs/Font fallback": { resolved: "Serif" },
+  "Title/xs/Text-Transform": { resolved: "none" },
+  "Title/md/Text-Transform": { resolved: "none" },
+  "Title/md/LowCase/Letter spacing": { resolved: 0.18 },
+  "Title/md/LowCase/Font fallback": { resolved: "Serif" },
+  "Title/md/LowCase/Text-Transform": { resolved: "none" },
+  "Tag/Letter spacing": { resolved: 0.24 },
+  "Tag/Font fallback": { resolved: "sans-serif" },
+  "Tag/Text-Transform": { resolved: "uppercase" },
+  "Link/md/Font fallback": { resolved: "sans-serif" },
+  "Link/md/Letter spacing": { resolved: 0.19 },
+  "Link/md/Text-Decoration": { resolved: "underline" },
+  "Link/sm/Font fallback": { resolved: "sans-serif" },
+  "Link/sm/Letter spacing": { resolved: 0.2 },
+  "Link/sm/Text-Decoration": { resolved: "underline" },
+  "Body/Lead text/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Letter spacing": { resolved: 0.19 },
+  "Body/Supporting text/Font fallback": { resolved: "sans-serif" },
+  "Body/Supporting text/Letter spacing": { resolved: 0.2 },
+  "Body/Lead text/Letter spacing": { resolved: 0.2 },
+  "Label/Font fallback": { resolved: "sans-serif" },
+  "Label/Letter spacing": { resolved: 0.17 },
+  "Body/Underline/md/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/md/Letter spacing": { resolved: 0.19 },
+  "Body/Underline/md/Text-Decoration": { resolved: "underline" },
+  "Body/Underline/sm/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/sm/Letter spacing": { resolved: 0.2 },
+  "Body/Underline/sm/Text-Decoration": { resolved: "underline" },
+  "Surface/Brand/Accent/OnAccent/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": { resolved: "#FFFFFF" },
+  "Utilities/Gradients/10": { resolved: "#5B6E7F1A" },
+  "Font family/Grand Hotel/Title": { resolved: "Canela Deck" },
+  "Font family/Grand Hotel/Body": { resolved: "Fira sans" },
+  "Font family/Grand Hotel/Decorative": { resolved: "Canela Deck" },
+  "Title/lg/Size": { resolved: "", alias: "Impl-Text size/4xl" },
+  "Title/lg/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/lg/Font family": {
+    resolved: "Canela Deck",
+    alias: "Font family/Grand Hotel/Title",
   },
-  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/md/Font family': {
-    resolved: 'Canela Deck',
-    alias: 'Font family/Grand Hotel/Title',
+  "Title/md/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/md/Font family": {
+    resolved: "Canela Deck",
+    alias: "Font family/Grand Hotel/Title",
   },
-  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/sm/Font family': {
-    resolved: 'Canela Deck',
-    alias: 'Font family/Grand Hotel/Title',
+  "Title/sm/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/sm/Font family": {
+    resolved: "Canela Deck",
+    alias: "Font family/Grand Hotel/Title",
   },
-  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/LowCase/Font weight': {
+  "Title/sm/LowCase/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/sm/LowCase/Font family': {
-    resolved: 'Canela Deck',
-    alias: 'Font family/Grand Hotel/Title',
+  "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/sm/LowCase/Font family": {
+    resolved: "Canela Deck",
+    alias: "Font family/Grand Hotel/Title",
   },
-  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Decorative/lg/Font weight': {
+  "Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Decorative/lg/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/lg/Font family': {
-    resolved: 'Canela Deck',
-    alias: 'Font family/Grand Hotel/Decorative',
+  "Title/Decorative/lg/Font family": {
+    resolved: "Canela Deck",
+    alias: "Font family/Grand Hotel/Decorative",
   },
-  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Title/Decorative/md/Font weight': {
+  "Title/Decorative/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Title/Decorative/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/md/Font family': {
-    resolved: 'Canela Deck',
-    alias: 'Font family/Grand Hotel/Title',
+  "Title/Decorative/md/Font family": {
+    resolved: "Canela Deck",
+    alias: "Font family/Grand Hotel/Title",
   },
-  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Subtitle/lg/Font weight': {
+  "Title/Subtitle/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Subtitle/lg/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/lg/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Title/Subtitle/lg/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Subtitle/md/Font weight': {
+  "Title/Subtitle/md/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Subtitle/md/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Title/Subtitle/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Title/Overline/sm/Font weight': {
+  "Title/Overline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Title/Overline/sm/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Overline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Title/Overline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Title/xs/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/xs/Font family': {
-    resolved: 'Canela Deck',
-    alias: 'Font family/Grand Hotel/Title',
+  "Title/xs/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/xs/Font family": {
+    resolved: "Canela Deck",
+    alias: "Font family/Grand Hotel/Title",
   },
-  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/LowCase/Font weight': {
+  "Title/md/LowCase/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/md/LowCase/Font family': {
-    resolved: 'Canela Deck',
-    alias: 'Font family/Grand Hotel/Title',
+  "Title/md/LowCase/Font family": {
+    resolved: "Canela Deck",
+    alias: "Font family/Grand Hotel/Title",
   },
-  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Tag/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Body/Lead text/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Tag/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Tag/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Tag/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Link/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Link/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Link/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Link/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Lead text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Body/Lead text/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Lead text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Paragraph/Font weight 2': {
+  "Body/Paragraph/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Paragraph/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Paragraph/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Paragraph/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Body/Paragraph/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Supporting text/Font weight': {
+  "Body/Supporting text/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Supporting text/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Supporting text/Font weight 2': {
+  "Body/Supporting text/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Supporting text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Body/Supporting text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
-  'Label/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Label/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Label/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Label/Font weight 2": { resolved: 500, alias: "Font weight/Medium" },
+  "Label/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Underline/md/Font weight': {
+  "Body/Underline/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Underline/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Underline/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
+  "Body/Underline/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
   },
-  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Underline/sm/Font weight': {
+  "Body/Underline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Underline/sm/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
-  },
-  'Body/Underline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/Grand Hotel/Body',
-  },
-  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
-  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Accent Primary': {
-    resolved: '#AA546B',
-    alias: 'Signature/Grand Hotel/Careys Pink/60',
-  },
-  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Text/Interactive/Hover': {
-    resolved: '#3D444D',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
-  },
-  'Text/Interactive/Secondary': {
-    resolved: '#AA546B',
-    alias: 'Signature/Grand Hotel/Careys Pink/60',
-  },
-  'Text/Interactive/Secondary Hover': {
-    resolved: '#C27183',
-    alias: 'Signature/Grand Hotel/Careys Pink/50',
-  },
-  'Text/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
-  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Text/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Text/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Text/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnAccent/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnAccent/Accent Secondary': {
-    resolved: '#747474',
-    alias: 'Neutral/50',
-  },
-  'Text/Brand/OnPrimary 1/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 1/Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Brand/OnPrimary 1/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Heading': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 2/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 2/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnPrimary 3/Heading': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 3/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 3/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Background/Primary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Background/Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Primary/Hover Light': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Primary/OnSurface/Default': {
-    resolved: '#F7F6F5',
-    alias: 'Signature/Grand Hotel/Cloudy/0',
-  },
-  'Surface/Primary/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Secondary/Default': {
-    resolved: '#F7F6F5',
-    alias: 'Signature/Grand Hotel/Cloudy/0',
-  },
-  'Surface/Secondary/Subtle': {
-    resolved: '#EBEAE9',
-    alias: 'Signature/Grand Hotel/Cloudy/10',
-  },
-  'Surface/Secondary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Brand/Accent/Default': {
-    resolved: '#D7D5D1',
-    alias: 'Signature/Grand Hotel/Cloudy/20',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Surface/Brand/Primary 1/Default': {
-    resolved: '#5B6E7F',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/50',
-  },
-  'Surface/Brand/Primary 2/Default': {
-    resolved: '#DBA7B1',
-    alias: 'Signature/Grand Hotel/Careys Pink/40',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Accent': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Surface/Brand/Primary 3/Default': {
-    resolved: '#DBA7B1',
-    alias: 'Signature/Grand Hotel/Careys Pink/40',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Default': {
-    resolved: '#8E4258',
-    alias: 'Signature/Grand Hotel/Careys Pink/70',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Accent': {
-    resolved: '#8E4258',
-    alias: 'Signature/Grand Hotel/Careys Pink/70',
-  },
-  'Surface/UI Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Accent/1': {
-    resolved: '#8E4258',
-    alias: 'Signature/Grand Hotel/Careys Pink/70',
-  },
-  'Surface/Accent/2': { resolved: '#284EA0', alias: 'Scandic/Blue/70' },
-  'Surface/Accent/3': {
-    resolved: '#C27183',
-    alias: 'Signature/Grand Hotel/Careys Pink/50',
-  },
-  'Surface/Accent/4': {
-    resolved: '#5B6E7F',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/50',
-  },
-  'Surface/Accent/5': {
-    resolved: '#363C43',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/90',
-  },
-  'Surface/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Surface/Feedback/Information light': {
-    resolved: '#E8F6FF',
-    alias: 'Scandic/Blue/00',
-  },
-  'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Surface/Feedback/Succes light': {
-    resolved: '#F3FCE8',
-    alias: 'Scandic/Green/00',
-  },
-  'Surface/Feedback/Warning': {
-    resolved: '#D17308',
-    alias: 'Scandic/Yellow/60',
-  },
-  'Surface/Feedback/Warning light': {
-    resolved: '#FFF8E3',
-    alias: 'Scandic/Yellow/00',
-  },
-  'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Surface/Feedback/Error light': {
-    resolved: '#FFEBEB',
-    alias: 'Scandic/Red/00',
-  },
-  'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Surface/Feedback/Neutral light': {
-    resolved: '#E9E9E9',
-    alias: 'Neutral/15',
-  },
-  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Accent': {
-    resolved: '#DBA7B1',
-    alias: 'Signature/Grand Hotel/Careys Pink/40',
-  },
-  'Icon/Interactive/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Icon/Interactive/Secondary': {
-    resolved: '#AA546B',
-    alias: 'Signature/Grand Hotel/Careys Pink/60',
-  },
-  'Icon/Interactive/Accent': {
-    resolved: '#AA546B',
-    alias: 'Signature/Grand Hotel/Careys Pink/60',
-  },
-  'Icon/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Icon/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
-  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/30': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
-  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
-  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
-  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
-  'Component/Button/Brand/Primary/Fill/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Brand/Primary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Primary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Primary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': {
-    resolved: '#B0C4CB',
-    alias: 'Signature/Grand Hotel/Submarine/30',
-  },
-  'Component/Button/Brand/Secondary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Secondary/On fill/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover': {
-    resolved: '#3D444D',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
-  },
-  'Component/Button/Brand/Secondary/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Secondary/Border/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover': {
-    resolved: '#3D444D',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
-  },
-  'Component/Button/Brand/Secondary/Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover inverted': {
-    resolved: '#FFFFFF80',
-    alias: 'Neutral/Opacity/White/50',
-  },
-  'Component/Button/Brand/Secondary/Border/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Default': {
-    resolved: '#B0C4CB',
-    alias: 'Signature/Grand Hotel/Submarine/30',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Tertiary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/Fill/Faded': {
-    resolved: '#FFFFFFE6',
-    alias: 'Neutral/Opacity/White/90',
-  },
-  'Component/Button/Inverted/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Fill/Hover Inverted': {
-    resolved: '#B0C4CB',
-    alias: 'Signature/Grand Hotel/Submarine/30',
-  },
-  'Component/Button/Inverted/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Inverted/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Hover inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Brand/OnAccent/Default': {
-    resolved: '#B2ADA7',
-    alias: 'Signature/Grand Hotel/Cloudy/30',
-  },
-  'Border/Divider/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 3/Default': {
-    resolved: '#8E4258',
-    alias: 'Signature/Grand Hotel/Careys Pink/70',
-  },
-  'Border/Interactive/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Component/Button/Muted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Disabled': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Hover inverted': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Muted/Fill/Disabled inverted': {
-    resolved: '#D9D9D9',
-    alias: 'Neutral/20',
-  },
-  'Component/Button/Muted/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Muted/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/On fill/Hover Inverted': {
-    resolved: '#3D444D',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
-  },
-  'Component/Button/Muted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Muted/Border/Default': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
+    alias: "Font weight/Regular",
+  },
+  "Body/Underline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/Grand Hotel/Body",
+  },
+  "Text/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Secondary": { resolved: "#575757", alias: "Neutral/60" },
+  "Text/Tertiary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Accent Primary": {
+    resolved: "#AA546B",
+    alias: "Signature/Grand Hotel/Careys Pink/60",
+  },
+  "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Text/Interactive/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Text/Interactive/Hover": {
+    resolved: "#3D444D",
+    alias: "Signature/Grand Hotel/Blue Bayoux/80",
+  },
+  "Text/Interactive/Secondary": {
+    resolved: "#AA546B",
+    alias: "Signature/Grand Hotel/Careys Pink/60",
+  },
+  "Text/Interactive/Secondary Hover": {
+    resolved: "#C27183",
+    alias: "Signature/Grand Hotel/Careys Pink/50",
+  },
+  "Text/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+  "Text/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnAccent/Accent": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnAccent/Accent Secondary": {
+    resolved: "#747474",
+    alias: "Neutral/50",
+  },
+  "Text/Brand/OnPrimary 1/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 1/Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Brand/OnPrimary 1/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Heading": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 2/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 2/Accent": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnPrimary 3/Heading": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 3/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 3/Accent": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Background/Primary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Background/Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Primary/Hover Light": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Primary/Hover Accent": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Primary/OnSurface/Default": {
+    resolved: "#F7F6F5",
+    alias: "Signature/Grand Hotel/Cloudy/0",
+  },
+  "Surface/Primary/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Secondary/Default": {
+    resolved: "#F7F6F5",
+    alias: "Signature/Grand Hotel/Cloudy/0",
+  },
+  "Surface/Secondary/Subtle": {
+    resolved: "#EBEAE9",
+    alias: "Signature/Grand Hotel/Cloudy/10",
+  },
+  "Surface/Secondary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Brand/Accent/Default": {
+    resolved: "#D7D5D1",
+    alias: "Signature/Grand Hotel/Cloudy/20",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Surface/Brand/Primary 1/Default": {
+    resolved: "#5B6E7F",
+    alias: "Signature/Grand Hotel/Blue Bayoux/50",
+  },
+  "Surface/Brand/Primary 2/Default": {
+    resolved: "#DBA7B1",
+    alias: "Signature/Grand Hotel/Careys Pink/40",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Accent": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Surface/Brand/Primary 3/Default": {
+    resolved: "#DBA7B1",
+    alias: "Signature/Grand Hotel/Careys Pink/40",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Default": {
+    resolved: "#8E4258",
+    alias: "Signature/Grand Hotel/Careys Pink/70",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Accent": {
+    resolved: "#8E4258",
+    alias: "Signature/Grand Hotel/Careys Pink/70",
+  },
+  "Surface/UI Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Intense": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Disabled": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Accent/1": {
+    resolved: "#8E4258",
+    alias: "Signature/Grand Hotel/Careys Pink/70",
+  },
+  "Surface/Accent/2": { resolved: "#284EA0", alias: "Scandic/Blue/70" },
+  "Surface/Accent/3": {
+    resolved: "#C27183",
+    alias: "Signature/Grand Hotel/Careys Pink/50",
+  },
+  "Surface/Accent/4": {
+    resolved: "#5B6E7F",
+    alias: "Signature/Grand Hotel/Blue Bayoux/50",
+  },
+  "Surface/Accent/5": {
+    resolved: "#363C43",
+    alias: "Signature/Grand Hotel/Blue Bayoux/90",
+  },
+  "Surface/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Surface/Feedback/Information light": {
+    resolved: "#E8F6FF",
+    alias: "Scandic/Blue/00",
+  },
+  "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Surface/Feedback/Succes light": {
+    resolved: "#F3FCE8",
+    alias: "Scandic/Green/00",
+  },
+  "Surface/Feedback/Warning": {
+    resolved: "#D17308",
+    alias: "Scandic/Yellow/60",
+  },
+  "Surface/Feedback/Warning light": {
+    resolved: "#FFF8E3",
+    alias: "Scandic/Yellow/00",
+  },
+  "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Surface/Feedback/Error light": {
+    resolved: "#FFEBEB",
+    alias: "Scandic/Red/00",
+  },
+  "Surface/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Surface/Feedback/Neutral light": {
+    resolved: "#E9E9E9",
+    alias: "Neutral/15",
+  },
+  "Border/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Strong": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Accent": {
+    resolved: "#DBA7B1",
+    alias: "Signature/Grand Hotel/Careys Pink/40",
+  },
+  "Icon/Interactive/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Icon/Interactive/Secondary": {
+    resolved: "#AA546B",
+    alias: "Signature/Grand Hotel/Careys Pink/60",
+  },
+  "Icon/Interactive/Accent": {
+    resolved: "#AA546B",
+    alias: "Signature/Grand Hotel/Careys Pink/60",
+  },
+  "Icon/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Icon/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Icon/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Icon/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Icon/Feedback/Neutral": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+  "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/30": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+  "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+  "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+  "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+  "Component/Button/Brand/Primary/Fill/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Brand/Primary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Primary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Primary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+    resolved: "#B0C4CB",
+    alias: "Signature/Grand Hotel/Submarine/30",
+  },
+  "Component/Button/Brand/Secondary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Secondary/On fill/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover": {
+    resolved: "#3D444D",
+    alias: "Signature/Grand Hotel/Blue Bayoux/80",
+  },
+  "Component/Button/Brand/Secondary/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Secondary/Border/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover": {
+    resolved: "#3D444D",
+    alias: "Signature/Grand Hotel/Blue Bayoux/80",
+  },
+  "Component/Button/Brand/Secondary/Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover inverted": {
+    resolved: "#FFFFFF80",
+    alias: "Neutral/Opacity/White/50",
+  },
+  "Component/Button/Brand/Secondary/Border/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Default": {
+    resolved: "#B0C4CB",
+    alias: "Signature/Grand Hotel/Submarine/30",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Tertiary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/Fill/Faded": {
+    resolved: "#FFFFFFE6",
+    alias: "Neutral/Opacity/White/90",
+  },
+  "Component/Button/Inverted/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Fill/Hover Inverted": {
+    resolved: "#B0C4CB",
+    alias: "Signature/Grand Hotel/Submarine/30",
+  },
+  "Component/Button/Inverted/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Inverted/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Hover inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Border/Interactive/Default": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Divider/Subtle": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Border/Divider/Accent": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Brand/OnAccent/Default": {
+    resolved: "#B2ADA7",
+    alias: "Signature/Grand Hotel/Cloudy/30",
+  },
+  "Border/Divider/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 3/Default": {
+    resolved: "#8E4258",
+    alias: "Signature/Grand Hotel/Careys Pink/70",
+  },
+  "Border/Interactive/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Component/Button/Muted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Disabled": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Hover inverted": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Muted/Fill/Disabled inverted": {
+    resolved: "#D9D9D9",
+    alias: "Neutral/20",
+  },
+  "Component/Button/Muted/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Muted/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/On fill/Hover Inverted": {
+    resolved: "#3D444D",
+    alias: "Signature/Grand Hotel/Blue Bayoux/80",
+  },
+  "Component/Button/Muted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Muted/Border/Default": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
   },
 } as const
 export const theDock = {
-  'Signature/The Dock/Rose Copper/80': { resolved: '#654141' },
-  'Signature/The Dock/Rose Copper/90': { resolved: '#3E1212' },
-  'Signature/The Dock/Linen White/00': { resolved: '#FDFCF9' },
-  'Signature/The Dock/Linen White/10': { resolved: '#FAF7F1' },
-  'Signature/The Dock/Linen White/20': { resolved: '#F7F1E8' },
-  'Signature/The Dock/Sandbank Beige/20': { resolved: '#F2E1C2' },
-  'Signature/The Dock/Tundra Mint/30': { resolved: '#B5CC87' },
-  'Signature/The Dock/Tundra Mint/90': { resolved: '#364324' },
-  'Signature/The Dock/Signal Red/50': { resolved: '#FC2826' },
-  'Signature/The Dock/Signal Red/60': { resolved: '#D62220' },
-  'Signature/The Dock/Signal Red/80': { resolved: '#B31C1B' },
-  'Signature/The Dock/Signal Blue/50': { resolved: '#06237C' },
-  'Signature/The Dock/Signal Blue/90': { resolved: '#030F34' },
-  'Signature/The Dock/Artic Oker/60': { resolved: '#FFB839' },
-  'Title/lg/Letter spacing': { resolved: -0.24 },
-  'Title/lg/Font fallback': { resolved: 'Serif' },
-  'Title/lg/Text-Transform': { resolved: 'none' },
-  'Title/md/Letter spacing': { resolved: 0 },
-  'Title/md/Font fallback': { resolved: 'Serif' },
-  'Title/sm/Letter spacing': { resolved: 0.56 },
-  'Title/sm/Font fallback': { resolved: 'Serif' },
-  'Title/sm/Text-Transform': { resolved: 'none' },
-  'Title/Decorative/lg/Letter spacing': { resolved: 0 },
-  'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
-  'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
-  'Title/Decorative/md/Letter spacing': { resolved: 0.32 },
-  'Title/Decorative/md/Font fallback': { resolved: 'Serif' },
-  'Title/Decorative/md/Text-Transform': { resolved: 'uppercase' },
-  'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
-  'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
-  'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
-  'Title/Overline/sm/Letter spacing': { resolved: 0.28 },
-  'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
-  'Title/sm/LowCase/Letter spacing': { resolved: 0.56 },
-  'Title/sm/LowCase/Font fallback': { resolved: 'Serif' },
-  'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
-  'Title/xs/Letter spacing': { resolved: 0.36 },
-  'Title/xs/Font fallback': { resolved: 'Serif' },
-  'Title/xs/Text-Transform': { resolved: 'none' },
-  'Title/md/Text-Transform': { resolved: 'none' },
-  'Title/md/LowCase/Letter spacing': { resolved: 0 },
-  'Title/md/LowCase/Font fallback': { resolved: 'Serif' },
-  'Title/md/LowCase/Text-Transform': { resolved: 'none' },
-  'Tag/Letter spacing': { resolved: 0.24 },
-  'Tag/Font fallback': { resolved: 'sans-serif' },
-  'Tag/Text-Transform': { resolved: 'uppercase' },
-  'Link/md/Font fallback': { resolved: 'sans-serif' },
-  'Link/md/Letter spacing': { resolved: 0.19 },
-  'Link/md/Text-Decoration': { resolved: 'underline' },
-  'Link/sm/Font fallback': { resolved: 'sans-serif' },
-  'Link/sm/Letter spacing': { resolved: 0.2 },
-  'Link/sm/Text-Decoration': { resolved: 'underline' },
-  'Body/Lead text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Font fallback': { resolved: 'sans-serif' },
-  'Body/Paragraph/Letter spacing': { resolved: 0.19 },
-  'Body/Supporting text/Font fallback': { resolved: 'sans-serif' },
-  'Body/Supporting text/Letter spacing': { resolved: 0.2 },
-  'Body/Lead text/Letter spacing': { resolved: 0.2 },
-  'Label/Font fallback': { resolved: 'sans-serif' },
-  'Label/Letter spacing': { resolved: 0.17 },
-  'Body/Underline/md/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/md/Letter spacing': { resolved: 0.19 },
-  'Body/Underline/md/Text-Decoration': { resolved: 'underline' },
-  'Body/Underline/sm/Font fallback': { resolved: 'sans-serif' },
-  'Body/Underline/sm/Letter spacing': { resolved: 0.2 },
-  'Body/Underline/sm/Text-Decoration': { resolved: 'underline' },
-  'Surface/Brand/Accent/OnAccent/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
-  'Utilities/Gradients/10': { resolved: '#F2E1C21A' },
-  'Font family/The Dock/Title': { resolved: 'Reckless' },
-  'Font family/The Dock/Body': { resolved: 'Fira sans' },
-  'Font family/The Dock/Decorative': { resolved: 'Beausite Classic' },
-  'Title/lg/Size': { resolved: '', alias: 'Impl-Text size/4xl' },
-  'Title/lg/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/lg/Font family': {
-    resolved: 'Reckless',
-    alias: 'Font family/The Dock/Title',
+  "Signature/The Dock/Rose Copper/80": { resolved: "#654141" },
+  "Signature/The Dock/Rose Copper/90": { resolved: "#3E1212" },
+  "Signature/The Dock/Linen White/00": { resolved: "#FDFCF9" },
+  "Signature/The Dock/Linen White/10": { resolved: "#FAF7F1" },
+  "Signature/The Dock/Linen White/20": { resolved: "#F7F1E8" },
+  "Signature/The Dock/Sandbank Beige/20": { resolved: "#F2E1C2" },
+  "Signature/The Dock/Tundra Mint/30": { resolved: "#B5CC87" },
+  "Signature/The Dock/Tundra Mint/90": { resolved: "#364324" },
+  "Signature/The Dock/Signal Red/50": { resolved: "#FC2826" },
+  "Signature/The Dock/Signal Red/60": { resolved: "#D62220" },
+  "Signature/The Dock/Signal Red/80": { resolved: "#B31C1B" },
+  "Signature/The Dock/Signal Blue/50": { resolved: "#06237C" },
+  "Signature/The Dock/Signal Blue/90": { resolved: "#030F34" },
+  "Signature/The Dock/Artic Oker/60": { resolved: "#FFB839" },
+  "Title/lg/Letter spacing": { resolved: -0.24 },
+  "Title/lg/Font fallback": { resolved: "Serif" },
+  "Title/lg/Text-Transform": { resolved: "none" },
+  "Title/md/Letter spacing": { resolved: 0 },
+  "Title/md/Font fallback": { resolved: "Serif" },
+  "Title/sm/Letter spacing": { resolved: 0.56 },
+  "Title/sm/Font fallback": { resolved: "Serif" },
+  "Title/sm/Text-Transform": { resolved: "none" },
+  "Title/Decorative/lg/Letter spacing": { resolved: 0 },
+  "Title/Decorative/lg/Font fallback": { resolved: "Serif" },
+  "Title/Decorative/lg/Text-Transform": { resolved: "uppercase" },
+  "Title/Decorative/md/Letter spacing": { resolved: 0.32 },
+  "Title/Decorative/md/Font fallback": { resolved: "Serif" },
+  "Title/Decorative/md/Text-Transform": { resolved: "uppercase" },
+  "Title/Subtitle/lg/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/lg/Letter spacing": { resolved: 0.24 },
+  "Title/Subtitle/md/Font fallback": { resolved: "sans-serif" },
+  "Title/Subtitle/md/Letter spacing": { resolved: 0.2 },
+  "Title/Overline/sm/Letter spacing": { resolved: 0.28 },
+  "Title/Overline/sm/Font fallback": { resolved: "sans-serif" },
+  "Title/Overline/sm/Text-Transform": { resolved: "uppercase" },
+  "Title/sm/LowCase/Letter spacing": { resolved: 0.56 },
+  "Title/sm/LowCase/Font fallback": { resolved: "Serif" },
+  "Title/sm/LowCase/Text-Transform": { resolved: "none" },
+  "Title/xs/Letter spacing": { resolved: 0.36 },
+  "Title/xs/Font fallback": { resolved: "Serif" },
+  "Title/xs/Text-Transform": { resolved: "none" },
+  "Title/md/Text-Transform": { resolved: "none" },
+  "Title/md/LowCase/Letter spacing": { resolved: 0 },
+  "Title/md/LowCase/Font fallback": { resolved: "Serif" },
+  "Title/md/LowCase/Text-Transform": { resolved: "none" },
+  "Tag/Letter spacing": { resolved: 0.24 },
+  "Tag/Font fallback": { resolved: "sans-serif" },
+  "Tag/Text-Transform": { resolved: "uppercase" },
+  "Link/md/Font fallback": { resolved: "sans-serif" },
+  "Link/md/Letter spacing": { resolved: 0.19 },
+  "Link/md/Text-Decoration": { resolved: "underline" },
+  "Link/sm/Font fallback": { resolved: "sans-serif" },
+  "Link/sm/Letter spacing": { resolved: 0.2 },
+  "Link/sm/Text-Decoration": { resolved: "underline" },
+  "Body/Lead text/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Font fallback": { resolved: "sans-serif" },
+  "Body/Paragraph/Letter spacing": { resolved: 0.19 },
+  "Body/Supporting text/Font fallback": { resolved: "sans-serif" },
+  "Body/Supporting text/Letter spacing": { resolved: 0.2 },
+  "Body/Lead text/Letter spacing": { resolved: 0.2 },
+  "Label/Font fallback": { resolved: "sans-serif" },
+  "Label/Letter spacing": { resolved: 0.17 },
+  "Body/Underline/md/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/md/Letter spacing": { resolved: 0.19 },
+  "Body/Underline/md/Text-Decoration": { resolved: "underline" },
+  "Body/Underline/sm/Font fallback": { resolved: "sans-serif" },
+  "Body/Underline/sm/Letter spacing": { resolved: 0.2 },
+  "Body/Underline/sm/Text-Decoration": { resolved: "underline" },
+  "Surface/Brand/Accent/OnAccent/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": { resolved: "#FFFFFF" },
+  "Utilities/Gradients/10": { resolved: "#F2E1C21A" },
+  "Font family/The Dock/Title": { resolved: "Reckless" },
+  "Font family/The Dock/Body": { resolved: "Fira sans" },
+  "Font family/The Dock/Decorative": { resolved: "Beausite Classic" },
+  "Title/lg/Size": { resolved: "", alias: "Impl-Text size/4xl" },
+  "Title/lg/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/lg/Font family": {
+    resolved: "Reckless",
+    alias: "Font family/The Dock/Title",
   },
-  'Title/md/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/md/Font family': {
-    resolved: 'Reckless',
-    alias: 'Font family/The Dock/Title',
+  "Title/md/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/md/Font family": {
+    resolved: "Reckless",
+    alias: "Font family/The Dock/Title",
   },
-  'Title/sm/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/sm/Font family': {
-    resolved: 'Reckless',
-    alias: 'Font family/The Dock/Title',
+  "Title/sm/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/sm/Font family": {
+    resolved: "Reckless",
+    alias: "Font family/The Dock/Title",
   },
-  'Title/sm/LowCase/Size': { resolved: '', alias: 'Impl-Text size/lg' },
-  'Title/sm/LowCase/Font weight': {
+  "Title/sm/LowCase/Size": { resolved: "", alias: "Impl-Text size/lg" },
+  "Title/sm/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/xs/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/sm/LowCase/Font family': {
-    resolved: 'Reckless',
-    alias: 'Font family/The Dock/Title',
+  "Title/xs/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/sm/LowCase/Font family": {
+    resolved: "Reckless",
+    alias: "Font family/The Dock/Title",
   },
-  'Title/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Decorative/lg/Font weight': {
+  "Title/Decorative/lg/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Decorative/lg/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/lg/Font family': {
-    resolved: 'Beausite Classic',
-    alias: 'Font family/The Dock/Decorative',
+  "Title/Decorative/lg/Font family": {
+    resolved: "Beausite Classic",
+    alias: "Font family/The Dock/Decorative",
   },
-  'Title/Decorative/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Title/Decorative/md/Font weight': {
+  "Title/Decorative/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Title/Decorative/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/Decorative/md/Font family': {
-    resolved: 'Beausite Classic',
-    alias: 'Font family/The Dock/Decorative',
+  "Title/Decorative/md/Font family": {
+    resolved: "Beausite Classic",
+    alias: "Font family/The Dock/Decorative",
   },
-  'Title/Subtitle/lg/Size': { resolved: '', alias: 'Impl-Text size/sm' },
-  'Title/Subtitle/lg/Font weight': {
+  "Title/Subtitle/lg/Size": { resolved: "", alias: "Impl-Text size/sm" },
+  "Title/Subtitle/lg/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/lg/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
+  "Title/Subtitle/lg/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
   },
-  'Title/Subtitle/md/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Title/Subtitle/md/Font weight': {
+  "Title/Subtitle/md/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Title/Subtitle/md/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Subtitle/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
+  "Title/Subtitle/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
   },
-  'Title/Overline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Title/Overline/sm/Font weight': {
+  "Title/Overline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Title/Overline/sm/Font weight": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Title/Overline/sm/Font family': {
-    resolved: 'Reckless',
-    alias: 'Font family/The Dock/Title',
+  "Title/Overline/sm/Font family": {
+    resolved: "Reckless",
+    alias: "Font family/The Dock/Title",
   },
-  'Title/xs/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Title/xs/Font family': {
-    resolved: 'Reckless',
-    alias: 'Font family/The Dock/Title',
+  "Title/xs/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Title/xs/Font family": {
+    resolved: "Reckless",
+    alias: "Font family/The Dock/Title",
   },
-  'Title/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' },
-  'Title/md/LowCase/Font weight': {
+  "Title/md/LowCase/Size": { resolved: "", alias: "Impl-Text size/2xl" },
+  "Title/md/LowCase/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Title/md/LowCase/Font family': {
-    resolved: 'Reckless',
-    alias: 'Font family/The Dock/Title',
+  "Title/md/LowCase/Font family": {
+    resolved: "Reckless",
+    alias: "Font family/The Dock/Title",
   },
-  'Body/Lead text/Size': { resolved: '', alias: 'Impl-Text size/xs' },
-  'Tag/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Tag/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Tag/Font family': {
-    resolved: 'Reckless',
-    alias: 'Font family/The Dock/Title',
+  "Body/Lead text/Size": { resolved: "", alias: "Impl-Text size/xs" },
+  "Tag/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Tag/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Tag/Font family": {
+    resolved: "Reckless",
+    alias: "Font family/The Dock/Title",
   },
-  'Link/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Link/md/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
+  "Link/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Link/md/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
   },
-  'Link/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Link/sm/Font weight': { resolved: 500, alias: 'Font weight/Medium' },
-  'Link/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
+  "Link/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Link/sm/Font weight": { resolved: 500, alias: "Font weight/Medium" },
+  "Link/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
   },
-  'Body/Lead text/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Lead text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
+  "Body/Lead text/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Lead text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
   },
-  'Body/Paragraph/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Paragraph/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Body/Paragraph/Font weight 2': {
+  "Body/Paragraph/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Paragraph/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Body/Paragraph/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Paragraph/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
+  "Body/Paragraph/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
   },
-  'Body/Supporting text/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Supporting text/Font weight': {
+  "Body/Supporting text/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Supporting text/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Supporting text/Font weight 2': {
+  "Body/Supporting text/Font weight 2": {
     resolved: 500,
-    alias: 'Font weight/Medium',
+    alias: "Font weight/Medium",
   },
-  'Body/Supporting text/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
+  "Body/Supporting text/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
   },
-  'Label/Size': { resolved: '', alias: 'Impl-Text size/5xs' },
-  'Label/Font weight': { resolved: 400, alias: 'Font weight/Regular' },
-  'Label/Font weight 2': { resolved: 500, alias: 'Font weight/Medium' },
-  'Label/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
+  "Label/Size": { resolved: "", alias: "Impl-Text size/5xs" },
+  "Label/Font weight": { resolved: 400, alias: "Font weight/Regular" },
+  "Label/Font weight 2": { resolved: 500, alias: "Font weight/Medium" },
+  "Label/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
   },
-  'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' },
-  'Body/Underline/md/Font weight': {
+  "Body/Underline/md/Size": { resolved: "", alias: "Impl-Text size/3xs" },
+  "Body/Underline/md/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
+    alias: "Font weight/Regular",
   },
-  'Body/Underline/md/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
+  "Body/Underline/md/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
   },
-  'Body/Underline/sm/Size': { resolved: '', alias: 'Impl-Text size/4xs' },
-  'Body/Underline/sm/Font weight': {
+  "Body/Underline/sm/Size": { resolved: "", alias: "Impl-Text size/4xs" },
+  "Body/Underline/sm/Font weight": {
     resolved: 400,
-    alias: 'Font weight/Regular',
-  },
-  'Body/Underline/sm/Font family': {
-    resolved: 'Fira sans',
-    alias: 'Font family/The Dock/Body',
-  },
-  'Text/Heading': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
-  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Accent Primary': {
-    resolved: '#D62220',
-    alias: 'Signature/The Dock/Signal Red/60',
-  },
-  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Interactive/Hover': { resolved: '#454545', alias: 'Neutral/70' },
-  'Text/Interactive/Secondary': {
-    resolved: '#D62220',
-    alias: 'Signature/The Dock/Signal Red/60',
-  },
-  'Text/Interactive/Secondary Hover': {
-    resolved: '#FC2826',
-    alias: 'Signature/The Dock/Signal Red/50',
-  },
-  'Text/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
-  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Text/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Text/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Text/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnAccent/Accent': {
-    resolved: '#364324',
-    alias: 'Signature/The Dock/Tundra Mint/90',
-  },
-  'Text/Brand/OnAccent/Accent Secondary': {
-    resolved: '#D62220',
-    alias: 'Signature/The Dock/Signal Red/60',
-  },
-  'Text/Brand/OnPrimary 1/Heading': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 1/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 1/Hover': { resolved: '#454545', alias: 'Neutral/70' },
-  'Text/Brand/OnPrimary 1/Accent': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Text/Brand/OnPrimary 2/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 2/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Heading': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Background/Primary': {
-    resolved: '#FDFCF9',
-    alias: 'Signature/The Dock/Linen White/00',
-  },
-  'Background/Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Primary/Hover Light': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Primary/OnSurface/Default': {
-    resolved: '#FDFCF9',
-    alias: 'Signature/The Dock/Linen White/00',
-  },
-  'Surface/Primary/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Secondary/Default': {
-    resolved: '#F7F1E8',
-    alias: 'Signature/The Dock/Linen White/20',
-  },
-  'Surface/Secondary/Subtle': {
-    resolved: '#F2E1C2',
-    alias: 'Signature/The Dock/Sandbank Beige/20',
-  },
-  'Surface/Secondary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Brand/Accent/Default': {
-    resolved: '#B5CC87',
-    alias: 'Signature/The Dock/Tundra Mint/30',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent': {
-    resolved: '#B31C1B',
-    alias: 'Signature/The Dock/Signal Red/80',
-  },
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': {
-    resolved: '#B31C1B',
-    alias: 'Signature/The Dock/Signal Red/80',
-  },
-  'Surface/Brand/Primary 1/Default': {
-    resolved: '#F2E1C2',
-    alias: 'Signature/The Dock/Sandbank Beige/20',
-  },
-  'Surface/Brand/Primary 2/Default': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Brand/Primary 2/OnSurface/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Brand/Primary 3/Default': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Default': {
-    resolved: '#F2E1C2',
-    alias: 'Signature/The Dock/Sandbank Beige/20',
-  },
-  'Surface/Brand/Primary 3/OnSurface/Accent': {
-    resolved: '#F2E1C2',
-    alias: 'Signature/The Dock/Sandbank Beige/20',
-  },
-  'Surface/UI Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Accent/1': {
-    resolved: '#D62220',
-    alias: 'Signature/The Dock/Signal Red/60',
-  },
-  'Surface/Accent/2': {
-    resolved: '#06237C',
-    alias: 'Signature/The Dock/Signal Blue/50',
-  },
-  'Surface/Accent/3': {
-    resolved: '#364324',
-    alias: 'Signature/The Dock/Tundra Mint/90',
-  },
-  'Surface/Accent/4': {
-    resolved: '#FFB839',
-    alias: 'Signature/The Dock/Artic Oker/60',
-  },
-  'Surface/Accent/5': {
-    resolved: '#030F34',
-    alias: 'Signature/The Dock/Signal Blue/90',
-  },
-  'Surface/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Surface/Feedback/Information light': {
-    resolved: '#E8F6FF',
-    alias: 'Scandic/Blue/00',
-  },
-  'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Surface/Feedback/Succes light': {
-    resolved: '#F3FCE8',
-    alias: 'Scandic/Green/00',
-  },
-  'Surface/Feedback/Warning': {
-    resolved: '#D17308',
-    alias: 'Scandic/Yellow/60',
-  },
-  'Surface/Feedback/Warning light': {
-    resolved: '#FFF8E3',
-    alias: 'Scandic/Yellow/00',
-  },
-  'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Surface/Feedback/Error light': {
-    resolved: '#FFEBEB',
-    alias: 'Scandic/Red/00',
-  },
-  'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Surface/Feedback/Neutral light': {
-    resolved: '#E9E9E9',
-    alias: 'Neutral/15',
-  },
-  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Accent': {
-    resolved: '#FC2826',
-    alias: 'Signature/The Dock/Signal Red/50',
-  },
-  'Icon/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Interactive/Secondary': {
-    resolved: '#D62220',
-    alias: 'Signature/The Dock/Signal Red/60',
-  },
-  'Icon/Interactive/Accent': {
-    resolved: '#D62220',
-    alias: 'Signature/The Dock/Signal Red/60',
-  },
-  'Icon/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Icon/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
-  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/30': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
-  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
-  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
-  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
-  'Component/Button/Brand/Primary/Fill/Default': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Component/Button/Brand/Primary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Primary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Primary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Component/Button/Brand/Secondary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Secondary/On fill/Default': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover': {
-    resolved: '#654141',
-    alias: 'Signature/The Dock/Rose Copper/80',
-  },
-  'Component/Button/Brand/Secondary/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Secondary/Border/Default': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover': {
-    resolved: '#654141',
-    alias: 'Signature/The Dock/Rose Copper/80',
-  },
-  'Component/Button/Brand/Secondary/Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover inverted': {
-    resolved: '#FFFFFF80',
-    alias: 'Neutral/Opacity/White/50',
-  },
-  'Component/Button/Brand/Secondary/Border/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Default': {
-    resolved: '#F2E1C2',
-    alias: 'Signature/The Dock/Sandbank Beige/20',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Default': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Tertiary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/Fill/Faded': {
-    resolved: '#FFFFFFE6',
-    alias: 'Neutral/Opacity/White/90',
-  },
-  'Component/Button/Inverted/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Fill/Hover Inverted': {
-    resolved: '#F2E1C2',
-    alias: 'Signature/The Dock/Sandbank Beige/20',
-  },
-  'Component/Button/Inverted/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Default': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Component/Button/Inverted/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Hover inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Brand/OnAccent/Default': {
-    resolved: '#3E1212',
-    alias: 'Signature/The Dock/Rose Copper/90',
-  },
-  'Border/Divider/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 3/Default': {
-    resolved: '#F7F1E8',
-    alias: 'Signature/The Dock/Linen White/20',
-  },
-  'Border/Interactive/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Component/Button/Muted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Disabled': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Hover inverted': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Muted/Fill/Disabled inverted': {
-    resolved: '#D9D9D9',
-    alias: 'Neutral/20',
-  },
-  'Component/Button/Muted/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Muted/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/On fill/Hover Inverted': {
-    resolved: '#654141',
-    alias: 'Signature/The Dock/Rose Copper/80',
-  },
-  'Component/Button/Muted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Muted/Border/Default': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
+    alias: "Font weight/Regular",
+  },
+  "Body/Underline/sm/Font family": {
+    resolved: "Fira sans",
+    alias: "Font family/The Dock/Body",
+  },
+  "Text/Heading": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Text/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Secondary": { resolved: "#575757", alias: "Neutral/60" },
+  "Text/Tertiary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Accent Primary": {
+    resolved: "#D62220",
+    alias: "Signature/The Dock/Signal Red/60",
+  },
+  "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Text/Interactive/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Interactive/Hover": { resolved: "#454545", alias: "Neutral/70" },
+  "Text/Interactive/Secondary": {
+    resolved: "#D62220",
+    alias: "Signature/The Dock/Signal Red/60",
+  },
+  "Text/Interactive/Secondary Hover": {
+    resolved: "#FC2826",
+    alias: "Signature/The Dock/Signal Red/50",
+  },
+  "Text/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+  "Text/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnAccent/Accent": {
+    resolved: "#364324",
+    alias: "Signature/The Dock/Tundra Mint/90",
+  },
+  "Text/Brand/OnAccent/Accent Secondary": {
+    resolved: "#D62220",
+    alias: "Signature/The Dock/Signal Red/60",
+  },
+  "Text/Brand/OnPrimary 1/Heading": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 1/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 1/Hover": { resolved: "#454545", alias: "Neutral/70" },
+  "Text/Brand/OnPrimary 1/Accent": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Text/Brand/OnPrimary 2/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 2/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Heading": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Background/Primary": {
+    resolved: "#FDFCF9",
+    alias: "Signature/The Dock/Linen White/00",
+  },
+  "Background/Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Primary/Hover Light": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Primary/Hover Accent": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Primary/OnSurface/Default": {
+    resolved: "#FDFCF9",
+    alias: "Signature/The Dock/Linen White/00",
+  },
+  "Surface/Primary/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Secondary/Default": {
+    resolved: "#F7F1E8",
+    alias: "Signature/The Dock/Linen White/20",
+  },
+  "Surface/Secondary/Subtle": {
+    resolved: "#F2E1C2",
+    alias: "Signature/The Dock/Sandbank Beige/20",
+  },
+  "Surface/Secondary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Brand/Accent/Default": {
+    resolved: "#B5CC87",
+    alias: "Signature/The Dock/Tundra Mint/30",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent": {
+    resolved: "#B31C1B",
+    alias: "Signature/The Dock/Signal Red/80",
+  },
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": {
+    resolved: "#B31C1B",
+    alias: "Signature/The Dock/Signal Red/80",
+  },
+  "Surface/Brand/Primary 1/Default": {
+    resolved: "#F2E1C2",
+    alias: "Signature/The Dock/Sandbank Beige/20",
+  },
+  "Surface/Brand/Primary 2/Default": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Brand/Primary 2/OnSurface/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Brand/Primary 3/Default": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Default": {
+    resolved: "#F2E1C2",
+    alias: "Signature/The Dock/Sandbank Beige/20",
+  },
+  "Surface/Brand/Primary 3/OnSurface/Accent": {
+    resolved: "#F2E1C2",
+    alias: "Signature/The Dock/Sandbank Beige/20",
+  },
+  "Surface/UI Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Intense": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Disabled": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Accent/1": {
+    resolved: "#D62220",
+    alias: "Signature/The Dock/Signal Red/60",
+  },
+  "Surface/Accent/2": {
+    resolved: "#06237C",
+    alias: "Signature/The Dock/Signal Blue/50",
+  },
+  "Surface/Accent/3": {
+    resolved: "#364324",
+    alias: "Signature/The Dock/Tundra Mint/90",
+  },
+  "Surface/Accent/4": {
+    resolved: "#FFB839",
+    alias: "Signature/The Dock/Artic Oker/60",
+  },
+  "Surface/Accent/5": {
+    resolved: "#030F34",
+    alias: "Signature/The Dock/Signal Blue/90",
+  },
+  "Surface/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Surface/Feedback/Information light": {
+    resolved: "#E8F6FF",
+    alias: "Scandic/Blue/00",
+  },
+  "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Surface/Feedback/Succes light": {
+    resolved: "#F3FCE8",
+    alias: "Scandic/Green/00",
+  },
+  "Surface/Feedback/Warning": {
+    resolved: "#D17308",
+    alias: "Scandic/Yellow/60",
+  },
+  "Surface/Feedback/Warning light": {
+    resolved: "#FFF8E3",
+    alias: "Scandic/Yellow/00",
+  },
+  "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Surface/Feedback/Error light": {
+    resolved: "#FFEBEB",
+    alias: "Scandic/Red/00",
+  },
+  "Surface/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Surface/Feedback/Neutral light": {
+    resolved: "#E9E9E9",
+    alias: "Neutral/15",
+  },
+  "Border/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Strong": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Accent": {
+    resolved: "#FC2826",
+    alias: "Signature/The Dock/Signal Red/50",
+  },
+  "Icon/Interactive/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Interactive/Secondary": {
+    resolved: "#D62220",
+    alias: "Signature/The Dock/Signal Red/60",
+  },
+  "Icon/Interactive/Accent": {
+    resolved: "#D62220",
+    alias: "Signature/The Dock/Signal Red/60",
+  },
+  "Icon/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Icon/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Icon/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Icon/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Icon/Feedback/Neutral": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+  "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/30": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+  "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+  "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+  "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+  "Component/Button/Brand/Primary/Fill/Default": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Component/Button/Brand/Primary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Primary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Primary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Component/Button/Brand/Secondary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Secondary/On fill/Default": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover": {
+    resolved: "#654141",
+    alias: "Signature/The Dock/Rose Copper/80",
+  },
+  "Component/Button/Brand/Secondary/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Secondary/Border/Default": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover": {
+    resolved: "#654141",
+    alias: "Signature/The Dock/Rose Copper/80",
+  },
+  "Component/Button/Brand/Secondary/Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover inverted": {
+    resolved: "#FFFFFF80",
+    alias: "Neutral/Opacity/White/50",
+  },
+  "Component/Button/Brand/Secondary/Border/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Default": {
+    resolved: "#F2E1C2",
+    alias: "Signature/The Dock/Sandbank Beige/20",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Default": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Tertiary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/Fill/Faded": {
+    resolved: "#FFFFFFE6",
+    alias: "Neutral/Opacity/White/90",
+  },
+  "Component/Button/Inverted/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Fill/Hover Inverted": {
+    resolved: "#F2E1C2",
+    alias: "Signature/The Dock/Sandbank Beige/20",
+  },
+  "Component/Button/Inverted/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Default": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Component/Button/Inverted/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Hover inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Border/Interactive/Default": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Divider/Subtle": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Border/Divider/Accent": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Brand/OnAccent/Default": {
+    resolved: "#3E1212",
+    alias: "Signature/The Dock/Rose Copper/90",
+  },
+  "Border/Divider/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 3/Default": {
+    resolved: "#F7F1E8",
+    alias: "Signature/The Dock/Linen White/20",
+  },
+  "Border/Interactive/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Component/Button/Muted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Disabled": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Hover inverted": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Muted/Fill/Disabled inverted": {
+    resolved: "#D9D9D9",
+    alias: "Neutral/20",
+  },
+  "Component/Button/Muted/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Muted/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/On fill/Hover Inverted": {
+    resolved: "#654141",
+    alias: "Signature/The Dock/Rose Copper/80",
+  },
+  "Component/Button/Muted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Muted/Border/Default": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
   },
 } as const
 export const partnerSAS = {
-  'Text/Brand/OnPrimary 1/Hover': { resolved: '#FFFFFF' },
-  'Surface/Brand/Accent/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Accent/OnAccent/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Accent/OnAccent/Accent': { resolved: '#FFFFFF' },
-  'Surface/Brand/Accent/OnAccent/Accent Secondary': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/Default': { resolved: '#FDFEFD' },
-  'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 2/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 3/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' },
-  'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' },
-  'Utilities/Gradients/10': { resolved: '#5B6E7F1A' },
-  'Text/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' },
-  'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Accent Primary': {
-    resolved: '#AA546B',
-    alias: 'Signature/Grand Hotel/Careys Pink/60',
-  },
-  'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Text/Interactive/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Text/Interactive/Hover': {
-    resolved: '#AA546B',
-    alias: 'Signature/Grand Hotel/Careys Pink/60',
-  },
-  'Text/Interactive/Secondary': {
-    resolved: '#AA546B',
-    alias: 'Signature/Grand Hotel/Careys Pink/60',
-  },
-  'Text/Interactive/Secondary Hover': {
-    resolved: '#C27183',
-    alias: 'Signature/Grand Hotel/Careys Pink/50',
-  },
-  'Text/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
-  'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Text/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Text/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Text/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Text/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Text/Brand/OnAccent/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnAccent/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnAccent/Accent Secondary': {
-    resolved: '#747474',
-    alias: 'Neutral/50',
-  },
-  'Text/Brand/OnPrimary 1/Heading': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 1/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 1/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnPrimary 2/Heading': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 2/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 2/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Text/Brand/OnPrimary 3/Heading': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Text/Brand/OnPrimary 3/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Text/Brand/OnPrimary 3/Accent': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Background/Primary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Background/Secondary': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/Primary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/Primary/Hover Light': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Primary/Hover Accent': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Primary/OnSurface/Default': {
-    resolved: '#F7F6F5',
-    alias: 'Signature/Grand Hotel/Cloudy/0',
-  },
-  'Surface/Primary/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Surface/Secondary/Default': {
-    resolved: '#F7F6F5',
-    alias: 'Signature/Grand Hotel/Cloudy/0',
-  },
-  'Surface/Secondary/Subtle': {
-    resolved: '#EBEAE9',
-    alias: 'Signature/Grand Hotel/Cloudy/10',
-  },
-  'Surface/Secondary/Hover': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Surface/UI Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Intense': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Surface/UI Fill/Active Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Surface/Accent/1': {
-    resolved: '#8E4258',
-    alias: 'Signature/Grand Hotel/Careys Pink/70',
-  },
-  'Surface/Accent/2': { resolved: '#284EA0', alias: 'Scandic/Blue/70' },
-  'Surface/Accent/3': {
-    resolved: '#C27183',
-    alias: 'Signature/Grand Hotel/Careys Pink/50',
-  },
-  'Surface/Accent/4': {
-    resolved: '#5B6E7F',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/50',
-  },
-  'Surface/Accent/5': {
-    resolved: '#363C43',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/90',
-  },
-  'Surface/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Surface/Feedback/Information light': {
-    resolved: '#E8F6FF',
-    alias: 'Scandic/Blue/00',
-  },
-  'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Surface/Feedback/Succes light': {
-    resolved: '#F3FCE8',
-    alias: 'Scandic/Green/00',
-  },
-  'Surface/Feedback/Warning': {
-    resolved: '#D17308',
-    alias: 'Scandic/Yellow/60',
-  },
-  'Surface/Feedback/Warning light': {
-    resolved: '#FFF8E3',
-    alias: 'Scandic/Yellow/00',
-  },
-  'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Surface/Feedback/Error light': {
-    resolved: '#FFEBEB',
-    alias: 'Scandic/Red/00',
-  },
-  'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' },
-  'Surface/Feedback/Neutral light': {
-    resolved: '#E9E9E9',
-    alias: 'Neutral/15',
-  },
-  'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Icon/Default': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Intense': { resolved: '#1F1F1F', alias: 'Neutral/90' },
-  'Icon/Accent': {
-    resolved: '#DBA7B1',
-    alias: 'Signature/Grand Hotel/Careys Pink/40',
-  },
-  'Icon/Interactive/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Icon/Interactive/Secondary': {
-    resolved: '#AA546B',
-    alias: 'Signature/Grand Hotel/Careys Pink/60',
-  },
-  'Icon/Interactive/Accent': {
-    resolved: '#AA546B',
-    alias: 'Signature/Grand Hotel/Careys Pink/60',
-  },
-  'Icon/Interactive/Inverted Hover': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
-  'Icon/Feedback/Information': {
-    resolved: '#284EA0',
-    alias: 'Scandic/Blue/70',
-  },
-  'Icon/Feedback/Success': { resolved: '#348337', alias: 'Scandic/Green/60' },
-  'Icon/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60' },
-  'Icon/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Icon/Feedback/Neutral': { resolved: '#575757', alias: 'Neutral/60' },
-  'Icon/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' },
-  'Overlay/10': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10' },
-  'Overlay/20': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/30': { resolved: '#1F1C1B33', alias: 'Neutral/Opacity/Black/20' },
-  'Overlay/40': { resolved: '#1F1C1B66', alias: 'Neutral/Opacity/Black/40' },
-  'Overlay/60': { resolved: '#1F1C1B99', alias: 'Neutral/Opacity/Black/60' },
-  'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
-  'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
-  'Component/Button/Brand/Primary/Fill/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Brand/Primary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Primary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Primary/On fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Primary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Primary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Primary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Secondary/Fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Fill/Hover Inverted': {
-    resolved: '#B0C4CB',
-    alias: 'Signature/Grand Hotel/Submarine/30',
-  },
-  'Component/Button/Brand/Secondary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Secondary/On fill/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover': {
-    resolved: '#3D444D',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
-  },
-  'Component/Button/Brand/Secondary/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/On fill/Hover inverted': {
-    resolved: '#FFFFFFB3',
-    alias: 'Neutral/Opacity/White/70',
-  },
-  'Component/Button/Brand/Secondary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Secondary/Border/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover': {
-    resolved: '#3D444D',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
-  },
-  'Component/Button/Brand/Secondary/Border/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Brand/Secondary/Border/Hover inverted': {
-    resolved: '#FFFFFF80',
-    alias: 'Neutral/Opacity/White/50',
-  },
-  'Component/Button/Brand/Secondary/Border/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Default': {
-    resolved: '#B0C4CB',
-    alias: 'Signature/Grand Hotel/Submarine/30',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Tertiary/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Brand/Tertiary/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Brand/Tertiary/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Hover': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Brand/Tertiary/Border/Disabled': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/Fill/Faded': {
-    resolved: '#FFFFFFE6',
-    alias: 'Neutral/Opacity/White/90',
-  },
-  'Component/Button/Inverted/Fill/Hover': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Fill/Hover Inverted': {
-    resolved: '#B0C4CB',
-    alias: 'Signature/Grand Hotel/Submarine/30',
-  },
-  'Component/Button/Inverted/Fill/Disabled': {
-    resolved: '#1F1C1B1A',
-    alias: 'Neutral/Opacity/Black/10',
-  },
-  'Component/Button/Inverted/Border/Default': {
-    resolved: '#FFFFFF00',
-    alias: 'Neutral/Opacity/White/0',
-  },
-  'Component/Button/Inverted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Default': {
-    resolved: '#21252B',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/100',
-  },
-  'Component/Button/Inverted/On fill/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Inverted/On fill/Hover inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Inverted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Border/Interactive/Default': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' },
-  'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
-  'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Divider/Brand/OnAccent/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 1/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 2/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Divider/Brand/OnPrimary 3/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Border/Interactive/Active': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
-  'Border/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
-  'Border/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
-  'Component/Button/Muted/Fill/Default': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Hover': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Disabled': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/Fill/Hover inverted': {
-    resolved: '#1F1C1B0D',
-    alias: 'Neutral/Opacity/Black/5',
-  },
-  'Component/Button/Muted/Fill/Disabled inverted': {
-    resolved: '#D9D9D9',
-    alias: 'Neutral/20',
-  },
-  'Component/Button/Muted/On fill/Default': {
-    resolved: '#1F1F1F',
-    alias: 'Neutral/90',
-  },
-  'Component/Button/Muted/On fill/Inverted': {
-    resolved: '#FFFFFF',
-    alias: 'Neutral/Opacity/White/100',
-  },
-  'Component/Button/Muted/On fill/Hover Inverted': {
-    resolved: '#3D444D',
-    alias: 'Signature/Grand Hotel/Blue Bayoux/80',
-  },
-  'Component/Button/Muted/On fill/Disabled': {
-    resolved: '#8C8C8C',
-    alias: 'Neutral/40',
-  },
-  'Component/Button/Muted/Border/Default': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Hover': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
-  },
-  'Component/Button/Muted/Border/Disable': {
-    resolved: '#FFFFFF1A',
-    alias: 'Neutral/Opacity/White/10',
+  "Text/Brand/OnPrimary 1/Hover": { resolved: "#FFFFFF" },
+  "Surface/Brand/Accent/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Accent/OnAccent/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Accent/OnAccent/Accent": { resolved: "#FFFFFF" },
+  "Surface/Brand/Accent/OnAccent/Accent Secondary": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/Default": { resolved: "#FDFEFD" },
+  "Surface/Brand/Primary 1/OnSurface/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 1/OnSurface/Accent Secondary": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 2/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 2/OnSurface/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 2/OnSurface/Accent": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 3/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 3/OnSurface/Default": { resolved: "#FFFFFF" },
+  "Surface/Brand/Primary 3/OnSurface/Accent": { resolved: "#FFFFFF" },
+  "Utilities/Gradients/10": { resolved: "#5B6E7F1A" },
+  "Text/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Secondary": { resolved: "#575757", alias: "Neutral/60" },
+  "Text/Tertiary": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Accent Primary": {
+    resolved: "#AA546B",
+    alias: "Signature/Grand Hotel/Careys Pink/60",
+  },
+  "Text/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Text/Interactive/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Text/Interactive/Hover": {
+    resolved: "#AA546B",
+    alias: "Signature/Grand Hotel/Careys Pink/60",
+  },
+  "Text/Interactive/Secondary": {
+    resolved: "#AA546B",
+    alias: "Signature/Grand Hotel/Careys Pink/60",
+  },
+  "Text/Interactive/Secondary Hover": {
+    resolved: "#C27183",
+    alias: "Signature/Grand Hotel/Careys Pink/50",
+  },
+  "Text/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Text/Interactive/Disabled": { resolved: "#8C8C8C", alias: "Neutral/40" },
+  "Text/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Text/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Heading": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Text/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Text/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Text/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Text/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Text/Brand/OnAccent/Default": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnAccent/Accent": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnAccent/Accent Secondary": {
+    resolved: "#747474",
+    alias: "Neutral/50",
+  },
+  "Text/Brand/OnPrimary 1/Heading": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 1/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 1/Accent": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnPrimary 2/Heading": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 2/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 2/Accent": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Text/Brand/OnPrimary 3/Heading": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Text/Brand/OnPrimary 3/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Text/Brand/OnPrimary 3/Accent": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Background/Primary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Background/Secondary": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/Primary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/Primary/Hover Light": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Primary/Hover Accent": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Primary/OnSurface/Default": {
+    resolved: "#F7F6F5",
+    alias: "Signature/Grand Hotel/Cloudy/0",
+  },
+  "Surface/Primary/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Surface/Secondary/Default": {
+    resolved: "#F7F6F5",
+    alias: "Signature/Grand Hotel/Cloudy/0",
+  },
+  "Surface/Secondary/Subtle": {
+    resolved: "#EBEAE9",
+    alias: "Signature/Grand Hotel/Cloudy/10",
+  },
+  "Surface/Secondary/Hover": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Surface/UI Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Intense": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Surface/UI Fill/Active Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Surface/UI Fill/Disabled": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Surface/Accent/1": {
+    resolved: "#8E4258",
+    alias: "Signature/Grand Hotel/Careys Pink/70",
+  },
+  "Surface/Accent/2": { resolved: "#284EA0", alias: "Scandic/Blue/70" },
+  "Surface/Accent/3": {
+    resolved: "#C27183",
+    alias: "Signature/Grand Hotel/Careys Pink/50",
+  },
+  "Surface/Accent/4": {
+    resolved: "#5B6E7F",
+    alias: "Signature/Grand Hotel/Blue Bayoux/50",
+  },
+  "Surface/Accent/5": {
+    resolved: "#363C43",
+    alias: "Signature/Grand Hotel/Blue Bayoux/90",
+  },
+  "Surface/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Surface/Feedback/Information light": {
+    resolved: "#E8F6FF",
+    alias: "Scandic/Blue/00",
+  },
+  "Surface/Feedback/Succes": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Surface/Feedback/Succes light": {
+    resolved: "#F3FCE8",
+    alias: "Scandic/Green/00",
+  },
+  "Surface/Feedback/Warning": {
+    resolved: "#D17308",
+    alias: "Scandic/Yellow/60",
+  },
+  "Surface/Feedback/Warning light": {
+    resolved: "#FFF8E3",
+    alias: "Scandic/Yellow/00",
+  },
+  "Surface/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Surface/Feedback/Error light": {
+    resolved: "#FFEBEB",
+    alias: "Scandic/Red/00",
+  },
+  "Surface/Feedback/Neutral": { resolved: "#747474", alias: "Neutral/50" },
+  "Surface/Feedback/Neutral light": {
+    resolved: "#E9E9E9",
+    alias: "Neutral/15",
+  },
+  "Border/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Strong": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Icon/Default": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Intense": { resolved: "#1F1F1F", alias: "Neutral/90" },
+  "Icon/Accent": {
+    resolved: "#DBA7B1",
+    alias: "Signature/Grand Hotel/Careys Pink/40",
+  },
+  "Icon/Interactive/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Icon/Interactive/Secondary": {
+    resolved: "#AA546B",
+    alias: "Signature/Grand Hotel/Careys Pink/60",
+  },
+  "Icon/Interactive/Accent": {
+    resolved: "#AA546B",
+    alias: "Signature/Grand Hotel/Careys Pink/60",
+  },
+  "Icon/Interactive/Inverted Hover": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Icon/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Icon/Interactive/Placeholder": { resolved: "#747474", alias: "Neutral/50" },
+  "Icon/Feedback/Information": {
+    resolved: "#284EA0",
+    alias: "Scandic/Blue/70",
+  },
+  "Icon/Feedback/Success": { resolved: "#348337", alias: "Scandic/Green/60" },
+  "Icon/Feedback/Warning": { resolved: "#D17308", alias: "Scandic/Yellow/60" },
+  "Icon/Feedback/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Icon/Feedback/Neutral": { resolved: "#575757", alias: "Neutral/60" },
+  "Icon/Inverted": { resolved: "#FFFFFF", alias: "Neutral/Opacity/White/100" },
+  "Overlay/10": { resolved: "#1F1C1B1A", alias: "Neutral/Opacity/Black/10" },
+  "Overlay/20": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/30": { resolved: "#1F1C1B33", alias: "Neutral/Opacity/Black/20" },
+  "Overlay/40": { resolved: "#1F1C1B66", alias: "Neutral/Opacity/Black/40" },
+  "Overlay/60": { resolved: "#1F1C1B99", alias: "Neutral/Opacity/Black/60" },
+  "Overlay/80": { resolved: "#1F1C1BCC", alias: "Neutral/Opacity/Black/80" },
+  "Overlay/90": { resolved: "#1F1C1BE6", alias: "Neutral/Opacity/Black/90" },
+  "Component/Button/Brand/Primary/Fill/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Brand/Primary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Primary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Primary/On fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Primary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Primary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Primary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Secondary/Fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Fill/Hover Inverted": {
+    resolved: "#B0C4CB",
+    alias: "Signature/Grand Hotel/Submarine/30",
+  },
+  "Component/Button/Brand/Secondary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Secondary/On fill/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover": {
+    resolved: "#3D444D",
+    alias: "Signature/Grand Hotel/Blue Bayoux/80",
+  },
+  "Component/Button/Brand/Secondary/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/On fill/Hover inverted": {
+    resolved: "#FFFFFFB3",
+    alias: "Neutral/Opacity/White/70",
+  },
+  "Component/Button/Brand/Secondary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Secondary/Border/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover": {
+    resolved: "#3D444D",
+    alias: "Signature/Grand Hotel/Blue Bayoux/80",
+  },
+  "Component/Button/Brand/Secondary/Border/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Brand/Secondary/Border/Hover inverted": {
+    resolved: "#FFFFFF80",
+    alias: "Neutral/Opacity/White/50",
+  },
+  "Component/Button/Brand/Secondary/Border/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Default": {
+    resolved: "#B0C4CB",
+    alias: "Signature/Grand Hotel/Submarine/30",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Tertiary/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Brand/Tertiary/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Brand/Tertiary/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Hover": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Brand/Tertiary/Border/Disabled": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/Fill/Faded": {
+    resolved: "#FFFFFFE6",
+    alias: "Neutral/Opacity/White/90",
+  },
+  "Component/Button/Inverted/Fill/Hover": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Fill/Hover Inverted": {
+    resolved: "#B0C4CB",
+    alias: "Signature/Grand Hotel/Submarine/30",
+  },
+  "Component/Button/Inverted/Fill/Disabled": {
+    resolved: "#1F1C1B1A",
+    alias: "Neutral/Opacity/Black/10",
+  },
+  "Component/Button/Inverted/Border/Default": {
+    resolved: "#FFFFFF00",
+    alias: "Neutral/Opacity/White/0",
+  },
+  "Component/Button/Inverted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Default": {
+    resolved: "#21252B",
+    alias: "Signature/Grand Hotel/Blue Bayoux/100",
+  },
+  "Component/Button/Inverted/On fill/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Inverted/On fill/Hover inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Inverted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Border/Interactive/Default": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Default": { resolved: "#D9D9D9", alias: "Neutral/20" },
+  "Border/Divider/Subtle": { resolved: "#E9E9E9", alias: "Neutral/15" },
+  "Border/Divider/Accent": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Divider/Brand/OnAccent/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 1/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 2/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Divider/Brand/OnPrimary 3/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Border/Interactive/Active": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Focus": { resolved: "#262626", alias: "Neutral/80" },
+  "Border/Interactive/Disabled": { resolved: "#BFBFBF", alias: "Neutral/30" },
+  "Border/Interactive/Error": { resolved: "#AD0015", alias: "Scandic/Red/70" },
+  "Component/Button/Muted/Fill/Default": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Hover": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Disabled": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/Fill/Hover inverted": {
+    resolved: "#1F1C1B0D",
+    alias: "Neutral/Opacity/Black/5",
+  },
+  "Component/Button/Muted/Fill/Disabled inverted": {
+    resolved: "#D9D9D9",
+    alias: "Neutral/20",
+  },
+  "Component/Button/Muted/On fill/Default": {
+    resolved: "#1F1F1F",
+    alias: "Neutral/90",
+  },
+  "Component/Button/Muted/On fill/Inverted": {
+    resolved: "#FFFFFF",
+    alias: "Neutral/Opacity/White/100",
+  },
+  "Component/Button/Muted/On fill/Hover Inverted": {
+    resolved: "#3D444D",
+    alias: "Signature/Grand Hotel/Blue Bayoux/80",
+  },
+  "Component/Button/Muted/On fill/Disabled": {
+    resolved: "#8C8C8C",
+    alias: "Neutral/40",
+  },
+  "Component/Button/Muted/Border/Default": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Hover": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
+  },
+  "Component/Button/Muted/Border/Disable": {
+    resolved: "#FFFFFF1A",
+    alias: "Neutral/Opacity/White/10",
   },
 } as const
diff --git a/packages/design-system/package.json b/packages/design-system/package.json
index f482350ae..52a54a34a 100644
--- a/packages/design-system/package.json
+++ b/packages/design-system/package.json
@@ -209,7 +209,7 @@
   "scripts": {
     "dev": "yarn storybook",
     "generate": "cd generate && jiti generate.ts && yarn format",
-    "format": "prettier . --write",
+    "format": "yarn dlx prettier . --write",
     "build": "yarn build-storybook",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "lint:fix": "eslint . --ext ts,tsx --report-unused-disable-directives --fix --max-warnings 0",
diff --git a/packages/design-system/scripts/copyFiles.ts b/packages/design-system/scripts/copyFiles.ts
index 8f3d40902..eff3dedb3 100644
--- a/packages/design-system/scripts/copyFiles.ts
+++ b/packages/design-system/scripts/copyFiles.ts
@@ -1,5 +1,5 @@
-import { promises as fs } from 'node:fs'
-import * as path from 'node:path'
+import { promises as fs } from "node:fs"
+import * as path from "node:path"
 
 async function ensureDir(dir: string): Promise<void> {
   await fs.mkdir(dir, { recursive: true })
@@ -22,20 +22,20 @@ async function copyDir(src: string, dest: string): Promise<void> {
 
 export async function copyFilesCLI(): Promise<void> {
   const args = process.argv.slice(2)
-  const showHelp = args.includes('-h') || args.includes('--help')
+  const showHelp = args.includes("-h") || args.includes("--help")
   const sourceArg = args[0]
   const destArg = args[1]
 
-  console.log('sourceArg:', sourceArg, 'destArg:', destArg)
+  console.log("sourceArg:", sourceArg, "destArg:", destArg)
   if (showHelp || !sourceArg || !destArg) {
     console.error(
       [
-        'Usage: tsx scripts/copyFiles.ts <source-path> <destination-path>',
-        '',
-        'Copies all files from <source-path> into <destination-path>.',
-        'Examples:',
-        '  tsx scripts/copyFiles.ts static/fonts dist/fonts',
-      ].join('\n')
+        "Usage: tsx scripts/copyFiles.ts <source-path> <destination-path>",
+        "",
+        "Copies all files from <source-path> into <destination-path>.",
+        "Examples:",
+        "  tsx scripts/copyFiles.ts static/fonts dist/fonts",
+      ].join("\n")
     )
     process.exit(showHelp ? 0 : 1)
   }
@@ -45,8 +45,8 @@ export async function copyFilesCLI(): Promise<void> {
 
   // Prevent copying into source or a parent of source
   const rel = path.relative(src, dest)
-  if (!rel || !rel.startsWith('..')) {
-    console.error('Destination must not be inside the source fonts directory.')
+  if (!rel || !rel.startsWith("..")) {
+    console.error("Destination must not be inside the source fonts directory.")
     process.exit(1)
   }
 
diff --git a/packages/design-system/vite.config.ts b/packages/design-system/vite.config.ts
index d58330886..ad493080d 100644
--- a/packages/design-system/vite.config.ts
+++ b/packages/design-system/vite.config.ts
@@ -1,38 +1,38 @@
 /// <reference types="vitest" />
-import { dirname, extname, relative, resolve } from 'node:path'
-import { fileURLToPath } from 'node:url'
-import fs from 'node:fs'
+import { dirname, extname, relative, resolve } from "node:path"
+import { fileURLToPath } from "node:url"
+import fs from "node:fs"
 
-import react from '@vitejs/plugin-react'
-import { glob } from 'glob'
-import { defineConfig } from 'vite'
-import dts from 'vite-plugin-dts'
-import { libInjectCss } from 'vite-plugin-lib-inject-css'
+import react from "@vitejs/plugin-react"
+import { glob } from "glob"
+import { defineConfig } from "vite"
+import dts from "vite-plugin-dts"
+import { libInjectCss } from "vite-plugin-lib-inject-css"
 // import ensureDirectives from './plugins/rollup-plugin-ensure-directives'
-import preserveDirectives from 'rollup-preserve-directives'
+import preserveDirectives from "rollup-preserve-directives"
 
 // https://vitejs.dev/config/
 export default defineConfig({
   optimizeDeps: {
-    include: ['react/jsx-dev-runtime'],
+    include: ["react/jsx-dev-runtime"],
   },
   plugins: [
     react(),
     libInjectCss(),
     dts({
-      include: ['lib'],
+      include: ["lib"],
       exclude: [
-        'node_modules',
-        '**/*.css',
-        '**/*.test.ts',
-        '**/*.stories.tsx',
-        '.storybook/content/*.mdx',
-        '.storybook/content/tokens/**/*.mdx',
-        '.storybook/content/tokens/**/*.css',
-        '.storybook/content/tokens/**/*.tsx',
+        "node_modules",
+        "**/*.css",
+        "**/*.test.ts",
+        "**/*.stories.tsx",
+        ".storybook/content/*.mdx",
+        ".storybook/content/tokens/**/*.mdx",
+        ".storybook/content/tokens/**/*.css",
+        ".storybook/content/tokens/**/*.tsx",
       ],
       // rollupTypes: true,
-      bundledPackages: ['class-variance-authority', 'clsx'],
+      bundledPackages: ["class-variance-authority", "clsx"],
     }),
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     preserveDirectives() as any,
@@ -41,24 +41,24 @@ export default defineConfig({
     cssCodeSplit: true,
     copyPublicDir: false,
     lib: {
-      entry: [resolve(__dirname, 'lib/index.ts')],
-      formats: ['es'],
+      entry: [resolve(__dirname, "lib/index.ts")],
+      formats: ["es"],
     },
     rollupOptions: {
       plugins: [],
       external: [
-        'react',
-        'react-dom',
-        'react/jsx-runtime',
-        'react-aria-components',
-        'react-hook-form',
-        'react-intl',
-        'next',
+        "react",
+        "react-dom",
+        "react/jsx-runtime",
+        "react-aria-components",
+        "react-hook-form",
+        "react-intl",
+        "next",
       ],
       onwarn(warning, defaultHandler) {
         if (
-          warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
-          warning.message.includes('use client')
+          warning.code === "MODULE_LEVEL_DIRECTIVE" &&
+          warning.message.includes("use client")
         ) {
           return
         }
@@ -68,16 +68,16 @@ export default defineConfig({
         // We ignore sourcemap_error on the first character for component files
         // to be caused by the 'use client' directive
         if (
-          warning.code === 'SOURCEMAP_ERROR' &&
+          warning.code === "SOURCEMAP_ERROR" &&
           warning.loc?.file &&
           warning.loc.line === 1 &&
           warning.loc.column === 0
         ) {
           if (fs.statSync(warning.loc.file)) {
             const file = fs.readFileSync(warning.loc.file, {
-              encoding: 'utf-8',
+              encoding: "utf-8",
             })
-            const lines = file.split('\n')
+            const lines = file.split("\n")
 
             if (lines[0] === "'use client'") {
               return
@@ -89,15 +89,15 @@ export default defineConfig({
       },
       input: Object.fromEntries(
         glob
-          .sync(['lib/**/*.{ts,tsx,css}'], {
-            ignore: ['**/types.ts', '**/*.stories.{ts,tsx}', 'lib/tokens/*'],
+          .sync(["lib/**/*.{ts,tsx,css}"], {
+            ignore: ["**/types.ts", "**/*.stories.{ts,tsx}", "lib/tokens/*"],
           })
           .map((file) => {
             return [
               // The name of the entry point
               // lib/nested/foo.ts becomes nested/foo
               relative(
-                'lib',
+                "lib",
                 file.slice(0, file.length - extname(file).length)
               ),
               // The absolute path to the entry file
@@ -110,13 +110,13 @@ export default defineConfig({
         assetFileNames: (assetInfo) => {
           if (assetInfo.originalFileNames.length > 0) {
             const originalFileName = assetInfo.originalFileNames[0]
-            if (originalFileName.indexOf('/components/') >= 0) {
-              return `${dirname(originalFileName).replace('lib/', '')}/[name]-[hash][extname]`
+            if (originalFileName.indexOf("/components/") >= 0) {
+              return `${dirname(originalFileName).replace("lib/", "")}/[name]-[hash][extname]`
             }
           }
           return `[name][extname]`
         },
-        entryFileNames: '[name].js',
+        entryFileNames: "[name].js",
       },
     },
   },
diff --git a/packages/design-system/vitest.config.ts b/packages/design-system/vitest.config.ts
index 95367eae9..a2aa2b610 100644
--- a/packages/design-system/vitest.config.ts
+++ b/packages/design-system/vitest.config.ts
@@ -1,24 +1,24 @@
-import { defineConfig, mergeConfig } from 'vitest/config'
-import { storybookTest } from '@storybook/addon-vitest/vitest-plugin'
-import { playwright } from '@vitest/browser-playwright'
-import path from 'node:path'
-import { fileURLToPath } from 'node:url'
+import { defineConfig, mergeConfig } from "vitest/config"
+import { storybookTest } from "@storybook/addon-vitest/vitest-plugin"
+import { playwright } from "@vitest/browser-playwright"
+import path from "node:path"
+import { fileURLToPath } from "node:url"
 
 const dirname =
-  typeof __dirname !== 'undefined'
+  typeof __dirname !== "undefined"
     ? __dirname
     : path.dirname(fileURLToPath(import.meta.url))
 
-import viteConfig from './vite.config'
+import viteConfig from "./vite.config"
 
-const isCI = process.env.CI === 'true'
+const isCI = process.env.CI === "true"
 
 const browserInstances = isCI
-  ? [{ browser: 'chromium' as const }]
+  ? [{ browser: "chromium" as const }]
   : [
-      { browser: 'chromium' as const },
-      { browser: 'firefox' as const },
-      { browser: 'webkit' as const },
+      { browser: "chromium" as const },
+      { browser: "firefox" as const },
+      { browser: "webkit" as const },
     ]
 
 export default mergeConfig(
@@ -28,22 +28,22 @@ export default mergeConfig(
       projects: [
         {
           test: {
-            name: 'unit',
-            environment: 'jsdom',
+            name: "unit",
+            environment: "jsdom",
           },
         },
         {
           plugins: [
             storybookTest({
               // The location of your Storybook config, main.js|ts
-              configDir: path.join(dirname, '.storybook'),
+              configDir: path.join(dirname, ".storybook"),
               // This should match your package.json script to run Storybook
               // The --ci flag will skip prompts and not open a browser
-              storybookScript: 'yarn storybook --ci',
+              storybookScript: "yarn storybook --ci",
             }),
           ],
           test: {
-            name: 'storybook',
+            name: "storybook",
             // Enable browser mode
             browser: {
               enabled: true,
@@ -52,7 +52,7 @@ export default mergeConfig(
               headless: true,
               instances: browserInstances,
             },
-            setupFiles: ['./.storybook/vitest.setup.ts'],
+            setupFiles: ["./.storybook/vitest.setup.ts"],
           },
         },
       ],
diff --git a/packages/trpc/prettier.config.js b/packages/trpc/prettier.config.js
deleted file mode 100644
index 8d41cc176..000000000
--- a/packages/trpc/prettier.config.js
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * @see https://prettier.io/docs/configuration
- * @type {import("prettier").Config}
- */
-const config = {
-  semi: false,
-  trailingComma: "es5",
-  singleQuote: false,
-  printWidth: 80,
-  tabWidth: 2,
-  endOfLine: "lf",
-}
-
-export default config