@appquality/unguess-design-system 3.1.91-beta-attachments → 3.1.91-highlight

package/build/stories/buttons/utils.d.ts

@@ -8,24 +8,12 @@ export declare const variants: readonly [{}, {
     readonly disabled: true;
 }];
 export declare const Row: import("styled-components").IStyledComponent<"web", {
-    alignItems?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXs?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsSm?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsMd?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsLg?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    alignItemsXl?: "start" | "center" | "end" | "baseline" | "stretch" | undefined;
-    justifyContent?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentXs?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentSm?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentMd?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentLg?: "start" | "center" | "end" | "between" | "around" | undefined;
-    justifyContentXl?: "start" | "center" | "end" | "between" | "around" | undefined;
-    wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-    wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-    wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-    wrapMd?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-    wrapLg?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
-    wrapXl?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    content?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -33,25 +21,21 @@ export declare const Row: 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;
     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;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -73,19 +57,23 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "inline" | "list" | "none" | "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 | "true" | "false" | "page" | "step" | "location" | "date" | "time" | 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;
@@ -115,6 +103,7 @@ export declare const Row: 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;
@@ -139,11 +128,8 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     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;
@@ -266,9 +252,7 @@ export declare const Row: 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;
@@ -289,40 +273,34 @@ export declare const Row: 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;
+    justifyContent?: "center" | "start" | "end" | "between" | "around" | undefined;
+    wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    alignItems?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsXs?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsSm?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsMd?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsLg?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    alignItemsXl?: "center" | "start" | "end" | "baseline" | "stretch" | undefined;
+    justifyContentXs?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentSm?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentMd?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentLg?: "center" | "start" | "end" | "between" | "around" | undefined;
+    justifyContentXl?: "center" | "start" | "end" | "between" | "around" | undefined;
+    wrapXs?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    wrapSm?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    wrapMd?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    wrapLg?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    wrapXl?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-grid").IRowProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Col: import("styled-components").IStyledComponent<"web", {
-    size?: string | number | undefined;
-    xs?: string | number | boolean | undefined;
-    sm?: string | number | boolean | undefined;
-    md?: string | number | boolean | undefined;
-    lg?: string | number | boolean | undefined;
-    xl?: string | number | boolean | undefined;
-    alignSelf?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXs?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfSm?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfMd?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfLg?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXl?: "start" | "center" | "end" | "baseline" | "stretch" | "auto" | undefined;
-    textAlign?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignXs?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignSm?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignMd?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignLg?: "start" | "center" | "end" | "justify" | undefined;
-    textAlignXl?: "start" | "center" | "end" | "justify" | undefined;
-    offset?: string | number | undefined;
-    offsetXs?: string | number | undefined;
-    offsetSm?: string | number | undefined;
-    offsetMd?: string | number | undefined;
-    offsetLg?: string | number | undefined;
-    offsetXl?: string | number | undefined;
-    order?: string | number | undefined;
-    orderXs?: string | number | undefined;
-    orderSm?: string | number | undefined;
-    orderMd?: string | number | undefined;
-    orderLg?: string | number | undefined;
-    orderXl?: string | number | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    content?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -330,25 +308,21 @@ export declare const Col: 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;
     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;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -370,19 +344,23 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "inline" | "list" | "none" | "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 | "true" | "false" | "page" | "step" | "location" | "date" | "time" | 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;
@@ -412,6 +390,7 @@ export declare const Col: 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;
@@ -436,11 +415,8 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     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;
@@ -563,9 +539,7 @@ export declare const Col: 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;
@@ -586,13 +560,46 @@ export declare const Col: 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;
+    sm?: string | number | boolean | undefined;
+    offset?: string | number | undefined;
+    order?: string | number | undefined;
+    size?: string | number | undefined;
+    xs?: string | number | boolean | undefined;
+    md?: string | number | boolean | undefined;
+    lg?: string | number | boolean | undefined;
+    xl?: string | number | boolean | undefined;
+    alignSelf?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXs?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfSm?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfMd?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfLg?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXl?: "center" | "start" | "end" | "baseline" | "stretch" | "auto" | undefined;
+    textAlign?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignXs?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignSm?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignMd?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignLg?: "center" | "start" | "end" | "justify" | undefined;
+    textAlignXl?: "center" | "start" | "end" | "justify" | undefined;
+    offsetXs?: string | number | undefined;
+    offsetSm?: string | number | undefined;
+    offsetMd?: string | number | undefined;
+    offsetLg?: string | number | undefined;
+    offsetXl?: string | number | undefined;
+    orderXs?: string | number | undefined;
+    orderSm?: string | number | undefined;
+    orderMd?: string | number | undefined;
+    orderLg?: string | number | undefined;
+    orderXl?: string | number | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-grid").IColProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const MD: import("styled-components").IStyledComponent<"web", {
-    isMonospace?: boolean | undefined;
-    tag?: any;
-    isBold?: boolean | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
+    content?: string | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
@@ -600,25 +607,21 @@ export declare const MD: 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;
     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;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -640,19 +643,23 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+    inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "true" | "false") | undefined;
