@agorapulse/ui-theme 0.0.2 → 13.0.0

package/assets/{lib-ui-theme/style → style}/components-custom-style/_input.scss

@@ -45,7 +45,7 @@ input, textarea {
     &.valid:not([disabled]):not(.transparent) {
         border: 1px solid $color-success;
     }
-    
+
     // Transparent
     &.transparent {
         border: 0;

package/assets/{lib-ui-theme/style → style}/components-custom-style/_mat-button-toggle-group.scss

@@ -7,11 +7,9 @@
 
     .mat-button-toggle {
         margin-left: -1px;
-        height: 34px;
-        line-height: 34px;
         color: map_get($colors-grey, 100);
         font-weight: bold;
-        border: 1px solid #D6DAE0;
+        border: 1px solid map_get($colors-grey, 20);
 
         &.mat-button-toggle-checked {
             color: map_get($colors-electric-blue, 100);
@@ -36,18 +34,17 @@
             height: 100%;
             z-index: 1;
             .mat-button-toggle-focus-overlay {
-                opacity: 0!important;
+                opacity: 0 !important;
             }
         }
 
         button {
-            margin-top: -2px;
             height: 36px;
             line-height: 36px;
         }
 
         span {
-            margin-top: -2px;
+            padding: 0 $padding-m;
             height: 36px;
             line-height: 36px;
             &.mat-button-toggle-focus-overlay {
@@ -58,7 +55,7 @@
     .mat-button-toggle:first-of-type {
         border-bottom-left-radius: $border-radius;
         border-top-left-radius: $border-radius;
-        margin-left: 0px !important;
+        margin-left: 0 !important;
     }
     .mat-button-toggle:last-of-type {
         border-bottom-right-radius: $border-radius;

package/assets/{lib-ui-theme/style → style}/components-custom-style/_mat-dialog.scss

@@ -6,16 +6,17 @@
     margin-top: $padding-l;
     padding: $padding-l;
 
-    &[fxLayout] {
+    &.ap-space-between {
         margin-left: -$padding-l;
         margin-right: -$padding-l;
+        justify-content: space-between;
     }
 
-    [fxFlex]:first-child {
+    div:first-child {
         margin-left: $padding-l;
     }
 
-    [fxFlex]:last-child {
+    div:last-child {
         margin-right: $padding-l;
     }
 }

package/assets/style/components-custom-style/_mat-expansion-panel.scss

@@ -0,0 +1,21 @@
+@import '../variables';
+
+.mat-accordion {
+    .mat-expansion-panel-spacing {
+        margin: 0;
+    }
+
+    .mat-action-row {
+        background-color: $color-grey-white;
+        padding: $padding-l;
+        &.ap-space-between {
+            justify-content: space-between;
+        }
+        div {
+            button {
+                margin: 0;
+            }
+        }
+    }
+
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agorapulse/ui-theme",
-  "version": "0.0.2",
+  "version": "13.0.0",
   "description": "Agorapulse UI Theme Library",
   "repository": {
     "type": "git",
@@ -13,7 +13,6 @@
   },
   "homepage": "https://github.com/agorapulse/design#readme",
   "peerDependencies": {
-      "@angular/material": "^12.2.3",
-      "@ng-select/ng-select": "^7.2.0"
+      "@angular/material": "^13.1.3"
   }
 }

package/assets/lib-ui-theme/style/components-custom-style/_mat-expansion-panel.scss

@@ -1,21 +0,0 @@
-.mat-accordion {
-    .mat-expansion-panel-spacing {
-        margin: 0;
-    }
-
-    .mat-action-row {
-        background-color: $color-grey-white;
-        padding: $padding-l;
-        &[fxLayout] {
-            margin-left: -$padding-l;
-            margin-right: -$padding-l;
-        }
-        [fxFlex]:first-child {
-            margin-left: $padding-l;
-        }
-        [fxFlex]:last-child {
-            margin-right: $padding-l;
-        }
-    }
-
-}