@elderbyte/ngx-starter 22.1.0 → 22.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elderbyte/ngx-starter",
-  "version": "22.1.0",
+  "version": "22.1.1",
   "license": "MIT",
   "author": "ElderByte AG (https://elderbyte.com)",
   "homepage": "https://elderbyte.com",

package/src/lib/components/dashboard/dashboard-tile/dashboard-tile.component.scss

@@ -36,7 +36,6 @@
   }
 
   .description {
-    padding: var(--elder-size-xs) var(--elder-size-sm) var(--elder-size-sm) var(--elder-size-sm);
     font-size: var(--md-sys-typescale-label-large-size);
     font-weight: var(--md-sys-typescale-label-large-weight);
     letter-spacing: var(--md-sys-typescale-label-large-tracking);
@@ -62,7 +61,7 @@
   font-size: var(--tile-font-size);
 }
 
-.huge-icon {
+.main-icon {
   width: var(--tile-icon-size);
   height: var(--tile-icon-size);
   font-size: var(--tile-icon-size);

package/theming/abstracts/_elder-design-tokens.scss

@@ -164,26 +164,20 @@
     }
   }
 
-  // chip colors light
-  &.elder-light-theme {
-    // Base colors
-    @each $key, $value in config.$named-colors {
+  // named colors
+  @each $key, $value in config.$named-colors {
+    $darker: map.get(config.$named-colors-darker, $key);
+
+    &.elder-light-theme {
       --elder-named-color-#{$key}: #{$value};
+      --elder-named-color-on-#{$key}: #{$darker};
+      --elder-named-color-darker-#{$key}: #{$darker};
     }
 
-    // "on" (darker) variants
-    @each $key, $value in config.$named-colors-darker {
+    &.elder-dark-theme {
+      --elder-named-color-#{$key}: #{$darker};
       --elder-named-color-on-#{$key}: #{$value};
-      --elder-named-color-darker-#{$key}: #{$value};
-    }
-  }
-
-  // chip colors dark
-  &.elder-dark-theme {
-    // Base colors
-    @each $key, $value in config.$named-colors-darker {
-      --elder-named-color-#{$key}: #{$value};
-      --elder-named-color-darker-#{$key}: #{$value};
+      --elder-named-color-darker-#{$key}: #{$darker};
     }
   }
 

package/theming/abstracts/_elder-starter-theme.scss

@@ -21,7 +21,6 @@
 @use '../components/elder-rail-nav-theme' as elder-rail-nav;
 @use '../components/elder-pane-theme' as elder-pane;
 @use '../components/elder-nav-expansion-panel-theme' as elder-nav-expansion-panel;
-@use '../components/elder-dashboard-tile-theme' as elder-dashboard-tile;
 
 @mixin starter-theme($theme) {
   $theme: elder-set-defaults-fn.validate-and-set-defaults($theme);
@@ -54,5 +53,4 @@
   @include elder-rail-nav.theme();
   @include elder-pane.theme();
   @include elder-nav-expansion-panel.theme();
-  @include elder-dashboard-tile.theme();
 }

package/theming/components/_elder-dashboard-tile-theme.scss

@@ -1,9 +0,0 @@
-@use '../abstracts/elder-scss-variables' as config;
-
-@mixin theme {
-  &.elder-dark-theme elder-dashboard-tile {
-    @each $key, $value in config.$named-colors {
-      --elder-named-color-on-#{$key}: #{$value};
-    }
-  }
-}