@happeouikit/buttons - npm Package Compare versions

Comparing version 1.0.3 to 1.0.4

CHANGELOG.md

 # Changelog
 
+## 1.0.4
+
+- [Added] dark stylings for primary buttons
+
 ## 1.0.3
@@ -4,0 +8,0 @@

dist/Buttons.js

@@ -61,3 +61,3 @@ import _extends from "@babel/runtime/helpers/extends";
   text: PropTypes.node,
-  type: PropTypes.oneOf(["default", "success", "alert", "warn"]),
+  type: PropTypes.oneOf(["default", "success", "alert", "warn", "dark"]),
   icon: PropTypes.func,
@@ -119,3 +119,3 @@ iconPosition: PropTypes.oneOf(["left", "right"]),
   componentId: "ohujtu-3"
-})(["", ";"], function (_ref2) {
+})(["", ""], function (_ref2) {
   var _ref2$type = _ref2.type,
@@ -125,3 +125,3 @@ type = _ref2$type === void 0 ? "default" : _ref2$type,
       icon = _ref2$icon === void 0 ? false : _ref2$icon;
-  return "\n      background: ".concat(icon ? "transparent" : themeMap[type].enabled, ";\n      color: ").concat(icon ? themeMap[type].enabled : white, ";\n      fill: ").concat(icon ? themeMap[type].enabled : white, ";\n      :hover {\n       background: ").concat(icon ? toBgLight(active) : themeMap[type].hover, ";\n       }\n      :active {\n        background: ").concat(icon ? toBgLight(active) : themeMap[type].active, ";\n        box-shadow: none !important;\n      }\n      :focus {\n        box-shadow: 0 0 0 1px ").concat(lighten(active, 0.3), ";\n        border: 1px solid ").concat(white, ";\n      }\n    ");
+  if (type === "dark") return "\n      background: ".concat(themeMap[type].enabled, ";\n      color: ").concat(white, ";\n      fill: ").concat(white, ";\n      :hover {\n       background: ").concat(themeMap[type].hover, ";\n       }\n      :active {\n        background: ").concat(themeMap[type].active, ";\n        box-shadow: none !important;\n      }\n      :focus {\n        box-shadow: 0 0 0 1px ").concat(lighten(active, 0.3), ";\n        border: 1px solid ").concat(white, ";\n      }\n    ");else return "\n      background: ".concat(icon ? "transparent" : themeMap[type].enabled, ";\n      color: ").concat(icon ? themeMap[type].enabled : white, ";\n      fill: ").concat(icon ? themeMap[type].enabled : white, ";\n      :hover {\n       background: ").concat(icon ? toBgLight(active) : themeMap[type].hover, ";\n       }\n      :active {\n        background: ").concat(icon ? toBgLight(active) : themeMap[type].active, ";\n        box-shadow: none !important;\n      }\n      :focus {\n        box-shadow: 0 0 0 1px ").concat(lighten(active, 0.3), ";\n        border: 1px solid ").concat(white, ";\n      }\n    ");
 });
@@ -128,0 +128,0 @@ export var ButtonSecondary = styled(ButtonBase).withConfig({

package.json

 {
   "name": "@happeouikit/buttons",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

12662

increased by5.8%

Lines of code

166

increased by1.22%

No dependency changes