@arc-ui/components 11.16.0 → 11.17.0

package/dist/types/components/DatePicker/helpers/convert-date-string-to-date.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DatePicker/helpers/convert-range-string-to-dates.d.ts

@@ -0,0 +1 @@
+export declare const convertRangeStringToDates: (value?: string) => Date[];

package/dist/types/components/DatePicker/helpers/convert-range-string-to-dates.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DatePicker/helpers/format-date.d.ts

@@ -0,0 +1 @@
+export declare const formatDate: (value: Date) => string;

package/dist/types/components/DatePicker/helpers/format-date.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,8 @@
+export { isDateValid } from "./is-date-valid";
+export { parseDateString } from "./parse-date-string";
+export { parseRangeString } from "./parse-range-string";
+export { isRangeValid } from "./is-range-valid";
+export { formatDate } from "./format-date";
+export { isDisabledDate } from "./is-disabled-date";
+export { convertDateStringToDate } from "./convert-date-string-to-date";
+export { convertRangeStringToDates } from "./convert-range-string-to-dates";

package/dist/types/components/DatePicker/helpers/is-date-valid.d.ts

@@ -0,0 +1 @@
+export declare const isDateValid: (value?: string) => boolean;

package/dist/types/components/DatePicker/helpers/is-date-valid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DatePicker/helpers/is-disabled-date.d.ts

@@ -0,0 +1 @@
+export declare const isDisabledDate: (disabledDates: Date[] | undefined, date: Date) => boolean;

package/dist/types/components/DatePicker/helpers/is-disabled-date.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DatePicker/helpers/is-range-valid.d.ts

@@ -0,0 +1 @@
+export declare const isRangeValid: (value?: string) => boolean;

package/dist/types/components/DatePicker/helpers/is-range-valid.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DatePicker/helpers/parse-date-string.d.ts

@@ -0,0 +1,5 @@
+export declare const parseDateString: (value: string) => {
+    day: string;
+    month: string;
+    year: string;
+};

package/dist/types/components/DatePicker/helpers/parse-date-string.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/DatePicker/helpers/parse-range-string.d.ts

@@ -0,0 +1,14 @@
+export declare const parseRangeString: (value?: string) => {
+    start: {
+        date: string;
+        day: string;
+        month: string;
+        year: string;
+    };
+    end: {
+        date: string;
+        day: string;
+        month: string;
+        year: string;
+    };
+};

package/dist/types/components/DatePicker/helpers/parse-range-string.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,6 @@
+export { parseRangeString } from "./helpers/parse-range-string";
+export { parseDateString } from "./helpers/parse-date-string";
+export { isRangeValid } from "./helpers/is-range-valid";
+export { isDateValid } from "./helpers/is-date-valid";
+export { DATE_FORMAT } from "./constants/date-format";
+export { DatePicker } from "./DatePicker";

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

@@ -71,5 +71,9 @@ export interface FormControlProps {
      * Position helper text under label. This is set to `false` by default.
      */
     helperUnderLabel?: boolean;
+    /**
+     * Use `hideLabel` to visually hide the `FormControl` label. This still allows screen readers to have access to labels. This is set to `false` by default.
+     */
+    hideLabel?: boolean;
 }
 export { Context as FormControlContext };

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

@@ -8,7 +8,7 @@ type EventType = React.ChangeEvent<HTMLInputElement>;
 export declare const RadioGroup: FC<RadioGroupProps> & {
     RadioButton: typeof RadioButton;
 };
-export interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel" | "supplementaryInfo"> {
+export interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel" | "supplementaryInfo" | "hideLabel"> {
     /**
      * Contents of the RadioGroup. Should only contain `RadioGroup.RadioButton`
      */

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

