@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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@moderneinc/neo-styled-components",
3
- "version": "3.0.0",
3
+ "version": "4.0.0-next.44b6fc",
4
4
  "type": "module",
5
5
  "description": "Styled MUI components for Moderne applications",
6
6
  "main": "dist/index.js",
@@ -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
- };