@zendeskgarden/react-avatars - npm Package Compare versions

Comparing version 3.0.18 to 4.0.0

CHANGELOG.md

@@ -6,2 +6,26 @@ # Change Log
 
+# [4.0.0](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-avatars@3.0.18...@zendeskgarden/react-avatars@4.0.0) (2018-11-28)
+
+
+### Features
+
+* **avatars:** Add new 40px size and adjust other sizes to base-4 ([#213](https://github.com/zendeskgarden/react-components/issues/213)) ([c3c29a1](https://github.com/zendeskgarden/react-components/commit/c3c29a1))
+
+
+### BREAKING CHANGES
+
+* **avatars:** Default size is now 40px, names and sizes have changed to match new base-4 numbering.
+
+### New sizes
+| Size       | px   |
+|------------|------|
+| extramsall | 24px |
+| small      | 32px |
+| default    | 40px |
+| large      | 48px |
+
+
+
+
+
 ## [3.0.18](https://github.com/zendeskgarden/react-components/compare/@zendeskgarden/react-avatars@3.0.17...@zendeskgarden/react-avatars@3.0.18) (2018-11-20)
@@ -8,0 +32,0 @@

dist/index.js

@@ -155,2 +155,3 @@ /*!
 var SIZE = {
+  EXTRASMALL: 'extrasmall',
   SMALL: 'small',
@@ -165,7 +166,7 @@ LARGE: 'large'
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': "3.0.18",
+  'data-garden-version': "4.0.0",
   className: function className(props) {
     var _classNames;
 
-    return (0, _classnames2.default)(_cssAvatars2.default['c-avatar'], (_classNames = {}, _defineProperty(_classNames, _cssAvatars2.default['c-avatar--system'], props.system), _defineProperty(_classNames, _cssAvatars2.default['c-avatar--small'], props.size === SIZE.SMALL), _defineProperty(_classNames, _cssAvatars2.default['c-avatar--large'], props.size === SIZE.LARGE), _defineProperty(_classNames, _cssAvatars2.default['is-disabled'], props.disabled), _defineProperty(_classNames, _cssAvatars2.default['c-avatar--borderless'], props.isBorderless), _classNames));
+    return (0, _classnames2.default)(_cssAvatars2.default['c-avatar'], (_classNames = {}, _defineProperty(_classNames, _cssAvatars2.default['c-avatar--system'], props.system), _defineProperty(_classNames, _cssAvatars2.default['c-avatar--xs'], props.size === SIZE.EXTRASMALL), _defineProperty(_classNames, _cssAvatars2.default['c-avatar--sm'], props.size === SIZE.SMALL), _defineProperty(_classNames, _cssAvatars2.default['c-avatar--lg'], props.size === SIZE.LARGE), _defineProperty(_classNames, _cssAvatars2.default['is-disabled'], props.disabled), _defineProperty(_classNames, _cssAvatars2.default['c-avatar--borderless'], props.isBorderless), _classNames));
   }
@@ -182,3 +183,3 @@ }).withConfig({
   system: _propTypes2.default.bool,
-  size: _propTypes2.default.oneOf([SIZE.SMALL, SIZE.LARGE]),
+  size: _propTypes2.default.oneOf([SIZE.EXTRASMALL, SIZE.SMALL, SIZE.LARGE]),
   disabled: _propTypes2.default.bool,
@@ -221,3 +222,3 @@ /** Removes border for improved display on a dark background */
 // extracted by mini-css-extract-plugin
-module.exports = {"c-avatar":"index__c-avatar___3BsvD","c-avatar__img":"index__c-avatar__img___1HfOB","c-avatar--large":"index__c-avatar--large___2Wp5J","c-avatar--small":"index__c-avatar--small___1ZUTy","is-disabled":"index__is-disabled___2_PAg","c-avatar--borderless":"index__c-avatar--borderless___2sVor","c-avatar--system":"index__c-avatar--system___3N01g"};
+module.exports = {"c-avatar":"index__c-avatar___3BsvD","c-avatar__img":"index__c-avatar__img___1HfOB","c-avatar--lg":"index__c-avatar--lg___KqLcH","c-avatar--sm":"index__c-avatar--sm___1qXV_","c-avatar--xs":"index__c-avatar--xs___1ovpN","is-disabled":"index__is-disabled___2_PAg","c-avatar--borderless":"index__c-avatar--borderless___2sVor","c-avatar--system":"index__c-avatar--system___3N01g","c-avatar--large":"index__c-avatar--large___2Wp5J"};
 
@@ -224,0 +225,0 @@ /***/ })

