@proximus/lavender-styling 2.0.0-alpha.205 → 2.0.0-alpha.207

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 (6) hide show
  1. package/dist/css/scarlet/themes-tokens.css +51 -51
  2. package/dist/css/white-label/themes-tokens.css +503 -0
  3. package/dist/js/scarlet/themesTokens.js +99 -99
  4. package/dist/js/white-label/themesTokens.d.ts +2258 -0
  5. package/dist/js/white-label/themesTokens.js +2260 -0
  6. package/package.json +8 -1
package/dist/js/scarlet/themesTokens.js CHANGED
@@ -26,208 +26,208 @@ export const ColorBackgroundDataTurquoise = "#66D2CC";
26
26
  export const ColorBackgroundFooterSitemapDefault = "rgba(230, 31, 19, 0.80)";
27
27
  export const ColorBackgroundFooterSitemapInverted = "#ffffff";
28
28
  export const ColorBackgroundGradientPurpleTopRed = [
29
- { color: "#5C2D91", position: 0.66 },
30
- { color: "#EE2E5D", position: 1 },
29
+ { color: "#E61F13", position: 0.66 },
30
+ { color: "#E61F13", position: 1 },
31
31
  ];
32
32
  export const ColorBackgroundGradientPurpleTopMagenta = [
33
- { color: "#5C2D91", position: 0.66 },
34
- { color: "#FF418C", position: 1 },
33
+ { color: "#E61F13", position: 0.66 },
34
+ { color: "#E61F13", position: 1 },
35
35
  ];
36
36
  export const ColorBackgroundGradientPurpleTopOrange = [
37
- { color: "#5C2D91", position: 0.66 },
38
- { color: "#F39200", position: 1 },
37
+ { color: "#E61F13", position: 0.66 },
38
+ { color: "#E61F13", position: 1 },
39
39
  ];
40
40
  export const ColorBackgroundGradientPurpleTopBlue = [
41
- { color: "#5C2D91", position: 0.66 },
42
- { color: "#00BCEE", position: 1 },
41
+ { color: "#E61F13", position: 0.66 },
42
+ { color: "#E61F13", position: 1 },
43
43
  ];
44
44
  export const ColorBackgroundGradientPurpleTopTurquoise = [
45
- { color: "#5C2D91", position: 0.66 },
46
- { color: "#66D2CC", position: 1 },
45
+ { color: "#E61F13", position: 0.66 },
46
+ { color: "#E61F13", position: 1 },
47
47
  ];
48
48
  export const ColorBackgroundGradientPurpleTopGreen = [
49
- { color: "#5C2D91", position: 0.66 },
50
- { color: "#81C747", position: 1 },
49
+ { color: "#E61F13", position: 0.66 },
50
+ { color: "#E61F13", position: 1 },
51
51
  ];
52
52
  export const ColorBackgroundGradientPurpleRightRed = [
53
- { color: "#5C2D91", position: 0.66 },
54
- { color: "#EE2E5D", position: 1 },
53
+ { color: "#E61F13", position: 0.66 },
54
+ { color: "#E61F13", position: 1 },
55
55
  ];
56
56
  export const ColorBackgroundGradientPurpleRightMagenta = [
57
- { color: "#5C2D91", position: 0.66 },
58
- { color: "#FF418C", position: 1 },
57
+ { color: "#E61F13", position: 0.66 },
58
+ { color: "#E61F13", position: 1 },
59
59
  ];
60
60
  export const ColorBackgroundGradientPurpleRightOrange = [
61
- { color: "#5C2D91", position: 0.66 },
62
- { color: "#F39200", position: 1 },
61
+ { color: "#E61F13", position: 0.66 },
62
+ { color: "#E61F13", position: 1 },
63
63
  ];
64
64
  export const ColorBackgroundGradientPurpleRightBlue = [
65
- { color: "#5C2D91", position: 0.66 },
66
- { color: "#00BCEE", position: 1 },
65
+ { color: "#E61F13", position: 0.66 },
66
+ { color: "#E61F13", position: 1 },
67
67
  ];
68
68
  export const ColorBackgroundGradientPurpleRightTurquoise = [
69
- { color: "#5C2D91", position: 0.66 },
70
- { color: "#66D2CC", position: 1 },
69
+ { color: "#E61F13", position: 0.66 },
70
+ { color: "#E61F13", position: 1 },
71
71
  ];
