@arc-ui/components 11.9.0 → 11.11.0

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

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import { ReactNode, FC } from "react";
 import { HeadingProps } from "../Heading/Heading";
 import { ArcIcon } from "../../types/arc-icon";
 /** use `Alert` to display persistent messages, either permanent or dismissible. */
@@ -15,7 +15,7 @@ export interface AlertProps {
     /**
      * Determine a description for `<Alert />`
      */
-    description?: string;
+    description?: string | ReactNode;
     /**
      * Determine a link for `<Alert />`
      */

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

@@ -1 +1 @@
-export { Box, BoxProps } from "./Box";
+export { Box, type BoxProps } from "./Box";

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

@@ -9,7 +9,7 @@ export interface BrandLogoProps {
     /**
      * Color of the BrandLogo. The `brand` color only shows on light surfaces.
      */
-    color?: typeof colors[number];
+    color?: (typeof colors)[number];
     /**
      * Accessible text for the BrandLogo.
      */
@@ -21,5 +21,5 @@ export interface BrandLogoProps {
     /**
      * Optional sub-brand variant. Only applies to BT.
      */
-    subBrand?: typeof subBrands[number];
+    subBrand?: (typeof subBrands)[number];
 }

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

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 import { ArcIcon } from "../../types/arc-icon";
-export declare type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
-export declare type Ref = React.Ref<ElementUnion> | null;
+export type ElementUnion = HTMLButtonElement | HTMLAnchorElement;
+export type Ref = React.Ref<ElementUnion> | null;
 /**
  * Use `Button` to allow users to take actions with clicks and taps.
  */

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

@@ -56,7 +56,7 @@ declare const CardImage: FC<{
      */
     srcSet?: string;
 }>;
-export declare type TitleSize = "xs" | "s" | "m" | "l" | "xl";
+export type TitleSize = "xs" | "s" | "m" | "l" | "xl";
 export interface CardProps extends HTMLAttributes<HTMLElement> {
     /**
      * The HTML ID passed to the Card Button for aria- attributes.

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

@@ -1,5 +1,5 @@
 import React from "react";
-declare type EventType = React.ChangeEvent<HTMLInputElement>;
+type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
  *  Use `Checkbox` to allow users to select individual options.
  */

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

@@ -3,7 +3,7 @@ import { FC } from "react";
  * `Clock` is a demo component that shows the current time.
  */
 export declare const Clock: FC<ClockProps>;
-export declare type LocaleType = "en-GB" | "en-US" | "ar-EG";
+export type LocaleType = "en-GB" | "en-US" | "ar-EG";
 export interface ClockProps {
     /**
      * Locale for the Clock.

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

@@ -6,8 +6,8 @@ export declare const Columns: FC<ColumnsProps> & {
     Col: typeof Col;
 };
 export declare const Col: FC<ColProps>;
-export declare type Span = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
-declare type Offset = "0" | "24" | "48" | "72" | "96" | "120" | "144" | "168" | "192" | "216" | "240" | "264" | "288" | "312" | "336" | "360" | "384";
+export type Span = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+type Offset = "0" | "24" | "48" | "72" | "96" | "120" | "144" | "168" | "192" | "216" | "240" | "264" | "288" | "312" | "336" | "360" | "384";
 export interface ColProps {
     /**
      * Vertically align the Column.

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

@@ -1 +1 @@
-export { Columns, Span } from "./Columns";
+export { Columns, type Span } from "./Columns";

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

@@ -14,11 +14,11 @@ export interface CurveProps {
     /**
      * Bottom color of the Curve. Shares values with Surface.
      */
-    bottomColor?: typeof backgroundsBT[number];
+    bottomColor?: (typeof backgroundsBT)[number];
     /**
      * Positional variants of the Curve.
      */
-    from?: typeof positions[number];
+    from?: (typeof positions)[number];
     /**
      * Should the Curve colors be flipped? Normally used at the top of Poster.
      */
@@ -26,9 +26,9 @@ export interface CurveProps {
     /**
      * Size of the Curve.
      */
-    size?: typeof sizes[number];
+    size?: (typeof sizes)[number];
     /**
      * Top color of the Curve. Shares values with Surface.
      */
-    topColor?: typeof backgroundsBT[number];
+    topColor?: (typeof backgroundsBT)[number];
 }

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

@@ -1,5 +1,5 @@
 import React, { FC } from "react";
-declare type RequirementStatus = "required" | "optional" | "not-applicable";
+type RequirementStatus = "required" | "optional" | "not-applicable";
 declare const Context: React.Context<{
     requirementStatus: RequirementStatus | null;
 }>;

package/dist/types/components/Group/GroupItem/GroupItem.d.ts

@@ -0,0 +1,17 @@
+import { FC, ReactNode } from "react";
+export declare const GroupItem: FC<ItemProps>;
+export interface ItemProps {
+    /**
+     * Content to display in the Group.Item.
+     */
+    children?: ReactNode;
+    /**
+     * Should the Group.Item be visible for debugging and documentation
+     * purposes?
+     */
+    isDebugVisible?: boolean;
+    /**
+     * Should the Group.Item stretch to fill the available space?
+     */
+    grow?: boolean;
+}

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

@@ -12,10 +12,10 @@ export interface HeadingPropositionProps {
      */
     children: ReactNode;
 }
-export declare type HeadingCasing = "auto" | "none";
-export declare type HeadingColor = "auto" | "brand";
-export declare type HeadingLevel = "1" | "2" | "3" | "4" | "5" | "6";
-export declare type HeadingSize = "xxxs" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl";
+export type HeadingCasing = "auto" | "none";
+export type HeadingColor = "auto" | "brand";
+export type HeadingLevel = "1" | "2" | "3" | "4" | "5" | "6";
+export type HeadingSize = "xxxs" | "xxs" | "xs" | "s" | "m" | "l" | "xl" | "xxl" | "xxxl";
 export interface HeadingProps {
     /**
      * Text alignment of the Heading.

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

@@ -9,7 +9,7 @@ export interface IconProps {
     /**
      * Color of the Icon.
      */
-    color?: typeof colors[number];
+    color?: (typeof colors)[number];
     /**
      * Should the Icon component be styled as an inline element?
      */

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

@@ -45,7 +45,7 @@ export interface ImageProps extends HTMLAttributes<HTMLElement> {
     /**
      * Anchor point for the Image if using fit="cover".
      */
-    anchor?: typeof anchorPoints[number];
+    anchor?: (typeof anchorPoints)[number];
     /**
      * Optionally enable HTML <picture> functionality by passing `Image.Source`
      * components as children.
@@ -58,7 +58,7 @@ export interface ImageProps extends HTMLAttributes<HTMLElement> {
     /**
      * Fit of the Image.
      */
-    fit?: typeof fitOptions[number];
+    fit?: (typeof fitOptions)[number];
     /**
      * Height dimension of the Image, in pixels. If fit="cover", the height in which
      * to fit the Image. Otherwise, the intrinsic height of the Image element.
@@ -67,12 +67,12 @@ export interface ImageProps extends HTMLAttributes<HTMLElement> {
     /**
      * Loading behaviour of the Image.
      */
-    loading?: typeof loadingOptions[number];
+    loading?: (typeof loadingOptions)[number];
     /**
      * Apply an overlay to the Image, e.g. a scrim gradient for text legibility.
      * Should not be used if the image has a rasterized overlay.
      */
-    overlay?: typeof overlayOptions[number];
+    overlay?: (typeof overlayOptions)[number];
     /**
      * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Only required if srcSet is switching widths. Ignored if `children` (<source> elements) are present.
      */

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

@@ -45,7 +45,7 @@ export interface MediaCardProps {
     /**
      * Loading behaviour of the MediaCard.
      */
-    imageLoading?: typeof loadingOptions[number];
+    imageLoading?: (typeof loadingOptions)[number];
     /**
      * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute. Required if srcSet is defined.
      */

package/dist/types/components/MediaCard/MediaCard.stories-wip.d.ts

@@ -0,0 +1,15 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { MediaCard } from "./MediaCard";
+declare const meta: Meta<typeof MediaCard>;
+export default meta;
+type Story = StoryObj<typeof MediaCard>;
+export declare const Default: Story;
+export declare const SurfaceBackgroundColor: Story;
+export declare const Border: Story;
+export declare const RoundedCorners: Story;
+export declare const DeepShadow: Story;
+export declare const OptimisedImages: Story;
+export declare const ColumnContent: Story;
+export declare const InColumns: Story;
+export declare const EqualHeightColumns: Story;
+export declare const EqualHeightColumnsWithFooter: Story;

package/dist/types/components/Poster/PosterImage.d.ts

@@ -10,11 +10,11 @@ export interface PosterImageProps {
     /**
      * Anchor point for the Poster.Image.
      */
-    anchor?: typeof anchorPoints[number];
+    anchor?: (typeof anchorPoints)[number];
     /**
      * Loading behaviour of the Poster.Image.
      */
-    loading?: typeof loadingOptions[number];
+    loading?: (typeof loadingOptions)[number];
     /**
      * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute for the Poster.Image. Required if `srcSet` is defined.
      */

package/dist/types/components/Poster/PosterVideo.d.ts

@@ -5,7 +5,7 @@ export interface PosterVideoProps {
     /**
      * Anchor point for the Poster.Video,
      */
-    anchor?: typeof anchorPoints[number];
+    anchor?: (typeof anchorPoints)[number];
     /**
      * Should the Poster.Video autoplay?
      */

package/dist/types/components/ProgressBar/types/progress-bar-icons.d.ts

@@ -1 +1 @@
-export declare type ProgressBarIcons = "refresh" | "cross" | "tick";
+export type ProgressBarIcons = "refresh" | "cross" | "tick";

package/dist/types/components/ProgressBar/types/progress-bar-state.d.ts

@@ -1 +1 @@
-export declare type ProgressBarState = "loading" | "error" | "success";
+export type ProgressBarState = "loading" | "error" | "success";

package/dist/types/components/ProgressStepper/progressStatus.d.ts

@@ -1 +1 @@
-export declare type ProgressStatus = "completed" | "current" | "warning" | "error" | "todo";
+export type ProgressStatus = "completed" | "current" | "warning" | "error" | "todo";

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

@@ -1,7 +1,7 @@
 import React, { FC } from "react";
 import { FormControlProps } from "../FormControl/FormControl";
 import { RadioButton } from "./RadioButton";
-declare type EventType = React.ChangeEvent<HTMLInputElement>;
+type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */

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

@@ -1,6 +1,6 @@
 import React from "react";
-declare type EventType = React.ChangeEvent<HTMLInputElement>;
-declare type ContextProps = {
+type EventType = React.ChangeEvent<HTMLInputElement>;
+type ContextProps = {
     blurEvent: (event: EventType) => void;
     changeEvent: (event: EventType) => void;
     groupDisabled: boolean;

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

@@ -70,6 +70,6 @@ export interface SiteHeaderProps {
     /**
      * Optional sub-brand variant. Only applies to BT.
      */
-    subBrand?: typeof subBrands[number];
+    subBrand?: (typeof subBrands)[number];
 }
 export { Context as SiteHeaderContext };

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

@@ -1,5 +1,5 @@
 import React, { FC, HTMLAttributes } from "react";
-declare type SurfaceBackground = "light" | "dark";
+type SurfaceBackground = "light" | "dark";
 declare const Context: React.Context<{
     surface: SurfaceBackground;
 }>;
@@ -9,8 +9,8 @@ declare const Context: React.Context<{
 export declare const Surface: FC<SurfaceProps>;
 export declare const backgrounds: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
 export declare const backgroundsBT: readonly ["black", "brand", "brand-flat", "dark", "darker", "coral", "turquoise", "light", "lighter", "white"];
-export declare type SurfacePadding = "8" | "12" | "16" | "24" | "32" | "48" | "64";
-export declare type SurfaceBackgroundColor = "black" | "brand" | "brand-flat" | "dark" | "darker" | "coral" | "turquoise" | "light" | "lighter" | "white";
+export type SurfacePadding = "8" | "12" | "16" | "24" | "32" | "48" | "64";
+export type SurfaceBackgroundColor = "black" | "brand" | "brand-flat" | "dark" | "darker" | "coral" | "turquoise" | "light" | "lighter" | "white";
 export interface SurfaceProps extends HTMLAttributes<HTMLElement> {
     /**
      * Background colour of the Surface. Contents will change colour to meet

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

@@ -1 +1 @@
-export { Surface, SurfaceContext, backgrounds, backgroundsBT, SurfacePadding, SurfaceBackgroundColor } from "./Surface";
+export { Surface, SurfaceContext, backgrounds, backgroundsBT, type SurfacePadding, type SurfaceBackgroundColor, } from "./Surface";

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

@@ -3,8 +3,8 @@ import { FC, ReactNode } from "react";
  * Use `Text` to display text.
  */
 export declare const Text: FC<TextProps>;
-export declare type Tone = "default" | "supporting" | "muted";
-export declare type TextSize = "xs" | "s" | "m" | "l";
+export type Tone = "default" | "supporting" | "muted";
+export type TextSize = "xs" | "s" | "m" | "l";
 export interface TextProps {
     /**
      * Alignment of the Text.

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

@@ -1,6 +1,6 @@
 import React from "react";
 import { FormControlProps } from "../FormControl/FormControl";
-declare type EventType = React.ChangeEvent<HTMLTextAreaElement>;
+type EventType = React.ChangeEvent<HTMLTextAreaElement>;
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel"> {

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

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
 import { FormControlProps } from "../FormControl/FormControl";
-declare type EventType = React.ChangeEvent<HTMLInputElement>;
+type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */

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

@@ -5,6 +5,9 @@ export declare const Toast: FC<ToastProps> & {
     Notification: typeof ToastNotification;
 };
 interface ToastProps {
+    /**
+     * Content to display within `Toast`
+     */
     children: React.ReactNode;
     /**
      * Colour scheme for `Toast` - Use 'default' in almost all cases.

package/dist/types/components/Toast/ToastNotification.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 export declare const ToastNotification: FC<ToastNotificationProps>;
-declare type ToastStatus = "general" | "error" | "warning" | "success";
+type ToastStatus = "general" | "error" | "warning" | "success";
 export interface ToastNotificationProps {
     /**
      * Title for `<Toast />`

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

@@ -3,7 +3,7 @@ import { FC } from "react";
  * Use `VerticalSpace` to create vertical space between components.
  */
 export declare const VerticalSpace: FC<VerticalSpaceProps>;
-export declare type VerticalSpaceSize = "4" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "40" | "48" | "64" | "96" | "128";
+export type VerticalSpaceSize = "4" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "40" | "48" | "64" | "96" | "128";
 export interface VerticalSpaceProps {
     /**
      * Should the VerticalSpace be visible for debugging and documentation

package/dist/types/hooks/use-aria-describedby.d.ts

@@ -1,7 +1,7 @@
 /**
  * Optionally define ariaDescribedBy if errorMessage or helper exist.
  */
-export declare const useAriaDescribedby: ({ id, idError, idHelper, idDisclosure, errorMessage, helper, disclosureText }: {
+export declare const useAriaDescribedby: ({ id, idError, idHelper, idDisclosure, errorMessage, helper, disclosureText, }: {
     id?: string | undefined;
     idError?: string | undefined;
     idDisclosure?: string | undefined;

package/dist/types/types/arc-icon.d.ts

@@ -1,2 +1,2 @@
 import { SVGProps } from "react";
-export declare type ArcIcon = React.FC<SVGProps<SVGSVGElement>>;
+export type ArcIcon = React.FC<SVGProps<SVGSVGElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "11.9.0",
+  "version": "11.11.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",
@@ -8,12 +8,11 @@
   "types": "./dist/types/index.d.ts",
   "scripts": {
     "build": "rimraf dist && rollup -c",
-    "storybook": "start-storybook --ci -p 6006 --no-manager-cache",
-    "storybook:build": "build-storybook --docs --quiet",
-    "storybook:quiet": "yarn storybook --quiet",
-    "test": "TZ=UTC jest",
-    "test:coverage": "yarn test --coverage",
-    "test:watch": "yarn test --changedSince=origin/master --coverage --watch",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build --quiet",
+    "storybook:quiet": "pnpm run storybook --quiet",
+    "test": "cypress open --component",
+    "test:ci": "cypress run --component --browser chrome",
     "generate:component": "node ./generate-component $1"
   },
   "files": [
@@ -26,40 +25,71 @@
     "react": "^18.0.0"
   },
   "dependencies": {
+    "@geometricpanda/storybook-addon-badges": "^2.0.0",
     "@radix-ui/react-dialog": "1.0.4",
     "@radix-ui/react-label": "2.0.0",
     "@radix-ui/react-select": "1.1.2",
     "@radix-ui/react-switch": "1.0.1",
     "@radix-ui/react-tabs": "1.0.4",
-    "@radix-ui/react-toast": "1.1.4"
+    "@radix-ui/react-toast": "1.1.4",
+    "storybook": "^7.4.5"
   },
   "devDependencies": {
-    "@arc-ui/fonts": "^11.9.0",
-    "@arc-ui/icons": "^11.9.0",
-    "@arc-ui/tokens": "^11.9.0",
+    "@arc-ui/fonts": "workspace:^",
+    "@arc-ui/icons": "workspace:^",
+    "@arc-ui/tokens": "workspace:^",
     "@babel/core": "^7.14.3",
     "@babel/helper-define-map": "^7.14.3",
-    "@storybook/addon-essentials": "^6.3.6",
-    "@storybook/addon-links": "^6.3.6",
-    "@storybook/addon-postcss": "^2.0.0",
-    "@storybook/react": "^6.3.6",
-    "@types/classnames": "^2.2.10",
-    "@types/node": "^12.12.38",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.18.6",
+    "@rollup/plugin-commonjs": "^19.0.0",
+    "@rollup/plugin-node-resolve": "^13.0.0",
+    "@rollup/plugin-typescript": "^8.2.1",
+    "@storybook/addon-docs": "^7.4.5",
+    "@storybook/addon-essentials": "^7.4.5",
+    "@storybook/addon-interactions": "^7.4.5",
+    "@storybook/addon-links": "^7.4.5",
+    "@storybook/addon-styling": "^1.3.7",
+    "@storybook/blocks": "^7.4.5",
+    "@storybook/manager-api": "^7.4.5",
+    "@storybook/preset-typescript": "^3.0.0",
+    "@storybook/react": "^7.4.5",
+    "@storybook/react-webpack5": "^7.4.5",
+    "@storybook/testing-library": "^0.2.1",
+    "@storybook/theming": "^7.4.5",
+    "@testing-library/cypress": "^10.0.1",
+    "@types/lodash": "^4.14.184",
+    "@types/node": "^12.20.55",
     "@types/prop-types": "^15.7.3",
     "@types/react": "^18.0.26",
     "@types/react-dom": "^18.0.9",
+    "@whitespace/storybook-addon-html": "5.1.6",
     "babel-loader": "^8.2.2",
     "camelcase": "^6.2.1",
-    "cheerio": "^1.0.0-rc.3",
     "classnames": "^2.2.6",
     "countries-list": "^2.6.1",
+    "cypress": "^13.3.0",
     "formik": "^2.2.9",
+    "lodash": "^4.17.21",
+    "postcss": "^8.0.0",
+    "postcss-import": "^13.0.0",
+    "postcss-preset-env": "^7.0.0",
     "prop-types": "^15.7.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-is": "^18.0.0",
+    "react-syntax-highlighter": "15.5.0",
+    "rimraf": "3.0.2",
+    "rollup": "^2.50.1",
+    "rollup-plugin-delete": "^2.0.0",
+    "rollup-plugin-generate-package-json": "^3.2.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.0",
+    "storybook": "^7.4.5",
     "tslib": "^2.0.1",
-    "typescript": "^4.0.2",
+    "typescript": "^4.9.5",
+    "vite": "^4.4.5",
     "yup": "^0.32.11"
   }
 }

package/dist/Alert/Alert.cjs.d.ts

@@ -1,57 +0,0 @@
-import { FC } from "react";
-import { HeadingProps } from "../_shared/cjs/Heading-e3332dcf";
-import { ArcIcon } from "../_shared/cjs/arc-icon-17594b2f";
-/** use `Alert` to display persistent messages, either permanent or dismissible. */
-declare const Alert: FC<AlertProps>;
-interface AlertProps {
-    /**
-     * Determine a heading for `<Alert />`
-     */
-    heading: string;
-    /**
-     * Determine a heading for `<Alert />`
-     */
-    headingLevel?: HeadingProps["level"];
-    /**
-     * Determine a description for `<Alert />`
-     */
-    description?: string;
-    /**
-     * Determine a link for `<Alert />`
-     */
-    link?: string;
-    /**
-     * Determine the text to link
-     */
-    linkText?: string;
-    /**
-     * Determine a icon to display within `<Alert />`. This overrides the default icons.
-     */
-    icon?: ArcIcon;
-    /**
-     * Determine the type of alert
-     */
-    type?: "primary" | "secondary";
-    /**
-     * Determine the type of alert
-     */
-    status?: "general" | "error" | "warning" | "success";
-    /**
-     * Determine showing a dismiss icon within `<Alert />`
-     */
-    isDismissable?: boolean;
-    /**
-     * Execute a function when dismiss is envoked
-     */
-    onDismiss?: () => void;
-    /**
-     * Execute a function when link is envoked. This prevents the default behaviour for `<a >` Tag
-     */
-    onLinkClick?: () => void;
-    /**
-     * Text to override `linkText` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    linkAriaLabel?: string;
-}
-export { Alert };

package/dist/Alert/Alert.esm.d.ts

@@ -1,57 +0,0 @@
-import { FC } from "react";
-import { HeadingProps } from "../_shared/esm/Heading-0f629151";
-import { ArcIcon } from "../_shared/esm/arc-icon-17594b2f";
-/** use `Alert` to display persistent messages, either permanent or dismissible. */
-declare const Alert: FC<AlertProps>;
-interface AlertProps {
-    /**
-     * Determine a heading for `<Alert />`
-     */
-    heading: string;
-    /**
-     * Determine a heading for `<Alert />`
-     */
-    headingLevel?: HeadingProps["level"];
-    /**
-     * Determine a description for `<Alert />`
-     */
-    description?: string;
-    /**
-     * Determine a link for `<Alert />`
-     */
-    link?: string;
-    /**
-     * Determine the text to link
-     */
-    linkText?: string;
-    /**
-     * Determine a icon to display within `<Alert />`. This overrides the default icons.
-     */
-    icon?: ArcIcon;
-    /**
-     * Determine the type of alert
-     */
-    type?: "primary" | "secondary";
-    /**
-     * Determine the type of alert
-     */
-    status?: "general" | "error" | "warning" | "success";
-    /**
-     * Determine showing a dismiss icon within `<Alert />`
-     */
-    isDismissable?: boolean;
-    /**
-     * Execute a function when dismiss is envoked
-     */
-    onDismiss?: () => void;
-    /**
-     * Execute a function when link is envoked. This prevents the default behaviour for `<a >` Tag
-     */
-    onLinkClick?: () => void;
-    /**
-     * Text to override `linkText` with additional, more precise information
-     * specifically for screen reader users.
-     */
-    linkAriaLabel?: string;
-}
-export { Alert };