@proximus/lavender-styling 1.1.1 → 1.1.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.
Files changed (10) hide show
  1. package/dist/css/proximus/themes-tokens.css +2 -0
  2. package/dist/css/proximus-ebu/themes-tokens.css +2 -0
  3. package/dist/css/scarlet/themes-tokens.css +11 -9
  4. package/dist/js/proximus/themesTokens.d.ts +2 -0
  5. package/dist/js/proximus/themesTokens.js +2 -0
  6. package/dist/js/proximus-ebu/themesTokens.d.ts +2 -0
  7. package/dist/js/proximus-ebu/themesTokens.js +2 -0
  8. package/dist/js/scarlet/themesTokens.d.ts +2 -0
  9. package/dist/js/scarlet/themesTokens.js +11 -9
  10. package/package.json +1 -1
package/dist/css/proximus/themes-tokens.css CHANGED
@@ -125,6 +125,8 @@
125
125
  --px-color-border-state-active-inverted: rgba(255, 255, 255, 0.80);
126
126
  --px-color-icon-brand-default: #5C2D91;
127
127
  --px-color-icon-brand-inverted: #ffffff;
128
+ --px-color-icon-accent-default: #5C2D91;
129
+ --px-color-icon-accent-inverted: #ffffff;
128
130
  --px-color-icon-neutral-default: #252525;
129
131
  --px-color-icon-neutral-inverted: #ffffff;
130
132
  --px-color-icon-dimmed-default: rgba(0, 0, 0, 0.56);
package/dist/css/proximus-ebu/themes-tokens.css CHANGED
@@ -125,6 +125,8 @@
125
125
  --px-color-border-state-active-inverted: rgba(255, 255, 255, 0.80);
126
126
  --px-color-icon-brand-default: #5C2D91;
127
127
  --px-color-icon-brand-inverted: #ffffff;
128
+ --px-color-icon-accent-default: #5C2D91;
129
+ --px-color-icon-accent-inverted: #ffffff;
128
130
  --px-color-icon-neutral-default: #252525;
129
131
  --px-color-icon-neutral-inverted: #ffffff;
130
132
  --px-color-icon-dimmed-default: rgba(0, 0, 0, 0.56);
package/dist/css/scarlet/themes-tokens.css CHANGED
@@ -88,7 +88,7 @@
88
88
  --px-color-background-state-hover-inverted: rgba(255, 255, 255, 0.16);
89
89
  --px-color-background-state-hover-bordered-default: #ffffff;
90
90
  --px-color-background-state-hover-bordered-inverted: #464646;
91
- --px-color-background-state-active-default: rgba(230, 31, 19, 0.80);
91
+ --px-color-background-state-active-default: #464646;
92
92
  --px-color-background-state-active-inverted: rgba(255, 255, 255, 0.80);
93
93
  --px-color-background-state-disabled-default: rgba(0, 0, 0, 0.04);
94
94
  --px-color-background-state-disabled-inverted: rgba(255, 255, 255, 0.08);
@@ -105,7 +105,7 @@
105
105
  --px-color-border-focus-offset-inverted: #252525;
106
106
  --px-color-border-main-default: rgba(0, 0, 0, 0.12);
107
107
  --px-color-border-main-inverted: rgba(255, 255, 255, 0.12);
108
- --px-color-border-brand-default: #E61F13;
108
+ --px-color-border-brand-default: #c6c6c6;
109
109
  --px-color-border-brand-inverted: #ffffff;
110
110
  --px-color-border-none-default: rgba(255, 255, 255, 0.00);
111
111
  --px-color-border-none-inverted: rgba(0, 0, 0, 0.00);
@@ -121,10 +121,12 @@
121
121
  --px-color-border-purpose-unlimited-inverted: #0088F5;
122
122
  --px-color-border-state-hover-default: #E61F13;
123
123
  --px-color-border-state-hover-inverted: #ffffff;
