@hitachivantara/uikit-react-core 5.24.0 → 5.24.2

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

@@ -1 +1 @@
-{"version":3,"file":"TableRow.styles.js","sources":["../../../../../src/components/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableRow\", {\n  /** Styles applied to the component root class. */\n  root: {\n    color: \"inherit\",\n    backgroundColor: theme.table.rowBackgroundColor,\n    verticalAlign: \"middle\",\n    outline: 0,\n    minHeight: 32,\n    \"tr&\": {\n      height: 32,\n    },\n  },\n  /** Styles applied to the component root when inside a `HvTableHead`. */\n  head: {\n    \"&:first-of-type\": {\n      height: 52,\n    },\n\n    \"tr&:first-of-type\": {\n      height: 52,\n    },\n  },\n  /** Styles applied to the component root when inside a `HvTableBody`. */\n  body: {},\n  /** Styles applied to the component root when inside a `HvTableFooter`. */\n  footer: {},\n  /** Styles applied to the component root when selected. */\n  selected: {\n    backgroundColor: theme.table.selectedRowBackgroundColor,\n  },\n  /** Styles applied to the component root when expanded. */\n  expanded: {\n    backgroundColor: theme.colors.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  /** Styles applied to the component root when striped. */\n  striped: {\n    // these styles were left on a styled component because of the access to the css var value to add an alpha.\n    // \"&:nth-of-type(even)\": {\n    // backgroundColor: hexToRgbA(\n    //   getVarValue(theme.table.rowStripedBackgroundColor),\n    //   0.6\n    // ),\n    //   \"&:hover\": {\n    //     backgroundColor: theme.table.rowHoverColor,\n    //   },\n    // },\n  },\n  /** Styles applied to the component root on hover. */\n  hover: {\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    \"&:hover\": {\n      backgroundColor: theme.table.rowHoverColor,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantList: {\n    ...getBorderStyles(\n      \"row\",\n      theme.table.rowListBorderColor,\n      theme.table.rowListBorderRadius\n    ),\n    backgroundColor: theme.colors.atmo1,\n    height: 52,\n    \"&$selected\": {\n      ...getBorderStyles(\n        \"row\",\n        theme.colors.secondary,\n        theme.table.rowListBorderRadius\n      ),\n\n      \"&:hover\": {\n        ...getBorderStyles(\n          \"row\",\n          theme.table.rowHoverBorderColor,\n          theme.table.rowListBorderRadius\n        ),\n      },\n    },\n\n    \"&:hover\": {\n      ...getBorderStyles(\n        \"row\",\n        theme.table.rowHoverBorderColor,\n        theme.table.rowListBorderRadius\n      ),\n    },\n    \"&.HvIsFocused\": {\n      borderRadius: theme.table.rowListBorderRadius,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantListHead: {\n    backgroundColor: theme.table.rowListBackgroundColor,\n    height: 16,\n    \"&:first-of-type\": {\n      height: 16,\n    },\n\n    \"tr&:first-of-type\": {\n      height: 16,\n    },\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","backgroundColor","theme","table","rowBackgroundColor","verticalAlign","outline","minHeight","height","head","body","footer","selected","selectedRowBackgroundColor","expanded","colors","atmo1","borderBottom","striped","hover","transition","rowHoverColor","variantList","getBorderStyles","rowListBorderColor","rowListBorderRadius","secondary","rowHoverBorderColor","borderRadius","variantListHead","rowListBackgroundColor"],"mappings":";;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,MAAMC,MAAMC;AAAAA,IAC7BC,eAAe;AAAA,IACfC,SAAS;AAAA,IACTC,WAAW;AAAA,IACX,OAAO;AAAA,MACLC,QAAQ;AAAA,IACV;AAAA,EACF;AAAA;AAAA,EAEAC,MAAM;AAAA,IACJ,mBAAmB;AAAA,MACjBD,QAAQ;AAAA,IACV;AAAA,IAEA,qBAAqB;AAAA,MACnBA,QAAQ;AAAA,IACV;AAAA,EACF;AAAA;AAAA,EAEAE,MAAM,CAAC;AAAA;AAAA,EAEPC,QAAQ,CAAC;AAAA;AAAA,EAETC,UAAU;AAAA,IACRX,iBAAiBC,MAAMC,MAAMU;AAAAA,EAC/B;AAAA;AAAA,EAEAC,UAAU;AAAA,IACRb,iBAAiBC,MAAMa,OAAOC;AAAAA,IAC9B,oBAAoB;AAAA,MAClBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA,EAEAC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUP;AAAA;AAAA,EAGFC,OAAO;AAAA,IACLC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTnB,iBAAiBC,MAAMC,MAAMkB;AAAAA,IAC/B;AAAA,EACF;AAAA;AAAA,EAEAC,aAAa;AAAA,IACX,GAAGC,gBACD,OACArB,MAAMC,MAAMqB,oBACZtB,MAAMC,MAAMsB,mBACd;AAAA,IACAxB,iBAAiBC,MAAMa,OAAOC;AAAAA,IAC9BR,QAAQ;AAAA,IACR,cAAc;AAAA,MACZ,GAAGe,gBACD,OACArB,MAAMa,OAAOW,WACbxB,MAAMC,MAAMsB,mBACd;AAAA,MAEA,WAAW;AAAA,QACT,GAAGF,gBACD,OACArB,MAAMC,MAAMwB,qBACZzB,MAAMC,MAAMsB,mBACd;AAAA,MACF;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGF,gBACD,OACArB,MAAMC,MAAMwB,qBACZzB,MAAMC,MAAMsB,mBACd;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACfG,cAAc1B,MAAMC,MAAMsB;AAAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEAI,iBAAiB;AAAA,IACf5B,iBAAiBC,MAAMC,MAAM2B;AAAAA,IAC7BtB,QAAQ;AAAA,IACR,mBAAmB;AAAA,MACjBA,QAAQ;AAAA,IACV;AAAA,IAEA,qBAAqB;AAAA,MACnBA,QAAQ;AAAA,IACV;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"TableRow.styles.js","sources":["../../../../../src/components/Table/TableRow/TableRow.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nimport { getBorderStyles } from \"../utils/utils\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvTableRow\", {\n  /** Styles applied to the component root class. */\n  root: {\n    color: \"inherit\",\n    backgroundColor: theme.table.rowBackgroundColor,\n    verticalAlign: \"middle\",\n    outline: 0,\n  },\n  /** Styles applied to the component root when inside a `HvTableHead`. */\n  head: {},\n  /** Styles applied to the component root when inside a `HvTableBody`. */\n  body: {},\n  /** Styles applied to the component root when inside a `HvTableFooter`. */\n  footer: {},\n  /** Styles applied to the component root when selected. */\n  selected: {\n    backgroundColor: theme.table.selectedRowBackgroundColor,\n  },\n  /** Styles applied to the component root when expanded. */\n  expanded: {\n    backgroundColor: theme.colors.atmo1,\n    \"& > *[role=cell]\": {\n      borderBottom: \"none\",\n    },\n  },\n  /** Styles applied to the component root when striped. */\n  striped: {},\n  /** Styles applied to the component root on hover. */\n  hover: {\n    transition: \"background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms\",\n    \"&:hover\": {\n      backgroundColor: theme.table.rowHoverColor,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantList: {\n    // only applied on custom `display`\n    marginBottom: theme.space.xs,\n    borderRadius: theme.table.rowListBorderRadius,\n\n    ...getBorderStyles(\n      \"row\",\n      theme.table.rowListBorderColor,\n      theme.table.rowListBorderRadius\n    ),\n    backgroundColor: theme.colors.atmo1,\n    \"&$selected\": {\n      ...getBorderStyles(\n        \"row\",\n        theme.colors.secondary,\n        theme.table.rowListBorderRadius\n      ),\n\n      \"&:hover\": {\n        ...getBorderStyles(\n          \"row\",\n          theme.table.rowHoverBorderColor,\n          theme.table.rowListBorderRadius\n        ),\n      },\n    },\n\n    \"&:hover\": {\n      ...getBorderStyles(\n        \"row\",\n        theme.table.rowHoverBorderColor,\n        theme.table.rowListBorderRadius\n      ),\n    },\n    \"&.HvIsFocused\": {\n      borderRadius: theme.table.rowListBorderRadius,\n    },\n  },\n  /** Styles applied to the component root when its table variant is list. */\n  variantListHead: {\n    backgroundColor: theme.table.rowListBackgroundColor,\n  },\n});\n"],"names":["staticClasses","useClasses","createClasses","root","color","backgroundColor","theme","table","rowBackgroundColor","verticalAlign","outline","head","body","footer","selected","selectedRowBackgroundColor","expanded","colors","atmo1","borderBottom","striped","hover","transition","rowHoverColor","variantList","marginBottom","space","xs","borderRadius","rowListBorderRadius","getBorderStyles","rowListBorderColor","secondary","rowHoverBorderColor","variantListHead","rowListBackgroundColor"],"mappings":";;;AAMa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAAc,cAAc;AAAA;AAAA,EAEvEC,MAAM;AAAA,IACJC,OAAO;AAAA,IACPC,iBAAiBC,MAAMC,MAAMC;AAAAA,IAC7BC,eAAe;AAAA,IACfC,SAAS;AAAA,EACX;AAAA;AAAA,EAEAC,MAAM,CAAC;AAAA;AAAA,EAEPC,MAAM,CAAC;AAAA;AAAA,EAEPC,QAAQ,CAAC;AAAA;AAAA,EAETC,UAAU;AAAA,IACRT,iBAAiBC,MAAMC,MAAMQ;AAAAA,EAC/B;AAAA;AAAA,EAEAC,UAAU;AAAA,IACRX,iBAAiBC,MAAMW,OAAOC;AAAAA,IAC9B,oBAAoB;AAAA,MAClBC,cAAc;AAAA,IAChB;AAAA,EACF;AAAA;AAAA,EAEAC,SAAS,CAAC;AAAA;AAAA,EAEVC,OAAO;AAAA,IACLC,YAAY;AAAA,IACZ,WAAW;AAAA,MACTjB,iBAAiBC,MAAMC,MAAMgB;AAAAA,IAC/B;AAAA,EACF;AAAA;AAAA,EAEAC,aAAa;AAAA;AAAA,IAEXC,cAAcnB,MAAMoB,MAAMC;AAAAA,IAC1BC,cAActB,MAAMC,MAAMsB;AAAAA,IAE1B,GAAGC,gBACD,OACAxB,MAAMC,MAAMwB,oBACZzB,MAAMC,MAAMsB,mBACd;AAAA,IACAxB,iBAAiBC,MAAMW,OAAOC;AAAAA,IAC9B,cAAc;AAAA,MACZ,GAAGY,gBACD,OACAxB,MAAMW,OAAOe,WACb1B,MAAMC,MAAMsB,mBACd;AAAA,MAEA,WAAW;AAAA,QACT,GAAGC,gBACD,OACAxB,MAAMC,MAAM0B,qBACZ3B,MAAMC,MAAMsB,mBACd;AAAA,MACF;AAAA,IACF;AAAA,IAEA,WAAW;AAAA,MACT,GAAGC,gBACD,OACAxB,MAAMC,MAAM0B,qBACZ3B,MAAMC,MAAMsB,mBACd;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACfD,cAActB,MAAMC,MAAMsB;AAAAA,IAC5B;AAAA,EACF;AAAA;AAAA,EAEAK,iBAAiB;AAAA,IACf7B,iBAAiBC,MAAMC,MAAM4B;AAAAA,EAC/B;AACF,CAAC;"}