@@ -0,0 +1,77 @@
+import React, { FC, ReactNode } from "react";
+import { subBrands } from "../BrandLogo/BrandLogo";
+import { Column } from "./components/Column";
+import { Item } from "./components/Item";
+import { ItemGroup } from "./components/ItemGroup";
+import { NavItem, NavItemWithSubNav } from "./components/NavItem";
+import { NodeItem } from "./components/NodeItem/NodeItem";
+import { SubNavItem } from "./components/SubNavItem";
+import { VerticalDivider } from "./components/VerticalDivider";
+declare const Context: React.Context<{
+    transparent: boolean;
+}>;
+/**
+ * Use `SiteHeaderV2` to display brand logo and navigation at the top of a page.
+ */
+export declare const SiteHeaderV2: FC<SiteHeaderV2Props> & {
+    Column: typeof Column;
+    Item: typeof Item;
+    ItemGroup: typeof ItemGroup;
+    NavItem: typeof NavItem;
+    NodeItem: typeof NodeItem;
+    NavItemWithSubNav: typeof NavItemWithSubNav;
+    SubNavItem: typeof SubNavItem;
+    VerticalDivider: typeof VerticalDivider;
+};
+export interface SiteHeaderV2Props {
+    /**
+     * Contents of the SiteHeaderV2. Must be SiteHeaderV2.NavItem or
+     * SiteHeaderV2.NavItemWithSubNav components.
+     */
+    children?: ReactNode;
+    /**
+     * Basket component for the SiteHeaderV2.
+     */
+    basket?: ReactNode;
+    /**
+     * Should account login links be included in the SiteHeaderV2?
+     */
+    hasLogin?: boolean;
+    /**
+     * Should the SiteHeaderV2 have a transparent background?
+     */
+    isTransparent?: boolean;
+    /**
+     * A URL to link to when SiteHeaderV2 logo is clicked or touched.
+     */
+    loginHref?: string;
+    /**
+     * A Function to run to when SiteHeaderV2 logo is clicked or touched.
+     */
+    logoOnClick?: () => void;
+    /**
+     * A Function to run to when SiteHeaderV2 login links are clicked or touched.
+     */
+    loginOnClick?: () => void;
+    /**
+     * Text to display in SiteHeaderV2 login links.
+     */
+    loginTitle?: string;
+    /**
+     * A URL to link to when the SiteHeaderV2 brand logo link is clicked or touched.
+     */
+    logoHref?: string;
+    /**
+     * Accessible text for the SiteHeaderV2 brand logo link.
+     */
+    logoLabel?: string;
+    /**
+     * Search component for the SiteHeaderV2.
+     */
+    search?: ReactNode;
+    /**
+     * Optional sub-brand variant. Only applies to BT.
+     */
+    subBrand?: (typeof subBrands)[number];
+}
+export { Context as SiteHeaderV2Context };

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

@@ -0,0 +1,5 @@
+import { FC } from "react";
+export declare const BackButton: FC<BackButtonProps>;
+export interface BackButtonProps {
+    setOpen: (arg0: boolean) => any;
+}

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

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

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

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from "react";
+export declare const Column: FC<ColumnProps>;
+export interface ColumnProps {
+    /**
+     * Contents of the Column. Must be SiteHeaderV2.ItemGroup components.
+     */
+    children: ReactNode;
+}

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

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

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

@@ -0,0 +1,13 @@
+import React, { FC, ReactNode } from "react";
+export declare const HorizontalPanel: FC<PanelProps>;
+export interface PanelProps {
+    animation: boolean;
+    children: ReactNode;
+    navItemRef: React.MutableRefObject<HTMLElement> | null;
+    open: boolean;
+    setOpen: (arg0: boolean) => any;
+    subNavItemRef?: React.MutableRefObject<HTMLElement>;
+    subNavLink?: string;
+    title?: ReactNode;
+    withSubNav?: boolean;
+}

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

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

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

@@ -0,0 +1,20 @@
+import { FC, ReactNode } from "react";
+export declare const Item: FC<ItemProps>;
+export interface ItemProps {
+    /**
+     * Contents of the Item. Usually text to be displayed in the Item link.
+     */
+    children: ReactNode;
+    /**
+     * A URL to link to when the Item is clicked or touched.
+     */
+    href: string;
+    /**
+     * Should the Item be emphasised?
+     */
+    isEmphasised?: boolean;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
+}

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

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

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

