@procore/core-react 12.34.1 → 12.36.0

package/dist/Table/Table.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.js","names":["CaretDown","CaretUp","ChevronRight","styled","css","Card","Checkbox","StyledDateInputDelimiter","StyledDateInputIconContainer","StyledDateInputSegment","DateSelect","Input","Select","StyledSelectArrow","StyledSelectButtonLabel","StyledSelectClearIcon","TextArea","getTypographyIntent","typographyWeights","colors","getFocus","spacing","tableBgColor","white","tableBorderRadius","tableBorderStyle","tableBorderWidth","tableBorderColor","gray85","tableBorder","concat","tableGroupRowBgColor","gray98","tableGroupBodyRowIndentation","md","tableGroupHeaderRowIndentation","xl","tableHeaderBgColor","gray96","tableHeaderBgColorHover","gray94","tableHeaderBgColorActive","tableHeaderBorderColor","gray90","tableHeaderBorderRight","tableHeaderFontColor","gray30","tableHeaderFontColorActive","gray15","tableHeaderFontWeight","semibold","tableHeaderHeight","tableHeaderPadding","lg","tableSortFontColor","gray70","tableSortFontColorHover","gray45","tableSortFontColorActive","blue50","tableCellTextColor","tableCellIconColor","tableCellInputPlaceholderColor","tableCellInputBorder","tableCellInputRowHoverBgColor","tableCellInputFocusBgColor","tableCellInputHoverBgColor","blue94","tableCellInputFocusBorder","tableCellInputErrorBgColor","red98","tableCellInputErrorBorder","red50","tableRowBorderBottom","StyledTableHeaderCellSortableContainer","div","withConfig","displayName","componentId","StyledTableHeaderCellLabel","StyledCheckbox","StyledTableBodyCell","td","_ref","$snugfit","StyledTableHeaderCell","th","_ref2","$sortable","StyledTableHeaderCellSortIconAsc","StyledTableHeaderCellSortIconDesc","_ref3","$sortOrder","_ref4","_ref5","_ref6","StyledTableHeaderCellIconWrapper","sm","StyledHead","thead","StyledCaratWrapper","xs","StyledCarat","_ref7","$expanded","cellInputCSS","blue40","StyledTableCellSelect","_ref8","$hasClearIcon","_ref9","_ref9$$placeholder","$placeholder","_ref0","_ref0$$placeholder","_ref1","loading","StyledTableCellInput","StyledTableCellDateInput","_ref10","error","StyledTableCellTextArea","xxl","_ref11","$resizable","StyledTableCellText","_ref12","$percent","$currency","StyledIconCell","StyledSelectCellWrapper","StyledTableInlineEditErrorBox","_ref13","$size","sizes","block","StyledTableInlineEditContainer","_ref14","$error","_ref15","StyledTableBodyRow","tr","_ref16","$overdue","StyledTableGroupRowContent","StyledTableGroupRowHeader","StyledTableGroupRowTitle","span","StyledTableGroupRow","_ref17","$depth","StyledTableWrapper","_ref18","$withShelf","BodyRow","GroupRow","StyledTable","table","_ref19","$fixed","_ref20","$inline","StyledLoadingContainer"],"sources":["../../src/Table/Table.styles.ts"],"sourcesContent":["import { CaretDown, CaretUp, ChevronRight } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Card } from '../Card'\nimport { Checkbox } from '../Checkbox'\nimport {\n  StyledDateInputDelimiter,\n  StyledDateInputIconContainer,\n  StyledDateInputSegment,\n} from '../DateInput/DateInput.styles'\nimport { DateSelect } from '../DateSelect'\nimport { Input } from '../Input'\nimport { Select } from '../Select'\nimport {\n  StyledSelectArrow,\n  StyledSelectButtonLabel,\n  StyledSelectClearIcon,\n} from '../Select/Select.styles'\nimport { TextArea } from '../TextArea'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { InputCellSize, TableColumnSortOrder } from './Table.types'\n\nconst tableBgColor = colors.white\nconst tableBorderRadius = 4\nconst tableBorderStyle = 'solid'\nconst tableBorderWidth = 1\nconst tableBorderColor = colors.gray85\nconst tableBorder = `${tableBorderWidth}px ${tableBorderStyle} ${tableBorderColor}`\n\nconst tableGroupRowBgColor = colors.gray98\nconst tableGroupBodyRowIndentation = spacing.md\nconst tableGroupHeaderRowIndentation = spacing.xl\n\nconst tableHeaderBgColor = colors.gray96\nconst tableHeaderBgColorHover = colors.gray94\nconst tableHeaderBgColorActive = colors.gray94\nconst tableHeaderBorderColor = colors.gray90\nconst tableHeaderBorderRight = `${tableBorderWidth}px ${tableBorderStyle} ${tableHeaderBorderColor}`\n\nconst tableHeaderFontColor = colors.gray30\nconst tableHeaderFontColorActive = colors.gray15\nconst tableHeaderFontWeight = typographyWeights.semibold\nconst tableHeaderHeight = 48\nconst tableHeaderPadding = spacing.lg\n\nconst tableSortFontColor = colors.gray70\nconst tableSortFontColorHover = colors.gray45\nconst tableSortFontColorActive = colors.blue50\n\nconst tableCellTextColor = colors.gray15\nconst tableCellIconColor = colors.gray45\nconst tableCellInputPlaceholderColor = colors.gray70\nconst tableCellInputBorder = '1px solid transparent'\nconst tableCellInputRowHoverBgColor = colors.gray96\nconst tableCellInputFocusBgColor = colors.white\nconst tableCellInputHoverBgColor = colors.blue94\nconst tableCellInputFocusBorder = `1px solid ${colors.blue50}`\nconst tableCellInputErrorBgColor = colors.red98\nconst tableCellInputErrorBorder = `1px solid ${colors.red50}`\n\nconst tableRowBorderBottom = css`\n  border-bottom: ${tableBorder};\n\n  &:last-child {\n    border-bottom: 0;\n  }\n`\n\nexport const StyledTableHeaderCellSortableContainer = styled.div``\n\nexport const StyledTableHeaderCellLabel = styled.div`\n  display: inline-block;\n  flex: 1 1 auto;\n  position: relative;\n`\n\nexport const StyledCheckbox = styled(Checkbox)``\n\nexport const StyledTableBodyCell = styled.td<{ $snugfit: boolean }>`\n  position: relative;\n  vertical-align: middle;\n\n  ${({ $snugfit }) =>\n    $snugfit &&\n    css`\n      white-space: nowrap;\n      width: 0.1%;\n    `}\n`\n\nexport const StyledTableHeaderCell = styled.th<{\n  $sortable: boolean\n  $snugfit: boolean\n  $sortOrder?: TableColumnSortOrder\n}>`\n  ${getTypographyIntent('small')}\n  font-weight: ${tableHeaderFontWeight};\n  border-right: ${tableHeaderBorderRight};\n  color: ${tableHeaderFontColor};\n  height: ${tableHeaderHeight}px;\n  padding: ${tableHeaderPadding}px;\n  position: relative;\n  text-align: left;\n  transition: background-color 0.2s ease-in-out;\n\n  &:last-child {\n    border-right: 0;\n  }\n\n  ${StyledTableHeaderCellSortableContainer} {\n    display: flex;\n    align-items: center;\n  }\n\n  ${StyledTableHeaderCellSortableContainer} {\n    ${StyledTableHeaderCellLabel} {\n      min-height: 14px;\n    }\n  }\n\n  ${({ $sortable }) =>\n    $sortable &&\n    css`\n      cursor: pointer;\n      padding: ${spacing.lg}px;\n\n      ${StyledTableHeaderCellSortIconAsc},\n      ${StyledTableHeaderCellSortIconDesc} {\n        color: ${tableSortFontColor};\n        opacity: 0;\n        transition: all 0.15s ease-in-out;\n        position: absolute;\n      }\n\n      ::before,\n      ::after {\n        font-size: 16px;\n      }\n\n      &:hover {\n        background-color: ${tableHeaderBgColorHover};\n\n        ${StyledTableHeaderCellSortIconAsc} {\n          color: ${tableSortFontColorHover};\n        }\n      }\n    `}\n\n  ${({ $sortOrder }) =>\n    ($sortOrder === 'asc' || $sortOrder === 'desc') &&\n    css`\n      background-color: ${tableHeaderBgColorActive};\n      color: ${tableHeaderFontColorActive};\n\n      &::before,\n      &::after,\n      ${StyledTableHeaderCellSortIconAsc},\n        ${StyledTableHeaderCellSortIconDesc} {\n        opacity: 1;\n      }\n    `}\n\n  ${({ $sortOrder }) =>\n    $sortOrder === 'asc' &&\n    css`\n      ${StyledTableHeaderCellSortIconAsc},\n      &::before {\n        color: ${tableSortFontColorActive};\n      }\n\n      &:hover {\n        ${StyledTableHeaderCellSortIconAsc},\n        &::before {\n          color: ${tableSortFontColorActive};\n        }\n        ${StyledTableHeaderCellSortIconDesc},\n        &::after {\n          color: ${tableSortFontColorHover};\n        }\n      }\n    `}\n\n  ${({ $sortOrder }) =>\n    $sortOrder === 'desc' &&\n    css`\n      ${StyledTableHeaderCellSortIconDesc},\n      &::after {\n        color: ${tableSortFontColorActive};\n      }\n\n      &:hover {\n        ${StyledTableHeaderCellSortIconAsc},\n        &::before {\n          color: ${tableSortFontColorHover};\n        }\n        ${StyledTableHeaderCellSortIconDesc},\n        &::after {\n          color: ${tableSortFontColorActive};\n        }\n      }\n    `}\n\n  ${({ $snugfit }) =>\n    $snugfit &&\n    css`\n      width: 0.1%;\n    `}\n`\n\nexport const StyledTableHeaderCellIconWrapper = styled.div`\n  height: 20px;\n  line-height: 20px;\n  padding: 0 ${spacing.lg}px 0 ${spacing.sm}px;\n  width: 20px;\n`\n\nexport const StyledTableHeaderCellSortIconAsc = styled(CaretUp)`\n  margin-top: -${spacing.sm}px;\n`\n\nexport const StyledTableHeaderCellSortIconDesc = styled(CaretDown)``\n\nexport const StyledHead = styled.thead`\n  background-color: ${tableHeaderBgColor};\n  transition: background-color 0.2s ease-in-out;\n  ${tableRowBorderBottom}\n\n  &:hover {\n    ${StyledTableHeaderCell} {\n      ${StyledTableHeaderCellSortIconAsc},\n      ${StyledTableHeaderCellSortIconDesc} {\n        &::after,\n        &::before {\n          opacity: 1;\n        }\n      }\n    }\n  }\n`\n\nexport const StyledCaratWrapper = styled.div`\n  font-size: 16px;\n  color: ${colors.gray70};\n  padding-right: ${spacing.xs}px;\n  transition: all 0.2s ease-in-out;\n\n  & + ${StyledCheckbox} {\n    margin: 0 ${spacing.xs}px;\n  }\n`\n\nexport const StyledCarat = styled(ChevronRight)<{ $expanded: boolean }>`\n  ${({ $expanded }) =>\n    $expanded &&\n    css`\n      transform: rotate(90deg);\n    `}\n`\n\nconst cellInputCSS = css`\n  // Define particular color, simply not to rely on browser's choice of transparent value\n  // https://stackoverflow.com/questions/46309641/what-happens-in-safari-with-the-transparent-color\n  background-color: rgba(255, 255, 255, 0);\n\n  &&& {\n    border: ${tableCellInputBorder};\n    border-radius: 4px;\n    width: 100%;\n\n    &::placeholder {\n      color: ${tableCellInputPlaceholderColor};\n    }\n\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:hover {\n      border-color: transparent;\n    }\n\n    &:focus {\n      /**\n        focus background overrides everything, so it is the only cell-defined background style.\n        the rest come from StyledInlineEditContainer\n      */\n      background-color: ${colors.white};\n      border-style: solid;\n      border-width: 1px;\n      border-color: ${colors.blue40};\n      box-shadow: 0 0 0 1px ${colors.blue40};\n      outline: none;\n    }\n\n    &:disabled {\n      border: ${tableCellInputBorder};\n      color: ${colors.gray70};\n    }\n  }\n`\n\nexport const StyledTableCellSelect = styled(Select)<{\n  $hasClearIcon: boolean\n  $placeholder: boolean\n}>`\n  ${cellInputCSS};\n\n  background-color: transparent;\n  border-color: transparent;\n  height: auto;\n\n  &:hover {\n    background-color: transparent;\n  }\n\n  &:active:hover {\n    border-color: ${colors.gray85};\n  }\n\n  &:focus {\n    background-color: ${colors.white};\n    cursor: pointer;\n    ${getFocus()}\n\n    ${StyledSelectButtonLabel} {\n      white-space: nowrap;\n    }\n\n    ${StyledSelectArrow} {\n      opacity: 1;\n      pointer-events: all;\n    }\n\n    ${({ $hasClearIcon }) =>\n      $hasClearIcon &&\n      css`\n        ${StyledSelectClearIcon} {\n          opacity: 1;\n          pointer-events: all;\n        }\n      `}\n\n    ${({ $placeholder = false }) =>\n      $placeholder &&\n      css`\n        ${StyledSelectButtonLabel} {\n          opacity: 1;\n          pointer-events: all;\n        }\n      `}\n  }\n\n  ${StyledSelectButtonLabel} {\n    white-space: normal;\n  }\n\n  ${StyledSelectArrow}, ${StyledSelectClearIcon} {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  ${({ $placeholder = false }) =>\n    $placeholder &&\n    css`\n      ${StyledSelectButtonLabel} {\n        opacity: 0;\n        pointer-events: none;\n      }\n    `}\n\n  ${({ loading }) =>\n    loading &&\n    css`\n      background-color: ${colors.white};\n      border-color: ${colors.gray85};\n\n      ${StyledSelectButtonLabel} {\n        white-space: nowrap;\n      }\n    `}\n`\nexport const StyledTableCellInput = styled(Input)`\n  ${cellInputCSS}\n`\nexport const StyledTableCellDateInput = styled(DateSelect)`\n  background-color: transparent;\n  border-color: transparent;\n\n  &:active:hover {\n    border-color: ${colors.gray45};\n  }\n\n  // increase specificity to avoid border re-style\n  &&&:focus-within {\n    ${getFocus()};\n    background-color: ${colors.white};\n  }\n\n  ${({ error }) =>\n    error &&\n    css`\n      border-color: ${colors.red50};\n    `}\n\n  ${StyledDateInputIconContainer} {\n    opacity: 0;\n  }\n\n  ${StyledDateInputDelimiter} {\n    &[data-qa-table-visible='false'] {\n      opacity: 0;\n    }\n  }\n\n  ${StyledDateInputSegment} {\n    &[data-placeholder='true'] {\n      opacity: 0;\n    }\n  }\n\n  &:focus-within {\n    ${StyledDateInputIconContainer} {\n      opacity: 1;\n    }\n    ${StyledDateInputDelimiter} {\n      &[data-qa-table-visible='false'] {\n        opacity: 1;\n      }\n    }\n    ${StyledDateInputSegment} {\n      &[data-placeholder='true'] {\n        opacity: 1;\n      }\n    }\n  }\n`\n\nexport const StyledTableCellTextArea = styled(TextArea)<{\n  $resizable: boolean\n}>`\n  ${cellInputCSS}\n  && {\n    height: ${spacing.xxl}px;\n    min-height: ${spacing.xxl}px;\n    overflow: hidden;\n    padding-top: ${spacing.xs}px;\n    resize: none;\n    width: 100%;\n\n    ${({ $resizable }) =>\n      $resizable &&\n      css`\n        &:focus {\n          min-height: 64px;\n          overflow: auto;\n          resize: vertical;\n        }\n      `}\n  }\n`\n\nexport const StyledTableCellText = styled.div<{\n  $percent?: boolean\n  $currency?: boolean\n}>`\n  margin: ${spacing.lg}px;\n  display: flex;\n  color: ${tableCellTextColor};\n\n  ${({ $percent, $currency }) =>\n    ($percent || $currency) &&\n    css`\n      justify-content: flex-end;\n    `}\n`\n\nexport const StyledIconCell = styled.div`\n  display: flex;\n  color: ${tableCellIconColor};\n`\n\nexport const StyledSelectCellWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n`\n\nexport const StyledTableInlineEditErrorBox = styled.div<{\n  $size?: InputCellSize\n}>`\n  ${getTypographyIntent('small')}\n  color: ${colors.white};\n  font-style: italic;\n  background: ${colors.red50};\n  border-radius: 0 2px 2px 2px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);\n  padding: 6px ${spacing.md}px;\n  position: absolute;\n  max-width: 160px;\n  z-index: 1;\n\n  ${({ $size }) => {\n    const sizes: Record<InputCellSize, number | null> = {\n      xs: 36,\n      sm: 48,\n      md: 80,\n      lg: 112,\n      block: null,\n      xl: null,\n    }\n\n    if (!$size || !sizes[$size]) {\n      return ''\n    }\n\n    return css`\n      min-width: ${sizes[$size]}px;\n    `\n  }}\n`\n\ninterface StyledTableInlineEditContainerProps {\n  $disabled?: boolean\n  $error?: boolean\n  $size: InputCellSize\n}\n\nexport const StyledTableInlineEditContainer = styled.div<StyledTableInlineEditContainerProps>`\n  background-color: ${tableBgColor};\n  margin: ${spacing.sm}px ${spacing.xs}px;\n  position: relative;\n\n  ${({ $error }) =>\n    $error &&\n    css`\n      position: static;\n      background-color: ${tableCellInputErrorBgColor};\n\n      ${StyledTableCellDateInput},\n      ${StyledTableCellInput},\n      ${StyledTableCellSelect},\n      ${StyledTableCellTextArea} {\n        border: ${tableCellInputErrorBorder};\n        border-radius: 4px 4px 0 0;\n        border-bottom: none;\n\n        &:hover {\n          border-bottom: none;\n        }\n\n        &:focus {\n          background-color: ${tableCellInputFocusBgColor};\n          border: ${tableCellInputFocusBorder};\n          border-bottom: none;\n        }\n      }\n    `}\n\n  ${({ $size }) => {\n    const sizes: Record<InputCellSize, number | null> = {\n      xs: 36,\n      sm: 48,\n      md: 80,\n      lg: 112,\n      block: null,\n      xl: null,\n    }\n\n    if ($size === 'block') {\n      return css`\n        position: relative;\n\n        ${StyledTableInlineEditErrorBox} {\n          width: 100%;\n          max-width: 100%;\n        }\n      `\n    }\n\n    if (!$size || !sizes[$size]) {\n      return ''\n    }\n\n    return css`\n      width: ${sizes[$size]}px;\n    `\n  }}\n`\n\nexport const StyledTableBodyRow = styled.tr<{\n  $overdue: boolean\n}>`\n  ${tableRowBorderBottom}\n\n  ${({ $overdue }) =>\n    $overdue &&\n    css`\n      ${StyledTableCellText},\n      ${StyledTableCellSelect},\n      ${StyledTableCellInput},\n      ${StyledTableCellDateInput},\n      ${StyledTableCellTextArea} {\n        color: ${colors.red50};\n      }\n    `}\n\n  &:focus-within {\n    ${StyledTableInlineEditContainer} {\n      background-color: ${tableCellInputRowHoverBgColor};\n\n      &.disabled {\n        background-color: transparent;\n      }\n    }\n    ${StyledTableInlineEditContainer}.error {\n      background-color: ${tableCellInputErrorBgColor};\n    }\n  }\n\n  &:hover {\n    ${StyledTableInlineEditContainer} {\n      background-color: ${tableCellInputRowHoverBgColor};\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${tableCellInputHoverBgColor};\n      }\n\n      &.disabled {\n        &,\n        &:hover {\n          background-color: transparent;\n          cursor: default;\n        }\n      }\n    }\n\n    ${StyledTableInlineEditContainer}.error {\n      background-color: ${tableCellInputErrorBgColor};\n\n      &:hover {\n        background-color: ${tableCellInputErrorBgColor};\n      }\n\n      ${StyledTableCellInput},\n      ${StyledTableCellSelect},\n      ${StyledTableCellTextArea} {\n        border: ${tableCellInputErrorBorder};\n        border-bottom: none;\n\n        &:hover {\n          border-bottom: none;\n        }\n\n        &:focus {\n          border: ${tableCellInputFocusBorder};\n          border-bottom: none;\n        }\n      }\n    }\n  }\n`\n\nexport const StyledTableGroupRowContent = styled.div``\n\nexport const StyledTableGroupRowHeader = styled.div``\n\nexport const StyledTableGroupRowTitle = styled.span``\n\nexport const StyledTableGroupRow = styled.tr<{ $depth?: number | boolean }>`\n  background-color: ${tableGroupRowBgColor};\n  ${tableRowBorderBottom}\n\n  ${StyledTableGroupRowContent} {\n    margin-left: ${spacing.lg}px;\n    padding: ${spacing.lg}px 0;\n    display: flex;\n    flex-direction: row;\n  }\n\n  ${StyledTableGroupRowHeader} {\n    display: flex;\n    align-items: center;\n  }\n\n  ${StyledTableGroupRowTitle} {\n    font-weight: ${tableHeaderFontWeight};\n    padding-left: ${spacing.lg}px;\n  }\n\n  ${({ $depth }) => {\n    if (typeof $depth !== 'number') {\n      return ''\n    }\n\n    return css`\n      > td {\n        padding-left: ${$depth * tableGroupHeaderRowIndentation}px !important;\n      }\n\n      ~ ${StyledTableBodyRow} {\n        > td:first-child {\n          padding-left: ${($depth + 1) * tableGroupHeaderRowIndentation +\n          tableGroupBodyRowIndentation}px !important;\n        }\n      }\n    `\n  }}\n`\n\nexport const StyledTableWrapper = styled(Card)<{ $withShelf: boolean }>`\n  border-radius: ${tableBorderRadius}px;\n  border: ${tableBorder};\n\n  ${StyledHead}, tbody {\n    &:first-child {\n      tr:first-child {\n        ${StyledTableHeaderCell}, td {\n          &:first-child {\n            border-top-left-radius: ${tableBorderRadius}px;\n          }\n\n          &:last-child {\n            border-top-right-radius: ${tableBorderRadius}px;\n          }\n        }\n      }\n    }\n\n    &:last-child {\n      tr:last-child {\n        ${StyledTableHeaderCell}, td {\n          &:first-child {\n            border-bottom-left-radius: ${tableBorderRadius}px;\n          }\n          &:last-child {\n            border-bottom-right-radius: ${tableBorderRadius}px;\n          }\n        }\n      }\n    }\n  }\n\n  ${({ $withShelf }) =>\n    $withShelf &&\n    css`\n      position: relative;\n      height: 100%;\n    `}\n`\n\nconst BodyRow = StyledTableBodyRow\n\nconst GroupRow = StyledTableGroupRow\n\nexport const StyledTable = styled.table<{ $inline?: boolean; $fixed: boolean }>`\n  background-color: ${tableBgColor};\n  border-collapse: collapse;\n  border-radius: ${tableBorderRadius}px;\n  ${getTypographyIntent('body')}\n  width: 100%;\n\n  td:first-child ${StyledCheckbox} {\n    padding-left: ${spacing.lg}px;\n  }\n\n  ${StyledTableGroupRow} ${StyledCaratWrapper} + ${StyledCheckbox} {\n    margin-left: ${spacing.xs}px;\n    padding-left: 0;\n  }\n\n  ${({ $fixed }) =>\n    $fixed &&\n    css`\n      table-layout: fixed;\n    `}\n\n  ${({ $inline }) =>\n    $inline &&\n    css`\n      border-top: 1px solid ${colors.gray85};\n      border-bottom: 1px solid ${colors.gray85};\n    `}\n\n  ${GroupRow} + ${GroupRow} > td {\n    padding-left: ${tableGroupHeaderRowIndentation}px;\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n    padding-left: ${2 * tableGroupHeaderRowIndentation}px;\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n    padding-left: ${3 * tableGroupHeaderRowIndentation}px;\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n    padding-left: ${4 * tableGroupHeaderRowIndentation}px;\n  }\n\n  ${GroupRow} ~ ${BodyRow} {\n    ${StyledCheckbox} {\n      padding-left: 0;\n      margin: 0 ${spacing.xs}px;\n    }\n\n    & > td:first-child {\n      padding-left: ${tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n\n  ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n    & > td:first-child {\n      padding-left: ${2 * tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n    & > td:first-child {\n      padding-left: ${3 * tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n    & > td:first-child {\n      padding-left: ${4 * tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n    & > td:first-child {\n      padding-left: ${5 * tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n`\n\nexport const StyledLoadingContainer = styled.div`\n  cursor: default;\n  align-items: center;\n  background: ${colors.gray96};\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  opacity: 0.9;\n  position: absolute;\n  width: 100%;\n  z-index: 2;\n`\n"],"mappings":"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"}
+{"version":3,"file":"Table.styles.js","names":["CaretDown","CaretUp","ChevronRight","styled","css","Button","Card","Checkbox","StyledDateInputDelimiter","StyledDateInputIconContainer","StyledDateInputSegment","DateSelect","Input","Select","StyledSelectArrow","StyledSelectButtonLabel","StyledSelectClearIcon","TextArea","getTypographyIntent","typographyWeights","colors","getFocus","spacing","tableBgColor","white","tableBorderRadius","tableBorderStyle","tableBorderWidth","tableBorderColor","gray85","tableBorder","concat","tableGroupRowBgColor","gray98","tableGroupBodyRowIndentation","md","tableGroupHeaderRowIndentation","xl","tableHeaderBgColor","gray96","tableHeaderBgColorHover","gray94","tableHeaderBgColorActive","tableHeaderBorderColor","gray90","tableHeaderBorderRight","tableHeaderFontColor","gray30","tableHeaderFontColorActive","gray15","tableHeaderFontWeight","semibold","tableHeaderHeight","tableHeaderPadding","lg","tableSortFontColor","gray50","tableSortFontColorHover","gray40","tableSortFontColorActive","blue50","tableCellTextColor","tableCellIconColor","gray45","tableCellInputPlaceholderColor","gray70","tableCellInputBorder","tableCellInputRowHoverBgColor","tableCellInputFocusBgColor","tableCellInputHoverBgColor","blue94","tableCellInputFocusBorder","tableCellInputErrorBgColor","red98","tableCellInputErrorBorder","red50","tableRowBorderBottom","StyledTableHeaderCellSortableContainer","div","withConfig","displayName","componentId","StyledTableHeaderCellLabel","StyledCheckbox","StyledTableBodyCell","td","_ref","$snugfit","StyledTableHeaderCell","th","_ref2","$sortable","StyledTableHeaderCellSortIconAsc","StyledTableHeaderCellSortIconDesc","_ref3","$sortOrder","_ref4","_ref5","_ref6","StyledTableHeaderCellIconWrapper","sm","StyledHead","thead","StyledCaratWrapper","StyledCarat","_ref7","$expanded","cellInputCSS","blue40","StyledTableCellSelect","_ref8","$hasClearIcon","_ref9","_ref9$$placeholder","$placeholder","_ref0","_ref0$$placeholder","_ref1","loading","StyledTableCellInput","StyledTableCellDateInput","_ref10","error","StyledTableCellTextArea","xxl","xs","_ref11","$resizable","StyledTableCellText","_ref12","$percent","$currency","StyledIconCell","StyledSelectCellWrapper","StyledTableInlineEditErrorBox","_ref13","$size","sizes","block","StyledTableInlineEditContainer","_ref14","$error","_ref15","StyledTableBodyRow","tr","_ref16","$overdue","StyledTableGroupRowContent","StyledTableGroupRowHeader","StyledTableGroupRowTitle","span","StyledTableGroupRow","_ref17","$depth","StyledTableWrapper","_ref18","$withShelf","BodyRow","GroupRow","StyledTable","table","_ref19","$fixed","_ref20","$inline","StyledLoadingContainer"],"sources":["../../src/Table/Table.styles.ts"],"sourcesContent":["import { CaretDown, CaretUp, ChevronRight } from '@procore/core-icons'\nimport styled, { css } from 'styled-components'\nimport { Button } from '../Button'\nimport { Card } from '../Card'\nimport { Checkbox } from '../Checkbox'\nimport {\n  StyledDateInputDelimiter,\n  StyledDateInputIconContainer,\n  StyledDateInputSegment,\n} from '../DateInput/DateInput.styles'\nimport { DateSelect } from '../DateSelect'\nimport { Input } from '../Input'\nimport { Select } from '../Select'\nimport {\n  StyledSelectArrow,\n  StyledSelectButtonLabel,\n  StyledSelectClearIcon,\n} from '../Select/Select.styles'\nimport { TextArea } from '../TextArea'\nimport {\n  getTypographyIntent,\n  typographyWeights,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { getFocus } from '../_styles/mixins'\nimport { spacing } from '../_styles/spacing'\nimport type { InputCellSize, TableColumnSortOrder } from './Table.types'\n\nconst tableBgColor = colors.white\nconst tableBorderRadius = 4\nconst tableBorderStyle = 'solid'\nconst tableBorderWidth = 1\nconst tableBorderColor = colors.gray85\nconst tableBorder = `${tableBorderWidth}px ${tableBorderStyle} ${tableBorderColor}`\n\nconst tableGroupRowBgColor = colors.gray98\nconst tableGroupBodyRowIndentation = spacing.md\nconst tableGroupHeaderRowIndentation = spacing.xl\n\nconst tableHeaderBgColor = colors.gray96\nconst tableHeaderBgColorHover = colors.gray94\nconst tableHeaderBgColorActive = colors.gray94\nconst tableHeaderBorderColor = colors.gray90\nconst tableHeaderBorderRight = `${tableBorderWidth}px ${tableBorderStyle} ${tableHeaderBorderColor}`\n\nconst tableHeaderFontColor = colors.gray30\nconst tableHeaderFontColorActive = colors.gray15\nconst tableHeaderFontWeight = typographyWeights.semibold\nconst tableHeaderHeight = 48\nconst tableHeaderPadding = spacing.lg\n\nconst tableSortFontColor = colors.gray50\nconst tableSortFontColorHover = colors.gray40\nconst tableSortFontColorActive = colors.blue50\n\nconst tableCellTextColor = colors.gray15\nconst tableCellIconColor = colors.gray45\nconst tableCellInputPlaceholderColor = colors.gray70\nconst tableCellInputBorder = '1px solid transparent'\nconst tableCellInputRowHoverBgColor = colors.gray96\nconst tableCellInputFocusBgColor = colors.white\nconst tableCellInputHoverBgColor = colors.blue94\nconst tableCellInputFocusBorder = `1px solid ${colors.blue50}`\nconst tableCellInputErrorBgColor = colors.red98\nconst tableCellInputErrorBorder = `1px solid ${colors.red50}`\n\nconst tableRowBorderBottom = css`\n  border-bottom: ${tableBorder};\n\n  &:last-child {\n    border-bottom: 0;\n  }\n`\n\nexport const StyledTableHeaderCellSortableContainer = styled.div``\n\nexport const StyledTableHeaderCellLabel = styled.div`\n  display: inline-block;\n  flex: 1 1 auto;\n  position: relative;\n`\n\nexport const StyledCheckbox = styled(Checkbox)``\n\nexport const StyledTableBodyCell = styled.td<{ $snugfit: boolean }>`\n  position: relative;\n  vertical-align: middle;\n\n  ${({ $snugfit }) =>\n    $snugfit &&\n    css`\n      white-space: nowrap;\n      width: 0.1%;\n    `}\n`\n\nexport const StyledTableHeaderCell = styled.th<{\n  $sortable: boolean\n  $snugfit: boolean\n  $sortOrder?: TableColumnSortOrder\n}>`\n  ${getTypographyIntent('small')}\n  font-weight: ${tableHeaderFontWeight};\n  border-right: ${tableHeaderBorderRight};\n  color: ${tableHeaderFontColor};\n  height: ${tableHeaderHeight}px;\n  padding: ${tableHeaderPadding}px;\n  position: relative;\n  text-align: left;\n  transition: background-color 0.2s ease-in-out;\n\n  &:last-child {\n    border-right: 0;\n  }\n\n  ${StyledTableHeaderCellSortableContainer} {\n    display: flex;\n    align-items: center;\n  }\n\n  ${StyledTableHeaderCellSortableContainer} {\n    ${StyledTableHeaderCellLabel} {\n      min-height: 14px;\n    }\n  }\n\n  ${({ $sortable }) =>\n    $sortable &&\n    css`\n      cursor: pointer;\n      padding: ${spacing.lg}px;\n\n      ${StyledTableHeaderCellSortIconAsc},\n      ${StyledTableHeaderCellSortIconDesc} {\n        color: ${tableSortFontColor};\n        opacity: 0;\n        transition: all 0.15s ease-in-out;\n        position: absolute;\n      }\n\n      ::before,\n      ::after {\n        font-size: 16px;\n      }\n\n      &:hover {\n        background-color: ${tableHeaderBgColorHover};\n\n        ${StyledTableHeaderCellSortIconAsc} {\n          color: ${tableSortFontColorHover};\n        }\n      }\n    `}\n\n  ${({ $sortOrder }) =>\n    ($sortOrder === 'asc' || $sortOrder === 'desc') &&\n    css`\n      background-color: ${tableHeaderBgColorActive};\n      color: ${tableHeaderFontColorActive};\n\n      &::before,\n      &::after,\n      ${StyledTableHeaderCellSortIconAsc},\n        ${StyledTableHeaderCellSortIconDesc} {\n        opacity: 1;\n      }\n    `}\n\n  ${({ $sortOrder }) =>\n    $sortOrder === 'asc' &&\n    css`\n      ${StyledTableHeaderCellSortIconAsc},\n      &::before {\n        color: ${tableSortFontColorActive};\n      }\n\n      &:hover {\n        ${StyledTableHeaderCellSortIconAsc},\n        &::before {\n          color: ${tableSortFontColorActive};\n        }\n        ${StyledTableHeaderCellSortIconDesc},\n        &::after {\n          color: ${tableSortFontColorHover};\n        }\n      }\n    `}\n\n  ${({ $sortOrder }) =>\n    $sortOrder === 'desc' &&\n    css`\n      ${StyledTableHeaderCellSortIconDesc},\n      &::after {\n        color: ${tableSortFontColorActive};\n      }\n\n      &:hover {\n        ${StyledTableHeaderCellSortIconAsc},\n        &::before {\n          color: ${tableSortFontColorHover};\n        }\n        ${StyledTableHeaderCellSortIconDesc},\n        &::after {\n          color: ${tableSortFontColorActive};\n        }\n      }\n    `}\n\n  ${({ $snugfit }) =>\n    $snugfit &&\n    css`\n      width: 0.1%;\n    `}\n`\n\nexport const StyledTableHeaderCellIconWrapper = styled.div`\n  height: 20px;\n  line-height: 20px;\n  padding: 0 ${spacing.lg}px 0 ${spacing.sm}px;\n  width: 20px;\n`\n\nexport const StyledTableHeaderCellSortIconAsc = styled(CaretUp)`\n  margin-top: -${spacing.sm}px;\n`\n\nexport const StyledTableHeaderCellSortIconDesc = styled(CaretDown)``\n\nexport const StyledHead = styled.thead`\n  background-color: ${tableHeaderBgColor};\n  transition: background-color 0.2s ease-in-out;\n  ${tableRowBorderBottom}\n\n  &:hover {\n    ${StyledTableHeaderCell} {\n      ${StyledTableHeaderCellSortIconAsc},\n      ${StyledTableHeaderCellSortIconDesc} {\n        &::after,\n        q &::before {\n          opacity: 1;\n        }\n      }\n    }\n  }\n`\n\nexport const StyledCaratWrapper = styled(Button)``\n\nexport const StyledCarat = styled(ChevronRight)<{ $expanded: boolean }>`\n  ${({ $expanded }) =>\n    $expanded &&\n    css`\n      transform: rotate(90deg);\n    `}\n`\n\nconst cellInputCSS = css`\n  // Define particular color, simply not to rely on browser's choice of transparent value\n  // https://stackoverflow.com/questions/46309641/what-happens-in-safari-with-the-transparent-color\n  background-color: rgba(255, 255, 255, 0);\n\n  &&& {\n    border: ${tableCellInputBorder};\n    border-radius: 4px;\n    width: 100%;\n\n    &::placeholder {\n      color: ${tableCellInputPlaceholderColor};\n    }\n\n    &::-ms-clear {\n      display: none;\n    }\n\n    &:hover {\n      border-color: transparent;\n    }\n\n    &:focus {\n      /**\n        focus background overrides everything, so it is the only cell-defined background style.\n        the rest come from StyledInlineEditContainer\n      */\n      background-color: ${colors.white};\n      border-style: solid;\n      border-width: 1px;\n      border-color: ${colors.blue40};\n      box-shadow: 0 0 0 1px ${colors.blue40};\n      outline: none;\n    }\n\n    &:disabled {\n      border: ${tableCellInputBorder};\n      color: ${colors.gray70};\n    }\n  }\n`\n\nexport const StyledTableCellSelect = styled(Select)<{\n  $hasClearIcon: boolean\n  $placeholder: boolean\n}>`\n  ${cellInputCSS};\n\n  background-color: transparent;\n  border-color: transparent;\n  height: auto;\n\n  &:hover {\n    background-color: transparent;\n  }\n\n  &:active:hover {\n    border-color: ${colors.gray85};\n  }\n\n  &:focus {\n    background-color: ${colors.white};\n    cursor: pointer;\n    ${getFocus()}\n\n    ${StyledSelectButtonLabel} {\n      white-space: nowrap;\n    }\n\n    ${StyledSelectArrow} {\n      opacity: 1;\n      pointer-events: all;\n    }\n\n    ${({ $hasClearIcon }) =>\n      $hasClearIcon &&\n      css`\n        ${StyledSelectClearIcon} {\n          opacity: 1;\n          pointer-events: all;\n        }\n      `}\n\n    ${({ $placeholder = false }) =>\n      $placeholder &&\n      css`\n        ${StyledSelectButtonLabel} {\n          opacity: 1;\n          pointer-events: all;\n        }\n      `}\n  }\n\n  ${StyledSelectButtonLabel} {\n    white-space: normal;\n  }\n\n  ${StyledSelectArrow}, ${StyledSelectClearIcon} {\n    opacity: 0;\n    pointer-events: none;\n  }\n\n  ${({ $placeholder = false }) =>\n    $placeholder &&\n    css`\n      ${StyledSelectButtonLabel} {\n        opacity: 0;\n        pointer-events: none;\n      }\n    `}\n\n  ${({ loading }) =>\n    loading &&\n    css`\n      background-color: ${colors.white};\n      border-color: ${colors.gray85};\n\n      ${StyledSelectButtonLabel} {\n        white-space: nowrap;\n      }\n    `}\n`\nexport const StyledTableCellInput = styled(Input)`\n  ${cellInputCSS}\n`\nexport const StyledTableCellDateInput = styled(DateSelect)`\n  background-color: transparent;\n  border-color: transparent;\n\n  &:active:hover {\n    border-color: ${colors.gray45};\n  }\n\n  // increase specificity to avoid border re-style\n  &&&:focus-within {\n    ${getFocus()};\n    background-color: ${colors.white};\n  }\n\n  ${({ error }) =>\n    error &&\n    css`\n      border-color: ${colors.red50};\n    `}\n\n  ${StyledDateInputIconContainer} {\n    opacity: 0;\n  }\n\n  ${StyledDateInputDelimiter} {\n    &[data-qa-table-visible='false'] {\n      opacity: 0;\n    }\n  }\n\n  ${StyledDateInputSegment} {\n    &[data-placeholder='true'] {\n      opacity: 0;\n    }\n  }\n\n  &:focus-within {\n    ${StyledDateInputIconContainer} {\n      opacity: 1;\n    }\n    ${StyledDateInputDelimiter} {\n      &[data-qa-table-visible='false'] {\n        opacity: 1;\n      }\n    }\n    ${StyledDateInputSegment} {\n      &[data-placeholder='true'] {\n        opacity: 1;\n      }\n    }\n  }\n`\n\nexport const StyledTableCellTextArea = styled(TextArea)<{\n  $resizable: boolean\n}>`\n  ${cellInputCSS}\n  && {\n    height: ${spacing.xxl}px;\n    min-height: ${spacing.xxl}px;\n    overflow: hidden;\n    padding-top: ${spacing.xs}px;\n    resize: none;\n    width: 100%;\n\n    ${({ $resizable }) =>\n      $resizable &&\n      css`\n        &:focus {\n          min-height: 64px;\n          overflow: auto;\n          resize: vertical;\n        }\n      `}\n  }\n`\n\nexport const StyledTableCellText = styled.div<{\n  $percent?: boolean\n  $currency?: boolean\n}>`\n  margin: ${spacing.lg}px;\n  display: flex;\n  color: ${tableCellTextColor};\n\n  ${({ $percent, $currency }) =>\n    ($percent || $currency) &&\n    css`\n      justify-content: flex-end;\n    `}\n`\n\nexport const StyledIconCell = styled.div`\n  display: flex;\n  color: ${tableCellIconColor};\n`\n\nexport const StyledSelectCellWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n`\n\nexport const StyledTableInlineEditErrorBox = styled.div<{\n  $size?: InputCellSize\n}>`\n  ${getTypographyIntent('small')}\n  color: ${colors.white};\n  font-style: italic;\n  background: ${colors.red50};\n  border-radius: 0 2px 2px 2px;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);\n  padding: 6px ${spacing.md}px;\n  position: absolute;\n  max-width: 160px;\n  z-index: 1;\n\n  ${({ $size }) => {\n    const sizes: Record<InputCellSize, number | null> = {\n      xs: 36,\n      sm: 48,\n      md: 80,\n      lg: 112,\n      block: null,\n      xl: null,\n    }\n\n    if (!$size || !sizes[$size]) {\n      return ''\n    }\n\n    return css`\n      min-width: ${sizes[$size]}px;\n    `\n  }}\n`\n\ninterface StyledTableInlineEditContainerProps {\n  $disabled?: boolean\n  $error?: boolean\n  $size: InputCellSize\n}\n\nexport const StyledTableInlineEditContainer = styled.div<StyledTableInlineEditContainerProps>`\n  background-color: ${tableBgColor};\n  margin: ${spacing.sm}px ${spacing.xs}px;\n  position: relative;\n\n  ${({ $error }) =>\n    $error &&\n    css`\n      position: static;\n      background-color: ${tableCellInputErrorBgColor};\n\n      ${StyledTableCellDateInput},\n      ${StyledTableCellInput},\n      ${StyledTableCellSelect},\n      ${StyledTableCellTextArea} {\n        border: ${tableCellInputErrorBorder};\n        border-radius: 4px 4px 0 0;\n        border-bottom: none;\n\n        &:hover {\n          border-bottom: none;\n        }\n\n        &:focus {\n          background-color: ${tableCellInputFocusBgColor};\n          border: ${tableCellInputFocusBorder};\n          border-bottom: none;\n        }\n      }\n    `}\n\n  ${({ $size }) => {\n    const sizes: Record<InputCellSize, number | null> = {\n      xs: 36,\n      sm: 48,\n      md: 80,\n      lg: 112,\n      block: null,\n      xl: null,\n    }\n\n    if ($size === 'block') {\n      return css`\n        position: relative;\n\n        ${StyledTableInlineEditErrorBox} {\n          width: 100%;\n          max-width: 100%;\n        }\n      `\n    }\n\n    if (!$size || !sizes[$size]) {\n      return ''\n    }\n\n    return css`\n      width: ${sizes[$size]}px;\n    `\n  }}\n`\n\nexport const StyledTableBodyRow = styled.tr<{\n  $overdue: boolean\n}>`\n  ${tableRowBorderBottom}\n\n  ${({ $overdue }) =>\n    $overdue &&\n    css`\n      ${StyledTableCellText},\n      ${StyledTableCellSelect},\n      ${StyledTableCellInput},\n      ${StyledTableCellDateInput},\n      ${StyledTableCellTextArea} {\n        color: ${colors.red50};\n      }\n    `}\n\n  &:focus-within {\n    ${StyledTableInlineEditContainer} {\n      background-color: ${tableCellInputRowHoverBgColor};\n\n      &.disabled {\n        background-color: transparent;\n      }\n    }\n    ${StyledTableInlineEditContainer}.error {\n      background-color: ${tableCellInputErrorBgColor};\n    }\n  }\n\n  &:hover {\n    ${StyledTableInlineEditContainer} {\n      background-color: ${tableCellInputRowHoverBgColor};\n      cursor: pointer;\n\n      &:hover {\n        background-color: ${tableCellInputHoverBgColor};\n      }\n\n      &.disabled {\n        &,\n        &:hover {\n          background-color: transparent;\n          cursor: default;\n        }\n      }\n    }\n\n    ${StyledTableInlineEditContainer}.error {\n      background-color: ${tableCellInputErrorBgColor};\n\n      &:hover {\n        background-color: ${tableCellInputErrorBgColor};\n      }\n\n      ${StyledTableCellInput},\n      ${StyledTableCellSelect},\n      ${StyledTableCellTextArea} {\n        border: ${tableCellInputErrorBorder};\n        border-bottom: none;\n\n        &:hover {\n          border-bottom: none;\n        }\n\n        &:focus {\n          border: ${tableCellInputFocusBorder};\n          border-bottom: none;\n        }\n      }\n    }\n  }\n`\n\nexport const StyledTableGroupRowContent = styled.div``\n\nexport const StyledTableGroupRowHeader = styled.div``\n\nexport const StyledTableGroupRowTitle = styled.span``\n\nexport const StyledTableGroupRow = styled.tr<{ $depth?: number | boolean }>`\n  background-color: ${tableGroupRowBgColor};\n  ${tableRowBorderBottom}\n\n  ${StyledTableGroupRowContent} {\n    margin-left: ${spacing.lg}px;\n    padding: ${spacing.lg}px 0;\n    display: flex;\n    flex-direction: row;\n  }\n\n  ${StyledTableGroupRowHeader} {\n    display: flex;\n    align-items: center;\n  }\n\n  ${StyledTableGroupRowTitle} {\n    font-weight: ${tableHeaderFontWeight};\n    padding-left: ${spacing.lg}px;\n  }\n\n  ${({ $depth }) => {\n    if (typeof $depth !== 'number') {\n      return ''\n    }\n\n    return css`\n      > td {\n        padding-left: ${$depth * tableGroupHeaderRowIndentation}px !important;\n      }\n\n      ~ ${StyledTableBodyRow} {\n        > td:first-child {\n          padding-left: ${($depth + 1) * tableGroupHeaderRowIndentation +\n          tableGroupBodyRowIndentation}px !important;\n        }\n      }\n    `\n  }}\n`\n\nexport const StyledTableWrapper = styled(Card)<{ $withShelf: boolean }>`\n  border-radius: ${tableBorderRadius}px;\n  border: ${tableBorder};\n\n  ${StyledHead}, tbody {\n    &:first-child {\n      tr:first-child {\n        ${StyledTableHeaderCell}, td {\n          &:first-child {\n            border-top-left-radius: ${tableBorderRadius}px;\n          }\n\n          &:last-child {\n            border-top-right-radius: ${tableBorderRadius}px;\n          }\n        }\n      }\n    }\n\n    &:last-child {\n      tr:last-child {\n        ${StyledTableHeaderCell}, td {\n          &:first-child {\n            border-bottom-left-radius: ${tableBorderRadius}px;\n          }\n          &:last-child {\n            border-bottom-right-radius: ${tableBorderRadius}px;\n          }\n        }\n      }\n    }\n  }\n\n  ${({ $withShelf }) =>\n    $withShelf &&\n    css`\n      position: relative;\n      height: 100%;\n    `}\n`\n\nconst BodyRow = StyledTableBodyRow\n\nconst GroupRow = StyledTableGroupRow\n\nexport const StyledTable = styled.table<{ $inline?: boolean; $fixed: boolean }>`\n  background-color: ${tableBgColor};\n  border-collapse: collapse;\n  border-radius: ${tableBorderRadius}px;\n  ${getTypographyIntent('body')}\n  width: 100%;\n\n  td:first-child ${StyledCheckbox} {\n    padding-left: ${spacing.lg}px;\n  }\n\n  ${StyledTableGroupRow} ${StyledCaratWrapper} + ${StyledCheckbox} {\n    margin-left: ${spacing.xs}px;\n    padding-left: 0;\n  }\n\n  ${({ $fixed }) =>\n    $fixed &&\n    css`\n      table-layout: fixed;\n    `}\n\n  ${({ $inline }) =>\n    $inline &&\n    css`\n      border-top: 1px solid ${colors.gray85};\n      border-bottom: 1px solid ${colors.gray85};\n    `}\n\n  ${GroupRow} + ${GroupRow} > td {\n    padding-left: ${tableGroupHeaderRowIndentation}px;\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n    padding-left: ${2 * tableGroupHeaderRowIndentation}px;\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n    padding-left: ${3 * tableGroupHeaderRowIndentation}px;\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} > td {\n    padding-left: ${4 * tableGroupHeaderRowIndentation}px;\n  }\n\n  ${GroupRow} ~ ${BodyRow} {\n    ${StyledCheckbox} {\n      padding-left: 0;\n      margin: 0 ${spacing.xs}px;\n    }\n\n    & > td:first-child {\n      padding-left: ${tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n\n  ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n    & > td:first-child {\n      padding-left: ${2 * tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n    & > td:first-child {\n      padding-left: ${3 * tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n    & > td:first-child {\n      padding-left: ${4 * tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n\n  ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} + ${GroupRow} ~ ${BodyRow} {\n    & > td:first-child {\n      padding-left: ${5 * tableGroupHeaderRowIndentation +\n      tableGroupBodyRowIndentation}px;\n    }\n  }\n`\n\nexport const StyledLoadingContainer = styled.div`\n  cursor: default;\n  align-items: center;\n  background: ${colors.gray96};\n  display: flex;\n  height: 100%;\n  justify-content: center;\n  opacity: 0.9;\n  position: absolute;\n  width: 100%;\n  z-index: 2;\n`\n"],"mappings":"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"}

package/dist/Table/Table.types.d.ts

@@ -42,6 +42,11 @@ export interface CaratProps {
      * @since 10.19.0
      */
     onClick?: React.EventHandler<any>;
+    /**
+     * Custom aria-label for the carat button. If not provided, defaults to internationalized "Expand" or "Collapse" based on expanded state.
+     * @since 12.34.0
+     */
+    'aria-label'?: string;
 }
 export interface ContainerProps {
     /**

package/dist/Table/Table.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.types.js","names":[],"sources":["../../src/Table/Table.types.ts"],"sourcesContent":["import type { CurrencyOptions } from '@procore/globalization-toolkit'\nimport type React from 'react'\nimport type { DateSelectProps } from '../DateSelect'\nimport type { InputProps } from '../Input'\nimport type { SelectProps } from '../Select'\nimport type { Props, Size } from '../_utils/types'\n\nexport type InputCellSize = Extract<\n  Size,\n  'block' | 'lg' | 'md' | 'sm' | 'xl' | 'xs'\n>\n\nexport type TableVariant = '' | 'fixed'\n\nexport type TableColumnSortOrder = 'asc' | 'desc' | ''\n\nexport type TableCellVariant = '' | 'asc' | 'desc' | 'snugfit'\n\nexport interface BodyCellProps extends Props {\n  /**\n   * Shrink the cell around the contents\n   * @since 10.19.0\n   */\n  snugfit?: boolean\n\n  /**\n   * The table body cell variant\n   * @since 10.19.0\n   * @deprecated Please use `sortOrder` prop instead of `esc/desc` variants, and `snugfit` prop instead of `snugfit` variant\n   * @deprecatedSince 11.15.1\n   */\n  variant?: TableCellVariant\n}\n\nexport interface BodyProps extends Props {}\n\nexport interface BodyRowProps extends Props {\n  /**\n   * Sets row text color to red to signify overdue items\n   * @since 10.19.0\n   */\n  overdue?: boolean\n}\n\nexport interface CaratProps {\n  /**\n   * Whether or not the carat is rotated\n   * @since 10.19.0\n   */\n  expanded?: boolean\n\n  /**\n   * Callback to fire when clicked\n   * @since 10.19.0\n   */\n  onClick?: React.EventHandler<any>\n}\n\nexport interface ContainerProps {\n  /**\n   * @since 10.19.0\n   */\n  children?: React.ReactNode\n\n  /**\n   * Adjust the container to support a table shelf\n   * @default false\n   * @since 10.19.0\n   * */\n  shelf?: boolean\n}\n\nexport interface CurrencyCellProps extends Omit<Props, 'children'> {\n  /**\n   * @deprecated Please use `value` prop instead\n   * @deprecatedSince 11.28.0\n   */\n  children?: React.ReactNode\n\n  /**\n   * Optional formatting configs\n   * @since 11.28.0\n   */\n  currencyOptions?: CurrencyOptions\n\n  /**\n   * Unformatted value to be displayed\n   * @since 11.28.0\n   */\n  value?: number\n}\n\nexport interface GroupProps extends Props {\n  /**\n   * Number of columns in table\n   * @since 10.19.0\n   */\n  colSpan?: number\n\n  /**\n   * Determines indentation of the group and content\n   * @since 10.19.0\n   */\n  depth?: number\n}\n\nexport interface GroupTitleProps extends Props {}\n\nexport interface TableHeaderCellProps extends BodyCellProps {\n  /**\n   * Is this the column sortable\n   * @since 10.19.0\n   * @deprecated Please use `sortOrder` prop instead\n   * @deprecatedSince 11.15.1\n   */\n  sortable?: boolean\n\n  /**\n   * Column sorting order\n   * @since 11.15.1\n   */\n  sortOrder?: TableColumnSortOrder\n\n  /**\n   * Column sorting order change callback.\n   * Loops over from \"asc\" to \"desc\" to \"\", set should be assigned to `sortOrder` prop.\n   * @since 11.15.1\n   */\n  onSortOrderChange?: (nextSortOrder: TableColumnSortOrder) => void\n}\n\nexport interface HeaderProps extends Props {}\n\nexport interface HeaderRowProps extends Props {}\n\nexport interface IconCellProps extends Props {}\n\nexport interface InputCellProps extends Omit<InputProps, 'size'> {\n  /**\n   * Message to be displayed below the input during an error\n   * @since 10.19.0\n   */\n  errorMessage?: string\n\n  /**\n   * Triggers the spinner for processing inline editable content\n   * @default false\n   * @since 10.19.0\n   */\n  processing?: boolean\n\n  /**\n   * The size of the input cell and corresponding error message\n   * @default 'block'\n   * @since 10.19.0\n   */\n  size?: InputCellSize\n}\n\nexport interface LinkCellProps extends Props {\n  /**\n   * Destination url\n   * @default ''\n   * @since 10.19.0\n   * */\n  href: string\n}\n\nexport interface PercentCellProps extends Props {}\n\nexport interface TableSelectCellProps extends SelectProps {\n  /**\n   * Message to be displayed below the select during an error\n   * @default ''\n   * @since 10.19.0\n   */\n  errorMessage?: string\n\n  /**\n   * Triggers the spinner that covers inline editable content\n   * @default false\n   * @since 10.19.0\n   */\n  processing?: boolean\n}\n\nexport interface DateSelectCellProps extends DateSelectProps {\n  /**\n   * @since 10.19.0\n   */\n  className?: string\n\n  /**\n   * Message to be displayed below the date select during an error\n   * @default ''\n   * @since 10.19.0\n   */\n  errorMessage?: string\n\n  /**\n   * Triggers the spinner that covers inline editable content\n   * @default false\n   * @since 10.19.0\n   */\n  processing?: boolean\n}\n\nexport interface TableProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  inline?: boolean\n\n  /**\n   * The table variant\n   * @since 10.19.0\n   */\n  variant?: TableVariant\n}\n\nexport interface TextAreaCellProps extends Props {\n  /**\n   * Message to be displayed below the textarea during an error\n   * @since 10.19.0\n   */\n  errorMessage?: string\n\n  /**\n   * Triggers the spinner for processing inline editable content\n   * @since 10.19.0\n   */\n  processing?: boolean\n\n  /**\n   * Sets whether it is resizable\n   * @since 10.19.0\n   */\n  resizable?: boolean\n}\n\nexport interface TableTextCellProps extends Props {}\n"],"mappings":""}
+{"version":3,"file":"Table.types.js","names":[],"sources":["../../src/Table/Table.types.ts"],"sourcesContent":["import type { CurrencyOptions } from '@procore/globalization-toolkit'\nimport type React from 'react'\nimport type { DateSelectProps } from '../DateSelect'\nimport type { InputProps } from '../Input'\nimport type { SelectProps } from '../Select'\nimport type { Props, Size } from '../_utils/types'\n\nexport type InputCellSize = Extract<\n  Size,\n  'block' | 'lg' | 'md' | 'sm' | 'xl' | 'xs'\n>\n\nexport type TableVariant = '' | 'fixed'\n\nexport type TableColumnSortOrder = 'asc' | 'desc' | ''\n\nexport type TableCellVariant = '' | 'asc' | 'desc' | 'snugfit'\n\nexport interface BodyCellProps extends Props {\n  /**\n   * Shrink the cell around the contents\n   * @since 10.19.0\n   */\n  snugfit?: boolean\n\n  /**\n   * The table body cell variant\n   * @since 10.19.0\n   * @deprecated Please use `sortOrder` prop instead of `esc/desc` variants, and `snugfit` prop instead of `snugfit` variant\n   * @deprecatedSince 11.15.1\n   */\n  variant?: TableCellVariant\n}\n\nexport interface BodyProps extends Props {}\n\nexport interface BodyRowProps extends Props {\n  /**\n   * Sets row text color to red to signify overdue items\n   * @since 10.19.0\n   */\n  overdue?: boolean\n}\n\nexport interface CaratProps {\n  /**\n   * Whether or not the carat is rotated\n   * @since 10.19.0\n   */\n  expanded?: boolean\n\n  /**\n   * Callback to fire when clicked\n   * @since 10.19.0\n   */\n  onClick?: React.EventHandler<any>\n\n  /**\n   * Custom aria-label for the carat button. If not provided, defaults to internationalized \"Expand\" or \"Collapse\" based on expanded state.\n   * @since 12.34.0\n   */\n  'aria-label'?: string\n}\n\nexport interface ContainerProps {\n  /**\n   * @since 10.19.0\n   */\n  children?: React.ReactNode\n\n  /**\n   * Adjust the container to support a table shelf\n   * @default false\n   * @since 10.19.0\n   * */\n  shelf?: boolean\n}\n\nexport interface CurrencyCellProps extends Omit<Props, 'children'> {\n  /**\n   * @deprecated Please use `value` prop instead\n   * @deprecatedSince 11.28.0\n   */\n  children?: React.ReactNode\n\n  /**\n   * Optional formatting configs\n   * @since 11.28.0\n   */\n  currencyOptions?: CurrencyOptions\n\n  /**\n   * Unformatted value to be displayed\n   * @since 11.28.0\n   */\n  value?: number\n}\n\nexport interface GroupProps extends Props {\n  /**\n   * Number of columns in table\n   * @since 10.19.0\n   */\n  colSpan?: number\n\n  /**\n   * Determines indentation of the group and content\n   * @since 10.19.0\n   */\n  depth?: number\n}\n\nexport interface GroupTitleProps extends Props {}\n\nexport interface TableHeaderCellProps extends BodyCellProps {\n  /**\n   * Is this the column sortable\n   * @since 10.19.0\n   * @deprecated Please use `sortOrder` prop instead\n   * @deprecatedSince 11.15.1\n   */\n  sortable?: boolean\n\n  /**\n   * Column sorting order\n   * @since 11.15.1\n   */\n  sortOrder?: TableColumnSortOrder\n\n  /**\n   * Column sorting order change callback.\n   * Loops over from \"asc\" to \"desc\" to \"\", set should be assigned to `sortOrder` prop.\n   * @since 11.15.1\n   */\n  onSortOrderChange?: (nextSortOrder: TableColumnSortOrder) => void\n}\n\nexport interface HeaderProps extends Props {}\n\nexport interface HeaderRowProps extends Props {}\n\nexport interface IconCellProps extends Props {}\n\nexport interface InputCellProps extends Omit<InputProps, 'size'> {\n  /**\n   * Message to be displayed below the input during an error\n   * @since 10.19.0\n   */\n  errorMessage?: string\n\n  /**\n   * Triggers the spinner for processing inline editable content\n   * @default false\n   * @since 10.19.0\n   */\n  processing?: boolean\n\n  /**\n   * The size of the input cell and corresponding error message\n   * @default 'block'\n   * @since 10.19.0\n   */\n  size?: InputCellSize\n}\n\nexport interface LinkCellProps extends Props {\n  /**\n   * Destination url\n   * @default ''\n   * @since 10.19.0\n   * */\n  href: string\n}\n\nexport interface PercentCellProps extends Props {}\n\nexport interface TableSelectCellProps extends SelectProps {\n  /**\n   * Message to be displayed below the select during an error\n   * @default ''\n   * @since 10.19.0\n   */\n  errorMessage?: string\n\n  /**\n   * Triggers the spinner that covers inline editable content\n   * @default false\n   * @since 10.19.0\n   */\n  processing?: boolean\n}\n\nexport interface DateSelectCellProps extends DateSelectProps {\n  /**\n   * @since 10.19.0\n   */\n  className?: string\n\n  /**\n   * Message to be displayed below the date select during an error\n   * @default ''\n   * @since 10.19.0\n   */\n  errorMessage?: string\n\n  /**\n   * Triggers the spinner that covers inline editable content\n   * @default false\n   * @since 10.19.0\n   */\n  processing?: boolean\n}\n\nexport interface TableProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  inline?: boolean\n\n  /**\n   * The table variant\n   * @since 10.19.0\n   */\n  variant?: TableVariant\n}\n\nexport interface TextAreaCellProps extends Props {\n  /**\n   * Message to be displayed below the textarea during an error\n   * @since 10.19.0\n   */\n  errorMessage?: string\n\n  /**\n   * Triggers the spinner for processing inline editable content\n   * @since 10.19.0\n   */\n  processing?: boolean\n\n  /**\n   * Sets whether it is resizable\n   * @since 10.19.0\n   */\n  resizable?: boolean\n}\n\nexport interface TableTextCellProps extends Props {}\n"],"mappings":""}

package/dist/TableShelf/TableShelf.styles.js

@@ -4,22 +4,22 @@ import { spacing } from '../_styles/spacing';
 var tableShelfShadow = '-4px 0px 5px 0px rgba(112, 112, 112, 0.1)';
 export var StyledShelf = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledShelf",
-  componentId: "core-12_34_1__sc-a6498a-0"
+  componentId: "core-12_36_0__sc-a6498a-0"
 })(["position:absolute;right:0;top:0;bottom:0;box-shadow:", ";background-color:", ";"], tableShelfShadow, colors.white);
 export var StyledHead = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHead",
-  componentId: "core-12_34_1__sc-a6498a-1"
+  componentId: "core-12_36_0__sc-a6498a-1"
 })(["background-color:", ";transition:background-color 0.2s ease-in-out;"], colors.gray96);
 export var StyledBodyRow = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBodyRow",
-  componentId: "core-12_34_1__sc-a6498a-2"
+  componentId: "core-12_36_0__sc-a6498a-2"
 })(["border-top:1px solid ", ";transition:background-color 0.2s ease-in-out;"], colors.gray85);
 export var StyledHeadCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeadCell",
-  componentId: "core-12_34_1__sc-a6498a-3"
+  componentId: "core-12_36_0__sc-a6498a-3"
 })(["text-align:left;padding:", "px;line-height:13px;"], spacing.lg);
 export var StyledBodyCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBodyCell",
-  componentId: "core-12_34_1__sc-a6498a-4"
+  componentId: "core-12_36_0__sc-a6498a-4"
 })(["padding:", "px;line-height:13px;"], spacing.lg);
 //# sourceMappingURL=TableShelf.styles.js.map