72
72
  export const ColorBackgroundGradientPurpleRightGreen = [
73
- { color: "#5C2D91", position: 0.66 },
74
- { color: "#81C747", position: 1 },
73
+ { color: "#E61F13", position: 0.66 },
74
+ { color: "#E61F13", position: 1 },
75
75
  ];
76
76
  export const ColorBackgroundGradientPurpleTopRightRed = [
77
- { color: "#5C2D91", position: 0.66 },
78
- { color: "#EE2E5D", position: 1 },
77
+ { color: "#E61F13", position: 0.66 },
78
+ { color: "#E61F13", position: 1 },
79
79
  ];
80
80
  export const ColorBackgroundGradientPurpleTopRightMagenta = [
81
- { color: "#5C2D91", position: 0.66 },
82
- { color: "#FF418C", position: 1 },
81
+ { color: "#E61F13", position: 0.66 },
82
+ { color: "#E61F13", position: 1 },
83
83
  ];
84
84
  export const ColorBackgroundGradientPurpleTopRightOrange = [
85
- { color: "#5C2D91", position: 0.66 },
86
- { color: "#F39200", position: 1 },
85
+ { color: "#E61F13", position: 0.66 },
86
+ { color: "#E61F13", position: 1 },
87
87
  ];
88
88
  export const ColorBackgroundGradientPurpleTopRightBlue = [
89
- { color: "#5C2D91", position: 0.66 },
90
- { color: "#00BCEE", position: 1 },
89
+ { color: "#E61F13", position: 0.66 },
90
+ { color: "#E61F13", position: 1 },
91
91
  ];
92
92
  export const ColorBackgroundGradientPurpleTopRightTurquoise = [
93
- { color: "#5C2D91", position: 0.66 },
94
- { color: "#66D2CC", position: 1 },
93
+ { color: "#E61F13", position: 0.66 },
94
+ { color: "#E61F13", position: 1 },
95
95
  ];
96
96
  export const ColorBackgroundGradientPurpleTopRightGreen = [
97
- { color: "#5C2D91", position: 0.66 },
98
- { color: "#81C747", position: 1 },
97
+ { color: "#E61F13", position: 0.66 },
98
+ { color: "#E61F13", position: 1 },
99
99
  ];
100
100
  export const ColorBackgroundGradientPurpleBottomRightRed = [
101
- { color: "#5C2D91", position: 0.66 },
102
- { color: "#EE2E5D", position: 1 },
101
+ { color: "#E61F13", position: 0.66 },
102
+ { color: "#E61F13", position: 1 },
103
103
  ];
104
104
  export const ColorBackgroundGradientPurpleBottomRightMagenta = [
105
- { color: "#5C2D91", position: 0.66 },
106
- { color: "#FF418C", position: 1 },
105
+ { color: "#E61F13", position: 0.66 },
106
+ { color: "#E61F13", position: 1 },
107
107
  ];
108
108
  export const ColorBackgroundGradientPurpleBottomRightOrange = [
109
- { color: "#5C2D91", position: 0.66 },
110
- { color: "#F39200", position: 1 },
109
+ { color: "#E61F13", position: 0.66 },
110
+ { color: "#E61F13", position: 1 },
111
111
  ];
112
112
  export const ColorBackgroundGradientPurpleBottomRightBlue = [
113
- { color: "#5C2D91", position: 0.66 },
114
- { color: "#00BCEE", position: 1 },
113
+ { color: "#E61F13", position: 0.66 },
114
+ { color: "#E61F13", position: 1 },
115
115
  ];
116
116
  export const ColorBackgroundGradientPurpleBottomRightTurquoise = [
117
- { color: "#5C2D91", position: 0.66 },
118
- { color: "#66D2CC", position: 1 },
117
+ { color: "#E61F13", position: 0.66 },
118
+ { color: "#E61F13", position: 1 },
119
119
  ];
120
120
  export const ColorBackgroundGradientPurpleBottomRightGreen = [
121
- { color: "#5C2D91", position: 0.66 },
122
- { color: "#81C747", position: 1 },
121
+ { color: "#E61F13", position: 0.66 },
122
+ { color: "#E61F13", position: 1 },
123
123
  ];
