@hitachivantara/uikit-react-core 3.60.0 → 3.61.0

package/dist/legacy/Avatar/Avatar.js

@@ -9,11 +9,11 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps"];
+var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import React from "react";
 import PropTypes from "prop-types";
@@ -26,6 +26,31 @@ import styles from "./styles";
 var getColor = function getColor(theme, color, defaultColor) {
   return theme.palette[color] || color || defaultColor;
 };
+
+var normalizeSize = function normalizeSize(size) {
+  if (size === "S" || size === "M" || size === "L") {
+    // eslint-disable-next-line no-console
+    console.warn("`size` values S, M and L are deprecated. Please use XS, SM, MD, LG or XL instead");
+
+    switch (size) {
+      case "S":
+        return "SM";
+
+      case "M":
+        return "MD";
+
+      case "L":
+        // this is intentional. the old L corresponds to the new XL. should be
+        // removed once the old nomenclature is removed.
+        return "XL";
+
+      default:
+        break;
+    }
+  }
+
+  return size;
+};
 /**
  * Avatars can be used to represent a user or a brand.
  * They can show an image, an icon or the initial letters of a name, for example.
@@ -39,7 +64,7 @@ var HvAvatar = function HvAvatar(props) {
       childrenProp = props.children,
       component = props.component,
       _props$size = props.size,
-      size = _props$size === void 0 ? "S" : _props$size,
+      size = _props$size === void 0 ? "SM" : _props$size,
       _props$backgroundColo = props.backgroundColor,
       backgroundColor = _props$backgroundColo === void 0 ? "acce1" : _props$backgroundColo,
       _props$color = props.color,
@@ -49,8 +74,14 @@ var HvAvatar = function HvAvatar(props) {
       sizes = props.sizes,
       alt = props.alt,
       imgProps = props.imgProps,
-      others = _objectWithoutProperties(props, _excluded);
+      status = props.status,
+      badge = props.badge,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? "circular" : _props$variant,
+      others = _objectWithoutProperties(props, _excluded); // S, M and L are now deprecated, this intends to normalize the size to the new norm of XS, SM, MD, LG and XL
 
+
+  var normalizedSize = normalizeSize(size);
   var children = null; // Use a hook instead of onError on the img element to support server-side rendering.
 
   var imageLoaded = useImageLoaded(src, srcSet);
@@ -74,7 +105,7 @@ var HvAvatar = function HvAvatar(props) {
   } else {
     children = /*#__PURE__*/React.createElement(User, {
       color: color,
-      iconSize: decreaseSize(size),
+      iconSize: decreaseSize(normalizedSize),
       className: classes.fallback
     });
   }
@@ -93,11 +124,35 @@ var HvAvatar = function HvAvatar(props) {
     inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);
   }
 
-  return /*#__PURE__*/React.createElement(Avatar, _extends({
+  var statusInlineStyle = {};
+
+  if (status) {
+    // set the status border. we're using the boxShadow property to set the border
+    // to be inside the container and not on its edge.
+    var statusColor = getColor(theme, status, theme.hv.palette.semantic.sema1);
+    statusInlineStyle.boxShadow = "inset 0px 0px 0px 2px ".concat(statusColor);
+  }
+
+  var badgeColor = getColor(theme, badge, theme.hv.palette.semantic.sema1);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.container,
+    tabIndex: 0,
+    role: "button",
+    "aria-label": "avatar"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.status, classes[variant], classes[normalizedSize]),
+    style: statusInlineStyle
+  }, badge && /*#__PURE__*/React.createElement("div", {
+    className: classes.badge,
+    style: {
+      backgroundColor: badgeColor
+    }
+  }), /*#__PURE__*/React.createElement(Avatar, _extends({
     component: component,
-    className: clsx(className, classes.root, classes[size]),
-    style: inlineStyle
-  }, others), children);
+    className: clsx(className, classes.root, classes.avatar, classes[normalizedSize]),
+    style: inlineStyle,
+    variant: variant
+  }, others), children)));
 };
 
 process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
@@ -126,19 +181,29 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
     root: PropTypes.string,
 
     /**
-     * Styles applied to the root element when size is S.
+     * Styles applied to the root element when size is XS.
+     */
+    XS: PropTypes.string,
+
+    /**
+     * Styles applied to the root element when size is SM.
      */
