@filerobot/approvals
Version:
Asset approvals package for Filerobot
27 lines • 2.37 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 { PC } from '@filerobot/common';
import { Skeleton } from '@scaleflex/ui/core';
import styled from 'styled-components';
var ModalSkeletonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n row-gap: 16px;\n padding: 16px;\n height: 228px;\n"])));
var ModalSkeletonHeader = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n row-gap: 4px;\n"])));
var ModalSkeletonTitle = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n display: flex;\n column-gap: 6px;\n"])));
var StatusSkeleton = styled(Skeleton)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 16px;\n height: 16px;\n border-radius: 50%;\n"])));
var AvatarSkeleton = styled(Skeleton)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n border-radius: 50%;\n"])));
var ButtonSkeleton = styled(Skeleton)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n margin-top: auto;\n"])));
var ApproversSectionArrow = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: end;\n width: 62px;\n color: ", ";\n\n svg {\n transform: translate(2px, 0.5px);\n }\n\n :before {\n position: absolute;\n content: '';\n top: 50%;\n right: 0;\n transform: translate(0px, -20%);\n height: 1px;\n width: 100%;\n background-color: ", ";\n }\n"])), function (_ref) {
var palette = _ref.theme.palette;
return palette[PC.BorderPrimaryStateless];
}, function (_ref2) {
var palette = _ref2.theme.palette;
return palette[PC.BorderPrimaryStateless];
});
export var Styled = {
ModalSkeletonWrapper: ModalSkeletonWrapper,
ModalSkeletonHeader: ModalSkeletonHeader,
ModalSkeletonTitle: ModalSkeletonTitle,
StatusSkeleton: StatusSkeleton,
AvatarSkeleton: AvatarSkeleton,
ApproversSectionArrow: ApproversSectionArrow,
ButtonSkeleton: ButtonSkeleton
};