@elderbyte/ngx-starter 19.1.21 → 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 (5) hide show
  1. package/fesm2022/elderbyte-ngx-starter.mjs +4 -4
  2. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/theming/abstracts/_elder-design-tokens.scss +14 -4
  5. package/theming/base/_elder-fixes-base.scss +2 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "19.1.21",
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/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
 
@@ -56,10 +64,12 @@
56
64
  --elder-main-nav-bg: var(--md-sys-color-surface-container-lowest);
57
65
  --elder-nav-item-height: 54px;
58
66
  --elder-button-horizontal-padding: 19px;
59
- // --mat-icon-button-state-layer-color: red !important;
60
- // --mat-icon-button-hover-state-layer-opacity: 0.08;
61
- // --mat-icon-button-focus-state-layer-opacity: 0.12;
62
- // --mat-icon-button-pressed-state-layer-opacity: 0.12;
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;
63
73
 
64
74
  // backdrop highlight color
65
75
  --elder-backdrop-highlight-color: rgba(0, 0, 0, 0.1);
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
  /**************************************************************************