@wireapp/react-ui-kit - npm Package Compare versions

Comparing version 9.47.0 to 9.48.0

lib/Form/Button.d.ts

@@ -12,2 +12,3 @@ import { TextProps } from '../Text';
     variant?: ButtonVariant;
+    group?: boolean;
     backgroundColor?: string;
@@ -14,0 +15,0 @@ loadingColor?: string;

lib/Form/Button.styles.js

@@ -179,3 +179,3 @@ "use strict";
 };
-const buttonStyle = (theme, { variant = Button_1.ButtonVariant.PRIMARY, block = false, noCapital = false, bold = true, center = true, color = Identity_1.COLOR.WHITE, fontSize = theme.fontSizes.base, noWrap = true, textTransform = 'none', truncate = true, ...props }) => {
+const buttonStyle = (theme, { variant = Button_1.ButtonVariant.PRIMARY, block = false, noCapital = false, bold = true, center = true, color = Identity_1.COLOR.WHITE, fontSize = theme.fontSizes.base, noWrap = true, textTransform = 'none', truncate = true, group = false, ...props }) => {
     return {
@@ -223,4 +223,13 @@ ...(0, Text_1.textStyle)(theme, {
         ...(variant === Button_1.ButtonVariant.SEND && buttonSendStyles(props)),
+        ...(group && {
+            borderRadius: '0',
+            '&:first-of-type': {
+                borderRadius: '12px 0 0 12px',
+            },
+            '&:last-of-type': {
+                borderRadius: '0 12px 12px 0',
+            },
+        }),
     };
 };
 exports.buttonStyle = buttonStyle;

lib/Form/index.d.ts

@@ -20,2 +20,3 @@ export * from './Button';
 export * from './InputLabel';
+export * from './ButtonsGroup/ButtonsGroup';
 //# sourceMappingURL=index.d.ts.map

lib/Form/index.js

@@ -54,1 +54,2 @@ "use strict";
 __exportStar(require("./InputLabel"), exports);
+__exportStar(require("./ButtonsGroup/ButtonsGroup"), exports);

lib/Misc/IconButton.d.ts

@@ -10,2 +10,3 @@ import { CSSObject } from '@emotion/react';
     variant?: IconButtonVariant;
+    group?: boolean;
     backgroundColor?: string;
@@ -12,0 +13,0 @@ }

lib/Misc/IconButton.js

@@ -13,3 +13,3 @@ "use strict";
 })(IconButtonVariant || (exports.IconButtonVariant = IconButtonVariant = {}));
-const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, backgroundColor, disabled = false }) => ({
+const iconButtonStyle = (theme, { variant = IconButtonVariant.PRIMARY, group = false, backgroundColor, disabled = false }) => ({
     border: 0,
@@ -84,2 +84,11 @@ borderRadius: '12px',
     }),
+    ...(group && {
+        borderRadius: '0',
+        '&:first-of-type': {
+            borderRadius: '12px 0 0 12px',
+        },
+        '&:last-of-type': {
+            borderRadius: '0 12px 12px 0',
+        },
+    }),
 });
@@ -86,0 +95,0 @@ exports.iconButtonStyle = iconButtonStyle;

package.json

@@ -80,4 +80,4 @@ {
   },
-  "version": "9.47.0",
-  "gitHead": "bf427d07f95caff7c22b4e6fa69d332795ba4674"
+  "version": "9.48.0",
+  "gitHead": "cd3d0540c16c459fa94745d610b7259b77adf705"
 }

No alert changes

Improved metrics

Total package byte prevSize

1274899

0.57%

Number of package files

801

1.14%

Lines of code

17043

0.71%

No dependency changes