@arc-ui/components 11.1.0 → 11.3.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/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/Switch/Switch.d.ts

@@ -1,20 +1,25 @@
 import { FC } from "react";
 import { SwitchProps as RadixSwitchProps } from "@radix-ui/react-switch";
-/** `WIP`: Use `Switch` to toggle between checked and not checked. */
+import { FormControlProps } from "../FormControl/FormControl";
+/** Use `Switch` to toggle between checked and not checked. */
 export declare const Switch: FC<SwitchProps>;
-export interface SwitchProps {
+export interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper"> {
     /**
-     * label for screen readers to announce
+     * Hide Label above toggle?
      */
-    label: string;
+    hideLabel?: boolean;
     /**
-     * handler for blur
+     * Text to display next to `Switch`
      */
-    onBlur?: RadixSwitchProps["onBlur"];
+    statusText?: string;
+    /**
+     * Should the `Switch` be disabled?
+     */
+    isDisabled?: FormControlProps["isDisabled"];
     /**
-     * show rendered label above input, useful for forms
+     * handler for blur
      */
-    showLabel?: boolean;
+    onBlur?: RadixSwitchProps["onBlur"];
     /**
      * set the switch to be checked by default
      */

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

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

@@ -25,6 +25,7 @@ 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 { Text } from "./Text";
 export { TextInput } from "./TextInput";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "11.1.0",
+  "version": "11.3.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.1.0",
-    "@arc-ui/icons": "^11.1.0",
-    "@arc-ui/tokens": "^11.1.0",
+    "@arc-ui/fonts": "^11.3.0",
+    "@arc-ui/icons": "^11.3.0",
+    "@arc-ui/tokens": "^11.3.0",
     "@babel/core": "^7.14.3",
     "@babel/helper-define-map": "^7.14.3",
     "@storybook/addon-essentials": "^6.3.6",