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

React component library for Help Scout's Design System

"use strict";

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

exports.__esModule = true;
exports.ItemUI = exports.AvatarStackLayeringUI = exports.config = void 0;

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

// Deprecated

/* istanbul ignore file */
var config = {
  borderWidth: '2px'
};
exports.config = config;
var AvatarStackUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "AvatarStackcss__AvatarStackUI",
  componentId: "xld823-0"
})(["display:flex;position:relative;&.is-withLayerStack{padding-left:calc(", " * 3);}"], config.borderWidth);
var AvatarStackLayeringUI = (0, _styledComponents.default)(AvatarStackUI).withConfig({
  displayName: "AvatarStackcss__AvatarStackLayeringUI",
  componentId: "xld823-1"
})(["align-items:center;justify-content:center;margin:auto;max-width:230px;min-height:64px;width:100%;min-width:0;"]);
exports.AvatarStackLayeringUI = AvatarStackLayeringUI;
var ItemUI = (0, _styledComponents.default)('div').withConfig({
  displayName: "AvatarStackcss__ItemUI",
  componentId: "xld823-2"
})(["position:relative;&.is-withLayerStack{margin-left:0;}"]);
exports.ItemUI = ItemUI;