diff --git a/src/tokens/typography/_alternative-body-text.scss b/src/tokens/typography/_alternative-body-text.scss new file mode 100644 index 0000000..557315a --- /dev/null +++ b/src/tokens/typography/_alternative-body-text.scss @@ -0,0 +1,53 @@ +@use '../../base/fonts/font-family' as family; +@use '../../base/fonts/font-height' as height; +@use '../../base/fonts/font-size' as size; +@use '../../base/fonts/font-weight' as weight; + +$LG-article-text-Regular: ( + "family": family.$alt-font, + "size": size.$type-scale-20, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-8v +); + +$LG-article-text-Bold: ( + "family": family.$alt-font, + "size": size.$type-scale-20, + "weight": weight.$font-weight-xx-bold, + "line-height": height.$line-height-8v +); + +$MD-article-text-Regular: ( + "family": family.$alt-font, + "size": size.$type-scale-16, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-6v +); + +$MD-article-text-Bold: ( + "family": family.$alt-font, + "size": size.$type-scale-16, + "weight": weight.$font-weight-xx-bold, + "line-height": height.$line-height-6v +); + +$SM-article-text-Regular: ( + "family": family.$alt-font, + "size": size.$type-scale-14, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-6v +); + +$SM-article-text-Bold: ( + "family": family.$alt-font, + "size": size.$type-scale-14, + "weight": weight.$font-weight-xx-bold, + "line-height": height.$line-height-6v +); + +$XS-article-text-Regular: ( + "family": family.$alt-font, + "size": size.$type-scale-12, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-4v +); \ No newline at end of file diff --git a/src/tokens/typography/_alternative-titles.scss b/src/tokens/typography/_alternative-titles.scss new file mode 100644 index 0000000..9bcf490 --- /dev/null +++ b/src/tokens/typography/_alternative-titles.scss @@ -0,0 +1,33 @@ +@use '../../base/fonts/font-height' as height; +@use '../../base/fonts/font-size' as size; +@use '../../base/fonts/font-weight' as weight; + +$XL: ( + "size": size.$type-scale-80, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-22v +); + +$LG: ( + "size": size.$type-scale-72, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-20v +); + +$MD: ( + "size": size.$type-scale-64, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-18v +); + +$SM: ( + "size": size.$type-scale-56, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-16v +); + +$XS: ( + "size": size.$type-scale-48, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-14v +); \ No newline at end of file diff --git a/src/tokens/typography/_text-body.scss b/src/tokens/typography/_text-body.scss new file mode 100644 index 0000000..fb891d9 --- /dev/null +++ b/src/tokens/typography/_text-body.scss @@ -0,0 +1,129 @@ +@use '../../base/fonts/font-height' as height; +@use '../../base/fonts/font-size' as size; +@use '../../base/fonts/font-weight' as weight; + +$XL-chapo-Regular:( + "size": size.$type-scale-20, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-8v +); + +$XL-chapo-Bold:( + "size": size.$type-scale-20, + "weight": weight.$font-weight-xx-bold, + "line-height": height.$line-height-8v +); + +$LG-article-text-Regular: ( + "size": size.$type-scale-18, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-7v +); + +$LG-article-text-Medium: ( + "size": size.$type-scale-18, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-7v +); + +$LG-article-text-Bold: ( + "size": size.$type-scale-18, + "weight": weight.$font-weight-xx-bold, + "line-height": height.$line-height-7v +); + +$MD-standard-text-Regular: ( + "size": size.$type-scale-16, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-6v +); + +$MD-standard-text-Medium: ( + "size": size.$type-scale-16, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-6v +); + +$MD-standard-text-Bold: ( + "size": size.$type-scale-16, + "weight": weight.$font-weight-xx-bold, + "line-height": height.$line-height-6v +); + +$MD-standard-text-Italic: ( + "size": size.$type-scale-16, + "weight": weight.$font-weight-regular, + "style": italic, + "line-height": height.$line-height-6v +); + +$SM-detail-text-Regular: ( + "size": size.$type-scale-14, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-6v +); + +$SM-detail-text-Medium: ( + "size": size.$type-scale-14, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-6v +); + +$SM-detail-text-Bold: ( + "size": size.$type-scale-14, + "weight": weight.$font-weight-xx-bold, + "line-height": height.$line-height-6v +); + +$SM-detail-text-Italic: ( + "size": size.$type-scale-14, + "weight": weight.$font-weight-regular, + "style": italic, + "line-height": height.$line-height-6v +); + +$SM-detail-text-Maj: ( + "size": size.$type-scale-14, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-6v, + "text-transform": uppercase +); + +$XS-mention-text-Regular: ( + "size": size.$type-scale-12, + "weight": weight.$font-weight-regular, + "line-height": height.$line-height-4v +); + +$XS-mention-text-Medium: ( + "size": size.$type-scale-12, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-4v +); + +$XS-mention-text-Bold: ( + "size": size.$type-scale-12, + "weight": weight.$font-weight-xx-bold, + "line-height": height.$line-height-4v +); + +$XS-mention-text-Italic: ( + "size": size.$type-scale-12, + "weight": weight.$font-weight-regular, + "style": italic, + "line-height": height.$line-height-4v +); + +$XS-mention-text-Maj: ( + "size": size.$type-scale-12, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-4v +); + +$XS-mention-text-Underlined: ( + "size": size.$type-scale-12, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-4v, + "text-decoration": underline +); + diff --git a/src/tokens/typography/_titles.scss b/src/tokens/typography/_titles.scss new file mode 100644 index 0000000..2b71dd1 --- /dev/null +++ b/src/tokens/typography/_titles.scss @@ -0,0 +1,39 @@ +@use '../../base/fonts/font-height' as height; +@use '../../base/fonts/font-size' as size; +@use '../../base/fonts/font-weight' as weight; + +$H1-XL: ( + "size": size.$type-scale-40, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-12v +); + +$H2-LG: ( + "size": size.$type-scale-32, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-10v +); + +$H3-MD: ( + "size": size.$type-scale-28, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-9v +); + +$H4-SM: ( + "size": size.$type-scale-24, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-8v +); + +$H5-XS: ( + "size": size.$type-scale-22, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-7v +); + +$H6-XXS: ( + "size": size.$type-scale-20, + "weight": weight.$font-weight-bold, + "line-height": height.$line-height-7v +); \ No newline at end of file