@cuby-ui/core 0.0.28 → 0.0.30

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 (10) hide show
  1. package/components/root/root.component.d.ts +7 -1
  2. package/esm2020/components/hint/hint.component.mjs +2 -2
  3. package/esm2020/components/root/root.component.mjs +21 -4
  4. package/fesm2015/cuby-ui-core.mjs +48 -35
  5. package/fesm2015/cuby-ui-core.mjs.map +1 -1
  6. package/fesm2020/cuby-ui-core.mjs +48 -35
  7. package/fesm2020/cuby-ui-core.mjs.map +1 -1
  8. package/package.json +1 -1
  9. package/styles/theme.scss +31 -8
  10. package/styles/variables/colors.scss +18 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuby-ui/core",
3
- "version": "0.0.28",
3
+ "version": "0.0.30",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=15.0.0",
6
6
  "@angular/core": ">=15.0.0",
package/styles/theme.scss CHANGED
@@ -5,15 +5,30 @@
5
5
 
6
6
  --cui-gray-0: #FFFFFF;
7
7
  --cui-gray-10: #F9FAFB;
8
- --cui-gray-50: #F5F6F8;
8
+ --cui-gray-50: #EFF0F2;
9
9
  --cui-gray-100: #E9EBEE;
10
10
  --cui-gray-200: #E2E4E9;
11
- --cui-gray-300: #B4B9C1;
12
- --cui-gray-400: #8A95A3;
13
- --cui-gray-500: #6B7280;
14
- --cui-gray-600: #4B5563;
15
- --cui-gray-900: #111827;
16
-
11
+ --cui-gray-300: #AEB2BC;
12
+ --cui-gray-400: #7F8493;
13
+ --cui-gray-500: #595E6A;
14
+ --cui-gray-600: #474B55;
15
+ --cui-gray-700: #363840;
16
+ --cui-gray-800: #24262B;
17
+ --cui-gray-900: #121315;
18
+
19
+ --cui-slate-10: #F6FBFF;
20
+ --cui-slate-50: #E4ECF3;
21
+ --cui-slate-100: #D3DDE8;
22
+ --cui-slate-200: #C5D1DE;
23
+ --cui-slate-300: #ADBAC7;
24
+ --cui-slate-400: #717E8B;
25
+ --cui-slate-500: #444C56;
26
+ --cui-slate-600: #373E47;
27
+ --cui-slate-700: #2D333B;
28
+ --cui-slate-800: #22272E;
29
+ --cui-slate-900: #1C2128;
30
+
31
+ // TODO: DELETE
17
32
  --cui-dark-gray-10: #26262B;
18
33
  --cui-dark-gray-30: #2B2D31;
19
34
  --cui-dark-gray-400: #565962;
@@ -55,7 +70,6 @@
55
70
  --cui-base-300: var(--cui-gray-300);
56
71
  --cui-base-400: var(--cui-gray-400);
57
72
  --cui-base-500: var(--cui-gray-500);
58
- --cui-base-600: var(--cui-gray-600);
59
73
  --cui-base-900: var(--cui-gray-900);
60
74
 
61
75
  --cui-accent-800: var(--cui-cyan-800);
@@ -77,4 +91,13 @@
77
91
  }
78
92
 
79
93
  [cuiTheme='dark'] {
94
+ --cui-base-0: var(--cui-slate-900);
95
+ --cui-base-10: var(--cui-slate-800);
96
+ --cui-base-50: var(--cui-slate-700);
97
+ --cui-base-100: var(--cui-slate-600);
98
+ --cui-base-200: var(--cui-slate-500);
99
+ --cui-base-300: var(--cui-gray-400);
100
+ --cui-base-400: var(--cui-slate-400);
101
+ --cui-base-500: var(--cui-slate-300);
102
+ --cui-base-900: var(--cui-slate-200);
80
103
  }
package/styles/variables/colors.scss CHANGED
@@ -7,8 +7,23 @@ $cui-gray-300: var(--cui-gray-300);
7
7
  $cui-gray-400: var(--cui-gray-400);
8
8
  $cui-gray-500: var(--cui-gray-500);
9
9
  $cui-gray-600: var(--cui-gray-600);
10
+ $cui-gray-700: var(--cui-gray-700);
11
+ $cui-gray-800: var(--cui-gray-800);
10
12
  $cui-gray-900: var(--cui-gray-900);
11
13
 
14
+ $cui-slate-10: var(--cui-slate-10);
15
+ $cui-slate-50: var(--cui-slate-50);
16
+ $cui-slate-100: var(--cui-slate-100);
17
+ $cui-slate-200: var(--cui-slate-200);
18
+ $cui-slate-300: var(--cui-slate-300);
19
+ $cui-slate-400: var(--cui-slate-400);
20
+ $cui-slate-500: var(--cui-slate-500);
21
+ $cui-slate-600: var(--cui-slate-600);
22
+ $cui-slate-700: var(--cui-slate-700);
23
+ $cui-slate-800: var(--cui-slate-800);
24
+ $cui-slate-900: var(--cui-slate-900);
25
+
26
+ // TODO: DELETE
12
27
  $cui-dark-gray-10: var(--cui-dark-gray-10);
13
28
  $cui-dark-gray-30: var(--cui-dark-gray-30);
14
29
  $cui-dark-gray-400: var(--cui-dark-gray-400);
@@ -33,7 +48,7 @@ $cui-red-500: var(--cui-red-500);
33
48
  $cui-red-600: var(--cui-red-600);
34
49
  $cui-red-900: var(--cui-red-900);
35
50
 
36
- $cui-light-blue-50 : var(--cui-light-blue-50);
51
+ $cui-light-blue-50: var(--cui-light-blue-50);
37
52
  $cui-light-blue-500: var(--cui-light-blue-500);
38
53
  $cui-light-blue-600: var(--cui-light-blue-600);
39
54
 
@@ -62,9 +77,9 @@ $cui-success-900: var(--cui-success-900);
62
77
 
63
78
  $cui-error-500: var(--cui-error-500);
64
79
  $cui-error-600: var(--cui-error-600);
65
- $cui-error-900 : var(--cui-error-900);
80
+ $cui-error-900: var(--cui-error-900);
66
81
 
67
- $cui-info-50 : var(--cui-info-50);
82
+ $cui-info-50: var(--cui-info-50);
68
83
  $cui-info-500: var(--cui-info-500);
69
84
  $cui-info-600: var(--cui-info-600);
70
85
  $cui-info-800: var(--cui-info-800);