@flodesk/grain 11.0.7 → 12.0.0-next.1

package/es/components/stack/index.js

@@ -0,0 +1,68 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.assign.js";
+var _excluded = ["children", "gap", "style", "className"];
+
+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); }
+
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.string.trim.js";
+import "core-js/modules/es.array.concat.js";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import PropTypes from 'prop-types';
+import React, { forwardRef } from 'react';
+import { types } from '../../types';
+import { Box } from '../box';
+import { generateAttributes } from '../../utilities';
+import styles from './styles.module.css';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+export var Stack = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      stackGap = _ref.gap,
+      style = _ref.style,
+      className = _ref.className,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  var propClassName = className ? className : '';
+  var propStyle = style ? style : {};
+  var attributes = generateAttributes({
+    styleProps: {
+      stackGap: stackGap
+    },
+    classNameProps: {
+      stackGap: stackGap
+    }
+  });
+
+  var styleAttributes = _objectSpread(_objectSpread({}, attributes.styles), propStyle);
+
+  var classAttributes = "".concat(propClassName, " ").concat(attributes.classNames, " ").concat(styles.stack).trim().replace(/\s+/g, ' ');
+  return ___EmotionJSX(Box, _extends({
+    ref: ref,
+    style: styleAttributes,
+    className: classAttributes
+  }, props), children);
+});
+Stack.propTypes = {
+  children: PropTypes.node,
+  gap: types.responsiveSpace
+};

package/es/components/stack/styles.module.css

@@ -0,0 +1,3 @@
+.stack > * + * {
+  margin-top: var(--stackGap);
+}

package/es/styles/utilities.js

@@ -107,7 +107,7 @@ var spaceProps = styleConfig.spaceProps,
     flexDirectionProps = styleConfig.flexDirectionProps,
     flexWrapProps = styleConfig.flexWrapProps;
 var classAndStyleDeclarationProps = [spaceProps, colorProps, shadowProps, radiusProps, transitionProps, sizeProps, borderColorProps, alignProps, flexWrapProps, autoFlowProps, itemAlignmentProps, contentPositionProps, flexDirectionProps, alignSelfProps];
-var classDeclarationProps = [].concat(classAndStyleDeclarationProps, [positionProps, overflowProps, cursorProps, sizeProps, borderWidthProps, weightProps, textDisplayProps, borderSideProps, textTransformProps]);
+var classDeclarationProps = [].concat(classAndStyleDeclarationProps, [positionProps, overflowProps, cursorProps, borderWidthProps, weightProps, textDisplayProps, borderSideProps, textTransformProps]);
 var styleDeclarationProps = [].concat(classAndStyleDeclarationProps, [dimensionProps, aspectRatioProps, orderProps, flexProps, opacityProps, zIndexProps, letterSpacingProps, gridTemplateProps]);
 var defaultBorder = "\n  [class*=\"bd\"] {\n    border-color: var(--grn-color-border);\n    border-width: 1px;\n  }\n";
 var utilities = "\n  ".concat(defaultBorder, "\n  ").concat(generateUtilityClassDeclarations(classDeclarationProps), ";\n  ").concat(generateStyleClassDeclarations(styleDeclarationProps), ";\n");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flodesk/grain",
-  "version": "11.0.7",
+  "version": "12.0.0-next.1",
   "description": "Flodesk design system",
   "module": "es/index.js",
   "author": "Flodesk",