@procore/core-react 12.25.0 → 12.25.2

package/dist/ThumbnailGrid/ThumbnailGrid.styles.d.ts

@@ -4,24 +4,24 @@ export declare const StyledCheckbox: import("styled-components/dist/types").ISty
     ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Checkbox").CheckboxProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledGroupCell: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "figure", never, import("../Thumbnail/Thumbnail.types").BaseThumbnailProps> | import("../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "checkbox", never, import("../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+export declare const StyledThumbnail: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(import("../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "figure", never, import("../Thumbnail").BaseThumbnailProps> | import("../_utils/polymorphic").Polymorphic.ComponentPropsWithRef<import("../Thumbnail/Thumbnail.types").ThumbnailPolyMap, "checkbox", never, import("../Thumbnail").BaseThumbnailProps & {
     onChange?: ((isSelected: boolean) => void) | undefined;
 }> | ({
     role?: undefined;
-} & import("../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+} & import("../Thumbnail").BaseThumbnailProps & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}) | (import("../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
+}) | (import("../Thumbnail").BaseThumbnailProps & {
     ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-})) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<(<Role extends import("../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../Thumbnail").ThumbnailProps<Role> | (import("../Thumbnail/Thumbnail.types").BaseThumbnailProps & {
-    ref?: import("../Thumbnail/Thumbnail.types").ThumbnailRef<Role> | undefined;
+})) & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<(<Role extends import("../Thumbnail").ThumbnailRoles>(props: import("../Thumbnail").ThumbnailProps<Role> | (import("../Thumbnail").BaseThumbnailProps & {
+    ref?: import("../Thumbnail").ThumbnailRef<Role> | undefined;
 })) => import("react").JSX.Element) & {
-    Placeholder: <Role_1 extends import("../Thumbnail/Thumbnail.types").ThumbnailRoles>(props: import("../Thumbnail/Thumbnail.types").PlaceholderProps<Role_1> | (import("../Thumbnail/Thumbnail.types").BasePlaceholderProps & {
-        ref?: import("../Thumbnail/Thumbnail.types").ThumbnailRef<Role_1> | undefined;
+    Placeholder: <Role_1 extends import("../Thumbnail").ThumbnailRoles>(props: import("../Thumbnail").ThumbnailPlaceholderProps<Role_1> | (import("../Thumbnail").BaseThumbnailPlaceholderProps & {
+        ref?: import("../Thumbnail").ThumbnailRef<Role_1> | undefined;
     })) => import("react").JSX.Element;
 }, keyof import("react").Component<any, {}, any>>;
 export declare const StyledVariableSizeGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react-window").VariableSizeGridProps<unknown> & import("react").RefAttributes<VariableSizeGrid<unknown>>, never>> & string & Omit<typeof VariableSizeGrid, keyof import("react").Component<any, {}, any>>;
-export declare const StyledGroupTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+export declare const StyledGroupTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledSpinnerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledThumbnailGrid: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/ThumbnailGrid/ThumbnailGrid.styles.js

@@ -7,31 +7,31 @@ import { getEllipsis } from '../_styles/mixins';
 import { spacing } from '../_styles/spacing';
 export var StyledCheckbox = /*#__PURE__*/styled(Checkbox).withConfig({
   displayName: "StyledCheckbox",
-  componentId: "core-12_25_0__sc-1inrbm9-0"
+  componentId: "core-12_25_2__sc-1inrbm9-0"
 })(["input{z-index:2;}"]);
 export var StyledGroupCell = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledGroupCell",
-  componentId: "core-12_25_0__sc-1inrbm9-1"
+  componentId: "core-12_25_2__sc-1inrbm9-1"
 })(["display:flex;align-items:flex-end;padding-bottom:", "px;"], spacing.md);
 export var StyledThumbnail = /*#__PURE__*/styled(Thumbnail).withConfig({
   displayName: "StyledThumbnail",
-  componentId: "core-12_25_0__sc-1inrbm9-2"
+  componentId: "core-12_25_2__sc-1inrbm9-2"
 })(["display:inline-flex;&:focus{outline:none;}"]);
 // VariableSizeGrid has provided width and height as inline style, so to make it flexible and support responsive !important was added
 export var StyledVariableSizeGrid = /*#__PURE__*/styled(VariableSizeGrid).withConfig({
   displayName: "StyledVariableSizeGrid",
-  componentId: "core-12_25_0__sc-1inrbm9-3"
+  componentId: "core-12_25_2__sc-1inrbm9-3"
 })(["height:100% !important;& > div{width:100% !important;}"]);
 export var StyledGroupTitle = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledGroupTitle",
-  componentId: "core-12_25_0__sc-1inrbm9-4"
+  componentId: "core-12_25_2__sc-1inrbm9-4"
 })(["", ""], getEllipsis);
 export var StyledSpinnerWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSpinnerWrapper",
-  componentId: "core-12_25_0__sc-1inrbm9-5"
+  componentId: "core-12_25_2__sc-1inrbm9-5"
 })(["display:flex;justify-content:center;align-items:center;width:100%;height:100%;"]);
 export var StyledThumbnailGrid = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledThumbnailGrid",
-  componentId: "core-12_25_0__sc-1inrbm9-6"
+  componentId: "core-12_25_2__sc-1inrbm9-6"
 })(["display:flex;flex-wrap:wrap;outline:none;"]);
 //# sourceMappingURL=ThumbnailGrid.styles.js.map

package/dist/TieredSelect/TieredSelect.styles.d.ts

