@procore/core-react 12.53.1 → 12.53.3

package/dist/Tabs/Tabs.styles.d.ts

@@ -2,11 +2,17 @@ type TabStyleProps = {
     $selected?: boolean;
     $dark?: boolean;
 };
-export declare const StyledOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledTabList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTabList: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
+export declare const StyledTabs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $dark?: boolean;
     $index?: number;
     $helix?: boolean;
@@ -17,35 +23,129 @@ export declare const StyledTabs: import("styled-components/dist/types").IStyledC
  * @returns Subcomponents to render
  */
 export declare function getStyledComponents(helixHeader?: boolean): {
-    Tab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyleProps> & TabStyleProps, "ref"> & {
+    Tab: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, TabStyleProps>, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, never>> & string;
-    TabInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, TabStyleProps>> & string;
-    Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-    DropdownTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyleProps> & TabStyleProps, "ref"> & {
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
+    }> & string;
+    TabInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, TabStyleProps>> & string;
+    Link: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }> & string;
+    DropdownTab: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, TabStyleProps>, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, never>, never>> & string;
-    DropdownTabInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyleProps> & TabStyleProps, "ref"> & {
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
+    }, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
+    }> & string;
+    DropdownTabInner: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, TabStyleProps>, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, never>> & string;
-    MoreLi: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
+    }> & string;
+    MoreLi: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, {
         $helix?: boolean;
     }>> & string;
 } | {
-    Tab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyleProps> & TabStyleProps, "ref"> & {
+    Tab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, TabStyleProps>, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
     }, TabStyleProps>> & string;
-    TabInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyleProps> & TabStyleProps, "ref"> & {
+    TabInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, TabStyleProps>, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
     }, TabStyleProps>> & string;
-    Link: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-    DropdownTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyleProps> & TabStyleProps, "ref"> & {
+    Link: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }> & string;
+    DropdownTab: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, TabStyleProps>, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, never>, never>> & string;
-    DropdownTabInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof TabStyleProps> & TabStyleProps, "ref"> & {
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
+    }, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
+    }> & string;
+    DropdownTabInner: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<Omit<import("styled-components").FastOmit<import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, TabStyleProps>, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "ref"> & {
         ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-    }, keyof TabStyleProps> & TabStyleProps, never>> & string;
-    MoreLi: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
+    }, TabStyleProps>, "as" | "forwardedAs"> & {
+        as?: import("styled-components").WebTarget | undefined;
+        forwardedAs?: import("styled-components").WebTarget | undefined;
+    }, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | (import("react").CSSProperties & {
+            [key: `--${string}`]: string | number | undefined;
+        }) | undefined;
+    }> & string;
+    MoreLi: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "style"> & {
+        style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+    }, {
         $helix?: boolean;
     }>> & string;
 };

package/dist/Tabs/Tabs.styles.js

@@ -17,17 +17,17 @@ var borderRadius = /*#__PURE__*/css(["border-radius:", "px ", "px 0 0;"], spacin
  */
 var StyledTabBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabBase",
-  componentId: "core-12_53_1__sc-17s58xs-0"
+  componentId: "core-12_53_3__sc-17s58xs-0"
 })(["align-items:center;box-sizing:border-box;cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;position:relative;white-space:nowrap;text-decoration:none;background-color:transparent;border:none;font-family:inherit;padding:0;"]);
 var StyledTabInnerBase = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabInnerBase",
-  componentId: "core-12_53_1__sc-17s58xs-1"
+  componentId: "core-12_53_3__sc-17s58xs-1"
 })(["align-self:baseline;box-sizing:border-box;&,> a{display:flex;text-decoration:none;width:100%;}"]);
 
 // This so that it can be visible/hidden via CSS down below
 var StyledDropdownTabBase = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledDropdownTabBase",
-  componentId: "core-12_53_1__sc-17s58xs-2"
+  componentId: "core-12_53_3__sc-17s58xs-2"
 })(["", ""], hiddenTab);
 
 //// END BASE LAYOUT COMPONENTS FOR TABS ////
@@ -50,11 +50,11 @@ function getTabStyle() {
 }
 var StyledTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledTab",
-  componentId: "core-12_53_1__sc-17s58xs-3"
+  componentId: "core-12_53_3__sc-17s58xs-3"
 })(["", ""], getTabStyle);
 var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledTabInner",
-  componentId: "core-12_53_1__sc-17s58xs-4"
+  componentId: "core-12_53_3__sc-17s58xs-4"
 })(["", " padding:0 ", "px;font-weight:", ";&,> a{", ";color:", ";height:23px;}& a:focus-visible{outline:2px solid ", ";outline-offset:-1px;border-radius:", "px;}", ""], getTypographyIntent('body'), spacing.xs, function (_ref3) {
   var $selected = _ref3.$selected;
   return $selected ? 600 : 400;
@@ -67,15 +67,15 @@ var StyledTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
 });
 var StyledDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledDropdownTab",