package/dist/esm/components/Table/hooks/useSticky.js

@@ -1,4 +1,5 @@
 import { useGetLatest, makePropGetter } from "react-table";
+import { theme } from "@hitachivantara/uikit-styles";
 const isSticky = (value) => /left|right/i.test(value);
 const getStickyValue = ({
   sticky,
@@ -117,7 +118,10 @@ const getCellProps = (header, isHeaderCell) => {
       alignItems: isHeaderCell ? "start" : "center",
       justifyContent: header.align,
       width: `${header.totalWidth}px`,
-      minWidth: `${header.totalMinWidth}px`
+      minWidth: `${header.totalMinWidth}px`,
+      ...isHeaderCell && {
+        backgroundColor: theme.colors.atmo2
+      }
     }
   };
   if (header.sticky != null) {

package/dist/esm/components/Table/hooks/useSticky.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSticky.js","sources":["../../../../../src/components/Table/hooks/useSticky.ts"],"sourcesContent":["import {\n  makePropGetter,\n  useGetLatest,\n  Hooks,\n  PropGetter,\n  TableCommonProps,\n} from \"react-table\";\nimport { CSSProperties } from \"react\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvTableStickyTableHeadProps extends TableCommonProps {\n  stickyHeader?: boolean;\n}\n\nexport type HvTableHeadPropGetter<D extends object> = PropGetter<\n  D,\n  UseHvTableStickyTableHeadProps\n>;\n\nexport type UseHvTableStickyTableOptions = {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n};\n\nexport interface UseHvTableStickyHooks<D extends object> {\n  getTableHeadProps: Array<HvTableHeadPropGetter<D>>;\n}\n\nexport interface UseHvTableStickyTableInstance<D extends object> {\n  getTableHeadProps: (\n    propGetter?: HvTableHeadPropGetter<D>\n  ) => UseHvTableStickyTableHeadProps;\n\n  totalRight?: number;\n  hasStickyColumns?: boolean;\n}\n\n// props target: <table>\nexport interface UseHvTableStickyTableProps {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n}\n\n// props target: <table><thead><tr><th>\nexport interface UseHvTableStickyColumnProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\n// props target: <table><tbody><tr><td>\nexport interface UseHvTableStickyCellProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\nexport type UseHvTableSticky = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst isSticky = (value) => /left|right/i.test(value);\n\nconst getStickyValue = ({ sticky, parent }) => {\n  if (isSticky(sticky)) {\n    return sticky;\n  }\n\n  if (parent != null) {\n    // check if parent is sticky\n    sticky = getStickyValue(parent);\n    if (isSticky(sticky)) {\n      return sticky;\n    }\n\n    const { columns } = parent;\n    // check if any column in the same group is sticky\n    if (columns?.length > 0) {\n      sticky = columns?.find((col) => col.sticky != null)?.sticky;\n      if (isSticky(sticky)) {\n        return sticky;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nconst updateColumnAndParent = (column, props) => {\n  Object.assign(column, props);\n\n  if (column.parent != null) {\n    updateColumnAndParent(column.parent, props);\n  }\n};\n\nconst visibleColumnsHook = (columns, { instance }) => {\n  const toTheLeft: any[] = [];\n  const toTheRight: any[] = [];\n  const others: any[] = [];\n\n  columns.forEach((column) => {\n    const sticky = getStickyValue(column)?.toLowerCase();\n\n    updateColumnAndParent(column, { sticky });\n\n    if (sticky === \"left\") {\n      toTheLeft.push(column);\n    } else if (sticky === \"right\") {\n      toTheRight.push(column);\n    } else {\n      others.push(column);\n    }\n  });\n\n  if (others.length > 0) {\n    const [firstNotSticky] = others;\n    updateColumnAndParent(firstNotSticky, { isFirstNotSticky: true });\n\n    const lastNotSticky = others[others.length - 1];\n    updateColumnAndParent(lastNotSticky, { isLastNotSticky: true });\n  }\n\n  const hasLeftSticky = toTheLeft.length > 0;\n  if (hasLeftSticky) {\n    const lastLeftSticky = toTheLeft[toTheLeft.length - 1];\n\n    updateColumnAndParent(lastLeftSticky, { isLastLeftSticky: true });\n  }\n\n  const hasRightSticky = toTheRight.length > 0;\n  if (hasRightSticky) {\n    const [firstRightSticky] = toTheRight;\n\n    updateColumnAndParent(firstRightSticky, { isFirstRightSticky: true });\n  }\n\n  instance.hasStickyColumns = hasLeftSticky || hasRightSticky;\n\n  return [...toTheLeft, ...others, ...toTheRight];\n};\n\nconst calculateHeaderWidthsToTheRight = (headers, right = 0) => {\n  if (!headers?.length) {\n    return;\n  }\n\n  for (let i = headers.length - 1; i !== -1; i -= 1) {\n    const header = headers[i];\n\n    header.totalRight = right;\n\n    const { headers: subHeaders } = header;\n    if (subHeaders?.length > 0) {\n      calculateHeaderWidthsToTheRight(subHeaders, right);\n    }\n\n    if (header.isVisible) {\n      right += header.totalWidth;\n    }\n  }\n};\n\nconst useInstanceHook = (instance) => {\n  calculateHeaderWidthsToTheRight(instance.headers);\n\n  const getInstance = useGetLatest(instance);\n  instance.getTableHeadProps = makePropGetter(\n    instance.getHooks().getTableHeadProps,\n    {\n      instance: getInstance(),\n    }\n  );\n};\n\nconst getRowProps = () => ({\n  style: {\n    display: \"flex\",\n    flex: \"1 0 auto\",\n  },\n});\n\nconst getCellProps = (header, isHeaderCell) => {\n  const props: UseHvTableStickyCellProps & { style: CSSProperties } = {\n    style: {\n      display: \"inline-flex\",\n      flex: `${header.totalWidth} ${header.totalMinWidth} auto`,\n      alignItems: isHeaderCell ? \"start\" : \"center\",\n      justifyContent: header.align,\n\n      width: `${header.totalWidth}px`,\n      minWidth: `${header.totalMinWidth}px`,\n    },\n  };\n\n  if (header.sticky != null) {\n    props.stickyColumn = true;\n\n    const margin =\n      header.sticky === \"left\" ? header.totalLeft : header.totalRight;\n\n    props.style[header.sticky] = `${margin}px`;\n\n    if (header.isLastLeftSticky) {\n      props.stickyColumnMostLeft = true;\n    }\n\n    if (header.isFirstRightSticky) {\n      props.stickyColumnLeastRight = true;\n    }\n  } else {\n    if (header.isFirstNotSticky) {\n      props.style.borderLeft = 0;\n    }\n\n    if (header.isLastNotSticky) {\n      props.style.borderRight = 0;\n    }\n  }\n\n  return props;\n};\n\n/*\n * STICKY POSITION MANAGEMENT\n *   <thead>: sticky if stickyHeader: true\n *   <tr>: never sticky\n *   <th>: sticky only if that particular column is sticky (left or right)\n */\n\n/*\n * We need to hide the last non sticky column right border, to avoid issues with double borders.\n *\n * This could be done with css, using the `:has()` selector:\n *  - \".not-sticky:has(+ .first-right-sticky)\": { border-right: 0 }\n *\n * Until the `:has()` selector is supported by modern browsers,\n * that at the moment is just a proposal https://developer.mozilla.org/en-US/docs/Web/CSS/:has,\n * we need to override the last not sticky column \"borderRight\" here.\n */\n\n// props target: <table>\nconst getTablePropsHook = (props, { instance }) => {\n  const nextProps: UseHvTableStickyTableProps = {\n    stickyHeader: instance.stickyHeader,\n    stickyColumns: instance.hasStickyColumns,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead>\nexport const getTableHeadPropsHook = (props, { instance }) => {\n  const nextProps = {\n    stickyHeader: instance.stickyHeader,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr>\nexport const getHeaderGroupPropsHook = (props, { instance }) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nconst getHeaderPropsHook = (props, { instance, column }) => {\n  const nextProps = instance.hasStickyColumns ? getCellProps(column, true) : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nconst getRowPropsHook = (props, { instance }) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props, { instance, cell }) => {\n  const nextProps: UseHvTableStickyCellProps = instance.hasStickyColumns\n    ? getCellProps(cell.column, false)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst useSticky: UseHvTableSticky = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.useInstance.push(useInstanceHook);\n\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead>\n  hooks.getTableHeadProps = [getTableHeadPropsHook];\n  // props target: <table><thead><tr>\n  hooks.getHeaderGroupProps.push(getHeaderGroupPropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr>\n  hooks.getRowProps.push(getRowPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseSticky.pluginName = \"useHvTableSticky\";\n\nexport default useSticky;\n"],"names":["isSticky","value","test","getStickyValue","sticky","parent","columns","length","find","col","undefined","updateColumnAndParent","column","props","assign","visibleColumnsHook","instance","toTheLeft","toTheRight","others","forEach","toLowerCase","push","firstNotSticky","isFirstNotSticky","lastNotSticky","isLastNotSticky","hasLeftSticky","lastLeftSticky","isLastLeftSticky","hasRightSticky","firstRightSticky","isFirstRightSticky","hasStickyColumns","calculateHeaderWidthsToTheRight","headers","right","i","header","totalRight","subHeaders","isVisible","totalWidth","useInstanceHook","getInstance","useGetLatest","getTableHeadProps","makePropGetter","getHooks","getRowProps","style","display","flex","getCellProps","isHeaderCell","totalMinWidth","alignItems","justifyContent","align","width","minWidth","stickyColumn","margin","totalLeft","stickyColumnMostLeft","stickyColumnLeastRight","borderLeft","borderRight","getTablePropsHook","nextProps","stickyHeader","stickyColumns","getTableHeadPropsHook","getHeaderGroupPropsHook","getHeaderPropsHook","getRowPropsHook","getCellPropsHook","cell","useSticky","hooks","visibleColumns","useInstance","getTableProps","getHeaderGroupProps","getHeaderProps","pluginName"],"mappings":"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"}
+{"version":3,"file":"useSticky.js","sources":["../../../../../src/components/Table/hooks/useSticky.ts"],"sourcesContent":["import {\n  makePropGetter,\n  useGetLatest,\n  Hooks,\n  PropGetter,\n  TableCommonProps,\n} from \"react-table\";\nimport { CSSProperties } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvTableStickyTableHeadProps extends TableCommonProps {\n  stickyHeader?: boolean;\n}\n\nexport type HvTableHeadPropGetter<D extends object> = PropGetter<\n  D,\n  UseHvTableStickyTableHeadProps\n>;\n\nexport type UseHvTableStickyTableOptions = {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n};\n\nexport interface UseHvTableStickyHooks<D extends object> {\n  getTableHeadProps: Array<HvTableHeadPropGetter<D>>;\n}\n\nexport interface UseHvTableStickyTableInstance<D extends object> {\n  getTableHeadProps: (\n    propGetter?: HvTableHeadPropGetter<D>\n  ) => UseHvTableStickyTableHeadProps;\n\n  totalRight?: number;\n  hasStickyColumns?: boolean;\n}\n\n// props target: <table>\nexport interface UseHvTableStickyTableProps {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n}\n\n// props target: <table><thead><tr><th>\nexport interface UseHvTableStickyColumnProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\n// props target: <table><tbody><tr><td>\nexport interface UseHvTableStickyCellProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\nexport type UseHvTableSticky = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\nconst isSticky = (value) => /left|right/i.test(value);\n\nconst getStickyValue = ({ sticky, parent }) => {\n  if (isSticky(sticky)) {\n    return sticky;\n  }\n\n  if (parent != null) {\n    // check if parent is sticky\n    sticky = getStickyValue(parent);\n    if (isSticky(sticky)) {\n      return sticky;\n    }\n\n    const { columns } = parent;\n    // check if any column in the same group is sticky\n    if (columns?.length > 0) {\n      sticky = columns?.find((col) => col.sticky != null)?.sticky;\n      if (isSticky(sticky)) {\n        return sticky;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nconst updateColumnAndParent = (column, props) => {\n  Object.assign(column, props);\n\n  if (column.parent != null) {\n    updateColumnAndParent(column.parent, props);\n  }\n};\n\nconst visibleColumnsHook = (columns, { instance }) => {\n  const toTheLeft: any[] = [];\n  const toTheRight: any[] = [];\n  const others: any[] = [];\n\n  columns.forEach((column) => {\n    const sticky = getStickyValue(column)?.toLowerCase();\n\n    updateColumnAndParent(column, { sticky });\n\n    if (sticky === \"left\") {\n      toTheLeft.push(column);\n    } else if (sticky === \"right\") {\n      toTheRight.push(column);\n    } else {\n      others.push(column);\n    }\n  });\n\n  if (others.length > 0) {\n    const [firstNotSticky] = others;\n    updateColumnAndParent(firstNotSticky, { isFirstNotSticky: true });\n\n    const lastNotSticky = others[others.length - 1];\n    updateColumnAndParent(lastNotSticky, { isLastNotSticky: true });\n  }\n\n  const hasLeftSticky = toTheLeft.length > 0;\n  if (hasLeftSticky) {\n    const lastLeftSticky = toTheLeft[toTheLeft.length - 1];\n\n    updateColumnAndParent(lastLeftSticky, { isLastLeftSticky: true });\n  }\n\n  const hasRightSticky = toTheRight.length > 0;\n  if (hasRightSticky) {\n    const [firstRightSticky] = toTheRight;\n\n    updateColumnAndParent(firstRightSticky, { isFirstRightSticky: true });\n  }\n\n  instance.hasStickyColumns = hasLeftSticky || hasRightSticky;\n\n  return [...toTheLeft, ...others, ...toTheRight];\n};\n\nconst calculateHeaderWidthsToTheRight = (headers, right = 0) => {\n  if (!headers?.length) {\n    return;\n  }\n\n  for (let i = headers.length - 1; i !== -1; i -= 1) {\n    const header = headers[i];\n\n    header.totalRight = right;\n\n    const { headers: subHeaders } = header;\n    if (subHeaders?.length > 0) {\n      calculateHeaderWidthsToTheRight(subHeaders, right);\n    }\n\n    if (header.isVisible) {\n      right += header.totalWidth;\n    }\n  }\n};\n\nconst useInstanceHook = (instance) => {\n  calculateHeaderWidthsToTheRight(instance.headers);\n\n  const getInstance = useGetLatest(instance);\n  instance.getTableHeadProps = makePropGetter(\n    instance.getHooks().getTableHeadProps,\n    {\n      instance: getInstance(),\n    }\n  );\n};\n\nconst getRowProps = () => ({\n  style: {\n    display: \"flex\",\n    flex: \"1 0 auto\",\n  },\n});\n\nconst getCellProps = (header, isHeaderCell: boolean) => {\n  const props: UseHvTableStickyCellProps & { style: CSSProperties } = {\n    style: {\n      display: \"inline-flex\",\n      flex: `${header.totalWidth} ${header.totalMinWidth} auto`,\n      alignItems: isHeaderCell ? \"start\" : \"center\",\n      justifyContent: header.align,\n\n      width: `${header.totalWidth}px`,\n      minWidth: `${header.totalMinWidth}px`,\n      ...(isHeaderCell && { backgroundColor: theme.colors.atmo2 }),\n    },\n  };\n\n  if (header.sticky != null) {\n    props.stickyColumn = true;\n\n    const margin =\n      header.sticky === \"left\" ? header.totalLeft : header.totalRight;\n\n    props.style[header.sticky] = `${margin}px`;\n\n    if (header.isLastLeftSticky) {\n      props.stickyColumnMostLeft = true;\n    }\n\n    if (header.isFirstRightSticky) {\n      props.stickyColumnLeastRight = true;\n    }\n  } else {\n    if (header.isFirstNotSticky) {\n      props.style.borderLeft = 0;\n    }\n\n    if (header.isLastNotSticky) {\n      props.style.borderRight = 0;\n    }\n  }\n\n  return props;\n};\n\n/*\n * STICKY POSITION MANAGEMENT\n *   <thead>: sticky if stickyHeader: true\n *   <tr>: never sticky\n *   <th>: sticky only if that particular column is sticky (left or right)\n */\n\n/*\n * We need to hide the last non sticky column right border, to avoid issues with double borders.\n *\n * This could be done with css, using the `:has()` selector:\n *  - \".not-sticky:has(+ .first-right-sticky)\": { border-right: 0 }\n *\n * Until the `:has()` selector is supported by modern browsers,\n * that at the moment is just a proposal https://developer.mozilla.org/en-US/docs/Web/CSS/:has,\n * we need to override the last not sticky column \"borderRight\" here.\n */\n\n// props target: <table>\nconst getTablePropsHook = (props, { instance }) => {\n  const nextProps: UseHvTableStickyTableProps = {\n    stickyHeader: instance.stickyHeader,\n    stickyColumns: instance.hasStickyColumns,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead>\nexport const getTableHeadPropsHook = (props, { instance }) => {\n  const nextProps = {\n    stickyHeader: instance.stickyHeader,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr>\nexport const getHeaderGroupPropsHook = (props, { instance }) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nconst getHeaderPropsHook = (props, { instance, column }) => {\n  const nextProps = instance.hasStickyColumns ? getCellProps(column, true) : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nconst getRowPropsHook = (props, { instance }) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nconst getCellPropsHook = (props, { instance, cell }) => {\n  const nextProps: UseHvTableStickyCellProps = instance.hasStickyColumns\n    ? getCellProps(cell.column, false)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst useSticky: UseHvTableSticky = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.useInstance.push(useInstanceHook);\n\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead>\n  hooks.getTableHeadProps = [getTableHeadPropsHook];\n  // props target: <table><thead><tr>\n  hooks.getHeaderGroupProps.push(getHeaderGroupPropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr>\n  hooks.getRowProps.push(getRowPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseSticky.pluginName = \"useHvTableSticky\";\n\nexport default useSticky;\n"],"names":["isSticky","value","test","getStickyValue","sticky","parent","columns","length","find","col","undefined","updateColumnAndParent","column","props","assign","visibleColumnsHook","instance","toTheLeft","toTheRight","others","forEach","toLowerCase","push","firstNotSticky","isFirstNotSticky","lastNotSticky","isLastNotSticky","hasLeftSticky","lastLeftSticky","isLastLeftSticky","hasRightSticky","firstRightSticky","isFirstRightSticky","hasStickyColumns","calculateHeaderWidthsToTheRight","headers","right","i","header","totalRight","subHeaders","isVisible","totalWidth","useInstanceHook","getInstance","useGetLatest","getTableHeadProps","makePropGetter","getHooks","getRowProps","style","display","flex","getCellProps","isHeaderCell","totalMinWidth","alignItems","justifyContent","align","width","minWidth","backgroundColor","theme","colors","atmo2","stickyColumn","margin","totalLeft","stickyColumnMostLeft","stickyColumnLeastRight","borderLeft","borderRight","getTablePropsHook","nextProps","stickyHeader","stickyColumns","getTableHeadPropsHook","getHeaderGroupPropsHook","getHeaderPropsHook","getRowPropsHook","getCellPropsHook","cell","useSticky","hooks","visibleColumns","useInstance","getTableProps","getHeaderGroupProps","getHeaderProps","pluginName"],"mappings":"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"}

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js

