@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.
Files changed (3) hide show
  1. package/dist/index.d.ts +14 -9
  2. package/dist/index.mjs +1674 -1647
  3. 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
- * Maps a numeric value within [min, max] to a warm green→amber background.
1666
- * Returns `undefined` for zero / degenerate ranges so the caller can skip styling.
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
- /** When 'warn', the tile picks up an amber tint to flag attention. */
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 a colored "warn" state (tinted background/border) for KPIs that
1795
- * themselves carry an attention signal (e.g. "Needs attention: 1")
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