@arc-ui/components 11.5.0 → 11.6.0

package/dist/Poster/Poster.cjs.js

@@ -2,51 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var index = require('../_shared/cjs/index-45bfb67b.js');
-var React = require('react');
-var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
-var Image = require('../_shared/cjs/Image-3bf4b4f3.js');
-var suffixModifier = require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+var Poster = require('../_shared/cjs/Poster-e05bbe13.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('react');
+require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/Image-3bf4b4f3.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var PosterImage = function (_a) {
-    var alt = _a.alt, _b = _a.anchor, anchor = _b === void 0 ? "C" : _b, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet, props = filterDataAttrs.__rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
-    return (React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, props)));
-};
-PosterImage.displayName = "Poster.Image";
-
-var PosterVideo = function (_a) {
-    var _b;
-    var _c = _a.anchor, anchor = _c === void 0 ? "C" : _c, _d = _a.autoPlay, autoPlay = _d === void 0 ? true : _d, children = _a.children, _e = _a.loop, loop = _e === void 0 ? true : _e, props = filterDataAttrs.__rest(_a, ["anchor", "autoPlay", "children", "loop"]);
-    return (React__default["default"].createElement("video", filterDataAttrs.__assign({ className: index.classNames((_b = {
-                "arc-PosterVideo": true
-            },
-            _b[suffixModifier.suffixModifier("arc-PosterVideo--anchor", anchor)] = anchor,
-            _b)), autoPlay: autoPlay, muted: true, loop: loop }, filterDataAttrs.filterDataAttrs(props)), children));
-};
-PosterVideo.displayName = "Poster.Video";
-
-/**
- * Use `Poster` to compose content on an image or video background.
- */
-var Poster = function (_a) {
-    var background = _a.background, children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? true : _b, _c = _a.surface, surface = _c === void 0 ? "darker" : _c, props = filterDataAttrs.__rest(_a, ["background", "children", "overlay", "surface"]);
-    return (React__default["default"].createElement(Surface.Surface, { background: surface },
-        React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
-                "arc-Poster": true,
-                "arc-Poster--overlay": overlay,
-                "arc-Poster--overlayLight": surface === "lighter"
-            }) }, filterDataAttrs.filterDataAttrs(props)),
-            React__default["default"].createElement("div", { className: "arc-Poster-backgroundWrapper" }, background),
-            React__default["default"].createElement("div", { className: "arc-Poster-body" }, children))));
-};
-PosterImage.displayName = "Poster.Image";
-Poster.Image = PosterImage;
-PosterVideo.displayName = "Poster.Video";
-Poster.Video = PosterVideo;
-
-exports.Poster = Poster;
+exports.Poster = Poster.Poster;

package/dist/Poster/Poster.esm.d.ts

