@cuby-ui/core 0.0.38 → 0.0.42

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 (48) hide show
  1. package/components/alert/alert.component.d.ts +1 -1
  2. package/components/alert/alert.module.d.ts +1 -1
  3. package/components/badge/badge.component.d.ts +10 -0
  4. package/components/badge/badge.module.d.ts +8 -0
  5. package/components/badge/badge.options.d.ts +8 -0
  6. package/components/badge/index.d.ts +2 -0
  7. package/components/banner/banner.component.d.ts +5 -1
  8. package/components/banner/banner.module.d.ts +4 -3
  9. package/components/button/button.component.d.ts +1 -1
  10. package/components/button/button.options.d.ts +2 -2
  11. package/components/dialog/dialog.module.d.ts +3 -2
  12. package/components/index.d.ts +1 -0
  13. package/components/notification/notification.module.d.ts +3 -3
  14. package/esm2020/components/alert/alert.component.mjs +3 -2
  15. package/esm2020/components/alert/alert.module.mjs +6 -4
  16. package/esm2020/components/alert/alerts.component.mjs +3 -3
  17. package/esm2020/components/badge/badge.component.mjs +31 -0
  18. package/esm2020/components/badge/badge.module.mjs +18 -0
  19. package/esm2020/components/badge/badge.options.mjs +8 -0
  20. package/esm2020/components/badge/index.mjs +3 -0
  21. package/esm2020/components/banner/banner.component.mjs +18 -11
  22. package/esm2020/components/banner/banner.module.mjs +4 -1
  23. package/esm2020/components/button/button.component.mjs +2 -2
  24. package/esm2020/components/button/button.options.mjs +2 -2
  25. package/esm2020/components/checkbox/checkbox.component.mjs +2 -2
  26. package/esm2020/components/dialog/dialog.module.mjs +4 -1
  27. package/esm2020/components/dialog/dialogs.component.mjs +4 -3
  28. package/esm2020/components/editor/editor.component.mjs +2 -2
  29. package/esm2020/components/index.mjs +2 -1
  30. package/esm2020/components/input-number/input-number.component.mjs +3 -3
  31. package/esm2020/components/input-password/input-password.component.mjs +3 -3
  32. package/esm2020/components/input-text/input-text.component.mjs +3 -3
  33. package/esm2020/components/notification/notification.component.mjs +7 -7
  34. package/esm2020/components/notification/notification.module.mjs +7 -8
  35. package/esm2020/components/radio/radio.component.mjs +2 -2
  36. package/esm2020/components/select/select.component.mjs +2 -2
  37. package/esm2020/services/index.mjs +2 -1
  38. package/esm2020/types/appearance.mjs +1 -1
  39. package/fesm2015/cuby-ui-core.mjs +137 -78
  40. package/fesm2015/cuby-ui-core.mjs.map +1 -1
  41. package/fesm2020/cuby-ui-core.mjs +137 -78
  42. package/fesm2020/cuby-ui-core.mjs.map +1 -1
  43. package/package.json +3 -3
  44. package/services/index.d.ts +1 -0
  45. package/styles/mixins/inputs.scss +5 -1
  46. package/styles/theme.scss +0 -16
  47. package/styles/variables/colors.scss +8 -18
  48. package/types/appearance.d.ts +1 -1
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@cuby-ui/core",
3
- "version": "0.0.38",
3
+ "version": "0.0.42",
4
4
  "peerDependencies": {
5
5
  "@angular/common": ">=15.0.0",
6
6
  "@angular/core": ">=15.0.0",
7
7
  "@angular/forms": ">=15.0.0",
8
- "@cuby-ui/icons": "^0.0.37",
9
- "@cuby-ui/cdk": "^0.0.37"
8
+ "@cuby-ui/icons": "^0.0.42",
9
+ "@cuby-ui/cdk": "^0.0.42"
10
10
  },
11
11
  "dependencies": {
12
12
  "tslib": "^2.3.0"
@@ -1 +1,2 @@
1
+ export * from './theme.options';
1
2
  export * from './theme.service';
@@ -31,7 +31,7 @@
31
31
  border: $border-width solid colors.$cui-base-200;
32
32
  border-radius: 8px;
33
33
  cursor: text;
34
- background: colors.$cui-base-10;
34
+ background: colors.$cui-gray-10;
35
35
  color: colors.$cui-base-900;
36
36
  font-family: fonts.$cui-main-font;
37
37
 
@@ -69,6 +69,10 @@
69
69
  }
70
70
  }
71
71
 
