@arch-ui/card
Advanced tools
Comparing version
# @arch-ui/card | ||
## 0.0.15 | ||
### Patch Changes | ||
- [`5935b89f8`](https://github.com/keystonejs/keystone/commit/5935b89f8862b36f14d09da68f056f759a860f3e) [#3477](https://github.com/keystonejs/keystone/pull/3477) Thanks [@Noviny](https://github.com/Noviny)! - Updating dependencies: | ||
These changes bring the keystone dev experience inline with installing keystone from npm :D | ||
* [`0fc878fa9`](https://github.com/keystonejs/keystone/commit/0fc878fa918c3196196f943f195ffaa62fce504b) [#3439](https://github.com/keystonejs/keystone/pull/3439) Thanks [@renovate](https://github.com/apps/renovate)! - Updated babel dependencies. | ||
* Updated dependencies [[`0fc878fa9`](https://github.com/keystonejs/keystone/commit/0fc878fa918c3196196f943f195ffaa62fce504b)]: | ||
- @arch-ui/theme@0.0.11 | ||
## 0.0.14 | ||
@@ -4,0 +17,0 @@ |
@@ -5,9 +5,12 @@ 'use strict'; | ||
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; } | ||
var _extends = _interopDefault(require('@babel/runtime/helpers/extends')); | ||
var _objectWithoutProperties = _interopDefault(require('@babel/runtime/helpers/objectWithoutProperties')); | ||
var _extends = require('@babel/runtime/helpers/extends'); | ||
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties'); | ||
var core = require('@emotion/core'); | ||
var theme = require('@arch-ui/theme'); | ||
function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; } | ||
var _extends__default = /*#__PURE__*/_interopDefault(_extends); | ||
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties); | ||
// Card | ||
@@ -23,6 +26,6 @@ // ============================== | ||
} = _ref, | ||
props = _objectWithoutProperties(_ref, ["as", "elevation", "isInteractive", "isPadded"]); | ||
props = _objectWithoutProperties__default['default'](_ref, ["as", "elevation", "isInteractive", "isPadded"]); | ||
const shadow = theme.shadows[elevation]; | ||
return core.jsx(Tag, _extends({ | ||
return core.jsx(Tag, _extends__default['default']({ | ||
css: { | ||
@@ -33,3 +36,3 @@ background: 'white', | ||
padding: isPadded ? theme.gridSize * 2 : null, | ||
transition: "box-shadow 111ms ease-out, transform 111ms ease-out", | ||
transition: `box-shadow 111ms ease-out, transform 111ms ease-out`, | ||
':hover': isInteractive ? { | ||
@@ -54,7 +57,7 @@ boxShadow: theme.shadows[elevation + 1], | ||
} = _ref2, | ||
props = _objectWithoutProperties(_ref2, ["as", "isPadded"]); | ||
props = _objectWithoutProperties__default['default'](_ref2, ["as", "isPadded"]); | ||
return core.jsx(Tag, _extends({ | ||
return core.jsx(Tag, _extends__default['default']({ | ||
css: { | ||
background: "rgba(9, 30, 66, 0.04)", | ||
background: `rgba(9, 30, 66, 0.04)`, | ||
borderRadius: theme.borderRadius * 2, | ||
@@ -61,0 +64,0 @@ padding: isPadded ? theme.gridSize : null |
"use strict"; | ||
function _interopDefault(ex) { | ||
return ex && "object" == typeof ex && "default" in ex ? ex.default : ex; | ||
} | ||
Object.defineProperty(exports, "__esModule", { | ||
@@ -11,8 +7,16 @@ value: !0 | ||
var _extends = _interopDefault(require("@babel/runtime/helpers/extends")), _objectWithoutProperties = _interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")), core = require("@emotion/core"), theme = require("@arch-ui/theme"); | ||
var _extends = require("@babel/runtime/helpers/extends"), _objectWithoutProperties = require("@babel/runtime/helpers/objectWithoutProperties"), core = require("@emotion/core"), theme = require("@arch-ui/theme"); | ||
function _interopDefault(e) { | ||
return e && e.__esModule ? e : { | ||
default: e | ||
}; | ||
} | ||
var _extends__default = _interopDefault(_extends), _objectWithoutProperties__default = _interopDefault(_objectWithoutProperties); | ||
const Card = _ref => { | ||
let {as: Tag = "div", elevation: elevation = 0, isInteractive: isInteractive, isPadded: isPadded = !0} = _ref, props = _objectWithoutProperties(_ref, [ "as", "elevation", "isInteractive", "isPadded" ]); | ||
let {as: Tag = "div", elevation: elevation = 0, isInteractive: isInteractive, isPadded: isPadded = !0} = _ref, props = _objectWithoutProperties__default.default(_ref, [ "as", "elevation", "isInteractive", "isPadded" ]); | ||
const shadow = theme.shadows[elevation]; | ||
return core.jsx(Tag, _extends({ | ||
return core.jsx(Tag, _extends__default.default({ | ||
css: { | ||
@@ -35,4 +39,4 @@ background: "white", | ||
}, Canvas = _ref2 => { | ||
let {as: Tag = "div", isPadded: isPadded = !0} = _ref2, props = _objectWithoutProperties(_ref2, [ "as", "isPadded" ]); | ||
return core.jsx(Tag, _extends({ | ||
let {as: Tag = "div", isPadded: isPadded = !0} = _ref2, props = _objectWithoutProperties__default.default(_ref2, [ "as", "isPadded" ]); | ||
return core.jsx(Tag, _extends__default.default({ | ||
css: { | ||
@@ -39,0 +43,0 @@ background: "rgba(9, 30, 66, 0.04)", |
@@ -25,3 +25,3 @@ import _extends from '@babel/runtime/helpers/esm/extends'; | ||
padding: isPadded ? gridSize * 2 : null, | ||
transition: "box-shadow 111ms ease-out, transform 111ms ease-out", | ||
transition: `box-shadow 111ms ease-out, transform 111ms ease-out`, | ||
':hover': isInteractive ? { | ||
@@ -50,3 +50,3 @@ boxShadow: shadows[elevation + 1], | ||
css: { | ||
background: "rgba(9, 30, 66, 0.04)", | ||
background: `rgba(9, 30, 66, 0.04)`, | ||
borderRadius: borderRadius * 2, | ||
@@ -53,0 +53,0 @@ padding: isPadded ? gridSize : null |
{ | ||
"name": "@arch-ui/card", | ||
"description": "Card Component used in @keystonejs Admin UI.", | ||
"version": "0.0.14", | ||
"version": "0.0.15", | ||
"author": "Jed Watson", | ||
@@ -15,5 +15,5 @@ "license": "MIT", | ||
"dependencies": { | ||
"@arch-ui/theme": "0.0.10", | ||
"@babel/runtime": "^7.8.4", | ||
"@emotion/core": "^10.0.28" | ||
"@arch-ui/theme": "0.0.11", | ||
"@babel/runtime": "^7.11.2", | ||
"@emotion/core": "^10.0.35" | ||
}, | ||
@@ -20,0 +20,0 @@ "module": "dist/card.esm.js", |
11976
9.9%200
2.56%+ Added
- Removed
Updated
Updated
Updated