@hitachivantara/uikit-react-pentaho/dist/cjs/Canvas/Toolbar/Toolbar.styles.cjs

UI Kit Pentaho React components.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const uikitReactCore = require("@hitachivantara/uikit-react-core");
const { staticClasses, useClasses } = uikitReactCore.createClasses("HvCanvasToolbar", {
  root: {
    width: `calc(100% - var(--sidepanel-width) - 2 * ${uikitReactCore.theme.space.sm})`,
    height: 54,
    display: "flex",
    alignItems: "center",
    borderRadius: uikitReactCore.theme.radii.full,
    backgroundColor: uikitReactCore.theme.colors.bgContainer,
    position: "absolute",
    right: uikitReactCore.theme.space.sm,
    top: 0
  },
  back: {
    borderRadius: `${uikitReactCore.theme.radii.full} 0 0 ${uikitReactCore.theme.radii.full}`,
    minWidth: 68,
    backgroundColor: uikitReactCore.theme.colors.bgHover,
    height: "100%",
    display: "flex",
    alignItems: "center",
    justifyContent: "center"
  },
  title: {
    display: "flex",
    alignItems: "center",
    padding: uikitReactCore.theme.spacing(0, "md"),
    height: "100%",
    flexGrow: 1
  },
  actions: {
    display: "flex",
    flexWrap: "nowrap",
    overflow: "auto",
    paddingRight: uikitReactCore.theme.space.md
  }
});
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;