@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 44px container with 6px padding,
8
- * providing a larger interactive area for navigation UI.
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 44px container with 6px padding,
1745
- * providing a larger interactive area for navigation UI.
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
- return (jsx(StyledNavButton, { size: size, active: active, disableRipple: true, ...props, children: children }));
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.spacing_5_1_2,
5185
- height: spacing.spacing_5_1_2,
5186
- padding: spacing.spacing_3_4,
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 44px container with 6px padding,
5200
- * providing a larger interactive area for navigation UI.
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
  */