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

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',

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

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