@hitachivantara/uikit-react-core/dist/cjs/ScrollToVertical/ScrollToVertical.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(
  "HvScrollToVertical",
  {
    root: {
      display: "flex",
      width: "32px",
      padding: "0",
      margin: 0,
      listStyleType: "none",
      flexWrap: "wrap",
      flexDirection: "column",
      backdropFilter: `blur(4px)`,
      backgroundColor: uikitStyles.theme.alpha("bgPage", 0.9)
    },
    positionAbsolute: {
      width: "32px",
      position: "absolute",
      zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
      right: "0"
    },
    positionFixed: {
      width: "32px",
      position: "fixed",
      zIndex: `calc(${uikitStyles.theme.zIndices.banner} - 2)`,
      right: "0"
    }
  }
);
const calculateOffset = (quantityOfOptions) => {
  const itemSize = 32;
  const halfOptions = Math.round(quantityOfOptions * 0.5);
  return halfOptions * itemSize;
};
exports.calculateOffset = calculateOffset;
exports.staticClasses = staticClasses;
exports.useClasses = useClasses;