@hitachivantara/uikit-react-pentaho
Version:
UI Kit Pentaho React components.
80 lines (79 loc) • 2.07 kB
JavaScript
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const uikitReactCore = require("@hitachivantara/uikit-react-core");
const { staticClasses, useClasses } = uikitReactCore.createClasses(
"HvCanvasBottomPanel",
{
root: {
position: "absolute",
display: "flex",
flexDirection: "column",
right: 0,
bottom: 0,
width: "100%",
maxHeight: "500px",
visibility: "visible"
},
closed: {
maxHeight: 0,
visibility: "hidden"
},
minimized: {
"& $content": {
display: "none"
},
"& $tab": {
backgroundColor: uikitReactCore.theme.colors.bgContainer,
...uikitReactCore.theme.typography.label
}
},
multipleTabs: {
"& $tab": { maxWidth: "288px" },
"& $rightActions": {
right: `calc(100% - var(--right) + ${uikitReactCore.theme.space.xs})`
}
},
overflowing: {},
tab: {
display: "flex",
alignItems: "center",
justifyContent: "flex-start",
width: "100%"
},
tabTitle: {
display: "flex",
width: "100%",
padding: uikitReactCore.theme.space.sm,
paddingLeft: "var(--left-actions-width)",
paddingRight: "var(--right-actions-width)"
},
tabsRoot: {
position: "relative"
},
leftActions: {
position: "absolute",
left: `calc(var(--left) + ${uikitReactCore.theme.space.xs})`,
top: 8
},
rightActions: {
position: "absolute",
right: uikitReactCore.theme.space.xs,
top: 8
},
actionsDisabled: {
pointerEvents: "none",
[`&& .${uikitReactCore.buttonClasses.disabled}`]: {
pointerEvents: "none",
backgroundColor: "transparent",
borderColor: "transparent",
":hover": {
backgroundColor: "transparent",
borderColor: "transparent"
}
}
},
content: { borderTopRightRadius: "var(--right-border-radius)" }
}
);
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;