intable 0.0.8 → 0.0.10

package/{packages/intable/src → dist}/theme/dark.scss

@@ -1,46 +1,46 @@
-/**
- * intable — Dark (OLED) Theme
- * Deep black background, high contrast, WCAG AAA compliant
- * Best for: developer tools, night mode, coding platforms
- */
-
-.data-table {
-  --bg: #0d1117;
-  --c-primary: #388bfd;
-
-  --menu-bg: #161b22;
-  --li-hover-bg: rgba(177, 186, 196, 0.12);
-
-  --table-b: 1px solid var(--table-b-c);
-  --table-b-c: #30363d;
-  --table-c: #e6edf3;
-  --table-bg: #0d1117;
-
-  --table-header-c: #8b949e;
-  --table-header-bg: #161b22;
-
-  --table-row-hover-bg: #161b22;
-
-  --select-area-bg: #388bfd1f;
-
-  color-scheme: dark;
-  font-size: 13px;
-
-  th, td {
-    padding: 8px 12px;
-    line-height: 20px;
-  }
-
-  &--small {
-    font-size: 12px;
-
-    th, td {
-      padding: 4px 8px;
-    }
-  }
-
-  thead th {
-    font-weight: 600;
-    letter-spacing: 0.01em;
-  }
-}
+/**
+ * intable — Dark (OLED) Theme
+ * Deep black background, high contrast, WCAG AAA compliant
+ * Best for: developer tools, night mode, coding platforms
+ */
+
+.data-table {
+  --bg: #0d1117;
+  --c-primary: #388bfd;
+
+  --menu-bg: #161b22;
+  --li-hover-bg: rgba(177, 186, 196, 0.12);
+
+  --table-b: 1px solid var(--table-b-c);
+  --table-b-c: #30363d;
+  --table-c: #e6edf3;
+  --table-bg: #0d1117;
+
+  --table-header-c: #8b949e;
+  --table-header-bg: #161b22;
+
+  --table-row-hover-bg: #161b22;
+
+  --select-area-bg: #388bfd1f;
+
+  color-scheme: dark;
+  font-size: 13px;
+
+  th, td {
+    padding: 8px 12px;
+    line-height: 20px;
+  }
+
+  &--small {
+    font-size: 12px;
+
+    th, td {
+      padding: 4px 8px;
+    }
+  }
+
+  thead th {
+    font-weight: 600;
+    letter-spacing: 0.01em;
+  }
+}

package/{packages/intable/src → dist}/theme/element-plus.scss

