@1024pix/pix-ui 60.6.0 → 60.7.0

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 (2) hide show
  1. package/addon/styles/pix-design-tokens/_colors.scss +209 -175
  2. package/package.json +1 -1
package/addon/styles/pix-design-tokens/_colors.scss CHANGED
@@ -1,282 +1,316 @@
1
1
  // See https://www.figma.com/file/8RJ3aCSfdeQ8AZZVBBYKS8/Design-System-Pix?node-id=16%3A2
2
2
  // stylelint-disable scss/double-slash-comment-empty-line-before
3
3
  :root {
4
- // Primary
5
- --pix-primary-10-inline:247, 245, 255;
4
+ // Primary
5
+ --pix-primary-10-inline: 247, 245, 255;
6
6
  --pix-primary-10: rgb(var(--pix-primary-10-inline));
7
- --pix-primary-50-inline:239, 236, 252;
7
+ --pix-primary-50-inline: 239, 236, 252;
8
8
  --pix-primary-50: rgb(var(--pix-primary-50-inline));
9
- --pix-primary-100-inline:206, 195, 244;
9
+ --pix-primary-100-inline: 206, 195, 244;
10
10
  --pix-primary-100: rgb(var(--pix-primary-100-inline));
11
- --pix-primary-300-inline:149, 126, 232;
11
+ --pix-primary-300-inline: 149, 126, 232;
12
12
  --pix-primary-300: rgb(var(--pix-primary-300-inline));
13
- --pix-primary-500-inline:97, 63, 221;
13
+ --pix-primary-500-inline: 97, 63, 221;
14
14
  --pix-primary-500: rgb(var(--pix-primary-500-inline));
15
- --pix-primary-700-inline:69, 45, 157;
15
+ --pix-primary-700-inline: 69, 45, 157;
16
16
  --pix-primary-700: rgb(var(--pix-primary-700-inline));
17
- --pix-primary-900-inline:41, 26, 93;
17
+ --pix-primary-900-inline: 41, 26, 93;
18
18
  --pix-primary-900: rgb(var(--pix-primary-900-inline));
19
- // Secondary
20
- --pix-secondary-50-inline:255, 250, 235;
19
+ // Secondary
20
+ --pix-secondary-50-inline: 255, 250, 235;
21
21
  --pix-secondary-50: rgb(var(--pix-secondary-50-inline));
22
- --pix-secondary-100-inline:255, 239, 192;
22
+ --pix-secondary-100-inline: 255, 239, 192;
23
23
  --pix-secondary-100: rgb(var(--pix-secondary-100-inline));
24
- --pix-secondary-300-inline:255, 220, 118;
24
+ --pix-secondary-300-inline: 255, 220, 118;
25
25
  --pix-secondary-300: rgb(var(--pix-secondary-300-inline));
26
- --pix-secondary-500-inline:255, 203, 51;
26
+ --pix-secondary-500-inline: 255, 203, 51;
27
27
  --pix-secondary-500: rgb(var(--pix-secondary-500-inline));
28
- --pix-secondary-700-inline:161, 98, 6;
28
+ --pix-secondary-700-inline: 161, 98, 6;
29
29
  --pix-secondary-700: rgb(var(--pix-secondary-700-inline));
30
- --pix-secondary-900-inline:91, 56, 8;
30
+ --pix-secondary-900-inline: 91, 56, 8;
31
31
  --pix-secondary-900: rgb(var(--pix-secondary-900-inline));
32
- // Tertiary
33
- --pix-tertiary-100-inline:195, 208, 255;
32
+ // Tertiary
33
+ --pix-tertiary-100-inline: 195, 208, 255;
34
34
  --pix-tertiary-100: rgb(var(--pix-tertiary-100-inline));
35
- --pix-tertiary-500-inline:61, 104, 255;
35
+ --pix-tertiary-500-inline: 61, 104, 255;
36
36
  --pix-tertiary-500: rgb(var(--pix-tertiary-500-inline));
37
- --pix-tertiary-900-inline:26, 44, 107;
37
+ --pix-tertiary-900-inline: 26, 44, 107;
38
38
  --pix-tertiary-900: rgb(var(--pix-tertiary-900-inline));
39
- // Neutral
40
- --pix-neutral-0-inline:255, 255, 255;
39
+ // Neutral
40
+ --pix-neutral-0-inline: 255, 255, 255;
41
41
  --pix-neutral-0: rgb(var(--pix-neutral-0-inline));
42
- --pix-neutral-20-inline:244, 245, 247;
42
+ --pix-neutral-20-inline: 244, 245, 247;
43
43
  --pix-neutral-20: rgb(var(--pix-neutral-20-inline));
44
- --pix-neutral-100-inline:205, 209, 217;
44
+ --pix-neutral-100-inline: 205, 209, 217;
45
45
  --pix-neutral-100: rgb(var(--pix-neutral-100-inline));
46
- --pix-neutral-300-inline:147, 157, 173;
46
+ --pix-neutral-300-inline: 147, 157, 173;
47
47
  --pix-neutral-300: rgb(var(--pix-neutral-300-inline));
48
- --pix-neutral-500-inline:94, 108, 132;
48
+ --pix-neutral-500-inline: 94, 108, 132;
49
49
  --pix-neutral-500: rgb(var(--pix-neutral-500-inline));
50
- --pix-neutral-800-inline:37, 56, 88;
50
+ --pix-neutral-800-inline: 37, 56, 88;
51
51
  --pix-neutral-800: rgb(var(--pix-neutral-800-inline));
52
- --pix-neutral-900-inline:18, 38, 71;
52
+ --pix-neutral-900-inline: 18, 38, 71;
53
53
  --pix-neutral-900: rgb(var(--pix-neutral-900-inline));
54
- // Info
55
- --pix-info-50-inline:234, 241, 255;
54
+ // Info
55
+ --pix-info-50-inline: 234, 241, 255;
56
56
  --pix-info-50: rgb(var(--pix-info-50-inline));
57
- --pix-info-100-inline:190, 212, 255;
57
+ --pix-info-100-inline: 190, 212, 255;
58
58
  --pix-info-100: rgb(var(--pix-info-100-inline));
59
- --pix-info-300-inline:114, 163, 255;
59
+ --pix-info-300-inline: 114, 163, 255;
60
60
  --pix-info-300: rgb(var(--pix-info-300-inline));
61
- --pix-info-500-inline:44, 117, 255;
61
+ --pix-info-500-inline: 44, 117, 255;
62
62
  --pix-info-500: rgb(var(--pix-info-500-inline));
63
- --pix-info-700-inline:31, 83, 181;
63
+ --pix-info-700-inline: 31, 83, 181;
64
64
  --pix-info-700: rgb(var(--pix-info-700-inline));
65
- --pix-info-900-inline:18, 49, 107;
65
+ --pix-info-900-inline: 18, 49, 107;
66
66
  --pix-info-900: rgb(var(--pix-info-900-inline));
67
- // Success
68
- --pix-success-50-inline:230, 246, 239;
67
+ // Success
68
+ --pix-success-50-inline: 230, 246, 239;
69
69
  --pix-success-50: rgb(var(--pix-success-50-inline));
70
- --pix-success-100-inline:176, 228, 204;
70
+ --pix-success-100-inline: 176, 228, 204;
71
71
  --pix-success-100: rgb(var(--pix-success-100-inline));
72
- --pix-success-300-inline:84, 197, 144;
72
+ --pix-success-300-inline: 84, 197, 144;
73
73
  --pix-success-300: rgb(var(--pix-success-300-inline));
74
- --pix-success-500-inline:0, 168, 90;
74
+ --pix-success-500-inline: 0, 168, 90;
75
75
  --pix-success-500: rgb(var(--pix-success-500-inline));
76
- --pix-success-700-inline:0, 119, 64;
76
+ --pix-success-700-inline: 0, 119, 64;
77
77
  --pix-success-700: rgb(var(--pix-success-700-inline));
78
- --pix-success-900-inline:0, 71, 38;
78
+ --pix-success-900-inline: 0, 71, 38;
79
79
  --pix-success-900: rgb(var(--pix-success-900-inline));
80
- // Warning
81
- --pix-warning-50-inline:253, 240, 231;
80
+ // Warning
81
+ --pix-warning-50-inline: 253, 240, 231;
82
82
  --pix-warning-50: rgb(var(--pix-warning-50-inline));
83
- --pix-warning-100-inline:250, 209, 181;
83
+ --pix-warning-100-inline: 250, 209, 181;
84
84
  --pix-warning-100: rgb(var(--pix-warning-100-inline));
85
- --pix-warning-300-inline:244, 155, 96;
85
+ --pix-warning-300-inline: 244, 155, 96;
86
86
  --pix-warning-300: rgb(var(--pix-warning-300-inline));
87
- --pix-warning-500-inline:238, 105, 17;
87
+ --pix-warning-500-inline: 238, 105, 17;
88
88
  --pix-warning-500: rgb(var(--pix-warning-500-inline));
89
- --pix-warning-700-inline:169, 75, 12;
89
+ --pix-warning-700-inline: 169, 75, 12;
90
90
  --pix-warning-700: rgb(var(--pix-warning-700-inline));
91
- --pix-warning-900-inline:100, 44, 7;
91
+ --pix-warning-900-inline: 100, 44, 7;
92
92
  --pix-warning-900: rgb(var(--pix-warning-900-inline));
93
- // Error
94
- --pix-error-50-inline:251, 235, 234;
93
+ // Error
94
+ --pix-error-50-inline: 251, 235, 234;
95
95
  --pix-error-50: rgb(var(--pix-error-50-inline));
96
- --pix-error-100-inline:243, 192, 188;
96
+ --pix-error-100-inline: 243, 192, 188;
97
97
  --pix-error-100: rgb(var(--pix-error-100-inline));
98
- --pix-error-300-inline:228, 118, 111;
98
+ --pix-error-300-inline: 228, 118, 111;
99
99
  --pix-error-300: rgb(var(--pix-error-300-inline));
100
- --pix-error-500-inline:215, 51, 40;
100
+ --pix-error-500-inline: 215, 51, 40;
101
101
  --pix-error-500: rgb(var(--pix-error-500-inline));
102
- --pix-error-700-inline:153, 36, 28;
102
+ --pix-error-700-inline: 153, 36, 28;
103
103
  --pix-error-700: rgb(var(--pix-error-700-inline));
104
- --pix-error-900-inline:90, 21, 17;
104
+ --pix-error-900-inline: 90, 21, 17;
105
105
  --pix-error-900: rgb(var(--pix-error-900-inline));
106
- // Certif
107
- --pix-certif-50-inline:232, 242, 242;
106
+ // Certif
107
+ --pix-certif-50-inline: 232, 242, 242;
108
108
  --pix-certif-50: rgb(var(--pix-certif-50-inline));
109
- --pix-certif-300-inline:100, 169, 168;
109
+ --pix-certif-300-inline: 100, 169, 168;
110
110
  --pix-certif-300: rgb(var(--pix-certif-300-inline));
111
- --pix-certif-500-inline:24, 127, 125;
111
+ --pix-certif-500-inline: 24, 127, 125;
112
112
  --pix-certif-500: rgb(var(--pix-certif-500-inline));
113
- --pix-certif-700-inline:17, 90, 89;
113
+ --pix-certif-700-inline: 17, 90, 89;
114
114
  --pix-certif-700: rgb(var(--pix-certif-700-inline));
115
- // Orga
116
- --pix-orga-50-inline:235, 241, 249;
115
+ // Orga
116
+ --pix-orga-50-inline: 235, 241, 249;
117
117
  --pix-orga-50: rgb(var(--pix-orga-50-inline));
118
- --pix-orga-300-inline:120, 162, 212;
118
+ --pix-orga-300-inline: 120, 162, 212;
119
119
  --pix-orga-300: rgb(var(--pix-orga-300-inline));
120
- --pix-orga-500-inline:54, 116, 191;
120
+ --pix-orga-500-inline: 54, 116, 191;
121
121
  --pix-orga-500: rgb(var(--pix-orga-500-inline));
122
- --pix-orga-700-inline:38, 82, 136;
122
+ --pix-orga-700-inline: 38, 82, 136;
123
123
  --pix-orga-700: rgb(var(--pix-orga-700-inline));
124
- // Others
125
- --pix-information-dark-inline:242, 70, 69;
124
+ // Others
125
+ --pix-information-dark-inline: 242, 70, 69;
126
126
  --pix-information-dark: rgb(var(--pix-information-dark-inline));
127
- --pix-information-light-inline:241, 161, 65;
127
+ --pix-information-light-inline: 241, 161, 65;
128
128
  --pix-information-light: rgb(var(--pix-information-light-inline));
129
- --pix-content-dark-inline:26, 140, 137;
129
+ --pix-content-dark-inline: 26, 140, 137;
130
130
  --pix-content-dark: rgb(var(--pix-content-dark-inline));
131
- --pix-content-light-inline:82, 217, 135;
131
+ --pix-content-light-inline: 82, 217, 135;
132
132
  --pix-content-light: rgb(var(--pix-content-light-inline));
133
- --pix-communication-dark-inline:61, 104, 255;
133
+ --pix-communication-dark-inline: 61, 104, 255;
134
134
  --pix-communication-dark: rgb(var(--pix-communication-dark-inline));
135
- --pix-communication-light-inline:18, 163, 255;
135
+ --pix-communication-light-inline: 18, 163, 255;
136
136
  --pix-communication-light: rgb(var(--pix-communication-light-inline));
137
- --pix-security-dark-inline:172, 0, 141;
137
+ --pix-security-dark-inline: 172, 0, 141;
138
138
  --pix-security-dark: rgb(var(--pix-security-dark-inline));
139
- --pix-security-light-inline:255, 63, 148;
139
+ --pix-security-light-inline: 255, 63, 148;
140
140
  --pix-security-light: rgb(var(--pix-security-light-inline));
141
- --pix-environment-dark-inline:94, 37, 99;
141
+ --pix-environment-dark-inline: 94, 37, 99;
142
142
  --pix-environment-dark: rgb(var(--pix-environment-dark-inline));
143
- --pix-environment-light-inline:86, 77, 166;
143
+ --pix-environment-light-inline: 86, 77, 166;
144
144
  --pix-environment-light: rgb(var(--pix-environment-light-inline));
145
145
  --pix-shadow-inline: 7, 20, 46;
146
146
  --pix-shadow: rgb(var(--pix-shadow-inline));
147
- // Gradient
148
- --pix-gradient-default-light: linear-gradient(180deg, rgb(var(--pix-primary-500-inline), 0.2) 0%, rgb(var(--pix-primary-500-inline), 0.1) 40%, rgb(var(--pix-neutral-0-inline), 0) 100%);
149
- --pix-gradient-orga-light: linear-gradient(180deg, rgb(var(--pix-orga-500-inline), 0.2) 0%, rgb(var(--pix-orga-500-inline), 0.1) 40%, rgb(var(--pix-neutral-0-inline), 0) 100%);
150
- --pix-gradient-certif-light: linear-gradient(180deg, rgb(var(--pix-certif-500-inline), 0.2) 0%, rgb(var(--pix-certif-500-inline), 0.1) 40%, rgb(var(--pix-neutral-0-inline), 0) 100%);
147
+
148
+ // Gradients
149
+ --pix-gradient-default-light: linear-gradient(
150
+ 180deg,
151
+ rgb(var(--pix-primary-500-inline), 0.2) 0%,
152
+ rgb(var(--pix-primary-500-inline), 0.1) 40%,
153
+ rgb(var(--pix-neutral-0-inline), 0) 100%
154
+ );
155
+ --pix-gradient-default-dark:
156
+ linear-gradient(
157
+ 90deg,
158
+ rgb(var(--pix-primary-700-inline), 0.8) 0%,
159
+ rgb(var(--pix-primary-700-inline), 0) 60%
160
+ ),
161
+ rgb(var(--pix-primary-300-inline));
162
+ --pix-gradient-orga-light: linear-gradient(
163
+ 180deg,
164
+ rgb(var(--pix-orga-500-inline), 0.2) 0%,
165
+ rgb(var(--pix-orga-500-inline), 0.1) 40%,
166
+ rgb(var(--pix-neutral-0-inline), 0) 100%
167
+ );
168
+ --pix-gradient-orga-dark:
169
+ linear-gradient(90deg, rgb(0, 221, 255, 0) 19.71%, rgb(0, 170, 255, 0.8) 100%),
170
+ rgb(var(--pix-orga-700-inline));
171
+ --pix-gradient-certif-light: linear-gradient(
172
+ 180deg,
173
+ rgb(var(--pix-certif-500-inline), 0.2) 0%,
174
+ rgb(var(--pix-certif-500-inline), 0.1) 40%,
175
+ rgb(var(--pix-neutral-0-inline), 0) 100%
176
+ );
177
+ --pix-gradient-certif-dark:
178
+ linear-gradient(
179
+ 90deg,
180
+ rgb(var(--pix-certif-700-inline), 0.8) 0%,
181
+ rgb(var(--pix-certif-700-inline), 0) 60%
182
+ ),
183
+ rgb(56, 160, 159);
151
184
  }
