@hzblj/kara-ui 0.4.1 → 0.6.0

package/CHANGELOG.md

@@ -1,5 +1,52 @@
 # @hzblj/kara-ui
 
+## 0.6.0
+
+### Minor Changes
+
+- [#10](https://github.com/hzblj/kara-ui/pull/10) [`62b7131`](https://github.com/hzblj/kara-ui/commit/62b713143bd03872ecdd89ca8de42d98fe589617) Thanks [@hzblj](https://github.com/hzblj)! - Haptics: kara's own, native on both platforms, named for what happened.
+
+  - `haptics.success()`, `haptics.selection()`, … — one function per haptic — and `haptics.play(name)` for a name that arrives as data. `selection`, `tick`, `toggleOn`/`toggleOff`, `success`/`warning`/`error`, `longPress`, `dragStart`, `thresholdActivate`/`thresholdDeactivate`, `keyPress`, and the impacts `soft`, `light`, `medium`, `rigid`, `heavy` (`intensity` scales them on iOS). Synchronous, nothing to await.
+  - iOS: UIKit's feedback generators, kept alive and warmed up with `haptics.prepare` — `Pressable` prepares its haptic on press-in. Android: the system's own haptic feedback (`View.performHapticFeedback`), with Android 14's constants falling back to older ones — never a raw vibration. Both follow the user's system setting.
+  - `useHapticFeedback(trigger, haptic)` plays on every change of a value, never on mount; a function of the previous and next value picks a haptic per change.
+  - `haptics.setEnabled(false)` silences every kara haptic, the components' own included.
+  - `Pressable`'s `haptic` takes a name as well as `true` (a `light` impact); `Chip` plays `selection`.
+  - On Android, where Compose's Material controls play nothing: `Switch` plays `toggleOn`/`toggleOff`, a stepped `Slider` ticks at every stop, `SegmentedControl` plays `selection`. iOS keeps its native controls' own feedback.
+  - `Slider`: `step` is the increment on Android too — it was passed to Compose as the number of stops.
+  - `expo-haptics` is no longer a peer dependency.
+
+### Patch Changes
+
+- Updated dependencies [[`62b7131`](https://github.com/hzblj/kara-ui/commit/62b713143bd03872ecdd89ca8de42d98fe589617)]:
+  - @hzblj/kara-native@0.6.0
+  - @hzblj/kara-components@0.6.0
+  - @hzblj/kara-router@0.6.0
+  - @hzblj/kara-theme@0.6.0
+  - @hzblj/kara-sx@0.6.0
+  - @hzblj/kara-expo-plugin@0.6.0
+
+## 0.5.0
+
+### Minor Changes
+
+- [#8](https://github.com/hzblj/kara-ui/pull/8) [`3b0a6fb`](https://github.com/hzblj/kara-ui/commit/3b0a6fbc49559720023fece2b5c6189ad4d88bc8) Thanks [@hzblj](https://github.com/hzblj)! - `ZoomTransition`: a push that grows out of the photo it was opened from and shrinks back into it.
+
+  - iOS 18: UIKit's zoom transition, with the interactive dismissal (swipe down, edge swipe, pinch) gated on the scroll views under the finger. Below iOS 18 the push stays a slide. Android: Material's container transform, both ways.
+  - Three pieces from `@hzblj/kara-ui/router`, tied by one identifier: `ZoomTransition.Source` on the list, `ZoomTransition.Enabler` and `ZoomTransition.Target` on the pushed screen; `useZoomTransitionSourceId`, `ZOOM_TRANSITION_PARAM`, `useZoomTransitionParam` and `withZoomTransition` (an Android fade under the transform) around them.
+  - Settings both platforms honour sit at the top (`scrim`); the rest is typed apart under `ios` (`dismissGesture`, `blur`, the target's `fit`) and `android` (`duration`, `easing`, `fade`, `path`, corner radii, the target's `fit` and `flex`).
+  - `ContextMenu`: with a `ZoomTransition.Source` in the trigger, a tap on the iOS preview zooms the preview's photo straight into the pushed screen. `previewTransition` (`zoom`, `pop`, `dismiss`) picks how the preview leaves.
+  - `DurationSize`, the keys of `duration`.
+
+### Patch Changes
+
+- Updated dependencies [[`3b0a6fb`](https://github.com/hzblj/kara-ui/commit/3b0a6fbc49559720023fece2b5c6189ad4d88bc8)]:
+  - @hzblj/kara-router@0.5.0
+  - @hzblj/kara-native@0.5.0
+  - @hzblj/kara-components@0.5.0
+  - @hzblj/kara-theme@0.5.0
+  - @hzblj/kara-sx@0.5.0
+  - @hzblj/kara-expo-plugin@0.5.0
+
 ## 0.4.1
 
 ### Patch Changes

package/README.md

@@ -8,8 +8,8 @@ iOS and Android, Expo SDK 57, development build required.
 ## Install
 
 ```bash
-npx expo install @hzblj/kara-ui @expo/ui @lodev09/react-native-true-sheet @shopify/flash-list expo-haptics expo-image react-native-reanimated react-native-worklets
-npx expo install expo-router   # optional, for native tabs
+npx expo install @hzblj/kara-ui @expo/ui @lodev09/react-native-true-sheet @shopify/flash-list expo-image react-native-reanimated react-native-worklets
+npx expo install expo-router   # optional, for @hzblj/kara-ui/router
 ```
 
 ## Use
@@ -53,20 +53,9 @@ plugins: [['@hzblj/kara-ui', {icons: {source: './assets/icons'}}]]
 
 Every SVG in the folder becomes a native icon at prebuild: `bolt.svg` → `<Icon name="bolt" />`.
 
-## Sheets
-
-```tsx
-<Sheet onDismiss={close} visible={open}>
-  <Sheet.Header title="Choose a size" trailingItems={[{type: 'close', onPress: close}]} />
-  <Content />
-</Sheet>
-```
-
-The header is a real navigation bar: `back`, `close` and icon items on either side, a centred, leading or large title.
-
 ## Entry points
 
-`@hzblj/kara-ui` (everything), `@hzblj/kara-ui/router` (native tabs), `@hzblj/kara-ui/swift-ui` and
+`@hzblj/kara-ui` (everything), `@hzblj/kara-ui/router` (what needs Expo Router), `@hzblj/kara-ui/swift-ui` and
 `@hzblj/kara-ui/jetpack-compose` (the raw native views).
 
 [Example app and source](https://github.com/hzblj/kara-ui) · MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hzblj/kara-ui",
-  "version": "0.4.1",
+  "version": "0.6.0",
   "description": "A native-first design system for Expo: real SwiftUI and Jetpack Compose views through @expo/ui, styled by one token-typed sx engine.",
   "author": "Jan Blazej",
   "license": "MIT",
@@ -87,19 +87,18 @@
     ]
   },
   "dependencies": {
-    "@hzblj/kara-components": "^0.4.1",
-    "@hzblj/kara-expo-plugin": "^0.4.1",
-    "@hzblj/kara-native": "^0.4.1",
-    "@hzblj/kara-router": "^0.4.1",
-    "@hzblj/kara-sx": "^0.4.1",
-    "@hzblj/kara-theme": "^0.4.1"
+    "@hzblj/kara-components": "^0.6.0",
+    "@hzblj/kara-expo-plugin": "^0.6.0",
+    "@hzblj/kara-native": "^0.6.0",
+    "@hzblj/kara-router": "^0.6.0",
+    "@hzblj/kara-sx": "^0.6.0",
+    "@hzblj/kara-theme": "^0.6.0"
   },
   "peerDependencies": {
     "@expo/ui": "~57.0.0",
     "@lodev09/react-native-true-sheet": ">=3.11.0",
     "@shopify/flash-list": ">=2.0.0",
     "expo": "~57.0.0",
-    "expo-haptics": "*",
     "expo-image": "*",
     "expo-router": "*",
     "react": "*",
@@ -117,7 +116,6 @@
     "@shopify/flash-list": "^2.3.2",
     "@types/react": "~19.2.18",
     "expo": "~57.0.22",
-    "expo-haptics": "~57.0.3",
     "expo-image": "~57.0.5",
     "expo-router": "~57.0.21",
     "react": "19.2.3",