@databricks/design-system 1.9.1 → 1.9.3

package/dist/development.js.map

@@ -1 +1 @@
-{"version":3,"file":"development.js","sources":["../src/development/TableUI/index.tsx","Typography-84a00e02.js","../src/development/Slider/Slider.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport React, { createContext, useContext } from 'react';\n\nimport { Checkbox, SortAscendingIcon, SortDescendingIcon, SortUnsortedIcon } from '../../design-system';\nimport { useDesignSystemTheme } from '../../design-system/Hooks';\nimport { Typography } from '../../design-system/Typography';\nimport type { TextProps } from '../../design-system/Typography/Text';\n\n// For performance, these styles are defined outside of the component so they are not redefined on every render.\n// We're also using CSS Variables rather than any dynamic styles so that the style object remains static.\nconst tableStyles = {\n  row: css({\n    display: 'flex',\n    borderBottom: '1px solid',\n    borderColor: 'var(--table-border)',\n\n    // Note: Next-sibling selector is necessary for Ant Checkboxes; if we move away\n    // from those in the future we would need to adjust these styles.\n    '.table-row-select-cell input[type=\"checkbox\"] ~ *': {\n      opacity: 'var(--row-checkbox-opacity, 0)',\n    },\n\n    '&:hover': {\n      '[role=\"cell\"]': {\n        backgroundColor: 'var(--table-row-hover)',\n      },\n\n      '.table-row-select-cell input[type=\"checkbox\"] ~ *': {\n        opacity: 1,\n      },\n    },\n\n    '.table-row-select-cell input[type=\"checkbox\"]:focus ~ *': {\n      opacity: 1,\n    },\n  }),\n\n  cell: css({\n    display: 'inline-grid',\n    alignItems: 'var(--table-row-vertical-alignment, flex-start)',\n    flex: 1,\n    lineHeight: 'initial',\n    padding: '6px 8px',\n\n    '&[role=\"columnheader\"]': {\n      padding: '8px',\n    },\n  }),\n\n  cellSmall: css({\n    padding: '4px 8px',\n    '&[role=\"columnheader\"]': {\n      padding: '4px 8px',\n    },\n  }),\n\n  header: css({\n    fontWeight: 'bold',\n    alignItems: 'flex-end',\n    display: 'flex',\n    overflow: 'hidden',\n\n    '&[aria-sort]': {\n      cursor: 'pointer',\n      userSelect: 'none',\n    },\n\n    '[role=\"img\"]': {\n      marginLeft: '4px',\n    },\n  }),\n\n  headerButtonTarget: css({\n    alignItems: 'flex-end',\n    display: 'flex',\n    overflow: 'hidden',\n    width: '100%',\n  }),\n\n  checkboxCell: css({\n    padding: '0 0 0 8px',\n    display: 'flex',\n    alignItems: 'center',\n    flex: 0,\n  }),\n};\n\nconst TableContext = createContext<{\n  size: 'default' | 'small';\n  someRowsSelected?: boolean;\n}>({\n  size: 'default',\n});\n\ninterface TableProps {\n  size?: 'default' | 'small';\n  /** Are any rows currently selected? You must specify this if using `TableRowSelectCell` in your table. */\n  someRowsSelected?: boolean;\n}\n\nexport const Table: React.FC<TableProps> = ({ children, size = 'default', someRowsSelected }): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return (\n    <TableContext.Provider value={{ size, someRowsSelected }}>\n      <div\n        role=\"table\" // This is a performance optimization; we want to statically create the styles for the table,\n        // but for the dynamic theme values, we need to use CSS variables.\n        // See: https://emotion.sh/docs/best-practices#advanced-css-variables-with-style\n        style={{\n          ['--table-border' as any]: theme.colors.tableBorder,\n          ['--table-row-hover' as any]: theme.colors.tableRowHover,\n        }}\n      >\n        {children}\n      </div>\n    </TableContext.Provider>\n  );\n};\n\nconst TableRowContext = createContext<{\n  isHeader: boolean;\n}>({\n  isHeader: false,\n});\n\ninterface TableRowProps {\n  isHeader?: boolean;\n  /** Vertical alignment of the row's cells. */\n  verticalAlignment?: 'top' | 'center';\n}\n\nexport const TableRow: React.FC<TableRowProps> = ({ children, isHeader = false, verticalAlignment = 'top' }) => {\n  return (\n    <TableRowContext.Provider value={{ isHeader }}>\n      <div\n        css={tableStyles.row}\n        role=\"row\"\n        style={{\n          ['--table-row-vertical-alignment' as any]: verticalAlignment === 'top' ? 'flex-start' : 'center',\n        }}\n      >\n        {children}\n      </div>\n    </TableRowContext.Provider>\n  );\n};\n\ninterface TableCellProps {\n  /** Enables single-line ellipsis truncation */\n  ellipsis?: boolean;\n}\n\nexport const TableCell: React.FC<TableCellProps> = ({ children, ellipsis = false }) => {\n  const { size } = useContext(TableContext);\n\n  let typographySize: TextProps['size'] = 'md';\n\n  if (size === 'small') {\n    typographySize = 'sm';\n  }\n\n  return (\n    <div css={[tableStyles.cell, size === 'small' && tableStyles.cellSmall]} role=\"cell\">\n      <Typography.Text\n        ellipsis={ellipsis}\n        size={typographySize}\n        title={(ellipsis && typeof children === 'string' && children) || undefined}\n      >\n        {children}\n      </Typography.Text>\n    </div>\n  );\n};\n\ninterface TableHeaderProps {\n  /** Enables single-line ellipsis truncation */\n  ellipsis?: boolean;\n  /** Is this column sortable? */\n  sortable?: boolean;\n  /** The current sort direction for this column */\n  sortDirection?: 'asc' | 'desc' | 'none';\n  /** Callback for when the user requests to toggle `sortDirection` */\n  onToggleSort?: (event: unknown) => void;\n}\n\nexport const TableHeader: React.FC<TableHeaderProps> = ({\n  children,\n  ellipsis = false,\n  sortable,\n  sortDirection,\n  onToggleSort,\n}) => {\n  const { theme } = useDesignSystemTheme();\n  const { size } = useContext(TableContext);\n  const { isHeader } = useContext(TableRowContext);\n\n  if (!isHeader) {\n    throw new Error('`TableHeader` must be used within a `TableRow` with `isHeader` set to true.');\n  }\n\n  let sortIcon = <></>;\n  // While most libaries use `asc` and `desc` for the sort value, the ARIA spec\n  // uses `ascending` and `descending`.\n  let ariaSort: React.AriaAttributes['aria-sort'];\n\n  if (sortable) {\n    if (sortDirection === 'asc') {\n      sortIcon = <SortAscendingIcon />;\n      ariaSort = 'ascending';\n    } else if (sortDirection === 'desc') {\n      sortIcon = <SortDescendingIcon />;\n      ariaSort = 'descending';\n    } else if (sortDirection === 'none') {\n      sortIcon = <SortUnsortedIcon />;\n      ariaSort = 'none';\n    }\n  }\n\n  let typographySize: TextProps['size'] = 'md';\n\n  if (size === 'small') {\n    typographySize = 'sm';\n  }\n\n  const textContents = (\n    <Typography.Text\n      // If sortable, we must use ellipsis to prevent wrapping and misalignment.\n      ellipsis={ellipsis || sortable}\n      size={typographySize}\n      title={(ellipsis && typeof children === 'string' && children) || undefined}\n    >\n      {children}\n    </Typography.Text>\n  );\n\n  return (\n    <div\n      css={[tableStyles.cell, tableStyles.header, size === 'small' && tableStyles.cellSmall]}\n      role=\"columnheader\"\n      aria-sort={(sortable && ariaSort) || undefined}\n    >\n      {sortable ? (\n        <div\n          css={[tableStyles.headerButtonTarget]}\n          role=\"button\"\n          tabIndex={0}\n          onClick={onToggleSort}\n          onKeyDown={(event) => {\n            if (sortable && (event.key === 'Enter' || event.key === ' ')) {\n              event.preventDefault();\n              return onToggleSort?.(event);\n            }\n          }}\n        >\n          {textContents}\n          <span style={{ color: theme.colors.textSecondary }}>{sortIcon}</span>\n        </div>\n      ) : (\n        textContents\n      )}\n    </div>\n  );\n};\n\ntype TableRowSelectCellProps = {\n  /** Called when the checkbox is clicked */\n  onChange?: (event: unknown) => void;\n  /** Whether the checkbox is checked */\n  checked?: boolean;\n  /** Whether the row is indeterminate. Should only be used in header rows. */\n  indeterminate?: boolean;\n  /** Don't render a checkbox; used for providing spacing in header if you don't want \"Select All\" functionality */\n  noCheckbox?: boolean;\n};\n\nexport const TableRowSelectCell: React.FC<TableRowSelectCellProps> = ({\n  onChange,\n  checked,\n  indeterminate,\n  noCheckbox,\n}) => {\n  const { isHeader } = useContext(TableRowContext);\n  const { someRowsSelected } = useContext(TableContext);\n\n  if (typeof someRowsSelected === 'undefined') {\n    throw new Error(\n      '`TableRowSelectCell` cannot be used unless `someRowsSelected` has been provided to the `Table` component, see documentation.'\n    );\n  }\n\n  if (!isHeader && indeterminate) {\n    throw new Error('`TableRowSelectCell` cannot be used with `indeterminate` in a non-header row.');\n  }\n\n  return (\n    <div\n      css={tableStyles.checkboxCell}\n      style={{\n        paddingLeft: 8,\n        paddingTop: 0,\n        paddingBottom: 0,\n        flex: 0,\n        minWidth: 16,\n        maxWidth: 16,\n        ['--row-checkbox-opacity' as any]: someRowsSelected ? 1 : 0,\n      }}\n      role={isHeader ? 'columnheader' : 'cell'}\n      // TODO: Ideally we shouldn't need to specify this `className`, but it allows for row-hovering to reveal\n      // the checkbox in `TableRow`'s CSS without extra JS pointerin/out events.\n      className=\"table-row-select-cell\"\n    >\n      {!noCheckbox && (\n        <Checkbox\n          isChecked={checked || (indeterminate && null)}\n          onChange={(_checked, event) => onChange?.(event.nativeEvent)}\n        />\n      )}\n    </div>\n  );\n};\n","import React__default, { createContext, useMemo, useEffect, useContext, forwardRef } from 'react';\nimport { jsx, jsxs } from '@emotion/react/jsx-runtime';\nimport { useTheme, ThemeProvider, css } from '@emotion/react';\nimport { notification, ConfigProvider, Checkbox as Checkbox$1, Typography as Typography$1 } from 'antd';\nimport classnames from 'classnames';\nimport chroma from 'chroma-js';\nimport AntDIcon from '@ant-design/icons';\nimport _isNil from 'lodash/isNil';\nimport _endsWith from 'lodash/endsWith';\nimport _isBoolean from 'lodash/isBoolean';\nimport _isNumber from 'lodash/isNumber';\nimport _isString from 'lodash/isString';\nimport _mapValues from 'lodash/mapValues';\nimport unitless from '@emotion/unitless';\n\n// Border variables\nconst borders = {\n  borderRadiusMd: 4\n};\n\n// eslint-disable-next-line import/no-anonymous-default-export\nvar borders$1 = {\n  ...borders\n};\n\n// Exported from go/designsystem/colorsheet\nconst colorPalettePrimary = {\n  primary: '#2272B4',\n  blue100: '#F0F8FF',\n  blue200: '#D7EDFE',\n  blue300: '#BAE1FC',\n  blue400: '#8ACAFF',\n  blue500: '#4299E0',\n  blue600: '#2272B4',\n  blue700: '#0E538B',\n  blue800: '#04355D',\n  green100: '#F3FCF6',\n  green200: '#D4F7DF',\n  green300: '#B1ECC5',\n  green400: '#8DDDA8',\n  green500: '#3CAA60',\n  green600: '#277C43',\n  green700: '#115026',\n  green800: '#093919',\n  white: '#FFFFFF',\n  grey100: '#F2F5F7',\n  grey200: '#E4ECF1',\n  grey300: '#CDDAE5',\n  grey400: '#BDCDDB',\n  grey500: '#8196A7',\n  grey600: '#5D7283',\n  grey700: '#44535F',\n  grey800: '#1F272D',\n  red100: '#FFF5F7',\n  red200: '#FDE2E8',\n  red300: '#FBD0D8',\n  red400: '#F792A6',\n  red500: '#E65B77',\n  red600: '#C82D4C',\n  red700: '#9E102C',\n  red800: '#630316',\n  yellow100: '#FFF9EB',\n  yellow200: '#FCEACA',\n  yellow300: '#F8D4A5',\n  yellow400: '#F2BE88',\n  yellow500: '#DE7921',\n  yellow600: '#BE501E',\n  yellow700: '#93320B',\n  yellow800: '#5F1B02'\n};\nconst colorPaletteSecondary = {\n  brown: '#A6630C',\n  coral: '#C83243',\n  charcoal: '#5D7283',\n  indigo: '#434A93',\n  lemon: '#FACB66',\n  lime: '#308613',\n  pink: '#B45091',\n  purple: '#8A63BF',\n  teal: '#04867D',\n  turquoise: '#157CBC'\n};\n\n// Colors taken from figma designs but not part of official list (yet)\nconst unstableColors = {\n  textValidationInfo: '#64727D',\n  backgroundValidationDanger: colorPalettePrimary.red100,\n  backgroundValidationSuccess: colorPalettePrimary.blue100,\n  backgroundValidationWarning: colorPalettePrimary.yellow100,\n  borderValidationDanger: colorPalettePrimary.red300,\n  borderValidationSuccess: colorPalettePrimary.blue300,\n  borderValidationWarning: colorPalettePrimary.yellow300\n};\nconst lightColorList = {\n  backgroundPrimary: colorPalettePrimary.white,\n  actionDangerPrimaryBackgroundDefault: colorPalettePrimary.red600,\n  actionDangerPrimaryBackgroundHover: colorPalettePrimary.red700,\n  actionDangerPrimaryBackgroundPress: colorPalettePrimary.red800,\n  actionDangerDefaultBackgroundDefault: chroma(colorPalettePrimary.red600).alpha(0).hex(),\n  actionDangerDefaultBackgroundHover: chroma(colorPalettePrimary.red600).alpha(0.08).hex(),\n  actionDangerDefaultBackgroundPress: chroma(colorPalettePrimary.red600).alpha(0.16).hex(),\n  actionDangerDefaultBorderDefault: colorPalettePrimary.red600,\n  actionDangerDefaultBorderHover: colorPalettePrimary.red700,\n  actionDangerDefaultBorderPress: colorPalettePrimary.red800,\n  actionDangerDefaultTextDefault: colorPalettePrimary.red600,\n  actionDangerDefaultTextHover: colorPalettePrimary.red700,\n  actionDangerDefaultTextPress: colorPalettePrimary.red800,\n  actionDefaultBackgroundDefault: chroma(colorPalettePrimary.blue800).alpha(0).hex(),\n  actionDefaultBackgroundHover: chroma(colorPalettePrimary.blue600).alpha(0.08).hex(),\n  actionDefaultBackgroundPress: chroma(colorPalettePrimary.blue600).alpha(0.16).hex(),\n  actionDefaultBorderDefault: colorPalettePrimary.grey300,\n  actionDefaultBorderFocus: colorPalettePrimary.blue600,\n  actionDefaultBorderHover: colorPalettePrimary.blue700,\n  actionDefaultBorderPress: colorPalettePrimary.blue800,\n  actionDefaultTextDefault: colorPalettePrimary.grey800,\n  actionDefaultTextHover: colorPalettePrimary.blue700,\n  actionDefaultTextPress: colorPalettePrimary.blue800,\n  actionDisabledBackground: colorPalettePrimary.grey200,\n  actionDisabledText: colorPalettePrimary.grey400,\n  actionPrimaryBackgroundDefault: colorPalettePrimary.blue600,\n  actionPrimaryBackgroundHover: colorPalettePrimary.blue700,\n  actionPrimaryBackgroundPress: colorPalettePrimary.blue800,\n  actionPrimaryTextDefault: colorPalettePrimary.white,\n  actionPrimaryTextHover: colorPalettePrimary.white,\n  actionPrimaryTextPress: colorPalettePrimary.white,\n  actionTertiaryBackgroundDefault: chroma(colorPalettePrimary.blue600).alpha(0).hex(),\n  actionTertiaryBackgroundHover: chroma(colorPalettePrimary.blue600).alpha(0.08).hex(),\n  actionTertiaryBackgroundPress: chroma(colorPalettePrimary.blue600).alpha(0.16).hex(),\n  actionTertiaryTextDefault: colorPalettePrimary.blue600,\n  actionTertiaryTextHover: colorPalettePrimary.blue700,\n  actionTertiaryTextPress: colorPalettePrimary.blue800,\n  backgroundDanger: chroma(colorPalettePrimary.red100).alpha(0.08).hex(),\n  backgroundSecondary: colorPalettePrimary.grey100,\n  backgroundWarning: chroma(colorPalettePrimary.yellow100).alpha(0.08).hex(),\n  border: colorPalettePrimary.grey300,\n  borderDecorative: colorPalettePrimary.grey300,\n  textPrimary: colorPalettePrimary.grey800,\n  textSecondary: colorPalettePrimary.grey600,\n  textPlaceholder: colorPalettePrimary.grey400,\n  textValidationDanger: colorPalettePrimary.red600,\n  textValidationSuccess: colorPalettePrimary.green600,\n  textValidationWarning: colorPalettePrimary.yellow600,\n  overlayOverlay: chroma(colorPalettePrimary.grey100).alpha(0.72).hex(),\n  // Tags\n  tagDefault: chroma(colorPalettePrimary.grey600).alpha(0.08).hex(),\n  tagBrown: colorPaletteSecondary.brown,\n  tagCoral: colorPaletteSecondary.coral,\n  tagCharcoal: colorPalettePrimary.grey600,\n  tagIndigo: colorPaletteSecondary.indigo,\n  tagLemon: colorPaletteSecondary.lemon,\n  tagLime: colorPaletteSecondary.lime,\n  tagPink: colorPaletteSecondary.pink,\n  tagPurple: colorPaletteSecondary.purple,\n  tagTeal: colorPaletteSecondary.teal,\n  tagTurquoise: colorPaletteSecondary.turquoise,\n  tagText: colorPalettePrimary.white,\n  tagHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),\n  tagPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),\n  tagIconHover: chroma(colorPalettePrimary.white).alpha(0.8).hex(),\n  tagIconPress: chroma(colorPalettePrimary.white).alpha(0.76).hex(),\n  // Typography\n  typographyCodeBg: chroma(colorPalettePrimary.grey600).alpha(0.08).hex(),\n  // Table\n  tableBorder: colorPalettePrimary.grey200,\n  tableRowHover: chroma(colorPalettePrimary.grey600).alpha(0.04).hex(),\n  tooltipBackgroundTooltip: colorPalettePrimary.grey800,\n  ...unstableColors\n};\nconst darkColorList = {\n  actionDangerPrimaryBackgroundDefault: chroma(colorPalettePrimary.red400).alpha(0.84).hex(),\n  actionDangerPrimaryBackgroundHover: chroma(colorPalettePrimary.red400).alpha(0.72).hex(),\n  actionDangerPrimaryBackgroundPress: chroma(colorPalettePrimary.red400).alpha(0.6).hex(),\n  actionDangerDefaultBackgroundDefault: chroma(colorPalettePrimary.red400).alpha(0).hex(),\n  actionDangerDefaultBackgroundHover: chroma(colorPalettePrimary.red400).alpha(0.08).hex(),\n  actionDangerDefaultBackgroundPress: chroma(colorPalettePrimary.red400).alpha(0.16).hex(),\n  actionDangerDefaultBorderDefault: colorPalettePrimary.red400,\n  actionDangerDefaultBorderHover: chroma(colorPalettePrimary.red400).alpha(0.72).hex(),\n  actionDangerDefaultBorderPress: chroma(colorPalettePrimary.red400).alpha(0.6).hex(),\n  actionDangerDefaultTextDefault: colorPalettePrimary.red400,\n  actionDangerDefaultTextHover: chroma(colorPalettePrimary.red400).alpha(0.72).hex(),\n  actionDangerDefaultTextPress: chroma(colorPalettePrimary.red400).alpha(0.6).hex(),\n  actionDefaultBackgroundDefault: chroma(colorPalettePrimary.blue400).alpha(0).hex(),\n  actionDefaultBackgroundHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),\n  actionDefaultBackgroundPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),\n  actionDefaultBorderDefault: chroma(colorPalettePrimary.white).alpha(0.6).hex(),\n  actionDefaultBorderFocus: chroma(colorPalettePrimary.blue400).alpha(0.84).hex(),\n  actionDefaultBorderHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),\n  actionDefaultBorderPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),\n  actionDefaultTextDefault: chroma(colorPalettePrimary.white).alpha(0.84).hex(),\n  actionDefaultTextHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),\n  actionDefaultTextPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),\n  actionDisabledBackground: chroma(colorPalettePrimary.white).alpha(0.24).hex(),\n  actionDisabledText: chroma(colorPalettePrimary.white).alpha(0.4).hex(),\n  actionPrimaryBackgroundDefault: chroma(colorPalettePrimary.blue400).alpha(0.84).hex(),\n  actionPrimaryBackgroundHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),\n  actionPrimaryBackgroundPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),\n  actionPrimaryTextDefault: colorPalettePrimary.grey800,\n  actionPrimaryTextHover: colorPalettePrimary.grey800,\n  actionPrimaryTextPress: colorPalettePrimary.grey800,\n  actionTertiaryBackgroundDefault: chroma(colorPalettePrimary.blue400).alpha(0).hex(),\n  actionTertiaryBackgroundHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),\n  actionTertiaryBackgroundPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),\n  actionTertiaryTextDefault: chroma(colorPalettePrimary.blue400).alpha(0.84).hex(),\n  actionTertiaryTextHover: chroma(colorPalettePrimary.blue400).alpha(0.8).hex(),\n  actionTertiaryTextPress: chroma(colorPalettePrimary.blue400).alpha(0.76).hex(),\n  backgroundPrimary: colorPalettePrimary.grey800,\n  backgroundSecondary: chroma(colorPalettePrimary.white).alpha(0.04).hex(),\n  border: chroma(colorPalettePrimary.white).alpha(0.48).hex(),\n  borderDecorative: chroma(colorPalettePrimary.white).alpha(0.24).hex(),\n  textPrimary: chroma(colorPalettePrimary.white).alpha(0.84).hex(),\n  textSecondary: chroma(colorPalettePrimary.white).alpha(0.6).hex(),\n  textPlaceholder: chroma(colorPalettePrimary.grey400).alpha(0.84).hex(),\n  textValidationDanger: chroma(colorPalettePrimary.red400).alpha(0.84).hex(),\n  textValidationSuccess: chroma(colorPalettePrimary.green400).alpha(0.84).hex(),\n  textValidationWarning: chroma(colorPalettePrimary.yellow400).alpha(0.84).hex(),\n  overlayOverlay: chroma(colorPalettePrimary.grey800).alpha(0.72).hex(),\n  // Tags\n  tagDefault: chroma(colorPalettePrimary.white).alpha(0.16).hex(),\n  tagBrown: chroma(colorPaletteSecondary.brown).alpha(0.84).hex(),\n  tagCoral: chroma(colorPaletteSecondary.coral).alpha(0.84).hex(),\n  tagCharcoal: chroma(colorPalettePrimary.grey600).alpha(0.84).hex(),\n  tagIndigo: chroma(colorPaletteSecondary.indigo).alpha(0.84).hex(),\n  tagLemon: chroma(colorPaletteSecondary.lemon).alpha(0.84).hex(),\n  tagLime: chroma(colorPaletteSecondary.lime).alpha(0.84).hex(),\n  tagPink: chroma(colorPaletteSecondary.pink).alpha(0.84).hex(),\n  tagPurple: chroma(colorPaletteSecondary.purple).alpha(0.84).hex(),\n  tagTeal: chroma(colorPaletteSecondary.teal).alpha(0.84).hex(),\n  tagTurquoise: chroma(colorPaletteSecondary.turquoise).alpha(0.84).hex(),\n  tagText: chroma(colorPalettePrimary.white).alpha(0.84).hex(),\n  tagHover: chroma(colorPalettePrimary.blue400).alpha(0.08).hex(),\n  tagPress: chroma(colorPalettePrimary.blue400).alpha(0.16).hex(),\n  tagIconHover: chroma(colorPalettePrimary.white).alpha(0.8).hex(),\n  tagIconPress: chroma(colorPalettePrimary.white).alpha(0.76).hex(),\n  // Typography\n  typographyCodeBg: chroma(colorPalettePrimary.white).alpha(0.16).hex(),\n  // Table\n  tableBorder: chroma(colorPalettePrimary.white).alpha(0.24).hex(),\n  tableRowHover: chroma(colorPalettePrimary.white).alpha(0.16).hex(),\n  tooltipBackgroundTooltip: chroma(colorPalettePrimary.white).alpha(0.6).hex(),\n  // Missing in list\n  backgroundDanger: 'rgba(200,45,76,0.08)',\n  backgroundWarning: 'rgba(222,121,33,0.08)',\n  // Missing in light list\n  // \"background-validation-danger\": \"rgba(229,110,134,0)\",\n  // \"background-validation-warning\": \"rgba(252,234,202,0)\",\n  ...unstableColors\n};\n\nconst darkColors = {\n  ...darkColorList,\n  ...colorPalettePrimary,\n  ...colorPaletteSecondary\n};\nconst lightColors = {\n  ...lightColorList,\n  ...colorPalettePrimary,\n  ...colorPaletteSecondary\n};\nfunction getSemanticColors(theme) {\n  switch (theme) {\n    case 'dark':\n      return {\n        ...darkColors\n      };\n    default:\n      return {\n        ...lightColors\n      };\n  }\n}\n\n// TODO (FEINF-1674): Remove when removing USE_NEW_RADIO_STYLES\n/*\nColors that need to be replaced by semantic colors.\n */\nconst deprecatedColors = {\n  // Radio Colors\n  radioInteractiveAvailable: colorPalettePrimary.primary,\n  radioInteractiveHover: '#186099',\n  radioInteractivePress: '#0D4F85',\n  radioDisabled: '#A2AEB8',\n  radioDefaultBorder: '#64727D',\n  radioDefaultBackground: '#FFFFFF',\n  radioInteractiveHoverSecondary: 'rgba(34, 115, 181, 0.08)',\n  // Fade of Interactive Available\n  radioInteractivePressSecondary: 'rgba(34, 115, 181, 0.16)' // Fade of Interactive Available\n};\n\nfunction getColors(theme) {\n  return {\n    ...deprecatedColors,\n    ...getSemanticColors(theme)\n  };\n}\n\n// eslint-disable-next-line import/no-anonymous-default-export\nvar antdVars = {\n  // IMPORTANT: Do not read this directly from components. Use `React.useContext`.\n  'ant-prefix': 'du-bois'\n};\n\nconst DEFAULT_SPACING_UNIT = 8;\nconst MODAL_PADDING = 40;\nconst spacing = {\n  xs: DEFAULT_SPACING_UNIT / 2,\n  sm: DEFAULT_SPACING_UNIT,\n  md: DEFAULT_SPACING_UNIT * 2,\n  lg: DEFAULT_SPACING_UNIT * 3\n};\n\n// Less variables that are used by AntD\n({\n  defaultPaddingLg: spacing.lg,\n  defaultPaddingMd: spacing.md,\n  defaultPaddingSm: spacing.sm,\n  defaultPaddingXs: spacing.sm,\n  defaultPaddingXss: spacing.xs,\n  paddingLg: spacing.md,\n  // TODO: Check if there is a better alternative with team\n  paddingMd: spacing.sm,\n  paddingSm: spacing.sm,\n  paddingXs: spacing.xs,\n  paddingXss: 0,\n  marginSm: 12,\n  marginLg: spacing.lg,\n  // Button\n  btnPaddingHorizontalBase: DEFAULT_SPACING_UNIT * 2,\n  btnPaddingHorizontalLg: DEFAULT_SPACING_UNIT * 2,\n  btnPaddingHorizontalSm: DEFAULT_SPACING_UNIT * 2,\n  // Input\n  inputPaddingHorizontal: DEFAULT_SPACING_UNIT * 1.5,\n  inputPaddingHorizontalBase: DEFAULT_SPACING_UNIT * 1.5,\n  inputPaddingHorizontalSm: DEFAULT_SPACING_UNIT * 1.5,\n  inputPaddingHorizontalLg: DEFAULT_SPACING_UNIT * 1.5,\n  inputPaddingVertical: spacing.xs + 1,\n  inputPaddingVerticalBase: spacing.xs + 1,\n  inputPaddingVerticalSm: spacing.xs + 1,\n  inputPaddingVerticalLg: spacing.xs + 1,\n  // Modal\n  modalPadding: MODAL_PADDING,\n  modalLessPadding: MODAL_PADDING - 20,\n  modalHeaderPadding: \"\".concat(MODAL_PADDING, \"px \").concat(MODAL_PADDING, \"px \").concat(MODAL_PADDING - 20, \"px\"),\n  modalHeaderCloseSize: MODAL_PADDING * 2 + 22,\n  modalHeaderBorderWidth: 0,\n  modalBodyPadding: \"0 \".concat(MODAL_PADDING, \"px\"),\n  modalFooterPaddingVertical: 0,\n  modalFooterPaddingHorizontal: 0,\n  modalFooterBorderWidth: 0,\n  // Switch\n  switchPadding: 0,\n  switchHeight: 16,\n  switchMinWidth: 28,\n  switchPinSize: 14\n});\nvar spacing$1 = spacing;\n\nconst heightBase = 40;\nconst borderWidth = 1;\nconst antdGeneralVariables = {\n  classnamePrefix: antdVars['ant-prefix'],\n  iconfontCssPrefix: 'anticon',\n  borderRadiusBase: 4,\n  borderWidth: borderWidth,\n  heightSm: 32,\n  heightBase: heightBase,\n  iconSize: 24,\n  // TODO (FEINF-1545): Update with icon overhaul to 16px\n  iconFontSize: 13,\n  iconFontSizeNew: 16,\n  buttonHeight: heightBase,\n  // Height available within button (for label and icon). Same for middle and small buttons.\n  buttonInnerHeight: heightBase - spacing$1.sm * 2 - borderWidth * 2\n};\nvar generalVariables = antdGeneralVariables;\n\nconst FONT_SIZE_BASE = 13;\n\n// Less variables that are used by AntD\nconst antdTypography = {\n  fontSizeSm: 12,\n  fontSizeBase: FONT_SIZE_BASE,\n  fontSizeMd: FONT_SIZE_BASE,\n  fontSizeLg: 18,\n  fontSizeXl: 22,\n  fontSizeXxl: 32,\n  lineHeightSm: '16px',\n  lineHeightBase: '20px',\n  lineHeightMd: '20px',\n  lineHeightLg: '24px',\n  lineHeightXl: '28px',\n  lineHeightXxl: '40px',\n  typographyBoldFontWeight: 600\n};\n\n// eslint-disable-next-line import/no-anonymous-default-export\nvar typography = {\n  ...antdTypography\n};\n\n// TODO(giles): fix this\n// eslint-disable-next-line import/no-named-as-default\n\nconst defaultOptions = {\n  enableAnimation: false,\n  zIndexBase: 1000\n};\n\n// Function to get variables for a certain theme.\n// End users should use useDesignSystemTheme instead.\nfunction getTheme(themeName) {\n  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultOptions;\n  return {\n    colors: getColors(themeName),\n    spacing: spacing$1,\n    general: generalVariables,\n    typography,\n    borders: borders$1,\n    themeName,\n    options\n  };\n}\n\nconst themeNameToAntdName = {\n  dark: 'dark',\n  default: 'light'\n};\nfunction getClassNamePrefix(theme) {\n  const antdThemeName = themeNameToAntdName[theme.themeName];\n  return \"\".concat(theme.general.classnamePrefix, \"-\").concat(antdThemeName);\n}\nfunction getPrefixedClassNameFromTheme(theme, className) {\n  return [getClassNamePrefix(theme), className].filter(Boolean).join('-');\n}\nfunction useDesignSystemTheme() {\n  const emotionTheme = useTheme();\n  // Graceful fallback to default theme in case a test or developer forgot context.\n  const theme = emotionTheme && emotionTheme.general ? emotionTheme : getTheme('default');\n  return {\n    theme: theme,\n    classNamePrefix: getClassNamePrefix(theme),\n    getPrefixedClassName: className => getPrefixedClassNameFromTheme(theme, className)\n  };\n}\n// This is a simple typed HOC wrapper around the useDesignSystemTheme hook, for use in older react components.\nfunction WithDesignSystemThemeHoc(Component) {\n  return function WrappedWithDesignSystemTheme(props) {\n    const themeValues = useDesignSystemTheme();\n    return jsx(Component, {\n      ...props,\n      designSystemThemeApi: themeValues\n    });\n  };\n}\n\nconst DuboisContextDefaults = {\n  enableAnimation: false,\n  theme: 'default',\n  // Prefer to use useDesignSystemTheme.getPrefixedClassName instead\n  getPrefixCls: suffix => suffix ? \"du-bois-\".concat(suffix) : 'du-bois',\n  flags: {}\n};\nconst DesignSystemContext = /*#__PURE__*/createContext(DuboisContextDefaults);\nconst DU_BOIS_ENABLE_ANIMATION_CLASSNAME = 'du-bois-enable-animation';\nfunction getAnimationCss(enableAnimation) {\n  const disableAnimationCss = {\n    animationDuration: '0s !important',\n    transition: 'none !important'\n  };\n  return enableAnimation ? {} : {\n    // Apply to the current element\n    ...disableAnimationCss,\n    '&::before': disableAnimationCss,\n    '&::after': disableAnimationCss,\n    // Also apply to all child elements with a class that starts with our prefix\n    [\"[class*=du-bois]:not(.\".concat(DU_BOIS_ENABLE_ANIMATION_CLASSNAME, \", .\").concat(DU_BOIS_ENABLE_ANIMATION_CLASSNAME, \" *)\")]: {\n      ...disableAnimationCss,\n      // Also target any pseudo-elements associated with those elements, since these can also be animated.\n      '&::before': disableAnimationCss,\n      '&::after': disableAnimationCss\n    }\n  };\n}\nconst DesignSystemProviderPropsContext = /*#__PURE__*/React__default.createContext(null);\nconst AntDConfigProviderPropsContext = /*#__PURE__*/React__default.createContext(null);\nconst DesignSystemProvider = _ref => {\n  let {\n    children,\n    theme: themeName,\n    enableAnimation = false,\n    zIndexBase = 1000,\n    getPopupContainer,\n    flags = {}\n  } = _ref;\n  const theme = useMemo(() => getTheme(themeName || 'default', {\n    enableAnimation,\n    zIndexBase\n  }),\n  // TODO: revisit this\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  [themeName, zIndexBase]);\n  const providerPropsContext = useMemo(() => ({\n    theme: themeName,\n    enableAnimation,\n    zIndexBase,\n    getPopupContainer,\n    flags\n  }), [themeName, enableAnimation, zIndexBase, getPopupContainer, flags]);\n  const classNamePrefix = getClassNamePrefix(theme);\n  const value = useMemo(() => {\n    return {\n      enableAnimation,\n      theme: theme.themeName,\n      getPrefixCls: suffix => getPrefixedClassNameFromTheme(theme, suffix),\n      getPopupContainer,\n      flags\n    };\n  }, [enableAnimation, theme, getPopupContainer, flags]);\n  useEffect(() => {\n    return () => {\n      // when the design system context is unmounted, make sure the notification cache is also cleaned up\n      notification.destroy();\n    };\n  }, []);\n  return jsx(DesignSystemProviderPropsContext.Provider, {\n    value: providerPropsContext,\n    children: jsx(ThemeProvider, {\n      theme: theme,\n      children: jsx(AntDConfigProviderPropsContext.Provider, {\n        value: {\n          prefixCls: classNamePrefix,\n          getPopupContainer\n        },\n        children: jsx(DesignSystemContext.Provider, {\n          value: value,\n          children: children\n        })\n      })\n    })\n  });\n};\nconst ApplyDesignSystemContextOverrides = _ref2 => {\n  let {\n    theme,\n    enableAnimation,\n    zIndexBase,\n    getPopupContainer,\n    flags,\n    children\n  } = _ref2;\n  const parentDesignSystemProviderProps = useContext(DesignSystemProviderPropsContext);\n  if (parentDesignSystemProviderProps === null) {\n    throw new Error(\"ApplyDesignSystemContextOverrides cannot be used standalone - DesignSystemProvider must exist in the React context\");\n  }\n  const newProps = useMemo(() => ({\n    ...parentDesignSystemProviderProps,\n    theme: theme !== null && theme !== void 0 ? theme : parentDesignSystemProviderProps.theme,\n    enableAnimation: enableAnimation !== null && enableAnimation !== void 0 ? enableAnimation : parentDesignSystemProviderProps.enableAnimation,\n    zIndexBase: zIndexBase !== null && zIndexBase !== void 0 ? zIndexBase : parentDesignSystemProviderProps.zIndexBase,\n    getPopupContainer: getPopupContainer !== null && getPopupContainer !== void 0 ? getPopupContainer : parentDesignSystemProviderProps.getPopupContainer,\n    flags: {\n      ...parentDesignSystemProviderProps.flags,\n      ...flags\n    }\n  }), [parentDesignSystemProviderProps, theme, enableAnimation, zIndexBase, getPopupContainer, flags]);\n  return jsx(DesignSystemProvider, {\n    ...newProps,\n    children: children\n  });\n};\n\n// This is a more-specific version of `ApplyDesignSystemContextOverrides` that only allows overriding the flags.\nconst ApplyDesignSystemFlags = _ref3 => {\n  let {\n    flags,\n    children\n  } = _ref3;\n  const parentDesignSystemProviderProps = useContext(DesignSystemProviderPropsContext);\n  if (parentDesignSystemProviderProps === null) {\n    throw new Error(\"ApplyDesignSystemFlags cannot be used standalone - DesignSystemProvider must exist in the React context\");\n  }\n  const newProps = useMemo(() => ({\n    ...parentDesignSystemProviderProps,\n    flags: {\n      ...parentDesignSystemProviderProps.flags,\n      ...flags\n    }\n  }), [parentDesignSystemProviderProps, flags]);\n  return jsx(DesignSystemProvider, {\n    ...newProps,\n    children: children\n  });\n};\nconst DesignSystemAntDConfigProvider = _ref4 => {\n  let {\n    children\n  } = _ref4;\n  const antdContext = useAntDConfigProviderContext();\n  return jsx(ConfigProvider, {\n    ...antdContext,\n    children: children\n  });\n};\nconst useAntDConfigProviderContext = () => {\n  var _useContext;\n  return (_useContext = useContext(AntDConfigProviderPropsContext)) !== null && _useContext !== void 0 ? _useContext : {\n    prefixCls: undefined\n  };\n};\n\n/**\n * When using AntD components inside Design System wrapper components (e.g. Modal, Collapse etc),\n * we don't want Design System's prefix class to override them.\n *\n * Since all Design System's components have are wrapped with DesignSystemAntDConfigProvider,\n * this won't affect their own prefixCls, but just allow nested antd components to keep their ant prefix.\n */\nconst RestoreAntDDefaultClsPrefix = _ref5 => {\n  let {\n    children\n  } = _ref5;\n  return jsx(ConfigProvider, {\n    prefixCls: \"ant\",\n    children: children\n  });\n};\n\nfunction useDesignSystemContext() {\n  return useContext(DesignSystemContext);\n}\n\nfunction useDesignSystemFlags() {\n  const context = useDesignSystemContext();\n  return context.flags;\n}\n\nconst getIconEmotionStyles = (theme, useNewIcons) => {\n  return /*#__PURE__*/css({\n    ...(useNewIcons && {\n      fontSize: theme.general.iconFontSizeNew\n    })\n  }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getIconEmotionStyles;\");\n};\nconst getIconValidationColor = (theme, color) => {\n  switch (color) {\n    case 'success':\n      return theme.colors.textValidationSuccess;\n    case 'warning':\n      return theme.colors.textValidationWarning;\n    case 'danger':\n      return theme.colors.textValidationDanger;\n    default:\n      return color;\n  }\n};\nconst Icon = props => {\n  const {\n    component: Component,\n    dangerouslySetAntdProps,\n    color,\n    style,\n    ...otherProps\n  } = props;\n  const {\n    theme\n  } = useDesignSystemTheme();\n  const {\n    USE_NEW_ICONS\n  } = useDesignSystemFlags();\n  const MemoizedComponent = useMemo(() => Component ? _ref => {\n    let {\n      fill,\n      ...iconProps\n    } = _ref;\n    return (\n      // We don't rely on top-level fills for our colors. Fills are specified\n      // with \"currentColor\" on children of the top-most svg.\n      jsx(Component, {\n        fill: \"none\",\n        ...iconProps\n      })\n    );\n  } : undefined, [Component]);\n  return jsx(DesignSystemAntDConfigProvider, {\n    children: jsx(AntDIcon, {\n      css: getIconEmotionStyles(theme, USE_NEW_ICONS),\n      component: MemoizedComponent,\n      style: {\n        color: getIconValidationColor(theme, color),\n        ...style\n      },\n      ...otherProps,\n      ...dangerouslySetAntdProps\n    })\n  });\n};\n\nfunction SvgNewWindowIconV1(props) {\n  return jsx(\"svg\", {\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ...props,\n    children: jsx(\"path\", {\n      fillRule: \"evenodd\",\n      clipRule: \"evenodd\",\n      d: \"M5 18c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-5c0-.55.45-1 1-1s1 .45 1 1v6c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2V5a2 2 0 012-2h6c.55 0 1 .45 1 1s-.45 1-1 1H6c-.55 0-1 .45-1 1v12zM15 5c-.55 0-1-.45-1-1s.45-1 1-1h5c.55 0 1 .45 1 1v5c0 .55-.45 1-1 1s-1-.45-1-1V6.41l-9.13 9.13a.996.996 0 11-1.41-1.41L17.59 5H15z\",\n      fill: \"currentColor\"\n    })\n  });\n}\nfunction SvgNewWindowIconV2(props) {\n  return jsxs(\"svg\", {\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ...props,\n    children: [jsx(\"path\", {\n      d: \"M10 1h5v5h-1.5V3.56L8.53 8.53 7.47 7.47l4.97-4.97H10V1z\",\n      fill: \"currentColor\"\n    }), jsx(\"path\", {\n      d: \"M1 2.75A.75.75 0 011.75 2H8v1.5H2.5v10h10V8H14v6.25a.75.75 0 01-.75.75H1.75a.75.75 0 01-.75-.75V2.75z\",\n      fill: \"currentColor\"\n    })]\n  });\n}\nfunction NewWindowIcon(props) {\n  const {\n    USE_NEW_ICONS\n  } = useDesignSystemFlags();\n  const component = USE_NEW_ICONS ? SvgNewWindowIconV2 : SvgNewWindowIconV1;\n  return jsx(Icon, {\n    ...props,\n    component: component\n  });\n}\n\nfunction SvgSortAscendingIcon(props) {\n  return jsx(\"svg\", {\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ...props,\n    children: jsx(\"path\", {\n      d: \"M11.5.94l4.03 4.03-1.06 1.06-2.22-2.22V10h-1.5V3.81L8.53 6.03 7.47 4.97 11.5.94zM1 4.5h4V6H1V4.5zM1 12.5h10V14H1v-1.5zM8 8.5H1V10h7V8.5z\",\n      fill: \"currentColor\"\n    })\n  });\n}\nfunction SortAscendingIcon(props) {\n  return jsx(Icon, {\n    ...props,\n    component: SvgSortAscendingIcon\n  });\n}\n\nfunction SvgSortDescendingIcon(props) {\n  return jsx(\"svg\", {\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ...props,\n    children: jsx(\"path\", {\n      fillRule: \"evenodd\",\n      clipRule: \"evenodd\",\n      d: \"M1 3.5h10V2H1v1.5zm0 8h4V10H1v1.5zm7-4H1V6h7v1.5zm3.5 7.56l4.03-4.03-1.06-1.06-2.22 2.22V6h-1.5v6.19L8.53 9.97l-1.06 1.06 4.03 4.03z\",\n      fill: \"currentColor\"\n    })\n  });\n}\nfunction SortDescendingIcon(props) {\n  return jsx(Icon, {\n    ...props,\n    component: SvgSortDescendingIcon\n  });\n}\n\nfunction SvgSortUnsortedIcon(props) {\n  return jsx(\"svg\", {\n    width: \"1em\",\n    height: \"1em\",\n    viewBox: \"0 0 16 16\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    ...props,\n    children: jsx(\"path\", {\n      d: \"M11.5.94L7.47 4.97l1.06 1.06 2.22-2.22v8.38L8.53 9.97l-1.06 1.06 4.03 4.03 4.03-4.03-1.06-1.06-2.22 2.22V3.81l2.22 2.22 1.06-1.06L11.5.94zM6 3.5H1V5h5V3.5zM6 11.5H1V13h5v-1.5zM1 7.5h5V9H1V7.5z\",\n      fill: \"currentColor\"\n    })\n  });\n}\nfunction SortUnsortedIcon(props) {\n  return jsx(Icon, {\n    ...props,\n    component: SvgSortUnsortedIcon\n  });\n}\n\nconst ColorVars = {\n  primary: 'textPrimary',\n  secondary: 'textSecondary',\n  info: 'textValidationInfo',\n  error: 'textValidationDanger',\n  success: 'textValidationSuccess',\n  warning: 'textValidationWarning'\n};\n\n/**\n * Recursively appends `!important` to all CSS properties in an Emotion `CSSObject`.\n * Used to ensure that we always override Ant styles, without worrying about selector precedence.\n */\nfunction importantify(obj) {\n  return _mapValues(obj, (value, key) => {\n    if (_isString(value) || _isNumber(value) || _isBoolean(value)) {\n      // Make sure we don't double-append important\n      if (_isString(value) && _endsWith(value, '!important')) {\n        return value;\n      }\n      if (_isNumber(value)) {\n        if (unitless[key]) {\n          return \"\".concat(value, \"!important\");\n        }\n        return \"\".concat(value, \"px!important\");\n      }\n      return \"\".concat(value, \"!important\");\n    }\n    if (_isNil(value)) {\n      return value;\n    }\n    return importantify(value);\n  });\n}\n\n/**\n * Returns a text color, in case of invalid/missing key and missing fallback color it will return textPrimary\n * @param theme\n * @param key - key of TypographyColor\n * @param fallbackColor - color to return as fallback -- used to remove tertiary check inline\n */\nfunction getTypographyColor(theme, key, fallbackColor) {\n  if (theme && key && Object(theme.colors).hasOwnProperty(ColorVars[key])) {\n    return theme.colors[ColorVars[key]];\n  }\n  return fallbackColor !== null && fallbackColor !== void 0 ? fallbackColor : theme.colors.textPrimary;\n}\n\n/**\n * Returns validation color based on state, has default validation colors if params are not provided\n * @param theme\n * @param validationState\n * @param errorColor\n * @param warningColor\n * @param successColor\n */\nfunction getValidationStateColor(theme, validationState) {\n  let {\n    errorColor,\n    warningColor,\n    successColor\n  } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};\n  switch (validationState) {\n    case 'error':\n      return errorColor || theme.colors.actionDangerPrimaryBackgroundDefault;\n    case 'warning':\n      return warningColor || theme.colors.textValidationWarning;\n    case 'success':\n      return successColor || theme.colors.textValidationSuccess;\n    default:\n      return undefined;\n  }\n}\n\nfunction getCheckboxEmotionStyles(clsPrefix, theme) {\n  let isHorizontal = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;\n  let useNewCheckboxStyles = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;\n  const classInput = \".\".concat(clsPrefix, \"-input\");\n  const classInner = \".\".concat(clsPrefix, \"-inner\");\n  const classIndeterminate = \".\".concat(clsPrefix, \"-indeterminate\");\n  const classChecked = \".\".concat(clsPrefix, \"-checked\");\n  const classDisabled = \".\".concat(clsPrefix, \"-disabled\");\n  const classDisabledWrapper = \".\".concat(clsPrefix, \"-wrapper-disabled\");\n  const classContainer = \".\".concat(clsPrefix, \"-group\");\n  const classWrapper = \".\".concat(clsPrefix, \"-wrapper\");\n  const defaultSelector = \"\".concat(classInput, \" + \").concat(classInner);\n  const hoverSelector = \"\".concat(classInput, \":hover + \").concat(classInner);\n  const pressSelector = \"\".concat(classInput, \":active + \").concat(classInner);\n  const styles = {\n    ...(useNewCheckboxStyles && {\n      [\".\".concat(clsPrefix)]: {\n        top: 'unset',\n        lineHeight: theme.typography.lineHeightBase\n      },\n      [\"&\".concat(classWrapper, \", \").concat(classWrapper)]: {\n        alignItems: 'center',\n        lineHeight: theme.typography.lineHeightBase\n      }\n    }),\n    // Top level styles are for the unchecked state\n    [classInner]: {\n      borderColor: theme.colors.actionDefaultBorderDefault\n    },\n    // Layout styling\n    [\"&\".concat(classContainer)]: {\n      display: 'flex',\n      flexDirection: 'column',\n      rowGap: theme.spacing.sm,\n      columnGap: 0\n    },\n    ...(isHorizontal && {\n      [\"&\".concat(classContainer)]: {\n        display: 'flex',\n        flexDirection: 'row',\n        columnGap: theme.spacing.sm,\n        rowGap: 0,\n        [\"& > \".concat(classContainer, \"-item\")]: {\n          marginRight: 0\n        }\n      }\n    }),\n    // Keyboard focus\n    [\"\".concat(classInput, \":focus-visible + \").concat(classInner)]: {\n      outlineWidth: '2px',\n      outlineColor: theme.colors.primary,\n      outlineOffset: '4px',\n      outlineStyle: 'solid'\n    },\n    // Hover\n    [hoverSelector]: {\n      backgroundColor: theme.colors.actionDefaultBackgroundHover,\n      borderColor: theme.colors.actionPrimaryBackgroundHover\n    },\n    // Mouse pressed\n    [pressSelector]: {\n      backgroundColor: theme.colors.actionDefaultBackgroundPress,\n      borderColor: theme.colors.actionPrimaryBackgroundPress\n    },\n    // Checked state\n    [classChecked]: {\n      '&::after': {\n        border: 'none'\n      },\n      [defaultSelector]: {\n        backgroundColor: theme.colors.actionPrimaryBackgroundDefault,\n        borderColor: 'transparent'\n      },\n      // Checked hover\n      [hoverSelector]: {\n        backgroundColor: theme.colors.actionPrimaryBackgroundHover,\n        borderColor: 'transparent'\n      },\n      // Checked and mouse pressed\n      [pressSelector]: {\n        backgroundColor: theme.colors.actionPrimaryBackgroundPress,\n        borderColor: 'transparent'\n      }\n    },\n    // Indeterminate\n    [classIndeterminate]: {\n      [classInner]: {\n        backgroundColor: theme.colors.actionPrimaryBackgroundDefault,\n        borderColor: theme.colors.actionPrimaryBackgroundDefault,\n        // The after pseudo-element is used for the check image itself\n        '&:after': {\n          backgroundColor: theme.colors.white,\n          height: '3px',\n          width: '8px',\n          borderRadius: '4px'\n        }\n      },\n      // Indeterminate hover\n      [hoverSelector]: {\n        backgroundColor: theme.colors.actionPrimaryBackgroundHover,\n        borderColor: 'transparent'\n      },\n      // Indeterminate and mouse pressed\n      [pressSelector]: {\n        backgroundColor: theme.colors.actionPrimaryBackgroundPress\n      }\n    },\n    // Disabled state\n    [\"&\".concat(classDisabledWrapper)]: {\n      [classDisabled]: {\n        // Disabled Checked\n        [\"&\".concat(classChecked)]: {\n          [classInner]: {\n            backgroundColor: theme.colors.actionDisabledBackground,\n            borderColor: theme.colors.actionDisabledBackground\n          },\n          // Disabled checked hover\n          [hoverSelector]: {\n            backgroundColor: theme.colors.actionDisabledBackground,\n            borderColor: theme.colors.actionDisabledBackground\n          }\n        },\n        // Disabled indeterminate\n        [\"&\".concat(classIndeterminate)]: {\n          [classInner]: {\n            backgroundColor: theme.colors.actionDisabledBackground,\n            borderColor: theme.colors.actionDisabledBackground\n          },\n          // Disabled indeterminate hover\n          [hoverSelector]: {\n            backgroundColor: theme.colors.actionDisabledBackground,\n            borderColor: theme.colors.actionDisabledBackground\n          }\n        },\n        // Disabled unchecked\n        [classInner]: {\n          backgroundColor: theme.colors.actionDisabledBackground,\n          borderColor: theme.colors.actionDisabledBackground,\n          // The after pseudo-element is used for the check image itself\n          '&:after': {\n            borderColor: theme.colors.white\n          }\n        },\n        // Disabled hover\n        [hoverSelector]: {\n          backgroundColor: theme.colors.actionDisabledBackground,\n          borderColor: theme.colors.actionDisabledBackground\n        },\n        '& + span': {\n          color: theme.colors.actionDisabledText\n        }\n      }\n    },\n    // Animation\n    ...getAnimationCss(theme.options.enableAnimation)\n  };\n  return styles;\n}\nconst getWrapperStyle = _ref => {\n  let {\n    clsPrefix,\n    theme,\n    wrapperStyle = {},\n    useNewStyles\n  } = _ref;\n  const styles = {\n    ...(useNewStyles && {\n      [\"&& + .\".concat(clsPrefix, \"-hint, && + .\").concat(clsPrefix, \"-form-message\")]: {\n        paddingLeft: theme.spacing.lg,\n        marginTop: 0\n      }\n    }),\n    ...wrapperStyle\n  };\n  return /*#__PURE__*/css(styles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getWrapperStyle;\");\n};\nconst DuboisCheckbox = /*#__PURE__*/forwardRef(function Checkbox(_ref2, ref) {\n  let {\n    isChecked,\n    onChange,\n    children,\n    isDisabled = false,\n    style,\n    wrapperStyle,\n    dangerouslySetAntdProps,\n    className,\n    ...restProps\n  } = _ref2;\n  const {\n    theme,\n    classNamePrefix,\n    getPrefixedClassName\n  } = useDesignSystemTheme();\n  const {\n    USE_NEW_CHECKBOX_STYLES\n  } = useDesignSystemFlags();\n  const clsPrefix = getPrefixedClassName('checkbox');\n  return jsx(DesignSystemAntDConfigProvider, {\n    children: jsx(\"div\", {\n      className: classnames(className, \"\".concat(clsPrefix, \"-container\")),\n      css: getWrapperStyle({\n        clsPrefix: classNamePrefix,\n        theme,\n        wrapperStyle,\n        useNewStyles: USE_NEW_CHECKBOX_STYLES\n      }),\n      children: jsx(Checkbox$1, {\n        checked: isChecked === null ? undefined : isChecked,\n        ref: ref,\n        onChange: onChange ? event => {\n          onChange(event.target.checked, event);\n        } : undefined,\n        disabled: isDisabled,\n        indeterminate: isChecked === null\n        // Individual checkboxes don't depend on isHorizontal flag, orientation and spacing is handled by end users\n        ,\n        css: /*#__PURE__*/css(importantify(getCheckboxEmotionStyles(clsPrefix, theme, false, USE_NEW_CHECKBOX_STYLES)), process.env.NODE_ENV === \"production\" ? \"\" : \";label:DuboisCheckbox;\"),\n        style: style,\n        \"aria-checked\": isChecked === null ? 'mixed' : isChecked,\n        ...restProps,\n        ...dangerouslySetAntdProps,\n        children: children\n      })\n    })\n  });\n});\nconst CheckboxGroup = /*#__PURE__*/forwardRef(function CheckboxGroup(_ref3, ref) {\n  let {\n    layout = 'vertical',\n    ...props\n  } = _ref3;\n  const {\n    theme,\n    getPrefixedClassName\n  } = useDesignSystemTheme();\n  const clsPrefix = getPrefixedClassName('checkbox');\n  const {\n    USE_NEW_CHECKBOX_STYLES\n  } = useDesignSystemFlags();\n  return jsx(DesignSystemAntDConfigProvider, {\n    children: jsx(Checkbox$1.Group, {\n      ref: ref,\n      ...props,\n      css: getCheckboxEmotionStyles(clsPrefix, theme, layout === 'horizontal', USE_NEW_CHECKBOX_STYLES)\n    })\n  });\n});\nconst CheckboxNamespace = /* #__PURE__ */Object.assign(DuboisCheckbox, {\n  Group: CheckboxGroup\n});\nconst Checkbox = CheckboxNamespace;\n\n// TODO: I'm doing this to support storybook's docgen;\n// We should remove this once we have a better storybook integration,\n// since these will be exposed in the library's exports.\nconst __INTERNAL_DO_NOT_USE__Group = CheckboxGroup;\n\nconst getLinkStyles = (theme, clsPrefix, useNewIcons) => {\n  const classTypography = \".\".concat(clsPrefix, \"-typography\");\n  const styles = {\n    [\"&\".concat(classTypography, \", &\").concat(classTypography, \":focus\")]: {\n      color: theme.colors.actionTertiaryTextDefault\n    },\n    [\"&\".concat(classTypography, \":hover, &\").concat(classTypography, \":hover .anticon\")]: {\n      color: theme.colors.actionTertiaryTextHover,\n      textDecoration: 'underline'\n    },\n    [\"&\".concat(classTypography, \":active, &\").concat(classTypography, \":active .anticon\")]: {\n      color: theme.colors.actionTertiaryTextPress,\n      textDecoration: 'underline'\n    },\n    [\"&\".concat(classTypography, \":focus-visible\")]: {\n      textDecoration: 'underline'\n    },\n    ...(useNewIcons && {\n      '.anticon': {\n        fontSize: 12\n      }\n    })\n  };\n  return /*#__PURE__*/css(styles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getLinkStyles;\");\n};\nconst getEllipsisNewTabLinkStyles = () => {\n  const styles = {\n    paddingRight: 'calc(2px + 1em)',\n    // 1em for icon\n    position: 'relative'\n  };\n  return /*#__PURE__*/css(styles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getEllipsisNewTabLinkStyles;\");\n};\nconst getIconStyles = theme => {\n  const styles = {\n    marginLeft: 2,\n    color: theme.colors.actionTertiaryTextDefault\n  };\n  return /*#__PURE__*/css(styles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getIconStyles;\");\n};\nconst getEllipsisIconStyles = useNewIcons => {\n  const styles = {\n    position: 'absolute',\n    right: 0,\n    bottom: 0,\n    top: 0,\n    display: 'flex',\n    alignItems: 'center',\n    ...(useNewIcons && {\n      fontSize: 12\n    })\n  };\n  return /*#__PURE__*/css(styles, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getEllipsisIconStyles;\");\n};\nfunction Link(_ref) {\n  let {\n    dangerouslySetAntdProps,\n    ...props\n  } = _ref;\n  const {\n    children,\n    openInNewTab,\n    ...restProps\n  } = props;\n  const {\n    theme,\n    classNamePrefix\n  } = useDesignSystemTheme();\n  const {\n    USE_NEW_ICONS: useNewIcons\n  } = useDesignSystemFlags();\n  const newTabProps = {\n    rel: 'noopener noreferrer',\n    target: '_blank'\n  };\n  const linkProps = openInNewTab ? {\n    ...restProps,\n    ...newTabProps\n  } : {\n    ...restProps\n  };\n  const linkStyles = props.ellipsis && openInNewTab ? [getLinkStyles(theme, classNamePrefix, useNewIcons), getEllipsisNewTabLinkStyles()] : getLinkStyles(theme, classNamePrefix, useNewIcons);\n  const iconStyles = props.ellipsis ? [getIconStyles(theme), getEllipsisIconStyles()] : getIconStyles(theme);\n  return jsx(DesignSystemAntDConfigProvider, {\n    children: jsxs(Typography$1.Link, {\n      css: linkStyles,\n      ...linkProps,\n      ...dangerouslySetAntdProps,\n      children: [children, openInNewTab ? jsx(NewWindowIcon, {\n        css: iconStyles,\n        ...newTabProps\n      }) : null]\n    })\n  });\n}\n\nconst {\n  Paragraph: AntDParagraph\n} = Typography$1;\nfunction getParagraphEmotionStyles(theme, props) {\n  return /*#__PURE__*/css({\n    '&&': {\n      fontSize: theme.typography.fontSizeBase,\n      lineHeight: theme.typography.lineHeightBase,\n      color: getTypographyColor(theme, props.color, theme.colors.textPrimary)\n    }\n  }, props.disabled && {\n    '&&': {\n      color: theme.colors.actionDisabledText\n    }\n  }, props.withoutMargins && {\n    '&&': {\n      marginTop: 0,\n      marginBottom: 0\n    }\n  }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getParagraphEmotionStyles;\");\n}\nfunction Paragraph(userProps) {\n  const {\n    dangerouslySetAntdProps,\n    withoutMargins,\n    color,\n    ...props\n  } = userProps;\n  const {\n    theme\n  } = useDesignSystemTheme();\n  return jsx(DesignSystemAntDConfigProvider, {\n    children: jsx(AntDParagraph, {\n      ...props,\n      className: props.className,\n      css: getParagraphEmotionStyles(theme, userProps),\n      ...dangerouslySetAntdProps\n    })\n  });\n}\n\nconst {\n  Text: AntDText\n} = Typography$1;\nfunction getTextEmotionStyles(theme, props) {\n  return /*#__PURE__*/css({\n    '&&': {\n      fontSize: theme.typography.fontSizeBase,\n      lineHeight: theme.typography.lineHeightBase,\n      color: getTypographyColor(theme, props.color, theme.colors.textPrimary)\n    }\n  }, props.disabled && {\n    '&&': {\n      color: theme.colors.actionDisabledText\n    }\n  }, props.hint && {\n    '&&': {\n      fontSize: theme.typography.fontSizeSm,\n      lineHeight: theme.typography.lineHeightSm\n    }\n  }, props.bold && {\n    '&&': {\n      fontSize: theme.typography.fontSizeBase,\n      fontWeight: theme.typography.typographyBoldFontWeight,\n      lineHeight: theme.typography.lineHeightBase\n    }\n  }, props.code && {\n    '&& > code': {\n      fontSize: theme.typography.fontSizeBase,\n      lineHeight: theme.typography.lineHeightBase,\n      fontWeight: theme.typography.typographyBoldFontWeight,\n      background: theme.colors.typographyCodeBg,\n      fontFamily: 'monospace',\n      borderRadius: theme.borders.borderRadiusMd,\n      padding: '2px 4px',\n      border: 'unset',\n      margin: 0\n    }\n  }, props.size && {\n    '&&': (() => {\n      switch (props.size) {\n        case 'xxl':\n          return {\n            fontSize: theme.typography.fontSizeXxl,\n            lineHeight: theme.typography.lineHeightXxl\n          };\n        case 'xl':\n          return {\n            fontSize: theme.typography.fontSizeXl,\n            lineHeight: theme.typography.lineHeightXl\n          };\n        case 'lg':\n          return {\n            fontSize: theme.typography.fontSizeLg,\n            lineHeight: theme.typography.lineHeightLg\n          };\n        case 'sm':\n          return {\n            fontSize: theme.typography.fontSizeSm,\n            lineHeight: theme.typography.lineHeightSm\n          };\n        default:\n          return {\n            fontSize: theme.typography.fontSizeMd,\n            lineHeight: theme.typography.lineHeightMd\n          };\n      }\n    })()\n  }, props.withoutMargins && {\n    '&&': {\n      marginTop: 0,\n      marginBottom: 0\n    }\n  }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getTextEmotionStyles;\");\n}\nfunction Text(userProps) {\n  // Omit props that are not supported by `antd`\n  const {\n    dangerouslySetAntdProps,\n    bold,\n    hint,\n    withoutMargins,\n    color,\n    ...props\n  } = userProps;\n  const {\n    theme\n  } = useDesignSystemTheme();\n  return jsx(DesignSystemAntDConfigProvider, {\n    children: jsx(AntDText, {\n      ...props,\n      className: props.className,\n      css: getTextEmotionStyles(theme, userProps),\n      ...dangerouslySetAntdProps\n    })\n  });\n}\n\nconst {\n  Title: AntDTitle\n} = Typography$1;\nfunction getLevelStyles(theme, props) {\n  switch (props.level) {\n    case 1:\n      return /*#__PURE__*/css({\n        '&&': {\n          fontSize: theme.typography.fontSizeXxl,\n          lineHeight: theme.typography.lineHeightXxl,\n          fontWeight: theme.typography.typographyBoldFontWeight\n        }\n      }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getLevelStyles;\");\n    case 2:\n      return /*#__PURE__*/css({\n        '&&': {\n          fontSize: theme.typography.fontSizeXl,\n          lineHeight: theme.typography.lineHeightXl,\n          fontWeight: theme.typography.typographyBoldFontWeight\n        }\n      }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getLevelStyles;\");\n    case 3:\n      return /*#__PURE__*/css({\n        '&&': {\n          fontSize: theme.typography.fontSizeLg,\n          lineHeight: theme.typography.lineHeightLg,\n          fontWeight: theme.typography.typographyBoldFontWeight\n        }\n      }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getLevelStyles;\");\n    case 4:\n    default:\n      return /*#__PURE__*/css({\n        '&&': {\n          fontSize: theme.typography.fontSizeMd,\n          lineHeight: theme.typography.lineHeightMd,\n          fontWeight: theme.typography.typographyBoldFontWeight\n        }\n      }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getLevelStyles;\");\n  }\n}\nfunction getTitleEmotionStyles(theme, props) {\n  return /*#__PURE__*/css(getLevelStyles(theme, props), {\n    '&&': {\n      color: getTypographyColor(theme, props.color, theme.colors.textPrimary)\n    }\n  }, props.withoutMargins && {\n    '&&': {\n      marginTop: '0 !important',\n      // override general styling\n      marginBottom: '0 !important' // override general styling\n    }\n  }, process.env.NODE_ENV === \"production\" ? \"\" : \";label:getTitleEmotionStyles;\");\n}\nfunction Title(userProps) {\n  const {\n    dangerouslySetAntdProps,\n    withoutMargins,\n    color,\n    ...props\n  } = userProps;\n  const {\n    theme\n  } = useDesignSystemTheme();\n  return jsx(DesignSystemAntDConfigProvider, {\n    children: jsx(AntDTitle, {\n      ...props,\n      className: props.className,\n      css: getTitleEmotionStyles(theme, userProps),\n      ...dangerouslySetAntdProps\n    })\n  });\n}\n\nconst Typography = /* #__PURE__ */(() => {\n  function Typography(_ref) {\n    let {\n      dangerouslySetAntdProps,\n      ...props\n    } = _ref;\n    return jsx(DesignSystemAntDConfigProvider, {\n      children: jsx(Typography$1, {\n        ...props,\n        ...dangerouslySetAntdProps\n      })\n    });\n  }\n  Typography.Text = Text;\n  Typography.Title = Title;\n  Typography.Paragraph = Paragraph;\n  Typography.Link = Link;\n  return Typography;\n})();\n\nexport { ApplyDesignSystemContextOverrides as A, Checkbox as C, DesignSystemAntDConfigProvider as D, Icon as I, NewWindowIcon as N, RestoreAntDDefaultClsPrefix as R, SortAscendingIcon as S, Typography as T, WithDesignSystemThemeHoc as W, __INTERNAL_DO_NOT_USE__Group as _, useDesignSystemFlags as a, useDesignSystemContext as b, getValidationStateColor as c, Title as d, DU_BOIS_ENABLE_ANIMATION_CLASSNAME as e, getWrapperStyle as f, getAnimationCss as g, DesignSystemContext as h, importantify as i, DesignSystemProvider as j, ApplyDesignSystemFlags as k, lightColorList as l, useAntDConfigProviderContext as m, SortDescendingIcon as n, SortUnsortedIcon as o, useDesignSystemTheme as u };\n//# sourceMappingURL=Typography-84a00e02.js.map\n","import { useDesignSystemTheme } from '@databricks/design-system';\n\nimport { css } from '@emotion/react';\nimport * as RadixSlider from '@radix-ui/react-slider';\nimport { forwardRef } from 'react';\n\nimport type { Theme } from '../../theme';\n\nexport type SliderRootProps = Omit<RadixSlider.SliderProps, 'orientation'>;\nexport type SliderTrackProps = RadixSlider.SliderTrackProps;\nexport type SliderRangeProps = RadixSlider.SliderRangeProps;\nexport type SliderThumbProps = RadixSlider.SliderThumbProps;\n\nconst getRootStyles = () => {\n  return css({\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n\n    '&[data-orientation=\"vertical\"]': {\n      flexDirection: 'column',\n      width: 20,\n      height: 100,\n    },\n\n    '&[data-orientation=\"horizontal\"]': {\n      height: 20,\n      width: 200,\n    },\n  });\n};\n\nexport const Root = forwardRef<HTMLElement, SliderRootProps>((props: SliderRootProps, ref): JSX.Element => {\n  return <RadixSlider.Root css={getRootStyles()} {...props} ref={ref} />;\n});\n\nconst getTrackStyles = (theme: Theme) => {\n  return css({\n    backgroundColor: theme.colors.grey100,\n    position: 'relative',\n    flexGrow: 1,\n    borderRadius: 9999,\n\n    '&[data-orientation=\"vertical\"]': {\n      width: 3,\n    },\n\n    '&[data-orientation=\"horizontal\"]': {\n      height: 3,\n    },\n  });\n};\n\nexport const Track = forwardRef<HTMLElement, SliderTrackProps>((props: SliderTrackProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Track css={getTrackStyles(theme)} {...props} ref={ref} />;\n});\n\nconst getRangeStyles = (theme: Theme) => {\n  return css({\n    backgroundColor: theme.colors.primary,\n    position: 'absolute',\n    borderRadius: 9999,\n    height: '100%',\n\n    '&[data-disabled]': {\n      backgroundColor: theme.colors.grey100,\n    },\n  });\n};\n\nexport const Range = forwardRef<HTMLElement, SliderRangeProps>((props: SliderRangeProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Range css={getRangeStyles(theme)} {...props} ref={ref} />;\n});\n\nconst getThumbStyles = (theme: Theme) => {\n  return css({\n    display: 'block',\n    width: 20,\n    height: 20,\n    backgroundColor: theme.colors.actionPrimaryBackgroundDefault,\n    boxShadow: `0 2px 4px 0 ${theme.colors.grey400}`,\n    borderRadius: 10,\n    outline: 'none',\n\n    '&:hover': {\n      backgroundColor: theme.colors.actionPrimaryBackgroundHover,\n    },\n\n    '&:focus': {\n      backgroundColor: theme.colors.actionPrimaryBackgroundPress,\n    },\n\n    '&[data-disabled]': {\n      backgroundColor: theme.colors.grey200,\n      boxShadow: 'none',\n    },\n  });\n};\n\nexport const Thumb = forwardRef<HTMLElement, SliderThumbProps>((props: SliderThumbProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Thumb css={getThumbStyles(theme)} {...props} ref={ref} />;\n});\n"],"names":["tableStyles","row","cell","cellSmall","header","headerButtonTarget","checkboxCell","TableContext","createContext","size","Table","children","someRowsSelected","theme","useDesignSystemTheme","_jsx","colors","tableBorder","tableRowHover","TableRowContext","isHeader","TableRow","verticalAlignment","TableCell","ellipsis","useContext","typographySize","undefined","TableHeader","sortable","sortDirection","onToggleSort","Error","sortIcon","ariaSort","textContents","_jsxs","event","key","preventDefault","color","textSecondary","TableRowSelectCell","onChange","checked","indeterminate","noCheckbox","paddingLeft","paddingTop","paddingBottom","flex","minWidth","maxWidth","_checked","nativeEvent","borders","borderRadiusMd","getRootStyles","Root","forwardRef","props","ref","getTrackStyles","css","backgroundColor","grey100","position","flexGrow","borderRadius","width","height","Track","getRangeStyles","primary","Range","getThumbStyles","display","actionPrimaryBackgroundDefault","boxShadow","grey400","outline","actionPrimaryBackgroundHover","actionPrimaryBackgroundPress","grey200","Thumb"],"mappings":"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"}
+{"version":3,"file":"development.js","sources":["../src/development/Filter/providers/FilterContext.tsx","../src/development/Filter/hooks/useFilterContext.ts","../src/development/Filter/Filter.tsx","../src/development/Filter/FilterButtonContainer.tsx","../src/development/Filter/FilterLoadingSpinner.tsx","../src/development/Filter/FilterContent.tsx","../src/development/Filter/FilterCountBadge.tsx","../src/development/Filter/providers/FilterOptionListContext.tsx","../src/development/Filter/hooks/useFilterOptionListContext.tsx","../src/development/Filter/shared.ts","../src/development/Filter/FilterOptionListCheckboxItem.tsx","../src/development/Filter/FilterOptionListSearch.tsx","../src/development/Filter/FilterOptionListSelectItem.tsx","../src/development/Filter/FilterOptionControlledList.tsx","../src/development/Filter/FilterOptionList.tsx","../src/development/Filter/FilterSectionHeader.tsx","../src/development/Filter/FilterSeparator.tsx","../src/development/Filter/FilterTrigger.tsx","../src/development/TableUI/index.tsx","../src/development/Slider/Slider.tsx"],"sourcesContent":["import { createContext } from 'react';\n\nexport interface FilterContextType {\n  label: string;\n  value: string[];\n  isInsideFilter: boolean;\n  multiSelect?: boolean;\n  setValue: (value: string[]) => void;\n  setIsControlled: (isControlled: boolean) => void;\n}\n\nconst filterContextDefaults: FilterContextType = {\n  label: '',\n  value: [],\n  isInsideFilter: false,\n  multiSelect: false,\n  setValue: () => {},\n  setIsControlled: () => {},\n};\n\nexport const FilterContext = createContext<FilterContextType>(filterContextDefaults);\n\nexport const FilterContextProvider = ({ children, value }: { children: JSX.Element; value: FilterContextType }) => {\n  return <FilterContext.Provider value={value}>{children}</FilterContext.Provider>;\n};\n","import { useContext } from 'react';\n\nimport { FilterContext } from '../providers/FilterContext';\n\nexport const useFilterContext = () => {\n  return useContext(FilterContext);\n};\n","import * as Popover from '@radix-ui/react-popover';\nimport { useState, useEffect } from 'react';\n\nimport type { HTMLDataAttributes } from '../../design-system/types';\nimport { useFilterContext } from './hooks/useFilterContext';\nimport { FilterContextProvider } from './providers/FilterContext';\n\nexport interface FilterRootProps extends Popover.PopoverProps, HTMLDataAttributes {\n  label: string;\n  value?: string[];\n  stayOpenOnSelection?: boolean;\n  multiSelect?: boolean;\n}\n\nexport const Filter = ({ children, label, value = [], ...props }: FilterRootProps) => {\n  // Used to avoid infinite loop when value is controlled from within the component (FilterOptionControlledList)\n  // We can't remove setValue altogether because uncontrolled component users need to be able to set the value from root for trigger to update\n  const [isControlled, setIsControlled] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<string[]>(value);\n\n  useEffect(() => {\n    if (\n      ((!Array.isArray(selectedValue) || !Array.isArray(value)) && selectedValue !== value) ||\n      (selectedValue && value && selectedValue.length === value.length && selectedValue.every((v, i) => v === value[i]))\n    ) {\n      return;\n    }\n\n    if (!isControlled) {\n      setSelectedValue(value);\n    }\n  }, [value, isControlled, selectedValue]);\n\n  return (\n    <FilterContextProvider\n      value={{\n        label,\n        value: selectedValue,\n        setValue: setSelectedValue,\n        setIsControlled,\n        isInsideFilter: true,\n        multiSelect: props.multiSelect,\n      }}\n    >\n      <Root {...props}>{children}</Root>\n    </FilterContextProvider>\n  );\n};\n\nconst Root = (props: Partial<FilterRootProps>) => {\n  const { children, stayOpenOnSelection, open, multiSelect, ...restProps } = props;\n  const { value } = useFilterContext();\n\n  const [isOpen, setIsOpen] = useState<boolean>(!!open);\n\n  const handleOpenChange = (open: boolean) => {\n    setIsOpen(open);\n  };\n\n  useEffect(() => {\n    if (!stayOpenOnSelection && (typeof stayOpenOnSelection === 'boolean' || !multiSelect)) {\n      setIsOpen(false);\n    }\n  }, [value, stayOpenOnSelection, multiSelect]);\n\n  return (\n    <Popover.Root open={open !== undefined ? open : isOpen} onOpenChange={handleOpenChange} {...restProps}>\n      {children}\n    </Popover.Root>\n  );\n};\n","import type { SerializedStyles, Theme } from '@emotion/react';\nimport { css } from '@emotion/react';\n\nimport { useDesignSystemTheme } from '../../design-system';\nimport { useFilterContext } from './hooks/useFilterContext';\n\nconst getFilterButtonContainerStyles = (theme: Theme): SerializedStyles => {\n  return css({\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'flex-end',\n    alignItems: 'flex-end',\n    padding: `${theme.spacing.sm}px ${theme.spacing.lg / 2}px ${theme.spacing.sm}px ${theme.spacing.lg / 2}px`,\n    gap: theme.spacing.sm,\n    alignSelf: 'stretch',\n  });\n};\n\nexport const FilterButtonContainer = ({ children, ...restProps }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { theme } = useDesignSystemTheme();\n  const { isInsideFilter } = useFilterContext();\n\n  if (!isInsideFilter) {\n    throw new Error('`FilterButtonContainer` must be used within `Filter`');\n  }\n\n  return (\n    <div {...restProps} css={getFilterButtonContainerStyles(theme)}>\n      {children}\n    </div>\n  );\n};\n","import { Spinner, useDesignSystemTheme } from '../../design-system';\n\nexport const FilterLoadingSpinner = (props: any) => {\n  const { theme } = useDesignSystemTheme();\n  return (\n    <Spinner\n      css={{\n        display: 'flex',\n        alignSelf: 'center',\n        justifyContent: 'center',\n        alignItems: 'center',\n        height: theme.general.heightSm,\n        width: theme.general.heightSm,\n        '> span': { fontSize: 20 },\n      }}\n      {...props}\n    />\n  );\n};\n","import type { Theme, SerializedStyles } from '@emotion/react';\nimport { css } from '@emotion/react';\nimport * as Popover from '@radix-ui/react-popover';\nimport { forwardRef } from 'react';\n\nimport { useDesignSystemTheme } from '../../design-system';\nimport { useDesignSystemContext } from '../../design-system/Hooks/useDesignSystemContext';\nimport type { HTMLDataAttributes } from '../../design-system/types';\nimport { FilterLoadingSpinner } from './FilterLoadingSpinner';\nimport { useFilterContext } from './hooks/useFilterContext';\n\nexport interface FilterContentProps extends Popover.PopoverContentProps, HTMLDataAttributes {\n  width?: number;\n  loading?: boolean;\n  maxHeight?: number;\n  maxWidth?: number;\n  minHeight?: number;\n  minWidth?: number;\n  side?: 'top' | 'bottom';\n}\n\nconst getContentWrapperStyles = (\n  theme: Theme,\n  {\n    maxHeight = '100vh',\n    maxWidth = '100vw',\n    minHeight = 0,\n    minWidth = 0,\n  }: {\n    maxHeight?: number | string;\n    maxWidth?: number | string;\n    minHeight?: number | string;\n    minWidth?: number | string;\n  }\n): SerializedStyles => {\n  return css({\n    maxHeight,\n    maxWidth,\n    minHeight,\n    minWidth,\n    background: theme.colors.backgroundPrimary,\n    color: theme.colors.textPrimary,\n    overflow: 'auto',\n    // Making sure the content popover overlaps the remove button when opens to the right\n    zIndex: theme.options.zIndexBase + 10,\n\n    boxSizing: 'border-box',\n    padding: `${theme.spacing.xs}px 0`,\n\n    border: `1px solid ${theme.colors.border}`,\n    boxShadow: theme.general.shadowLow,\n    borderRadius: 4,\n\n    colorScheme: theme.isDarkMode ? 'dark' : 'light',\n  });\n};\n\nexport const FilterContent = forwardRef<HTMLDivElement, FilterContentProps>(\n  (\n    {\n      children,\n      loading,\n      maxHeight,\n      maxWidth,\n      minHeight,\n      minWidth = 240,\n      align = 'start',\n      side = 'bottom',\n      sideOffset = 4,\n      ...restProps\n    },\n    forwardedRef\n  ) => {\n    const { theme } = useDesignSystemTheme();\n    const { label, isInsideFilter } = useFilterContext();\n    const { getPopupContainer } = useDesignSystemContext();\n\n    if (!isInsideFilter) {\n      throw new Error('`FilterContent` must be used within `Filter`');\n    }\n\n    return (\n      <Popover.Portal container={getPopupContainer && getPopupContainer()}>\n        <Popover.Content\n          aria-label={`${label} filter options`}\n          aria-busy={loading}\n          css={getContentWrapperStyles(theme, {\n            maxHeight,\n            maxWidth,\n            minHeight,\n            minWidth,\n          })}\n          align={align}\n          side={side}\n          sideOffset={sideOffset}\n          {...restProps}\n          ref={forwardedRef}\n        >\n          <div css={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start', justifyContent: 'center' }}>\n            {loading ? <FilterLoadingSpinner aria-label=\"Loading\" alt=\"Loading spinner\" /> : children}\n          </div>\n        </Popover.Content>\n      </Popover.Portal>\n    );\n  }\n);\n","import type { Theme, SerializedStyles } from '@emotion/react';\nimport { css } from '@emotion/react';\n\nimport { useDesignSystemTheme } from '../../design-system';\nimport { importantify } from '../../design-system/utils/css-utils';\nimport { useFilterContext } from './hooks/useFilterContext';\n\nconst getCountBadgeStyles = (theme: Theme): SerializedStyles =>\n  css(\n    importantify({\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n\n      boxSizing: 'border-box',\n      padding: `${theme.spacing.xs / 2}px ${theme.spacing.xs}px`,\n      background: theme.colors.tagDefault,\n      borderRadius: theme.general.borderRadiusBase,\n\n      fontWeight: theme.typography.typographyBoldFontWeight,\n      fontSize: theme.typography.fontSizeSm,\n      height: 20,\n    })\n  );\n\nexport const FilterCountBadge = (props: any) => {\n  const { theme } = useDesignSystemTheme();\n  const { value } = useFilterContext();\n\n  return (\n    <div {...props} css={getCountBadgeStyles(theme)}>\n      {Array.isArray(value) ? value.length : value ? 1 : 0}\n    </div>\n  );\n};\n","import { createContext } from 'react';\n\nexport interface FilterOptionListContextType {\n  isInsideFilterOptionList?: boolean;\n}\n\nexport const FilterOptionListContext = createContext<FilterOptionListContextType>({});\n\nexport const FilterOptionListContextProvider = ({\n  children,\n  value,\n}: {\n  children: JSX.Element;\n  value: FilterOptionListContextType;\n}) => {\n  return <FilterOptionListContext.Provider value={value}>{children}</FilterOptionListContext.Provider>;\n};\n","import { useContext } from 'react';\n\nimport { FilterOptionListContext } from '../providers/FilterOptionListContext';\n\nexport const useFilterOptionListContext = () => {\n  return useContext(FilterOptionListContext);\n};\n","import type { Theme, SerializedStyles } from '@emotion/react';\nimport { css } from '@emotion/react';\n\nimport { importantify } from '../../design-system/utils/css-utils';\n\nexport const getFilterOptionItemWrapperStyles = (theme: Theme): SerializedStyles => {\n  return css(\n    importantify({\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      alignSelf: 'stretch',\n\n      padding: '6px 32px 6px 12px',\n      lineHeight: theme.typography.lineHeightBase,\n      height: theme.typography.lineHeightBase,\n\n      cursor: 'pointer',\n      userSelect: 'none',\n\n      '&:hover': { background: theme.colors.actionTertiaryBackgroundHover },\n    })\n  );\n};\n","import { forwardRef } from 'react';\n\nimport { Checkbox, useDesignSystemTheme } from '../../design-system';\nimport type { HTMLDataAttributes } from '../../design-system/types';\nimport { useFilterOptionListContext } from './hooks/useFilterOptionListContext';\nimport { getFilterOptionItemWrapperStyles } from './shared';\n\nexport interface FilterOptionListCheckboxItemProps extends HTMLDataAttributes {\n  value: string;\n  checked?: boolean;\n  indeterminate?: boolean;\n  children?: React.ReactNode;\n  onChange?: (...args: any[]) => any;\n}\n\nexport const FilterOptionListCheckboxItem = forwardRef<HTMLDivElement, FilterOptionListCheckboxItemProps>(\n  ({ value, checked, indeterminate, onChange, children, ...props }, ref) => {\n    const { theme } = useDesignSystemTheme();\n    const { isInsideFilterOptionList } = useFilterOptionListContext();\n\n    if (!isInsideFilterOptionList) {\n      throw new Error('`FilterOptionListCheckboxItem` must be used within `FilterOptionList`');\n    }\n\n    const handleSelect = () => {\n      if (onChange) {\n        onChange(value);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        role=\"option\"\n        // Using aria-selected instead of aria-checked because the parent listbox\n        aria-selected={indeterminate ? false : checked}\n        css={[getFilterOptionItemWrapperStyles(theme)]}\n        onClick={handleSelect}\n        {...props}\n      >\n        <Checkbox\n          isChecked={indeterminate ? null : checked}\n          css={{ pointerEvents: 'none' }}\n          // Needed because Antd handles keyboard inputs as clicks\n          onClick={(e) => {\n            e.stopPropagation();\n            handleSelect();\n          }}\n        >\n          {children ?? value}\n        </Checkbox>\n      </div>\n    );\n  }\n);\n","import React, { forwardRef } from 'react';\n\nimport type { InputProps, InputRef } from '../../design-system';\nimport { Input, useDesignSystemTheme, SearchIcon } from '../../design-system';\nimport { useFilterOptionListContext } from './hooks/useFilterOptionListContext';\n\nconst filterChildren = (children: any, searchValue: string) => {\n  return React.Children.map(children, (child) => {\n    if (child?.props.value.toLowerCase().includes(searchValue)) {\n      return child;\n    }\n    return null;\n  })?.filter((child: any) => child);\n};\n\nexport const FilterOptionListSearch = forwardRef<InputRef, InputProps & { children: any; hasWrapper?: boolean }>(\n  ({ onChange, children, hasWrapper, ...restProps }, forwardedRef) => {\n    const { theme } = useDesignSystemTheme();\n    const { isInsideFilterOptionList } = useFilterOptionListContext();\n\n    const [searchValue, setSearchValue] = React.useState<string>();\n\n    if (!isInsideFilterOptionList) {\n      throw new Error('`FilterOptionListSearch` must be used within `FilterOptionList`');\n    }\n\n    const handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchValue(event.target.value.toLowerCase());\n    };\n\n    let filteredChildren = children;\n\n    if (searchValue) {\n      filteredChildren = filterChildren(hasWrapper ? children.props.children : children, searchValue);\n\n      if (hasWrapper) {\n        filteredChildren = React.cloneElement(children, {}, filteredChildren);\n      }\n    }\n\n    return (\n      <>\n        <div\n          css={{\n            padding: `${theme.spacing.sm}px ${theme.spacing.lg / 2}px ${theme.spacing.sm}px`,\n            width: '100%',\n            boxSizing: 'border-box',\n          }}\n        >\n          <Input\n            ref={forwardedRef}\n            prefix={<SearchIcon />}\n            placeholder=\"Search\"\n            onChange={handleOnChange}\n            value={searchValue}\n            {...restProps}\n          />\n        </div>\n        {(hasWrapper && filteredChildren?.props.children?.length) || (!hasWrapper && filteredChildren?.length) ? (\n          filteredChildren\n        ) : (\n          <div\n            css={{\n              color: theme.colors.textSecondary,\n              textAlign: 'center',\n              padding: '6px 32px 6px 12px',\n              width: '100%',\n              boxSizing: 'border-box',\n            }}\n          >\n            No results found\n          </div>\n        )}\n      </>\n    );\n  }\n);\n","import { forwardRef } from 'react';\n\nimport { useDesignSystemTheme, CheckIcon } from '../../design-system';\nimport type { HTMLDataAttributes } from '../../design-system/types';\nimport { useFilterOptionListContext } from './hooks/useFilterOptionListContext';\nimport { getFilterOptionItemWrapperStyles } from './shared';\n\nexport interface FilterOptionListSelectItemProps extends HTMLDataAttributes {\n  value: string;\n  checked?: boolean;\n  children?: React.ReactNode;\n  onChange?: (...args: any[]) => any;\n}\n\nexport const FilterOptionListSelectItem = forwardRef<HTMLDivElement, FilterOptionListSelectItemProps>(\n  ({ value, checked, onChange, children, ...props }, ref) => {\n    const { theme } = useDesignSystemTheme();\n    const { isInsideFilterOptionList } = useFilterOptionListContext();\n\n    if (!isInsideFilterOptionList) {\n      throw new Error('`FilterOptionListSelectItem` must be used within `FilterOptionList`');\n    }\n\n    const handleSelect = () => {\n      if (onChange) {\n        onChange(value);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        css={[\n          getFilterOptionItemWrapperStyles(theme),\n          {\n            '&:focus': {\n              background: theme.colors.actionTertiaryBackgroundHover,\n              outline: 'none',\n            },\n          },\n        ]}\n        {...props}\n        onClick={handleSelect}\n        tabIndex={0}\n        onKeyDown={(e) => {\n          switch (e.key) {\n            case 'ArrowDown':\n              e.preventDefault();\n              const nextSibling = e.currentTarget.nextElementSibling as HTMLElement;\n              nextSibling?.focus();\n              break;\n            case 'ArrowUp':\n              e.preventDefault();\n              const previousSibling = e.currentTarget.previousElementSibling as HTMLElement;\n              previousSibling?.focus();\n              break;\n            case ' ':\n            case 'Enter':\n              e.preventDefault();\n              handleSelect();\n              break;\n          }\n        }}\n        role=\"option\"\n        aria-selected={checked}\n      >\n        {checked ? <CheckIcon /> : <div css={{ width: 16 }} />}\n        <label style={{ marginLeft: theme.spacing.sm, cursor: 'pointer' }}>{children ?? value}</label>\n      </div>\n    );\n  }\n);\n","import { forwardRef } from 'react';\n\nimport { FilterLoadingSpinner } from './FilterLoadingSpinner';\nimport type { FilterOptionListProps } from './FilterOptionList';\nimport { FilterOptionListCheckboxItem } from './FilterOptionListCheckboxItem';\nimport { FilterOptionListSearch } from './FilterOptionListSearch';\nimport { FilterOptionListSelectItem } from './FilterOptionListSelectItem';\nimport { useFilterContext } from './hooks/useFilterContext';\nimport { FilterOptionListContextProvider } from './providers/FilterOptionListContext';\n\nexport interface FilterOptionControlledListProps extends Omit<FilterOptionListProps, 'children'> {\n  withSearch?: boolean;\n  showSelectAndClearAll?: boolean;\n  options: string[];\n}\n\nexport const FilterOptionControlledList = forwardRef<HTMLDivElement, FilterOptionControlledListProps>(\n  (\n    { options, onChange, loading, withProgressiveLoading, withSearch, showSelectAndClearAll, ...restProps },\n    forwardedRef\n  ) => {\n    const { isInsideFilter, multiSelect, value, setValue, setIsControlled } = useFilterContext();\n\n    if (!isInsideFilter) {\n      throw new Error('`FilterOptionControlledList` must be used within `Filter`');\n    }\n\n    const isOptionChecked = options.reduce((acc, option) => {\n      acc[option] = value?.includes(option);\n      return acc;\n    }, {} as Record<string, boolean>);\n\n    const handleUpdate = (updatedValue: string) => {\n      setIsControlled(true);\n\n      let newValue = [];\n      if (multiSelect) {\n        if (value.find((item) => item === updatedValue)) {\n          newValue = value.filter((item) => item !== updatedValue);\n        } else {\n          newValue = [...value, updatedValue];\n        }\n      } else {\n        newValue = [updatedValue];\n      }\n\n      setValue(newValue);\n      isOptionChecked[updatedValue] = !isOptionChecked[updatedValue];\n      if (onChange) {\n        onChange(newValue);\n      }\n    };\n\n    const handleSelectAll = () => {\n      setIsControlled(true);\n\n      if (value.length === options.length) {\n        setValue([]);\n        options.forEach((option) => {\n          isOptionChecked[option] = false;\n        });\n        if (onChange) {\n          onChange([]);\n        }\n      } else {\n        setValue(options);\n        options.forEach((option) => {\n          isOptionChecked[option] = true;\n        });\n        if (onChange) {\n          onChange(options);\n        }\n      }\n    };\n\n    const renderedOptions = (\n      <>\n        {showSelectAndClearAll && multiSelect && (\n          <FilterOptionListCheckboxItem\n            value=\"all\"\n            onChange={handleSelectAll}\n            checked={value.length === options.length}\n            indeterminate={!!value.length && value.length !== options.length}\n          >\n            {value.length === options.length ? 'Clear all' : 'Select all'}\n          </FilterOptionListCheckboxItem>\n        )}\n        {options?.map((option, key) =>\n          multiSelect ? (\n            <FilterOptionListCheckboxItem\n              key={key}\n              value={option}\n              checked={isOptionChecked[option]}\n              onChange={handleUpdate}\n            >\n              {option}\n            </FilterOptionListCheckboxItem>\n          ) : (\n            <FilterOptionListSelectItem\n              key={key}\n              value={option}\n              checked={isOptionChecked[option]}\n              onChange={handleUpdate}\n            >\n              {option}\n            </FilterOptionListSelectItem>\n          )\n        )}\n      </>\n    );\n\n    return (\n      <div\n        ref={forwardedRef}\n        aria-busy={loading}\n        css={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-start' }}\n        {...restProps}\n      >\n        <FilterOptionListContextProvider value={{ isInsideFilterOptionList: true }}>\n          <>\n            {loading ? (\n              withProgressiveLoading ? (\n                <>\n                  {withSearch ? (\n                    <FilterOptionListSearch hasWrapper={true}>{renderedOptions}</FilterOptionListSearch>\n                  ) : (\n                    renderedOptions\n                  )}\n                  <FilterLoadingSpinner aria-label=\"Loading\" alt=\"Loading spinner\" />\n                </>\n              ) : (\n                <FilterLoadingSpinner aria-label=\"Loading\" alt=\"Loading spinner\" />\n              )\n            ) : withSearch ? (\n              <FilterOptionListSearch hasWrapper={true}>{renderedOptions}</FilterOptionListSearch>\n            ) : (\n              renderedOptions\n            )}\n          </>\n        </FilterOptionListContextProvider>\n      </div>\n    );\n  }\n);\n","import { forwardRef, useEffect } from 'react';\n\nimport type { HTMLDataAttributes } from '../../design-system/types';\nimport { FilterLoadingSpinner } from './FilterLoadingSpinner';\nimport { useFilterContext } from './hooks/useFilterContext';\nimport { FilterOptionListContextProvider } from './providers/FilterOptionListContext';\n\nexport interface FilterOptionListProps extends HTMLDataAttributes {\n  children: any;\n  loading?: boolean;\n  withProgressiveLoading?: boolean;\n  onChange?: (...args: any[]) => any;\n}\n\nexport const FilterOptionList = forwardRef<HTMLDivElement, FilterOptionListProps>(\n  ({ children, onChange, loading, withProgressiveLoading, ...restProps }, forwardedRef) => {\n    const { isInsideFilter, value } = useFilterContext();\n\n    if (!isInsideFilter) {\n      throw new Error('`FilterOptionList` must be used within `Filter`');\n    }\n\n    useEffect(() => {\n      if (onChange) {\n        onChange(value);\n      }\n    }, [value, onChange]);\n\n    return (\n      <div\n        ref={forwardedRef}\n        aria-busy={loading}\n        role=\"list\"\n        css={{\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'flex-start',\n          width: '100%',\n        }}\n        {...restProps}\n      >\n        <FilterOptionListContextProvider value={{ isInsideFilterOptionList: true }}>\n          {loading ? (\n            withProgressiveLoading ? (\n              <>\n                {children}\n                <FilterLoadingSpinner aria-label=\"Loading\" alt=\"Loading spinner\" />\n              </>\n            ) : (\n              <FilterLoadingSpinner aria-label=\"Loading\" alt=\"Loading spinner\" />\n            )\n          ) : (\n            children\n          )}\n        </FilterOptionListContextProvider>\n      </div>\n    );\n  }\n);\n","import { useDesignSystemTheme } from '../../design-system';\nimport { useFilterContext } from './hooks/useFilterContext';\n\nexport const FilterSectionHeader = ({ children, ...props }: React.HTMLAttributes<HTMLDivElement>) => {\n  const { theme } = useDesignSystemTheme();\n  const { isInsideFilter } = useFilterContext();\n\n  if (!isInsideFilter) {\n    throw new Error('`FilterSectionHeader` must be used within `Filter`');\n  }\n  return (\n    <div\n      {...props}\n      css={{\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'flex-start',\n        padding: `${theme.spacing.xs}px ${theme.spacing.lg / 2}px`,\n        alignSelf: 'stretch',\n        fontWeight: 400,\n        color: theme.colors.textSecondary,\n      }}\n    >\n      {children}\n    </div>\n  );\n};\n","import { useDesignSystemTheme } from '../../design-system';\nimport { useFilterContext } from './hooks/useFilterContext';\n\nexport const FilterSeparator = (props: React.HTMLAttributes<HTMLDivElement>) => {\n  const { theme } = useDesignSystemTheme();\n  const { isInsideFilter } = useFilterContext();\n\n  if (!isInsideFilter) {\n    throw new Error('`FilterSeparator` must be used within `Filter`');\n  }\n\n  return (\n    <div\n      {...props}\n      css={{\n        display: 'flex',\n        flexDirection: 'row',\n        alignItems: 'center',\n        margin: `${theme.spacing.xs}px ${theme.spacing.lg / 2}px`,\n        border: `1px solid ${theme.colors.borderDecorative}`,\n        borderBottom: 0,\n        alignSelf: 'stretch',\n      }}\n    />\n  );\n};\n","import type { Theme, SerializedStyles } from '@emotion/react';\nimport { css } from '@emotion/react';\nimport * as Popover from '@radix-ui/react-popover';\nimport React, { useEffect, forwardRef } from 'react';\n\nimport {\n  useDesignSystemTheme,\n  ChevronDownIcon,\n  CloseIcon,\n  Button,\n  Tooltip,\n  XCircleFillIcon,\n} from '../../design-system';\nimport type { HTMLDataAttributes } from '../../design-system/types';\nimport { importantify } from '../../design-system/utils/css-utils';\nimport { FilterCountBadge } from './FilterCountBadge';\nimport { useFilterContext } from './hooks/useFilterContext';\n\nexport interface FilterTriggerProps extends Popover.PopoverTriggerProps, HTMLDataAttributes {\n  maxWidth?: number;\n  removable?: boolean;\n  onRemove?: () => void;\n  withCountBadge?: boolean;\n  allowClear?: boolean;\n  onClear?: () => void;\n  showBadgeAfterValueCount?: number;\n  controlled?: boolean;\n}\n\nconst getTriggerWrapperStyles = (removable: boolean): SerializedStyles =>\n  css(\n    importantify({\n      display: 'inline-flex',\n      alignItems: 'center',\n\n      ...(removable && {\n        '& > button:last-of-type': importantify({\n          borderBottomLeftRadius: 0,\n          borderTopLeftRadius: 0,\n          marginLeft: -1,\n        }),\n      }),\n    })\n  );\n\nconst getTriggerStyles = (theme: Theme, maxWidth: number, removable: boolean): SerializedStyles => {\n  const removeButtonInteractionStyles = {\n    ...(removable && {\n      zIndex: theme.options.zIndexBase + 2,\n      '&& + button': {\n        marginLeft: -1,\n        zIndex: theme.options.zIndexBase + 1,\n      },\n    }),\n  };\n  return css(\n    importantify({\n      position: 'relative',\n      display: 'inline-flex',\n      alignItems: 'center',\n      maxWidth: maxWidth,\n      justifyContent: 'center',\n      background: 'transparent',\n      padding: '6px 8px 6px 12px',\n      boxSizing: 'border-box',\n      height: theme.general.heightSm,\n      border: `1px solid ${theme.colors.actionDefaultBorderDefault}`,\n      borderRadius: 4,\n      color: theme.colors.textPrimary,\n      lineHeight: theme.typography.lineHeightBase,\n      cursor: 'pointer',\n\n      ...(removable && {\n        borderBottomRightRadius: 0,\n        borderTopRightRadius: 0,\n        borderRightColor: 'transparent',\n      }),\n\n      '&:hover': {\n        background: theme.colors.actionDefaultBackgroundHover,\n        borderColor: theme.colors.actionDefaultBorderHover,\n        ...removeButtonInteractionStyles,\n      },\n      '&:focus': {\n        borderColor: theme.colors.actionDefaultBorderFocus,\n        ...removeButtonInteractionStyles,\n      },\n    })\n  );\n};\n\nexport const FilterTrigger = forwardRef<HTMLButtonElement, FilterTriggerProps>(\n  (\n    {\n      removable = false,\n      onRemove,\n      children,\n      maxWidth = 9999,\n      withCountBadge,\n      showBadgeAfterValueCount = 3,\n      allowClear = true,\n      controlled,\n      onClear,\n      ...restProps\n    },\n    forwardedRef\n  ) => {\n    const { theme } = useDesignSystemTheme();\n    const { label, value, isInsideFilter, multiSelect, setValue } = useFilterContext();\n\n    if (!isInsideFilter) {\n      throw new Error('`FilterTrigger` must be used within `Filter`');\n    }\n\n    const handleRemove = () => {\n      if (!onRemove) {\n        console.warn('Filter.Trigger: Attempted remove without providing onRemove handler');\n      } else {\n        onRemove();\n      }\n    };\n\n    const handleClear = (e: any) => {\n      e.stopPropagation();\n\n      if (controlled) {\n        setValue([]);\n        onClear?.();\n      } else if (!onClear) {\n        console.warn('Filter.Trigger: Attempted clear without providing onClear handler');\n      } else {\n        onClear();\n      }\n    };\n\n    const [showTooltip, setShowTooltip] = React.useState<boolean>();\n\n    const triggerContentRef = React.useRef<HTMLSpanElement>(null);\n\n    useEffect(() => {\n      if (value?.length > showBadgeAfterValueCount) {\n        setShowTooltip(true);\n      } else if (triggerContentRef.current) {\n        const { clientWidth, scrollWidth } = triggerContentRef.current;\n        setShowTooltip(clientWidth < scrollWidth);\n      }\n    }, [showBadgeAfterValueCount, value]);\n\n    const concatenatedValues = Array.isArray(value) ? value.join(', ') : value;\n    const displayedValues = <span>{concatenatedValues}</span>;\n\n    let ariaLabel = `${label} filter`;\n\n    if (value?.length) {\n      ariaLabel += multiSelect\n        ? `, multiselectable, ${value.length} options selected: ${concatenatedValues}`\n        : `, selected option: ${concatenatedValues}`;\n    } else {\n      ariaLabel += multiSelect ? ', multiselectable, 0 options selected' : ', no option selected';\n    }\n\n    const triggerContent = children ?? (\n      <Popover.Trigger\n        aria-label={ariaLabel}\n        ref={forwardedRef}\n        {...restProps}\n        css={getTriggerStyles(theme, maxWidth, removable)}\n        role=\"listbox\"\n        aria-multiselectable={multiSelect}\n      >\n        {/* Using inline styles to not override styles used with custom content */}\n        <span\n          css={{\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            height: theme.typography.lineHeightBase,\n          }}\n          ref={triggerContentRef}\n        >\n          <span css={{ marginRight: theme.spacing.xs, fontWeight: theme.typography.typographyBoldFontWeight }}>\n            {label}\n          </span>\n          {withCountBadge || value?.length > showBadgeAfterValueCount ? (\n            <FilterCountBadge role=\"status\" aria-label=\"Filter options selected count\" />\n          ) : (\n            displayedValues\n          )}\n        </span>\n        {allowClear && value?.length ? (\n          <XCircleFillIcon\n            onClick={handleClear}\n            css={{\n              color: theme.colors.textPlaceholder,\n              fontSize: theme.typography.fontSizeSm,\n              marginLeft: theme.spacing.xs,\n\n              ':hover': {\n                color: theme.colors.actionTertiaryTextHover,\n              },\n            }}\n          />\n        ) : null}\n        <ChevronDownIcon css={{ color: theme.colors.textSecondary, marginLeft: 4 }} />\n      </Popover.Trigger>\n    );\n\n    return (\n      <div css={getTriggerWrapperStyles(removable)}>\n        {showTooltip && value?.length ? <Tooltip title={displayedValues}>{triggerContent}</Tooltip> : triggerContent}\n        {removable && (\n          <Button aria-label={`Remove ${label} filters`} onClick={handleRemove} dangerouslySetForceIconStyles>\n            <CloseIcon />\n          </Button>\n        )}\n      </div>\n    );\n  }\n);\n","import { css } from '@emotion/react';\nimport type { CSSProperties } from 'react';\nimport React, { createContext, useContext } from 'react';\n\nimport { Checkbox, SortAscendingIcon, SortDescendingIcon, SortUnsortedIcon } from '../../design-system';\nimport { useDesignSystemTheme } from '../../design-system/Hooks';\nimport { Typography } from '../../design-system/Typography';\nimport type { TextProps } from '../../design-system/Typography/Text';\n\n// For performance, these styles are defined outside of the component so they are not redefined on every render.\n// We're also using CSS Variables rather than any dynamic styles so that the style object remains static.\nconst tableStyles = {\n  row: css({\n    display: 'flex',\n    borderBottom: '1px solid',\n    borderColor: 'var(--table-separator-color)',\n\n    // Note: Next-sibling selector is necessary for Ant Checkboxes; if we move away\n    // from those in the future we would need to adjust these styles.\n    '.table-row-select-cell input[type=\"checkbox\"] ~ *': {\n      opacity: 'var(--row-checkbox-opacity, 0)',\n    },\n\n    '&:hover': {\n      '> *': {\n        backgroundColor: 'var(--table-row-hover)',\n      },\n\n      '.table-row-select-cell input[type=\"checkbox\"] ~ *': {\n        opacity: 1,\n      },\n    },\n\n    '.table-row-select-cell input[type=\"checkbox\"]:focus ~ *': {\n      opacity: 1,\n    },\n\n    '> *': {\n      paddingTop: 'var(--table-row-vertical-padding)',\n      paddingBottom: 'var(--table-row-vertical-padding)',\n    },\n  }),\n\n  cell: css({\n    display: 'inline-grid',\n    position: 'relative',\n    alignItems: 'var(--table-row-vertical-alignment, flex-start)',\n    flex: 1,\n    lineHeight: 'initial',\n    boxSizing: 'border-box',\n    paddingLeft: 'var(--table-spacing-sm)',\n    paddingRight: 'var(--table-spacing-sm)',\n    wordBreak: 'break-word',\n    overflow: 'hidden',\n  }),\n\n  rowMenuContainer: css({\n    paddingLeft: 'var(--table-spacing-xs)',\n    paddingRight: 'var(--table-spacing-xs)',\n  }),\n\n  header: css({\n    fontWeight: 'bold',\n    alignItems: 'flex-end',\n    display: 'flex',\n    overflow: 'hidden',\n\n    '&[aria-sort]': {\n      cursor: 'pointer',\n      userSelect: 'none',\n    },\n\n    '.table-header-text': {\n      color: 'var(--table-header-text-color)',\n    },\n\n    '.table-header-icon-container': {\n      color: 'var(--table-header-sort-icon-color)',\n      display: 'none',\n    },\n\n    '&:hover': {\n      '.table-header-icon-container, .table-header-text': {\n        color: 'var(--table-header-focus-color)',\n      },\n    },\n\n    '&:active': {\n      '.table-header-icon-container, .table-header-text': {\n        color: 'var(--table-header-active-color)',\n      },\n    },\n\n    '&:hover, &[aria-sort=\"ascending\"], &[aria-sort=\"descending\"]': {\n      '.table-header-icon-container': {\n        display: 'inline',\n      },\n    },\n  }),\n\n  headerButtonTarget: css({\n    alignItems: 'flex-end',\n    display: 'flex',\n    overflow: 'hidden',\n    width: '100%',\n\n    '&:focus': {\n      '.table-header-text': {\n        color: 'var(--table-header-focus-color)',\n      },\n\n      '.table-header-icon-container': {\n        color: 'var(--table-header-focus-color)',\n        display: 'inline',\n      },\n    },\n\n    '&:active': {\n      '.table-header-icon-container, .table-header-text': {\n        color: 'var(--table-header-active-color)',\n      },\n    },\n  }),\n\n  checkboxCell: css({\n    display: 'flex',\n    alignItems: 'center',\n    flex: 0,\n    paddingLeft: 'var(--table-spacing-sm)',\n    paddingTop: 0,\n    paddingBottom: 0,\n    minWidth: 'var(--table-spacing-md)',\n    maxWidth: 'var(--table-spacing-md)',\n  }),\n\n  resizeHandleContainer: css({\n    position: 'absolute',\n    right: -3,\n    top: 'var(--table-spacing-sm)',\n    bottom: 'var(--table-spacing-sm)',\n    width: 'var(--table-spacing-sm)',\n    display: 'flex',\n    justifyContent: 'center',\n    cursor: 'col-resize',\n    userSelect: 'none',\n    touchAction: 'none',\n    zIndex: 1,\n  }),\n\n  resizeHandle: css({\n    width: 1,\n    background: 'var(--table-separator-color)',\n  }),\n\n  paginationContainer: css({\n    display: 'flex',\n    justifyContent: 'flex-end',\n    marginTop: 'var(--table-spacing-sm)',\n  }),\n};\n\nconst TableContext = createContext<{\n  size: 'default' | 'small';\n  someRowsSelected?: boolean;\n}>({\n  size: 'default',\n});\n\ninterface TableProps {\n  size?: 'default' | 'small';\n  /** Are any rows currently selected? You must specify this if using `TableRowSelectCell` in your table. */\n  someRowsSelected?: boolean;\n  /** Style property */\n  style?: CSSProperties;\n  /** Content slot for providing a pagination component */\n  pagination?: React.ReactNode;\n  /** Content slot for providing an Empty component */\n  empty?: React.ReactNode;\n}\n\nexport const Table: React.FC<TableProps> = ({\n  children,\n  size = 'default',\n  someRowsSelected,\n  style,\n  pagination,\n  empty,\n}): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return (\n    <TableContext.Provider value={{ size, someRowsSelected }}>\n      <div\n        // This is a performance optimization; we want to statically create the styles for the table,\n        // but for the dynamic theme values, we need to use CSS variables.\n        // See: https://emotion.sh/docs/best-practices#advanced-css-variables-with-style\n        style={{\n          ...style,\n          ['--table-separator-color' as any]: theme.colors.tableSeparatorColor,\n          ['--table-row-hover' as any]: theme.colors.tableRowHover,\n          ['--table-spacing-xs' as any]: `${theme.spacing.xs}px`,\n          ['--table-spacing-sm' as any]: `${theme.spacing.sm}px`,\n          ['--table-spacing-md' as any]: `${theme.spacing.md}px`,\n        }}\n      >\n        <div role=\"table\">\n          {children}\n          {empty && <div css={{ padding: theme.spacing.lg }}>{empty}</div>}\n        </div>\n        {!empty && pagination && <div css={tableStyles.paginationContainer}>{pagination}</div>}\n      </div>\n    </TableContext.Provider>\n  );\n};\n\nconst TableRowContext = createContext<{\n  isHeader: boolean;\n}>({\n  isHeader: false,\n});\n\ninterface TableRowProps {\n  isHeader?: boolean;\n  /** Vertical alignment of the row's cells. */\n  verticalAlignment?: 'top' | 'center';\n}\n\nexport const TableRow: React.FC<TableRowProps> = ({ children, isHeader = false, verticalAlignment = 'top' }) => {\n  const { size } = useContext(TableContext);\n  const { theme } = useDesignSystemTheme();\n\n  // Vertical only be larger if the row is a header AND size is large.\n  const shouldUseLargeVerticalPadding = isHeader && size === 'default';\n\n  let rowPadding;\n\n  if (shouldUseLargeVerticalPadding) {\n    rowPadding = theme.spacing.sm;\n  } else if (size === 'default') {\n    rowPadding = 6;\n  } else {\n    rowPadding = theme.spacing.xs;\n  }\n\n  return (\n    <TableRowContext.Provider value={{ isHeader }}>\n      <div\n        css={[tableStyles.row]}\n        role=\"row\"\n        style={{\n          ['--table-row-vertical-padding' as any]: `${rowPadding}px`,\n          ['--table-row-vertical-alignment' as any]: verticalAlignment === 'top' ? 'flex-start' : 'center',\n        }}\n      >\n        {children}\n      </div>\n    </TableRowContext.Provider>\n  );\n};\n\ninterface TableCellProps {\n  /** Enables single-line ellipsis truncation */\n  ellipsis?: boolean;\n  /** Style property */\n  style?: CSSProperties;\n}\n\nexport const TableCell: React.FC<TableCellProps> = ({ children, ellipsis = false, style }) => {\n  const { size } = useContext(TableContext);\n\n  let typographySize: TextProps['size'] = 'md';\n\n  if (size === 'small') {\n    typographySize = 'sm';\n  }\n\n  return (\n    <div css={[tableStyles.cell]} role=\"cell\" style={style}>\n      <Typography.Text\n        ellipsis={ellipsis}\n        size={typographySize}\n        title={(ellipsis && typeof children === 'string' && children) || undefined}\n      >\n        {children}\n      </Typography.Text>\n    </div>\n  );\n};\n\ninterface TableHeaderProps {\n  /** Enables single-line ellipsis truncation */\n  ellipsis?: boolean;\n  /** Is this column sortable? */\n  sortable?: boolean;\n  /** The current sort direction for this column */\n  sortDirection?: 'asc' | 'desc' | 'none';\n  /** Callback for when the user requests to toggle `sortDirection` */\n  onToggleSort?: (event: unknown) => void;\n  /** Style property */\n  style?: CSSProperties;\n}\n\nexport const TableHeader: React.FC<TableHeaderProps> = ({\n  children,\n  ellipsis = false,\n  sortable,\n  sortDirection,\n  onToggleSort,\n  style,\n}) => {\n  const { theme } = useDesignSystemTheme();\n  const { size } = useContext(TableContext);\n  const { isHeader } = useContext(TableRowContext);\n\n  if (!isHeader) {\n    throw new Error('`TableHeader` must be used within a `TableRow` with `isHeader` set to true.');\n  }\n\n  let sortIcon = <></>;\n  // While most libaries use `asc` and `desc` for the sort value, the ARIA spec\n  // uses `ascending` and `descending`.\n  let ariaSort: React.AriaAttributes['aria-sort'];\n\n  if (sortable) {\n    if (sortDirection === 'asc') {\n      sortIcon = <SortAscendingIcon />;\n      ariaSort = 'ascending';\n    } else if (sortDirection === 'desc') {\n      sortIcon = <SortDescendingIcon />;\n      ariaSort = 'descending';\n    } else if (sortDirection === 'none') {\n      sortIcon = <SortUnsortedIcon />;\n      ariaSort = 'none';\n    }\n  }\n\n  let typographySize: TextProps['size'] = 'md';\n\n  if (size === 'small') {\n    typographySize = 'sm';\n  }\n\n  const textContents = (\n    <Typography.Text\n      className=\"table-header-text\"\n      // If sortable, we must use ellipsis to prevent wrapping and misalignment.\n      ellipsis={ellipsis || sortable}\n      size={typographySize}\n      title={(ellipsis && typeof children === 'string' && children) || undefined}\n    >\n      {children}\n    </Typography.Text>\n  );\n\n  return (\n    <div\n      css={[tableStyles.cell, tableStyles.header]}\n      role=\"columnheader\"\n      aria-sort={(sortable && ariaSort) || undefined}\n      onClick={onToggleSort}\n      style={{\n        ...style,\n        ['--table-header-text-color' as any]: theme.colors.actionDefaultTextDefault,\n        ['--table-header-focus-color' as any]: theme.colors.actionDefaultTextHover,\n        ['--table-header-active-color' as any]: theme.colors.actionDefaultTextPress,\n        ['--table-header-sort-icon-color' as any]: theme.colors.textSecondary,\n      }}\n    >\n      {sortable ? (\n        <div\n          css={[tableStyles.headerButtonTarget]}\n          role=\"button\"\n          tabIndex={0}\n          onKeyDown={(event) => {\n            if (sortable && (event.key === 'Enter' || event.key === ' ')) {\n              event.preventDefault();\n              return onToggleSort?.(event);\n            }\n          }}\n        >\n          {textContents}\n          <span className=\"table-header-icon-container\" style={{ marginLeft: 4 }}>\n            {sortIcon}\n          </span>\n        </div>\n      ) : (\n        textContents\n      )}\n    </div>\n  );\n};\n\ninterface TableHeaderResizeHandleProps {\n  /** Style property */\n  style?: CSSProperties;\n  /** Pass a handler to be called on touchStart */\n  resizeHandler?: (event: unknown) => void;\n}\n\nexport const TableHeaderResizeHandle: React.FC<TableHeaderResizeHandleProps> = ({ style, resizeHandler }) => {\n  const { isHeader } = useContext(TableRowContext);\n\n  if (!isHeader) {\n    throw new Error('`TableHeaderResizeHandle` must be used within a `TableRow` with `isHeader` set to true.');\n  }\n\n  return (\n    <div onMouseDown={resizeHandler} onTouchStart={resizeHandler} css={tableStyles.resizeHandleContainer} style={style}>\n      <div css={tableStyles.resizeHandle} />\n    </div>\n  );\n};\n\ntype TableRowSelectCellProps = {\n  /** Called when the checkbox is clicked */\n  onChange?: (event: unknown) => void;\n  /** Whether the checkbox is checked */\n  checked?: boolean;\n  /** Whether the row is indeterminate. Should only be used in header rows. */\n  indeterminate?: boolean;\n  /** Don't render a checkbox; used for providing spacing in header if you don't want \"Select All\" functionality */\n  noCheckbox?: boolean;\n};\n\nexport const TableRowSelectCell: React.FC<TableRowSelectCellProps> = ({\n  onChange,\n  checked,\n  indeterminate,\n  noCheckbox,\n}) => {\n  const { isHeader } = useContext(TableRowContext);\n  const { someRowsSelected } = useContext(TableContext);\n\n  if (typeof someRowsSelected === 'undefined') {\n    throw new Error(\n      '`TableRowSelectCell` cannot be used unless `someRowsSelected` has been provided to the `Table` component, see documentation.'\n    );\n  }\n\n  if (!isHeader && indeterminate) {\n    throw new Error('`TableRowSelectCell` cannot be used with `indeterminate` in a non-header row.');\n  }\n\n  return (\n    <div\n      css={tableStyles.checkboxCell}\n      style={{\n        ['--row-checkbox-opacity' as any]: someRowsSelected ? 1 : 0,\n      }}\n      role={isHeader ? 'columnheader' : 'cell'}\n      // TODO: Ideally we shouldn't need to specify this `className`, but it allows for row-hovering to reveal\n      // the checkbox in `TableRow`'s CSS without extra JS pointerin/out events.\n      className=\"table-row-select-cell\"\n    >\n      {!noCheckbox && (\n        <Checkbox\n          isChecked={checked || (indeterminate && null)}\n          onChange={(_checked, event) => onChange?.(event.nativeEvent)}\n        />\n      )}\n    </div>\n  );\n};\n\ninterface TableRowMenuContainerProps {\n  /** Style property */\n  style?: CSSProperties;\n}\n\nexport const TableRowMenuContainer: React.FC<TableRowMenuContainerProps> = ({ children, style }) => {\n  return (\n    <div css={tableStyles.rowMenuContainer} style={style}>\n      {children}\n    </div>\n  );\n};\n\ninterface TableSkeletonProps {\n  /** Number of rows to render */\n  lines?: number;\n  /** Seed that deterministically arranges the uneven lines, so that they look like ragged text.\n   * If you don't provide this (or give each skeleton the same seed) they will all look the same. */\n  seed?: string;\n  /** Style property */\n  style?: CSSProperties;\n}\n\nconst TableSkeletonStyles = {\n  container: css({\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-start',\n    margin: '6px 0',\n    gap: 12,\n  }),\n\n  cell: css({\n    width: '100%',\n    height: 8,\n    borderRadius: 4,\n    background: 'var(--table-skeleton-color)',\n  }),\n};\n\nexport const TableSkeleton: React.FC<TableSkeletonProps> = ({ lines = 1, seed = '', style }) => {\n  const { theme } = useDesignSystemTheme();\n\n  // This is a very simple PRNG that is seeded (so that the output is deterministic).\n  // We need this in order to produce a random ragged edge for the table skeleton.\n  function pseudoRandomNumberGeneratorFromSeed(seed: string) {\n    // This is a simple way to get a consistent number from a string;\n    // `charCodeAt` returns a number between 0 and 65535, and we then just add them all up.\n    const seedValue = seed\n      .split('')\n      .map((char) => char.charCodeAt(0))\n      .reduce((prev, curr) => prev + curr, 0);\n\n    // This is a simple sine wave function that will always return a number between 0 and 1.\n    // This produces a value akin to `Math.random()`, but has deterministic output.\n    // Of course, sine curves are not a perfectly random distribution between 0 and 1, but\n    // it's close enough for our purposes.\n    return Math.sin(seedValue) / 2 + 0.5;\n  }\n\n  // This is a simple Fisher-Yates shuffler using the above PRNG.\n  function shuffleArray<T>(arr: T[], seed: string): T[] {\n    for (let i = arr.length - 1; i > 0; i--) {\n      const j = Math.floor(pseudoRandomNumberGeneratorFromSeed(seed + String(i)) * (i + 1));\n      [arr[i], arr[j]] = [arr[j], arr[i]];\n    }\n    return arr;\n  }\n\n  // Finally, we shuffle a list off offsets to apply to the widths of the cells.\n  // This ensures that the cells are not all the same width, but that they are\n  // random to produce a more realistic looking skeleton.\n  const widths = shuffleArray<number>([48, 24, 0], seed);\n\n  return (\n    <div\n      css={TableSkeletonStyles.container}\n      style={{\n        ...style,\n        // TODO: Pull this from the themes; it's not currently available.\n        ['--table-skeleton-color' as any]: theme.isDarkMode ? 'rgba(255, 255, 255, 0.1)' : 'rgba(31, 38, 45, 0.1)',\n      }}\n    >\n      {[...Array(lines)].map((_, idx) => (\n        <div key={idx} css={[TableSkeletonStyles.cell, { width: `calc(100% - ${widths[idx % widths.length]}px)` }]} />\n      ))}\n    </div>\n  );\n};\n","import { css } from '@emotion/react';\nimport * as RadixSlider from '@radix-ui/react-slider';\nimport { forwardRef } from 'react';\n\nimport { useDesignSystemTheme } from '../../design-system/Hooks';\nimport type { Theme } from '../../theme';\n\nexport type SliderRootProps = Omit<RadixSlider.SliderProps, 'orientation'>;\nexport type SliderTrackProps = RadixSlider.SliderTrackProps;\nexport type SliderRangeProps = RadixSlider.SliderRangeProps;\nexport type SliderThumbProps = RadixSlider.SliderThumbProps;\n\nconst getRootStyles = () => {\n  return css({\n    position: 'relative',\n    display: 'flex',\n    alignItems: 'center',\n\n    '&[data-orientation=\"vertical\"]': {\n      flexDirection: 'column',\n      width: 20,\n      height: 100,\n    },\n\n    '&[data-orientation=\"horizontal\"]': {\n      height: 20,\n      width: 200,\n    },\n  });\n};\n\nexport const Root = forwardRef<HTMLElement, SliderRootProps>((props: SliderRootProps, ref): JSX.Element => {\n  return <RadixSlider.Root css={getRootStyles()} {...props} ref={ref} />;\n});\n\nconst getTrackStyles = (theme: Theme) => {\n  return css({\n    backgroundColor: theme.colors.grey100,\n    position: 'relative',\n    flexGrow: 1,\n    borderRadius: 9999,\n\n    '&[data-orientation=\"vertical\"]': {\n      width: 3,\n    },\n\n    '&[data-orientation=\"horizontal\"]': {\n      height: 3,\n    },\n  });\n};\n\nexport const Track = forwardRef<HTMLElement, SliderTrackProps>((props: SliderTrackProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Track css={getTrackStyles(theme)} {...props} ref={ref} />;\n});\n\nconst getRangeStyles = (theme: Theme) => {\n  return css({\n    backgroundColor: theme.colors.primary,\n    position: 'absolute',\n    borderRadius: 9999,\n    height: '100%',\n\n    '&[data-disabled]': {\n      backgroundColor: theme.colors.grey100,\n    },\n  });\n};\n\nexport const Range = forwardRef<HTMLElement, SliderRangeProps>((props: SliderRangeProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Range css={getRangeStyles(theme)} {...props} ref={ref} />;\n});\n\nconst getThumbStyles = (theme: Theme) => {\n  return css({\n    display: 'block',\n    width: 20,\n    height: 20,\n    backgroundColor: theme.colors.actionPrimaryBackgroundDefault,\n    boxShadow: `0 2px 4px 0 ${theme.colors.grey400}`,\n    borderRadius: 10,\n    outline: 'none',\n\n    '&:hover': {\n      backgroundColor: theme.colors.actionPrimaryBackgroundHover,\n    },\n\n    '&:focus': {\n      backgroundColor: theme.colors.actionPrimaryBackgroundPress,\n    },\n\n    '&[data-disabled]': {\n      backgroundColor: theme.colors.grey200,\n      boxShadow: 'none',\n    },\n  });\n};\n\nexport const Thumb = forwardRef<HTMLElement, SliderThumbProps>((props: SliderThumbProps, ref): JSX.Element => {\n  const { theme } = useDesignSystemTheme();\n\n  return <RadixSlider.Thumb css={getThumbStyles(theme)} {...props} ref={ref} />;\n});\n"],"names":["filterContextDefaults","label","value","isInsideFilter","multiSelect","setValue","setIsControlled","FilterContext","createContext","FilterContextProvider","children","_jsx","useFilterContext","useContext","Filter","props","isControlled","useState","selectedValue","setSelectedValue","useEffect","Array","isArray","length","every","v","i","Root","stayOpenOnSelection","open","restProps","isOpen","setIsOpen","handleOpenChange","undefined","getFilterButtonContainerStyles","theme","css","display","flexDirection","justifyContent","alignItems","padding","spacing","sm","lg","gap","alignSelf","FilterButtonContainer","useDesignSystemTheme","Error","FilterLoadingSpinner","height","general","heightSm","width","fontSize","getContentWrapperStyles","maxHeight","maxWidth","minHeight","minWidth","background","colors","backgroundPrimary","color","textPrimary","overflow","zIndex","options","zIndexBase","boxSizing","xs","border","boxShadow","shadowLow","borderRadius","colorScheme","isDarkMode","FilterContent","forwardRef","forwardedRef","loading","align","side","sideOffset","getPopupContainer","useDesignSystemContext","getCountBadgeStyles","importantify","tagDefault","borderRadiusBase","fontWeight","typography","typographyBoldFontWeight","fontSizeSm","FilterCountBadge","FilterOptionListContext","FilterOptionListContextProvider","useFilterOptionListContext","getFilterOptionItemWrapperStyles","lineHeight","lineHeightBase","cursor","userSelect","actionTertiaryBackgroundHover","FilterOptionListCheckboxItem","ref","checked","indeterminate","onChange","isInsideFilterOptionList","handleSelect","e","stopPropagation","filterChildren","searchValue","React","Children","map","child","toLowerCase","includes","filter","FilterOptionListSearch","hasWrapper","setSearchValue","handleOnChange","event","target","filteredChildren","cloneElement","_jsxs","textSecondary","textAlign","FilterOptionListSelectItem","outline","key","preventDefault","nextSibling","currentTarget","nextElementSibling","focus","previousSibling","previousElementSibling","marginLeft","FilterOptionControlledList","withProgressiveLoading","withSearch","showSelectAndClearAll","isOptionChecked","reduce","acc","option","handleUpdate","updatedValue","newValue","find","item","handleSelectAll","forEach","renderedOptions","FilterOptionList","FilterSectionHeader","FilterSeparator","margin","borderDecorative","borderBottom","getTriggerWrapperStyles","removable","borderBottomLeftRadius","borderTopLeftRadius","getTriggerStyles","removeButtonInteractionStyles","position","actionDefaultBorderDefault","borderBottomRightRadius","borderTopRightRadius","borderRightColor","actionDefaultBackgroundHover","borderColor","actionDefaultBorderHover","actionDefaultBorderFocus","FilterTrigger","onRemove","withCountBadge","showBadgeAfterValueCount","allowClear","controlled","onClear","handleRemove","console","warn","handleClear","showTooltip","setShowTooltip","triggerContentRef","useRef","current","clientWidth","scrollWidth","concatenatedValues","join","displayedValues","ariaLabel","triggerContent","whiteSpace","textOverflow","marginRight","textPlaceholder","actionTertiaryTextHover","tableStyles","row","cell","rowMenuContainer","header","headerButtonTarget","checkboxCell","resizeHandleContainer","right","top","bottom","touchAction","resizeHandle","paginationContainer","TableContext","size","Table","someRowsSelected","style","pagination","empty","tableSeparatorColor","tableRowHover","md","TableRowContext","isHeader","TableRow","verticalAlignment","shouldUseLargeVerticalPadding","rowPadding","TableCell","ellipsis","typographySize","TableHeader","sortable","sortDirection","onToggleSort","sortIcon","ariaSort","textContents","actionDefaultTextDefault","actionDefaultTextHover","actionDefaultTextPress","TableHeaderResizeHandle","resizeHandler","TableRowSelectCell","noCheckbox","_checked","nativeEvent","TableRowMenuContainer","TableSkeletonStyles","container","TableSkeleton","lines","seed","pseudoRandomNumberGeneratorFromSeed","seedValue","split","char","charCodeAt","prev","curr","Math","sin","shuffleArray","arr","j","floor","String","widths","_","idx","getRootStyles","getTrackStyles","backgroundColor","grey100","flexGrow","Track","getRangeStyles","primary","Range","getThumbStyles","actionPrimaryBackgroundDefault","grey400","actionPrimaryBackgroundHover","actionPrimaryBackgroundPress","grey200","Thumb"],"mappings":"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"}

