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

feat(BOOK-59): Fixes some issues related to css variables from the design system

Browse Source 
Approved-by: Linus Flood
This commit is contained in:
Erik Tiekstra
2025-10-16 12:53:43 +00:00
parent 291310e841
commit 338c93dd56
16 changed files with 151 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/design-system/lib/styles/downtown-camper.css
View File

@@ -78,7 +78,7 @@
--Surface-UI-Fill-Active-Hover: #ffffff;
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.06px;
--Tag-Text-Transform: unset;
--Tag-Text-Transform: none;
--Title-Decorative-lg-Font-fallback: sans-serif;
--Title-Decorative-lg-Letter-spacing: 0.05px;
--Title-Decorative-lg-Text-Transform: uppercase;
@@ -94,22 +94,22 @@
--Title-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: sans-serif;
--Title-lg-Letter-spacing: 0.12px;
--Title-lg-Text-Transform: unset;
--Title-lg-Text-Transform: none;
--Title-md-Font-fallback: sans-serif;
--Title-md-Letter-spacing: 0.09px;
--Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.09px;
--Title-md-LowCase-Text-Transform: unset;
--Title-md-Text-Transform: unset;
--Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: none;
--Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0.07px;
--Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0.07px;
--Title-sm-LowCase-Text-Transform: unset;
--Title-sm-Text-Transform: unset;
--Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: 0.12px;
--Title-xs-Text-Transform: unset;
--Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #3c43361a;
/* Aliases */

14
packages/design-system/lib/styles/downtown-camper.js
View File

