@unofficialbox/box-open-elements-react 0.22.0 → 0.24.0

package/dist/checkbox.d.ts

@@ -12,6 +12,7 @@ export type CheckboxProps = WebComponentProps & {
     value?: string;
     name?: string;
     required?: boolean;
+    hideLabel?: boolean;
     description?: string;
     invalid?: boolean;
     errorMessage?: string;
@@ -32,6 +33,7 @@ export declare const Checkbox: import("react").ForwardRefExoticComponent<{
     value?: string;
     name?: string;
     required?: boolean;
+    hideLabel?: boolean;
     description?: string;
     invalid?: boolean;
     errorMessage?: string;

package/dist/checkbox.js

@@ -4,7 +4,7 @@ import { createWebComponent } from "./create-web-component.js";
 export const Checkbox = createWebComponent({
     tagName: CheckboxRef.tagName,
     displayName: "Checkbox",
-    propertyNames: ["label", "checked", "indeterminate", "disabled", "value", "name", "required", "description", "invalid", "errorMessage"],
+    propertyNames: ["label", "checked", "indeterminate", "disabled", "value", "name", "required", "hideLabel", "description", "invalid", "errorMessage"],
     events: [{ propName: "onCheckedChanged", eventName: "checked-changed" }],
     sync: (element, props) => {
         if (props.label !== undefined)
@@ -21,6 +21,8 @@ export const Checkbox = createWebComponent({
             element.name = props.name;
         if (props.required !== undefined)
             element.required = props.required;
+        if (props.hideLabel !== undefined)
+            element.hideLabel = props.hideLabel;
         if (props.description !== undefined)
             element.description = props.description;
         if (props.invalid !== undefined)

package/dist/select.d.ts

@@ -13,6 +13,9 @@ export type SelectProps = WebComponentProps & {
     name?: string;
     invalid?: boolean;
     errorMessage?: string;
+    description?: string;
+    required?: boolean;
+    hideLabel?: boolean;
     onValueChanged?: CustomEventHandler<SelectElement, ValueChangedDetail>;
 };
 /** React wrapper for `<box-select>`, including its structured `options` property. */
@@ -27,5 +30,8 @@ export declare const Select: import("react").ForwardRefExoticComponent<{
     name?: string;
     invalid?: boolean;
     errorMessage?: string;
+    description?: string;
+    required?: boolean;
+    hideLabel?: boolean;
     onValueChanged?: CustomEventHandler<SelectElement, ValueChangedDetail>;
 } & import("react").RefAttributes<SelectElement>>;

package/dist/select.js

@@ -13,9 +13,16 @@ export const Select = createWebComponent({
         "name",
         "invalid",
         "errorMessage",
+        "description", "required", "hideLabel",
     ],
     events: [{ propName: "onValueChanged", eventName: "value-changed" }],
     sync: (element, props) => {
+        if (props.description !== undefined)
+            element.description = props.description;
+        if (props.required !== undefined)
+            element.required = props.required;
+        if (props.hideLabel !== undefined)
+            element.hideLabel = props.hideLabel;
         if (props.label !== undefined) {
             element.label = props.label;
         }

package/dist/text-field.d.ts

@@ -9,6 +9,9 @@ export type TextFieldProps = WebComponentProps & {
     name?: string;
     invalid?: boolean;
     errorMessage?: string;
+    description?: string;
+    required?: boolean;
+    hideLabel?: boolean;
     onValueChanged?: CustomEventHandler<TextFieldElement, ValueChangedDetail>;
 };
 /** React wrapper for the value-bearing `<box-text-field>` form control. */
@@ -23,5 +26,8 @@ export declare const TextField: import("react").ForwardRefExoticComponent<{
     name?: string;
     invalid?: boolean;
     errorMessage?: string;
+    description?: string;
+    required?: boolean;
+    hideLabel?: boolean;
     onValueChanged?: CustomEventHandler<TextFieldElement, ValueChangedDetail>;
 } & import("react").RefAttributes<TextFieldElement>>;

package/dist/text-field.js

@@ -13,9 +13,16 @@ export const TextField = createWebComponent({
         "name",
         "invalid",
         "errorMessage",
+        "description", "required", "hideLabel",
     ],
     events: [{ propName: "onValueChanged", eventName: "value-changed" }],
     sync: (element, props) => {
+        if (props.description !== undefined)
+            element.description = props.description;
+        if (props.required !== undefined)
+            element.required = props.required;
+        if (props.hideLabel !== undefined)
+            element.hideLabel = props.hideLabel;
         if (props.label !== undefined) {
             element.label = props.label;
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unofficialbox/box-open-elements-react",
-  "version": "0.22.0",
+  "version": "0.24.0",
   "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.22.0",
+    "@unofficialbox/box-open-elements": "^0.24.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },