@moderneinc/neo-styled-components 5.0.0-next.bd2a49 → 5.0.0-next.d56e54
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.
|
@@ -4,8 +4,8 @@ export interface NeoNavigationAvatarProps extends Omit<NeoGeneralAvatarProps, 's
|
|
|
4
4
|
/**
|
|
5
5
|
* NeoNavigationAvatar - Compact avatar for navigation contexts
|
|
6
6
|
*
|
|
7
|
-
* Wraps NeoGeneralAvatar (size="small") in a
|
|
8
|
-
* providing
|
|
7
|
+
* Wraps NeoGeneralAvatar (size="small") in a 40px container,
|
|
8
|
+
* providing an interactive area for navigation UI.
|
|
9
9
|
*
|
|
10
10
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11325-102
|
|
11
11
|
*/
|
package/dist/index.d.ts
CHANGED
|
@@ -1741,8 +1741,8 @@ interface NeoNavigationAvatarProps extends Omit<NeoGeneralAvatarProps, 'size'> {
|
|
|
1741
1741
|
/**
|
|
1742
1742
|
* NeoNavigationAvatar - Compact avatar for navigation contexts
|
|
1743
1743
|
*
|
|
1744
|
-
* Wraps NeoGeneralAvatar (size="small") in a
|
|
1745
|
-
* providing
|
|
1744
|
+
* Wraps NeoGeneralAvatar (size="small") in a 40px container,
|
|
1745
|
+
* providing an interactive area for navigation UI.
|
|
1746
1746
|
*
|
|
1747
1747
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11325-102
|
|
1748
1748
|
*/
|
package/dist/index.esm.js
CHANGED
|
@@ -3508,7 +3508,8 @@ const StyledNavButton = styled(IconButton, {
|
|
|
3508
3508
|
*/
|
|
3509
3509
|
const NeoIconButton = ({ size = 'medium', variant = 'tertiary', active = false, loading, children, ...props }) => {
|
|
3510
3510
|
if (variant === 'nav') {
|
|
3511
|
-
|
|
3511
|
+
const { color, ...navProps } = props;
|
|
3512
|
+
return (jsx(StyledNavButton, { size: size, active: active, disableRipple: true, ...navProps, children: children }));
|
|
3512
3513
|
}
|
|
3513
3514
|
return (jsx(StyledIconOnlyButton, { variant: variant, size: size, loading: loading, ...props, children: children }));
|
|
3514
3515
|
};
|
|
@@ -5181,9 +5182,9 @@ NeoModalFooter.displayName = 'NeoModalFooter';
|
|
|
5181
5182
|
const NavigationAvatarContainer = styled('div')({
|
|
5182
5183
|
display: 'flex',
|
|
5183
5184
|
boxSizing: 'border-box',
|
|
5184
|
-
width: spacing.
|
|
5185
|
-
height: spacing.
|
|
5186
|
-
padding: spacing.
|
|
5185
|
+
width: spacing.spacing_5,
|
|
5186
|
+
height: spacing.spacing_5,
|
|
5187
|
+
padding: spacing.spacing_1_2,
|
|
5187
5188
|
justifyContent: 'center',
|
|
5188
5189
|
alignItems: 'center',
|
|
5189
5190
|
borderRadius: '50%',
|
|
@@ -5196,8 +5197,8 @@ const NavigationAvatarContainer = styled('div')({
|
|
|
5196
5197
|
/**
|
|
5197
5198
|
* NeoNavigationAvatar - Compact avatar for navigation contexts
|
|
5198
5199
|
*
|
|
5199
|
-
* Wraps NeoGeneralAvatar (size="small") in a
|
|
5200
|
-
* providing
|
|
5200
|
+
* Wraps NeoGeneralAvatar (size="small") in a 40px container,
|
|
5201
|
+
* providing an interactive area for navigation UI.
|
|
5201
5202
|
*
|
|
5202
5203
|
* @figma https://www.figma.com/design/fQTkGSFbYyE7LiHuQJsENC?node-id=11325-102
|
|
5203
5204
|
*/
|