@cobre-npm/ds-v3 0.93.2 → 0.94.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/dist/style.css +1 -1
- package/dist/tokens/_semantics.scss +46 -44
- package/package.json +1 -1
|
@@ -1,48 +1,50 @@
|
|
|
1
|
+
@use "primitives";
|
|
2
|
+
|
|
1
3
|
/***
|
|
2
4
|
SEMANTICS
|
|
3
5
|
***/
|
|
4
6
|
|
|
5
7
|
$cobre-semantics: (
|
|
6
8
|
// Border
|
|
7
|
-
border-strong:
|
|
8
|
-
border-light:
|
|
9
|
-
border-disabled:
|
|
10
|
-
border-line:
|
|
9
|
+
border-strong: primitives.$cobre-primary-95,
|
|
10
|
+
border-light: primitives.$cobre-primary-80,
|
|
11
|
+
border-disabled: primitives.$cobre-primary-50,
|
|
12
|
+
border-line: primitives.$cobre-primary-20,
|
|
11
13
|
|
|
12
14
|
// Opacity
|
|
13
|
-
opacity-40:
|
|
15
|
+
opacity-40: primitives.$cobre-opacity-40,
|
|
14
16
|
|
|
15
17
|
// Icon
|
|
16
|
-
icon:
|
|
17
|
-
icon-inverse:
|
|
18
|
-
icon-disabled:
|
|
19
|
-
icon-inverse-disabled:
|
|
20
|
-
icon-brand:
|
|
18
|
+
icon: primitives.$cobre-primary-95,
|
|
19
|
+
icon-inverse: primitives.$cobre-primary-10,
|
|
20
|
+
icon-disabled: primitives.$cobre-primary-50,
|
|
21
|
+
icon-inverse-disabled: primitives.$cobre-primary-50,
|
|
22
|
+
icon-brand: primitives.$cobre-secondary-50,
|
|
21
23
|
|
|
22
24
|
// Error
|
|
23
|
-
error-light:
|
|
24
|
-
error-medium:
|
|
25
|
-
error-dark:
|
|
25
|
+
error-light: primitives.$cobre-red-10,
|
|
26
|
+
error-medium: primitives.$cobre-red-30,
|
|
27
|
+
error-dark: primitives.$cobre-red-50,
|
|
26
28
|
|
|
27
29
|
// Success
|
|
28
|
-
success-light:
|
|
29
|
-
success-medium:
|
|
30
|
-
success-dark:
|
|
30
|
+
success-light: primitives.$cobre-green-10,
|
|
31
|
+
success-medium: primitives.$cobre-green-30,
|
|
32
|
+
success-dark: primitives.$cobre-green-50,
|
|
31
33
|
|
|
32
34
|
// Warning
|
|
33
|
-
warning-light:
|
|
34
|
-
warning-medium:
|
|
35
|
-
warning-dark:
|
|
35
|
+
warning-light: primitives.$cobre-yellow-10,
|
|
36
|
+
warning-medium: primitives.$cobre-yellow-30,
|
|
37
|
+
warning-dark: primitives.$cobre-yellow-50,
|
|
36
38
|
|
|
37
39
|
// Information
|
|
38
|
-
info-light:
|
|
39
|
-
info-medium:
|
|
40
|
-
info-dark:
|
|
40
|
+
info-light: primitives.$cobre-blue-10,
|
|
41
|
+
info-medium: primitives.$cobre-blue-30,
|
|
42
|
+
info-dark: primitives.$cobre-blue-50,
|
|
41
43
|
|
|
42
44
|
// Neutral
|
|
43
|
-
neutral-light:
|
|
44
|
-
neutral-medium:
|
|
45
|
-
neutral-dark:
|
|
45
|
+
neutral-light: primitives.$cobre-primary-10,
|
|
46
|
+
neutral-medium: primitives.$cobre-primary-40,
|
|
47
|
+
neutral-dark: primitives.$cobre-primary-90
|
|
46
48
|
);
|
|
47
49
|
|
|
48
50
|
@each $name, $hex in $cobre-semantics {
|
|
@@ -70,13 +72,13 @@ $cobre-semantics: (
|
|
|
70
72
|
***/
|
|
71
73
|
|
|
72
74
|
$cobre-semantics-text: (
|
|
73
|
-
primary:
|
|
74
|
-
disabled:
|
|
75
|
-
inverse:
|
|
76
|
-
inverse-disabled:
|
|
77
|
-
secondary:
|
|
78
|
-
brand:
|
|
79
|
-
primary-light:
|
|
75
|
+
primary: primitives.$cobre-primary-95,
|
|
76
|
+
disabled: primitives.$cobre-primary-50,
|
|
77
|
+
inverse: primitives.$cobre-primary-10,
|
|
78
|
+
inverse-disabled: primitives.$cobre-primary-50,
|
|
79
|
+
secondary: primitives.$cobre-primary-80,
|
|
80
|
+
brand: primitives.$cobre-secondary-50,
|
|
81
|
+
primary-light: primitives.$cobre-primary-90
|
|
80
82
|
);
|
|
81
83
|
|
|
82
84
|
@each $name, $hex in $cobre-semantics-text {
|
|
@@ -97,18 +99,18 @@ $cobre-semantics-text: (
|
|
|
97
99
|
***/
|
|
98
100
|
|
|
99
101
|
$cobre-semantics-bg: (
|
|
100
|
-
bg-primary:
|
|
101
|
-
bg-secondary:
|
|
102
|
-
bg-inverse:
|
|
103
|
-
bg-fill:
|
|
104
|
-
bg-fill-hover:
|
|
105
|
-
bg-fill-pressed:
|
|
106
|
-
bg-fill-selected:
|
|
107
|
-
bg-fill-disabled:
|
|
108
|
-
bg-fill-secondary:
|
|
109
|
-
bg-fill-secondary-hover:
|
|
110
|
-
bg-fill-secondary-pressed:
|
|
111
|
-
bg-fill-secondary-selected:
|
|
102
|
+
bg-primary: primitives.$cobre-white,
|
|
103
|
+
bg-secondary: primitives.$cobre-primary-10,
|
|
104
|
+
bg-inverse: primitives.$cobre-primary-95,
|
|
105
|
+
bg-fill: primitives.$cobre-primary-95,
|
|
106
|
+
bg-fill-hover: primitives.$cobre-primary-90,
|
|
107
|
+
bg-fill-pressed: primitives.$cobre-primary-80,
|
|
108
|
+
bg-fill-selected: primitives.$cobre-primary-95,
|
|
109
|
+
bg-fill-disabled: primitives.$cobre-primary-40,
|
|
110
|
+
bg-fill-secondary: primitives.$cobre-white,
|
|
111
|
+
bg-fill-secondary-hover: primitives.$cobre-primary-20,
|
|
112
|
+
bg-fill-secondary-pressed: primitives.$cobre-primary-40,
|
|
113
|
+
bg-fill-secondary-selected: primitives.$cobre-primary-30
|
|
112
114
|
);
|
|
113
115
|
|
|
114
116
|
@each $name, $hex in $cobre-semantics-bg {
|