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

23
packages/design-system/generate/generate.ts
View File

@@ -1,14 +1,14 @@
import fs from 'node:fs'
import { colord, extend } from 'colord' import { colord, extend } from 'colord'
import mixPlugin from 'colord/plugins/mix' import mixPlugin from 'colord/plugins/mix'
import fs from 'node:fs'
import json from './variables.json' assert { type: 'json' }
import { import {
FALLBACK_THEME, FALLBACK_THEME,
getThemeForToken, getThemeForToken,
ignoreStyles, ignoreStyles,
kebabify, kebabify,
} from './utils' } from './utils'
import json from './variables.json' assert { type: 'json' }
extend([mixPlugin]) extend([mixPlugin])
@@ -68,7 +68,7 @@ json.collections.forEach((collection) => {
/text transform/i, /text transform/i,
'Text-Transform' 'Text-Transform'
) )
value = variable.value ? 'uppercase' : 'unset' value = variable.value ? 'uppercase' : 'none'
} }
// Handle text decoration // Handle text decoration
else if (/text decoration/i.test(variable.name)) { else if (/text decoration/i.test(variable.name)) {
@@ -76,7 +76,7 @@ json.collections.forEach((collection) => {
/text decoration/i, /text decoration/i,
'Text-Decoration' 'Text-Decoration'
) )
value = variable.value ? 'underline' : 'unset' value = variable.value ? 'underline' : 'none'
} }
} else { } else {
throw new Error( throw new Error(
@@ -352,12 +352,15 @@ themes.forEach((themeTokenValues, themeKey) => {
const resolvedJsOutput = [ const resolvedJsOutput = [
'/* This file is generated, do not edit manually! */', '/* This file is generated, do not edit manually! */',
`export const theme = ${JSON.stringify( `export const theme = ${JSON.stringify(
Array.from(themeTokenValues).reduce((acc, [token, value]) => { Array.from(themeTokenValues).reduce(
if (value.resolved) { (acc, [token, value]) => {
acc[token] = value.resolved if (value.resolved) {
} acc[token] = value.resolved
return acc }
}, {}), return acc
},
{} as Record<string, string | number>
),
null, null,
2 2
)}`, )}`,

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

@@ -78,7 +78,7 @@
--Surface-UI-Fill-Active-Hover: #ffffff; --Surface-UI-Fill-Active-Hover: #ffffff;
--Tag-Font-fallback: sans-serif; --Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.06px; --Tag-Letter-spacing: 0.06px;
--Tag-Text-Transform: unset; --Tag-Text-Transform: none;
--Title-Decorative-lg-Font-fallback: sans-serif; --Title-Decorative-lg-Font-fallback: sans-serif;
--Title-Decorative-lg-Letter-spacing: 0.05px; --Title-Decorative-lg-Letter-spacing: 0.05px;
--Title-Decorative-lg-Text-Transform: uppercase; --Title-Decorative-lg-Text-Transform: uppercase;
@@ -94,22 +94,22 @@
--Title-Subtitle-md-Letter-spacing: 0.2px; --Title-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: sans-serif; --Title-lg-Font-fallback: sans-serif;
--Title-lg-Letter-spacing: 0.12px; --Title-lg-Letter-spacing: 0.12px;
--Title-lg-Text-Transform: unset; --Title-lg-Text-Transform: none;
--Title-md-Font-fallback: sans-serif; --Title-md-Font-fallback: sans-serif;
--Title-md-Letter-spacing: 0.09px; --Title-md-Letter-spacing: 0.09px;
--Title-md-LowCase-Font-fallback: sans-serif; --Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.09px; --Title-md-LowCase-Letter-spacing: 0.09px;
--Title-md-LowCase-Text-Transform: unset; --Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: unset; --Title-md-Text-Transform: none;
--Title-sm-Font-fallback: sans-serif; --Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0.07px; --Title-sm-Letter-spacing: 0.07px;
--Title-sm-LowCase-Font-fallback: sans-serif; --Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0.07px; --Title-sm-LowCase-Letter-spacing: 0.07px;
--Title-sm-LowCase-Text-Transform: unset; --Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: unset; --Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: sans-serif; --Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: 0.12px; --Title-xs-Letter-spacing: 0.12px;
--Title-xs-Text-Transform: unset; --Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #3c43361a; --Utilities-Gradients-10: #3c43361a;
/* Aliases */ /* 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', 'Signature/Downtown Camper/Quicksand/100': '#35211A',
'Title/lg/Letter spacing': 0.12, 'Title/lg/Letter spacing': 0.12,
'Title/lg/Font fallback': 'sans-serif', 'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'unset', 'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.09, 'Title/md/Letter spacing': 0.09,
'Title/md/Font fallback': 'sans-serif', 'Title/md/Font fallback': 'sans-serif',
'Title/sm/Letter spacing': 0.07, 'Title/sm/Letter spacing': 0.07,
'Title/sm/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.05, 'Title/Decorative/lg/Letter spacing': 0.05,
'Title/Decorative/lg/Font fallback': 'sans-serif', 'Title/Decorative/lg/Font fallback': 'sans-serif',
'Title/Decorative/lg/Text-Transform': 'uppercase', 'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -56,17 +56,17 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase', 'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.07, 'Title/sm/LowCase/Letter spacing': 0.07,
'Title/sm/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': 0.12,
'Title/xs/Font fallback': 'sans-serif', 'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'unset', 'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'unset', 'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.09, 'Title/md/LowCase/Letter spacing': 0.09,
'Title/md/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': 0.06,
'Tag/Font fallback': 'sans-serif', 'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'unset', 'Tag/Text-Transform': 'none',
'Link/md/Font fallback': 'sans-serif', 'Link/md/Font fallback': 'sans-serif',
'Link/md/Letter spacing': 0.19, 'Link/md/Letter spacing': 0.19,
'Link/md/Text-Decoration': 'underline', '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-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: Serif; --Title-lg-Font-fallback: Serif;
--Title-lg-Letter-spacing: 0.12px; --Title-lg-Letter-spacing: 0.12px;
--Title-lg-Text-Transform: unset; --Title-lg-Text-Transform: none;
--Title-md-Font-fallback: Serif; --Title-md-Font-fallback: Serif;
--Title-md-Letter-spacing: 0.18px; --Title-md-Letter-spacing: 0.18px;
--Title-md-LowCase-Font-fallback: Serif; --Title-md-LowCase-Font-fallback: Serif;
--Title-md-LowCase-Letter-spacing: 0.18px; --Title-md-LowCase-Letter-spacing: 0.18px;
--Title-md-LowCase-Text-Transform: unset; --Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: unset; --Title-md-Text-Transform: none;
--Title-sm-Font-fallback: Serif; --Title-sm-Font-fallback: Serif;
--Title-sm-Letter-spacing: 0.28px; --Title-sm-Letter-spacing: 0.28px;
--Title-sm-LowCase-Font-fallback: Serif; --Title-sm-LowCase-Font-fallback: Serif;
--Title-sm-LowCase-Letter-spacing: 0.28px; --Title-sm-LowCase-Letter-spacing: 0.28px;
--Title-sm-LowCase-Text-Transform: unset; --Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: unset; --Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: Serif; --Title-xs-Font-fallback: Serif;
--Title-xs-Letter-spacing: 0.24px; --Title-xs-Letter-spacing: 0.24px;
--Title-xs-Text-Transform: unset; --Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #5b6e7f1a; --Utilities-Gradients-10: #5b6e7f1a;
/* Aliases */ /* 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', 'Signature/Grand Hotel/Submarine/30': '#B0C4CB',
'Title/lg/Letter spacing': 0.12, 'Title/lg/Letter spacing': 0.12,
'Title/lg/Font fallback': 'Serif', 'Title/lg/Font fallback': 'Serif',
'Title/lg/Text-Transform': 'unset', 'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.18, 'Title/md/Letter spacing': 0.18,
'Title/md/Font fallback': 'Serif', 'Title/md/Font fallback': 'Serif',
'Title/sm/Letter spacing': 0.28, 'Title/sm/Letter spacing': 0.28,
'Title/sm/Font fallback': 'Serif', '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/Letter spacing': 0.3,
'Title/Decorative/lg/Font fallback': 'Serif', 'Title/Decorative/lg/Font fallback': 'Serif',
'Title/Decorative/lg/Text-Transform': 'uppercase', 'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -36,14 +36,14 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase', 'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.28, 'Title/sm/LowCase/Letter spacing': 0.28,
'Title/sm/LowCase/Font fallback': 'Serif', '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/Letter spacing': 0.24,
'Title/xs/Font fallback': 'Serif', 'Title/xs/Font fallback': 'Serif',
'Title/xs/Text-Transform': 'unset', 'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'unset', 'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.18, 'Title/md/LowCase/Letter spacing': 0.18,
'Title/md/LowCase/Font fallback': 'Serif', 'Title/md/LowCase/Font fallback': 'Serif',
'Title/md/LowCase/Text-Transform': 'unset', 'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.24, 'Tag/Letter spacing': 0.24,
'Tag/Font fallback': 'sans-serif', 'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'uppercase', '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-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: Serif; --Title-lg-Font-fallback: Serif;
--Title-lg-Letter-spacing: 1.44px; --Title-lg-Letter-spacing: 1.44px;
--Title-lg-Text-Transform: unset; --Title-lg-Text-Transform: none;
--Title-md-Font-fallback: Serif; --Title-md-Font-fallback: Serif;
--Title-md-Letter-spacing: 0.36px; --Title-md-Letter-spacing: 0.36px;
--Title-md-LowCase-Font-fallback: Serif; --Title-md-LowCase-Font-fallback: Serif;
--Title-md-LowCase-Letter-spacing: 0.36px; --Title-md-LowCase-Letter-spacing: 0.36px;
--Title-md-LowCase-Text-Transform: unset; --Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: unset; --Title-md-Text-Transform: none;
--Title-sm-Font-fallback: Serif; --Title-sm-Font-fallback: Serif;
--Title-sm-Letter-spacing: 0.56px; --Title-sm-Letter-spacing: 0.56px;
--Title-sm-LowCase-Font-fallback: Serif; --Title-sm-LowCase-Font-fallback: Serif;
--Title-sm-LowCase-Letter-spacing: 0.56px; --Title-sm-LowCase-Letter-spacing: 0.56px;
--Title-sm-LowCase-Text-Transform: unset; --Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: unset; --Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: Serif; --Title-xs-Font-fallback: Serif;
--Title-xs-Letter-spacing: 0.24px; --Title-xs-Letter-spacing: 0.24px;
--Title-xs-Text-Transform: unset; --Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #f0ddd81a; --Utilities-Gradients-10: #f0ddd81a;
/* Aliases */ /* Aliases */

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

@@ -35,12 +35,12 @@ export const theme = {
'Signature/Haymarket/Bismark/100': '#1E282E', 'Signature/Haymarket/Bismark/100': '#1E282E',
'Title/lg/Letter spacing': 1.44, 'Title/lg/Letter spacing': 1.44,
'Title/lg/Font fallback': 'Serif', 'Title/lg/Font fallback': 'Serif',
'Title/lg/Text-Transform': 'unset', 'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.36, 'Title/md/Letter spacing': 0.36,
'Title/md/Font fallback': 'Serif', 'Title/md/Font fallback': 'Serif',
'Title/sm/Letter spacing': 0.56, 'Title/sm/Letter spacing': 0.56,
'Title/sm/Font fallback': 'Serif', '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/Letter spacing': 0.6,
'Title/Decorative/lg/Font fallback': 'Serif', 'Title/Decorative/lg/Font fallback': 'Serif',
'Title/Decorative/lg/Text-Transform': 'uppercase', 'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -56,14 +56,14 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase', 'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.56, 'Title/sm/LowCase/Letter spacing': 0.56,
'Title/sm/LowCase/Font fallback': 'Serif', '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/Letter spacing': 0.24,
'Title/xs/Font fallback': 'Serif', 'Title/xs/Font fallback': 'Serif',
'Title/xs/Text-Transform': 'unset', 'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'unset', 'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.36, 'Title/md/LowCase/Letter spacing': 0.36,
'Title/md/LowCase/Font fallback': 'Serif', 'Title/md/LowCase/Font fallback': 'Serif',
'Title/md/LowCase/Text-Transform': 'unset', 'Title/md/LowCase/Text-Transform': 'none',
'Tag/Letter spacing': 0.24, 'Tag/Letter spacing': 0.24,
'Tag/Font fallback': 'sans-serif', 'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'uppercase', '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-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: sans-serif; --Title-lg-Font-fallback: sans-serif;
--Title-lg-Letter-spacing: 0px; --Title-lg-Letter-spacing: 0px;
--Title-lg-Text-Transform: unset; --Title-lg-Text-Transform: none;
--Title-md-Font-fallback: sans-serif; --Title-md-Font-fallback: sans-serif;
--Title-md-Letter-spacing: 0.36px; --Title-md-Letter-spacing: 0.36px;
--Title-md-LowCase-Font-fallback: sans-serif; --Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.36px; --Title-md-LowCase-Letter-spacing: 0.36px;
--Title-md-LowCase-Text-Transform: unset; --Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: unset; --Title-md-Text-Transform: none;
--Title-sm-Font-fallback: sans-serif; --Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0px; --Title-sm-Letter-spacing: 0px;
--Title-sm-LowCase-Font-fallback: sans-serif; --Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0px; --Title-sm-LowCase-Letter-spacing: 0px;
--Title-sm-LowCase-Text-Transform: unset; --Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: unset; --Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: sans-serif; --Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: -0.05px; --Title-xs-Letter-spacing: -0.05px;
--Title-xs-Text-Transform: unset; --Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #3c43361a; --Utilities-Gradients-10: #3c43361a;
/* Aliases */ /* 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/Dark blue/100': '#2F3445',
'Signature/Hotel Norge/Salmon/50': '#EC615B', 'Signature/Hotel Norge/Salmon/50': '#EC615B',
'Title/lg/Font fallback': 'sans-serif', 'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'unset', 'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.36, 'Title/md/Letter spacing': 0.36,
'Title/md/Font fallback': 'sans-serif', 'Title/md/Font fallback': 'sans-serif',
'Title/sm/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/Letter spacing': 0.24,
'Title/Decorative/lg/Font fallback': 'sans-serif', 'Title/Decorative/lg/Font fallback': 'sans-serif',
'Title/Decorative/lg/Text-Transform': 'uppercase', 'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -41,14 +41,14 @@ export const theme = {
'Title/Overline/sm/Font fallback': 'sans-serif', 'Title/Overline/sm/Font fallback': 'sans-serif',
'Title/Overline/sm/Text-Transform': 'uppercase', 'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': -0.05,
'Title/xs/Font fallback': 'sans-serif', 'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'unset', 'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'unset', 'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.36, 'Title/md/LowCase/Letter spacing': 0.36,
'Title/md/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': 0.18,
'Tag/Font fallback': 'sans-serif', 'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'uppercase', 'Tag/Text-Transform': 'uppercase',

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

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

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

@@ -46,12 +46,12 @@ export const theme = {
'Signature/Marski/Torch red/100': '#4F0007', 'Signature/Marski/Torch red/100': '#4F0007',
'Title/lg/Letter spacing': 0.48, 'Title/lg/Letter spacing': 0.48,
'Title/lg/Font fallback': 'sans-serif', 'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'unset', 'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.09, 'Title/md/Letter spacing': 0.09,
'Title/md/Font fallback': 'sans-serif', 'Title/md/Font fallback': 'sans-serif',
'Title/sm/Letter spacing': 0.14, 'Title/sm/Letter spacing': 0.14,
'Title/sm/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.1, 'Title/Decorative/lg/Letter spacing': 0.1,
'Title/Decorative/lg/Font fallback': 'sans-serif', 'Title/Decorative/lg/Font fallback': 'sans-serif',
'Title/Decorative/lg/Text-Transform': 'uppercase', 'Title/Decorative/lg/Text-Transform': 'uppercase',
@@ -67,17 +67,17 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase', 'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.14, 'Title/sm/LowCase/Letter spacing': 0.14,
'Title/sm/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': 0.24,
'Title/xs/Font fallback': 'sans-serif', 'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'unset', 'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'unset', 'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.09, 'Title/md/LowCase/Letter spacing': 0.09,
'Title/md/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': 0.18,
'Tag/Font fallback': 'sans-serif', 'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'unset', 'Tag/Text-Transform': 'none',
'Link/md/Font fallback': 'sans-serif', 'Link/md/Font fallback': 'sans-serif',
'Link/md/Letter spacing': 0.19, 'Link/md/Letter spacing': 0.19,
'Link/md/Text-Decoration': 'underline', '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; --Surface-UI-Fill-Active-Hover: #e6e5e5;
--Tag-Font-fallback: sans-serif; --Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.24px; --Tag-Letter-spacing: 0.24px;
--Tag-Text-Transform: unset; --Tag-Text-Transform: none;
--Title-Decorative-lg-Font-fallback: Serif; --Title-Decorative-lg-Font-fallback: Serif;
--Title-Decorative-lg-Letter-spacing: 0.32px; --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-Font-fallback: Serif;
--Title-Decorative-md-Letter-spacing: 0.48px; --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-Font-fallback: sans-serif;
--Title-Overline-sm-Letter-spacing: 0.21px; --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-Font-fallback: sans-serif;
--Title-Subtitle-lg-Letter-spacing: 0.24px; --Title-Subtitle-lg-Letter-spacing: 0.24px;
--Title-Subtitle-md-Font-fallback: sans-serif; --Title-Subtitle-md-Font-fallback: sans-serif;
--Title-Subtitle-md-Letter-spacing: 0.2px; --Title-Subtitle-md-Letter-spacing: 0.2px;
--Title-lg-Font-fallback: sans-serif; --Title-lg-Font-fallback: sans-serif;
--Title-lg-Letter-spacing: 0.48px; --Title-lg-Letter-spacing: 0.48px;
--Title-lg-Text-Transform: unset; --Title-lg-Text-Transform: none;
--Title-md-Font-fallback: sans-serif; --Title-md-Font-fallback: sans-serif;
--Title-md-Letter-spacing: 0.36px; --Title-md-Letter-spacing: 0.36px;
--Title-md-LowCase-Font-fallback: sans-serif; --Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.36px; --Title-md-LowCase-Letter-spacing: 0.36px;
--Title-md-LowCase-Text-Transform: unset; --Title-md-LowCase-Text-Transform: none;
--Title-md-Text-Transform: unset; --Title-md-Text-Transform: none;
--Title-sm-Font-fallback: sans-serif; --Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0.42px; --Title-sm-Letter-spacing: 0.42px;
--Title-sm-LowCase-Font-fallback: sans-serif; --Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0.42px; --Title-sm-LowCase-Letter-spacing: 0.42px;
--Title-sm-LowCase-Text-Transform: unset; --Title-sm-LowCase-Text-Transform: none;
--Title-sm-Text-Transform: unset; --Title-sm-Text-Transform: none;
--Title-xs-Font-fallback: sans-serif; --Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: 0.36px; --Title-xs-Letter-spacing: 0.36px;
--Title-xs-Text-Transform: unset; --Title-xs-Text-Transform: none;
--Utilities-Gradients-10: #2d163a1a; --Utilities-Gradients-10: #2d163a1a;
/* Aliases */ /* 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', 'Scandic Go/Powder Rose/50': '#ECC8C9',
'Title/lg/Letter spacing': 0.48, 'Title/lg/Letter spacing': 0.48,
'Title/lg/Font fallback': 'sans-serif', 'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'unset', 'Title/lg/Text-Transform': 'none',
'Title/md/Letter spacing': 0.36, 'Title/md/Letter spacing': 0.36,
'Title/md/Font fallback': 'sans-serif', 'Title/md/Font fallback': 'sans-serif',
'Title/sm/Letter spacing': 0.42, 'Title/sm/Letter spacing': 0.42,
'Title/sm/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.32, 'Title/Decorative/lg/Letter spacing': 0.32,
'Title/Decorative/lg/Font fallback': 'Serif', '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/Letter spacing': 0.48,
'Title/Decorative/md/Font fallback': 'Serif', '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/Font fallback': 'sans-serif',
'Title/Subtitle/lg/Letter spacing': 0.24, 'Title/Subtitle/lg/Letter spacing': 0.24,
'Title/Subtitle/md/Font fallback': 'sans-serif', 'Title/Subtitle/md/Font fallback': 'sans-serif',
'Title/Subtitle/md/Letter spacing': 0.2, 'Title/Subtitle/md/Letter spacing': 0.2,
'Title/Overline/sm/Letter spacing': 0.21, 'Title/Overline/sm/Letter spacing': 0.21,
'Title/Overline/sm/Font fallback': 'sans-serif', '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/Letter spacing': 0.42,
'Title/sm/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': 0.36,
'Title/xs/Font fallback': 'sans-serif', 'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'unset', 'Title/xs/Text-Transform': 'none',
'Title/md/Text-Transform': 'unset', 'Title/md/Text-Transform': 'none',
'Title/md/LowCase/Letter spacing': 0.36, 'Title/md/LowCase/Letter spacing': 0.36,
'Title/md/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': 0.24,
'Tag/Font fallback': 'sans-serif', 'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'unset', 'Tag/Text-Transform': 'none',
'Link/md/Font fallback': 'sans-serif', 'Link/md/Font fallback': 'sans-serif',
'Link/md/Letter spacing': 0.19, 'Link/md/Letter spacing': 0.19,
'Link/md/Text-Decoration': 'underline', 'Link/md/Text-Decoration': 'underline',

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

@@ -116,10 +116,10 @@
--Tag-Text-Transform: uppercase; --Tag-Text-Transform: uppercase;
--Title-Decorative-lg-Font-fallback: sans-serif; --Title-Decorative-lg-Font-fallback: sans-serif;
--Title-Decorative-lg-Letter-spacing: 0.64px; --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-Font-fallback: sans-serif;
--Title-Decorative-md-Letter-spacing: 0.48px; --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-Font-fallback: sans-serif;
--Title-Overline-sm-Letter-spacing: 0.64px; --Title-Overline-sm-Letter-spacing: 0.64px;
--Title-Overline-sm-Text-Transform: uppercase; --Title-Overline-sm-Text-Transform: uppercase;
@@ -134,13 +134,13 @@
--Title-md-Letter-spacing: 0.09px; --Title-md-Letter-spacing: 0.09px;
--Title-md-LowCase-Font-fallback: sans-serif; --Title-md-LowCase-Font-fallback: sans-serif;
--Title-md-LowCase-Letter-spacing: 0.09px; --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-md-Text-Transform: uppercase;
--Title-sm-Font-fallback: sans-serif; --Title-sm-Font-fallback: sans-serif;
--Title-sm-Letter-spacing: 0.07px; --Title-sm-Letter-spacing: 0.07px;
--Title-sm-LowCase-Font-fallback: sans-serif; --Title-sm-LowCase-Font-fallback: sans-serif;
--Title-sm-LowCase-Letter-spacing: 0.07px; --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-sm-Text-Transform: uppercase;
--Title-xs-Font-fallback: sans-serif; --Title-xs-Font-fallback: sans-serif;
--Title-xs-Letter-spacing: 0.06px; --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/sm/Text-Transform': 'uppercase',
'Title/Decorative/lg/Letter spacing': 0.64, 'Title/Decorative/lg/Letter spacing': 0.64,
'Title/Decorative/lg/Font fallback': 'sans-serif', '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/Letter spacing': 0.48,
'Title/Decorative/md/Font fallback': 'sans-serif', '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/Font fallback': 'sans-serif',
'Title/Subtitle/lg/Letter spacing': 0.24, 'Title/Subtitle/lg/Letter spacing': 0.24,
'Title/Subtitle/md/Font fallback': 'sans-serif', 'Title/Subtitle/md/Font fallback': 'sans-serif',
@@ -100,14 +100,14 @@ export const theme = {
'Title/Overline/sm/Text-Transform': 'uppercase', 'Title/Overline/sm/Text-Transform': 'uppercase',
'Title/sm/LowCase/Letter spacing': 0.07, 'Title/sm/LowCase/Letter spacing': 0.07,
'Title/sm/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': 0.06,
'Title/xs/Font fallback': 'sans-serif', 'Title/xs/Font fallback': 'sans-serif',
'Title/xs/Text-Transform': 'uppercase', 'Title/xs/Text-Transform': 'uppercase',
'Title/md/Text-Transform': 'uppercase', 'Title/md/Text-Transform': 'uppercase',
'Title/md/LowCase/Letter spacing': 0.09, 'Title/md/LowCase/Letter spacing': 0.09,
'Title/md/LowCase/Font fallback': 'sans-serif', '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/Letter spacing': 0.2,
'Tag/Font fallback': 'sans-serif', 'Tag/Font fallback': 'sans-serif',
'Tag/Text-Transform': 'uppercase', 'Tag/Text-Transform': 'uppercase',

92
packages/design-system/lib/tokens/index.ts
View File

@@ -200,10 +200,10 @@ export const scandic = {
'Title/sm/Text-Transform': { resolved: 'uppercase' }, 'Title/sm/Text-Transform': { resolved: 'uppercase' },
'Title/Decorative/lg/Letter spacing': { resolved: 0.64 }, 'Title/Decorative/lg/Letter spacing': { resolved: 0.64 },
'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
'Title/Decorative/lg/Text-Transform': { resolved: 'unset' }, 'Title/Decorative/lg/Text-Transform': { resolved: 'none' },
'Title/Decorative/md/Letter spacing': { resolved: 0.48 }, 'Title/Decorative/md/Letter spacing': { resolved: 0.48 },
'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' }, 'Title/Decorative/md/Font fallback': { resolved: 'sans-serif' },
'Title/Decorative/md/Text-Transform': { resolved: 'unset' }, 'Title/Decorative/md/Text-Transform': { resolved: 'none' },
'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 }, 'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' }, 'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
@@ -213,14 +213,14 @@ export const scandic = {
'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' }, 'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
'Title/sm/LowCase/Letter spacing': { resolved: 0.07 }, 'Title/sm/LowCase/Letter spacing': { resolved: 0.07 },
'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/sm/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
'Title/xs/Letter spacing': { resolved: 0.06 }, 'Title/xs/Letter spacing': { resolved: 0.06 },
'Title/xs/Font fallback': { resolved: 'sans-serif' }, 'Title/xs/Font fallback': { resolved: 'sans-serif' },
'Title/xs/Text-Transform': { resolved: 'uppercase' }, 'Title/xs/Text-Transform': { resolved: 'uppercase' },
'Title/md/Text-Transform': { resolved: 'uppercase' }, 'Title/md/Text-Transform': { resolved: 'uppercase' },
'Title/md/LowCase/Letter spacing': { resolved: 0.09 }, 'Title/md/LowCase/Letter spacing': { resolved: 0.09 },
'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/md/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/md/LowCase/Text-Transform': { resolved: 'none' },
'Tag/Letter spacing': { resolved: 0.2 }, 'Tag/Letter spacing': { resolved: 0.2 },
'Tag/Font fallback': { resolved: 'sans-serif' }, 'Tag/Font fallback': { resolved: 'sans-serif' },
'Tag/Text-Transform': { resolved: 'uppercase' }, 'Tag/Text-Transform': { resolved: 'uppercase' },
@@ -967,38 +967,38 @@ export const scandicGo = {
'Scandic Go/Powder Rose/50': { resolved: '#ECC8C9' }, 'Scandic Go/Powder Rose/50': { resolved: '#ECC8C9' },
'Title/lg/Letter spacing': { resolved: 0.48 }, 'Title/lg/Letter spacing': { resolved: 0.48 },
'Title/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/lg/Font fallback': { resolved: 'sans-serif' },
'Title/lg/Text-Transform': { resolved: 'unset' }, 'Title/lg/Text-Transform': { resolved: 'none' },
'Title/md/Letter spacing': { resolved: 0.36 }, 'Title/md/Letter spacing': { resolved: 0.36 },
'Title/md/Font fallback': { resolved: 'sans-serif' }, 'Title/md/Font fallback': { resolved: 'sans-serif' },
'Title/sm/Letter spacing': { resolved: 0.42 }, 'Title/sm/Letter spacing': { resolved: 0.42 },
'Title/sm/Font fallback': { resolved: 'sans-serif' }, 'Title/sm/Font fallback': { resolved: 'sans-serif' },
'Title/sm/Text-Transform': { resolved: 'unset' }, 'Title/sm/Text-Transform': { resolved: 'none' },
'Title/Decorative/lg/Letter spacing': { resolved: 0.32 }, 'Title/Decorative/lg/Letter spacing': { resolved: 0.32 },
'Title/Decorative/lg/Font fallback': { resolved: 'Serif' }, 'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
'Title/Decorative/lg/Text-Transform': { resolved: 'unset' }, 'Title/Decorative/lg/Text-Transform': { resolved: 'none' },
'Title/Decorative/md/Letter spacing': { resolved: 0.48 }, 'Title/Decorative/md/Letter spacing': { resolved: 0.48 },
'Title/Decorative/md/Font fallback': { resolved: 'Serif' }, 'Title/Decorative/md/Font fallback': { resolved: 'Serif' },
'Title/Decorative/md/Text-Transform': { resolved: 'unset' }, 'Title/Decorative/md/Text-Transform': { resolved: 'none' },
'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/Subtitle/lg/Font fallback': { resolved: 'sans-serif' },
'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 }, 'Title/Subtitle/lg/Letter spacing': { resolved: 0.24 },
'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' }, 'Title/Subtitle/md/Font fallback': { resolved: 'sans-serif' },
'Title/Subtitle/md/Letter spacing': { resolved: 0.2 }, 'Title/Subtitle/md/Letter spacing': { resolved: 0.2 },
'Title/Overline/sm/Letter spacing': { resolved: 0.21 }, 'Title/Overline/sm/Letter spacing': { resolved: 0.21 },
'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' }, 'Title/Overline/sm/Font fallback': { resolved: 'sans-serif' },
'Title/Overline/sm/Text-Transform': { resolved: 'unset' }, 'Title/Overline/sm/Text-Transform': { resolved: 'none' },
'Title/sm/LowCase/Letter spacing': { resolved: 0.42 }, 'Title/sm/LowCase/Letter spacing': { resolved: 0.42 },
'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/sm/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
'Title/xs/Letter spacing': { resolved: 0.36 }, 'Title/xs/Letter spacing': { resolved: 0.36 },
'Title/xs/Font fallback': { resolved: 'sans-serif' }, 'Title/xs/Font fallback': { resolved: 'sans-serif' },
'Title/xs/Text-Transform': { resolved: 'unset' }, 'Title/xs/Text-Transform': { resolved: 'none' },
'Title/md/Text-Transform': { resolved: 'unset' }, 'Title/md/Text-Transform': { resolved: 'none' },
'Title/md/LowCase/Letter spacing': { resolved: 0.36 }, 'Title/md/LowCase/Letter spacing': { resolved: 0.36 },
'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/md/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/md/LowCase/Text-Transform': { resolved: 'none' },
'Tag/Letter spacing': { resolved: 0.24 }, 'Tag/Letter spacing': { resolved: 0.24 },
'Tag/Font fallback': { resolved: 'sans-serif' }, 'Tag/Font fallback': { resolved: 'sans-serif' },
'Tag/Text-Transform': { resolved: 'unset' }, 'Tag/Text-Transform': { resolved: 'none' },
'Link/md/Font fallback': { resolved: 'sans-serif' }, 'Link/md/Font fallback': { resolved: 'sans-serif' },
'Link/md/Letter spacing': { resolved: 0.19 }, 'Link/md/Letter spacing': { resolved: 0.19 },
'Link/md/Text-Decoration': { resolved: 'underline' }, 'Link/md/Text-Decoration': { resolved: 'underline' },
@@ -1712,12 +1712,12 @@ export const downtownCamper = {
'Signature/Downtown Camper/Quicksand/100': { resolved: '#35211A' }, 'Signature/Downtown Camper/Quicksand/100': { resolved: '#35211A' },
'Title/lg/Letter spacing': { resolved: 0.12 }, 'Title/lg/Letter spacing': { resolved: 0.12 },
'Title/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/lg/Font fallback': { resolved: 'sans-serif' },
'Title/lg/Text-Transform': { resolved: 'unset' }, 'Title/lg/Text-Transform': { resolved: 'none' },
'Title/md/Letter spacing': { resolved: 0.09 }, 'Title/md/Letter spacing': { resolved: 0.09 },
'Title/md/Font fallback': { resolved: 'sans-serif' }, 'Title/md/Font fallback': { resolved: 'sans-serif' },
'Title/sm/Letter spacing': { resolved: 0.07 }, 'Title/sm/Letter spacing': { resolved: 0.07 },
'Title/sm/Font fallback': { resolved: 'sans-serif' }, 'Title/sm/Font fallback': { resolved: 'sans-serif' },
'Title/sm/Text-Transform': { resolved: 'unset' }, 'Title/sm/Text-Transform': { resolved: 'none' },
'Title/Decorative/lg/Letter spacing': { resolved: 0.05 }, 'Title/Decorative/lg/Letter spacing': { resolved: 0.05 },
'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' }, 'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
@@ -1733,17 +1733,17 @@ export const downtownCamper = {
'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' }, 'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
'Title/sm/LowCase/Letter spacing': { resolved: 0.07 }, 'Title/sm/LowCase/Letter spacing': { resolved: 0.07 },
'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/sm/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
'Title/xs/Letter spacing': { resolved: 0.12 }, 'Title/xs/Letter spacing': { resolved: 0.12 },
'Title/xs/Font fallback': { resolved: 'sans-serif' }, 'Title/xs/Font fallback': { resolved: 'sans-serif' },
'Title/xs/Text-Transform': { resolved: 'unset' }, 'Title/xs/Text-Transform': { resolved: 'none' },
'Title/md/Text-Transform': { resolved: 'unset' }, 'Title/md/Text-Transform': { resolved: 'none' },
'Title/md/LowCase/Letter spacing': { resolved: 0.09 }, 'Title/md/LowCase/Letter spacing': { resolved: 0.09 },
'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/md/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/md/LowCase/Text-Transform': { resolved: 'none' },
'Tag/Letter spacing': { resolved: 0.06 }, 'Tag/Letter spacing': { resolved: 0.06 },
'Tag/Font fallback': { resolved: 'sans-serif' }, 'Tag/Font fallback': { resolved: 'sans-serif' },
'Tag/Text-Transform': { resolved: 'unset' }, 'Tag/Text-Transform': { resolved: 'none' },
'Link/md/Font fallback': { resolved: 'sans-serif' }, 'Link/md/Font fallback': { resolved: 'sans-serif' },
'Link/md/Letter spacing': { resolved: 0.19 }, 'Link/md/Letter spacing': { resolved: 0.19 },
'Link/md/Text-Decoration': { resolved: 'underline' }, 'Link/md/Text-Decoration': { resolved: 'underline' },
@@ -2430,12 +2430,12 @@ export const haymarket = {
'Signature/Haymarket/Bismark/100': { resolved: '#1E282E' }, 'Signature/Haymarket/Bismark/100': { resolved: '#1E282E' },
'Title/lg/Letter spacing': { resolved: 1.44 }, 'Title/lg/Letter spacing': { resolved: 1.44 },
'Title/lg/Font fallback': { resolved: 'Serif' }, 'Title/lg/Font fallback': { resolved: 'Serif' },
'Title/lg/Text-Transform': { resolved: 'unset' }, 'Title/lg/Text-Transform': { resolved: 'none' },
'Title/md/Letter spacing': { resolved: 0.36 }, 'Title/md/Letter spacing': { resolved: 0.36 },
'Title/md/Font fallback': { resolved: 'Serif' }, 'Title/md/Font fallback': { resolved: 'Serif' },
'Title/sm/Letter spacing': { resolved: 0.56 }, 'Title/sm/Letter spacing': { resolved: 0.56 },
'Title/sm/Font fallback': { resolved: 'Serif' }, 'Title/sm/Font fallback': { resolved: 'Serif' },
'Title/sm/Text-Transform': { resolved: 'unset' }, 'Title/sm/Text-Transform': { resolved: 'none' },
'Title/Decorative/lg/Letter spacing': { resolved: 0.6 }, 'Title/Decorative/lg/Letter spacing': { resolved: 0.6 },
'Title/Decorative/lg/Font fallback': { resolved: 'Serif' }, 'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' }, 'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
@@ -2451,14 +2451,14 @@ export const haymarket = {
'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' }, 'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
'Title/sm/LowCase/Letter spacing': { resolved: 0.56 }, 'Title/sm/LowCase/Letter spacing': { resolved: 0.56 },
'Title/sm/LowCase/Font fallback': { resolved: 'Serif' }, 'Title/sm/LowCase/Font fallback': { resolved: 'Serif' },
'Title/sm/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
'Title/xs/Letter spacing': { resolved: 0.24 }, 'Title/xs/Letter spacing': { resolved: 0.24 },
'Title/xs/Font fallback': { resolved: 'Serif' }, 'Title/xs/Font fallback': { resolved: 'Serif' },
'Title/xs/Text-Transform': { resolved: 'unset' }, 'Title/xs/Text-Transform': { resolved: 'none' },
'Title/md/Text-Transform': { resolved: 'unset' }, 'Title/md/Text-Transform': { resolved: 'none' },
'Title/md/LowCase/Letter spacing': { resolved: 0.36 }, 'Title/md/LowCase/Letter spacing': { resolved: 0.36 },
'Title/md/LowCase/Font fallback': { resolved: 'Serif' }, 'Title/md/LowCase/Font fallback': { resolved: 'Serif' },
'Title/md/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/md/LowCase/Text-Transform': { resolved: 'none' },
'Tag/Letter spacing': { resolved: 0.24 }, 'Tag/Letter spacing': { resolved: 0.24 },
'Tag/Font fallback': { resolved: 'sans-serif' }, 'Tag/Font fallback': { resolved: 'sans-serif' },
'Tag/Text-Transform': { resolved: 'uppercase' }, 'Tag/Text-Transform': { resolved: 'uppercase' },
@@ -3171,12 +3171,12 @@ export const marski = {
'Signature/Marski/Torch red/100': { resolved: '#4F0007' }, 'Signature/Marski/Torch red/100': { resolved: '#4F0007' },
'Title/lg/Letter spacing': { resolved: 0.48 }, 'Title/lg/Letter spacing': { resolved: 0.48 },
'Title/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/lg/Font fallback': { resolved: 'sans-serif' },
'Title/lg/Text-Transform': { resolved: 'unset' }, 'Title/lg/Text-Transform': { resolved: 'none' },
'Title/md/Letter spacing': { resolved: 0.09 }, 'Title/md/Letter spacing': { resolved: 0.09 },
'Title/md/Font fallback': { resolved: 'sans-serif' }, 'Title/md/Font fallback': { resolved: 'sans-serif' },
'Title/sm/Letter spacing': { resolved: 0.14 }, 'Title/sm/Letter spacing': { resolved: 0.14 },
'Title/sm/Font fallback': { resolved: 'sans-serif' }, 'Title/sm/Font fallback': { resolved: 'sans-serif' },
'Title/sm/Text-Transform': { resolved: 'unset' }, 'Title/sm/Text-Transform': { resolved: 'none' },
'Title/Decorative/lg/Letter spacing': { resolved: 0.1 }, 'Title/Decorative/lg/Letter spacing': { resolved: 0.1 },
'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' }, 'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
@@ -3192,17 +3192,17 @@ export const marski = {
'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' }, 'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
'Title/sm/LowCase/Letter spacing': { resolved: 0.14 }, 'Title/sm/LowCase/Letter spacing': { resolved: 0.14 },
'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/sm/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
'Title/xs/Letter spacing': { resolved: 0.24 }, 'Title/xs/Letter spacing': { resolved: 0.24 },
'Title/xs/Font fallback': { resolved: 'sans-serif' }, 'Title/xs/Font fallback': { resolved: 'sans-serif' },
'Title/xs/Text-Transform': { resolved: 'unset' }, 'Title/xs/Text-Transform': { resolved: 'none' },
'Title/md/Text-Transform': { resolved: 'unset' }, 'Title/md/Text-Transform': { resolved: 'none' },
'Title/md/LowCase/Letter spacing': { resolved: 0.09 }, 'Title/md/LowCase/Letter spacing': { resolved: 0.09 },
'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/md/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/md/LowCase/Text-Transform': { resolved: 'none' },
'Tag/Letter spacing': { resolved: 0.18 }, 'Tag/Letter spacing': { resolved: 0.18 },
'Tag/Font fallback': { resolved: 'sans-serif' }, 'Tag/Font fallback': { resolved: 'sans-serif' },
'Tag/Text-Transform': { resolved: 'unset' }, 'Tag/Text-Transform': { resolved: 'none' },
'Link/md/Font fallback': { resolved: 'sans-serif' }, 'Link/md/Font fallback': { resolved: 'sans-serif' },
'Link/md/Letter spacing': { resolved: 0.19 }, 'Link/md/Letter spacing': { resolved: 0.19 },
'Link/md/Text-Decoration': { resolved: 'underline' }, 'Link/md/Text-Decoration': { resolved: 'underline' },
@@ -3883,12 +3883,12 @@ export const hotelNorge = {
'Signature/Hotel Norge/Salmon/50': { resolved: '#EC615B' }, 'Signature/Hotel Norge/Salmon/50': { resolved: '#EC615B' },
'Title/lg/Letter spacing': { resolved: 0 }, 'Title/lg/Letter spacing': { resolved: 0 },
'Title/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/lg/Font fallback': { resolved: 'sans-serif' },
'Title/lg/Text-Transform': { resolved: 'unset' }, 'Title/lg/Text-Transform': { resolved: 'none' },
'Title/md/Letter spacing': { resolved: 0.36 }, 'Title/md/Letter spacing': { resolved: 0.36 },
'Title/md/Font fallback': { resolved: 'sans-serif' }, 'Title/md/Font fallback': { resolved: 'sans-serif' },
'Title/sm/Letter spacing': { resolved: 0 }, 'Title/sm/Letter spacing': { resolved: 0 },
'Title/sm/Font fallback': { resolved: 'sans-serif' }, 'Title/sm/Font fallback': { resolved: 'sans-serif' },
'Title/sm/Text-Transform': { resolved: 'unset' }, 'Title/sm/Text-Transform': { resolved: 'none' },
'Title/Decorative/lg/Letter spacing': { resolved: 0.24 }, 'Title/Decorative/lg/Letter spacing': { resolved: 0.24 },
'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' }, 'Title/Decorative/lg/Font fallback': { resolved: 'sans-serif' },
'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' }, 'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
@@ -3904,14 +3904,14 @@ export const hotelNorge = {
'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' }, 'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
'Title/sm/LowCase/Letter spacing': { resolved: 0 }, 'Title/sm/LowCase/Letter spacing': { resolved: 0 },
'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/sm/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/sm/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
'Title/xs/Letter spacing': { resolved: -0.05 }, 'Title/xs/Letter spacing': { resolved: -0.05 },
'Title/xs/Font fallback': { resolved: 'sans-serif' }, 'Title/xs/Font fallback': { resolved: 'sans-serif' },
'Title/xs/Text-Transform': { resolved: 'unset' }, 'Title/xs/Text-Transform': { resolved: 'none' },
'Title/md/Text-Transform': { resolved: 'unset' }, 'Title/md/Text-Transform': { resolved: 'none' },
'Title/md/LowCase/Letter spacing': { resolved: 0.36 }, 'Title/md/LowCase/Letter spacing': { resolved: 0.36 },
'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' }, 'Title/md/LowCase/Font fallback': { resolved: 'sans-serif' },
'Title/md/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/md/LowCase/Text-Transform': { resolved: 'none' },
'Tag/Letter spacing': { resolved: 0.18 }, 'Tag/Letter spacing': { resolved: 0.18 },
'Tag/Font fallback': { resolved: 'sans-serif' }, 'Tag/Font fallback': { resolved: 'sans-serif' },
'Tag/Text-Transform': { resolved: 'uppercase' }, 'Tag/Text-Transform': { resolved: 'uppercase' },
@@ -4590,12 +4590,12 @@ export const grandHotel = {
'Signature/Grand Hotel/Submarine/30': { resolved: '#B0C4CB' }, 'Signature/Grand Hotel/Submarine/30': { resolved: '#B0C4CB' },
'Title/lg/Letter spacing': { resolved: 0.12 }, 'Title/lg/Letter spacing': { resolved: 0.12 },
'Title/lg/Font fallback': { resolved: 'Serif' }, 'Title/lg/Font fallback': { resolved: 'Serif' },
'Title/lg/Text-Transform': { resolved: 'unset' }, 'Title/lg/Text-Transform': { resolved: 'none' },
'Title/md/Letter spacing': { resolved: 0.18 }, 'Title/md/Letter spacing': { resolved: 0.18 },
'Title/md/Font fallback': { resolved: 'Serif' }, 'Title/md/Font fallback': { resolved: 'Serif' },
'Title/sm/Letter spacing': { resolved: 0.28 }, 'Title/sm/Letter spacing': { resolved: 0.28 },
'Title/sm/Font fallback': { resolved: 'Serif' }, 'Title/sm/Font fallback': { resolved: 'Serif' },
'Title/sm/Text-Transform': { resolved: 'unset' }, 'Title/sm/Text-Transform': { resolved: 'none' },
'Title/Decorative/lg/Letter spacing': { resolved: 0.3 }, 'Title/Decorative/lg/Letter spacing': { resolved: 0.3 },
'Title/Decorative/lg/Font fallback': { resolved: 'Serif' }, 'Title/Decorative/lg/Font fallback': { resolved: 'Serif' },
'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' }, 'Title/Decorative/lg/Text-Transform': { resolved: 'uppercase' },
@@ -4611,14 +4611,14 @@ export const grandHotel = {
'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' }, 'Title/Overline/sm/Text-Transform': { resolved: 'uppercase' },
'Title/sm/LowCase/Letter spacing': { resolved: 0.28 }, 'Title/sm/LowCase/Letter spacing': { resolved: 0.28 },
'Title/sm/LowCase/Font fallback': { resolved: 'Serif' }, 'Title/sm/LowCase/Font fallback': { resolved: 'Serif' },
'Title/sm/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/sm/LowCase/Text-Transform': { resolved: 'none' },
'Title/xs/Letter spacing': { resolved: 0.24 }, 'Title/xs/Letter spacing': { resolved: 0.24 },
'Title/xs/Font fallback': { resolved: 'Serif' }, 'Title/xs/Font fallback': { resolved: 'Serif' },
'Title/xs/Text-Transform': { resolved: 'unset' }, 'Title/xs/Text-Transform': { resolved: 'none' },
'Title/md/Text-Transform': { resolved: 'unset' }, 'Title/md/Text-Transform': { resolved: 'none' },
'Title/md/LowCase/Letter spacing': { resolved: 0.18 }, 'Title/md/LowCase/Letter spacing': { resolved: 0.18 },
'Title/md/LowCase/Font fallback': { resolved: 'Serif' }, 'Title/md/LowCase/Font fallback': { resolved: 'Serif' },
'Title/md/LowCase/Text-Transform': { resolved: 'unset' }, 'Title/md/LowCase/Text-Transform': { resolved: 'none' },
'Tag/Letter spacing': { resolved: 0.24 }, 'Tag/Letter spacing': { resolved: 0.24 },
'Tag/Font fallback': { resolved: 'sans-serif' }, 'Tag/Font fallback': { resolved: 'sans-serif' },
'Tag/Text-Transform': { resolved: 'uppercase' }, 'Tag/Text-Transform': { resolved: 'uppercase' },