@hitachivantara/uikit-react-lab 3.45.10 → 3.46.0

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","semiTransparentAtmo1","hv","palette","atmosphere","atmo1","root","verticalAlign","textAlign","padding","hvSpacing","borderBottom","atmo4","head","height","backgroundColor","borderTop","typography","highlightText","body","minHeight","normalText","footer","sorted","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","variantNone","variantCheckbox","width","maxWidth","overflow","borderRight","variantActions","borderLeft","variantExpand","paddingLeft","paddingTop","paddingBottom","stickyColumn","position","zIndex","background","atmo2","backgroundImage","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","accent","acce1"],"sources":["../../../src/Table/TableCell/styles.js"],"sourcesContent":["import { hexToRgbA } from \"@hitachivantara/uikit-react-core\";\n\nconst styles = (theme) => {\n  const semiTransparentAtmo1 = hexToRgbA(theme.hv.palette.atmosphere.atmo1, 0.4);\n\n  return {\n    root: {\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      padding: theme.hvSpacing(\"8px\", \"xs\", \"8px\", \"32px\"),\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    head: {\n      height: 52,\n      verticalAlign: \"top\",\n\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      ...theme.hv.typography.highlightText,\n    },\n    body: {\n      minHeight: 32,\n      \"td&\": {\n        height: 32,\n      },\n      backgroundColor: \"inherit\",\n      ...theme.hv.typography.normalText,\n\n      \"&$sorted\": {\n        backgroundColor: semiTransparentAtmo1,\n      },\n    },\n    footer: {},\n\n    sorted: {},\n\n    alignLeft: {\n      textAlign: \"left\",\n    },\n    alignCenter: {\n      textAlign: \"center\",\n    },\n    alignRight: {\n      textAlign: \"right\",\n      flexDirection: \"row-reverse\",\n    },\n    alignJustify: {\n      textAlign: \"justify\",\n    },\n\n    variantNone: {\n      padding: 0,\n    },\n    variantCheckbox: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      overflow: \"hidden\",\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantActions: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantExpand: {\n      paddingLeft: 0,\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n\n    stickyColumn: {\n      position: \"sticky\",\n      zIndex: 2,\n      background: theme.hv.palette.atmosphere.atmo2,\n\n      \"&$groupColumnMostRight+$stickyColumn\": {\n        borderLeft: 0,\n      },\n\n      \"&$sorted\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo2,\n        backgroundImage: `linear-gradient(to right, ${semiTransparentAtmo1}, ${semiTransparentAtmo1})`,\n      },\n    },\n    stickyColumnMostLeft: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    stickyColumnLeastRight: {\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    groupColumnMostLeft: {\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n      \"&:first-child\": {\n        borderLeft: 0,\n      },\n    },\n    groupColumnMostRight: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n      // due to the \":has()\" selector not being supported in browsers,\n      // this need to be managed with inline styles\n      // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n      // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n      \"&:last-child\": {\n        borderRight: 0,\n      },\n\n      \"&+:not($stickyColumn)\": {\n        borderLeft: 0,\n      },\n    },\n\n    resizable: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    resizing: {\n      borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`,\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","semiTransparentAtmo1","hv","palette","atmosphere","atmo1","root","verticalAlign","textAlign","padding","hvSpacing","borderBottom","atmo4","head","height","backgroundColor","borderTop","typography","highlightText","body","minHeight","normalText","footer","sorted","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","variantNone","variantCheckbox","width","maxWidth","overflow","borderRight","variantActions","borderLeft","variantExpand","paddingLeft","paddingTop","paddingBottom","variantList","border","variantListHead","variantListactions","atmo2","variantListcheckbox","stickyColumn","position","zIndex","background","backgroundImage","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","accent","acce1"],"sources":["../../../src/Table/TableCell/styles.js"],"sourcesContent":["import { hexToRgbA } from \"@hitachivantara/uikit-react-core\";\n\nconst styles = (theme) => {\n  const semiTransparentAtmo1 = hexToRgbA(theme.hv.palette.atmosphere.atmo1, 0.4);\n\n  return {\n    root: {\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      padding: theme.hvSpacing(\"8px\", \"xs\", \"8px\", \"32px\"),\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    head: {\n      height: 52,\n      verticalAlign: \"top\",\n\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      ...theme.hv.typography.highlightText,\n    },\n    body: {\n      minHeight: 32,\n      \"td&\": {\n        height: 32,\n      },\n      backgroundColor: \"inherit\",\n      ...theme.hv.typography.normalText,\n\n      \"&$sorted\": {\n        backgroundColor: semiTransparentAtmo1,\n      },\n    },\n    footer: {},\n\n    sorted: {},\n\n    alignLeft: {\n      textAlign: \"left\",\n    },\n    alignCenter: {\n      textAlign: \"center\",\n    },\n    alignRight: {\n      textAlign: \"right\",\n      flexDirection: \"row-reverse\",\n    },\n    alignJustify: {\n      textAlign: \"justify\",\n    },\n\n    variantNone: {\n      padding: 0,\n    },\n    variantCheckbox: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      overflow: \"hidden\",\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantActions: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantExpand: {\n      paddingLeft: 0,\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    variantList: {\n      minHeight: 52,\n      \"td&\": {\n        height: 52,\n      },\n      padding: \"0, 0, 0, 32px\",\n      border: 0,\n    },\n    variantListHead: {\n      backgroundColor: \"inherit\",\n      \"td&\": {\n        height: 16,\n      },\n    },\n    variantListactions: {\n      borderLeft: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,\n      paddingLeft: \"0\",\n      textAlign: \"center\",\n      width: 130,\n      maxWidth: 130,\n    },\n    variantListcheckbox: {\n      borderRight: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,\n      padding: 0,\n      textAlign: \"center\",\n      width: 34,\n      maxWidth: 34,\n    },\n    stickyColumn: {\n      position: \"sticky\",\n      zIndex: 2,\n      background: theme.hv.palette.atmosphere.atmo2,\n\n      \"&$groupColumnMostRight+$stickyColumn\": {\n        borderLeft: 0,\n      },\n\n      \"&$sorted\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo2,\n        backgroundImage: `linear-gradient(to right, ${semiTransparentAtmo1}, ${semiTransparentAtmo1})`,\n      },\n    },\n    stickyColumnMostLeft: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    stickyColumnLeastRight: {\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    groupColumnMostLeft: {\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n      \"&:first-child\": {\n        borderLeft: 0,\n      },\n    },\n    groupColumnMostRight: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n      // due to the \":has()\" selector not being supported in browsers,\n      // this need to be managed with inline styles\n      // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n      // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n      \"&:last-child\": {\n        borderRight: 0,\n      },\n\n      \"&+:not($stickyColumn)\": {\n        borderLeft: 0,\n      },\n    },\n\n    resizable: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    resizing: {\n      borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`,\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Table/TableHeader/TableHeader.d.ts

@@ -21,6 +21,7 @@ export type HvTableHeaderClassKey =
   | "variantCheckbox"
   | "variantExpand"
   | "variantActions"
+  | "variantList"
   | "variantNone"
   | "sortable"
   | "sorted"

package/dist/Table/TableHeader/TableHeader.js

@@ -109,7 +109,7 @@ var HvTableHeader = /*#__PURE__*/(0, _react.forwardRef)(function HvTableHeader(p
     role: role,
     scope: scope,
     style: style,
-    className: (0, _clsx.default)(classes.root, classes[type], className, align !== "inherit" && classes["align".concat((0, _capitalize.default)(align))], variant !== "default" && classes["variant".concat((0, _capitalize.default)(variant))], stickyColumn && classes.stickyColumn, stickyColumnMostLeft && classes.stickyColumnMostLeft, stickyColumnLeastRight && classes.stickyColumnLeastRight, groupColumnMostLeft && classes.groupColumnMostLeft, groupColumnMostRight && classes.groupColumnMostRight, sortable && classes.sortable, sorted && classes.sorted, resizable && classes.resizable, resizing && classes.resizing),
+    className: (0, _clsx.default)(classes.root, classes[type], className, align !== "inherit" && classes["align".concat((0, _capitalize.default)(align))], variant !== "default" && classes["variant".concat((0, _capitalize.default)(variant))], stickyColumn && classes.stickyColumn, stickyColumnMostLeft && classes.stickyColumnMostLeft, stickyColumnLeastRight && classes.stickyColumnLeastRight, groupColumnMostLeft && classes.groupColumnMostLeft, groupColumnMostRight && classes.groupColumnMostRight, sortable && classes.sortable, sorted && classes.sorted, resizable && classes.resizable, resizing && classes.resizing, tableContext.variant === "listrow" && classes.variantList),
     "aria-sort": sortable ? sortDirection : undefined
   }, others), /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _clsx.default)(classes.headerContent, align !== "inherit" && classes["alignFlex".concat((0, _capitalize.default)(align))])
