@sequenceholdings/atlas-ui 1.0.1 → 2.0.1
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/index.d.ts +14 -9
- package/dist/index.mjs +1674 -1647
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1661,11 +1661,9 @@ export declare interface GenericAvatarProps {
|
|
|
1661
1661
|
className?: string;
|
|
1662
1662
|
}
|
|
1663
1663
|
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
*/
|
|
1668
|
-
export declare function heatColor(value: number, min: number, max: number): string | undefined;
|
|
1664
|
+
export declare function heatCellStyle(value: number, min: number, max: number): {
|
|
1665
|
+
backgroundColor: string;
|
|
1666
|
+
} | undefined;
|
|
1669
1667
|
|
|
1670
1668
|
/**
|
|
1671
1669
|
* Sortable, paginated table with heat-colored numeric cells.
|
|
@@ -1769,7 +1767,13 @@ declare interface KpiTileProps {
|
|
|
1769
1767
|
deltaTone?: 'positive' | 'negative' | 'neutral';
|
|
1770
1768
|
/** Optional small line of text below the value (captions, context). */
|
|
1771
1769
|
footer?: React_2.ReactNode;
|
|
1772
|
-
/**
|
|
1770
|
+
/**
|
|
1771
|
+
* Tints the tile to carry a signal: 'warn' amber for an attention threshold,
|
|
1772
|
+
* 'danger' red for an alarm. Prefer this over passing a coloured ring through
|
|
1773
|
+
* `className` — a `ring-<role>/30` outline measures 1.34:1 against the tile in
|
|
1774
|
+
* light, which is not a signal. The tonal states read because the label and
|
|
1775
|
+
* value turn coloured (7.3:1 on the tint), not because the fill is strong.
|
|
1776
|
+
*/
|
|
1773
1777
|
tone?: KpiTone;
|
|
1774
1778
|
/** Inline adornment rendered next to the value (e.g. live dot). */
|
|
1775
1779
|
valueAdornment?: React_2.ReactNode;
|
|
@@ -1791,14 +1795,15 @@ declare interface KpiTileProps {
|
|
|
1791
1795
|
* KpiTile — compact metric card for the top of dashboards.
|
|
1792
1796
|
*
|
|
1793
1797
|
* Differs from `MetricCard` in two deliberate ways:
|
|
1794
|
-
* - supports
|
|
1795
|
-
* themselves carry
|
|
1798
|
+
* - supports colored tonal states (tinted background/border) for KPIs that
|
|
1799
|
+
* themselves carry a signal: `warn` for an attention threshold, `danger`
|
|
1800
|
+
* for an alarm the viewer is expected to act on (e.g. "Flagged: 3")
|
|
1796
1801
|
* - exposes `delta`, `deltaTone`, and `footer` slots so the monitoring-style
|
|
1797
1802
|
* copy ("+0.4pp vs prev 24h", "5 agents live") renders consistently
|
|
1798
1803
|
*
|
|
1799
1804
|
* When you only need a static label + value + subtitle, prefer MetricCard.
|
|
1800
1805
|
*/
|
|
1801
|
-
declare type KpiTone = 'neutral' | 'warn' | 'info';
|
|
1806
|
+
declare type KpiTone = 'neutral' | 'warn' | 'info' | 'danger';
|
|
1802
1807
|
|
|
1803
1808
|
export declare const Label: React_2.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React_2.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: ClassProp | undefined) => string> & LabelOwnProps & React_2.RefAttributes<HTMLLabelElement>>;
|
|
1804
1809
|
|