@hitachivantara/uikit-react-pentaho
Version:
UI Kit Pentaho React components.
37 lines (36 loc) • 1.19 kB
JavaScript
;
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const Tab = require("@mui/base/Tab");
const uikitReactCore = require("@hitachivantara/uikit-react-core");
const { staticClasses, useClasses } = uikitReactCore.createClasses("HvCanvasPanelTab", {
root: {
height: "100%",
display: "flex",
alignItems: "center",
justifyContent: "center",
flex: 1,
borderRadius: `${uikitReactCore.theme.radii.large} ${uikitReactCore.theme.radii.large} 0 0`,
backgroundColor: uikitReactCore.theme.colors.bgPage,
color: uikitReactCore.theme.colors.textSubtle,
overflow: "hidden",
width: "100%",
boxShadow: "0px -2px 8px 0px #4141410F",
paddingInlineEnd: 0,
paddingInlineStart: 0,
"&:hover": {
cursor: "pointer"
},
"&:focus": {
backgroundColor: uikitReactCore.theme.colors.bgContainer
},
[`&.${Tab.tabClasses.selected}`]: {
backgroundColor: uikitReactCore.theme.colors.bgContainer,
...uikitReactCore.theme.typography.label
},
"&:focus-visible": {
...uikitReactCore.outlineStyles
}
}
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;