@arc-ui/components 11.8.0 → 11.10.0

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

@@ -22,4 +22,8 @@ export interface BadgeProps {
      * Aria label for accessibility
      */
     ariaLabel?: string;
+    /**
+     * Aria Role for accessibility
+     */
+    ariaRole?: "status" | "alert";
 }

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/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/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/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/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/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,10 +5,13 @@ export declare const Toast: FC<ToastProps> & {
     Notification: typeof ToastNotification;
 };
 interface ToastProps {
+    /**
+     * Content to display within `Toast`
+     */
     children: React.ReactNode;
     /**
-     * Color scheme for `<Toast />`
+     * Colour scheme for `Toast` - Use 'default' in almost all cases.
      */
-    pathway?: "dark" | "light";
+    colorScheme?: "default" | "alternative";
 }
 export {};

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 />`
@@ -32,7 +32,7 @@ export interface ToastNotificationProps {
         onClick?: () => void;
     };
     /**
-     * Sstatus of `<Toast />`
+     * Status of `<Toast />`
      */
     status?: ToastStatus;
 }

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/components/index.d.ts

@@ -1,7 +1,10 @@
 export { Align } from "./Align";
+export { Alert } from "./Alert";
+export { Badge } from "./Badge";
 export { Base } from "./Base";
-export { Breadcrumbs } from "./Breadcrumbs/Breadcrumbs";
-export { BrandLogo } from "./BrandLogo/BrandLogo";
+export { Box } from "./Box";
+export { BrandLogo } from "./BrandLogo";
+export { Breadcrumbs } from "./Breadcrumbs";
 export { Button } from "./Button";
 export { Card } from "./Card";
 export { Checkbox } from "./Checkbox";
@@ -9,30 +12,38 @@ export { Clock, ClockRehydrator } from "./Clock";
 export { Columns } from "./Columns";
 export { Curve } from "./Curve";
 export { Disclosure } from "./Disclosure";
+export { DisclosureMini } from "./DisclosureMini";
 export { Elevation } from "./Elevation";
-export { FormControl } from "./FormControl";
 export { Filter } from "./Filter";
+export { FormControl } from "./FormControl";
 export { Group } from "./Group";
 export { Heading } from "./Heading";
 export { Icon } from "./Icon";
 export { Image } from "./Image";
 export { Markup } from "./Markup";
+export { MediaCard } from "./MediaCard";
 export { Modal } from "./Modal";
-export { UniversalHeader } from "./UniversalHeader";
+export { Pagination } from "./Pagination";
+export { PaginationSimple } from "./PaginationSimple";
 export { Poster } from "./Poster";
+export { ProgressBar } from "./ProgressBar";
+export { ProgressStepper } from "./ProgressStepper";
 export { RadioGroup } from "./RadioGroup";
 export { Rule } from "./Rule";
+export { ScrollToTop } from "./ScrollToTop";
 export { Section } from "./Section";
 export { Select } from "./Select";
 export { SiteFooter, SiteFooterRehydrator } from "./SiteFooter";
 export { SiteHeader, SiteHeaderRehydrator } from "./SiteHeader";
 export { Surface, SurfaceContext } from "./Surface";
 export { Switch } from "./Switch";
-export { Badge } from "./Badge";
+export { Tabs } from "./Tabs";
 export { Tag } from "./Tag";
 export { Text } from "./Text";
-export { TextInput } from "./TextInput";
 export { TextArea } from "./TextArea";
+export { TextInput } from "./TextInput";
+export { Toast } from "./Toast";
 export { Truncate } from "./Truncate";
+export { UniversalHeader } from "./UniversalHeader";
 export { VerticalSpace } from "./VerticalSpace";
 export { VisuallyHidden } from "./VisuallyHidden";

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.8.0",
+  "version": "11.10.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,12 @@
   "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",
+    "storybook": "storybook dev -p 6006",
+    "storybook:build": "storybook build --quiet",
+    "storybook:quiet": "pnpm run storybook --quiet",
     "test": "TZ=UTC jest",
-    "test:coverage": "yarn test --coverage",
-    "test:watch": "yarn test --changedSince=origin/master --coverage --watch",
+    "test:coverage": "pnpm run test --coverage",
+    "test:watch": "pnpm run test --changedSince=origin/master --coverage --watch",
     "generate:component": "node ./generate-component $1"
   },
   "files": [
@@ -26,38 +26,67 @@
     "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.8.0",
-    "@arc-ui/icons": "^11.8.0",
-    "@arc-ui/tokens": "^11.8.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",
+    "@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",
     "@types/classnames": "^2.2.10",
+    "@types/lodash": "^4.14.184",
     "@types/node": "^12.12.38",
     "@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",
     "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",
     "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 };

package/dist/Align/Align.cjs.d.ts

@@ -1,25 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Align` to align items horizontally or vertically.
- */
-declare const Align: FC<AlignProps>;
-interface AlignProps {
-    /**
-     * Contents of the Align. Each item will be wrapped in an AlignItem component.
-     */
-    children: ReactNode;
-    /**
-     * Horizontal alignment of the Align children.
-     */
-    horizontal?: "left" | "center" | "right";
-    /**
-     * Should the Align child wrappers be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Vertical alignment of the Align children.
-     */
-    vertical?: "top" | "center" | "bottom";
-}
-export { Align };

