@primer/components/lib-esm/Truncate.js

Primer react components

import styled from 'styled-components';
import { maxWidth } from 'styled-system';
import sx from './sx';
const Truncate = styled.div.withConfig({
  displayName: "Truncate",
  componentId: "sc-1074h1l-0"
})(["display:", ";overflow:hidden;text-overflow:ellipsis;vertical-align:", ";white-space:nowrap;", " ", " ", ";"], props => props.inline ? 'inline-block' : 'inherit', props => props.inline ? 'top' : 'initial', maxWidth, props => props.expandable ? `&:hover { max-width: 10000px; }` : '', sx);
Truncate.defaultProps = {
  expandable: false,
  inline: false,
  maxWidth: 125
};
export default Truncate;