@dimaan/ui 0.0.29 → 0.0.31

package/dist/index.d.cts

@@ -386,8 +386,9 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     variant?: BadgeVariant;
     size?: BadgeSize;
     /**
-     * Visual tone. `'solid'` (default) is a full-color fill; `'soft'` is a calmer
-     * tinted fill — preferred for status columns in dense data tables.
+     * Visual tone. `'soft'` (default) is a calmer, modern tinted fill — great for
+     * status columns and category labels; `'solid'` is a full-color fill for
+     * stronger emphasis.
      */
     tone?: BadgeTone;
     /** Render a small dot before the label (useful for online/status indicators). */
@@ -1568,6 +1569,15 @@ interface TableProps<T> {
     striped?: boolean;
     /** Optional row click handler. */
     onRowClick?: (row: T, rowIndex: number) => void;
+    /**
+     * Optional per-row accent colour. When it returns a colour string, Table draws a
+     * thin rounded bar at the row's leading (inline-start) edge — e.g. to colour-code
+     * rows by category/department. Return `undefined` for no accent. Off by default,
+     * so existing consumers are unaffected.
+     *
+     * @example getRowAccent={(row) => DEPARTMENT_COLOR[row.department]}
+     */
+    getRowAccent?: (row: T, index: number) => string | undefined;
     /** Optional ref to the underlying <table> element. */
     tableRef?: Ref<HTMLTableElement>;
     'aria-label'?: string;

package/dist/index.d.ts

@@ -386,8 +386,9 @@ interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     variant?: BadgeVariant;
     size?: BadgeSize;
     /**
-     * Visual tone. `'solid'` (default) is a full-color fill; `'soft'` is a calmer
-     * tinted fill — preferred for status columns in dense data tables.
+     * Visual tone. `'soft'` (default) is a calmer, modern tinted fill — great for
+     * status columns and category labels; `'solid'` is a full-color fill for
+     * stronger emphasis.
      */
     tone?: BadgeTone;
     /** Render a small dot before the label (useful for online/status indicators). */
@@ -1568,6 +1569,15 @@ interface TableProps<T> {
     striped?: boolean;
     /** Optional row click handler. */
     onRowClick?: (row: T, rowIndex: number) => void;
+    /**
+     * Optional per-row accent colour. When it returns a colour string, Table draws a
+     * thin rounded bar at the row's leading (inline-start) edge — e.g. to colour-code
+     * rows by category/department. Return `undefined` for no accent. Off by default,
+     * so existing consumers are unaffected.
+     *
+     * @example getRowAccent={(row) => DEPARTMENT_COLOR[row.department]}
+     */
+    getRowAccent?: (row: T, index: number) => string | undefined;
     /** Optional ref to the underlying <table> element. */
     tableRef?: Ref<HTMLTableElement>;
     'aria-label'?: string;