package/dist/Tabs/Tabs.styles.js

@@ -17,17 +17,17 @@ var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacin
  */
 var StyledTabBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabBase",
-  componentId: "core-12_34_1__sc-17s58xs-0"
+  componentId: "core-12_36_0__sc-17s58xs-0"
 })(["align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative;white-space:nowrap;text-decoration:none;background-color:transparent;border:none;font-family:inherit;padding:0;"]);
 var StyledTabInnerBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabInnerBase",
-  componentId: "core-12_34_1__sc-17s58xs-1"
+  componentId: "core-12_36_0__sc-17s58xs-1"
 })(["align-self:baseline;box-sizing:border-box;&,> a{display:flex;text-decoration:none;width:100%;}"]);
 
 // This so that it can be visible/hidden via CSS down below
 var StyledDropdownTabBase = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledDropdownTabBase",
-  componentId: "core-12_34_1__sc-17s58xs-2"
+  componentId: "core-12_36_0__sc-17s58xs-2"
 })(["", ""], hiddenTab);
 
 //// END BASE LAYOUT COMPONENTS FOR TABS ////
@@ -50,11 +50,11 @@ function getTabStyle() {
 }
 var StyledTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledTab",
-  componentId: "core-12_34_1__sc-17s58xs-3"
+  componentId: "core-12_36_0__sc-17s58xs-3"
 })(["", ""], getTabStyle);
 var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledTabInner",
