@infinite-table/infinite-react/theme/shadcn.css

Infinite Table for React

/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-shadcn.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+1YTW/bMAy951fw0qIFqiAp0MPcy47bL9hZsehaiCwJlNymK/rfBylJ4/hDdtMCu/gQIIgeHymSIh+ylLqQWnpkvsQKmeYVMuZKLnKdkTH+DpYJCLwtABj7QJTIBRLLUSm2MRS+k3wqfQbaaHwcA/fCCqk8EkMhvSG24fn2iUytRQbPnG4aQDIvzAjRgNwOeDTK0NG8qj0KVhjCpE3C77C/eLUzb6ej8GsbXyjuSqmfUt54nqP2I/a1TVG4Os/RuREOYV50igWJDPVzVKjr83tbY80zUiLP0eaiLEdL6bFiQjq+USjOeDxx7Swn1H7QkOdePuNYc5XxClMCsYTOteLYE+7L17ZUhgtWcbdlHnf+sjScOAY67qMZ25bhbhe5PA2EDPYDoRdQGYEZqDAIWuddr4nH1LzVcB+dNfdH+5GsOL22sY0WPiIFOk91bIc2uvnyRojPRtukXmxatPusU5F++k5Z0cm/yEquhcJx0t7WaE5yb2wGa7sDZ5QUx3rFs26q4nuK1lILmfMwu6V26DO4t7tIc/gkTE/RMq5syTNYLdcp/D7QKRUacCOw4LXyGUQOVsndjdRgtiov71qEsF5d3TUrCj9WV6n8KSz6F+G0ddlEvUjhywxWnex1d+AnnnPfjEtlIq7OW3ho5+Ghm4dA7VBh7nun4p4pZTPavgMeJiwLY3ku/WtorvuAvobl7wP8V3xof4hbixTFDsChBBvjvan6p+zpwUT3ANdZjP/AANDouP5hPbhuAN4X4fO+aOuyMGUZi1P2E0dNNZc66+rABmlSIyYtv4/0TJYmaC+3TMU66+BZB886eNbBsw6edfCsg2cdPOvg/6yDBaft9JOvquDA+f16NbK+DW+ScP64eF/8rFBIDjeWsEA6jHzm8gDdo24jTSqEqX/2jgQTS/IPjS/gcFUWAAA= */
.infinite-theme-name--shadcn:root,
.infinite-theme-name--shadcn {
  --infinite-header-cell-border-right: none;
  --infinite-header-cell-border: none;
  --infinite-filter-editor-background: var(--infinite-row-odd-background);
  --infinite-header-color: var(--muted-foreground);
  --infinite-header-background: var(--infinite-background);
  --infinite-cell-color: var(--infinite-color);
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-menu-color: var(--popover-foreground);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-item-disabled-background: transparent;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--accent);
  --infinite-load-mask-text-background: var(--infinite-background);
  --infinite-load-mask-color: var(--infinite-cell-color);
  --infinite-row-background: var(--infinite-background);
  --infinite-theme-name: shadcn;
  --infinite-theme-mode: light;
  --infinite-background: var(--background);
  --infinite-color: var(--foreground);
  --infinite-success-color: var(--primary);
  --infinite-error-color: var(--destructive);
  --infinite-accent-color: var(--primary);
  --infinite-header-cell-background: transparent;
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
  --infinite-resize-handle-hover-background: var(--infinite-color);
  --infinite-cell-border-top: 1px solid var(--border);
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
  --infinite-active-cell-background-alpha: 0.1;
  --infinite-active-cell-border-color: var(--primary);
  --infinite-active-cell-background-default: color-mix(in oklch, var(--primary) 10%, transparent 90%);
  --infinite-cell-border-left: none;
  --infinite-cell-border-right: none;
  --infinite-cell-border-width: 0px;
  --infinite-row-odd-background: var(--infinite-background);
  --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
  --infinite-row-selected-background: var(--muted);
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
  --infinite-menu-item-disabled-opacity: 0.2;
  & .InfiniteHeaderWrapper {
    border-bottom: var(--infinite-cell-border-top);
    &:hover {
      background-color: var(--infinite-row-hover-background);
    }
  }
}
.infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--shadcn.infinite-theme-name--shadcn,
.infinite-theme-mode--light .infinite-theme-name--shadcn,
.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--shadcn,
.infinite-theme-name--shadcn .infinite-theme-mode--light,
.infinite-theme-name--shadcn .infinite-theme-mode--light.infinite-theme-mode--light {
  --infinite-header-cell-border-right: none;
  --infinite-header-cell-border: none;
  --infinite-filter-editor-background: var(--infinite-row-odd-background);
  --infinite-header-color: var(--muted-foreground);
  --infinite-header-background: var(--infinite-background);
  --infinite-cell-color: var(--infinite-color);
  --infinite-flashing-background: var(--infinite-accent-color);
  --infinite-flashing-up-background: var(--infinite-success-color);
  --infinite-flashing-down-background: var(--infinite-error-color);
  --infinite-menu-color: var(--popover-foreground);
  --infinite-menu-background: var(--infinite-background);
  --infinite-menu-item-disabled-background: transparent;
  --infinite-menu-item-active-background: var(--infinite-row-hover-background);
  --infinite-menu-item-pressed-background: var(--accent);
  --infinite-load-mask-text-background: var(--infinite-background);
  --infinite-load-mask-color: var(--infinite-cell-color);
  --infinite-row-background: var(--infinite-background);
  --infinite-theme-name: shadcn;
  --infinite-theme-mode: light;
  --infinite-background: var(--background);
  --infinite-color: var(--foreground);
  --infinite-success-color: var(--primary);
  --infinite-error-color: var(--destructive);
  --infinite-accent-color: var(--primary);
  --infinite-header-cell-background: transparent;
  --infinite-header-cell-hover-background: var(--infinite-header-cell-background);
  --infinite-resize-handle-hover-background: var(--infinite-color);
  --infinite-cell-border-top: 1px solid var(--border);
  --infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
  --infinite-active-cell-background-alpha: 0.1;
  --infinite-active-cell-border-color: var(--primary);
  --infinite-active-cell-background-default: color-mix(in oklch, var(--primary) 10%, transparent 90%);
  --infinite-cell-border-left: none;
  --infinite-cell-border-right: none;
  --infinite-cell-border-width: 0px;
  --infinite-row-odd-background: var(--infinite-background);
  --infinite-row-hover-background: color-mix(in oklch, var(--muted) 50%, transparent 50%);
  --infinite-row-selected-background: var(--muted);
  --infinite-row-selected-hover-background: var(--infinite-row-selected-background);
  --infinite-menu-item-disabled-opacity: 0.2;
  & .InfiniteHeaderWrapper {
    border-bottom: var(--infinite-cell-border-top);
    &:hover {
      background-color: var(--infinite-row-hover-background);
    }
  }
}
.infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--shadcn.infinite-theme-name--shadcn,
.infinite-theme-mode--dark .infinite-theme-name--shadcn,
.infinite-theme-name--shadcn .infinite-theme-mode--dark {
  --infinite-theme-mode: dark;
}
@media (prefers-color-scheme: dark) {
  .infinite-theme-name--shadcn:root,
  .infinite-theme-name--shadcn {
    --infinite-theme-mode: dark;
  }
}