@filerobot/approvals
Version:
Asset approvals package for Filerobot
55 lines • 3.52 kB
JavaScript
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
import { FV, PC } from '@filerobot/common';
import { Skeleton, Button } from '@scaleflex/ui/core';
import styled from 'styled-components';
var Header = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 60px;\n gap: 6px;\n padding: 0 24px;\n"])));
var Body = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n gap: 16px;\n width: 100%;\n padding: ", ";\n"])), function (_ref) {
var isModalViewMode = _ref.isModalViewMode;
return !isModalViewMode && '0 24px 24px';
});
var HeaderTitle = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", ";\n color: ", ";\n"])), function (_ref2) {
var theme = _ref2.theme;
return theme.typography.font[FV.TitleH4];
}, function (_ref3) {
var theme = _ref3.theme;
return theme.palette[PC.TextPrimary];
});
var NoApprovals = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: ", ";\n padding: 16px;\n gap: 24px;\n text-align: center;\n"])), function (_ref4) {
var isModalViewMode = _ref4.isModalViewMode;
return isModalViewMode ? '100%' : '400px';
});
var NoApprovalsContent = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n flex-direction: column;\n gap: 16px;\n max-width: 300px;\n"])));
var NoApprovalsTitle = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n ", ";\n color: ", ";\n"])), function (_ref5) {
var theme = _ref5.theme;
return theme.typography.font[FV.LabelLargeEmphasis];
}, function (_ref6) {
var theme = _ref6.theme;
return theme.palette[PC.TextSecondary];
});
var NoApprovalsDesc = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n ", ";\n color: ", ";\n gap: 4px;\n"])), function (_ref7) {
var theme = _ref7.theme;
return theme.typography.font[FV.TextLarge];
}, function (_ref8) {
var theme = _ref8.theme;
return theme.palette[PC.TextSecondary];
});
var Container = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", "\n \n width: 100%;\n"])), function (_ref9) {
var noPaddings = _ref9.noPaddings;
return noPaddings && "\n ".concat(Body, " {\n padding: 0;\n }\n ");
});
var AvatarSkeleton = styled(Skeleton)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-radius: 50%;\n"])));
var HistoryButton = styled(Button)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n .SfxButton-StartIcon {\n margin-right: 4px;\n }\n"])));
var Styled = {
NoApprovals: NoApprovals,
NoApprovalsContent: NoApprovalsContent,
NoApprovalsTitle: NoApprovalsTitle,
NoApprovalsDesc: NoApprovalsDesc,
Container: Container,
Header: Header,
Body: Body,
HeaderTitle: HeaderTitle,
AvatarSkeleton: AvatarSkeleton,
HistoryButton: HistoryButton
};
export default Styled;