72
+ :host-context([cuiTheme='dark']) {
73
+ background: colors.$cui-slate-700;
74
+ }
75
+
72
76
  .c-input {
73
77
  @include cui-clear-input();
74
78
 
package/styles/theme.scss CHANGED
@@ -28,11 +28,6 @@
28
28
  --cui-slate-800: #22272E;
29
29
  --cui-slate-900: #1C2128;
30
30
 
31
- // TODO: DELETE
32
- --cui-dark-gray-10: #26262B;
33
- --cui-dark-gray-30: #2B2D31;
34
- --cui-dark-gray-400: #565962;
35
-
36
31
  --cui-cyan-800: #297F7E;
37
32
  --cui-cyan-900: #1A6B6A;
38
33
 
@@ -112,25 +107,14 @@
112
107
  --cui-base-500: var(--cui-gray-500);
113
108
  --cui-base-900: var(--cui-gray-900);
114
109
 
115
- --cui-accent-800: var(--cui-cyan-800);
116
- --cui-accent-900: var(--cui-cyan-900);
117
-
118
110
  --cui-success: var(--cui-green-600);
119
111
 
120
112
  --cui-warning: var(--cui-yellow-400);
121
113
 
122
114
  --cui-danger: var(--cui-red-500);
123
115
 
124
- // TODO: DELETE
125
- --cui-error-600: var(--cui-red-600);
126
- --cui-error-900: var(--cui-red-900);
127
-
128
116
  --cui-info: var(--cui-blue-600);
129
117
 
130
- // TODO: DELETE
131
- --cui-info-50: var(--cui-light-blue-50);
132
- --cui-info-900: var(--cui-blue-900);
133
-
134
118
  --cui-focus: var(--cui-blue-100);
135
119
  }
136
120
 
@@ -23,11 +23,6 @@ $cui-slate-700: var(--cui-slate-700);
23
23
  $cui-slate-800: var(--cui-slate-800);
24
24
  $cui-slate-900: var(--cui-slate-900);
25
25
 
26
- // TODO: DELETE
27
- $cui-dark-gray-10: var(--cui-dark-gray-10);
28
- $cui-dark-gray-30: var(--cui-dark-gray-30);
29
- $cui-dark-gray-400: var(--cui-dark-gray-400);
30
-
31
26
  $cui-cyan-800: var(--cui-cyan-800);
32
27
  $cui-cyan-900: var(--cui-cyan-900);
33
28
 
@@ -42,7 +37,7 @@ $cui-green-700: var(--cui-green-700);
42
37
  $cui-green-800: var(--cui-green-800);
43
38
  $cui-green-900: var(--cui-green-900);
44
39
 
45
- $cui-yellow50: var(--cui-yellow-50);
40
+ $cui-yellow-50: var(--cui-yellow-50);
46
41
  $cui-yellow-100: var(--cui-yellow-100);
47
42
  $cui-yellow-200: var(--cui-yellow-200);
48
43
  $cui-yellow-300: var(--cui-yellow-300);
@@ -76,8 +71,15 @@ $cui-red-800: var(--cui-red-800);
76
71
  $cui-red-900: var(--cui-red-900);
77
72
 
78
73
  $cui-light-blue-50: var(--cui-light-blue-50);
74
+ $cui-light-blue-100: var(--cui-light-blue-100);
75
+ $cui-light-blue-200: var(--cui-light-blue-200);
76
+ $cui-light-blue-300: var(--cui-light-blue-300);
77
+ $cui-light-blue-400: var(--cui-light-blue-400);
79
78
  $cui-light-blue-500: var(--cui-light-blue-500);
80
79
  $cui-light-blue-600: var(--cui-light-blue-600);
80
+ $cui-light-blue-700: var(--cui-light-blue-700);
81
+ $cui-light-blue-800: var(--cui-light-blue-800);
82
+ $cui-light-blue-900: var(--cui-light-blue-900);
81
83
 
82
84
  $cui-blue-50: var(--cui-blue-50);
83
85
  $cui-blue-100: var(--cui-blue-100);
@@ -101,24 +103,12 @@ $cui-base-500: var(--cui-base-500);
101
103
  $cui-base-600: var(--cui-base-600);
102
104
  $cui-base-900: var(--cui-base-900);
103
105
 
104
- $cui-accent-800: var(--cui-accent-800);
105
- $cui-accent-900: var(--cui-accent-900);
106
-
107
106
  $cui-success: var(--cui-success);
108
107
 
109
108
  $cui-warning: var(--cui-warning);
110
109
 
111
110
  $cui-danger: var(--cui-danger);
112
111
 
113
- // TODO: DELETE
114
- $cui-error-600: var(--cui-error-600);
115
- $cui-error-900: var(--cui-error-900);
116
-
117
112
  $cui-info: var(--cui-info);
118
113
 
119
- // TODO: DELETE
120
- $cui-info-50: var(--cui-info-50);
121
- $cui-info-900: var(--cui-info-900);
122
-
123
114
  $cui-focus: var(--cui-focus);
124
-
@@ -1,4 +1,4 @@
1
- export type CuiAppearanceAccent = 'accent';
1
+ export type CuiAppearanceAction = 'action';
2
2
  export type CuiAppearanceSecondary = 'secondary';
3
3
  export type CuiAppearanceOutlined = 'outlined';
4
4
  export type CuiAppearanceOutlinedGray = 'outlined-gray';