185
+
152
186
  // stylelint-enable scss/double-slash-comment-empty-line-before
153
187
 
154
188
  // stylelint-disable color-no-hex
155
189
  // @deprecated - SCSS variables are replaced by CSS variables
156
190
  //// SOLID
157
191
  // Primary
158
- $pix-primary-5: #F2F9FF;
159
- $pix-primary-10: #DCF1FF;
160
- $pix-primary-20: #C4E6FF;
161
- $pix-primary-30: #88BEFF;
162
- $pix-primary-40: #5B94FF;
163
- $pix-primary: #3D68FF;
164
- $pix-primary-60: #2044DC;
165
- $pix-primary-70: #0D25B3;
166
- $pix-primary-80: #000E87;
192
+ $pix-primary-5: #f2f9ff;
193
+ $pix-primary-10: #dcf1ff;
194
+ $pix-primary-20: #c4e6ff;
195
+ $pix-primary-30: #88beff;
196
+ $pix-primary-40: #5b94ff;
197
+ $pix-primary: #3d68ff;
198
+ $pix-primary-60: #2044dc;
199
+ $pix-primary-70: #0d25b3;
200
+ $pix-primary-80: #000e87;
167
201
 
168
202
  // Secondary
169
- $pix-secondary-5: #FFF9E6;
170
- $pix-secondary-10: #FFF1C5;
171
- $pix-secondary-20: #FFE381;
172
- $pix-secondary: #FFD235;
173
- $pix-secondary-40: #FFBE00;
174
- $pix-secondary-50: #EAA600;
175
- $pix-secondary-60: #D87016;
176
- $pix-secondary-70: #A95800;
177
- $pix-secondary-80: #874D00;
203
+ $pix-secondary-5: #fff9e6;
204
+ $pix-secondary-10: #fff1c5;
205
+ $pix-secondary-20: #ffe381;
206
+ $pix-secondary: #ffd235;
207
+ $pix-secondary-40: #ffbe00;
208
+ $pix-secondary-50: #eaa600;
209
+ $pix-secondary-60: #d87016;
210
+ $pix-secondary-70: #a95800;
211
+ $pix-secondary-80: #874d00;
178
212
 
