@hitachivantara/uikit-react-core 3.67.6 → 3.67.9

package/dist/BaseInput/styles.js

@@ -64,6 +64,38 @@ var styles = function styles(theme) {
         "& $input": {
           border: "1px solid ".concat(theme.hv.palette.accent.acce1)
         }
+      },
+      "@global": {
+        "input:-webkit-autofill": {
+          "-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
+          "-webkit-text-fill-color": theme.hv.typography.normalText.color
+        },
+
+        /* clears input's clear and reveal buttons from IE */
+        "input[type=search]::-ms-clear": {
+          display: "none",
+          width: 0,
+          height: 0
+        },
+        "input[type=search]::-ms-reveal": {
+          display: "none",
+          width: 0,
+          height: 0
+        },
+
+        /* clears input's clear button from Chrome */
+        "input[type=search]::-webkit-search-decoration": {
+          display: "none"
+        },
+        "input[type=search]::-webkit-search-cancel-button": {
+          display: "none"
+        },
+        "input[type=search]::-webkit-search-results-button": {
+          display: "none"
+        },
+        "input[type=search]::-webkit-search-results-decoration": {
+          display: "none"
+        }
       }
     },
     resizable: {
@@ -215,12 +247,6 @@ var styles = function styles(theme) {
       top: "31px",
       left: "2px",
       backgroundColor: theme.hv.palette.atmosphere.atmo4
-    },
-    "@global": {
-      "input:-webkit-autofill": {
-        "-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
-        "-webkit-text-fill-color": theme.hv.typography.normalText.color
-      }
     }
   };
 };

package/dist/BaseInput/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","resizable","readOnly","disabled","atmosphere","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","atmo1","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","inputRootMultiline","padding","height","minHeight","marginLeft","marginRight","input","spacing","xs","typography","normalText","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","color","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","width","position","overflow","border","hv","palette","accent","acce1","backgroundColor","atmosphere","atmo1","typography","normalText","color","height","resizable","readOnly","disabled","atmo4","atmo3","invalid","semantic","sema4","inputRoot","margin","borderRadius","inputRootFocused","background","outlineStyles","inputRootDisabled","cursor","inputRootMultiline","padding","minHeight","marginLeft","marginRight","input","spacing","xs","textOverflow","outline","placeholderText","opacity","flexGrow","inputDisabled","atmo5","inputResizable","resize","inputBorderContainer","top","left"],"sources":["../../src/BaseInput/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    width: \"100%\",\n    position: \"relative\",\n    \"& $inputRootMultiline\": {\n      overflow: \"auto\",\n      border: \"none\",\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.accent.acce1,\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: `1px solid ${theme.hv.palette.accent.acce1}`,\n      },\n    },\n\n    \"@global\": {\n      \"input:-webkit-autofill\": {\n        \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n        \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n      },\n\n      /* clears input's clear and reveal buttons from IE */\n      \"input[type=search]::-ms-clear\": { display: \"none\", width: 0, height: 0 },\n      \"input[type=search]::-ms-reveal\": { display: \"none\", width: 0, height: 0 },\n\n      /* clears input's clear button from Chrome */\n      \"input[type=search]::-webkit-search-decoration\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-cancel-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-button\": { display: \"none\" },\n      \"input[type=search]::-webkit-search-results-decoration\": { display: \"none\" },\n    },\n  },\n  resizable: {\n    width: \"auto\",\n  },\n  readOnly: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n    \"&:focus-within $inputBorderContainer\": {\n      backgroundColor: \"transparent\",\n    },\n\n    // multiline\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n    \"&:focus-within $inputRootMultiline\": {\n      \"& $input\": {\n        border: \"1px solid transparent\",\n      },\n    },\n  },\n  disabled: {\n    \"& $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"&:hover $inputBorderContainer\": {\n      backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    },\n    \"& $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n    \"&:hover $inputRootMultiline\": {\n      \"& $input\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo3,\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      },\n    },\n  },\n  invalid: {\n    \"&:not($disabled)\": {\n      \"& $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"&:hover $inputBorderContainer\": {\n        backgroundColor: theme.hv.palette.semantic.sema4,\n      },\n      \"& $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:hover $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      \"&:focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within $inputRootMultiline\": {\n        \"& $input\": {\n          border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n        },\n      },\n    },\n  },\n\n  inputRoot: {\n    margin: 0,\n    width: \"100%\",\n    borderRadius: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n  },\n  inputRootFocused: {\n    background: theme.hv.palette.atmosphere.atmo1,\n    ...outlineStyles,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  inputRootDisabled: {\n    background: theme.hv.palette.atmosphere.atmo3,\n    \"&:hover\": {\n      background: theme.hv.palette.atmosphere.atmo3,\n      cursor: \"not-allowed\",\n    },\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n    backgroundColor: \"transparent\",\n    \"& $input\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderRadius: \"2px\",\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      height: \"auto\",\n      minHeight: \"21px\",\n      padding: \"5px 10px\",\n      overflow: \"auto\",\n      marginLeft: \"0px\",\n      marginRight: \"0px\",\n    },\n  },\n\n  input: {\n    height: \"21px\",\n    marginLeft: theme.hv.spacing.xs,\n    marginRight: theme.hv.spacing.xs,\n    padding: \"6px 0 5px\",\n    ...theme.hv.typography.normalText,\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    outline: \"none\",\n    \"&::placeholder\": {\n      ...theme.hv.typography.placeholderText,\n      opacity: 1,\n    },\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n    width: \"initial\",\n    flexGrow: 1,\n  },\n  inputDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  inputResizable: {\n    resize: \"both\",\n    width: \"100%\",\n  },\n\n  inputBorderContainer: {\n    position: \"absolute\",\n    width: \"calc(100% - 4px)\",\n    height: \"1px\",\n    top: \"31px\",\n    left: \"2px\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Forms/WarningText/WarningText.d.ts

@@ -6,8 +6,7 @@ export type HvWarningTextClassKey =
   | "topBorder"
   | "topGutter"
   | "showText"
