@sistent/sistent 0.14.219 → 0.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +164 -3
- package/dist/index.d.ts +164 -3
- package/dist/index.js +32 -32
- package/dist/index.mjs +32 -32
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _mui_material from '@mui/material';
|
|
2
|
-
import { AccordionProps, AccordionActionsProps, AccordionDetailsProps, AccordionSummaryProps, AlertProps, AlertTitleProps, AppBarProps, AutocompleteProps as AutocompleteProps$1, AvatarProps, AvatarGroupProps, BackdropProps, BadgeProps, BoxProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, ButtonGroupProps, CardProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CheckboxProps, ChipProps, CircularProgressProps, ClickAwayListenerProps, CollapseProps, ContainerProps, CssBaselineProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, DividerProps, DrawerProps, FabProps, FadeProps, FormControlProps, FormControlLabelProps, FormGroupProps, FormLabelProps, GridProps, Grid2Props, GrowProps, HiddenProps, IconButtonProps as IconButtonProps$1, InputProps, InputAdornmentProps, InputBaseProps, InputLabelProps, LinearProgressProps, LinkProps, ListProps, ListItemProps, ListItemAvatarProps, ListItemButtonProps, ListItemIconProps, ListItemSecondaryActionProps, ListItemTextProps, ListSubheaderProps, MenuProps, MenuItemProps, MenuListProps, NativeSelectProps, NoSsrProps, OutlinedInputProps, PaginationProps, PaperProps, PopoverProps, PopperProps, RadioProps, RadioGroupProps, SkeletonProps, SlideProps, SliderProps, SnackbarProps, SpeedDialProps, SpeedDialActionProps, StackProps, StepProps, StepButtonProps, StepConnectorProps, StepContentProps, StepIconProps, StepLabelProps, StepperProps, SvgIconProps, SwitchProps, TabProps, TableProps, TableBodyProps, TableCellProps, TableContainerProps, TableHeadProps, TableRowProps, TableSortLabelProps, TabsProps, ToggleButtonProps, ToggleButtonGroupProps, ToolbarProps, TooltipProps as TooltipProps$1, TypographyProps, ZoomProps, PaletteOptions, PaletteMode
|
|
2
|
+
import { AccordionProps, AccordionActionsProps, AccordionDetailsProps, AccordionSummaryProps, AlertProps, AlertTitleProps, AppBarProps, AutocompleteProps as AutocompleteProps$1, AvatarProps, AvatarGroupProps, BackdropProps, BadgeProps, BoxProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, ButtonGroupProps, CardProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CheckboxProps, ChipProps, CircularProgressProps, ClickAwayListenerProps, CollapseProps, ContainerProps, CssBaselineProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, DividerProps, DrawerProps, FabProps, FadeProps, FormControlProps, FormControlLabelProps, FormGroupProps, FormLabelProps, GridProps, Grid2Props, GrowProps, HiddenProps, IconButtonProps as IconButtonProps$1, InputProps, InputAdornmentProps, InputBaseProps, InputLabelProps, LinearProgressProps, LinkProps, ListProps, ListItemProps, ListItemAvatarProps, ListItemButtonProps, ListItemIconProps, ListItemSecondaryActionProps, ListItemTextProps, ListSubheaderProps, MenuProps, MenuItemProps, MenuListProps, NativeSelectProps, NoSsrProps, OutlinedInputProps, PaginationProps, PaperProps, PopoverProps, PopperProps, RadioProps, RadioGroupProps, SkeletonProps, SlideProps, SliderProps, SnackbarProps, SpeedDialProps, SpeedDialActionProps, StackProps, StepProps, StepButtonProps, StepConnectorProps, StepContentProps, StepIconProps, StepLabelProps, StepperProps, SvgIconProps, SwitchProps, TabProps, TableProps, TableBodyProps, TableCellProps, TableContainerProps, TableHeadProps, TableRowProps, TableSortLabelProps, TabsProps, ToggleButtonProps, ToggleButtonGroupProps, ToolbarProps, TooltipProps as TooltipProps$1, TypographyProps, ZoomProps, PaletteOptions, PaletteMode } from '@mui/material';
|
|
3
3
|
export { AccordionDetailsProps, AccordionProps, AccordionSummaryProps, AlertTitleProps, AppBarProps, AvatarGroupProps, AvatarProps, BackdropProps, BadgeProps, BoxProps, BreadcrumbsProps, ButtonGroupProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CardProps, CollapseProps, CssBaselineProps, DividerProps, DrawerProps, FormControlProps, ListItemAvatarProps, ListItemProps, ListItemSecondaryActionProps, ListItemTextProps, ListProps, ListSubheaderProps, MenuItemProps, MenuListProps, MenuProps, OutlinedInputProps, PaginationItem, PaginationProps, PaperProps, PopperProps, RadioGroupProps, SelectProps, SkeletonProps, SlideProps, StackProps, StepConnectorProps, SvgIconProps, SwitchProps, TabProps, TableProps, TabsProps, TextFieldProps, Theme, ThemeProvider, ToggleButtonGroupProps, ToggleButtonProps, ToolbarProps, TypographyProps, alpha, createTheme, keyframes, lighten, stepConnectorClasses, styled, useMediaQuery, useTheme } from '@mui/material';
|
|
4
4
|
import React$1, { MutableRefObject, FC, SVGProps, CSSProperties, ReactNode } from 'react';
|
|
5
5
|
export { outlinedInputClasses } from '@mui/material/OutlinedInput';
|
|
@@ -2022,6 +2022,8 @@ declare module '@mui/material/styles' {
|
|
|
2022
2022
|
error?: Interactiveness;
|
|
2023
2023
|
code?: string;
|
|
2024
2024
|
surfaces?: string;
|
|
2025
|
+
appNavigationBar?: string;
|
|
2026
|
+
secondaryAppNavigationBar?: string;
|
|
2025
2027
|
}
|
|
2026
2028
|
interface TypeText {
|
|
2027
2029
|
default?: string;
|
|
@@ -2106,6 +2108,9 @@ declare module '@mui/material/styles' {
|
|
|
2106
2108
|
surfaces?: string;
|
|
2107
2109
|
}
|
|
2108
2110
|
interface Palette {
|
|
2111
|
+
surface: SurfaceTokens;
|
|
2112
|
+
interactive: InteractiveTokens;
|
|
2113
|
+
navigation: NavigationTokens;
|
|
2109
2114
|
border: {
|
|
2110
2115
|
default: string;
|
|
2111
2116
|
strong: string;
|
|
@@ -2129,7 +2134,50 @@ declare module '@mui/material/styles' {
|
|
|
2129
2134
|
};
|
|
2130
2135
|
};
|
|
2131
2136
|
}
|
|
2137
|
+
type SurfaceTokens = {
|
|
2138
|
+
/** main page background, content containers (pure bg color) */
|
|
2139
|
+
primary: string;
|
|
2140
|
+
/** secondary surfaces (slightly darker bg) */
|
|
2141
|
+
secondary: string;
|
|
2142
|
+
/** tertiary surfaces (even darker bg) */
|
|
2143
|
+
tertiary: string;
|
|
2144
|
+
/** floating elements with depth (bg + shadow) */
|
|
2145
|
+
elevated: string;
|
|
2146
|
+
/** modal backdrops (semi-transparent bg) */
|
|
2147
|
+
overlay: string;
|
|
2148
|
+
/** highlight surfaces (eg. modal headers , tabs, ) */
|
|
2149
|
+
tint: string;
|
|
2150
|
+
/** high contrast alternative (fg as bg) */
|
|
2151
|
+
inverse: string;
|
|
2152
|
+
};
|
|
2153
|
+
type InteractiveTokens = {
|
|
2154
|
+
/** default interactive elements (primary color) */
|
|
2155
|
+
primary: string;
|
|
2156
|
+
/** hover state for interactive elements (primary hover tint) */
|
|
2157
|
+
hover: string;
|
|
2158
|
+
/** disabled state for interactive elements (primary disabled tint) */
|
|
2159
|
+
disabled?: string;
|
|
2160
|
+
/** pressed state for interactive elements (primary pressed tint) */
|
|
2161
|
+
pressed: string;
|
|
2162
|
+
/** secondary interactive elements (secondary color) */
|
|
2163
|
+
secondary: string;
|
|
2164
|
+
/** tertiary interactive elements (tertiary color) */
|
|
2165
|
+
tertiary: string;
|
|
2166
|
+
};
|
|
2167
|
+
type NavigationTokens = {
|
|
2168
|
+
/** main navigation bar background */
|
|
2169
|
+
primary: string;
|
|
2170
|
+
/** secondary navigation bar background */
|
|
2171
|
+
secondary: string;
|
|
2172
|
+
/** active navigation item background */
|
|
2173
|
+
active: string;
|
|
2174
|
+
/** hover state for navigation items */
|
|
2175
|
+
hover: string;
|
|
2176
|
+
};
|
|
2132
2177
|
interface PaletteOptions {
|
|
2178
|
+
surface: SurfaceTokens;
|
|
2179
|
+
interactive: InteractiveTokens;
|
|
2180
|
+
navigation: NavigationTokens;
|
|
2133
2181
|
border: {
|
|
2134
2182
|
default: string;
|
|
2135
2183
|
strong: string;
|
|
@@ -2142,6 +2190,8 @@ declare module '@mui/material/styles' {
|
|
|
2142
2190
|
};
|
|
2143
2191
|
icon: {
|
|
2144
2192
|
default: string;
|
|
2193
|
+
dualTone?: string;
|
|
2194
|
+
dualToneInverse?: string;
|
|
2145
2195
|
secondary: string;
|
|
2146
2196
|
brand: string;
|
|
2147
2197
|
inverse: string;
|
|
@@ -2199,6 +2249,117 @@ declare module '@mui/material/Typography' {
|
|
|
2199
2249
|
}
|
|
2200
2250
|
declare const typography: (mode: PaletteMode) => TypographyOptions;
|
|
2201
2251
|
|
|
2252
|
+
/**
|
|
2253
|
+
* Primitive palette defines the raw, brand-level colors used in the UI.
|
|
2254
|
+
* These are foundational tokens that never directly appear in components
|
|
2255
|
+
* without being mapped to semantic tokens (like `buttonBackground` or `navbarText`).
|
|
2256
|
+
*
|
|
2257
|
+
* Layer 2 ( ui ) tokens should reference these primitives to keep themes
|
|
2258
|
+
* consistent, brandable, and easy to override.
|
|
2259
|
+
*/
|
|
2260
|
+
type PrimitivePalette = {
|
|
2261
|
+
/**
|
|
2262
|
+
* AppNavigation bar background color.
|
|
2263
|
+
* Examples:
|
|
2264
|
+
* - Top navigation bar
|
|
2265
|
+
* - Side navigation drawer
|
|
2266
|
+
* - Bottom navigation bar
|
|
2267
|
+
* - Tab headers
|
|
2268
|
+
* Should be visually distinct from `background` to ensure
|
|
2269
|
+
* navigation elements stand out.
|
|
2270
|
+
*/
|
|
2271
|
+
navigationBar: string;
|
|
2272
|
+
/**
|
|
2273
|
+
* Main brand color used for the most prominent UI elements.
|
|
2274
|
+
* Examples:
|
|
2275
|
+
* - Primary button backgrounds (`primaryButtonBackground`)
|
|
2276
|
+
* - Active navigation bar backgrounds
|
|
2277
|
+
* - Key highlights in charts or graphs
|
|
2278
|
+
* - Marketing banners
|
|
2279
|
+
*
|
|
2280
|
+
* Choose a color that instantly represents your brand identity.
|
|
2281
|
+
*/
|
|
2282
|
+
primary: string;
|
|
2283
|
+
/**
|
|
2284
|
+
* High-contrast variant of `primary`, used for text/icons placed
|
|
2285
|
+
* directly on a primary-colored background.
|
|
2286
|
+
* Examples:
|
|
2287
|
+
* - Text on primary buttons (`primaryButtonText`)
|
|
2288
|
+
* - Icons in a primary-colored navbar
|
|
2289
|
+
* - Labels in a badge using primary as the background
|
|
2290
|
+
*
|
|
2291
|
+
* Should pass WCAG contrast guidelines when layered on `primary`.
|
|
2292
|
+
*/
|
|
2293
|
+
primaryInverted: string;
|
|
2294
|
+
/**
|
|
2295
|
+
* Secondary brand color for less prominent but still important UI elements.
|
|
2296
|
+
* Examples:
|
|
2297
|
+
* - Secondary buttons
|
|
2298
|
+
* - Tab headers
|
|
2299
|
+
* - Secondary navigation bars
|
|
2300
|
+
* - Sidebar highlights
|
|
2301
|
+
*
|
|
2302
|
+
* Often complements `primary` without competing for attention.
|
|
2303
|
+
*/
|
|
2304
|
+
secondary: string;
|
|
2305
|
+
/**
|
|
2306
|
+
* High-contrast variant of `secondary`, used for text/icons
|
|
2307
|
+
* placed on a secondary-colored background.
|
|
2308
|
+
* Examples:
|
|
2309
|
+
* - Text on secondary buttons
|
|
2310
|
+
* - Icons in a secondary navbar
|
|
2311
|
+
* - Badge text over a secondary background
|
|
2312
|
+
*/
|
|
2313
|
+
secondaryInverted: string;
|
|
2314
|
+
/**
|
|
2315
|
+
* Attention-grabbing color for emphasis and high-visibility actions.
|
|
2316
|
+
* Often more vibrant than primary/secondary.
|
|
2317
|
+
* Examples:
|
|
2318
|
+
* - Hyperlinks
|
|
2319
|
+
* - Special call-to-action buttons
|
|
2320
|
+
* - Active tab underline
|
|
2321
|
+
* - Notification counts or badges
|
|
2322
|
+
* - Highlighted form fields
|
|
2323
|
+
*
|
|
2324
|
+
* Should be visually distinct from `primary`.
|
|
2325
|
+
*/
|
|
2326
|
+
accent: string;
|
|
2327
|
+
/**
|
|
2328
|
+
* High-contrast variant of `accent`, used for text/icons placed
|
|
2329
|
+
* on an accent-colored background.
|
|
2330
|
+
* Examples:
|
|
2331
|
+
* - Text in a promotional banner with accent background
|
|
2332
|
+
* - Badge text on an accent background
|
|
2333
|
+
* - Icons inside accent-highlighted buttons
|
|
2334
|
+
*/
|
|
2335
|
+
accentInverted: string;
|
|
2336
|
+
/**
|
|
2337
|
+
* Main surface color for the app's UI.
|
|
2338
|
+
* Examples:
|
|
2339
|
+
* - App background
|
|
2340
|
+
* - Card backgrounds
|
|
2341
|
+
* - Modal and panel surfaces
|
|
2342
|
+
*
|
|
2343
|
+
* Typically neutral (light or dark) to maintain good readability.
|
|
2344
|
+
*/
|
|
2345
|
+
background: string;
|
|
2346
|
+
/**
|
|
2347
|
+
* Default text color for content placed on `background`.
|
|
2348
|
+
* Examples:
|
|
2349
|
+
* - Paragraph text
|
|
2350
|
+
* - Headings
|
|
2351
|
+
* - Default icon color on white/light backgrounds
|
|
2352
|
+
*
|
|
2353
|
+
* Should maintain high contrast with `background`.
|
|
2354
|
+
*/
|
|
2355
|
+
foreground: string;
|
|
2356
|
+
};
|
|
2357
|
+
/**
|
|
2358
|
+
* Layer5 ( primitives ) defines the raw, brand-level colors used in the UI.
|
|
2359
|
+
*/
|
|
2360
|
+
declare const SistentDefaultPrimitivePaletteLight: PrimitivePalette;
|
|
2361
|
+
declare const SistentDefaultPrimitivePaletteDark: PrimitivePalette;
|
|
2362
|
+
|
|
2202
2363
|
/**
|
|
2203
2364
|
* Define the base common colors to derive from
|
|
2204
2365
|
*/
|
|
@@ -2460,7 +2621,7 @@ interface SistentThemeProviderProps {
|
|
|
2460
2621
|
children: React$1.ReactNode;
|
|
2461
2622
|
emotionCache?: EmotionCache;
|
|
2462
2623
|
initialMode?: PaletteMode;
|
|
2463
|
-
customTheme?:
|
|
2624
|
+
customTheme?: PrimitivePalette;
|
|
2464
2625
|
}
|
|
2465
2626
|
declare function SistentThemeProvider({ children, emotionCache, initialMode, customTheme }: SistentThemeProviderProps): JSX.Element;
|
|
2466
2627
|
declare function SistentThemeProviderWithoutBaseLine({ children, emotionCache, initialMode }: SistentThemeProviderProps): JSX.Element;
|
|
@@ -2499,4 +2660,4 @@ declare const FormattedTime: ({ date }: {
|
|
|
2499
2660
|
date: string;
|
|
2500
2661
|
}) => react_jsx_runtime.JSX.Element;
|
|
2501
2662
|
|
|
2502
|
-
export { ALABASTER_WHITE, ALICE_BLUE, ANAKIWA, Accordion, AccordionActions, AccordionDetails, AccordionSummary, AddIconCircleBordered as AddCircleIcon, AddIcon, Alert, AlertTitle, AppBar, ApplicationIcon, ArrowCompressIcon$1 as ArrowCompressIcon, ArrowCompressIcon as ArrowExpandIcon, Autocomplete, Avatar, AvatarGroup, BLACK, Backdrop, Badge, BasicMarkdown, BellIcon, Box, Breadcrumbs, BusIcon, Button, ButtonGroup, CARIBBEAN_GREEN, CASPER, CHARCOAL, CHINESE_SILVER, CONNECTED, CULTURED, CalenderIcon, Card, CardActions, CardContent, CardHeader, CardMedia, CaretDownIcon, CatalogIcon, ChainIcon, ChallengesIcon, CheckCircleIcon, Checkbox, ChevronLeft, Chip, CircleIcon, CircularProgress, ClickAwayListener, CloneIcon, CloseIcon, CloudSavedIcon, Collapse, CollapsAllIcon as CollapseAllIcon, ColumnIcon, CommunityClassIcon, ComponentIcon, ConfigurationIcon, Container, ContentFilterIcon, CopyIcon, CopyLinkIcon, CreateNewIcon, CredentialIcon, CrossCircleIcon, CssBaseline, CustomTooltip, DARK_BLUE_GRAY, DARK_PRIMARY_COLOR, DARK_SHADE_GRAY, DARK_SLATE_GRAY, DARK_TEAL, DATA_VALIDATOR_COMMANDS, DATA_VALIDATOR_EVENTS, DELETED, DISCONNECTED, DISCOVERED, DashboardIcon, type DataType, DatabaseIcon, DeferEvents, DeleteIcon, DeploymentsIcon, DesignIcon, DesignerBottomRightIcon, DetailsIcon as DetailIcon, DetailsIcon, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, DocumentIcon, DoneAllIcon, DoneIcon, DownloadIcon$1 as DownloadIcon, DragIcon, Drawer, DropDownIcon, EERIE_BLACK, EditIcon, EmptyStyleIcon, EnvironmentIcon, ErrorIcon, EventBus, type EventBusEvent, type EventType, ExpandAllIcon, DownloadIcon as ExportIcon, ExternalLinkIcon, Fab, FacebookIcon, Fade, FavoriteIcon, FeedbackIcon, FileIcon, FilterIcon, FormControl, FormControlLabel, FormGroup, FormLabel, FormattedTime, FullScreenIcon, FullScreenExitIcon as FullScreenIconExit, GRAY, GRAY97, GREEN, GetStartedIcon, GithubIcon, GoogleIcon, Grid, Grid2, GridViewIcon, Grow, HelpOutlinedIcon, HelperTextPopover, Hidden, IGNORED, IconButton, IdeaIcon, InfoCircleIcon, InfoIcon, InfoOutlinedIcon as InfoOutlined, InfoTooltip, Input, InputAdornment, InputBase, InputLabel, InsertChartIcon, InviteUserIcon, KEPPEL, KanvasIcon, KeppelApplicationIcon, KeppelRectangleIcon, KeppelTallRoundedRectangleIcon, KubernetesIcon, LIGHT_GRAY, LIGHT_TEAL, LIMED_SPRUCE, LeaderboardIcon as LeaderBoardIcon, LearningIcon, LeftAngledArrowIcon, LeftArrowIcon, LinearProgress, Link, LinkedinIcon, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, LockIcon, LogoutIcon, MAINTAINENCE, MIDNIGHT_BLACK, MendeleyIcon, Menu, MenuIcon, MenuItem, MenuList, MesheryFilterIcon, MesheryOperator, MoveFileIcon, NOT_FOUND, NativeSelect, NoSsr, ONYX_BLACK, OfficialClassIcon, OpenFileIcon, OpenIcon, OpenInNewIcon, OrgIcon, OutlinedApplicationIcon, OutlinedCircleIcon, OutlinedCloudSavingIcon, OutlinedDataObjectIcon, OutlinedDeployIcon, OutlinedDoubleChevronIcon, OutlinedHierarchicalIcon, OutlinedInput, OutlinedMeshIcon, OutlinedPatternIcon, OutlinedPatternSwitchIcon, OutlinedPodIcon, OutlinedRectangleIcon, OutlinedRedoIcon, OutlinedResetIcon, OutlinedRingIcon, OutlinedScreenshotIcon, OutlinedSettingsIcon, OutlinedStarIcon, OutlinedTallRoundedRectangleIcon, OutlinedUndeployIcon, OutlinedUndoIcon, OutlinedValidateIcon, OutlinedVisibilityOffIcon, OutlinedVisibilityOnIcon, OutlinedVisualizerSwitcherIcon, PATTERNS_BLUE, PRIMARY_COLOR, Pagination, PanToolIcon, Paper, PersistedStateProvider, PersonIcon, PollIcon, Popover, Popper, PublicIcon, PublishIcon, QuestionIcon, REDUX_COMMANDS, REDUX_EVENTS, REEE, REGISTERED, type REXUX_ACTOR_EVENTS, RTK_EVENTS, Radio, RadioGroup, ReadIcon, RectangleIcon, type RehydrateStateAction, RemoveDoneIcon, RemoveIcon, RenderMarkdown, type RenderMarkdownProps, RenderMarkdownTooltip, RightArrowIcon, RoundedRectangleShapeIcon, RoundTriangleShapeIcon as RoundedTriangleShapeIcon, SAFFRON, SILVER_GRAY, SLATE_BLUE, SMPIcon, SaveAsIcon, SearchIcon, Select, ShareIcon, ShareLineIcon, SistentThemeProvider, SistentThemeProviderWithoutBaseLine, Skeleton, Slide, Slider, Snackbar, SpeedDial, SpeedDialAction, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SuccessIcon, SvgIcon, Switch, TEAL_BLUE, TRANSPARENT_WHITE, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TableViewIcon, Tabs, TachographDigitalIcon, TachometerIcon, TallRoundedRectangleIcon, TeamsIcon, TerminalIcon, TextField, ToggleButton, ToggleButtonGroup, Toolbar, ToolkitIcon, Tooltip, type TooltipProps, TouchAppIcon, TriangleIcon, TrophyIcon as TropyIcon, TwitterIcon, Typography, VerificationClassIcon, ViewsIcon as ViewIcon, WHITE, WHITESMOKE, WarningIcon, WorkspaceIcon, XSTATE_DEBUG_EVENT, YELLOW_SEA, Zoom, accentGrey, actionIcon, anakiwa, black, blue, buttonDelete, buttonDisabled, carribean, casper, charcoal, colors, common, componentIcon, connected, createAndEditEnvironmentSchema, createAndEditEnvironmentUiSchema, createAndEditWorkspace as createAndEditWorkspaceSchema, createAndEditWorkspaceUiSchema, cultured, darkModePalette, darkSlateGray, darkTeal, dataValidatorCommands, dataValidatorEvents, dataValidatorMachine, deadLetter, eerieBlack, forwardToActors, fromWorkerfiedActor, getCollaborationConfig, getFormatDate, getFullFormattedTime, getRelativeTime, getWebSocketProtocol, grafanaCredentialUiSchema as grafanaCredentialSUiSchema, grafanaCredentialSchema, gray, green, helmConnectionSchema, helmConnectionUiSchema, helpAndSupportModalSchema, helpAndSupportModalUiSchema, importDesignSchema, importDesignUiSchema, importFilterSchema, importFilterUiSchema, importModelSchema, importModelUiSchema, initReduxPersist, jungleGreen, keppel, kubernetesCredentialSchema, kubernetesCredentialUiSchema, lightModePalette, notificationColors, patternsBlue, primaryColor, prometheusCredentialSchema, prometheusCredentialUiSchema, publishCatalogItemSchema, publishCatalogItemUiSchema, red, redDelete, reduxActor, reduxCommands, reduxEvents, reply, rtkQueryActor, rtkQueryActorCommands, rtkQueryActorEvents, saffron, selectIsValidating, selectValidationResults, sendToActor, sendToActors, slateGray, socialIcons, subscribeToRoom, tabMenu, tableBackgroundHover, typography, unSubscribeRoom, useRoomActivity, white, workerfyActor, yellow };
|
|
2663
|
+
export { ALABASTER_WHITE, ALICE_BLUE, ANAKIWA, Accordion, AccordionActions, AccordionDetails, AccordionSummary, AddIconCircleBordered as AddCircleIcon, AddIcon, Alert, AlertTitle, AppBar, ApplicationIcon, ArrowCompressIcon$1 as ArrowCompressIcon, ArrowCompressIcon as ArrowExpandIcon, Autocomplete, Avatar, AvatarGroup, BLACK, Backdrop, Badge, BasicMarkdown, BellIcon, Box, Breadcrumbs, BusIcon, Button, ButtonGroup, CARIBBEAN_GREEN, CASPER, CHARCOAL, CHINESE_SILVER, CONNECTED, CULTURED, CalenderIcon, Card, CardActions, CardContent, CardHeader, CardMedia, CaretDownIcon, CatalogIcon, ChainIcon, ChallengesIcon, CheckCircleIcon, Checkbox, ChevronLeft, Chip, CircleIcon, CircularProgress, ClickAwayListener, CloneIcon, CloseIcon, CloudSavedIcon, Collapse, CollapsAllIcon as CollapseAllIcon, ColumnIcon, CommunityClassIcon, ComponentIcon, ConfigurationIcon, Container, ContentFilterIcon, CopyIcon, CopyLinkIcon, CreateNewIcon, CredentialIcon, CrossCircleIcon, CssBaseline, CustomTooltip, DARK_BLUE_GRAY, DARK_PRIMARY_COLOR, DARK_SHADE_GRAY, DARK_SLATE_GRAY, DARK_TEAL, DATA_VALIDATOR_COMMANDS, DATA_VALIDATOR_EVENTS, DELETED, DISCONNECTED, DISCOVERED, DashboardIcon, type DataType, DatabaseIcon, DeferEvents, DeleteIcon, DeploymentsIcon, DesignIcon, DesignerBottomRightIcon, DetailsIcon as DetailIcon, DetailsIcon, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, DocumentIcon, DoneAllIcon, DoneIcon, DownloadIcon$1 as DownloadIcon, DragIcon, Drawer, DropDownIcon, EERIE_BLACK, EditIcon, EmptyStyleIcon, EnvironmentIcon, ErrorIcon, EventBus, type EventBusEvent, type EventType, ExpandAllIcon, DownloadIcon as ExportIcon, ExternalLinkIcon, Fab, FacebookIcon, Fade, FavoriteIcon, FeedbackIcon, FileIcon, FilterIcon, FormControl, FormControlLabel, FormGroup, FormLabel, FormattedTime, FullScreenIcon, FullScreenExitIcon as FullScreenIconExit, GRAY, GRAY97, GREEN, GetStartedIcon, GithubIcon, GoogleIcon, Grid, Grid2, GridViewIcon, Grow, HelpOutlinedIcon, HelperTextPopover, Hidden, IGNORED, IconButton, IdeaIcon, InfoCircleIcon, InfoIcon, InfoOutlinedIcon as InfoOutlined, InfoTooltip, Input, InputAdornment, InputBase, InputLabel, InsertChartIcon, InviteUserIcon, KEPPEL, KanvasIcon, KeppelApplicationIcon, KeppelRectangleIcon, KeppelTallRoundedRectangleIcon, KubernetesIcon, LIGHT_GRAY, LIGHT_TEAL, LIMED_SPRUCE, LeaderboardIcon as LeaderBoardIcon, LearningIcon, LeftAngledArrowIcon, LeftArrowIcon, LinearProgress, Link, LinkedinIcon, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, LockIcon, LogoutIcon, MAINTAINENCE, MIDNIGHT_BLACK, MendeleyIcon, Menu, MenuIcon, MenuItem, MenuList, MesheryFilterIcon, MesheryOperator, MoveFileIcon, NOT_FOUND, NativeSelect, NoSsr, ONYX_BLACK, OfficialClassIcon, OpenFileIcon, OpenIcon, OpenInNewIcon, OrgIcon, OutlinedApplicationIcon, OutlinedCircleIcon, OutlinedCloudSavingIcon, OutlinedDataObjectIcon, OutlinedDeployIcon, OutlinedDoubleChevronIcon, OutlinedHierarchicalIcon, OutlinedInput, OutlinedMeshIcon, OutlinedPatternIcon, OutlinedPatternSwitchIcon, OutlinedPodIcon, OutlinedRectangleIcon, OutlinedRedoIcon, OutlinedResetIcon, OutlinedRingIcon, OutlinedScreenshotIcon, OutlinedSettingsIcon, OutlinedStarIcon, OutlinedTallRoundedRectangleIcon, OutlinedUndeployIcon, OutlinedUndoIcon, OutlinedValidateIcon, OutlinedVisibilityOffIcon, OutlinedVisibilityOnIcon, OutlinedVisualizerSwitcherIcon, PATTERNS_BLUE, PRIMARY_COLOR, Pagination, PanToolIcon, Paper, PersistedStateProvider, PersonIcon, PollIcon, Popover, Popper, type PrimitivePalette, PublicIcon, PublishIcon, QuestionIcon, REDUX_COMMANDS, REDUX_EVENTS, REEE, REGISTERED, type REXUX_ACTOR_EVENTS, RTK_EVENTS, Radio, RadioGroup, ReadIcon, RectangleIcon, type RehydrateStateAction, RemoveDoneIcon, RemoveIcon, RenderMarkdown, type RenderMarkdownProps, RenderMarkdownTooltip, RightArrowIcon, RoundedRectangleShapeIcon, RoundTriangleShapeIcon as RoundedTriangleShapeIcon, SAFFRON, SILVER_GRAY, SLATE_BLUE, SMPIcon, SaveAsIcon, SearchIcon, Select, ShareIcon, ShareLineIcon, SistentDefaultPrimitivePaletteDark, SistentDefaultPrimitivePaletteLight, SistentThemeProvider, SistentThemeProviderWithoutBaseLine, Skeleton, Slide, Slider, Snackbar, SpeedDial, SpeedDialAction, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SuccessIcon, SvgIcon, Switch, TEAL_BLUE, TRANSPARENT_WHITE, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TableViewIcon, Tabs, TachographDigitalIcon, TachometerIcon, TallRoundedRectangleIcon, TeamsIcon, TerminalIcon, TextField, ToggleButton, ToggleButtonGroup, Toolbar, ToolkitIcon, Tooltip, type TooltipProps, TouchAppIcon, TriangleIcon, TrophyIcon as TropyIcon, TwitterIcon, Typography, VerificationClassIcon, ViewsIcon as ViewIcon, WHITE, WHITESMOKE, WarningIcon, WorkspaceIcon, XSTATE_DEBUG_EVENT, YELLOW_SEA, Zoom, accentGrey, actionIcon, anakiwa, black, blue, buttonDelete, buttonDisabled, carribean, casper, charcoal, colors, common, componentIcon, connected, createAndEditEnvironmentSchema, createAndEditEnvironmentUiSchema, createAndEditWorkspace as createAndEditWorkspaceSchema, createAndEditWorkspaceUiSchema, cultured, darkModePalette, darkSlateGray, darkTeal, dataValidatorCommands, dataValidatorEvents, dataValidatorMachine, deadLetter, eerieBlack, forwardToActors, fromWorkerfiedActor, getCollaborationConfig, getFormatDate, getFullFormattedTime, getRelativeTime, getWebSocketProtocol, grafanaCredentialUiSchema as grafanaCredentialSUiSchema, grafanaCredentialSchema, gray, green, helmConnectionSchema, helmConnectionUiSchema, helpAndSupportModalSchema, helpAndSupportModalUiSchema, importDesignSchema, importDesignUiSchema, importFilterSchema, importFilterUiSchema, importModelSchema, importModelUiSchema, initReduxPersist, jungleGreen, keppel, kubernetesCredentialSchema, kubernetesCredentialUiSchema, lightModePalette, notificationColors, patternsBlue, primaryColor, prometheusCredentialSchema, prometheusCredentialUiSchema, publishCatalogItemSchema, publishCatalogItemUiSchema, red, redDelete, reduxActor, reduxCommands, reduxEvents, reply, rtkQueryActor, rtkQueryActorCommands, rtkQueryActorEvents, saffron, selectIsValidating, selectValidationResults, sendToActor, sendToActors, slateGray, socialIcons, subscribeToRoom, tabMenu, tableBackgroundHover, typography, unSubscribeRoom, useRoomActivity, white, workerfyActor, yellow };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _mui_material from '@mui/material';
|
|
2
|
-
import { AccordionProps, AccordionActionsProps, AccordionDetailsProps, AccordionSummaryProps, AlertProps, AlertTitleProps, AppBarProps, AutocompleteProps as AutocompleteProps$1, AvatarProps, AvatarGroupProps, BackdropProps, BadgeProps, BoxProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, ButtonGroupProps, CardProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CheckboxProps, ChipProps, CircularProgressProps, ClickAwayListenerProps, CollapseProps, ContainerProps, CssBaselineProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, DividerProps, DrawerProps, FabProps, FadeProps, FormControlProps, FormControlLabelProps, FormGroupProps, FormLabelProps, GridProps, Grid2Props, GrowProps, HiddenProps, IconButtonProps as IconButtonProps$1, InputProps, InputAdornmentProps, InputBaseProps, InputLabelProps, LinearProgressProps, LinkProps, ListProps, ListItemProps, ListItemAvatarProps, ListItemButtonProps, ListItemIconProps, ListItemSecondaryActionProps, ListItemTextProps, ListSubheaderProps, MenuProps, MenuItemProps, MenuListProps, NativeSelectProps, NoSsrProps, OutlinedInputProps, PaginationProps, PaperProps, PopoverProps, PopperProps, RadioProps, RadioGroupProps, SkeletonProps, SlideProps, SliderProps, SnackbarProps, SpeedDialProps, SpeedDialActionProps, StackProps, StepProps, StepButtonProps, StepConnectorProps, StepContentProps, StepIconProps, StepLabelProps, StepperProps, SvgIconProps, SwitchProps, TabProps, TableProps, TableBodyProps, TableCellProps, TableContainerProps, TableHeadProps, TableRowProps, TableSortLabelProps, TabsProps, ToggleButtonProps, ToggleButtonGroupProps, ToolbarProps, TooltipProps as TooltipProps$1, TypographyProps, ZoomProps, PaletteOptions, PaletteMode
|
|
2
|
+
import { AccordionProps, AccordionActionsProps, AccordionDetailsProps, AccordionSummaryProps, AlertProps, AlertTitleProps, AppBarProps, AutocompleteProps as AutocompleteProps$1, AvatarProps, AvatarGroupProps, BackdropProps, BadgeProps, BoxProps, BreadcrumbsProps, ButtonProps as ButtonProps$1, ButtonGroupProps, CardProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CheckboxProps, ChipProps, CircularProgressProps, ClickAwayListenerProps, CollapseProps, ContainerProps, CssBaselineProps, DialogProps, DialogActionsProps, DialogContentProps, DialogContentTextProps, DialogTitleProps, DividerProps, DrawerProps, FabProps, FadeProps, FormControlProps, FormControlLabelProps, FormGroupProps, FormLabelProps, GridProps, Grid2Props, GrowProps, HiddenProps, IconButtonProps as IconButtonProps$1, InputProps, InputAdornmentProps, InputBaseProps, InputLabelProps, LinearProgressProps, LinkProps, ListProps, ListItemProps, ListItemAvatarProps, ListItemButtonProps, ListItemIconProps, ListItemSecondaryActionProps, ListItemTextProps, ListSubheaderProps, MenuProps, MenuItemProps, MenuListProps, NativeSelectProps, NoSsrProps, OutlinedInputProps, PaginationProps, PaperProps, PopoverProps, PopperProps, RadioProps, RadioGroupProps, SkeletonProps, SlideProps, SliderProps, SnackbarProps, SpeedDialProps, SpeedDialActionProps, StackProps, StepProps, StepButtonProps, StepConnectorProps, StepContentProps, StepIconProps, StepLabelProps, StepperProps, SvgIconProps, SwitchProps, TabProps, TableProps, TableBodyProps, TableCellProps, TableContainerProps, TableHeadProps, TableRowProps, TableSortLabelProps, TabsProps, ToggleButtonProps, ToggleButtonGroupProps, ToolbarProps, TooltipProps as TooltipProps$1, TypographyProps, ZoomProps, PaletteOptions, PaletteMode } from '@mui/material';
|
|
3
3
|
export { AccordionDetailsProps, AccordionProps, AccordionSummaryProps, AlertTitleProps, AppBarProps, AvatarGroupProps, AvatarProps, BackdropProps, BadgeProps, BoxProps, BreadcrumbsProps, ButtonGroupProps, CardActionsProps, CardContentProps, CardHeaderProps, CardMediaProps, CardProps, CollapseProps, CssBaselineProps, DividerProps, DrawerProps, FormControlProps, ListItemAvatarProps, ListItemProps, ListItemSecondaryActionProps, ListItemTextProps, ListProps, ListSubheaderProps, MenuItemProps, MenuListProps, MenuProps, OutlinedInputProps, PaginationItem, PaginationProps, PaperProps, PopperProps, RadioGroupProps, SelectProps, SkeletonProps, SlideProps, StackProps, StepConnectorProps, SvgIconProps, SwitchProps, TabProps, TableProps, TabsProps, TextFieldProps, Theme, ThemeProvider, ToggleButtonGroupProps, ToggleButtonProps, ToolbarProps, TypographyProps, alpha, createTheme, keyframes, lighten, stepConnectorClasses, styled, useMediaQuery, useTheme } from '@mui/material';
|
|
4
4
|
import React$1, { MutableRefObject, FC, SVGProps, CSSProperties, ReactNode } from 'react';
|
|
5
5
|
export { outlinedInputClasses } from '@mui/material/OutlinedInput';
|
|
@@ -2022,6 +2022,8 @@ declare module '@mui/material/styles' {
|
|
|
2022
2022
|
error?: Interactiveness;
|
|
2023
2023
|
code?: string;
|
|
2024
2024
|
surfaces?: string;
|
|
2025
|
+
appNavigationBar?: string;
|
|
2026
|
+
secondaryAppNavigationBar?: string;
|
|
2025
2027
|
}
|
|
2026
2028
|
interface TypeText {
|
|
2027
2029
|
default?: string;
|
|
@@ -2106,6 +2108,9 @@ declare module '@mui/material/styles' {
|
|
|
2106
2108
|
surfaces?: string;
|
|
2107
2109
|
}
|
|
2108
2110
|
interface Palette {
|
|
2111
|
+
surface: SurfaceTokens;
|
|
2112
|
+
interactive: InteractiveTokens;
|
|
2113
|
+
navigation: NavigationTokens;
|
|
2109
2114
|
border: {
|
|
2110
2115
|
default: string;
|
|
2111
2116
|
strong: string;
|
|
@@ -2129,7 +2134,50 @@ declare module '@mui/material/styles' {
|
|
|
2129
2134
|
};
|
|
2130
2135
|
};
|
|
2131
2136
|
}
|
|
2137
|
+
type SurfaceTokens = {
|
|
2138
|
+
/** main page background, content containers (pure bg color) */
|
|
2139
|
+
primary: string;
|
|
2140
|
+
/** secondary surfaces (slightly darker bg) */
|
|
2141
|
+
secondary: string;
|
|
2142
|
+
/** tertiary surfaces (even darker bg) */
|
|
2143
|
+
tertiary: string;
|
|
2144
|
+
/** floating elements with depth (bg + shadow) */
|
|
2145
|
+
elevated: string;
|
|
2146
|
+
/** modal backdrops (semi-transparent bg) */
|
|
2147
|
+
overlay: string;
|
|
2148
|
+
/** highlight surfaces (eg. modal headers , tabs, ) */
|
|
2149
|
+
tint: string;
|
|
2150
|
+
/** high contrast alternative (fg as bg) */
|
|
2151
|
+
inverse: string;
|
|
2152
|
+
};
|
|
2153
|
+
type InteractiveTokens = {
|
|
2154
|
+
/** default interactive elements (primary color) */
|
|
2155
|
+
primary: string;
|
|
2156
|
+
/** hover state for interactive elements (primary hover tint) */
|
|
2157
|
+
hover: string;
|
|
2158
|
+
/** disabled state for interactive elements (primary disabled tint) */
|
|
2159
|
+
disabled?: string;
|
|
2160
|
+
/** pressed state for interactive elements (primary pressed tint) */
|
|
2161
|
+
pressed: string;
|
|
2162
|
+
/** secondary interactive elements (secondary color) */
|
|
2163
|
+
secondary: string;
|
|
2164
|
+
/** tertiary interactive elements (tertiary color) */
|
|
2165
|
+
tertiary: string;
|
|
2166
|
+
};
|
|
2167
|
+
type NavigationTokens = {
|
|
2168
|
+
/** main navigation bar background */
|
|
2169
|
+
primary: string;
|
|
2170
|
+
/** secondary navigation bar background */
|
|
2171
|
+
secondary: string;
|
|
2172
|
+
/** active navigation item background */
|
|
2173
|
+
active: string;
|
|
2174
|
+
/** hover state for navigation items */
|
|
2175
|
+
hover: string;
|
|
2176
|
+
};
|
|
2132
2177
|
interface PaletteOptions {
|
|
2178
|
+
surface: SurfaceTokens;
|
|
2179
|
+
interactive: InteractiveTokens;
|
|
2180
|
+
navigation: NavigationTokens;
|
|
2133
2181
|
border: {
|
|
2134
2182
|
default: string;
|
|
2135
2183
|
strong: string;
|
|
@@ -2142,6 +2190,8 @@ declare module '@mui/material/styles' {
|
|
|
2142
2190
|
};
|
|
2143
2191
|
icon: {
|
|
2144
2192
|
default: string;
|
|
2193
|
+
dualTone?: string;
|
|
2194
|
+
dualToneInverse?: string;
|
|
2145
2195
|
secondary: string;
|
|
2146
2196
|
brand: string;
|
|
2147
2197
|
inverse: string;
|
|
@@ -2199,6 +2249,117 @@ declare module '@mui/material/Typography' {
|
|
|
2199
2249
|
}
|
|
2200
2250
|
declare const typography: (mode: PaletteMode) => TypographyOptions;
|
|
2201
2251
|
|
|
2252
|
+
/**
|
|
2253
|
+
* Primitive palette defines the raw, brand-level colors used in the UI.
|
|
2254
|
+
* These are foundational tokens that never directly appear in components
|
|
2255
|
+
* without being mapped to semantic tokens (like `buttonBackground` or `navbarText`).
|
|
2256
|
+
*
|
|
2257
|
+
* Layer 2 ( ui ) tokens should reference these primitives to keep themes
|
|
2258
|
+
* consistent, brandable, and easy to override.
|
|
2259
|
+
*/
|
|
2260
|
+
type PrimitivePalette = {
|
|
2261
|
+
/**
|
|
2262
|
+
* AppNavigation bar background color.
|
|
2263
|
+
* Examples:
|
|
2264
|
+
* - Top navigation bar
|
|
2265
|
+
* - Side navigation drawer
|
|
2266
|
+
* - Bottom navigation bar
|
|
2267
|
+
* - Tab headers
|
|
2268
|
+
* Should be visually distinct from `background` to ensure
|
|
2269
|
+
* navigation elements stand out.
|
|
2270
|
+
*/
|
|
2271
|
+
navigationBar: string;
|
|
2272
|
+
/**
|
|
2273
|
+
* Main brand color used for the most prominent UI elements.
|
|
2274
|
+
* Examples:
|
|
2275
|
+
* - Primary button backgrounds (`primaryButtonBackground`)
|
|
2276
|
+
* - Active navigation bar backgrounds
|
|
2277
|
+
* - Key highlights in charts or graphs
|
|
2278
|
+
* - Marketing banners
|
|
2279
|
+
*
|
|
2280
|
+
* Choose a color that instantly represents your brand identity.
|
|
2281
|
+
*/
|
|
2282
|
+
primary: string;
|
|
2283
|
+
/**
|
|
2284
|
+
* High-contrast variant of `primary`, used for text/icons placed
|
|
2285
|
+
* directly on a primary-colored background.
|
|
2286
|
+
* Examples:
|
|
2287
|
+
* - Text on primary buttons (`primaryButtonText`)
|
|
2288
|
+
* - Icons in a primary-colored navbar
|
|
2289
|
+
* - Labels in a badge using primary as the background
|
|
2290
|
+
*
|
|
2291
|
+
* Should pass WCAG contrast guidelines when layered on `primary`.
|
|
2292
|
+
*/
|
|
2293
|
+
primaryInverted: string;
|
|
2294
|
+
/**
|
|
2295
|
+
* Secondary brand color for less prominent but still important UI elements.
|
|
2296
|
+
* Examples:
|
|
2297
|
+
* - Secondary buttons
|
|
2298
|
+
* - Tab headers
|
|
2299
|
+
* - Secondary navigation bars
|
|
2300
|
+
* - Sidebar highlights
|
|
2301
|
+
*
|
|
2302
|
+
* Often complements `primary` without competing for attention.
|
|
2303
|
+
*/
|
|
2304
|
+
secondary: string;
|
|
2305
|
+
/**
|
|
2306
|
+
* High-contrast variant of `secondary`, used for text/icons
|
|
2307
|
+
* placed on a secondary-colored background.
|
|
2308
|
+
* Examples:
|
|
2309
|
+
* - Text on secondary buttons
|
|
2310
|
+
* - Icons in a secondary navbar
|
|
2311
|
+
* - Badge text over a secondary background
|
|
2312
|
+
*/
|
|
2313
|
+
secondaryInverted: string;
|
|
2314
|
+
/**
|
|
2315
|
+
* Attention-grabbing color for emphasis and high-visibility actions.
|
|
2316
|
+
* Often more vibrant than primary/secondary.
|
|
2317
|
+
* Examples:
|
|
2318
|
+
* - Hyperlinks
|
|
2319
|
+
* - Special call-to-action buttons
|
|
2320
|
+
* - Active tab underline
|
|
2321
|
+
* - Notification counts or badges
|
|
2322
|
+
* - Highlighted form fields
|
|
2323
|
+
*
|
|
2324
|
+
* Should be visually distinct from `primary`.
|
|
2325
|
+
*/
|
|
2326
|
+
accent: string;
|
|
2327
|
+
/**
|
|
2328
|
+
* High-contrast variant of `accent`, used for text/icons placed
|
|
2329
|
+
* on an accent-colored background.
|
|
2330
|
+
* Examples:
|
|
2331
|
+
* - Text in a promotional banner with accent background
|
|
2332
|
+
* - Badge text on an accent background
|
|
2333
|
+
* - Icons inside accent-highlighted buttons
|
|
2334
|
+
*/
|
|
2335
|
+
accentInverted: string;
|
|
2336
|
+
/**
|
|
2337
|
+
* Main surface color for the app's UI.
|
|
2338
|
+
* Examples:
|
|
2339
|
+
* - App background
|
|
2340
|
+
* - Card backgrounds
|
|
2341
|
+
* - Modal and panel surfaces
|
|
2342
|
+
*
|
|
2343
|
+
* Typically neutral (light or dark) to maintain good readability.
|
|
2344
|
+
*/
|
|
2345
|
+
background: string;
|
|
2346
|
+
/**
|
|
2347
|
+
* Default text color for content placed on `background`.
|
|
2348
|
+
* Examples:
|
|
2349
|
+
* - Paragraph text
|
|
2350
|
+
* - Headings
|
|
2351
|
+
* - Default icon color on white/light backgrounds
|
|
2352
|
+
*
|
|
2353
|
+
* Should maintain high contrast with `background`.
|
|
2354
|
+
*/
|
|
2355
|
+
foreground: string;
|
|
2356
|
+
};
|
|
2357
|
+
/**
|
|
2358
|
+
* Layer5 ( primitives ) defines the raw, brand-level colors used in the UI.
|
|
2359
|
+
*/
|
|
2360
|
+
declare const SistentDefaultPrimitivePaletteLight: PrimitivePalette;
|
|
2361
|
+
declare const SistentDefaultPrimitivePaletteDark: PrimitivePalette;
|
|
2362
|
+
|
|
2202
2363
|
/**
|
|
2203
2364
|
* Define the base common colors to derive from
|
|
2204
2365
|
*/
|
|
@@ -2460,7 +2621,7 @@ interface SistentThemeProviderProps {
|
|
|
2460
2621
|
children: React$1.ReactNode;
|
|
2461
2622
|
emotionCache?: EmotionCache;
|
|
2462
2623
|
initialMode?: PaletteMode;
|
|
2463
|
-
customTheme?:
|
|
2624
|
+
customTheme?: PrimitivePalette;
|
|
2464
2625
|
}
|
|
2465
2626
|
declare function SistentThemeProvider({ children, emotionCache, initialMode, customTheme }: SistentThemeProviderProps): JSX.Element;
|
|
2466
2627
|
declare function SistentThemeProviderWithoutBaseLine({ children, emotionCache, initialMode }: SistentThemeProviderProps): JSX.Element;
|
|
@@ -2499,4 +2660,4 @@ declare const FormattedTime: ({ date }: {
|
|
|
2499
2660
|
date: string;
|
|
2500
2661
|
}) => react_jsx_runtime.JSX.Element;
|
|
2501
2662
|
|
|
2502
|
-
export { ALABASTER_WHITE, ALICE_BLUE, ANAKIWA, Accordion, AccordionActions, AccordionDetails, AccordionSummary, AddIconCircleBordered as AddCircleIcon, AddIcon, Alert, AlertTitle, AppBar, ApplicationIcon, ArrowCompressIcon$1 as ArrowCompressIcon, ArrowCompressIcon as ArrowExpandIcon, Autocomplete, Avatar, AvatarGroup, BLACK, Backdrop, Badge, BasicMarkdown, BellIcon, Box, Breadcrumbs, BusIcon, Button, ButtonGroup, CARIBBEAN_GREEN, CASPER, CHARCOAL, CHINESE_SILVER, CONNECTED, CULTURED, CalenderIcon, Card, CardActions, CardContent, CardHeader, CardMedia, CaretDownIcon, CatalogIcon, ChainIcon, ChallengesIcon, CheckCircleIcon, Checkbox, ChevronLeft, Chip, CircleIcon, CircularProgress, ClickAwayListener, CloneIcon, CloseIcon, CloudSavedIcon, Collapse, CollapsAllIcon as CollapseAllIcon, ColumnIcon, CommunityClassIcon, ComponentIcon, ConfigurationIcon, Container, ContentFilterIcon, CopyIcon, CopyLinkIcon, CreateNewIcon, CredentialIcon, CrossCircleIcon, CssBaseline, CustomTooltip, DARK_BLUE_GRAY, DARK_PRIMARY_COLOR, DARK_SHADE_GRAY, DARK_SLATE_GRAY, DARK_TEAL, DATA_VALIDATOR_COMMANDS, DATA_VALIDATOR_EVENTS, DELETED, DISCONNECTED, DISCOVERED, DashboardIcon, type DataType, DatabaseIcon, DeferEvents, DeleteIcon, DeploymentsIcon, DesignIcon, DesignerBottomRightIcon, DetailsIcon as DetailIcon, DetailsIcon, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, DocumentIcon, DoneAllIcon, DoneIcon, DownloadIcon$1 as DownloadIcon, DragIcon, Drawer, DropDownIcon, EERIE_BLACK, EditIcon, EmptyStyleIcon, EnvironmentIcon, ErrorIcon, EventBus, type EventBusEvent, type EventType, ExpandAllIcon, DownloadIcon as ExportIcon, ExternalLinkIcon, Fab, FacebookIcon, Fade, FavoriteIcon, FeedbackIcon, FileIcon, FilterIcon, FormControl, FormControlLabel, FormGroup, FormLabel, FormattedTime, FullScreenIcon, FullScreenExitIcon as FullScreenIconExit, GRAY, GRAY97, GREEN, GetStartedIcon, GithubIcon, GoogleIcon, Grid, Grid2, GridViewIcon, Grow, HelpOutlinedIcon, HelperTextPopover, Hidden, IGNORED, IconButton, IdeaIcon, InfoCircleIcon, InfoIcon, InfoOutlinedIcon as InfoOutlined, InfoTooltip, Input, InputAdornment, InputBase, InputLabel, InsertChartIcon, InviteUserIcon, KEPPEL, KanvasIcon, KeppelApplicationIcon, KeppelRectangleIcon, KeppelTallRoundedRectangleIcon, KubernetesIcon, LIGHT_GRAY, LIGHT_TEAL, LIMED_SPRUCE, LeaderboardIcon as LeaderBoardIcon, LearningIcon, LeftAngledArrowIcon, LeftArrowIcon, LinearProgress, Link, LinkedinIcon, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, LockIcon, LogoutIcon, MAINTAINENCE, MIDNIGHT_BLACK, MendeleyIcon, Menu, MenuIcon, MenuItem, MenuList, MesheryFilterIcon, MesheryOperator, MoveFileIcon, NOT_FOUND, NativeSelect, NoSsr, ONYX_BLACK, OfficialClassIcon, OpenFileIcon, OpenIcon, OpenInNewIcon, OrgIcon, OutlinedApplicationIcon, OutlinedCircleIcon, OutlinedCloudSavingIcon, OutlinedDataObjectIcon, OutlinedDeployIcon, OutlinedDoubleChevronIcon, OutlinedHierarchicalIcon, OutlinedInput, OutlinedMeshIcon, OutlinedPatternIcon, OutlinedPatternSwitchIcon, OutlinedPodIcon, OutlinedRectangleIcon, OutlinedRedoIcon, OutlinedResetIcon, OutlinedRingIcon, OutlinedScreenshotIcon, OutlinedSettingsIcon, OutlinedStarIcon, OutlinedTallRoundedRectangleIcon, OutlinedUndeployIcon, OutlinedUndoIcon, OutlinedValidateIcon, OutlinedVisibilityOffIcon, OutlinedVisibilityOnIcon, OutlinedVisualizerSwitcherIcon, PATTERNS_BLUE, PRIMARY_COLOR, Pagination, PanToolIcon, Paper, PersistedStateProvider, PersonIcon, PollIcon, Popover, Popper, PublicIcon, PublishIcon, QuestionIcon, REDUX_COMMANDS, REDUX_EVENTS, REEE, REGISTERED, type REXUX_ACTOR_EVENTS, RTK_EVENTS, Radio, RadioGroup, ReadIcon, RectangleIcon, type RehydrateStateAction, RemoveDoneIcon, RemoveIcon, RenderMarkdown, type RenderMarkdownProps, RenderMarkdownTooltip, RightArrowIcon, RoundedRectangleShapeIcon, RoundTriangleShapeIcon as RoundedTriangleShapeIcon, SAFFRON, SILVER_GRAY, SLATE_BLUE, SMPIcon, SaveAsIcon, SearchIcon, Select, ShareIcon, ShareLineIcon, SistentThemeProvider, SistentThemeProviderWithoutBaseLine, Skeleton, Slide, Slider, Snackbar, SpeedDial, SpeedDialAction, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SuccessIcon, SvgIcon, Switch, TEAL_BLUE, TRANSPARENT_WHITE, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TableViewIcon, Tabs, TachographDigitalIcon, TachometerIcon, TallRoundedRectangleIcon, TeamsIcon, TerminalIcon, TextField, ToggleButton, ToggleButtonGroup, Toolbar, ToolkitIcon, Tooltip, type TooltipProps, TouchAppIcon, TriangleIcon, TrophyIcon as TropyIcon, TwitterIcon, Typography, VerificationClassIcon, ViewsIcon as ViewIcon, WHITE, WHITESMOKE, WarningIcon, WorkspaceIcon, XSTATE_DEBUG_EVENT, YELLOW_SEA, Zoom, accentGrey, actionIcon, anakiwa, black, blue, buttonDelete, buttonDisabled, carribean, casper, charcoal, colors, common, componentIcon, connected, createAndEditEnvironmentSchema, createAndEditEnvironmentUiSchema, createAndEditWorkspace as createAndEditWorkspaceSchema, createAndEditWorkspaceUiSchema, cultured, darkModePalette, darkSlateGray, darkTeal, dataValidatorCommands, dataValidatorEvents, dataValidatorMachine, deadLetter, eerieBlack, forwardToActors, fromWorkerfiedActor, getCollaborationConfig, getFormatDate, getFullFormattedTime, getRelativeTime, getWebSocketProtocol, grafanaCredentialUiSchema as grafanaCredentialSUiSchema, grafanaCredentialSchema, gray, green, helmConnectionSchema, helmConnectionUiSchema, helpAndSupportModalSchema, helpAndSupportModalUiSchema, importDesignSchema, importDesignUiSchema, importFilterSchema, importFilterUiSchema, importModelSchema, importModelUiSchema, initReduxPersist, jungleGreen, keppel, kubernetesCredentialSchema, kubernetesCredentialUiSchema, lightModePalette, notificationColors, patternsBlue, primaryColor, prometheusCredentialSchema, prometheusCredentialUiSchema, publishCatalogItemSchema, publishCatalogItemUiSchema, red, redDelete, reduxActor, reduxCommands, reduxEvents, reply, rtkQueryActor, rtkQueryActorCommands, rtkQueryActorEvents, saffron, selectIsValidating, selectValidationResults, sendToActor, sendToActors, slateGray, socialIcons, subscribeToRoom, tabMenu, tableBackgroundHover, typography, unSubscribeRoom, useRoomActivity, white, workerfyActor, yellow };
|
|
2663
|
+
export { ALABASTER_WHITE, ALICE_BLUE, ANAKIWA, Accordion, AccordionActions, AccordionDetails, AccordionSummary, AddIconCircleBordered as AddCircleIcon, AddIcon, Alert, AlertTitle, AppBar, ApplicationIcon, ArrowCompressIcon$1 as ArrowCompressIcon, ArrowCompressIcon as ArrowExpandIcon, Autocomplete, Avatar, AvatarGroup, BLACK, Backdrop, Badge, BasicMarkdown, BellIcon, Box, Breadcrumbs, BusIcon, Button, ButtonGroup, CARIBBEAN_GREEN, CASPER, CHARCOAL, CHINESE_SILVER, CONNECTED, CULTURED, CalenderIcon, Card, CardActions, CardContent, CardHeader, CardMedia, CaretDownIcon, CatalogIcon, ChainIcon, ChallengesIcon, CheckCircleIcon, Checkbox, ChevronLeft, Chip, CircleIcon, CircularProgress, ClickAwayListener, CloneIcon, CloseIcon, CloudSavedIcon, Collapse, CollapsAllIcon as CollapseAllIcon, ColumnIcon, CommunityClassIcon, ComponentIcon, ConfigurationIcon, Container, ContentFilterIcon, CopyIcon, CopyLinkIcon, CreateNewIcon, CredentialIcon, CrossCircleIcon, CssBaseline, CustomTooltip, DARK_BLUE_GRAY, DARK_PRIMARY_COLOR, DARK_SHADE_GRAY, DARK_SLATE_GRAY, DARK_TEAL, DATA_VALIDATOR_COMMANDS, DATA_VALIDATOR_EVENTS, DELETED, DISCONNECTED, DISCOVERED, DashboardIcon, type DataType, DatabaseIcon, DeferEvents, DeleteIcon, DeploymentsIcon, DesignIcon, DesignerBottomRightIcon, DetailsIcon as DetailIcon, DetailsIcon, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle, Divider, DocumentIcon, DoneAllIcon, DoneIcon, DownloadIcon$1 as DownloadIcon, DragIcon, Drawer, DropDownIcon, EERIE_BLACK, EditIcon, EmptyStyleIcon, EnvironmentIcon, ErrorIcon, EventBus, type EventBusEvent, type EventType, ExpandAllIcon, DownloadIcon as ExportIcon, ExternalLinkIcon, Fab, FacebookIcon, Fade, FavoriteIcon, FeedbackIcon, FileIcon, FilterIcon, FormControl, FormControlLabel, FormGroup, FormLabel, FormattedTime, FullScreenIcon, FullScreenExitIcon as FullScreenIconExit, GRAY, GRAY97, GREEN, GetStartedIcon, GithubIcon, GoogleIcon, Grid, Grid2, GridViewIcon, Grow, HelpOutlinedIcon, HelperTextPopover, Hidden, IGNORED, IconButton, IdeaIcon, InfoCircleIcon, InfoIcon, InfoOutlinedIcon as InfoOutlined, InfoTooltip, Input, InputAdornment, InputBase, InputLabel, InsertChartIcon, InviteUserIcon, KEPPEL, KanvasIcon, KeppelApplicationIcon, KeppelRectangleIcon, KeppelTallRoundedRectangleIcon, KubernetesIcon, LIGHT_GRAY, LIGHT_TEAL, LIMED_SPRUCE, LeaderboardIcon as LeaderBoardIcon, LearningIcon, LeftAngledArrowIcon, LeftArrowIcon, LinearProgress, Link, LinkedinIcon, List, ListItem, ListItemAvatar, ListItemButton, ListItemIcon, ListItemSecondaryAction, ListItemText, ListSubheader, LockIcon, LogoutIcon, MAINTAINENCE, MIDNIGHT_BLACK, MendeleyIcon, Menu, MenuIcon, MenuItem, MenuList, MesheryFilterIcon, MesheryOperator, MoveFileIcon, NOT_FOUND, NativeSelect, NoSsr, ONYX_BLACK, OfficialClassIcon, OpenFileIcon, OpenIcon, OpenInNewIcon, OrgIcon, OutlinedApplicationIcon, OutlinedCircleIcon, OutlinedCloudSavingIcon, OutlinedDataObjectIcon, OutlinedDeployIcon, OutlinedDoubleChevronIcon, OutlinedHierarchicalIcon, OutlinedInput, OutlinedMeshIcon, OutlinedPatternIcon, OutlinedPatternSwitchIcon, OutlinedPodIcon, OutlinedRectangleIcon, OutlinedRedoIcon, OutlinedResetIcon, OutlinedRingIcon, OutlinedScreenshotIcon, OutlinedSettingsIcon, OutlinedStarIcon, OutlinedTallRoundedRectangleIcon, OutlinedUndeployIcon, OutlinedUndoIcon, OutlinedValidateIcon, OutlinedVisibilityOffIcon, OutlinedVisibilityOnIcon, OutlinedVisualizerSwitcherIcon, PATTERNS_BLUE, PRIMARY_COLOR, Pagination, PanToolIcon, Paper, PersistedStateProvider, PersonIcon, PollIcon, Popover, Popper, type PrimitivePalette, PublicIcon, PublishIcon, QuestionIcon, REDUX_COMMANDS, REDUX_EVENTS, REEE, REGISTERED, type REXUX_ACTOR_EVENTS, RTK_EVENTS, Radio, RadioGroup, ReadIcon, RectangleIcon, type RehydrateStateAction, RemoveDoneIcon, RemoveIcon, RenderMarkdown, type RenderMarkdownProps, RenderMarkdownTooltip, RightArrowIcon, RoundedRectangleShapeIcon, RoundTriangleShapeIcon as RoundedTriangleShapeIcon, SAFFRON, SILVER_GRAY, SLATE_BLUE, SMPIcon, SaveAsIcon, SearchIcon, Select, ShareIcon, ShareLineIcon, SistentDefaultPrimitivePaletteDark, SistentDefaultPrimitivePaletteLight, SistentThemeProvider, SistentThemeProviderWithoutBaseLine, Skeleton, Slide, Slider, Snackbar, SpeedDial, SpeedDialAction, Stack, Step, StepButton, StepConnector, StepContent, StepIcon, StepLabel, Stepper, SuccessIcon, SvgIcon, Switch, TEAL_BLUE, TRANSPARENT_WHITE, Tab, Table, TableBody, TableCell, TableContainer, TableHead, TableRow, TableSortLabel, TableViewIcon, Tabs, TachographDigitalIcon, TachometerIcon, TallRoundedRectangleIcon, TeamsIcon, TerminalIcon, TextField, ToggleButton, ToggleButtonGroup, Toolbar, ToolkitIcon, Tooltip, type TooltipProps, TouchAppIcon, TriangleIcon, TrophyIcon as TropyIcon, TwitterIcon, Typography, VerificationClassIcon, ViewsIcon as ViewIcon, WHITE, WHITESMOKE, WarningIcon, WorkspaceIcon, XSTATE_DEBUG_EVENT, YELLOW_SEA, Zoom, accentGrey, actionIcon, anakiwa, black, blue, buttonDelete, buttonDisabled, carribean, casper, charcoal, colors, common, componentIcon, connected, createAndEditEnvironmentSchema, createAndEditEnvironmentUiSchema, createAndEditWorkspace as createAndEditWorkspaceSchema, createAndEditWorkspaceUiSchema, cultured, darkModePalette, darkSlateGray, darkTeal, dataValidatorCommands, dataValidatorEvents, dataValidatorMachine, deadLetter, eerieBlack, forwardToActors, fromWorkerfiedActor, getCollaborationConfig, getFormatDate, getFullFormattedTime, getRelativeTime, getWebSocketProtocol, grafanaCredentialUiSchema as grafanaCredentialSUiSchema, grafanaCredentialSchema, gray, green, helmConnectionSchema, helmConnectionUiSchema, helpAndSupportModalSchema, helpAndSupportModalUiSchema, importDesignSchema, importDesignUiSchema, importFilterSchema, importFilterUiSchema, importModelSchema, importModelUiSchema, initReduxPersist, jungleGreen, keppel, kubernetesCredentialSchema, kubernetesCredentialUiSchema, lightModePalette, notificationColors, patternsBlue, primaryColor, prometheusCredentialSchema, prometheusCredentialUiSchema, publishCatalogItemSchema, publishCatalogItemUiSchema, red, redDelete, reduxActor, reduxCommands, reduxEvents, reply, rtkQueryActor, rtkQueryActorCommands, rtkQueryActorEvents, saffron, selectIsValidating, selectValidationResults, sendToActor, sendToActors, slateGray, socialIcons, subscribeToRoom, tabMenu, tableBackgroundHover, typography, unSubscribeRoom, useRoomActivity, white, workerfyActor, yellow };
|