@proximus/lavender-styling 2.0.0-alpha.142 → 2.0.0-alpha.144

package/dist/css/proximus/themes-tokens.css

@@ -392,6 +392,42 @@
   --px-spacing-page-layout-between-sections-tablet: 40px;
   --px-spacing-page-layout-between-sections-laptop: 80px;
   --px-spacing-page-layout-between-sections-desktop: 80px;
+  --px-text-line-height-body-l-mobile: 1.5rem;
+  --px-text-line-height-body-l-desktop: 1.6875rem;
+  --px-text-line-height-body-m-mobile: 1.3125rem;
+  --px-text-line-height-body-m-desktop: 1.5rem;
+  --px-text-line-height-body-s-mobile: 1.125rem;
+  --px-text-line-height-body-s-desktop: 1.3125rem;
+  --px-text-line-height-body-xs-mobile: 0.9375rem;
+  --px-text-line-height-body-xs-desktop: 1.125rem;
+  --px-text-line-height-heading-5xl-mobile: 3.25rem;
+  --px-text-line-height-heading-5xl-desktop: 3.875rem;
+  --px-text-line-height-heading-4xl-mobile: 2.875rem;
+  --px-text-line-height-heading-4xl-desktop: 3.875rem;
+  --px-text-line-height-heading-3xl-mobile: 2.5rem;
+  --px-text-line-height-heading-3xl-desktop: 3.25rem;
+  --px-text-line-height-heading-2xl-mobile: 2.25rem;
+  --px-text-line-height-heading-2xl-desktop: 2.5rem;
+  --px-text-line-height-heading-xl-mobile: 1.875rem;
+  --px-text-line-height-heading-xl-desktop: 2.25rem;
+  --px-text-line-height-heading-l-mobile: 1.6875rem;
+  --px-text-line-height-heading-l-desktop: 1.875rem;
+  --px-text-line-height-heading-m-mobile: 1.5rem;
+  --px-text-line-height-heading-m-desktop: 1.6875rem;
+  --px-text-line-height-heading-s-mobile: 1.3125rem;
+  --px-text-line-height-heading-s-desktop: 1.5rem;
+  --px-text-line-height-label-l-mobile: 1.5rem;
+  --px-text-line-height-label-l-desktop: 1.6875rem;
+  --px-text-line-height-label-m-mobile: 1.3125rem;
+  --px-text-line-height-label-m-desktop: 1.5rem;
+  --px-text-line-height-label-s-mobile: 1.125rem;
+  --px-text-line-height-label-s-desktop: 1.3125rem;
+  --px-text-line-height-label-xs-mobile: 0.9375rem;
+  --px-text-line-height-label-xs-desktop: 1.125rem;
+  --px-text-line-height-link-m-mobile: 1.3125rem;
+  --px-text-line-height-link-m-desktop: 1.5rem;
+  --px-text-line-height-link-s-mobile: 1.125rem;
+  --px-text-line-height-link-s-desktop: 1.3125rem;
   --px-text-size-body-l-mobile: 1rem;
   --px-text-size-body-l-tablet: 1rem;
   --px-text-size-body-l-laptop: 1.125rem;

package/dist/css/proximus-ebu/themes-tokens.css

@@ -392,6 +392,42 @@
   --px-spacing-page-layout-between-sections-tablet: 40px;
   --px-spacing-page-layout-between-sections-laptop: 80px;
   --px-spacing-page-layout-between-sections-desktop: 80px;
+  --px-text-line-height-body-l-mobile: 1.5rem;
+  --px-text-line-height-body-l-desktop: 1.6875rem;
+  --px-text-line-height-body-m-mobile: 1.3125rem;
+  --px-text-line-height-body-m-desktop: 1.5rem;
+  --px-text-line-height-body-s-mobile: 1.125rem;
+  --px-text-line-height-body-s-desktop: 1.3125rem;
+  --px-text-line-height-body-xs-mobile: 0.9375rem;
+  --px-text-line-height-body-xs-desktop: 1.125rem;
+  --px-text-line-height-heading-5xl-mobile: 3.25rem;
+  --px-text-line-height-heading-5xl-desktop: 3.875rem;
+  --px-text-line-height-heading-4xl-mobile: 2.875rem;
+  --px-text-line-height-heading-4xl-desktop: 3.875rem;
+  --px-text-line-height-heading-3xl-mobile: 2.5rem;
+  --px-text-line-height-heading-3xl-desktop: 3.25rem;
+  --px-text-line-height-heading-2xl-mobile: 2.25rem;
+  --px-text-line-height-heading-2xl-desktop: 2.5rem;
+  --px-text-line-height-heading-xl-mobile: 1.875rem;
+  --px-text-line-height-heading-xl-desktop: 2.25rem;
+  --px-text-line-height-heading-l-mobile: 1.6875rem;
+  --px-text-line-height-heading-l-desktop: 1.875rem;
+  --px-text-line-height-heading-m-mobile: 1.5rem;
+  --px-text-line-height-heading-m-desktop: 1.6875rem;
+  --px-text-line-height-heading-s-mobile: 1.3125rem;
+  --px-text-line-height-heading-s-desktop: 1.5rem;
+  --px-text-line-height-label-l-mobile: 1.5rem;
+  --px-text-line-height-label-l-desktop: 1.6875rem;
+  --px-text-line-height-label-m-mobile: 1.3125rem;
+  --px-text-line-height-label-m-desktop: 1.5rem;
+  --px-text-line-height-label-s-mobile: 1.125rem;
+  --px-text-line-height-label-s-desktop: 1.3125rem;
+  --px-text-line-height-label-xs-mobile: 0.9375rem;
+  --px-text-line-height-label-xs-desktop: 1.125rem;
+  --px-text-line-height-link-m-mobile: 1.3125rem;
+  --px-text-line-height-link-m-desktop: 1.5rem;
+  --px-text-line-height-link-s-mobile: 1.125rem;
+  --px-text-line-height-link-s-desktop: 1.3125rem;
   --px-text-size-body-l-mobile: 1rem;
   --px-text-size-body-l-tablet: 1rem;
   --px-text-size-body-l-laptop: 1.125rem;