124
- --px-color-border-state-active-default: rgba(230, 31, 19, 0.80);
124
+ --px-color-border-state-active-default: #464646;
125
125
  --px-color-border-state-active-inverted: rgba(255, 255, 255, 0.80);
126
- --px-color-icon-brand-default: #E61F13;
126
+ --px-color-icon-brand-default: #464646;
127
127
  --px-color-icon-brand-inverted: #ffffff;
128
+ --px-color-icon-accent-default: #E61F13;
129
+ --px-color-icon-accent-inverted: #ffffff;
128
130
  --px-color-icon-neutral-default: #252525;
129
131
  --px-color-icon-neutral-inverted: #ffffff;
130
132
  --px-color-icon-dimmed-default: rgba(0, 0, 0, 0.56);
@@ -139,13 +141,13 @@
139
141
  --px-color-icon-purpose-unlimited-inverted: #0088F5;
140
142
  --px-color-icon-purpose-promo-default: #464646;
141
143
  --px-color-icon-purpose-promo-inverted: #DE2A56;
142
- --px-color-icon-state-hover-default: rgba(230, 31, 19, 0.80);
144
+ --px-color-icon-state-hover-default: #E61F13;
143
145
  --px-color-icon-state-hover-inverted: rgba(255, 255, 255, 0.80);
144
- --px-color-icon-state-active-default: rgba(230, 31, 19, 0.80);
146
+ --px-color-icon-state-active-default: #E61F13;
145
147
  --px-color-icon-state-active-inverted: rgba(255, 255, 255, 0.80);
146
148
  --px-color-icon-state-disabled-default: rgba(0, 0, 0, 0.12);
147
149
  --px-color-icon-state-disabled-inverted: rgba(255, 255, 255, 0.16);
148
- --px-color-text-brand-default: #E61F13;
150
+ --px-color-text-brand-default: #464646;
149
151
  --px-color-text-brand-inverted: #ffffff;
150
152
  --px-color-text-neutral-default: #464646;
151
153
  --px-color-text-neutral-inverted: #ffffff;
@@ -161,9 +163,9 @@
161
163
  --px-color-text-purpose-unlimited-inverted: #0088F5;
162
164
  --px-color-text-purpose-promo-default: #E61F13;
163
165
  --px-color-text-purpose-promo-inverted: #E61F13;
164
- --px-color-text-state-hover-default: rgba(230, 31, 19, 0.80);
166
+ --px-color-text-state-hover-default: #E61F13;
165
167
  --px-color-text-state-hover-inverted: rgba(255, 255, 255, 0.80);
166
- --px-color-text-state-active-default: rgba(230, 31, 19, 0.80);
168
+ --px-color-text-state-active-default: #E61F13;
167
169
  --px-color-text-state-active-inverted: rgba(255, 255, 255, 0.80);
168
170
  --px-color-text-state-disabled-default: rgba(0, 0, 0, 0.12);
169
171
  --px-color-text-state-disabled-inverted: rgba(255, 255, 255, 0.16);
package/dist/js/proximus/themesTokens.d.ts CHANGED
@@ -275,6 +275,8 @@ export const ColorBorderStateActiveDefault: string;
275
275
  export const ColorBorderStateActiveInverted: string;
276
276
  export const ColorIconBrandDefault: string;
277
277
  export const ColorIconBrandInverted: string;
278
+ export const ColorIconAccentDefault: string;
279
+ export const ColorIconAccentInverted: string;
278
280
  export const ColorIconNeutralDefault: string;
279
281
  export const ColorIconNeutralInverted: string;
280
282
  export const ColorIconDimmedDefault: string;
package/dist/js/proximus/themesTokens.js CHANGED
@@ -287,6 +287,8 @@ export const ColorBorderStateActiveDefault = "#7d57a7";
287
287
  export const ColorBorderStateActiveInverted = "rgba(255, 255, 255, 0.80)";
288
288
  export const ColorIconBrandDefault = "#5C2D91";
289
289
  export const ColorIconBrandInverted = "#ffffff";
