@hitachivantara/uikit-react-core 3.62.4 → 3.62.7

package/CHANGELOG.md

@@ -3,6 +3,40 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 3.62.7 (2022-04-22)
+
+
+### Bug Fixes
+
+* **FileUploader:** realigned upload value HVUIKIT-6340 ([2e26913](https://github.com/lumada-design/hv-uikit-react/commit/2e26913c531175fcb3ad21cc911dac3326131411))
+
+
+
+
+
+## [3.62.6](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.62.5...@hitachivantara/uikit-react-core@3.62.6) (2022-04-20)
+
+
+### Bug Fixes
+
+* **Avatar:** add containerProps ([#2747](https://github.com/lumada-design/hv-uikit-react/issues/2747)) ([872a22c](https://github.com/lumada-design/hv-uikit-react/commit/872a22c69083eda96ac02cd7c831b25c8153dac0))
+
+
+
+
+
+## 3.62.5 (2022-04-19)
+
+
+### Bug Fixes
+
+* **filtergroup:** enable typings ([#2743](https://github.com/lumada-design/hv-uikit-react/issues/2743)) ([aa09e97](https://github.com/lumada-design/hv-uikit-react/commit/aa09e9705905a2970e44c8f487f8688d2fc30f2c))
+* **Snackbar:** message overflow its content box when rendering long words. HVUIKIT-6344 ([#2745](https://github.com/lumada-design/hv-uikit-react/issues/2745)) ([7989b3d](https://github.com/lumada-design/hv-uikit-react/commit/7989b3db14e7f0afb5b11c5a6809fa72586a2746))
+
+
+
+
+
 ## [3.62.4](https://github.com/lumada-design/hv-uikit-react/compare/@hitachivantara/uikit-react-core@3.62.3...@hitachivantara/uikit-react-core@3.62.4) (2022-04-13)
 
 

package/dist/Avatar/Avatar.d.ts

@@ -76,6 +76,10 @@ export interface HvAvatarProps
    * A string representing the color of the avatar badge.
    */
   badge?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys;
+  /**
+   * Attributes applied to the container element.
+   */
+  containerProps: object;
 }
 
 export default function HvAvatar(props: HvAvatarProps): JSX.Element | null;

package/dist/Avatar/Avatar.js

@@ -43,7 +43,7 @@ var _utils = require("../utils");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant"];
+var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant", "containerProps"];
 
 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; }
 
@@ -104,6 +104,7 @@ var HvAvatar = function HvAvatar(props) {
       badge = props.badge,
       _props$variant = props.variant,
       variant = _props$variant === void 0 ? "circular" : _props$variant,
+      containerProps = props.containerProps,
       others = (0, _objectWithoutProperties2.default)(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);
@@ -159,12 +160,17 @@ var HvAvatar = function HvAvatar(props) {
   }
 
   var badgeColor = getColor(theme, badge, theme.hv.palette.semantic.sema1);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.container,
-    tabIndex: 0,
-    role: "button",
-    "aria-label": "avatar"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  /**
+   * Note: on the next major release this should be updated. the `others` prop should be
+   * used in the container instead of the `containerProps` and a new `avatarProps`
+   * should be created to pass on any props down to the avatar component. This wasn't
+   * done now in order to not break the current API. Also, consider using the `root` class
+   * on the container element as it makes more semantic sense.
+   */
+
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: classes.container
+  }, containerProps), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _clsx.default)(classes.status, classes[variant], classes[normalizedSize]),
     style: statusInlineStyle
   }, badge && /*#__PURE__*/_react.default.createElement("div", {
@@ -332,7 +338,12 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
   /**
    * A string representing the color of the avatar badge.
    */
-  badge: _propTypes.default.string
+  badge: _propTypes.default.string,
+
+  /**
+   * Attributes applied to the container element.
+   */
+  containerProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 
 var _default = (0, _core.withStyles)(_styles.default, {

package/dist/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Avatar/Avatar.js"],"names":["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","PropTypes","string","instanceOf","Object","shape","XS","SM","MD","LG","XL","isRequired","node","elementType","oneOf","styles","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"}
+{"version":3,"sources":["../../src/Avatar/Avatar.js"],"names":["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","containerProps","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","PropTypes","string","instanceOf","Object","shape","XS","SM","MD","LG","XL","isRequired","node","elementType","oneOf","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;;;;;;;AAEA,IAAMA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAQC,KAAR,EAAeC,YAAf;AAAA,SAAgCF,KAAK,CAACG,OAAN,CAAcF,KAAd,KAAwBA,KAAxB,IAAiCC,YAAjE;AAAA,CAAjB;;AAEA,IAAME,aAAa,GAAG,SAAhBA,aAAgB,CAACC,IAAD,EAAU;AAC9B,MAAIA,IAAI,KAAK,GAAT,IAAgBA,IAAI,KAAK,GAAzB,IAAgCA,IAAI,KAAK,GAA7C,EAAkD;AAChD;AACAC,IAAAA,OAAO,CAACC,IAAR,CACE,kFADF;;AAGA,YAAQF,IAAR;AACE,WAAK,GAAL;AACE,eAAO,IAAP;;AACF,WAAK,GAAL;AACE,eAAO,IAAP;;AACF,WAAK,GAAL;AACE;AACA;AACA,eAAO,IAAP;;AACF;AACE;AAVJ;AAYD;;AACD,SAAOA,IAAP;AACD,CApBD;AAsBA;AACA;AACA;AACA;;;AACA,IAAMG,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD,EAAW;AAC1B,MACEC,SADF,GAmBID,KAnBJ,CACEC,SADF;AAAA,MAEEC,KAFF,GAmBIF,KAnBJ,CAEEE,KAFF;AAAA,MAGEC,OAHF,GAmBIH,KAnBJ,CAGEG,OAHF;AAAA,MAIYC,YAJZ,GAmBIJ,KAnBJ,CAIEK,QAJF;AAAA,MAKEC,SALF,GAmBIN,KAnBJ,CAKEM,SALF;AAAA,oBAmBIN,KAnBJ,CAMEJ,IANF;AAAA,MAMEA,IANF,4BAMS,IANT;AAAA,8BAmBII,KAnBJ,CAOEO,eAPF;AAAA,MAOEA,eAPF,sCAOoB,OAPpB;AAAA,qBAmBIP,KAnBJ,CAQER,KARF;AAAA,MAQEA,KARF,6BAQU,OARV;AAAA,MASEgB,GATF,GAmBIR,KAnBJ,CASEQ,GATF;AAAA,MAUEC,MAVF,GAmBIT,KAnBJ,CAUES,MAVF;AAAA,MAWEC,KAXF,GAmBIV,KAnBJ,CAWEU,KAXF;AAAA,MAYEC,GAZF,GAmBIX,KAnBJ,CAYEW,GAZF;AAAA,MAaEC,QAbF,GAmBIZ,KAnBJ,CAaEY,QAbF;AAAA,MAcEC,MAdF,GAmBIb,KAnBJ,CAcEa,MAdF;AAAA,MAeEC,KAfF,GAmBId,KAnBJ,CAeEc,KAfF;AAAA,uBAmBId,KAnBJ,CAgBEe,OAhBF;AAAA,MAgBEA,OAhBF,+BAgBY,UAhBZ;AAAA,MAiBEC,cAjBF,GAmBIhB,KAnBJ,CAiBEgB,cAjBF;AAAA,MAkBKC,MAlBL,0CAmBIjB,KAnBJ,aAD0B,CAsB1B;;AACA,MAAMkB,cAAc,GAAGvB,aAAa,CAACC,IAAD,CAApC;AAEA,MAAIS,QAAQ,GAAG,IAAf,CAzB0B,CA2B1B;;AACA,MAAMc,WAAW,GAAG,2BAAeX,GAAf,EAAoBC,MAApB,CAApB;AACA,MAAMW,MAAM,GAAGZ,GAAG,IAAIC,MAAtB;AACA,MAAMY,gBAAgB,GAAGD,MAAM,IAAID,WAAW,KAAK,OAAnD;;AAEA,MAAIE,gBAAJ,EAAsB;AACpBhB,IAAAA,QAAQ,gBACN;AACE,MAAA,GAAG,EAAEM,GADP;AAEE,MAAA,GAAG,EAAEH,GAFP;AAGE,MAAA,MAAM,EAAEC,MAHV;AAIE,MAAA,KAAK,EAAEC,KAJT;AAKE,MAAA,SAAS,EAAEP,OAAO,CAACmB;AALrB,OAMMV,QANN,EADF;AAUD,GAXD,MAWO,IAAIR,YAAY,IAAI,IAApB,EAA0B;AAC/BC,IAAAA,QAAQ,GAAGD,YAAX;AACD,GAFM,MAEA,IAAIgB,MAAM,IAAIT,GAAd,EAAmB;AAAA,4CACXA,GADW;;AACvBN,IAAAA,QADuB;AAEzB,GAFM,MAEA;AACLA,IAAAA,QAAQ,gBACN,6BAAC,qBAAD;AAAM,MAAA,KAAK,EAAEb,KAAb;AAAoB,MAAA,QAAQ,EAAE,yBAAa0B,cAAb,CAA9B;AAA4D,MAAA,SAAS,EAAEf,OAAO,CAACoB;AAA/E,MADF;AAGD;;AAED,MAAMC,WAAW,qBACZtB,KADY,CAAjB;;AAIA,MAAII,SAAS,IAAI,IAAb,IAAqB,OAAOA,SAAP,KAAqB,QAA9C,EAAwD;AACtD;AACAkB,IAAAA,WAAW,CAACC,YAAZ,GAA2B,KAA3B;AACD;;AAED,MAAMlC,KAAK,GAAG,qBAAd;;AACA,MAAI,CAAC8B,gBAAL,EAAuB;AACrBG,IAAAA,WAAW,CAACjB,eAAZ,GAA8BjB,QAAQ,CAACC,KAAD,EAAQgB,eAAR,EAAyBhB,KAAK,CAACmC,EAAN,CAAShC,OAAT,CAAiBiC,MAAjB,CAAwBC,KAAjD,CAAtC;AACAJ,IAAAA,WAAW,CAAChC,KAAZ,GAAoBF,QAAQ,CAACC,KAAD,EAAQC,KAAR,EAAeD,KAAK,CAACmC,EAAN,CAAShC,OAAT,CAAiBmC,UAAjB,CAA4BC,KAA3C,CAA5B;AACD;;AAED,MAAMC,iBAAiB,GAAG,EAA1B;;AACA,MAAIlB,MAAJ,EAAY;AACV;AACA;AACA,QAAMmB,WAAW,GAAG1C,QAAQ,CAACC,KAAD,EAAQsB,MAAR,EAAgBtB,KAAK,CAACmC,EAAN,CAAShC,OAAT,CAAiBuC,QAAjB,CAA0BC,KAA1C,CAA5B;AACAH,IAAAA,iBAAiB,CAACI,SAAlB,mCAAuDH,WAAvD;AACD;;AAED,MAAMI,UAAU,GAAG9C,QAAQ,CAACC,KAAD,EAAQuB,KAAR,EAAevB,KAAK,CAACmC,EAAN,CAAShC,OAAT,CAAiBuC,QAAjB,CAA0BC,KAAzC,CAA3B;AAEA;AACF;AACA;AACA;AACA;AACA;AACA;;AACE,sBACE;AAAK,IAAA,SAAS,EAAE/B,OAAO,CAACkC;AAAxB,KAAuCrB,cAAvC,gBACE;AACE,IAAA,SAAS,EAAE,mBAAKb,OAAO,CAACU,MAAb,EAAqBV,OAAO,CAACY,OAAD,CAA5B,EAAuCZ,OAAO,CAACe,cAAD,CAA9C,CADb;AAEE,IAAA,KAAK,EAAEa;AAFT,KAIGjB,KAAK,iBAAI;AAAK,IAAA,SAAS,EAAEX,OAAO,CAACW,KAAxB;AAA+B,IAAA,KAAK,EAAE;AAAEP,MAAAA,eAAe,EAAE6B;AAAnB;AAAtC,IAJZ,eAKE,6BAAC,YAAD;AACE,IAAA,SAAS,EAAE9B,SADb;AAEE,IAAA,SAAS,EAAE,mBAAKL,SAAL,EAAgBE,OAAO,CAACmC,IAAxB,EAA8BnC,OAAO,CAACoC,MAAtC,EAA8CpC,OAAO,CAACe,cAAD,CAArD,CAFb;AAGE,IAAA,KAAK,EAAEM,WAHT;AAIE,IAAA,OAAO,EAAET;AAJX,KAKME,MALN,GAOGZ,QAPH,CALF,CADF,CADF;AAmBD,CAxGD;;AA0GA,wCAAAN,QAAQ,CAACyC,SAAT,GAAqB;AACnB;AACF;AACA;AACEC,EAAAA,EAAE,EAAEC,mBAAUC,MAJK;;AAMnB;AACF;AACA;AACE1C,EAAAA,SAAS,EAAEyC,mBAAUC,MATF;;AAUnB;AACF;AACA;AACEzC,EAAAA,KAAK,EAAEwC,mBAAUE,UAAV,CAAqBC,MAArB,CAbY;;AAcnB;AACF;AACA;AACE1C,EAAAA,OAAO,EAAEuC,mBAAUI,KAAV,CAAgB;AACvB;AACJ;AACA;AACIR,IAAAA,IAAI,EAAEI,mBAAUC,MAJO;;AAKvB;AACJ;AACA;AACII,IAAAA,EAAE,EAAEL,mBAAUC,MARS;;AASvB;AACJ;AACA;AACIK,IAAAA,EAAE,EAAEN,mBAAUC,MAZS;;AAavB;AACJ;AACA;AACIM,IAAAA,EAAE,EAAEP,mBAAUC,MAhBS;;AAiBvB;AACJ;AACA;AACIO,IAAAA,EAAE,EAAER,mBAAUC,MApBS;;AAqBvB;AACJ;AACA;AACIQ,IAAAA,EAAE,EAAET,mBAAUC,MAxBS;;AAyBvB;AACJ;AACA;AACIrB,IAAAA,GAAG,EAAEoB,mBAAUC,MA5BQ;;AA6BvB;AACJ;AACA;AACIpB,IAAAA,QAAQ,EAAEmB,mBAAUC,MAhCG;;AAiCvB;AACJ;AACA;AACIN,IAAAA,SAAS,EAAEK,mBAAUC,MApCE;;AAqCvB;AACJ;AACA;AACIJ,IAAAA,MAAM,EAAEG,mBAAUC,MAxCK;;AAyCvB;AACJ;AACA;AACI7B,IAAAA,KAAK,EAAE4B,mBAAUC,MA5CM;;AA6CvB;AACJ;AACA;AACI9B,IAAAA,MAAM,EAAE6B,mBAAUC;AAhDK,GAAhB,EAiDNS,UAlEgB;;AAoEnB;AACF;AACA;AACA;AACE/C,EAAAA,QAAQ,EAAEqC,mBAAUW,IAxED;;AAyEnB;AACF;AACA;AACA;AACE/C,EAAAA,SAAS,EAAEoC,mBAAUY,WA7EF;;AA+EnB;AACF;AACA;AACE1D,EAAAA,IAAI,EAAE8C,mBAAUa,KAAV,CAAgB,CAAC,GAAD,EAAM,GAAN,EAAW,GAAX,EAAgB,IAAhB,EAAsB,IAAtB,EAA4B,IAA5B,EAAkC,IAAlC,EAAwC,IAAxC,CAAhB,CAlFa;;AAoFnB;AACF;AACA;AACA;AACEhD,EAAAA,eAAe,EAAEmC,mBAAUC,MAxFR;;AAyFnB;AACF;AACA;AACA;AACA;AACEnD,EAAAA,KAAK,EAAEkD,mBAAUC,MA9FE;;AAgGnB;AACF;AACA;AACEnC,EAAAA,GAAG,EAAEkC,mBAAUC,MAnGI;;AAoGnB;AACF;AACA;AACA;AACElC,EAAAA,MAAM,EAAEiC,mBAAUC,MAxGC;;AAyGnB;AACF;AACA;AACEjC,EAAAA,KAAK,EAAEgC,mBAAUC,MA5GE;;AA6GnB;AACF;AACA;AACA;AACEhC,EAAAA,GAAG,EAAE+B,mBAAUC,MAjHI;;AAkHnB;AACF;AACA;AACA;AACE/B,EAAAA,QAAQ,EAAE8B,mBAAUE,UAAV,CAAqBC,MAArB,CAtHS;;AAuHnB;AACF;AACA;AACE9B,EAAAA,OAAO,EAAE2B,mBAAUa,KAAV,CAAgB,CAAC,UAAD,EAAa,QAAb,CAAhB,CA1HU;;AA2HnB;AACF;AACA;AACE1C,EAAAA,MAAM,EAAE6B,mBAAUC,MA9HC;;AA+HnB;AACF;AACA;AACE7B,EAAAA,KAAK,EAAE4B,mBAAUC,MAlIE;;AAmInB;AACF;AACA;AACE3B,EAAAA,cAAc,EAAE0B,mBAAUE,UAAV,CAAqBC,MAArB;AAtIG,CAArB;;eAyIe,sBAAWW,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAyC1D,QAAzC,C","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    containerProps,\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  /**\n   * Note: on the next major release this should be updated. the `others` prop should be\n   * used in the container instead of the `containerProps` and a new `avatarProps`\n   * should be created to pass on any props down to the avatar component. This wasn't\n   * done now in order to not break the current API. Also, consider using the `root` class\n   * on the container element as it makes more semantic sense.\n   */\n  return (\n    <div className={classes.container} {...containerProps}>\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   * Attributes applied to the container element.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"file":"Avatar.js"}

package/dist/FileUploader/File/styles.js

@@ -25,7 +25,8 @@ var styles = function styles(theme) {
     },
     progressTextContainer: {
       display: "flex",
-      flexGrow: 1
+      flexGrow: 1,
+      alignItems: "center"
     },
     previewContainer: {
       display: "flex",

package/dist/FileUploader/File/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FileUploader/File/styles.js"],"names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","previewContainer","margin","hvSpacing","justifyContent","alignItems","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,QAAQ,EAAE,UADK;AAEfC,MAAAA,GAAG,EAAE,MAFU;AAGfC,MAAAA,KAAK,EAAE,MAHQ;AAIfC,MAAAA,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;AAJS,KADQ;AAOzBC,IAAAA,WAAW,EAAE;AACXR,MAAAA,QAAQ,EAAE,UADC;AAEXC,MAAAA,GAAG,EAAE,MAFM;AAGXC,MAAAA,KAAK,EAAE,KAHI;AAIXO,MAAAA,MAAM,EAAE,CAJG;AAKXN,MAAAA,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAvC,CALK;AAMX,8BAAwB;AACtBC,QAAAA,UAAU,EAAEd,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC;AADd;AANb,KAPY;AAiBzBE,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,OAAO,EAAE,MADY;AAErBC,MAAAA,QAAQ,EAAE;AAFW,KAjBE;AAqBzBC,IAAAA,gBAAgB,EAAE;AAChBF,MAAAA,OAAO,EAAE,MADO;AAEhBG,MAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFQ;AAGhBhB,MAAAA,KAAK,EAAE,EAHS;AAIhBO,MAAAA,MAAM,EAAE,EAJQ;AAKhBU,MAAAA,cAAc,EAAE,QALA;AAMhBC,MAAAA,UAAU,EAAE,QANI;AAQhB,eAAS;AACPlB,QAAAA,KAAK,EAAE,MADA;AAEPO,QAAAA,MAAM,EAAE,MAFD;AAGPY,QAAAA,QAAQ,EAAE,EAHH;AAIPC,QAAAA,SAAS,EAAE,EAJJ;AAKPC,QAAAA,SAAS,EAAE,OALJ;AAMPC,QAAAA,cAAc,EAAE;AANT;AARO,KArBO;AAsCzBC,IAAAA,IAAI,EAAE;AACJvB,MAAAA,KAAK,EAAE,EADH;AAEJO,MAAAA,MAAM,EAAE,EAFJ;AAGJQ,MAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAHJ,KAtCmB;AA2CzBQ,IAAAA,YAAY,EAAE;AACZT,MAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AADI,KA3CW;AA8CzBS,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE9B,KAAK,CAACO,OAAN,CAAcwB;AADjB,KA9CmB;AAiDzBC,IAAAA,QAAQ,EAAE;AAjDe,GAAZ;AAAA,CAAf;;eAoDejC,M","sourcesContent":["const styles = (theme) => ({\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      maxWidth: 52,\n      maxHeight: 52,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../src/FileUploader/File/styles.js"],"names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","alignItems","previewContainer","margin","hvSpacing","justifyContent","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,QAAQ,EAAE,UADK;AAEfC,MAAAA,GAAG,EAAE,MAFU;AAGfC,MAAAA,KAAK,EAAE,MAHQ;AAIfC,MAAAA,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;AAJS,KADQ;AAOzBC,IAAAA,WAAW,EAAE;AACXR,MAAAA,QAAQ,EAAE,UADC;AAEXC,MAAAA,GAAG,EAAE,MAFM;AAGXC,MAAAA,KAAK,EAAE,KAHI;AAIXO,MAAAA,MAAM,EAAE,CAJG;AAKXN,MAAAA,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAvC,CALK;AAMX,8BAAwB;AACtBC,QAAAA,UAAU,EAAEd,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC;AADd;AANb,KAPY;AAiBzBE,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,OAAO,EAAE,MADY;AAErBC,MAAAA,QAAQ,EAAE,CAFW;AAGrBC,MAAAA,UAAU,EAAE;AAHS,KAjBE;AAsBzBC,IAAAA,gBAAgB,EAAE;AAChBH,MAAAA,OAAO,EAAE,MADO;AAEhBI,MAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFQ;AAGhBjB,MAAAA,KAAK,EAAE,EAHS;AAIhBO,MAAAA,MAAM,EAAE,EAJQ;AAKhBW,MAAAA,cAAc,EAAE,QALA;AAMhBJ,MAAAA,UAAU,EAAE,QANI;AAQhB,eAAS;AACPd,QAAAA,KAAK,EAAE,MADA;AAEPO,QAAAA,MAAM,EAAE,MAFD;AAGPY,QAAAA,QAAQ,EAAE,EAHH;AAIPC,QAAAA,SAAS,EAAE,EAJJ;AAKPC,QAAAA,SAAS,EAAE,OALJ;AAMPC,QAAAA,cAAc,EAAE;AANT;AARO,KAtBO;AAuCzBC,IAAAA,IAAI,EAAE;AACJvB,MAAAA,KAAK,EAAE,EADH;AAEJO,MAAAA,MAAM,EAAE,EAFJ;AAGJS,MAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAHJ,KAvCmB;AA4CzBO,IAAAA,YAAY,EAAE;AACZR,MAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AADI,KA5CW;AA+CzBQ,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE9B,KAAK,CAACO,OAAN,CAAcwB;AADjB,KA/CmB;AAkDzBC,IAAAA,QAAQ,EAAE;AAlDe,GAAZ;AAAA,CAAf;;eAqDejC,M","sourcesContent":["const styles = (theme) => ({\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      maxWidth: 52,\n      maxHeight: 52,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/FilterGroup/FilterGroup.js

@@ -43,6 +43,11 @@ var DEFAULT_LABELS = {
   selectAll: "All",
   multiSelectionConjunction: "/"
 };
+/**
+ * This component implements one potential use-case of the Filter Group pattern Design System Specifies.
+ * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
+ * while we do not provide a better approach for building this component with smaller and more composable parts.
+ */
 
 var HvFilterGroup = function HvFilterGroup(_ref) {
   var className = _ref.className,

package/dist/FilterGroup/FilterGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/FilterGroup/FilterGroup.js"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labelsProp","labels","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","PropTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  defaultValue,\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider defaultValue={defaultValue} value={value} filters={filters}>\n        <FilterContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}
+{"version":3,"sources":["../../src/FilterGroup/FilterGroup.js"],"names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labelsProp","labels","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","PropTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  defaultValue,\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider defaultValue={defaultValue} value={value} filters={filters}>\n        <FilterContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}

package/dist/FilterGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./FilterGroup";
+export * from "./FilterGroup";

package/dist/Snackbar/SnackbarContentWrapper/styles.js

@@ -57,7 +57,8 @@ var styles = function styles(theme) {
       padding: theme.hvSpacing(0, "xs"),
       color: theme.hv.palette.base.base2,
       fontFamily: theme.hv.typography.fontFamily,
-      maxHeight: "72px"
+      maxHeight: "72px",
+      wordBreak: "break-word"
     }),
     action: {
       textAlign: "right"

package/dist/Snackbar/SnackbarContentWrapper/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","action","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,OADH;AAEJC,MAAAA,SAAS,EAAE,MAFP;AAGJC,MAAAA,SAAS,EAAE,MAHP;AAIJC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,KADmB;AAOzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,KAPgB;AAUzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,KAVkB;AAazBC,IAAAA,OAAO,EAAE;AACPP,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,KAbgB;AAgBzBC,IAAAA,OAAO,EAAE;AACPZ,MAAAA,OAAO,EAAE,CADF;AAEPH,MAAAA,KAAK,EAAE;AAFA,KAhBgB;AAoBzBgB,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAE,QAFD;AAGXjB,MAAAA,SAAS,EAAE;AAHA,KApBY;AAyBzBkB,IAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,MAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,MAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,MAAAA,SAAS,EAAE;AALF,MAzBc;AAgCzBwB,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE;AADL;AAhCiB,GAAZ;AAAA,CAAf;;eAqCe9B,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.hvSpacing(\"xs\"),\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n  default: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  message: {\n    padding: 0,\n    width: \"100%\",\n  },\n  messageSpan: {\n    display: \"flex\",\n    alignItems: \"center\",\n    minHeight: \"32px\",\n  },\n  messageText: {\n    ...theme.hv.typography.normalText,\n    padding: theme.hvSpacing(0, \"xs\"),\n    color: theme.hv.palette.base.base2,\n    fontFamily: theme.hv.typography.fontFamily,\n    maxHeight: \"72px\",\n  },\n  action: {\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","wordBreak","action","textAlign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,OADH;AAEJC,MAAAA,SAAS,EAAE,MAFP;AAGJC,MAAAA,SAAS,EAAE,MAHP;AAIJC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,KADmB;AAOzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,KAPgB;AAUzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,KAVkB;AAazBC,IAAAA,OAAO,EAAE;AACPP,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,KAbgB;AAgBzBC,IAAAA,OAAO,EAAE;AACPZ,MAAAA,OAAO,EAAE,CADF;AAEPH,MAAAA,KAAK,EAAE;AAFA,KAhBgB;AAoBzBgB,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAE,QAFD;AAGXjB,MAAAA,SAAS,EAAE;AAHA,KApBY;AAyBzBkB,IAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,MAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,MAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,MAAAA,SAAS,EAAE,MALF;AAMTwB,MAAAA,SAAS,EAAE;AANF,MAzBc;AAiCzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE;AADL;AAjCiB,GAAZ;AAAA,CAAf;;eAsCe/B,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.hvSpacing(\"xs\"),\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n  default: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  message: {\n    padding: 0,\n    width: \"100%\",\n  },\n  messageSpan: {\n    display: \"flex\",\n    alignItems: \"center\",\n    minHeight: \"32px\",\n  },\n  messageText: {\n    ...theme.hv.typography.normalText,\n    padding: theme.hvSpacing(0, \"xs\"),\n    color: theme.hv.palette.base.base2,\n    fontFamily: theme.hv.typography.fontFamily,\n    maxHeight: \"72px\",\n    wordBreak: \"break-word\",\n  },\n  action: {\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/index.d.ts

@@ -61,6 +61,7 @@ export { default as HvFileUploader } from "./FileUploader";
 export * from "./FileUploader";
 
 export { default as HvFilterGroup } from "./FilterGroup";
+export * from "./FilterGroup";
 
 export { default as HvFooter } from "./Footer";
 export * from "./Footer";

package/dist/legacy/Avatar/Avatar.d.ts

@@ -76,6 +76,10 @@ export interface HvAvatarProps
    * A string representing the color of the avatar badge.
    */
   badge?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys;
+  /**
+   * Attributes applied to the container element.
+   */
+  containerProps: object;
 }
 
 export default function HvAvatar(props: HvAvatarProps): JSX.Element | null;

package/dist/legacy/Avatar/Avatar.js

@@ -9,7 +9,7 @@ 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", "status", "badge", "variant"];
+var _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant", "containerProps"];
 
 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; }
 
@@ -78,6 +78,7 @@ var HvAvatar = function HvAvatar(props) {
       badge = props.badge,
       _props$variant = props.variant,
       variant = _props$variant === void 0 ? "circular" : _props$variant,
+      containerProps = props.containerProps,
       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
 
 
@@ -134,12 +135,17 @@ var HvAvatar = function HvAvatar(props) {
   }
 
   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", {
+  /**
+   * Note: on the next major release this should be updated. the `others` prop should be
+   * used in the container instead of the `containerProps` and a new `avatarProps`
+   * should be created to pass on any props down to the avatar component. This wasn't
+   * done now in order to not break the current API. Also, consider using the `root` class
+   * on the container element as it makes more semantic sense.
+   */
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classes.container
+  }, containerProps), /*#__PURE__*/React.createElement("div", {
     className: clsx(classes.status, classes[variant], classes[normalizedSize]),
     style: statusInlineStyle
   }, badge && /*#__PURE__*/React.createElement("div", {
@@ -307,7 +313,12 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
   /**
    * A string representing the color of the avatar badge.
    */
-  badge: PropTypes.string
+  badge: PropTypes.string,
+
+  /**
+   * Attributes applied to the container element.
+   */
+  containerProps: PropTypes.instanceOf(Object)
 } : 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","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"}
+{"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","containerProps","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    containerProps,\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  /**\n   * Note: on the next major release this should be updated. the `others` prop should be\n   * used in the container instead of the `containerProps` and a new `avatarProps`\n   * should be created to pass on any props down to the avatar component. This wasn't\n   * done now in order to not break the current API. Also, consider using the `root` class\n   * on the container element as it makes more semantic sense.\n   */\n  return (\n    <div className={classes.container} {...containerProps}>\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   * Attributes applied to the container element.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"file":"Avatar.js"}

package/dist/legacy/FileUploader/File/styles.js

@@ -18,7 +18,8 @@ var styles = function styles(theme) {
     },
     progressTextContainer: {
       display: "flex",
-      flexGrow: 1
+      flexGrow: 1,
+      alignItems: "center"
     },
     previewContainer: {
       display: "flex",

package/dist/legacy/FileUploader/File/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/FileUploader/File/styles.js"],"names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","previewContainer","margin","hvSpacing","justifyContent","alignItems","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,QAAQ,EAAE,UADK;AAEfC,MAAAA,GAAG,EAAE,MAFU;AAGfC,MAAAA,KAAK,EAAE,MAHQ;AAIfC,MAAAA,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;AAJS,KADQ;AAOzBC,IAAAA,WAAW,EAAE;AACXR,MAAAA,QAAQ,EAAE,UADC;AAEXC,MAAAA,GAAG,EAAE,MAFM;AAGXC,MAAAA,KAAK,EAAE,KAHI;AAIXO,MAAAA,MAAM,EAAE,CAJG;AAKXN,MAAAA,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAvC,CALK;AAMX,8BAAwB;AACtBC,QAAAA,UAAU,EAAEd,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC;AADd;AANb,KAPY;AAiBzBE,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,OAAO,EAAE,MADY;AAErBC,MAAAA,QAAQ,EAAE;AAFW,KAjBE;AAqBzBC,IAAAA,gBAAgB,EAAE;AAChBF,MAAAA,OAAO,EAAE,MADO;AAEhBG,MAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFQ;AAGhBhB,MAAAA,KAAK,EAAE,EAHS;AAIhBO,MAAAA,MAAM,EAAE,EAJQ;AAKhBU,MAAAA,cAAc,EAAE,QALA;AAMhBC,MAAAA,UAAU,EAAE,QANI;AAQhB,eAAS;AACPlB,QAAAA,KAAK,EAAE,MADA;AAEPO,QAAAA,MAAM,EAAE,MAFD;AAGPY,QAAAA,QAAQ,EAAE,EAHH;AAIPC,QAAAA,SAAS,EAAE,EAJJ;AAKPC,QAAAA,SAAS,EAAE,OALJ;AAMPC,QAAAA,cAAc,EAAE;AANT;AARO,KArBO;AAsCzBC,IAAAA,IAAI,EAAE;AACJvB,MAAAA,KAAK,EAAE,EADH;AAEJO,MAAAA,MAAM,EAAE,EAFJ;AAGJQ,MAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAHJ,KAtCmB;AA2CzBQ,IAAAA,YAAY,EAAE;AACZT,MAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AADI,KA3CW;AA8CzBS,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE9B,KAAK,CAACO,OAAN,CAAcwB;AADjB,KA9CmB;AAiDzBC,IAAAA,QAAQ,EAAE;AAjDe,GAAZ;AAAA,CAAf;;AAoDA,eAAejC,MAAf","sourcesContent":["const styles = (theme) => ({\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      maxWidth: 52,\n      maxHeight: 52,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../../src/FileUploader/File/styles.js"],"names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","alignItems","previewContainer","margin","hvSpacing","justifyContent","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,eAAe,EAAE;AACfC,MAAAA,QAAQ,EAAE,UADK;AAEfC,MAAAA,GAAG,EAAE,MAFU;AAGfC,MAAAA,KAAK,EAAE,MAHQ;AAIfC,MAAAA,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAA3C;AAJS,KADQ;AAOzBC,IAAAA,WAAW,EAAE;AACXR,MAAAA,QAAQ,EAAE,UADC;AAEXC,MAAAA,GAAG,EAAE,MAFM;AAGXC,MAAAA,KAAK,EAAE,KAHI;AAIXO,MAAAA,MAAM,EAAE,CAJG;AAKXN,MAAAA,MAAM,sBAAeL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAvC,CALK;AAMX,8BAAwB;AACtBC,QAAAA,UAAU,EAAEd,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC;AADd;AANb,KAPY;AAiBzBE,IAAAA,qBAAqB,EAAE;AACrBC,MAAAA,OAAO,EAAE,MADY;AAErBC,MAAAA,QAAQ,EAAE,CAFW;AAGrBC,MAAAA,UAAU,EAAE;AAHS,KAjBE;AAsBzBC,IAAAA,gBAAgB,EAAE;AAChBH,MAAAA,OAAO,EAAE,MADO;AAEhBI,MAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFQ;AAGhBjB,MAAAA,KAAK,EAAE,EAHS;AAIhBO,MAAAA,MAAM,EAAE,EAJQ;AAKhBW,MAAAA,cAAc,EAAE,QALA;AAMhBJ,MAAAA,UAAU,EAAE,QANI;AAQhB,eAAS;AACPd,QAAAA,KAAK,EAAE,MADA;AAEPO,QAAAA,MAAM,EAAE,MAFD;AAGPY,QAAAA,QAAQ,EAAE,EAHH;AAIPC,QAAAA,SAAS,EAAE,EAJJ;AAKPC,QAAAA,SAAS,EAAE,OALJ;AAMPC,QAAAA,cAAc,EAAE;AANT;AARO,KAtBO;AAuCzBC,IAAAA,IAAI,EAAE;AACJvB,MAAAA,KAAK,EAAE,EADH;AAEJO,MAAAA,MAAM,EAAE,EAFJ;AAGJS,MAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAHJ,KAvCmB;AA4CzBO,IAAAA,YAAY,EAAE;AACZR,MAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AADI,KA5CW;AA+CzBQ,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE9B,KAAK,CAACO,OAAN,CAAcwB;AADjB,KA/CmB;AAkDzBC,IAAAA,QAAQ,EAAE;AAlDe,GAAZ;AAAA,CAAf;;AAqDA,eAAejC,MAAf","sourcesContent":["const styles = (theme) => ({\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      maxWidth: 52,\n      maxHeight: 52,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/FilterGroup/FilterGroup.js

@@ -21,6 +21,11 @@ var DEFAULT_LABELS = {
   selectAll: "All",
   multiSelectionConjunction: "/"
 };
+/**
+ * This component implements one potential use-case of the Filter Group pattern Design System Specifies.
+ * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
+ * while we do not provide a better approach for building this component with smaller and more composable parts.
+ */
 
 var HvFilterGroup = function HvFilterGroup(_ref) {
   var className = _ref.className,

package/dist/legacy/FilterGroup/FilterGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labelsProp","labels","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  defaultValue,\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider defaultValue={defaultValue} value={value} filters={filters}>\n        <FilterContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}
+{"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labelsProp","labels","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  defaultValue,\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider defaultValue={defaultValue} value={value} filters={filters}>\n        <FilterContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}

package/dist/legacy/FilterGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./FilterGroup";
+export * from "./FilterGroup";

package/dist/legacy/Snackbar/SnackbarContentWrapper/styles.js

@@ -41,7 +41,8 @@ var styles = function styles(theme) {
       padding: theme.hvSpacing(0, "xs"),
       color: theme.hv.palette.base.base2,
       fontFamily: theme.hv.typography.fontFamily,
-      maxHeight: "72px"
+      maxHeight: "72px",
+      wordBreak: "break-word"
     }),
     action: {
       textAlign: "right"

package/dist/legacy/Snackbar/SnackbarContentWrapper/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","action","textAlign"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,OADH;AAEJC,MAAAA,SAAS,EAAE,MAFP;AAGJC,MAAAA,SAAS,EAAE,MAHP;AAIJC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,KADmB;AAOzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,KAPgB;AAUzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,KAVkB;AAazBC,IAAAA,OAAO,EAAE;AACPP,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,KAbgB;AAgBzBC,IAAAA,OAAO,EAAE;AACPZ,MAAAA,OAAO,EAAE,CADF;AAEPH,MAAAA,KAAK,EAAE;AAFA,KAhBgB;AAoBzBgB,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAE,QAFD;AAGXjB,MAAAA,SAAS,EAAE;AAHA,KApBY;AAyBzBkB,IAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,MAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,MAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,MAAAA,SAAS,EAAE;AALF,MAzBc;AAgCzBwB,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE;AADL;AAhCiB,GAAZ;AAAA,CAAf;;AAqCA,eAAe9B,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.hvSpacing(\"xs\"),\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n  default: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  message: {\n    padding: 0,\n    width: \"100%\",\n  },\n  messageSpan: {\n    display: \"flex\",\n    alignItems: \"center\",\n    minHeight: \"32px\",\n  },\n  messageText: {\n    ...theme.hv.typography.normalText,\n    padding: theme.hvSpacing(0, \"xs\"),\n    color: theme.hv.palette.base.base2,\n    fontFamily: theme.hv.typography.fontFamily,\n    maxHeight: \"72px\",\n  },\n  action: {\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","wordBreak","action","textAlign"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,OADH;AAEJC,MAAAA,SAAS,EAAE,MAFP;AAGJC,MAAAA,SAAS,EAAE,MAHP;AAIJC,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,KADmB;AAOzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,KAPgB;AAUzBC,IAAAA,KAAK,EAAE;AACLL,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,KAVkB;AAazBC,IAAAA,OAAO,EAAE;AACPP,MAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,KAbgB;AAgBzBC,IAAAA,OAAO,EAAE;AACPZ,MAAAA,OAAO,EAAE,CADF;AAEPH,MAAAA,KAAK,EAAE;AAFA,KAhBgB;AAoBzBgB,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAE,QAFD;AAGXjB,MAAAA,SAAS,EAAE;AAHA,KApBY;AAyBzBkB,IAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,MAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,MAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,MAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,MAAAA,SAAS,EAAE,MALF;AAMTwB,MAAAA,SAAS,EAAE;AANF,MAzBc;AAiCzBC,IAAAA,MAAM,EAAE;AACNC,MAAAA,SAAS,EAAE;AADL;AAjCiB,GAAZ;AAAA,CAAf;;AAsCA,eAAe/B,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.hvSpacing(\"xs\"),\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n  default: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  message: {\n    padding: 0,\n    width: \"100%\",\n  },\n  messageSpan: {\n    display: \"flex\",\n    alignItems: \"center\",\n    minHeight: \"32px\",\n  },\n  messageText: {\n    ...theme.hv.typography.normalText,\n    padding: theme.hvSpacing(0, \"xs\"),\n    color: theme.hv.palette.base.base2,\n    fontFamily: theme.hv.typography.fontFamily,\n    maxHeight: \"72px\",\n    wordBreak: \"break-word\",\n  },\n  action: {\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/legacy/index.d.ts

@@ -61,6 +61,7 @@ export { default as HvFileUploader } from "./FileUploader";
 export * from "./FileUploader";
 
 export { default as HvFilterGroup } from "./FilterGroup";
+export * from "./FilterGroup";
 
 export { default as HvFooter } from "./Footer";
 export * from "./Footer";

package/dist/modern/Avatar/Avatar.d.ts

@@ -76,6 +76,10 @@ export interface HvAvatarProps
    * A string representing the color of the avatar badge.
    */
   badge?: "sema0" | HvSemanticColorKeys | HvAtmosphereColorKeys;
+  /**
+   * Attributes applied to the container element.
+   */
+  containerProps: object;
 }
 
 export default function HvAvatar(props: HvAvatarProps): JSX.Element | null;

package/dist/modern/Avatar/Avatar.js

@@ -1,7 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant"];
+const _excluded = ["className", "style", "classes", "children", "component", "size", "backgroundColor", "color", "src", "srcSet", "sizes", "alt", "imgProps", "status", "badge", "variant", "containerProps"];
 
 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; }
 
@@ -65,7 +65,8 @@ const HvAvatar = props => {
     imgProps,
     status,
     badge,
-    variant = "circular"
+    variant = "circular",
+    containerProps
   } = props,
         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
 
@@ -121,12 +122,17 @@ const HvAvatar = props => {
   }
 
   const 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", {
+  /**
+   * Note: on the next major release this should be updated. the `others` prop should be
+   * used in the container instead of the `containerProps` and a new `avatarProps`
+   * should be created to pass on any props down to the avatar component. This wasn't
+   * done now in order to not break the current API. Also, consider using the `root` class
+   * on the container element as it makes more semantic sense.
+   */
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: classes.container
+  }, containerProps), /*#__PURE__*/React.createElement("div", {
     className: clsx(classes.status, classes[variant], classes[normalizedSize]),
     style: statusInlineStyle
   }, badge && /*#__PURE__*/React.createElement("div", {
@@ -294,7 +300,12 @@ process.env.NODE_ENV !== "production" ? HvAvatar.propTypes = {
   /**
    * A string representing the color of the avatar badge.
    */
-  badge: PropTypes.string
+  badge: PropTypes.string,
+
+  /**
+   * Attributes applied to the container element.
+   */
+  containerProps: PropTypes.instanceOf(Object)
 } : void 0;
 export default withStyles(styles, {
   name: "HvAvatar"

package/dist/modern/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","normalizeSize","size","console","warn","HvAvatar","props","className","style","classes","children","childrenProp","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"}
+{"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","children","childrenProp","component","backgroundColor","src","srcSet","sizes","alt","imgProps","status","badge","variant","containerProps","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    containerProps,\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  /**\n   * Note: on the next major release this should be updated. the `others` prop should be\n   * used in the container instead of the `containerProps` and a new `avatarProps`\n   * should be created to pass on any props down to the avatar component. This wasn't\n   * done now in order to not break the current API. Also, consider using the `root` class\n   * on the container element as it makes more semantic sense.\n   */\n  return (\n    <div className={classes.container} {...containerProps}>\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   * Attributes applied to the container element.\n   */\n  containerProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvAvatar\" })(HvAvatar);\n"],"file":"Avatar.js"}

package/dist/modern/FileUploader/File/styles.js

@@ -17,7 +17,8 @@ const styles = theme => ({
   },
   progressTextContainer: {
     display: "flex",
-    flexGrow: 1
+    flexGrow: 1,
+    alignItems: "center"
   },
   previewContainer: {
     display: "flex",

package/dist/modern/FileUploader/File/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/FileUploader/File/styles.js"],"names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","previewContainer","margin","hvSpacing","justifyContent","alignItems","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,QAAQ,EAAE,UADK;AAEfC,IAAAA,GAAG,EAAE,MAFU;AAGfC,IAAAA,KAAK,EAAE,MAHQ;AAIfC,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;AAJxC,GADQ;AAOzBC,EAAAA,WAAW,EAAE;AACXR,IAAAA,QAAQ,EAAE,UADC;AAEXC,IAAAA,GAAG,EAAE,MAFM;AAGXC,IAAAA,KAAK,EAAE,KAHI;AAIXO,IAAAA,MAAM,EAAE,CAJG;AAKXN,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAM,EALxC;AAMX,4BAAwB;AACtBC,MAAAA,UAAU,EAAEd,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC;AADd;AANb,GAPY;AAiBzBE,EAAAA,qBAAqB,EAAE;AACrBC,IAAAA,OAAO,EAAE,MADY;AAErBC,IAAAA,QAAQ,EAAE;AAFW,GAjBE;AAqBzBC,EAAAA,gBAAgB,EAAE;AAChBF,IAAAA,OAAO,EAAE,MADO;AAEhBG,IAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFQ;AAGhBhB,IAAAA,KAAK,EAAE,EAHS;AAIhBO,IAAAA,MAAM,EAAE,EAJQ;AAKhBU,IAAAA,cAAc,EAAE,QALA;AAMhBC,IAAAA,UAAU,EAAE,QANI;AAQhB,aAAS;AACPlB,MAAAA,KAAK,EAAE,MADA;AAEPO,MAAAA,MAAM,EAAE,MAFD;AAGPY,MAAAA,QAAQ,EAAE,EAHH;AAIPC,MAAAA,SAAS,EAAE,EAJJ;AAKPC,MAAAA,SAAS,EAAE,OALJ;AAMPC,MAAAA,cAAc,EAAE;AANT;AARO,GArBO;AAsCzBC,EAAAA,IAAI,EAAE;AACJvB,IAAAA,KAAK,EAAE,EADH;AAEJO,IAAAA,MAAM,EAAE,EAFJ;AAGJQ,IAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAHJ,GAtCmB;AA2CzBQ,EAAAA,YAAY,EAAE;AACZT,IAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AADI,GA3CW;AA8CzBS,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE9B,KAAK,CAACO,OAAN,CAAcwB;AADjB,GA9CmB;AAiDzBC,EAAAA,QAAQ,EAAE;AAjDe,CAAZ,CAAf;;AAoDA,eAAejC,MAAf","sourcesContent":["const styles = (theme) => ({\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      maxWidth: 52,\n      maxHeight: 52,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../../src/FileUploader/File/styles.js"],"names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","alignItems","previewContainer","margin","hvSpacing","justifyContent","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,QAAQ,EAAE,UADK;AAEfC,IAAAA,GAAG,EAAE,MAFU;AAGfC,IAAAA,KAAK,EAAE,MAHQ;AAIfC,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;AAJxC,GADQ;AAOzBC,EAAAA,WAAW,EAAE;AACXR,IAAAA,QAAQ,EAAE,UADC;AAEXC,IAAAA,GAAG,EAAE,MAFM;AAGXC,IAAAA,KAAK,EAAE,KAHI;AAIXO,IAAAA,MAAM,EAAE,CAJG;AAKXN,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAM,EALxC;AAMX,4BAAwB;AACtBC,MAAAA,UAAU,EAAEd,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC;AADd;AANb,GAPY;AAiBzBE,EAAAA,qBAAqB,EAAE;AACrBC,IAAAA,OAAO,EAAE,MADY;AAErBC,IAAAA,QAAQ,EAAE,CAFW;AAGrBC,IAAAA,UAAU,EAAE;AAHS,GAjBE;AAsBzBC,EAAAA,gBAAgB,EAAE;AAChBH,IAAAA,OAAO,EAAE,MADO;AAEhBI,IAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFQ;AAGhBjB,IAAAA,KAAK,EAAE,EAHS;AAIhBO,IAAAA,MAAM,EAAE,EAJQ;AAKhBW,IAAAA,cAAc,EAAE,QALA;AAMhBJ,IAAAA,UAAU,EAAE,QANI;AAQhB,aAAS;AACPd,MAAAA,KAAK,EAAE,MADA;AAEPO,MAAAA,MAAM,EAAE,MAFD;AAGPY,MAAAA,QAAQ,EAAE,EAHH;AAIPC,MAAAA,SAAS,EAAE,EAJJ;AAKPC,MAAAA,SAAS,EAAE,OALJ;AAMPC,MAAAA,cAAc,EAAE;AANT;AARO,GAtBO;AAuCzBC,EAAAA,IAAI,EAAE;AACJvB,IAAAA,KAAK,EAAE,EADH;AAEJO,IAAAA,MAAM,EAAE,EAFJ;AAGJS,IAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAHJ,GAvCmB;AA4CzBO,EAAAA,YAAY,EAAE;AACZR,IAAAA,MAAM,EAAEpB,KAAK,CAACqB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AADI,GA5CW;AA+CzBQ,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE9B,KAAK,CAACO,OAAN,CAAcwB;AADjB,GA/CmB;AAkDzBC,EAAAA,QAAQ,EAAE;AAlDe,CAAZ,CAAf;;AAqDA,eAAejC,MAAf","sourcesContent":["const styles = (theme) => ({\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      maxWidth: 52,\n      maxHeight: 52,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/FilterGroup/FilterGroup.js

@@ -18,6 +18,11 @@ const DEFAULT_LABELS = {
   selectAll: "All",
   multiSelectionConjunction: "/"
 };
+/**
+ * This component implements one potential use-case of the Filter Group pattern Design System Specifies.
+ * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,
+ * while we do not provide a better approach for building this component with smaller and more composable parts.
+ */
 
 const HvFilterGroup = _ref => {
   let {

package/dist/modern/FilterGroup/FilterGroup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  defaultValue,\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider defaultValue={defaultValue} value={value} filters={filters}>\n        <FilterContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}
+{"version":3,"sources":["../../../src/FilterGroup/FilterGroup.js"],"names":["React","clsx","PropTypes","FilterGroupProvider","FilterContent","useStyles","setId","useLabels","useUniqueId","useControlled","HvFormElement","HvLabel","HvWarningText","HvInfoMessage","DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","placeholder","searchBoxPlaceholder","selectAll","multiSelectionConjunction","HvFilterGroup","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","labels","labelsProp","defaultValue","value","filters","horizontalPlacement","disablePortal","escapeWithReference","height","filterContentProps","others","classes","validationMessage","elementId","hasLabel","hasDescription","canShowError","undefined","root","labelContainer","error","propTypes","string","node","bool","oneOf","func","shape","arrayOf","isRequired","data","oneOfType","number","object","expanded"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupProvider } from \"./FilterGroupContext\";\nimport FilterContent from \"./FilterContent\";\nimport useStyles from \"./styles\";\nimport {\n  setId,\n  useLabels,\n  useUniqueId,\n  useControlled,\n  HvFormElement,\n  HvLabel,\n  HvWarningText,\n  HvInfoMessage,\n} from \"..\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear Filters\",\n  placeholder: \"Filters\",\n  searchBoxPlaceholder: \"Search\",\n  selectAll: \"All\",\n  multiSelectionConjunction: \"/\",\n};\n\n/**\n * This component implements one potential use-case of the Filter Group pattern Design System Specifies.\n * Due to the enormous variety of capabilities required for this, we strongly recommend checking the code of the component and extend it yourself,\n * while we do not provide a better approach for building this component with smaller and more composable parts.\n */\nconst HvFilterGroup = ({\n  className,\n\n  id,\n  name,\n\n  required = false,\n  disabled = false,\n\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledBy,\n  description,\n  \"aria-describedby\": ariaDescribedBy,\n\n  onChange,\n  onCancel,\n  onClear,\n\n  status,\n  statusMessage,\n\n  labels: labelsProp,\n\n  defaultValue,\n  value,\n  filters,\n\n  horizontalPlacement = \"right\",\n  disablePortal = true,\n  escapeWithReference = true,\n\n  height = 350,\n  filterContentProps,\n\n  ...others\n}) => {\n  const classes = useStyles();\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const elementId = useUniqueId(id, \"hvfiltergroup\");\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // error message area will only be needed if the status is being controlled\n  // or if required is true\n  const canShowError = status !== undefined || required;\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={value}\n      status={status}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              htmlFor={setId(elementId, \"input\")}\n              label={label}\n              className={classes.label}\n            />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <FilterGroupProvider defaultValue={defaultValue} value={value} filters={filters}>\n        <FilterContent\n          id={elementId}\n          disabled={disabled}\n          disablePortal={disablePortal}\n          variableWidth\n          placement={horizontalPlacement}\n          escapeWithReference={escapeWithReference}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          status={status}\n          onChange={onChange}\n          onCancel={onCancel}\n          onClear={onClear}\n          labels={labels}\n          height={height}\n          {...filterContentProps}\n        />\n        {canShowError && (\n          <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n            {validationMessage}\n          </HvWarningText>\n        )}\n      </FilterGroupProvider>\n    </HvFormElement>\n  );\n};\n\nHvFilterGroup.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when `status` is \"invalid\". Defaults to \"Required\".\n   */\n  statusMessage: PropTypes.node,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when the cancel button is clicked.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when the clear filters button is clicked.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the Filter Group.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear Filters button label.\n     */\n    clearLabel: PropTypes.string,\n    /**\n     * Placeholder label.\n     */\n    placeholder: PropTypes.string,\n    /**\n     * SearchBox placeholder label.\n     */\n    searchBoxPlaceholder: PropTypes.string,\n    /**\n     * Select All placeholder label.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Multi selection conjunction placeholder label.\n     */\n    multiSelectionConjunction: PropTypes.string,\n  }),\n\n  /**\n   * The options of the filter group.\n   */\n  filters: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      name: PropTypes.string.isRequired,\n      data: PropTypes.arrayOf(\n        PropTypes.shape({\n          id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n          name: PropTypes.string.isRequired,\n        })\n      ).isRequired,\n    })\n  ).isRequired,\n\n  /**\n   * The default value of the filter group.\n   * If defined the clear action will reset to it.\n   */\n  defaultValue: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The value of the filter group.\n   */\n  value: PropTypes.arrayOf(\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n  ),\n\n  /**\n   * The placement where the filter group should be placed according to the input. Options are `left` or `right`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the filter container should be out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n\n  /**\n   * The Height of the filter panel, between 295 and 425. Defaults to 350\n   */\n  height: PropTypes.oneOf([PropTypes.number, PropTypes.string]),\n\n  /**\n   * The filter content props\n   */\n  filterContentProps: PropTypes.object,\n\n  /**\n   * If `true` the filter group starts opened if `false` it starts closed.\n   */\n  expanded: PropTypes.bool,\n};\n\nexport default HvFilterGroup;\n"],"file":"FilterGroup.js"}

package/dist/modern/FilterGroup/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./FilterGroup";
+export * from "./FilterGroup";

package/dist/modern/Snackbar/SnackbarContentWrapper/styles.js

@@ -33,7 +33,8 @@ const styles = theme => ({
     padding: theme.hvSpacing(0, "xs"),
     color: theme.hv.palette.base.base2,
     fontFamily: theme.hv.typography.fontFamily,
-    maxHeight: "72px"
+    maxHeight: "72px",
+    wordBreak: "break-word"
   }),
   action: {
     textAlign: "right"

package/dist/modern/Snackbar/SnackbarContentWrapper/styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","action","textAlign"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,OADH;AAEJC,IAAAA,SAAS,EAAE,MAFP;AAGJC,IAAAA,SAAS,EAAE,MAHP;AAIJC,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,GADmB;AAOzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,GAPgB;AAUzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,GAVkB;AAazBC,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,GAbgB;AAgBzBC,EAAAA,OAAO,EAAE;AACPZ,IAAAA,OAAO,EAAE,CADF;AAEPH,IAAAA,KAAK,EAAE;AAFA,GAhBgB;AAoBzBgB,EAAAA,WAAW,EAAE;AACXC,IAAAA,OAAO,EAAE,MADE;AAEXC,IAAAA,UAAU,EAAE,QAFD;AAGXjB,IAAAA,SAAS,EAAE;AAHA,GApBY;AAyBzBkB,EAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,IAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,IAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,IAAAA,SAAS,EAAE;AALF,IAzBc;AAgCzBwB,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AADL;AAhCiB,CAAZ,CAAf;;AAqCA,eAAe9B,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.hvSpacing(\"xs\"),\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n  default: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  message: {\n    padding: 0,\n    width: \"100%\",\n  },\n  messageSpan: {\n    display: \"flex\",\n    alignItems: \"center\",\n    minHeight: \"32px\",\n  },\n  messageText: {\n    ...theme.hv.typography.normalText,\n    padding: theme.hvSpacing(0, \"xs\"),\n    color: theme.hv.palette.base.base2,\n    fontFamily: theme.hv.typography.fontFamily,\n    maxHeight: \"72px\",\n  },\n  action: {\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}
+{"version":3,"sources":["../../../../src/Snackbar/SnackbarContentWrapper/styles.js"],"names":["styles","theme","root","width","minHeight","maxHeight","padding","hvSpacing","success","backgroundColor","hv","palette","semantic","sema8","error","sema9","default","sema7","message","messageSpan","display","alignItems","messageText","typography","normalText","color","base","base2","fontFamily","wordBreak","action","textAlign"],"mappings":";;;;;;AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE,OADH;AAEJC,IAAAA,SAAS,EAAE,MAFP;AAGJC,IAAAA,SAAS,EAAE,MAHP;AAIJC,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,IAAhB;AAJL,GADmB;AAOzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC;AADpC,GAPgB;AAUzBC,EAAAA,KAAK,EAAE;AACLL,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BG;AADtC,GAVkB;AAazBC,EAAAA,OAAO,EAAE;AACPP,IAAAA,eAAe,EAAER,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BK;AADpC,GAbgB;AAgBzBC,EAAAA,OAAO,EAAE;AACPZ,IAAAA,OAAO,EAAE,CADF;AAEPH,IAAAA,KAAK,EAAE;AAFA,GAhBgB;AAoBzBgB,EAAAA,WAAW,EAAE;AACXC,IAAAA,OAAO,EAAE,MADE;AAEXC,IAAAA,UAAU,EAAE,QAFD;AAGXjB,IAAAA,SAAS,EAAE;AAHA,GApBY;AAyBzBkB,EAAAA,WAAW,kCACNrB,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBC,UADd;AAETlB,IAAAA,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFA;AAGTkB,IAAAA,KAAK,EAAExB,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBe,IAAjB,CAAsBC,KAHpB;AAITC,IAAAA,UAAU,EAAE3B,KAAK,CAACS,EAAN,CAASa,UAAT,CAAoBK,UAJvB;AAKTvB,IAAAA,SAAS,EAAE,MALF;AAMTwB,IAAAA,SAAS,EAAE;AANF,IAzBc;AAiCzBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,SAAS,EAAE;AADL;AAjCiB,CAAZ,CAAf;;AAsCA,eAAe/B,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"310px\",\n    minHeight: \"52px\",\n    maxHeight: \"92px\",\n    padding: theme.hvSpacing(\"xs\"),\n  },\n  success: {\n    backgroundColor: theme.hv.palette.semantic.sema8,\n  },\n  error: {\n    backgroundColor: theme.hv.palette.semantic.sema9,\n  },\n  default: {\n    backgroundColor: theme.hv.palette.semantic.sema7,\n  },\n  message: {\n    padding: 0,\n    width: \"100%\",\n  },\n  messageSpan: {\n    display: \"flex\",\n    alignItems: \"center\",\n    minHeight: \"32px\",\n  },\n  messageText: {\n    ...theme.hv.typography.normalText,\n    padding: theme.hvSpacing(0, \"xs\"),\n    color: theme.hv.palette.base.base2,\n    fontFamily: theme.hv.typography.fontFamily,\n    maxHeight: \"72px\",\n    wordBreak: \"break-word\",\n  },\n  action: {\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/index.d.ts

@@ -61,6 +61,7 @@ export { default as HvFileUploader } from "./FileUploader";
 export * from "./FileUploader";
 
 export { default as HvFilterGroup } from "./FilterGroup";
+export * from "./FilterGroup";
 
 export { default as HvFooter } from "./Footer";
 export * from "./Footer";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "3.62.4",
+  "version": "3.62.7",
   "description": "A collection of React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -104,5 +104,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "fbd0734a32959d9d90fb4846028b98c3180e9c98"
+  "gitHead": "f433513f3bfc9c9dfce07f1bde9d4e6c027b4b85"
 }