@@ -35,12 +35,12 @@ export const theme = {
'Signature/Downtown Camper/Quicksand/100': '#35211A',
'Title/lg/Letter spacing': 0.12,
'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'unset',
'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.09,
'Title/md/Font fallback': 'sans-serif',
'Title/sm/Letter spacing': 0.07,
'Title/sm/Font fallback': 'sans-serif',
'Title/sm/Text-Transform': 'unset',
'Title/sm/Text-Transform': 'none',
'Title/Decorative/lg/Letter spacing': 0.05,
'Title/Decorative/lg/Font fallback': 'sans-serif',
'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -56,17 +56,17 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.07,
'Title/sm/LowCase/Font fallback': 'sans-serif',
'Title/sm/LowCase/Text-Transform': 'unset',
'Title/sm/LowCase/Text-Transform': 'none',
'Title/xs/Letter spacing': 0.12,
'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'unset',
'Title/md/Text-Transform': 'unset',
'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.09,
'Title/md/LowCase/Font fallback': 'sans-serif',
'Title/md/LowCase/Text-Transform': 'unset',
'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.06,
'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'unset',
'Tag/Text-Transform': 'none',
'Link/md/Font fallback': 'sans-serif',
'Link/md/Letter spacing': 0.19,
'Link/md/Text-Decoration': 'underline',

12
packages/design-system/lib/styles/grand-hotel.css
View File

@@ -75,22 +75,22 @@
--Title-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: Serif;
--Title-lg-Letter-spacing: 0.12px;
--Title-lg-Text-Transform: unset;
--Title-lg-Text-Transform: none;
--Title-md-Font-fallback: Serif;
--Title-md-Letter-spacing: 0.18px;
--Title-md-LowCase-Font-fallback: Serif;
--Title-md-LowCase-Letter-spacing: 0.18px;
--Title-md-LowCase-Text-Transform: unset;
--Title-md-Text-Transform: unset;
--Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: none;
--Title-sm-Font-fallback: Serif;
--Title-sm-Letter-spacing: 0.28px;
--Title-sm-LowCase-Font-fallback: Serif;
--Title-sm-LowCase-Letter-spacing: 0.28px;
--Title-sm-LowCase-Text-Transform: unset;
--Title-sm-Text-Transform: unset;
--Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: Serif;
--Title-xs-Letter-spacing: 0.24px;
--Title-xs-Text-Transform: unset;
--Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #5b6e7f1a;
/* Aliases */

12
packages/design-system/lib/styles/grand-hotel.js
View File

@@ -15,12 +15,12 @@ export const theme = {
'Signature/Grand Hotel/Submarine/30': '#B0C4CB',
'Title/lg/Letter spacing': 0.12,
'Title/lg/Font fallback': 'Serif',
'Title/lg/Text-Transform': 'unset',
'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.18,
'Title/md/Font fallback': 'Serif',
'Title/sm/Letter spacing': 0.28,
'Title/sm/Font fallback': 'Serif',
'Title/sm/Text-Transform': 'unset',
'Title/sm/Text-Transform': 'none',
'Title/Decorative/lg/Letter spacing': 0.3,
'Title/Decorative/lg/Font fallback': 'Serif',
'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -36,14 +36,14 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.28,
'Title/sm/LowCase/Font fallback': 'Serif',
'Title/sm/LowCase/Text-Transform': 'unset',
'Title/sm/LowCase/Text-Transform': 'none',
'Title/xs/Letter spacing': 0.24,
'Title/xs/Font fallback': 'Serif',
'Title/xs/Text-Transform': 'unset',
'Title/md/Text-Transform': 'unset',
'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.18,
'Title/md/LowCase/Font fallback': 'Serif',
'Title/md/LowCase/Text-Transform': 'unset',
'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.24,
'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'uppercase',

12
packages/design-system/lib/styles/haymarket.css
View File

@@ -94,22 +94,22 @@
--Title-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: Serif;
--Title-lg-Letter-spacing: 1.44px;
--Title-lg-Text-Transform: unset;
--Title-lg-Text-Transform: none;
--Title-md-Font-fallback: Serif;
--Title-md-Letter-spacing: 0.36px;
--Title-md-LowCase-Font-fallback: Serif;
--Title-md-LowCase-Letter-spacing: 0.36px;
--Title-md-LowCase-Text-Transform: unset;
--Title-md-Text-Transform: unset;
--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: unset;
--Title-sm-Text-Transform: unset;
--Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: Serif;
--Title-xs-Letter-spacing: 0.24px;
--Title-xs-Text-Transform: unset;
--Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #f0ddd81a;
/* Aliases */

12
packages/design-system/lib/styles/haymarket.js
View File

@@ -35,12 +35,12 @@ export const theme = {
'Signature/Haymarket/Bismark/100': '#1E282E',
'Title/lg/Letter spacing': 1.44,
'Title/lg/Font fallback': 'Serif',
'Title/lg/Text-Transform': 'unset',
'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.36,
'Title/md/Font fallback': 'Serif',
'Title/sm/Letter spacing': 0.56,
'Title/sm/Font fallback': 'Serif',
'Title/sm/Text-Transform': 'unset',
'Title/sm/Text-Transform': 'none',
'Title/Decorative/lg/Letter spacing': 0.6,
'Title/Decorative/lg/Font fallback': 'Serif',
'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -56,14 +56,14 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.56,
'Title/sm/LowCase/Font fallback': 'Serif',
'Title/sm/LowCase/Text-Transform': 'unset',
'Title/sm/LowCase/Text-Transform': 'none',
'Title/xs/Letter spacing': 0.24,
'Title/xs/Font fallback': 'Serif',
'Title/xs/Text-Transform': 'unset',
'Title/md/Text-Transform': 'unset',
'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.36,
'Title/md/LowCase/Font fallback': 'Serif',
'Title/md/LowCase/Text-Transform': 'unset',
'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.24,
'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'uppercase',

12
packages/design-system/lib/styles/hotel-norge.css
View File

@@ -81,22 +81,22 @@
--Title-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: sans-serif;
--Title-lg-Letter-spacing: 0px;
--Title-lg-Text-Transform: unset;
--Title-lg-Text-Transform: none;
--Title-md-Font-fallback: sans-serif;
--Title-md-Letter-spacing: 0.36px;
--Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.36px;
--Title-md-LowCase-Text-Transform: unset;
--Title-md-Text-Transform: unset;
--Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: none;
--Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0px;
--Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0px;
--Title-sm-LowCase-Text-Transform: unset;
--Title-sm-Text-Transform: unset;
--Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: -0.05px;
--Title-xs-Text-Transform: unset;
--Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #3c43361a;
/* Aliases */

12
packages/design-system/lib/styles/hotel-norge.js
View File

@@ -22,11 +22,11 @@ export const theme = {
'Signature/Hotel Norge/Dark blue/100': '#2F3445',
'Signature/Hotel Norge/Salmon/50': '#EC615B',
'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'unset',
'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.36,
'Title/md/Font fallback': 'sans-serif',
'Title/sm/Font fallback': 'sans-serif',
'Title/sm/Text-Transform': 'unset',
'Title/sm/Text-Transform': 'none',
'Title/Decorative/lg/Letter spacing': 0.24,
'Title/Decorative/lg/Font fallback': 'sans-serif',
'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -41,14 +41,14 @@ export const theme = {
'Title/Overline/sm/Font fallback': 'sans-serif',
'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Font fallback': 'sans-serif',
'Title/sm/LowCase/Text-Transform': 'unset',
'Title/sm/LowCase/Text-Transform': 'none',
'Title/xs/Letter spacing': -0.05,
'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'unset',
'Title/md/Text-Transform': 'unset',
'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.36,
'Title/md/LowCase/Font fallback': 'sans-serif',
'Title/md/LowCase/Text-Transform': 'unset',
'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.18,
'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'uppercase',

14
packages/design-system/lib/styles/marski.css
View File

@@ -88,7 +88,7 @@
--Surface-Secondary-Hover: #e0e2e3;
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.18px;
--Tag-Text-Transform: unset;
--Tag-Text-Transform: none;
--Title-Decorative-lg-Font-fallback: sans-serif;
--Title-Decorative-lg-Letter-spacing: 0.1px;
--Title-Decorative-lg-Text-Transform: uppercase;
@@ -104,22 +104,22 @@
--Title-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: sans-serif;
--Title-lg-Letter-spacing: 0.48px;
--Title-lg-Text-Transform: unset;
--Title-lg-Text-Transform: none;
--Title-md-Font-fallback: sans-serif;
--Title-md-Letter-spacing: 0.09px;
--Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.09px;
--Title-md-LowCase-Text-Transform: unset;
--Title-md-Text-Transform: unset;
--Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: none;
--Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0.14px;
--Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0.14px;
--Title-sm-LowCase-Text-Transform: unset;
--Title-sm-Text-Transform: unset;
--Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: 0.24px;
--Title-xs-Text-Transform: unset;
--Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #3e11181a;
/* Aliases */

14
packages/design-system/lib/styles/marski.js
View File

@@ -46,12 +46,12 @@ export const theme = {
'Signature/Marski/Torch red/100': '#4F0007',
'Title/lg/Letter spacing': 0.48,
'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'unset',
'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.09,
'Title/md/Font fallback': 'sans-serif',
'Title/sm/Letter spacing': 0.14,
'Title/sm/Font fallback': 'sans-serif',
'Title/sm/Text-Transform': 'unset',
'Title/sm/Text-Transform': 'none',
'Title/Decorative/lg/Letter spacing': 0.1,
'Title/Decorative/lg/Font fallback': 'sans-serif',
'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -67,17 +67,17 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.14,
'Title/sm/LowCase/Font fallback': 'sans-serif',
'Title/sm/LowCase/Text-Transform': 'unset',
'Title/sm/LowCase/Text-Transform': 'none',
'Title/xs/Letter spacing': 0.24,
'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'unset',
'Title/md/Text-Transform': 'unset',
'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.09,
'Title/md/LowCase/Font fallback': 'sans-serif',
'Title/md/LowCase/Text-Transform': 'unset',
'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.18,
'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'unset',
'Tag/Text-Transform': 'none',
'Link/md/Font fallback': 'sans-serif',
'Link/md/Letter spacing': 0.19,
'Link/md/Text-Decoration': 'underline',

20
packages/design-system/lib/styles/scandic-go.css
View File

@@ -86,38 +86,38 @@
--Surface-UI-Fill-Active-Hover: #e6e5e5;
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.24px;
--Tag-Text-Transform: unset;
--Tag-Text-Transform: none;
--Title-Decorative-lg-Font-fallback: Serif;
--Title-Decorative-lg-Letter-spacing: 0.32px;
--Title-Decorative-lg-Text-Transform: unset;
--Title-Decorative-lg-Text-Transform: none;
--Title-Decorative-md-Font-fallback: Serif;
--Title-Decorative-md-Letter-spacing: 0.48px;
--Title-Decorative-md-Text-Transform: unset;
--Title-Decorative-md-Text-Transform: none;
--Title-Overline-sm-Font-fallback: sans-serif;
--Title-Overline-sm-Letter-spacing: 0.21px;
--Title-Overline-sm-Text-Transform: unset;
--Title-Overline-sm-Text-Transform: none;
--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: sans-serif;
--Title-lg-Letter-spacing: 0.48px;
--Title-lg-Text-Transform: unset;
--Title-lg-Text-Transform: none;
--Title-md-Font-fallback: sans-serif;
--Title-md-Letter-spacing: 0.36px;
--Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.36px;
--Title-md-LowCase-Text-Transform: unset;
--Title-md-Text-Transform: unset;
--Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: none;
--Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0.42px;
--Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0.42px;
--Title-sm-LowCase-Text-Transform: unset;
--Title-sm-Text-Transform: unset;
--Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: 0.36px;
--Title-xs-Text-Transform: unset;
--Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #2d163a1a;
/* Aliases */

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

@@ -50,38 +50,38 @@ export const theme = {
'Scandic Go/Powder Rose/50': '#ECC8C9',
'Title/lg/Letter spacing': 0.48,
'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'unset',
'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.36,
'Title/md/Font fallback': 'sans-serif',
'Title/sm/Letter spacing': 0.42,
'Title/sm/Font fallback': 'sans-serif',
'Title/sm/Text-Transform': 'unset',
'Title/sm/Text-Transform': 'none',
'Title/Decorative/lg/Letter spacing': 0.32,
'Title/Decorative/lg/Font fallback': 'Serif',
'Title/Decorative/lg/Text-Transform': 'unset',
'Title/Decorative/lg/Text-Transform': 'none',
'Title/Decorative/md/Letter spacing': 0.48,
'Title/Decorative/md/Font fallback': 'Serif',
'Title/Decorative/md/Text-Transform': 'unset',
'Title/Decorative/md/Text-Transform': 'none',
'Title/Subtitle/lg/Font fallback': 'sans-serif',
'Title/Subtitle/lg/Letter spacing': 0.24,
'Title/Subtitle/md/Font fallback': 'sans-serif',
'Title/Subtitle/md/Letter spacing': 0.2,
'Title/Overline/sm/Letter spacing': 0.21,
'Title/Overline/sm/Font fallback': 'sans-serif',
'Title/Overline/sm/Text-Transform': 'unset',
'Title/Overline/sm/Text-Transform': 'none',
'Title/sm/LowCase/Letter spacing': 0.42,
'Title/sm/LowCase/Font fallback': 'sans-serif',
'Title/sm/LowCase/Text-Transform': 'unset',
'Title/sm/LowCase/Text-Transform': 'none',
'Title/xs/Letter spacing': 0.36,
'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'unset',
'Title/md/Text-Transform': 'unset',
'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.36,
'Title/md/LowCase/Font fallback': 'sans-serif',
'Title/md/LowCase/Text-Transform': 'unset',
'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.24,
'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'unset',
'Tag/Text-Transform': 'none',
'Link/md/Font fallback': 'sans-serif',
'Link/md/Letter spacing': 0.19,
'Link/md/Text-Decoration': 'underline',

8
packages/design-system/lib/styles/scandic.css
View File

@@ -116,10 +116,10 @@
--Tag-Text-Transform: uppercase;
--Title-Decorative-lg-Font-fallback: sans-serif;
--Title-Decorative-lg-Letter-spacing: 0.64px;
--Title-Decorative-lg-Text-Transform: unset;
--Title-Decorative-lg-Text-Transform: none;
--Title-Decorative-md-Font-fallback: sans-serif;
--Title-Decorative-md-Letter-spacing: 0.48px;
--Title-Decorative-md-Text-Transform: unset;
--Title-Decorative-md-Text-Transform: none;
--Title-Overline-sm-Font-fallback: sans-serif;
--Title-Overline-sm-Letter-spacing: 0.64px;
--Title-Overline-sm-Text-Transform: uppercase;
@@ -134,13 +134,13 @@
--Title-md-Letter-spacing: 0.09px;
--Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.09px;
--Title-md-LowCase-Text-Transform: unset;
--Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: uppercase;
--Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0.07px;
--Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0.07px;
--Title-sm-LowCase-Text-Transform: unset;
--Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: uppercase;
--Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: 0.06px;

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

@@ -87,10 +87,10 @@ export const theme = {
'Title/sm/Text-Transform': 'uppercase',
'Title/Decorative/lg/Letter spacing': 0.64,
'Title/Decorative/lg/Font fallback': 'sans-serif',
'Title/Decorative/lg/Text-Transform': 'unset',
'Title/Decorative/lg/Text-Transform': 'none',
'Title/Decorative/md/Letter spacing': 0.48,
'Title/Decorative/md/Font fallback': 'sans-serif',
'Title/Decorative/md/Text-Transform': 'unset',
'Title/Decorative/md/Text-Transform': 'none',
'Title/Subtitle/lg/Font fallback': 'sans-serif',
'Title/Subtitle/lg/Letter spacing': 0.24,
'Title/Subtitle/md/Font fallback': 'sans-serif',
@@ -100,14 +100,14 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.07,
'Title/sm/LowCase/Font fallback': 'sans-serif',
'Title/sm/LowCase/Text-Transform': 'unset',
'Title/sm/LowCase/Text-Transform': 'none',
'Title/xs/Letter spacing': 0.06,
'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'uppercase',
'Title/md/Text-Transform': 'uppercase',
'Title/md/LowCase/Letter spacing': 0.09,
'Title/md/LowCase/Font fallback': 'sans-serif',
'Title/md/LowCase/Text-Transform': 'unset',
'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.2,
'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'uppercase',