-    S: PropTypes.string,
+    SM: PropTypes.string,
 
     /**
-     * Styles applied to the root element when size is M.
+     * Styles applied to the root element when size is MD.
      */
-    M: PropTypes.string,
+    MD: PropTypes.string,
 
     /**
-     * Styles applied to the root element when size is L.
+     * Styles applied to the root element when size is LG.
      */
-    L: PropTypes.string,
+    LG: PropTypes.string,
+
+    /**
+     * Styles applied to the root element when size is XL.
+     */
+    XL: PropTypes.string,
 
     /**
      * Styles applied to the img element if either `src` or `srcSet` is defined.
@@ -148,7 +213,27 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
     /**
      * Styles applied to the fallback icon.
      */
-    fallback: PropTypes.string
+    fallback: PropTypes.string,
+
+    /**
+     * Styles applied to the container element.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Styles applied to the avatar element.
+     */
+    avatar: PropTypes.string,
+
+    /**
+     * Styles applied to the badge element.
+     */
+    badge: PropTypes.string,
+
+    /**
+     * Styles applied to the status element.
+     */
+    status: PropTypes.string
   }).isRequired,
 
   /**
@@ -166,7 +251,7 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
   /**
    * Sets one of the standard sizes of the icons
    */
-  size: PropTypes.oneOf(["S", "M", "L"]),
+  size: PropTypes.oneOf(["S", "M", "L", "XS", "SM", "MD", "LG", "XL"]),
 
   /**
    * A String representing the background color of the avatar.
@@ -207,7 +292,22 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
    * Attributes applied to the `img` element if the component is used to display an image.
    * It can be used to listen for the loading error event.
    */
