@weni/unnnic-system 3.5.3-alpha.0 → 3.5.3-alpha.1
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/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/assets/scss/scheme-colors.scss +82 -95
package/package.json
CHANGED
|
@@ -3,106 +3,94 @@
|
|
|
3
3
|
|
|
4
4
|
// Global scheme colors mapping for all components
|
|
5
5
|
|
|
6
|
-
$unnnic-scheme-colors:
|
|
7
|
-
'
|
|
8
|
-
'background-grass'$unnnic-color-green-50,
|
|
9
|
-
'background-carpet'$unnnic-color-gray-50,
|
|
10
|
-
'background-snow'$unnnic-color-white,
|
|
11
|
-
'background-lightest'$unnnic-color-gray-50,
|
|
12
|
-
'background-white'$unnnic-color-white,
|
|
6
|
+
$unnnic-scheme-colors:
|
|
7
|
+
'white' $unnnic-color-white,
|
|
13
8
|
|
|
14
|
-
'
|
|
15
|
-
'neutral-darkest'$unnnic-color-gray-800,
|
|
16
|
-
'neutral-dark'$unnnic-color-gray-700,
|
|
17
|
-
'neutral-cloudy'$unnnic-color-gray-500,
|
|
18
|
-
'neutral-cleanest'$unnnic-color-gray-200,
|
|
19
|
-
'neutral-clean'$unnnic-color-gray-300,
|
|
20
|
-
'neutral-soft'$unnnic-color-gray-100,
|
|
21
|
-
'neutral-lightest'$unnnic-color-gray-50,
|
|
22
|
-
'neutral-light'$unnnic-color-gray-50,
|
|
23
|
-
'neutral-white'$unnnic-color-white,
|
|
24
|
-
'neutral-snow'$unnnic-color-white,
|
|
9
|
+
'black' $unnnic-color-black,
|
|
25
10
|
|
|
26
|
-
'
|
|
27
|
-
'
|
|
28
|
-
'
|
|
29
|
-
'
|
|
30
|
-
'
|
|
11
|
+
'gray-50' $unnnic-color-gray-50,
|
|
12
|
+
'gray-100' $unnnic-color-gray-100,
|
|
13
|
+
'gray-200' $unnnic-color-gray-200,
|
|
14
|
+
'gray-300' $unnnic-color-gray-300,
|
|
15
|
+
'gray-400' $unnnic-color-gray-400,
|
|
16
|
+
'gray-500' $unnnic-color-gray-500,
|
|
17
|
+
'gray-600' $unnnic-color-gray-600,
|
|
18
|
+
'gray-700' $unnnic-color-gray-700,
|
|
19
|
+
'gray-800' $unnnic-color-gray-800,
|
|
20
|
+
'gray-900' $unnnic-color-gray-900,
|
|
21
|
+
'gray-950' $unnnic-color-gray-950,
|
|
31
22
|
|
|
32
|
-
'
|
|
33
|
-
'
|
|
34
|
-
'
|
|
35
|
-
'
|
|
36
|
-
'
|
|
37
|
-
'
|
|
38
|
-
'
|
|
39
|
-
'
|
|
40
|
-
'
|
|
41
|
-
'
|
|
23
|
+
'teal-50' $unnnic-color-teal-50,
|
|
24
|
+
'teal-100' $unnnic-color-teal-100,
|
|
25
|
+
'teal-200' $unnnic-color-teal-200,
|
|
26
|
+
'teal-300' $unnnic-color-teal-300,
|
|
27
|
+
'teal-400' $unnnic-color-teal-400,
|
|
28
|
+
'teal-500' $unnnic-color-teal-500,
|
|
29
|
+
'teal-600' $unnnic-color-teal-600,
|
|
30
|
+
'teal-700' $unnnic-color-teal-700,
|
|
31
|
+
'teal-800' $unnnic-color-teal-800,
|
|
32
|
+
'teal-900' $unnnic-color-teal-900,
|
|
33
|
+
'teal-950' $unnnic-color-teal-950,
|
|
42
34
|
|
|
43
|
-
'
|
|
44
|
-
'
|
|
45
|
-
'
|
|
46
|
-
'
|
|
47
|
-
'
|
|
48
|
-
'
|
|
49
|
-
'
|
|
50
|
-
'
|
|
51
|
-
'
|
|
52
|
-
'
|
|
53
|
-
'
|
|
54
|
-
'aux-purple-300'$unnnic-color-purple-300,
|
|
55
|
-
'aux-purple-500'$unnnic-color-purple-500,
|
|
56
|
-
'aux-purple-700'$unnnic-color-purple-700,
|
|
57
|
-
'aux-purple-900'$unnnic-color-purple-900,
|
|
58
|
-
'aux-red-100'$unnnic-color-red-100,
|
|
59
|
-
'aux-red-300'$unnnic-color-red-300,
|
|
60
|
-
'aux-red-500'$unnnic-color-red-500,
|
|
61
|
-
'aux-red-700'$unnnic-color-red-700,
|
|
62
|
-
'aux-red-900'$unnnic-color-red-900,
|
|
63
|
-
'aux-orange-100'$unnnic-color-orange-100,
|
|
64
|
-
'aux-orange-300'$unnnic-color-orange-300,
|
|
65
|
-
'aux-orange-500'$unnnic-color-orange-500,
|
|
66
|
-
'aux-orange-700'$unnnic-color-orange-700,
|
|
67
|
-
'aux-orange-900'$unnnic-color-orange-900,
|
|
68
|
-
'aux-yellow-100'$unnnic-color-yellow-100,
|
|
69
|
-
'aux-yellow-300'$unnnic-color-yellow-300,
|
|
70
|
-
'aux-yellow-500'$unnnic-color-yellow-500,
|
|
71
|
-
'aux-yellow-700'$unnnic-color-yellow-700,
|
|
72
|
-
'aux-yellow-900'$unnnic-color-yellow-900,
|
|
35
|
+
'green-50' $unnnic-color-green-50,
|
|
36
|
+
'green-100' $unnnic-color-green-100,
|
|
37
|
+
'green-200' $unnnic-color-green-200,
|
|
38
|
+
'green-300' $unnnic-color-green-300,
|
|
39
|
+
'green-400' $unnnic-color-green-400,
|
|
40
|
+
'green-500' $unnnic-color-green-500,
|
|
41
|
+
'green-600' $unnnic-color-green-600,
|
|
42
|
+
'green-700' $unnnic-color-green-700,
|
|
43
|
+
'green-800' $unnnic-color-green-800,
|
|
44
|
+
'green-900' $unnnic-color-green-900,
|
|
45
|
+
'green-950' $unnnic-color-green-950,
|
|
73
46
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
47
|
+
'blue-50' $unnnic-color-blue-50,
|
|
48
|
+
'blue-100' $unnnic-color-blue-100,
|
|
49
|
+
'blue-200' $unnnic-color-blue-200,
|
|
50
|
+
'blue-300' $unnnic-color-blue-300,
|
|
51
|
+
'blue-400' $unnnic-color-blue-400,
|
|
52
|
+
'blue-500' $unnnic-color-blue-500,
|
|
53
|
+
'blue-600' $unnnic-color-blue-600,
|
|
54
|
+
'blue-700' $unnnic-color-blue-700,
|
|
55
|
+
'blue-800' $unnnic-color-blue-800,
|
|
56
|
+
'blue-900' $unnnic-color-blue-900,
|
|
57
|
+
'blue-950' $unnnic-color-blue-950,
|
|
77
58
|
|
|
78
|
-
'
|
|
79
|
-
'
|
|
80
|
-
'
|
|
81
|
-
'
|
|
82
|
-
'
|
|
83
|
-
'
|
|
84
|
-
'
|
|
59
|
+
'purple-50' $unnnic-color-purple-50,
|
|
60
|
+
'purple-100' $unnnic-color-purple-100,
|
|
61
|
+
'purple-200' $unnnic-color-purple-200,
|
|
62
|
+
'purple-300' $unnnic-color-purple-300,
|
|
63
|
+
'purple-400' $unnnic-color-purple-400,
|
|
64
|
+
'purple-500' $unnnic-color-purple-500,
|
|
65
|
+
'purple-600' $unnnic-color-purple-600,
|
|
66
|
+
'purple-700' $unnnic-color-purple-700,
|
|
67
|
+
'purple-800' $unnnic-color-purple-800,
|
|
68
|
+
'purple-900' $unnnic-color-purple-900,
|
|
69
|
+
'purple-950' $unnnic-color-purple-950,
|
|
85
70
|
|
|
86
|
-
'
|
|
87
|
-
'
|
|
88
|
-
'
|
|
89
|
-
'
|
|
90
|
-
'
|
|
91
|
-
'
|
|
92
|
-
'
|
|
93
|
-
'
|
|
94
|
-
'
|
|
95
|
-
'
|
|
96
|
-
'
|
|
97
|
-
'brand-weni'$unnnic-color-teal-600,
|
|
98
|
-
'brand-weni-dark'$unnnic-color-teal-800,
|
|
99
|
-
'brand-weni-soft'$unnnic-color-teal-100,
|
|
100
|
-
'brand-sec-dark'$unnnic-color-blue-800,
|
|
101
|
-
'brand-sec-soft'$unnnic-color-blue-100,
|
|
102
|
-
'brand-sec'$unnnic-color-blue-600,
|
|
71
|
+
'red-50' $unnnic-color-red-50,
|
|
72
|
+
'red-100' $unnnic-color-red-100,
|
|
73
|
+
'red-200' $unnnic-color-red-200,
|
|
74
|
+
'red-300' $unnnic-color-red-300,
|
|
75
|
+
'red-400' $unnnic-color-red-400,
|
|
76
|
+
'red-500' $unnnic-color-red-500,
|
|
77
|
+
'red-600' $unnnic-color-red-600,
|
|
78
|
+
'red-700' $unnnic-color-red-700,
|
|
79
|
+
'red-800' $unnnic-color-red-800,
|
|
80
|
+
'red-900' $unnnic-color-red-900,
|
|
81
|
+
'red-950' $unnnic-color-red-950,
|
|
103
82
|
|
|
104
|
-
'
|
|
105
|
-
'
|
|
83
|
+
'orange-50' $unnnic-color-orange-50,
|
|
84
|
+
'orange-100' $unnnic-color-orange-100,
|
|
85
|
+
'orange-200' $unnnic-color-orange-200,
|
|
86
|
+
'orange-300' $unnnic-color-orange-300,
|
|
87
|
+
'orange-400' $unnnic-color-orange-400,
|
|
88
|
+
'orange-500' $unnnic-color-orange-500,
|
|
89
|
+
'orange-600' $unnnic-color-orange-600,
|
|
90
|
+
'orange-700' $unnnic-color-orange-700,
|
|
91
|
+
'orange-800' $unnnic-color-orange-800,
|
|
92
|
+
'orange-900' $unnnic-color-orange-900,
|
|
93
|
+
'orange-950' $unnnic-color-orange-950,
|
|
106
94
|
|
|
107
95
|
'yellow-50' $unnnic-color-yellow-50,
|
|
108
96
|
'yellow-100' $unnnic-color-yellow-100,
|
|
@@ -262,11 +250,10 @@ $unnnic-scheme-colors: 'background-solo'$unnnic-color-teal-50,
|
|
|
262
250
|
|
|
263
251
|
@function get-scheme-color($name) {
|
|
264
252
|
@each $scheme-name, $color in $unnnic-scheme-colors {
|
|
265
|
-
@if $scheme-name
|
|
253
|
+
@if $scheme-name == $name {
|
|
266
254
|
@return $color;
|
|
267
255
|
}
|
|
268
256
|
}
|
|
269
|
-
|
|
270
257
|
@warn "Scheme color '#{$name}' not found in $unnnic-scheme-colors";
|
|
271
258
|
@return null;
|
|
272
|
-
}
|
|
259
|
+
}
|