@@ -1,81 +1 @@
-import React from "react";
-import { FC, ReactNode } from "react";
-import { anchorPoints } from "../_shared/esm/index-9483ad5f";
-import { loadingOptions } from "../_shared/esm/Image-3596ce55";
-declare const PosterImage: FC<PosterImageProps>;
-interface PosterImageProps {
-    /**
-     * Alternative text for the Poster.Image, shown if the image cannot be displayed. Consider avoiding this prop if the image is for decorative purposes only.
-     */
-    alt?: string;
-    /**
-     * Anchor point for the Poster.Image.
-     */
-    anchor?: typeof anchorPoints[number];
-    /**
-     * Loading behaviour of the Poster.Image.
-     */
-    loading?: typeof loadingOptions[number];
-    /**
-     * The HTML [sizes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes) attribute for the Poster.Image. Required if `srcSet` is defined.
-     */
-    sizes?: string;
-    /**
-     * The `src` for the Poster.Image. Used if srcSet is not defined, or as a fallback.
-     */
-    src: string;
-    /**
-     * A comma-separated list indicating a set of possible sources for the user agent to use for different screen sizes for the Poster.Image. Same format as [srcSet](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#Example_4_Using_the_srcset_and_sizes_attributes), i.e. `my-image-200.png 200w, my-image-200.png 200w`.
-     */
-    srcSet?: string;
-    /**
-     * Contents of the PosterImage.
-     */
-    children?: React.ReactNode;
-}
-declare const PosterVideo: FC<PosterVideoProps>;
-interface PosterVideoProps {
-    /**
-     * Anchor point for the Poster.Video,
-     */
-    anchor?: typeof anchorPoints[number];
-    /**
-     * Should the Poster.Video autoplay?
-     */
-    autoPlay?: boolean;
-    /**
-     * HTML video sources for the Poster.Video. [See MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video).
-     */
-    children: ReactNode;
-    /**
-     * Should the Poster.Video loop?
-     */
-    loop?: boolean;
-}
-/**
- * Use `Poster` to compose content on an image or video background.
- */
-declare const Poster: FC<PosterProps> & {
-    Image: typeof PosterImage;
-    Video: typeof PosterVideo;
-};
-interface PosterProps {
-    /**
-     * Poster background to overlay content on top of. Must be one of Poster.Image or Poster.Video.
-     */
-    background: ReactNode;
-    /**
-     * Contents of the Poster. Each item will be wrapped in an PosterItem component.
-     */
-    children: ReactNode;
-    /**
-     * Apply an overlay to the Poster background, e.g. a scrim gradient for text legibility.
-     */
-    overlay?: boolean;
-    /**
-     * The background surface colour to show behind the Poster content before it loads.
-     * If using `overlay`, the gradient will match the surface.
-     */
-    surface?: "darker" | "lighter";
-}
-export { Poster };
+export { Poster } from "../_shared/esm/Poster-107d6954";

package/dist/Poster/Poster.esm.js

@@ -1,44 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import React__default from 'react';
-import { S as Surface } from '../_shared/esm/Surface-bb100ef8.js';
-import { I as Image } from '../_shared/esm/Image-3596ce55.js';
-import { s as suffixModifier } from '../_shared/esm/suffix-modifier-7e640670.js';
-
-var PosterImage = function (_a) {
-    var alt = _a.alt, _b = _a.anchor, anchor = _b === void 0 ? "C" : _b, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet, props = __rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
-    return (React__default.createElement(Image, __assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, props)));
-};
-PosterImage.displayName = "Poster.Image";
-
-var PosterVideo = function (_a) {
-    var _b;
-    var _c = _a.anchor, anchor = _c === void 0 ? "C" : _c, _d = _a.autoPlay, autoPlay = _d === void 0 ? true : _d, children = _a.children, _e = _a.loop, loop = _e === void 0 ? true : _e, props = __rest(_a, ["anchor", "autoPlay", "children", "loop"]);
-    return (React__default.createElement("video", __assign({ className: classNames((_b = {
-                "arc-PosterVideo": true
-            },
-            _b[suffixModifier("arc-PosterVideo--anchor", anchor)] = anchor,
-            _b)), autoPlay: autoPlay, muted: true, loop: loop }, filterDataAttrs(props)), children));
-};
-PosterVideo.displayName = "Poster.Video";
-
-/**
- * Use `Poster` to compose content on an image or video background.
- */
-var Poster = function (_a) {
-    var background = _a.background, children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? true : _b, _c = _a.surface, surface = _c === void 0 ? "darker" : _c, props = __rest(_a, ["background", "children", "overlay", "surface"]);
-    return (React__default.createElement(Surface, { background: surface },
-        React__default.createElement("div", __assign({ className: classNames({
-                "arc-Poster": true,
-                "arc-Poster--overlay": overlay,
-                "arc-Poster--overlayLight": surface === "lighter"
-            }) }, filterDataAttrs(props)),
-            React__default.createElement("div", { className: "arc-Poster-backgroundWrapper" }, background),
-            React__default.createElement("div", { className: "arc-Poster-body" }, children))));
-};
-PosterImage.displayName = "Poster.Image";
-Poster.Image = PosterImage;
-PosterVideo.displayName = "Poster.Video";
-Poster.Video = PosterVideo;
-
-export { Poster };
+export { P as Poster } from '../_shared/esm/Poster-107d6954.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import '../_shared/esm/index-2ae58626.js';
+import 'react';
+import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/Image-3596ce55.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';

