@hitachivantara/uikit-react-core 5.44.1 → 5.44.3

package/dist/esm/Slider/utils.mjs

@@ -1,232 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import validationState from "../Forms/FormElement/validationStates.mjs";
-import { sliderStyles } from "./Slider.styles.mjs";
-const knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
-const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : NaN;
-const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
-  const knobsPositions = [];
-  values.forEach((value, index) => {
-    knobsPositions[index] = scaledValueToKnobsPositionValue(
-      value,
-      minPointValue,
-      inverseStepValue
-    );
-  });
-  return knobsPositions;
-};
-const knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) => {
-  const knobsValues = [];
-  knobPositions.forEach((value, index) => {
-    knobsValues[index] = knobsPositionToScaledValue(
-      value,
-      minPointValue,
-      stepValue
-    );
-  });
-  return knobsValues;
-};
-const calculateStepValue = (maxPointValue, minPointValue, divisionQuantity) => Math.abs(maxPointValue - minPointValue) / divisionQuantity;
-const createMark = (markProperties, markstep, divisionQuantity, minPointValue, stepValue, markDigits, disabled, formatMark = (mark) => mark) => {
-  const marks = {};
-  if (markProperties.length > 0) {
-    markProperties.forEach((markProperty) => {
-      if (typeof markProperty.position === "number") {
-        marks[markProperty.position] = disabled ? {
-          label: `${markProperty.label}`,
-          style: {
-            ...sliderStyles.disabledMark
-          }
-        } : {
-          label: `${markProperty.label}`,
-          style: {
-            ...sliderStyles.mark
-          }
-        };
-      }
-    });
-  } else {
-    const roundedMarkStep = Math.floor(markstep);
-    for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {
-      let labelValue = knobsPositionToScaledValue(
-        index,
-        minPointValue,
-        stepValue
-      ).toFixed(markDigits);
-      labelValue = formatMark?.(labelValue) || labelValue;
-      marks[index] = disabled ? {
-        label: `${labelValue}`,
-        style: {
-          ...sliderStyles.disabledMark
-        }
-      } : {
-        label: `${labelValue}`,
-        style: {
-          ...sliderStyles.mark
-        }
-      };
-    }
-  }
-  return marks;
-};
-const createTrackStyles = (knobProperties) => {
-  const trackStyles = [];
-  if (knobProperties.length > 0) {
-    knobProperties.forEach((knobProperty, index) => {
-      trackStyles[index] = { ...sliderStyles.track };
-      if (knobProperty.color) {
-        trackStyles[index].backgroundColor = knobProperty.trackColor;
-      }
-    });
-  }
-  return trackStyles;
-};
-const createKnobStyles = (knobProperties) => {
-  const knobInner = [];
-  const knobOuterStyle = [];
-  const lastItem = knobProperties.length - 1;
-  if (knobProperties.length > 0) {
-    knobProperties.forEach((knobProperty, index) => {
-      knobInner[index] = { ...sliderStyles.knobInner };
-      knobOuterStyle[index] = { ...sliderStyles.knobOuter };
-      if (knobProperty.color) {
-        knobInner[index].backgroundColor = knobProperty.color;
-        knobOuterStyle[index].backgroundColor = "transparent";
-      }
-      if (knobProperty.hidden) {
-        knobInner[index] = sliderStyles.knobHidden;
-        if (index === lastItem) {
-          knobInner[index] = { ...sliderStyles.knobHiddenLast };
-          knobInner[index].backgroundColor = knobProperty.color;
-          knobOuterStyle[index] = { ...sliderStyles.knobHidden };
-          knobOuterStyle[index].backgroundColor = knobProperty.color;
-        }
-      }
-    });
-  }
-  return {
-    knobInner,
-    knobOuterStyle
-  };
-};
-const isSingleSlider = (values, defaultValues) => {
-  if (!(values?.length > 1)) {
-    return defaultValues.length === 1;
-  }
-  return values.length === 1;
-};
-const generateDefaultKnobProperties = (numberOfKnobs = 1, disabled = false, knobPropertiesProp) => {
-  let knobProperties = knobPropertiesProp || [];
-  const defaultKnobStyles = {
-    color: theme.colors.secondary,
-    hoverColor: theme.colors.secondary,
-    trackColor: theme.colors.secondary,
-    dragColor: theme.colors.secondary,
-    knobRingColor: theme.colors.atmo1
-  };
-  const disabledKnobStyles = {
-    color: theme.colors.secondary_60,
-    hoverColor: theme.colors.secondary_60,
-    trackColor: theme.colors.secondary_60,
-    dragColor: theme.colors.secondary_60,
-    knobRingColor: theme.colors.secondary_60
-  };
-  if (knobProperties.length > 0) {
-    knobProperties = knobProperties.slice(0, numberOfKnobs);
-    knobProperties = knobProperties.map((knobProperty) => {
-      if (!disabled) {
-        return {
-          ...disabledKnobStyles,
-          ...knobProperty
-        };
-      }
-      return {
-        ...defaultKnobStyles,
-        ...knobProperty
-      };
-    });
-  } else {
-    for (let i = 0; i < numberOfKnobs; i += 1) {
-      if (!disabled)
-        knobProperties.push(defaultKnobStyles);
-      if (disabled)
-        knobProperties.push(disabledKnobStyles);
-    }
-  }
-  return knobProperties;
-};
-const pushSlider = (index, inputIndex, inputValue) => {
-  const difference = index - inputIndex;
-  return inputValue + difference;
-};
-const ensureValuesConsistency = (knobPositions, inputIndex) => {
-  const newKnobsPosition = [...knobPositions];
-  newKnobsPosition.forEach((value, index) => {
-    if (Number.isNaN(value) || value == null) {
-      newKnobsPosition[index] = pushSlider(
-        index,
-        inputIndex,
-        newKnobsPosition[inputIndex]
-      );
-    } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {
-      newKnobsPosition[index] = pushSlider(
-        index,
-        inputIndex,
-        newKnobsPosition[inputIndex]
-      );
-    } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {
-      newKnobsPosition[index] = pushSlider(
-        index,
-        inputIndex,
-        newKnobsPosition[inputIndex]
-      );
-    }
-  });
-  return newKnobsPosition;
-};
-const convertStatusToArray = (length, status) => {
-  const result = {
-    arrayDefaultStatus: Array.from({ length }, () => validationState.standBy)
-  };
-  if (status == null) {
-    return result;
-  }
-  if (!Array.isArray(status)) {
-    result.arrayStatus = Array.from({ length }, () => status);
-    return result;
-  }
-  result.arrayStatus = status;
-  return result;
-};
-const statusArrayToFormStatus = (arrayStatus) => {
-  const invalid = arrayStatus.some(
-    (status) => status === validationState.invalid
-  );
-  if (invalid)
-    return validationState.invalid;
-  const valid = arrayStatus.some((status) => status === validationState.valid);
-  if (valid)
-    return validationState.valid;
-  return validationState.standBy;
-};
-const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map(
-  (knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits)
-);
-const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => parseFloat(inputValue));
-export {
-  calculateStepValue,
-  convertStatusToArray,
-  createKnobStyles,
-  createMark,
-  createTrackStyles,
-  ensureValuesConsistency,
-  generateDefaultKnobProperties,
-  isSingleSlider,
-  knobsPositionToScaledValue,
-  knobsPositionsToKnobsValues,
-  knobsValuesToKnobsPositions,
-  knobsValuesToString,
-  scaledValueToKnobsPositionValue,
-  statusArrayToFormStatus,
-  stringValuesToKnobs
-};
-//# sourceMappingURL=utils.mjs.map