@@ -2,11 +2,11 @@
 export declare const StyledTieredSelect: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../MenuImperative/MenuImperative.types").MenuProps & import("react").RefAttributes<import("..").UNSAFE_MenuRef>, "ref"> & {
     ref?: import("react").RefObject<import("..").UNSAFE_MenuRef> | ((instance: import("..").UNSAFE_MenuRef | null) => void) | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("../MenuImperative/MenuImperative.types").MenuProps & import("react").RefAttributes<import("..").UNSAFE_MenuRef>> & {
-    CheckboxItem: import("react").ForwardRefExoticComponent<(import("..").DivAttributes & (import("../MenuImperative/MenuImperative.types").ItemProps | import("../MenuImperative/MenuImperative.types").ItemWithDraggingProps) & Omit<import("..").CheckboxProps, "checked">) & import("react").RefAttributes<HTMLDivElement>>;
+    CheckboxItem: import("react").ForwardRefExoticComponent<(import("react").HTMLAttributes<HTMLDivElement> & (import("../MenuImperative/MenuImperative.types").ItemProps | import("../MenuImperative/MenuImperative.types").ItemWithDraggingProps) & Omit<import("..").CheckboxProps, "checked">) & import("react").RefAttributes<HTMLDivElement>>;
     Droppable: typeof import("../MenuImperative/MenuImperative").Droppable;
-    Footer: import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../MenuImperative/MenuImperative.types").FooterProps & import("react").RefAttributes<HTMLDivElement>>;
-    Group: import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../MenuImperative/MenuImperative.types").GroupProps & import("react").RefAttributes<HTMLDivElement>>;
-    Header: import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("../MenuImperative/MenuImperative.types").HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+    Footer: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../MenuImperative/MenuImperative.types").FooterProps & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../MenuImperative/MenuImperative.types").GroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../MenuImperative/MenuImperative.types").HeaderProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("../_utils/polymorphic").PolymorphicAs.ComponentWithForwardedRef<import("../MenuImperative/MenuImperative.types").MenuItemProps, import("../MenuImperative/MenuImperative.types").MenuItemDefaultElement>;
     Options: import("react").ForwardRefExoticComponent<import("../MenuImperative/MenuImperative.types").OptionsProps & import("react").RefAttributes<HTMLDivElement>>;
     Search: {
@@ -14,29 +14,29 @@ export declare const StyledTieredSelect: import("styled-components/dist/types").
         displayName: string;
     };
 }, keyof import("react").Component<any, {}, any>>;
-export declare const StyledTieredSelectIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledTieredSelectIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledTieredSelectArrowButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledTieredSelectBreadcrumbs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("..").DivAttributes & import("..").BreadcrumbProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
+export declare const StyledTieredSelectBreadcrumbs: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BreadcrumbProps & import("react").RefAttributes<HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
 }, {
     $nonInteractive: boolean;
-}>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").BreadcrumbProps & import("react").RefAttributes<HTMLElement>> & {
-    Crumb: import("react").ForwardRefExoticComponent<((import("../_utils/types").LiAttributes & import("..").BreadcrumbCrumbProps) | (import("..").DivAttributes & import("..").BreadcrumbCrumbProps)) & import("react").RefAttributes<HTMLDivElement | HTMLLIElement>>;
+}>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").BreadcrumbProps & import("react").RefAttributes<HTMLElement>> & {
+    Crumb: import("react").ForwardRefExoticComponent<((import("react").LiHTMLAttributes<HTMLLIElement> & import("..").BreadcrumbCrumbProps) | (import("react").HTMLAttributes<HTMLDivElement> & import("..").BreadcrumbCrumbProps)) & import("react").RefAttributes<HTMLDivElement | HTMLLIElement>>;
 }, keyof import("react").Component<any, {}, any>>;
-export declare const StyledTieredSelectHome: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledTieredSelectHome: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledTieredSelectOption: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../_utils/polymorphic").PolymorphicAs.ComponentPropsWithRef<import("../MenuImperative/MenuImperative.types").MenuItemProps, import("../MenuImperative/MenuImperative.types").MenuItemDefaultElement> & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("../_utils/polymorphic").PolymorphicAs.ComponentWithForwardedRef<import("../MenuImperative/MenuImperative.types").MenuItemProps, import("../MenuImperative/MenuImperative.types").MenuItemDefaultElement>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledTieredSelectLoadingMore: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledTieredSelectLoadingMore: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledTieredSelectOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").FlexProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledTieredSelectOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").DivAttributes & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("..").CardProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledTieredSelectSpinnerOverlay: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").SpinnerProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").SpinnerProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/TieredSelect/TieredSelect.styles.js

@@ -9,19 +9,19 @@ import { colors } from '../_styles/colors';
 import { spacing } from '../_styles/spacing';
 export var StyledTieredSelect = /*#__PURE__*/styled(MenuImperative).withConfig({
   displayName: "StyledTieredSelect",
-  componentId: "core-12_25_0__sc-e1ql06-0"
+  componentId: "core-12_25_2__sc-e1ql06-0"
 })(["align-items:stretch;max-height:40vh;"]);
 export var StyledTieredSelectIcon = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectIcon",
-  componentId: "core-12_25_0__sc-e1ql06-1"
+  componentId: "core-12_25_2__sc-e1ql06-1"
 })(["height:24px;width:24px;"]);
 export var StyledTieredSelectArrowButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledTieredSelectArrowButton",
-  componentId: "core-12_25_0__sc-e1ql06-2"
+  componentId: "core-12_25_2__sc-e1ql06-2"
 })(["border:1px solid transparent;"]);
 export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).withConfig({
   displayName: "StyledTieredSelectBreadcrumbs",
-  componentId: "core-12_25_0__sc-e1ql06-3"
+  componentId: "core-12_25_2__sc-e1ql06-3"
 })(["background-color:", ";flex-wrap:wrap;margin-top:", "px;max-height:68px;overflow-y:auto;padding:", "px ", "px;", ""], colors.gray96, spacing.sm, spacing.xs, spacing.md, function (_ref) {
   var $nonInteractive = _ref.$nonInteractive;
   if ($nonInteractive) {
@@ -30,22 +30,22 @@ export var StyledTieredSelectBreadcrumbs = /*#__PURE__*/styled(Breadcrumbs).with
 });
 export var StyledTieredSelectHome = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectHome",
-  componentId: "core-12_25_0__sc-e1ql06-4"
+  componentId: "core-12_25_2__sc-e1ql06-4"
 })(["height:20px;"]);
 export var StyledTieredSelectOption = /*#__PURE__*/styled(MenuImperative.Item).withConfig({
   displayName: "StyledTieredSelectOption",
-  componentId: "core-12_25_0__sc-e1ql06-5"
+  componentId: "core-12_25_2__sc-e1ql06-5"
 })(["align-items:center;display:flex;justify-content:space-between;padding:2px ", "px;"], spacing.lg);
 export var StyledTieredSelectLoadingMore = /*#__PURE__*/styled(Flex).withConfig({
   displayName: "StyledTieredSelectLoadingMore",
-  componentId: "core-12_25_0__sc-e1ql06-6"
+  componentId: "core-12_25_2__sc-e1ql06-6"
 })(["align-items:center;justify-content:center;padding:", "px ", "px 0px ", "px;"], spacing.xs, spacing.lg, spacing.lg);
 export var StyledTieredSelectOverlay = /*#__PURE__*/styled(Card).withConfig({
   displayName: "StyledTieredSelectOverlay",
-  componentId: "core-12_25_0__sc-e1ql06-7"
+  componentId: "core-12_25_2__sc-e1ql06-7"
 })(["max-width:248px;min-width:inherit;"]);
 export var StyledTieredSelectSpinnerOverlay = /*#__PURE__*/styled(Spinner).withConfig({
   displayName: "StyledTieredSelectSpinnerOverlay",
-  componentId: "core-12_25_0__sc-e1ql06-8"
+  componentId: "core-12_25_2__sc-e1ql06-8"
 })(["min-height:auto;"]);
 //# sourceMappingURL=TieredSelect.styles.js.map

