@activecollab/components
Version:
ActiveCollab Components
56 lines (55 loc) • 3.55 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledSelectTrigger = exports.StyledCaretIcon = void 0;
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _Icons = require("../Icons");
var _Trigger = require("../Trigger");
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 StyledSelectTrigger = exports.StyledSelectTrigger = (0, _styledComponents.default)(_Trigger.Trigger).withConfig({
displayName: "Styles__StyledSelectTrigger",
componentId: "sc-9799p2-0"
})(["display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 8px;width:300px;transition:border-color 0.3s ease;background-color:transparent;border:none;", " ", " ", " ", " ", " ", " ", ";", ";"], function (_ref) {
var $mode = _ref.$mode;
return $mode === "outlined" && (0, _styledComponents.css)(["border:1px solid var(--color-theme-500);background-color:var(--input-background-color);"]);
}, function (_ref2) {
var disabled = _ref2.disabled;
return disabled && (0, _styledComponents.css)(["opacity:50%;cursor:default;"]);
}, function (_ref3) {
var $invalid = _ref3.$invalid,
disabled = _ref3.disabled,
$mode = _ref3.$mode;
return !$invalid && !disabled && $mode === "outlined" && (0, _styledComponents.css)(["&:hover,&:focus{border-color:var(--color-primary-700);}"]);
}, function (_ref4) {
var $invalid = _ref4.$invalid,
$mode = _ref4.$mode;
return $invalid && $mode === "outlined" && (0, _styledComponents.css)(["", " &:hover{", "}"], {
"borderColor": "var(--red-alert)"
}, {
"borderColor": "var(--red-alert)"
});
}, function (_ref5) {
var $size = _ref5.$size;
return $size === "small" && (0, _styledComponents.css)(["height:24px;border-radius:var(--ac-br-6);"]);
}, function (_ref6) {
var $size = _ref6.$size;
return $size === "regular" && (0, _styledComponents.css)(["height:32px;border-radius:var(--ac-br-8);"]);
}, function (_ref7) {
var $size = _ref7.$size;
return $size === "big" && (0, _styledComponents.css)(["height:40px;border-radius:var(--ac-br-8);"]);
}, function (_ref8) {
var $size = _ref8.$size;
return $size === "biggest" && (0, _styledComponents.css)(["height:48px;border-radius:var(--ac-br-8);"]);
});
StyledSelectTrigger.displayName = "StyledSelectTrigger";
var StyledCaretIcon = exports.StyledCaretIcon = (0, _styledComponents.default)(_Icons.CollapseExpandSingleIcon).withConfig({
displayName: "Styles__StyledCaretIcon",
componentId: "sc-9799p2-1"
})(["margin-left:8px;flex-shrink:0;transition:transform 200ms ease;", ""], function (_ref9) {
var $open = _ref9.$open;
return !$open && (0, _styledComponents.css)(["transform:rotate(180deg);"]);
});
StyledCaretIcon.displayName = "StyledCaretIcon";
//# sourceMappingURL=Styles.js.map