@moderneinc/neo-styled-components 2.6.0 → 2.7.0

package/dist/utils/avatarColors.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Shared color palette for avatar components (GeneralAvatar, NavigationAvatar).
+ * Maps color index (1-7) to background color token pairs.
+ */
+export declare const avatarColorPalette: Record<number, {
+    bg: string;
+}>;

package/dist/utils/focusRing.d.ts

@@ -1,10 +1,10 @@
 /**
- * Outline-based focus ring styles derived from Neo shadow tokens.
+ * Outline-based focus ring styles derived from Neo border tokens.
  * Uses CSS outline (not box-shadow) so focus rings are never clipped by overflow:hidden.
  *
- * Produces a double-ring effect: a white inner gap (via outline-offset) and a blue outer ring.
+ * Produces a double-ring effect: a white inner gap (via outline-offset) and a colored outer ring.
  */
 export declare const focusRingStyles: {
-    readonly outline: `${number}px solid rgba(47, 66, 255, 1)`;
+    readonly outline: "2px solid #3bcca6";
     readonly outlineOffset: "2px";
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moderneinc/neo-styled-components",
-  "version": "2.6.0",
+  "version": "2.7.0",
   "type": "module",
   "description": "Styled MUI components for Moderne applications",
   "main": "dist/index.js",

package/dist/ButtonGroup/ButtonGroup.d.ts

@@ -1,41 +0,0 @@
-import { type ButtonGroupProps as MuiButtonGroupProps } from '@mui/material/ButtonGroup';
-type ButtonGroupSize = 'small' | 'medium';
-export interface NeoButtonGroupProps extends Omit<MuiButtonGroupProps, 'size' | 'variant'> {
-    /**
-     * The size of the button group
-     * @default "medium"
-     *
-     * @figma Size=Sm → small, Size=Md → medium
-     */
-    size?: ButtonGroupSize;
-    /**
-     * The visual variant of the buttons
-     * ButtonGroup uses a fixed outlined style from the design
-     */
-    variant?: 'outlined';
-}
-/**
- * NeoButtonGroup - Button group component based on MUI ButtonGroup
- *
- * @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=4106-11129
- *
- * Figma Props Mapping:
- * - Size (Sm|Md) → size prop (small|medium)
- * - Active button state → Controlled externally via button props or classes
- *
- * Usage:
- * ```tsx
- * <NeoButtonGroup size="medium">
- *   <NeoButton>Button 1</NeoButton>
- *   <NeoButton>Button 2</NeoButton>
- *   <NeoButton>Button 3</NeoButton>
- * </NeoButtonGroup>
- * ```
- *
- * Note: To show active state, add 'active' class to the selected button
- */
-export declare const NeoButtonGroup: {
-    ({ size, variant, ...props }: NeoButtonGroupProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export {};