@mui/system 6.1.1 → 6.1.3

package/node/Grid/createGrid.js

@@ -1,156 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = createGrid;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _isMuiElement = _interopRequireDefault(require("@mui/utils/isMuiElement"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-var _styled = _interopRequireDefault(require("../styled"));
-var _useThemeProps = _interopRequireDefault(require("../useThemeProps"));
-var _useTheme = _interopRequireDefault(require("../useTheme"));
-var _styleFunctionSx = require("../styleFunctionSx");
-var _createTheme = _interopRequireDefault(require("../createTheme"));
-var _gridGenerator = require("./gridGenerator");
-var _jsxRuntime = require("react/jsx-runtime");
-const defaultTheme = (0, _createTheme.default)();
-
-// widening Theme to any so that the consumer can own the theme structure.
-const defaultCreateStyledComponent = (0, _styled.default)('div', {
-  name: 'MuiGrid',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-});
-function useThemePropsDefault(props) {
-  return (0, _useThemeProps.default)({
-    props,
-    name: 'MuiGrid',
-    defaultTheme
-  });
-}
-function createGrid(options = {}) {
-  const {
-    // This will allow adding custom styled fn (for example for custom sx style function)
-    createStyledComponent = defaultCreateStyledComponent,
-    useThemeProps = useThemePropsDefault,
-    componentName = 'MuiGrid'
-  } = options;
-  const useUtilityClasses = (ownerState, theme) => {
-    const {
-      container,
-      direction,
-      spacing,
-      wrap,
-      size
-    } = ownerState;
-    const slots = {
-      root: ['root', container && 'container', wrap !== 'wrap' && `wrap-xs-${String(wrap)}`, ...(0, _gridGenerator.generateDirectionClasses)(direction), ...(0, _gridGenerator.generateSizeClassNames)(size), ...(container ? (0, _gridGenerator.generateSpacingClassNames)(spacing, theme.breakpoints.keys[0]) : [])]
-    };
-    return (0, _composeClasses.default)(slots, slot => (0, _generateUtilityClass.default)(componentName, slot), {});
-  };
-  function parseResponsiveProp(propValue, breakpoints, shouldUseValue = () => true) {
-    const parsedProp = {};
-    if (propValue === null) {
-      return parsedProp;
-    }
-    if (Array.isArray(propValue)) {
-      propValue.forEach((value, index) => {
-        if (value !== null && shouldUseValue(value) && breakpoints.keys[index]) {
-          parsedProp[breakpoints.keys[index]] = value;
-        }
-      });
-    } else if (typeof propValue === 'object') {
-      Object.keys(propValue).forEach(key => {
-        const value = propValue[key];
-        if (value !== null && value !== undefined && shouldUseValue(value)) {
-          parsedProp[key] = value;
-        }
-      });
-    } else {
-      parsedProp[breakpoints.keys[0]] = propValue;
-    }
-    return parsedProp;
-  }
-  const GridRoot = createStyledComponent(_gridGenerator.generateGridColumnsStyles, _gridGenerator.generateGridColumnSpacingStyles, _gridGenerator.generateGridRowSpacingStyles, _gridGenerator.generateGridSizeStyles, _gridGenerator.generateGridDirectionStyles, _gridGenerator.generateGridStyles, _gridGenerator.generateGridOffsetStyles);
-  const Grid = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {
-    const theme = (0, _useTheme.default)();
-    const themeProps = useThemeProps(inProps);
-    const props = (0, _styleFunctionSx.extendSxProp)(themeProps); // `color` type conflicts with html color attribute.
-    const {
-      className,
-      children,
-      columns: columnsProp = 12,
-      container = false,
-      component = 'div',
-      direction = 'row',
-      wrap = 'wrap',
-      size: sizeProp = {},
-      offset: offsetProp = {},
-      spacing: spacingProp = 0,
-      rowSpacing: rowSpacingProp = spacingProp,
-      columnSpacing: columnSpacingProp = spacingProp,
-      unstable_level: level = 0,
-      ...other
-    } = props;
-    const size = parseResponsiveProp(sizeProp, theme.breakpoints, val => val !== false);
-    const offset = parseResponsiveProp(offsetProp, theme.breakpoints);
-    const columns = inProps.columns ?? (level ? undefined : columnsProp);
-    const spacing = inProps.spacing ?? (level ? undefined : spacingProp);
-    const rowSpacing = inProps.rowSpacing ?? inProps.spacing ?? (level ? undefined : rowSpacingProp);
-    const columnSpacing = inProps.columnSpacing ?? inProps.spacing ?? (level ? undefined : columnSpacingProp);
-    const ownerState = {
-      ...props,
-      level,
-      columns,
-      container,
-      direction,
-      wrap,
-      spacing,
-      rowSpacing,
-      columnSpacing,
-      size,
-      offset
-    };
-    const classes = useUtilityClasses(ownerState, theme);
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridRoot, {
-      ref: ref,
-      as: component,
-      ownerState: ownerState,
-      className: (0, _clsx.default)(classes.root, className),
-      ...other,
-      children: React.Children.map(children, child => {
-        if (/*#__PURE__*/React.isValidElement(child) && (0, _isMuiElement.default)(child, ['Grid'])) {
-          return /*#__PURE__*/React.cloneElement(child, {
-            unstable_level: child.props?.unstable_level ?? level + 1
-          });
-        }
-        return child;
-      })
-    });
-  });
-  process.env.NODE_ENV !== "production" ? Grid.propTypes /* remove-proptypes */ = {
-    children: _propTypes.default.node,
-    className: _propTypes.default.string,
-    columns: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.number), _propTypes.default.number, _propTypes.default.object]),
-    columnSpacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
-    component: _propTypes.default.elementType,
-    container: _propTypes.default.bool,
-    direction: _propTypes.default.oneOfType([_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), _propTypes.default.arrayOf(_propTypes.default.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), _propTypes.default.object]),
-    offset: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number])), _propTypes.default.object]),
-    rowSpacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
-    size: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool, _propTypes.default.number, _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool, _propTypes.default.number])), _propTypes.default.object]),
-    spacing: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.string]),
-    sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object]),
-    wrap: _propTypes.default.oneOf(['nowrap', 'wrap-reverse', 'wrap'])
-  } : void 0;
-
-  // @ts-ignore internal logic for nested grid
-  Grid.muiName = 'Grid';
-  return Grid;
-}

