@hitachivantara/uikit-react-core 4.4.2 → 5.0.0-next.1

package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js

@@ -0,0 +1,186 @@
+import { StyledFormElement, StyledLabel, StyledGroupContainer } from "./CheckBoxGroup.styles.js";
+import clsx from "clsx";
+import { useRef, useMemo, Children, useCallback, cloneElement } from "react";
+import checkBoxGroupClasses from "./checkBoxGroupClasses.js";
+import { jsx, Fragment, jsxs } from "@emotion/react/jsx-runtime";
+import useUniqueId from "../../hooks/useUniqueId.js";
+import multiSelectionEventHandler from "../../utils/multiSelectionEventHandler.js";
+import { HvCheckBox } from "../CheckBox/CheckBox.js";
+import { useControlled } from "../../hooks/useControlled.js";
+import { setId } from "../../utils/setId.js";
+import { HvInfoMessage } from "../Forms/InfoMessage/InfoMessage.js";
+import { HvWarningText } from "../Forms/WarningText/WarningText.js";
+const computeSelectAllState = (selected, total) => {
+  if (selected === 0) {
+    return "none";
+  }
+  if (selected === total) {
+    return "all";
+  }
+  return "some";
+};
+const getValueFromSelectedChildren = (children) => {
+  const selectedValues = Children.toArray(children).map((child) => {
+    var _a, _b, _c, _d;
+    const childIsControlled = ((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.checked) !== void 0;
+    const childIsSelected = childIsControlled ? (_b = child == null ? void 0 : child.props) == null ? void 0 : _b.checked : (_c = child == null ? void 0 : child.props) == null ? void 0 : _c.defaultChecked;
+    return childIsSelected ? (_d = child == null ? void 0 : child.props) == null ? void 0 : _d.value : void 0;
+  }).filter((v) => v !== void 0);
+  return selectedValues;
+};
+const HvCheckBoxGroup = ({
+  id,
+  classes,
+  className,
+  children,
+  name,
+  label,
+  description,
+  status,
+  statusMessage,
+  defaultValue,
+  value: valueProp,
+  required = false,
+  readOnly = false,
+  disabled = false,
+  showSelectAll = false,
+  orientation = "vertical",
+  selectAllLabel = "All",
+  selectAllConjunctionLabel = "/",
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-errormessage": ariaErrorMessage,
+  onChange,
+  ...others
+}) => {
+  const [value, setValue] = useControlled(valueProp, defaultValue !== void 0 ? defaultValue : () => getValueFromSelectedChildren(children));
+  const [validationState, setValidationState] = useControlled(status, "standBy");
+  const [validationMessage] = useControlled(statusMessage, "Required");
+  const elementId = useUniqueId(id, "hvcheckboxgroup");
+  const selectionAnchor = useRef(void 0);
+  const [allValues, selectedState, selectedCount] = useMemo(() => {
+    const childValues = [];
+    const childSelectedState = [];
+    let childSelectedCounter = 0;
+    Children.toArray(children).forEach((child, i) => {
+      var _a;
+      const childValue = (_a = child == null ? void 0 : child.props) == null ? void 0 : _a.value;
+      const childIsSelected = value.indexOf(childValue) !== -1;
+      childValues[i] = childValue;
+      childSelectedState[i] = childIsSelected;
+      if (childIsSelected) {
+        childSelectedCounter += 1;
+      }
+    });
+    return [childValues, childSelectedState, childSelectedCounter];
+  }, [children, value]);
+  const selectAllState = computeSelectAllState(value.length, selectedState.length);
+  const onChildChangeInterceptor = useCallback((index, childOnChange, event, isChecked) => {
+    const newValue = multiSelectionEventHandler(event, index, selectionAnchor, allValues, selectedState, isChecked);
+    childOnChange == null ? void 0 : childOnChange(event, isChecked);
+    onChange == null ? void 0 : onChange(event, newValue);
+    setValue(() => {
+      if (required && newValue.length === 0) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+      return newValue;
+    });
+  }, [allValues, onChange, required, selectedState, setValidationState, setValue]);
+  const modifiedChildren = useMemo(() => {
+    return Children.map(children, (child, i) => {
+      var _a, _b, _c;
+      const childIsSelected = selectedState[i];
+      return cloneElement(child, {
+        checked: childIsSelected,
+        name: ((_a = child == null ? void 0 : child.props) == null ? void 0 : _a.name) || name,
+        onChange: (event, isChecked) => {
+          var _a2;
+          return onChildChangeInterceptor(i, (_a2 = child == null ? void 0 : child.props) == null ? void 0 : _a2.onChange, event, isChecked);
+        },
+        disabled: disabled || ((_b = child == null ? void 0 : child.props) == null ? void 0 : _b.disabled),
+        readOnly: readOnly || ((_c = child == null ? void 0 : child.props) == null ? void 0 : _c.readOnly)
+      });
+    });
+  }, [children, disabled, name, onChildChangeInterceptor, readOnly, selectedState]);
+  const handleSelectAll = (event, selectAllChecked) => {
+    let newValue;
+    if (selectAllChecked) {
+      newValue = [...allValues];
+    } else {
+      newValue = [];
+    }
+    onChange == null ? void 0 : onChange(event, newValue);
+    setValue(() => {
+      if (required && newValue.length === 0) {
+        setValidationState("invalid");
+      } else {
+        setValidationState("valid");
+      }
+      return newValue;
+    });
+  };
+  const selectAllLabelComponent = /* @__PURE__ */ jsx(Fragment, {
+    children: selectedCount === 0 ? /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx("b", {
+        children: selectAllLabel
+      }), ` (${Children.toArray(children).length})`]
+    }) : /* @__PURE__ */ jsxs(Fragment, {
+      children: [/* @__PURE__ */ jsx("b", {
+        children: selectedCount
+      }), ` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`]
+    })
+  });
+  const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
+  const errorMessageId = canShowError ? setId(elementId, "error") : ariaErrorMessage;
+  return /* @__PURE__ */ jsxs(StyledFormElement, {
+    id,
+    name,
+    status: validationState,
+    disabled,
+    required,
+    readOnly,
+    className: clsx(className, classes == null ? void 0 : classes.root, checkBoxGroupClasses.root),
+    children: [label && /* @__PURE__ */ jsx(StyledLabel, {
+      id: setId(elementId, "label"),
+      label,
+      className: clsx(classes == null ? void 0 : classes.label, checkBoxGroupClasses.label)
+    }), description && /* @__PURE__ */ jsx(HvInfoMessage, {
+      id: setId(elementId, "description"),
+      children: description
+    }), /* @__PURE__ */ jsxs(StyledGroupContainer, {
+      role: "group",
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy || label && setId(elementId, "label") || void 0,
+      "aria-disabled": disabled ? true : void 0,
+      "aria-invalid": validationState === "invalid" ? true : void 0,
+      "aria-errormessage": validationState === "invalid" ? errorMessageId : void 0,
+      "aria-describedby": [description && setId(elementId, "description"), ariaDescribedBy].join(" ").trim() || void 0,
+      className: clsx(classes == null ? void 0 : classes.group, checkBoxGroupClasses.group, orientation === "vertical" && clsx(classes == null ? void 0 : classes.vertical, checkBoxGroupClasses.vertical), orientation === "horizontal" && clsx(classes == null ? void 0 : classes.horizontal, checkBoxGroupClasses.horizontal), validationState === "invalid" && clsx(classes == null ? void 0 : classes.invalid, checkBoxGroupClasses.invalid)),
+      $vertical: orientation === "vertical",
+      $horizontal: orientation === "horizontal",
+      $invalid: validationState === "invalid",
+      ...others,
+      children: [showSelectAll && /* @__PURE__ */ jsx(HvCheckBox, {
+        checked: selectAllState === "all",
+        indeterminate: selectAllState === "some",
+        label: selectAllLabelComponent,
+        disabled,
+        readOnly,
+        className: clsx(classes == null ? void 0 : classes.selectAll, checkBoxGroupClasses.selectAll),
+        onChange: handleSelectAll
+      }), modifiedChildren]
+    }), canShowError && /* @__PURE__ */ jsx(HvWarningText, {
+      id: setId(elementId, "error"),
+      disableBorder: true,
+      className: clsx(classes == null ? void 0 : classes.error, checkBoxGroupClasses.error),
+      children: validationMessage
+    })]
+  });
+};
+export {
+  HvCheckBoxGroup
+};
+//# sourceMappingURL=CheckBoxGroup.js.map

