npm - @razorpay/blade - Versions diffs - 10.23.4 → 11.0.0 - Mend

@razorpay/blade 10.23.4 → 11.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (874) hide show

package/build/lib/web/development/components/Table/TablePagination.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TablePagination.web.js","sources":["../../../../../../src/components/Table/TablePagination.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport { tablePagination } from './tokens';\nimport type { TablePaginationProps } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronsLeftIcon,\n ChevronsRightIcon,\n MoreHorizontalIcon,\n} from '~components/Icons';\nimport { Dropdown, DropdownOverlay } from '~components/Dropdown';\nimport { SelectInput } from '~components/Input/DropdownInputTriggers';\nimport { ActionList, ActionListItem } from '~components/ActionList';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\nimport { Button } from '~components/Button';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\n\nconst pageSizeOptions: NonNullable<TablePaginationProps['defaultPageSize']>[] = [10, 25, 50];\n\nconst PageSelectionButton = styled.button<{ isSelected?: boolean }>(({ theme, isSelected }) => ({\n backgroundColor: isSelected\n ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelected)\n : 'transparent',\n border: 'none',\n cursor: 'pointer',\n height: makeSize(tablePagination.pageSelectionButton.height),\n width: makeSize(tablePagination.pageSelectionButton.width),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: getIn(theme.border.radius, tablePagination.pageSelectionButton.borderRadius),\n '&:hover': {\n backgroundColor: isSelected\n ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedHover)\n : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorHover),\n },\n '&:focus-visible': {\n backgroundColor: isSelected\n ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive)\n : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive),\n outline: 'none',\n '&:focus-visible': {\n outline: `1px solid ${theme.colors.surface.background.level1.lowContrast}`,\n boxShadow: `0px 0px 0px 4px ${getIn(\n theme.colors,\n tablePagination.pageSelectionButton.focusRingColor,\n )}`,\n },\n },\n '&:active': {\n backgroundColor: isSelected\n ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive)\n : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive),\n },\n}));\nconst getPaginationButtons = ({\n currentSelection,\n totalPages,\n}: {\n currentSelection: number;\n totalPages: number;\n}): {\n middleItems: number[];\n showStartEllipsis: boolean;\n showEndEllipsis: boolean;\n firstItem: number;\n lastItem: number;\n} => {\n const halfRange = 2;\n const minMiddleItems = 5;\n\n // return if totalPages is less than minMiddleItems\n if (totalPages <= minMiddleItems) {\n return {\n middleItems: Array.from({ length: totalPages - 2 }, (_, index) => index + 2),\n showStartEllipsis: false,\n showEndEllipsis: false,\n firstItem: 1,\n lastItem: totalPages,\n };\n }\n\n let start = Math.max(1, currentSelection - halfRange);\n let end = Math.min(totalPages, start + 2 * halfRange);\n\n // Ensure at least minMiddleItems items in middleItems\n while (end - start + 1 < minMiddleItems && (start > 1 \|\| end < totalPages)) {\n if (start > 1) {\n start--;\n }\n if (end < totalPages) {\n end++;\n }\n }\n\n let showStartEllipsis = false;\n let showEndEllipsis = false;\n\n const paginationButtons: number[] = [];\n for (let i = start; i <= end; i++) {\n paginationButtons.push(i);\n }\n\n // if paginationButtons contains 1, remove it\n if (paginationButtons.includes(1)) {\n paginationButtons.shift();\n // add an extra item at the end if length of total pages is greater than minMiddleItems+1\n if (totalPages > minMiddleItems + 1) paginationButtons.push(end + 1);\n }\n\n // if paginationButtons contains totalPages, remove it\n if (paginationButtons.includes(totalPages)) {\n paginationButtons.pop();\n // add an extra item at the beginning if length of total pages is greater than minMiddleItems+1\n if (totalPages > minMiddleItems + 1) paginationButtons.unshift(start - 1);\n }\n\n if (paginationButtons[0] > 2) {\n showStartEllipsis = true;\n }\n\n if (paginationButtons[paginationButtons.length - 1] + 1 < totalPages) {\n showEndEllipsis = true;\n }\n\n return {\n middleItems: paginationButtons,\n showStartEllipsis,\n showEndEllipsis,\n firstItem: 1,\n lastItem: totalPages,\n };\n};\n\nconst _TablePagination = ({\n currentPage: controlledCurrentPage,\n onPageChange,\n onPageSizeChange,\n defaultPageSize = tablePagination.defaultPageSize,\n showPageSizePicker = true,\n showPageNumberSelector = false,\n showLabel,\n label,\n}: TablePaginationProps): React.ReactElement => {\n const {\n setPaginationPage,\n currentPaginationState,\n totalItems,\n setPaginationRowSize,\n } = useTableContext();\n const [currentPageSize, setCurrentPageSize] = React.useState<number>(defaultPageSize);\n const [currentPage, setCurrentPage] = React.useState<number>(\n !isUndefined(controlledCurrentPage) ? controlledCurrentPage : currentPaginationState?.page ?? 0,\n );\n const [currentEllipseHover, setCurrentEllipseHover] = React.useState<'start' \| 'end' \| undefined>(\n undefined,\n );\n\n const defaultLabel = currentPaginationState\n ? `Showing ${currentPaginationState.page * currentPaginationState.size + 1}-${\n currentPaginationState.page * currentPaginationState.size + currentPaginationState.size\n } Items`\n : `Showing 1 to ${totalItems} Items`;\n\n const { platform } = useTheme();\n const onMobile = platform === 'onMobile';\n useEffect(() => {\n setPaginationRowSize(currentPageSize);\n }, []);\n\n useEffect(() => {\n if (currentPage && currentPaginationState?.page !== currentPage) {\n setPaginationPage(currentPage);\n }\n }, [currentPage, currentPaginationState?.page, setPaginationPage]);\n\n const totalPages = Math.ceil(totalItems / currentPageSize);\n\n const handlePageChange = useCallback(\n (page: number): void => {\n let pageToJumpTo = page;\n if (pageToJumpTo < 0) {\n pageToJumpTo = 0;\n } else if (pageToJumpTo > totalPages - 1) {\n pageToJumpTo = totalPages - 1;\n }\n\n onPageChange?.({ page: pageToJumpTo });\n\n if (!isUndefined(controlledCurrentPage)) {\n pageToJumpTo = controlledCurrentPage;\n }\n setPaginationPage(pageToJumpTo);\n setCurrentPage(pageToJumpTo);\n },\n [controlledCurrentPage, onPageChange, setPaginationPage, totalPages],\n );\n\n useEffect(() => {\n if (!isUndefined(controlledCurrentPage) && controlledCurrentPage !== currentPage) {\n handlePageChange(controlledCurrentPage);\n }\n }, [controlledCurrentPage, currentPage, handlePageChange, onPageChange]);\n\n const handlePageSizeChange = (pageSize: number): void => {\n onPageSizeChange?.({ pageSize });\n setPaginationRowSize(pageSize);\n setCurrentPageSize(pageSize);\n };\n\n const shouldDisableNextPage = (): boolean => {\n return currentPage >= totalPages - 1;\n };\n const paginationButtons = getPaginationButtons({\n currentSelection: currentPage + 1,\n totalPages,\n });\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n padding={tablePagination.padding}\n backgroundColor={tablePagination.backgroundColor}\n >\n {showLabel && !onMobile && (\n <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n <Text size=\"medium\" weight=\"bold\">\n {label ?? defaultLabel}\n </Text>\n </BaseBox>\n )}\n <BaseBox\n display=\"flex\"\n flex={1}\n gap=\"spacing.2\"\n justifyContent=\"flex-end\"\n alignItems=\"center\"\n >\n {showPageSizePicker && !onMobile && (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n <Dropdown selectionType=\"single\">\n <SelectInput\n accessibilityLabel=\"Select pages per row\"\n name=\"page-size\"\n label=\"\"\n labelPosition=\"inside-input\"\n placeholder=\"\"\n onChange={({ values }) => {\n handlePageSizeChange(Number(values[0]));\n }}\n defaultValue={currentPageSize.toString()}\n />\n <DropdownOverlay>\n <ActionList>\n {pageSizeOptions.map((item, index) => (\n <ActionListItem key={index} title={item.toString()} value={item.toString()} />\n ))}\n </ActionList>\n </DropdownOverlay>\n </Dropdown>\n <BaseBox aria-hidden paddingLeft=\"spacing.3\" paddingRight=\"spacing.3\">\n <Text>rows / page</Text>\n </BaseBox>\n </BaseBox>\n )}\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n flex={onMobile ? 1 : undefined}\n alignItems=\"center\"\n >\n <Button\n icon={ChevronLeftIcon}\n accessibilityLabel=\"Previous Page\"\n variant=\"tertiary\"\n onClick={() => {\n handlePageChange(currentPage - 1);\n }}\n isDisabled={currentPage <= 0}\n />\n {onMobile && (\n <BaseBox flex={1} alignItems=\"center\" justifyContent=\"center\">\n <Text textAlign=\"center\">{`Showing ${currentPage + 1} of ${totalPages} pages`}</Text>\n </BaseBox>\n )}\n {totalPages > 1 && showPageNumberSelector && !onMobile && (\n <BaseBox gap=\"spacing.1\" display=\"flex\" flexDirection=\"row\">\n <PageSelectionButton\n onClick={() => handlePageChange(paginationButtons.firstItem - 1)}\n isSelected={currentPage === paginationButtons.firstItem - 1}\n >\n <Text\n size=\"medium\"\n color={\n currentPage === paginationButtons.firstItem - 1\n ? tablePagination.pageSelectionButton.textColorSelected\n : tablePagination.pageSelectionButton.textColor\n }\n >\n {paginationButtons.firstItem}\n </Text>\n </PageSelectionButton>\n {paginationButtons.showStartEllipsis && (\n <PageSelectionButton\n onClick={() => handlePageChange(currentPage - 5)}\n onMouseOver={() => setCurrentEllipseHover('start')}\n onMouseLeave={() => setCurrentEllipseHover(undefined)}\n onFocus={() => setCurrentEllipseHover('start')}\n onBlur={() => setCurrentEllipseHover(undefined)}\n {...makeAccessible({ label: 'Go back 5 pages' })}\n >\n {currentEllipseHover === 'start' ? (\n <ChevronsLeftIcon size=\"medium\" />\n ) : (\n <MoreHorizontalIcon size=\"medium\" />\n )}\n </PageSelectionButton>\n )}\n {paginationButtons.middleItems.map((item) => (\n <PageSelectionButton\n key={item - 1}\n onClick={() => handlePageChange(item - 1)}\n isSelected={currentPage === item - 1}\n {...makeAccessible({ label: `Page ${item}` })}\n >\n <Text\n size=\"medium\"\n color={\n currentPage === item - 1\n ? tablePagination.pageSelectionButton.textColorSelected\n : tablePagination.pageSelectionButton.textColor\n }\n >\n {item}\n </Text>\n </PageSelectionButton>\n ))}\n {paginationButtons.showEndEllipsis && (\n <PageSelectionButton\n onClick={() => handlePageChange(currentPage + 5)}\n onMouseOver={() => setCurrentEllipseHover('end')}\n onMouseLeave={() => setCurrentEllipseHover(undefined)}\n onFocus={() => setCurrentEllipseHover('end')}\n onBlur={() => setCurrentEllipseHover(undefined)}\n {...makeAccessible({ label: 'Go forward 5 pages' })}\n >\n {currentEllipseHover === 'end' ? (\n <ChevronsRightIcon size=\"medium\" />\n ) : (\n <MoreHorizontalIcon size=\"medium\" />\n )}\n </PageSelectionButton>\n )}\n <PageSelectionButton\n onClick={() => handlePageChange(paginationButtons.lastItem - 1)}\n isSelected={currentPage === paginationButtons.lastItem - 1}\n >\n <Text\n size=\"medium\"\n color={\n currentPage === paginationButtons.lastItem - 1\n ? tablePagination.pageSelectionButton.textColorSelected\n : tablePagination.pageSelectionButton.textColor\n }\n >\n {paginationButtons.lastItem}\n </Text>\n </PageSelectionButton>\n </BaseBox>\n )}\n <Button\n variant=\"tertiary\"\n icon={ChevronRightIcon}\n accessibilityLabel=\"Next Page\"\n onClick={() => {\n handlePageChange(currentPage + 1);\n }}\n isDisabled={shouldDisableNextPage()}\n />\n </BaseBox>\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst TablePagination = assignWithoutSideEffects(_TablePagination, {\n componentId: ComponentIds.TablePagination,\n});\n\nexport { TablePagination };\n"],"names":["pageSizeOptions","PageSelectionButton","styled","button","withConfig","displayName","componentId","_ref","theme","isSelected","backgroundColor","getIn","colors","tablePagination","pageSelectionButton","backgroundColorSelected","border","cursor","height","makeSize","width","display","alignItems","justifyContent","borderRadius","radius","backgroundColorSelectedHover","backgroundColorHover","backgroundColorSelectedActive","backgroundColorActive","outline","concat","surface","background","level1","lowContrast","boxShadow","focusRingColor","getPaginationButtons","_ref2","currentSelection","totalPages","halfRange","minMiddleItems","middleItems","Array","from","length","_","index","showStartEllipsis","showEndEllipsis","firstItem","lastItem","start","Math","max","end","min","paginationButtons","i","push","includes","shift","pop","unshift","_TablePagination","_ref3","_currentPaginationSta","controlledCurrentPage","currentPage","onPageChange","onPageSizeChange","_ref3$defaultPageSize","defaultPageSize","_ref3$showPageSizePic","showPageSizePicker","_ref3$showPageNumberS","showPageNumberSelector","showLabel","label","_useTableContext","useTableContext","setPaginationPage","currentPaginationState","totalItems","setPaginationRowSize","_React$useState","React","useState","_React$useState2","_slicedToArray","currentPageSize","setCurrentPageSize","_React$useState3","isUndefined","page","_React$useState4","setCurrentPage","_React$useState5","undefined","_React$useState6","currentEllipseHover","setCurrentEllipseHover","defaultLabel","size","_useTheme","useTheme","platform","onMobile","useEffect","ceil","handlePageChange","useCallback","pageToJumpTo","handlePageSizeChange","pageSize","shouldDisableNextPage","_jsxs","BaseBox","flexDirection","padding","children","_jsx","Text","weight","flex","gap","Dropdown","selectionType","SelectInput","accessibilityLabel","name","labelPosition","placeholder","onChange","_ref4","values","Number","defaultValue","toString","DropdownOverlay","ActionList","map","item","ActionListItem","title","value","paddingLeft","paddingRight","Button","icon","ChevronLeftIcon","variant","onClick","isDisabled","textAlign","color","textColorSelected","textColor","_objectSpread","onMouseOver","onMouseLeave","onFocus","onBlur","makeAccessible","ChevronsLeftIcon","MoreHorizontalIcon","ChevronsRightIcon","ChevronRightIcon","TablePagination","assignWithoutSideEffects","ComponentIds"],"mappings":"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"}
1	+ {"version":3,"file":"TablePagination.web.js","sources":["../../../../../../src/components/Table/TablePagination.web.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { useTableContext } from './TableContext';\nimport { ComponentIds } from './componentIds';\nimport { tablePagination } from './tokens';\nimport type { TablePaginationProps } from './types';\nimport isUndefined from '~utils/lodashButBetter/isUndefined';\nimport getIn from '~utils/lodashButBetter/get';\nimport BaseBox from '~components/Box/BaseBox';\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n ChevronsLeftIcon,\n ChevronsRightIcon,\n MoreHorizontalIcon,\n} from '~components/Icons';\nimport { Dropdown, DropdownOverlay } from '~components/Dropdown';\nimport { SelectInput } from '~components/Input/DropdownInputTriggers';\nimport { ActionList, ActionListItem } from '~components/ActionList';\nimport { Text } from '~components/Typography';\nimport { makeSize } from '~utils';\nimport { Button } from '~components/Button';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { useTheme } from '~components/BladeProvider';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst pageSizeOptions: NonNullable<TablePaginationProps['defaultPageSize']>[] = [10, 25, 50];\n\nconst PageSelectionButton = styled.button<{ isSelected?: boolean }>(({ theme, isSelected }) => ({\n backgroundColor: isSelected\n ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelected)\n : 'transparent',\n border: 'none',\n cursor: 'pointer',\n height: makeSize(tablePagination.pageSelectionButton.height),\n width: makeSize(tablePagination.pageSelectionButton.width),\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: getIn(theme.border.radius, tablePagination.pageSelectionButton.borderRadius),\n '&:hover': {\n backgroundColor: isSelected\n ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedHover)\n : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorHover),\n },\n '&:focus-visible': {\n backgroundColor: isSelected\n ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive)\n : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive),\n outline: 'none',\n '&:focus-visible': getFocusRingStyles({ theme }),\n },\n '&:active': {\n backgroundColor: isSelected\n ? getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorSelectedActive)\n : getIn(theme.colors, tablePagination.pageSelectionButton.backgroundColorActive),\n },\n}));\nconst getPaginationButtons = ({\n currentSelection,\n totalPages,\n}: {\n currentSelection: number;\n totalPages: number;\n}): {\n middleItems: number[];\n showStartEllipsis: boolean;\n showEndEllipsis: boolean;\n firstItem: number;\n lastItem: number;\n} => {\n const halfRange = 2;\n const minMiddleItems = 5;\n\n // return if totalPages is less than minMiddleItems\n if (totalPages <= minMiddleItems) {\n return {\n middleItems: Array.from({ length: totalPages - 2 }, (_, index) => index + 2),\n showStartEllipsis: false,\n showEndEllipsis: false,\n firstItem: 1,\n lastItem: totalPages,\n };\n }\n\n let start = Math.max(1, currentSelection - halfRange);\n let end = Math.min(totalPages, start + 2 * halfRange);\n\n // Ensure at least minMiddleItems items in middleItems\n while (end - start + 1 < minMiddleItems && (start > 1 \|\| end < totalPages)) {\n if (start > 1) {\n start--;\n }\n if (end < totalPages) {\n end++;\n }\n }\n\n let showStartEllipsis = false;\n let showEndEllipsis = false;\n\n const paginationButtons: number[] = [];\n for (let i = start; i <= end; i++) {\n paginationButtons.push(i);\n }\n\n // if paginationButtons contains 1, remove it\n if (paginationButtons.includes(1)) {\n paginationButtons.shift();\n // add an extra item at the end if length of total pages is greater than minMiddleItems+1\n if (totalPages > minMiddleItems + 1) paginationButtons.push(end + 1);\n }\n\n // if paginationButtons contains totalPages, remove it\n if (paginationButtons.includes(totalPages)) {\n paginationButtons.pop();\n // add an extra item at the beginning if length of total pages is greater than minMiddleItems+1\n if (totalPages > minMiddleItems + 1) paginationButtons.unshift(start - 1);\n }\n\n if (paginationButtons[0] > 2) {\n showStartEllipsis = true;\n }\n\n if (paginationButtons[paginationButtons.length - 1] + 1 < totalPages) {\n showEndEllipsis = true;\n }\n\n return {\n middleItems: paginationButtons,\n showStartEllipsis,\n showEndEllipsis,\n firstItem: 1,\n lastItem: totalPages,\n };\n};\n\nconst _TablePagination = ({\n currentPage: controlledCurrentPage,\n onPageChange,\n onPageSizeChange,\n defaultPageSize = tablePagination.defaultPageSize,\n showPageSizePicker = true,\n showPageNumberSelector = false,\n showLabel,\n label,\n}: TablePaginationProps): React.ReactElement => {\n const {\n setPaginationPage,\n currentPaginationState,\n totalItems,\n setPaginationRowSize,\n } = useTableContext();\n const [currentPageSize, setCurrentPageSize] = React.useState<number>(defaultPageSize);\n const [currentPage, setCurrentPage] = React.useState<number>(\n !isUndefined(controlledCurrentPage) ? controlledCurrentPage : currentPaginationState?.page ?? 0,\n );\n const [currentEllipseHover, setCurrentEllipseHover] = React.useState<'start' \| 'end' \| undefined>(\n undefined,\n );\n\n const defaultLabel = currentPaginationState\n ? `Showing ${currentPaginationState.page * currentPaginationState.size + 1}-${\n currentPaginationState.page * currentPaginationState.size + currentPaginationState.size\n } Items`\n : `Showing 1 to ${totalItems} Items`;\n\n const { platform } = useTheme();\n const onMobile = platform === 'onMobile';\n useEffect(() => {\n setPaginationRowSize(currentPageSize);\n }, []);\n\n useEffect(() => {\n if (currentPage && currentPaginationState?.page !== currentPage) {\n setPaginationPage(currentPage);\n }\n }, [currentPage, currentPaginationState?.page, setPaginationPage]);\n\n const totalPages = Math.ceil(totalItems / currentPageSize);\n\n const handlePageChange = useCallback(\n (page: number): void => {\n let pageToJumpTo = page;\n if (pageToJumpTo < 0) {\n pageToJumpTo = 0;\n } else if (pageToJumpTo > totalPages - 1) {\n pageToJumpTo = totalPages - 1;\n }\n\n onPageChange?.({ page: pageToJumpTo });\n\n if (!isUndefined(controlledCurrentPage)) {\n pageToJumpTo = controlledCurrentPage;\n }\n setPaginationPage(pageToJumpTo);\n setCurrentPage(pageToJumpTo);\n },\n [controlledCurrentPage, onPageChange, setPaginationPage, totalPages],\n );\n\n useEffect(() => {\n if (!isUndefined(controlledCurrentPage) && controlledCurrentPage !== currentPage) {\n handlePageChange(controlledCurrentPage);\n }\n }, [controlledCurrentPage, currentPage, handlePageChange, onPageChange]);\n\n const handlePageSizeChange = (pageSize: number): void => {\n onPageSizeChange?.({ pageSize });\n setPaginationRowSize(pageSize);\n setCurrentPageSize(pageSize);\n };\n\n const shouldDisableNextPage = (): boolean => {\n return currentPage >= totalPages - 1;\n };\n const paginationButtons = getPaginationButtons({\n currentSelection: currentPage + 1,\n totalPages,\n });\n\n return (\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n padding={tablePagination.padding}\n backgroundColor={tablePagination.backgroundColor}\n >\n {showLabel && !onMobile && (\n <BaseBox display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n <Text size=\"medium\" weight=\"semibold\">\n {label ?? defaultLabel}\n </Text>\n </BaseBox>\n )}\n <BaseBox\n display=\"flex\"\n flex={1}\n gap=\"spacing.2\"\n justifyContent=\"flex-end\"\n alignItems=\"center\"\n >\n {showPageSizePicker && !onMobile && (\n <BaseBox display=\"flex\" flexDirection=\"row\" alignItems=\"center\">\n <Dropdown selectionType=\"single\">\n <SelectInput\n accessibilityLabel=\"Select pages per row\"\n name=\"page-size\"\n label=\"\"\n labelPosition=\"inside-input\"\n placeholder=\"\"\n onChange={({ values }) => {\n handlePageSizeChange(Number(values[0]));\n }}\n defaultValue={currentPageSize.toString()}\n />\n <DropdownOverlay>\n <ActionList>\n {pageSizeOptions.map((item, index) => (\n <ActionListItem key={index} title={item.toString()} value={item.toString()} />\n ))}\n </ActionList>\n </DropdownOverlay>\n </Dropdown>\n <BaseBox aria-hidden paddingLeft=\"spacing.3\" paddingRight=\"spacing.3\">\n <Text>rows / page</Text>\n </BaseBox>\n </BaseBox>\n )}\n <BaseBox\n display=\"flex\"\n flexDirection=\"row\"\n gap=\"spacing.2\"\n flex={onMobile ? 1 : undefined}\n alignItems=\"center\"\n >\n <Button\n icon={ChevronLeftIcon}\n accessibilityLabel=\"Previous Page\"\n variant=\"tertiary\"\n onClick={() => {\n handlePageChange(currentPage - 1);\n }}\n isDisabled={currentPage <= 0}\n />\n {onMobile && (\n <BaseBox flex={1} alignItems=\"center\" justifyContent=\"center\">\n <Text textAlign=\"center\">{`Showing ${currentPage + 1} of ${totalPages} pages`}</Text>\n </BaseBox>\n )}\n {totalPages > 1 && showPageNumberSelector && !onMobile && (\n <BaseBox gap=\"spacing.1\" display=\"flex\" flexDirection=\"row\">\n <PageSelectionButton\n onClick={() => handlePageChange(paginationButtons.firstItem - 1)}\n isSelected={currentPage === paginationButtons.firstItem - 1}\n >\n <Text\n size=\"medium\"\n color={\n currentPage === paginationButtons.firstItem - 1\n ? tablePagination.pageSelectionButton.textColorSelected\n : tablePagination.pageSelectionButton.textColor\n }\n >\n {paginationButtons.firstItem}\n </Text>\n </PageSelectionButton>\n {paginationButtons.showStartEllipsis && (\n <PageSelectionButton\n onClick={() => handlePageChange(currentPage - 5)}\n onMouseOver={() => setCurrentEllipseHover('start')}\n onMouseLeave={() => setCurrentEllipseHover(undefined)}\n onFocus={() => setCurrentEllipseHover('start')}\n onBlur={() => setCurrentEllipseHover(undefined)}\n {...makeAccessible({ label: 'Go back 5 pages' })}\n >\n {currentEllipseHover === 'start' ? (\n <ChevronsLeftIcon size=\"medium\" />\n ) : (\n <MoreHorizontalIcon size=\"medium\" />\n )}\n </PageSelectionButton>\n )}\n {paginationButtons.middleItems.map((item) => (\n <PageSelectionButton\n key={item - 1}\n onClick={() => handlePageChange(item - 1)}\n isSelected={currentPage === item - 1}\n {...makeAccessible({ label: `Page ${item}` })}\n >\n <Text\n size=\"medium\"\n color={\n currentPage === item - 1\n ? tablePagination.pageSelectionButton.textColorSelected\n : tablePagination.pageSelectionButton.textColor\n }\n >\n {item}\n </Text>\n </PageSelectionButton>\n ))}\n {paginationButtons.showEndEllipsis && (\n <PageSelectionButton\n onClick={() => handlePageChange(currentPage + 5)}\n onMouseOver={() => setCurrentEllipseHover('end')}\n onMouseLeave={() => setCurrentEllipseHover(undefined)}\n onFocus={() => setCurrentEllipseHover('end')}\n onBlur={() => setCurrentEllipseHover(undefined)}\n {...makeAccessible({ label: 'Go forward 5 pages' })}\n >\n {currentEllipseHover === 'end' ? (\n <ChevronsRightIcon size=\"medium\" />\n ) : (\n <MoreHorizontalIcon size=\"medium\" />\n )}\n </PageSelectionButton>\n )}\n <PageSelectionButton\n onClick={() => handlePageChange(paginationButtons.lastItem - 1)}\n isSelected={currentPage === paginationButtons.lastItem - 1}\n >\n <Text\n size=\"medium\"\n color={\n currentPage === paginationButtons.lastItem - 1\n ? tablePagination.pageSelectionButton.textColorSelected\n : tablePagination.pageSelectionButton.textColor\n }\n >\n {paginationButtons.lastItem}\n </Text>\n </PageSelectionButton>\n </BaseBox>\n )}\n <Button\n variant=\"tertiary\"\n icon={ChevronRightIcon}\n accessibilityLabel=\"Next Page\"\n onClick={() => {\n handlePageChange(currentPage + 1);\n }}\n isDisabled={shouldDisableNextPage()}\n />\n </BaseBox>\n </BaseBox>\n </BaseBox>\n );\n};\n\nconst TablePagination = assignWithoutSideEffects(_TablePagination, {\n componentId: ComponentIds.TablePagination,\n});\n\nexport { TablePagination };\n"],"names":["pageSizeOptions","PageSelectionButton","styled","button","withConfig","displayName","componentId","_ref","theme","isSelected","backgroundColor","getIn","colors","tablePagination","pageSelectionButton","backgroundColorSelected","border","cursor","height","makeSize","width","display","alignItems","justifyContent","borderRadius","radius","backgroundColorSelectedHover","backgroundColorHover","backgroundColorSelectedActive","backgroundColorActive","outline","getFocusRingStyles","getPaginationButtons","_ref2","currentSelection","totalPages","halfRange","minMiddleItems","middleItems","Array","from","length","_","index","showStartEllipsis","showEndEllipsis","firstItem","lastItem","start","Math","max","end","min","paginationButtons","i","push","includes","shift","pop","unshift","_TablePagination","_ref3","_currentPaginationSta","controlledCurrentPage","currentPage","onPageChange","onPageSizeChange","_ref3$defaultPageSize","defaultPageSize","_ref3$showPageSizePic","showPageSizePicker","_ref3$showPageNumberS","showPageNumberSelector","showLabel","label","_useTableContext","useTableContext","setPaginationPage","currentPaginationState","totalItems","setPaginationRowSize","_React$useState","React","useState","_React$useState2","_slicedToArray","currentPageSize","setCurrentPageSize","_React$useState3","isUndefined","page","_React$useState4","setCurrentPage","_React$useState5","undefined","_React$useState6","currentEllipseHover","setCurrentEllipseHover","defaultLabel","concat","size","_useTheme","useTheme","platform","onMobile","useEffect","ceil","handlePageChange","useCallback","pageToJumpTo","handlePageSizeChange","pageSize","shouldDisableNextPage","_jsxs","BaseBox","flexDirection","padding","children","_jsx","Text","weight","flex","gap","Dropdown","selectionType","SelectInput","accessibilityLabel","name","labelPosition","placeholder","onChange","_ref4","values","Number","defaultValue","toString","DropdownOverlay","ActionList","map","item","ActionListItem","title","value","paddingLeft","paddingRight","Button","icon","ChevronLeftIcon","variant","onClick","isDisabled","textAlign","color","textColorSelected","textColor","_objectSpread","onMouseOver","onMouseLeave","onFocus","onBlur","makeAccessible","ChevronsLeftIcon","MoreHorizontalIcon","ChevronsRightIcon","ChevronRightIcon","TablePagination","assignWithoutSideEffects","ComponentIds"],"mappings":"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"}

package/build/lib/web/development/components/Table/TableToolbar.web.js CHANGED Viewed

@@ -63,7 +63,7 @@ var _TableToolbar = function _TableToolbar(_ref3) {
     deselectAllRows = _useTableContext.deselectAllRows,
     currentPaginationState = _useTableContext.currentPaginationState,
     totalItems = _useTableContext.totalItems,
-    surfaceLevel = _useTableContext.surfaceLevel;
+    backgroundColor = _useTableContext.backgroundColor;
   var _useTheme2 = useTheme(),
     platform = _useTheme2.platform;
   var isSelected = selectedRows && selectedRows.length > 0;
@@ -80,7 +80,7 @@ var _TableToolbar = function _TableToolbar(_ref3) {
     children: "Deselect"
   });
   return /*#__PURE__*/jsx(BaseBox, {
-    backgroundColor: "surface.background.level".concat(surfaceLevel, ".lowContrast"),
+    backgroundColor: backgroundColor,
     children: /*#__PURE__*/jsxs(ToolbarWrapper, {
       display: "flex",
       backgroundColor: isSelected ? tableToolbar.backgroundColorSelected : tableToolbar.backgroundColor,
@@ -95,7 +95,8 @@ var _TableToolbar = function _TableToolbar(_ref3) {
         children: [/*#__PURE__*/jsx(BaseBox, {
           children: /*#__PURE__*/jsx(Text, {
             size: "medium",
-            weight: "bold",
+            weight: "medium",
+            color: isSelected ? 'surface.text.gray.normal' : 'surface.text.gray.subtle',
             children: (_ref4 = selectedTitle !== null && selectedTitle !== void 0 ? selectedTitle : title) !== null && _ref4 !== void 0 ? _ref4 : defaultTitle
           })
         }), isSelected && !onMobile && /*#__PURE__*/jsxs(BaseBox, {

package/build/lib/web/development/components/Table/TableToolbar.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TableToolbar.web.js","sources":["../../../../../../src/components/Table/TableToolbar.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ComponentIds } from './componentIds';\nimport { tableToolbar } from './tokens';\nimport { useTableContext } from './TableContext';\nimport type { TableToolbarProps, TableToolbarActionsProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Divider } from '~components/Divider';\nimport { Link } from '~components/Link';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\n\n/*\n TableToolbarActions is a component that is used to render actions in the TableToolbar.\n * It is a flex container that will render its children in a row on desktop and a column on mobile.\n * @param children - any react element\n * @param styledProps - accepts all of the styled props from Box\n /\nconst _TableToolbarActions = ({\n children,\n ...styledProps\n}: TableToolbarActionsProps): React.ReactElement => {\n const { platform } = useTheme();\n const onMobile = platform === 'onMobile';\n return (\n <BaseBox\n display=\"flex\"\n flex={onMobile ? 1 : 0}\n justifyContent={onMobile ? 'flex-start' : 'flex-end'}\n {...getStyledProps(styledProps)}\n >\n {children}\n </BaseBox>\n );\n};\n\nconst TableToolbarActions = assignWithoutSideEffects(_TableToolbarActions, {\n componentId: ComponentIds.TableToolbarActions,\n});\n\nconst ToolbarWrapper = styled(BaseBox)(({ theme }) => ({\n transition: `background-color ${makeMotionTime(\n getIn(theme.motion, tableToolbar.backgroundColorMotionDuration),\n )} ${getIn(theme.motion, tableToolbar.backgroundColorMotionEasing)}`,\n}));\n\nconst _TableToolbar = ({\n children,\n title,\n selectedTitle: controlledSelectedTitle,\n}: TableToolbarProps): React.ReactElement => {\n const {\n selectedRows,\n deselectAllRows,\n currentPaginationState,\n totalItems,\n ~~surfaceLevel~~,\n } = useTableContext();\n const { platform } = useTheme();\n const isSelected = selectedRows && selectedRows.length > 0;\n\n const defaultTitle = currentPaginationState\n ? `Showing ${currentPaginationState.page currentPaginationState.size + 1}-${\n currentPaginationState.page * currentPaginationState.size + currentPaginationState.size\n } Items`\n : `Showing 1-${totalItems} Items`;\n const selectedItemsCount = selectedRows ? selectedRows.length : 0;\n const selectedTitle = isSelected\n ? controlledSelectedTitle ??\n `${selectedRows.length} ${selectedItemsCount === 1 ? 'Item' : 'Items'} Selected`\n : null;\n\n const onMobile = platform === 'onMobile';\n\n const deselectButton = (\n <Link marginLeft=\"spacing.5\" variant=\"button\" onClick={() => deselectAllRows()}>\n Deselect\n </Link>\n );\n\n return (\n <BaseBox backgroundColor={~~`surface.background.level${surfaceLevel~~}~~.lowContrast`}~~>\n <ToolbarWrapper\n display=\"flex\"\n backgroundColor={\n isSelected ? tableToolbar.backgroundColorSelected : tableToolbar.backgroundColor\n }\n padding=\"spacing.4\"\n flexWrap=\"wrap\"\n flexDirection={onMobile ? 'column' : 'row'}\n gap=\"spacing.5\"\n >\n <BaseBox display=\"flex\" alignItems=\"center\" flex={1}>\n <BaseBox>\n <Text size=\"medium\" weight=\"~~bold~~\">\n {selectedTitle ?? title ?? defaultTitle}\n </Text>\n </BaseBox>\n {isSelected && !onMobile && (\n <BaseBox display=\"flex\" marginLeft=\"spacing.5\" height=\"100%\">\n <Divider orientation=\"vertical\" thickness=\"thick\" />\n {deselectButton}\n </BaseBox>\n )}\n {isSelected && onMobile && (\n <BaseBox display=\"flex\" flex={1} justifyContent=\"flex-end\">\n {deselectButton}\n </BaseBox>\n )}\n </BaseBox>\n {children}\n </ToolbarWrapper>\n </BaseBox>\n );\n};\n\nconst TableToolbar = assignWithoutSideEffects(_TableToolbar, {\n componentId: ComponentIds.TableToolbar,\n});\n\nexport { TableToolbar, TableToolbarActions };\n"],"names":["_TableToolbarActions","_ref","children","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","onMobile","_jsx","BaseBox","_objectSpread","display","flex","justifyContent","getStyledProps","TableToolbarActions","assignWithoutSideEffects","componentId","ComponentIds","ToolbarWrapper","styled","withConfig","displayName","_ref2","theme","transition","concat","makeMotionTime","getIn","motion","tableToolbar","backgroundColorMotionDuration","backgroundColorMotionEasing","_TableToolbar","_ref3","_ref4","title","controlledSelectedTitle","selectedTitle","_useTableContext","useTableContext","selectedRows","deselectAllRows","currentPaginationState","totalItems","~~surfaceLevel~~","_useTheme2","isSelected","length","defaultTitle","page","size","selectedItemsCount","deselectButton","Link","marginLeft","variant","onClick","~~backgroundColor","~~_jsxs","backgroundColorSelected","padding","flexWrap","flexDirection","gap","alignItems","Text","weight","height","Divider","orientation","thickness","TableToolbar"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAAC,IAAA,EAG0B;AAAA,EAAA,IAFlDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;AACLC,IAAAA,WAAW,GAAAC,wBAAA,CAAAH,IAAA,EAAAI,SAAA,CAAA,CAAA;AAEd,EAAA,IAAAC,SAAA,GAAqBC,QAAQ,EAAE;IAAvBC,QAAQ,GAAAF,SAAA,CAARE,QAAQ,CAAA;AAChB,EAAA,IAAMC,QAAQ,GAAGD,QAAQ,KAAK,UAAU,CAAA;AACxC,EAAA,oBACEE,GAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACNC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,IAAI,EAAEL,QAAQ,GAAG,CAAC,GAAG,CAAE;AACvBM,IAAAA,cAAc,EAAEN,QAAQ,GAAG,YAAY,GAAG,UAAA;GACtCO,EAAAA,cAAc,CAACb,WAAW,CAAC,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EAE9BA,QAAAA;AAAQ,GAAA,CACF,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMe,mBAAmB,gBAAGC,wBAAwB,CAAClB,oBAAoB,EAAE;EACzEmB,WAAW,EAAEC,YAAY,CAACH,mBAAAA;AAC5B,CAAC,EAAC;AAEF,IAAMI,cAAc,gBAAGC,MAAM,CAACX,OAAO,CAAC,CAAAY,UAAA,CAAA;EAAAC,WAAA,EAAA,iCAAA;EAAAL,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAC,UAAAM,KAAA,EAAA;AAAA,EAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;EAAA,OAAQ;AACrDC,IAAAA,UAAU,EAAAC,mBAAAA,CAAAA,MAAA,CAAsBC,cAAc,CAC5CC,KAAK,CAACJ,KAAK,CAACK,MAAM,EAAEC,YAAY,CAACC,6BAA6B,CAChE,CAAC,EAAAL,GAAAA,CAAAA,CAAAA,MAAA,CAAIE,KAAK,CAACJ,KAAK,CAACK,MAAM,EAAEC,YAAY,CAACE,2BAA2B,CAAC,CAAA;GACnE,CAAA;AAAA,CAAC,CAAC,CAAA;AAEH,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,KAAA,EAI0B;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IAH3CnC,QAAQ,GAAAkC,KAAA,CAARlC,QAAQ;IACRoC,KAAK,GAAAF,KAAA,CAALE,KAAK;IACUC,uBAAuB,GAAAH,KAAA,CAAtCI,aAAa,CAAA;AAEb,EAAA,IAAAC,gBAAA,GAMIC,eAAe,EAAE;IALnBC,YAAY,GAAAF,gBAAA,CAAZE,YAAY;IACZC,eAAe,GAAAH,gBAAA,CAAfG,eAAe;IACfC,sBAAsB,GAAAJ,gBAAA,CAAtBI,sBAAsB;IACtBC,UAAU,GAAAL,gBAAA,CAAVK,UAAU;IACVC,~~YAAY~~,GAAAN,gBAAA,~~CAAZM~~,~~YAAY~~,CAAA;~~AAEd~~,EAAA,IAAAC,UAAA,GAAqBzC,QAAQ,EAAE;IAAvBC,QAAQ,GAAAwC,UAAA,CAARxC,QAAQ,CAAA;EAChB,IAAMyC,UAAU,GAAGN,YAAY,IAAIA,YAAY,CAACO,MAAM,GAAG,CAAC,CAAA;AAE1D,EAAA,IAAMC,YAAY,GAAGN,sBAAsB,GAAA,UAAA,CAAAjB,MAAA,CAC5BiB,sBAAsB,CAACO,IAAI,GAAGP,sBAAsB,CAACQ,IAAI,GAAG,CAAC,EAAA,GAAA,CAAA,CAAAzB,MAAA,CACtEiB,sBAAsB,CAACO,IAAI,GAAGP,sBAAsB,CAACQ,IAAI,GAAGR,sBAAsB,CAACQ,IAAI,EAAA,QAAA,CAAA,GAAA,YAAA,CAAAzB,MAAA,CAE5EkB,UAAU,EAAQ,QAAA,CAAA,CAAA;EACnC,IAAMQ,kBAAkB,GAAGX,YAAY,GAAGA,YAAY,CAACO,MAAM,GAAG,CAAC,CAAA;EACjE,IAAMV,aAAa,GAAGS,UAAU,GAC5BV,uBAAuB,KAAvBA,IAAAA,IAAAA,uBAAuB,KAAvBA,KAAAA,CAAAA,GAAAA,uBAAuB,GAAAX,EAAAA,CAAAA,MAAA,CACpBe,YAAY,CAACO,MAAM,EAAA,GAAA,CAAA,CAAAtB,MAAA,CAAI0B,kBAAkB,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO,EAAA,WAAA,CAAA,GACrE,IAAI,CAAA;AAER,EAAA,IAAM7C,QAAQ,GAAGD,QAAQ,KAAK,UAAU,CAAA;AAExC,EAAA,IAAM+C,cAAc,gBAClB7C,GAAA,CAAC8C,IAAI,EAAA;AAACC,IAAAA,UAAU,EAAC,WAAW;AAACC,IAAAA,OAAO,EAAC,QAAQ;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMf,eAAe,EAAE,CAAA;KAAC;AAAA1C,IAAAA,QAAA,EAAC,UAAA;AAEhF,GAAM,CACP,CAAA;EAED,oBACEQ,GAAA,CAACC,OAAO,EAAA;~~AAACiD~~,IAAAA,eAAe,~~EAAAhC~~,~~0BAAAA,CAAAA,MAAA,CAA6BmB,YAAY,EAAe,cAAA,CAAA~~;IAAA7C,QAAA,~~eAC9E2D~~,IAAA,~~CAACxC~~,cAAc,EAAA;AACbR,MAAAA,OAAO,EAAC,MAAM;~~MACd+C~~,eAAe,~~EACbX~~,UAAU,GAAGjB,YAAY,~~CAAC8B~~,uBAAuB,~~GAAG9B~~,YAAY,~~CAAC4B~~,eAClE;~~AACDG~~,MAAAA,OAAO,EAAC,WAAW;AACnBC,MAAAA,QAAQ,EAAC,MAAM;AACfC,MAAAA,aAAa,~~EAAExD~~,QAAQ,GAAG,QAAQ,GAAG,KAAM;~~AAC3CyD~~,MAAAA,GAAG,EAAC,WAAW;~~MAAAhE~~,QAAA,EAAA,~~cAEf2D~~,IAAA,~~CAAClD~~,OAAO,EAAA;AAACE,QAAAA,OAAO,EAAC,MAAM;~~AAACsD~~,QAAAA,UAAU,EAAC,QAAQ;~~AAACrD~~,QAAAA,IAAI,EAAE,CAAE;QAAAZ,QAAA,EAAA,cAClDQ,GAAA,CAACC,OAAO,EAAA;UAAAT,QAAA,eACNQ,GAAA,~~CAAC0D~~,IAAI,EAAA;~~AAACf~~,YAAAA,IAAI,EAAC,QAAQ;~~AAACgB~~,YAAAA,MAAM,EAAC,~~MAAM~~;~~AAAAnE~~,YAAAA,QAAA,EAAAmC,CAAAA,KAAA,~~GAC9BG~~,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAbA,aAAa,GAAIF,KAAK,MAAA,IAAA,IAAAD,KAAA,KAAA,KAAA,CAAA,GAAAA,KAAA,GAAIc,YAAAA;WACvB,CAAA;SACC,CAAC,EACTF,UAAU,IAAI,CAACxC,QAAQ,~~iBACtBoD~~,IAAA,~~CAAClD~~,OAAO,EAAA;AAACE,UAAAA,OAAO,EAAC,MAAM;AAAC4C,UAAAA,UAAU,EAAC,WAAW;AAACa,UAAAA,MAAM,EAAC,MAAM;UAAApE,QAAA,EAAA,cAC1DQ,GAAA,CAAC6D,OAAO,EAAA;AAACC,YAAAA,WAAW,EAAC,UAAU;AAACC,YAAAA,SAAS,EAAC,OAAA;WAAS,CAAC,EACnDlB,cAAc,CAAA;SACR,CACV,EACAN,UAAU,IAAIxC,QAAQ,iBACrBC,GAAA,CAACC,OAAO,EAAA;AAACE,UAAAA,OAAO,EAAC,MAAM;AAACC,UAAAA,IAAI,EAAE,CAAE;AAACC,UAAAA,cAAc,EAAC,UAAU;AAAAb,UAAAA,QAAA,EACvDqD,cAAAA;AAAc,SACR,CACV,CAAA;OACM,CAAC,EACTrD,QAAQ,CAAA;KACK,CAAA;AAAC,GACV,CAAC,CAAA;AAEd,CAAC,CAAA;AAED,IAAMwE,YAAY,gBAAGxD,wBAAwB,CAACiB,aAAa,EAAE;EAC3DhB,WAAW,EAAEC,YAAY,CAACsD,YAAAA;AAC5B,CAAC;;;;"}
1	+ {"version":3,"file":"TableToolbar.web.js","sources":["../../../../../../src/components/Table/TableToolbar.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { ComponentIds } from './componentIds';\nimport { tableToolbar } from './tokens';\nimport { useTableContext } from './TableContext';\nimport type { TableToolbarProps, TableToolbarActionsProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Text } from '~components/Typography';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Divider } from '~components/Divider';\nimport { Link } from '~components/Link';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { makeMotionTime } from '~utils';\nimport { useTheme } from '~components/BladeProvider';\nimport getIn from '~utils/lodashButBetter/get';\n\n/*\n TableToolbarActions is a component that is used to render actions in the TableToolbar.\n * It is a flex container that will render its children in a row on desktop and a column on mobile.\n * @param children - any react element\n * @param styledProps - accepts all of the styled props from Box\n /\nconst _TableToolbarActions = ({\n children,\n ...styledProps\n}: TableToolbarActionsProps): React.ReactElement => {\n const { platform } = useTheme();\n const onMobile = platform === 'onMobile';\n return (\n <BaseBox\n display=\"flex\"\n flex={onMobile ? 1 : 0}\n justifyContent={onMobile ? 'flex-start' : 'flex-end'}\n {...getStyledProps(styledProps)}\n >\n {children}\n </BaseBox>\n );\n};\n\nconst TableToolbarActions = assignWithoutSideEffects(_TableToolbarActions, {\n componentId: ComponentIds.TableToolbarActions,\n});\n\nconst ToolbarWrapper = styled(BaseBox)(({ theme }) => ({\n transition: `background-color ${makeMotionTime(\n getIn(theme.motion, tableToolbar.backgroundColorMotionDuration),\n )} ${getIn(theme.motion, tableToolbar.backgroundColorMotionEasing)}`,\n}));\n\nconst _TableToolbar = ({\n children,\n title,\n selectedTitle: controlledSelectedTitle,\n}: TableToolbarProps): React.ReactElement => {\n const {\n selectedRows,\n deselectAllRows,\n currentPaginationState,\n totalItems,\n backgroundColor,\n } = useTableContext();\n const { platform } = useTheme();\n const isSelected = selectedRows && selectedRows.length > 0;\n\n const defaultTitle = currentPaginationState\n ? `Showing ${currentPaginationState.page currentPaginationState.size + 1}-${\n currentPaginationState.page * currentPaginationState.size + currentPaginationState.size\n } Items`\n : `Showing 1-${totalItems} Items`;\n const selectedItemsCount = selectedRows ? selectedRows.length : 0;\n const selectedTitle = isSelected\n ? controlledSelectedTitle ??\n `${selectedRows.length} ${selectedItemsCount === 1 ? 'Item' : 'Items'} Selected`\n : null;\n\n const onMobile = platform === 'onMobile';\n\n const deselectButton = (\n <Link marginLeft=\"spacing.5\" variant=\"button\" onClick={() => deselectAllRows()}>\n Deselect\n </Link>\n );\n\n return (\n <BaseBox backgroundColor={backgroundColor}>\n <ToolbarWrapper\n display=\"flex\"\n backgroundColor={\n isSelected ? tableToolbar.backgroundColorSelected : tableToolbar.backgroundColor\n }\n padding=\"spacing.4\"\n flexWrap=\"wrap\"\n flexDirection={onMobile ? 'column' : 'row'}\n gap=\"spacing.5\"\n >\n <BaseBox display=\"flex\" alignItems=\"center\" flex={1}>\n <BaseBox>\n <Text\n size=\"medium\"\n weight=\"medium\"\n color={isSelected ? 'surface.text.gray.normal' : 'surface.text.gray.subtle'}\n >\n {selectedTitle ?? title ?? defaultTitle}\n </Text>\n </BaseBox>\n {isSelected && !onMobile && (\n <BaseBox display=\"flex\" marginLeft=\"spacing.5\" height=\"100%\">\n <Divider orientation=\"vertical\" thickness=\"thick\" />\n {deselectButton}\n </BaseBox>\n )}\n {isSelected && onMobile && (\n <BaseBox display=\"flex\" flex={1} justifyContent=\"flex-end\">\n {deselectButton}\n </BaseBox>\n )}\n </BaseBox>\n {children}\n </ToolbarWrapper>\n </BaseBox>\n );\n};\n\nconst TableToolbar = assignWithoutSideEffects(_TableToolbar, {\n componentId: ComponentIds.TableToolbar,\n});\n\nexport { TableToolbar, TableToolbarActions };\n"],"names":["_TableToolbarActions","_ref","children","styledProps","_objectWithoutProperties","_excluded","_useTheme","useTheme","platform","onMobile","_jsx","BaseBox","_objectSpread","display","flex","justifyContent","getStyledProps","TableToolbarActions","assignWithoutSideEffects","componentId","ComponentIds","ToolbarWrapper","styled","withConfig","displayName","_ref2","theme","transition","concat","makeMotionTime","getIn","motion","tableToolbar","backgroundColorMotionDuration","backgroundColorMotionEasing","_TableToolbar","_ref3","_ref4","title","controlledSelectedTitle","selectedTitle","_useTableContext","useTableContext","selectedRows","deselectAllRows","currentPaginationState","totalItems","backgroundColor","_useTheme2","isSelected","length","defaultTitle","page","size","selectedItemsCount","deselectButton","Link","marginLeft","variant","onClick","_jsxs","backgroundColorSelected","padding","flexWrap","flexDirection","gap","alignItems","Text","weight","color","height","Divider","orientation","thickness","TableToolbar"],"mappings":"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"}

package/build/lib/web/development/components/Table/tokens.js CHANGED Viewed

@@ -4,15 +4,15 @@ import { size } from '../../tokens/global/size.js';
 var firstColumnStickyHeaderFooterZIndex = 2;
 var refreshWrapperZIndex = 3;
 var checkboxCellWidth = size['44'];
+var tableBackgroundColor = 'surface.background.gray.intense';
 var tableHeader = {
   paddingTop: 'spacing.5',
   paddingBottom: 'spacing.5',
   paddingLeft: 'spacing.4',
   paddingRight: 'spacing.4',
-  backgroundColor: 'brand.gray.a50.lowContrast',
+  backgroundColor: 'interactive.background.gray.default',
   borderBottomAndTopWidth: 'thin',
-  borderBottomAndTopColor: 'surface.border.normal.lowContrast',
-  focusRingColor: 'brand.primary.400'
+  borderBottomAndTopColor: 'surface.border.gray.muted'
 };
 var tableFooter = {
   paddingTop: 'spacing.5',
@@ -20,9 +20,8 @@ var tableFooter = {
   paddingLeft: 'spacing.4',
   paddingRight: 'spacing.4',
   borderBottomAndTopWidth: 'thin',
-  borderBottomAndTopColor: 'surface.border.normal.lowContrast',
-  backgroundColor: 'brand.gray.a50.lowContrast',
-  focusRingColor: 'brand.primary.400'
+  borderBottomAndTopColor: 'surface.border.gray.muted',
+  backgroundColor: 'interactive.background.gray.default'
 };
 var tableRow = {
   paddingTop: {
@@ -43,20 +42,21 @@ var tableRow = {
   },
   nonStripe: {
     backgroundColor: 'transparent',
-    backgroundColorHover: 'brand.gray.a50.lowContrast',
+    backgroundColorHover: 'interactive.background.gray.default',
     backgroundColorFocus: 'transparent',
-    backgroundColorActive: 'brand.gray.a100.lowContrast',
-    backgroundColorSelected: 'brand.primary.300',
-    backgroundColorSelectedHover: 'brand.primary.400',
-    backgroundColorSelectedFocus: 'brand.primary.300',
-    backgroundColorSelectedActive: 'brand.primary.400'
+    // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same
+    backgroundColorActive: 'interactive.background.gray.default',
+    backgroundColorSelected: 'interactive.background.primary.faded',
+    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',
+    backgroundColorSelectedFocus: 'interactive.background.primary.faded',
+    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted'
   },
   nonStripeWrapper: {
     // not used anywhere
     backgroundColor: 'transparent',
     backgroundColorHover: 'transparent',
     backgroundColorFocus: 'transparent',
-    backgroundColorActive: 'brand.gray.a50.lowContrast',
+    backgroundColorActive: 'interactive.background.gray.default',
     backgroundColorSelected: 'transparent',
     backgroundColorSelectedHover: 'transparent',
     backgroundColorSelectedFocus: 'transparent',
@@ -64,57 +64,55 @@ var tableRow = {
   },
   stripe: {
     backgroundColor: 'transparent',
-    backgroundColorHover: 'brand.gray.a50.lowContrast',
+    backgroundColorHover: 'interactive.background.gray.default',
     backgroundColorFocus: 'transparent',
-    backgroundColorActive: 'brand.gray.a100.lowContrast',
-    backgroundColorSelected: 'brand.primary.300',
-    backgroundColorSelectedHover: 'brand.primary.400',
-    backgroundColorSelectedFocus: 'brand.primary.300',
-    backgroundColorSelectedActive: 'brand.primary.400'
+    backgroundColorActive: 'interactive.background.gray.default',
+    backgroundColorSelected: 'interactive.background.primary.faded',
+    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',
+    backgroundColorSelectedFocus: 'interactive.background.primary.faded',
+    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted'
   },
   stripeWrapper: {
-    backgroundColor: 'brand.gray.a50.lowContrast',
-    backgroundColorHover: 'brand.gray.a50.lowContrast',
-    backgroundColorFocus: 'brand.gray.a50.lowContrast',
-    backgroundColorActive: 'brand.gray.a100.lowContrast',
-    backgroundColorSelected: 'brand.primary.300',
-    backgroundColorSelectedHover: 'brand.primary.300',
-    backgroundColorSelectedFocus: 'brand.primary.300',
-    backgroundColorSelectedActive: 'brand.primary.400'
+    backgroundColor: 'interactive.background.gray.default',
+    backgroundColorHover: 'interactive.background.gray.default',
+    backgroundColorFocus: 'interactive.background.gray.default',
+    backgroundColorActive: 'interactive.background.gray.default',
+    backgroundColorSelected: 'interactive.background.primary.faded',
+    backgroundColorSelectedHover: 'interactive.background.primary.faded',
+    backgroundColorSelectedFocus: 'interactive.background.primary.faded',
+    backgroundColorSelectedActive: 'interactive.background.primary.faded'
   },
   borderBottomWidth: 'thin',
-  borderBottomColor: 'surface.border.normal.lowContrast',
+  borderBottomColor: 'surface.border.gray.muted',
   backgroundColorMotionEasing: 'easing.standard.effective',
-  backgroundColorMotionDuration: 'duration.xquick',
-  focusRingColor: 'brand.primary.400'
+  backgroundColorMotionDuration: 'duration.xquick'
 };
 var tableToolbar = {
   backgroundColor: 'transparent',
-  backgroundColorSelected: 'brand.primary.300',
+  backgroundColorSelected: 'interactive.background.primary.faded',
   backgroundColorMotionEasing: 'easing.standard.effective',
   backgroundColorMotionDuration: 'duration.xquick'
 };
 var tablePagination = {
-  backgroundColor: ' surface.background.level2.lowContrast',
+  backgroundColor: 'transparent',
   padding: 'spacing.4',
   pageSelectionButton: {
-    backgroundColor: 'surface.background.level2.lowContrast',
-    backgroundColorHover: 'brand.gray.a50.lowContrast',
-    backgroundColorActive: 'brand.gray.a100.lowContrast',
-    backgroundColorSelected: 'brand.primary.300',
-    backgroundColorSelectedHover: 'brand.primary.400',
-    backgroundColorSelectedActive: 'brand.primary.400',
-    backgroundColorDisabled: 'surface.background.level2.lowContrast',
+    backgroundColor: 'transparent',
+    backgroundColorHover: 'interactive.background.gray.default',
+    backgroundColorActive: 'interactive.background.gray.highlighted',
+    backgroundColorSelected: 'interactive.background.primary.faded',
+    backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',
+    backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',
     padding: 'spacing.2',
     borderRadius: 'small',
-    focusRingColor: 'brand.primary.400',
-    textColor: 'surface.text.subtle.lowContrast',
-    textColorSelected: 'brand.primary.500',
+    focusRingColor: 'surface.border.primary.muted',
+    textColor: 'surface.text.gray.subtle',
+    textColorSelected: 'surface.text.primary.normal',
     height: size['32'],
     width: size['32']
   },
   defaultPageSize: 10
 };
-export { checkboxCellWidth, firstColumnStickyHeaderFooterZIndex, refreshWrapperZIndex, tableFooter, tableHeader, tablePagination, tableRow, tableToolbar };
+export { checkboxCellWidth, firstColumnStickyHeaderFooterZIndex, refreshWrapperZIndex, tableBackgroundColor, tableFooter, tableHeader, tablePagination, tableRow, tableToolbar };
 //# sourceMappingURL=tokens.js.map

package/build/lib/web/development/components/Table/tokens.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst firstColumnStickyHeaderFooterZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableHeader = {\n paddingTop: 'spacing.5',\n paddingBottom: 'spacing.5',\n paddingLeft: 'spacing.4',\n paddingRight: 'spacing.4',\n backgroundColor: '~~brand~~.gray.~~a50.lowContrast~~',\n borderBottomAndTopWidth: 'thin',\n borderBottomAndTopColor: 'surface.border.~~normal~~.~~lowContrast~~',\n ~~focusRingColor: 'brand.primary.400',\n~~} as const;\n\nconst tableFooter = {\n paddingTop: 'spacing.5',\n paddingBottom: 'spacing.5',\n paddingLeft: 'spacing.4',\n paddingRight: 'spacing.4',\n borderBottomAndTopWidth: 'thin',\n borderBottomAndTopColor: 'surface.border.~~normal~~.~~lowContrast~~',\n backgroundColor: '~~brand~~.gray.~~a50.lowContrast~~',\n ~~focusRingColor: 'brand.primary.400',\n~~} as const;\n\nconst tableRow = {\n paddingTop: {\n normal: 'spacing.5',\n comfortable: 'spacing.6',\n },\n paddingBottom: {\n normal: 'spacing.5',\n comfortable: 'spacing.6',\n },\n paddingLeft: {\n normal: 'spacing.4',\n comfortable: 'spacing.4',\n },\n paddingRight: {\n normal: 'spacing.4',\n comfortable: 'spacing.4',\n },\n nonStripe: {\n backgroundColor: 'transparent',\n backgroundColorHover: '~~brand~~.gray.~~a50.lowContrast~~',\n backgroundColorFocus: 'transparent',\n backgroundColorActive: '~~brand~~.gray.~~a100.lowContrast~~',\n backgroundColorSelected: '~~brand~~.primary.~~300~~',\n backgroundColorSelectedHover: '~~brand~~.primary.~~400~~',\n backgroundColorSelectedFocus: '~~brand~~.primary.~~300~~',\n backgroundColorSelectedActive: '~~brand~~.primary.~~400~~',\n },\n nonStripeWrapper: {\n // not used anywhere\n backgroundColor: 'transparent',\n backgroundColorHover: 'transparent',\n backgroundColorFocus: 'transparent',\n backgroundColorActive: '~~brand~~.gray.~~a50.lowContrast~~',\n backgroundColorSelected: 'transparent',\n backgroundColorSelectedHover: 'transparent',\n backgroundColorSelectedFocus: 'transparent',\n backgroundColorSelectedActive: 'transparent',\n },\n stripe: {\n backgroundColor: 'transparent',\n backgroundColorHover: '~~brand~~.gray.~~a50.lowContrast~~',\n backgroundColorFocus: 'transparent',\n backgroundColorActive: '~~brand~~.gray.~~a100.lowContrast~~',\n backgroundColorSelected: '~~brand~~.primary.~~300~~',\n backgroundColorSelectedHover: '~~brand~~.primary.~~400~~',\n backgroundColorSelectedFocus: '~~brand~~.primary.~~300~~',\n backgroundColorSelectedActive: '~~brand~~.primary.~~400~~',\n },\n stripeWrapper: {\n backgroundColor: '~~brand~~.gray.~~a50.lowContrast~~',\n backgroundColorHover: '~~brand~~.gray.~~a50.lowContrast~~',\n backgroundColorFocus: '~~brand~~.gray.~~a50.lowContrast~~',\n backgroundColorActive: '~~brand~~.gray.~~a100.lowContrast~~',\n backgroundColorSelected: '~~brand~~.primary.~~300~~',\n backgroundColorSelectedHover: '~~brand~~.primary.~~300~~',\n backgroundColorSelectedFocus: '~~brand~~.primary.~~300~~',\n backgroundColorSelectedActive: '~~brand~~.primary.~~400~~',\n },\n borderBottomWidth: 'thin',\n borderBottomColor: 'surface.border.~~normal~~.~~lowContrast~~',\n backgroundColorMotionEasing: 'easing.standard.effective',\n backgroundColorMotionDuration: 'duration.xquick',\n ~~focusRingColor: 'brand.primary.400',\n~~} as const;\n\nconst tableToolbar = {\n backgroundColor: 'transparent',\n backgroundColorSelected: '~~brand~~.primary.~~300~~',\n backgroundColorMotionEasing: 'easing.standard.effective',\n backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n backgroundColor: ' ~~surface.background.level2.lowContrast~~',\n padding: 'spacing.4',\n pageSelectionButton: {\n backgroundColor: '~~surface.background.level2.lowContrast~~',\n backgroundColorHover: '~~brand~~.gray.~~a50.lowContrast~~',\n backgroundColorActive: '~~brand~~.gray.~~a100.lowContrast~~',\n backgroundColorSelected: '~~brand~~.primary.~~300~~',\n backgroundColorSelectedHover: '~~brand~~.primary.~~400~~',\n backgroundColorSelectedActive: '~~brand~~.~~primary.400',\n backgroundColorDisabled: 'surface.~~background.~~level2~~.~~lowContrast~~',\n padding: 'spacing.2',\n borderRadius: 'small',\n focusRingColor: '~~brand~~.primary.~~400~~',\n textColor: 'surface.text.subtle~~.lowContrast~~',\n textColorSelected: '~~brand~~.primary.~~500~~',\n height: size['32'],\n width: size['32'],\n },\n defaultPageSize: 10,\n} as const;\n\nexport {\n tableHeader,\n tableFooter,\n tableRow,\n tableToolbar,\n tablePagination,\n refreshWrapperZIndex,\n firstColumnStickyHeaderFooterZIndex,\n checkboxCellWidth,\n};\n"],"names":["firstColumnStickyHeaderFooterZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","~~focusRingColor","~~tableFooter","tableRow","normal","comfortable","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderBottomColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","~~backgroundColorDisabled~~","~~borderRadius~~","textColor","textColorSelected","height","width","defaultPageSize"],"mappings":";;;AAEMA,IAAAA,mCAAmC,GAAG,EAAC;AAEvCC,IAAAA,oBAAoB,GAAG,EAAC;AAE9B,IAAMC,iBAAiB,GAAGC,IAAI,CAAC,IAAI,EAAC;~~AAEpC~~,IAAMC,WAAW,GAAG;AAClBC,EAAAA,UAAU,EAAE,WAAW;AACvBC,EAAAA,aAAa,EAAE,WAAW;AAC1BC,EAAAA,WAAW,EAAE,WAAW;AACxBC,EAAAA,YAAY,EAAE,WAAW;AACzBC,EAAAA,eAAe,EAAE,~~4BAA4B~~;~~AAC7CC~~,EAAAA,uBAAuB,EAAE,MAAM;AAC/BC,EAAAA,uBAAuB,EAAE,~~mCAAmC~~;~~AAC5DC~~,~~EAAAA,cAAc,EAAE,mBAAA;AAClB,~~EAAU;AAEV,IAAMC,WAAW,GAAG;~~AAClBR~~,EAAAA,UAAU,EAAE,WAAW;AACvBC,EAAAA,aAAa,EAAE,WAAW;AAC1BC,EAAAA,WAAW,EAAE,WAAW;AACxBC,EAAAA,YAAY,EAAE,WAAW;AACzBE,EAAAA,uBAAuB,EAAE,MAAM;AAC/BC,EAAAA,uBAAuB,EAAE,~~mCAAmC~~;~~AAC5DF~~,EAAAA,eAAe,EAAE,~~4BAA4B~~;~~AAC7CG~~,~~EAAAA,cAAc,EAAE,mBAAA;AAClB,~~EAAU;AAEV,~~IAAME~~,QAAQ,GAAG;~~AACfT~~,EAAAA,UAAU,EAAE;~~AACVU~~,IAAAA,MAAM,EAAE,WAAW;AACnBC,IAAAA,WAAW,EAAE,WAAA;GACd;~~AACDV~~,EAAAA,aAAa,EAAE;~~AACbS~~,IAAAA,MAAM,EAAE,WAAW;AACnBC,IAAAA,WAAW,EAAE,WAAA;GACd;~~AACDT~~,EAAAA,WAAW,EAAE;~~AACXQ~~,IAAAA,MAAM,EAAE,WAAW;AACnBC,IAAAA,WAAW,EAAE,WAAA;GACd;~~AACDR~~,EAAAA,YAAY,EAAE;~~AACZO~~,IAAAA,MAAM,EAAE,WAAW;AACnBC,IAAAA,WAAW,EAAE,WAAA;GACd;AACDC,EAAAA,SAAS,EAAE;~~AACTR~~,IAAAA,eAAe,EAAE,aAAa;~~AAC9BS~~,IAAAA,oBAAoB,EAAE,~~4BAA4B~~;~~AAClDC~~,IAAAA,oBAAoB,EAAE,aAAa;~~AACnCC~~,IAAAA,qBAAqB,EAAE,~~6BAA6B~~;~~AACpDC~~,IAAAA,uBAAuB,EAAE,~~mBAAmB~~;~~AAC5CC~~,IAAAA,4BAA4B,EAAE,~~mBAAmB~~;~~AACjDC~~,IAAAA,4BAA4B,EAAE,~~mBAAmB~~;~~AACjDC~~,IAAAA,6BAA6B,EAAE,~~mBAAA~~;GAChC;AACDC,EAAAA,gBAAgB,EAAE;AAChB;~~AACAhB~~,IAAAA,eAAe,EAAE,aAAa;~~AAC9BS~~,IAAAA,oBAAoB,EAAE,aAAa;AACnCC,IAAAA,oBAAoB,EAAE,aAAa;AACnCC,IAAAA,qBAAqB,EAAE,~~4BAA4B~~;~~AACnDC~~,IAAAA,uBAAuB,EAAE,aAAa;AACtCC,IAAAA,4BAA4B,EAAE,aAAa;AAC3CC,IAAAA,4BAA4B,EAAE,aAAa;AAC3CC,IAAAA,6BAA6B,EAAE,aAAA;GAChC;AACDE,EAAAA,MAAM,EAAE;~~AACNjB~~,IAAAA,eAAe,EAAE,aAAa;~~AAC9BS~~,IAAAA,oBAAoB,EAAE,~~4BAA4B~~;~~AAClDC~~,IAAAA,oBAAoB,EAAE,aAAa;AACnCC,IAAAA,qBAAqB,EAAE,~~6BAA6B~~;~~AACpDC~~,IAAAA,uBAAuB,EAAE,~~mBAAmB~~;~~AAC5CC~~,IAAAA,4BAA4B,EAAE,~~mBAAmB~~;~~AACjDC~~,IAAAA,4BAA4B,EAAE,~~mBAAmB~~;~~AACjDC~~,IAAAA,6BAA6B,EAAE,~~mBAAA~~;GAChC;AACDG,EAAAA,aAAa,EAAE;~~AACblB~~,IAAAA,eAAe,EAAE,~~4BAA4B~~;~~AAC7CS~~,IAAAA,oBAAoB,EAAE,~~4BAA4B~~;~~AAClDC~~,IAAAA,oBAAoB,EAAE,~~4BAA4B~~;~~AAClDC~~,IAAAA,qBAAqB,EAAE,~~6BAA6B~~;~~AACpDC~~,IAAAA,uBAAuB,EAAE,~~mBAAmB~~;~~AAC5CC~~,IAAAA,4BAA4B,EAAE,~~mBAAmB~~;~~AACjDC~~,IAAAA,4BAA4B,EAAE,~~mBAAmB~~;~~AACjDC~~,IAAAA,6BAA6B,EAAE,~~mBAAA~~;GAChC;AACDI,EAAAA,iBAAiB,EAAE,MAAM;AACzBC,EAAAA,iBAAiB,EAAE,~~mCAAmC~~;~~AACtDC~~,EAAAA,2BAA2B,EAAE,2BAA2B;AACxDC,EAAAA,6BAA6B,EAAE,~~iBAAiB~~;~~AAChDnB~~,~~EAAAA,cAAc,EAAE,mBAAA;AAClB,~~EAAU;AAEV,~~IAAMoB~~,YAAY,GAAG;~~AACnBvB~~,EAAAA,eAAe,EAAE,aAAa;~~AAC9BY~~,EAAAA,uBAAuB,EAAE,~~mBAAmB~~;~~AAC5CS~~,EAAAA,2BAA2B,EAAE,2BAA2B;AACxDC,EAAAA,6BAA6B,EAAE,iBAAA;AACjC,EAAU;AAEV,IAAME,eAAe,GAAG;~~AACtBxB~~,EAAAA,eAAe,EAAE,~~wCAAwC~~;~~AACzDyB~~,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,mBAAmB,EAAE;~~AACnB1B~~,IAAAA,eAAe,EAAE,~~uCAAuC~~;~~AACxDS~~,IAAAA,oBAAoB,EAAE,~~4BAA4B~~;~~AAClDE~~,IAAAA,qBAAqB,EAAE,~~6BAA6B~~;~~AACpDC~~,IAAAA,uBAAuB,EAAE,~~mBAAmB~~;~~AAC5CC~~,IAAAA,4BAA4B,EAAE,~~mBAAmB~~;~~AACjDE~~,IAAAA,6BAA6B,EAAE,~~mBAAmB~~;~~AAClDY~~,IAAAA,~~uBAAuB,EAAE,uCAAuC;AAChEF,IAAAA,~~OAAO,EAAE,WAAW;~~AACpBG~~,IAAAA,YAAY,EAAE,OAAO;~~AACrBzB~~,IAAAA,cAAc,EAAE,~~mBAAmB~~;~~AACnC0B~~,IAAAA,SAAS,EAAE,~~iCAAiC~~;~~AAC5CC~~,IAAAA,iBAAiB,EAAE,~~mBAAmB~~;~~AACtCC~~,IAAAA,MAAM,EAAErC,IAAI,CAAC,IAAI,CAAC;IAClBsC,KAAK,EAAEtC,IAAI,CAAC,IAAI,CAAA;GACjB;AACDuC,EAAAA,eAAe,EAAE,EAAA;AACnB;;;;"}
1	+ {"version":3,"file":"tokens.js","sources":["../../../../../../src/components/Table/tokens.ts"],"sourcesContent":["import { size } from '~tokens/global';\n\nconst firstColumnStickyHeaderFooterZIndex = 2;\n\nconst refreshWrapperZIndex = 3;\n\nconst checkboxCellWidth = size['44'];\n\nconst tableBackgroundColor = 'surface.background.gray.intense';\nconst tableHeader = {\n paddingTop: 'spacing.5',\n paddingBottom: 'spacing.5',\n paddingLeft: 'spacing.4',\n paddingRight: 'spacing.4',\n backgroundColor: 'interactive.background.gray.default',\n borderBottomAndTopWidth: 'thin',\n borderBottomAndTopColor: 'surface.border.gray.muted',\n} as const;\n\nconst tableFooter = {\n paddingTop: 'spacing.5',\n paddingBottom: 'spacing.5',\n paddingLeft: 'spacing.4',\n paddingRight: 'spacing.4',\n borderBottomAndTopWidth: 'thin',\n borderBottomAndTopColor: 'surface.border.gray.muted',\n backgroundColor: 'interactive.background.gray.default',\n} as const;\n\nconst tableRow = {\n paddingTop: {\n normal: 'spacing.5',\n comfortable: 'spacing.6',\n },\n paddingBottom: {\n normal: 'spacing.5',\n comfortable: 'spacing.6',\n },\n paddingLeft: {\n normal: 'spacing.4',\n comfortable: 'spacing.4',\n },\n paddingRight: {\n normal: 'spacing.4',\n comfortable: 'spacing.4',\n },\n nonStripe: {\n backgroundColor: 'transparent',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorFocus: 'transparent',\n // TODO: Rebranding - on design side: explore pressed state color change, right now both hover & active are same\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n },\n nonStripeWrapper: {\n // not used anywhere\n backgroundColor: 'transparent',\n backgroundColorHover: 'transparent',\n backgroundColorFocus: 'transparent',\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'transparent',\n backgroundColorSelectedHover: 'transparent',\n backgroundColorSelectedFocus: 'transparent',\n backgroundColorSelectedActive: 'transparent',\n },\n stripe: {\n backgroundColor: 'transparent',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorFocus: 'transparent',\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n },\n stripeWrapper: {\n backgroundColor: 'interactive.background.gray.default',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorFocus: 'interactive.background.gray.default',\n backgroundColorActive: 'interactive.background.gray.default',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.faded',\n backgroundColorSelectedFocus: 'interactive.background.primary.faded',\n backgroundColorSelectedActive: 'interactive.background.primary.faded',\n },\n borderBottomWidth: 'thin',\n borderBottomColor: 'surface.border.gray.muted',\n backgroundColorMotionEasing: 'easing.standard.effective',\n backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tableToolbar = {\n backgroundColor: 'transparent',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorMotionEasing: 'easing.standard.effective',\n backgroundColorMotionDuration: 'duration.xquick',\n} as const;\n\nconst tablePagination = {\n backgroundColor: 'transparent',\n padding: 'spacing.4',\n pageSelectionButton: {\n backgroundColor: 'transparent',\n backgroundColorHover: 'interactive.background.gray.default',\n backgroundColorActive: 'interactive.background.gray.highlighted',\n backgroundColorSelected: 'interactive.background.primary.faded',\n backgroundColorSelectedHover: 'interactive.background.primary.fadedHighlighted',\n backgroundColorSelectedActive: 'interactive.background.primary.fadedHighlighted',\n padding: 'spacing.2',\n borderRadius: 'small',\n focusRingColor: 'surface.border.primary.muted',\n textColor: 'surface.text.gray.subtle',\n textColorSelected: 'surface.text.primary.normal',\n height: size['32'],\n width: size['32'],\n },\n defaultPageSize: 10,\n} as const;\n\nexport {\n tableHeader,\n tableFooter,\n tableRow,\n tableToolbar,\n tablePagination,\n refreshWrapperZIndex,\n tableBackgroundColor,\n firstColumnStickyHeaderFooterZIndex,\n checkboxCellWidth,\n};\n"],"names":["firstColumnStickyHeaderFooterZIndex","refreshWrapperZIndex","checkboxCellWidth","size","tableBackgroundColor","tableHeader","paddingTop","paddingBottom","paddingLeft","paddingRight","backgroundColor","borderBottomAndTopWidth","borderBottomAndTopColor","tableFooter","tableRow","normal","comfortable","nonStripe","backgroundColorHover","backgroundColorFocus","backgroundColorActive","backgroundColorSelected","backgroundColorSelectedHover","backgroundColorSelectedFocus","backgroundColorSelectedActive","nonStripeWrapper","stripe","stripeWrapper","borderBottomWidth","borderBottomColor","backgroundColorMotionEasing","backgroundColorMotionDuration","tableToolbar","tablePagination","padding","pageSelectionButton","borderRadius","focusRingColor","textColor","textColorSelected","height","width","defaultPageSize"],"mappings":"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"}

package/build/lib/web/development/components/Tabs/TabIndicator.web.js CHANGED Viewed

@@ -26,7 +26,7 @@ var StyledTabIndicator = /*#__PURE__*/styled(BaseBox).withConfig({
   return {
     cursor: 'pointer',
     '&:hover': {
-      backgroundColor: theme.colors.brand.primary[400]
+      backgroundColor: theme.colors.interactive.background.primary.fadedHighlighted
     }
   };
 });
@@ -64,7 +64,7 @@ var TabIndicator = function TabIndicator(_ref2) {
       y: variant === 'filled' ?
       // on filled variant the indicator is positioned on top of the tab item
       // so no need to add offsetHeight
-      activeTabItem.offsetTop - 1 : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5
+      activeTabItem.offsetTop : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5
     });
   }, [baseId, selectedValue, tabListContainerRef, variant]);
@@ -111,11 +111,12 @@ var TabIndicator = function TabIndicator(_ref2) {
   };
   if (variant === 'filled') {
     return /*#__PURE__*/jsx(StyledTabIndicator, _objectSpread({
+      pointerEvents: "none",
       position: "absolute",
       left: "0px",
       top: "0px",
       borderRadius: "small",
-      backgroundColor: "brand.primary.300",
+      backgroundColor: "interactive.background.primary.faded",
       style: _objectSpread(_objectSpread({}, transitionProps), {}, {
         width: "".concat(activeElementDimensions.width, "px"),
         height: "".concat(activeElementDimensions.height, "px"),
@@ -129,9 +130,9 @@ var TabIndicator = function TabIndicator(_ref2) {
     pointerEvents: "none",
     position: "absolute",
     left: "0%",
-    top: "0px",
-    height: "1.5px",
-    backgroundColor: "brand.primary.500",
+    top: "-0.5px",
+    height: "2px",
+    backgroundColor: "interactive.background.primary.default",
     style: _objectSpread(_objectSpread({}, transitionProps), {}, {
       width: "".concat(activeElementDimensions.width, "px"),
       transform: "translate(".concat(activeElementDimensions.x, "px, ").concat(activeElementDimensions.y, "px)")

package/build/lib/web/development/components/Tabs/TabIndicator.web.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabIndicator.web.js","sources":["../../../../../../src/components/Tabs/TabIndicator.web.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable consistent-return /\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTabsContext } from './TabsContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst StyledTabIndicator = styled(BaseBox)(({ theme }) => {\n return {\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: theme.colors.brand.primary[400],\n },\n };\n});\n\nconst TabIndicator = ({\n tabListContainerRef,\n}: {\n tabListContainerRef: React.RefObject<HTMLElement \| null>;\n}): React.ReactElement => {\n const { theme } = useTheme();\n const { selectedValue, baseId, variant } = useTabsContext();\n const [hasMeasured, setHasMeasured] = React.useState(false);\n const [activeElementDimensions, setActiveElementDimensions] = React.useState({\n width: 0,\n height: 0,\n x: 0,\n y: 0,\n });\n\n // Update the dimensions of the active element\n const updateDimensions = React.useCallback(() => {\n const tabItemId = `${baseId}-${selectedValue}-tabitem`;\n const activeTabItem = document.getElementById(tabItemId);\n if (!activeTabItem) return;\n\n setActiveElementDimensions({\n width: activeTabItem.offsetWidth,\n height: activeTabItem.offsetHeight,\n x: activeTabItem.offsetLeft,\n y:\n variant === 'filled'\n ? // on filled variant the indicator is positioned on top of the tab item\n // so no need to add offsetHeight\n activeTabItem.offsetTop - 1\n : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5,\n });\n }, [baseId, selectedValue, tabListContainerRef, variant]);\n\n // Update the dimensions when the selected value changes\n useIsomorphicLayoutEffect(() => {\n if (!selectedValue) return;\n\n updateDimensions();\n\n const id = requestAnimationFrame(() => {\n setHasMeasured(true);\n });\n\n return () => {\n if (id) {\n cancelAnimationFrame(id);\n }\n };\n }, [baseId, selectedValue]);\n\n // Update the dimensions when the window resizes or when the font loads\n React.useEffect(() => {\n if (!tabListContainerRef.current) return;\n\n // check for FontFace API support\n // FontFaceAPI is widely supported but better to be safe than sorry\n if ('fonts' in document) {\n try {\n // wait for fonts to be loaded and then recalculate the dimensions\n void document.fonts.ready.then(() => {\n updateDimensions();\n });\n } catch (err: unknown) {\n / empty */\n }\n }\n\n window.addEventListener('resize', updateDimensions);\n\n return () => {\n if (!tabListContainerRef.current) return;\n window.removeEventListener('resize', updateDimensions);\n };\n }, [tabListContainerRef, updateDimensions]);\n\n const transitionProps = {\n transitionProperty: 'transform, width, background-color',\n transitionDuration: hasMeasured\n ? castWebType(makeMotionTime(theme.motion.duration.gentle))\n : '0ms',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n };\n\n if (variant === 'filled') {\n return (\n <StyledTabIndicator\n position=\"absolute\"\n left=\"0px\"\n top=\"0px\"\n borderRadius=\"small\"\n backgroundColor=\"brand.primary.300\"\n style={{\n ...transitionProps,\n width: `${activeElementDimensions.width}px`,\n height: `${activeElementDimensions.height}px`,\n transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n }}\n {...metaAttribute({ name: MetaConstants.TabIndicator })}\n />\n );\n }\n\n return (\n <StyledTabIndicator\n pointerEvents=\"none\"\n position=\"absolute\"\n left=\"0%\"\n top=\"0px\"\n height=\"1.5px\"\n backgroundColor=\"brand.primary.500\"\n style={{\n ...transitionProps,\n width: `${activeElementDimensions.width}px`,\n transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n }}\n {...metaAttribute({ name: MetaConstants.TabIndicator })}\n />\n );\n};\n\nexport { TabIndicator };\n"],"names":["StyledTabIndicator","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","cursor","backgroundColor","colors","brand","primary","TabIndicator","_ref2","tabListContainerRef","_useTheme","useTheme","_useTabsContext","useTabsContext","selectedValue","baseId","variant","_React$useState","React","useState","_React$useState2","_slicedToArray","hasMeasured","setHasMeasured","_React$useState3","width","height","x","y","_React$useState4","activeElementDimensions","setActiveElementDimensions","updateDimensions","useCallback","tabItemId","concat","activeTabItem","document","getElementById","offsetWidth","offsetHeight","offsetLeft","offsetTop","useIsomorphicLayoutEffect","id","requestAnimationFrame","cancelAnimationFrame","useEffect","current","fonts","ready","then","err","window","addEventListener","removeEventListener","transitionProps","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","effective","_jsx","_objectSpread","position","left","top","borderRadius","style","transform","metaAttribute","name","MetaConstants","pointerEvents"],"mappings":"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"}
1	+ {"version":3,"file":"TabIndicator.web.js","sources":["../../../../../../src/components/Tabs/TabIndicator.web.tsx"],"sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps /\n/ eslint-disable @typescript-eslint/explicit-function-return-type /\n/ eslint-disable consistent-return /\nimport React from 'react';\nimport styled from 'styled-components';\nimport { useTabsContext } from './TabsContext';\nimport { useTheme } from '~components/BladeProvider';\nimport { castWebType, makeMotionTime } from '~utils';\nimport { useIsomorphicLayoutEffect } from '~utils/useIsomorphicLayoutEffect';\nimport BaseBox from '~components/Box/BaseBox';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\n\nconst StyledTabIndicator = styled(BaseBox)(({ theme }) => {\n return {\n cursor: 'pointer',\n '&:hover': {\n backgroundColor: theme.colors.interactive.background.primary.fadedHighlighted,\n },\n };\n});\n\nconst TabIndicator = ({\n tabListContainerRef,\n}: {\n tabListContainerRef: React.RefObject<HTMLElement \| null>;\n}): React.ReactElement => {\n const { theme } = useTheme();\n const { selectedValue, baseId, variant } = useTabsContext();\n const [hasMeasured, setHasMeasured] = React.useState(false);\n const [activeElementDimensions, setActiveElementDimensions] = React.useState({\n width: 0,\n height: 0,\n x: 0,\n y: 0,\n });\n\n // Update the dimensions of the active element\n const updateDimensions = React.useCallback(() => {\n const tabItemId = `${baseId}-${selectedValue}-tabitem`;\n const activeTabItem = document.getElementById(tabItemId);\n if (!activeTabItem) return;\n\n setActiveElementDimensions({\n width: activeTabItem.offsetWidth,\n height: activeTabItem.offsetHeight,\n x: activeTabItem.offsetLeft,\n y:\n variant === 'filled'\n ? // on filled variant the indicator is positioned on top of the tab item\n // so no need to add offsetHeight\n activeTabItem.offsetTop\n : activeTabItem.offsetTop + activeTabItem.offsetHeight - 1.5,\n });\n }, [baseId, selectedValue, tabListContainerRef, variant]);\n\n // Update the dimensions when the selected value changes\n useIsomorphicLayoutEffect(() => {\n if (!selectedValue) return;\n\n updateDimensions();\n\n const id = requestAnimationFrame(() => {\n setHasMeasured(true);\n });\n\n return () => {\n if (id) {\n cancelAnimationFrame(id);\n }\n };\n }, [baseId, selectedValue]);\n\n // Update the dimensions when the window resizes or when the font loads\n React.useEffect(() => {\n if (!tabListContainerRef.current) return;\n\n // check for FontFace API support\n // FontFaceAPI is widely supported but better to be safe than sorry\n if ('fonts' in document) {\n try {\n // wait for fonts to be loaded and then recalculate the dimensions\n void document.fonts.ready.then(() => {\n updateDimensions();\n });\n } catch (err: unknown) {\n / empty */\n }\n }\n\n window.addEventListener('resize', updateDimensions);\n\n return () => {\n if (!tabListContainerRef.current) return;\n window.removeEventListener('resize', updateDimensions);\n };\n }, [tabListContainerRef, updateDimensions]);\n\n const transitionProps = {\n transitionProperty: 'transform, width, background-color',\n transitionDuration: hasMeasured\n ? castWebType(makeMotionTime(theme.motion.duration.gentle))\n : '0ms',\n transitionTimingFunction: castWebType(theme.motion.easing.standard.effective),\n };\n\n if (variant === 'filled') {\n return (\n <StyledTabIndicator\n pointerEvents=\"none\"\n position=\"absolute\"\n left=\"0px\"\n top=\"0px\"\n borderRadius=\"small\"\n backgroundColor=\"interactive.background.primary.faded\"\n style={{\n ...transitionProps,\n width: `${activeElementDimensions.width}px`,\n height: `${activeElementDimensions.height}px`,\n transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n }}\n {...metaAttribute({ name: MetaConstants.TabIndicator })}\n />\n );\n }\n\n return (\n <StyledTabIndicator\n pointerEvents=\"none\"\n position=\"absolute\"\n left=\"0%\"\n top=\"-0.5px\"\n height=\"2px\"\n backgroundColor=\"interactive.background.primary.default\"\n style={{\n ...transitionProps,\n width: `${activeElementDimensions.width}px`,\n transform: `translate(${activeElementDimensions.x}px, ${activeElementDimensions.y}px)`,\n }}\n {...metaAttribute({ name: MetaConstants.TabIndicator })}\n />\n );\n};\n\nexport { TabIndicator };\n"],"names":["StyledTabIndicator","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","cursor","backgroundColor","colors","interactive","background","primary","fadedHighlighted","TabIndicator","_ref2","tabListContainerRef","_useTheme","useTheme","_useTabsContext","useTabsContext","selectedValue","baseId","variant","_React$useState","React","useState","_React$useState2","_slicedToArray","hasMeasured","setHasMeasured","_React$useState3","width","height","x","y","_React$useState4","activeElementDimensions","setActiveElementDimensions","updateDimensions","useCallback","tabItemId","concat","activeTabItem","document","getElementById","offsetWidth","offsetHeight","offsetLeft","offsetTop","useIsomorphicLayoutEffect","id","requestAnimationFrame","cancelAnimationFrame","useEffect","current","fonts","ready","then","err","window","addEventListener","removeEventListener","transitionProps","transitionProperty","transitionDuration","castWebType","makeMotionTime","motion","duration","gentle","transitionTimingFunction","easing","standard","effective","_jsx","_objectSpread","pointerEvents","position","left","top","borderRadius","style","transform","metaAttribute","name","MetaConstants"],"mappings":"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"}