@proximus/lavender-styling 1.4.10-beta.2 → 1.4.11-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -133,16 +133,16 @@
|
|
|
133
133
|
--px-color-icon-neutral-inverted: #ffffff;
|
|
134
134
|
--px-color-icon-dimmed-default: rgba(0, 0, 0, 0.56);
|
|
135
135
|
--px-color-icon-dimmed-inverted: rgba(255, 255, 255, 0.64);
|
|
136
|
-
--px-
|
|
137
|
-
--px-
|
|
138
|
-
--px-
|
|
139
|
-
--px-
|
|
140
|
-
--px-
|
|
141
|
-
--px-
|
|
142
|
-
--px-
|
|
143
|
-
--px-
|
|
144
|
-
--px-
|
|
145
|
-
--px-
|
|
136
|
+
--px-color-icon-purpose-success-default: #008000;
|
|
137
|
+
--px-color-icon-purpose-success-inverted: #26BB26;
|
|
138
|
+
--px-color-icon-purpose-warning-default: #AC5915;
|
|
139
|
+
--px-color-icon-purpose-warning-inverted: #DB992F;
|
|
140
|
+
--px-color-icon-purpose-error-default: #B30000;
|
|
141
|
+
--px-color-icon-purpose-error-inverted: #F22613;
|
|
142
|
+
--px-color-icon-purpose-unlimited-default: #016BC1;
|
|
143
|
+
--px-color-icon-purpose-unlimited-inverted: #0088F5;
|
|
144
|
+
--px-color-icon-purpose-promo-default: #C7264D;
|
|
145
|
+
--px-color-icon-purpose-promo-inverted: #FF4371;
|
|
146
146
|
--px-color-icon-state-hover-default: #7d57a7;
|
|
147
147
|
--px-color-icon-state-hover-inverted: rgba(255, 255, 255, 0.80);
|
|
148
148
|
--px-color-icon-state-active-default: #5C2D91;
|
|
@@ -216,6 +216,8 @@
|
|
|
216
216
|
--px-size-icon-m: 1.5rem;
|
|
217
217
|
--px-size-icon-l: 2rem;
|
|
218
218
|
--px-size-icon-xl: 3rem;
|
|
219
|
+
--px-size-m: 1.5rem;
|
|
220
|
+
--px-size-l: 2.75rem;
|
|
219
221
|
--px-utility-size-s: 0.125rem;
|
|
220
222
|
--px-utility-size-m: 0.5rem;
|
|
221
223
|
--px-focus-l-mobile: 18px;
|
|
@@ -338,10 +340,10 @@
|
|
|
338
340
|
--px-spacing-heading-to-content-tablet: 16px;
|
|
339
341
|
--px-spacing-heading-to-content-laptop: 24px;
|
|
340
342
|
--px-spacing-heading-to-content-desktop: 24px;
|
|
341
|
-
--px-none-mobile: 0px;
|
|
342
|
-
--px-none-tablet: 0px;
|
|
343
|
-
--px-none-laptop: 0px;
|
|
344
|
-
--px-none-desktop: 0px;
|
|
343
|
+
--px-spacing-none-mobile: 0px;
|
|
344
|
+
--px-spacing-none-tablet: 0px;
|
|
345
|
+
--px-spacing-none-laptop: 0px;
|
|
346
|
+
--px-spacing-none-desktop: 0px;
|
|
345
347
|
--px-spacing-2xs-mobile: 2px;
|
|
346
348
|
--px-spacing-2xs-tablet: 2px;
|
|
347
349
|
--px-spacing-2xs-laptop: 2px;
|
|
@@ -291,16 +291,16 @@ export const ColorIconNeutralDefault: string;
|
|
|
291
291
|
export const ColorIconNeutralInverted: string;
|
|
292
292
|
export const ColorIconDimmedDefault: string;
|
|
293
293
|
export const ColorIconDimmedInverted: string;
|
|
294
|
-
export const
|
|
295
|
-
export const
|
|
296
|
-
export const
|
|
297
|
-
export const
|
|
298
|
-
export const
|
|
299
|
-
export const
|
|
300
|
-
export const
|
|
301
|
-
export const
|
|
302
|
-
export const
|
|
303
|
-
export const
|
|
294
|
+
export const ColorIconPurposeSuccessDefault: string;
|
|
295
|
+
export const ColorIconPurposeSuccessInverted: string;
|
|
296
|
+
export const ColorIconPurposeWarningDefault: string;
|
|
297
|
+
export const ColorIconPurposeWarningInverted: string;
|
|
298
|
+
export const ColorIconPurposeErrorDefault: string;
|
|
299
|
+
export const ColorIconPurposeErrorInverted: string;
|
|
300
|
+
export const ColorIconPurposeUnlimitedDefault: string;
|
|
301
|
+
export const ColorIconPurposeUnlimitedInverted: string;
|
|
302
|
+
export const ColorIconPurposePromoDefault: string;
|
|
303
|
+
export const ColorIconPurposePromoInverted: string;
|
|
304
304
|
export const ColorIconStateHoverDefault: string;
|
|
305
305
|
export const ColorIconStateHoverInverted: string;
|
|
306
306
|
export const ColorIconStateActiveDefault: string;
|
|
@@ -554,6 +554,18 @@ export const SizeIconXl: {
|
|
|
554
554
|
decimal: number;
|
|
555
555
|
scale: number;
|
|
556
556
|
};
|
|
557
|
+
export const SizeM: {
|
|
558
|
+
original: string;
|
|
559
|
+
number: number;
|
|
560
|
+
decimal: number;
|
|
561
|
+
scale: number;
|
|
562
|
+
};
|
|
563
|
+
export const SizeL: {
|
|
564
|
+
original: string;
|
|
565
|
+
number: number;
|
|
566
|
+
decimal: number;
|
|
567
|
+
scale: number;
|
|
568
|
+
};
|
|
557
569
|
export const UtilitySizeS: {
|
|
558
570
|
original: string;
|
|
559
571
|
number: number;
|
|
@@ -1286,25 +1298,25 @@ export const SpacingHeadingToContentDesktop: {
|
|
|
1286
1298
|
decimal: number;
|
|
1287
1299
|
scale: number;
|
|
1288
1300
|
};
|
|
1289
|
-
export const
|
|
1301
|
+
export const SpacingNoneMobile: {
|
|
1290
1302
|
original: number;
|
|
1291
1303
|
number: number;
|
|
1292
1304
|
decimal: number;
|
|
1293
1305
|
scale: number;
|
|
1294
1306
|
};
|
|
1295
|
-
export const
|
|
1307
|
+
export const SpacingNoneTablet: {
|
|
1296
1308
|
original: number;
|
|
1297
1309
|
number: number;
|
|
1298
1310
|
decimal: number;
|
|
1299
1311
|
scale: number;
|
|
1300
1312
|
};
|
|
1301
|
-
export const
|
|
1313
|
+
export const SpacingNoneLaptop: {
|
|
1302
1314
|
original: number;
|
|
1303
1315
|
number: number;
|
|
1304
1316
|
decimal: number;
|
|
1305
1317
|
scale: number;
|
|
1306
1318
|
};
|
|
1307
|
-
export const
|
|
1319
|
+
export const SpacingNoneDesktop: {
|
|
1308
1320
|
original: number;
|
|
1309
1321
|
number: number;
|
|
1310
1322
|
decimal: number;
|
|
@@ -302,16 +302,16 @@ export const ColorIconNeutralDefault = "#252525";
|
|
|
302
302
|
export const ColorIconNeutralInverted = "#ffffff";
|
|
303
303
|
export const ColorIconDimmedDefault = "rgba(0, 0, 0, 0.56)";
|
|
304
304
|
export const ColorIconDimmedInverted = "rgba(255, 255, 255, 0.64)";
|
|
305
|
-
export const
|
|
306
|
-
export const
|
|
307
|
-
export const
|
|
308
|
-
export const
|
|
309
|
-
export const
|
|
310
|
-
export const
|
|
311
|
-
export const
|
|
312
|
-
export const
|
|
313
|
-
export const
|
|
314
|
-
export const
|
|
305
|
+
export const ColorIconPurposeSuccessDefault = "#008000";
|
|
306
|
+
export const ColorIconPurposeSuccessInverted = "#26BB26";
|
|
307
|
+
export const ColorIconPurposeWarningDefault = "#AC5915";
|
|
308
|
+
export const ColorIconPurposeWarningInverted = "#DB992F";
|
|
309
|
+
export const ColorIconPurposeErrorDefault = "#B30000";
|
|
310
|
+
export const ColorIconPurposeErrorInverted = "#F22613";
|
|
311
|
+
export const ColorIconPurposeUnlimitedDefault = "#016BC1";
|
|
312
|
+
export const ColorIconPurposeUnlimitedInverted = "#0088F5";
|
|
313
|
+
export const ColorIconPurposePromoDefault = "#C7264D";
|
|
314
|
+
export const ColorIconPurposePromoInverted = "#FF4371";
|
|
315
315
|
export const ColorIconStateHoverDefault = "#7d57a7";
|
|
316
316
|
export const ColorIconStateHoverInverted = "rgba(255, 255, 255, 0.80)";
|
|
317
317
|
export const ColorIconStateActiveDefault = "#5C2D91";
|
|
@@ -560,6 +560,18 @@ export const SizeIconXl = {
|
|
|
560
560
|
decimal: 0.48,
|
|
561
561
|
scale: 768,
|
|
562
562
|
};
|
|
563
|
+
export const SizeM = {
|
|
564
|
+
original: "24rem",
|
|
565
|
+
number: 24,
|
|
566
|
+
decimal: 0.24,
|
|
567
|
+
scale: 384,
|
|
568
|
+
};
|
|
569
|
+
export const SizeL = {
|
|
570
|
+
original: "44rem",
|
|
571
|
+
number: 44,
|
|
572
|
+
decimal: 0.44,
|
|
573
|
+
scale: 704,
|
|
574
|
+
};
|
|
563
575
|
export const UtilitySizeS = {
|
|
564
576
|
original: "2rem",
|
|
565
577
|
number: 2,
|
|
@@ -1292,10 +1304,30 @@ export const SpacingHeadingToContentDesktop = {
|
|
|
1292
1304
|
decimal: 0.24,
|
|
1293
1305
|
scale: 384,
|
|
1294
1306
|
};
|
|
1295
|
-
export const
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1307
|
+
export const SpacingNoneMobile = {
|
|
1308
|
+
original: 0,
|
|
1309
|
+
number: 0,
|
|
1310
|
+
decimal: 0,
|
|
1311
|
+
scale: 0,
|
|
1312
|
+
};
|
|
1313
|
+
export const SpacingNoneTablet = {
|
|
1314
|
+
original: 0,
|
|
1315
|
+
number: 0,
|
|
1316
|
+
decimal: 0,
|
|
1317
|
+
scale: 0,
|
|
1318
|
+
};
|
|
1319
|
+
export const SpacingNoneLaptop = {
|
|
1320
|
+
original: 0,
|
|
1321
|
+
number: 0,
|
|
1322
|
+
decimal: 0,
|
|
1323
|
+
scale: 0,
|
|
1324
|
+
};
|
|
1325
|
+
export const SpacingNoneDesktop = {
|
|
1326
|
+
original: 0,
|
|
1327
|
+
number: 0,
|
|
1328
|
+
decimal: 0,
|
|
1329
|
+
scale: 0,
|
|
1330
|
+
};
|
|
1299
1331
|
export const Spacing2xsMobile = {
|
|
1300
1332
|
original: "2rem",
|
|
1301
1333
|
number: 2,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@proximus/lavender-styling",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.11-alpha.2",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -31,7 +31,8 @@
|
|
|
31
31
|
},
|
|
32
32
|
"scripts": {
|
|
33
33
|
"lint": "npx tsc -p tsconfig.json",
|
|
34
|
-
"
|
|
34
|
+
"tokens": "node scripts/build-dictionary.js ",
|
|
35
|
+
"build": "npm run clean && npm run lint && npm run tokens && mkdir -p dist/far/away && cp package.json dist/far/away",
|
|
35
36
|
"clean": "rm -rf dist"
|
|
36
37
|
},
|
|
37
38
|
"author": "",
|