dist/umd/bundle.min.js

@@ -7,3 +7,3 @@ /*!
  */
-!function(e,r){"object"==typeof exports&&"object"==typeof module?module.exports=r(require("rop-types"),require("styled-components"),require("@zendeskgarden/react-theming")):"function"==typeof define&&define.amd?define(["prop-types","styled-components","@zendeskgarden/react-theming"],r):"object"==typeof exports?exports.GardenAvatars=r(require("rop-types"),require("styled-components"),require("@zendeskgarden/react-theming")):e.GardenAvatars=r(e.PropTypes,e.styled,e.GardenTheming)}(window,function(t,a,n){return function(t){var a={};function n(e){if(a[e])return a[e].exports;var r=a[e]={i:e,l:!1,exports:{}};return t[e].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=t,n.c=a,n.d=function(e,r,t){n.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(r,e){if(1&e&&(r=n(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var t=Object.create(null);if(n.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var a in r)n.d(t,a,function(e){return r[e]}.bind(null,a));return t},n.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(r,"a",r),r},n.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},n.p="",n(n.s=0)}([function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var a=t(1);Object.defineProperty(r,"Avatar",{enumerable:!0,get:function(){return(e=a,e&&e.__esModule?e:{default:e}).default;var e}})},function(e,r,t){"use strict";Object.defineProperty(r,"__esModule",{value:!0});var a=s(t(2)),n=s(t(3)),o=s(t(4)),i=t(5),u=s(t(6));function s(e){return e&&e.__esModule?e:{default:e}}function l(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var d="avatars.avatar",f="small",c="large",p=n.default.figure.attrs({"data-garden-id":d,"data-garden-version":"3.0.18",className:function(e){var r;return(0,o.default)(u.default["c-avatar"],(l(r={},u.default["c-avatar--system"],e.system),l(r,u.default["c-avatar--small"],e.size===f),l(r,u.default["c-avatar--large"],e.size===c),l(r,u.default["is-disabled"],e.disabled),l(r,u.default["c-avatar--borderless"],e.isBorderless),r))}}).withConfig({displayName:"Avatar",componentId:"sc-1a0oszh-0"})(["",";"],function(e){return(0,i.retrieveTheme)(d,e)});p.propTypes={system:a.default.bool,size:a.default.oneOf([f,c]),disabled:a.default.bool,isBorderless:a.default.bool},r.default=p},function(e,r){e.exports=t},function(e,r){e.exports=a},function(e,r,t){var a;
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("rop-types"),require("styled-components"),require("@zendeskgarden/react-theming")):"function"==typeof define&&define.amd?define(["prop-types","styled-components","@zendeskgarden/react-theming"],t):"object"==typeof exports?exports.GardenAvatars=t(require("rop-types"),require("styled-components"),require("@zendeskgarden/react-theming")):e.GardenAvatars=t(e.PropTypes,e.styled,e.GardenTheming)}(window,function(r,a,n){return function(r){var a={};function n(e){if(a[e])return a[e].exports;var t=a[e]={i:e,l:!1,exports:{}};return r[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}return n.m=r,n.c=a,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var a in t)n.d(r,a,function(e){return t[e]}.bind(null,a));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=r(1);Object.defineProperty(t,"Avatar",{enumerable:!0,get:function(){return(e=a,e&&e.__esModule?e:{default:e}).default;var e}})},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=u(r(2)),n=u(r(3)),o=u(r(4)),s=r(5),i=u(r(6));function u(e){return e&&e.__esModule?e:{default:e}}function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}var l="avatars.avatar",c="extrasmall",f="small",_="large",p=n.default.figure.attrs({"data-garden-id":l,"data-garden-version":"4.0.0",className:function(e){var t;return(0,o.default)(i.default["c-avatar"],(d(t={},i.default["c-avatar--system"],e.system),d(t,i.default["c-avatar--xs"],e.size===c),d(t,i.default["c-avatar--sm"],e.size===f),d(t,i.default["c-avatar--lg"],e.size===_),d(t,i.default["is-disabled"],e.disabled),d(t,i.default["c-avatar--borderless"],e.isBorderless),t))}}).withConfig({displayName:"Avatar",componentId:"sc-1a0oszh-0"})(["",";"],function(e){return(0,s.retrieveTheme)(l,e)});p.propTypes={system:a.default.bool,size:a.default.oneOf([c,f,_]),disabled:a.default.bool,isBorderless:a.default.bool},t.default=p},function(e,t){e.exports=r},function(e,t){e.exports=a},function(e,t,r){var a;
 /*!
@@ -19,3 +19,3 @@ Copyright (c) 2017 Jed Watson.
 */
-!function(){"use strict";var i={}.hasOwnProperty;function u(){for(var e=[],r=0;r<arguments.length;r++){var t=arguments[r];if(t){var a=typeof t;if("string"===a||"number"===a)e.push(t);else if(Array.isArray(t)&&t.length){var n=u.apply(null,t);n&&e.push(n)}else if("object"===a)for(var o in t)i.call(t,o)&&t[o]&&e.push(o)}}return e.join(" ")}e.exports?(u.default=u,e.exports=u):void 0===(a=function(){return u}.apply(r,[]))||(e.exports=a)}()},function(e,r){e.exports=n},function(e,r,t){e.exports={"c-avatar":"index__c-avatar___3BsvD","c-avatar__img":"index__c-avatar__img___1HfOB","c-avatar--large":"index__c-avatar--large___2Wp5J","c-avatar--small":"index__c-avatar--small___1ZUTy","is-disabled":"index__is-disabled___2_PAg","c-avatar--borderless":"index__c-avatar--borderless___2sVor","c-avatar--system":"index__c-avatar--system___3N01g"}}])});
+!function(){"use strict";var s={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var r=arguments[t];if(r){var a=typeof r;if("string"===a||"number"===a)e.push(r);else if(Array.isArray(r)&&r.length){var n=i.apply(null,r);n&&e.push(n)}else if("object"===a)for(var o in r)s.call(r,o)&&r[o]&&e.push(o)}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0===(a=function(){return i}.apply(t,[]))||(e.exports=a)}()},function(e,t){e.exports=n},function(e,t,r){e.exports={"c-avatar":"index__c-avatar___3BsvD","c-avatar__img":"index__c-avatar__img___1HfOB","c-avatar--lg":"index__c-avatar--lg___KqLcH","c-avatar--sm":"index__c-avatar--sm___1qXV_","c-avatar--xs":"index__c-avatar--xs___1ovpN","is-disabled":"index__is-disabled___2_PAg","c-avatar--borderless":"index__c-avatar--borderless___2sVor","c-avatar--system":"index__c-avatar--system___3N01g","c-avatar--large":"index__c-avatar--large___2Wp5J"}}])});
 //# sourceMappingURL=bundle.min.js.map

package.json

@@ -11,3 +11,3 @@ {
   },
-  "version": "3.0.18",
+  "version": "4.0.0",
   "main": "./dist/index.js",
@@ -33,3 +33,3 @@ "files": [
   "devDependencies": {
-    "@zendeskgarden/css-avatars": "3.0.11",
+    "@zendeskgarden/css-avatars": "4.0.0",
     "@zendeskgarden/react-theming": "^3.1.3"
@@ -48,3 +48,3 @@ },
   "zendeskgarden:src": "src/index.js",
-  "gitHead": "374465e627b4dc23e10ccdbcb931b0c0b5d56403"
+  "gitHead": "2eb39a46413b0d011c6b8bd805e3878fe866ec08"
 }

No alert changes

Improved metrics

Total package byte prevSize

59607

increased by3%

Lines of code

229

increased by0.44%

No dependency changes