@hitachivantara/uikit-react-core 4.0.3 → 4.1.0

package/dist/Accordion/Accordion.js

@@ -1,103 +1,69 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _utils = require("../utils");
-
 var _ = require("..");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["id", "className", "classes", "disabled", "label", "labelProps", "onChange", "children", "expanded", "headingLevel", "defaultExpanded", "containerProps"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * A accordion is a design element that expands in place to expose hidden information.
  */
 var HvAccordion = function HvAccordion(_ref) {
   var id = _ref.id,
-      className = _ref.className,
-      classes = _ref.classes,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      label = _ref.label,
-      labelProps = _ref.labelProps,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? null : _ref$onChange,
-      children = _ref.children,
-      expanded = _ref.expanded,
-      headingLevel = _ref.headingLevel,
-      _ref$defaultExpanded = _ref.defaultExpanded,
-      defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
-      containerProps = _ref.containerProps,
-      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
+    className = _ref.className,
+    classes = _ref.classes,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    label = _ref.label,
+    labelProps = _ref.labelProps,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? null : _ref$onChange,
+    children = _ref.children,
+    expanded = _ref.expanded,
+    headingLevel = _ref.headingLevel,
+    _ref$defaultExpanded = _ref.defaultExpanded,
+    defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded,
+    containerProps = _ref.containerProps,
+    others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var _useControlled = (0, _utils.useControlled)(expanded, Boolean(defaultExpanded)),
-      _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
-      isOpen = _useControlled2[0],
-      setIsOpen = _useControlled2[1];
-
+    _useControlled2 = (0, _slicedToArray2.default)(_useControlled, 2),
+    isOpen = _useControlled2[0],
+    setIsOpen = _useControlled2[1];
   var handleAction = (0, _react.useCallback)(function (event) {
     if (!disabled) {
       onChange === null || onChange === void 0 ? void 0 : onChange(event, isOpen);
       setIsOpen(!isOpen);
       return true;
     }
-
     return false;
   }, [disabled, onChange, isOpen, setIsOpen]);
   var handleClick = (0, _react.useCallback)(function (event) {
@@ -108,21 +74,17 @@ var HvAccordion = function HvAccordion(_ref) {
   var handleKeyDown = (0, _react.useCallback)(function (event) {
     var isEventHandled = false;
     var key = event.key;
-
     if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {
       return;
     }
-
     switch (key) {
       case "Enter":
       case " ":
         isEventHandled = handleAction(event);
         break;
-
       default:
         return;
     }
-
     if (isEventHandled) {
       event.preventDefault();
       event.stopPropagation();
@@ -171,18 +133,15 @@ var HvAccordion = function HvAccordion(_ref) {
     }))]
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvAccordion.propTypes = {
   /**
    * Id to be applied to the root node of the accordion.
    */
   id: _propTypes.default.string,
-
   /**
    * Class names to be applied to the accordion.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -191,77 +150,62 @@ process.env.NODE_ENV !== "production" ? HvAccordion.propTypes = {
      * Styles applied to the component root of the accordion.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the content when it is hidden.
      */
     hidden: _propTypes.default.string,
-
     /**
      * Styles applied to the content when it is hidden.
      */
     container: _propTypes.default.string,
-
     /**
      * Styles applied to the label button.
      */
     label: _propTypes.default.string,
-
     /**
      * Styles applied to the label button when it is disabled.
      */
     disabled: _propTypes.default.string
   }).isRequired,
-
   /**
    * The accordion label button.
    */
   label: _propTypes.default.node.isRequired,
-
   /**
    * An object containing props to be passed onto the accordion label button.
    */
   labelProps: _propTypes.default.instanceOf(Object),
-
   /**
    * The function that will be executed whenever the accordion toggles it will receive the state of the accordion
    */
   onChange: _propTypes.default.func,
-
   /**
    * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.
    */
   expanded: _propTypes.default.bool,
-
   /**
    * When uncontrolled, defines the initial expanded state.
    */
   defaultExpanded: _propTypes.default.bool,
-
   /**
    * An object containing props to be passed onto container holding the accordion children.
    */
   containerProps: _propTypes.default.instanceOf(Object),
-
   /**
    * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.
    */
   headingLevel: _propTypes.default.oneOf([1, 2, 3, 4, 5, 6]),
-
   /**
    * Is the accordion disabled.
    */
   disabled: _propTypes.default.bool,
-
   /**
    * The content of the accordion.
    */
   children: _propTypes.default.node
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvAccordion"
 })(HvAccordion);
-
 exports.default = _default;
 //# sourceMappingURL=Accordion.js.map

package/dist/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["HvAccordion","id","className","classes","disabled","label","labelProps","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","useControlled","Boolean","isOpen","setIsOpen","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","variantToApply","accordionButton","clsx","result","root","container","hidden","propTypes","PropTypes","string","shape","isRequired","node","instanceOf","Object","func","bool","oneOf","withStyles","styles","name"],"sources":["../../src/Accordion/Accordion.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\nimport { setId, useControlled } from \"../utils\";\nimport { HvTypography } from \"..\";\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nconst HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  labelProps,\n  onChange = null,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"atmo5\"]) || undefined;\n    const variantToApply =\n      headingLevel === 1 || headingLevel === 2 ? \"sectionTitle\" : \"highlightText\";\n    const accordionButton = (\n      <HvTypography\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(classes.label, {\n          [classes.disabled]: disabled,\n        })}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={variantToApply}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n        {...labelProps}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </HvTypography>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <HvTypography component={`h${headingLevel}`}>{accordionButton}</HvTypography>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    labelProps,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {accordionHeader}\n      <div\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(classes.container, { [classes.hidden]: !isOpen })}\n        {...containerProps}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nHvAccordion.propTypes = {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the label button.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label button when it is disabled.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * The accordion label button.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * An object containing props to be passed onto the accordion label button.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange: PropTypes.func,\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n  /**\n   * Is the accordion disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The content of the accordion.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvAccordion\" })(HvAccordion);\n"],"mappings":"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"}
+{"version":3,"file":"Accordion.js","names":["HvAccordion","id","className","classes","disabled","label","labelProps","onChange","children","expanded","headingLevel","defaultExpanded","containerProps","others","useControlled","Boolean","isOpen","setIsOpen","handleAction","useCallback","event","handleClick","preventDefault","stopPropagation","handleKeyDown","isEventHandled","key","altKey","ctrlKey","metaKey","currentTarget","target","accordionHeaderId","setId","accordionContainer","accordionHeader","useMemo","color","undefined","variantToApply","accordionButton","clsx","result","root","container","hidden","propTypes","PropTypes","string","shape","isRequired","node","instanceOf","Object","func","bool","oneOf","withStyles","styles","name"],"sources":["../../src/Accordion/Accordion.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\nimport styles from \"./styles\";\nimport { setId, useControlled } from \"../utils\";\nimport { HvTypography } from \"..\";\n\n/**\n * A accordion is a design element that expands in place to expose hidden information.\n */\nconst HvAccordion = ({\n  id,\n  className,\n  classes,\n  disabled = false,\n  label,\n  labelProps,\n  onChange = null,\n  children,\n  expanded,\n  headingLevel,\n  defaultExpanded = false,\n  containerProps,\n  ...others\n}) => {\n  const [isOpen, setIsOpen] = useControlled(expanded, Boolean(defaultExpanded));\n\n  const handleAction = useCallback(\n    (event) => {\n      if (!disabled) {\n        onChange?.(event, isOpen);\n        setIsOpen(!isOpen);\n        return true;\n      }\n      return false;\n    },\n    [disabled, onChange, isOpen, setIsOpen]\n  );\n\n  const handleClick = useCallback(\n    (event) => {\n      handleAction(event);\n      event.preventDefault();\n      event.stopPropagation();\n    },\n    [handleAction]\n  );\n\n  const handleKeyDown = useCallback(\n    (event) => {\n      let isEventHandled = false;\n      const { key } = event;\n\n      if (event.altKey || event.ctrlKey || event.metaKey || event.currentTarget !== event.target) {\n        return;\n      }\n      switch (key) {\n        case \"Enter\":\n        case \" \":\n          isEventHandled = handleAction(event);\n          break;\n        default:\n          return;\n      }\n\n      if (isEventHandled) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [handleAction]\n  );\n\n  const accordionHeaderId = setId(id, \"button\");\n  const accordionContainer = setId(id, \"container\");\n  const accordionHeader = useMemo(() => {\n    const color = (disabled && [\"atmo5\"]) || undefined;\n    const variantToApply =\n      headingLevel === 1 || headingLevel === 2 ? \"sectionTitle\" : \"highlightText\";\n    const accordionButton = (\n      <HvTypography\n        id={accordionHeaderId}\n        component=\"div\"\n        role=\"button\"\n        className={clsx(classes.label, {\n          [classes.disabled]: disabled,\n        })}\n        tabIndex={0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        variant={variantToApply}\n        aria-expanded={isOpen}\n        aria-disabled={disabled}\n        {...labelProps}\n      >\n        {isOpen ? <DropUpXS color={color} /> : <DropDownXS color={color} />}\n        {label}\n      </HvTypography>\n    );\n    const result =\n      headingLevel === undefined ? (\n        accordionButton\n      ) : (\n        <HvTypography component={`h${headingLevel}`}>{accordionButton}</HvTypography>\n      );\n    return result;\n  }, [\n    classes,\n    handleClick,\n    handleKeyDown,\n    label,\n    labelProps,\n    accordionHeaderId,\n    disabled,\n    headingLevel,\n    isOpen,\n  ]);\n\n  return (\n    <div id={id} className={clsx(className, classes.root)} {...others}>\n      {accordionHeader}\n      <div\n        id={accordionContainer}\n        role=\"region\"\n        aria-labelledby={accordionHeaderId}\n        className={clsx(classes.container, { [classes.hidden]: !isOpen })}\n        {...containerProps}\n      >\n        {children}\n      </div>\n    </div>\n  );\n};\n\nHvAccordion.propTypes = {\n  /**\n   * Id to be applied to the root node of the accordion.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied to the accordion.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root of the accordion.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    hidden: PropTypes.string,\n    /**\n     * Styles applied to the content when it is hidden.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the label button.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the label button when it is disabled.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * The accordion label button.\n   */\n  label: PropTypes.node.isRequired,\n  /**\n   * An object containing props to be passed onto the accordion label button.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n  /**\n   * The function that will be executed whenever the accordion toggles it will receive the state of the accordion\n   */\n  onChange: PropTypes.func,\n  /**\n   * Whether the accordion is open or not, if this property is defined the accordion must be fully controlled.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * When uncontrolled, defines the initial expanded state.\n   */\n  defaultExpanded: PropTypes.bool,\n  /**\n   * An object containing props to be passed onto container holding the accordion children.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n  /**\n   * Heading Level to apply to accordion button if ´undefined´ the button won't have a header wrapper.\n   */\n  headingLevel: PropTypes.oneOf([1, 2, 3, 4, 5, 6]),\n  /**\n   * Is the accordion disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The content of the accordion.\n   */\n  children: PropTypes.node,\n};\n\nexport default withStyles(styles, { name: \"HvAccordion\" })(HvAccordion);\n"],"mappings":"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"}

package/dist/Accordion/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Accordion.default;
   }
 });