package/node/Grid/gridGenerator.js

@@ -1,232 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.generateSpacingClassNames = exports.generateSizeClassNames = exports.generateGridStyles = exports.generateGridSizeStyles = exports.generateGridRowSpacingStyles = exports.generateGridOffsetStyles = exports.generateGridDirectionStyles = exports.generateGridColumnsStyles = exports.generateGridColumnSpacingStyles = exports.generateDirectionClasses = void 0;
-var _traverseBreakpoints = require("./traverseBreakpoints");
-function appendLevel(level) {
-  if (!level) {
-    return '';
-  }
-  return `Level${level}`;
-}
-function isNestedContainer(ownerState) {
-  return ownerState.unstable_level > 0 && ownerState.container;
-}
-function createGetSelfSpacing(ownerState) {
-  return function getSelfSpacing(axis) {
-    return `var(--Grid-${axis}Spacing${appendLevel(ownerState.unstable_level)})`;
-  };
-}
-function createGetParentSpacing(ownerState) {
-  return function getParentSpacing(axis) {
-    if (ownerState.unstable_level === 0) {
-      return `var(--Grid-${axis}Spacing)`;
-    }
-    return `var(--Grid-${axis}Spacing${appendLevel(ownerState.unstable_level - 1)})`;
-  };
-}
-function getParentColumns(ownerState) {
-  if (ownerState.unstable_level === 0) {
-    return `var(--Grid-columns)`;
-  }
-  return `var(--Grid-columns${appendLevel(ownerState.unstable_level - 1)})`;
-}
-const generateGridSizeStyles = ({
-  theme,
-  ownerState
-}) => {
-  const getParentSpacing = createGetParentSpacing(ownerState);
-  const styles = {};
-  (0, _traverseBreakpoints.traverseBreakpoints)(theme.breakpoints, ownerState.size, (appendStyle, value) => {
-    let style = {};
-    if (value === 'grow') {
-      style = {
-        flexBasis: 0,
-        flexGrow: 1,
-        maxWidth: '100%'
-      };
-    }
-    if (value === 'auto') {
-      style = {
-        flexBasis: 'auto',
-        flexGrow: 0,
-        flexShrink: 0,
-        maxWidth: 'none',
-        width: 'auto'
-      };
-    }
-    if (typeof value === 'number') {
-      style = {
-        flexGrow: 0,
-        flexBasis: 'auto',
-        width: `calc(100% * ${value} / ${getParentColumns(ownerState)} - (${getParentColumns(ownerState)} - ${value}) * (${getParentSpacing('column')} / ${getParentColumns(ownerState)}))`
-      };
-    }
-    appendStyle(styles, style);
-  });
-  return styles;
-};
-exports.generateGridSizeStyles = generateGridSizeStyles;
-const generateGridOffsetStyles = ({
-  theme,
-  ownerState
-}) => {
-  const getParentSpacing = createGetParentSpacing(ownerState);
-  const styles = {};
-  (0, _traverseBreakpoints.traverseBreakpoints)(theme.breakpoints, ownerState.offset, (appendStyle, value) => {
-    let style = {};
-    if (value === 'auto') {
-      style = {
-        marginLeft: 'auto'
-      };
-    }
-    if (typeof value === 'number') {
-      style = {
-        marginLeft: value === 0 ? '0px' : `calc(100% * ${value} / ${getParentColumns(ownerState)} + ${getParentSpacing('column')} * ${value} / ${getParentColumns(ownerState)})`
-      };
-    }
-    appendStyle(styles, style);
-  });
-  return styles;
-};
-exports.generateGridOffsetStyles = generateGridOffsetStyles;
-const generateGridColumnsStyles = ({
-  theme,
-  ownerState
-}) => {
-  if (!ownerState.container) {
-    return {};
-  }
-  const styles = isNestedContainer(ownerState) ? {
-    [`--Grid-columns${appendLevel(ownerState.unstable_level)}`]: getParentColumns(ownerState)
-  } : {
-    '--Grid-columns': 12
-  };
-  (0, _traverseBreakpoints.traverseBreakpoints)(theme.breakpoints, ownerState.columns, (appendStyle, value) => {
-    appendStyle(styles, {
-      [`--Grid-columns${appendLevel(ownerState.unstable_level)}`]: value
-    });
-  });
-  return styles;
-};
-exports.generateGridColumnsStyles = generateGridColumnsStyles;
-const generateGridRowSpacingStyles = ({
-  theme,
-  ownerState
-}) => {
-  if (!ownerState.container) {
-    return {};
-  }
-  const getParentSpacing = createGetParentSpacing(ownerState);
-  const styles = isNestedContainer(ownerState) ? {
-    // Set the default spacing as its parent spacing.
-    // It will be overridden if spacing props are provided
-    [`--Grid-rowSpacing${appendLevel(ownerState.unstable_level)}`]: getParentSpacing('row')
-  } : {};
-  (0, _traverseBreakpoints.traverseBreakpoints)(theme.breakpoints, ownerState.rowSpacing, (appendStyle, value) => {
-    appendStyle(styles, {
-      [`--Grid-rowSpacing${appendLevel(ownerState.unstable_level)}`]: typeof value === 'string' ? value : theme.spacing?.(value)
-    });
-  });
-  return styles;
-};
-exports.generateGridRowSpacingStyles = generateGridRowSpacingStyles;
-const generateGridColumnSpacingStyles = ({
-  theme,
-  ownerState
-}) => {
-  if (!ownerState.container) {
-    return {};
-  }
-  const getParentSpacing = createGetParentSpacing(ownerState);
-  const styles = isNestedContainer(ownerState) ? {
-    // Set the default spacing as its parent spacing.
-    // It will be overridden if spacing props are provided
-    [`--Grid-columnSpacing${appendLevel(ownerState.unstable_level)}`]: getParentSpacing('column')
-  } : {};
-  (0, _traverseBreakpoints.traverseBreakpoints)(theme.breakpoints, ownerState.columnSpacing, (appendStyle, value) => {
-    appendStyle(styles, {
-      [`--Grid-columnSpacing${appendLevel(ownerState.unstable_level)}`]: typeof value === 'string' ? value : theme.spacing?.(value)
-    });
-  });
-  return styles;
-};
-exports.generateGridColumnSpacingStyles = generateGridColumnSpacingStyles;
-const generateGridDirectionStyles = ({
-  theme,
-  ownerState
-}) => {
-  if (!ownerState.container) {
-    return {};
-  }
-  const styles = {};
-  (0, _traverseBreakpoints.traverseBreakpoints)(theme.breakpoints, ownerState.direction, (appendStyle, value) => {
-    appendStyle(styles, {
-      flexDirection: value
-    });
-  });
-  return styles;
-};
-exports.generateGridDirectionStyles = generateGridDirectionStyles;
-const generateGridStyles = ({
-  ownerState
-}) => {
-  const getSelfSpacing = createGetSelfSpacing(ownerState);
-  return {
-    minWidth: 0,
-    boxSizing: 'border-box',
-    ...(ownerState.container && {
-      display: 'flex',
-      flexWrap: 'wrap',
-      ...(ownerState.wrap && ownerState.wrap !== 'wrap' && {
-        flexWrap: ownerState.wrap
-      }),
-      gap: `${getSelfSpacing('row')} ${getSelfSpacing('column')}`
-    })
-  };
-};
-exports.generateGridStyles = generateGridStyles;
-const generateSizeClassNames = size => {
-  const classNames = [];
-  Object.entries(size).forEach(([key, value]) => {
-    if (value !== false && value !== undefined) {
-      classNames.push(`grid-${key}-${String(value)}`);
-    }
-  });
-  return classNames;
-};
-exports.generateSizeClassNames = generateSizeClassNames;
-const generateSpacingClassNames = (spacing, smallestBreakpoint = 'xs') => {
-  function isValidSpacing(val) {
-    if (val === undefined) {
-      return false;
-    }
-    return typeof val === 'string' && !Number.isNaN(Number(val)) || typeof val === 'number' && val > 0;
-  }
-  if (isValidSpacing(spacing)) {
-    return [`spacing-${smallestBreakpoint}-${String(spacing)}`];
-  }
-  if (typeof spacing === 'object' && !Array.isArray(spacing)) {
-    const classNames = [];
-    Object.entries(spacing).forEach(([key, value]) => {
-      if (isValidSpacing(value)) {
-        classNames.push(`spacing-${key}-${String(value)}`);
-      }
-    });
-    return classNames;
-  }
-  return [];
-};
-exports.generateSpacingClassNames = generateSpacingClassNames;
-const generateDirectionClasses = direction => {
-  if (direction === undefined) {
-    return [];
-  }
-  if (typeof direction === 'object') {
-    return Object.entries(direction).map(([key, value]) => `direction-${key}-${value}`);
-  }
-  return [`direction-xs-${String(direction)}`];
-};
-exports.generateDirectionClasses = generateDirectionClasses;

