@lukfel/ng-scaffold 21.1.39 → 21.1.42

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukfel/ng-scaffold",
-  "version": "21.1.39",
+  "version": "21.1.42",
   "description": "This Angular library provides a basic UI scaffold and services for modern web and mobile apps",
   "license": "MIT",
   "author": {

package/styles/_theme.scss

@@ -95,4 +95,18 @@ $lf-default-theme: (
       --color-warn-#{$hue}: #{mat.m2-get-color-from-palette(map-get($theme, 'warn'), $hue)};
     }
   }
+
+  // Utility classes
+  @each $palette in ('primary', 'accent', 'warn') {
+    .color-#{$palette} { color: var(--color-#{$palette}) !important; }
+    .color-bg-#{$palette} { background-color: var(--color-#{$palette}) !important; }
+
+    @for $i from 0 through 9 {
+      $hue: $i * 100;
+      @if ($hue == 0) { $hue: 50; }
+
+      .color-#{$palette}-#{$hue} { color: var(--color-#{$palette}-#{$hue}) !important; }
+      .color-bg-#{$palette}-#{$hue} { background-color: var(--color-#{$palette}-#{$hue}) !important; }
+    }
+  }
 }

package/types/lukfel-ng-scaffold.d.ts

@@ -118,7 +118,6 @@ interface HeaderInputConfig {
 interface ScaffoldLibraryConfig {
     production?: boolean;
     debugging?: boolean;
-    outlineIcons?: boolean;
 }
 
 interface ListItem {
@@ -175,6 +174,7 @@ interface NavbarConfig {
 interface PlaceholderConfig {
     matIcon?: string;
     svgIcon?: string;
+    imgIcon?: string;
     title?: string;
     message?: string;
     button?: Button;