@sebgroup/green-core 3.22.0 → 3.22.1

package/generated/react/radio-group/index.d.ts

@@ -37,7 +37,7 @@ export declare const GdsRadioGroup: {
         flexDirection?: "row" | "column" | undefined;
         supportingText?: string;
         showExtendedSupportingText?: boolean;
-        readonly radios?: import("../../..").GdsRadio[];
+        readonly radios?: import("../../..").GdsRadio[] | undefined;
         connectedCallback?: (() => void) | undefined;
         disconnectedCallback?: (() => void) | undefined;
         focus?: ((options?: FocusOptions) => void) | undefined;
@@ -47,13 +47,13 @@ export declare const GdsRadioGroup: {
         errorMessage?: string;
         invalid?: boolean | undefined;
         label?: string;
-        value?: ValueT | undefined;
+        value?: string | boolean | undefined;
         name?: string;
         disabled?: boolean;
-        readonly form?: HTMLFormElement | null;
-        readonly validity?: ValidityState;
-        readonly validationMessage?: string;
-        readonly willValidate?: boolean;
+        readonly form?: HTMLFormElement | null | undefined;
+        readonly validity?: ValidityState | undefined;
+        readonly validationMessage?: string | undefined;
+        readonly willValidate?: boolean | undefined;
         checkValidity?: (() => boolean) | undefined;
         reportValidity?: (() => boolean) | undefined;
         readonly semanticVersion?: "__GDS_SEM_VER__";
@@ -71,10 +71,11 @@ export declare const GdsRadioGroup: {
         removeController?: ((controller: import("lit").ReactiveController) => void) | undefined;
         attributeChangedCallback?: ((name: string, _old: string | null, value: string | null) => void) | undefined;
         requestUpdate?: ((name?: PropertyKey, oldValue?: unknown, options?: import("lit").PropertyDeclaration, useNewValue?: boolean, newValue?: unknown) => void) | undefined;
-        readonly updateComplete?: Promise<boolean>;
+        readonly updateComplete?: Promise<boolean> | undefined;
         accessKey?: string | undefined;
         readonly accessKeyLabel?: string | undefined;
         autocapitalize?: string | undefined;
+        autocorrect?: boolean | undefined;
         dir?: string | undefined;
         draggable?: boolean | undefined;
         hidden?: boolean | undefined;
@@ -106,7 +107,7 @@ export declare const GdsRadioGroup: {
             (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         } | undefined;
         readonly attributes?: NamedNodeMap | undefined;
-        classList?: DOMTokenList;
+        classList?: DOMTokenList | undefined;
         className?: string | undefined;
         readonly clientHeight?: number | undefined;
         readonly clientLeft?: number | undefined;
@@ -121,7 +122,7 @@ export declare const GdsRadioGroup: {
         onfullscreenerror?: ((this: Element, ev: Event) => any) | null | undefined;
         outerHTML?: string | undefined;
         readonly ownerDocument?: Document | undefined;
-        part?: DOMTokenList;
+        part?: DOMTokenList | undefined;
         readonly prefix?: string | null | undefined;
         readonly scrollHeight?: number | undefined;
         scrollLeft?: number | undefined;
@@ -196,6 +197,7 @@ export declare const GdsRadioGroup: {
         setPointerCapture?: ((pointerId: number) => void) | undefined;
         toggleAttribute?: ((qualifiedName: string, force?: boolean) => boolean) | undefined;
         webkitMatchesSelector?: ((selectors: string) => boolean) | undefined;
+        textContent?: string | undefined;
         ariaActiveDescendantElement?: Element | null | undefined;
         ariaControlsElements?: Element[] | null | undefined;
         ariaDescribedByElements?: Element[] | null | undefined;
@@ -216,7 +218,6 @@ export declare const GdsRadioGroup: {
         readonly parentElement?: HTMLElement | null | undefined;
         readonly parentNode?: ParentNode | null | undefined;
         readonly previousSibling?: ChildNode | null | undefined;
-        textContent?: string | null | undefined;
         appendChild?: (<T extends Node>(node: T) => T) | undefined;
         cloneNode?: ((subtree?: boolean) => Node) | undefined;
         compareDocumentPosition?: ((other: Node) => number) | undefined;
@@ -326,7 +327,7 @@ export declare const GdsRadioGroup: {
         replaceChildren?: ((...nodes: (Node | string)[]) => void) | undefined;
         readonly assignedSlot?: HTMLSlotElement | null | undefined;
         readonly attributeStyleMap?: StylePropertyMap | undefined;
-        style?: CSSStyleDeclaration;
+        style?: CSSStyleDeclaration | undefined;
         contentEditable?: string | undefined;
         enterKeyHint?: string | undefined;
         inputMode?: string | undefined;
@@ -336,18 +337,19 @@ export declare const GdsRadioGroup: {
         onanimationend?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationiteration?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationstart?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
-        onauxclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onauxclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onbeforeinput?: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null | undefined;
-        onbeforetoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforematch?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforetoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         onblur?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
         oncancel?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplaythrough?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncontextlost?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        oncontextmenu?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         oncontextrestored?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
         oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -395,6 +397,7 @@ export declare const GdsRadioGroup: {
         onpointermove?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerout?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerover?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerrawupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onpointerup?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onprogress?: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null | undefined;
         onratechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -413,7 +416,7 @@ export declare const GdsRadioGroup: {
         onsubmit?: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null | undefined;
         onsuspend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         ontimeupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        ontoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        ontoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;

package/generated/react/rich-text/index.d.ts

@@ -11,7 +11,7 @@ export declare const GdsRichText: {
         captureMode?: "clone" | "move" | undefined;
         querySelectorAll?: ((selector: string) => NodeList) | undefined;
         querySelector?: ((selector: string) => Element | null) | undefined;
-        innerHTML?: string;
+        innerHTML?: string | undefined;
         connectedCallback?: (() => void) | undefined;
         'align-self'?: string | undefined;
         'justify-self'?: string | undefined;
@@ -40,10 +40,11 @@ export declare const GdsRichText: {
         removeController?: ((controller: import("lit").ReactiveController) => void) | undefined;
         attributeChangedCallback?: ((name: string, _old: string | null, value: string | null) => void) | undefined;
         requestUpdate?: ((name?: PropertyKey, oldValue?: unknown, options?: import("lit").PropertyDeclaration, useNewValue?: boolean, newValue?: unknown) => void) | undefined;
-        readonly updateComplete?: Promise<boolean>;
+        readonly updateComplete?: Promise<boolean> | undefined;
         accessKey?: string | undefined;
         readonly accessKeyLabel?: string | undefined;
         autocapitalize?: string | undefined;
+        autocorrect?: boolean | undefined;
         dir?: string | undefined;
         draggable?: boolean | undefined;
         hidden?: boolean | undefined;
@@ -75,7 +76,7 @@ export declare const GdsRichText: {
             (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         } | undefined;
         readonly attributes?: NamedNodeMap | undefined;
-        classList?: DOMTokenList;
+        classList?: DOMTokenList | undefined;
         className?: string | undefined;
         readonly clientHeight?: number | undefined;
         readonly clientLeft?: number | undefined;
@@ -89,7 +90,7 @@ export declare const GdsRichText: {
         onfullscreenerror?: ((this: Element, ev: Event) => any) | null | undefined;
         outerHTML?: string | undefined;
         readonly ownerDocument?: Document | undefined;
-        part?: DOMTokenList;
+        part?: DOMTokenList | undefined;
         readonly prefix?: string | null | undefined;
         readonly scrollHeight?: number | undefined;
         scrollLeft?: number | undefined;
@@ -164,6 +165,7 @@ export declare const GdsRichText: {
         setPointerCapture?: ((pointerId: number) => void) | undefined;
         toggleAttribute?: ((qualifiedName: string, force?: boolean) => boolean) | undefined;
         webkitMatchesSelector?: ((selectors: string) => boolean) | undefined;
+        textContent?: string | undefined;
         ariaActiveDescendantElement?: Element | null | undefined;
         ariaControlsElements?: Element[] | null | undefined;
         ariaDescribedByElements?: Element[] | null | undefined;
@@ -184,7 +186,6 @@ export declare const GdsRichText: {
         readonly parentElement?: HTMLElement | null | undefined;
         readonly parentNode?: ParentNode | null | undefined;
         readonly previousSibling?: ChildNode | null | undefined;
-        textContent?: string | null | undefined;
         appendChild?: (<T extends Node>(node: T) => T) | undefined;
         cloneNode?: ((subtree?: boolean) => Node) | undefined;
         compareDocumentPosition?: ((other: Node) => number) | undefined;
@@ -280,7 +281,7 @@ export declare const GdsRichText: {
         replaceChildren?: ((...nodes: (Node | string)[]) => void) | undefined;
         readonly assignedSlot?: HTMLSlotElement | null | undefined;
         readonly attributeStyleMap?: StylePropertyMap | undefined;
-        style?: CSSStyleDeclaration;
+        style?: CSSStyleDeclaration | undefined;
         contentEditable?: string | undefined;
         enterKeyHint?: string | undefined;
         inputMode?: string | undefined;
@@ -290,18 +291,19 @@ export declare const GdsRichText: {
         onanimationend?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationiteration?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationstart?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
-        onauxclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onauxclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onbeforeinput?: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null | undefined;
-        onbeforetoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforematch?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforetoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         onblur?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
         oncancel?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplaythrough?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncontextlost?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        oncontextmenu?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         oncontextrestored?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
         oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -349,6 +351,7 @@ export declare const GdsRichText: {
         onpointermove?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerout?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerover?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerrawupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onpointerup?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onprogress?: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null | undefined;
         onratechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -367,7 +370,7 @@ export declare const GdsRichText: {
         onsubmit?: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null | undefined;
         onsuspend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         ontimeupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        ontoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        ontoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;

package/generated/react/segment/index.d.ts

@@ -7,7 +7,7 @@ export declare const GdsSegment: {
         selected?: boolean;
         value?: any;
         disabled?: boolean;
-        readonly isVisible?: boolean;
+        readonly isVisible?: boolean | undefined;
         _isVisible?: boolean;
         connectedCallback?: (() => void) | undefined;
         render?: (() => any) | undefined;
@@ -33,10 +33,11 @@ export declare const GdsSegment: {
         removeController?: ((controller: import("lit").ReactiveController) => void) | undefined;
         attributeChangedCallback?: ((name: string, _old: string | null, value: string | null) => void) | undefined;
         requestUpdate?: ((name?: PropertyKey, oldValue?: unknown, options?: import("lit").PropertyDeclaration, useNewValue?: boolean, newValue?: unknown) => void) | undefined;
-        readonly updateComplete?: Promise<boolean>;
+        readonly updateComplete?: Promise<boolean> | undefined;
         accessKey?: string | undefined;
         readonly accessKeyLabel?: string | undefined;
         autocapitalize?: string | undefined;
+        autocorrect?: boolean | undefined;
         dir?: string | undefined;
         draggable?: boolean | undefined;
         hidden?: boolean | undefined;
@@ -68,7 +69,7 @@ export declare const GdsSegment: {
             (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         } | undefined;
         readonly attributes?: NamedNodeMap | undefined;
-        classList?: DOMTokenList;
+        classList?: DOMTokenList | undefined;
         className?: string | undefined;
         readonly clientHeight?: number | undefined;
         readonly clientLeft?: number | undefined;
@@ -83,7 +84,7 @@ export declare const GdsSegment: {
         onfullscreenerror?: ((this: Element, ev: Event) => any) | null | undefined;
         outerHTML?: string | undefined;
         readonly ownerDocument?: Document | undefined;
-        part?: DOMTokenList;
+        part?: DOMTokenList | undefined;
         readonly prefix?: string | null | undefined;
         readonly scrollHeight?: number | undefined;
         scrollLeft?: number | undefined;
@@ -158,6 +159,7 @@ export declare const GdsSegment: {
         setPointerCapture?: ((pointerId: number) => void) | undefined;
         toggleAttribute?: ((qualifiedName: string, force?: boolean) => boolean) | undefined;
         webkitMatchesSelector?: ((selectors: string) => boolean) | undefined;
+        textContent?: string | undefined;
         ariaActiveDescendantElement?: Element | null | undefined;
         ariaControlsElements?: Element[] | null | undefined;
         ariaDescribedByElements?: Element[] | null | undefined;
@@ -178,7 +180,6 @@ export declare const GdsSegment: {
         readonly parentElement?: HTMLElement | null | undefined;
         readonly parentNode?: ParentNode | null | undefined;
         readonly previousSibling?: ChildNode | null | undefined;
-        textContent?: string | null | undefined;
         appendChild?: (<T extends Node>(node: T) => T) | undefined;
         cloneNode?: ((subtree?: boolean) => Node) | undefined;
         compareDocumentPosition?: ((other: Node) => number) | undefined;
@@ -288,7 +289,7 @@ export declare const GdsSegment: {
         replaceChildren?: ((...nodes: (Node | string)[]) => void) | undefined;
         readonly assignedSlot?: HTMLSlotElement | null | undefined;
         readonly attributeStyleMap?: StylePropertyMap | undefined;
-        style?: CSSStyleDeclaration;
+        style?: CSSStyleDeclaration | undefined;
         contentEditable?: string | undefined;
         enterKeyHint?: string | undefined;
         inputMode?: string | undefined;
@@ -298,18 +299,19 @@ export declare const GdsSegment: {
         onanimationend?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationiteration?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationstart?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
-        onauxclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onauxclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onbeforeinput?: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null | undefined;
-        onbeforetoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforematch?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforetoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         onblur?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
         oncancel?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplaythrough?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncontextlost?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        oncontextmenu?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         oncontextrestored?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
         oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -357,6 +359,7 @@ export declare const GdsSegment: {
         onpointermove?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerout?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerover?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerrawupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onpointerup?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onprogress?: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null | undefined;
         onratechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -375,7 +378,7 @@ export declare const GdsSegment: {
         onsubmit?: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null | undefined;
         onsuspend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         ontimeupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        ontoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        ontoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;

package/generated/react/segmented-control/index.d.ts

@@ -9,8 +9,8 @@ export declare const GdsSegmentedControl: {
         ref?: React.Ref<GdsSegmentedControlClass>;
     }): import("react").ReactElement<Omit<Omit<{
         size?: "small" | "medium" | undefined;
-        value?: ValueT | undefined;
-        readonly segments?: import("../../..").GdsSegment<any>[];
+        value?: any;
+        readonly segments?: import("../../..").GdsSegment<any>[] | undefined;
         intersectionObserver?: IntersectionObserver | null | undefined;
         connectedCallback?: (() => void) | undefined;
         render?: (() => any) | undefined;
@@ -47,10 +47,11 @@ export declare const GdsSegmentedControl: {
         removeController?: ((controller: import("lit").ReactiveController) => void) | undefined;
         attributeChangedCallback?: ((name: string, _old: string | null, value: string | null) => void) | undefined;
         requestUpdate?: ((name?: PropertyKey, oldValue?: unknown, options?: import("lit").PropertyDeclaration, useNewValue?: boolean, newValue?: unknown) => void) | undefined;
-        readonly updateComplete?: Promise<boolean>;
+        readonly updateComplete?: Promise<boolean> | undefined;
         accessKey?: string | undefined;
         readonly accessKeyLabel?: string | undefined;
         autocapitalize?: string | undefined;
+        autocorrect?: boolean | undefined;
         dir?: string | undefined;
         draggable?: boolean | undefined;
         hidden?: boolean | undefined;
@@ -82,7 +83,7 @@ export declare const GdsSegmentedControl: {
             (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         } | undefined;
         readonly attributes?: NamedNodeMap | undefined;
-        classList?: DOMTokenList;
+        classList?: DOMTokenList | undefined;
         className?: string | undefined;
         readonly clientHeight?: number | undefined;
         readonly clientLeft?: number | undefined;
@@ -97,7 +98,7 @@ export declare const GdsSegmentedControl: {
         onfullscreenerror?: ((this: Element, ev: Event) => any) | null | undefined;
         outerHTML?: string | undefined;
         readonly ownerDocument?: Document | undefined;
-        part?: DOMTokenList;
+        part?: DOMTokenList | undefined;
         readonly prefix?: string | null | undefined;
         readonly scrollHeight?: number | undefined;
         scrollLeft?: number | undefined;
@@ -172,6 +173,7 @@ export declare const GdsSegmentedControl: {
         setPointerCapture?: ((pointerId: number) => void) | undefined;
         toggleAttribute?: ((qualifiedName: string, force?: boolean) => boolean) | undefined;
         webkitMatchesSelector?: ((selectors: string) => boolean) | undefined;
+        textContent?: string | undefined;
         ariaActiveDescendantElement?: Element | null | undefined;
         ariaControlsElements?: Element[] | null | undefined;
         ariaDescribedByElements?: Element[] | null | undefined;
@@ -192,7 +194,6 @@ export declare const GdsSegmentedControl: {
         readonly parentElement?: HTMLElement | null | undefined;
         readonly parentNode?: ParentNode | null | undefined;
         readonly previousSibling?: ChildNode | null | undefined;
-        textContent?: string | null | undefined;
         appendChild?: (<T extends Node>(node: T) => T) | undefined;
         cloneNode?: ((subtree?: boolean) => Node) | undefined;
         compareDocumentPosition?: ((other: Node) => number) | undefined;
@@ -302,7 +303,7 @@ export declare const GdsSegmentedControl: {
         replaceChildren?: ((...nodes: (Node | string)[]) => void) | undefined;
         readonly assignedSlot?: HTMLSlotElement | null | undefined;
         readonly attributeStyleMap?: StylePropertyMap | undefined;
-        style?: CSSStyleDeclaration;
+        style?: CSSStyleDeclaration | undefined;
         contentEditable?: string | undefined;
         enterKeyHint?: string | undefined;
         inputMode?: string | undefined;
@@ -312,18 +313,19 @@ export declare const GdsSegmentedControl: {
         onanimationend?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationiteration?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationstart?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
-        onauxclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onauxclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onbeforeinput?: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null | undefined;
-        onbeforetoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforematch?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforetoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         onblur?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
         oncancel?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplaythrough?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncontextlost?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        oncontextmenu?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         oncontextrestored?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
         oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -371,6 +373,7 @@ export declare const GdsSegmentedControl: {
         onpointermove?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerout?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerover?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerrawupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onpointerup?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onprogress?: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null | undefined;
         onratechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -389,7 +392,7 @@ export declare const GdsSegmentedControl: {
         onsubmit?: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null | undefined;
         onsuspend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         ontimeupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        ontoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        ontoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;

package/generated/react/select/index.d.ts

@@ -1,14 +1,10 @@
 import { GdsSelect as GdsSelectClass } from '../../../components/select/select.component';
 import { getReactComponent } from '../../../utils/react';
-type GdsSelectProps = Omit<React.ComponentProps<ReturnType<typeof getReactComponent<GdsSelectClass>>>, 'onChange' | 'onInput'> & {
-    /** Callback fired when the value changes. In React, this fires on every input (following React conventions). */
-    onChange?: (event: Event & {
-        target: EventTarget & GdsSelectClass;
-    }) => void;
-    /** Callback fired on input events. */
-    onInput?: (event: Event & {
-        target: EventTarget & GdsSelectClass;
-    }) => void;
+type GdsSelectProps = React.ComponentProps<ReturnType<typeof getReactComponent<GdsSelectClass>>> & {
+    /** Fired when the selection changes with detail: { value: string } */
+    onChange?: (event: Event) => void;
+    /** Fired on input with detail: { value: string } */
+    onInput?: (event: InputEvent) => void;
     /** Fired when the extended supporting text is opened or closed by the user. Can be cancelled to prevent it from opening or closing. */
     onGdsUiState?: (event: CustomEvent<any>) => void;
 };
@@ -38,9 +34,9 @@ export declare const GdsSelect: {
         size?: "small" | "large" | undefined;
         plain?: boolean;
         selectElement?: HTMLSelectElement | undefined;
-        value?: ValueT | undefined;
-        readonly displayValue?: string;
-        readonly multiple?: boolean;
+        value?: string | undefined;
+        readonly displayValue?: string | undefined;
+        readonly multiple?: boolean | undefined;
         connectedCallback?: (() => void) | undefined;
         focus?: ((options?: FocusOptions) => void) | undefined;
         render?: (() => any) | undefined;
@@ -53,10 +49,10 @@ export declare const GdsSelect: {
         label?: string;
         name?: string;
         disabled?: boolean;
-        readonly form?: HTMLFormElement | null;
-        readonly validity?: ValidityState;
-        readonly validationMessage?: string;
-        readonly willValidate?: boolean;
+        readonly form?: HTMLFormElement | null | undefined;
+        readonly validity?: ValidityState | undefined;
+        readonly validationMessage?: string | undefined;
+        readonly willValidate?: boolean | undefined;
         checkValidity?: (() => boolean) | undefined;
         reportValidity?: (() => boolean) | undefined;
         readonly semanticVersion?: "__GDS_SEM_VER__";
@@ -75,10 +71,11 @@ export declare const GdsSelect: {
         removeController?: ((controller: import("lit").ReactiveController) => void) | undefined;
         attributeChangedCallback?: ((name: string, _old: string | null, value: string | null) => void) | undefined;
         requestUpdate?: ((name?: PropertyKey, oldValue?: unknown, options?: import("lit").PropertyDeclaration, useNewValue?: boolean, newValue?: unknown) => void) | undefined;
-        readonly updateComplete?: Promise<boolean>;
+        readonly updateComplete?: Promise<boolean> | undefined;
         accessKey?: string | undefined;
         readonly accessKeyLabel?: string | undefined;
         autocapitalize?: string | undefined;
+        autocorrect?: boolean | undefined;
         dir?: string | undefined;
         draggable?: boolean | undefined;
         hidden?: boolean | undefined;
@@ -110,7 +107,7 @@ export declare const GdsSelect: {
             (type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
         } | undefined;
         readonly attributes?: NamedNodeMap | undefined;
-        classList?: DOMTokenList;
+        classList?: DOMTokenList | undefined;
         className?: string | undefined;
         readonly clientHeight?: number | undefined;
         readonly clientLeft?: number | undefined;
@@ -125,7 +122,7 @@ export declare const GdsSelect: {
         onfullscreenerror?: ((this: Element, ev: Event) => any) | null | undefined;
         outerHTML?: string | undefined;
         readonly ownerDocument?: Document | undefined;
-        part?: DOMTokenList;
+        part?: DOMTokenList | undefined;
         readonly prefix?: string | null | undefined;
         readonly scrollHeight?: number | undefined;
         scrollLeft?: number | undefined;
@@ -200,6 +197,7 @@ export declare const GdsSelect: {
         setPointerCapture?: ((pointerId: number) => void) | undefined;
         toggleAttribute?: ((qualifiedName: string, force?: boolean) => boolean) | undefined;
         webkitMatchesSelector?: ((selectors: string) => boolean) | undefined;
+        textContent?: string | undefined;
         ariaActiveDescendantElement?: Element | null | undefined;
         ariaControlsElements?: Element[] | null | undefined;
         ariaDescribedByElements?: Element[] | null | undefined;
@@ -220,7 +218,6 @@ export declare const GdsSelect: {
         readonly parentElement?: HTMLElement | null | undefined;
         readonly parentNode?: ParentNode | null | undefined;
         readonly previousSibling?: ChildNode | null | undefined;
-        textContent?: string | null | undefined;
         appendChild?: (<T extends Node>(node: T) => T) | undefined;
         cloneNode?: ((subtree?: boolean) => Node) | undefined;
         compareDocumentPosition?: ((other: Node) => number) | undefined;
@@ -330,7 +327,7 @@ export declare const GdsSelect: {
         replaceChildren?: ((...nodes: (Node | string)[]) => void) | undefined;
         readonly assignedSlot?: HTMLSlotElement | null | undefined;
         readonly attributeStyleMap?: StylePropertyMap | undefined;
-        style?: CSSStyleDeclaration;
+        style?: CSSStyleDeclaration | undefined;
         contentEditable?: string | undefined;
         enterKeyHint?: string | undefined;
         inputMode?: string | undefined;
@@ -340,18 +337,19 @@ export declare const GdsSelect: {
         onanimationend?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationiteration?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
         onanimationstart?: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null | undefined;
-        onauxclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onauxclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onbeforeinput?: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null | undefined;
-        onbeforetoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforematch?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        onbeforetoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         onblur?: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null | undefined;
         oncancel?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplay?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncanplaythrough?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onchange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        onclick?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        onclick?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onclose?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncontextlost?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        oncontextmenu?: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+        oncontextmenu?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         oncontextrestored?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         oncopy?: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null | undefined;
         oncuechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -399,6 +397,7 @@ export declare const GdsSelect: {
         onpointermove?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerout?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onpointerover?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
+        onpointerrawupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         onpointerup?: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null | undefined;
         onprogress?: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null | undefined;
         onratechange?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
@@ -417,7 +416,7 @@ export declare const GdsSelect: {
         onsubmit?: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null | undefined;
         onsuspend?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
         ontimeupdate?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
-        ontoggle?: ((this: GlobalEventHandlers, ev: Event) => any) | null | undefined;
+        ontoggle?: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null | undefined;
         ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;
         ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined | undefined;

package/generated/react/select/index.js

@@ -1,21 +1,11 @@
 import "../../../chunks/chunk.CAV4X6PU.js";
-import { createElement, useRef } from "react";
+import { createElement } from "react";
 import { GdsSelect as GdsSelectClass } from "../../../components/select/select.component.js";
-import { getReactComponent, useControlledValue } from "../../../utils/react.js";
+import { getReactComponent } from "../../../utils/react.js";
 const GdsSelect = (props) => {
   GdsSelectClass.define();
   const JSXElement = getReactComponent("gds-select");
-  const internalRef = useRef(null);
-  const ref = props.ref || internalRef;
-  useControlledValue(
-    ref,
-    props.value,
-    props.defaultValue,
-    props.onChange,
-    props.onInput
-  );
-  const { onChange, onInput, ref: _ref, ...restProps } = props;
-  const propsWithClass = { ...restProps, class: props.className, ref };
+  const propsWithClass = { ...props, class: props.className, ref: props.ref };
   return createElement(JSXElement, propsWithClass);
 };
 GdsSelect.displayName = "GdsSelect";