@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+1YTU/jMBC991fMBQQSrlokDhsue9z9BXt24wmx6tjW2IGyiP++stvSNB9OKJxWOUSq4jdvJuP5eOpS6kJq6ZH5EitkmlfImCu5yHVGxvg7WCYg8LYAYOwDUSIXSCxHpdjGUPhN8qn0GWij8XEM3AsrpPJIDIX0htiG59snMrUWGTxzumkAybwwI0QDcjvg0ShDR/Oq9ihYYQiTNgm/w/7ip515Ox2Ft218obgrpX5KeeN5jtqP2Nc2ReHqPEfnRjiEedEpFiQy1M9Roa7Pv9saa56REnmONhdlOVpKjxUT0vGNQnHG44lrZzmh9oOGPPfyGceKq4yfMCUQS+hcK4494f762pbKcMEq7rbM485floYTx0DFfRRj2zJ820Uuw1sbasUbozb8wi45jZUM9mOlF1AZgRmoME5a512viZZs5ma4Gs9a5KOISVacXtvYRiMckQKdpzoWVRvd7N8R4rMBOamimxbtau3cSD99pzjQyb/ISq6FwnHS3gJr7gNvbAZruwNnlBTH+4pn3VTFrozWUguZ87ABpHboM7i3u0hzeBKmp2gZV7bkGayW6xR+H+iUGxpwI7DgtfIZRA5Wyd2N1GC2Ki/vWoSwXl3dNW8UfqyuUvlTWPSv02lLt4l6kcKXGaw62etu0k+0c9+kTGUiLuBbeGjn4aGbh0DtUGHue2frnillM1q+Ax4mrBxjeS79ayiu+4C+huXvA/xXbLQ/xK1FipIJ4HAFG+O9qfpn9alhonuA6yzGf2AAaFRc/8gfXFoA74vwvC/a6i5MWcbilP3EUVMTps66arJBmlSaScvvIz0Ttwnayy1Tsc5qelbTs5qe1fSspmc1PavpWU3Pavq/UNOC03b6yVe1dOD8ftUbWd+GN0k4f1y8L35WKCSHG0tYIB1GPnN5gO5Rt5EmFcLUP55HgolX8g/JRxlA4RYAAA== */
@layer infinite-table {
  .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-grouping-toolbar-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-grouping-toolbar-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;
    }
  }
}