@razorpay/blade 10.23.5 → 11.1.0

package/build/lib/web/development/components/Table/TableBody.web.js

@@ -13,11 +13,13 @@ import '../../utils/index.js';
 import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
+import '../../utils/getFocusRingStyles/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
 import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
 import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
 import { Text } from '../Typography/Text/Text.js';
@@ -133,18 +135,18 @@ var StyledCell = /*#__PURE__*/styled(Cell).withConfig({
   componentId: "sc-1fpz8hn-1"
 })(function (_ref3) {
   var theme = _ref3.theme,
-    $surfaceLevel = _ref3.$surfaceLevel;
+    $backgroundColor = _ref3.$backgroundColor;
   return {
     '&&&': {
       height: '100%',
-      backgroundColor: getIn(theme.colors, "surface.background.level".concat($surfaceLevel, ".lowContrast")),
+      backgroundColor: getIn(theme.colors, $backgroundColor),
       '& > div:first-child': {
         alignSelf: 'stretch'
       },
-      '&:focus-visible': {
-        outline: 'none',
-        boxShadow: "0px 0px 0px 4px ".concat(getIn(theme.colors, tableRow.focusRingColor), " inset")
-      }
+      '&:focus-visible': getFocusRingStyles({
+        theme: theme,
+        negativeOffset: true
+      })
     }
   };
 });
@@ -179,12 +181,12 @@ var _TableCell = function _TableCell(_ref5) {
     selectionType = _useTableContext2.selectionType,
     rowDensity = _useTableContext2.rowDensity,
     showStripedRows = _useTableContext2.showStripedRows,
-    surfaceLevel = _useTableContext2.surfaceLevel;
+    backgroundColor = _useTableContext2.backgroundColor;
   var isSelectable = selectionType !== 'none';
   return /*#__PURE__*/jsx(StyledCell, _objectSpread(_objectSpread({
     tabIndex: 0,
     role: "cell",
-    $surfaceLevel: surfaceLevel
+    $backgroundColor: backgroundColor
   }, metaAttribute({
     name: MetaConstants.TableCell
   })), {}, {
@@ -263,10 +265,10 @@ var StyledRow = /*#__PURE__*/styled(Row).withConfig({
         cursor: 'pointer'
       }
     }), {}, {
-      '&:focus': {
-        outline: 'none',
-        boxShadow: "0 0 0 2px ".concat(getIn(theme.colors, 'brand.primary.300'))
-      }
+      '&:focus': getFocusRingStyles({
+        theme: theme,
+        negativeOffset: true
+      })
     })
   };
 });

