@filerobot/approvals
Version:
Asset approvals package for Filerobot
32 lines • 2.23 kB
JavaScript
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
import styled from 'styled-components';
import { FV, PC } from '@filerobot/common';
var Container = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n gap: 24px;\n overflow-y: hidden;\n overflow-x: auto;\n flex-grow: 1;\n"])));
var Title = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n display: flex;\n flex-shrink: 0;\n align-items: center;\n height: 60px;\n color: ", ";\n"])), function (_ref) {
var font = _ref.theme.typography.font;
return font[FV.TitleH4];
}, function (_ref2) {
var palette = _ref2.theme.palette;
return palette[PC.TextPrimary];
});
var SectionContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n flex: 1 0 0;\n overflow: hidden;\n min-width: 400px;\n"])));
var VersionsContainer = styled(SectionContainer)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n background: ", ";\n box-shadow: 6px 8px 12px 0px ", ";\n\n ", " {\n padding: 0px 24px;\n }\n"])), function (_ref3) {
var palette = _ref3.theme.palette;
return palette[PC.BackgroundStateless];
}, function (_ref4) {
var palette = _ref4.theme.palette;
return palette[PC.LightShadow];
}, Title);
var VersionsWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n overflow-y: auto;\n"])));
var ApprovalsContainer = styled(SectionContainer)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([""])));
var ApprovalsContent = styled(SectionContainer)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n padding-right: 20px;\n overflow-y: auto;\n"])));
var Styled = {
Title: Title,
Container: Container,
VersionsContainer: VersionsContainer,
VersionsWrapper: VersionsWrapper,
ApprovalsContainer: ApprovalsContainer,
ApprovalsContent: ApprovalsContent
};
export default Styled;