@arc-ui/components 11.2.0 → 11.3.0

package/dist/Checkbox/Checkbox.cjs.js

@@ -3,8 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../_shared/cjs/index-78b35bc1.js');
-var React$1 = require('react');
-var FormControl = require('../_shared/cjs/FormControl-e6b7d7c5.js');
+var React = require('react');
+var BtIconTickAlt2Px = require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
+var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
 var index$1 = require('../_shared/cjs/index-45bfb67b.js');
 var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
 require('../_shared/cjs/Text-1d3844be.js');
@@ -13,35 +14,15 @@ require('../_shared/cjs/BtIconChevronRightMid-5a38d855.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 BtIconTickVariant = 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:
-        "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconTickVariant_2 = BtIconTickVariant;
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /**
  *  Use `Checkbox` to allow users to select individual options.
  */
-var Checkbox = React$1.forwardRef(function (_a, ref) {
+var Checkbox = React.forwardRef(function (_a, ref) {
     var _b = _a.checked, checked = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isRequired, isRequired = _d === void 0 ? false : _d, label = _a.label, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _e = _a.size, size = _e === void 0 ? "l" : _e, value = _a.value, props = index.__rest(_a, ["checked", "errorMessage", "helper", "id", "isDisabled", "isRequired", "label", "name", "onBlur", "onChange", "size", "value"]);
-    var requirementStatus = React$1.useContext(FormControl.Context).requirementStatus;
-    var surface = React$1.useContext(Surface.Context).surface;
+    var requirementStatus = React.useContext(FormControl.Context).requirementStatus;
+    var surface = React.useContext(Surface.Context).surface;
     var _f = FormControl.useAriaDescribedby({
         id: id,
         errorMessage: errorMessage
@@ -67,7 +48,7 @@ var Checkbox = React$1.forwardRef(function (_a, ref) {
         React__default["default"].createElement("label", { id: idLabel, htmlFor: id, className: "arc-Checkbox-label" },
             React__default["default"].createElement("input", index.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, index.filterDataAttrs(props))),
             React__default["default"].createElement("span", { className: "arc-Checkbox-box" },
-                React__default["default"].createElement(BtIconTickVariant_2, null)),
+                React__default["default"].createElement(BtIconTickAlt2Px.BtIconTickAlt2Px_2, null)),
             React__default["default"].createElement("span", null,
                 label,
                 !isRequired && requirementStatus !== "optional" ? (React__default["default"].createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,

package/dist/Checkbox/Checkbox.esm.js

@@ -1,32 +1,13 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import React__default, { forwardRef, useContext } from 'react';
-import { C as Context, u as useAriaDescribedby, B as BtIconAlert_2 } from '../_shared/esm/FormControl-84c9ace6.js';
+import { B as BtIconTickAlt2Px_2 } from '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
+import { C as Context, u as useAriaDescribedby, B as BtIconAlert_2 } from '../_shared/esm/FormControl-2cb96de7.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import { C as Context$1 } from '../_shared/esm/Surface-bf201530.js';
 import '../_shared/esm/Text-6b958ad8.js';
 import '../_shared/esm/suffix-modifier-f5e28822.js';
 import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
 
-const React = React__default;
-const BtIconTickVariant = 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:
-        "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconTickVariant_2 = BtIconTickVariant;
-
 /**
  *  Use `Checkbox` to allow users to select individual options.
  */
@@ -59,7 +40,7 @@ var Checkbox = forwardRef(function (_a, ref) {
         React__default.createElement("label", { id: idLabel, htmlFor: id, className: "arc-Checkbox-label" },
             React__default.createElement("input", __assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, filterDataAttrs(props))),
             React__default.createElement("span", { className: "arc-Checkbox-box" },
-                React__default.createElement(BtIconTickVariant_2, null)),
+                React__default.createElement(BtIconTickAlt2Px_2, null)),
             React__default.createElement("span", null,
                 label,
                 !isRequired && requirementStatus !== "optional" ? (React__default.createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,

package/dist/FormControl/FormControl.cjs.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-e6b7d7c5";
+export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-d4d9c665";

package/dist/FormControl/FormControl.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-e6b7d7c5.js');
+var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
 require('../_shared/cjs/index-78b35bc1.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');

package/dist/FormControl/FormControl.esm.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/esm/FormControl-84c9ace6";
+export { FormControl, FormControlContext } from "../_shared/esm/FormControl-2cb96de7";

package/dist/FormControl/FormControl.esm.js

@@ -1,4 +1,4 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-84c9ace6.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-2cb96de7.js';
 import '../_shared/esm/index-229fc864.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-e6b7d7c5";
+import { FormControlProps } from "../_shared/cjs/FormControl-d4d9c665";
 /**
  * Radio Button component.
  */
@@ -35,7 +35,7 @@ type EventType = React.ChangeEvent<HTMLInputElement>;
 declare const RadioGroup: FC<RadioGroupProps> & {
     RadioButton: typeof RadioButton;
 };
-interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus"> {
+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/RadioGroup/RadioGroup.cjs.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../_shared/cjs/index-78b35bc1.js');
 var React = require('react');
-var FormControl = require('../_shared/cjs/FormControl-e6b7d7c5.js');
+var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
 var index$1 = require('../_shared/cjs/index-45bfb67b.js');
 var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
 require('../_shared/cjs/Text-1d3844be.js');
@@ -67,7 +67,7 @@ var RadioGroup = function (_a) {
             size: size
         } },
         React__default["default"].createElement("div", index.__assign({ className: "arc-RadioGroup" }, index.filterDataAttrs(props)),
-            React__default["default"].createElement(FormControl.FormControl, { elementType: "fieldset", label: label, labelSize: labelSize, helper: helper, id: id, requirementStatus: "not-applicable" }, children))));
+            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;

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-84c9ace6";
+import { FormControlProps } from "../_shared/esm/FormControl-2cb96de7";
 /**
  * Radio Button component.
  */
@@ -35,7 +35,7 @@ type EventType = React.ChangeEvent<HTMLInputElement>;
 declare const RadioGroup: FC<RadioGroupProps> & {
     RadioButton: typeof RadioButton;
 };
-interface RadioGroupProps extends Omit<FormControlProps, "children" | "elementType" | "errorMessage" | "htmlFor" | "labelSize" | "requirementStatus"> {
+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/RadioGroup/RadioGroup.esm.js

@@ -1,6 +1,6 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
 import React__default, { createContext, useContext, forwardRef, useEffect } from 'react';
-import { F as FormControl } from '../_shared/esm/FormControl-84c9ace6.js';
+import { F as FormControl } from '../_shared/esm/FormControl-2cb96de7.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import { C as Context } from '../_shared/esm/Surface-bf201530.js';
 import '../_shared/esm/Text-6b958ad8.js';
@@ -59,7 +59,7 @@ var RadioGroup = function (_a) {
             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" }, children))));
+            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;

package/dist/Select/Select.cjs.d.ts

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