package/dist/Tile/Tile.styles.d.ts

@@ -12,7 +12,7 @@ export declare const StyledSelectableTile: import("styled-components/dist/types"
 }>> & string;
 export declare const StyledInteractableTile: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledTile>> & string;
 export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledTileContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledTileContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>, never>> & string;
 export declare const StyledHeroMedia: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {

package/dist/Tile/Tile.styles.js

@@ -44,7 +44,7 @@ var getTileStyles = function getTileStyles(_ref) {
 };
 export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
   displayName: "StyledLinkTile",
-  componentId: "core-12_25_0__sc-8q9p0n-0"
+  componentId: "core-12_25_2__sc-8q9p0n-0"
 })(["", " text-decoration:none;color:inherit;"], function (_ref2) {
   var $orientation = _ref2.$orientation;
   return getTileStyles({
@@ -54,7 +54,7 @@ export var StyledLinkTile = /*#__PURE__*/styled.a.withConfig({
 });
 export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledSelectableTile",
-  componentId: "core-12_25_0__sc-8q9p0n-1"
+  componentId: "core-12_25_2__sc-8q9p0n-1"
 })(["", ""], function (_ref3) {
   var $orientation = _ref3.$orientation,
     $selected = _ref3.$selected,
@@ -72,7 +72,7 @@ export var StyledSelectableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledInteractableTile",
-  componentId: "core-12_25_0__sc-8q9p0n-2"
+  componentId: "core-12_25_2__sc-8q9p0n-2"
 })(["", ""], function (_ref4) {
   var $orientation = _ref4.$orientation;
   return getTileStyles({
@@ -81,26 +81,26 @@ export var StyledInteractableTile = /*#__PURE__*/styled.div.withConfig({
 });
 export var StyledFooter = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledFooter",
-  componentId: "core-12_25_0__sc-8q9p0n-3"
+  componentId: "core-12_25_2__sc-8q9p0n-3"
 })(["grid-area:footer;padding:", "px;> ", "{flex-wrap:wrap-reverse;}"], spacing.lg, StyledActions);
 export var StyledTileContent = /*#__PURE__*/styled(StyledContent).withConfig({
   displayName: "StyledTileContent",
-  componentId: "core-12_25_0__sc-8q9p0n-4"
+  componentId: "core-12_25_2__sc-8q9p0n-4"
 })(["grid-column-start:hero-start;grid-column-end:body-end;padding:", "px;+ ", "{padding-top:0;}> ", ",> ", " > ", ",> ", "{grid-column-gap:", "px;}"], spacing.lg, StyledFooter, SFormRow, SForm, SFormRow, SFormRow, spacing.md);
 export var StyledHeroMedia = /*#__PURE__*/styled.figure.withConfig({
   displayName: "StyledHeroMedia",
-  componentId: "core-12_25_0__sc-8q9p0n-5"
+  componentId: "core-12_25_2__sc-8q9p0n-5"
 })(["grid-area:hero;margin:0;position:relative;overflow:hidden;font-size:0;> *{font-size:initial;}+ ", "{grid-area:body;}> video{background-color:", ";}> img,> picture > img{object-fit:cover;}", ""], StyledTileContent, colors.black, function (_ref5) {
   var $orientation = _ref5.$orientation;
   return $orientation === 'landscape' && !isIE11() ? css(["border-top-left-radius:inherit;border-bottom-left-radius:inherit;> *,> picture > img{height:100%;width:100%;position:absolute;}@media ", "{> picture > img,> img{width:auto;left:50%;transform:translate(-50%,0);}}"], mediaIE11Hack) : css(["min-height:156px;max-height:567px;border-top-left-radius:inherit;border-top-right-radius:inherit;> *,> picture > img{min-height:inherit;max-height:inherit;height:auto;width:100%;}"]);
 });
 export var StyledHeroOverlay = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroOverlay",
-  componentId: "core-12_25_0__sc-8q9p0n-6"
+  componentId: "core-12_25_2__sc-8q9p0n-6"
 })(["position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;"]);
 export var StyledHeroText = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledHeroText",
-  componentId: "core-12_25_0__sc-8q9p0n-7"
+  componentId: "core-12_25_2__sc-8q9p0n-7"
 })(["grid-area:hero;+ ", "{grid-area:body;}padding:", "px;border-radius:inherit;", ""], StyledTileContent, spacing.lg, function (_ref6) {
   var $orientation = _ref6.$orientation;
   return $orientation === 'landscape' ? css(["display:flex;flex-direction:column;justify-content:center;padding-right:0;"]) : css(["padding-bottom:0;"]);

package/dist/Tile/Tile.types.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-import type { AnchorAttributes, DivAttributes, Props } from '../_utils/types';
+import type { Props } from '../_utils/types';
 export interface HeroTextProps extends Props {
 }
 export interface HeroMediaProps extends Props {
@@ -12,21 +12,21 @@ export interface TileCommonProps extends Props {
      */
     orientation: 'portrait' | 'landscape';
 }
-export interface InteractableTileProps extends TileCommonProps, DivAttributes {
+export interface InteractableTileProps extends TileCommonProps, React.HTMLAttributes<HTMLDivElement> {
     /**
      * To change tile behaviour
      * @since 10.19.0
      */
     variant?: 'interactive';
 }
-export interface LinkTileProps extends TileCommonProps, AnchorAttributes {
+export interface LinkTileProps extends TileCommonProps, React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /**
      * To change tile behaviour
      * @since 10.19.0
      */
     variant?: 'link';
 }
-export interface SelectableTileProps extends TileCommonProps, Omit<DivAttributes, 'onClick'> {
+export interface SelectableTileProps extends TileCommonProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {
     /**
      * To change tile behaviour
      * @since 10.19.0

package/dist/Tile/Tile.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tile.types.js","names":[],"sources":["../../src/Tile/Tile.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { AnchorAttributes, DivAttributes, Props } from '../_utils/types'\n\nexport interface HeroTextProps extends Props {}\nexport interface HeroMediaProps extends Props {\n  overlay?: boolean\n  onOverlayClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport interface TileCommonProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  orientation: 'portrait' | 'landscape'\n}\n\nexport interface InteractableTileProps extends TileCommonProps, DivAttributes {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'interactive'\n}\n\nexport interface LinkTileProps extends TileCommonProps, AnchorAttributes {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'link'\n}\n\nexport interface SelectableTileProps\n  extends TileCommonProps,\n    Omit<DivAttributes, 'onClick'> {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'selectable'\n\n  /**\n   * A function for controlling `selected` Tile prop.\n   * @since 10.19.0\n   */\n  onClick?: () => {}\n\n  /**\n   * Only with selectable variant.\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Only with selectable variant.\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n}\n\nexport type TileProps =\n  | SelectableTileProps\n  | InteractableTileProps\n  | LinkTileProps\n"],"mappings":""}
+{"version":3,"file":"Tile.types.js","names":[],"sources":["../../src/Tile/Tile.types.ts"],"sourcesContent":["import type React from 'react'\nimport type { Props } from '../_utils/types'\n\nexport interface HeroTextProps extends Props {}\nexport interface HeroMediaProps extends Props {\n  overlay?: boolean\n  onOverlayClick?: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport interface TileCommonProps extends Props {\n  /**\n   * @since 10.19.0\n   */\n  orientation: 'portrait' | 'landscape'\n}\n\nexport interface InteractableTileProps\n  extends TileCommonProps,\n    React.HTMLAttributes<HTMLDivElement> {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'interactive'\n}\n\nexport interface LinkTileProps\n  extends TileCommonProps,\n    React.AnchorHTMLAttributes<HTMLAnchorElement> {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'link'\n}\n\nexport interface SelectableTileProps\n  extends TileCommonProps,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * To change tile behaviour\n   * @since 10.19.0\n   */\n  variant?: 'selectable'\n\n  /**\n   * A function for controlling `selected` Tile prop.\n   * @since 10.19.0\n   */\n  onClick?: () => {}\n\n  /**\n   * Only with selectable variant.\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * Only with selectable variant.\n   * @default false\n   * @since 10.19.0\n   */\n  disabled?: boolean\n}\n\nexport type TileProps =\n  | SelectableTileProps\n  | InteractableTileProps\n  | LinkTileProps\n"],"mappings":""}

package/dist/Title/Title.d.ts

@@ -1,10 +1,9 @@
 import React from 'react';
-import type { DivAttributes } from '../_utils/types';
 import type { TitleAssetsProps, TitleProps } from './Title.types';
 export declare const Title: React.ForwardRefExoticComponent<TitleProps & React.RefAttributes<HTMLDivElement>> & {
-    Pills: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
-    Text: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
-    Subtext: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
-    Actions: React.ForwardRefExoticComponent<DivAttributes & React.RefAttributes<HTMLDivElement>>;
-    Assets: React.ForwardRefExoticComponent<DivAttributes & TitleAssetsProps & React.RefAttributes<HTMLDivElement>>;
+    Pills: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Subtext: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Actions: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+    Assets: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & TitleAssetsProps & React.RefAttributes<HTMLDivElement>>;
 };

package/dist/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["React","addSubcomponents","slotify","StyledAssets","StyledSubtext","StyledText","StyledTitle","StyledTitleActions","StyledTitleContent","StyledTitlePill","isValidElement","element","Boolean","Title_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","_slotify","pills","TitlePills","text","TitleText","subtext","TitleSubtext","actions","TitleActions","assets","TitleAssets","hasActions","slotChildren","hasAssets","hasPills","hasText","hasSubtext","isEmpty","every","el","createElement","_extends","slotRef","slotProps","$hasActions","color","Title","Pills","Text","Subtext","Actions","Assets"],"sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { slotify } from '../_utils/slotify'\nimport type { DivAttributes } from '../_utils/types'\nimport {\n  StyledAssets,\n  StyledSubtext,\n  StyledText,\n  StyledTitle,\n  StyledTitleActions,\n  StyledTitleContent,\n  StyledTitlePill,\n} from './Title.styles'\nimport type { TitleAssetsProps, TitleProps } from './Title.types'\n\nfunction isValidElement(element: unknown) {\n  return Boolean(element)\n}\n\nconst Title_ = React.forwardRef<HTMLDivElement, TitleProps>(function Title_(\n  { children, ...props },\n  ref\n) {\n  const { pills, text, subtext, actions, assets } = slotify(children, {\n    pills: TitlePills,\n    text: TitleText,\n    subtext: TitleSubtext,\n    actions: TitleActions,\n    assets: TitleAssets,\n  })\n\n  const hasActions = isValidElement(actions.slotChildren)\n  const hasAssets = isValidElement(assets.slotChildren)\n  const hasPills = isValidElement(pills.slotChildren)\n  const hasText = isValidElement(text.slotChildren)\n  const hasSubtext = isValidElement(subtext.slotChildren)\n  const isEmpty = [hasActions, hasAssets, hasPills, hasText, hasSubtext].every(\n    (el) => !el\n  )\n\n  if (isEmpty) {\n    return null\n  }\n\n  return (\n    <StyledTitle ref={ref} {...props}>\n      {hasAssets && (\n        <StyledAssets ref={assets.slotRef} {...assets.slotProps}>\n          {assets.slotChildren}\n        </StyledAssets>\n      )}\n      <StyledTitleContent $hasActions={hasActions}>\n        {hasText && (\n          <StyledText ref={text.slotRef} {...text.slotProps}>\n            {text.slotChildren}\n          </StyledText>\n        )}\n        {hasPills && (\n          <StyledTitlePill ref={pills.slotRef} {...pills.slotProps}>\n            {pills.slotChildren}\n          </StyledTitlePill>\n        )}\n        {hasSubtext && (\n          <StyledSubtext\n            ref={subtext.slotRef}\n            {...subtext.slotProps}\n            color=\"gray45\"\n          >\n            {subtext.slotChildren}\n          </StyledSubtext>\n        )}\n      </StyledTitleContent>\n      {hasActions && (\n        <StyledTitleActions ref={actions.slotRef} {...actions.slotProps}>\n          {actions.slotChildren}\n        </StyledTitleActions>\n      )}\n    </StyledTitle>\n  )\n})\n\nconst TitlePills = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitlePills() {\n    return <div />\n  }\n)\nconst TitleText = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleText() {\n    return <div />\n  }\n)\nconst TitleSubtext = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleSubtext() {\n    return <div />\n  }\n)\nconst TitleActions = React.forwardRef<HTMLDivElement, DivAttributes>(\n  function TitleActions() {\n    return <div />\n  }\n)\nconst TitleAssets = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & TitleAssetsProps\n>(function TitleAssets() {\n  return <div />\n})\n\nexport const Title = addSubcomponents(\n  {\n    Pills: TitlePills,\n    Text: TitleText,\n    Subtext: TitleSubtext,\n    Actions: TitleActions,\n    Assets: TitleAssets,\n  },\n  Title_\n)\n"],"mappings":"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"}
+{"version":3,"file":"Title.js","names":["React","addSubcomponents","slotify","StyledAssets","StyledSubtext","StyledText","StyledTitle","StyledTitleActions","StyledTitleContent","StyledTitlePill","isValidElement","element","Boolean","Title_","forwardRef","_ref","ref","children","props","_objectWithoutProperties","_excluded","_slotify","pills","TitlePills","text","TitleText","subtext","TitleSubtext","actions","TitleActions","assets","TitleAssets","hasActions","slotChildren","hasAssets","hasPills","hasText","hasSubtext","isEmpty","every","el","createElement","_extends","slotRef","slotProps","$hasActions","color","Title","Pills","Text","Subtext","Actions","Assets"],"sources":["../../src/Title/Title.tsx"],"sourcesContent":["import React from 'react'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { slotify } from '../_utils/slotify'\nimport {\n  StyledAssets,\n  StyledSubtext,\n  StyledText,\n  StyledTitle,\n  StyledTitleActions,\n  StyledTitleContent,\n  StyledTitlePill,\n} from './Title.styles'\nimport type { TitleAssetsProps, TitleProps } from './Title.types'\n\nfunction isValidElement(element: unknown) {\n  return Boolean(element)\n}\n\nconst Title_ = React.forwardRef<HTMLDivElement, TitleProps>(function Title_(\n  { children, ...props },\n  ref\n) {\n  const { pills, text, subtext, actions, assets } = slotify(children, {\n    pills: TitlePills,\n    text: TitleText,\n    subtext: TitleSubtext,\n    actions: TitleActions,\n    assets: TitleAssets,\n  })\n\n  const hasActions = isValidElement(actions.slotChildren)\n  const hasAssets = isValidElement(assets.slotChildren)\n  const hasPills = isValidElement(pills.slotChildren)\n  const hasText = isValidElement(text.slotChildren)\n  const hasSubtext = isValidElement(subtext.slotChildren)\n  const isEmpty = [hasActions, hasAssets, hasPills, hasText, hasSubtext].every(\n    (el) => !el\n  )\n\n  if (isEmpty) {\n    return null\n  }\n\n  return (\n    <StyledTitle ref={ref} {...props}>\n      {hasAssets && (\n        <StyledAssets ref={assets.slotRef} {...assets.slotProps}>\n          {assets.slotChildren}\n        </StyledAssets>\n      )}\n      <StyledTitleContent $hasActions={hasActions}>\n        {hasText && (\n          <StyledText ref={text.slotRef} {...text.slotProps}>\n            {text.slotChildren}\n          </StyledText>\n        )}\n        {hasPills && (\n          <StyledTitlePill ref={pills.slotRef} {...pills.slotProps}>\n            {pills.slotChildren}\n          </StyledTitlePill>\n        )}\n        {hasSubtext && (\n          <StyledSubtext\n            ref={subtext.slotRef}\n            {...subtext.slotProps}\n            color=\"gray45\"\n          >\n            {subtext.slotChildren}\n          </StyledSubtext>\n        )}\n      </StyledTitleContent>\n      {hasActions && (\n        <StyledTitleActions ref={actions.slotRef} {...actions.slotProps}>\n          {actions.slotChildren}\n        </StyledTitleActions>\n      )}\n    </StyledTitle>\n  )\n})\n\nconst TitlePills = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function TitlePills() {\n  return <div />\n})\nconst TitleText = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function TitleText() {\n  return <div />\n})\nconst TitleSubtext = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function TitleSubtext() {\n  return <div />\n})\nconst TitleActions = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(function TitleActions() {\n  return <div />\n})\nconst TitleAssets = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & TitleAssetsProps\n>(function TitleAssets() {\n  return <div />\n})\n\nexport const Title = addSubcomponents(\n  {\n    Pills: TitlePills,\n    Text: TitleText,\n    Subtext: TitleSubtext,\n    Actions: TitleActions,\n    Assets: TitleAssets,\n  },\n  Title_\n)\n"],"mappings":"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"}

package/dist/Title/Title.styles.d.ts

@@ -7,9 +7,9 @@ export declare const StyledTitleContent: import("styled-components/dist/types").
 }>> & string;
 export declare const StyledText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
 export declare const StyledTitlePill: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledTitleActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("..").DivAttributes & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+export declare const StyledTitleActions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLDivElement> & import("..").BoxProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>, never>> & string;
-export declare const StyledSubtext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
+export declare const StyledSubtext: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("..").SpanAttributes & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("..").TypographyProps & import("react").RefAttributes<HTMLSpanElement>>, keyof import("react").Component<any, {}, any>>;

package/dist/Title/Title.styles.js

@@ -5,36 +5,36 @@ import { Typography } from '../Typography/Typography';
 import { spacing } from '../_styles/spacing';
 export var StyledTitle = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitle",
-  componentId: "core-12_25_0__sc-1t2ye1d-0"
+  componentId: "core-12_25_2__sc-1t2ye1d-0"
 })(["display:flex;align-items:flex-start;"]);
 export var StyledAssets = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledAssets",