-
 var _Accordion = _interopRequireDefault(require("./Accordion"));
 //# sourceMappingURL=index.js.map

package/dist/Accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Accordion/index.js"],"sourcesContent":["export { default } from \"./Accordion\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Accordion/index.js"],"sourcesContent":["export { default } from \"./Accordion\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/Accordion/styles.js

@@ -1,40 +1,26 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _styles = require("../Focus/styles");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var hover = function hover(theme) {
   return {
     background: theme.hv.palette.atmosphere.atmo3
   };
 };
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -78,7 +64,6 @@ var styles = function styles(theme) {
     disabled: {}
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/Accordion/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hover","theme","background","hv","palette","atmosphere","atmo3","styles","root","paddingTop","nav","container","height","hidden","display","label","width","justifyContent","alignItems","outline","outlineStyles","cursor","color","atmo5","disabled"],"sources":["../../src/Accordion/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n});\n\nconst styles = (theme) => ({\n  root: {\n    \"& + $root\": {\n      paddingTop: 8,\n    },\n  },\n  nav: {},\n  container: {\n    paddingTop: 8,\n    height: \"auto\",\n  },\n  hidden: {\n    height: 0,\n    display: \"none\",\n  },\n  label: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n\n    // hover\n    \":not($disabled)&:hover\": hover(theme),\n\n    // focus\n    \":not($disabled)&:focus\": hover(theme),\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"&$disabled\": {\n      cursor: \"not-allowed\",\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n  disabled: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD;EAAA,OAAY;IACxBC,UAAU,EAAED,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADhB,CAAZ;AAAA,CAAd;;AAIA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACN,KAAD;EAAA,OAAY;IACzBO,IAAI,EAAE;MACJ,aAAa;QACXC,UAAU,EAAE;MADD;IADT,CADmB;IAMzBC,GAAG,EAAE,EANoB;IAOzBC,SAAS,EAAE;MACTF,UAAU,EAAE,CADH;MAETG,MAAM,EAAE;IAFC,CAPc;IAWzBC,MAAM,EAAE;MACND,MAAM,EAAE,CADF;MAENE,OAAO,EAAE;IAFH,CAXiB;IAezBC,KAAK,EAAE;MACLC,KAAK,EAAE,MADF;MAELF,OAAO,EAAE,MAFJ;MAGLG,cAAc,EAAE,YAHX;MAILC,UAAU,EAAE,QAJP;MAKLN,MAAM,EAAE,MALH;MAOL;MACA,0BAA0BZ,KAAK,CAACC,KAAD,CAR1B;MAUL;MACA,0BAA0BD,KAAK,CAACC,KAAD,CAX1B;MAaL,yBAAyB;QACvBkB,OAAO,EAAE;MADc,CAbpB;MAiBL,WAAW;QACTA,OAAO,EAAE;MADA,CAjBN;MAqBL,qCACKC,qBADL,CArBK;MAyBL;MACAC,MAAM,EAAE,SA1BH;MA2BL,cAAc;QACZA,MAAM,EAAE,aADI;QAEZC,KAAK,EAAErB,KAAK,CAACE,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BkB;MAFvB;IA3BT,CAfkB;IA+CzBC,QAAQ,EAAE;EA/Ce,CAAZ;AAAA,CAAf;;eAkDejB,M"}
+{"version":3,"file":"styles.js","names":["hover","theme","background","hv","palette","atmosphere","atmo3","styles","root","paddingTop","nav","container","height","hidden","display","label","width","justifyContent","alignItems","outline","outlineStyles","cursor","color","atmo5","disabled"],"sources":["../../src/Accordion/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst hover = (theme) => ({\n  background: theme.hv.palette.atmosphere.atmo3,\n});\n\nconst styles = (theme) => ({\n  root: {\n    \"& + $root\": {\n      paddingTop: 8,\n    },\n  },\n  nav: {},\n  container: {\n    paddingTop: 8,\n    height: \"auto\",\n  },\n  hidden: {\n    height: 0,\n    display: \"none\",\n  },\n  label: {\n    width: \"100%\",\n    display: \"flex\",\n    justifyContent: \"flex-start\",\n    alignItems: \"center\",\n    height: \"32px\",\n\n    // hover\n    \":not($disabled)&:hover\": hover(theme),\n\n    // focus\n    \":not($disabled)&:focus\": hover(theme),\n\n    \"&[disabled], &:active\": {\n      outline: \"none\",\n    },\n\n    \"&:focus\": {\n      outline: \"none\",\n    },\n\n    \"&.focus-visible\": {\n      ...outlineStyles,\n    },\n\n    // cursor\n    cursor: \"pointer\",\n    \"&$disabled\": {\n      cursor: \"not-allowed\",\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n  disabled: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAgD;AAAA;AAEhD,IAAMA,KAAK,GAAG,SAARA,KAAK,CAAIC,KAAK;EAAA,OAAM;IACxBC,UAAU,EAAED,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;EAC1C,CAAC;AAAA,CAAC;AAEF,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIN,KAAK;EAAA,OAAM;IACzBO,IAAI,EAAE;MACJ,WAAW,EAAE;QACXC,UAAU,EAAE;MACd;IACF,CAAC;IACDC,GAAG,EAAE,CAAC,CAAC;IACPC,SAAS,EAAE;MACTF,UAAU,EAAE,CAAC;MACbG,MAAM,EAAE;IACV,CAAC;IACDC,MAAM,EAAE;MACND,MAAM,EAAE,CAAC;MACTE,OAAO,EAAE;IACX,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbF,OAAO,EAAE,MAAM;MACfG,cAAc,EAAE,YAAY;MAC5BC,UAAU,EAAE,QAAQ;MACpBN,MAAM,EAAE,MAAM;MAEd;MACA,wBAAwB,EAAEZ,KAAK,CAACC,KAAK,CAAC;MAEtC;MACA,wBAAwB,EAAED,KAAK,CAACC,KAAK,CAAC;MAEtC,uBAAuB,EAAE;QACvBkB,OAAO,EAAE;MACX,CAAC;MAED,SAAS,EAAE;QACTA,OAAO,EAAE;MACX,CAAC;MAED,iBAAiB,oBACZC,qBAAa,CACjB;MAED;MACAC,MAAM,EAAE,SAAS;MACjB,YAAY,EAAE;QACZA,MAAM,EAAE,aAAa;QACrBC,KAAK,EAAErB,KAAK,CAACE,EAAE,CAACC,OAAO,CAACC,UAAU,CAACkB;MACrC;IACF,CAAC;IACDC,QAAQ,EAAE,CAAC;EACb,CAAC;AAAA,CAAC;AAAC,eAEYjB,MAAM;AAAA"}

package/dist/ActionBar/ActionBar.js

@@ -1,57 +1,37 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["classes", "className", "id", "children"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * This component acts as a container for the Action Bar pattern.
  */
 var HvActionBar = function HvActionBar(props) {
   var classes = props.classes,
-      className = props.className,
-      id = props.id,
-      children = props.children,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+    className = props.className,
+    id = props.id,
+    children = props.children,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({
     id: id,
     className: (0, _clsx.default)(classes.root, className)
@@ -59,18 +39,15 @@ var HvActionBar = function HvActionBar(props) {
     children: children
   }));
 };
-
 process.env.NODE_ENV !== "production" ? HvActionBar.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * Id to be applied to the root node.
    */
   id: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -80,16 +57,13 @@ process.env.NODE_ENV !== "production" ? HvActionBar.propTypes = {
      */
     root: _propTypes.default.string
   }).isRequired,
-
   /**
    * The content of the action container.
    */
   children: _propTypes.default.node.isRequired
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvActionBar"
 })(HvActionBar);
-
 exports.default = _default;
 //# sourceMappingURL=ActionBar.js.map

package/dist/ActionBar/ActionBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBar.js","names":["HvActionBar","props","classes","className","id","children","others","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../src/ActionBar/ActionBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * This component acts as a container for the Action Bar pattern.\n */\nconst HvActionBar = (props) => {\n  const { classes, className, id, children, ...others } = props;\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvActionBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * The content of the action container.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvActionBar\" })(HvActionBar);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAW;EAC7B,IAAQC,OAAR,GAAwDD,KAAxD,CAAQC,OAAR;EAAA,IAAiBC,SAAjB,GAAwDF,KAAxD,CAAiBE,SAAjB;EAAA,IAA4BC,EAA5B,GAAwDH,KAAxD,CAA4BG,EAA5B;EAAA,IAAgCC,QAAhC,GAAwDJ,KAAxD,CAAgCI,QAAhC;EAAA,IAA6CC,MAA7C,0CAAwDL,KAAxD;EAEA,oBACE;IAAK,EAAE,EAAEG,EAAT;IAAa,SAAS,EAAE,IAAAG,aAAA,EAAKL,OAAO,CAACM,IAAb,EAAmBL,SAAnB;EAAxB,GAA2DG,MAA3D;IAAA,UACGD;EADH,GADF;AAKD,CARD;;AAUA,wCAAAL,WAAW,CAACS,SAAZ,GAAwB;EACtB;AACF;AACA;EACEN,SAAS,EAAEO,kBAAA,CAAUC,MAJC;;EAKtB;AACF;AACA;EACEP,EAAE,EAAEM,kBAAA,CAAUC,MARQ;;EAStB;AACF;AACA;EACET,OAAO,EAAEQ,kBAAA,CAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAA,CAAUC;EAJO,CAAhB,EAKNE,UAjBmB;;EAkBtB;AACF;AACA;EACER,QAAQ,EAAEK,kBAAA,CAAUI,IAAV,CAAeD;AArBH,CAAxB;;eAwBe,IAAAE,kBAAA,EAAWC,gBAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4CjB,WAA5C,C"}
+{"version":3,"file":"ActionBar.js","names":["HvActionBar","props","classes","className","id","children","others","clsx","root","propTypes","PropTypes","string","shape","isRequired","node","withStyles","styles","name"],"sources":["../../src/ActionBar/ActionBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\n/**\n * This component acts as a container for the Action Bar pattern.\n */\nconst HvActionBar = (props) => {\n  const { classes, className, id, children, ...others } = props;\n\n  return (\n    <div id={id} className={clsx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n\nHvActionBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n  /**\n   * The content of the action container.\n   */\n  children: PropTypes.node.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvActionBar\" })(HvActionBar);\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAA8B;AAAA;AAAA;AAAA;AAE9B;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAW,CAAIC,KAAK,EAAK;EAC7B,IAAQC,OAAO,GAAyCD,KAAK,CAArDC,OAAO;IAAEC,SAAS,GAA8BF,KAAK,CAA5CE,SAAS;IAAEC,EAAE,GAA0BH,KAAK,CAAjCG,EAAE;IAAEC,QAAQ,GAAgBJ,KAAK,CAA7BI,QAAQ;IAAKC,MAAM,0CAAKL,KAAK;EAE7D,oBACE;IAAK,EAAE,EAAEG,EAAG;IAAC,SAAS,EAAE,IAAAG,aAAI,EAACL,OAAO,CAACM,IAAI,EAAEL,SAAS;EAAE,GAAKG,MAAM;IAAA,UAC9DD;EAAQ,GACL;AAEV,CAAC;AAED,wCAAAL,WAAW,CAACS,SAAS,GAAG;EACtB;AACF;AACA;EACEN,SAAS,EAAEO,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEP,EAAE,EAAEM,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACET,OAAO,EAAEQ,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIJ,IAAI,EAAEE,kBAAS,CAACC;EAClB,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACER,QAAQ,EAAEK,kBAAS,CAACI,IAAI,CAACD;AAC3B,CAAC;AAAC,eAEa,IAAAE,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAc,CAAC,CAAC,CAACjB,WAAW,CAAC;AAAA"}

package/dist/ActionBar/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _ActionBar.default;
   }
 });
