@arc-ui/components 11.2.0 → 11.4.0

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

@@ -63,5 +63,9 @@ export interface FormControlProps {
      * onClick handler for FormControlDisclosure
      */
     onClickDisclosure?: () => void;
+    /**
+     * Position helper text under label. This is set to `false` by default.
+     */
+    helperUnderLabel?: boolean;
 }
 export { Context as FormControlContext };

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

@@ -8,7 +8,7 @@ declare 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"> {
+export interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel"> {
     /**
      * Contents of the RadioGroup. Should only contain `RadioGroup.RadioButton`
      */

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

@@ -2,7 +2,7 @@ import React, { FocusEvent } from "react";
 import { FormControlProps } from "../FormControl/FormControl";
 /** Use `Select` to choose from a dropdown list of options. */
 export declare const Select: React.FC<SelectProps>;
-export interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id"> {
+export interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel"> {
     name: string;
     label: string;
     placeholder: string;

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

@@ -5,7 +5,7 @@ declare type EventType = React.ChangeEvent<HTMLInputElement>;
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */
 export declare const TextInput: FC<TextInputProps>;
-export interface TextInputProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus"> {
+export interface TextInputProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel"> {
     /**
      * Uncontrolled default value of the TextInput. If the TextInput is controlled
      * via `value`/`onChange`, `defaultValue` will be ignored.

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" | "24" | "32" | "48" | "64" | "96" | "128";
+export declare 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
@@ -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.2.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.2.0",
-    "@arc-ui/icons": "^11.2.0",
-    "@arc-ui/tokens": "^11.2.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",

package/dist/_shared/cjs/VerticalSpace-65ad083c.d.ts

@@ -1,18 +0,0 @@
-import { FC } from "react";
-/**
- * Use `VerticalSpace` to create vertical space between components.
- */
-declare const VerticalSpace: FC<VerticalSpaceProps>;
-type VerticalSpaceSize = "4" | "8" | "12" | "16" | "24" | "32" | "48" | "64" | "96" | "128";
-interface VerticalSpaceProps {
-    /**
-     * Should the VerticalSpace be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Size of the VerticalSpace.
-     */
-    size?: VerticalSpaceSize;
-}
-export { VerticalSpace, VerticalSpaceSize, VerticalSpaceProps };

package/dist/_shared/esm/VerticalSpace-6b4f5e50.d.ts

@@ -1,18 +0,0 @@
-import { FC } from "react";
-/**
- * Use `VerticalSpace` to create vertical space between components.
- */
-declare const VerticalSpace: FC<VerticalSpaceProps>;
-type VerticalSpaceSize = "4" | "8" | "12" | "16" | "24" | "32" | "48" | "64" | "96" | "128";
-interface VerticalSpaceProps {
-    /**
-     * Should the VerticalSpace be visible for debugging and documentation
-     * purposes?
-     */
-    isDebugVisible?: boolean;
-    /**
-     * Size of the VerticalSpace.
-     */
-    size?: VerticalSpaceSize;
-}
-export { VerticalSpace, VerticalSpaceSize, VerticalSpaceProps };