@moderneinc/neo-styled-components 4.0.0-next.91534 → 4.0.0-next.a906fb

package/dist/Tag/Tag.d.ts

@@ -3,7 +3,6 @@ import type { ComponentPropsWithoutRef, ElementType } from 'react';
 declare module '@mui/material/Chip' {
     interface ChipPropsColorOverrides {
         violet: true;
-        beta: true;
     }
     interface ChipPropsSizeOverrides {
         large: true;
@@ -16,24 +15,24 @@ declare module '@mui/material/Chip' {
 type NeoTagOwnProps = {
     /**
      * The size of the tag
-     * @figma m (sm|md|lg)
+     * @figma Size (Small|Medium|Large)
      * @default "small"
      */
     size?: 'small' | 'medium' | 'large';
     /**
      * The variant style of the tag
-     * @figma type (light|dark)
+     * @figma Variant (Subtle|Filled)
      * @default "outlined"
      */
     variant?: 'outlined' | 'filled';
     /**
-     * The color/state of the tag
-     * @figma state (Neutral|Error|Warning|Success|Info|Violet|Beta)
+     * The intent/purpose of the tag
+     * @figma Intent (Neutral|Error|Warning|Success|Info|Violet)
      * @default "default"
      */
-    color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
+    intent?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet';
 };
-export type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
+export type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component' | 'color'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
     component?: C;
 };
 /**
@@ -42,12 +41,12 @@ export type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps &
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4120-34533
  *
  * Figma Props Mapping:
- * - m (sm|md|lg) → size (small|medium|large)
- * - type (light|dark) → variant (outlined|filled)
- * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
- * - Label text → label prop
+ * - Size (Small|Medium|Large) → size (small|medium|large)
+ * - Variant (Subtle|Filled) → variant (outlined|filled)
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet) → intent (default|error|warning|success|info|violet)
+ * - TEXT Label → label prop
  */
-export declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, ...props }: NeoTagProps<C>): import("react/jsx-runtime").JSX.Element;
+export declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, intent, ...props }: NeoTagProps<C>): import("react/jsx-runtime").JSX.Element;
 export declare namespace NeoTag {
     var displayName: string;
 }

package/dist/index.d.ts

@@ -2202,7 +2202,6 @@ declare const NeoTab: {
 declare module '@mui/material/Chip' {
     interface ChipPropsColorOverrides {
         violet: true;
-        beta: true;
     }
     interface ChipPropsSizeOverrides {
         large: true;
@@ -2215,24 +2214,24 @@ declare module '@mui/material/Chip' {
 type NeoTagOwnProps = {
     /**
      * The size of the tag
-     * @figma m (sm|md|lg)
+     * @figma Size (Small|Medium|Large)
      * @default "small"
      */
     size?: 'small' | 'medium' | 'large';
     /**
      * The variant style of the tag
-     * @figma type (light|dark)
+     * @figma Variant (Subtle|Filled)
      * @default "outlined"
      */
     variant?: 'outlined' | 'filled';
     /**
-     * The color/state of the tag
-     * @figma state (Neutral|Error|Warning|Success|Info|Violet|Beta)
+     * The intent/purpose of the tag
+     * @figma Intent (Neutral|Error|Warning|Success|Info|Violet)
      * @default "default"
      */
-    color?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
+    intent?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet';
 };
-type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
+type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component' | 'color'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
     component?: C;
 };
 /**
@@ -2241,12 +2240,12 @@ type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<Ch
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4120-34533
  *
  * Figma Props Mapping:
- * - m (sm|md|lg) → size (small|medium|large)
- * - type (light|dark) → variant (outlined|filled)
- * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
- * - Label text → label prop
+ * - Size (Small|Medium|Large) → size (small|medium|large)
+ * - Variant (Subtle|Filled) → variant (outlined|filled)
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet) → intent (default|error|warning|success|info|violet)
+ * - TEXT Label → label prop
  */
-declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, ...props }: NeoTagProps<C>): react_jsx_runtime.JSX.Element;
+declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, intent, ...props }: NeoTagProps<C>): react_jsx_runtime.JSX.Element;
 declare namespace NeoTag {
     var displayName: string;
 }

package/dist/index.esm.js

@@ -2914,11 +2914,6 @@ const outlinedColorStyles = {
         color: colors.violet[600],
         borderColor: colors.violet[100],
     },
-    beta: {
-        backgroundColor: colors.digitalBlue[100],
-        color: colors.digitalBlue[400],
-        borderColor: colors.digitalBlue[100],
-    },
 };
 const filledColorStyles = {
     default: semanticColors.status.neutral.default,
@@ -2927,7 +2922,6 @@ const filledColorStyles = {
     success: semanticColors.status.success.default,
     info: semanticColors.status.info.default,
     violet: colors.violet[500],
-    beta: colors.digitalBlue[300],
 };
 const StyledChip$1 = styled(Chip)(({ theme, size, variant, color }) => ({
     padding: 0,
@@ -2955,13 +2949,13 @@ const StyledChip$1 = styled(Chip)(({ theme, size, variant, color }) => ({
  * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4120-34533
  *
  * Figma Props Mapping:
- * - m (sm|md|lg) → size (small|medium|large)
- * - type (light|dark) → variant (outlined|filled)
- * - state (Neutral|Error|Warning|Success|Info|Violet|Beta) → color (default|error|warning|success|info|violet|beta)
- * - Label text → label prop
+ * - Size (Small|Medium|Large) → size (small|medium|large)
+ * - Variant (Subtle|Filled) → variant (outlined|filled)
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet) → intent (default|error|warning|success|info|violet)
+ * - TEXT Label → label prop
  */
-function NeoTag({ size = 'small', variant = 'outlined', ...props }) {
-    return jsx(StyledChip$1, { size: size, variant: variant, ...props });
+function NeoTag({ size = 'small', variant = 'outlined', intent, ...props }) {
+    return jsx(StyledChip$1, { size: size, variant: variant, color: intent, ...props });
 }
 NeoTag.displayName = 'NeoTag';