@@ -0,0 +1,27 @@
+import { FC, ReactNode } from "react";
+export declare const ItemGroup: FC<ItemGroupProps>;
+export interface ItemGroupProps {
+    /**
+     * Contents of the ItemGroup. Must be Item components.
+     */
+    children: ReactNode;
+    subtitle?: string;
+    /**
+     * A top-level URL for the ItemGroup to link to.
+     */
+    href?: string;
+    /**
+     * Title text to be displayed in the ItemGroup summary.
+     */
+    title?: string;
+    /**
+     * Text to display in top-level link inside the ItemGroup in narrow viewports.
+     * Only applies if `href` is present. If not provided, top-level link text
+     * will be automatically generated from `title`.
+     */
+    viewAllTitle?: string;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
+}

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

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

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

@@ -0,0 +1,6 @@
+import { FC } from "react";
+export declare const MenuButton: FC<MenuButtonProps>;
+export interface MenuButtonProps {
+    menuOpen: boolean;
+    setMenuOpen: (arg0: boolean) => any;
+}

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

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

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

@@ -0,0 +1,40 @@
+import { FC, ReactNode } from "react";
+export declare const NavItem: FC<NavItemProps>;
+export interface NavItemProps {
+    /**
+     * Contents of the NavItem. Must be SiteHeaderV2.ItemGroup or
+     * SiteHeaderV2.Column components.
+     */
+    children?: ReactNode;
+    /**
+     * A top-level URL for the NavItem to link to.
+     *
+     * When `children` are not present, the URL to link to when the NavItem is
+     * clicked or touched.
+     *
+     * When `children` are present, the URL to link to when a top-level link
+     * inside the NavItem panel is clicked or touched.
+     */
+    href?: string;
+    /**
+     * Should the NavItem be highlighted as the current item/page? Only applies if
+     * `children` are not present (and `href` is present).
+     */
+    isCurrent?: boolean;
+    /**
+     * Top-level text to display in the NavItem.
+     */
+    title: string;
+    /**
+     * Text to display in top-level link inside the NavItem panel. Only
+     * applies if both `children` are present and `href` is true. If not
+     * provided, top-level link text will be automatically generated from `title`.
+     */
+    viewAllTitle?: string;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
+    isPrimary?: boolean;
+    subTitle?: string;
+}

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

@@ -0,0 +1,55 @@
+import React, { FC, ReactElement, ReactNode } from "react";
+declare const Context: React.Context<{
+    navItem: React.MutableRefObject<HTMLLIElement> | null;
+    subTitle: string | null;
+}>;
+export declare const NavItemWithSubNav: FC<NavItemWithSubNavProps>;
+export interface NavItemWithSubNavProps {
+    /**
+     * The URL to link to when a top-level link inside the NavItemWithSubNav panel
+     * is clicked or touched.
+     */
+    href?: string;
+    /**
+     * Content to be displayed in the first slot of the NavItemWithSubNav. Must be
+     * a single SiteHeaderV2.SubNavItem component.
+     */
+    slot1: ReactElement;
+    /**
+     * Content to be displayed in the second slot of the NavItemWithSubNav. Must
+     * be a single SiteHeaderV2.SubNavItem component.
+     */
+    slot2?: ReactNode;
+    /**
+     * Content to be displayed in the third slot of the NavItemWithSubNav. Must be
+     * a single SiteHeaderV2.SubNavItem component.
+     */
+    slot3?: ReactNode;
+    /**
+     * Content to be displayed in the fourth slot of the NavItemWithSubNav. Must be
+     * a single SiteHeaderV2.SubNavItem component.
+     */
+    slot4?: ReactNode;
+    slot5?: ReactNode;
+    slot6?: ReactNode;
+    /**
+     * Title text to display inside the NavItemWithSubNav panel.
+     */
+    subTitle?: string;
+    /**
+     * Top-level text to display in the NavItemWithSubNav.
+     */
+    title: string;
+    /**
+     * Text to display in top-level link inside the NavItemWithSubNav panel. Only
+     * applies if `href` is true. If not provided, text will be automatically
+     * generated from `title`.
+     */
+    viewAllTitle?: string;
+    /**
+     * view all click handler.
+     */
+    onViewAllClick?: () => void;
+    isPrimary?: boolean;
+}
+export { Context as NavItemContext };

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

