@moderneinc/neo-styled-components 3.0.0 → 4.0.0-next.44b6fc
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 +50 -0
- 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/NavigationItem/NavigationItem.d.ts +12 -8
- package/dist/Select/Select.d.ts +24 -0
- package/dist/Tabs/Tabs.d.ts +1 -4
- package/dist/Tag/Tag.d.ts +12 -12
- package/dist/Toast/Toast.d.ts +20 -14
- package/dist/Tooltip/Tooltip.d.ts +3 -3
- package/dist/index.d.ts +116 -165
- package/dist/index.esm.js +350 -396
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +360 -407
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/Dropdown/Dropdown.d.ts +0 -24
- package/dist/MarketplaceCard/MarketplaceCard.d.ts +0 -23
- package/dist/MarketplaceLargeCard/MarketplaceLargeCard.d.ts +0 -23
- package/dist/NavItem/NavItem.d.ts +0 -26
- package/dist/StatusBanner/StatusBanner.d.ts +0 -55
package/package.json
CHANGED
|
@@ -1,24 +0,0 @@
|
|
|
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 };
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { NeoCardSmallProps } from '../Card/Card';
|
|
2
|
-
/**
|
|
3
|
-
* Props for the NeoMarketplaceCard component
|
|
4
|
-
* @deprecated Use NeoCardSmallProps with NeoCard instead
|
|
5
|
-
*/
|
|
6
|
-
export interface NeoMarketplaceCardProps extends Omit<NeoCardSmallProps, 'size'> {
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated Use `NeoCard` with `size="small"` instead.
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```tsx
|
|
13
|
-
* // Before
|
|
14
|
-
* <NeoMarketplaceCard logo={...} title="Java" ... />
|
|
15
|
-
*
|
|
16
|
-
* // After
|
|
17
|
-
* <NeoCard size="small" logo={...} title="Java" ... />
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export declare const NeoMarketplaceCard: {
|
|
21
|
-
(props: NeoMarketplaceCardProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
displayName: string;
|
|
23
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { NeoCardLargeProps } from '../Card/Card';
|
|
2
|
-
/**
|
|
3
|
-
* Props for the NeoMarketplaceLargeCard component
|
|
4
|
-
* @deprecated Use NeoCardLargeProps with NeoCard instead
|
|
5
|
-
*/
|
|
6
|
-
export interface NeoMarketplaceLargeCardProps extends Omit<NeoCardLargeProps, 'size'> {
|
|
7
|
-
}
|
|
8
|
-
/**
|
|
9
|
-
* @deprecated Use `NeoCard` with `size="large"` instead.
|
|
10
|
-
*
|
|
11
|
-
* @example
|
|
12
|
-
* ```tsx
|
|
13
|
-
* // Before
|
|
14
|
-
* <NeoMarketplaceLargeCard cardTheme="light" ... />
|
|
15
|
-
*
|
|
16
|
-
* // After
|
|
17
|
-
* <NeoCard size="large" cardTheme="light" ... />
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export declare const NeoMarketplaceLargeCard: {
|
|
21
|
-
(props: NeoMarketplaceLargeCardProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
displayName: string;
|
|
23
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* Props for the NeoNavItem component
|
|
4
|
-
*/
|
|
5
|
-
export interface NeoNavItemProps {
|
|
6
|
-
/**
|
|
7
|
-
* The content to display inside the component
|
|
8
|
-
*/
|
|
9
|
-
children?: ReactNode;
|
|
10
|
-
}
|
|
11
|
-
/**
|
|
12
|
-
* NeoNavItem - TODO: Add component description
|
|
13
|
-
*
|
|
14
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4286-13844
|
|
15
|
-
*
|
|
16
|
-
* Figma Props Mapping:
|
|
17
|
-
* - TODO: Document Figma property mappings
|
|
18
|
-
* - FigmaProp → reactProp
|
|
19
|
-
*
|
|
20
|
-
* Design Tokens Used:
|
|
21
|
-
* - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
|
|
22
|
-
*/
|
|
23
|
-
export declare const NeoNavItem: {
|
|
24
|
-
({ children, ...props }: NeoNavItemProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
displayName: string;
|
|
26
|
-
};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { type AlertProps } from '@mui/material/Alert';
|
|
2
|
-
import type { ReactNode } from 'react';
|
|
3
|
-
/**
|
|
4
|
-
* Props for the NeoStatusBanner component
|
|
5
|
-
*/
|
|
6
|
-
export interface NeoStatusBannerProps extends Omit<AlertProps, 'severity' | 'variant'> {
|
|
7
|
-
/**
|
|
8
|
-
* The severity level of the status banner
|
|
9
|
-
* @default "success"
|
|
10
|
-
* @figma Intent
|
|
11
|
-
*/
|
|
12
|
-
severity?: 'success' | 'error' | 'neutral' | 'info';
|
|
13
|
-
/**
|
|
14
|
-
* The visual variant style
|
|
15
|
-
* @default "outlined"
|
|
16
|
-
* @figma Theme
|
|
17
|
-
*/
|
|
18
|
-
variant?: 'outlined' | 'filled';
|
|
19
|
-
/**
|
|
20
|
-
* The content to display inside the banner
|
|
21
|
-
*/
|
|
22
|
-
children?: ReactNode;
|
|
23
|
-
/**
|
|
24
|
-
* Custom icon to display (defaults to severity-based icon)
|
|
25
|
-
*/
|
|
26
|
-
icon?: ReactNode;
|
|
27
|
-
}
|
|
28
|
-
/**
|
|
29
|
-
* NeoStatusBanner - Status banner component for displaying system status messages
|
|
30
|
-
*
|
|
31
|
-
* Displays status information with different severity levels (success, error, info, neutral) and
|
|
32
|
-
* visual modes (outlined for light backgrounds, filled for emphasis).
|
|
33
|
-
*
|
|
34
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4921-3427
|
|
35
|
-
*
|
|
36
|
-
* Figma Props Mapping:
|
|
37
|
-
* - Status (Success|Error|Info|Offline) → severity ('success'|'error'|'info'|'neutral')
|
|
38
|
-
* - Mode (Light|Dark) → variant ('outlined'|'filled')
|
|
39
|
-
*
|
|
40
|
-
* Design Tokens Used:
|
|
41
|
-
* - status.success.light, status.success.default
|
|
42
|
-
* - status.error.light, status.error.default
|
|
43
|
-
* - status.neutral.light, status.neutral.default
|
|
44
|
-
* - status.info.light, status.info.default
|
|
45
|
-
* - typography.tooltip, typography.bodySecondary
|
|
46
|
-
* - grey[800]
|
|
47
|
-
* - fontSize.default, fontSize.sm
|
|
48
|
-
* - fontWeight.medium, fontWeight.regular
|
|
49
|
-
* - fontFamily.body
|
|
50
|
-
* - surfaces.shadowNeutral
|
|
51
|
-
*/
|
|
52
|
-
export declare const NeoStatusBanner: {
|
|
53
|
-
({ severity, variant, icon, children, ...props }: NeoStatusBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
-
displayName: string;
|
|
55
|
-
};
|