179
213
  // Secondary Pix Certif
180
- $pix-secondary-certif-5: #CCF6F5;
181
- $pix-secondary-certif-10: #9AEDEB;
182
- $pix-secondary-certif-20: #67E4E0;
183
- $pix-secondary-certif-30: #34DBD6;
184
- $pix-secondary-certif: #20B4AF;
185
- $pix-secondary-certif-50: #17817E;
214
+ $pix-secondary-certif-5: #ccf6f5;
215
+ $pix-secondary-certif-10: #9aedeb;
216
+ $pix-secondary-certif-20: #67e4e0;
217
+ $pix-secondary-certif-30: #34dbd6;
218
+ $pix-secondary-certif: #20b4af;
219
+ $pix-secondary-certif-50: #17817e;
186
220
  $pix-secondary-certif-60: #126765;
187
- $pix-secondary-certif-70: #0E4D4C;
221
+ $pix-secondary-certif-70: #0e4d4c;
188
222
  $pix-secondary-certif-80: #093432;
189
223
 
190
224
  // Secondary Pix Orga
191
- $pix-secondary-orga-5: #D5F9FF;
192
- $pix-secondary-orga-10: #AAF4FF;
193
- $pix-secondary-orga-20: #80EEFF;
194
- $pix-secondary-orga-30: #55E8FF;
195
- $pix-secondary-orga: #00DDFF;
196
- $pix-secondary-orga-50: #00C1DF;
197
- $pix-secondary-orga-60: #00A6BF;
198
- $pix-secondary-orga-70: #008A9F;
199
- $pix-secondary-orga-80: #006E80;
225
+ $pix-secondary-orga-5: #d5f9ff;
226
+ $pix-secondary-orga-10: #aaf4ff;
227
+ $pix-secondary-orga-20: #80eeff;
228
+ $pix-secondary-orga-30: #55e8ff;
229
+ $pix-secondary-orga: #00ddff;
230
+ $pix-secondary-orga-50: #00c1df;
231
+ $pix-secondary-orga-60: #00a6bf;
232
+ $pix-secondary-orga-70: #008a9f;
233
+ $pix-secondary-orga-80: #006e80;
200
234
 
