🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →

@arch-ui/card

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@arch-ui/card - npm Package Compare versions

Comparing version

to
0.0.13

# @arch-ui/card
## 0.0.13
### Patch Changes
- [`63169b6a`](https://github.com/keystonejs/keystone/commit/63169b6a6b6a4dc286cd224b7f871960f2d4b0ad) [#2638](https://github.com/keystonejs/keystone/pull/2638) Thanks [@Vultraz](https://github.com/Vultraz)! - Removed uses of defaultProps for functional components.
## 0.0.12

@@ -64,7 +70,7 @@

- [42c3fbc9](https://github.com/keystonejs/keystone-5/commit/42c3fbc9): Upgrade emotion to 10.0.14
- [42c3fbc9](https://github.com/keystonejs/keystone/commit/42c3fbc9): Upgrade emotion to 10.0.14
## 0.0.4
- Updated dependencies [19fe6c1b](https://github.com/keystonejs/keystone-5/commit/19fe6c1b):
- Updated dependencies [19fe6c1b](https://github.com/keystonejs/keystone/commit/19fe6c1b):
- @arch-ui/theme@0.0.5

@@ -76,3 +82,3 @@

- [81dc0be5](https://github.com/keystonejs/keystone-5/commit/81dc0be5):
- [81dc0be5](https://github.com/keystonejs/keystone/commit/81dc0be5):

@@ -83,4 +89,4 @@ - Update dependencies

- [patch][e75c105c](https://github.com/keystonejs/keystone-5/commit/e75c105c):
- [patch][e75c105c](https://github.com/keystonejs/keystone/commit/e75c105c):
- admin revamp

@@ -17,6 +17,6 @@ 'use strict';

let {
as: Tag,
elevation,
as: Tag = 'div',
elevation = 0,
isInteractive,
isPadded
isPadded = true
} = _ref,

@@ -43,7 +43,2 @@ props = _objectWithoutProperties(_ref, ["as", "elevation", "isInteractive", "isPadded"]);

}, props));
};
Card.defaultProps = {
as: 'div',
elevation: 0,
isPadded: true
}; // ==============================

@@ -55,4 +50,4 @@ // Canvas

let {
as: Tag,
isPadded
as: Tag = 'div',
isPadded = true
} = _ref2,

@@ -69,8 +64,4 @@ props = _objectWithoutProperties(_ref2, ["as", "isPadded"]);

};
Canvas.defaultProps = {
as: 'div',
isPadded: true
};
exports.Canvas = Canvas;
exports.Card = Card;

@@ -14,3 +14,3 @@ "use strict";

const Card = _ref => {
let {as: Tag, elevation: elevation, isInteractive: isInteractive, isPadded: isPadded} = _ref, props = _objectWithoutProperties(_ref, [ "as", "elevation", "isInteractive", "isPadded" ]);
let {as: Tag = "div", elevation: elevation = 0, isInteractive: isInteractive, isPadded: isPadded = !0} = _ref, props = _objectWithoutProperties(_ref, [ "as", "elevation", "isInteractive", "isPadded" ]);
const shadow = theme.shadows[elevation];

@@ -34,12 +34,4 @@ return core.jsx(Tag, _extends({

}, props));
};
Card.defaultProps = {
as: "div",
elevation: 0,
isPadded: !0
};
const Canvas = _ref2 => {
let {as: Tag, isPadded: isPadded} = _ref2, props = _objectWithoutProperties(_ref2, [ "as", "isPadded" ]);
}, Canvas = _ref2 => {
let {as: Tag = "div", isPadded: isPadded = !0} = _ref2, props = _objectWithoutProperties(_ref2, [ "as", "isPadded" ]);
return core.jsx(Tag, _extends({

@@ -54,5 +46,2 @@ css: {

Canvas.defaultProps = {
as: "div",
isPadded: !0
}, exports.Canvas = Canvas, exports.Card = Card;
exports.Canvas = Canvas, exports.Card = Card;

@@ -11,6 +11,6 @@ import _extends from '@babel/runtime/helpers/esm/extends';

let {
as: Tag,
elevation,
as: Tag = 'div',
elevation = 0,
isInteractive,
isPadded
isPadded = true
} = _ref,

@@ -37,7 +37,2 @@ props = _objectWithoutProperties(_ref, ["as", "elevation", "isInteractive", "isPadded"]);

}, props));
};
Card.defaultProps = {
as: 'div',
elevation: 0,
isPadded: true
}; // ==============================

@@ -49,4 +44,4 @@ // Canvas

let {
as: Tag,
isPadded
as: Tag = 'div',
isPadded = true
} = _ref2,

@@ -63,7 +58,3 @@ props = _objectWithoutProperties(_ref2, ["as", "isPadded"]);

};
Canvas.defaultProps = {
as: 'div',
isPadded: true
};
export { Canvas, Card };
{
"name": "@arch-ui/card",
"description": "Card Component used in @keystonejs Admin UI.",
"version": "0.0.12",
"version": "0.0.13",
"author": "Jed Watson",

@@ -6,0 +6,0 @@ "license": "MIT",

@@ -10,3 +10,9 @@ /** @jsx jsx */

export const Card = ({ as: Tag, elevation, isInteractive, isPadded, ...props }) => {
export const Card = ({
as: Tag = 'div',
elevation = 0,
isInteractive,
isPadded = true,
...props
}) => {
const shadow = shadows[elevation];

@@ -32,8 +38,2 @@ return (

Card.defaultProps = {
as: 'div',
elevation: 0,
isPadded: true,
};
// ==============================

@@ -43,3 +43,3 @@ // Canvas

export const Canvas = ({ as: Tag, isPadded, ...props }) => {
export const Canvas = ({ as: Tag = 'div', isPadded = true, ...props }) => {
return (

@@ -56,6 +56,1 @@ <Tag

};
Canvas.defaultProps = {
as: 'div',
isPadded: true,
};