Merge pull request #343 from AliMD/feat/alwatr-icon

New package: `@alwatr/icon` Structure
Alwatr · Oct 31, 2022 · 982bcd3 · 982bcd3
2 parents c220872 + 9d8253f
commit 982bcd3
Show file tree

Hide file tree

Showing 1,340 changed files with 1,456 additions and 1 deletion.
diff --git a/demo/icon/index.html b/demo/icon/index.html
@@ -0,0 +1,13 @@
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>@alwatr/icon</title>
+    <script type="module" src="./index.js"></script>
+  </head>
+
+  <body>
+    <alwatr-icon></alwatr-icon>
+  </body>
+</html>
diff --git a/demo/icon/index.ts b/demo/icon/index.ts
@@ -0,0 +1 @@
+import '@alwatr/icon';
diff --git a/demo/tsconfig.json b/demo/tsconfig.json
@@ -11,6 +11,7 @@
     {"path": "../packages/core/logger"},
     {"path": "../packages/core/fetch"},
     {"path": "../packages/core/signal"},
+    {"path": "../packages/ui/icon"},
     {"path": "../packages/core/router"},
     {"path": "../packages/core/i18n"},
     {"path": "../packages/core/math"},

diff --git a/packages/ui/icon/README.md b/packages/ui/icon/README.md
@@ -0,0 +1 @@
+# Alwatr Icon Component
diff --git a/packages/ui/icon/package.json b/packages/ui/icon/package.json
@@ -0,0 +1,41 @@
+{
+  "name": "@alwatr/icon",
+  "version": "0.0.1",
+  "description": "Premium icons",
+  "keywords": [
+    "icon",
+    "component",
+    "typescript",
+    "esm",
+    "alwatr"
+  ],
+  "main": "icon.js",
+  "type": "module",
+  "types": "icon.d.ts",
+  "private": true,
+  "author": "S. Ali Mihandoost <[email protected]> (https://ali.mihandoost.com)",
+  "contributors": [
+    "MohammadMahdi Zamanian <[email protected]> (https://mm25zamanian.ir)"
+  ],
+  "license": "MIT",
+  "files": [
+    "**/*.{d.ts.map,d.ts,js.map,js,html,md,svg}"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/AliMD/alwatr",
+    "directory": "packages/ui/icon"
+  },
+  "homepage": "https://github.com/AliMD/alwatr/tree/main/packages/ui/icon#readme",
+  "bugs": {
+    "url": "https://github.com/AliMD/alwatr/issues"
+  },
+  "dependencies": {
+    "@alwatr/element": "^0.18.0",
+    "lit": "^2.4.0",
+    "tslib": "^2.3.1"
+  }
+}
diff --git a/packages/ui/icon/src/icon.ts b/packages/ui/icon/src/icon.ts
@@ -0,0 +1,45 @@
+import {AlwatrElement} from '@alwatr/element';
+import {html, css} from 'lit';
+import {customElement} from 'lit/decorators/custom-element.js';
+import {property} from 'lit/decorators/property.js';
+
+import type {TemplateResult} from 'lit';
+
+@customElement('alwatr-icon')
+export class AlwatrIcon extends AlwatrElement {
+  static override styles = [
+    css`
+      :host {
+        display: inline-block;
+        width: 1em;
+        height: 1em;
+        contain: strict;
+        fill: currentColor;
+        box-sizing: content-box !important;
+      }
+      svg {
+        display: block;
+
+        height: 100%;
+        width: 100%;
+      }
+    `,
+  ];
+
+  @property() name?: string;
+  @property({attribute: 'url-prefix'}) urlPrefix = 'https://cdn.jsdelivr.net/gh/ionic-team/[email protected]/src/svg/';
+
+  override render(): TemplateResult {
+    return html`<svg xmlns="http://www.w3.org/2000/svg" class="ionicon" viewBox="0 0 512 512">
+      <title>Book</title>
+      <path
+        d="M256 160c16-63.16 76.43-95.41 208-96a15.94 15.94 0 0116 16v288a16 16 0 01-16 16c-128 0-177.45 25.81-208 64-30.37-38-80-64-208-64-9.88 0-16-8.05-16-17.93V80a15.94 15.94 0 0116-16c131.57.59 192 32.84 208 96zM256 160v288"
+        fill="none"
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="32"
+      />
+    </svg>`;
+  }
+}
diff --git a/packages/ui/icon/svg/accessibility-outline.svg b/packages/ui/icon/svg/accessibility-outline.svg
diff --git a/packages/ui/icon/svg/accessibility-sharp.svg b/packages/ui/icon/svg/accessibility-sharp.svg
diff --git a/packages/ui/icon/svg/accessibility.svg b/packages/ui/icon/svg/accessibility.svg
diff --git a/packages/ui/icon/svg/add-circle-outline.svg b/packages/ui/icon/svg/add-circle-outline.svg
diff --git a/packages/ui/icon/svg/add-circle-sharp.svg b/packages/ui/icon/svg/add-circle-sharp.svg
diff --git a/packages/ui/icon/svg/add-circle.svg b/packages/ui/icon/svg/add-circle.svg
diff --git a/packages/ui/icon/svg/add-outline.svg b/packages/ui/icon/svg/add-outline.svg
diff --git a/packages/ui/icon/svg/add-sharp.svg b/packages/ui/icon/svg/add-sharp.svg
diff --git a/packages/ui/icon/svg/add.svg b/packages/ui/icon/svg/add.svg
diff --git a/packages/ui/icon/svg/airplane-outline.svg b/packages/ui/icon/svg/airplane-outline.svg
diff --git a/packages/ui/icon/svg/airplane-sharp.svg b/packages/ui/icon/svg/airplane-sharp.svg
diff --git a/packages/ui/icon/svg/airplane.svg b/packages/ui/icon/svg/airplane.svg
diff --git a/packages/ui/icon/svg/alarm-outline.svg b/packages/ui/icon/svg/alarm-outline.svg
diff --git a/packages/ui/icon/svg/alarm-sharp.svg b/packages/ui/icon/svg/alarm-sharp.svg
diff --git a/packages/ui/icon/svg/alarm.svg b/packages/ui/icon/svg/alarm.svg
diff --git a/packages/ui/icon/svg/albums-outline.svg b/packages/ui/icon/svg/albums-outline.svg
diff --git a/packages/ui/icon/svg/albums-sharp.svg b/packages/ui/icon/svg/albums-sharp.svg
diff --git a/packages/ui/icon/svg/albums.svg b/packages/ui/icon/svg/albums.svg
diff --git a/packages/ui/icon/svg/alert-circle-outline.svg b/packages/ui/icon/svg/alert-circle-outline.svg
diff --git a/packages/ui/icon/svg/alert-circle-sharp.svg b/packages/ui/icon/svg/alert-circle-sharp.svg
diff --git a/packages/ui/icon/svg/alert-circle.svg b/packages/ui/icon/svg/alert-circle.svg
diff --git a/packages/ui/icon/svg/alert-outline.svg b/packages/ui/icon/svg/alert-outline.svg
diff --git a/packages/ui/icon/svg/alert-sharp.svg b/packages/ui/icon/svg/alert-sharp.svg
diff --git a/packages/ui/icon/svg/alert.svg b/packages/ui/icon/svg/alert.svg
diff --git a/packages/ui/icon/svg/american-football-outline.svg b/packages/ui/icon/svg/american-football-outline.svg
diff --git a/packages/ui/icon/svg/american-football-sharp.svg b/packages/ui/icon/svg/american-football-sharp.svg
diff --git a/packages/ui/icon/svg/american-football.svg b/packages/ui/icon/svg/american-football.svg
diff --git a/packages/ui/icon/svg/analytics-outline.svg b/packages/ui/icon/svg/analytics-outline.svg
diff --git a/packages/ui/icon/svg/analytics-sharp.svg b/packages/ui/icon/svg/analytics-sharp.svg
diff --git a/packages/ui/icon/svg/analytics.svg b/packages/ui/icon/svg/analytics.svg