@unofficialbox/box-open-elements-react 0.27.0 → 0.28.1

package/dist/button.d.ts

@@ -4,6 +4,7 @@ import type { NativeEventHandler } from "./events.js";
 export type ButtonProps = Omit<WebComponentProps, "onClick"> & {
     /** Button label text (maps to the `label` property / attribute). */
     label?: string;
+    accessibleLabel?: string;
     /** Visual tone: `primary` (default), `neutral`, `danger`. */
     tone?: string;
     /** Control size: `small`, `medium` (default), `large`. */
@@ -31,6 +32,7 @@ export type ButtonProps = Omit<WebComponentProps, "onClick"> & {
 export declare const Button: import("react").ForwardRefExoticComponent<Omit<WebComponentProps, "onClick"> & {
     /** Button label text (maps to the `label` property / attribute). */
     label?: string;
+    accessibleLabel?: string;
     /** Visual tone: `primary` (default), `neutral`, `danger`. */
     tone?: string;
     /** Control size: `small`, `medium` (default), `large`. */

package/dist/button.js

@@ -15,12 +15,14 @@ ButtonElement.register();
 export const Button = createWebComponent({
     tagName: "box-button",
     displayName: "Button",
-    propertyNames: ["label", "tone", "size", "disabled"],
+    propertyNames: ["label", "accessibleLabel", "tone", "size", "disabled"],
     events: [{ propName: "onClick", eventName: "click" }],
     sync: (element, props) => {
         if (props.label !== undefined) {
             element.label = props.label;
         }
+        if (props.accessibleLabel !== undefined)
+            element.accessibleLabel = props.accessibleLabel;
         if (props.tone !== undefined) {
             element.tone = props.tone;
         }

package/dist/dialog.d.ts

@@ -9,6 +9,9 @@ export type DialogProps = WebComponentProps & {
     heading?: string;
     description?: string;
     confirmLabel?: string;
+    confirmDisabled?: boolean;
+    confirmBusy?: boolean;
+    confirmBusyLabel?: string;
     size?: DialogSize;
     onOpenChanged?: CustomEventHandler<DialogElement, {
         open: boolean;
@@ -26,6 +29,9 @@ export declare const Dialog: import("react").ForwardRefExoticComponent<{
     heading?: string;
     description?: string;
     confirmLabel?: string;
+    confirmDisabled?: boolean;
+    confirmBusy?: boolean;
+    confirmBusyLabel?: string;
     size?: DialogSize;
     onOpenChanged?: CustomEventHandler<DialogElement, {
         open: boolean;

package/dist/dialog.js

@@ -5,7 +5,7 @@ DialogElement.register();
 export const Dialog = createWebComponent({
     tagName: "box-dialog",
     displayName: "Dialog",
-    propertyNames: ["open", "heading", "description", "confirmLabel", "size"],
+    propertyNames: ["open", "heading", "description", "confirmLabel", "confirmDisabled", "confirmBusy", "confirmBusyLabel", "size"],
     events: [
         { propName: "onOpenChanged", eventName: "open-changed" },
         { propName: "onConfirm", eventName: "confirm" },
@@ -21,6 +21,12 @@ export const Dialog = createWebComponent({
         if (props.confirmLabel !== undefined) {
             element.confirmLabel = props.confirmLabel;
         }
+        if (props.confirmDisabled !== undefined)
+            element.confirmDisabled = props.confirmDisabled;
+        if (props.confirmBusy !== undefined)
+            element.confirmBusy = props.confirmBusy;
+        if (props.confirmBusyLabel !== undefined)
+            element.confirmBusyLabel = props.confirmBusyLabel;
         if (props.size !== undefined) {
             element.size = props.size;
         }

package/dist/drawer.d.ts

@@ -11,6 +11,7 @@ export type DrawerProps = WebComponentProps & {
     position?: string;
     size?: string;
     busy?: boolean;
+    hideCloseButton?: boolean;
     onOpenChanged?: CustomEventHandler<DrawerRef, {
         open: boolean;
     }>;
@@ -30,6 +31,7 @@ export declare const Drawer: import("react").ForwardRefExoticComponent<{
     position?: string;
     size?: string;
     busy?: boolean;
+    hideCloseButton?: boolean;
     onOpenChanged?: CustomEventHandler<DrawerRef, {
         open: boolean;
     }>;

package/dist/drawer.js

@@ -4,7 +4,7 @@ import { createWebComponent } from "./create-web-component.js";
 export const Drawer = createWebComponent({
     tagName: DrawerRef.tagName,
     displayName: "Drawer",
-    propertyNames: ["heading", "description", "open", "position", "size", "busy"],
+    propertyNames: ["heading", "description", "open", "position", "size", "busy", "hideCloseButton"],
     events: [{ propName: "onOpenChanged", eventName: "open-changed" }, { propName: "onDismiss", eventName: "dismiss" }],
     sync: (element, props) => {
         if (props.heading !== undefined)
@@ -19,5 +19,7 @@ export const Drawer = createWebComponent({
             element.size = props.size;
         if (props.busy !== undefined)
             element.busy = props.busy;
+        if (props.hideCloseButton !== undefined)
+            element.hideCloseButton = props.hideCloseButton;
     },
 });

package/dist/text-field.d.ts

@@ -7,6 +7,7 @@ export type TextFieldProps = WebComponentProps & {
     placeholder?: string;
     type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number";
     reveal?: boolean;
+    revealLabel?: string;
     autocomplete?: string;
     disabled?: boolean;
     name?: string;
@@ -27,6 +28,7 @@ export declare const TextField: import("react").ForwardRefExoticComponent<{
     placeholder?: string;
     type?: "text" | "password" | "email" | "tel" | "url" | "search" | "number";
     reveal?: boolean;
+    revealLabel?: string;
     autocomplete?: string;
     disabled?: boolean;
     name?: string;

package/dist/text-field.js

@@ -9,7 +9,7 @@ export const TextField = createWebComponent({
         "label",
         "value",
         "placeholder",
-        "type", "reveal", "autocomplete",
+        "type", "reveal", "revealLabel", "autocomplete",
         "disabled",
         "name",
         "invalid",
@@ -37,6 +37,8 @@ export const TextField = createWebComponent({
             element.type = props.type;
         if (props.reveal !== undefined)
             element.reveal = props.reveal;
+        if (props.revealLabel !== undefined)
+            element.revealLabel = props.revealLabel;
         if (props.autocomplete !== undefined)
             element.autocomplete = props.autocomplete;
         if (props.name !== undefined) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unofficialbox/box-open-elements-react",
-  "version": "0.27.0",
+  "version": "0.28.1",
   "description": "Optional React wrappers for box-open-elements Web Components. Thin adapters — core stays framework-agnostic.",
   "license": "MIT",
   "homepage": "https://unofficialbox.github.io/box-open-elements",
@@ -42,7 +42,7 @@
     "node": ">=20.9.0"
   },
   "peerDependencies": {
-    "@unofficialbox/box-open-elements": "^0.27.0",
+    "@unofficialbox/box-open-elements": "^0.28.1",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },