@stackone/malachite 0.63.1 → 0.64.0

package/dist/index.d.ts

@@ -5,6 +5,7 @@ import { FC } from 'react';
 import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { NamedExoticComponent } from 'react';
 import { ReactNode } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 
@@ -279,9 +280,16 @@ export declare interface CheckboxProps {
 
 /**
  * Text clamped to `lines`, revealing the full text on hover / keyboard focus when
- * `expandOnHover`. Pure CSS; `line-height` is fixed at 1.5 so the collapsed max-height
- * matches `lines` exactly for the animation. The expanded state caps at 1000px, so this
- * is for short blurbs — longer content clips rather than a scrollable component.
+ * `expandOnHover`. Pure CSS. The expanded state caps at 1000px, so this is for short blurbs.
+ *
+ * `line-height` is `1.5em`, NOT the bare `1.5`, and that unit is what makes the cap exact: a
+ * `<number>` inherits as a FACTOR, so each descendant re-resolves it against its own
+ * font-size, while `max-height: calc(1.5em * lines)` resolves against THIS element's. With
+ * the bare number they disagreed — 14px text in a 13px row gave 21px line boxes against a
+ * 19.5px allowance and the last line was sliced. As a `<length>` both share one basis.
+ *
+ * The cap also bounds block children, which `-webkit-line-clamp` counts as one "line" each —
+ * so a MarkdownBlock in `block` variant relies on it. (Prefer `variant="flow"` there.)
  */
 export declare const ClampText: default_2.FC<ClampTextProps>;
 
@@ -318,10 +326,11 @@ declare interface CodeBlockProps {
     language?: 'yaml';
 }
 
-declare interface CodeTextProps {
+export declare interface CodeTextProps {
     bold?: boolean;
     size?: FontSize;
     hasBorder?: boolean;
+    variant?: CodeTextVariant;
     color?: string;
     backgroundColor?: string;
     children: default_2.ReactNode;
@@ -329,6 +338,8 @@ declare interface CodeTextProps {
     style?: default_2.CSSProperties;
 }
 
+export declare type CodeTextVariant = 'block' | 'inline';
+
 export declare const CollapsibleSection: default_2.FC<CollapsibleSectionProps>;
 
 export declare interface CollapsibleSectionProps {
@@ -591,9 +602,9 @@ declare interface FlexProps {
     className?: string;
 }
 
-declare type FontSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+export declare type FontSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
 
-declare type FontWeight = 'normal' | 'semi-bold' | 'bold';
+export declare type FontWeight = 'normal' | 'semi-bold' | 'bold';
 
 export declare const FooterLinks: default_2.FC<FooterLinksProps>;
 
@@ -1026,6 +1037,13 @@ export declare interface MalachiteTheme {
                 foreground: string;
                 hoverBackground: string;
                 border: string;
+                /** `Table`'s `selectedRowKey` tint. Must stay distinguishable from
+                 *  `hoverBackground`: a selected row keeps this tint under the cursor. */
+                selectedBackground: string;
+                /** Leading accent bar on that same row. */
+                selectedAccent: string;
+                /** Cascades, so cells setting their own colour are deliberately unaffected. */
+                selectedForeground: string;
             };
             border: string;
             borderedRow: {
@@ -1088,13 +1106,17 @@ export declare interface MalachiteTheme {
     };
 }
 
-declare interface MarkdownProps {
+export declare interface MarkdownProps {
     text: string;
     color?: TextColor;
     size?: FontSize;
     omitMargin?: boolean;
+    variant?: MarkdownVariant;
+    normalizeSource?: boolean;
 }
 
+export declare type MarkdownVariant = 'block' | 'flow';
+
 export declare const MultiSelect: default_2.FC<MultiSelectProps>;
 
 declare interface MultiSelectBaseProps {
@@ -1233,7 +1255,15 @@ export declare interface PartialMalachiteTheme {
         dropdown?: Partial<MalachiteTheme['colors']['dropdown']>;
         tag?: Partial<MalachiteTheme['colors']['tag']>;
         numberTag?: Partial<MalachiteTheme['colors']['numberTag']>;
-        table?: Partial<MalachiteTheme['colors']['table']>;
+        table?: Partial<Omit<MalachiteTheme['colors']['table'], 'header' | 'row' | 'borderedRow' | 'rowVariant' | 'error'>> & {
+            header?: Partial<MalachiteTheme['colors']['table']['header']>;
+            row?: Partial<MalachiteTheme['colors']['table']['row']>;
+            borderedRow?: Partial<MalachiteTheme['colors']['table']['borderedRow']>;
+            rowVariant?: {
+                [K in keyof MalachiteTheme['colors']['table']['rowVariant']]?: Partial<MalachiteTheme['colors']['table']['rowVariant'][K]>;
+            };
+            error?: Partial<MalachiteTheme['colors']['table']['error']>;
+        };
         text?: Partial<MalachiteTheme['colors']['text']>;
         codeBlock?: Partial<MalachiteTheme['colors']['codeBlock']>;
     };
@@ -1670,7 +1700,7 @@ export declare interface TabItem {
     disabled?: boolean;
 }
 
-export declare const Table: <T = Record<string, unknown>>({ columns, data, loading, error, errorTitle, errorSubTitle, emptyTitle, emptySubTitle, bordered, showHeader, rowKey, scrollHeight, size, rowDensity, layout, headerVariant, rowClassName, rowVariant, onRow, onClickRow, rowSelection, pagination, className, style, stickyHeaderTop, scrollX, rowSection, renderSectionDivider, virtual, virtualRowHeightEstimate, virtualScrollElement, }: TableProps<T>) => JSX_2.Element;
+export declare const Table: <T = Record<string, unknown>>({ columns, data, loading, error, errorTitle, errorSubTitle, emptyTitle, emptySubTitle, bordered, showHeader, rowKey, scrollHeight, size, rowDensity, layout, headerVariant, rowClassName, rowVariant, onRow, onClickRow, selectedRowKey, scrollSelectedIntoView, rowSelection, pagination, className, style, stickyHeaderTop, scrollX, rowSection, renderSectionDivider, virtual, virtualRowHeightEstimate, virtualScrollElement, }: TableProps<T>) => JSX_2.Element;
 
 export declare type TableColumnDefinition<T = Record<string, unknown>> = {
     title: string | default_2.ReactNode;
@@ -1724,6 +1754,16 @@ declare type TableProps<T = Record<string, unknown>> = {
     rowVariant?: (record: T, index: number) => RowVariant | undefined;
     onRow?: (record: T, index: number) => TableRowActions<T>;
     onClickRow?: (record: T, index: number) => void;
+    /** Row the master-detail view is showing, resolved against `rowKey`. Controlled, so
+     *  selection can change without a row click and the highlight follows. Unlike
+     *  `rowSelection` it paints no control — a tint, an accent bar and `aria-current`. */
+    selectedRowKey?: default_2.Key;
+    /** Whether a selection change scrolls the row into view. Default true.
+     *
+     *  Set `false` when the initial key comes from a URL: the reveal uses `scrollIntoView`,
+     *  which walks every scrollable ancestor, so a deep-linked row below the fold jumps the
+     *  page on load. Selection still highlights; only the scroll is suppressed. */
+    scrollSelectedIntoView?: boolean;
     rowSelection?: TableRowSelection<T>;
     pagination?: {
         current?: number;
@@ -1871,9 +1911,9 @@ declare interface TextAreaProps {
 
 declare type TextAreaSize = 'small' | 'medium' | 'large';
 
-declare type TextColor = 'primary' | 'secondary' | 'dimmed' | 'placeholder' | 'emphasis' | 'muted' | 'destructive' | 'success' | 'highlight' | 'warning' | 'error' | 'link';
+export declare type TextColor = 'primary' | 'secondary' | 'dimmed' | 'placeholder' | 'emphasis' | 'muted' | 'destructive' | 'success' | 'highlight' | 'warning' | 'error' | 'link' | 'inherit';
 
-declare interface TextProps {
+export declare interface TextProps {
     color?: TextColor;
     size?: FontSize;
     underline?: boolean;
@@ -2000,7 +2040,7 @@ export declare const Typography: {
     EllipsisText: FC<EllipsisTextProps>;
     FormSectionTitle: FC<FormSectionTitleProps>;
     LinkText: FC<LinkProps_2>;
-    MarkdownBlock: FC<MarkdownProps>;
+    MarkdownBlock: NamedExoticComponent<MarkdownProps>;
     PageTitle: FC<PageTitleProps>;
     SecondaryText: FC<SecondaryTextProps>;
     SectionTitle: FC<SectionTitleProps>;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as s, c as t, d as o, e as i, B as r, f as n, g as l, h as p, i as T, j as d, k as m, l as S, m as c, n as h, o as u, D as g, p as C, q as w, r as y, F, s as x, t as f, u as v, v as k, w as B, x as L, y as P, z as b, I as A, K as D, L as z, E as R, M, G as I, N, O as V, P as j, H as q, J as E, Q as G, R as H, S as J, T as K, U as O, V as W, W as Q, X as U, Y as X, Z as Y, $ as Z, a0 as $, a1 as _, a2 as aa, a3 as ea, a4 as sa, a5 as ta, a6 as oa, a7 as ia, a8 as ra, a9 as na, aa as la, ab as pa, ac as Ta, ad as da, ae as ma, af as Sa, ag as ca, ah as ha, ai as ua, aj as ga, ak as Ca, al as wa, am as ya, an as Fa, ao as xa, ap as fa, aq as va, ar as ka, as as Ba, at as La, au as Pa, av as ba, aw as Aa } from "./index-BViCOEUo.js";
+import { A as s, c as t, d as o, e as i, B as r, f as n, g as l, h as p, i as T, j as d, k as m, l as S, m as c, n as h, o as u, D as g, p as C, q as w, r as y, F, s as x, t as f, u as v, v as k, w as B, x as L, y as P, z as b, I as A, K as D, L as z, E as R, M, G as I, N, O as V, P as j, H as q, J as E, Q as G, R as H, S as J, T as K, U as O, V as W, W as Q, X as U, Y as X, Z as Y, $ as Z, a0 as $, a1 as _, a2 as aa, a3 as ea, a4 as sa, a5 as ta, a6 as oa, a7 as ia, a8 as ra, a9 as na, aa as la, ab as pa, ac as Ta, ad as da, ae as ma, af as Sa, ag as ca, ah as ha, ai as ua, aj as ga, ak as Ca, al as wa, am as ya, an as Fa, ao as xa, ap as fa, aq as va, ar as ka, as as Ba, at as La, au as Pa, av as ba, aw as Aa } from "./index-C3bTzOZ2.js";
 export {
   s as Accordion,
   t as ActionMenu,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackone/malachite",
-  "version": "0.63.1",
+  "version": "0.64.0",
   "type": "module",
   "module": "dist/index.js",
   "main": "dist/index.js",