@adobe/spectrum-css/dist/components/table/vars.css

The Spectrum CSS top-level backwards compatible package

.spectrum-Table {
  --spectrum-table-header-sort-icon-gap: var(--spectrum-global-dimension-size-125);
  --spectrum-table-header-text-size: var(--spectrum-global-dimension-font-size-50);
  --spectrum-table-header-text-font-weight: var(--spectrum-global-font-weight-bold);
  --spectrum-table-header-text-line-height: var(--spectrum-alias-heading-text-line-height);
  --spectrum-table-header-min-height: var(--spectrum-global-dimension-size-150);
  --spectrum-table-header-text-letter-spacing: var(--spectrum-global-font-letter-spacing-medium);
  --spectrum-table-header-padding-y: var(--spectrum-global-dimension-static-size-125);
  --spectrum-table-header-padding-x: var(--spectrum-global-dimension-size-200);
  --spectrum-table-header-border-radius: 0px;
  --spectrum-table-border-size: var(--spectrum-alias-border-size-thin);
  --spectrum-table-border-radius: var(--spectrum-alias-border-radius-regular);
  --spectrum-table-cell-vertical-alignment: top;
  --spectrum-table-cell-text-size: var(--spectrum-alias-font-size-default);
  --spectrum-table-cell-text-font-weight: var(--spectrum-global-font-weight-regular);
  --spectrum-table-cell-text-line-height: var(--spectrum-alias-body-text-line-height);
  --spectrum-table-cell-padding-y: var(--spectrum-global-dimension-size-175);
  --spectrum-table-cell-padding-x: var(--spectrum-global-dimension-size-200);
  --spectrum-table-cell-min-height: var(--spectrum-global-dimension-size-600);
  --spectrum-table-cell-border-radius-key-focus: var(--spectrum-alias-border-radius-regular);
  --spectrum-table-divider-border-size: var(--spectrum-alias-border-size-thin);
  --spectrum-table-quiet-border-radius: 0px;
  --spectrum-table-cell-checkbox-padding-right: var(--spectrum-global-dimension-size-100);
  --spectrum-table-cell-checkbox-vertical-alignment: middle;
  --spectrum-table-header-text-color: var(--spectrum-alias-label-text-color);
  --spectrum-table-header-background-color: var(--spectrum-alias-background-color-transparent);
  --spectrum-table-header-sort-icon-color: var(--spectrum-global-color-gray-600);
  --spectrum-table-header-text-color-hover: var(--spectrum-alias-text-color-hover);
  --spectrum-table-header-sort-icon-color-hover: var(--spectrum-alias-icon-color-hover);
  --spectrum-table-header-text-color-key-focus: var(--spectrum-alias-text-color-hover);
  --spectrum-table-header-sort-icon-color-key-focus: var(--spectrum-alias-icon-color-focus);
  --spectrum-table-header-text-color-down: var(--spectrum-alias-text-color-down);
  --spectrum-table-header-sort-icon-color-down: var(--spectrum-alias-icon-color-down);
  --spectrum-alias-border-color-focus: var(--spectrum-global-color-blue-400);
  --spectrum-alias-highlight-selected: undefined;
  --spectrum-table-cell-border-color-key-focus: var(--spectrum-alias-border-color-focus);
  --spectrum-table-border-color: var(--spectrum-alias-border-color-mid);
  --spectrum-table-background-color: var(--spectrum-global-color-gray-50);
  --spectrum-table-cell-border-color: var(--spectrum-global-color-gray-300);
  --spectrum-table-row-background-color: var(--spectrum-alias-background-color-transparent);
  --spectrum-table-row-background-color-hover: var(--spectrum-alias-highlight-hover);
  --spectrum-table-row-background-color-down: var(--spectrum-alias-highlight-active);
  --spectrum-table-row-background-color-selected: var(--spectrum-alias-highlight-selected);
  --spectrum-table-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover);
  --spectrum-table-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover);
  --spectrum-table-cell-text-color: var(--spectrum-alias-text-color);
  --spectrum-table-cell-background-color: var(--spectrum-alias-background-color-transparent);
  --spectrum-table-divider-border-color: var(--spectrum-alias-border-color-mid);
  --spectrum-table-quiet-cell-background-color: var(--spectrum-alias-background-color-transparent);
  --spectrum-table-quiet-row-background-color: var(--spectrum-alias-background-color-transparent);
  --spectrum-table-quiet-row-background-color-hover: var(--spectrum-alias-highlight-hover);
  --spectrum-table-quiet-row-background-color-down: var(--spectrum-alias-highlight-active);
  --spectrum-table-quiet-row-background-color-selected: var(--spectrum-alias-highlight-selected);
  --spectrum-table-quiet-row-background-color-selected-hover: var(--spectrum-alias-highlight-selected-hover);
  --spectrum-table-quiet-row-background-color-selected-key-focus: var(--spectrum-alias-highlight-selected-hover);
}