-  | "defaultIcon"
-  | "@global";
+  | "defaultIcon";
 
 export interface HvWarningTextProps
   extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvWarningTextClassKey> {

package/dist/Forms/WarningText/WarningText.js

@@ -154,12 +154,7 @@ process.env.NODE_ENV !== "production" ? HvWarningText.propTypes = {
      * Styles applied to the text when the error are is active
      * but the text is to be not visible.
      */
-    hideText: _propTypes.default.string,
-
-    /**
-     * IE11 specific styling.
-     */
-    "@global": _propTypes.default.string
+    hideText: _propTypes.default.string
   }).isRequired,
 
   /**

package/dist/Forms/WarningText/WarningText.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningText.js","names":["HvWarningText","props","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","HvFormElementContext","elementId","elementStatus","elementDisabled","localDisabled","localVisible","localId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter","formElementType","propTypes","PropTypes","string","node","shape","isRequired","bool","styles","name"],"sources":["../../../src/Forms/WarningText/WarningText.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nconst HvWarningText = (props) => {\n  const {\n    children,\n    adornment,\n    isVisible,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    disableBorder = false,\n    disableAdornment = false,\n    hideText = false,\n    ...others\n  } = props;\n\n  const { elementId, elementStatus, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible) ? isVisible : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || <Fail className={classes.defaultIcon} semantic=\"sema4\" />;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.show]: showWarning,\n        [classes.topBorder]: !disableBorder,\n      })}\n    >\n      {!disableAdornment && localAdornment}\n      <HvTypography\n        id={localId}\n        className={clsx(classes.warningText, {\n          [classes.topGutter]: !disableGutter,\n          [classes.hideText]: hideText,\n        })}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </HvTypography>\n    </div>\n  );\n};\n\nHvWarningText.formElementType = \"errormessage\";\n\nHvWarningText.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The description to be shown by this helper text\n   */\n  children: PropTypes.node,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the default icon.\n     */\n    defaultIcon: PropTypes.string,\n    /**\n     * Styles applied to the warning text.\n     */\n    warningText: PropTypes.string,\n    /**\n     * Styles applied when the text should be shown.\n     */\n    show: PropTypes.string,\n    /**\n     * Separation between text and upper element.\n     */\n    topGutter: PropTypes.string,\n    /**\n     * The top border.\n     */\n    topBorder: PropTypes.string,\n    /**\n     * Styles applied to the text when the error are is active\n     * but the text is to be not visible.\n     */\n    hideText: PropTypes.string,\n    /**\n     * IE11 specific styling.\n     */\n    \"@global\": PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon to be rendered alongside the warning text.\n   */\n  adornment: PropTypes.node,\n  /**\n   * If `true` the text is not rendered.\n   */\n  isVisible: PropTypes.bool,\n  /**\n   * If `true` the text is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the text won't include a gutter.\n   */\n  disableGutter: PropTypes.bool,\n  /**\n   * If `true` the text won't include the top border.\n   */\n  disableBorder: PropTypes.bool,\n  /**\n   * If `true` the adornment icon isn't shown.\n   */\n  disableAdornment: PropTypes.bool,\n  /**\n   * If `true` the text isn't shown.\n   */\n  hideText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvWarningText\" })(HvWarningText);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,IACEC,QADF,GAaID,KAbJ,CACEC,QADF;EAAA,IAEEC,SAFF,GAaIF,KAbJ,CAEEE,SAFF;EAAA,IAGEC,SAHF,GAaIH,KAbJ,CAGEG,SAHF;EAAA,IAIEC,OAJF,GAaIJ,KAbJ,CAIEI,OAJF;EAAA,IAKEC,SALF,GAaIL,KAbJ,CAKEK,SALF;EAAA,IAMEC,EANF,GAaIN,KAbJ,CAMEM,EANF;EAAA,IAOEC,QAPF,GAaIP,KAbJ,CAOEO,QAPF;EAAA,2BAaIP,KAbJ,CAQEQ,aARF;EAAA,IAQEA,aARF,qCAQkB,KARlB;EAAA,2BAaIR,KAbJ,CASES,aATF;EAAA,IASEA,aATF,qCASkB,KATlB;EAAA,4BAaIT,KAbJ,CAUEU,gBAVF;EAAA,IAUEA,gBAVF,sCAUqB,KAVrB;EAAA,sBAaIV,KAbJ,CAWEW,QAXF;EAAA,IAWEA,QAXF,gCAWa,KAXb;EAAA,IAYKC,MAZL,0CAaIZ,KAbJ;;EAeA,kBAAsD,uBAAWa,iCAAX,CAAtD;EAAA,IAAQC,SAAR,eAAQA,SAAR;EAAA,IAAmBC,aAAnB,eAAmBA,aAAnB;EAAA,IAAkCC,eAAlC,eAAkCA,eAAlC;;EACA,IAAMC,aAAa,GAAGV,QAAQ,IAAIS,eAAlC;EACA,IAAME,YAAY,GAAG,CAAC,oBAAMf,SAAN,CAAD,GAAoBA,SAApB,GAAgCY,aAAa,KAAK,SAAvE;EACA,IAAMI,OAAO,GAAGb,EAAH,aAAGA,EAAH,cAAGA,EAAH,GAAS,kBAAMQ,SAAN,EAAiB,OAAjB,CAAtB;EACA,IAAMM,WAAW,GAAGF,YAAY,IAAI,CAACD,aAArC;EACA,IAAMI,OAAO,GAAGD,WAAW,GAAGnB,QAAH,GAAc,EAAzC;;EACA,IAAMqB,cAAc,GAAGpB,SAAS,iBAAI,6BAAC,qBAAD;IAAM,SAAS,EAAEE,OAAO,CAACmB,WAAzB;IAAsC,QAAQ,EAAC;EAA/C,EAApC;;EAEA,oBACE;IACE,SAAS,EAAE,mBAAKlB,SAAL,EAAgBD,OAAO,CAACoB,IAAxB,EACOJ,WADP,IACRhB,OAAO,CAACqB,IADA,EAEY,CAAChB,aAFb,IAERL,OAAO,CAACsB,SAFA;EADb,GAMG,CAAChB,gBAAD,IAAqBY,cANxB,eAOE,6BAAC,cAAD;IACE,EAAE,EAAEH,OADN;IAEE,SAAS,EAAE,mBAAKf,OAAO,CAACuB,WAAb,EACY,CAACnB,aADb,IACRJ,OAAO,CAACwB,SADA,EAEWjB,QAFX,IAERP,OAAO,CAACO,QAFA,CAFb;IAME,aAAU,QANZ;IAOE,eAAY,MAPd;IAQE,iBAAc;EARhB,GASMC,MATN,GAWGQ,WAAW,IAAIC,OAXlB,CAPF,CADF;AAuBD,CA/CD;;AAiDAtB,aAAa,CAAC8B,eAAd,GAAgC,cAAhC;AAEA,wCAAA9B,aAAa,CAAC+B,SAAd,GAA0B;EACxB;AACF;AACA;EACEzB,SAAS,EAAE0B,mBAAUC,MAJG;;EAKxB;AACF;AACA;EACE/B,QAAQ,EAAE8B,mBAAUE,IARI;;EASxB;AACF;AACA;EACE3B,EAAE,EAAEyB,mBAAUC,MAZU;;EAaxB;AACF;AACA;EACE5B,OAAO,EAAE2B,mBAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAEO,mBAAUC,MAJO;;IAKvB;AACJ;AACA;IACIT,WAAW,EAAEQ,mBAAUC,MARA;;IASvB;AACJ;AACA;IACIL,WAAW,EAAEI,mBAAUC,MAZA;;IAavB;AACJ;AACA;IACIP,IAAI,EAAEM,mBAAUC,MAhBO;;IAiBvB;AACJ;AACA;IACIJ,SAAS,EAAEG,mBAAUC,MApBE;;IAqBvB;AACJ;AACA;IACIN,SAAS,EAAEK,mBAAUC,MAxBE;;IAyBvB;AACJ;AACA;AACA;IACIrB,QAAQ,EAAEoB,mBAAUC,MA7BG;;IA8BvB;AACJ;AACA;IACI,WAAWD,mBAAUC;EAjCE,CAAhB,EAkCNG,UAlDqB;;EAmDxB;AACF;AACA;EACEjC,SAAS,EAAE6B,mBAAUE,IAtDG;;EAuDxB;AACF;AACA;EACE9B,SAAS,EAAE4B,mBAAUK,IA1DG;;EA2DxB;AACF;AACA;EACE7B,QAAQ,EAAEwB,mBAAUK,IA9DI;;EA+DxB;AACF;AACA;EACE5B,aAAa,EAAEuB,mBAAUK,IAlED;;EAmExB;AACF;AACA;EACE3B,aAAa,EAAEsB,mBAAUK,IAtED;;EAuExB;AACF;AACA;EACE1B,gBAAgB,EAAEqB,mBAAUK,IA1EJ;;EA2ExB;AACF;AACA;EACEzB,QAAQ,EAAEoB,mBAAUK;AA9EI,CAA1B;;eAiFe,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA8CvC,aAA9C,C"}
+{"version":3,"file":"WarningText.js","names":["HvWarningText","props","children","adornment","isVisible","classes","className","id","disabled","disableGutter","disableBorder","disableAdornment","hideText","others","HvFormElementContext","elementId","elementStatus","elementDisabled","localDisabled","localVisible","localId","showWarning","content","localAdornment","defaultIcon","root","show","topBorder","warningText","topGutter","formElementType","propTypes","PropTypes","string","node","shape","isRequired","bool","styles","name"],"sources":["../../../src/Forms/WarningText/WarningText.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isNil from \"lodash/isNil\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Provides the user with a descriptive text, signaling an error, for when the form element is in an invalid state.\n */\nconst HvWarningText = (props) => {\n  const {\n    children,\n    adornment,\n    isVisible,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    disableBorder = false,\n    disableAdornment = false,\n    hideText = false,\n    ...others\n  } = props;\n\n  const { elementId, elementStatus, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localVisible = !isNil(isVisible) ? isVisible : elementStatus === \"invalid\";\n  const localId = id ?? setId(elementId, \"error\");\n  const showWarning = localVisible && !localDisabled;\n  const content = showWarning ? children : \"\";\n  const localAdornment = adornment || <Fail className={classes.defaultIcon} semantic=\"sema4\" />;\n\n  return (\n    <div\n      className={clsx(className, classes.root, {\n        [classes.show]: showWarning,\n        [classes.topBorder]: !disableBorder,\n      })}\n    >\n      {!disableAdornment && localAdornment}\n      <HvTypography\n        id={localId}\n        className={clsx(classes.warningText, {\n          [classes.topGutter]: !disableGutter,\n          [classes.hideText]: hideText,\n        })}\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        aria-relevant=\"additions text\"\n        {...others}\n      >\n        {showWarning && content}\n      </HvTypography>\n    </div>\n  );\n};\n\nHvWarningText.formElementType = \"errormessage\";\n\nHvWarningText.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The description to be shown by this helper text\n   */\n  children: PropTypes.node,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the default icon.\n     */\n    defaultIcon: PropTypes.string,\n    /**\n     * Styles applied to the warning text.\n     */\n    warningText: PropTypes.string,\n    /**\n     * Styles applied when the text should be shown.\n     */\n    show: PropTypes.string,\n    /**\n     * Separation between text and upper element.\n     */\n    topGutter: PropTypes.string,\n    /**\n     * The top border.\n     */\n    topBorder: PropTypes.string,\n    /**\n     * Styles applied to the text when the error are is active\n     * but the text is to be not visible.\n     */\n    hideText: PropTypes.string,\n  }).isRequired,\n  /**\n   * Icon to be rendered alongside the warning text.\n   */\n  adornment: PropTypes.node,\n  /**\n   * If `true` the text is not rendered.\n   */\n  isVisible: PropTypes.bool,\n  /**\n   * If `true` the text is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the text won't include a gutter.\n   */\n  disableGutter: PropTypes.bool,\n  /**\n   * If `true` the text won't include the top border.\n   */\n  disableBorder: PropTypes.bool,\n  /**\n   * If `true` the adornment icon isn't shown.\n   */\n  disableAdornment: PropTypes.bool,\n  /**\n   * If `true` the text isn't shown.\n   */\n  hideText: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvWarningText\" })(HvWarningText);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,KAAD,EAAW;EAC/B,IACEC,QADF,GAaID,KAbJ,CACEC,QADF;EAAA,IAEEC,SAFF,GAaIF,KAbJ,CAEEE,SAFF;EAAA,IAGEC,SAHF,GAaIH,KAbJ,CAGEG,SAHF;EAAA,IAIEC,OAJF,GAaIJ,KAbJ,CAIEI,OAJF;EAAA,IAKEC,SALF,GAaIL,KAbJ,CAKEK,SALF;EAAA,IAMEC,EANF,GAaIN,KAbJ,CAMEM,EANF;EAAA,IAOEC,QAPF,GAaIP,KAbJ,CAOEO,QAPF;EAAA,2BAaIP,KAbJ,CAQEQ,aARF;EAAA,IAQEA,aARF,qCAQkB,KARlB;EAAA,2BAaIR,KAbJ,CASES,aATF;EAAA,IASEA,aATF,qCASkB,KATlB;EAAA,4BAaIT,KAbJ,CAUEU,gBAVF;EAAA,IAUEA,gBAVF,sCAUqB,KAVrB;EAAA,sBAaIV,KAbJ,CAWEW,QAXF;EAAA,IAWEA,QAXF,gCAWa,KAXb;EAAA,IAYKC,MAZL,0CAaIZ,KAbJ;;EAeA,kBAAsD,uBAAWa,iCAAX,CAAtD;EAAA,IAAQC,SAAR,eAAQA,SAAR;EAAA,IAAmBC,aAAnB,eAAmBA,aAAnB;EAAA,IAAkCC,eAAlC,eAAkCA,eAAlC;;EACA,IAAMC,aAAa,GAAGV,QAAQ,IAAIS,eAAlC;EACA,IAAME,YAAY,GAAG,CAAC,oBAAMf,SAAN,CAAD,GAAoBA,SAApB,GAAgCY,aAAa,KAAK,SAAvE;EACA,IAAMI,OAAO,GAAGb,EAAH,aAAGA,EAAH,cAAGA,EAAH,GAAS,kBAAMQ,SAAN,EAAiB,OAAjB,CAAtB;EACA,IAAMM,WAAW,GAAGF,YAAY,IAAI,CAACD,aAArC;EACA,IAAMI,OAAO,GAAGD,WAAW,GAAGnB,QAAH,GAAc,EAAzC;;EACA,IAAMqB,cAAc,GAAGpB,SAAS,iBAAI,6BAAC,qBAAD;IAAM,SAAS,EAAEE,OAAO,CAACmB,WAAzB;IAAsC,QAAQ,EAAC;EAA/C,EAApC;;EAEA,oBACE;IACE,SAAS,EAAE,mBAAKlB,SAAL,EAAgBD,OAAO,CAACoB,IAAxB,EACOJ,WADP,IACRhB,OAAO,CAACqB,IADA,EAEY,CAAChB,aAFb,IAERL,OAAO,CAACsB,SAFA;EADb,GAMG,CAAChB,gBAAD,IAAqBY,cANxB,eAOE,6BAAC,cAAD;IACE,EAAE,EAAEH,OADN;IAEE,SAAS,EAAE,mBAAKf,OAAO,CAACuB,WAAb,EACY,CAACnB,aADb,IACRJ,OAAO,CAACwB,SADA,EAEWjB,QAFX,IAERP,OAAO,CAACO,QAFA,CAFb;IAME,aAAU,QANZ;IAOE,eAAY,MAPd;IAQE,iBAAc;EARhB,GASMC,MATN,GAWGQ,WAAW,IAAIC,OAXlB,CAPF,CADF;AAuBD,CA/CD;;AAiDAtB,aAAa,CAAC8B,eAAd,GAAgC,cAAhC;AAEA,wCAAA9B,aAAa,CAAC+B,SAAd,GAA0B;EACxB;AACF;AACA;EACEzB,SAAS,EAAE0B,mBAAUC,MAJG;;EAKxB;AACF;AACA;EACE/B,QAAQ,EAAE8B,mBAAUE,IARI;;EASxB;AACF;AACA;EACE3B,EAAE,EAAEyB,mBAAUC,MAZU;;EAaxB;AACF;AACA;EACE5B,OAAO,EAAE2B,mBAAUG,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAEO,mBAAUC,MAJO;;IAKvB;AACJ;AACA;IACIT,WAAW,EAAEQ,mBAAUC,MARA;;IASvB;AACJ;AACA;IACIL,WAAW,EAAEI,mBAAUC,MAZA;;IAavB;AACJ;AACA;IACIP,IAAI,EAAEM,mBAAUC,MAhBO;;IAiBvB;AACJ;AACA;IACIJ,SAAS,EAAEG,mBAAUC,MApBE;;IAqBvB;AACJ;AACA;IACIN,SAAS,EAAEK,mBAAUC,MAxBE;;IAyBvB;AACJ;AACA;AACA;IACIrB,QAAQ,EAAEoB,mBAAUC;EA7BG,CAAhB,EA8BNG,UA9CqB;;EA+CxB;AACF;AACA;EACEjC,SAAS,EAAE6B,mBAAUE,IAlDG;;EAmDxB;AACF;AACA;EACE9B,SAAS,EAAE4B,mBAAUK,IAtDG;;EAuDxB;AACF;AACA;EACE7B,QAAQ,EAAEwB,mBAAUK,IA1DI;;EA2DxB;AACF;AACA;EACE5B,aAAa,EAAEuB,mBAAUK,IA9DD;;EA+DxB;AACF;AACA;EACE3B,aAAa,EAAEsB,mBAAUK,IAlED;;EAmExB;AACF;AACA;EACE1B,gBAAgB,EAAEqB,mBAAUK,IAtEJ;;EAuExB;AACF;AACA;EACEzB,QAAQ,EAAEoB,mBAAUK;AA1EI,CAA1B;;eA6Ee,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA8CvC,aAA9C,C"}

package/dist/Forms/WarningText/styles.js

@@ -37,12 +37,6 @@ var styles = function styles(theme) {
       padding: 0,
       margin: 0,
       overflow: "hidden"
-    },
-    "@global": {
-      "input:-webkit-autofill": {
-        "-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
-        "-webkit-text-fill-color": theme.hv.typography.normalText.color
-      }
     }
   };
 };

