@ornikar/kitt-universal 25.23.0 → 25.24.0

package/CHANGELOG.md

@@ -3,6 +3,15 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [25.24.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.23.0...@ornikar/kitt-universal@25.24.0) (2024-10-17)
+
+
+### Features
+
+* button inner spacing [no issue] ([#2486](https://github.com/ornikar/kitt/issues/2486)) ([6018fb4](https://github.com/ornikar/kitt/commit/6018fb4b9192ebc5763c5dfeaf5c18bc9e2c0339))
+
+
+
 ## [25.23.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.22.0...@ornikar/kitt-universal@25.23.0) (2024-10-16)
 
 

package/dist/definitions/Button/Button.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement, ReactNode } from 'react';
-import type { PressableProps } from '../native-base/primitives';
+import type { PressableProps, ViewProps } from '../native-base/primitives';
 import type { ResponsiveValue } from '../utils/createResponsiveStyleFromProp/createResponsiveStyleFromProp';
 export type SubtleButtonType = 'subtle' | 'subtle-dark' | 'subtle-revert';
 export type ButtonType = 'primary' | 'default' | 'dark' | SubtleButtonType | 'danger';
@@ -27,6 +27,7 @@ export interface ButtonProps extends Pick<PressableProps, 'onPress' | 'onHoverIn
     href?: PressableProps['href'];
     hrefAttrs?: PressableProps['hrefAttrs'];
     accessibilityRole?: PressableProps['accessibilityRole'];
+    innerSpacing?: ViewProps['justifyContent'];
     /**
      * @deprecated props className is not supported
      */

package/dist/definitions/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sEAAsE,CAAC;AAW5G,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,aAAa,GAAG,eAAe,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AACtF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,KAAK,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAIrC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IACxD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,uOAsGlB,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGrD,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAE3E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sEAAsE,CAAC;AAW5G,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,aAAa,GAAG,eAAe,CAAC;AAC1E,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AACtF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC5C,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhD,KAAK,YAAY,GAAG,OAAO,GAAG,MAAM,CAAC;AAIrC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,GAAG,QAAQ,CAAC;IAC3F,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,eAAe,CAAC,OAAO,GAAG,SAAS,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,MAAM,CAAC,EAAE,cAAc,CAAC,QAAQ,CAAC,CAAC;IAClC,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,CAAC;IAC9B,SAAS,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IACxD,YAAY,CAAC,EAAE,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC3C;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IAChC,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,kCAAkC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,eAAO,MAAM,MAAM,uOAwGlB,CAAC"}

package/dist/definitions/Button/ButtonContent.d.ts

@@ -15,7 +15,7 @@ interface ButtonContentChildrenProps extends Except<ButtonProps, 'onPress' | 'di
     type: NonNullable<ButtonType>;
     color: TypographyColor;
 }
-export declare function ButtonContentChildren({ type, icon, iconPosition, color, children, }: ButtonContentChildrenProps): ReactNode;
-export declare function ButtonContent({ type, variant, isDisabled, icon, children, isHovered, isPressed, isFocused, ...props }: ButtonContentProps): ReactNode;
+export declare function ButtonContentChildren({ type, icon, iconPosition, innerSpacing, color, children, }: ButtonContentChildrenProps): ReactNode;
+export declare function ButtonContent({ type, variant, isDisabled, icon, children, isHovered, isPressed, isFocused, innerSpacing, ...props }: ButtonContentProps): ReactNode;
 export {};
 //# sourceMappingURL=ButtonContent.d.ts.map

package/dist/definitions/Button/ButtonContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAkBvE,UAAU,kBAAmB,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,0BAA2B,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAClG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,0BAA0B,GAAG,SAAS,CAiDxC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,SAAS,CAkBhC"}
+{"version":3,"file":"ButtonContent.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAGxC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAkBvE,UAAU,kBAAmB,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC1F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,OAAO,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC;IACpC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,0BAA2B,SAAQ,MAAM,CAAC,WAAW,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAClG,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IAC9B,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,wBAAgB,qBAAqB,CAAC,EACpC,IAAI,EACJ,IAAI,EACJ,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,0BAA0B,GAAG,SAAS,CAiDxC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,OAAO,EACP,UAAU,EACV,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,SAAS,EACT,SAAS,EACT,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,SAAS,CAyBhC"}

package/dist/index-metro.es.android.js

@@ -3065,7 +3065,7 @@ const getButtonTextColorByType = (type, variant, isHovered, isPressed) => {
   }
 };
 
-const _excluded$P = ["type", "variant", "isDisabled", "icon", "children", "isHovered", "isPressed", "isFocused"];
+const _excluded$P = ["type", "variant", "isDisabled", "icon", "children", "isHovered", "isPressed", "isFocused", "innerSpacing"];
 function ButtonIcon({
   icon,
   color,
@@ -3086,6 +3086,7 @@ function ButtonContentChildren({
   type,
   icon,
   iconPosition,
+  innerSpacing,
   color,
   children
 }) {
@@ -3114,7 +3115,7 @@ function ButtonContentChildren({
   };
   return /*#__PURE__*/jsxs(View, {
     alignItems: "center",
-    justifyContent: "center",
+    justifyContent: innerSpacing,
     flexDirection: "row",
     children: [icon && iconPosition === 'left' ? /*#__PURE__*/jsx(ButtonIcon, _objectSpread(_objectSpread({}, buttonIconSharedProps), {}, {
       testID: "button.ButtonContent.leftButtonIcon",
@@ -3142,7 +3143,8 @@ function ButtonContent(_ref) {
       children,
       isHovered,
       isPressed,
-      isFocused
+      isFocused,
+      innerSpacing
     } = _ref,
     props = _objectWithoutProperties(_ref, _excluded$P);
   const color = isDisabled ? 'black-light' : getButtonTextColorByType(type, variant, isHovered, isPressed);
@@ -3150,7 +3152,7 @@ function ButtonContent(_ref) {
     _web: {
       // Make the multilines case work properly on web
       // We don't apply those styles on native because it will break
-      flexGrow: 0,
+      flexGrow: innerSpacing === 'center' ? 0 : 1,
       flexShrink: 1,
       flexBasis: 'auto'
     },
@@ -3158,7 +3160,8 @@ function ButtonContent(_ref) {
       icon: icon,
       type: type,
       isDisabled: isDisabled,
-      color: color
+      color: color,
+      innerSpacing: innerSpacing
     }, props), {}, {
       children: children
     }))
@@ -3313,6 +3316,7 @@ const Button = /*#__PURE__*/forwardRef(({
   href,
   hrefAttrs,
   accessibilityRole: _accessibilityRole = 'button',
+  innerSpacing: _innerSpacing = 'center',
   isHoveredInternal,
   isPressedInternal,
   isFocusedInternal,
@@ -3385,6 +3389,7 @@ const Button = /*#__PURE__*/forwardRef(({
           isHovered: isHovered,
           isPressed: isPressed,
           isFocused: isFocused,
+          innerSpacing: _innerSpacing,
           children: children
         }), disabled ? /*#__PURE__*/jsx(DisabledBorder, {}) : null, /*#__PURE__*/jsx(FocusBorder, {
           type: _type,