-  componentId: "core-12_34_1__sc-17s58xs-4"
+  componentId: "core-12_36_0__sc-17s58xs-4"
 })(["", " padding:0 ", "px;font-weight:", ";&,> a{", ";color:", ";height:23px;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
   var $selected = _ref3.$selected;
   return $selected ? 600 : 400;
@@ -67,15 +67,15 @@ var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
 });
 var StyledDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledDropdownTab",
-  componentId: "core-12_34_1__sc-17s58xs-5"
+  componentId: "core-12_36_0__sc-17s58xs-5"
 })(["", ""], getTabStyle);
 var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
   displayName: "StyledDropdownTabInner",
-  componentId: "core-12_34_1__sc-17s58xs-6"
+  componentId: "core-12_36_0__sc-17s58xs-6"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_34_1__sc-17s58xs-7"
+  componentId: "core-12_36_0__sc-17s58xs-7"
 })(["align-items:center;display:flex;height:23px;", ";box-sizing:border-box;"], borderRadius);
 
 //// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////
@@ -92,34 +92,34 @@ function getHelixHeaderTabStyles() {
 }
 var StyledGlobalNavigationTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledGlobalNavigationTab",
-  componentId: "core-12_34_1__sc-17s58xs-8"
+  componentId: "core-12_36_0__sc-17s58xs-8"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTab",
-  componentId: "core-12_34_1__sc-17s58xs-9"
+  componentId: "core-12_36_0__sc-17s58xs-9"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTabInner",
-  componentId: "core-12_34_1__sc-17s58xs-10"
+  componentId: "core-12_36_0__sc-17s58xs-10"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGlobalNavigationLink",
-  componentId: "core-12_34_1__sc-17s58xs-11"
+  componentId: "core-12_36_0__sc-17s58xs-11"
 })(["padding-left:6px;padding-right:6px;"]);
 
 //// END HELIX GLOBAL NAVIGATION TAB STYLES ////
 
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-12_34_1__sc-17s58xs-12"
+  componentId: "core-12_36_0__sc-17s58xs-12"
 })(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{margin:unset;padding:unset;}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;background:inherit;font-weight:inherit;font-size:inherit;padding:0;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInnerBase, StyledLink, StyledTabBase, colors.gray15, StyledLink, StyledTabBase, colors.blue50);
 export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabList",
