@arc-ui/components 11.6.0 → 11.8.0

package/dist/TextArea/TextArea.cjs.js

@@ -6,38 +6,38 @@ var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-45bfb67b.js');
 require('../_shared/cjs/Base-569e4334.js');
-require('../_shared/cjs/Breadcrumbs-8b554370.js');
-var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
-require('../_shared/cjs/Button-27512fee.js');
-require('../_shared/cjs/Card-804ab0e5.js');
-require('../_shared/cjs/Checkbox-21d3c4f6.js');
+require('../_shared/cjs/Breadcrumbs-0906dd10.js');
+var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
+require('../_shared/cjs/Button-5aaa6776.js');
+require('../_shared/cjs/Card-fd189ba8.js');
+require('../_shared/cjs/Checkbox-02c546ca.js');
 require('../_shared/cjs/Columns-e90798f8.js');
-require('../_shared/cjs/Heading-d45f6a7f.js');
-var FormControl = require('../_shared/cjs/FormControl-9aaddd54.js');
-require('../_shared/cjs/Filter-f7d2fbda.js');
-require('../_shared/cjs/Group-d83f8c2e.js');
-require('../_shared/cjs/Image-3bf4b4f3.js');
-require('../_shared/cjs/UniversalHeader-cc1d9e5a.js');
-require('../_shared/cjs/Poster-e05bbe13.js');
-require('../_shared/cjs/RadioGroup-81805ef9.js');
-require('../_shared/cjs/SiteFooter-c540b5f1.js');
-require('../_shared/cjs/SiteHeader.rehydrator-f7fa2efe.js');
-var Text = require('../_shared/cjs/Text-6f2827e6.js');
-require('../_shared/cjs/TextInput-33314fc4.js');
+require('../_shared/cjs/Heading-e3332dcf.js');
+var FormControl = require('../_shared/cjs/FormControl-1e1bf2bf.js');
+require('../_shared/cjs/Filter-a7574fe7.js');
+require('../_shared/cjs/Group-f85dd4c0.js');
+require('../_shared/cjs/Image-0e393cbf.js');
+var Text = require('../_shared/cjs/Text-fa447e2d.js');
+require('../_shared/cjs/UniversalHeader-da622e1a.js');
+require('../_shared/cjs/Poster-faea1ad3.js');
+require('../_shared/cjs/RadioGroup-d7664b0c.js');
+require('../_shared/cjs/SiteFooter-5da774e1.js');
+require('../_shared/cjs/SiteHeader.rehydrator-acc9d8c4.js');
+require('../_shared/cjs/TextInput-f4549637.js');
 require('../_shared/cjs/debounce-506538c5.js');
 require('../_shared/cjs/BtIconChevronRight2Px-a8e40136.js');