package/dist/RadioGroup/RadioGroup.cjs.d.ts

@@ -1,85 +1 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-42360ae8";
-/**
- * Radio Button component.
- */
-declare const RadioButton: FC<RadioButtonProps>;
-interface RadioButtonProps {
-    /**
-     * ID for the Radio Button.
-     */
-    id: string;
-    /**
-     * 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;
-}
-type EventType = React.ChangeEvent<HTMLInputElement>;
-/**
- * Use `RadioGroup` to wrap and control radio buttons and apply default values
- */
-declare const RadioGroup: FC<RadioGroupProps> & {
-    RadioButton: typeof RadioButton;
-};
-interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel"> {
-    /**
-     * Contents of the RadioGroup. Should only contain `RadioGroup.RadioButton`
-     */
-    children?: React.ReactNode;
-    /**
-     * Value of the RadioButton that should be checked by default.
-     */
-    checkedValue: string;
-    /**
-     * Should all controls be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Helper message for the RadioGroup.
-     */
-    helper?: string;
-    /**
-     * ID for the RadioGroup.
-     */
-    id: string;
-    /**
-     * Label for the RadioGroup.
-     */
-    label: string;
-    /**
-     * Label size for the RadioGroup
-     */
-    labelSize?: "s" | "l";
-    /**
-     * Name for the RadioGroup.
-     */
-    name: string;
-    /**
-     * Function to call when the RadioGroup loses focus.
-     */
-    onBlur?: (e: EventType) => void;
-    /**
-     * Callback function to update the RadioGroup's controlled `checkedValue` prop,
-     * for example `e => setCheckedValue(e.target.value)`.
-     */
-    onChange?: (event: EventType) => void;
-    /**
-     * Size of the RadioGroup.
-     */
-    size?: "s" | "l";
-}
-export { RadioGroup };
+export { RadioGroup } from "../_shared/cjs/RadioGroup-81805ef9";

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -2,77 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var React = require('react');
-var FormControl = require('../_shared/cjs/FormControl-42360ae8.js');
-var index = require('../_shared/cjs/index-45bfb67b.js');
-var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var RadioGroup = require('../_shared/cjs/RadioGroup-81805ef9.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('react');
+require('../_shared/cjs/FormControl-9aaddd54.js');
+require('../_shared/cjs/index-45bfb67b.js');
 require('../_shared/cjs/BtIconAlert-637db790.js');
-require('../_shared/cjs/DisclosureMini-5af13d3c.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
+require('../_shared/cjs/DisclosureMini-067e0319.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
 require('../_shared/cjs/Text-6f2827e6.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/VerticalSpace-86f697e7.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var RadioContext = React.createContext({});
-var Provider = RadioContext.Provider;
-var useRadioContext = function () {
-    var context = React.useContext(RadioContext);
-    return context;
-};
-
-/**
- * Radio Button component.
- */
-var RadioButton = React.forwardRef(function (_a, ref) {
-    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = filterDataAttrs.__rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
-    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, checkedValue = _b.checkedValue, labelSize = _b.labelSize, name = _b.name, size = _b.size;
-    var surface = React.useContext(Surface.Context).surface;
-    var idLabel = "".concat(id, "-label");
-    var checked = checkedValue === value ? true : false;
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
-            "arc-RadioButton": true,
-            "arc-RadioButton--disabled": isDisabled || groupDisabled,
-            "arc-RadioButton--small": size === "s",
-            "arc-RadioButton--smallLabel": labelSize === "s",
-            "arc-RadioButton--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("label", { className: "arc-RadioButton-label", htmlFor: id, id: idLabel },
-            React__default["default"].createElement("input", { className: "arc-RadioButton-input", checked: typeof changeEvent !== "function" ? undefined : checked, defaultChecked: typeof changeEvent !== "function" ? checked : undefined, disabled: isDisabled || groupDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value }),
-            React__default["default"].createElement("span", null,
-                label,
-                helper && React__default["default"].createElement("span", { className: "arc-RadioButton-helper" }, helper)))));
-});
-
-/**
- * Use `RadioGroup` to wrap and control radio buttons and apply default values
- */
-var RadioGroup = function (_a) {
-    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, helper = _a.helper, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? "l" : _d, props = filterDataAttrs.__rest(_a, ["children", "checkedValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
-    React.useEffect(function () {
-        React__default["default"].Children.map(children, function (item) {
-            if (item && item.type !== RadioButton) {
-                throw new Error("Illegal child passed to <RadioGroup />. Ensure to only use <RadioGroup.RadioButton />.");
-            }
-        });
-    }, [children]);
-    return (React__default["default"].createElement(Provider, { value: {
-            blurEvent: onBlur,
-            changeEvent: onChange,
-            groupDisabled: isDisabled,
-            checkedValue: checkedValue,
-            labelSize: labelSize,
-            name: name,
-            size: size
-        } },
-        React__default["default"].createElement("div", filterDataAttrs.__assign({ className: "arc-RadioGroup" }, filterDataAttrs.filterDataAttrs(props)),
-            React__default["default"].createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable", helperUnderLabel: true }, children))));
-};
-RadioButton.displayName = "RadioGroup.RadioButton";
-RadioGroup.RadioButton = RadioButton;
-
-exports.RadioGroup = RadioGroup;
+exports.RadioGroup = RadioGroup.RadioGroup;

package/dist/RadioGroup/RadioGroup.esm.d.ts

@@ -1,85 +1 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-0744f93f";
-/**
- * Radio Button component.
- */
-declare const RadioButton: FC<RadioButtonProps>;
-interface RadioButtonProps {
-    /**
-     * ID for the Radio Button.
-     */
-    id: string;
-    /**
-     * 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;
-}
-type EventType = React.ChangeEvent<HTMLInputElement>;
-/**
- * Use `RadioGroup` to wrap and control radio buttons and apply default values
- */
-declare const RadioGroup: FC<RadioGroupProps> & {
-    RadioButton: typeof RadioButton;
-};
-interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helperUnderLabel"> {
-    /**
-     * Contents of the RadioGroup. Should only contain `RadioGroup.RadioButton`
-     */
-    children?: React.ReactNode;
-    /**
-     * Value of the RadioButton that should be checked by default.
-     */
-    checkedValue: string;
-    /**
-     * Should all controls be disabled?
-     */
-    isDisabled?: boolean;
-    /**
-     * Helper message for the RadioGroup.
-     */
-    helper?: string;
-    /**
-     * ID for the RadioGroup.
-     */
-    id: string;
-    /**
-     * Label for the RadioGroup.
-     */
-    label: string;
-    /**
-     * Label size for the RadioGroup
-     */
-    labelSize?: "s" | "l";
-    /**
-     * Name for the RadioGroup.
-     */
-    name: string;
-    /**
-     * Function to call when the RadioGroup loses focus.
-     */
-    onBlur?: (e: EventType) => void;
-    /**
-     * Callback function to update the RadioGroup's controlled `checkedValue` prop,
-     * for example `e => setCheckedValue(e.target.value)`.
-     */
-    onChange?: (event: EventType) => void;
-    /**
-     * Size of the RadioGroup.
-     */
-    size?: "s" | "l";
-}
-export { RadioGroup };
+export { RadioGroup } from "../_shared/esm/RadioGroup-1fd0f389";

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,70 +1,11 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import React__default, { createContext, useContext, forwardRef, useEffect } from 'react';
-import { F as FormControl } from '../_shared/esm/FormControl-0744f93f.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
+export { R as RadioGroup } from '../_shared/esm/RadioGroup-1fd0f389.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import 'react';
+import '../_shared/esm/FormControl-5e3fdca3.js';
+import '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import '../_shared/esm/DisclosureMini-322fccc0.js';
+import '../_shared/esm/Surface-bb100ef8.js';
+import '../_shared/esm/DisclosureMini-022beae3.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
 import '../_shared/esm/Text-00e9743b.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/VerticalSpace-93980c9c.js';
-
-var RadioContext = createContext({});
-var Provider = RadioContext.Provider;
-var useRadioContext = function () {
-    var context = useContext(RadioContext);
-    return context;
-};
-
-/**
- * Radio Button component.
- */
-var RadioButton = forwardRef(function (_a, ref) {
-    var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = __rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
-    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, checkedValue = _b.checkedValue, labelSize = _b.labelSize, name = _b.name, size = _b.size;
-    var surface = useContext(Context).surface;
-    var idLabel = "".concat(id, "-label");
-    var checked = checkedValue === value ? true : false;
-    return (React__default.createElement("div", __assign({ className: classNames({
-            "arc-RadioButton": true,
-            "arc-RadioButton--disabled": isDisabled || groupDisabled,
-            "arc-RadioButton--small": size === "s",
-            "arc-RadioButton--smallLabel": labelSize === "s",
-            "arc-RadioButton--onDarkSurface": surface === "dark"
-        }) }, filterDataAttrs(props)),
-        React__default.createElement("label", { className: "arc-RadioButton-label", htmlFor: id, id: idLabel },
-            React__default.createElement("input", { className: "arc-RadioButton-input", checked: typeof changeEvent !== "function" ? undefined : checked, defaultChecked: typeof changeEvent !== "function" ? checked : undefined, disabled: isDisabled || groupDisabled, id: id, name: name, onBlur: blurEvent, onChange: changeEvent, ref: ref, type: "radio", value: value }),
-            React__default.createElement("span", null,
-                label,
-                helper && React__default.createElement("span", { className: "arc-RadioButton-helper" }, helper)))));
-});
-
-/**
- * Use `RadioGroup` to wrap and control radio buttons and apply default values
- */
-var RadioGroup = function (_a) {
-    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, helper = _a.helper, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? "l" : _d, props = __rest(_a, ["children", "checkedValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
-    useEffect(function () {
-        React__default.Children.map(children, function (item) {
-            if (item && item.type !== RadioButton) {
-                throw new Error("Illegal child passed to <RadioGroup />. Ensure to only use <RadioGroup.RadioButton />.");
-            }
-        });
-    }, [children]);
-    return (React__default.createElement(Provider, { value: {
-            blurEvent: onBlur,
-            changeEvent: onChange,
-            groupDisabled: isDisabled,
-            checkedValue: checkedValue,
-            labelSize: labelSize,
-            name: name,
-            size: size
-        } },
-        React__default.createElement("div", __assign({ className: "arc-RadioGroup" }, filterDataAttrs(props)),
-            React__default.createElement(FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable", helperUnderLabel: true }, children))));
-};
-RadioButton.displayName = "RadioGroup.RadioButton";
-RadioGroup.RadioButton = RadioButton;
-
-export { RadioGroup };

package/dist/ScrollToTop/ScrollToTop.cjs.d.ts

@@ -0,0 +1,25 @@
+import { FC } from "react";
+/**
+ * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
+ */
+declare const ScrollToTop: FC<ScrollToTopProps>;
+interface ScrollToTopProps {
+    /**
+     * If true, the button will stick to the bottom right corner of the screen.
+     */
+    isFixed?: boolean;
+    /**
+     * Sets when the scroll button should appear. `always` will show the button all the time.
+     * `afterScroll` will show the button when the user has stopped scrolling and have passed the fold.
+     */
+    appear?: "always" | "afterScroll";
+    /**
+     * Z-index for the button. Used to fine tune the overlapping of other page elements.
+     */
+    zIndex?: number;
+    /**
+     * Button fill.
+     */
+    fill?: "solid" | "outlined";
+}
+export { ScrollToTop };

package/dist/ScrollToTop/ScrollToTop.cjs.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
+var React$1 = require('react');
+var debounce = require('../_shared/cjs/debounce-506538c5.js');
+var Icon = require('../_shared/cjs/Icon-9ae8dbe1.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+
+const React = React__default["default"];
+const BtIconArrowAltUp = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d:
+        "M20.35352,13.14648,16,8.793l-4.35352,4.35352a.49995.49995,0,0,0,.707.707L15.5,10.707V22.5a.5.5,0,0,0,1,0V10.707l3.14648,3.14648a.49995.49995,0,0,0,.707-.707Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconArrowAltUp_2 = BtIconArrowAltUp;
+
+/**
+ * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
+ */
+var ScrollToTop = function (_a) {
+    var _b = _a.appear, appear = _b === void 0 ? "always" : _b, _c = _a.isFixed, isFixed = _c === void 0 ? true : _c, _d = _a.fill, fill = _d === void 0 ? "solid" : _d, _e = _a.zIndex, zIndex = _e === void 0 ? 100 : _e, props = filterDataAttrs.__rest(_a, ["appear", "isFixed", "fill", "zIndex"]);
+    var _f = React$1.useState(false), hasScrolled = _f[0], setHasScrolled = _f[1];
+    React$1.useEffect(function () {
+        var handleScroll = debounce.debounce_1(function () {
+            setHasScrolled(window.scrollY > 0);
+        }, 100);
+        window.addEventListener("scroll", handleScroll);
+        return function () { return window.removeEventListener("scroll", handleScroll); };
+    });
+    var onClick = function () {
+        window.scrollTo({
+            top: 0,
+            behavior: "smooth"
+        });
+    };
+    return (React__default["default"].createElement("button", filterDataAttrs.__assign({ onClick: onClick, style: {
+            zIndex: zIndex
+        }, className: index.classNames("arc-ScrollToTop", "arc-ScrollToTop--".concat(fill), {
+            "arc-ScrollToTop--fixed": isFixed,
+            "arc-ScrollToTop--visible": appear === "always" || (appear === "afterScroll" && hasScrolled)
+        }) }, filterDataAttrs.filterDataAttrs(props)),
+        React__default["default"].createElement("div", { className: "arc-ScrollToTop-textWrapper" },
+            React__default["default"].createElement("span", { className: "arc-ScrollToTop-text" }, "Scroll to top")),
+        React__default["default"].createElement("span", { className: "arc-ScrollToTop-iconContainer" },
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowAltUp_2, size: 44 }))));
+};
+
+exports.ScrollToTop = ScrollToTop;

package/dist/ScrollToTop/ScrollToTop.esm.d.ts

@@ -0,0 +1,25 @@
+import { FC } from "react";
+/**
+ * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
+ */
+declare const ScrollToTop: FC<ScrollToTopProps>;
+interface ScrollToTopProps {
+    /**
+     * If true, the button will stick to the bottom right corner of the screen.
+     */
+    isFixed?: boolean;
+    /**
+     * Sets when the scroll button should appear. `always` will show the button all the time.
+     * `afterScroll` will show the button when the user has stopped scrolling and have passed the fold.
+     */
+    appear?: "always" | "afterScroll";
+    /**
+     * Z-index for the button. Used to fine tune the overlapping of other page elements.
+     */
+    zIndex?: number;
+    /**
+     * Button fill.
+     */
+    fill?: "solid" | "outlined";
+}
+export { ScrollToTop };