orcs-design-system
Version:
TeamForm's Design System, aka: ORCS
39 lines • 2.16 kB
JavaScript
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
const _excluded = ["children", "theme"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React from "react";
import { space, layout } from "styled-system";
import styled, { ThemeProvider } from "styled-components";
import propTypes from "@styled-system/prop-types";
import { jsx as _jsx } from "react/jsx-runtime";
const SpacerBox = /*#__PURE__*/styled.div.withConfig({
displayName: "SpacerBox",
componentId: "sc-1acikjz-0"
})(["", " ", " line-height:0;"], space, layout);
const Spacer = _ref => {
let {
children,
theme
} = _ref,
props = _objectWithoutProperties(_ref, _excluded);
if (process.env.NODE_ENV === "development") {
console.warn("Spacer component is deprecated. Please migrate to Flex or Box components with spacing props instead.");
}
const clones = React.Children.toArray(children).map((child, index) => /*#__PURE__*/_jsx(SpacerBox, _objectSpread(_objectSpread({}, props), {}, {
children: /*#__PURE__*/React.cloneElement(child)
}), index));
return theme ? /*#__PURE__*/_jsx(ThemeProvider, {
theme: theme,
children: clones
}) : clones;
};
Spacer.propTypes = _objectSpread(_objectSpread({}, propTypes.space), propTypes.layout);
Spacer.__docgenInfo = {
"description": "",
"methods": [],
"displayName": "Spacer",
"composes": ["@styled-system/prop-types"]
};
export default Spacer;