-
 var _ActionBar = _interopRequireDefault(require("./ActionBar"));
 //# sourceMappingURL=index.js.map

package/dist/ActionBar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/ActionBar/index.js"],"sourcesContent":["export { default } from \"./ActionBar\";\n"],"mappings":";;;;;;;;;;;;;;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/ActionBar/index.js"],"sourcesContent":["export { default } from \"./ActionBar\";\n"],"mappings":";;;;;;;;;;;;AAAA"}

package/dist/ActionBar/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -17,7 +16,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/ActionBar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","width","height","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","display","justifyContent"],"sources":["../../src/ActionBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"75px\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJC,MAAM,EAAE,MAFJ;MAGJC,OAAO,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAHtB;MAIJC,SAAS,sBAAeR,KAAK,CAACK,EAAN,CAASI,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C,CAJL;MAKJC,OAAO,EAAE,MALL;MAMJC,cAAc,EAAE;IANZ;EADmB,CAAZ;AAAA,CAAf;;eAWed,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","height","padding","hv","spacing","sm","borderTop","palette","atmosphere","atmo2","display","justifyContent"],"sources":["../../src/ActionBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"75px\",\n    padding: theme.hv.spacing.sm,\n    borderTop: `3px solid ${theme.hv.palette.atmosphere.atmo2}`,\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,OAAO,EAAEJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE;MAC5BC,SAAS,sBAAeR,KAAK,CAACK,EAAE,CAACI,OAAO,CAACC,UAAU,CAACC,KAAK,CAAE;MAC3DC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE;IAClB;EACF,CAAC;AAAA,CAAC;AAAC,eAEYd,MAAM;AAAA"}