@arc-ui/components 11.21.0 → 11.22.0

package/dist/types/components/Filter/FilterItems/FilterItems.d.ts

@@ -5,6 +5,7 @@ export interface FilterItemsProps {
      * Render children of `<Filter.Items />`. This should only use `<Filter.Item />`
      */
     children: ReactNode;
+    error: ReactNode;
     /**
      * Determine the display style of `<Filter.Item />`
      */

package/dist/types/components/ImpactCard/ImpactCard.d.ts

@@ -0,0 +1,52 @@
+import React, { FC } from "react";
+import { HeadingLevel } from "../Heading/Heading";
+import { ImageProps } from "../Image/Image";
+import { CardFooterProps } from "../../private-components/CardFooter/CardFooter";
+export declare const ImpactCard: FC<ImpactCardProps>;
+type ImpactCardPathway = "light" | "dark";
+export interface ImpactCardProps {
+    /**
+     * Heading for the ImpactCard.
+     */
+    heading: string;
+    /**
+     * Url for the ImpactCard. Makes the whole card a link
+     */
+    url: string;
+    /**
+     * Sets a dark or light background for the ImpactCard.
+     */
+    pathway?: ImpactCardPathway;
+    /**
+     * Heading level for the ImpactCard heading.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Uppercase label for the ImpactCard.
+     */
+    label?: string;
+    /**
+     * Sets a minimum height for the ImpactCard.
+     */
+    minHeight?: number;
+    /**
+     * Click handler for the ImpactCard.
+     */
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    /**
+     * Object of `data-` attributes to render on internal anchor element, e.g.
+     * `{ data-analytics-link: "My link"}` => `<a data-analytics-link="My link">`.
+     */
+    linkData?: {
+        [key: string]: string;
+    };
+    /**
+     * Image props for the ImpactCard. Consider avoiding alt if the image is for decorative purposes only.
+     */
+    img: Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "anchor">;
+    /**
+     * Icon for the ImpactCard CTA button
+     */
+    buttonIcon?: CardFooterProps["buttonIcon"];
+}
+export {};

package/dist/types/components/ImpactCard/index.d.ts

@@ -0,0 +1 @@
+export { ImpactCard } from "./ImpactCard";

package/dist/types/components/InformationCard/InformationCard.d.ts

@@ -43,6 +43,10 @@ export interface InformationCardProps {
      * Header icon for the InformationCard.
      */
     icon?: ArcIcon;
+    /**
+     * Sets a minimum height for the InformationCard.
+     */
+    minHeight?: number;
     /**
      * Tags for the InformationCard.
      */

package/dist/types/components/MediaCard/MediaCard.d.ts

@@ -43,6 +43,10 @@ export interface MediaCardProps {
      * Icon for the MediaCard Cta button
      */
     buttonIcon?: MediaCardIcon;
+    /**
+     * Sets a minimum height for the MediaCard.
+     */
+    minHeight?: number;
     /**
      * Click handler for the MediaCard. Only applied when a url is provided.
      */

package/dist/types/components/SiteHeaderV2/SiteHeaderV2.d.ts

@@ -9,6 +9,7 @@ import { SubNavItem } from "./components/SubNavItem";
 import { VerticalDivider } from "./components/VerticalDivider";
 declare const Context: React.Context<{
     transparent: boolean;
+    menubarRef: React.MutableRefObject<HTMLUListElement> | null;
 }>;
 /**
  * Use `SiteHeaderV2` to display brand logo and navigation at the top of a page.
@@ -23,6 +24,10 @@ export declare const SiteHeaderV2: FC<SiteHeaderV2Props> & {
     SubNavItem: typeof SubNavItem;
     VerticalDivider: typeof VerticalDivider;
 };
+export declare function useHeaderV2Context(): {
+    transparent: boolean;
+    menubarRef: React.MutableRefObject<HTMLUListElement> | null;
+};
 export interface SiteHeaderV2Props {
     /**
      * Contents of the SiteHeaderV2. Must be SiteHeaderV2.NavItem or

package/dist/types/components/TypographyCard/TypographyCard.d.ts

@@ -37,6 +37,10 @@ export interface TypographyCardProps {
      * Text to show adjacent to the cta
      */
     metaText?: string;
+    /**
+     * Sets a minimum height for the TypographyCard.
+     */
+    minHeight?: number;
     /**
      * Object of `data-` attributes to render on internal anchor element, e.g.
      * `{ data-analytics-link: "My link"}` => `<a data-analytics-link="My link">`.

package/dist/types/components/index.d.ts

@@ -23,6 +23,7 @@ export { Heading } from "./Heading";
 export { Icon } from "./Icon";
 export { InformationCard } from "./InformationCard";
 export { Image } from "./Image";
+export { ImpactCard } from "./ImpactCard";
 export { Markup } from "./Markup";
 export { MediaCard } from "./MediaCard";
 export { Modal } from "./Modal";

package/dist/types/private-components/CardFooter/CardFooter.d.ts

@@ -5,7 +5,7 @@ export interface CardFooterProps {
     metaText?: string;
     isDarkPathway?: boolean;
     buttonIcon?: CardFooterIcon;
-    showFilledIcon?: boolean;
     showButton?: boolean;
+    isHovered?: boolean;
 }
 export {};

package/dist/types/styles.d.ts

@@ -19,6 +19,7 @@ import "./components/FormControl/FormControl.css";
 import "./components/Group/Group.css";
 import "./components/Heading/Heading.css";
 import "./components/Icon/Icon.css";
+import "./components/ImpactCard/ImpactCard.css";
 import "./components/Image/Image.css";
 import "./components/Markup/Markup.css";
 import "./components/MediaCard/MediaCard.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "11.21.0",
+  "version": "11.22.0",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./dist/index.js",