@proximus/lavender-styling 2.0.0-alpha.4 → 2.0.0-alpha.41

package/dist/js/scarlet/themesTokens.js

@@ -248,9 +248,9 @@ export const ColorBackgroundPurposeNotificationInverted = "#DE2A56";
 export const ColorBackgroundStateHoverDefault = "rgba(0, 0, 0, 0.12)";
 export const ColorBackgroundStateHoverInverted = "rgba(255, 255, 255, 0.16)";
 export const ColorBackgroundStateHoverBorderedDefault = "#ffffff";
-export const ColorBackgroundStateHoverBorderedInverted = "#464646";
-export const ColorBackgroundStateActiveDefault = "#464646";
-export const ColorBackgroundStateActiveInverted = "rgba(255, 255, 255, 0.80)";
+export const ColorBackgroundStateHoverBorderedInverted = "rgba(0, 0, 0, 0.12)";
+export const ColorBackgroundStateActiveDefault = "rgba(230, 31, 19, 0.80)";
+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";
@@ -282,8 +282,8 @@ export const ColorBorderPurposeUnlimitedDefault = "#016BC1";
 export const ColorBorderPurposeUnlimitedInverted = "#0088F5";
 export const ColorBorderStateHoverDefault = "#E61F13";
 export const ColorBorderStateHoverInverted = "#ffffff";
-export const ColorBorderStateActiveDefault = "#464646";
-export const ColorBorderStateActiveInverted = "rgba(255, 255, 255, 0.80)";
+export const ColorBorderStateActiveDefault = "#E61F13";
+export const ColorBorderStateActiveInverted = "#ffffff";
 export const ColorIconBrandDefault = "#464646";
 export const ColorIconBrandInverted = "#ffffff";
 export const ColorIconAccentDefault = "#E61F13";
@@ -305,7 +305,7 @@ export const ColorIconPurposePromoInverted = "#DE2A56";
 export const ColorIconStateHoverDefault = "#E61F13";
 export const ColorIconStateHoverInverted = "rgba(255, 255, 255, 0.80)";
 export const ColorIconStateActiveDefault = "#E61F13";
-export const ColorIconStateActiveInverted = "rgba(255, 255, 255, 0.80)";
+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 = "#464646";
@@ -327,7 +327,7 @@ export const ColorTextPurposePromoInverted = "#E61F13";
 export const ColorTextStateHoverDefault = "#E61F13";
 export const ColorTextStateHoverInverted = "rgba(255, 255, 255, 0.80)";
 export const ColorTextStateActiveDefault = "#E61F13";
-export const ColorTextStateActiveInverted = "rgba(255, 255, 255, 0.80)";
+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 = "DINNextW05, Verdana, Helvetica, sans-serif";
@@ -569,10 +569,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",
@@ -905,10 +905,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",
@@ -929,10 +929,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",
@@ -953,10 +953,10 @@ export const PlatformDefaultWidthMobile = {
   scale: 6000,
 };
 export const PlatformDefaultWidthTablet = {
-  original: "1440rem",
-  number: 1440,
-  decimal: 14.4,
-  scale: 23040,
+  original: "375rem",
+  number: 375,
+  decimal: 3.75,
+  scale: 6000,
 };
 export const PlatformDefaultWidthLaptop = {
   original: "1440rem",
@@ -977,10 +977,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",
@@ -1001,10 +1001,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",
@@ -1025,10 +1025,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",
@@ -1049,10 +1049,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",
@@ -1073,10 +1073,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",
@@ -1097,10 +1097,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",
@@ -1121,10 +1121,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",
@@ -1145,10 +1145,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",
@@ -1169,10 +1169,10 @@ export const PriceSizeUnitSMobile = {
   scale: 288,
 };
 export const PriceSizeUnitSTablet = {
-  original: "20rem",
-  number: 20,
-  decimal: 0.2,
-  scale: 320,
+  original: "18rem",
+  number: 18,
+  decimal: 0.18,
+  scale: 288,
 };
 export const PriceSizeUnitSLaptop = {
   original: "20rem",
@@ -1193,10 +1193,10 @@ 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: "24rem",
@@ -1217,10 +1217,10 @@ export const PriceSizeUnitLMobile = {
   scale: 448,
 };
 export const PriceSizeUnitLTablet = {
-  original: "32rem",
-  number: 32,
-  decimal: 0.32,
-  scale: 512,
+  original: "28rem",
+  number: 28,
+  decimal: 0.28,
+  scale: 448,
 };
 export const PriceSizeUnitLLaptop = {
   original: "32rem",
@@ -1241,10 +1241,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",
@@ -1265,10 +1265,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",
@@ -1389,10 +1389,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",
@@ -1413,10 +1413,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",
@@ -1437,10 +1437,10 @@ export const SpacingPageLayoutBetweenSectionsMobile = {
   scale: 640,
 };
 export const SpacingPageLayoutBetweenSectionsTablet = {
-  original: "80rem",
-  number: 80,
-  decimal: 0.8,
-  scale: 1280,
+  original: "40rem",
+  number: 40,
+  decimal: 0.4,
+  scale: 640,
 };
 export const SpacingPageLayoutBetweenSectionsLaptop = {
   original: "80rem",
@@ -1461,10 +1461,10 @@ export const TextSizeBodyLMobile = {
   scale: 256,
 };
 export const TextSizeBodyLTablet = {
-  original: "18rem",
-  number: 18,
-  decimal: 0.18,
-  scale: 288,
+  original: "16rem",
+  number: 16,
+  decimal: 0.16,
+  scale: 256,
 };
 export const TextSizeBodyLLaptop = {
   original: "18rem",
@@ -1485,10 +1485,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",
@@ -1509,10 +1509,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",
@@ -1533,10 +1533,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",
@@ -1557,10 +1557,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",
@@ -1581,10 +1581,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",
@@ -1605,10 +1605,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",
@@ -1629,10 +1629,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",
@@ -1653,10 +1653,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",
@@ -1677,10 +1677,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",
@@ -1701,10 +1701,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",
@@ -1725,10 +1725,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",
@@ -1749,10 +1749,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",
@@ -1773,10 +1773,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",
@@ -1797,10 +1797,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",
@@ -1821,10 +1821,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",
@@ -1845,10 +1845,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",
@@ -1869,10 +1869,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",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-styling",
-  "version": "2.0.0-alpha.4",
+  "version": "2.0.0-alpha.41",
   "description": "",
   "type": "module",
   "files": [