@activecollab/components
Version:
ActiveCollab Components
76 lines (74 loc) • 6.18 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.StyledSpinnerLoader = exports.StyledSearchIcon = exports.StyledParameter = exports.StyledInput = exports.StyledIcon = exports.StyledHeading = exports.StyledCommandPaletteWrapper = exports.StyledCommandPaletteList = exports.StyledCommandPaletteItemLoader = exports.StyledCommandPaletteItem = exports.StyledCommandPaletteHeader = exports.StyledCommandPaletteCommandItem = exports.StyledCommandPalette = exports.StyledActionWrapper = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _BreakPoints = require("../BreakPoints");
var _FontStyle = require("../FontStyle");
var _Loaders = require("../Loaders");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledCommandPalette = exports.StyledCommandPalette = _styledComponents.default.div.withConfig({
displayName: "CommandPalettestyles__StyledCommandPalette",
componentId: "sc-na3mad-0"
})(["", " background-color:var(--page-paper-main);border-radius:10px;box-sizing:border-box;max-width:600px;mark{background-color:var(--color-primary-300);color:var(--color-theme-900);}"], _FontStyle.FontStyle);
var StyledCommandPaletteWrapper = exports.StyledCommandPaletteWrapper = _styledComponents.default.div.withConfig({
displayName: "CommandPalettestyles__StyledCommandPaletteWrapper",
componentId: "sc-na3mad-1"
})(["overflow-x:hidden;overflow-y:auto;max-height:450px;&:not(:empty){border-top:1px solid var(--color-theme-400);padding-bottom:8px;padding-top:8px;}"]);
var StyledCommandPaletteHeader = exports.StyledCommandPaletteHeader = _styledComponents.default.div.withConfig({
displayName: "CommandPalettestyles__StyledCommandPaletteHeader",
componentId: "sc-na3mad-2"
})(["align-items:center;display:flex;padding-bottom:12px;padding-left:16px;padding-right:16px;padding-top:12px;"]);
var StyledSearchIcon = exports.StyledSearchIcon = _styledComponents.default.div.withConfig({
displayName: "CommandPalettestyles__StyledSearchIcon",
componentId: "sc-na3mad-3"
})(["margin-right:8px;svg{vertical-align:middle;}"]);
var StyledInput = exports.StyledInput = _styledComponents.default.input.withConfig({
displayName: "CommandPalettestyles__StyledInput",
componentId: "sc-na3mad-4"
})(["all:unset;caret-color:var(--color-primary);color:var(--color-theme-900);width:100%;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}::-webkit-outer-spin-button,::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type=\"search\"]::-webkit-search-decoration,&[type=\"search\"]::-webkit-search-cancel-button,&[type=\"search\"]::-webkit-search-results-button,&[type=\"search\"]::-webkit-search-results-decoration{-webkit-appearance:none;}&[type=\"number\"]{-moz-appearance:textfield;}::placeholder{color:var(--color-theme-transparent-500);}::selection{background:var(--color-primary-300);}"], _BreakPoints.screen.sm);
var StyledParameter = exports.StyledParameter = _styledComponents.default.span.withConfig({
displayName: "CommandPalettestyles__StyledParameter",
componentId: "sc-na3mad-5"
})(["color:var(--color-theme-transparent-500);margin-right:8px;flex-shrink:0;", "{font-size:32px;font-weight:300;letter-spacing:0.5px;line-height:44px;}"], _BreakPoints.screen.sm);
var StyledActionWrapper = exports.StyledActionWrapper = _styledComponents.default.div.withConfig({
displayName: "CommandPalettestyles__StyledActionWrapper",
componentId: "sc-na3mad-6"
})(["align-items:center;display:flex;gap:8px;"]);
var StyledIcon = exports.StyledIcon = _styledComponents.default.div.withConfig({
displayName: "CommandPalettestyles__StyledIcon",
componentId: "sc-na3mad-7"
})(["margin-right:8px;svg{vertical-align:middle;}"]);
var StyledCommandPaletteList = exports.StyledCommandPaletteList = _styledComponents.default.ul.withConfig({
displayName: "CommandPalettestyles__StyledCommandPaletteList",
componentId: "sc-na3mad-8"
})(["list-style-type:none;margin:0;padding:0;overflow:hidden;&:not(:first-child){border-top:1px solid var(--color-theme-400);}"]);
var StyledHeading = exports.StyledHeading = _styledComponents.default.p.withConfig({
displayName: "CommandPalettestyles__StyledHeading",
componentId: "sc-na3mad-9"
})(["font-size:12px;margin-top:12px;margin-bottom:4px;font-weight:bold;padding-left:18px;letter-spacing:0.5px;color:var(--color-theme-600);"]);
// prettier-ignore
var StyledCommandPaletteItem = exports.StyledCommandPaletteItem = _styledComponents.default.a.withConfig({
displayName: "CommandPalettestyles__StyledCommandPaletteItem",
componentId: "sc-na3mad-10"
})(["align-items:center;cursor:pointer;display:flex;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;position:relative;background-color:", ";&:focus{background-color:var(--color-theme-200);}&::before{display:", ";background-color:var(--color-primary);content:\"\";height:100%;left:0;position:absolute;width:2px;}&:focus{outline:none;}"], function (_ref) {
var $selected = _ref.$selected;
return $selected ? "var(--color-theme-200)" : "transparent";
}, function (_ref2) {
var $selected = _ref2.$selected;
return $selected ? "block" : "none";
});
var StyledCommandPaletteCommandItem = exports.StyledCommandPaletteCommandItem = (0, _styledComponents.default)(StyledCommandPaletteItem).withConfig({
displayName: "CommandPalettestyles__StyledCommandPaletteCommandItem",
componentId: "sc-na3mad-11"
})(["user-select:none;"]);
var StyledSpinnerLoader = exports.StyledSpinnerLoader = (0, _styledComponents.default)(_Loaders.SpinnerLoader).withConfig({
displayName: "CommandPalettestyles__StyledSpinnerLoader",
componentId: "sc-na3mad-12"
})(["margin-right:4px;"]);
var StyledCommandPaletteItemLoader = exports.StyledCommandPaletteItemLoader = _styledComponents.default.div.withConfig({
displayName: "CommandPalettestyles__StyledCommandPaletteItemLoader",
componentId: "sc-na3mad-13"
})(["align-items:center;display:flex;gap:8px;padding-bottom:12px;padding-left:18px;padding-right:18px;padding-top:12px;pointer-events:none;user-select:none;"]);
//# sourceMappingURL=CommandPalette.styles.js.map