@flodesk/grain 8.3.0 → 8.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/flex.js +8 -3
- package/package.json +1 -1
package/es/components/flex.js
CHANGED
|
@@ -3,6 +3,7 @@ import "core-js/modules/es.object.assign.js";
|
|
|
3
3
|
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); }
|
|
4
4
|
|
|
5
5
|
import React, { forwardRef } from 'react';
|
|
6
|
+
import PropTypes from 'prop-types';
|
|
6
7
|
import { types } from '../types';
|
|
7
8
|
import { css } from '@emotion/react';
|
|
8
9
|
import { getResponsiveDimension, getResponsiveOneOf, getResponsiveSpace } from '../utilities';
|
|
@@ -23,10 +24,13 @@ export var Flex = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
23
24
|
rowGap = _ref.rowGap,
|
|
24
25
|
width = _ref.width,
|
|
25
26
|
height = _ref.height,
|
|
27
|
+
_ref$tag = _ref.tag,
|
|
28
|
+
tag = _ref$tag === void 0 ? 'div' : _ref$tag,
|
|
26
29
|
children = _ref.children,
|
|
27
30
|
props = _ref.props;
|
|
28
|
-
|
|
29
|
-
|
|
31
|
+
var Tag = tag;
|
|
32
|
+
return ___EmotionJSX(Tag, _extends({
|
|
33
|
+
css: /*#__PURE__*/css("display:flex;", getResponsiveOneOf('flex-direction', direction), ";", getResponsiveOneOf('flex-wrap', wrap), ";", getResponsiveOneOf('justify-content', justifyContent), ";", getResponsiveOneOf('align-items', alignItems), ";", getResponsiveOneOf('align-content', alignContent), ";", getResponsiveSpace('gap', gap), ";", getResponsiveSpace('column-gap', columnGap), ";", getResponsiveSpace('row-gap', rowGap), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('height', height), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Flex;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ZsZXguanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvZmxleC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGdldFJlc3BvbnNpdmVEaW1lbnNpb24sIGdldFJlc3BvbnNpdmVPbmVPZiwgZ2V0UmVzcG9uc2l2ZVNwYWNlIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcblxuZXhwb3J0IGNvbnN0IEZsZXggPSBmb3J3YXJkUmVmKFxuICAoXG4gICAge1xuICAgICAgZGlyZWN0aW9uID0gJ3JvdycsXG4gICAgICB3cmFwID0gJ3dyYXAnLFxuICAgICAganVzdGlmeUNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgYWxpZ25JdGVtcyA9ICdzdGFydCcsXG4gICAgICBhbGlnbkNvbnRlbnQgPSAnc3RhcnQnLFxuICAgICAgZ2FwLFxuICAgICAgY29sdW1uR2FwLFxuICAgICAgcm93R2FwLFxuICAgICAgd2lkdGgsXG4gICAgICBoZWlnaHQsXG4gICAgICB0YWcgPSAnZGl2JyxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcHJvcHMsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIGNvbnN0IFRhZyA9IHRhZztcbiAgICByZXR1cm4gKFxuICAgICAgPFRhZ1xuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdmbGV4LWRpcmVjdGlvbicsIGRpcmVjdGlvbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdmbGV4LXdyYXAnLCB3cmFwKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2FsaWduLWl0ZW1zJywgYWxpZ25JdGVtcyl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdhbGlnbi1jb250ZW50JywgYWxpZ25Db250ZW50KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2dhcCcsIGdhcCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdjb2x1bW4tZ2FwJywgY29sdW1uR2FwKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3Jvdy1nYXAnLCByb3dHYXApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ3dpZHRoJywgd2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ2hlaWdodCcsIGhlaWdodCl9O1xuICAgICAgICBgfVxuICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgey4uLnByb3BzfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L1RhZz5cbiAgICApO1xuICB9LFxuKTtcblxuRmxleC5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogdHlwZXMuZmxleERpcmVjdGlvbixcbiAgd3JhcDogdHlwZXMuZmxleFdyYXAsXG4gIGp1c3RpZnlDb250ZW50OiB0eXBlcy5mbGV4SnVzdGlmeUNvbnRlbnQsXG4gIGFsaWduSXRlbXM6IHR5cGVzLmZsZXhBbGlnbkl0ZW1zLFxuICBhbGlnbkNvbnRlbnQ6IHR5cGVzLmZsZXhBbGlnbkNvbnRlbnQsXG4gIGdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBjb2x1bW5HYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcm93R2FwOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHdpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBoZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIHRhZzogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0= */"),
|
|
30
34
|
ref: ref
|
|
31
35
|
}, props), children);
|
|
32
36
|
});
|
|
@@ -40,5 +44,6 @@ Flex.propTypes = {
|
|
|
40
44
|
columnGap: types.responsiveSpace,
|
|
41
45
|
rowGap: types.responsiveSpace,
|
|
42
46
|
width: types.responsiveDimension,
|
|
43
|
-
height: types.responsiveDimension
|
|
47
|
+
height: types.responsiveDimension,
|
|
48
|
+
tag: PropTypes.string
|
|
44
49
|
};
|