@moderneinc/neo-styled-components 4.0.0-next.75a01f → 4.0.0-next.75bf90

package/dist/Tag/Tag.d.ts

@@ -3,6 +3,7 @@ import type { ComponentPropsWithoutRef, ElementType } from 'react';
 declare module '@mui/material/Chip' {
     interface ChipPropsColorOverrides {
         violet: true;
+        beta: true;
     }
     interface ChipPropsSizeOverrides {
         large: true;
@@ -30,7 +31,7 @@ type NeoTagOwnProps = {
      * @figma Intent (Neutral|Error|Warning|Success|Info|Violet)
      * @default "default"
      */
-    intent?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet';
+    intent?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
 };
 export type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component' | 'color'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
     component?: C;
@@ -43,7 +44,7 @@ export type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps &
  * Figma Props Mapping:
  * - 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)
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet|Beta) → intent (default|error|warning|success|info|violet|beta)
  * - TEXT Label → label prop
  */
 export declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, intent, ...props }: NeoTagProps<C>): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -2202,6 +2202,7 @@ declare const NeoTab: {
 declare module '@mui/material/Chip' {
     interface ChipPropsColorOverrides {
         violet: true;
+        beta: true;
     }
     interface ChipPropsSizeOverrides {
         large: true;
@@ -2229,7 +2230,7 @@ type NeoTagOwnProps = {
      * @figma Intent (Neutral|Error|Warning|Success|Info|Violet)
      * @default "default"
      */
-    intent?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet';
+    intent?: 'default' | 'error' | 'warning' | 'success' | 'info' | 'violet' | 'beta';
 };
 type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<ChipProps, keyof NeoTagOwnProps | 'component' | 'color'> & Omit<ComponentPropsWithoutRef<C>, keyof NeoTagOwnProps | keyof ChipProps> & {
     component?: C;
@@ -2242,7 +2243,7 @@ type NeoTagProps<C extends ElementType = typeof Chip> = NeoTagOwnProps & Omit<Ch
  * Figma Props Mapping:
  * - 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)
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet|Beta) → intent (default|error|warning|success|info|violet|beta)
  * - TEXT Label → label prop
  */
 declare function NeoTag<C extends ElementType = typeof Chip>({ size, variant, intent, ...props }: NeoTagProps<C>): react_jsx_runtime.JSX.Element;

package/dist/index.esm.js

@@ -2887,32 +2887,37 @@ const outlinedColorStyles = {
     default: {
         backgroundColor: semanticColors.status.neutral.light,
         color: semanticColors.status.neutral.dark,
-        borderColor: colors.grey[200],
+        borderColor: semanticColors.status.neutral.transparent,
     },
     error: {
         backgroundColor: semanticColors.status.error.light,
         color: semanticColors.status.error.dark,
-        borderColor: colors.red[100],
+        borderColor: semanticColors.status.error.transparent,
     },
     warning: {
         backgroundColor: semanticColors.status.warning.light,
         color: semanticColors.status.warning.dark,
-        borderColor: colors.orange[100],
+        borderColor: semanticColors.status.warning.transparent,
     },
     success: {
         backgroundColor: semanticColors.status.success.light,
         color: semanticColors.status.success.dark,
-        borderColor: 'rgba(94, 196, 111, 0.24)',
+        borderColor: semanticColors.status.success.transparent,
     },
     info: {
         backgroundColor: semanticColors.status.info.light,
         color: semanticColors.status.info.dark,
-        borderColor: colors.digitalBlue[100],
+        borderColor: semanticColors.status.info.transparent,
     },
     violet: {
-        backgroundColor: `${colors.violet[100]}66`, // rgba(235,213,241,0.4)
+        backgroundColor: 'rgba(235, 213, 241, 0.4)',
         color: colors.violet[600],
-        borderColor: colors.violet[100],
+        borderColor: colors.violet[200],
+    },
+    beta: {
+        backgroundColor: colors.digitalBlue[50],
+        color: colors.digitalBlue[400],
+        borderColor: colors.digitalBlue[200],
     },
 };
 const filledColorStyles = {
@@ -2922,6 +2927,7 @@ 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,
@@ -2951,10 +2957,10 @@ const StyledChip$1 = styled(Chip)(({ theme, size, variant, color }) => ({
  * Figma Props Mapping:
  * - 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)
+ * - Intent (Neutral|Error|Warning|Success|Info|Violet|Beta) → intent (default|error|warning|success|info|violet|beta)
  * - TEXT Label → label prop
  */
-function NeoTag({ size = 'small', variant = 'outlined', intent, ...props }) {
+function NeoTag({ size = 'small', variant = 'outlined', intent = 'default', ...props }) {
     return jsx(StyledChip$1, { size: size, variant: variant, color: intent, ...props });
 }
 NeoTag.displayName = 'NeoTag';