@procore/core-react 12.21.2 → 12.23.0

package/dist/Semantic/Semantic.styles.d.ts

@@ -2,35 +2,374 @@ import type React from 'react';
 export declare type StyledListProps = React.HTMLAttributes<HTMLUListElement | HTMLOListElement> & {
     $listStyleType?: string;
 };
-export declare const StyledH1: import("styled-components").StyledComponent<"h1", any, {}, never>;
-export declare const StyledH2: import("styled-components").StyledComponent<"h2", any, {}, never>;
-export declare const StyledH3: import("styled-components").StyledComponent<"h3", any, {}, never>;
+export declare const StyledH1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const StyledH2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
+export declare const StyledH3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, never>> & string;
 /** Small icons align with font and line height */
-export declare function getSmallIconBodyTextRules(): import("styled-components").FlattenSimpleInterpolation;
-export declare const StyledP: import("styled-components").StyledComponent<"p", any, {}, never>;
-export declare const StyledUL: import("styled-components").StyledComponent<"ul", any, React.HTMLAttributes<HTMLOListElement | HTMLUListElement> & {
+export declare function getSmallIconBodyTextRules(): import("styled-components").RuleSet<object>;
+export declare const StyledP: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const StyledUL: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, StyledListProps>> & string;
+export declare const StyledOL: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, keyof React.HTMLAttributes<HTMLOListElement | HTMLUListElement> | "$listStyleType"> & React.HTMLAttributes<HTMLOListElement | HTMLUListElement> & {
     $listStyleType?: string | undefined;
-}, never>;
-export declare const StyledOL: import("styled-components").StyledComponent<"ul", any, React.HTMLAttributes<HTMLOListElement | HTMLUListElement> & {
-    $listStyleType?: string | undefined;
-} & {
-    as: string;
-}, "as">;
-export declare const StyledLabel: import("styled-components").StyledComponent<"span", any, import("../Typography/Typography.styles").StyledTypographyProps & {
-    as: string | React.ComponentType<any>;
-    $intent: string;
-} & {
+}, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
+    ref?: ((instance: HTMLOListElement | null) => void) | React.RefObject<HTMLOListElement> | null | undefined;
+}>, never>, StyledListProps>> & string;
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.ObjectHTMLAttributes<HTMLObjectElement>, HTMLObjectElement>, "ref"> & {
+    ref?: ((instance: HTMLObjectElement | null) => void) | React.RefObject<HTMLObjectElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref"> & {
+    ref?: ((instance: HTMLTableHeaderCellElement | null) => void) | React.RefObject<HTMLTableHeaderCellElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.LinkHTMLAttributes<HTMLLinkElement>, HTMLLinkElement>, "ref"> & {
+    ref?: ((instance: HTMLLinkElement | null) => void) | React.RefObject<HTMLLinkElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
+    ref?: ((instance: HTMLInputElement | null) => void) | React.RefObject<HTMLInputElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | React.RefObject<HTMLAnchorElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.AreaHTMLAttributes<HTMLAreaElement>, HTMLAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLAreaElement | null) => void) | React.RefObject<HTMLAreaElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.AudioHTMLAttributes<HTMLAudioElement>, HTMLAudioElement>, "ref"> & {
+    ref?: ((instance: HTMLAudioElement | null) => void) | React.RefObject<HTMLAudioElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.BaseHTMLAttributes<HTMLBaseElement>, HTMLBaseElement>, "ref"> & {
+    ref?: ((instance: HTMLBaseElement | null) => void) | React.RefObject<HTMLBaseElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.BlockquoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & {
+    ref?: ((instance: HTMLQuoteElement | null) => void) | React.RefObject<HTMLQuoteElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLBodyElement>, HTMLBodyElement>, "ref"> & {
+    ref?: ((instance: HTMLBodyElement | null) => void) | React.RefObject<HTMLBodyElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLBRElement>, HTMLBRElement>, "ref"> & {
+    ref?: ((instance: HTMLBRElement | null) => void) | React.RefObject<HTMLBRElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, "ref"> & {
+    ref?: ((instance: HTMLCanvasElement | null) => void) | React.RefObject<HTMLCanvasElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & {
+    ref?: ((instance: HTMLTableColElement | null) => void) | React.RefObject<HTMLTableColElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.ColgroupHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, "ref"> & {
+    ref?: ((instance: HTMLTableColElement | null) => void) | React.RefObject<HTMLTableColElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.DataHTMLAttributes<HTMLDataElement>, HTMLDataElement>, "ref"> & {
+    ref?: ((instance: HTMLDataElement | null) => void) | React.RefObject<HTMLDataElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDataListElement>, HTMLDataListElement>, "ref"> & {
+    ref?: ((instance: HTMLDataListElement | null) => void) | React.RefObject<HTMLDataListElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.DelHTMLAttributes<HTMLModElement>, HTMLModElement>, "ref"> & {
+    ref?: ((instance: HTMLModElement | null) => void) | React.RefObject<HTMLModElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement>, "ref"> & {
+    ref?: ((instance: HTMLDetailsElement | null) => void) | React.RefObject<HTMLDetailsElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>, "ref"> & {
+    ref?: ((instance: HTMLDialogElement | null) => void) | React.RefObject<HTMLDialogElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDListElement>, HTMLDListElement>, "ref"> & {
+    ref?: ((instance: HTMLDListElement | null) => void) | React.RefObject<HTMLDListElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.EmbedHTMLAttributes<HTMLEmbedElement>, HTMLEmbedElement>, "ref"> & {
+    ref?: ((instance: HTMLEmbedElement | null) => void) | React.RefObject<HTMLEmbedElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, "ref"> & {
+    ref?: ((instance: HTMLFieldSetElement | null) => void) | React.RefObject<HTMLFieldSetElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & {
+    ref?: ((instance: HTMLFormElement | null) => void) | React.RefObject<HTMLFormElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref"> & {
+    ref?: ((instance: HTMLHeadingElement | null) => void) | React.RefObject<HTMLHeadingElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, "ref"> & {
+    ref?: ((instance: HTMLHRElement | null) => void) | React.RefObject<HTMLHRElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLHtmlElement>, HTMLHtmlElement>, "ref"> & {
+    ref?: ((instance: HTMLHtmlElement | null) => void) | React.RefObject<HTMLHtmlElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.IframeHTMLAttributes<HTMLIFrameElement>, HTMLIFrameElement>, "ref"> & {
+    ref?: ((instance: HTMLIFrameElement | null) => void) | React.RefObject<HTMLIFrameElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref"> & {
+    ref?: ((instance: HTMLImageElement | null) => void) | React.RefObject<HTMLImageElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.InsHTMLAttributes<HTMLModElement>, HTMLModElement>, "ref"> & {
+    ref?: ((instance: HTMLModElement | null) => void) | React.RefObject<HTMLModElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.KeygenHTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+    ref?: ((instance: HTMLLabelElement | null) => void) | React.RefObject<HTMLLabelElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, "ref"> & {
+    ref?: ((instance: HTMLLegendElement | null) => void) | React.RefObject<HTMLLegendElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+    ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.MapHTMLAttributes<HTMLMapElement>, HTMLMapElement>, "ref"> & {
+    ref?: ((instance: HTMLMapElement | null) => void) | React.RefObject<HTMLMapElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.MenuHTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.MetaHTMLAttributes<HTMLMetaElement>, HTMLMetaElement>, "ref"> & {
+    ref?: ((instance: HTMLMetaElement | null) => void) | React.RefObject<HTMLMetaElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.MeterHTMLAttributes<HTMLMeterElement>, HTMLMeterElement>, "ref"> & {
+    ref?: ((instance: HTMLMeterElement | null) => void) | React.RefObject<HTMLMeterElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & {
+    ref?: ((instance: HTMLOListElement | null) => void) | React.RefObject<HTMLOListElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref"> & {
+    ref?: ((instance: HTMLOptGroupElement | null) => void) | React.RefObject<HTMLOptGroupElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & {
+    ref?: ((instance: HTMLOptionElement | null) => void) | React.RefObject<HTMLOptionElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, "ref"> & {
+    ref?: ((instance: HTMLOutputElement | null) => void) | React.RefObject<HTMLOutputElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | null) => void) | React.RefObject<HTMLParagraphElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.ParamHTMLAttributes<HTMLParamElement>, HTMLParamElement>, "ref"> & {
+    ref?: ((instance: HTMLParamElement | null) => void) | React.RefObject<HTMLParamElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLPreElement>, HTMLPreElement>, "ref"> & {
+    ref?: ((instance: HTMLPreElement | null) => void) | React.RefObject<HTMLPreElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, "ref"> & {
+    ref?: ((instance: HTMLProgressElement | null) => void) | React.RefObject<HTMLProgressElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.QuoteHTMLAttributes<HTMLQuoteElement>, HTMLQuoteElement>, "ref"> & {
+    ref?: ((instance: HTMLQuoteElement | null) => void) | React.RefObject<HTMLQuoteElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.ScriptHTMLAttributes<HTMLScriptElement>, HTMLScriptElement>, "ref"> & {
+    ref?: ((instance: HTMLScriptElement | null) => void) | React.RefObject<HTMLScriptElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, "ref"> & {
+    ref?: ((instance: HTMLSelectElement | null) => void) | React.RefObject<HTMLSelectElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.SourceHTMLAttributes<HTMLSourceElement>, HTMLSourceElement>, "ref"> & {
+    ref?: ((instance: HTMLSourceElement | null) => void) | React.RefObject<HTMLSourceElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.StyleHTMLAttributes<HTMLStyleElement>, HTMLStyleElement>, "ref"> & {
+    ref?: ((instance: HTMLStyleElement | null) => void) | React.RefObject<HTMLStyleElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & {
+    ref?: ((instance: HTMLTableElement | null) => void) | React.RefObject<HTMLTableElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & {
+    ref?: ((instance: HTMLTableSectionElement | null) => void) | React.RefObject<HTMLTableSectionElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    ref?: ((instance: HTMLTableDataCellElement | null) => void) | React.RefObject<HTMLTableDataCellElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & {
+    ref?: ((instance: HTMLTextAreaElement | null) => void) | React.RefObject<HTMLTextAreaElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, "ref"> & {
+    ref?: ((instance: HTMLTimeElement | null) => void) | React.RefObject<HTMLTimeElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & {
+    ref?: ((instance: HTMLTableRowElement | null) => void) | React.RefObject<HTMLTableRowElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.TrackHTMLAttributes<HTMLTrackElement>, HTMLTrackElement>, "ref"> & {
+    ref?: ((instance: HTMLTrackElement | null) => void) | React.RefObject<HTMLTrackElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & {
+    ref?: ((instance: HTMLUListElement | null) => void) | React.RefObject<HTMLUListElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.DetailedHTMLProps<React.VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, "ref"> & {
+    ref?: ((instance: HTMLVideoElement | null) => void) | React.RefObject<HTMLVideoElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGCircleElement>, "ref"> & {
+    ref?: ((instance: SVGCircleElement | null) => void) | React.RefObject<SVGCircleElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGClipPathElement>, "ref"> & {
+    ref?: ((instance: SVGClipPathElement | null) => void) | React.RefObject<SVGClipPathElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGDefsElement>, "ref"> & {
+    ref?: ((instance: SVGDefsElement | null) => void) | React.RefObject<SVGDefsElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGEllipseElement>, "ref"> & {
+    ref?: ((instance: SVGEllipseElement | null) => void) | React.RefObject<SVGEllipseElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGForeignObjectElement>, "ref"> & {
+    ref?: ((instance: SVGForeignObjectElement | null) => void) | React.RefObject<SVGForeignObjectElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGGElement>, "ref"> & {
+    ref?: ((instance: SVGGElement | null) => void) | React.RefObject<SVGGElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGImageElement>, "ref"> & {
+    ref?: ((instance: SVGImageElement | null) => void) | React.RefObject<SVGImageElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGLineElementAttributes<SVGLineElement>, "ref"> & {
+    ref?: ((instance: SVGLineElement | null) => void) | React.RefObject<SVGLineElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGLinearGradientElement>, "ref"> & {
+    ref?: ((instance: SVGLinearGradientElement | null) => void) | React.RefObject<SVGLinearGradientElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGMarkerElement>, "ref"> & {
+    ref?: ((instance: SVGMarkerElement | null) => void) | React.RefObject<SVGMarkerElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGMaskElement>, "ref"> & {
+    ref?: ((instance: SVGMaskElement | null) => void) | React.RefObject<SVGMaskElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGPathElement>, "ref"> & {
+    ref?: ((instance: SVGPathElement | null) => void) | React.RefObject<SVGPathElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGPatternElement>, "ref"> & {
+    ref?: ((instance: SVGPatternElement | null) => void) | React.RefObject<SVGPatternElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGPolygonElement>, "ref"> & {
+    ref?: ((instance: SVGPolygonElement | null) => void) | React.RefObject<SVGPolygonElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGPolylineElement>, "ref"> & {
+    ref?: ((instance: SVGPolylineElement | null) => void) | React.RefObject<SVGPolylineElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGRadialGradientElement>, "ref"> & {
+    ref?: ((instance: SVGRadialGradientElement | null) => void) | React.RefObject<SVGRadialGradientElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGRectElement>, "ref"> & {
+    ref?: ((instance: SVGRectElement | null) => void) | React.RefObject<SVGRectElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGStopElement>, "ref"> & {
+    ref?: ((instance: SVGStopElement | null) => void) | React.RefObject<SVGStopElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGSVGElement>, "ref"> & {
+    ref?: ((instance: SVGSVGElement | null) => void) | React.RefObject<SVGSVGElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGTextElementAttributes<SVGTextElement>, "ref"> & {
+    ref?: ((instance: SVGTextElement | null) => void) | React.RefObject<SVGTextElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGTSpanElement>, "ref"> & {
+    ref?: ((instance: SVGTSpanElement | null) => void) | React.RefObject<SVGTSpanElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<React.SVGProps<SVGUseElement>, "ref"> & {
+    ref?: ((instance: SVGUseElement | null) => void) | React.RefObject<SVGUseElement> | null | undefined;
+}>, never> | import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import("../Typography/Typography.styles").StyledTypographyProps> & import("../Typography/Typography.styles").StyledTypographyProps, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
+}, Omit<any, "ref"> & React.RefAttributes<React.Component<any, any, any>>>, never> | import("styled-components").FastOmit<any, never>, {
     $block?: boolean | undefined;
-}, "$intent" | "as">;
+}>> & string & ({} | Omit<React.ComponentClass<any, any>, keyof React.Component<any, {}, any>> | Omit<React.FunctionComponent<any>, keyof React.Component<any, {}, any>> | Omit<import("styled-components/dist/types").ExoticComponentWithDisplayName<any>, keyof React.Component<any, {}, any>>);
 /**
  * An unstyled `button`, browser reset
  */
-export declare function getUnstyledButton(): import("styled-components").FlattenSimpleInterpolation;
+export declare function getUnstyledButton(): import("styled-components").RuleSet<object>;
 /**
  * An unstyled `button`, browser reset
  */
-export declare const StyledUnstyledButton: import("styled-components").StyledComponent<"button", any, {}, never>;
+export declare const StyledUnstyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
 /**
  * An a styled component a
  */
-export declare const StyledAnchor: import("styled-components").StyledComponent<"a", any, {}, never>;
+export declare const StyledAnchor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;

package/dist/Semantic/Semantic.styles.js

@@ -5,15 +5,15 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledH1 = /*#__PURE__*/styled.h1.withConfig({
   displayName: "StyledH1",
-  componentId: "core-12_21_2__sc-172j5qh-0"
+  componentId: "core-12_23_0__sc-172j5qh-0"
 })(["color:", ";", " margin:0;"], colors.gray15, getTypographyIntent('h1'));
 export var StyledH2 = /*#__PURE__*/styled.h2.withConfig({
   displayName: "StyledH2",
-  componentId: "core-12_21_2__sc-172j5qh-1"
+  componentId: "core-12_23_0__sc-172j5qh-1"
 })(["color:", ";", " margin:0;"], colors.gray15, getTypographyIntent('h2'));
 export var StyledH3 = /*#__PURE__*/styled.h3.withConfig({
   displayName: "StyledH3",
-  componentId: "core-12_21_2__sc-172j5qh-2"
+  componentId: "core-12_23_0__sc-172j5qh-2"
 })(["color:", ";", " margin:0;"], colors.gray15, getTypographyIntent('h3'));
 var topMarginRules = function topMarginRules() {
   return css(["& + &,p + &,ol + &,ul + &{margin-top:", "px;}"], spacing.lg);
@@ -28,11 +28,11 @@ export function getSmallIconBodyTextRules() {
 }
 export var StyledP = /*#__PURE__*/styled.p.withConfig({
   displayName: "StyledP",
-  componentId: "core-12_21_2__sc-172j5qh-3"
+  componentId: "core-12_23_0__sc-172j5qh-3"
 })(["color:", ";", " ", " ", ""], colors.gray15, getTypographyIntent('body'), topMarginRules, semiboldRules);
 export var StyledUL = /*#__PURE__*/styled.ul.withConfig({
   displayName: "StyledUL",
-  componentId: "core-12_21_2__sc-172j5qh-4"
+  componentId: "core-12_23_0__sc-172j5qh-4"
 })(["color:", ";margin:0;padding:0;", " ", " padding-left:", "px;list-style-type:", ";"], colors.gray15, getTypographyIntent('body'), topMarginRules, spacing.lg, function (props) {
   return props.$listStyleType || 'disc';
 });
@@ -40,19 +40,18 @@ export var StyledOL = /*#__PURE__*/styled(StyledUL).attrs({
   as: 'ol'
 }).withConfig({
   displayName: "StyledOL",
-  componentId: "core-12_21_2__sc-172j5qh-5"
+  componentId: "core-12_23_0__sc-172j5qh-5"
 })(["list-style-type:", ";"], function (props) {
   return props.$listStyleType || 'decimal';
 });
-function enforceLabelTypography(props) {
+export var StyledLabel = /*#__PURE__*/styled(StyledTypography).attrs(function (props) {
   return {
     as: props.as || 'label',
     $intent: 'label'
   };
-}
-export var StyledLabel = /*#__PURE__*/styled(StyledTypography).attrs(enforceLabelTypography).withConfig({
+}).withConfig({
   displayName: "StyledLabel",
-  componentId: "core-12_21_2__sc-172j5qh-6"
+  componentId: "core-12_23_0__sc-172j5qh-6"
 })(["", " ", " > ", "{margin-left:", "px;vertical-align:top;}"], function (_ref) {
   var _ref$$block = _ref.$block,
     $block = _ref$$block === void 0 ? false : _ref$$block;
@@ -70,7 +69,7 @@ export function getUnstyledButton() {
  */
 export var StyledUnstyledButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledUnstyledButton",
-  componentId: "core-12_21_2__sc-172j5qh-7"
+  componentId: "core-12_23_0__sc-172j5qh-7"
 })(["", ""], getUnstyledButton);
 
 /**
@@ -78,6 +77,6 @@ export var StyledUnstyledButton = /*#__PURE__*/styled.button.withConfig({
  */
 export var StyledAnchor = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledAnchor",
-  componentId: "core-12_21_2__sc-172j5qh-8"
+  componentId: "core-12_23_0__sc-172j5qh-8"
 })([""]);
 //# sourceMappingURL=Semantic.styles.js.map

package/dist/Semantic/Semantic.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Semantic.styles.js","names":["styled","css","StyledRequiredContainer","getTypographyIntent","semiboldRules","StyledTypography","colors","spacing","StyledH1","h1","withConfig","displayName","componentId","gray15","StyledH2","h2","StyledH3","h3","topMarginRules","lg","getSmallIconBodyTextRules","space","xs","spaceWhenTouch","sm","StyledP","p","StyledUL","ul","props","$listStyleType","StyledOL","attrs","as","enforceLabelTypography","$intent","StyledLabel","_ref","_ref$$block","$block","getUnstyledButton","StyledUnstyledButton","button","StyledAnchor","a"],"sources":["../../src/Semantic/Semantic.styles.ts"],"sourcesContent":["import type React from 'react'\nimport styled, { css } from 'styled-components'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport type { TypographyProps } from '../Typography'\nimport {\n  getTypographyIntent,\n  semiboldRules,\n  StyledTypography,\n} from '../Typography/Typography.styles'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport type StyledListProps = React.HTMLAttributes<\n  HTMLUListElement | HTMLOListElement\n> & {\n  $listStyleType?: string\n}\n\nexport const StyledH1 = styled.h1`\n  color: ${colors.gray15};\n  ${getTypographyIntent('h1')}\n  margin: 0;\n`\nexport const StyledH2 = styled.h2`\n  color: ${colors.gray15};\n  ${getTypographyIntent('h2')}\n  margin: 0;\n`\nexport const StyledH3 = styled.h3`\n  color: ${colors.gray15};\n  ${getTypographyIntent('h3')}\n  margin: 0;\n`\n\nconst topMarginRules = () => {\n  return css`\n    & + &,\n    p + &,\n    ol + &,\n    ul + & {\n      margin-top: ${spacing.lg}px;\n    }\n  `\n}\n\n// Should this be on Typography? body | label\n/** Small icons align with font and line height */\nexport function getSmallIconBodyTextRules() {\n  const space = spacing.xs\n  const spaceWhenTouch = spacing.sm\n\n  return css`\n    & > [data-qa^='ci'] {\n      height: 16px;\n      width: 16px;\n      vertical-align: middle;\n      margin-left: ${space}px;\n\n      &[tabindex='0'] {\n        margin-left: ${spaceWhenTouch}px;\n      }\n\n      &:first-child {\n        margin-left: 0;\n        margin-right: ${space}px;\n        vertical-align: sub;\n\n        &[tabindex='0'] {\n          margin-right: ${spaceWhenTouch}px;\n        }\n      }\n    }\n  `\n}\n\nexport const StyledP = styled.p`\n  color: ${colors.gray15};\n  ${getTypographyIntent('body')}\n  ${topMarginRules}\n  ${semiboldRules}\n`\n\nexport const StyledUL = styled.ul<StyledListProps>`\n  color: ${colors.gray15};\n  margin: 0;\n  padding: 0;\n  ${getTypographyIntent('body')}\n  ${topMarginRules}\n  padding-left: ${spacing.lg}px;\n  list-style-type: ${(props) => props.$listStyleType || 'disc'};\n`\n\nexport const StyledOL = styled(StyledUL).attrs({ as: 'ol' })<StyledListProps>`\n  list-style-type: ${(props) => props.$listStyleType || 'decimal'};\n`\n\nfunction enforceLabelTypography(props: TypographyProps) {\n  return {\n    as: props.as || 'label',\n    $intent: 'label',\n  }\n}\n\nexport const StyledLabel = styled(StyledTypography).attrs(\n  enforceLabelTypography\n)`\n  ${({ $block = false }: { $block?: boolean }) => $block && `display: block;`}\n  ${getSmallIconBodyTextRules}\n\n  > ${StyledRequiredContainer} {\n    margin-left: ${spacing.xs}px;\n    vertical-align: top;\n  }\n`\n\n/**\n * An unstyled `button`, browser reset\n */\nexport function getUnstyledButton() {\n  return css`\n    border: none;\n    background: none;\n    font-family: inherit;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0;\n    padding: 0;\n    text-transform: none;\n    -webkit-appearance: button;\n  `\n}\n/**\n * An unstyled `button`, browser reset\n */\nexport const StyledUnstyledButton = styled.button`\n  ${getUnstyledButton}\n`\n\n/**\n * An a styled component a\n */\nexport const StyledAnchor = styled.a``\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,uBAAuB,QAAQ,6BAA6B;AAErE,SACEC,mBAAmB,EACnBC,aAAa,EACbC,gBAAgB,QACX,iCAAiC;AACxC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAQ5C,OAAO,IAAMC,QAAQ,gBAAGR,MAAM,CAACS,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kCACtBN,MAAM,CAACO,MAAM,EACpBV,mBAAmB,CAAC,IAAI,CAAC,CAE5B;AACD,OAAO,IAAMW,QAAQ,gBAAGd,MAAM,CAACe,EAAE,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kCACtBN,MAAM,CAACO,MAAM,EACpBV,mBAAmB,CAAC,IAAI,CAAC,CAE5B;AACD,OAAO,IAAMa,QAAQ,gBAAGhB,MAAM,CAACiB,EAAE,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kCACtBN,MAAM,CAACO,MAAM,EACpBV,mBAAmB,CAAC,IAAI,CAAC,CAE5B;AAED,IAAMe,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAC3B,OAAOjB,GAAG,oDAKQM,OAAO,CAACY,EAAE;AAG9B,CAAC;;AAED;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAA,EAAG;EAC1C,IAAMC,KAAK,GAAGd,OAAO,CAACe,EAAE;EACxB,IAAMC,cAAc,GAAGhB,OAAO,CAACiB,EAAE;EAEjC,OAAOvB,GAAG,yOAKSoB,KAAK,EAGHE,cAAc,EAKbF,KAAK,EAIHE,cAAc;AAKxC;AAEA,OAAO,IAAME,OAAO,gBAAGzB,MAAM,CAAC0B,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kCACpBN,MAAM,CAACO,MAAM,EACpBV,mBAAmB,CAAC,MAAM,CAAC,EAC3Be,cAAc,EACdd,aAAa,CAChB;AAED,OAAO,IAAMuB,QAAQ,gBAAG3B,MAAM,CAAC4B,EAAE,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0FACtBN,MAAM,CAACO,MAAM,EAGpBV,mBAAmB,CAAC,MAAM,CAAC,EAC3Be,cAAc,EACAX,OAAO,CAACY,EAAE,EACP,UAACU,KAAK;EAAA,OAAKA,KAAK,CAACC,cAAc,IAAI,MAAM;AAAA,EAC7D;AAED,OAAO,IAAMC,QAAQ,gBAAG/B,MAAM,CAAC2B,QAAQ,CAAC,CAACK,KAAK,CAAC;EAAEC,EAAE,EAAE;AAAK,CAAC,CAAC,CAAAvB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BACvC,UAACiB,KAAK;EAAA,OAAKA,KAAK,CAACC,cAAc,IAAI,SAAS;AAAA,EAChE;AAED,SAASI,sBAAsBA,CAACL,KAAsB,EAAE;EACtD,OAAO;IACLI,EAAE,EAAEJ,KAAK,CAACI,EAAE,IAAI,OAAO;IACvBE,OAAO,EAAE;EACX,CAAC;AACH;AAEA,OAAO,IAAMC,WAAW,gBAAGpC,MAAM,CAACK,gBAAgB,CAAC,CAAC2B,KAAK,CACvDE,sBACF,CAAC,CAAAxB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iEACG,UAAAyB,IAAA;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;EAAA,OAA6BC,MAAM,qBAAqB;AAAA,GACzEnB,yBAAyB,EAEvBlB,uBAAuB,EACVK,OAAO,CAACe,EAAE,CAG5B;;AAED;AACA;AACA;AACA,OAAO,SAASkB,iBAAiBA,CAAA,EAAG;EAClC,OAAOvC,GAAG;AAWZ;AACA;AACA;AACA;AACA,OAAO,IAAMwC,oBAAoB,gBAAGzC,MAAM,CAAC0C,MAAM,CAAAhC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC7C4B,iBAAiB,CACpB;;AAED;AACA;AACA;AACA,OAAO,IAAMG,YAAY,gBAAG3C,MAAM,CAAC4C,CAAC,CAAAlC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE"}
+{"version":3,"file":"Semantic.styles.js","names":["styled","css","StyledRequiredContainer","getTypographyIntent","semiboldRules","StyledTypography","colors","spacing","StyledH1","h1","withConfig","displayName","componentId","gray15","StyledH2","h2","StyledH3","h3","topMarginRules","lg","getSmallIconBodyTextRules","space","xs","spaceWhenTouch","sm","StyledP","p","StyledUL","ul","props","$listStyleType","StyledOL","attrs","as","StyledLabel","$intent","_ref","_ref$$block","$block","getUnstyledButton","StyledUnstyledButton","button","StyledAnchor","a"],"sources":["../../src/Semantic/Semantic.styles.ts"],"sourcesContent":["import type React from 'react'\nimport styled, { css } from 'styled-components'\nimport { StyledRequiredContainer } from '../Required/Required.styles'\nimport {\n  getTypographyIntent,\n  semiboldRules,\n  StyledTypography,\n} from '../Typography/Typography.styles'\nimport type { Intent } from '../Typography/Typography.types'\nimport { colors } from '../_styles/colors'\nimport { spacing } from '../_styles/spacing'\n\nexport type StyledListProps = React.HTMLAttributes<\n  HTMLUListElement | HTMLOListElement\n> & {\n  $listStyleType?: string\n}\n\nexport const StyledH1 = styled.h1`\n  color: ${colors.gray15};\n  ${getTypographyIntent('h1')}\n  margin: 0;\n`\nexport const StyledH2 = styled.h2`\n  color: ${colors.gray15};\n  ${getTypographyIntent('h2')}\n  margin: 0;\n`\nexport const StyledH3 = styled.h3`\n  color: ${colors.gray15};\n  ${getTypographyIntent('h3')}\n  margin: 0;\n`\n\nconst topMarginRules = () => {\n  return css`\n    & + &,\n    p + &,\n    ol + &,\n    ul + & {\n      margin-top: ${spacing.lg}px;\n    }\n  `\n}\n\n// Should this be on Typography? body | label\n/** Small icons align with font and line height */\nexport function getSmallIconBodyTextRules() {\n  const space = spacing.xs\n  const spaceWhenTouch = spacing.sm\n\n  return css`\n    & > [data-qa^='ci'] {\n      height: 16px;\n      width: 16px;\n      vertical-align: middle;\n      margin-left: ${space}px;\n\n      &[tabindex='0'] {\n        margin-left: ${spaceWhenTouch}px;\n      }\n\n      &:first-child {\n        margin-left: 0;\n        margin-right: ${space}px;\n        vertical-align: sub;\n\n        &[tabindex='0'] {\n          margin-right: ${spaceWhenTouch}px;\n        }\n      }\n    }\n  `\n}\n\nexport const StyledP = styled.p`\n  color: ${colors.gray15};\n  ${getTypographyIntent('body')}\n  ${topMarginRules}\n  ${semiboldRules}\n`\n\nexport const StyledUL = styled.ul<StyledListProps>`\n  color: ${colors.gray15};\n  margin: 0;\n  padding: 0;\n  ${getTypographyIntent('body')}\n  ${topMarginRules}\n  padding-left: ${spacing.lg}px;\n  list-style-type: ${(props) => props.$listStyleType || 'disc'};\n`\n\nexport const StyledOL = styled(StyledUL).attrs({ as: 'ol' })<StyledListProps>`\n  list-style-type: ${(props) => props.$listStyleType || 'decimal'};\n`\n\nexport const StyledLabel = styled(StyledTypography).attrs((props) => ({\n  as: props.as || 'label',\n  $intent: 'label' as Intent,\n}))<{ $block?: boolean }>`\n  ${({ $block = false }) => $block && `display: block;`}\n  ${getSmallIconBodyTextRules}\n\n  > ${StyledRequiredContainer} {\n    margin-left: ${spacing.xs}px;\n    vertical-align: top;\n  }\n`\n\n/**\n * An unstyled `button`, browser reset\n */\nexport function getUnstyledButton() {\n  return css`\n    border: none;\n    background: none;\n    font-family: inherit;\n    font-size: 100%;\n    line-height: 1.15;\n    margin: 0;\n    padding: 0;\n    text-transform: none;\n    -webkit-appearance: button;\n  `\n}\n/**\n * An unstyled `button`, browser reset\n */\nexport const StyledUnstyledButton = styled.button`\n  ${getUnstyledButton}\n`\n\n/**\n * An a styled component a\n */\nexport const StyledAnchor = styled.a``\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAC/C,SAASC,uBAAuB,QAAQ,6BAA6B;AACrE,SACEC,mBAAmB,EACnBC,aAAa,EACbC,gBAAgB,QACX,iCAAiC;AAExC,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,OAAO,QAAQ,oBAAoB;AAQ5C,OAAO,IAAMC,QAAQ,gBAAGR,MAAM,CAACS,EAAE,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kCACtBN,MAAM,CAACO,MAAM,EACpBV,mBAAmB,CAAC,IAAI,CAAC,CAE5B;AACD,OAAO,IAAMW,QAAQ,gBAAGd,MAAM,CAACe,EAAE,CAAAL,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kCACtBN,MAAM,CAACO,MAAM,EACpBV,mBAAmB,CAAC,IAAI,CAAC,CAE5B;AACD,OAAO,IAAMa,QAAQ,gBAAGhB,MAAM,CAACiB,EAAE,CAAAP,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kCACtBN,MAAM,CAACO,MAAM,EACpBV,mBAAmB,CAAC,IAAI,CAAC,CAE5B;AAED,IAAMe,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;EAC3B,OAAOjB,GAAG,oDAKQM,OAAO,CAACY,EAAE;AAG9B,CAAC;;AAED;AACA;AACA,OAAO,SAASC,yBAAyBA,CAAA,EAAG;EAC1C,IAAMC,KAAK,GAAGd,OAAO,CAACe,EAAE;EACxB,IAAMC,cAAc,GAAGhB,OAAO,CAACiB,EAAE;EAEjC,OAAOvB,GAAG,yOAKSoB,KAAK,EAGHE,cAAc,EAKbF,KAAK,EAIHE,cAAc;AAKxC;AAEA,OAAO,IAAME,OAAO,gBAAGzB,MAAM,CAAC0B,CAAC,CAAAhB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kCACpBN,MAAM,CAACO,MAAM,EACpBV,mBAAmB,CAAC,MAAM,CAAC,EAC3Be,cAAc,EACdd,aAAa,CAChB;AAED,OAAO,IAAMuB,QAAQ,gBAAG3B,MAAM,CAAC4B,EAAE,CAAAlB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,0FACtBN,MAAM,CAACO,MAAM,EAGpBV,mBAAmB,CAAC,MAAM,CAAC,EAC3Be,cAAc,EACAX,OAAO,CAACY,EAAE,EACP,UAACU,KAAK;EAAA,OAAKA,KAAK,CAACC,cAAc,IAAI,MAAM;AAAA,EAC7D;AAED,OAAO,IAAMC,QAAQ,gBAAG/B,MAAM,CAAC2B,QAAQ,CAAC,CAACK,KAAK,CAAC;EAAEC,EAAE,EAAE;AAAK,CAAC,CAAC,CAAAvB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8BACvC,UAACiB,KAAK;EAAA,OAAKA,KAAK,CAACC,cAAc,IAAI,SAAS;AAAA,EAChE;AAED,OAAO,IAAMI,WAAW,gBAAGlC,MAAM,CAACK,gBAAgB,CAAC,CAAC2B,KAAK,CAAC,UAACH,KAAK;EAAA,OAAM;IACpEI,EAAE,EAAEJ,KAAK,CAACI,EAAE,IAAI,OAAO;IACvBE,OAAO,EAAE;EACX,CAAC;AAAA,CAAC,CAAC,CAAAzB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iEACC,UAAAwB,IAAA;EAAA,IAAAC,WAAA,GAAAD,IAAA,CAAGE,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;EAAA,OAAOC,MAAM,qBAAqB;AAAA,GACnDlB,yBAAyB,EAEvBlB,uBAAuB,EACVK,OAAO,CAACe,EAAE,CAG5B;;AAED;AACA;AACA;AACA,OAAO,SAASiB,iBAAiBA,CAAA,EAAG;EAClC,OAAOtC,GAAG;AAWZ;AACA;AACA;AACA;AACA,OAAO,IAAMuC,oBAAoB,gBAAGxC,MAAM,CAACyC,MAAM,CAAA/B,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aAC7C2B,iBAAiB,CACpB;;AAED;AACA;AACA;AACA,OAAO,IAAMG,YAAY,gBAAG1C,MAAM,CAAC2C,CAAC,CAAAjC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,QAAE"}