@sanity/form-builder
Version:
Sanity form builder
19 lines (18 loc) • 1.89 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.OverlayContainer = exports.FlexContainer = exports.ContentContainer = exports.CardContainer = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _ui = require("@sanity/ui");
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var OverlayContainer = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n position: relative;\n"])));
exports.OverlayContainer = OverlayContainer;
var ContentContainer = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n z-index: 13;\n opacity: 0;\n transition: opacity 300ms linear;\n"])));
exports.ContentContainer = ContentContainer;
var CardContainer = (0, _styledComponents.default)(_ui.Card)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n border: 1px solid var(--card-border-color);\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 12;\n transition: opacity 150ms ease-in-out;\n opacity: 0;\n box-sizing: border-box;\n"])));
exports.CardContainer = CardContainer;
var FlexContainer = (0, _styledComponents.default)(_ui.Flex)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n\n :hover,\n :focus {\n & ", " {\n opacity: 0.9;\n }\n\n & ", " {\n opacity: 1;\n }\n }\n"])), CardContainer, ContentContainer);
exports.FlexContainer = FlexContainer;