@@ -1,4 +1,5 @@
-import { StyledRoot, StyledContainer, StyledLinearProgress } from "./ProgressColumnCell.styles.js";
+import MuiLinearProgress from "@mui/material/LinearProgress";
+import { useClasses } from "./ProgressColumnCell.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 const normalizeProgressBar = (value, max) => {
   return max > 0 ? Math.floor(value * 100 / max) : 0;
@@ -8,10 +9,22 @@ const HvProgressColumnCell = ({
   total,
   color = "primary"
 }) => {
+  const {
+    classes
+  } = useClasses();
   const percentage = normalizeProgressBar(partial, total);
-  return /* @__PURE__ */ jsx(StyledRoot, {
-    children: /* @__PURE__ */ jsx(StyledContainer, {
-      children: /* @__PURE__ */ jsx(StyledLinearProgress, {
+  return /* @__PURE__ */ jsx("div", {
+    className: classes.root,
+    children: /* @__PURE__ */ jsx("div", {
+      className: classes.linearProgressContainer,
+      children: /* @__PURE__ */ jsx(MuiLinearProgress, {
+        className: classes.linearProgress,
+        classes: {
+          root: classes.linearProgressRoot,
+          colorPrimary: classes.linearProgressColorPrimary,
+          barColorPrimary: classes.linearProgressBarColorPrimary,
+          barColorSecondary: classes.linearProgressBarColorSecondary
+        },
         color,
         variant: "determinate",
         value: percentage

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressColumnCell.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.tsx"],"sourcesContent":["import {\n  StyledRoot,\n  StyledContainer,\n  StyledLinearProgress,\n} from \"./ProgressColumnCell.styles\";\n\nexport interface HvProgressColumnCellProp {\n  /** Current value of the bar. */\n  partial: number;\n  /** Maximum value of the bar. */\n  total: number;\n  /** The color of the bar. */\n  color?: \"primary\" | \"secondary\";\n}\n\nexport const normalizeProgressBar = (value: number, max: number) => {\n  return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nexport const HvProgressColumnCell = ({\n  partial,\n  total,\n  color = \"primary\",\n}: HvProgressColumnCellProp): JSX.Element => {\n  const percentage = normalizeProgressBar(partial, total);\n\n  return (\n    <StyledRoot>\n      <StyledContainer>\n        <StyledLinearProgress\n          color={color}\n          variant=\"determinate\"\n          value={percentage}\n        />\n      </StyledContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["normalizeProgressBar","value","max","Math","floor","HvProgressColumnCell","partial","total","color","percentage","StyledRoot","children","StyledContainer","StyledLinearProgress","variant"],"mappings":";;AAeaA,MAAAA,uBAAuBA,CAACC,OAAeC,QAAgB;AAClE,SAAOA,MAAM,IAAIC,KAAKC,MAAOH,QAAQ,MAAOC,GAAG,IAAI;AACrD;AAEO,MAAMG,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AACgB,MAAmB;AACrCC,QAAAA,aAAaT,qBAAqBM,SAASC,KAAK;AAEtD,6BACGG,YAAU;AAAA,IAAAC,8BACRC,iBAAe;AAAA,MAAAD,8BACbE,sBAAoB;AAAA,QACnBL;AAAAA,QACAM,SAAQ;AAAA,QACRb,OAAOQ;AAAAA,MAAAA,CACR;AAAA,IAAA,CACc;AAAA,EAAA,CACP;AAEhB;"}
+{"version":3,"file":"ProgressColumnCell.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.tsx"],"sourcesContent":["import MuiLinearProgress from \"@mui/material/LinearProgress\";\n\nimport { useClasses } from \"./ProgressColumnCell.styles\";\n\nexport interface HvProgressColumnCellProp {\n  /** Current value of the bar. */\n  partial: number;\n  /** Maximum value of the bar. */\n  total: number;\n  /** The color of the bar. */\n  color?: \"primary\" | \"secondary\";\n}\n\nexport const normalizeProgressBar = (value: number, max: number) => {\n  return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nexport const HvProgressColumnCell = ({\n  partial,\n  total,\n  color = \"primary\",\n}: HvProgressColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  const percentage = normalizeProgressBar(partial, total);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.linearProgressContainer}>\n        <MuiLinearProgress\n          className={classes.linearProgress}\n          classes={{\n            root: classes.linearProgressRoot,\n            colorPrimary: classes.linearProgressColorPrimary,\n            barColorPrimary: classes.linearProgressBarColorPrimary,\n            barColorSecondary: classes.linearProgressBarColorSecondary,\n          }}\n          color={color}\n          variant=\"determinate\"\n          value={percentage}\n        />\n      </div>\n    </div>\n  );\n};\n"],"names":["normalizeProgressBar","value","max","Math","floor","HvProgressColumnCell","partial","total","color","classes","useClasses","percentage","className","root","children","linearProgressContainer","MuiLinearProgress","linearProgress","linearProgressRoot","colorPrimary","linearProgressColorPrimary","barColorPrimary","linearProgressBarColorPrimary","barColorSecondary","linearProgressBarColorSecondary","variant"],"mappings":";;;AAaaA,MAAAA,uBAAuBA,CAACC,OAAeC,QAAgB;AAClE,SAAOA,MAAM,IAAIC,KAAKC,MAAOH,QAAQ,MAAOC,GAAG,IAAI;AACrD;AAEO,MAAMG,uBAAuBA,CAAC;AAAA,EACnCC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AACgB,MAAmB;AACrC,QAAA;AAAA,IAAEC;AAAAA,MAAYC,WAAW;AAEzBC,QAAAA,aAAaX,qBAAqBM,SAASC,KAAK;AAEtD,6BACE,OAAA;AAAA,IAAKK,WAAWH,QAAQI;AAAAA,IAAKC,8BAC3B,OAAA;AAAA,MAAKF,WAAWH,QAAQM;AAAAA,MAAwBD,8BAC7CE,mBAAiB;AAAA,QAChBJ,WAAWH,QAAQQ;AAAAA,QACnBR,SAAS;AAAA,UACPI,MAAMJ,QAAQS;AAAAA,UACdC,cAAcV,QAAQW;AAAAA,UACtBC,iBAAiBZ,QAAQa;AAAAA,UACzBC,mBAAmBd,QAAQe;AAAAA,QAC7B;AAAA,QACAhB;AAAAA,QACAiB,SAAQ;AAAA,QACRxB,OAAOU;AAAAA,MAAAA,CACR;AAAA,IAAA,CACE;AAAA,EAAA,CACF;AAET;"}

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js

@@ -1,60 +1,35 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { LinearProgress, linearProgressClasses } from "@mui/material";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledRoot = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "enjmb8a2"
-} : {
-  target: "enjmb8a2",
-  label: "StyledRoot"
-})(process.env.NODE_ENV === "production" ? {
-  name: "7whenc",
-  styles: "display:flex;width:100%"
-} : {
-  name: "7whenc",
-  styles: "display:flex;width:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMEIiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledContainer = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
-  target: "enjmb8a1"
-} : {
-  target: "enjmb8a1",
-  label: "StyledContainer"
-})(process.env.NODE_ENV === "production" ? {
-  name: "14ztfvn",
-  styles: "width:100%;margin:auto"
-} : {
-  name: "14ztfvn",
-  styles: "width:100%;margin:auto",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvaHYtdWlraXQtcmVhY3QvaHYtdWlraXQtcmVhY3QvcGFja2FnZXMvY29yZS9zcmMvY29tcG9uZW50cy9UYWJsZS9yZW5kZXJlcnMvUHJvZ3Jlc3NDb2x1bW5DZWxsL1Byb2dyZXNzQ29sdW1uQ2VsbC5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gXCJAaGl0YWNoaXZhbnRhcmEvdWlraXQtc3R5bGVzXCI7XG5pbXBvcnQge1xuICBMaW5lYXJQcm9ncmVzcyBhcyBNdWlMaW5lYXJQcm9ncmVzcyxcbiAgbGluZWFyUHJvZ3Jlc3NDbGFzc2VzIGFzIE11aUxpbmVhclByb2dyZXNzQ2xhc3Nlcyxcbn0gZnJvbSBcIkBtdWkvbWF0ZXJpYWxcIjtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZFJvb3QgPSBzdHlsZWQoXCJkaXZcIikoe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgd2lkdGg6IFwiMTAwJVwiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICB3aWR0aDogXCIxMDAlXCIsXG4gIG1hcmdpbjogXCJhdXRvXCIsXG59KTtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZExpbmVhclByb2dyZXNzID0gc3R5bGVkKE11aUxpbmVhclByb2dyZXNzKSh7XG4gIGhlaWdodDogOCxcblxuICBbYCYuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMucm9vdH1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuY29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuYXRtbzQsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclByaW1hcnl9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5wb3NpdGl2ZSxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmJhckNvbG9yU2Vjb25kYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5LFxuICB9LFxufSk7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledLinearProgress = /* @__PURE__ */ _styled(LinearProgress, process.env.NODE_ENV === "production" ? {
-  target: "enjmb8a0"
-} : {
-  target: "enjmb8a0",
-  label: "StyledLinearProgress"
-})({
-  height: 8,
-  [`&.${linearProgressClasses.root}`]: {
+import { createClasses } from "../../../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvTable-ProgressColumnCell", {
+  root: {
+    display: "flex",
+    width: "100%"
+  },
+  linearProgressContainer: {
+    width: "100%",
+    margin: "auto"
+  },
+  linearProgress: {
+    height: 8
+  },
+  linearProgressRoot: {
     backgroundColor: theme.colors.atmo4
   },
-  [`& .${linearProgressClasses.colorPrimary}`]: {
+  linearProgressColorPrimary: {
     backgroundColor: theme.colors.atmo4
   },
-  [`& .${linearProgressClasses.barColorPrimary}`]: {
+  linearProgressBarColorPrimary: {
     backgroundColor: theme.colors.positive
   },
-  [`& .${linearProgressClasses.barColorSecondary}`]: {
+  linearProgressBarColorSecondary: {
     backgroundColor: theme.colors.secondary
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQm9DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1Byb2dyZXNzQ29sdW1uQ2VsbC9Qcm9ncmVzc0NvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tIFwiQGhpdGFjaGl2YW50YXJhL3Vpa2l0LXN0eWxlc1wiO1xuaW1wb3J0IHtcbiAgTGluZWFyUHJvZ3Jlc3MgYXMgTXVpTGluZWFyUHJvZ3Jlc3MsXG4gIGxpbmVhclByb2dyZXNzQ2xhc3NlcyBhcyBNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMsXG59IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRSb290ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdpZHRoOiBcIjEwMCVcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgd2lkdGg6IFwiMTAwJVwiLFxuICBtYXJnaW46IFwiYXV0b1wiLFxufSk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRMaW5lYXJQcm9ncmVzcyA9IHN0eWxlZChNdWlMaW5lYXJQcm9ncmVzcykoe1xuICBoZWlnaHQ6IDgsXG5cbiAgW2AmLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLnJvb3R9YF06IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9ycy5hdG1vNCxcbiAgfSxcblxuICBbYCYgLiR7TXVpTGluZWFyUHJvZ3Jlc3NDbGFzc2VzLmNvbG9yUHJpbWFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLmF0bW80LFxuICB9LFxuXG4gIFtgJiAuJHtNdWlMaW5lYXJQcm9ncmVzc0NsYXNzZXMuYmFyQ29sb3JQcmltYXJ5fWBdOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvcnMucG9zaXRpdmUsXG4gIH0sXG5cbiAgW2AmIC4ke011aUxpbmVhclByb2dyZXNzQ2xhc3Nlcy5iYXJDb2xvclNlY29uZGFyeX1gXToge1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgfSxcbn0pO1xuIl19 */");
+});
 export {
-  StyledContainer,
-  StyledLinearProgress,
-  StyledRoot
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=ProgressColumnCell.styles.js.map

package/dist/esm/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport {\n  LinearProgress as MuiLinearProgress,\n  linearProgressClasses as MuiLinearProgressClasses,\n} from \"@mui/material\";\n\nexport const StyledRoot = styled(\"div\")({\n  display: \"flex\",\n  width: \"100%\",\n});\n\nexport const StyledContainer = styled(\"div\")({\n  width: \"100%\",\n  margin: \"auto\",\n});\n\nexport const StyledLinearProgress = styled(MuiLinearProgress)({\n  height: 8,\n\n  [`&.${MuiLinearProgressClasses.root}`]: {\n    backgroundColor: theme.colors.atmo4,\n  },\n\n  [`& .${MuiLinearProgressClasses.colorPrimary}`]: {\n    backgroundColor: theme.colors.atmo4,\n  },\n\n  [`& .${MuiLinearProgressClasses.barColorPrimary}`]: {\n    backgroundColor: theme.colors.positive,\n  },\n\n  [`& .${MuiLinearProgressClasses.barColorSecondary}`]: {\n    backgroundColor: theme.colors.secondary,\n  },\n});\n"],"names":["StyledRoot","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledContainer","StyledLinearProgress","MuiLinearProgress","height","MuiLinearProgressClasses","root","backgroundColor","theme","colors","atmo4","colorPrimary","barColorPrimary","positive","barColorSecondary","secondary"],"mappings":";;;;;;AAOO,MAAMA,aAAoB,wBAAA,OAAKC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAGtC;AAEM,MAAMC,kBAAyB,wBAAA,OAAKV,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAG3C;AAEM,MAAME,uBAA8BC,wBAAAA,gBAAiBZ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAAE;AAAA,EAC5DS,QAAQ;AAAA,EAER,CAAE,KAAIC,sBAAyBC,MAAM,GAAG;AAAA,IACtCC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBM,cAAc,GAAG;AAAA,IAC/CJ,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKL,sBAAyBO,iBAAiB,GAAG;AAAA,IAClDL,iBAAiBC,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EAEA,CAAE,MAAKR,sBAAyBS,mBAAmB,GAAG;AAAA,IACpDP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AACF,GAACxB,QAAAC,IAAAC,aAAC,eAAA,KAAA,6wDAAA;"}
+{"version":3,"file":"ProgressColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/ProgressColumnCell/ProgressColumnCell.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-ProgressColumnCell\",\n  {\n    root: { display: \"flex\", width: \"100%\" },\n    linearProgressContainer: { width: \"100%\", margin: \"auto\" },\n    linearProgress: {\n      height: 8,\n    },\n    linearProgressRoot: { backgroundColor: theme.colors.atmo4 },\n    linearProgressColorPrimary: {\n      backgroundColor: theme.colors.atmo4,\n    },\n    linearProgressBarColorPrimary: {\n      backgroundColor: theme.colors.positive,\n    },\n    linearProgressBarColorSecondary: {\n      backgroundColor: theme.colors.secondary,\n    },\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","width","linearProgressContainer","margin","linearProgress","height","linearProgressRoot","backgroundColor","theme","colors","atmo4","linearProgressColorPrimary","linearProgressBarColorPrimary","positive","linearProgressBarColorSecondary","secondary"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,8BACA;AAAA,EACEC,MAAM;AAAA,IAAEC,SAAS;AAAA,IAAQC,OAAO;AAAA,EAAO;AAAA,EACvCC,yBAAyB;AAAA,IAAED,OAAO;AAAA,IAAQE,QAAQ;AAAA,EAAO;AAAA,EACzDC,gBAAgB;AAAA,IACdC,QAAQ;AAAA,EACV;AAAA,EACAC,oBAAoB;AAAA,IAAEC,iBAAiBC,MAAMC,OAAOC;AAAAA,EAAM;AAAA,EAC1DC,4BAA4B;AAAA,IAC1BJ,iBAAiBC,MAAMC,OAAOC;AAAAA,EAChC;AAAA,EACAE,+BAA+B;AAAA,IAC7BL,iBAAiBC,MAAMC,OAAOI;AAAAA,EAChC;AAAA,EACAC,iCAAiC;AAAA,IAC/BP,iBAAiBC,MAAMC,OAAOM;AAAAA,EAChC;AACF,CACF;"}

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js

@@ -1,5 +1,6 @@
-import { StyledNo, StyledYes } from "./SwitchColumnCell.styles.js";
+import { useClasses } from "./SwitchColumnCell.styles.js";
 import { jsxs, Fragment, jsx } from "@emotion/react/jsx-runtime";
+import { HvTypography } from "../../../Typography/Typography.js";
 import { HvBaseSwitch } from "../../../BaseSwitch/BaseSwitch.js";
 const HvSwitchColumnCell = ({
   checked,
@@ -9,19 +10,24 @@ const HvSwitchColumnCell = ({
   trueLabel,
   switchProps
 }) => {
+  const {
+    classes
+  } = useClasses();
   return /* @__PURE__ */ jsxs(Fragment, {
-    children: [falseLabel != null && /* @__PURE__ */ jsx(StyledNo, {
+    children: [falseLabel != null && /* @__PURE__ */ jsx(HvTypography, {
       "aria-hidden": "true",
       variant: "body",
+      className: classes.switchNo,
       children: falseLabel
     }), /* @__PURE__ */ jsx(HvBaseSwitch, {
       "aria-label": switchLabel,
       checked,
       value,
       ...switchProps
-    }), trueLabel != null && /* @__PURE__ */ jsx(StyledYes, {
+    }), trueLabel != null && /* @__PURE__ */ jsx(HvTypography, {
       "aria-hidden": "true",
       variant: "body",
+      className: classes.switchYes,
       children: trueLabel
     })]
   });

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\n\nimport { StyledYes, StyledNo } from \"./SwitchColumnCell.styles\";\n\nexport interface HvSwitchColumnCellProp {\n  /** Whether the switch is checked or not. */\n  checked: boolean;\n  /** The switch label. */\n  value: number | string | undefined;\n  /** The value of the switch. */\n  switchLabel: string;\n  /** The right switch label. */\n  falseLabel?: string;\n  /** The left switch label. */\n  trueLabel?: string;\n  /** Extra props to be passed to the switch. */\n  switchProps?: HvBaseSwitchProps;\n}\n\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\n  return (\n    <>\n      {falseLabel != null && (\n        <StyledNo aria-hidden=\"true\" variant=\"body\">\n          {falseLabel}\n        </StyledNo>\n      )}\n      <HvBaseSwitch\n        aria-label={switchLabel}\n        checked={checked}\n        value={value}\n        {...switchProps}\n      />\n      {trueLabel != null && (\n        <StyledYes aria-hidden=\"true\" variant=\"body\">\n          {trueLabel}\n        </StyledYes>\n      )}\n    </>\n  );\n};\n"],"names":["HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","_Fragment","children","StyledNo","variant","_jsx","HvBaseSwitch","StyledYes"],"mappings":";;;AAmBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACsB,MAAmB;AACzC,8BACEC,UAAA;AAAA,IAAAC,WACGJ,cAAc,4BACZK,UAAQ;AAAA,MAAC,eAAY;AAAA,MAAOC,SAAQ;AAAA,MAAMF,UACxCJ;AAAAA,IAAAA,CACO,GAEZO,oBAACC,cAAY;AAAA,MACX,cAAYT;AAAAA,MACZF;AAAAA,MACAC;AAAAA,MAAa,GACTI;AAAAA,IACL,CAAA,GACAD,aAAa,4BACXQ,WAAS;AAAA,MAAC,eAAY;AAAA,MAAOH,SAAQ;AAAA,MAAMF,UACzCH;AAAAA,IAAAA,CACQ,CACZ;AAAA,EAAA,CACD;AAEN;"}
+{"version":3,"file":"SwitchColumnCell.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.tsx"],"sourcesContent":["import { HvBaseSwitch, HvBaseSwitchProps } from \"@core/components/BaseSwitch\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { useClasses } from \"./SwitchColumnCell.styles\";\n\nexport interface HvSwitchColumnCellProp {\n  /** Whether the switch is checked or not. */\n  checked: boolean;\n  /** The switch label. */\n  value: number | string | undefined;\n  /** The value of the switch. */\n  switchLabel: string;\n  /** The right switch label. */\n  falseLabel?: string;\n  /** The left switch label. */\n  trueLabel?: string;\n  /** Extra props to be passed to the switch. */\n  switchProps?: HvBaseSwitchProps;\n}\n\nexport const HvSwitchColumnCell = ({\n  checked,\n  value,\n  switchLabel,\n  falseLabel,\n  trueLabel,\n  switchProps,\n}: HvSwitchColumnCellProp): JSX.Element => {\n  const { classes } = useClasses();\n\n  return (\n    <>\n      {falseLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchNo}\n        >\n          {falseLabel}\n        </HvTypography>\n      )}\n      <HvBaseSwitch\n        aria-label={switchLabel}\n        checked={checked}\n        value={value}\n        {...switchProps}\n      />\n      {trueLabel != null && (\n        <HvTypography\n          aria-hidden=\"true\"\n          variant=\"body\"\n          className={classes.switchYes}\n        >\n          {trueLabel}\n        </HvTypography>\n      )}\n    </>\n  );\n};\n"],"names":["HvSwitchColumnCell","checked","value","switchLabel","falseLabel","trueLabel","switchProps","classes","useClasses","_Fragment","children","HvTypography","variant","className","switchNo","_jsx","HvBaseSwitch","switchYes"],"mappings":";;;;AAoBO,MAAMA,qBAAqBA,CAAC;AAAA,EACjCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AACsB,MAAmB;AACnC,QAAA;AAAA,IAAEC;AAAAA,MAAYC,WAAW;AAE/B,8BACEC,UAAA;AAAA,IAAAC,WACGN,cAAc,4BACZO,cAAY;AAAA,MACX,eAAY;AAAA,MACZC,SAAQ;AAAA,MACRC,WAAWN,QAAQO;AAAAA,MAASJ,UAE3BN;AAAAA,IAAAA,CACW,GAEhBW,oBAACC,cAAY;AAAA,MACX,cAAYb;AAAAA,MACZF;AAAAA,MACAC;AAAAA,MAAa,GACTI;AAAAA,IACL,CAAA,GACAD,aAAa,4BACXM,cAAY;AAAA,MACX,eAAY;AAAA,MACZC,SAAQ;AAAA,MACRC,WAAWN,QAAQU;AAAAA,MAAUP,UAE5BL;AAAAA,IAAAA,CACW,CACf;AAAA,EAAA,CACD;AAEN;"}

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js

@@ -1,38 +1,22 @@
-import _styled from "@emotion/styled/base";
-import { HvTypography } from "../../../Typography/Typography.js";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() {
-  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
-}
-const StyledYes = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e127t7yz1"
-} : {
-  target: "e127t7yz1",
-  label: "StyledYes"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1i028ma",
-  styles: "cursor:pointer;display:inline-flex;margin-left:10px"
-} : {
-  name: "1i028ma",
-  styles: "cursor:pointer;display:inline-flex;margin-left:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1N3aXRjaENvbHVtbkNlbGwvU3dpdGNoQ29sdW1uQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9Td2l0Y2hDb2x1bW5DZWxsL1N3aXRjaENvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRZZXMgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5MZWZ0OiBcIjEwcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTm8gPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5SaWdodDogXCIxMHB4XCIsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-const StyledNo = /* @__PURE__ */ _styled(HvTypography, process.env.NODE_ENV === "production" ? {
-  target: "e127t7yz0"
-} : {
-  target: "e127t7yz0",
-  label: "StyledNo"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1721szf",
-  styles: "cursor:pointer;display:inline-flex;margin-right:10px"
-} : {
-  name: "1721szf",
-  styles: "cursor:pointer;display:inline-flex;margin-right:10px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFibGUvcmVuZGVyZXJzL1N3aXRjaENvbHVtbkNlbGwvU3dpdGNoQ29sdW1uQ2VsbC5zdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QiIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay9odi11aWtpdC1yZWFjdC9odi11aWtpdC1yZWFjdC9wYWNrYWdlcy9jb3JlL3NyYy9jb21wb25lbnRzL1RhYmxlL3JlbmRlcmVycy9Td2l0Y2hDb2x1bW5DZWxsL1N3aXRjaENvbHVtbkNlbGwuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG5pbXBvcnQgeyBIdlR5cG9ncmFwaHkgfSBmcm9tIFwiQGNvcmUvY29tcG9uZW50cy9UeXBvZ3JhcGh5XCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRZZXMgPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5MZWZ0OiBcIjEwcHhcIixcbn0pO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkTm8gPSBzdHlsZWQoSHZUeXBvZ3JhcGh5KSh7XG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIGRpc3BsYXk6IFwiaW5saW5lLWZsZXhcIixcblxuICBtYXJnaW5SaWdodDogXCIxMHB4XCIsXG59KTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+import { createClasses } from "../../../../utils/classes.js";
+const switchStyle = {
+  cursor: "pointer",
+  display: "inline-flex",
+  marginLeft: "10px"
+};
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvTable-SwitchColumnCell", {
+  switchNo: {
+    ...switchStyle
+  },
+  switchYes: {
+    ...switchStyle
+  }
 });
 export {
-  StyledNo,
-  StyledYes
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=SwitchColumnCell.styles.js.map

package/dist/esm/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { HvTypography } from \"@core/components/Typography\";\n\nexport const StyledYes = styled(HvTypography)({\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n\n  marginLeft: \"10px\",\n});\n\nexport const StyledNo = styled(HvTypography)({\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n\n  marginRight: \"10px\",\n});\n"],"names":["StyledYes","HvTypography","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledNo"],"mappings":";;;;;AAIO,MAAMA,YAAmBC,wBAAAA,cAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAK5C;AAEM,MAAMC,WAAkBX,wBAAAA,cAAYC,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAA,QAAA;AAAA,EAAAC,OAAA;AAAA,CAAA,EAACJ,QAAAC,IAAAC,aAAA,eAAA;AAAA,EAAAG,MAAA;AAAA,EAAAC,QAAA;AAAA,IAAA;AAAA,EAAAD,MAAA;AAAA,EAAAC,QAAA;AAAA,EAAAC,KAAA;AAAA,EAAAC,UAAAC;AAAA,CAK3C;"}
+{"version":3,"file":"SwitchColumnCell.styles.js","sources":["../../../../../../src/components/Table/renderers/SwitchColumnCell/SwitchColumnCell.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nconst switchStyle = {\n  cursor: \"pointer\",\n  display: \"inline-flex\",\n  marginLeft: \"10px\",\n};\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvTable-SwitchColumnCell\",\n  {\n    switchNo: {\n      ...switchStyle,\n    },\n    switchYes: {\n      ...switchStyle,\n    },\n  }\n);\n"],"names":["switchStyle","cursor","display","marginLeft","staticClasses","useClasses","createClasses","switchNo","switchYes"],"mappings":";AAEA,MAAMA,cAAc;AAAA,EAClBC,QAAQ;AAAA,EACRC,SAAS;AAAA,EACTC,YAAY;AACd;AAEa,MAAA;AAAA,EAAEC;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,4BACA;AAAA,EACEC,UAAU;AAAA,IACR,GAAGP;AAAAA,EACL;AAAA,EACAQ,WAAW;AAAA,IACT,GAAGR;AAAAA,EACL;AACF,CACF;"}

package/dist/esm/components/Table/utils/utils.js

@@ -1,46 +1,19 @@
 import { theme } from "@hitachivantara/uikit-styles";
-const getBorderStyles = (type, color, borderRadius) => {
-  const rowBorderRadius = borderRadius || theme.table.rowBorderRadius;
-  if (type === "row") {
-    return {
-      "& td:first-of-type": {
-        borderLeft: `1px solid ${color}`,
-        borderTop: `1px solid ${color}`,
-        borderBottom: `1px solid ${color}`,
-        borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`
-      },
-      "& td:last-child": {
-        borderRight: `1px solid ${color}`,
-        borderTop: `1px solid ${color}`,
-        borderBottom: `1px solid ${color}`,
-        borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`
-      },
-      "& td:not(:first-of-type):not(:last-child)": {
-        borderTop: `1px solid ${color}`,
-        borderBottom: `1px solid ${color}`
-      }
-    };
-  }
-  if (type === "cell") {
-    return {
-      ":first-of-type&": {
-        borderLeft: `1px solid ${theme.table.rowBorderColor}`,
-        borderTop: `1px solid ${theme.table.rowBorderColor}`,
-        borderBottom: `1px solid ${theme.table.rowBorderColor}`,
-        borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`
-      },
-      ":last-child&": {
-        borderRight: `1px solid ${theme.table.rowBorderColor}`,
-        borderTop: `1px solid ${theme.table.rowBorderColor}`,
-        borderBottom: `1px solid ${theme.table.rowBorderColor}`,
-        borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`
-      },
-      ":not(:first-of-type):not(:last-child)&": {
-        borderTop: `1px solid ${theme.table.rowBorderColor}`,
-        borderBottom: `1px solid ${theme.table.rowBorderColor}`
-      }
-    };
-  }
+const getBorderStyles = (type, color = theme.table.rowBorderColor, rowBorderRadius = theme.table.rowBorderRadius) => {
+  return {
+    "& td": {
+      borderTop: `1px solid ${color}`,
+      borderBottom: `1px solid ${color}`
+    },
+    "& td:first-of-type": {
+      borderLeft: `1px solid ${color}`,
+      borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`
+    },
+    "& td:last-of-type": {
+      borderRight: `1px solid ${color}`,
+      borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`
+    }
+  };
 };
 export {
   getBorderStyles

package/dist/esm/components/Table/utils/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const getBorderStyles = (\n  type: string,\n  color: string,\n  borderRadius?: string\n) => {\n  const rowBorderRadius = borderRadius || theme.table.rowBorderRadius;\n  if (type === \"row\") {\n    return {\n      \"& td:first-of-type\": {\n        borderLeft: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n      },\n      \"& td:last-child\": {\n        borderRight: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n      },\n      \"& td:not(:first-of-type):not(:last-child)\": {\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n      },\n    };\n  }\n  if (type === \"cell\") {\n    return {\n      \":first-of-type&\": {\n        borderLeft: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n      },\n      \":last-child&\": {\n        borderRight: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n      },\n      \":not(:first-of-type):not(:last-child)&\": {\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n      },\n    };\n  }\n};\n"],"names":["getBorderStyles","type","color","borderRadius","rowBorderRadius","theme","table","borderLeft","borderTop","borderBottom","borderRight","rowBorderColor"],"mappings":";AAEO,MAAMA,kBAAkBA,CAC7BC,MACAC,OACAC,iBACG;AACGC,QAAAA,kBAAkBD,gBAAgBE,MAAMC,MAAMF;AACpD,MAAIH,SAAS,OAAO;AACX,WAAA;AAAA,MACL,sBAAsB;AAAA,QACpBM,YAAa,aAAYL;AAAAA,QACzBM,WAAY,aAAYN;AAAAA,QACxBO,cAAe,aAAYP;AAAAA,QAC3BC,cAAe,GAAEC,uBAAuBA;AAAAA,MAC1C;AAAA,MACA,mBAAmB;AAAA,QACjBM,aAAc,aAAYR;AAAAA,QAC1BM,WAAY,aAAYN;AAAAA,QACxBO,cAAe,aAAYP;AAAAA,QAC3BC,cAAe,KAAIC,mBAAmBA;AAAAA,MACxC;AAAA,MACA,6CAA6C;AAAA,QAC3CI,WAAY,aAAYN;AAAAA,QACxBO,cAAe,aAAYP;AAAAA,MAC7B;AAAA,IAAA;AAAA,EAEJ;AACA,MAAID,SAAS,QAAQ;AACZ,WAAA;AAAA,MACL,mBAAmB;AAAA,QACjBM,YAAa,aAAYF,MAAMC,MAAMK;AAAAA,QACrCH,WAAY,aAAYH,MAAMC,MAAMK;AAAAA,QACpCF,cAAe,aAAYJ,MAAMC,MAAMK;AAAAA,QACvCR,cAAe,GAAEC,uBAAuBA;AAAAA,MAC1C;AAAA,MACA,gBAAgB;AAAA,QACdM,aAAc,aAAYL,MAAMC,MAAMK;AAAAA,QACtCH,WAAY,aAAYH,MAAMC,MAAMK;AAAAA,QACpCF,cAAe,aAAYJ,MAAMC,MAAMK;AAAAA,QACvCR,cAAe,KAAIC,mBAAmBA;AAAAA,MACxC;AAAA,MACA,0CAA0C;AAAA,QACxCI,WAAY,aAAYH,MAAMC,MAAMK;AAAAA,QACpCF,cAAe,aAAYJ,MAAMC,MAAMK;AAAAA,MACzC;AAAA,IAAA;AAAA,EAEJ;AACF;"}
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const getBorderStyles = (\n  type: \"row\",\n  color = theme.table.rowBorderColor,\n  rowBorderRadius = theme.table.rowBorderRadius\n) => {\n  return {\n    \"& td\": {\n      borderTop: `1px solid ${color}`,\n      borderBottom: `1px solid ${color}`,\n    },\n    \"& td:first-of-type\": {\n      borderLeft: `1px solid ${color}`,\n      borderRadius: `${rowBorderRadius} 0 0 ${rowBorderRadius}`,\n    },\n    \"& td:last-of-type\": {\n      borderRight: `1px solid ${color}`,\n      borderRadius: `0 ${rowBorderRadius} ${rowBorderRadius} 0`,\n    },\n  };\n};\n"],"names":["getBorderStyles","type","color","theme","table","rowBorderColor","rowBorderRadius","borderTop","borderBottom","borderLeft","borderRadius","borderRight"],"mappings":";AAEaA,MAAAA,kBAAkBA,CAC7BC,MACAC,QAAQC,MAAMC,MAAMC,gBACpBC,kBAAkBH,MAAMC,MAAME,oBAC3B;AACI,SAAA;AAAA,IACL,QAAQ;AAAA,MACNC,WAAY,aAAYL;AAAAA,MACxBM,cAAe,aAAYN;AAAAA,IAC7B;AAAA,IACA,sBAAsB;AAAA,MACpBO,YAAa,aAAYP;AAAAA,MACzBQ,cAAe,GAAEJ,uBAAuBA;AAAAA,IAC1C;AAAA,IACA,qBAAqB;AAAA,MACnBK,aAAc,aAAYT;AAAAA,MAC1BQ,cAAe,KAAIJ,mBAAmBA;AAAAA,IACxC;AAAA,EAAA;AAEJ;"}

package/dist/esm/components/Tabs/Tabs.js

@@ -1,19 +1,22 @@
+import { Tabs } from "@mui/material";
 import { useDefaultProps } from "../../hooks/useDefaultProps.js";
-import { clsx } from "clsx";
-import { StyledTabs } from "./Tabs.styles.js";
-import tabsClasses from "./tabsClasses.js";
+import { useClasses } from "./Tabs.styles.js";
+import { staticClasses } from "./Tabs.styles.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 const HvTabs = (props) => {
   const {
-    classes,
+    classes: classesProp,
     ...others
   } = useDefaultProps("HvTabs", props);
-  return /* @__PURE__ */ jsx(StyledTabs, {
+  const {
+    classes
+  } = useClasses(classesProp);
+  return /* @__PURE__ */ jsx(Tabs, {
     classes: {
-      root: clsx(tabsClasses.root, classes == null ? void 0 : classes.root),
-      flexContainer: clsx(tabsClasses.flexContainer, classes == null ? void 0 : classes.flexContainer),
-      indicator: clsx(tabsClasses.indicator, classes == null ? void 0 : classes.indicator),
-      scroller: clsx(tabsClasses.scroller, classes == null ? void 0 : classes.scroller)
+      root: classes.root,
+      flexContainer: classes.flexContainer,
+      indicator: classes.indicator,
+      scroller: classes.scroller
     },
     TabIndicatorProps: {
       children: /* @__PURE__ */ jsx("div", {})
@@ -22,6 +25,7 @@ const HvTabs = (props) => {
   });
 };
 export {
-  HvTabs
+  HvTabs,
+  staticClasses as tabsClasses
 };
 //# sourceMappingURL=Tabs.js.map

package/dist/esm/components/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledTabs } from \"./Tabs.styles\";\nimport tabsClasses, { HvTabsClasses } from \"./tabsClasses\";\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport interface HvTabsProps\n  extends MuiTabsProps,\n    HvBaseProps<HTMLButtonElement, \"onChange\"> {\n  /**\n   * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  value?: any;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (event: React.SyntheticEvent, value: any) => void;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvTabsClasses;\n}\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = (props: HvTabsProps) => {\n  const { classes, ...others } = useDefaultProps(\"HvTabs\", props);\n\n  return (\n    <StyledTabs\n      classes={{\n        root: clsx(tabsClasses.root, classes?.root),\n        flexContainer: clsx(tabsClasses.flexContainer, classes?.flexContainer),\n        indicator: clsx(tabsClasses.indicator, classes?.indicator),\n        scroller: clsx(tabsClasses.scroller, classes?.scroller),\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTabs","props","classes","others","useDefaultProps","StyledTabs","root","clsx","tabsClasses","flexContainer","indicator","scroller","TabIndicatorProps","children","_jsx"],"mappings":";;;;;AAgCaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IAAEC;AAAAA,IAAS,GAAGC;AAAAA,EAAAA,IAAWC,gBAAgB,UAAUH,KAAK;AAE9D,6BACGI,YAAU;AAAA,IACTH,SAAS;AAAA,MACPI,MAAMC,KAAKC,YAAYF,MAAMJ,mCAASI,IAAI;AAAA,MAC1CG,eAAeF,KAAKC,YAAYC,eAAeP,mCAASO,aAAa;AAAA,MACrEC,WAAWH,KAAKC,YAAYE,WAAWR,mCAASQ,SAAS;AAAA,MACzDC,UAAUJ,KAAKC,YAAYG,UAAUT,mCAASS,QAAQ;AAAA,IACxD;AAAA,IACAC,mBAAmB;AAAA,MAAEC,UAAUC,oBAAM,OAAA,EAAA;AAAA,IAAE;AAAA,IAAE,GACrCX;AAAAA,EAAAA,CACL;AAEL;"}
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { Tabs, TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./Tabs.styles\";\n\nexport { staticClasses as tabsClasses };\n\nexport type HvTabsClasses = ExtractNames<typeof useClasses>;\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport interface HvTabsProps\n  extends MuiTabsProps,\n    HvBaseProps<HTMLButtonElement, \"onChange\"> {\n  /**\n   * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n   */\n  value?: any;\n  /**\n   * Callback fired when the value changes.\n   */\n  onChange?: (event: React.SyntheticEvent, value: any) => void;\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes?: HvTabsClasses;\n}\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = (props: HvTabsProps) => {\n  const { classes: classesProp, ...others } = useDefaultProps(\"HvTabs\", props);\n\n  const { classes } = useClasses(classesProp);\n\n  return (\n    <Tabs\n      classes={{\n        root: classes.root,\n        flexContainer: classes.flexContainer,\n        indicator: classes.indicator,\n        scroller: classes.scroller,\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTabs","props","classes","classesProp","others","useDefaultProps","useClasses","Tabs","root","flexContainer","indicator","scroller","TabIndicatorProps","children","_jsx"],"mappings":";;;;;AAgCaA,MAAAA,SAASA,CAACC,UAAuB;AACtC,QAAA;AAAA,IAAEC,SAASC;AAAAA,IAAa,GAAGC;AAAAA,EAAAA,IAAWC,gBAAgB,UAAUJ,KAAK;AAErE,QAAA;AAAA,IAAEC;AAAAA,EAAAA,IAAYI,WAAWH,WAAW;AAE1C,6BACGI,MAAI;AAAA,IACHL,SAAS;AAAA,MACPM,MAAMN,QAAQM;AAAAA,MACdC,eAAeP,QAAQO;AAAAA,MACvBC,WAAWR,QAAQQ;AAAAA,MACnBC,UAAUT,QAAQS;AAAAA,IACpB;AAAA,IACAC,mBAAmB;AAAA,MAAEC,UAAUC,oBAAM,OAAA,EAAA;AAAA,IAAE;AAAA,IAAE,GACrCV;AAAAA,EAAAA,CACL;AAEL;"}

package/dist/esm/components/Tabs/Tabs.styles.js

@@ -1,36 +1,34 @@
-import _styled from "@emotion/styled/base";
 import { theme } from "@hitachivantara/uikit-styles";
-import { Tabs } from "@mui/material";
-const StyledTabs = /* @__PURE__ */ _styled(Tabs, process.env.NODE_ENV === "production" ? {
-  target: "ex13pr80"
-} : {
-  target: "ex13pr80",
-  label: "StyledTabs"
-})({
-  // Root
-  minHeight: 0,
-  overflow: "visible",
-  // Override Mui styling: https://mui.com/material-ui/api/tabs/#css
-  "& .MuiTabs-indicator": {
+import { createClasses } from "../../utils/classes.js";
+const {
+  staticClasses,
+  useClasses
+} = createClasses("HvTabs", {
+  root: {
+    minHeight: 0,
+    overflow: "visible"
+  },
+  indicator: {
     display: "flex",
     justifyContent: "center",
     backgroundColor: "transparent",
     "& > div": {
       width: "100%",
-      backgroundColor: theme.colors.secondary
+      backgroundColor: `${theme.colors.secondary}`
     },
     height: 2
   },
-  "& .MuiTabs-scroller": {
+  scroller: {
     overflow: "visible !important"
   },
-  "& .MuiTabs-flexContainer": {
+  flexContainer: {
     "& button:first-of-type": {
       marginLeft: "3px"
     }
   }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSTBCIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL2h2LXVpa2l0LXJlYWN0L2h2LXVpa2l0LXJlYWN0L3BhY2thZ2VzL2NvcmUvc3JjL2NvbXBvbmVudHMvVGFicy9UYWJzLnN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSBcIkBoaXRhY2hpdmFudGFyYS91aWtpdC1zdHlsZXNcIjtcbmltcG9ydCB7IFRhYnMgYXMgTXVpVGFicyB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRUYWJzID0gc3R5bGVkKE11aVRhYnMpKHtcbiAgLy8gUm9vdFxuICBtaW5IZWlnaHQ6IDAsXG4gIG92ZXJmbG93OiBcInZpc2libGVcIixcblxuICAvLyBPdmVycmlkZSBNdWkgc3R5bGluZzogaHR0cHM6Ly9tdWkuY29tL21hdGVyaWFsLXVpL2FwaS90YWJzLyNjc3NcbiAgXCImIC5NdWlUYWJzLWluZGljYXRvclwiOiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgXCImID4gZGl2XCI6IHtcbiAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3JzLnNlY29uZGFyeSxcbiAgICB9LFxuICAgIGhlaWdodDogMixcbiAgfSxcbiAgXCImIC5NdWlUYWJzLXNjcm9sbGVyXCI6IHtcbiAgICBvdmVyZmxvdzogXCJ2aXNpYmxlICFpbXBvcnRhbnRcIixcbiAgfSxcbiAgXCImIC5NdWlUYWJzLWZsZXhDb250YWluZXJcIjoge1xuICAgIFwiJiBidXR0b246Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgICBtYXJnaW5MZWZ0OiBcIjNweFwiLFxuICAgIH0sXG4gIH0sXG59KTtcbiJdfQ== */");
+});
 export {
-  StyledTabs
+  staticClasses,
+  useClasses
 };
 //# sourceMappingURL=Tabs.styles.js.map