-  componentId: "core-12_25_0__sc-1t2ye1d-1"
+  componentId: "core-12_25_2__sc-1t2ye1d-1"
 })(["margin-right:", "px;", ""], spacing.md, function (_ref) {
   var alignment = _ref.alignment;
   return css(["align-self:", ";"], alignment);
 });
 export var StyledTitleContent = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledTitleContent",
-  componentId: "core-12_25_0__sc-1t2ye1d-2"
+  componentId: "core-12_25_2__sc-1t2ye1d-2"
 })(["align-self:center;", ""], function (_ref2) {
   var $hasActions = _ref2.$hasActions;
   return $hasActions && css(["margin-right:", "px;"], spacing.lg);
 });
 export var StyledText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledText",
-  componentId: "core-12_25_0__sc-1t2ye1d-3"
+  componentId: "core-12_25_2__sc-1t2ye1d-3"
 })(["> h1,> h2,> h3{display:inline;}"]);
 export var StyledTitlePill = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledTitlePill",
-  componentId: "core-12_25_0__sc-1t2ye1d-4"
+  componentId: "core-12_25_2__sc-1t2ye1d-4"
 })(["margin-left:", "px;", "{vertical-align:text-top;}"], spacing.sm, StyledPill);
 export var StyledTitleActions = /*#__PURE__*/styled(StyledActions).withConfig({
   displayName: "StyledTitleActions",
-  componentId: "core-12_25_0__sc-1t2ye1d-5"
+  componentId: "core-12_25_2__sc-1t2ye1d-5"
 })(["margin-left:auto;"]);
 export var StyledSubtext = /*#__PURE__*/styled(Typography).withConfig({
   displayName: "StyledSubtext",
-  componentId: "core-12_25_0__sc-1t2ye1d-6"
+  componentId: "core-12_25_2__sc-1t2ye1d-6"
 })(["display:block;margin-top:", "px;"], spacing.xs);
 //# sourceMappingURL=Title.styles.js.map