@@ -379,6 +379,11 @@ process.env.NODE_ENV !== "production" ? HvTableHeader.propTypes = {
      */
     variantNone: _propTypes.default.string,
 
+    /**
+     * Styles applied to the component root when its variant is list row
+     */
+    variantList: _propTypes.default.string,
+
     /**
      * Styles applied to the cell when it's part of a resizable column.
      */

package/dist/Table/TableHeader/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":["defaultComponent","HvTableHeader","props","ref","children","component","className","style","classes","scopeProp","scope","align","variant","typeProp","type","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","others","tableContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","Component","components","Th","role","paragraph","root","undefined","headerContent","sortButton","sortIcon","headerParagraph","headerText","sortableHeaderText","resizer","propTypes","PropTypes","elementType","node","string","instanceOf","Object","oneOf","bool","object","shape","head","body","footer","alignLeft","alignRight","alignCenter","alignJustify","alignFlexLeft","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","styles","name"],"sources":["../../../src/Table/TableHeader/TableHeader.js"],"sourcesContent":["import React, { forwardRef, useContext, useMemo } from \"react\";\nimport PropTypes, { object } from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"th\";\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nconst HvTableHeader = forwardRef(function HvTableHeader(props, ref) {\n  const {\n    children,\n\n    component,\n\n    className,\n    style,\n    classes,\n\n    scope: scopeProp,\n\n    align = \"inherit\",\n    variant = \"default\",\n\n    type: typeProp,\n\n    stickyColumn = false,\n    stickyColumnMostLeft = false,\n    stickyColumnLeastRight = false,\n\n    groupColumnMostLeft = false,\n    groupColumnMostRight = false,\n\n    sortDirection = \"none\",\n    sorted,\n    sortable,\n    headerTextProps,\n\n    resizerProps = {},\n    resizable = false,\n    resizing = false,\n\n    ...others\n  } = props;\n\n  const tableContext = useContext(TableContext);\n  const tableSectionContext = useContext(TableSectionContext);\n\n  const type = typeProp || tableSectionContext?.type || \"body\";\n  const isHeadCell = type === \"head\";\n\n  const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n  const Sort = useMemo(() => getSortIcon(sorted && sortDirection), [sorted, sortDirection]);\n\n  const Component = component || tableContext?.components?.Th || defaultComponent;\n\n  // eslint-disable-next-line no-nested-ternary\n  const role = Component === defaultComponent ? null : isHeadCell ? \"columnheader\" : \"rowheader\";\n  const paragraph = isParagraph(children);\n  return (\n    <Component\n      ref={ref}\n      role={role}\n      scope={scope}\n      style={style}\n      className={clsx(\n        classes.root,\n        classes[type],\n        {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n\n          [classes.sortable]: sortable,\n          [classes.sorted]: sorted,\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        },\n        className\n      )}\n      aria-sort={sortable ? sortDirection : undefined}\n      {...others}\n    >\n      <div\n        className={clsx(classes.headerContent, {\n          [classes[`alignFlex${capitalize(align)}`]]: align !== \"inherit\",\n        })}\n      >\n        {isHeadCell && sortable && (\n          <HvButton className={classes.sortButton} icon overrideIconColors={false}>\n            <Sort className={classes.sortIcon} />\n          </HvButton>\n        )}\n        <HvTypography\n          component=\"div\"\n          className={clsx({\n            [classes.headerText]: !paragraph,\n            [classes.headerParagraph]: paragraph,\n            [classes.sortableHeaderText]: sortable,\n          })}\n          variant=\"highlightText\"\n          {...headerTextProps}\n        >\n          {children}\n        </HvTypography>\n        {resizable && <div {...resizerProps} className={classes.resizer} />}\n      </div>\n    </Component>\n  );\n});\n\nHvTableHeader.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to th.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * The scope of cells that the header element relates to.\n   */\n  scope: PropTypes.oneOf([\"col\", \"row\", \"colgroup\", \"rowgroup\"]),\n\n  /**\n   * Set the text-align on the table cell content.\n   */\n  align: PropTypes.oneOf([\"center\", \"inherit\", \"justify\", \"left\", \"right\"]),\n  /**\n   * Sets the cell's variant.\n   */\n  variant: PropTypes.oneOf([\"checkbox\", \"expand\", \"actions\", \"default\", \"none\"]),\n\n  /**\n   * Specify the cell type.\n   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n   */\n  type: PropTypes.oneOf([\"body\", \"footer\", \"head\"]),\n\n  /**\n   * The cell is part of a sticky column.\n   */\n  stickyColumn: PropTypes.bool,\n  /**\n   * The cell is part of the last sticky to the left column.\n   */\n  stickyColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the first sticky to the right column.\n   */\n  stickyColumnLeastRight: PropTypes.bool,\n\n  /**\n   * The cell is part of the first column in the group.\n   */\n  groupColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the last column in the group.\n   */\n  groupColumnMostRight: PropTypes.bool,\n\n  /**\n   * Whether or not the cell is sorted\n   */\n  sorted: PropTypes.bool,\n  /**\n   * Whether or not the cell is sortable\n   */\n  sortable: PropTypes.bool,\n  /**\n   * Set sort direction icon and aria-sort.\n   */\n  sortDirection: PropTypes.oneOf([\"ascending\", \"descending\", false]),\n  /**\n   * Extra props to be passed onto the text in the header.\n   */\n  headerTextProps: PropTypes.instanceOf(object),\n\n  /**\n   * Whether or not the cell is resizable\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Whether or not the cell is being resized\n   */\n  resizing: PropTypes.bool,\n\n  /**\n   * The resize props injected in the resize handler\n   */\n  resizerProps: PropTypes.instanceOf(object),\n\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's in the table head.\n     */\n    head: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table body.\n     */\n    body: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table footer.\n     */\n    footer: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of a sticky column.\n     */\n    stickyColumn: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last sticky to the left column.\n     */\n    stickyColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the first right sticky column.\n     */\n    stickyColumnLeastRight: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of the first column in the group.\n     */\n    groupColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last column in the group.\n     */\n    groupColumnMostRight: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the header cell content.\n     */\n    headerContent: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell.\n     */\n    headerText: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is a paragraph.\n     */\n    headerParagraph: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is sorted.\n     */\n    sortableHeaderText: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is sorted.\n     */\n    sorted: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is sortable.\n     */\n    sortable: PropTypes.string,\n    /**\n     * Styles applied to the sort button component.\n     */\n    sortButton: PropTypes.string,\n    /**\n     * Styles applied to the sort icon component.\n     */\n    sortIcon: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is left aligned\n     */\n    alignLeft: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is right aligned\n     */\n    alignRight: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is center aligned\n     */\n    alignCenter: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is justified\n     */\n    alignJustify: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is left aligned\n     */\n    alignFlexLeft: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is right aligned\n     */\n    alignFlexRight: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is center aligned\n     */\n    alignFlexCenter: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is justified\n     */\n    alignFlexJustify: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is checkbox\n     */\n    variantCheckbox: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is expand\n     */\n    variantExpand: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is actions\n     */\n    variantActions: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is none\n     */\n    variantNone: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizable column.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizing column.\n     */\n    resizing: PropTypes.string,\n    /**\n     * Styles applied to the resizer object when column is resizable.\n     */\n    resizer: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(HvTableHeader);\n"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","names":["defaultComponent","HvTableHeader","props","ref","children","component","className","style","classes","scopeProp","scope","align","variant","typeProp","type","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","others","tableContext","TableContext","tableSectionContext","TableSectionContext","isHeadCell","Sort","Component","components","Th","role","paragraph","root","variantList","undefined","headerContent","sortButton","sortIcon","headerParagraph","headerText","sortableHeaderText","resizer","propTypes","PropTypes","elementType","node","string","instanceOf","Object","oneOf","bool","object","shape","head","body","footer","alignLeft","alignRight","alignCenter","alignJustify","alignFlexLeft","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","styles","name"],"sources":["../../../src/Table/TableHeader/TableHeader.js"],"sourcesContent":["import React, { forwardRef, useContext, useMemo } from \"react\";\nimport PropTypes, { object } from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"th\";\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nconst HvTableHeader = forwardRef(function HvTableHeader(props, ref) {\n  const {\n    children,\n\n    component,\n\n    className,\n    style,\n    classes,\n\n    scope: scopeProp,\n\n    align = \"inherit\",\n    variant = \"default\",\n\n    type: typeProp,\n\n    stickyColumn = false,\n    stickyColumnMostLeft = false,\n    stickyColumnLeastRight = false,\n\n    groupColumnMostLeft = false,\n    groupColumnMostRight = false,\n\n    sortDirection = \"none\",\n    sorted,\n    sortable,\n    headerTextProps,\n\n    resizerProps = {},\n    resizable = false,\n    resizing = false,\n\n    ...others\n  } = props;\n\n  const tableContext = useContext(TableContext);\n  const tableSectionContext = useContext(TableSectionContext);\n\n  const type = typeProp || tableSectionContext?.type || \"body\";\n  const isHeadCell = type === \"head\";\n\n  const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n  const Sort = useMemo(() => getSortIcon(sorted && sortDirection), [sorted, sortDirection]);\n\n  const Component = component || tableContext?.components?.Th || defaultComponent;\n\n  // eslint-disable-next-line no-nested-ternary\n  const role = Component === defaultComponent ? null : isHeadCell ? \"columnheader\" : \"rowheader\";\n  const paragraph = isParagraph(children);\n  return (\n    <Component\n      ref={ref}\n      role={role}\n      scope={scope}\n      style={style}\n      className={clsx(\n        classes.root,\n        classes[type],\n        {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n          [classes.variantList]: tableContext.variant === \"listrow\",\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n\n          [classes.sortable]: sortable,\n          [classes.sorted]: sorted,\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        },\n        className\n      )}\n      aria-sort={sortable ? sortDirection : undefined}\n      {...others}\n    >\n      <div\n        className={clsx(classes.headerContent, {\n          [classes[`alignFlex${capitalize(align)}`]]: align !== \"inherit\",\n        })}\n      >\n        {isHeadCell && sortable && (\n          <HvButton className={classes.sortButton} icon overrideIconColors={false}>\n            <Sort className={classes.sortIcon} />\n          </HvButton>\n        )}\n        <HvTypography\n          component=\"div\"\n          className={clsx({\n            [classes.headerText]: !paragraph,\n            [classes.headerParagraph]: paragraph,\n            [classes.sortableHeaderText]: sortable,\n          })}\n          variant=\"highlightText\"\n          {...headerTextProps}\n        >\n          {children}\n        </HvTypography>\n        {resizable && <div {...resizerProps} className={classes.resizer} />}\n      </div>\n    </Component>\n  );\n});\n\nHvTableHeader.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to th.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * The scope of cells that the header element relates to.\n   */\n  scope: PropTypes.oneOf([\"col\", \"row\", \"colgroup\", \"rowgroup\"]),\n\n  /**\n   * Set the text-align on the table cell content.\n   */\n  align: PropTypes.oneOf([\"center\", \"inherit\", \"justify\", \"left\", \"right\"]),\n  /**\n   * Sets the cell's variant.\n   */\n  variant: PropTypes.oneOf([\"checkbox\", \"expand\", \"actions\", \"default\", \"none\"]),\n\n  /**\n   * Specify the cell type.\n   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n   */\n  type: PropTypes.oneOf([\"body\", \"footer\", \"head\"]),\n\n  /**\n   * The cell is part of a sticky column.\n   */\n  stickyColumn: PropTypes.bool,\n  /**\n   * The cell is part of the last sticky to the left column.\n   */\n  stickyColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the first sticky to the right column.\n   */\n  stickyColumnLeastRight: PropTypes.bool,\n\n  /**\n   * The cell is part of the first column in the group.\n   */\n  groupColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the last column in the group.\n   */\n  groupColumnMostRight: PropTypes.bool,\n\n  /**\n   * Whether or not the cell is sorted\n   */\n  sorted: PropTypes.bool,\n  /**\n   * Whether or not the cell is sortable\n   */\n  sortable: PropTypes.bool,\n  /**\n   * Set sort direction icon and aria-sort.\n   */\n  sortDirection: PropTypes.oneOf([\"ascending\", \"descending\", false]),\n  /**\n   * Extra props to be passed onto the text in the header.\n   */\n  headerTextProps: PropTypes.instanceOf(object),\n\n  /**\n   * Whether or not the cell is resizable\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Whether or not the cell is being resized\n   */\n  resizing: PropTypes.bool,\n\n  /**\n   * The resize props injected in the resize handler\n   */\n  resizerProps: PropTypes.instanceOf(object),\n\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's in the table head.\n     */\n    head: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table body.\n     */\n    body: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table footer.\n     */\n    footer: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of a sticky column.\n     */\n    stickyColumn: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last sticky to the left column.\n     */\n    stickyColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the first right sticky column.\n     */\n    stickyColumnLeastRight: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of the first column in the group.\n     */\n    groupColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last column in the group.\n     */\n    groupColumnMostRight: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the header cell content.\n     */\n    headerContent: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell.\n     */\n    headerText: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is a paragraph.\n     */\n    headerParagraph: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is sorted.\n     */\n    sortableHeaderText: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is sorted.\n     */\n    sorted: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is sortable.\n     */\n    sortable: PropTypes.string,\n    /**\n     * Styles applied to the sort button component.\n     */\n    sortButton: PropTypes.string,\n    /**\n     * Styles applied to the sort icon component.\n     */\n    sortIcon: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is left aligned\n     */\n    alignLeft: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is right aligned\n     */\n    alignRight: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is center aligned\n     */\n    alignCenter: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is justified\n     */\n    alignJustify: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is left aligned\n     */\n    alignFlexLeft: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is right aligned\n     */\n    alignFlexRight: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is center aligned\n     */\n    alignFlexCenter: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is justified\n     */\n    alignFlexJustify: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is checkbox\n     */\n    variantCheckbox: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is expand\n     */\n    variantExpand: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is actions\n     */\n    variantActions: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is none\n     */\n    variantNone: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is list row\n     */\n    variantList: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizable column.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizing column.\n     */\n    resizing: PropTypes.string,\n    /**\n     * Styles applied to the resizer object when column is resizable.\n     */\n    resizer: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(HvTableHeader);\n"],"mappings":"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"}

