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

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

@@ -8,50 +8,38 @@ export declare const variants: readonly [{}, {
     readonly disabled: true;
 }];
 export declare const Row: import("styled-components").IStyledComponent<"web", {
-    alignItems?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
-    alignItemsXs?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
-    alignItemsSm?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
-    alignItemsMd?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
-    alignItemsLg?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
-    alignItemsXl?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
-    justifyContent?: "start" | "end" | "center" | "between" | "around" | undefined;
-    justifyContentXs?: "start" | "end" | "center" | "between" | "around" | undefined;
-    justifyContentSm?: "start" | "end" | "center" | "between" | "around" | undefined;
-    justifyContentMd?: "start" | "end" | "center" | "between" | "around" | undefined;
-    justifyContentLg?: "start" | "end" | "center" | "between" | "around" | undefined;
-    justifyContentXl?: "start" | "end" | "center" | "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;
+    children?: import("react").ReactNode;
+    title?: string | undefined;
+    color?: string | undefined;
+    content?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    className?: string | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | 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;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -64,7 +52,6 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -73,19 +60,23 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "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 | "time" | "step" | "true" | "false" | "page" | "location" | "date" | 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;
@@ -110,11 +101,12 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "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;
@@ -123,7 +115,6 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -139,11 +130,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;
@@ -213,7 +201,6 @@ export declare const Row: import("styled-components").IStyledComponent<"web", {
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -266,9 +253,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,66 +274,60 @@ 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?: "start" | "end" | "center" | "between" | "around" | undefined;
+    wrap?: "wrap" | "nowrap" | "wrap-reverse" | undefined;
+    alignItems?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsXs?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsSm?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsMd?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsLg?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    alignItemsXl?: "start" | "end" | "center" | "baseline" | "stretch" | undefined;
+    justifyContentXs?: "start" | "end" | "center" | "between" | "around" | undefined;
+    justifyContentSm?: "start" | "end" | "center" | "between" | "around" | undefined;
+    justifyContentMd?: "start" | "end" | "center" | "between" | "around" | undefined;
+    justifyContentLg?: "start" | "end" | "center" | "between" | "around" | undefined;
+    justifyContentXl?: "start" | "end" | "center" | "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" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXs?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfSm?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfMd?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfLg?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    alignSelfXl?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
-    textAlign?: "start" | "end" | "center" | "justify" | undefined;
-    textAlignXs?: "start" | "end" | "center" | "justify" | undefined;
-    textAlignSm?: "start" | "end" | "center" | "justify" | undefined;
-    textAlignMd?: "start" | "end" | "center" | "justify" | undefined;
-    textAlignLg?: "start" | "end" | "center" | "justify" | undefined;
-    textAlignXl?: "start" | "end" | "center" | "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;
+    children?: import("react").ReactNode;
+    title?: string | undefined;
+    color?: string | undefined;
+    content?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    className?: string | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | 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;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -361,7 +340,6 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -370,19 +348,23 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "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 | "time" | "step" | "true" | "false" | "page" | "location" | "date" | 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;
@@ -407,11 +389,12 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "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;
@@ -420,7 +403,6 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -436,11 +418,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;
@@ -510,7 +489,6 @@ export declare const Col: import("styled-components").IStyledComponent<"web", {
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -563,9 +541,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,39 +562,72 @@ 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;
+    size?: string | number | undefined;
+    offset?: string | number | undefined;
+    order?: string | number | undefined;
+    xs?: string | number | boolean | undefined;
+    md?: string | number | boolean | undefined;
+    lg?: string | number | boolean | undefined;
+    xl?: string | number | boolean | undefined;
+    alignSelf?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXs?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfSm?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfMd?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfLg?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    alignSelfXl?: "start" | "end" | "center" | "baseline" | "stretch" | "auto" | undefined;
+    textAlign?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignXs?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignSm?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignMd?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignLg?: "start" | "end" | "center" | "justify" | undefined;
+    textAlignXl?: "start" | "end" | "center" | "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;
+    children?: import("react").ReactNode;
+    title?: string | undefined;
+    color?: string | undefined;
+    content?: string | undefined;
+    slot?: string | undefined;
+    style?: import("react").CSSProperties | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
+    className?: string | undefined;
+    onChange?: import("react").FormEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    className?: string | undefined;
-    contentEditable?: "inherit" | (boolean | "true" | "false") | 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;
     radioGroup?: string | undefined;
     role?: import("react").AriaRole | undefined;
     about?: string | undefined;
-    content?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
     prefix?: string | undefined;
@@ -631,7 +640,6 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     autoCapitalize?: string | undefined;
     autoCorrect?: string | undefined;
     autoSave?: string | undefined;
-    color?: string | undefined;
     itemProp?: string | undefined;
     itemScope?: boolean | undefined;
     itemType?: string | undefined;
@@ -640,19 +648,23 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "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 | "time" | "step" | "true" | "false" | "page" | "location" | "date" | 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;
@@ -677,11 +689,12 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
     "aria-readonly"?: (boolean | "true" | "false") | undefined;
-    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "true" | "false") | undefined;
     "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;
@@ -690,7 +703,6 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     "aria-valuemin"?: number | undefined;
     "aria-valuenow"?: number | undefined;
     "aria-valuetext"?: string | undefined;
-    children?: import("react").ReactNode;
     dangerouslySetInnerHTML?: {
         __html: string | TrustedHTML;
     } | undefined;
@@ -706,11 +718,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;
@@ -780,7 +789,6 @@ export declare const MD: import("styled-components").IStyledComponent<"web", {
     onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
     onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
-    onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
     onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
@@ -833,9 +841,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 +862,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;