@bdt-component-library/button-icon - npm Package Compare versions

Comparing version 0.4.0 to 0.5.0

build/ButtonIcon.d.ts

 import * as React from "react";
+interface ClassOverrides {
+    size?: string;
+}
 export interface Props {
@@ -9,7 +12,8 @@ label: string;
     className?: string;
+    classOverrides?: ClassOverrides;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     shape?: "circle" | "square";
-    size?: "tiny" | "small" | "medium" | "large" | "custom";
+    size?: "tiny" | "small" | "medium" | "large";
 }
 declare const ButtonIcon: React.FC<Props>;
 export default ButtonIcon;

build/index.es.js

@@ -427,3 +427,3 @@ import React__default__default, { createElement } from 'react';
 const ButtonIcon = props => {
-    const { variant = "solid", className, disabled, loading, icon, onClick, label, shape = "circle", size = "small" } = props;
+    const { variant = "solid", className, classOverrides = {}, disabled, loading, icon, onClick, label, shape = "circle", size = "small" } = props;
     const classes = getClasses$1(styles$1);
@@ -434,4 +434,7 @@ return (createElement(Button, { variant: variant, className: classNames$1({
         }), classOverrides: {
-            shape: classNames$1({ [classes[shape]]: true }),
-            size: classNames$1({ [classes[size]]: size !== "custom" })
+            shape: classes[shape],
+            size: classNames$1({
+                [classes[size]]: !(classOverrides === null || classOverrides === void 0 ? void 0 : classOverrides.size),
+                [classOverrides.size]: !!(classOverrides === null || classOverrides === void 0 ? void 0 : classOverrides.size)
+            })
         }, disabled: disabled, ariaLabel: label, onClick: onClick, loading: loading }, icon));
@@ -438,0 +441,0 @@ };

build/index.js

@@ -434,3 +434,3 @@ 'use strict';
 const ButtonIcon = props => {
-    const { variant = "solid", className, disabled, loading, icon, onClick, label, shape = "circle", size = "small" } = props;
+    const { variant = "solid", className, classOverrides = {}, disabled, loading, icon, onClick, label, shape = "circle", size = "small" } = props;
     const classes = getClasses$1(styles$1);
@@ -441,4 +441,7 @@ return (React__default.createElement(Button, { variant: variant, className: classNames$1({
         }), classOverrides: {
-            shape: classNames$1({ [classes[shape]]: true }),
-            size: classNames$1({ [classes[size]]: size !== "custom" })
+            shape: classes[shape],
+            size: classNames$1({
+                [classes[size]]: !(classOverrides === null || classOverrides === void 0 ? void 0 : classOverrides.size),
+                [classOverrides.size]: !!(classOverrides === null || classOverrides === void 0 ? void 0 : classOverrides.size)
+            })
         }, disabled: disabled, ariaLabel: label, onClick: onClick, loading: loading }, icon));
@@ -445,0 +448,0 @@ };

CHANGELOG.json

@@ -5,2 +5,14 @@ {
     {
+      "version": "0.5.0",
+      "tag": "@bdt-component-library/button-icon_v0.5.0",
+      "date": "Thu, 29 Apr 2021 14:51:15 GMT",
+      "comments": {
+        "minor": [
+          {
+            "comment": "Add class overrides, replacing \"custom\" size, and adding documentation and example"
+          }
+        ]
+      }
+    },
+    {
       "version": "0.4.0",
@@ -7,0 +19,0 @@ "tag": "@bdt-component-library/button-icon_v0.4.0",

CHANGELOG.md

 # Change Log - @bdt-component-library/button-icon
 
-This log was last generated on Tue, 27 Apr 2021 20:32:13 GMT and should not be manually modified.
+This log was last generated on Thu, 29 Apr 2021 14:51:15 GMT and should not be manually modified.
 
+## 0.5.0
+Thu, 29 Apr 2021 14:51:15 GMT
+
+### Minor changes
+
+- Add class overrides, replacing "custom" size, and adding documentation and example
+
 ## 0.4.0
@@ -6,0 +13,0 @@ Tue, 27 Apr 2021 20:32:13 GMT

package.json

@@ -6,3 +6,3 @@ {
   },
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "ButtonIcon component",
@@ -9,0 +9,0 @@ "author": "BDT",

README.md

@@ -18,5 +18,6 @@ # ButtonIcon Component
 | className | string | no | n/a | Adds an optional classname to the component |
+| classOverrides | { shape: string, size: string } | no | {} | Allows specifying classes to override other specific classes in the component |
 | variant | enum("solid", "outlined", "text") | no | "solid" | Determines the button style variant |
 | shape | enum("circle", "square") | no | "circle" | Determines the button shape variant |
-| size | enum("tiny", "small", "medium", "large", "custom") | no | "small" | Determines the button size variant ("custom" allows overrides) |
+| size | enum("tiny", "small", "medium", "large") | no | "small" | Determines the button size variant (use `classOverrides` for custom sizes) |
 | loading | boolean | no | false | Determines button loading state |
@@ -23,0 +24,0 @@ | disabled | boolean | no | false | Determines button disabled state |

No alert changes

Improved metrics

Total package byte prevSize

81830

increased by2.06%

Lines of code

1034

increased by2.17%

Number of lines in readme file

27

increased by3.85%

No dependency changes