@ornikar/kitt-universal 25.54.1-canary.111977bfdb623207808928fa770ffbe060b3b380.0 → 25.55.0

package/CHANGELOG.md

@@ -3,15 +3,19 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [25.54.1-canary.111977bfdb623207808928fa770ffbe060b3b380.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.54.0...@ornikar/kitt-universal@25.54.1-canary.111977bfdb623207808928fa770ffbe060b3b380.0) (2025-05-20)
+## [25.55.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.54.0...@ornikar/kitt-universal@25.55.0) (2025-05-20)
 
 
 ### Features
 
-* add ref on ActionsItem loading ([111977b](https://github.com/ornikar/kitt/commit/111977bfdb623207808928fa770ffbe060b3b380))
 * **Button:** add badge to `Button` OSE-17333 ([#2593](https://github.com/ornikar/kitt/issues/2593)) ([f27d399](https://github.com/ornikar/kitt/commit/f27d39947203bb8167cc62beb180fb4f0cd37f6e))
 
 
+### Bug Fixes
+
+* **kitt-universal/Button:** fix `Button` paddings [no issue] ([#2594](https://github.com/ornikar/kitt/issues/2594)) ([9d4397b](https://github.com/ornikar/kitt/commit/9d4397b6db988ec6f05d62931ec3103af3abe058))
+
+
 
 ## [25.54.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@25.53.0...@ornikar/kitt-universal@25.54.0) (2025-05-20)
 

package/dist/definitions/Actions/ActionsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionsItem.d.ts","sourceRoot":"","sources":["../../../src/Actions/ActionsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAe,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5G,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACvF,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,KAAK,+BAA+B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;AAEtG,KAAK,iBAAiB,CAAC,OAAO,IAAI,OAAO,SAAS,CAAC,GAAG,MAAM,EAAE,MAAM,MAAM,KAAK,MAAM,MAAM,GACvF,CAAC,GAAG,MAAM,EAAE,MAAM,KAAK,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,GACjD,KAAK,CAAC;AAEV,MAAM,MAAM,8BAA8B,CAAC,KAAK,IAAI,KAAK,SAAS;IAAE,OAAO,CAAC,EAAE,MAAM,OAAO,CAAA;CAAE,GACzF,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,SAAS,IAAI,GAC1B,IAAI,GAAG,iBAAiB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,GAC9C,iBAAiB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7C,GACD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CAAE,CAAC;AAE5E,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,iBAAiB,CAAC,+BAA+B,CAAC,IAAI;IAC3F,EAAE,EAAE,CAAC,CAAC;CAEP,GAAG,8BAA8B,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GACtE,MAAM,CAAC,+BAA+B,EAAE,SAAS,CAAC,CAAC;AAErD,eAAO,MAAM,WAAW;;;;;;;;MAuDnB,SAAS,CAAC"}
+{"version":3,"file":"ActionsItem.d.ts","sourceRoot":"","sources":["../../../src/Actions/ActionsItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAe,YAAY,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5G,OAAO,KAAK,EAAE,SAAS,IAAI,eAAe,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACvF,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,KAAK,+BAA+B,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC,CAAC;AAEtG,KAAK,iBAAiB,CAAC,OAAO,IAAI,OAAO,SAAS,CAAC,GAAG,MAAM,EAAE,MAAM,MAAM,KAAK,MAAM,MAAM,GACvF,CAAC,GAAG,MAAM,EAAE,MAAM,KAAK,UAAU,CAAC,MAAM,GAAG,KAAK,CAAC,GACjD,KAAK,CAAC;AAEV,MAAM,MAAM,8BAA8B,CAAC,KAAK,IAAI,KAAK,SAAS;IAAE,OAAO,CAAC,EAAE,MAAM,OAAO,CAAA;CAAE,GACzF,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG;IACzB,OAAO,CAAC,EAAE,OAAO,SAAS,IAAI,GAC1B,IAAI,GAAG,iBAAiB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,GAC9C,iBAAiB,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;CAC7C,GACD;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,EAAE,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CAAE,CAAC;AAE5E,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,iBAAiB,CAAC,+BAA+B,CAAC,IAAI;IAC3F,EAAE,EAAE,CAAC,CAAC;CAEP,GAAG,8BAA8B,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GACtE,MAAM,CAAC,+BAA+B,EAAE,SAAS,CAAC,CAAC;AAErD,eAAO,MAAM,WAAW;;;;;;;;MAkDnB,SAAS,CAAC"}

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

@@ -3,8 +3,8 @@ import type { ButtonSize } from './Button';
 interface ButtonPaddingProps {
     children: ReactNode;
     size?: ButtonSize;
-    isDisabled?: boolean;
+    hasBadge?: boolean;
 }
-export declare function ButtonPadding({ children, size, isDisabled }: ButtonPaddingProps): ReactNode;
+export declare function ButtonPadding({ children, size, hasBadge }: ButtonPaddingProps): ReactNode;
 export {};
 //# sourceMappingURL=ButtonPadding.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonPadding.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonPadding.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAe3C,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAgB3F"}
+{"version":3,"file":"ButtonPadding.d.ts","sourceRoot":"","sources":["../../../src/Button/ButtonPadding.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAa3C,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAiBzF"}

package/dist/definitions/native-base/KittNativeBaseProvider.d.ts

@@ -1366,10 +1366,10 @@ export declare function createKittNativeBaseCustomTheme(theme: Theme, appTheme?:
         "kitt.30"?: number | undefined;
         "kitt.24"?: number | undefined;
         "kitt.15"?: number | undefined;
-        "kitt.14"?: number | undefined;
         "kitt.56"?: number | undefined;
         "kitt.32"?: number | undefined;
         "kitt.60"?: number | undefined;
+        "kitt.14"?: number | undefined;
         "kitt.64"?: number | undefined;
         "kitt.18"?: number | undefined;
         "kitt.26"?: number | undefined;
@@ -2266,10 +2266,10 @@ export declare function createKittNativeBaseCustomTheme(theme: Theme, appTheme?:
         "-kitt.30"?: number | undefined;
         "-kitt.24"?: number | undefined;
         "-kitt.15"?: number | undefined;
-        "-kitt.14"?: number | undefined;
         "-kitt.56"?: number | undefined;
         "-kitt.32"?: number | undefined;
         "-kitt.60"?: number | undefined;
+        "-kitt.14"?: number | undefined;
         "-kitt.64"?: number | undefined;
         "-kitt.18"?: number | undefined;
         "-kitt.26"?: number | undefined;
@@ -2330,10 +2330,10 @@ export declare function createKittNativeBaseCustomTheme(theme: Theme, appTheme?:
         "kitt.30"?: number | undefined;
         "kitt.24"?: number | undefined;
         "kitt.15"?: number | undefined;
-        "kitt.14"?: number | undefined;
         "kitt.56"?: number | undefined;
         "kitt.32"?: number | undefined;
         "kitt.60"?: number | undefined;
+        "kitt.14"?: number | undefined;
         "kitt.64"?: number | undefined;
         "kitt.18"?: number | undefined;
         "kitt.26"?: number | undefined;

package/dist/definitions/themes/late-ocean/button.d.ts

@@ -30,6 +30,9 @@ export interface DisabledButtonTheme extends BaseButtonTheme {
     default: DisabledBaseVariantTheme;
 }
 interface ButtonPadding {
+    hasBadge: {
+        right: number;
+    };
     horizontal: number;
     vertical: number;
 }
@@ -65,7 +68,6 @@ export interface ButtonTheme {
         default: ButtonPadding;
         large: ButtonPadding;
         xLarge: ButtonPadding;
-        disabled: ButtonPadding;
     };
     transition: {
         duration: string;

package/dist/definitions/themes/late-ocean/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/button.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF;;OAEG;IACH,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,OAAO,EAAE;QACP,OAAO,EAAE,aAAa,CAAC;QACvB,KAAK,EAAE,aAAa,CAAC;QACrB,MAAM,EAAE,aAAa,CAAC;QACtB,QAAQ,EAAE,aAAa,CAAC;KACzB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,OAAO,EAAE,qBAAqB,CAAC;IAC/B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,aAAa,EAAE,iBAAiB,CAAC;IACjC,eAAe,EAAE,iBAAiB,CAAC;IACnC,QAAQ,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,WAoJpB,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/themes/late-ocean/button.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,gBAAgB;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AACD,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,KAAK,EAAE,iBAAiB,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB;IAC9D,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,EAAE,sBAAsB,CAAC;CACjC;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAoB,SAAQ,eAAe;IAC1D,OAAO,EAAE,wBAAwB,CAAC;CACnC;AAED,UAAU,aAAa;IACrB,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,WAAW;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE;QACX,QAAQ,EAAE,MAAM,CAAC;QACjB,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE;QACL,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM,CAAC;YAChB,KAAK,EAAE,MAAM,CAAC;YACd,MAAM,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,MAAM,EAAE;YACN,KAAK,EAAE,MAAM,CAAC;SACf,CAAC;KACH,CAAC;IACF;;OAEG;IACH,cAAc,EAAE;QACd,OAAO,EAAE,MAAM,CAAC;QAChB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,OAAO,EAAE;QACP,OAAO,EAAE,aAAa,CAAC;QACvB,KAAK,EAAE,aAAa,CAAC;QACrB,MAAM,EAAE,aAAa,CAAC;KACvB,CAAC;IACF,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAC;QACjB,cAAc,EAAE,MAAM,CAAC;KACxB,CAAC;IACF,OAAO,EAAE,qBAAqB,CAAC;IAC/B,OAAO,EAAE,qBAAqB,CAAC;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,MAAM,EAAE,iBAAiB,CAAC;IAC1B,aAAa,EAAE,iBAAiB,CAAC;IACjC,eAAe,EAAE,iBAAiB,CAAC;IACnC,QAAQ,EAAE,mBAAmB,CAAC;CAC/B;AAED,eAAO,MAAM,MAAM,EAAE,WAyJpB,CAAC"}

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

@@ -664,20 +664,25 @@ const button = {
   },
   padding: {
     default: {
+      hasBadge: {
+        right: 8
+      },
       horizontal: 16,
       vertical: 7
     },
     large: {
+      hasBadge: {
+        right: 12
+      },
       horizontal: 24,
       vertical: 11
     },
     xLarge: {
+      hasBadge: {
+        right: 12
+      },
       horizontal: 24,
       vertical: 15
-    },
-    disabled: {
-      horizontal: 14,
-      vertical: 5
     }
   },
   transition: {
@@ -3329,22 +3334,19 @@ function ButtonContent(_ref) {
 }
 
 function getCurrentPaddingConfig({
-  size,
-  isDisabled
+  size
 }) {
   if (size === 'large') return 'large';
   if (size === 'xLarge') return 'xLarge';
-  if (isDisabled) return 'disabled';
   return 'default';
 }
 function ButtonPadding({
   children,
   size,
-  isDisabled
+  hasBadge
 }) {
   const currentPaddingKey = getCurrentPaddingConfig({
-    size,
-    isDisabled
+    size
   });
   return /*#__PURE__*/jsx(View, {
     position: "relative",
@@ -3353,6 +3355,7 @@ function ButtonPadding({
     justifyContent: "center",
     paddingX: `kitt.button.padding.${currentPaddingKey}.horizontal`,
     paddingY: `kitt.button.padding.${currentPaddingKey}.vertical`,
+    paddingRight: hasBadge ? `kitt.button.padding.${currentPaddingKey}.hasBadge.right` : undefined,
     minHeight: "kitt.button.minHeight",
     children: children
   });
@@ -3541,7 +3544,7 @@ const Button = /*#__PURE__*/forwardRef(({
       isStretch: stretch,
       children: /*#__PURE__*/jsxs(ButtonPadding, {
         size: size,
-        isDisabled: disabled,
+        hasBadge: Boolean(withBadge || badgeCount && badgeCount > 0),
         children: [/*#__PURE__*/jsx(ButtonContent, {
           type: _type,
           variant: _variant,
@@ -3631,8 +3634,6 @@ const ActionsItem = /*#__PURE__*/forwardRef((_ref, ref) => {
     props = _objectWithoutProperties(_ref, _excluded$P);
   const [isLoading, setIsLoading] = useState(false);
   const mountedRef = useRef(false);
-  // securing the loading state with a ref to avoid user action between rerenders
-  const loadingRef = useRef(false);
 
   // effect just for tracking mounted state, as onPress can unmount the ActionButton
   useEffect(() => {
@@ -3650,18 +3651,15 @@ const ActionsItem = /*#__PURE__*/forwardRef((_ref, ref) => {
       icon: isLoading ? /*#__PURE__*/jsx(LoaderIcon, {}) : icon,
       onPress: e => {
         (async () => {
-          if (!onPress || loadingRef.current) return;
+          if (!onPress) return;
           setIsLoading(true);
-          loadingRef.current = true;
           try {
             await onPress(e);
             if (mountedRef.current) {
               setIsLoading(false);
-              loadingRef.current = false;
             }
           } catch (error) {
             if (mountedRef.current) {
-              loadingRef.current = false;
               setIsLoading(false);
             }
             throw error;