package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxGroup.js","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import { HvFormStatus } from \"../Forms\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n  StyledFormElement,\n  StyledGroupContainer,\n  StyledLabel,\n} from \"./CheckBoxGroup.styles\";\nimport clsx from \"clsx\";\nimport { useControlled, useUniqueId } from \"hooks\";\nimport { multiSelectionEventHandler, setId } from \"utils\";\nimport { HvCheckBox, HvInfoMessage, HvWarningText } from \"components\";\nimport { Children, cloneElement, useCallback, useMemo, useRef } from \"react\";\nimport checkBoxGroupClasses, {\n  HvCheckBoxGroupClasses,\n} from \"./checkBoxGroupClasses\";\n\nconst computeSelectAllState = (selected, total) => {\n  if (selected === 0) {\n    return \"none\";\n  }\n\n  if (selected === total) {\n    return \"all\";\n  }\n\n  return \"some\";\n};\n\nconst getValueFromSelectedChildren = (children: React.ReactNode) => {\n  const selectedValues = Children.toArray(children)\n    .map((child: any) => {\n      const childIsControlled = child?.props?.checked !== undefined;\n      const childIsSelected = childIsControlled\n        ? child?.props?.checked\n        : child?.props?.defaultChecked;\n\n      return childIsSelected ? child?.props?.value : undefined;\n    })\n    .filter((v) => v !== undefined);\n\n  return selectedValues;\n};\n\nexport type HvCheckBoxGroupProps = HvBaseProps<HTMLDivElement, { onChange }> & {\n  /**\n   * The form element name.\n   *\n   * It is propagated to the children checkboxes, unless they already have one.\n   */\n  name?: string;\n  /**\n   * The value of the form element. An array of values represented in the child checkboxes.\n   *\n   * When defined the checkbox group state becomes controlled.\n   */\n  value?: any[];\n  /**\n   * When uncontrolled, defines the initial value.\n   */\n  defaultValue?: any[];\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label?: React.ReactNode;\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description?: React.ReactNode;\n  /**\n   * Indicates that the form element is disabled.\n   * If `true` the state is propagated to the children checkboxes.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is not editable.\n   * If `true` the state is propagated to the children checkboxes.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus;\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>, value: any[]) => void;\n  /**\n   * Indicates whether the checkbox group's orientation is horizontal or vertical.\n   *\n   * Defaults to vertical.\n   */\n  orientation?: \"vertical\" | \"horizontal\";\n  /**\n   * Indicates if an additional select all checkbox should be shown.\n   */\n  showSelectAll?: boolean;\n  /**\n   * The label of the select all checkbox. Defaults to \"All\".\n   */\n  selectAllLabel?: string;\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel?: string;\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes?: HvCheckBoxGroupClasses;\n};\n\n/**\n * A group of checkboxes.\n *\n * A checkbox group is a type of selection list that allows the user to select multiple options through the use of checkboxes.\n */\nexport const HvCheckBoxGroup = ({\n  id,\n  classes,\n  className,\n  children,\n  name,\n  label,\n  description,\n  status,\n  statusMessage,\n  defaultValue,\n  value: valueProp,\n  required = false,\n  readOnly = false,\n  disabled = false,\n  showSelectAll = false,\n  orientation = \"vertical\",\n  selectAllLabel = \"All\",\n  selectAllConjunctionLabel = \"/\",\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  \"aria-describedby\": ariaDescribedBy,\n  \"aria-errormessage\": ariaErrorMessage,\n  onChange,\n  ...others\n}: HvCheckBoxGroupProps) => {\n  const [value, setValue] = useControlled(\n    valueProp,\n    defaultValue !== undefined\n      ? defaultValue\n      : // When uncontrolled and no default value is given,\n        // extract the initial selected values from the children own state\n        () => getValueFromSelectedChildren(children)\n  );\n\n  const [validationState, setValidationState] = useControlled(\n    status,\n    \"standBy\"\n  );\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvcheckboxgroup\");\n\n  const selectionAnchor = useRef(undefined);\n\n  const [allValues, selectedState, selectedCount] = useMemo(() => {\n    const childValues: any[] = [];\n    const childSelectedState: boolean[] = [];\n    let childSelectedCounter = 0;\n\n    Children.toArray(children).forEach((child: any, i: number) => {\n      const childValue = child?.props?.value;\n      const childIsSelected = value.indexOf(childValue) !== -1;\n\n      childValues[i] = childValue;\n      childSelectedState[i] = childIsSelected;\n\n      if (childIsSelected) {\n        childSelectedCounter += 1;\n      }\n    });\n\n    return [childValues, childSelectedState, childSelectedCounter];\n  }, [children, value]);\n\n  const selectAllState = computeSelectAllState(\n    value.length,\n    selectedState.length\n  );\n\n  const onChildChangeInterceptor = useCallback(\n    (\n      index: number,\n      childOnChange: (\n        event: React.ChangeEvent<HTMLInputElement>,\n        isChecked: boolean\n      ) => void,\n      event: React.ChangeEvent<HTMLInputElement>,\n      isChecked: boolean\n    ) => {\n      const newValue = multiSelectionEventHandler(\n        event,\n        index,\n        selectionAnchor,\n        allValues,\n        selectedState,\n        isChecked\n      );\n\n      childOnChange?.(event, isChecked);\n\n      onChange?.(event, newValue);\n\n      setValue(() => {\n        // This will only run if uncontrolled\n\n        if (required && newValue.length === 0) {\n          setValidationState(\"invalid\");\n        } else {\n          setValidationState(\"valid\");\n        }\n\n        return newValue;\n      });\n    },\n    [allValues, onChange, required, selectedState, setValidationState, setValue]\n  );\n\n  const modifiedChildren = useMemo(() => {\n    return Children.map(children, (child: any, i: number) => {\n      const childIsSelected = selectedState[i];\n\n      return cloneElement(child, {\n        checked: childIsSelected,\n        name: child?.props?.name || name,\n        onChange: (\n          event: React.ChangeEvent<HTMLInputElement>,\n          isChecked: boolean\n        ) =>\n          onChildChangeInterceptor(i, child?.props?.onChange, event, isChecked),\n        disabled: disabled || child?.props?.disabled,\n        readOnly: readOnly || child?.props?.readOnly,\n      });\n    });\n  }, [\n    children,\n    disabled,\n    name,\n    onChildChangeInterceptor,\n    readOnly,\n    selectedState,\n  ]);\n\n  const handleSelectAll = (\n    event: React.ChangeEvent<HTMLInputElement>,\n    selectAllChecked: boolean\n  ) => {\n    let newValue: any[];\n    if (selectAllChecked) {\n      newValue = [...allValues];\n    } else {\n      newValue = [];\n    }\n\n    onChange?.(event, newValue);\n\n    setValue(() => {\n      // This will only run if uncontrolled\n      if (required && newValue.length === 0) {\n        setValidationState(\"invalid\");\n      } else {\n        setValidationState(\"valid\");\n      }\n\n      return newValue;\n    });\n  };\n\n  const selectAllLabelComponent = (\n    <>\n      {selectedCount === 0 ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${Children.toArray(children).length})`}\n        </>\n      ) : (\n        <>\n          <b>{selectedCount}</b>\n          {` ${selectAllConjunctionLabel} ${Children.toArray(children).length}`}\n        </>\n      )}\n    </>\n  );\n\n  // The error message area will only be created if:\n  //   - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const errorMessageId = canShowError\n    ? setId(elementId, \"error\")\n    : ariaErrorMessage;\n\n  return (\n    <StyledFormElement\n      id={id}\n      name={name}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      className={clsx(className, classes?.root, checkBoxGroupClasses.root)}\n    >\n      {label && (\n        <StyledLabel\n          id={setId(elementId, \"label\")}\n          label={label}\n          className={clsx(classes?.label, checkBoxGroupClasses.label)}\n        />\n      )}\n\n      {description && (\n        <HvInfoMessage id={setId(elementId, \"description\")}>\n          {description}\n        </HvInfoMessage>\n      )}\n\n      <StyledGroupContainer\n        role=\"group\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          ariaLabelledBy || (label && setId(elementId, \"label\")) || undefined\n        }\n        aria-disabled={disabled ? true : undefined}\n        aria-invalid={validationState === \"invalid\" ? true : undefined}\n        aria-errormessage={\n          validationState === \"invalid\" ? errorMessageId : undefined\n        }\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy]\n            .join(\" \")\n            .trim() || undefined\n        }\n        className={clsx(\n          classes?.group,\n          checkBoxGroupClasses.group,\n          orientation === \"vertical\" &&\n            clsx(classes?.vertical, checkBoxGroupClasses.vertical),\n          orientation === \"horizontal\" &&\n            clsx(classes?.horizontal, checkBoxGroupClasses.horizontal),\n          validationState === \"invalid\" &&\n            clsx(classes?.invalid, checkBoxGroupClasses.invalid)\n        )}\n        $vertical={orientation === \"vertical\"}\n        $horizontal={orientation === \"horizontal\"}\n        $invalid={validationState === \"invalid\"}\n        {...others}\n      >\n        {showSelectAll && (\n          <HvCheckBox\n            checked={selectAllState === \"all\"}\n            indeterminate={selectAllState === \"some\"}\n            label={selectAllLabelComponent}\n            disabled={disabled}\n            readOnly={readOnly}\n            className={clsx(classes?.selectAll, checkBoxGroupClasses.selectAll)}\n            onChange={handleSelectAll}\n          />\n        )}\n        {modifiedChildren}\n      </StyledGroupContainer>\n\n      {canShowError && (\n        <HvWarningText\n          id={setId(elementId, \"error\")}\n          disableBorder\n          className={clsx(classes?.error, checkBoxGroupClasses.error)}\n        >\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["computeSelectAllState","selected","total","getValueFromSelectedChildren","children","selectedValues","Children","toArray","map","child","childIsControlled","props","checked","undefined","childIsSelected","defaultChecked","value","filter","v","HvCheckBoxGroup","id","classes","className","name","label","description","status","statusMessage","defaultValue","valueProp","required","readOnly","disabled","showSelectAll","orientation","selectAllLabel","selectAllConjunctionLabel","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaErrorMessage","onChange","others","setValue","useControlled","validationState","setValidationState","validationMessage","elementId","useUniqueId","selectionAnchor","useRef","allValues","selectedState","selectedCount","useMemo","childValues","childSelectedState","childSelectedCounter","forEach","i","childValue","indexOf","selectAllState","length","onChildChangeInterceptor","useCallback","index","childOnChange","event","isChecked","newValue","multiSelectionEventHandler","modifiedChildren","cloneElement","handleSelectAll","selectAllChecked","selectAllLabelComponent","_Fragment","_jsxs","_jsx","canShowError","errorMessageId","setId","StyledFormElement","clsx","root","checkBoxGroupClasses","StyledLabel","HvInfoMessage","StyledGroupContainer","role","join","trim","group","vertical","horizontal","invalid","$vertical","$horizontal","$invalid","HvCheckBox","indeterminate","selectAll","HvWarningText","disableBorder","error"],"mappings":"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"}

