Socket
Socket
Sign inDemoInstall

@chakra-ui/avatar

Package Overview
Dependencies
Maintainers
4
Versions
508
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@chakra-ui/avatar - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

9

CHANGELOG.md
# Change Log
## 1.0.2
### Patch Changes
- Updated dependencies
[[`e73878ee`](https://github.com/chakra-ui/chakra-ui/commit/e73878ee686c11d3f94ad6ac61b19ae9508d75a5)]:
- @chakra-ui/utils@1.0.2
- @chakra-ui/image@1.0.2
## 1.0.1

@@ -4,0 +13,0 @@

2

dist/cjs/avatar-group.js

@@ -25,3 +25,3 @@ "use strict";

*/
var AvatarGroup = /*#__PURE__*/(0, _system.forwardRef)(function AvatarGroup(props, ref) {
var AvatarGroup = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) {
var styles = (0, _system.useMultiStyleConfig)("Avatar", props);

@@ -28,0 +28,0 @@

@@ -26,3 +26,3 @@ "use strict";

*/
var AvatarBadge = /*#__PURE__*/(0, _system.forwardRef)(function AvatarBadge(props, ref) {
var AvatarBadge = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) {
var styles = (0, _system.useStyles)();

@@ -112,3 +112,3 @@

*/
var Avatar = /*#__PURE__*/(0, _system.forwardRef)(function Avatar(props, ref) {
var Avatar = /*#__PURE__*/(0, _system.forwardRef)(function (props, ref) {
var styles = (0, _system.useMultiStyleConfig)("Avatar", props);

@@ -190,3 +190,3 @@

var showFallback = !src || src && !hasLoaded;
var showFallback = !src || !hasLoaded;

@@ -193,0 +193,0 @@ if (showFallback) {

@@ -13,3 +13,3 @@ 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); }

*/
export var AvatarGroup = /*#__PURE__*/forwardRef(function AvatarGroup(props, ref) {
export var AvatarGroup = /*#__PURE__*/forwardRef((props, ref) => {
var styles = useMultiStyleConfig("Avatar", props);

@@ -16,0 +16,0 @@

@@ -14,3 +14,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; }

*/
export var AvatarBadge = /*#__PURE__*/forwardRef(function AvatarBadge(props, ref) {
export var AvatarBadge = /*#__PURE__*/forwardRef((props, ref) => {
var styles = useStyles();

@@ -67,16 +67,14 @@

var DefaultIcon = props => {
return /*#__PURE__*/React.createElement(chakra.svg, _extends({
viewBox: "0 0 128 128",
color: "#fff",
width: "100%",
height: "100%"
}, props), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
d: "M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
d: "M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24"
}));
};
var DefaultIcon = props => /*#__PURE__*/React.createElement(chakra.svg, _extends({
viewBox: "0 0 128 128",
color: "#fff",
width: "100%",
height: "100%"
}, props), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
d: "M103,102.1388 C93.094,111.92 79.3504,118 64.1638,118 C48.8056,118 34.9294,111.768 25,101.7892 L25,95.2 C25,86.8096 31.981,80 40.6,80 L87.4,80 C96.019,80 103,86.8096 103,95.2 L103,102.1388 Z"
}), /*#__PURE__*/React.createElement("path", {
fill: "currentColor",
d: "M63.9961647,24 C51.2938136,24 41,34.2938136 41,46.9961647 C41,59.7061864 51.2938136,70 63.9961647,70 C76.6985159,70 87,59.7061864 87,46.9961647 C87,34.2938136 76.6985159,24 63.9961647,24"
}));

@@ -98,3 +96,3 @@ export var baseStyle = {

*/
export var Avatar = /*#__PURE__*/forwardRef(function Avatar(props, ref) {
export var Avatar = /*#__PURE__*/forwardRef((props, ref) => {
var styles = useMultiStyleConfig("Avatar", props);

@@ -175,3 +173,3 @@

var showFallback = !src || src && !hasLoaded;
var showFallback = !src || !hasLoaded;

@@ -178,0 +176,0 @@ if (showFallback) {

{
"name": "@chakra-ui/avatar",
"version": "1.0.1",
"version": "1.0.2",
"description": "A React component used to show users avatar or initials",

@@ -57,8 +57,8 @@ "keywords": [

"devDependencies": {
"@chakra-ui/system": "1.0.1",
"@chakra-ui/system": "1.1.0",
"react": "^17.0.1"
},
"dependencies": {
"@chakra-ui/image": "1.0.1",
"@chakra-ui/utils": "1.0.1"
"@chakra-ui/image": "1.0.2",
"@chakra-ui/utils": "1.0.2"
},

@@ -65,0 +65,0 @@ "peerDependencies": {

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc