@proximus/lavender-styling 1.4.10-beta.4 → 1.4.10

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

@@ -133,16 +133,16 @@
   --px-color-icon-neutral-inverted: #ffffff;
   --px-color-icon-dimmed-default: rgba(0, 0, 0, 0.56);
   --px-color-icon-dimmed-inverted: rgba(255, 255, 255, 0.64);
-  --px-color-icon-purpose-success-default: #008000;
-  --px-color-icon-purpose-success-inverted: #26BB26;
-  --px-color-icon-purpose-warning-default: #AC5915;
-  --px-color-icon-purpose-warning-inverted: #DB992F;
-  --px-color-icon-purpose-error-default: #B30000;
-  --px-color-icon-purpose-error-inverted: #F22613;
-  --px-color-icon-purpose-unlimited-default: #016BC1;
-  --px-color-icon-purpose-unlimited-inverted: #0088F5;
-  --px-color-icon-purpose-promo-default: #C7264D;
-  --px-color-icon-purpose-promo-inverted: #FF4371;
+  --px-text-color-purpose-success-default: #008000;
+  --px-text-color-purpose-success-inverted: #26BB26;
+  --px-text-color-purpose-warning-default: #AC5915;
+  --px-text-color-purpose-warning-inverted: #DB992F;
+  --px-text-color-purpose-error-default: #B30000;
+  --px-text-color-purpose-error-inverted: #F22613;
+  --px-text-color-purpose-unlimited-default: #016BC1;
+  --px-text-color-purpose-unlimited-inverted: #0088F5;
+  --px-text-color-purpose-promo-default: #C7264D;
+  --px-text-color-purpose-promo-inverted: #FF4371;
   --px-color-icon-state-hover-default: #7d57a7;
   --px-color-icon-state-hover-inverted: rgba(255, 255, 255, 0.80);
   --px-color-icon-state-active-default: #5C2D91;
@@ -216,8 +216,6 @@
   --px-size-icon-m: 1.5rem;
   --px-size-icon-l: 2rem;
   --px-size-icon-xl: 3rem;
-  --px-size-m: 1.5rem;
-  --px-size-l: 2.75rem;
   --px-utility-size-s: 0.125rem;
   --px-utility-size-m: 0.5rem;
   --px-focus-l-mobile: 18px;
@@ -340,10 +338,10 @@
   --px-spacing-heading-to-content-tablet: 16px;
   --px-spacing-heading-to-content-laptop: 24px;
   --px-spacing-heading-to-content-desktop: 24px;
-  --px-spacing-none-mobile: 0px;
-  --px-spacing-none-tablet: 0px;
-  --px-spacing-none-laptop: 0px;
-  --px-spacing-none-desktop: 0px;
+  --px-none-mobile: 0px;
+  --px-none-tablet: 0px;
+  --px-none-laptop: 0px;
+  --px-none-desktop: 0px;
   --px-spacing-2xs-mobile: 2px;
   --px-spacing-2xs-tablet: 2px;
   --px-spacing-2xs-laptop: 2px;

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

@@ -216,8 +216,6 @@
   --px-size-icon-m: 1.5rem;
   --px-size-icon-l: 2rem;
   --px-size-icon-xl: 3rem;
-  --px-size-m: 1.5rem;
-  --px-size-l: 2.75rem;
   --px-utility-size-s: 0.125rem;
   --px-utility-size-m: 0.5rem;
   --px-focus-l-mobile: 18px;
@@ -340,10 +338,10 @@
   --px-spacing-heading-to-content-tablet: 16px;
   --px-spacing-heading-to-content-laptop: 24px;
   --px-spacing-heading-to-content-desktop: 24px;
-  --px-spacing-none-mobile: 0px;
-  --px-spacing-none-tablet: 0px;
-  --px-spacing-none-laptop: 0px;
-  --px-spacing-none-desktop: 0px;
+  --px-none-mobile: 0px;
+  --px-none-tablet: 0px;
+  --px-none-laptop: 0px;
+  --px-none-desktop: 0px;
   --px-spacing-2xs-mobile: 4px;
   --px-spacing-2xs-tablet: 4px;
   --px-spacing-2xs-laptop: 4px;

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

@@ -291,16 +291,16 @@ export const ColorIconNeutralDefault: string;
 export const ColorIconNeutralInverted: string;
 export const ColorIconDimmedDefault: string;
 export const ColorIconDimmedInverted: 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 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 ColorIconStateHoverDefault: string;
 export const ColorIconStateHoverInverted: string;
 export const ColorIconStateActiveDefault: string;
@@ -554,18 +554,6 @@ 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;
@@ -1298,25 +1286,25 @@ export const SpacingHeadingToContentDesktop: {
   decimal: number;
   scale: number;
 };
-export const SpacingNoneMobile: {
+export const NoneMobile: {
   original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneTablet: {
+export const NoneTablet: {
   original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneLaptop: {
+export const NoneLaptop: {
   original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneDesktop: {
+export const NoneDesktop: {
   original: number;
   number: number;
   decimal: number;

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

@@ -302,16 +302,16 @@ 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 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 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 ColorIconStateHoverDefault = "#7d57a7";
 export const ColorIconStateHoverInverted = "rgba(255, 255, 255, 0.80)";
 export const ColorIconStateActiveDefault = "#5C2D91";
@@ -560,18 +560,6 @@ 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,
@@ -1304,30 +1292,10 @@ export const SpacingHeadingToContentDesktop = {
   decimal: 0.24,
   scale: 384,
 };
-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 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 Spacing2xsMobile = {
   original: "2rem",
   number: 2,

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

@@ -546,18 +546,6 @@ 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;
@@ -1290,25 +1278,25 @@ export const SpacingHeadingToContentDesktop: {
   decimal: number;
   scale: number;
 };
-export const SpacingNoneMobile: {
+export const NoneMobile: {
   original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneTablet: {
+export const NoneTablet: {
   original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneLaptop: {
+export const NoneLaptop: {
   original: number;
   number: number;
   decimal: number;
   scale: number;
 };
-export const SpacingNoneDesktop: {
+export const NoneDesktop: {
   original: number;
   number: number;
   decimal: number;

package/dist/js/scarlet/themesTokens.js

@@ -552,18 +552,6 @@ 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,
@@ -1296,30 +1284,10 @@ export const SpacingHeadingToContentDesktop = {
   decimal: 0.24,
   scale: 384,
 };
-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 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 Spacing2xsMobile = {
   original: "4rem",
   number: 4,

package/package.json

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