-    "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
+    "aria-autocomplete"?: "inline" | "list" | "none" | "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 | "true" | "false" | "page" | "step" | "location" | "date" | "time" | 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;
@@ -682,6 +689,7 @@ export declare const MD: 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;
@@ -706,11 +714,8 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
     onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
-    onFocus?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
     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;
@@ -833,9 +838,7 @@ export declare const MD: 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;
@@ -856,6 +859,9 @@ export declare const MD: 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;
+    isMonospace?: boolean | undefined;
+    tag?: any;
+    isBold?: boolean | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }> & import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-typography").ISMProps & import("react").RefAttributes<HTMLDivElement>>;

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

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

package/build/stories/cards/container.stories.d.ts

@@ -3,6 +3,6 @@ interface CardStoryProps extends CardProps {
     title: string;
     content: string;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CardStoryProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import("./_types").ContainerCardProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CardStoryProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("./_types").ContainerCardProps>;
 export default _default;

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

@@ -3,7 +3,7 @@ interface CardStoryProps extends CardProps {
     title: string;
     content: string;
 }
-export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CardStoryProps>;
-export declare const Floating: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, CardStoryProps>;
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, CardProps>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CardStoryProps>;
+export declare const Floating: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, CardStoryProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, CardProps>;
 export default _default;

package/build/stories/charts/bar/index.stories.d.ts

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

package/build/stories/charts/bullet/index.stories.d.ts

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

package/build/stories/charts/halfPie/index.stories.d.ts

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

package/build/stories/charts/pie/index.stories.d.ts

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

package/build/stories/charts/sentiment/index.stories.d.ts

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

package/build/stories/charts/sunburst/index.stories.d.ts

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

package/build/stories/charts/waffle/index.stories.d.ts

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

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

@@ -9,7 +9,6 @@ export type SuggestedUser = {
 };
 export interface ChatEditorArgs extends Partial<EditorOptions> {
     author: Author;
-    messageBadFileFormat: string;
     placeholderOptions?: Partial<PlaceholderOptions>;
     hasFloatingMenu?: boolean;
     hasButtonsMenu?: boolean;
@@ -19,7 +18,7 @@ export interface ChatEditorArgs extends Partial<EditorOptions> {
             bold?: string;
             italic?: string;
             mention?: string;
-            attachment?: string | React.ReactNode;
+            attachment?: React.ReactNode;
         };
         mention?: {
             noResults?: string;
@@ -38,9 +37,13 @@ export interface EditorHeaderArgs {
     title?: string;
     validation?: validationStatus;
 }
-export interface FileItem extends File {
+export interface CommentMedia {
+    id: string;
+    type: string;
+    name?: string;
     isLoadingMedia?: boolean;
-    isError?: boolean;
+    error?: string;
+    url?: string;
 }
 export interface FloatingMenuArgs extends Partial<BubbleMenuProps> {
 }

package/build/stories/chat/context/chatContext.d.ts

@@ -1,20 +1,21 @@
 import { Editor } from "@tiptap/react";
 import React from "react";
-import { FileItem, SuggestedUser } from "../_types";
+import { CommentMedia, SuggestedUser } from "../_types";
 export type ChatContextType = {
     triggerSave: () => void;
     editor?: Editor;
     setEditor: React.Dispatch<React.SetStateAction<Editor | undefined>>;
     addThumbnails: (props: {
-        files: FileItem[];
+        files: (File & CommentMedia)[];
     }) => void;
     removeThumbnail: (index: number) => void;
-    thumbnails: FileItem[];
+    thumbnails: CommentMedia[];
     mentionableUsers: (props: {
         query: string;
     }) => SuggestedUser[];
     afterUploadCallback: (failed: string[]) => void;
-    clearThumbnails: () => void;
+    clearInput: () => void;
+    onDeleteThumbnail: (id: string) => void;
 };
 export declare const ChatContext: React.Context<ChatContextType | null>;
 export interface Data {
@@ -26,9 +27,10 @@ export interface Data {
         errorCode: string;
     }[];
 }
-export declare const ChatContextProvider: ({ onSave, onFileUpload, setMentionableUsers, children, }: {
+export declare const ChatContextProvider: ({ onSave, onFileUpload, onDeleteThumbnail, setMentionableUsers, children, }: {
     onSave?: ((editor: Editor, mentions: SuggestedUser[]) => void) | undefined;
-    onFileUpload?: ((files: FileItem[]) => Promise<Data>) | undefined;
+    onFileUpload?: ((files: (File & CommentMedia)[]) => Promise<Data>) | undefined;
+    onDeleteThumbnail: (id: string) => void;
     children: React.ReactNode;
     setMentionableUsers: (props: {
         query: string;

package/build/stories/chat/hooks/useMedia.d.ts

@@ -0,0 +1,8 @@
+export declare const acceptedMediaTypes: RegExp;
+export declare function useMedia(): {
+    getMedia: (data: FileList) => (File & {
+        url: string;
+        isLoadingMedia: boolean;
+        id: string;
+    })[];
+};