201
235
  // Tertiary
202
- $pix-tertiary-5: #EBE1FF;
203
- $pix-tertiary-10: #D8C2FF;
204
- $pix-tertiary-20: #C4A4FF;
205
- $pix-tertiary-30: #B186FF;
206
- $pix-tertiary: #9D67FF;
207
- $pix-tertiary-50: #8A49FF;
208
- $pix-tertiary-60: #6712FF;
209
- $pix-tertiary-70: #4E00DB;
210
- $pix-tertiary-80: #3B00A4;
236
+ $pix-tertiary-5: #ebe1ff;
237
+ $pix-tertiary-10: #d8c2ff;
238
+ $pix-tertiary-20: #c4a4ff;
239
+ $pix-tertiary-30: #b186ff;
240
+ $pix-tertiary: #9d67ff;
241
+ $pix-tertiary-50: #8a49ff;
242
+ $pix-tertiary-60: #6712ff;
243
+ $pix-tertiary-70: #4e00db;
244
+ $pix-tertiary-80: #3b00a4;
211
245
 
212
246
  // Success
213
- $pix-success-5: #ECFDF5;
214
- $pix-success-10: #D1FAE5;
215
- $pix-success-20: #A7F3D0;
216
- $pix-success-30: #6EE7B7;
217
- $pix-success: #34D399;
218
- $pix-success-50: #27B481;
219
- $pix-success-60: #14865D;
220
- $pix-success-70: #176C4D;
247
+ $pix-success-5: #ecfdf5;
248
+ $pix-success-10: #d1fae5;
249
+ $pix-success-20: #a7f3d0;
250
+ $pix-success-30: #6ee7b7;
251
+ $pix-success: #34d399;
252
+ $pix-success-50: #27b481;
253
+ $pix-success-60: #14865d;
254
+ $pix-success-70: #176c4d;
221
255
  $pix-success-80: #104834;
