@happeouikit/avatar - npm Package Compare versions

Comparing version 1.4.11 to 1.4.12

CHANGELOG.md

 # Changelog
 
+## 1.4.12
+
+- [Fixed] Focus issues
+
 ## 1.4.11
@@ -4,0 +8,0 @@

dist/Avatar.js

@@ -97,3 +97,3 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
   componentId: "sc-1gbyqf4-8"
-})(["display:flex;justify-content:center;align-items:center;border-radius:50%;height:", ";width:", ";overflow:hidden;", " .hover-event:hover &{box-shadow:0 1px 6px 0 rgba(0,0,0,0.2);transform:translate3d(0,-1px,0);}.click-event:active &{transform:scale(0.95);}"], function (_ref) {
+})(["display:flex;justify-content:center;align-items:center;border:1px solid transparent;border-radius:50%;height:", ";width:", ";overflow:hidden;&:focus{outline:0;border:1px solid ", ";}", " .hover-event:hover &{box-shadow:0 1px 6px 0 rgba(0,0,0,0.2);transform:translate3d(0,-1px,0);}.click-event:active &{transform:scale(0.95);}"], function (_ref) {
   var size = _ref.size;
@@ -104,3 +104,3 @@ return sizeMap[size].avatar;
   return sizeMap[size].avatar;
-}, function (_ref3) {
+}, active, function (_ref3) {
   var bgColor = _ref3.bgColor;
@@ -201,3 +201,6 @@ return bgColor && css(["background-color:", ";"], bgColor);
         size: size,
-        tabIndex: "0"
+        tabIndex: "0",
+        onPointerDown: function onPointerDown(e) {
+          return e.preventDefault();
+        }
       }, React.createElement(VioletGroupIcon, {
@@ -212,3 +215,6 @@ width: sizeMap[size].avatar,
         size: size,
-        tabIndex: "0"
+        tabIndex: "0",
+        onPointerDown: function onPointerDown(e) {
+          return e.preventDefault();
+        }
       }, React.createElement(Image, {
@@ -229,2 +235,6 @@ alt: "".concat(user.fullName, " avatar"),
       size: size,
+      tabIndex: "0",
+      onPointerDown: function onPointerDown(e) {
+        return e.preventDefault();
+      },
       bgColor: getInitialsBgColor(user)
@@ -231,0 +241,0 @@ }, React.createElement(InitialsFont, {

package.json

 {
   "name": "@happeouikit/avatar",
-  "version": "1.4.11",
+  "version": "1.4.12",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

17462

increased by2.49%

Lines of code

281

increased by3.69%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes