@helpscout/hsds-react/components/Truncate/Truncate.css.js

React component library for Help Scout's Design System

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.TruncateWithSplitterUI = exports.TruncateUI = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _Truncate = require("./Truncate.utils");

var truncateStyles = "\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n";

var TruncateUI = _styledComponents.default.span.withConfig({
  displayName: "Truncatecss__TruncateUI",
  componentId: "oij0sx-0"
})(["box-sizing:border-box;will-change:contents;&.is-auto{", ";.c-Truncate__content{", ";}}"], truncateStyles, truncateStyles);

exports.TruncateUI = TruncateUI;
var TruncateWithSplitterUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "Truncatecss__TruncateWithSplitterUI",
  componentId: "oij0sx-1"
})(["display:flex;width:100%;max-width:100%;.", "{flex-shrink:2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.", "{max-width:90%;flex-shrink:0;}"], _Truncate.TRUNCATED_CLASSNAMES.firstChunk, _Truncate.TRUNCATED_CLASSNAMES.secondChunk);
exports.TruncateWithSplitterUI = TruncateWithSplitterUI;