package/node/Grid/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  createGrid: true,
-  gridClasses: true,
-  unstable_traverseBreakpoints: true
-};
-Object.defineProperty(exports, "createGrid", {
-  enumerable: true,
-  get: function () {
-    return _createGrid.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Grid.default;
-  }
-});
-Object.defineProperty(exports, "gridClasses", {
-  enumerable: true,
-  get: function () {
-    return _gridClasses.default;
-  }
-});
-Object.defineProperty(exports, "unstable_traverseBreakpoints", {
-  enumerable: true,
-  get: function () {
-    return _traverseBreakpoints.traverseBreakpoints;
-  }
-});
-var _Grid = _interopRequireDefault(require("./Grid"));
-var _createGrid = _interopRequireDefault(require("./createGrid"));
-var _GridProps = require("./GridProps");
-Object.keys(_GridProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _GridProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _GridProps[key];
-    }
-  });
-});
-var _gridClasses = _interopRequireWildcard(require("./gridClasses"));
-Object.keys(_gridClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _gridClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridClasses[key];
-    }
-  });
-});
-var _traverseBreakpoints = require("./traverseBreakpoints");

package/node/InitColorSchemeScript/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _InitColorSchemeScript.default;
-  }
-});
-var _InitColorSchemeScript = _interopRequireDefault(require("./InitColorSchemeScript"));

