chakra-ui/dist/esm/Box/index.js

Responsive and accessible React UI components built with React and Emotion

/** @jsx jsx */
import styled from "@emotion/styled";
import shouldForwardProp from "@styled-system/should-forward-prop";
import { background, border, color, flexbox, grid, layout, position, shadow, space, typography } from "styled-system";
import extraConfig from "./config";
var wordBreakOptions = {
  normal: {
    wordBreak: "normal",
    overflowWrap: "normal"
  },
  words: {
    wordBreak: "break-word"
  },
  all: {
    wordBreak: "break-all"
  },
  truncate: {
    overflow: "hidden",
    textOverflow: "ellipsis",
    whiteSpace: "nowrap"
  }
};

var wordBreak = function wordBreak(props) {
  if (Object.keys(wordBreakOptions).includes(props.wordBreak)) {
    return wordBreakOptions[props.wordBreak];
  } else {
    return props.wordBreak;
  }
};

var Box = styled("div", {
  shouldForwardProp: shouldForwardProp
})(wordBreak, layout, color, space, background, border, grid, position, shadow, typography, flexbox, extraConfig);
export default Box;