kwikid-components-react
Version:
KwikID's Component Library in React
76 lines (70 loc) • 2.26 kB
JavaScript
;
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"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/**
* Main wrapper for the Configurator component
*/
const KwikIDStyleConfiguratorWrapper = exports.KwikIDStyleConfiguratorWrapper = _styledComponents.default.div`
width: 100%;
height: 100%;
`;
/**
* Layout container for the Configurator component
*/
const KwikIDStyleConfiguratorLayout = exports.KwikIDStyleConfiguratorLayout = _styledComponents.default.div`
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
width: 100%;
height: 100%;
`;
/**
* Container for the file tree navigation
*/
const KwikIDStyleConfiguratorLayoutTreeContainer = exports.KwikIDStyleConfiguratorLayoutTreeContainer = _styledComponents.default.section`
width: 200px;
min-width: 200px;
overflow: auto;
height: 100%;
padding: 0.5rem;
border-right: 1px solid lightgray;
resize: horizontal;
`;
/**
* Header section containing action buttons
*/
const KwikIDStyleConfiguratorLayoutHeader = exports.KwikIDStyleConfiguratorLayoutHeader = _styledComponents.default.div`
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-end;
gap: 1rem;
padding: 0.5rem;
border-bottom: 1px solid lightgray;
`;
/**
* Main body container for tree and editor
*/
const KwikIDStyleConfiguratorLayoutBody = exports.KwikIDStyleConfiguratorLayoutBody = _styledComponents.default.div`
width: 100%;
overflow: auto;
height: 100%;
display: flex;
flex-direction: row;
align-items: stretch;
`;
/**
* Container for the code editor
*/
const KwikIDStyleConfiguratorLayoutEditorContainer = exports.KwikIDStyleConfiguratorLayoutEditorContainer = _styledComponents.default.div`
width: 100%;
height: 100%;
padding: 0.5rem;
overflow: auto;
`;