@hitachivantara/uikit-react-pentaho
Version:
UI Kit Pentaho React components.
60 lines (59 loc) • 1.52 kB
JavaScript
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const uikitReactCore = require("@hitachivantara/uikit-react-core");
const boxShadow = `4px 0px 8px -4px ${uikitReactCore.theme.alpha("base_dark", "12%")}`;
const { staticClasses, useClasses } = uikitReactCore.createClasses(
"HvCanvasSidePanel",
{
root: {
height: "100%",
position: "absolute",
top: 0,
left: 0,
boxShadow,
backgroundColor: "transparent",
transition: "visibility 0.3s ease, width 0.3s ease",
overflow: "hidden",
"&$open": {
width: 320,
visibility: "visible"
},
"&$close": {
width: 0,
visibility: "hidden"
}
},
tabs: {},
content: {
height: "100%"
},
handle: {
height: 44,
width: 44,
display: "flex",
justifyContent: "center",
boxShadow,
borderRadius: `0px ${uikitReactCore.theme.radii.large} ${uikitReactCore.theme.radii.large} 0px`,
position: "absolute",
transition: "left 0.3s ease",
"&&": {
// override action state styles
backgroundColor: uikitReactCore.theme.colors.bgContainer
},
top: "calc(50% - 44px)",
// subtract handle's full height
"&$handleOpen": {
left: 320
},
"&$handleClose": {
left: 0
}
},
open: {},
close: {},
handleOpen: {},
handleClose: {}
}
);
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;