-  componentId: "core-12_34_1__sc-17s58xs-13"
+  componentId: "core-12_36_0__sc-17s58xs-13"
 })(["display:flex;width:100%;"]);
 export var StyledTabs = /*#__PURE__*/styled.nav.withConfig({
   displayName: "StyledTabs",
-  componentId: "core-12_34_1__sc-17s58xs-14"
+  componentId: "core-12_36_0__sc-17s58xs-14"
 })(["background-color:", ";display:flex;overflow:hidden;width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref6) {
   var $dark = _ref6.$dark;
   return $dark && colors.gray15;

package/dist/Tearsheet/Tearsheet.styles.js

@@ -48,7 +48,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_34_1__sc-ljrxoq-0"
+  componentId: "core-12_36_0__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -68,7 +68,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-12_34_1__sc-ljrxoq-1"
+  componentId: "core-12_36_0__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", " ", "}"], colors.white, getFocusInset(), function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
@@ -89,7 +89,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-12_34_1__sc-ljrxoq-2"
+  componentId: "core-12_36_0__sc-ljrxoq-2"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -97,7 +97,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_34_1__sc-ljrxoq-3"
+  componentId: "core-12_36_0__sc-ljrxoq-3"
 })(["", ""], function (_ref8) {
   var $placement = _ref8.$placement;
   switch ($placement) {
@@ -112,7 +112,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_34_1__sc-ljrxoq-4"
+  componentId: "core-12_36_0__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref9) {
   var $open = _ref9.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/TextArea/TextArea.js

@@ -29,6 +29,7 @@ export var TextArea = /*#__PURE__*/React.forwardRef(function TextArea(_ref, ref)
     $error: error,
     $variant: variant
   }, props, {
+    "aria-invalid": error || variant === 'error' ? 'true' : 'false',
     ref: ref
   }));
 });

