@onemrvapublic/design-system-theme 20.2.1-develop.1 → 20.2.1-develop.2

package/index.scss

@@ -1,6 +1,6 @@
 @forward './overrides/button' as button-*;
 @forward './overrides/button-toggle' as button-toggle-*;
-@forward './overrides/cards' as cards-*;
+@forward 'overrides/card' as cards-*;
 @forward './overrides/checkbox' as checkbox-*;
 @forward './overrides/chips' as chips-*;
 @forward './overrides/datepicker' as datepicker-*;
@@ -50,7 +50,7 @@
 @use 'overrides/button-toggle';
 @use 'overrides/button';
 @use 'overrides/checkbox';
-@use 'overrides/cards';
+@use 'overrides/card';
 @use 'overrides/carousel';
 @use 'overrides/chips';
 @use 'overrides/datepicker';
@@ -185,7 +185,7 @@
   @include button.override();
   @include button-toggle.override();
   @include checkbox.override();
-  @include cards.override();
+  @include card.override();
   @include chips.override();
   @include carousel.override();
   @include datepicker.override();

package/overrides/_card.scss

@@ -0,0 +1,29 @@
+@use '@angular/material' as mat;
+@use 'sass:map';
+
+@mixin override() {
+  @include mat.card-overrides(
+    (
+      title-text-font: var(--mat-sys-title-font),
+      title-text-line-height: var(--mat-sys-title-line-height),
+      title-text-size: var(--mat-sys-title-size),
+      title-text-weight: var(--mat-sys-title-weight),
+      elevated-container-shape: var(--border-radius),
+      elevated-container-elevation: none,
+      elevated-container-color: var(--mat-sys-surface),
+    )
+  );
+  mat-card {
+    img.mat-mdc-card-image {
+      border-radius: var(--border-radius);
+    }
+    mat-card-content {
+      p {
+        display: -webkit-box;
+        -webkit-line-clamp: 2;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+      }
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@onemrvapublic/design-system-theme",
-    "version": "v20.2.1-develop.1",
+    "version": "v20.2.1-develop.2",
     "publishConfig": {
         "access": "public"
     },

package/overrides/_cards.scss

@@ -1,11 +0,0 @@
-@use '@angular/material' as mat;
-@use 'sass:map';
-
-@mixin override() {
-  @include mat.card-overrides(
-    (
-      elevated-container-shape: 20px,
-      outlined-container-shape: 20px,
-    )
-  );
-}