diff --git a/packages/design-system/generate/generate.ts b/packages/design-system/generate/generate.ts index b433f3284..6434ae20e 100644 --- a/packages/design-system/generate/generate.ts +++ b/packages/design-system/generate/generate.ts @@ -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 + ), null, 2 )}`, diff --git a/packages/design-system/lib/styles/downtown-camper.css b/packages/design-system/lib/styles/downtown-camper.css index 6e53a49c3..9adcfb15d 100644 --- a/packages/design-system/lib/styles/downtown-camper.css +++ b/packages/design-system/lib/styles/downtown-camper.css @@ -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 */ diff --git a/packages/design-system/lib/styles/downtown-camper.js b/packages/design-system/lib/styles/downtown-camper.js index 01c8fb3c7..3742b460d 100644 --- a/packages/design-system/lib/styles/downtown-camper.js +++ b/packages/design-system/lib/styles/downtown-camper.js @@ -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', diff --git a/packages/design-system/lib/styles/grand-hotel.css b/packages/design-system/lib/styles/grand-hotel.css index f1292876f..95336a551 100644 --- a/packages/design-system/lib/styles/grand-hotel.css +++ b/packages/design-system/lib/styles/grand-hotel.css @@ -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 */ diff --git a/packages/design-system/lib/styles/grand-hotel.js b/packages/design-system/lib/styles/grand-hotel.js index e1400beec..b88e2a7e1 100644 --- a/packages/design-system/lib/styles/grand-hotel.js +++ b/packages/design-system/lib/styles/grand-hotel.js @@ -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', diff --git a/packages/design-system/lib/styles/haymarket.css b/packages/design-system/lib/styles/haymarket.css index 9b6733e67..57a23a789 100644 --- a/packages/design-system/lib/styles/haymarket.css +++ b/packages/design-system/lib/styles/haymarket.css @@ -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 */ diff --git a/packages/design-system/lib/styles/haymarket.js b/packages/design-system/lib/styles/haymarket.js index eb6c3acef..51a261f5d 100644 --- a/packages/design-system/lib/styles/haymarket.js +++ b/packages/design-system/lib/styles/haymarket.js @@ -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', diff --git a/packages/design-system/lib/styles/hotel-norge.css b/packages/design-system/lib/styles/hotel-norge.css index 21cfe0f3e..8667efb27 100644 --- a/packages/design-system/lib/styles/hotel-norge.css +++ b/packages/design-system/lib/styles/hotel-norge.css @@ -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 */ diff --git a/packages/design-system/lib/styles/hotel-norge.js b/packages/design-system/lib/styles/hotel-norge.js index 7eac11e73..19d7b6d36 100644 --- a/packages/design-system/lib/styles/hotel-norge.js +++ b/packages/design-system/lib/styles/hotel-norge.js @@ -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', diff --git a/packages/design-system/lib/styles/marski.css b/packages/design-system/lib/styles/marski.css index 09d57dc0e..441e9002d 100644 --- a/packages/design-system/lib/styles/marski.css +++ b/packages/design-system/lib/styles/marski.css @@ -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 */ diff --git a/packages/design-system/lib/styles/marski.js b/packages/design-system/lib/styles/marski.js index a8938773e..29641954e 100644 --- a/packages/design-system/lib/styles/marski.js +++ b/packages/design-system/lib/styles/marski.js @@ -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', diff --git a/packages/design-system/lib/styles/scandic-go.css b/packages/design-system/lib/styles/scandic-go.css index af8b1dce4..b2bad43cf 100644 --- a/packages/design-system/lib/styles/scandic-go.css +++ b/packages/design-system/lib/styles/scandic-go.css @@ -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 */ diff --git a/packages/design-system/lib/styles/scandic-go.js b/packages/design-system/lib/styles/scandic-go.js index 8914b4ade..2c6c7b777 100644 --- a/packages/design-system/lib/styles/scandic-go.js +++ b/packages/design-system/lib/styles/scandic-go.js @@ -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', diff --git a/packages/design-system/lib/styles/scandic.css b/packages/design-system/lib/styles/scandic.css index a33b0f6dd..66a17453c 100644 --- a/packages/design-system/lib/styles/scandic.css +++ b/packages/design-system/lib/styles/scandic.css @@ -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; diff --git a/packages/design-system/lib/styles/scandic.js b/packages/design-system/lib/styles/scandic.js index c86fb9620..a857e7a11 100644 --- a/packages/design-system/lib/styles/scandic.js +++ b/packages/design-system/lib/styles/scandic.js @@ -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', diff --git a/packages/design-system/lib/tokens/index.ts b/packages/design-system/lib/tokens/index.ts index 75c84c56b..cd6f3d024 100644 --- a/packages/design-system/lib/tokens/index.ts +++ b/packages/design-system/lib/tokens/index.ts @@ -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' },