-require('../_shared/cjs/Icon-9ae8dbe1.js');
+require('../_shared/cjs/Icon-e1dd45eb.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
 require('../_shared/cjs/BtIconChevronLeftMid-df952a3e.js');
 require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
 require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
 require('../_shared/cjs/BtIconAlert-637db790.js');
-require('../_shared/cjs/DisclosureMini-067e0319.js');
+require('../_shared/cjs/DisclosureMini-52706ee6.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
 require('../_shared/cjs/index.es-77def0c9.js');
-require('../_shared/cjs/BrandLogo-8008f0c4.js');
-require('../_shared/cjs/Curve-b05589d8.js');
+require('../_shared/cjs/BrandLogo-8107d59f.js');
+require('../_shared/cjs/Curve-781ef633.js');
 require('../_shared/cjs/Section-48aca5f5.js');
 require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
 
@@ -45,6 +45,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 var TextArea = React.forwardRef(function (_a, ref) {
     var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText"]);
     var surface = React.useContext(Surface.Context).surface;

package/dist/TextArea/TextArea.esm.d.ts

@@ -1,12 +1,15 @@
 /// <reference types="react" />
 import React from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-5e3fdca3";
+import { FormControlProps } from "../_shared/esm/FormControl-f18e2f59";
 type EventType = React.ChangeEvent<HTMLTextAreaElement>;
+/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel"> {
     /**
      * Uncontrolled default value of the TextArea. If the TextArea is controlled
      * via `value`/`onChange`, `defaultValue` will be ignored.
+     *
+     * `defaultValue` is not to be used instead of helper text.
      */
     defaultValue?: string;
     /**

package/dist/TextArea/TextArea.esm.js

@@ -2,41 +2,42 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm
 import React__default, { forwardRef, useContext, useRef, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/Base-6c01e0ec.js';
-import '../_shared/esm/Breadcrumbs-04590057.js';
-import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
-import '../_shared/esm/Button-d319fa11.js';
-import '../_shared/esm/Card-e79eb6c8.js';
-import '../_shared/esm/Checkbox-94300d8c.js';
+import '../_shared/esm/Breadcrumbs-dafa8dde.js';
+import { C as Context } from '../_shared/esm/Surface-dde51789.js';
+import '../_shared/esm/Button-d1dbcf79.js';
+import '../_shared/esm/Card-e62c3ff6.js';
+import '../_shared/esm/Checkbox-d8891198.js';
 import '../_shared/esm/Columns-8704515b.js';
-import '../_shared/esm/Heading-b61432fb.js';
-import { F as FormControl } from '../_shared/esm/FormControl-5e3fdca3.js';
-import '../_shared/esm/Filter-41b391e3.js';
-import '../_shared/esm/Group-d62c3f56.js';
-import '../_shared/esm/Image-3596ce55.js';
-import '../_shared/esm/UniversalHeader-7926abde.js';
-import '../_shared/esm/Poster-107d6954.js';
-import '../_shared/esm/RadioGroup-1fd0f389.js';
-import '../_shared/esm/SiteFooter-8075a9bd.js';
-import '../_shared/esm/SiteHeader.rehydrator-4da8ac64.js';
-import { T as Text } from '../_shared/esm/Text-00e9743b.js';
-import '../_shared/esm/TextInput-1631dbc4.js';
+import '../_shared/esm/Heading-0f629151.js';
+import { F as FormControl } from '../_shared/esm/FormControl-f18e2f59.js';
+import '../_shared/esm/Filter-a01aed11.js';
+import '../_shared/esm/Group-fb26fd32.js';
+import '../_shared/esm/Image-3ed3863c.js';
+import { T as Text } from '../_shared/esm/Text-40457811.js';
+import '../_shared/esm/UniversalHeader-1c5a886d.js';
+import '../_shared/esm/Poster-a83ae770.js';
+import '../_shared/esm/RadioGroup-be16d5d3.js';
+import '../_shared/esm/SiteFooter-a182cb18.js';
+import '../_shared/esm/SiteHeader.rehydrator-023b7b76.js';
+import '../_shared/esm/TextInput-4424c195.js';
 import '../_shared/esm/debounce-e228705f.js';
 import '../_shared/esm/BtIconChevronRight2Px-b8e7b4ad.js';
-import '../_shared/esm/Icon-fd247973.js';
+import '../_shared/esm/Icon-c1af47bc.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
 import '../_shared/esm/BtIconChevronLeftMid-9f4f3a3d.js';
 import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
 import '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import '../_shared/esm/DisclosureMini-022beae3.js';
+import '../_shared/esm/DisclosureMini-9b819941.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
 import '../_shared/esm/index.es-00cb3bcb.js';
-import '../_shared/esm/BrandLogo-56699561.js';
-import '../_shared/esm/Curve-3e87b1bc.js';
+import '../_shared/esm/BrandLogo-9ec620e8.js';
+import '../_shared/esm/Curve-bbc5589c.js';
 import '../_shared/esm/Section-b8038d66.js';
 import '../_shared/esm/VisuallyHidden-b9eebf71.js';
 
+/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 var TextArea = forwardRef(function (_a, ref) {
     var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText"]);
     var surface = useContext(Context).surface;

package/dist/TextInput/TextInput.cjs.d.ts

@@ -1 +1 @@
-export { TextInput } from "../_shared/cjs/TextInput-7ed03a48";
+export { TextInput } from "../_shared/cjs/TextInput-13050538";

package/dist/TextInput/TextInput.cjs.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextInput = require('../_shared/cjs/TextInput-33314fc4.js');
+var TextInput = require('../_shared/cjs/TextInput-f4549637.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
-require('../_shared/cjs/FormControl-9aaddd54.js');
+require('../_shared/cjs/FormControl-1e1bf2bf.js');
 require('../_shared/cjs/BtIconAlert-637db790.js');
-require('../_shared/cjs/Surface-6da0a78e.js');
-require('../_shared/cjs/DisclosureMini-067e0319.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
+require('../_shared/cjs/DisclosureMini-52706ee6.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
-require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/Text-fa447e2d.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
 

package/dist/TextInput/TextInput.esm.d.ts

@@ -1 +1 @@
-export { TextInput } from "../_shared/esm/TextInput-7ed03a48";
+export { TextInput } from "../_shared/esm/TextInput-13050538";

package/dist/TextInput/TextInput.esm.js

@@ -1,12 +1,12 @@
-export { T as TextInput } from '../_shared/esm/TextInput-1631dbc4.js';
+export { T as TextInput } from '../_shared/esm/TextInput-4424c195.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/FormControl-5e3fdca3.js';
+import '../_shared/esm/FormControl-f18e2f59.js';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import '../_shared/esm/Surface-bb100ef8.js';
-import '../_shared/esm/DisclosureMini-022beae3.js';
+import '../_shared/esm/Surface-dde51789.js';
+import '../_shared/esm/DisclosureMini-9b819941.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
-import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/Text-40457811.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
 import '../_shared/esm/VisuallyHidden-b9eebf71.js';

package/dist/Toast/Toast.cjs.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="react" />
+import React from "react";
+import { FC } from "react";
+declare const ToastNotification: FC<ToastNotificationProps>;
+type ToastStatus = "general" | "error" | "warning" | "success";
+interface ToastNotificationProps {
+    /**
+     * Title for `<Toast />`
+     */
+    title: string;
+    /**
+     * Set open state for `<Toast />`
+     */
+    isOpen: boolean;
+    /**
+     * Function to call when the open state of `<Toast />` changes. This needs to be supplied in order for the auto dismiss and the close button to work.
+     */
+    onOpenChange: (isOpen: boolean) => void;
+    /**
+     * Set whether close button shows
+     */
+    isCloseButtonVisible?: boolean;
+    /**
+     * Set whether to include a status icon
+     */
+    isStatusIconVisible?: boolean;
+    /**
+     * Link for `<Toast />`
+     */
+    link?: {
+        text: string;
+        ariaLabel?: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    /**
+     * Sstatus of `<Toast />`
+     */
+    status?: ToastStatus;
+}
+/** Use `Toast` to display temporary messages at the bottom of the viewport. */
+declare const Toast: FC<ToastProps> & {
+    Notification: typeof ToastNotification;
+};
+interface ToastProps {
+    children: React.ReactNode;
+    /**
+     * Color scheme for `<Toast />`
+     */
+    pathway?: "dark" | "light";
+}
+export { Toast };