290
+ export const ColorIconAccentDefault = "#5C2D91";
291
+ export const ColorIconAccentInverted = "#ffffff";
290
292
  export const ColorIconNeutralDefault = "#252525";
291
293
  export const ColorIconNeutralInverted = "#ffffff";
292
294
  export const ColorIconDimmedDefault = "rgba(0, 0, 0, 0.56)";
package/dist/js/proximus-ebu/themesTokens.d.ts CHANGED
@@ -283,6 +283,8 @@ export const ColorBorderStateActiveDefault: string;
283
283
  export const ColorBorderStateActiveInverted: string;
284
284
  export const ColorIconBrandDefault: string;
285
285
  export const ColorIconBrandInverted: string;
286
+ export const ColorIconAccentDefault: string;
287
+ export const ColorIconAccentInverted: string;
286
288
  export const ColorIconNeutralDefault: string;
287
289
  export const ColorIconNeutralInverted: string;
288
290
  export const ColorIconDimmedDefault: string;
package/dist/js/proximus-ebu/themesTokens.js CHANGED
@@ -294,6 +294,8 @@ export const ColorBorderStateActiveDefault = "#7d57a7";
294
294
  export const ColorBorderStateActiveInverted = "rgba(255, 255, 255, 0.80)";
295
295
  export const ColorIconBrandDefault = "#5C2D91";
296
296
  export const ColorIconBrandInverted = "#ffffff";
297
+ export const ColorIconAccentDefault = "#5C2D91";
298
+ export const ColorIconAccentInverted = "#ffffff";
297
299
  export const ColorIconNeutralDefault = "#252525";
298
300
  export const ColorIconNeutralInverted = "#ffffff";
299
301
  export const ColorIconDimmedDefault = "rgba(0, 0, 0, 0.56)";
package/dist/js/scarlet/themesTokens.d.ts CHANGED
@@ -275,6 +275,8 @@ export const ColorBorderStateActiveDefault: string;
275
275
  export const ColorBorderStateActiveInverted: string;
276
276
  export const ColorIconBrandDefault: string;
277
277
  export const ColorIconBrandInverted: string;
278
+ export const ColorIconAccentDefault: string;
279
+ export const ColorIconAccentInverted: string;
278
280
  export const ColorIconNeutralDefault: string;
279
281
  export const ColorIconNeutralInverted: string;
280
282
  export const ColorIconDimmedDefault: string;
package/dist/js/scarlet/themesTokens.js CHANGED
@@ -249,7 +249,7 @@ export const ColorBackgroundStateHoverDefault = "rgba(0, 0, 0, 0.12)";
249
249
  export const ColorBackgroundStateHoverInverted = "rgba(255, 255, 255, 0.16)";
250
250
  export const ColorBackgroundStateHoverBorderedDefault = "#ffffff";
251
251
  export const ColorBackgroundStateHoverBorderedInverted = "#464646";
252
- export const ColorBackgroundStateActiveDefault = "rgba(230, 31, 19, 0.80)";
252
+ export const ColorBackgroundStateActiveDefault = "#464646";
253
253
  export const ColorBackgroundStateActiveInverted = "rgba(255, 255, 255, 0.80)";
254
254
  export const ColorBackgroundStateDisabledDefault = "rgba(0, 0, 0, 0.04)";
255
255
  export const ColorBackgroundStateDisabledInverted = "rgba(255, 255, 255, 0.08)";
@@ -266,7 +266,7 @@ export const ColorBorderFocusOffsetDefault = "#ffffff";
266
266
  export const ColorBorderFocusOffsetInverted = "#252525";
267
267
  export const ColorBorderMainDefault = "rgba(0, 0, 0, 0.12)";
268
268
  export const ColorBorderMainInverted = "rgba(255, 255, 255, 0.12)";
269
- export const ColorBorderBrandDefault = "#E61F13";
269
+ export const ColorBorderBrandDefault = "#c6c6c6";
270
270
  export const ColorBorderBrandInverted = "#ffffff";
