@moderneinc/neo-styled-components 4.0.0-next.b8926c → 4.0.0-next.d94dc4

package/dist/Button/Button.d.ts

@@ -5,12 +5,10 @@ declare module '@mui/material/ButtonBase' {
         primary: true;
         secondary: true;
         destructive: true;
-        link: true;
-        linkColor: true;
         tertiary: true;
     }
 }
-type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'link' | 'linkColor' | 'tertiary';
+type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'tertiary';
 type ButtonSize = 'small' | 'medium';
 type NeoButtonOwnProps = {
     /**
@@ -60,7 +58,7 @@ export type NeoButtonProps<C extends ElementType = typeof ButtonBase> = NeoButto
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4086-7590
  *
  * Figma Props Mapping:
- * - Hierarchy (Primary|Secondary|Destructive|Link|Link Color|Tertiary) → variant prop
+ * - Hierarchy (Primary|Secondary|Destructive|Tertiary) → variant prop
  * - Size (Small|Medium) → size prop
  * - State=Disabled → disabled prop
  * - State=Loading → loading prop

package/dist/Checkbox/Checkbox.d.ts

@@ -48,7 +48,7 @@ export interface NeoCheckboxProps extends Omit<CheckboxProps, 'size'> {
  * Figma Props Mapping:
  * - Checked (True|False) → checked prop
  * - Indeterminate (True|False) → indeterminate prop
- * - Size (xs|sm|md) → size prop (xs|small|medium)
+ * - Size (Extra Small|Small|Medium) → size prop (xs|small|medium)
  * - State=Default → default state
  * - State=Hover → CSS :hover
  * - State=Focused → CSS :focus-visible

package/dist/CheckboxWithText/CheckboxWithText.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoCheckboxWithText component
+ */
+export interface NeoCheckboxWithTextProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoCheckboxWithText - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=12125-162
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoCheckboxWithText: {
+    ({ children, ...props }: NeoCheckboxWithTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/DatePickerListItem/DatePickerListItem.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoDatePickerListItem component
+ */
+export interface NeoDatePickerListItemProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoDatePickerListItem - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8521
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoDatePickerListItem: {
+    ({ children, ...props }: NeoDatePickerListItemProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/DatePickerMenu/DatePickerMenu.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoDatePickerMenu component
+ */
+export interface NeoDatePickerMenuProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoDatePickerMenu - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4176-8593
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoDatePickerMenu: {
+    ({ children, ...props }: NeoDatePickerMenuProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Dot/Dot.d.ts

@@ -25,7 +25,7 @@ export interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'bad
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4163-3577
  *
  * Figma Props Mapping:
- * - size (sm|md|lg) → size prop (small|medium|large)
+ * - Size (Small|Medium|Large) → size prop (small|medium|large)
  * - outline (False|True) → variant prop (solid|outline)
  * - Color is configurable via color prop (success|error|warning|info|neutral)
  */

package/dist/RadioButtonWithText/RadioButtonWithText.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoRadioButtonWithText component
+ */
+export interface NeoRadioButtonWithTextProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoRadioButtonWithText - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-7682
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoRadioButtonWithText: {
+    ({ children, ...props }: NeoRadioButtonWithTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/ToggleButton/ToggleButton.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoToggleButton component
+ */
+export interface NeoToggleButtonProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoToggleButton - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=4163-5777
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoToggleButton: {
+    ({ children, ...props }: NeoToggleButtonProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/ToggleButtonWithText/ToggleButtonWithText.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoToggleButtonWithText component
+ */
+export interface NeoToggleButtonWithTextProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoToggleButtonWithText - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11565-10485
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoToggleButtonWithText: {
+    ({ children, ...props }: NeoToggleButtonWithTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/TourModal/TourModal.d.ts

@@ -0,0 +1,26 @@
+import type { ReactNode } from 'react';
+/**
+ * Props for the NeoTourModal component
+ */
+export interface NeoTourModalProps {
+    /**
+     * The content to display inside the component
+     */
+    children?: ReactNode;
+}
+/**
+ * NeoTourModal - TODO: Add component description
+ *
+ * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=12408-1800
+ *
+ * Figma Props Mapping:
+ * - TODO: Document Figma property mappings
+ * - FigmaProp → reactProp
+ *
+ * Design Tokens Used:
+ * - TODO: List design tokens used (e.g., semanticColors.text.primary, typography.body.medium)
+ */
+export declare const NeoTourModal: {
+    ({ children, ...props }: NeoTourModalProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/index.d.ts

@@ -491,12 +491,10 @@ declare module '@mui/material/ButtonBase' {
         primary: true;
         secondary: true;
         destructive: true;
-        link: true;
-        linkColor: true;
         tertiary: true;
     }
 }
-type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'link' | 'linkColor' | 'tertiary';
+type ButtonVariant = 'primary' | 'secondary' | 'destructive' | 'tertiary';
 type ButtonSize = 'small' | 'medium';
 type NeoButtonOwnProps = {
     /**
@@ -546,7 +544,7 @@ type NeoButtonProps<C extends ElementType = typeof ButtonBase__default> = NeoBut
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4086-7590
  *
  * Figma Props Mapping:
- * - Hierarchy (Primary|Secondary|Destructive|Link|Link Color|Tertiary) → variant prop
+ * - Hierarchy (Primary|Secondary|Destructive|Tertiary) → variant prop
  * - Size (Small|Medium) → size prop
  * - State=Disabled → disabled prop
  * - State=Loading → loading prop
@@ -723,7 +721,7 @@ interface NeoCheckboxProps extends Omit<CheckboxProps, 'size'> {
  * Figma Props Mapping:
  * - Checked (True|False) → checked prop
  * - Indeterminate (True|False) → indeterminate prop
- * - Size (xs|sm|md) → size prop (xs|small|medium)
+ * - Size (Extra Small|Small|Medium) → size prop (xs|small|medium)
  * - State=Default → default state
  * - State=Hover → CSS :hover
  * - State=Focused → CSS :focus-visible
@@ -1312,7 +1310,7 @@ interface NeoDotProps extends Omit<BadgeProps, 'variant' | 'color' | 'badgeConte
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4163-3577
  *
  * Figma Props Mapping:
- * - size (sm|md|lg) → size prop (small|medium|large)
+ * - Size (Small|Medium|Large) → size prop (small|medium|large)
  * - outline (False|True) → variant prop (solid|outline)
  * - Color is configurable via color prop (success|error|warning|info|neutral)
  */

package/dist/index.esm.js

@@ -1350,48 +1350,6 @@ const StyledButtonBase$1 = styled(ButtonBase, {
                     },
                 }),
         },
-        link: {
-            backgroundColor: 'transparent',
-            color: semanticColors.buttons.tertiary.default,
-            border: 'none',
-            padding: `0 ${theme.spacing(1)}`,
-            '&:hover': {
-                backgroundColor: 'transparent',
-                color: semanticColors.buttons.tertiary.hover,
-            },
-            '&:active': {
-                color: semanticColors.buttons.tertiary.pressed,
-            },
-            ...(loading
-                ? {}
-                : {
-                    [`&.${buttonBaseClasses.disabled}`]: {
-                        backgroundColor: 'transparent',
-                        color: semanticColors.buttons.tertiary.disabled,
-                    },
-                }),
-        },
-        linkColor: {
-            backgroundColor: 'transparent',
-            color: semanticColors.buttons.primary.default,
-            border: 'none',
-            padding: `0 ${theme.spacing(1)}`,
-            '&:hover': {
-                backgroundColor: 'transparent',
-                color: semanticColors.buttons.primary.hover,
-            },
-            '&:active': {
-                color: semanticColors.buttons.primary.pressed,
-            },
-            ...(loading
-                ? {}
-                : {
-                    [`&.${buttonBaseClasses.disabled}`]: {
-                        backgroundColor: 'transparent',
-                        color: semanticColors.buttons.tertiary.disabled,
-                    },
-                }),
-        },
         tertiary: {
             backgroundColor: 'transparent',
             color: semanticColors.typography.input.default,
@@ -1426,8 +1384,6 @@ const LoadingSpinner = styled(CircularProgress)(({ theme, $variant }) => {
         primary: theme.palette.common.white,
         secondary: semanticColors.buttons.primary.default,
         destructive: theme.palette.common.white,
-        link: semanticColors.buttons.primary.default,
-        linkColor: semanticColors.buttons.primary.default,
         tertiary: semanticColors.buttons.tertiary.default,
     };
     return {
@@ -1440,7 +1396,7 @@ const LoadingSpinner = styled(CircularProgress)(({ theme, $variant }) => {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4086-7590
  *
  * Figma Props Mapping:
- * - Hierarchy (Primary|Secondary|Destructive|Link|Link Color|Tertiary) → variant prop
+ * - Hierarchy (Primary|Secondary|Destructive|Tertiary) → variant prop
  * - Size (Small|Medium) → size prop
  * - State=Disabled → disabled prop
  * - State=Loading → loading prop
@@ -1939,7 +1895,7 @@ const StyledCheckbox = styled(Checkbox, {
  * Figma Props Mapping:
  * - Checked (True|False) → checked prop
  * - Indeterminate (True|False) → indeterminate prop
- * - Size (xs|sm|md) → size prop (xs|small|medium)
+ * - Size (Extra Small|Small|Medium) → size prop (xs|small|medium)
  * - State=Default → default state
  * - State=Hover → CSS :hover
  * - State=Focused → CSS :focus-visible
@@ -3894,7 +3850,7 @@ const StyledBadge = styled(Badge)(({ ownerState }) => {
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4163-3577
  *
  * Figma Props Mapping:
- * - size (sm|md|lg) → size prop (small|medium|large)
+ * - Size (Small|Medium|Large) → size prop (small|medium|large)
  * - outline (False|True) → variant prop (solid|outline)
  * - Color is configurable via color prop (success|error|warning|info|neutral)
  */
@@ -6285,7 +6241,7 @@ const ToastButton = styled(Button, {
 const NeoToast = ({ intent = 'neutral', type = 'outlined', title, message, showClose = false, actions, onClose, ...props }) => {
     const palette = intentColors[intent];
     const closeIconColor = type === 'filled' ? semanticColors.surfaces.white : palette.default;
-    return (jsxs(StyledAlert, { ...props, intent: intent, toastType: type, action: showClose ? (jsx(IconButton, { size: "small", onClick: onClose, sx: { color: closeIconColor }, children: jsx(X, { size: 16 }) })) : undefined, children: [jsxs(Stack, { sx: { gap: `${spacing.spacing_1}px`, width: '100%' }, children: [title && jsx(ToastTitle, { intent: intent, toastType: type, children: title }), message && jsx(ToastMessage, { intent: intent, toastType: type, children: message })] }), actions && jsx(ToastActions, { direction: "row", children: actions })] }));
+    return (jsxs(StyledAlert, { ...props, intent: intent, toastType: type, action: showClose ? (jsx(IconButton, { size: "small", onClick: onClose, sx: { color: closeIconColor }, children: jsx(X, { size: 16 }) })) : undefined, children: [jsxs(Stack, { sx: { gap: `${spacing.spacing_1}px`, width: '100%' }, children: [title && (jsx(ToastTitle, { intent: intent, toastType: type, children: title })), message && (jsx(ToastMessage, { intent: intent, toastType: type, children: message }))] }), actions && jsx(ToastActions, { direction: "row", children: actions })] }));
 };
 /**
  * Helper component for creating toast action buttons with proper styling