@elderbyte/ngx-starter 19.1.0-beta.5 → 19.1.0-beta.7

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 (8) hide show
  1. package/fesm2022/elderbyte-ngx-starter.mjs +5 -23
  2. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  3. package/lib/components/shell/shell/elder-shell.component.d.ts +1 -9
  4. package/package.json +1 -1
  5. package/src/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component.scss +1 -1
  6. package/theming/style-tweaks/_elder-form.scss +2 -1
  7. package/theming/style-tweaks/_elder-style-fixes.scss +1 -0
  8. package/theming/system/_elder-design-tokens.scss +9 -0
package/lib/components/shell/shell/elder-shell.component.d.ts CHANGED
@@ -28,13 +28,6 @@ export declare class ElderShellCenterDirective {
28
28
  static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellCenterDirective, never>;
29
29
  static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellCenterDirective, "[elderShellCenter]", never, {}, {}, never, never, true, never>;
30
30
  }
31
- export declare class ElderShellInnerSideNavDirective {
32
- templateRef: TemplateRef<any>;
33
- viewContainer: ViewContainerRef;
34
- constructor(templateRef: TemplateRef<any>, viewContainer: ViewContainerRef);
35
- static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellInnerSideNavDirective, never>;
36
- static ɵdir: i0.ɵɵDirectiveDeclaration<ElderShellInnerSideNavDirective, "[elderShellInnerSideNav]", never, {}, {}, never, never, true, never>;
37
- }
38
31
  export declare class ElderShellComponent implements OnInit, OnDestroy {
39
32
  private shellService;
40
33
  private outletDrawerService;
@@ -54,7 +47,6 @@ export declare class ElderShellComponent implements OnInit, OnDestroy {
54
47
  sideContentLeft: TemplateRef<any>;
55
48
  sideContentRight: TemplateRef<any>;
56
49
  centerContent: TemplateRef<any>;
57
- innerSideNav: TemplateRef<any>;
58
50
  rightSideDrawer: MatSidenav;
59
51
  rightSideOutletName: string;
60
52
  leftSideContentOpen$: Observable<boolean>;
@@ -105,5 +97,5 @@ export declare class ElderShellComponent implements OnInit, OnDestroy {
105
97
  private isContained;
106
98
  private checkSoon;
107
99
  static ɵfac: i0.ɵɵFactoryDeclaration<ElderShellComponent, never>;
108
- static ɵcmp: i0.ɵɵComponentDeclaration<ElderShellComponent, "elder-shell", never, { "sideNavToggleEnabled": { "alias": "sideNavToggleEnabled"; "required": false; }; "leftSideAutoFocus": { "alias": "leftSideAutoFocus"; "required": false; }; "rightSideAutoFocus": { "alias": "rightSideAutoFocus"; "required": false; }; "color": { "alias": "color"; "required": false; }; "menuColor": { "alias": "menuColor"; "required": false; }; "menuIconColor": { "alias": "menuIconColor"; "required": false; }; }, {}, ["sideContentLeft", "sideContentRight", "centerContent", "innerSideNav"], ["[innerSideNav]"], true, never>;
100
+ static ɵcmp: i0.ɵɵComponentDeclaration<ElderShellComponent, "elder-shell", never, { "sideNavToggleEnabled": { "alias": "sideNavToggleEnabled"; "required": false; }; "leftSideAutoFocus": { "alias": "leftSideAutoFocus"; "required": false; }; "rightSideAutoFocus": { "alias": "rightSideAutoFocus"; "required": false; }; "color": { "alias": "color"; "required": false; }; "menuColor": { "alias": "menuColor"; "required": false; }; "menuIconColor": { "alias": "menuIconColor"; "required": false; }; }, {}, ["sideContentLeft", "sideContentRight", "centerContent"], never, true, never>;
109
101
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "19.1.0-beta.5",
3
+ "version": "19.1.0-beta.7",
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/panels/elder-dialog-panel/elder-dialog-panel.component.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  .elder-dialog-panel {
2
- background-color: var(--md-sys-color-surface-container-lowest);
2
+ background-color: var(--elder-dialog-panel-bg-color);
3
3
  color: var(--md-sys-color-on-surface);
4
4
 
5
5
  padding: 10px;
package/theming/style-tweaks/_elder-form.scss CHANGED
@@ -327,12 +327,13 @@
327
327
  border-radius: 24px;
328
328
  background-color: var(--md-sys-color-surface-container);
329
329
  cursor: text;
330
+ outline: var(--elder-round-form-field-outline);
330
331
 
331
332
  .mdc-notched-outline .mat-mdc-notch-piece {
332
333
  border: none !important;
333
334
  }
334
335
  &:hover {
335
- background-color: var(--md-sys-color-surface-container-low);
336
+ background-color: var(--md-sys-color-surface-container-high);
336
337
  }
337
338
  &.mat-focused {
338
339
  outline: solid 1px var(--md-sys-color-primary);
package/theming/style-tweaks/_elder-style-fixes.scss CHANGED
@@ -178,6 +178,7 @@
178
178
  }
179
179
 
180
180
  &.elder-dark-theme {
181
+ .mat-toolbar,
181
182
  .mat-toolbar.mat-primary,
182
183
  .mat-toolbar.mat-accent {
183
184
  background-color: var(--elder-dark-gray) !important;
package/theming/system/_elder-design-tokens.scss CHANGED
@@ -67,7 +67,14 @@
67
67
  // missing md3 color
68
68
  --md-sys-color-on-primary-fixed-dim: var(--md-sys-color-on-surface);
69
69
 
70
+ // dialog
71
+ --elder-dialog-panel-bg-color: var(md-sys-color-surface-container-low);
72
+
73
+ // xy
74
+ --elder-round-form-field-outline: none;
75
+
70
76
  &.elder-dark-theme {
77
+ --elder-dialog-panel-bg-color: var(--md-sys-color-surface-container);
71
78
  }
72
79
 
73
80
  // light theme overwrites
@@ -78,6 +85,8 @@
78
85
 
79
86
  // dark theme overwrites
80
87
  &.elder-dark-theme {
88
+ --elder-round-form-field-outline: solid 1px var(--md-sys-color-outline);
89
+ --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.4);
81
90
  //--md-sys-color-primary-container: #d2cab4; // lighten up dark mode container color
82
91
  --md-sys-color-primary-container: var(--elder-gold-semi-dark);
83
92
  --md-sys-color-primary-fixed-dim: var(--elder-gold-darkest);