package/dist/Forms/WarningText/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","topBorder","borderTop","hv","palette","semantic","sema4","topGutter","paddingTop","warningText","color","paddingRight","spacing","xs","paddingLeft","defaultIcon","minWidth","show","hideText","width","height","padding","margin","overflow","atmosphere","atmo1","typography","normalText"],"sources":["../../../src/Forms/WarningText/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"none\",\n  },\n  topBorder: {\n    borderTop: `solid 1px ${theme.hv.palette.semantic.sema4}`,\n  },\n  topGutter: { paddingTop: 8 },\n  warningText: {\n    color: theme.hv.palette.semantic.sema4,\n    paddingRight: theme.hv.spacing.xs,\n    \"&:first-child\": {\n      paddingLeft: theme.hv.spacing.xs,\n    },\n  },\n  defaultIcon: {\n    minWidth: \"32px\",\n  },\n  show: {\n    display: \"flex\",\n  },\n  hideText: {\n    // display none or visibility hidden prevents\n    // browser to trigger the aria-alert\n    width: 0,\n    height: 0,\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n  },\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAIzBC,SAAS,EAAE;MACTC,SAAS,sBAAeJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KAAzC;IADA,CAJc;IAOzBC,SAAS,EAAE;MAAEC,UAAU,EAAE;IAAd,CAPc;IAQzBC,WAAW,EAAE;MACXC,KAAK,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KADtB;MAEXK,YAAY,EAAEb,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC,EAFpB;MAGX,iBAAiB;QACfC,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC;MADf;IAHN,CARY;IAezBE,WAAW,EAAE;MACXC,QAAQ,EAAE;IADC,CAfY;IAkBzBC,IAAI,EAAE;MACJjB,OAAO,EAAE;IADL,CAlBmB;IAqBzBkB,QAAQ,EAAE;MACR;MACA;MACAC,KAAK,EAAE,CAHC;MAIRC,MAAM,EAAE,CAJA;MAKRC,OAAO,EAAE,CALD;MAMRC,MAAM,EAAE,CANA;MAORC,QAAQ,EAAE;IAPF,CArBe;IA8BzB,WAAW;MACT,0BAA0B;QACxB,+CAAwCzB,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBoB,UAAjB,CAA4BC,KAApE,WADwB;QAExB,2BAA2B3B,KAAK,CAACK,EAAN,CAASuB,UAAT,CAAoBC,UAApB,CAA+BjB;MAFlC;IADjB;EA9Bc,CAAZ;AAAA,CAAf;;eAsCeb,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","topBorder","borderTop","hv","palette","semantic","sema4","topGutter","paddingTop","warningText","color","paddingRight","spacing","xs","paddingLeft","defaultIcon","minWidth","show","hideText","width","height","padding","margin","overflow"],"sources":["../../../src/Forms/WarningText/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"none\",\n  },\n  topBorder: {\n    borderTop: `solid 1px ${theme.hv.palette.semantic.sema4}`,\n  },\n  topGutter: { paddingTop: 8 },\n  warningText: {\n    color: theme.hv.palette.semantic.sema4,\n    paddingRight: theme.hv.spacing.xs,\n    \"&:first-child\": {\n      paddingLeft: theme.hv.spacing.xs,\n    },\n  },\n  defaultIcon: {\n    minWidth: \"32px\",\n  },\n  show: {\n    display: \"flex\",\n  },\n  hideText: {\n    // display none or visibility hidden prevents\n    // browser to trigger the aria-alert\n    width: 0,\n    height: 0,\n    padding: 0,\n    margin: 0,\n    overflow: \"hidden\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAIzBC,SAAS,EAAE;MACTC,SAAS,sBAAeJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KAAzC;IADA,CAJc;IAOzBC,SAAS,EAAE;MAAEC,UAAU,EAAE;IAAd,CAPc;IAQzBC,WAAW,EAAE;MACXC,KAAK,EAAEZ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,QAAjB,CAA0BC,KADtB;MAEXK,YAAY,EAAEb,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC,EAFpB;MAGX,iBAAiB;QACfC,WAAW,EAAEhB,KAAK,CAACK,EAAN,CAASS,OAAT,CAAiBC;MADf;IAHN,CARY;IAezBE,WAAW,EAAE;MACXC,QAAQ,EAAE;IADC,CAfY;IAkBzBC,IAAI,EAAE;MACJjB,OAAO,EAAE;IADL,CAlBmB;IAqBzBkB,QAAQ,EAAE;MACR;MACA;MACAC,KAAK,EAAE,CAHC;MAIRC,MAAM,EAAE,CAJA;MAKRC,OAAO,EAAE,CALD;MAMRC,MAAM,EAAE,CANA;MAORC,QAAQ,EAAE;IAPF;EArBe,CAAZ;AAAA,CAAf;;eAgCe1B,M"}

