@elderbyte/ngx-starter 19.1.0-beta.6 → 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 (4) hide show
  1. package/package.json +1 -1
  2. package/theming/style-tweaks/_elder-form.scss +2 -1
  3. package/theming/style-tweaks/_elder-style-fixes.scss +1 -0
  4. package/theming/system/_elder-design-tokens.scss +4 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "19.1.0-beta.6",
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/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
@@ -70,6 +70,9 @@
70
70
  // dialog
71
71
  --elder-dialog-panel-bg-color: var(md-sys-color-surface-container-low);
72
72
 
73
+ // xy
74
+ --elder-round-form-field-outline: none;
75
+
73
76
  &.elder-dark-theme {
74
77
  --elder-dialog-panel-bg-color: var(--md-sys-color-surface-container);
75
78
  }
@@ -82,6 +85,7 @@
82
85
 
83
86
  // dark theme overwrites
84
87
  &.elder-dark-theme {
88
+ --elder-round-form-field-outline: solid 1px var(--md-sys-color-outline);
85
89
  --mat-sidenav-scrim-color: rgba(255, 255, 255, 0.4);
86
90
  //--md-sys-color-primary-container: #d2cab4; // lighten up dark mode container color
87
91
  --md-sys-color-primary-container: var(--elder-gold-semi-dark);