From 6a342aaa9efbc3566b72c06ae8e166c55027b6fe Mon Sep 17 00:00:00 2001 From: Erik Tiekstra Date: Thu, 30 Oct 2025 12:27:16 +0000 Subject: [PATCH] chore: generated design system css variables from updated json file MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Approved-by: Matilda Landström --- apps/partner-sas/globals.css | 4 +- .../TransferPoints/transferPoints.module.css | 4 +- .../HotelPage/SidePeeks/Room/room.module.css | 2 +- .../selectQuantityStep.module.css | 4 +- .../customerSupport.module.css | 2 +- .../Receipt/receipt.module.css | 2 +- .../Rooms/Room/room.module.css | 2 +- .../FormContent/Search/search.module.css | 2 +- .../Content/summaryContent.module.css | 2 +- .../roomPackageFilter.module.css | 2 +- packages/design-system/.storybook/preview.tsx | 5 +- packages/design-system/generate/utils.ts | 2 +- .../design-system/generate/variables.json | 5156 +++++++++++++++-- .../lib/components/Alert/alert.module.css | 24 +- .../lib/components/Badge/badge.module.css | 4 +- .../ChipButton/chip-button.module.css | 2 +- .../Form/RadioCard/radioCard.module.css | 4 +- .../ImageFallback/imageFallback.module.css | 2 +- .../Map/Markers/PoiMarker/poi.module.css | 2 +- .../MessageBanner/messageBanner.module.css | 2 +- .../components/RateCard/rate-card.module.css | 4 +- .../lib/components/Switch/switch.module.css | 4 +- packages/design-system/lib/style.css | 1 + packages/design-system/lib/styles/base.css | 19 + packages/design-system/lib/styles/base.js | 19 + .../lib/styles/downtown-camper.css | 76 +- .../lib/styles/downtown-camper.js | 62 +- .../design-system/lib/styles/grand-hotel.css | 99 +- .../design-system/lib/styles/grand-hotel.js | 79 +- .../design-system/lib/styles/haymarket.css | 96 +- .../design-system/lib/styles/haymarket.js | 76 +- .../design-system/lib/styles/hotel-norge.css | 104 +- .../design-system/lib/styles/hotel-norge.js | 80 +- packages/design-system/lib/styles/marski.css | 116 +- packages/design-system/lib/styles/marski.js | 106 +- .../design-system/lib/styles/partner-sas.css | 233 + .../design-system/lib/styles/partner-sas.js | 174 + .../design-system/lib/styles/scandic-go.css | 74 +- .../design-system/lib/styles/scandic-go.js | 72 +- packages/design-system/lib/styles/scandic.css | 50 +- packages/design-system/lib/styles/scandic.js | 50 +- .../design-system/lib/styles/the-dock.css | 381 ++ packages/design-system/lib/styles/the-dock.js | 285 + packages/design-system/lib/tokens/index.ts | 2201 +++++-- packages/design-system/lib/tokens/theDock.mdx | 11 + 45 files changed, 8264 insertions(+), 1437 deletions(-) create mode 100644 packages/design-system/lib/styles/partner-sas.css create mode 100644 packages/design-system/lib/styles/partner-sas.js create mode 100644 packages/design-system/lib/styles/the-dock.css create mode 100644 packages/design-system/lib/styles/the-dock.js create mode 100644 packages/design-system/lib/tokens/theDock.mdx diff --git a/apps/partner-sas/globals.css b/apps/partner-sas/globals.css index 344f3b825..9040c0673 100644 --- a/apps/partner-sas/globals.css +++ b/apps/partner-sas/globals.css @@ -94,7 +94,7 @@ body.partner-sas { --Border-Divider-Default: var(--SAS-Gray-90); --Border-Divider-Subtle: var(--SAS-Gray-90); - --Border-Intense: var(--SAS-Gray-40); + --Border-Strong: var(--SAS-Gray-40); --Border-Interactive-Selected: var(--SAS-Gray-40); --Border-Interactive-Default: var(--SAS-Gray-40); @@ -130,7 +130,7 @@ body.partner-sas { --Scandic-Brand-Warm-White: var(--Background-Primary); --Text-Accent-Primary: var(--SAS-20); - --Text-Accent-Secondary: var(--SAS-Gray-40); + --Text-Brand-OnAccent-Accent-Secondary: var(--SAS-Gray-40); --Text-Heading: var(--SAS-Gray-20); --Text-Interactive-Default: var(--SAS-20); --Text-Interactive-Hover: var(--SAS-40); diff --git a/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css b/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css index f3f2edbcd..83fcd6229 100644 --- a/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css +++ b/apps/scandic-web/components/Blocks/DynamicContent/SAS/TransferPoints/transferPoints.module.css @@ -64,7 +64,7 @@ .noPointsWarning { align-self: end; - color: var(--Surface-Feedback-Information-Accent); + color: var(--Surface-Feedback-Information); } .balanceLabel { @@ -151,7 +151,7 @@ } &[data-focus-visible] { - outline: 2px solid var(--Surface-Feedback-Neutral); + outline: 2px solid var(--Surface-Feedback-Neutral-light); } &[data-dragging] .sliderOutput { diff --git a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css index 9dbb3c850..d9fa76ef7 100644 --- a/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css +++ b/apps/scandic-web/components/ContentType/HotelPage/SidePeeks/Room/room.module.css @@ -13,7 +13,7 @@ } .guests { - color: var(--Text-Accent-Secondary); + color: var(--Text-Brand-OnAccent-Accent-Secondary); } .imageContainer { diff --git a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css index 628069045..c55a90705 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/Ancillaries/AddAncillaryFlow/AddAncillaryFlowModal/Steps/SelectQuantityStep/selectQuantityStep.module.css @@ -55,7 +55,7 @@ flex: 1 0 0; border-radius: var(--Corner-radius-md); border: 1px solid var(--Base-Border-Subtle); - background: var(--Surface-Feedback-Information); + background: var(--Surface-Feedback-Information-light); align-items: center; gap: var(--Spacing-x1); @@ -63,7 +63,7 @@ } .free { - background: var(--Surface-Feedback-Succes); + background: var(--Surface-Feedback-Succes-light); } .breakfastPriceBox dt { diff --git a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css index 43c41f62d..af073a3d8 100644 --- a/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css +++ b/apps/scandic-web/components/HotelReservation/MyStay/ReferenceCard/Actions/CustomerSupportModal/customerSupport.module.css @@ -9,7 +9,7 @@ .link { align-items: center; - background: var(--Surface-Feedback-Information); + background: var(--Surface-Feedback-Information-light); border: 1px solid rgba(0, 0, 0, 0.05); border-radius: var(--Corner-radius-md); color: var(--Text-Interactive-Default); diff --git a/packages/booking-flow/lib/components/BookingConfirmation/Receipt/receipt.module.css b/packages/booking-flow/lib/components/BookingConfirmation/Receipt/receipt.module.css index 27caa4c87..0561181fb 100644 --- a/packages/booking-flow/lib/components/BookingConfirmation/Receipt/receipt.module.css +++ b/packages/booking-flow/lib/components/BookingConfirmation/Receipt/receipt.module.css @@ -12,7 +12,7 @@ align-items: center; gap: var(--Space-x1); justify-content: flex-start; - color: var(--Text-Accent-Secondary); + color: var(--Text-Brand-OnAccent-Accent-Secondary); } @media screen and (min-width: 1367px) { diff --git a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css index ad7f5a595..b61e165f8 100644 --- a/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css +++ b/packages/booking-flow/lib/components/BookingConfirmation/Rooms/Room/room.module.css @@ -21,7 +21,7 @@ } .guaranteeText { - color: var(--Text-Feedback-Succes-Accent); + color: var(--Text-Feedback-Succes); } .booking { diff --git a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css index a22db9927..2155735b3 100644 --- a/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css +++ b/packages/booking-flow/lib/components/BookingWidget/BookingWidgetForm/FormContent/Search/search.module.css @@ -10,7 +10,7 @@ &.rounded { background-color: var(--Base-Surface-Primary-light-Normal); padding: var(--Space-x15) var(--Space-x15) var(--Space-x15) var(--Space-x3); - border: 1px solid var(--Border-Intense); + border: 1px solid var(--Border-Strong); border-radius: var(--Corner-radius-rounded); height: auto; } diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/summaryContent.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/summaryContent.module.css index bbc85e092..0c3180ec9 100644 --- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/summaryContent.module.css +++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/RateSummary/MobileSummary/Content/summaryContent.module.css @@ -25,7 +25,7 @@ align-items: center; gap: var(--Space-x1); justify-content: flex-start; - color: var(--Text-Accent-Secondary); + color: var(--Text-Brand-OnAccent-Accent-Secondary); } .entry { diff --git a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css index ccd4c597c..6607b2423 100644 --- a/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css +++ b/packages/booking-flow/lib/components/SelectRate/RoomsContainer/Rooms/RoomsHeader/RoomPackageFilter/roomPackageFilter.module.css @@ -75,7 +75,7 @@ padding: var(--Space-x1); gap: var(--Space-x05); border-radius: var(--Corner-radius-sm); - background-color: var(--Surface-Secondary-Default-dark); + background-color: var(--Surface-Secondary-Subtle); color: var(--Text-Interactive-Default); } diff --git a/packages/design-system/.storybook/preview.tsx b/packages/design-system/.storybook/preview.tsx index 9e32e3ffe..908c32a72 100644 --- a/packages/design-system/.storybook/preview.tsx +++ b/packages/design-system/.storybook/preview.tsx @@ -1,12 +1,12 @@ import { withThemeByClassName } from '@storybook/addon-themes' -import { IntlProvider } from 'react-intl' 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' export const themes = { themes: { @@ -17,6 +17,7 @@ export const themes = { Haymarket: 'haymarket', 'Hotel Norge': 'hotel-norge', Marski: 'marski', + 'The Dock': 'the-dock', }, defaultTheme: 'Scandic', } diff --git a/packages/design-system/generate/utils.ts b/packages/design-system/generate/utils.ts index fa4bbb102..a9c1472b3 100644 --- a/packages/design-system/generate/utils.ts +++ b/packages/design-system/generate/utils.ts @@ -1,5 +1,5 @@ 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 }) { diff --git a/packages/design-system/generate/variables.json b/packages/design-system/generate/variables.json index f2aaf6890..6c5796272 100644 --- a/packages/design-system/generate/variables.json +++ b/packages/design-system/generate/variables.json @@ -1458,7 +1458,7 @@ "name": "Signature/Marski/Blue ribbon/50", "type": "color", "isAlias": false, - "value": "#2A8BFF" + "value": "#458AFF" }, { "name": "Signature/Marski/Blue ribbon/60", @@ -1590,7 +1590,7 @@ "name": "Signature/Marski/Torch red/50", "type": "color", "isAlias": false, - "value": "#FF273B" + "value": "#FF374A" }, { "name": "Signature/Marski/Torch red/60", @@ -1664,12 +1664,6 @@ "isAlias": false, "value": "#D9DAD6" }, - { - "name": "Signature/Hotel Norge/Emerald/0", - "type": "color", - "isAlias": false, - "value": "#C7DDD5" - }, { "name": "Signature/Hotel Norge/Off White/70", "type": "color", @@ -1677,10 +1671,16 @@ "value": "#AAAAA7" }, { - "name": "Signature/Hotel Norge/Off White/80", + "name": "Signature/Hotel Norge/Emerald/0", "type": "color", "isAlias": false, - "value": "#838481" + "value": "#C7DDD5" + }, + { + "name": "Signature/Hotel Norge/Emerald/50", + "type": "color", + "isAlias": false, + "value": "#779990" }, { "name": "Signature/Hotel Norge/Emerald/80", @@ -1688,18 +1688,18 @@ "isAlias": false, "value": "#3A655C" }, + { + "name": "Signature/Hotel Norge/Off White/80", + "type": "color", + "isAlias": false, + "value": "#838481" + }, { "name": "Signature/Hotel Norge/Off White/90", "type": "color", "isAlias": false, "value": "#6F716F" }, - { - "name": "Signature/Hotel Norge/Emerald/90", - "type": "color", - "isAlias": false, - "value": "#26544A" - }, { "name": "Signature/Hotel Norge/Off White/100", "type": "color", @@ -1707,10 +1707,10 @@ "value": "#646563" }, { - "name": "Signature/Hotel Norge/Emerald/100", + "name": "Signature/Hotel Norge/Emerald/90", "type": "color", "isAlias": false, - "value": "#004337" + "value": "#26544A" }, { "name": "Signature/Hotel Norge/Dark blue/0", @@ -1718,12 +1718,24 @@ "isAlias": false, "value": "#B7C5C8" }, + { + "name": "Signature/Hotel Norge/Emerald/100", + "type": "color", + "isAlias": false, + "value": "#004337" + }, { "name": "Signature/Hotel Norge/Dark blue/30", "type": "color", "isAlias": false, "value": "#858F97" }, + { + "name": "Signature/Hotel Norge/Dark blue/60", + "type": "color", + "isAlias": false, + "value": "#626B76" + }, { "name": "Signature/Hotel Norge/Dark blue/80", "type": "color", @@ -1734,13 +1746,13 @@ "name": "Signature/Hotel Norge/Dark blue/90", "type": "color", "isAlias": false, - "value": "#181E34" + "value": "#2F3445" }, { "name": "Signature/Hotel Norge/Dark blue/100", "type": "color", "isAlias": false, - "value": "#2F3445" + "value": "#181E34" }, { "name": "Signature/Hotel Norge/Salmon/50", @@ -1788,7 +1800,7 @@ "name": "Signature/Grand Hotel/Cloudy/20", "type": "color", "isAlias": false, - "value": "#D7D7D1" + "value": "#D7D5D1" }, { "name": "Signature/Grand Hotel/Blue Bayoux/50", @@ -1796,6 +1808,12 @@ "isAlias": false, "value": "#5B6E7F" }, + { + "name": "Signature/Grand Hotel/Blue Bayoux/60", + "type": "color", + "isAlias": false, + "value": "#4E5C6C" + }, { "name": "Signature/Grand Hotel/Blue Bayoux/80", "type": "color", @@ -1843,6 +1861,90 @@ "type": "color", "isAlias": false, "value": "#ECC8C9" + }, + { + "name": "Signature/The Dock/Rose Copper/80", + "type": "color", + "isAlias": false, + "value": "#654141" + }, + { + "name": "Signature/The Dock/Rose Copper/90", + "type": "color", + "isAlias": false, + "value": "#3E1212" + }, + { + "name": "Signature/The Dock/Linen White/00", + "type": "color", + "isAlias": false, + "value": "#FDFCF9" + }, + { + "name": "Signature/The Dock/Linen White/10", + "type": "color", + "isAlias": false, + "value": "#FAF7F1" + }, + { + "name": "Signature/The Dock/Linen White/20", + "type": "color", + "isAlias": false, + "value": "#F7F1E8" + }, + { + "name": "Signature/The Dock/Sandbank Beige/20", + "type": "color", + "isAlias": false, + "value": "#F2E1C2" + }, + { + "name": "Signature/The Dock/Tundra Mint/30", + "type": "color", + "isAlias": false, + "value": "#B5CC87" + }, + { + "name": "Signature/The Dock/Tundra Mint/90", + "type": "color", + "isAlias": false, + "value": "#364324" + }, + { + "name": "Signature/The Dock/Signal Red/50", + "type": "color", + "isAlias": false, + "value": "#FC2826" + }, + { + "name": "Signature/The Dock/Signal Red/60", + "type": "color", + "isAlias": false, + "value": "#D62220" + }, + { + "name": "Signature/The Dock/Signal Red/80", + "type": "color", + "isAlias": false, + "value": "#B31C1B" + }, + { + "name": "Signature/The Dock/Signal Blue/50", + "type": "color", + "isAlias": false, + "value": "#06237C" + }, + { + "name": "Signature/The Dock/Signal Blue/90", + "type": "color", + "isAlias": false, + "value": "#030F34" + }, + { + "name": "Signature/The Dock/Artic Oker/60", + "type": "color", + "isAlias": false, + "value": "#FFB839" } ] } @@ -5040,7 +5142,7 @@ "name": "Title/lg/Letter spacing", "type": "number", "isAlias": false, - "value": 1.440000057220459 + "value": 0.9599999785423279 }, { "name": "Title/lg/Font fallback", @@ -5920,7 +6022,7 @@ "isAlias": true, "value": { "collection": "_Typographic primitives", - "name": "Font weight/Medium" + "name": "Font weight/Bold" } }, { @@ -5965,7 +6067,7 @@ "isAlias": true, "value": { "collection": "_Typographic primitives", - "name": "Font weight/Medium" + "name": "Font weight/Bold" } }, { @@ -5998,7 +6100,7 @@ "isAlias": true, "value": { "collection": "_Typographic primitives", - "name": "Font weight/Medium" + "name": "Font weight/Bold" } }, { @@ -6307,7 +6409,7 @@ "isAlias": true, "value": { "collection": "_Typographic primitives", - "name": "Font weight/Medium" + "name": "Font weight/Bold" } }, { @@ -7042,7 +7144,7 @@ "name": "Title/Decorative/md/Letter spacing", "type": "number", "isAlias": false, - "value": 0.3199999928474426 + "value": 0.1599999964237213 }, { "name": "Title/Decorative/md/Font fallback", @@ -8589,6 +8691,902 @@ "value": true } ] + }, + { + "name": "The Dock", + "variables": [ + { + "name": "Title/lg/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/4xl" + } + }, + { + "name": "Title/lg/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Title/lg/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Title" + } + }, + { + "name": "Title/lg/Letter spacing", + "type": "number", + "isAlias": false, + "value": -0.23999999463558197 + }, + { + "name": "Title/lg/Font fallback", + "type": "string", + "isAlias": false, + "value": "Serif" + }, + { + "name": "Title/lg/Text transform", + "type": "boolean", + "isAlias": false, + "value": false + }, + { + "name": "Title/md/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/2xl" + } + }, + { + "name": "Title/md/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Title/md/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Title" + } + }, + { + "name": "Title/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0 + }, + { + "name": "Title/sm/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/lg" + } + }, + { + "name": "Title/sm/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Title/md/Font fallback", + "type": "string", + "isAlias": false, + "value": "Serif" + }, + { + "name": "Title/sm/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Title" + } + }, + { + "name": "Title/sm/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.5600000023841858 + }, + { + "name": "Title/sm/Font fallback", + "type": "string", + "isAlias": false, + "value": "Serif" + }, + { + "name": "Title/sm/Text transform", + "type": "boolean", + "isAlias": false, + "value": false + }, + { + "name": "Title/sm/LowCase/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/lg" + } + }, + { + "name": "Title/sm/LowCase/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Title/xs/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/sm" + } + }, + { + "name": "Title/sm/LowCase/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Title" + } + }, + { + "name": "Title/Decorative/lg/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/xs" + } + }, + { + "name": "Title/Decorative/lg/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Title/Decorative/lg/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Decorative" + } + }, + { + "name": "Title/Decorative/lg/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0 + }, + { + "name": "Title/Decorative/lg/Font fallback", + "type": "string", + "isAlias": false, + "value": "Serif" + }, + { + "name": "Title/Decorative/lg/Text transform", + "type": "boolean", + "isAlias": false, + "value": true + }, + { + "name": "Title/Decorative/md/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/3xs" + } + }, + { + "name": "Title/Decorative/md/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Title/Decorative/md/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Decorative" + } + }, + { + "name": "Title/Decorative/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.3199999928474426 + }, + { + "name": "Title/Decorative/md/Font fallback", + "type": "string", + "isAlias": false, + "value": "Serif" + }, + { + "name": "Title/Decorative/md/Text transform", + "type": "boolean", + "isAlias": false, + "value": true + }, + { + "name": "Title/Subtitle/lg/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/sm" + } + }, + { + "name": "Title/Subtitle/lg/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Medium" + } + }, + { + "name": "Title/Subtitle/lg/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Title/Subtitle/lg/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Title/Subtitle/lg/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.23999999463558197 + }, + { + "name": "Title/Subtitle/md/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/xs" + } + }, + { + "name": "Title/Subtitle/md/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Medium" + } + }, + { + "name": "Title/Subtitle/md/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Title/Subtitle/md/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Title/Subtitle/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.20000000298023224 + }, + { + "name": "Title/Overline/sm/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/4xs" + } + }, + { + "name": "Title/Overline/sm/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Medium" + } + }, + { + "name": "Title/Overline/sm/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Title" + } + }, + { + "name": "Title/Overline/sm/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.2800000011920929 + }, + { + "name": "Title/Overline/sm/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Title/Overline/sm/Text transform", + "type": "boolean", + "isAlias": false, + "value": true + }, + { + "name": "Title/sm/LowCase/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.5600000023841858 + }, + { + "name": "Title/sm/LowCase/Font fallback", + "type": "string", + "isAlias": false, + "value": "Serif" + }, + { + "name": "Title/sm/LowCase/Text transform", + "type": "boolean", + "isAlias": false, + "value": false + }, + { + "name": "Title/xs/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Title/xs/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Title" + } + }, + { + "name": "Title/xs/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.36000001430511475 + }, + { + "name": "Title/xs/Font fallback", + "type": "string", + "isAlias": false, + "value": "Serif" + }, + { + "name": "Title/xs/Text transform", + "type": "boolean", + "isAlias": false, + "value": false + }, + { + "name": "Title/md/Text transform", + "type": "boolean", + "isAlias": false, + "value": false + }, + { + "name": "Title/md/LowCase/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/2xl" + } + }, + { + "name": "Title/md/LowCase/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Title/md/LowCase/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Title" + } + }, + { + "name": "Title/md/LowCase/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0 + }, + { + "name": "Title/md/LowCase/Font fallback", + "type": "string", + "isAlias": false, + "value": "Serif" + }, + { + "name": "Title/md/LowCase/Text transform", + "type": "boolean", + "isAlias": false, + "value": false + }, + { + "name": "Body/Lead text/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/xs" + } + }, + { + "name": "Tag/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/5xs" + } + }, + { + "name": "Tag/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Medium" + } + }, + { + "name": "Tag/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Title" + } + }, + { + "name": "Tag/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.23999999463558197 + }, + { + "name": "Tag/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Tag/Text transform", + "type": "boolean", + "isAlias": false, + "value": true + }, + { + "name": "Link/md/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/3xs" + } + }, + { + "name": "Link/md/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Medium" + } + }, + { + "name": "Link/md/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Link/md/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Link/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, + { + "name": "Link/md/Text decoration", + "type": "boolean", + "isAlias": false, + "value": true + }, + { + "name": "Link/sm/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/4xs" + } + }, + { + "name": "Link/sm/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Medium" + } + }, + { + "name": "Link/sm/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Link/sm/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Link/sm/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.20000000298023224 + }, + { + "name": "Link/sm/Text decoration", + "type": "boolean", + "isAlias": false, + "value": true + }, + { + "name": "Body/Lead text/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Body/Lead text/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Body/Lead text/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Body/Paragraph/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/3xs" + } + }, + { + "name": "Body/Paragraph/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Body/Paragraph/Font weight 2", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Medium" + } + }, + { + "name": "Body/Paragraph/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Body/Paragraph/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Body/Paragraph/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, + { + "name": "Body/Supporting text/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/4xs" + } + }, + { + "name": "Body/Supporting text/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Body/Supporting text/Font weight 2", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Medium" + } + }, + { + "name": "Body/Supporting text/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Body/Supporting text/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Body/Supporting text/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.20000000298023224 + }, + { + "name": "Body/Lead text/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.20000000298023224 + }, + { + "name": "Label/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/5xs" + } + }, + { + "name": "Label/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Label/Font weight 2", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Medium" + } + }, + { + "name": "Label/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Label/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Label/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.17000000178813934 + }, + { + "name": "Body/Underline/md/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/3xs" + } + }, + { + "name": "Body/Underline/md/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Body/Underline/md/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Body/Underline/md/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Body/Underline/md/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.1899999976158142 + }, + { + "name": "Body/Underline/sm/Size", + "type": "number", + "isAlias": true, + "value": { + "collection": "Responsive", + "name": "Text size/4xs" + } + }, + { + "name": "Body/Underline/md/Text decoration", + "type": "boolean", + "isAlias": false, + "value": true + }, + { + "name": "Body/Underline/sm/Font weight", + "type": "number", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font weight/Regular" + } + }, + { + "name": "Body/Underline/sm/Font family", + "type": "string", + "isAlias": true, + "value": { + "collection": "_Typographic primitives", + "name": "Font family/The Dock/Body" + } + }, + { + "name": "Body/Underline/sm/Font fallback", + "type": "string", + "isAlias": false, + "value": "sans-serif" + }, + { + "name": "Body/Underline/sm/Letter spacing", + "type": "number", + "isAlias": false, + "value": 0.20000000298023224 + }, + { + "name": "Body/Underline/sm/Text decoration", + "type": "boolean", + "isAlias": false, + "value": true + } + ] } ] }, @@ -8643,15 +9641,6 @@ "name": "Scandic/Red/Default" } }, - { - "name": "Text/Accent Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Scandic/Peach/80" - } - }, { "name": "Text/Inverted", "type": "color", @@ -8743,7 +9732,7 @@ } }, { - "name": "Text/Feedback/Information Accent", + "name": "Text/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -8752,7 +9741,7 @@ } }, { - "name": "Text/Feedback/Succes Accent", + "name": "Text/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -8761,7 +9750,7 @@ } }, { - "name": "Text/Feedback/Warning Accent", + "name": "Text/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -8770,7 +9759,7 @@ } }, { - "name": "Text/Feedback/Error Accent", + "name": "Text/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -8779,7 +9768,7 @@ } }, { - "name": "Text/Feedback/Neutral Accent", + "name": "Text/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -8805,6 +9794,15 @@ "name": "Scandic/Peach/80" } }, + { + "name": "Text/Brand/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Peach/80" + } + }, { "name": "Text/Brand/OnPrimary 1/Heading", "type": "color", @@ -8955,7 +9953,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic/Grey/10" + "name": "Neutral/Opacity/Black/10" } }, { @@ -8968,7 +9966,7 @@ } }, { - "name": "Surface/Secondary/Default dark", + "name": "Surface/Secondary/Subtle", "type": "color", "isAlias": true, "value": { @@ -8994,6 +9992,33 @@ "name": "Scandic/Peach/30" } }, + { + "name": "Surface/Brand/Accent/OnAccent/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/100" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/Default" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Peach/80" + } + }, { "name": "Surface/Brand/Primary 1/Default", "type": "color", @@ -9084,15 +10109,6 @@ "name": "Scandic/Red/Default" } }, - { - "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Scandic/Peach/80" - } - }, { "name": "Surface/UI Fill/Default", "type": "color", @@ -9135,7 +10151,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic/Grey/10" + "name": "Neutral/Opacity/Black/10" } }, { @@ -9184,7 +10200,7 @@ } }, { - "name": "Surface/Feedback/Information Accent", + "name": "Surface/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -9193,7 +10209,7 @@ } }, { - "name": "Surface/Feedback/Information", + "name": "Surface/Feedback/Information light", "type": "color", "isAlias": true, "value": { @@ -9202,7 +10218,7 @@ } }, { - "name": "Surface/Feedback/Succes Accent", + "name": "Surface/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -9211,7 +10227,7 @@ } }, { - "name": "Surface/Feedback/Succes", + "name": "Surface/Feedback/Succes light", "type": "color", "isAlias": true, "value": { @@ -9220,7 +10236,7 @@ } }, { - "name": "Surface/Feedback/Warning Accent", + "name": "Surface/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -9229,7 +10245,7 @@ } }, { - "name": "Surface/Feedback/Warning Light", + "name": "Surface/Feedback/Warning light", "type": "color", "isAlias": true, "value": { @@ -9238,7 +10254,7 @@ } }, { - "name": "Surface/Feedback/Error Accent", + "name": "Surface/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -9247,7 +10263,7 @@ } }, { - "name": "Surface/Feedback/Error", + "name": "Surface/Feedback/Error light", "type": "color", "isAlias": true, "value": { @@ -9256,7 +10272,7 @@ } }, { - "name": "Surface/Feedback/Neutral Accent", + "name": "Surface/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -9265,7 +10281,7 @@ } }, { - "name": "Surface/Feedback/Neutral", + "name": "Surface/Feedback/Neutral light", "type": "color", "isAlias": true, "value": { @@ -9283,7 +10299,7 @@ } }, { - "name": "Border/Intense", + "name": "Border/Strong", "type": "color", "isAlias": true, "value": { @@ -9816,7 +10832,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/Black/10" + "name": "Neutral/Opacity/Black/5" } }, { @@ -9936,6 +10952,15 @@ "name": "Scandic/Peach/30" } }, + { + "name": "Border/Divider/Brand/OnAccent/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Peach/80" + } + }, { "name": "Border/Divider/Brand/OnPrimary 1/Default", "type": "color", @@ -9945,15 +10970,6 @@ "name": "Scandic/Peach/40" } }, - { - "name": "Border/Divider/Brand/OnPrimary 1/Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Scandic/Peach/90" - } - }, { "name": "Border/Divider/Brand/OnPrimary 2/Default", "type": "color", @@ -9973,7 +10989,7 @@ } }, { - "name": "Border/Interactive/Selected", + "name": "Border/Interactive/Active", "type": "color", "isAlias": true, "value": { @@ -10166,15 +11182,6 @@ "name": "Scandic Go/Purple/100" } }, - { - "name": "Text/Accent Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Scandic Go/Purple/80" - } - }, { "name": "Text/Inverted", "type": "color", @@ -10266,7 +11273,7 @@ } }, { - "name": "Text/Feedback/Information Accent", + "name": "Text/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -10275,7 +11282,7 @@ } }, { - "name": "Text/Feedback/Succes Accent", + "name": "Text/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -10284,7 +11291,7 @@ } }, { - "name": "Text/Feedback/Warning Accent", + "name": "Text/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -10293,7 +11300,7 @@ } }, { - "name": "Text/Feedback/Error Accent", + "name": "Text/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -10302,7 +11309,7 @@ } }, { - "name": "Text/Feedback/Neutral Accent", + "name": "Text/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -10328,13 +11335,22 @@ "name": "Scandic Go/Purple/100" } }, + { + "name": "Text/Brand/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic Go/Purple/80" + } + }, { "name": "Text/Brand/OnPrimary 1/Heading", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/100" + "name": "Neutral/Opacity/White/100" } }, { @@ -10343,7 +11359,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/100" + "name": "Neutral/Opacity/White/100" } }, { @@ -10352,7 +11368,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/100" + "name": "Scandic Go/Purple/10" } }, { @@ -10388,7 +11404,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Scandic Go/Purple/100" } }, { @@ -10397,7 +11413,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Scandic Go/Purple/100" } }, { @@ -10406,7 +11422,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/10" + "name": "Scandic Go/Purple/100" } }, { @@ -10478,7 +11494,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/15" + "name": "Neutral/Opacity/Black/10" } }, { @@ -10491,7 +11507,7 @@ } }, { - "name": "Surface/Secondary/Default dark", + "name": "Surface/Secondary/Subtle", "type": "color", "isAlias": true, "value": { @@ -10517,13 +11533,40 @@ "name": "Scandic Go/Yellow/30" } }, + { + "name": "Surface/Brand/Accent/OnAccent/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic Go/Purple/100" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic Go/Purple/90" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic Go/Purple/90" + } + }, { "name": "Surface/Brand/Primary 1/Default", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/10" + "name": "Scandic Go/Purple/100" } }, { @@ -10532,7 +11575,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/100" + "name": "Scandic Go/Yellow/30" } }, { @@ -10550,7 +11593,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Yellow/30" + "name": "Scandic Go/Purple/100" } }, { @@ -10586,7 +11629,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/100" + "name": "Scandic Go/Purple/10" } }, { @@ -10595,7 +11638,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/10" + "name": "Scandic Go/Coral/50" } }, { @@ -10604,16 +11647,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Cyan/20" - } - }, - { - "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Scandic Go/Yellow/30" + "name": "Scandic Go/Coral/50" } }, { @@ -10707,7 +11741,7 @@ } }, { - "name": "Surface/Feedback/Information Accent", + "name": "Surface/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -10716,7 +11750,7 @@ } }, { - "name": "Surface/Feedback/Information", + "name": "Surface/Feedback/Information light", "type": "color", "isAlias": true, "value": { @@ -10725,7 +11759,7 @@ } }, { - "name": "Surface/Feedback/Succes Accent", + "name": "Surface/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -10734,7 +11768,7 @@ } }, { - "name": "Surface/Feedback/Succes", + "name": "Surface/Feedback/Succes light", "type": "color", "isAlias": true, "value": { @@ -10743,7 +11777,7 @@ } }, { - "name": "Surface/Feedback/Warning Accent", + "name": "Surface/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -10752,7 +11786,7 @@ } }, { - "name": "Surface/Feedback/Warning Light", + "name": "Surface/Feedback/Warning light", "type": "color", "isAlias": true, "value": { @@ -10761,7 +11795,7 @@ } }, { - "name": "Surface/Feedback/Error Accent", + "name": "Surface/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -10770,7 +11804,7 @@ } }, { - "name": "Surface/Feedback/Error", + "name": "Surface/Feedback/Error light", "type": "color", "isAlias": true, "value": { @@ -10779,7 +11813,7 @@ } }, { - "name": "Surface/Feedback/Neutral Accent", + "name": "Surface/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -10788,7 +11822,7 @@ } }, { - "name": "Surface/Feedback/Neutral", + "name": "Surface/Feedback/Neutral light", "type": "color", "isAlias": true, "value": { @@ -10806,7 +11840,7 @@ } }, { - "name": "Border/Intense", + "name": "Border/Strong", "type": "color", "isAlias": true, "value": { @@ -11460,16 +12494,16 @@ } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Default", + "name": "Border/Divider/Brand/OnAccent/Default", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/100" + "name": "Scandic Go/Purple/90" } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Secondary", + "name": "Border/Divider/Brand/OnPrimary 1/Default", "type": "color", "isAlias": true, "value": { @@ -11492,11 +12526,11 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Scandic Go/Purple/10" + "name": "Scandic Go/Purple/90" } }, { - "name": "Border/Interactive/Selected", + "name": "Border/Interactive/Active", "type": "color", "isAlias": true, "value": { @@ -11689,15 +12723,6 @@ "name": "Signature/Downtown Camper/Russet/80" } }, - { - "name": "Text/Accent Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Neutral/50" - } - }, { "name": "Text/Inverted", "type": "color", @@ -11722,7 +12747,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/80" + "name": "Neutral/70" } }, { @@ -11789,7 +12814,7 @@ } }, { - "name": "Text/Feedback/Information Accent", + "name": "Text/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -11798,7 +12823,7 @@ } }, { - "name": "Text/Feedback/Succes Accent", + "name": "Text/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -11807,7 +12832,7 @@ } }, { - "name": "Text/Feedback/Warning Accent", + "name": "Text/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -11816,7 +12841,7 @@ } }, { - "name": "Text/Feedback/Error Accent", + "name": "Text/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -11825,7 +12850,7 @@ } }, { - "name": "Text/Feedback/Neutral Accent", + "name": "Text/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -11851,6 +12876,15 @@ "name": "Neutral/Opacity/White/100" } }, + { + "name": "Text/Brand/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, { "name": "Text/Brand/OnPrimary 1/Heading", "type": "color", @@ -12001,7 +13035,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/15" + "name": "Neutral/Opacity/Black/10" } }, { @@ -12014,7 +13048,7 @@ } }, { - "name": "Surface/Secondary/Default dark", + "name": "Surface/Secondary/Subtle", "type": "color", "isAlias": true, "value": { @@ -12040,13 +13074,37 @@ "name": "Signature/Downtown Camper/Russet/50" } }, + { + "name": "Surface/Brand/Accent/OnAccent/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, { "name": "Surface/Brand/Primary 1/Default", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Russet/80" + "name": "Signature/Downtown Camper/Lunar green/80" } }, { @@ -12079,14 +13137,20 @@ { "name": "Surface/Brand/Primary 2/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } }, { "name": "Surface/Brand/Primary 2/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } }, { "name": "Surface/Brand/Primary 3/Default", @@ -12094,26 +13158,26 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Downtown Camper/Lunar green/80" + "name": "Signature/Downtown Camper/Russet/80" } }, { "name": "Surface/Brand/Primary 3/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Downtown Camper/Quicksand/30" + } }, { "name": "Surface/Brand/Primary 3/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" - }, - { - "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary", - "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Downtown Camper/Quicksand/30" + } }, { "name": "Surface/UI Fill/Default", @@ -12206,7 +13270,7 @@ } }, { - "name": "Surface/Feedback/Information Accent", + "name": "Surface/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -12215,7 +13279,7 @@ } }, { - "name": "Surface/Feedback/Information", + "name": "Surface/Feedback/Information light", "type": "color", "isAlias": true, "value": { @@ -12224,7 +13288,7 @@ } }, { - "name": "Surface/Feedback/Succes Accent", + "name": "Surface/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -12233,7 +13297,7 @@ } }, { - "name": "Surface/Feedback/Succes", + "name": "Surface/Feedback/Succes light", "type": "color", "isAlias": true, "value": { @@ -12242,7 +13306,7 @@ } }, { - "name": "Surface/Feedback/Warning Accent", + "name": "Surface/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -12251,7 +13315,7 @@ } }, { - "name": "Surface/Feedback/Warning Light", + "name": "Surface/Feedback/Warning light", "type": "color", "isAlias": true, "value": { @@ -12260,7 +13324,7 @@ } }, { - "name": "Surface/Feedback/Error Accent", + "name": "Surface/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -12269,7 +13333,7 @@ } }, { - "name": "Surface/Feedback/Error", + "name": "Surface/Feedback/Error light", "type": "color", "isAlias": true, "value": { @@ -12278,7 +13342,7 @@ } }, { - "name": "Surface/Feedback/Neutral Accent", + "name": "Surface/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -12287,7 +13351,7 @@ } }, { - "name": "Surface/Feedback/Neutral", + "name": "Surface/Feedback/Neutral light", "type": "color", "isAlias": true, "value": { @@ -12305,7 +13369,7 @@ } }, { - "name": "Border/Intense", + "name": "Border/Strong", "type": "color", "isAlias": true, "value": { @@ -12959,16 +14023,16 @@ } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Default", + "name": "Border/Divider/Brand/OnAccent/Default", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Signature/Downtown Camper/Russet/60" } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Secondary", + "name": "Border/Divider/Brand/OnPrimary 1/Default", "type": "color", "isAlias": true, "value": { @@ -12991,11 +14055,11 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Signature/Downtown Camper/Quicksand/50" } }, { - "name": "Border/Interactive/Selected", + "name": "Border/Interactive/Active", "type": "color", "isAlias": true, "value": { @@ -13188,15 +14252,6 @@ "name": "Signature/Haymarket/Antique Brass/60" } }, - { - "name": "Text/Accent Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Signature/Haymarket/Antique Brass/60" - } - }, { "name": "Text/Inverted", "type": "color", @@ -13221,7 +14276,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Haymarket/Antique Brass/60" + "name": "Neutral/70" } }, { @@ -13288,7 +14343,7 @@ } }, { - "name": "Text/Feedback/Information Accent", + "name": "Text/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -13297,7 +14352,7 @@ } }, { - "name": "Text/Feedback/Succes Accent", + "name": "Text/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -13306,7 +14361,7 @@ } }, { - "name": "Text/Feedback/Warning Accent", + "name": "Text/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -13315,7 +14370,7 @@ } }, { - "name": "Text/Feedback/Error Accent", + "name": "Text/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -13324,7 +14379,7 @@ } }, { - "name": "Text/Feedback/Neutral Accent", + "name": "Text/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -13350,13 +14405,22 @@ "name": "Neutral/Opacity/White/100" } }, + { + "name": "Text/Brand/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Haymarket/Antique Brass/60" + } + }, { "name": "Text/Brand/OnPrimary 1/Heading", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Neutral/90" } }, { @@ -13365,7 +14429,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Neutral/90" } }, { @@ -13374,7 +14438,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Neutral/90" } }, { @@ -13410,7 +14474,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/90" + "name": "Neutral/Opacity/White/100" } }, { @@ -13419,7 +14483,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/90" + "name": "Neutral/Opacity/White/100" } }, { @@ -13428,7 +14492,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/90" + "name": "Neutral/Opacity/White/100" } }, { @@ -13500,7 +14564,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/15" + "name": "Neutral/Opacity/Black/10" } }, { @@ -13513,7 +14577,7 @@ } }, { - "name": "Surface/Secondary/Default dark", + "name": "Surface/Secondary/Subtle", "type": "color", "isAlias": true, "value": { @@ -13539,13 +14603,37 @@ "name": "Signature/Haymarket/Antique Brass/50" } }, + { + "name": "Surface/Brand/Accent/OnAccent/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Haymarket/Antique Brass/10" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Haymarket/Antique Brass/10" + } + }, { "name": "Surface/Brand/Primary 1/Default", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Haymarket/Bismark/60" + "name": "Signature/Haymarket/Vista White/20" } }, { @@ -13578,14 +14666,20 @@ { "name": "Surface/Brand/Primary 2/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Haymarket/Antique Brass/10" + } }, { "name": "Surface/Brand/Primary 2/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Haymarket/Antique Brass/10" + } }, { "name": "Surface/Brand/Primary 3/Default", @@ -13593,26 +14687,26 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Haymarket/Vista White/20" + "name": "Signature/Haymarket/Bismark/60" } }, { "name": "Surface/Brand/Primary 3/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Haymarket/Bismark/20" + } }, { "name": "Surface/Brand/Primary 3/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" - }, - { - "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary", - "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Haymarket/Bismark/20" + } }, { "name": "Surface/UI Fill/Default", @@ -13705,7 +14799,7 @@ } }, { - "name": "Surface/Feedback/Information Accent", + "name": "Surface/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -13714,7 +14808,7 @@ } }, { - "name": "Surface/Feedback/Information", + "name": "Surface/Feedback/Information light", "type": "color", "isAlias": true, "value": { @@ -13723,7 +14817,7 @@ } }, { - "name": "Surface/Feedback/Succes Accent", + "name": "Surface/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -13732,7 +14826,7 @@ } }, { - "name": "Surface/Feedback/Succes", + "name": "Surface/Feedback/Succes light", "type": "color", "isAlias": true, "value": { @@ -13741,7 +14835,7 @@ } }, { - "name": "Surface/Feedback/Warning Accent", + "name": "Surface/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -13750,7 +14844,7 @@ } }, { - "name": "Surface/Feedback/Warning Light", + "name": "Surface/Feedback/Warning light", "type": "color", "isAlias": true, "value": { @@ -13759,7 +14853,7 @@ } }, { - "name": "Surface/Feedback/Error Accent", + "name": "Surface/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -13768,7 +14862,7 @@ } }, { - "name": "Surface/Feedback/Error", + "name": "Surface/Feedback/Error light", "type": "color", "isAlias": true, "value": { @@ -13777,7 +14871,7 @@ } }, { - "name": "Surface/Feedback/Neutral Accent", + "name": "Surface/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -13786,7 +14880,7 @@ } }, { - "name": "Surface/Feedback/Neutral", + "name": "Surface/Feedback/Neutral light", "type": "color", "isAlias": true, "value": { @@ -13804,7 +14898,7 @@ } }, { - "name": "Border/Intense", + "name": "Border/Strong", "type": "color", "isAlias": true, "value": { @@ -14458,16 +15552,16 @@ } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Default", + "name": "Border/Divider/Brand/OnAccent/Default", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Signature/Haymarket/Antique Brass/30" } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Secondary", + "name": "Border/Divider/Brand/OnPrimary 1/Default", "type": "color", "isAlias": true, "value": { @@ -14490,11 +15584,11 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Signature/Haymarket/Bismark/20" } }, { - "name": "Border/Interactive/Selected", + "name": "Border/Interactive/Active", "type": "color", "isAlias": true, "value": { @@ -14687,15 +15781,6 @@ "name": "Neutral/50" } }, - { - "name": "Text/Accent Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Neutral/50" - } - }, { "name": "Text/Inverted", "type": "color", @@ -14720,7 +15805,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Blue ribbon/70" + "name": "Signature/Marski/Elephant/80" } }, { @@ -14787,7 +15872,7 @@ } }, { - "name": "Text/Feedback/Information Accent", + "name": "Text/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -14796,7 +15881,7 @@ } }, { - "name": "Text/Feedback/Succes Accent", + "name": "Text/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -14805,7 +15890,7 @@ } }, { - "name": "Text/Feedback/Warning Accent", + "name": "Text/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -14814,7 +15899,7 @@ } }, { - "name": "Text/Feedback/Error Accent", + "name": "Text/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -14823,7 +15908,7 @@ } }, { - "name": "Text/Feedback/Neutral Accent", + "name": "Text/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -14849,6 +15934,15 @@ "name": "Neutral/Opacity/White/100" } }, + { + "name": "Text/Brand/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, { "name": "Text/Brand/OnPrimary 1/Heading", "type": "color", @@ -14873,7 +15967,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Blue ribbon/40" + "name": "Signature/Marski/Blue ribbon/50" } }, { @@ -14900,7 +15994,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Torch red/40" + "name": "Signature/Marski/Torch red/50" } }, { @@ -14927,7 +16021,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Torch red/40" + "name": "Signature/Marski/Torch red/50" } }, { @@ -14999,7 +16093,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/15" + "name": "Neutral/Opacity/Black/10" } }, { @@ -15012,7 +16106,7 @@ } }, { - "name": "Surface/Secondary/Default dark", + "name": "Surface/Secondary/Subtle", "type": "color", "isAlias": true, "value": { @@ -15038,6 +16132,30 @@ "name": "Neutral/60" } }, + { + "name": "Surface/Brand/Accent/OnAccent/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Marski/Elephant/20" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Marski/Elephant/20" + } + }, { "name": "Surface/Brand/Primary 1/Default", "type": "color", @@ -15071,20 +16189,26 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/100" + "name": "Signature/Marski/Aubergine/100" } }, { "name": "Surface/Brand/Primary 2/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Marski/Elephant/20" + } }, { "name": "Surface/Brand/Primary 2/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Marski/Elephant/20" + } }, { "name": "Surface/Brand/Primary 3/Default", @@ -15098,20 +16222,20 @@ { "name": "Surface/Brand/Primary 3/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } }, { "name": "Surface/Brand/Primary 3/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" - }, - { - "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary", - "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } }, { "name": "Surface/UI Fill/Default", @@ -15204,7 +16328,7 @@ } }, { - "name": "Surface/Feedback/Information Accent", + "name": "Surface/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -15213,7 +16337,7 @@ } }, { - "name": "Surface/Feedback/Information", + "name": "Surface/Feedback/Information light", "type": "color", "isAlias": true, "value": { @@ -15222,7 +16346,7 @@ } }, { - "name": "Surface/Feedback/Succes Accent", + "name": "Surface/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -15231,7 +16355,7 @@ } }, { - "name": "Surface/Feedback/Succes", + "name": "Surface/Feedback/Succes light", "type": "color", "isAlias": true, "value": { @@ -15240,7 +16364,7 @@ } }, { - "name": "Surface/Feedback/Warning Accent", + "name": "Surface/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -15249,7 +16373,7 @@ } }, { - "name": "Surface/Feedback/Warning Light", + "name": "Surface/Feedback/Warning light", "type": "color", "isAlias": true, "value": { @@ -15258,7 +16382,7 @@ } }, { - "name": "Surface/Feedback/Error Accent", + "name": "Surface/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -15267,7 +16391,7 @@ } }, { - "name": "Surface/Feedback/Error", + "name": "Surface/Feedback/Error light", "type": "color", "isAlias": true, "value": { @@ -15276,7 +16400,7 @@ } }, { - "name": "Surface/Feedback/Neutral Accent", + "name": "Surface/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -15285,7 +16409,7 @@ } }, { - "name": "Surface/Feedback/Neutral", + "name": "Surface/Feedback/Neutral light", "type": "color", "isAlias": true, "value": { @@ -15303,7 +16427,7 @@ } }, { - "name": "Border/Intense", + "name": "Border/Strong", "type": "color", "isAlias": true, "value": { @@ -15513,7 +16637,7 @@ "name": "Utilities/Gradients/10", "type": "color", "isAlias": false, - "value": "#3E11181A" + "value": "#1229371A" }, { "name": "Component/Button/Brand/Primary/Fill/Default", @@ -15521,7 +16645,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/100" + "name": "Signature/Marski/Aubergine/100" } }, { @@ -15629,7 +16753,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/100" + "name": "Signature/Marski/Aubergine/100" } }, { @@ -15647,7 +16771,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/100" + "name": "Signature/Marski/Aubergine/100" } }, { @@ -15656,7 +16780,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/80" + "name": "Signature/Marski/Aubergine/80" } }, { @@ -15692,7 +16816,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/100" + "name": "Signature/Marski/Aubergine/100" } }, { @@ -15701,7 +16825,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/80" + "name": "Signature/Marski/Aubergine/80" } }, { @@ -15845,7 +16969,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/100" + "name": "Signature/Marski/Aubergine/100" } }, { @@ -15890,7 +17014,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/100" + "name": "Signature/Marski/Aubergine/100" } }, { @@ -15957,16 +17081,16 @@ } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Default", + "name": "Border/Divider/Brand/OnAccent/Default", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Signature/Marski/Elephant/30" } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Secondary", + "name": "Border/Divider/Brand/OnPrimary 1/Default", "type": "color", "isAlias": true, "value": { @@ -15989,11 +17113,11 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Signature/Marski/Torch red/20" } }, { - "name": "Border/Interactive/Selected", + "name": "Border/Interactive/Active", "type": "color", "isAlias": true, "value": { @@ -16097,7 +17221,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Marski/Elephant/80" + "name": "Signature/Marski/Aubergine/80" } }, { @@ -16186,15 +17310,6 @@ "name": "Neutral/50" } }, - { - "name": "Text/Accent Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Neutral/50" - } - }, { "name": "Text/Inverted", "type": "color", @@ -16210,7 +17325,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Hotel Norge/Dark blue/90" + "name": "Signature/Hotel Norge/Dark blue/100" } }, { @@ -16219,7 +17334,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Hotel Norge/Emerald/90" + "name": "Signature/Hotel Norge/Dark blue/80" } }, { @@ -16286,7 +17401,7 @@ } }, { - "name": "Text/Feedback/Information Accent", + "name": "Text/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -16295,7 +17410,7 @@ } }, { - "name": "Text/Feedback/Succes Accent", + "name": "Text/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -16304,7 +17419,7 @@ } }, { - "name": "Text/Feedback/Warning Accent", + "name": "Text/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -16313,7 +17428,7 @@ } }, { - "name": "Text/Feedback/Error Accent", + "name": "Text/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -16322,7 +17437,7 @@ } }, { - "name": "Text/Feedback/Neutral Accent", + "name": "Text/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -16348,6 +17463,15 @@ "name": "Signature/Hotel Norge/Emerald/100" } }, + { + "name": "Text/Brand/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, { "name": "Text/Brand/OnPrimary 1/Heading", "type": "color", @@ -16498,7 +17622,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/15" + "name": "Neutral/Opacity/Black/10" } }, { @@ -16511,7 +17635,7 @@ } }, { - "name": "Surface/Secondary/Default dark", + "name": "Surface/Secondary/Subtle", "type": "color", "isAlias": true, "value": { @@ -16538,7 +17662,13 @@ } }, { - "name": "Surface/Brand/Primary 1/Default", + "name": "Surface/Brand/Accent/OnAccent/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent", "type": "color", "isAlias": true, "value": { @@ -16546,6 +17676,24 @@ "name": "Signature/Hotel Norge/Dark blue/90" } }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Hotel Norge/Dark blue/90" + } + }, + { + "name": "Surface/Brand/Primary 1/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Hotel Norge/Emerald/100" + } + }, { "name": "Surface/Brand/Primary 1/OnSurface/Default", "type": "color", @@ -16570,20 +17718,26 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Hotel Norge/Dark blue/90" + "name": "Signature/Hotel Norge/Dark blue/100" } }, { "name": "Surface/Brand/Primary 2/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Hotel Norge/Dark blue/90" + } }, { "name": "Surface/Brand/Primary 2/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Hotel Norge/Dark blue/90" + } }, { "name": "Surface/Brand/Primary 3/Default", @@ -16591,26 +17745,26 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Hotel Norge/Emerald/100" + "name": "Signature/Hotel Norge/Dark blue/100" } }, { "name": "Surface/Brand/Primary 3/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Hotel Norge/Dark blue/0" + } }, { "name": "Surface/Brand/Primary 3/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" - }, - { - "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary", - "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Hotel Norge/Dark blue/0" + } }, { "name": "Surface/UI Fill/Default", @@ -16703,7 +17857,7 @@ } }, { - "name": "Surface/Feedback/Information Accent", + "name": "Surface/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -16712,7 +17866,7 @@ } }, { - "name": "Surface/Feedback/Information", + "name": "Surface/Feedback/Information light", "type": "color", "isAlias": true, "value": { @@ -16721,7 +17875,7 @@ } }, { - "name": "Surface/Feedback/Succes Accent", + "name": "Surface/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -16730,7 +17884,7 @@ } }, { - "name": "Surface/Feedback/Succes", + "name": "Surface/Feedback/Succes light", "type": "color", "isAlias": true, "value": { @@ -16739,7 +17893,7 @@ } }, { - "name": "Surface/Feedback/Warning Accent", + "name": "Surface/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -16748,7 +17902,7 @@ } }, { - "name": "Surface/Feedback/Warning Light", + "name": "Surface/Feedback/Warning light", "type": "color", "isAlias": true, "value": { @@ -16757,7 +17911,7 @@ } }, { - "name": "Surface/Feedback/Error Accent", + "name": "Surface/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -16766,7 +17920,7 @@ } }, { - "name": "Surface/Feedback/Error", + "name": "Surface/Feedback/Error light", "type": "color", "isAlias": true, "value": { @@ -16775,7 +17929,7 @@ } }, { - "name": "Surface/Feedback/Neutral Accent", + "name": "Surface/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -16784,7 +17938,7 @@ } }, { - "name": "Surface/Feedback/Neutral", + "name": "Surface/Feedback/Neutral light", "type": "color", "isAlias": true, "value": { @@ -16802,7 +17956,7 @@ } }, { - "name": "Border/Intense", + "name": "Border/Strong", "type": "color", "isAlias": true, "value": { @@ -16852,7 +18006,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Hotel Norge/Dark blue/90" + "name": "Signature/Hotel Norge/Dark blue/100" } }, { @@ -17012,7 +18166,7 @@ "name": "Utilities/Gradients/10", "type": "color", "isAlias": false, - "value": "#3C43361A" + "value": "#0043371A" }, { "name": "Component/Button/Brand/Primary/Fill/Default", @@ -17020,7 +18174,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Hotel Norge/Dark blue/90" + "name": "Signature/Hotel Norge/Dark blue/100" } }, { @@ -17146,7 +18300,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Hotel Norge/Dark blue/90" + "name": "Signature/Hotel Norge/Dark blue/100" } }, { @@ -17191,7 +18345,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Hotel Norge/Dark blue/90" + "name": "Signature/Hotel Norge/Dark blue/100" } }, { @@ -17389,7 +18543,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Hotel Norge/Dark blue/90" + "name": "Signature/Hotel Norge/Dark blue/100" } }, { @@ -17456,16 +18610,16 @@ } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Default", + "name": "Border/Divider/Brand/OnAccent/Default", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Signature/Hotel Norge/Dark blue/60" } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Secondary", + "name": "Border/Divider/Brand/OnPrimary 1/Default", "type": "color", "isAlias": true, "value": { @@ -17488,11 +18642,11 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Signature/Hotel Norge/Emerald/50" } }, { - "name": "Border/Interactive/Selected", + "name": "Border/Interactive/Active", "type": "color", "isAlias": true, "value": { @@ -17685,15 +18839,6 @@ "name": "Signature/Grand Hotel/Careys Pink/60" } }, - { - "name": "Text/Accent Secondary", - "type": "color", - "isAlias": true, - "value": { - "collection": "_Primitives", - "name": "Neutral/50" - } - }, { "name": "Text/Inverted", "type": "color", @@ -17718,7 +18863,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Grand Hotel/Careys Pink/60" + "name": "Signature/Grand Hotel/Blue Bayoux/80" } }, { @@ -17785,7 +18930,7 @@ } }, { - "name": "Text/Feedback/Information Accent", + "name": "Text/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -17794,7 +18939,7 @@ } }, { - "name": "Text/Feedback/Succes Accent", + "name": "Text/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -17803,7 +18948,7 @@ } }, { - "name": "Text/Feedback/Warning Accent", + "name": "Text/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -17812,7 +18957,7 @@ } }, { - "name": "Text/Feedback/Error Accent", + "name": "Text/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -17821,7 +18966,7 @@ } }, { - "name": "Text/Feedback/Neutral Accent", + "name": "Text/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -17847,13 +18992,22 @@ "name": "Neutral/90" } }, + { + "name": "Text/Brand/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, { "name": "Text/Brand/OnPrimary 1/Heading", "type": "color", "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/90" + "name": "Neutral/Opacity/White/100" } }, { @@ -17862,7 +19016,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/90" + "name": "Neutral/Opacity/White/100" } }, { @@ -17871,7 +19025,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/90" + "name": "Neutral/Opacity/White/100" } }, { @@ -17907,7 +19061,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Neutral/90" } }, { @@ -17916,7 +19070,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Neutral/90" } }, { @@ -17925,7 +19079,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/Opacity/White/100" + "name": "Neutral/90" } }, { @@ -17997,7 +19151,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Neutral/15" + "name": "Neutral/Opacity/Black/10" } }, { @@ -18010,7 +19164,7 @@ } }, { - "name": "Surface/Secondary/Default dark", + "name": "Surface/Secondary/Subtle", "type": "color", "isAlias": true, "value": { @@ -18033,7 +19187,31 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Grand Hotel/Cloudy/30" + "name": "Signature/Grand Hotel/Cloudy/20" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" } }, { @@ -18042,7 +19220,7 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Grand Hotel/Careys Pink/40" + "name": "Signature/Grand Hotel/Blue Bayoux/50" } }, { @@ -18075,14 +19253,20 @@ { "name": "Surface/Brand/Primary 2/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } }, { "name": "Surface/Brand/Primary 2/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } }, { "name": "Surface/Brand/Primary 3/Default", @@ -18090,26 +19274,26 @@ "isAlias": true, "value": { "collection": "_Primitives", - "name": "Signature/Grand Hotel/Blue Bayoux/50" + "name": "Signature/Grand Hotel/Careys Pink/40" } }, { "name": "Surface/Brand/Primary 3/OnSurface/Default", "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/70" + } }, { "name": "Surface/Brand/Primary 3/OnSurface/Accent", "type": "color", - "isAlias": false, - "value": "#FFFFFF" - }, - { - "name": "Surface/Brand/Primary 3/OnSurface/Accent Secondary", - "type": "color", - "isAlias": false, - "value": "#FFFFFF" + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/70" + } }, { "name": "Surface/UI Fill/Default", @@ -18202,7 +19386,7 @@ } }, { - "name": "Surface/Feedback/Information Accent", + "name": "Surface/Feedback/Information", "type": "color", "isAlias": true, "value": { @@ -18211,7 +19395,7 @@ } }, { - "name": "Surface/Feedback/Information", + "name": "Surface/Feedback/Information light", "type": "color", "isAlias": true, "value": { @@ -18220,7 +19404,7 @@ } }, { - "name": "Surface/Feedback/Succes Accent", + "name": "Surface/Feedback/Succes", "type": "color", "isAlias": true, "value": { @@ -18229,7 +19413,7 @@ } }, { - "name": "Surface/Feedback/Succes", + "name": "Surface/Feedback/Succes light", "type": "color", "isAlias": true, "value": { @@ -18238,7 +19422,7 @@ } }, { - "name": "Surface/Feedback/Warning Accent", + "name": "Surface/Feedback/Warning", "type": "color", "isAlias": true, "value": { @@ -18247,7 +19431,7 @@ } }, { - "name": "Surface/Feedback/Warning Light", + "name": "Surface/Feedback/Warning light", "type": "color", "isAlias": true, "value": { @@ -18256,7 +19440,7 @@ } }, { - "name": "Surface/Feedback/Error Accent", + "name": "Surface/Feedback/Error", "type": "color", "isAlias": true, "value": { @@ -18265,7 +19449,7 @@ } }, { - "name": "Surface/Feedback/Error", + "name": "Surface/Feedback/Error light", "type": "color", "isAlias": true, "value": { @@ -18274,7 +19458,7 @@ } }, { - "name": "Surface/Feedback/Neutral Accent", + "name": "Surface/Feedback/Neutral", "type": "color", "isAlias": true, "value": { @@ -18283,7 +19467,7 @@ } }, { - "name": "Surface/Feedback/Neutral", + "name": "Surface/Feedback/Neutral light", "type": "color", "isAlias": true, "value": { @@ -18301,7 +19485,7 @@ } }, { - "name": "Border/Intense", + "name": "Border/Strong", "type": "color", "isAlias": true, "value": { @@ -18954,6 +20138,15 @@ "name": "Neutral/30" } }, + { + "name": "Border/Divider/Brand/OnAccent/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Cloudy/30" + } + }, { "name": "Border/Divider/Brand/OnPrimary 1/Default", "type": "color", @@ -18964,7 +20157,3020 @@ } }, { - "name": "Border/Divider/Brand/OnPrimary 1/Secondary", + "name": "Border/Divider/Brand/OnPrimary 2/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Border/Divider/Brand/OnPrimary 3/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/70" + } + }, + { + "name": "Border/Interactive/Active", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Border/Interactive/Focus", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Border/Interactive/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Border/Interactive/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Component/Button/Muted/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Muted/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Muted/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Muted/Fill/Hover inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/5" + } + }, + { + "name": "Component/Button/Muted/Fill/Disabled inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/20" + } + }, + { + "name": "Component/Button/Muted/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Component/Button/Muted/On fill/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Muted/On fill/Hover Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/80" + } + }, + { + "name": "Component/Button/Muted/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Component/Button/Muted/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Muted/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Muted/Border/Disable", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + } + ] + }, + { + "name": "The Dock", + "variables": [ + { + "name": "Text/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Text/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/60" + } + }, + { + "name": "Text/Tertiary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Text/Accent Primary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/60" + } + }, + { + "name": "Text/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Text/Interactive/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Interactive/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/70" + } + }, + { + "name": "Text/Interactive/Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/60" + } + }, + { + "name": "Text/Interactive/Secondary Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/50" + } + }, + { + "name": "Text/Interactive/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Text/Interactive/Focus", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Text/Interactive/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Text/Interactive/Placeholder", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Text/Brand/OnAccent/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Feedback/Information", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Blue/70" + } + }, + { + "name": "Text/Feedback/Succes", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Green/60" + } + }, + { + "name": "Text/Feedback/Warning", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Yellow/60" + } + }, + { + "name": "Text/Feedback/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Text/Feedback/Neutral", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Text/Brand/OnAccent/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnAccent/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Tundra Mint/90" + } + }, + { + "name": "Text/Brand/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/60" + } + }, + { + "name": "Text/Brand/OnPrimary 1/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 1/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 1/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Text/Brand/OnPrimary 2/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 2/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 2/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 3/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Text/Brand/OnPrimary 3/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Text/Brand/OnPrimary 3/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Background/Primary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Linen White/00" + } + }, + { + "name": "Background/Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Surface/Primary/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Surface/Primary/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/5" + } + }, + { + "name": "Surface/Primary/Hover Light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Surface/Primary/Hover Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/15" + } + }, + { + "name": "Surface/Primary/OnSurface/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Linen White/00" + } + }, + { + "name": "Surface/Primary/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Surface/Secondary/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Linen White/20" + } + }, + { + "name": "Surface/Secondary/Subtle", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Sandbank Beige/20" + } + }, + { + "name": "Surface/Secondary/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/5" + } + }, + { + "name": "Surface/Brand/Accent/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Tundra Mint/30" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/80" + } + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/80" + } + }, + { + "name": "Surface/Brand/Primary 1/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Sandbank Beige/20" + } + }, + { + "name": "Surface/Brand/Primary 1/OnSurface/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 1/OnSurface/Accent", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 2/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Surface/Brand/Primary 2/OnSurface/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 2/OnSurface/Accent", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 3/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Surface/Brand/Primary 3/OnSurface/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Sandbank Beige/20" + } + }, + { + "name": "Surface/Brand/Primary 3/OnSurface/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Sandbank Beige/20" + } + }, + { + "name": "Surface/UI Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Surface/UI Fill/Intense", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Surface/UI Fill/Active", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Surface/UI Fill/Active Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Surface/UI Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/15" + } + }, + { + "name": "Surface/Accent/1", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/60" + } + }, + { + "name": "Surface/Accent/2", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Blue/50" + } + }, + { + "name": "Surface/Accent/3", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Tundra Mint/90" + } + }, + { + "name": "Surface/Accent/4", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Artic Oker/60" + } + }, + { + "name": "Surface/Accent/5", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Blue/90" + } + }, + { + "name": "Surface/Feedback/Information", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Blue/70" + } + }, + { + "name": "Surface/Feedback/Information light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Blue/00" + } + }, + { + "name": "Surface/Feedback/Succes", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Green/60" + } + }, + { + "name": "Surface/Feedback/Succes light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Green/00" + } + }, + { + "name": "Surface/Feedback/Warning", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Yellow/60" + } + }, + { + "name": "Surface/Feedback/Warning light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Yellow/00" + } + }, + { + "name": "Surface/Feedback/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Surface/Feedback/Error light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/00" + } + }, + { + "name": "Surface/Feedback/Neutral", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Surface/Feedback/Neutral light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/15" + } + }, + { + "name": "Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/20" + } + }, + { + "name": "Border/Strong", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Border/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Icon/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/60" + } + }, + { + "name": "Icon/Intense", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Icon/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/50" + } + }, + { + "name": "Icon/Interactive/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Icon/Interactive/Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/60" + } + }, + { + "name": "Icon/Interactive/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Signal Red/60" + } + }, + { + "name": "Icon/Interactive/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Icon/Interactive/Placeholder", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Icon/Feedback/Information", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Blue/70" + } + }, + { + "name": "Icon/Feedback/Success", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Green/60" + } + }, + { + "name": "Icon/Feedback/Warning", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Yellow/60" + } + }, + { + "name": "Icon/Feedback/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Icon/Feedback/Neutral", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/60" + } + }, + { + "name": "Icon/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Overlay/10", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Overlay/20", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/20" + } + }, + { + "name": "Overlay/30", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/20" + } + }, + { + "name": "Overlay/40", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/40" + } + }, + { + "name": "Overlay/60", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/60" + } + }, + { + "name": "Overlay/80", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/80" + } + }, + { + "name": "Overlay/90", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/90" + } + }, + { + "name": "Utilities/Gradients/10", + "type": "color", + "isAlias": false, + "value": "#F2E1C21A" + }, + { + "name": "Component/Button/Brand/Primary/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Component/Button/Brand/Primary/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Brand/Primary/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Brand/Primary/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Primary/On fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Primary/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Component/Button/Brand/Primary/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Primary/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Primary/Border/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Hover Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/80" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Hover inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/80" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Hover inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/50" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Sandbank Beige/20" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Brand/Tertiary/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Component/Button/Brand/Tertiary/On fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Brand/Tertiary/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Border/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Inverted/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Inverted/Fill/Faded", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/90" + } + }, + { + "name": "Component/Button/Inverted/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Inverted/Fill/Hover Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Sandbank Beige/20" + } + }, + { + "name": "Component/Button/Inverted/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Inverted/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Inverted/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Inverted/Border/Disable", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Inverted/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Component/Button/Inverted/On fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Inverted/On fill/Hover inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Inverted/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Border/Interactive/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Border/Divider/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/20" + } + }, + { + "name": "Border/Divider/Subtle", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/15" + } + }, + { + "name": "Border/Divider/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Border/Divider/Brand/OnAccent/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/90" + } + }, + { + "name": "Border/Divider/Brand/OnPrimary 1/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Border/Divider/Brand/OnPrimary 2/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Border/Divider/Brand/OnPrimary 3/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Linen White/20" + } + }, + { + "name": "Border/Interactive/Active", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Border/Interactive/Focus", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Border/Interactive/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Border/Interactive/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Component/Button/Muted/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Muted/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Muted/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Muted/Fill/Hover inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/5" + } + }, + { + "name": "Component/Button/Muted/Fill/Disabled inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/20" + } + }, + { + "name": "Component/Button/Muted/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Component/Button/Muted/On fill/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Muted/On fill/Hover Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/The Dock/Rose Copper/80" + } + }, + { + "name": "Component/Button/Muted/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Component/Button/Muted/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Muted/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Muted/Border/Disable", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + } + ] + }, + { + "name": "Partner SAS", + "variables": [ + { + "name": "Text/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/60" + } + }, + { + "name": "Text/Tertiary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Text/Accent Primary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/60" + } + }, + { + "name": "Text/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Text/Interactive/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } + }, + { + "name": "Text/Interactive/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/60" + } + }, + { + "name": "Text/Interactive/Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/60" + } + }, + { + "name": "Text/Interactive/Secondary Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/50" + } + }, + { + "name": "Text/Interactive/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Text/Interactive/Focus", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Text/Interactive/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Text/Interactive/Placeholder", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Text/Brand/OnAccent/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Feedback/Information", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Blue/70" + } + }, + { + "name": "Text/Feedback/Succes", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Green/60" + } + }, + { + "name": "Text/Feedback/Warning", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Yellow/60" + } + }, + { + "name": "Text/Feedback/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Text/Feedback/Neutral", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Text/Brand/OnAccent/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnAccent/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnAccent/Accent Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Text/Brand/OnPrimary 1/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 1/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 1/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 2/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 2/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 2/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 3/Heading", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Text/Brand/OnPrimary 3/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Text/Brand/OnPrimary 3/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Background/Primary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Background/Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Surface/Primary/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Surface/Primary/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/5" + } + }, + { + "name": "Surface/Primary/Hover Light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Surface/Primary/Hover Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/15" + } + }, + { + "name": "Surface/Primary/OnSurface/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Cloudy/0" + } + }, + { + "name": "Surface/Primary/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Surface/Secondary/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Cloudy/0" + } + }, + { + "name": "Surface/Secondary/Subtle", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Cloudy/10" + } + }, + { + "name": "Surface/Secondary/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/5" + } + }, + { + "name": "Surface/Brand/Accent/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Accent/OnAccent/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Accent/OnAccent/Accent Secondary", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 1/Default", + "type": "color", + "isAlias": false, + "value": "#FDFEFD" + }, + { + "name": "Surface/Brand/Primary 1/OnSurface/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 1/OnSurface/Accent", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 1/OnSurface/Accent Secondary", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 2/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 2/OnSurface/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 2/OnSurface/Accent", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 3/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 3/OnSurface/Default", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/Brand/Primary 3/OnSurface/Accent", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "Surface/UI Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Surface/UI Fill/Intense", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Surface/UI Fill/Active", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/80" + } + }, + { + "name": "Surface/UI Fill/Active Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Surface/UI Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/15" + } + }, + { + "name": "Surface/Accent/1", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/70" + } + }, + { + "name": "Surface/Accent/2", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Blue/70" + } + }, + { + "name": "Surface/Accent/3", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/50" + } + }, + { + "name": "Surface/Accent/4", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/50" + } + }, + { + "name": "Surface/Accent/5", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/90" + } + }, + { + "name": "Surface/Feedback/Information", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Blue/70" + } + }, + { + "name": "Surface/Feedback/Information light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Blue/00" + } + }, + { + "name": "Surface/Feedback/Succes", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Green/60" + } + }, + { + "name": "Surface/Feedback/Succes light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Green/00" + } + }, + { + "name": "Surface/Feedback/Warning", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Yellow/60" + } + }, + { + "name": "Surface/Feedback/Warning light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Yellow/00" + } + }, + { + "name": "Surface/Feedback/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Surface/Feedback/Error light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/00" + } + }, + { + "name": "Surface/Feedback/Neutral", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Surface/Feedback/Neutral light", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/15" + } + }, + { + "name": "Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/20" + } + }, + { + "name": "Border/Strong", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Border/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Icon/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/60" + } + }, + { + "name": "Icon/Intense", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/90" + } + }, + { + "name": "Icon/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/40" + } + }, + { + "name": "Icon/Interactive/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } + }, + { + "name": "Icon/Interactive/Secondary", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/60" + } + }, + { + "name": "Icon/Interactive/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Careys Pink/60" + } + }, + { + "name": "Icon/Interactive/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Icon/Interactive/Placeholder", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/50" + } + }, + { + "name": "Icon/Feedback/Information", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Blue/70" + } + }, + { + "name": "Icon/Feedback/Success", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Green/60" + } + }, + { + "name": "Icon/Feedback/Warning", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Yellow/60" + } + }, + { + "name": "Icon/Feedback/Error", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Scandic/Red/70" + } + }, + { + "name": "Icon/Feedback/Neutral", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/60" + } + }, + { + "name": "Icon/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Overlay/10", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Overlay/20", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/20" + } + }, + { + "name": "Overlay/30", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/20" + } + }, + { + "name": "Overlay/40", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/40" + } + }, + { + "name": "Overlay/60", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/60" + } + }, + { + "name": "Overlay/80", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/80" + } + }, + { + "name": "Overlay/90", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/90" + } + }, + { + "name": "Utilities/Gradients/10", + "type": "color", + "isAlias": false, + "value": "#5B6E7F1A" + }, + { + "name": "Component/Button/Brand/Primary/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } + }, + { + "name": "Component/Button/Brand/Primary/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Brand/Primary/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Brand/Primary/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Primary/On fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Primary/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Component/Button/Brand/Primary/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Primary/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Primary/Border/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Hover Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Submarine/30" + } + }, + { + "name": "Component/Button/Brand/Secondary/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/80" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Hover inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/70" + } + }, + { + "name": "Component/Button/Brand/Secondary/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/80" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Hover inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/50" + } + }, + { + "name": "Component/Button/Brand/Secondary/Border/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Submarine/30" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Brand/Tertiary/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } + }, + { + "name": "Component/Button/Brand/Tertiary/On fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Brand/Tertiary/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Brand/Tertiary/Border/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Inverted/Fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Inverted/Fill/Faded", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/90" + } + }, + { + "name": "Component/Button/Inverted/Fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Inverted/Fill/Hover Inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Submarine/30" + } + }, + { + "name": "Component/Button/Inverted/Fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/Black/10" + } + }, + { + "name": "Component/Button/Inverted/Border/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/0" + } + }, + { + "name": "Component/Button/Inverted/Border/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Inverted/Border/Disable", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Inverted/On fill/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Signature/Grand Hotel/Blue Bayoux/100" + } + }, + { + "name": "Component/Button/Inverted/On fill/Hover", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/10" + } + }, + { + "name": "Component/Button/Inverted/On fill/Hover inverted", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Component/Button/Inverted/On fill/Disabled", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/40" + } + }, + { + "name": "Border/Interactive/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Border/Divider/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/20" + } + }, + { + "name": "Border/Divider/Subtle", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/15" + } + }, + { + "name": "Border/Divider/Accent", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/30" + } + }, + { + "name": "Border/Divider/Brand/OnAccent/Default", + "type": "color", + "isAlias": true, + "value": { + "collection": "_Primitives", + "name": "Neutral/Opacity/White/100" + } + }, + { + "name": "Border/Divider/Brand/OnPrimary 1/Default", "type": "color", "isAlias": true, "value": { @@ -18991,7 +23197,7 @@ } }, { - "name": "Border/Interactive/Selected", + "name": "Border/Interactive/Active", "type": "color", "isAlias": true, "value": { @@ -19252,6 +23458,24 @@ "isAlias": false, "value": "Canela Deck" }, + { + "name": "Font family/The Dock/Title", + "type": "string", + "isAlias": false, + "value": "Reckless" + }, + { + "name": "Font family/The Dock/Body", + "type": "string", + "isAlias": false, + "value": "Fira sans" + }, + { + "name": "Font family/The Dock/Decorative", + "type": "string", + "isAlias": false, + "value": "Beausite Classic" + }, { "name": "Font family/Scandic Go/Title", "type": "string", @@ -19410,7 +23634,7 @@ "name": "Global Tokens", "modes": [ { - "name": "Mode 1", + "name": "Value", "variables": [ { "name": "Corner radius/sm", @@ -19584,6 +23808,130 @@ } ] }, + { + "name": "_Primitves [partner]", + "modes": [ + { + "name": "Mode 1", + "variables": [ + { + "name": "SAS/Blue/Default", + "type": "color", + "isAlias": false, + "value": "#00248F" + }, + { + "name": "SAS/Blue/20", + "type": "color", + "isAlias": false, + "value": "#00175C" + }, + { + "name": "SAS/Blue/30", + "type": "color", + "isAlias": false, + "value": "#00248F" + }, + { + "name": "SAS/Blue/40", + "type": "color", + "isAlias": false, + "value": "#0030C2" + }, + { + "name": "SAS/Blue/50", + "type": "color", + "isAlias": false, + "value": "#003DF5" + }, + { + "name": "SAS/Blue/60", + "type": "color", + "isAlias": false, + "value": "#295EFF" + }, + { + "name": "SAS/Blue/90", + "type": "color", + "isAlias": false, + "value": "#F0FAFF" + }, + { + "name": "SAS/Blue/80", + "type": "color", + "isAlias": false, + "value": "#BDE9FF" + }, + { + "name": "SAS/Blue/70", + "type": "color", + "isAlias": false, + "value": "#8AD8FF" + }, + { + "name": "SAS/Grey/Black", + "type": "color", + "isAlias": false, + "value": "#000000" + }, + { + "name": "SAS/Grey/20", + "type": "color", + "isAlias": false, + "value": "#333333" + }, + { + "name": "SAS/Grey/30", + "type": "color", + "isAlias": false, + "value": "#4D4D4D" + }, + { + "name": "SAS/Grey/40", + "type": "color", + "isAlias": false, + "value": "#666666" + }, + { + "name": "SAS/Grey/50", + "type": "color", + "isAlias": false, + "value": "#808080" + }, + { + "name": "SAS/Grey/80", + "type": "color", + "isAlias": false, + "value": "#CCCCCC" + }, + { + "name": "SAS/Grey/90", + "type": "color", + "isAlias": false, + "value": "#E5E5E5" + }, + { + "name": "SAS/Grey/100", + "type": "color", + "isAlias": false, + "value": "#F5F5F5" + }, + { + "name": "SAS/Grey/White", + "type": "color", + "isAlias": false, + "value": "#FFFFFF" + }, + { + "name": "SAS/Coral/50", + "type": "color", + "isAlias": false, + "value": "#FF5852" + } + ] + } + ] + }, { "name": "Typography", "modes": [ diff --git a/packages/design-system/lib/components/Alert/alert.module.css b/packages/design-system/lib/components/Alert/alert.module.css index ceb146ffd..b49d0afc9 100644 --- a/packages/design-system/lib/components/Alert/alert.module.css +++ b/packages/design-system/lib/components/Alert/alert.module.css @@ -51,16 +51,16 @@ padding: var(--Space-x15); } .inline.alarm .iconWrapper { - background-color: var(--Surface-Feedback-Error-Accent); + background-color: var(--Surface-Feedback-Error); } .inline.warning .iconWrapper { - background-color: var(--Surface-Feedback-Warning-Accent); + background-color: var(--Surface-Feedback-Warning); } .inline.info .iconWrapper { - background-color: var(--Surface-Feedback-Information-Accent); + background-color: var(--Surface-Feedback-Information); } .inline.success .iconWrapper { - background-color: var(--Surface-Feedback-Succes-Accent); + background-color: var(--Surface-Feedback-Succes); } .inline .icon, .inline .icon * { @@ -73,37 +73,37 @@ border-left-style: solid; } .banner.alarm { - border-left-color: var(--Surface-Feedback-Error-Accent); + border-left-color: var(--Surface-Feedback-Error); background-color: var(--Scandic-Red-00); } .banner.warning { - border-left-color: var(--Surface-Feedback-Warning-Accent); + border-left-color: var(--Surface-Feedback-Warning); background-color: var(--Scandic-Yellow-00); } .banner.info { - border-left-color: var(--Surface-Feedback-Information-Accent); + border-left-color: var(--Surface-Feedback-Information); background-color: var(--Scandic-Blue-00); } .banner.success { - border-left-color: var(--Surface-Feedback-Succes-Accent); + border-left-color: var(--Surface-Feedback-Succes); background-color: var(--Scandic-Green-00); } .banner.alarm .icon, .banner.alarm .icon * { - fill: var(--Surface-Feedback-Error-Accent); + fill: var(--Surface-Feedback-Error); } .banner.warning .icon, .banner.warning .icon * { - fill: var(--Surface-Feedback-Warning-Accent); + fill: var(--Surface-Feedback-Warning); } .banner.info .icon, .banner.info .icon * { - fill: var(--Surface-Feedback-Information-Accent); + fill: var(--Surface-Feedback-Information); } .banner.success .icon, .banner.sucess .icon * { - fill: var(--Surface-Feedback-Succes-Accent); + fill: var(--Surface-Feedback-Succes); } @media screen and (min-width: 768px) { diff --git a/packages/design-system/lib/components/Badge/badge.module.css b/packages/design-system/lib/components/Badge/badge.module.css index 4f97f3bd8..b0d1f2300 100644 --- a/packages/design-system/lib/components/Badge/badge.module.css +++ b/packages/design-system/lib/components/Badge/badge.module.css @@ -12,8 +12,8 @@ } .green { - background-color: var(--Surface-Feedback-Succes); - color: var(--Text-Feedback-Succes-Accent); + background-color: var(--Surface-Feedback-Succes-light); + color: var(--Text-Feedback-Succes); } ._36 { diff --git a/packages/design-system/lib/components/ChipButton/chip-button.module.css b/packages/design-system/lib/components/ChipButton/chip-button.module.css index 35dab7ff4..71e00a7e4 100644 --- a/packages/design-system/lib/components/ChipButton/chip-button.module.css +++ b/packages/design-system/lib/components/ChipButton/chip-button.module.css @@ -19,7 +19,7 @@ } .Outlined { - border: 1px solid var(--Border-Intense); + border: 1px solid var(--Border-Strong); } .Outlined:hover { 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 86e6d4fe5..82d7e60f2 100644 --- a/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css +++ b/packages/design-system/lib/components/Form/RadioCard/radioCard.module.css @@ -8,7 +8,7 @@ 'icon subtitleSecondary' 'title subtitle'; border-radius: var(--Corner-radius-md); - border: 1px solid var(--Border-Intense); + border: 1px solid var(--Border-Strong); background: var(--Surface-Primary-Default); padding: var(--Space-x2) var(--Space-x3); gap: var(--Space-x1); @@ -47,7 +47,7 @@ height: 32px; border: 2px solid var(--Base-Border-Inverted); border-radius: var(--Corner-radius-rounded); - background-color: var(--Surface-Feedback-Succes-Accent); + background-color: var(--Surface-Feedback-Succes); } .icon { diff --git a/packages/design-system/lib/components/ImageFallback/imageFallback.module.css b/packages/design-system/lib/components/ImageFallback/imageFallback.module.css index 20ec0a52f..c688c2a15 100644 --- a/packages/design-system/lib/components/ImageFallback/imageFallback.module.css +++ b/packages/design-system/lib/components/ImageFallback/imageFallback.module.css @@ -6,5 +6,5 @@ width: 100%; min-width: 200px; min-height: 200px; - background-color: var(--Surface-Feedback-Neutral); + background-color: var(--Surface-Feedback-Neutral-light); } diff --git a/packages/design-system/lib/components/Map/Markers/PoiMarker/poi.module.css b/packages/design-system/lib/components/Map/Markers/PoiMarker/poi.module.css index f0918c4f4..139f6a437 100644 --- a/packages/design-system/lib/components/Map/Markers/PoiMarker/poi.module.css +++ b/packages/design-system/lib/components/Map/Markers/PoiMarker/poi.module.css @@ -22,7 +22,7 @@ background-color: var(--Surface-Accent-4); } .location { - background-color: var(--Surface-Feedback-Neutral-Accent); + background-color: var(--Surface-Feedback-Neutral); } .parking { background-color: var(--Surface-Accent-5); diff --git a/packages/design-system/lib/components/MessageBanner/messageBanner.module.css b/packages/design-system/lib/components/MessageBanner/messageBanner.module.css index 416a7cb7f..d2a8eba63 100644 --- a/packages/design-system/lib/components/MessageBanner/messageBanner.module.css +++ b/packages/design-system/lib/components/MessageBanner/messageBanner.module.css @@ -17,5 +17,5 @@ } .textError { - color: var(--Text-Feedback-Error-Accent); + color: var(--Text-Feedback-Error); } diff --git a/packages/design-system/lib/components/RateCard/rate-card.module.css b/packages/design-system/lib/components/RateCard/rate-card.module.css index c7aa8a51a..584e3fa65 100644 --- a/packages/design-system/lib/components/RateCard/rate-card.module.css +++ b/packages/design-system/lib/components/RateCard/rate-card.module.css @@ -24,7 +24,7 @@ justify-content: center; border: 2px solid var(--Border-Inverted); border-radius: var(--Corner-radius-rounded); - background-color: var(--Surface-Feedback-Succes-Accent); + background-color: var(--Surface-Feedback-Succes); color: var(--Icon-Inverted); } @@ -175,7 +175,7 @@ label:not(:has(.radio:checked)) .checkIcon { } .variant-code .banner { - background-color: var(--Surface-Feedback-Information-Accent); + background-color: var(--Surface-Feedback-Information); } .variant-points .banner { diff --git a/packages/design-system/lib/components/Switch/switch.module.css b/packages/design-system/lib/components/Switch/switch.module.css index 6001f487c..4364d0704 100644 --- a/packages/design-system/lib/components/Switch/switch.module.css +++ b/packages/design-system/lib/components/Switch/switch.module.css @@ -10,8 +10,8 @@ .switch { width: 40px; height: 24px; - border: 2px solid var(--Surface-Secondary-Default-dark); - background: var(--Surface-Secondary-Default-dark); + border: 2px solid var(--Surface-Secondary-Subtle); + background: var(--Surface-Secondary-Subtle); border-radius: 24px; transition: all 200ms; display: block; diff --git a/packages/design-system/lib/style.css b/packages/design-system/lib/style.css index b2604b818..7eec9f6cb 100644 --- a/packages/design-system/lib/style.css +++ b/packages/design-system/lib/style.css @@ -7,4 +7,5 @@ @import url(./styles/hotel-norge.css); @import url(./styles/marski.css); @import url(./styles/scandic-go.css); +@import url(./styles/the-dock.css); @import url(./styles/scandic.css); diff --git a/packages/design-system/lib/styles/base.css b/packages/design-system/lib/styles/base.css index fe738c33c..892e3db52 100644 --- a/packages/design-system/lib/styles/base.css +++ b/packages/design-system/lib/styles/base.css @@ -72,6 +72,25 @@ --Neutral-Opacity-White-70: #ffffffb3; --Neutral-Opacity-White-80: #ffffffcc; --Neutral-Opacity-White-90: #ffffffe6; + --SAS-Blue-20: #00175c; + --SAS-Blue-30: #00248f; + --SAS-Blue-40: #0030c2; + --SAS-Blue-50: #003df5; + --SAS-Blue-60: #295eff; + --SAS-Blue-70: #8ad8ff; + --SAS-Blue-80: #bde9ff; + --SAS-Blue-90: #f0faff; + --SAS-Blue-Default: #00248f; + --SAS-Coral-50: #ff5852; + --SAS-Grey-100: #f5f5f5; + --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-Black: #000000; + --SAS-Grey-White: #ffffff; --Size-1100-48: 48px; --Size-1300-56: 56px; --Size-1500-64: 64px; diff --git a/packages/design-system/lib/styles/base.js b/packages/design-system/lib/styles/base.js index f983734ee..1b28c0950 100644 --- a/packages/design-system/lib/styles/base.js +++ b/packages/design-system/lib/styles/base.js @@ -100,6 +100,25 @@ export const theme = { '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, diff --git a/packages/design-system/lib/styles/downtown-camper.css b/packages/design-system/lib/styles/downtown-camper.css index 9adcfb15d..b9af6f4de 100644 --- a/packages/design-system/lib/styles/downtown-camper.css +++ b/packages/design-system/lib/styles/downtown-camper.css @@ -64,14 +64,10 @@ --Signature-Downtown-Camper-Russet-70: #9b5622; --Signature-Downtown-Camper-Russet-80: #834722; --Signature-Downtown-Camper-Russet-90: #69391e; + --Surface-Brand-Accent-OnAccent-Default: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff; --Surface-Brand-Primary-1-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Default: #ffffff; --Surface-Primary-Hover-Light: #e6e5e5; --Surface-Primary-Hover: #f2f2f2; --Surface-Secondary-Hover: #e4e4e4; @@ -134,21 +130,23 @@ --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); --Border-Default: var(--Neutral-20); --Border-Divider-Accent: var(--Neutral-30); - --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-1-Secondary: var( - --Neutral-Opacity-White-100 + --Border-Divider-Brand-OnAccent-Default: var( + --Signature-Downtown-Camper-Russet-60 ); + --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-3-Default: var( + --Signature-Downtown-Camper-Quicksand-50 + ); --Border-Divider-Default: var(--Neutral-20); --Border-Divider-Subtle: var(--Neutral-15); - --Border-Intense: var(--Neutral-30); + --Border-Interactive-Active: var(--Neutral-80); --Border-Interactive-Default: var(--Neutral-30); --Border-Interactive-Disabled: var(--Neutral-30); --Border-Interactive-Error: var(--Scandic-Red-70); --Border-Interactive-Focus: var(--Neutral-80); - --Border-Interactive-Selected: var(--Neutral-80); --Border-Inverted: var(--Neutral-Opacity-White-100); + --Border-Strong: var(--Neutral-30); --Component-Button-Brand-Primary-Border-Default: var( --Neutral-Opacity-White-0 ); @@ -292,27 +290,39 @@ --Surface-Accent-4: var(--Signature-Downtown-Camper-Russet-50); --Surface-Accent-5: var(--Scandic-Blue-80); --Surface-Brand-Accent-Default: var(--Signature-Downtown-Camper-Russet-50); - --Surface-Brand-Primary-1-Default: var(--Signature-Downtown-Camper-Russet-80); - --Surface-Brand-Primary-2-Default: var(--Signature-Downtown-Camper-Russet-80); - --Surface-Brand-Primary-3-Default: var( + --Surface-Brand-Accent-OnAccent-Accent-Secondary: var( + --Neutral-Opacity-White-100 + ); + --Surface-Brand-Accent-OnAccent-Accent: var(--Neutral-Opacity-White-100); + --Surface-Brand-Primary-1-Default: var( --Signature-Downtown-Camper-Lunar-green-80 ); - --Surface-Feedback-Error-Accent: var(--Scandic-Red-70); - --Surface-Feedback-Error: var(--Scandic-Red-00); - --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Surface-Feedback-Information: var(--Scandic-Blue-00); - --Surface-Feedback-Neutral-Accent: var(--Neutral-50); - --Surface-Feedback-Neutral: var(--Neutral-15); - --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Surface-Feedback-Succes: var(--Scandic-Green-00); - --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00); - --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Surface-Brand-Primary-2-Default: var(--Signature-Downtown-Camper-Russet-80); + --Surface-Brand-Primary-2-OnSurface-Accent: var(--Neutral-Opacity-White-100); + --Surface-Brand-Primary-2-OnSurface-Default: var(--Neutral-Opacity-White-100); + --Surface-Brand-Primary-3-Default: var(--Signature-Downtown-Camper-Russet-80); + --Surface-Brand-Primary-3-OnSurface-Accent: var( + --Signature-Downtown-Camper-Quicksand-30 + ); + --Surface-Brand-Primary-3-OnSurface-Default: var( + --Signature-Downtown-Camper-Quicksand-30 + ); + --Surface-Feedback-Error-light: var(--Scandic-Red-00); + --Surface-Feedback-Error: var(--Scandic-Red-70); + --Surface-Feedback-Information-light: var(--Scandic-Blue-00); + --Surface-Feedback-Information: var(--Scandic-Blue-70); + --Surface-Feedback-Neutral-light: var(--Neutral-15); + --Surface-Feedback-Neutral: var(--Neutral-50); + --Surface-Feedback-Succes-light: var(--Scandic-Green-00); + --Surface-Feedback-Succes: var(--Scandic-Green-60); + --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00); + --Surface-Feedback-Warning: var(--Scandic-Yellow-60); --Surface-Primary-Default: var(--Neutral-Opacity-White-100); - --Surface-Primary-Disabled: var(--Neutral-15); + --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10); --Surface-Primary-Hover-Accent: var(--Neutral-15); --Surface-Primary-OnSurface-Default: var(--Neutral-5); - --Surface-Secondary-Default-dark: var(--Neutral-20); --Surface-Secondary-Default: var(--Neutral-10); + --Surface-Secondary-Subtle: var(--Neutral-20); --Surface-UI-Fill-Active: var(--Neutral-80); --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); --Surface-UI-Fill-Disabled: var(--Neutral-15); @@ -321,7 +331,7 @@ --Tag-Font-weight: var(--Font-weight-Regular); --Tag-Size: var(--Impl-Text-size-5xs); --Text-Accent-Primary: var(--Signature-Downtown-Camper-Russet-80); - --Text-Accent-Secondary: var(--Neutral-50); + --Text-Brand-OnAccent-Accent-Secondary: var(--Neutral-50); --Text-Brand-OnAccent-Accent: var(--Neutral-Opacity-White-100); --Text-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnAccent-Heading: var(--Neutral-Opacity-White-100); @@ -335,17 +345,17 @@ --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100); --Text-Default: var(--Neutral-90); - --Text-Feedback-Error-Accent: var(--Scandic-Red-70); - --Text-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Text-Feedback-Neutral-Accent: var(--Neutral-50); - --Text-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Text-Feedback-Error: var(--Scandic-Red-70); + --Text-Feedback-Information: var(--Scandic-Blue-70); + --Text-Feedback-Neutral: var(--Neutral-50); + --Text-Feedback-Succes: var(--Scandic-Green-60); + --Text-Feedback-Warning: var(--Scandic-Yellow-60); --Text-Heading: var(--Neutral-90); --Text-Interactive-Default: var(--Neutral-90); --Text-Interactive-Disabled: var(--Neutral-40); --Text-Interactive-Error: var(--Scandic-Red-70); --Text-Interactive-Focus: var(--Neutral-80); - --Text-Interactive-Hover: var(--Signature-Downtown-Camper-Russet-80); + --Text-Interactive-Hover: var(--Neutral-70); --Text-Interactive-Placeholder: var(--Neutral-50); --Text-Interactive-Secondary-Hover: var( --Signature-Downtown-Camper-Russet-60 diff --git a/packages/design-system/lib/styles/downtown-camper.js b/packages/design-system/lib/styles/downtown-camper.js index 3742b460d..13897244f 100644 --- a/packages/design-system/lib/styles/downtown-camper.js +++ b/packages/design-system/lib/styles/downtown-camper.js @@ -87,14 +87,10 @@ export const theme = { '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', - 'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF', 'Utilities/Gradients/10': '#3C43361A', 'Font family/Downtown Camper/Title': 'Gotham', 'Font family/Downtown Camper/Body': 'Fira sans', @@ -147,10 +143,9 @@ export const theme = { 'Text/Secondary': '#575757', 'Text/Tertiary': '#747474', 'Text/Accent Primary': '#834722', - 'Text/Accent Secondary': '#747474', 'Text/Inverted': '#FFFFFF', 'Text/Interactive/Default': '#1F1F1F', - 'Text/Interactive/Hover': '#834722', + 'Text/Interactive/Hover': '#454545', 'Text/Interactive/Secondary': '#834722', 'Text/Interactive/Secondary Hover': '#BB7524', 'Text/Interactive/Disabled': '#8C8C8C', @@ -158,13 +153,14 @@ export const theme = { 'Text/Interactive/Error': '#AD0015', 'Text/Interactive/Placeholder': '#747474', 'Text/Brand/OnAccent/Heading': '#FFFFFF', - 'Text/Feedback/Information Accent': '#284EA0', - 'Text/Feedback/Succes Accent': '#348337', - 'Text/Feedback/Warning Accent': '#D17308', - 'Text/Feedback/Error Accent': '#AD0015', - 'Text/Feedback/Neutral Accent': '#747474', + '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/Accent': '#FFFFFF', @@ -181,14 +177,20 @@ export const theme = { 'Surface/Primary/Hover Light': '#e6e5e5', 'Surface/Primary/Hover Accent': '#E9E9E9', 'Surface/Primary/OnSurface/Default': '#F5F5F5', - 'Surface/Primary/Disabled': '#E9E9E9', + 'Surface/Primary/Disabled': '#1F1C1B1A', 'Surface/Secondary/Default': '#F0F0F0', - 'Surface/Secondary/Default dark': '#D9D9D9', + 'Surface/Secondary/Subtle': '#D9D9D9', 'Surface/Secondary/Hover': '#e4e4e4', 'Surface/Brand/Accent/Default': '#D3952D', - 'Surface/Brand/Primary 1/Default': '#834722', + '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 3/Default': '#3C4336', + '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', @@ -199,18 +201,18 @@ export const theme = { 'Surface/Accent/3': '#454E3D', 'Surface/Accent/4': '#D3952D', 'Surface/Accent/5': '#18347F', - 'Surface/Feedback/Information Accent': '#284EA0', - 'Surface/Feedback/Information': '#E8F6FF', - 'Surface/Feedback/Succes Accent': '#348337', - 'Surface/Feedback/Succes': '#F3FCE8', - 'Surface/Feedback/Warning Accent': '#D17308', - 'Surface/Feedback/Warning Light': '#FFF8E3', - 'Surface/Feedback/Error Accent': '#AD0015', - 'Surface/Feedback/Error': '#FFEBEB', - 'Surface/Feedback/Neutral Accent': '#747474', - 'Surface/Feedback/Neutral': '#E9E9E9', + '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/Intense': '#BFBFBF', + 'Border/Strong': '#BFBFBF', 'Border/Inverted': '#FFFFFF', 'Icon/Default': '#575757', 'Icon/Intense': '#1F1F1F', @@ -282,11 +284,11 @@ export const theme = { 'Border/Divider/Default': '#D9D9D9', 'Border/Divider/Subtle': '#E9E9E9', 'Border/Divider/Accent': '#BFBFBF', + 'Border/Divider/Brand/OnAccent/Default': '#BB7524', 'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF', - 'Border/Divider/Brand/OnPrimary 1/Secondary': '#FFFFFF', 'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF', - 'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF', - 'Border/Interactive/Selected': '#262626', + 'Border/Divider/Brand/OnPrimary 3/Default': '#C69382', + 'Border/Interactive/Active': '#262626', 'Border/Interactive/Focus': '#262626', 'Border/Interactive/Disabled': '#BFBFBF', 'Border/Interactive/Error': '#AD0015', diff --git a/packages/design-system/lib/styles/grand-hotel.css b/packages/design-system/lib/styles/grand-hotel.css index 95336a551..3b3425284 100644 --- a/packages/design-system/lib/styles/grand-hotel.css +++ b/packages/design-system/lib/styles/grand-hotel.css @@ -35,6 +35,7 @@ --Link-sm-Text-Decoration: underline; --Signature-Grand-Hotel-Blue-Bayoux-100: #21252b; --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-Careys-Pink-40: #dba7b1; @@ -43,17 +44,13 @@ --Signature-Grand-Hotel-Careys-Pink-70: #8e4258; --Signature-Grand-Hotel-Cloudy-0: #f7f6f5; --Signature-Grand-Hotel-Cloudy-10: #ebeae9; - --Signature-Grand-Hotel-Cloudy-20: #d7d7d1; + --Signature-Grand-Hotel-Cloudy-20: #d7d5d1; --Signature-Grand-Hotel-Cloudy-30: #b2ada7; --Signature-Grand-Hotel-Submarine-30: #b0c4cb; + --Surface-Brand-Accent-OnAccent-Default: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff; --Surface-Brand-Primary-1-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Default: #ffffff; --Surface-Primary-Hover-Light: #e6e5e5; --Surface-Primary-Hover: #f2f2f2; --Surface-Secondary-Hover: #ebeae9; @@ -115,21 +112,23 @@ --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); --Border-Default: var(--Neutral-20); --Border-Divider-Accent: var(--Neutral-30); - --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-1-Secondary: var( - --Neutral-Opacity-White-100 + --Border-Divider-Brand-OnAccent-Default: var( + --Signature-Grand-Hotel-Cloudy-30 ); + --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-3-Default: var( + --Signature-Grand-Hotel-Careys-Pink-70 + ); --Border-Divider-Default: var(--Neutral-20); --Border-Divider-Subtle: var(--Neutral-15); - --Border-Intense: var(--Neutral-30); + --Border-Interactive-Active: var(--Neutral-80); --Border-Interactive-Default: var(--Neutral-30); --Border-Interactive-Disabled: var(--Neutral-30); --Border-Interactive-Error: var(--Scandic-Red-70); --Border-Interactive-Focus: var(--Neutral-80); - --Border-Interactive-Selected: var(--Neutral-80); --Border-Inverted: var(--Neutral-Opacity-White-100); + --Border-Strong: var(--Neutral-30); --Component-Button-Brand-Primary-Border-Default: var( --Neutral-Opacity-White-0 ); @@ -268,32 +267,50 @@ --Surface-Accent-3: var(--Signature-Grand-Hotel-Careys-Pink-50); --Surface-Accent-4: var(--Signature-Grand-Hotel-Blue-Bayoux-50); --Surface-Accent-5: var(--Signature-Grand-Hotel-Blue-Bayoux-90); - --Surface-Brand-Accent-Default: var(--Signature-Grand-Hotel-Cloudy-30); + --Surface-Brand-Accent-Default: var(--Signature-Grand-Hotel-Cloudy-20); + --Surface-Brand-Accent-OnAccent-Accent-Secondary: var( + --Signature-Grand-Hotel-Blue-Bayoux-100 + ); + --Surface-Brand-Accent-OnAccent-Accent: var( + --Signature-Grand-Hotel-Blue-Bayoux-100 + ); --Surface-Brand-Primary-1-Default: var( - --Signature-Grand-Hotel-Careys-Pink-40 + --Signature-Grand-Hotel-Blue-Bayoux-50 ); --Surface-Brand-Primary-2-Default: var( --Signature-Grand-Hotel-Careys-Pink-40 ); - --Surface-Brand-Primary-3-Default: var( - --Signature-Grand-Hotel-Blue-Bayoux-50 + --Surface-Brand-Primary-2-OnSurface-Accent: var( + --Signature-Grand-Hotel-Blue-Bayoux-100 ); - --Surface-Feedback-Error-Accent: var(--Scandic-Red-70); - --Surface-Feedback-Error: var(--Scandic-Red-00); - --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Surface-Feedback-Information: var(--Scandic-Blue-00); - --Surface-Feedback-Neutral-Accent: var(--Neutral-50); - --Surface-Feedback-Neutral: var(--Neutral-15); - --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Surface-Feedback-Succes: var(--Scandic-Green-00); - --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00); - --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Surface-Brand-Primary-2-OnSurface-Default: var( + --Signature-Grand-Hotel-Blue-Bayoux-100 + ); + --Surface-Brand-Primary-3-Default: var( + --Signature-Grand-Hotel-Careys-Pink-40 + ); + --Surface-Brand-Primary-3-OnSurface-Accent: var( + --Signature-Grand-Hotel-Careys-Pink-70 + ); + --Surface-Brand-Primary-3-OnSurface-Default: var( + --Signature-Grand-Hotel-Careys-Pink-70 + ); + --Surface-Feedback-Error-light: var(--Scandic-Red-00); + --Surface-Feedback-Error: var(--Scandic-Red-70); + --Surface-Feedback-Information-light: var(--Scandic-Blue-00); + --Surface-Feedback-Information: var(--Scandic-Blue-70); + --Surface-Feedback-Neutral-light: var(--Neutral-15); + --Surface-Feedback-Neutral: var(--Neutral-50); + --Surface-Feedback-Succes-light: var(--Scandic-Green-00); + --Surface-Feedback-Succes: var(--Scandic-Green-60); + --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00); + --Surface-Feedback-Warning: var(--Scandic-Yellow-60); --Surface-Primary-Default: var(--Neutral-Opacity-White-100); - --Surface-Primary-Disabled: var(--Neutral-15); + --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10); --Surface-Primary-Hover-Accent: var(--Neutral-15); --Surface-Primary-OnSurface-Default: var(--Signature-Grand-Hotel-Cloudy-0); - --Surface-Secondary-Default-dark: var(--Signature-Grand-Hotel-Cloudy-10); --Surface-Secondary-Default: var(--Signature-Grand-Hotel-Cloudy-0); + --Surface-Secondary-Subtle: var(--Signature-Grand-Hotel-Cloudy-10); --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100); --Surface-UI-Fill-Active: var(--Neutral-80); --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); @@ -303,31 +320,31 @@ --Tag-Font-weight: var(--Font-weight-Medium); --Tag-Size: var(--Impl-Text-size-5xs); --Text-Accent-Primary: var(--Signature-Grand-Hotel-Careys-Pink-60); - --Text-Accent-Secondary: var(--Neutral-50); + --Text-Brand-OnAccent-Accent-Secondary: var(--Neutral-50); --Text-Brand-OnAccent-Accent: var(--Neutral-90); --Text-Brand-OnAccent-Default: var(--Neutral-90); --Text-Brand-OnAccent-Heading: var(--Neutral-90); - --Text-Brand-OnPrimary-1-Accent: var(--Neutral-90); - --Text-Brand-OnPrimary-1-Default: var(--Neutral-90); - --Text-Brand-OnPrimary-1-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Accent: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-1-Heading: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Accent: var(--Neutral-90); --Text-Brand-OnPrimary-2-Default: var(--Neutral-90); --Text-Brand-OnPrimary-2-Heading: var(--Neutral-90); - --Text-Brand-OnPrimary-3-Accent: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-3-Accent: var(--Neutral-90); + --Text-Brand-OnPrimary-3-Default: var(--Neutral-90); + --Text-Brand-OnPrimary-3-Heading: var(--Neutral-90); --Text-Default: var(--Neutral-90); - --Text-Feedback-Error-Accent: var(--Scandic-Red-70); - --Text-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Text-Feedback-Neutral-Accent: var(--Neutral-50); - --Text-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Text-Feedback-Error: var(--Scandic-Red-70); + --Text-Feedback-Information: var(--Scandic-Blue-70); + --Text-Feedback-Neutral: var(--Neutral-50); + --Text-Feedback-Succes: var(--Scandic-Green-60); + --Text-Feedback-Warning: var(--Scandic-Yellow-60); --Text-Heading: var(--Neutral-90); --Text-Interactive-Default: var(--Signature-Grand-Hotel-Blue-Bayoux-100); --Text-Interactive-Disabled: var(--Neutral-40); --Text-Interactive-Error: var(--Scandic-Red-70); --Text-Interactive-Focus: var(--Neutral-80); - --Text-Interactive-Hover: var(--Signature-Grand-Hotel-Careys-Pink-60); + --Text-Interactive-Hover: var(--Signature-Grand-Hotel-Blue-Bayoux-80); --Text-Interactive-Placeholder: var(--Neutral-50); --Text-Interactive-Secondary-Hover: var( --Signature-Grand-Hotel-Careys-Pink-50 diff --git a/packages/design-system/lib/styles/grand-hotel.js b/packages/design-system/lib/styles/grand-hotel.js index b88e2a7e1..cc48e057e 100644 --- a/packages/design-system/lib/styles/grand-hotel.js +++ b/packages/design-system/lib/styles/grand-hotel.js @@ -6,8 +6,9 @@ export const theme = { 'Signature/Grand Hotel/Careys Pink/70': '#8E4258', 'Signature/Grand Hotel/Cloudy/0': '#F7F6F5', 'Signature/Grand Hotel/Cloudy/10': '#EBEAE9', - 'Signature/Grand Hotel/Cloudy/20': '#D7D7D1', + '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', @@ -67,14 +68,10 @@ export const theme = { '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', - 'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF', 'Utilities/Gradients/10': '#5B6E7F1A', 'Font family/Grand Hotel/Title': 'Canela Deck', 'Font family/Grand Hotel/Body': 'Fira sans', @@ -127,10 +124,9 @@ export const theme = { 'Text/Secondary': '#575757', 'Text/Tertiary': '#747474', 'Text/Accent Primary': '#AA546B', - 'Text/Accent Secondary': '#747474', 'Text/Inverted': '#FFFFFF', 'Text/Interactive/Default': '#21252B', - 'Text/Interactive/Hover': '#AA546B', + 'Text/Interactive/Hover': '#3D444D', 'Text/Interactive/Secondary': '#AA546B', 'Text/Interactive/Secondary Hover': '#C27183', 'Text/Interactive/Disabled': '#8C8C8C', @@ -138,22 +134,23 @@ export const theme = { 'Text/Interactive/Error': '#AD0015', 'Text/Interactive/Placeholder': '#747474', 'Text/Brand/OnAccent/Heading': '#1F1F1F', - 'Text/Feedback/Information Accent': '#284EA0', - 'Text/Feedback/Succes Accent': '#348337', - 'Text/Feedback/Warning Accent': '#D17308', - 'Text/Feedback/Error Accent': '#AD0015', - 'Text/Feedback/Neutral Accent': '#747474', + '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/OnPrimary 1/Heading': '#1F1F1F', - 'Text/Brand/OnPrimary 1/Default': '#1F1F1F', - 'Text/Brand/OnPrimary 1/Accent': '#1F1F1F', + 'Text/Brand/OnAccent/Accent Secondary': '#747474', + 'Text/Brand/OnPrimary 1/Heading': '#FFFFFF', + 'Text/Brand/OnPrimary 1/Default': '#FFFFFF', + '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': '#FFFFFF', - 'Text/Brand/OnPrimary 3/Default': '#FFFFFF', - 'Text/Brand/OnPrimary 3/Accent': '#FFFFFF', + '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', @@ -161,14 +158,20 @@ export const theme = { 'Surface/Primary/Hover Light': '#e6e5e5', 'Surface/Primary/Hover Accent': '#E9E9E9', 'Surface/Primary/OnSurface/Default': '#F7F6F5', - 'Surface/Primary/Disabled': '#E9E9E9', + 'Surface/Primary/Disabled': '#1F1C1B1A', 'Surface/Secondary/Default': '#F7F6F5', - 'Surface/Secondary/Default dark': '#EBEAE9', + 'Surface/Secondary/Subtle': '#EBEAE9', 'Surface/Secondary/Hover': '#ebeae9', - 'Surface/Brand/Accent/Default': '#B2ADA7', - 'Surface/Brand/Primary 1/Default': '#DBA7B1', + '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 3/Default': '#5B6E7F', + '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', @@ -179,18 +182,18 @@ export const theme = { 'Surface/Accent/3': '#C27183', 'Surface/Accent/4': '#5B6E7F', 'Surface/Accent/5': '#363C43', - 'Surface/Feedback/Information Accent': '#284EA0', - 'Surface/Feedback/Information': '#E8F6FF', - 'Surface/Feedback/Succes Accent': '#348337', - 'Surface/Feedback/Succes': '#F3FCE8', - 'Surface/Feedback/Warning Accent': '#D17308', - 'Surface/Feedback/Warning Light': '#FFF8E3', - 'Surface/Feedback/Error Accent': '#AD0015', - 'Surface/Feedback/Error': '#FFEBEB', - 'Surface/Feedback/Neutral Accent': '#747474', - 'Surface/Feedback/Neutral': '#E9E9E9', + '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/Intense': '#BFBFBF', + 'Border/Strong': '#BFBFBF', 'Border/Inverted': '#FFFFFF', 'Icon/Default': '#575757', 'Icon/Intense': '#1F1F1F', @@ -262,11 +265,11 @@ export const theme = { '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 1/Secondary': '#FFFFFF', 'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF', - 'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF', - 'Border/Interactive/Selected': '#262626', + 'Border/Divider/Brand/OnPrimary 3/Default': '#8E4258', + 'Border/Interactive/Active': '#262626', 'Border/Interactive/Focus': '#262626', 'Border/Interactive/Disabled': '#BFBFBF', 'Border/Interactive/Error': '#AD0015', diff --git a/packages/design-system/lib/styles/haymarket.css b/packages/design-system/lib/styles/haymarket.css index 57a23a789..7d14c1977 100644 --- a/packages/design-system/lib/styles/haymarket.css +++ b/packages/design-system/lib/styles/haymarket.css @@ -64,14 +64,10 @@ --Signature-Haymarket-Vista-White-70: #8e5547; --Signature-Haymarket-Vista-White-80: #76493e; --Signature-Haymarket-Vista-White-90: #644138; + --Surface-Brand-Accent-OnAccent-Default: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff; --Surface-Brand-Primary-1-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Default: #ffffff; --Surface-Primary-Hover-Light: #e6e5e5; --Surface-Primary-Hover: #f2f2f2; --Surface-Secondary-Hover: #efebea; @@ -93,7 +89,7 @@ --Title-Subtitle-md-Font-fallback: sans-serif; --Title-Subtitle-md-Letter-spacing: 0.2px; --Title-lg-Font-fallback: Serif; - --Title-lg-Letter-spacing: 1.44px; + --Title-lg-Letter-spacing: 0.96px; --Title-lg-Text-Transform: none; --Title-md-Font-fallback: Serif; --Title-md-Letter-spacing: 0.36px; @@ -134,21 +130,23 @@ --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); --Border-Default: var(--Neutral-20); --Border-Divider-Accent: var(--Neutral-30); - --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-1-Secondary: var( - --Neutral-Opacity-White-100 + --Border-Divider-Brand-OnAccent-Default: var( + --Signature-Haymarket-Antique-Brass-30 ); + --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-3-Default: var( + --Signature-Haymarket-Bismark-20 + ); --Border-Divider-Default: var(--Neutral-20); --Border-Divider-Subtle: var(--Neutral-15); - --Border-Intense: var(--Neutral-30); + --Border-Interactive-Active: var(--Neutral-80); --Border-Interactive-Default: var(--Neutral-30); --Border-Interactive-Disabled: var(--Neutral-30); --Border-Interactive-Error: var(--Scandic-Red-70); --Border-Interactive-Focus: var(--Neutral-80); - --Border-Interactive-Selected: var(--Neutral-80); --Border-Inverted: var(--Neutral-Opacity-White-100); + --Border-Strong: var(--Neutral-30); --Component-Button-Brand-Primary-Border-Default: var( --Neutral-Opacity-White-0 ); @@ -278,27 +276,45 @@ --Surface-Accent-4: var(--Signature-Haymarket-Antique-Brass-40); --Surface-Accent-5: var(--Signature-Haymarket-Bismark-90); --Surface-Brand-Accent-Default: var(--Signature-Haymarket-Antique-Brass-50); - --Surface-Brand-Primary-1-Default: var(--Signature-Haymarket-Bismark-60); + --Surface-Brand-Accent-OnAccent-Accent-Secondary: var( + --Signature-Haymarket-Antique-Brass-10 + ); + --Surface-Brand-Accent-OnAccent-Accent: var( + --Signature-Haymarket-Antique-Brass-10 + ); + --Surface-Brand-Primary-1-Default: var(--Signature-Haymarket-Vista-White-20); --Surface-Brand-Primary-2-Default: var( --Signature-Haymarket-Antique-Brass-50 ); - --Surface-Brand-Primary-3-Default: var(--Signature-Haymarket-Vista-White-20); - --Surface-Feedback-Error-Accent: var(--Scandic-Red-70); - --Surface-Feedback-Error: var(--Scandic-Red-00); - --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Surface-Feedback-Information: var(--Scandic-Blue-00); - --Surface-Feedback-Neutral-Accent: var(--Neutral-50); - --Surface-Feedback-Neutral: var(--Neutral-15); - --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Surface-Feedback-Succes: var(--Scandic-Green-00); - --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00); - --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Surface-Brand-Primary-2-OnSurface-Accent: var( + --Signature-Haymarket-Antique-Brass-10 + ); + --Surface-Brand-Primary-2-OnSurface-Default: var( + --Signature-Haymarket-Antique-Brass-10 + ); + --Surface-Brand-Primary-3-Default: var(--Signature-Haymarket-Bismark-60); + --Surface-Brand-Primary-3-OnSurface-Accent: var( + --Signature-Haymarket-Bismark-20 + ); + --Surface-Brand-Primary-3-OnSurface-Default: var( + --Signature-Haymarket-Bismark-20 + ); + --Surface-Feedback-Error-light: var(--Scandic-Red-00); + --Surface-Feedback-Error: var(--Scandic-Red-70); + --Surface-Feedback-Information-light: var(--Scandic-Blue-00); + --Surface-Feedback-Information: var(--Scandic-Blue-70); + --Surface-Feedback-Neutral-light: var(--Neutral-15); + --Surface-Feedback-Neutral: var(--Neutral-50); + --Surface-Feedback-Succes-light: var(--Scandic-Green-00); + --Surface-Feedback-Succes: var(--Scandic-Green-60); + --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00); + --Surface-Feedback-Warning: var(--Scandic-Yellow-60); --Surface-Primary-Default: var(--Neutral-Opacity-White-100); - --Surface-Primary-Disabled: var(--Neutral-15); + --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10); --Surface-Primary-Hover-Accent: var(--Neutral-15); --Surface-Primary-OnSurface-Default: var(--Signature-Haymarket-Vista-White-0); - --Surface-Secondary-Default-dark: var(--Signature-Haymarket-Vista-White-10); --Surface-Secondary-Default: var(--Signature-Haymarket-Vista-White-0); + --Surface-Secondary-Subtle: var(--Signature-Haymarket-Vista-White-10); --Surface-UI-Fill-Active: var(--Neutral-80); --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); --Surface-UI-Fill-Disabled: var(--Neutral-15); @@ -307,31 +323,33 @@ --Tag-Font-weight: var(--Font-weight-Medium); --Tag-Size: var(--Impl-Text-size-5xs); --Text-Accent-Primary: var(--Signature-Haymarket-Antique-Brass-60); - --Text-Accent-Secondary: var(--Signature-Haymarket-Antique-Brass-60); + --Text-Brand-OnAccent-Accent-Secondary: var( + --Signature-Haymarket-Antique-Brass-60 + ); --Text-Brand-OnAccent-Accent: var(--Neutral-Opacity-White-100); --Text-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnAccent-Heading: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-1-Accent: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-1-Heading: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-1-Accent: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Default: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Heading: var(--Neutral-90); --Text-Brand-OnPrimary-2-Accent: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-3-Accent: var(--Neutral-90); - --Text-Brand-OnPrimary-3-Default: var(--Neutral-90); - --Text-Brand-OnPrimary-3-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-3-Accent: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100); --Text-Default: var(--Neutral-90); - --Text-Feedback-Error-Accent: var(--Scandic-Red-70); - --Text-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Text-Feedback-Neutral-Accent: var(--Neutral-50); - --Text-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Text-Feedback-Error: var(--Scandic-Red-70); + --Text-Feedback-Information: var(--Scandic-Blue-70); + --Text-Feedback-Neutral: var(--Neutral-50); + --Text-Feedback-Succes: var(--Scandic-Green-60); + --Text-Feedback-Warning: var(--Scandic-Yellow-60); --Text-Heading: var(--Neutral-90); --Text-Interactive-Default: var(--Neutral-90); --Text-Interactive-Disabled: var(--Neutral-40); --Text-Interactive-Error: var(--Scandic-Red-70); --Text-Interactive-Focus: var(--Neutral-80); - --Text-Interactive-Hover: var(--Signature-Haymarket-Antique-Brass-60); + --Text-Interactive-Hover: var(--Neutral-70); --Text-Interactive-Placeholder: var(--Neutral-50); --Text-Interactive-Secondary-Hover: var( --Signature-Haymarket-Antique-Brass-40 diff --git a/packages/design-system/lib/styles/haymarket.js b/packages/design-system/lib/styles/haymarket.js index 51a261f5d..42e81007c 100644 --- a/packages/design-system/lib/styles/haymarket.js +++ b/packages/design-system/lib/styles/haymarket.js @@ -33,7 +33,7 @@ export const theme = { 'Signature/Haymarket/Bismark/80': '#394951', 'Signature/Haymarket/Bismark/90': '#334046', 'Signature/Haymarket/Bismark/100': '#1E282E', - 'Title/lg/Letter spacing': 1.44, + 'Title/lg/Letter spacing': 0.96, 'Title/lg/Font fallback': 'Serif', 'Title/lg/Text-Transform': 'none', 'Title/md/Letter spacing': 0.36, @@ -87,14 +87,10 @@ export const theme = { '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', - 'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF', 'Utilities/Gradients/10': '#F0DDD81A', 'Font family/Haymarket/Title': 'Prumo text', 'Font family/Haymarket/Body': 'Fira sans', @@ -147,10 +143,9 @@ export const theme = { 'Text/Secondary': '#575757', 'Text/Tertiary': '#747474', 'Text/Accent Primary': '#805E45', - 'Text/Accent Secondary': '#805E45', 'Text/Inverted': '#FFFFFF', 'Text/Interactive/Default': '#1F1F1F', - 'Text/Interactive/Hover': '#805E45', + 'Text/Interactive/Hover': '#454545', 'Text/Interactive/Secondary': '#805E45', 'Text/Interactive/Secondary Hover': '#BA8E6E', 'Text/Interactive/Disabled': '#8C8C8C', @@ -158,22 +153,23 @@ export const theme = { 'Text/Interactive/Error': '#AD0015', 'Text/Interactive/Placeholder': '#747474', 'Text/Brand/OnAccent/Heading': '#FFFFFF', - 'Text/Feedback/Information Accent': '#284EA0', - 'Text/Feedback/Succes Accent': '#348337', - 'Text/Feedback/Warning Accent': '#D17308', - 'Text/Feedback/Error Accent': '#AD0015', - 'Text/Feedback/Neutral Accent': '#747474', + '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/OnPrimary 1/Heading': '#FFFFFF', - 'Text/Brand/OnPrimary 1/Default': '#FFFFFF', - 'Text/Brand/OnPrimary 1/Accent': '#FFFFFF', + 'Text/Brand/OnAccent/Accent Secondary': '#805E45', + 'Text/Brand/OnPrimary 1/Heading': '#1F1F1F', + 'Text/Brand/OnPrimary 1/Default': '#1F1F1F', + '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': '#1F1F1F', - 'Text/Brand/OnPrimary 3/Default': '#1F1F1F', - 'Text/Brand/OnPrimary 3/Accent': '#1F1F1F', + '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', @@ -181,14 +177,20 @@ export const theme = { 'Surface/Primary/Hover Light': '#e6e5e5', 'Surface/Primary/Hover Accent': '#E9E9E9', 'Surface/Primary/OnSurface/Default': '#FBF7F6', - 'Surface/Primary/Disabled': '#E9E9E9', + 'Surface/Primary/Disabled': '#1F1C1B1A', 'Surface/Secondary/Default': '#FBF7F6', - 'Surface/Secondary/Default dark': '#F6ECEA', + 'Surface/Secondary/Subtle': '#F6ECEA', 'Surface/Secondary/Hover': '#efebea', 'Surface/Brand/Accent/Default': '#946F54', - 'Surface/Brand/Primary 1/Default': '#4A6C78', + '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 3/Default': '#F0DDD8', + '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', @@ -199,18 +201,18 @@ export const theme = { 'Surface/Accent/3': '#483425', 'Surface/Accent/4': '#BA8E6E', 'Surface/Accent/5': '#334046', - 'Surface/Feedback/Information Accent': '#284EA0', - 'Surface/Feedback/Information': '#E8F6FF', - 'Surface/Feedback/Succes Accent': '#348337', - 'Surface/Feedback/Succes': '#F3FCE8', - 'Surface/Feedback/Warning Accent': '#D17308', - 'Surface/Feedback/Warning Light': '#FFF8E3', - 'Surface/Feedback/Error Accent': '#AD0015', - 'Surface/Feedback/Error': '#FFEBEB', - 'Surface/Feedback/Neutral Accent': '#747474', - 'Surface/Feedback/Neutral': '#E9E9E9', + '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/Intense': '#BFBFBF', + 'Border/Strong': '#BFBFBF', 'Border/Inverted': '#FFFFFF', 'Icon/Default': '#575757', 'Icon/Intense': '#1F1F1F', @@ -282,11 +284,11 @@ export const theme = { '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 1/Secondary': '#FFFFFF', 'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF', - 'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF', - 'Border/Interactive/Selected': '#262626', + 'Border/Divider/Brand/OnPrimary 3/Default': '#C5D7DC', + 'Border/Interactive/Active': '#262626', 'Border/Interactive/Focus': '#262626', 'Border/Interactive/Disabled': '#BFBFBF', 'Border/Interactive/Error': '#AD0015', diff --git a/packages/design-system/lib/styles/hotel-norge.css b/packages/design-system/lib/styles/hotel-norge.css index 8667efb27..ae4f49fed 100644 --- a/packages/design-system/lib/styles/hotel-norge.css +++ b/packages/design-system/lib/styles/hotel-norge.css @@ -32,12 +32,14 @@ --Link-sm-Letter-spacing: 0.2px; --Link-sm-Text-Decoration: underline; --Signature-Hotel-Norge-Dark-blue-0: #b7c5c8; - --Signature-Hotel-Norge-Dark-blue-100: #2f3445; + --Signature-Hotel-Norge-Dark-blue-100: #181e34; --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: #181e34; + --Signature-Hotel-Norge-Dark-blue-90: #2f3445; --Signature-Hotel-Norge-Emerald-0: #c7ddd5; --Signature-Hotel-Norge-Emerald-100: #004337; + --Signature-Hotel-Norge-Emerald-50: #779990; --Signature-Hotel-Norge-Emerald-80: #3a655c; --Signature-Hotel-Norge-Emerald-90: #26544a; --Signature-Hotel-Norge-Off-White-0: #fdfefd; @@ -52,14 +54,10 @@ --Signature-Hotel-Norge-Off-White-80: #838481; --Signature-Hotel-Norge-Off-White-90: #6f716f; --Signature-Hotel-Norge-Salmon-50: #ec615b; + --Surface-Brand-Accent-OnAccent-Default: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff; --Surface-Brand-Primary-1-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Default: #ffffff; --Surface-Primary-Hover-Light: #e6e5e5; --Surface-Primary-Hover: #f2f2f2; --Surface-Secondary-Hover: #e3e4df; @@ -70,7 +68,7 @@ --Title-Decorative-lg-Letter-spacing: 0.24px; --Title-Decorative-lg-Text-Transform: uppercase; --Title-Decorative-md-Font-fallback: sans-serif; - --Title-Decorative-md-Letter-spacing: 0.32px; + --Title-Decorative-md-Letter-spacing: 0.16px; --Title-Decorative-md-Text-Transform: uppercase; --Title-Overline-sm-Font-fallback: sans-serif; --Title-Overline-sm-Letter-spacing: 0.21px; @@ -97,7 +95,7 @@ --Title-xs-Font-fallback: sans-serif; --Title-xs-Letter-spacing: -0.05px; --Title-xs-Text-Transform: none; - --Utilities-Gradients-10: #3c43361a; + --Utilities-Gradients-10: #0043371a; /* Aliases */ --Background-Primary: var(--Neutral-Opacity-White-100); @@ -121,21 +119,23 @@ --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); --Border-Default: var(--Neutral-20); --Border-Divider-Accent: var(--Neutral-30); - --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-1-Secondary: var( - --Neutral-Opacity-White-100 + --Border-Divider-Brand-OnAccent-Default: var( + --Signature-Hotel-Norge-Dark-blue-60 ); + --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-3-Default: var( + --Signature-Hotel-Norge-Emerald-50 + ); --Border-Divider-Default: var(--Neutral-20); --Border-Divider-Subtle: var(--Neutral-15); - --Border-Intense: var(--Neutral-30); + --Border-Interactive-Active: var(--Neutral-80); --Border-Interactive-Default: var(--Neutral-30); --Border-Interactive-Disabled: var(--Neutral-30); --Border-Interactive-Error: var(--Scandic-Red-70); --Border-Interactive-Focus: var(--Neutral-80); - --Border-Interactive-Selected: var(--Neutral-80); --Border-Inverted: var(--Neutral-Opacity-White-100); + --Border-Strong: var(--Neutral-30); --Component-Button-Brand-Primary-Border-Default: var( --Neutral-Opacity-White-0 ); @@ -144,7 +144,7 @@ ); --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0); --Component-Button-Brand-Primary-Fill-Default: var( - --Signature-Hotel-Norge-Dark-blue-90 + --Signature-Hotel-Norge-Dark-blue-100 ); --Component-Button-Brand-Primary-Fill-Disabled: var( --Neutral-Opacity-Black-10 @@ -157,7 +157,7 @@ --Neutral-Opacity-White-100 ); --Component-Button-Brand-Secondary-Border-Default: var( - --Signature-Hotel-Norge-Dark-blue-90 + --Signature-Hotel-Norge-Dark-blue-100 ); --Component-Button-Brand-Secondary-Border-Disabled: var( --Neutral-Opacity-Black-10 @@ -182,7 +182,7 @@ --Neutral-Opacity-White-100 ); --Component-Button-Brand-Secondary-On-fill-Default: var( - --Signature-Hotel-Norge-Dark-blue-90 + --Signature-Hotel-Norge-Dark-blue-100 ); --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40); --Component-Button-Brand-Secondary-On-fill-Hover: var( @@ -223,7 +223,7 @@ --Signature-Hotel-Norge-Emerald-100 ); --Component-Button-Inverted-On-fill-Default: var( - --Signature-Hotel-Norge-Dark-blue-90 + --Signature-Hotel-Norge-Dark-blue-100 ); --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40); --Component-Button-Inverted-On-fill-Hover-inverted: var( @@ -251,7 +251,7 @@ --Icon-Feedback-Warning: var(--Scandic-Yellow-60); --Icon-Intense: var(--Neutral-90); --Icon-Interactive-Accent: var(--Signature-Hotel-Norge-Emerald-90); - --Icon-Interactive-Default: var(--Signature-Hotel-Norge-Dark-blue-90); + --Icon-Interactive-Default: var(--Signature-Hotel-Norge-Dark-blue-100); --Icon-Interactive-Disabled: var(--Neutral-30); --Icon-Interactive-Placeholder: var(--Neutral-50); --Icon-Interactive-Secondary: var(--Signature-Hotel-Norge-Emerald-90); @@ -279,27 +279,45 @@ --Surface-Accent-4: var(--Signature-Hotel-Norge-Dark-blue-30); --Surface-Accent-5: var(--Signature-Hotel-Norge-Dark-blue-80); --Surface-Brand-Accent-Default: var(--Signature-Hotel-Norge-Emerald-0); - --Surface-Brand-Primary-1-Default: var(--Signature-Hotel-Norge-Dark-blue-90); - --Surface-Brand-Primary-2-Default: var(--Signature-Hotel-Norge-Dark-blue-90); - --Surface-Brand-Primary-3-Default: var(--Signature-Hotel-Norge-Emerald-100); - --Surface-Feedback-Error-Accent: var(--Scandic-Red-70); - --Surface-Feedback-Error: var(--Scandic-Red-00); - --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Surface-Feedback-Information: var(--Scandic-Blue-00); - --Surface-Feedback-Neutral-Accent: var(--Neutral-50); - --Surface-Feedback-Neutral: var(--Neutral-15); - --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Surface-Feedback-Succes: var(--Scandic-Green-00); - --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00); - --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Surface-Brand-Accent-OnAccent-Accent-Secondary: var( + --Signature-Hotel-Norge-Dark-blue-90 + ); + --Surface-Brand-Accent-OnAccent-Accent: var( + --Signature-Hotel-Norge-Dark-blue-90 + ); + --Surface-Brand-Primary-1-Default: var(--Signature-Hotel-Norge-Emerald-100); + --Surface-Brand-Primary-2-Default: var(--Signature-Hotel-Norge-Dark-blue-100); + --Surface-Brand-Primary-2-OnSurface-Accent: var( + --Signature-Hotel-Norge-Dark-blue-90 + ); + --Surface-Brand-Primary-2-OnSurface-Default: var( + --Signature-Hotel-Norge-Dark-blue-90 + ); + --Surface-Brand-Primary-3-Default: var(--Signature-Hotel-Norge-Dark-blue-100); + --Surface-Brand-Primary-3-OnSurface-Accent: var( + --Signature-Hotel-Norge-Dark-blue-0 + ); + --Surface-Brand-Primary-3-OnSurface-Default: var( + --Signature-Hotel-Norge-Dark-blue-0 + ); + --Surface-Feedback-Error-light: var(--Scandic-Red-00); + --Surface-Feedback-Error: var(--Scandic-Red-70); + --Surface-Feedback-Information-light: var(--Scandic-Blue-00); + --Surface-Feedback-Information: var(--Scandic-Blue-70); + --Surface-Feedback-Neutral-light: var(--Neutral-15); + --Surface-Feedback-Neutral: var(--Neutral-50); + --Surface-Feedback-Succes-light: var(--Scandic-Green-00); + --Surface-Feedback-Succes: var(--Scandic-Green-60); + --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00); + --Surface-Feedback-Warning: var(--Scandic-Yellow-60); --Surface-Primary-Default: var(--Neutral-Opacity-White-100); - --Surface-Primary-Disabled: var(--Neutral-15); + --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10); --Surface-Primary-Hover-Accent: var(--Neutral-15); --Surface-Primary-OnSurface-Default: var( --Signature-Hotel-Norge-Off-White-30 ); - --Surface-Secondary-Default-dark: var(--Signature-Hotel-Norge-Off-White-60); --Surface-Secondary-Default: var(--Signature-Hotel-Norge-Off-White-50); + --Surface-Secondary-Subtle: var(--Signature-Hotel-Norge-Off-White-60); --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100); --Surface-UI-Fill-Active: var(--Neutral-80); --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); @@ -309,7 +327,7 @@ --Tag-Font-weight: var(--Font-weight-Medium); --Tag-Size: var(--Impl-Text-size-5xs); --Text-Accent-Primary: var(--Neutral-50); - --Text-Accent-Secondary: var(--Neutral-50); + --Text-Brand-OnAccent-Accent-Secondary: var(--Neutral-50); --Text-Brand-OnAccent-Accent: var(--Signature-Hotel-Norge-Emerald-100); --Text-Brand-OnAccent-Default: var(--Neutral-90); --Text-Brand-OnAccent-Heading: var(--Neutral-90); @@ -323,17 +341,17 @@ --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100); --Text-Default: var(--Neutral-90); - --Text-Feedback-Error-Accent: var(--Scandic-Red-70); - --Text-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Text-Feedback-Neutral-Accent: var(--Neutral-50); - --Text-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Text-Feedback-Error: var(--Scandic-Red-70); + --Text-Feedback-Information: var(--Scandic-Blue-70); + --Text-Feedback-Neutral: var(--Neutral-50); + --Text-Feedback-Succes: var(--Scandic-Green-60); + --Text-Feedback-Warning: var(--Scandic-Yellow-60); --Text-Heading: var(--Neutral-90); - --Text-Interactive-Default: var(--Signature-Hotel-Norge-Dark-blue-90); + --Text-Interactive-Default: var(--Signature-Hotel-Norge-Dark-blue-100); --Text-Interactive-Disabled: var(--Neutral-40); --Text-Interactive-Error: var(--Scandic-Red-70); --Text-Interactive-Focus: var(--Neutral-80); - --Text-Interactive-Hover: var(--Signature-Hotel-Norge-Emerald-90); + --Text-Interactive-Hover: var(--Signature-Hotel-Norge-Dark-blue-80); --Text-Interactive-Placeholder: var(--Neutral-50); --Text-Interactive-Secondary-Hover: var(--Signature-Hotel-Norge-Emerald-80); --Text-Interactive-Secondary: var(--Signature-Hotel-Norge-Emerald-90); diff --git a/packages/design-system/lib/styles/hotel-norge.js b/packages/design-system/lib/styles/hotel-norge.js index 19d7b6d36..5cbf8f189 100644 --- a/packages/design-system/lib/styles/hotel-norge.js +++ b/packages/design-system/lib/styles/hotel-norge.js @@ -7,19 +7,21 @@ export const theme = { 'Signature/Hotel Norge/Off White/40': '#F2F3EF', 'Signature/Hotel Norge/Off White/50': '#EFF0EB', 'Signature/Hotel Norge/Off White/60': '#D9DAD6', - 'Signature/Hotel Norge/Emerald/0': '#C7DDD5', 'Signature/Hotel Norge/Off White/70': '#AAAAA7', - 'Signature/Hotel Norge/Off White/80': '#838481', + 'Signature/Hotel Norge/Emerald/0': '#C7DDD5', + 'Signature/Hotel Norge/Emerald/50': '#779990', 'Signature/Hotel Norge/Emerald/80': '#3A655C', + 'Signature/Hotel Norge/Off White/80': '#838481', '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/Emerald/90': '#26544A', 'Signature/Hotel Norge/Dark blue/0': '#B7C5C8', + 'Signature/Hotel Norge/Emerald/100': '#004337', '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': '#181E34', - 'Signature/Hotel Norge/Dark blue/100': '#2F3445', + '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', @@ -30,7 +32,7 @@ export const theme = { '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.32, + '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', @@ -72,15 +74,11 @@ export const theme = { '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', - 'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF', - 'Utilities/Gradients/10': '#3C43361A', + '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', @@ -132,10 +130,9 @@ export const theme = { 'Text/Secondary': '#575757', 'Text/Tertiary': '#747474', 'Text/Accent Primary': '#747474', - 'Text/Accent Secondary': '#747474', 'Text/Inverted': '#FFFFFF', 'Text/Interactive/Default': '#181E34', - 'Text/Interactive/Hover': '#26544A', + 'Text/Interactive/Hover': '#404655', 'Text/Interactive/Secondary': '#26544A', 'Text/Interactive/Secondary Hover': '#3A655C', 'Text/Interactive/Disabled': '#8C8C8C', @@ -143,13 +140,14 @@ export const theme = { 'Text/Interactive/Error': '#AD0015', 'Text/Interactive/Placeholder': '#747474', 'Text/Brand/OnAccent/Heading': '#1F1F1F', - 'Text/Feedback/Information Accent': '#284EA0', - 'Text/Feedback/Succes Accent': '#348337', - 'Text/Feedback/Warning Accent': '#D17308', - 'Text/Feedback/Error Accent': '#AD0015', - 'Text/Feedback/Neutral Accent': '#747474', + '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/Accent': '#B7C5C8', @@ -166,14 +164,20 @@ export const theme = { 'Surface/Primary/Hover Light': '#e6e5e5', 'Surface/Primary/Hover Accent': '#E9E9E9', 'Surface/Primary/OnSurface/Default': '#F4F5F2', - 'Surface/Primary/Disabled': '#E9E9E9', + 'Surface/Primary/Disabled': '#1F1C1B1A', 'Surface/Secondary/Default': '#EFF0EB', - 'Surface/Secondary/Default dark': '#D9DAD6', + 'Surface/Secondary/Subtle': '#D9DAD6', 'Surface/Secondary/Hover': '#e3e4df', 'Surface/Brand/Accent/Default': '#C7DDD5', - 'Surface/Brand/Primary 1/Default': '#181E34', + '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 3/Default': '#004337', + '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', @@ -184,18 +188,18 @@ export const theme = { 'Surface/Accent/3': '#004337', 'Surface/Accent/4': '#858F97', 'Surface/Accent/5': '#404655', - 'Surface/Feedback/Information Accent': '#284EA0', - 'Surface/Feedback/Information': '#E8F6FF', - 'Surface/Feedback/Succes Accent': '#348337', - 'Surface/Feedback/Succes': '#F3FCE8', - 'Surface/Feedback/Warning Accent': '#D17308', - 'Surface/Feedback/Warning Light': '#FFF8E3', - 'Surface/Feedback/Error Accent': '#AD0015', - 'Surface/Feedback/Error': '#FFEBEB', - 'Surface/Feedback/Neutral Accent': '#747474', - 'Surface/Feedback/Neutral': '#E9E9E9', + '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/Intense': '#BFBFBF', + 'Border/Strong': '#BFBFBF', 'Border/Inverted': '#FFFFFF', 'Icon/Default': '#575757', 'Icon/Intense': '#1F1F1F', @@ -267,11 +271,11 @@ export const theme = { '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 1/Secondary': '#FFFFFF', 'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF', - 'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF', - 'Border/Interactive/Selected': '#262626', + 'Border/Divider/Brand/OnPrimary 3/Default': '#779990', + 'Border/Interactive/Active': '#262626', 'Border/Interactive/Focus': '#262626', 'Border/Interactive/Disabled': '#BFBFBF', 'Border/Interactive/Error': '#AD0015', diff --git a/packages/design-system/lib/styles/marski.css b/packages/design-system/lib/styles/marski.css index 441e9002d..8b944758d 100644 --- a/packages/design-system/lib/styles/marski.css +++ b/packages/design-system/lib/styles/marski.css @@ -13,12 +13,12 @@ --Body-Underline-sm-Font-fallback: sans-serif; --Body-Underline-sm-Letter-spacing: 0.2px; --Body-Underline-sm-Text-Decoration: underline; - --Component-Button-Brand-Primary-Fill-Hover: #283b48; - --Component-Button-Brand-Secondary-Border-Hover-inverted: #818c95; - --Component-Button-Brand-Secondary-On-fill-Hover-inverted: #b2b9be; + --Component-Button-Brand-Primary-Fill-Hover: #51262b; + --Component-Button-Brand-Secondary-Border-Hover-inverted: #9d8081; + --Component-Button-Brand-Secondary-On-fill-Hover-inverted: #c3b1b2; --Component-Button-Brand-Tertiary-Fill-Hover: #1a54e7; --Component-Button-Inverted-Fill-Hover: #e6e5e5; - --Component-Button-Inverted-On-fill-Hover: #283b48; + --Component-Button-Inverted-On-fill-Hover: #51262b; --Component-Button-Muted-Border-Hover: #ffffff30; --Font-family-Marski-Body: 'Fira sans'; --Font-family-Marski-Decorative: 'Helvetica Neue'; @@ -48,7 +48,7 @@ --Signature-Marski-Blue-ribbon-20: #b9deff; --Signature-Marski-Blue-ribbon-30: #89cbff; --Signature-Marski-Blue-ribbon-40: #52aeff; - --Signature-Marski-Blue-ribbon-50: #2a8bff; + --Signature-Marski-Blue-ribbon-50: #458aff; --Signature-Marski-Blue-ribbon-60: #136afd; --Signature-Marski-Blue-ribbon-70: #0d57f3; --Signature-Marski-Blue-ribbon-80: #1043bd; @@ -70,19 +70,15 @@ --Signature-Marski-Torch-red-20: #ffc1c7; --Signature-Marski-Torch-red-30: #ff96a0; --Signature-Marski-Torch-red-40: #ff5a6a; - --Signature-Marski-Torch-red-50: #ff273b; + --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; + --Surface-Brand-Accent-OnAccent-Default: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff; --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff; --Surface-Brand-Primary-1-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-2-OnSurface-Default: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff; - --Surface-Brand-Primary-3-OnSurface-Default: #ffffff; --Surface-Primary-Hover-Light: #e6e5e5; --Surface-Primary-Hover: #f2f2f2; --Surface-Secondary-Hover: #e0e2e3; @@ -120,7 +116,7 @@ --Title-xs-Font-fallback: sans-serif; --Title-xs-Letter-spacing: 0.24px; --Title-xs-Text-Transform: none; - --Utilities-Gradients-10: #3e11181a; + --Utilities-Gradients-10: #1229371a; /* Aliases */ --Background-Primary: var(--Neutral-0); @@ -144,21 +140,21 @@ --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); --Border-Default: var(--Neutral-20); --Border-Divider-Accent: var(--Neutral-30); + --Border-Divider-Brand-OnAccent-Default: var(--Signature-Marski-Elephant-30); --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-1-Secondary: var( - --Neutral-Opacity-White-100 - ); --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); - --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-3-Default: var( + --Signature-Marski-Torch-red-20 + ); --Border-Divider-Default: var(--Neutral-20); --Border-Divider-Subtle: var(--Neutral-15); - --Border-Intense: var(--Neutral-30); + --Border-Interactive-Active: var(--Neutral-80); --Border-Interactive-Default: var(--Neutral-30); --Border-Interactive-Disabled: var(--Neutral-30); --Border-Interactive-Error: var(--Scandic-Red-70); --Border-Interactive-Focus: var(--Neutral-80); - --Border-Interactive-Selected: var(--Neutral-80); --Border-Inverted: var(--Neutral-Opacity-White-100); + --Border-Strong: var(--Neutral-30); --Component-Button-Brand-Primary-Border-Default: var( --Neutral-Opacity-White-0 ); @@ -167,7 +163,7 @@ ); --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0); --Component-Button-Brand-Primary-Fill-Default: var( - --Signature-Marski-Elephant-100 + --Signature-Marski-Aubergine-100 ); --Component-Button-Brand-Primary-Fill-Disabled: var( --Neutral-Opacity-Black-10 @@ -180,13 +176,13 @@ --Neutral-Opacity-White-100 ); --Component-Button-Brand-Secondary-Border-Default: var( - --Signature-Marski-Elephant-100 + --Signature-Marski-Aubergine-100 ); --Component-Button-Brand-Secondary-Border-Disabled: var( --Neutral-Opacity-Black-10 ); --Component-Button-Brand-Secondary-Border-Hover: var( - --Signature-Marski-Elephant-80 + --Signature-Marski-Aubergine-80 ); --Component-Button-Brand-Secondary-Border-Inverted: var( --Neutral-Opacity-White-100 @@ -198,18 +194,18 @@ --Neutral-Opacity-Black-10 ); --Component-Button-Brand-Secondary-Fill-Hover-Inverted: var( - --Signature-Marski-Elephant-100 + --Signature-Marski-Aubergine-100 ); --Component-Button-Brand-Secondary-Fill-Hover: var(--Neutral-Opacity-White-0); --Component-Button-Brand-Secondary-Fill-Inverted: var( --Neutral-Opacity-White-100 ); --Component-Button-Brand-Secondary-On-fill-Default: var( - --Signature-Marski-Elephant-100 + --Signature-Marski-Aubergine-100 ); --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40); --Component-Button-Brand-Secondary-On-fill-Hover: var( - --Signature-Marski-Elephant-80 + --Signature-Marski-Aubergine-80 ); --Component-Button-Brand-Secondary-On-fill-Inverted: var( --Neutral-Opacity-White-100 @@ -243,10 +239,10 @@ --Component-Button-Inverted-Fill-Disabled: var(--Neutral-Opacity-Black-10); --Component-Button-Inverted-Fill-Faded: var(--Neutral-Opacity-White-90); --Component-Button-Inverted-Fill-Hover-Inverted: var( - --Signature-Marski-Elephant-100 + --Signature-Marski-Aubergine-100 ); --Component-Button-Inverted-On-fill-Default: var( - --Signature-Marski-Elephant-100 + --Signature-Marski-Aubergine-100 ); --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40); --Component-Button-Inverted-On-fill-Hover-inverted: var( @@ -262,7 +258,7 @@ --Component-Button-Muted-On-fill-Default: var(--Neutral-90); --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40); --Component-Button-Muted-On-fill-Hover-Inverted: var( - --Signature-Marski-Elephant-80 + --Signature-Marski-Aubergine-80 ); --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100); --Icon-Accent: var(--Signature-Marski-Blue-ribbon-80); @@ -302,25 +298,37 @@ --Surface-Accent-4: var(--Signature-Marski-Elephant-100); --Surface-Accent-5: var(--Signature-Marski-Blue-ribbon-90); --Surface-Brand-Accent-Default: var(--Neutral-60); + --Surface-Brand-Accent-OnAccent-Accent-Secondary: var( + --Signature-Marski-Elephant-20 + ); + --Surface-Brand-Accent-OnAccent-Accent: var(--Signature-Marski-Elephant-20); --Surface-Brand-Primary-1-Default: var(--Signature-Marski-Elephant-100); - --Surface-Brand-Primary-2-Default: var(--Signature-Marski-Elephant-100); + --Surface-Brand-Primary-2-Default: var(--Signature-Marski-Aubergine-100); + --Surface-Brand-Primary-2-OnSurface-Accent: var( + --Signature-Marski-Elephant-20 + ); + --Surface-Brand-Primary-2-OnSurface-Default: var( + --Signature-Marski-Elephant-20 + ); --Surface-Brand-Primary-3-Default: var(--Signature-Marski-Aubergine-100); - --Surface-Feedback-Error-Accent: var(--Scandic-Red-70); - --Surface-Feedback-Error: var(--Scandic-Red-00); - --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Surface-Feedback-Information: var(--Scandic-Blue-00); - --Surface-Feedback-Neutral-Accent: var(--Neutral-50); - --Surface-Feedback-Neutral: var(--Neutral-15); - --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Surface-Feedback-Succes: var(--Scandic-Green-00); - --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00); - --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Surface-Brand-Primary-3-OnSurface-Accent: var(--Neutral-Opacity-White-100); + --Surface-Brand-Primary-3-OnSurface-Default: var(--Neutral-Opacity-White-100); + --Surface-Feedback-Error-light: var(--Scandic-Red-00); + --Surface-Feedback-Error: var(--Scandic-Red-70); + --Surface-Feedback-Information-light: var(--Scandic-Blue-00); + --Surface-Feedback-Information: var(--Scandic-Blue-70); + --Surface-Feedback-Neutral-light: var(--Neutral-15); + --Surface-Feedback-Neutral: var(--Neutral-50); + --Surface-Feedback-Succes-light: var(--Scandic-Green-00); + --Surface-Feedback-Succes: var(--Scandic-Green-60); + --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00); + --Surface-Feedback-Warning: var(--Scandic-Yellow-60); --Surface-Primary-Default: var(--Neutral-Opacity-White-100); - --Surface-Primary-Disabled: var(--Neutral-15); + --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10); --Surface-Primary-Hover-Accent: var(--Neutral-15); --Surface-Primary-OnSurface-Default: var(--Signature-Marski-Elephant-0); - --Surface-Secondary-Default-dark: var(--Signature-Marski-Elephant-20); --Surface-Secondary-Default: var(--Signature-Marski-Elephant-10); + --Surface-Secondary-Subtle: var(--Signature-Marski-Elephant-20); --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100); --Surface-UI-Fill-Active: var(--Neutral-80); --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); @@ -330,31 +338,31 @@ --Tag-Font-weight: var(--Font-weight-Medium); --Tag-Size: var(--Impl-Text-size-5xs); --Text-Accent-Primary: var(--Neutral-50); - --Text-Accent-Secondary: var(--Neutral-50); + --Text-Brand-OnAccent-Accent-Secondary: var(--Neutral-50); --Text-Brand-OnAccent-Accent: var(--Neutral-Opacity-White-100); --Text-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnAccent-Heading: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-1-Accent: var(--Signature-Marski-Blue-ribbon-40); + --Text-Brand-OnPrimary-1-Accent: var(--Signature-Marski-Blue-ribbon-50); --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-1-Heading: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-2-Accent: var(--Signature-Marski-Torch-red-40); + --Text-Brand-OnPrimary-2-Accent: var(--Signature-Marski-Torch-red-50); --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-3-Accent: var(--Signature-Marski-Torch-red-40); + --Text-Brand-OnPrimary-3-Accent: var(--Signature-Marski-Torch-red-50); --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100); --Text-Default: var(--Neutral-90); - --Text-Feedback-Error-Accent: var(--Scandic-Red-70); - --Text-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Text-Feedback-Neutral-Accent: var(--Neutral-50); - --Text-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Text-Feedback-Error: var(--Scandic-Red-70); + --Text-Feedback-Information: var(--Scandic-Blue-70); + --Text-Feedback-Neutral: var(--Neutral-50); + --Text-Feedback-Succes: var(--Scandic-Green-60); + --Text-Feedback-Warning: var(--Scandic-Yellow-60); --Text-Heading: var(--Neutral-90); --Text-Interactive-Default: var(--Signature-Marski-Elephant-100); --Text-Interactive-Disabled: var(--Neutral-40); --Text-Interactive-Error: var(--Scandic-Red-70); --Text-Interactive-Focus: var(--Neutral-80); - --Text-Interactive-Hover: var(--Signature-Marski-Blue-ribbon-70); + --Text-Interactive-Hover: var(--Signature-Marski-Elephant-80); --Text-Interactive-Placeholder: var(--Neutral-50); --Text-Interactive-Secondary-Hover: var(--Signature-Marski-Blue-ribbon-90); --Text-Interactive-Secondary: var(--Signature-Marski-Blue-ribbon-70); @@ -377,21 +385,21 @@ --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium); --Title-Subtitle-md-Size: var(--Impl-Text-size-xs); --Title-lg-Font-family: var(--Font-family-Marski-Title); - --Title-lg-Font-weight: var(--Font-weight-Medium); + --Title-lg-Font-weight: var(--Font-weight-Bold); --Title-lg-Size: var(--Impl-Text-size-4xl); --Title-md-Font-family: var(--Font-family-Marski-Title); - --Title-md-Font-weight: var(--Font-weight-Medium); + --Title-md-Font-weight: var(--Font-weight-Bold); --Title-md-LowCase-Font-family: var(--Font-family-Marski-Title); --Title-md-LowCase-Font-weight: var(--Font-weight-Medium); --Title-md-LowCase-Size: var(--Impl-Text-size-2xl); --Title-md-Size: var(--Impl-Text-size-2xl); --Title-sm-Font-family: var(--Font-family-Marski-Title); - --Title-sm-Font-weight: var(--Font-weight-Medium); + --Title-sm-Font-weight: var(--Font-weight-Bold); --Title-sm-LowCase-Font-family: var(--Font-family-Marski-Title); --Title-sm-LowCase-Font-weight: var(--Font-weight-Medium); --Title-sm-LowCase-Size: var(--Impl-Text-size-lg); --Title-sm-Size: var(--Impl-Text-size-lg); --Title-xs-Font-family: var(--Font-family-Marski-Title); - --Title-xs-Font-weight: var(--Font-weight-Medium); + --Title-xs-Font-weight: var(--Font-weight-Bold); --Title-xs-Size: var(--Impl-Text-size-sm); } diff --git a/packages/design-system/lib/styles/marski.js b/packages/design-system/lib/styles/marski.js index 29641954e..3a4af0c83 100644 --- a/packages/design-system/lib/styles/marski.js +++ b/packages/design-system/lib/styles/marski.js @@ -16,7 +16,7 @@ export const theme = { 'Signature/Marski/Blue ribbon/20': '#B9DEFF', 'Signature/Marski/Blue ribbon/30': '#89CBFF', 'Signature/Marski/Blue ribbon/40': '#52AEFF', - 'Signature/Marski/Blue ribbon/50': '#2A8BFF', + 'Signature/Marski/Blue ribbon/50': '#458AFF', 'Signature/Marski/Blue ribbon/60': '#136AFD', 'Signature/Marski/Blue ribbon/70': '#0D57F3', 'Signature/Marski/Blue ribbon/80': '#1043BD', @@ -38,7 +38,7 @@ export const theme = { 'Signature/Marski/Torch red/20': '#FFC1C7', 'Signature/Marski/Torch red/30': '#FF96A0', 'Signature/Marski/Torch red/40': '#FF5A6A', - 'Signature/Marski/Torch red/50': '#FF273B', + 'Signature/Marski/Torch red/50': '#FF374A', 'Signature/Marski/Torch red/60': '#FB1228', 'Signature/Marski/Torch red/70': '#D40115', 'Signature/Marski/Torch red/80': '#AE0616', @@ -98,23 +98,19 @@ export const theme = { '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', - 'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF', - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF', - 'Utilities/Gradients/10': '#3E11181A', + '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': 500, + 'Title/lg/Font weight': 700, 'Title/lg/Font family': 'Helvetica Neue', - 'Title/md/Font weight': 500, + 'Title/md/Font weight': 700, 'Title/md/Font family': 'Helvetica Neue', - 'Title/sm/Font weight': 500, + 'Title/sm/Font weight': 700, 'Title/sm/Font family': 'Helvetica Neue', 'Title/sm/LowCase/Font weight': 500, 'Title/sm/LowCase/Font family': 'Helvetica Neue', @@ -128,7 +124,7 @@ export const theme = { 'Title/Subtitle/md/Font family': 'Fira sans', 'Title/Overline/sm/Font weight': 700, 'Title/Overline/sm/Font family': 'Helvetica Neue', - 'Title/xs/Font weight': 500, + 'Title/xs/Font weight': 700, 'Title/xs/Font family': 'Helvetica Neue', 'Title/md/LowCase/Font weight': 500, 'Title/md/LowCase/Font family': 'Helvetica Neue', @@ -158,10 +154,9 @@ export const theme = { 'Text/Secondary': '#575757', 'Text/Tertiary': '#747474', 'Text/Accent Primary': '#747474', - 'Text/Accent Secondary': '#747474', 'Text/Inverted': '#FFFFFF', 'Text/Interactive/Default': '#122937', - 'Text/Interactive/Hover': '#0D57F3', + 'Text/Interactive/Hover': '#2C414D', 'Text/Interactive/Secondary': '#0D57F3', 'Text/Interactive/Secondary Hover': '#143D94', 'Text/Interactive/Disabled': '#8C8C8C', @@ -169,22 +164,23 @@ export const theme = { 'Text/Interactive/Error': '#AD0015', 'Text/Interactive/Placeholder': '#747474', 'Text/Brand/OnAccent/Heading': '#FFFFFF', - 'Text/Feedback/Information Accent': '#284EA0', - 'Text/Feedback/Succes Accent': '#348337', - 'Text/Feedback/Warning Accent': '#D17308', - 'Text/Feedback/Error Accent': '#AD0015', - 'Text/Feedback/Neutral Accent': '#747474', + '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/Accent': '#52AEFF', + 'Text/Brand/OnPrimary 1/Accent': '#458AFF', 'Text/Brand/OnPrimary 2/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 2/Default': '#FFFFFF', - 'Text/Brand/OnPrimary 2/Accent': '#FF5A6A', + 'Text/Brand/OnPrimary 2/Accent': '#FF374A', 'Text/Brand/OnPrimary 3/Heading': '#FFFFFF', 'Text/Brand/OnPrimary 3/Default': '#FFFFFF', - 'Text/Brand/OnPrimary 3/Accent': '#FF5A6A', + 'Text/Brand/OnPrimary 3/Accent': '#FF374A', 'Background/Primary': '#FCFCFC', 'Background/Secondary': '#FFFFFF', 'Surface/Primary/Default': '#FFFFFF', @@ -192,14 +188,20 @@ export const theme = { 'Surface/Primary/Hover Light': '#e6e5e5', 'Surface/Primary/Hover Accent': '#E9E9E9', 'Surface/Primary/OnSurface/Default': '#F6F6F7', - 'Surface/Primary/Disabled': '#E9E9E9', + 'Surface/Primary/Disabled': '#1F1C1B1A', 'Surface/Secondary/Default': '#ECEEEF', - 'Surface/Secondary/Default dark': '#E0E3E5', + 'Surface/Secondary/Subtle': '#E0E3E5', 'Surface/Secondary/Hover': '#e0e2e3', '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': '#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', @@ -210,18 +212,18 @@ export const theme = { 'Surface/Accent/3': '#256931', 'Surface/Accent/4': '#122937', 'Surface/Accent/5': '#143D94', - 'Surface/Feedback/Information Accent': '#284EA0', - 'Surface/Feedback/Information': '#E8F6FF', - 'Surface/Feedback/Succes Accent': '#348337', - 'Surface/Feedback/Succes': '#F3FCE8', - 'Surface/Feedback/Warning Accent': '#D17308', - 'Surface/Feedback/Warning Light': '#FFF8E3', - 'Surface/Feedback/Error Accent': '#AD0015', - 'Surface/Feedback/Error': '#FFEBEB', - 'Surface/Feedback/Neutral Accent': '#747474', - 'Surface/Feedback/Neutral': '#E9E9E9', + '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/Intense': '#BFBFBF', + 'Border/Strong': '#BFBFBF', 'Border/Inverted': '#FFFFFF', 'Icon/Default': '#575757', 'Icon/Intense': '#1F1F1F', @@ -244,8 +246,8 @@ export const theme = { 'Overlay/60': '#1F1C1B99', 'Overlay/80': '#1F1C1BCC', 'Overlay/90': '#1F1C1BE6', - 'Component/Button/Brand/Primary/Fill/Default': '#122937', - 'Component/Button/Brand/Primary/Fill/Hover': '#283b48', + 'Component/Button/Brand/Primary/Fill/Default': '#3E1118', + 'Component/Button/Brand/Primary/Fill/Hover': '#51262b', 'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A', 'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF', 'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF', @@ -256,17 +258,17 @@ export const theme = { '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': '#122937', + 'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#3E1118', 'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A', - 'Component/Button/Brand/Secondary/On fill/Default': '#122937', - 'Component/Button/Brand/Secondary/On fill/Hover': '#2C414D', + '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': '#b2b9be', + 'Component/Button/Brand/Secondary/On fill/Hover inverted': '#c3b1b2', 'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C', - 'Component/Button/Brand/Secondary/Border/Default': '#122937', - 'Component/Button/Brand/Secondary/Border/Hover': '#2C414D', + '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': '#818c95', + 'Component/Button/Brand/Secondary/Border/Hover inverted': '#9d8081', 'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A', 'Component/Button/Brand/Tertiary/Fill/Default': '#0D57F3', 'Component/Button/Brand/Tertiary/Fill/Hover': '#1a54e7', @@ -280,24 +282,24 @@ export const theme = { 'Component/Button/Inverted/Fill/Default': '#FFFFFF', 'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6', 'Component/Button/Inverted/Fill/Hover': '#e6e5e5', - 'Component/Button/Inverted/Fill/Hover Inverted': '#122937', + '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': '#122937', - 'Component/Button/Inverted/On fill/Hover': '#283b48', + 'Component/Button/Inverted/On fill/Default': '#3E1118', + 'Component/Button/Inverted/On fill/Hover': '#51262b', '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 1/Secondary': '#FFFFFF', 'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF', - 'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF', - 'Border/Interactive/Selected': '#262626', + 'Border/Divider/Brand/OnPrimary 3/Default': '#FFC1C7', + 'Border/Interactive/Active': '#262626', 'Border/Interactive/Focus': '#262626', 'Border/Interactive/Disabled': '#BFBFBF', 'Border/Interactive/Error': '#AD0015', @@ -308,7 +310,7 @@ export const theme = { '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': '#2C414D', + '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': '#ffffff30', diff --git a/packages/design-system/lib/styles/partner-sas.css b/packages/design-system/lib/styles/partner-sas.css new file mode 100644 index 000000000..ef535e45c --- /dev/null +++ b/packages/design-system/lib/styles/partner-sas.css @@ -0,0 +1,233 @@ +/* This file is generated, do not edit manually! */ +.partner-sas { + /* Values */ + --Component-Button-Brand-Primary-Fill-Hover: #34373d; + --Component-Button-Brand-Secondary-Border-Hover-inverted: #878a8d; + --Component-Button-Brand-Secondary-On-fill-Hover-inverted: #b6b7b9; + --Component-Button-Brand-Tertiary-Fill-Hover: #b8cad0; + --Component-Button-Brand-Tertiary-On-fill-Hover: #34373d; + --Component-Button-Inverted-Fill-Hover: #e6e5e5; + --Component-Button-Inverted-On-fill-Hover: #34373d; + --Component-Button-Muted-Border-Hover: #ffffff30; + --Component-Button-Muted-Fill-Hover-inverted: #f2f2f2; + --Surface-Brand-Accent-Default: #ffffff; + --Surface-Brand-Accent-OnAccent-Accent-Secondary: #ffffff; + --Surface-Brand-Accent-OnAccent-Accent: #ffffff; + --Surface-Brand-Accent-OnAccent-Default: #ffffff; + --Surface-Brand-Primary-1-Default: #fdfefd; + --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff; + --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff; + --Surface-Brand-Primary-1-OnSurface-Default: #ffffff; + --Surface-Brand-Primary-2-Default: #ffffff; + --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff; + --Surface-Brand-Primary-2-OnSurface-Default: #ffffff; + --Surface-Brand-Primary-3-Default: #ffffff; + --Surface-Brand-Primary-3-OnSurface-Accent: #ffffff; + --Surface-Brand-Primary-3-OnSurface-Default: #ffffff; + --Surface-Primary-Hover-Light: #e6e5e5; + --Surface-Primary-Hover: #f2f2f2; + --Surface-Secondary-Hover: #ebeae9; + --Utilities-Gradients-10: #5b6e7f1a; + + /* Aliases */ + --Background-Primary: var(--Neutral-Opacity-White-100); + --Background-Secondary: var(--Neutral-Opacity-White-100); + --Border-Default: var(--Neutral-20); + --Border-Divider-Accent: var(--Neutral-30); + --Border-Divider-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Default: var(--Neutral-20); + --Border-Divider-Subtle: var(--Neutral-15); + --Border-Interactive-Active: var(--Neutral-80); + --Border-Interactive-Default: var(--Neutral-30); + --Border-Interactive-Disabled: var(--Neutral-30); + --Border-Interactive-Error: var(--Scandic-Red-70); + --Border-Interactive-Focus: var(--Neutral-80); + --Border-Inverted: var(--Neutral-Opacity-White-100); + --Border-Strong: var(--Neutral-30); + --Component-Button-Brand-Primary-Border-Default: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Primary-Border-Disabled: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0); + --Component-Button-Brand-Primary-Fill-Default: var( + --Signature-Grand-Hotel-Blue-Bayoux-100 + ); + --Component-Button-Brand-Primary-Fill-Disabled: var( + --Neutral-Opacity-Black-10 + ); + --Component-Button-Brand-Primary-On-fill-Default: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Brand-Primary-On-fill-Hover: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Secondary-Border-Default: var( + --Signature-Grand-Hotel-Blue-Bayoux-100 + ); + --Component-Button-Brand-Secondary-Border-Disabled: var( + --Neutral-Opacity-Black-10 + ); + --Component-Button-Brand-Secondary-Border-Hover: var( + --Signature-Grand-Hotel-Blue-Bayoux-80 + ); + --Component-Button-Brand-Secondary-Border-Inverted: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Secondary-Fill-Default: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Secondary-Fill-Disabled: var( + --Neutral-Opacity-Black-10 + ); + --Component-Button-Brand-Secondary-Fill-Hover-Inverted: var( + --Signature-Grand-Hotel-Submarine-30 + ); + --Component-Button-Brand-Secondary-Fill-Hover: var(--Neutral-Opacity-White-0); + --Component-Button-Brand-Secondary-Fill-Inverted: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Secondary-On-fill-Default: var( + --Signature-Grand-Hotel-Blue-Bayoux-100 + ); + --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Brand-Secondary-On-fill-Hover: var( + --Signature-Grand-Hotel-Blue-Bayoux-80 + ); + --Component-Button-Brand-Secondary-On-fill-Inverted: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Tertiary-Border-Default: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Tertiary-Border-Disabled: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Tertiary-Border-Hover: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Tertiary-Fill-Default: var( + --Signature-Grand-Hotel-Submarine-30 + ); + --Component-Button-Brand-Tertiary-Fill-Disabled: var( + --Neutral-Opacity-Black-10 + ); + --Component-Button-Brand-Tertiary-On-fill-Default: var( + --Signature-Grand-Hotel-Blue-Bayoux-100 + ); + --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0); + --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-10); + --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-10); + --Component-Button-Inverted-Fill-Default: var(--Neutral-Opacity-White-100); + --Component-Button-Inverted-Fill-Disabled: var(--Neutral-Opacity-Black-10); + --Component-Button-Inverted-Fill-Faded: var(--Neutral-Opacity-White-90); + --Component-Button-Inverted-Fill-Hover-Inverted: var( + --Signature-Grand-Hotel-Submarine-30 + ); + --Component-Button-Inverted-On-fill-Default: var( + --Signature-Grand-Hotel-Blue-Bayoux-100 + ); + --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Inverted-On-fill-Hover-inverted: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10); + --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10); + --Component-Button-Muted-Fill-Default: var(--Neutral-Opacity-White-100); + --Component-Button-Muted-Fill-Disabled-inverted: var(--Neutral-20); + --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100); + --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100); + --Component-Button-Muted-On-fill-Default: var(--Neutral-90); + --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Muted-On-fill-Hover-Inverted: var( + --Signature-Grand-Hotel-Blue-Bayoux-80 + ); + --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100); + --Icon-Accent: var(--Signature-Grand-Hotel-Careys-Pink-40); + --Icon-Default: var(--Neutral-60); + --Icon-Feedback-Error: var(--Scandic-Red-70); + --Icon-Feedback-Information: var(--Scandic-Blue-70); + --Icon-Feedback-Neutral: var(--Neutral-60); + --Icon-Feedback-Success: var(--Scandic-Green-60); + --Icon-Feedback-Warning: var(--Scandic-Yellow-60); + --Icon-Intense: var(--Neutral-90); + --Icon-Interactive-Accent: var(--Signature-Grand-Hotel-Careys-Pink-60); + --Icon-Interactive-Default: var(--Signature-Grand-Hotel-Blue-Bayoux-100); + --Icon-Interactive-Disabled: var(--Neutral-30); + --Icon-Interactive-Placeholder: var(--Neutral-50); + --Icon-Interactive-Secondary: var(--Signature-Grand-Hotel-Careys-Pink-60); + --Icon-Inverted: var(--Neutral-Opacity-White-100); + --Overlay-10: var(--Neutral-Opacity-Black-10); + --Overlay-20: var(--Neutral-Opacity-Black-20); + --Overlay-30: var(--Neutral-Opacity-Black-20); + --Overlay-40: var(--Neutral-Opacity-Black-40); + --Overlay-60: var(--Neutral-Opacity-Black-60); + --Overlay-80: var(--Neutral-Opacity-Black-80); + --Overlay-90: var(--Neutral-Opacity-Black-90); + --Surface-Accent-1: var(--Signature-Grand-Hotel-Careys-Pink-70); + --Surface-Accent-2: var(--Scandic-Blue-70); + --Surface-Accent-3: var(--Signature-Grand-Hotel-Careys-Pink-50); + --Surface-Accent-4: var(--Signature-Grand-Hotel-Blue-Bayoux-50); + --Surface-Accent-5: var(--Signature-Grand-Hotel-Blue-Bayoux-90); + --Surface-Feedback-Error-light: var(--Scandic-Red-00); + --Surface-Feedback-Error: var(--Scandic-Red-70); + --Surface-Feedback-Information-light: var(--Scandic-Blue-00); + --Surface-Feedback-Information: var(--Scandic-Blue-70); + --Surface-Feedback-Neutral-light: var(--Neutral-15); + --Surface-Feedback-Neutral: var(--Neutral-50); + --Surface-Feedback-Succes-light: var(--Scandic-Green-00); + --Surface-Feedback-Succes: var(--Scandic-Green-60); + --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00); + --Surface-Feedback-Warning: var(--Scandic-Yellow-60); + --Surface-Primary-Default: var(--Neutral-Opacity-White-100); + --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10); + --Surface-Primary-Hover-Accent: var(--Neutral-15); + --Surface-Primary-OnSurface-Default: var(--Signature-Grand-Hotel-Cloudy-0); + --Surface-Secondary-Default: var(--Signature-Grand-Hotel-Cloudy-0); + --Surface-Secondary-Subtle: var(--Signature-Grand-Hotel-Cloudy-10); + --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100); + --Surface-UI-Fill-Active: var(--Neutral-80); + --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); + --Surface-UI-Fill-Disabled: var(--Neutral-15); + --Surface-UI-Fill-Intense: var(--Neutral-80); + --Text-Accent-Primary: var(--Signature-Grand-Hotel-Careys-Pink-60); + --Text-Brand-OnAccent-Accent-Secondary: var(--Neutral-50); + --Text-Brand-OnAccent-Accent: var(--Neutral-90); + --Text-Brand-OnAccent-Default: var(--Neutral-90); + --Text-Brand-OnAccent-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Accent: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Default: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-2-Accent: var(--Neutral-90); + --Text-Brand-OnPrimary-2-Default: var(--Neutral-90); + --Text-Brand-OnPrimary-2-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-3-Accent: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-3-Heading: var(--Neutral-90); + --Text-Default: var(--Neutral-90); + --Text-Feedback-Error: var(--Scandic-Red-70); + --Text-Feedback-Information: var(--Scandic-Blue-70); + --Text-Feedback-Neutral: var(--Neutral-50); + --Text-Feedback-Succes: var(--Scandic-Green-60); + --Text-Feedback-Warning: var(--Scandic-Yellow-60); + --Text-Heading: var(--Neutral-90); + --Text-Interactive-Default: var(--Signature-Grand-Hotel-Blue-Bayoux-100); + --Text-Interactive-Disabled: var(--Neutral-40); + --Text-Interactive-Error: var(--Scandic-Red-70); + --Text-Interactive-Focus: var(--Neutral-80); + --Text-Interactive-Hover: var(--Signature-Grand-Hotel-Careys-Pink-60); + --Text-Interactive-Placeholder: var(--Neutral-50); + --Text-Interactive-Secondary-Hover: var( + --Signature-Grand-Hotel-Careys-Pink-50 + ); + --Text-Interactive-Secondary: var(--Signature-Grand-Hotel-Careys-Pink-60); + --Text-Inverted: var(--Neutral-Opacity-White-100); + --Text-Secondary: var(--Neutral-60); + --Text-Tertiary: var(--Neutral-50); +} diff --git a/packages/design-system/lib/styles/partner-sas.js b/packages/design-system/lib/styles/partner-sas.js new file mode 100644 index 000000000..238290bc8 --- /dev/null +++ b/packages/design-system/lib/styles/partner-sas.js @@ -0,0 +1,174 @@ +/* This file is generated, do not edit manually! */ +export const theme = { + '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/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': '#f2f2f2', + 'Surface/Primary/Hover Light': '#e6e5e5', + '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': '#ebeae9', + '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/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': '#34373d', + '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': '#b6b7b9', + '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': '#878a8d', + 'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A', + 'Component/Button/Brand/Tertiary/Fill/Default': '#B0C4CB', + 'Component/Button/Brand/Tertiary/Fill/Hover': '#b8cad0', + 'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A', + 'Component/Button/Brand/Tertiary/On fill/Default': '#21252B', + 'Component/Button/Brand/Tertiary/On fill/Hover': '#34373d', + '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': '#e6e5e5', + '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': '#34373d', + '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': '#f2f2f2', + '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': '#ffffff30', + '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 b2bad43cf..09cf892a0 100644 --- a/packages/design-system/lib/styles/scandic-go.css +++ b/packages/design-system/lib/styles/scandic-go.css @@ -142,19 +142,19 @@ --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); --Border-Default: var(--Neutral-20); --Border-Divider-Accent: var(--Neutral-30); + --Border-Divider-Brand-OnAccent-Default: var(--Scandic-Go-Purple-90); --Border-Divider-Brand-OnPrimary-1-Default: var(--Scandic-Go-Purple-100); - --Border-Divider-Brand-OnPrimary-1-Secondary: var(--Scandic-Go-Purple-100); --Border-Divider-Brand-OnPrimary-2-Default: var(--Scandic-Go-Green-30); - --Border-Divider-Brand-OnPrimary-3-Default: var(--Scandic-Go-Purple-10); + --Border-Divider-Brand-OnPrimary-3-Default: var(--Scandic-Go-Purple-90); --Border-Divider-Default: var(--Neutral-20); --Border-Divider-Subtle: var(--Neutral-15); - --Border-Intense: var(--Neutral-30); + --Border-Interactive-Active: var(--Neutral-80); --Border-Interactive-Default: var(--Neutral-30); --Border-Interactive-Disabled: var(--Neutral-40); --Border-Interactive-Error: var(--Scandic-Red-70); --Border-Interactive-Focus: var(--Neutral-80); - --Border-Interactive-Selected: var(--Neutral-80); --Border-Inverted: var(--Neutral-Opacity-White-100); + --Border-Strong: var(--Neutral-30); --Component-Button-Brand-Primary-Border-Default: var( --Neutral-Opacity-White-0 ); @@ -281,37 +281,37 @@ --Surface-Accent-4: var(--Scandic-Go-Purple-10); --Surface-Accent-5: var(--Scandic-Go-Powder-Rose-50); --Surface-Brand-Accent-Default: var(--Scandic-Go-Yellow-30); - --Surface-Brand-Primary-1-Default: var(--Scandic-Go-Purple-10); + --Surface-Brand-Accent-OnAccent-Accent-Secondary: var(--Scandic-Go-Purple-90); + --Surface-Brand-Accent-OnAccent-Accent: var(--Scandic-Go-Purple-90); + --Surface-Brand-Accent-OnAccent-Default: var(--Scandic-Go-Purple-100); + --Surface-Brand-Primary-1-Default: var(--Scandic-Go-Purple-100); --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: var( - --Scandic-Go-Yellow-30 + --Scandic-Go-Purple-100 ); --Surface-Brand-Primary-1-OnSurface-Accent: var(--Scandic-Go-Coral-50); - --Surface-Brand-Primary-1-OnSurface-Default: var(--Scandic-Go-Purple-100); + --Surface-Brand-Primary-1-OnSurface-Default: var(--Scandic-Go-Yellow-30); --Surface-Brand-Primary-2-Default: var(--Scandic-Go-Green-90); --Surface-Brand-Primary-2-OnSurface-Accent: var(--Scandic-Go-Green-30); --Surface-Brand-Primary-2-OnSurface-Default: var(--Neutral-Opacity-White-100); - --Surface-Brand-Primary-3-Default: var(--Scandic-Go-Purple-100); - --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: var( - --Scandic-Go-Yellow-30 - ); - --Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Go-Cyan-20); - --Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Go-Purple-10); - --Surface-Feedback-Error-Accent: var(--Scandic-Red-70); - --Surface-Feedback-Error: var(--Scandic-Red-00); - --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Surface-Feedback-Information: var(--Scandic-Blue-00); - --Surface-Feedback-Neutral-Accent: var(--Neutral-50); - --Surface-Feedback-Neutral: var(--Neutral-15); - --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Surface-Feedback-Succes: var(--Scandic-Green-00); - --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00); - --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Surface-Brand-Primary-3-Default: var(--Scandic-Go-Purple-10); + --Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Go-Coral-50); + --Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Go-Coral-50); + --Surface-Feedback-Error-light: var(--Scandic-Red-00); + --Surface-Feedback-Error: var(--Scandic-Red-70); + --Surface-Feedback-Information-light: var(--Scandic-Blue-00); + --Surface-Feedback-Information: var(--Scandic-Blue-70); + --Surface-Feedback-Neutral-light: var(--Neutral-15); + --Surface-Feedback-Neutral: var(--Neutral-50); + --Surface-Feedback-Succes-light: var(--Scandic-Green-00); + --Surface-Feedback-Succes: var(--Scandic-Green-60); + --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00); + --Surface-Feedback-Warning: var(--Scandic-Yellow-60); --Surface-Primary-Default: var(--Neutral-Opacity-White-100); - --Surface-Primary-Disabled: var(--Neutral-15); + --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10); --Surface-Primary-Hover-Accent: var(--Scandic-Go-Purple-10); --Surface-Primary-OnSurface-Default: var(--Scandic-Go-Beige-0); - --Surface-Secondary-Default-dark: var(--Scandic-Go-Beige-20); --Surface-Secondary-Default: var(--Scandic-Go-Beige-10); + --Surface-Secondary-Subtle: var(--Scandic-Go-Beige-20); --Surface-UI-Fill-Active: var(--Neutral-80); --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); --Surface-UI-Fill-Disabled: var(--Neutral-15); @@ -320,25 +320,25 @@ --Tag-Font-weight: var(--Font-weight-Medium); --Tag-Size: var(--Impl-Text-size-5xs); --Text-Accent-Primary: var(--Scandic-Go-Purple-100); - --Text-Accent-Secondary: var(--Scandic-Go-Purple-80); + --Text-Brand-OnAccent-Accent-Secondary: var(--Scandic-Go-Purple-80); --Text-Brand-OnAccent-Accent: var(--Scandic-Go-Purple-100); --Text-Brand-OnAccent-Default: var(--Scandic-Go-Purple-100); --Text-Brand-OnAccent-Heading: var(--Scandic-Go-Purple-100); - --Text-Brand-OnPrimary-1-Accent: var(--Scandic-Go-Purple-100); - --Text-Brand-OnPrimary-1-Default: var(--Scandic-Go-Purple-100); - --Text-Brand-OnPrimary-1-Heading: var(--Scandic-Go-Purple-100); + --Text-Brand-OnPrimary-1-Accent: var(--Scandic-Go-Purple-10); + --Text-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-1-Heading: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Accent: var(--Scandic-Go-Purple-10); --Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-3-Accent: var(--Scandic-Go-Purple-10); - --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); - --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-3-Accent: var(--Scandic-Go-Purple-100); + --Text-Brand-OnPrimary-3-Default: var(--Scandic-Go-Purple-100); + --Text-Brand-OnPrimary-3-Heading: var(--Scandic-Go-Purple-100); --Text-Default: var(--Neutral-90); - --Text-Feedback-Error-Accent: var(--Scandic-Red-70); - --Text-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Text-Feedback-Neutral-Accent: var(--Neutral-50); - --Text-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Text-Feedback-Error: var(--Scandic-Red-70); + --Text-Feedback-Information: var(--Scandic-Blue-70); + --Text-Feedback-Neutral: var(--Neutral-50); + --Text-Feedback-Succes: var(--Scandic-Green-60); + --Text-Feedback-Warning: var(--Scandic-Yellow-60); --Text-Heading: var(--Scandic-Go-Purple-100); --Text-Interactive-Default: var(--Scandic-Go-Purple-100); --Text-Interactive-Disabled: var(--Neutral-40); diff --git a/packages/design-system/lib/styles/scandic-go.js b/packages/design-system/lib/styles/scandic-go.js index 2c6c7b777..d4f7381c1 100644 --- a/packages/design-system/lib/styles/scandic-go.js +++ b/packages/design-system/lib/styles/scandic-go.js @@ -154,7 +154,6 @@ export const theme = { 'Text/Secondary': '#575757', 'Text/Tertiary': '#747474', 'Text/Accent Primary': '#2D163A', - 'Text/Accent Secondary': '#5E2A8C', 'Text/Inverted': '#FFFFFF', 'Text/Interactive/Default': '#2D163A', 'Text/Interactive/Hover': '#5E2A8C', @@ -165,22 +164,23 @@ export const theme = { 'Text/Interactive/Error': '#AD0015', 'Text/Interactive/Placeholder': '#747474', 'Text/Brand/OnAccent/Heading': '#2D163A', - 'Text/Feedback/Information Accent': '#284EA0', - 'Text/Feedback/Succes Accent': '#348337', - 'Text/Feedback/Warning Accent': '#D17308', - 'Text/Feedback/Error Accent': '#AD0015', - 'Text/Feedback/Neutral Accent': '#747474', + '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/OnPrimary 1/Heading': '#2D163A', - 'Text/Brand/OnPrimary 1/Default': '#2D163A', - 'Text/Brand/OnPrimary 1/Accent': '#2D163A', + 'Text/Brand/OnAccent/Accent Secondary': '#5E2A8C', + 'Text/Brand/OnPrimary 1/Heading': '#FFFFFF', + 'Text/Brand/OnPrimary 1/Default': '#FFFFFF', + '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': '#FFFFFF', - 'Text/Brand/OnPrimary 3/Default': '#FFFFFF', - 'Text/Brand/OnPrimary 3/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', @@ -188,22 +188,24 @@ export const theme = { 'Surface/Primary/Hover Light': '#e6e5e5', 'Surface/Primary/Hover Accent': '#DCD7FF', 'Surface/Primary/OnSurface/Default': '#FAF8F2', - 'Surface/Primary/Disabled': '#E9E9E9', + 'Surface/Primary/Disabled': '#1F1C1B1A', 'Surface/Secondary/Default': '#F0EDE4', - 'Surface/Secondary/Default dark': '#E0DCCE', + 'Surface/Secondary/Subtle': '#E0DCCE', 'Surface/Secondary/Hover': '#e4e1d9', 'Surface/Brand/Accent/Default': '#F5FF73', - 'Surface/Brand/Primary 1/Default': '#DCD7FF', - 'Surface/Brand/Primary 1/OnSurface/Default': '#2D163A', + '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': '#F5FF73', + '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': '#2D163A', - 'Surface/Brand/Primary 3/OnSurface/Default': '#DCD7FF', - 'Surface/Brand/Primary 3/OnSurface/Accent': '#73FCEE', - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#F5FF73', + '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', @@ -214,18 +216,18 @@ export const theme = { 'Surface/Accent/3': '#85FF52', 'Surface/Accent/4': '#DCD7FF', 'Surface/Accent/5': '#ECC8C9', - 'Surface/Feedback/Information Accent': '#284EA0', - 'Surface/Feedback/Information': '#E8F6FF', - 'Surface/Feedback/Succes Accent': '#348337', - 'Surface/Feedback/Succes': '#F3FCE8', - 'Surface/Feedback/Warning Accent': '#D17308', - 'Surface/Feedback/Warning Light': '#FFF8E3', - 'Surface/Feedback/Error Accent': '#AD0015', - 'Surface/Feedback/Error': '#FFEBEB', - 'Surface/Feedback/Neutral Accent': '#747474', - 'Surface/Feedback/Neutral': '#E9E9E9', + '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/Intense': '#BFBFBF', + 'Border/Strong': '#BFBFBF', 'Border/Inverted': '#FFFFFF', 'Icon/Default': '#575757', 'Icon/Intense': '#1F1F1F', @@ -297,11 +299,11 @@ export const theme = { '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 1/Secondary': '#2D163A', 'Border/Divider/Brand/OnPrimary 2/Default': '#85FF52', - 'Border/Divider/Brand/OnPrimary 3/Default': '#DCD7FF', - 'Border/Interactive/Selected': '#262626', + 'Border/Divider/Brand/OnPrimary 3/Default': '#451F61', + 'Border/Interactive/Active': '#262626', 'Border/Interactive/Focus': '#262626', 'Border/Interactive/Disabled': '#8C8C8C', 'Border/Interactive/Error': '#AD0015', diff --git a/packages/design-system/lib/styles/scandic.css b/packages/design-system/lib/styles/scandic.css index 66a17453c..4f2f803e9 100644 --- a/packages/design-system/lib/styles/scandic.css +++ b/packages/design-system/lib/styles/scandic.css @@ -17,7 +17,7 @@ --Component-Button-Brand-Secondary-Border-Hover-inverted: #a87e83; --Component-Button-Brand-Secondary-On-fill-Hover-inverted: #cbb0b3; --Component-Button-Brand-Tertiary-Fill-Hover: #601e2d; - --Component-Button-Inverted-Fill-Hover: #e6e5e5; + --Component-Button-Inverted-Fill-Hover: #f2f2f2; --Component-Button-Inverted-On-fill-Hover: #601e2d; --Font-family-Scandic-Body: 'Fira sans'; --Font-family-Scandic-Decorative: 'Biro Script Plus'; @@ -169,19 +169,19 @@ --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); --Border-Default: var(--Scandic-Beige-20); --Border-Divider-Accent: var(--Scandic-Peach-30); + --Border-Divider-Brand-OnAccent-Default: var(--Scandic-Peach-80); --Border-Divider-Brand-OnPrimary-1-Default: var(--Scandic-Peach-40); - --Border-Divider-Brand-OnPrimary-1-Secondary: var(--Scandic-Peach-90); --Border-Divider-Brand-OnPrimary-2-Default: var(--Scandic-Red-70); --Border-Divider-Brand-OnPrimary-3-Default: var(--Scandic-Peach-80); --Border-Divider-Default: var(--Scandic-Beige-20); --Border-Divider-Subtle: var(--Scandic-Beige-10); - --Border-Intense: var(--Scandic-Beige-40); + --Border-Interactive-Active: var(--Scandic-Beige-70); --Border-Interactive-Default: var(--Scandic-Beige-50); --Border-Interactive-Disabled: var(--Scandic-Grey-40); --Border-Interactive-Error: var(--Scandic-Red-70); --Border-Interactive-Focus: var(--Scandic-Grey-100); - --Border-Interactive-Selected: var(--Scandic-Beige-70); --Border-Inverted: var(--Neutral-Opacity-White-100); + --Border-Strong: var(--Scandic-Beige-40); --Component-Button-Brand-Primary-Border-Default: var( --Neutral-Opacity-White-0 ); @@ -310,6 +310,9 @@ --Surface-Accent-4: var(--Scandic-Yellow-50); --Surface-Accent-5: var(--Scandic-Blue-80); --Surface-Brand-Accent-Default: var(--Scandic-Peach-30); + --Surface-Brand-Accent-OnAccent-Accent-Secondary: var(--Scandic-Peach-80); + --Surface-Brand-Accent-OnAccent-Accent: var(--Scandic-Red-Default); + --Surface-Brand-Accent-OnAccent-Default: var(--Scandic-Red-100); --Surface-Brand-Primary-1-Default: var(--Scandic-Peach-10); --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: var(--Scandic-Peach-80); --Surface-Brand-Primary-1-OnSurface-Accent: var(--Scandic-Red-Default); @@ -318,34 +321,33 @@ --Surface-Brand-Primary-2-OnSurface-Accent: var(--Scandic-Peach-10); --Surface-Brand-Primary-2-OnSurface-Default: var(--Scandic-Red-100); --Surface-Brand-Primary-3-Default: var(--Scandic-Red-100); - --Surface-Brand-Primary-3-OnSurface-Accent-Secondary: var(--Scandic-Peach-80); --Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Red-Default); --Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Peach-10); - --Surface-Feedback-Error-Accent: var(--Scandic-Red-70); - --Surface-Feedback-Error: var(--Scandic-Red-00); - --Surface-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Surface-Feedback-Information: var(--Scandic-Blue-00); - --Surface-Feedback-Neutral-Accent: var(--Scandic-Grey-60); - --Surface-Feedback-Neutral: var(--Scandic-Grey-10); - --Surface-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Surface-Feedback-Succes: var(--Scandic-Green-00); - --Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00); - --Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Surface-Feedback-Error-light: var(--Scandic-Red-00); + --Surface-Feedback-Error: var(--Scandic-Red-70); + --Surface-Feedback-Information-light: var(--Scandic-Blue-00); + --Surface-Feedback-Information: var(--Scandic-Blue-70); + --Surface-Feedback-Neutral-light: var(--Scandic-Grey-10); + --Surface-Feedback-Neutral: var(--Scandic-Grey-60); + --Surface-Feedback-Succes-light: var(--Scandic-Green-00); + --Surface-Feedback-Succes: var(--Scandic-Green-60); + --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00); + --Surface-Feedback-Warning: var(--Scandic-Yellow-60); --Surface-Primary-Default: var(--Neutral-Opacity-White-100); - --Surface-Primary-Disabled: var(--Scandic-Grey-10); + --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10); --Surface-Primary-Hover-Accent: var(--Scandic-Peach-10); --Surface-Primary-OnSurface-Default: var(--Scandic-Grey-00); - --Surface-Secondary-Default-dark: var(--Scandic-Beige-20); --Surface-Secondary-Default: var(--Scandic-Beige-10); + --Surface-Secondary-Subtle: var(--Scandic-Beige-20); --Surface-UI-Fill-Active: var(--Scandic-Peach-100); --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); - --Surface-UI-Fill-Disabled: var(--Scandic-Grey-10); + --Surface-UI-Fill-Disabled: var(--Neutral-Opacity-Black-10); --Surface-UI-Fill-Intense: var(--Scandic-Grey-100); --Tag-Font-family: var(--Font-family-Scandic-Title); --Tag-Font-weight: var(--Font-weight-Regular-bold); --Tag-Size: var(--Impl-Text-size-5xs); --Text-Accent-Primary: var(--Scandic-Red-Default); - --Text-Accent-Secondary: var(--Scandic-Peach-80); + --Text-Brand-OnAccent-Accent-Secondary: var(--Scandic-Peach-80); --Text-Brand-OnAccent-Accent: var(--Scandic-Peach-80); --Text-Brand-OnAccent-Default: var(--Scandic-Grey-100); --Text-Brand-OnAccent-Heading: var(--Scandic-Red-100); @@ -359,11 +361,11 @@ --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); --Text-Brand-OnPrimary-3-Heading: var(--Scandic-Peach-10); --Text-Default: var(--Scandic-Grey-100); - --Text-Feedback-Error-Accent: var(--Scandic-Red-70); - --Text-Feedback-Information-Accent: var(--Scandic-Blue-70); - --Text-Feedback-Neutral-Accent: var(--Scandic-Grey-60); - --Text-Feedback-Succes-Accent: var(--Scandic-Green-60); - --Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60); + --Text-Feedback-Error: var(--Scandic-Red-70); + --Text-Feedback-Information: var(--Scandic-Blue-70); + --Text-Feedback-Neutral: var(--Scandic-Grey-60); + --Text-Feedback-Succes: var(--Scandic-Green-60); + --Text-Feedback-Warning: var(--Scandic-Yellow-60); --Text-Heading: var(--Scandic-Red-100); --Text-Interactive-Default: var(--Scandic-Red-100); --Text-Interactive-Disabled: var(--Scandic-Grey-40); diff --git a/packages/design-system/lib/styles/scandic.js b/packages/design-system/lib/styles/scandic.js index a857e7a11..8756bb111 100644 --- a/packages/design-system/lib/styles/scandic.js +++ b/packages/design-system/lib/styles/scandic.js @@ -183,7 +183,6 @@ export const theme = { 'Text/Secondary': '#57514E', 'Text/Tertiary': '#787472', 'Text/Accent Primary': '#CD0921', - 'Text/Accent Secondary': '#8F4350', 'Text/Inverted': '#FFFFFF', 'Text/Interactive/Default': '#4D001B', 'Text/Interactive/Hover': '#8F4350', @@ -194,13 +193,14 @@ export const theme = { 'Text/Interactive/Error': '#AD0015', 'Text/Interactive/Placeholder': '#787472', 'Text/Brand/OnAccent/Heading': '#4D001B', - 'Text/Feedback/Information Accent': '#284EA0', - 'Text/Feedback/Succes Accent': '#348337', - 'Text/Feedback/Warning Accent': '#D17308', - 'Text/Feedback/Error Accent': '#AD0015', - 'Text/Feedback/Neutral Accent': '#787472', + '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/Accent': '#CD0921', @@ -217,11 +217,14 @@ export const theme = { 'Surface/Primary/Hover Light': '#e6e5e5', 'Surface/Primary/Hover Accent': '#F7E1D5', 'Surface/Primary/OnSurface/Default': '#F9F6F4', - 'Surface/Primary/Disabled': '#EBE8E6', + 'Surface/Primary/Disabled': '#1F1C1B1A', 'Surface/Secondary/Default': '#F2ECE6', - 'Surface/Secondary/Default dark': '#E3D9D1', + 'Surface/Secondary/Subtle': '#E3D9D1', 'Surface/Secondary/Hover': '#dad4cf', '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', @@ -232,29 +235,28 @@ export const theme = { 'Surface/Brand/Primary 3/Default': '#4D001B', 'Surface/Brand/Primary 3/OnSurface/Default': '#F7E1D5', 'Surface/Brand/Primary 3/OnSurface/Accent': '#CD0921', - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#8F4350', 'Surface/UI Fill/Default': '#FFFFFF', 'Surface/UI Fill/Intense': '#26201E', 'Surface/UI Fill/Active': '#4D0F25', 'Surface/UI Fill/Active Hover': '#ffffff', - 'Surface/UI Fill/Disabled': '#EBE8E6', + '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 Accent': '#284EA0', - 'Surface/Feedback/Information': '#E8F6FF', - 'Surface/Feedback/Succes Accent': '#348337', - 'Surface/Feedback/Succes': '#F3FCE8', - 'Surface/Feedback/Warning Accent': '#D17308', - 'Surface/Feedback/Warning Light': '#FFF8E3', - 'Surface/Feedback/Error Accent': '#AD0015', - 'Surface/Feedback/Error': '#FFEBEB', - 'Surface/Feedback/Neutral Accent': '#787472', - 'Surface/Feedback/Neutral': '#EBE8E6', + '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/Intense': '#B8A79A', + 'Border/Strong': '#B8A79A', 'Border/Inverted': '#FFFFFF', 'Icon/Default': '#57514E', 'Icon/Intense': '#26201E', @@ -312,7 +314,7 @@ export const theme = { 'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00', 'Component/Button/Inverted/Fill/Default': '#FFFFFF', 'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6', - 'Component/Button/Inverted/Fill/Hover': '#e6e5e5', + 'Component/Button/Inverted/Fill/Hover': '#f2f2f2', 'Component/Button/Inverted/Fill/Hover Inverted': '#4D001B', 'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A', 'Component/Button/Inverted/Border/Default': '#FFFFFF00', @@ -326,11 +328,11 @@ export const theme = { '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 1/Secondary': '#642636', 'Border/Divider/Brand/OnPrimary 2/Default': '#AD0015', 'Border/Divider/Brand/OnPrimary 3/Default': '#8F4350', - 'Border/Interactive/Selected': '#6B584D', + 'Border/Interactive/Active': '#6B584D', 'Border/Interactive/Focus': '#26201E', 'Border/Interactive/Disabled': '#A8A4A2', 'Border/Interactive/Error': '#AD0015', diff --git a/packages/design-system/lib/styles/the-dock.css b/packages/design-system/lib/styles/the-dock.css new file mode 100644 index 000000000..e28642d9d --- /dev/null +++ b/packages/design-system/lib/styles/the-dock.css @@ -0,0 +1,381 @@ +/* This file is generated, do not edit manually! */ +.the-dock { + /* Values */ + --Body-Lead-text-Font-fallback: sans-serif; + --Body-Lead-text-Letter-spacing: 0.2px; + --Body-Paragraph-Font-fallback: sans-serif; + --Body-Paragraph-Letter-spacing: 0.19px; + --Body-Supporting-text-Font-fallback: sans-serif; + --Body-Supporting-text-Letter-spacing: 0.2px; + --Body-Underline-md-Font-fallback: sans-serif; + --Body-Underline-md-Letter-spacing: 0.19px; + --Body-Underline-md-Text-Decoration: underline; + --Body-Underline-sm-Font-fallback: sans-serif; + --Body-Underline-sm-Letter-spacing: 0.2px; + --Body-Underline-sm-Text-Decoration: underline; + --Component-Button-Brand-Primary-Fill-Hover: #512725; + --Component-Button-Brand-Secondary-Border-Hover-inverted: #9d807e; + --Component-Button-Brand-Secondary-On-fill-Hover-inverted: #c4b1af; + --Component-Button-Brand-Tertiary-Fill-Hover: #f3e4c8; + --Component-Button-Brand-Tertiary-On-fill-Hover: #512725; + --Component-Button-Inverted-Fill-Hover: #e6e5e5; + --Component-Button-Inverted-On-fill-Hover: #512725; + --Component-Button-Muted-Border-Hover: #ffffff30; + --Component-Button-Muted-Fill-Hover-inverted: #f2f2f2; + --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; + --Link-md-Letter-spacing: 0.19px; + --Link-md-Text-Decoration: underline; + --Link-sm-Font-fallback: sans-serif; + --Link-sm-Letter-spacing: 0.2px; + --Link-sm-Text-Decoration: underline; + --Signature-The-Dock-Artic-Oker-60: #ffb839; + --Signature-The-Dock-Linen-White-00: #fdfcf9; + --Signature-The-Dock-Linen-White-10: #faf7f1; + --Signature-The-Dock-Linen-White-20: #f7f1e8; + --Signature-The-Dock-Rose-Copper-80: #654141; + --Signature-The-Dock-Rose-Copper-90: #3e1212; + --Signature-The-Dock-Sandbank-Beige-20: #f2e1c2; + --Signature-The-Dock-Signal-Blue-50: #06237c; + --Signature-The-Dock-Signal-Blue-90: #030f34; + --Signature-The-Dock-Signal-Red-50: #fc2826; + --Signature-The-Dock-Signal-Red-60: #d62220; + --Signature-The-Dock-Signal-Red-80: #b31c1b; + --Signature-The-Dock-Tundra-Mint-30: #b5cc87; + --Signature-The-Dock-Tundra-Mint-90: #364324; + --Surface-Brand-Accent-OnAccent-Default: #ffffff; + --Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff; + --Surface-Brand-Primary-1-OnSurface-Accent: #ffffff; + --Surface-Brand-Primary-1-OnSurface-Default: #ffffff; + --Surface-Brand-Primary-2-OnSurface-Accent: #ffffff; + --Surface-Brand-Primary-2-OnSurface-Default: #ffffff; + --Surface-Primary-Hover-Light: #e6e5e5; + --Surface-Primary-Hover: #f2f2f2; + --Surface-Secondary-Hover: #ebe5dc; + --Tag-Font-fallback: sans-serif; + --Tag-Letter-spacing: 0.24px; + --Tag-Text-Transform: uppercase; + --Title-Decorative-lg-Font-fallback: Serif; + --Title-Decorative-lg-Letter-spacing: 0px; + --Title-Decorative-lg-Text-Transform: uppercase; + --Title-Decorative-md-Font-fallback: Serif; + --Title-Decorative-md-Letter-spacing: 0.32px; + --Title-Decorative-md-Text-Transform: uppercase; + --Title-Overline-sm-Font-fallback: sans-serif; + --Title-Overline-sm-Letter-spacing: 0.28px; + --Title-Overline-sm-Text-Transform: uppercase; + --Title-Subtitle-lg-Font-fallback: sans-serif; + --Title-Subtitle-lg-Letter-spacing: 0.24px; + --Title-Subtitle-md-Font-fallback: sans-serif; + --Title-Subtitle-md-Letter-spacing: 0.2px; + --Title-lg-Font-fallback: Serif; + --Title-lg-Letter-spacing: -0.24px; + --Title-lg-Text-Transform: none; + --Title-md-Font-fallback: Serif; + --Title-md-Letter-spacing: 0px; + --Title-md-LowCase-Font-fallback: Serif; + --Title-md-LowCase-Letter-spacing: 0px; + --Title-md-LowCase-Text-Transform: none; + --Title-md-Text-Transform: none; + --Title-sm-Font-fallback: Serif; + --Title-sm-Letter-spacing: 0.56px; + --Title-sm-LowCase-Font-fallback: Serif; + --Title-sm-LowCase-Letter-spacing: 0.56px; + --Title-sm-LowCase-Text-Transform: none; + --Title-sm-Text-Transform: none; + --Title-xs-Font-fallback: Serif; + --Title-xs-Letter-spacing: 0.36px; + --Title-xs-Text-Transform: none; + --Utilities-Gradients-10: #f2e1c21a; + + /* Aliases */ + --Background-Primary: var(--Signature-The-Dock-Linen-White-00); + --Background-Secondary: var(--Neutral-Opacity-White-100); + --Body-Lead-text-Font-family: var(--Font-family-The-Dock-Body); + --Body-Lead-text-Font-weight: var(--Font-weight-Regular); + --Body-Lead-text-Size: var(--Impl-Text-size-xs); + --Body-Paragraph-Font-family: var(--Font-family-The-Dock-Body); + --Body-Paragraph-Font-weight-2: var(--Font-weight-Medium); + --Body-Paragraph-Font-weight: var(--Font-weight-Regular); + --Body-Paragraph-Size: var(--Impl-Text-size-3xs); + --Body-Supporting-text-Font-family: var(--Font-family-The-Dock-Body); + --Body-Supporting-text-Font-weight-2: var(--Font-weight-Medium); + --Body-Supporting-text-Font-weight: var(--Font-weight-Regular); + --Body-Supporting-text-Size: var(--Impl-Text-size-4xs); + --Body-Underline-md-Font-family: var(--Font-family-The-Dock-Body); + --Body-Underline-md-Font-weight: var(--Font-weight-Regular); + --Body-Underline-md-Size: var(--Impl-Text-size-3xs); + --Body-Underline-sm-Font-family: var(--Font-family-The-Dock-Body); + --Body-Underline-sm-Font-weight: var(--Font-weight-Regular); + --Body-Underline-sm-Size: var(--Impl-Text-size-4xs); + --Border-Default: var(--Neutral-20); + --Border-Divider-Accent: var(--Neutral-30); + --Border-Divider-Brand-OnAccent-Default: var( + --Signature-The-Dock-Rose-Copper-90 + ); + --Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100); + --Border-Divider-Brand-OnPrimary-3-Default: var( + --Signature-The-Dock-Linen-White-20 + ); + --Border-Divider-Default: var(--Neutral-20); + --Border-Divider-Subtle: var(--Neutral-15); + --Border-Interactive-Active: var(--Neutral-80); + --Border-Interactive-Default: var(--Neutral-30); + --Border-Interactive-Disabled: var(--Neutral-30); + --Border-Interactive-Error: var(--Scandic-Red-70); + --Border-Interactive-Focus: var(--Neutral-80); + --Border-Inverted: var(--Neutral-Opacity-White-100); + --Border-Strong: var(--Neutral-30); + --Component-Button-Brand-Primary-Border-Default: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Primary-Border-Disabled: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0); + --Component-Button-Brand-Primary-Fill-Default: var( + --Signature-The-Dock-Rose-Copper-90 + ); + --Component-Button-Brand-Primary-Fill-Disabled: var( + --Neutral-Opacity-Black-10 + ); + --Component-Button-Brand-Primary-On-fill-Default: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Primary-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Brand-Primary-On-fill-Hover: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Secondary-Border-Default: var( + --Signature-The-Dock-Rose-Copper-90 + ); + --Component-Button-Brand-Secondary-Border-Disabled: var( + --Neutral-Opacity-Black-10 + ); + --Component-Button-Brand-Secondary-Border-Hover: var( + --Signature-The-Dock-Rose-Copper-80 + ); + --Component-Button-Brand-Secondary-Border-Inverted: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Secondary-Fill-Default: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Secondary-Fill-Disabled: var( + --Neutral-Opacity-Black-10 + ); + --Component-Button-Brand-Secondary-Fill-Hover-Inverted: var( + --Signature-The-Dock-Rose-Copper-90 + ); + --Component-Button-Brand-Secondary-Fill-Hover: var(--Neutral-Opacity-White-0); + --Component-Button-Brand-Secondary-Fill-Inverted: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Secondary-On-fill-Default: var( + --Signature-The-Dock-Rose-Copper-90 + ); + --Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Brand-Secondary-On-fill-Hover: var( + --Signature-The-Dock-Rose-Copper-80 + ); + --Component-Button-Brand-Secondary-On-fill-Inverted: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Brand-Tertiary-Border-Default: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Tertiary-Border-Disabled: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Tertiary-Border-Hover: var( + --Neutral-Opacity-White-0 + ); + --Component-Button-Brand-Tertiary-Fill-Default: var( + --Signature-The-Dock-Sandbank-Beige-20 + ); + --Component-Button-Brand-Tertiary-Fill-Disabled: var( + --Neutral-Opacity-Black-10 + ); + --Component-Button-Brand-Tertiary-On-fill-Default: var( + --Signature-The-Dock-Rose-Copper-90 + ); + --Component-Button-Brand-Tertiary-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Inverted-Border-Default: var(--Neutral-Opacity-White-0); + --Component-Button-Inverted-Border-Disable: var(--Neutral-Opacity-White-10); + --Component-Button-Inverted-Border-Hover: var(--Neutral-Opacity-White-10); + --Component-Button-Inverted-Fill-Default: var(--Neutral-Opacity-White-100); + --Component-Button-Inverted-Fill-Disabled: var(--Neutral-Opacity-Black-10); + --Component-Button-Inverted-Fill-Faded: var(--Neutral-Opacity-White-90); + --Component-Button-Inverted-Fill-Hover-Inverted: var( + --Signature-The-Dock-Sandbank-Beige-20 + ); + --Component-Button-Inverted-On-fill-Default: var( + --Signature-The-Dock-Rose-Copper-90 + ); + --Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Inverted-On-fill-Hover-inverted: var( + --Neutral-Opacity-White-100 + ); + --Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10); + --Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10); + --Component-Button-Muted-Fill-Default: var(--Neutral-Opacity-White-100); + --Component-Button-Muted-Fill-Disabled-inverted: var(--Neutral-20); + --Component-Button-Muted-Fill-Disabled: var(--Neutral-Opacity-White-100); + --Component-Button-Muted-Fill-Hover: var(--Neutral-Opacity-White-100); + --Component-Button-Muted-On-fill-Default: var(--Neutral-90); + --Component-Button-Muted-On-fill-Disabled: var(--Neutral-40); + --Component-Button-Muted-On-fill-Hover-Inverted: var( + --Signature-The-Dock-Rose-Copper-80 + ); + --Component-Button-Muted-On-fill-Inverted: var(--Neutral-Opacity-White-100); + --Icon-Accent: var(--Signature-The-Dock-Signal-Red-50); + --Icon-Default: var(--Neutral-60); + --Icon-Feedback-Error: var(--Scandic-Red-70); + --Icon-Feedback-Information: var(--Scandic-Blue-70); + --Icon-Feedback-Neutral: var(--Neutral-60); + --Icon-Feedback-Success: var(--Scandic-Green-60); + --Icon-Feedback-Warning: var(--Scandic-Yellow-60); + --Icon-Intense: var(--Neutral-90); + --Icon-Interactive-Accent: var(--Signature-The-Dock-Signal-Red-60); + --Icon-Interactive-Default: var(--Neutral-90); + --Icon-Interactive-Disabled: var(--Neutral-30); + --Icon-Interactive-Placeholder: var(--Neutral-50); + --Icon-Interactive-Secondary: var(--Signature-The-Dock-Signal-Red-60); + --Icon-Inverted: var(--Neutral-Opacity-White-100); + --Label-Font-family: var(--Font-family-The-Dock-Body); + --Label-Font-weight-2: var(--Font-weight-Medium); + --Label-Font-weight: var(--Font-weight-Regular); + --Label-Size: var(--Impl-Text-size-5xs); + --Link-md-Font-family: var(--Font-family-The-Dock-Body); + --Link-md-Font-weight: var(--Font-weight-Medium); + --Link-md-Size: var(--Impl-Text-size-3xs); + --Link-sm-Font-family: var(--Font-family-The-Dock-Body); + --Link-sm-Font-weight: var(--Font-weight-Medium); + --Link-sm-Size: var(--Impl-Text-size-4xs); + --Overlay-10: var(--Neutral-Opacity-Black-10); + --Overlay-20: var(--Neutral-Opacity-Black-20); + --Overlay-30: var(--Neutral-Opacity-Black-20); + --Overlay-40: var(--Neutral-Opacity-Black-40); + --Overlay-60: var(--Neutral-Opacity-Black-60); + --Overlay-80: var(--Neutral-Opacity-Black-80); + --Overlay-90: var(--Neutral-Opacity-Black-90); + --Surface-Accent-1: var(--Signature-The-Dock-Signal-Red-60); + --Surface-Accent-2: var(--Signature-The-Dock-Signal-Blue-50); + --Surface-Accent-3: var(--Signature-The-Dock-Tundra-Mint-90); + --Surface-Accent-4: var(--Signature-The-Dock-Artic-Oker-60); + --Surface-Accent-5: var(--Signature-The-Dock-Signal-Blue-90); + --Surface-Brand-Accent-Default: var(--Signature-The-Dock-Tundra-Mint-30); + --Surface-Brand-Accent-OnAccent-Accent-Secondary: var( + --Signature-The-Dock-Signal-Red-80 + ); + --Surface-Brand-Accent-OnAccent-Accent: var( + --Signature-The-Dock-Signal-Red-80 + ); + --Surface-Brand-Primary-1-Default: var( + --Signature-The-Dock-Sandbank-Beige-20 + ); + --Surface-Brand-Primary-2-Default: var(--Signature-The-Dock-Rose-Copper-90); + --Surface-Brand-Primary-3-Default: var(--Signature-The-Dock-Rose-Copper-90); + --Surface-Brand-Primary-3-OnSurface-Accent: var( + --Signature-The-Dock-Sandbank-Beige-20 + ); + --Surface-Brand-Primary-3-OnSurface-Default: var( + --Signature-The-Dock-Sandbank-Beige-20 + ); + --Surface-Feedback-Error-light: var(--Scandic-Red-00); + --Surface-Feedback-Error: var(--Scandic-Red-70); + --Surface-Feedback-Information-light: var(--Scandic-Blue-00); + --Surface-Feedback-Information: var(--Scandic-Blue-70); + --Surface-Feedback-Neutral-light: var(--Neutral-15); + --Surface-Feedback-Neutral: var(--Neutral-50); + --Surface-Feedback-Succes-light: var(--Scandic-Green-00); + --Surface-Feedback-Succes: var(--Scandic-Green-60); + --Surface-Feedback-Warning-light: var(--Scandic-Yellow-00); + --Surface-Feedback-Warning: var(--Scandic-Yellow-60); + --Surface-Primary-Default: var(--Neutral-Opacity-White-100); + --Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10); + --Surface-Primary-Hover-Accent: var(--Neutral-15); + --Surface-Primary-OnSurface-Default: var(--Signature-The-Dock-Linen-White-00); + --Surface-Secondary-Default: var(--Signature-The-Dock-Linen-White-20); + --Surface-Secondary-Subtle: var(--Signature-The-Dock-Sandbank-Beige-20); + --Surface-UI-Fill-Active-Hover: var(--Neutral-Opacity-White-100); + --Surface-UI-Fill-Active: var(--Neutral-80); + --Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100); + --Surface-UI-Fill-Disabled: var(--Neutral-15); + --Surface-UI-Fill-Intense: var(--Neutral-80); + --Tag-Font-family: var(--Font-family-The-Dock-Title); + --Tag-Font-weight: var(--Font-weight-Medium); + --Tag-Size: var(--Impl-Text-size-5xs); + --Text-Accent-Primary: var(--Signature-The-Dock-Signal-Red-60); + --Text-Brand-OnAccent-Accent-Secondary: var( + --Signature-The-Dock-Signal-Red-60 + ); + --Text-Brand-OnAccent-Accent: var(--Signature-The-Dock-Tundra-Mint-90); + --Text-Brand-OnAccent-Default: var(--Neutral-90); + --Text-Brand-OnAccent-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Accent: var(--Signature-The-Dock-Rose-Copper-90); + --Text-Brand-OnPrimary-1-Default: var(--Neutral-90); + --Text-Brand-OnPrimary-1-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-2-Accent: var(--Neutral-90); + --Text-Brand-OnPrimary-2-Default: var(--Neutral-90); + --Text-Brand-OnPrimary-2-Heading: var(--Neutral-90); + --Text-Brand-OnPrimary-3-Accent: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100); + --Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100); + --Text-Default: var(--Neutral-90); + --Text-Feedback-Error: var(--Scandic-Red-70); + --Text-Feedback-Information: var(--Scandic-Blue-70); + --Text-Feedback-Neutral: var(--Neutral-50); + --Text-Feedback-Succes: var(--Scandic-Green-60); + --Text-Feedback-Warning: var(--Scandic-Yellow-60); + --Text-Heading: var(--Signature-The-Dock-Rose-Copper-90); + --Text-Interactive-Default: var(--Neutral-90); + --Text-Interactive-Disabled: var(--Neutral-40); + --Text-Interactive-Error: var(--Scandic-Red-70); + --Text-Interactive-Focus: var(--Neutral-80); + --Text-Interactive-Hover: var(--Neutral-70); + --Text-Interactive-Placeholder: var(--Neutral-50); + --Text-Interactive-Secondary-Hover: var(--Signature-The-Dock-Signal-Red-50); + --Text-Interactive-Secondary: var(--Signature-The-Dock-Signal-Red-60); + --Text-Inverted: var(--Neutral-Opacity-White-100); + --Text-Secondary: var(--Neutral-60); + --Text-Tertiary: var(--Neutral-50); + --Title-Decorative-lg-Font-family: var(--Font-family-The-Dock-Decorative); + --Title-Decorative-lg-Font-weight: var(--Font-weight-Regular); + --Title-Decorative-lg-Size: var(--Impl-Text-size-xs); + --Title-Decorative-md-Font-family: var(--Font-family-The-Dock-Decorative); + --Title-Decorative-md-Font-weight: var(--Font-weight-Regular); + --Title-Decorative-md-Size: var(--Impl-Text-size-3xs); + --Title-Overline-sm-Font-family: var(--Font-family-The-Dock-Title); + --Title-Overline-sm-Font-weight: var(--Font-weight-Medium); + --Title-Overline-sm-Size: var(--Impl-Text-size-4xs); + --Title-Subtitle-lg-Font-family: var(--Font-family-The-Dock-Body); + --Title-Subtitle-lg-Font-weight: var(--Font-weight-Medium); + --Title-Subtitle-lg-Size: var(--Impl-Text-size-sm); + --Title-Subtitle-md-Font-family: var(--Font-family-The-Dock-Body); + --Title-Subtitle-md-Font-weight: var(--Font-weight-Medium); + --Title-Subtitle-md-Size: var(--Impl-Text-size-xs); + --Title-lg-Font-family: var(--Font-family-The-Dock-Title); + --Title-lg-Font-weight: var(--Font-weight-Regular); + --Title-lg-Size: var(--Impl-Text-size-4xl); + --Title-md-Font-family: var(--Font-family-The-Dock-Title); + --Title-md-Font-weight: var(--Font-weight-Regular); + --Title-md-LowCase-Font-family: var(--Font-family-The-Dock-Title); + --Title-md-LowCase-Font-weight: var(--Font-weight-Regular); + --Title-md-LowCase-Size: var(--Impl-Text-size-2xl); + --Title-md-Size: var(--Impl-Text-size-2xl); + --Title-sm-Font-family: var(--Font-family-The-Dock-Title); + --Title-sm-Font-weight: var(--Font-weight-Regular); + --Title-sm-LowCase-Font-family: var(--Font-family-The-Dock-Title); + --Title-sm-LowCase-Font-weight: var(--Font-weight-Regular); + --Title-sm-LowCase-Size: var(--Impl-Text-size-lg); + --Title-sm-Size: var(--Impl-Text-size-lg); + --Title-xs-Font-family: var(--Font-family-The-Dock-Title); + --Title-xs-Font-weight: var(--Font-weight-Regular); + --Title-xs-Size: var(--Impl-Text-size-sm); +} diff --git a/packages/design-system/lib/styles/the-dock.js b/packages/design-system/lib/styles/the-dock.js new file mode 100644 index 000000000..42cdc6e9f --- /dev/null +++ b/packages/design-system/lib/styles/the-dock.js @@ -0,0 +1,285 @@ +/* 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', + 'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF', + 'Surface/Brand/Primary 2/OnSurface/Accent': '#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/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/Accent': '#3E1212', + 'Text/Brand/OnPrimary 2/Heading': '#1F1F1F', + 'Text/Brand/OnPrimary 2/Default': '#1F1F1F', + 'Text/Brand/OnPrimary 2/Accent': '#1F1F1F', + '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': '#f2f2f2', + 'Surface/Primary/Hover Light': '#e6e5e5', + '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': '#ebe5dc', + '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 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/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': '#512725', + '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': '#c4b1af', + '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': '#9d807e', + 'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A', + 'Component/Button/Brand/Tertiary/Fill/Default': '#F2E1C2', + 'Component/Button/Brand/Tertiary/Fill/Hover': '#f3e4c8', + 'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A', + 'Component/Button/Brand/Tertiary/On fill/Default': '#3E1212', + 'Component/Button/Brand/Tertiary/On fill/Hover': '#512725', + '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': '#e6e5e5', + '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': '#512725', + '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': '#f2f2f2', + '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': '#ffffff30', + 'Component/Button/Muted/Border/Disable': '#FFFFFF1A', +} diff --git a/packages/design-system/lib/tokens/index.ts b/packages/design-system/lib/tokens/index.ts index cd6f3d024..db86ce38a 100644 --- a/packages/design-system/lib/tokens/index.ts +++ b/packages/design-system/lib/tokens/index.ts @@ -102,6 +102,25 @@ export const base = { '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' }, @@ -412,7 +431,6 @@ export const scandic = { '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/Accent Secondary': { resolved: '#8F4350', alias: 'Scandic/Peach/80' }, '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' }, @@ -438,26 +456,14 @@ export const scandic = { resolved: '#4D001B', alias: 'Scandic/Red/100', }, - 'Text/Feedback/Information Accent': { + 'Text/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Text/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', - }, - 'Text/Feedback/Warning Accent': { - resolved: '#D17308', - alias: 'Scandic/Yellow/60', - }, - 'Text/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', - }, - 'Text/Feedback/Neutral Accent': { - resolved: '#787472', - alias: 'Scandic/Grey/60', - }, + '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', @@ -466,6 +472,10 @@ export const scandic = { 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', @@ -521,12 +531,15 @@ export const scandic = { resolved: '#F9F6F4', alias: 'Scandic/Grey/00', }, - 'Surface/Primary/Disabled': { resolved: '#EBE8E6', alias: 'Scandic/Grey/10' }, + 'Surface/Primary/Disabled': { + resolved: '#1F1C1B1A', + alias: 'Neutral/Opacity/Black/10', + }, 'Surface/Secondary/Default': { resolved: '#F2ECE6', alias: 'Scandic/Beige/10', }, - 'Surface/Secondary/Default dark': { + 'Surface/Secondary/Subtle': { resolved: '#E3D9D1', alias: 'Scandic/Beige/20', }, @@ -535,6 +548,18 @@ export const scandic = { 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', @@ -575,10 +600,6 @@ export const scandic = { resolved: '#CD0921', alias: 'Scandic/Red/Default', }, - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { - resolved: '#8F4350', - alias: 'Scandic/Peach/80', - }, 'Surface/UI Fill/Default': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -586,45 +607,48 @@ export const scandic = { '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: '#ffffff' }, - 'Surface/UI Fill/Disabled': { resolved: '#EBE8E6', alias: 'Scandic/Grey/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 Accent': { + 'Surface/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Surface/Feedback/Information': { + 'Surface/Feedback/Information light': { resolved: '#E8F6FF', alias: 'Scandic/Blue/00', }, - 'Surface/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', + 'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' }, + 'Surface/Feedback/Succes light': { + resolved: '#F3FCE8', + alias: 'Scandic/Green/00', }, - 'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' }, - 'Surface/Feedback/Warning Accent': { + 'Surface/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60', }, - 'Surface/Feedback/Warning Light': { + 'Surface/Feedback/Warning light': { resolved: '#FFF8E3', alias: 'Scandic/Yellow/00', }, - 'Surface/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', + 'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, + 'Surface/Feedback/Error light': { + resolved: '#FFEBEB', + alias: 'Scandic/Red/00', }, - 'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' }, - 'Surface/Feedback/Neutral Accent': { - resolved: '#787472', - alias: 'Scandic/Grey/60', + 'Surface/Feedback/Neutral': { resolved: '#787472', alias: 'Scandic/Grey/60' }, + 'Surface/Feedback/Neutral light': { + resolved: '#EBE8E6', + alias: 'Scandic/Grey/10', }, - 'Surface/Feedback/Neutral': { resolved: '#EBE8E6', alias: 'Scandic/Grey/10' }, 'Border/Default': { resolved: '#E3D9D1', alias: 'Scandic/Beige/20' }, - 'Border/Intense': { resolved: '#B8A79A', alias: 'Scandic/Beige/40' }, + 'Border/Strong': { resolved: '#B8A79A', alias: 'Scandic/Beige/40' }, 'Border/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -797,7 +821,7 @@ export const scandic = { resolved: '#FFFFFFE6', alias: 'Neutral/Opacity/White/90', }, - 'Component/Button/Inverted/Fill/Hover': { resolved: '#e6e5e5' }, + 'Component/Button/Inverted/Fill/Hover': { resolved: '#f2f2f2' }, 'Component/Button/Inverted/Fill/Hover Inverted': { resolved: '#4D001B', alias: 'Scandic/Red/100', @@ -838,14 +862,14 @@ export const scandic = { '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 1/Secondary': { - resolved: '#642636', - alias: 'Scandic/Peach/90', - }, 'Border/Divider/Brand/OnPrimary 2/Default': { resolved: '#AD0015', alias: 'Scandic/Red/70', @@ -854,7 +878,7 @@ export const scandic = { resolved: '#8F4350', alias: 'Scandic/Peach/80', }, - 'Border/Interactive/Selected': { + 'Border/Interactive/Active': { resolved: '#6B584D', alias: 'Scandic/Beige/70', }, @@ -1190,10 +1214,6 @@ export const scandicGo = { resolved: '#2D163A', alias: 'Scandic Go/Purple/100', }, - 'Text/Accent Secondary': { - resolved: '#5E2A8C', - alias: 'Scandic Go/Purple/80', - }, 'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' }, 'Text/Interactive/Default': { resolved: '#2D163A', @@ -1219,23 +1239,14 @@ export const scandicGo = { resolved: '#2D163A', alias: 'Scandic Go/Purple/100', }, - 'Text/Feedback/Information Accent': { + 'Text/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Text/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', - }, - 'Text/Feedback/Warning Accent': { - resolved: '#D17308', - alias: 'Scandic/Yellow/60', - }, - 'Text/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', - }, - 'Text/Feedback/Neutral Accent': { resolved: '#747474', alias: 'Neutral/50' }, + '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', @@ -1244,17 +1255,21 @@ export const scandicGo = { 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: '#2D163A', - alias: 'Scandic Go/Purple/100', + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', }, 'Text/Brand/OnPrimary 1/Default': { - resolved: '#2D163A', - alias: 'Scandic Go/Purple/100', + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', }, 'Text/Brand/OnPrimary 1/Accent': { - resolved: '#2D163A', - alias: 'Scandic Go/Purple/100', + resolved: '#DCD7FF', + alias: 'Scandic Go/Purple/10', }, 'Text/Brand/OnPrimary 2/Heading': { resolved: '#FFFFFF', @@ -1269,16 +1284,16 @@ export const scandicGo = { alias: 'Scandic Go/Purple/10', }, 'Text/Brand/OnPrimary 3/Heading': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + resolved: '#2D163A', + alias: 'Scandic Go/Purple/100', }, 'Text/Brand/OnPrimary 3/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + resolved: '#2D163A', + alias: 'Scandic Go/Purple/100', }, 'Text/Brand/OnPrimary 3/Accent': { - resolved: '#DCD7FF', - alias: 'Scandic Go/Purple/10', + resolved: '#2D163A', + alias: 'Scandic Go/Purple/100', }, 'Background/Primary': { resolved: '#FFFEFA', alias: 'Scandic Go/Beige/00' }, 'Background/Secondary': { @@ -1299,12 +1314,15 @@ export const scandicGo = { resolved: '#FAF8F2', alias: 'Scandic Go/Beige/0', }, - 'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' }, + 'Surface/Primary/Disabled': { + resolved: '#1F1C1B1A', + alias: 'Neutral/Opacity/Black/10', + }, 'Surface/Secondary/Default': { resolved: '#F0EDE4', alias: 'Scandic Go/Beige/10', }, - 'Surface/Secondary/Default dark': { + 'Surface/Secondary/Subtle': { resolved: '#E0DCCE', alias: 'Scandic Go/Beige/20', }, @@ -1313,21 +1331,33 @@ export const scandicGo = { resolved: '#F5FF73', alias: 'Scandic Go/Yellow/30', }, - 'Surface/Brand/Primary 1/Default': { - resolved: '#DCD7FF', - alias: 'Scandic Go/Purple/10', - }, - 'Surface/Brand/Primary 1/OnSurface/Default': { + '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: '#F5FF73', - alias: 'Scandic Go/Yellow/30', + resolved: '#2D163A', + alias: 'Scandic Go/Purple/100', }, 'Surface/Brand/Primary 2/Default': { resolved: '#21331F', @@ -1342,20 +1372,16 @@ export const scandicGo = { alias: 'Scandic Go/Green/30', }, 'Surface/Brand/Primary 3/Default': { - resolved: '#2D163A', - alias: 'Scandic Go/Purple/100', - }, - 'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#DCD7FF', alias: 'Scandic Go/Purple/10', }, - 'Surface/Brand/Primary 3/OnSurface/Accent': { - resolved: '#73FCEE', - alias: 'Scandic Go/Cyan/20', + 'Surface/Brand/Primary 3/OnSurface/Default': { + resolved: '#FA3737', + alias: 'Scandic Go/Coral/50', }, - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { - resolved: '#F5FF73', - alias: 'Scandic Go/Yellow/30', + 'Surface/Brand/Primary 3/OnSurface/Accent': { + resolved: '#FA3737', + alias: 'Scandic Go/Coral/50', }, 'Surface/UI Fill/Default': { resolved: '#FFFFFF', @@ -1373,39 +1399,39 @@ export const scandicGo = { resolved: '#ECC8C9', alias: 'Scandic Go/Powder Rose/50', }, - 'Surface/Feedback/Information Accent': { + 'Surface/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Surface/Feedback/Information': { + 'Surface/Feedback/Information light': { resolved: '#E8F6FF', alias: 'Scandic/Blue/00', }, - 'Surface/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', + 'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' }, + 'Surface/Feedback/Succes light': { + resolved: '#F3FCE8', + alias: 'Scandic/Green/00', }, - 'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' }, - 'Surface/Feedback/Warning Accent': { + 'Surface/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60', }, - 'Surface/Feedback/Warning Light': { + 'Surface/Feedback/Warning light': { resolved: '#FFF8E3', alias: 'Scandic/Yellow/00', }, - 'Surface/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', + 'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, + 'Surface/Feedback/Error light': { + resolved: '#FFEBEB', + alias: 'Scandic/Red/00', }, - 'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' }, - 'Surface/Feedback/Neutral Accent': { - resolved: '#747474', - alias: 'Neutral/50', + 'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' }, + 'Surface/Feedback/Neutral light': { + resolved: '#E9E9E9', + alias: 'Neutral/15', }, - 'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' }, 'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' }, - 'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' }, + 'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Border/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -1613,11 +1639,11 @@ export const scandicGo = { '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/OnPrimary 1/Default': { - resolved: '#2D163A', - alias: 'Scandic Go/Purple/100', + 'Border/Divider/Brand/OnAccent/Default': { + resolved: '#451F61', + alias: 'Scandic Go/Purple/90', }, - 'Border/Divider/Brand/OnPrimary 1/Secondary': { + 'Border/Divider/Brand/OnPrimary 1/Default': { resolved: '#2D163A', alias: 'Scandic Go/Purple/100', }, @@ -1626,10 +1652,10 @@ export const scandicGo = { alias: 'Scandic Go/Green/30', }, 'Border/Divider/Brand/OnPrimary 3/Default': { - resolved: '#DCD7FF', - alias: 'Scandic Go/Purple/10', + resolved: '#451F61', + alias: 'Scandic Go/Purple/90', }, - 'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' }, + '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' }, @@ -1764,14 +1790,10 @@ export const downtownCamper = { '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' }, - 'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/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' }, @@ -1943,13 +1965,9 @@ export const downtownCamper = { resolved: '#834722', alias: 'Signature/Downtown Camper/Russet/80', }, - 'Text/Accent Secondary': { resolved: '#747474', alias: 'Neutral/50' }, 'Text/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100' }, 'Text/Interactive/Default': { resolved: '#1F1F1F', alias: 'Neutral/90' }, - 'Text/Interactive/Hover': { - resolved: '#834722', - alias: 'Signature/Downtown Camper/Russet/80', - }, + 'Text/Interactive/Hover': { resolved: '#454545', alias: 'Neutral/70' }, 'Text/Interactive/Secondary': { resolved: '#834722', alias: 'Signature/Downtown Camper/Russet/80', @@ -1966,23 +1984,14 @@ export const downtownCamper = { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, - 'Text/Feedback/Information Accent': { + 'Text/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Text/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', - }, - 'Text/Feedback/Warning Accent': { - resolved: '#D17308', - alias: 'Scandic/Yellow/60', - }, - 'Text/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', - }, - 'Text/Feedback/Neutral Accent': { resolved: '#747474', alias: 'Neutral/50' }, + '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', @@ -1991,6 +2000,10 @@ export const downtownCamper = { 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', @@ -2043,28 +2056,52 @@ export const downtownCamper = { resolved: '#F5F5F5', alias: 'Neutral/5', }, - 'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' }, - 'Surface/Secondary/Default': { resolved: '#F0F0F0', alias: 'Neutral/10' }, - 'Surface/Secondary/Default dark': { - resolved: '#D9D9D9', - alias: 'Neutral/20', + '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: '#e4e4e4' }, 'Surface/Brand/Accent/Default': { resolved: '#D3952D', alias: 'Signature/Downtown Camper/Russet/50', }, + '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: '#834722', - alias: 'Signature/Downtown Camper/Russet/80', + 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: '#3C4336', - alias: 'Signature/Downtown Camper/Lunar green/80', + 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', @@ -2088,39 +2125,39 @@ export const downtownCamper = { alias: 'Signature/Downtown Camper/Russet/50', }, 'Surface/Accent/5': { resolved: '#18347F', alias: 'Scandic/Blue/80' }, - 'Surface/Feedback/Information Accent': { + 'Surface/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Surface/Feedback/Information': { + 'Surface/Feedback/Information light': { resolved: '#E8F6FF', alias: 'Scandic/Blue/00', }, - 'Surface/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', + 'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' }, + 'Surface/Feedback/Succes light': { + resolved: '#F3FCE8', + alias: 'Scandic/Green/00', }, - 'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' }, - 'Surface/Feedback/Warning Accent': { + 'Surface/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60', }, - 'Surface/Feedback/Warning Light': { + 'Surface/Feedback/Warning light': { resolved: '#FFF8E3', alias: 'Scandic/Yellow/00', }, - 'Surface/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', + 'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, + 'Surface/Feedback/Error light': { + resolved: '#FFEBEB', + alias: 'Scandic/Red/00', }, - 'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' }, - 'Surface/Feedback/Neutral Accent': { - resolved: '#747474', - alias: 'Neutral/50', + 'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' }, + 'Surface/Feedback/Neutral light': { + resolved: '#E9E9E9', + alias: 'Neutral/15', }, - 'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' }, 'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' }, - 'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' }, + 'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Border/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -2328,11 +2365,11 @@ export const downtownCamper = { '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/OnPrimary 1/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + 'Border/Divider/Brand/OnAccent/Default': { + resolved: '#BB7524', + alias: 'Signature/Downtown Camper/Russet/60', }, - 'Border/Divider/Brand/OnPrimary 1/Secondary': { + 'Border/Divider/Brand/OnPrimary 1/Default': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, @@ -2341,10 +2378,10 @@ export const downtownCamper = { alias: 'Neutral/Opacity/White/100', }, 'Border/Divider/Brand/OnPrimary 3/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + resolved: '#C69382', + alias: 'Signature/Downtown Camper/Quicksand/50', }, - 'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' }, + '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' }, @@ -2428,7 +2465,7 @@ export const haymarket = { 'Signature/Haymarket/Bismark/80': { resolved: '#394951' }, 'Signature/Haymarket/Bismark/90': { resolved: '#334046' }, 'Signature/Haymarket/Bismark/100': { resolved: '#1E282E' }, - 'Title/lg/Letter spacing': { resolved: 1.44 }, + '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 }, @@ -2482,14 +2519,10 @@ export const haymarket = { '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' }, - 'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { resolved: '#FFFFFF' }, 'Utilities/Gradients/10': { resolved: '#F0DDD81A' }, 'Font family/Haymarket/Title': { resolved: 'Prumo text' }, 'Font family/Haymarket/Body': { resolved: 'Fira sans' }, @@ -2661,16 +2694,9 @@ export const haymarket = { resolved: '#805E45', alias: 'Signature/Haymarket/Antique Brass/60', }, - 'Text/Accent Secondary': { - 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: '#805E45', - alias: 'Signature/Haymarket/Antique Brass/60', - }, + 'Text/Interactive/Hover': { resolved: '#454545', alias: 'Neutral/70' }, 'Text/Interactive/Secondary': { resolved: '#805E45', alias: 'Signature/Haymarket/Antique Brass/60', @@ -2687,23 +2713,14 @@ export const haymarket = { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, - 'Text/Feedback/Information Accent': { + 'Text/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Text/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', - }, - 'Text/Feedback/Warning Accent': { - resolved: '#D17308', - alias: 'Scandic/Yellow/60', - }, - 'Text/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', - }, - 'Text/Feedback/Neutral Accent': { resolved: '#747474', alias: 'Neutral/50' }, + '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', @@ -2712,18 +2729,19 @@ export const haymarket = { 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: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + resolved: '#1F1F1F', + alias: 'Neutral/90', }, 'Text/Brand/OnPrimary 1/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', - }, - 'Text/Brand/OnPrimary 1/Accent': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + resolved: '#1F1F1F', + alias: 'Neutral/90', }, + 'Text/Brand/OnPrimary 1/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' }, 'Text/Brand/OnPrimary 2/Heading': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -2737,14 +2755,17 @@ export const haymarket = { alias: 'Neutral/Opacity/White/100', }, 'Text/Brand/OnPrimary 3/Heading': { - resolved: '#1F1F1F', - alias: 'Neutral/90', + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', }, 'Text/Brand/OnPrimary 3/Default': { - resolved: '#1F1F1F', - alias: 'Neutral/90', + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', + }, + 'Text/Brand/OnPrimary 3/Accent': { + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', }, - 'Text/Brand/OnPrimary 3/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' }, 'Background/Primary': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -2764,12 +2785,15 @@ export const haymarket = { resolved: '#FBF7F6', alias: 'Signature/Haymarket/Vista White/0', }, - 'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' }, + 'Surface/Primary/Disabled': { + resolved: '#1F1C1B1A', + alias: 'Neutral/Opacity/Black/10', + }, 'Surface/Secondary/Default': { resolved: '#FBF7F6', alias: 'Signature/Haymarket/Vista White/0', }, - 'Surface/Secondary/Default dark': { + 'Surface/Secondary/Subtle': { resolved: '#F6ECEA', alias: 'Signature/Haymarket/Vista White/10', }, @@ -2778,17 +2802,41 @@ export const haymarket = { 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: '#4A6C78', - alias: 'Signature/Haymarket/Bismark/60', + 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: '#F0DDD8', - alias: 'Signature/Haymarket/Vista White/20', + 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', @@ -2818,39 +2866,39 @@ export const haymarket = { resolved: '#334046', alias: 'Signature/Haymarket/Bismark/90', }, - 'Surface/Feedback/Information Accent': { + 'Surface/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Surface/Feedback/Information': { + 'Surface/Feedback/Information light': { resolved: '#E8F6FF', alias: 'Scandic/Blue/00', }, - 'Surface/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', + 'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' }, + 'Surface/Feedback/Succes light': { + resolved: '#F3FCE8', + alias: 'Scandic/Green/00', }, - 'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' }, - 'Surface/Feedback/Warning Accent': { + 'Surface/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60', }, - 'Surface/Feedback/Warning Light': { + 'Surface/Feedback/Warning light': { resolved: '#FFF8E3', alias: 'Scandic/Yellow/00', }, - 'Surface/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', + 'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, + 'Surface/Feedback/Error light': { + resolved: '#FFEBEB', + alias: 'Scandic/Red/00', }, - 'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' }, - 'Surface/Feedback/Neutral Accent': { - resolved: '#747474', - alias: 'Neutral/50', + 'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' }, + 'Surface/Feedback/Neutral light': { + resolved: '#E9E9E9', + alias: 'Neutral/15', }, - 'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' }, 'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' }, - 'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' }, + 'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Border/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -3058,11 +3106,11 @@ export const haymarket = { '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/OnPrimary 1/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + 'Border/Divider/Brand/OnAccent/Default': { + resolved: '#C5A384', + alias: 'Signature/Haymarket/Antique Brass/30', }, - 'Border/Divider/Brand/OnPrimary 1/Secondary': { + 'Border/Divider/Brand/OnPrimary 1/Default': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, @@ -3071,10 +3119,10 @@ export const haymarket = { alias: 'Neutral/Opacity/White/100', }, 'Border/Divider/Brand/OnPrimary 3/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + resolved: '#C5D7DC', + alias: 'Signature/Haymarket/Bismark/20', }, - 'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' }, + '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' }, @@ -3141,7 +3189,7 @@ export const marski = { '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: '#2A8BFF' }, + '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' }, @@ -3163,7 +3211,7 @@ export const marski = { '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: '#FF273B' }, + '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' }, @@ -3223,32 +3271,28 @@ export const marski = { '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' }, - 'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { resolved: '#FFFFFF' }, - 'Utilities/Gradients/10': { resolved: '#3E11181A' }, + '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: 500, alias: 'Font weight/Medium' }, + '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: 500, alias: 'Font weight/Medium' }, + '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: 500, alias: 'Font weight/Medium' }, + 'Title/sm/Font weight': { resolved: 700, alias: 'Font weight/Bold' }, 'Title/sm/Font family': { resolved: 'Helvetica Neue', alias: 'Font family/Marski/Title', @@ -3305,7 +3349,7 @@ export const marski = { resolved: 'Helvetica Neue', alias: 'Font family/Marski/Title', }, - 'Title/xs/Font weight': { resolved: 500, alias: 'Font weight/Medium' }, + 'Title/xs/Font weight': { resolved: 700, alias: 'Font weight/Bold' }, 'Title/xs/Font family': { resolved: 'Helvetica Neue', alias: 'Font family/Marski/Title', @@ -3396,15 +3440,14 @@ export const marski = { 'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' }, 'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' }, 'Text/Accent Primary': { resolved: '#747474', alias: 'Neutral/50' }, - 'Text/Accent Secondary': { 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: '#0D57F3', - alias: 'Signature/Marski/Blue ribbon/70', + resolved: '#2C414D', + alias: 'Signature/Marski/Elephant/80', }, 'Text/Interactive/Secondary': { resolved: '#0D57F3', @@ -3422,23 +3465,14 @@ export const marski = { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, - 'Text/Feedback/Information Accent': { + 'Text/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Text/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', - }, - 'Text/Feedback/Warning Accent': { - resolved: '#D17308', - alias: 'Scandic/Yellow/60', - }, - 'Text/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', - }, - 'Text/Feedback/Neutral Accent': { resolved: '#747474', alias: 'Neutral/50' }, + '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', @@ -3447,6 +3481,10 @@ export const marski = { 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', @@ -3456,8 +3494,8 @@ export const marski = { alias: 'Neutral/Opacity/White/100', }, 'Text/Brand/OnPrimary 1/Accent': { - resolved: '#52AEFF', - alias: 'Signature/Marski/Blue ribbon/40', + resolved: '#458AFF', + alias: 'Signature/Marski/Blue ribbon/50', }, 'Text/Brand/OnPrimary 2/Heading': { resolved: '#FFFFFF', @@ -3468,8 +3506,8 @@ export const marski = { alias: 'Neutral/Opacity/White/100', }, 'Text/Brand/OnPrimary 2/Accent': { - resolved: '#FF5A6A', - alias: 'Signature/Marski/Torch red/40', + resolved: '#FF374A', + alias: 'Signature/Marski/Torch red/50', }, 'Text/Brand/OnPrimary 3/Heading': { resolved: '#FFFFFF', @@ -3480,8 +3518,8 @@ export const marski = { alias: 'Neutral/Opacity/White/100', }, 'Text/Brand/OnPrimary 3/Accent': { - resolved: '#FF5A6A', - alias: 'Signature/Marski/Torch red/40', + resolved: '#FF374A', + alias: 'Signature/Marski/Torch red/50', }, 'Background/Primary': { resolved: '#FCFCFC', alias: 'Neutral/0' }, 'Background/Secondary': { @@ -3499,29 +3537,56 @@ export const marski = { resolved: '#F6F6F7', alias: 'Signature/Marski/Elephant/0', }, - 'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' }, + 'Surface/Primary/Disabled': { + resolved: '#1F1C1B1A', + alias: 'Neutral/Opacity/Black/10', + }, 'Surface/Secondary/Default': { resolved: '#ECEEEF', alias: 'Signature/Marski/Elephant/10', }, - 'Surface/Secondary/Default dark': { + 'Surface/Secondary/Subtle': { resolved: '#E0E3E5', alias: 'Signature/Marski/Elephant/20', }, 'Surface/Secondary/Hover': { resolved: '#e0e2e3' }, '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: '#122937', - alias: 'Signature/Marski/Elephant/100', + 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', @@ -3550,39 +3615,39 @@ export const marski = { resolved: '#143D94', alias: 'Signature/Marski/Blue ribbon/90', }, - 'Surface/Feedback/Information Accent': { + 'Surface/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Surface/Feedback/Information': { + 'Surface/Feedback/Information light': { resolved: '#E8F6FF', alias: 'Scandic/Blue/00', }, - 'Surface/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', + 'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' }, + 'Surface/Feedback/Succes light': { + resolved: '#F3FCE8', + alias: 'Scandic/Green/00', }, - 'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' }, - 'Surface/Feedback/Warning Accent': { + 'Surface/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60', }, - 'Surface/Feedback/Warning Light': { + 'Surface/Feedback/Warning light': { resolved: '#FFF8E3', alias: 'Scandic/Yellow/00', }, - 'Surface/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', + 'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, + 'Surface/Feedback/Error light': { + resolved: '#FFEBEB', + alias: 'Scandic/Red/00', }, - 'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' }, - 'Surface/Feedback/Neutral Accent': { - resolved: '#747474', - alias: 'Neutral/50', + 'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' }, + 'Surface/Feedback/Neutral light': { + resolved: '#E9E9E9', + alias: 'Neutral/15', }, - 'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' }, 'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' }, - 'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' }, + 'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Border/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -3624,10 +3689,10 @@ export const marski = { '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: '#122937', - alias: 'Signature/Marski/Elephant/100', + resolved: '#3E1118', + alias: 'Signature/Marski/Aubergine/100', }, - 'Component/Button/Brand/Primary/Fill/Hover': { resolved: '#283b48' }, + 'Component/Button/Brand/Primary/Fill/Hover': { resolved: '#51262b' }, 'Component/Button/Brand/Primary/Fill/Disabled': { resolved: '#1F1C1B1A', alias: 'Neutral/Opacity/Black/10', @@ -3669,46 +3734,46 @@ export const marski = { alias: 'Neutral/Opacity/White/100', }, 'Component/Button/Brand/Secondary/Fill/Hover Inverted': { - resolved: '#122937', - alias: 'Signature/Marski/Elephant/100', + 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: '#122937', - alias: 'Signature/Marski/Elephant/100', + resolved: '#3E1118', + alias: 'Signature/Marski/Aubergine/100', }, 'Component/Button/Brand/Secondary/On fill/Hover': { - resolved: '#2C414D', - alias: 'Signature/Marski/Elephant/80', + 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: '#b2b9be', + resolved: '#c3b1b2', }, 'Component/Button/Brand/Secondary/On fill/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40', }, 'Component/Button/Brand/Secondary/Border/Default': { - resolved: '#122937', - alias: 'Signature/Marski/Elephant/100', + resolved: '#3E1118', + alias: 'Signature/Marski/Aubergine/100', }, 'Component/Button/Brand/Secondary/Border/Hover': { - resolved: '#2C414D', - alias: 'Signature/Marski/Elephant/80', + 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: '#818c95', + resolved: '#9d8081', }, 'Component/Button/Brand/Secondary/Border/Disabled': { resolved: '#1F1C1B1A', @@ -3757,8 +3822,8 @@ export const marski = { }, 'Component/Button/Inverted/Fill/Hover': { resolved: '#e6e5e5' }, 'Component/Button/Inverted/Fill/Hover Inverted': { - resolved: '#122937', - alias: 'Signature/Marski/Elephant/100', + resolved: '#3E1118', + alias: 'Signature/Marski/Aubergine/100', }, 'Component/Button/Inverted/Fill/Disabled': { resolved: '#1F1C1B1A', @@ -3777,10 +3842,10 @@ export const marski = { alias: 'Neutral/Opacity/White/0', }, 'Component/Button/Inverted/On fill/Default': { - resolved: '#122937', - alias: 'Signature/Marski/Elephant/100', + resolved: '#3E1118', + alias: 'Signature/Marski/Aubergine/100', }, - 'Component/Button/Inverted/On fill/Hover': { resolved: '#283b48' }, + 'Component/Button/Inverted/On fill/Hover': { resolved: '#51262b' }, 'Component/Button/Inverted/On fill/Hover inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -3793,11 +3858,11 @@ export const marski = { '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/OnPrimary 1/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + 'Border/Divider/Brand/OnAccent/Default': { + resolved: '#B6BDC1', + alias: 'Signature/Marski/Elephant/30', }, - 'Border/Divider/Brand/OnPrimary 1/Secondary': { + 'Border/Divider/Brand/OnPrimary 1/Default': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, @@ -3806,10 +3871,10 @@ export const marski = { alias: 'Neutral/Opacity/White/100', }, 'Border/Divider/Brand/OnPrimary 3/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + resolved: '#FFC1C7', + alias: 'Signature/Marski/Torch red/20', }, - 'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' }, + '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' }, @@ -3842,8 +3907,8 @@ export const marski = { alias: 'Neutral/Opacity/White/100', }, 'Component/Button/Muted/On fill/Hover Inverted': { - resolved: '#2C414D', - alias: 'Signature/Marski/Elephant/80', + resolved: '#5B353B', + alias: 'Signature/Marski/Aubergine/80', }, 'Component/Button/Muted/On fill/Disabled': { resolved: '#8C8C8C', @@ -3867,19 +3932,21 @@ export const hotelNorge = { '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/Emerald/0': { resolved: '#C7DDD5' }, 'Signature/Hotel Norge/Off White/70': { resolved: '#AAAAA7' }, - 'Signature/Hotel Norge/Off White/80': { resolved: '#838481' }, + 'Signature/Hotel Norge/Emerald/0': { resolved: '#C7DDD5' }, + 'Signature/Hotel Norge/Emerald/50': { resolved: '#779990' }, 'Signature/Hotel Norge/Emerald/80': { resolved: '#3A655C' }, + 'Signature/Hotel Norge/Off White/80': { resolved: '#838481' }, '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/Emerald/90': { resolved: '#26544A' }, 'Signature/Hotel Norge/Dark blue/0': { resolved: '#B7C5C8' }, + 'Signature/Hotel Norge/Emerald/100': { resolved: '#004337' }, '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: '#181E34' }, - 'Signature/Hotel Norge/Dark blue/100': { resolved: '#2F3445' }, + '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' }, @@ -3892,7 +3959,7 @@ export const hotelNorge = { '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.32 }, + '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' }, @@ -3935,15 +4002,11 @@ export const hotelNorge = { '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' }, - 'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Accent Secondary': { resolved: '#FFFFFF' }, - 'Utilities/Gradients/10': { resolved: '#3C43361A' }, + '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' }, @@ -4111,15 +4174,14 @@ export const hotelNorge = { 'Text/Secondary': { resolved: '#575757', alias: 'Neutral/60' }, 'Text/Tertiary': { resolved: '#747474', alias: 'Neutral/50' }, 'Text/Accent Primary': { resolved: '#747474', alias: 'Neutral/50' }, - 'Text/Accent Secondary': { 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/90', + alias: 'Signature/Hotel Norge/Dark blue/100', }, 'Text/Interactive/Hover': { - resolved: '#26544A', - alias: 'Signature/Hotel Norge/Emerald/90', + resolved: '#404655', + alias: 'Signature/Hotel Norge/Dark blue/80', }, 'Text/Interactive/Secondary': { resolved: '#26544A', @@ -4134,28 +4196,23 @@ export const hotelNorge = { '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 Accent': { + 'Text/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Text/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', - }, - 'Text/Feedback/Warning Accent': { - resolved: '#D17308', - alias: 'Scandic/Yellow/60', - }, - 'Text/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', - }, - 'Text/Feedback/Neutral Accent': { resolved: '#747474', alias: 'Neutral/50' }, + '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', @@ -4211,12 +4268,15 @@ export const hotelNorge = { resolved: '#F4F5F2', alias: 'Signature/Hotel Norge/Off White/30', }, - 'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' }, + 'Surface/Primary/Disabled': { + resolved: '#1F1C1B1A', + alias: 'Neutral/Opacity/Black/10', + }, 'Surface/Secondary/Default': { resolved: '#EFF0EB', alias: 'Signature/Hotel Norge/Off White/50', }, - 'Surface/Secondary/Default dark': { + 'Surface/Secondary/Subtle': { resolved: '#D9DAD6', alias: 'Signature/Hotel Norge/Off White/60', }, @@ -4225,17 +4285,41 @@ export const hotelNorge = { resolved: '#C7DDD5', alias: 'Signature/Hotel Norge/Emerald/0', }, - 'Surface/Brand/Primary 1/Default': { - resolved: '#181E34', + '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: '#004337', - alias: 'Signature/Hotel Norge/Emerald/100', + 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', @@ -4265,39 +4349,39 @@ export const hotelNorge = { resolved: '#404655', alias: 'Signature/Hotel Norge/Dark blue/80', }, - 'Surface/Feedback/Information Accent': { + 'Surface/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Surface/Feedback/Information': { + 'Surface/Feedback/Information light': { resolved: '#E8F6FF', alias: 'Scandic/Blue/00', }, - 'Surface/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', + 'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' }, + 'Surface/Feedback/Succes light': { + resolved: '#F3FCE8', + alias: 'Scandic/Green/00', }, - 'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' }, - 'Surface/Feedback/Warning Accent': { + 'Surface/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60', }, - 'Surface/Feedback/Warning Light': { + 'Surface/Feedback/Warning light': { resolved: '#FFF8E3', alias: 'Scandic/Yellow/00', }, - 'Surface/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', + 'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, + 'Surface/Feedback/Error light': { + resolved: '#FFEBEB', + alias: 'Scandic/Red/00', }, - 'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' }, - 'Surface/Feedback/Neutral Accent': { - resolved: '#747474', - alias: 'Neutral/50', + 'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' }, + 'Surface/Feedback/Neutral light': { + resolved: '#E9E9E9', + alias: 'Neutral/15', }, - 'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' }, 'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' }, - 'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' }, + 'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Border/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -4310,7 +4394,7 @@ export const hotelNorge = { }, 'Icon/Interactive/Default': { resolved: '#181E34', - alias: 'Signature/Hotel Norge/Dark blue/90', + alias: 'Signature/Hotel Norge/Dark blue/100', }, 'Icon/Interactive/Secondary': { resolved: '#26544A', @@ -4340,7 +4424,7 @@ export const hotelNorge = { 'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' }, 'Component/Button/Brand/Primary/Fill/Default': { resolved: '#181E34', - alias: 'Signature/Hotel Norge/Dark blue/90', + alias: 'Signature/Hotel Norge/Dark blue/100', }, 'Component/Button/Brand/Primary/Fill/Hover': { resolved: '#2c3146' }, 'Component/Button/Brand/Primary/Fill/Disabled': { @@ -4393,7 +4477,7 @@ export const hotelNorge = { }, 'Component/Button/Brand/Secondary/On fill/Default': { resolved: '#181E34', - alias: 'Signature/Hotel Norge/Dark blue/90', + alias: 'Signature/Hotel Norge/Dark blue/100', }, 'Component/Button/Brand/Secondary/On fill/Hover': { resolved: '#404655', @@ -4412,7 +4496,7 @@ export const hotelNorge = { }, 'Component/Button/Brand/Secondary/Border/Default': { resolved: '#181E34', - alias: 'Signature/Hotel Norge/Dark blue/90', + alias: 'Signature/Hotel Norge/Dark blue/100', }, 'Component/Button/Brand/Secondary/Border/Hover': { resolved: '#404655', @@ -4493,7 +4577,7 @@ export const hotelNorge = { }, 'Component/Button/Inverted/On fill/Default': { resolved: '#181E34', - alias: 'Signature/Hotel Norge/Dark blue/90', + alias: 'Signature/Hotel Norge/Dark blue/100', }, 'Component/Button/Inverted/On fill/Hover': { resolved: '#2c3146' }, 'Component/Button/Inverted/On fill/Hover inverted': { @@ -4508,11 +4592,11 @@ export const hotelNorge = { '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/OnPrimary 1/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + 'Border/Divider/Brand/OnAccent/Default': { + resolved: '#626B76', + alias: 'Signature/Hotel Norge/Dark blue/60', }, - 'Border/Divider/Brand/OnPrimary 1/Secondary': { + 'Border/Divider/Brand/OnPrimary 1/Default': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, @@ -4521,10 +4605,10 @@ export const hotelNorge = { alias: 'Neutral/Opacity/White/100', }, 'Border/Divider/Brand/OnPrimary 3/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + resolved: '#779990', + alias: 'Signature/Hotel Norge/Emerald/50', }, - 'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' }, + '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' }, @@ -4581,8 +4665,9 @@ export const grandHotel = { '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: '#D7D7D1' }, + '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' }, @@ -4642,14 +4727,10 @@ export const grandHotel = { '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' }, - 'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Default': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/OnSurface/Accent': { resolved: '#FFFFFF' }, - 'Surface/Brand/Primary 3/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' }, @@ -4821,15 +4902,14 @@ export const grandHotel = { resolved: '#AA546B', alias: 'Signature/Grand Hotel/Careys Pink/60', }, - 'Text/Accent Secondary': { resolved: '#747474', alias: 'Neutral/50' }, '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', + resolved: '#3D444D', + alias: 'Signature/Grand Hotel/Blue Bayoux/80', }, 'Text/Interactive/Secondary': { resolved: '#AA546B', @@ -4844,34 +4924,32 @@ export const grandHotel = { '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 Accent': { + 'Text/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Text/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', - }, - 'Text/Feedback/Warning Accent': { - resolved: '#D17308', - alias: 'Scandic/Yellow/60', - }, - 'Text/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', - }, - 'Text/Feedback/Neutral Accent': { resolved: '#747474', alias: 'Neutral/50' }, + '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', + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', }, 'Text/Brand/OnPrimary 1/Default': { - resolved: '#1F1F1F', - alias: 'Neutral/90', + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', + }, + 'Text/Brand/OnPrimary 1/Accent': { + resolved: '#FFFFFF', + alias: 'Neutral/Opacity/White/100', }, - 'Text/Brand/OnPrimary 1/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' }, 'Text/Brand/OnPrimary 2/Heading': { resolved: '#1F1F1F', alias: 'Neutral/90', @@ -4882,17 +4960,14 @@ export const grandHotel = { }, 'Text/Brand/OnPrimary 2/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' }, 'Text/Brand/OnPrimary 3/Heading': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + 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', + resolved: '#1F1F1F', + alias: 'Neutral/90', }, + 'Text/Brand/OnPrimary 3/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' }, 'Background/Primary': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -4912,31 +4987,58 @@ export const grandHotel = { resolved: '#F7F6F5', alias: 'Signature/Grand Hotel/Cloudy/0', }, - 'Surface/Primary/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' }, + 'Surface/Primary/Disabled': { + resolved: '#1F1C1B1A', + alias: 'Neutral/Opacity/Black/10', + }, 'Surface/Secondary/Default': { resolved: '#F7F6F5', alias: 'Signature/Grand Hotel/Cloudy/0', }, - 'Surface/Secondary/Default dark': { + 'Surface/Secondary/Subtle': { resolved: '#EBEAE9', alias: 'Signature/Grand Hotel/Cloudy/10', }, 'Surface/Secondary/Hover': { resolved: '#ebeae9' }, 'Surface/Brand/Accent/Default': { - resolved: '#B2ADA7', - alias: 'Signature/Grand Hotel/Cloudy/30', + 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: '#DBA7B1', - alias: 'Signature/Grand Hotel/Careys Pink/40', + 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: '#5B6E7F', - alias: 'Signature/Grand Hotel/Blue Bayoux/50', + 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', @@ -4966,39 +5068,39 @@ export const grandHotel = { resolved: '#363C43', alias: 'Signature/Grand Hotel/Blue Bayoux/90', }, - 'Surface/Feedback/Information Accent': { + 'Surface/Feedback/Information': { resolved: '#284EA0', alias: 'Scandic/Blue/70', }, - 'Surface/Feedback/Information': { + 'Surface/Feedback/Information light': { resolved: '#E8F6FF', alias: 'Scandic/Blue/00', }, - 'Surface/Feedback/Succes Accent': { - resolved: '#348337', - alias: 'Scandic/Green/60', + 'Surface/Feedback/Succes': { resolved: '#348337', alias: 'Scandic/Green/60' }, + 'Surface/Feedback/Succes light': { + resolved: '#F3FCE8', + alias: 'Scandic/Green/00', }, - 'Surface/Feedback/Succes': { resolved: '#F3FCE8', alias: 'Scandic/Green/00' }, - 'Surface/Feedback/Warning Accent': { + 'Surface/Feedback/Warning': { resolved: '#D17308', alias: 'Scandic/Yellow/60', }, - 'Surface/Feedback/Warning Light': { + 'Surface/Feedback/Warning light': { resolved: '#FFF8E3', alias: 'Scandic/Yellow/00', }, - 'Surface/Feedback/Error Accent': { - resolved: '#AD0015', - alias: 'Scandic/Red/70', + 'Surface/Feedback/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' }, + 'Surface/Feedback/Error light': { + resolved: '#FFEBEB', + alias: 'Scandic/Red/00', }, - 'Surface/Feedback/Error': { resolved: '#FFEBEB', alias: 'Scandic/Red/00' }, - 'Surface/Feedback/Neutral Accent': { - resolved: '#747474', - alias: 'Neutral/50', + 'Surface/Feedback/Neutral': { resolved: '#747474', alias: 'Neutral/50' }, + 'Surface/Feedback/Neutral light': { + resolved: '#E9E9E9', + alias: 'Neutral/15', }, - 'Surface/Feedback/Neutral': { resolved: '#E9E9E9', alias: 'Neutral/15' }, 'Border/Default': { resolved: '#D9D9D9', alias: 'Neutral/20' }, - 'Border/Intense': { resolved: '#BFBFBF', alias: 'Neutral/30' }, + 'Border/Strong': { resolved: '#BFBFBF', alias: 'Neutral/30' }, 'Border/Inverted': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', @@ -5206,11 +5308,11 @@ export const grandHotel = { '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/OnPrimary 1/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + 'Border/Divider/Brand/OnAccent/Default': { + resolved: '#B2ADA7', + alias: 'Signature/Grand Hotel/Cloudy/30', }, - 'Border/Divider/Brand/OnPrimary 1/Secondary': { + 'Border/Divider/Brand/OnPrimary 1/Default': { resolved: '#FFFFFF', alias: 'Neutral/Opacity/White/100', }, @@ -5219,10 +5321,1173 @@ export const grandHotel = { alias: 'Neutral/Opacity/White/100', }, 'Border/Divider/Brand/OnPrimary 3/Default': { - resolved: '#FFFFFF', - alias: 'Neutral/Opacity/White/100', + resolved: '#8E4258', + alias: 'Signature/Grand Hotel/Careys Pink/70', }, - 'Border/Interactive/Selected': { resolved: '#262626', alias: 'Neutral/80' }, + '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: '#f2f2f2' }, + '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: '#ffffff30' }, + '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' }, + 'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' }, + 'Surface/Brand/Primary 2/OnSurface/Accent': { 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/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': { + resolved: 400, + 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/Decorative/lg/Size': { resolved: '', alias: 'Impl-Text size/xs' }, + 'Title/Decorative/lg/Font weight': { + resolved: 400, + alias: 'Font weight/Regular', + }, + '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': { + resolved: 400, + alias: 'Font weight/Regular', + }, + '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': { + resolved: 500, + alias: 'Font weight/Medium', + }, + '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': { + resolved: 500, + alias: 'Font weight/Medium', + }, + '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': { + resolved: 500, + alias: 'Font weight/Medium', + }, + '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/md/LowCase/Size': { resolved: '', alias: 'Impl-Text size/2xl' }, + 'Title/md/LowCase/Font weight': { + resolved: 400, + alias: 'Font weight/Regular', + }, + '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', + }, + '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', + }, + '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': { + resolved: 500, + alias: 'Font weight/Medium', + }, + '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': { + resolved: 400, + alias: 'Font weight/Regular', + }, + 'Body/Supporting text/Font weight 2': { + resolved: 500, + alias: 'Font weight/Medium', + }, + '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', + }, + 'Body/Underline/md/Size': { resolved: '', alias: 'Impl-Text size/3xs' }, + 'Body/Underline/md/Font weight': { + resolved: 400, + alias: 'Font weight/Regular', + }, + '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': { + 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/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/Accent': { + resolved: '#3E1212', + alias: 'Signature/The Dock/Rose Copper/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: '#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: '#f2f2f2' }, + 'Surface/Primary/Hover Light': { resolved: '#e6e5e5' }, + '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: '#ebe5dc' }, + '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 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/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: '#512725' }, + '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: '#c4b1af', + }, + '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: '#9d807e', + }, + '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: '#f3e4c8' }, + '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: '#512725' }, + '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: '#e6e5e5' }, + '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: '#512725' }, + '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: '#f2f2f2' }, + '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: '#ffffff30' }, + 'Component/Button/Muted/Border/Disable': { + resolved: '#FFFFFF1A', + alias: 'Neutral/Opacity/White/10', + }, +} as const +export const partnerSAS = { + '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/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: '#f2f2f2' }, + 'Surface/Primary/Hover Light': { resolved: '#e6e5e5' }, + '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: '#ebeae9' }, + '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/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: '#34373d' }, + '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: '#b6b7b9', + }, + '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: '#878a8d', + }, + '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: '#b8cad0' }, + '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: '#34373d' }, + '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: '#e6e5e5' }, + '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: '#34373d' }, + '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' }, diff --git a/packages/design-system/lib/tokens/theDock.mdx b/packages/design-system/lib/tokens/theDock.mdx new file mode 100644 index 000000000..9488ff4e7 --- /dev/null +++ b/packages/design-system/lib/tokens/theDock.mdx @@ -0,0 +1,11 @@ +import { Meta } from '@storybook/addon-docs/blocks' + +import { Colors } from './Colors' + +import { theDock } from '.' + + + +# Colors: The Dock + +