@sistent/sistent 0.15.4 → 0.15.6

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.ts CHANGED
@@ -8,8 +8,8 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
8
8
  import * as _emotion_styled from '@emotion/styled';
9
9
  import * as _mui_system from '@mui/system';
10
10
  import { Store as Store$1, Dispatch } from 'redux';
11
- import { TypographyOptions } from '@mui/material/styles/createTypography';
12
11
  import { EmotionCache } from '@emotion/react';
12
+ import { TypographyOptions } from '@mui/material/styles/createTypography';
13
13
  import * as xstate from 'xstate';
14
14
  import { EventObject, DoneActorEvent, ErrorActorEvent, SnapshotFrom, NonReducibleUnknown, ActorLogic, AnyMachineSnapshot, AnyActorLogic, AnyEventObject, AnyActorRef } from 'xstate';
15
15
  import { Store, Selector, UnknownAction } from '@reduxjs/toolkit';
@@ -1342,6 +1342,8 @@ declare const RemoveIcon: FC<IconProps$1>;
1342
1342
 
1343
1343
  declare const OutlinedResetIcon: FC<IconProps$1>;
1344
1344
 
1345
+ declare const ResizeIcon: FC<IconProps$1>;
1346
+
1345
1347
  declare const RightArrowIcon: ({ width, height, ...props }: IconProps$1) => JSX.Element;
1346
1348
 
1347
1349
  declare const OutlinedRingIcon: FC<IconProps$1>;
