@flodesk/grain 8.1.3 → 8.3.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/box.js +10 -4
- package/es/components/flex.js +44 -0
- package/es/components/index.js +2 -1
- package/es/components/nav.js +25 -19
- package/es/types.js +18 -3
- package/package.json +1 -1
package/es/components/box.js
CHANGED
|
@@ -2,7 +2,7 @@ import "core-js/modules/es.object.keys.js";
|
|
|
2
2
|
import "core-js/modules/es.array.index-of.js";
|
|
3
3
|
import "core-js/modules/es.symbol.js";
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
|
-
var _excluded = ["children", "color", "backgroundColor", "borderColor", "borderWidth", "borderSide", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "overflow", "aspectRatio", "zIndex", "tag", "opacity"];
|
|
5
|
+
var _excluded = ["children", "color", "backgroundColor", "borderColor", "borderWidth", "borderSide", "width", "minWidth", "maxWidth", "height", "minHeight", "maxHeight", "radius", "padding", "paddingTop", "paddingBottom", "paddingLeft", "paddingRight", "paddingX", "paddingY", "margin", "marginTop", "marginBottom", "marginLeft", "marginRight", "marginX", "marginY", "position", "top", "bottom", "left", "right", "shadow", "overflow", "aspectRatio", "zIndex", "tag", "opacity", "order", "alignSelf", "flex"];
|
|
6
6
|
|
|
7
7
|
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); }
|
|
8
8
|
|
|
@@ -10,7 +10,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
10
10
|
|
|
11
11
|
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; }
|
|
12
12
|
|
|
13
|
-
import { getBorder, getColor, getRadius, getResponsiveSpace, getShadow, getResponsiveDimension } from '../utilities';
|
|
13
|
+
import { getBorder, getColor, getRadius, getResponsiveSpace, getShadow, getResponsiveDimension, getResponsiveOneOf } from '../utilities';
|
|
14
14
|
import React, { forwardRef } from 'react';
|
|
15
15
|
import { css } from '@emotion/react';
|
|
16
16
|
import { types } from '../types';
|
|
@@ -58,12 +58,15 @@ export var Box = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
58
58
|
_ref$tag = _ref.tag,
|
|
59
59
|
tag = _ref$tag === void 0 ? 'div' : _ref$tag,
|
|
60
60
|
opacity = _ref.opacity,
|
|
61
|
+
order = _ref.order,
|
|
62
|
+
alignSelf = _ref.alignSelf,
|
|
63
|
+
flex = _ref.flex,
|
|
61
64
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
62
65
|
|
|
63
66
|
var Tag = tag;
|
|
64
67
|
return ___EmotionJSX(Tag, _extends({
|
|
65
68
|
ref: ref,
|
|
66
|
-
css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";", Boolean(opacity) && "opacity: ".concat(opacity), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
69
|
+
css: /*#__PURE__*/css(getBorder(borderSide, borderWidth, borderColor), ";", getResponsiveSpace('padding', padding), ";", getResponsiveSpace('padding-top', paddingTop || paddingY), ";", getResponsiveSpace('padding-bottom', paddingBottom || paddingY), ";", getResponsiveSpace('padding-left', paddingLeft || paddingX), ";", getResponsiveSpace('padding-right', paddingRight || paddingX), ";", getResponsiveSpace('margin', margin), ";", getResponsiveSpace('margin-top', marginTop || marginY), ";", getResponsiveSpace('margin-bottom', marginBottom || marginY), ";", getResponsiveSpace('margin-left', marginLeft || marginX), ";", getResponsiveSpace('margin-right', marginRight || marginX), ";", getResponsiveSpace('top', top), ";", getResponsiveSpace('bottom', bottom), ";", getResponsiveSpace('left', left), ";", getResponsiveSpace('right', right), ";", getResponsiveDimension('width', width), ";", getResponsiveDimension('min-width', minWidth), ";", getResponsiveDimension('max-width', maxWidth), ";", getResponsiveDimension('height', height), ";", getResponsiveDimension('min-height', minHeight), ";", getResponsiveDimension('max-height', maxHeight), ";color:", getColor(color), ";background-color:", getColor(backgroundColor), ";position:", position, ";border-radius:", getRadius(radius), ";box-shadow:", getShadow(shadow), ";overflow:", overflow, ";aspect-ratio:", aspectRatio, ";z-index:", zIndex, ";", Boolean(opacity) && "opacity: ".concat(opacity), ";order:", order, ";flex:", flex, ";", getResponsiveOneOf('align-self', alignSelf), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Box;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2JveC5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUVnQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9ib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyLFxuICBnZXRDb2xvcixcbiAgZ2V0UmFkaXVzLFxuICBnZXRSZXNwb25zaXZlU3BhY2UsXG4gIGdldFNoYWRvdyxcbiAgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5pbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcblxuZXhwb3J0IGNvbnN0IEJveCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBjaGlsZHJlbixcbiAgICAgIGNvbG9yLFxuICAgICAgYmFja2dyb3VuZENvbG9yLFxuICAgICAgYm9yZGVyQ29sb3IgPSAnYm9yZGVyJyxcbiAgICAgIGJvcmRlcldpZHRoID0gJzFweCcsXG4gICAgICBib3JkZXJTaWRlLFxuICAgICAgd2lkdGgsXG4gICAgICBtaW5XaWR0aCxcbiAgICAgIG1heFdpZHRoLFxuICAgICAgaGVpZ2h0LFxuICAgICAgbWluSGVpZ2h0LFxuICAgICAgbWF4SGVpZ2h0LFxuICAgICAgcmFkaXVzLFxuICAgICAgcGFkZGluZyxcbiAgICAgIHBhZGRpbmdUb3AsXG4gICAgICBwYWRkaW5nQm90dG9tLFxuICAgICAgcGFkZGluZ0xlZnQsXG4gICAgICBwYWRkaW5nUmlnaHQsXG4gICAgICBwYWRkaW5nWCxcbiAgICAgIHBhZGRpbmdZLFxuICAgICAgbWFyZ2luLFxuICAgICAgbWFyZ2luVG9wLFxuICAgICAgbWFyZ2luQm90dG9tLFxuICAgICAgbWFyZ2luTGVmdCxcbiAgICAgIG1hcmdpblJpZ2h0LFxuICAgICAgbWFyZ2luWCxcbiAgICAgIG1hcmdpblksXG4gICAgICBwb3NpdGlvbixcbiAgICAgIHRvcCxcbiAgICAgIGJvdHRvbSxcbiAgICAgIGxlZnQsXG4gICAgICByaWdodCxcbiAgICAgIHNoYWRvdyxcbiAgICAgIG92ZXJmbG93LFxuICAgICAgYXNwZWN0UmF0aW8sXG4gICAgICB6SW5kZXgsXG4gICAgICB0YWcgPSAnZGl2JyxcbiAgICAgIG9wYWNpdHksXG4gICAgICBvcmRlcixcbiAgICAgIGFsaWduU2VsZixcbiAgICAgIGZsZXgsXG4gICAgICAuLi5wcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBUYWcgPSB0YWc7XG4gICAgcmV0dXJuIChcbiAgICAgIDxUYWdcbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7Z2V0Qm9yZGVyKGJvcmRlclNpZGUsIGJvcmRlcldpZHRoLCBib3JkZXJDb2xvcil9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmcnLCBwYWRkaW5nKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3BhZGRpbmctdG9wJywgcGFkZGluZ1RvcCB8fCBwYWRkaW5nWSl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdwYWRkaW5nLWJvdHRvbScsIHBhZGRpbmdCb3R0b20gfHwgcGFkZGluZ1kpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1sZWZ0JywgcGFkZGluZ0xlZnQgfHwgcGFkZGluZ1gpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncGFkZGluZy1yaWdodCcsIHBhZGRpbmdSaWdodCB8fCBwYWRkaW5nWCl9O1xuXG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbicsIG1hcmdpbil9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCdtYXJnaW4tdG9wJywgbWFyZ2luVG9wIHx8IG1hcmdpblkpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnbWFyZ2luLWJvdHRvbScsIG1hcmdpbkJvdHRvbSB8fCBtYXJnaW5ZKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1sZWZ0JywgbWFyZ2luTGVmdCB8fCBtYXJnaW5YKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ21hcmdpbi1yaWdodCcsIG1hcmdpblJpZ2h0IHx8IG1hcmdpblgpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZVNwYWNlKCd0b3AnLCB0b3ApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnYm90dG9tJywgYm90dG9tKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2xlZnQnLCBsZWZ0KX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ3JpZ2h0JywgcmlnaHQpfTtcblxuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignbWluLXdpZHRoJywgbWluV2lkdGgpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC13aWR0aCcsIG1heFdpZHRoKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlRGltZW5zaW9uKCdoZWlnaHQnLCBoZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21pbi1oZWlnaHQnLCBtaW5IZWlnaHQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVEaW1lbnNpb24oJ21heC1oZWlnaHQnLCBtYXhIZWlnaHQpfTtcblxuICAgICAgICAgIGNvbG9yOiAke2dldENvbG9yKGNvbG9yKX07XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtnZXRDb2xvcihiYWNrZ3JvdW5kQ29sb3IpfTtcbiAgICAgICAgICBwb3NpdGlvbjogJHtwb3NpdGlvbn07XG4gICAgICAgICAgYm9yZGVyLXJhZGl1czogJHtnZXRSYWRpdXMocmFkaXVzKX07XG4gICAgICAgICAgYm94LXNoYWRvdzogJHtnZXRTaGFkb3coc2hhZG93KX07XG4gICAgICAgICAgb3ZlcmZsb3c6ICR7b3ZlcmZsb3d9O1xuICAgICAgICAgIGFzcGVjdC1yYXRpbzogJHthc3BlY3RSYXRpb307XG4gICAgICAgICAgei1pbmRleDogJHt6SW5kZXh9O1xuICAgICAgICAgICR7Qm9vbGVhbihvcGFjaXR5KSAmJiBgb3BhY2l0eTogJHtvcGFjaXR5fWB9O1xuICAgICAgICAgIG9yZGVyOiAke29yZGVyfTtcbiAgICAgICAgICBmbGV4OiAke2ZsZXh9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZU9uZU9mKCdhbGlnbi1zZWxmJywgYWxpZ25TZWxmKX07XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UYWc+XG4gICAgKTtcbiAgfSxcbik7XG5cbkJveC5wcm9wVHlwZXMgPSB7XG4gIGNvbG9yOiB0eXBlcy5jb2xvcixcbiAgYmFja2dyb3VuZENvbG9yOiB0eXBlcy5jb2xvcixcbiAgYm9yZGVyU2lkZTogdHlwZXMuc2lkZSxcbiAgYm9yZGVyV2lkdGg6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1Byb3BUeXBlcy5udW1iZXIsIFByb3BUeXBlcy5zdHJpbmddKSxcbiAgYm9yZGVyQ29sb3I6IHR5cGVzLmNvbG9yLFxuICB3aWR0aDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgbWluV2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1heFdpZHRoOiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICBoZWlnaHQ6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIG1pbkhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbiAgbWF4SGVpZ2h0OiB0eXBlcy5yZXNwb25zaXZlRGltZW5zaW9uLFxuICByYWRpdXM6IHR5cGVzLnJhZGl1cyxcbiAgc2hhZG93OiB0eXBlcy5zaGFkb3csXG4gIHBhZGRpbmc6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgcGFkZGluZ1RvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nQm90dG9tOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdMZWZ0OiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIHBhZGRpbmdSaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nWDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwYWRkaW5nWTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW46IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luVG9wOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpbkJvdHRvbTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBtYXJnaW5MZWZ0OiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblJpZ2h0OiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIG1hcmdpblg6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbWFyZ2luWTogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBwb3NpdGlvbjogdHlwZXMucG9zaXRpb24sXG4gIHRvcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBib3R0b206IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgbGVmdDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICByaWdodDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICBvdmVyZmxvdzogdHlwZXMub3ZlcmZsb3csXG4gIGFzcGVjdFJhdGlvOiBQcm9wVHlwZXMuc3RyaW5nLFxuICB6SW5kZXg6IHR5cGVzLnpJbmRleCxcbiAgdGFnOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvcGFjaXR5OiBQcm9wVHlwZXMuc3RyaW5nLFxuICBvcmRlcjogUHJvcFR5cGVzLm51bWJlcixcbiAgYWxpZ25TZWxmOiB0eXBlcy5hbGlnblNlbGYsXG4gIGZsZXg6IFByb3BUeXBlcy5zdHJpbmcsXG59O1xuIl19 */")
|
|
67
70
|
}, props), children);
|
|
68
71
|
});
|
|
69
72
|
Box.propTypes = {
|
|
@@ -103,5 +106,8 @@ Box.propTypes = {
|
|
|
103
106
|
aspectRatio: PropTypes.string,
|
|
104
107
|
zIndex: types.zIndex,
|
|
105
108
|
tag: PropTypes.string,
|
|
106
|
-
opacity: PropTypes.string
|
|
109
|
+
opacity: PropTypes.string,
|
|
110
|
+
order: PropTypes.number,
|
|
111
|
+
alignSelf: types.alignSelf,
|
|
112
|
+
flex: PropTypes.string
|
|
107
113
|
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import "core-js/modules/es.object.assign.js";
|
|
2
|
+
|
|
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
|
+
|
|
5
|
+
import React, { forwardRef } from 'react';
|
|
6
|
+
import { types } from '../types';
|
|
7
|
+
import { css } from '@emotion/react';
|
|
8
|
+
import { getResponsiveDimension, getResponsiveOneOf, getResponsiveSpace } from '../utilities';
|
|
9
|
+
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
10
|
+
export var Flex = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
11
|
+
var _ref$direction = _ref.direction,
|
|
12
|
+
direction = _ref$direction === void 0 ? 'row' : _ref$direction,
|
|
13
|
+
_ref$wrap = _ref.wrap,
|
|
14
|
+
wrap = _ref$wrap === void 0 ? 'wrap' : _ref$wrap,
|
|
15
|
+
_ref$justifyContent = _ref.justifyContent,
|
|
16
|
+
justifyContent = _ref$justifyContent === void 0 ? 'start' : _ref$justifyContent,
|
|
17
|
+
_ref$alignItems = _ref.alignItems,
|
|
18
|
+
alignItems = _ref$alignItems === void 0 ? 'start' : _ref$alignItems,
|
|
19
|
+
_ref$alignContent = _ref.alignContent,
|
|
20
|
+
alignContent = _ref$alignContent === void 0 ? 'start' : _ref$alignContent,
|
|
21
|
+
gap = _ref.gap,
|
|
22
|
+
columnGap = _ref.columnGap,
|
|
23
|
+
rowGap = _ref.rowGap,
|
|
24
|
+
width = _ref.width,
|
|
25
|
+
height = _ref.height,
|
|
26
|
+
children = _ref.children,
|
|
27
|
+
props = _ref.props;
|
|
28
|
+
return ___EmotionJSX("div", _extends({
|
|
29
|
+
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2ZsZXguanN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCZ0IiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvZmxleC5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgZm9yd2FyZFJlZiB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgZ2V0UmVzcG9uc2l2ZURpbWVuc2lvbiwgZ2V0UmVzcG9uc2l2ZU9uZU9mLCBnZXRSZXNwb25zaXZlU3BhY2UgfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuXG5leHBvcnQgY29uc3QgRmxleCA9IGZvcndhcmRSZWYoXG4gIChcbiAgICB7XG4gICAgICBkaXJlY3Rpb24gPSAncm93JyxcbiAgICAgIHdyYXAgPSAnd3JhcCcsXG4gICAgICBqdXN0aWZ5Q29udGVudCA9ICdzdGFydCcsXG4gICAgICBhbGlnbkl0ZW1zID0gJ3N0YXJ0JyxcbiAgICAgIGFsaWduQ29udGVudCA9ICdzdGFydCcsXG4gICAgICBnYXAsXG4gICAgICBjb2x1bW5HYXAsXG4gICAgICByb3dHYXAsXG4gICAgICB3aWR0aCxcbiAgICAgIGhlaWdodCxcbiAgICAgIGNoaWxkcmVuLFxuICAgICAgcHJvcHMsXG4gICAgfSxcbiAgICByZWYsXG4gICkgPT4ge1xuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2ZsZXgtZGlyZWN0aW9uJywgZGlyZWN0aW9uKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2ZsZXgtd3JhcCcsIHdyYXApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVPbmVPZignYWxpZ24taXRlbXMnLCBhbGlnbkl0ZW1zKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlT25lT2YoJ2FsaWduLWNvbnRlbnQnLCBhbGlnbkNvbnRlbnQpfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgnZ2FwJywgZ2FwKX07XG4gICAgICAgICAgJHtnZXRSZXNwb25zaXZlU3BhY2UoJ2NvbHVtbi1nYXAnLCBjb2x1bW5HYXApfTtcbiAgICAgICAgICAke2dldFJlc3BvbnNpdmVTcGFjZSgncm93LWdhcCcsIHJvd0dhcCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignd2lkdGgnLCB3aWR0aCl9O1xuICAgICAgICAgICR7Z2V0UmVzcG9uc2l2ZURpbWVuc2lvbignaGVpZ2h0JywgaGVpZ2h0KX07XG4gICAgICAgIGB9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuXG5GbGV4LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiB0eXBlcy5mbGV4RGlyZWN0aW9uLFxuICB3cmFwOiB0eXBlcy5mbGV4V3JhcCxcbiAganVzdGlmeUNvbnRlbnQ6IHR5cGVzLmZsZXhKdXN0aWZ5Q29udGVudCxcbiAgYWxpZ25JdGVtczogdHlwZXMuZmxleEFsaWduSXRlbXMsXG4gIGFsaWduQ29udGVudDogdHlwZXMuZmxleEFsaWduQ29udGVudCxcbiAgZ2FwOiB0eXBlcy5yZXNwb25zaXZlU3BhY2UsXG4gIGNvbHVtbkdhcDogdHlwZXMucmVzcG9uc2l2ZVNwYWNlLFxuICByb3dHYXA6IHR5cGVzLnJlc3BvbnNpdmVTcGFjZSxcbiAgd2lkdGg6IHR5cGVzLnJlc3BvbnNpdmVEaW1lbnNpb24sXG4gIGhlaWdodDogdHlwZXMucmVzcG9uc2l2ZURpbWVuc2lvbixcbn07XG4iXX0= */"),
|
|
30
|
+
ref: ref
|
|
31
|
+
}, props), children);
|
|
32
|
+
});
|
|
33
|
+
Flex.propTypes = {
|
|
34
|
+
direction: types.flexDirection,
|
|
35
|
+
wrap: types.flexWrap,
|
|
36
|
+
justifyContent: types.flexJustifyContent,
|
|
37
|
+
alignItems: types.flexAlignItems,
|
|
38
|
+
alignContent: types.flexAlignContent,
|
|
39
|
+
gap: types.responsiveSpace,
|
|
40
|
+
columnGap: types.responsiveSpace,
|
|
41
|
+
rowGap: types.responsiveSpace,
|
|
42
|
+
width: types.responsiveDimension,
|
|
43
|
+
height: types.responsiveDimension
|
|
44
|
+
};
|
package/es/components/index.js
CHANGED
|
@@ -25,4 +25,5 @@ export { Tooltip } from './tooltip';
|
|
|
25
25
|
export { Progress } from './progress';
|
|
26
26
|
export { Textarea } from './textarea';
|
|
27
27
|
export { Pagination } from './pagination';
|
|
28
|
-
export { Nav, NavItem } from './nav';
|
|
28
|
+
export { Nav, NavItem } from './nav';
|
|
29
|
+
export { Flex } from './flex';
|
package/es/components/nav.js
CHANGED
|
@@ -4,20 +4,20 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
4
4
|
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import PropTypes from 'prop-types';
|
|
7
|
-
import { getColor, getResponsiveTextSize, getSpace, getWeight } from '../utilities';
|
|
7
|
+
import { getColor, getResponsiveOneOf, getResponsiveTextSize, getSpace, getWeight } from '../utilities';
|
|
8
8
|
import { css } from '@emotion/react';
|
|
9
9
|
import { styles } from '../foundational';
|
|
10
10
|
import { types } from '../types';
|
|
11
11
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
12
12
|
var directionStyles = {
|
|
13
|
-
row: /*#__PURE__*/css("flex-direction:row;align-items:baseline;column-gap:", getSpace('m'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
13
|
+
row: /*#__PURE__*/css("flex-direction:row;align-items:baseline;column-gap:", getSpace('m'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:row;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZVUiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvbmF2LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHtcbiAgZ2V0Q29sb3IsXG4gIGdldFJlc3BvbnNpdmVPbmVPZixcbiAgZ2V0UmVzcG9uc2l2ZVRleHRTaXplLFxuICBnZXRTcGFjZSxcbiAgZ2V0V2VpZ2h0LFxufSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgc3R5bGVzIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBkaXJlY3Rpb25TdHlsZXMgPSB7XG4gIHJvdzogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgYWxpZ24taXRlbXM6IGJhc2VsaW5lO1xuICAgIGNvbHVtbi1nYXA6ICR7Z2V0U3BhY2UoJ20nKX07XG4gIGAsXG4gIGNvbHVtbjogY3NzYFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBgLFxufTtcblxuY29uc3QgTmF2Um9vdCA9IHN0eWxlZC5uYXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgcm93LWdhcDogJHtnZXRTcGFjZSgncycpfTtcbiAgJHsoeyBkaXJlY3Rpb24gfSkgPT4gZGlyZWN0aW9uU3R5bGVzW2RpcmVjdGlvbl19O1xuICAkeyh7IHNpemUgfSkgPT4gZ2V0UmVzcG9uc2l2ZVRleHRTaXplKHNpemUpfTtcbiAgJHsoeyBqdXN0aWZ5Q29udGVudCB9KSA9PiBnZXRSZXNwb25zaXZlT25lT2YoJ2p1c3RpZnktY29udGVudCcsIGp1c3RpZnlDb250ZW50KX07XG5gO1xuXG5jb25zdCBOYXZJdGVtUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gIWlzQWN0aXZlICYmIGBjb2xvcjogJHtnZXRDb2xvcignY29udGVudDInKX1gfTtcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiBpc0FjdGl2ZSAmJiBgZm9udC13ZWlnaHQ6ICR7Z2V0V2VpZ2h0KCdtZWRpdW0nKX1gfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICAke3N0eWxlcy50cmFuc2l0aW9uc307XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gIH1cblxuICBhIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBOYXZJdGVtID0gKHsgY2hpbGRyZW4sIGlzQWN0aXZlIH0pID0+IChcbiAgPE5hdkl0ZW1Sb290IGlzQWN0aXZlPXtpc0FjdGl2ZX0gY2xhc3NOYW1lPVwiTmF2SXRlbVJvb3RcIj5cbiAgICB7Y2hpbGRyZW59XG4gIDwvTmF2SXRlbVJvb3Q+XG4pO1xuXG5leHBvcnQgY29uc3QgTmF2ID0gKHsgY2hpbGRyZW4sIGRpcmVjdGlvbiA9ICdyb3cnLCBqdXN0aWZ5Q29udGVudCwgc2l6ZSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPE5hdlJvb3QgZGlyZWN0aW9uPXtkaXJlY3Rpb259IHNpemU9e3NpemV9IGp1c3RpZnlDb250ZW50PXtqdXN0aWZ5Q29udGVudH0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9OYXZSb290PlxuICApO1xufTtcblxuTmF2SXRlbS5wcm9wVHlwZXMgPSB7XG4gIGlzQWN0aXZlOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbk5hdi5wcm9wVHlwZXMgPSB7XG4gIGRpcmVjdGlvbjogUHJvcFR5cGVzLm9uZU9mKFsncm93JywgJ2NvbHVtbiddKSxcbiAgc2l6ZTogdHlwZXMucmVzcG9uc2l2ZVRleHRTaXplLFxuICBqdXN0aWZ5Q29udGVudDogUHJvcFR5cGVzLm9uZU9mVHlwZShbXG4gICAgUHJvcFR5cGVzLm9uZU9mKFtcbiAgICAgICdzdGFydCcsXG4gICAgICAnZW5kJyxcbiAgICAgICdjZW50ZXInLFxuICAgICAgJ3N0cmV0Y2gnLFxuICAgICAgJ3NwYWNlLWFyb3VuZCcsXG4gICAgICAnc3BhY2UtYmV0d2VlbicsXG4gICAgICAnc3BhY2UtZXZlbmx5JyxcbiAgICBdKSxcbiAgICBQcm9wVHlwZXMub2JqZWN0LFxuICBdKSxcbn07XG4iXX0= */"),
|
|
14
14
|
column: process.env.NODE_ENV === "production" ? {
|
|
15
15
|
name: "nzhg9d",
|
|
16
16
|
styles: "flex-direction:column;align-items:start"
|
|
17
17
|
} : {
|
|
18
18
|
name: "ezccne-column",
|
|
19
19
|
styles: "flex-direction:column;align-items:start;label:column;",
|
|
20
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JhIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7XG4gIGdldENvbG9yLFxuICBnZXRSZXNwb25zaXZlT25lT2YsXG4gIGdldFJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAgZ2V0U3BhY2UsXG4gIGdldFdlaWdodCxcbn0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHN0eWxlcyB9IGZyb20gJy4uL2ZvdW5kYXRpb25hbCc7XG5pbXBvcnQgeyB0eXBlcyB9IGZyb20gJy4uL3R5cGVzJztcblxuY29uc3QgZGlyZWN0aW9uU3R5bGVzID0ge1xuICByb3c6IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuICAgIGFsaWduLWl0ZW1zOiBiYXNlbGluZTtcbiAgICBjb2x1bW4tZ2FwOiAke2dldFNwYWNlKCdtJyl9O1xuICBgLFxuICBjb2x1bW46IGNzc2BcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgIGFsaWduLWl0ZW1zOiBzdGFydDtcbiAgYCxcbn07XG5cbmNvbnN0IE5hdlJvb3QgPSBzdHlsZWQubmF2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIHJvdy1nYXA6ICR7Z2V0U3BhY2UoJ3MnKX07XG4gICR7KHsgZGlyZWN0aW9uIH0pID0+IGRpcmVjdGlvblN0eWxlc1tkaXJlY3Rpb25dfTtcbiAgJHsoeyBzaXplIH0pID0+IGdldFJlc3BvbnNpdmVUZXh0U2l6ZShzaXplKX07XG4gICR7KHsganVzdGlmeUNvbnRlbnQgfSkgPT4gZ2V0UmVzcG9uc2l2ZU9uZU9mKCdqdXN0aWZ5LWNvbnRlbnQnLCBqdXN0aWZ5Q29udGVudCl9O1xuYDtcblxuY29uc3QgTmF2SXRlbVJvb3QgPSBzdHlsZWQuZGl2YFxuICAkeyh7IGlzQWN0aXZlIH0pID0+ICFpc0FjdGl2ZSAmJiBgY29sb3I6ICR7Z2V0Q29sb3IoJ2NvbnRlbnQyJyl9YH07XG4gICR7KHsgaXNBY3RpdmUgfSkgPT4gaXNBY3RpdmUgJiYgYGZvbnQtd2VpZ2h0OiAke2dldFdlaWdodCgnbWVkaXVtJyl9YH07XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgJHtzdHlsZXMudHJhbnNpdGlvbnN9O1xuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICB9XG5cbiAgYSB7XG4gICAgY29sb3I6IGluaGVyaXQ7XG4gICAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xuICAgIGRpc3BsYXk6IGJsb2NrO1xuICB9XG5gO1xuXG5leHBvcnQgY29uc3QgTmF2SXRlbSA9ICh7IGNoaWxkcmVuLCBpc0FjdGl2ZSB9KSA9PiAoXG4gIDxOYXZJdGVtUm9vdCBpc0FjdGl2ZT17aXNBY3RpdmV9IGNsYXNzTmFtZT1cIk5hdkl0ZW1Sb290XCI+XG4gICAge2NoaWxkcmVufVxuICA8L05hdkl0ZW1Sb290PlxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdiA9ICh7IGNoaWxkcmVuLCBkaXJlY3Rpb24gPSAncm93JywganVzdGlmeUNvbnRlbnQsIHNpemUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxOYXZSb290IGRpcmVjdGlvbj17ZGlyZWN0aW9ufSBzaXplPXtzaXplfSBqdXN0aWZ5Q29udGVudD17anVzdGlmeUNvbnRlbnR9PlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTmF2Um9vdD5cbiAgKTtcbn07XG5cbk5hdkl0ZW0ucHJvcFR5cGVzID0ge1xuICBpc0FjdGl2ZTogUHJvcFR5cGVzLmJvb2wsXG59O1xuXG5OYXYucHJvcFR5cGVzID0ge1xuICBkaXJlY3Rpb246IFByb3BUeXBlcy5vbmVPZihbJ3JvdycsICdjb2x1bW4nXSksXG4gIHNpemU6IHR5cGVzLnJlc3BvbnNpdmVUZXh0U2l6ZSxcbiAganVzdGlmeUNvbnRlbnQ6IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgIFByb3BUeXBlcy5vbmVPZihbXG4gICAgICAnc3RhcnQnLFxuICAgICAgJ2VuZCcsXG4gICAgICAnY2VudGVyJyxcbiAgICAgICdzdHJldGNoJyxcbiAgICAgICdzcGFjZS1hcm91bmQnLFxuICAgICAgJ3NwYWNlLWJldHdlZW4nLFxuICAgICAgJ3NwYWNlLWV2ZW5seScsXG4gICAgXSksXG4gICAgUHJvcFR5cGVzLm9iamVjdCxcbiAgXSksXG59O1xuIl19 */",
|
|
21
21
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
22
22
|
}
|
|
23
23
|
};
|
|
@@ -33,37 +33,42 @@ var NavRoot = /*#__PURE__*/_styled("nav", process.env.NODE_ENV === "production"
|
|
|
33
33
|
}, ";", function (_ref2) {
|
|
34
34
|
var size = _ref2.size;
|
|
35
35
|
return getResponsiveTextSize(size);
|
|
36
|
-
}, ";"
|
|
36
|
+
}, ";", function (_ref3) {
|
|
37
|
+
var justifyContent = _ref3.justifyContent;
|
|
38
|
+
return getResponsiveOneOf('justify-content', justifyContent);
|
|
39
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEIwQiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxuICBnZXRSZXNwb25zaXZlVGV4dFNpemUsXG4gIGdldFNwYWNlLFxuICBnZXRXZWlnaHQsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnbScpfTtcbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICByb3ctZ2FwOiAke2dldFNwYWNlKCdzJyl9O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAkeyh7IGp1c3RpZnlDb250ZW50IH0pID0+IGdldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiAhaXNBY3RpdmUgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfWB9O1xuICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfWB9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfSBjbGFzc05hbWU9XCJOYXZJdGVtUm9vdFwiPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9OYXZJdGVtUm9vdD5cbik7XG5cbmV4cG9ydCBjb25zdCBOYXYgPSAoeyBjaGlsZHJlbiwgZGlyZWN0aW9uID0gJ3JvdycsIGp1c3RpZnlDb250ZW50LCBzaXplIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0gc2l6ZT17c2l6ZX0ganVzdGlmeUNvbnRlbnQ9e2p1c3RpZnlDb250ZW50fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTmF2LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydyb3cnLCAnY29sdW1uJ10pLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMub25lT2YoW1xuICAgICAgJ3N0YXJ0JyxcbiAgICAgICdlbmQnLFxuICAgICAgJ2NlbnRlcicsXG4gICAgICAnc3RyZXRjaCcsXG4gICAgICAnc3BhY2UtYXJvdW5kJyxcbiAgICAgICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgICdzcGFjZS1ldmVubHknLFxuICAgIF0pLFxuICAgIFByb3BUeXBlcy5vYmplY3QsXG4gIF0pLFxufTtcbiJdfQ== */"));
|
|
37
40
|
|
|
38
41
|
var NavItemRoot = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
39
42
|
target: "esn928h0"
|
|
40
43
|
} : {
|
|
41
44
|
target: "esn928h0",
|
|
42
45
|
label: "NavItemRoot"
|
|
43
|
-
})(function (
|
|
44
|
-
var isActive = _ref3.isActive;
|
|
45
|
-
return !isActive && "color: ".concat(getColor('content2'));
|
|
46
|
-
}, ";", function (_ref4) {
|
|
46
|
+
})(function (_ref4) {
|
|
47
47
|
var isActive = _ref4.isActive;
|
|
48
|
+
return !isActive && "color: ".concat(getColor('content2'));
|
|
49
|
+
}, ";", function (_ref5) {
|
|
50
|
+
var isActive = _ref5.isActive;
|
|
48
51
|
return isActive && "font-weight: ".concat(getWeight('medium'));
|
|
49
|
-
}, ";cursor:pointer;", styles.transitions, ";&:hover{color:inherit;}a{color:inherit;text-decoration:none;display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
52
|
+
}, ";cursor:pointer;", styles.transitions, ";&:hover{color:inherit;}a{color:inherit;text-decoration:none;display:block;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL25hdi5qc3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUM4QiIsImZpbGUiOiIuLi8uLi9zcmMvY29tcG9uZW50cy9uYXYuanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQge1xuICBnZXRDb2xvcixcbiAgZ2V0UmVzcG9uc2l2ZU9uZU9mLFxuICBnZXRSZXNwb25zaXZlVGV4dFNpemUsXG4gIGdldFNwYWNlLFxuICBnZXRXZWlnaHQsXG59IGZyb20gJy4uL3V0aWxpdGllcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyBzdHlsZXMgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IGRpcmVjdGlvblN0eWxlcyA9IHtcbiAgcm93OiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBhbGlnbi1pdGVtczogYmFzZWxpbmU7XG4gICAgY29sdW1uLWdhcDogJHtnZXRTcGFjZSgnbScpfTtcbiAgYCxcbiAgY29sdW1uOiBjc3NgXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogc3RhcnQ7XG4gIGAsXG59O1xuXG5jb25zdCBOYXZSb290ID0gc3R5bGVkLm5hdmBcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICByb3ctZ2FwOiAke2dldFNwYWNlKCdzJyl9O1xuICAkeyh7IGRpcmVjdGlvbiB9KSA9PiBkaXJlY3Rpb25TdHlsZXNbZGlyZWN0aW9uXX07XG4gICR7KHsgc2l6ZSB9KSA9PiBnZXRSZXNwb25zaXZlVGV4dFNpemUoc2l6ZSl9O1xuICAkeyh7IGp1c3RpZnlDb250ZW50IH0pID0+IGdldFJlc3BvbnNpdmVPbmVPZignanVzdGlmeS1jb250ZW50JywganVzdGlmeUNvbnRlbnQpfTtcbmA7XG5cbmNvbnN0IE5hdkl0ZW1Sb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBpc0FjdGl2ZSB9KSA9PiAhaXNBY3RpdmUgJiYgYGNvbG9yOiAke2dldENvbG9yKCdjb250ZW50MicpfWB9O1xuICAkeyh7IGlzQWN0aXZlIH0pID0+IGlzQWN0aXZlICYmIGBmb250LXdlaWdodDogJHtnZXRXZWlnaHQoJ21lZGl1bScpfWB9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gICR7c3R5bGVzLnRyYW5zaXRpb25zfTtcblxuICAmOmhvdmVyIHtcbiAgICBjb2xvcjogaW5oZXJpdDtcbiAgfVxuXG4gIGEge1xuICAgIGNvbG9yOiBpbmhlcml0O1xuICAgIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IE5hdkl0ZW0gPSAoeyBjaGlsZHJlbiwgaXNBY3RpdmUgfSkgPT4gKFxuICA8TmF2SXRlbVJvb3QgaXNBY3RpdmU9e2lzQWN0aXZlfSBjbGFzc05hbWU9XCJOYXZJdGVtUm9vdFwiPlxuICAgIHtjaGlsZHJlbn1cbiAgPC9OYXZJdGVtUm9vdD5cbik7XG5cbmV4cG9ydCBjb25zdCBOYXYgPSAoeyBjaGlsZHJlbiwgZGlyZWN0aW9uID0gJ3JvdycsIGp1c3RpZnlDb250ZW50LCBzaXplIH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8TmF2Um9vdCBkaXJlY3Rpb249e2RpcmVjdGlvbn0gc2l6ZT17c2l6ZX0ganVzdGlmeUNvbnRlbnQ9e2p1c3RpZnlDb250ZW50fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L05hdlJvb3Q+XG4gICk7XG59O1xuXG5OYXZJdGVtLnByb3BUeXBlcyA9IHtcbiAgaXNBY3RpdmU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuTmF2LnByb3BUeXBlcyA9IHtcbiAgZGlyZWN0aW9uOiBQcm9wVHlwZXMub25lT2YoWydyb3cnLCAnY29sdW1uJ10pLFxuICBzaXplOiB0eXBlcy5yZXNwb25zaXZlVGV4dFNpemUsXG4gIGp1c3RpZnlDb250ZW50OiBQcm9wVHlwZXMub25lT2ZUeXBlKFtcbiAgICBQcm9wVHlwZXMub25lT2YoW1xuICAgICAgJ3N0YXJ0JyxcbiAgICAgICdlbmQnLFxuICAgICAgJ2NlbnRlcicsXG4gICAgICAnc3RyZXRjaCcsXG4gICAgICAnc3BhY2UtYXJvdW5kJyxcbiAgICAgICdzcGFjZS1iZXR3ZWVuJyxcbiAgICAgICdzcGFjZS1ldmVubHknLFxuICAgIF0pLFxuICAgIFByb3BUeXBlcy5vYmplY3QsXG4gIF0pLFxufTtcbiJdfQ== */"));
|
|
50
53
|
|
|
51
|
-
export var NavItem = function NavItem(
|
|
52
|
-
var children =
|
|
53
|
-
isActive =
|
|
54
|
+
export var NavItem = function NavItem(_ref6) {
|
|
55
|
+
var children = _ref6.children,
|
|
56
|
+
isActive = _ref6.isActive;
|
|
54
57
|
return ___EmotionJSX(NavItemRoot, {
|
|
55
58
|
isActive: isActive,
|
|
56
59
|
className: "NavItemRoot"
|
|
57
60
|
}, children);
|
|
58
61
|
};
|
|
59
|
-
export var Nav = function Nav(
|
|
60
|
-
var children =
|
|
61
|
-
|
|
62
|
-
direction =
|
|
63
|
-
|
|
62
|
+
export var Nav = function Nav(_ref7) {
|
|
63
|
+
var children = _ref7.children,
|
|
64
|
+
_ref7$direction = _ref7.direction,
|
|
65
|
+
direction = _ref7$direction === void 0 ? 'row' : _ref7$direction,
|
|
66
|
+
justifyContent = _ref7.justifyContent,
|
|
67
|
+
size = _ref7.size;
|
|
64
68
|
return ___EmotionJSX(NavRoot, {
|
|
65
69
|
direction: direction,
|
|
66
|
-
size: size
|
|
70
|
+
size: size,
|
|
71
|
+
justifyContent: justifyContent
|
|
67
72
|
}, children);
|
|
68
73
|
};
|
|
69
74
|
NavItem.propTypes = {
|
|
@@ -71,5 +76,6 @@ NavItem.propTypes = {
|
|
|
71
76
|
};
|
|
72
77
|
Nav.propTypes = {
|
|
73
78
|
direction: PropTypes.oneOf(['row', 'column']),
|
|
74
|
-
size: types.responsiveTextSize
|
|
79
|
+
size: types.responsiveTextSize,
|
|
80
|
+
justifyContent: PropTypes.oneOfType([PropTypes.oneOf(['start', 'end', 'center', 'stretch', 'space-around', 'space-between', 'space-evenly']), PropTypes.object])
|
|
75
81
|
};
|
package/es/types.js
CHANGED
|
@@ -5,9 +5,18 @@ import { vars } from './variables';
|
|
|
5
5
|
export var yPlacements = ['top', 'topStart', 'topEnd', 'bottom', 'bottomStart', 'bottomEnd'];
|
|
6
6
|
export var xPlacements = ['right', 'rightStart', 'rightEnd', 'left', 'leftStart', 'leftEnd'];
|
|
7
7
|
export var placements = [].concat(yPlacements, xPlacements);
|
|
8
|
-
export var
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
export var directions = ['row', 'column'];
|
|
9
|
+
var axisAlignments = ['start', 'end', 'center', 'stretch'];
|
|
10
|
+
var distributions = ['space-around', 'space-between', 'space-evenly'];
|
|
11
|
+
export var gridContentPositions = [].concat(axisAlignments, distributions);
|
|
12
|
+
export var gridItemsAlignments = axisAlignments;
|
|
13
|
+
export var flexJustifyContents = [].concat(axisAlignments, distributions);
|
|
14
|
+
export var flexAlignItems = [].concat(axisAlignments, ['baseline']);
|
|
15
|
+
export var flexAlignContents = [].concat(axisAlignments, distributions, ['baseline']);
|
|
16
|
+
export var autoFlows = directions;
|
|
17
|
+
export var flexDirections = directions;
|
|
18
|
+
export var alignSelfs = [].concat(axisAlignments, ['baseline']);
|
|
19
|
+
export var flexWraps = ['nowrap', 'wrap', 'wrap-reverse'];
|
|
11
20
|
export var types = {
|
|
12
21
|
color: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.colors)), PropTypes.string]),
|
|
13
22
|
responsiveSpace: PropTypes.oneOfType([PropTypes.oneOf(Object.keys(vars.spaces)), PropTypes.number, PropTypes.string, PropTypes.object]),
|
|
@@ -29,6 +38,12 @@ export var types = {
|
|
|
29
38
|
autoFlow: PropTypes.oneOfType([PropTypes.oneOf(autoFlows), PropTypes.string, PropTypes.object]),
|
|
30
39
|
gridItemsAlignment: PropTypes.oneOfType([PropTypes.oneOf(gridItemsAlignments), PropTypes.object]),
|
|
31
40
|
gridContentPosition: PropTypes.oneOfType([PropTypes.oneOf(gridContentPositions), PropTypes.object]),
|
|
41
|
+
flexJustifyContent: PropTypes.oneOfType([PropTypes.oneOf(flexJustifyContents), PropTypes.object]),
|
|
42
|
+
flexAlignItems: PropTypes.oneOfType([PropTypes.oneOf(flexAlignItems), PropTypes.object]),
|
|
43
|
+
flexAlignContent: PropTypes.oneOfType([PropTypes.oneOf(flexAlignContents), PropTypes.object]),
|
|
44
|
+
flexDirection: PropTypes.oneOfType([PropTypes.oneOf(flexDirections), PropTypes.object]),
|
|
45
|
+
flexWrap: PropTypes.oneOfType([PropTypes.oneOf(flexWraps), PropTypes.object]),
|
|
46
|
+
alignSelf: PropTypes.oneOfType([PropTypes.oneOf(alignSelfs), PropTypes.object]),
|
|
32
47
|
icon: PropTypes.node,
|
|
33
48
|
zIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
|
|
34
49
|
label: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|