@ornikar/kitt-universal 27.9.1-canary.f58d71b1dad7167039ee1fbddbcf093a87688e98.0 → 28.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,19 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [27.9.1-canary.f58d71b1dad7167039ee1fbddbcf093a87688e98.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@27.9.0...@ornikar/kitt-universal@27.9.1-canary.f58d71b1dad7167039ee1fbddbcf093a87688e98.0) (2025-10-07)
6
+ ## [28.0.1](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@28.0.0...@ornikar/kitt-universal@28.0.1) (2025-10-08)
7
7
 
8
8
 
9
9
  ### Bug Fixes
10
10
 
11
- * add usecases in story ([b005d68](https://github.com/ornikar/kitt/commit/b005d681364bb7e16454f696f46b5af55d721a97))
12
- * complete cleaning ([7be3e25](https://github.com/ornikar/kitt/commit/7be3e2565fa541863c4057d7540cf4813afd6089))
13
- * fix CI ([1094aea](https://github.com/ornikar/kitt/commit/1094aeacf67d88b3ae47b441b4d3de39997557f7))
14
- * handle testID prop ([e2a54e0](https://github.com/ornikar/kitt/commit/e2a54e07585611cf04ffc9c0f61561a865c3b00b))
15
- * match old stories ([f6ea201](https://github.com/ornikar/kitt/commit/f6ea2011ae9ba11e8042db71dc2ddbe9cf207664))
16
- * restore iconButton theme as it is used by clients, also using it in TopNavBar ([00f1569](https://github.com/ornikar/kitt/commit/00f156939537e600bf29dec37c2687eaef480743))
17
- * update bottom sheet typing to allow having right property ([4b91119](https://github.com/ornikar/kitt/commit/4b911192ae095bb2eb65643367ed285b3f849cd8))
18
- * use correct width for iconButton theme ([817fc6d](https://github.com/ornikar/kitt/commit/817fc6d8a1131bc5db116d26694e7192a69138f6))
11
+ * **kitt-universal/TopNavBar:** apply default background [no issue] ([#2714](https://github.com/ornikar/kitt/issues/2714)) ([d4d5cd0](https://github.com/ornikar/kitt/commit/d4d5cd096770712d95368abc4c435326c5ce9c83))
12
+
13
+
14
+
15
+ ## [28.0.0](https://github.com/ornikar/kitt/compare/@ornikar/kitt-universal@27.9.0...@ornikar/kitt-universal@28.0.0) (2025-10-08)
16
+
17
+
18
+ ### BREAKING CHANGES
19
+
20
+ * **kitt-universal:** use `TopNavBar` in modal and bottomsheet `Header` [no issue] (#2711)
21
+
22
+ ### Code Refactoring
23
+
24
+ * **kitt-universal:** use `TopNavBar` in modal and bottomsheet `Header` [no issue] ([#2711](https://github.com/ornikar/kitt/issues/2711)) ([351fbcc](https://github.com/ornikar/kitt/commit/351fbccf08111afa065a3d8daf98f6b6d6f446bf))
19
25
 
20
26
 
21
27
 
@@ -1,6 +1,7 @@
1
1
  import type { ReactNode } from 'react';
2
2
  import type { IconButtonProps } from '../IconButton/IconButton';
3
- export interface TopNavBarProps {
3
+ import type { ViewProps } from '../native-base/primitives';
4
+ export interface TopNavBarProps extends Pick<ViewProps, 'backgroundColor' | 'testID'> {
4
5
  left?: ReactNode;
5
6
  right?: ReactNode;
6
7
  title?: ReactNode;
@@ -8,9 +9,9 @@ export interface TopNavBarProps {
8
9
  stickers?: ReactNode[];
9
10
  mode?: 'default' | 'largeTitle';
10
11
  hasSeparator?: boolean;
11
- testID?: string;
12
+ backgroundColor?: string;
12
13
  }
13
- export declare function TopNavBar({ left, right, title, titleAlign, stickers, mode, hasSeparator, testID, }: TopNavBarProps): ReactNode;
14
+ export declare function TopNavBar({ left, right, title, titleAlign, stickers, mode, hasSeparator, backgroundColor, testID, }: TopNavBarProps): ReactNode;
14
15
  export declare namespace TopNavBar {
15
16
  var CloseButton: (props: TopNavBarCloseButtonProps) => ReactNode;
16
17
  var BackButton: (props: TopNavBarBackButtonProps) => ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"TopNavBar.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAOhE,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,UAAqB,EACrB,QAAQ,EACR,IAAgB,EAChB,YAAmB,EACnB,MAAM,GACP,EAAE,cAAc,GAAG,SAAS,CA+C5B;yBAxDe,SAAS;;;;AA0DzB,MAAM,WAAW,yBAA0B,SAAQ,eAAe;CAAG;AAMrE,MAAM,WAAW,wBAAyB,SAAQ,eAAe;CAAG"}
1
+ {"version":3,"file":"TopNavBar.d.ts","sourceRoot":"","sources":["../../../src/TopNavBar/TopNavBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAGhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAK3D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,iBAAiB,GAAG,QAAQ,CAAC;IACnF,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC;IAChC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,KAAK,EACL,UAAqB,EACrB,QAAQ,EACR,IAAgB,EAChB,YAAmB,EACnB,eAA0C,EAC1C,MAAM,GACP,EAAE,cAAc,GAAG,SAAS,CAgD5B;yBA1De,SAAS;;;;AA4DzB,MAAM,WAAW,yBAA0B,SAAQ,eAAe;CAAG;AAMrE,MAAM,WAAW,wBAAyB,SAAQ,eAAe;CAAG"}
@@ -4437,6 +4437,7 @@ function TopNavBar({
4437
4437
  stickers,
4438
4438
  mode = 'default',
4439
4439
  hasSeparator = true,
4440
+ backgroundColor = 'kitt.uiBackgroundLight',
4440
4441
  testID
4441
4442
  }) {
4442
4443
  const isLargeTitleMode = mode === 'largeTitle';
@@ -4451,6 +4452,7 @@ function TopNavBar({
4451
4452
  paddingX: "kitt.2",
4452
4453
  paddingTop: isLargeTitleMode ? 'kitt.2' : 'kitt.3',
4453
4454
  paddingBottom: "kitt.3",
4455
+ backgroundColor: backgroundColor,
4454
4456
  borderBottomWidth: hasSeparator && mode === 'default' ? 1 : 0,
4455
4457
  borderColor: "kitt.separator",
4456
4458
  testID: testID,