@unofficialbox/box-open-elements 0.23.0 → 0.24.0

package/dist/core/form-associated.d.ts

@@ -30,6 +30,7 @@ export declare const boeFormFieldErrorStyles = "\n  :host([invalid]) [part=\"inp
 export declare const FORM_ERROR_MESSAGE_ID = "boe-field-error";
 export declare const formErrorMessageMarkup: () => string;
 export declare const FORM_DESCRIPTION_ID = "boe-field-description";
+export declare const FORM_LABEL_ID = "boe-field-label";
 /** Optional help text rendered under the label (shown only when `description` is set). */
 export declare const formDescriptionMarkup: () => string;
 /**

package/dist/core/form-associated.js

@@ -125,6 +125,7 @@ export const boeFormFieldErrorStyles = `
 export const FORM_ERROR_MESSAGE_ID = "boe-field-error";
 export const formErrorMessageMarkup = () => `<p part="error-message" id="${FORM_ERROR_MESSAGE_ID}" role="alert" hidden></p>`;
 export const FORM_DESCRIPTION_ID = "boe-field-description";
+export const FORM_LABEL_ID = "boe-field-label";
 /** Optional help text rendered under the label (shown only when `description` is set). */
 export const formDescriptionMarkup = () => `<p part="description" id="${FORM_DESCRIPTION_ID}" hidden></p>`;
 /**
@@ -302,6 +303,7 @@ export class FormAssociatedElement extends BaseElement {
         const required = this.required;
         const description = this.description;
         if (labelEl) {
+            labelEl.id = FORM_LABEL_ID;
             const existing = labelEl.querySelector(".boe-required-mark");
             if (required && !existing) {
                 const mark = document.createElement("span");
@@ -315,6 +317,7 @@ export class FormAssociatedElement extends BaseElement {
             }
         }
         if (control) {
+            control.setAttribute("aria-labelledby", FORM_LABEL_ID);
             control.toggleAttribute("required", required);
             control.setAttribute("aria-required", String(required));
             if (description) {

package/dist/entries/code-editor.d.ts

@@ -0,0 +1 @@
+export * from "../components/forms/code-editor.js";

package/dist/entries/code-editor.js

@@ -0,0 +1 @@
+export * from "../components/forms/code-editor.js";