package/dist/css/scarlet/themes-tokens.css

@@ -392,6 +392,42 @@
   --px-spacing-page-layout-between-sections-tablet: 40px;
   --px-spacing-page-layout-between-sections-laptop: 80px;
   --px-spacing-page-layout-between-sections-desktop: 80px;
+  --px-text-line-height-body-l-mobile: 1.5rem;
+  --px-text-line-height-body-l-desktop: 1.6875rem;
+  --px-text-line-height-body-m-mobile: 1.3125rem;
+  --px-text-line-height-body-m-desktop: 1.5rem;
+  --px-text-line-height-body-s-mobile: 1.125rem;
+  --px-text-line-height-body-s-desktop: 1.3125rem;
+  --px-text-line-height-body-xs-mobile: 0.9375rem;
+  --px-text-line-height-body-xs-desktop: 1.125rem;
+  --px-text-line-height-heading-5xl-mobile: 3.25rem;
+  --px-text-line-height-heading-5xl-desktop: 3.875rem;
+  --px-text-line-height-heading-4xl-mobile: 2.875rem;
+  --px-text-line-height-heading-4xl-desktop: 3.875rem;
+  --px-text-line-height-heading-3xl-mobile: 2.5rem;
+  --px-text-line-height-heading-3xl-desktop: 3.25rem;
+  --px-text-line-height-heading-2xl-mobile: 2.25rem;
+  --px-text-line-height-heading-2xl-desktop: 2.5rem;
+  --px-text-line-height-heading-xl-mobile: 1.875rem;
+  --px-text-line-height-heading-xl-desktop: 2.25rem;
+  --px-text-line-height-heading-l-mobile: 1.6875rem;
+  --px-text-line-height-heading-l-desktop: 1.875rem;
+  --px-text-line-height-heading-m-mobile: 1.5rem;
+  --px-text-line-height-heading-m-desktop: 1.6875rem;
+  --px-text-line-height-heading-s-mobile: 1.3125rem;
+  --px-text-line-height-heading-s-desktop: 1.5rem;
+  --px-text-line-height-label-l-mobile: 1.5rem;
+  --px-text-line-height-label-l-desktop: 1.6875rem;
+  --px-text-line-height-label-m-mobile: 1.3125rem;
+  --px-text-line-height-label-m-desktop: 1.5rem;
+  --px-text-line-height-label-s-mobile: 1.125rem;
+  --px-text-line-height-label-s-desktop: 1.3125rem;
+  --px-text-line-height-label-xs-mobile: 0.9375rem;
+  --px-text-line-height-label-xs-desktop: 1.125rem;
+  --px-text-line-height-link-m-mobile: 1.3125rem;
+  --px-text-line-height-link-m-desktop: 1.5rem;
+  --px-text-line-height-link-s-mobile: 1.125rem;
+  --px-text-line-height-link-s-desktop: 1.3125rem;
   --px-text-size-body-l-mobile: 1rem;
   --px-text-size-body-l-tablet: 1rem;
   --px-text-size-body-l-laptop: 1.125rem;

package/dist/js/proximus/themesTokens.d.ts

@@ -1602,6 +1602,222 @@ export const SpacingPageLayoutBetweenSectionsDesktop: {
   decimal: number;
   scale: number;
 };
