@cytario/design 7.2.0 → 9.0.0

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 (40) hide show
  1. package/README.md +15 -28
  2. package/assets/approvals/.gitkeep +0 -0
  3. package/assets/fonts/.gitkeep +0 -0
  4. package/assets/fonts/Montserrat-Italic-VariableFont_wght.ttf +0 -0
  5. package/assets/fonts/Montserrat-VariableFont_wght.ttf +0 -0
  6. package/assets/logos/.gitkeep +0 -0
  7. package/assets/logos/cytario-logo-mono-black.svg +1 -0
  8. package/assets/logos/cytario-logo-mono-white.svg +1 -0
  9. package/assets/logos/cytario-logo-purple-tagline.svg +1 -0
  10. package/assets/logos/cytario-logo-purple.svg +1 -0
  11. package/assets/logos/cytario-logo-white-tagline.svg +1 -0
  12. package/assets/logos/cytario-logo-white.svg +1 -0
  13. package/assets/logos/png/cytario-logo-mono-white.png +0 -0
  14. package/assets/logos/png/cytario-logo-on-purple.png +0 -0
  15. package/assets/logos/png/cytario-logo-purple-tagline.png +0 -0
  16. package/assets/logos/png/cytario-logo-purple.png +0 -0
  17. package/assets/logos/png/cytario-logo-white-tagline.png +0 -0
  18. package/assets/logos/png/cytario-logo-white.png +0 -0
  19. package/assets/wireframes/DESIGN-SPEC.md +150 -0
  20. package/assets/wireframes/connection-info-edit-aws.puml +41 -0
  21. package/assets/wireframes/connection-info-edit-custom.puml +34 -0
  22. package/assets/wireframes/connection-info-view.puml +42 -0
  23. package/assets/wireframes/file-info-default.puml +25 -0
  24. package/assets/wireframes/file-info-delete-confirm.puml +28 -0
  25. package/dist/fonts/Montserrat-Italic-VariableFont_wght.ttf +0 -0
  26. package/dist/fonts/Montserrat-VariableFont_wght.ttf +0 -0
  27. package/dist/index.css +1 -1
  28. package/dist/index.d.ts +115 -269
  29. package/dist/index.js +647 -882
  30. package/dist/index.js.map +1 -1
  31. package/package.json +8 -10
  32. package/src/styles/fonts/Montserrat-Italic-VariableFont_wght.ttf +0 -0
  33. package/src/styles/fonts/Montserrat-VariableFont_wght.ttf +0 -0
  34. package/src/styles/tailwind.css +1 -98
  35. package/src/styles/theme.css +557 -0
  36. package/src/styles/tokens.css +191 -0
  37. package/src/styles/global.css +0 -48
  38. package/src/tokens/utilities.css +0 -55
  39. package/src/tokens/variables-dark.css +0 -201
  40. package/src/tokens/variables.css +0 -201
