@cobre-npm/ds-v3 0.93.1 → 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.
Files changed (4) hide show
  1. package/dist/cobre-ds-v3-lib.es.js +1271 -1271
  2. package/dist/style.css +1 -1
  3. package/dist/tokens/_semantics.scss +46 -44
  4. package/package.json +1 -1
package/dist/tokens/_semantics.scss CHANGED
@@ -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: $cobre-primary-95,
8
- border-light: $cobre-primary-80,
9
- border-disabled: $cobre-primary-50,
10
- border-line: $cobre-primary-20,
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: $cobre-opacity-40,
15
+ opacity-40: primitives.$cobre-opacity-40,
14
16
 
15
17
  // Icon
16
- icon: $cobre-primary-95,
17
- icon-inverse: $cobre-primary-10,
18
- icon-disabled: $cobre-primary-50,
19
- icon-inverse-disabled: $cobre-primary-50,
20
- icon-brand: $cobre-secondary-50,
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: $cobre-red-10,
24
- error-medium: $cobre-red-30,
25
- error-dark: $cobre-red-50,
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: $cobre-green-10,
29
- success-medium: $cobre-green-30,
30
- success-dark: $cobre-green-50,
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: $cobre-yellow-10,
34
- warning-medium: $cobre-yellow-30,
35
- warning-dark: $cobre-yellow-50,
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: $cobre-blue-10,
39
- info-medium: $cobre-blue-30,
40
- info-dark: $cobre-blue-50,
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: $cobre-primary-10,
44
- neutral-medium: $cobre-primary-40,
45
- neutral-dark: $cobre-primary-90
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: $cobre-primary-95,
74
- disabled: $cobre-primary-50,
75
- inverse: $cobre-primary-10,
76
- inverse-disabled: $cobre-primary-50,
77
- secondary: $cobre-primary-80,
78
- brand: $cobre-secondary-50,
79
- primary-light: $cobre-primary-90
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: $cobre-white,
101
- bg-secondary: $cobre-primary-10,
102
- bg-inverse: $cobre-primary-95,
103
- bg-fill: $cobre-primary-95,
104
- bg-fill-hover: $cobre-primary-90,
105
- bg-fill-pressed: $cobre-primary-80,
106
- bg-fill-selected: $cobre-primary-95,
107
- bg-fill-disabled: $cobre-primary-40,
108
- bg-fill-secondary: $cobre-white,
109
- bg-fill-secondary-hover: $cobre-primary-20,
110
- bg-fill-secondary-pressed: $cobre-primary-40,
111
- bg-fill-secondary-selected: $cobre-primary-30
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 {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cobre-npm/ds-v3",
3
- "version": "0.93.1",
3
+ "version": "0.94.0",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"