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

Merged in monorepo-step-1 (pull request #1080)

Browse Source 
Migrate to a monorepo setup - step 1

* Move web to subfolder /apps/scandic-web

* Yarn + transitive deps

- Move to yarn
- design-system package removed for now since yarn doesn't
support the parameter for token (ie project currently broken)
- Add missing transitive dependencies as Yarn otherwise
prevents these imports
- VS Code doesn't pick up TS path aliases unless you open
/apps/scandic-web instead of root (will be fixed with monorepo)

* Pin framer-motion to temporarily fix typing issue

https://github.com/adobe/react-spectrum/issues/7494

* Pin zod to avoid typ error

There seems to have been a breaking change in the types
returned by zod where error is now returned as undefined
instead of missing in the type. We should just handle this
but to avoid merge conflicts just pin the dependency for
now.

* Pin react-intl version

Pin version of react-intl to avoid tiny type issue where formatMessage
does not accept a generic any more. This will be fixed in a future
commit, but to avoid merge conflicts just pin for now.

* Pin typescript version

Temporarily pin version as newer versions as stricter and results in
a type error. Will be fixed in future commit after merge.

* Setup workspaces

* Add design-system as a monorepo package

* Remove unused env var DESIGN_SYSTEM_ACCESS_TOKEN

* Fix husky for monorepo setup

* Update netlify.toml

* Add lint script to root package.json

* Add stub readme

* Fix react-intl formatMessage types

* Test netlify.toml in root

* Remove root toml

* Update netlify.toml publish path

* Remove package-lock.json

* Update build for branch/preview builds


Approved-by: Linus Flood
This commit is contained in:
Anton Gunnarsson
2025-02-26 10:36:17 +00:00
committed by Linus Flood
parent 667cab6fb6
commit 80100e7631
2731 changed files with 30986 additions and 23708 deletions
Download Patch File Download Diff File Expand all files Collapse all files

318
packages/design-system/lib/styles/tokens.css Normal file
View File

@@ -0,0 +1,318 @@
/* This file is generated, do not edit manually! */
:root {
--Base-Background-Primary-Elevated: var(--Scandic-Beige-00);
--Base-Background-Primary-Normal: var(--Scandic-Beige-00);
--Base-Border-Hover: var(--Scandic-Peach-80);
--Base-Border-Inverted: var(--UI-Opacity-White-100);
--Base-Border-Normal: var(--Scandic-Beige-40);
--Base-Border-Subtle: var(--Scandic-Beige-20);
--Base-Button-Inverted-Border-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Inverted-Border-Hover: var(--UI-Opacity-White-0);
--Base-Button-Inverted-Border-Normal: var(--UI-Opacity-White-0);
--Base-Button-Inverted-Fill-Disabled: var(--UI-Grey-20);
--Base-Button-Inverted-Fill-Hover: var(--Scandic-Beige-10);
--Base-Button-Inverted-Fill-Hover-alt: var(--Scandic-Peach-10);
--Base-Button-Inverted-Fill-Normal: var(--UI-Opacity-White-100);
--Base-Button-Inverted-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Inverted-On-Fill-Hover: var(--Scandic-Red-90);
--Base-Button-Inverted-On-Fill-Normal: var(--Scandic-Red-100);
--Base-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Base-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Base-Button-Primary-Fill-Disabled: var(--UI-Grey-20);
--Base-Button-Primary-Fill-Hover: var(--Scandic-Red-70);
--Base-Button-Primary-Fill-Normal: var(--Scandic-Red-60);
--Base-Button-Primary-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Primary-On-Fill-Hover: var(--UI-Opacity-White-100);
--Base-Button-Primary-On-Fill-Normal: var(--UI-Opacity-White-100);
--Base-Button-Secondary-Border-Disabled: var(--UI-Grey-30);
--Base-Button-Secondary-Border-Hover: var(--Scandic-Peach-80);
--Base-Button-Secondary-Border-Normal: var(--Scandic-Red-100);
--Base-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Base-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Base-Button-Secondary-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-80);
--Base-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);
--Base-Button-Tertiary-Border-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Tertiary-Border-Hover: var(--UI-Opacity-White-0);
--Base-Button-Tertiary-Border-Normal: var(--UI-Opacity-White-0);
--Base-Button-Tertiary-Fill-Disabled: var(--UI-Grey-20);
--Base-Button-Tertiary-Fill-Hover: var(--Scandic-Red-90);
--Base-Button-Tertiary-Fill-Normal: var(--Scandic-Red-100);
--Base-Button-Tertiary-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Tertiary-On-Fill-Hover: var(--UI-Opacity-White-100);
--Base-Button-Tertiary-On-Fill-Normal: var(--UI-Opacity-White-100);
--Base-Button-Text-Border-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Text-Border-Hover: var(--UI-Opacity-White-0);
--Base-Button-Text-Border-Normal: var(--UI-Opacity-White-0);
--Base-Button-Text-Fill-Disabled: var(--UI-Opacity-White-0);
--Base-Button-Text-Fill-Hover: var(--UI-Opacity-White-0);
--Base-Button-Text-Fill-Normal: var(--UI-Opacity-White-0);
--Base-Button-Text-On-Fill-Disabled: var(--UI-Grey-40);
--Base-Button-Text-On-Fill-Hover: var(--Scandic-Peach-80);
--Base-Button-Text-On-Fill-Normal: var(--Scandic-Red-100);
--Base-Icon-Low-contrast: var(--Scandic-Peach-70);
--Base-Interactive-Surface-Primary-normal: var(--Scandic-Red-80);
--Base-Interactive-Surface-Secondary-normal: var(--Scandic-Green-70);
--Base-Interactive-Surface-Tertiary-normal: var(--Scandic-Blue-60);
--Base-Surface-Primary-dark-Hover: var(--Scandic-Peach-20);
--Base-Surface-Primary-dark-Normal: var(--Scandic-Peach-10);
--Base-Surface-Primary-light-Hover: var(--UI-Grey-00);
--Base-Surface-Primary-light-Hover-alt: var(--Scandic-Beige-10);
--Base-Surface-Primary-light-Normal: var(--UI-Opacity-White-100);
--Base-Surface-Secondary-light-Hover: var(--Scandic-Peach-10);
--Base-Surface-Secondary-light-Hover-alt: var(--Scandic-Peach-20);
--Base-Surface-Secondary-light-Normal: var(--Scandic-Beige-00);
--Base-Surface-Subtle-Hover: var(--Scandic-Beige-20);
--Base-Surface-Subtle-Normal: var(--Scandic-Beige-10);
--Base-Text-Accent: var(--Scandic-Red-60);
--Base-Text-Disabled: var(--UI-Grey-40);
--Base-Text-High-contrast: var(--Scandic-Red-100);
--Base-Text-Inverted: var(--UI-Opacity-White-100);
--Base-Text-Medium-contrast: var(--Scandic-Peach-80);
--Primary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);
--Primary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Peach-20);
--Primary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Peach-10);
--Primary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-30);
--Primary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Red-80);
--Primary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Red-100);
--Primary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
--Primary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Peach-30);
--Primary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Peach-10);
--Primary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Primary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-30);
--Primary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Peach-30);
--Primary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Peach-10);
--Primary-Dark-On-Surface-Accent: var(--Scandic-Peach-50);
--Primary-Dark-On-Surface-Divider: var(--Scandic-Peach-80);
--Primary-Dark-On-Surface-Text: var(--Scandic-Peach-10);
--Primary-Dark-Surface-Hover: var(--Scandic-Red-90);
--Primary-Dark-Surface-Normal: var(--Scandic-Red-100);
--Primary-Dim-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Primary-Fill-Disabled: var(--UI-Opacity-Almost-Black-10);
--Primary-Dim-Button-Primary-Fill-Hover: var(--Scandic-Red-80);
--Primary-Dim-Button-Primary-Fill-Normal: var(--Scandic-Red-100);
--Primary-Dim-Button-Primary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Dim-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);
--Primary-Dim-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);
--Primary-Dim-Button-Secondary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Dim-Button-Secondary-Border-Hover: var(--Scandic-Red-80);
--Primary-Dim-Button-Secondary-Border-Normal: var(--Scandic-Red-100);
--Primary-Dim-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Primary-Dim-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Dim-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);
--Primary-Dim-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);
--Primary-Dim-On-Surface-Accent: var(--Scandic-Peach-80);
--Primary-Dim-On-Surface-Divider: var(--Scandic-Peach-40);
--Primary-Dim-On-Surface-Text: var(--Scandic-Red-100);
--Primary-Dim-Surface-Hover: var(--Scandic-Peach-40);
--Primary-Dim-Surface-Normal: var(--Scandic-Peach-30);
--Primary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Primary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Primary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Primary-Light-Button-Primary-Fill-Disabled: var(
--UI-Opacity-Almost-Black-10
);
--Primary-Light-Button-Primary-Fill-Hover: var(--Scandic-Red-80);
--Primary-Light-Button-Primary-Fill-Normal: var(--Scandic-Red-100);
--Primary-Light-Button-Primary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Peach-30);
--Primary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Peach-10);
--Primary-Light-Button-Secondary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Light-Button-Secondary-Border-Hover: var(--Scandic-Red-80);
--Primary-Light-Button-Secondary-Border-Normal: var(--Scandic-Red-100);
--Primary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Primary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Primary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Primary-Light-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Primary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-80);
--Primary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Red-100);
--Primary-Light-On-Surface-Accent: var(--Scandic-Red-60);
--Primary-Light-On-Surface-Divider: var(--Scandic-Peach-30);
--Primary-Light-On-Surface-Divider-subtle: var(--Scandic-Beige-10);
--Primary-Light-On-Surface-Text: var(--Scandic-Red-100);
--Primary-Light-Surface-Hover: var(--Scandic-Peach-20);
--Primary-Light-Surface-Normal: var(--Scandic-Peach-10);
--Primary-Strong-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-20);
--Primary-Strong-Button-Primary-Fill-Hover: var(--Scandic-Red-00);
--Primary-Strong-Button-Primary-Fill-Normal: var(--UI-Opacity-White-100);
--Primary-Strong-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);
--Primary-Strong-Button-Primary-On-Fill-Hover: var(--Scandic-Red-70);
--Primary-Strong-Button-Primary-On-Fill-Normal: var(--Scandic-Red-70);
--Primary-Strong-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
--Primary-Strong-Button-Secondary-Border-Hover: var(--Scandic-Peach-00);
--Primary-Strong-Button-Secondary-Border-Normal: var(--UI-Opacity-White-100);
--Primary-Strong-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Primary-Strong-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-White-20
);
--Primary-Strong-Button-Secondary-On-Fill-Hover: var(--Scandic-Red-00);
--Primary-Strong-Button-Secondary-On-Fill-Normal: var(--UI-Opacity-White-100);
--Primary-Strong-On-Surface-Accent: var(--Scandic-Peach-10);
--Primary-Strong-On-Surface-Divider: var(--Scandic-Red-70);
--Primary-Strong-On-Surface-Text: var(--UI-Opacity-White-100);
--Primary-Strong-Surface-Hover: var(--Scandic-Red-70);
--Primary-Strong-Surface-Normal: var(--Scandic-Red-60);
--Secondary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);
--Secondary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Green-30);
--Secondary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Green-20);
--Secondary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);
--Secondary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Green-80);
--Secondary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Green-90);
--Secondary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
--Secondary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Green-30);
--Secondary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Green-20);
--Secondary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Secondary-Dark-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-White-20
);
--Secondary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-30);
--Secondary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-20);
--Secondary-Dark-On-Surface-Accent: var(--Scandic-Green-40);
--Secondary-Dark-On-Surface-Divider: var(--Scandic-Green-80);
--Secondary-Dark-On-Surface-Text: var(--Scandic-Green-20);
--Secondary-Dark-Surface-Hover: var(--Scandic-Green-80);
--Secondary-Dark-Surface-Normal: var(--Scandic-Green-90);
--Secondary-Light-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Primary-Fill-Disabled: var(
--UI-Opacity-Almost-Black-10
);
--Secondary-Light-Button-Primary-Fill-Hover: var(--Scandic-Green-80);
--Secondary-Light-Button-Primary-Fill-Normal: var(--Scandic-Green-90);
--Secondary-Light-Button-Primary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Secondary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Green-30);
--Secondary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Green-20);
--Secondary-Light-Button-Secondary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Secondary-Light-Button-Secondary-Border-Hover: var(--Scandic-Green-80);
--Secondary-Light-Button-Secondary-Border-Normal: var(--Scandic-Green-90);
--Secondary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Secondary-Light-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Secondary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Green-80);
--Secondary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Green-90);
--Secondary-Light-On-Surface-Accent: var(--Scandic-Green-50);
--Secondary-Light-On-Surface-Divider: var(--Scandic-Green-30);
--Secondary-Light-On-Surface-Text: var(--Scandic-Green-90);
--Secondary-Light-Surface-Hover: var(--Scandic-Green-20);
--Secondary-Light-Surface-Normal: var(--Scandic-Green-20);
--Tertiary-Dark-Button-Primary-Border-Disabled: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Primary-Border-Hover: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Primary-Border-Normal: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Primary-Fill-Disabled: var(--UI-Opacity-White-10);
--Tertiary-Dark-Button-Primary-Fill-Hover: var(--Scandic-Yellow-20);
--Tertiary-Dark-Button-Primary-Fill-Normal: var(--Scandic-Yellow-10);
--Tertiary-Dark-Button-Primary-On-Fill-Disabled: var(--UI-Opacity-White-20);
--Tertiary-Dark-Button-Primary-On-Fill-Hover: var(--Scandic-Blue-80);
--Tertiary-Dark-Button-Primary-On-Fill-Normal: var(--Scandic-Blue-100);
--Tertiary-Dark-Button-Secondary-Border-Disabled: var(--UI-Opacity-White-20);
--Tertiary-Dark-Button-Secondary-Border-Hover: var(--Scandic-Yellow-20);
--Tertiary-Dark-Button-Secondary-Border-Normal: var(--Scandic-Yellow-10);
--Tertiary-Dark-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Tertiary-Dark-Button-Secondary-On-Fill-Disabled: var(--UI-Opacity-White-20);
--Tertiary-Dark-Button-Secondary-On-Fill-Hover: var(--Scandic-Yellow-20);
--Tertiary-Dark-Button-Secondary-On-Fill-Normal: var(--Scandic-Yellow-10);
--Tertiary-Dark-On-Surface-Accent: var(--Scandic-Blue-40);
--Tertiary-Dark-On-Surface-Divider: var(--Scandic-Blue-80);
--Tertiary-Dark-On-Surface-Text: var(--Scandic-Yellow-10);
--Tertiary-Dark-Surface-Hover: var(--Scandic-Blue-90);
--Tertiary-Dark-Surface-Normal: var(--Scandic-Blue-100);
--Tertiary-Light-Button-Primary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Tertiary-Light-Button-Primary-Border-Hover: var(--Scandic-Yellow-00);
--Tertiary-Light-Button-Primary-Border-Normal: var(--Scandic-Yellow-10);
--Tertiary-Light-Button-Primary-Fill-Disabled: var(
--UI-Opacity-Almost-Black-10
);
--Tertiary-Light-Button-Primary-Fill-Hover: var(--Scandic-Blue-90);
--Tertiary-Light-Button-Primary-Fill-Normal: var(--Scandic-Blue-100);
--Tertiary-Light-Button-Primary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Tertiary-Light-Button-Primary-On-Fill-Hover: var(--Scandic-Yellow-00);
--Tertiary-Light-Button-Primary-On-Fill-Normal: var(--Scandic-Yellow-10);
--Tertiary-Light-Button-Secondary-Border-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Tertiary-Light-Button-Secondary-Border-Hover: var(--Scandic-Blue-90);
--Tertiary-Light-Button-Secondary-Border-Normal: var(--Scandic-Blue-100);
--Tertiary-Light-Button-Secondary-Fill-Disabled: var(--UI-Opacity-White-0);
--Tertiary-Light-Button-Secondary-Fill-Hover: var(--UI-Opacity-White-0);
--Tertiary-Light-Button-Secondary-Fill-Normal: var(--UI-Opacity-White-0);
--Tertiary-Light-Button-Secondary-On-Fill-Disabled: var(
--UI-Opacity-Almost-Black-20
);
--Tertiary-Light-Button-Secondary-On-Fill-Hover: var(--Scandic-Blue-90);
--Tertiary-Light-Button-Secondary-On-Fill-Normal: var(--Scandic-Blue-100);
--Tertiary-Light-On-Surface-Accent: var(--Scandic-Yellow-50);
--Tertiary-Light-On-Surface-Divider: var(--Scandic-Yellow-20);
--Tertiary-Light-On-Surface-Text: var(--Scandic-Blue-100);
--Tertiary-Light-Surface-Hover: var(--Scandic-Yellow-00);
--Tertiary-Light-Surface-Normal: var(--Scandic-Yellow-10);
--UI-Input-Controls-Border-Disabled: var(--UI-Grey-40);
--UI-Input-Controls-Border-Error: var(--Scandic-Red-70);
--UI-Input-Controls-Border-Focus: var(--Scandic-Blue-80);
--UI-Input-Controls-Border-Hover: var(--Scandic-Beige-70);
--UI-Input-Controls-Border-KeyboardFocus: var(--Scandic-Blue-50);
--UI-Input-Controls-Border-Normal: var(--Scandic-Beige-50);
--UI-Input-Controls-Fill-Disabled: var(--UI-Grey-60);
--UI-Input-Controls-Fill-Normal: var(--UI-Opacity-White-100);
--UI-Input-Controls-Fill-Selected: var(--Scandic-Blue-80);
--UI-Input-Controls-Fill-Selected-hover: var(--Scandic-Blue-70);
--UI-Input-Controls-On-Fill-Normal: var(--UI-Opacity-White-100);
--UI-Input-Controls-Surface-Disabled: var(--UI-Grey-10);
--UI-Input-Controls-Surface-Hover: var(--Scandic-Beige-10);
--UI-Input-Controls-Surface-Normal: var(--UI-Opacity-White-100);
--UI-Semantic-Error: var(--Scandic-Red-70);
--UI-Semantic-Information: var(--Scandic-Blue-70);
--UI-Semantic-Success: var(--Scandic-Green-60);
--UI-Semantic-Warning: var(--Scandic-Yellow-60);
--UI-Text-Active: var(--Scandic-Blue-90);
--UI-Text-Error: var(--Scandic-Red-70);
--UI-Text-High-contrast: var(--UI-Grey-100);
--UI-Text-Medium-contrast: var(--UI-Grey-80);
--UI-Text-Placeholder: var(--UI-Grey-60);
}