@hitachivantara/uikit-react-lab 3.45.11 → 3.46.1

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

@@ -132,6 +132,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/legacy/Table/TableHeader/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hexToRgbA","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":";;;;;;;;;;;;;AAAA,SAASA,SAAT,QAA0B,kCAA1B;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJ,2BAA2B,MADvB;MAEJ,iBAAiB,MAFb;MAIJC,MAAM,EAAE,oBAJJ;MAKJC,aAAa,EAAE,SALX;MAMJC,SAAS,EAAE,MANP;MAOJC,OAAO,EAAEL,KAAK,CAACM,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,EAAyB,CAAzB,EAA4B,MAA5B,CAPL;MASJC,YAAY,sBAAeP,KAAK,CAACQ,OAAN,CAAcC,KAA7B;IATR,CADmB;IAazBC,IAAI;MACF,oBAAoB;QAClBR,MAAM,EAAE,8BADU;QAElBS,SAAS,sBAAeX,KAAK,CAACQ,OAAN,CAAcC,KAA7B;MAFS,CADlB;MAMFG,UAAU,EAAE,CANV;MAOFT,aAAa,EAAE,KAPb;MASFU,eAAe,EAAEb,KAAK,CAACQ,OAAN,CAAcM,KAT7B;MAUFP,YAAY,sBAAeP,KAAK,CAACQ,OAAN,CAAcC,KAA7B;IAVV,GAWCT,KAAK,CAACe,EAAN,CAASC,UAAT,CAAoBC,aAXrB;MAaFC,UAAU,EAAElB,KAAK,CAACmB,WAAN,CAAkBC,MAAlB,CAAyB,kBAAzB,EAA6C;QACvDC,QAAQ,EAAErB,KAAK,CAACmB,WAAN,CAAkBE,QAAlB,CAA2BC;MADkB,CAA7C,CAbV;MAiBF,cAAc;QACZnB,aAAa,EAAE,SADH;QAEZS,UAAU,EAAE,CAFA;QAGZW,WAAW,EAAE,CAHD;QAIZC,MAAM,EAAE,SAJI;QAMZ,WAAW;UACTX,eAAe,EAAEb,KAAK,CAACQ,OAAN,CAAciB,KADtB;UAGT,eAAe;YACbC,UAAU,EAAE;UADC;QAHN,CANC;QAaZ,kBAAkB;UAChBb,eAAe,EAAEb,KAAK,CAACQ,OAAN,CAAciB,KADf;UAGhB,eAAe;YACbC,UAAU,EAAE;UADC;QAHC,CAbN;QAoBZ;QACA,kBAAkB;UAChBb,eAAe,EAAEb,KAAK,CAACQ,OAAN,CAAciB,KADf;UAGhB,eAAe;YACbC,UAAU,EAAE;UADC;QAHC;MArBN;IAjBZ,EAbqB;IA4DzBC,IAAI;MACFd,eAAe,EAAE;IADf,GAECb,KAAK,CAACe,EAAN,CAASC,UAAT,CAAoBY,UAFrB;MAIF,gCAAgC;QAC9BL,WAAW,EAAE;MADiB,CAJ9B;MAOF,YAAY;QACVV,eAAe,EAAEf,SAAS,CAACE,KAAK,CAACQ,OAAN,CAAcM,KAAf,EAAsB,GAAtB;MADhB;IAPV,EA5DqB;IAuEzBe,MAAM,EAAE,EAvEiB;IAyEzBC,SAAS,EAAE;MACT1B,SAAS,EAAE;IADF,CAzEc;IA4EzB2B,WAAW,EAAE;MACX3B,SAAS,EAAE;IADA,CA5EY;IA+EzB4B,UAAU,EAAE;MACV5B,SAAS,EAAE,OADD;MAEV6B,aAAa,EAAE;IAFL,CA/Ea;IAmFzBC,YAAY,EAAE;MACZ9B,SAAS,EAAE;IADC,CAnFW;IAuFzB+B,aAAa,EAAE;MACbC,OAAO,EAAE,MADI;MAEbC,UAAU,EAAE;IAFC,CAvFU;IA2FzBC,UAAU,EAAE;MACVC,QAAQ,EAAE,QADA;MAEVC,YAAY,EAAE;IAFJ,CA3Fa;IA+FzBC,eAAe,EAAE;MACfF,QAAQ,EAAE,QADK;MAEfH,OAAO,EAAE,aAFM;MAGf,sBAAsB,CAHP;MAIf,sBAAsB;IAJP,CA/FQ;IAqGzBM,kBAAkB,EAAE;MAClB9B,UAAU,EAAE;IADM,CArGK;IAwGzB+B,aAAa,EAAE;MACbC,cAAc,EAAE;IADH,CAxGU;IA2GzBC,eAAe,EAAE;MACfD,cAAc,EAAE;IADD,CA3GQ;IA8GzBE,cAAc,EAAE;MACdF,cAAc,EAAE;IADF,CA9GS;IAiHzBG,gBAAgB,EAAE;MAChB3C,SAAS,EAAE;IADK,CAjHO;IAqHzB4C,WAAW,EAAE;MACX3C,OAAO,EAAE;IADE,CArHY;IAwHzB4C,eAAe,EAAE;MACf5C,OAAO,EAAE,CADM;MAEf6C,KAAK,EAAE,EAFQ;MAGfC,QAAQ,EAAE,EAHK;MAIfC,WAAW,sBAAepD,KAAK,CAACe,EAAN,CAASP,OAAT,CAAiB6C,UAAjB,CAA4B5C,KAA3C;IAJI,CAxHQ;IA8HzB6C,aAAa,EAAE,EA9HU;IA+HzBC,cAAc,EAAE;MACdlD,OAAO,EAAE,CADK;MAEd6C,KAAK,EAAE,EAFO;MAGdC,QAAQ,EAAE,EAHI;MAIdK,UAAU,sBAAexD,KAAK,CAACe,EAAN,CAASP,OAAT,CAAiB6C,UAAjB,CAA4B5C,KAA3C;IAJI,CA/HS;IAsIzBgD,YAAY,EAAE;MACZC,QAAQ,EAAE,QADE;MAEZC,MAAM,EAAE,CAFI;MAIZ,wCAAwC;QACtCH,UAAU,EAAE;MAD0B;IAJ5B,CAtIW;IA8IzBI,oBAAoB,EAAE;MACpBR,WAAW,sBAAepD,KAAK,CAACe,EAAN,CAASP,OAAT,CAAiB6C,UAAjB,CAA4B5C,KAA3C;IADS,CA9IG;IAiJzBoD,sBAAsB,EAAE;MACtBL,UAAU,sBAAexD,KAAK,CAACe,EAAN,CAASP,OAAT,CAAiB6C,UAAjB,CAA4B5C,KAA3C;IADY,CAjJC;IAqJzBqD,mBAAmB,EAAE;MACnBN,UAAU,sBAAexD,KAAK,CAACe,EAAN,CAASP,OAAT,CAAiB6C,UAAjB,CAA4B5C,KAA3C,CADS;MAGnB,iBAAiB;QACf+C,UAAU,EAAE;MADG;IAHE,CArJI;IA4JzBO,oBAAoB,EAAE;MACpBX,WAAW,sBAAepD,KAAK,CAACe,EAAN,CAASP,OAAT,CAAiB6C,UAAjB,CAA4B5C,KAA3C,CADS;MAGpB;MACA;MACA;MACA;MACA,gBAAgB;QACd2C,WAAW,EAAE;MADC,CAPI;MAWpB,yBAAyB;QACvBI,UAAU,EAAE;MADW;IAXL,CA5JG;IA4KzBQ,QAAQ,EAAE,EA5Ke;IA6KzBC,MAAM,EAAE;MACN,eAAe;QACbvC,UAAU,EAAE;MADC;IADT,CA7KiB;IAkLzBwC,UAAU,EAAE;MACV,oBAAoB;QAClBC,SAAS,EAAE,MADO;QAElBtD,eAAe,EAAE;MAFC;IADV,CAlLa;IAwLzBuD,QAAQ,EAAE;MACRhC,OAAO,EAAE,aADD;MAERV,UAAU,EAAE;IAFJ,CAxLe;IA6LzB2C,SAAS,EAAE;MACTjB,WAAW,sBAAepD,KAAK,CAACe,EAAN,CAASP,OAAT,CAAiB6C,UAAjB,CAA4B5C,KAA3C;IADF,CA7Lc;IAiMzB6D,QAAQ,EAAE;MACRlB,WAAW,sBAAepD,KAAK,CAACe,EAAN,CAASP,OAAT,CAAiB+D,MAAjB,CAAwBC,KAAvC;IADH,CAjMe;IAqMzBC,OAAO,EAAE;MACPrC,OAAO,EAAE,cADF;MAEPc,KAAK,EAAE,EAFA;MAGPhD,MAAM,EAAE,MAHD;MAIPwD,QAAQ,EAAE,UAJH;MAKPgB,KAAK,EAAE,CALA;MAMPC,GAAG,EAAE,CANE;MAOPC,SAAS,EAAE,iBAPJ;MAQPjB,MAAM,EAAE,CARD;MASPkB,WAAW,EAAE;IATN;EArMgB,CAAZ;AAAA,CAAf;;AAkNA,eAAe9E,MAAf"}
+{"version":3,"file":"styles.js","names":["hexToRgbA","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/legacy/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/legacy/Table/TableRow/TableRow.js

@@ -32,10 +32,14 @@ var HvTableRow = /*#__PURE__*/forwardRef(function HvTableRow(props, ref) {
   var tableContext = useContext(TableContext);
   var tableSectionContext = useContext(TableSectionContext);
   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.createElement(Component, _extends({
     ref: ref,
-    className: clsx(classes.root, classes[type], className, hover && classes.hover, selected && classes.selected, expanded && classes.expanded, striped && classes.striped),
+    className: clsx(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));
 });
@@ -118,7 +122,17 @@ process.env.NODE_ENV !== "production" ? HvTableRow.propTypes = {
     /**
      * Styles applied to the component root when inside a `HvTableFooter`.
      */
-    footer: PropTypes.string
+    footer: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when its table variant is list.
+     */
+    variantList: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when its table variant is list.
+     */
+    variantListHead: PropTypes.string
   }).isRequired
 } : void 0;
 export default withStyles(styles, {

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":["React","forwardRef","useContext","PropTypes","clsx","withStyles","styles","TableContext","TableSectionContext","defaultComponent","HvTableRow","props","ref","classes","className","component","hover","selected","expanded","striped","others","tableContext","tableSectionContext","type","Component","components","Tr","root","propTypes","elementType","children","node","string","bool","shape","head","body","footer","isRequired","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":["React","forwardRef","useContext","PropTypes","clsx","withStyles","styles","TableContext","TableSectionContext","defaultComponent","HvTableRow","props","ref","classes","className","component","hover","selected","expanded","striped","others","tableContext","tableSectionContext","type","isList","variant","Component","components","Tr","root","filterClassName","variantList","variantListHead","propTypes","elementType","children","node","string","bool","shape","head","body","footer","isRequired","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/legacy/Table/TableRow/styles.js

@@ -1,3 +1,4 @@
+import "core-js/modules/es.array.concat.js";
 import { hexToRgb } from "@material-ui/core";
 import { alpha } from "@material-ui/core/styles";
 
@@ -23,9 +24,7 @@ var styles = function styles(theme) {
     },
     body: {},
     footer: {},
-    selected: {
-      backgroundColor: theme.palette.atmo1
-    },
+    selected: {},
     expanded: {
       backgroundColor: theme.palette.atmo1,
       "& > *[role=cell]": {
@@ -44,6 +43,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/legacy/Table/TableRow/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hexToRgb","alpha","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,SAASA,QAAT,QAAyB,mBAAzB;AACA,SAASC,KAAT,QAAsB,0BAAtB;;AAEA,IAAMC,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,EAAEL,KAAK,CAACD,QAAQ,CAACG,KAAK,CAACY,OAAN,CAAcC,KAAf,CAAT,EAAgC,GAAhC;MADH;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;;AA+CA,eAAexB,MAAf"}
+{"version":3,"file":"styles.js","names":["hexToRgb","alpha","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/legacy/Table/styles.js

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

package/dist/legacy/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;;AAwBA,eAAelB,MAAf"}
+{"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;;AA6BA,eAAepB,MAAf"}

package/dist/modern/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/modern/ProgressBar/ProgressBar.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["className", "classes", "value", "status", "undeterminate", "labelProps"];
+const _excluded = ["className", "classes", "value", "status", "labelProps"];
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -23,7 +23,6 @@ const HvProgressBar = props => {
     classes,
     value = 0,
     status = statusCategories.inProgress,
-    undeterminate = false,
     labelProps
   } = props,
         others = _objectWithoutProperties(props, _excluded);
@@ -42,7 +41,7 @@ const HvProgressBar = props => {
     style: {
       width: `${clampedValue}%`
     },
-    className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone, undeterminate && classes.progressBarLabelHidden)
+    className: clsx(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone)
   }, labelProps), `${clampedValue}%`), /*#__PURE__*/React.createElement("div", {
     className: classes.progressBarContainer
   }, /*#__PURE__*/React.createElement("div", {
@@ -101,12 +100,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,
 
   /**
@@ -123,11 +117,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/modern/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/modern/ProgressBar/ProgressBarSimulator.js

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

package/dist/modern/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,MAAMC,oBAAoB,GAAG,CAAC;EAAEC,GAAF;EAAOC,KAAP;EAAcC,aAAd;EAA6BC,SAA7B;EAAwCC;AAAxC,CAAD,KAAwD;EAC1F,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBV,QAAQ,CAAC,YAAD,CAApC;EACA,MAAM,CAACW,KAAD,EAAQC,QAAR,IAAoBZ,QAAQ,CAAC,CAAD,CAAlC;EACA,MAAM,CAACa,GAAD,EAAMC,MAAN,IAAgBd,QAAQ,CAAC,KAAD,CAA9B;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMgB,QAAQ,GAAGC,WAAW,CAAC,MAAM;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,MAAMa,aAAa,CAACF,QAAD,CAA1B;EACD,CAZQ,EAYN,CAACX,GAAD,EAAMO,KAAN,EAAaE,GAAb,EAAkBR,KAAlB,CAZM,CAAT;;EAcA,MAAMa,KAAK,GAAG,MAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,MAAMS,KAAK,GAAG,MAAM;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,MAAMC,oBAAoB,GAAG,CAAC;EAAEC,GAAF;EAAOC,KAAP;EAAcC,SAAd;EAAyBC;AAAzB,CAAD,KAAyC;EAC3E,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBT,QAAQ,CAAC,YAAD,CAApC;EACA,MAAM,CAACU,KAAD,EAAQC,QAAR,IAAoBX,QAAQ,CAAC,CAAD,CAAlC;EACA,MAAM,CAACY,GAAD,EAAMC,MAAN,IAAgBb,QAAQ,CAAC,KAAD,CAA9B;EAEAD,SAAS,CAAC,MAAM;IACd,MAAMe,QAAQ,GAAGC,WAAW,CAAC,MAAM;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,MAAMY,aAAa,CAACF,QAAD,CAA1B;EACD,CAZQ,EAYN,CAACV,GAAD,EAAMM,KAAN,EAAaE,GAAb,EAAkBP,KAAlB,CAZM,CAAT;;EAcA,MAAMY,KAAK,GAAG,MAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,MAAMS,KAAK,GAAG,MAAM;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/modern/ProgressBar/styles.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel","progressBarLabelHidden","overflow"],"sources":["../../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  progress: {\n    width: \"100%\",\n  },\n\n  progressContainer: {\n    width: \"100%\",\n  },\n\n  progressBarContainer: {\n    display: \"flex\",\n    width: \"100%\",\n    height: 4,\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  progressBar: {\n    backgroundColor: \"#000\",\n    height: 4,\n  },\n\n  progressDone: {\n    backgroundColor: theme.hv.palette.semantic.sema1,\n  },\n\n  progressError: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n  },\n\n  progressBarLabel: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    justifyContent: \"end\",\n  },\n\n  progressBarLabelHidden: {\n    width: \"1px\",\n    height: \"1px\",\n    overflow: \"hidden\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAGJC,UAAU,EAAE,QAHR;IAIJC,cAAc,EAAE;EAJZ,CADmB;EAQzBC,QAAQ,EAAE;IACRC,KAAK,EAAE;EADC,CARe;EAYzBC,iBAAiB,EAAE;IACjBD,KAAK,EAAE;EADU,CAZM;EAgBzBE,oBAAoB,EAAE;IACpBP,OAAO,EAAE,MADW;IAEpBK,KAAK,EAAE,MAFa;IAGpBG,MAAM,EAAE,CAHY;IAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EAJzB,CAhBG;EAuBzBC,WAAW,EAAE;IACXL,eAAe,EAAE,MADN;IAEXD,MAAM,EAAE;EAFG,CAvBY;EA4BzBO,YAAY,EAAE;IACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;EAD/B,CA5BW;EAgCzBC,aAAa,EAAE;IACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;EAD9B,CAhCU;EAoCzBC,gBAAgB,EAAE;IAChBX,eAAe,EAAE,aADD;IAEhBT,OAAO,EAAE,MAFO;IAGhBG,cAAc,EAAE;EAHA,CApCO;EA0CzBkB,sBAAsB,EAAE;IACtBhB,KAAK,EAAE,KADe;IAEtBG,MAAM,EAAE,KAFc;IAGtBc,QAAQ,EAAE;EAHY;AA1CC,CAAZ,CAAf;;AAiDA,eAAezB,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"],"sources":["../../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  progress: {\n    width: \"100%\",\n  },\n\n  progressContainer: {\n    width: \"100%\",\n  },\n\n  progressBarContainer: {\n    display: \"flex\",\n    width: \"100%\",\n    height: 4,\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  progressBar: {\n    backgroundColor: \"#000\",\n    height: 4,\n  },\n\n  progressDone: {\n    backgroundColor: theme.hv.palette.semantic.sema1,\n  },\n\n  progressError: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n  },\n\n  progressBarLabel: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    justifyContent: \"end\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,aAAa,EAAE,QAFX;IAGJC,UAAU,EAAE,QAHR;IAIJC,cAAc,EAAE;EAJZ,CADmB;EAQzBC,QAAQ,EAAE;IACRC,KAAK,EAAE;EADC,CARe;EAYzBC,iBAAiB,EAAE;IACjBD,KAAK,EAAE;EADU,CAZM;EAgBzBE,oBAAoB,EAAE;IACpBP,OAAO,EAAE,MADW;IAEpBK,KAAK,EAAE,MAFa;IAGpBG,MAAM,EAAE,CAHY;IAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EAJzB,CAhBG;EAuBzBC,WAAW,EAAE;IACXL,eAAe,EAAE,MADN;IAEXD,MAAM,EAAE;EAFG,CAvBY;EA4BzBO,YAAY,EAAE;IACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;EAD/B,CA5BW;EAgCzBC,aAAa,EAAE;IACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;EAD9B,CAhCU;EAoCzBC,gBAAgB,EAAE;IAChBX,eAAe,EAAE,aADD;IAEhBT,OAAO,EAAE,MAFO;IAGhBG,cAAc,EAAE;EAHA;AApCO,CAAZ,CAAf;;AA2CA,eAAeN,MAAf"}

package/dist/modern/Table/Table.d.ts

@@ -1,6 +1,6 @@
 import { StandardProps } from "@material-ui/core";
 
-export type HvTableClassKey = "root" | "stickyHeader" | "stickyColumns";
+export type HvTableClassKey = "root" | "stickyHeader" | "stickyColumns" | "listRow";
 
 export interface HvTableProps
   extends StandardProps<React.TableHTMLAttributes<HTMLTableElement>, HvTableClassKey> {
@@ -20,6 +20,10 @@ export interface HvTableProps
    * Whether the `HvTable` has sticky columns.
    */
   stickyColumns?: boolean;
+  /**
+   * Variant of table.
+   */
+  variant?: "listrow" | "default";
 }
 
 export default function HvTable(props: HvTableProps): JSX.Element | null;

package/dist/modern/Table/Table.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "component", "stickyHeader", "stickyColumns"];
-import React, { forwardRef, useMemo } from "react";
+const _excluded = ["classes", "className", "component", "stickyHeader", "stickyColumns", "variant"];
+import React, { useRef, forwardRef, useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { withStyles } from "@material-ui/core";
@@ -51,20 +51,24 @@ const HvTable = /*#__PURE__*/forwardRef(function HvTable(props, ref) {
     className,
     component = defaultComponent,
     stickyHeader = false,
-    stickyColumns = false
+    stickyColumns = false,
+    variant = "default"
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
+  const containerRef = useRef(ref);
   const components = useMemo(() => computeTablePartComponents(component), [component]);
   const tableContext = useMemo(() => ({
-    components
-  }), [components]);
+    components,
+    variant,
+    containerRef
+  }), [components, variant, containerRef]);
   return /*#__PURE__*/React.createElement(TableContext.Provider, {
     value: tableContext
   }, /*#__PURE__*/React.createElement(components.Table, _extends({
     ref: ref,
     role: component === defaultComponent ? null : "table",
-    className: clsx(classes.root, className, stickyHeader && classes.stickyHeader, stickyColumns && classes.stickyColumns)
+    className: clsx(classes.root, className, stickyHeader && classes.stickyHeader, stickyColumns && classes.stickyColumns, variant !== "default" && classes.listRow)
   }, others)));
 });
 process.env.NODE_ENV !== "production" ? HvTable.propTypes = {
@@ -96,6 +100,11 @@ process.env.NODE_ENV !== "production" ? HvTable.propTypes = {
    */
   stickyColumns: PropTypes.bool,
 
+  /**
+   * Whether the `HvTable` has the list row styles or the default.
+   */
+  variant: PropTypes.oneOf(["listrow", "default"]),
+
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -113,7 +122,12 @@ process.env.NODE_ENV !== "production" ? HvTable.propTypes = {
     /**
      * Styles applied to the component root class when it has sticky columns.
      */
-    stickyColumns: PropTypes.string
+    stickyColumns: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class when it has sticky columns.
+     */
+    listRow: PropTypes.string
   }).isRequired
 } : void 0;
 export default withStyles(styles, {

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["React","forwardRef","useMemo","PropTypes","clsx","withStyles","TableContext","styles","defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","HvTable","props","ref","classes","className","component","stickyHeader","stickyColumns","others","components","tableContext","root","propTypes","elementType","children","node","isRequired","string","bool","shape","name"],"sources":["../../../src/Table/Table.js"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport TableContext from \"./TableContext\";\nimport styles from \"./styles\";\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n *\n * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.\n */\nconst HvTable = forwardRef(function HvTable(props, ref) {\n  const {\n    classes,\n    className,\n    component = defaultComponent,\n    stickyHeader = false,\n    stickyColumns = false,\n    ...others\n  } = props;\n\n  const components = useMemo(() => computeTablePartComponents(component), [component]);\n\n  const tableContext = useMemo(() => ({ components }), [components]);\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      <components.Table\n        ref={ref}\n        role={component === defaultComponent ? null : \"table\"}\n        className={clsx(\n          classes.root,\n          {\n            [classes.stickyHeader]: stickyHeader,\n            [classes.stickyColumns]: stickyColumns,\n          },\n          className\n        )}\n        {...others}\n      />\n    </TableContext.Provider>\n  );\n});\n\nHvTable.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Whether the `HvTable` has a sticky header row.\n   */\n  stickyHeader: PropTypes.bool,\n  /**\n   * Whether the `HvTable` has sticky columns.\n   */\n  stickyColumns: 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 class when it has a sticky header.\n     */\n    stickyHeader: PropTypes.string,\n    /**\n     * Styles applied to the component root class when it has sticky columns.\n     */\n    stickyColumns: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTable\" })(HvTable);\n"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":["React","useRef","forwardRef","useMemo","PropTypes","clsx","withStyles","TableContext","styles","defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","HvTable","props","ref","classes","className","component","stickyHeader","stickyColumns","variant","others","containerRef","components","tableContext","root","listRow","propTypes","elementType","children","node","isRequired","string","bool","oneOf","shape","name"],"sources":["../../../src/Table/Table.js"],"sourcesContent":["import React, { useRef, forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport TableContext from \"./TableContext\";\nimport styles from \"./styles\";\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n *\n * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.\n */\nconst HvTable = forwardRef(function HvTable(props, ref) {\n  const {\n    classes,\n    className,\n    component = defaultComponent,\n    stickyHeader = false,\n    stickyColumns = false,\n    variant = \"default\",\n    ...others\n  } = props;\n\n  const containerRef = useRef(ref);\n\n  const components = useMemo(() => computeTablePartComponents(component), [component]);\n\n  const tableContext = useMemo(\n    () => ({ components, variant, containerRef }),\n    [components, variant, containerRef]\n  );\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      <components.Table\n        ref={ref}\n        role={component === defaultComponent ? null : \"table\"}\n        className={clsx(\n          classes.root,\n          {\n            [classes.stickyHeader]: stickyHeader,\n            [classes.stickyColumns]: stickyColumns,\n            [classes.listRow]: variant === \"listrow\",\n          },\n          className\n        )}\n        {...others}\n      />\n    </TableContext.Provider>\n  );\n});\n\nHvTable.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Whether the `HvTable` has a sticky header row.\n   */\n  stickyHeader: PropTypes.bool,\n  /**\n   * Whether the `HvTable` has sticky columns.\n   */\n  stickyColumns: PropTypes.bool,\n  /**\n   * Whether the `HvTable` has the list row styles or the default.\n   */\n  variant: PropTypes.oneOf([\"listrow\", \"default\"]),\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 class when it has a sticky header.\n     */\n    stickyHeader: PropTypes.string,\n    /**\n     * Styles applied to the component root class when it has sticky columns.\n     */\n    stickyColumns: PropTypes.string,\n    /**\n     * Styles applied to the component root class when it has sticky columns.\n     */\n    listRow: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTable\" })(HvTable);\n"],"mappings":"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"}