@moderneinc/neo-styled-components 2.6.0-next.ffaf01 → 2.7.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.
Files changed (13) hide show
  1. package/dist/Banner/Banner.d.ts +22 -17
  2. package/dist/CodeSnippet/CodeSnippet.d.ts +4 -4
  3. package/dist/StatusBanner/StatusBanner.d.ts +10 -7
  4. package/dist/Tabs/Tabs.d.ts +5 -7
  5. package/dist/Tag/Tag.d.ts +7 -7
  6. package/dist/Toast/Toast.d.ts +19 -11
  7. package/dist/Tooltip/Tooltip.d.ts +6 -6
  8. package/dist/index.d.ts +73 -59
  9. package/dist/index.esm.js +293 -132
  10. package/dist/index.esm.js.map +1 -1
  11. package/dist/index.js +293 -132
  12. package/dist/index.js.map +1 -1
  13. package/package.json +1 -1
package/dist/Banner/Banner.d.ts CHANGED
@@ -2,36 +2,41 @@ import { type AlertProps } from '@mui/material/Alert';
2
2
  import type { ReactNode } from 'react';
3
3
  export interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
4
4
  /**
5
- * The visual style variant of the banner
6
- * @default "light"
5
+ * The intent/color variant of the banner
6
+ * @default "info"
7
7
  *
8
- * @figmaPropMapping color (Dark|Light|Success|Error|Warning) → variant
8
+ * @figma Intention (Info|Success|Error|Warning|Neutral)
9
9
  */
10
- variant?: 'dark' | 'light' | 'success' | 'error' | 'warning';
10
+ variant?: 'info' | 'success' | 'error' | 'warning' | 'neutral' | 'dark' | 'light';
11
11
  /**
12
- * The message text to display
12
+ * The visual type: outlined (light bg) or filled (solid bg)
13
+ * Only applies to intent variants. Legacy variants (dark, light) ignore this prop.
14
+ * @default "outlined"
13
15
  *
14
- * @figmaPropMapping {Message} → message
16
+ * @figma Type (Outlined|Filled)
17
+ */
18
+ type?: 'outlined' | 'filled';
19
+ /**
20
+ * The message text to display
15
21
  */
16
22
  message: string;
17
23
  /**
18
24
  * Horizontal alignment of the message content
19
25
  * @default "left"
20
26
  *
21
- * @figmaPropMapping messagePosition (Left|Center) → messagePosition
27
+ * @figma Message Position (Left|Center)
22
28
  */
23
29
  messagePosition?: 'left' | 'center';
24
30
  /**
25
- * Optional link text to display after the message
26
- *
27
- * @figmaPropMapping link (boolean) → linkText (string)
31
+ * Optional link text to display after the message.
32
+ * In Figma, "Show Link" is a boolean toggle; when enabled, this string is rendered.
28
33
  */
29
34
  linkText?: string;
30
35
  /**
31
36
  * Whether to show the close button
32
37
  * @default true
33
38
  *
34
- * @figmaPropMapping closeIcon → showClose
39
+ * @figma Dismissible (boolean)
35
40
  */
36
41
  showClose?: boolean;
37
42
  /**
@@ -54,13 +59,13 @@ export interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity'
54
59
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4170-2158
55
60
  *
56
61
  * Figma Props Mapping:
57
- * - color (Dark|Light|Success|Error|Warning) → variant (dark|light|success|error|warning)
58
- * - messagePosition (Left|Center) → messagePosition ("left"|"center")
59
- * - closeIcon (boolean) → showClose (boolean)
60
- * - link (boolean) → linkText (string)
61
- * - {Message} → message (string)
62
+ * - Intention (Info|Success|Error|Warning|Neutral) → variant (info|success|error|warning|neutral)
63
+ * - Type (Outlined|Filled) → type ('outlined'|'filled')
64
+ * - Message Position (Left|Center) → messagePosition ('left'|'center')
65
+ * - Dismissible (boolean) → showClose (boolean)
66
+ * - Show Link (boolean) → linkText presence (string when shown)
62
67
  */