package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.styles.js

@@ -0,0 +1,85 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { transientOptions } from "../../utils/transientOptions.js";
+import { HvFormElement } from "../Forms/FormElement/FormElement.js";
+import { HvLabel } from "../Forms/Label/Label.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledFormElement = /* @__PURE__ */ _styled(HvFormElement, process.env.NODE_ENV === "production" ? {
+  target: "e1pxeedd2"
+} : {
+  target: "e1pxeedd2",
+  label: "StyledFormElement"
+})(process.env.NODE_ENV === "production" ? {
+  name: "14xf287",
+  styles: "display:inline-block;padding:0;margin:0;overflow:hidden;vertical-align:top"
+} : {
+  name: "14xf287",
+  styles: "display:inline-block;padding:0;margin:0;overflow:hidden;vertical-align:top",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXBDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG5cbiAgICAgIFwiJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledLabel = /* @__PURE__ */ _styled(HvLabel, process.env.NODE_ENV === "production" ? {
+  target: "e1pxeedd1"
+} : {
+  target: "e1pxeedd1",
+  label: "StyledLabel"
+})({
+  marginBottom: theme.space.xs
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBYTJCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IEh2Rm9ybUVsZW1lbnQsIEh2TGFiZWwgfSBmcm9tIFwiY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRGb3JtRWxlbWVudCA9IHN0eWxlZChIdkZvcm1FbGVtZW50KSh7XG4gIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gIHBhZGRpbmc6IDAsXG4gIG1hcmdpbjogMCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHZlcnRpY2FsQWxpZ246IFwidG9wXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExhYmVsID0gc3R5bGVkKEh2TGFiZWwpKHtcbiAgbWFyZ2luQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkR3JvdXBDb250YWluZXIgPSBzdHlsZWQoXG4gIFwiZGl2XCIsXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoXG4gICh7XG4gICAgJHZlcnRpY2FsLFxuICAgICRob3Jpem9udGFsLFxuICAgICRpbnZhbGlkLFxuICB9OiB7XG4gICAgJHZlcnRpY2FsOiBib29sZWFuO1xuICAgICRob3Jpem9udGFsOiBib29sZWFuO1xuICAgICRpbnZhbGlkOiBib29sZWFuO1xuICB9KSA9PiAoe1xuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuXG4gICAgLi4uKCR2ZXJ0aWNhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcImNvbHVtblwiLFxuXG4gICAgICAvLyBQcmV2ZW50IHRoZSBmb2N1cyByaW5nIHRvIGJlIGhpZGRlbiBieSBzaWJsaW5nIGhvdmVyIGJhY2tncm91bmRcbiAgICAgIFwiJj4qXCI6IHtcbiAgICAgICAgekluZGV4OiAwLFxuICAgICAgfSxcbiAgICAgIFwiJj4qOmZvY3VzLXdpdGhpblwiOiB7XG4gICAgICAgIHpJbmRleDogMSxcbiAgICAgIH0sXG4gICAgICAvLyBJRSBmYWxsYmFjayBjb2RlICh1c2luZyBmb2N1cy13aXRoaW4tcG9seWZpbGwpXG4gICAgICBcIiY+Ki5mb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRob3Jpem9udGFsICYmIHtcbiAgICAgIGZsZXhEaXJlY3Rpb246IFwicm93XCIsXG4gICAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG5cbiAgICAgIFwiJj4qOm5vdCg6Zmlyc3QtY2hpbGQpXCI6IHtcbiAgICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2Uuc20sXG4gICAgICB9LFxuICAgIH0pLFxuXG4gICAgLi4uKCRpbnZhbGlkICYmIHtcbiAgICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnNwYWNlLnhzLFxuICAgICAgYm9yZGVyQm90dG9tOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3JzLnNlbWE0fWAsXG4gICAgfSksXG4gIH0pXG4pO1xuIl19 */");
+const StyledGroupContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e1pxeedd0"
+}, transientOptions) : _extends({}, {
+  target: "e1pxeedd0",
+  label: "StyledGroupContainer"
+}, transientOptions))(({
+  $vertical,
+  $horizontal,
+  $invalid
+}) => ({
+  display: "flex",
+  ...$vertical && {
+    flexDirection: "column",
+    "&>*": {
+      zIndex: 0
+    },
+    "&>*:focus-within": {
+      zIndex: 1
+    },
+    "&>*.focus-within": {
+      zIndex: 1
+    }
+  },
+  ...$horizontal && {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    "&>*:not(:first-child)": {
+      marginLeft: theme.space.sm
+    }
+  },
+  ...$invalid && {
+    paddingBottom: theme.space.xs,
+    borderBottom: `1px solid ${theme.colors.sema4}`
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ2hlY2tCb3hHcm91cC9DaGVja0JveEdyb3VwLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUJvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NoZWNrQm94R3JvdXAvQ2hlY2tCb3hHcm91cC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQgeyBIdkZvcm1FbGVtZW50LCBIdkxhYmVsIH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkRm9ybUVsZW1lbnQgPSBzdHlsZWQoSHZGb3JtRWxlbWVudCkoe1xuICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICBwYWRkaW5nOiAwLFxuICBtYXJnaW46IDAsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB2ZXJ0aWNhbEFsaWduOiBcInRvcFwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMYWJlbCA9IHN0eWxlZChIdkxhYmVsKSh7XG4gIG1hcmdpbkJvdHRvbTogdGhlbWUuc3BhY2UueHMsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEdyb3VwQ29udGFpbmVyID0gc3R5bGVkKFxuICBcImRpdlwiLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKFxuICAoe1xuICAgICR2ZXJ0aWNhbCxcbiAgICAkaG9yaXpvbnRhbCxcbiAgICAkaW52YWxpZCxcbiAgfToge1xuICAgICR2ZXJ0aWNhbDogYm9vbGVhbjtcbiAgICAkaG9yaXpvbnRhbDogYm9vbGVhbjtcbiAgICAkaW52YWxpZDogYm9vbGVhbjtcbiAgfSkgPT4gKHtcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcblxuICAgIC4uLigkdmVydGljYWwgJiYge1xuICAgICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcblxuICAgICAgLy8gUHJldmVudCB0aGUgZm9jdXMgcmluZyB0byBiZSBoaWRkZW4gYnkgc2libGluZyBob3ZlciBiYWNrZ3JvdW5kXG4gICAgICBcIiY+KlwiOiB7XG4gICAgICAgIHpJbmRleDogMCxcbiAgICAgIH0sXG4gICAgICBcIiY+Kjpmb2N1cy13aXRoaW5cIjoge1xuICAgICAgICB6SW5kZXg6IDEsXG4gICAgICB9LFxuICAgICAgLy8gSUUgZmFsbGJhY2sgY29kZSAodXNpbmcgZm9jdXMtd2l0aGluLXBvbHlmaWxsKVxuICAgICAgXCImPiouZm9jdXMtd2l0aGluXCI6IHtcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkaG9yaXpvbnRhbCAmJiB7XG4gICAgICBmbGV4RGlyZWN0aW9uOiBcInJvd1wiLFxuICAgICAgZmxleFdyYXA6IFwid3JhcFwiLFxuXG4gICAgICBcIiY+Kjpub3QoOmZpcnN0LWNoaWxkKVwiOiB7XG4gICAgICAgIG1hcmdpbkxlZnQ6IHRoZW1lLnNwYWNlLnNtLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIC4uLigkaW52YWxpZCAmJiB7XG4gICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjZS54cyxcbiAgICAgIGJvcmRlckJvdHRvbTogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5zZW1hNH1gLFxuICAgIH0pLFxuICB9KVxuKTtcbiJdfQ== */");
+export {
+  StyledFormElement,
+  StyledGroupContainer,
+  StyledLabel
+};
+//# sourceMappingURL=CheckBoxGroup.styles.js.map

package/dist/esm/components/CheckBoxGroup/CheckBoxGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxGroup.styles.js","sources":["../../../../src/components/CheckBoxGroup/CheckBoxGroup.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { HvFormElement, HvLabel } from \"components\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledFormElement = styled(HvFormElement)({\n  display: \"inline-block\",\n  padding: 0,\n  margin: 0,\n  overflow: \"hidden\",\n  verticalAlign: \"top\",\n});\n\nexport const StyledLabel = styled(HvLabel)({\n  marginBottom: theme.space.xs,\n});\n\nexport const StyledGroupContainer = styled(\n  \"div\",\n  transientOptions\n)(\n  ({\n    $vertical,\n    $horizontal,\n    $invalid,\n  }: {\n    $vertical: boolean;\n    $horizontal: boolean;\n    $invalid: boolean;\n  }) => ({\n    display: \"flex\",\n\n    ...($vertical && {\n      flexDirection: \"column\",\n\n      // Prevent the focus ring to be hidden by sibling hover background\n      \"&>*\": {\n        zIndex: 0,\n      },\n      \"&>*:focus-within\": {\n        zIndex: 1,\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&>*.focus-within\": {\n        zIndex: 1,\n      },\n    }),\n\n    ...($horizontal && {\n      flexDirection: \"row\",\n      flexWrap: \"wrap\",\n\n      \"&>*:not(:first-child)\": {\n        marginLeft: theme.space.sm,\n      },\n    }),\n\n    ...($invalid && {\n      paddingBottom: theme.space.xs,\n      borderBottom: `1px solid ${theme.colors.sema4}`,\n    }),\n  })\n);\n"],"names":["StyledFormElement","HvFormElement","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledLabel","HvLabel","marginBottom","theme","space","xs","StyledGroupContainer","_extends","transientOptions","$vertical","$horizontal","$invalid","display","flexDirection","zIndex","flexWrap","marginLeft","sm","paddingBottom","borderBottom","colors","sema4"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAKO,MAAMA,oBAA2BC,wBAAAA,eAAaC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAMpD;AAEK,MAAMC,cAAqBC,wBAAAA,SAAOX,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EACzCQ,cAAcC,MAAMC,MAAMC;AAC5B,GAACf,QAAAC,IAAAC,aAAC,eAAA,KAAA,61EAAA;AAEWc,MAAAA,+CACX,OAAKhB,QAAAC,IAAAC,4BAAAe,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,GACLe,gBAAgB,IAAAD,SAAA,IAAA;AAAA,EAAAd,QAAA;AAAA,EAAAC,OAAA;AAAA,GAAhBc,gBAAgB,CACjB,EACC,CAAC;AAAA,EACCC;AAAAA,EACAC;AAAAA,EACAC;AAKF,OAAO;AAAA,EACLC,SAAS;AAAA,EAET,GAAIH,aAAa;AAAA,IACfI,eAAe;AAAA,IAGf,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,IACA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,IAEA,oBAAoB;AAAA,MAClBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,GAAIJ,eAAe;AAAA,IACjBG,eAAe;AAAA,IACfE,UAAU;AAAA,IAEV,yBAAyB;AAAA,MACvBC,YAAYb,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,EACF;AAAA,EAEA,GAAIN,YAAY;AAAA,IACdO,eAAef,MAAMC,MAAMC;AAAAA,IAC3Bc,cAAe,aAAYhB,MAAMiB,OAAOC;AAAAA,EAC1C;AACF,IAAE/B,QAAAC,IAAAC,aACH,eAAA,KAAA,i2EAAA;"}

package/dist/esm/components/CheckBoxGroup/checkBoxGroupClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "label", "group", "vertical", "horizontal", "invalid", "selectAll", "error"];
+const checkBoxGroupClasses = getClasses(classKeys, "HvCheckBoxGroup");
+const checkBoxGroupClasses$1 = checkBoxGroupClasses;
+export {
+  checkBoxGroupClasses$1 as default
+};
+//# sourceMappingURL=checkBoxGroupClasses.js.map

package/dist/esm/components/CheckBoxGroup/checkBoxGroupClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkBoxGroupClasses.js","sources":["../../../../src/components/CheckBoxGroup/checkBoxGroupClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvCheckBoxGroupClasses = {\n  root?: string;\n  label?: string;\n  group?: string;\n  vertical?: string;\n  horizontal?: string;\n  invalid?: string;\n  selectAll?: string;\n  error?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"label\",\n  \"group\",\n  \"vertical\",\n  \"horizontal\",\n  \"invalid\",\n  \"selectAll\",\n  \"error\",\n];\n\nconst checkBoxGroupClasses = getClasses<HvCheckBoxGroupClasses>(\n  classKeys,\n  \"HvCheckBoxGroup\"\n);\n\nexport default checkBoxGroupClasses;\n"],"names":["classKeys","checkBoxGroupClasses","getClasses"],"mappings":";AAaA,MAAMA,YAAsB,CAC1B,QACA,SACA,SACA,YACA,cACA,WACA,aACA,OAAO;AAGT,MAAMC,uBAAuBC,WAC3BF,WACA,iBAAiB;AAGnB,MAAA,yBAAeC;"}

package/dist/esm/components/Container/Container.js

@@ -0,0 +1,27 @@
+import { useTheme } from "@mui/material/styles";
+import { forwardRef } from "react";
+import { StyledRoot } from "./Container.styles.js";
+import containerClasses from "./containerClasses.js";
+import clsx from "clsx";
+import { jsx } from "@emotion/react/jsx-runtime";
+const HvContainer = forwardRef(({
+  maxWidth = false,
+  classes,
+  className,
+  fixed,
+  ...others
+}, ref) => {
+  const muiTheme = useTheme();
+  return /* @__PURE__ */ jsx(StyledRoot, {
+    className: clsx(className, containerClasses.root, classes == null ? void 0 : classes.root),
+    breakpoints: muiTheme.breakpoints,
+    ref,
+    maxWidth,
+    fixed,
+    ...others
+  });
+});
+export {
+  HvContainer
+};
+//# sourceMappingURL=Container.js.map

package/dist/esm/components/Container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { useTheme } from \"@mui/material/styles\";\nimport { ContainerProps as MuiContainerProps } from \"@mui/material/Container\";\nimport { forwardRef } from \"react\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledRoot } from \"./Container.styles\";\nimport containerClasses, { HvContainerClasses } from \"./containerClasses\";\nimport clsx from \"clsx\";\n\nexport type HvContainerProps = MuiContainerProps &\n  HvBaseProps & {\n    /**\n     * The component used for the root node.\n     * Either a string to use a DOM element or a component.\n     */\n    component?: React.ElementType;\n    /**\n     * Determine the max-width of the container.\n     * The container width grows with the size of the screen.\n     * Set to `false` to disable `maxWidth`.\n     */\n    maxWidth?: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | false;\n    /** If `true`, the left and right padding is removed. */\n    disableGutters?: boolean;\n    /**\n     * Set the max-width to match the min-width of the current breakpoint.\n     * This is useful if you'd prefer to design for a fixed set of sizes\n     * instead of trying to accommodate a fully fluid viewport.\n     * It's fluid by default.\n     */\n    fixed?: boolean;\n    /** A Jss Object used to override or extend the styles applied to the empty state component. */\n    classes?: HvContainerClasses;\n  };\n\nexport const HvContainer = forwardRef<HTMLDivElement, HvContainerProps>(\n  ({ maxWidth = false, classes, className, fixed, ...others }, ref) => {\n    const muiTheme = useTheme();\n    return (\n      <StyledRoot\n        className={clsx(className, containerClasses.root, classes?.root)}\n        breakpoints={muiTheme.breakpoints}\n        ref={ref}\n        maxWidth={maxWidth}\n        fixed={fixed}\n        {...others}\n      />\n    );\n  }\n);\n"],"names":["HvContainer","forwardRef","maxWidth","classes","className","fixed","others","ref","muiTheme","useTheme","StyledRoot","clsx","containerClasses","root","breakpoints"],"mappings":";;;;;;AAkCaA,MAAAA,cAAcC,WACzB,CAAC;AAAA,EAAEC,WAAW;AAAA,EAAOC;AAAAA,EAASC;AAAAA,EAAWC;AAAAA,KAAUC;AAAO,GAAGC,QAAQ;AACnE,QAAMC,WAAWC;AACjB,6BACGC,YAAU;AAAA,IACTN,WAAWO,KAAKP,WAAWQ,iBAAiBC,MAAMV,mCAASU,IAAI;AAAA,IAC/DC,aAAaN,SAASM;AAAAA,IACtBP;AAAAA,IACAL;AAAAA,IACAG;AAAAA,IAAa,GACTC;AAAAA,EAAAA,CACJ;AAEN,CAAC;"}

package/dist/esm/components/Container/Container.styles.js

@@ -0,0 +1,22 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import { Container } from "@mui/material";
+const StyledRoot = /* @__PURE__ */ _styled(Container, process.env.NODE_ENV === "production" ? {
+  target: "eq8pv0f0"
+} : {
+  target: "eq8pv0f0",
+  label: "StyledRoot"
+})(({
+  breakpoints
+}) => ({
+  paddingLeft: theme.space.sm,
+  paddingRight: theme.space.sm,
+  [breakpoints.up("md")]: {
+    paddingLeft: theme.spacing(4),
+    paddingRight: theme.spacing(4)
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUkwQiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIGFzIE11aUNvbnRhaW5lciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKE11aUNvbnRhaW5lcikoXG4gICh7IGJyZWFrcG9pbnRzIH06IHsgYnJlYWtwb2ludHM6IGFueSB9KSA9PiAoe1xuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS5zcGFjZS5zbSxcbiAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNlLnNtLFxuICAgIFticmVha3BvaW50cy51cChcIm1kXCIpXToge1xuICAgICAgcGFkZGluZ0xlZnQ6IHRoZW1lLnNwYWNpbmcoNCksXG4gICAgICBwYWRkaW5nUmlnaHQ6IHRoZW1lLnNwYWNpbmcoNCksXG4gICAgfSxcbiAgfSlcbik7XG4iXX0= */");
+export {
+  StyledRoot
+};
+//# sourceMappingURL=Container.styles.js.map

package/dist/esm/components/Container/Container.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.styles.js","sources":["../../../../src/components/Container/Container.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Container as MuiContainer } from \"@mui/material\";\n\nexport const StyledRoot = styled(MuiContainer)(\n  ({ breakpoints }: { breakpoints: any }) => ({\n    paddingLeft: theme.space.sm,\n    paddingRight: theme.space.sm,\n    [breakpoints.up(\"md\")]: {\n      paddingLeft: theme.spacing(4),\n      paddingRight: theme.spacing(4),\n    },\n  })\n);\n"],"names":["StyledRoot","MuiContainer","process","env","NODE_ENV","target","label","breakpoints","paddingLeft","theme","space","sm","paddingRight","up","spacing"],"mappings":";;;AAIO,MAAMA,aAAoBC,wBAAAA,WAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAC3C,CAAC;AAAA,EAAEC;AAAkC,OAAO;AAAA,EAC1CC,aAAaC,MAAMC,MAAMC;AAAAA,EACzBC,cAAcH,MAAMC,MAAMC;AAAAA,EAC1B,CAACJ,YAAYM,GAAG,IAAI,IAAI;AAAA,IACtBL,aAAaC,MAAMK,QAAQ,CAAC;AAAA,IAC5BF,cAAcH,MAAMK,QAAQ,CAAC;AAAA,EAC/B;AACF,IAAEZ,QAAAC,IAAAC,aACH,eAAA,KAAA,6jCAAA;"}

package/dist/esm/components/Container/containerClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root"];
+const containerClasses = getClasses(classKeys, "HvContainer");
+const containerClasses$1 = containerClasses;
+export {
+  containerClasses$1 as default
+};
+//# sourceMappingURL=containerClasses.js.map

package/dist/esm/components/Container/containerClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"containerClasses.js","sources":["../../../../src/components/Container/containerClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvContainerClasses = {\n  root?: string;\n};\n\nconst classKeys: string[] = [\"root\"];\n\nconst containerClasses = getClasses<HvContainerClasses>(\n  classKeys,\n  \"HvContainer\"\n);\n\nexport default containerClasses;\n"],"names":["classKeys","containerClasses","getClasses"],"mappings":";AAMA,MAAMA,YAAsB,CAAC,MAAM;AAEnC,MAAMC,mBAAmBC,WACvBF,WACA,aAAa;AAGf,MAAA,qBAAeC;"}

package/dist/esm/components/Dialog/Actions/Actions.js

@@ -0,0 +1,26 @@
+import clsx from "clsx";
+import { StyledActions } from "./Actions.styles.js";
+import dialogActionClasses from "./actionsClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+const HvActions = ({
+  classes,
+  className,
+  children,
+  fullscreen = false,
+  ...others
+}) => {
+  return /* @__PURE__ */ jsx(StyledActions, {
+    className,
+    classes: {
+      root: clsx(dialogActionClasses.root, classes == null ? void 0 : classes.root, fullscreen && clsx(dialogActionClasses.fullscreen, classes == null ? void 0 : classes.fullscreen)),
+      spacing: clsx(dialogActionClasses.spacing, classes == null ? void 0 : classes.spacing)
+    },
+    $fullscreen: fullscreen,
+    ...others,
+    children
+  });
+};
+export {
+  HvActions
+};
+//# sourceMappingURL=Actions.js.map

