@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Table/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Table/styles.js"],"names":["hexToRgbA","tableStyleOverrides","classes","getProps","className","root","getTableProps","table","getTheadGroupProps","theadGroup","getTheadGroupTrProps","theadGroupTr","getTheadGroupThProps","theadGroupTh","getTheadProps","thead","getTheadThProps","theadTh","getTheadFilterProps","theadFilter","getTheadFilterTrProps","theadFilterTr","getTheadFilterThProps","theadFilterTh","getTbodyProps","tbody","getTrGroupProps","trGroups","getTrProps","tr","getTdProps","td","getTfootProps","tfoot","getTfootTrProps","tfootTr","getTfootThProps","tfootTh","getPaginationProps","pagination","getLoadingProps","loading","getNoDataProps","noDate","getResizerProps","resizer","styles","theme","semiTransparentAtmo1","hv","palette","atmosphere","atmo1","typography","normalText","fontFamily","textAlign","border","position","display","flexDirection","background","borderTop","atmo4","borderBottom","boxShadow","top","flex","outline","backgroundColor","height","minWidth","padding","alignItems","justifyContent","width","alignSelf","spacing","xs","right","borderLeft","borderRightColor","borderRight","maxWidth","whiteSpace","textOverflow","cursor","left","zIndex","visibility","atmo3","atmo2","backgroundImage","hvSpacing","paddingLeft","overflow","transition","transitionProperty","borderCollapse","highlightText","tBodyEmpty","minHeight","textContainer","bottom","opacity","pointerEvents","rtSortIcon","sortedIconShown","sortedIconHidden","pointer","tableContainer","subtitle","title","marginBottom","sm","checkBoxBorder","checkBoxRow","centered","alphaNumeric","numeric","link","textDecoration","subComponentContainer","iconContainer","marginLeft","marginRight","borderRadius","firstWithNumeric","checkBoxText","menuItem","marginTop","expand","separatorContainer","margin","tooltipAnchor","bulkActions"],"mappings":"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","sourcesContent":["import hexToRgbA from \"../utils/hexToRgbA\";\n\nconst tableStyleOverrides = (classes) => ({\n  getProps: () => ({ className: classes.root }),\n  getTableProps: () => ({ className: classes.table }),\n  getTheadGroupProps: () => ({ className: classes.theadGroup }),\n  getTheadGroupTrProps: () => ({ className: classes.theadGroupTr }),\n  getTheadGroupThProps: () => ({ className: classes.theadGroupTh }),\n  getTheadProps: () => ({ className: classes.thead }),\n  getTheadThProps: () => ({ className: classes.theadTh }),\n  getTheadFilterProps: () => ({ className: classes.theadFilter }),\n  getTheadFilterTrProps: () => ({ className: classes.theadFilterTr }),\n  getTheadFilterThProps: () => ({ className: classes.theadFilterTh }),\n  getTbodyProps: () => ({ className: classes.tbody }),\n  getTrGroupProps: () => ({ className: classes.trGroups }),\n  getTrProps: () => ({ className: classes.tr }),\n  // getThProps: () => ({ className: classes.th }), TODO: There is a bug in the component, where this prop is not used\n  getTdProps: () => ({ className: classes.td }),\n  getTfootProps: () => ({ className: classes.tfoot }),\n  getTfootTrProps: () => ({ className: classes.tfootTr }),\n  getTfootThProps: () => ({ className: classes.tfootTh }),\n  getPaginationProps: () => ({ className: classes.pagination }),\n  getLoadingProps: () => ({ className: classes.loading }),\n  getNoDataProps: () => ({ className: classes.noDate }),\n  getResizerProps: () => ({ className: classes.resizer }),\n});\n\nconst styles = (theme) => {\n  const semiTransparentAtmo1 = hexToRgbA(theme.hv.palette.atmosphere.atmo1, 0.4);\n\n  return {\n    root: {\n      ...theme.hv.typography.normalText,\n      fontFamily: theme.hv.typography.fontFamily,\n      textAlign: \"right\",\n      border: \"none\",\n      position: \"relative\",\n      display: \"flex\",\n      \"-webkit-box-orient\": \"vertical\",\n      \"-webkit-box-direction\": \"normal\",\n      flexDirection: \"column\",\n      \"& $table\": {\n        \"-ms-overflow-y\": \"hidden\",\n        \"& $thead\": {\n          background: theme.hv.palette.atmosphere.atmo1,\n          textAlign: `right`,\n          borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n          borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n          boxShadow: `none`,\n          // Needed because of the HOC for the fixed columns\n          top: \"0 !important\",\n          display: \"flex\",\n          \"& .rt-tr\": {\n            flex: \"1 0 auto\",\n            display: \"inline-flex\",\n          },\n          \"& $theadTh\": {\n            outline: \"none\",\n            backgroundColor: theme.hv.palette.atmosphere.atmo1,\n            height: \"52px\",\n            minWidth: \"72px\",\n            padding: 0,\n            display: \"flex\",\n            alignItems: \"flex-end\",\n            justifyContent: \"flex-end\",\n            border: \"none\",\n            boxShadow: \"none\",\n            \"& > div\": {\n              width: \"100%\",\n              alignSelf: \"baseline\",\n            },\n            \"& > div.rt-resizer\": {\n              width: theme.hv.spacing.xs,\n              right: \"-8px\",\n            },\n            \"&:first-child:not(.checkbox)\": {\n              borderLeft: \"none\",\n            },\n            \"&:nth-last-child(2).-secondaryActionsNeighbor\": {\n              borderRightColor: theme.hv.palette.atmosphere.atmo4,\n            },\n            \"&:last-child\": {\n              borderRight: \"none\",\n            },\n            \"&.secondaryAction\": {\n              minWidth: \"30px\",\n              maxWidth: \"30px\",\n              borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n            },\n            \"&.checkBox\": {\n              minWidth: \"31px\",\n              maxWidth: \"31px\",\n              borderRight: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n            },\n            \"&.rt-th\": {\n              flex: \"1 0\",\n              whiteSpace: \"nowrap\",\n              textOverflow: \"ellipsis\",\n            },\n            \"&.rt-th.-cursor-pointer\": {\n              cursor: \"pointer\",\n            },\n            \"& ~.rt-th.rthfc-th-fixed-left-last\": {\n              left: 0,\n              borderLeft: \"none\",\n            },\n            \"&.rthfc-th-fixed\": {\n              position: \"sticky\",\n              zIndex: 1,\n            },\n            \"&.rt-th.rthfc-th-fixed-left-last\": {\n              borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n            },\n            \"&.rt-th.rthfc-th-fixed-right-first\": {\n              borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n            },\n            \"&.sortable\": {\n              \"&:hover > div > div > div \": {\n                visibility: \"visible\",\n              },\n              \"&:hover, &:focus-within\": {\n                // hover and focus in table header\n                background: theme.hv.palette.atmosphere.atmo3,\n              },\n              \"&:hover\": {\n                // hover and focus in table header\n                background: theme.hv.palette.atmosphere.atmo3,\n              },\n            },\n          },\n        },\n        \"& $tbody\": {\n          \"-ms-overflow-y\": \"hidden\",\n          background: theme.hv.palette.atmosphere.atmo2,\n          \"& $trGroups\": {\n            borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n            \"-webkit-box-flex\": 1,\n            flex: \"1 0 auto\",\n            display: \"flex\",\n            \"-webkit-box-orient\": \"vertical\",\n            \"-webkit-box-direction\": \"normal\",\n            flexDirection: \"column\",\n            alignItems: \"stretch\",\n            \"& $tr\": {\n              flex: \"1 0 auto\",\n              display: \"inline-flex\",\n              \"& > div$td\": {\n                background: theme.hv.palette.atmosphere.atmo2,\n                \"&.sorted\": {\n                  background: semiTransparentAtmo1,\n                },\n                \"&.rthfc-td-fixed\": {\n                  position: \"sticky\",\n                  zIndex: 1,\n                  background: theme.hv.palette.atmosphere.atmo2,\n                  \"&.sorted\": {\n                    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n                    backgroundImage: `linear-gradient(to right, ${semiTransparentAtmo1}, ${semiTransparentAtmo1})`,\n                  },\n                },\n              },\n              \"&.selected > div$td\": {\n                \"&.rthfc-td-fixed\": {\n                  background: theme.hv.palette.atmosphere.atmo1,\n                  \"&.sorted\": {\n                    background: theme.hv.palette.atmosphere.atmo1,\n                  },\n                },\n              },\n              \"&.selected\": {\n                background: theme.hv.palette.atmosphere.atmo1,\n                \"& > div$td\": {\n                  background: \"none\",\n                },\n              },\n              \"&.selected:hover > div$td\": {\n                background: theme.hv.palette.atmosphere.atmo3,\n                \"&.rthfc-td-fixed\": {\n                  background: theme.hv.palette.atmosphere.atmo3,\n                  \"&.sorted\": {\n                    background: theme.hv.palette.atmosphere.atmo3,\n                  },\n                },\n              },\n              \"&:hover > div$td\": {\n                background: theme.hv.palette.atmosphere.atmo3,\n                \"&.sorted\": {\n                  background: theme.hv.palette.atmosphere.atmo3,\n                },\n                \"&.rthfc-td-fixed\": {\n                  background: theme.hv.palette.atmosphere.atmo3,\n                  \"&.sorted\": {\n                    background: theme.hv.palette.atmosphere.atmo3,\n                  },\n                },\n              },\n            },\n          },\n          \"& $td\": {\n            background: \"transparent\",\n            border: \"0 solid transparent\",\n            padding: theme.hvSpacing(0, \"xs\"),\n            minWidth: \"72px\",\n            \"&.sortable\": {\n              paddingLeft: \"32px\",\n            },\n            \"&.alphaNumeric\": {\n              minWidth: \"70px\",\n              textAlign: \"left\",\n            },\n            \"&.link\": {\n              paddingLeft: \"32px\",\n              \"&:not(.sortable)\": {\n                paddingLeft: theme.hv.spacing.xs,\n              },\n            },\n            \"&.secondaryAction\": {\n              minWidth: \"31px\",\n              maxWidth: \"31px\",\n              padding: 0,\n              borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n              overflow: \"visible\",\n            },\n            \"&:first-child\": {\n              borderLeft: \"none\",\n            },\n            \"&:last-child\": {\n              borderRight: \"none\",\n            },\n            \"&.rt-td\": {\n              flex: \"1 0\",\n              whiteSpace: \"nowrap\",\n              textOverflow: \"ellipsis\",\n              overflow: \"hidden\",\n              transition: \".3s ease\",\n              transitionProperty: \"all\",\n            },\n            \"&.rt-td.rthfc-td-fixed-left-last\": {\n              borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n            },\n            \"&.rt-td.rthfc-td-fixed-right-first\": {\n              borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n            },\n            \"&$expand\": {\n              paddingLeft: \"0\",\n            },\n          },\n          \"& .firstExpandable\": {\n            paddingLeft: \"0px\",\n          },\n          \"& .checkBox\": {\n            minWidth: \"31px\",\n            maxWidth: \"31px\",\n            padding: 0,\n            borderRight: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n          },\n        },\n      },\n      \"& $td\": {\n        display: \"flex\",\n        alignItems: \"center\",\n      },\n    },\n    table: {\n      flex: \"auto 1\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      alignItems: \"stretch\",\n      width: \"100%\",\n      borderCollapse: \"collapse\",\n      overflow: \"auto\",\n    },\n    theadGroup: {},\n    theadGroupTr: {},\n    theadGroupTh: {},\n    thead: {\n      ...theme.hv.typography.highlightText,\n    },\n    theadTh: {},\n\n    theadFilter: {},\n    theadFilterTr: {},\n    theadFilterTh: {},\n    tbody: {},\n    tBodyEmpty: {\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      minHeight: \"calc(32px * 3)\",\n    },\n    trGroups: {},\n    tr: {\n      height: \"32px\",\n      \"& $textContainer\": {\n        whiteSpace: \"nowrap\",\n        overflow: \"hidden\",\n        textOverflow: \"ellipsis\",\n        textAlign: \"left\",\n      },\n    },\n    textContainer: {},\n    // th: {}, TODO: There is a bug in the component, where this prop is not used\n    td: {},\n    tfoot: {},\n    tfootTr: {},\n    tfootTh: {},\n    pagination: {},\n    loading: {\n      display: \"block\",\n      position: \"absolute\",\n      left: 0,\n      right: 0,\n      top: 0,\n      bottom: 0,\n      background: \"rgba(255, 255, 255, 0.8)\",\n      transition: \"all 0.3s ease\",\n      zIndex: -1,\n      opacity: 0,\n      pointerEvents: \"none\",\n    },\n    noDate: {},\n    resizer: {},\n    rtSortIcon: {\n      width: \"32px\",\n      height: \"32px\",\n      position: \"absolute\",\n    },\n    sortedIconShown: {\n      visibility: \"visible\",\n    },\n    sortedIconHidden: {\n      display: \"none\",\n    },\n    pointer: {\n      cursor: \"pointer\",\n    },\n    tableContainer: {},\n    subtitle: {},\n    title: {\n      marginBottom: theme.hv.spacing.sm,\n    },\n    checkBoxBorder: {\n      \"&:nth-child(2)\": {\n        borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo3}`,\n      },\n    },\n    checkBoxRow: {\n      width: \"100%\",\n      display: \"flex\",\n      justifyContent: \"space-between\",\n      marginBottom: theme.hv.spacing.xs,\n    },\n    centered: {\n      justifyContent: \"center\",\n    },\n    alphaNumeric: {\n      justifyContent: \"flex-start\",\n    },\n    numeric: {\n      justifyContent: \"flex-end\",\n      textAlign: \"right\",\n    },\n    link: {\n      justifyContent: \"flex-start\",\n      \"& > a\": {\n        ...theme.hv.typography.link,\n        textDecoration: \"none\",\n      },\n    },\n    subComponentContainer: {\n      width: \"100%\",\n      height: \"100%\",\n      borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      background: theme.hv.palette.atmosphere.atmo1,\n      padding: theme.hvSpacing(\"md\", \"32px\"),\n    },\n    iconContainer: {\n      marginLeft: 5,\n      marginRight: 5,\n      width: \"25px\",\n      height: \"25px\",\n      minWidth: \"25px\",\n      minHeight: \"25px\",\n      borderRadius: 0,\n      \"&:focus\": {\n        background: theme.hv.palette.atmosphere.atmo3,\n        outline: 0,\n      },\n    },\n    firstWithNumeric: {\n      width: \"calc(100% - 32px)\",\n    },\n    checkBoxText: {\n      display: \"flex\",\n      alignItems: \"center\",\n    },\n    menuItem: {\n      ...theme.hv.typography.normalText,\n      textAlign: \"right\",\n      marginBottom: \"-6px\",\n      marginTop: \"-6px\",\n    },\n    expand: {\n      ...theme.hv.typography.highlightText,\n    },\n    separatorContainer: {\n      width: \"32px\",\n      height: \"32px\",\n      display: \"flex\",\n      alignItems: \"center\",\n      \"&>svg\": {\n        display: \"block\",\n        margin: \"0 auto\",\n      },\n    },\n    tooltipAnchor: {\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    bulkActions: {\n      margin: theme.hvSpacing(\"sm\", 0, \"xs\"),\n    },\n  };\n};\n\nexport default styles;\nexport { styles, tableStyleOverrides };\n"],"file":"styles.js"}

