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

30
packages/design-system/lib/styles/scandic-go.js
View File

@@ -161,7 +161,7 @@ export const theme = {
'Text/Interactive/Hover': '#5E2A8C',
'Text/Interactive/Secondary': '#5E2A8C',
'Text/Interactive/Secondary Hover': '#2D163A',
'Text/Interactive/Inverted Hover': '#bbb2bf',
'Text/Interactive/Inverted Hover': '#FFFFFFB3',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
@@ -177,7 +177,7 @@ export const theme = {
'Text/Brand/OnAccent/Accent Secondary': '#5E2A8C',
'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
'Text/Brand/OnPrimary 1/Hover': '#ffffff',
'Text/Brand/OnPrimary 1/Hover': '#FFFFFFB3',
'Text/Brand/OnPrimary 1/Accent': '#DCD7FF',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
@@ -188,14 +188,14 @@ export const theme = {
'Background/Primary': '#FFFEFA',
'Background/Secondary': '#FFFFFF',
'Surface/Primary/Default': '#FFFFFF',
'Surface/Primary/Hover': '#f2f2f2',
'Surface/Primary/Hover Light': '#e6e5e5',
'Surface/Primary/Hover': '#1F1C1B0D',
'Surface/Primary/Hover Light': '#1F1C1B1A',
'Surface/Primary/Hover Accent': '#DCD7FF',
'Surface/Primary/OnSurface/Default': '#FAF8F2',
'Surface/Primary/Disabled': '#1F1C1B1A',
'Surface/Secondary/Default': '#F0EDE4',
'Surface/Secondary/Subtle': '#E0DCCE',
'Surface/Secondary/Hover': '#e4e1d9',
'Surface/Secondary/Hover': '#1F1C1B0D',
'Surface/Brand/Accent/Default': '#F5FF73',
'Surface/Brand/Accent/OnAccent/Default': '#2D163A',
'Surface/Brand/Accent/OnAccent/Accent': '#451F61',
@@ -213,7 +213,7 @@ export const theme = {
'Surface/UI Fill/Default': '#FFFFFF',
'Surface/UI Fill/Intense': '#262626',
'Surface/UI Fill/Active': '#262626',
'Surface/UI Fill/Active Hover': '#e6e5e5',
'Surface/UI Fill/Active Hover': '#1F1C1B1A',
'Surface/UI Fill/Disabled': '#E9E9E9',
'Surface/Accent/1': '#FA3737',
'Surface/Accent/2': '#087B86',
@@ -239,7 +239,7 @@ export const theme = {
'Icon/Interactive/Default': '#2D163A',
'Icon/Interactive/Secondary': '#5E2A8C',
'Icon/Interactive/Accent': '#5E2A8C',
'Icon/Interactive/Inverted Hover': '#bbb2bf',
'Icon/Interactive/Inverted Hover': '#FFFFFFB3',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',
@@ -256,7 +256,7 @@ export const theme = {
'Overlay/80': '#1F1C1BCC',
'Overlay/90': '#1F1C1BE6',
'Component/Button/Brand/Primary/Fill/Default': '#DCD7FF',
'Component/Button/Brand/Primary/Fill/Hover': '#c7c2e5',
'Component/Button/Brand/Primary/Fill/Hover': '#1F1C1B1A',
'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Primary/On fill/Default': '#2D163A',
'Component/Button/Brand/Primary/On fill/Hover': '#2D163A',
@@ -272,15 +272,15 @@ export const theme = {
'Component/Button/Brand/Secondary/On fill/Default': '#2D163A',
'Component/Button/Brand/Secondary/On fill/Hover': '#5E2A8C',
'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/On fill/Hover inverted': '#bbb2bf',
'Component/Button/Brand/Secondary/On fill/Hover inverted': '#FFFFFFB3',
'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
'Component/Button/Brand/Secondary/Border/Default': '#2D163A',
'Component/Button/Brand/Secondary/Border/Hover': '#5E2A8C',
'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/Border/Hover inverted': '#908197',
'Component/Button/Brand/Secondary/Border/Hover inverted': '#FFFFFF80',
'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/Fill/Default': '#2D163A',
'Component/Button/Brand/Tertiary/Fill/Hover': '#402a4b',
'Component/Button/Brand/Tertiary/Fill/Hover': '#FFFFFF1A',
'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
@@ -290,14 +290,14 @@ 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': '#1F1C1B1A',
'Component/Button/Inverted/Fill/Hover Inverted': '#DCD7FF',
'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Inverted/Border/Default': '#FFFFFF00',
'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
'Component/Button/Inverted/On fill/Default': '#2D163A',
'Component/Button/Inverted/On fill/Hover': '#402a4b',
'Component/Button/Inverted/On fill/Hover': '#FFFFFF1A',
'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
'Border/Interactive/Default': '#BFBFBF',
@@ -313,9 +313,9 @@ export const theme = {
'Border/Interactive/Disabled': '#8C8C8C',
'Border/Interactive/Error': '#AD0015',
'Component/Button/Muted/Fill/Default': '#FFFFFF',
'Component/Button/Muted/Fill/Hover': '#ffffff',
'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
'Component/Button/Muted/Fill/Hover inverted': '#f2f2f2',
'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
'Component/Button/Muted/On fill/Default': '#1F1F1F',
'Component/Button/Muted/On fill/Inverted': '#FFFFFF',