@redocly/theme
Version:
Shared UI components lib
26 lines (25 loc) • 1.47 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.DeselectIcon = void 0;
const react_1 = __importDefault(require("react"));
const styled_components_1 = __importDefault(require("styled-components"));
const utils_1 = require("../../core/utils");
const Icon = (props) => (react_1.default.createElement("svg", Object.assign({ "data-component-name": "icons/DeselectIcon", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
react_1.default.createElement("path", { d: "M14.4966 10.5H9.49658V11.5H14.4966V10.5Z", fill: "currentColor" }),
react_1.default.createElement("path", { d: "M10.5 3.64746H1.5V4.64746H10.5V3.64746Z", fill: "currentColor" }),
react_1.default.createElement("path", { d: "M10.5 6.64746H1.5V7.64746H10.5V6.64746Z", fill: "currentColor" }),
react_1.default.createElement("path", { d: "M7.5 9.64746H1.5V10.6475H7.5V9.64746Z", fill: "currentColor" })));
exports.DeselectIcon = (0, styled_components_1.default)(Icon).attrs(() => ({
'data-component-name': 'icons/DeselectIcon/DeselectIcon',
})) `
path {
fill: ${({ color }) => (0, utils_1.getCssColorVariable)(color)};
}
height: ${({ size }) => size || '1.3em'};
width: ${({ size }) => size || '1.3em'};
vertical-align: middle;
`;
//# sourceMappingURL=DeselectIcon.js.map