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

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledListSeparator = exports.StyledListItem = exports.StyledList = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _BoxSizingStyle = require("../BoxSizingStyle");
var _FontStyle = require("../FontStyle");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledList = exports.StyledList = _styledComponents.default.ul.withConfig({
  displayName: "Styles__StyledList",
  componentId: "sc-dv1w0m-0"
})(["list-style-type:none;margin:0;padding:0;"]);
StyledList.displayName = "StyledList";
var StyledListItem = exports.StyledListItem = _styledComponents.default.li.withConfig({
  displayName: "Styles__StyledListItem",
  componentId: "sc-dv1w0m-1"
})(["", " ", " display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:0 1rem;margin:0.25rem 0;font-size:0.875rem;user-select:none;color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover,&:focus-visible{background-color:var(--color-theme-200);outline:none;}"], _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
StyledListItem.displayName = "StyledListItem";
var StyledListSeparator = exports.StyledListSeparator = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledListSeparator",
  componentId: "sc-dv1w0m-2"
})(["border-top:1px solid var(--border-primary);margin:12px 16px;height:1px;"]);
StyledListSeparator.displayName = "StyledListSeparator";
//# sourceMappingURL=Styles.js.map