package/dist/Input/styles.js

@@ -93,12 +93,6 @@ var styles = function styles(theme) {
       "$hasSuggestions &": {
         display: "none"
       }
-    },
-    "@global": {
-      "input:-webkit-autofill": {
-        "-webkit-box-shadow": "0 0 0px 1000px ".concat(theme.hv.palette.atmosphere.atmo1, " inset"),
-        "-webkit-text-fill-color": theme.hv.typography.normalText.color
-      }
     }
   };
 };

package/dist/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","hasSuggestions","inputRoot","inputRootFocused","inputRootDisabled","cursor","inputRootMultiline","padding","input","labelContainer","alignItems","label","paddingBottom","description","error","adornmentsBox","flexDirection","height","justifyContent","marginRight","adornmentButton","backgroundColor","border","margin","icon","width","iconClear","suggestionsContainer","position","suggestionList","inputExtension","hv","spacing","xs","palette","atmosphere","atmo1","boxShadow","inputBorderContainer","typography","normalText","color"],"sources":["../../src/Input/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"block\",\n  },\n\n  hasSuggestions: {},\n\n  inputRoot: {\n    \"&:hover\": {\n      \"& $iconClear\": {\n        display: \"block\",\n      },\n    },\n    \"&:focus-within $iconClear\": {\n      display: \"block\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $iconClear\": {\n      display: \"block\",\n    },\n  },\n  inputRootFocused: {\n    \"& $iconClear\": { display: \"block\" },\n  },\n  inputRootDisabled: {\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n  },\n  input: {\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n  },\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  adornmentsBox: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: \"30px\",\n    justifyContent: \"center\",\n    marginRight: 1,\n  },\n  adornmentButton: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  icon: {\n    width: \"30px\",\n    height: \"30px\",\n  },\n  iconClear: {\n    display: \"none\",\n  },\n\n  suggestionsContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  suggestionList: {\n    // ensure more specificity than .HvSuggestions-root .HvSuggestions-list\n    \"$root $suggestionsContainer &\": {\n      width: \"100%\",\n    },\n  },\n\n  inputExtension: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n\n  inputBorderContainer: {\n    \"$hasSuggestions &\": {\n      display: \"none\",\n    },\n  },\n\n  \"@global\": {\n    \"input:-webkit-autofill\": {\n      \"-webkit-box-shadow\": `0 0 0px 1000px ${theme.hv.palette.atmosphere.atmo1} inset`,\n      \"-webkit-text-fill-color\": theme.hv.typography.normalText.color,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAKzBC,cAAc,EAAE,EALS;IAOzBC,SAAS,EAAE;MACT,WAAW;QACT,gBAAgB;UACdF,OAAO,EAAE;QADK;MADP,CADF;MAMT,6BAA6B;QAC3BA,OAAO,EAAE;MADkB,CANpB;MAST;MACA,6BAA6B;QAC3BA,OAAO,EAAE;MADkB;IAVpB,CAPc;IAqBzBG,gBAAgB,EAAE;MAChB,gBAAgB;QAAEH,OAAO,EAAE;MAAX;IADA,CArBO;IAwBzBI,iBAAiB,EAAE;MACjBC,MAAM,EAAE;IADS,CAxBM;IA2BzBC,kBAAkB,EAAE;MAClBC,OAAO,EAAE;IADS,CA3BK;IA8BzBC,KAAK,EAAE;MACL,gBAAgB;QACdR,OAAO,EAAE;MADK;IADX,CA9BkB;IAoCzBS,cAAc,EAAE;MACdT,OAAO,EAAE,MADK;MAEdU,UAAU,EAAE;IAFE,CApCS;IAwCzBC,KAAK,EAAE;MACLC,aAAa,EAAE,KADV;MAELZ,OAAO,EAAE;IAFJ,CAxCkB;IA4CzBa,WAAW,EAAE,EA5CY;IA6CzBC,KAAK,EAAE,EA7CkB;IA+CzBC,aAAa,EAAE;MACbf,OAAO,EAAE,MADI;MAEbgB,aAAa,EAAE,KAFF;MAGbC,MAAM,EAAE,MAHK;MAIbC,cAAc,EAAE,QAJH;MAKbC,WAAW,EAAE;IALA,CA/CU;IAsDzBC,eAAe,EAAE;MACfC,eAAe,EAAE,aADF;MAEfC,MAAM,EAAE,MAFO;MAGff,OAAO,EAAE,CAHM;MAIfgB,MAAM,EAAE,CAJO;MAKflB,MAAM,EAAE;IALO,CAtDQ;IA6DzBmB,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJR,MAAM,EAAE;IAFJ,CA7DmB;IAiEzBS,SAAS,EAAE;MACT1B,OAAO,EAAE;IADA,CAjEc;IAqEzB2B,oBAAoB,EAAE;MACpBF,KAAK,EAAE,MADa;MAEpBG,QAAQ,EAAE;IAFU,CArEG;IAyEzBC,cAAc,EAAE;MACd;MACA,iCAAiC;QAC/BJ,KAAK,EAAE;MADwB;IAFnB,CAzES;IAgFzBK,cAAc,EAAE;MACdb,MAAM,EAAEnB,KAAK,CAACiC,EAAN,CAASC,OAAT,CAAiBC,EADX;MAEdZ,eAAe,EAAEvB,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAF/B;MAGdC,SAAS,wBAAiBvC,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7C;IAHK,CAhFS;IAsFzBE,oBAAoB,EAAE;MACpB,qBAAqB;QACnBtC,OAAO,EAAE;MADU;IADD,CAtFG;IA4FzB,WAAW;MACT,0BAA0B;QACxB,+CAAwCF,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAApE,WADwB;QAExB,2BAA2BtC,KAAK,CAACiC,EAAN,CAASQ,UAAT,CAAoBC,UAApB,CAA+BC;MAFlC;IADjB;EA5Fc,CAAZ;AAAA,CAAf;;eAoGe5C,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","hasSuggestions","inputRoot","inputRootFocused","inputRootDisabled","cursor","inputRootMultiline","padding","input","labelContainer","alignItems","label","paddingBottom","description","error","adornmentsBox","flexDirection","height","justifyContent","marginRight","adornmentButton","backgroundColor","border","margin","icon","width","iconClear","suggestionsContainer","position","suggestionList","inputExtension","hv","spacing","xs","palette","atmosphere","atmo1","boxShadow","inputBorderContainer"],"sources":["../../src/Input/styles.js"],"sourcesContent":["import \"focus-within-polyfill\";\n\nconst styles = (theme) => ({\n  root: {\n    display: \"block\",\n  },\n\n  hasSuggestions: {},\n\n  inputRoot: {\n    \"&:hover\": {\n      \"& $iconClear\": {\n        display: \"block\",\n      },\n    },\n    \"&:focus-within $iconClear\": {\n      display: \"block\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within $iconClear\": {\n      display: \"block\",\n    },\n  },\n  inputRootFocused: {\n    \"& $iconClear\": { display: \"block\" },\n  },\n  inputRootDisabled: {\n    cursor: \"not-allowed\",\n  },\n  inputRootMultiline: {\n    padding: 0,\n  },\n  input: {\n    \"&::-ms-clear\": {\n      display: \"none\",\n    },\n  },\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  adornmentsBox: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    height: \"30px\",\n    justifyContent: \"center\",\n    marginRight: 1,\n  },\n  adornmentButton: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  icon: {\n    width: \"30px\",\n    height: \"30px\",\n  },\n  iconClear: {\n    display: \"none\",\n  },\n\n  suggestionsContainer: {\n    width: \"100%\",\n    position: \"relative\",\n  },\n  suggestionList: {\n    // ensure more specificity than .HvSuggestions-root .HvSuggestions-list\n    \"$root $suggestionsContainer &\": {\n      width: \"100%\",\n    },\n  },\n\n  inputExtension: {\n    height: theme.hv.spacing.xs,\n    backgroundColor: theme.hv.palette.atmosphere.atmo1,\n    boxShadow: `0px 8px 0px ${theme.hv.palette.atmosphere.atmo1}, 0px 0px 9px 0px rgba(65,65,65,.12)`,\n  },\n\n  inputBorderContainer: {\n    \"$hasSuggestions &\": {\n      display: \"none\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE;IADL,CADmB;IAKzBC,cAAc,EAAE,EALS;IAOzBC,SAAS,EAAE;MACT,WAAW;QACT,gBAAgB;UACdF,OAAO,EAAE;QADK;MADP,CADF;MAMT,6BAA6B;QAC3BA,OAAO,EAAE;MADkB,CANpB;MAST;MACA,6BAA6B;QAC3BA,OAAO,EAAE;MADkB;IAVpB,CAPc;IAqBzBG,gBAAgB,EAAE;MAChB,gBAAgB;QAAEH,OAAO,EAAE;MAAX;IADA,CArBO;IAwBzBI,iBAAiB,EAAE;MACjBC,MAAM,EAAE;IADS,CAxBM;IA2BzBC,kBAAkB,EAAE;MAClBC,OAAO,EAAE;IADS,CA3BK;IA8BzBC,KAAK,EAAE;MACL,gBAAgB;QACdR,OAAO,EAAE;MADK;IADX,CA9BkB;IAoCzBS,cAAc,EAAE;MACdT,OAAO,EAAE,MADK;MAEdU,UAAU,EAAE;IAFE,CApCS;IAwCzBC,KAAK,EAAE;MACLC,aAAa,EAAE,KADV;MAELZ,OAAO,EAAE;IAFJ,CAxCkB;IA4CzBa,WAAW,EAAE,EA5CY;IA6CzBC,KAAK,EAAE,EA7CkB;IA+CzBC,aAAa,EAAE;MACbf,OAAO,EAAE,MADI;MAEbgB,aAAa,EAAE,KAFF;MAGbC,MAAM,EAAE,MAHK;MAIbC,cAAc,EAAE,QAJH;MAKbC,WAAW,EAAE;IALA,CA/CU;IAsDzBC,eAAe,EAAE;MACfC,eAAe,EAAE,aADF;MAEfC,MAAM,EAAE,MAFO;MAGff,OAAO,EAAE,CAHM;MAIfgB,MAAM,EAAE,CAJO;MAKflB,MAAM,EAAE;IALO,CAtDQ;IA6DzBmB,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJR,MAAM,EAAE;IAFJ,CA7DmB;IAiEzBS,SAAS,EAAE;MACT1B,OAAO,EAAE;IADA,CAjEc;IAqEzB2B,oBAAoB,EAAE;MACpBF,KAAK,EAAE,MADa;MAEpBG,QAAQ,EAAE;IAFU,CArEG;IAyEzBC,cAAc,EAAE;MACd;MACA,iCAAiC;QAC/BJ,KAAK,EAAE;MADwB;IAFnB,CAzES;IAgFzBK,cAAc,EAAE;MACdb,MAAM,EAAEnB,KAAK,CAACiC,EAAN,CAASC,OAAT,CAAiBC,EADX;MAEdZ,eAAe,EAAEvB,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAF/B;MAGdC,SAAS,wBAAiBvC,KAAK,CAACiC,EAAN,CAASG,OAAT,CAAiBC,UAAjB,CAA4BC,KAA7C;IAHK,CAhFS;IAsFzBE,oBAAoB,EAAE;MACpB,qBAAqB;QACnBtC,OAAO,EAAE;MADU;IADD;EAtFG,CAAZ;AAAA,CAAf;;eA6FeH,M"}

