@coolon/angular-ui-powerups 12.4.0-alpha.39 → 12.4.0-alpha.4

package/assets/form.scss

@@ -1,4 +1,4 @@
-@use "~@angular/material/theming";
+@import "~@angular/material/theming";
 
 .aup-input-component {
 
@@ -8,8 +8,7 @@
     width: 100%;
 
     mat-hint.faux-error {
-      // TODO: move this out into theming...
-      color: theming.mat-color(theming.mat-palette(theming.$mat-red));
+      color: mat-color(mat-palette($mat-red));
     }
   }
 
@@ -91,5 +90,3 @@ aup-table-cell-renderer > .aup-input-component {
 
 
 
-
-

package/assets/interaction.scss

@@ -1,12 +1,4 @@
-@use "~@angular/material/theming";
-
-@use "./interaction/editor/inline-string-editor";
-@use "./interaction/input-activity";
-
-@mixin apply-theme($color-config, $typography-config) {
-  @include inline-string-editor.apply-theme($color-config, $typography-config)
-}
-
+@import "~@angular/material/theming";
 
 .dialog-interaction-context {
   max-width: 95vw !important;
@@ -27,7 +19,11 @@
 
 .aup-popup-interaction-panel {
   background: var(--aup-default-background, white);
-  @include theming.mat-elevation(1);
-  @include theming.mat-elevation-transition;
+  @include mat-elevation(1);
+  @include mat-elevation-transition;
+}
+
+.aup-input-activity {
+  padding: calc(var(--aup-default-padding)/2);
 }
 

package/assets/styles.scss

@@ -2,7 +2,6 @@
 
 @use "./mixins";
 @use "./activities";
-@use "./cards";
 @use "./router";
 @use "./tabs";
 @use "./interaction";
@@ -10,15 +9,23 @@
 @use "./table";
 @use "./commands";
 @use "./icons";
-@use "./empty-state";
 
-@mixin apply-light-theme($theme, $typography) {
+@mixin apply-light-theme($primary, $accent, $warn:ng.mat-palette(ng.$mat-red), $typography: ng.mat-typography-config()) {
+
+  $theme: ng.mat-light-theme((
+    color: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn,
+    )
+  ));
+
+  @include ng.mat-core($typography);
+  @include ng.angular-material-theme($theme);
 
   $color-config: ng.mat-get-color-config($theme);
 
   @include activities.apply-theme($color-config, $typography);
-  @include cards.apply-theme($color-config, $typography);
-  @include interaction.apply-theme($color-config, $typography);
 
   :root {
     --aup-default-padding: var(--default-padding, 16px);