@proximus/lavender-styling 1.4.10-beta.3 → 1.4.11-alpha.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-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-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-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,6 +216,8 @@
   --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;
@@ -338,10 +340,10 @@
   --px-spacing-heading-to-content-tablet: 16px;
   --px-spacing-heading-to-content-laptop: 24px;
   --px-spacing-heading-to-content-desktop: 24px;
-  --px-none-mobile: 0px;
-  --px-none-tablet: 0px;
-  --px-none-laptop: 0px;
-  --px-none-desktop: 0px;
+  --px-spacing-none-mobile: 0px;
+  --px-spacing-none-tablet: 0px;
+  --px-spacing-none-laptop: 0px;
+  --px-spacing-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,6 +216,8 @@
   --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;
@@ -338,10 +340,10 @@
   --px-spacing-heading-to-content-tablet: 16px;
   --px-spacing-heading-to-content-laptop: 24px;
   --px-spacing-heading-to-content-desktop: 24px;
-  --px-none-mobile: 0px;
-  --px-none-tablet: 0px;
-  --px-none-laptop: 0px;
-  --px-none-desktop: 0px;
+  --px-spacing-none-mobile: 0px;
+  --px-spacing-none-tablet: 0px;
+  --px-spacing-none-laptop: 0px;
+  --px-spacing-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 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;
@@ -554,6 +554,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;
@@ -1286,25 +1298,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;

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 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 = "#5C2D91";
@@ -560,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,
@@ -1292,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,

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

@@ -546,6 +546,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;
@@ -1278,25 +1290,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;

package/dist/js/scarlet/themesTokens.js

@@ -552,6 +552,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,
@@ -1284,10 +1296,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: "4rem",
   number: 4,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@proximus/lavender-styling",
-  "version": "1.4.10-beta.3",
+  "version": "1.4.11-alpha.10",
   "description": "",
   "type": "module",
   "files": [
@@ -31,7 +31,8 @@
   },
   "scripts": {
     "lint": "npx tsc -p tsconfig.json",
-    "build": "npm run clean && npm run lint && node scripts/build-dictionary.js && mkdir -p dist/far/away && cp package.json dist/far/away",
+    "tokens": "node scripts/build-dictionary.js ",
+    "build": "npm run clean && npm run lint && npm run tokens && mkdir -p dist/far/away && cp package.json dist/far/away",
     "clean": "rm -rf dist"
   },
   "author": "",