+export const TextLineHeightBodyLMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightBodyLDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightBodyMMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightBodyMDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightBodySMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightBodySDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightBodyXsMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightBodyXsDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeading5xlMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeading5xlDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeading4xlMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeading4xlDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeading3xlMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeading3xlDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeading2xlMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeading2xlDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeadingXlMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeadingXlDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeadingLMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeadingLDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeadingMMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeadingMDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeadingSMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightHeadingSDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLabelLMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLabelLDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLabelMMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLabelMDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLabelSMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLabelSDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLabelXsMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLabelXsDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLinkMMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLinkMDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLinkSMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const TextLineHeightLinkSDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
 export const TextSizeBodyLMobile: {
   original: string;
   number: number;

package/dist/js/proximus/themesTokens.js

@@ -1609,6 +1609,222 @@ export const SpacingPageLayoutBetweenSectionsDesktop = {
   decimal: 0.8,
   scale: 1280,
 };
+export const TextLineHeightBodyLMobile = {
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
+};
+export const TextLineHeightBodyLDesktop = {
+  original: "27rem",
+  number: 27,
+  decimal: 0.27,
+  scale: 432,
+};
+export const TextLineHeightBodyMMobile = {
+  original: "21rem",
+  number: 21,
+  decimal: 0.21,
+  scale: 336,
+};
+export const TextLineHeightBodyMDesktop = {
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
+};
+export const TextLineHeightBodySMobile = {
+  original: "18rem",
+  number: 18,
+  decimal: 0.18,
+  scale: 288,
+};
+export const TextLineHeightBodySDesktop = {
+  original: "21rem",
+  number: 21,
+  decimal: 0.21,
+  scale: 336,
+};
+export const TextLineHeightBodyXsMobile = {
+  original: "15rem",
+  number: 15,
+  decimal: 0.15,
+  scale: 240,
+};
+export const TextLineHeightBodyXsDesktop = {
+  original: "18rem",
+  number: 18,
+  decimal: 0.18,
+  scale: 288,
+};
+export const TextLineHeightHeading5xlMobile = {
+  original: "52rem",
+  number: 52,
+  decimal: 0.52,
+  scale: 832,
+};
+export const TextLineHeightHeading5xlDesktop = {
+  original: "62rem",
+  number: 62,
+  decimal: 0.62,
+  scale: 992,
+};
+export const TextLineHeightHeading4xlMobile = {
+  original: "46rem",
+  number: 46,
+  decimal: 0.46,
+  scale: 736,
+};
+export const TextLineHeightHeading4xlDesktop = {
+  original: "62rem",
+  number: 62,
+  decimal: 0.62,
+  scale: 992,
+};
+export const TextLineHeightHeading3xlMobile = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const TextLineHeightHeading3xlDesktop = {
+  original: "52rem",
+  number: 52,
+  decimal: 0.52,
+  scale: 832,
+};
+export const TextLineHeightHeading2xlMobile = {
+  original: "36rem",
+  number: 36,
+  decimal: 0.36,
+  scale: 576,
+};
+export const TextLineHeightHeading2xlDesktop = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const TextLineHeightHeadingXlMobile = {
+  original: "30rem",
+  number: 30,
+  decimal: 0.3,
+  scale: 480,
+};
+export const TextLineHeightHeadingXlDesktop = {
+  original: "36rem",
+  number: 36,
+  decimal: 0.36,
+  scale: 576,
+};
+export const TextLineHeightHeadingLMobile = {
+  original: "27rem",
+  number: 27,
+  decimal: 0.27,
+  scale: 432,
+};
+export const TextLineHeightHeadingLDesktop = {
+  original: "30rem",
+  number: 30,
+  decimal: 0.3,
+  scale: 480,
+};
+export const TextLineHeightHeadingMMobile = {
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
+};
+export const TextLineHeightHeadingMDesktop = {
+  original: "27rem",
+  number: 27,
+  decimal: 0.27,
+  scale: 432,
+};
+export const TextLineHeightHeadingSMobile = {
+  original: "21rem",
+  number: 21,
+  decimal: 0.21,
+  scale: 336,
+};
+export const TextLineHeightHeadingSDesktop = {
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
+};
+export const TextLineHeightLabelLMobile = {
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
+};
+export const TextLineHeightLabelLDesktop = {
+  original: "27rem",
+  number: 27,
+  decimal: 0.27,
+  scale: 432,
+};
+export const TextLineHeightLabelMMobile = {
+  original: "21rem",
+  number: 21,
+  decimal: 0.21,
+  scale: 336,
+};
+export const TextLineHeightLabelMDesktop = {
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
+};
+export const TextLineHeightLabelSMobile = {
+  original: "18rem",
+  number: 18,
+  decimal: 0.18,
+  scale: 288,
+};
+export const TextLineHeightLabelSDesktop = {
+  original: "21rem",
+  number: 21,
+  decimal: 0.21,
+  scale: 336,
+};
+export const TextLineHeightLabelXsMobile = {
+  original: "15rem",
+  number: 15,
+  decimal: 0.15,
+  scale: 240,
+};
+export const TextLineHeightLabelXsDesktop = {
+  original: "18rem",
+  number: 18,
+  decimal: 0.18,
+  scale: 288,
+};
+export const TextLineHeightLinkMMobile = {
+  original: "21rem",
+  number: 21,
+  decimal: 0.21,
+  scale: 336,
+};
+export const TextLineHeightLinkMDesktop = {
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
+};
+export const TextLineHeightLinkSMobile = {
+  original: "18rem",
+  number: 18,
+  decimal: 0.18,
+  scale: 288,
+};
+export const TextLineHeightLinkSDesktop = {
+  original: "21rem",
+  number: 21,
+  decimal: 0.21,
+  scale: 336,
+};
 export const TextSizeBodyLMobile = {
   original: "16rem",
   number: 16,