@moderneinc/neo-styled-components 5.0.0-next.5291ef → 5.0.0-next.5fd555
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/Alert/Alert.d.ts +7 -1
- package/dist/Breadcrumbs/Breadcrumbs.d.ts +0 -10
- package/dist/Dot/Dot.d.ts +11 -4
- package/dist/GeneralAvatar/GeneralAvatar.d.ts +1 -7
- package/dist/MenuItem/MenuItem.d.ts +30 -8
- package/dist/NavigationAvatar/NavigationAvatar.d.ts +1 -1
- package/dist/NeoAvatarCell/NeoAvatarCell.d.ts +1 -3
- package/dist/index.d.ts +53 -36
- package/dist/index.esm.js +82 -73
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +81 -72
- package/dist/index.js.map +1 -1
- package/dist/utils/colorHelpers.d.ts +6 -0
- package/package.json +1 -1
- package/dist/utils/avatarColors.d.ts +0 -7
package/dist/Alert/Alert.d.ts
CHANGED
|
@@ -39,6 +39,12 @@ export interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' |
|
|
|
39
39
|
* Optional action element (typically a button) displayed on the right
|
|
40
40
|
*/
|
|
41
41
|
action?: ReactNode;
|
|
42
|
+
/**
|
|
43
|
+
* Optional content rendered below the title inside the alert container.
|
|
44
|
+
* Use for rich content like stack traces or code blocks. When present,
|
|
45
|
+
* the alert expands to auto height and top-aligns its icon and action.
|
|
46
|
+
*/
|
|
47
|
+
children?: ReactNode;
|
|
42
48
|
}
|
|
43
49
|
/**
|
|
44
50
|
* NeoAlert - Alert component for displaying contextual status messages
|
|
@@ -52,7 +58,7 @@ export interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' |
|
|
|
52
58
|
* - Show Button → action prop presence
|
|
53
59
|
*/
|
|
54
60
|
export declare const NeoAlert: {
|
|
55
|
-
({ intent, type, size, title, description, icon, action, ...props }: NeoAlertProps): import("react/jsx-runtime").JSX.Element;
|
|
61
|
+
({ intent, type, size, title, description, icon, action, children, ...props }: NeoAlertProps): import("react/jsx-runtime").JSX.Element;
|
|
56
62
|
displayName: string;
|
|
57
63
|
};
|
|
58
64
|
export {};
|
|
@@ -3,16 +3,6 @@ import type { ElementType, ReactNode } from 'react';
|
|
|
3
3
|
/**
|
|
4
4
|
* NeoBreadcrumbs - Navigation breadcrumb component
|
|
5
5
|
*
|
|
6
|
-
* Figma Mapping:
|
|
7
|
-
* - Base component uses MuiBreadcrumbs with custom styled Links
|
|
8
|
-
* - Uses chevron separator (ChevronRight from lucide-react)
|
|
9
|
-
* - Typography: 14px Medium (500 weight)
|
|
10
|
-
* - Colors:
|
|
11
|
-
* - Non-current: semanticColors.typography.bodySecondary (#6b7280)
|
|
12
|
-
* - Current: semanticColors.buttons.primary.default (#2f42ff)
|
|
13
|
-
* - Hover: semanticColors.icons.hover (#1f2937) or buttons.tertiary.hover (#1e2ec2)
|
|
14
|
-
* - Focus: 2px outline with buttons.primary.focus
|
|
15
|
-
*
|
|
16
6
|
* @see https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4563-122872
|
|
17
7
|
*/
|
|
18
8
|
export interface NeoBreadcrumbsProps {
|
package/dist/Dot/Dot.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import type { HTMLAttributes, ReactNode } from 'react';
|
|
2
2
|
type DotSize = 'small' | 'medium' | 'large';
|
|
3
3
|
type DotVariant = 'solid' | 'outline';
|
|
4
4
|
type DotColor = 'success' | 'error' | 'warning' | 'info' | 'neutral';
|
|
5
|
-
export interface NeoDotProps extends Omit<
|
|
5
|
+
export interface NeoDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
6
6
|
/**
|
|
7
7
|
* The size of the dot
|
|
8
8
|
* @default "medium"
|
|
@@ -18,9 +18,16 @@ export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'bad
|
|
|
18
18
|
* @default "neutral"
|
|
19
19
|
*/
|
|
20
20
|
color?: DotColor;
|
|
21
|
+
/**
|
|
22
|
+
* Optional icon rendered centered inside the dot. Use to indicate intent within
|
|
23
|
+
* the dot itself (e.g., a minus icon on a disconnected error dot). SVG children
|
|
24
|
+
* using `currentColor` inherit a white stroke/fill for contrast against the
|
|
25
|
+
* colored background, and are scaled to 70% of the dot size.
|
|
26
|
+
*/
|
|
27
|
+
children?: ReactNode;
|
|
21
28
|
}
|
|
22
29
|
/**
|
|
23
|
-
* NeoDot - Status indicator dot
|
|
30
|
+
* NeoDot - Status indicator dot.
|
|
24
31
|
*
|
|
25
32
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4163-3577
|
|
26
33
|
*
|
|
@@ -30,7 +37,7 @@ export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'bad
|
|
|
30
37
|
* - Color is configurable via color prop (success|error|warning|info|neutral)
|
|
31
38
|
*/
|
|
32
39
|
export declare const NeoDot: {
|
|
33
|
-
({ size, variant, color, ...props }: NeoDotProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
({ size, variant, color, children, ...props }: NeoDotProps): import("react/jsx-runtime").JSX.Element;
|
|
34
41
|
displayName: string;
|
|
35
42
|
};
|
|
36
43
|
export {};
|
|
@@ -7,12 +7,6 @@ export interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
|
|
|
7
7
|
* @figma Size
|
|
8
8
|
*/
|
|
9
9
|
size?: AvatarSize;
|
|
10
|
-
/**
|
|
11
|
-
* Color index for initials background (1-7). Use 0 or omit for image mode.
|
|
12
|
-
* @default 0
|
|
13
|
-
* @figma Color Index
|
|
14
|
-
*/
|
|
15
|
-
colorIndex?: number;
|
|
16
10
|
}
|
|
17
11
|
/**
|
|
18
12
|
* NeoGeneralAvatar - Avatar with image or colored initials display
|
|
@@ -20,7 +14,7 @@ export interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
|
|
|
20
14
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=9600-185
|
|
21
15
|
*/
|
|
22
16
|
export declare const NeoGeneralAvatar: {
|
|
23
|
-
({ size,
|
|
17
|
+
({ size, alt, children, ...props }: NeoGeneralAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
24
18
|
displayName: string;
|
|
25
19
|
};
|
|
26
20
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import
|
|
2
|
-
import type { ReactNode } from 'react';
|
|
3
|
-
|
|
1
|
+
import MenuItem from '@mui/material/MenuItem';
|
|
2
|
+
import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
|
|
3
|
+
type NeoMenuItemOwnProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Optional icon to display on the left side
|
|
6
6
|
* Note: Cannot be directly mapped from Figma (ReactNode)
|
|
@@ -18,12 +18,22 @@ export interface NeoMenuItemProps extends MenuItemProps {
|
|
|
18
18
|
* Note: Cannot be directly mapped from Figma (ReactNode/string)
|
|
19
19
|
*/
|
|
20
20
|
secondaryText?: string;
|
|
21
|
+
/**
|
|
22
|
+
* URL to navigate to. When provided, the menu item renders as an anchor
|
|
23
|
+
* element (via MUI ButtonBase) so users can middle-click or right-click
|
|
24
|
+
* to open in a new tab. For client-side routing, also pass
|
|
25
|
+
* `component={NextLink}` (or your router's link component).
|
|
26
|
+
*/
|
|
27
|
+
href?: string;
|
|
21
28
|
/**
|
|
22
29
|
* Menu item content (text label)
|
|
23
30
|
* @figma children mapped from Figma layer content
|
|
24
31
|
*/
|
|
25
32
|
children?: ReactNode;
|
|
26
|
-
}
|
|
33
|
+
};
|
|
34
|
+
export type NeoMenuItemProps<C extends ElementType = typeof MenuItem> = NeoMenuItemOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof NeoMenuItemOwnProps> & {
|
|
35
|
+
component?: C;
|
|
36
|
+
};
|
|
27
37
|
/**
|
|
28
38
|
* NeoMenuItem - Menu item component based on MUI MenuItem
|
|
29
39
|
*
|
|
@@ -42,9 +52,21 @@ export interface NeoMenuItemProps extends MenuItemProps {
|
|
|
42
52
|
*
|
|
43
53
|
* // Disabled state
|
|
44
54
|
* <NeoMenuItem disabled>Disabled item</NeoMenuItem>
|
|
55
|
+
*
|
|
56
|
+
* // As an anchor — middle-click/right-click open in a new tab
|
|
57
|
+
* <NeoMenuItem href="/api-explorer">API explorer</NeoMenuItem>
|
|
58
|
+
*
|
|
59
|
+
* // External link
|
|
60
|
+
* <NeoMenuItem href="https://docs.example.com" target="_blank" rel="noopener noreferrer">
|
|
61
|
+
* Documentation
|
|
62
|
+
* </NeoMenuItem>
|
|
63
|
+
*
|
|
64
|
+
* // Client-side routing (Next.js)
|
|
65
|
+
* <NeoMenuItem component={NextLink} href="/api-explorer">API explorer</NeoMenuItem>
|
|
45
66
|
* ```
|
|
46
67
|
*/
|
|
47
|
-
export declare
|
|
48
|
-
|
|
49
|
-
displayName: string;
|
|
50
|
-
}
|
|
68
|
+
export declare function NeoMenuItem<C extends ElementType = typeof MenuItem>({ icon, shortcut, secondaryText, children, ...rest }: NeoMenuItemProps<C>): import("react/jsx-runtime").JSX.Element;
|
|
69
|
+
export declare namespace NeoMenuItem {
|
|
70
|
+
var displayName: string;
|
|
71
|
+
}
|
|
72
|
+
export {};
|
|
@@ -10,6 +10,6 @@ export interface NeoNavigationAvatarProps extends Omit<NeoGeneralAvatarProps, 's
|
|
|
10
10
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11325-102
|
|
11
11
|
*/
|
|
12
12
|
export declare const NeoNavigationAvatar: {
|
|
13
|
-
({
|
|
13
|
+
({ children, ...props }: NeoNavigationAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
14
14
|
displayName: string;
|
|
15
15
|
};
|
|
@@ -5,14 +5,12 @@ type NeoAvatarCellEmpty = NeoAvatarCellBase & {
|
|
|
5
5
|
empty: true;
|
|
6
6
|
name?: never;
|
|
7
7
|
src?: never;
|
|
8
|
-
colorIndex?: never;
|
|
9
8
|
label?: never;
|
|
10
9
|
};
|
|
11
10
|
type NeoAvatarCellContent = NeoAvatarCellBase & {
|
|
12
11
|
empty?: false;
|
|
13
12
|
name?: string;
|
|
14
13
|
src?: string;
|
|
15
|
-
colorIndex?: number;
|
|
16
14
|
label?: string;
|
|
17
15
|
};
|
|
18
16
|
export type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
|
|
@@ -21,7 +19,7 @@ export type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
|
|
|
21
19
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=13425-1725
|
|
22
20
|
*/
|
|
23
21
|
export declare const NeoAvatarCell: {
|
|
24
|
-
({ name, src,
|
|
22
|
+
({ name, src, label, disabled, empty, }: NeoAvatarCellProps): import("react/jsx-runtime").JSX.Element;
|
|
25
23
|
displayName: string;
|
|
26
24
|
};
|
|
27
25
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ReactNode, ElementType, HTMLAttributes,
|
|
3
|
+
import React__default, { ReactNode, ElementType, HTMLAttributes, ComponentPropsWithoutRef, ComponentType } from 'react';
|
|
4
4
|
import { GridDensity, GridRenderCellParams, GridFilterPanel, ToolbarProps } from '@mui/x-data-grid';
|
|
5
5
|
import Chip, { ChipProps } from '@mui/material/Chip';
|
|
6
6
|
import { AlertProps } from '@mui/material/Alert';
|
|
@@ -16,17 +16,16 @@ import * as _mui_material_styles from '@mui/material/styles';
|
|
|
16
16
|
import { SxProps, Theme, Breakpoint } from '@mui/material/styles';
|
|
17
17
|
import { DividerProps } from '@mui/material/Divider';
|
|
18
18
|
import { PaperProps } from '@mui/material/Paper';
|
|
19
|
-
import { BadgeProps } from '@mui/material/Badge';
|
|
20
19
|
import { AvatarProps } from '@mui/material/Avatar';
|
|
21
20
|
import { InputBaseProps } from '@mui/material/InputBase';
|
|
22
21
|
import { MenuProps } from '@mui/material/Menu';
|
|
23
|
-
import
|
|
22
|
+
import MenuItem from '@mui/material/MenuItem';
|
|
24
23
|
import { DialogProps } from '@mui/material/Dialog';
|
|
25
24
|
import { BoxProps } from '@mui/material/Box';
|
|
26
25
|
import { LinearProgressProps } from '@mui/material/LinearProgress';
|
|
27
26
|
import { RadioProps } from '@mui/material/Radio';
|
|
28
27
|
import * as _mui_system from '@mui/system';
|
|
29
|
-
import { SelectProps } from '@mui/material/Select';
|
|
28
|
+
import { SelectProps, SelectChangeEvent } from '@mui/material/Select';
|
|
30
29
|
import { SkeletonProps } from '@mui/material/Skeleton';
|
|
31
30
|
import { TableProps } from '@mui/material/Table';
|
|
32
31
|
import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
|
|
@@ -390,16 +389,6 @@ declare const NeoBanner: {
|
|
|
390
389
|
/**
|
|
391
390
|
* NeoBreadcrumbs - Navigation breadcrumb component
|
|
392
391
|
*
|
|
393
|
-
* Figma Mapping:
|
|
394
|
-
* - Base component uses MuiBreadcrumbs with custom styled Links
|
|
395
|
-
* - Uses chevron separator (ChevronRight from lucide-react)
|
|
396
|
-
* - Typography: 14px Medium (500 weight)
|
|
397
|
-
* - Colors:
|
|
398
|
-
* - Non-current: semanticColors.typography.bodySecondary (#6b7280)
|
|
399
|
-
* - Current: semanticColors.buttons.primary.default (#2f42ff)
|
|
400
|
-
* - Hover: semanticColors.icons.hover (#1f2937) or buttons.tertiary.hover (#1e2ec2)
|
|
401
|
-
* - Focus: 2px outline with buttons.primary.focus
|
|
402
|
-
*
|
|
403
392
|
* @see https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4563-122872
|
|
404
393
|
*/
|
|
405
394
|
interface NeoBreadcrumbsProps {
|
|
@@ -1083,14 +1072,12 @@ type NeoAvatarCellEmpty = NeoAvatarCellBase & {
|
|
|
1083
1072
|
empty: true;
|
|
1084
1073
|
name?: never;
|
|
1085
1074
|
src?: never;
|
|
1086
|
-
colorIndex?: never;
|
|
1087
1075
|
label?: never;
|
|
1088
1076
|
};
|
|
1089
1077
|
type NeoAvatarCellContent = NeoAvatarCellBase & {
|
|
1090
1078
|
empty?: false;
|
|
1091
1079
|
name?: string;
|
|
1092
1080
|
src?: string;
|
|
1093
|
-
colorIndex?: number;
|
|
1094
1081
|
label?: string;
|
|
1095
1082
|
};
|
|
1096
1083
|
type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
|
|
@@ -1099,7 +1086,7 @@ type NeoAvatarCellProps = NeoAvatarCellEmpty | NeoAvatarCellContent;
|
|
|
1099
1086
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=13425-1725
|
|
1100
1087
|
*/
|
|
1101
1088
|
declare const NeoAvatarCell: {
|
|
1102
|
-
({ name, src,
|
|
1089
|
+
({ name, src, label, disabled, empty, }: NeoAvatarCellProps): react_jsx_runtime.JSX.Element;
|
|
1103
1090
|
displayName: string;
|
|
1104
1091
|
};
|
|
1105
1092
|
|
|
@@ -1224,7 +1211,7 @@ declare namespace NeoDataGridFiltersButton {
|
|
|
1224
1211
|
var displayName: string;
|
|
1225
1212
|
}
|
|
1226
1213
|
|
|
1227
|
-
|
|
1214
|
+
type NeoMenuItemOwnProps = {
|
|
1228
1215
|
/**
|
|
1229
1216
|
* Optional icon to display on the left side
|
|
1230
1217
|
* Note: Cannot be directly mapped from Figma (ReactNode)
|
|
@@ -1242,12 +1229,22 @@ interface NeoMenuItemProps extends MenuItemProps {
|
|
|
1242
1229
|
* Note: Cannot be directly mapped from Figma (ReactNode/string)
|
|
1243
1230
|
*/
|
|
1244
1231
|
secondaryText?: string;
|
|
1232
|
+
/**
|
|
1233
|
+
* URL to navigate to. When provided, the menu item renders as an anchor
|
|
1234
|
+
* element (via MUI ButtonBase) so users can middle-click or right-click
|
|
1235
|
+
* to open in a new tab. For client-side routing, also pass
|
|
1236
|
+
* `component={NextLink}` (or your router's link component).
|
|
1237
|
+
*/
|
|
1238
|
+
href?: string;
|
|
1245
1239
|
/**
|
|
1246
1240
|
* Menu item content (text label)
|
|
1247
1241
|
* @figma children mapped from Figma layer content
|
|
1248
1242
|
*/
|
|
1249
1243
|
children?: ReactNode;
|
|
1250
|
-
}
|
|
1244
|
+
};
|
|
1245
|
+
type NeoMenuItemProps<C extends ElementType = typeof MenuItem> = NeoMenuItemOwnProps & Omit<ComponentPropsWithoutRef<C>, keyof NeoMenuItemOwnProps> & {
|
|
1246
|
+
component?: C;
|
|
1247
|
+
};
|
|
1251
1248
|
/**
|
|
1252
1249
|
* NeoMenuItem - Menu item component based on MUI MenuItem
|
|
1253
1250
|
*
|
|
@@ -1266,12 +1263,23 @@ interface NeoMenuItemProps extends MenuItemProps {
|
|
|
1266
1263
|
*
|
|
1267
1264
|
* // Disabled state
|
|
1268
1265
|
* <NeoMenuItem disabled>Disabled item</NeoMenuItem>
|
|
1266
|
+
*
|
|
1267
|
+
* // As an anchor — middle-click/right-click open in a new tab
|
|
1268
|
+
* <NeoMenuItem href="/api-explorer">API explorer</NeoMenuItem>
|
|
1269
|
+
*
|
|
1270
|
+
* // External link
|
|
1271
|
+
* <NeoMenuItem href="https://docs.example.com" target="_blank" rel="noopener noreferrer">
|
|
1272
|
+
* Documentation
|
|
1273
|
+
* </NeoMenuItem>
|
|
1274
|
+
*
|
|
1275
|
+
* // Client-side routing (Next.js)
|
|
1276
|
+
* <NeoMenuItem component={NextLink} href="/api-explorer">API explorer</NeoMenuItem>
|
|
1269
1277
|
* ```
|
|
1270
1278
|
*/
|
|
1271
|
-
declare
|
|
1272
|
-
|
|
1273
|
-
displayName: string;
|
|
1274
|
-
}
|
|
1279
|
+
declare function NeoMenuItem<C extends ElementType = typeof MenuItem>({ icon, shortcut, secondaryText, children, ...rest }: NeoMenuItemProps<C>): react_jsx_runtime.JSX.Element;
|
|
1280
|
+
declare namespace NeoMenuItem {
|
|
1281
|
+
var displayName: string;
|
|
1282
|
+
}
|
|
1275
1283
|
|
|
1276
1284
|
type NeoSelectProps = SelectProps;
|
|
1277
1285
|
/**
|
|
@@ -1424,7 +1432,7 @@ declare const NeoDownloadToast: {
|
|
|
1424
1432
|
type DotSize = 'small' | 'medium' | 'large';
|
|
1425
1433
|
type DotVariant = 'solid' | 'outline';
|
|
1426
1434
|
type DotColor = 'success' | 'error' | 'warning' | 'info' | 'neutral';
|
|
1427
|
-
interface NeoDotProps extends Omit<
|
|
1435
|
+
interface NeoDotProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
1428
1436
|
/**
|
|
1429
1437
|
* The size of the dot
|
|
1430
1438
|
* @default "medium"
|
|
@@ -1440,9 +1448,16 @@ interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'badgeConte
|
|
|
1440
1448
|
* @default "neutral"
|
|
1441
1449
|
*/
|
|
1442
1450
|
color?: DotColor;
|
|
1451
|
+
/**
|
|
1452
|
+
* Optional icon rendered centered inside the dot. Use to indicate intent within
|
|
1453
|
+
* the dot itself (e.g., a minus icon on a disconnected error dot). SVG children
|
|
1454
|
+
* using `currentColor` inherit a white stroke/fill for contrast against the
|
|
1455
|
+
* colored background, and are scaled to 70% of the dot size.
|
|
1456
|
+
*/
|
|
1457
|
+
children?: ReactNode;
|
|
1443
1458
|
}
|
|
1444
1459
|
/**
|
|
1445
|
-
* NeoDot - Status indicator dot
|
|
1460
|
+
* NeoDot - Status indicator dot.
|
|
1446
1461
|
*
|
|
1447
1462
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4163-3577
|
|
1448
1463
|
*
|
|
@@ -1452,7 +1467,7 @@ interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'badgeConte
|
|
|
1452
1467
|
* - Color is configurable via color prop (success|error|warning|info|neutral)
|
|
1453
1468
|
*/
|
|
1454
1469
|
declare const NeoDot: {
|
|
1455
|
-
({ size, variant, color, ...props }: NeoDotProps): react_jsx_runtime.JSX.Element;
|
|
1470
|
+
({ size, variant, color, children, ...props }: NeoDotProps): react_jsx_runtime.JSX.Element;
|
|
1456
1471
|
displayName: string;
|
|
1457
1472
|
};
|
|
1458
1473
|
|
|
@@ -1506,12 +1521,6 @@ interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
|
|
|
1506
1521
|
* @figma Size
|
|
1507
1522
|
*/
|
|
1508
1523
|
size?: AvatarSize;
|
|
1509
|
-
/**
|
|
1510
|
-
* Color index for initials background (1-7). Use 0 or omit for image mode.
|
|
1511
|
-
* @default 0
|
|
1512
|
-
* @figma Color Index
|
|
1513
|
-
*/
|
|
1514
|
-
colorIndex?: number;
|
|
1515
1524
|
}
|
|
1516
1525
|
/**
|
|
1517
1526
|
* NeoGeneralAvatar - Avatar with image or colored initials display
|
|
@@ -1519,7 +1528,7 @@ interface NeoGeneralAvatarProps extends Omit<AvatarProps, 'variant'> {
|
|
|
1519
1528
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=9600-185
|
|
1520
1529
|
*/
|
|
1521
1530
|
declare const NeoGeneralAvatar: {
|
|
1522
|
-
({ size,
|
|
1531
|
+
({ size, alt, children, ...props }: NeoGeneralAvatarProps): react_jsx_runtime.JSX.Element;
|
|
1523
1532
|
displayName: string;
|
|
1524
1533
|
};
|
|
1525
1534
|
|
|
@@ -1852,7 +1861,7 @@ interface NeoNavigationAvatarProps extends Omit<NeoGeneralAvatarProps, 'size'> {
|
|
|
1852
1861
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11325-102
|
|
1853
1862
|
*/
|
|
1854
1863
|
declare const NeoNavigationAvatar: {
|
|
1855
|
-
({
|
|
1864
|
+
({ children, ...props }: NeoNavigationAvatarProps): react_jsx_runtime.JSX.Element;
|
|
1856
1865
|
displayName: string;
|
|
1857
1866
|
};
|
|
1858
1867
|
|
|
@@ -2370,6 +2379,8 @@ declare const NeoSelectField: {
|
|
|
2370
2379
|
displayName: string;
|
|
2371
2380
|
};
|
|
2372
2381
|
|
|
2382
|
+
type NeoSelectFieldChangeEvent<T = unknown> = SelectChangeEvent<T>;
|
|
2383
|
+
|
|
2373
2384
|
/**
|
|
2374
2385
|
* NeoSideNav
|
|
2375
2386
|
*
|
|
@@ -2452,6 +2463,12 @@ interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color
|
|
|
2452
2463
|
* Optional action element (typically a button) displayed on the right
|
|
2453
2464
|
*/
|
|
2454
2465
|
action?: ReactNode;
|
|
2466
|
+
/**
|
|
2467
|
+
* Optional content rendered below the title inside the alert container.
|
|
2468
|
+
* Use for rich content like stack traces or code blocks. When present,
|
|
2469
|
+
* the alert expands to auto height and top-aligns its icon and action.
|
|
2470
|
+
*/
|
|
2471
|
+
children?: ReactNode;
|
|
2455
2472
|
}
|
|
2456
2473
|
/**
|
|
2457
2474
|
* NeoAlert - Alert component for displaying contextual status messages
|
|
@@ -2465,7 +2482,7 @@ interface NeoAlertProps extends Omit<AlertProps, 'severity' | 'variant' | 'color
|
|
|
2465
2482
|
* - Show Button → action prop presence
|
|
2466
2483
|
*/
|
|
2467
2484
|
declare const NeoAlert: {
|
|
2468
|
-
({ intent, type, size, title, description, icon, action, ...props }: NeoAlertProps): react_jsx_runtime.JSX.Element;
|
|
2485
|
+
({ intent, type, size, title, description, icon, action, children, ...props }: NeoAlertProps): react_jsx_runtime.JSX.Element;
|
|
2469
2486
|
displayName: string;
|
|
2470
2487
|
};
|
|
2471
2488
|
|
|
@@ -3360,4 +3377,4 @@ declare module '@mui/x-data-grid-pro' {
|
|
|
3360
3377
|
declare const version: string
|
|
3361
3378
|
|
|
3362
3379
|
export { ActivityScene, CIRCLE_RADIUS, NeoActionsCell, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatarCell, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCheckboxWithText, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDatePickerListItem, NeoDatePickerMenu, NeoDivider, NeoDot, NeoDownloadToast, NeoSelect as NeoDropdown, NeoMenu as NeoDropdownMenu, NeoMenuItem as NeoDropdownMenuItem, NeoMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoIconCell, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoLogoCell, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressCell, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoRadioButtonWithText, NeoSearchChip, NeoSelect, NeoSelectField, NeoMenuItem as NeoSelectOption, NeoSideNav, NeoSkeleton, NeoStatusBadgeCell, NeoStatusCell, NeoTab, NeoTabPanel, NeoTable, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToggleButton, NeoToggleButtonGroup, NeoToggleButtonWithText, NeoToolbar, NeoTooltip, NeoTopNav, NeoTourModal, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, focusRingStyles, getDataGridHeaderStyles, getDataGridRowStyles, version };
|
|
3363
|
-
export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActionsCellProps, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAlertProps, NeoAvatarCellProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCheckboxWithTextProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDownloadToastProps, NeoMenuItemProps as NeoDropdownMenuItemProps, NeoMenuProps as NeoDropdownMenuProps, NeoSelectProps as NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoIconCellProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoLogoCellProps, NeoMenuItemProps, NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressCellProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoSelectFieldOption, NeoSelectFieldProps, NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusCellProps, NeoStatusCellVariant, NeoTabPanelProps, NeoTabProps, NeoTableColumn, NeoTableProps, NeoTagProps, NeoToastProps, NeoToggleButtonGroupProps, NeoToggleButtonProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
|
|
3380
|
+
export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActionsCellProps, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAlertProps, NeoAvatarCellProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCheckboxWithTextProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDownloadToastProps, NeoMenuItemProps as NeoDropdownMenuItemProps, NeoMenuProps as NeoDropdownMenuProps, NeoSelectProps as NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoIconCellProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoLogoCellProps, NeoMenuItemProps, NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressCellProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoSelectFieldChangeEvent, NeoSelectFieldOption, NeoSelectFieldProps, NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusCellProps, NeoStatusCellVariant, NeoTabPanelProps, NeoTabProps, NeoTableColumn, NeoTableProps, NeoTagProps, NeoToastProps, NeoToggleButtonGroupProps, NeoToggleButtonProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
|