@stokr/components-library
Version:
STOKR - Components Library
47 lines (46 loc) • 3.78 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TooltipBox = exports.TitleContainer = exports.Title = exports.State = exports.Notifications = exports.IconContainer = exports.Icon = exports.Content = exports.Container = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _Icon = _interopRequireDefault(require("../Icon/Icon.style"));
var _ToDoList = require("./ToDoList");
var _colors = _interopRequireDefault(require("../../styles/colors"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Container = exports.Container = _styledComponents.default.div.withConfig({
displayName: "ToDoListTaskstyles__Container",
componentId: "sc-lpyruk-0"
})(["display:flex;height:56px;align-items:center;", " ", ""], props => props.disabled && "\n opacity:0.5;\n cursor: context-menu;\n ", props => props.link && "\n cursor:pointer;\n ");
const Content = exports.Content = _styledComponents.default.div.withConfig({
displayName: "ToDoListTaskstyles__Content",
componentId: "sc-lpyruk-1"
})(["display:flex;flex-direction:column;"]);
const TitleContainer = exports.TitleContainer = _styledComponents.default.div.withConfig({
displayName: "ToDoListTaskstyles__TitleContainer",
componentId: "sc-lpyruk-2"
})(["display:flex;align-items:center;"]);
const Title = exports.Title = _styledComponents.default.div.withConfig({
displayName: "ToDoListTaskstyles__Title",
componentId: "sc-lpyruk-3"
})(["font-size:16px;font-weight:600;line-height:24px;letter-spacing:0.6px;text-align:left;", " ", ""], props => (props.state === _ToDoList.ToDoTaskState.IN_PROGRESS || props.state === _ToDoList.ToDoTaskState.APPROVED || props.state === _ToDoList.ToDoTaskState.NOT_AVAILABLE) && "\n opacity: 0.3;\n ", props => props.link && "\n opacity: 1;\n ");
const Notifications = exports.Notifications = _styledComponents.default.div.withConfig({
displayName: "ToDoListTaskstyles__Notifications",
componentId: "sc-lpyruk-4"
})(["position:relative;right:-5px;width:16px;height:16px;color:#ffffff;font-size:11px;font-weight:700;line-height:16px;text-align:center;background-color:#ee220d;border-radius:50%;padding-left:0;"]);
const State = exports.State = _styledComponents.default.p.withConfig({
displayName: "ToDoListTaskstyles__State",
componentId: "sc-lpyruk-5"
})(["margin-top:3px;font-size:11px;line-height:16px;letter-spacing:0.4px;font-weight:300;text-align:left;opacity:0.6;"]);
const IconContainer = exports.IconContainer = _styledComponents.default.div.withConfig({
displayName: "ToDoListTaskstyles__IconContainer",
componentId: "sc-lpyruk-6"
})(["flex-shrink:0;width:23px;text-align:center;margin-right:10px;position:relative;top:-10px;"]);
const TooltipBox = exports.TooltipBox = _styledComponents.default.div.withConfig({
displayName: "ToDoListTaskstyles__TooltipBox",
componentId: "sc-lpyruk-7"
})(["max-width:240px;text-align:left;"]);
const Icon = exports.Icon = (0, _styledComponents.default)(_Icon.default).withConfig({
displayName: "ToDoListTaskstyles__Icon",
componentId: "sc-lpyruk-8"
})(["font-size:20px;width:18px;text-align:center;", " ", " ", " ", " ", ""], props => props.state === _ToDoList.ToDoTaskState.APPROVED && "\n font-size: 13px;\n color: ".concat(_colors.default.freshGreen, ";\n "), props => props.state === _ToDoList.ToDoTaskState.REJECTED && "\n color: ".concat(_colors.default.orangishRed, ";\n "), props => props.state === _ToDoList.ToDoTaskState.IN_PROGRESS && "\n opacity: 0.3;\n ", props => props.state === _ToDoList.ToDoTaskState.SKIPPED && "\n font-size: 13px;\n ", props => props.state === _ToDoList.ToDoTaskState.NOT_AVAILABLE && "\n font-size: 13px;\n opacity: 0.3;\n ");