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

ActiveCollab Components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.StyledValueButton = exports.StyledSortWrapper = exports.StyledSortIconUp = exports.StyledSortIconDown = exports.StyledSortIcon = exports.StyledListItemName = exports.StyledListItem = exports.StyledList = exports.StyledIconButton = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _IconButton = require("../IconButton");
var _Icons = require("../Icons");
var _List = require("../List");
var _ValueButton = require("../ValueButton");
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
var StyledSortWrapper = exports.StyledSortWrapper = _styledComponents.default.div.withConfig({
  displayName: "Styles__StyledSortWrapper",
  componentId: "sc-11r5ac9-0"
})(["", ";"], {
  "width": "fit-content"
});
StyledSortWrapper.displayName = "StyledSortWrapper";
var StyledValueButton = exports.StyledValueButton = (0, _styledComponents.default)(_ValueButton.ValueButton).withConfig({
  displayName: "Styles__StyledValueButton",
  componentId: "sc-11r5ac9-1"
})(["", ";"], {
  "display": "none",
  "alignItems": "center",
  "@media (min-width: 768px)": {
    "display": "flex"
  }
});
StyledValueButton.displayName = "StyledValueButton";
var StyledIconButton = exports.StyledIconButton = (0, _styledComponents.default)(_IconButton.IconButton).withConfig({
  displayName: "Styles__StyledIconButton",
  componentId: "sc-11r5ac9-2"
})(["", ";"], {
  "display": "flex",
  "alignItems": "center",
  ":hover": {
    "color": "var(--color-primary)"
  },
  "@media (min-width: 768px)": {
    "display": "none"
  }
});
StyledIconButton.displayName = "StyledIconButton";
var StyledSortIcon = exports.StyledSortIcon = (0, _styledComponents.default)(_Icons.SortGeneralIcon).withConfig({
  displayName: "Styles__StyledSortIcon",
  componentId: "sc-11r5ac9-3"
})(["", ";"], {
  "marginTop": "0px"
});
StyledSortIcon.displayName = "StyledSortIcon";
var StyledSortIconDown = exports.StyledSortIconDown = (0, _styledComponents.default)(_Icons.ArrowDownLongIcon).withConfig({
  displayName: "Styles__StyledSortIconDown",
  componentId: "sc-11r5ac9-4"
})(["", ";"], {
  "flexShrink": "0"
});
StyledSortIconDown.displayName = "StyledSortIconDown";
var StyledSortIconUp = exports.StyledSortIconUp = (0, _styledComponents.default)(_Icons.ArrowUpLongIcon).withConfig({
  displayName: "Styles__StyledSortIconUp",
  componentId: "sc-11r5ac9-5"
})(["", ";"], {
  "flexShrink": "0"
});
StyledSortIconUp.displayName = "StyledSortIconUp";
var StyledList = exports.StyledList = (0, _styledComponents.default)(_List.List).withConfig({
  displayName: "Styles__StyledList",
  componentId: "sc-11r5ac9-6"
})(["", ";"], {
  "paddingTop": "0.5rem",
  "paddingBottom": "0.5rem"
});
StyledList.displayName = "StyledList";
var StyledListItem = exports.StyledListItem = (0, _styledComponents.default)(_List.ListItem).withConfig({
  displayName: "Styles__StyledListItem",
  componentId: "sc-11r5ac9-7"
})(["", ";svg{visibility:hidden;}&:hover svg{fill:var(--color-theme-500);visibility:visible;}", ""], {
  "justifyContent": "space-between"
}, function (props) {
  return props.$active && (0, _styledComponents.css)(["", ";svg{fill:var(--color-primary);visibility:visible;}&:hover svg{fill:var(--color-primary);visibility:visible;}"], {
    "color": "var(--color-primary)"
  });
});
StyledListItem.displayName = "StyledListItem";
var StyledListItemName = exports.StyledListItemName = _styledComponents.default.span.withConfig({
  displayName: "Styles__StyledListItemName",
  componentId: "sc-11r5ac9-8"
})(["", ";"], {
  "overflow": "hidden",
  "textOverflow": "ellipsis",
  "whiteSpace": "nowrap"
});
StyledListItemName.displayName = "StyledListItemName";
//# sourceMappingURL=Styles.js.map