@flodesk/grain 11.55.0 → 11.55.1

package/es/components/card.js

@@ -1,4 +1,4 @@
-const _excluded = ["children", "shadow", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "padding", "radius", "position", "zIndex"];
+const _excluded = ["children", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "padding", "radius", "position", "zIndex"];
 
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
@@ -9,11 +9,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React from 'react';
 import PropTypes from 'prop-types';
 import { Box } from './box';
+import { types } from '../types';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export const Card = _ref => {
   let {
     children,
-    shadow,
     width,
     minWidth,
     maxWidth,
@@ -37,22 +37,60 @@ export const Card = _ref => {
     left: 0,
     right: 0,
     bottom: 0,
-    zIndex: zIndex // backgroundColor="blue"
-
+    zIndex: zIndex
   }, ___EmotionJSX(Box, _extends({
     className: "grn-card",
-    width: "100%" // width={width}
-    // minWidth={minWidth}
-    // maxWidth={maxWidth}
-    ,
+    width: "100%",
     padding: padding,
     radius: radius,
-    shadow: shadow,
     height: height,
     minHeight: minHeight,
     maxHeight: maxHeight
   }, props), children));
 };
 Card.propTypes = {
-  sampleProp: PropTypes.node
+  color: types.color,
+  colorHover: types.color,
+  backgroundColor: types.color,
+  backgroundColorHover: types.color,
+  borderColor: types.color,
+  borderColorHover: types.color,
+  borderWidth: types.borderWidth,
+  borderSide: types.side,
+  width: types.responsiveDimension,
+  minWidth: types.responsiveDimension,
+  maxWidth: types.responsiveDimension,
+  height: types.responsiveDimension,
+  minHeight: types.responsiveDimension,
+  maxHeight: types.responsiveDimension,
+  radius: types.radius,
+  shadow: types.shadow,
+  shadowHover: types.shadow,
+  padding: types.responsiveSpace,
+  margin: types.responsiveSpace,
+  marginTop: types.responsiveSpace,
+  marginBottom: types.responsiveSpace,
+  marginLeft: types.responsiveSpace,
+  marginRight: types.responsiveSpace,
+  marginX: types.responsiveSpace,
+  marginY: types.responsiveSpace,
+  position: types.position,
+  top: types.responsiveSpace,
+  bottom: types.responsiveSpace,
+  left: types.responsiveSpace,
+  right: types.responsiveSpace,
+  overflow: types.overflow,
+  overflowX: types.overflow,
+  overflowY: types.overflow,
+  aspectRatio: PropTypes.string,
+  zIndex: types.zIndex,
+  opacity: PropTypes.string,
+  opacityHover: PropTypes.string,
+  order: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object]),
+  alignSelf: types.alignSelf,
+  flex: PropTypes.oneOfType([PropTypes.string, PropTypes.object]),
+  transition: types.transition,
+  transitionHover: types.transition,
+  cursor: types.cursor,
+  tag: PropTypes.string
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "11.55.0",
+  "version": "11.55.1",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "types": "es/types/index.d.ts",