@proximus/lavender-styling 2.0.0-alpha.15 → 2.0.0-alpha.151

package/dist/js/proximus-ebu/themesTokens.js

@@ -22,6 +22,8 @@ export const ColorBackgroundDataRed = "#B30000";
 export const ColorBackgroundDataMagenta = "#FF418C";
 export const ColorBackgroundDataBlue = "#016BC1";
 export const ColorBackgroundDataTurquoise = "#66D2CC";
+export const ColorBackgroundFooterSitemapDefault = "#7d57a7";
+export const ColorBackgroundFooterSitemapInverted = "#ffffff";
 export const ColorBackgroundGradientPurpleTopRed = [
   { color: "#5C2D91", position: 0.66 },
   { color: "#EE2E5D", position: 1 },
@@ -257,8 +259,8 @@ export const ColorBackgroundStateHoverInverted = "rgba(255, 255, 255, 0.12)";
 export const ColorBackgroundStateHoverBorderedDefault =
   "rgba(255, 255, 255, 0.40)";
 export const ColorBackgroundStateHoverBorderedInverted = "rgba(0, 0, 0, 0.12)";
-export const ColorBackgroundStateActiveDefault = "#7d57a7";
-export const ColorBackgroundStateActiveInverted = "rgba(255, 255, 255, 0.80)";
+export const ColorBackgroundStateActiveDefault = "#5C2D91";
+export const ColorBackgroundStateActiveInverted = "#ffffff";
 export const ColorBackgroundStateDisabledDefault = "rgba(0, 0, 0, 0.04)";
 export const ColorBackgroundStateDisabledInverted = "rgba(255, 255, 255, 0.08)";
 export const ColorBackgroundSurfaceLight = "#ffffff";
@@ -290,8 +292,8 @@ export const ColorBorderPurposeUnlimitedDefault = "#016BC1";
 export const ColorBorderPurposeUnlimitedInverted = "#0088F5";
 export const ColorBorderStateHoverDefault = "#5C2D91";
 export const ColorBorderStateHoverInverted = "#ffffff";
-export const ColorBorderStateActiveDefault = "#7d57a7";
-export const ColorBorderStateActiveInverted = "rgba(255, 255, 255, 0.80)";
+export const ColorBorderStateActiveDefault = "#5C2D91";
+export const ColorBorderStateActiveInverted = "#ffffff";
 export const ColorIconBrandDefault = "#5C2D91";
 export const ColorIconBrandInverted = "#ffffff";
 export const ColorIconAccentDefault = "#5C2D91";
@@ -300,20 +302,20 @@ export const ColorIconNeutralDefault = "#252525";
 export const ColorIconNeutralInverted = "#ffffff";
 export const ColorIconDimmedDefault = "rgba(0, 0, 0, 0.56)";
 export const ColorIconDimmedInverted = "rgba(255, 255, 255, 0.64)";
-export const TextColorPurposeSuccessDefault = "#008000";
-export const TextColorPurposeSuccessInverted = "#26BB26";
-export const TextColorPurposeWarningDefault = "#AC5915";
-export const TextColorPurposeWarningInverted = "#DB992F";
-export const TextColorPurposeErrorDefault = "#B30000";
-export const TextColorPurposeErrorInverted = "#F22613";
-export const TextColorPurposeUnlimitedDefault = "#016BC1";
-export const TextColorPurposeUnlimitedInverted = "#0088F5";
-export const TextColorPurposePromoDefault = "#C7264D";
-export const TextColorPurposePromoInverted = "#FF4371";
+export const ColorIconPurposeSuccessDefault = "#008000";
+export const ColorIconPurposeSuccessInverted = "#26BB26";
+export const ColorIconPurposeWarningDefault = "#AC5915";
+export const ColorIconPurposeWarningInverted = "#DB992F";
+export const ColorIconPurposeErrorDefault = "#B30000";
+export const ColorIconPurposeErrorInverted = "#F22613";
+export const ColorIconPurposeUnlimitedDefault = "#016BC1";
+export const ColorIconPurposeUnlimitedInverted = "#0088F5";
+export const ColorIconPurposePromoDefault = "#C7264D";
+export const ColorIconPurposePromoInverted = "#FF4371";
 export const ColorIconStateHoverDefault = "#7d57a7";
 export const ColorIconStateHoverInverted = "rgba(255, 255, 255, 0.80)";
-export const ColorIconStateActiveDefault = "#7d57a7";
-export const ColorIconStateActiveInverted = "rgba(255, 255, 255, 0.80)";
+export const ColorIconStateActiveDefault = "#5C2D91";
+export const ColorIconStateActiveInverted = "#ffffff";
 export const ColorIconStateDisabledDefault = "rgba(0, 0, 0, 0.12)";
 export const ColorIconStateDisabledInverted = "rgba(255, 255, 255, 0.16)";
 export const ColorTextBrandDefault = "#5C2D91";
@@ -332,10 +334,10 @@ export const ColorTextPurposeUnlimitedDefault = "#016BC1";
 export const ColorTextPurposeUnlimitedInverted = "#0088F5";
 export const ColorTextPurposePromoDefault = "#C7264D";
 export const ColorTextPurposePromoInverted = "#FF4371";
-export const ColorTextStateHoverDefault = "#7d57a7";
+export const ColorTextStateHoverDefault = "#5C2D91";
 export const ColorTextStateHoverInverted = "rgba(255, 255, 255, 0.80)";
-export const ColorTextStateActiveDefault = "#7d57a7";
-export const ColorTextStateActiveInverted = "rgba(255, 255, 255, 0.80)";
+export const ColorTextStateActiveDefault = "#5C2D91";
+export const ColorTextStateActiveInverted = "#ffffff";
 export const ColorTextStateDisabledDefault = "rgba(0, 0, 0, 0.12)";
 export const ColorTextStateDisabledInverted = "rgba(255, 255, 255, 0.16)";
 export const FontFamily = "Proximus, Verdana, Helvetica, sans-serif";
@@ -558,6 +560,18 @@ export const SizeIconXl = {
   decimal: 0.48,
   scale: 768,
 };
+export const SizeM = {
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
+};
+export const SizeL = {
+  original: "44rem",
+  number: 44,
+  decimal: 0.44,
+  scale: 704,
+};
 export const UtilitySizeS = {
   original: "2rem",
   number: 2,
@@ -577,10 +591,10 @@ export const FocusLMobile = {
   scale: 288,
 };
 export const FocusLTablet = {
-  original: "20rem",
-  number: 20,
-  decimal: 0.2,
-  scale: 320,
+  original: "18rem",
+  number: 18,
+  decimal: 0.18,
+  scale: 288,
 };
 export const FocusLLaptop = {
   original: "20rem",
@@ -913,10 +927,10 @@ export const PaddingLMobile = {
   scale: 384,
 };
 export const PaddingLTablet = {
-  original: "40rem",
-  number: 40,
-  decimal: 0.4,
-  scale: 640,
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
 };
 export const PaddingLLaptop = {
   original: "40rem",
@@ -937,10 +951,10 @@ export const PaddingXlMobile = {
   scale: 640,
 };
 export const PaddingXlTablet = {
-  original: "80rem",
-  number: 80,
-  decimal: 0.8,
-  scale: 1280,
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
 };
 export const PaddingXlLaptop = {
   original: "80rem",
@@ -960,13 +974,13 @@ export const PlatformDefaultWidthMobile = {
   decimal: 3.75,
   scale: 6000,
 };
-export const PlatformDefaultWidthLaptop = {
-  original: "1440rem",
-  number: 1440,
-  decimal: 14.4,
-  scale: 23040,
-};
 export const PlatformDefaultWidthTablet = {
+  original: "375rem",
+  number: 375,
+  decimal: 3.75,
+  scale: 6000,
+};
+export const PlatformDefaultWidthLaptop = {
   original: "1440rem",
   number: 1440,
   decimal: 14.4,
@@ -985,10 +999,10 @@ export const ContentWrapperMinWidthMobile = {
   scale: 5488,
 };
 export const ContentWrapperMinWidthTablet = {
-  original: "1180rem",
-  number: 1180,
-  decimal: 11.8,
-  scale: 18880,
+  original: "343rem",
+  number: 343,
+  decimal: 3.43,
+  scale: 5488,
 };
 export const ContentWrapperMinWidthLaptop = {
   original: "1180rem",
@@ -1009,10 +1023,10 @@ export const ContentWrapperMaxWidthMobile = {
   scale: 15872,
 };
 export const ContentWrapperMaxWidthTablet = {
-  original: "1180rem",
-  number: 1180,
-  decimal: 11.8,
-  scale: 18880,
+  original: "992rem",
+  number: 992,
+  decimal: 9.92,
+  scale: 15872,
 };
 export const ContentWrapperMaxWidthLaptop = {
   original: "1180rem",
@@ -1033,10 +1047,10 @@ export const PriceSizeDecimalSMobile = {
   scale: 240,
 };
 export const PriceSizeDecimalSTablet = {
-  original: "16rem",
-  number: 16,
-  decimal: 0.16,
-  scale: 256,
+  original: "15rem",
+  number: 15,
+  decimal: 0.15,
+  scale: 240,
 };
 export const PriceSizeDecimalSLaptop = {
   original: "16rem",
@@ -1057,10 +1071,10 @@ export const PriceSizeDecimalMMobile = {
   scale: 208,
 };
 export const PriceSizeDecimalMTablet = {
-  original: "16rem",
-  number: 16,
-  decimal: 0.16,
-  scale: 256,
+  original: "13rem",
+  number: 13,
+  decimal: 0.13,
+  scale: 208,
 };
 export const PriceSizeDecimalMLaptop = {
   original: "16rem",
@@ -1081,10 +1095,10 @@ export const PriceSizeDecimalLMobile = {
   scale: 224,
 };
 export const PriceSizeDecimalLTablet = {
-  original: "18rem",
-  number: 18,
-  decimal: 0.18,
-  scale: 288,
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
 export const PriceSizeDecimalLLaptop = {
   original: "18rem",
@@ -1105,10 +1119,10 @@ export const PriceSizeSignSMobile = {
   scale: 224,
 };
 export const PriceSizeSignSTablet = {
-  original: "18rem",
-  number: 18,
-  decimal: 0.18,
-  scale: 288,
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
 export const PriceSizeSignSLaptop = {
   original: "18rem",
@@ -1129,10 +1143,10 @@ export const PriceSizeSignMMobile = {
   scale: 256,
 };
 export const PriceSizeSignMTablet = {
-  original: "21rem",
-  number: 21,
-  decimal: 0.21,
-  scale: 336,
+  original: "16rem",
+  number: 16,
+  decimal: 0.16,
+  scale: 256,
 };
 export const PriceSizeSignMLaptop = {
   original: "21rem",
@@ -1153,10 +1167,10 @@ export const PriceSizeSignLMobile = {
   scale: 320,
 };
 export const PriceSizeSignLTablet = {
-  original: "28rem",
-  number: 28,
-  decimal: 0.28,
-  scale: 448,
+  original: "20rem",
+  number: 20,
+  decimal: 0.2,
+  scale: 320,
 };
 export const PriceSizeSignLLaptop = {
   original: "28rem",
@@ -1171,16 +1185,16 @@ export const PriceSizeSignLDesktop = {
   scale: 448,
 };
 export const PriceSizeUnitSMobile = {
-  original: "18rem",
-  number: 18,
-  decimal: 0.18,
-  scale: 288,
+  original: "16rem",
+  number: 16,
+  decimal: 0.16,
+  scale: 256,
 };
 export const PriceSizeUnitSTablet = {
-  original: "20rem",
-  number: 20,
-  decimal: 0.2,
-  scale: 320,
+  original: "16rem",
+  number: 16,
+  decimal: 0.16,
+  scale: 256,
 };
 export const PriceSizeUnitSLaptop = {
   original: "20rem",
@@ -1201,35 +1215,35 @@ export const PriceSizeUnitMMobile = {
   scale: 320,
 };
 export const PriceSizeUnitMTablet = {
-  original: "24rem",
-  number: 24,
-  decimal: 0.24,
-  scale: 384,
+  original: "20rem",
+  number: 20,
+  decimal: 0.2,
+  scale: 320,
 };
 export const PriceSizeUnitMLaptop = {
+  original: "28rem",
+  number: 28,
+  decimal: 0.28,
+  scale: 448,
+};
+export const PriceSizeUnitMDesktop = {
+  original: "28rem",
+  number: 28,
+  decimal: 0.28,
+  scale: 448,
+};
+export const PriceSizeUnitLMobile = {
   original: "24rem",
   number: 24,
   decimal: 0.24,
   scale: 384,
 };
-export const PriceSizeUnitMDesktop = {
+export const PriceSizeUnitLTablet = {
   original: "24rem",
   number: 24,
   decimal: 0.24,
   scale: 384,
 };
-export const PriceSizeUnitLMobile = {
-  original: "28rem",
-  number: 28,
-  decimal: 0.28,
-  scale: 448,
-};
-export const PriceSizeUnitLTablet = {
-  original: "32rem",
-  number: 32,
-  decimal: 0.32,
-  scale: 512,
-};
 export const PriceSizeUnitLLaptop = {
   original: "32rem",
   number: 32,
@@ -1249,10 +1263,10 @@ export const SpacingHeadingToSubtitleMobile = {
   scale: 128,
 };
 export const SpacingHeadingToSubtitleTablet = {
-  original: "16rem",
-  number: 16,
-  decimal: 0.16,
-  scale: 256,
+  original: "8rem",
+  number: 8,
+  decimal: 0.08,
+  scale: 128,
 };
 export const SpacingHeadingToSubtitleLaptop = {
   original: "16rem",
@@ -1273,10 +1287,10 @@ export const SpacingHeadingToContentMobile = {
   scale: 256,
 };
 export const SpacingHeadingToContentTablet = {
-  original: "24rem",
-  number: 24,
-  decimal: 0.24,
-  scale: 384,
+  original: "16rem",
+  number: 16,
+  decimal: 0.16,
+  scale: 256,
 };
 export const SpacingHeadingToContentLaptop = {
   original: "24rem",
@@ -1290,10 +1304,30 @@ export const SpacingHeadingToContentDesktop = {
   decimal: 0.24,
   scale: 384,
 };
-export const NoneMobile = { original: 0, number: 0, decimal: 0, scale: 0 };
-export const NoneTablet = { original: 0, number: 0, decimal: 0, scale: 0 };
-export const NoneLaptop = { original: 0, number: 0, decimal: 0, scale: 0 };
-export const NoneDesktop = { original: 0, number: 0, decimal: 0, scale: 0 };
+export const SpacingNoneMobile = {
+  original: 0,
+  number: 0,
+  decimal: 0,
+  scale: 0,
+};
+export const SpacingNoneTablet = {
+  original: 0,
+  number: 0,
+  decimal: 0,
+  scale: 0,
+};
+export const SpacingNoneLaptop = {
+  original: 0,
+  number: 0,
+  decimal: 0,
+  scale: 0,
+};
+export const SpacingNoneDesktop = {
+  original: 0,
+  number: 0,
+  decimal: 0,
+  scale: 0,
+};
 export const Spacing2xsMobile = {
   original: "2rem",
   number: 2,
@@ -1397,10 +1431,10 @@ export const SpacingLMobile = {
   scale: 384,
 };
 export const SpacingLTablet = {
-  original: "40rem",
-  number: 40,
-  decimal: 0.4,
-  scale: 640,
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
 };
 export const SpacingLLaptop = {
   original: "40rem",
@@ -1421,10 +1455,10 @@ export const OverlappedMobile = {
   scale: -384,
 };
 export const OverlappedTablet = {
-  original: "-40rem",
-  number: -40,
-  decimal: -0.4,
-  scale: -640,
+  original: "-24rem",
+  number: -24,
+  decimal: -0.24,
+  scale: -384,
 };
 export const OverlappedLaptop = {
   original: "-40rem",
@@ -1438,42 +1472,378 @@ export const OverlappedDesktop = {
   decimal: -0.4,
   scale: -640,
 };
-export const SpacingPageLayoutBetweenSectionsMobile = {
-  original: "40rem",
-  number: 40,
-  decimal: 0.4,
-  scale: 640,
+export const SpacingTopPatchMobile = {
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
-export const SpacingPageLayoutBetweenSectionsTablet = {
-  original: "80rem",
-  number: 80,
-  decimal: 0.8,
-  scale: 1280,
+export const SpacingTopPatchTablet = {
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
-export const SpacingPageLayoutBetweenSectionsLaptop = {
-  original: "80rem",
-  number: 80,
-  decimal: 0.8,
-  scale: 1280,
+export const SpacingTopPatchLaptop = {
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
-export const SpacingPageLayoutBetweenSectionsDesktop = {
-  original: "80rem",
-  number: 80,
-  decimal: 0.8,
-  scale: 1280,
+export const SpacingTopPatchDesktop = {
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
-export const TextSizeBodyLMobile = {
-  original: "16rem",
-  number: 16,
-  decimal: 0.16,
-  scale: 256,
+export const SpacingTopNeighborPatchMobile = {
+  original: 0,
+  number: 0,
+  decimal: 0,
+  scale: 0,
 };
-export const TextSizeBodyLTablet = {
-  original: "18rem",
-  number: 18,
+export const SpacingTopNeighborPatchTablet = {
+  original: 0,
+  number: 0,
+  decimal: 0,
+  scale: 0,
+};
+export const SpacingTopNeighborPatchLaptop = {
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
+};
+export const SpacingTopNeighborPatchDesktop = {
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
+};
+export const SpacingTopRibbonMobile = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingTopRibbonTablet = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingTopRibbonLaptop = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingTopRibbonDesktop = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingTopNeighborRibbonMobile = {
+  original: 0,
+  number: 0,
+  decimal: 0,
+  scale: 0,
+};
+export const SpacingTopNeighborRibbonTablet = {
+  original: 0,
+  number: 0,
+  decimal: 0,
+  scale: 0,
+};
+export const SpacingTopNeighborRibbonLaptop = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingTopNeighborRibbonDesktop = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingTopPatchAndNeighborRibbonMobile = {
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
+};
+export const SpacingTopPatchAndNeighborRibbonTablet = {
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
+};
+export const SpacingTopPatchAndNeighborRibbonLaptop = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingTopPatchAndNeighborRibbonDesktop = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingPageLayoutBetweenSectionsMobile = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingPageLayoutBetweenSectionsTablet = {
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
+};
+export const SpacingPageLayoutBetweenSectionsLaptop = {
+  original: "80rem",
+  number: 80,
+  decimal: 0.8,
+  scale: 1280,
+};
+export const SpacingPageLayoutBetweenSectionsDesktop = {
+  original: "80rem",
+  number: 80,
+  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,
+  decimal: 0.16,
+  scale: 256,
+};
+export const TextSizeBodyLTablet = {
+  original: "16rem",
+  number: 16,
+  decimal: 0.16,
+  scale: 256,
+};
 export const TextSizeBodyLLaptop = {
   original: "18rem",
   number: 18,
@@ -1493,10 +1863,10 @@ export const TextSizeBodyMMobile = {
   scale: 224,
 };
 export const TextSizeBodyMTablet = {
-  original: "16rem",
-  number: 16,
-  decimal: 0.16,
-  scale: 256,
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
 export const TextSizeBodyMLaptop = {
   original: "16rem",
@@ -1517,10 +1887,10 @@ export const TextSizeBodySMobile = {
   scale: 192,
 };
 export const TextSizeBodySTablet = {
-  original: "14rem",
-  number: 14,
-  decimal: 0.14,
-  scale: 224,
+  original: "12rem",
+  number: 12,
+  decimal: 0.12,
+  scale: 192,
 };
 export const TextSizeBodySLaptop = {
   original: "14rem",
@@ -1541,10 +1911,10 @@ export const TextSizeBodyXsMobile = {
   scale: 160,
 };
 export const TextSizeBodyXsTablet = {
-  original: "12rem",
-  number: 12,
-  decimal: 0.12,
-  scale: 192,
+  original: "10rem",
+  number: 10,
+  decimal: 0.1,
+  scale: 160,
 };
 export const TextSizeBodyXsLaptop = {
   original: "12rem",
@@ -1565,10 +1935,10 @@ export const TextSizeHeading5xlMobile = {
   scale: 576,
 };
 export const TextSizeHeading5xlTablet = {
-  original: "40rem",
-  number: 40,
-  decimal: 0.4,
-  scale: 640,
+  original: "36rem",
+  number: 36,
+  decimal: 0.36,
+  scale: 576,
 };
 export const TextSizeHeading5xlLaptop = {
   original: "40rem",
@@ -1589,10 +1959,10 @@ export const TextSizeHeading4xlMobile = {
   scale: 512,
 };
 export const TextSizeHeading4xlTablet = {
-  original: "36rem",
-  number: 36,
-  decimal: 0.36,
-  scale: 576,
+  original: "32rem",
+  number: 32,
+  decimal: 0.32,
+  scale: 512,
 };
 export const TextSizeHeading4xlLaptop = {
   original: "36rem",
@@ -1613,10 +1983,10 @@ export const TextSizeHeading3xlMobile = {
   scale: 448,
 };
 export const TextSizeHeading3xlTablet = {
-  original: "32rem",
-  number: 32,
-  decimal: 0.32,
-  scale: 512,
+  original: "28rem",
+  number: 28,
+  decimal: 0.28,
+  scale: 448,
 };
 export const TextSizeHeading3xlLaptop = {
   original: "32rem",
@@ -1637,10 +2007,10 @@ export const TextSizeHeading2xlMobile = {
   scale: 384,
 };
 export const TextSizeHeading2xlTablet = {
-  original: "28rem",
-  number: 28,
-  decimal: 0.28,
-  scale: 448,
+  original: "24rem",
+  number: 24,
+  decimal: 0.24,
+  scale: 384,
 };
 export const TextSizeHeading2xlLaptop = {
   original: "28rem",
@@ -1661,10 +2031,10 @@ export const TextSizeHeadingXlMobile = {
   scale: 320,
 };
 export const TextSizeHeadingXlTablet = {
-  original: "24rem",
-  number: 24,
-  decimal: 0.24,
-  scale: 384,
+  original: "20rem",
+  number: 20,
+  decimal: 0.2,
+  scale: 320,
 };
 export const TextSizeHeadingXlLaptop = {
   original: "24rem",
@@ -1685,10 +2055,10 @@ export const TextSizeHeadingLMobile = {
   scale: 288,
 };
 export const TextSizeHeadingLTablet = {
-  original: "20rem",
-  number: 20,
-  decimal: 0.2,
-  scale: 320,
+  original: "18rem",
+  number: 18,
+  decimal: 0.18,
+  scale: 288,
 };
 export const TextSizeHeadingLLaptop = {
   original: "20rem",
@@ -1709,10 +2079,10 @@ export const TextSizeHeadingMMobile = {
   scale: 256,
 };
 export const TextSizeHeadingMTablet = {
-  original: "18rem",
-  number: 18,
-  decimal: 0.18,
-  scale: 288,
+  original: "16rem",
+  number: 16,
+  decimal: 0.16,
+  scale: 256,
 };
 export const TextSizeHeadingMLaptop = {
   original: "18rem",
@@ -1733,10 +2103,10 @@ export const TextSizeHeadingSMobile = {
   scale: 224,
 };
 export const TextSizeHeadingSTablet = {
-  original: "16rem",
-  number: 16,
-  decimal: 0.16,
-  scale: 256,
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
 export const TextSizeHeadingSLaptop = {
   original: "16rem",
@@ -1757,10 +2127,10 @@ export const TextSizeLabelLMobile = {
   scale: 256,
 };
 export const TextSizeLabelLTablet = {
-  original: "18rem",
-  number: 18,
-  decimal: 0.18,
-  scale: 288,
+  original: "16rem",
+  number: 16,
+  decimal: 0.16,
+  scale: 256,
 };
 export const TextSizeLabelLLaptop = {
   original: "18rem",
@@ -1781,10 +2151,10 @@ export const TextSizeLabelMMobile = {
   scale: 224,
 };
 export const TextSizeLabelMTablet = {
-  original: "16rem",
-  number: 16,
-  decimal: 0.16,
-  scale: 256,
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
 export const TextSizeLabelMLaptop = {
   original: "16rem",
@@ -1805,10 +2175,10 @@ export const TextSizeLabelSMobile = {
   scale: 192,
 };
 export const TextSizeLabelSTablet = {
-  original: "14rem",
-  number: 14,
-  decimal: 0.14,
-  scale: 224,
+  original: "12rem",
+  number: 12,
+  decimal: 0.12,
+  scale: 192,
 };
 export const TextSizeLabelSLaptop = {
   original: "14rem",
@@ -1829,10 +2199,10 @@ export const TextSizeLabelXsMobile = {
   scale: 160,
 };
 export const TextSizeLabelXsTablet = {
-  original: "12rem",
-  number: 12,
-  decimal: 0.12,
-  scale: 192,
+  original: "10rem",
+  number: 10,
+  decimal: 0.1,
+  scale: 160,
 };
 export const TextSizeLabelXsLaptop = {
   original: "12rem",
@@ -1853,10 +2223,10 @@ export const TextSizeLinkMMobile = {
   scale: 224,
 };
 export const TextSizeLinkMTablet = {
-  original: "16rem",
-  number: 16,
-  decimal: 0.16,
-  scale: 256,
+  original: "14rem",
+  number: 14,
+  decimal: 0.14,
+  scale: 224,
 };
 export const TextSizeLinkMLaptop = {
   original: "16rem",
@@ -1877,10 +2247,10 @@ export const TextSizeLinkSMobile = {
   scale: 192,
 };
 export const TextSizeLinkSTablet = {
-  original: "14rem",
-  number: 14,
-  decimal: 0.14,
-  scale: 224,
+  original: "12rem",
+  number: 12,
+  decimal: 0.12,
+  scale: 192,
 };
 export const TextSizeLinkSLaptop = {
   original: "14rem",