package/node/RtlProvider/index.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useRtl = exports.default = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _jsxRuntime = require("react/jsx-runtime");
-const RtlContext = /*#__PURE__*/React.createContext();
-function RtlProvider({
-  value,
-  ...props
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RtlContext.Provider, {
-    value: value ?? true,
-    ...props
-  });
-}
-process.env.NODE_ENV !== "production" ? RtlProvider.propTypes = {
-  children: _propTypes.default.node,
-  value: _propTypes.default.bool
-} : void 0;
-const useRtl = () => {
-  const value = React.useContext(RtlContext);
-  return value ?? false;
-};
-exports.useRtl = useRtl;
-var _default = exports.default = RtlProvider;

package/node/Stack/StackProps.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/node/Stack/index.js

@@ -1,55 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  createStack: true,
-  stackClasses: true
-};
-Object.defineProperty(exports, "createStack", {
-  enumerable: true,
-  get: function () {
-    return _createStack.default;
-  }
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _Stack.default;
-  }
-});
-Object.defineProperty(exports, "stackClasses", {
-  enumerable: true,
-  get: function () {
-    return _stackClasses.default;
-  }
-});
-var _Stack = _interopRequireDefault(require("./Stack"));
-var _createStack = _interopRequireDefault(require("./createStack"));
-var _StackProps = require("./StackProps");
-Object.keys(_StackProps).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _StackProps[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _StackProps[key];
-    }
-  });
-});
-var _stackClasses = _interopRequireWildcard(require("./stackClasses"));
-Object.keys(_stackClasses).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _stackClasses[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _stackClasses[key];
-    }
-  });
-});

