@nextui-org/button - npm Package Compare versions

Comparing version 0.0.0-dev-v2-20230326024632 to 0.0.0-dev-v2-20230326032643

dist/button-group.js

@@ -53,2 +53,3 @@ "use strict";
     disableRipple = false,
+    isIconButton = false,
     className,
@@ -72,2 +73,3 @@ ...otherProps
       radius,
+      isIconButton,
       isDisabled,
@@ -84,2 +86,3 @@ disableAnimation,
       isDisabled,
+      isIconButton,
       disableAnimation,
@@ -86,0 +89,0 @@ disableRipple,

dist/button.js

@@ -37,3 +37,2 @@ "use strict";
 var import_dom_utils = require("@nextui-org/dom-utils");
-var import_shared_utils3 = require("@nextui-org/shared-utils");
 var import_theme = require("@nextui-org/theme");
@@ -51,3 +50,3 @@ var import_react2 = require("react");
 function useButton(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const groupContext = useButtonGroupContext();
@@ -71,2 +70,3 @@ const isInGroup = !!groupContext;
     isDisabled = (_h = groupContext == null ? void 0 : groupContext.isDisabled) != null ? _h : false,
+    isIconButton = (_i = groupContext == null ? void 0 : groupContext.isIconButton) != null ? _i : false,
     onPress,
@@ -92,2 +92,3 @@ onClick,
       disableAnimation,
+      isIconButton,
       className
@@ -104,2 +105,3 @@ }),
       isFocusVisible,
+      isIconButton,
       disableAnimation,
@@ -137,6 +139,3 @@ className
     focusable: false,
-    tabIndex: -1,
-    width: "70%",
-    height: "70%",
-    className: (0, import_shared_utils3.clsx)("fill-current max-w-[24px]", icon.props.className)
+    tabIndex: -1
   }) : null;
@@ -143,0 +142,0 @@ const leftIcon = getIconClone(leftIconProp);

dist/index.js

@@ -42,3 +42,2 @@ "use strict";
 var import_dom_utils = require("@nextui-org/dom-utils");
-var import_shared_utils3 = require("@nextui-org/shared-utils");
 var import_theme = require("@nextui-org/theme");
@@ -56,3 +55,3 @@ var import_react2 = require("react");
 function useButton(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const groupContext = useButtonGroupContext();
@@ -76,2 +75,3 @@ const isInGroup = !!groupContext;
     isDisabled = (_h = groupContext == null ? void 0 : groupContext.isDisabled) != null ? _h : false,
+    isIconButton = (_i = groupContext == null ? void 0 : groupContext.isIconButton) != null ? _i : false,
     onPress,
@@ -97,2 +97,3 @@ onClick,
       disableAnimation,
+      isIconButton,
       className
@@ -109,2 +110,3 @@ }),
       isFocusVisible,
+      isIconButton,
       disableAnimation,
@@ -142,6 +144,3 @@ className
     focusable: false,
-    tabIndex: -1,
-    width: "70%",
-    height: "70%",
-    className: (0, import_shared_utils3.clsx)("fill-current max-w-[24px]", icon.props.className)
+    tabIndex: -1
   }) : null;
@@ -211,2 +210,3 @@ const leftIcon = getIconClone(leftIconProp);
     disableRipple = false,
+    isIconButton = false,
     className,
@@ -230,2 +230,3 @@ ...otherProps
       radius,
+      isIconButton,
       isDisabled,
@@ -242,2 +243,3 @@ disableAnimation,
       isDisabled,
+      isIconButton,
       disableAnimation,
@@ -244,0 +246,0 @@ disableRipple,

dist/use-button-group.d.ts

@@ -30,5 +30,6 @@ import * as react from 'react';
     disableRipple?: ButtonProps["disableRipple"];
+    isIconButton?: ButtonProps["isIconButton"];
     fullWidth?: boolean;
 };
-type UseButtonGroupProps = Props & Pick<ButtonProps, "size" | "color" | "radius" | "variant" | "disableAnimation" | "disableRipple">;
+type UseButtonGroupProps = Props & Pick<ButtonProps, "size" | "color" | "radius" | "variant" | "isIconButton" | "disableAnimation" | "disableRipple">;
 declare function useButtonGroup(originalProps: UseButtonGroupProps): {
@@ -35,0 +36,0 @@ Component: _nextui_org_system.As<any>;

dist/use-button-group.js

@@ -43,2 +43,3 @@ "use strict";
     disableRipple = false,
+    isIconButton = false,
     className,
@@ -62,2 +63,3 @@ ...otherProps
       radius,
+      isIconButton,
       isDisabled,
@@ -74,2 +76,3 @@ disableAnimation,
       isDisabled,
+      isIconButton,
       disableAnimation,
@@ -76,0 +79,0 @@ disableRipple,

dist/use-button.js

@@ -33,3 +33,2 @@ "use strict";
 var import_dom_utils = require("@nextui-org/dom-utils");
-var import_shared_utils3 = require("@nextui-org/shared-utils");
 var import_theme = require("@nextui-org/theme");
@@ -47,3 +46,3 @@ var import_react2 = require("react");
 function useButton(props) {
-  var _a, _b, _c, _d, _e, _f, _g, _h;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const groupContext = useButtonGroupContext();
@@ -67,2 +66,3 @@ const isInGroup = !!groupContext;
     isDisabled = (_h = groupContext == null ? void 0 : groupContext.isDisabled) != null ? _h : false,
+    isIconButton = (_i = groupContext == null ? void 0 : groupContext.isIconButton) != null ? _i : false,
     onPress,
@@ -88,2 +88,3 @@ onClick,
       disableAnimation,
+      isIconButton,
       className
@@ -100,2 +101,3 @@ }),
       isFocusVisible,
