ur-ui-kit-tm
Version:
unlimited robotics ui kit
16 lines (15 loc) • 4.52 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 TooltipWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: Calc(100% + 2rem);\n max-width: 16.8rem;\n border-radius: 0.8rem;\n background: #ffffff;\n box-shadow: 0px 4px 10px 0px #0093c62e;\n font-size: 1.6rem;\n font-family: UbuntuMedium;\n position: absolute;\n z-index: 3;\n bottom: Calc(100% - 2rem);\n line-height: 2rem;\n pointer-events: auto;\n align-self: center;\n"], ["\n width: Calc(100% + 2rem);\n max-width: 16.8rem;\n border-radius: 0.8rem;\n background: #ffffff;\n box-shadow: 0px 4px 10px 0px #0093c62e;\n font-size: 1.6rem;\n font-family: UbuntuMedium;\n position: absolute;\n z-index: 3;\n bottom: Calc(100% - 2rem);\n line-height: 2rem;\n pointer-events: auto;\n align-self: center;\n"])));
export var PlaceCard = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: white;\n padding: 1.4rem 1.6rem 1.1rem;\n border-radius: 20px;\n height: 12rem;\n box-shadow: 0px 4px 10px rgba(0, 147, 198, 0.18);\n border: 2px solid ", ";\n cursor: pointer;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n"], ["\n background: white;\n padding: 1.4rem 1.6rem 1.1rem;\n border-radius: 20px;\n height: 12rem;\n box-shadow: 0px 4px 10px rgba(0, 147, 198, 0.18);\n border: 2px solid ", ";\n cursor: pointer;\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n position: relative;\n"])), function (_a) {
var isSelected = _a.isSelected;
return (isSelected ? "#0096C6" : "white");
});
export var PlaceCardTitle = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: #474749;\n font-family: UbuntuMedium;\n font-size: 1.6rem;\n line-height: 1.8rem;\n letter-spacing: 0.01em;\n text-transform: capitalize;\n min-height: 44;\n flex-grow: 1;\n margin-top: 0.4rem;\n"], ["\n color: #474749;\n font-family: UbuntuMedium;\n font-size: 1.6rem;\n line-height: 1.8rem;\n letter-spacing: 0.01em;\n text-transform: capitalize;\n min-height: 44;\n flex-grow: 1;\n margin-top: 0.4rem;\n"])));
export var PlaceCardFooter = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n font-family: UbuntuRegular;\n font-size: 1.2rem;\n line-height: 1.5rem;\n letter-spacing: 0.01em;\n text-transform: capitalize;\n color: #7e9586;\n"], ["\n font-family: UbuntuRegular;\n font-size: 1.2rem;\n line-height: 1.5rem;\n letter-spacing: 0.01em;\n text-transform: capitalize;\n color: #7e9586;\n"])));
export var TooltipContent = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-around;\n position: relative;\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n width: 1px;\n height: 4.8rem;\n background: #e5eae7;\n }\n"], ["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-around;\n position: relative;\n &::before {\n content: \"\";\n display: block;\n position: absolute;\n width: 1px;\n height: 4.8rem;\n background: #e5eae7;\n }\n"])));
export var TooltipActionBox = styled.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n min-width: 50%;\n max-width: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n font-size: 1.6rem;\n line-height: 1.8rem;\n font-family: inherit;\n color: #0096c6;\n padding: 1.6rem 0.8rem 1.4rem;\n & > svg {\n margin-bottom: 0.6rem;\n }\n &.del {\n color: #d00000;\n & > svg {\n padding: 0.2rem;\n }\n }\n"], ["\n min-width: 50%;\n max-width: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n font-size: 1.6rem;\n line-height: 1.8rem;\n font-family: inherit;\n color: #0096c6;\n padding: 1.6rem 0.8rem 1.4rem;\n & > svg {\n margin-bottom: 0.6rem;\n }\n &.del {\n color: #d00000;\n & > svg {\n padding: 0.2rem;\n }\n }\n"])));
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;