package/node/Stack/stackClasses.js

@@ -1,15 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-exports.getStackUtilityClass = getStackUtilityClass;
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-function getStackUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiStack', slot);
-}
-const stackClasses = (0, _generateUtilityClasses.default)('MuiStack', ['root']);
-var _default = exports.default = stackClasses;

package/node/ThemeProvider/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ThemeProvider.default;
-  }
-});
-var _ThemeProvider = _interopRequireDefault(require("./ThemeProvider"));

package/node/borders/borders.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.borderTopColor = exports.borderTop = exports.borderRightColor = exports.borderRight = exports.borderRadius = exports.borderLeftColor = exports.borderLeft = exports.borderColor = exports.borderBottomColor = exports.borderBottom = exports.border = void 0;
-exports.borderTransform = borderTransform;
-exports.outlineColor = exports.outline = exports.default = void 0;
-var _responsivePropType = _interopRequireDefault(require("../responsivePropType"));
-var _style = _interopRequireDefault(require("../style"));
-var _compose = _interopRequireDefault(require("../compose"));
-var _spacing = require("../spacing");
-var _breakpoints = require("../breakpoints");
-function borderTransform(value) {
-  if (typeof value !== 'number') {
-    return value;
-  }
-  return `${value}px solid`;
-}
-function createBorderStyle(prop, transform) {
-  return (0, _style.default)({
-    prop,
-    themeKey: 'borders',
-    transform
-  });
-}
-const border = exports.border = createBorderStyle('border', borderTransform);
-const borderTop = exports.borderTop = createBorderStyle('borderTop', borderTransform);
-const borderRight = exports.borderRight = createBorderStyle('borderRight', borderTransform);
-const borderBottom = exports.borderBottom = createBorderStyle('borderBottom', borderTransform);
-const borderLeft = exports.borderLeft = createBorderStyle('borderLeft', borderTransform);
-const borderColor = exports.borderColor = createBorderStyle('borderColor');
-const borderTopColor = exports.borderTopColor = createBorderStyle('borderTopColor');
-const borderRightColor = exports.borderRightColor = createBorderStyle('borderRightColor');
-const borderBottomColor = exports.borderBottomColor = createBorderStyle('borderBottomColor');
-const borderLeftColor = exports.borderLeftColor = createBorderStyle('borderLeftColor');
-const outline = exports.outline = createBorderStyle('outline', borderTransform);
-const outlineColor = exports.outlineColor = createBorderStyle('outlineColor');
-
-// false positive
-// eslint-disable-next-line react/function-component-definition
-const borderRadius = props => {
-  if (props.borderRadius !== undefined && props.borderRadius !== null) {
-    const transformer = (0, _spacing.createUnaryUnit)(props.theme, 'shape.borderRadius', 4, 'borderRadius');
-    const styleFromPropValue = propValue => ({
-      borderRadius: (0, _spacing.getValue)(transformer, propValue)
-    });
-    return (0, _breakpoints.handleBreakpoints)(props, props.borderRadius, styleFromPropValue);
-  }
-  return null;
-};
-exports.borderRadius = borderRadius;
-borderRadius.propTypes = process.env.NODE_ENV !== 'production' ? {
-  borderRadius: _responsivePropType.default
-} : {};
-borderRadius.filterProps = ['borderRadius'];
-const borders = (0, _compose.default)(border, borderTop, borderRight, borderBottom, borderLeft, borderColor, borderTopColor, borderRightColor, borderBottomColor, borderLeftColor, borderRadius, outline, outlineColor);
-var _default = exports.default = borders;

package/node/borders/index.js

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _borders.default;
-  }
-});
-var _borders = _interopRequireWildcard(require("./borders"));
-Object.keys(_borders).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _borders[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _borders[key];
-    }
-  });
-});