222
256
 
223
257
  // Warning
224
- $pix-warning-5: #FFF9E6;
225
- $pix-warning-10: #FFF1C5;
226
- $pix-warning-20: #FFE381;
227
- $pix-warning-30: #FFD235;
228
- $pix-warning-40: #FFBE00;
229
- $pix-warning-50: #EAA600;
230
- $pix-warning-60: #D87016;
231
- $pix-warning-70: #A95800;
232
- $pix-warning-80: #874D00;
258
+ $pix-warning-5: #fff9e6;
259
+ $pix-warning-10: #fff1c5;
260
+ $pix-warning-20: #ffe381;
261
+ $pix-warning-30: #ffd235;
262
+ $pix-warning-40: #ffbe00;
263
+ $pix-warning-50: #eaa600;
264
+ $pix-warning-60: #d87016;
265
+ $pix-warning-70: #a95800;
266
+ $pix-warning-80: #874d00;
233
267
 
234
268
  // Error
235
- $pix-error-5: #FEF2F2;
236
- $pix-error-10: #FEE2E2;
237
- $pix-error-20: #FECACA;
238
- $pix-error-30: #FCA5A5;
239
- $pix-error-40: #F87171;
240
- $pix-error-50: #EF4444;
241
- $pix-error-60: #DC2626;
242
- $pix-error-70: #B91C1C;
243
- $pix-error-80: #991B1B;
269
+ $pix-error-5: #fef2f2;
270
+ $pix-error-10: #fee2e2;
271
+ $pix-error-20: #fecaca;
272
+ $pix-error-30: #fca5a5;
273
+ $pix-error-40: #f87171;
274
+ $pix-error-50: #ef4444;
275
+ $pix-error-60: #dc2626;
276
+ $pix-error-70: #b91c1c;
277
+ $pix-error-80: #991b1b;
244
278
  $pix-error-90: #861212;
