@proximus/lavender-styling 2.0.0-alpha.69 → 2.0.0-alpha.73

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

@@ -332,22 +332,6 @@
   --px-price-size-unit-l-tablet: 1.5rem;
   --px-price-size-unit-l-laptop: 2rem;
   --px-price-size-unit-l-desktop: 2rem;
-  --px-spacing-has-patch-mobile: 14px;
-  --px-spacing-has-patch-tablet: 14px;
-  --px-spacing-has-patch-laptop: 14px;
-  --px-spacing-has-patch-desktop: 14px;
-  --px-spacing-neighbor-has-patch-mobile: 0px;
-  --px-spacing-neighbor-has-patch-tablet: 0px;
-  --px-spacing-neighbor-has-patch-laptop: 14px;
-  --px-spacing-neighbor-has-patch-desktop: 14px;
-  --px-spacing-has-ribbon-mobile: 40px;
-  --px-spacing-has-ribbon-tablet: 40px;
-  --px-spacing-has-ribbon-laptop: 40px;
-  --px-spacing-has-ribbon-desktop: 40px;
-  --px-spacing-neighbor-has-ribbon-mobile: 0px;
-  --px-spacing-neighbor-has-ribbon-tablet: 0px;
-  --px-spacing-neighbor-has-ribbon-laptop: 40px;
-  --px-spacing-neighbor-has-ribbon-desktop: 40px;
   --px-spacing-heading-to-subtitle-mobile: 8px;
   --px-spacing-heading-to-subtitle-tablet: 8px;
   --px-spacing-heading-to-subtitle-laptop: 16px;
@@ -384,6 +368,26 @@
   --px-overlapped-tablet: -24px;
   --px-overlapped-laptop: -40px;
   --px-overlapped-desktop: -40px;
+  --px-spacing-top-patch-mobile: 14px;
+  --px-spacing-top-patch-tablet: 14px;
+  --px-spacing-top-patch-laptop: 14px;
+  --px-spacing-top-patch-desktop: 14px;
+  --px-spacing-top-neighbor-patch-mobile: 0px;
+  --px-spacing-top-neighbor-patch-tablet: 0px;
+  --px-spacing-top-neighbor-patch-laptop: 14px;
+  --px-spacing-top-neighbor-patch-desktop: 14px;
+  --px-spacing-top-ribbon-mobile: 40px;
+  --px-spacing-top-ribbon-tablet: 40px;
+  --px-spacing-top-ribbon-laptop: 40px;
+  --px-spacing-top-ribbon-desktop: 40px;
+  --px-spacing-top-neighbor-ribbon-mobile: 0px;
+  --px-spacing-top-neighbor-ribbon-tablet: 0px;
+  --px-spacing-top-neighbor-ribbon-laptop: 40px;
+  --px-spacing-top-neighbor-ribbon-desktop: 40px;
+  --px-spacing-top-patch-and-neighbor-ribbon-mobile: 14px;
+  --px-spacing-top-patch-and-neighbor-ribbon-tablet: 14px;
+  --px-spacing-top-patch-and-neighbor-ribbon-laptop: 40px;
+  --px-spacing-top-patch-and-neighbor-ribbon-desktop: 40px;
   --px-spacing-page-layout-between-sections-mobile: 40px;
   --px-spacing-page-layout-between-sections-tablet: 40px;
   --px-spacing-page-layout-between-sections-laptop: 80px;

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

@@ -330,22 +330,6 @@
   --px-price-size-unit-l-tablet: 1.5rem;
   --px-price-size-unit-l-laptop: 2rem;
   --px-price-size-unit-l-desktop: 2rem;
-  --px-spacing-has-patch-mobile: 14px;
-  --px-spacing-has-patch-tablet: 14px;
-  --px-spacing-has-patch-laptop: 14px;
-  --px-spacing-has-patch-desktop: 14px;
-  --px-spacing-neighbor-has-patch-mobile: 0px;
-  --px-spacing-neighbor-has-patch-tablet: 0px;
-  --px-spacing-neighbor-has-patch-laptop: 14px;
-  --px-spacing-neighbor-has-patch-desktop: 14px;
-  --px-spacing-has-ribbon-mobile: 40px;
-  --px-spacing-has-ribbon-tablet: 40px;
-  --px-spacing-has-ribbon-laptop: 40px;
-  --px-spacing-has-ribbon-desktop: 40px;
-  --px-spacing-neighbor-has-ribbon-mobile: 0px;
-  --px-spacing-neighbor-has-ribbon-tablet: 0px;
-  --px-spacing-neighbor-has-ribbon-laptop: 40px;
-  --px-spacing-neighbor-has-ribbon-desktop: 40px;
   --px-spacing-heading-to-subtitle-mobile: 8px;
   --px-spacing-heading-to-subtitle-tablet: 8px;
   --px-spacing-heading-to-subtitle-laptop: 16px;
