@hitachivantara/uikit-react-lab
Version:
Contributed React components to UI Kit by the community.
57 lines (56 loc) • 1.43 kB
JavaScript
import { createClasses, outlineStyles } from "@hitachivantara/uikit-react-core";
import { theme as theme$1 } from "@hitachivantara/uikit-styles";
//#region src/Blade/Blade.styles.tsx
var { staticClasses, useClasses } = createClasses("HvBlade", {
root: {
position: "relative",
display: "flex",
minWidth: 72,
"& + $root": { marginLeft: theme$1.spacing("sm") },
transition: "flex-grow 600ms linear",
zIndex: 0,
color: theme$1.colors.text,
backgroundColor: theme$1.colors.bgContainer,
borderRadius: theme$1.radii.round,
border: `1px solid ${theme$1.colors.border}`
},
expanded: {},
fullWidth: {
flexGrow: 0,
"&$expanded": { flexGrow: 1 }
},
heading: {},
button: {
height: "100%",
minWidth: 70,
"&[disabled], &:active": { outline: "none" },
"&:focus": {
outline: "none",
background: theme$1.colors.bgHover
},
"&:hover": { background: theme$1.colors.bgHover },
"&:focus-visible": {
...outlineStyles,
zIndex: 1
},
cursor: "pointer"
},
textOnlyLabel: { padding: theme$1.spacing("xs", "sm") },
container: {
display: "inline-block",
height: "100%",
width: "100%",
minWidth: 0,
overflowX: "hidden",
maxWidth: 0,
transition: "max-width 600ms linear"
},
disabled: {
cursor: "not-allowed",
color: theme$1.colors.textDisabled,
"&:focus": { background: "none" },
"&:hover": { background: "none" }
}
});
//#endregion
export { staticClasses, useClasses };