@moderneinc/neo-styled-components 4.0.0-next.e5eac5 → 4.0.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.
- package/dist/Button/Button.d.ts +2 -4
- package/dist/Checkbox/Checkbox.d.ts +1 -1
- package/dist/CheckboxWithText/CheckboxWithText.d.ts +40 -0
- package/dist/DataGridCell/DataGridCell.d.ts +1 -1
- package/dist/DatePickerListItem/DatePickerListItem.d.ts +26 -0
- package/dist/DatePickerMenu/DatePickerMenu.d.ts +26 -0
- package/dist/Dot/Dot.d.ts +1 -1
- package/dist/RadioButtonWithText/RadioButtonWithText.d.ts +26 -0
- package/dist/Toast/Toast.d.ts +1 -1
- package/dist/ToggleButton/ToggleButton.d.ts +26 -0
- package/dist/ToggleButtonWithText/ToggleButtonWithText.d.ts +26 -0
- package/dist/TourModal/TourModal.d.ts +26 -0
- package/dist/index.d.ts +105 -62
- package/dist/index.esm.js +88 -228
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +88 -227
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/Avatar/Avatar.d.ts +0 -51
package/package.json
CHANGED
package/dist/Avatar/Avatar.d.ts
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { type AvatarProps } from '@mui/material/Avatar';
|
|
2
|
-
export interface NeoAvatarProps extends Omit<AvatarProps, 'variant'> {
|
|
3
|
-
/**
|
|
4
|
-
* The size of the avatar
|
|
5
|
-
* @default "medium"
|
|
6
|
-
*/
|
|
7
|
-
size?: 'small' | 'medium';
|
|
8
|
-
/**
|
|
9
|
-
* The variant of the avatar
|
|
10
|
-
* - "circular": Image avatar with white surface container (medium only)
|
|
11
|
-
* - "initials": Text/initials avatar with violet background (no container)
|
|
12
|
-
* @default "circular"
|
|
13
|
-
*/
|
|
14
|
-
variant?: 'circular' | 'initials';
|
|
15
|
-
}
|
|
16
|
-
/**
|
|
17
|
-
* NeoAvatar - User avatar component based on MUI Avatar
|
|
18
|
-
*
|
|
19
|
-
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC/Neo---Moderne-Design-system---2025?node-id=9600-185
|
|
20
|
-
*
|
|
21
|
-
* Figma Props Mapping:
|
|
22
|
-
* - Figma Type "Initials" → variant="initials", size="small" (20px)
|
|
23
|
-
* - Figma Type "Small" → variant="circular", size="small" (32px with image)
|
|
24
|
-
* - Figma Type "Medium" → variant="circular", size="medium" (44px white container with image)
|
|
25
|
-
* - State: Focus → CSS :focus-visible ring (2px white inner + 4px blue outer)
|
|
26
|
-
* - State: Hover (tooltip) → Wrap component with MUI Tooltip
|
|
27
|
-
*
|
|
28
|
-
* Usage:
|
|
29
|
-
* ```tsx
|
|
30
|
-
* // Medium image avatar (with white container)
|
|
31
|
-
* <NeoAvatar variant="circular" size="medium" src="/avatar.jpg" alt="User" />
|
|
32
|
-
*
|
|
33
|
-
* // Small image avatar (no container)
|
|
34
|
-
* <NeoAvatar variant="circular" size="small" src="/avatar.jpg" alt="User" />
|
|
35
|
-
*
|
|
36
|
-
* // Small initials avatar
|
|
37
|
-
* <NeoAvatar variant="initials" size="small">A</NeoAvatar>
|
|
38
|
-
*
|
|
39
|
-
* // Medium initials avatar
|
|
40
|
-
* <NeoAvatar variant="initials" size="medium">AB</NeoAvatar>
|
|
41
|
-
*
|
|
42
|
-
* // With tooltip (user wraps)
|
|
43
|
-
* <Tooltip title="This is a tooltip" arrow placement="top">
|
|
44
|
-
* <NeoAvatar variant="initials">A</NeoAvatar>
|
|
45
|
-
* </Tooltip>
|
|
46
|
-
* ```
|
|
47
|
-
*/
|
|
48
|
-
export declare const NeoAvatar: {
|
|
49
|
-
({ size, variant, ...props }: NeoAvatarProps): import("react/jsx-runtime").JSX.Element;
|
|
50
|
-
displayName: string;
|
|
51
|
-
};
|