@activecollab/components/dist/cjs/components/EntitiesHeader/Styles.js

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledWrapper = exports.StyledTitle = exports.StyledDividerLine = exports.StyledCollapseExpandSingleIcon = exports.StyledChildrenWrapper = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _Icons = require("../Icons");
var _Typography = require("../Typography");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledChildrenWrapper = exports.StyledChildrenWrapper = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledChildrenWrapper",
  componentId: "sc-13n85xv-0"
})(["", ""], {
  "flexShrink": "0"
});
StyledChildrenWrapper.displayName = "StyledChildrenWrapper";
var StyledWrapper = exports.StyledWrapper = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledWrapper",
  componentId: "sc-13n85xv-1"
})(["", " justify-content:", ";"], {
  "marginBottom": "1rem",
  "display": "flex",
  "alignItems": "center",
  "gap": "1rem"
}, function (_ref) {
  var $expanded = _ref.$expanded;
  return $expanded ? "space-between" : "flex-start";
});
StyledWrapper.displayName = "StyledWrapper";
var StyledTitle = exports.StyledTitle = (0, _styledComponents.default)(_Typography.Body2).withConfig({
  displayName: "Styles__StyledTitle",
  componentId: "sc-13n85xv-2"
})(["", " cursor:", ";"], {
  "overflow": "hidden",
  "textOverflow": "ellipsis",
  "whiteSpace": "nowrap"
}, function (_ref2) {
  var $readOnly = _ref2.$readOnly;
  return $readOnly ? "default" : "pointer";
});
StyledTitle.displayName = "StyledTitle";
var StyledDividerLine = exports.StyledDividerLine = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledDividerLine",
  componentId: "sc-13n85xv-3"
})(["", " border-top:1px solid var(--border-primary);"], {
  "flex": "1 1 0%"
});
StyledDividerLine.displayName = "StyledDividerLine";
var StyledCollapseExpandSingleIcon = exports.StyledCollapseExpandSingleIcon = (0, _styledComponents.default)(_Icons.CollapseExpandSingleIcon).withConfig({
  displayName: "Styles__StyledCollapseExpandSingleIcon",
  componentId: "sc-13n85xv-4"
})(["", " transform:", ";transition:all 0.2s ease;"], {
  "marginRight": "0.25rem",
  "cursor": "pointer"
}, function (_ref3) {
  var $expanded = _ref3.$expanded;
  return $expanded ? "rotate(0deg)" : "rotate(180deg)";
});
StyledCollapseExpandSingleIcon.displayName = "StyledCollapseExpandSingleIcon";
//# sourceMappingURL=Styles.js.map