@cuby-ui/core 0.0.28 → 0.0.29

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 (6) hide show
  1. package/esm2020/components/hint/hint.component.mjs +2 -2
  2. package/fesm2015/cuby-ui-core.mjs +2 -2
  3. package/fesm2020/cuby-ui-core.mjs +2 -2
  4. package/package.json +1 -1
  5. package/styles/theme.scss +31 -8
  6. package/styles/variables/colors.scss +18 -3
package/esm2020/components/hint/hint.component.mjs CHANGED
@@ -6,10 +6,10 @@ export class CuiHintComponent {
6
6
  }
7
7
  }
8
8
  CuiHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
9
- CuiHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiHintComponent, selector: "cui-hint", inputs: { hintType: "hintType" }, host: { properties: { "attr.data-hint-type": "this.hintType" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-600)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
9
+ CuiHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiHintComponent, selector: "cui-hint", inputs: { hintType: "hintType" }, host: { properties: { "attr.data-hint-type": "this.hintType" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-500)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
10
10
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiHintComponent, decorators: [{
11
11
  type: Component,
12
- args: [{ selector: 'cui-hint', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-600)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"] }]
12
+ args: [{ selector: 'cui-hint', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-500)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"] }]
13
13
  }], propDecorators: { hintType: [{
14
14
  type: Input
15
15
  }, {
package/fesm2015/cuby-ui-core.mjs CHANGED
@@ -1183,10 +1183,10 @@ class CuiHintComponent {
1183
1183
  }
1184
1184
  }
1185
1185
  CuiHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1186
- CuiHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiHintComponent, selector: "cui-hint", inputs: { hintType: "hintType" }, host: { properties: { "attr.data-hint-type": "this.hintType" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-600)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1186
+ CuiHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiHintComponent, selector: "cui-hint", inputs: { hintType: "hintType" }, host: { properties: { "attr.data-hint-type": "this.hintType" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-500)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1187
1187
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiHintComponent, decorators: [{
1188
1188
  type: Component,
1189
- args: [{ selector: 'cui-hint', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-600)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"] }]
1189
+ args: [{ selector: 'cui-hint', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-500)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"] }]
1190
1190
  }], propDecorators: { hintType: [{
1191
1191
  type: Input
1192
1192
  }, {
package/fesm2020/cuby-ui-core.mjs CHANGED
@@ -1184,10 +1184,10 @@ class CuiHintComponent {
1184
1184
  }
1185
1185
  }
1186
1186
  CuiHintComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
1187
- CuiHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiHintComponent, selector: "cui-hint", inputs: { hintType: "hintType" }, host: { properties: { "attr.data-hint-type": "this.hintType" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-600)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1187
+ CuiHintComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: CuiHintComponent, selector: "cui-hint", inputs: { hintType: "hintType" }, host: { properties: { "attr.data-hint-type": "this.hintType" } }, ngImport: i0, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-500)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
1188
1188
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: CuiHintComponent, decorators: [{
1189
1189
  type: Component,
1190
- args: [{ selector: 'cui-hint', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-600)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"] }]
1190
+ args: [{ selector: 'cui-hint', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>\n", styles: [":host{font-weight:400;font-size:14px;line-height:20px;font-family:var(--cui-main-font)}:host[data-hint-type=info]{color:var(--cui-base-500)}:host[data-hint-type=error]{color:var(--cui-error-500)}\n"] }]
1191
1191
  }], propDecorators: { hintType: [{
1192
1192
  type: Input
1193
1193
  }, {
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.29",
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);