245
279
 
246
280
  // Neutral
247
- $pix-neutral-0: #FFFFFF;
248
- $pix-neutral-5: #FAFBFC;
249
- $pix-neutral-10: #F4F5F7;
250
- $pix-neutral-15: #EAECF0;
251
- $pix-neutral-20: #DFE1E6;
252
- $pix-neutral-22: #C1C7D0;
253
- $pix-neutral-25: #A5ADBA;
254
- $pix-neutral-30: #97A0AF;
255
- $pix-neutral-35: #8993A4;
256
- $pix-neutral-40: #7A869A;
257
- $pix-neutral-45: #6B778C;
258
- $pix-neutral-50: #5E6C84;
259
- $pix-neutral-60: #505F79;
281
+ $pix-neutral-0: #ffffff;
282
+ $pix-neutral-5: #fafbfc;
283
+ $pix-neutral-10: #f4f5f7;
284
+ $pix-neutral-15: #eaecf0;
285
+ $pix-neutral-20: #dfe1e6;
286
+ $pix-neutral-22: #c1c7d0;
287
+ $pix-neutral-25: #a5adba;
288
+ $pix-neutral-30: #97a0af;
289
+ $pix-neutral-35: #8993a4;
290
+ $pix-neutral-40: #7a869a;
291
+ $pix-neutral-45: #6b778c;
292
+ $pix-neutral-50: #5e6c84;
293
+ $pix-neutral-60: #505f79;
260
294
  $pix-neutral-70: #344563;