package/dist/Table/TableHeader/styles.js

@@ -148,6 +148,15 @@ var styles = function styles(theme) {
       maxWidth: 32,
       borderLeft: "solid 1px ".concat(theme.hv.palette.atmosphere.atmo4)
     },
+    variantList: {
+      backgroundColor: "inherit",
+      borderBottom: 0,
+      height: 16,
+      ":first-child > &": {
+        borderTop: 0,
+        height: 16
+      }
+    },
     stickyColumn: {
       position: "sticky",
       zIndex: 2,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","height","verticalAlign","textAlign","padding","hvSpacing","borderBottom","palette","atmo4","head","borderTop","paddingTop","backgroundColor","atmo1","hv","typography","highlightText","transition","transitions","create","duration","shorter","paddingLeft","cursor","atmo3","visibility","body","normalText","footer","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","headerContent","display","alignItems","headerText","overflow","textOverflow","headerParagraph","sortableHeaderText","alignFlexLeft","justifyContent","alignFlexCenter","alignFlexRight","alignFlexJustify","variantNone","variantCheckbox","width","maxWidth","borderRight","atmosphere","variantExpand","variantActions","borderLeft","stickyColumn","position","zIndex","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortable","sorted","sortButton","boxShadow","sortIcon","resizable","resizing","accent","acce1","resizer","right","top","transform","touchAction"],"sources":["../../../src/Table/TableHeader/styles.js"],"sourcesContent":["import { hexToRgbA } from \"@hitachivantara/uikit-react-core\";\n\nconst styles = (theme) => ({\n  root: {\n    \"--first-row-cell-height\": \"52px\",\n    \"--cell-height\": \"32px\",\n\n    height: \"var(--cell-height)\",\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: theme.hvSpacing(0, \"xs\", 0, \"32px\"),\n\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n  },\n\n  head: {\n    \":first-child > &\": {\n      height: \"var(--first-row-cell-height)\",\n      borderTop: `1px solid ${theme.palette.atmo4}`,\n    },\n\n    paddingTop: 8,\n    verticalAlign: \"top\",\n\n    backgroundColor: theme.palette.atmo1,\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n    ...theme.hv.typography.highlightText,\n\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shorter,\n    }),\n\n    \"&$sortable\": {\n      verticalAlign: \"initial\",\n      paddingTop: 0,\n      paddingLeft: 0,\n      cursor: \"pointer\",\n\n      \"&:hover\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      \"&:focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n    },\n  },\n  body: {\n    backgroundColor: \"inherit\",\n    ...theme.hv.typography.normalText,\n\n    \"&$sortable:not($variantNone)\": {\n      paddingLeft: 32,\n    },\n    \"&$sorted\": {\n      backgroundColor: hexToRgbA(theme.palette.atmo1, 0.4),\n    },\n  },\n  footer: {},\n\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  headerContent: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  headerText: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  headerParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n  sortableHeaderText: {\n    paddingTop: \"8px\",\n  },\n  alignFlexLeft: {\n    justifyContent: \"flex-start\",\n  },\n  alignFlexCenter: {\n    justifyContent: \"center\",\n  },\n  alignFlexRight: {\n    justifyContent: \"flex-end\",\n  },\n  alignFlexJustify: {\n    textAlign: \"justify\",\n  },\n\n  variantNone: {\n    padding: 0,\n  },\n  variantCheckbox: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  variantExpand: {},\n  variantActions: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n\n    \"&$groupColumnMostRight+$stickyColumn\": {\n      borderLeft: 0,\n    },\n  },\n  stickyColumnMostLeft: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  stickyColumnLeastRight: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  groupColumnMostLeft: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n    \"&:first-child\": {\n      borderLeft: 0,\n    },\n  },\n  groupColumnMostRight: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n    // due to the \":has()\" selector not being supported in browsers,\n    // this need to be managed with inline styles\n    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n    // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n    \"&:last-child\": {\n      borderRight: 0,\n    },\n\n    \"&+:not($stickyColumn)\": {\n      borderLeft: 0,\n    },\n  },\n\n  sortable: {},\n  sorted: {\n    \"& $sortIcon\": {\n      visibility: \"visible\",\n    },\n  },\n  sortButton: {\n    \"$root$sortable &\": {\n      boxShadow: \"none\",\n      backgroundColor: \"transparent\",\n    },\n  },\n  sortIcon: {\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  },\n\n  resizable: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  resizing: {\n    borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`,\n  },\n\n  resizer: {\n    display: \"inline-block\",\n    width: 10,\n    height: \"100%\",\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n    transform: \"translateX(50%)\",\n    zIndex: 1,\n    touchAction: \"none\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","height","verticalAlign","textAlign","padding","hvSpacing","borderBottom","palette","atmo4","head","borderTop","paddingTop","backgroundColor","atmo1","hv","typography","highlightText","transition","transitions","create","duration","shorter","paddingLeft","cursor","atmo3","visibility","body","normalText","footer","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","headerContent","display","alignItems","headerText","overflow","textOverflow","headerParagraph","sortableHeaderText","alignFlexLeft","justifyContent","alignFlexCenter","alignFlexRight","alignFlexJustify","variantNone","variantCheckbox","width","maxWidth","borderRight","atmosphere","variantExpand","variantActions","borderLeft","variantList","stickyColumn","position","zIndex","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortable","sorted","sortButton","boxShadow","sortIcon","resizable","resizing","accent","acce1","resizer","right","top","transform","touchAction"],"sources":["../../../src/Table/TableHeader/styles.js"],"sourcesContent":["import { hexToRgbA } from \"@hitachivantara/uikit-react-core\";\n\nconst styles = (theme) => ({\n  root: {\n    \"--first-row-cell-height\": \"52px\",\n    \"--cell-height\": \"32px\",\n\n    height: \"var(--cell-height)\",\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: theme.hvSpacing(0, \"xs\", 0, \"32px\"),\n\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n  },\n\n  head: {\n    \":first-child > &\": {\n      height: \"var(--first-row-cell-height)\",\n      borderTop: `1px solid ${theme.palette.atmo4}`,\n    },\n\n    paddingTop: 8,\n    verticalAlign: \"top\",\n\n    backgroundColor: theme.palette.atmo1,\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n    ...theme.hv.typography.highlightText,\n\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shorter,\n    }),\n\n    \"&$sortable\": {\n      verticalAlign: \"initial\",\n      paddingTop: 0,\n      paddingLeft: 0,\n      cursor: \"pointer\",\n\n      \"&:hover\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      \"&:focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n    },\n  },\n  body: {\n    backgroundColor: \"inherit\",\n    ...theme.hv.typography.normalText,\n\n    \"&$sortable:not($variantNone)\": {\n      paddingLeft: 32,\n    },\n    \"&$sorted\": {\n      backgroundColor: hexToRgbA(theme.palette.atmo1, 0.4),\n    },\n  },\n  footer: {},\n\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  headerContent: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  headerText: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  headerParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n  sortableHeaderText: {\n    paddingTop: \"8px\",\n  },\n  alignFlexLeft: {\n    justifyContent: \"flex-start\",\n  },\n  alignFlexCenter: {\n    justifyContent: \"center\",\n  },\n  alignFlexRight: {\n    justifyContent: \"flex-end\",\n  },\n  alignFlexJustify: {\n    textAlign: \"justify\",\n  },\n\n  variantNone: {\n    padding: 0,\n  },\n  variantCheckbox: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  variantExpand: {},\n  variantActions: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  variantList: {\n    backgroundColor: \"inherit\",\n    borderBottom: 0,\n    height: 16,\n    \":first-child > &\": {\n      borderTop: 0,\n      height: 16,\n    },\n  },\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n\n    \"&$groupColumnMostRight+$stickyColumn\": {\n      borderLeft: 0,\n    },\n  },\n  stickyColumnMostLeft: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  stickyColumnLeastRight: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  groupColumnMostLeft: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n    \"&:first-child\": {\n      borderLeft: 0,\n    },\n  },\n  groupColumnMostRight: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n    // due to the \":has()\" selector not being supported in browsers,\n    // this need to be managed with inline styles\n    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n    // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n    \"&:last-child\": {\n      borderRight: 0,\n    },\n\n    \"&+:not($stickyColumn)\": {\n      borderLeft: 0,\n    },\n  },\n\n  sortable: {},\n  sorted: {\n    \"& $sortIcon\": {\n      visibility: \"visible\",\n    },\n  },\n  sortButton: {\n    \"$root$sortable &\": {\n      boxShadow: \"none\",\n      backgroundColor: \"transparent\",\n    },\n  },\n  sortIcon: {\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  },\n\n  resizable: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  resizing: {\n    borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`,\n  },\n\n  resizer: {\n    display: \"inline-block\",\n    width: 10,\n    height: \"100%\",\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n    transform: \"translateX(50%)\",\n    zIndex: 1,\n    touchAction: \"none\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Table/TableRow/TableRow.d.ts

@@ -8,7 +8,9 @@ export type HvTableRowClassKey =
   | "hover"
   | "selected"
   | "expanded"
-  | "striped";
+  | "striped"
+  | "variantList"
+  | "variantListHead";
 
 export interface HvTableRowProps
   extends StandardProps<React.HTMLAttributes<HTMLTableRowElement>, HvTableRowClassKey> {

package/dist/Table/TableRow/TableRow.js

@@ -68,10 +68,14 @@ var HvTableRow = /*#__PURE__*/(0, _react.forwardRef)(function HvTableRow(props,
   var tableContext = (0, _react.useContext)(_TableContext.default);
   var tableSectionContext = (0, _react.useContext)(_TableSectionContext.default);
   var type = (tableSectionContext === null || tableSectionContext === void 0 ? void 0 : tableSectionContext.type) || "body";
+  var isList = tableContext.variant === "listrow";
   var Component = component || (tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$compone = tableContext.components) === null || _tableContext$compone === void 0 ? void 0 : _tableContext$compone.Tr) || defaultComponent;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     ref: ref,
-    className: (0, _clsx.default)(classes.root, classes[type], className, hover && classes.hover, selected && classes.selected, expanded && classes.expanded, striped && classes.striped),
+    className: (0, _clsx.default)(classes.root, classes[type], tableSectionContext.filterClassName, className, isList && {
+      "body": classes.variantList,
+      "head": classes.variantListHead
+    }[type], hover && classes.hover, selected && classes.selected, expanded && classes.expanded, striped && classes.striped),
     role: Component === defaultComponent ? null : "row"
   }, others));
 });
