@moderneinc/neo-styled-components 4.0.0-next.86aaff → 4.0.0-next.b214ff
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/DataGridFilterPanel/DataGridFilterPanel.d.ts +2 -2
- package/dist/DatePicker/DatePicker.d.ts +3 -5
- package/dist/Divider/Divider.d.ts +4 -4
- package/dist/ListItem/ListItem.d.ts +7 -7
- package/dist/{DropdownMenu/DropdownMenu.d.ts → Menu/Menu.d.ts} +9 -9
- package/dist/{DropdownMenuItem/DropdownMenuItem.d.ts → MenuItem/MenuItem.d.ts} +9 -9
- package/dist/Select/Select.d.ts +24 -0
- package/dist/index.d.ts +44 -46
- package/dist/index.esm.js +96 -81
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +104 -89
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/Dropdown/Dropdown.d.ts +0 -24
|
@@ -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 { NeoSelect } from '../Select/Select';
|
|
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 { NeoSelect 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;
|
|
@@ -10,13 +10,12 @@ export interface NeoDatePickerProps {
|
|
|
10
10
|
/**
|
|
11
11
|
* Type of date picker to render
|
|
12
12
|
* @default "single"
|
|
13
|
-
* @figma
|
|
13
|
+
* @figma Mode
|
|
14
14
|
*/
|
|
15
15
|
type?: DatePickerType;
|
|
16
16
|
/**
|
|
17
17
|
* Whether the picker is open
|
|
18
18
|
* When not provided, the picker manages its own open state (uncontrolled mode)
|
|
19
|
-
* @figma opened
|
|
20
19
|
*/
|
|
21
20
|
open?: boolean;
|
|
22
21
|
/**
|
|
@@ -85,11 +84,10 @@ export interface NeoDatePickerProps {
|
|
|
85
84
|
* customization. Supports both single date selection and date range selection with
|
|
86
85
|
* built-in shortcuts.
|
|
87
86
|
*
|
|
88
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4176-
|
|
87
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4176-8593
|
|
89
88
|
*
|
|
90
89
|
* Figma Props Mapping:
|
|
91
|
-
* -
|
|
92
|
-
* - type ('Single date'|'Dual dates') → type ('single'|'range')
|
|
90
|
+
* - Mode ('Single'|'Range') → type ('single'|'range')
|
|
93
91
|
*
|
|
94
92
|
* Design Tokens Used:
|
|
95
93
|
* - colors: semanticColors.grey[800], semanticColors.grey[700], semanticColors.surfaces.white, semanticColors.icons.hoverBackground
|
|
@@ -12,11 +12,11 @@ export interface NeoDividerProps extends DividerProps {
|
|
|
12
12
|
* @example
|
|
13
13
|
* ```tsx
|
|
14
14
|
* // In a menu
|
|
15
|
-
* <
|
|
16
|
-
* <
|
|
15
|
+
* <NeoMenu>
|
|
16
|
+
* <NeoMenuItem>Settings</NeoMenuItem>
|
|
17
17
|
* <NeoDivider />
|
|
18
|
-
* <
|
|
19
|
-
* </
|
|
18
|
+
* <NeoMenuItem>Sign out</NeoMenuItem>
|
|
19
|
+
* </NeoMenu>
|
|
20
20
|
*
|
|
21
21
|
* // In a card
|
|
22
22
|
* <Card>
|
|
@@ -2,7 +2,7 @@ import { type ListItemButtonProps } from '@mui/material/ListItemButton';
|
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
3
|
declare module '@mui/material/ListItemButton' {
|
|
4
4
|
interface ListItemButtonPropsVariantOverrides {
|
|
5
|
-
size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
5
|
+
size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
|
|
6
6
|
}
|
|
7
7
|
}
|
|
8
8
|
/**
|
|
@@ -14,19 +14,19 @@ export interface NeoListItemProps extends Omit<ListItemButtonProps, 'children' |
|
|
|
14
14
|
* @default "medium"
|
|
15
15
|
* @figma size
|
|
16
16
|
*/
|
|
17
|
-
size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
17
|
+
size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
|
|
18
18
|
/**
|
|
19
19
|
* Primary text content (required)
|
|
20
20
|
* @figma Placeholder (primary text)
|
|
21
21
|
*/
|
|
22
22
|
primaryText: ReactNode;
|
|
23
23
|
/**
|
|
24
|
-
* Secondary/supporting text content (optional, shown in large/xlarge/xxlarge)
|
|
24
|
+
* Secondary/supporting text content (optional, shown in large/xlarge/xxlarge/xxxlarge)
|
|
25
25
|
* @figma Recipe name (secondary text)
|
|
26
26
|
*/
|
|
27
27
|
secondaryText?: ReactNode;
|
|
28
28
|
/**
|
|
29
|
-
* Badge content for count display (optional, for xxlarge link variant)
|
|
29
|
+
* Badge content for count display (optional, for xxlarge/xxxlarge link variant)
|
|
30
30
|
* @figma (# recipes)
|
|
31
31
|
*/
|
|
32
32
|
badge?: ReactNode;
|
|
@@ -57,14 +57,14 @@ export interface NeoListItemProps extends Omit<ListItemButtonProps, 'children' |
|
|
|
57
57
|
/**
|
|
58
58
|
* NeoListItem - Flexible list item component with multiple size variants and states
|
|
59
59
|
*
|
|
60
|
-
* A versatile list item component built on MUI's ListItemButton that supports
|
|
61
|
-
* (small to
|
|
60
|
+
* A versatile list item component built on MUI's ListItemButton that supports six size variants
|
|
61
|
+
* (small to xxxlarge), interactive states (default, selected, disabled, link), and optional
|
|
62
62
|
* icons/logos, secondary text, and badges.
|
|
63
63
|
*
|
|
64
64
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4205-36442
|
|
65
65
|
*
|
|
66
66
|
* Figma Props Mapping:
|
|
67
|
-
* - size (
|
|
67
|
+
* - size (Small|Medium|Large|Extra Large|XX Large|TripleExtraLarge) → size (small|medium|large|xlarge|xxlarge|xxxlarge)
|
|
68
68
|
* - state (default|active|disabled|link) → selected, disabled, isLink props
|
|
69
69
|
* - showIcon → icon prop (pass ReactNode)
|
|
70
70
|
* - showSupportingText → secondaryText prop (pass ReactNode)
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { type MenuProps } from '@mui/material/Menu';
|
|
2
|
-
export interface
|
|
2
|
+
export interface NeoMenuProps extends MenuProps {
|
|
3
3
|
/**
|
|
4
|
-
* Menu content (typically
|
|
4
|
+
* Menu content (typically NeoMenuItem components)
|
|
5
5
|
*/
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
}
|
|
8
8
|
/**
|
|
9
|
-
*
|
|
9
|
+
* NeoMenu - Menu component based on MUI Menu
|
|
10
10
|
*
|
|
11
11
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11141-4980
|
|
12
12
|
*
|
|
@@ -16,17 +16,17 @@ export interface NeoDropdownMenuProps extends MenuProps {
|
|
|
16
16
|
* const open = Boolean(anchorEl);
|
|
17
17
|
*
|
|
18
18
|
* <Button onClick={(e) => setAnchorEl(e.currentTarget)}>Open Menu</Button>
|
|
19
|
-
* <
|
|
19
|
+
* <NeoMenu
|
|
20
20
|
* open={open}
|
|
21
21
|
* anchorEl={anchorEl}
|
|
22
22
|
* onClose={() => setAnchorEl(null)}
|
|
23
23
|
* >
|
|
24
|
-
* <
|
|
25
|
-
* <
|
|
26
|
-
* </
|
|
24
|
+
* <NeoMenuItem icon={<Icon />} shortcut="⌘+P">View profile</NeoMenuItem>
|
|
25
|
+
* <NeoMenuItem>Settings</NeoMenuItem>
|
|
26
|
+
* </NeoMenu>
|
|
27
27
|
* ```
|
|
28
28
|
*/
|
|
29
|
-
export declare const
|
|
30
|
-
({ children, ...props }:
|
|
29
|
+
export declare const NeoMenu: {
|
|
30
|
+
({ children, ...props }: NeoMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
31
31
|
displayName: string;
|
|
32
32
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { type MenuItemProps } from '@mui/material/MenuItem';
|
|
2
2
|
import type { ReactNode } from 'react';
|
|
3
|
-
export interface
|
|
3
|
+
export interface NeoMenuItemProps extends MenuItemProps {
|
|
4
4
|
/**
|
|
5
5
|
* Optional icon to display on the left side
|
|
6
6
|
* Note: Cannot be directly mapped from Figma (ReactNode)
|
|
@@ -25,26 +25,26 @@ export interface NeoDropdownMenuItemProps extends MenuItemProps {
|
|
|
25
25
|
children?: ReactNode;
|
|
26
26
|
}
|
|
27
27
|
/**
|
|
28
|
-
*
|
|
28
|
+
* NeoMenuItem - Menu item component based on MUI MenuItem
|
|
29
29
|
*
|
|
30
30
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4159-8584
|
|
31
31
|
*
|
|
32
32
|
* @example
|
|
33
33
|
* ```tsx
|
|
34
34
|
* // With icon and shortcut
|
|
35
|
-
* <
|
|
35
|
+
* <NeoMenuItem icon={<UserIcon />} shortcut="⌘+P">
|
|
36
36
|
* View profile
|
|
37
|
-
* </
|
|
37
|
+
* </NeoMenuItem>
|
|
38
38
|
*
|
|
39
39
|
* // With secondary text (user list pattern from Figma node 4305:41844)
|
|
40
|
-
* <
|
|
41
|
-
* <
|
|
40
|
+
* <NeoMenuItem secondaryText="@phoenix">Phoenix Baker</NeoMenuItem>
|
|
41
|
+
* <NeoMenuItem secondaryText="@olivia">Olivia Rhye</NeoMenuItem>
|
|
42
42
|
*
|
|
43
43
|
* // Disabled state
|
|
44
|
-
* <
|
|
44
|
+
* <NeoMenuItem disabled>Disabled item</NeoMenuItem>
|
|
45
45
|
* ```
|
|
46
46
|
*/
|
|
47
|
-
export declare const
|
|
48
|
-
({ icon, shortcut, secondaryText, children, ...props }:
|
|
47
|
+
export declare const NeoMenuItem: {
|
|
48
|
+
({ icon, shortcut, secondaryText, children, ...props }: NeoMenuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
49
49
|
displayName: string;
|
|
50
50
|
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type SelectProps as MuiSelectProps } from '@mui/material/Select';
|
|
2
|
+
import { NeoMenuItem } from '../MenuItem/MenuItem';
|
|
3
|
+
export type NeoSelectProps = MuiSelectProps;
|
|
4
|
+
/**
|
|
5
|
+
* NeoSelect - 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 NeoMenu/NeoMenuItem for the dropdown list.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* import { NeoSelect, NeoSelectOption } from '@moderneinc/neo-styled-components'
|
|
13
|
+
*
|
|
14
|
+
* <NeoSelect value={value} onChange={handleChange}>
|
|
15
|
+
* <NeoSelectOption value="option1">Option 1</NeoSelectOption>
|
|
16
|
+
* <NeoSelectOption value="option2">Option 2</NeoSelectOption>
|
|
17
|
+
* </NeoSelect>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
20
|
+
export declare const NeoSelect: {
|
|
21
|
+
(props: NeoSelectProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
displayName: string;
|
|
23
|
+
};
|
|
24
|
+
export { NeoMenuItem as NeoSelectOption };
|
package/dist/index.d.ts
CHANGED
|
@@ -1099,7 +1099,7 @@ declare namespace NeoDataGridFiltersButton {
|
|
|
1099
1099
|
var displayName: string;
|
|
1100
1100
|
}
|
|
1101
1101
|
|
|
1102
|
-
interface
|
|
1102
|
+
interface NeoMenuItemProps extends MenuItemProps {
|
|
1103
1103
|
/**
|
|
1104
1104
|
* Optional icon to display on the left side
|
|
1105
1105
|
* Note: Cannot be directly mapped from Figma (ReactNode)
|
|
@@ -1124,49 +1124,49 @@ interface NeoDropdownMenuItemProps extends MenuItemProps {
|
|
|
1124
1124
|
children?: ReactNode;
|
|
1125
1125
|
}
|
|
1126
1126
|
/**
|
|
1127
|
-
*
|
|
1127
|
+
* NeoMenuItem - Menu item component based on MUI MenuItem
|
|
1128
1128
|
*
|
|
1129
1129
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4159-8584
|
|
1130
1130
|
*
|
|
1131
1131
|
* @example
|
|
1132
1132
|
* ```tsx
|
|
1133
1133
|
* // With icon and shortcut
|
|
1134
|
-
* <
|
|
1134
|
+
* <NeoMenuItem icon={<UserIcon />} shortcut="⌘+P">
|
|
1135
1135
|
* View profile
|
|
1136
|
-
* </
|
|
1136
|
+
* </NeoMenuItem>
|
|
1137
1137
|
*
|
|
1138
1138
|
* // With secondary text (user list pattern from Figma node 4305:41844)
|
|
1139
|
-
* <
|
|
1140
|
-
* <
|
|
1139
|
+
* <NeoMenuItem secondaryText="@phoenix">Phoenix Baker</NeoMenuItem>
|
|
1140
|
+
* <NeoMenuItem secondaryText="@olivia">Olivia Rhye</NeoMenuItem>
|
|
1141
1141
|
*
|
|
1142
1142
|
* // Disabled state
|
|
1143
|
-
* <
|
|
1143
|
+
* <NeoMenuItem disabled>Disabled item</NeoMenuItem>
|
|
1144
1144
|
* ```
|
|
1145
1145
|
*/
|
|
1146
|
-
declare const
|
|
1147
|
-
({ icon, shortcut, secondaryText, children, ...props }:
|
|
1146
|
+
declare const NeoMenuItem: {
|
|
1147
|
+
({ icon, shortcut, secondaryText, children, ...props }: NeoMenuItemProps): react_jsx_runtime.JSX.Element;
|
|
1148
1148
|
displayName: string;
|
|
1149
1149
|
};
|
|
1150
1150
|
|
|
1151
|
-
type
|
|
1151
|
+
type NeoSelectProps = SelectProps;
|
|
1152
1152
|
/**
|
|
1153
|
-
*
|
|
1153
|
+
* NeoSelect - Select component with Neo design system styling
|
|
1154
1154
|
*
|
|
1155
1155
|
* A styled version of MUI's Select that uses Neo design tokens, Lucide ChevronDown icon,
|
|
1156
|
-
* and
|
|
1156
|
+
* and NeoMenu/NeoMenuItem for the dropdown list.
|
|
1157
1157
|
*
|
|
1158
1158
|
* @example
|
|
1159
1159
|
* ```tsx
|
|
1160
|
-
* import {
|
|
1160
|
+
* import { NeoSelect, NeoSelectOption } from '@moderneinc/neo-styled-components'
|
|
1161
1161
|
*
|
|
1162
|
-
* <
|
|
1163
|
-
* <
|
|
1164
|
-
* <
|
|
1165
|
-
* </
|
|
1162
|
+
* <NeoSelect value={value} onChange={handleChange}>
|
|
1163
|
+
* <NeoSelectOption value="option1">Option 1</NeoSelectOption>
|
|
1164
|
+
* <NeoSelectOption value="option2">Option 2</NeoSelectOption>
|
|
1165
|
+
* </NeoSelect>
|
|
1166
1166
|
* ```
|
|
1167
1167
|
*/
|
|
1168
|
-
declare const
|
|
1169
|
-
(props:
|
|
1168
|
+
declare const NeoSelect: {
|
|
1169
|
+
(props: NeoSelectProps): react_jsx_runtime.JSX.Element;
|
|
1170
1170
|
displayName: string;
|
|
1171
1171
|
};
|
|
1172
1172
|
|
|
@@ -1267,11 +1267,11 @@ interface NeoDividerProps extends DividerProps {
|
|
|
1267
1267
|
* @example
|
|
1268
1268
|
* ```tsx
|
|
1269
1269
|
* // In a menu
|
|
1270
|
-
* <
|
|
1271
|
-
* <
|
|
1270
|
+
* <NeoMenu>
|
|
1271
|
+
* <NeoMenuItem>Settings</NeoMenuItem>
|
|
1272
1272
|
* <NeoDivider />
|
|
1273
|
-
* <
|
|
1274
|
-
* </
|
|
1273
|
+
* <NeoMenuItem>Sign out</NeoMenuItem>
|
|
1274
|
+
* </NeoMenu>
|
|
1275
1275
|
*
|
|
1276
1276
|
* // In a card
|
|
1277
1277
|
* <Card>
|
|
@@ -1537,14 +1537,14 @@ declare const NeoLoadingSpinner: {
|
|
|
1537
1537
|
displayName: string;
|
|
1538
1538
|
};
|
|
1539
1539
|
|
|
1540
|
-
interface
|
|
1540
|
+
interface NeoMenuProps extends MenuProps {
|
|
1541
1541
|
/**
|
|
1542
|
-
* Menu content (typically
|
|
1542
|
+
* Menu content (typically NeoMenuItem components)
|
|
1543
1543
|
*/
|
|
1544
1544
|
children?: React.ReactNode;
|
|
1545
1545
|
}
|
|
1546
1546
|
/**
|
|
1547
|
-
*
|
|
1547
|
+
* NeoMenu - Menu component based on MUI Menu
|
|
1548
1548
|
*
|
|
1549
1549
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=11141-4980
|
|
1550
1550
|
*
|
|
@@ -1554,18 +1554,18 @@ interface NeoDropdownMenuProps extends MenuProps {
|
|
|
1554
1554
|
* const open = Boolean(anchorEl);
|
|
1555
1555
|
*
|
|
1556
1556
|
* <Button onClick={(e) => setAnchorEl(e.currentTarget)}>Open Menu</Button>
|
|
1557
|
-
* <
|
|
1557
|
+
* <NeoMenu
|
|
1558
1558
|
* open={open}
|
|
1559
1559
|
* anchorEl={anchorEl}
|
|
1560
1560
|
* onClose={() => setAnchorEl(null)}
|
|
1561
1561
|
* >
|
|
1562
|
-
* <
|
|
1563
|
-
* <
|
|
1564
|
-
* </
|
|
1562
|
+
* <NeoMenuItem icon={<Icon />} shortcut="⌘+P">View profile</NeoMenuItem>
|
|
1563
|
+
* <NeoMenuItem>Settings</NeoMenuItem>
|
|
1564
|
+
* </NeoMenu>
|
|
1565
1565
|
* ```
|
|
1566
1566
|
*/
|
|
1567
|
-
declare const
|
|
1568
|
-
({ children, ...props }:
|
|
1567
|
+
declare const NeoMenu: {
|
|
1568
|
+
({ children, ...props }: NeoMenuProps): react_jsx_runtime.JSX.Element;
|
|
1569
1569
|
displayName: string;
|
|
1570
1570
|
};
|
|
1571
1571
|
|
|
@@ -2429,7 +2429,7 @@ declare const NeoToolbar: {
|
|
|
2429
2429
|
|
|
2430
2430
|
declare module '@mui/material/ListItemButton' {
|
|
2431
2431
|
interface ListItemButtonPropsVariantOverrides {
|
|
2432
|
-
size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
2432
|
+
size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
|
|
2433
2433
|
}
|
|
2434
2434
|
}
|
|
2435
2435
|
/**
|
|
@@ -2441,19 +2441,19 @@ interface NeoListItemProps extends Omit<ListItemButtonProps, 'children' | 'size'
|
|
|
2441
2441
|
* @default "medium"
|
|
2442
2442
|
* @figma size
|
|
2443
2443
|
*/
|
|
2444
|
-
size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
|
|
2444
|
+
size?: 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge';
|
|
2445
2445
|
/**
|
|
2446
2446
|
* Primary text content (required)
|
|
2447
2447
|
* @figma Placeholder (primary text)
|
|
2448
2448
|
*/
|
|
2449
2449
|
primaryText: ReactNode;
|
|
2450
2450
|
/**
|
|
2451
|
-
* Secondary/supporting text content (optional, shown in large/xlarge/xxlarge)
|
|
2451
|
+
* Secondary/supporting text content (optional, shown in large/xlarge/xxlarge/xxxlarge)
|
|
2452
2452
|
* @figma Recipe name (secondary text)
|
|
2453
2453
|
*/
|
|
2454
2454
|
secondaryText?: ReactNode;
|
|
2455
2455
|
/**
|
|
2456
|
-
* Badge content for count display (optional, for xxlarge link variant)
|
|
2456
|
+
* Badge content for count display (optional, for xxlarge/xxxlarge link variant)
|
|
2457
2457
|
* @figma (# recipes)
|
|
2458
2458
|
*/
|
|
2459
2459
|
badge?: ReactNode;
|
|
@@ -2484,14 +2484,14 @@ interface NeoListItemProps extends Omit<ListItemButtonProps, 'children' | 'size'
|
|
|
2484
2484
|
/**
|
|
2485
2485
|
* NeoListItem - Flexible list item component with multiple size variants and states
|
|
2486
2486
|
*
|
|
2487
|
-
* A versatile list item component built on MUI's ListItemButton that supports
|
|
2488
|
-
* (small to
|
|
2487
|
+
* A versatile list item component built on MUI's ListItemButton that supports six size variants
|
|
2488
|
+
* (small to xxxlarge), interactive states (default, selected, disabled, link), and optional
|
|
2489
2489
|
* icons/logos, secondary text, and badges.
|
|
2490
2490
|
*
|
|
2491
2491
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4205-36442
|
|
2492
2492
|
*
|
|
2493
2493
|
* Figma Props Mapping:
|
|
2494
|
-
* - size (
|
|
2494
|
+
* - size (Small|Medium|Large|Extra Large|XX Large|TripleExtraLarge) → size (small|medium|large|xlarge|xxlarge|xxxlarge)
|
|
2495
2495
|
* - state (default|active|disabled|link) → selected, disabled, isLink props
|
|
2496
2496
|
* - showIcon → icon prop (pass ReactNode)
|
|
2497
2497
|
* - showSupportingText → secondaryText prop (pass ReactNode)
|
|
@@ -2777,13 +2777,12 @@ interface NeoDatePickerProps {
|
|
|
2777
2777
|
/**
|
|
2778
2778
|
* Type of date picker to render
|
|
2779
2779
|
* @default "single"
|
|
2780
|
-
* @figma
|
|
2780
|
+
* @figma Mode
|
|
2781
2781
|
*/
|
|
2782
2782
|
type?: DatePickerType;
|
|
2783
2783
|
/**
|
|
2784
2784
|
* Whether the picker is open
|
|
2785
2785
|
* When not provided, the picker manages its own open state (uncontrolled mode)
|
|
2786
|
-
* @figma opened
|
|
2787
2786
|
*/
|
|
2788
2787
|
open?: boolean;
|
|
2789
2788
|
/**
|
|
@@ -2852,11 +2851,10 @@ interface NeoDatePickerProps {
|
|
|
2852
2851
|
* customization. Supports both single date selection and date range selection with
|
|
2853
2852
|
* built-in shortcuts.
|
|
2854
2853
|
*
|
|
2855
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4176-
|
|
2854
|
+
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4176-8593
|
|
2856
2855
|
*
|
|
2857
2856
|
* Figma Props Mapping:
|
|
2858
|
-
* -
|
|
2859
|
-
* - type ('Single date'|'Dual dates') → type ('single'|'range')
|
|
2857
|
+
* - Mode ('Single'|'Range') → type ('single'|'range')
|
|
2860
2858
|
*
|
|
2861
2859
|
* Design Tokens Used:
|
|
2862
2860
|
* - colors: semanticColors.grey[800], semanticColors.grey[700], semanticColors.surfaces.white, semanticColors.icons.hoverBackground
|
|
@@ -2929,5 +2927,5 @@ declare module '@mui/x-data-grid-pro' {
|
|
|
2929
2927
|
|
|
2930
2928
|
declare const version: string
|
|
2931
2929
|
|
|
2932
|
-
export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel,
|
|
2933
|
-
export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAlertProps, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoDropdownMenuItemProps, NeoDropdownMenuProps, NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMarketplaceCardProps, NeoMarketplaceLargeCardProps,
|
|
2930
|
+
export { ActivityScene, CIRCLE_RADIUS, NeoActivityHeader, NeoActivityIndicatorCell, NeoAlert, NeoAvatar, NeoBadge, NeoBanner, NeoBreadcrumbLink, NeoBreadcrumbs, NeoButton, NeoButtonTab, NeoButtonTabGroup, NeoCard, NeoCheckbox, NeoCodeSnippet, NeoDataGrid, NeoDataGridCellContent, NeoDataGridColumnsButton, NeoDataGridColumnsPanel, NeoDataGridFilterPanel, NeoDataGridFilterPanelAddIcon, NeoDataGridFilterPanelDeleteIcon, NeoDataGridFilterPanelRemoveAllIcon, NeoDataGridFiltersButton, NeoDataGridHeaderLabel, NeoSelect as NeoDataGridSelect, NeoDatePicker, NeoDivider, NeoDot, NeoSelect as NeoDropdown, NeoMenu as NeoDropdownMenu, NeoMenuItem as NeoDropdownMenuItem, NeoMenuItem as NeoDropdownOption, NeoFilterChip, NeoFooter, NeoGeneralAvatar, NeoIconButton, NeoInfiniteScrollGrid, NeoInputField, NeoListItem, NeoListItemButton, NeoLoadingSpinner, NeoMarketplaceCard, NeoMarketplaceLargeCard, NeoMenu, NeoMenuItem, NeoModal, NeoModalContent, NeoModalFooter, NeoModalHeader, NeoMultiBadgesCell, NeoNavigationAvatar, NeoNavigationItem, NeoPageContent, NeoPaginatedGrid, NeoProgressbar, NeoQuickFilter, NeoRadio, NeoSearchChip, NeoSelect, NeoMenuItem as NeoSelectOption, NeoSkeleton, NeoStatusBadgeCell, NeoTab, NeoTabs, NeoTag, NeoToast, NeoToastButton, NeoToggle, NeoToolbar, NeoTooltip, NeoTreeItem, NeoTreeView, StyledToggleButton as NeoTypologyButton, NeoTypologyControl, NeoUserAvatarCell, SortedAscendingIcon, SortedDescendingIcon, UnsortedIcon, getDataGridHeaderStyles, version };
|
|
2931
|
+
export type { ActivityColor, ActivityEvent, ActivityHeaderSize, BreadcrumbItem, DataGridSize, NeoActivityHeaderProps, NeoActivityIndicatorCellProps, NeoAlertProps, NeoAvatarProps, NeoBadgeProps, NeoBannerProps, NeoBreadcrumbLinkProps, NeoBreadcrumbsProps, NeoButtonProps, NeoButtonTabGroupProps, NeoButtonTabProps, NeoCardLargeProps, NeoCardProps, NeoCardSize, NeoCardSmallProps, NeoCheckboxProps, NeoCodeSnippetProps, NeoDataGridCellContentProps, NeoDataGridHeaderLabelProps, NeoDataGridProps, NeoDatePickerProps, NeoDividerProps, NeoDotProps, NeoMenuItemProps as NeoDropdownMenuItemProps, NeoMenuProps as NeoDropdownMenuProps, NeoSelectProps as NeoDropdownProps, NeoFilterChipProps, NeoFooterProps, NeoGeneralAvatarProps, NeoIconButtonProps, NeoInfiniteScrollGridProps, NeoInputFieldProps, NeoListItemButtonProps, NeoListItemProps, NeoLoadingSpinnerProps, NeoMarketplaceCardProps, NeoMarketplaceLargeCardProps, NeoMenuItemProps, NeoMenuProps, NeoModalContentProps, NeoModalFooterProps, NeoModalHeaderProps, NeoModalProps, NeoMultiBadgesCellProps, NeoNavigationAvatarProps, NeoNavigationItemProps, NeoPageContentProps, NeoPaginatedGridProps, NeoProgressbarProps, NeoQuickFilterProps, NeoRadioProps, NeoSearchChipProps, NeoSelectProps, NeoSkeletonProps, NeoStatusBadgeCellProps, NeoTabProps, NeoTagProps, NeoToastProps, NeoToggleProps, NeoToolbarProps, NeoTooltipProps, NeoTreeItemData, NeoTreeItemProps, NeoTreeViewProps, NeoTypologyControlProps, NeoUserAvatarCellProps };
|