ur-ui-kit-tm
Version:
unlimited robotics ui kit
35 lines (34 loc) • 3.58 kB
JavaScript
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
return cooked;
};
import styled from "styled-components";
export var RoomRect = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n box-sizing: border-box;\n top: ", "px;\n left: ", "px;\n width: ", "px;\n height: ", "px;\n z-index: ", ";\n /* box-shadow: ", "; */\n /* background: ", "; */\n border: 3px solid\n ", ";\n /* & > * {\n & path {\n fill: ", ";\n }\n } */\n &:hover {\n /* background: #08183f; */\n cursor: pointer;\n /* border: 3px solid #0096c6; */\n /* & > span {\n color: #a0baa4;\n } */\n & > *.scalable {\n transform: scale(1.05);\n /* & path {\n fill: #fff;\n } */\n }\n }\n padding-top: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n\n & > span {\n font-family: UbuntuMedium;\n font-size: min(max(0.8vw, 12px), 16px);\n text-align: center;\n letter-spacing: 0.5px;\n text-transform: capitalize;\n color: #7e9586;\n line-height: 118%;\n padding: 1rem;\n }\n"], ["\n position: absolute;\n box-sizing: border-box;\n top: ", "px;\n left: ", "px;\n width: ", "px;\n height: ", "px;\n z-index: ", ";\n /* box-shadow: ", "; */\n /* background: ", "; */\n border: 3px solid\n ", ";\n /* & > * {\n & path {\n fill: ", ";\n }\n } */\n &:hover {\n /* background: #08183f; */\n cursor: pointer;\n /* border: 3px solid #0096c6; */\n /* & > span {\n color: #a0baa4;\n } */\n & > *.scalable {\n transform: scale(1.05);\n /* & path {\n fill: #fff;\n } */\n }\n }\n padding-top: 16px;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n\n & > span {\n font-family: UbuntuMedium;\n font-size: min(max(0.8vw, 12px), 16px);\n text-align: center;\n letter-spacing: 0.5px;\n text-transform: capitalize;\n color: #7e9586;\n line-height: 118%;\n padding: 1rem;\n }\n"])), function (_a) {
var coordinates = _a.coordinates;
return (coordinates === null || coordinates === void 0 ? void 0 : coordinates.y1) || 0;
}, function (_a) {
var coordinates = _a.coordinates;
return (coordinates === null || coordinates === void 0 ? void 0 : coordinates.x1) || 0;
}, function (_a) {
var coordinates = _a.coordinates;
return (coordinates === null || coordinates === void 0 ? void 0 : coordinates.x2) - (coordinates === null || coordinates === void 0 ? void 0 : coordinates.x1);
}, function (_a) {
var coordinates = _a.coordinates;
return (coordinates === null || coordinates === void 0 ? void 0 : coordinates.y2) - (coordinates === null || coordinates === void 0 ? void 0 : coordinates.y1) || 0;
}, function (_a) {
var isSelected = _a.isSelected;
return (isSelected ? "2" : "1");
}, function (_a) {
var isSelected = _a.isSelected;
return isSelected && "0px 0px 0px 3px #08A340";
}, function (_a) {
var isSelected = _a.isSelected;
return (isSelected ? "#08183f" : "");
}, function (_a) {
var hideMap = _a.hideMap, isSelected = _a.isSelected;
return (isSelected ? "#08A340" : hideMap ? "#ededed" : "transparent");
}, function (_a) {
var isSelected = _a.isSelected;
return (isSelected ? "#fff" : "");
});
var templateObject_1;