@hitachivantara/uikit-react-core 5.106.0 → 6.0.0-next.1

package/dist/cjs/Input/Input.cjs

@@ -1,472 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const utils = require("@mui/material/utils");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const validations = require("../BaseInput/validations.cjs");
-const LabelContainer = require("../FormElement/LabelContainer.cjs");
-const Suggestions = require("../FormElement/Suggestions/Suggestions.cjs");
-const useControlled = require("../hooks/useControlled.cjs");
-const useIsMounted = require("../hooks/useIsMounted.cjs");
-const useLabels = require("../hooks/useLabels.cjs");
-const useUniqueId = require("../hooks/useUniqueId.cjs");
-const icons = require("../icons.cjs");
-const generic = require("../types/generic.cjs");
-const keyboardUtils = require("../utils/keyboardUtils.cjs");
-const setId = require("../utils/setId.cjs");
-const icons$1 = require("./icons.cjs");
-const Input_styles = require("./Input.styles.cjs");
-const utils$1 = require("./utils.cjs");
-const Adornment = require("../FormElement/Adornment/Adornment.cjs");
-const utils$2 = require("../FormElement/utils.cjs");
-const BaseInput = require("../BaseInput/BaseInput.cjs");
-const Tooltip = require("../Tooltip/Tooltip.cjs");
-const FormElement = require("../FormElement/FormElement.cjs");
-const WarningText = require("../FormElement/WarningText/WarningText.cjs");
-const InfoMessage = require("../FormElement/InfoMessage/InfoMessage.cjs");
-const DEFAULT_LABELS = {
-  /** The label of the clear button. */
-  clearButtonLabel: "Clear the text",
-  /** The label of the reveal password button. @deprecated unused */
-  revealPasswordButtonLabel: "Reveal password",
-  /** The tooltip of the reveal password button when the password is hidden. */
-  revealPasswordButtonClickToShowTooltip: "Click to show password.",
-  /** The tooltip of the reveal password button when the password is revealed. */
-  revealPasswordButtonClickToHideTooltip: "Click to hide password.",
-  /** The label of the search button. */
-  searchButtonLabel: "Search"
-};
-function eventTargetIsInsideContainer(container, event) {
-  return !!container?.contains(event.relatedTarget);
-}
-const HvInput = generic.fixedForwardRef(function HvInput2(props, ref) {
-  const {
-    classes: classesProp,
-    className,
-    id,
-    name,
-    value: valueProp,
-    defaultValue,
-    required,
-    readOnly,
-    disabled,
-    enablePortal,
-    suggestOnFocus,
-    label,
-    description: descriptionProp,
-    "aria-label": ariaLabel,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": ariaDescribedBy,
-    onChange,
-    onEnter,
-    status,
-    statusMessage,
-    infoMessage: infoMessageProp,
-    "aria-errormessage": ariaErrorMessage,
-    type = "text",
-    placeholder,
-    autoFocus,
-    labels: labelsProp,
-    validationMessages,
-    disableClear,
-    disableRevealPassword,
-    disableSearchButton,
-    endAdornment,
-    maxCharQuantity,
-    minCharQuantity,
-    validation,
-    showValidationIcon,
-    suggestionListCallback,
-    inputRef: inputRefProp,
-    onBlur,
-    onFocus,
-    onKeyDown,
-    inputProps = {},
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvInput", props);
-  const { classes, cx } = Input_styles.useClasses(classesProp);
-  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
-  const elementId = useUniqueId.useUniqueId(id);
-  const { activeTheme } = uikitReactUtils.useTheme();
-  const inputRef = React.useRef(null);
-  const forkedRef = utils.useForkRef(ref, inputRef, inputRefProp);
-  const suggestionsRef = React.useRef(null);
-  const [description, infoMessage] = activeTheme?.name === "pentahoPlus" ? [infoMessageProp, descriptionProp] : [descriptionProp, infoMessageProp];
-  const [focused, setFocused] = React.useState(false);
-  const isDirty = React.useRef(false);
-  const isEmptyValue = !inputRef.current?.value;
-  const [validationState, setValidationState] = useControlled.useControlled(
-    status,
-    "standBy"
-  );
-  const [validationMessage, setValidationMessage] = useControlled.useControlled(
-    statusMessage,
-    ""
-  );
-  const errorMessages = React.useMemo(
-    () => ({ ...validations.DEFAULT_ERROR_MESSAGES, ...validationMessages }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [
-      validationMessages?.error,
-      validationMessages?.requiredError,
-      validationMessages?.minCharError,
-      validationMessages?.maxCharError,
-      validationMessages?.typeMismatchError
-    ]
-  );
-  const performValidation = React.useCallback(() => {
-    const inputValidity = validations.validateInput(
-      inputRef.current,
-      required,
-      minCharQuantity,
-      maxCharQuantity,
-      validation
-    );
-    setValidationState(validations.computeValidationState(inputValidity, isEmptyValue));
-    setValidationMessage(
-      validations.computeValidationMessage(inputValidity, errorMessages) || ""
-    );
-    return inputValidity;
-  }, [
-    errorMessages,
-    isEmptyValue,
-    maxCharQuantity,
-    minCharQuantity,
-    required,
-    setValidationMessage,
-    setValidationState,
-    validation
-  ]);
-  const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && validations.hasBuiltInValidations(
-    required,
-    type,
-    minCharQuantity,
-    maxCharQuantity,
-    validation,
-    inputProps
-  ));
-  const isStateInvalid = utils$2.isInvalid(validationState);
-  const willShowError = canShowError && isStateInvalid;
-  const canShowInfo = !!infoMessage && !willShowError;
-  const [revealPassword, setRevealPassword] = React.useState(false);
-  const realType = React.useMemo(() => {
-    if (type === "password") {
-      return revealPassword ? "text" : "password";
-    }
-    if (["search", "number", "email"].includes(type)) return type;
-    return "text";
-  }, [revealPassword, type]);
-  const [suggestionValues, setSuggestionValues] = React.useState(null);
-  const canShowSuggestions = suggestionListCallback != null;
-  const hasSuggestions = !!suggestionValues;
-  const hasLabel = label != null;
-  const focusInput = () => {
-    inputRef.current?.focus();
-  };
-  const isMounted = useIsMounted.useIsMounted();
-  const suggestionClearHandler = () => {
-    if (isMounted.current) {
-      setSuggestionValues(null);
-    }
-  };
-  const suggestionHandler = (val) => {
-    const suggestionsArray = suggestionListCallback?.(val);
-    if (suggestionsArray?.[0]?.label) {
-      setSuggestionValues(suggestionsArray);
-    } else {
-      suggestionClearHandler();
-    }
-  };
-  const suggestionSelectedHandler = (event, item) => {
-    const newValue = item.value || item.label;
-    utils$1.changeInputValue(inputRef.current, newValue);
-    focusInput();
-    suggestionClearHandler();
-    if (type === "search") {
-      onEnter?.(event, newValue);
-    }
-  };
-  const onChangeHandler = (event, newValue) => {
-    isDirty.current = true;
-    onChange?.(event, newValue);
-    if (canShowSuggestions) {
-      suggestionHandler(newValue);
-    }
-  };
-  const onInputBlurHandler = (event) => {
-    if (eventTargetIsInsideContainer(suggestionsRef.current, event)) return;
-    setFocused(false);
-    const inputValidity = performValidation();
-    onBlur?.(event, event.target?.value, inputValidity);
-  };
-  const onFocusHandler = (event) => {
-    setFocused(true);
-    setValidationState("standBy");
-    onFocus?.(event, event.target.value);
-  };
-  const getSuggestions = (li) => {
-    const listEl = document.getElementById(
-      setId.setId(elementId, "suggestions-list") || ""
-    );
-    return li != null ? listEl?.getElementsByTagName("li")?.[li] : listEl;
-  };
-  const onSuggestionKeyDown = (event) => {
-    if (keyboardUtils.isKey(event, "Esc")) {
-      suggestionClearHandler();
-      focusInput();
-    } else if (keyboardUtils.isKey(event, "Tab")) {
-      suggestionClearHandler();
-    }
-  };
-  const onKeyDownHandler = (event) => {
-    const { value } = event.currentTarget;
-    if (keyboardUtils.isKey(event, "ArrowDown") && hasSuggestions) {
-      const li = getSuggestions(0);
-      li?.focus();
-    } else if (keyboardUtils.isKey(event, "Enter")) {
-      onEnter?.(event, value);
-    }
-    onKeyDown?.(event, value);
-  };
-  const onContainerBlurHandler = (event) => {
-    if (event.relatedTarget) {
-      setTimeout(() => {
-        const list = getSuggestions(null);
-        if (!list?.contains(document.activeElement)) suggestionClearHandler();
-      }, 10);
-    }
-  };
-  const showClear = !disabled && !readOnly && !disableClear && !isEmptyValue && (!onEnter || type !== "search" || disableSearchButton || validationState !== "standBy");
-  const showSearchIcon = type === "search" && !disableSearchButton;
-  const showRevealPasswordButton = type === "password" && !disableRevealPassword;
-  const handleClear = React.useCallback(
-    (event) => {
-      setValidationState("standBy");
-      utils$1.changeInputValue(inputRef.current, "");
-      if (canShowSuggestions && suggestOnFocus) event.stopPropagation();
-      else {
-        setTimeout(focusInput);
-      }
-    },
-    [canShowSuggestions, setValidationState, suggestOnFocus]
-  );
-  const clearButton = React.useMemo(() => {
-    if (!showClear) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Adornment.HvAdornment,
-      {
-        className: cx(classes.adornmentButton, {
-          [classes.iconClear]: !showSearchIcon
-        }),
-        onClick: handleClear,
-        "aria-label": labels?.clearButtonLabel,
-        "aria-controls": setId.setId(elementId, "input"),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { compact: true, name: "Close", size: "xs" })
-      }
-    );
-  }, [
-    showClear,
-    classes.adornmentButton,
-    classes.iconClear,
-    showSearchIcon,
-    handleClear,
-    labels?.clearButtonLabel,
-    elementId,
-    cx
-  ]);
-  const searchButton = React.useMemo(() => {
-    const reallyShowIt = showSearchIcon && (isEmptyValue || onEnter && validationState === "standBy");
-    if (!reallyShowIt) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Adornment.HvAdornment,
-      {
-        className: classes.adornmentButton,
-        onClick: onEnter && ((evt) => onEnter?.(evt, inputRef.current?.value ?? "")),
-        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { compact: true, name: "Search", title: labels.searchButtonLabel })
-      }
-    );
-  }, [
-    showSearchIcon,
-    isEmptyValue,
-    onEnter,
-    validationState,
-    classes.adornmentButton,
-    labels.searchButtonLabel
-  ]);
-  const revealPasswordButton = React.useMemo(() => {
-    if (!showRevealPasswordButton) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Tooltip.HvTooltip,
-      {
-        title: revealPassword ? labels?.revealPasswordButtonClickToHideTooltip : labels?.revealPasswordButtonClickToShowTooltip,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          Adornment.HvAdornment,
-          {
-            className: classes.adornmentButton,
-            onClick: () => setRevealPassword((s) => !s),
-            "aria-controls": setId.setId(elementId, "input"),
-            icon: /* @__PURE__ */ jsxRuntime.jsx(icons$1.EyeIcon, { selected: revealPassword }),
-            tabIndex: 0,
-            ...{ selected: revealPassword }
-          }
-        )
-      }
-    );
-  }, [
-    showRevealPasswordButton,
-    revealPassword,
-    labels?.revealPasswordButtonClickToHideTooltip,
-    labels?.revealPasswordButtonClickToShowTooltip,
-    classes.adornmentButton,
-    elementId
-  ]);
-  const validationIcon = React.useMemo(() => {
-    if (!showValidationIcon) return null;
-    if (!utils$2.isValid(validationState)) return null;
-    return /* @__PURE__ */ jsxRuntime.jsx(icons.HvIcon, { name: "Success", color: "positive", className: classes.icon });
-  }, [showValidationIcon, validationState, classes.icon]);
-  const adornments = React.useMemo(() => {
-    if (!clearButton && !revealPasswordButton && !searchButton && !validationIcon && !endAdornment)
-      return null;
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.adornmentsBox, children: [
-      clearButton,
-      revealPasswordButton,
-      searchButton,
-      validationIcon || endAdornment
-    ] });
-  }, [
-    classes.adornmentsBox,
-    clearButton,
-    endAdornment,
-    revealPasswordButton,
-    searchButton,
-    validationIcon
-  ]);
-  React.useEffect(() => {
-    if (focused || !isDirty.current && isEmptyValue) {
-      return;
-    }
-    performValidation();
-  }, [focused, isEmptyValue, performValidation]);
-  const errorMessageId = isStateInvalid ? canShowError ? setId.setId(elementId, "error") : ariaErrorMessage : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    FormElement.HvFormElement,
-    {
-      id,
-      name,
-      status: validationState,
-      disabled,
-      required,
-      readOnly,
-      className: cx(
-        classes.root,
-        {
-          [classes.hasSuggestions]: hasSuggestions
-        },
-        className
-      ),
-      onBlur: onContainerBlurHandler,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          LabelContainer.HvLabelContainer,
-          {
-            label,
-            description,
-            inputId: setId.setId(elementId, "input"),
-            labelId: setId.setId(elementId, "label"),
-            descriptionId: setId.setId(elementId, "description"),
-            classes: {
-              root: classes.labelContainer,
-              label: classes.label,
-              description: classes.description
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          BaseInput.HvBaseInput,
-          {
-            id: hasLabel || showClear || showRevealPasswordButton ? setId.setId(elementId, "input") : setId.setId(id, "input"),
-            name,
-            value: valueProp,
-            defaultValue,
-            required,
-            readOnly,
-            disabled,
-            onChange: onChangeHandler,
-            autoFocus,
-            onKeyDown: onKeyDownHandler,
-            onBlur: onInputBlurHandler,
-            onFocus: onFocusHandler,
-            placeholder,
-            type: realType,
-            classes: {
-              input: classes.input,
-              root: classes.inputRoot,
-              focused: classes.inputRootFocused,
-              disabled: classes.inputRootDisabled,
-              multiline: classes.inputRootMultiline
-            },
-            invalid: isStateInvalid,
-            inputProps: {
-              "aria-label": ariaLabel,
-              "aria-labelledby": ariaLabelledBy,
-              "aria-invalid": isStateInvalid ? true : void 0,
-              "aria-errormessage": errorMessageId,
-              "aria-describedby": ariaDescribedBy != null ? ariaDescribedBy : description ? setId.setId(elementId, "description") : void 0,
-              "aria-controls": canShowSuggestions ? setId.setId(elementId, "suggestions") : void 0,
-              // prevent browsers auto-fill/suggestions when we have our own
-              autoComplete: canShowSuggestions ? "off" : void 0,
-              onFocus: (event) => {
-                inputProps.onFocus?.(event);
-                if (canShowSuggestions && suggestOnFocus) {
-                  suggestionHandler(event.currentTarget.value);
-                }
-              },
-              onClick: (event) => {
-                inputProps.onClick?.(event);
-                if (canShowSuggestions && suggestOnFocus) event.stopPropagation();
-              },
-              ...inputProps
-            },
-            ref: forkedRef,
-            endAdornment: adornments,
-            ...others
-          }
-        ),
-        canShowSuggestions && /* @__PURE__ */ jsxRuntime.jsx(
-          Suggestions.HvSuggestions,
-          {
-            id: setId.setId(elementId, "suggestions"),
-            classes: {
-              root: classes.suggestionsContainer,
-              list: classes.suggestionList
-            },
-            expanded: hasSuggestions,
-            anchorEl: inputRef.current?.parentElement,
-            onClose: suggestionClearHandler,
-            onKeyDown: onSuggestionKeyDown,
-            onSuggestionSelected: suggestionSelectedHandler,
-            suggestionValues,
-            enablePortal,
-            popperProps: { ref: suggestionsRef }
-          }
-        ),
-        canShowError && /* @__PURE__ */ jsxRuntime.jsx(
-          WarningText.HvWarningText,
-          {
-            id: setId.setId(elementId, "error"),
-            disableBorder: true,
-            className: classes.error,
-            children: validationMessage
-          }
-        ),
-        canShowInfo && /* @__PURE__ */ jsxRuntime.jsx(InfoMessage.HvInfoMessage, { disableGutter: true, variant: "caption1", children: infoMessage })
-      ]
-    }
-  );
-});
-exports.inputClasses = Input_styles.staticClasses;
-exports.HvInput = HvInput;

