@filerobot/approvals
Version:
Asset approvals package for Filerobot
32 lines • 2.43 kB
JavaScript
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
import { PC, PSH, FV } from '@filerobot/common';
import { ArrowBottom as SfxArrowBottom } from '@scaleflex/icons';
import styled from 'styled-components';
var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n height: 100%;\n"])));
var ModalContent = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n width: 312px;\n border-radius: 4px;\n background-color: ", ";\n box-shadow: ", ";\n"])), function (_ref) {
var theme = _ref.theme;
return theme.palette[PC.BackgroundStateless];
}, function (_ref2) {
var theme = _ref2.theme;
return theme.shadows[PSH.ShadowLg];
});
var StatusLabel = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n column-gap: 6px;\n cursor: pointer;\n"])));
var ArrowDown = styled(SfxArrowBottom)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n transition: all 150ms ease-out;\n width: 10px;\n height: 10px;\n flex-shrink: 0;\n transform: ", ";\n"])), function (_ref3) {
var open = _ref3.open;
return open ? 'rotate(180deg)' : 'rotate(0)';
});
var RequsetApprovalWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n row-gap: 16px;\n padding: 16px;\n width: 100%;\n height: 100%;\n align-items: start;\n\n div {\n ", ";\n }\n\n svg {\n width: 100px;\n height: 40px;\n }\n"])), function (_ref4) {
var font = _ref4.theme.typography.font;
return font[FV.LabelMedium];
});
var IconWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n row-gap: 16px;\n align-items: center;\n justify-content: center;\n width: 280px;\n height: 120px;\n padding: 24px 16px;\n"])));
var Styled = {
Container: Container,
ModalContent: ModalContent,
StatusLabel: StatusLabel,
ArrowDown: ArrowDown,
RequsetApprovalWrapper: RequsetApprovalWrapper,
IconWrapper: IconWrapper
};
export default Styled;