@zendeskgarden/react-avatars - npm Package Compare versions

Comparing version 9.1.1 to 9.1.2

dist/esm/elements/Avatar.js

@@ -25,11 +25,12 @@ /**
   let {
+    backgroundColor,
+    badge,
+    children,
+    foregroundColor,
     isSystem,
     size,
     status,
-    children,
-    badge,
+    statusLabel,
     surfaceColor,
-    backgroundColor,
-    foregroundColor,
-    ...props
+    ...other
   } = _ref;
@@ -52,3 +53,5 @@ const computedStatus = badge === undefined ? status : 'active';
   const shouldValidate = computedStatus !== undefined;
-  const statusLabel = useText(AvatarComponent, props, 'statusLabel', defaultStatusLabel, shouldValidate);
+  const ariaLabel = useText(AvatarComponent, {
+    statusLabel
+  }, 'statusLabel', defaultStatusLabel, shouldValidate);
   return React__default.createElement(StyledAvatar, Object.assign({
@@ -64,7 +67,7 @@ ref: ref,
     "aria-live": "polite"
-  }, props), Children.only(children), !!computedStatus && React__default.createElement(StyledStatusIndicator, {
+  }, other), Children.only(children), !!computedStatus && React__default.createElement(StyledStatusIndicator, {
     $size: size,
     $type: computedStatus,
     $surfaceColor: surfaceColor,
-    "aria-label": statusLabel,
+    "aria-label": ariaLabel,
     as: "figcaption"
@@ -71,0 +74,0 @@ }, computedStatus === 'active' ? React__default.createElement("span", {

dist/esm/styled/StyledAvatar.js

@@ -111,3 +111,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -114,0 +114,0 @@ displayName: "StyledAvatar",

dist/esm/styled/StyledStandaloneStatus.js

@@ -14,3 +14,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -17,0 +17,0 @@ displayName: "StyledStandaloneStatus",

dist/esm/styled/StyledStandaloneStatusCaption.js

@@ -17,3 +17,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -20,0 +20,0 @@ displayName: "StyledStandaloneStatusCaption",

dist/esm/styled/StyledStandaloneStatusIndicator.js

@@ -15,3 +15,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -18,0 +18,0 @@ displayName: "StyledStandaloneStatusIndicator",

dist/esm/styled/StyledStatusIndicator.js

@@ -53,3 +53,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -56,0 +56,0 @@ displayName: "StyledStatusIndicator",

dist/esm/styled/StyledStatusIndicatorBase.js

@@ -43,3 +43,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -46,0 +46,0 @@ displayName: "StyledStatusIndicatorBase",

dist/esm/styled/StyledText.js

@@ -13,3 +13,3 @@ /**
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -16,0 +16,0 @@ displayName: "StyledText",

dist/index.cjs.js

@@ -125,3 +125,3 @@ /**
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -246,3 +246,3 @@ displayName: "StyledText",
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -296,3 +296,3 @@ displayName: "StyledStatusIndicatorBase",
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -403,3 +403,3 @@ displayName: "StyledStatusIndicator",
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -417,3 +417,3 @@ displayName: "StyledAvatar",
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -431,3 +431,3 @@ displayName: "StyledStandaloneStatus",
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -441,3 +441,3 @@ displayName: "StyledStandaloneStatusCaption",
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.1.1'
+  'data-garden-version': '9.1.2'
 }).withConfig({
@@ -460,11 +460,12 @@ displayName: "StyledStandaloneStatusIndicator",
   let {
+    backgroundColor,
+    badge,
+    children,
+    foregroundColor,
     isSystem,
     size,
     status,
-    children,
-    badge,
+    statusLabel,
     surfaceColor,
-    backgroundColor,
-    foregroundColor,
-    ...props
+    ...other
   } = _ref;
@@ -487,3 +488,5 @@ const computedStatus = badge === undefined ? status : 'active';
   const shouldValidate = computedStatus !== undefined;
-  const statusLabel = reactTheming.useText(AvatarComponent, props, 'statusLabel', defaultStatusLabel, shouldValidate);
+  const ariaLabel = reactTheming.useText(AvatarComponent, {
+    statusLabel
+  }, 'statusLabel', defaultStatusLabel, shouldValidate);
   return React__namespace.default.createElement(StyledAvatar, Object.assign({
@@ -499,7 +502,7 @@ ref: ref,
     "aria-live": "polite"
-  }, props), React.Children.only(children), !!computedStatus && React__namespace.default.createElement(StyledStatusIndicator, {
+  }, other), React.Children.only(children), !!computedStatus && React__namespace.default.createElement(StyledStatusIndicator, {
     $size: size,
     $type: computedStatus,
     $surfaceColor: surfaceColor,
-    "aria-label": statusLabel,
+    "aria-label": ariaLabel,
     as: "figcaption"
@@ -506,0 +509,0 @@ }, computedStatus === 'active' ? React__namespace.default.createElement("span", {

package.json

 {
   "name": "@zendeskgarden/react-avatars",
-  "version": "9.1.1",
+  "version": "9.1.2",
   "description": "Components relating to avatars in the Garden Design System",
@@ -34,4 +34,4 @@ "license": "Apache-2.0",
   "devDependencies": {
-    "@zendeskgarden/react-dropdowns": "^9.1.1",
-    "@zendeskgarden/react-theming": "^9.1.1",
+    "@zendeskgarden/react-dropdowns": "^9.1.2",
+    "@zendeskgarden/react-theming": "^9.1.2",
     "@zendeskgarden/svg-icons": "7.3.0"
@@ -49,3 +49,3 @@ },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "21eaf7b57f27f1a846ed332f1b8e655d6bc0a13b"
+  "gitHead": "dd7b2e7fb6747ef39a028b4e7b9924c2098deea0"
 }

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

71884

increased by0.08%

Lines of code

1498

increased by0.4%

No dependency changes