124
124
  export const ColorBackgroundGradientColorTopRed = [
125
- { color: "#5C2D91", position: 0.03 },
126
- { color: "#EE2E5D", position: 0.66 },
125
+ { color: "#E61F13", position: 0.03 },
126
+ { color: "#E61F13", position: 0.66 },
127
127
  ];
128
128
  export const ColorBackgroundGradientColorTopMagenta = [
129
- { color: "#5C2D91", position: 0.03 },
130
- { color: "#FF418C", position: 0.66 },
129
+ { color: "#E61F13", position: 0.03 },
130
+ { color: "#E61F13", position: 0.66 },
131
131
  ];
132
132
  export const ColorBackgroundGradientColorTopOrange = [
133
- { color: "#5C2D91", position: 0.03 },
134
- { color: "#F39200", position: 0.66 },
133
+ { color: "#E61F13", position: 0.03 },
134
+ { color: "#E61F13", position: 0.66 },
135
135
  ];
136
136
  export const ColorBackgroundGradientColorTopBlue = [
137
- { color: "#5C2D91", position: 0.03 },
138
- { color: "#00BCEE", position: 0.66 },
137
+ { color: "#E61F13", position: 0.03 },
138
+ { color: "#E61F13", position: 0.66 },
139
139
  ];
140
140
  export const ColorBackgroundGradientColorTopTurquoise = [
141
- { color: "#5C2D91", position: 0.03 },
142
- { color: "#66D2CC", position: 0.66 },
141
+ { color: "#E61F13", position: 0.03 },
142
+ { color: "#E61F13", position: 0.66 },
143
143
  ];
144
144
  export const ColorBackgroundGradientColorTopGreen = [
145
- { color: "#5C2D91", position: 0.03 },
146
- { color: "#81C747", position: 0.66 },
145
+ { color: "#E61F13", position: 0.03 },
146
+ { color: "#E61F13", position: 0.66 },
147
147
  ];
148
148
  export const ColorBackgroundGradientColorRightRed = [
149
- { color: "#5C2D91", position: 0.03 },
150
- { color: "#EE2E5D", position: 0.66 },
149
+ { color: "#E61F13", position: 0.03 },
150
+ { color: "#E61F13", position: 0.66 },
151
151
  ];
152
152
  export const ColorBackgroundGradientColorRightMagenta = [
153
- { color: "#5C2D91", position: 0.03 },
154
- { color: "#FF418C", position: 0.66 },
153
+ { color: "#E61F13", position: 0.03 },
154
+ { color: "#E61F13", position: 0.66 },
155
155
  ];
156
156
  export const ColorBackgroundGradientColorRightOrange = [
157
- { color: "#5C2D91", position: 0.03 },
158
- { color: "#F39200", position: 0.66 },
157
+ { color: "#E61F13", position: 0.03 },
158
+ { color: "#E61F13", position: 0.66 },
159
159
  ];
160
160
  export const ColorBackgroundGradientColorRightBlue = [
161
- { color: "#5C2D91", position: 0.03 },
162
- { color: "#00BCEE", position: 0.66 },
161
+ { color: "#E61F13", position: 0.03 },
162
+ { color: "#E61F13", position: 0.66 },
163
163
  ];
164
164
  export const ColorBackgroundGradientColorRightTurquoise = [
165
- { color: "#5C2D91", position: 0.03 },
166
- { color: "#66D2CC", position: 0.66 },
165
+ { color: "#E61F13", position: 0.03 },
166
+ { color: "#E61F13", position: 0.66 },
167
167
  ];
168
168
  export const ColorBackgroundGradientColorRightGreen = [
169
- { color: "#5C2D91", position: 0.03 },
170
- { color: "#81C747", position: 0.66 },
169
+ { color: "#E61F13", position: 0.03 },
170
+ { color: "#E61F13", position: 0.66 },
171
171
  ];
172
172
  export const ColorBackgroundGradientColorTopRightRed = [
173
- { color: "#5C2D91", position: 0.03 },
174
- { color: "#EE2E5D", position: 0.66 },
173
+ { color: "#E61F13", position: 0.03 },
174
+ { color: "#E61F13", position: 0.66 },
175
175
  ];
176
176
  export const ColorBackgroundGradientColorTopRightMagenta = [
177
- { color: "#5C2D91", position: 0.03 },
178
- { color: "#FF418C", position: 0.66 },
177
+ { color: "#E61F13", position: 0.03 },
178
+ { color: "#E61F13", position: 0.66 },
179
179
  ];