package/dist/modern/Tabs/Tabs.d.ts

@@ -0,0 +1,13 @@
+import { StandardProps, TabsProps } from "@material-ui/core";
+
+export type HvTabsClassKey = "root" | "flexContainer" | "indicator" | "scroller";
+
+export interface HvTabsProps extends StandardProps<TabsProps, HvTabsClassKey, "onChange"> {
+  /**
+   * Explicit re-declaration to workaround MUI typing issue
+   * https://github.com/mui-org/material-ui/issues/17454
+   */
+  onChange?: (event: React.SyntheticEvent, value: any) => void;
+}
+
+export default function HvTabs(props: HvTabsProps): JSX.Element | null;

package/dist/modern/Tabs/Tabs.js

@@ -0,0 +1,90 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes"];
+import React from "react";
+import PropTypes from "prop-types";
+import { Tabs, withStyles } from "@material-ui/core";
+import styles from "./styles";
+/**
+ * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.
+ * Tabs can be used as a navigational widget for switching between sets of documents.
+ */
+
+const HvTabs = props => {
+  const {
+    classes
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement(Tabs, _extends({
+    classes: {
+      root: classes.root,
+      flexContainer: classes.flexContainer,
+      indicator: classes.indicator,
+      scroller: classes.scroller
+    },
+    TabIndicatorProps: {
+      children: /*#__PURE__*/React.createElement("div", null)
+    }
+  }, others));
+};
+
+HvTabs.propTypes = {
+  /**
+   * Identifier.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * The content of the component.
+   */
+  children: PropTypes.node,
+
+  /**
+   * A Jss Object used to override or extend the component styles.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the flex container element.
+     */
+    flexContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the `TabIndicator` component.
+     */
+    indicator: PropTypes.string,
+
+    /**
+     * Styles applied to the `TabIndicator` component.
+     */
+    scroller: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Callback fired when the value changes.
+   *
+   * @param {object} event The event source of the callback
+   * @param {number} value We default to the index of the child
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * 	The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.
+   */
+  // eslint-disable-next-line react/forbid-prop-types
+  value: PropTypes.any
+};
+export default withStyles(styles, {
+  name: "HvTabs"
+})(HvTabs);
+//# sourceMappingURL=Tabs.js.map

package/dist/modern/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/Tabs.js"],"names":["React","PropTypes","Tabs","withStyles","styles","HvTabs","props","classes","others","root","flexContainer","indicator","scroller","children","propTypes","id","string","className","node","shape","isRequired","onChange","func","value","any","name"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,IAAT,EAAeC,UAAf,QAAiC,mBAAjC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,MAAM,GAAIC,KAAD,IAAW;AACxB,QAAM;AAAEC,IAAAA;AAAF,MAAyBD,KAA/B;AAAA,QAAoBE,MAApB,4BAA+BF,KAA/B;;AAEA,sBACE,oBAAC,IAAD;AACE,IAAA,OAAO,EAAE;AACPG,MAAAA,IAAI,EAAEF,OAAO,CAACE,IADP;AAEPC,MAAAA,aAAa,EAAEH,OAAO,CAACG,aAFhB;AAGPC,MAAAA,SAAS,EAAEJ,OAAO,CAACI,SAHZ;AAIPC,MAAAA,QAAQ,EAAEL,OAAO,CAACK;AAJX,KADX;AAOE,IAAA,iBAAiB,EAAE;AAAEC,MAAAA,QAAQ,eAAE;AAAZ;AAPrB,KAQML,MARN,EADF;AAYD,CAfD;;AAiBAH,MAAM,CAACS,SAAP,GAAmB;AACjB;AACF;AACA;AACEC,EAAAA,EAAE,EAAEd,SAAS,CAACe,MAJG;;AAKjB;AACF;AACA;AACEC,EAAAA,SAAS,EAAEhB,SAAS,CAACe,MARJ;;AASjB;AACF;AACA;AACEH,EAAAA,QAAQ,EAAEZ,SAAS,CAACiB,IAZH;;AAajB;AACF;AACA;AACEX,EAAAA,OAAO,EAAEN,SAAS,CAACkB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIV,IAAAA,IAAI,EAAER,SAAS,CAACe,MAJO;;AAKvB;AACJ;AACA;AACIN,IAAAA,aAAa,EAAET,SAAS,CAACe,MARF;;AASvB;AACJ;AACA;AACIL,IAAAA,SAAS,EAAEV,SAAS,CAACe,MAZE;;AAavB;AACJ;AACA;AACIJ,IAAAA,QAAQ,EAAEX,SAAS,CAACe;AAhBG,GAAhB,EAiBNI,UAjCc;;AAkCjB;AACF;AACA;AACA;AACA;AACA;AACEC,EAAAA,QAAQ,EAAEpB,SAAS,CAACqB,IAxCH;;AAyCjB;AACF;AACA;AACE;AACAC,EAAAA,KAAK,EAAEtB,SAAS,CAACuB;AA7CA,CAAnB;AAgDA,eAAerB,UAAU,CAACC,MAAD,EAAS;AAAEqB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuCpB,MAAvC,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Tabs, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nconst HvTabs = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n\nHvTabs.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\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 flex container element.\n     */\n    flexContainer: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    indicator: PropTypes.string,\n    /**\n     * Styles applied to the `TabIndicator` component.\n     */\n    scroller: PropTypes.string,\n  }).isRequired,\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {object} event The event source of the callback\n   * @param {number} value We default to the index of the child\n   */\n  onChange: PropTypes.func,\n  /**\n   * \tThe value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  // eslint-disable-next-line react/forbid-prop-types\n  value: PropTypes.any,\n};\n\nexport default withStyles(styles, { name: \"HvTabs\" })(HvTabs);\n"],"file":"Tabs.js"}

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

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

