@arc-ui/components 11.3.0 → 11.4.0

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

@@ -0,0 +1,46 @@
+import { FC } from "react";
+import { ProgressBarState } from "./types/progress-bar-state";
+import { ProgressBarIcons } from "./types/progress-bar-icons";
+export declare const ProgressBar: FC<ProgressBarProps>;
+export interface ProgressBarProps {
+    /**
+     * Label for screen readers.
+     */
+    ariaLabel: string;
+    /**
+     * Headline for the progress bar.
+     */
+    headline?: string;
+    /**
+     * Title for the progress bar, (e.g. an uploading file's name).
+     */
+    title?: string;
+    /**
+     * Percentage value for the progress bar (negative numbers are rounded to 0, numbers over 100 are rounded to 100).
+     */
+    value?: number;
+    /**
+     * Provide an additional informative description for the progress bar, or brand building slot for secondary messaging which can change over time with progress.
+     */
+    description?: string;
+    /**
+     * Value to display for the progress bar. This is fully customisable, and can be a percentage (15%) Time remaining (1m 15s remaining), proportion of data uploaded/to upload (100KB out of 256KB).
+     */
+    displayValue?: string;
+    /**
+     * State of the progress bar.
+     */
+    state?: ProgressBarState;
+    /**
+     * Sets progress bar to infinitely animate. Use if the progress of a given task cannot be known. The value prop will have no effect if this prop is set to true.
+     */
+    isIndeterminate?: boolean;
+    /**
+     * Action for the progress bar.
+     */
+    action?: {
+        text: string;
+        action: () => void;
+        icon?: ProgressBarIcons;
+    };
+}

package/dist/types/components/ProgressBar/constants/progress-bar-icon-map.d.ts

@@ -0,0 +1,3 @@
+import { ArcIcon } from "../../../types/arc-icon";
+import { ProgressBarIcons } from "../types/progress-bar-icons";
+export declare const PROGRESS_BAR_ICON_MAP: Record<ProgressBarIcons, ArcIcon>;

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

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

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

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

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

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

package/dist/types/components/ProgressBar/utils/get-progress-bar-props.d.ts

@@ -0,0 +1 @@
+export declare const getProgressBarProps: (isIndeterminate: boolean, progressValue: number, ariaLabel: string) => React.HTMLAttributes<HTMLDivElement>;

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

@@ -0,0 +1,32 @@
+import { FC, ReactNode } from "react";
+import { ArcIcon } from "../../types/arc-icon";
+/**
+ * use `Tag` to promote features and manage filtering.
+ */
+export declare const Tag: FC<TagProps>;
+export interface TagProps {
+    /**
+     * Content to render within the Tag
+     */
+    children: ReactNode;
+    /**
+     * Determine if the Tag is removable.
+     */
+    isRemovable?: boolean;
+    /**
+     * Provide a link for the tag
+     */
+    link?: string;
+    /**
+     * Determine a icon to display within the tag.
+     */
+    icon?: ArcIcon;
+    /**
+     * onClick Handler for Tag
+     */
+    onClick?: () => void;
+    /**
+     * Execute function on remove
+     */
+    onRemove?: () => void;
+}

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

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

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

@@ -14,4 +14,20 @@ export interface VerticalSpaceProps {
      * Size of the VerticalSpace.
      */
     size?: VerticalSpaceSize;
+    /**
+     * Size of the VerticalSpace from the small breakpoint upwards.
+     */
+    sizeS?: VerticalSpaceSize;
+    /**
+     * Size of the VerticalSpace from the medium breakpoint upwards.
+     */
+    sizeM?: VerticalSpaceSize;
+    /**
+     * Size of the VerticalSpace from the large breakpoint upwards.
+     */
+    sizeL?: VerticalSpaceSize;
+    /**
+     * Size of the VerticalSpace from the extra large breakpoint upwards.
+     */
+    sizeXL?: VerticalSpaceSize;
 }

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

@@ -27,6 +27,7 @@ export { SiteHeader, SiteHeaderRehydrator } from "./SiteHeader";
 export { Surface, SurfaceContext } from "./Surface";
 export { Switch } from "./Switch";
 export { Badge } from "./Badge";
+export { Tag } from "./Tag";
 export { Text } from "./Text";
 export { TextInput } from "./TextInput";
 export { Truncate } from "./Truncate";

package/dist/types/styles.d.ts

@@ -26,6 +26,7 @@ import "./components/Select/Select.css";
 import "./components/SiteFooter/SiteFooter.css";
 import "./components/SiteHeader/SiteHeader.css";
 import "./components/Surface/Surface.css";
+import "./components/Tag/Tag.css";
 import "./components/Text/Text.css";
 import "./components/TextInput/TextInput.css";
 import "./components/Truncate/Truncate.css";
@@ -59,3 +60,4 @@ import "./components/TextInput/TextInput.bt.css";
 import "./components/UniversalHeader/UniversalHeader.bt.css";
 import "./components/Switch/Switch.bt.css";
 import "./components/Modal/Modal.css";
+import "./components/ProgressBar/ProgressBar.css";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "11.3.0",
+  "version": "11.4.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",
@@ -32,9 +32,9 @@
     "@radix-ui/react-switch": "^1.0.1"
   },
   "devDependencies": {
-    "@arc-ui/fonts": "^11.3.0",
-    "@arc-ui/icons": "^11.3.0",
-    "@arc-ui/tokens": "^11.3.0",
+    "@arc-ui/fonts": "^11.4.0",
+    "@arc-ui/icons": "^11.4.0",
+    "@arc-ui/tokens": "^11.4.0",
     "@babel/core": "^7.14.3",
     "@babel/helper-define-map": "^7.14.3",
     "@storybook/addon-essentials": "^6.3.6",