scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(BOOK-622): Removed blending step for hover colors and respect original values from design system instead

Browse Source 
Approved-by: Linus Flood
This commit is contained in:
Erik Tiekstra
2025-12-02 06:24:59 +00:00
parent 3e4ac2c270
commit 8f7e4b8d06
21 changed files with 747 additions and 428 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
packages/design-system/lib/styles/partner-sas.css
View File

@@ -1,16 +1,6 @@
/* 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;
--Icon-Interactive-Inverted-Hover: #b6b7b9;
--Surface-Brand-Accent-Default: #ffffff;
--Surface-Brand-Accent-OnAccent-Accent-Secondary: #ffffff;
--Surface-Brand-Accent-OnAccent-Accent: #ffffff;
@@ -25,11 +15,7 @@
--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;
--Text-Brand-OnPrimary-1-Hover: #ffffff;
--Text-Interactive-Inverted-Hover: #b6b7b9;
--Utilities-Gradients-10: #5b6e7f1a;
/* Aliases */
@@ -63,6 +49,7 @@
--Component-Button-Brand-Primary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
);
--Component-Button-Brand-Primary-Fill-Hover: var(--Neutral-Opacity-White-10);
--Component-Button-Brand-Primary-On-fill-Default: var(
--Neutral-Opacity-White-100
);
@@ -76,6 +63,9 @@
--Component-Button-Brand-Secondary-Border-Disabled: var(
--Neutral-Opacity-Black-10
);
--Component-Button-Brand-Secondary-Border-Hover-inverted: var(
--Neutral-Opacity-White-50
);
--Component-Button-Brand-Secondary-Border-Hover: var(
--Signature-Grand-Hotel-Blue-Bayoux-80
);
@@ -99,6 +89,9 @@
--Signature-Grand-Hotel-Blue-Bayoux-100
);
--Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Brand-Secondary-On-fill-Hover-inverted: var(
--Neutral-Opacity-White-70
);
--Component-Button-Brand-Secondary-On-fill-Hover: var(
--Signature-Grand-Hotel-Blue-Bayoux-80
);
@@ -120,10 +113,14 @@
--Component-Button-Brand-Tertiary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
);
--Component-Button-Brand-Tertiary-Fill-Hover: var(--Neutral-Opacity-White-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-Brand-Tertiary-On-fill-Hover: var(
--Neutral-Opacity-White-10
);
--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);
@@ -133,6 +130,7 @@
--Component-Button-Inverted-Fill-Hover-Inverted: var(
--Signature-Grand-Hotel-Submarine-30
);
--Component-Button-Inverted-Fill-Hover: var(--Neutral-Opacity-Black-10);
--Component-Button-Inverted-On-fill-Default: var(
--Signature-Grand-Hotel-Blue-Bayoux-100
);
@@ -140,11 +138,14 @@
--Component-Button-Inverted-On-fill-Hover-inverted: var(
--Neutral-Opacity-White-100
);
--Component-Button-Inverted-On-fill-Hover: var(--Neutral-Opacity-White-10);
--Component-Button-Muted-Border-Default: var(--Neutral-Opacity-White-10);
--Component-Button-Muted-Border-Disable: var(--Neutral-Opacity-White-10);
--Component-Button-Muted-Border-Hover: 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-inverted: var(--Neutral-Opacity-Black-5);
--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);
@@ -163,6 +164,7 @@
--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-Inverted-Hover: var(--Neutral-Opacity-White-70);
--Icon-Interactive-Placeholder: var(--Neutral-50);
--Icon-Interactive-Secondary: var(--Signature-Grand-Hotel-Careys-Pink-60);
--Icon-Inverted: var(--Neutral-Opacity-White-100);
@@ -191,8 +193,11 @@
--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-Hover-Light: var(--Neutral-Opacity-Black-10);
--Surface-Primary-Hover: var(--Neutral-Opacity-Black-5);
--Surface-Primary-OnSurface-Default: var(--Signature-Grand-Hotel-Cloudy-0);
--Surface-Secondary-Default: var(--Signature-Grand-Hotel-Cloudy-0);
--Surface-Secondary-Hover: var(--Neutral-Opacity-Black-5);
--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);
@@ -225,6 +230,7 @@
--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-Inverted-Hover: var(--Neutral-Opacity-White-70);
--Text-Interactive-Placeholder: var(--Neutral-50);
--Text-Interactive-Secondary-Hover: var(
--Signature-Grand-Hotel-Careys-Pink-50