kwikid-components-react
Version:
KwikID's Component Library in React
39 lines (33 loc) • 2.98 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.KwikIDStyleConfiguratorWrapper = exports.KwikIDStyleConfiguratorLayoutTreeContainer = exports.KwikIDStyleConfiguratorLayoutHeader = exports.KwikIDStyleConfiguratorLayoutEditorContainer = exports.KwikIDStyleConfiguratorLayoutBody = exports.KwikIDStyleConfiguratorLayout = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
/**
* Main wrapper for the Configurator component
*/
const KwikIDStyleConfiguratorWrapper = exports.KwikIDStyleConfiguratorWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n"])));
/**
* Layout container for the Configurator component
*/
const KwikIDStyleConfiguratorLayout = exports.KwikIDStyleConfiguratorLayout = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n align-items: stretch;\n justify-content: flex-start;\n width: 100%;\n height: 100%;\n"])));
/**
* Container for the file tree navigation
*/
const KwikIDStyleConfiguratorLayoutTreeContainer = exports.KwikIDStyleConfiguratorLayoutTreeContainer = _styledComponents.default.section(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n width: 200px;\n min-width: 200px;\n overflow: auto;\n height: 100%;\n padding: 0.5rem;\n border-right: 1px solid lightgray;\n resize: horizontal;\n"])));
/**
* Header section containing action buttons
*/
const KwikIDStyleConfiguratorLayoutHeader = exports.KwikIDStyleConfiguratorLayoutHeader = _styledComponents.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n gap: 1rem;\n padding: 0.5rem;\n border-bottom: 1px solid lightgray;\n"])));
/**
* Main body container for tree and editor
*/
const KwikIDStyleConfiguratorLayoutBody = exports.KwikIDStyleConfiguratorLayoutBody = _styledComponents.default.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n width: 100%;\n overflow: auto;\n height: 100%;\n display: flex;\n flex-direction: row;\n align-items: stretch;\n"])));
/**
* Container for the code editor
*/
const KwikIDStyleConfiguratorLayoutEditorContainer = exports.KwikIDStyleConfiguratorLayoutEditorContainer = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n width: 100%;\n height: 100%;\n padding: 0.5rem;\n overflow: auto;\n"])));