package/dist/esm/Slider/utils.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.mjs","sources":["../../../src/Slider/utils.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport validationStates from \"../Forms/FormElement/validationStates\";\nimport { HvFormStatus } from \"../Forms\";\n\nimport { HvKnobProperty, HvMarkProperty } from \"./types\";\nimport { sliderStyles as styles } from \"./Slider.styles\";\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} sliderValue - he value of the slider to be scaled\n * @param {*} minPointVlue - The value of the first point in the slider from left to right.\n * @param {*} stepVlue - The calculated separation between the values of the slider.\n */\nexport const knobsPositionToScaledValue = (\n  sliderValue: number,\n  minPointValue: number,\n  stepValue: number\n): number => minPointValue + stepValue * sliderValue;\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} scaledValue - The value of the slider to be scaled\n * @param {*} minPointValue - The value of the first point in\n * the slider from left to right.\n * @param {*} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n */\nexport const scaledValueToKnobsPositionValue = (\n  scaledValue: number | undefined,\n  minPointValue: number,\n  inverseStepValue: number\n): number =>\n  typeof scaledValue === \"number\"\n    ? Math.floor((scaledValue - minPointValue) * inverseStepValue)\n    : NaN;\n\n/**\n * Transform the received knobs values into knob positions\n *\n * @param {Object} values - The values of the slider.\n * @param {Number} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsValuesToKnobsPositions = (\n  values: (number | undefined)[],\n  inverseStepValue: number,\n  minPointValue: number\n): number[] => {\n  const knobsPositions: number[] = [];\n\n  values.forEach((value, index) => {\n    knobsPositions[index] = scaledValueToKnobsPositionValue(\n      value,\n      minPointValue,\n      inverseStepValue\n    );\n  });\n\n  return knobsPositions;\n};\n\n/**\n * Transform the received knobs positions into knob values\n *\n * @param {Object} knobPositions - The values of the slider.\n * @param {Number} stepValue - The calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsPositionsToKnobsValues = (\n  knobPositions: number[],\n  stepValue: number,\n  minPointValue: number\n): number[] => {\n  const knobsValues: number[] = [];\n\n  knobPositions.forEach((value, index) => {\n    knobsValues[index] = knobsPositionToScaledValue(\n      value,\n      minPointValue,\n      stepValue\n    );\n  });\n\n  return knobsValues;\n};\n\n/**\n * Calculates the separation between each value in the slider.\n *\n * @param {*} maxPointValue - The value of the last point in the slider from left to right.\n * @param {*} minPointValue - The value of the first point in the slider from left to right.\n * @param {*} divisionQuantity - How many subdivisions there are in the slider.\n */\nexport const calculateStepValue = (\n  maxPointValue: number,\n  minPointValue: number,\n  divisionQuantity: number\n): number => Math.abs(maxPointValue - minPointValue) / divisionQuantity;\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} markProperties - The object provided by the user with\n * the desired configuration for the marks.\n * @param {Integer} markstep - The separation between marks.\n * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @param {Integer} stepValue - The calculated separation between the values of the slider.\n * @param {Integer} markDigits - How many decimals the mark will show.\n * @param {Function} formatMark - A function provided by the user that is going to\n * be executed to format the mark text.\n * @param {Object} styles - the default styles for the marks.\n * @returns {Object} - An object with the for the marks.\n * @memberof HvSlider\n */\nexport const createMark = (\n  markProperties: HvMarkProperty[],\n  markstep: number,\n  divisionQuantity: number,\n  minPointValue: number,\n  stepValue: number,\n  markDigits: number,\n  disabled: boolean,\n  formatMark: (label: React.ReactNode) => React.ReactNode = (mark) => mark\n): {\n  [key: number]: {\n    label: string;\n    style: CSSProperties;\n  };\n} => {\n  const marks: {\n    [key: number]: {\n      label: string;\n      style: CSSProperties;\n    };\n  } = {};\n\n  if (markProperties.length > 0) {\n    markProperties.forEach((markProperty) => {\n      if (typeof markProperty.position === \"number\") {\n        marks[markProperty.position] = disabled\n          ? {\n              label: `${markProperty.label}`,\n              style: {\n                ...styles.disabledMark,\n              },\n            }\n          : {\n              label: `${markProperty.label}`,\n              style: {\n                ...styles.mark,\n              },\n            };\n      }\n    });\n  } else {\n    const roundedMarkStep = Math.floor(markstep);\n\n    for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {\n      let labelValue: React.ReactNode = knobsPositionToScaledValue(\n        index,\n        minPointValue,\n        stepValue\n      ).toFixed(markDigits);\n\n      labelValue = formatMark?.(labelValue) || labelValue;\n\n      marks[index] = disabled\n        ? {\n            label: `${labelValue}`,\n            style: {\n              ...styles.disabledMark,\n            },\n          }\n        : {\n            label: `${labelValue}`,\n            style: {\n              ...styles.mark,\n            },\n          };\n    }\n  }\n\n  return marks;\n};\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the tracks.\n * @returns {Object} - An object with the style for each track.\n * @memberof HvSlider\n */\nexport const createTrackStyles = (\n  knobProperties: HvKnobProperty[]\n): CSSProperties[] => {\n  const trackStyles: CSSProperties[] = [];\n\n  if (knobProperties.length > 0) {\n    knobProperties.forEach((knobProperty, index) => {\n      trackStyles[index] = { ...styles.track };\n      if (knobProperty.color) {\n        trackStyles[index].backgroundColor = knobProperty.trackColor;\n      }\n    });\n  }\n\n  return trackStyles;\n};\n\n/**\n * Generates the inline styles used for each knob, applying colors if specified.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the knobs.\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const createKnobStyles = (\n  knobProperties: HvKnobProperty[]\n): {\n  knobInner: CSSProperties[];\n  knobOuterStyle: CSSProperties[];\n} => {\n  const knobInner: CSSProperties[] = [];\n  const knobOuterStyle: CSSProperties[] = [];\n\n  const lastItem = knobProperties.length - 1;\n  if (knobProperties.length > 0) {\n    knobProperties.forEach((knobProperty, index) => {\n      knobInner[index] = { ...styles.knobInner };\n      knobOuterStyle[index] = { ...styles.knobOuter };\n\n      if (knobProperty.color) {\n        knobInner[index].backgroundColor = knobProperty.color;\n        knobOuterStyle[index].backgroundColor = \"transparent\";\n      }\n\n      if (knobProperty.hidden) {\n        knobInner[index] = styles.knobHidden;\n        if (index === lastItem) {\n          knobInner[index] = { ...styles.knobHiddenLast };\n          knobInner[index].backgroundColor = knobProperty.color;\n          knobOuterStyle[index] = { ...styles.knobHidden };\n          knobOuterStyle[index].backgroundColor = knobProperty.color;\n        }\n      }\n    });\n  }\n\n  return {\n    knobInner,\n    knobOuterStyle,\n  };\n};\n\n/**\n * Analyzes both the values and the default values to determine whether the slider is working in single mode.\n *\n * @param {Array} values - the values where the knobs are positioned when controlled.\n * @param {Array} defaultValues - the values where the knobs start when uncontrolled.\n * @returns {Boolean} - if true the slider should work as single slider\n */\nexport const isSingleSlider = (\n  values: number[],\n  defaultValues: (number | undefined)[]\n): boolean => {\n  if (!(values?.length > 1)) {\n    return defaultValues.length === 1;\n  }\n  return values.length === 1;\n};\n\n/**\n * Generates the default knob styles for each knob\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Integer} numberOfKnobs - the default styles for the knobs.\n * @param {Object} theme - The theme to extract the colors.\n *\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const generateDefaultKnobProperties = (\n  numberOfKnobs: number = 1,\n  disabled: boolean = false,\n  knobPropertiesProp?: HvKnobProperty[]\n): HvKnobProperty[] => {\n  let knobProperties = knobPropertiesProp || [];\n\n  const defaultKnobStyles = {\n    color: theme.colors.secondary,\n    hoverColor: theme.colors.secondary,\n    trackColor: theme.colors.secondary,\n    dragColor: theme.colors.secondary,\n    knobRingColor: theme.colors.atmo1,\n  };\n\n  const disabledKnobStyles = {\n    color: theme.colors.secondary_60,\n    hoverColor: theme.colors.secondary_60,\n    trackColor: theme.colors.secondary_60,\n    dragColor: theme.colors.secondary_60,\n    knobRingColor: theme.colors.secondary_60,\n  };\n\n  if (knobProperties.length > 0) {\n    knobProperties = knobProperties.slice(0, numberOfKnobs);\n    knobProperties = knobProperties.map((knobProperty) => {\n      if (!disabled) {\n        return {\n          ...disabledKnobStyles,\n          ...knobProperty,\n        };\n      }\n      return {\n        ...defaultKnobStyles,\n        ...knobProperty,\n      };\n    });\n  } else {\n    for (let i = 0; i < numberOfKnobs; i += 1) {\n      if (!disabled) knobProperties.push(defaultKnobStyles);\n      if (disabled) knobProperties.push(disabledKnobStyles);\n    }\n  }\n\n  return knobProperties;\n};\n\nconst pushSlider = (\n  index: number,\n  inputIndex: number,\n  inputValue: number\n): number => {\n  const difference = index - inputIndex;\n\n  return inputValue + difference;\n};\n\nexport const ensureValuesConsistency = (\n  knobPositions: number[],\n  inputIndex: number\n): number[] => {\n  const newKnobsPosition: number[] = [...knobPositions];\n\n  newKnobsPosition.forEach((value, index) => {\n    if (Number.isNaN(value) || value == null) {\n      newKnobsPosition[index] = pushSlider(\n        index,\n        inputIndex,\n        newKnobsPosition[inputIndex]\n      );\n    } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {\n      newKnobsPosition[index] = pushSlider(\n        index,\n        inputIndex,\n        newKnobsPosition[inputIndex]\n      );\n    } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {\n      newKnobsPosition[index] = pushSlider(\n        index,\n        inputIndex,\n        newKnobsPosition[inputIndex]\n      );\n    }\n  });\n\n  return newKnobsPosition;\n};\n\nexport const convertStatusToArray = (\n  length: number,\n  status?: HvFormStatus | HvFormStatus[]\n): {\n  arrayStatus?: HvFormStatus[];\n  arrayDefaultStatus: (keyof typeof validationStates)[];\n} => {\n  const result: {\n    arrayStatus?: HvFormStatus[];\n    arrayDefaultStatus: (keyof typeof validationStates)[];\n  } = {\n    arrayDefaultStatus: Array.from({ length }, () => validationStates.standBy),\n  };\n\n  if (status == null) {\n    return result;\n  }\n  if (!Array.isArray(status)) {\n    result.arrayStatus = Array.from({ length }, () => status);\n    return result;\n  }\n  result.arrayStatus = status;\n\n  return result;\n};\n\nexport const statusArrayToFormStatus = (\n  arrayStatus: HvFormStatus[]\n): keyof typeof validationStates => {\n  const invalid = arrayStatus.some(\n    (status) => status === validationStates.invalid\n  );\n\n  if (invalid) return validationStates.invalid;\n\n  const valid = arrayStatus.some((status) => status === validationStates.valid);\n\n  if (valid) return validationStates.valid;\n\n  return validationStates.standBy;\n};\n\nexport const knobsValuesToString = (\n  knobsValues: number[],\n  markDigits: number\n): string[] =>\n  knobsValues.map((knobValue) =>\n    Number.isNaN(knobValue) ? \"\" : knobValue.toFixed(markDigits)\n  );\n\nexport const stringValuesToKnobs = (inputsValues: string[]): number[] =>\n  inputsValues.map((inputValue) => parseFloat(inputValue));\n"],"names":["styles","validationStates"],"mappings":"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"}