261
295
  $pix-neutral-80: #253858;
262
- $pix-neutral-90: #172B4D;
263
- $pix-neutral-100: #091E42;
264
- $pix-neutral-110: #07142E;
296
+ $pix-neutral-90: #172b4d;
297
+ $pix-neutral-100: #091e42;
298
+ $pix-neutral-110: #07142e;
265
299
 
266
300
  // Shades
267
301
  $pix-shades-100: #000000;
268
302
 
269
303
  // Domain
270
- $pix-information-dark: #F24645;
271
- $pix-information-light: #F1A141;
272
- $pix-content-dark: #1A8C89;
273
- $pix-content-light: #52D987;
274
- $pix-communication-dark: #3D68FF;
275
- $pix-communication-light: #12A3FF;
276
- $pix-security-dark: #AC008D;
277
- $pix-security-light: #FF3F94;
278
- $pix-environment-dark: #5E2563;
279
- $pix-environment-light: #564DA6;
304
+ $pix-information-dark: #f24645;
305
+ $pix-information-light: #f1a141;
306
+ $pix-content-dark: #1a8c89;
307
+ $pix-content-light: #52d987;
308
+ $pix-communication-dark: #3d68ff;
309
+ $pix-communication-light: #12a3ff;
310
+ $pix-security-dark: #ac008d;
311
+ $pix-security-light: #ff3f94;
312
+ $pix-environment-dark: #5e2563;
313
+ $pix-environment-light: #564da6;
280
314
 
281
315
  //// GRADIENT
282
316
  $pix-primary-app-gradient: linear-gradient(91.59deg, #3d68ff 0%, #8845ff 100%);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@1024pix/pix-ui",
3
- "version": "60.6.0",
3
+ "version": "60.7.0",
4
4
  "description": "Pix-UI is the implementation of Pix design principles and guidelines for its products.",
5
5
  "keywords": [
6
6
  "ember-addon"