@@ -382,6 +366,26 @@
   --px-overlapped-tablet: -24px;
   --px-overlapped-laptop: -40px;
   --px-overlapped-desktop: -40px;
+  --px-spacing-top-patch-mobile: 14px;
+  --px-spacing-top-patch-tablet: 14px;
+  --px-spacing-top-patch-laptop: 14px;
+  --px-spacing-top-patch-desktop: 14px;
+  --px-spacing-top-neighbor-patch-mobile: 0px;
+  --px-spacing-top-neighbor-patch-tablet: 0px;
+  --px-spacing-top-neighbor-patch-laptop: 14px;
+  --px-spacing-top-neighbor-patch-desktop: 14px;
+  --px-spacing-top-ribbon-mobile: 40px;
+  --px-spacing-top-ribbon-tablet: 40px;
+  --px-spacing-top-ribbon-laptop: 40px;
+  --px-spacing-top-ribbon-desktop: 40px;
+  --px-spacing-top-neighbor-ribbon-mobile: 0px;
+  --px-spacing-top-neighbor-ribbon-tablet: 0px;
+  --px-spacing-top-neighbor-ribbon-laptop: 40px;
+  --px-spacing-top-neighbor-ribbon-desktop: 40px;
+  --px-spacing-top-patch-and-neighbor-ribbon-mobile: 14px;
+  --px-spacing-top-patch-and-neighbor-ribbon-tablet: 14px;
+  --px-spacing-top-patch-and-neighbor-ribbon-laptop: 40px;
+  --px-spacing-top-patch-and-neighbor-ribbon-desktop: 40px;
   --px-spacing-page-layout-between-sections-mobile: 40px;
   --px-spacing-page-layout-between-sections-tablet: 40px;
   --px-spacing-page-layout-between-sections-laptop: 80px;

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

@@ -330,22 +330,6 @@
   --px-price-size-unit-l-tablet: 1.5rem;
   --px-price-size-unit-l-laptop: 2rem;
   --px-price-size-unit-l-desktop: 2rem;
-  --px-spacing-has-patch-mobile: 14px;
-  --px-spacing-has-patch-tablet: 14px;
-  --px-spacing-has-patch-laptop: 14px;
-  --px-spacing-has-patch-desktop: 14px;
-  --px-spacing-neighbor-has-patch-mobile: 0px;
-  --px-spacing-neighbor-has-patch-tablet: 0px;
-  --px-spacing-neighbor-has-patch-laptop: 14px;
-  --px-spacing-neighbor-has-patch-desktop: 14px;
-  --px-spacing-has-ribbon-mobile: 40px;
-  --px-spacing-has-ribbon-tablet: 40px;
-  --px-spacing-has-ribbon-laptop: 40px;
-  --px-spacing-has-ribbon-desktop: 40px;
-  --px-spacing-neighbor-has-ribbon-mobile: 0px;
-  --px-spacing-neighbor-has-ribbon-tablet: 0px;
-  --px-spacing-neighbor-has-ribbon-laptop: 40px;
-  --px-spacing-neighbor-has-ribbon-desktop: 40px;
   --px-spacing-heading-to-subtitle-mobile: 8px;
   --px-spacing-heading-to-subtitle-tablet: 8px;
   --px-spacing-heading-to-subtitle-laptop: 16px;
@@ -382,6 +366,26 @@
   --px-overlapped-tablet: -24px;
   --px-overlapped-laptop: -40px;
   --px-overlapped-desktop: -40px;
+  --px-spacing-top-patch-mobile: 14px;
+  --px-spacing-top-patch-tablet: 14px;
+  --px-spacing-top-patch-laptop: 14px;
+  --px-spacing-top-patch-desktop: 14px;
+  --px-spacing-top-neighbor-patch-mobile: 0px;
+  --px-spacing-top-neighbor-patch-tablet: 0px;
+  --px-spacing-top-neighbor-patch-laptop: 14px;
+  --px-spacing-top-neighbor-patch-desktop: 14px;
+  --px-spacing-top-ribbon-mobile: 40px;
+  --px-spacing-top-ribbon-tablet: 40px;
+  --px-spacing-top-ribbon-laptop: 40px;
+  --px-spacing-top-ribbon-desktop: 40px;
+  --px-spacing-top-neighbor-ribbon-mobile: 0px;
+  --px-spacing-top-neighbor-ribbon-tablet: 0px;
+  --px-spacing-top-neighbor-ribbon-laptop: 40px;
+  --px-spacing-top-neighbor-ribbon-desktop: 40px;
+  --px-spacing-top-patch-and-neighbor-ribbon-mobile: 14px;
+  --px-spacing-top-patch-and-neighbor-ribbon-tablet: 14px;
+  --px-spacing-top-patch-and-neighbor-ribbon-laptop: 40px;
+  --px-spacing-top-patch-and-neighbor-ribbon-desktop: 40px;
   --px-spacing-page-layout-between-sections-mobile: 40px;
   --px-spacing-page-layout-between-sections-tablet: 40px;
   --px-spacing-page-layout-between-sections-laptop: 80px;

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