package/dist/esm/components/Dialog/Actions/Actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Dialog/Actions/Actions.tsx"],"sourcesContent":["import { DialogActionsProps as MuiDialogActionsProps } from \"@mui/material/DialogActions\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledActions } from \"./Actions.styles\";\nimport dialogActionClasses, { HvDialogActionClasses } from \"./actionsClasses\";\n\nexport type HvActionsProps = MuiDialogActionsProps &\n  HvBaseProps & {\n    /** Set the dialog to fullscreen mode. */\n    fullscreen?: boolean;\n    classes?: HvDialogActionClasses;\n  };\n\nexport const HvActions = ({\n  classes,\n  className,\n  children,\n  fullscreen = false,\n  ...others\n}: HvActionsProps) => {\n  return (\n    <StyledActions\n      className={className}\n      classes={{\n        root: clsx(\n          dialogActionClasses.root,\n          classes?.root,\n          fullscreen &&\n            clsx(dialogActionClasses.fullscreen, classes?.fullscreen)\n        ),\n        spacing: clsx(dialogActionClasses.spacing, classes?.spacing),\n      }}\n      $fullscreen={fullscreen}\n      {...others}\n    >\n      {children}\n    </StyledActions>\n  );\n};\n"],"names":["HvActions","classes","className","children","fullscreen","others","StyledActions","root","clsx","dialogActionClasses","spacing","$fullscreen"],"mappings":";;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,aAAa;AAAA,KACVC;AACW,MAAM;AACpB,6BACGC,eAAa;AAAA,IACZJ;AAAAA,IACAD,SAAS;AAAA,MACPM,MAAMC,KACJC,oBAAoBF,MACpBN,mCAASM,MACTH,cACEI,KAAKC,oBAAoBL,YAAYH,mCAASG,UAAU,CAAC;AAAA,MAE7DM,SAASF,KAAKC,oBAAoBC,SAAST,mCAASS,OAAO;AAAA,IAC7D;AAAA,IACAC,aAAaP;AAAAA,IAAW,GACpBC;AAAAA,IAAMF;AAAAA,EAAAA,CAGI;AAEpB;"}