-  componentId: "core-12_53_1__sc-17s58xs-5"
+  componentId: "core-12_53_3__sc-17s58xs-5"
 })(["", ""], getTabStyle);
 var StyledDropdownTabInner = /*#__PURE__*/styled(StyledTabInner).withConfig({
   displayName: "StyledDropdownTabInner",
-  componentId: "core-12_53_1__sc-17s58xs-6"
+  componentId: "core-12_53_3__sc-17s58xs-6"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledLink",
-  componentId: "core-12_53_1__sc-17s58xs-7"
+  componentId: "core-12_53_3__sc-17s58xs-7"
 })(["align-items:center;display:flex;height:23px;", ";box-sizing:border-box;"], borderRadius);
 
 //// END TRADITIONAL DESIGN SYSTEM TAB STYLES ////
@@ -92,34 +92,34 @@ function getHelixHeaderTabStyles() {
 }
 var StyledGlobalNavigationTab = /*#__PURE__*/styled(StyledTabBase).withConfig({
   displayName: "StyledGlobalNavigationTab",
-  componentId: "core-12_53_1__sc-17s58xs-8"
+  componentId: "core-12_53_3__sc-17s58xs-8"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTab = /*#__PURE__*/styled(StyledDropdownTabBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTab",
-  componentId: "core-12_53_1__sc-17s58xs-9"
+  componentId: "core-12_53_3__sc-17s58xs-9"
 })(["", ""], getHelixHeaderTabStyles);
 var StyledGlobalNavigationDropdownTabInner = /*#__PURE__*/styled(StyledTabInnerBase).withConfig({
   displayName: "StyledGlobalNavigationDropdownTabInner",
-  componentId: "core-12_53_1__sc-17s58xs-10"
+  componentId: "core-12_53_3__sc-17s58xs-10"
 })(["align-items:center;cursor:pointer;display:inline-flex;"]);
 var StyledGlobalNavigationLink = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledGlobalNavigationLink",
-  componentId: "core-12_53_1__sc-17s58xs-11"
+  componentId: "core-12_53_3__sc-17s58xs-11"
 })(["padding-left:6px;padding-right:6px;"]);
 
 //// END HELIX GLOBAL NAVIGATION TAB STYLES ////
 
 export var StyledOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledOverlay",
-  componentId: "core-12_53_1__sc-17s58xs-12"
+  componentId: "core-12_53_3__sc-17s58xs-12"
 })(["max-height:40vh;", "{padding:0;display:flex;justify-content:center;a{color:unset;margin:unset;padding:unset;&:focus-visible{outline-offset:1px;}}}", "{padding:0;display:flex;}", "{padding:2px 16px 4px 16px;}", ",", "{color:", ";border-radius:0;display:flex;width:100%;background:inherit;font-weight:inherit;font-size:inherit;padding:0;}[data-selected='true']{", ",", "{border-bottom-color:transparent;color:", ";}}"], StyledItem, StyledLink, StyledTabInnerBase, StyledLink, StyledTabBase, colors.gray15, StyledLink, StyledTabBase, colors.blue50);
 export var StyledTabList = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabList",
-  componentId: "core-12_53_1__sc-17s58xs-13"
+  componentId: "core-12_53_3__sc-17s58xs-13"
 })(["display:flex;list-style:none;margin:0;padding:0;width:100%;"]);
 export var StyledTabs = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTabs",