@@ -0,0 +1,2 @@
+export { NavItem } from "./NavItem";
+export { NavItemWithSubNav } from "./NavItemWithSubNav";

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

@@ -0,0 +1,8 @@
+import { FC, ReactNode } from "react";
+export declare const NodeItem: FC<NodeItemProps>;
+export interface NodeItemProps {
+    /**
+     * Content to display with `SiteHeaderV2.NodeItem`
+     */
+    children?: ReactNode;
+}

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

@@ -0,0 +1,26 @@
+import React, { FC, ReactElement, ReactNode } from "react";
+export declare const Panel: FC<PanelProps> & {
+    ViewAll: typeof ViewAll;
+};
+export declare const ViewAll: FC<ViewAllProps>;
+export interface ViewAllProps {
+    href: string;
+    title?: string;
+    onClick?: () => void;
+    fill: "outlined" | "solid" | "flat" | undefined;
+}
+export interface PanelProps {
+    children: ReactNode;
+    navItemRef: React.MutableRefObject<HTMLElement> | null;
+    isNavItem: boolean;
+    open: boolean;
+    setOpen: (arg0: boolean) => any;
+    subNavItemRef?: React.MutableRefObject<HTMLElement>;
+    subNavLink?: string;
+    title?: ReactNode;
+    viewAll?: ReactElement;
+    withSubNav?: boolean;
+    subtitle?: ReactNode;
+    fade?: boolean;
+    isPrimary?: boolean;
+}

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

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

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

@@ -0,0 +1,45 @@
+import { FC, ReactNode } from "react";
+import { ArcIcon } from "../../../../types/arc-icon";
+export declare const SubNavItem: FC<SubNavItemProps>;
+export interface SubNavItemProps {
+    /**
+     * Contents of the SubNavItem. Must be SiteHeaderV2.ItemGroup or
+     * SiteHeaderV2.Column components.
+     */
+    children?: ReactNode;
+    /**
+     * Should the SubNavItem be the default open item in a
+     * SiteHeaderV2.NavItemWithSubNav? If not specified, the default open item will
+     * be set automatically.
+     */
+    isDefaultItem?: boolean;
+    /**
+     * Optionally shift the SubNavItem-link upwards (in "desktop" viewports only)
+     * to close off any empty space between items due to content size.
+     */
+    offsetXL?: "24" | "48";
+    /**
+     * A URL to link to when the SubNavItem is clicked or touched. Only applies if
+     * `children` are not present.
+     */
+    href?: string;
+    /**
+     * Optional subtitle text for the SubNavItem.
+     */
+    subTitle?: string;
+    /**
+     * Title text for the SubNavItem.
+     */
+    title: string;
+    /**
+     * Text to display in top-level link inside the SubNavItem panel. Only
+     * applies if both `children` are present and `href` is true. If not
+     * provided, top-level link text will be automatically generated from `title`.
+     */
+    viewAllTitle?: string;
+    icon?: ArcIcon;
+    /**
+     * On click handler.
+     */
+    onClick?: () => void;
+}

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

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

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

@@ -0,0 +1 @@
+export declare const VerticalDivider: () => JSX.Element;

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

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

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

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

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

@@ -59,5 +59,9 @@ export interface TextAreaProps extends Omit<FormControlProps, "children" | "elem
      * `onChange` callback function. Otherwise, use `defaultValue` (or `isReadOnly`).
      */
     value?: string;
+    /**
+     * Sets the width of the TextArea.
+     */
+    width?: string;
 }
 export {};

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

@@ -1,10 +1,11 @@
-import React, { FC } from "react";
+import React from "react";
 import { FormControlProps } from "../FormControl/FormControl";
+import { ArcIcon } from "../../types/arc-icon";
 type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */
-export declare const TextInput: FC<TextInputProps>;
+export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
 export interface TextInputProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel" | "supplementaryInfo"> {
     /**
      * Uncontrolled default value of the TextInput. If the TextInput is controlled
@@ -48,7 +49,7 @@ export interface TextInputProps extends Omit<FormControlProps, "children" | "ele
     /**
      * Function to call when the TextInput loses focus.
      */