271
271
  export const ColorBorderNoneDefault = "rgba(255, 255, 255, 0.00)";
272
272
  export const ColorBorderNoneInverted = "rgba(0, 0, 0, 0.00)";
@@ -282,10 +282,12 @@ export const ColorBorderPurposeUnlimitedDefault = "#016BC1";
282
282
  export const ColorBorderPurposeUnlimitedInverted = "#0088F5";
283
283
  export const ColorBorderStateHoverDefault = "#E61F13";
284
284
  export const ColorBorderStateHoverInverted = "#ffffff";
285
- export const ColorBorderStateActiveDefault = "rgba(230, 31, 19, 0.80)";
285
+ export const ColorBorderStateActiveDefault = "#464646";
286
286
  export const ColorBorderStateActiveInverted = "rgba(255, 255, 255, 0.80)";
287
- export const ColorIconBrandDefault = "#E61F13";
287
+ export const ColorIconBrandDefault = "#464646";
288
288
  export const ColorIconBrandInverted = "#ffffff";
289
+ export const ColorIconAccentDefault = "#E61F13";
290
+ export const ColorIconAccentInverted = "#ffffff";
289
291
  export const ColorIconNeutralDefault = "#252525";
290
292
  export const ColorIconNeutralInverted = "#ffffff";
291
293
  export const ColorIconDimmedDefault = "rgba(0, 0, 0, 0.56)";
@@ -300,13 +302,13 @@ export const ColorIconPurposeUnlimitedDefault = "#016BC1";
300
302
  export const ColorIconPurposeUnlimitedInverted = "#0088F5";
301
303
  export const ColorIconPurposePromoDefault = "#464646";
302
304
  export const ColorIconPurposePromoInverted = "#DE2A56";
303
- export const ColorIconStateHoverDefault = "rgba(230, 31, 19, 0.80)";
305
+ export const ColorIconStateHoverDefault = "#E61F13";
304
306
  export const ColorIconStateHoverInverted = "rgba(255, 255, 255, 0.80)";
305
- export const ColorIconStateActiveDefault = "rgba(230, 31, 19, 0.80)";
307
+ export const ColorIconStateActiveDefault = "#E61F13";
306
308
  export const ColorIconStateActiveInverted = "rgba(255, 255, 255, 0.80)";
307
309
  export const ColorIconStateDisabledDefault = "rgba(0, 0, 0, 0.12)";
308
310
  export const ColorIconStateDisabledInverted = "rgba(255, 255, 255, 0.16)";
309
- export const ColorTextBrandDefault = "#E61F13";
311
+ export const ColorTextBrandDefault = "#464646";
310
312
  export const ColorTextBrandInverted = "#ffffff";
311
313
  export const ColorTextNeutralDefault = "#464646";
312
314
  export const ColorTextNeutralInverted = "#ffffff";
@@ -322,9 +324,9 @@ export const ColorTextPurposeUnlimitedDefault = "#016BC1";
322
324
  export const ColorTextPurposeUnlimitedInverted = "#0088F5";
323
325
  export const ColorTextPurposePromoDefault = "#E61F13";
324
326
  export const ColorTextPurposePromoInverted = "#E61F13";
325
- export const ColorTextStateHoverDefault = "rgba(230, 31, 19, 0.80)";
327
+ export const ColorTextStateHoverDefault = "#E61F13";
326
328
  export const ColorTextStateHoverInverted = "rgba(255, 255, 255, 0.80)";
327
- export const ColorTextStateActiveDefault = "rgba(230, 31, 19, 0.80)";
329
+ export const ColorTextStateActiveDefault = "#E61F13";
328
330
  export const ColorTextStateActiveInverted = "rgba(255, 255, 255, 0.80)";
329
331
  export const ColorTextStateDisabledDefault = "rgba(0, 0, 0, 0.12)";
330
332
  export const ColorTextStateDisabledInverted = "rgba(255, 255, 255, 0.16)";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender-styling",
3
- "version": "1.1.1",
3
+ "version": "1.1.2",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "files": [