@chakra-ui/avatar - npm Package Compare versions

Comparing version 1.1.4 to 1.2.0

CHANGELOG.md

 # Change Log
 
+## 1.2.0
+
+### Minor Changes
+
+- [`b724a9dd9`](https://github.com/chakra-ui/chakra-ui/commit/b724a9dd9429d02c0b2c7f7deac66d3553100bdc)
+  [#3674](https://github.com/chakra-ui/chakra-ui/pull/3674) Thanks
+  [@codebender828](https://github.com/codebender828)! - Extract all React based
+  utilities and types into `@chakra-ui/react-utils`
+
+### Patch Changes
+
+- [`6ab82ca37`](https://github.com/chakra-ui/chakra-ui/commit/6ab82ca37e898444b13c6a54de0b18704f562f12)
+  Thanks [@segunadebayo](https://github.com/segunadebayo)! - Fix rtl styles for
+  avatar
+
+- Updated dependencies
+  [[`a58b724e9`](https://github.com/chakra-ui/chakra-ui/commit/a58b724e9c8656044f866b658f378662f2a44b46),
+  [`b724a9dd9`](https://github.com/chakra-ui/chakra-ui/commit/b724a9dd9429d02c0b2c7f7deac66d3553100bdc)]:
+  - @chakra-ui/utils@1.5.0
+  - @chakra-ui/react-utils@1.1.0
+  - @chakra-ui/image@1.0.10
+
 ## 1.1.4
@@ -4,0 +26,0 @@

dist/cjs/avatar-group.js

@@ -10,2 +10,4 @@ "use strict";
 
+var _reactUtils = require("@chakra-ui/react-utils");
+
 var React = _interopRequireWildcard(require("react"));
@@ -39,3 +41,3 @@
 
-  var validChildren = (0, _utils.getValidChildren)(children);
+  var validChildren = (0, _reactUtils.getValidChildren)(children);
   /**
@@ -58,7 +60,9 @@ * get the avatars within the max
   var clones = reversedChildren.map(function (child, index) {
+    var _child$props$borderCo;
+
     var isFirstAvatar = index === 0;
     var childProps = {
-      mr: isFirstAvatar ? 0 : spacing,
+      marginEnd: isFirstAvatar ? 0 : spacing,
       size: props.size,
-      borderColor: child.props.borderColor || borderColor,
+      borderColor: (_child$props$borderCo = child.props.borderColor) != null ? _child$props$borderCo : borderColor,
       showBorder: true
@@ -77,3 +81,3 @@ };
     borderRadius: borderRadius,
-    ml: spacing
+    marginStart: spacing
   }, _avatar.baseStyle, styles.excessLabel);
@@ -80,0 +84,0 @@

dist/cjs/avatar.js

@@ -34,3 +34,3 @@ "use strict";
     justifyContent: "center",
-    right: "0",
+    insetEnd: "0",
     bottom: "0"
@@ -37,0 +37,0 @@ }, styles.badge);

dist/esm/avatar-group.js

@@ -6,3 +6,4 @@ function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import { chakra, forwardRef, omitThemingProps, useMultiStyleConfig } from "@chakra-ui/system";
-import { cx, filterUndefined, getValidChildren, __DEV__ } from "@chakra-ui/utils";
+import { cx, filterUndefined, __DEV__ } from "@chakra-ui/utils";
+import { getValidChildren } from "@chakra-ui/react-utils";
 import * as React from "react";
@@ -45,7 +46,9 @@ import { baseStyle } from "./avatar";
   var clones = reversedChildren.map((child, index) => {
+    var _child$props$borderCo;
+
     var isFirstAvatar = index === 0;
     var childProps = {
-      mr: isFirstAvatar ? 0 : spacing,
+      marginEnd: isFirstAvatar ? 0 : spacing,
       size: props.size,
-      borderColor: child.props.borderColor || borderColor,
+      borderColor: (_child$props$borderCo = child.props.borderColor) != null ? _child$props$borderCo : borderColor,
       showBorder: true
@@ -64,3 +67,3 @@ };
     borderRadius,
-    ml: spacing
+    marginStart: spacing
   }, baseStyle, styles.excessLabel);
@@ -67,0 +70,0 @@

dist/esm/avatar.js

@@ -22,3 +22,3 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
     justifyContent: "center",
-    right: "0",
+    insetEnd: "0",
     bottom: "0"
@@ -25,0 +25,0 @@ }, styles.badge);

dist/types/avatar-group.d.ts

@@ -27,1 +27,2 @@ import { SystemProps, ThemingProps, HTMLChakraProps } from "@chakra-ui/system";
 export {};
+//# sourceMappingURL=avatar-group.d.ts.map

dist/types/avatar.d.ts

@@ -70,1 +70,2 @@ import type { SystemProps, SystemStyleObject, ThemingProps, HTMLChakraProps } from "@chakra-ui/system";
 export {};
+//# sourceMappingURL=avatar.d.ts.map

dist/types/index.d.ts

 export * from "./avatar";
 export * from "./avatar-group";
+//# sourceMappingURL=index.d.ts.map

package.json

 {
   "name": "@chakra-ui/avatar",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "A React component used to show users avatar or initials",
@@ -57,8 +57,9 @@ "keywords": [
   "devDependencies": {
-    "@chakra-ui/system": "1.5.0",
+    "@chakra-ui/system": "1.6.0",
     "react": "^17.0.1"
   },
   "dependencies": {
-    "@chakra-ui/image": "1.0.9",
-    "@chakra-ui/utils": "1.4.0"
+    "@chakra-ui/image": "1.0.10",
+    "@chakra-ui/react-utils": "1.1.0",
+    "@chakra-ui/utils": "1.5.0"
   },
@@ -65,0 +66,0 @@ "peerDependencies": {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

76264

increased by4.51%

Number of package files

21

increased by16.67%

Lines of code

648

increased by0.62%

Worsened metrics

Dependency count

5

increased by25%

Dependency changes

• + Added@chakra-ui/react-utils@1.1.0

• + Added@chakra-ui/hooks@1.3.0(transitive)

• + Added@chakra-ui/image@1.0.10(transitive)

• + Added@chakra-ui/react-utils@1.1.0(transitive)

• + Added@chakra-ui/utils@1.5.0(transitive)

• + Addedreact-dom@18.3.1(transitive)

• + Addedscheduler@0.23.2(transitive)

• - Removed@chakra-ui/hooks@1.2.0(transitive)

• - Removed@chakra-ui/image@1.0.9(transitive)

• - Removed@chakra-ui/utils@1.4.0(transitive)

• - Removed@types/object-assign@4.0.30(transitive)

• Updated@chakra-ui/image@1.0.10

• Updated@chakra-ui/utils@1.5.0