@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 _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
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