63
68
  export declare const NeoBanner: {
64
- ({ variant, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: NeoBannerProps): import("react/jsx-runtime").JSX.Element;
69
+ ({ variant, type, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: NeoBannerProps): import("react/jsx-runtime").JSX.Element;
65
70
  displayName: string;
66
71
  };
package/dist/CodeSnippet/CodeSnippet.d.ts CHANGED
@@ -20,7 +20,7 @@ export interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
20
20
  * The size of the code snippet
21
21
  * @default "small"
22
22
  *
23
- * @figma Size (Single line|multiline|inline)
23
+ * @figma Content (Single|Multi|Inline)
24
24
  */
25
25
  size?: CodeSnippetSize;
26
26
  /**
@@ -38,9 +38,9 @@ export interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
38
38
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4187-30353
39
39
  *
40
40
  * Figma Props Mapping:
41
- * - Color (Light|Dark) → variant (outlined|filled)
42
- * - size (Single line|multiline|inline) → size prop + auto-detected multiline
43
- * - Copy button → endIcon (ReactNode)
41
+ * - Theme (Dark|Light) → variant (outlined|filled)
42
+ * - Content (Single|Multi|Inline) → size (small|large|inline)
43
+ * - Show icon (boolean) → endIcon (ReactNode, unmappable)
44
44
  * - Text content → children prop
45
45
  */
46
46
  export declare const NeoCodeSnippet: {
package/dist/StatusBanner/StatusBanner.d.ts CHANGED
@@ -7,13 +7,15 @@ export interface NeoStatusBannerProps extends Omit<AlertProps, 'severity' | 'var
7
7
  /**
8
8
  * The severity level of the status banner
9
9
  * @default "success"
10
- * @figma Intent
10
+ *
11
+ * @figma Intent (Success|Error|Info|Offline|Warning)
11
12
  */
12
- severity?: 'success' | 'error' | 'neutral' | 'info';
13
+ severity?: 'success' | 'error' | 'neutral' | 'info' | 'warning';
13
14
  /**
14
15
  * The visual variant style
15
16
  * @default "outlined"
16
- * @figma Theme
17
+ *
18
+ * @figma Type (Outlined|Filled)
17
19
  */
18
20
  variant?: 'outlined' | 'filled';
19
21
  /**
@@ -28,20 +30,21 @@ export interface NeoStatusBannerProps extends Omit<AlertProps, 'severity' | 'var
28
30
  /**
29
31
  * NeoStatusBanner - Status banner component for displaying system status messages
30
32
  *
31
- * Displays status information with different severity levels (success, error, info, neutral) and
32
- * visual modes (outlined for light backgrounds, filled for emphasis).
33
+ * Displays status information with different severity levels (success, error, info, neutral, warning)
34
+ * and visual modes (outlined for light backgrounds, filled for emphasis).
33
35
  *
34
36
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4921-3427
35
37
  *
36
38
  * Figma Props Mapping:
37
- * - Status (Success|Error|Info|Offline) → severity ('success'|'error'|'info'|'neutral')
38
- * - Mode (Light|Dark) → variant ('outlined'|'filled')
39
+ * - Intent (Success|Error|Info|Offline|Warning) → severity ('success'|'error'|'info'|'neutral'|'warning')
40
+ * - Type (Outlined|Filled) → variant ('outlined'|'filled')
39
41
  *
40
42
  * Design Tokens Used:
41
43
  * - status.success.light, status.success.default
42
44
  * - status.error.light, status.error.default
43
45
  * - status.neutral.light, status.neutral.default
44
46
  * - status.info.light, status.info.default
47
+ * - status.warning.light, status.warning.default
45
48
  * - typography.tooltip, typography.bodySecondary
46
49
  * - grey[800]
47
50
  * - fontSize.default, fontSize.sm
package/dist/Tabs/Tabs.d.ts CHANGED
@@ -22,13 +22,13 @@ export interface NeoTabProps extends Omit<TabProps, 'label'> {
22
22
  * Optional count to display in a tag next to the label
23
23
  * @default undefined
24
24
  *
25
- * @figma Tag with number (999)
25
+ * @figma Show tag (boolean)
26
26
  */
27
27
  count?: number | string;
28
28
  /**
29
29
  * Tab value identifier
30
30
  *
31
- * @figma Used for Current=True/False state
31
+ * @figma Selected (True|False) — controlled by parent NeoTabs
32
32
  */
33
33
  value: string | number;
34
34
  }
@@ -38,11 +38,9 @@ export interface NeoTabProps extends Omit<TabProps, 'label'> {
38
38
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=3368-26152
39
39
  *
40
40
  * Figma Props Mapping:
41
- * - Current=True/False → Controlled by parent NeoTabs value
42
- * - State=Default → default styling
43
- * - State=Hover → CSS :hover
44
- * - State=Focus → CSS :focus-visible
45
- * - Tag count → count prop (renders NeoTag)
41
+ * - Selected (True|False) → Controlled by parent NeoTabs value
42
+ * - State (Default|Hover|Focus|Disabled) → CSS states + disabled prop
43
+ * - Show tag (boolean) → count prop (renders NeoTag)
46
44
  * - Text label → label prop
47
45
  */
48
46
  export declare const NeoTab: {
package/dist/Tag/Tag.d.ts CHANGED
@@ -15,19 +15,19 @@ declare module '@mui/material/Chip' {
15
15
  export interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
16
16
  /**
17
17
  * The size of the tag
18
- * @figma m (sm|md|lg)
18
+ * @figma Size (Small|Medium|Large)
19
19
  * @default "small"
20
20
  */
21
21
  size?: 'small' | 'medium' | 'large';
22
22
  /**
23
23
  * The variant style of the tag
24
- * @figma type (light|dark)
24
+ * @figma Type (Outline|Filled)
25
25
  * @default "outlined"
26
26
  */
27
27
  variant?: 'outlined' | 'filled';
28
28
  /**
29
- * The color/state of the tag
30
- * @figma state (Neutral|Error|Warning|Success|Info|Violet|Beta)
29
+ * The color/intent of the tag
30
+ * @figma Intent (Neutral|Error|Warning|Success|Info|Violet|Beta)
31
31
  * @default "default"
32
32
  */
33
33
  color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
@@ -38,9 +38,9 @@ export interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
38
38
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4120-34533
39
39
  *
40
40
  * Figma Props Mapping:
41
- * - m (sm|md|lg) → size (small|medium|large)
42
- * - type (light|dark) → variant (outlined|filled)
43
- * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
41
+ * - Size (Small|Medium|Large) → size (small|medium|large)
42
+ * - Type (Outline|Filled) → variant (outlined|filled)
43
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
44
44
  * - Label text → label prop
45
45
  */
46
46
  export declare const NeoTag: {
package/dist/Toast/Toast.d.ts CHANGED
@@ -3,10 +3,17 @@ import Button from '@mui/material/Button';
3
3
  import type { ReactNode } from 'react';
4
4
  export interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
5
5
  /**
6
- * The visual style variant of the toast
6
+ * The intent/color variant of the toast
7
7
  * @default "default"
8
8
  */
9
- variant?: 'default' | 'dark' | 'brand' | 'error' | 'success' | 'info' | 'download';
9
+ variant?: 'default' | 'error' | 'success' | 'info' | 'warning' | 'dark' | 'brand' | 'download';
10
+ /**
11
+ * The visual type: outlined (light bg + border) or filled (solid bg)
12
+ * Only applies to intent variants (default, error, success, info, warning).
13
+ * Legacy variants (dark, brand, download) ignore this prop.
14
+ * @default "outlined"
15
+ */
16
+ type?: 'filled' | 'outlined';
10
17
  /**
11
18
  * The title/header text
12
19
  */
@@ -44,25 +51,26 @@ export interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' |
44
51
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-37223
45
52
  *
46
53
  * Figma Props Mapping:
47
- * - type (Light mode|Dark mode|Brand color|Error|Success|Info|Download) → variant (default|dark|brand|error|success|info|download)
48
- * - header → title (string)
49
- * - supportingText → message (string)
50
- * - xCloseButton → showClose (boolean)
51
- * - actions → actions (ReactNode)
52
- * - Progress bar → progress (number 0-100)
54
+ * - Intent (Neutral|Error|Success|Info|Warning) → variant (default|error|success|info|warning)
55
+ * - Type (Outlined|Filled) → type ('outlined'|'filled')
56
+ * - Show header → title (string)
57
+ * - Show supporting text → message (string)
58
+ * - Show close icon → showClose (boolean)
59
+ * - Show actions → actions (ReactNode)
53
60
  */
54
61
  export declare const NeoToast: {
55
- ({ variant, title, message, showClose, actions, progress, fileName, onClose, ...props }: NeoToastProps): import("react/jsx-runtime").JSX.Element;
62
+ ({ variant, type, title, message, showClose, actions, progress, fileName, onClose, ...props }: NeoToastProps): import("react/jsx-runtime").JSX.Element;
56
63
  displayName: string;
57
64
  };
58
65
  /**
59
66
  * Helper component for creating toast action buttons with proper styling
60
67
  */
61
68
  export declare const NeoToastButton: {
62
- ({ primary, variant, children, ...props }: {
69
+ ({ primary, variant, type, children, ...props }: {
63
70
  primary?: boolean;
64
71
  variant?: NeoToastProps["variant"];
72
+ type?: NeoToastProps["type"];
65
73
  children: ReactNode;
66
- } & Omit<React.ComponentProps<typeof Button>, "variant">): import("react/jsx-runtime").JSX.Element;
74
+ } & Omit<React.ComponentProps<typeof Button>, "variant" | "type">): import("react/jsx-runtime").JSX.Element;
67
75
  displayName: string;
68
76
  };
package/dist/Tooltip/Tooltip.d.ts CHANGED
@@ -10,7 +10,7 @@ export interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'>
10
10
  /**
11
11
  * The visual style variant
12
12
  * @default "light"
13
- * @figma Type
13
+ * @figma Theme (Light mode|Dark mode|Brand color)
14
14
  */
15
15
  variant?: TooltipVariant;
16
16
  /**
@@ -22,7 +22,7 @@ export interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'>
22
22
  * Optional supporting description text
23
23
  * When provided, shows a larger tooltip with title (semibold) + description (medium)
24
24
  * @default undefined
25
- * @figma Supporting text
25
+ * @figma Show description (boolean)
26
26
  */
27
27
  description?: string;
28
28
  }
@@ -35,10 +35,10 @@ export interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'>
35
35
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4091-26557&t=Bo58EpFmg6ILJtmv-11
36
36
  *
37
37
  * Figma Props Mapping:
38
- * - Type (Light mode|Dark mode|Brand color) → variant ('light'|'dark'|'brand')
39
- * - Arrow → arrow (boolean) + placement (top/bottom/left/right/etc)
40
- * - Supporting text (True|False) → description (string|undefined)
41
- * - text → title (string, literal content)
38
+ * - Theme (Light mode|Dark mode|Brand color) → variant ('light'|'dark'|'brand')
39
+ * - Placement (None|Bottom left|...|Top center) → arrow (boolean) + placement
40
+ * - Show description (boolean) → description (string|undefined)
41
+ * - Text → title (string, literal content)
42
42
  *
43
43
  * Design Tokens Used:
44
44
  * - Light: surfaces.tooltip (#4b5563), typography.tooltip (#ffffff)
package/dist/index.d.ts CHANGED
@@ -364,36 +364,41 @@ declare const NeoBadge: {
364
364
 
365
365
  interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
366
366
  /**
367
- * The visual style variant of the banner
368
- * @default "light"
367
+ * The intent/color variant of the banner
368
+ * @default "info"
369
369
  *
370
- * @figmaPropMapping color (Dark|Light|Success|Error|Warning) → variant
370
+ * @figma Intention (Info|Success|Error|Warning|Neutral)
371
371
  */
372
- variant?: 'dark' | 'light' | 'success' | 'error' | 'warning';
372
+ variant?: 'info' | 'success' | 'error' | 'warning' | 'neutral' | 'dark' | 'light';
373
373
  /**
374
- * The message text to display
374
+ * The visual type: outlined (light bg) or filled (solid bg)
375
+ * Only applies to intent variants. Legacy variants (dark, light) ignore this prop.
376
+ * @default "outlined"
375
377
  *
376
- * @figmaPropMapping {Message} → message
378
+ * @figma Type (Outlined|Filled)
379
+ */
380
+ type?: 'outlined' | 'filled';
381
+ /**
382
+ * The message text to display
377
383
  */
378
384
  message: string;
379
385
  /**
380
386
  * Horizontal alignment of the message content
381
387
  * @default "left"
382
388
  *
383
- * @figmaPropMapping messagePosition (Left|Center) → messagePosition
389
+ * @figma Message Position (Left|Center)
384
390
  */
385
391
  messagePosition?: 'left' | 'center';
386
392
  /**
387
- * Optional link text to display after the message
388
- *
389
- * @figmaPropMapping link (boolean) → linkText (string)
393
+ * Optional link text to display after the message.
394
+ * In Figma, "Show Link" is a boolean toggle; when enabled, this string is rendered.
390
395
  */
391
396
  linkText?: string;
392
397
  /**
393
398
  * Whether to show the close button
394
399
  * @default true
395
400
  *
396
- * @figmaPropMapping closeIcon → showClose
401
+ * @figma Dismissible (boolean)
397
402
  */
398
403
  showClose?: boolean;
399
404
  /**
@@ -416,14 +421,14 @@ interface NeoBannerProps extends Omit<AlertProps, 'variant' | 'severity' | 'colo
416
421
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4170-2158
417
422
  *
418
423
  * Figma Props Mapping:
419
- * - color (Dark|Light|Success|Error|Warning) → variant (dark|light|success|error|warning)
420
- * - messagePosition (Left|Center) → messagePosition ("left"|"center")
421
- * - closeIcon (boolean) → showClose (boolean)
422
- * - link (boolean) → linkText (string)
423
- * - {Message} → message (string)
424
+ * - Intention (Info|Success|Error|Warning|Neutral) → variant (info|success|error|warning|neutral)
425
+ * - Type (Outlined|Filled) → type ('outlined'|'filled')
426
+ * - Message Position (Left|Center) → messagePosition ('left'|'center')
427
+ * - Dismissible (boolean) → showClose (boolean)
428
+ * - Show Link (boolean) → linkText presence (string when shown)
424
429
  */
425
430
  declare const NeoBanner: {
426
- ({ variant, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: NeoBannerProps): react_jsx_runtime.JSX.Element;
431
+ ({ variant, type, message, messagePosition, linkText, showClose, icon, onClose, onLinkClick, ...props }: NeoBannerProps): react_jsx_runtime.JSX.Element;
427
432
  displayName: string;
428
433
  };
429
434
 
@@ -787,7 +792,7 @@ interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
787
792
  * The size of the code snippet
788
793
  * @default "small"
789
794
  *
790
- * @figma Size (Single line|multiline|inline)
795
+ * @figma Content (Single|Multi|Inline)
791
796
  */
792
797
  size?: CodeSnippetSize;
793
798
  /**
@@ -805,9 +810,9 @@ interface NeoCodeSnippetProps extends Omit<ButtonBaseProps, 'children'> {
805
810
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4187-30353
806
811
  *
807
812
  * Figma Props Mapping:
808
- * - Color (Light|Dark) → variant (outlined|filled)
809
- * - size (Single line|multiline|inline) → size prop + auto-detected multiline
810
- * - Copy button → endIcon (ReactNode)
813
+ * - Theme (Dark|Light) → variant (outlined|filled)
814
+ * - Content (Single|Multi|Inline) → size (small|large|inline)
815
+ * - Show icon (boolean) → endIcon (ReactNode, unmappable)
811
816
  * - Text content → children prop
812
817
  */
813
818
  declare const NeoCodeSnippet: {
@@ -2136,13 +2141,15 @@ interface NeoStatusBannerProps extends Omit<AlertProps, 'severity' | 'variant'>
2136
2141
  /**
2137
2142
  * The severity level of the status banner
2138
2143
  * @default "success"
2139
- * @figma Intent
2144
+ *
2145
+ * @figma Intent (Success|Error|Info|Offline|Warning)
2140
2146
  */
2141
- severity?: 'success' | 'error' | 'neutral' | 'info';
2147
+ severity?: 'success' | 'error' | 'neutral' | 'info' | 'warning';
2142
2148
  /**
2143
2149
  * The visual variant style
2144
2150
  * @default "outlined"
2145
- * @figma Theme
2151
+ *
2152
+ * @figma Type (Outlined|Filled)
2146
2153
  */
2147
2154
  variant?: 'outlined' | 'filled';
2148
2155
  /**
@@ -2157,20 +2164,21 @@ interface NeoStatusBannerProps extends Omit<AlertProps, 'severity' | 'variant'>
2157
2164
  /**
2158
2165
  * NeoStatusBanner - Status banner component for displaying system status messages
2159
2166
  *
2160
- * Displays status information with different severity levels (success, error, info, neutral) and
2161
- * visual modes (outlined for light backgrounds, filled for emphasis).
2167
+ * Displays status information with different severity levels (success, error, info, neutral, warning)
2168
+ * and visual modes (outlined for light backgrounds, filled for emphasis).
2162
2169
  *
2163
2170
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4921-3427
2164
2171
  *
2165
2172
  * Figma Props Mapping:
2166
- * - Status (Success|Error|Info|Offline) → severity ('success'|'error'|'info'|'neutral')
2167
- * - Mode (Light|Dark) → variant ('outlined'|'filled')
2173
+ * - Intent (Success|Error|Info|Offline|Warning) → severity ('success'|'error'|'info'|'neutral'|'warning')
2174
+ * - Type (Outlined|Filled) → variant ('outlined'|'filled')
2168
2175
  *
2169
2176
  * Design Tokens Used:
2170
2177
  * - status.success.light, status.success.default
2171
2178
  * - status.error.light, status.error.default
2172
2179
  * - status.neutral.light, status.neutral.default
2173
2180
  * - status.info.light, status.info.default
2181
+ * - status.warning.light, status.warning.default
2174
2182
  * - typography.tooltip, typography.bodySecondary
2175
2183
  * - grey[800]
2176
2184
  * - fontSize.default, fontSize.sm
@@ -2205,13 +2213,13 @@ interface NeoTabProps extends Omit<TabProps, 'label'> {
2205
2213
  * Optional count to display in a tag next to the label
2206
2214
  * @default undefined
2207
2215
  *
2208
- * @figma Tag with number (999)
2216
+ * @figma Show tag (boolean)
2209
2217
  */
2210
2218
  count?: number | string;
2211
2219
  /**
2212
2220
  * Tab value identifier
2213
2221
  *
2214
- * @figma Used for Current=True/False state
2222
+ * @figma Selected (True|False) — controlled by parent NeoTabs
2215
2223
  */
2216
2224
  value: string | number;
2217
2225
  }
@@ -2221,11 +2229,9 @@ interface NeoTabProps extends Omit<TabProps, 'label'> {
2221
2229
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=3368-26152
2222
2230
  *
2223
2231
  * Figma Props Mapping:
2224
- * - Current=True/False → Controlled by parent NeoTabs value
2225
- * - State=Default → default styling
2226
- * - State=Hover → CSS :hover
2227
- * - State=Focus → CSS :focus-visible
2228
- * - Tag count → count prop (renders NeoTag)
2232
+ * - Selected (True|False) → Controlled by parent NeoTabs value
2233
+ * - State (Default|Hover|Focus|Disabled) → CSS states + disabled prop
2234
+ * - Show tag (boolean) → count prop (renders NeoTag)
2229
2235
  * - Text label → label prop
2230
2236
  */
2231
2237
  declare const NeoTab: {
@@ -2249,19 +2255,19 @@ declare module '@mui/material/Chip' {
2249
2255
  interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
2250
2256
  /**
2251
2257
  * The size of the tag
2252
- * @figma m (sm|md|lg)
2258
+ * @figma Size (Small|Medium|Large)
2253
2259
  * @default "small"
2254
2260
  */
2255
2261
  size?: 'small' | 'medium' | 'large';
2256
2262
  /**
2257
2263
  * The variant style of the tag
2258
- * @figma type (light|dark)
2264
+ * @figma Type (Outline|Filled)
2259
2265
  * @default "outlined"
2260
2266
  */
2261
2267
  variant?: 'outlined' | 'filled';
2262
2268
  /**
2263
- * The color/state of the tag
2264
- * @figma state (Neutral|Error|Warning|Success|Info|Violet|Beta)
2269
+ * The color/intent of the tag
2270
+ * @figma Intent (Neutral|Error|Warning|Success|Info|Violet|Beta)
2265
2271
  * @default "default"
2266
2272
  */
2267
2273
  color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
@@ -2272,9 +2278,9 @@ interface NeoTagProps extends Omit<ChipProps, 'variant' | 'size'> {
2272
2278
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4120-34533
2273
2279
  *
2274
2280
  * Figma Props Mapping:
2275
- * - m (sm|md|lg) → size (small|medium|large)
2276
- * - type (light|dark) → variant (outlined|filled)
2277
- * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
2281
+ * - Size (Small|Medium|Large) → size (small|medium|large)
2282
+ * - Type (Outline|Filled) → variant (outlined|filled)
2283
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
2278
2284
  * - Label text → label prop
2279
2285
  */
2280
2286
  declare const NeoTag: {
@@ -2284,10 +2290,17 @@ declare const NeoTag: {
2284
2290
 
2285
2291
  interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color'> {
2286
2292
  /**
2287
- * The visual style variant of the toast
2293
+ * The intent/color variant of the toast
2288
2294
  * @default "default"
2289
2295
  */
2290
- variant?: 'default' | 'dark' | 'brand' | 'error' | 'success' | 'info' | 'download';
2296
+ variant?: 'default' | 'error' | 'success' | 'info' | 'warning' | 'dark' | 'brand' | 'download';
2297
+ /**
2298
+ * The visual type: outlined (light bg + border) or filled (solid bg)
2299
+ * Only applies to intent variants (default, error, success, info, warning).
2300
+ * Legacy variants (dark, brand, download) ignore this prop.
2301
+ * @default "outlined"
2302
+ */
2303
+ type?: 'filled' | 'outlined';
2291
2304
  /**
2292
2305
  * The title/header text
2293
2306
  */
@@ -2325,26 +2338,27 @@ interface NeoToastProps extends Omit<AlertProps, 'variant' | 'severity' | 'color
2325
2338
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4122-37223
2326
2339
  *
2327
2340
  * Figma Props Mapping:
2328
- * - type (Light mode|Dark mode|Brand color|Error|Success|Info|Download) → variant (default|dark|brand|error|success|info|download)
2329
- * - header → title (string)
2330
- * - supportingText → message (string)
2331
- * - xCloseButton → showClose (boolean)
2332
- * - actions → actions (ReactNode)
2333
- * - Progress bar → progress (number 0-100)
2341
+ * - Intent (Neutral|Error|Success|Info|Warning) → variant (default|error|success|info|warning)
2342
+ * - Type (Outlined|Filled) → type ('outlined'|'filled')
2343
+ * - Show header → title (string)
2344
+ * - Show supporting text → message (string)
2345
+ * - Show close icon → showClose (boolean)
2346
+ * - Show actions → actions (ReactNode)
2334
2347
  */
2335
2348
  declare const NeoToast: {
2336
- ({ variant, title, message, showClose, actions, progress, fileName, onClose, ...props }: NeoToastProps): react_jsx_runtime.JSX.Element;
2349
+ ({ variant, type, title, message, showClose, actions, progress, fileName, onClose, ...props }: NeoToastProps): react_jsx_runtime.JSX.Element;
2337
2350
  displayName: string;
2338
2351
  };
2339
2352
  /**
2340
2353
  * Helper component for creating toast action buttons with proper styling
2341
2354
  */
2342
2355
  declare const NeoToastButton: {
2343
- ({ primary, variant, children, ...props }: {
2356
+ ({ primary, variant, type, children, ...props }: {
2344
2357
  primary?: boolean;
2345
2358
  variant?: NeoToastProps["variant"];
2359
+ type?: NeoToastProps["type"];
2346
2360
  children: ReactNode;
2347
- } & Omit<React.ComponentProps<typeof Button>, "variant">): react_jsx_runtime.JSX.Element;
2361
+ } & Omit<React.ComponentProps<typeof Button>, "variant" | "type">): react_jsx_runtime.JSX.Element;
2348
2362
  displayName: string;
2349
2363
  };
2350
2364
 
@@ -2633,7 +2647,7 @@ interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'> {
2633
2647
  /**
2634
2648
  * The visual style variant
2635
2649
  * @default "light"
2636
- * @figma Type
2650
+ * @figma Theme (Light mode|Dark mode|Brand color)
2637
2651
  */
2638
2652
  variant?: TooltipVariant;
2639
2653
  /**
@@ -2645,7 +2659,7 @@ interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'> {
2645
2659
  * Optional supporting description text
2646
2660
  * When provided, shows a larger tooltip with title (semibold) + description (medium)
2647
2661
  * @default undefined
2648
- * @figma Supporting text
2662
+ * @figma Show description (boolean)
2649
2663
  */
2650
2664
  description?: string;
2651
2665
  }
@@ -2658,10 +2672,10 @@ interface NeoTooltipProps extends Omit<TooltipProps, 'title' | 'variant'> {
2658
2672
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4091-26557&t=Bo58EpFmg6ILJtmv-11
2659
2673
  *
2660
2674
  * Figma Props Mapping:
2661
- * - Type (Light mode|Dark mode|Brand color) → variant ('light'|'dark'|'brand')
2662
- * - Arrow → arrow (boolean) + placement (top/bottom/left/right/etc)
2663
- * - Supporting text (True|False) → description (string|undefined)
2664
- * - text → title (string, literal content)
2675
+ * - Theme (Light mode|Dark mode|Brand color) → variant ('light'|'dark'|'brand')
2676
+ * - Placement (None|Bottom left|...|Top center) → arrow (boolean) + placement
2677
+ * - Show description (boolean) → description (string|undefined)
2678
+ * - Text → title (string, literal content)
2665
2679
  *
2666
2680
  * Design Tokens Used:
2667
2681
  * - Light: surfaces.tooltip (#4b5563), typography.tooltip (#ffffff)