@umbraco-ui/uui-card 0.0.4 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  ![npm](https://img.shields.io/npm/v/@umbraco-ui/uui-card?logoColor=%231B264F)
4
4
 
5
+ ### See it in action
6
+
7
+ Preview the component on [Storybook](https://uui.umbraco.com/?path=/story/uui-card)
8
+
5
9
  ## Installation
6
10
 
7
11
  ### ES imports
@@ -77,14 +77,14 @@
77
77
  "events": [
78
78
  {
79
79
  "name": "open",
80
- "description": "fires when the media card title is clicked"
80
+ "description": "fires when the card title is clicked"
81
81
  },
82
82
  {
83
- "name": "select",
83
+ "name": "selected",
84
84
  "description": "fires when the media card is selected"
85
85
  },
86
86
  {
87
- "name": "unselect",
87
+ "name": "unselected",
88
88
  "description": "fires when the media card is unselected"
89
89
  }
90
90
  ]
package/lib/index.js CHANGED
@@ -1,7 +1,7 @@
1
- import { LitElement, css } from 'lit';
1
+ import { SelectOnlyMixin, SelectableMixin } from '@umbraco-ui/uui-base/lib/mixins';
2
2
  import { defineElement } from '@umbraco-ui/uui-base/lib/registration';
3
+ import { LitElement, css } from 'lit';
3
4
  import { property } from 'lit/decorators.js';
4
- import { SelectOnlyMixin, SelectableMixin } from '@umbraco-ui/uui-base/lib/mixins';
5
5
  import { UUIEvent } from '@umbraco-ui/uui-base/lib/events';
6
6
 
7
7
  class UUICardEvent extends UUIEvent {
@@ -49,8 +49,7 @@ UUICardElement.styles = [
49
49
  width: 100%;
50
50
  justify-content: center;
51
51
  box-sizing: border-box;
52
- /* TODO: fix automatic fallback values for shadows before we use them: var(--uui-shadow-depth-1)*/
53
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
52
+ 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));
54
53
  border-radius: var(--uui-border-radius,3px);
55
54
  min-height: var(--uui-layout-medium);
56
55
  background-color: var(--uui-interface-surface,#fefefe);
@@ -2,9 +2,7 @@ import { LitElement } from 'lit';
2
2
  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;
3
3
  /**
4
4
  * @element uui-card
5
- * @fires {UUICardEvent} open - fires when the media card title is clicked
6
- * @fires {UUISelectableEvent} select - fires when the media card is selected
7
- * @fires {UUISelectableEvent} unselect - fires when the media card is unselected
5
+ * @fires {UUICardEvent} open - fires when the card title is clicked
8
6
  * @description - Base card component to be extended by specific cards.
9
7
  */
10
8
  export declare class UUICardElement extends UUICardElement_base {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@umbraco-ui/uui-card",
3
- "version": "0.0.4",
3
+ "version": "0.2.0",
4
4
  "license": "MIT",
5
5
  "keywords": [
6
6
  "Umbraco",
@@ -30,7 +30,7 @@
30
30
  "custom-elements.json"
31
31
  ],
32
32
  "dependencies": {
33
- "@umbraco-ui/uui-base": "0.0.17"
33
+ "@umbraco-ui/uui-base": "0.2.0"
34
34
  },
35
35
  "scripts": {
36
36
  "build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
@@ -41,5 +41,5 @@
41
41
  "access": "public"
42
42
  },
43
43
  "homepage": "https://uui.umbraco.com/?path=/story/uui-card",
44
- "gitHead": "3b7c6cf892e89054b2980b19d8c2f8bead2752e8"
44
+ "gitHead": "5494b55e03c9fb3ba8f160e693d3ce59c02d21cd"
45
45
  }