@@ -154,7 +158,17 @@ process.env.NODE_ENV !== "production" ? HvTableRow.propTypes = {
     /**
      * Styles applied to the component root when inside a `HvTableFooter`.
      */
-    footer: _propTypes.default.string
+    footer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when its table variant is list.
+     */
+    variantList: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root when its table variant is list.
+     */
+    variantListHead: _propTypes.default.string
   }).isRequired
 } : void 0;
 

package/dist/Table/TableRow/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":["defaultComponent","HvTableRow","props","ref","classes","className","component","hover","selected","expanded","striped","others","tableContext","TableContext","tableSectionContext","TableSectionContext","type","Component","components","Tr","root","propTypes","PropTypes","elementType","children","node","string","bool","shape","head","body","footer","isRequired","styles","name"],"sources":["../../../src/Table/TableRow/TableRow.js"],"sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"tr\";\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nconst HvTableRow = forwardRef(function HvTableRow(props, ref) {\n  const {\n    classes,\n    className,\n    component,\n    hover = false,\n    selected = false,\n    expanded = false,\n    striped = false,\n    ...others\n  } = props;\n\n  const tableContext = useContext(TableContext);\n  const tableSectionContext = useContext(TableSectionContext);\n\n  const type = tableSectionContext?.type || \"body\";\n\n  const Component = component || tableContext?.components?.Tr || defaultComponent;\n\n  return (\n    <Component\n      ref={ref}\n      className={clsx(\n        classes.root,\n        classes[type],\n        {\n          [classes.hover]: hover,\n          [classes.selected]: selected,\n          [classes.expanded]: expanded,\n          [classes.striped]: striped,\n        },\n        className\n      )}\n      role={Component === defaultComponent ? null : \"row\"}\n      {...others}\n    />\n  );\n});\n\nHvTableRow.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tr.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Whether the table row will shade on hover.\n   */\n  hover: PropTypes.bool,\n  /**\n   * Whether the table row will have the selected shading.\n   */\n  selected: PropTypes.bool,\n\n  /**\n   * Whether the table row is expanded.\n   */\n  expanded: PropTypes.bool,\n\n  /**\n   * Whether the table row background is striped.\n   */\n  striped: PropTypes.bool,\n\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root when selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the component root when expanded.\n     */\n    expanded: PropTypes.string,\n    /**\n     * Styles applied to the component root when striped.\n     */\n    striped: PropTypes.string,\n    /**\n     * Styles applied to the component root on hover.\n     */\n    hover: PropTypes.string,\n    /**\n     * Styles applied to the component root when inside a `HvTableHead`.\n     */\n    head: PropTypes.string,\n    /**\n     * Styles applied to the component root when inside a `HvTableBody`.\n     */\n    body: PropTypes.string,\n    /**\n     * Styles applied to the component root when inside a `HvTableFooter`.\n     */\n    footer: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableRow\" })(HvTableRow);\n"],"mappings":"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"}
+{"version":3,"file":"TableRow.js","names":["defaultComponent","HvTableRow","props","ref","classes","className","component","hover","selected","expanded","striped","others","tableContext","TableContext","tableSectionContext","TableSectionContext","type","isList","variant","Component","components","Tr","root","filterClassName","variantList","variantListHead","propTypes","PropTypes","elementType","children","node","string","bool","shape","head","body","footer","isRequired","styles","name"],"sources":["../../../src/Table/TableRow/TableRow.js"],"sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"tr\";\n\n/**\n * `HvTableRow` acts as a `tr` element and inherits styles from its context\n */\nconst HvTableRow = forwardRef(function HvTableRow(props, ref) {\n  const {\n    classes,\n    className,\n    component,\n    hover = false,\n    selected = false,\n    expanded = false,\n    striped = false,\n    ...others\n  } = props;\n\n  const tableContext = useContext(TableContext);\n  const tableSectionContext = useContext(TableSectionContext);\n\n  const type = tableSectionContext?.type || \"body\";\n\n  const isList = tableContext.variant === \"listrow\";\n\n  const Component = component || tableContext?.components?.Tr || defaultComponent;\n\n  return (\n    <Component\n      ref={ref}\n      className={clsx(\n        classes.root,\n        classes[type],\n        {\n          [classes.hover]: hover,\n          [classes.selected]: selected,\n          [classes.expanded]: expanded,\n          [classes.striped]: striped,\n          [classes.variantList]: isList && type === \"body\",\n          [classes.variantListHead]: isList && type === \"head\",\n        },\n        tableSectionContext.filterClassName,\n        className\n      )}\n      role={Component === defaultComponent ? null : \"row\"}\n      {...others}\n    />\n  );\n});\n\nHvTableRow.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tr.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Whether the table row will shade on hover.\n   */\n  hover: PropTypes.bool,\n  /**\n   * Whether the table row will have the selected shading.\n   */\n  selected: PropTypes.bool,\n  /**\n   * Whether the table row is expanded.\n   */\n  expanded: PropTypes.bool,\n  /**\n   * Whether the table row background is striped.\n   */\n  striped: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component root when selected.\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the component root when expanded.\n     */\n    expanded: PropTypes.string,\n    /**\n     * Styles applied to the component root when striped.\n     */\n    striped: PropTypes.string,\n    /**\n     * Styles applied to the component root on hover.\n     */\n    hover: PropTypes.string,\n    /**\n     * Styles applied to the component root when inside a `HvTableHead`.\n     */\n    head: PropTypes.string,\n    /**\n     * Styles applied to the component root when inside a `HvTableBody`.\n     */\n    body: PropTypes.string,\n    /**\n     * Styles applied to the component root when inside a `HvTableFooter`.\n     */\n    footer: PropTypes.string,\n    /**\n     * Styles applied to the component root when its table variant is list.\n     */\n    variantList: PropTypes.string,\n    /**\n     * Styles applied to the component root when its table variant is list.\n     */\n    variantListHead: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableRow\" })(HvTableRow);\n"],"mappings":"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"}