@@ -1,39 +1,39 @@
-.data-table {
-  --bg: var(--el-bg-color, #fff);
-
-  --menu-bg: var(--el-bg-color-overlay, #fff);
-  --li-hover-bg: var(--el-fill-color-light, #f5f7fa);
-
-  --table-b: 1px solid var(--table-b-c);
-  --table-b-c: var(--el-table-border-color, #ebeef5);
-  --table-c: var(--el-table-text-color, #606266);
-  --table-bg: var(--el-table-tr-bg-color, #fff);
-
-  --table-header-c: var(--el-table-header-text-color, #909399);
-  --table-header-bg: var(--table-bg);
-  
-  --table-row-hover-bg: var(--el-table-row-hover-bg-color, #f5f7fa);
-
-  line-height: 23px;
-  font-size: 14px;
-  
-  thead th {
-    font-weight: 600;
-  }
-
-  th, td {
-    padding: 8px 12px;
-  }
-
-  .row-selection {
-    width: 45px;
-  }
-
-  &--small {
-    font-size: 12px;
-
-    th, td {
-      padding: 4px 8px;
-    }
-  }
+.data-table {
+  --bg: var(--el-bg-color, #fff);
+
+  --menu-bg: var(--el-bg-color-overlay, #fff);
+  --li-hover-bg: var(--el-fill-color-light, #f5f7fa);
+
+  --table-b: 1px solid var(--table-b-c);
+  --table-b-c: var(--el-table-border-color, #ebeef5);
+  --table-c: var(--el-table-text-color, #606266);
+  --table-bg: var(--el-table-tr-bg-color, #fff);
+
+  --table-header-c: var(--el-table-header-text-color, #909399);
+  --table-header-bg: var(--table-bg);
+  
+  --table-row-hover-bg: var(--el-table-row-hover-bg-color, #f5f7fa);
+
+  line-height: 23px;
+  font-size: 14px;
+  
+  thead th {
+    font-weight: 600;
+  }
+
+  th, td {
+    padding: 8px 12px;
+  }
+
+  .row-selection {
+    width: 45px;
+  }
+
+  &--small {
+    font-size: 12px;
+
+    th, td {
+      padding: 4px 8px;
+    }
+  }
 }

package/{packages/intable/src → dist}/theme/github.scss

@@ -1,80 +1,80 @@
-/**
- * intable — GitHub Theme
- * Matches GitHub's Primer design system — light & dark surfaces
- * Best for: developer tools, docs sites, code-adjacent UIs
- */
-
-.data-table {
-  --bg: #ffffff;
-  --c-primary: #0969da;
-
-  --menu-bg: #ffffff;
-  --li-hover-bg: #f3f4f6;
-
-  --table-b: 1px solid var(--table-b-c);
-  --table-b-c: #d0d7de;
-  --table-c: #1f2328;
-  --table-bg: #ffffff;
-
-  --table-header-c: #636c76;
-  --table-header-bg: #f6f8fa;
-
-  --table-row-hover-bg: #f6f8fa;
-
-  --select-area-bg: #0969da1a;
-
-  font-size: 14px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
-
-  th, td {
-    padding: 8px 12px;
-    line-height: 1.5;
-  }
-
-  thead th {
-    font-weight: 600;
-    white-space: nowrap;
-  }
-
-  tbody tr:nth-child(even) td {
-    background-color: #f6f8fa;
-  }
-
-  tbody tr:nth-child(even):hover td {
-    background-color: var(--table-row-hover-bg);
-  }
-
-  &--small {
-    font-size: 12px;
-
-    th, td {
-      padding: 4px 8px;
-    }
-  }
-
-  // Dark (GitHub Dark Default)
-  &.dark, [data-theme="dark"] & {
-    --bg: #0d1117;
-    --c-primary: #388bfd;
-
-    --menu-bg: #161b22;
-    --li-hover-bg: rgba(177, 186, 196, 0.12);
-
-    --table-b-c: #30363d;
-    --table-c: #e6edf3;
-    --table-bg: #0d1117;
-
-    --table-header-c: #8b949e;
-    --table-header-bg: #161b22;
-
-    --table-row-hover-bg: #161b22;
-
-    --select-area-bg: #388bfd1f;
-
-    color-scheme: dark;
-
-    tbody tr:nth-child(even) td {
-      background-color: #161b22;
-    }
-  }
-}
+/**
+ * intable — GitHub Theme
+ * Matches GitHub's Primer design system — light & dark surfaces
+ * Best for: developer tools, docs sites, code-adjacent UIs
+ */
+
+.data-table {
+  --bg: #ffffff;
+  --c-primary: #0969da;
+
+  --menu-bg: #ffffff;
+  --li-hover-bg: #f3f4f6;
+
+  --table-b: 1px solid var(--table-b-c);
+  --table-b-c: #d0d7de;
+  --table-c: #1f2328;
+  --table-bg: #ffffff;
+
+  --table-header-c: #636c76;
+  --table-header-bg: #f6f8fa;
+
+  --table-row-hover-bg: #f6f8fa;
+
+  --select-area-bg: #0969da1a;
+
+  font-size: 14px;
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
+
+  th, td {
+    padding: 8px 12px;
+    line-height: 1.5;
+  }
+
+  thead th {
+    font-weight: 600;
+    white-space: nowrap;
+  }
+
+  tbody tr:nth-child(even) td {
+    background-color: #f6f8fa;
+  }
+
+  tbody tr:nth-child(even):hover td {
+    background-color: var(--table-row-hover-bg);
+  }
+
+  &--small {
+    font-size: 12px;
+
+    th, td {
+      padding: 4px 8px;
+    }
+  }
+
+  // Dark (GitHub Dark Default)
+  &.dark, [data-theme="dark"] & {
+    --bg: #0d1117;
+    --c-primary: #388bfd;
+
+    --menu-bg: #161b22;
+    --li-hover-bg: rgba(177, 186, 196, 0.12);
+
+    --table-b-c: #30363d;
+    --table-c: #e6edf3;
+    --table-bg: #0d1117;
+
+    --table-header-c: #8b949e;
+    --table-header-bg: #161b22;
+
+    --table-row-hover-bg: #161b22;
+
+    --select-area-bg: #388bfd1f;
+
+    color-scheme: dark;
+
+    tbody tr:nth-child(even) td {
+      background-color: #161b22;
+    }
+  }
+}

package/{packages/intable/src → dist}/theme/material.scss

@@ -1,73 +1,73 @@
-/**
- * intable — Material Design 3 Theme
- * Google Material You / M3 surface tones and typography
- * Best for: Android-style web apps, admin panels, data management UIs
- */
-
-.data-table {
-  --bg: #fffbfe;
-  --c-primary: #6750a4;
-
-  --menu-bg: #ece6f0;
-  --li-hover-bg: rgba(103, 80, 164, 0.08);
-
-  --table-b: 1px solid var(--table-b-c);
-  --table-b-c: #cac4d0;
-  --table-c: #1c1b1f;
-  --table-bg: #fffbfe;
-
-  --table-header-c: #49454f;
-  --table-header-bg: #fffbfe;
-
-  --table-row-hover-bg: rgba(103, 80, 164, 0.08);
-
-  --select-area-bg: rgba(103, 80, 164, 0.12);
-
-  font-size: 14px;
-  font-family: 'Roboto', sans-serif;
-
-  th, td {
-    padding: 10px 16px;
-    line-height: 20px;
-  }
-
-  thead th {
-    font-size: 12px;
-    font-weight: 500;
-    letter-spacing: 0.02em;
-  }
-
-  tr:not(:last-child) td {
-    border-bottom: 1px solid var(--table-b-c);
-  }
-
-  &--small {
-    font-size: 12px;
-
-    th, td {
-      padding: 6px 12px;
-    }
-  }
-
-  // Dark variant (M3 dark)
-  &.dark, [data-theme="dark"] & {
-    --bg: #1c1b1f;
-    --c-primary: #d0bcff;
-
-    --menu-bg: #2b2930;
-    --li-hover-bg: rgba(208, 188, 255, 0.08);
-
-    --table-b-c: #49454f;
-    --table-c: #e6e1e5;
-    --table-bg: #1c1b1f;
-
-    --table-header-c: #cac4d0;
-    --table-header-bg: #1c1b1f;
-
-    --table-row-hover-bg: rgba(208, 188, 255, 0.08);
-
-    --select-area-bg: rgba(208, 188, 255, 0.12);
-
-    color-scheme: dark;
-  }
-}
+/**
+ * intable — Material Design 3 Theme
+ * Google Material You / M3 surface tones and typography
+ * Best for: Android-style web apps, admin panels, data management UIs
+ */
+
+.data-table {
+  --bg: #fffbfe;
+  --c-primary: #6750a4;
+
+  --menu-bg: #ece6f0;
+  --li-hover-bg: rgba(103, 80, 164, 0.08);
+
+  --table-b: 1px solid var(--table-b-c);
+  --table-b-c: #cac4d0;
+  --table-c: #1c1b1f;
+  --table-bg: #fffbfe;
+
+  --table-header-c: #49454f;
+  --table-header-bg: #fffbfe;
+
+  --table-row-hover-bg: rgba(103, 80, 164, 0.08);
+
+  --select-area-bg: rgba(103, 80, 164, 0.12);
+
+  font-size: 14px;
+  font-family: 'Roboto', sans-serif;
+
+  th, td {
+    padding: 10px 16px;
+    line-height: 20px;
+  }
+
+  thead th {
+    font-size: 12px;
+    font-weight: 500;
+    letter-spacing: 0.02em;
+  }
+
+  tr:not(:last-child) td {
+    border-bottom: 1px solid var(--table-b-c);
+  }
+
+  &--small {
+    font-size: 12px;
+
+    th, td {
+      padding: 6px 12px;
+    }
+  }
+
+  // Dark variant (M3 dark)
+  &.dark, [data-theme="dark"] & {
+    --bg: #1c1b1f;
+    --c-primary: #d0bcff;
+
+    --menu-bg: #2b2930;
+    --li-hover-bg: rgba(208, 188, 255, 0.08);
+
+    --table-b-c: #49454f;
+    --table-c: #e6e1e5;
+    --table-bg: #1c1b1f;
+
+    --table-header-c: #cac4d0;
+    --table-header-bg: #1c1b1f;
+
+    --table-row-hover-bg: rgba(208, 188, 255, 0.08);
+
+    --select-area-bg: rgba(208, 188, 255, 0.12);
+
+    color-scheme: dark;
+  }
+}

package/{packages/intable/src → dist}/theme/shadcn.scss

@@ -1,66 +1,66 @@
-/**
- * intable — Shadcn/Zinc Theme
- * Neutral zinc/slate tones, clean minimal, matches shadcn/ui palette
- * Best for: modern SaaS dashboards, admin panels, clean productivity tools
- */
-
-.data-table {
-  --bg: #ffffff;
-  --c-primary: #18181b;
-
-  --menu-bg: #ffffff;
-  --li-hover-bg: #f4f4f5;
-
-  --table-b: 1px solid var(--table-b-c);
-  --table-b-c: #e4e4e7;
-  --table-c: #09090b;
-  --table-bg: #ffffff;
-
-  --table-header-c: #71717a;
-  --table-header-bg: #ffffff;
-
-  --table-row-hover-bg: #fafafa;
-
-  --select-area-bg: #18181b14;
-
-  font-size: 14px;
-
-  th, td {
-    padding: 10px 12px;
-    line-height: 20px;
-  }
-
-  thead th {
-    font-weight: 500;
-  }
-
-  &--small {
-    font-size: 13px;
-
-    th, td {
-      padding: 6px 10px;
-    }
-  }
-
-  // Dark mode variant
-  &.dark, [data-theme="dark"] & {
-    --bg: #09090b;
-    --c-primary: #fafafa;
-
-    --menu-bg: #09090b;
-    --li-hover-bg: #27272a;
-
-    --table-b-c: #27272a;
-    --table-c: #fafafa;
-    --table-bg: #09090b;
-
-    --table-header-c: #71717a;
-    --table-header-bg: #09090b;
-
-    --table-row-hover-bg: #18181b;
-
-    --select-area-bg: #ffffff14;
-
-    color-scheme: dark;
-  }
-}
+/**
+ * intable — Shadcn/Zinc Theme
+ * Neutral zinc/slate tones, clean minimal, matches shadcn/ui palette
+ * Best for: modern SaaS dashboards, admin panels, clean productivity tools
+ */
+
+.data-table {
+  --bg: #ffffff;
+  --c-primary: #18181b;
+
+  --menu-bg: #ffffff;
+  --li-hover-bg: #f4f4f5;
+
+  --table-b: 1px solid var(--table-b-c);
+  --table-b-c: #e4e4e7;
+  --table-c: #09090b;
+  --table-bg: #ffffff;
+
+  --table-header-c: #71717a;
+  --table-header-bg: #ffffff;
+
+  --table-row-hover-bg: #fafafa;
+
+  --select-area-bg: #18181b14;
+
+  font-size: 14px;
+
+  th, td {
+    padding: 10px 12px;
+    line-height: 20px;
+  }
+
+  thead th {
+    font-weight: 500;
+  }
+
+  &--small {
+    font-size: 13px;
+
+    th, td {
+      padding: 6px 10px;
+    }
+  }
+
+  // Dark mode variant
+  &.dark, [data-theme="dark"] & {
+    --bg: #09090b;
+    --c-primary: #fafafa;
+
+    --menu-bg: #09090b;
+    --li-hover-bg: #27272a;
+
+    --table-b-c: #27272a;
+    --table-c: #fafafa;
+    --table-bg: #09090b;
+
+    --table-header-c: #71717a;
+    --table-header-bg: #09090b;
+
+    --table-row-hover-bg: #18181b;
+
+    --select-area-bg: #ffffff14;
+
+    color-scheme: dark;
+  }
+}