package/dist/cjs/Input/Input.styles.cjs

@@ -1,53 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const Suggestions_styles = require("../FormElement/Suggestions/Suggestions.styles.cjs");
-require("../FormElement/Suggestions/Suggestions.cjs");
-const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvInput", {
-  root: { display: "block" },
-  labelContainer: {},
-  label: {},
-  description: {},
-  adornmentsBox: {
-    display: "flex",
-    flexDirection: "row",
-    height: "30px",
-    alignSelf: "center",
-    alignItems: "center",
-    justifyContent: "center",
-    borderRadius: "inherit",
-    flexShrink: 0
-  },
-  icon: {},
-  adornmentButton: {
-    borderRadius: "inherit"
-  },
-  iconClear: { display: "none" },
-  hasSuggestions: {},
-  suggestionsContainer: { width: "100%", position: "relative" },
-  suggestionList: {
-    [`& .${Suggestions_styles.staticClasses.root} .${Suggestions_styles.staticClasses.list} &`]: {
-      width: "100%"
-    }
-  },
-  /** @deprecated unused. use `classes.suggestionsContainer ::before` instead */
-  inputExtension: {},
-  input: {},
-  inputRoot: {
-    ":is(:hover,:focus-within) $iconClear": {
-      display: "block"
-    }
-  },
-  inputRootFocused: {
-    "& $iconClear": {
-      display: "block"
-    }
-  },
-  inputRootDisabled: {},
-  inputRootMultiline: { padding: 0 },
-  /** @deprecated unused. use `::after` instead */
-  inputBorderContainer: {},
-  error: {}
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;

