@logosphere-ui/core 0.0.0-alpha.7 → 0.0.0-alpha.9

package/dist/ui-icon-ltkJROhR.js

@@ -0,0 +1,51 @@
+import { LitElement as l, css as w, html as e } from "lit";
+import { unsafeHTML as n } from "lit/directives/unsafe-html.js";
+const o = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13.41,12l4.3-4.29a1,1,0,1,0-1.42-1.42L12,10.59,7.71,6.29A1,1,0,0,0,6.29,7.71L10.59,12l-4.3,4.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L12,13.41l4.29,4.3a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42Z"/></svg>', h = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17,9.17a1,1,0,0,0-1.41,0L12,12.71,8.46,9.17a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42l4.24,4.24a1,1,0,0,0,1.42,0L17,10.59A1,1,0,0,0,17,9.17Z"/></svg>', i = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,4H17V3a1,1,0,0,0-2,0V4H9V3A1,1,0,0,0,7,3V4H5A3,3,0,0,0,2,7V19a3,3,0,0,0,3,3H19a3,3,0,0,0,3-3V7A3,3,0,0,0,19,4Zm1,15a1,1,0,0,1-1,1H5a1,1,0,0,1-1-1V12H20Zm0-9H4V7A1,1,0,0,1,5,6H7V7A1,1,0,0,0,9,7V6h6V7a1,1,0,0,0,2,0V6h2a1,1,0,0,1,1,1Z"/></svg>', r = '<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M17,11H9.41l3.3-3.29a1,1,0,1,0-1.42-1.42l-5,5a1,1,0,0,0-.21.33,1,1,0,0,0,0,.76,1,1,0,0,0,.21.33l5,5a1,1,0,0,0,1.42,0,1,1,0,0,0,0-1.42L9.41,13H17a1,1,0,0,0,0-2Z"/></svg>', g = '<svg xmlns="http://www.w3.org/2000/svg" data-name="Layer 1" viewBox="0 0 24 24"><path d="M17.92,11.62a1,1,0,0,0-.21-.33l-5-5a1,1,0,0,0-1.42,1.42L14.59,11H7a1,1,0,0,0,0,2h7.59l-3.3,3.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l5-5a1,1,0,0,0,.21-.33A1,1,0,0,0,17.92,11.62Z"/></svg>', v = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20,6H16V5a3,3,0,0,0-3-3H11A3,3,0,0,0,8,5V6H4A1,1,0,0,0,4,8H5V19a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V8h1a1,1,0,0,0,0-2ZM10,5a1,1,0,0,1,1-1h2a1,1,0,0,1,1,1V6H10Zm7,14a1,1,0,0,1-1,1H8a1,1,0,0,1-1-1V8H17Z"/></svg>', m = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.71,2.29a1,1,0,0,0-1.42,0L14.5,8.09V6.5a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54,1,1,0,0,0,.38.08h4a1,1,0,0,0,0-2H15.91l5.8-5.79A1,1,0,0,0,21.71,2.29ZM10.88,12.58a1,1,0,0,0-.38-.08h-4a1,1,0,0,0,0,2H8.09l-5.8,5.79a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0l5.79-5.8V17.5a1,1,0,0,0,2,0v-4a1,1,0,0,0-.08-.38A1,1,0,0,0,10.88,12.58Z"/></svg>', H = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.79,12.79,4,18.59V17a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,3,22H7a1,1,0,0,0,0-2H5.41l5.8-5.79a1,1,0,0,0-1.42-1.42ZM21.92,2.62a1,1,0,0,0-.54-.54A1,1,0,0,0,21,2H17a1,1,0,0,0,0,2h1.59l-5.8,5.79a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0L20,5.41V7a1,1,0,0,0,2,0V3A1,1,0,0,0,21.92,2.62Z"/></svg>', p = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,8.94a1.31,1.31,0,0,0-.06-.27l0-.09a1.07,1.07,0,0,0-.19-.28h0l-6-6h0a1.07,1.07,0,0,0-.28-.19.32.32,0,0,0-.09,0A.88.88,0,0,0,14.05,2H10A3,3,0,0,0,7,5V6H6A3,3,0,0,0,3,9V19a3,3,0,0,0,3,3h8a3,3,0,0,0,3-3V18h1a3,3,0,0,0,3-3V9S21,9,21,8.94ZM15,5.41,17.59,8H16a1,1,0,0,1-1-1ZM15,19a1,1,0,0,1-1,1H6a1,1,0,0,1-1-1V9A1,1,0,0,1,6,8H7v7a3,3,0,0,0,3,3h5Zm4-4a1,1,0,0,1-1,1H10a1,1,0,0,1-1-1V5a1,1,0,0,1,1-1h3V7a3,3,0,0,0,3,3h3Z"/></svg>', c = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21.3,10.08A3,3,0,0,0,19,9H14.44L15,7.57A4.13,4.13,0,0,0,11.11,2a1,1,0,0,0-.91.59L7.35,9H5a3,3,0,0,0-3,3v7a3,3,0,0,0,3,3H17.73a3,3,0,0,0,2.95-2.46l1.27-7A3,3,0,0,0,21.3,10.08ZM7,20H5a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1H7Zm13-7.82-1.27,7a1,1,0,0,1-1,.82H9V10.21l2.72-6.12A2.11,2.11,0,0,1,13.1,6.87L12.57,8.3A2,2,0,0,0,14.44,11H19a1,1,0,0,1,.77.36A1,1,0,0,1,20,12.18Z"/></svg>', A = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19,2H6.27A3,3,0,0,0,3.32,4.46l-1.27,7A3,3,0,0,0,5,15H9.56L9,16.43A4.13,4.13,0,0,0,12.89,22a1,1,0,0,0,.91-.59L16.65,15H19a3,3,0,0,0,3-3V5A3,3,0,0,0,19,2ZM15,13.79l-2.72,6.12a2.13,2.13,0,0,1-1.38-2.78l.53-1.43A2,2,0,0,0,9.56,13H5a1,1,0,0,1-.77-.36A1,1,0,0,1,4,11.82l1.27-7a1,1,0,0,1,1-.82H15ZM20,12a1,1,0,0,1-1,1H17V4h2a1,1,0,0,1,1,1Z"/></svg>', V = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M15.71,12.71a1,1,0,0,0,.21-.33,1,1,0,0,0,0-.76,1,1,0,0,0-.21-.33l-3-3a1,1,0,0,0-1.42,1.42L12.59,11H9a1,1,0,0,0,0,2h3.59l-1.3,1.29a1,1,0,0,0,0,1.42,1,1,0,0,0,1.42,0ZM22,12A10,10,0,1,0,12,22,10,10,0,0,0,22,12ZM4,12a8,8,0,1,1,8,8A8,8,0,0,1,4,12Z"/></svg>', u = {
+  "uil-times": o,
+  "uil-angle-down": h,
+  "uil-calendar": i,
+  "uil-arrow-left": r,
+  "uil-arrow-right": g,
+  "uil-trash": v,
+  "uil-compress-alt": m,
+  "uil-expand-alt": H,
+  "uil-copy": p,
+  "uil-thumbs-up": c,
+  "uil-thumbs-down": A,
+  "uil-arrow-circle-right": V
+}, a = class a extends l {
+  constructor() {
+    super(...arguments), this.name = "", this.size = 20;
+  }
+  render() {
+    const s = u[this.name];
+    return s ? e`
+      <span
+        style="font-size: ${this.size}px;"
+        aria-hidden="true"
+      >
+        ${n(s)}
+      </span>
+    ` : (console.warn(`Icon "${this.name}" not found.`), e``);
+  }
+};
+a.properties = {
+  name: { type: String },
+  size: { type: Number }
+}, a.styles = w`
+    :host {
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      line-height: 0;
+      color: inherit;
+    }
+
+    svg {
+      width: 1em;
+      height: 1em;
+      fill: currentColor;
+    }
+  `;
+let t = a;
+customElements.define("ui-icon", t);