package/dist/Table/TableRow/styles.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.array.concat.js");
+
 var _core = require("@material-ui/core");
 
 var _styles = require("@material-ui/core/styles");
@@ -31,9 +33,7 @@ var styles = function styles(theme) {
     },
     body: {},
     footer: {},
-    selected: {
-      backgroundColor: theme.palette.atmo1
-    },
+    selected: {},
     expanded: {
       backgroundColor: theme.palette.atmo1,
       "& > *[role=cell]": {
@@ -52,6 +52,31 @@ var styles = function styles(theme) {
       "&:hover": {
         backgroundColor: theme.palette.atmo3
       }
+    },
+    variantList: {
+      borderBottom: 0,
+      backgroundColor: theme.palette.atmo1,
+      height: 52,
+      "&$selected": {
+        boxShadow: "1px 1px ".concat(theme.hv.palette.accent.acce1, ", -1px -1px ").concat(theme.hv.palette.accent.acce1, ", -1px 1px ").concat(theme.hv.palette.accent.acce1, ", 1px -1px ").concat(theme.hv.palette.accent.acce1),
+        "&:hover": {
+          boxShadow: "1px 1px ".concat(theme.hv.palette.accent.acce1, ", -1px -1px ").concat(theme.hv.palette.accent.acce1, ", -1px 1px ").concat(theme.hv.palette.accent.acce1, ", 1px -1px ").concat(theme.hv.palette.accent.acce1),
+          background: theme.hv.palette.atmosphere.atmo1
+        }
+      },
+      "&:hover": {
+        boxShadow: "1px 1px ".concat(theme.hv.palette.atmosphere.atmo4, ", -1px -1px ").concat(theme.hv.palette.atmosphere.atmo4, ", -1px 1px ").concat(theme.hv.palette.atmosphere.atmo4, ", 1px -1px ").concat(theme.hv.palette.atmosphere.atmo4),
+        background: theme.hv.palette.atmosphere.atmo1
+      }
+    },
+    variantListHead: {
+      height: 16,
+      "&:first-child": {
+        height: 16
+      },
+      "tr&:first-child": {
+        height: 16
+      }
     }
   };
 };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","color","backgroundColor","verticalAlign","outline","minHeight","height","head","body","footer","selected","palette","atmo1","expanded","borderBottom","striped","hover","transition","transitions","create","duration","shortest","atmo3"],"sources":["../../../src/Table/TableRow/styles.js"],"sourcesContent":["import { hexToRgb } from \"@material-ui/core\";\nimport { alpha } from \"@material-ui/core/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    color: \"inherit\",\n    backgroundColor: \"inherit\",\n    verticalAlign: \"middle\",\n    outline: 0,\n    minHeight: 32,\n    \"tr&\": {\n      height: 32,\n    },\n  },\n  head: {\n    \"&:first-child\": {\n      height: 52,\n    },\n\n    \"tr&:first-child\": {\n      height: 52,\n    },\n  },\n  body: {},\n  footer: {},\n  selected: {\n    backgroundColor: theme.palette.atmo1,\n  },\n  expanded: {\n    backgroundColor: theme.palette.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  striped: {\n    \"&:nth-child(even)\": {\n      backgroundColor: alpha(hexToRgb(theme.palette.atmo1), 0.6),\n    },\n  },\n  hover: {\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shortest,\n    }),\n\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo3,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,SADH;MAEJC,eAAe,EAAE,SAFb;MAGJC,aAAa,EAAE,QAHX;MAIJC,OAAO,EAAE,CAJL;MAKJC,SAAS,EAAE,EALP;MAMJ,OAAO;QACLC,MAAM,EAAE;MADH;IANH,CADmB;IAWzBC,IAAI,EAAE;MACJ,iBAAiB;QACfD,MAAM,EAAE;MADO,CADb;MAKJ,mBAAmB;QACjBA,MAAM,EAAE;MADS;IALf,CAXmB;IAoBzBE,IAAI,EAAE,EApBmB;IAqBzBC,MAAM,EAAE,EArBiB;IAsBzBC,QAAQ,EAAE;MACRR,eAAe,EAAEH,KAAK,CAACY,OAAN,CAAcC;IADvB,CAtBe;IAyBzBC,QAAQ,EAAE;MACRX,eAAe,EAAEH,KAAK,CAACY,OAAN,CAAcC,KADvB;MAER,oBAAoB;QAClBE,YAAY,EAAE;MADI;IAFZ,CAzBe;IA+BzBC,OAAO,EAAE;MACP,qBAAqB;QACnBb,eAAe,EAAE,mBAAM,oBAASH,KAAK,CAACY,OAAN,CAAcC,KAAvB,CAAN,EAAqC,GAArC;MADE;IADd,CA/BgB;IAoCzBI,KAAK,EAAE;MACLC,UAAU,EAAElB,KAAK,CAACmB,WAAN,CAAkBC,MAAlB,CAAyB,kBAAzB,EAA6C;QACvDC,QAAQ,EAAErB,KAAK,CAACmB,WAAN,CAAkBE,QAAlB,CAA2BC;MADkB,CAA7C,CADP;MAKL,WAAW;QACTnB,eAAe,EAAEH,KAAK,CAACY,OAAN,CAAcW;MADtB;IALN;EApCkB,CAAZ;AAAA,CAAf;;eA+CexB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","color","backgroundColor","verticalAlign","outline","minHeight","height","head","body","footer","selected","expanded","palette","atmo1","borderBottom","striped","hover","transition","transitions","create","duration","shortest","atmo3","variantList","boxShadow","hv","accent","acce1","background","atmosphere","atmo4","variantListHead"],"sources":["../../../src/Table/TableRow/styles.js"],"sourcesContent":["import { hexToRgb } from \"@material-ui/core\";\nimport { alpha } from \"@material-ui/core/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    color: \"inherit\",\n    backgroundColor: \"inherit\",\n    verticalAlign: \"middle\",\n    outline: 0,\n    minHeight: 32,\n    \"tr&\": {\n      height: 32,\n    },\n  },\n  head: {\n    \"&:first-child\": {\n      height: 52,\n    },\n\n    \"tr&:first-child\": {\n      height: 52,\n    },\n  },\n  body: {},\n  footer: {},\n  selected: {},\n  expanded: {\n    backgroundColor: theme.palette.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  striped: {\n    \"&:nth-child(even)\": {\n      backgroundColor: alpha(hexToRgb(theme.palette.atmo1), 0.6),\n    },\n  },\n  hover: {\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shortest,\n    }),\n\n    \"&:hover\": {\n      backgroundColor: theme.palette.atmo3,\n    },\n  },\n  variantList: {\n    borderBottom: 0,\n    backgroundColor: theme.palette.atmo1,\n    height: 52,\n    \"&$selected\": {\n      boxShadow: `1px 1px ${theme.hv.palette.accent.acce1}, -1px -1px ${theme.hv.palette.accent.acce1}, -1px 1px ${theme.hv.palette.accent.acce1}, 1px -1px ${theme.hv.palette.accent.acce1}`,\n\n      \"&:hover\": {\n        boxShadow: `1px 1px ${theme.hv.palette.accent.acce1}, -1px -1px ${theme.hv.palette.accent.acce1}, -1px 1px ${theme.hv.palette.accent.acce1}, 1px -1px ${theme.hv.palette.accent.acce1}`,\n        background: theme.hv.palette.atmosphere.atmo1,\n      },\n    },\n\n    \"&:hover\": {\n      boxShadow: `1px 1px ${theme.hv.palette.atmosphere.atmo4}, -1px -1px ${theme.hv.palette.atmosphere.atmo4}, -1px 1px ${theme.hv.palette.atmosphere.atmo4}, 1px -1px ${theme.hv.palette.atmosphere.atmo4}`,\n      background: theme.hv.palette.atmosphere.atmo1,\n    },\n  },\n  variantListHead: {\n    height: 16,\n    \"&:first-child\": {\n      height: 16,\n    },\n\n    \"tr&:first-child\": {\n      height: 16,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/Table/styles.js

@@ -45,6 +45,11 @@ var styles = function styles(theme) {
     stickyHeader: {},
     stickyColumns: {
       backgroundColor: theme.hv.palette.atmosphere.atmo2
+    },
+    listRow: {
+      "table&": {
+        borderSpacing: theme.hvSpacing(0, "xs")
+      }
     }
   };
 };

