@filerobot/approvals
Version:
Asset approvals package for Filerobot
40 lines • 2.99 kB
JavaScript
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
import styled, { css } from 'styled-components';
import { FV, PC } from '@filerobot/common';
import { InfoOutline } from '@scaleflex/icons';
var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 24px;\n"])));
var LabelWithIcon = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 4px;\n\n svg {\n color: ", ";\n }\n"])), function (_ref) {
var palette = _ref.theme.palette;
return palette[PC.IconsSecondary];
});
var InfoIcon = styled(InfoOutline)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n &:hover {\n color: ", ";\n }\n"])), function (_ref2) {
var palette = _ref2.theme.palette;
return palette[PC.IconsSecondaryHover];
});
var TextareaWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
var DueDateSection = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 14px;\n width: 100%;\n"])));
var DueDateRow = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n gap: 12px;\n"])));
var DueDateRowField = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n flex: 1;\n\n .SfxDate-picker-root {\n width: auto;\n }\n\n .SfxDate-picker-placeholder {\n width: 200px;\n left: 18px;\n }\n\n .SfxInput-Base {\n &:before {\n ", "\n }\n\n &:focus:before {\n content: '';\n }\n\n &::-webkit-calendar-picker-indicator {\n position: absolute;\n right: 12px;\n opacity: 0;\n z-index: 2;\n cursor: pointer;\n }\n }\n"])), function (_ref3) {
var $showContent = _ref3.$showContent;
return $showContent && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n content: '--:--';\n position: absolute;\n width: 80%;\n color: ", ";\n background-color: ", ";\n ", ";\n "])), function (_ref4) {
var theme = _ref4.theme;
return theme.palette[PC.TextPlaceholder];
}, function (_ref5) {
var theme = _ref5.theme;
return theme.palette[PC.BackgroundStateless];
}, function (_ref6) {
var theme = _ref6.theme;
return theme.typography.font[FV.LabelLarge];
});
});
var Styled = {
Container: Container,
LabelWithIcon: LabelWithIcon,
TextareaWrapper: TextareaWrapper,
DueDateSection: DueDateSection,
DueDateRow: DueDateRow,
DueDateRowField: DueDateRowField,
InfoIcon: InfoIcon
};
export default Styled;