@1024pix/pix-ui 16.1.0 → 17.0.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.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# Pix-UI Changelog
|
|
2
2
|
|
|
3
|
+
## v17.0.0 (09/08/2022)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### :coffee: Autre
|
|
7
|
+
- [#239](https://github.com/1024pix/pix-ui/pull/239) [BREAKING_CHANGES][BUGFIX] Correction des couleurs du design system par rapport à Figma (PIX-5331).
|
|
8
|
+
|
|
3
9
|
## v16.1.0 (03/08/2022)
|
|
4
10
|
|
|
5
11
|
|
|
@@ -14,7 +14,7 @@ $pix-primary-80: #000e87;
|
|
|
14
14
|
|
|
15
15
|
// Secondary
|
|
16
16
|
$pix-secondary-5: #fff9e6;
|
|
17
|
-
$pix-secondary-10: #
|
|
17
|
+
$pix-secondary-10: #fff1c5;
|
|
18
18
|
$pix-secondary-20: #ffe381;
|
|
19
19
|
$pix-secondary: #ffd235;
|
|
20
20
|
$pix-secondary-40: #ffbe00;
|
|
@@ -75,7 +75,7 @@ $pix-warning-30: #ffd235;
|
|
|
75
75
|
$pix-warning-40: #ffbe00;
|
|
76
76
|
$pix-warning-50: #eaa600;
|
|
77
77
|
$pix-warning-60: #ce8900;
|
|
78
|
-
$pix-warning-70: #
|
|
78
|
+
$pix-warning-70: #a95800;
|
|
79
79
|
$pix-warning-80: #874d00;
|
|
80
80
|
|
|
81
81
|
// Error
|
|
@@ -489,20 +489,20 @@ $yellow-alert-dark: #a95800;
|
|
|
489
489
|
/**
|
|
490
490
|
* @deprecated
|
|
491
491
|
*-To style text or border : $pix-error-70
|
|
492
|
-
*-To style background : $pix-error-
|
|
492
|
+
*-To style background : $pix-error-5
|
|
493
493
|
*/
|
|
494
494
|
$error: #ff4b00;
|
|
495
495
|
|
|
496
496
|
/**
|
|
497
497
|
* @deprecated
|
|
498
498
|
*-To style text or border : $pix-success-70
|
|
499
|
-
*-To style background : $pix-success-
|
|
499
|
+
*-To style background : $pix-success-5
|
|
500
500
|
*/
|
|
501
501
|
$success: #57c884;
|
|
502
502
|
|
|
503
503
|
/**
|
|
504
504
|
* @deprecated
|
|
505
|
-
*-To style text or border : $pix-warning-
|
|
506
|
-
*-To style background : $pix-warning-
|
|
505
|
+
*-To style text or border : $pix-warning-70
|
|
506
|
+
*-To style background : $pix-warning-5
|
|
507
507
|
*/
|
|
508
508
|
$warning: #ffbe00;
|
|
@@ -36,17 +36,17 @@
|
|
|
36
36
|
}
|
|
37
37
|
|
|
38
38
|
&--information {
|
|
39
|
-
background-color: $pix-primary-
|
|
39
|
+
background-color: $pix-primary-5;
|
|
40
40
|
color: $pix-primary-70;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
&--warning {
|
|
44
|
-
background-color: $pix-warning-
|
|
45
|
-
color: $pix-warning-
|
|
44
|
+
background-color: $pix-warning-5;
|
|
45
|
+
color: $pix-warning-70;
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
&--error {
|
|
49
|
-
background-color: $pix-error-
|
|
49
|
+
background-color: $pix-error-5;
|
|
50
50
|
color: $pix-error-70;
|
|
51
51
|
}
|
|
52
52
|
|
|
@@ -10,23 +10,23 @@
|
|
|
10
10
|
|
|
11
11
|
&.pix-message--info {
|
|
12
12
|
color: $pix-primary-70;
|
|
13
|
-
background-color: $pix-primary-
|
|
13
|
+
background-color: $pix-primary-5;
|
|
14
14
|
}
|
|
15
15
|
&.pix-message--alert {
|
|
16
16
|
color: $pix-error-70;
|
|
17
|
-
background-color: $pix-error-
|
|
17
|
+
background-color: $pix-error-5;
|
|
18
18
|
}
|
|
19
19
|
&.pix-message--error {
|
|
20
20
|
color: $pix-error-70;
|
|
21
|
-
background-color: $pix-error-
|
|
21
|
+
background-color: $pix-error-5;
|
|
22
22
|
}
|
|
23
23
|
&.pix-message--success {
|
|
24
24
|
color: $pix-success-70;
|
|
25
|
-
background-color: $pix-success-
|
|
25
|
+
background-color: $pix-success-5;
|
|
26
26
|
}
|
|
27
27
|
&.pix-message--warning {
|
|
28
|
-
color: $pix-warning-
|
|
29
|
-
background-color: $pix-warning-
|
|
28
|
+
color: $pix-warning-70;
|
|
29
|
+
background-color: $pix-warning-5;
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
svg {
|
|
@@ -33,7 +33,7 @@ import { Meta, ColorPalette, ColorItem } from '@storybook/addon-docs';
|
|
|
33
33
|
title="Pix Secondary"
|
|
34
34
|
subtitle="$pix-secondary-"
|
|
35
35
|
colors={{ 5: '#fff9e6',
|
|
36
|
-
10: '#
|
|
36
|
+
10: '#fff1c5',
|
|
37
37
|
20: '#ffe381',
|
|
38
38
|
Secondary: '#ffd235',
|
|
39
39
|
40: '#ffbe00',
|
|
@@ -104,7 +104,7 @@ import { Meta, ColorPalette, ColorItem } from '@storybook/addon-docs';
|
|
|
104
104
|
40: '#ffbe00',
|
|
105
105
|
50: '#eaa600',
|
|
106
106
|
60: '#ce8900',
|
|
107
|
-
70: '#
|
|
107
|
+
70: '#a95800',
|
|
108
108
|
80: '#874d00'}}
|
|
109
109
|
/>
|
|
110
110
|
<ColorItem
|
|
@@ -38,23 +38,23 @@ Les couleurs pour définir un état d'une alerte ont été attribuées pour unif
|
|
|
38
38
|
### Success
|
|
39
39
|
```
|
|
40
40
|
Texte ou bordure : $pix-success-70
|
|
41
|
-
Background : $pix-success-
|
|
41
|
+
Background : $pix-success-5
|
|
42
42
|
```
|
|
43
43
|
|
|
44
44
|
### Warning
|
|
45
45
|
```
|
|
46
|
-
Texte ou bordure : $pix-warning-
|
|
47
|
-
Background : $pix-warning-
|
|
46
|
+
Texte ou bordure : $pix-warning-70
|
|
47
|
+
Background : $pix-warning-5
|
|
48
48
|
```
|
|
49
49
|
|
|
50
50
|
### Error
|
|
51
51
|
```
|
|
52
52
|
Texte ou bordure : $pix-error-70
|
|
53
|
-
Background : $pix-error-
|
|
53
|
+
Background : $pix-error-5
|
|
54
54
|
```
|
|
55
55
|
|
|
56
56
|
### Information
|
|
57
57
|
```
|
|
58
58
|
Texte ou bordure : $pix-primary-70
|
|
59
|
-
Background : $pix-primary-
|
|
59
|
+
Background : $pix-primary-5
|
|
60
60
|
```
|