package/dist/esm/components/Dialog/Actions/Actions.styles.js

@@ -0,0 +1,48 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import DialogActions from "@mui/material/DialogActions";
+import { transientOptions } from "../../../utils/transientOptions.js";
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledActions = /* @__PURE__ */ _styled(DialogActions, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e5nbcch0"
+}, transientOptions) : _extends({}, {
+  target: "e5nbcch0",
+  label: "StyledActions"
+}, transientOptions))(({
+  $fullscreen
+}) => ({
+  margin: "0",
+  padding: theme.space.sm,
+  borderTop: `3px solid ${theme.colors.atmo2}`,
+  height: 65,
+  maxHeight: 65,
+  flex: 1,
+  ...$fullscreen && {
+    position: "fixed",
+    width: "100%",
+    bottom: 0,
+    left: 0
+  },
+  "&.MuiDialogActions-spacing": {
+    "& > :not(:first-of-type)": {
+      marginLeft: theme.space.xs
+    }
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0FjdGlvbnMvQWN0aW9ucy5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUs2QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9BY3Rpb25zL0FjdGlvbnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0FjdGlvbnMgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQWN0aW9uc1wiO1xuaW1wb3J0IHsgdHJhbnNpZW50T3B0aW9ucyB9IGZyb20gXCJ1dGlscy90cmFuc2llbnRPcHRpb25zXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBY3Rpb25zID0gc3R5bGVkKFxuICBEaWFsb2dBY3Rpb25zLFxuICB0cmFuc2llbnRPcHRpb25zXG4pKCh7ICRmdWxsc2NyZWVuIH06IHsgJGZ1bGxzY3JlZW46IGJvb2xlYW4gfSkgPT4gKHtcbiAgbWFyZ2luOiBcIjBcIixcbiAgcGFkZGluZzogdGhlbWUuc3BhY2Uuc20sXG4gIGJvcmRlclRvcDogYDNweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5hdG1vMn1gLFxuICBoZWlnaHQ6IDY1LFxuICBtYXhIZWlnaHQ6IDY1LFxuICBmbGV4OiAxLFxuICAuLi4oJGZ1bGxzY3JlZW4gJiYge1xuICAgIHBvc2l0aW9uOiBcImZpeGVkXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvdHRvbTogMCxcbiAgICBsZWZ0OiAwLFxuICB9KSxcbiAgXCImLk11aURpYWxvZ0FjdGlvbnMtc3BhY2luZ1wiOiB7XG4gICAgXCImID4gOm5vdCg6Zmlyc3Qtb2YtdHlwZSlcIjoge1xuICAgICAgbWFyZ2luTGVmdDogdGhlbWUuc3BhY2UueHMsXG4gICAgfSxcbiAgfSxcbn0pKTtcbiJdfQ== */");
+export {
+  StyledActions
+};
+//# sourceMappingURL=Actions.styles.js.map

package/dist/esm/components/Dialog/Actions/Actions.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Actions.styles.js","sources":["../../../../../src/components/Dialog/Actions/Actions.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport DialogActions from \"@mui/material/DialogActions\";\nimport { transientOptions } from \"utils/transientOptions\";\n\nexport const StyledActions = styled(\n  DialogActions,\n  transientOptions\n)(({ $fullscreen }: { $fullscreen: boolean }) => ({\n  margin: \"0\",\n  padding: theme.space.sm,\n  borderTop: `3px solid ${theme.colors.atmo2}`,\n  height: 65,\n  maxHeight: 65,\n  flex: 1,\n  ...($fullscreen && {\n    position: \"fixed\",\n    width: \"100%\",\n    bottom: 0,\n    left: 0,\n  }),\n  \"&.MuiDialogActions-spacing\": {\n    \"& > :not(:first-of-type)\": {\n      marginLeft: theme.space.xs,\n    },\n  },\n}));\n"],"names":["StyledActions","DialogActions","process","env","NODE_ENV","_extends","target","transientOptions","label","$fullscreen","margin","padding","theme","space","sm","borderTop","colors","atmo2","height","maxHeight","flex","position","width","bottom","left","marginLeft","xs"],"mappings":";;;;;;;;;;;;;;;;;;AAKaA,MAAAA,wCACXC,eAAaC,QAAAC,IAAAC,4BAAAC,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,GACbC,gBAAgB,IAAAF,SAAA,IAAA;AAAA,EAAAC,QAAA;AAAA,EAAAE,OAAA;AAAA,GAAhBD,gBAAgB,CACjB,EAAC,CAAC;AAAA,EAAEE;AAAsC,OAAO;AAAA,EAChDC,QAAQ;AAAA,EACRC,SAASC,MAAMC,MAAMC;AAAAA,EACrBC,WAAY,aAAYH,MAAMI,OAAOC;AAAAA,EACrCC,QAAQ;AAAA,EACRC,WAAW;AAAA,EACXC,MAAM;AAAA,EACN,GAAIX,eAAe;AAAA,IACjBY,UAAU;AAAA,IACVC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,MAAM;AAAA,EACR;AAAA,EACA,8BAA8B;AAAA,IAC5B,4BAA4B;AAAA,MAC1BC,YAAYb,MAAMC,MAAMa;AAAAA,IAC1B;AAAA,EACF;AACF,IAAExB,QAAAC,IAAAC,aAAC,eAAA,KAAA,i7CAAA;"}

package/dist/esm/components/Dialog/Actions/actionsClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../../utils/classes.js";
+const classKeys = ["root", "fullscreen", "spacing"];
+const dialogActionClasses = getClasses(classKeys, "HvDialog-Action");
+const dialogActionClasses$1 = dialogActionClasses;
+export {
+  dialogActionClasses$1 as default
+};
+//# sourceMappingURL=actionsClasses.js.map

package/dist/esm/components/Dialog/Actions/actionsClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actionsClasses.js","sources":["../../../../../src/components/Dialog/Actions/actionsClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvDialogActionClasses = {\n  root?: string;\n  fullscreen?: string;\n  spacing?: string;\n};\n\nconst classKeys: string[] = [\"root\", \"fullscreen\", \"spacing\"];\n\nconst dialogActionClasses = getClasses<HvDialogActionClasses>(\n  classKeys,\n  \"HvDialog-Action\"\n);\n\nexport default dialogActionClasses;\n"],"names":["classKeys","dialogActionClasses","getClasses"],"mappings":";AAQA,MAAMA,YAAsB,CAAC,QAAQ,cAAc,SAAS;AAE5D,MAAMC,sBAAsBC,WAC1BF,WACA,iBAAiB;AAGnB,MAAA,wBAAeC;"}

package/dist/esm/components/Dialog/Content/Content.js

@@ -0,0 +1,21 @@
+import clsx from "clsx";
+import { StyledTypography, StyledContent } from "./Content.styles.js";
+import dialogContentClasses from "./contentClasses.js";
+import { jsx } from "@emotion/react/jsx-runtime";
+const HvContent = ({
+  classes,
+  className,
+  children,
+  indentContent = false
+}) => {
+  return /* @__PURE__ */ jsx(StyledTypography, {
+    component: StyledContent,
+    className: clsx(className, dialogContentClasses.root, classes == null ? void 0 : classes.root),
+    $indentContent: indentContent,
+    children
+  });
+};
+export {
+  HvContent
+};
+//# sourceMappingURL=Content.js.map

package/dist/esm/components/Dialog/Content/Content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Dialog/Content/Content.tsx"],"sourcesContent":["import { DialogContentProps as MuiDialogContentProps } from \"@mui/material/DialogContent\";\nimport clsx from \"clsx\";\nimport { HvBaseProps } from \"../../../types\";\nimport { StyledContent, StyledTypography } from \"./Content.styles\";\nimport dialogContentClasses, { HvDialogContentClasses } from \"./contentClasses\";\n\nexport type HvContentProps = MuiDialogContentProps &\n  HvBaseProps & {\n    /** Content should be indented in relationship to the Dialog title. */\n    indentContent?: boolean;\n    classes?: HvDialogContentClasses;\n  };\n\nexport const HvContent = ({\n  classes,\n  className,\n  children,\n  indentContent = false,\n}: HvContentProps) => {\n  return (\n    <StyledTypography\n      component={StyledContent}\n      className={clsx(className, dialogContentClasses.root, classes?.root)}\n      $indentContent={indentContent}\n    >\n      {children}\n    </StyledTypography>\n  );\n};\n"],"names":["HvContent","classes","className","children","indentContent","StyledTypography","component","StyledContent","clsx","dialogContentClasses","root","$indentContent"],"mappings":";;;;AAaO,MAAMA,YAAYA,CAAC;AAAA,EACxBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,gBAAgB;AACF,MAAM;AACpB,6BACGC,kBAAgB;AAAA,IACfC,WAAWC;AAAAA,IACXL,WAAWM,KAAKN,WAAWO,qBAAqBC,MAAMT,mCAASS,IAAI;AAAA,IACnEC,gBAAgBP;AAAAA,IAAcD;AAAAA,EAAAA,CAGb;AAEvB;"}

