@atomik-ui/avatar - npm Package Compare versions

Comparing version 1.0.24 to 1.0.25

CHANGELOG.md

@@ -6,2 +6,10 @@ # Change Log
 
+## 1.0.25 (2020-08-08)
+
+**Note:** Version bump only for package @atomik-ui/avatar
+
+
+
+
+
 ## 1.0.24 (2020-08-07)
@@ -8,0 +16,0 @@

dist/main.js

@@ -1,2 +0,2 @@
-var e=require("@atomik-ui/box").Box,r=require("@atomik-ui/system"),t=r.createStyledParser,n=r.__DEV__,o=i(require("@emotion/styled")),a=i(require("react"));function i(e){return e&&e.__esModule?e.default:e}var c=function(e,r){return Object.defineProperty?Object.defineProperty(e,"raw",{value:r}):e.raw=r,e},l=function(){return(l=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e}).apply(this,arguments)},s=function(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t},u=t({componentKey:"avatarContainer",variants:[{themeKey:"sizes",propName:"size"}]}),p=o.div(y||(y=c(["\n  ","\n"],["\n  ","\n"])),u);exports.StyledContainer=p;var y,f=function(r){var t=r.name,n=void 0===t?"Dilshod Turobov":t,o=r.src,i=s(r,["name","src"]);return a.createElement(p,l({role:"presentation"},i),a.createElement(e,{as:"img",width:"100%",height:"100%",objectFit:"cover",src:o,alt:n,title:n}))};exports.Avatar=f,f.defaultProps={size:"md"},n&&(f.displayName="Avatar");
+var e,r=require("@atomik-ui/box").Box,t=require("@atomik-ui/system"),a=t.createComponent,o=t.__DEV__,n=require("react"),i=(e=n)&&e.__esModule?e.default:e,l=n.forwardRef;var p=function(){return(p=Object.assign||function(e){for(var r,t=1,a=arguments.length;t<a;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e}).apply(this,arguments)},s=function(e,r){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)r.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(t[a[o]]=e[a[o]])}return t},c=a("div",{componentKey:"avatarContainer",variants:{prop:"avatarContainer"}});exports.StyledContainer=c;var u=function(e,t){var a=e.name,o=void 0===a?"Dilshod Turobov":a,n=e.src,l=s(e,["name","src"]);return i.createElement(c,p({role:"presentation"},l,{ref:t}),i.createElement(r,{as:"img",width:"100%",height:"100%",objectFit:"cover",src:n,alt:o,title:o}))};exports.AvatarBase=u;var v=l(u);exports.Avatar=v,v.defaultProps={size:"md"},o&&(v.displayName="Avatar");
 //# sourceMappingURL=main.js.map

dist/module.js

@@ -1,2 +0,2 @@
-import{Box as t}from"@atomik-ui/box";import{createStyledParser as e,__DEV__ as r}from"@atomik-ui/system";import o from"@emotion/styled";import n from"react";var a,i=function(t,e){return Object.defineProperty?Object.defineProperty(t,"raw",{value:e}):t.raw=e,t},p=function(){return(p=Object.assign||function(t){for(var e,r=1,o=arguments.length;r<o;r++)for(var n in e=arguments[r])Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t}).apply(this,arguments)},c=function(t,e){var r={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(r[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(t);n<o.length;n++)e.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(r[o[n]]=t[o[n]])}return r},l=e({componentKey:"avatarContainer",variants:[{themeKey:"sizes",propName:"size"}]});export var StyledContainer=o.div(a||(a=i(["\n  ","\n"],["\n  ","\n"])),l);export var Avatar=function(e){var r=e.name,o=void 0===r?"Dilshod Turobov":r,a=e.src,i=c(e,["name","src"]);return n.createElement(StyledContainer,p({role:"presentation"},i),n.createElement(t,{as:"img",width:"100%",height:"100%",objectFit:"cover",src:a,alt:o,title:o}))};Avatar.defaultProps={size:"md"},r&&(Avatar.displayName="Avatar");
+import{Box as t}from"@atomik-ui/box";import{createComponent as r,__DEV__ as e}from"@atomik-ui/system";import a,{forwardRef as o}from"react";var n=function(){return(n=Object.assign||function(t){for(var r,e=1,a=arguments.length;e<a;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t}).apply(this,arguments)},i=function(t,r){var e={};for(var a in t)Object.prototype.hasOwnProperty.call(t,a)&&r.indexOf(a)<0&&(e[a]=t[a]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(t);o<a.length;o++)r.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(t,a[o])&&(e[a[o]]=t[a[o]])}return e};export var StyledContainer=r("div",{componentKey:"avatarContainer",variants:{prop:"avatarContainer"}});export var AvatarBase=function(r,e){var o=r.name,p=void 0===o?"Dilshod Turobov":o,l=r.src,c=i(r,["name","src"]);return a.createElement(StyledContainer,n({role:"presentation"},c,{ref:e}),a.createElement(t,{as:"img",width:"100%",height:"100%",objectFit:"cover",src:l,alt:p,title:p}))};export var Avatar=o(AvatarBase);Avatar.defaultProps={size:"md"},e&&(Avatar.displayName="Avatar");
 //# sourceMappingURL=module.js.map

dist/types.d.ts

 import React from "react";
-import { BoxProps } from "@atomik-ui/system";
-export const StyledContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, BoxProps<"div", {}>, object>;
-interface AvatarProps {
-    size?: "xs" | "sm" | "md" | "lg" | "xl";
-    name?: string;
-    src?: string;
-}
-export const Avatar: React.FC<AvatarProps>;
+export const StyledContainer: import("@atomik-ui/system").AtomikFC<{
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    name?: string | undefined;
+    src?: string | undefined;
+}, "div">;
+export type AvatarProps = typeof StyledContainer.__props & {};
+export const AvatarBase: ({ name, src, ...props }: AvatarProps, ref: React.Ref<HTMLDivElement>) => JSX.Element;
+export const Avatar: import("@atomik-ui/system").AtomikFC<{
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    name?: string | undefined;
+    src?: string | undefined;
+}, "div">;
 
 //# sourceMappingURL=types.d.ts.map

package.json

 {
   "name": "@atomik-ui/avatar",
   "description": "A React component used by Atomik",
-  "version": "1.0.24",
+  "version": "1.0.25",
   "main": "dist/main.js",
@@ -43,6 +43,6 @@ "types": "dist/types.d.ts",
   "dependencies": {
-    "@atomik-ui/box": "^1.0.24",
-    "@atomik-ui/system": "^1.0.25"
+    "@atomik-ui/box": "^1.0.25",
+    "@atomik-ui/system": "^1.0.26"
   },
-  "gitHead": "ce3a4ee5a674038f52bb3f001545d75d474bc046"
+  "gitHead": "7082b3ca025e01b3bd282482b1f96f6923608aa8"
 }

No alert changes

Improved metrics

Lines of code

26

increased by13.04%

Worsened metrics

Total package byte prevSize

15227

decreased by-4.13%

Dependency changes

• Updated@atomik-ui/box@^1.0.25

• Updated@atomik-ui/system@^1.0.26