@ztwoint/z-ui 0.1.34 → 0.1.36

package/dist/components/table-card/table-card.type.d.ts

@@ -1,36 +1,28 @@
-import { TableProps, TableSchema, TableFilter as TableFilterType, TableSearch as TableSearchType } from '../table/table.type';
+import { default as React } from 'react';
+import { TableProps, TableSchema, TableFilter, TableSearch, TableSort } from '../table/table.type';
 import { PaginationProps, PaginationInfoProps, PaginationQuickJumperProps } from '../table/components/pagination/pagination.type';
-export interface TableCardSearch extends Partial<TableSearchType> {
-    className?: string;
-}
-export type TableCardFilter = Partial<TableFilterType>;
-export type TableCardPaginationInfo = Partial<PaginationInfoProps>;
-export type TableCardPaginationQuickJumper = Partial<PaginationQuickJumperProps>;
-export type TableCardPagination = Partial<PaginationProps>;
-export type TableCardBodyProps = Pick<TableProps, 'cell' | 'sort'> & {
-    className?: string;
-    stickyHeader?: boolean;
-};
-export interface TableCardProps extends Omit<TableProps, 'filter' | 'pagination' | 'sort'> {
+export interface TableCardProps {
     dataSource: Record<string, unknown>[];
     schema: TableSchema;
     className?: string;
     showHeader?: boolean;
     headerClassName?: string;
-    search?: TableCardSearch;
-    filter?: TableCardFilter;
-    body?: TableCardBodyProps;
+    search?: Partial<TableSearch> & {
+        className?: string;
+    };
+    filter?: Partial<TableFilter>;
+    headerActions?: React.ReactNode;
+    body?: {
+        cell?: TableProps['cell'];
+        sort?: TableSort;
+        className?: string;
+        stickyHeader?: boolean;
+    };
     showFooter?: boolean;
     footerClassName?: string;
-    paginationInfo?: TableCardPaginationInfo;
-    paginationQuickJumper?: TableCardPaginationQuickJumper;
-    pagination?: TableCardPagination;
-    overrides?: {
-        search?: Partial<TableCardSearch>;
-        filter?: Partial<TableCardFilter>;
-        body?: Partial<TableCardBodyProps>;
-        paginationInfo?: Partial<TableCardPaginationInfo>;
-        paginationQuickJumper?: Partial<TableCardPaginationQuickJumper>;
-        pagination?: Partial<TableCardPagination>;
-    };
+    pagination?: Partial<PaginationProps>;
+    paginationInfo?: Partial<PaginationInfoProps>;
+    paginationQuickJumper?: Partial<PaginationQuickJumperProps>;
+    loading?: boolean;
+    emptyMessage?: string;
 }

package/dist/css/config/colors/semantic-colors.css

@@ -1,16 +1,16 @@
 /* Semantic Colors - Design System Foundation */
 
 :root {
-  /* Background Colors */
-  --background-default: var(--neutral-0);
-  --background-on-top: var(--neutral-0);
-  --background-light: var(--neutral-25);
-  --background-medium: var(--neutral-50);
-  --background-high: var(--neutral-100);
-  --background-inverted-elevated: rgba(255, 255, 255, 0.1);
-  --background-attention: var(--neutral-200);
-  --background-brand: #001534;
 
+/* Background Colors - Neutral */
+  --background-neutral-default: var(--neutral-0);
+  --background-neutral-on-top: var(--neutral-0);
+  --background-neutral-light: var(--neutral-25);
+  --background-neutral-medium: var(--neutral-50);
+  --background-neutral-high: var(--neutral-100);
+  --background-neutral-pressed: var(--neutral-75);
+  --background-neutral-hover: var(--neutral-50);
+  --background-neutral-focused: var(--neutral-25);
   /* Surface Colors - Neutral */
   --surface-neutral-default: var(--neutral-0);
   --surface-neutral-hover: var(--neutral-75);
@@ -119,16 +119,17 @@
 }
 
 .dark {
-  /* Background Colors - Dark Mode */
-  --background-default: var(--neutral-0);
-  --background-on-top: var(--neutral-50);
-  --background-light: var(--neutral-25);
-  --background-medium: var(--neutral-25);
-  --background-high: var(--neutral-100);
-  --background-inverted-elevated: rgba(20, 20, 20, 0.1);
-  --background-attention: var(--neutral-200);
-  --background-brand: #0f0f0f;
 
+
+  /* Background Colors - Neutral - Dark Mode */
+    --background-neutral-default: var(--neutral-0);
+    --background-neutral-on-top: var(--neutral-50);
+    --background-neutral-light: var(--neutral-25);
+    --background-neutral-medium: var(--neutral-25);
+    --background-neutral-high: var(--neutral-100);
+    --background-neutral-pressed: var(--neutral-75);
+    --background-neutral-hover: var(--neutral-50);
+    --background-neutral-focused: var(--neutral-25);
   /* Surface Colors - Neutral - Dark Mode */
   --surface-neutral-default: var(--neutral-0);
   --surface-neutral-hover: var(--neutral-75);
@@ -238,16 +239,16 @@
 
 /* Tailwind v4 Theme Integration */
 @theme inline {
-  /* Background Colors */
-  --color-background-default: var(--background-default);
-  --color-background-on-top: var(--background-on-top);
-  --color-background-light: var(--background-light);
-  --color-background-medium: var(--background-medium);
-  --color-background-high: var(--background-high);
-  --color-background-inverted-elevated: var(--background-inverted-elevated);
-  --color-background-attention: var(--background-attention);
-  --color-background-brand: var(--background-brand);
 
+  /* Background Colors - Neutral */
+    --color-background-neutral-default: var(--background-neutral-default);
+    --color-background-neutral-on-top: var(--background-neutral-on-top);
+    --color-background-neutral-light: var(--background-neutral-light);
+    --color-background-neutral-medium: var(--background-neutral-medium);
+    --color-background-neutral-high: var(--background-neutral-high);
+    --color-background-neutral-pressed: var(--background-neutral-pressed);
+    --color-background-neutral-hover: var(--background-neutral-hover);
+    --color-background-neutral-focused: var(--background-neutral-focused);
   /* Surface Colors - Neutral */
   --color-surface-neutral-default: var(--surface-neutral-default);
   --color-surface-neutral-hover: var(--surface-neutral-hover);