systema-button - npm Package Compare versions

Comparing version 0.1.3-pre to 0.2.0

example.js

@@ -118,3 +118,3 @@ (function webpackUniversalModuleDefinition(root, factory) {
       null,
-      'Types'
+      'Solid'
     ),
@@ -149,3 +149,3 @@ _react2.default.createElement(
       { type: 'secondary', disabled: true, onClick: onClick },
-      'Success (disabled)'
+      'Secondary (disabled)'
     ),
@@ -162,2 +162,47 @@ _react2.default.createElement(
     ),
+    _react2.default.createElement(
+      'h2',
+      null,
+      'Outline'
+    ),
+    _react2.default.createElement(
+      _src2.default,
+      { outline: true, onClick: onClick },
+      'Default'
+    ),
+    _react2.default.createElement(
+      _src2.default,
+      { disabled: true, outline: true, onClick: onClick },
+      'Default (disabled)'
+    ),
+    _react2.default.createElement(
+      _src2.default,
+      { type: 'success', outline: true, onClick: onClick },
+      'Success'
+    ),
+    _react2.default.createElement(
+      _src2.default,
+      { type: 'success', outline: true, disabled: true, onClick: onClick },
+      'Success (disabled)'
+    ),
+    _react2.default.createElement(
+      _src2.default,
+      { type: 'secondary', outline: true, onClick: onClick },
+      'Secondary'
+    ),
+    _react2.default.createElement(
+      _src2.default,
+      { type: 'secondary', outline: true, disabled: true, onClick: onClick },
+      'Secondary (disabled)'
+    ),
+    _react2.default.createElement(
+      _src2.default,
+      { type: 'alert', outline: true, onClick: onClick },
+      'Alert'
+    ),
+    _react2.default.createElement(
+      _src2.default,
+      { type: 'alert', outline: true, disabled: true, onClick: onClick },
+      'Alert (disabled)'
+    ),
     _react2.default.createElement('hr', null),
@@ -355,2 +400,3 @@ _react2.default.createElement(
       children = _ref.children,
+      outline = _ref.outline,
       _ref$size = _ref.size,
@@ -395,2 +441,8 @@ size = _ref$size === undefined ? 'default' : _ref$size,
 
+  if (outline) {
+    classes.push(_styles2.default.outline);
+  } else {
+    classes.push(_styles2.default.solid);
+  }
+
   return _react2.default.createElement(
@@ -415,2 +467,4 @@ 'button',
 	"button": "_27OEsLBu",
+	"solid": "_3cb-J9bj",
+	"outline": "aK1Hw5iW",
 	"sizeExpanded": "YVDQCGyp _27OEsLBu",
@@ -417,0 +471,0 @@ "sizeLarge": "FiJQyR2t _27OEsLBu",

index.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.button=t(require("react")):e.button=t(e.react)}(this,function(e){return function(e){function t(s){if(u[s])return u[s].exports;var r=u[s]={i:s,l:!1,exports:{}};return e[s].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var u={};return t.m=e,t.c=u,t.d=function(e,u,s){t.o(e,u)||Object.defineProperty(e,u,{configurable:!1,enumerable:!0,get:s})},t.n=function(e){var u=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(u,"a",u),u},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s="../button/src/index.js")}({"../button/src/index.js":function(e,t,u){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=u(0),a=s(r),n=u("../button/src/styles.css"),o=s(n),c=function(e){var t=e.onClick,u=e.disabled,s=e.children,r=e.size,n=void 0===r?"default":r,c=e.type,l=void 0===c?"default":c,d=[];switch(n){case"expanded":d.push(o.default.sizeExpanded);break;case"large":d.push(o.default.sizeLarge);break;case"small":d.push(o.default.sizeSmall);break;case"default":default:d.push(o.default.sizeDefault)}switch(l){case"success":d.push(o.default.typeSuccess);break;case"secondary":d.push(o.default.typeSecondary);break;case"alert":d.push(o.default.typeAlert);break;case"default":default:d.push(o.default.typeDefault)}return a.default.createElement("button",{disabled:u,className:d.join(" "),onClick:t},s)};c.displayName="Button",t.default=c,e.exports=t.default},"../button/src/styles.css":function(e,t){e.exports={button:"_27OEsLBu",sizeExpanded:"YVDQCGyp _27OEsLBu",sizeLarge:"FiJQyR2t _27OEsLBu",sizeDefault:"_1GXsEQRy _27OEsLBu",sizeSmall:"_29P-qL_X _27OEsLBu",typeDefault:"_1ugpIhzc",typeSuccess:"_5kkbEZpD",typeSecondary:"_1UBH8gr0",typeAlert:"KpLKVezM"}},0:function(e,t){e.exports=require("react")}})});
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("react")):"function"==typeof define&&define.amd?define(["react"],t):"object"==typeof exports?exports.button=t(require("react")):e.button=t(e.react)}(this,function(e){return function(e){function t(s){if(u[s])return u[s].exports;var r=u[s]={i:s,l:!1,exports:{}};return e[s].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var u={};return t.m=e,t.c=u,t.d=function(e,u,s){t.o(e,u)||Object.defineProperty(e,u,{configurable:!1,enumerable:!0,get:s})},t.n=function(e){var u=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(u,"a",u),u},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="",t(t.s="../button/src/index.js")}({"../button/src/index.js":function(e,t,u){"use strict";function s(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(t,"__esModule",{value:!0});var r=u(0),a=s(r),n=u("../button/src/styles.css"),o=s(n),l=function(e){var t=e.onClick,u=e.disabled,s=e.children,r=e.outline,n=e.size,l=void 0===n?"default":n,c=e.type,i=void 0===c?"default":c,d=[];switch(l){case"expanded":d.push(o.default.sizeExpanded);break;case"large":d.push(o.default.sizeLarge);break;case"small":d.push(o.default.sizeSmall);break;case"default":default:d.push(o.default.sizeDefault)}switch(i){case"success":d.push(o.default.typeSuccess);break;case"secondary":d.push(o.default.typeSecondary);break;case"alert":d.push(o.default.typeAlert);break;case"default":default:d.push(o.default.typeDefault)}return r?d.push(o.default.outline):d.push(o.default.solid),a.default.createElement("button",{disabled:u,className:d.join(" "),onClick:t},s)};l.displayName="Button",t.default=l,e.exports=t.default},"../button/src/styles.css":function(e,t){e.exports={button:"_27OEsLBu",solid:"_3cb-J9bj",outline:"aK1Hw5iW",sizeExpanded:"YVDQCGyp _27OEsLBu",sizeLarge:"FiJQyR2t _27OEsLBu",sizeDefault:"_1GXsEQRy _27OEsLBu",sizeSmall:"_29P-qL_X _27OEsLBu",typeDefault:"_1ugpIhzc",typeSuccess:"_5kkbEZpD",typeSecondary:"_1UBH8gr0",typeAlert:"KpLKVezM"}},0:function(e,t){e.exports=require("react")}})});
 //# sourceMappingURL=index.js.map

package.json

 {
   "name": "systema-button",
-  "version": "0.1.3-pre",
+  "version": "0.2.0",
   "main": "index.js",
@@ -27,5 +27,5 @@ "license": "Apache-2.0",
     "react": "^15.6.1",
-    "systema-constants-colors": "^0.1.0",
+    "systema-constants-colors": "^1.0.0",
     "systema-constants-layout": "^0.1.0"
   }
 }

No alert changes

Improved metrics

Total package byte prevSize

3256033

increased by0.13%

Lines of code

618

increased by32.05%

No dependency changes