@arch-ui/card
Advanced tools
Comparing version
# @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, | ||
}; |
10613
-0.83%195
-13.33%