@sudobility/components 5.0.81 → 5.0.83
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/data-display/card-grid.d.ts +15 -0
- package/dist/data-display/card-grid.d.ts.map +1 -0
- package/dist/data-display/grid-tile.d.ts +29 -0
- package/dist/data-display/grid-tile.d.ts.map +1 -0
- package/dist/data-display/index.d.ts +2 -0
- package/dist/data-display/index.d.ts.map +1 -1
- package/dist/index.js +1663 -1590
- package/dist/primitives/typography/blockquote.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type CardGridDensity = 'default' | 'dense' | 'wide';
|
|
3
|
+
export interface CardGridProps {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
/** Column density preset. Defaults to `default`. */
|
|
6
|
+
density?: CardGridDensity;
|
|
7
|
+
className?: string;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Responsive grid for {@link GridTile} cards. Use in place of a full-width
|
|
11
|
+
* `space-y` stack for sparse, browseable object lists so they fill the
|
|
12
|
+
* horizontal space on wide containers instead of rendering one-per-row.
|
|
13
|
+
*/
|
|
14
|
+
export declare function CardGrid({ children, density, className, }: CardGridProps): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
//# sourceMappingURL=card-grid.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card-grid.d.ts","sourceRoot":"","sources":["../../src/data-display/card-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAW3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,oDAAoD;IACpD,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAmB,EACnB,SAAS,GACV,EAAE,aAAa,2CAMf"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface GridTileProps {
|
|
3
|
+
/** Leading icon / indicator shown top-left. */
|
|
4
|
+
leading?: ReactNode;
|
|
5
|
+
/** A small classifier badge shown top-right (priority, status, type…). */
|
|
6
|
+
topRight?: ReactNode;
|
|
7
|
+
/** Primary line (object name). Clamped to 2 lines. */
|
|
8
|
+
title: ReactNode;
|
|
9
|
+
/** Secondary line (path / short description). Truncated, monospace. */
|
|
10
|
+
subtitle?: ReactNode;
|
|
11
|
+
/** Footer row of small badges / metrics. */
|
|
12
|
+
footer?: ReactNode;
|
|
13
|
+
/** Interactive trailing content (menu/remove) — pinned top-right, click-isolated. */
|
|
14
|
+
actions?: ReactNode;
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
className?: string;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* A compact, clickable card that packs an object's identity vertically so many
|
|
20
|
+
* fit across a wide container — the grid counterpart to a full-width list row.
|
|
21
|
+
* Use inside {@link CardGrid}. Surfaces and text follow the design system
|
|
22
|
+
* (`@sudobility/design` card + text variants).
|
|
23
|
+
*
|
|
24
|
+
* Layout: `[leading icon ……… topRight badge]` / title (2-line clamp) / subtitle
|
|
25
|
+
* (truncated path) / optional footer badge row. `actions` pin to the top-right
|
|
26
|
+
* and stay independently clickable (they sit outside the main clickable button).
|
|
27
|
+
*/
|
|
28
|
+
export declare function GridTile({ leading, topRight, title, subtitle, footer, actions, onClick, className, }: GridTileProps): import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
//# sourceMappingURL=grid-tile.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"grid-tile.d.ts","sourceRoot":"","sources":["../../src/data-display/grid-tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,MAAM,WAAW,aAAa;IAC5B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,0EAA0E;IAC1E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,sDAAsD;IACtD,KAAK,EAAE,SAAS,CAAC;IACjB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,qFAAqF;IACrF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,OAAO,EACP,SAAS,GACV,EAAE,aAAa,2CA0Ef"}
|
|
@@ -20,6 +20,8 @@ export * from '../ui/tree-view';
|
|
|
20
20
|
export * from './listing-form';
|
|
21
21
|
export * from '../ui/card';
|
|
22
22
|
export * from './dashboard-stat-card';
|
|
23
|
+
export * from './grid-tile';
|
|
24
|
+
export * from './card-grid';
|
|
23
25
|
export * from './avatar';
|
|
24
26
|
export * from './avatar-group';
|
|
25
27
|
export * from './profile-header';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data-display/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,YAAY,CAAC;AAC3B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/data-display/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,YAAY,CAAC;AAC3B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAG5B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC"}
|