@sanity/default-layout
Version:
The default layout components for Sanity
31 lines (30 loc) • 3.87 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.SpaceBox = exports.RootBox = exports.ListBoxOuter = exports.ListBox = exports.ImageCard = void 0;
var _ui = require("@sanity/ui");
var _styledComponents = _interopRequireWildcard(require("styled-components"));
var _listStyles = require("./listStyles");
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
var SpaceBox = (0, _styledComponents.default)(_ui.Box)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n ", ";\n"])), _listStyles.listStyles);
exports.SpaceBox = SpaceBox;
var RootBox = (0, _styledComponents.default)(_ui.Box)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", ":first-child {\n &:not([data-list-type='number'], [data-list-type='bullet']) {\n margin-top: 0;\n }\n }\n\n ", ":last-child {\n margin-bottom: 0;\n }\n"])), SpaceBox, SpaceBox);
exports.RootBox = RootBox;
var ListBoxOuter = (0, _styledComponents.default)(_ui.Box)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n line-height: 1;\n"])));
exports.ListBoxOuter = ListBoxOuter;
var ListBox = (0, _styledComponents.default)(_ui.Box)(() => {
return (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n &:not([hidden]) {\n position: relative;\n padding-left: 2rem;\n display: inline-flex;\n }\n\n & > [data-list-prefix] {\n position: absolute;\n width: 3rem;\n left: -2rem;\n text-align: right;\n\n &[data-list-prefix='bullet'] {\n top: -0.1875em;\n\n & > span:before {\n content: var(--bullet-marker);\n font-size: 0.46666em;\n }\n }\n\n &[data-list-prefix='number'] {\n counter-increment: section;\n\n & > span:before {\n font-size: 1em;\n content: var(--bullet-marker);\n }\n }\n }\n "])));
});
exports.ListBox = ListBox;
var ImageCard = (0, _styledComponents.default)(_ui.Card)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: relative;\n padding-bottom: ", "%;\n background-image: ", ";\n background-size: cover;\n\n img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n"])), _ref => {
var $aspectRatio = _ref.$aspectRatio;
return $aspectRatio;
}, _ref2 => {
var $lqip = _ref2.$lqip;
return "url(".concat($lqip, ")");
});
exports.ImageCard = ImageCard;