package/dist/Table/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","position","width","hv","typography","normalText","borderSpacing","padding","spacing","textAlign","captionSide","stickyHeader","stickyColumns","backgroundColor","palette","atmosphere","atmo2"],"sources":["../../src/Table/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    width: \"100%\",\n\n    ...theme.hv.typography.normalText,\n\n    \"table&\": {\n      borderSpacing: 0,\n    },\n\n    \"& caption\": {\n      ...theme.typography.normalText,\n      padding: theme.spacing(\"xs\"),\n      textAlign: \"left\",\n      captionSide: \"bottom\",\n    },\n  },\n  stickyHeader: {},\n  stickyColumns: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI;MACFC,QAAQ,EAAE,UADR;MAEFC,KAAK,EAAE;IAFL,GAICH,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBC,UAJrB;MAMF,UAAU;QACRC,aAAa,EAAE;MADP,CANR;MAUF,6CACKP,KAAK,CAACK,UAAN,CAAiBC,UADtB;QAEEE,OAAO,EAAER,KAAK,CAACS,OAAN,CAAc,IAAd,CAFX;QAGEC,SAAS,EAAE,MAHb;QAIEC,WAAW,EAAE;MAJf;IAVE,EADqB;IAkBzBC,YAAY,EAAE,EAlBW;IAmBzBC,aAAa,EAAE;MACbC,eAAe,EAAEd,KAAK,CAACI,EAAN,CAASW,OAAT,CAAiBC,UAAjB,CAA4BC;IADhC;EAnBU,CAAZ;AAAA,CAAf;;eAwBelB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","position","width","hv","typography","normalText","borderSpacing","padding","spacing","textAlign","captionSide","stickyHeader","stickyColumns","backgroundColor","palette","atmosphere","atmo2","listRow","hvSpacing"],"sources":["../../src/Table/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    width: \"100%\",\n\n    ...theme.hv.typography.normalText,\n\n    \"table&\": {\n      borderSpacing: 0,\n    },\n\n    \"& caption\": {\n      ...theme.typography.normalText,\n      padding: theme.spacing(\"xs\"),\n      textAlign: \"left\",\n      captionSide: \"bottom\",\n    },\n  },\n  stickyHeader: {},\n  stickyColumns: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n  listRow: {\n    \"table&\": {\n      borderSpacing: theme.hvSpacing(0, \"xs\"),\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI;MACFC,QAAQ,EAAE,UADR;MAEFC,KAAK,EAAE;IAFL,GAICH,KAAK,CAACI,EAAN,CAASC,UAAT,CAAoBC,UAJrB;MAMF,UAAU;QACRC,aAAa,EAAE;MADP,CANR;MAUF,6CACKP,KAAK,CAACK,UAAN,CAAiBC,UADtB;QAEEE,OAAO,EAAER,KAAK,CAACS,OAAN,CAAc,IAAd,CAFX;QAGEC,SAAS,EAAE,MAHb;QAIEC,WAAW,EAAE;MAJf;IAVE,EADqB;IAkBzBC,YAAY,EAAE,EAlBW;IAmBzBC,aAAa,EAAE;MACbC,eAAe,EAAEd,KAAK,CAACI,EAAN,CAASW,OAAT,CAAiBC,UAAjB,CAA4BC;IADhC,CAnBU;IAsBzBC,OAAO,EAAE;MACP,UAAU;QACRX,aAAa,EAAEP,KAAK,CAACmB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;MADP;IADH;EAtBgB,CAAZ;AAAA,CAAf;;eA6BepB,M"}