package/dist/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","names":["React","StyledTextArea","TextArea","forwardRef","_ref","ref","_ref$resize","resize","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$resize","$error","$variant","displayName"],"sources":["../../src/TextArea/TextArea.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTextArea } from './TextArea.styles'\nimport type { TextAreaProps } from './TextArea.types'\n\n/**\n\n Text areas give our users space to input unformatted text. All text areas are\n manually expandable by dragging the bottom right corner to the desired size.\n\n If users need to add formatted text, see Text Editor.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-textarea--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-area)\n\n */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea({ resize = 'both', error, variant, ...props }, ref) {\n    return (\n      <StyledTextArea\n        $resize={resize}\n        $error={error}\n        $variant={variant}\n        {...props}\n        ref={ref}\n      />\n    )\n  }\n)\n\nTextArea.displayName = 'TextArea'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,mBAAmB;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGF,KAAK,CAACG,UAAU,CACtC,SAASD,QAAQA,CAAAE,IAAA,EAAgDC,GAAG,EAAE;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAlDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAC3D,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,cAAc,EAAAa,QAAA;IACbC,OAAO,EAAER,MAAO;IAChBS,MAAM,EAAER,KAAM;IACdS,QAAQ,EAAER;EAAQ,GACdC,KAAK;IACTL,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDH,QAAQ,CAACgB,WAAW,GAAG,UAAU"}
+{"version":3,"file":"TextArea.js","names":["React","StyledTextArea","TextArea","forwardRef","_ref","ref","_ref$resize","resize","error","variant","props","_objectWithoutProperties","_excluded","createElement","_extends","$resize","$error","$variant","displayName"],"sources":["../../src/TextArea/TextArea.tsx"],"sourcesContent":["import React from 'react'\nimport { StyledTextArea } from './TextArea.styles'\nimport type { TextAreaProps } from './TextArea.types'\n\n/**\n\n Text areas give our users space to input unformatted text. All text areas are\n manually expandable by dragging the bottom right corner to the desired size.\n\n If users need to add formatted text, see Text Editor.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-textarea--demo)\n\n @see [Design Guidelines](https://design.procore.com/text-area)\n\n */\nexport const TextArea = React.forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  function TextArea({ resize = 'both', error, variant, ...props }, ref) {\n    return (\n      <StyledTextArea\n        $resize={resize}\n        $error={error}\n        $variant={variant}\n        {...props}\n        aria-invalid={error || variant === 'error' ? 'true' : 'false'}\n        ref={ref}\n      />\n    )\n  }\n)\n\nTextArea.displayName = 'TextArea'\n"],"mappings":";;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,mBAAmB;AAGlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,QAAQ,gBAAGF,KAAK,CAACG,UAAU,CACtC,SAASD,QAAQA,CAAAE,IAAA,EAAgDC,GAAG,EAAE;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAlDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,MAAM,GAAAA,WAAA;IAAEE,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IAAKC,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA;EAC3D,oBACEZ,KAAA,CAAAa,aAAA,CAACZ,cAAc,EAAAa,QAAA;IACbC,OAAO,EAAER,MAAO;IAChBS,MAAM,EAAER,KAAM;IACdS,QAAQ,EAAER;EAAQ,GACdC,KAAK;IACT,gBAAcF,KAAK,IAAIC,OAAO,KAAK,OAAO,GAAG,MAAM,GAAG,OAAQ;IAC9DJ,GAAG,EAAEA;EAAI,EACV,CAAC;AAEN,CACF,CAAC;AAEDH,QAAQ,CAACgB,WAAW,GAAG,UAAU"}

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_34_1__sc-u5mow1-0"
+  componentId: "core-12_36_0__sc-u5mow1-0"
 })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$$resize = _ref.$resize,
     $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;

