@hzblj/kara-components 0.21.0 → 0.23.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # @hzblj/kara-components
 
+## 0.23.0
+
+### Minor Changes
+
+- [#74](https://github.com/hzblj/kara-ui/pull/74) [`874778c`](https://github.com/hzblj/kara-ui/commit/874778c94b9757942e7466aff6e00bc791cb2481) Thanks [@hzblj](https://github.com/hzblj)! - `NavigationBar`'s integrated search (`placement: 'integratedButton'`) opens the way the system's own does on iOS 26: the search button grows into the field with the bar's Liquid Glass morph and the cancel splits off its end, then merges back and the field shrinks into the button on close. `search.buttonPlacement: 'leading'` puts the button after the leading items.
+
+- [#72](https://github.com/hzblj/kara-ui/pull/72) [`71631d9`](https://github.com/hzblj/kara-ui/commit/71631d98ca18a4793773df8b8ca974e8e58b90e1) Thanks [@hzblj](https://github.com/hzblj)! - A search field's `voice` takes `sizes`: the clear and microphone glyphs, the stop button and the waveform (its width, height and bars, `barRadius: 0` for flat ones), each keeping its default when left out. New bars grow in from the middle as they come in at the edge, and the waveform keeps flowing while the main thread is busy (`@hzblj/expo-waveform` 0.4.0).
+
+### Patch Changes
+
+- Updated dependencies [[`874778c`](https://github.com/hzblj/kara-ui/commit/874778c94b9757942e7466aff6e00bc791cb2481), [`71631d9`](https://github.com/hzblj/kara-ui/commit/71631d98ca18a4793773df8b8ca974e8e58b90e1), [`83e36b8`](https://github.com/hzblj/kara-ui/commit/83e36b82e136e450303a34ca47df3fe2732133ae)]:
+  - @hzblj/kara-native@0.23.0
+  - @hzblj/kara-sx@0.23.0
+  - @hzblj/kara-theme@0.23.0
+
+## 0.22.0
+
+### Minor Changes
+
+- [#70](https://github.com/hzblj/kara-ui/pull/70) [`877e43c`](https://github.com/hzblj/kara-ui/commit/877e43cc26be5029af3c3b7c2f4cb9059c14f202) Thanks [@hzblj](https://github.com/hzblj)! - `HeaderLargeTitleFade` (`@hzblj/kara-ui/header`) fades content under the header, like segments or chips, out and back with the large title while the header search is open, in step with UIKit's animation (iOS). `ScrollViewZPosition` is removed: a large title stays in the bar when the screen's first view is not a scroll view, so the empty anchor scroll view it kept visible is no longer needed.
+
+### Patch Changes
+
+- Updated dependencies [[`877e43c`](https://github.com/hzblj/kara-ui/commit/877e43cc26be5029af3c3b7c2f4cb9059c14f202)]:
+  - @hzblj/kara-native@0.22.0
+  - @hzblj/kara-sx@0.22.0
+  - @hzblj/kara-theme@0.22.0
+
 ## 0.21.0
 
 ### Minor Changes

package/lib/module/molecules/navigation-bar/navigation-bar.ios.js

@@ -76,6 +76,7 @@ export const NavigationBar = ({
     ref: barRef,
     searchButtonImageName: toImageName(search?.buttonIcon),
     searchButtonLabel: search ? search.buttonLabel ?? DEFAULT_LABELS.search : undefined,
+    searchButtonPlacement: search?.buttonPlacement,
     searchCancelImageName: toImageName(search?.cancelIcon),
     searchCancelLabel: search ? search.cancelLabel ?? DEFAULT_LABELS.cancel : undefined,
     searchClearImageName: toImageName(clearIcon),

package/lib/module/molecules/navigation-bar/navigation-bar.ios.js.map

@@ -1 +1 @@
-{"version":3,"names":["iconResourceName","NavigationBar","NativeNavigationBar","useAppTheme","useImperativeHandle","useMemo","useRef","StyleSheet","SEARCH_ROW_HEIGHT","jsx","_jsx","BAR_HEIGHT","styles","create","bar","height","width","stackedSearchBar","DEFAULT_LABELS","back","cancel","close","search","toImageName","icon","undefined","toNativeItem","item","type","imageName","label","ignoreDetachedView","inverted","leadingItems","testID","title","titleAlignment","titleVisible","trailingItems","theme","barRef","font","typography","headline","color","ref","clear","current","clearSearchText","catch","setText","text","setSearchText","voice","clearIcon","nativeVoice","clearImageName","microphoneImageName","microphoneIcon","stopImageName","stopIcon","nativeLeadingItems","map","nativeTrailingItems","isStackedSearch","placement","fontFamily","fontSize","itemColor","onSearchFocusChange","onFocusChange","onSearchTextChange","onChangeText","searchButtonImageName","buttonIcon","searchButtonLabel","buttonLabel","searchCancelImageName","cancelIcon","searchCancelLabel","cancelLabel","searchClearImageName","searchPlaceholder","placeholder","searchPlacement","searchTestID","searchVoice","style","titleColor"],"sourceRoot":"../../../../src","sources":["molecules/navigation-bar/navigation-bar.ios.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["iconResourceName","NavigationBar","NativeNavigationBar","useAppTheme","useImperativeHandle","useMemo","useRef","StyleSheet","SEARCH_ROW_HEIGHT","jsx","_jsx","BAR_HEIGHT","styles","create","bar","height","width","stackedSearchBar","DEFAULT_LABELS","back","cancel","close","search","toImageName","icon","undefined","toNativeItem","item","type","imageName","label","ignoreDetachedView","inverted","leadingItems","testID","title","titleAlignment","titleVisible","trailingItems","theme","barRef","font","typography","headline","color","ref","clear","current","clearSearchText","catch","setText","text","setSearchText","voice","clearIcon","nativeVoice","clearImageName","microphoneImageName","microphoneIcon","stopImageName","stopIcon","nativeLeadingItems","map","nativeTrailingItems","isStackedSearch","placement","fontFamily","fontSize","itemColor","onSearchFocusChange","onFocusChange","onSearchTextChange","onChangeText","searchButtonImageName","buttonIcon","searchButtonLabel","buttonLabel","searchButtonPlacement","buttonPlacement","searchCancelImageName","cancelIcon","searchCancelLabel","cancelLabel","searchClearImageName","searchPlaceholder","placeholder","searchPlacement","searchTestID","searchVoice","style","titleColor"],"sourceRoot":"../../../../src","sources":["molecules/navigation-bar/navigation-bar.ios.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/organisms/header/header-large-title-fade.android.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export const HeaderLargeTitleFade = ({
+  children
+}) => children;
+//# sourceMappingURL=header-large-title-fade.android.js.map

package/lib/module/organisms/header/header-large-title-fade.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HeaderLargeTitleFade","children"],"sourceRoot":"../../../../src","sources":["organisms/header/header-large-title-fade.android.tsx"],"mappings":";;AAEA,OAAO,MAAMA,oBAAmD,GAAGA,CAAC;EAACC;AAAmC,CAAC,KAAKA,QAAQ","ignoreList":[]}

package/lib/module/organisms/header/header-large-title-fade.ios.js

@@ -0,0 +1,15 @@
+"use strict";
+
+import { LargeTitleFade } from '@hzblj/kara-native/swift-ui';
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Fades its content out and back with the large title when the header search opens and closes, in step with UIKit's
+ * own animation. Keep the content mounted while searching: a `HeaderInset` moves with the bar's animation, and content
+ * mounted into it mid-animation draws off its place until the animation ends.
+ */
+export const HeaderLargeTitleFade = ({
+  children
+}) => /*#__PURE__*/_jsx(LargeTitleFade, {
+  children: children
+});
+//# sourceMappingURL=header-large-title-fade.ios.js.map

package/lib/module/organisms/header/header-large-title-fade.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LargeTitleFade","jsx","_jsx","HeaderLargeTitleFade","children"],"sourceRoot":"../../../../src","sources":["organisms/header/header-large-title-fade.ios.tsx"],"mappings":";;AAAA,SAAQA,cAAc,QAAO,6BAA6B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAI1D;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAmD,GAAGA,CAAC;EAACC;AAAmC,CAAC,kBACvGF,IAAA,CAACF,cAAc;EAAAI,QAAA,EAAEA;AAAQ,CAAiB,CAC3C","ignoreList":[]}

package/lib/module/organisms/header/index.js

@@ -2,6 +2,7 @@
 
 export * from "./header.types.js";
 export * from './header-inset';
+export * from './header-large-title-fade';
 export { useIsTitleRevealed } from "./header-title.js";
 export * from './sheet-grabber';
 export * from "./use-header.js";

package/lib/module/organisms/header/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["useIsTitleRevealed"],"sourceRoot":"../../../../src","sources":["organisms/header/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,SAAQA,kBAAkB,QAAO,mBAAgB;AACjD,cAAc,iBAAiB;AAE/B,cAAc,iBAAc;AAC5B,cAAc,wBAAwB;AACtC,cAAc,+BAA4B;AAC1C,cAAc,wBAAqB;AACnC,cAAc,sBAAmB;AACjC,cAAc,+BAA4B","ignoreList":[]}
+{"version":3,"names":["useIsTitleRevealed"],"sourceRoot":"../../../../src","sources":["organisms/header/index.ts"],"mappings":";;AAAA,cAAc,mBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,2BAA2B;AACzC,SAAQA,kBAAkB,QAAO,mBAAgB;AACjD,cAAc,iBAAiB;AAE/B,cAAc,iBAAc;AAC5B,cAAc,wBAAwB;AACtC,cAAc,+BAA4B;AAC1C,cAAc,wBAAqB;AACnC,cAAc,sBAAmB;AACjC,cAAc,+BAA4B","ignoreList":[]}

package/lib/typescript/molecules/navigation-bar/navigation-bar.types.d.ts

@@ -1,4 +1,4 @@
-import type { SearchVoiceMeter } from '@hzblj/kara-native';
+import type { SearchVoiceMeter, SearchVoiceSizes } from '@hzblj/kara-native';
 import type { ReactNode, Ref } from 'react';
 import type { ColorValue } from 'react-native';
 import type { IconName } from '../../atoms/icon';
@@ -32,6 +32,8 @@ export type SearchFieldVoice = {
     onStart: () => void;
     /** The stop button was pressed. */
     onStop: () => void;
+    /** The glyphs, the stop button and the waveform, each the platform's own size unless set. */
+    sizes?: SearchVoiceSizes;
     /** The glyph in the stop button. */
     stopIcon?: IconName;
     /** The stop button's accessibility label. */
@@ -74,6 +76,11 @@ export type NavigationBarSearchRef = {
  * the title, `integratedButton` as a search item beside the trailing items that turns the bar into the field.
  */
 export type NavigationBarSearchPlacement = 'integratedButton' | 'stacked';
+/**
+ * Where `integratedButton` puts its search button: beside the trailing items, or after the leading ones. On iOS 26 the
+ * button grows into the field and the cancel splits off its end, the way the system's own search does.
+ */
+export type NavigationBarSearchButtonPlacement = 'leading' | 'trailing';
 /**
  * A search field in the bar. iOS only for now; Android keeps the title. A focused field gets a cancel item that
  * empties it and ends the search, a bar item like the others.
@@ -83,6 +90,8 @@ export type NavigationBarSearch = {
     buttonIcon?: IconName;
     /** `integratedButton`: the search item's label for VoiceOver. `Search` by default. */
     buttonLabel?: string;
+    /** `integratedButton`: `trailing` by default. */
+    buttonPlacement?: NavigationBarSearchButtonPlacement;
     /** The cancel item's icon, one of the app's icons; the system cross unset. */
     cancelIcon?: IconName;
     /** The cancel item's label for VoiceOver. `Cancel` by default. */

package/lib/typescript/organisms/header/header-large-title-fade.d.ts

@@ -0,0 +1 @@
+export * from './header-large-title-fade.ios';

package/lib/typescript/organisms/header/header-large-title-fade.ios.d.ts

@@ -0,0 +1,7 @@
+import type { HeaderLargeTitleFadeComponent } from './header.types';
+/**
+ * Fades its content out and back with the large title when the header search opens and closes, in step with UIKit's
+ * own animation. Keep the content mounted while searching: a `HeaderInset` moves with the bar's animation, and content
+ * mounted into it mid-animation draws off its place until the animation ends.
+ */
+export declare const HeaderLargeTitleFade: HeaderLargeTitleFadeComponent;

package/lib/typescript/organisms/header/header.types.d.ts

@@ -437,4 +437,9 @@ export type HeaderInsetProps = {
     children?: ReactNode;
 };
 export type HeaderInsetComponent = (props: HeaderInsetProps) => ReactNode;
+export type HeaderLargeTitleFadeProps = {
+    /** Content under the header (segments, chips) that leaves with the large title while the header search is open. */
+    children?: ReactNode;
+};
+export type HeaderLargeTitleFadeComponent = (props: HeaderLargeTitleFadeProps) => ReactNode;
 export {};

package/lib/typescript/organisms/header/index.d.ts

@@ -1,5 +1,6 @@
 export * from './header.types';
 export * from './header-inset';
+export * from './header-large-title-fade';
 export { useIsTitleRevealed } from './header-title';
 export * from './sheet-grabber';
 export type { SheetGrabberProps } from './sheet-grabber.types';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzblj/kara-components",
-  "version": "0.21.0",
+  "version": "0.23.0",
   "description": "The atoms, molecules, organisms and templates of @hzblj/kara-ui — real SwiftUI and Jetpack Compose views through @expo/ui.",
   "author": "Jan Blazej",
   "license": "MIT",
@@ -66,9 +66,9 @@
   "dependencies": {
     "@hzblj/expo-native-icons": "^0.1.0",
     "@hzblj/expo-rich-haptics": "^0.1.0",
-    "@hzblj/kara-native": "^0.21.0",
-    "@hzblj/kara-sx": "^0.21.0",
-    "@hzblj/kara-theme": "^0.21.0",
+    "@hzblj/kara-native": "^0.23.0",
+    "@hzblj/kara-sx": "^0.23.0",
+    "@hzblj/kara-theme": "^0.23.0",
     "sf-symbols-typescript": "^2.2.0"
   },
   "peerDependencies": {

package/src/molecules/navigation-bar/navigation-bar.ios.tsx

@@ -83,6 +83,7 @@ export const NavigationBar: NavigationBarComponent = ({
       ref={barRef}
       searchButtonImageName={toImageName(search?.buttonIcon)}
       searchButtonLabel={search ? (search.buttonLabel ?? DEFAULT_LABELS.search) : undefined}
+      searchButtonPlacement={search?.buttonPlacement}
       searchCancelImageName={toImageName(search?.cancelIcon)}
       searchCancelLabel={search ? (search.cancelLabel ?? DEFAULT_LABELS.cancel) : undefined}
       searchClearImageName={toImageName(clearIcon)}

package/src/molecules/navigation-bar/navigation-bar.types.ts

@@ -1,4 +1,4 @@
-import type {SearchVoiceMeter} from '@hzblj/kara-native'
+import type {SearchVoiceMeter, SearchVoiceSizes} from '@hzblj/kara-native'
 import type {ReactNode, Ref} from 'react'
 import type {ColorValue} from 'react-native'
 
@@ -34,6 +34,8 @@ export type SearchFieldVoice = {
   onStart: () => void
   /** The stop button was pressed. */
   onStop: () => void
+  /** The glyphs, the stop button and the waveform, each the platform's own size unless set. */
+  sizes?: SearchVoiceSizes
   /** The glyph in the stop button. */
   stopIcon?: IconName
   /** The stop button's accessibility label. */
@@ -75,6 +77,12 @@ export type NavigationBarSearchRef = {
  */
 export type NavigationBarSearchPlacement = 'integratedButton' | 'stacked'
 
+/**
+ * Where `integratedButton` puts its search button: beside the trailing items, or after the leading ones. On iOS 26 the
+ * button grows into the field and the cancel splits off its end, the way the system's own search does.
+ */
+export type NavigationBarSearchButtonPlacement = 'leading' | 'trailing'
+
 /**
  * A search field in the bar. iOS only for now; Android keeps the title. A focused field gets a cancel item that
  * empties it and ends the search, a bar item like the others.
@@ -84,6 +92,8 @@ export type NavigationBarSearch = {
   buttonIcon?: IconName
   /** `integratedButton`: the search item's label for VoiceOver. `Search` by default. */
   buttonLabel?: string
+  /** `integratedButton`: `trailing` by default. */
+  buttonPlacement?: NavigationBarSearchButtonPlacement
   /** The cancel item's icon, one of the app's icons; the system cross unset. */
   cancelIcon?: IconName
   /** The cancel item's label for VoiceOver. `Cancel` by default. */

package/src/organisms/header/header-large-title-fade.android.tsx

@@ -0,0 +1,3 @@
+import type {HeaderLargeTitleFadeComponent, HeaderLargeTitleFadeProps} from './header.types'
+
+export const HeaderLargeTitleFade: HeaderLargeTitleFadeComponent = ({children}: HeaderLargeTitleFadeProps) => children

package/src/organisms/header/header-large-title-fade.ios.tsx

@@ -0,0 +1,12 @@
+import {LargeTitleFade} from '@hzblj/kara-native/swift-ui'
+
+import type {HeaderLargeTitleFadeComponent, HeaderLargeTitleFadeProps} from './header.types'
+
+/**
+ * Fades its content out and back with the large title when the header search opens and closes, in step with UIKit's
+ * own animation. Keep the content mounted while searching: a `HeaderInset` moves with the bar's animation, and content
+ * mounted into it mid-animation draws off its place until the animation ends.
+ */
+export const HeaderLargeTitleFade: HeaderLargeTitleFadeComponent = ({children}: HeaderLargeTitleFadeProps) => (
+  <LargeTitleFade>{children}</LargeTitleFade>
+)

package/src/organisms/header/header.types.ts

@@ -414,3 +414,10 @@ export type HeaderInsetProps = {
 }
 
 export type HeaderInsetComponent = (props: HeaderInsetProps) => ReactNode
+
+export type HeaderLargeTitleFadeProps = {
+  /** Content under the header (segments, chips) that leaves with the large title while the header search is open. */
+  children?: ReactNode
+}
+
+export type HeaderLargeTitleFadeComponent = (props: HeaderLargeTitleFadeProps) => ReactNode

package/src/organisms/header/index.ts

@@ -1,5 +1,6 @@
 export * from './header.types'
 export * from './header-inset'
+export * from './header-large-title-fade'
 export {useIsTitleRevealed} from './header-title'
 export * from './sheet-grabber'
 export type {SheetGrabberProps} from './sheet-grabber.types'