package/dist/index.d.ts CHANGED
@@ -2,14 +2,24 @@ import { ButtonProps as ButtonProps$1, LinkProps as LinkProps$1, ToggleButtonPro
2
2
  export { Key, RouterConfig, RouterProvider, Tab as UnstyledTab, TabList as UnstyledTabList, TabPanel as UnstyledTabPanel, Tabs as UnstyledTabs } from 'react-aria-components';
3
3
  import * as react_jsx_runtime from 'react/jsx-runtime';
4
4
  import * as React$1 from 'react';
5
- import React__default, { ComponentType, ReactNode, Ref, InputHTMLAttributes } from 'react';
5
+ import React__default, { ComponentType, HTMLAttributes, ReactNode, Ref, InputHTMLAttributes } from 'react';
6
6
  import { LucideIcon, LucideProps } from 'lucide-react';
7
7
 
8
+ type LogoProps = {
9
+ /** Override the wordmark fill (defaults to theme-driven --logo-fill) */
10
+ color?: string;
11
+ /** Override the accent fill on the "o" (defaults to theme-driven --logo-highlight) */
12
+ highlightColor?: string;
13
+ scale?: number;
14
+ className?: string;
15
+ };
16
+ declare function Logo({ color, highlightColor, scale, className, }: LogoProps): react_jsx_runtime.JSX.Element;
17
+
8
18
  type ButtonSize = "xs" | "sm" | "md" | "lg";
9
19
  type ButtonVariant = "primary" | "secondary" | "destructive" | "success" | "warning" | "info" | "neutral" | "outline" | "ghost";
10
20
 
11
21
  /** Union of every registered icon name. */
12
- type IconName = "AlertCircle" | "AlertTriangle" | "AlignCenter" | "AlignLeft" | "AlignRight" | "Archive" | "ArrowDown" | "ArrowRight" | "ArrowUp" | "Ban" | "Bookmark" | "BookmarkCheck" | "Braces" | "Check" | "CheckCircle" | "CheckCircle2" | "ChevronDown" | "ChevronRight" | "ChevronUp" | "Circle" | "CircleDot" | "Clock" | "Cloud" | "Columns2" | "Columns3" | "Copy" | "Download" | "Edit" | "EllipsisVertical" | "ExternalLink" | "Eye" | "EyeOff" | "File" | "FileSearch" | "FileSpreadsheet" | "FilterX" | "Folder" | "FolderPlus" | "FolderTree" | "Fullscreen" | "Grid2x2" | "Grid3x3" | "Heart" | "Image" | "ImageOff" | "Inbox" | "Info" | "Lasso" | "Layers" | "Layers2" | "LayoutGrid" | "List" | "ListFilter" | "LogOut" | "Mail" | "MapPin" | "Maximize" | "Microscope" | "Minus" | "MoreVertical" | "PanelLeftClose" | "PanelLeftOpen" | "PanelRightClose" | "PanelRightOpen" | "Pencil" | "Plug" | "Plus" | "RotateCcw" | "RotateCw" | "Search" | "SearchX" | "Send" | "Settings" | "Shield" | "ShieldCheck" | "Spline" | "Square" | "Star" | "Table" | "Tag" | "Trash2" | "Unplug" | "User" | "UserMinus" | "UserPlus" | "Users" | "UsersRound" | "X" | "XCircle" | "ZoomIn" | "ZoomOut";
22
+ type IconName = "AlertCircle" | "AlertTriangle" | "AlignCenter" | "AlignLeft" | "AlignRight" | "Archive" | "ArrowDown" | "ArrowLeft" | "ArrowRight" | "ArrowUp" | "ArrowUpRight" | "Ban" | "Bookmark" | "BookmarkCheck" | "Braces" | "Building2" | "Calendar" | "Check" | "CheckCircle" | "CheckCircle2" | "ChevronDown" | "ChevronRight" | "ChevronUp" | "Circle" | "CircleDot" | "CircleSlash" | "Clock" | "Cloud" | "Columns2" | "Columns3" | "Copy" | "CreditCard" | "Database" | "Download" | "Edit" | "EllipsisVertical" | "ExternalLink" | "Eye" | "EyeOff" | "File" | "FileSearch" | "FileSpreadsheet" | "FilterX" | "Folder" | "FolderPlus" | "FolderTree" | "Fullscreen" | "Github" | "Grid2x2" | "Grid3x3" | "Heart" | "Image" | "ImageOff" | "Inbox" | "Info" | "KeyRound" | "Lasso" | "Layers" | "Layers2" | "LayoutDashboard" | "LayoutGrid" | "Linkedin" | "List" | "ListFilter" | "LogOut" | "Mail" | "MapPin" | "Maximize" | "Menu" | "Microscope" | "Minus" | "MoreVertical" | "Network" | "PanelLeftClose" | "PanelLeftOpen" | "PanelRightClose" | "PanelRightOpen" | "Pencil" | "Plug" | "Plus" | "Power" | "PowerOff" | "RefreshCw" | "RotateCcw" | "RotateCw" | "ScrollText" | "Search" | "SearchX" | "Send" | "Settings" | "Shield" | "ShieldCheck" | "Spline" | "Square" | "SquarePen" | "Star" | "Table" | "Tag" | "Trash2" | "Unplug" | "User" | "UserMinus" | "UserPlus" | "Users" | "UsersRound" | "X" | "XCircle" | "ZoomIn" | "ZoomOut";
13
23
  /**
14
24
  * Allowlist of icons available by name. Keys mirror the Lucide export name so
15
25
  * call sites read `<Icon icon="Search" />`. Add an entry here (and to IconName
@@ -52,6 +62,71 @@ interface SpinnerProps {
52
62
  }
53
63
  declare function Spinner({ size, "aria-label": ariaLabel, className, }: SpinnerProps): react_jsx_runtime.JSX.Element;
54
64
 
65
+ type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
66
+ type HeadingSize = HeadingLevel | "hero";
67
+ interface HeadingProps extends React__default.HTMLAttributes<HTMLHeadingElement> {
68
+ as?: HeadingLevel;
69
+ size?: HeadingSize;
70
+ children: React__default.ReactNode;
71
+ }
72
+ declare const Heading: React__default.ForwardRefExoticComponent<HeadingProps & React__default.RefAttributes<HTMLHeadingElement>>;
73
+ /** Convenience: renders `<h1>` with h1 styles (4xl→5xl responsive, bold) */
74
+ declare const H1: React__default.ForwardRefExoticComponent<Omit<HeadingProps, "as"> & React__default.RefAttributes<HTMLHeadingElement>>;
75
+ /** Convenience: renders `<h2>` with h2 styles (2xl→3xl responsive, bold) */
76
+ declare const H2: React__default.ForwardRefExoticComponent<Omit<HeadingProps, "as"> & React__default.RefAttributes<HTMLHeadingElement>>;
77
+ /** Convenience: renders `<h3>` with h3 styles (lg→xl responsive, bold) */
78
+ declare const H3: React__default.ForwardRefExoticComponent<Omit<HeadingProps, "as"> & React__default.RefAttributes<HTMLHeadingElement>>;
79
+ /** Convenience: renders `<h4>` with h4 styles (base→lg responsive, semibold) */
80
+ declare const H4: React__default.ForwardRefExoticComponent<Omit<HeadingProps, "as"> & React__default.RefAttributes<HTMLHeadingElement>>;
81
+ /** Convenience: renders `<h5>` with h5 styles (sm→base responsive, semibold) */
82
+ declare const H5: React__default.ForwardRefExoticComponent<Omit<HeadingProps, "as"> & React__default.RefAttributes<HTMLHeadingElement>>;
83
+ /** Convenience: renders `<h6>` with h6 styles (sm, semibold) */
84
+ declare const H6: React__default.ForwardRefExoticComponent<Omit<HeadingProps, "as"> & React__default.RefAttributes<HTMLHeadingElement>>;
85
+
86
+ interface ProseProps extends HTMLAttributes<HTMLDivElement> {
87
+ /** Content rendered inside the `.prose` container */
88
+ children: ReactNode;
89
+ /** Visual size variant (default "default") */
90
+ size?: "sm" | "default" | "lg" | "xl";
91
+ /** Invert colours for dark backgrounds (default false) */
92
+ invert?: boolean;
93
+ className?: string;
94
+ }
95
+ /**
96
+ * Renders rich-text / long-form content with the Tailwind Typography plugin.
97
+ *
98
+ * Wrap markdown output, static documentation, or any long-form content that
99
+ * contains `<h1>`–`<h6>`, `<p>`, `<ul>`, `<ol>`, `<blockquote>`, `<code>` and
100
+ * similar elements. The wrapper applies the `prose` class family so the
101
+ * content inherits consistent typographic spacing and colour.
102
+ *
103
+ * @example
104
+ * <Prose size="lg">{renderMarkdown(content)}</Prose>
105
+ */
106
+ declare const Prose: React$1.ForwardRefExoticComponent<ProseProps & React$1.RefAttributes<HTMLDivElement>>;
107
+
108
+ type DescriptionSize = "sm" | "md" | "lg" | "xl";
109
+ interface DescriptionProps extends Omit<HTMLAttributes<HTMLParagraphElement>, "children"> {
110
+ /** Content rendered inside the paragraph */
111
+ children: ReactNode;
112
+ /** Visual size variant (default "md") */
113
+ size?: DescriptionSize;
114
+ /** Merge override */
115
+ className?: string;
116
+ }
117
+ /**
118
+ * Renders a single paragraph of muted body copy with responsive sizing.
119
+ *
120
+ * Use for lead text, supporting descriptions, and other non-heading prose.
121
+ * The element is a `<p>` so it participates in normal document flow. Pass
122
+ * `size` to scale the text; pass `className` to override colour, margin, or
123
+ * any other utility.
124
+ *
125
+ * @example
126
+ * <Description size="lg">Supporting copy beneath a heading.</Description>
127
+ */
128
+ declare const Description: React$1.ForwardRefExoticComponent<DescriptionProps & React$1.RefAttributes<HTMLParagraphElement>>;
129
+
55
130
  interface TooltipProps {
56
131
  /** Tooltip content; `null`/`undefined` disables the tooltip entirely */
57
132
  content: ReactNode;
@@ -279,27 +354,6 @@ interface FieldsetProps {
279
354
  }
280
355
  declare function Fieldset({ legend, children, className }: FieldsetProps): react_jsx_runtime.JSX.Element;
281
356
 
282
- type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
283
- type HeadingSize = "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
284
- type HeadingWeight = "semibold" | "bold";
285
- interface HeadingProps {
286
- /** HTML heading element to render */
287
- as?: HeadingLevel;
288
- /** Visual size (defaults to match the `as` level) */
289
- size?: HeadingSize;
290
- /** Font weight (defaults to "semibold") */
291
- weight?: HeadingWeight;
292
- children: React__default.ReactNode;
293
- className?: string;
294
- }
295
- declare function Heading({ as: Tag, size, weight, className, children, }: HeadingProps): react_jsx_runtime.JSX.Element;
296
- /** Convenience: renders `<h1>` at 2xl size with bold weight */
297
- declare function H1(props: Omit<HeadingProps, "as">): react_jsx_runtime.JSX.Element;
298
- /** Convenience: renders `<h2>` at xl size */
299
- declare function H2(props: Omit<HeadingProps, "as">): react_jsx_runtime.JSX.Element;
300
- /** Convenience: renders `<h3>` at lg size */
301
- declare function H3(props: Omit<HeadingProps, "as">): react_jsx_runtime.JSX.Element;
302
-
303
357
  type LinkVariant = "default" | "subtle";
304
358
  interface LinkProps extends Omit<LinkProps$1, "className"> {
305
359
  /** Visual style variant */
@@ -548,42 +602,27 @@ interface SegmentedControlItemProps extends Omit<ToggleButtonProps$1, "className
548
602
  }
549
603
  declare function SegmentedControlItem({ className, ...props }: SegmentedControlItemProps): react_jsx_runtime.JSX.Element;
550
604
 
551
- type BadgeVariant = "neutral" | "purple" | "teal" | "rose" | "slate" | "green" | "amber";
552
- type BadgeSize = "sm" | "md";
553
- interface BadgeProps {
554
- /** Badge text content */
555
- children: React__default.ReactNode;
556
- /** Color variant */
557
- variant?: BadgeVariant;
558
- /** Size preset */
605
+ type BadgeColor = "purple" | "teal" | "rose" | "slate" | "green" | "amber";
606
+ type BadgeSize = "xs" | "sm" | "md" | "lg";
607
+ interface BadgeProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, "color"> {
608
+ children?: React__default.ReactNode;
609
+ color?: BadgeColor;
559
610
  size?: BadgeSize;
560
- /** Optional leading icon */
561
611
  icon?: IconValue;
562
- /** Merge override */
563
- className?: string;
564
612
  }
565
- declare function Badge({ children, variant, size, icon, className, }: BadgeProps): react_jsx_runtime.JSX.Element;
613
+ declare function Badge({ children, color, size, icon, className, ...rest }: BadgeProps): react_jsx_runtime.JSX.Element;
566
614
 
567
- type CardPadding = "none" | "sm" | "md" | "lg";
568
615
  interface CardProps {
569
616
  /** Card body content */
570
617
  children: React__default.ReactNode;
571
- /** Optional header content */
618
+ /** Optional header content (rendered with bottom border separator) */
572
619
  header?: React__default.ReactNode;
573
620
  /** Optional footer content (rendered with top border separator) */
574
621
  footer?: React__default.ReactNode;
575
- /** Body padding preset */
576
- padding?: CardPadding;
577
- /** Makes the card a clickable link */
578
- href?: string;
579
- /** Handler for click/press interaction (use instead of href for programmatic navigation) */
580
- onPress?: () => void;
581
- /** Enables hover elevation even without href */
582
- interactive?: boolean;
583
622
  /** Merge override */
584
623
  className?: string;
585
624
  }
586
- declare function Card({ children, header, footer, padding, href, onPress, interactive, className, }: CardProps): react_jsx_runtime.JSX.Element;
625
+ declare function Card({ children, header, footer, className }: CardProps): react_jsx_runtime.JSX.Element;
587
626
 
588
627
  type DeltaFormat = "currency" | "percentage" | "combined";
589
628
  type DeltaMode = "inline" | "pill";
@@ -665,9 +704,11 @@ interface MetricCardProps {
665
704
  }
666
705
  declare function MetricCard({ label, value, secondary, href, size, className, }: MetricCardProps): react_jsx_runtime.JSX.Element;
667
706
 
668
- interface SectionHeaderProps {
669
- /** Section title rendered as an H2 heading */
707
+ interface SectionHeaderProps extends Omit<React__default.HTMLAttributes<HTMLDivElement>, "title"> {
708
+ /** Section title rendered as a heading (default H2) */
670
709
  title: string;
710
+ /** Heading level for the title (default "h2") */
711
+ as?: HeadingLevel;
671
712
  /** Optional action elements (buttons, badges, etc.) rendered on the right */
672
713
  children?: React__default.ReactNode;
673
714
  /** Additional CSS classes applied to the outer container */
@@ -677,37 +718,39 @@ interface SectionHeaderProps {
677
718
  * Section header with a title on the left and optional action slots on the right.
678
719
  *
679
720
  * Mirrors the `SectionHeader` pattern from cytario-web's `Container.tsx`.
680
- * The title renders as an `<H2>` heading; any `children` are placed in a
681
- * flex container that aligns to the trailing edge.
721
+ * The title renders as a heading (default `<H2>`); any `children` are
722
+ * placed in a flex container that aligns to the trailing edge.
682
723
  */
683
- declare function SectionHeader({ title, children, className, }: SectionHeaderProps): react_jsx_runtime.JSX.Element;
684
-
685
- declare const colorStyles: {
686
- readonly slate: "bg-(--color-badge-slate-bg) text-(--color-badge-slate-text) border-(--color-badge-slate-text)/20";
687
- readonly purple: "bg-(--color-badge-purple-bg) text-(--color-badge-purple-text) border-(--color-badge-purple-text)/20";
688
- readonly teal: "bg-(--color-badge-teal-bg) text-(--color-badge-teal-text) border-(--color-badge-teal-text)/20";
689
- readonly rose: "bg-(--color-badge-rose-bg) text-(--color-badge-rose-text) border-(--color-badge-rose-text)/20";
690
- readonly green: "bg-(--color-badge-green-bg) text-(--color-badge-green-text) border-(--color-badge-green-text)/20";
691
- readonly amber: "bg-(--color-badge-amber-bg) text-(--color-badge-amber-text) border-(--color-badge-amber-text)/20";
692
- };
693
- type PillColor = keyof typeof colorStyles;
694
- interface PillProps extends Omit<React__default.HTMLAttributes<HTMLSpanElement>, "children" | "color"> {
695
- children?: string;
696
- color?: PillColor;
724
+ declare const SectionHeader: React__default.ForwardRefExoticComponent<SectionHeaderProps & React__default.RefAttributes<HTMLDivElement>>;
725
+
726
+ type DescriptionListLayout = "stacked" | "horizontal";
727
+ interface DescriptionListProps {
728
+ children: React__default.ReactNode;
729
+ /** Layout for all items: "stacked" (label above value) or "horizontal" (side by side) */
730
+ layout?: DescriptionListLayout;
731
+ className?: string;
697
732
  }
698
- declare function pillColorFromName(name?: string): PillColor;
699
- /** Non-interactive hash-colored label badge. Color is derived from the text unless explicitly set. */
700
- declare function Pill({ children, color, className, ...rest }: PillProps): react_jsx_runtime.JSX.Element;
733
+ interface DescriptionListItemProps {
734
+ label: string;
735
+ children: React__default.ReactNode;
736
+ /** De-emphasize the value text */
737
+ muted?: boolean;
738
+ /** When set, wraps value in a Tooltip showing the full text (useful for truncated ETags etc.) */
739
+ fullValue?: string;
740
+ }
741
+ declare function DescriptionList({ children, layout, className, }: DescriptionListProps): react_jsx_runtime.JSX.Element;
742
+ declare namespace DescriptionList {
743
+ var Item: typeof DescriptionListItem;
744
+ }
745
+ declare function DescriptionListItem({ label, children, muted, fullValue, }: DescriptionListItemProps): react_jsx_runtime.JSX.Element;
701
746
 
747
+ declare function pillColorFromName(name?: string): BadgeColor;
702
748
  interface PathPillProps {
703
749
  children: string;
704
- /** Number of trailing segments to show; earlier ones collapse to dots. Defaults to all. */
705
750
  visibleCount?: number;
706
- /** Override per-segment color. Falls back to hash-based `pillColorFromName`. */
707
- colorFn?: (segment: string, index: number) => PillColor;
751
+ colorFn?: (segment: string, index: number) => BadgeColor;
708
752
  className?: string;
709
753
  }
710
- /** Renders a slash-separated path as overlapping, hash-colored pill segments. */
711
754
  declare function PathPill({ children, visibleCount, colorFn, className, }: PathPillProps): react_jsx_runtime.JSX.Element | null;
712
755
 
713
756
  interface FormWizardContextValue {
@@ -751,201 +794,4 @@ interface FormWizardNavProps {
751
794
  }
752
795
  declare function FormWizardNav({ onNext, isSubmitting, submitLabel, }: FormWizardNavProps): react_jsx_runtime.JSX.Element;
753
796
 
754
- /**
755
- * Do not edit directly, this file was auto-generated.
756
- */
757
- declare const ColorPurple50 = "#f5f0fa";
758
- declare const ColorPurple100 = "#ead9f5";
759
- declare const ColorPurple200 = "#d4b3eb";
760
- declare const ColorPurple300 = "#b87ddb";
761
- declare const ColorPurple400 = "#9b4fcb";
762
- declare const ColorPurple500 = "#7a2ea8";
763
- declare const ColorPurple600 = "#6b2695";
764
- declare const ColorPurple700 = "#5c2483";
765
- declare const ColorPurple800 = "#4a1d6a";
766
- declare const ColorPurple900 = "#3a1754";
767
- declare const ColorPurple950 = "#2a0f3e";
768
- declare const ColorTeal50 = "#edf9f9";
769
- declare const ColorTeal100 = "#d0f0f0";
770
- declare const ColorTeal200 = "#a1e1e2";
771
- declare const ColorTeal300 = "#6dd0d1";
772
- declare const ColorTeal400 = "#44c4c5";
773
- declare const ColorTeal500 = "#35b7b8";
774
- declare const ColorTeal600 = "#2a9b9c";
775
- declare const ColorTeal700 = "#217d7e";
776
- declare const ColorTeal800 = "#1a6364";
777
- declare const ColorTeal900 = "#144d4e";
778
- declare const ColorTeal950 = "#0a2829";
779
- declare const ColorGreen50 = "#f0fdf4";
780
- declare const ColorGreen100 = "#dcfce7";
781
- declare const ColorGreen200 = "#bbf7d0";
782
- declare const ColorGreen300 = "#86efac";
783
- declare const ColorGreen400 = "#4ade80";
784
- declare const ColorGreen500 = "#22c55e";
785
- declare const ColorGreen600 = "#16a34a";
786
- declare const ColorGreen700 = "#15803d";
787
- declare const ColorGreen800 = "#166534";
788
- declare const ColorGreen900 = "#14532d";
789
- declare const ColorGreen950 = "#052e16";
790
- declare const ColorRose50 = "#fff1f2";
791
- declare const ColorRose100 = "#ffe4e6";
792
- declare const ColorRose200 = "#fecdd3";
793
- declare const ColorRose300 = "#fda4af";
794
- declare const ColorRose400 = "#fb7185";
795
- declare const ColorRose500 = "#f43f5e";
796
- declare const ColorRose600 = "#e11d48";
797
- declare const ColorRose700 = "#be123c";
798
- declare const ColorRose800 = "#9f1239";
799
- declare const ColorRose900 = "#881337";
800
- declare const ColorRose950 = "#4c0519";
801
- declare const ColorSlate50 = "#f8fafc";
802
- declare const ColorSlate100 = "#f1f5f9";
803
- declare const ColorSlate200 = "#e2e8f0";
804
- declare const ColorSlate300 = "#cbd5e1";
805
- declare const ColorSlate400 = "#94a3b8";
806
- declare const ColorSlate500 = "#64748b";
807
- declare const ColorSlate600 = "#475569";
808
- declare const ColorSlate700 = "#334155";
809
- declare const ColorSlate800 = "#1e293b";
810
- declare const ColorSlate900 = "#0f172a";
811
- declare const ColorSlate950 = "#020617";
812
- declare const ColorAmber50 = "#fffbeb";
813
- declare const ColorAmber100 = "#fef3c7";
814
- declare const ColorAmber200 = "#fde68a";
815
- declare const ColorAmber300 = "#fcd34d";
816
- declare const ColorAmber400 = "#fbbf24";
817
- declare const ColorAmber500 = "#f59e0b";
818
- declare const ColorAmber600 = "#d97706";
819
- declare const ColorAmber700 = "#b45309";
820
- declare const ColorAmber800 = "#92400e";
821
- declare const ColorAmber900 = "#78350f";
822
- declare const ColorAmber950 = "#451a03";
823
- declare const ColorBlue50 = "#eff6ff";
824
- declare const ColorBlue100 = "#dbeafe";
825
- declare const ColorBlue200 = "#bfdbfe";
826
- declare const ColorBlue300 = "#93c5fd";
827
- declare const ColorBlue400 = "#60a5fa";
828
- declare const ColorBlue500 = "#3b82f6";
829
- declare const ColorBlue600 = "#2563eb";
830
- declare const ColorBlue700 = "#1d4ed8";
831
- declare const ColorBlue800 = "#1e40af";
832
- declare const ColorBlue900 = "#1e3a8a";
833
- declare const ColorBlue950 = "#172554";
834
- declare const ColorWhite = "#ffffff";
835
- declare const ColorBlack = "#000000";
836
- declare const ColorAlphaBlack80 = "#000000cc";
837
- declare const ColorAlphaBlack60 = "#00000099";
838
- declare const ColorAlphaBlack40 = "#00000066";
839
- declare const ColorAlphaBlack06 = "#0000000f";
840
- declare const ColorAlphaWhite10 = "#ffffff1a";
841
- declare const ColorAlphaWhite06 = "#ffffff0f";
842
- declare const ColorBackground = "#ffffff";
843
- declare const ColorForeground = "#0f172a";
844
- declare const ColorCard = "#f8fafc";
845
- declare const ColorMuted = "#f1f5f9";
846
- declare const ColorMutedForeground = "#475569";
847
- declare const ColorAccent = "#e2e8f0";
848
- declare const ColorAccentForeground = "#0f172a";
849
- declare const ColorAccentPressed = "#cbd5e1";
850
- declare const ColorBorder = "#e2e8f0";
851
- declare const ColorRing = "#35b7b8";
852
- declare const ColorOverlay = "#000000cc";
853
- declare const ColorBackdrop = "#00000066";
854
- declare const ColorPrimary = "#5c2483";
855
- declare const ColorPrimaryForeground = "#ffffff";
856
- declare const ColorPrimaryHover = "#4a1d6a";
857
- declare const ColorPrimaryPressed = "#3a1754";
858
- declare const ColorSecondary = "#6dd0d1";
859
- declare const ColorSecondaryForeground = "#0a2829";
860
- declare const ColorSecondaryHover = "#44c4c5";
861
- declare const ColorSecondaryPressed = "#35b7b8";
862
- declare const ColorDestructive = "#e11d48";
863
- declare const ColorDestructiveForeground = "#ffffff";
864
- declare const ColorDestructiveHover = "#be123c";
865
- declare const ColorDestructivePressed = "#9f1239";
866
- declare const ColorDestructiveSurface = "#fff1f2";
867
- declare const ColorDestructiveSurfaceForeground = "#be123c";
868
- declare const ColorDestructiveBorder = "#fecdd3";
869
- declare const ColorSuccess = "#15803d";
870
- declare const ColorSuccessForeground = "#ffffff";
871
- declare const ColorSuccessHover = "#166534";
872
- declare const ColorSuccessPressed = "#14532d";
873
- declare const ColorSuccessSurface = "#f0fdf4";
874
- declare const ColorSuccessSurfaceForeground = "#15803d";
875
- declare const ColorSuccessBorder = "#bbf7d0";
876
- declare const ColorWarning = "#f59e0b";
877
- declare const ColorWarningForeground = "#0f172a";
878
- declare const ColorWarningHover = "#fbbf24";
879
- declare const ColorWarningPressed = "#fcd34d";
880
- declare const ColorWarningSurface = "#fffbeb";
881
- declare const ColorWarningSurfaceForeground = "#92400e";
882
- declare const ColorWarningBorder = "#fde68a";
883
- declare const ColorInfo = "#2563eb";
884
- declare const ColorInfoForeground = "#ffffff";
885
- declare const ColorInfoHover = "#1d4ed8";
886
- declare const ColorInfoPressed = "#1e40af";
887
- declare const ColorInfoSurface = "#eff6ff";
888
- declare const ColorInfoSurfaceForeground = "#1d4ed8";
889
- declare const ColorInfoBorder = "#bfdbfe";
890
- declare const ColorDeltaIncreaseBg = "#fff1f2";
891
- declare const ColorDeltaIncreaseText = "#be123c";
892
- declare const ColorDeltaIncreaseIcon = "#f43f5e";
893
- declare const ColorDeltaDecreaseBg = "#f0fdf4";
894
- declare const ColorDeltaDecreaseText = "#15803d";
895
- declare const ColorDeltaDecreaseIcon = "#22c55e";
896
- declare const ColorDeltaFlatBg = "#f1f5f9";
897
- declare const ColorDeltaFlatText = "#64748b";
898
- declare const ColorDeltaFlatIcon = "#94a3b8";
899
- declare const ColorProgressTrack = "#e2e8f0";
900
- declare const ColorProgressFill = "#6b2695";
901
- declare const ColorProgressFillSuccess = "#22c55e";
902
- declare const ColorProgressFillWarning = "#f59e0b";
903
- declare const ColorProgressFillDanger = "#f43f5e";
904
- declare const ColorBadgePurpleBg = "#ead9f5";
905
- declare const ColorBadgePurpleText = "#5c2483";
906
- declare const ColorBadgeTealBg = "#d0f0f0";
907
- declare const ColorBadgeTealText = "#1a6364";
908
- declare const ColorBadgeSlateBg = "#f1f5f9";
909
- declare const ColorBadgeSlateText = "#334155";
910
- declare const ColorBadgeRoseBg = "#ffe4e6";
911
- declare const ColorBadgeRoseText = "#be123c";
912
- declare const ColorBadgeNeutralBg = "#f1f5f9";
913
- declare const ColorBadgeNeutralText = "#334155";
914
- declare const ColorBadgeGreenBg = "#dcfce7";
915
- declare const ColorBadgeGreenText = "#15803d";
916
- declare const ColorBadgeAmberBg = "#fef3c7";
917
- declare const ColorBadgeAmberText = "#92400e";
918
- declare const Spacing1 = "4px";
919
- declare const Spacing2 = "8px";
920
- declare const Spacing3 = "12px";
921
- declare const Spacing4 = "16px";
922
- declare const Spacing6 = "24px";
923
- declare const Spacing8 = "32px";
924
- declare const Spacing12 = "48px";
925
- declare const Spacing16 = "64px";
926
- declare const BorderRadiusNone = "0px";
927
- declare const BorderRadiusSm = "4px";
928
- declare const BorderRadiusMd = "8px";
929
- declare const BorderRadiusLg = "12px";
930
- declare const BorderRadiusXl = "16px";
931
- declare const BorderRadiusFull = "9999px";
932
- declare const FontSizeXs = "12px";
933
- declare const FontSizeSm = "14px";
934
- declare const FontSizeBase = "16px";
935
- declare const FontSizeLg = "18px";
936
- declare const FontSizeXl = "20px";
937
- declare const FontSize2xl = "24px";
938
- declare const FontSize3xl = "30px";
939
- declare const FontSize4xl = "36px";
940
- declare const FontSize5xl = "48px";
941
- declare const FontWeightLight = 300;
942
- declare const FontWeightRegular = 400;
943
- declare const FontWeightMedium = 500;
944
- declare const FontWeightSemibold = 600;
945
- declare const FontWeightBold = 700;
946
- declare const FontWeightExtrabold = 800;
947
- declare const LineHeightTight = 1.25;
948
- declare const LineHeightNormal = 1.5;
949
- declare const LineHeightRelaxed = 1.625;
950
-
951
- export { Badge, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerVariant, BorderRadiusFull, BorderRadiusLg, BorderRadiusMd, BorderRadiusNone, BorderRadiusSm, BorderRadiusXl, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardPadding, type CardProps, Cell, Checkbox, type CheckboxProps, ColorAccent, ColorAccentForeground, ColorAccentPressed, ColorAlphaBlack06, ColorAlphaBlack40, ColorAlphaBlack60, ColorAlphaBlack80, ColorAlphaWhite06, ColorAlphaWhite10, ColorAmber100, ColorAmber200, ColorAmber300, ColorAmber400, ColorAmber50, ColorAmber500, ColorAmber600, ColorAmber700, ColorAmber800, ColorAmber900, ColorAmber950, ColorBackdrop, ColorBackground, ColorBadgeAmberBg, ColorBadgeAmberText, ColorBadgeGreenBg, ColorBadgeGreenText, ColorBadgeNeutralBg, ColorBadgeNeutralText, ColorBadgePurpleBg, ColorBadgePurpleText, ColorBadgeRoseBg, ColorBadgeRoseText, ColorBadgeSlateBg, ColorBadgeSlateText, ColorBadgeTealBg, ColorBadgeTealText, ColorBlack, ColorBlue100, ColorBlue200, ColorBlue300, ColorBlue400, ColorBlue50, ColorBlue500, ColorBlue600, ColorBlue700, ColorBlue800, ColorBlue900, ColorBlue950, ColorBorder, ColorCard, ColorDeltaDecreaseBg, ColorDeltaDecreaseIcon, ColorDeltaDecreaseText, ColorDeltaFlatBg, ColorDeltaFlatIcon, ColorDeltaFlatText, ColorDeltaIncreaseBg, ColorDeltaIncreaseIcon, ColorDeltaIncreaseText, ColorDestructive, ColorDestructiveBorder, ColorDestructiveForeground, ColorDestructiveHover, ColorDestructivePressed, ColorDestructiveSurface, ColorDestructiveSurfaceForeground, ColorForeground, ColorGreen100, ColorGreen200, ColorGreen300, ColorGreen400, ColorGreen50, ColorGreen500, ColorGreen600, ColorGreen700, ColorGreen800, ColorGreen900, ColorGreen950, ColorInfo, ColorInfoBorder, ColorInfoForeground, ColorInfoHover, ColorInfoPressed, ColorInfoSurface, ColorInfoSurfaceForeground, ColorMuted, ColorMutedForeground, ColorOverlay, ColorPrimary, ColorPrimaryForeground, ColorPrimaryHover, ColorPrimaryPressed, ColorProgressFill, ColorProgressFillDanger, ColorProgressFillSuccess, ColorProgressFillWarning, ColorProgressTrack, ColorPurple100, ColorPurple200, ColorPurple300, ColorPurple400, ColorPurple50, ColorPurple500, ColorPurple600, ColorPurple700, ColorPurple800, ColorPurple900, ColorPurple950, ColorRing, ColorRose100, ColorRose200, ColorRose300, ColorRose400, ColorRose50, ColorRose500, ColorRose600, ColorRose700, ColorRose800, ColorRose900, ColorRose950, ColorSecondary, ColorSecondaryForeground, ColorSecondaryHover, ColorSecondaryPressed, ColorSlate100, ColorSlate200, ColorSlate300, ColorSlate400, ColorSlate50, ColorSlate500, ColorSlate600, ColorSlate700, ColorSlate800, ColorSlate900, ColorSlate950, ColorSuccess, ColorSuccessBorder, ColorSuccessForeground, ColorSuccessHover, ColorSuccessPressed, ColorSuccessSurface, ColorSuccessSurfaceForeground, ColorTeal100, ColorTeal200, ColorTeal300, ColorTeal400, ColorTeal50, ColorTeal500, ColorTeal600, ColorTeal700, ColorTeal800, ColorTeal900, ColorTeal950, ColorWarning, ColorWarningBorder, ColorWarningForeground, ColorWarningHover, ColorWarningPressed, ColorWarningSurface, ColorWarningSurfaceForeground, ColorWhite, Column, type DataTableProps, type DeltaFormat, DeltaIndicator, type DeltaIndicatorProps, type DeltaMode, Dialog, type DialogProps, EmptyState, type EmptyStateProps, Fieldset, type FieldsetProps, FontSize2xl, FontSize3xl, FontSize4xl, FontSize5xl, FontSizeBase, FontSizeLg, FontSizeSm, FontSizeXl, FontSizeXs, FontWeightBold, FontWeightExtrabold, FontWeightLight, FontWeightMedium, FontWeightRegular, FontWeightSemibold, FormWizard, type FormWizardContextValue, FormWizardNav, type FormWizardNavProps, FormWizardProgress, type FormWizardProgressProps, type FormWizardProps, H1, H2, H3, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, Icon, IconButton, IconButtonLink, type IconButtonLinkProps, type IconButtonProps, IconButtonToggle, type IconButtonToggleProps, type IconComponent, type IconName, type IconProps, type IconValue, Input, InputPassword, type InputPasswordProps, type InputProps, Label, type LabelProps, LineHeightNormal, LineHeightRelaxed, LineHeightTight, Link, type LinkProps, type LinkVariant, Menu, MenuCheckboxItem, type MenuCheckboxItemProps, MenuHeader, type MenuHeaderProps, MenuItem, type MenuItemData, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MetricCard, type MetricCardProps, type MetricCardSize, PathPill, type PathPillProps, Pill, type PillColor, type PillProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Row, SectionHeader, type SectionHeaderProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, type SegmentedControlSelectionMode, type SegmentedControlSize, Select, type SelectItem, type SelectProps, Spacing1, Spacing12, Spacing16, Spacing2, Spacing3, Spacing4, Spacing6, Spacing8, Spinner, type SpinnerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, type TableSize, Tabs, type TabsProps, type TabsSize, type TabsVariant, type ToastBridge, type ToastContextValue, type ToastData, type ToastPlacement, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleButton, type ToggleButtonProps, type ToggleButtonSize, type ToggleButtonVariant, Tooltip, type TooltipProps, TruncatedText, type TruncatedTextProps, type UseContextMenuProps, type UseContextMenuResult, createToastBridge, iconRegistry, pillColorFromName, useContextMenu, useFormWizard, useToast };
797
+ export { Badge, type BadgeColor, type BadgeProps, type BadgeSize, Banner, type BannerProps, type BannerVariant, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonLink, type ButtonLinkProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, Cell, Checkbox, type CheckboxProps, Column, type DataTableProps, type DeltaFormat, DeltaIndicator, type DeltaIndicatorProps, type DeltaMode, Description, DescriptionList, type DescriptionListItemProps, type DescriptionListLayout, type DescriptionListProps, type DescriptionProps, type DescriptionSize, Dialog, type DialogProps, EmptyState, type EmptyStateProps, Fieldset, type FieldsetProps, FormWizard, type FormWizardContextValue, FormWizardNav, type FormWizardNavProps, FormWizardProgress, type FormWizardProgressProps, type FormWizardProps, H1, H2, H3, H4, H5, H6, Heading, type HeadingLevel, type HeadingProps, type HeadingSize, Icon, IconButton, IconButtonLink, type IconButtonLinkProps, type IconButtonProps, IconButtonToggle, type IconButtonToggleProps, type IconComponent, type IconName, type IconProps, type IconValue, Input, InputPassword, type InputPasswordProps, type InputProps, Label, type LabelProps, Link, type LinkProps, type LinkVariant, Logo, type LogoProps, Menu, MenuCheckboxItem, type MenuCheckboxItemProps, MenuHeader, type MenuHeaderProps, MenuItem, type MenuItemData, type MenuItemProps, type MenuProps, MenuSection, type MenuSectionProps, MenuSeparator, type MenuSeparatorProps, MetricCard, type MetricCardProps, type MetricCardSize, PathPill, type PathPillProps, Popover, PopoverContent, type PopoverContentProps, type PopoverProps, PopoverTrigger, type PopoverTriggerProps, ProgressBar, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, Prose, type ProseProps, Radio, RadioButton, type RadioButtonProps, RadioGroup, type RadioGroupProps, type RadioProps, Row, SectionHeader, type SectionHeaderProps, SegmentedControl, SegmentedControlItem, type SegmentedControlItemProps, type SegmentedControlProps, type SegmentedControlSelectionMode, type SegmentedControlSize, Select, type SelectItem, type SelectProps, Spinner, type SpinnerProps, Switch, type SwitchProps, Tab, TabList, type TabListProps, TabPanel, type TabPanelProps, type TabProps, Table, TableBody, TableHeader, type TableSize, Tabs, type TabsProps, type TabsSize, type TabsVariant, type ToastBridge, type ToastContextValue, type ToastData, type ToastPlacement, ToastProvider, type ToastProviderProps, type ToastVariant, ToggleButton, type ToggleButtonProps, type ToggleButtonSize, type ToggleButtonVariant, Tooltip, type TooltipProps, TruncatedText, type TruncatedTextProps, type UseContextMenuProps, type UseContextMenuResult, createToastBridge, iconRegistry, pillColorFromName, useContextMenu, useFormWizard, useToast };