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

@arch-ui/card

Package Overview
Dependencies
Maintainers
8
Versions
17
Alerts
File Explorer

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.15

13

CHANGELOG.md
# @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 @@

23

dist/card.cjs.dev.js

@@ -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",