@raiadrogasil/pulso-react-components - npm Package Compare versions

Comparing version 2.3.0 to 2.3.1-alhpa.0

Button/index.js

@@ -106,3 +106,10 @@ "use strict";
     };
-    return (react_1.default.createElement(Button_styles_1.Container, { onClick: function (event) {
+    var mainElement = "pulso-button";
+    var mainClass = mainElement +
+        " pulso-button--" +
+        type +
+        " pulso-button--" +
+        size +
+        (inverse ? " pulso-button--inverse" : "");
+    return (react_1.default.createElement(Button_styles_1.Container, { className: mainClass, onClick: function (event) {
             onClick ? onClick(event) : null;
@@ -113,3 +120,3 @@ }, onMouseDown: function (event) {
             onMouseUp ? onMouseUp(event) : null;
-        }, disabled: disabled ? disabled : false, tabIndex: 0, autoFocus: autofocus ? autofocus : false, form: form ? form : undefined, formAction: formaction ? formaction : undefined, formEncType: formenctype ? formenctype : undefined, formMethod: formmethod ? formmethod : undefined, formNoValidate: formnovalidate ? formnovalidate : undefined, formTarget: formtarget ? formtarget : undefined, name: name ? name : undefined, type: buttonType ? buttonType : undefined, value: value ? value : undefined, "data-qa": dataQA ? dataQA : null, "data-collect": dataCollect ? dataCollect : null, "data-collect-info": dataCollectInfo ? dataCollectInfo : null, "data-testid": dataTestId ? dataTestId : null, size: size, buttonType: getButtonStyleType(type), className: "pulso-button" }, type === "icon-only" ||
+        }, disabled: disabled ? disabled : false, tabIndex: 0, autoFocus: autofocus ? autofocus : false, form: form ? form : undefined, formAction: formaction ? formaction : undefined, formEncType: formenctype ? formenctype : undefined, formMethod: formmethod ? formmethod : undefined, formNoValidate: formnovalidate ? formnovalidate : undefined, formTarget: formtarget ? formtarget : undefined, name: name ? name : undefined, type: buttonType ? buttonType : undefined, value: value ? value : undefined, "data-qa": dataQA ? dataQA : null, "data-collect": dataCollect ? dataCollect : null, "data-collect-info": dataCollectInfo ? dataCollectInfo : null, "data-testid": dataTestId ? dataTestId : null, size: size, buttonType: getButtonStyleType(type) }, type === "icon-only" ||
         type === "secondary-icon-only" ||
@@ -119,8 +126,8 @@ type === "conversion-icon-only" ||
         type === "white-icon-only" ? (iconName && react_1.default.createElement(Icon_1.default, { size: "medium", symbol: iconName })) : (react_1.default.createElement(react_1.default.Fragment, null,
-        icon === "leading-icon" && iconName && (react_1.default.createElement(Button_styles_1.IconHolderLeft, null,
+        icon === "leading-icon" && iconName && (react_1.default.createElement(Button_styles_1.IconHolderLeft, { className: mainElement + "__leading-icon" },
             react_1.default.createElement(Icon_1.default, { size: "medium", symbol: iconName }))),
         react_1.default.createElement(Button_styles_1.TextHolder, null, label),
-        icon === "step" && iconName && (react_1.default.createElement(Button_styles_1.IconHolderRight, null,
+        icon === "step" && iconName && (react_1.default.createElement(Button_styles_1.IconHolderRight, { className: mainElement + "__step" },
             react_1.default.createElement(Icon_1.default, { size: "medium", symbol: iconName })))))));
 }
 exports.default = Button;

package.json

@@ -8,3 +8,3 @@ {
   },
-  "version": "2.3.0",
+  "version": "2.3.1-alhpa.0",
   "main": "./index.js",
@@ -11,0 +11,0 @@ "keywords": [

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

781741

increased by0.04%

Lines of code

8100

increased by0.09%

Worsened metrics

Number of low quality alerts

5

increased by25%

No dependency changes