-    onBlur?: (e: EventType) => void;
+    onBlur?: (e: React.FocusEvent<HTMLInputElement, Element>) => void;
     /**
      * Callback function commonly used to update the TextInput's controlled
      * `value`, for example `e => setValue(e.target.value)`.
@@ -86,5 +87,23 @@ export interface TextInputProps extends Omit<FormControlProps, "children" | "ele
      * `onChange` callback function. Otherwise, use `defaultValue` (or `isReadOnly`).
      */
     value?: string;
+    /**
+     * Placeholder for the input
+     */
+    placeholder?: string;
+    /**
+     * Icon button to show at the end of the input
+     */
+    iconButton?: {
+        ref?: React.Ref<HTMLButtonElement>;
+        onFocus?: React.FocusEventHandler<HTMLButtonElement>;
+        onClick: () => void;
+        label: string;
+        icon: ArcIcon;
+    };
+    /**
+     * Sets the width of the TextInput.
+     */
+    width?: string;
 }
 export {};

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

@@ -36,6 +36,7 @@ export { Section } from "./Section";
 export { Select } from "./Select";
 export { SiteFooter, SiteFooterRehydrator } from "./SiteFooter";
 export { SiteHeader, SiteHeaderRehydrator } from "./SiteHeader";
+export { SiteHeaderV2 } from "./SiteHeaderV2";
 export { Surface, SurfaceContext } from "./Surface";
 export { Switch } from "./Switch";
 export { Tabs } from "./Tabs";

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

@@ -0,0 +1,11 @@
+import { FC } from "react";
+export declare const CardFooter: FC<CardFooterProps>;
+type CardFooterIcon = "play" | "arrow";
+export interface CardFooterProps {
+    metaText?: string;
+    isDarkPathway?: boolean;
+    buttonIcon?: CardFooterIcon;
+    showFilledIcon?: boolean;
+    showButton?: boolean;
+}
+export {};

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

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

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

@@ -0,0 +1,19 @@
+import React from "react";
+import { HeadingLevel } from "../../components/Heading/Heading";
+export declare const CardHeading: React.FC<CardHeadingProps>;
+interface CardHeadingProps {
+    heading: string;
+    size?: "s" | "m";
+    isDarkPathway?: boolean;
+    href?: string;
+    headingLevel?: HeadingLevel;
+    onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    linkData?: {
+        [key: string]: string;
+    };
+}
+export {};

package/dist/types/private-components/CardHeading/index.d.ts

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

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

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const CardLabel: React.FC<CardLabelProps>;
+interface CardLabelProps {
+    text: string;
+    isDarkPathway?: boolean;
+    color?: "supporting" | "muted";
+    isBold?: boolean;
+    withSpacing?: boolean;
+}
+export {};

package/dist/types/private-components/CardLabel/index.d.ts

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

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

@@ -0,0 +1,4 @@
+export { CardHeading } from "./CardHeading";
+export { CardLabel } from "./CardLabel";
+export { CardFooter } from "./CardFooter";
+export { ConditionalWrapper } from "./ConditionalWrapper";

package/dist/types/styles.d.ts

@@ -34,6 +34,7 @@ import "./components/Section/Section.css";
 import "./components/Select/Select.css";
 import "./components/SiteFooter/SiteFooter.css";
 import "./components/SiteHeader/SiteHeader.css";
+import "./components/SiteHeaderV2/SiteHeaderV2.css";
 import "./components/Surface/Surface.css";
 import "./components/Tabs/Tabs.css";
 import "./components/Tag/Tag.css";
@@ -73,5 +74,10 @@ import "./components/UniversalHeader/UniversalHeader.bt.css";
 import "./components/Switch/Switch.bt.css";
 import "./components/Toast/Toast.css";
 import "./components/ProgressStepper/ProgressStepper.css";
+import "./components/Calendar/Calendar.css";
+import "./components/DatePicker/DatePicker.css";
 import "./components/InformationCard/InformationCard.css";
 import "./components/TypographyCard/TypographyCard.css";
+import "./private-components/CardHeading/CardHeading.css";
+import "./private-components/CardLabel/CardLabel.css";
+import "./private-components/CardFooter/CardFooter.css";