@startupjs-ui/button 0.1.22 → 0.2.0-alpha.1

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0-alpha.1](https://github.com/startupjs/startupjs-ui/compare/v0.2.0-alpha.0...v0.2.0-alpha.1) (2026-04-10)
+
+**Note:** Version bump only for package @startupjs-ui/button
+
+
+
+
+
+# [0.2.0-alpha.0](https://github.com/startupjs/startupjs-ui/compare/v0.1.22...v0.2.0-alpha.0) (2026-03-27)
+
+
+### Features
+
+* fix and improve accessibility of various components. Add storybook with tests. ([#21](https://github.com/startupjs/startupjs-ui/issues/21)) ([83b6576](https://github.com/startupjs/startupjs-ui/commit/83b65767ed61b24209f71b143ba1c2986170ab58))
+
+
+
+
+
 ## [0.1.22](https://github.com/startupjs/startupjs-ui/compare/v0.1.21...v0.1.22) (2026-03-25)
 
 **Note:** Version bump only for package @startupjs-ui/button

package/index.d.ts

@@ -33,6 +33,14 @@ export interface ButtonProps {
     hoverStyle?: StyleProp<ViewStyle>;
     /** custom styles for active state */
     activeStyle?: StyleProp<ViewStyle>;
+    /** cross-platform accessible name for icon-only or custom-content buttons */
+    'aria-label'?: string;
+    /** legacy alias for aria-label */
+    accessibilityLabel?: string;
+    /** accessible hint text */
+    accessibilityHint?: string;
     /** onPress handler */
     onPress?: (event: GestureResponderEvent) => void | Promise<void>;
+    /** Additional props forwarded to the root pressable */
+    [key: string]: any;
 }

package/index.tsx

@@ -44,8 +44,16 @@ export interface ButtonProps {
   hoverStyle?: StyleProp<ViewStyle>
   /** custom styles for active state */
   activeStyle?: StyleProp<ViewStyle>
+  /** cross-platform accessible name for icon-only or custom-content buttons */
+  'aria-label'?: string
+  /** legacy alias for aria-label */
+  accessibilityLabel?: string
+  /** accessible hint text */
+  accessibilityHint?: string
   /** onPress handler */
   onPress?: (event: GestureResponderEvent) => void | Promise<void>
+  /** Additional props forwarded to the root pressable */
+  [key: string]: any
 }
 function Button ({
   style,
@@ -77,13 +85,18 @@ function Button ({
     let resolved = false
     const promise = onPress(event)
     if (!(promise && promise.then)) return
-    promise.then(() => { resolved = true })
+    promise.then(
+      () => { resolved = true },
+      () => { resolved = true }
+    )
     await new Promise((resolve) => setTimeout(resolve, 0))
     if (resolved) return
     setAsyncActive(true)
-    await promise
-    if (!isMountedRef.current) return
-    setAsyncActive(false)
+    try {
+      await promise
+    } finally {
+      if (isMountedRef.current) setAsyncActive(false)
+    }
   }
 
   if (!getColor(color)) console.error('Button component: Color for color property is incorrect. Use colors from Colors')
@@ -154,6 +167,7 @@ function Button ({
   return pug`
     Div.root(
       row
+      _webNativeButton
       shape=shape
       style=[rootStyle, style]
       styleName=[

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@startupjs-ui/button",
-  "version": "0.1.22",
+  "version": "0.2.0-alpha.1",
   "publishConfig": {
     "access": "public"
   },
@@ -8,16 +8,16 @@
   "types": "index.d.ts",
   "type": "module",
   "dependencies": {
-    "@startupjs-ui/core": "^0.1.22",
-    "@startupjs-ui/div": "^0.1.22",
-    "@startupjs-ui/icon": "^0.1.22",
-    "@startupjs-ui/loader": "^0.1.22",
-    "@startupjs-ui/span": "^0.1.22"
+    "@startupjs-ui/core": "^0.2.0-alpha.1",
+    "@startupjs-ui/div": "^0.2.0-alpha.1",
+    "@startupjs-ui/icon": "^0.2.0-alpha.1",
+    "@startupjs-ui/loader": "^0.2.0-alpha.1",
+    "@startupjs-ui/span": "^0.2.0-alpha.1"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
     "startupjs": "*"
   },
-  "gitHead": "3bd18c16f0f203ee3d940bf2e09381edc0034665"
+  "gitHead": "b48004779559b16c96a2a1995dab13b998eafce9"
 }