package/dist/modern/Tabs/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Tabs";
+//# sourceMappingURL=index.js.map

package/dist/modern/Tabs/index.js.map

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

package/dist/modern/Tabs/styles.js

@@ -0,0 +1,31 @@
+const styles = theme => ({
+  root: {
+    minHeight: 0,
+    overflow: "visible"
+  },
+  indicator: {
+    display: "flex",
+    justifyContent: "center",
+    backgroundColor: "transparent",
+    "& > div": {
+      width: "100%",
+      backgroundColor: `${theme.hv.palette.accent.acce1}`
+    },
+    height: 2
+  },
+  scroller: {
+    // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125
+    overflow: "visible !important",
+    "& $flexContainer": {
+      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo6}`
+    }
+  },
+  flexContainer: {
+    "& button:first-child": {
+      marginLeft: "3px"
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Tabs/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tabs/styles.js"],"names":["styles","theme","root","minHeight","overflow","indicator","display","justifyContent","backgroundColor","width","hv","palette","accent","acce1","height","scroller","borderTop","atmosphere","atmo6","flexContainer","marginLeft"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,SAAS,EAAE,CADP;AAEJC,IAAAA,QAAQ,EAAE;AAFN,GADmB;AAKzBC,EAAAA,SAAS,EAAE;AACTC,IAAAA,OAAO,EAAE,MADA;AAETC,IAAAA,cAAc,EAAE,QAFP;AAGTC,IAAAA,eAAe,EAAE,aAHR;AAIT,eAAW;AACTC,MAAAA,KAAK,EAAE,MADE;AAETD,MAAAA,eAAe,EAAG,GAAEP,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC,KAAM;AAFzC,KAJF;AAQTC,IAAAA,MAAM,EAAE;AARC,GALc;AAezBC,EAAAA,QAAQ,EAAE;AACR;AACAX,IAAAA,QAAQ,EAAE,oBAFF;AAGR,wBAAoB;AAClBY,MAAAA,SAAS,EAAG,aAAYf,KAAK,CAACS,EAAN,CAASC,OAAT,CAAiBM,UAAjB,CAA4BC,KAAM;AADxC;AAHZ,GAfe;AAsBzBC,EAAAA,aAAa,EAAE;AACb,4BAAwB;AACtBC,MAAAA,UAAU,EAAE;AADU;AADX;AAtBU,CAAZ,CAAf;;AA6BA,eAAepB,MAAf","sourcesContent":["const styles = (theme) => ({\n  root: {\n    minHeight: 0,\n    overflow: \"visible\",\n  },\n  indicator: {\n    display: \"flex\",\n    justifyContent: \"center\",\n    backgroundColor: \"transparent\",\n    \"& > div\": {\n      width: \"100%\",\n      backgroundColor: `${theme.hv.palette.accent.acce1}`,\n    },\n    height: 2,\n  },\n  scroller: {\n    // fixes inline style included in material ui tab in https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/Tabs/Tabs.js#L125\n    overflow: \"visible !important\",\n    \"& $flexContainer\": {\n      borderTop: `solid 1px ${theme.hv.palette.atmosphere.atmo6}`,\n    },\n  },\n  flexContainer: {\n    \"& button:first-child\": {\n      marginLeft: \"3px\",\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/Tag/Tag.d.ts

@@ -0,0 +1,78 @@
+import { StandardProps } from "@material-ui/core";
+import { HvButtonProps } from "../Button";
+
+export type HvTagButtonClassKey = "";
+
+export type HvTagButtonProps = StandardProps<HvButtonProps, HvTagButtonClassKey>;
+
+export type HvTagClassKey =
+  | "root"
+  | "chipRoot"
+  | "focusVisible"
+  | "primaryButton"
+  | "label"
+  | "tagButton"
+  | "deleteIcon"
+  | "disabledDeleteIcon"
+  | "titleOverflow"
+  | "categorical"
+  | "categoricalFocus"
+  | "disabled"
+  | "categoricalDisabled"
+  | "semanticTextColor"
+  | "categoricalTextColor"
+  | "focusVisible"
+  | "primaryButton"
+  | "categoricalFocus";
+
+export interface HvTagProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvTagClassKey> {
+  /**
+   * The label of the tag element.
+   *
+   */
+  label?: React.ReactNode;
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * The type of the tag element.
+   *
+   * A tag can be of semantic or categoric type
+   */
+  type: "semantic" | "categorical";
+
+  /**
+   * Background color to be applied to the tag
+   */
+  color?: string;
+  /**
+   * Icon used to customize the delete icon in the Chip element
+   */
+  deleteIcon?: React.ReactNode;
+  /**
+   * The callback fired when the delete icon is pressed.
+   * This function has to be provided to the component,
+   * in order to render the delete icon
+   */
+  onDelete?: (event: React.MouseEvent<HTMLElement>) => void;
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick?: (event: React.MouseEvent<HTMLElement>) => void;
+  /**
+   * Role to be applied to the clickable element
+   */
+  role?: string;
+  /**
+   * Aria properties to apply to delete button in tag
+   */
+  deleteButtonArialLabel?: string;
+  /**
+   * Props to apply to delete button
+   */
+  deleteButtonProps?: HvTagButtonProps;
+}
+
+export default function HvTag(props: HvTagProps): JSX.Element | null;

package/dist/modern/Tag/Tag.js

@@ -0,0 +1,295 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "style", "className", "label", "disabled", "type", "color", "deleteIcon", "onDelete", "onClick", "role", "deleteButtonArialLabel", "deleteButtonProps"];
+import "core-js/modules/web.dom-collections.iterator.js";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React, { useMemo, useState } from "react";
+import { Chip, withStyles, useTheme } from "@material-ui/core";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { CloseXS } from "@hitachivantara/uikit-react-icons";
+import fade from "../utils/hexToRgbA";
+import { HvButton, HvTypography } from "..";
+import styles from "./styles";
+import { getOnDeleteCallback, hasDeleteAction, hasClickAction } from "./utils";
+
+const getColor = (theme, customColor, type) => {
+  const defaultSemanticColor = theme.hv.palette.semantic.sema7;
+  const defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;
+  let backgroundColor;
+
+  if (type === "semantic") {
+    backgroundColor = theme.palette[customColor] || customColor || defaultSemanticColor;
+  }
+
+  if (type === "categorical") {
+    backgroundColor = theme.hv.viz.palette.categorical[customColor] || customColor || defaultCategoricalColor;
+  }
+
+  return backgroundColor;
+};
+/**
+ * A Tag is one word that describes a specific aspect of an asset. A single asset can have
+ * multiple tags.
+ * Use tags to highlight an item's status for quick recognition and navigation
+ * Use color to indicate meanings that users can learn and recognize across products
+ *
+ * It leverages the Chip component from Material UI
+ */
+
+
+const HvTag = props => {
+  const {
+    classes,
+    style,
+    className,
+    label,
+    disabled,
+    type = "semantic",
+    color,
+    deleteIcon,
+    onDelete,
+    onClick,
+    role,
+    deleteButtonArialLabel = "Delete tag",
+    deleteButtonProps = {}
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  const getDeleteIcon = () => {
+    const disabledSemanticColor = type === "semantic" ? "atmo5" : "base2";
+    const {
+      tabIndex = 0
+    } = deleteButtonProps;
+    return /*#__PURE__*/React.createElement(HvButton, _extends({
+      classes: {
+        startIcon: classes.tagButton,
+        focusVisible: classes.focusVisible,
+        primary: classes.primaryButton
+      },
+      "aria-label": deleteButtonArialLabel,
+      tabIndex: tabIndex
+    }, deleteButtonProps), /*#__PURE__*/React.createElement(CloseXS, {
+      iconSize: "XS",
+      style: _objectSpread(_objectSpread({}, disabled ? {
+        cursor: "not-allowed"
+      } : undefined), {}, {
+        height: 16
+      }),
+      color: disabled ? disabledSemanticColor : "base2"
+    }));
+  };
+
+  const theme = useTheme();
+
+  const inlineStyle = _objectSpread({}, style);
+
+  let categoricalBackgroundColor;
+
+  if (type === "semantic") {
+    inlineStyle.backgroundColor = getColor(theme, color, type);
+  } else if (type === "categorical") {
+    categoricalBackgroundColor = getColor(theme, color, type);
+    inlineStyle.backgroundColor = fade(categoricalBackgroundColor, 0.3);
+  }
+
+  const [hover, setHover] = useState(false);
+  const chipLabel = useMemo(() => {
+    if (typeof label === "string") {
+      return /*#__PURE__*/React.createElement(HvTypography, {
+        variant: "normalText"
+      }, label);
+    }
+
+    return label;
+  }, [label]);
+  return /*#__PURE__*/React.createElement(Chip, _extends({
+    label: chipLabel,
+    className: clsx(classes.root, className),
+    onMouseEnter: () => {
+      setHover(!!onClick);
+    },
+    onMouseLeave: () => {
+      setHover(false);
+    },
+    style: _objectSpread(_objectSpread({}, disabled ? null : inlineStyle), hover && !disabled ? {
+      boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}`
+    } : null),
+    classes: {
+      root: clsx(classes.chipRoot, disabled && classes.disabled, !!onClick && classes.clickable, type === "categorical" && [classes.categorical, disabled ? classes.categoricalDisabled : classes.categoricalFocus]),
+      label: classes.label,
+      deleteIcon: clsx(classes.deleteIcon, disabled && classes.disabledDeleteIcon)
+    },
+    deleteIcon: hasDeleteAction(onDelete) && deleteIcon || getDeleteIcon(),
+    onDelete: getOnDeleteCallback(disabled, onDelete),
+    onClick: disabled ? undefined : onClick,
+    role: role || (hasClickAction(onClick) ? "button" : undefined),
+    tabIndex: hasDeleteAction(onDelete) ? undefined : 0
+  }, others));
+};
+
+HvTag.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the radio button.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    chipRoot: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    label: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    tagButton: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    deleteIcon: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    disabledDeleteIcon: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    titleOverflow: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    categorical: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    categoricalDisabled: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    disabled: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    semanticTextColor: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    categoricalTextColor: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    deletable: PropTypes.string,
+
+    /**
+     * Styles applied to the component if has onClick.
+     */
+    clickable: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    focusVisible: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    primaryButton: PropTypes.string,
+
+    /**
+     * Styles applied to the component.
+     */
+    categoricalFocus: PropTypes.string
+  }).isRequired,
+
+  /**
+   * Inline styles to be applied to the root element.
+   */
+  style: PropTypes.instanceOf(Object),
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * The label of the tag element.
+   *
+   */
+  label: PropTypes.node,
+
+  /**
+   * Indicates that the form element is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * The type of the tag element.
+   *
+   * A tag can be of semantic or categoric type
+   */
+  type: PropTypes.oneOf(["semantic", "categorical"]),
+
+  /**
+   * Background color to be applied to the tag
+   */
+  color: PropTypes.string,
+
+  /**
+   * Icon used to customize the delete icon in the Chip element
+   */
+  deleteIcon: PropTypes.node,
+
+  /**
+   * The callback fired when the delete icon is pressed.
+   * This function has to be provided to the component,
+   * in order to render the delete icon
+   */
+  onDelete: PropTypes.func,
+
+  /**
+   * Callback triggered when any item is clicked.
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * The role of the element with an attributed event.
+   */
+  role: PropTypes.string,
+
+  /**
+   * Aria properties to apply to delete button in tag
+   */
+  deleteButtonArialLabel: PropTypes.string,
+
+  /**
+   * Props to apply to delete button
+   */
+  deleteButtonProps: PropTypes.instanceOf(Object)
+};
+export default withStyles(styles, {
+  name: "HvTag"
+})(HvTag);
+//# sourceMappingURL=Tag.js.map

