@elderbyte/ngx-starter 19.1.0-beta.10 → 19.1.0-beta.11

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "19.1.0-beta.10",
3
+ "version": "19.1.0-beta.11",
4
4
  "peerDependencies": {
5
5
  "@angular/core": "^18.0.0 || ^19.0.0",
6
6
  "@angular/common": "^18.0.0 || ^19.0.0",
@@ -82,11 +82,6 @@
82
82
  background-color: var(--md-sys-color-surface-container-lowest);
83
83
  }
84
84
 
85
- .elder-table-row:hover {
86
- background-color: var(--elder-color-highlight-variant);
87
- cursor: pointer;
88
- }
89
-
90
85
  .elder-table-row:focus {
91
86
  // Disable browser focus style
92
87
  box-shadow: none;
@@ -106,7 +101,12 @@
106
101
  }
107
102
 
108
103
  .elder-table-row.elder-table-row-selected {
109
- background-color: var(--elder-color-highlight-strong);
104
+ background-color: var(--elder-color-highlight-variant);
105
+ }
106
+
107
+ .elder-table-row:hover {
108
+ background-color: var(--elder-color-highlight-light);
109
+ cursor: pointer;
110
110
  }
111
111
 
112
112
  .elder-mat-table-flat {
@@ -67,11 +67,12 @@
67
67
  --elder-gold-dark: #{map.get(config.$custom-colors, elder-gold-dark)};
68
68
  --elder-gold-semi-dark: #{map.get(config.$custom-colors, elder-gold-semi-dark)};
69
69
  --elder-gold-light: #{map.get(config.$custom-colors, elder-gold-light)};
70
+ --elder-gray-medium: #{map.get(config.$custom-colors, elder-gray-medium)};
70
71
 
71
72
  --elder-color-highlight-strong: hsl(214, 18%, 85%);
72
- --elder-color-highlight-variant: hsl(214, 18%, 95%); // dim version lighter in light moode
73
73
  --elder-color-highlight-strong: var(--elder-gold-light);
74
- --elder-color-highlight-variant: #EBEBEB;
74
+ --elder-color-highlight-light: #EBEBEB;
75
+ --elder-color-highlight-variant: var(--md-sys-color-primary-container);
75
76
 
76
77
  // chip colors
77
78
  --elder-chip-color-state-none: #{map.get(config.$chip-colors, state-none)};
@@ -131,8 +132,9 @@
131
132
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.4);
132
133
  --md-sys-color-primary-container: var(--elder-gold-semi-dark);
133
134
  --md-sys-color-primary-fixed-dim: var(--elder-gold-dark);
134
- --elder-color-highlight-variant: var(--elder-gold-dark);
135
+ --elder-color-highlight-light: var(--elder-gray-medium);
135
136
  --elder-color-highlight-strong: var(--elder-gold-semi-dark);
137
+ --elder-color-highlight-variant: var(--elder-gold-dark);
136
138
  --md-sys-color-tertiary-fixed-dim: var(--md-sys-color-primary-fixed-dim);
137
139
  --md-sys-color-on-primary-fixed-dim: var(--md-sys-color-on-surface);
138
140
  --md-sys-color-tertiary-container: var(--md-sys-color-primary-container);
@@ -24,8 +24,11 @@ $media: (
24
24
  $custom-colors: (
25
25
  elder-blue: #0b284f,
26
26
  elder-gold: #b69f6a,
27
- elder-gold-dark: #423d32,
27
+ //elder-gold-dark: #423d32,
28
+ elder-gold-dark: #433D33,
28
29
  elder-gold-semi-dark: #7f7054,
30
+ elder-gray-medium: #373737,
31
+ //elder-gold-semi-dark: #7E7154,
29
32
  elder-gold-light: #f0e9d8,
30
33
  );
31
34
 
@@ -379,7 +379,7 @@
379
379
 
380
380
  &.elder-light-theme,
381
381
  &.elder-dark-theme {
382
- --mdc-linear-progress-track-color: var(--elder-color-highlight-variant);
382
+ --mdc-linear-progress-track-color: var(--elder-color-highlight-light);
383
383
  }
384
384
 
385
385
  // disable icon button overflow