package/dist/Align/Align.esm.d.ts

@@ -1,25 +0,0 @@
-import { FC, ReactNode } from "react";
-/**
- * Use `Align` to align items horizontally or vertically.
- */
-declare const Align: FC<AlignProps>;
-interface AlignProps {
-    /**
-     * Contents of the Align. Each item will be wrapped in an AlignItem component.
-     */
-    children: ReactNode;
-    /**
-     * Horizontal alignment of the Align children.
-     */
-    horizontal?: "left" | "center" | "right";
-    /**
-     * Should the Align child wrappers be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Vertical alignment of the Align children.
-     */
-    vertical?: "top" | "center" | "bottom";
-}
-export { Align };

package/dist/Badge/Badge.cjs.d.ts

@@ -1,26 +0,0 @@
-import { FC, ReactNode } from "react";
-/** Use `Badge` component to visually display a small amount of information, such as notification counts or status indicators. */
-declare const Badge: FC<BadgeProps>;
-interface BadgeProps {
-    /**
-     * Text to display within Badge
-     */
-    children: ReactNode;
-    /**
-     * Badge Size
-     */
-    size?: "default" | "large";
-    /**
-     * Badge has outline
-     */
-    fill?: "solid" | "outlined";
-    /**
-     * State of the Badge
-     */
-    state?: "default" | "error" | "warning" | "success";
-    /**
-     * Aria label for accessibility
-     */
-    ariaLabel?: string;
-}
-export { Badge };

package/dist/Badge/Badge.esm.d.ts

@@ -1,26 +0,0 @@
-import { FC, ReactNode } from "react";
-/** Use `Badge` component to visually display a small amount of information, such as notification counts or status indicators. */
-declare const Badge: FC<BadgeProps>;
-interface BadgeProps {
-    /**
-     * Text to display within Badge
-     */
-    children: ReactNode;
-    /**
-     * Badge Size
-     */
-    size?: "default" | "large";
-    /**
-     * Badge has outline
-     */
-    fill?: "solid" | "outlined";
-    /**
-     * State of the Badge
-     */
-    state?: "default" | "error" | "warning" | "success";
-    /**
-     * Aria label for accessibility
-     */
-    ariaLabel?: string;
-}
-export { Badge };

package/dist/Base/Base.cjs.d.ts

@@ -1 +0,0 @@
-export { Base } from "../_shared/cjs/Base-569e4334";

package/dist/Base/Base.esm.d.ts

@@ -1 +0,0 @@
-export { Base } from "../_shared/esm/Base-6c01e0ec";