@hitachivantara/uikit-react-core/dist/cjs/ScrollToHorizontal/ScrollToHorizontal.styles.cjs

Core React components for the NEXT Design System.

"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
const uikitStyles = require("@hitachivantara/uikit-styles");
const { staticClasses, useClasses } = uikitReactUtils.createClasses(
  "HvScrollToHorizontal",
  {
    root: {
      display: "flex",
      padding: "0 30px",
      listStyleType: "none",
      flexWrap: "wrap",
      backdropFilter: `blur(4px)`,
      backgroundColor: uikitStyles.theme.alpha("bgPage", 0.9)
    },
    positionSticky: {
      position: "sticky",
      zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
      top: 0,
      left: 0
    },
    positionFixed: {
      position: "fixed",
      zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
      top: 0,
      left: 0
    },
    notSelectedRoot: {},
    notSelected: {},
    selected: {}
  }
);
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;