package/package.json

@@ -1,14 +1,10 @@
 {
   "name": "@logosphere-ui/core",
-  "version": "0.0.0-alpha.7",
+  "version": "0.0.0-alpha.9",
   "description": "A modern, framework-agnostic UI component library built with Lit and Web Components",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "sideEffects": [
-    "**/*.css",
-    "**/*.js"
-  ],
   "files": [
     "dist/**/*",
     "README.md"
@@ -16,63 +12,78 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
     },
     "./button": {
       "types": "./dist/atoms/Button/index.d.ts",
-      "import": "./dist/atoms/Button/index.js"
+      "import": "./dist/button.js",
+      "require": "./dist/button.cjs"
     },
     "./modal": {
       "types": "./dist/organisms/Modal/index.d.ts",
-      "import": "./dist/organisms/Modal/index.js"
+      "import": "./dist/modal.js",
+      "require": "./dist/modal.cjs"
     },
     "./checkbox": {
       "types": "./dist/atoms/Checkbox/index.d.ts",
-      "import": "./dist/atoms/Checkbox/index.js"
+      "import": "./dist/checkbox.js",
+      "require": "./dist/checkbox.cjs"
     },
     "./chatbot": {
       "types": "./dist/organisms/Chatbot/index.d.ts",
-      "import": "./dist/organisms/Chatbot/index.js"
+      "import": "./dist/chatbot.js",
+      "require": "./dist/chatbot.cjs"
     },
     "./popover": {
       "types": "./dist/molecules/Popover/index.d.ts",
-      "import": "./dist/molecules/Popover/index.js"
+      "import": "./dist/popover.js",
+      "require": "./dist/popover.cjs"
     },
     "./switch": {
       "types": "./dist/atoms/Switch/index.d.ts",
-      "import": "./dist/atoms/Switch/index.js"
+      "import": "./dist/switch.js",
+      "require": "./dist/switch.cjs"
     },
     "./card": {
       "types": "./dist/molecules/Card/index.d.ts",
-      "import": "./dist/molecules/Card/index.js"
+      "import": "./dist/card.js",
+      "require": "./dist/card.cjs"
     },
     "./breadcrumb": {
       "types": "./dist/molecules/Breadcrumb/index.d.ts",
-      "import": "./dist/molecules/Breadcrumb/index.js"
+      "import": "./dist/breadcrumb.js",
+      "require": "./dist/breadcrumb.cjs"
     },
     "./formfield": {
       "types": "./dist/atoms/FormField/index.d.ts",
-      "import": "./dist/atoms/FormField/index.js"
+      "import": "./dist/formfield.js",
+      "require": "./dist/formfield.cjs"
     },
     "./combobox": {
       "types": "./dist/organisms/Combobox/index.d.ts",
-      "import": "./dist/organisms/Combobox/index.js"
+      "import": "./dist/combobox.js",
+      "require": "./dist/combobox.cjs"
     },
     "./textarea": {
       "types": "./dist/molecules/Textarea/index.d.ts",
-      "import": "./dist/molecules/Textarea/index.js"
+      "import": "./dist/textarea.js",
+      "require": "./dist/textarea.cjs"
     },
     "./datepicker": {
       "types": "./dist/organisms/DatePicker/index.d.ts",
-      "import": "./dist/organisms/DatePicker/index.js"
+      "import": "./dist/datepicker.js",
+      "require": "./dist/datepicker.cjs"
     },
     "./download-manager": {
       "types": "./dist/organisms/DownloadManager/index.d.ts",
-      "import": "./dist/organisms/DownloadManager/index.js"
+      "import": "./dist/download-manager.js",
+      "require": "./dist/download-manager.cjs"
     },
     "./tab": {
       "types": "./dist/organisms/Tab/index.d.ts",
-      "import": "./dist/organisms/Tab/index.js"
+      "import": "./dist/tab.js",
+      "require": "./dist/tab.cjs"
     },
     "./styles/main.css": "./dist/styles/main.css"
   },