package/build/lib/web/development/components/Table/TableBody.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.web.js","sources":["../../../../../../src/components/Table/TableBody.web.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Body, Row, Cell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { checkboxCellWidth, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type { TableProps, TableBodyProps, TableRowProps, TableCellProps } from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { SurfaceLevels } from '~tokens/theme/theme';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\nconst StyledBody = styled(Body)<{ $isSelectable: boolean; $showStripedRows: boolean }>(\n  ({ theme, $showStripedRows, $isSelectable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        border: 'none',\n        transition: rowBackgroundTransition,\n        '& tr:last-child .cell-wrapper': {\n          borderBottom: 'none',\n        },\n\n        '& .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n        },\n        '& .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n        },\n        '& .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n        },\n        '& .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n        },\n\n        ...($isSelectable && {\n          '& tr:active:not(.disabled-row) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n          },\n        }),\n\n        ...($showStripedRows && {\n          '& tr:nth-child(even) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n          },\n          '& tr:nth-child(even) .cell-wrapper-base': {\n            backgroundColor: tableRow.stripe.backgroundColor,\n          },\n        }),\n\n        ...($showStripedRows &&\n          $isSelectable && {\n            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n            },\n            '& .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n            },\n            '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedHover,\n              ),\n            },\n            '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedFocus,\n              ),\n            },\n            '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedActive,\n              ),\n            },\n\n            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n            },\n\n            '& .row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n            },\n            '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n            },\n            '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n            },\n            '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n            },\n          }),\n      },\n    };\n  },\n);\n\nconst _TableBody = ({ children }: TableBodyProps): React.ReactElement => {\n  const { showStripedRows, selectionType } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledBody\n      $isSelectable={isSelectable}\n      $showStripedRows={showStripedRows}\n      {...metaAttribute({ name: MetaConstants.TableBody })}\n    >\n      {children}\n    </StyledBody>\n  );\n};\n\nconst TableBody = assignWithoutSideEffects(_TableBody, {\n  componentId: ComponentIds.TableBody,\n});\n\nconst StyledCell = styled(Cell)<{\n  $surfaceLevel: SurfaceLevels;\n}>(({ theme, $surfaceLevel }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, `surface.background.level${$surfaceLevel}.lowContrast`),\n    '& > div:first-child': {\n      alignSelf: 'stretch',\n    },\n    '&:focus-visible': {\n      outline: 'none',\n      boxShadow: `0px 0px 0px 4px ${getIn(theme.colors, tableRow.focusRingColor)} inset`,\n    },\n  },\n}));\n\nconst CellWrapper = styled(BaseBox)<{\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  showStripedRows?: boolean;\n}>(({ theme, rowDensity, showStripedRows }) => {\n  const rowBackgroundTransition = `background-color ${makeMotionTime(\n    getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n  return {\n    '&&&': {\n      transition: rowBackgroundTransition,\n      backgroundColor: tableRow.nonStripeWrapper.backgroundColor,\n      paddingTop: makeSpace(getIn(theme, tableRow.paddingTop[rowDensity])),\n      paddingBottom: makeSpace(getIn(theme, tableRow.paddingBottom[rowDensity])),\n      paddingLeft: makeSpace(getIn(theme, tableRow.paddingLeft[rowDensity])),\n      paddingRight: makeSpace(getIn(theme, tableRow.paddingRight[rowDensity])),\n      height: '100%',\n      ...(!showStripedRows && {\n        borderBottomWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n        borderBottomColor: getIn(theme.colors, tableRow.borderBottomColor),\n        borderBottomStyle: 'solid',\n      }),\n    },\n  };\n});\n\nconst _TableCell = ({ children }: TableCellProps): React.ReactElement => {\n  const isChildrenString = typeof children === 'string';\n  const { selectionType, rowDensity, showStripedRows, surfaceLevel } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledCell\n      tabIndex={0}\n      role=\"cell\"\n      $surfaceLevel={surfaceLevel}\n      {...metaAttribute({ name: MetaConstants.TableCell })}\n    >\n      <BaseBox className=\"cell-wrapper-base\" display=\"flex\" alignItems=\"center\" height=\"100%\">\n        <CellWrapper\n          className=\"cell-wrapper\"\n          rowDensity={rowDensity}\n          showStripedRows={showStripedRows}\n          display=\"flex\"\n          alignItems=\"center\"\n          flex={1}\n          // when a direct string child is passed we want to disable pointer events\n          // for custom cells components, consumers can handle pointer events themselves\n          pointerEvents={isChildrenString && isSelectable ? 'none' : 'auto'}\n        >\n          {isChildrenString ? <Text size=\"medium\">{children}</Text> : children}\n        </CellWrapper>\n      </BaseBox>\n    </StyledCell>\n  );\n};\n\nconst TableCell = assignWithoutSideEffects(_TableCell, {\n  componentId: ComponentIds.TableCell,\n});\n\nconst TableCheckboxCell = ({\n  isChecked,\n  onChange,\n  isDisabled,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  onChange: CheckboxProps['onChange'];\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\n    <TableCell>\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n      >\n        <Checkbox isDisabled={isDisabled} isChecked={isChecked} onChange={onChange} />\n      </BaseBox>\n    </TableCell>\n  );\n};\n\nconst StyledRow = styled(Row)<{ $isSelectable: boolean; $isHoverable: boolean }>(\n  ({ theme, $isSelectable, $isHoverable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        backgroundColor: 'transparent',\n        ...(($isHoverable || $isSelectable) && {\n          '&:hover:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            cursor: 'pointer',\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorHover),\n          },\n        }),\n        ...($isSelectable && {\n          '&:focus:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorFocus),\n            cursor: 'pointer',\n          },\n          '&:active:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorActive),\n            cursor: 'pointer',\n          },\n        }),\n        '&:focus': {\n          outline: 'none',\n          boxShadow: `0 0 0 2px ${getIn(theme.colors, 'brand.primary.300')}`,\n        },\n      },\n    };\n  },\n);\n\nconst _TableRow = <Item,>({\n  children,\n  item,\n  isDisabled,\n  onHover,\n  onClick,\n}: TableRowProps<Item>): React.ReactElement => {\n  const {\n    selectionType,\n    selectedRows,\n    toggleRowSelectionById,\n    setDisabledRows,\n  } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n  const isMultiSelect = selectionType === 'multiple';\n  const isSelected = selectedRows?.includes(item.id);\n  useEffect(() => {\n    if (isDisabled) {\n      setDisabledRows((prev) => [...prev, item.id]);\n    }\n  }, [isDisabled, item.id, setDisabledRows]);\n\n  return (\n    <StyledRow\n      disabled={isDisabled}\n      $isSelectable={isDisabled ? false : isSelectable}\n      $isHoverable={isDisabled ? false : Boolean(onHover) || Boolean(onClick)}\n      item={item}\n      className={isDisabled ? 'disabled-row' : ''}\n      onMouseEnter={() => onHover?.({ item })}\n      onClick={() => onClick?.({ item })}\n      {...metaAttribute({ name: MetaConstants.TableRow })}\n    >\n      {isMultiSelect && (\n        <TableCheckboxCell\n          isChecked={isSelected}\n          onChange={() => !isDisabled && toggleRowSelectionById(item.id)}\n          isDisabled={isDisabled}\n        />\n      )}\n      {children}\n    </StyledRow>\n  );\n};\n\nconst TableRow = assignWithoutSideEffects(_TableRow, {\n  componentId: ComponentIds.TableRow,\n});\n\nexport { TableBody, TableRow, TableCell };\n"],"names":["StyledBody","styled","Body","withConfig","displayName","componentId","_ref","theme","$showStripedRows","$isSelectable","rowBackgroundTransition","concat","makeMotionTime","getIn","motion","tableRow","backgroundColorMotionDuration","backgroundColorMotionEasing","_objectSpread","border","transition","borderBottom","backgroundColor","colors","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","backgroundColorActive","stripeWrapper","stripe","backgroundColorHover","backgroundColorFocus","_TableBody","_ref2","children","_useTableContext","useTableContext","showStripedRows","selectionType","isSelectable","_jsx","metaAttribute","name","MetaConstants","TableBody","assignWithoutSideEffects","ComponentIds","StyledCell","Cell","_ref3","$surfaceLevel","height","alignSelf","outline","boxShadow","focusRingColor","CellWrapper","BaseBox","_ref4","rowDensity","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","borderBottomWidth","width","borderBottomColor","borderBottomStyle","_TableCell","_ref5","isChildrenString","_useTableContext2","surfaceLevel","tabIndex","role","TableCell","className","display","alignItems","flex","pointerEvents","Text","size","TableCheckboxCell","_ref6","isChecked","onChange","isDisabled","justifyContent","makeSize","checkboxCellWidth","Checkbox","StyledRow","Row","_ref7","$isHoverable","cursor","_TableRow","_ref8","item","onHover","onClick","_useTableContext3","selectedRows","toggleRowSelectionById","setDisabledRows","isMultiSelect","isSelected","includes","id","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","TableRow"],"mappings":"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"}
+{"version":3,"file":"TableBody.web.js","sources":["../../../../../../src/components/Table/TableBody.web.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { Body, Row, Cell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { checkboxCellWidth, tableRow } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n  TableBackgroundColors,\n} from './types';\nimport getIn from '~utils/lodashButBetter/get';\nimport { Text } from '~components/Typography';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { makeMotionTime, makeSize, makeSpace } from '~utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst StyledBody = styled(Body)<{ $isSelectable: boolean; $showStripedRows: boolean }>(\n  ({ theme, $showStripedRows, $isSelectable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        border: 'none',\n        transition: rowBackgroundTransition,\n        '& tr:last-child .cell-wrapper': {\n          borderBottom: 'none',\n        },\n\n        '& .row-select-single-selected .cell-wrapper-base, .row-select-selected .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelected),\n        },\n        '& .row-select-single-selected:hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:hover:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedHover),\n        },\n        '& .row-select-single-selected:focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:focus:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedFocus),\n        },\n        '& .row-select-single-selected:active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:active:not(.disabled-row) .cell-wrapper-base': {\n          backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorSelectedActive),\n        },\n\n        ...($isSelectable && {\n          '& tr:active:not(.disabled-row) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.nonStripeWrapper.backgroundColorActive),\n          },\n        }),\n\n        ...($showStripedRows && {\n          '& tr:nth-child(even) .cell-wrapper': {\n            backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColor),\n          },\n          '& tr:nth-child(even) .cell-wrapper-base': {\n            backgroundColor: tableRow.stripe.backgroundColor,\n          },\n        }),\n\n        ...($showStripedRows &&\n          $isSelectable && {\n            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorActive),\n            },\n            '& .row-select-single-selected:nth-child(even) .cell-wrapper, .row-select-selected:nth-child(even) .cell-wrapper': {\n              backgroundColor: getIn(theme.colors, tableRow.stripeWrapper.backgroundColorSelected),\n            },\n            '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedHover,\n              ),\n            },\n            '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedFocus,\n              ),\n            },\n            '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper': {\n              backgroundColor: getIn(\n                theme.colors,\n                tableRow.stripeWrapper.backgroundColorSelectedActive,\n              ),\n            },\n\n            '& tr:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorHover),\n            },\n            '& tr:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorFocus),\n            },\n            '& tr:nth-child(even):active:not(.disabled-row) .cell-wrapper-base': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorActive),\n            },\n\n            '& .row-select-single-selected:nth-child(even) .cell-wrapper-base, .row-select-selected:nth-child(even) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelected),\n            },\n            '& .row-select-single-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):hover:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedHover),\n            },\n            '& .row-select-single-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):focus:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedFocus),\n            },\n            '& .row-select-single-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base, .row-select-selected:nth-child(even):active:not(.disabled-row) .cell-wrapper-base ': {\n              backgroundColor: getIn(theme.colors, tableRow.stripe.backgroundColorSelectedActive),\n            },\n          }),\n      },\n    };\n  },\n);\n\nconst _TableBody = ({ children }: TableBodyProps): React.ReactElement => {\n  const { showStripedRows, selectionType } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledBody\n      $isSelectable={isSelectable}\n      $showStripedRows={showStripedRows}\n      {...metaAttribute({ name: MetaConstants.TableBody })}\n    >\n      {children}\n    </StyledBody>\n  );\n};\n\nconst TableBody = assignWithoutSideEffects(_TableBody, {\n  componentId: ComponentIds.TableBody,\n});\n\nconst StyledCell = styled(Cell)<{\n  $backgroundColor: TableBackgroundColors;\n}>(({ theme, $backgroundColor }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    '& > div:first-child': {\n      alignSelf: 'stretch',\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst CellWrapper = styled(BaseBox)<{\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  showStripedRows?: boolean;\n}>(({ theme, rowDensity, showStripedRows }) => {\n  const rowBackgroundTransition = `background-color ${makeMotionTime(\n    getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n  )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n  return {\n    '&&&': {\n      transition: rowBackgroundTransition,\n      backgroundColor: tableRow.nonStripeWrapper.backgroundColor,\n      paddingTop: makeSpace(getIn(theme, tableRow.paddingTop[rowDensity])),\n      paddingBottom: makeSpace(getIn(theme, tableRow.paddingBottom[rowDensity])),\n      paddingLeft: makeSpace(getIn(theme, tableRow.paddingLeft[rowDensity])),\n      paddingRight: makeSpace(getIn(theme, tableRow.paddingRight[rowDensity])),\n      height: '100%',\n      ...(!showStripedRows && {\n        borderBottomWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n        borderBottomColor: getIn(theme.colors, tableRow.borderBottomColor),\n        borderBottomStyle: 'solid',\n      }),\n    },\n  };\n});\n\nconst _TableCell = ({ children }: TableCellProps): React.ReactElement => {\n  const isChildrenString = typeof children === 'string';\n  const { selectionType, rowDensity, showStripedRows, backgroundColor } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n\n  return (\n    <StyledCell\n      tabIndex={0}\n      role=\"cell\"\n      $backgroundColor={backgroundColor}\n      {...metaAttribute({ name: MetaConstants.TableCell })}\n    >\n      <BaseBox className=\"cell-wrapper-base\" display=\"flex\" alignItems=\"center\" height=\"100%\">\n        <CellWrapper\n          className=\"cell-wrapper\"\n          rowDensity={rowDensity}\n          showStripedRows={showStripedRows}\n          display=\"flex\"\n          alignItems=\"center\"\n          flex={1}\n          // when a direct string child is passed we want to disable pointer events\n          // for custom cells components, consumers can handle pointer events themselves\n          pointerEvents={isChildrenString && isSelectable ? 'none' : 'auto'}\n        >\n          {isChildrenString ? <Text size=\"medium\">{children}</Text> : children}\n        </CellWrapper>\n      </BaseBox>\n    </StyledCell>\n  );\n};\n\nconst TableCell = assignWithoutSideEffects(_TableCell, {\n  componentId: ComponentIds.TableCell,\n});\n\nconst TableCheckboxCell = ({\n  isChecked,\n  onChange,\n  isDisabled,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  onChange: CheckboxProps['onChange'];\n  isDisabled?: boolean;\n}): React.ReactElement => {\n  return (\n    <TableCell>\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n      >\n        <Checkbox isDisabled={isDisabled} isChecked={isChecked} onChange={onChange} />\n      </BaseBox>\n    </TableCell>\n  );\n};\n\nconst StyledRow = styled(Row)<{ $isSelectable: boolean; $isHoverable: boolean }>(\n  ({ theme, $isSelectable, $isHoverable }) => {\n    const rowBackgroundTransition = `background-color ${makeMotionTime(\n      getIn(theme.motion, tableRow.backgroundColorMotionDuration),\n    )} ${getIn(theme.motion, tableRow.backgroundColorMotionEasing)}`;\n\n    return {\n      '&&&': {\n        backgroundColor: 'transparent',\n        ...(($isHoverable || $isSelectable) && {\n          '&:hover:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            cursor: 'pointer',\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorHover),\n          },\n        }),\n        ...($isSelectable && {\n          '&:focus:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorFocus),\n            cursor: 'pointer',\n          },\n          '&:active:not(.disabled-row) .cell-wrapper-base': {\n            transition: rowBackgroundTransition,\n            backgroundColor: getIn(theme.colors, tableRow.nonStripe.backgroundColorActive),\n            cursor: 'pointer',\n          },\n        }),\n        '&:focus': getFocusRingStyles({ theme, negativeOffset: true }),\n      },\n    };\n  },\n);\n\nconst _TableRow = <Item,>({\n  children,\n  item,\n  isDisabled,\n  onHover,\n  onClick,\n}: TableRowProps<Item>): React.ReactElement => {\n  const {\n    selectionType,\n    selectedRows,\n    toggleRowSelectionById,\n    setDisabledRows,\n  } = useTableContext();\n  const isSelectable = selectionType !== 'none';\n  const isMultiSelect = selectionType === 'multiple';\n  const isSelected = selectedRows?.includes(item.id);\n  useEffect(() => {\n    if (isDisabled) {\n      setDisabledRows((prev) => [...prev, item.id]);\n    }\n  }, [isDisabled, item.id, setDisabledRows]);\n\n  return (\n    <StyledRow\n      disabled={isDisabled}\n      $isSelectable={isDisabled ? false : isSelectable}\n      $isHoverable={isDisabled ? false : Boolean(onHover) || Boolean(onClick)}\n      item={item}\n      className={isDisabled ? 'disabled-row' : ''}\n      onMouseEnter={() => onHover?.({ item })}\n      onClick={() => onClick?.({ item })}\n      {...metaAttribute({ name: MetaConstants.TableRow })}\n    >\n      {isMultiSelect && (\n        <TableCheckboxCell\n          isChecked={isSelected}\n          onChange={() => !isDisabled && toggleRowSelectionById(item.id)}\n          isDisabled={isDisabled}\n        />\n      )}\n      {children}\n    </StyledRow>\n  );\n};\n\nconst TableRow = assignWithoutSideEffects(_TableRow, {\n  componentId: ComponentIds.TableRow,\n});\n\nexport { TableBody, TableRow, TableCell };\n"],"names":["StyledBody","styled","Body","withConfig","displayName","componentId","_ref","theme","$showStripedRows","$isSelectable","rowBackgroundTransition","concat","makeMotionTime","getIn","motion","tableRow","backgroundColorMotionDuration","backgroundColorMotionEasing","_objectSpread","border","transition","borderBottom","backgroundColor","colors","nonStripe","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","backgroundColorActive","stripeWrapper","stripe","backgroundColorHover","backgroundColorFocus","_TableBody","_ref2","children","_useTableContext","useTableContext","showStripedRows","selectionType","isSelectable","_jsx","metaAttribute","name","MetaConstants","TableBody","assignWithoutSideEffects","ComponentIds","StyledCell","Cell","_ref3","$backgroundColor","height","alignSelf","getFocusRingStyles","negativeOffset","CellWrapper","BaseBox","_ref4","rowDensity","paddingTop","makeSpace","paddingBottom","paddingLeft","paddingRight","borderBottomWidth","width","borderBottomColor","borderBottomStyle","_TableCell","_ref5","isChildrenString","_useTableContext2","tabIndex","role","TableCell","className","display","alignItems","flex","pointerEvents","Text","size","TableCheckboxCell","_ref6","isChecked","onChange","isDisabled","justifyContent","makeSize","checkboxCellWidth","Checkbox","StyledRow","Row","_ref7","$isHoverable","cursor","_TableRow","_ref8","item","onHover","onClick","_useTableContext3","selectedRows","toggleRowSelectionById","setDisabledRows","isMultiSelect","isSelected","includes","id","useEffect","prev","_toConsumableArray","_jsxs","disabled","Boolean","onMouseEnter","TableRow"],"mappings":"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"}

package/build/lib/web/development/components/Table/TableContext.js

@@ -17,9 +17,11 @@ var TableContext = /*#__PURE__*/React__default.createContext({
   },
   setPaginationPage: function setPaginationPage() {},
   setPaginationRowSize: function setPaginationRowSize() {},
-  surfaceLevel: 1,
   disabledRows: [],
-  setDisabledRows: function setDisabledRows() {}
+  setDisabledRows: function setDisabledRows() {},
+  paginationType: 'client',
+  setPaginationType: function setPaginationType() {},
+  backgroundColor: 'surface.background.gray.intense'
 });
 var useTableContext = function useTableContext() {
   var context = React__default.useContext(TableContext);

package/build/lib/web/development/components/Table/TableContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContext.js","sources":["../../../../../../src/components/Table/TableContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nimport React from 'react';\nimport type { TableNode } from '@table-library/react-table-library/table';\nimport type { TableProps } from './types';\nimport type { SurfaceLevels } from '~tokens/theme/theme';\n\nexport type TableContextType = {\n  selectionType?: TableProps<unknown>['selectionType'];\n  selectedRows?: TableNode['id'][];\n  totalItems: number;\n  toggleRowSelectionById: (id: TableNode['id']) => void;\n  toggleAllRowsSelection: () => void;\n  deselectAllRows: () => void;\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  toggleSort: (sortKey: string) => void;\n  currentSortedState: {\n    sortKey: string;\n    isSortReversed: boolean;\n    sortableColumns?: string[];\n  };\n  setPaginationPage: (page: number) => void;\n  setPaginationRowSize: (size: number) => void;\n  currentPaginationState?: {\n    page: number;\n    size: number;\n  };\n  showStripedRows?: boolean;\n  surfaceLevel: SurfaceLevels;\n  disabledRows: TableNode['id'][];\n  setDisabledRows: React.Dispatch<React.SetStateAction<TableNode['id'][]>>;\n};\n\nconst TableContext = React.createContext<TableContextType>({\n  selectionType: 'none',\n  selectedRows: undefined,\n  totalItems: 0,\n  toggleRowSelectionById: () => {},\n  toggleAllRowsSelection: () => {},\n  deselectAllRows: () => {},\n  rowDensity: 'normal',\n  toggleSort: () => {},\n  currentSortedState: {\n    sortKey: '',\n    isSortReversed: false,\n  },\n  setPaginationPage: () => {},\n  setPaginationRowSize: () => {},\n  surfaceLevel: 1,\n  disabledRows: [],\n  setDisabledRows: () => {},\n});\n\nconst useTableContext = (): TableContextType => {\n  const context = React.useContext(TableContext);\n  return context;\n};\n\nexport { useTableContext, TableContext };\n"],"names":["TableContext","React","createContext","selectionType","selectedRows","undefined","totalItems","toggleRowSelectionById","toggleAllRowsSelection","deselectAllRows","rowDensity","toggleSort","currentSortedState","sortKey","isSortReversed","setPaginationPage","setPaginationRowSize","surfaceLevel","disabledRows","setDisabledRows","useTableContext","context","useContext"],"mappings":";;AAAA;AACA;AAgCA,IAAMA,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAAmB;AACzDC,EAAAA,aAAa,EAAE,MAAM;AACrBC,EAAAA,YAAY,EAAEC,SAAS;AACvBC,EAAAA,UAAU,EAAE,CAAC;AACbC,EAAAA,sBAAsB,EAAE,SAAAA,sBAAA,GAAM,EAAE;AAChCC,EAAAA,sBAAsB,EAAE,SAAAA,sBAAA,GAAM,EAAE;AAChCC,EAAAA,eAAe,EAAE,SAAAA,eAAA,GAAM,EAAE;AACzBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,UAAU,EAAE,SAAAA,UAAA,GAAM,EAAE;AACpBC,EAAAA,kBAAkB,EAAE;AAClBC,IAAAA,OAAO,EAAE,EAAE;AACXC,IAAAA,cAAc,EAAE,KAAA;GACjB;AACDC,EAAAA,iBAAiB,EAAE,SAAAA,iBAAA,GAAM,EAAE;AAC3BC,EAAAA,oBAAoB,EAAE,SAAAA,oBAAA,GAAM,EAAE;AAC9BC,EAAAA,YAAY,EAAE,CAAC;AACfC,EAAAA,YAAY,EAAE,EAAE;AAChBC,EAAAA,eAAe,EAAE,SAAAA,eAAA,GAAM,EAAC;AAC1B,CAAC,EAAC;AAEF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAA2B;AAC9C,EAAA,IAAMC,OAAO,GAAGpB,cAAK,CAACqB,UAAU,CAACtB,YAAY,CAAC,CAAA;AAC9C,EAAA,OAAOqB,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"TableContext.js","sources":["../../../../../../src/components/Table/TableContext.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-empty-function */\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nimport React from 'react';\nimport type { TableNode } from '@table-library/react-table-library/table';\nimport type { TableBackgroundColors, TableProps, TablePaginationType } from './types';\n\nexport type TableContextType = {\n  selectionType?: TableProps<unknown>['selectionType'];\n  selectedRows?: TableNode['id'][];\n  totalItems: number;\n  toggleRowSelectionById: (id: TableNode['id']) => void;\n  toggleAllRowsSelection: () => void;\n  deselectAllRows: () => void;\n  rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  toggleSort: (sortKey: string) => void;\n  currentSortedState: {\n    sortKey: string;\n    isSortReversed: boolean;\n    sortableColumns?: string[];\n  };\n  setPaginationPage: (page: number) => void;\n  setPaginationRowSize: (size: number) => void;\n  currentPaginationState?: {\n    page: number;\n    size: number;\n  };\n  showStripedRows?: boolean;\n  disabledRows: TableNode['id'][];\n  setDisabledRows: React.Dispatch<React.SetStateAction<TableNode['id'][]>>;\n  paginationType: NonNullable<TablePaginationType>;\n  setPaginationType: React.Dispatch<React.SetStateAction<NonNullable<TablePaginationType>>>;\n  backgroundColor: TableBackgroundColors;\n};\n\nconst TableContext = React.createContext<TableContextType>({\n  selectionType: 'none',\n  selectedRows: undefined,\n  totalItems: 0,\n  toggleRowSelectionById: () => {},\n  toggleAllRowsSelection: () => {},\n  deselectAllRows: () => {},\n  rowDensity: 'normal',\n  toggleSort: () => {},\n  currentSortedState: {\n    sortKey: '',\n    isSortReversed: false,\n  },\n  setPaginationPage: () => {},\n  setPaginationRowSize: () => {},\n  disabledRows: [],\n  setDisabledRows: () => {},\n  paginationType: 'client',\n  setPaginationType: () => {},\n  backgroundColor: 'surface.background.gray.intense',\n});\n\nconst useTableContext = (): TableContextType => {\n  const context = React.useContext(TableContext);\n  return context;\n};\n\nexport { useTableContext, TableContext };\n"],"names":["TableContext","React","createContext","selectionType","selectedRows","undefined","totalItems","toggleRowSelectionById","toggleAllRowsSelection","deselectAllRows","rowDensity","toggleSort","currentSortedState","sortKey","isSortReversed","setPaginationPage","setPaginationRowSize","disabledRows","setDisabledRows","paginationType","setPaginationType","backgroundColor","useTableContext","context","useContext"],"mappings":";;AAAA;AACA;AAiCA,IAAMA,YAAY,gBAAGC,cAAK,CAACC,aAAa,CAAmB;AACzDC,EAAAA,aAAa,EAAE,MAAM;AACrBC,EAAAA,YAAY,EAAEC,SAAS;AACvBC,EAAAA,UAAU,EAAE,CAAC;AACbC,EAAAA,sBAAsB,EAAE,SAAAA,sBAAA,GAAM,EAAE;AAChCC,EAAAA,sBAAsB,EAAE,SAAAA,sBAAA,GAAM,EAAE;AAChCC,EAAAA,eAAe,EAAE,SAAAA,eAAA,GAAM,EAAE;AACzBC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,UAAU,EAAE,SAAAA,UAAA,GAAM,EAAE;AACpBC,EAAAA,kBAAkB,EAAE;AAClBC,IAAAA,OAAO,EAAE,EAAE;AACXC,IAAAA,cAAc,EAAE,KAAA;GACjB;AACDC,EAAAA,iBAAiB,EAAE,SAAAA,iBAAA,GAAM,EAAE;AAC3BC,EAAAA,oBAAoB,EAAE,SAAAA,oBAAA,GAAM,EAAE;AAC9BC,EAAAA,YAAY,EAAE,EAAE;AAChBC,EAAAA,eAAe,EAAE,SAAAA,eAAA,GAAM,EAAE;AACzBC,EAAAA,cAAc,EAAE,QAAQ;AACxBC,EAAAA,iBAAiB,EAAE,SAAAA,iBAAA,GAAM,EAAE;AAC3BC,EAAAA,eAAe,EAAE,iCAAA;AACnB,CAAC,EAAC;AAEF,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,GAA2B;AAC9C,EAAA,IAAMC,OAAO,GAAGtB,cAAK,CAACuB,UAAU,CAACxB,YAAY,CAAC,CAAA;AAC9C,EAAA,OAAOuB,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/development/components/Table/TableFooter.web.js

@@ -3,8 +3,8 @@ import 'react';
 import { Footer, FooterRow, FooterCell } from '@table-library/react-table-library/table';
 import styled from 'styled-components';
 import { tableFooter } from './tokens.js';
-import { useTableContext } from './TableContext.js';
 import { ComponentIds } from './componentIds.js';
+import { useTableContext } from './TableContext.js';
 import '../Typography/index.js';
 import '../../utils/index.js';
 import '../../utils/metaAttribute/index.js';
@@ -62,11 +62,11 @@ var StyledFooterCell = /*#__PURE__*/styled(FooterCell).withConfig({
   componentId: "sc-1dkm291-1"
 })(function (_ref4) {
   var theme = _ref4.theme,
-    $surfaceLevel = _ref4.$surfaceLevel;
+    $backgroundColor = _ref4.$backgroundColor;
   return {
     '&&&': {
       height: '100%',
-      backgroundColor: getIn(theme.colors, "surface.background.level".concat($surfaceLevel, ".lowContrast")),
+      backgroundColor: getIn(theme.colors, $backgroundColor),
       borderBottomWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),
       borderTopWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),
       borderBottomColor: getIn(theme.colors, tableFooter.borderBottomAndTopColor),
@@ -88,17 +88,17 @@ var StyledFooterCell = /*#__PURE__*/styled(FooterCell).withConfig({
 });
 var _TableFooterCell = function _TableFooterCell(_ref5) {
   var children = _ref5.children;
-  var _useTableContext = useTableContext(),
-    surfaceLevel = _useTableContext.surfaceLevel;
   var isChildrenString = typeof children === 'string';
+  var _useTableContext = useTableContext(),
+    backgroundColor = _useTableContext.backgroundColor;
   return /*#__PURE__*/jsx(StyledFooterCell, _objectSpread(_objectSpread({
-    $surfaceLevel: surfaceLevel
+    $backgroundColor: backgroundColor
   }, metaAttribute({
     name: MetaConstants.TableFooterCell
   })), {}, {
     children: isChildrenString ? /*#__PURE__*/jsx(Text, {
       size: "medium",
-      weight: "bold",
+      weight: "medium",
       children: children
     }) : children
   }));

package/build/lib/web/development/components/Table/TableFooter.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooter.web.js","sources":["../../../../../../src/components/Table/TableFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { Footer, FooterRow, FooterCell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { tableFooter } from './tokens';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport type { TableFooterProps, TableFooterRowProps, TableFooterCellProps } from './types';\nimport { Text } from '~components/Typography';\nimport { makeSpace } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport type { SurfaceLevels } from '~tokens/theme/theme';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledFooter = styled(Footer)(({ theme }) => ({\n  '&&&': {\n    backgroundColor: getIn(theme.colors, tableFooter.backgroundColor),\n    '& tr:last-child th': {\n      borderBottom: 'none',\n    },\n  },\n}));\n\nconst _TableFooter = ({ children }: TableFooterProps): React.ReactElement => {\n  return (\n    <StyledFooter isFooter {...metaAttribute({ name: MetaConstants.TableFooter })}>\n      {children}\n    </StyledFooter>\n  );\n};\n\nconst TableFooter = assignWithoutSideEffects(_TableFooter, {\n  componentId: ComponentIds.TableFooter,\n});\n\nconst _TableFooterRow = ({ children }: TableFooterRowProps): React.ReactElement => {\n  return (\n    <FooterRow {...metaAttribute({ name: MetaConstants.TableFooterRow })}>{children}</FooterRow>\n  );\n};\n\nconst TableFooterRow = assignWithoutSideEffects(_TableFooterRow, {\n  componentId: ComponentIds.TableFooterRow,\n});\n\nconst StyledFooterCell = styled(FooterCell)<{\n  $surfaceLevel: SurfaceLevels;\n}>(({ theme, $surfaceLevel }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, `surface.background.level${$surfaceLevel}.lowContrast`),\n    borderBottomWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),\n    borderTopWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),\n    borderBottomColor: getIn(theme.colors, tableFooter.borderBottomAndTopColor),\n    borderTopColor: getIn(theme.colors, tableFooter.borderBottomAndTopColor),\n    borderBottomStyle: 'solid',\n    borderTopStyle: 'solid',\n    '> div': {\n      backgroundColor: getIn(theme.colors, tableFooter.backgroundColor),\n      display: 'flex',\n      flexDirection: 'row',\n      height: '100%',\n      paddingTop: makeSpace(getIn(theme, tableFooter.paddingTop)),\n      paddingBottom: makeSpace(getIn(theme, tableFooter.paddingBottom)),\n      paddingLeft: makeSpace(getIn(theme, tableFooter.paddingLeft)),\n      paddingRight: makeSpace(getIn(theme, tableFooter.paddingRight)),\n    },\n  },\n}));\n\nconst _TableFooterCell = ({ children }: TableFooterCellProps): React.ReactElement => {\n  const { surfaceLevel } = useTableContext();\n  const isChildrenString = typeof children === 'string';\n  return (\n    <StyledFooterCell\n      $surfaceLevel={surfaceLevel}\n      {...metaAttribute({ name: MetaConstants.TableFooterCell })}\n    >\n      {isChildrenString ? (\n        <Text size=\"medium\" weight=\"bold\">\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n    </StyledFooterCell>\n  );\n};\n\nconst TableFooterCell = assignWithoutSideEffects(_TableFooterCell, {\n  componentId: ComponentIds.TableFooterCell,\n});\n\nexport { TableFooter, TableFooterRow, TableFooterCell };\n"],"names":["StyledFooter","styled","Footer","withConfig","displayName","componentId","_ref","theme","backgroundColor","getIn","colors","tableFooter","borderBottom","_TableFooter","_ref2","children","_jsx","_objectSpread","isFooter","metaAttribute","name","MetaConstants","TableFooter","assignWithoutSideEffects","ComponentIds","_TableFooterRow","_ref3","FooterRow","TableFooterRow","StyledFooterCell","FooterCell","_ref4","$surfaceLevel","height","concat","borderBottomWidth","makeSpace","border","width","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","display","flexDirection","paddingTop","paddingBottom","paddingLeft","paddingRight","_TableFooterCell","_ref5","_useTableContext","useTableContext","surfaceLevel","isChildrenString","TableFooterCell","Text","size","weight"],"mappings":"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"}
+{"version":3,"file":"TableFooter.web.js","sources":["../../../../../../src/components/Table/TableFooter.web.tsx"],"sourcesContent":["import React from 'react';\nimport { Footer, FooterRow, FooterCell } from '@table-library/react-table-library/table';\nimport styled from 'styled-components';\nimport { tableFooter } from './tokens';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableFooterProps,\n  TableFooterRowProps,\n  TableFooterCellProps,\n  TableBackgroundColors,\n} from './types';\nimport { useTableContext } from './TableContext';\nimport { Text } from '~components/Typography';\nimport { makeSpace } from '~utils';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst StyledFooter = styled(Footer)(({ theme }) => ({\n  '&&&': {\n    backgroundColor: getIn(theme.colors, tableFooter.backgroundColor),\n    '& tr:last-child th': {\n      borderBottom: 'none',\n    },\n  },\n}));\n\nconst _TableFooter = ({ children }: TableFooterProps): React.ReactElement => {\n  return (\n    <StyledFooter isFooter {...metaAttribute({ name: MetaConstants.TableFooter })}>\n      {children}\n    </StyledFooter>\n  );\n};\n\nconst TableFooter = assignWithoutSideEffects(_TableFooter, {\n  componentId: ComponentIds.TableFooter,\n});\n\nconst _TableFooterRow = ({ children }: TableFooterRowProps): React.ReactElement => {\n  return (\n    <FooterRow {...metaAttribute({ name: MetaConstants.TableFooterRow })}>{children}</FooterRow>\n  );\n};\n\nconst TableFooterRow = assignWithoutSideEffects(_TableFooterRow, {\n  componentId: ComponentIds.TableFooterRow,\n});\n\nconst StyledFooterCell = styled(FooterCell)<{ $backgroundColor: TableBackgroundColors }>(\n  ({ theme, $backgroundColor }) => ({\n    '&&&': {\n      height: '100%',\n      backgroundColor: getIn(theme.colors, $backgroundColor),\n      borderBottomWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),\n      borderTopWidth: makeSpace(getIn(theme.border.width, tableFooter.borderBottomAndTopWidth)),\n      borderBottomColor: getIn(theme.colors, tableFooter.borderBottomAndTopColor),\n      borderTopColor: getIn(theme.colors, tableFooter.borderBottomAndTopColor),\n      borderBottomStyle: 'solid',\n      borderTopStyle: 'solid',\n      '> div': {\n        backgroundColor: getIn(theme.colors, tableFooter.backgroundColor),\n        display: 'flex',\n        flexDirection: 'row',\n        height: '100%',\n        paddingTop: makeSpace(getIn(theme, tableFooter.paddingTop)),\n        paddingBottom: makeSpace(getIn(theme, tableFooter.paddingBottom)),\n        paddingLeft: makeSpace(getIn(theme, tableFooter.paddingLeft)),\n        paddingRight: makeSpace(getIn(theme, tableFooter.paddingRight)),\n      },\n    },\n  }),\n);\n\nconst _TableFooterCell = ({ children }: TableFooterCellProps): React.ReactElement => {\n  const isChildrenString = typeof children === 'string';\n  const { backgroundColor } = useTableContext();\n\n  return (\n    <StyledFooterCell\n      $backgroundColor={backgroundColor}\n      {...metaAttribute({ name: MetaConstants.TableFooterCell })}\n    >\n      {isChildrenString ? (\n        <Text size=\"medium\" weight=\"medium\">\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n    </StyledFooterCell>\n  );\n};\n\nconst TableFooterCell = assignWithoutSideEffects(_TableFooterCell, {\n  componentId: ComponentIds.TableFooterCell,\n});\n\nexport { TableFooter, TableFooterRow, TableFooterCell };\n"],"names":["StyledFooter","styled","Footer","withConfig","displayName","componentId","_ref","theme","backgroundColor","getIn","colors","tableFooter","borderBottom","_TableFooter","_ref2","children","_jsx","_objectSpread","isFooter","metaAttribute","name","MetaConstants","TableFooter","assignWithoutSideEffects","ComponentIds","_TableFooterRow","_ref3","FooterRow","TableFooterRow","StyledFooterCell","FooterCell","_ref4","$backgroundColor","height","borderBottomWidth","makeSpace","border","width","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","display","flexDirection","paddingTop","paddingBottom","paddingLeft","paddingRight","_TableFooterCell","_ref5","isChildrenString","_useTableContext","useTableContext","TableFooterCell","Text","size","weight"],"mappings":"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"}

package/build/lib/web/development/components/Table/TableHeader.web.js

@@ -14,9 +14,11 @@ import '../Box/BaseBox/index.js';
 import '../../utils/metaAttribute/index.js';
 import '../BladeProvider/index.js';
 import getIn from '../../utils/lodashButBetter/get.js';
+import '../../utils/getFocusRingStyles/index.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { castWebType } from '../../utils/platform/castUtils.js';
 import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 import useTheme from '../BladeProvider/useTheme.js';
 import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
 import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
@@ -47,10 +49,9 @@ var SortButton = /*#__PURE__*/styled.button.withConfig({
     transitionProperty: 'color, box-shadow',
     transitionDuration: castWebType(makeMotionTime(getIn(theme.motion, 'duration.quick'))),
     transitionTimingFunction: theme.motion.easing.standard,
-    '&:focus-visible': {
-      boxShadow: "0px 0px 0px 4px ".concat(theme.colors.brand.primary[400]),
-      outline: 'none'
-    }
+    '&:focus-visible': getFocusRingStyles({
+      theme: theme
+    })
   };
 });
 var SortIcon = function SortIcon(_ref2) {
@@ -58,8 +59,8 @@ var SortIcon = function SortIcon(_ref2) {
     isSortReversed = _ref2.isSortReversed;
   var _useTheme = useTheme(),
     theme = _useTheme.theme;
-  var defaultColor = getIn(theme.colors, 'surface.action.icon.default.lowContrast');
-  var activeColor = getIn(theme.colors, 'brand.primary.500');
+  var defaultColor = getIn(theme.colors, 'interactive.icon.gray.muted');
+  var activeColor = getIn(theme.colors, 'interactive.icon.primary.subtle');
   var upArrowColor = isSorted && isSortReversed ? activeColor : defaultColor;
   var downArrowColor = isSorted && !isSortReversed ? activeColor : defaultColor;
   return /*#__PURE__*/jsx(SortButton, _objectSpread(_objectSpread({}, makeAccessible({
@@ -106,12 +107,12 @@ var StyledHeaderCell = /*#__PURE__*/styled(HeaderCell).withConfig({
   componentId: "z541ct-2"
 })(function (_ref4) {
   var theme = _ref4.theme,
-    $surfaceLevel = _ref4.$surfaceLevel,
-    $isSortable = _ref4.$isSortable;
+    $isSortable = _ref4.$isSortable,
+    $backgroundColor = _ref4.$backgroundColor;
   return {
     '&&&': {
-      backgroundColor: getIn(theme.colors, "surface.background.level".concat($surfaceLevel, ".lowContrast")),
       height: '100%',
+      backgroundColor: getIn(theme.colors, $backgroundColor),
       borderBottomWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),
       borderTopWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),
       borderBottomColor: getIn(theme.colors, tableHeader.borderBottomAndTopColor),
@@ -131,10 +132,10 @@ var StyledHeaderCell = /*#__PURE__*/styled(HeaderCell).withConfig({
         paddingLeft: makeSpace(getIn(theme, tableHeader.paddingLeft)),
         paddingRight: makeSpace(getIn(theme, tableHeader.paddingRight))
       },
-      '&:focus-visible': {
-        boxShadow: "0px 0px 0px 4px ".concat(theme.colors.brand.primary[400], " inset"),
-        outline: 'none'
-      }
+      '&:focus-visible': getFocusRingStyles({
+        theme: theme,
+        negativeOffset: true
+      })
     }
   };
 });
@@ -145,15 +146,15 @@ var _TableHeaderCell = function _TableHeaderCell(_ref5) {
   var _useTableContext = useTableContext(),
     toggleSort = _useTableContext.toggleSort,
     currentSortedState = _useTableContext.currentSortedState,
-    surfaceLevel = _useTableContext.surfaceLevel;
+    backgroundColor = _useTableContext.backgroundColor;
   var isChildrenString = typeof children === 'string';
   var isSortable = headerKey && Boolean((_currentSortedState$s = currentSortedState.sortableColumns) === null || _currentSortedState$s === void 0 ? void 0 : _currentSortedState$s.find(function (key) {
     return key === headerKey;
   }));
   return /*#__PURE__*/jsxs(StyledHeaderCell, _objectSpread(_objectSpread({
     tabIndex: 0,
-    $surfaceLevel: surfaceLevel,
     $isSortable: isSortable,
+    $backgroundColor: backgroundColor,
     onClick: function onClick() {
       if (isSortable) {
         toggleSort(headerKey);
@@ -164,7 +165,8 @@ var _TableHeaderCell = function _TableHeaderCell(_ref5) {
   })), {}, {
     children: [isChildrenString ? /*#__PURE__*/jsx(Text, {
       size: "medium",
-      weight: "bold",
+      weight: "medium",
+      color: "surface.text.gray.normal",
       children: children
     }) : children, isSortable && /*#__PURE__*/jsx(BaseBox, {
       paddingLeft: "spacing.2",

package/build/lib/web/development/components/Table/TableHeader.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.web.js","sources":["../../../../../../src/components/Table/TableHeader.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Header, HeaderRow, HeaderCell } from '@table-library/react-table-library/table';\nimport { tableHeader } from './tokens';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport type { TableHeaderRowProps, TableHeaderCellProps } from './types';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeMotionTime, makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport type { SurfaceLevels } from '~tokens/theme/theme';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\n\nconst SortButton = styled.button(({ theme }) => ({\n  cursor: 'pointer',\n  border: 'none',\n  padding: 0,\n  margin: 0,\n  borderRadius: theme.border.radius.small,\n  background: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transitionProperty: 'color, box-shadow',\n  transitionDuration: castWebType(makeMotionTime(getIn(theme.motion, 'duration.quick'))),\n  transitionTimingFunction: (theme.motion.easing.standard as unknown) as string,\n  '&:focus-visible': {\n    boxShadow: `0px 0px 0px 4px ${theme.colors.brand.primary[400]}`,\n    outline: 'none',\n  },\n}));\n\nconst SortIcon = ({\n  isSorted,\n  isSortReversed,\n}: {\n  isSorted: boolean;\n  isSortReversed: boolean;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultColor = getIn(theme.colors, 'surface.action.icon.default.lowContrast');\n  const activeColor = getIn(theme.colors, 'brand.primary.500');\n  const upArrowColor = isSorted && isSortReversed ? activeColor : defaultColor;\n  const downArrowColor = isSorted && !isSortReversed ? activeColor : defaultColor;\n  return (\n    <SortButton {...makeAccessible({ label: 'Toggle Sort', role: 'button' })}>\n      <svg width={20} height={20} fill=\"none\">\n        <path\n          fill={upArrowColor}\n          d=\"M10.59 2.251a.817.817 0 0 0-1.18 0L5.245 6.537a.875.875 0 0 0 0 1.212.817.817 0 0 0 1.179 0L10 4.069l3.577 3.68a.817.817 0 0 0 1.179 0 .874.874 0 0 0 0-1.212L10.589 2.25Z\"\n        />\n        <path\n          fill={downArrowColor}\n          d=\"M9.41 17.749a.817.817 0 0 0 1.18 0l4.166-4.286a.874.874 0 0 0 0-1.212.817.817 0 0 0-1.179 0L10 15.931l-3.577-3.68a.817.817 0 0 0-1.179 0 .874.874 0 0 0 0 1.212l4.167 4.286Z\"\n        />\n      </svg>\n    </SortButton>\n  );\n};\n\nconst StyledHeader = styled(Header)({\n  '&&&': {\n    '& tr:first-child th': {\n      borderTop: 'none',\n    },\n  },\n});\n\nconst _TableHeader = ({ children }: TableHeaderRowProps): React.ReactElement => {\n  return (\n    <StyledHeader {...metaAttribute({ name: MetaConstants.TableHeader })}>{children}</StyledHeader>\n  );\n};\n\nconst TableHeader = assignWithoutSideEffects(_TableHeader, {\n  componentId: ComponentIds.TableHeader,\n});\n\nconst StyledHeaderCell = styled(HeaderCell)<{\n  $surfaceLevel: SurfaceLevels;\n  $isSortable: boolean;\n}>(({ theme, $surfaceLevel, $isSortable }) => ({\n  '&&&': {\n    backgroundColor: getIn(theme.colors, `surface.background.level${$surfaceLevel}.lowContrast`),\n    height: '100%',\n    borderBottomWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),\n    borderTopWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),\n    borderBottomColor: getIn(theme.colors, tableHeader.borderBottomAndTopColor),\n    borderTopColor: getIn(theme.colors, tableHeader.borderBottomAndTopColor),\n    borderBottomStyle: 'solid',\n    borderTopStyle: 'solid',\n    cursor: $isSortable ? 'pointer' : 'auto',\n    '> div': {\n      backgroundColor: getIn(theme.colors, tableHeader.backgroundColor),\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      height: '100%',\n      paddingTop: makeSpace(getIn(theme, tableHeader.paddingTop)),\n      paddingBottom: makeSpace(getIn(theme, tableHeader.paddingBottom)),\n      paddingLeft: makeSpace(getIn(theme, tableHeader.paddingLeft)),\n      paddingRight: makeSpace(getIn(theme, tableHeader.paddingRight)),\n    },\n    '&:focus-visible': {\n      boxShadow: `0px 0px 0px 4px ${theme.colors.brand.primary[400]} inset`,\n      outline: 'none',\n    },\n  },\n}));\n\nconst _TableHeaderCell = ({ children, headerKey }: TableHeaderCellProps): React.ReactElement => {\n  const { toggleSort, currentSortedState, surfaceLevel } = useTableContext();\n  const isChildrenString = typeof children === 'string';\n  const isSortable =\n    headerKey && Boolean(currentSortedState.sortableColumns?.find((key) => key === headerKey));\n  return (\n    <StyledHeaderCell\n      tabIndex={0}\n      $surfaceLevel={surfaceLevel}\n      $isSortable={isSortable}\n      onClick={() => {\n        if (isSortable) {\n          toggleSort(headerKey);\n        }\n      }}\n      {...metaAttribute({ name: MetaConstants.TableHeaderCell })}\n    >\n      {isChildrenString ? (\n        <Text size=\"medium\" weight=\"bold\">\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      {isSortable && (\n        <BaseBox paddingLeft=\"spacing.2\" backgroundColor=\"transparent\">\n          <SortIcon\n            isSorted={currentSortedState.sortKey === headerKey}\n            isSortReversed={currentSortedState.isSortReversed}\n          />\n        </BaseBox>\n      )}\n    </StyledHeaderCell>\n  );\n};\n\nconst TableHeaderCell = assignWithoutSideEffects(_TableHeaderCell, {\n  componentId: ComponentIds.TableHeaderCell,\n});\n\nconst TableHeaderCellCheckbox = ({\n  isChecked,\n  isIndeterminate,\n  onChange,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  isIndeterminate?: CheckboxProps['isIndeterminate'];\n  onChange: CheckboxProps['onChange'];\n}): React.ReactElement => {\n  return (\n    <TableHeaderCell headerKey=\"SELECT\">\n      <BaseBox display=\"flex\" alignItems=\"center\" justifyContent=\"center\" flex={1}>\n        <Checkbox isChecked={isChecked} isIndeterminate={isIndeterminate} onChange={onChange} />\n      </BaseBox>\n    </TableHeaderCell>\n  );\n};\n\nconst _TableHeaderRow = ({ children }: TableHeaderRowProps): React.ReactElement => {\n  const { selectionType, selectedRows, totalItems, toggleAllRowsSelection } = useTableContext();\n  const isMultiSelect = selectionType === 'multiple';\n  const isAllSelected = selectedRows && selectedRows.length === totalItems;\n  const isIndeterminate = selectedRows && selectedRows.length > 0 && !isAllSelected;\n  return (\n    <HeaderRow role=\"rowheader\" {...metaAttribute({ name: MetaConstants.TableHeaderRow })}>\n      {isMultiSelect && (\n        <TableHeaderCellCheckbox\n          isChecked={isAllSelected}\n          isIndeterminate={isIndeterminate}\n          onChange={() => toggleAllRowsSelection()}\n        />\n      )}\n      {children}\n    </HeaderRow>\n  );\n};\n\nconst TableHeaderRow = assignWithoutSideEffects(_TableHeaderRow, {\n  componentId: ComponentIds.TableHeaderRow,\n});\n\nexport { TableHeader, TableHeaderRow, TableHeaderCell };\n"],"names":["SortButton","styled","button","withConfig","displayName","componentId","_ref","theme","cursor","border","padding","margin","borderRadius","radius","small","background","display","alignItems","justifyContent","transitionProperty","transitionDuration","castWebType","makeMotionTime","getIn","motion","transitionTimingFunction","easing","standard","boxShadow","concat","colors","brand","primary","outline","SortIcon","_ref2","isSorted","isSortReversed","_useTheme","useTheme","defaultColor","activeColor","upArrowColor","downArrowColor","_jsx","_objectSpread","makeAccessible","label","role","children","_jsxs","width","height","fill","d","StyledHeader","Header","borderTop","_TableHeader","_ref3","metaAttribute","name","MetaConstants","TableHeader","assignWithoutSideEffects","ComponentIds","StyledHeaderCell","HeaderCell","_ref4","$surfaceLevel","$isSortable","backgroundColor","borderBottomWidth","makeSpace","tableHeader","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","flexDirection","paddingTop","paddingBottom","paddingLeft","paddingRight","_TableHeaderCell","_ref5","_currentSortedState$s","headerKey","_useTableContext","useTableContext","toggleSort","currentSortedState","surfaceLevel","isChildrenString","isSortable","Boolean","sortableColumns","find","key","tabIndex","onClick","TableHeaderCell","Text","size","weight","BaseBox","sortKey","TableHeaderCellCheckbox","_ref6","isChecked","isIndeterminate","onChange","flex","Checkbox","_TableHeaderRow","_ref7","_useTableContext2","selectionType","selectedRows","totalItems","toggleAllRowsSelection","isMultiSelect","isAllSelected","length","HeaderRow","TableHeaderRow"],"mappings":"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"}
+{"version":3,"file":"TableHeader.web.js","sources":["../../../../../../src/components/Table/TableHeader.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Header, HeaderRow, HeaderCell } from '@table-library/react-table-library/table';\nimport { tableHeader } from './tokens';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport type { TableHeaderRowProps, TableHeaderCellProps, TableBackgroundColors } from './types';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeMotionTime, makeSpace } from '~utils';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst SortButton = styled.button(({ theme }) => ({\n  cursor: 'pointer',\n  border: 'none',\n  padding: 0,\n  margin: 0,\n  borderRadius: theme.border.radius.small,\n  background: 'transparent',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  transitionProperty: 'color, box-shadow',\n  transitionDuration: castWebType(makeMotionTime(getIn(theme.motion, 'duration.quick'))),\n  transitionTimingFunction: (theme.motion.easing.standard as unknown) as string,\n  '&:focus-visible': getFocusRingStyles({ theme }),\n}));\n\nconst SortIcon = ({\n  isSorted,\n  isSortReversed,\n}: {\n  isSorted: boolean;\n  isSortReversed: boolean;\n}): React.ReactElement => {\n  const { theme } = useTheme();\n  const defaultColor = getIn(theme.colors, 'interactive.icon.gray.muted');\n  const activeColor = getIn(theme.colors, 'interactive.icon.primary.subtle');\n  const upArrowColor = isSorted && isSortReversed ? activeColor : defaultColor;\n  const downArrowColor = isSorted && !isSortReversed ? activeColor : defaultColor;\n  return (\n    <SortButton {...makeAccessible({ label: 'Toggle Sort', role: 'button' })}>\n      <svg width={20} height={20} fill=\"none\">\n        <path\n          fill={upArrowColor}\n          d=\"M10.59 2.251a.817.817 0 0 0-1.18 0L5.245 6.537a.875.875 0 0 0 0 1.212.817.817 0 0 0 1.179 0L10 4.069l3.577 3.68a.817.817 0 0 0 1.179 0 .874.874 0 0 0 0-1.212L10.589 2.25Z\"\n        />\n        <path\n          fill={downArrowColor}\n          d=\"M9.41 17.749a.817.817 0 0 0 1.18 0l4.166-4.286a.874.874 0 0 0 0-1.212.817.817 0 0 0-1.179 0L10 15.931l-3.577-3.68a.817.817 0 0 0-1.179 0 .874.874 0 0 0 0 1.212l4.167 4.286Z\"\n        />\n      </svg>\n    </SortButton>\n  );\n};\n\nconst StyledHeader = styled(Header)({\n  '&&&': {\n    '& tr:first-child th': {\n      borderTop: 'none',\n    },\n  },\n});\n\nconst _TableHeader = ({ children }: TableHeaderRowProps): React.ReactElement => {\n  return (\n    <StyledHeader {...metaAttribute({ name: MetaConstants.TableHeader })}>{children}</StyledHeader>\n  );\n};\n\nconst TableHeader = assignWithoutSideEffects(_TableHeader, {\n  componentId: ComponentIds.TableHeader,\n});\n\nconst StyledHeaderCell = styled(HeaderCell)<{\n  $isSortable: boolean;\n  $backgroundColor: TableBackgroundColors;\n}>(({ theme, $isSortable, $backgroundColor }) => ({\n  '&&&': {\n    height: '100%',\n    backgroundColor: getIn(theme.colors, $backgroundColor),\n    borderBottomWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),\n    borderTopWidth: makeSpace(getIn(theme.border.width, tableHeader.borderBottomAndTopWidth)),\n    borderBottomColor: getIn(theme.colors, tableHeader.borderBottomAndTopColor),\n    borderTopColor: getIn(theme.colors, tableHeader.borderBottomAndTopColor),\n    borderBottomStyle: 'solid',\n    borderTopStyle: 'solid',\n    cursor: $isSortable ? 'pointer' : 'auto',\n    '> div': {\n      backgroundColor: getIn(theme.colors, tableHeader.backgroundColor),\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'space-between',\n      alignItems: 'center',\n      height: '100%',\n      paddingTop: makeSpace(getIn(theme, tableHeader.paddingTop)),\n      paddingBottom: makeSpace(getIn(theme, tableHeader.paddingBottom)),\n      paddingLeft: makeSpace(getIn(theme, tableHeader.paddingLeft)),\n      paddingRight: makeSpace(getIn(theme, tableHeader.paddingRight)),\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst _TableHeaderCell = ({ children, headerKey }: TableHeaderCellProps): React.ReactElement => {\n  const { toggleSort, currentSortedState, backgroundColor } = useTableContext();\n  const isChildrenString = typeof children === 'string';\n  const isSortable =\n    headerKey && Boolean(currentSortedState.sortableColumns?.find((key) => key === headerKey));\n  return (\n    <StyledHeaderCell\n      tabIndex={0}\n      $isSortable={isSortable}\n      $backgroundColor={backgroundColor}\n      onClick={() => {\n        if (isSortable) {\n          toggleSort(headerKey);\n        }\n      }}\n      {...metaAttribute({ name: MetaConstants.TableHeaderCell })}\n    >\n      {isChildrenString ? (\n        <Text size=\"medium\" weight=\"medium\" color=\"surface.text.gray.normal\">\n          {children}\n        </Text>\n      ) : (\n        children\n      )}\n      {isSortable && (\n        <BaseBox paddingLeft=\"spacing.2\" backgroundColor=\"transparent\">\n          <SortIcon\n            isSorted={currentSortedState.sortKey === headerKey}\n            isSortReversed={currentSortedState.isSortReversed}\n          />\n        </BaseBox>\n      )}\n    </StyledHeaderCell>\n  );\n};\n\nconst TableHeaderCell = assignWithoutSideEffects(_TableHeaderCell, {\n  componentId: ComponentIds.TableHeaderCell,\n});\n\nconst TableHeaderCellCheckbox = ({\n  isChecked,\n  isIndeterminate,\n  onChange,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  isIndeterminate?: CheckboxProps['isIndeterminate'];\n  onChange: CheckboxProps['onChange'];\n}): React.ReactElement => {\n  return (\n    <TableHeaderCell headerKey=\"SELECT\">\n      <BaseBox display=\"flex\" alignItems=\"center\" justifyContent=\"center\" flex={1}>\n        <Checkbox isChecked={isChecked} isIndeterminate={isIndeterminate} onChange={onChange} />\n      </BaseBox>\n    </TableHeaderCell>\n  );\n};\n\nconst _TableHeaderRow = ({ children }: TableHeaderRowProps): React.ReactElement => {\n  const { selectionType, selectedRows, totalItems, toggleAllRowsSelection } = useTableContext();\n  const isMultiSelect = selectionType === 'multiple';\n  const isAllSelected = selectedRows && selectedRows.length === totalItems;\n  const isIndeterminate = selectedRows && selectedRows.length > 0 && !isAllSelected;\n  return (\n    <HeaderRow role=\"rowheader\" {...metaAttribute({ name: MetaConstants.TableHeaderRow })}>\n      {isMultiSelect && (\n        <TableHeaderCellCheckbox\n          isChecked={isAllSelected}\n          isIndeterminate={isIndeterminate}\n          onChange={() => toggleAllRowsSelection()}\n        />\n      )}\n      {children}\n    </HeaderRow>\n  );\n};\n\nconst TableHeaderRow = assignWithoutSideEffects(_TableHeaderRow, {\n  componentId: ComponentIds.TableHeaderRow,\n});\n\nexport { TableHeader, TableHeaderRow, TableHeaderCell };\n"],"names":["SortButton","styled","button","withConfig","displayName","componentId","_ref","theme","cursor","border","padding","margin","borderRadius","radius","small","background","display","alignItems","justifyContent","transitionProperty","transitionDuration","castWebType","makeMotionTime","getIn","motion","transitionTimingFunction","easing","standard","getFocusRingStyles","SortIcon","_ref2","isSorted","isSortReversed","_useTheme","useTheme","defaultColor","colors","activeColor","upArrowColor","downArrowColor","_jsx","_objectSpread","makeAccessible","label","role","children","_jsxs","width","height","fill","d","StyledHeader","Header","borderTop","_TableHeader","_ref3","metaAttribute","name","MetaConstants","TableHeader","assignWithoutSideEffects","ComponentIds","StyledHeaderCell","HeaderCell","_ref4","$isSortable","$backgroundColor","backgroundColor","borderBottomWidth","makeSpace","tableHeader","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","flexDirection","paddingTop","paddingBottom","paddingLeft","paddingRight","negativeOffset","_TableHeaderCell","_ref5","_currentSortedState$s","headerKey","_useTableContext","useTableContext","toggleSort","currentSortedState","isChildrenString","isSortable","Boolean","sortableColumns","find","key","tabIndex","onClick","TableHeaderCell","Text","size","weight","color","BaseBox","sortKey","TableHeaderCellCheckbox","_ref6","isChecked","isIndeterminate","onChange","flex","Checkbox","_TableHeaderRow","_ref7","_useTableContext2","selectionType","selectedRows","totalItems","toggleAllRowsSelection","isMultiSelect","isAllSelected","length","HeaderRow","TableHeaderRow"],"mappings":"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"}

package/build/lib/web/development/components/Table/TablePagination.web.js

@@ -18,9 +18,13 @@ import '../Button/index.js';
 import '../../utils/makeAccessible/index.js';
 import '../../utils/assignWithoutSideEffects/index.js';
 import '../BladeProvider/index.js';
+import '../../utils/logger/index.js';
+import '../../utils/getFocusRingStyles/index.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { makeSize } from '../../utils/makeSize/makeSize.js';
+import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 import useTheme from '../BladeProvider/useTheme.js';
+import { throwBladeError } from '../../utils/logger/logger.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { Text } from '../Typography/Text/Text.js';
 import { Dropdown } from '../Dropdown/Dropdown.js';
@@ -62,10 +66,9 @@ var PageSelectionButton = /*#__PURE__*/styled.button.withConfig({
     '&:focus-visible': {
       backgroundColor: isSelected ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive) : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive),
       outline: 'none',
-      '&:focus-visible': {
-        outline: "1px solid ".concat(theme.colors.surface.background.level1.lowContrast),
-        boxShadow: "0px 0px 0px 4px ".concat(getIn(theme.colors, tablePagination.pageSelectionButton.focusRingColor))
-      }
+      '&:focus-visible': getFocusRingStyles({
+        theme: theme
+      })
     },
     '&:active': {
       backgroundColor: isSelected ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive) : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive)
@@ -150,12 +153,16 @@ var _TablePagination = function _TablePagination(_ref3) {
     _ref3$showPageNumberS = _ref3.showPageNumberSelector,
     showPageNumberSelector = _ref3$showPageNumberS === void 0 ? false : _ref3$showPageNumberS,
     showLabel = _ref3.showLabel,
-    label = _ref3.label;
+    label = _ref3.label,
+    totalItemCount = _ref3.totalItemCount,
+    _ref3$paginationType = _ref3.paginationType,
+    paginationType = _ref3$paginationType === void 0 ? 'client' : _ref3$paginationType;
   var _useTableContext = useTableContext(),
     setPaginationPage = _useTableContext.setPaginationPage,
     currentPaginationState = _useTableContext.currentPaginationState,
     totalItems = _useTableContext.totalItems,
-    setPaginationRowSize = _useTableContext.setPaginationRowSize;
+    setPaginationRowSize = _useTableContext.setPaginationRowSize,
+    setPaginationType = _useTableContext.setPaginationType;
   var _React$useState = React__default.useState(defaultPageSize),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     currentPageSize = _React$useState2[0],
@@ -174,13 +181,14 @@ var _TablePagination = function _TablePagination(_ref3) {
   var onMobile = platform === 'onMobile';
   useEffect(function () {
     setPaginationRowSize(currentPageSize);
+    setPaginationType(paginationType);
   }, []);
   useEffect(function () {
     if (currentPage && (currentPaginationState === null || currentPaginationState === void 0 ? void 0 : currentPaginationState.page) !== currentPage) {
       setPaginationPage(currentPage);
     }
   }, [currentPage, currentPaginationState === null || currentPaginationState === void 0 ? void 0 : currentPaginationState.page, setPaginationPage]);
-  var totalPages = Math.ceil(totalItems / currentPageSize);
+  var totalPages = isUndefined(totalItemCount) ? Math.ceil(totalItems / currentPageSize) : Math.ceil(totalItemCount / currentPageSize);
   var handlePageChange = useCallback(function (page) {
     var pageToJumpTo = page;
     if (pageToJumpTo < 0) {
@@ -202,6 +210,14 @@ var _TablePagination = function _TablePagination(_ref3) {
       handlePageChange(controlledCurrentPage);
     }
   }, [controlledCurrentPage, currentPage, handlePageChange, onPageChange]);
+  if (true) {
+    if (paginationType === 'server' && (isUndefined(totalItemCount) || isUndefined(onPageChange))) {
+      throwBladeError({
+        message: '`onPageChange` and `totalItemCount` props are required when paginationType is server.',
+        moduleName: 'TablePagination'
+      });
+    }
+  }
   var handlePageSizeChange = function handlePageSizeChange(pageSize) {
     onPageSizeChange === null || onPageSizeChange === void 0 ? void 0 : onPageSizeChange({
       pageSize: pageSize
@@ -227,7 +243,7 @@ var _TablePagination = function _TablePagination(_ref3) {
       alignItems: "center",
       children: /*#__PURE__*/jsx(Text, {
         size: "medium",
-        weight: "bold",
+        weight: "semibold",
         children: label !== null && label !== void 0 ? label : defaultLabel
       })
     }), /*#__PURE__*/jsxs(BaseBox, {