@umbraco-ui/uui-card 0.0.3 → 0.1.1

package/README.md

@@ -2,6 +2,10 @@
 
 ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-card?logoColor=%231B264F)
 
+### See it in action
+
+Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-card)
+
 ## Installation
 
 ### ES imports

package/custom-elements.json

@@ -77,14 +77,14 @@
       "events": [
         {
           "name": "open",
-          "description": "fires when the media card title is clicked"
+          "description": "fires when the card title is clicked"
         },
         {
-          "name": "select",
+          "name": "selected",
           "description": "fires when the media card is selected"
         },
         {
-          "name": "unselect",
+          "name": "unselected",
           "description": "fires when the media card is unselected"
         }
       ]

package/lib/index.d.ts

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

package/lib/index.js

@@ -1,8 +1,8 @@
-import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
-import { LitElement, css } from 'lit';
+import { SelectOnlyMixin, SelectableMixin } from '@umbraco-ui/uui-base/lib/mixins';
 import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
+import { LitElement, css } from 'lit';
 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 {
 }
@@ -49,8 +49,7 @@ UUICardElement.styles = [
         width: 100%;
         justify-content: center;
         box-sizing: border-box;
-        /* TODO: fix automatic fallback values for shadows before we use them: var(--uui-shadow-depth-1)*/
-        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+        box-shadow: var(--uui-shadow-depth-1,0 1px 3px rgba(0,0,0,0.12) , 0 1px 2px rgba(0,0,0,0.24));
         border-radius: var(--uui-border-radius,3px);
         min-height: var(--uui-layout-medium);
         background-color: var(--uui-interface-surface,#fefefe);

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

@@ -2,9 +2,7 @@ import { LitElement } from 'lit';
 declare const UUICardElement_base: (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").SelectOnlyMixinInterface) & (new (...args: any[]) => import("@umbraco-ui/uui-base/lib/mixins").SelectableMixinInterface) & typeof LitElement;
 /**
  *  @element uui-card
- *  @fires {UUICardEvent} open - fires when the media card title is clicked
- *  @fires {UUISelectableEvent} select - fires when the media card is selected
- *  @fires {UUISelectableEvent} unselect - fires when the media card is unselected
+ *  @fires {UUICardEvent} open - fires when the card title is clicked
  *  @description - Base card component to be extended by specific cards.
  */
 export declare class UUICardElement extends UUICardElement_base {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umbraco-ui/uui-card",
-  "version": "0.0.3",
+  "version": "0.1.1",
   "license": "MIT",
   "keywords": [
     "Umbraco",
@@ -30,7 +30,7 @@
     "custom-elements.json"
   ],
   "dependencies": {
-    "@umbraco-ui/uui-base": "0.0.16"
+    "@umbraco-ui/uui-base": "0.1.1"
   },
   "scripts": {
     "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
@@ -41,5 +41,5 @@
     "access": "public"
   },
   "homepage": "https://uui.umbraco.com/?path=/story/uui-card",
-  "gitHead": "6fbddfc1295e2ea00a532d4f9eb798165b2d39ac"
+  "gitHead": "d91d346a0659f52de2a3c4746065c554f95e6328"
 }