feat(text-input)!: port to <pf-v6-text-input>

.changeset/a11y-snapshot-form-states.md

@@ -0,0 +1,5 @@
+---
+"@patternfly/pfe-tools": patch
+---
+
+Added `readonly` and `invalid` properties to a11y snapshot type

.changeset/quick-shoes-burn.md

@@ -0,0 +1,5 @@
+---
+"@patternfly/pfe-core": patch
+---
+
+`InternalsController`: expose `form`, `validationMessage`, and `willValidate` getters. Previously returned `undefined` despite TypeScript accepting the access. Form-associated elements can read the associated form reference and validation state from the controller.

.changeset/warm-birds-smile.md

@@ -0,0 +1,31 @@
+---
+"@patternfly/elements": major
+---
+
+`<pf-v6-text-input>`: replaces `<pf-v5-text-input>` with PatternFly v6 design specs.
+
+```html
+<label for="name">Name</label>
+<pf-v6-text-input id="name" name="name"></pf-v6-text-input>
+```
+
+**Breaking Changes from v5**
+
+- Renamed tag from `<pf-v5-text-input>` to `<pf-v6-text-input>`
+- CSS custom properties renamed from `--pf-v5-c-form-control--*` to `--pf-v6-c-form-control--*`
+- `left-truncated` attribute replaced by `truncated="start"` enum
+- `icon` / `custom-icon-url` / `custom-icon-dimensions` attributes replaced by `icon` slot
+- `validate-on` attribute removed; `error-text` now supplies the custom error for `validated="error"`, instead of replacing an existing validation message
+
+**New features**
+
+- `validated="error"` state with error styling and `aria-invalid`, without changing browser validity by itself
+- Declarative `error-text` custom error for `validated="error"`, announced through a `role="alert"` status message; both attributes clear when the value changes
+- Constraint validation via `checkValidity()`, `reportValidity()`, `setCustomValidity()`
+- `autocomplete` attribute forwarded to the inner input, with browser-autocompleted values restored to form state
+- `maxlength`, `minlength`, and `inputmode` attributes
+- `select()` method
+- `icon` slot for custom icon content
+- Bubbling, non-cancelable `change` event re-dispatched from the host
+- Enter-to-submit ignores Enter while text is being composed
+- v6 design tokens and `light-dark()` support

core/pfe-core/controllers/internals-controller.ts

@@ -74,13 +74,10 @@ type InternalsHost = ReactiveControllerHost & HTMLElement;
 export class InternalsController implements ReactiveController, ARIAMixin {
   private static instances = new WeakMap<HTMLElement, InternalsController>();
 
-  declare readonly form: ElementInternals['form'];
   declare readonly shadowRoot: ElementInternals['shadowRoot'];
 
   // https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals/states
   declare readonly states: unknown;
-  declare readonly willValidate: ElementInternals['willValidate'];
-  declare readonly validationMessage: ElementInternals['validationMessage'];
 
   public static getLabels(host: InternalsHost): Element[] {
     return Array.from(this.instances.get(host)?.internals.labels ?? []) as Element[];
@@ -232,6 +229,18 @@ export class InternalsController implements ReactiveController, ARIAMixin {
     return this.internals.validity;
   }
 
+  get form(): HTMLFormElement | null {
+    return this.internals.form;
+  }
+
+  get validationMessage(): string {
+    return this.internals.validationMessage;
+  }
+
+  get willValidate(): boolean {
+    return this.internals.willValidate;
+  }
+
   /** A best-attempt based on observed behaviour in FireFox 115 on fedora 38 */
   get computedLabelText(): string {
     return this.internals.ariaLabel

docs/main.mjs

@@ -24,7 +24,7 @@ import '@patternfly/elements/pf-v5-select/pf-v5-select.js';
 import '@patternfly/elements/pf-v5-table/pf-v5-table.js';
 import '@patternfly/elements/pf-v5-tabs/pf-v5-tabs.js';
 import '@patternfly/elements/pf-v5-text-area/pf-v5-text-area.js';
-import '@patternfly/elements/pf-v5-text-input/pf-v5-text-input.js';
+import '@patternfly/elements/pf-v6-text-input/pf-v6-text-input.js';
 import '@patternfly/elements/pf-v5-tile/pf-v5-tile.js';
 import '@patternfly/elements/pf-v5-tooltip/pf-v5-tooltip.js';