@proximus/lavender-styling 2.0.0-alpha.21 → 2.0.0-alpha.211

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

@@ -18,204 +18,212 @@ export const ColorBackgroundDataRed: string;
 export const ColorBackgroundDataMagenta: string;
 export const ColorBackgroundDataBlue: string;
 export const ColorBackgroundDataTurquoise: string;
-export const ColorBackgroundGradientPurpleTopRed: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopMagenta: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopOrange: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopBlue: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopTurquoise: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopGreen: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleRightRed: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleRightMagenta: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleRightOrange: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleRightBlue: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleRightTurquoise: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleRightGreen: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopRightRed: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopRightMagenta: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopRightOrange: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopRightBlue: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopRightTurquoise: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleTopRightGreen: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleBottomRightRed: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleBottomRightMagenta: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleBottomRightOrange: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleBottomRightBlue: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleBottomRightTurquoise: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPurpleBottomRightGreen: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopRed: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopMagenta: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopOrange: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopBlue: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopTurquoise: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopGreen: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorRightRed: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorRightMagenta: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorRightOrange: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorRightBlue: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorRightTurquoise: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorRightGreen: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopRightRed: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopRightMagenta: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopRightOrange: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopRightBlue: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopRightTurquoise: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorTopRightGreen: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorBottomRightRed: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorBottomRightMagenta: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorBottomRightOrange: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorBottomRightBlue: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorBottomRightTurquoise: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientColorBottomRightGreen: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientPickx: {
-  color: string;
-  position: number;
-}[];
-export const ColorBackgroundGradientNxt: { color: string; position: number }[];
-export const ColorBackgroundGradientSme: { color: string; position: number }[];
+export const ColorBackgroundFooterSitemapDefault: string;
+export const ColorBackgroundFooterSitemapInverted: string;
+export const ColorBackgroundGradientPurpleTopRed: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopMagenta: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopOrange: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopBlue: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopTurquoise: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopGreen: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleRightRed: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleRightMagenta: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleRightOrange: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleRightBlue: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleRightTurquoise: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleRightGreen: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopRightRed: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopRightMagenta: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopRightOrange: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopRightBlue: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopRightTurquoise: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleTopRightGreen: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleBottomRightRed: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleBottomRightMagenta: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleBottomRightOrange: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleBottomRightBlue: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleBottomRightTurquoise: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPurpleBottomRightGreen: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopRed: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopMagenta: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopOrange: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopBlue: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopTurquoise: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopGreen: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorRightRed: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorRightMagenta: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorRightOrange: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorRightBlue: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorRightTurquoise: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorRightGreen: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopRightRed: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopRightMagenta: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopRightOrange: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopRightBlue: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopRightTurquoise: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorTopRightGreen: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorBottomRightRed: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorBottomRightMagenta: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorBottomRightOrange: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorBottomRightBlue: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorBottomRightTurquoise: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientColorBottomRightGreen: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientPickx: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientNxt: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
+export const ColorBackgroundGradientSme: [
+  { color: string; position: number },
+  { color: string; position: number },
+];
 export const ColorBackgroundNone: string;
 export const ColorBackgroundOverlayMain: string;
 export const ColorBackgroundPurposeSuccessDefault: string;
@@ -289,16 +297,16 @@ export const ColorIconNeutralDefault: string;
 export const ColorIconNeutralInverted: string;
 export const ColorIconDimmedDefault: string;
 export const ColorIconDimmedInverted: string;
-export const TextColorPurposeSuccessDefault: string;
-export const TextColorPurposeSuccessInverted: string;
-export const TextColorPurposeWarningDefault: string;
-export const TextColorPurposeWarningInverted: string;
-export const TextColorPurposeErrorDefault: string;
-export const TextColorPurposeErrorInverted: string;
-export const TextColorPurposeUnlimitedDefault: string;
-export const TextColorPurposeUnlimitedInverted: string;
-export const TextColorPurposePromoDefault: string;
-export const TextColorPurposePromoInverted: string;
+export const ColorIconPurposeSuccessDefault: string;
+export const ColorIconPurposeSuccessInverted: string;
+export const ColorIconPurposeWarningDefault: string;
+export const ColorIconPurposeWarningInverted: string;
+export const ColorIconPurposeErrorDefault: string;
+export const ColorIconPurposeErrorInverted: string;
+export const ColorIconPurposeUnlimitedDefault: string;
+export const ColorIconPurposeUnlimitedInverted: string;
+export const ColorIconPurposePromoDefault: string;
+export const ColorIconPurposePromoInverted: string;
 export const ColorIconStateHoverDefault: string;
 export const ColorIconStateHoverInverted: string;
 export const ColorIconStateActiveDefault: string;
@@ -552,6 +560,18 @@ export const SizeIconXl: {
   decimal: number;
   scale: number;
 };
+export const SizeM: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SizeL: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
 export const UtilitySizeS: {
   original: string;
   number: number;
@@ -1284,25 +1304,25 @@ export const SpacingHeadingToContentDesktop: {
   decimal: number;
   scale: number;
 };
-export const NoneMobile: {
+export const SpacingNoneMobile: {
   original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const NoneTablet: {
+export const SpacingNoneTablet: {
   original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const NoneLaptop: {
+export const SpacingNoneLaptop: {
   original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const NoneDesktop: {
+export const SpacingNoneDesktop: {
   original: number;
   number: number;
   decimal: number;
@@ -1452,6 +1472,126 @@ export const OverlappedDesktop: {
   decimal: number;
   scale: number;
 };
+export const SpacingTopPatchMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopPatchTablet: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopPatchLaptop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopPatchDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopNeighborPatchMobile: {
+  original: number;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopNeighborPatchTablet: {
+  original: number;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopNeighborPatchLaptop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopNeighborPatchDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopRibbonMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopRibbonTablet: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopRibbonLaptop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopRibbonDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopNeighborRibbonMobile: {
+  original: number;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopNeighborRibbonTablet: {
+  original: number;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopNeighborRibbonLaptop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopNeighborRibbonDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopPatchAndNeighborRibbonMobile: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopPatchAndNeighborRibbonTablet: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopPatchAndNeighborRibbonLaptop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
+export const SpacingTopPatchAndNeighborRibbonDesktop: {
+  original: string;
+  number: number;
+  decimal: number;
+  scale: number;
+};
 export const SpacingPageLayoutBetweenSectionsMobile: {
   original: string;
   number: number;
@@ -1476,6 +1616,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;