package/dist/esm/components/Dialog/Content/Content.styles.js

@@ -0,0 +1,58 @@
+import _styled from "@emotion/styled/base";
+import { theme } from "@hitachivantara/uikit-styles";
+import DialogContent from "@mui/material/DialogContent";
+import { transientOptions } from "../../../utils/transientOptions.js";
+import { HvTypography } from "../../Typography/Typography.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+const StyledContent = /* @__PURE__ */ _styled(DialogContent, process.env.NODE_ENV === "production" ? {
+  target: "e4uf5ag1"
+} : {
+  target: "e4uf5ag1",
+  label: "StyledContent"
+})(process.env.NODE_ENV === "production" ? {
+  name: "0",
+  styles: ""
+} : {
+  name: "0",
+  styles: "",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU02QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQ29udGVudFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChEaWFsb2dDb250ZW50KSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGluZGVudENvbnRlbnQgfTogeyAkaW5kZW50Q29udGVudDogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGZsZXg6IFwibm9uZVwiLFxuICAuLi4oJGluZGVudENvbnRlbnQgJiYge1xuICAgIG1hcmdpbkxlZnQ6IFwiNDJweFwiLFxuICAgIHBhZGRpbmdSaWdodDogXCI2MnB4XCIsXG4gICAgZmxleDogMSxcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICB9KSxcbn0pKTtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const StyledTypography = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? _extends({}, {
+  target: "e4uf5ag0"
+}, transientOptions) : _extends({}, {
+  target: "e4uf5ag0",
+  label: "StyledTypography"
+}, transientOptions))(({
+  $indentContent
+}) => ({
+  padding: `0 ${theme.space.sm} ${theme.space.sm} ${theme.space.sm}`,
+  flex: "none",
+  ...$indentContent && {
+    marginLeft: "42px",
+    paddingRight: "62px",
+    flex: 1,
+    overflowY: "auto"
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvRGlhbG9nL0NvbnRlbnQvQ29udGVudC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFnQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL0RpYWxvZy9Db250ZW50L0NvbnRlbnQuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IERpYWxvZ0NvbnRlbnQgZnJvbSBcIkBtdWkvbWF0ZXJpYWwvRGlhbG9nQ29udGVudFwiO1xuaW1wb3J0IHsgSHZUeXBvZ3JhcGh5IH0gZnJvbSBcImNvbXBvbmVudHNcIjtcbmltcG9ydCB7IHRyYW5zaWVudE9wdGlvbnMgfSBmcm9tIFwidXRpbHMvdHJhbnNpZW50T3B0aW9uc1wiO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZChEaWFsb2dDb250ZW50KSh7fSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUeXBvZ3JhcGh5ID0gc3R5bGVkKFxuICBIdlR5cG9ncmFwaHksXG4gIHRyYW5zaWVudE9wdGlvbnNcbikoKHsgJGluZGVudENvbnRlbnQgfTogeyAkaW5kZW50Q29udGVudDogYm9vbGVhbiB9KSA9PiAoe1xuICBwYWRkaW5nOiBgMCAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfSAke3RoZW1lLnNwYWNlLnNtfWAsXG4gIGZsZXg6IFwibm9uZVwiLFxuICAuLi4oJGluZGVudENvbnRlbnQgJiYge1xuICAgIG1hcmdpbkxlZnQ6IFwiNDJweFwiLFxuICAgIHBhZGRpbmdSaWdodDogXCI2MnB4XCIsXG4gICAgZmxleDogMSxcbiAgICBvdmVyZmxvd1k6IFwiYXV0b1wiLFxuICB9KSxcbn0pKTtcbiJdfQ== */");
+export {
+  StyledContent,
+  StyledTypography
+};
+//# sourceMappingURL=Content.styles.js.map