package/dist/modern/Tag/Tag.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/Tag/Tag.js"],"names":["React","useMemo","useState","Chip","withStyles","useTheme","PropTypes","clsx","CloseXS","fade","HvButton","HvTypography","styles","getOnDeleteCallback","hasDeleteAction","hasClickAction","getColor","theme","customColor","type","defaultSemanticColor","hv","palette","semantic","sema7","defaultCategoricalColor","viz","categorical","cviz1","backgroundColor","HvTag","props","classes","style","className","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","getDeleteIcon","disabledSemanticColor","tabIndex","startIcon","tagButton","focusVisible","primary","primaryButton","cursor","undefined","height","inlineStyle","categoricalBackgroundColor","hover","setHover","chipLabel","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","propTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","name"],"mappings":"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","sourcesContent":["import React, { useMemo, useState } from \"react\";\n\nimport { Chip, withStyles, useTheme } from \"@material-ui/core\";\n\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport fade from \"../utils/hexToRgbA\";\n\nimport { HvButton, HvTypography } from \"..\";\n\nimport styles from \"./styles\";\n\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\n\nconst getColor = (theme, customColor, type) => {\n  const defaultSemanticColor = theme.hv.palette.semantic.sema7;\n  const defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;\n\n  let backgroundColor;\n\n  if (type === \"semantic\") {\n    backgroundColor = theme.palette[customColor] || customColor || defaultSemanticColor;\n  }\n  if (type === \"categorical\") {\n    backgroundColor =\n      theme.hv.viz.palette.categorical[customColor] || customColor || defaultCategoricalColor;\n  }\n\n  return backgroundColor;\n};\n\n/**\n * A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n *\n * It leverages the Chip component from Material UI\n */\nconst HvTag = (props) => {\n  const {\n    classes,\n    style,\n    className,\n    label,\n    disabled,\n    type = \"semantic\",\n    color,\n    deleteIcon,\n    onDelete,\n    onClick,\n    role,\n    deleteButtonArialLabel = \"Delete tag\",\n    deleteButtonProps = {},\n    ...others\n  } = props;\n\n  const getDeleteIcon = () => {\n    const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n    const { tabIndex = 0 } = deleteButtonProps;\n\n    return (\n      <HvButton\n        classes={{\n          startIcon: classes.tagButton,\n          focusVisible: classes.focusVisible,\n          primary: classes.primaryButton,\n        }}\n        aria-label={deleteButtonArialLabel}\n        tabIndex={tabIndex}\n        {...deleteButtonProps}\n      >\n        <CloseXS\n          iconSize=\"XS\"\n          style={{\n            ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n            height: 16,\n          }}\n          color={disabled ? disabledSemanticColor : \"base2\"}\n        />\n      </HvButton>\n    );\n  };\n\n  const theme = useTheme();\n\n  const inlineStyle = {\n    ...style,\n  };\n\n  let categoricalBackgroundColor;\n\n  if (type === \"semantic\") {\n    inlineStyle.backgroundColor = getColor(theme, color, type);\n  } else if (type === \"categorical\") {\n    categoricalBackgroundColor = getColor(theme, color, type);\n\n    inlineStyle.backgroundColor = fade(categoricalBackgroundColor, 0.3);\n  }\n\n  const [hover, setHover] = useState(false);\n\n  const chipLabel = useMemo(() => {\n    if (typeof label === \"string\") {\n      return <HvTypography variant=\"normalText\">{label}</HvTypography>;\n    }\n\n    return label;\n  }, [label]);\n\n  return (\n    <Chip\n      label={chipLabel}\n      className={clsx(classes.root, className)}\n      onMouseEnter={() => {\n        setHover(!!onClick);\n      }}\n      onMouseLeave={() => {\n        setHover(false);\n      }}\n      style={{\n        ...(disabled ? null : inlineStyle),\n        ...(hover && !disabled ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` } : null),\n      }}\n      classes={{\n        root: clsx(classes.chipRoot, {\n          [classes.disabled]: disabled,\n          [classes.clickable]: !!onClick,\n          [classes.categorical]: type === \"categorical\",\n          [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n          [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n        }),\n        label: classes.label,\n        deleteIcon: clsx(classes.deleteIcon, {\n          [classes.disabledDeleteIcon]: disabled,\n        }),\n      }}\n      deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) || getDeleteIcon()}\n      onDelete={getOnDeleteCallback(disabled, onDelete)}\n      onClick={disabled ? undefined : onClick}\n      role={role || (hasClickAction(onClick) ? \"button\" : undefined)}\n      tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n      {...others}\n    />\n  );\n};\n\nHvTag.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the radio button.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    chipRoot: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    tagButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabledDeleteIcon: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    titleOverflow: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categorical: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalDisabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    semanticTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalTextColor: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    deletable: PropTypes.string,\n    /**\n     * Styles applied to the component if has onClick.\n     */\n    clickable: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    focusVisible: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    primaryButton: PropTypes.string,\n    /**\n     * Styles applied to the component.\n     */\n    categoricalFocus: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * The label of the tag element.\n   *\n   */\n  label: PropTypes.node,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n\n  /**\n   * The type of the tag element.\n   *\n   * A tag can be of semantic or categoric type\n   */\n  type: PropTypes.oneOf([\"semantic\", \"categorical\"]),\n\n  /**\n   * Background color to be applied to the tag\n   */\n  color: PropTypes.string,\n  /**\n   * Icon used to customize the delete icon in the Chip element\n   */\n  deleteIcon: PropTypes.node,\n\n  /**\n   * The callback fired when the delete icon is pressed.\n   * This function has to be provided to the component,\n   * in order to render the delete icon\n   */\n  onDelete: PropTypes.func,\n  /**\n   * Callback triggered when any item is clicked.\n   */\n  onClick: PropTypes.func,\n\n  /**\n   * The role of the element with an attributed event.\n   */\n  role: PropTypes.string,\n  /**\n   * Aria properties to apply to delete button in tag\n   */\n  deleteButtonArialLabel: PropTypes.string,\n  /**\n   * Props to apply to delete button\n   */\n  deleteButtonProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"file":"Tag.js"}

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

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

package/dist/modern/Tag/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Tag";
+//# sourceMappingURL=index.js.map

package/dist/modern/Tag/index.js.map

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