package/dist/TextEditor/TextEditor.d.ts

@@ -14,7 +14,7 @@ export declare function TextEditorProvider({ children, features, }: TextEditorPr
  @see [Design Guidelines](https://design.procore.com/text-editor)
 
  */
-export declare function TextEditor({ error, init: initOverrides, locale, onChange, onInit: _onInit, plugins, ...props }: TextEditorProps): React.JSX.Element;
+export declare function TextEditor(allProps: TextEditorProps): React.JSX.Element;
 export declare namespace TextEditor {
     var displayName: string;
 }

package/dist/TextEditor/TextEditor.js

@@ -98,17 +98,19 @@ function useFocusScopePatch(plugins) {
  @see [Design Guidelines](https://design.procore.com/text-editor)
 
  */
-export function TextEditor(_ref2) {
+export function TextEditor(allProps) {
   var _props$initialValue, _props$value;
-  var error = _ref2.error,
-    initOverrides = _ref2.init,
-    locale = _ref2.locale,
-    _ref2$onChange = _ref2.onChange,
-    onChange = _ref2$onChange === void 0 ? noop : _ref2$onChange,
-    _onInit = _ref2.onInit,
-    _ref2$plugins = _ref2.plugins,
-    plugins = _ref2$plugins === void 0 ? defaultPlugins : _ref2$plugins,
-    props = _objectWithoutProperties(_ref2, _excluded);
+  var error = allProps.error,
+    initOverrides = allProps.init,
+    locale = allProps.locale,
+    _allProps$onChange = allProps.onChange,
+    onChange = _allProps$onChange === void 0 ? noop : _allProps$onChange,
+    _onInit = allProps.onInit,
+    _allProps$plugins = allProps.plugins,
+    plugins = _allProps$plugins === void 0 ? defaultPlugins : _allProps$plugins,
+    props = _objectWithoutProperties(allProps, _excluded);
+  var ariaLabel = allProps['aria-label'];
+  var ariaDescription = allProps['aria-description'];
   var _useI18nContext = useI18nContext(),
     contextLocale = _useI18nContext.locale;
   var _useZIndexContext = useZIndexContext(),
@@ -131,6 +133,11 @@ export function TextEditor(_ref2) {
     onChange(editor.getContent(), editor.isDirty());
   };
   var ref = React.useRef();
+  var editorRef = React.useRef(null);
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isEditorReady = _React$useState2[0],
+    setIsEditorReady = _React$useState2[1];
   var updateError = function updateError() {
     if (ref.current) {
       if (error) {
@@ -138,31 +145,79 @@ export function TextEditor(_ref2) {
       } else {
         ref.current.style.borderColor = '';
       }
+      ref.current.setAttribute('aria-invalid', error ? 'true' : 'false');
     }
   };
   React.useEffect(function () {
     updateError();
   }, [error]);
+
+  // Update aria-label when prop changes
+  React.useEffect(function () {
+    if (!isEditorReady || !editorRef.current) {
+      return;
+    }
+    var body = editorRef.current.getBody();
+    if (body) {
+      if (ariaLabel) {
+        body.setAttribute('aria-label', ariaLabel);
+      } else {
+        body.removeAttribute('aria-label');
+      }
+    }
+  }, [ariaLabel, isEditorReady]);
+
+  // Update aria-description when prop changes
+  React.useEffect(function () {
+    if (!isEditorReady || !editorRef.current) {
+      return;
+    }
+    var body = editorRef.current.getBody();
+    if (body) {
+      if (ariaDescription) {
+        body.setAttribute('aria-description', ariaDescription);
+      } else {
+        body.removeAttribute('aria-description');
+      }
+    }
+  }, [ariaDescription, isEditorReady]);
   useFocusScopePatch(plugins);
   var onInit = function onInit(event, editor) {
     ref.current = editor.editorContainer;
+    editorRef.current = editor;
+    setIsEditorReady(true);
     updateError();
+
+    // Set accessible label and description on the editable body element if provided
+    // This provides the accessible name/description for screen readers
+    var body = editor.getBody();
+    if (body) {
+      if (ariaLabel) {
+        body.setAttribute('aria-label', ariaLabel);
+      }
+      if (ariaDescription) {
+        body.setAttribute('aria-description', ariaDescription);
+      }
+    }
     _onInit && _onInit(event, editor);
   };
   var _useState = useState((_props$initialValue = props.initialValue) !== null && _props$initialValue !== void 0 ? _props$initialValue : props.value),
     _useState2 = _slicedToArray(_useState, 1),
     derivedInitial = _useState2[0];
+  var accessibilityConfig = ariaLabel ? {
+    iframe_aria_text: ariaLabel
+  } : {};
 
   // zIndex + 1 because on first render zIndex of Portal(Modal) is higher
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(GlobalStyle, {
     $zIndex: zIndex + 1
   }), /*#__PURE__*/React.createElement(Editor, _extends({
-    init: _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, tinyMCEConfig), {}, {
+    init: _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, tinyMCEConfig), {}, {
       external_plugins: generateExternalPlugins(plugins),
       language_url: generateLanguageUrl(locale || contextLocale),
       language: getValidLookupLocale(locale || contextLocale),
       content_style: "p { margin: 0; }"
-    }, stickyToolbar), tabControls), initOverrides),
+    }, stickyToolbar), tabControls), accessibilityConfig), initOverrides),
     tinymceScriptSrc: "".concat(tinyMCESource, "/").concat(tinyMCEVersion, "/tinymce.min.js"),
     onInit: onInit,
     onEditorChange: onEditorChange