-  componentId: "core-12_53_1__sc-17s58xs-14"
+  componentId: "core-12_53_3__sc-17s58xs-14"
 })(["background-color:", ";display:flex;overflow:", ";width:100%;", "{&:nth-child(1n + ", "){&:not(", "){", "}}}", ""], function (_ref6) {
   var $dark = _ref6.$dark;
   return $dark && colors.gray15;
@@ -136,7 +136,7 @@ export var StyledTabs = /*#__PURE__*/styled.div.withConfig({
 });
 var StyledMoreLi = /*#__PURE__*/styled.li.withConfig({
   displayName: "StyledMoreLi",
-  componentId: "core-12_53_1__sc-17s58xs-15"
+  componentId: "core-12_53_3__sc-17s58xs-15"
 })(["", ""], function (_ref0) {
   var $helix = _ref0.$helix;
   return $helix ? css(["margin-left:", "px;"], spacing.sm) : css(["margin-left:", "px;"], spacing.xl);

package/dist/Tearsheet/Tearsheet.styles.d.ts

@@ -5,26 +5,36 @@ export declare const animationSpeed: {
     scrim: number;
     closeButton: number;
 };
-export declare const StyledTearsheetContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledTearsheetContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $placement: Placement;
     $open: boolean;
     $opening?: boolean;
     $closing?: boolean;
 }>> & string;
 export declare const minScrimSize: number;
-export declare const StyledTearsheetBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledTearsheetBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $block: boolean;
     $placement: Placement;
     $stretch: boolean;
 }>> & string;
-export declare const StyledScrimContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledScrimContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $placement: Placement;
 }>> & string;
-export declare const StyledButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const StyledButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, {
     $placement: Placement;
 }>> & string;
-export declare const StyledButtonCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledButtonCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("../Card").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
 }, {
     $open: boolean;
     $opening?: boolean;

package/dist/Tearsheet/Tearsheet.styles.js

@@ -46,7 +46,7 @@ var getSlideOutAnimation = function getSlideOutAnimation($placement) {
 };
 export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetContent",
-  componentId: "core-12_53_1__sc-ljrxoq-0"
+  componentId: "core-12_53_3__sc-ljrxoq-0"
 })(["display:flex;z-index:2;width:100%;", " ", " ", " ", ""], function (_ref) {
   var $open = _ref.$open,
     $placement = _ref.$placement;
@@ -66,7 +66,7 @@ export var StyledTearsheetContent = /*#__PURE__*/styled.div.withConfig({
 export var minScrimSize = spacing.xxl * 3;
 export var StyledTearsheetBody = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTearsheetBody",
-  componentId: "core-12_53_1__sc-ljrxoq-1"
+  componentId: "core-12_53_3__sc-ljrxoq-1"
 })(["display:flex;overflow-y:auto;flex-direction:column;background-color:", ";&:focus-visible{", "}", ""], colors.white, getGapOutlineFocus('inside'), function (_ref5) {
   var $block = _ref5.$block,
     $placement = _ref5.$placement,
@@ -78,7 +78,7 @@ var zoomIn = /*#__PURE__*/keyframes(["from{transform:scale(0);}to{transform:scal
 var zoomOut = /*#__PURE__*/keyframes(["from{transform:scale(1);}to{transform:scale(0);}"]);
 export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledScrimContainer",
-  componentId: "core-12_53_1__sc-ljrxoq-2"
+  componentId: "core-12_53_3__sc-ljrxoq-2"
 })(["", ""], function (_ref6) {
   var $placement = _ref6.$placement;
   var minSizeProp = ['top', 'bottom'].includes($placement) ? 'min-height' : 'min-width';
@@ -86,7 +86,7 @@ export var StyledScrimContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledButtonContainer",
-  componentId: "core-12_53_1__sc-ljrxoq-3"
+  componentId: "core-12_53_3__sc-ljrxoq-3"
 })(["", ""], function (_ref7) {
   var $placement = _ref7.$placement;
   switch ($placement) {
@@ -101,7 +101,7 @@ export var StyledButtonContainer = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledButtonCard = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledButtonCard",
-  componentId: "core-12_53_1__sc-ljrxoq-4"
+  componentId: "core-12_53_3__sc-ljrxoq-4"
 })(["display:inline-flex;margin:", "px;", " ", " ", ""], spacing.xl, function (_ref8) {
   var $open = _ref8.$open;
   return $open ? css(["transform:scale(1);"]) : css(["transform:scale(0);"]);

package/dist/TextArea/TextArea.styles.d.ts

@@ -3,5 +3,7 @@ import type { TextAreaProps } from './TextArea.types';
 type StyledTextAreaProps = TextAreaProps & InputStylesProps & {
     $resize?: 'both' | 'horizontal' | 'none' | 'vertical';
 };
-export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, StyledTextAreaProps>> & string;
+export declare const StyledTextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}, StyledTextAreaProps>> & string;
 export {};

package/dist/TextArea/TextArea.styles.js

@@ -3,7 +3,7 @@ import { getInputStyles } from '../Input/Input.styles';
 import { spacing } from '../_styles/spacing';
 export var StyledTextArea = /*#__PURE__*/styled.textarea.withConfig({
   displayName: "StyledTextArea",
-  componentId: "core-12_53_1__sc-u5mow1-0"
+  componentId: "core-12_53_3__sc-u5mow1-0"
 })(["", ";height:auto;min-height:64px;padding:", "px ", "px;resize:", ";"], getInputStyles, spacing.sm, spacing.md, function (_ref) {
   var _ref$$resize = _ref.$resize,
     $resize = _ref$$resize === void 0 ? 'both' : _ref$$resize;

package/dist/TextEditorOutput/TextEditorOutput.styles.d.ts

@@ -1 +1,3 @@
-export declare const StyledEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledEditor: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/dist/TextEditorOutput/TextEditorOutput.styles.js

@@ -1,6 +1,6 @@
 import styled from 'styled-components';
 export var StyledEditor = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledEditor",
-  componentId: "core-12_53_1__sc-1lje1b0-0"
+  componentId: "core-12_53_3__sc-1lje1b0-0"
 })(["> .tox-tinymce{border:none;}"]);
 //# sourceMappingURL=TextEditorOutput.styles.js.map

package/dist/Thumbnail/Thumbnail.hooks.d.ts

@@ -36,8 +36,6 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     slot?: string | undefined | undefined;
     title?: string | undefined | undefined;
     color?: string | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    content?: string | undefined | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -50,12 +48,14 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     dir?: string | undefined | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     radioGroup?: string | undefined | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
@@ -335,8 +335,6 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     slot?: string | undefined | undefined;
     title?: string | undefined | undefined;
     color?: string | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    content?: string | undefined | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -349,12 +347,14 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     dir?: string | undefined | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     radioGroup?: string | undefined | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
@@ -638,9 +638,6 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     title?: string | undefined | undefined;
     pattern?: string | undefined | undefined;
     color?: string | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    content?: string | undefined | undefined;
-    multiple?: boolean | undefined | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -653,12 +650,14 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     dir?: string | undefined | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     radioGroup?: string | undefined | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
@@ -893,25 +892,26 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
-    height?: number | string | undefined | undefined;
-    width?: number | string | undefined | undefined;
+    multiple?: boolean | undefined | undefined;
+    step?: number | string | undefined | undefined;
+    capture?: boolean | "user" | "environment" | undefined | undefined;
+    list?: string | undefined | undefined;
     accept?: string | undefined | undefined;
     autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-    capture?: boolean | "user" | "environment" | undefined | undefined;
     checked?: boolean | undefined | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    list?: string | undefined | undefined;
+    height?: number | string | undefined | undefined;
     max?: number | string | undefined | undefined;
     maxLength?: number | undefined | undefined;
     min?: number | string | undefined | undefined;
     minLength?: number | undefined | undefined;
     readOnly?: boolean | undefined | undefined;
     required?: boolean | undefined | undefined;
-    step?: number | string | undefined | undefined;
+    width?: number | string | undefined | undefined;
     alt: string;
     variant?: import("./ThumbnailDocumentIcon").ThumbnailDocumentIconVariant;
     tabIndex?: number;
@@ -961,9 +961,6 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     title?: string | undefined | undefined;
     pattern?: string | undefined | undefined;
     color?: string | undefined | undefined;
-    hidden?: boolean | undefined | undefined;
-    content?: string | undefined | undefined;
-    multiple?: boolean | undefined | undefined;
     key?: React.Key | null | undefined;
     defaultChecked?: boolean | undefined | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -976,12 +973,14 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     dir?: string | undefined | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
     enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
     id?: string | undefined | undefined;
     lang?: string | undefined | undefined;
     nonce?: string | undefined | undefined;
     spellCheck?: (boolean | "false" | "true") | undefined;
     radioGroup?: string | undefined | undefined;
     about?: string | undefined | undefined;
+    content?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
     prefix?: string | undefined | undefined;
@@ -1216,25 +1215,26 @@ export declare const useThumbnail: ({ selected, disabled, clickable, focused, ha
     onAnimationIterationCapture?: React.AnimationEventHandler<HTMLInputElement> | undefined;
     onTransitionEnd?: React.TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: React.TransitionEventHandler<HTMLInputElement> | undefined;
-    height?: number | string | undefined | undefined;
-    width?: number | string | undefined | undefined;
+    multiple?: boolean | undefined | undefined;
+    step?: number | string | undefined | undefined;
+    capture?: boolean | "user" | "environment" | undefined | undefined;
+    list?: string | undefined | undefined;
     accept?: string | undefined | undefined;
     autoComplete?: React.HTMLInputAutoCompleteAttribute | undefined;
-    capture?: boolean | "user" | "environment" | undefined | undefined;
     checked?: boolean | undefined | undefined;
     formAction?: string | undefined;
     formEncType?: string | undefined | undefined;
     formMethod?: string | undefined | undefined;
     formNoValidate?: boolean | undefined | undefined;
     formTarget?: string | undefined | undefined;
-    list?: string | undefined | undefined;
+    height?: number | string | undefined | undefined;
     max?: number | string | undefined | undefined;
     maxLength?: number | undefined | undefined;
     min?: number | string | undefined | undefined;
     minLength?: number | undefined | undefined;
     readOnly?: boolean | undefined | undefined;
     required?: boolean | undefined | undefined;
-    step?: number | string | undefined | undefined;
+    width?: number | string | undefined | undefined;
     alt: string;
     variant?: import("./ThumbnailDocumentIcon").ThumbnailDocumentIconVariant;
     tabIndex?: number;