@sebgroup/green-core 3.22.0 → 3.23.0

package/generated/mcp/radio/guidelines.md

@@ -7,11 +7,11 @@ A radio button is a form control that allows users to select one of the predefin
 
 ### Variants
 
-*   **Default**
-    
-*   **Contained**: used only in combination with other contained form components.
-    
-*   **Contained extended(coming soon)**: The contained version but including Label support text.
+- **Default**
+- **Contained**: used only in combination with other contained form components.
+- **Contained extended(coming soon)**: The contained version but including Label support text.
+
+
 
 ### Features
 
@@ -27,9 +27,10 @@ This can be used for both the header and individual radio buttons. Use this to e
 
 If the label and support text are not enough to explain a field, we can use the info icon. Clicking the icon shows additional support text between the label support and the field.
 
-*   Use a tooltip if space is limited.
-    
-*   Use a modal for large amounts of text.
+- Use a tooltip if space is limited.
+- Use a modal for large amounts of text.
+
+
 
 ### Error message
 
@@ -37,20 +38,28 @@ If an error occurs we mark the entire group of options with error. The error is
 
 ### Behaviour
 
-*   **Mutual exclusivity**: Only one radio button within a group can be selected at a time.
-    
-*   **Defaults**: Aim for having one option pre-selected.
+- **Mutual exclusivity**: Only one radio button within a group can be selected at a time.
+- **Defaults**: Aim for having one option pre-selected.
+
+
 
 ### Alignment
 
 We can align the radio buttons both horizontal and vertical.
 
-*   **Vertical**: This is the default alignment. It's easier to read and scan the available options.
-    
-*   **Horizontal**: Only used for a small set of options if the page shouldn't be to long, but try to avoid.
+- **Vertical**: This is the default alignment. It's easier to read and scan the available options.
+- **Horizontal**: Only used for a small set of options if the page shouldn't be to long, but try to avoid.
+
+
 
 ### Do's and don'ts
 