-  imgProps: PropTypes.instanceOf(Object)
+  imgProps: PropTypes.instanceOf(Object),
+
+  /**
+   * A string representing the type of avatar to display, circular or square.
+   */
+  variant: PropTypes.oneOf(["circular", "square"]),
+
+  /**
+   * A string representing the color of the avatar border that represents its status.
+   */
+  status: PropTypes.string,
+
+  /**
+   * A string representing the color of the avatar badge.
+   */
+  badge: PropTypes.string
 } : void 0;
 export default withStyles(styles, {
   name: "HvAvatar"

package/dist/legacy/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Avatar/Avatar.js"],"names":["React","PropTypes","clsx","Avatar","withStyles","useTheme","User","decreaseSize","useImageLoaded","styles","getColor","theme","color","defaultColor","palette","HvAvatar","props","className","style","classes","childrenProp","children","component","size","backgroundColor","src","srcSet","sizes","alt","imgProps","others","imageLoaded","hasImg","hasImgNotFailing","img","fallback","inlineStyle","borderRadius","hv","accent","acce1","atmosphere","atmo1","root","propTypes","id","string","instanceOf","Object","shape","S","M","L","isRequired","node","elementType","oneOf","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Avatar, withStyles, useTheme } from \"@material-ui/core\";\n\nimport { User } from \"@hitachivantara/uikit-react-icons\";\n\nimport { decreaseSize, useImageLoaded } from \"../utils\";\n\nimport styles from \"./styles\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nconst HvAvatar = (props) => {\n  const {\n    className,\n    style,\n    classes,\n    children: childrenProp,\n    component,\n    size = \"S\",\n    backgroundColor = \"acce1\",\n    color = \"atmo1\",\n    src,\n    srcSet,\n    sizes,\n    alt,\n    imgProps,\n    ...others\n  } = props;\n\n  let children = null;\n\n  // Use a hook instead of onError on the img element to support server-side rendering.\n  const imageLoaded = useImageLoaded(src, srcSet);\n  const hasImg = src || srcSet;\n  const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n  if (hasImgNotFailing) {\n    children = (\n      <img\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={classes.img}\n        {...imgProps}\n      />\n    );\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    [children] = alt;\n  } else {\n    children = <User color={color} iconSize={decreaseSize(size)} className={classes.fallback} />;\n  }\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  if (component != null && typeof component !== \"string\") {\n    // override border-radius with custom components\n    inlineStyle.borderRadius = \"50%\";\n  }\n\n  const theme = useTheme();\n  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(theme, backgroundColor, theme.hv.palette.accent.acce1);\n    inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);\n  }\n\n  return (\n    <Avatar\n      component={component}\n      className={clsx(className, classes.root, classes[size])}\n      style={inlineStyle}\n      {...others}\n    >\n      {children}\n    </Avatar>\n  );\n};\n\nHvAvatar.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is S.\n     */\n    S: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is M.\n     */\n    M: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is L.\n     */\n    L: PropTypes.string,\n    /**\n     * Styles applied to the img element if either `src` or `srcSet` is defined.\n     */\n    img: PropTypes.string,\n    /**\n     * Styles applied to the fallback icon.\n     */\n    fallback: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Used to render icon or text elements inside the Avatar if `src` is not set.\n   * This can be an element, or just a string.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Sets one of the standard sizes of the icons\n   */\n  size: PropTypes.oneOf([\"S\", \"M\", \"L\"]),\n\n  /**\n   * A String representing the background color of the avatar.\n   * You can use either an HEX or color name from the palette.\n   */\n  backgroundColor: PropTypes.string,\n  /**\n   * A String representing the foreground color of the avatar's\n   * letters or the generic User icon fallback.\n   * You can use either an HEX or color name from the palette.\n   */\n  color: PropTypes.string,\n\n  /**\n   * The `src` attribute for the `img` element.\n   */\n  src: PropTypes.string,\n  /**\n   * The `srcSet` attribute for the `img` element.\n   * Use this attribute for responsive image display.\n   */\n  srcSet: PropTypes.string,\n  /**\n   * The `sizes` attribute for the `img` element.\n   */\n  sizes: PropTypes.string,\n  /**\n   * Used in combination with `src` or `srcSet` to\n   * provide an alt attribute for the rendered `img` element.\n   */\n  alt: PropTypes.string,\n  /**\n   * Attributes applied to the `img` element if the component is used to display an image.\n   * It can be used to listen for the loading error event.\n   */\n  imgProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"file":"Avatar.js"}
+{"version":3,"sources":["../../../src/Avatar/Avatar.js"],"names":["React","PropTypes","clsx","Avatar","withStyles","useTheme","User","decreaseSize","useImageLoaded","styles","getColor","theme","color","defaultColor","palette","normalizeSize","size","console","warn","HvAvatar","props","className","style","classes","childrenProp","children","component","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","others","normalizedSize","imageLoaded","hasImg","hasImgNotFailing","img","fallback","inlineStyle","borderRadius","hv","accent","acce1","atmosphere","atmo1","statusInlineStyle","statusColor","semantic","sema1","boxShadow","badgeColor","container","root","avatar","propTypes","id","string","instanceOf","Object","shape","XS","SM","MD","LG","XL","isRequired","node","elementType","oneOf","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { Avatar, withStyles, useTheme } from \"@material-ui/core\";\n\nimport { User } from \"@hitachivantara/uikit-react-icons\";\n\nimport { decreaseSize, useImageLoaded } from \"../utils\";\n\nimport styles from \"./styles\";\n\nconst getColor = (theme, color, defaultColor) => theme.palette[color] || color || defaultColor;\n\nconst normalizeSize = (size) => {\n  if (size === \"S\" || size === \"M\" || size === \"L\") {\n    // eslint-disable-next-line no-console\n    console.warn(\n      \"`size` values S, M and L are deprecated. Please use XS, SM, MD, LG or XL instead\"\n    );\n    switch (size) {\n      case \"S\":\n        return \"SM\";\n      case \"M\":\n        return \"MD\";\n      case \"L\":\n        // this is intentional. the old L corresponds to the new XL. should be\n        // removed once the old nomenclature is removed.\n        return \"XL\";\n      default:\n        break;\n    }\n  }\n  return size;\n};\n\n/**\n * Avatars can be used to represent a user or a brand.\n * They can show an image, an icon or the initial letters of a name, for example.\n */\nconst HvAvatar = (props) => {\n  const {\n    className,\n    style,\n    classes,\n    children: childrenProp,\n    component,\n    size = \"SM\",\n    backgroundColor = \"acce1\",\n    color = \"atmo1\",\n    src,\n    srcSet,\n    sizes,\n    alt,\n    imgProps,\n    status,\n    badge,\n    variant = \"circular\",\n    ...others\n  } = props;\n\n  // S, M and L are now deprecated, this intends to normalize the size to the new norm of XS, SM, MD, LG and XL\n  const normalizedSize = normalizeSize(size);\n\n  let children = null;\n\n  // Use a hook instead of onError on the img element to support server-side rendering.\n  const imageLoaded = useImageLoaded(src, srcSet);\n  const hasImg = src || srcSet;\n  const hasImgNotFailing = hasImg && imageLoaded !== \"error\";\n\n  if (hasImgNotFailing) {\n    children = (\n      <img\n        alt={alt}\n        src={src}\n        srcSet={srcSet}\n        sizes={sizes}\n        className={classes.img}\n        {...imgProps}\n      />\n    );\n  } else if (childrenProp != null) {\n    children = childrenProp;\n  } else if (hasImg && alt) {\n    [children] = alt;\n  } else {\n    children = (\n      <User color={color} iconSize={decreaseSize(normalizedSize)} className={classes.fallback} />\n    );\n  }\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  if (component != null && typeof component !== \"string\") {\n    // override border-radius with custom components\n    inlineStyle.borderRadius = \"50%\";\n  }\n\n  const theme = useTheme();\n  if (!hasImgNotFailing) {\n    inlineStyle.backgroundColor = getColor(theme, backgroundColor, theme.hv.palette.accent.acce1);\n    inlineStyle.color = getColor(theme, color, theme.hv.palette.atmosphere.atmo1);\n  }\n\n  const statusInlineStyle = {};\n  if (status) {\n    // set the status border. we're using the boxShadow property to set the border\n    // to be inside the container and not on its edge.\n    const statusColor = getColor(theme, status, theme.hv.palette.semantic.sema1);\n    statusInlineStyle.boxShadow = `inset 0px 0px 0px 2px ${statusColor}`;\n  }\n\n  const badgeColor = getColor(theme, badge, theme.hv.palette.semantic.sema1);\n\n  return (\n    <div className={classes.container} tabIndex={0} role=\"button\" aria-label=\"avatar\">\n      <div\n        className={clsx(classes.status, classes[variant], classes[normalizedSize])}\n        style={statusInlineStyle}\n      >\n        {badge && <div className={classes.badge} style={{ backgroundColor: badgeColor }} />}\n        <Avatar\n          component={component}\n          className={clsx(className, classes.root, classes.avatar, classes[normalizedSize])}\n          style={inlineStyle}\n          variant={variant}\n          {...others}\n        >\n          {children}\n        </Avatar>\n      </div>\n    </div>\n  );\n};\n\nHvAvatar.propTypes = {\n  /**\n   * Identifier to be applied to the root element.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied to the root element.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XS.\n     */\n    XS: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is SM.\n     */\n    SM: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is MD.\n     */\n    MD: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is LG.\n     */\n    LG: PropTypes.string,\n    /**\n     * Styles applied to the root element when size is XL.\n     */\n    XL: PropTypes.string,\n    /**\n     * Styles applied to the img element if either `src` or `srcSet` is defined.\n     */\n    img: PropTypes.string,\n    /**\n     * Styles applied to the fallback icon.\n     */\n    fallback: PropTypes.string,\n    /**\n     * Styles applied to the container element.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the avatar element.\n     */\n    avatar: PropTypes.string,\n    /**\n     * Styles applied to the badge element.\n     */\n    badge: PropTypes.string,\n    /**\n     * Styles applied to the status element.\n     */\n    status: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Used to render icon or text elements inside the Avatar if `src` is not set.\n   * This can be an element, or just a string.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a DOM element or a component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Sets one of the standard sizes of the icons\n   */\n  size: PropTypes.oneOf([\"S\", \"M\", \"L\", \"XS\", \"SM\", \"MD\", \"LG\", \"XL\"]),\n\n  /**\n   * A String representing the background color of the avatar.\n   * You can use either an HEX or color name from the palette.\n   */\n  backgroundColor: PropTypes.string,\n  /**\n   * A String representing the foreground color of the avatar's\n   * letters or the generic User icon fallback.\n   * You can use either an HEX or color name from the palette.\n   */\n  color: PropTypes.string,\n\n  /**\n   * The `src` attribute for the `img` element.\n   */\n  src: PropTypes.string,\n  /**\n   * The `srcSet` attribute for the `img` element.\n   * Use this attribute for responsive image display.\n   */\n  srcSet: PropTypes.string,\n  /**\n   * The `sizes` attribute for the `img` element.\n   */\n  sizes: PropTypes.string,\n  /**\n   * Used in combination with `src` or `srcSet` to\n   * provide an alt attribute for the rendered `img` element.\n   */\n  alt: PropTypes.string,\n  /**\n   * Attributes applied to the `img` element if the component is used to display an image.\n   * It can be used to listen for the loading error event.\n   */\n  imgProps: PropTypes.instanceOf(Object),\n  /**\n   * A string representing the type of avatar to display, circular or square.\n   */\n  variant: PropTypes.oneOf([\"circular\", \"square\"]),\n  /**\n   * A string representing the color of the avatar border that represents its status.\n   */\n  status: PropTypes.string,\n  /**\n   * A string representing the color of the avatar badge.\n   */\n  badge: PropTypes.string,\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"file":"Avatar.js"}

package/dist/legacy/Avatar/styles.js

@@ -1,6 +1,37 @@
-var SMALL = "24px";
-var MEDIUM = "40px";
-var LARGE = "96px";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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) { _defineProperty(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; }
+
+import { outlineStyles } from "../Focus/styles";
+var EXTRA_SMALL = {
+  container: "32px",
+  avatar: "24px"
+};
+var SMALL = {
+  container: "40px",
+  avatar: "32px"
+};
+var MEDIUM = {
+  container: "48px",
+  avatar: "40px"
+};
+var LARGE = {
+  container: "60px",
+  avatar: "52px"
+};
+var EXTRA_LARGE = {
+  container: "96px",
+  avatar: "88px"
+};
 var styles = {
   /* Styles applied to the root element. */
   root: {
@@ -22,20 +53,80 @@ var styles = {
 
   /* Styles applied to the fallback icon */
   fallback: {},
-  S: {
-    width: SMALL,
-    height: SMALL,
-    fontSize: "0.625rem"
+  container: {
+    "&:focus-visible": _objectSpread(_objectSpread({}, outlineStyles), {}, {
+      borderRadius: 0
+    })
   },
-  M: {
-    width: MEDIUM,
-    height: MEDIUM,
-    fontSize: "1rem"
+  status: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "relative",
+    "&$XS": {
+      width: EXTRA_SMALL.container,
+      height: EXTRA_SMALL.container
+    },
+    "&$SM": {
+      width: SMALL.container,
+      height: SMALL.container
+    },
+    "&$MD": {
+      width: MEDIUM.container,
+      height: MEDIUM.container
+    },
+    "&$LG": {
+      width: LARGE.container,
+      height: LARGE.container
+    },
+    "&$XL": {
+      width: EXTRA_LARGE.container,
+      height: EXTRA_LARGE.container
+    }
+  },
+  avatar: {
+    "&$XS": {
+      width: EXTRA_SMALL.avatar,
+      height: EXTRA_SMALL.avatar,
+      fontSize: "0.5rem"
+    },
+    "&$SM": {
+      width: SMALL.avatar,
+      height: SMALL.avatar,
+      fontSize: "0.625rem"
+    },
+    "&$MD": {
+      width: MEDIUM.avatar,
+      height: MEDIUM.avatar,
+      fontSize: "1rem"
+    },
+    "&$LG": {
+      width: LARGE.avatar,
+      height: LARGE.avatar,
+      fontSize: "1.5rem"
+    },
+    "&$XL": {
+      width: EXTRA_LARGE.avatar,
+      height: EXTRA_LARGE.avatar,
+      fontSize: "2rem"
+    }
+  },
+  badge: {
+    width: 8,
+    height: 8,
+    position: "absolute",
+    top: 0,
+    right: 0,
+    borderRadius: "50%",
+    zIndex: 1
   },
-  L: {
-    width: LARGE,
-    height: LARGE,
-    fontSize: "2rem"
+  XS: {},
+  SM: {},
+  MD: {},
+  LG: {},
+  XL: {},
+  circular: {
+    borderRadius: "50%"
   }
 };
 export default styles;

package/dist/legacy/Avatar/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Avatar/styles.js"],"names":["SMALL","MEDIUM","LARGE","styles","root","fontSize","img","width","height","textAlign","objectFit","color","textIndent","fallback","S","M","L"],"mappings":"AAAA,IAAMA,KAAK,GAAG,MAAd;AACA,IAAMC,MAAM,GAAG,MAAf;AACA,IAAMC,KAAK,GAAG,MAAd;AAEA,IAAMC,MAAM,GAAG;AACb;AACAC,EAAAA,IAAI,EAAE;AACJC,IAAAA,QAAQ,EAAE;AADN,GAFO;;AAKb;AACAC,EAAAA,GAAG,EAAE;AACHC,IAAAA,KAAK,EAAE,MADJ;AAEHC,IAAAA,MAAM,EAAE,MAFL;AAGHC,IAAAA,SAAS,EAAE,QAHR;AAIH;AACAC,IAAAA,SAAS,EAAE,OALR;AAMH;AACAC,IAAAA,KAAK,EAAE,aAPJ;AAQH;AACAC,IAAAA,UAAU,EAAE;AATT,GANQ;;AAiBb;AACAC,EAAAA,QAAQ,EAAE,EAlBG;AAoBbC,EAAAA,CAAC,EAAE;AACDP,IAAAA,KAAK,EAAEP,KADN;AAEDQ,IAAAA,MAAM,EAAER,KAFP;AAGDK,IAAAA,QAAQ,EAAE;AAHT,GApBU;AAyBbU,EAAAA,CAAC,EAAE;AACDR,IAAAA,KAAK,EAAEN,MADN;AAEDO,IAAAA,MAAM,EAAEP,MAFP;AAGDI,IAAAA,QAAQ,EAAE;AAHT,GAzBU;AA8BbW,EAAAA,CAAC,EAAE;AACDT,IAAAA,KAAK,EAAEL,KADN;AAEDM,IAAAA,MAAM,EAAEN,KAFP;AAGDG,IAAAA,QAAQ,EAAE;AAHT;AA9BU,CAAf;AAqCA,eAAeF,MAAf","sourcesContent":["const SMALL = \"24px\";\nconst MEDIUM = \"40px\";\nconst LARGE = \"96px\";\n\nconst styles = {\n  /* Styles applied to the root element. */\n  root: {\n    fontSize: \"1rem\",\n  },\n  /* Styles applied to the img element if either `src` or `srcSet` is defined. */\n  img: {\n    width: \"100%\",\n    height: \"100%\",\n    textAlign: \"center\",\n    // Handle non-square image. The property isn't supported by IE 11.\n    objectFit: \"cover\",\n    // Hide alt text.\n    color: \"transparent\",\n    // Hide the image broken icon, only works on Chrome.\n    textIndent: 10000,\n  },\n  /* Styles applied to the fallback icon */\n  fallback: {},\n\n  S: {\n    width: SMALL,\n    height: SMALL,\n    fontSize: \"0.625rem\",\n  },\n  M: {\n    width: MEDIUM,\n    height: MEDIUM,\n    fontSize: \"1rem\",\n  },\n  L: {\n    width: LARGE,\n    height: LARGE,\n    fontSize: \"2rem\",\n  },\n};\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../src/Avatar/styles.js"],"names":["outlineStyles","EXTRA_SMALL","container","avatar","SMALL","MEDIUM","LARGE","EXTRA_LARGE","styles","root","fontSize","img","width","height","textAlign","objectFit","color","textIndent","fallback","borderRadius","status","display","alignItems","justifyContent","position","badge","top","right","zIndex","XS","SM","MD","LG","XL","circular"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst EXTRA_SMALL = { container: \"32px\", avatar: \"24px\" };\nconst SMALL = { container: \"40px\", avatar: \"32px\" };\nconst MEDIUM = { container: \"48px\", avatar: \"40px\" };\nconst LARGE = { container: \"60px\", avatar: \"52px\" };\nconst EXTRA_LARGE = { container: \"96px\", avatar: \"88px\" };\n\nconst styles = {\n  /* Styles applied to the root element. */\n  root: {\n    fontSize: \"1rem\",\n  },\n  /* Styles applied to the img element if either `src` or `srcSet` is defined. */\n  img: {\n    width: \"100%\",\n    height: \"100%\",\n    textAlign: \"center\",\n    // Handle non-square image. The property isn't supported by IE 11.\n    objectFit: \"cover\",\n    // Hide alt text.\n    color: \"transparent\",\n    // Hide the image broken icon, only works on Chrome.\n    textIndent: 10000,\n  },\n  /* Styles applied to the fallback icon */\n  fallback: {},\n\n  container: {\n    \"&:focus-visible\": {\n      ...outlineStyles,\n      borderRadius: 0,\n    },\n  },\n  status: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"relative\",\n    \"&$XS\": {\n      width: EXTRA_SMALL.container,\n      height: EXTRA_SMALL.container,\n    },\n    \"&$SM\": {\n      width: SMALL.container,\n      height: SMALL.container,\n    },\n    \"&$MD\": {\n      width: MEDIUM.container,\n      height: MEDIUM.container,\n    },\n    \"&$LG\": {\n      width: LARGE.container,\n      height: LARGE.container,\n    },\n    \"&$XL\": {\n      width: EXTRA_LARGE.container,\n      height: EXTRA_LARGE.container,\n    },\n  },\n  avatar: {\n    \"&$XS\": {\n      width: EXTRA_SMALL.avatar,\n      height: EXTRA_SMALL.avatar,\n      fontSize: \"0.5rem\",\n    },\n    \"&$SM\": {\n      width: SMALL.avatar,\n      height: SMALL.avatar,\n      fontSize: \"0.625rem\",\n    },\n    \"&$MD\": {\n      width: MEDIUM.avatar,\n      height: MEDIUM.avatar,\n      fontSize: \"1rem\",\n    },\n    \"&$LG\": {\n      width: LARGE.avatar,\n      height: LARGE.avatar,\n      fontSize: \"1.5rem\",\n    },\n    \"&$XL\": {\n      width: EXTRA_LARGE.avatar,\n      height: EXTRA_LARGE.avatar,\n      fontSize: \"2rem\",\n    },\n  },\n  badge: {\n    width: 8,\n    height: 8,\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    borderRadius: \"50%\",\n    zIndex: 1,\n  },\n\n  XS: {},\n  SM: {},\n  MD: {},\n  LG: {},\n  XL: {},\n  circular: {\n    borderRadius: \"50%\",\n  },\n};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/Badge/styles.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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 labelBaseStyle = function labelBaseStyle(theme) {
   return _objectSpread(_objectSpread({}, theme.hv.typography.highlightText), {}, {

package/dist/legacy/Banner/BannerWrapper/ActionContainer/styles.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import fade from "../../../utils/hexToRgbA";
 import { outlineStyles } from "../../../Focus/styles";

package/dist/legacy/Barchart/Barchart.js

@@ -4,9 +4,9 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["id", "classes", "data", "layout", "config", "tooltipType", "stack", "horizontal"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import "core-js/modules/es.array.map.js";
 import "core-js/modules/es.object.keys.js";

package/dist/legacy/BaseCheckBox/styles.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import { outlineStyles } from "../Focus/styles";
 

package/dist/legacy/BaseDropdown/BaseDropdown.js

@@ -17,9 +17,9 @@ import "core-js/modules/es.array.includes.js";
 import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.string.anchor.js";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
 import ReactDOM from "react-dom";

package/dist/legacy/BaseDropdown/styles.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import { outlineStyles } from "../Focus/styles";
 

package/dist/legacy/BaseInput/BaseInput.js

@@ -3,9 +3,9 @@ import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["classes", "className", "id", "name", "value", "defaultValue", "required", "readOnly", "disabled", "onChange", "type", "placeholder", "multiline", "resizable", "invalid", "inputRef", "inputProps"];
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import "core-js/modules/es.function.name.js";
 import "core-js/modules/es.object.keys.js";

package/dist/legacy/BaseInput/styles.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import { outlineStyles } from "../Focus/styles";
 

package/dist/legacy/BaseRadio/styles.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import { outlineStyles } from "../Focus/styles";
 

package/dist/legacy/BaseSwitch/styles.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import { outlineStyles } from "../Focus/styles";
 var switchWidth = 32;

package/dist/legacy/Button/materialConfigurarion.js

@@ -7,9 +7,9 @@ import "core-js/modules/web.dom-collections.for-each.js";
 import "core-js/modules/es.object.get-own-property-descriptors.js";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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) { _defineProperty(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; }
 
 import "core-js/modules/es.object.freeze.js";
 import materialButtonConfiguration from "./materialButtonConfiguration";