package/dist/index-dark.css

@@ -18882,6 +18882,7 @@ div.du-bois-dark-typography-edit-content.du-bois-dark-typography-rtl {
 }
 .du-bois-dark-notification-notice {
   padding: 10px 40px 10px 32px;
+  box-shadow: 0px 4px 16px rgba(46, 56, 64, 0.12);
 }
 .du-bois-dark-notification-notice .du-bois-dark-notification-notice-icon {
   font-size: 16px;

package/dist/index-mfe-dark.css

@@ -17487,6 +17487,7 @@
 }
 .mfe-root .du-bois-dark-notification-notice {
   padding: 10px 40px 10px 32px;
+  box-shadow: 0px 4px 16px rgba(46, 56, 64, 0.12);
 }
 .mfe-root .du-bois-dark-notification-notice .du-bois-dark-notification-notice-icon {
   font-size: 16px;

package/dist/index-mfe.css

@@ -17149,6 +17149,7 @@
 }
 .mfe-root .du-bois-light-notification-notice {
   padding: 10px 40px 10px 32px;
+  box-shadow: 0px 4px 16px rgba(46, 56, 64, 0.12);
 }
 .mfe-root .du-bois-light-notification-notice .du-bois-light-notification-notice-icon {
   font-size: 16px;

package/dist/index.css

@@ -18511,6 +18511,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
 }
 .du-bois-light-notification-notice {
   padding: 10px 40px 10px 32px;
+  box-shadow: 0px 4px 16px rgba(46, 56, 64, 0.12);
 }
 .du-bois-light-notification-notice .du-bois-light-notification-notice-icon {
   font-size: 16px;