@appquality/unguess-design-system 3.1.109-attachments → 3.1.110

package/build/stories/forms/input/index.d.ts

@@ -1,6 +1,10 @@
 /// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { InputArgs } from "./_types";
 declare const Hint: import("styled-components").IStyledComponent<"web", {
+    style?: import("react").CSSProperties | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -8,18 +12,17 @@ declare const Hint: 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;
@@ -47,20 +50,24 @@ declare const Hint: import("styled-components").IStyledComponent<"web", {
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "on" | "off" | undefined;
+    unselectable?: "off" | "on" | undefined;
     inputMode?: "text" | "search" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "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" | "date" | "true" | "false" | "page" | "location" | 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;
@@ -90,6 +97,7 @@ declare const Hint: 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;
@@ -118,7 +126,6 @@ declare const Hint: import("styled-components").IStyledComponent<"web", {
     onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
-    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
@@ -241,9 +248,7 @@ declare const Hint: 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;
@@ -264,8 +269,8 @@ declare const Hint: 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>>;
 /**
    * An Input lets users enter text into a field.

package/build/stories/forms/input/index.stories.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import { InputArgs } from "./_types";
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InputArgs & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs>;
+export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs>;
+export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs>;
+export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, InputArgs & import("react").RefAttributes<HTMLInputElement>>;
 export default _default;

package/build/stories/forms/input-toggle/index.d.ts

@@ -1,13 +1,12 @@
 /// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { InputToggleArgs } from "./_types";
 declare const InputToggle: {
     ({ isFocused, ...props }: InputToggleArgs): import("react/jsx-runtime").JSX.Element;
     Item: (props: InputToggleArgs) => import("react/jsx-runtime").JSX.Element;
     Label: import("styled-components").IStyledComponent<"web", {
         isRegular?: boolean | undefined;
-        hidden?: boolean | undefined;
-        form?: string | undefined;
-        htmlFor?: string | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
@@ -15,14 +14,15 @@ declare const InputToggle: {
         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;
@@ -59,14 +59,18 @@ declare const InputToggle: {
         "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 | "step" | "time" | "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;
@@ -96,6 +100,7 @@ declare const InputToggle: {
         "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;
@@ -247,9 +252,7 @@ declare const InputToggle: {
         onPointerCancel?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerCancelCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerEnter?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
-        onPointerEnterCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerLeave?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
-        onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerOver?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerOverCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
         onPointerOut?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;

package/build/stories/forms/input-toggle/index.stories.d.ts

@@ -3,10 +3,10 @@ interface InputStoryArgs extends InputToggleArgs {
     label: string;
     message: string;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-export declare const WithLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, InputStoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, InputToggleArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+export declare const Success: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+export declare const Warning: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+export declare const Error: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+export declare const WithLabel: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, InputStoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, InputToggleArgs>;
 export default _default;

package/build/stories/forms/mediaInput/index.stories.d.ts

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

package/build/stories/forms/radio/cards/index.stories.d.ts

@@ -5,7 +5,7 @@ interface FormProps {
         onSubmit: (e: any) => void;
     };
 }
-export declare const SingleCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RadioCardArgs>;
-export declare const MultipleCards: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, FormProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RadioCardArgs>;
+export declare const SingleCard: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, RadioCardArgs>;
+export declare const MultipleCards: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, FormProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, RadioCardArgs>;
 export default _default;

package/build/stories/forms/radio/index.stories.d.ts

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

package/build/stories/forms/textarea/index.stories.d.ts

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

package/build/stories/forms/toggle/index.stories.d.ts

@@ -3,6 +3,6 @@ import { ToggleArgs } from "./_types";
 interface ToggleStoryProps extends ToggleArgs {
     label: LabelArgs;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ToggleStoryProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ToggleArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ToggleStoryProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ToggleArgs>;
 export default _default;

package/build/stories/grid/col/index.stories.d.ts

@@ -1,6 +1,6 @@
 import { ColArgs } from "./_types";
-export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColArgs>;
-export declare const Breaks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColArgs>;
-export declare const Offset: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ColArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, ColArgs>;
+export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ColArgs>;
+export declare const Breaks: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ColArgs>;
+export declare const Offset: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, ColArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, ColArgs>;
 export default _default;

package/build/stories/grid/grid/index.stories.d.ts

@@ -3,8 +3,8 @@ import { GridArgs } from "./_types";
 interface GridProps extends GridArgs {
     rows: Array<RowStoryArg>;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, GridProps>;
-export declare const EqualColumns: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, GridProps>;
-export declare const OneWiderColumn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, GridProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, GridArgs>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, GridProps>;
+export declare const EqualColumns: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, GridProps>;
+export declare const OneWiderColumn: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, GridProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, GridArgs>;
 export default _default;

package/build/stories/grid/row/index.stories.d.ts

@@ -3,6 +3,6 @@ import { ColArgs } from "../col/_types";
 export interface RowStoryArg extends RowArgs {
     cols: Array<ColArgs>;
 }
-export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, RowStoryArg>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, RowArgs>;
+export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, RowStoryArg>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, RowArgs>;
 export default _default;

package/build/stories/highlight/CreateObservationButton.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+declare const CreateObservationButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<import("../buttons/button/_types").ButtonArgs & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
+}, {
+    position: {
+        x: number;
+        y: number;
+    };
+}>> & import("react").ForwardRefExoticComponent<import("../buttons/button/_types").ButtonArgs & import("react").RefAttributes<HTMLButtonElement>> & {
+    EndIcon: {
+        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    StartIcon: {
+        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export { CreateObservationButton };

package/build/stories/highlight/_types.d.ts

@@ -1,4 +1,6 @@
 import { ISpanProps } from "@zendeskgarden/react-typography";
+import { ReactNode } from "react";
+import { IBookmark } from "../player/_types";
 export interface HighlightArgs {
     /**
      * Applies a font color. Use [PALETTE](/components/palette#palette) colors
@@ -13,18 +15,17 @@ export interface HighlightArgs {
     isMonospace?: boolean;
     /** Adjusts the font size. By default font size is medium */
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
-    handleSelection?: (part: {
+    search?: string;
+    onSelectionButtonClick?: (part: {
         from: number;
         to: number;
         text: string;
     }) => void;
-    search?: string;
+    i18n?: {
+        selectionButtonLabel: string;
+    };
 }
-export interface Observation {
-    id: number;
-    start: number;
-    end: number;
-    backgroundColor?: string;
+export interface Observation extends Omit<IBookmark, "onClick"> {
     color?: string;
 }
 export interface WordProps extends ISpanProps {
@@ -33,6 +34,6 @@ export interface WordProps extends ISpanProps {
     currentTime?: number;
     observations?: Observation[];
     text: string;
-    /** Adjusts the font size. By default font size is medium */
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl";
+    tooltipContent?: (observations: Observation[]) => ReactNode;
 }

package/build/stories/highlight/demo-parts/data.d.ts

@@ -0,0 +1,55 @@
+export declare const DemoTranscript: {
+    metadata: {
+        transaction_key: string;
+        request_id: string;
+        sha256: string;
+        created: string;
+        duration: number;
+        channels: number;
+        models: string[];
+        model_info: {
+            "4accafca-a091-473d-8241-f5a847cb5766": {
+                name: string;
+                version: string;
+                arch: string;
+            };
+        };
+    };
+    results: {
+        channels: {
+            alternatives: {
+                transcript: string;
+                confidence: number;
+                words: {
+                    word: string;
+                    start: number;
+                    end: number;
+                    confidence: number;
+                    speaker: number;
+                    speaker_confidence: number;
+                    punctuated_word: string;
+                }[];
+                paragraphs: {
+                    transcript: string;
+                    paragraphs: {
+                        sentences: {
+                            text: string;
+                            start: number;
+                            end: number;
+                        }[];
+                        speaker: number;
+                        num_words: number;
+                        start: number;
+                        end: number;
+                        sentiment: number;
+                    }[];
+                };
+            }[];
+        }[];
+    };
+};
+export declare const DemoSentiment: {
+    role: string;
+    rate: number;
+    content: string;
+};

package/build/stories/highlight/demo-parts/sentiment-tag.d.ts

@@ -0,0 +1,7 @@
+export declare const getSentiment: (value: number) => {
+    color: string;
+    text: import("react/jsx-runtime").JSX.Element;
+} | {
+    color: string;
+    text: string;
+};

package/build/stories/highlight/demo-parts/transcript-base.d.ts

@@ -0,0 +1,5 @@
+import { StoryArgs } from "../index.stories";
+export declare const Transcript: (args: StoryArgs & {
+    currentTime: number;
+    offset: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/highlight/demo-parts/transcript-diarization.d.ts

@@ -0,0 +1,5 @@
+import { StoryArgs } from "../index.stories";
+export declare const TDiarization: (args: StoryArgs & {
+    currentTime: number;
+    offset: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/highlight/demo-parts/transcript-paragraph.d.ts

@@ -0,0 +1,5 @@
+import { StoryArgs } from "../index.stories";
+export declare const TParagraph: (args: StoryArgs & {
+    currentTime: number;
+    offset: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/highlight/demo-parts/transcript-sentiment.d.ts

@@ -0,0 +1,5 @@
+import { StoryArgs } from "../index.stories";
+export declare const TSentiment: (args: StoryArgs & {
+    currentTime: number;
+    offset: number;
+}) => import("react/jsx-runtime").JSX.Element;

package/build/stories/highlight/index.stories.d.ts

@@ -1,19 +1,18 @@
-/// <reference types="react" />
-import { HighlightArgs } from "./_types";
-interface StoryArgs extends HighlightArgs {
-    words: {
-        start: number;
-        end: number;
-        word: string;
+import { HighlightArgs, WordProps } from "./_types";
+export interface StoryArgs extends HighlightArgs {
+    words: Array<WordProps & {
         speaker: number;
-    }[];
+    }>;
     currentTime: number;
     includeSearch?: boolean;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
-export declare const VideoSync: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
-export declare const WithSearch: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, HighlightArgs & {
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const WithSelectionButton: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const WithTooltip: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const WithSearch: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const VideoSync: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+export declare const Demo: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, StoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, HighlightArgs & {
     children?: import("react").ReactNode;
 }>;
 export default _default;

package/build/stories/highlight/searchable.d.ts

@@ -1,4 +1,3 @@
-export declare const Searchable: ({ start, text, }: {
-    start: number;
+export declare const Searchable: ({ text, }: {
     text: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/build/stories/icons/index.stories.d.ts

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

package/build/stories/info-cards/index.stories.d.ts

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

package/build/stories/label/index.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="react" />
+/// <reference types="react" />
+/// <reference types="trusted-types" />
 import { LabelArgs } from "./_types";
 export declare const StyledLabel: import("styled-components").IStyledComponent<"web", {
+    style?: import("react").CSSProperties | undefined;
     isRegular?: boolean | undefined;
-    hidden?: boolean | undefined;
-    form?: string | undefined;
-    htmlFor?: string | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -12,17 +12,17 @@ export declare const StyledLabel: import("styled-components").IStyledComponent<"
     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;
@@ -56,14 +56,18 @@ export declare const StyledLabel: import("styled-components").IStyledComponent<"
     "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;
@@ -93,6 +97,7 @@ export declare const StyledLabel: import("styled-components").IStyledComponent<"
     "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;
@@ -244,9 +249,7 @@ export declare const StyledLabel: import("styled-components").IStyledComponent<"
     onPointerCancel?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerCancelCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerEnter?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
-    onPointerEnterCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerLeave?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
-    onPointerLeaveCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerOver?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerOverCapture?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
     onPointerOut?: import("react").PointerEventHandler<HTMLLabelElement> | undefined;
@@ -267,8 +270,8 @@ export declare const StyledLabel: import("styled-components").IStyledComponent<"
     onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLLabelElement> | undefined;
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLLabelElement> | undefined;
-    ref?: import("react").Ref<HTMLLabelElement> | undefined;
     key?: import("react").Key | null | undefined;
+    ref?: ((instance: HTMLLabelElement | null) => void) | import("react").RefObject<HTMLLabelElement> | null | undefined;
 }> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-forms").ILabelProps & import("react").RefAttributes<HTMLLabelElement>>;
 /**
  * A Label is used to specify a title for an input.

package/build/stories/label/index.stories.d.ts

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