+      isIconButton,
       disableAnimation,
@@ -133,6 +135,3 @@ className
     focusable: false,
-    tabIndex: -1,
-    width: "70%",
-    height: "70%",
-    className: (0, import_shared_utils3.clsx)("fill-current max-w-[24px]", icon.props.className)
+    tabIndex: -1
   }) : null;
@@ -139,0 +138,0 @@ const leftIcon = getIconClone(leftIconProp);

package.json

 {
   "name": "@nextui-org/button",
-  "version": "0.0.0-dev-v2-20230326024632",
+  "version": "0.0.0-dev-v2-20230326032643",
   "description": "Buttons allow users to perform actions and choose with a single tap.",
@@ -35,8 +35,8 @@ "keywords": [
     "@react-aria/focus": "^3.11.0",
-    "@nextui-org/theme": "0.0.0-dev-v2-20230326024632",
-    "@nextui-org/dom-utils": "0.0.0-dev-v2-20230326015124",
-    "@nextui-org/system": "0.0.0-dev-v2-20230326015124",
-    "@nextui-org/drip": "0.0.0-dev-v2-20230326024632",
-    "@nextui-org/spinner": "0.0.0-dev-v2-20230326024632",
-    "@nextui-org/shared-utils": "0.0.0-dev-v2-20230326015124"
+    "@nextui-org/dom-utils": "0.0.0-dev-v2-20230326032643",
+    "@nextui-org/shared-utils": "0.0.0-dev-v2-20230326032643",
+    "@nextui-org/system": "0.0.0-dev-v2-20230326032643",
+    "@nextui-org/theme": "0.0.0-dev-v2-20230326032643",
+    "@nextui-org/drip": "0.0.0-dev-v2-20230326032643",
+    "@nextui-org/spinner": "0.0.0-dev-v2-20230326032643"
   },
@@ -48,4 +48,4 @@ "devDependencies": {
     "react": "^18.0.0",
-    "@nextui-org/spinner": "0.0.0-dev-v2-20230326024632",
-    "@nextui-org/shared-icons": "0.0.0-dev-v2-20230326015124"
+    "@nextui-org/shared-icons": "0.0.0-dev-v2-20230326032643",
+    "@nextui-org/spinner": "0.0.0-dev-v2-20230326032643"
   },
@@ -52,0 +52,0 @@ "clean-package": "../../../clean-package.config.json",

No alert changes

Improved metrics

Total package byte prevSize

44149

increased by0.4%

Lines of code

1279

increased by0.71%

Dependency changes

• + Added@nextui-org/dom-utils@0.0.0-dev-v2-20230326032643(transitive)

• + Added@nextui-org/drip@0.0.0-dev-v2-20230326032643(transitive)

• + Added@nextui-org/shared-utils@0.0.0-dev-v2-20230326032643(transitive)

• + Added@nextui-org/spinner@0.0.0-dev-v2-20230326032643(transitive)

• + Added@nextui-org/system@0.0.0-dev-v2-20230326032643(transitive)

• + Added@nextui-org/theme@0.0.0-dev-v2-20230326032643(transitive)

• - Removed@nextui-org/dom-utils@0.0.0-dev-v2-20230326015124(transitive)

• - Removed@nextui-org/drip@0.0.0-dev-v2-20230326024632(transitive)

• - Removed@nextui-org/shared-utils@0.0.0-dev-v2-20230326015124(transitive)

• - Removed@nextui-org/spinner@0.0.0-dev-v2-20230326024632(transitive)

• - Removed@nextui-org/system@0.0.0-dev-v2-20230326015124(transitive)

• - Removed@nextui-org/theme@0.0.0-dev-v2-20230326024632(transitive)

• Updated@nextui-org/dom-utils@0.0.0-dev-v2-20230326032643

• Updated@nextui-org/drip@0.0.0-dev-v2-20230326032643

• Updated@nextui-org/shared-utils@0.0.0-dev-v2-20230326032643

• Updated@nextui-org/spinner@0.0.0-dev-v2-20230326032643

• Updated@nextui-org/system@0.0.0-dev-v2-20230326032643

• Updated@nextui-org/theme@0.0.0-dev-v2-20230326032643