npm - @appquality/unguess-design-system - Versions diffs - 3.1.106-attachments → 3.1.106-fix-toggle-2 - Mend

@appquality/unguess-design-system 3.1.106-attachments → 3.1.106-fix-toggle-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (146) hide show

package/build/stories/modals/fullscreen/index.d.ts CHANGED Viewed

@@ -1,10 +1,10 @@
 /// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { ModalArgs } from "../_types";
 declare const ModalFullScreen: {
     (props: ModalArgs): import("react/jsx-runtime").JSX.Element;
     Header: import("styled-components").IStyledComponent<"web", {
-        isDanger?: boolean | undefined;
-        tag?: any;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -12,15 +12,15 @@ declare const ModalFullScreen: {
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -57,14 +57,18 @@ declare const ModalFullScreen: {
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
         "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -94,6 +98,7 @@ declare const ModalFullScreen: {
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
@@ -245,9 +250,7 @@ declare const ModalFullScreen: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -268,8 +271,10 @@ declare const ModalFullScreen: {
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        ref?: import("react").Ref<HTMLDivElement> | undefined;
         key?: import("react").Key | null | undefined;
+        isDanger?: boolean | undefined;
+        tag?: any;
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     }> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-modals/dist/typings/types").IHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
     Body: import("styled-components").IStyledComponent<"web", {
         defaultChecked?: boolean | undefined;
@@ -279,15 +284,15 @@ declare const ModalFullScreen: {
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -324,14 +329,18 @@ declare const ModalFullScreen: {
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
         "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -361,6 +370,7 @@ declare const ModalFullScreen: {
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
@@ -512,9 +522,7 @@ declare const ModalFullScreen: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -535,8 +543,8 @@ declare const ModalFullScreen: {
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        ref?: import("react").Ref<HTMLDivElement> | undefined;
         key?: import("react").Key | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     }> & import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Footer: import("styled-components").IStyledComponent<"web", {
         defaultChecked?: boolean | undefined;
@@ -546,15 +554,15 @@ declare const ModalFullScreen: {
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -591,14 +599,18 @@ declare const ModalFullScreen: {
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
         "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -628,6 +640,7 @@ declare const ModalFullScreen: {
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
@@ -779,9 +792,7 @@ declare const ModalFullScreen: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -802,20 +813,10 @@ declare const ModalFullScreen: {
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-        ref?: import("react").Ref<HTMLDivElement> | undefined;
         key?: import("react").Key | null | undefined;
+        ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
     }> & import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Close: import("styled-components").IStyledComponent<"web", {
-        disabled?: boolean | undefined;
-        form?: string | undefined;
-        formAction?: string | undefined;
-        formEncType?: string | undefined;
-        formMethod?: string | undefined;
-        formNoValidate?: boolean | undefined;
-        formTarget?: string | undefined;
-        name?: string | undefined;
-        type?: "button" | "submit" | "reset" | undefined;
-        value?: string | number | readonly string[] | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -823,15 +824,15 @@ declare const ModalFullScreen: {
         accessKey?: string | undefined;
         autoFocus?: boolean | undefined;
         className?: string | undefined;
-        contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextMenu?: string | undefined;
         dir?: string | undefined;
         draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
         hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
         nonce?: string | undefined;
-        placeholder?: string | undefined;
         slot?: string | undefined;
         spellCheck?: (boolean | "true" | "false") | undefined;
         style?: import("react").CSSProperties | undefined;
@@ -868,14 +869,18 @@ declare const ModalFullScreen: {
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+        "aria-braillelabel"?: string | undefined;
+        "aria-brailleroledescription"?: string | undefined;
         "aria-busy"?: (boolean | "true" | "false") | undefined;
         "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
         "aria-colcount"?: number | undefined;
         "aria-colindex"?: number | undefined;
+        "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
         "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
+        "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
         "aria-disabled"?: (boolean | "true" | "false") | undefined;
         "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -905,6 +910,7 @@ declare const ModalFullScreen: {
         "aria-roledescription"?: string | undefined;
         "aria-rowcount"?: number | undefined;
         "aria-rowindex"?: number | undefined;
+        "aria-rowindextext"?: string | undefined;
         "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
@@ -1056,9 +1062,7 @@ declare const ModalFullScreen: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
@@ -1079,8 +1083,18 @@ declare const ModalFullScreen: {
         onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
         onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
         onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-        ref?: import("react").Ref<HTMLButtonElement> | undefined;
+        form?: string | undefined;
         key?: import("react").Key | null | undefined;
+        type?: "button" | "submit" | "reset" | undefined;
+        disabled?: boolean | undefined;
+        name?: string | undefined;
+        formAction?: string | undefined;
+        formEncType?: string | undefined;
+        formMethod?: string | undefined;
+        formNoValidate?: boolean | undefined;
+        formTarget?: string | undefined;
+        value?: string | number | readonly string[] | undefined;
+        ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
     }> & import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
     FooterItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
 };

package/build/stories/modals/fullscreen/index.stories.d.ts CHANGED Viewed

@@ -3,6 +3,6 @@ interface ModalStoryArgs extends ModalArgs {
     breadcrumbs?: any;
     isDanger?: boolean;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ModalArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ModalStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ModalArgs>;
 export default _default;

package/build/stories/modals/index.d.ts CHANGED Viewed

@@ -1,7 +1,10 @@
 /// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { Header as ModalHeader, Footer as ModalFooter, Close as ModalClose } from "@zendeskgarden/react-modals";
 import { ModalArgs } from "./_types";
 declare const UgModalBody: import("styled-components").IStyledComponent<"web", {
+    style?: import("react").CSSProperties | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -9,18 +12,17 @@ declare const UgModalBody: import("styled-components").IStyledComponent<"web", {
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
@@ -54,14 +56,18 @@ declare const UgModalBody: import("styled-components").IStyledComponent<"web", {
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -91,6 +97,7 @@ declare const UgModalBody: import("styled-components").IStyledComponent<"web", {
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
@@ -242,9 +249,7 @@ declare const UgModalBody: import("styled-components").IStyledComponent<"web", {
     onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
@@ -265,8 +270,8 @@ declare const UgModalBody: import("styled-components").IStyledComponent<"web", {
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
-    ref?: import("react").Ref<HTMLDivElement> | undefined;
     key?: import("react").Key | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }> & import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
 declare const Modal: import("react").ForwardRefExoticComponent<ModalArgs & import("react").RefAttributes<HTMLDivElement>> & {
     Header: typeof ModalHeader;

package/build/stories/modals/index.stories.d.ts CHANGED Viewed

@@ -5,9 +5,9 @@ interface ModalStoryArgs extends ModalArgs {
     title: string;
     isDanger?: boolean;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-export declare const Danger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-export declare const Large: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-export declare const WithCustomContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ModalStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ModalArgs & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ModalStoryArgs>;
+export declare const Danger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ModalStoryArgs>;
+export declare const Large: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ModalStoryArgs>;
+export declare const WithCustomContent: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ModalStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ModalArgs & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/build/stories/multiselect/index.stories.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { MultiSelectProps } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MultiSelectProps>;
-export declare const WithTagCreation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, MultiSelectProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, MultiSelectProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, MultiSelectProps>;
+export declare const WithTagCreation: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, MultiSelectProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, MultiSelectProps>;
 export default _default;

package/build/stories/navigation/app-header/index.stories.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { AppHeaderArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AppHeaderArgs>;
-export declare const MultipleWorkspaces: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AppHeaderArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AppHeaderArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, AppHeaderArgs>;
+export declare const MultipleWorkspaces: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, AppHeaderArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, AppHeaderArgs>;
 export default _default;

package/build/stories/navigation/header/header-item/brandItem.d.ts CHANGED Viewed

@@ -1,13 +1,16 @@
 /// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { BrandItemArgs } from "./_types";
 export declare const LogoIconContainer: import("styled-components").IStyledComponent<"web", {
+    form?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
     maxX?: boolean | undefined;
     maxY?: boolean | undefined;
     isRound?: boolean | undefined;
     product?: "chat" | "connect" | "explore" | "guide" | "message" | "support" | "talk" | undefined;
     hasLogo?: boolean | undefined;
     disabled?: boolean | undefined;
-    form?: string | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined;
     formMethod?: string | undefined;
@@ -23,18 +26,17 @@ export declare const LogoIconContainer: import("styled-components").IStyledCompo
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
     className?: string | undefined;
-    contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
     hidden?: boolean | undefined;
     id?: string | undefined;
     lang?: string | undefined;
     nonce?: string | undefined;
-    placeholder?: string | undefined;
     slot?: string | undefined;
     spellCheck?: (boolean | "true" | "false") | undefined;
-    style?: import("react").CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
     translate?: "yes" | "no" | undefined;
@@ -68,14 +70,18 @@ export declare const LogoIconContainer: import("styled-components").IStyledCompo
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
     "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-braillelabel"?: string | undefined;
+    "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "true" | "false") | undefined;
     "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
+    "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
     "aria-current"?: boolean | "time" | "step" | "true" | "false" | "page" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
+    "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
     "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -105,6 +111,7 @@ export declare const LogoIconContainer: import("styled-components").IStyledCompo
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;
     "aria-rowindex"?: number | undefined;
+    "aria-rowindextext"?: string | undefined;
     "aria-rowspan"?: number | undefined;
     "aria-selected"?: (boolean | "true" | "false") | undefined;
     "aria-setsize"?: number | undefined;
@@ -256,9 +263,7 @@ export declare const LogoIconContainer: import("styled-components").IStyledCompo
     onPointerCancel?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLButtonElement> | undefined;
@@ -279,8 +284,8 @@ export declare const LogoIconContainer: import("styled-components").IStyledCompo
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLButtonElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLButtonElement> | undefined;
-    ref?: import("react").Ref<HTMLButtonElement> | undefined;
     key?: import("react").Key | null | undefined;
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-chrome").IHeaderItemProps & import("react").RefAttributes<HTMLButtonElement>>;
 declare const BrandItem: (props: BrandItemArgs) => import("react/jsx-runtime").JSX.Element;
 export { BrandItem };

package/build/stories/navigation/nav/nav-item/accordionItem.d.ts CHANGED Viewed

@@ -1,7 +1,9 @@
 /// <reference types="react" />
 import { AccordionArgs } from "../../../accordions/_types";
 import { NavItemArgs } from "./_types";
-declare const NavAccordionItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<AccordionArgs & import("react").RefAttributes<HTMLDivElement>, AccordionArgs & NavItemArgs>> & import("react").ForwardRefExoticComponent<AccordionArgs & import("react").RefAttributes<HTMLDivElement>> & {
+declare const NavAccordionItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<AccordionArgs & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, AccordionArgs & NavItemArgs>> & import("react").ForwardRefExoticComponent<AccordionArgs & import("react").RefAttributes<HTMLDivElement>> & {
     Section: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Label: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;