package/dist/esm/Snackbar/Snackbar.mjs

@@ -1,89 +0,0 @@
-import { jsx } from "@emotion/react/jsx-runtime";
-import Slide from "@mui/material/Slide";
-import Snackbar from "@mui/material/Snackbar";
-import capitalize from "lodash/capitalize";
-import { setId } from "../utils/setId.mjs";
-import { useClasses } from "./Snackbar.styles.mjs";
-import { staticClasses } from "./Snackbar.styles.mjs";
-import { HvSnackbarContent } from "./SnackbarContent/SnackbarContent.mjs";
-const TransLeft = (props) => /* @__PURE__ */ jsx(Slide, { ...props, direction: "left" });
-const TransRight = (props) => /* @__PURE__ */ jsx(Slide, { ...props, direction: "right" });
-const TransUp = (props) => /* @__PURE__ */ jsx(Slide, { ...props, direction: "up" });
-const TransDown = (props) => /* @__PURE__ */ jsx(Slide, { ...props, direction: "down" });
-const snackBarDirComponent = (direction) => {
-  switch (direction) {
-    case "right":
-      return TransRight;
-    case "up":
-      return TransUp;
-    case "down":
-      return TransDown;
-    case "left":
-    default:
-      return TransLeft;
-  }
-};
-const HvSnackbar = ({
-  classes: classesProp,
-  className,
-  id,
-  open = false,
-  onClose,
-  label = "",
-  anchorOrigin = { vertical: "top", horizontal: "right" },
-  autoHideDuration = 5e3,
-  variant = "default",
-  showIcon = false,
-  customIcon = null,
-  action = null,
-  actionCallback,
-  transitionDuration = 300,
-  transitionDirection = "left",
-  offset = 60,
-  snackbarContentProps,
-  ...others
-}) => {
-  const { classes } = useClasses(classesProp);
-  const anchorOriginOffset = {
-    anchorOriginTop: {
-      top: `${offset}px`
-    },
-    anchorOriginBottom: {
-      bottom: `${offset}px`
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Snackbar,
-    {
-      style: anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`],
-      classes,
-      className,
-      id,
-      anchorOrigin,
-      open,
-      onClose,
-      autoHideDuration,
-      transitionDuration,
-      TransitionComponent: snackBarDirComponent(transitionDirection),
-      ...others,
-      children: /* @__PURE__ */ jsx(
-        HvSnackbarContent,
-        {
-          id: setId(id, "content"),
-          label,
-          variant,
-          customIcon,
-          showIcon,
-          action,
-          actionCallback,
-          ...snackbarContentProps
-        }
-      )
-    }
-  );
-};
-export {
-  HvSnackbar,
-  staticClasses as snackbarClasses
-};
-//# sourceMappingURL=Snackbar.mjs.map

package/dist/esm/Snackbar/Snackbar.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.mjs","sources":["../../../src/Snackbar/Snackbar.tsx"],"sourcesContent":["import { SyntheticEvent } from \"react\";\nimport Slide from \"@mui/material/Slide\";\nimport MuiSnackbar, {\n  SnackbarCloseReason,\n  SnackbarOrigin,\n  SnackbarProps as MuiSnackbarProps,\n} from \"@mui/material/Snackbar\";\n\nimport capitalize from \"lodash/capitalize\";\n\nimport { ExtractNames } from \"../utils/classes\";\nimport { setId } from \"../utils/setId\";\nimport { HvActionGeneric } from \"../ActionsGeneric\";\n\nimport { HvSnackbarContentProps, HvSnackbarContent } from \"./SnackbarContent\";\nimport { staticClasses, useClasses } from \"./Snackbar.styles\";\nimport { HvSnackbarVariant } from \"./types\";\n\nexport { staticClasses as snackbarClasses };\n\nexport type HvSnackbarClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProps\n  extends Omit<MuiSnackbarProps, \"action\" | \"classes\" | \"children\"> {\n  /** If true, Snackbar is open. */\n  open?: boolean;\n  /** Callback fired when the component requests to be closed. Typically onClose is used to set state in the parent component, which is used to control the Snackbar open prop. The reason parameter can optionally be used to control the response to onClose, for example ignoring clickaway. */\n  onClose?:\n    | ((\n        event: Event | SyntheticEvent<any, Event>,\n        reason: SnackbarCloseReason\n      ) => void)\n    | undefined;\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** The anchor of the Snackbar. vertical: \"top\", \"bottom\" | horizontal: \"left\",\"center\",\"right. It defines where the snackbar will end his animation */\n  anchorOrigin?: SnackbarOrigin;\n  /** The number of milliseconds to wait before automatically calling the onClose function. onClose should then set the state of the open prop to hide the Snackbar */\n  autoHideDuration?: number;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** Duration of transition in milliseconds. */\n  transitionDuration?: number;\n  /** Direction of slide transition. */\n  transitionDirection?: \"up\" | \"down\" | \"left\" | \"right\";\n  /** Custom offset from top/bottom of the page, in px. */\n  offset?: number;\n  /** Others applied to the content of the snackbar. */\n  snackbarContentProps?: HvSnackbarContentProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarClasses;\n  /** @ignore */\n  ref?: MuiSnackbarProps[\"ref\"];\n}\n\nconst TransLeft = (props: any) => <Slide {...props} direction=\"left\" />;\nconst TransRight = (props: any) => <Slide {...props} direction=\"right\" />;\nconst TransUp = (props: any) => <Slide {...props} direction=\"up\" />;\nconst TransDown = (props: any) => <Slide {...props} direction=\"down\" />;\n\nconst snackBarDirComponent = (direction: string) => {\n  switch (direction) {\n    case \"right\":\n      return TransRight;\n    case \"up\":\n      return TransUp;\n    case \"down\":\n      return TransDown;\n    case \"left\":\n    default:\n      return TransLeft;\n  }\n};\n\n/**\n * A Snackbar provides brief messages about app processes.\n * It is dismissed automatically after a given interval.\n *\n * Snackbar can be built with two different components.\n * One is the HvSnackbar, which wraps all the positioning, transition, auto hide, etc.\n * The other is the HvSnackbarContent, which allows a finer control and customization of the content of the Snackbar.\n */\nexport const HvSnackbar = ({\n  classes: classesProp,\n  className,\n  id,\n  open = false,\n  onClose,\n  label = \"\",\n  anchorOrigin = { vertical: \"top\", horizontal: \"right\" },\n  autoHideDuration = 5000,\n  variant = \"default\",\n  showIcon = false,\n  customIcon = null,\n  action = null,\n  actionCallback,\n  transitionDuration = 300,\n  transitionDirection = \"left\",\n  offset = 60,\n  snackbarContentProps,\n  ...others\n}: HvSnackbarProps) => {\n  const { classes } = useClasses(classesProp);\n\n  const anchorOriginOffset = {\n    anchorOriginTop: {\n      top: `${offset}px`,\n    },\n    anchorOriginBottom: {\n      bottom: `${offset}px`,\n    },\n  };\n\n  return (\n    <MuiSnackbar\n      style={\n        anchorOriginOffset[`anchorOrigin${capitalize(anchorOrigin.vertical)}`]\n      }\n      classes={classes}\n      className={className}\n      id={id}\n      anchorOrigin={anchorOrigin}\n      open={open}\n      onClose={onClose}\n      autoHideDuration={autoHideDuration}\n      transitionDuration={transitionDuration}\n      TransitionComponent={snackBarDirComponent(transitionDirection)}\n      {...others}\n    >\n      <HvSnackbarContent\n        id={setId(id, \"content\")}\n        label={label}\n        variant={variant}\n        customIcon={customIcon}\n        showIcon={showIcon}\n        action={action}\n        actionCallback={actionCallback}\n        {...snackbarContentProps}\n      />\n    </MuiSnackbar>\n  );\n};\n"],"names":["MuiSnackbar"],"mappings":";;;;;;;;AAmEA,MAAM,YAAY,CAAC,UAAe,oBAAC,SAAO,GAAG,OAAO,WAAU,OAAO,CAAA;AACrE,MAAM,aAAa,CAAC,UAAe,oBAAC,SAAO,GAAG,OAAO,WAAU,QAAQ,CAAA;AACvE,MAAM,UAAU,CAAC,UAAe,oBAAC,SAAO,GAAG,OAAO,WAAU,KAAK,CAAA;AACjE,MAAM,YAAY,CAAC,UAAe,oBAAC,SAAO,GAAG,OAAO,WAAU,OAAO,CAAA;AAErE,MAAM,uBAAuB,CAAC,cAAsB;AAClD,UAAQ,WAAW;AAAA,IACjB,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EACX;AACF;AAUO,MAAM,aAAa,CAAC;AAAA,EACzB,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,eAAe,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,EACtD,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT;AAAA,EACA,qBAAqB;AAAA,EACrB,sBAAsB;AAAA,EACtB,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,EAAE,QAAA,IAAY,WAAW,WAAW;AAE1C,QAAM,qBAAqB;AAAA,IACzB,iBAAiB;AAAA,MACf,KAAK,GAAG,MAAM;AAAA,IAChB;AAAA,IACA,oBAAoB;AAAA,MAClB,QAAQ,GAAG,MAAM;AAAA,IACnB;AAAA,EAAA;AAIA,SAAA;AAAA,IAACA;AAAAA,IAAA;AAAA,MACC,OACE,mBAAmB,eAAe,WAAW,aAAa,QAAQ,CAAC,EAAE;AAAA,MAEvE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,qBAAqB,qBAAqB,mBAAmB;AAAA,MAC5D,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,MAAM,IAAI,SAAS;AAAA,UACvB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MACN;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/Snackbar/Snackbar.styles.mjs

@@ -1,45 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { snackbarClasses } from "@mui/material/Snackbar";
-import { createClasses } from "../utils/classes.mjs";
-const { useClasses, staticClasses } = createClasses("HvSnackbar", {
-  root: {},
-  anchorOriginTopRight: {
-    [`&.${snackbarClasses.anchorOriginTopRight}`]: {
-      top: theme.space.xs,
-      right: theme.space.xs
-    }
-  },
-  anchorOriginTopLeft: {
-    [`&.${snackbarClasses.anchorOriginTopLeft}`]: {
-      top: theme.space.xs,
-      left: theme.space.xs
-    }
-  },
-  anchorOriginTopCenter: {
-    [`&.${snackbarClasses.anchorOriginTopCenter}`]: {
-      top: theme.space.xs
-    }
-  },
-  anchorOriginBottomCenter: {
-    [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {
-      bottom: theme.space.xs
-    }
-  },
-  anchorOriginBottomLeft: {
-    [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {
-      bottom: theme.space.xs,
-      left: theme.space.xs
-    }
-  },
-  anchorOriginBottomRight: {
-    [`&.${snackbarClasses.anchorOriginBottomRight}`]: {
-      bottom: theme.space.xs,
-      right: theme.space.xs
-    }
-  }
-});
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=Snackbar.styles.mjs.map

package/dist/esm/Snackbar/Snackbar.styles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Snackbar.styles.mjs","sources":["../../../src/Snackbar/Snackbar.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { snackbarClasses } from \"@mui/material/Snackbar\";\n\nimport { createClasses } from \"../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\"HvSnackbar\", {\n  root: {},\n  anchorOriginTopRight: {\n    [`&.${snackbarClasses.anchorOriginTopRight}`]: {\n      top: theme.space.xs,\n      right: theme.space.xs,\n    },\n  },\n  anchorOriginTopLeft: {\n    [`&.${snackbarClasses.anchorOriginTopLeft}`]: {\n      top: theme.space.xs,\n      left: theme.space.xs,\n    },\n  },\n  anchorOriginTopCenter: {\n    [`&.${snackbarClasses.anchorOriginTopCenter}`]: {\n      top: theme.space.xs,\n    },\n  },\n  anchorOriginBottomCenter: {\n    [`&.${snackbarClasses.anchorOriginBottomCenter}`]: {\n      bottom: theme.space.xs,\n    },\n  },\n  anchorOriginBottomLeft: {\n    [`&.${snackbarClasses.anchorOriginBottomLeft}`]: {\n      bottom: theme.space.xs,\n      left: theme.space.xs,\n    },\n  },\n  anchorOriginBottomRight: {\n    [`&.${snackbarClasses.anchorOriginBottomRight}`]: {\n      bottom: theme.space.xs,\n      right: theme.space.xs,\n    },\n  },\n});\n"],"names":[],"mappings":";;;AAMO,MAAM,EAAE,YAAY,kBAAkB,cAAc,cAAc;AAAA,EACvE,MAAM,CAAC;AAAA,EACP,sBAAsB;AAAA,IACpB,CAAC,KAAK,gBAAgB,oBAAoB,EAAE,GAAG;AAAA,MAC7C,KAAK,MAAM,MAAM;AAAA,MACjB,OAAO,MAAM,MAAM;AAAA,IACrB;AAAA,EACF;AAAA,EACA,qBAAqB;AAAA,IACnB,CAAC,KAAK,gBAAgB,mBAAmB,EAAE,GAAG;AAAA,MAC5C,KAAK,MAAM,MAAM;AAAA,MACjB,MAAM,MAAM,MAAM;AAAA,IACpB;AAAA,EACF;AAAA,EACA,uBAAuB;AAAA,IACrB,CAAC,KAAK,gBAAgB,qBAAqB,EAAE,GAAG;AAAA,MAC9C,KAAK,MAAM,MAAM;AAAA,IACnB;AAAA,EACF;AAAA,EACA,0BAA0B;AAAA,IACxB,CAAC,KAAK,gBAAgB,wBAAwB,EAAE,GAAG;AAAA,MACjD,QAAQ,MAAM,MAAM;AAAA,IACtB;AAAA,EACF;AAAA,EACA,wBAAwB;AAAA,IACtB,CAAC,KAAK,gBAAgB,sBAAsB,EAAE,GAAG;AAAA,MAC/C,QAAQ,MAAM,MAAM;AAAA,MACpB,MAAM,MAAM,MAAM;AAAA,IACpB;AAAA,EACF;AAAA,EACA,yBAAyB;AAAA,IACvB,CAAC,KAAK,gBAAgB,uBAAuB,EAAE,GAAG;AAAA,MAChD,QAAQ,MAAM,MAAM;AAAA,MACpB,OAAO,MAAM,MAAM;AAAA,IACrB;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/Snackbar/SnackbarContent/SnackbarContent.mjs

@@ -1,59 +0,0 @@
-import { jsx, jsxs } from "@emotion/react/jsx-runtime";
-import { forwardRef, isValidElement } from "react";
-import SnackbarContent from "@mui/material/SnackbarContent";
-import { setId } from "../../utils/setId.mjs";
-import { iconVariant } from "../../utils/iconVariant.mjs";
-import { useTheme } from "../../hooks/useTheme.mjs";
-import { useDefaultProps } from "../../hooks/useDefaultProps.mjs";
-import { useClasses } from "./SnackbarContent.styles.mjs";
-import { staticClasses } from "./SnackbarContent.styles.mjs";
-import { HvActionsGeneric } from "../../ActionsGeneric/ActionsGeneric.mjs";
-const HvSnackbarContent = forwardRef((props, ref) => {
-  const {
-    className,
-    id,
-    classes: classesProp,
-    label,
-    variant = "default",
-    showIcon,
-    customIcon,
-    action,
-    actionCallback,
-    ...others
-  } = useDefaultProps("HvSnackbarContent", props);
-  const icon = customIcon || showIcon && iconVariant(variant, "base_dark");
-  const innerAction = isValidElement(action) ? action : [action];
-  const { classes, cx } = useClasses(classesProp);
-  const { activeTheme } = useTheme();
-  return /* @__PURE__ */ jsx(
-    SnackbarContent,
-    {
-      ref,
-      id,
-      classes: {
-        root: classes.root,
-        message: classes.message
-      },
-      className: cx(classes?.[variant], className),
-      message: /* @__PURE__ */ jsxs("div", { id: setId(id, "message"), className: classes.messageSpan, children: [
-        icon && /* @__PURE__ */ jsx("div", { className: classes.iconVariant, children: icon }),
-        /* @__PURE__ */ jsx("div", { className: classes.messageText, children: label }),
-        action && /* @__PURE__ */ jsx("div", { id: setId(id, "action"), className: classes.action, children: /* @__PURE__ */ jsx(
-          HvActionsGeneric,
-          {
-            id,
-            category: activeTheme?.snackbar.actionButtonVariant,
-            actions: innerAction,
-            actionsCallback: actionCallback
-          }
-        ) })
-      ] }),
-      ...others
-    }
-  );
-});
-export {
-  HvSnackbarContent,
-  staticClasses as snackbarContentClasses
-};
-//# sourceMappingURL=SnackbarContent.mjs.map

package/dist/esm/Snackbar/SnackbarContent/SnackbarContent.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarContent.mjs","sources":["../../../../src/Snackbar/SnackbarContent/SnackbarContent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from \"react\";\n\nimport SnackbarContent, {\n  SnackbarContentProps as MuiSnackbarContentProps,\n} from \"@mui/material/SnackbarContent\";\n\nimport { ExtractNames } from \"../../utils/classes\";\nimport { setId } from \"../../utils/setId\";\nimport { iconVariant } from \"../../utils/iconVariant\";\nimport { HvActionsGeneric, HvActionGeneric } from \"../../ActionsGeneric\";\nimport { HvButtonVariant } from \"../../Button\";\nimport { useTheme } from \"../../hooks/useTheme\";\n\nimport { useDefaultProps } from \"../../hooks/useDefaultProps\";\n\nimport { staticClasses, useClasses } from \"./SnackbarContent.styles\";\nimport { HvSnackbarVariant } from \"../types\";\n\nexport { staticClasses as snackbarContentClasses };\n\nexport type HvSnackbarContentClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarContentProps\n  extends Omit<MuiSnackbarContentProps, \"variant\" | \"action\" | \"classes\"> {\n  /** The message to display. */\n  label?: React.ReactNode;\n  /** Variant of the snackbar. */\n  variant?: HvSnackbarVariant;\n  /** Controls if the associated icon to the variant should be shown. */\n  showIcon?: boolean;\n  /** Custom icon to replace the variant default. */\n  customIcon?: React.ReactNode;\n  /** Action to display. */\n  action?: React.ReactNode | HvActionGeneric;\n  /** The callback function ran when an action is triggered, receiving `action` as param */\n  actionCallback?: (\n    event: React.SyntheticEvent,\n    id: string,\n    action: HvActionGeneric\n  ) => void;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvSnackbarContentClasses;\n}\n\nexport const HvSnackbarContent = forwardRef<\n  HTMLDivElement,\n  HvSnackbarContentProps\n>((props: HvSnackbarContentProps, ref) => {\n  const {\n    className,\n    id,\n    classes: classesProp,\n    label,\n    variant = \"default\",\n    showIcon,\n    customIcon,\n    action,\n    actionCallback,\n    ...others\n  } = useDefaultProps(\"HvSnackbarContent\", props);\n\n  const icon = customIcon || (showIcon && iconVariant(variant, \"base_dark\"));\n  const innerAction: any = isValidElement(action) ? action : [action];\n\n  const { classes, cx } = useClasses(classesProp);\n  const { activeTheme } = useTheme();\n\n  return (\n    <SnackbarContent\n      ref={ref}\n      id={id}\n      classes={{\n        root: classes.root,\n        message: classes.message,\n      }}\n      className={cx(classes?.[variant], className)}\n      message={\n        <div id={setId(id, \"message\")} className={classes.messageSpan}>\n          {icon && <div className={classes.iconVariant}>{icon}</div>}\n          <div className={classes.messageText}>{label}</div>\n          {action && (\n            <div id={setId(id, \"action\")} className={classes.action}>\n              <HvActionsGeneric\n                id={id}\n                category={\n                  activeTheme?.snackbar.actionButtonVariant as HvButtonVariant\n                }\n                actions={innerAction}\n                actionsCallback={actionCallback}\n              />\n            </div>\n          )}\n        </div>\n      }\n      {...others}\n    />\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;AA4CO,MAAM,oBAAoB,WAG/B,CAAC,OAA+B,QAAQ;AAClC,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,qBAAqB,KAAK;AAE9C,QAAM,OAAO,cAAe,YAAY,YAAY,SAAS,WAAW;AACxE,QAAM,cAAmB,eAAe,MAAM,IAAI,SAAS,CAAC,MAAM;AAElE,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AACxC,QAAA,EAAE,gBAAgB;AAGtB,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,SAAS;AAAA,QACP,MAAM,QAAQ;AAAA,QACd,SAAS,QAAQ;AAAA,MACnB;AAAA,MACA,WAAW,GAAG,UAAU,OAAO,GAAG,SAAS;AAAA,MAC3C,SACG,qBAAA,OAAA,EAAI,IAAI,MAAM,IAAI,SAAS,GAAG,WAAW,QAAQ,aAC/C,UAAA;AAAA,QAAA,QAAS,oBAAA,OAAA,EAAI,WAAW,QAAQ,aAAc,UAAK,MAAA;AAAA,QACnD,oBAAA,OAAA,EAAI,WAAW,QAAQ,aAAc,UAAM,OAAA;AAAA,QAC3C,UACE,oBAAA,OAAA,EAAI,IAAI,MAAM,IAAI,QAAQ,GAAG,WAAW,QAAQ,QAC/C,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UACE,aAAa,SAAS;AAAA,YAExB,SAAS;AAAA,YACT,iBAAiB;AAAA,UAAA;AAAA,QAAA,GAErB;AAAA,MAAA,GAEJ;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;"}

package/dist/esm/Snackbar/SnackbarContent/SnackbarContent.styles.mjs

@@ -1,66 +0,0 @@
-import { theme } from "@hitachivantara/uikit-styles";
-import { createClasses } from "../../utils/classes.mjs";
-import { staticClasses as staticClasses$1 } from "../../ActionsGeneric/ActionsGeneric.styles.mjs";
-import "@emotion/react/jsx-runtime";
-import "react";
-import "@hitachivantara/uikit-react-icons";
-const { useClasses, staticClasses } = createClasses(
-  "HvSnackbar-Content",
-  {
-    root: {
-      width: "310px",
-      minHeight: "52px",
-      maxHeight: "92px",
-      padding: theme.space.xs,
-      boxShadow: "none"
-    },
-    success: {
-      backgroundColor: theme.colors.positive_20
-    },
-    error: {
-      backgroundColor: theme.colors.negative_20
-    },
-    default: {
-      backgroundColor: theme.colors.neutral_20
-    },
-    warning: {
-      backgroundColor: theme.colors.warning_20
-    },
-    message: {
-      padding: 0,
-      width: "100%"
-    },
-    messageSpan: {
-      display: "flex",
-      alignItems: "center",
-      minHeight: "32px"
-    },
-    messageText: {
-      paddingLeft: theme.space.xs,
-      color: theme.colors.base_dark,
-      fontFamily: theme.fontFamily.body,
-      maxHeight: "72px",
-      wordBreak: "break-word",
-      textWrap: "balance",
-      overflow: "hidden"
-    },
-    action: {
-      textAlign: "right",
-      paddingLeft: theme.space.xs,
-      marginLeft: "auto",
-      [`& .${staticClasses$1.button}`]: {
-        borderColor: theme.colors.base_dark,
-        color: theme.colors.base_dark,
-        "&:hover": {
-          borderColor: theme.colors.base_dark
-        }
-      }
-    },
-    iconVariant: {}
-  }
-);
-export {
-  staticClasses,
-  useClasses
-};
-//# sourceMappingURL=SnackbarContent.styles.mjs.map

package/dist/esm/Snackbar/SnackbarContent/SnackbarContent.styles.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"SnackbarContent.styles.mjs","sources":["../../../../src/Snackbar/SnackbarContent/SnackbarContent.styles.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\nimport { actionsGenericClasses } from \"../../ActionsGeneric\";\n\nexport const { useClasses, staticClasses } = createClasses(\n  \"HvSnackbar-Content\",\n  {\n    root: {\n      width: \"310px\",\n      minHeight: \"52px\",\n      maxHeight: \"92px\",\n      padding: theme.space.xs,\n      boxShadow: \"none\",\n    },\n    success: {\n      backgroundColor: theme.colors.positive_20,\n    },\n    error: {\n      backgroundColor: theme.colors.negative_20,\n    },\n    default: {\n      backgroundColor: theme.colors.neutral_20,\n    },\n    warning: {\n      backgroundColor: theme.colors.warning_20,\n    },\n    message: {\n      padding: 0,\n      width: \"100%\",\n    },\n    messageSpan: {\n      display: \"flex\",\n      alignItems: \"center\",\n      minHeight: \"32px\",\n    },\n    messageText: {\n      paddingLeft: theme.space.xs,\n      color: theme.colors.base_dark,\n      fontFamily: theme.fontFamily.body,\n      maxHeight: \"72px\",\n      wordBreak: \"break-word\",\n      textWrap: \"balance\",\n      overflow: \"hidden\",\n    },\n    action: {\n      textAlign: \"right\",\n      paddingLeft: theme.space.xs,\n      marginLeft: \"auto\",\n      [`& .${actionsGenericClasses.button}`]: {\n        borderColor: theme.colors.base_dark,\n        color: theme.colors.base_dark,\n        \"&:hover\": {\n          borderColor: theme.colors.base_dark,\n        },\n      },\n    },\n    iconVariant: {},\n  }\n);\n"],"names":["actionsGenericClasses"],"mappings":";;;;;;AAKa,MAAA,EAAE,YAAY,cAAA,IAAkB;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,WAAW;AAAA,MACX,SAAS,MAAM,MAAM;AAAA,MACrB,WAAW;AAAA,IACb;AAAA,IACA,SAAS;AAAA,MACP,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,OAAO;AAAA,MACL,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,MACP,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,MACP,iBAAiB,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,SAAS;AAAA,MACP,SAAS;AAAA,MACT,OAAO;AAAA,IACT;AAAA,IACA,aAAa;AAAA,MACX,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,WAAW;AAAA,IACb;AAAA,IACA,aAAa;AAAA,MACX,aAAa,MAAM,MAAM;AAAA,MACzB,OAAO,MAAM,OAAO;AAAA,MACpB,YAAY,MAAM,WAAW;AAAA,MAC7B,WAAW;AAAA,MACX,WAAW;AAAA,MACX,UAAU;AAAA,MACV,UAAU;AAAA,IACZ;AAAA,IACA,QAAQ;AAAA,MACN,WAAW;AAAA,MACX,aAAa,MAAM,MAAM;AAAA,MACzB,YAAY;AAAA,MACZ,CAAC,MAAMA,gBAAsB,MAAM,EAAE,GAAG;AAAA,QACtC,aAAa,MAAM,OAAO;AAAA,QAC1B,OAAO,MAAM,OAAO;AAAA,QACpB,WAAW;AAAA,UACT,aAAa,MAAM,OAAO;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAAA,IACA,aAAa,CAAC;AAAA,EAChB;AACF;"}