package/dist/legacy/ProgressBar/ProgressBar.d.ts

@@ -9,12 +9,10 @@ export type HvProgressBarClassKey =
   | "progressBar"
   | "progressDone"
   | "progressError"
-  | "progressBarLabel"
-  | "progressBarLabelHidden";
+  | "progressBarLabel";
 
 export interface HvProgressBarProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey>,
-    HvProgressBarProps {
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey> {
   /**
    * The value of the progress bar.
    */
@@ -27,10 +25,6 @@ export interface HvProgressBarProps
    * When uncontrolled and unspecified it will default to "inProgress".
    */
   status?: string;
-  /**
-   * If `true` the progress bar will not show the percentage label.
-   */
-  undeterminate?: boolean;
   /**
    * Aria Properties passed on to the progress bar.
    */

package/dist/legacy/ProgressBar/ProgressBar.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["className", "classes", "value", "status", "undeterminate", "labelProps"];
+var _excluded = ["className", "classes", "value", "status", "labelProps"];
 import "core-js/modules/es.object.freeze.js";
 import React from "react";
 import PropTypes from "prop-types";
@@ -25,8 +25,6 @@ var HvProgressBar = function HvProgressBar(props) {
       value = _props$value === void 0 ? 0 : _props$value,
       _props$status = props.status,
       status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
-      _props$undeterminate = props.undeterminate,
-      undeterminate = _props$undeterminate === void 0 ? false : _props$undeterminate,
       labelProps = props.labelProps,
       others = _objectWithoutProperties(props, _excluded);
 
@@ -44,7 +42,7 @@ var HvProgressBar = function HvProgressBar(props) {
     style: {
       width: "".concat(clampedValue, "%")
     },
-    className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone, undeterminate && classes.progressBarLabelHidden)
+    className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone)
   }, labelProps), "".concat(clampedValue, "%")), /*#__PURE__*/React.createElement("div", {
     className: classes.progressBarContainer
   }, /*#__PURE__*/React.createElement("div", {
@@ -103,12 +101,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
     /**
      * Style applied to the progress bar label.
      */
-    progressBarLabel: PropTypes.string,
-
-    /**
-     * Style applied to the progress bar label.
-     */
-    progressBarLabelHidden: PropTypes.string
+    progressBarLabel: PropTypes.string
   }).isRequired,
 
   /**
@@ -125,11 +118,6 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
    */
   status: PropTypes.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
 
-  /**
-   * If `true` the progress bar will not show the percentage label.
-   */
-  undeterminate: PropTypes.bool,
-
   /**
    * Aria Properties passed on to the progress bar.
    */

package/dist/legacy/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","undeterminate","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarLabelHidden","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","bool","instanceOf","name"],"sources":["../../../src/ProgressBar/ProgressBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    undeterminate = false,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone,\n            undeterminate && classes.progressBarLabelHidden\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\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     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabelHidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * If `true` the progress bar will not show the percentage label.\n   */\n  undeterminate: PropTypes.bool,\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","names":["React","PropTypes","clsx","clamp","HvTypography","withStyles","styles","statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarContainer","progressBar","progressError","propTypes","string","shape","isRequired","number","oneOf","instanceOf","name"],"sources":["../../../src/ProgressBar/ProgressBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\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     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}