@@ -1242,313 +1242,337 @@ export const PriceSizeUnitLDesktop: {
   decimal: number;
   scale: number;
 };
-export const SpacingHasPatchMobile: {
+export const SpacingHeadingToSubtitleMobile: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHasPatchTablet: {
+export const SpacingHeadingToSubtitleTablet: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHasPatchLaptop: {
+export const SpacingHeadingToSubtitleLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHasPatchDesktop: {
+export const SpacingHeadingToSubtitleDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNeighborHasPatchMobile: {
-  original: number;
+export const SpacingHeadingToContentMobile: {
+  original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNeighborHasPatchTablet: {
-  original: number;
+export const SpacingHeadingToContentTablet: {
+  original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNeighborHasPatchLaptop: {
+export const SpacingHeadingToContentLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNeighborHasPatchDesktop: {
+export const SpacingHeadingToContentDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHasRibbonMobile: {
-  original: string;
+export const SpacingNoneMobile: {
+  original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHasRibbonTablet: {
-  original: string;
+export const SpacingNoneTablet: {
+  original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHasRibbonLaptop: {
-  original: string;
+export const SpacingNoneLaptop: {
+  original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHasRibbonDesktop: {
-  original: string;
+export const SpacingNoneDesktop: {
+  original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNeighborHasRibbonMobile: {
-  original: number;
+export const Spacing2xsMobile: {
+  original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNeighborHasRibbonTablet: {
-  original: number;
+export const Spacing2xsTablet: {
+  original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNeighborHasRibbonLaptop: {
+export const Spacing2xsLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNeighborHasRibbonDesktop: {
+export const Spacing2xsDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHeadingToSubtitleMobile: {
+export const SpacingXsMobile: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHeadingToSubtitleTablet: {
+export const SpacingXsTablet: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHeadingToSubtitleLaptop: {
+export const SpacingXsLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHeadingToSubtitleDesktop: {
+export const SpacingXsDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHeadingToContentMobile: {
+export const SpacingSMobile: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHeadingToContentTablet: {
+export const SpacingSTablet: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHeadingToContentLaptop: {
+export const SpacingSLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingHeadingToContentDesktop: {
+export const SpacingSDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneMobile: {
-  original: number;
+export const SpacingDefaultMobile: {
+  original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneTablet: {
-  original: number;
+export const SpacingDefaultTablet: {
+  original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneLaptop: {
-  original: number;
+export const SpacingDefaultLaptop: {
+  original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneDesktop: {
-  original: number;
+export const SpacingDefaultDesktop: {
+  original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const Spacing2xsMobile: {
+export const SpacingLMobile: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const Spacing2xsTablet: {
+export const SpacingLTablet: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const Spacing2xsLaptop: {
+export const SpacingLLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const Spacing2xsDesktop: {
+export const SpacingLDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingXsMobile: {
+export const OverlappedMobile: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingXsTablet: {
+export const OverlappedTablet: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingXsLaptop: {
+export const OverlappedLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingXsDesktop: {
+export const OverlappedDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingSMobile: {
+export const SpacingTopPatchMobile: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingSTablet: {
+export const SpacingTopPatchTablet: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingSLaptop: {
+export const SpacingTopPatchLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingSDesktop: {
+export const SpacingTopPatchDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingDefaultMobile: {
+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 SpacingDefaultTablet: {
+export const SpacingTopNeighborPatchDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingDefaultLaptop: {
+export const SpacingTopRibbonMobile: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingDefaultDesktop: {
+export const SpacingTopRibbonTablet: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingLMobile: {
+export const SpacingTopRibbonLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingLTablet: {
+export const SpacingTopRibbonDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingLLaptop: {
+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 SpacingLDesktop: {
+export const SpacingTopNeighborRibbonDesktop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const OverlappedMobile: {
+export const SpacingTopPatchAndNeighborRibbonMobile: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const OverlappedTablet: {
+export const SpacingTopPatchAndNeighborRibbonTablet: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const OverlappedLaptop: {
+export const SpacingTopPatchAndNeighborRibbonLaptop: {
   original: string;
   number: number;
   decimal: number;
   scale: number;
 };
-export const OverlappedDesktop: {
+export const SpacingTopPatchAndNeighborRibbonDesktop: {
   original: string;
   number: number;
   decimal: number;