@cere/cere-design-system 0.0.43 → 0.0.45
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.mts +225 -1
- package/dist/index.d.ts +225 -1
- package/dist/index.js +1736 -1307
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1668 -1245
- package/dist/index.mjs.map +1 -1
- package/dist/tokens.css +78 -0
- package/package.json +3 -2
package/dist/index.d.mts
CHANGED
|
@@ -40,6 +40,54 @@ import { Monaco } from '@monaco-editor/react';
|
|
|
40
40
|
import { editor } from 'monaco-editor';
|
|
41
41
|
export { default as RadioGroup } from '@mui/material/RadioGroup';
|
|
42
42
|
|
|
43
|
+
/**
|
|
44
|
+
* Module augmentation for the custom typography variants defined in
|
|
45
|
+
* `typography.ts` (eyebrow, lede, panelTitle, footnote, mono, banner*).
|
|
46
|
+
*
|
|
47
|
+
* Side-effect import only — pulled in from `theme/index.ts` so the types
|
|
48
|
+
* are visible wherever the DS theme is consumed.
|
|
49
|
+
*/
|
|
50
|
+
declare module '@mui/material/styles' {
|
|
51
|
+
interface TypographyVariants {
|
|
52
|
+
eyebrow: React.CSSProperties;
|
|
53
|
+
lede: React.CSSProperties;
|
|
54
|
+
panelTitle: React.CSSProperties;
|
|
55
|
+
footnote: React.CSSProperties;
|
|
56
|
+
mono: React.CSSProperties;
|
|
57
|
+
bannerEyebrow: React.CSSProperties;
|
|
58
|
+
bannerTitle: React.CSSProperties;
|
|
59
|
+
bannerBy: React.CSSProperties;
|
|
60
|
+
bannerDesc: React.CSSProperties;
|
|
61
|
+
bannerMeta: React.CSSProperties;
|
|
62
|
+
}
|
|
63
|
+
interface TypographyVariantsOptions {
|
|
64
|
+
eyebrow?: React.CSSProperties;
|
|
65
|
+
lede?: React.CSSProperties;
|
|
66
|
+
panelTitle?: React.CSSProperties;
|
|
67
|
+
footnote?: React.CSSProperties;
|
|
68
|
+
mono?: React.CSSProperties;
|
|
69
|
+
bannerEyebrow?: React.CSSProperties;
|
|
70
|
+
bannerTitle?: React.CSSProperties;
|
|
71
|
+
bannerBy?: React.CSSProperties;
|
|
72
|
+
bannerDesc?: React.CSSProperties;
|
|
73
|
+
bannerMeta?: React.CSSProperties;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
declare module '@mui/material/Typography' {
|
|
77
|
+
interface TypographyPropsVariantOverrides {
|
|
78
|
+
eyebrow: true;
|
|
79
|
+
lede: true;
|
|
80
|
+
panelTitle: true;
|
|
81
|
+
footnote: true;
|
|
82
|
+
mono: true;
|
|
83
|
+
bannerEyebrow: true;
|
|
84
|
+
bannerTitle: true;
|
|
85
|
+
bannerBy: true;
|
|
86
|
+
bannerDesc: true;
|
|
87
|
+
bannerMeta: true;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
43
91
|
/**
|
|
44
92
|
* ROB primary brand colors (Figma node 11-1393).
|
|
45
93
|
*/
|
|
@@ -241,6 +289,98 @@ declare const workflowConnectionColors: {
|
|
|
241
289
|
readonly error: "#EF4444";
|
|
242
290
|
};
|
|
243
291
|
|
|
292
|
+
/**
|
|
293
|
+
* Spacing and sizing tokens for the design system.
|
|
294
|
+
*
|
|
295
|
+
* Centralizes border-radius, component-specific sizing, and spacing
|
|
296
|
+
* constants that were previously scattered across component files.
|
|
297
|
+
*/
|
|
298
|
+
declare const borderRadius: {
|
|
299
|
+
/** Small: alerts, compact elements */
|
|
300
|
+
readonly sm: 8;
|
|
301
|
+
/** Medium: buttons, inputs, selects */
|
|
302
|
+
readonly md: 12;
|
|
303
|
+
/** Large: chips, cards, global default */
|
|
304
|
+
readonly lg: 16;
|
|
305
|
+
/** Extra large: hero surfaces, dialogs */
|
|
306
|
+
readonly xl: 20;
|
|
307
|
+
/** Pill: fully rounded badges, on-gradient buttons */
|
|
308
|
+
readonly pill: 999;
|
|
309
|
+
};
|
|
310
|
+
|
|
311
|
+
/**
|
|
312
|
+
* Motion tokens: durations and easing curves.
|
|
313
|
+
*
|
|
314
|
+
* Marketplace-aligned. Consumed by component animations and emitted as
|
|
315
|
+
* `--dur-*` / `--ease-*` CSS custom properties in `tokens.css`.
|
|
316
|
+
*/
|
|
317
|
+
declare const motion: {
|
|
318
|
+
readonly dur: {
|
|
319
|
+
/** Fast: ~120ms. Hover transitions, micro-interactions. */
|
|
320
|
+
readonly fast: "120ms";
|
|
321
|
+
};
|
|
322
|
+
readonly ease: {
|
|
323
|
+
/** Material-style standard easing. */
|
|
324
|
+
readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
|
|
325
|
+
};
|
|
326
|
+
};
|
|
327
|
+
|
|
328
|
+
/**
|
|
329
|
+
* Web surface tokens (marketplace-aligned v2 product palette).
|
|
330
|
+
*
|
|
331
|
+
* Source of truth for the colors/surfaces/strokes/shadows used by the
|
|
332
|
+
* marketplace UI and any other web product surface that shares this look.
|
|
333
|
+
* Emitted as `:root` CSS custom properties via `tokens.css` so consumers
|
|
334
|
+
* stop hand-declaring them in their own `globals.css`.
|
|
335
|
+
*
|
|
336
|
+
* Distinct from `deploymentSurfaceTokens` (deployment dashboard), which has
|
|
337
|
+
* its own design language and predates this surface.
|
|
338
|
+
*/
|
|
339
|
+
declare const webSurfaceTokens: {
|
|
340
|
+
readonly cViolet: "#aa44f2";
|
|
341
|
+
readonly cVioletTint: "#a54aff";
|
|
342
|
+
readonly cVioletLight: "#f0e0fb";
|
|
343
|
+
readonly cVioletDark: "#7c59ac";
|
|
344
|
+
readonly cPink: "#f941e6";
|
|
345
|
+
readonly cPinkLight: "#fcdff9";
|
|
346
|
+
readonly cRed: "#ff4f59";
|
|
347
|
+
readonly cGreen: "#49bf63";
|
|
348
|
+
readonly cBlueLight: "#e7f4fe";
|
|
349
|
+
readonly cBlueDark: "#598ab8";
|
|
350
|
+
readonly robFandango: "#BD32A7";
|
|
351
|
+
readonly robElectricViolet: "#8B00EC";
|
|
352
|
+
readonly robUltraViolet: "#6750A4";
|
|
353
|
+
readonly robPeriwinkle: "#D0BCFF";
|
|
354
|
+
readonly robBright1: "#5311e3";
|
|
355
|
+
readonly robNearBlack2: "#0d0627";
|
|
356
|
+
readonly robNearBlack4: "#23194b";
|
|
357
|
+
readonly surfaceLow: "#f5f1f7";
|
|
358
|
+
readonly surfaceMid: "#f5f1f7";
|
|
359
|
+
readonly surfaceHigh: "#fefcff";
|
|
360
|
+
readonly surfaceContrast: "#ffffff";
|
|
361
|
+
readonly bgDefault: "#f5f5f5";
|
|
362
|
+
readonly bgDim: "#e6e0e9";
|
|
363
|
+
readonly bgSuccess: "#eef5f0";
|
|
364
|
+
readonly bgWarning: "#fef8e8";
|
|
365
|
+
readonly bgDanger: "#f9dedc";
|
|
366
|
+
/**
|
|
367
|
+
* Foreground text/icon color for content sitting ON a `bgDanger` surface.
|
|
368
|
+
* NOT a surface color itself — do not use as backgroundColor. Pair with
|
|
369
|
+
* `bgDanger` for the canonical danger alert look.
|
|
370
|
+
*/
|
|
371
|
+
readonly textOnDanger: "#8c1d18";
|
|
372
|
+
readonly textPrimary: "#1d1b20";
|
|
373
|
+
readonly textSecondary: "#5f5c64";
|
|
374
|
+
readonly textMuted: "#938f99";
|
|
375
|
+
readonly textLink: "#aa44f2";
|
|
376
|
+
readonly strokeOnLow: "#e6e0e9";
|
|
377
|
+
readonly strokeOnMed: "#dad1e0";
|
|
378
|
+
readonly shadowSm: "0px 2px 8px rgba(0,0,0,0.04)";
|
|
379
|
+
readonly shadowMd: "0px 4px 20px rgba(0,0,0,0.05)";
|
|
380
|
+
readonly shadowFocus: "0 0 0 4px rgba(170,68,242,0.25)";
|
|
381
|
+
};
|
|
382
|
+
type WebSurfaceTokenKey = keyof typeof webSurfaceTokens;
|
|
383
|
+
|
|
244
384
|
/**
|
|
245
385
|
* Design system theme barrel.
|
|
246
386
|
*
|
|
@@ -353,6 +493,7 @@ declare const useIsTablet: () => boolean;
|
|
|
353
493
|
declare const useIsMobile: () => boolean;
|
|
354
494
|
|
|
355
495
|
type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
|
|
496
|
+
type ButtonTone = 'default' | 'onGradient';
|
|
356
497
|
interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
|
|
357
498
|
/**
|
|
358
499
|
* The visual style variant of the button
|
|
@@ -361,6 +502,14 @@ interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
|
|
|
361
502
|
* - tertiary: Text button with no background or border
|
|
362
503
|
*/
|
|
363
504
|
variant?: ButtonVariant;
|
|
505
|
+
/**
|
|
506
|
+
* Tone overlay. When set, **replaces** the per-variant styling — `variant`
|
|
507
|
+
* is ignored. Today the only non-default tone is `onGradient`, which paints
|
|
508
|
+
* the button as a white pill on a dark gradient surface (banner CTA
|
|
509
|
+
* pattern). Use the default tone if you want `variant` to drive the look.
|
|
510
|
+
* @default 'default'
|
|
511
|
+
*/
|
|
512
|
+
tone?: ButtonTone;
|
|
364
513
|
/**
|
|
365
514
|
* The size of the button
|
|
366
515
|
*/
|
|
@@ -456,6 +605,26 @@ interface TextFieldProps extends Omit<TextFieldProps$1, 'size'> {
|
|
|
456
605
|
}
|
|
457
606
|
declare const TextField: React__default.FC<TextFieldProps>;
|
|
458
607
|
|
|
608
|
+
interface CopyableFieldProps {
|
|
609
|
+
/** The string copied to the clipboard. Also rendered as the button label. */
|
|
610
|
+
value: string;
|
|
611
|
+
/** Small label rendered above the value (overline-styled). */
|
|
612
|
+
label?: React__default.ReactNode;
|
|
613
|
+
/** Custom aria-label; defaults to "Copy {value}". */
|
|
614
|
+
ariaLabel?: string;
|
|
615
|
+
/** How long the "Copied" flash stays visible, in ms. @default 1400 */
|
|
616
|
+
flashDurationMs?: number;
|
|
617
|
+
/** Text shown during the flash. @default "Copied" */
|
|
618
|
+
flashLabel?: string;
|
|
619
|
+
/** Optional callback invoked after a successful copy. */
|
|
620
|
+
onCopy?: (value: string) => void;
|
|
621
|
+
}
|
|
622
|
+
/**
|
|
623
|
+
* Tinted card with a label row and a monospace, click-to-copy value button.
|
|
624
|
+
* Replaces ad-hoc `.share-card / .url / .share-card__flash` markup.
|
|
625
|
+
*/
|
|
626
|
+
declare const CopyableField: React__default.FC<CopyableFieldProps>;
|
|
627
|
+
|
|
459
628
|
type SearchFieldVariant = 'standard' | 'pill';
|
|
460
629
|
interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'> {
|
|
461
630
|
placeholder?: string;
|
|
@@ -723,6 +892,22 @@ type StepButtonProps = StepButtonProps$1;
|
|
|
723
892
|
*/
|
|
724
893
|
declare const StepButton: React__default.FC<StepButtonProps>;
|
|
725
894
|
|
|
895
|
+
interface NumberedStepperStep {
|
|
896
|
+
key: string;
|
|
897
|
+
label: string;
|
|
898
|
+
}
|
|
899
|
+
interface NumberedStepperProps {
|
|
900
|
+
steps: NumberedStepperStep[];
|
|
901
|
+
/** Index of the active step. -1 = none active. */
|
|
902
|
+
current: number;
|
|
903
|
+
className?: string;
|
|
904
|
+
}
|
|
905
|
+
/**
|
|
906
|
+
* Vertical numbered stepper used by Try-this-out and similar guided flows.
|
|
907
|
+
* Brand-styled: active rows take the violet palette; completed rows show ✓.
|
|
908
|
+
*/
|
|
909
|
+
declare const NumberedStepper: React__default.FC<NumberedStepperProps>;
|
|
910
|
+
|
|
726
911
|
/**
|
|
727
912
|
* Type definitions for SideNav components
|
|
728
913
|
* Side Navigation Bar Component - V1 (Expanded State) & V2 (Collapsed State)
|
|
@@ -1242,8 +1427,16 @@ interface ChipVariantStyles {
|
|
|
1242
1427
|
*/
|
|
1243
1428
|
declare function getChipVariantStyles(variant: ChipVariant, theme: Theme): ChipVariantStyles;
|
|
1244
1429
|
|
|
1430
|
+
type ChipTone = 'default' | 'onGradient';
|
|
1245
1431
|
interface ChipProps extends Omit<ChipProps$1, 'color' | 'variant'> {
|
|
1246
1432
|
variant?: ChipVariant;
|
|
1433
|
+
/**
|
|
1434
|
+
* Visual tone overlay. `onGradient` styles the chip to read on a dark
|
|
1435
|
+
* gradient surface (white text, mono caps, translucent border + bg).
|
|
1436
|
+
* Positioning is the consumer's job.
|
|
1437
|
+
* @default 'default'
|
|
1438
|
+
*/
|
|
1439
|
+
tone?: ChipTone;
|
|
1247
1440
|
}
|
|
1248
1441
|
declare const Chip: React__default.FC<ChipProps>;
|
|
1249
1442
|
|
|
@@ -1889,6 +2082,27 @@ interface PanelDialogProps {
|
|
|
1889
2082
|
*/
|
|
1890
2083
|
declare function PanelDialog({ open, onClose, title, headerActions, width, side, ariaLabel, hideHeader, paperSx, backdropSx, transition, children, }: PanelDialogProps): react_jsx_runtime.JSX.Element;
|
|
1891
2084
|
|
|
2085
|
+
interface SplitDialogContentProps {
|
|
2086
|
+
left: React__default.ReactNode;
|
|
2087
|
+
right: React__default.ReactNode;
|
|
2088
|
+
/** Width of the right (aside) column in px. @default 320 */
|
|
2089
|
+
rightWidth?: number;
|
|
2090
|
+
/** Viewport breakpoint (px) below which the layout collapses to one column. @default 860 */
|
|
2091
|
+
collapseBelow?: number;
|
|
2092
|
+
sx?: SxProps<Theme>;
|
|
2093
|
+
}
|
|
2094
|
+
/**
|
|
2095
|
+
* Two-column dialog body used by detail / info modals: primary content on
|
|
2096
|
+
* the left, sticky meta panel on the right. Collapses to a single column on
|
|
2097
|
+
* narrow viewports.
|
|
2098
|
+
*
|
|
2099
|
+
* Compose inside a `<PanelDialog>`:
|
|
2100
|
+
* <PanelDialog ...>
|
|
2101
|
+
* <SplitDialogContent left={...} right={...} />
|
|
2102
|
+
* </PanelDialog>
|
|
2103
|
+
*/
|
|
2104
|
+
declare const SplitDialogContent: React__default.FC<SplitDialogContentProps>;
|
|
2105
|
+
|
|
1892
2106
|
type CardMediaProps = CardMediaProps$1;
|
|
1893
2107
|
declare const CardMedia: React__default.FC<CardMediaProps>;
|
|
1894
2108
|
type CardVariant = 'standard' | 'tinted' | 'outlined';
|
|
@@ -1896,6 +2110,16 @@ interface CardProps extends Omit<CardProps$1, 'variant'> {
|
|
|
1896
2110
|
/** Visual treatment. @default 'standard' */
|
|
1897
2111
|
variant?: CardVariant;
|
|
1898
2112
|
hoverable?: boolean;
|
|
2113
|
+
/**
|
|
2114
|
+
* Opt the card into being a real interactive element. When combined with
|
|
2115
|
+
* `onClick`, the root renders via MUI ButtonBase — focusable button,
|
|
2116
|
+
* Enter/Space activation, `:focus-visible` ring. When `clickable` is set
|
|
2117
|
+
* without `onClick`, only the pointer cursor changes (back-compat).
|
|
2118
|
+
*
|
|
2119
|
+
* `<Card onClick={...}>` WITHOUT `clickable` keeps a `<div>` root and just
|
|
2120
|
+
* forwards the click handler, so consumers using onClick for analytics or
|
|
2121
|
+
* non-clickable side effects are not silently turned into buttons.
|
|
2122
|
+
*/
|
|
1899
2123
|
clickable?: boolean;
|
|
1900
2124
|
}
|
|
1901
2125
|
declare const Card: React__default.FC<CardProps>;
|
|
@@ -3319,4 +3543,4 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
|
|
|
3319
3543
|
*/
|
|
3320
3544
|
declare const CodeEditorWorkspace: React__default.FC<CodeEditorWorkspaceProps>;
|
|
3321
3545
|
|
|
3322
|
-
export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, ActivityAppIcon, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, AvatarIcon, type AvatarProps, Badge, type BadgeProps, BarTrackingIcon, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, CardMedia, type CardMediaProps, type CardProps, type CardVariant, Carousel, type CarouselProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipVariant, type ChipVariantStyles, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, CopyChip, type CopyChipProps, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, DecentralizedServerIcon, DefinitionRow, type DefinitionRowProps, type DeploymentCardAction, DeploymentDashboardCard, type DeploymentDashboardCardProps, DeploymentDashboardPanel, type DeploymentDashboardPanelProps, DeploymentDashboardTree, type DeploymentDashboardTreeProps, DeploymentEntityContextMenu, type DeploymentEntityContextMenuProps, type DeploymentEntityType, type DeploymentStatusIndicator, type DeploymentTreeNode, Dialog, type DialogProps, DiscordIcon, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, type DrawerWidth, type DrawerWidthValue, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GRADIENT_PALETTE_COUNT, type GitInfo, GithubLogoIcon, GradientSurface, type GradientSurfaceProps, IDBlock, type IDBlockProps, IconButton, type IconButtonProps, LeftArrowIcon, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingAnimation, type LoadingAnimationProps, LoadingButton, type LoadingButtonProps, type LoadingProps, Logo, type LogoProps, Markdown, type MarkdownProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MetaField, type MetaFieldProps, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, PanelDialog, type PanelDialogProps, type PanelDialogSide, type PanelDialogWidth, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, type ResponsiveDrawerWidth, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, ScrollableRow, type ScrollableRowProps, SearchField, type SearchFieldProps, type SearchFieldVariant, SectionRow, type SectionRowProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, ShareIcon, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, StatusDot, type StatusDotProps, type StatusDotStatus, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, detectLanguage, getChipVariantStyles, getFileName, resolveDrawerWidth, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, useSearchHotkeys, workflowConnectionColors, workflowNodeColors };
|
|
3546
|
+
export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, ActivityAppIcon, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, AvatarIcon, type AvatarProps, Badge, type BadgeProps, BarTrackingIcon, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonTone, type ButtonVariant, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, CardMedia, type CardMediaProps, type CardProps, type CardVariant, Carousel, type CarouselProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipTone, type ChipVariant, type ChipVariantStyles, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, CopyChip, type CopyChipProps, CopyableField, type CopyableFieldProps, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, DecentralizedServerIcon, DefinitionRow, type DefinitionRowProps, type DeploymentCardAction, DeploymentDashboardCard, type DeploymentDashboardCardProps, DeploymentDashboardPanel, type DeploymentDashboardPanelProps, DeploymentDashboardTree, type DeploymentDashboardTreeProps, DeploymentEntityContextMenu, type DeploymentEntityContextMenuProps, type DeploymentEntityType, type DeploymentStatusIndicator, type DeploymentTreeNode, Dialog, type DialogProps, DiscordIcon, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, type DrawerWidth, type DrawerWidthValue, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GRADIENT_PALETTE_COUNT, type GitInfo, GithubLogoIcon, GradientSurface, type GradientSurfaceProps, IDBlock, type IDBlockProps, IconButton, type IconButtonProps, LeftArrowIcon, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingAnimation, type LoadingAnimationProps, LoadingButton, type LoadingButtonProps, type LoadingProps, Logo, type LogoProps, Markdown, type MarkdownProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MetaField, type MetaFieldProps, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, NumberedStepper, type NumberedStepperProps, type NumberedStepperStep, OnboardingProvider, Pagination, type PaginationProps, PanelDialog, type PanelDialogProps, type PanelDialogSide, type PanelDialogWidth, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, type ResponsiveDrawerWidth, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, ScrollableRow, type ScrollableRowProps, SearchField, type SearchFieldProps, type SearchFieldVariant, SectionRow, type SectionRowProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, ShareIcon, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, SplitDialogContent, type SplitDialogContentProps, StatusDot, type StatusDotProps, type StatusDotStatus, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, type WebSurfaceTokenKey, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, borderRadius, colors, contextMenuItems, detectLanguage, getChipVariantStyles, getFileName, motion, resolveDrawerWidth, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, useSearchHotkeys, webSurfaceTokens, workflowConnectionColors, workflowNodeColors };
|
package/dist/index.d.ts
CHANGED
|
@@ -40,6 +40,54 @@ import { Monaco } from '@monaco-editor/react';
|
|
|
40
40
|
import { editor } from 'monaco-editor';
|
|
41
41
|
export { default as RadioGroup } from '@mui/material/RadioGroup';
|
|
42
42
|
|
|
43
|
+
/**
|
|
44
|
+
* Module augmentation for the custom typography variants defined in
|
|
45
|
+
* `typography.ts` (eyebrow, lede, panelTitle, footnote, mono, banner*).
|
|
46
|
+
*
|
|
47
|
+
* Side-effect import only — pulled in from `theme/index.ts` so the types
|
|
48
|
+
* are visible wherever the DS theme is consumed.
|
|
49
|
+
*/
|
|
50
|
+
declare module '@mui/material/styles' {
|
|
51
|
+
interface TypographyVariants {
|
|
52
|
+
eyebrow: React.CSSProperties;
|
|
53
|
+
lede: React.CSSProperties;
|
|
54
|
+
panelTitle: React.CSSProperties;
|
|
55
|
+
footnote: React.CSSProperties;
|
|
56
|
+
mono: React.CSSProperties;
|
|
57
|
+
bannerEyebrow: React.CSSProperties;
|
|
58
|
+
bannerTitle: React.CSSProperties;
|
|
59
|
+
bannerBy: React.CSSProperties;
|
|
60
|
+
bannerDesc: React.CSSProperties;
|
|
61
|
+
bannerMeta: React.CSSProperties;
|
|
62
|
+
}
|
|
63
|
+
interface TypographyVariantsOptions {
|
|
64
|
+
eyebrow?: React.CSSProperties;
|
|
65
|
+
lede?: React.CSSProperties;
|
|
66
|
+
panelTitle?: React.CSSProperties;
|
|
67
|
+
footnote?: React.CSSProperties;
|
|
68
|
+
mono?: React.CSSProperties;
|
|
69
|
+
bannerEyebrow?: React.CSSProperties;
|
|
70
|
+
bannerTitle?: React.CSSProperties;
|
|
71
|
+
bannerBy?: React.CSSProperties;
|
|
72
|
+
bannerDesc?: React.CSSProperties;
|
|
73
|
+
bannerMeta?: React.CSSProperties;
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
declare module '@mui/material/Typography' {
|
|
77
|
+
interface TypographyPropsVariantOverrides {
|
|
78
|
+
eyebrow: true;
|
|
79
|
+
lede: true;
|
|
80
|
+
panelTitle: true;
|
|
81
|
+
footnote: true;
|
|
82
|
+
mono: true;
|
|
83
|
+
bannerEyebrow: true;
|
|
84
|
+
bannerTitle: true;
|
|
85
|
+
bannerBy: true;
|
|
86
|
+
bannerDesc: true;
|
|
87
|
+
bannerMeta: true;
|
|
88
|
+
}
|
|
89
|
+
}
|
|
90
|
+
|
|
43
91
|
/**
|
|
44
92
|
* ROB primary brand colors (Figma node 11-1393).
|
|
45
93
|
*/
|
|
@@ -241,6 +289,98 @@ declare const workflowConnectionColors: {
|
|
|
241
289
|
readonly error: "#EF4444";
|
|
242
290
|
};
|
|
243
291
|
|
|
292
|
+
/**
|
|
293
|
+
* Spacing and sizing tokens for the design system.
|
|
294
|
+
*
|
|
295
|
+
* Centralizes border-radius, component-specific sizing, and spacing
|
|
296
|
+
* constants that were previously scattered across component files.
|
|
297
|
+
*/
|
|
298
|
+
declare const borderRadius: {
|
|
299
|
+
/** Small: alerts, compact elements */
|
|
300
|
+
readonly sm: 8;
|
|
301
|
+
/** Medium: buttons, inputs, selects */
|
|
302
|
+
readonly md: 12;
|
|
303
|
+
/** Large: chips, cards, global default */
|
|
304
|
+
readonly lg: 16;
|
|
305
|
+
/** Extra large: hero surfaces, dialogs */
|
|
306
|
+
readonly xl: 20;
|
|
307
|
+
/** Pill: fully rounded badges, on-gradient buttons */
|
|
308
|
+
readonly pill: 999;
|
|
309
|
+
};
|
|
310
|
+
|
|
311
|
+
/**
|
|
312
|
+
* Motion tokens: durations and easing curves.
|
|
313
|
+
*
|
|
314
|
+
* Marketplace-aligned. Consumed by component animations and emitted as
|
|
315
|
+
* `--dur-*` / `--ease-*` CSS custom properties in `tokens.css`.
|
|
316
|
+
*/
|
|
317
|
+
declare const motion: {
|
|
318
|
+
readonly dur: {
|
|
319
|
+
/** Fast: ~120ms. Hover transitions, micro-interactions. */
|
|
320
|
+
readonly fast: "120ms";
|
|
321
|
+
};
|
|
322
|
+
readonly ease: {
|
|
323
|
+
/** Material-style standard easing. */
|
|
324
|
+
readonly standard: "cubic-bezier(0.2, 0, 0, 1)";
|
|
325
|
+
};
|
|
326
|
+
};
|
|
327
|
+
|
|
328
|
+
/**
|
|
329
|
+
* Web surface tokens (marketplace-aligned v2 product palette).
|
|
330
|
+
*
|
|
331
|
+
* Source of truth for the colors/surfaces/strokes/shadows used by the
|
|
332
|
+
* marketplace UI and any other web product surface that shares this look.
|
|
333
|
+
* Emitted as `:root` CSS custom properties via `tokens.css` so consumers
|
|
334
|
+
* stop hand-declaring them in their own `globals.css`.
|
|
335
|
+
*
|
|
336
|
+
* Distinct from `deploymentSurfaceTokens` (deployment dashboard), which has
|
|
337
|
+
* its own design language and predates this surface.
|
|
338
|
+
*/
|
|
339
|
+
declare const webSurfaceTokens: {
|
|
340
|
+
readonly cViolet: "#aa44f2";
|
|
341
|
+
readonly cVioletTint: "#a54aff";
|
|
342
|
+
readonly cVioletLight: "#f0e0fb";
|
|
343
|
+
readonly cVioletDark: "#7c59ac";
|
|
344
|
+
readonly cPink: "#f941e6";
|
|
345
|
+
readonly cPinkLight: "#fcdff9";
|
|
346
|
+
readonly cRed: "#ff4f59";
|
|
347
|
+
readonly cGreen: "#49bf63";
|
|
348
|
+
readonly cBlueLight: "#e7f4fe";
|
|
349
|
+
readonly cBlueDark: "#598ab8";
|
|
350
|
+
readonly robFandango: "#BD32A7";
|
|
351
|
+
readonly robElectricViolet: "#8B00EC";
|
|
352
|
+
readonly robUltraViolet: "#6750A4";
|
|
353
|
+
readonly robPeriwinkle: "#D0BCFF";
|
|
354
|
+
readonly robBright1: "#5311e3";
|
|
355
|
+
readonly robNearBlack2: "#0d0627";
|
|
356
|
+
readonly robNearBlack4: "#23194b";
|
|
357
|
+
readonly surfaceLow: "#f5f1f7";
|
|
358
|
+
readonly surfaceMid: "#f5f1f7";
|
|
359
|
+
readonly surfaceHigh: "#fefcff";
|
|
360
|
+
readonly surfaceContrast: "#ffffff";
|
|
361
|
+
readonly bgDefault: "#f5f5f5";
|
|
362
|
+
readonly bgDim: "#e6e0e9";
|
|
363
|
+
readonly bgSuccess: "#eef5f0";
|
|
364
|
+
readonly bgWarning: "#fef8e8";
|
|
365
|
+
readonly bgDanger: "#f9dedc";
|
|
366
|
+
/**
|
|
367
|
+
* Foreground text/icon color for content sitting ON a `bgDanger` surface.
|
|
368
|
+
* NOT a surface color itself — do not use as backgroundColor. Pair with
|
|
369
|
+
* `bgDanger` for the canonical danger alert look.
|
|
370
|
+
*/
|
|
371
|
+
readonly textOnDanger: "#8c1d18";
|
|
372
|
+
readonly textPrimary: "#1d1b20";
|
|
373
|
+
readonly textSecondary: "#5f5c64";
|
|
374
|
+
readonly textMuted: "#938f99";
|
|
375
|
+
readonly textLink: "#aa44f2";
|
|
376
|
+
readonly strokeOnLow: "#e6e0e9";
|
|
377
|
+
readonly strokeOnMed: "#dad1e0";
|
|
378
|
+
readonly shadowSm: "0px 2px 8px rgba(0,0,0,0.04)";
|
|
379
|
+
readonly shadowMd: "0px 4px 20px rgba(0,0,0,0.05)";
|
|
380
|
+
readonly shadowFocus: "0 0 0 4px rgba(170,68,242,0.25)";
|
|
381
|
+
};
|
|
382
|
+
type WebSurfaceTokenKey = keyof typeof webSurfaceTokens;
|
|
383
|
+
|
|
244
384
|
/**
|
|
245
385
|
* Design system theme barrel.
|
|
246
386
|
*
|
|
@@ -353,6 +493,7 @@ declare const useIsTablet: () => boolean;
|
|
|
353
493
|
declare const useIsMobile: () => boolean;
|
|
354
494
|
|
|
355
495
|
type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
|
|
496
|
+
type ButtonTone = 'default' | 'onGradient';
|
|
356
497
|
interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
|
|
357
498
|
/**
|
|
358
499
|
* The visual style variant of the button
|
|
@@ -361,6 +502,14 @@ interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
|
|
|
361
502
|
* - tertiary: Text button with no background or border
|
|
362
503
|
*/
|
|
363
504
|
variant?: ButtonVariant;
|
|
505
|
+
/**
|
|
506
|
+
* Tone overlay. When set, **replaces** the per-variant styling — `variant`
|
|
507
|
+
* is ignored. Today the only non-default tone is `onGradient`, which paints
|
|
508
|
+
* the button as a white pill on a dark gradient surface (banner CTA
|
|
509
|
+
* pattern). Use the default tone if you want `variant` to drive the look.
|
|
510
|
+
* @default 'default'
|
|
511
|
+
*/
|
|
512
|
+
tone?: ButtonTone;
|
|
364
513
|
/**
|
|
365
514
|
* The size of the button
|
|
366
515
|
*/
|
|
@@ -456,6 +605,26 @@ interface TextFieldProps extends Omit<TextFieldProps$1, 'size'> {
|
|
|
456
605
|
}
|
|
457
606
|
declare const TextField: React__default.FC<TextFieldProps>;
|
|
458
607
|
|
|
608
|
+
interface CopyableFieldProps {
|
|
609
|
+
/** The string copied to the clipboard. Also rendered as the button label. */
|
|
610
|
+
value: string;
|
|
611
|
+
/** Small label rendered above the value (overline-styled). */
|
|
612
|
+
label?: React__default.ReactNode;
|
|
613
|
+
/** Custom aria-label; defaults to "Copy {value}". */
|
|
614
|
+
ariaLabel?: string;
|
|
615
|
+
/** How long the "Copied" flash stays visible, in ms. @default 1400 */
|
|
616
|
+
flashDurationMs?: number;
|
|
617
|
+
/** Text shown during the flash. @default "Copied" */
|
|
618
|
+
flashLabel?: string;
|
|
619
|
+
/** Optional callback invoked after a successful copy. */
|
|
620
|
+
onCopy?: (value: string) => void;
|
|
621
|
+
}
|
|
622
|
+
/**
|
|
623
|
+
* Tinted card with a label row and a monospace, click-to-copy value button.
|
|
624
|
+
* Replaces ad-hoc `.share-card / .url / .share-card__flash` markup.
|
|
625
|
+
*/
|
|
626
|
+
declare const CopyableField: React__default.FC<CopyableFieldProps>;
|
|
627
|
+
|
|
459
628
|
type SearchFieldVariant = 'standard' | 'pill';
|
|
460
629
|
interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'> {
|
|
461
630
|
placeholder?: string;
|
|
@@ -723,6 +892,22 @@ type StepButtonProps = StepButtonProps$1;
|
|
|
723
892
|
*/
|
|
724
893
|
declare const StepButton: React__default.FC<StepButtonProps>;
|
|
725
894
|
|
|
895
|
+
interface NumberedStepperStep {
|
|
896
|
+
key: string;
|
|
897
|
+
label: string;
|
|
898
|
+
}
|
|
899
|
+
interface NumberedStepperProps {
|
|
900
|
+
steps: NumberedStepperStep[];
|
|
901
|
+
/** Index of the active step. -1 = none active. */
|
|
902
|
+
current: number;
|
|
903
|
+
className?: string;
|
|
904
|
+
}
|
|
905
|
+
/**
|
|
906
|
+
* Vertical numbered stepper used by Try-this-out and similar guided flows.
|
|
907
|
+
* Brand-styled: active rows take the violet palette; completed rows show ✓.
|
|
908
|
+
*/
|
|
909
|
+
declare const NumberedStepper: React__default.FC<NumberedStepperProps>;
|
|
910
|
+
|
|
726
911
|
/**
|
|
727
912
|
* Type definitions for SideNav components
|
|
728
913
|
* Side Navigation Bar Component - V1 (Expanded State) & V2 (Collapsed State)
|
|
@@ -1242,8 +1427,16 @@ interface ChipVariantStyles {
|
|
|
1242
1427
|
*/
|
|
1243
1428
|
declare function getChipVariantStyles(variant: ChipVariant, theme: Theme): ChipVariantStyles;
|
|
1244
1429
|
|
|
1430
|
+
type ChipTone = 'default' | 'onGradient';
|
|
1245
1431
|
interface ChipProps extends Omit<ChipProps$1, 'color' | 'variant'> {
|
|
1246
1432
|
variant?: ChipVariant;
|
|
1433
|
+
/**
|
|
1434
|
+
* Visual tone overlay. `onGradient` styles the chip to read on a dark
|
|
1435
|
+
* gradient surface (white text, mono caps, translucent border + bg).
|
|
1436
|
+
* Positioning is the consumer's job.
|
|
1437
|
+
* @default 'default'
|
|
1438
|
+
*/
|
|
1439
|
+
tone?: ChipTone;
|
|
1247
1440
|
}
|
|
1248
1441
|
declare const Chip: React__default.FC<ChipProps>;
|
|
1249
1442
|
|
|
@@ -1889,6 +2082,27 @@ interface PanelDialogProps {
|
|
|
1889
2082
|
*/
|
|
1890
2083
|
declare function PanelDialog({ open, onClose, title, headerActions, width, side, ariaLabel, hideHeader, paperSx, backdropSx, transition, children, }: PanelDialogProps): react_jsx_runtime.JSX.Element;
|
|
1891
2084
|
|
|
2085
|
+
interface SplitDialogContentProps {
|
|
2086
|
+
left: React__default.ReactNode;
|
|
2087
|
+
right: React__default.ReactNode;
|
|
2088
|
+
/** Width of the right (aside) column in px. @default 320 */
|
|
2089
|
+
rightWidth?: number;
|
|
2090
|
+
/** Viewport breakpoint (px) below which the layout collapses to one column. @default 860 */
|
|
2091
|
+
collapseBelow?: number;
|
|
2092
|
+
sx?: SxProps<Theme>;
|
|
2093
|
+
}
|
|
2094
|
+
/**
|
|
2095
|
+
* Two-column dialog body used by detail / info modals: primary content on
|
|
2096
|
+
* the left, sticky meta panel on the right. Collapses to a single column on
|
|
2097
|
+
* narrow viewports.
|
|
2098
|
+
*
|
|
2099
|
+
* Compose inside a `<PanelDialog>`:
|
|
2100
|
+
* <PanelDialog ...>
|
|
2101
|
+
* <SplitDialogContent left={...} right={...} />
|
|
2102
|
+
* </PanelDialog>
|
|
2103
|
+
*/
|
|
2104
|
+
declare const SplitDialogContent: React__default.FC<SplitDialogContentProps>;
|
|
2105
|
+
|
|
1892
2106
|
type CardMediaProps = CardMediaProps$1;
|
|
1893
2107
|
declare const CardMedia: React__default.FC<CardMediaProps>;
|
|
1894
2108
|
type CardVariant = 'standard' | 'tinted' | 'outlined';
|
|
@@ -1896,6 +2110,16 @@ interface CardProps extends Omit<CardProps$1, 'variant'> {
|
|
|
1896
2110
|
/** Visual treatment. @default 'standard' */
|
|
1897
2111
|
variant?: CardVariant;
|
|
1898
2112
|
hoverable?: boolean;
|
|
2113
|
+
/**
|
|
2114
|
+
* Opt the card into being a real interactive element. When combined with
|
|
2115
|
+
* `onClick`, the root renders via MUI ButtonBase — focusable button,
|
|
2116
|
+
* Enter/Space activation, `:focus-visible` ring. When `clickable` is set
|
|
2117
|
+
* without `onClick`, only the pointer cursor changes (back-compat).
|
|
2118
|
+
*
|
|
2119
|
+
* `<Card onClick={...}>` WITHOUT `clickable` keeps a `<div>` root and just
|
|
2120
|
+
* forwards the click handler, so consumers using onClick for analytics or
|
|
2121
|
+
* non-clickable side effects are not silently turned into buttons.
|
|
2122
|
+
*/
|
|
1899
2123
|
clickable?: boolean;
|
|
1900
2124
|
}
|
|
1901
2125
|
declare const Card: React__default.FC<CardProps>;
|
|
@@ -3319,4 +3543,4 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
|
|
|
3319
3543
|
*/
|
|
3320
3544
|
declare const CodeEditorWorkspace: React__default.FC<CodeEditorWorkspaceProps>;
|
|
3321
3545
|
|
|
3322
|
-
export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, ActivityAppIcon, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, AvatarIcon, type AvatarProps, Badge, type BadgeProps, BarTrackingIcon, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, CardMedia, type CardMediaProps, type CardProps, type CardVariant, Carousel, type CarouselProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipVariant, type ChipVariantStyles, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, CopyChip, type CopyChipProps, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, DecentralizedServerIcon, DefinitionRow, type DefinitionRowProps, type DeploymentCardAction, DeploymentDashboardCard, type DeploymentDashboardCardProps, DeploymentDashboardPanel, type DeploymentDashboardPanelProps, DeploymentDashboardTree, type DeploymentDashboardTreeProps, DeploymentEntityContextMenu, type DeploymentEntityContextMenuProps, type DeploymentEntityType, type DeploymentStatusIndicator, type DeploymentTreeNode, Dialog, type DialogProps, DiscordIcon, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, type DrawerWidth, type DrawerWidthValue, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GRADIENT_PALETTE_COUNT, type GitInfo, GithubLogoIcon, GradientSurface, type GradientSurfaceProps, IDBlock, type IDBlockProps, IconButton, type IconButtonProps, LeftArrowIcon, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingAnimation, type LoadingAnimationProps, LoadingButton, type LoadingButtonProps, type LoadingProps, Logo, type LogoProps, Markdown, type MarkdownProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MetaField, type MetaFieldProps, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, OnboardingProvider, Pagination, type PaginationProps, PanelDialog, type PanelDialogProps, type PanelDialogSide, type PanelDialogWidth, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, type ResponsiveDrawerWidth, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, ScrollableRow, type ScrollableRowProps, SearchField, type SearchFieldProps, type SearchFieldVariant, SectionRow, type SectionRowProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, ShareIcon, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, StatusDot, type StatusDotProps, type StatusDotStatus, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, colors, contextMenuItems, detectLanguage, getChipVariantStyles, getFileName, resolveDrawerWidth, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, useSearchHotkeys, workflowConnectionColors, workflowNodeColors };
|
|
3546
|
+
export { Accordion, type AccordionProps, AccountSection, type AccountSectionProps, ActivityAppIcon, Alert, type AlertProps, type AlertSeverity, AppBar, type AppBarProps, AppLoading, type AppLoadingProps, Avatar, AvatarIcon, type AvatarProps, Badge, type BadgeProps, BarTrackingIcon, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, type ButtonTone, type ButtonVariant, BytesSize, type BytesSizeProps, Card, CardActions, CardContent, CardHeader, CardMedia, type CardMediaProps, type CardProps, type CardVariant, Carousel, type CarouselProps, CereIcon, ChartWidget, type ChartWidgetProps, CheckMarkAnimation, Checkbox, type CheckboxProps, Chip, type ChipProps, type ChipTone, type ChipVariant, type ChipVariantStyles, CircularProgress, type CircularProgressProps, ClockIcon, CloudFlashIcon, CodeEditor, type CodeEditorFile, CodeEditorFileTree, type CodeEditorFileTreeProps, type CodeEditorLanguage, type CodeEditorProps, CodeEditorStatusBar, type CodeEditorStatusBarItem, type CodeEditorStatusBarProps, type CodeEditorStatusBarRenderProps, type CodeEditorTab, type CodeEditorTabRenderProps, CodeEditorTabs, type CodeEditorTabsProps, CodeEditorWelcomeScreen, type CodeEditorWelcomeScreenProps, CodeEditorWorkspace, type CodeEditorWorkspaceProps, Collapse, type CollapseProps, ConnectionStatus, type ConnectionStatusProps, type ContextMenuItem, CopyChip, type CopyChipProps, CopyableField, type CopyableFieldProps, type DataPoint, type DataSeries, DateRangePicker, type DateRangePickerProps, DecentralizedServerIcon, DefinitionRow, type DefinitionRowProps, type DeploymentCardAction, DeploymentDashboardCard, type DeploymentDashboardCardProps, DeploymentDashboardPanel, type DeploymentDashboardPanelProps, DeploymentDashboardTree, type DeploymentDashboardTreeProps, DeploymentEntityContextMenu, type DeploymentEntityContextMenuProps, type DeploymentEntityType, type DeploymentStatusIndicator, type DeploymentTreeNode, Dialog, type DialogProps, DiscordIcon, Divider, type DividerProps, DownloadIcon, Drawer, type DrawerProps, type DrawerWidth, type DrawerWidthValue, Dropdown, DropdownAnchor, type DropdownAnchorProps, type DropdownProps, EXTENSION_LANGUAGE_MAP, EmptyState, type EmptyStateProps, EntityHeader, type EntityHeaderProps, type FileTreeNode, type FileTreeNodeRenderProps, FilledFolderIcon, FlowEditor, type FlowEditorProps, FolderIcon, GRADIENT_PALETTE_COUNT, type GitInfo, GithubLogoIcon, GradientSurface, type GradientSurfaceProps, IDBlock, type IDBlockProps, IconButton, type IconButtonProps, LeftArrowIcon, Link, type LinkProps, List, ListItem, type ListItemProps, type ListProps, Loading, LoadingAnimation, type LoadingAnimationProps, LoadingButton, type LoadingButtonProps, type LoadingProps, Logo, type LogoProps, Markdown, type MarkdownProps, Menu, MenuItem, type MenuItemProps, type MenuProps, MetaField, type MetaFieldProps, MetricsChart, type MetricsChartProps, type MetricsPeriod, NavigationItem, type NavigationItemProps, NavigationList, type NavigationListProps, NumberedStepper, type NumberedStepperProps, type NumberedStepperStep, OnboardingProvider, Pagination, type PaginationProps, PanelDialog, type PanelDialogProps, type PanelDialogSide, type PanelDialogWidth, Paper, type PaperProps, PeriodSelect, type PrimaryAction, Progress, type ProgressProps, QRCode, type QRCodeProps, Radio, type RadioProps, type ResponsiveDrawerWidth, RightArrowIcon, RoleBadge, type RoleBadgeColor, type RoleBadgeProps, type RoleBadgeSize, ScrollableRow, type ScrollableRowProps, SearchField, type SearchFieldProps, type SearchFieldVariant, SectionRow, type SectionRowProps, Selector, type SelectorOption, type SelectorProps, type Service, ServiceSelectorButton, type ServiceSelectorButtonProps, ShareIcon, SideNav, SideNavHeader, type SideNavHeaderProps, type SideNavProps, Sidebar, SidebarItem, type SidebarItemProps, type SidebarProps, Snackbar, type SnackbarProps, SplitDialogContent, type SplitDialogContentProps, StatusDot, type StatusDotProps, type StatusDotStatus, Step, StepButton, type StepButtonProps, StepContent, type StepContentProps, StepLabel, type StepLabelProps, type StepProps, Stepper, type StepperProps, StorageAppIcon, type SummaryItem, SummaryStats, type SummaryStatsProps, Switch, type SwitchProps, Tab, type TabProps, Table, TableHeader, type TableHeaderProps, type TableProps, TextField, type TextFieldProps, type TimeRangeOption, TimeRangeSelect, type TimeRangeSelectProps, TimeSeriesGraph, type TimeSeriesGraphProps, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, Tooltip, type TooltipProps, Truncate, type TruncateProps, UploadFileIcon, UploadFolderIcon, type UseCodeEditorWorkspaceOptions, type UseCodeEditorWorkspaceReturn, type UserInfo, WORKFLOW_NODE_LABELS, WORKFLOW_NODE_SHADOW, type WebSurfaceTokenKey, WorkflowNode, type WorkflowNodeData, WorkflowNodeHandle, type WorkflowNodeProps, type WorkflowNodeType, WorkflowSideInspector, type WorkflowSideInspectorProps, WorkflowTimeBar, type WorkflowTimeBarProps, WorkflowTopBar, type WorkflowTopBarProps, type Workspace, WorkspaceSelectorButton, type WorkspaceSelectorButtonProps, borderRadius, colors, contextMenuItems, detectLanguage, getChipVariantStyles, getFileName, motion, resolveDrawerWidth, robPaletteExtended, robPrimaryPalette, theme, useCodeEditorWorkspace, useIsDesktop, useIsMobile, useIsTablet, useOnboarding, useSearchHotkeys, webSurfaceTokens, workflowConnectionColors, workflowNodeColors };
|