package/dist/legacy/ProgressBar/ProgressBarSimulator.js

@@ -6,7 +6,6 @@ import { HvProgressBar } from ".."; // eslint-disable-next-line react/prop-types
 export var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
   var inc = _ref.inc,
       error = _ref.error,
-      undeterminate = _ref.undeterminate,
       ariaLabel = _ref.ariaLabel,
       ariaLive = _ref.ariaLive;
 
@@ -57,7 +56,6 @@ export var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
   }, /*#__PURE__*/React.createElement(HvProgressBar, {
     value: value,
     status: status,
-    undeterminate: undeterminate,
     labelProps: {
       "aria-label": ariaLabel,
       "aria-busy": false,

package/dist/legacy/ProgressBar/ProgressBarSimulator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarSimulator.js","names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","undeterminate","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft","default"],"sources":["../../../src/ProgressBar/ProgressBarSimulator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvProgressBar } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, undeterminate, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        undeterminate={undeterminate}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AAEA,SAASC,QAAT,QAAyB,kCAAzB;AAEA,SAASC,aAAT,QAA8B,IAA9B,C,CAEA;;AACA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAAwD;EAAA,IAArDC,GAAqD,QAArDA,GAAqD;EAAA,IAAhDC,KAAgD,QAAhDA,KAAgD;EAAA,IAAzCC,aAAyC,QAAzCA,aAAyC;EAAA,IAA1BC,SAA0B,QAA1BA,SAA0B;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC1F,gBAA4BR,QAAQ,CAAC,YAAD,CAApC;EAAA;EAAA,IAAOS,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAA0BV,QAAQ,CAAC,CAAD,CAAlC;EAAA;EAAA,IAAOW,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAsBZ,QAAQ,CAAC,KAAD,CAA9B;EAAA;EAAA,IAAOa,GAAP;EAAA,IAAYC,MAAZ;;EAEAf,SAAS,CAAC,YAAM;IACd,IAAMgB,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjC,IAAIL,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAG,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIL,KAAK,IAAIM,KAAK,KAAKN,KAAvB,EAA8B;QACnCY,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACR,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO;MAAA,OAAMa,aAAa,CAACF,QAAD,CAAnB;IAAA,CAAP;EACD,CAZQ,EAYN,CAACX,GAAD,EAAMO,KAAN,EAAaE,GAAb,EAAkBR,KAAlB,CAZM,CAAT;;EAcA,IAAMa,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,IAAMS,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBL,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAT;EAAZ,gBACE,oBAAC,aAAD;IACE,KAAK,EAAET,KADT;IAEE,MAAM,EAAEF,MAFV;IAGE,aAAa,EAAEH,aAHjB;IAIE,UAAU,EAAE;MACV,cAAcC,SADJ;MAEV,aAAa,KAFH;MAGV,aAAaC;IAHH;EAJd,EADF,eAWE;IAAK,KAAK,EAAE;MAAEa,SAAS,EAAE;IAAb;EAAZ,gBACE,oBAAC,QAAD;IAAU,OAAO,EAAEF;EAAnB,WADF,eAEE,oBAAC,QAAD;IAAU,KAAK,EAAE;MAAEG,UAAU,EAAE;IAAd,CAAjB;IAAqC,OAAO,EAAEJ;EAA9C,WAFF,CAXF,CADF;AAoBD,CAhDM;AAkDP,SAASf,oBAAoB,IAAIoB,OAAjC"}
+{"version":3,"file":"ProgressBarSimulator.js","names":["React","useEffect","useState","HvButton","HvProgressBar","ProgressBarSimulator","inc","error","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft","default"],"sources":["../../../src/ProgressBar/ProgressBarSimulator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvProgressBar } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,SAAhB,EAA2BC,QAA3B,QAA2C,OAA3C;AAEA,SAASC,QAAT,QAAyB,kCAAzB;AAEA,SAASC,aAAT,QAA8B,IAA9B,C,CAEA;;AACA,OAAO,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAuB,OAAyC;EAAA,IAAtCC,GAAsC,QAAtCA,GAAsC;EAAA,IAAjCC,KAAiC,QAAjCA,KAAiC;EAAA,IAA1BC,SAA0B,QAA1BA,SAA0B;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC3E,gBAA4BP,QAAQ,CAAC,YAAD,CAApC;EAAA;EAAA,IAAOQ,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAA0BT,QAAQ,CAAC,CAAD,CAAlC;EAAA;EAAA,IAAOU,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAsBX,QAAQ,CAAC,KAAD,CAA9B;EAAA;EAAA,IAAOY,GAAP;EAAA,IAAYC,MAAZ;;EAEAd,SAAS,CAAC,YAAM;IACd,IAAMe,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjC,IAAIL,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAG,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIJ,KAAK,IAAIK,KAAK,KAAKL,KAAvB,EAA8B;QACnCW,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACP,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO;MAAA,OAAMY,aAAa,CAACF,QAAD,CAAnB;IAAA,CAAP;EACD,CAZQ,EAYN,CAACV,GAAD,EAAMM,KAAN,EAAaE,GAAb,EAAkBP,KAAlB,CAZM,CAAT;;EAcA,IAAMY,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,IAAMS,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBL,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAT;EAAZ,gBACE,oBAAC,aAAD;IACE,KAAK,EAAET,KADT;IAEE,MAAM,EAAEF,MAFV;IAGE,UAAU,EAAE;MACV,cAAcF,SADJ;MAEV,aAAa,KAFH;MAGV,aAAaC;IAHH;EAHd,EADF,eAUE;IAAK,KAAK,EAAE;MAAEa,SAAS,EAAE;IAAb;EAAZ,gBACE,oBAAC,QAAD;IAAU,OAAO,EAAEF;EAAnB,WADF,eAEE,oBAAC,QAAD;IAAU,KAAK,EAAE;MAAEG,UAAU,EAAE;IAAd,CAAjB;IAAqC,OAAO,EAAEJ;EAA9C,WAFF,CAVF,CADF;AAmBD,CA/CM;AAiDP,SAASd,oBAAoB,IAAImB,OAAjC"}

package/dist/legacy/ProgressBar/styles.js

@@ -32,11 +32,6 @@ var styles = function styles(theme) {
       backgroundColor: "transparent",
       display: "flex",
       justifyContent: "end"
-    },
-    progressBarLabelHidden: {
-      width: "1px",
-      height: "1px",
-      overflow: "hidden"
     }
   };
 };