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

feat(SW-375): new tokens

Browse Source 
new asset generation logic

BREAKING CHANGE: New tokens.
This commit is contained in:
Michael Zetterberg
2025-01-20 14:46:25 +01:00
parent 7ce2ee2922
commit 56973888c9
189 changed files with 34368 additions and 10344 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
packages/design-system/lib/components/Typography/typography.module.css Normal file
View File

@@ -0,0 +1,246 @@
.Title-lg {
font-family: var(--Title-lg-Font-family), var(--Title-lg-Font-fallback);
font-size: var(--Title-lg-Size);
font-weight: var(--Title-lg-Font-weight);
letter-spacing: var(--Title-lg-Letter-spacing);
text-transform: var(--Title-lg-Text-Transform);
line-height: 1;
text-decoration: none;
}
.Title-md {
font-family: var(--Title-md-Font-family), var(--Title-md-Font-fallback);
font-size: var(--Title-md-Size);
font-weight: var(--Title-md-Font-weight);
letter-spacing: var(--Title-md-Letter-spacing);
text-transform: var(--Title-md-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-mdRegular {
font-family: var(--Title-md-Font-family), var(--Title-md-Font-fallback);
font-size: var(--Title-md-Size);
font-weight: 700;
letter-spacing: var(--Title-md-Letter-spacing);
text-transform: var(--Title-md-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-sm {
font-family: var(--Title-sm-Font-family), var(--Title-sm-Font-fallback);
font-size: var(--Title-sm-Size);
font-weight: var(--Title-sm-Font-weight);
letter-spacing: var(--Title-sm-Letter-spacing);
text-transform: var(--Title-sm-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-smRegular {
font-family:
var(--Title-sm-LowCase-Font-family), var(--Title-sm-LowCase-Font-fallback);
font-size: var(--Title-sm-LowCase-Size);
font-weight: var(--Title-sm-LowCase-Font-weight);
letter-spacing: var(--Title-sm-LowCase-Letter-spacing);
text-transform: var(--Title-sm-LowCase-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-xs {
font-family: var(--Title-xs-Font-family), var(--Title-xs-Font-fallback);
font-size: var(--Title-xs-Size);
font-weight: var(--Title-xs-Font-weight);
letter-spacing: var(--Title-xs-Letter-spacing);
text-transform: var(--Title-xs-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-Decorative-lg {
font-family:
var(--Title-Decorative-lg-Font-family),
var(--Title-Decorative-lg-Font-fallback);
font-size: var(--Title-Decorative-lg-Size);
font-weight: var(--Title-Decorative-lg-Font-weight);
letter-spacing: var(--Title-Decorative-lg-Letter-spacing);
text-transform: var(--Title-Decorative-lg-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-Decorative-md {
font-family:
var(--Title-Decorative-md-Font-family),
var(--Title-Decorative-md-Font-fallback);
font-size: var(--Title-Decorative-md-Size);
font-weight: var(--Title-Decorative-md-Font-weight);
letter-spacing: var(--Title-Decorative-md-Letter-spacing);
text-transform: var(--Title-Decorative-md-Text-Transform);
line-height: 1.1;
text-decoration: none;
}
.Title-Subtitle-lg {
font-family:
var(--Title-Subtitle-lg-Font-family), var(--Title-Subtitle-lg-Font-fallback);
font-size: var(--Title-Subtitle-lg-Size);
font-weight: var(--Title-Subtitle-lg-Font-weight);
letter-spacing: var(--Title-Subtitle-lg-Letter-spacing);
text-transform: unset;
line-height: 1.2;
text-decoration: none;
}
.Title-Subtitle-md {
font-family:
var(--Title-Subtitle-md-Font-family), var(--Title-Subtitle-md-Font-fallback);
font-size: var(--Title-Subtitle-md-Size);
font-weight: var(--Title-Subtitle-md-Font-weight);
letter-spacing: var(--Title-Subtitle-md-Letter-spacing);
text-transform: unset;
line-height: 1.2;
text-decoration: none;
}
.Title-Overline-sm {
font-family:
var(--Title-Overline-sm-Font-family), var(--Title-Overline-sm-Font-fallback);
font-size: var(--Title-Overline-sm-Size);
font-weight: var(--Title-Overline-sm-Font-weight);
letter-spacing: var(--Title-Overline-sm-Letter-spacing);
text-transform: var(--Title-Overline-sm-Text-Transform);
line-height: 1.5;
text-decoration: none;
}
.Body-Lead-text {
font-family:
var(--Body-Lead-text-Font-family), var(--Body-Lead-text-Font-fallback);
font-size: var(--Body-Lead-text-Size);
font-weight: var(--Body-Lead-text-Font-weight);
letter-spacing: var(--Body-Lead-text-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}
.Body-Paragraph-mdRegular {
font-family:
var(--Body-Paragraph-Font-family), var(--Body-Paragraph-Font-fallback);
font-size: var(--Body-Paragraph-Size);
font-weight: var(--Body-Paragraph-Font-weight);
letter-spacing: var(--Body-Paragraph-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}
.Body-Paragraph-mdBold {
font-family:
var(--Body-Paragraph-Font-family), var(--Body-Paragraph-Font-fallback);
font-size: var(--Body-Paragraph-Size);
font-weight: var(--Body-Paragraph-Font-weight-2);
letter-spacing: var(--Body-Paragraph-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}
.Body-Supporting-text-caption-smRegular {
font-family:
var(--Body-Supporting-text-Font-family),
var(--Body-Supporting-text-Font-fallback);
font-size: var(--Body-Supporting-text-Size);
font-weight: var(--Body-Supporting-text-Font-weight);
letter-spacing: var(--Body-Supporting-text-Letter-spacing);
text-transform: unset;
line-height: 1.4;
text-decoration: none;
}
.Body-Supporting-text-caption-smBold {
font-family:
var(--Body-Supporting-text-Font-family),
var(--Body-Supporting-text-Font-fallback);
font-size: var(--Body-Supporting-text-Size);
font-weight: var(--Body-Supporting-text-Font-weight-2);
letter-spacing: var(--Body-Supporting-text-Letter-spacing);
text-transform: unset;
line-height: 1.4;
text-decoration: none;
}
.Body-Underline-md {
font-family:
var(--Body-Underline-md-Font-family), var(--Body-Underline-md-Font-fallback);
font-size: var(--Body-Underline-md-Size);
font-weight: var(--Body-Underline-md-Font-weight);
letter-spacing: var(--Body-Underline-md-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: underline;
}
.Body-Underline-sm {
font-family:
var(--Body-Underline-sm-Font-family), var(--Body-Underline-sm-Font-fallback);
font-size: var(--Body-Underline-sm-Size);
font-weight: var(--Body-Underline-sm-Font-weight);
letter-spacing: var(--Body-Underline-sm-Letter-spacing);
text-transform: unset;
line-height: 1.4;
text-decoration: underline;
}
.Tag-sm {
font-family: var(--Tag-Font-family), var(--Tag-Font-fallback);
font-size: var(--Tag-Size);
font-weight: var(--Tag-Font-weight);
letter-spacing: var(--Tag-Letter-spacing);
text-transform: var(--Tag-Text-Transform);
line-height: 1.5;
text-decoration: none;
}
.Link-md {
font-family: var(--Link-md-Font-family), var(--Link-md-Font-fallback);
font-size: var(--Link-md-Size);
font-weight: var(--Link-md-Font-weight);
letter-spacing: var(--Link-md-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: underline;
}
.Link-sm {
font-family: var(--Link-sm-Font-family), var(--Link-sm-Font-fallback);
font-size: var(--Link-sm-Size);
font-weight: var(--Link-sm-Font-weight);
letter-spacing: var(--Link-sm-Letter-spacing);
text-transform: unset;
line-height: 1.4;
text-decoration: underline;
}
.Label-xsRegular {
font-family: var(--Label-Font-family), var(--Label-Font-fallback);
font-size: var(--Label-Size);
font-weight: var(--Label-Font-weight);
letter-spacing: var(--Label-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}
.Label-xsBold {
font-family: var(--Label-Font-family), var(--Label-Font-fallback);
font-size: var(--Label-Size);
font-weight: var(--Label-Font-weight-2);
letter-spacing: var(--Label-Letter-spacing);
text-transform: unset;
line-height: 1.5;
text-decoration: none;
}