@stackone/malachite 2.56.0 → 2.57.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 (31) hide show
  1. package/COMPONENTS.md +5 -4
  2. package/dist/components/Alert.js +67 -50
  3. package/dist/components/Alert.js.map +1 -1
  4. package/dist/components/Breadcrumbs.js.map +1 -1
  5. package/dist/components/CalloutStrip.js +20 -0
  6. package/dist/components/CalloutStrip.js.map +1 -0
  7. package/dist/components/ConfirmationDialog.js +146 -144
  8. package/dist/components/ConfirmationDialog.js.map +1 -1
  9. package/dist/components/IconBadge.js +16 -0
  10. package/dist/components/IconBadge.js.map +1 -0
  11. package/dist/components/PageLayout/index.js.map +1 -1
  12. package/dist/components/PageLayout/regularLayout.js.map +1 -1
  13. package/dist/components/SidePanel.js +99 -82
  14. package/dist/components/SidePanel.js.map +1 -1
  15. package/dist/components/Typography/MarkdownBlock.js +89 -87
  16. package/dist/components/Typography/MarkdownBlock.js.map +1 -1
  17. package/dist/components/activeElement.js +10 -2
  18. package/dist/components/activeElement.js.map +1 -1
  19. package/dist/components/confirmationDialogVariants.js +2 -6
  20. package/dist/components/confirmationDialogVariants.js.map +1 -1
  21. package/dist/components/iconBadgeVariants.js +11 -0
  22. package/dist/components/iconBadgeVariants.js.map +1 -0
  23. package/dist/components/overlayBehaviour.js +176 -146
  24. package/dist/components/overlayBehaviour.js.map +1 -1
  25. package/dist/components/overlayLayers.js +22 -28
  26. package/dist/components/overlayLayers.js.map +1 -1
  27. package/dist/index.d.ts +31 -5
  28. package/dist/index.js +447 -445
  29. package/dist/index.js.map +1 -1
  30. package/dist/tailwind.css.js +1 -1
  31. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -174,6 +174,8 @@ declare interface AlertProps {
174
174
  * Screen readers reliably announce an `alert` as it mounts; a `status` is read when its
175
175
  * `message` changes, so keep a live info or success alert mounted. Off by default. */
176
176
  live?: boolean;
177
+ /** Routes root-relative links in `message` through the app's router; see `MarkdownBlock`. */
178
+ renderLink?: RenderLink;
177
179
  }
178
180
 
179
181
  export declare type AlertType = 'info' | 'success' | 'error' | 'warning' | 'assistant';
@@ -317,7 +319,7 @@ export declare const Breadcrumbs: default_2.FC<BreadcrumbsProps>;
317
319
  export declare interface BreadcrumbsProps {
318
320
  links: BreadcrumbLink[];
319
321
  actions?: PageAction[];
320
- renderLink?: RenderBreadcrumbLink;
322
+ renderLink?: RenderLink;
321
323
  className?: string;
322
324
  style?: default_2.CSSProperties;
323
325
  }
@@ -1803,6 +1805,18 @@ export declare function getCurrentThemeMode(): 'light' | 'dark';
1803
1805
 
1804
1806
  export declare const GlobeIcon: React.FC<IconProps_56>;
1805
1807
 
1808
+ export declare const IconBadge: default_2.FC<IconBadgeProps>;
1809
+
1810
+ export declare interface IconBadgeProps {
1811
+ /** Drawn at 12px in the card background colour; an svg painting with `currentColor`. */
1812
+ icon: default_2.ReactNode;
1813
+ /** `accent` is the brand's interaction colour, so a rebrand repaints it. */
1814
+ variant?: IconBadgeVariant;
1815
+ className?: string;
1816
+ }
1817
+
1818
+ export declare type IconBadgeVariant = 'default' | 'accent' | 'warning' | 'destructive' | 'success';
1819
+
1806
1820
  /** A non-interactive icon carrying a meaning, for where an icon button would offer nothing to do. */
1807
1821
  export declare const IconIndicator: default_2.FC<IconIndicatorProps>;
1808
1822
 
@@ -3293,6 +3307,9 @@ export declare interface MarkdownProps {
3293
3307
  variant?: MarkdownVariant;
3294
3308
  normalizeSource?: boolean;
3295
3309
  links?: MarkdownLinks;
3310
+ /** Renders root-relative links (`/path`) through the app's router, in the same tab. Other
3311
+ * links still open in a new tab. Pass a stable function: a new one re-parses the markdown. */
3312
+ renderLink?: RenderLink;
3296
3313
  }
3297
3314
 
3298
3315
  /** `inline`: one line of inline syntax, with no autolinked emails or URLs. */
@@ -3908,7 +3925,7 @@ export declare const RefreshIcon: React.FC<IconProps_86>;
3908
3925
  export declare interface RegularLayoutProps {
3909
3926
  breadcrumbLinks?: BreadcrumbLink[];
3910
3927
  breadcrumbActions?: PageAction[];
3911
- renderLink?: RenderBreadcrumbLink;
3928
+ renderLink?: RenderLink;
3912
3929
  title?: default_2.ReactNode;
3913
3930
  titleSuffix?: default_2.ReactNode;
3914
3931
  subtitle?: string;
@@ -3940,10 +3957,11 @@ export declare const RejectIcon: React.FC<IconProps_87>;
3940
3957
  export declare const ReloadIcon: React.FC<IconProps_88>;
3941
3958
 
3942
3959
  /**
3943
- * Renders a crumb or the back button through the app's own link component, spreading every
3944
- * field onto it. A client-side-routed consumer MUST pass this, or navigation breaks.
3960
+ * Renders an in-app link through the app's own link component, spreading every field onto it:
3961
+ * breadcrumbs, the back button, and root-relative markdown links. A client-side-routed consumer
3962
+ * MUST pass this, or navigation breaks.
3945
3963
  */
3946
- declare type RenderBreadcrumbLink = (props: {
3964
+ export declare type RenderLink = (props: {
3947
3965
  href: string;
3948
3966
  children: default_2.ReactNode;
3949
3967
  className?: string;
@@ -4354,6 +4372,14 @@ export declare interface SidePanelProps {
4354
4372
  bodyPadding?: boolean;
4355
4373
  /** `above-app-overlays` lifts the overlay stack clear of chrome pinned near max-int. */
4356
4374
  stacking?: 'default' | 'above-app-overlays';
4375
+ /** Full-width Alert bands at the top of the body, above `children`, in order. Unaffected by
4376
+ * `bodyPadding`. The message is markdown. */
4377
+ callouts?: {
4378
+ type?: AlertType;
4379
+ message: string;
4380
+ }[];
4381
+ /** Routes root-relative links in `callouts` through the app's router; see `MarkdownBlock`. */
4382
+ renderLink?: RenderLink;
4357
4383
  children: default_2.ReactNode;
4358
4384
  }
4359
4385