@moderneinc/neo-styled-components 2.7.0-next.ea33b2 → 2.8.0
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/Avatar/Avatar.d.ts +1 -1
- package/dist/DataGridFilterPanel/DataGridFilterPanel.d.ts +2 -2
- package/dist/Divider/Divider.d.ts +5 -5
- package/dist/Dropdown/Dropdown.d.ts +24 -0
- package/dist/DropdownMenu/DropdownMenu.d.ts +32 -0
- package/dist/DropdownMenuItem/DropdownMenuItem.d.ts +50 -0
- package/dist/IconButton/IconButton.d.ts +4 -4
- package/dist/index.d.ts +42 -66
- package/dist/index.esm.js +74 -99
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +82 -103
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/Menu/Menu.d.ts +0 -45
- package/dist/MenuItem/MenuItem.d.ts +0 -61
- package/dist/Select/Select.d.ts +0 -24
package/dist/Avatar/Avatar.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export interface NeoAvatarProps extends Omit<AvatarProps, 'variant'> {
|
|
|
16
16
|
/**
|
|
17
17
|
* NeoAvatar - User avatar component based on MUI Avatar
|
|
18
18
|
*
|
|
19
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=
|
|
19
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=9600-185
|
|
20
20
|
*
|
|
21
21
|
* Figma Props Mapping:
|
|
22
22
|
* - Figma Type "Initials" → variant="initials", size="small" (20px)
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { GridFilterPanel as MuiGridFilterPanel } from '@mui/x-data-grid';
|
|
2
2
|
import type React from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { NeoDropdown } from '../Dropdown/Dropdown';
|
|
4
4
|
export type { GridFilterItem as FilterItem, GridFilterOperator as FilterOperator, } from '@mui/x-data-grid';
|
|
5
5
|
/**
|
|
6
6
|
* Icon components for DataGrid filter panel slots
|
|
@@ -50,7 +50,7 @@ export declare const NeoDataGridFilterPanelRemoveAllIcon: {
|
|
|
50
50
|
* />
|
|
51
51
|
* ```
|
|
52
52
|
*/
|
|
53
|
-
export {
|
|
53
|
+
export { NeoDropdown as NeoDataGridSelect };
|
|
54
54
|
export declare const NeoDataGridFilterPanel: {
|
|
55
55
|
(props: React.ComponentProps<typeof MuiGridFilterPanel>): import("react/jsx-runtime").JSX.Element;
|
|
56
56
|
displayName: string;
|
|
@@ -7,16 +7,16 @@ export interface NeoDividerProps extends DividerProps {
|
|
|
7
7
|
* Generic divider component that can be used in menus, lists, cards, or any layout
|
|
8
8
|
* that needs visual separation between content sections.
|
|
9
9
|
*
|
|
10
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=
|
|
10
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4633-39807
|
|
11
11
|
*
|
|
12
12
|
* @example
|
|
13
13
|
* ```tsx
|
|
14
14
|
* // In a menu
|
|
15
|
-
* <
|
|
16
|
-
* <
|
|
15
|
+
* <NeoDropdownMenu>
|
|
16
|
+
* <NeoDropdownMenuItem>Settings</NeoDropdownMenuItem>
|
|
17
17
|
* <NeoDivider />
|
|
18
|
-
* <
|
|
19
|
-
* </
|
|
18
|
+
* <NeoDropdownMenuItem>Sign out</NeoDropdownMenuItem>
|
|
19
|
+
* </NeoDropdownMenu>
|
|
20
20
|
*
|
|
21
21
|
* // In a card
|
|
22
22
|
* <Card>
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type SelectProps as MuiSelectProps } from '@mui/material/Select';
|
|
2
|
+
import { NeoDropdownMenuItem } from '../DropdownMenuItem/DropdownMenuItem';
|
|
3
|
+
export type NeoDropdownProps = MuiSelectProps;
|
|
4
|
+
/**
|
|
5
|
+
* NeoDropdown - Dropdown select component with Neo design system styling
|
|
6
|
+
*
|
|
7
|
+
* A styled version of MUI's Select that uses Neo design tokens, Lucide ChevronDown icon,
|
|
8
|
+
* and NeoDropdownMenu/NeoDropdownMenuItem for the dropdown list.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* import { NeoDropdown, NeoDropdownOption } from '@moderneinc/neo-styled-components'
|
|
13
|
+
*
|
|
14
|
+
* <NeoDropdown value={value} onChange={handleChange}>
|
|
15
|
+
* <NeoDropdownOption value="option1">Option 1</NeoDropdownOption>
|
|
16
|
+
* <NeoDropdownOption value="option2">Option 2</NeoDropdownOption>
|
|
17
|
+
* </NeoDropdown>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export declare const NeoDropdown: {
|
|
21
|
+
(props: NeoDropdownProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
export { NeoDropdownMenuItem as NeoDropdownOption };
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { type MenuProps } from '@mui/material/Menu';
|
|
2
|
+
export interface NeoDropdownMenuProps extends MenuProps {
|
|
3
|
+
/**
|
|
4
|
+
* Menu content (typically NeoDropdownMenuItem components)
|
|
5
|
+
*/
|
|
6
|
+
children?: React.ReactNode;
|
|
7
|
+
}
|
|
8
|
+
/**
|
|
9
|
+
* NeoDropdownMenu - Dropdown menu component based on MUI Menu
|
|
10
|
+
*
|
|
11
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11141-4980
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
|
|
16
|
+
* const open = Boolean(anchorEl);
|
|
17
|
+
*
|
|
18
|
+
* <Button onClick={(e) => setAnchorEl(e.currentTarget)}>Open Menu</Button>
|
|
19
|
+
* <NeoDropdownMenu
|
|
20
|
+
* open={open}
|
|
21
|
+
* anchorEl={anchorEl}
|
|
22
|
+
* onClose={() => setAnchorEl(null)}
|
|
23
|
+
* >
|
|
24
|
+
* <NeoDropdownMenuItem icon={<Icon />} shortcut="⌘+P">View profile</NeoDropdownMenuItem>
|
|
25
|
+
* <NeoDropdownMenuItem>Settings</NeoDropdownMenuItem>
|
|
26
|
+
* </NeoDropdownMenu>
|
|
27
|
+
* ```
|
|
28
|
+
*/
|
|
29
|
+
export declare const NeoDropdownMenu: {
|
|
30
|
+
({ children, ...props }: NeoDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
31
|
+
displayName: string;
|
|
32
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { type MenuItemProps } from '@mui/material/MenuItem';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
export interface NeoDropdownMenuItemProps extends MenuItemProps {
|
|
4
|
+
/**
|
|
5
|
+
* Optional icon to display on the left side
|
|
6
|
+
* Note: Cannot be directly mapped from Figma (ReactNode)
|
|
7
|
+
*/
|
|
8
|
+
icon?: ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Optional keyboard shortcut to display on the right side
|
|
11
|
+
* @example "⌘+P" or "Ctrl+K"
|
|
12
|
+
* Note: Cannot be directly mapped from Figma (ReactNode/string)
|
|
13
|
+
*/
|
|
14
|
+
shortcut?: string;
|
|
15
|
+
/**
|
|
16
|
+
* Optional secondary text to display next to the primary label
|
|
17
|
+
* @example "@username" or supporting text
|
|
18
|
+
* Note: Cannot be directly mapped from Figma (ReactNode/string)
|
|
19
|
+
*/
|
|
20
|
+
secondaryText?: string;
|
|
21
|
+
/**
|
|
22
|
+
* Menu item content (text label)
|
|
23
|
+
* @figma children mapped from Figma layer content
|
|
24
|
+
*/
|
|
25
|
+
children?: ReactNode;
|
|
26
|
+
}
|
|
27
|
+
/**
|
|
28
|
+
* NeoDropdownMenuItem - Dropdown menu item component based on MUI MenuItem
|
|
29
|
+
*
|
|
30
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4159-8584
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* ```tsx
|
|
34
|
+
* // With icon and shortcut
|
|
35
|
+
* <NeoDropdownMenuItem icon={<UserIcon />} shortcut="⌘+P">
|
|
36
|
+
* View profile
|
|
37
|
+
* </NeoDropdownMenuItem>
|
|
38
|
+
*
|
|
39
|
+
* // With secondary text (user list pattern from Figma node 4305:41844)
|
|
40
|
+
* <NeoDropdownMenuItem secondaryText="@phoenix">Phoenix Baker</NeoDropdownMenuItem>
|
|
41
|
+
* <NeoDropdownMenuItem secondaryText="@olivia">Olivia Rhye</NeoDropdownMenuItem>
|
|
42
|
+
*
|
|
43
|
+
* // Disabled state
|
|
44
|
+
* <NeoDropdownMenuItem disabled>Disabled item</NeoDropdownMenuItem>
|
|
45
|
+
* ```
|
|
46
|
+
*/
|
|
47
|
+
export declare const NeoDropdownMenuItem: {
|
|
48
|
+
({ icon, shortcut, secondaryText, children, ...props }: NeoDropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
49
|
+
displayName: string;
|
|
50
|
+
};
|
|
@@ -14,15 +14,15 @@ export interface NeoIconButtonProps extends Omit<IconButtonProps, 'color' | 'siz
|
|
|
14
14
|
*
|
|
15
15
|
* Simple, neutral icon button with transparent background and icon color states.
|
|
16
16
|
*
|
|
17
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC
|
|
17
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11126-21344
|
|
18
18
|
*
|
|
19
19
|
* Figma Props Mapping:
|
|
20
|
-
* - Hierarchy=Icon → Single default style (no variant prop)
|
|
21
20
|
* - Size (Small|Medium) → size prop
|
|
22
21
|
* - State=Disabled → disabled prop
|
|
23
22
|
* - State=Hover → CSS :hover
|
|
24
|
-
* - State=
|
|
25
|
-
* - State=
|
|
23
|
+
* - State=Active → CSS :active
|
|
24
|
+
* - State=Focus → CSS :focus-visible
|
|
25
|
+
* - State=Loading → not yet implemented
|
|
26
26
|
*/
|
|
27
27
|
export declare const NeoIconButton: {
|
|
28
28
|
({ size, ...props }: NeoIconButtonProps): import("react/jsx-runtime").JSX.Element;
|
package/dist/index.d.ts
CHANGED
|
@@ -305,7 +305,7 @@ interface NeoAvatarProps extends Omit<AvatarProps, 'variant'> {
|
|
|
305
305
|
/**
|
|
306
306
|
* NeoAvatar - User avatar component based on MUI Avatar
|
|
307
307
|
*
|
|
308
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=
|
|
308
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=9600-185
|
|
309
309
|
*
|
|
310
310
|
* Figma Props Mapping:
|
|
311
311
|
* - Figma Type "Initials" → variant="initials", size="small" (20px)
|
|
@@ -1102,7 +1102,7 @@ declare namespace NeoDataGridFiltersButton {
|
|
|
1102
1102
|
var displayName: string;
|
|
1103
1103
|
}
|
|
1104
1104
|
|
|
1105
|
-
interface
|
|
1105
|
+
interface NeoDropdownMenuItemProps extends MenuItemProps {
|
|
1106
1106
|
/**
|
|
1107
1107
|
* Optional icon to display on the left side
|
|
1108
1108
|
* Note: Cannot be directly mapped from Figma (ReactNode)
|
|
@@ -1127,60 +1127,49 @@ interface NeoMenuItemProps extends MenuItemProps {
|
|
|
1127
1127
|
children?: ReactNode;
|
|
1128
1128
|
}
|
|
1129
1129
|
/**
|
|
1130
|
-
*
|
|
1130
|
+
* NeoDropdownMenuItem - Dropdown menu item component based on MUI MenuItem
|
|
1131
1131
|
*
|
|
1132
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4159-
|
|
1133
|
-
*
|
|
1134
|
-
* Figma Props Mapping:
|
|
1135
|
-
* - Figma "Dropdown - Menu" component uses Type (Avatar|Button|Icon) and Open (True|False)
|
|
1136
|
-
* to control the menu trigger. NeoMenuItem is the individual item inside the menu.
|
|
1137
|
-
* - Text label → children prop (mapped via figma.children)
|
|
1138
|
-
* - selected → selected prop (React-controlled)
|
|
1139
|
-
* - disabled → disabled prop (React-controlled)
|
|
1140
|
-
* - Hover state → CSS :hover (not mapped)
|
|
1141
|
-
* - Icon slot → icon prop (not mappable - ReactNode)
|
|
1142
|
-
* - Secondary text → secondaryText prop (not mappable - ReactNode/string)
|
|
1143
|
-
* - Keyboard shortcut → shortcut prop (not mappable - ReactNode/string)
|
|
1132
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4159-8584
|
|
1144
1133
|
*
|
|
1145
1134
|
* @example
|
|
1146
1135
|
* ```tsx
|
|
1147
1136
|
* // With icon and shortcut
|
|
1148
|
-
* <
|
|
1137
|
+
* <NeoDropdownMenuItem icon={<UserIcon />} shortcut="⌘+P">
|
|
1149
1138
|
* View profile
|
|
1150
|
-
* </
|
|
1139
|
+
* </NeoDropdownMenuItem>
|
|
1151
1140
|
*
|
|
1152
1141
|
* // With secondary text (user list pattern from Figma node 4305:41844)
|
|
1153
|
-
* <
|
|
1154
|
-
* <
|
|
1142
|
+
* <NeoDropdownMenuItem secondaryText="@phoenix">Phoenix Baker</NeoDropdownMenuItem>
|
|
1143
|
+
* <NeoDropdownMenuItem secondaryText="@olivia">Olivia Rhye</NeoDropdownMenuItem>
|
|
1155
1144
|
*
|
|
1156
1145
|
* // Disabled state
|
|
1157
|
-
* <
|
|
1146
|
+
* <NeoDropdownMenuItem disabled>Disabled item</NeoDropdownMenuItem>
|
|
1158
1147
|
* ```
|
|
1159
1148
|
*/
|
|
1160
|
-
declare const
|
|
1161
|
-
({ icon, shortcut, secondaryText, children, ...props }:
|
|
1149
|
+
declare const NeoDropdownMenuItem: {
|
|
1150
|
+
({ icon, shortcut, secondaryText, children, ...props }: NeoDropdownMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
1162
1151
|
displayName: string;
|
|
1163
1152
|
};
|
|
1164
1153
|
|
|
1165
|
-
type
|
|
1154
|
+
type NeoDropdownProps = SelectProps;
|
|
1166
1155
|
/**
|
|
1167
|
-
*
|
|
1156
|
+
* NeoDropdown - Dropdown select component with Neo design system styling
|
|
1168
1157
|
*
|
|
1169
1158
|
* A styled version of MUI's Select that uses Neo design tokens, Lucide ChevronDown icon,
|
|
1170
|
-
* and
|
|
1159
|
+
* and NeoDropdownMenu/NeoDropdownMenuItem for the dropdown list.
|
|
1171
1160
|
*
|
|
1172
1161
|
* @example
|
|
1173
1162
|
* ```tsx
|
|
1174
|
-
* import {
|
|
1163
|
+
* import { NeoDropdown, NeoDropdownOption } from '@moderneinc/neo-styled-components'
|
|
1175
1164
|
*
|
|
1176
|
-
* <
|
|
1177
|
-
* <
|
|
1178
|
-
* <
|
|
1179
|
-
* </
|
|
1165
|
+
* <NeoDropdown value={value} onChange={handleChange}>
|
|
1166
|
+
* <NeoDropdownOption value="option1">Option 1</NeoDropdownOption>
|
|
1167
|
+
* <NeoDropdownOption value="option2">Option 2</NeoDropdownOption>
|
|
1168
|
+
* </NeoDropdown>
|
|
1180
1169
|
* ```
|
|
1181
1170
|
*/
|
|
1182
|
-
declare const
|
|
1183
|
-
(props:
|
|
1171
|
+
declare const NeoDropdown: {
|
|
1172
|
+
(props: NeoDropdownProps): react_jsx_runtime.JSX.Element;
|
|
1184
1173
|
displayName: string;
|
|
1185
1174
|
};
|
|
1186
1175
|
|
|
@@ -1276,16 +1265,16 @@ interface NeoDividerProps extends DividerProps {
|
|
|
1276
1265
|
* Generic divider component that can be used in menus, lists, cards, or any layout
|
|
1277
1266
|
* that needs visual separation between content sections.
|
|
1278
1267
|
*
|
|
1279
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=
|
|
1268
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4633-39807
|
|
1280
1269
|
*
|
|
1281
1270
|
* @example
|
|
1282
1271
|
* ```tsx
|
|
1283
1272
|
* // In a menu
|
|
1284
|
-
* <
|
|
1285
|
-
* <
|
|
1273
|
+
* <NeoDropdownMenu>
|
|
1274
|
+
* <NeoDropdownMenuItem>Settings</NeoDropdownMenuItem>
|
|
1286
1275
|
* <NeoDivider />
|
|
1287
|
-
* <
|
|
1288
|
-
* </
|
|
1276
|
+
* <NeoDropdownMenuItem>Sign out</NeoDropdownMenuItem>
|
|
1277
|
+
* </NeoDropdownMenu>
|
|
1289
1278
|
*
|
|
1290
1279
|
* // In a card
|
|
1291
1280
|
* <Card>
|
|
@@ -1417,15 +1406,15 @@ interface NeoIconButtonProps extends Omit<IconButtonProps, 'color' | 'size'> {
|
|
|
1417
1406
|
*
|
|
1418
1407
|
* Simple, neutral icon button with transparent background and icon color states.
|
|
1419
1408
|
*
|
|
1420
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC
|
|
1409
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11126-21344
|
|
1421
1410
|
*
|
|
1422
1411
|
* Figma Props Mapping:
|
|
1423
|
-
* - Hierarchy=Icon → Single default style (no variant prop)
|
|
1424
1412
|
* - Size (Small|Medium) → size prop
|
|
1425
1413
|
* - State=Disabled → disabled prop
|
|
1426
1414
|
* - State=Hover → CSS :hover
|
|
1427
|
-
* - State=
|
|
1428
|
-
* - State=
|
|
1415
|
+
* - State=Active → CSS :active
|
|
1416
|
+
* - State=Focus → CSS :focus-visible
|
|
1417
|
+
* - State=Loading → not yet implemented
|
|
1429
1418
|
*/
|
|
1430
1419
|
declare const NeoIconButton: {
|
|
1431
1420
|
({ size, ...props }: NeoIconButtonProps): react_jsx_runtime.JSX.Element;
|
|
@@ -1551,48 +1540,35 @@ declare const NeoLoadingSpinner: {
|
|
|
1551
1540
|
displayName: string;
|
|
1552
1541
|
};
|
|
1553
1542
|
|
|
1554
|
-
interface
|
|
1543
|
+
interface NeoDropdownMenuProps extends MenuProps {
|
|
1555
1544
|
/**
|
|
1556
|
-
* Menu content (typically
|
|
1545
|
+
* Menu content (typically NeoDropdownMenuItem components)
|
|
1557
1546
|
*/
|
|
1558
1547
|
children?: React.ReactNode;
|
|
1559
1548
|
}
|
|
1560
1549
|
/**
|
|
1561
|
-
*
|
|
1550
|
+
* NeoDropdownMenu - Dropdown menu component based on MUI Menu
|
|
1562
1551
|
*
|
|
1563
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=
|
|
1564
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4305-41844 (Dropdown list pattern)
|
|
1565
|
-
*
|
|
1566
|
-
* Figma Props Mapping:
|
|
1567
|
-
* - Container shown in Figma is the Menu Paper component
|
|
1568
|
-
* - Menu items are styled separately via NeoMenuItem
|
|
1569
|
-
* - Any trigger component (Button, IconButton, etc.) can open the menu
|
|
1552
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11141-4980
|
|
1570
1553
|
*
|
|
1571
1554
|
* @example
|
|
1572
1555
|
* ```tsx
|
|
1573
1556
|
* const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);
|
|
1574
1557
|
* const open = Boolean(anchorEl);
|
|
1575
1558
|
*
|
|
1576
|
-
* // Standard menu with icons and shortcuts
|
|
1577
1559
|
* <Button onClick={(e) => setAnchorEl(e.currentTarget)}>Open Menu</Button>
|
|
1578
|
-
* <
|
|
1560
|
+
* <NeoDropdownMenu
|
|
1579
1561
|
* open={open}
|
|
1580
1562
|
* anchorEl={anchorEl}
|
|
1581
1563
|
* onClose={() => setAnchorEl(null)}
|
|
1582
1564
|
* >
|
|
1583
|
-
* <
|
|
1584
|
-
* <
|
|
1585
|
-
* </
|
|
1586
|
-
*
|
|
1587
|
-
* // Dropdown list with secondary text (user list pattern)
|
|
1588
|
-
* <NeoMenu open={open} anchorEl={anchorEl} onClose={() => setAnchorEl(null)}>
|
|
1589
|
-
* <NeoMenuItem secondaryText="@phoenix">Phoenix Baker</NeoMenuItem>
|
|
1590
|
-
* <NeoMenuItem secondaryText="@olivia" selected>Olivia Rhye</NeoMenuItem>
|
|
1591
|
-
* </NeoMenu>
|
|
1565
|
+
* <NeoDropdownMenuItem icon={<Icon />} shortcut="⌘+P">View profile</NeoDropdownMenuItem>
|
|
1566
|
+
* <NeoDropdownMenuItem>Settings</NeoDropdownMenuItem>
|
|
1567
|
+
* </NeoDropdownMenu>
|
|
1592
1568
|
* ```
|
|
1593
1569
|
*/
|
|
1594
|
-
declare const
|
|
1595
|
-
({ children, ...props }:
|
|
1570
|
+
declare const NeoDropdownMenu: {
|
|
1571
|
+
({ children, ...props }: NeoDropdownMenuProps): react_jsx_runtime.JSX.Element;
|
|
1596
1572
|
displayName: string;
|
|
1597
1573
|
};
|
|
1598
1574
|
|
|
@@ -2976,5 +2952,5 @@ declare module '@mui/x-data-grid-pro' {
|
|
|
2976
2952
|
|
|
2977
2953
|
declare const version: string
|
|
2978
2954
|
|
|
2979
|
-
export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel,
|
|
2980
|
-
export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMarketplaceCardProps, NeoMenuItemProps, NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusBannerProps, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
|
|
2955
|
+
export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoDropdown as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoDropdown, NeoDropdownMenu, NeoDropdownMenuItem, NeoDropdownMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoMarketplaceCard, NeoDropdownMenu as NeoMenu, NeoDropdownMenuItem as NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoDropdown as NeoSelect, NeoDropdownMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell, NeoStatusBanner, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToolbar, NeoTooltip, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, getDataGridHeaderStyles, version };
|
|
2956
|
+
export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDropdownMenuItemProps, NeoDropdownMenuProps, NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMarketplaceCardProps, NeoDropdownMenuItemProps as NeoMenuItemProps, NeoDropdownMenuProps as NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoDropdownProps as NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoStatusBannerProps, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
|