@softheon/armature 17.31.3 → 19.0.0

package/assets/styles/_b2c-variables.scss

@@ -1,12 +1,14 @@
 @use "./variables" as vars;
 
 // Fonts - B2C
-$sof-b2c-font-family-heading: "Merriweather", serif !important;
-$sof-b2c-font-family-body: 'Poppins', sans-serif !important;
-$sof-b2c-font-family: 'Poppins', monospace !important;
+$sof-b2c-font-family-heading: 'Poppins', sans-serif;
+$sof-b2c-font-family-body: 'Poppins', sans-serif;
+$sof-b2c-font-family: 'Poppins', sans-serif;
 $sof-b2c-base-font-size: 16px;
 $sof-b2c-base-font-size-body-1: 16px;
 $sof-b2c-base-font-size-body-2: 14px;
+
+// Component - Button
 $sof-b2c-btn-height: 40px;
 $sof-b2c-btn-font-size: 16px;
 
@@ -28,6 +30,8 @@ $sof-b2c-input-icon-font-size: 1.5em;
   --sftn-base-font-size: #{$sof-b2c-base-font-size};
   --sftn-base-font-size-body-1: #{$sof-b2c-base-font-size-body-1};
   --sftn-base-font-size-body-2: #{$sof-b2c-base-font-size-body-2};
+
+  // Component - Button
   --sftn-btn-height: #{$sof-b2c-btn-height};
   --sftn-btn-font-size: #{$sof-b2c-btn-font-size};
 

package/assets/styles/_typography.scss

@@ -1,4 +1,4 @@
-@use "@angular/material" as mat;
+@use "sass:map";
 @use "./arm-theme" as theme;
 @use "./variables" as vars;
 
@@ -17,6 +17,7 @@ body {
   display: none !important;
 }
 
+/* @deprecated */
 .merriweather {
   font-family: var(--sftn-font-family-heading, sans-serif) !important;
 }
@@ -120,31 +121,31 @@ fieldset {
 }
 
 .color-primary {
-  color: mat.get-color-from-palette(theme.$arm-primary, 500);
+  color: map.get(theme.$arm-primary, 500);
 }
 
 .color-accent {
-  color: mat.get-color-from-palette(theme.$arm-accent, 500);
+  color: map.get(theme.$arm-accent, 500);
 }
 
 .color-warn {
-  color: mat.get-color-from-palette(theme.$arm-warn, 500);
+  color: map.get(theme.$arm-warn, 500);
 }
 
 .color-info {
-  color: mat.get-color-from-palette(theme.$arm-info, 500);
+  color: map.get(theme.$arm-info, 500);
 }
 
 .color-success {
-  color: mat.get-color-from-palette(theme.$arm-success, 500);
+  color: map.get(theme.$arm-success, 500);
 }
 
 .color-error {
-  color: mat.get-color-from-palette(theme.$arm-error, 900);
+  color: map.get(theme.$arm-error, 900);
 }
 
 .color-neutral {
-  color: mat.get-color-from-palette(theme.$arm-neutral, 500);
+  color: map.get(theme.$arm-neutral, 500);
 }
 
 .left-align {