@softheon/armature 17.31.4 → 19.0.2

package/assets/styles/material-override/_switch.scss

@@ -1,8 +1,8 @@
-@use "@angular/material" as mat;
+@use "sass:map";
 @use "../arm-theme" as theme;
 @use "../variables" as vars;
 
-// @todo: update the use of 'var()' to use '#{mat.get-color-from-palette()}'
+// @todo: update the use of 'var()' to use 'map.get()' for colors
 
 mat-slide-toggle {
   &.sof-slide-toggle {
@@ -71,7 +71,7 @@ mat-slide-toggle.sof-slide-toggle {
 
     .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) {
       .mdc-switch__handle {
-        border: 1px solid mat.get-color-from-palette(theme.$arm-primary, 500) !important;
+        border: 1px solid map.get(theme.$arm-primary, 500) !important;
       }
     }
   }
@@ -91,7 +91,7 @@ mat-slide-toggle.sof-slide-toggle {
 
     .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) {
       .mdc-switch__handle {
-        border: 1px solid mat.get-color-from-palette(theme.$arm-accent, 500) !important;
+        border: 1px solid map.get(theme.$arm-accent, 500) !important;
       }
     }
   }
@@ -111,7 +111,7 @@ mat-slide-toggle.sof-slide-toggle {
 
     .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) {
       .mdc-switch__handle {
-        border: 1px solid mat.get-color-from-palette(theme.$arm-warn, 500) !important;
+        border: 1px solid map.get(theme.$arm-warn, 500) !important;
       }
     }
   }
@@ -131,7 +131,7 @@ mat-slide-toggle.sof-slide-toggle {
 
     .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) {
       .mdc-switch__handle {
-        border: 1px solid mat.get-color-from-palette(theme.$arm-success, 500) !important;
+        border: 1px solid map.get(theme.$arm-success, 500) !important;
       }
     }
   }
@@ -151,7 +151,7 @@ mat-slide-toggle.sof-slide-toggle {
 
     .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) {
       .mdc-switch__handle {
-        border: 1px solid mat.get-color-from-palette(theme.$arm-error, 500) !important;
+        border: 1px solid map.get(theme.$arm-error, 500) !important;
       }
     }
   }
@@ -171,7 +171,7 @@ mat-slide-toggle.sof-slide-toggle {
 
     .mdc-switch.mdc-switch--selected:not(.mdc-switch.mdc-switch--disabled) {
       .mdc-switch__handle {
-        border: 1px solid mat.get-color-from-palette(theme.$arm-info, 500) !important;
+        border: 1px solid map.get(theme.$arm-info, 500) !important;
       }
     }
   }

package/assets/styles/material-override/_tooltip.scss

@@ -1,4 +1,4 @@
-@use "@angular/material" as mat;
+@use "sass:map";
 @use "../arm-theme" as theme;
 @use "../variables" as vars;
 
@@ -149,7 +149,7 @@
         &:focus {
           outline: 3px solid !important;
           outline-offset: 2px !important;
-          outline-color: mat.get-color-from-palette(theme.$arm-primary, 300) !important;
+          outline-color: map.get(theme.$arm-primary, 300) !important;
         }
 
         .mdc-button__label {
@@ -181,13 +181,13 @@
   background: transparent !important;
   background-color: transparent !important;
   border: none !important;
-  border-bottom: 2px dashed mat.get-color-from-palette(theme.$arm-primary, 300) !important;
+  border-bottom: 2px dashed map.get(theme.$arm-primary, 300) !important;
   padding: 0 !important;
 
   &:focus {
     border-radius: 4px !important;
     outline: 3px solid !important;
     outline-offset: 2px !important;
-    outline-color: mat.get-color-from-palette(theme.$arm-primary, 300) !important;
+    outline-color: map.get(theme.$arm-primary, 300) !important;
   }
 }

package/assets/styles/sof-styles-b2b.scss

@@ -65,11 +65,11 @@
 @use "./b2b/b2b-override";
 
 /**
-  Angular Material core mix-in,
+  Angular Material core mix-in's,
   Since it's included in this main file, applications using this library do not need to include it separately.
 */
-@include mat.core();
-
+@include mat.elevation-classes();
+@include mat.app-background();
 @include mat.all-component-densities(-2);
 
 /**

package/assets/styles/sof-styles.scss

@@ -1,5 +1,5 @@
-/**
-  'sof-styles.scss' is Armature's main B2C style file,
+/*
+  'sof-styles.scss' is Armature's main B2C (Consumer apps) style file,
   which serves as a centralized styling solution for applications that consume this library.
 
   This file acts as an index,
@@ -9,30 +9,28 @@
   this will allow those variables to be accessed directly through 'sof-styles.scss' as well as by using that file directly.
 */
 
-@use "@angular/material" as mat;
-
-/** Defines the main theme / color palettes for your app. */
+/* Defines the main theme / color palettes for your app. */
 @use "./arm-theme";
 @forward "./arm-theme";
 
-/** Responsive design rules, ensuring styles adapt to different screen sizes. */
+/* Responsive classes, ensuring styles adapt to different screen sizes. */
 @use "./responsive";
 
-/** Sets custom fonts, sizes, and styles to create a unified look across the library. */
+/* Sets custom fonts, sizes, and styles to create a unified look across the library. */
 @use "./typography";
 
-/** Utility classes for spacing, alignment, and other common styles. */
+/* Utility classes for spacing, alignment, and other common styles. */
 @use "./utility";
 
-/** SCSS variables (like colors, breakpoints, etc.) used throughout the library for easy customization and consistency. */
+/* SCSS variables (like colors, breakpoints, etc.) used throughout the library for easy customization and consistency. */
 @use "./variables";
 @forward "./variables";
 
-/** B2C specific variables */
+/* B2C specific variables */
 @use "./b2c-variables";
 @forward "./b2c-variables";
 
-/**
+/*
   The 'material-override' folder contains overrides for specific Angular Material components.
 */
 @use "./material-override/button";
@@ -47,7 +45,7 @@
 @use "./material-override/switch";
 @use "./material-override/tooltip";
 
-/**
+/*
   The 'deprecated' folder contains styles that are deprecated but still available for backward compatibility.
   Comments indicate the preferred alternative, helping users transition away from deprecated classes in favor of newer components or styles.
 */
@@ -57,13 +55,11 @@
 @use "./deprecated/material-override-deprecated"; // currently no replacement
 @use "./deprecated/table-deprecated"; // replace with ag-grid table component
 
-/**
-  Angular Material core mix-in,
-  Since it's included in this main file, applications using this library do not need to include it separately.
+/*
+  @note '@include mat.core();' is deprecated and no longer needed with Angular Material v19+
 */
-@include mat.core();
 
-/**
+/*
   This file acts as an index,
   Please do not include any actual css code in this file.
 */