+### Read only
+
+Shows the selected option without allowing the selection to be changed. Keep all options visible when the alternatives provide important context for understanding the selected value. If only the selected value is relevant, consider presenting it as text instead.
+
+[Read more about the read only pattern](http://seb.io/patterns/read-only)
+
 
 ## UX Guidelines
 

package/generated/mcp/select/api.md

@@ -5,45 +5,6 @@
 **Tag**: `<gds-select>`
 
 
-## Properties
-
-> Some properties accept design token names. Use `get_tokens` with the appropriate category to discover valid token names and their resolved values.
-
-| Name | Type | Default | Description |
-|------|------|---------|-------------|
-| `'align-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `align-self` property. Supports all valid CSS `align-self` values. |
-| `'justify-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `justify-self` property. Supports all valid CSS `justify-self` values. |
-| `'place-self'` | `string \| undefined` | `-` | Style Expression Property that controls the `place-self` property. Supports all valid CSS `place-self` values. |
-| `'grid-column'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-column` property. Supports all valid CSS grid-column values. Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column |
-| `'grid-row'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-row` property. Supports all valid CSS `grid-row` values. |
-| `'grid-area'` | `string \| undefined` | `-` | Style Expression Property that controls the `grid-area` property. Supports all valid CSS `grid-area` values. |
-| `flex` | `string \| undefined` | `-` | Style Expression Property that controls the `flex` property. Supports all valid CSS `flex` values. |
-| `order` | `string \| undefined` | `-` | Style Expression Property that controls the `order` property. Supports all valid CSS `order` values. |
-| `width` | `string \| undefined` | `-` | Style Expression Property that controls the `width` property. Supports space tokens and all valid CSS `width` values. |
-| `'min-width'` | `string \| undefined` | `-` | Style Expression Property that controls the `min-width` property. Supports space tokens and all valid CSS `min-width` values. |
-| `'max-width'` | `string \| undefined` | `-` | Style Expression Property that controls the `max-width` property. Supports space tokens and all valid CSS `max-width` values. |
-| `'inline-size'` | `string \| undefined` | `-` | Style Expression Property that controls the `inline-size` property. Supports space tokens and all valid CSS `inline-size` values |
-| `'min-inline-size'` | `string \| undefined` | `-` | Style Expression Property that controls the `min-inline-size` property. Supports space tokens and all valid CSS `min-inline-size` values. |
-| `'max-inline-size'` | `string \| undefined` | `-` | Style Expression Property that controls the `max-inline-size` property. Supports space tokens and all valid CSS `max-inline-size` values. |
-| `margin` | `string \| undefined` | `-` | Style Expression Property that controls the `margin` property. Only accepts space tokens. |
-| `'margin-inline'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-inline` property. Only accepts space tokens. |
-| `'margin-block'` | `string \| undefined` | `-` | Style Expression Property that controls the `margin-block` property. Only accepts space tokens. |
-| `supportingText` | `string` | `-` | The supporting text displayed between the label and the field. This text provides additional context or information to the user. |
-| `showExtendedSupportingText` | `boolean` | `-` | Whether the supporting text should be displayed or not. |
-| `size` | `'large' \| 'small'` | `-` | Controls the font-size of texts and height of the field. |
-| `plain` | `boolean` | `-` | Hides the header and the footer, while still keeping the accessible label  Always set the `label` attribute, and if you need to hide it, add this attribute and keep `label` set. |
-| `selectElement` | `HTMLSelectElement \| undefined` | `-` | Reference to the native select element. |
-| `value` | `any` | `-` | The value of the select element. This property can be either a single value or an array of values, depending on the multiple attribute of the select element.  Only use this property, and not the value property of the wrapped select element. |
-| `validator` | `GdsValidator \| undefined` | `-` | A validator that can be used to validate the form control and set an error message. |
-| `required` | `boolean` | `-` | The required attribute can be used to communicate to users of assistive technology that the control is required. Validation still needs to be done in a validator or equivalent. |
-| `errorMessage` | `string` | `-` | This can be used to manually control the error message that will be displayed when the control is invalid. |
-| `invalid` | `any` | `-` | Validation state of the form control. Setting this to true triggers the invalid state of the control. |
-| `label` | `string` | `-` | The label of the form control. |
-| `name` | `string` | `-` |  |
-| `disabled` | `boolean` | `-` | If the input is Disabled |
-| `syncFirstRender` | `boolean` | `-` | Force the element to perform a synchronous first render and apply style expression properties in `connectedCallback`.  This guarantees that the child DOM always remains projected in DOM, since the element will attach the shadowRoot and run the first render pass in the same event loop cycle, and that declarative layout will be applied once slotted DOM is projected.  Note: This will cause the first render pass to be blocking. Use sparingly and only when necessary, such as when the element needs to be measured synchronously after being added to the DOM. |
-
-
 ## Events
 
 | Name | Type | Description |
@@ -59,8 +20,3 @@
 |------|-------------|
 | `(default)` | Default slot for the native select element |
 | `lead` | Slot for leading content (e.g., icons) |
-
-
-## Form Control
-
-This component is a form control and inherits form-related properties and methods.

package/generated/mcp/select/guidelines.md

@@ -15,6 +15,12 @@ Don't use this component when you need to customize the dropdown behavior or app
 
 The appearance and behavior of the option list will be handled according to each browser.
 
+### Read only
+
+The read only displays the selected value, but removes affordances that suggest the list can be opened or changed.
+
+[Read more about the read only pattern](https://seb.io/patterns/read-only)
+
 ### Do's and don'ts
 
 

package/generated/mcp/switch/guidelines.md

@@ -25,6 +25,12 @@ A toggle must have a visible and persistent label and communicate its state prog
 
 ### Do's and Don'ts
 
+### Read only
+
+Shows the current state without allowing it to be changed. Keep the label and make the current state clear. Since a switch normally represents an immediate on or off setting, users should be able to understand the state without relying on the position or visual appearance of the switch alone.
+
+[Read more about the read only pattern](https://seb.io/patterns/read-only)
+
 
 ## UX Guidelines
 

package/generated/mcp/textarea/guidelines.md

@@ -9,9 +9,10 @@ Textarea allow users to input text and digits on multiple lines.
 
 We provide two versions of textarea.
 
-*   **Default**
-    
-*   **Floating label** (coming soon): Can only be used in specific contexts. Limited features due to accessibility.
+- **Default**
+- **Floating label** (coming soon): Can only be used in specific contexts. Limited features due to accessibility.
+
+
 
 ### Features
 
@@ -31,9 +32,10 @@ Use this to explain how to fill in the field, for example how to count or what t
 
 If the label and support text aren’t enough to explain a field, we can use the info icon. Clicking the icon shows additional support text between the label support and the field.
 
-*   Use a tooltip if space is limited.
-    
-*   Use a modal for large amounts of text.
+- Use a tooltip if space is limited.
+- Use a modal for large amounts of text.
+
+
 
 #### Leading icon
 
@@ -59,6 +61,13 @@ If the user ignores this and attempts to submit, an error message will appear in
 
 The default Textarea has a fixed height based on the expected input. This helps users understand how much text the field is intended for. If the field should be resizable, there are two options:
 
-*   **Automatic**: Adjusts dynamically as the user types.
-    
-*   **Manual**: Users can resize it by dragging the corner.
+- **Automatic**: Adjusts dynamically as the user types.
+- **Manual**: Users can resize it by dragging the corner.
+
+
+
+### Read only
+
+The read only state displays the entered value together with its label. Have no visual cues associated with text entry, such as an active input cursor or editable states. Long content should remain readable and should not be unnecessarily truncated.
+
+[Read more about the read only pattern](https://seb.io/patterns/read-only)

package/generated/mcp/tokens.json

@@ -1,5 +1,5 @@
 {
-  "generatedAt": "2026-09-08T13:31:55.934Z",
+  "generatedAt": "2026-09-14T14:33:39.118Z",
   "categories": {
     "space": {
       "description": "Spacing tokens for padding, margin, gap, and other spacing",

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

@@ -41,10 +41,11 @@ export declare const GdsAlert: {
         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;
@@ -76,7 +77,7 @@ export declare const GdsAlert: {
             (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;
@@ -91,7 +92,7 @@ export declare const GdsAlert: {
         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;
@@ -166,6 +167,7 @@ export declare const GdsAlert: {
         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;
@@ -186,7 +188,6 @@ export declare const GdsAlert: {
         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;
@@ -295,7 +296,7 @@ export declare const GdsAlert: {
         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;
@@ -305,18 +306,19 @@ export declare const GdsAlert: {
         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;
@@ -364,6 +366,7 @@ export declare const GdsAlert: {
         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;
@@ -382,7 +385,7 @@ export declare const GdsAlert: {
         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/avatar/index.d.ts

@@ -48,10 +48,11 @@ export declare const GdsAvatar: {
         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;
@@ -83,7 +84,7 @@ export declare const GdsAvatar: {
             (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;
@@ -98,7 +99,7 @@ export declare const GdsAvatar: {
         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;
@@ -173,6 +174,7 @@ export declare const GdsAvatar: {
         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;
@@ -193,7 +195,6 @@ export declare const GdsAvatar: {
         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;
@@ -303,7 +304,7 @@ export declare const GdsAvatar: {
         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;
@@ -313,18 +314,19 @@ export declare const GdsAvatar: {
         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;
@@ -372,6 +374,7 @@ export declare const GdsAvatar: {
         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;
@@ -390,7 +393,7 @@ export declare const GdsAvatar: {
         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/avatar-group/index.d.ts

@@ -38,10 +38,11 @@ export declare const GdsAvatarGroup: {
         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;
@@ -73,7 +74,7 @@ export declare const GdsAvatarGroup: {
             (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;
@@ -88,7 +89,7 @@ export declare const GdsAvatarGroup: {
         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;
@@ -163,6 +164,7 @@ export declare const GdsAvatarGroup: {
         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;
@@ -183,7 +185,6 @@ export declare const GdsAvatarGroup: {
         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;
@@ -293,7 +294,7 @@ export declare const GdsAvatarGroup: {
         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;
@@ -303,18 +304,19 @@ export declare const GdsAvatarGroup: {
         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;
@@ -362,6 +364,7 @@ export declare const GdsAvatarGroup: {
         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;
@@ -380,7 +383,7 @@ export declare const GdsAvatarGroup: {
         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/backdrop/index.d.ts

@@ -23,10 +23,11 @@ export declare const GdsBackdrop: {
         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;
@@ -58,7 +59,7 @@ export declare const GdsBackdrop: {
             (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;
@@ -73,7 +74,7 @@ export declare const GdsBackdrop: {
         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;
@@ -148,6 +149,7 @@ export declare const GdsBackdrop: {
         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;
@@ -168,7 +170,6 @@ export declare const GdsBackdrop: {
         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;
@@ -278,7 +279,7 @@ export declare const GdsBackdrop: {
         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;
@@ -288,18 +289,19 @@ export declare const GdsBackdrop: {
         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;
@@ -347,6 +349,7 @@ export declare const GdsBackdrop: {
         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;
@@ -365,7 +368,7 @@ export declare const GdsBackdrop: {
         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;