package/dist/Provider/Provider.d.ts

@@ -63,6 +63,21 @@ export interface HvProviderProps {
    * Disables the generation of the styles.
    */
   disableStylesGeneration?: boolean;
+
+  /**
+   * Disables the generation of the baseline css styles.
+   *
+   * This will be the default behavior in the future.
+   *
+   * The application using UI Kit should be responsible for adding the baseline css styles, by
+   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,
+   * or ensuring that the necessary base styles are applied.
+   *
+   * Defaults to `false`. Will be removed in the next major release.
+   *
+   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main
+   */
+  disableCssBaseline?: boolean;
 }
 
 export default function HvProvider(props: HvProviderProps): JSX.Element | null;

package/dist/Provider/Provider.js

@@ -47,12 +47,13 @@ var _theme = require("../theme");
 
 var _context = _interopRequireDefault(require("./context"));
 
-var _CssBaseline;
+var _HvCssBaseline;
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+var warnedOnce = false;
 /**
  * Augments the target theme with the differences found in the source theme.
  *
@@ -60,6 +61,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @param {Object} InputSourceTheme - A material UI Theme to apply on top.
  * @returns {Object} - A new modified material UI theme.
  */
+
 var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTheme) {
   var muiDefaultTheme = (0, _styles.createTheme)();
   var targetTheme = (0, _cloneDeep.default)(InputTargetTheme);
@@ -94,8 +96,8 @@ var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTh
  * <HvProvider/>
  * ```
  *
- * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`
- * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can
+ * If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`
+ * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can
  * be provided via the `generateClassName` property.
  *
  * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,
@@ -120,7 +122,18 @@ var HvProvider = function HvProvider(_ref) {
       _ref$injectStylesFirs = _ref.injectStylesFirst,
       injectStylesFirst = _ref$injectStylesFirs === void 0 ? false : _ref$injectStylesFirs,
       _ref$disableStylesGen = _ref.disableStylesGeneration,
-      disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen;
+      disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen,
+      _ref$disableCssBaseli = _ref.disableCssBaseline,
+      disableCssBaseline = _ref$disableCssBaseli === void 0 ? false : _ref$disableCssBaseli;
+
+  if (process.env.NODE_ENV !== "production") {
+    if (!warnedOnce && !disableCssBaseline) {
+      warnedOnce = true; // eslint-disable-next-line no-console
+
+      console.warn("UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\n" + "You can use the `disableCssBaseline` property to disable it already.\n" + "See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main");
+    }
+  }
+
   var localeSetting = locale || ((_navigator$language = (_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language) !== null && _navigator$language !== void 0 ? _navigator$language : "en-US");
   var rawUiKitTheme = (0, _theme.getTheme)(uiKitTheme);
   var customTheme = applyCustomTheme((0, _theme.themeBuilder)(rawUiKitTheme), theme);
@@ -137,7 +150,7 @@ var HvProvider = function HvProvider(_ref) {
     disableGeneration: disableStylesGeneration
   }, /*#__PURE__*/_react.default.createElement(_core.ThemeProvider, {
     theme: customTheme
-  }, _CssBaseline || (_CssBaseline = /*#__PURE__*/_react.default.createElement(_theme.CssBaseline, null)), /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
+  }, !disableCssBaseline && (_HvCssBaseline || (_HvCssBaseline = /*#__PURE__*/_react.default.createElement(_theme.HvCssBaseline, null))), /*#__PURE__*/_react.default.createElement(_context.default.Provider, {
     value: pConfig
   }, children)));
 };
@@ -215,7 +228,22 @@ process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {
   /**
    * Disables the generation of the styles.
    */
-  disableStylesGeneration: _propTypes.default.bool
+  disableStylesGeneration: _propTypes.default.bool,
+
+  /**
+   * Disables the generation of the baseline css styles.
+   *
+   * This will be the default behavior in the future.
+   *
+   * The application using UI Kit should be responsible for adding the baseline css styles, by
+   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,
+   * or ensuring that the necessary base styles are applied.
+   *
+   * Defaults to `false`. Will be removed in the next major release.
+   *
+   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main
+   */
+  disableCssBaseline: _propTypes.default.bool
 } : void 0;
 var _default = HvProvider;
 exports.default = _default;

package/dist/Provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","names":["applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","diff","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, CssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in paralel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames colision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n}) => {\n  const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        <CssBaseline />\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}
+{"version":3,"file":"Provider.js","names":["warnedOnce","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","targetTheme","sourceTheme","deleteDifference","diff","observableDiff","difference","partialCustomTheme","path","rhs","kind","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","disableCssBaseline","process","env","NODE_ENV","console","warn","localeSetting","navigator","language","rawUiKitTheme","customTheme","pConfig","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport {\n  ThemeProvider as MuiThemeProvider,\n  StylesProvider as MuiStylesProvider,\n} from \"@material-ui/core\";\nimport { createTheme } from \"@material-ui/core/styles\";\n\nimport { themeBuilder, createGenerateClassName, HvCssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\nlet warnedOnce = false;\n\n/**\n * Augments the target theme with the differences found in the source theme.\n *\n * @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n */\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n  const muiDefaultTheme = createTheme();\n  const targetTheme = cloneDeep(InputTargetTheme);\n  const sourceTheme = cloneDeep(InputSourceTheme);\n  const deleteDifference = \"D\";\n  if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n    diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n      const partialCustomTheme = set({}, difference.path, difference.rhs);\n      if (difference.kind !== deleteDifference) {\n        // Do not include the differences of type \"delete\"\n        merge(targetTheme, partialCustomTheme);\n      }\n    });\n    return targetTheme;\n  }\n  return targetTheme;\n};\n\n/**\n * This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n *\n * This component should preferably be used at **the root of your component tree** and\n * be unique in the App in most cases.\n *\n * ```jsx\n * <HvProvider>\n *   <MyApp />\n * <HvProvider/>\n * ```\n *\n * If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n *\n * **UI Kit components will not work at all if the `HvProvider` is not configured correctly**,\n * as they will not be able to access the properties of the active theme..\n *\n */\nconst HvProvider = ({\n  children,\n\n  uiKitTheme = \"dawn\",\n  theme = null,\n  changeTheme = () => {},\n\n  locale,\n\n  generateClassName: generateClassNameProp,\n  generateClassNameOptions,\n  injectStylesFirst = false,\n  disableStylesGeneration = false,\n\n  disableCssBaseline = false,\n}) => {\n  if (process.env.NODE_ENV !== \"production\") {\n    if (!warnedOnce && !disableCssBaseline) {\n      warnedOnce = true;\n      // eslint-disable-next-line no-console\n      console.warn(\n        \"UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\\n\" +\n          \"You can use the `disableCssBaseline` property to disable it already.\\n\" +\n          \"See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\"\n      );\n    }\n  }\n\n  const localeSetting = locale || (navigator?.language ?? \"en-US\");\n\n  const rawUiKitTheme = getTheme(uiKitTheme);\n  const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n  const generateClassName =\n    generateClassNameProp || createGenerateClassName(generateClassNameOptions);\n\n  const pConfig = useMemo(\n    () => ({ changeTheme, locale: localeSetting }),\n    [changeTheme, localeSetting]\n  );\n\n  return (\n    <MuiStylesProvider\n      generateClassName={generateClassName}\n      injectFirst={injectStylesFirst}\n      disableGeneration={disableStylesGeneration}\n    >\n      <MuiThemeProvider theme={customTheme}>\n        {!disableCssBaseline && <HvCssBaseline />}\n        <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n      </MuiThemeProvider>\n    </MuiStylesProvider>\n  );\n};\n\nHvProvider.propTypes = {\n  /**\n   * Your component tree.\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * The Design System base theme in use. Defaults to `\"dawn\"`.\n   */\n  uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n  /**\n   * The UI Kit theme object to be applied on top of the base theme.\n   */\n  theme: PropTypes.instanceOf(Object),\n  /**\n   * Function stored in the provider's context to allow runtime switching of the active theme.\n   * The implementation is up to each App.\n   */\n  changeTheme: PropTypes.func,\n\n  /**\n   * The locale to be used.\n   * Defaults to the browser's configured locale or \"en-US\" if not available.\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Custom JSS's class name generator.\n   */\n  generateClassName: PropTypes.func,\n  /**\n   * Built-in JSS's class name generator options.\n   * Ignored if a custom `generateClassName` is provided.\n   *\n   * `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n   *\n   * `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n   *\n   * `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n   *         It can be used to avoid class name collisions when using multiple generators in the same document.\n   */\n  generateClassNameOptions: PropTypes.shape({\n    /**\n     * Disable the generation of deterministic class names. Defaults to `false`.\n     */\n    disableGlobal: PropTypes.bool,\n    /**\n     * The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n     */\n    productionPrefix: PropTypes.string,\n    /**\n     * The string used to uniquely identify the generator. Defaults to `\"\"`.\n     * It can be used to avoid class name collisions when using multiple generators in the same document.\n     */\n    seed: PropTypes.string,\n  }),\n  /**\n   * Injects the generated stylesheets at the top of the `<head>` element of the page.\n   * This can ease the override of UI Kit components styles.\n   *\n   * By default, the styles are injected last in the `<head>` element of the page.\n   */\n  injectStylesFirst: PropTypes.bool,\n  /**\n   * Disables the generation of the styles.\n   */\n  disableStylesGeneration: PropTypes.bool,\n\n  /**\n   * Disables the generation of the baseline css styles.\n   *\n   * This will be the default behavior in the future.\n   *\n   * The application using UI Kit should be responsible for adding the baseline css styles, by\n   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,\n   * or ensuring that the necessary base styles are applied.\n   *\n   * Defaults to `false`. Will be removed in the next major release.\n   *\n   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\n   */\n  disableCssBaseline: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}

package/dist/VerticalNavigation/Navigation/Navigation.d.ts

@@ -18,6 +18,14 @@ export interface NavigationData {
    * Data subset.
    */
   data?: NavigationData[];
+  /**
+   * if `true` the item is disabled and is not interactive.
+   */
+  disabled?: boolean;
+  /**
+   * if `true` the item doesn't have a selected state.
+   */
+  selectable?: boolean;
   /**
    * Any other properties.
    */

package/dist/VerticalNavigation/Navigation/Navigation.js

@@ -69,7 +69,8 @@ var createListHierarchy = function createListHierarchy(items, id, classes) {
         itemLabel = item.label,
         icon = item.icon,
         children = item.data,
-        selectable = item.selectable;
+        selectable = item.selectable,
+        disabled = item.disabled;
     var ItemText = (0, _utils2.wrapperTooltip)(true, itemLabel, itemLabel);
     return /*#__PURE__*/_react.default.createElement(_TreeView.TreeViewItem, {
       id: (0, _utils.setId)(id, itemId),
@@ -79,7 +80,8 @@ var createListHierarchy = function createListHierarchy(items, id, classes) {
       label: /*#__PURE__*/_react.default.createElement(ItemText, null),
       icon: icon,
       payload: item,
-      selectable: selectable
+      selectable: selectable,
+      disabled: disabled
     }, children ? createListHierarchy(children, id, classes) : undefined);
   });
 };

package/dist/VerticalNavigation/Navigation/Navigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Navigation.js","names":["createListHierarchy","items","id","classes","map","item","itemId","itemLabel","label","icon","children","data","selectable","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expandedProp","expanded","defaultExpanded","onToggle","selectedProp","selected","defaultSelected","onChange","onClick","others","setSelected","slice","setExpanded","handleChange","event","selectedId","selectedItem","handleToggle","newExpanded","root","list","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","styles","name"],"sources":["../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n  items.map((item) => {\n    const { id: itemId, label: itemLabel, icon, data: children, selectable } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        className={classes.listItem}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n      >\n        {children ? createListHierarchy(children, id, classes) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter((item) => item.data != null && item.data.length > 0);\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path = [];\n\n  if (data != null && data.length > 0) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nconst Navigation = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  label,\n  onClick,\n\n  ...others\n}) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      setSelected(selectedId);\n\n      if (onChange) {\n        onChange(event, selectedItem);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event, selectedItem);\n      }\n    },\n    [onChange, onClick, setSelected]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [onClick, onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () => data && createListHierarchy(data, id, classes),\n    [classes, data, id]\n  );\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        className={classes.list}\n        selectable\n        mode={mode}\n        collapsible={collapsible}\n        selected={selected}\n        onChange={handleChange}\n        expanded={expanded}\n        onToggle={handleToggle}\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the list.\n     */\n    list: PropTypes.string,\n    /**\n     * Style applied to the list items.\n     */\n    listItem: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected: PropTypes.string,\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n    })\n  ).isRequired,\n\n  /**\n   * Callback triggered when any item is clicked.\n   *\n   *  @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n   */\n  onClick: deprecatedPropType(PropTypes.func),\n  /**\n   * The root element (nav) aria label.\n   *\n   *  @deprecated Use directly the `aria-label` property instead.\n   */\n  label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAsB,CAACC,KAAD,EAAQC,EAAR,EAAYC,OAAZ;EAAA,OAC1BF,KAAK,CAACG,GAAN,CAAU,UAACC,IAAD,EAAU;IAClB,IAAYC,MAAZ,GAA2ED,IAA3E,CAAQH,EAAR;IAAA,IAA2BK,SAA3B,GAA2EF,IAA3E,CAAoBG,KAApB;IAAA,IAAsCC,IAAtC,GAA2EJ,IAA3E,CAAsCI,IAAtC;IAAA,IAAkDC,QAAlD,GAA2EL,IAA3E,CAA4CM,IAA5C;IAAA,IAA4DC,UAA5D,GAA2EP,IAA3E,CAA4DO,UAA5D;IAEA,IAAMC,QAAQ,GAAG,4BAAe,IAAf,EAAqBN,SAArB,EAAgCA,SAAhC,CAAjB;IAEA,oBACE,6BAAC,sBAAD;MACE,EAAE,EAAE,kBAAML,EAAN,EAAUI,MAAV,CADN;MAEE,SAAS,EAAEH,OAAO,CAACW,QAFrB;MAGE,GAAG,EAAER,MAHP;MAIE,MAAM,EAAEA,MAJV;MAKE,KAAK,eAAE,6BAAC,QAAD,OALT;MAME,IAAI,EAAEG,IANR;MAOE,OAAO,EAAEJ,IAPX;MAQE,UAAU,EAAEO;IARd,GAUGF,QAAQ,GAAGV,mBAAmB,CAACU,QAAD,EAAWR,EAAX,EAAeC,OAAf,CAAtB,GAAgDY,SAV3D,CADF;EAcD,CAnBD,CAD0B;AAAA,CAA5B;;AAsBA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB,CAACf,KAAD,EAAW;EAC/B,IAAMgB,OAAO,GAAGhB,KAAK,CAACiB,MAAN,CAAa,UAACb,IAAD;IAAA,OAAUA,IAAI,CAACM,IAAL,IAAa,IAAb,IAAqBN,IAAI,CAACM,IAAL,CAAUQ,MAAV,GAAmB,CAAlD;EAAA,CAAb,CAAhB;EACA,IAAMC,YAAY,GAAGH,OAAO,CAACI,OAAR,CAAgB,UAAChB,IAAD;IAAA,OAAUW,aAAa,CAACX,IAAI,CAACM,IAAN,CAAvB;EAAA,CAAhB,CAArB;EAEA,kDAAWM,OAAX,oCAAuBG,YAAvB;AACD,CALD;;AAOA,SAASE,aAAT,CAAuBX,IAAvB,EAA6BY,QAA7B,EAAuC;EACrC,IAAMC,IAAI,GAAG,EAAb;;EAEA,IAAIb,IAAI,IAAI,IAAR,IAAgBA,IAAI,CAACQ,MAAL,GAAc,CAAlC,EAAqC;IACnC;IACA,KAAK,IAAIM,CAAC,GAAG,CAAb,EAAgBA,CAAC,KAAKd,IAAI,CAACQ,MAA3B,EAAmC,EAAEM,CAArC,EAAwC;MACtC,IAAMpB,IAAI,GAAGM,IAAI,CAACc,CAAD,CAAjB;;MACA,IAAIpB,IAAI,CAACH,EAAL,KAAYqB,QAAhB,EAA0B;QACxBC,IAAI,CAACE,IAAL,CAAUrB,IAAI,CAACH,EAAf;QACA;MACD;;MAED,IAAMyB,QAAQ,GAAGL,aAAa,CAACjB,IAAI,CAACM,IAAN,EAAYY,QAAZ,CAA9B;;MACA,IAAII,QAAQ,CAACR,MAAT,GAAkB,CAAtB,EAAyB;QACvBK,IAAI,CAACE,IAAL,CAAUrB,IAAI,CAACH,EAAf;QACAsB,IAAI,CAACE,IAAL,OAAAF,IAAI,mCAASG,QAAT,EAAJ;QACA;MACD;IACF;EACF;;EAED,OAAOH,IAAP;AACD;;AAED,IAAMI,UAAU,GAAG,SAAbA,UAAa,OAuBb;EAAA,IAtBJ1B,EAsBI,QAtBJA,EAsBI;EAAA,IApBJ2B,SAoBI,QApBJA,SAoBI;EAAA,IAnBJ1B,OAmBI,QAnBJA,OAmBI;EAAA,IAjBJQ,IAiBI,QAjBJA,IAiBI;EAAA,qBAfJmB,IAeI;EAAA,IAfJA,IAeI,0BAfG,YAeH;EAAA,4BAbJC,WAaI;EAAA,IAbJA,WAaI,iCAbU,KAaV;EAAA,IAZMC,YAYN,QAZJC,QAYI;EAAA,IAXJC,eAWI,QAXJA,eAWI;EAAA,IAVJC,QAUI,QAVJA,QAUI;EAAA,IARMC,YAQN,QARJC,QAQI;EAAA,IAPJC,eAOI,QAPJA,eAOI;EAAA,IANJC,QAMI,QANJA,QAMI;EAAA,IAJJ/B,KAII,QAJJA,KAII;EAAA,IAHJgC,OAGI,QAHJA,OAGI;EAAA,IADDC,MACC;;EACJ,qBAAgC,0BAAcL,YAAd,EAA4BE,eAA5B,CAAhC;EAAA;EAAA,IAAOD,QAAP;EAAA,IAAiBK,WAAjB;;EACA,sBAAgC,0BAAcV,YAAd,EAA4B,YAAM;IAChE,IAAIE,eAAe,KAAK,IAAxB,EAA8B;MAC5B;MACA,OAAOlB,aAAa,CAACL,IAAD,CAAb,CAAoBP,GAApB,CAAwB,UAACC,IAAD;QAAA,OAAUA,IAAI,CAACH,EAAf;MAAA,CAAxB,CAAP;IACD;;IAED,IAAIgC,eAAe,KAAK,KAAxB,EAA+B;MAC7B;MACA,OAAO,EAAP;IACD;;IAED,IAAIA,eAAe,IAAI,IAAvB,EAA6B;MAC3B,IAAIG,QAAQ,IAAI,IAAhB,EAAsB;QACpB;QACA,IAAMb,IAAI,GAAGF,aAAa,CAACX,IAAD,EAAO0B,QAAP,CAA1B;QACA,OAAOb,IAAI,CAACmB,KAAL,CAAW,CAAX,EAAc,CAAC,CAAf,CAAP;MACD,CAL0B,CAO3B;;;MAAA;MACA,OAAO,EAAP;IACD;;IAED,OAAOT,eAAP;EACD,CAvB+B,CAAhC;EAAA;EAAA,IAAOD,QAAP;EAAA,IAAiBW,WAAjB;;EAyBA,IAAMC,YAAY,GAAG,wBACnB,UAACC,KAAD,EAAQC,UAAR,EAAoBC,YAApB,EAAqC;IACnCN,WAAW,CAACK,UAAD,CAAX;;IAEA,IAAIR,QAAJ,EAAc;MACZA,QAAQ,CAACO,KAAD,EAAQE,YAAR,CAAR;IACD,CALkC,CAOnC;;;IACA,IAAIR,OAAJ,EAAa;MACXA,OAAO,CAACM,KAAD,EAAQE,YAAR,CAAP;IACD;EACF,CAZkB,EAanB,CAACT,QAAD,EAAWC,OAAX,EAAoBE,WAApB,CAbmB,CAArB;EAgBA,IAAMO,YAAY,GAAG,wBACnB,UAACH,KAAD,EAAQI,WAAR,EAAwB;IACtBN,WAAW,CAACM,WAAD,CAAX;;IAEA,IAAIf,QAAJ,EAAc;MACZA,QAAQ,CAACW,KAAD,EAAQI,WAAR,CAAR;IACD,CALqB,CAOtB;;;IACA,IAAIV,OAAJ,EAAa;MACXA,OAAO,CAACM,KAAD,CAAP;IACD;EACF,CAZkB,EAanB,CAACN,OAAD,EAAUL,QAAV,EAAoBS,WAApB,CAbmB,CAArB;EAgBA,IAAMlC,QAAQ,GAAG,oBACf;IAAA,OAAMC,IAAI,IAAIX,mBAAmB,CAACW,IAAD,EAAOT,EAAP,EAAWC,OAAX,CAAjC;EAAA,CADe,EAEf,CAACA,OAAD,EAAUQ,IAAV,EAAgBT,EAAhB,CAFe,CAAjB;EAKA,oBACE;IAAK,EAAE,EAAEA,EAAT;IAAa,SAAS,EAAE,mBAAK2B,SAAL,EAAgB1B,OAAO,CAACgD,IAAxB,CAAxB;IAAuD,cAAY3C;EAAnE,GAA8EiC,MAA9E,gBACE,6BAAC,iBAAD;IACE,EAAE,EAAE,kBAAMvC,EAAN,EAAU,MAAV,CADN;IAEE,SAAS,EAAEC,OAAO,CAACiD,IAFrB;IAGE,UAAU,MAHZ;IAIE,IAAI,EAAEtB,IAJR;IAKE,WAAW,EAAEC,WALf;IAME,QAAQ,EAAEM,QANZ;IAOE,QAAQ,EAAEQ,YAPZ;IAQE,QAAQ,EAAEZ,QARZ;IASE,QAAQ,EAAEgB;EATZ,GAWGvC,QAXH,CADF,CADF;AAiBD,CAxGD;;AA0GA,wCAAAkB,UAAU,CAACyB,SAAX,GAAuB;EACrB;AACF;AACA;EACEnD,EAAE,EAAEoD,mBAAUC,MAJO;;EAMrB;AACF;AACA;EACE1B,SAAS,EAAEyB,mBAAUC,MATA;;EAUrB;AACF;AACA;EACEpD,OAAO,EAAEmD,mBAAUE,KAAV,CAAgB;IACvB;AACJ;AACA;IACIL,IAAI,EAAEG,mBAAUC,MAJO;;IAKvB;AACJ;AACA;IACIH,IAAI,EAAEE,mBAAUC,MARO;;IASvB;AACJ;AACA;IACIzC,QAAQ,EAAEwC,mBAAUC;EAZG,CAAhB,EAaNE,UA1BkB;;EA4BrB;AACF;AACA;EACE3B,IAAI,EAAEwB,mBAAUI,KAAV,CAAgB,CAAC,UAAD,EAAa,YAAb,CAAhB,CA/Be;;EAgCrB;AACF;AACA;EACE3B,WAAW,EAAEuB,mBAAUK,IAnCF;;EAqCrB;AACF;AACA;EACEtB,QAAQ,EAAEiB,mBAAUC,MAxCC;;EAyCrB;AACF;AACA;EACEjB,eAAe,EAAEgB,mBAAUC,MA5CN;;EA6CrB;AACF;AACA;AACA;AACA;AACA;EACEhB,QAAQ,EAAEe,mBAAUM,IAnDC;;EAqDrB;AACF;AACA;EACE3B,QAAQ,EAAEqB,mBAAUO,OAAV,CAAkBP,mBAAUC,MAA5B,CAxDW;;EAyDrB;AACF;AACA;AACA;AACA;AACA;AACA;AACA;EACErB,eAAe,EAAEoB,mBAAUQ,SAAV,CAAoB,CAACR,mBAAUO,OAAV,CAAkBP,mBAAUC,MAA5B,CAAD,EAAsCD,mBAAUK,IAAhD,CAApB,CAjEI;;EAkErB;AACF;AACA;AACA;AACA;AACA;EACExB,QAAQ,EAAEmB,mBAAUM,IAxEC;;EA0ErB;AACF;AACA;AACA;AACA;AACA;AACA;EACEjD,IAAI,EAAE2C,mBAAUO,OAAV,CACJP,mBAAUE,KAAV,CAAgB;IACdtD,EAAE,EAAEoD,mBAAUC,MAAV,CAAiBE,UADP;IAEdjD,KAAK,EAAE8C,mBAAUC,MAAV,CAAiBE,UAFV;IAGdhD,IAAI,EAAE6C,mBAAUS,IAHF;IAIdpD,IAAI,EAAE2C,mBAAUU;EAJF,CAAhB,CADI,EAOJP,UAxFmB;;EA0FrB;AACF;AACA;AACA;AACA;EACEjB,OAAO,EAAE,8BAAmBc,mBAAUM,IAA7B,CA/FY;;EAgGrB;AACF;AACA;AACA;AACA;EACEpD,KAAK,EAAE,8BAAmB8C,mBAAUC,MAA7B;AArGc,CAAvB;;eAwGe,sBAAWU,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA+DtC,UAA/D,C"}
+{"version":3,"file":"Navigation.js","names":["createListHierarchy","items","id","classes","map","item","itemId","itemLabel","label","icon","children","data","selectable","disabled","ItemText","listItem","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","Navigation","className","mode","collapsible","expandedProp","expanded","defaultExpanded","onToggle","selectedProp","selected","defaultSelected","onChange","onClick","others","setSelected","slice","setExpanded","handleChange","event","selectedId","selectedItem","handleToggle","newExpanded","root","list","propTypes","PropTypes","string","shape","isRequired","oneOf","bool","func","arrayOf","oneOfType","node","array","styles","name"],"sources":["../../../src/VerticalNavigation/Navigation/Navigation.js"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { deprecatedPropType, withStyles } from \"@material-ui/core\";\nimport clsx from \"clsx\";\nimport TreeView, { TreeViewItem } from \"../TreeView\";\nimport { setId, useControlled } from \"../../utils\";\nimport styles from \"./styles\";\nimport { wrapperTooltip } from \"../../List/utils\";\n\nconst createListHierarchy = (items, id, classes) =>\n  items.map((item) => {\n    const { id: itemId, label: itemLabel, icon, data: children, selectable, disabled } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    return (\n      <TreeViewItem\n        id={setId(id, itemId)}\n        className={classes.listItem}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n      >\n        {children ? createListHierarchy(children, id, classes) : undefined}\n      </TreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter((item) => item.data != null && item.data.length > 0);\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path = [];\n\n  if (data != null && data.length > 0) {\n    // eslint-disable-next-line no-plusplus\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nconst Navigation = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  label,\n  onClick,\n\n  ...others\n}) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      setSelected(selectedId);\n\n      if (onChange) {\n        onChange(event, selectedItem);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event, selectedItem);\n      }\n    },\n    [onChange, onClick, setSelected]\n  );\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n\n      // deprecated\n      if (onClick) {\n        onClick(event);\n      }\n    },\n    [onClick, onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () => data && createListHierarchy(data, id, classes),\n    [classes, data, id]\n  );\n\n  return (\n    <nav id={id} className={clsx(className, classes.root)} aria-label={label} {...others}>\n      <TreeView\n        id={setId(id, \"tree\")}\n        className={classes.list}\n        selectable\n        mode={mode}\n        collapsible={collapsible}\n        selected={selected}\n        onChange={handleChange}\n        expanded={expanded}\n        onToggle={handleToggle}\n      >\n        {children}\n      </TreeView>\n    </nav>\n  );\n};\n\nNavigation.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the list.\n     */\n    list: PropTypes.string,\n    /**\n     * Style applied to the list items.\n     */\n    listItem: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode: PropTypes.oneOf([\"treeview\", \"navigation\"]),\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible: PropTypes.bool,\n\n  /**\n   * The ID of the selected page.\n   */\n  selected: PropTypes.string,\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected: PropTypes.string,\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.bool]),\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle: PropTypes.func,\n\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   */\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string.isRequired,\n      label: PropTypes.string.isRequired,\n      icon: PropTypes.node,\n      data: PropTypes.array,\n    })\n  ).isRequired,\n\n  /**\n   * Callback triggered when any item is clicked.\n   *\n   *  @deprecated use `onChange` for selection and `onToggle` for node expansion/collapse.\n   */\n  onClick: deprecatedPropType(PropTypes.func),\n  /**\n   * The root element (nav) aria label.\n   *\n   *  @deprecated Use directly the `aria-label` property instead.\n   */\n  label: deprecatedPropType(PropTypes.string),\n};\n\nexport default withStyles(styles, { name: \"HvVerticalNavigationNavigation\" })(Navigation);\n"],"mappings":"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"}

package/dist/VerticalNavigation/TreeView/TreeViewItem.js

@@ -130,7 +130,7 @@ var TreeViewItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       parentId = _useDescendant.parentId,
       level = _useDescendant.level;
 
-  var expandable = collapsible && Boolean(Array.isArray(children) ? children.length : children);
+  var expandable = collapsible && Array.isArray(children);
   var expanded = isExpanded ? isExpanded(nodeId) : false;
   var focused = isFocused ? isFocused(nodeId) : false;
   var selected = isSelected ? isSelected(nodeId) : false;
@@ -284,6 +284,7 @@ var TreeViewItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       component: "div",
       innerRef: contentRef,
       className: classes.content,
+      variant: disabled ? "placeholderText" : "normalText",
       onClick: handleClick,
       onMouseDown: handleMouseDown,
       style: {