180
180
  export const ColorBackgroundGradientColorTopRightOrange = [
181
- { color: "#5C2D91", position: 0.03 },
182
- { color: "#F39200", position: 0.66 },
181
+ { color: "#E61F13", position: 0.03 },
182
+ { color: "#E61F13", position: 0.66 },
183
183
  ];
184
184
  export const ColorBackgroundGradientColorTopRightBlue = [
185
- { color: "#5C2D91", position: 0.03 },
186
- { color: "#00BCEE", position: 0.66 },
185
+ { color: "#E61F13", position: 0.03 },
186
+ { color: "#E61F13", position: 0.66 },
187
187
  ];
188
188
  export const ColorBackgroundGradientColorTopRightTurquoise = [
189
- { color: "#5C2D91", position: 0.03 },
190
- { color: "#66D2CC", position: 0.66 },
189
+ { color: "#E61F13", position: 0.03 },
190
+ { color: "#E61F13", position: 0.66 },
191
191
  ];
192
192
  export const ColorBackgroundGradientColorTopRightGreen = [
193
- { color: "#5C2D91", position: 0.03 },
194
- { color: "#81C747", position: 0.66 },
193
+ { color: "#E61F13", position: 0.03 },
194
+ { color: "#E61F13", position: 0.66 },
195
195
  ];
196
196
  export const ColorBackgroundGradientColorBottomRightRed = [
197
- { color: "#5C2D91", position: 0.03 },
198
- { color: "#EE2E5D", position: 0.66 },
197
+ { color: "#E61F13", position: 0.03 },
198
+ { color: "#E61F13", position: 0.66 },
199
199
  ];
200
200
  export const ColorBackgroundGradientColorBottomRightMagenta = [
201
- { color: "#5C2D91", position: 0.03 },
202
- { color: "#FF418C", position: 0.66 },
201
+ { color: "#E61F13", position: 0.03 },
202
+ { color: "#E61F13", position: 0.66 },
203
203
  ];
204
204
  export const ColorBackgroundGradientColorBottomRightOrange = [
205
- { color: "#5C2D91", position: 0.03 },
206
- { color: "#F39200", position: 0.66 },
205
+ { color: "#E61F13", position: 0.03 },
206
+ { color: "#E61F13", position: 0.66 },
207
207
  ];
208
208
  export const ColorBackgroundGradientColorBottomRightBlue = [
209
- { color: "#5C2D91", position: 0.03 },
210
- { color: "#00BCEE", position: 0.66 },
209
+ { color: "#E61F13", position: 0.03 },
210
+ { color: "#E61F13", position: 0.66 },
211
211
  ];
212
212
  export const ColorBackgroundGradientColorBottomRightTurquoise = [
213
- { color: "#5C2D91", position: 0.03 },
214
- { color: "#66D2CC", position: 0.66 },
213
+ { color: "#E61F13", position: 0.03 },
214
+ { color: "#E61F13", position: 0.66 },
215
215
  ];
216
216
  export const ColorBackgroundGradientColorBottomRightGreen = [
217
- { color: "#5C2D91", position: 0.03 },
218
- { color: "#81C747", position: 0.66 },
217
+ { color: "#E61F13", position: 0.03 },
218
+ { color: "#E61F13", position: 0.66 },
219
219
  ];
220
220
  export const ColorBackgroundGradientPickx = [
221
221
  { color: "#000000", position: 0.66 },
222
- { color: "#5C2D91", position: 1 },
222
+ { color: "#E61F13", position: 1 },
223
223
  ];
224
224
  export const ColorBackgroundGradientNxt = [
225
225
  { color: "#000000", position: 0.66 },
226
- { color: "#5C2D91", position: 1 },
226
+ { color: "#E61F13", position: 1 },
227
227
  ];
228
228
  export const ColorBackgroundGradientSme = [
229
229
  { color: "#000000", position: 0.03 },
230
- { color: "#5C2D91", position: 0.66 },
230
+ { color: "#E61F13", position: 0.66 },
231
231
  ];
232
232
  export const ColorBackgroundNone = "rgba(255, 255, 255, 0.00)";
233
233
  export const ColorBackgroundOverlayMain = "rgba(0, 0, 0, 0.80)";