@elderbyte/ngx-starter 19.1.20 → 19.1.22

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 (7) hide show
  1. package/fesm2022/elderbyte-ngx-starter.mjs +21 -9
  2. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  3. package/lib/components/shell/shell/elder-shell.component.d.ts +4 -2
  4. package/package.json +1 -1
  5. package/src/lib/components/shell/shell/elder-shell.component.scss +0 -6
  6. package/theming/abstracts/_elder-design-tokens.scss +20 -0
  7. package/theming/base/_elder-fixes-base.scss +2 -3
package/lib/components/shell/shell/elder-shell.component.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { ChangeDetectorRef, OnDestroy, OnInit, TemplateRef, ViewContainerRef } from '@angular/core';
1
+ import { ChangeDetectorRef, OnDestroy, OnInit, Renderer2, TemplateRef, ViewContainerRef } from '@angular/core';
2
2
  import { ElderShellService } from '../elder-shell.service';
3
3
  import { MatSidenav } from '@angular/material/sidenav';
4
4
  import { ElderRouteOutletDrawerService } from '../drawers/elder-route-outlet-drawer.service';
@@ -34,6 +34,7 @@ export declare class ElderShellComponent implements OnInit, OnDestroy {
34
34
  private changeDetectorRef;
35
35
  private themeService;
36
36
  private globalDragDropService;
37
+ private renderer;
37
38
  /***************************************************************************
38
39
  * *
39
40
  * Fields *
@@ -63,7 +64,7 @@ export declare class ElderShellComponent implements OnInit, OnDestroy {
63
64
  * Constructor *
64
65
  * *
65
66
  **************************************************************************/
66
- constructor(shellService: ElderShellService, outletDrawerService: ElderRouteOutletDrawerService, changeDetectorRef: ChangeDetectorRef, themeService: ElderThemeService, globalDragDropService: GlobalDragDropService);
67
+ constructor(shellService: ElderShellService, outletDrawerService: ElderRouteOutletDrawerService, changeDetectorRef: ChangeDetectorRef, themeService: ElderThemeService, globalDragDropService: GlobalDragDropService, renderer: Renderer2);
67
68
  /***************************************************************************
68
69
  * *
69
70
  * Life Cycle *
@@ -85,6 +86,7 @@ export declare class ElderShellComponent implements OnInit, OnDestroy {
85
86
  * Public API *
86
87
  * *
87
88
  **************************************************************************/
89
+ blurNavIconFocus(): void;
88
90
  closeLeftSideContent(): void;
89
91
  toggleSideNav(): void;
90
92
  onBackdropClick(event: any): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "19.1.20",
3
+ "version": "19.1.22",
4
4
  "peerDependencies": {
5
5
  "@angular/core": "^18.0.0 || ^19.0.0",
6
6
  "@angular/common": "^18.0.0 || ^19.0.0",
package/src/lib/components/shell/shell/elder-shell.component.scss CHANGED
@@ -31,10 +31,4 @@ mat-sidenav-container {
31
31
  height: var(--mdc-icon-button-icon-size);
32
32
  width: var(--mdc-icon-button-icon-size);
33
33
  }
34
-
35
- &:focus,
36
- &:hover,
37
- &:active {
38
- background-color: rgba(0, 0, 0, 0.07);
39
- }
40
34
  }
package/theming/abstracts/_elder-design-tokens.scss CHANGED
@@ -36,6 +36,14 @@
36
36
  --mat-menu-container-color: var(--md-sys-color-surface-container-lowest);
37
37
  --mat-tree-container-background-color: transparent;
38
38
 
39
+ // typography overwrites
40
+ // --md-sys-typescale-title-large-line-height: 1.75rem;
41
+ // --md-sys-typescale-title-large-size: 1.375rem;
42
+ // --md-sys-typescale-title-large: 400 1.375rem / 1.75rem Roboto, sans-serif;
43
+ --md-sys-typescale-title-large-line-height: 1.625rem;
44
+ --md-sys-typescale-title-large-size: 1.3125rem;
45
+ --md-sys-typescale-title-large: 400 1.3125rem / 1.625rem Roboto, sans-serif;
46
+
39
47
  // import fix for overflow of mat-icons, default is 40px in m3, in m2 it was 48px
40
48
  --mdc-icon-button-state-layer-size: 48px;
41
49
 
@@ -57,6 +65,12 @@
57
65
  --elder-nav-item-height: 54px;
58
66
  --elder-button-horizontal-padding: 19px;
59
67
 
68
+ // card and pane title margins
69
+ --elder-card-title-margin-bottom: 6px;
70
+ --elder-card-subtitle-margin-bottom: 10px;
71
+ --elder-pane-title-margin-bottom: 2px;
72
+ --elder-pane-subtitle-margin-bottom: 10px;
73
+
60
74
  // backdrop highlight color
61
75
  --elder-backdrop-highlight-color: rgba(0, 0, 0, 0.1);
62
76
  &.elder-dark-theme {
@@ -145,6 +159,12 @@
145
159
  --md-sys-color-secondary-fixed: hsl(214, 44%, 89%);
146
160
  //--md-sys-color-primary-container: #a6c7ed;
147
161
  //--md-sys-color-primary: #0b284f;
162
+
163
+ .mat-toolbar.mat-primary {
164
+ --mat-icon-button-hover-state-layer-opacity: 0.24;
165
+ --mat-icon-button-focus-state-layer-opacity: 0.32;
166
+ --mat-icon-button-pressed-state-layer-opacity: 0.36;
167
+ }
148
168
  }
149
169
 
150
170
  // chip colors light
package/theming/base/_elder-fixes-base.scss CHANGED
@@ -116,14 +116,13 @@
116
116
  .elder-card-title {
117
117
  margin-top: 0 !important;
118
118
  padding-bottom: 0 !important;
119
- margin-bottom: 6px !important;
120
- //font-weight: 500;
119
+ margin-bottom: var(--elder-card-title-margin-bottom) !important;
121
120
  }
122
121
 
123
122
  .elder-card-subtitle {
124
123
  margin-top: 0 !important;
125
124
  padding-bottom: 0px !important;
126
- margin-bottom: 6px !important;
125
+ margin-bottom: var(--elder-card-subtitle-margin-bottom) !important;
127
126
  }
128
127
 
129
128
  /**************************************************************************