package/dist/cjs/Input/icons.cjs

@@ -1,22 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const icons = require("../icons.cjs");
-const EyeIcon = ({
-  selected,
-  ...others
-}) => /* @__PURE__ */ jsxRuntime.jsxs(icons.SvgBase, { viewBox: "0 0 16 16", ...others, children: [
-  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11 8a3 3 0 1 1-3-3 3 3 0 0 1 3 3m5 0s-3.58 6-8 6-8-6-8-6 4-6 8-6 8 6 8 6m-1.2.03a22 22 0 0 0-2-2.32C11.01 3.94 9.35 3 8 3s-3 .93-4.77 2.68a22 22 0 0 0-2.02 2.35 18 18 0 0 0 1.85 2.28C4.25 11.53 6.08 13 8 13s3.73-1.45 4.91-2.67a18 18 0 0 0 1.88-2.3z" }),
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "rect",
-    {
-      style: { transition: "width 0.2s ease" },
-      width: selected ? 20 : 0,
-      height: 1,
-      x: -2,
-      y: 8,
-      transform: "translate(-4 8) rotate(-45)"
-    }
-  )
-] });
-exports.EyeIcon = EyeIcon;

package/dist/cjs/Input/utils.cjs

@@ -1,12 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const changeInputValue = (input, value = "") => {
-  const event = new Event("input", { bubbles: true });
-  const setInputValue = Object.getOwnPropertyDescriptor(
-    window.HTMLInputElement.prototype,
-    "value"
-  )?.set;
-  setInputValue?.call(input, value);
-  input?.dispatchEvent(event);
-};
-exports.changeInputValue = changeInputValue;

