fix: demo-pwa and ui-kit surface element file name and imports

Alwatr · Jan 22, 2023 · 9f9c382 · 9f9c382
1 parent 9e57181
commit 9f9c382
Show file tree

Hide file tree

Showing 6 changed files with 19 additions and 19 deletions.
diff --git a/ui/demo-pwa/src/page-card.ts b/ui/demo-pwa/src/page-card.ts
@@ -1,6 +1,6 @@
 import {customElement, AlwatrSmartElement, css, html} from '@alwatr/element';
 
-import '@alwatr/ui-kit/card/card.js';
+import '@alwatr/ui-kit/card/surface.js';
 import '@alwatr/ui-kit/card/icon-box.js';
 
 declare global {
@@ -27,15 +27,15 @@ export class AlwatrPageCard extends AlwatrSmartElement {
       overflow-y: scroll;
     }
 
-    alwatr-card,
+    alwatr-surface,
     alwatr-icon-box {
       flex-grow: 1;
       width: 25%;
       user-select: none;
       min-height: 15rem;
     }
 
-    alwatr-card {
+    alwatr-surface {
       display: flex;
       align-items: flex-end;
     }
@@ -67,21 +67,21 @@ export class AlwatrPageCard extends AlwatrSmartElement {
         .content=${{icon: 'earth-outline', headline: 'وب‌سایت', description: loremText, href: '/'}}
       ></alwatr-icon-box>
 
-      <alwatr-card stated elevated><input type="text" value="elevated" /></alwatr-card>
-      <alwatr-card stated elevated><input type="text" value="elevated" /></alwatr-card>
-      <alwatr-card stated elevated disabled><input type="text" value="elevated" disabled /></alwatr-card>
+      <alwatr-surface stated elevated><input type="text" value="elevated" /></alwatr-surface>
+      <alwatr-surface stated elevated><input type="text" value="elevated" /></alwatr-surface>
+      <alwatr-surface stated elevated disabled><input type="text" value="elevated" disabled /></alwatr-surface>
 
-      <alwatr-card stated elevated="2"><input type="text" value="elevated 2" /></alwatr-card>
-      <alwatr-card stated elevated="3"><input type="text" value="elevated 3" /></alwatr-card>
-      <alwatr-card stated elevated="4"><input type="text" value="elevated 4" /></alwatr-card>
+      <alwatr-surface stated elevated="2"><input type="text" value="elevated 2" /></alwatr-surface>
+      <alwatr-surface stated elevated="3"><input type="text" value="elevated 3" /></alwatr-surface>
+      <alwatr-surface stated elevated="4"><input type="text" value="elevated 4" /></alwatr-surface>
 
-      <alwatr-card stated filled><input type="text" value="filled" /></alwatr-card>
-      <alwatr-card stated elevated filled><input type="text" value="filled" /></alwatr-card>
-      <alwatr-card stated filled disabled><input type="text" value="filled" disabled /></alwatr-card>
+      <alwatr-surface stated filled><input type="text" value="filled" /></alwatr-surface>
+      <alwatr-surface stated elevated filled><input type="text" value="filled" /></alwatr-surface>
+      <alwatr-surface stated filled disabled><input type="text" value="filled" disabled /></alwatr-surface>
 
-      <alwatr-card stated outlined><input type="text" value="outlined" /></alwatr-card>
-      <alwatr-card stated outlined><input type="text" value="outlined" /></alwatr-card>
-      <alwatr-card stated outlined disabled><input type="text" value="outlined" disabled /></alwatr-card>
+      <alwatr-surface stated outlined><input type="text" value="outlined" /></alwatr-surface>
+      <alwatr-surface stated outlined><input type="text" value="outlined" /></alwatr-surface>
+      <alwatr-surface stated outlined disabled><input type="text" value="outlined" disabled /></alwatr-surface>
     `;
   }
 }
diff --git a/ui/ui-kit/src/button/button.ts b/ui/ui-kit/src/button/button.ts
@@ -2,7 +2,7 @@ import {css, customElement, html} from '@alwatr/element';
 
 import '@alwatr/icon';
 
-import {AlwatrSurface} from '../card/surface-element.js';
+import {AlwatrSurface} from '../card/surface.js';
 
 declare global {
   interface HTMLElementTagNameMap {

diff --git a/ui/ui-kit/src/button/icon-button.ts b/ui/ui-kit/src/button/icon-button.ts
@@ -1,7 +1,7 @@
 import {css, customElement, html, property} from '@alwatr/element';
 
 import '@alwatr/icon';
-import {AlwatrSurface} from '../card/surface-element.js';
+import {AlwatrSurface} from '../card/surface.js';
 
 declare global {
   interface HTMLElementTagNameMap {

diff --git a/ui/ui-kit/src/card/icon-box.ts b/ui/ui-kit/src/card/icon-box.ts
@@ -2,7 +2,7 @@ import {css, customElement, html, property, nothing, ifDefined} from '@alwatr/el
 
 import '@alwatr/icon';
 
-import {AlwatrSurface} from './surface-element.js';
+import {AlwatrSurface} from './surface.js';
 
 declare global {
   interface HTMLElementTagNameMap {

diff --git a/ui/ui-kit/src/card/surface-element.ts → ui/ui-kit/src/card/surface.ts b/ui/ui-kit/src/card/surface-element.ts → ui/ui-kit/src/card/surface.ts
diff --git a/ui/ui-kit/src/text-field/text-field.ts b/ui/ui-kit/src/text-field/text-field.ts
@@ -2,7 +2,7 @@ import {css, customElement, html, property, ifDefined, type PropertyValues} from
 
 import '@alwatr/icon';
 
-import {AlwatrSurface} from '../card/surface-element.js';
+import {AlwatrSurface} from '../card/surface.js';
 
 declare global {
   interface HTMLElementTagNameMap {