@arc-ui/components 11.24.0 → 11.24.2

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

@@ -13,4 +13,8 @@ export interface BaseProps {
      * Content to display inside Base.
      */
     children: any;
+    /**
+     * Applies a style reset to everything within theme component, defaults to true.
+     */
+    resetCssStyles?: boolean;
 }

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

@@ -1,6 +1,10 @@
 import React, { FC, HTMLAttributes } from "react";
 /**
- * Use `Card` to contain content and actions about a single subject.
+#### Deprecation Notice
+
+The `Card` component has been superseded by a range of new `Card` options (`ImpactCard`, `InformationCard`, `MediaCard`, `TypographyCard`) and therefore is being deprecated from Arc and will be removed in a future release.
+
+Do not use `Card` for any new work, and prepare to update any design that features it to replace it with our newer `Card` options.
  */
 export declare const Card: FC<CardProps> & {
     Block: typeof CardBlock;

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

@@ -1,7 +1,12 @@
 import { FC } from "react";
 /**
- * `Clock` is a demo component that shows the current time.
- */
+#### Deprecation Notice
+
+The `Clock` component is being deprecated from Arc  and will be removed in a future release.
+
+Do not use `Clock` for any new work, and prepare to update any design that features it to remove it.
+
+*/
 export declare const Clock: FC<ClockProps>;
 export type LocaleType = "en-GB" | "en-US" | "ar-EG";
 export interface ClockProps {

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

@@ -3,7 +3,7 @@ import { backgroundsBT } from "../Surface";
 /**
 #### Deprecation Notice
 
-The `Curve` component is an outdated brand feature and is being deprecated from Arc as a standalone component or sub-component within other components. Do not use Curve for any new work, and prepare to update any design that features it to remove it.
+The `Curve` component is an outdated brand feature and is being deprecated from Arc as a standalone component or sub-component within other components. Do not use `Curve` for any new work, and prepare to update any design that features it to remove it.
 
 `Curve` will be removed from Arc in a subsequent release
  */

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

@@ -1,32 +1,21 @@
-import { FC } from "react";
-/**
- * Radio Button component.
- */
-export declare const RadioButton: FC<RadioButtonProps>;
-export interface RadioButtonProps {
-    /**
-     * Determine the alignment the RadioButton.
-     *
-     */
-    radioButtonAlignment?: "top" | "center";
-    /**
-     * ID for the Radio Button.
-     */
+import React from "react";
+import { ContextProps } from "../context";
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
+interface RadioButtonProps {
     id: string;
-    /**
-     * Should the RadioButton be disabled?
-     */
+    label: string;
+    hideLabel?: boolean;
+    name: ContextProps["name"];
+    withMargin?: boolean;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    value?: string;
     isDisabled?: boolean;
-    /**
-     * Helper text for the RadioButton, shown below the label.
-     */
     helper?: string;
-    /**
-     * Label for the RadioButton.
-     */
-    label: string;
-    /**
-     * Current value (controlled).
-     */
-    value: string;
+    labelSize?: ContextProps["labelSize"];
+    size?: ContextProps["size"];
+    radioButtonAlignment?: "top" | "center";
+    changeEvent?: ContextProps["changeEvent"];
+    blurEvent?: ContextProps["blurEvent"];
 }
+export {};

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

@@ -0,0 +1,36 @@
+import React from "react";
+/**
+ * Radio Button component.
+ */
+export declare const RadioButtonGroupInput: React.ForwardRefExoticComponent<RadioButtonGroupInputProps & React.RefAttributes<HTMLInputElement>>;
+export interface RadioButtonGroupInputProps {
+    /**
+     * Determine the alignment the RadioButton.
+     *
+     */
+    radioButtonAlignment?: "top" | "center";
+    /**
+     * ID for the Radio Button.
+     */
+    id: string;
+    /**
+     * Should the RadioButton label be visually hidden? (it will still be announced by screen readers)
+     */
+    hideLabel?: boolean;
+    /**
+     * Should the RadioButton be disabled?
+     */
+    isDisabled?: boolean;
+    /**
+     * Helper text for the RadioButton, shown below the label.
+     */
+    helper?: string;
+    /**
+     * Label for the RadioButton.
+     */
+    label: string;
+    /**
+     * Current value (controlled).
+     */
+    value: string;
+}

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

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

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

@@ -1,12 +1,12 @@
 import React, { FC } from "react";
 import { FormControlProps } from "../FormControl/FormControl";
-import { RadioButton } from "./RadioButton";
+import { RadioButtonGroupInput } from "./RadioButtonGroupInput";
 type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */
 export declare const RadioGroup: FC<RadioGroupProps> & {
-    RadioButton: typeof RadioButton;
+    RadioButton: typeof RadioButtonGroupInput;
 };
 export interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel" | "supplementaryInfo" | "hideLabel"> {
     /**

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

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

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

@@ -1 +1,2 @@
 export { RadioGroup } from "./RadioGroup";
+export { RadioButton } from "./RadioButton";

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

@@ -10,7 +10,11 @@ declare const Context: React.Context<{
     transparent: boolean;
 }>;
 /**
- * Use `SiteHeader` to display brand logo and navigation at the top of a page.
+#### Deprecation Notice
+
+The `SiteHeader` component has been superseded by `SiteHeaderV2` and therefore is being deprecated from Arc and will be removed in a future release.
+
+Do not use `SiteHeader` for any new work, and prepare to update any design that features it to replace it with `SiteHeaderV2`.
  */
 export declare const SiteHeader: FC<SiteHeaderProps> & {
     Column: typeof Column;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "11.24.0",
+  "version": "11.24.2",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./dist/index.js",

package/dist/_shared/esm/Base-f200653c.js

@@ -1,15 +0,0 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
-import React__default, { createContext } from 'react';
-
-var ArcRootElementContext = createContext(null);
-/**
- * Use `Base` as the root component of the arc system.
- */
-var Base = function (_a) {
-    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = __rest(_a, ["brand", "children"]);
-    var _c = React__default.useState(null), arcRoot = _c[0], setArcRoot = _c[1];
-    return (React__default.createElement("div", __assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs(props)),
-        React__default.createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
-};
-
-export { ArcRootElementContext as A, Base as B };