@crossed/ui/lib/module/styles/padding.js

A universal & performant styling library for React Native, Next.js & React

import { composeStyles, createStyles } from "@crossed/styled";
const paddingVerticalStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = {
        base: {
          "paddingTop": space[spaceName],
          "paddingBottom": space[spaceName]
        }
      };
      return acc;
    },
    {}
  )
);
const paddingHorizontalStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = {
        base: {
          "paddingLeft": space[spaceName],
          "paddingRight": space[spaceName]
        }
      };
      return acc;
    },
    {}
  )
);
const paddingLeftStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "paddingLeft": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const paddingRightStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "paddingRight": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const paddingBottomStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "paddingBottom": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const paddingTopStyles = createStyles(
  ({ space }) => Object.keys(space).reduce(
    (acc, spaceName) => {
      acc[spaceName] = { base: { "paddingTop": space[spaceName] } };
      return acc;
    },
    {}
  )
);
const paddingStyles = Object.keys(paddingVerticalStyles).reduce(
  (acc, spaceName) => {
    acc[spaceName] = composeStyles(
      paddingVerticalStyles[spaceName],
      paddingHorizontalStyles[spaceName]
    );
    return acc;
  },
  {}
);
export {
  paddingBottomStyles,
  paddingHorizontalStyles,
  paddingLeftStyles,
  paddingRightStyles,
  paddingStyles,
  paddingTopStyles,
  paddingVerticalStyles
};
//# sourceMappingURL=padding.js.map