@arc-ui/components 12.0.0-beta.6 → 12.0.0-beta7

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

@@ -1 +1 @@
-export { Avatar } from "./Avatar";
+export { Avatar, type AvatarProps } from "./Avatar";

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

@@ -33,4 +33,8 @@ export interface BoxProps {
      * Background color for the box.
      */
     surface?: SurfaceBackgroundColor;
+    /**
+     * Determine if the background color is transparent.
+     */
+    isSurfaceTransparent?: boolean;
 }

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

@@ -37,7 +37,7 @@ export interface ButtonV2Props extends ButtonV2ElementProps, LinkElementProps {
     /**
      * Determine the buttonStyle for `ButtonV2`. Default style is `primary`
      */
-    buttonStyle?: "primary" | "secondary" | "tertiary" | "warning";
+    buttonStyle?: "primary" | "secondary" | "tertiary" | "warning" | "compact";
     /**
      * Render icon within `ButtonV2`
      */
@@ -66,7 +66,7 @@ export interface ButtonV2Props extends ButtonV2ElementProps, LinkElementProps {
     /**
      * Size of `ButtonV2`
      */
-    size?: "s" | "m";
+    size?: "s" | "m" | "l";
     /**
      * HTML ID for the `ButtonV2`
      */

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { type Responsive } from "./types/responsive";
+import { type SlideConfig } from "./types/slide-config";
+export declare const Carousel: React.FC<CarouselProps>;
+export interface CarouselProps extends SlideConfig {
+    withGutter?: boolean;
+    slideAmount?: number;
+    itemsPerSlide?: number;
+    partialVisible?: boolean;
+    responsive?: Responsive;
+    children: React.ReactNode;
+}

package/dist/types/components/Carousel/helpers/get-slide-config.d.ts

@@ -0,0 +1,4 @@
+import { type Responsive } from "../types/responsive";
+import { type ScreenSizes } from "../types/screen-sizes";
+import { type SlideConfig } from "../types/slide-config";
+export declare const getSlideConfig: (screenSizes: ScreenSizes, slideAmount: number, itemsPerSlide: number, partialVisible: boolean, responsive?: Responsive) => Required<SlideConfig>;

package/dist/types/components/Carousel/helpers/get-slider-position.d.ts

@@ -0,0 +1,9 @@
+import { type Slide } from "../types/slide";
+export declare const getSliderPosition: ({ slides, visibleSlideIndex, slideWidth, widthAdjustment, }: GetSliderPositionParams) => number;
+interface GetSliderPositionParams {
+    slides: Slide[];
+    visibleSlideIndex: number;
+    slideWidth: number;
+    widthAdjustment: number;
+}
+export {};

package/dist/types/components/Carousel/helpers/is-last-slide.d.ts

@@ -0,0 +1,2 @@
+import { Slide } from "../types/slide";
+export declare const isLastSlide: (slides: Slide[], visibleSlideIndex: number) => boolean;

package/dist/types/components/Carousel/helpers/is-slide-hidden.d.ts

@@ -0,0 +1,2 @@
+import { type Slide } from "../types/slide";
+export declare const isSlideHidden: (slides: Slide[], visibleSlideIndex: number, itemId: number) => boolean;

package/dist/types/components/Carousel/hooks/use-slides.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { type Slide } from "../types/slide";
+import { type Responsive } from "../types/responsive";
+import { type ScreenSizes } from "../types/screen-sizes";
+export declare const useSlides: ({ children, itemsPerSlide, partialVisible, slideAmount, responsive, screenSizes, }: useSlideParams) => {
+    slides: Slide[];
+    slideWidth: number;
+    widthAdjustment: number;
+};
+interface useSlideParams {
+    slideAmount: number;
+    itemsPerSlide: number;
+    partialVisible: boolean;
+    children: React.ReactNode;
+    screenSizes: ScreenSizes;
+    responsive?: Responsive;
+}
+export {};

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

@@ -0,0 +1 @@
+export { type CarouselProps, Carousel } from "./Carousel";

package/dist/types/components/Carousel/types/breakpoints.d.ts

@@ -0,0 +1 @@
+export type BreakPoints = "xs" | "s" | "m" | "l" | "xl";

package/dist/types/components/Carousel/types/responsive.d.ts

@@ -0,0 +1,3 @@
+import { BreakPoints } from "./breakpoints";
+import { SlideConfig } from "./slide-config";
+export type Responsive = Partial<Record<BreakPoints, Required<SlideConfig>>>;

package/dist/types/components/Carousel/types/screen-sizes.d.ts

@@ -0,0 +1,2 @@
+import { BreakPoints } from "./breakpoints";
+export type ScreenSizes = Record<BreakPoints, boolean>;

package/dist/types/components/Carousel/types/slide-config.d.ts

@@ -0,0 +1,5 @@
+export interface SlideConfig {
+    slideAmount?: number;
+    itemsPerSlide?: number;
+    partialVisible?: boolean;
+}

package/dist/types/components/Carousel/types/slide.d.ts

@@ -0,0 +1,4 @@
+export interface Slide {
+    itemsToScroll: number;
+    itemIds: number[];
+}

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

@@ -57,7 +57,7 @@ export interface CheckboxProps {
     /**
      * Size of the Checkbox.
      */
-    size?: "s" | "l";
+    size?: "s" | "m";
     /**
      * Value for the Checkbox.
      */

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

@@ -0,0 +1,28 @@
+import { FC, ReactNode } from "react";
+import { ContentSwitcherTab } from "./ContentSwitcherTab";
+import { ContentSwitcherContent } from "./ContentSwitcherContent";
+import { ContentSwitcherList } from "./ContentSwitcherList";
+/** Use `ContentSwitcher` to allow users to navigate between different sections of relevant content. */
+export declare const ContentSwitcher: FC<ContentSwitcherProps> & {
+    Tab: typeof ContentSwitcherTab;
+    Content: typeof ContentSwitcherContent;
+    List: typeof ContentSwitcherList;
+};
+export interface ContentSwitcherProps {
+    /**
+     * Render children
+     */
+    children: ReactNode;
+    /**
+     * Default to an inital value of a tab. If this is left blank it is possible for there to be no active tabs
+     */
+    defaultValue?: string;
+    /**
+     * Event handler called when the value changes.
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * When automatic, tabs are activated when receiving focus. When manual, tabs are activated when clicked.
+     */
+    activationMode?: "automatic" | "manual";
+}

package/dist/types/components/ContentSwitcher/ContentSwitcherContent/ContentSwitcherContent.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from "react";
+export declare const ContentSwitcherContent: FC<ContentSwitcherContentProps>;
+export interface ContentSwitcherContentProps {
+    /**
+     * Content to display
+     */
+    children: ReactNode;
+    /**
+     * This value links the `ContentSwitcherContent` with `ContentSwitcherTab`
+     */
+    value: string;
+}

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

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

package/dist/types/components/ContentSwitcher/ContentSwitcherList/ContentSwitcherList.d.ts

@@ -0,0 +1,24 @@
+import { FC, ReactNode } from "react";
+export declare const ContentSwitcherList: FC<ContentSwitcherListProps>;
+export interface ContentSwitcherListProps {
+    /**
+     * Contents of the `ContentSwitcherList` Should contain `Tab`
+     */
+    children: ReactNode;
+    /**
+     * Determine if `ContentSwitcherList` should be justified
+     */
+    isJustified?: boolean;
+    /**
+     * Determine the type of `ContentSwitcherList`. Default is standard
+     */
+    type?: "standard" | "contained";
+    /**
+     * Determine a accessible label for `ContentSwitcherList`
+     */
+    ariaLabel?: string;
+    /**
+     * Determines if the `ContentSwitcherList` should be inset within the content panel.
+     */
+    isInset?: boolean;
+}

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

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

package/dist/types/components/ContentSwitcher/ContentSwitcherTab/ContentSwitcherTab.d.ts

@@ -0,0 +1,17 @@
+import { FC } from "react";
+export declare const ContentSwitcherTab: FC<ContentSwitcherTabProps>;
+interface ContentSwitcherTabProps {
+    /**
+     * Label to display on the ContentSwitcherTab
+     */
+    label: string;
+    /**
+     * Value to link `ContentSwitcherTab` to `ContentSwitcherTabContent`
+     */
+    value: string;
+    /**
+     * Pass a function to `ContentSwitcherTab`
+     */
+    onClick?: () => void;
+}
+export {};

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

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

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

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

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

@@ -0,0 +1,37 @@
+import { FC, ReactNode } from "react";
+export declare const ContentSwitcherDropdown: FC<ContentSwitcherDropdownProps> & {
+    Content: typeof ContentSwitcherDropdownContent;
+};
+declare const ContentSwitcherDropdownContent: FC<ContentSwitcherDropdownContentProps>;
+export interface ContentSwitcherDropdownContentProps {
+    /**
+     * Content to display
+     */
+    children: ReactNode;
+    /**
+     * This value links the `ContentSwitcherDropdown.Content` with `ContentSwitcherDropdown` property `Tabs`
+     */
+    value: string;
+}
+export interface ContentSwitcherDropdownProps {
+    /**
+     * Render children
+     */
+    children?: ReactNode;
+    /**
+     * Default to an inital value of a tab.
+     */
+    defaultValue?: string;
+    /**
+     * Event handler called when the value changes. This can only be active when child elements are not present
+     */
+    onValueChange?: (value: string) => void;
+    /**
+     * Determine what tabs to render. They need both a `value` and `label` prop
+     */
+    tabs: {
+        value: string;
+        label: string;
+    }[];
+}
+export {};

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

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

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

@@ -1 +1 @@
-export { Disclosure } from "./Disclosure";
+export { Disclosure, type DisclosureProps } from "./Disclosure";

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

@@ -1 +1 @@
-export { Heading } from "./Heading";
+export { Heading, type HeadingLevel } from "./Heading";

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

@@ -0,0 +1,52 @@
+import React from "react";
+import { type HeadingLevel } from "../Heading/Heading";
+import { type ImageProps } from "../Image/Image";
+export declare const HeroBanner: React.FC<HeroBannerProps>;
+type HeroBannerStyle = "light" | "dark" | "contained";
+type HeroBannerAlignment = "top" | "bottom" | "center";
+interface HeroBannerImage extends Pick<ImageProps, "src" | "alt" | "loading" | "sizes" | "srcSet" | "anchor" | "fadeOnLoad" | "fit"> {
+    alignment?: HeroBannerAlignment;
+}
+interface HeroBannerProps {
+    /**
+     * Heading for the HeroBanner.
+     */
+    heading: string;
+    /**
+     * Image props for the HeroBanner. Consider avoiding alt if the image is for decorative purposes only.
+     */
+    img: HeroBannerImage;
+    /**
+     * Provides a min height for the HeroBanner.
+     */
+    minHeight?: string | number;
+    /**
+     * If true the image will appear on the left and the content will be on the right. Doesn't apply to mobile devices.
+     */
+    isReversed?: boolean;
+    /**
+     * Adds a gradient box shadow to the HeroBanner.
+     */
+    isElevated?: boolean;
+    /**
+     * Content for the HeroBanner.
+     */
+    children?: React.ReactNode;
+    /**
+     * Heading level for the ImpactCard heading.
+     */
+    headingLevel?: HeadingLevel;
+    /**
+     * Uppercase label for the HeroBanner.
+     */
+    label?: string;
+    /**
+     * Text content for the HeroBanner.
+     */
+    text?: string;
+    /**
+     * Sets a dark or light background for the HeroBanner.
+     */
+    type?: HeroBannerStyle;
+}
+export {};

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

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

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

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React, { FC } from "react";
 import { ArcIcon } from "../../types/arc-icon";
 /**
  * Use `Icon` to display brand iconography.
@@ -17,7 +17,7 @@ export interface IconProps {
     /**
      * Icon variant.
      */
-    icon?: ArcIcon;
+    icon?: ArcIcon | React.ReactElement<SVGElement>;
     /**
      * Alternative text label for the Icon.
      */

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

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

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

@@ -49,9 +49,9 @@ export interface InformationCardProps {
      */
     minHeight?: number;
     /**
-     * Tags for the InformationCard.
+     * Badges for the InformationCard.
      */
-    tags?: {
+    badges?: {
         text: string;
     }[];
     /**

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

@@ -1 +1 @@
-export { InformationCard } from "./InformationCard";
+export { InformationCard, type InformationCardProps } from "./InformationCard";

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

@@ -1 +1 @@
-export { MediaCard } from "./MediaCard";
+export { MediaCard, type MediaCardProps } from "./MediaCard";

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

@@ -0,0 +1,16 @@
+import { FC } from "react";
+/**
+ * Use `Spinner` to display a loading state.
+ */
+export declare const Spinner: FC<SpinnerProps>;
+export type SpinnerSize = "s" | "m" | "l" | "xl" | "xxl";
+export interface SpinnerProps {
+    /**
+     * Colour options. If no `color` option defined, the colour will use currentColor.
+     */
+    color?: "light" | "dark" | undefined;
+    /**
+     * Set sizes of spinner `s`, `m`, `l`, `xl`, `xxl` or a custom number value e.g. `100`px.
+     */
+    size?: SpinnerSize | number | null;
+}

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

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

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

@@ -17,6 +17,10 @@ export interface SurfaceProps extends HTMLAttributes<HTMLElement> {
      * accessibility requirements.
      */
     background?: SurfaceBackgroundColor;
+    /**
+     * Should the Surface be transparent? When true, no background colour will be applied.
+     */
+    isTransparent?: boolean;
     /**
      * Content to display on the Surface.
      */

package/dist/types/components/ThemeIcon/icon-names.d.ts

@@ -1 +1 @@
-export declare const iconNames: readonly ["alertDismiss", "alertError", "alertGeneral", "alertSuccess", "alertWarning", "avatarUser", "breadcrumbLeft", "breadcrumbRight", "buttonLeft", "buttonRight", "cardButton", "checkboxChecked", "checkboxError", "disclosureExpand", "disclosureMiniExpand", "formControlAlert", "modalClose", "paginationPrevious", "paginationNext", "paginationSimplePrevious", "paginationSimpleNext", "progressBarSuccess", "progressBarError", "progressBarRefresh", "progressStepperComplete", "progressStepperCurrent", "progressStepperWarning", "progressStepperError", "scrollToTop", "selectTrigger", "selectScrollUp", "selectScrollDown", "selectIndicator", "siteFooterExpand", "siteHeaderBack", "siteHeaderLink", "siteHeaderItemGroupExpand", "siteHeaderNavItemExpand", "siteHeaderNavItemExpandAlt", "siteHeaderViewAll", "siteHeaderSubNavOpen", "switchToggle", "tabsNext", "tabsPrevious", "tagRemove", "tagRemoveInteractive", "toastGeneral", "toastSuccess", "toastWarning", "toastError", "toastDismiss", "videoPlayerTranscript"];
+export declare const iconNames: readonly ["alertDismiss", "alertError", "alertGeneral", "alertSuccess", "alertWarning", "avatarUser", "breadcrumbLeft", "breadcrumbRight", "buttonLeft", "buttonRight", "cardButton", "carouselRight", "carouselLeft", "checkboxChecked", "checkboxError", "disclosureExpand", "disclosureMiniExpand", "formControlAlert", "modalClose", "paginationPrevious", "paginationNext", "paginationSimplePrevious", "paginationSimpleNext", "progressBarSuccess", "progressBarError", "progressBarRefresh", "progressStepperComplete", "progressStepperCurrent", "progressStepperWarning", "progressStepperError", "scrollToTop", "selectTrigger", "selectScrollUp", "selectScrollDown", "selectIndicator", "siteFooterExpand", "siteHeaderBack", "siteHeaderLink", "siteHeaderItemGroupExpand", "siteHeaderNavItemExpand", "siteHeaderNavItemExpandAlt", "siteHeaderViewAll", "siteHeaderSubNavOpen", "switchToggle", "tabsNext", "tabsPrevious", "toastGeneral", "toastSuccess", "toastWarning", "toastError", "toastDismiss", "videoPlayerTranscript"];

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

@@ -13,5 +13,5 @@ export interface TruncateProps {
     /**
      * Set max width of visible content within `Truncate`. Default is `100%`.
      */
-    maxWidth?: number;
+    maxWidth?: string;
 }

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

@@ -1 +1 @@
-export { TypographyCard } from "./TypographyCard";
+export { TypographyCard, type TypographyCardProps } from "./TypographyCard";

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

@@ -12,6 +12,8 @@ export { ButtonV2 } from "./ButtonV2";
 export { Calendar } from "./Calendar";
 export { Checkbox } from "./Checkbox";
 export { Columns } from "./Columns";
+export { ContentSwitcher } from "./ContentSwitcher";
+export { ContentSwitcherDropdown } from "./ContentSwitcherDropdown";
 export { DatePicker } from "./DatePicker";
 export { Disclosure } from "./Disclosure";
 export { DisclosureMini } from "./DisclosureMini";
@@ -42,6 +44,7 @@ export { Section } from "./Section";
 export { Select } from "./Select";
 export { SiteFooter } from "./SiteFooter";
 export { SiteHeaderV2 } from "./SiteHeaderV2";
+export { Spinner } from "./Spinner";
 export { Surface, SurfaceContext } from "./Surface";
 export { Switch } from "./Switch";
 export { Tabs } from "./Tabs";

package/dist/types/styles.d.ts

@@ -8,9 +8,12 @@ import "./components/Breadcrumbs/Breadcrumbs.css";
 import "./components/Button/Button.css";
 import "./components/CardHeading/CardHeading.css";
 import "./components/CardFooter/CardFooter.css";
+import "./components/Carousel/Carousel.css";
 import "./components/Checkbox/Checkbox.css";
 import "./components/Columns/Columns.css";
 import "./components/Columns/Columns.offsets.css";
+import "./components/ContentSwitcher/ContentSwitcher.css";
+import "./components/ContentSwitcherDropdown/ContentSwitcherDropdown.css";
 import "./components/Disclosure/Disclosure.css";
 import "./components/DisclosureMini/DisclosureMini.css";
 import "./components/Elevation/Elevation.css";
@@ -18,6 +21,7 @@ import "./components/Filter/Filter.css";
 import "./components/FormControl/FormControl.css";
 import "./components/Group/Group.css";
 import "./components/Heading/Heading.css";
+import "./components/HeroBanner/HeroBanner.css";
 import "./components/HeroButton/HeroButton.css";
 import "./components/ButtonV2/ButtonV2.css";
 import "./components/Icon/Icon.css";
@@ -38,6 +42,7 @@ import "./components/Select/Select.css";
 import "./components/SiteFooter/SiteFooter.css";
 import "./components/SkipLink/SkipLink.css";
 import "./components/SiteHeaderV2/SiteHeaderV2.css";
+import "./components/Spinner/Spinner.css";
 import "./components/Surface/Surface.css";
 import "./components/Tabs/Tabs.css";
 import "./components/Tag/Tag.css";
@@ -50,7 +55,6 @@ import "./components/UniversalHeader/UniversalHeader.css";
 import "./components/VerticalSpace/VerticalSpace.css";
 import "./components/VisuallyHidden/VisuallyHidden.css";
 import "./components/Switch/Switch.css";
-import "./components/Tabs/Tabs.css";
 import "./components/Toast/Toast.css";
 import "./components/Theme/Theme.css";
 import "./components/ProgressStepper/ProgressStepper.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "12.0.0-beta.6",
+  "version": "12.0.0-beta7",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./dist/index.js",
@@ -24,7 +24,8 @@
     "@radix-ui/react-switch": "1.0.3",
     "@radix-ui/react-tabs": "1.0.4",
     "@radix-ui/react-toast": "1.1.4",
-    "date-fns": "^2.30.0"
+    "date-fns": "^2.30.0",
+    "react-swipeable": "^7.0.1"
   },
   "devDependencies": {
     "@babel/core": "^7.14.3",
@@ -63,14 +64,12 @@
     "classnames": "^2.2.6",
     "countries-list": "^2.6.1",
     "css-loader": "^7.1.2",
+    "cy-mobile-commands": "^0.3.0",
     "cypress": "^13.3.1",
     "formik": "^2.2.9",
     "lodash": "^4.17.21",
     "postcss": "^8.0.0",
-    "postcss-import": "^13.0.0",
     "postcss-loader": "^8.1.1",
-    "postcss-minify": "^1.1.0",
-    "postcss-preset-env": "^7.0.0",
     "prop-types": "^15.7.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
@@ -90,26 +89,27 @@
     "vite": "^4.4.5",
     "vite-plugin-istanbul": "^5.0.0",
     "yup": "^0.32.11",
-    "@arc-ui/fonts-bt": "^12.0.0-beta.6",
-    "@arc-ui/fonts-ee": "^12.0.0-beta.6",
-    "@arc-ui/icons-bt": "^12.0.0-beta.6",
-    "@arc-ui/icons-ee": "^12.0.0-beta.6",
-    "@arc-ui/theme-bt-business": "^12.0.0-beta.6",
-    "@arc-ui/theme-bt-enterprise": "^12.0.0-beta.6",
-    "@arc-ui/theme-ee": "^12.0.0-beta.6",
-    "@arc-ui/helpers": "^12.0.0-beta.6",
-    "@arc-ui/tokens-arc": "^12.0.0-beta.6",
-    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.6",
-    "@arc-ui/tokens-ee": "^12.0.0-beta.6"
+    "@arc-ui/build-utils": "^12.0.0-beta7",
+    "@arc-ui/fonts-bt": "^12.0.0-beta7",
+    "@arc-ui/fonts-ee": "^12.0.0-beta7",
+    "@arc-ui/helpers": "^12.0.0-beta7",
+    "@arc-ui/icons-bt": "^12.0.0-beta7",
+    "@arc-ui/icons-ee": "^12.0.0-beta7",
+    "@arc-ui/theme-bt-business": "^12.0.0-beta7",
+    "@arc-ui/theme-bt-enterprise": "^12.0.0-beta7",
+    "@arc-ui/theme-ee": "^12.0.0-beta7",
+    "@arc-ui/tokens-arc": "^12.0.0-beta7",
+    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta7",
+    "@arc-ui/tokens-ee": "^12.0.0-beta7"
   },
   "scripts": {
-    "build": "rimraf dist && rollup -c && node subpath-postcss.js",
+    "build": "rimraf dist && rollup -c && generate-subpath-css",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build --quiet",
     "storybook:quiet": "pnpm run storybook --quiet",
     "coverage:summary": "pnpm dlx nyc report --reporter=text-summary",
     "coverage:files": "pnpm dlx nyc@15.0.0 report --reporter=text",
-    "coverage:check": "pnpm dlx nyc@15.0.0 report --check-coverage --lines 85 --functions 85 --branches 85 --statements 85",
+    "coverage:check": "pnpm dlx nyc@15.0.0 report --check-coverage --lines 80 --functions 80 --branches 80 --statements 80",
     "test:components": "cypress open --component",
     "test:components:ci": "cypress run --component --browser chrome",
     "test:components:pipeline": "pnpm run test:components:ci && pnpm run coverage:check",

package/dist/_shared/cjs/ArcIconEclipse.esm-ac777a76.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ArcIconEclipse = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 28 28",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M23.2 14C23.2 15.6967 22.7308 17.3603 21.8443 18.807C20.9578 20.2536 19.6885 21.427 18.1767 22.1973C16.665 22.9675 14.9696 23.3048 13.2782 23.1716C11.5867 23.0385 9.96502 22.4402 8.59238 21.443C7.21973 20.4457 6.1496 19.0882 5.50031 17.5207C4.85102 15.9532 4.64785 14.2366 4.91327 12.5608C5.17869 10.885 5.90236 9.31525 7.00426 8.02508C8.10617 6.73491 9.5434 5.77459 11.157 5.25028",
-      stroke: "currentColor",
-      strokeWidth: 1.6,
-      strokeLinecap: "round",
-    }),
-  );
-
-exports.ArcIconEclipse = ArcIconEclipse;