package/dist/cjs/Kpi/Kpi.cjs

@@ -1,80 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const uikitReactUtils = require("@hitachivantara/uikit-react-utils");
-const useLabels = require("../hooks/useLabels.cjs");
-const Kpi_styles = require("./Kpi.styles.cjs");
-const Typography = require("../Typography/Typography.cjs");
-const DEFAULT_LABELS = {
-  /** The text at the top of the kpi. */
-  title: "",
-  /** The text in the middle of the kpi. */
-  indicator: void 0,
-  /** The text to the right of the indicator. */
-  unit: void 0,
-  /** The text to the right of the visual comparison. */
-  comparisonIndicatorInfo: void 0
-};
-const HvKpi = (props) => {
-  const {
-    trendIndicator = null,
-    visualIndicator = null,
-    visualComparison = null,
-    indicatorUnitTextVariant = "title2",
-    indicatorTextVariant = "title1",
-    labels: labelsProp,
-    classes: classesProp,
-    className,
-    ...others
-  } = uikitReactUtils.useDefaultProps("HvKpi", props);
-  const { classes, cx } = Kpi_styles.useClasses(classesProp);
-  const labels = useLabels.useLabels(DEFAULT_LABELS, labelsProp);
-  const InternalVisualComparison = typeof visualComparison === "string" ? Typography.HvTypography : "div";
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(classes.root, className), ...others, children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { variant: "label", children: labels.title }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.indicatorsContainer, children: [
-      visualIndicator && /* @__PURE__ */ jsxRuntime.jsx(
-        "div",
-        {
-          className: cx(
-            classes.visualIndicatorContainer,
-            classes.spacingToTheRight
-          ),
-          children: visualIndicator
-        }
-      ),
-      labels.indicator && /* @__PURE__ */ jsxRuntime.jsx(
-        Typography.HvTypography,
-        {
-          className: cx(classes.spacingToTheRight, classes.indicatorText),
-          variant: indicatorTextVariant,
-          children: labels.indicator
-        }
-      ),
-      labels.unit && /* @__PURE__ */ jsxRuntime.jsx(
-        Typography.HvTypography,
-        {
-          className: classes.indicatorUnit,
-          variant: indicatorUnitTextVariant,
-          children: labels.unit
-        }
-      )
-    ] }),
-    visualComparison && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.comparisonComposition, children: [
-      trendIndicator && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.trendLine, classes.spacingToTheRight), children: trendIndicator }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.comparisonContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
-          InternalVisualComparison,
-          {
-            className: cx(classes.comparisons, classes.spacingToTheRight),
-            variant: "label",
-            children: visualComparison
-          }
-        ) }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.comparisonContainer, children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.comparisons, variant: "caption2", children: labels.comparisonIndicatorInfo }) })
-      ] })
-    ] })
-  ] });
-};
-exports.kpiClasses = Kpi_styles.staticClasses;
-exports.HvKpi = HvKpi;

package/dist/cjs/Kpi/Kpi.styles.cjs

@@ -1,38 +0,0 @@
-"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("HvKpi", {
-  root: { width: "100%", height: "100%" },
-  visualIndicatorContainer: {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    height: "40px",
-    backgroundColor: "transparent"
-  },
-  comparisons: {},
-  comparisonContainer: {
-    minHeight: "16px",
-    display: "flex",
-    alignItems: "flex-end"
-  },
-  comparisonComposition: {
-    width: "100%",
-    display: "flex",
-    flexDirection: "row",
-    flexWrap: "wrap",
-    alignItems: "center"
-  },
-  indicatorsContainer: {
-    display: "inline-flex",
-    minHeight: "16px",
-    alignItems: "flex-end"
-  },
-  indicatorText: {},
-  indicatorUnit: { alignSelf: "flex-end", paddingBottom: "3px" },
-  spacingToTheRight: { marginRight: uikitStyles.theme.space.xs },
-  trendLine: { float: "right" }
-});
-exports.staticClasses = staticClasses;
-exports.useClasses = useClasses;