@lightspeed/cirrus-button - npm Package Compare versions

Comparing version 8.0.2 to 9.0.0

CHANGELOG.md

@@ -6,2 +6,21 @@ # Change Log
 
+<a name="9.0.0"></a>
+# [9.0.0](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-button@8.0.2...@lightspeed/cirrus-button@9.0.0) (2018-07-26)
+
+
+### Features
+
+* Add className support to all components ([#452](https://github.com/lightspeedretail/cirrus/issues/452)) ([78f9bf7](https://github.com/lightspeedretail/cirrus/commit/78f9bf7))
+
+
+### BREAKING CHANGES
+
+* * Add className support to all components
+
+* revert some "not-needed" changes
+
+
+
+
+
 <a name="8.0.2"></a>
@@ -8,0 +27,0 @@ ## [8.0.2](https://github.com/lightspeedretail/cirrus/compare/@lightspeed/cirrus-button@8.0.1...@lightspeed/cirrus-button@8.0.2) (2018-05-29)

index.js

@@ -15,2 +15,3 @@ import React from 'react';
   children,
+  className,
   size,
@@ -44,15 +45,19 @@ primary,
 
-  const buttonClasses = cn(styles[baseClass], {
-    [styles[`${baseClass}--${size}`]]: size,
-    [styles[`${baseClass}--block`]]: block,
-    [styles[`${baseClass}--no-spacing`]]: noSpacing,
-    [styles[`${baseClass}--icon-only`]]: isIconOnly(children),
-    [styles[`${baseClass}--primary`]]: primary,
-    [styles[`${baseClass}--secondary`]]: secondary,
-    [styles[`${baseClass}--danger`]]: danger,
-    [styles[`${baseClass}--fill`]]: fill,
-    [styles[`${baseClass}--active`]]: active,
-    [styles[`${baseClass}--disabled`]]: isDisabled && isLink,
-    [styles[`${baseClass}--loading`]]: loading,
-  });
+  const classNames = cn(
+    styles[baseClass],
+    {
+      [styles[`${baseClass}--${size}`]]: size,
+      [styles[`${baseClass}--block`]]: block,
+      [styles[`${baseClass}--no-spacing`]]: noSpacing,
+      [styles[`${baseClass}--icon-only`]]: isIconOnly(children),
+      [styles[`${baseClass}--primary`]]: primary,
+      [styles[`${baseClass}--secondary`]]: secondary,
+      [styles[`${baseClass}--danger`]]: danger,
+      [styles[`${baseClass}--fill`]]: fill,
+      [styles[`${baseClass}--active`]]: active,
+      [styles[`${baseClass}--disabled`]]: isDisabled && isLink,
+      [styles[`${baseClass}--loading`]]: loading,
+    },
+    className
+  );
 
@@ -75,3 +80,3 @@ const handleChild = child => {
       {...rest}
-      className={buttonClasses}
+      className={classNames}
       rel={rel}
@@ -95,2 +100,3 @@ onClick={onClick}
   children: PropTypes.node.isRequired,
+  className: PropTypes.string,
   primary: PropTypes.bool,
@@ -97,0 +103,0 @@ secondary: PropTypes.bool,

package.json

 {
   "name": "@lightspeed/cirrus-button",
-  "version": "8.0.2",
+  "version": "9.0.0",
   "description": "Cirrus Button Component",
@@ -21,3 +21,4 @@ "author": "Lightspeed",
     "access": "public"
-  }
+  },
+  "gitHead": "78f9bf7f6d45bac095972ce488db3c18a2d75d08"
 }

No alert changes

Improved metrics

Total package byte prevSize

31216

increased by1.99%

Lines of code

103

increased by6.19%

No dependency changes