@@ -2026,387 +2028,6 @@ declare const grafanaCredentialSchema: {
2026
2028
 
2027
2029
  declare const grafanaCredentialUiSchema: {};
2028
2030
 
2029
- declare module '@mui/material/styles' {
2030
- interface Interactiveness {
2031
- default: string;
2032
- hover: string;
2033
- disabled?: string;
2034
- pressed: string;
2035
- secondary: string;
2036
- tertiary: string;
2037
- }
2038
- interface TypeBackground {
2039
- secondary?: string;
2040
- supplementary?: string;
2041
- graphics?: {
2042
- default: string;
2043
- };
2044
- tabs?: string;
2045
- elevatedComponents?: string;
2046
- card?: string;
2047
- tertiary?: string;
2048
- hover?: string;
2049
- blur?: {
2050
- heavy: string;
2051
- light: string;
2052
- };
2053
- neutral?: {
2054
- default: string;
2055
- hover: string;
2056
- pressed: string;
2057
- };
2058
- constant?: {
2059
- disabled: string;
2060
- white: string;
2061
- table: string;
2062
- };
2063
- inverse?: string;
2064
- brand?: Interactiveness;
2065
- cta?: Interactiveness;
2066
- info?: Interactiveness;
2067
- success?: Interactiveness;
2068
- warning?: Interactiveness;
2069
- error?: Interactiveness;
2070
- code?: string;
2071
- surfaces?: string;
2072
- appNavigationBar?: string;
2073
- secondaryAppNavigationBar?: string;
2074
- }
2075
- interface TypeText {
2076
- default?: string;
2077
- secondary: string;
2078
- tertiary?: string;
2079
- disabled: string;
2080
- inverse?: string;
2081
- brand?: string;
2082
- info?: string;
2083
- success?: string;
2084
- warning?: string;
2085
- error?: string;
2086
- neutral?: {
2087
- default: string;
2088
- alt: string;
2089
- };
2090
- constant?: {
2091
- white: string;
2092
- disabled: string;
2093
- };
2094
- }
2095
- interface PaletteColor {
2096
- secondary?: string;
2097
- supplementary?: string;
2098
- blur?: {
2099
- heavy: string;
2100
- light: string;
2101
- };
2102
- neutral?: {
2103
- default: string;
2104
- hover: string;
2105
- pressed: string;
2106
- alt: string;
2107
- };
2108
- constant?: {
2109
- white: string;
2110
- disabled: string;
2111
- table: string;
2112
- };
2113
- inverse?: string;
2114
- brand?: Interactiveness;
2115
- cta?: Interactiveness;
2116
- info?: Interactiveness;
2117
- success?: Interactiveness;
2118
- warning?: Interactiveness;
2119
- error?: Interactiveness;
2120
- code?: string;
2121
- strong?: string;
2122
- normal?: string;
2123
- disabled?: string;
2124
- surfaces?: string;
2125
- }
2126
- interface SimplePaletteColorOptions {
2127
- secondary?: string;
2128
- supplementary?: string;
2129
- blur?: {
2130
- heavy: string;
2131
- light: string;
2132
- };
2133
- neutral?: {
2134
- default: string;
2135
- hover: string;
2136
- pressed: string;
2137
- alt: string;
2138
- };
2139
- constant?: {
2140
- white: string;
2141
- disabled: string;
2142
- table: string;
2143
- };
2144
- inverse?: string;
2145
- brand?: Interactiveness;
2146
- cta?: Interactiveness;
2147
- info?: Interactiveness;
2148
- success?: Interactiveness;
2149
- warning?: Interactiveness;
2150
- error?: Interactiveness;
2151
- code?: string;
2152
- strong?: string;
2153
- normal?: string;
2154
- disabled?: string;
2155
- surfaces?: string;
2156
- }
2157
- interface Palette {
2158
- surface: SurfaceTokens;
2159
- interactive: InteractiveTokens;
2160
- navigation: NavigationTokens;
2161
- border: {
2162
- default: string;
2163
- strong: string;
2164
- brand: string;
2165
- normal: string;
2166
- neutral?: {
2167
- default: string;
2168
- alt: string;
2169
- };
2170
- };
2171
- icon: {
2172
- default: string;
2173
- secondary: string;
2174
- brand: string;
2175
- inverse: string;
2176
- weather: string;
2177
- disabled: string;
2178
- neutral?: {
2179
- default: string;
2180
- alt: string;
2181
- };
2182
- };
2183
- }
2184
- type SurfaceTokens = {
2185
- /** main page background, content containers (pure bg color) */
2186
- primary: string;
2187
- /** secondary surfaces (slightly darker bg) */
2188
- secondary: string;
2189
- /** tertiary surfaces (even darker bg) */
2190
- tertiary: string;
2191
- /** floating elements with depth (bg + shadow) */
2192
- elevated: string;
2193
- /** modal backdrops (semi-transparent bg) */
2194
- overlay: string;
2195
- /** highlight surfaces (eg. modal headers , tabs, ) */
2196
- tint: string;
2197
- /** high contrast alternative (fg as bg) */
2198
- inverse: string;
2199
- };
2200
- type InteractiveTokens = {
2201
- /** default interactive elements (primary color) */
2202
- primary: string;
2203
- /** hover state for interactive elements (primary hover tint) */
2204
- hover: string;
2205
- /** disabled state for interactive elements (primary disabled tint) */
2206
- disabled?: string;
2207
- /** pressed state for interactive elements (primary pressed tint) */
2208
- pressed: string;
2209
- /** secondary interactive elements (secondary color) */
2210
- secondary: string;
2211
- /** tertiary interactive elements (tertiary color) */
2212
- tertiary: string;
2213
- };
2214
- type NavigationTokens = {
2215
- /** main navigation bar background */
2216
- primary: string;
2217
- /** secondary navigation bar background */
2218
- secondary: string;
2219
- /** active navigation item background */
2220
- active: string;
2221
- /** hover state for navigation items */
2222
- hover: string;
2223
- };
2224
- interface PaletteOptions {
2225
- surface: SurfaceTokens;
2226
- interactive: InteractiveTokens;
2227
- navigation: NavigationTokens;
2228
- border: {
2229
- default: string;
2230
- strong: string;
2231
- brand: string;
2232
- normal: string;
2233
- neutral?: {
2234
- default: string;
2235
- alt: string;
2236
- };
2237
- };
2238
- icon: {
2239
- default: string;
2240
- dualTone?: string;
2241
- dualToneInverse?: string;
2242
- secondary: string;
2243
- brand: string;
2244
- inverse: string;
2245
- weather: string;
2246
- disabled: string;
2247
- neutral?: {
2248
- default: string;
2249
- alt: string;
2250
- };
2251
- };
2252
- }
2253
- }
2254
- declare const lightModePalette: PaletteOptions;
2255
- declare const darkModePalette: PaletteOptions;
2256
-
2257
- declare module '@mui/material/styles' {
2258
- interface TypographyVariants {
2259
- textH1Bold: React.CSSProperties;
2260
- textH2Medium: React.CSSProperties;
2261
- textH3Medium: React.CSSProperties;
2262
- textB1Regular: React.CSSProperties;
2263
- textB2SemiBold: React.CSSProperties;
2264
- textB3Regular: React.CSSProperties;
2265
- textL1Bold: React.CSSProperties;
2266
- textL2Regular: React.CSSProperties;
2267
- textC1Regular: React.CSSProperties;
2268
- textC2Regular: React.CSSProperties;
2269
- }
2270
- interface TypographyVariantsOptions {
2271
- textH1Bold?: React.CSSProperties;
2272
- textH2Medium?: React.CSSProperties;
2273
- textH3Medium?: React.CSSProperties;
2274
- textB1Regular?: React.CSSProperties;
2275
- textB2SemiBold?: React.CSSProperties;
2276
- textB3Regular?: React.CSSProperties;
2277
- textL1Bold?: React.CSSProperties;
2278
- textL2Regular?: React.CSSProperties;
2279
- textC1Regular?: React.CSSProperties;
2280
- textC2Regular?: React.CSSProperties;
2281
- }
2282
- }
2283
- declare module '@mui/material/Typography' {
2284
- interface TypographyPropsVariantOverrides {
2285
- textH1Bold: true;
2286
- textH2Medium: true;
2287
- textH3Medium: true;
2288
- textB1Regular: true;
2289
- textB2SemiBold: true;
2290
- textB3Regular: true;
2291
- textL1Bold: true;
2292
- textL2Regular: true;
2293
- textC1Regular: true;
2294
- textC2Regular: true;
2295
- }
2296
- }
2297
- declare const typography: (mode: PaletteMode) => TypographyOptions;
2298
-
2299
- /**
2300
- * Primitive palette defines the raw, brand-level colors used in the UI.
2301
- * These are foundational tokens that never directly appear in components
2302
- * without being mapped to semantic tokens (like `buttonBackground` or `navbarText`).
2303
- *
2304
- * Layer 2 ( ui ) tokens should reference these primitives to keep themes
2305
- * consistent, brandable, and easy to override.
2306
- */
2307
- type PrimitivePalette = {
2308
- /**
2309
- * AppNavigation bar background color.
2310
- * Examples:
2311
- * - Top navigation bar
2312
- * - Side navigation drawer
2313
- * - Bottom navigation bar
2314
- * - Tab headers
2315
- * Should be visually distinct from `background` to ensure
2316
- * navigation elements stand out.
2317
- */
2318
- navigationBar: string;
2319
- /**
2320
- * Main brand color used for the most prominent UI elements.
2321
- * Examples:
2322
- * - Primary button backgrounds (`primaryButtonBackground`)
2323
- * - Active navigation bar backgrounds
2324
- * - Key highlights in charts or graphs
2325
- * - Marketing banners
2326
- *
2327
- * Choose a color that instantly represents your brand identity.
2328
- */
2329
- primary: string;
2330
- /**
2331
- * High-contrast variant of `primary`, used for text/icons placed
2332
- * directly on a primary-colored background.
2333
- * Examples:
2334
- * - Text on primary buttons (`primaryButtonText`)
2335
- * - Icons in a primary-colored navbar
2336
- * - Labels in a badge using primary as the background
2337
- *
2338
- * Should pass WCAG contrast guidelines when layered on `primary`.
2339
- */
2340
- primaryInverted: string;
2341
- /**
2342
- * Secondary brand color for less prominent but still important UI elements.
2343
- * Examples:
2344
- * - Secondary buttons
2345
- * - Tab headers
2346
- * - Secondary navigation bars
2347
- * - Sidebar highlights
2348
- *
2349
- * Often complements `primary` without competing for attention.
2350
- */
2351
- secondary: string;
2352
- /**
2353
- * High-contrast variant of `secondary`, used for text/icons
2354
- * placed on a secondary-colored background.
2355
- * Examples:
2356
- * - Text on secondary buttons
2357
- * - Icons in a secondary navbar
2358
- * - Badge text over a secondary background
2359
- */
2360
- secondaryInverted: string;
2361
- /**
2362
- * Attention-grabbing color for emphasis and high-visibility actions.
2363
- * Often more vibrant than primary/secondary.
2364
- * Examples:
2365
- * - Hyperlinks
2366
- * - Special call-to-action buttons
2367
- * - Active tab underline
2368
- * - Notification counts or badges
2369
- * - Highlighted form fields
2370
- *
2371
- * Should be visually distinct from `primary`.
2372
- */
2373
- accent: string;
2374
- /**
2375
- * High-contrast variant of `accent`, used for text/icons placed
2376
- * on an accent-colored background.
2377
- * Examples:
2378
- * - Text in a promotional banner with accent background
2379
- * - Badge text on an accent background
2380
- * - Icons inside accent-highlighted buttons
2381
- */
2382
- accentInverted: string;
2383
- /**
2384
- * Main surface color for the app's UI.
2385
- * Examples:
2386
- * - App background
2387
- * - Card backgrounds
2388
- * - Modal and panel surfaces
2389
- *
2390
- * Typically neutral (light or dark) to maintain good readability.
2391
- */
2392
- background: string;
2393
- /**
2394
- * Default text color for content placed on `background`.
2395
- * Examples:
2396
- * - Paragraph text
2397
- * - Headings
2398
- * - Default icon color on white/light backgrounds
2399
- *
2400
- * Should maintain high contrast with `background`.
2401
- */
2402
- foreground: string;
2403
- };
2404
- /**
2405
- * Layer5 ( primitives ) defines the raw, brand-level colors used in the UI.
2406
- */
2407
- declare const SistentDefaultPrimitivePaletteLight: PrimitivePalette;
2408
- declare const SistentDefaultPrimitivePaletteDark: PrimitivePalette;
2409
-
2410
2031
  /**
2411
2032
  * Define the base common colors to derive from
2412
2033
  */
@@ -2664,6 +2285,345 @@ declare const socialIcons: {
2664
2285
  docker: string;
2665
2286
  };
2666
2287
 
2288
+ declare module '@mui/material/styles' {
2289
+ interface Interactiveness {
2290
+ default: string;
2291
+ hover: string;
2292
+ disabled?: string;
2293
+ pressed: string;
2294
+ secondary: string;
2295
+ tertiary: string;
2296
+ }
2297
+ interface TypeBackground {
2298
+ secondary?: string;
2299
+ supplementary?: string;
2300
+ graphics?: {
2301
+ default: string;
2302
+ };
2303
+ tabs?: string;
2304
+ elevatedComponents?: string;
2305
+ card?: string;
2306
+ tertiary?: string;
2307
+ hover?: string;
2308
+ blur?: {
2309
+ heavy: string;
2310
+ light: string;
2311
+ };
2312
+ neutral?: {
2313
+ default: string;
2314
+ hover: string;
2315
+ pressed: string;
2316
+ };
2317
+ constant?: {
2318
+ disabled: string;
2319
+ white: string;
2320
+ table: string;
2321
+ };
2322
+ inverse?: string;
2323
+ brand?: Interactiveness;
2324
+ cta?: Interactiveness;
2325
+ info?: Interactiveness;
2326
+ success?: Interactiveness;
2327
+ warning?: Interactiveness;
2328
+ error?: Interactiveness;
2329
+ code?: string;
2330
+ surfaces?: string;
2331
+ appNavigationBar?: string;
2332
+ secondaryAppNavigationBar?: string;
2333
+ }
2334
+ interface TypeText {
2335
+ default?: string;
2336
+ secondary: string;
2337
+ tertiary?: string;
2338
+ disabled: string;
2339
+ inverse?: string;
2340
+ brand?: string;
2341
+ info?: string;
2342
+ success?: string;
2343
+ warning?: string;
2344
+ error?: string;
2345
+ neutral?: {
2346
+ default: string;
2347
+ alt: string;
2348
+ };
2349
+ constant?: {
2350
+ white: string;
2351
+ disabled: string;
2352
+ };
2353
+ }
2354
+ interface PaletteColor {
2355
+ secondary?: string;
2356
+ supplementary?: string;
2357
+ blur?: {
2358
+ heavy: string;
2359
+ light: string;
2360
+ };
2361
+ neutral?: {
2362
+ default: string;
2363
+ hover: string;
2364
+ pressed: string;
2365
+ alt: string;
2366
+ };
2367
+ constant?: {
2368
+ white: string;
2369
+ disabled: string;
2370
+ table: string;
2371
+ };
2372
+ inverse?: string;
2373
+ brand?: Interactiveness;
2374
+ cta?: Interactiveness;
2375
+ info?: Interactiveness;
2376
+ success?: Interactiveness;
2377
+ warning?: Interactiveness;
2378
+ error?: Interactiveness;
2379
+ code?: string;
2380
+ strong?: string;
2381
+ normal?: string;
2382
+ disabled?: string;
2383
+ surfaces?: string;
2384
+ }
2385
+ interface SimplePaletteColorOptions {
2386
+ secondary?: string;
2387
+ supplementary?: string;
2388
+ blur?: {
2389
+ heavy: string;
2390
+ light: string;
2391
+ };
2392
+ neutral?: {
2393
+ default: string;
2394
+ hover: string;
2395
+ pressed: string;
2396
+ alt: string;
2397
+ };
2398
+ constant?: {
2399
+ white: string;
2400
+ disabled: string;
2401
+ table: string;
2402
+ };
2403
+ inverse?: string;
2404
+ brand?: Interactiveness;
2405
+ cta?: Interactiveness;
2406
+ info?: Interactiveness;
2407
+ success?: Interactiveness;
2408
+ warning?: Interactiveness;
2409
+ error?: Interactiveness;
2410
+ code?: string;
2411
+ strong?: string;
2412
+ normal?: string;
2413
+ disabled?: string;
2414
+ surfaces?: string;
2415
+ }
2416
+ interface Palette {
2417
+ surface: SurfaceTokens;
2418
+ interactive: InteractiveTokens;
2419
+ navigation: NavigationTokens;
2420
+ border: {
2421
+ default: string;
2422
+ strong: string;
2423
+ brand: string;
2424
+ normal: string;
2425
+ neutral?: {
2426
+ default: string;
2427
+ alt: string;
2428
+ };
2429
+ };
2430
+ icon: {
2431
+ default: string;
2432
+ secondary: string;
2433
+ brand: string;
2434
+ inverse: string;
2435
+ weather: string;
2436
+ disabled: string;
2437
+ neutral?: {
2438
+ default: string;
2439
+ alt: string;
2440
+ };
2441
+ };
2442
+ }
2443
+ type SurfaceTokens = {
2444
+ /** main page background, content containers (pure bg color) */
2445
+ primary: string;
2446
+ /** secondary surfaces (slightly darker bg) */
2447
+ secondary: string;
2448
+ /** tertiary surfaces (even darker bg) */
2449
+ tertiary: string;
2450
+ /** floating elements with depth (bg + shadow) */
2451
+ elevated: string;
2452
+ /** modal backdrops (semi-transparent bg) */
2453
+ overlay: string;
2454
+ /** highlight surfaces (eg. modal headers , tabs, ) */
2455
+ tint: string;
2456
+ /** high contrast alternative (fg as bg) */
2457
+ inverse: string;
2458
+ };
2459
+ type InteractiveTokens = {
2460
+ /** default interactive elements (primary color) */
2461
+ primary: string;
2462
+ /** hover state for interactive elements (primary hover tint) */
2463
+ hover: string;
2464
+ /** disabled state for interactive elements (primary disabled tint) */
2465
+ disabled?: string;
2466
+ /** pressed state for interactive elements (primary pressed tint) */
2467
+ pressed: string;
2468
+ /** secondary interactive elements (secondary color) */
2469
+ secondary: string;
2470
+ /** tertiary interactive elements (tertiary color) */
2471
+ tertiary: string;
2472
+ };
2473
+ type NavigationTokens = {
2474
+ /** main navigation bar background */
2475
+ primary: string;
2476
+ /** secondary navigation bar background */
2477
+ secondary: string;
2478
+ /** active navigation item background */
2479
+ active: string;
2480
+ /** hover state for navigation items */
2481
+ hover: string;
2482
+ };
2483
+ interface PaletteOptions {
2484
+ surface: SurfaceTokens;
2485
+ interactive: InteractiveTokens;
2486
+ navigation: NavigationTokens;
2487
+ border: {
2488
+ default: string;
2489
+ strong: string;
2490
+ brand: string;
2491
+ normal: string;
2492
+ neutral?: {
2493
+ default: string;
2494
+ alt: string;
2495
+ };
2496
+ };
2497
+ icon: {
2498
+ default: string;
2499
+ dualTone?: string;
2500
+ dualToneInverse?: string;
2501
+ secondary: string;
2502
+ brand: string;
2503
+ inverse: string;
2504
+ weather: string;
2505
+ disabled: string;
2506
+ neutral?: {
2507
+ default: string;
2508
+ alt: string;
2509
+ };
2510
+ };
2511
+ }
2512
+ }
2513
+ declare const lightModePalette: PaletteOptions;
2514
+ declare const darkModePalette: PaletteOptions;
2515
+
2516
+ /**
2517
+ * Primitive palette defines the raw, brand-level colors used in the UI.
2518
+ * These are foundational tokens that never directly appear in components
2519
+ * without being mapped to semantic tokens (like `buttonBackground` or `navbarText`).
2520
+ *
2521
+ * Layer 2 ( ui ) tokens should reference these primitives to keep themes
2522
+ * consistent, brandable, and easy to override.
2523
+ */
2524
+ type PrimitivePalette = {
2525
+ /**
2526
+ * AppNavigation bar background color.
2527
+ * Examples:
2528
+ * - Top navigation bar
2529
+ * - Side navigation drawer
2530
+ * - Bottom navigation bar
2531
+ * - Tab headers
2532
+ * Should be visually distinct from `background` to ensure
2533
+ * navigation elements stand out.
2534
+ */
2535
+ navigationBar: string;
2536
+ /**
2537
+ * Main brand color used for the most prominent UI elements.
2538
+ * Examples:
2539
+ * - Primary button backgrounds (`primaryButtonBackground`)
2540
+ * - Active navigation bar backgrounds
2541
+ * - Key highlights in charts or graphs
2542
+ * - Marketing banners
2543
+ *
2544
+ * Choose a color that instantly represents your brand identity.
2545
+ */
2546
+ primary: string;
2547
+ /**
2548
+ * High-contrast variant of `primary`, used for text/icons placed
2549
+ * directly on a primary-colored background.
2550
+ * Examples:
2551
+ * - Text on primary buttons (`primaryButtonText`)
2552
+ * - Icons in a primary-colored navbar
2553
+ * - Labels in a badge using primary as the background
2554
+ *
2555
+ * Should pass WCAG contrast guidelines when layered on `primary`.
2556
+ */
2557
+ primaryInverted: string;
2558
+ /**
2559
+ * Secondary brand color for less prominent but still important UI elements.
2560
+ * Examples:
2561
+ * - Secondary buttons
2562
+ * - Tab headers
2563
+ * - Secondary navigation bars
2564
+ * - Sidebar highlights
2565
+ *
2566
+ * Often complements `primary` without competing for attention.
2567
+ */
2568
+ secondary: string;
2569
+ /**
2570
+ * High-contrast variant of `secondary`, used for text/icons
2571
+ * placed on a secondary-colored background.
2572
+ * Examples:
2573
+ * - Text on secondary buttons
2574
+ * - Icons in a secondary navbar
2575
+ * - Badge text over a secondary background
2576
+ */
2577
+ secondaryInverted: string;
2578
+ /**
2579
+ * Attention-grabbing color for emphasis and high-visibility actions.
2580
+ * Often more vibrant than primary/secondary.
2581
+ * Examples:
2582
+ * - Hyperlinks
2583
+ * - Special call-to-action buttons
2584
+ * - Active tab underline
2585
+ * - Notification counts or badges
2586
+ * - Highlighted form fields
2587
+ *
2588
+ * Should be visually distinct from `primary`.
2589
+ */
2590
+ accent: string;
2591
+ /**
2592
+ * High-contrast variant of `accent`, used for text/icons placed
2593
+ * on an accent-colored background.
2594
+ * Examples:
2595
+ * - Text in a promotional banner with accent background
2596
+ * - Badge text on an accent background
2597
+ * - Icons inside accent-highlighted buttons
2598
+ */
2599
+ accentInverted: string;
2600
+ /**
2601
+ * Main surface color for the app's UI.
2602
+ * Examples:
2603
+ * - App background
2604
+ * - Card backgrounds
2605
+ * - Modal and panel surfaces
2606
+ *
2607
+ * Typically neutral (light or dark) to maintain good readability.
2608
+ */
2609
+ background: string;
2610
+ /**
2611
+ * Default text color for content placed on `background`.
2612
+ * Examples:
2613
+ * - Paragraph text
2614
+ * - Headings
2615
+ * - Default icon color on white/light backgrounds
2616
+ *
2617
+ * Should maintain high contrast with `background`.
2618
+ */
2619
+ foreground: string;
2620
+ };
2621
+ /**
2622
+ * Layer5 ( primitives ) defines the raw, brand-level colors used in the UI.
2623
+ */
2624
+ declare const SistentDefaultPrimitivePaletteLight: PrimitivePalette;
2625
+ declare const SistentDefaultPrimitivePaletteDark: PrimitivePalette;
2626
+
2667
2627
  interface SistentThemeProviderProps {
2668
2628
  children: React$1.ReactNode;
2669
2629
  emotionCache?: EmotionCache;
@@ -2673,6 +2633,48 @@ interface SistentThemeProviderProps {
2673
2633
  declare function SistentThemeProvider({ children, emotionCache, initialMode, customTheme }: SistentThemeProviderProps): JSX.Element;
2674
2634
  declare function SistentThemeProviderWithoutBaseLine({ children, emotionCache, initialMode }: SistentThemeProviderProps): JSX.Element;
2675
2635
 
2636
+ declare module '@mui/material/styles' {
2637
+ interface TypographyVariants {
2638
+ textH1Bold: React.CSSProperties;
2639
+ textH2Medium: React.CSSProperties;
2640
+ textH3Medium: React.CSSProperties;
2641
+ textB1Regular: React.CSSProperties;
2642
+ textB2SemiBold: React.CSSProperties;
2643
+ textB3Regular: React.CSSProperties;
2644
+ textL1Bold: React.CSSProperties;
2645
+ textL2Regular: React.CSSProperties;
2646
+ textC1Regular: React.CSSProperties;
2647
+ textC2Regular: React.CSSProperties;
2648
+ }
2649
+ interface TypographyVariantsOptions {
2650
+ textH1Bold?: React.CSSProperties;
2651
+ textH2Medium?: React.CSSProperties;
2652
+ textH3Medium?: React.CSSProperties;
2653
+ textB1Regular?: React.CSSProperties;
2654
+ textB2SemiBold?: React.CSSProperties;
2655
+ textB3Regular?: React.CSSProperties;
2656
+ textL1Bold?: React.CSSProperties;
2657
+ textL2Regular?: React.CSSProperties;
2658
+ textC1Regular?: React.CSSProperties;
2659
+ textC2Regular?: React.CSSProperties;
2660
+ }
2661
+ }
2662
+ declare module '@mui/material/Typography' {
2663
+ interface TypographyPropsVariantOverrides {
2664
+ textH1Bold: true;
2665
+ textH2Medium: true;
2666
+ textH3Medium: true;
2667
+ textB1Regular: true;
2668
+ textB2SemiBold: true;
2669
+ textB3Regular: true;
2670
+ textL1Bold: true;
2671
+ textL2Regular: true;
2672
+ textC1Regular: true;
2673
+ textC2Regular: true;
2674
+ }
2675
+ }
2676
+ declare const typography: (mode: PaletteMode) => TypographyOptions;
2677
+
2676
2678
  declare const componentIcon: ({ kind, model, color }: {
2677
2679
  kind: string;
2678
2680
  model: string;
@@ -2707,4 +2709,4 @@ declare const FormattedTime: ({ date }: {
2707
2709
  date: string;
2708
2710
  }) => react_jsx_runtime.JSX.Element;
2709
2711
 
2710
- 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, CloseBtn, 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, Modal, ModalBody, ModalButtonDanger, ModalButtonPrimary, ModalButtonSecondary, ModalButtonTertiary, ModalFooter, ModalStyledHeader, 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, PrimaryActionButtons, 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, useModal, useRoomActivity, white, workerfyActor, yellow };
2712
+ 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, CloseBtn, 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, Modal, ModalBody, ModalButtonDanger, ModalButtonPrimary, ModalButtonSecondary, ModalButtonTertiary, ModalFooter, ModalStyledHeader, 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, PrimaryActionButtons, 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, ResizeIcon, 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, useModal, useRoomActivity, white, workerfyActor, yellow };