@razorpay/blade 12.96.2 → 12.96.4

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 { checkboxCellWidth, tableHeader, tableRow, classes } from './tokens';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableHeaderRowProps,\n  TableHeaderCellProps,\n  TableBackgroundColors,\n  TableProps,\n  TableToolbarPlacement,\n} from './types';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeMotionTime, makeSize, 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';\nimport { size } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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.disabled');\n  const activeColor = getIn(theme.colors, 'interactive.icon.gray.muted');\n  const upArrowColor = isSorted && isSortReversed ? activeColor : defaultColor;\n  const downArrowColor = isSorted && !isSortReversed ? activeColor : defaultColor;\n  return (\n    <SortButton\n      {...metaAttribute({ name: MetaConstants.TableSortButton })}\n      {...makeAccessible({ label: 'Toggle Sort', role: 'button' })}\n    >\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)<{ $tableToolbarPlacement: TableToolbarPlacement }>(\n  ({ $tableToolbarPlacement }) => ({\n    '&&&': {\n      '& tr:first-child th': {\n        borderTop: 'none',\n      },\n      display: $tableToolbarPlacement === 'overlay' ? 'none' : undefined,\n    },\n  }),\n);\n\nconst _TableHeader = ({ children, ...rest }: TableHeaderRowProps): React.ReactElement => {\n  const { tableToolbarPlacement } = useTableContext();\n\n  return (\n    <StyledHeader\n      $tableToolbarPlacement={tableToolbarPlacement}\n      {...metaAttribute({ name: MetaConstants.TableHeader })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </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  $rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  $hasPadding: boolean;\n  $textAlign: 'left' | 'center' | 'right';\n  gridRow?: string;\n}>(({ theme, $isSortable, $backgroundColor, $rowDensity, $hasPadding, $textAlign, gridRow }) => ({\n  '&&&': {\n    display: $textAlign ? 'flex' : 'block',\n    justifyContent: $textAlign ? 'space-between' : 'initial',\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    gridRow,\n    '> div': {\n      backgroundColor: getIn(theme.colors, tableHeader.backgroundColor),\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: $textAlign ? $textAlign : 'space-between',\n      alignItems: 'center',\n      height: '100%',\n      paddingLeft: $hasPadding\n        ? makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity]))\n        : undefined,\n      paddingRight: $hasPadding\n        ? makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity]))\n        : undefined,\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst _TableHeaderCell = ({\n  children,\n  headerKey,\n  _hasPadding = true,\n  textAlign,\n  gridColumnStart,\n  gridColumnEnd,\n  gridRowStart,\n  gridRowEnd,\n  ...rest\n}: TableHeaderCellProps): React.ReactElement => {\n  const {\n    toggleSort,\n    currentSortedState,\n    backgroundColor,\n    rowDensity,\n    headerRowDensity,\n  } = useTableContext();\n  const isChildrenString = typeof children === 'string';\n  const isSortable =\n    headerKey && Boolean(currentSortedState.sortableColumns?.find((key) => key === headerKey));\n\n  const hasRowSpan = Boolean(gridRowStart && gridRowEnd);\n  const gridRowValue = hasRowSpan ? `${gridRowStart} / ${gridRowEnd}` : undefined;\n\n  return (\n    <StyledHeaderCell\n      tabIndex={0}\n      className={hasRowSpan ? classes.HAS_ROW_SPANNING : ''}\n      gridColumnStart={gridColumnStart}\n      gridColumnEnd={gridColumnEnd}\n      gridRow={gridRowValue}\n      $isSortable={isSortable}\n      $backgroundColor={backgroundColor}\n      $rowDensity={headerRowDensity ?? rowDensity}\n      $hasPadding={_hasPadding}\n      $textAlign={textAlign}\n      onClick={() => {\n        if (isSortable) {\n          toggleSort(headerKey);\n        }\n      }}\n      {...metaAttribute({ name: MetaConstants.TableHeaderCell })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexGrow={1} justifyContent={textAlign}>\n        {isChildrenString ? (\n          <Text size=\"small\" weight=\"medium\" color=\"surface.text.gray.muted\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </BaseBox>\n      {isSortable && (\n        <BaseBox paddingLeft=\"spacing.2\" backgroundColor=\"transparent\" flexShrink={0}>\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  isDisabled,\n  isIndeterminate,\n  onChange,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  isDisabled: CheckboxProps['isDisabled'];\n  isIndeterminate?: CheckboxProps['isIndeterminate'];\n  onChange: CheckboxProps['onChange'];\n}): React.ReactElement => {\n  return (\n    <TableHeaderCell headerKey=\"SELECT\">\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n      >\n        <Checkbox\n          isChecked={isChecked}\n          isDisabled={isDisabled}\n          isIndeterminate={isIndeterminate}\n          onChange={onChange}\n          {...makeAccessible({ label: 'Select All Rows' })}\n        />\n      </BaseBox>\n    </TableHeaderCell>\n  );\n};\n\nconst StyledHeaderRow = styled(HeaderRow)<{\n  $showBorderedCells: boolean;\n  $gridTemplateColumns: string | undefined;\n  $hasHoverActions: boolean;\n  $selectionType: TableProps<unknown>['selectionType'];\n  $columnCount: number;\n  $isVirtualized?: boolean;\n}>(\n  ({\n    theme,\n    $showBorderedCells,\n    $gridTemplateColumns,\n    $hasHoverActions,\n    $selectionType,\n    $columnCount,\n    $isVirtualized,\n  }) => ({\n    '& th': $showBorderedCells\n      ? {\n          borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n          borderRightColor: getIn(theme.colors, tableRow.borderColor),\n          borderRightStyle: 'solid',\n          ...($isVirtualized && {\n            display: 'grid',\n            gridTemplateColumns: $gridTemplateColumns\n              ? `${$gridTemplateColumns} ${$hasHoverActions ? 'min-content' : ''}`\n              : ` ${\n                  $selectionType === 'multiple' ? 'min-content' : ''\n                } repeat(${$columnCount},minmax(100px, 1fr)) ${\n                  $hasHoverActions ? 'min-content' : ''\n                } !important;`,\n          }),\n        }\n      : undefined,\n    '& th:last-child ': {\n      borderRight: 'none',\n    },\n  }),\n);\n\nconst _TableHeaderRow = ({\n  children,\n  rowDensity,\n  ...rest\n}: TableHeaderRowProps): React.ReactElement => {\n  const {\n    disabledRows,\n    selectionType,\n    selectedRows,\n    totalItems,\n    toggleAllRowsSelection,\n    setHeaderRowDensity,\n    showBorderedCells,\n    hasHoverActions,\n    gridTemplateColumns,\n    columnCount,\n    isVirtualized,\n  } = useTableContext();\n  const isMultiSelect = selectionType === 'multiple';\n  const isAllSelected = selectedRows && selectedRows.length === totalItems;\n  const isIndeterminate = selectedRows && selectedRows.length > 0 && !isAllSelected;\n  const isDisabled = disabledRows && disabledRows.length === totalItems;\n\n  // Note: The rowDensity prop is deprecated (see types.ts for @deprecated documentation).\n  // Header row is always compact (36px height) regardless of the rowDensity value passed.\n  // This prop will be removed in a future major version.\n  setHeaderRowDensity('compact');\n\n  return (\n    <StyledHeaderRow\n      role=\"rowheader\"\n      {...metaAttribute({ name: MetaConstants.TableHeaderRow })}\n      {...makeAnalyticsAttribute(rest)}\n      $showBorderedCells={showBorderedCells}\n      $gridTemplateColumns={gridTemplateColumns}\n      $hasHoverActions={hasHoverActions}\n      $selectionType={selectionType}\n      $columnCount={columnCount}\n      $isVirtualized={isVirtualized}\n    >\n      {isMultiSelect && (\n        <TableHeaderCellCheckbox\n          isChecked={isAllSelected}\n          isDisabled={isDisabled}\n          isIndeterminate={isIndeterminate}\n          onChange={() => toggleAllRowsSelection()}\n        />\n      )}\n      {children}\n      {hasHoverActions ? <TableHeaderCell _hasPadding={false}>Actions</TableHeaderCell> : null}\n    </StyledHeaderRow>\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","metaAttribute","name","MetaConstants","TableSortButton","makeAccessible","label","role","children","_jsxs","width","height","fill","d","StyledHeader","Header","_ref3","$tableToolbarPlacement","borderTop","undefined","_TableHeader","_ref4","rest","_objectWithoutProperties","_excluded","_useTableContext","useTableContext","tableToolbarPlacement","TableHeader","makeAnalyticsAttribute","assignWithoutSideEffects","ComponentIds","StyledHeaderCell","HeaderCell","_ref5","$isSortable","$backgroundColor","$rowDensity","$hasPadding","$textAlign","gridRow","backgroundColor","borderBottomWidth","makeSpace","tableHeader","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","flexDirection","paddingLeft","tableRow","paddingRight","minHeight","makeSize","size","negativeOffset","_TableHeaderCell","_ref6","_currentSortedState$s","headerKey","_ref6$_hasPadding","_hasPadding","textAlign","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","_excluded2","_useTableContext2","toggleSort","currentSortedState","rowDensity","headerRowDensity","isChildrenString","isSortable","Boolean","sortableColumns","find","key","hasRowSpan","gridRowValue","concat","tabIndex","className","classes","HAS_ROW_SPANNING","onClick","TableHeaderCell","BaseBox","flexGrow","Text","weight","color","flexShrink","sortKey","TableHeaderCellCheckbox","_ref7","isChecked","isDisabled","isIndeterminate","onChange","flex","checkboxCellWidth","Checkbox","StyledHeaderRow","HeaderRow","_ref8","$showBorderedCells","$gridTemplateColumns","$hasHoverActions","$selectionType","$columnCount","$isVirtualized","borderRightWidth","borderRightColor","borderColor","borderRightStyle","gridTemplateColumns","borderRight","_TableHeaderRow","_ref9","_excluded3","_useTableContext3","disabledRows","selectionType","selectedRows","totalItems","toggleAllRowsSelection","setHeaderRowDensity","showBorderedCells","hasHoverActions","columnCount","isVirtualized","isMultiSelect","isAllSelected","length","TableHeaderRow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAMA,UAAU,gBAAGC,MAAM,CAACC,MAAM,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,4BAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAAC,UAAAC,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EAAA,OAAQ;AAC/CC,IAAAA,MAAM,EAAE,SAAS;AACjBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,OAAO,EAAE,CAAC;AACVC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,YAAY,EAAEL,KAAK,CAACE,MAAM,CAACI,MAAM,CAACC,KAAK;AACvCC,IAAAA,UAAU,EAAE,aAAa;AACzBC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBC,IAAAA,kBAAkB,EAAE,mBAAmB;AACvCC,IAAAA,kBAAkB,EAAEC,WAAW,CAACC,cAAc,CAACC,KAAK,CAAChB,KAAK,CAACiB,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;AACtFC,IAAAA,wBAAwB,EAAGlB,KAAK,CAACiB,MAAM,CAACE,MAAM,CAACC,QAA8B;IAC7E,iBAAiB,EAAEC,kBAAkB,CAAC;AAAErB,MAAAA,KAAK,EAALA,KAAAA;KAAO,CAAA;GAChD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMsB,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAMY;AAAA,EAAA,IALxBC,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRC,cAAc,GAAAF,KAAA,CAAdE,cAAc,CAAA;AAKd,EAAA,IAAAC,SAAA,GAAkBC,QAAQ,EAAE;IAApB3B,KAAK,GAAA0B,SAAA,CAAL1B,KAAK,CAAA;EACb,IAAM4B,YAAY,GAAGZ,KAAK,CAAChB,KAAK,CAAC6B,MAAM,EAAE,gCAAgC,CAAC,CAAA;EAC1E,IAAMC,WAAW,GAAGd,KAAK,CAAChB,KAAK,CAAC6B,MAAM,EAAE,6BAA6B,CAAC,CAAA;EACtE,IAAME,YAAY,GAAGP,QAAQ,IAAIC,cAAc,GAAGK,WAAW,GAAGF,YAAY,CAAA;EAC5E,IAAMI,cAAc,GAAGR,QAAQ,IAAI,CAACC,cAAc,GAAGK,WAAW,GAAGF,YAAY,CAAA;EAC/E,oBACEK,GAAA,CAACxC,UAAU,EAAAyC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CACLC,EAAAA,EAAAA,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACC,eAAAA;GAAiB,CAAC,CACtDC,EAAAA,cAAc,CAAC;AAAEC,IAAAA,KAAK,EAAE,aAAa;AAAEC,IAAAA,IAAI,EAAE,QAAA;AAAS,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAC,IAAAA,QAAA,eAE5DC,IAAA,CAAA,KAAA,EAAA;AAAKC,MAAAA,KAAK,EAAE,EAAG;AAACC,MAAAA,MAAM,EAAE,EAAG;AAACC,MAAAA,IAAI,EAAC,MAAM;AAAAJ,MAAAA,QAAA,gBACrCT,GAAA,CAAA,MAAA,EAAA;AACEa,QAAAA,IAAI,EAAEf,YAAa;AACnBgB,QAAAA,CAAC,EAAC,4KAAA;OACH,CAAC,eACFd,GAAA,CAAA,MAAA,EAAA;AACEa,QAAAA,IAAI,EAAEd,cAAe;AACrBe,QAAAA,CAAC,EAAC,8KAAA;AAA8K,OACjL,CAAC,CAAA;KACC,CAAA;AAAC,GAAA,CACI,CAAC,CAAA;AAEjB,CAAC,CAAA;AAED,IAAMC,YAAY,gBAAGtD,MAAM,CAACuD,MAAM,CAAC,CAAArD,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CACjC,UAAAoD,KAAA,EAAA;AAAA,EAAA,IAAGC,sBAAsB,GAAAD,KAAA,CAAtBC,sBAAsB,CAAA;EAAA,OAAQ;AAC/B,IAAA,KAAK,EAAE;AACL,MAAA,qBAAqB,EAAE;AACrBC,QAAAA,SAAS,EAAE,MAAA;OACZ;AACD3C,MAAAA,OAAO,EAAE0C,sBAAsB,KAAK,SAAS,GAAG,MAAM,GAAGE,SAAAA;AAC3D,KAAA;GACD,CAAA;AAAA,CAAC,CACH,CAAA;AAED,IAAMC,YAAY,GAAG,SAAfA,YAAYA,CAAAC,KAAA,EAAuE;AAAA,EAAA,IAAjEb,QAAQ,GAAAa,KAAA,CAARb,QAAQ;AAAKc,IAAAA,IAAI,GAAAC,wBAAA,CAAAF,KAAA,EAAAG,SAAA,CAAA,CAAA;AACvC,EAAA,IAAAC,gBAAA,GAAkCC,eAAe,EAAE;IAA3CC,qBAAqB,GAAAF,gBAAA,CAArBE,qBAAqB,CAAA;EAE7B,oBACE5B,GAAA,CAACe,YAAY,EAAAd,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACXiB,IAAAA,sBAAsB,EAAEU,qBAAAA;AAAsB,GAAA,EAC1C1B,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACyB,WAAAA;AAAY,GAAC,CAAC,CAAA,EAClDC,sBAAsB,CAACP,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAd,IAAAA,QAAA,EAE/BA,QAAAA;AAAQ,GAAA,CACG,CAAC,CAAA;AAEnB,CAAC,CAAA;AAED,IAAMoB,WAAW,gBAAGE,wBAAwB,CAACV,YAAY,EAAE;EACzDxD,WAAW,EAAEmE,YAAY,CAACH,WAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMI,gBAAgB,gBAAGxE,MAAM,CAACyE,UAAU,CAAC,CAAAvE,UAAA,CAAA;EAAAC,WAAA,EAAA,kCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAOxC,UAAAsE,KAAA,EAAA;AAAA,EAAA,IAAGpE,KAAK,GAAAoE,KAAA,CAALpE,KAAK;IAAEqE,WAAW,GAAAD,KAAA,CAAXC,WAAW;IAAEC,gBAAgB,GAAAF,KAAA,CAAhBE,gBAAgB;IAAEC,WAAW,GAAAH,KAAA,CAAXG,WAAW;IAAEC,WAAW,GAAAJ,KAAA,CAAXI,WAAW;IAAEC,UAAU,GAAAL,KAAA,CAAVK,UAAU;IAAEC,OAAO,GAAAN,KAAA,CAAPM,OAAO,CAAA;EAAA,OAAQ;AAC/F,IAAA,KAAK,EAAE;AACLjE,MAAAA,OAAO,EAAEgE,UAAU,GAAG,MAAM,GAAG,OAAO;AACtC9D,MAAAA,cAAc,EAAE8D,UAAU,GAAG,eAAe,GAAG,SAAS;AACxD5B,MAAAA,MAAM,EAAE,MAAM;MACd8B,eAAe,EAAE3D,KAAK,CAAChB,KAAK,CAAC6B,MAAM,EAAEyC,gBAAgB,CAAC;AACtDM,MAAAA,iBAAiB,EAAEC,SAAS,CAAC7D,KAAK,CAAChB,KAAK,CAACE,MAAM,CAAC0C,KAAK,EAAEkC,WAAW,CAACC,uBAAuB,CAAC,CAAC;AAC5FC,MAAAA,cAAc,EAAEH,SAAS,CAAC7D,KAAK,CAAChB,KAAK,CAACE,MAAM,CAAC0C,KAAK,EAAEkC,WAAW,CAACC,uBAAuB,CAAC,CAAC;MACzFE,iBAAiB,EAAEjE,KAAK,CAAChB,KAAK,CAAC6B,MAAM,EAAEiD,WAAW,CAACI,uBAAuB,CAAC;MAC3EC,cAAc,EAAEnE,KAAK,CAAChB,KAAK,CAAC6B,MAAM,EAAEiD,WAAW,CAACI,uBAAuB,CAAC;AACxEE,MAAAA,iBAAiB,EAAE,OAAO;AAC1BC,MAAAA,cAAc,EAAE,OAAO;AACvBpF,MAAAA,MAAM,EAAEoE,WAAW,GAAG,SAAS,GAAG,MAAM;AACxCK,MAAAA,OAAO,EAAPA,OAAO;AACP,MAAA,OAAO,EAAE;QACPC,eAAe,EAAE3D,KAAK,CAAChB,KAAK,CAAC6B,MAAM,EAAEiD,WAAW,CAACH,eAAe,CAAC;AACjElE,QAAAA,OAAO,EAAE,MAAM;AACf6E,QAAAA,aAAa,EAAE,KAAK;AACpB3E,QAAAA,cAAc,EAAE8D,UAAU,GAAGA,UAAU,GAAG,eAAe;AACzD/D,QAAAA,UAAU,EAAE,QAAQ;AACpBmC,QAAAA,MAAM,EAAE,MAAM;AACd0C,QAAAA,WAAW,EAAEf,WAAW,GACpBK,SAAS,CAAC7D,KAAK,CAAChB,KAAK,EAAEwF,QAAQ,CAACD,WAAW,CAAChB,WAAW,CAAC,CAAC,CAAC,GAC1DlB,SAAS;AACboC,QAAAA,YAAY,EAAEjB,WAAW,GACrBK,SAAS,CAAC7D,KAAK,CAAChB,KAAK,EAAEwF,QAAQ,CAACC,YAAY,CAAClB,WAAW,CAAC,CAAC,CAAC,GAC3DlB,SAAS;AACbqC,QAAAA,SAAS,EAAEC,QAAQ,CAAC3E,KAAK,CAAC4E,IAAI,EAAEJ,QAAQ,CAACE,SAAS,CAACnB,WAAW,CAAC,CAAC,CAAA;OACjE;MACD,iBAAiB,EAAElD,kBAAkB,CAAC;AAAErB,QAAAA,KAAK,EAALA,KAAK;AAAE6F,QAAAA,cAAc,EAAE,IAAA;OAAM,CAAA;AACvE,KAAA;GACD,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,KAAA,EAU0B;AAAA,EAAA,IAAAC,qBAAA,CAAA;AAAA,EAAA,IAT9CtD,QAAQ,GAAAqD,KAAA,CAARrD,QAAQ;IACRuD,SAAS,GAAAF,KAAA,CAATE,SAAS;IAAAC,iBAAA,GAAAH,KAAA,CACTI,WAAW;AAAXA,IAAAA,WAAW,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,iBAAA;IAClBE,SAAS,GAAAL,KAAA,CAATK,SAAS;IACTC,eAAe,GAAAN,KAAA,CAAfM,eAAe;IACfC,aAAa,GAAAP,KAAA,CAAbO,aAAa;IACbC,YAAY,GAAAR,KAAA,CAAZQ,YAAY;IACZC,UAAU,GAAAT,KAAA,CAAVS,UAAU;AACPhD,IAAAA,IAAI,GAAAC,wBAAA,CAAAsC,KAAA,EAAAU,UAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,iBAAA,GAMI9C,eAAe,EAAE;IALnB+C,UAAU,GAAAD,iBAAA,CAAVC,UAAU;IACVC,kBAAkB,GAAAF,iBAAA,CAAlBE,kBAAkB;IAClBjC,eAAe,GAAA+B,iBAAA,CAAf/B,eAAe;IACfkC,UAAU,GAAAH,iBAAA,CAAVG,UAAU;IACVC,gBAAgB,GAAAJ,iBAAA,CAAhBI,gBAAgB,CAAA;AAElB,EAAA,IAAMC,gBAAgB,GAAG,OAAOrE,QAAQ,KAAK,QAAQ,CAAA;AACrD,EAAA,IAAMsE,UAAU,GACdf,SAAS,IAAIgB,OAAO,CAAA,CAAAjB,qBAAA,GAACY,kBAAkB,CAACM,eAAe,MAAA,IAAA,IAAAlB,qBAAA,KAAlCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAoCmB,IAAI,CAAC,UAACC,GAAG,EAAA;IAAA,OAAKA,GAAG,KAAKnB,SAAS,CAAA;AAAA,GAAA,CAAC,CAAC,CAAA;AAE5F,EAAA,IAAMoB,UAAU,GAAGJ,OAAO,CAACV,YAAY,IAAIC,UAAU,CAAC,CAAA;AACtD,EAAA,IAAMc,YAAY,GAAGD,UAAU,GAAA,EAAA,CAAAE,MAAA,CAAMhB,YAAY,EAAA,KAAA,CAAA,CAAAgB,MAAA,CAAMf,UAAU,CAAA,GAAKnD,SAAS,CAAA;EAE/E,oBACEV,IAAA,CAACuB,gBAAgB,EAAAhC,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACfsF,IAAAA,QAAQ,EAAE,CAAE;AACZC,IAAAA,SAAS,EAAEJ,UAAU,GAAGK,OAAO,CAACC,gBAAgB,GAAG,EAAG;AACtDtB,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,aAAa,EAAEA,aAAc;AAC7B5B,IAAAA,OAAO,EAAE4C,YAAa;AACtBjD,IAAAA,WAAW,EAAE2C,UAAW;AACxB1C,IAAAA,gBAAgB,EAAEK,eAAgB;AAClCJ,IAAAA,WAAW,EAAEuC,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,GAAAA,gBAAgB,GAAID,UAAW;AAC5CrC,IAAAA,WAAW,EAAE2B,WAAY;AACzB1B,IAAAA,UAAU,EAAE2B,SAAU;AACtBwB,IAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;AACb,MAAA,IAAIZ,UAAU,EAAE;QACdL,UAAU,CAACV,SAAS,CAAC,CAAA;AACvB,OAAA;AACF,KAAA;AAAE,GAAA,EACE9D,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACwF,eAAAA;AAAgB,GAAC,CAAC,CAAA,EACtD9D,sBAAsB,CAACP,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;IAAAd,QAAA,EAAA,cAEhCT,GAAA,CAAC6F,OAAO,EAAA;AAACrH,MAAAA,OAAO,EAAC,MAAM;AAACsH,MAAAA,QAAQ,EAAE,CAAE;AAACpH,MAAAA,cAAc,EAAEyF,SAAU;AAAA1D,MAAAA,QAAA,EAC5DqE,gBAAgB,gBACf9E,GAAA,CAAC+F,IAAI,EAAA;AAACpC,QAAAA,IAAI,EAAC,OAAO;AAACqC,QAAAA,MAAM,EAAC,QAAQ;AAACC,QAAAA,KAAK,EAAC,yBAAyB;AAAAxF,QAAAA,QAAA,EAC/DA,QAAAA;AAAQ,OACL,CAAC,GAEPA,QAAAA;AACD,KACM,CAAC,EACTsE,UAAU,iBACT/E,GAAA,CAAC6F,OAAO,EAAA;AAACvC,MAAAA,WAAW,EAAC,WAAW;AAACZ,MAAAA,eAAe,EAAC,aAAa;AAACwD,MAAAA,UAAU,EAAE,CAAE;MAAAzF,QAAA,eAC3ET,GAAA,CAACX,QAAQ,EAAA;AACPE,QAAAA,QAAQ,EAAEoF,kBAAkB,CAACwB,OAAO,KAAKnC,SAAU;QACnDxE,cAAc,EAAEmF,kBAAkB,CAACnF,cAAAA;OACpC,CAAA;AAAC,KACK,CACV,CAAA;AAAA,GAAA,CACe,CAAC,CAAA;AAEvB,CAAC,CAAA;AAED,IAAMoG,eAAe,gBAAG7D,wBAAwB,CAAC8B,gBAAgB,EAAE;EACjEhG,WAAW,EAAEmE,YAAY,CAAC4D,eAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMQ,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAAC,KAAA,EAUH;AAAA,EAAA,IATxBC,SAAS,GAAAD,KAAA,CAATC,SAAS;IACTC,UAAU,GAAAF,KAAA,CAAVE,UAAU;IACVC,eAAe,GAAAH,KAAA,CAAfG,eAAe;IACfC,QAAQ,GAAAJ,KAAA,CAARI,QAAQ,CAAA;EAOR,oBACEzG,GAAA,CAAC4F,eAAe,EAAA;AAAC5B,IAAAA,SAAS,EAAC,QAAQ;IAAAvD,QAAA,eACjCT,GAAA,CAAC6F,OAAO,EAAA;AACNrH,MAAAA,OAAO,EAAC,MAAM;AACdC,MAAAA,UAAU,EAAC,QAAQ;AACnBC,MAAAA,cAAc,EAAC,QAAQ;AACvBgI,MAAAA,IAAI,EAAE,CAAE;AACR/F,MAAAA,KAAK,EAAE+C,QAAQ,CAACiD,iBAAiB,CAAE;AAAAlG,MAAAA,QAAA,eAEnCT,GAAA,CAAC4G,QAAQ,EAAA3G,aAAA,CAAA;AACPqG,QAAAA,SAAS,EAAEA,SAAU;AACrBC,QAAAA,UAAU,EAAEA,UAAW;AACvBC,QAAAA,eAAe,EAAEA,eAAgB;AACjCC,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OAAA,EACfnG,cAAc,CAAC;AAAEC,QAAAA,KAAK,EAAE,iBAAA;AAAkB,OAAC,CAAC,CACjD,CAAA;KACM,CAAA;AAAC,GACK,CAAC,CAAA;AAEtB,CAAC,CAAA;AAED,IAAMsG,eAAe,gBAAGpJ,MAAM,CAACqJ,SAAS,CAAC,CAAAnJ,UAAA,CAAA;EAAAC,WAAA,EAAA,iCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAAA,CAAA,CAQvC,UAAAkJ,KAAA,EAAA;AAAA,EAAA,IACEhJ,KAAK,GAAAgJ,KAAA,CAALhJ,KAAK;IACLiJ,kBAAkB,GAAAD,KAAA,CAAlBC,kBAAkB;IAClBC,oBAAoB,GAAAF,KAAA,CAApBE,oBAAoB;IACpBC,gBAAgB,GAAAH,KAAA,CAAhBG,gBAAgB;IAChBC,cAAc,GAAAJ,KAAA,CAAdI,cAAc;IACdC,YAAY,GAAAL,KAAA,CAAZK,YAAY;IACZC,cAAc,GAAAN,KAAA,CAAdM,cAAc,CAAA;EAAA,OACT;IACL,MAAM,EAAEL,kBAAkB,GAAA/G,aAAA,CAAA;AAEpBqH,MAAAA,gBAAgB,EAAE1E,SAAS,CAAC7D,KAAK,CAAChB,KAAK,CAACE,MAAM,CAAC0C,KAAK,EAAE4C,QAAQ,CAACZ,iBAAiB,CAAC,CAAC;MAClF4E,gBAAgB,EAAExI,KAAK,CAAChB,KAAK,CAAC6B,MAAM,EAAE2D,QAAQ,CAACiE,WAAW,CAAC;AAC3DC,MAAAA,gBAAgB,EAAE,OAAA;AAAO,KAAA,EACrBJ,cAAc,IAAI;AACpB7I,MAAAA,OAAO,EAAE,MAAM;AACfkJ,MAAAA,mBAAmB,EAAET,oBAAoB,GAAA3B,EAAAA,CAAAA,MAAA,CAClC2B,oBAAoB,EAAA,GAAA,CAAA,CAAA3B,MAAA,CAAI4B,gBAAgB,GAAG,aAAa,GAAG,EAAE,QAAA5B,MAAA,CAE9D6B,cAAc,KAAK,UAAU,GAAG,aAAa,GAAG,EAAE,cAAA7B,MAAA,CACzC8B,YAAY,EAAA,uBAAA,CAAA,CAAA9B,MAAA,CACrB4B,gBAAgB,GAAG,aAAa,GAAG,EAAE,EAAA,cAAA,CAAA;AAE7C,KAAC,IAEH9F,SAAS;AACb,IAAA,kBAAkB,EAAE;AAClBuG,MAAAA,WAAW,EAAE,MAAA;AACf,KAAA;GACD,CAAA;AAAA,CAAC,CACH,CAAA;AAED,IAAMC,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,KAAA,EAI0B;AAAA,EAAA,IAH7CpH,QAAQ,GAAAoH,KAAA,CAARpH,QAAQ;IACRmE,UAAU,GAAAiD,KAAA,CAAVjD,UAAU;AACPrD,IAAAA,IAAI,GAAAC,wBAAA,CAAAqG,KAAA,EAAAC,UAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,iBAAA,GAYIpG,eAAe,EAAE;IAXnBqG,YAAY,GAAAD,iBAAA,CAAZC,YAAY;IACZC,aAAa,GAAAF,iBAAA,CAAbE,aAAa;IACbC,YAAY,GAAAH,iBAAA,CAAZG,YAAY;IACZC,UAAU,GAAAJ,iBAAA,CAAVI,UAAU;IACVC,sBAAsB,GAAAL,iBAAA,CAAtBK,sBAAsB;IACtBC,mBAAmB,GAAAN,iBAAA,CAAnBM,mBAAmB;IACnBC,iBAAiB,GAAAP,iBAAA,CAAjBO,iBAAiB;IACjBC,eAAe,GAAAR,iBAAA,CAAfQ,eAAe;IACfb,mBAAmB,GAAAK,iBAAA,CAAnBL,mBAAmB;IACnBc,WAAW,GAAAT,iBAAA,CAAXS,WAAW;IACXC,aAAa,GAAAV,iBAAA,CAAbU,aAAa,CAAA;AAEf,EAAA,IAAMC,aAAa,GAAGT,aAAa,KAAK,UAAU,CAAA;EAClD,IAAMU,aAAa,GAAGT,YAAY,IAAIA,YAAY,CAACU,MAAM,KAAKT,UAAU,CAAA;EACxE,IAAM3B,eAAe,GAAG0B,YAAY,IAAIA,YAAY,CAACU,MAAM,GAAG,CAAC,IAAI,CAACD,aAAa,CAAA;EACjF,IAAMpC,UAAU,GAAGyB,YAAY,IAAIA,YAAY,CAACY,MAAM,KAAKT,UAAU,CAAA;;AAErE;AACA;AACA;EACAE,mBAAmB,CAAC,SAAS,CAAC,CAAA;EAE9B,oBACE3H,IAAA,CAACmG,eAAe,EAAA5G,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACdO,IAAAA,IAAI,EAAC,WAAA;AAAW,GAAA,EACZN,aAAa,CAAC;IAAEC,IAAI,EAAEC,aAAa,CAACyI,cAAAA;AAAe,GAAC,CAAC,CAAA,EACrD/G,sBAAsB,CAACP,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAChCyF,IAAAA,kBAAkB,EAAEsB,iBAAkB;AACtCrB,IAAAA,oBAAoB,EAAES,mBAAoB;AAC1CR,IAAAA,gBAAgB,EAAEqB,eAAgB;AAClCpB,IAAAA,cAAc,EAAEc,aAAc;AAC9Bb,IAAAA,YAAY,EAAEoB,WAAY;AAC1BnB,IAAAA,cAAc,EAAEoB,aAAc;AAAAhI,IAAAA,QAAA,EAE7BiI,CAAAA,aAAa,iBACZ1I,GAAA,CAACoG,uBAAuB,EAAA;AACtBE,MAAAA,SAAS,EAAEqC,aAAc;AACzBpC,MAAAA,UAAU,EAAEA,UAAW;AACvBC,MAAAA,eAAe,EAAEA,eAAgB;MACjCC,QAAQ,EAAE,SAAVA,QAAQA,GAAA;QAAA,OAAQ2B,sBAAsB,EAAE,CAAA;AAAA,OAAA;KACzC,CACF,EACA3H,QAAQ,EACR8H,eAAe,gBAAGvI,GAAA,CAAC4F,eAAe,EAAA;AAAC1B,MAAAA,WAAW,EAAE,KAAM;AAAAzD,MAAAA,QAAA,EAAC,SAAA;KAAwB,CAAC,GAAG,IAAI,CAAA;AAAA,GAAA,CACzE,CAAC,CAAA;AAEtB,CAAC,CAAA;AAED,IAAMoI,cAAc,gBAAG9G,wBAAwB,CAAC6F,eAAe,EAAE;EAC/D/J,WAAW,EAAEmE,YAAY,CAAC6G,cAAAA;AAC5B,CAAC;;;;"}
+{"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 { checkboxCellWidth, tableHeader, tableRow, classes } from './tokens';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport type {\n  TableHeaderRowProps,\n  TableHeaderCellProps,\n  TableBackgroundColors,\n  TableProps,\n  TableToolbarPlacement,\n} from './types';\nimport type { CheckboxProps } from '~components/Checkbox';\nimport { Checkbox } from '~components/Checkbox';\nimport { Text } from '~components/Typography';\nimport { castWebType, makeMotionTime, makeSize, 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';\nimport { size } from '~tokens/global';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\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.disabled');\n  const activeColor = getIn(theme.colors, 'interactive.icon.gray.muted');\n  const upArrowColor = isSorted && isSortReversed ? activeColor : defaultColor;\n  const downArrowColor = isSorted && !isSortReversed ? activeColor : defaultColor;\n  return (\n    <SortButton\n      {...metaAttribute({ name: MetaConstants.TableSortButton })}\n      {...makeAccessible({ label: 'Toggle Sort', role: 'button' })}\n    >\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)<{ $tableToolbarPlacement: TableToolbarPlacement }>(\n  ({ $tableToolbarPlacement }) => ({\n    '&&&': {\n      '& tr:first-child th': {\n        borderTop: 'none',\n      },\n      display: $tableToolbarPlacement === 'overlay' ? 'none' : undefined,\n    },\n  }),\n);\n\nconst _TableHeader = ({ children, ...rest }: TableHeaderRowProps): React.ReactElement => {\n  const { tableToolbarPlacement } = useTableContext();\n\n  return (\n    <StyledHeader\n      $tableToolbarPlacement={tableToolbarPlacement}\n      {...metaAttribute({ name: MetaConstants.TableHeader })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      {children}\n    </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  $rowDensity: NonNullable<TableProps<unknown>['rowDensity']>;\n  $hasPadding: boolean;\n  $textAlign: 'left' | 'center' | 'right';\n  $gridRow?: string;\n}>(({ theme, $isSortable, $backgroundColor, $rowDensity, $hasPadding, $textAlign, $gridRow }) => ({\n  '&&&': {\n    display: $textAlign ? 'flex' : 'block',\n    justifyContent: $textAlign ? 'space-between' : 'initial',\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    gridRow: $gridRow,\n    '> div': {\n      backgroundColor: getIn(theme.colors, tableHeader.backgroundColor),\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: $textAlign ? $textAlign : 'space-between',\n      alignItems: 'center',\n      height: '100%',\n      paddingLeft: $hasPadding\n        ? makeSpace(getIn(theme, tableRow.paddingLeft[$rowDensity]))\n        : undefined,\n      paddingRight: $hasPadding\n        ? makeSpace(getIn(theme, tableRow.paddingRight[$rowDensity]))\n        : undefined,\n      minHeight: makeSize(getIn(size, tableRow.minHeight[$rowDensity])),\n    },\n    '&:focus-visible': getFocusRingStyles({ theme, negativeOffset: true }),\n  },\n}));\n\nconst _TableHeaderCell = ({\n  children,\n  headerKey,\n  _hasPadding = true,\n  textAlign,\n  gridColumnStart,\n  gridColumnEnd,\n  gridRowStart,\n  gridRowEnd,\n  ...rest\n}: TableHeaderCellProps): React.ReactElement => {\n  const {\n    toggleSort,\n    currentSortedState,\n    backgroundColor,\n    rowDensity,\n    headerRowDensity,\n  } = useTableContext();\n  const isChildrenString = typeof children === 'string';\n  const isSortable =\n    headerKey && Boolean(currentSortedState.sortableColumns?.find((key) => key === headerKey));\n\n  const hasRowSpan = Boolean(gridRowStart && gridRowEnd);\n  const gridRowValue = hasRowSpan ? `${gridRowStart} / ${gridRowEnd}` : undefined;\n\n  return (\n    <StyledHeaderCell\n      tabIndex={0}\n      className={hasRowSpan ? classes.HAS_ROW_SPANNING : ''}\n      gridColumnStart={gridColumnStart}\n      gridColumnEnd={gridColumnEnd}\n      $gridRow={gridRowValue}\n      $isSortable={isSortable}\n      $backgroundColor={backgroundColor}\n      $rowDensity={headerRowDensity ?? rowDensity}\n      $hasPadding={_hasPadding}\n      $textAlign={textAlign}\n      onClick={() => {\n        if (isSortable) {\n          toggleSort(headerKey);\n        }\n      }}\n      {...metaAttribute({ name: MetaConstants.TableHeaderCell })}\n      {...makeAnalyticsAttribute(rest)}\n    >\n      <BaseBox display=\"flex\" flexGrow={1} justifyContent={textAlign}>\n        {isChildrenString ? (\n          <Text size=\"small\" weight=\"medium\" color=\"surface.text.gray.muted\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </BaseBox>\n      {isSortable && (\n        <BaseBox paddingLeft=\"spacing.2\" backgroundColor=\"transparent\" flexShrink={0}>\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  isDisabled,\n  isIndeterminate,\n  onChange,\n}: {\n  isChecked: CheckboxProps['isChecked'];\n  isDisabled: CheckboxProps['isDisabled'];\n  isIndeterminate?: CheckboxProps['isIndeterminate'];\n  onChange: CheckboxProps['onChange'];\n}): React.ReactElement => {\n  return (\n    <TableHeaderCell headerKey=\"SELECT\">\n      <BaseBox\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"center\"\n        flex={1}\n        width={makeSize(checkboxCellWidth)}\n      >\n        <Checkbox\n          isChecked={isChecked}\n          isDisabled={isDisabled}\n          isIndeterminate={isIndeterminate}\n          onChange={onChange}\n          {...makeAccessible({ label: 'Select All Rows' })}\n        />\n      </BaseBox>\n    </TableHeaderCell>\n  );\n};\n\nconst StyledHeaderRow = styled(HeaderRow)<{\n  $showBorderedCells: boolean;\n  $gridTemplateColumns: string | undefined;\n  $hasHoverActions: boolean;\n  $selectionType: TableProps<unknown>['selectionType'];\n  $columnCount: number;\n  $isVirtualized?: boolean;\n}>(\n  ({\n    theme,\n    $showBorderedCells,\n    $gridTemplateColumns,\n    $hasHoverActions,\n    $selectionType,\n    $columnCount,\n    $isVirtualized,\n  }) => ({\n    '& th': $showBorderedCells\n      ? {\n          borderRightWidth: makeSpace(getIn(theme.border.width, tableRow.borderBottomWidth)),\n          borderRightColor: getIn(theme.colors, tableRow.borderColor),\n          borderRightStyle: 'solid',\n          ...($isVirtualized && {\n            display: 'grid',\n            gridTemplateColumns: $gridTemplateColumns\n              ? `${$gridTemplateColumns} ${$hasHoverActions ? 'min-content' : ''}`\n              : ` ${\n                  $selectionType === 'multiple' ? 'min-content' : ''\n                } repeat(${$columnCount},minmax(100px, 1fr)) ${\n                  $hasHoverActions ? 'min-content' : ''\n                } !important;`,\n          }),\n        }\n      : undefined,\n    '& th:last-child ': {\n      borderRight: 'none',\n    },\n  }),\n);\n\nconst _TableHeaderRow = ({\n  children,\n  rowDensity,\n  ...rest\n}: TableHeaderRowProps): React.ReactElement => {\n  const {\n    disabledRows,\n    selectionType,\n    selectedRows,\n    totalItems,\n    toggleAllRowsSelection,\n    setHeaderRowDensity,\n    showBorderedCells,\n    hasHoverActions,\n    gridTemplateColumns,\n    columnCount,\n    isVirtualized,\n  } = useTableContext();\n  const isMultiSelect = selectionType === 'multiple';\n  const isAllSelected = selectedRows && selectedRows.length === totalItems;\n  const isIndeterminate = selectedRows && selectedRows.length > 0 && !isAllSelected;\n  const isDisabled = disabledRows && disabledRows.length === totalItems;\n\n  // Note: The rowDensity prop is deprecated (see types.ts for @deprecated documentation).\n  // Header row is always compact (36px height) regardless of the rowDensity value passed.\n  // This prop will be removed in a future major version.\n  setHeaderRowDensity('compact');\n\n  return (\n    <StyledHeaderRow\n      role=\"rowheader\"\n      {...metaAttribute({ name: MetaConstants.TableHeaderRow })}\n      {...makeAnalyticsAttribute(rest)}\n      $showBorderedCells={showBorderedCells}\n      $gridTemplateColumns={gridTemplateColumns}\n      $hasHoverActions={hasHoverActions}\n      $selectionType={selectionType}\n      $columnCount={columnCount}\n      $isVirtualized={isVirtualized}\n    >\n      {isMultiSelect && (\n        <TableHeaderCellCheckbox\n          isChecked={isAllSelected}\n          isDisabled={isDisabled}\n          isIndeterminate={isIndeterminate}\n          onChange={() => toggleAllRowsSelection()}\n        />\n      )}\n      {children}\n      {hasHoverActions ? <TableHeaderCell _hasPadding={false}>Actions</TableHeaderCell> : null}\n    </StyledHeaderRow>\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","metaAttribute","name","MetaConstants","TableSortButton","makeAccessible","label","role","children","_jsxs","width","height","fill","d","StyledHeader","Header","_ref3","$tableToolbarPlacement","borderTop","undefined","_TableHeader","_ref4","rest","_objectWithoutProperties","_excluded","_useTableContext","useTableContext","tableToolbarPlacement","TableHeader","makeAnalyticsAttribute","assignWithoutSideEffects","ComponentIds","StyledHeaderCell","HeaderCell","_ref5","$isSortable","$backgroundColor","$rowDensity","$hasPadding","$textAlign","$gridRow","backgroundColor","borderBottomWidth","makeSpace","tableHeader","borderBottomAndTopWidth","borderTopWidth","borderBottomColor","borderBottomAndTopColor","borderTopColor","borderBottomStyle","borderTopStyle","gridRow","flexDirection","paddingLeft","tableRow","paddingRight","minHeight","makeSize","size","negativeOffset","_TableHeaderCell","_ref6","_currentSortedState$s","headerKey","_ref6$_hasPadding","_hasPadding","textAlign","gridColumnStart","gridColumnEnd","gridRowStart","gridRowEnd","_excluded2","_useTableContext2","toggleSort","currentSortedState","rowDensity","headerRowDensity","isChildrenString","isSortable","Boolean","sortableColumns","find","key","hasRowSpan","gridRowValue","concat","tabIndex","className","classes","HAS_ROW_SPANNING","onClick","TableHeaderCell","BaseBox","flexGrow","Text","weight","color","flexShrink","sortKey","TableHeaderCellCheckbox","_ref7","isChecked","isDisabled","isIndeterminate","onChange","flex","checkboxCellWidth","Checkbox","StyledHeaderRow","HeaderRow","_ref8","$showBorderedCells","$gridTemplateColumns","$hasHoverActions","$selectionType","$columnCount","$isVirtualized","borderRightWidth","borderRightColor","borderColor","borderRightStyle","gridTemplateColumns","borderRight","_TableHeaderRow","_ref9","_excluded3","_useTableContext3","disabledRows","selectionType","selectedRows","totalItems","toggleAllRowsSelection","setHeaderRowDensity","showBorderedCells","hasHoverActions","columnCount","isVirtualized","isMultiSelect","isAllSelected","length","TableHeaderRow"],"mappings":"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"}

package/build/lib/web/development/node_modules/es-toolkit/dist/compat/object/cloneDeep.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
-import { __exports as cloneDeep$1 } from '../../../../../_virtual/cloneDeep4.js';
+import { __exports as cloneDeep$1 } from '../../../../../_virtual/cloneDeep2.js';
 import '../../../../../_virtual/cloneDeepWith.js';
 import { __exports as cloneDeepWith } from '../../../../../_virtual/cloneDeepWith2.js';
 

package/build/lib/web/development/node_modules/es-toolkit/dist/compat/predicate/matches.js

@@ -1,9 +1,9 @@
 import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelpers.js';
 import { __exports as matches$1 } from '../../../../../_virtual/matches2.js';
 import '../../../../../_virtual/isMatch.js';
-import '../../../../../_virtual/cloneDeep.js';
+import '../../../../../_virtual/cloneDeep3.js';
 import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
-import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep2.js';
+import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep4.js';
 
 (function (exports) {
 	'use strict';

package/build/lib/web/development/node_modules/es-toolkit/dist/compat/predicate/matchesProperty.js

@@ -2,12 +2,12 @@ import { getDefaultExportFromCjs } from '../../../../../_virtual/_commonjsHelper
 import { __exports as matchesProperty$1 } from '../../../../../_virtual/matchesProperty2.js';
 import '../../../../../_virtual/isMatch.js';
 import '../../../../../_virtual/toKey.js';
-import '../../../../../_virtual/cloneDeep3.js';
+import '../../../../../_virtual/cloneDeep.js';
 import '../../../../../_virtual/get.js';
 import '../../../../../_virtual/has.js';
 import { __exports as isMatch } from '../../../../../_virtual/isMatch2.js';
 import { __exports as toKey } from '../../../../../_virtual/toKey2.js';
-import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep4.js';
+import { __exports as cloneDeep } from '../../../../../_virtual/cloneDeep2.js';
 import { __exports as get } from '../../../../../_virtual/get2.js';
 import { __exports as has } from '../../../../../_virtual/has2.js';
 

package/build/lib/web/development/node_modules/es-toolkit/dist/object/cloneDeep.js

@@ -1,5 +1,5 @@
 import { getDefaultExportFromCjs } from '../../../../_virtual/_commonjsHelpers.js';
-import { __exports as cloneDeep$1 } from '../../../../_virtual/cloneDeep2.js';
+import { __exports as cloneDeep$1 } from '../../../../_virtual/cloneDeep4.js';
 import '../../../../_virtual/cloneDeepWith3.js';
 import { __exports as cloneDeepWith } from '../../../../_virtual/cloneDeepWith4.js';
 

package/build/lib/web/development/utils/makeSurfaceStyles/makeSurfaceStyles.js

@@ -79,7 +79,6 @@ var getSurfaceGradients = function getSurfaceGradients(colorScheme) {
  * Spread this into a styled-component's return object alongside layout styles.
  */
 var getSurfaceStyles = function getSurfaceStyles(theme, colorScheme, options) {
-  var _options$beforeGradie, _options$afterGradien;
   var isDarkMode = colorScheme === 'dark';
   var _getSurfaceBoxShadow2 = getSurfaceBoxShadow(theme, colorScheme),
     border = _getSurfaceBoxShadow2.border,
@@ -89,41 +88,17 @@ var getSurfaceStyles = function getSurfaceStyles(theme, colorScheme, options) {
   var _getSurfaceGradients = getSurfaceGradients(colorScheme),
     topGradientColor = _getSurfaceGradients.top,
     bottomGradientColor = _getSurfaceGradients.bottom;
-  var beforeGradientZIndex = (_options$beforeGradie = options === null || options === void 0 ? void 0 : options.beforeGradientZIndex) !== null && _options$beforeGradie !== void 0 ? _options$beforeGradie : -1;
-  var afterGradientZIndex = (_options$afterGradien = options === null || options === void 0 ? void 0 : options.afterGradientZIndex) !== null && _options$afterGradien !== void 0 ? _options$afterGradien : -1;
+  var gradientHeight = makeSpace(size[16]);
+  var bottomInset = isDarkMode ? 1 : 2;
+  var xInset = 2;
   return {
     boxShadow: boxShadow,
     border: 'none',
     borderTop: isDarkMode ? "1px solid ".concat(theme.colors.surface.border.gray.subtle) : '',
-    isolation: 'isolate',
-    '&::before': {
-      content: '""',
-      position: 'absolute',
-      top: isDarkMode ? 0 : 1,
-      left: 1,
-      right: 1,
-      height: makeSpace(size[16]),
-      background: "linear-gradient(".concat(topGradientColor.start, " 0%, ").concat(topGradientColor.end, " 100%)"),
-      pointerEvents: 'none',
-      borderRadius: 'inherit',
-      borderBottomLeftRadius: 0,
-      borderBottomRightRadius: 0,
-      zIndex: beforeGradientZIndex
-    },
-    '&::after': {
-      content: '""',
-      position: 'absolute',
-      bottom: isDarkMode ? 1 : 2,
-      left: 1,
-      right: 1,
-      height: makeSpace(size[16]),
-      background: "linear-gradient(".concat(bottomGradientColor.start, " 0%, ").concat(bottomGradientColor.end, " 100%)"),
-      pointerEvents: 'none',
-      borderRadius: 'inherit',
-      borderTopLeftRadius: 0,
-      borderTopRightRadius: 0,
-      zIndex: afterGradientZIndex
-    }
+    backgroundImage: "\n      linear-gradient(to bottom, ".concat(topGradientColor.start, " 0%, ").concat(topGradientColor.end, " 100%),\n      linear-gradient(to bottom, ").concat(bottomGradientColor.start, " 0%, ").concat(bottomGradientColor.end, " 100%)\n    "),
+    backgroundPosition: "\n      center top,\n      center calc(100% - ".concat(bottomInset, "px)\n    "),
+    backgroundSize: "\n      calc(100% - ".concat(xInset, "px) ").concat(gradientHeight, ",\n      calc(100% - ").concat(xInset, "px) ").concat(gradientHeight, "\n    "),
+    backgroundRepeat: 'no-repeat'
   };
 };
 

package/build/lib/web/development/utils/makeSurfaceStyles/makeSurfaceStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeSurfaceStyles.js","sources":["../../../../../../src/utils/makeSurfaceStyles/makeSurfaceStyles.ts"],"sourcesContent":["import { colors, size } from '~tokens/global';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\n\nexport type SurfaceBoxShadow = {\n  elevation: string;\n  border: string;\n  top: string;\n};\n\n/**\n * Returns the surface-style box shadow layers (elevation, border, top inner shadow)\n * for use in Card, Table, and other elevated surfaces. Use the same shadow in both\n * places for visual consistency.\n *\n * @param theme - Blade theme (from useTheme())\n * @param colorScheme - 'light' | 'dark'\n * @returns Object with elevation, border, and top shadow CSS strings\n */\nexport const getSurfaceBoxShadow = (\n  theme: Theme,\n  colorScheme: ColorSchemeNames,\n): SurfaceBoxShadow => {\n  const boxShadow = {\n    light: {\n      elevation: `0px 6px 32px 4px ${colors.neutral.blueGrayLight.a406}`,\n      border: `inset 0px 0px 0px 1px ${theme.colors.interactive.border.gray.disabled}`,\n      top: `inset 0px -1.5px 0px 1px ${theme.colors.surface.background.gray.intense}`,\n    },\n    dark: {\n      elevation: `0px 6px 12px 4px ${colors.neutral.black[5]}`,\n      border: `inset 0px 0px 0px 1px ${theme.colors.interactive.border.gray.disabled}`,\n      top: `inset 0px 0px 0px 1px ${theme.colors.surface.background.gray.intense}`,\n    },\n  };\n  return boxShadow[colorScheme];\n};\n\n/**\n * Returns a single CSS box-shadow string combining border, elevation, and top inner shadow.\n * Use when applying the full surface shadow to an element.\n */\nexport const getSurfaceBoxShadowString = (theme: Theme, colorScheme: ColorSchemeNames): string => {\n  const { border, elevation, top } = getSurfaceBoxShadow(theme, colorScheme);\n  return `${border}, ${elevation}, ${top}`;\n};\n\nexport type SurfaceGradientColors = {\n  start: string;\n  end: string;\n};\n\nexport type SurfaceGradients = {\n  top: SurfaceGradientColors;\n  bottom: SurfaceGradientColors;\n};\n\nconst surfaceGradientsByScheme: Record<ColorSchemeNames, SurfaceGradients> = {\n  light: {\n    top: {\n      start: colors.neutral.blueGrayLight[0],\n      end: colors.neutral.blueGrayLight[0],\n    },\n    bottom: {\n      start: colors.neutral.blueGrayLight[0],\n      end: colors.neutral.blueGrayLight[50],\n    },\n  },\n  dark: {\n    top: {\n      start: colors.neutral.blueGrayDark[1000],\n      end: colors.neutral.blueGrayDark[1100],\n    },\n    bottom: {\n      start: colors.neutral.blueGrayDark[1100],\n      end: colors.neutral.blueGrayDark[1100],\n    },\n  },\n};\n\n/**\n * Returns the surface gradient colors (top and bottom) for Card-style overlays.\n *\n * @param colorScheme - 'light' | 'dark'\n * @returns Object with top and bottom gradient { start, end } colors\n */\nexport const getSurfaceGradients = (colorScheme: ColorSchemeNames): SurfaceGradients =>\n  surfaceGradientsByScheme[colorScheme];\n\n/**\n * Returns the common surface decoration styles (box-shadow, border, gradients)\n * for use in Card, Table, ListView, and other elevated surfaces.\n * Spread this into a styled-component's return object alongside layout styles.\n */\nexport const getSurfaceStyles = (\n  theme: Theme,\n  colorScheme: ColorSchemeNames,\n  options?: { beforeGradientZIndex?: number; afterGradientZIndex?: number; hideBorder?: boolean },\n): Record<string, unknown> => {\n  const isDarkMode = colorScheme === 'dark';\n  const { border, elevation, top } = getSurfaceBoxShadow(theme, colorScheme);\n  const boxShadow = options?.hideBorder\n    ? `${elevation}, ${top}`\n    : `${border}, ${elevation}, ${top}`;\n  const { top: topGradientColor, bottom: bottomGradientColor } = getSurfaceGradients(colorScheme);\n  const beforeGradientZIndex = options?.beforeGradientZIndex ?? -1;\n  const afterGradientZIndex = options?.afterGradientZIndex ?? -1;\n\n  return {\n    boxShadow,\n    border: 'none',\n    borderTop: isDarkMode ? `1px solid ${theme.colors.surface.border.gray.subtle}` : '',\n    isolation: 'isolate',\n    '&::before': {\n      content: '\"\"',\n      position: 'absolute',\n      top: isDarkMode ? 0 : 1,\n      left: 1,\n      right: 1,\n      height: makeSpace(size[16]),\n      background: `linear-gradient(${topGradientColor.start} 0%, ${topGradientColor.end} 100%)`,\n      pointerEvents: 'none',\n      borderRadius: 'inherit',\n      borderBottomLeftRadius: 0,\n      borderBottomRightRadius: 0,\n      zIndex: beforeGradientZIndex,\n    },\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      bottom: isDarkMode ? 1 : 2,\n      left: 1,\n      right: 1,\n      height: makeSpace(size[16]),\n      background: `linear-gradient(${bottomGradientColor.start} 0%, ${bottomGradientColor.end} 100%)`,\n      pointerEvents: 'none',\n      borderRadius: 'inherit',\n      borderTopLeftRadius: 0,\n      borderTopRightRadius: 0,\n      zIndex: afterGradientZIndex,\n    },\n  };\n};\n"],"names":["getSurfaceBoxShadow","theme","colorScheme","boxShadow","light","elevation","concat","colors","neutral","blueGrayLight","a406","border","interactive","gray","disabled","top","surface","background","intense","dark","black","getSurfaceBoxShadowString","_getSurfaceBoxShadow","surfaceGradientsByScheme","start","end","bottom","blueGrayDark","getSurfaceGradients","getSurfaceStyles","options","_options$beforeGradie","_options$afterGradien","isDarkMode","_getSurfaceBoxShadow2","hideBorder","_getSurfaceGradients","topGradientColor","bottomGradientColor","beforeGradientZIndex","afterGradientZIndex","borderTop","subtle","isolation","content","position","left","right","height","makeSpace","size","pointerEvents","borderRadius","borderBottomLeftRadius","borderBottomRightRadius","zIndex","borderTopLeftRadius","borderTopRightRadius"],"mappings":"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"}
+{"version":3,"file":"makeSurfaceStyles.js","sources":["../../../../../../src/utils/makeSurfaceStyles/makeSurfaceStyles.ts"],"sourcesContent":["import { colors, size } from '~tokens/global';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport type { Theme } from '~components/BladeProvider';\nimport { makeSpace } from '~utils/makeSpace';\n\nexport type SurfaceBoxShadow = {\n  elevation: string;\n  border: string;\n  top: string;\n};\n\n/**\n * Returns the surface-style box shadow layers (elevation, border, top inner shadow)\n * for use in Card, Table, and other elevated surfaces. Use the same shadow in both\n * places for visual consistency.\n *\n * @param theme - Blade theme (from useTheme())\n * @param colorScheme - 'light' | 'dark'\n * @returns Object with elevation, border, and top shadow CSS strings\n */\nexport const getSurfaceBoxShadow = (\n  theme: Theme,\n  colorScheme: ColorSchemeNames,\n): SurfaceBoxShadow => {\n  const boxShadow = {\n    light: {\n      elevation: `0px 6px 32px 4px ${colors.neutral.blueGrayLight.a406}`,\n      border: `inset 0px 0px 0px 1px ${theme.colors.interactive.border.gray.disabled}`,\n      top: `inset 0px -1.5px 0px 1px ${theme.colors.surface.background.gray.intense}`,\n    },\n    dark: {\n      elevation: `0px 6px 12px 4px ${colors.neutral.black[5]}`,\n      border: `inset 0px 0px 0px 1px ${theme.colors.interactive.border.gray.disabled}`,\n      top: `inset 0px 0px 0px 1px ${theme.colors.surface.background.gray.intense}`,\n    },\n  };\n  return boxShadow[colorScheme];\n};\n\n/**\n * Returns a single CSS box-shadow string combining border, elevation, and top inner shadow.\n * Use when applying the full surface shadow to an element.\n */\nexport const getSurfaceBoxShadowString = (theme: Theme, colorScheme: ColorSchemeNames): string => {\n  const { border, elevation, top } = getSurfaceBoxShadow(theme, colorScheme);\n  return `${border}, ${elevation}, ${top}`;\n};\n\nexport type SurfaceGradientColors = {\n  start: string;\n  end: string;\n};\n\nexport type SurfaceGradients = {\n  top: SurfaceGradientColors;\n  bottom: SurfaceGradientColors;\n};\n\nconst surfaceGradientsByScheme: Record<ColorSchemeNames, SurfaceGradients> = {\n  light: {\n    top: {\n      start: colors.neutral.blueGrayLight[0],\n      end: colors.neutral.blueGrayLight[0],\n    },\n    bottom: {\n      start: colors.neutral.blueGrayLight[0],\n      end: colors.neutral.blueGrayLight[50],\n    },\n  },\n  dark: {\n    top: {\n      start: colors.neutral.blueGrayDark[1000],\n      end: colors.neutral.blueGrayDark[1100],\n    },\n    bottom: {\n      start: colors.neutral.blueGrayDark[1100],\n      end: colors.neutral.blueGrayDark[1100],\n    },\n  },\n};\n\n/**\n * Returns the surface gradient colors (top and bottom) for Card-style overlays.\n *\n * @param colorScheme - 'light' | 'dark'\n * @returns Object with top and bottom gradient { start, end } colors\n */\nexport const getSurfaceGradients = (colorScheme: ColorSchemeNames): SurfaceGradients =>\n  surfaceGradientsByScheme[colorScheme];\n\n/**\n * Returns the common surface decoration styles (box-shadow, border, gradients)\n * for use in Card, Table, ListView, and other elevated surfaces.\n * Spread this into a styled-component's return object alongside layout styles.\n */\nexport const getSurfaceStyles = (\n  theme: Theme,\n  colorScheme: ColorSchemeNames,\n  options?: { hideBorder?: boolean },\n): Record<string, unknown> => {\n  const isDarkMode = colorScheme === 'dark';\n  const { border, elevation, top } = getSurfaceBoxShadow(theme, colorScheme);\n  const boxShadow = options?.hideBorder\n    ? `${elevation}, ${top}`\n    : `${border}, ${elevation}, ${top}`;\n  const { top: topGradientColor, bottom: bottomGradientColor } = getSurfaceGradients(colorScheme);\n\n  const gradientHeight = makeSpace(size[16]);\n  const bottomInset = isDarkMode ? 1 : 2;\n  const xInset = 2;\n\n  return {\n    boxShadow,\n    border: 'none',\n    borderTop: isDarkMode ? `1px solid ${theme.colors.surface.border.gray.subtle}` : '',\n    backgroundImage: `\n      linear-gradient(to bottom, ${topGradientColor.start} 0%, ${topGradientColor.end} 100%),\n      linear-gradient(to bottom, ${bottomGradientColor.start} 0%, ${bottomGradientColor.end} 100%)\n    `,\n    backgroundPosition: `\n      center top,\n      center calc(100% - ${bottomInset}px)\n    `,\n    backgroundSize: `\n      calc(100% - ${xInset}px) ${gradientHeight},\n      calc(100% - ${xInset}px) ${gradientHeight}\n    `,\n    backgroundRepeat: 'no-repeat',\n  };\n};\n"],"names":["getSurfaceBoxShadow","theme","colorScheme","boxShadow","light","elevation","concat","colors","neutral","blueGrayLight","a406","border","interactive","gray","disabled","top","surface","background","intense","dark","black","getSurfaceBoxShadowString","_getSurfaceBoxShadow","surfaceGradientsByScheme","start","end","bottom","blueGrayDark","getSurfaceGradients","getSurfaceStyles","options","isDarkMode","_getSurfaceBoxShadow2","hideBorder","_getSurfaceGradients","topGradientColor","bottomGradientColor","gradientHeight","makeSpace","size","bottomInset","xInset","borderTop","subtle","backgroundImage","backgroundPosition","backgroundSize","backgroundRepeat"],"mappings":"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"}

package/build/lib/web/production/components/ListView/ListView.web.js

@@ -34,9 +34,7 @@ var ListViewSurface = /*#__PURE__*/styled(BaseBox).withConfig({
     position: 'relative',
     flexDirection: 'column',
     boxSizing: 'border-box'
-  }, getSurfaceStyles(theme, colorScheme, {
-    beforeGradientZIndex: 0
-  })), {}, {
+  }, getSurfaceStyles(theme, colorScheme)), {}, {
     boxShadow: "".concat(elevation, ", ").concat(top),
     borderLeft: "1px solid ".concat(borderColor),
     borderRight: "1px solid ".concat(borderColor),

package/build/lib/web/production/components/ListView/ListView.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListView.web.js","sources":["../../../../../../src/components/ListView/ListView.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { ListViewProps } from './types';\nimport { ListViewProvider } from './ListViewContext';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport { getSurfaceBoxShadow, getSurfaceStyles } from '~utils/makeSurfaceStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport useTheme from '~components/BladeProvider/useTheme';\n\nconst ListViewSurface = styled(BaseBox)<{ colorScheme: ColorSchemeNames }>(\n  ({ theme, colorScheme }) => {\n    const isDarkMode = colorScheme === 'dark';\n    const { elevation, top } = getSurfaceBoxShadow(theme, colorScheme);\n    const borderColor = theme.colors.interactive.border.gray.disabled;\n\n    return {\n      width: '100%',\n      display: 'flex',\n      position: 'relative',\n      flexDirection: 'column',\n      boxSizing: 'border-box',\n      ...getSurfaceStyles(theme, colorScheme, { beforeGradientZIndex: 0 }),\n      boxShadow: `${elevation}, ${top}`,\n      borderLeft: `1px solid ${borderColor}`,\n      borderRight: `1px solid ${borderColor}`,\n      borderBottom: `1px solid ${borderColor}`,\n      ...(!isDarkMode && {\n        borderTop: `1px solid ${borderColor}`,\n      }),\n    };\n  },\n);\n\nconst ListView = ({ testID, children, ...rest }: ListViewProps): React.ReactElement => {\n  const { colorScheme } = useTheme();\n  return (\n    <ListViewProvider value={{ isInsideListView: true }}>\n      <ListViewSurface\n        colorScheme={colorScheme}\n        borderRadius=\"medium\"\n        overflow=\"hidden\"\n        backgroundColor=\"surface.background.gray.intense\"\n        {...metaAttribute({ name: MetaConstants.ListView, testID })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </ListViewSurface>\n    </ListViewProvider>\n  );\n};\n\nexport { ListView };\n"],"names":["ListViewSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","colorScheme","isDarkMode","_getSurfaceBoxShadow","getSurfaceBoxShadow","elevation","top","borderColor","colors","interactive","border","gray","disabled","_objectSpread","width","display","position","flexDirection","boxSizing","getSurfaceStyles","beforeGradientZIndex","boxShadow","concat","borderLeft","borderRight","borderBottom","borderTop","ListView","_ref2","testID","children","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","ListViewProvider","value","isInsideListView","borderRadius","overflow","backgroundColor","metaAttribute","name","MetaConstants","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CACrC,CAAA,CAAA,UAAAC,IAAA,EAA4B;AAAA,EAAA,IAAzBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW,CAAA;AACnB,EAAA,IAAMC,UAAU,GAAGD,WAAW,KAAK,MAAM,CAAA;AACzC,EAAA,IAAAE,oBAAA,GAA2BC,mBAAmB,CAACJ,KAAK,EAAEC,WAAW,CAAC;IAA1DI,SAAS,GAAAF,oBAAA,CAATE,SAAS;IAAEC,GAAG,GAAAH,oBAAA,CAAHG,GAAG,CAAA;AACtB,EAAA,IAAMC,WAAW,GAAGP,KAAK,CAACQ,MAAM,CAACC,WAAW,CAACC,MAAM,CAACC,IAAI,CAACC,QAAQ,CAAA;EAEjE,OAAAC,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,SAAS,EAAE,YAAA;AAAY,GAAA,EACpBC,gBAAgB,CAACnB,KAAK,EAAEC,WAAW,EAAE;AAAEmB,IAAAA,oBAAoB,EAAE,CAAA;AAAE,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IACpEC,SAAS,EAAA,EAAA,CAAAC,MAAA,CAAKjB,SAAS,QAAAiB,MAAA,CAAKhB,GAAG,CAAE;AACjCiB,IAAAA,UAAU,EAAAD,YAAAA,CAAAA,MAAA,CAAef,WAAW,CAAE;AACtCiB,IAAAA,WAAW,EAAAF,YAAAA,CAAAA,MAAA,CAAef,WAAW,CAAE;IACvCkB,YAAY,EAAA,YAAA,CAAAH,MAAA,CAAef,WAAW,CAAA;GAClC,EAAA,CAACL,UAAU,IAAI;IACjBwB,SAAS,EAAA,YAAA,CAAAJ,MAAA,CAAef,WAAW,CAAA;GACpC,CAAA,CAAA;AAEL,CAAC,CACF,CAAA;AAED,IAAMoB,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAAyE;AAAA,EAAA,IAAnEC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;AAC3C,EAAA,IAAAC,SAAA,GAAwBC,QAAQ,EAAE;IAA1BlC,WAAW,GAAAiC,SAAA,CAAXjC,WAAW,CAAA;EACnB,oBACEmC,GAAA,CAACC,gBAAgB,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,gBAAgB,EAAE,IAAA;KAAO;IAAAT,QAAA,eAClDM,GAAA,CAAC3C,eAAe,EAAAoB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACdZ,MAAAA,WAAW,EAAEA,WAAY;AACzBuC,MAAAA,YAAY,EAAC,QAAQ;AACrBC,MAAAA,QAAQ,EAAC,QAAQ;AACjBC,MAAAA,eAAe,EAAC,iCAAA;AAAiC,KAAA,EAC7CC,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAAClB,QAAQ;AAAEE,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EACvDiB,sBAAsB,CAACf,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EAE/BA,QAAAA;KACc,CAAA,CAAA;AAAC,GACF,CAAC,CAAA;AAEvB;;;;"}
+{"version":3,"file":"ListView.web.js","sources":["../../../../../../src/components/ListView/ListView.web.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport type { ListViewProps } from './types';\nimport { ListViewProvider } from './ListViewContext';\nimport type { ColorSchemeNames } from '~tokens/theme';\nimport { getSurfaceBoxShadow, getSurfaceStyles } from '~utils/makeSurfaceStyles';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport useTheme from '~components/BladeProvider/useTheme';\n\nconst ListViewSurface = styled(BaseBox)<{ colorScheme: ColorSchemeNames }>(\n  ({ theme, colorScheme }) => {\n    const isDarkMode = colorScheme === 'dark';\n    const { elevation, top } = getSurfaceBoxShadow(theme, colorScheme);\n    const borderColor = theme.colors.interactive.border.gray.disabled;\n\n    return {\n      width: '100%',\n      display: 'flex',\n      position: 'relative',\n      flexDirection: 'column',\n      boxSizing: 'border-box',\n      ...getSurfaceStyles(theme, colorScheme),\n      boxShadow: `${elevation}, ${top}`,\n      borderLeft: `1px solid ${borderColor}`,\n      borderRight: `1px solid ${borderColor}`,\n      borderBottom: `1px solid ${borderColor}`,\n      ...(!isDarkMode && {\n        borderTop: `1px solid ${borderColor}`,\n      }),\n    };\n  },\n);\n\nconst ListView = ({ testID, children, ...rest }: ListViewProps): React.ReactElement => {\n  const { colorScheme } = useTheme();\n  return (\n    <ListViewProvider value={{ isInsideListView: true }}>\n      <ListViewSurface\n        colorScheme={colorScheme}\n        borderRadius=\"medium\"\n        overflow=\"hidden\"\n        backgroundColor=\"surface.background.gray.intense\"\n        {...metaAttribute({ name: MetaConstants.ListView, testID })}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        {children}\n      </ListViewSurface>\n    </ListViewProvider>\n  );\n};\n\nexport { ListView };\n"],"names":["ListViewSurface","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","colorScheme","isDarkMode","_getSurfaceBoxShadow","getSurfaceBoxShadow","elevation","top","borderColor","colors","interactive","border","gray","disabled","_objectSpread","width","display","position","flexDirection","boxSizing","getSurfaceStyles","boxShadow","concat","borderLeft","borderRight","borderBottom","borderTop","ListView","_ref2","testID","children","rest","_objectWithoutProperties","_excluded","_useTheme","useTheme","_jsx","ListViewProvider","value","isInsideListView","borderRadius","overflow","backgroundColor","metaAttribute","name","MetaConstants","makeAnalyticsAttribute"],"mappings":";;;;;;;;;;;;;;;;;;;AAUA,IAAMA,eAAe,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CACrC,CAAA,CAAA,UAAAC,IAAA,EAA4B;AAAA,EAAA,IAAzBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW,CAAA;AACnB,EAAA,IAAMC,UAAU,GAAGD,WAAW,KAAK,MAAM,CAAA;AACzC,EAAA,IAAAE,oBAAA,GAA2BC,mBAAmB,CAACJ,KAAK,EAAEC,WAAW,CAAC;IAA1DI,SAAS,GAAAF,oBAAA,CAATE,SAAS;IAAEC,GAAG,GAAAH,oBAAA,CAAHG,GAAG,CAAA;AACtB,EAAA,IAAMC,WAAW,GAAGP,KAAK,CAACQ,MAAM,CAACC,WAAW,CAACC,MAAM,CAACC,IAAI,CAACC,QAAQ,CAAA;EAEjE,OAAAC,aAAA,CAAAA,aAAA,CAAA;AACEC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,SAAS,EAAE,YAAA;AAAY,GAAA,EACpBC,gBAAgB,CAACnB,KAAK,EAAEC,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;IACvCmB,SAAS,EAAA,EAAA,CAAAC,MAAA,CAAKhB,SAAS,QAAAgB,MAAA,CAAKf,GAAG,CAAE;AACjCgB,IAAAA,UAAU,EAAAD,YAAAA,CAAAA,MAAA,CAAed,WAAW,CAAE;AACtCgB,IAAAA,WAAW,EAAAF,YAAAA,CAAAA,MAAA,CAAed,WAAW,CAAE;IACvCiB,YAAY,EAAA,YAAA,CAAAH,MAAA,CAAed,WAAW,CAAA;GAClC,EAAA,CAACL,UAAU,IAAI;IACjBuB,SAAS,EAAA,YAAA,CAAAJ,MAAA,CAAed,WAAW,CAAA;GACpC,CAAA,CAAA;AAEL,CAAC,CACF,CAAA;AAED,IAAMmB,QAAQ,GAAG,SAAXA,QAAQA,CAAAC,KAAA,EAAyE;AAAA,EAAA,IAAnEC,MAAM,GAAAD,KAAA,CAANC,MAAM;IAAEC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;AAAKC,IAAAA,IAAI,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;AAC3C,EAAA,IAAAC,SAAA,GAAwBC,QAAQ,EAAE;IAA1BjC,WAAW,GAAAgC,SAAA,CAAXhC,WAAW,CAAA;EACnB,oBACEkC,GAAA,CAACC,gBAAgB,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,gBAAgB,EAAE,IAAA;KAAO;IAAAT,QAAA,eAClDM,GAAA,CAAC1C,eAAe,EAAAoB,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACdZ,MAAAA,WAAW,EAAEA,WAAY;AACzBsC,MAAAA,YAAY,EAAC,QAAQ;AACrBC,MAAAA,QAAQ,EAAC,QAAQ;AACjBC,MAAAA,eAAe,EAAC,iCAAA;AAAiC,KAAA,EAC7CC,aAAa,CAAC;MAAEC,IAAI,EAAEC,aAAa,CAAClB,QAAQ;AAAEE,MAAAA,MAAM,EAANA,MAAAA;AAAO,KAAC,CAAC,CAAA,EACvDiB,sBAAsB,CAACf,IAAI,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,MAAAA,QAAA,EAE/BA,QAAAA;KACc,CAAA,CAAA;AAAC,GACF,CAAC,CAAA;AAEvB;;;;"}

package/build/lib/web/production/components/ListView/ListViewFilters.web.js

@@ -71,7 +71,6 @@ var ListViewFilters = function ListViewFilters(_ref) {
       selectedFiltersCount: selectedFiltersCount
     },
     children: /*#__PURE__*/jsxs(BaseBox, {
-      backgroundColor: "surface.background.gray.intense",
       paddingX: "spacing.3",
       paddingTop: "spacing.3",
       paddingBottom: children ? 'spacing.0' : 'spacing.3',

package/build/lib/web/production/components/ListView/ListViewFilters.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n  /* For Webkit (Chrome, Safari) */\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n  /* For Firefox */\n  scrollbarWidth: 'none',\n  /* For Edge */\n  msOverflowStyle: 'none',\n});\n\nconst ListViewFilters = ({\n  testID,\n  children,\n  quickFilters,\n  onSearchChange,\n  searchValue,\n  searchValuePlaceholder,\n  searchName,\n  showQuickFilters,\n  onShowQuickFiltersChange,\n  showFilters: showFiltersProp,\n  onShowFiltersChange,\n  onSearchClear,\n  selectedFiltersCount = 0,\n  searchTrailing,\n  actions,\n  ...rest\n}: ListViewFilterProps): React.ReactElement => {\n  const [\n    listViewSelectedFilters,\n    setListViewSelectedFilters,\n  ] = useState<ListViewSelectedFiltersType>({});\n  const searchId = useId('search-input');\n  const searchNameValue = searchName || searchId;\n  const isMobile = useIsMobile();\n  const showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;\n  const isSearchTrailingDropDown =\n    React.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      <BaseBox\n        backgroundColor=\"surface.background.gray.intense\"\n        paddingX=\"spacing.3\"\n        paddingTop=\"spacing.3\"\n        paddingBottom={children ? 'spacing.0' : 'spacing.3'}\n        borderBottomWidth=\"thin\"\n        borderBottomColor=\"surface.border.gray.muted\"\n        borderBottomStyle=\"solid\"\n      >\n        {isMobile && showSearchInput && (\n          <SearchInput\n            label=\"\"\n            value={searchValue}\n            placeholder={searchValuePlaceholder}\n            name={searchNameValue || searchId}\n            onChange={({ name, value }) => onSearchChange?.({ name, value })}\n            onClearButtonClick={onSearchClear}\n            trailing={searchTrailing}\n          />\n        )}\n        <BaseBox>\n          <BaseBox\n            {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n            {...makeAnalyticsAttribute(rest)}\n            display=\"flex\"\n            justifyContent=\"space-between\"\n          >\n            <Box\n              position=\"relative\"\n              display=\"flex\"\n              flexDirection=\"column\"\n              marginRight=\"spacing.3\"\n              flex=\"1\"\n              minWidth=\"0px\"\n            >\n              <StyledQuickFilterContainer\n                overflow=\"scroll\"\n                width=\"100%\"\n                paddingTop={isMobile ? 'spacing.4' : 'spacing.1'}\n                paddingBottom=\"spacing.1\"\n                paddingLeft=\"spacing.1\"\n              >\n                {quickFilters}\n              </StyledQuickFilterContainer>\n            </Box>\n\n            <BaseBox display=\"flex\" alignItems=\"center\" flexShrink=\"0\">\n              {!isMobile && showSearchInput && (\n                <Box width={isSearchTrailingDropDown ? '280px' : '208px'}>\n                  <SearchInput\n                    label=\"\"\n                    value={searchValue}\n                    placeholder={searchValuePlaceholder}\n                    name={searchNameValue || searchId}\n                    onChange={({ name, value }) => onSearchChange?.({ name, value })}\n                    onClearButtonClick={onSearchClear}\n                    size=\"medium\"\n                    trailing={searchTrailing}\n                  />\n                </Box>\n              )}\n              {actions}\n            </BaseBox>\n          </BaseBox>\n          <BaseBox display=\"flex\">{children}</BaseBox>\n        </BaseBox>\n      </BaseBox>\n    </ListViewFiltersProvider>\n  );\n};\n\nexport { ListViewFilters };\n"],"names":["StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","ListViewFilters","_ref","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","showFiltersProp","showFilters","onShowFiltersChange","onSearchClear","_ref$selectedFiltersC","selectedFiltersCount","searchTrailing","actions","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","showSearchInput","isSearchTrailingDropDown","React","isValidElement","getComponentId","_jsx","ListViewFiltersProvider","value","_jsxs","backgroundColor","paddingX","paddingTop","paddingBottom","borderBottomWidth","borderBottomColor","borderBottomStyle","SearchInput","label","placeholder","name","onChange","_ref2","onClearButtonClick","trailing","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","marginRight","flex","minWidth","overflow","width","paddingLeft","alignItems","flexShrink","_ref3","size"],"mappings":"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"}
+{"version":3,"file":"ListViewFilters.web.js","sources":["../../../../../../src/components/ListView/ListViewFilters.web.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport type { ListViewFilterProps, ListViewSelectedFiltersType } from './types';\nimport { ListViewFiltersProvider } from './ListViewFiltersContext.web';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport BaseBox from '~components/Box/BaseBox';\nimport { MetaConstants, metaAttribute } from '~utils/metaAttribute';\nimport { Box } from '~components/Box';\nimport { SearchInput } from '~components/Input/SearchInput';\nimport { useId } from '~utils/useId';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\n\nconst StyledQuickFilterContainer = styled(BaseBox)({\n  /* For Webkit (Chrome, Safari) */\n  '::-webkit-scrollbar': {\n    display: 'none',\n  },\n  /* For Firefox */\n  scrollbarWidth: 'none',\n  /* For Edge */\n  msOverflowStyle: 'none',\n});\n\nconst ListViewFilters = ({\n  testID,\n  children,\n  quickFilters,\n  onSearchChange,\n  searchValue,\n  searchValuePlaceholder,\n  searchName,\n  showQuickFilters,\n  onShowQuickFiltersChange,\n  showFilters: showFiltersProp,\n  onShowFiltersChange,\n  onSearchClear,\n  selectedFiltersCount = 0,\n  searchTrailing,\n  actions,\n  ...rest\n}: ListViewFilterProps): React.ReactElement => {\n  const [\n    listViewSelectedFilters,\n    setListViewSelectedFilters,\n  ] = useState<ListViewSelectedFiltersType>({});\n  const searchId = useId('search-input');\n  const searchNameValue = searchName || searchId;\n  const isMobile = useIsMobile();\n  const showSearchInput = onSearchChange || onSearchClear || searchValuePlaceholder || searchName;\n  const isSearchTrailingDropDown =\n    React.isValidElement(searchTrailing) && getComponentId(searchTrailing) === 'Dropdown';\n\n  return (\n    <ListViewFiltersProvider\n      value={{\n        listViewSelectedFilters,\n        setListViewSelectedFilters,\n        selectedFiltersCount,\n      }}\n    >\n      <BaseBox\n        paddingX=\"spacing.3\"\n        paddingTop=\"spacing.3\"\n        paddingBottom={children ? 'spacing.0' : 'spacing.3'}\n        borderBottomWidth=\"thin\"\n        borderBottomColor=\"surface.border.gray.muted\"\n        borderBottomStyle=\"solid\"\n      >\n        {isMobile && showSearchInput && (\n          <SearchInput\n            label=\"\"\n            value={searchValue}\n            placeholder={searchValuePlaceholder}\n            name={searchNameValue || searchId}\n            onChange={({ name, value }) => onSearchChange?.({ name, value })}\n            onClearButtonClick={onSearchClear}\n            trailing={searchTrailing}\n          />\n        )}\n        <BaseBox>\n          <BaseBox\n            {...metaAttribute({ name: MetaConstants.ListViewFilter, testID })}\n            {...makeAnalyticsAttribute(rest)}\n            display=\"flex\"\n            justifyContent=\"space-between\"\n          >\n            <Box\n              position=\"relative\"\n              display=\"flex\"\n              flexDirection=\"column\"\n              marginRight=\"spacing.3\"\n              flex=\"1\"\n              minWidth=\"0px\"\n            >\n              <StyledQuickFilterContainer\n                overflow=\"scroll\"\n                width=\"100%\"\n                paddingTop={isMobile ? 'spacing.4' : 'spacing.1'}\n                paddingBottom=\"spacing.1\"\n                paddingLeft=\"spacing.1\"\n              >\n                {quickFilters}\n              </StyledQuickFilterContainer>\n            </Box>\n\n            <BaseBox display=\"flex\" alignItems=\"center\" flexShrink=\"0\">\n              {!isMobile && showSearchInput && (\n                <Box width={isSearchTrailingDropDown ? '280px' : '208px'}>\n                  <SearchInput\n                    label=\"\"\n                    value={searchValue}\n                    placeholder={searchValuePlaceholder}\n                    name={searchNameValue || searchId}\n                    onChange={({ name, value }) => onSearchChange?.({ name, value })}\n                    onClearButtonClick={onSearchClear}\n                    size=\"medium\"\n                    trailing={searchTrailing}\n                  />\n                </Box>\n              )}\n              {actions}\n            </BaseBox>\n          </BaseBox>\n          <BaseBox display=\"flex\">{children}</BaseBox>\n        </BaseBox>\n      </BaseBox>\n    </ListViewFiltersProvider>\n  );\n};\n\nexport { ListViewFilters };\n"],"names":["StyledQuickFilterContainer","styled","BaseBox","withConfig","displayName","componentId","display","scrollbarWidth","msOverflowStyle","ListViewFilters","_ref","testID","children","quickFilters","onSearchChange","searchValue","searchValuePlaceholder","searchName","showQuickFilters","onShowQuickFiltersChange","showFiltersProp","showFilters","onShowFiltersChange","onSearchClear","_ref$selectedFiltersC","selectedFiltersCount","searchTrailing","actions","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","listViewSelectedFilters","setListViewSelectedFilters","searchId","useId","searchNameValue","isMobile","useIsMobile","showSearchInput","isSearchTrailingDropDown","React","isValidElement","getComponentId","_jsx","ListViewFiltersProvider","value","_jsxs","paddingX","paddingTop","paddingBottom","borderBottomWidth","borderBottomColor","borderBottomStyle","SearchInput","label","placeholder","name","onChange","_ref2","onClearButtonClick","trailing","_objectSpread","metaAttribute","MetaConstants","ListViewFilter","makeAnalyticsAttribute","justifyContent","Box","position","flexDirection","marginRight","flex","minWidth","overflow","width","paddingLeft","alignItems","flexShrink","_ref3","size"],"mappings":"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"}

package/build/lib/web/production/components/SideNav/SideNavItems/SideNavItem.web.js

@@ -57,7 +57,7 @@ var SideNavItem = function SideNavItem(_ref) {
       children: [/*#__PURE__*/jsxs(Box, {
         display: "inline-flex",
         alignItems: "center",
-        gap: "spacing.3",
+        gap: Icon ? 'spacing.2' : 'spacing.3',
         children: [Icon ? /*#__PURE__*/jsx(BaseBox, {
           display: "flex",
           alignItems: "center",

package/build/lib/web/production/components/SideNav/SideNavItems/SideNavItem.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"SideNavItem.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavItem.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport type { SideNavItemProps } from '../types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\nimport type { IconComponent } from '~components/Icons';\nimport { isIconComponent } from '~utils/isIconComponent';\n\nconst SideNavItemContainer = styled(BaseBox)((props) => {\n  return {\n    transition: getNavItemTransition(props.theme),\n  };\n});\n\nconst SideNavItem = ({\n  leading,\n  trailing,\n  title,\n  backgroundColor,\n  tooltip,\n  as = 'div',\n  ...rest\n}: SideNavItemProps): React.ReactElement => {\n  const isIcon = typeof leading === 'function' && isIconComponent(leading);\n  const Icon: IconComponent | undefined = isIcon ? leading : undefined;\n\n  return (\n    <TooltipifyComponent tooltip={tooltip}>\n      <SideNavItemContainer\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        paddingX=\"spacing.3\"\n        height={makeSize(NAV_ITEM_HEIGHT)}\n        backgroundColor={backgroundColor}\n        borderRadius=\"small\"\n        as={as}\n        cursor={as === 'label' ? 'pointer' : undefined}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <Box display=\"inline-flex\" alignItems=\"center\" gap=\"spacing.3\">\n          {Icon ? (\n            <BaseBox display=\"flex\" alignItems=\"center\" paddingX=\"spacing.2\">\n              <Icon size=\"medium\" color=\"interactive.icon.gray.subtle\" />\n            </BaseBox>\n          ) : (\n            (leading as React.ReactNode)\n          )}\n          <BaseBox className={classes.HIDE_WHEN_COLLAPSED}>\n            <Text\n              truncateAfterLines={1}\n              weight=\"regular\"\n              size=\"medium\"\n              color=\"surface.text.gray.subtle\"\n            >\n              {title}\n            </Text>\n          </BaseBox>\n        </Box>\n        <BaseBox className={classes.HIDE_WHEN_COLLAPSED}>{trailing}</BaseBox>\n      </SideNavItemContainer>\n    </TooltipifyComponent>\n  );\n};\n\nexport { SideNavItem };\n"],"names":["SideNavItemContainer","styled","BaseBox","withConfig","displayName","componentId","props","transition","getNavItemTransition","theme","SideNavItem","_ref","leading","trailing","title","backgroundColor","tooltip","_ref$as","as","rest","_objectWithoutProperties","_excluded","isIcon","isIconComponent","Icon","undefined","_jsx","TooltipifyComponent","children","_jsxs","_objectSpread","display","flexDirection","justifyContent","alignItems","paddingX","height","makeSize","NAV_ITEM_HEIGHT","borderRadius","cursor","makeAnalyticsAttribute","Box","gap","size","color","className","classes","HIDE_WHEN_COLLAPSED","Text","truncateAfterLines","weight"],"mappings":"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"}
+{"version":3,"file":"SideNavItem.web.js","sources":["../../../../../../../src/components/SideNav/SideNavItems/SideNavItem.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { classes, getNavItemTransition, NAV_ITEM_HEIGHT } from '../tokens';\nimport type { SideNavItemProps } from '../types';\nimport { Box } from '~components/Box';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport { TooltipifyComponent } from '~utils/TooltipifyComponent';\nimport type { IconComponent } from '~components/Icons';\nimport { isIconComponent } from '~utils/isIconComponent';\n\nconst SideNavItemContainer = styled(BaseBox)((props) => {\n  return {\n    transition: getNavItemTransition(props.theme),\n  };\n});\n\nconst SideNavItem = ({\n  leading,\n  trailing,\n  title,\n  backgroundColor,\n  tooltip,\n  as = 'div',\n  ...rest\n}: SideNavItemProps): React.ReactElement => {\n  const isIcon = typeof leading === 'function' && isIconComponent(leading);\n  const Icon: IconComponent | undefined = isIcon ? leading : undefined;\n\n  return (\n    <TooltipifyComponent tooltip={tooltip}>\n      <SideNavItemContainer\n        display=\"flex\"\n        flexDirection=\"row\"\n        justifyContent=\"space-between\"\n        alignItems=\"center\"\n        paddingX=\"spacing.3\"\n        height={makeSize(NAV_ITEM_HEIGHT)}\n        backgroundColor={backgroundColor}\n        borderRadius=\"small\"\n        as={as}\n        cursor={as === 'label' ? 'pointer' : undefined}\n        {...makeAnalyticsAttribute(rest)}\n      >\n        <Box display=\"inline-flex\" alignItems=\"center\" gap={Icon ? 'spacing.2' : 'spacing.3'}>\n          {Icon ? (\n            <BaseBox display=\"flex\" alignItems=\"center\" paddingX=\"spacing.2\">\n              <Icon size=\"medium\" color=\"interactive.icon.gray.subtle\" />\n            </BaseBox>\n          ) : (\n            (leading as React.ReactNode)\n          )}\n          <BaseBox className={classes.HIDE_WHEN_COLLAPSED}>\n            <Text\n              truncateAfterLines={1}\n              weight=\"regular\"\n              size=\"medium\"\n              color=\"surface.text.gray.subtle\"\n            >\n              {title}\n            </Text>\n          </BaseBox>\n        </Box>\n        <BaseBox className={classes.HIDE_WHEN_COLLAPSED}>{trailing}</BaseBox>\n      </SideNavItemContainer>\n    </TooltipifyComponent>\n  );\n};\n\nexport { SideNavItem };\n"],"names":["SideNavItemContainer","styled","BaseBox","withConfig","displayName","componentId","props","transition","getNavItemTransition","theme","SideNavItem","_ref","leading","trailing","title","backgroundColor","tooltip","_ref$as","as","rest","_objectWithoutProperties","_excluded","isIcon","isIconComponent","Icon","undefined","_jsx","TooltipifyComponent","children","_jsxs","_objectSpread","display","flexDirection","justifyContent","alignItems","paddingX","height","makeSize","NAV_ITEM_HEIGHT","borderRadius","cursor","makeAnalyticsAttribute","Box","gap","size","color","className","classes","HIDE_WHEN_COLLAPSED","Text","truncateAfterLines","weight"],"mappings":"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"}

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

@@ -96,12 +96,12 @@ var StyledCell = /*#__PURE__*/styled(Cell).withConfig({
 })(function (_ref3) {
   var theme = _ref3.theme,
     $backgroundColor = _ref3.$backgroundColor,
-    gridRow = _ref3.gridRow;
+    $gridRow = _ref3.$gridRow;
   return {
     '&&&': {
       height: '100%',
       backgroundColor: getIn(theme.colors, $backgroundColor),
-      gridRow: gridRow,
+      gridRow: $gridRow,
       '& > div:first-child': {
         alignSelf: 'stretch'
       },
@@ -165,7 +165,7 @@ var _TableCell = function _TableCell(_ref5) {
     $backgroundColor: backgroundColor,
     gridColumnStart: gridColumnStart,
     gridColumnEnd: gridColumnEnd,
-    gridRow: gridRowValue
+    $gridRow: gridRowValue
   }, metaAttribute({
     name: MetaConstants.TableCell
   })), makeAnalyticsAttribute(rest)), {}, {