package/dist/Title/Title.types.d.ts

@@ -1,5 +1,5 @@
-import type { DivAttributes } from '../_utils/types';
-export interface TitleProps extends DivAttributes {
+/// <reference types="react" />
+export interface TitleProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export interface TitleAssetsProps {
     /**

package/dist/Title/Title.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Title.types.js","names":[],"sources":["../../src/Title/Title.types.ts"],"sourcesContent":["import type { DivAttributes } from '../_utils/types'\n\nexport interface TitleProps extends DivAttributes {}\n\nexport interface TitleAssetsProps {\n  /**\n   * Alias for `align-self` css property.\n   * @since 11.26.0\n   */\n  alignment?:\n    | 'auto'\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'baseline'\n    | 'stretch'\n}\n"],"mappings":""}
+{"version":3,"file":"Title.types.js","names":[],"sources":["../../src/Title/Title.types.ts"],"sourcesContent":["export interface TitleProps extends React.HTMLAttributes<HTMLDivElement> {}\n\nexport interface TitleAssetsProps {\n  /**\n   * Alias for `align-self` css property.\n   * @since 11.26.0\n   */\n  alignment?:\n    | 'auto'\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'baseline'\n    | 'stretch'\n}\n"],"mappings":""}

package/dist/Toast/Toast.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
-import type { ButtonAttributes, DivAttributes, Props, SpanAttributes } from '../_utils/types';
 import type { ToastProps } from './Toast.types';
-export declare const Toast_: React.ForwardRefExoticComponent<DivAttributes & ToastProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Toast_: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ToastProps & React.RefAttributes<HTMLDivElement>>;
 /**
 
  We use toasts to temporarily display information to a user. For example,
@@ -19,7 +18,7 @@ export declare const Toast_: React.ForwardRefExoticComponent<DivAttributes & Toa
  @see [Design Guidelines](https://design.procore.com/toast)
 
  */
-export declare const Toast: React.ForwardRefExoticComponent<DivAttributes & ToastProps & React.RefAttributes<HTMLDivElement>> & {
-    Dismiss: React.ForwardRefExoticComponent<ButtonAttributes & Props & React.RefAttributes<HTMLButtonElement>>;
-    Text: React.ForwardRefExoticComponent<SpanAttributes & Props & React.RefAttributes<HTMLSpanElement>>;
+export declare const Toast: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & ToastProps & React.RefAttributes<HTMLDivElement>> & {
+    Dismiss: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
+    Text: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLSpanElement> & React.RefAttributes<HTMLSpanElement>>;
 };

package/dist/Toast/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport type {\n  ButtonAttributes,\n  DivAttributes,\n  Props,\n  SpanAttributes,\n} from '../_utils/types'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<HTMLSpanElement, SpanAttributes & Props>(\n  function Label({ children, ...props }, ref) {\n    return (\n      <StyledToastText\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n      </StyledToastText>\n    )\n  }\n)\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<HTMLButtonElement, ButtonAttributes & Props>(\n  function ToastDismiss({ ...props }, ref) {\n    const I18n = useI18nContext()\n    return (\n      <StyledToastButton\n        ref={ref}\n        variant=\"tertiary\"\n        aria-hidden=\"false\"\n        aria-label={I18n.t('core.toast.a11y.dismiss')}\n        {...props}\n      >\n        <Clear />\n      </StyledToastButton>\n    )\n  }\n)\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  DivAttributes & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  return (\n    <StyledToast {...props} $variant={variant} ref={ref}>\n      {variant === 'success' ? <Check size=\"lg\" /> : <Error size=\"lg\" />}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":";;;;;;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAO7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAC3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACjC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IACd,aAAU,WAAW;IACrB,eAAY,MAAM;IAClBN,GAAG,EAAEA;EAAI,GACLE,KAAK,GAERD,QACc,CAAC;AAEtB,CACF,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,OAAO,gBAAGjB,KAAK,CAACO,UAAU,CAC9B,SAASW,YAAYA,CAAAC,KAAA,EAAeT,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAI,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAC9B,IAAME,IAAI,GAAGpB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTY,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CX,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CACF,CAAC;AAED,OAAO,IAAM0B,MAAM,gBAAGxB,KAAK,CAACO,UAAU,CAGpC,SAASkB,KAAKA,CAAAC,KAAA,EAAkChB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEW,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKV,KAAK,GAAAC,wBAAA,CAAAa,KAAA,EAAAC,UAAA;EAC5C,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEgB,QAAQ,EAAEN,OAAQ;IAACZ,GAAG,EAAEA;EAAI,IACjDY,OAAO,KAAK,SAAS,gBAAGtB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACgC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG7B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC8B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOlB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACyB,OAAO;EAAA,GAAEnB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFa,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrCzB,IAAI,CAACyB,WAAW,GAAG,YAAY;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMN,KAAK,GAAGvB,gBAAgB,CACnC;EACEe,OAAO,EAAPA,OAAO;EACPX,IAAI,EAAJA;AACF,CAAC,EACDkB,MACF,CAAC"}
+{"version":3,"file":"Toast.js","names":["Check","Clear","Error","React","useI18nContext","addSubcomponents","StyledToast","StyledToastButton","StyledToastText","Text","forwardRef","Label","_ref","ref","children","props","_objectWithoutProperties","_excluded","createElement","_extends","Dismiss","ToastDismiss","_ref2","_objectDestructuringEmpty","I18n","variant","t","Toast_","Toast","_ref3","_excluded2","$variant","size","$legacy","displayName"],"sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import { Check, Clear, Error } from '@procore/core-icons'\nimport React from 'react'\nimport { useI18nContext } from '../_hooks/I18n'\nimport { addSubcomponents } from '../_utils/addSubcomponents'\nimport { StyledToast, StyledToastButton, StyledToastText } from './Toast.styles'\nimport type { ToastProps } from './Toast.types'\n\n/**\n * Toasts are concise and are written in sentence case with punctuation.\n * Toasts have a suggested character count limit of 65.\n\n  @since 11.12.0\n */\nconst Text = React.forwardRef<\n  HTMLSpanElement,\n  React.HTMLAttributes<HTMLSpanElement>\n>(function Label({ children, ...props }, ref) {\n  return (\n    <StyledToastText\n      aria-live=\"assertive\"\n      aria-atomic=\"true\"\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </StyledToastText>\n  )\n})\n\n/**\n Button to dismiss/close/hide the Toast. For accessible 'enough time' patterns,\n Toasts can be extended and have an action to dismiss the Toast. Otherwise,\n Toasts do not present the user with an action. If an action needs to be performed\n because of the particular message, use a banner.\n\n @since 11.12.0\n\n */\nconst Dismiss = React.forwardRef<\n  HTMLButtonElement,\n  React.ButtonHTMLAttributes<HTMLButtonElement>\n>(function ToastDismiss({ ...props }, ref) {\n  const I18n = useI18nContext()\n  return (\n    <StyledToastButton\n      ref={ref}\n      variant=\"tertiary\"\n      aria-hidden=\"false\"\n      aria-label={I18n.t('core.toast.a11y.dismiss')}\n      {...props}\n    >\n      <Clear />\n    </StyledToastButton>\n  )\n})\n\nexport const Toast_ = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & ToastProps\n>(function Toast({ children, variant, ...props }, ref) {\n  return (\n    <StyledToast {...props} $variant={variant} ref={ref}>\n      {variant === 'success' ? <Check size=\"lg\" /> : <Error size=\"lg\" />}\n      {typeof children === 'string' ||\n      (children && typeof (children as Array<unknown>)[0] === 'string') ? (\n        // legacy path automates and wraps direct text with the subcomponent\n        <StyledToastText $legacy>{children}</StyledToastText>\n      ) : (\n        children\n      )}\n    </StyledToast>\n  )\n})\n\nToast_.displayName = 'Toast'\nDismiss.displayName = 'Toast.Dismiss'\nText.displayName = 'Toast.Text'\n\n/**\n\n We use toasts to temporarily display information to a user. For example,\n as a confirmation that an action was successfully or unsuccessfully completed.\n\n Toasts do not present the user with an action. If an action needs to be\n performed because of the particular message, use a banner. However, for\n accessible 'enough time' patterns, Toasts can be extended and can have\n an action to dismiss the Toast.\n\n @since 10.19.0\n\n @see [Storybook](https://stories.core.procore.com/?path=/story/core-react_demos-toast--demo)\n\n @see [Design Guidelines](https://design.procore.com/toast)\n\n */\nexport const Toast = addSubcomponents(\n  {\n    Dismiss,\n    Text,\n  },\n  Toast_\n)\n"],"mappings":";;;;;;AAAA,SAASA,KAAK,EAAEC,KAAK,EAAEC,KAAK,QAAQ,qBAAqB;AACzD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,gBAAgB,QAAQ,4BAA4B;AAC7D,SAASC,WAAW,EAAEC,iBAAiB,EAAEC,eAAe,QAAQ,gBAAgB;AAGhF;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,IAAI,gBAAGN,KAAK,CAACO,UAAU,CAG3B,SAASC,KAAKA,CAAAC,IAAA,EAAyBC,GAAG,EAAE;EAAA,IAA3BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EACnC,oBACEd,KAAA,CAAAe,aAAA,CAACV,eAAe,EAAAW,QAAA;IACd,aAAU,WAAW;IACrB,eAAY,MAAM;IAClBN,GAAG,EAAEA;EAAI,GACLE,KAAK,GAERD,QACc,CAAC;AAEtB,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMM,OAAO,gBAAGjB,KAAK,CAACO,UAAU,CAG9B,SAASW,YAAYA,CAAAC,KAAA,EAAeT,GAAG,EAAE;EAAA,IAAdE,KAAK,GAAAI,QAAA,MAAAI,yBAAA,CAAAD,KAAA,GAAAA,KAAA;EAChC,IAAME,IAAI,GAAGpB,cAAc,CAAC,CAAC;EAC7B,oBACED,KAAA,CAAAe,aAAA,CAACX,iBAAiB,EAAAY,QAAA;IAChBN,GAAG,EAAEA,GAAI;IACTY,OAAO,EAAC,UAAU;IAClB,eAAY,OAAO;IACnB,cAAYD,IAAI,CAACE,CAAC,CAAC,yBAAyB;EAAE,GAC1CX,KAAK,gBAETZ,KAAA,CAAAe,aAAA,CAACjB,KAAK,MAAE,CACS,CAAC;AAExB,CAAC,CAAC;AAEF,OAAO,IAAM0B,MAAM,gBAAGxB,KAAK,CAACO,UAAU,CAGpC,SAASkB,KAAKA,CAAAC,KAAA,EAAkChB,GAAG,EAAE;EAAA,IAApCC,QAAQ,GAAAe,KAAA,CAARf,QAAQ;IAAEW,OAAO,GAAAI,KAAA,CAAPJ,OAAO;IAAKV,KAAK,GAAAC,wBAAA,CAAAa,KAAA,EAAAC,UAAA;EAC5C,oBACE3B,KAAA,CAAAe,aAAA,CAACZ,WAAW,EAAAa,QAAA,KAAKJ,KAAK;IAAEgB,QAAQ,EAAEN,OAAQ;IAACZ,GAAG,EAAEA;EAAI,IACjDY,OAAO,KAAK,SAAS,gBAAGtB,KAAA,CAAAe,aAAA,CAAClB,KAAK;IAACgC,IAAI,EAAC;EAAI,CAAE,CAAC,gBAAG7B,KAAA,CAAAe,aAAA,CAAChB,KAAK;IAAC8B,IAAI,EAAC;EAAI,CAAE,CAAC,EACjE,OAAOlB,QAAQ,KAAK,QAAQ,IAC5BA,QAAQ,IAAI,OAAQA,QAAQ,CAAoB,CAAC,CAAC,KAAK,QAAS;EAAA;EAC/D;EACAX,KAAA,CAAAe,aAAA,CAACV,eAAe;IAACyB,OAAO;EAAA,GAAEnB,QAA0B,CAAC,GAErDA,QAES,CAAC;AAElB,CAAC,CAAC;AAEFa,MAAM,CAACO,WAAW,GAAG,OAAO;AAC5Bd,OAAO,CAACc,WAAW,GAAG,eAAe;AACrCzB,IAAI,CAACyB,WAAW,GAAG,YAAY;;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMN,KAAK,GAAGvB,gBAAgB,CACnC;EACEe,OAAO,EAAPA,OAAO;EACPX,IAAI,EAAJA;AACF,CAAC,EACDkB,MACF,CAAC"}

package/dist/Toast/Toast.styles.js

@@ -7,7 +7,7 @@ import { getShadow } from '../_styles/shadows';
 import { spacing } from '../_styles/spacing';
 export var StyledToast = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledToast",
-  componentId: "core-12_25_0__sc-1l6lk2n-0"
+  componentId: "core-12_25_2__sc-1l6lk2n-0"
 })(["", " align-items:center;background-color:", ";border-radius:", "px;color:", ";display:flex;min-height:48px;padding:", "px ", "px;width:550px;"], getShadow(4, 'bottom'), function (_ref) {
   var $variant = _ref.$variant;
   return $variant === 'success' ? colors.green30 : colors.red50;
@@ -16,13 +16,13 @@ export var StyledToast = /*#__PURE__*/styled.div.withConfig({
 // $legacy is direct string inside Toast. Next is with subcomponents
 export var StyledToastText = /*#__PURE__*/styled.span.withConfig({
   displayName: "StyledToastText",
-  componentId: "core-12_25_0__sc-1l6lk2n-1"
+  componentId: "core-12_25_2__sc-1l6lk2n-1"
 })(["", " font-weight:", ";overflow:hidden;", ""], getTypographyIntent('body'), typographyWeights.semibold, function (_ref2) {
   var $legacy = _ref2.$legacy;
   return $legacy ? "margin-left: ".concat(spacing.lg, "px;") : "padding: 0 ".concat(spacing.lg, "px;");
 });
 export var StyledToastButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToastButton",
-  componentId: "core-12_25_0__sc-1l6lk2n-2"
+  componentId: "core-12_25_2__sc-1l6lk2n-2"
 })(["line-height:0;color:", ";padding:0;margin-left:auto;"], colors.white);
 //# sourceMappingURL=Toast.styles.js.map

package/dist/ToggleButton/ToggleButton.styles.js

@@ -3,7 +3,7 @@ import { Button } from '../Button/Button';
 import { colors } from '../_styles/colors';
 export var StyledToggleButton = /*#__PURE__*/styled(Button).withConfig({
   displayName: "StyledToggleButton",
-  componentId: "core-12_25_0__sc-1x59fxi-0"
+  componentId: "core-12_25_2__sc-1x59fxi-0"
 })(["", ""], function (_ref) {
   var $selected = _ref.$selected;
   return $selected && css(["background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}&:hover{background-color:", ";color:", ";}&:focus{background-color:", ";color:", ";}&:disabled{background-color:", ";color:", ";[data-icon-prop='true']{color:", ";}circle{stroke:", ";}}"], colors.blue96, colors.blue45, colors.blue50, colors.blue90, colors.blue45, colors.blue96, colors.blue45, colors.blue96, colors.blue70, colors.blue70, colors.blue50);

package/dist/ToggleButton/ToggleButton.types.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import type { ButtonSizes } from '../Button/Button.types';
-import type { ButtonAttributes } from '../_utils/types';
-export interface ToggleButtonProps extends ButtonAttributes {
+export interface ToggleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /**
      * Set the current value of the toggle button
      * @default false

package/dist/ToggleButton/ToggleButton.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToggleButton.types.js","names":[],"sources":["../../src/ToggleButton/ToggleButton.types.ts"],"sourcesContent":["import type { ButtonSizes } from '../Button/Button.types'\nimport type { ButtonAttributes } from '../_utils/types'\n\nexport interface ToggleButtonProps extends ButtonAttributes {\n  /**\n   * Set the current value of the toggle button\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * The icon to display on the left side of the label. This should be an\n   * icon from `@procore/core-icons`.\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n\n  /**\n   * Shows the toggle button spinner\n   * @since 12.13.0\n   */\n  loading?: boolean\n\n  /**\n   * The toggle button size\n   * @since 10.19.0\n   */\n  size?: ButtonSizes\n}\n"],"mappings":""}
+{"version":3,"file":"ToggleButton.types.js","names":[],"sources":["../../src/ToggleButton/ToggleButton.types.ts"],"sourcesContent":["import type { ButtonSizes } from '../Button/Button.types'\n\nexport interface ToggleButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Set the current value of the toggle button\n   * @default false\n   * @since 10.19.0\n   */\n  selected?: boolean\n\n  /**\n   * The icon to display on the left side of the label. This should be an\n   * icon from `@procore/core-icons`.\n   * @since 10.19.0\n   */\n  icon?: React.ReactNode\n\n  /**\n   * Shows the toggle button spinner\n   * @since 12.13.0\n   */\n  loading?: boolean\n\n  /**\n   * The toggle button size\n   * @since 10.19.0\n   */\n  size?: ButtonSizes\n}\n"],"mappings":""}