refactor(cards): elevation

Alwatr · Jan 10, 2023 · 537293e · 537293e
1 parent ec2c0f2
commit 537293e
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 8 deletions.
diff --git a/ui/ui-kit/src/cards/card.ts b/ui/ui-kit/src/cards/card.ts
@@ -1,16 +1,15 @@
 import {AlwatrDummyElement, css, html, TemplateResult} from '@alwatr/element';
 
-import {hostElevation} from '../elavation/style.js';
-
 export class AlwatrCard extends AlwatrDummyElement {
   static override styles = [
-    hostElevation,
     css`
       :host {
         display: flex;
         flex-direction: column;
         border-radius: var(--sys-shape-corner-medium-default-size);
         color: var(--sys-color-on-surface);
+
+        --elevation-level: 0;
       }
     `,
   ];

diff --git a/ui/ui-kit/src/cards/elevated-card.ts b/ui/ui-kit/src/cards/elevated-card.ts
@@ -19,7 +19,7 @@ export class AlwatrElevatedCard extends AlwatrCard {
       :host {
         background-color: var(--sys-color-surface);
 
-        --_elevation-level: 1;
+        --elevation-level: 1;
       }
     `,
   ];

diff --git a/ui/ui-kit/src/cards/filled-card.ts b/ui/ui-kit/src/cards/filled-card.ts
@@ -18,8 +18,6 @@ export class AlwatrFilledCard extends AlwatrCard {
     css`
       :host {
         background-color: var(--sys-color-surface-variant);
-
-        --_elevation-level: 0;
       }
     `,
   ];

diff --git a/ui/ui-kit/src/cards/outlined-card.ts b/ui/ui-kit/src/cards/outlined-card.ts
@@ -19,8 +19,6 @@ export class AlwatrOutlinedCard extends AlwatrCard {
       :host {
         background-color: var(--sys-color-surface);
         border: 1px solid var(--sys-color-outline);
-
-        --_elevation-level: 0;
       }
     `,
   ];
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,7 +19,7 @@ export class AlwatrElevatedCard extends AlwatrCard { @@
           :host {
             background-color: var(--sys-color-surface);
-            --_elevation-level: 1;
+            --elevation-level: 1;
           }
         `,
       ];
@@ Expand Down @@