@cere/cere-design-system 0.0.43 → 0.0.44
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 +208 -1
- package/dist/index.d.ts +208 -1
- package/dist/index.js +1737 -1313
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1668 -1250
- package/dist/index.mjs.map +1 -1
- package/dist/tokens.css +77 -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,93 @@ 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
|
+
readonly bgDangerStrong: "#8c1d18";
|
|
367
|
+
readonly textPrimary: "#1d1b20";
|
|
368
|
+
readonly textSecondary: "#5f5c64";
|
|
369
|
+
readonly textMuted: "#938f99";
|
|
370
|
+
readonly textLink: "#aa44f2";
|
|
371
|
+
readonly strokeOnLow: "#e6e0e9";
|
|
372
|
+
readonly strokeOnMed: "#dad1e0";
|
|
373
|
+
readonly shadowSm: "0px 2px 8px rgba(0,0,0,0.04)";
|
|
374
|
+
readonly shadowMd: "0px 4px 20px rgba(0,0,0,0.05)";
|
|
375
|
+
readonly shadowFocus: "0 0 0 4px rgba(170,68,242,0.25)";
|
|
376
|
+
};
|
|
377
|
+
type WebSurfaceTokenKey = keyof typeof webSurfaceTokens;
|
|
378
|
+
|
|
244
379
|
/**
|
|
245
380
|
* Design system theme barrel.
|
|
246
381
|
*
|
|
@@ -353,6 +488,7 @@ declare const useIsTablet: () => boolean;
|
|
|
353
488
|
declare const useIsMobile: () => boolean;
|
|
354
489
|
|
|
355
490
|
type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
|
|
491
|
+
type ButtonTone = 'default' | 'onGradient';
|
|
356
492
|
interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
|
|
357
493
|
/**
|
|
358
494
|
* The visual style variant of the button
|
|
@@ -361,6 +497,12 @@ interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
|
|
|
361
497
|
* - tertiary: Text button with no background or border
|
|
362
498
|
*/
|
|
363
499
|
variant?: ButtonVariant;
|
|
500
|
+
/**
|
|
501
|
+
* Tone overlay. `onGradient` re-skins the button as a white pill on a dark
|
|
502
|
+
* gradient surface (banner CTA pattern). Orthogonal to `variant`.
|
|
503
|
+
* @default 'default'
|
|
504
|
+
*/
|
|
505
|
+
tone?: ButtonTone;
|
|
364
506
|
/**
|
|
365
507
|
* The size of the button
|
|
366
508
|
*/
|
|
@@ -456,6 +598,26 @@ interface TextFieldProps extends Omit<TextFieldProps$1, 'size'> {
|
|
|
456
598
|
}
|
|
457
599
|
declare const TextField: React__default.FC<TextFieldProps>;
|
|
458
600
|
|
|
601
|
+
interface CopyableFieldProps {
|
|
602
|
+
/** The string copied to the clipboard. Also rendered as the button label. */
|
|
603
|
+
value: string;
|
|
604
|
+
/** Small label rendered above the value (overline-styled). */
|
|
605
|
+
label?: React__default.ReactNode;
|
|
606
|
+
/** Custom aria-label; defaults to "Copy {value}". */
|
|
607
|
+
ariaLabel?: string;
|
|
608
|
+
/** How long the "Copied" flash stays visible, in ms. @default 1400 */
|
|
609
|
+
flashDurationMs?: number;
|
|
610
|
+
/** Text shown during the flash. @default "Copied" */
|
|
611
|
+
flashLabel?: string;
|
|
612
|
+
/** Optional callback invoked after a successful copy. */
|
|
613
|
+
onCopy?: (value: string) => void;
|
|
614
|
+
}
|
|
615
|
+
/**
|
|
616
|
+
* Tinted card with a label row and a monospace, click-to-copy value button.
|
|
617
|
+
* Replaces ad-hoc `.share-card / .url / .share-card__flash` markup.
|
|
618
|
+
*/
|
|
619
|
+
declare const CopyableField: React__default.FC<CopyableFieldProps>;
|
|
620
|
+
|
|
459
621
|
type SearchFieldVariant = 'standard' | 'pill';
|
|
460
622
|
interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'> {
|
|
461
623
|
placeholder?: string;
|
|
@@ -723,6 +885,22 @@ type StepButtonProps = StepButtonProps$1;
|
|
|
723
885
|
*/
|
|
724
886
|
declare const StepButton: React__default.FC<StepButtonProps>;
|
|
725
887
|
|
|
888
|
+
interface NumberedStepperStep {
|
|
889
|
+
key: string;
|
|
890
|
+
label: string;
|
|
891
|
+
}
|
|
892
|
+
interface NumberedStepperProps {
|
|
893
|
+
steps: NumberedStepperStep[];
|
|
894
|
+
/** Index of the active step. -1 = none active. */
|
|
895
|
+
current: number;
|
|
896
|
+
className?: string;
|
|
897
|
+
}
|
|
898
|
+
/**
|
|
899
|
+
* Vertical numbered stepper used by Try-this-out and similar guided flows.
|
|
900
|
+
* Brand-styled: active rows take the violet palette; completed rows show ✓.
|
|
901
|
+
*/
|
|
902
|
+
declare const NumberedStepper: React__default.FC<NumberedStepperProps>;
|
|
903
|
+
|
|
726
904
|
/**
|
|
727
905
|
* Type definitions for SideNav components
|
|
728
906
|
* Side Navigation Bar Component - V1 (Expanded State) & V2 (Collapsed State)
|
|
@@ -1242,8 +1420,16 @@ interface ChipVariantStyles {
|
|
|
1242
1420
|
*/
|
|
1243
1421
|
declare function getChipVariantStyles(variant: ChipVariant, theme: Theme): ChipVariantStyles;
|
|
1244
1422
|
|
|
1423
|
+
type ChipTone = 'default' | 'onGradient';
|
|
1245
1424
|
interface ChipProps extends Omit<ChipProps$1, 'color' | 'variant'> {
|
|
1246
1425
|
variant?: ChipVariant;
|
|
1426
|
+
/**
|
|
1427
|
+
* Visual tone overlay. `onGradient` styles the chip to read on a dark
|
|
1428
|
+
* gradient surface (white text, mono caps, translucent border + bg).
|
|
1429
|
+
* Positioning is the consumer's job.
|
|
1430
|
+
* @default 'default'
|
|
1431
|
+
*/
|
|
1432
|
+
tone?: ChipTone;
|
|
1247
1433
|
}
|
|
1248
1434
|
declare const Chip: React__default.FC<ChipProps>;
|
|
1249
1435
|
|
|
@@ -1889,6 +2075,27 @@ interface PanelDialogProps {
|
|
|
1889
2075
|
*/
|
|
1890
2076
|
declare function PanelDialog({ open, onClose, title, headerActions, width, side, ariaLabel, hideHeader, paperSx, backdropSx, transition, children, }: PanelDialogProps): react_jsx_runtime.JSX.Element;
|
|
1891
2077
|
|
|
2078
|
+
interface SplitDialogContentProps {
|
|
2079
|
+
left: React__default.ReactNode;
|
|
2080
|
+
right: React__default.ReactNode;
|
|
2081
|
+
/** Width of the right (aside) column in px. @default 320 */
|
|
2082
|
+
rightWidth?: number;
|
|
2083
|
+
/** Viewport breakpoint (px) below which the layout collapses to one column. @default 860 */
|
|
2084
|
+
collapseBelow?: number;
|
|
2085
|
+
sx?: SxProps<Theme>;
|
|
2086
|
+
}
|
|
2087
|
+
/**
|
|
2088
|
+
* Two-column dialog body used by detail / info modals: primary content on
|
|
2089
|
+
* the left, sticky meta panel on the right. Collapses to a single column on
|
|
2090
|
+
* narrow viewports.
|
|
2091
|
+
*
|
|
2092
|
+
* Compose inside a `<PanelDialog>`:
|
|
2093
|
+
* <PanelDialog ...>
|
|
2094
|
+
* <SplitDialogContent left={...} right={...} />
|
|
2095
|
+
* </PanelDialog>
|
|
2096
|
+
*/
|
|
2097
|
+
declare const SplitDialogContent: React__default.FC<SplitDialogContentProps>;
|
|
2098
|
+
|
|
1892
2099
|
type CardMediaProps = CardMediaProps$1;
|
|
1893
2100
|
declare const CardMedia: React__default.FC<CardMediaProps>;
|
|
1894
2101
|
type CardVariant = 'standard' | 'tinted' | 'outlined';
|
|
@@ -3319,4 +3526,4 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
|
|
|
3319
3526
|
*/
|
|
3320
3527
|
declare const CodeEditorWorkspace: React__default.FC<CodeEditorWorkspaceProps>;
|
|
3321
3528
|
|
|
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 };
|
|
3529
|
+
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,93 @@ 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
|
+
readonly bgDangerStrong: "#8c1d18";
|
|
367
|
+
readonly textPrimary: "#1d1b20";
|
|
368
|
+
readonly textSecondary: "#5f5c64";
|
|
369
|
+
readonly textMuted: "#938f99";
|
|
370
|
+
readonly textLink: "#aa44f2";
|
|
371
|
+
readonly strokeOnLow: "#e6e0e9";
|
|
372
|
+
readonly strokeOnMed: "#dad1e0";
|
|
373
|
+
readonly shadowSm: "0px 2px 8px rgba(0,0,0,0.04)";
|
|
374
|
+
readonly shadowMd: "0px 4px 20px rgba(0,0,0,0.05)";
|
|
375
|
+
readonly shadowFocus: "0 0 0 4px rgba(170,68,242,0.25)";
|
|
376
|
+
};
|
|
377
|
+
type WebSurfaceTokenKey = keyof typeof webSurfaceTokens;
|
|
378
|
+
|
|
244
379
|
/**
|
|
245
380
|
* Design system theme barrel.
|
|
246
381
|
*
|
|
@@ -353,6 +488,7 @@ declare const useIsTablet: () => boolean;
|
|
|
353
488
|
declare const useIsMobile: () => boolean;
|
|
354
489
|
|
|
355
490
|
type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
|
|
491
|
+
type ButtonTone = 'default' | 'onGradient';
|
|
356
492
|
interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
|
|
357
493
|
/**
|
|
358
494
|
* The visual style variant of the button
|
|
@@ -361,6 +497,12 @@ interface ButtonProps extends Omit<ButtonProps$1, 'variant' | 'color'> {
|
|
|
361
497
|
* - tertiary: Text button with no background or border
|
|
362
498
|
*/
|
|
363
499
|
variant?: ButtonVariant;
|
|
500
|
+
/**
|
|
501
|
+
* Tone overlay. `onGradient` re-skins the button as a white pill on a dark
|
|
502
|
+
* gradient surface (banner CTA pattern). Orthogonal to `variant`.
|
|
503
|
+
* @default 'default'
|
|
504
|
+
*/
|
|
505
|
+
tone?: ButtonTone;
|
|
364
506
|
/**
|
|
365
507
|
* The size of the button
|
|
366
508
|
*/
|
|
@@ -456,6 +598,26 @@ interface TextFieldProps extends Omit<TextFieldProps$1, 'size'> {
|
|
|
456
598
|
}
|
|
457
599
|
declare const TextField: React__default.FC<TextFieldProps>;
|
|
458
600
|
|
|
601
|
+
interface CopyableFieldProps {
|
|
602
|
+
/** The string copied to the clipboard. Also rendered as the button label. */
|
|
603
|
+
value: string;
|
|
604
|
+
/** Small label rendered above the value (overline-styled). */
|
|
605
|
+
label?: React__default.ReactNode;
|
|
606
|
+
/** Custom aria-label; defaults to "Copy {value}". */
|
|
607
|
+
ariaLabel?: string;
|
|
608
|
+
/** How long the "Copied" flash stays visible, in ms. @default 1400 */
|
|
609
|
+
flashDurationMs?: number;
|
|
610
|
+
/** Text shown during the flash. @default "Copied" */
|
|
611
|
+
flashLabel?: string;
|
|
612
|
+
/** Optional callback invoked after a successful copy. */
|
|
613
|
+
onCopy?: (value: string) => void;
|
|
614
|
+
}
|
|
615
|
+
/**
|
|
616
|
+
* Tinted card with a label row and a monospace, click-to-copy value button.
|
|
617
|
+
* Replaces ad-hoc `.share-card / .url / .share-card__flash` markup.
|
|
618
|
+
*/
|
|
619
|
+
declare const CopyableField: React__default.FC<CopyableFieldProps>;
|
|
620
|
+
|
|
459
621
|
type SearchFieldVariant = 'standard' | 'pill';
|
|
460
622
|
interface SearchFieldProps extends Omit<TextFieldProps, 'InputProps' | 'variant'> {
|
|
461
623
|
placeholder?: string;
|
|
@@ -723,6 +885,22 @@ type StepButtonProps = StepButtonProps$1;
|
|
|
723
885
|
*/
|
|
724
886
|
declare const StepButton: React__default.FC<StepButtonProps>;
|
|
725
887
|
|
|
888
|
+
interface NumberedStepperStep {
|
|
889
|
+
key: string;
|
|
890
|
+
label: string;
|
|
891
|
+
}
|
|
892
|
+
interface NumberedStepperProps {
|
|
893
|
+
steps: NumberedStepperStep[];
|
|
894
|
+
/** Index of the active step. -1 = none active. */
|
|
895
|
+
current: number;
|
|
896
|
+
className?: string;
|
|
897
|
+
}
|
|
898
|
+
/**
|
|
899
|
+
* Vertical numbered stepper used by Try-this-out and similar guided flows.
|
|
900
|
+
* Brand-styled: active rows take the violet palette; completed rows show ✓.
|
|
901
|
+
*/
|
|
902
|
+
declare const NumberedStepper: React__default.FC<NumberedStepperProps>;
|
|
903
|
+
|
|
726
904
|
/**
|
|
727
905
|
* Type definitions for SideNav components
|
|
728
906
|
* Side Navigation Bar Component - V1 (Expanded State) & V2 (Collapsed State)
|
|
@@ -1242,8 +1420,16 @@ interface ChipVariantStyles {
|
|
|
1242
1420
|
*/
|
|
1243
1421
|
declare function getChipVariantStyles(variant: ChipVariant, theme: Theme): ChipVariantStyles;
|
|
1244
1422
|
|
|
1423
|
+
type ChipTone = 'default' | 'onGradient';
|
|
1245
1424
|
interface ChipProps extends Omit<ChipProps$1, 'color' | 'variant'> {
|
|
1246
1425
|
variant?: ChipVariant;
|
|
1426
|
+
/**
|
|
1427
|
+
* Visual tone overlay. `onGradient` styles the chip to read on a dark
|
|
1428
|
+
* gradient surface (white text, mono caps, translucent border + bg).
|
|
1429
|
+
* Positioning is the consumer's job.
|
|
1430
|
+
* @default 'default'
|
|
1431
|
+
*/
|
|
1432
|
+
tone?: ChipTone;
|
|
1247
1433
|
}
|
|
1248
1434
|
declare const Chip: React__default.FC<ChipProps>;
|
|
1249
1435
|
|
|
@@ -1889,6 +2075,27 @@ interface PanelDialogProps {
|
|
|
1889
2075
|
*/
|
|
1890
2076
|
declare function PanelDialog({ open, onClose, title, headerActions, width, side, ariaLabel, hideHeader, paperSx, backdropSx, transition, children, }: PanelDialogProps): react_jsx_runtime.JSX.Element;
|
|
1891
2077
|
|
|
2078
|
+
interface SplitDialogContentProps {
|
|
2079
|
+
left: React__default.ReactNode;
|
|
2080
|
+
right: React__default.ReactNode;
|
|
2081
|
+
/** Width of the right (aside) column in px. @default 320 */
|
|
2082
|
+
rightWidth?: number;
|
|
2083
|
+
/** Viewport breakpoint (px) below which the layout collapses to one column. @default 860 */
|
|
2084
|
+
collapseBelow?: number;
|
|
2085
|
+
sx?: SxProps<Theme>;
|
|
2086
|
+
}
|
|
2087
|
+
/**
|
|
2088
|
+
* Two-column dialog body used by detail / info modals: primary content on
|
|
2089
|
+
* the left, sticky meta panel on the right. Collapses to a single column on
|
|
2090
|
+
* narrow viewports.
|
|
2091
|
+
*
|
|
2092
|
+
* Compose inside a `<PanelDialog>`:
|
|
2093
|
+
* <PanelDialog ...>
|
|
2094
|
+
* <SplitDialogContent left={...} right={...} />
|
|
2095
|
+
* </PanelDialog>
|
|
2096
|
+
*/
|
|
2097
|
+
declare const SplitDialogContent: React__default.FC<SplitDialogContentProps>;
|
|
2098
|
+
|
|
1892
2099
|
type CardMediaProps = CardMediaProps$1;
|
|
1893
2100
|
declare const CardMedia: React__default.FC<CardMediaProps>;
|
|
1894
2101
|
type CardVariant = 'standard' | 'tinted' | 'outlined';
|
|
@@ -3319,4 +3526,4 @@ interface CodeEditorWorkspaceProps extends Pick<UseCodeEditorWorkspaceOptions, '
|
|
|
3319
3526
|
*/
|
|
3320
3527
|
declare const CodeEditorWorkspace: React__default.FC<CodeEditorWorkspaceProps>;
|
|
3321
3528
|
|
|
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 };
|
|
3529
|
+
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 };
|