@umbraco-ui/uui-card 0.0.2 → 0.0.3

package/README.md

@@ -13,7 +13,7 @@ npm i @umbraco-ui/uui-card
 ## Usage
 
 ```javascript
-import { UUICardElement } from '@umbraco-ui/uui-card/lib/uui-card.element';
+import { UUICardElement } from '@umbraco-ui/uui-card';
 
 class MyCardElement extends UUICardElement {}
 ```

package/lib/index.d.ts

@@ -0,0 +1,2 @@
+export * from './UUICardEvent';
+export * from './uui-card.element';

package/lib/{uui-card.element.js → index.js}

@@ -1,7 +1,8 @@
+import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
 import { LitElement, css } from 'lit';
+import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
 import { property } from 'lit/decorators.js';
 import { SelectOnlyMixin, SelectableMixin } from '@umbraco-ui/uui-base/lib/mixins';
-import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
 
 class UUICardEvent extends UUIEvent {
 }
@@ -18,7 +19,7 @@ var __decorateClass = (decorators, target, key, kind) => {
     __defProp(target, key, result);
   return result;
 };
-class UUICardElement extends SelectOnlyMixin(SelectableMixin(LitElement)) {
+let UUICardElement = class extends SelectOnlyMixin(SelectableMixin(LitElement)) {
   constructor() {
     super(...arguments);
     this.disabled = false;
@@ -39,7 +40,7 @@ class UUICardElement extends SelectOnlyMixin(SelectableMixin(LitElement)) {
     e.stopPropagation();
     this.dispatchEvent(new UUICardEvent(UUICardEvent.OPEN));
   }
-}
+};
 UUICardElement.styles = [
   css`
       :host {
@@ -109,17 +110,7 @@ UUICardElement.styles = [
       }
 
       :host([selectable]:not([selected]):hover) #select-border::after {
-        -webkit-animation: not-selected--hover 1.2s infinite;
-                animation: not-selected--hover 1.2s infinite;
-      }
-      @-webkit-keyframes not-selected--hover {
-        0%,
-        100% {
-          opacity: 0.66;
-        }
-        50% {
-          opacity: 1;
-        }
+        animation: not-selected--hover 1.2s infinite;
       }
       @keyframes not-selected--hover {
         0%,
@@ -132,17 +123,7 @@ UUICardElement.styles = [
       }
 
       :host([selectable][selected]:hover) #select-border::after {
-        -webkit-animation: selected--hover 1.4s infinite;
-                animation: selected--hover 1.4s infinite;
-      }
-      @-webkit-keyframes selected--hover {
-        0%,
-        100% {
-          opacity: 1;
-        }
-        50% {
-          opacity: 0.66;
-        }
+        animation: selected--hover 1.4s infinite;
       }
       @keyframes selected--hover {
         0%,
@@ -154,8 +135,7 @@ UUICardElement.styles = [
         }
       }
       :host([selectable]) #open-part:hover + #select-border::after {
-        -webkit-animation: none;
-                animation: none;
+        animation: none;
       }
       :host([error])::after {
         inset: calc(var(--uui-card-border-width) * -2);
@@ -175,5 +155,8 @@ __decorateClass([
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], UUICardElement.prototype, "error", 2);
+UUICardElement = __decorateClass([
+  defineElement("uui-card")
+], UUICardElement);
 
-export { UUICardElement };
+export { UUICardElement, UUICardEvent };

package/lib/uui-card.element.d.ts

@@ -27,4 +27,9 @@ export declare class UUICardElement extends UUICardElement_base {
     protected handleOpenClick(e: Event): void;
     protected handleOpenKeydown(e: KeyboardEvent): void;
 }
+declare global {
+    interface HTMLElementTagNameMap {
+        'uui-card': UUICardElement;
+    }
+}
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -19,17 +19,18 @@
   "bugs": {
     "url": "https://github.com/umbraco/Umbraco.UI/issues"
   },
-  "main": "./dist/index.js",
+  "main": "./lib/index.js",
   "module": "./lib/index.js",
+  "types": "./lib/index.d.ts",
+  "type": "module",
   "customElements": "custom-elements.json",
   "files": [
-    "dist",
     "lib/**/*.d.ts",
     "lib/**/*.js",
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.0.15"
+    "@umbraco-ui/uui-base": "0.0.16"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
@@ -40,5 +41,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-card",
-  "gitHead": "2a640ce4460de94e9c92a97310e27b84bbd6edda"
+  "gitHead": "6fbddfc1295e2ea00a532d4f9eb798165b2d39ac"
 }