@arc-ui/components 12.0.0-alpha.0 → 12.0.0-beta.4

package/dist/Tag/Tag.esm.js

@@ -1,42 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import React__default, { useContext, useState } from 'react';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import { I as Icon } from '../_shared/esm/Icon-9ecaaeab.js';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-eab5a4d0.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-
-/**
- * use `Tag` to promote features and manage filtering.
- */
-var Tag = function (_a) {
-    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, props = __rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove"]);
-    var surface = useContext(Context).surface;
-    var _b = useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
-    var onRemoveHandler = function () {
-        setIsRemoved(function (p) { return !p; });
-        onRemove && onRemove();
-    };
-    return (React__default.createElement("div", __assign({ className: classNames("arc-Tag", {
-            "arc-Tag--onDarkSurface": surface === "dark",
-            "arc-Tag--isRemovable": isRemovable,
-            "arc-Tag--hasIcon": icon,
-            "arc-Tag--hasLink": link || onClick,
-            "arc-Tag--removed": isRemoved
-        }) }, (isRemoved && { "aria-hidden": true }), filterDataAttrs(props)),
-        link ? (React__default.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label" }, children))) : (React__default.createElement(React__default.Fragment, null, onClick ? (React__default.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label" }, children))) : (React__default.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label" }, children))))),
-        isRemovable && (React__default.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag" },
-            React__default.createElement(ThemeIcon, { icon: "tagRemove", color: "brand", size: 20 }),
-            React__default.createElement(ThemeIcon, { icon: "tagRemoveInteractive", color: "brand", size: 20 })))));
-};
-
-export { Tag };
+export { T as Tag } from '../_shared/esm/Tag-2513c185.js';
+import '../_shared/esm/index-288c66b5.js';
+import 'react';
+import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/Icon-512f834f.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/ThemeIcon-c2dc41a6.js';

package/dist/Text/Text.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Text = require('../_shared/cjs/Text-606ca3a2.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var Text = require('../_shared/cjs/Text-1c1110a4.js');
+require('../_shared/cjs/index-df60851b.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
 
 
 

package/dist/Text/Text.esm.js

@@ -1,6 +1,6 @@
-export { T as Text } from '../_shared/esm/Text-14f586ac.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { T as Text } from '../_shared/esm/Text-a46fb76b.js';
+import '../_shared/esm/index-288c66b5.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/Surface-71d21a9e.js';

package/dist/TextArea/TextArea.cjs.js

@@ -2,48 +2,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-df60851b.js');
 var React = require('react');
-var index = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/Base-f5a86eed.js');
-require('../_shared/cjs/Breadcrumbs-f3385e2e.js');
-require('../_shared/cjs/Button-5c958ce9.js');
-require('../_shared/cjs/Card-eb1c20c1.js');
-require('../_shared/cjs/Checkbox-5f14bb0d.js');
-require('../_shared/cjs/Columns-ae4f8cef.js');
-require('../_shared/cjs/Heading-27cba320.js');
-var Text = require('../_shared/cjs/Text-606ca3a2.js');
-require('../_shared/cjs/Filter-1bde635c.js');
-var FormControl = require('../_shared/cjs/FormControl-30f2330f.js');
-require('../_shared/cjs/Group-0429741a.js');
-require('../_shared/cjs/Image-e873b8fc.js');
-require('../_shared/cjs/Poster-499b78da.js');
-require('../_shared/cjs/ProgressStepper-74ee1eec.js');
-require('../_shared/cjs/RadioGroup-9bc96f6a.js');
-require('../_shared/cjs/debounce-123468fb.js');
-require('../_shared/cjs/SiteFooter-0638c27c.js');
-require('../_shared/cjs/SiteHeader.rehydrator-42c4a0e0.js');
-require('../_shared/cjs/Tabs-ade6d6b6.js');
-require('../_shared/cjs/TextInput-a5f72f6f.js');
-require('../_shared/cjs/Toast-6d4021d7.js');
-require('../_shared/cjs/UniversalHeader-5e43d320.js');
-require('../_shared/cjs/ThemeIcon-9534f091.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
+var index$1 = require('../_shared/cjs/index-9947ac13.js');
+var Surface = require('../_shared/cjs/Surface-8599dbe4.js');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
+require('../_shared/cjs/Heading-fb63844f.js');
+require('../_shared/cjs/Image-e9a5a326.js');
+require('../_shared/cjs/Breadcrumbs-7af0af2c.js');
+require('../_shared/cjs/Button-7d891a89.js');
+require('../_shared/cjs/ButtonV2-b2db3f46.js');
+require('../_shared/cjs/Calendar-4a63f28d.js');
+var Text = require('../_shared/cjs/Text-1c1110a4.js');
+require('../_shared/cjs/Checkbox-0e423653.js');
+require('../_shared/cjs/Columns-1224bdff.js');
+require('../_shared/cjs/DatePicker-cd21e362.js');
+require('../_shared/cjs/Filter-3b897d92.js');
+var FormControl = require('../_shared/cjs/FormControl-88d48f42.js');
+require('../_shared/cjs/Grid-9e91fb3d.js');
+require('../_shared/cjs/Group-3d5ea240.js');
+require('../_shared/cjs/HeroButton-0586a7c4.js');
+require('../_shared/cjs/MediaCard-4ccbb3ee.js');
+require('../_shared/cjs/Poster-b7242b37.js');
+require('../_shared/cjs/ProgressStepper-fb8405c2.js');
+require('../_shared/cjs/RadioGroup-a4186267.js');
+require('../_shared/cjs/debounce-a74c28cf.js');
+require('../_shared/cjs/SiteFooter-e344da9f.js');
+require('../_shared/cjs/SiteHeaderV2-cd793f59.js');
+require('../_shared/cjs/Tabs-75c34f43.js');
+require('../_shared/cjs/TextInput-762e2309.js');
+require('../_shared/cjs/Toast-d06a89e0.js');
+require('../_shared/cjs/UniversalHeader-f6d9c63a.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/ThemeIcon-ee814862.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/Icon-a47b6c0a.js');
-require('../_shared/cjs/DisclosureMini-145105a4.js');
-require('../_shared/cjs/VerticalSpace-dc53bb70.js');
-require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
-require('../_shared/cjs/index.es-77def0c9.js');
-require('../_shared/cjs/BrandLogo-aea340c8.js');
-require('../_shared/cjs/Section-59804166.js');
-require('../_shared/cjs/extends-8c5e4b48.js');
-require('../_shared/cjs/index-4aa11039.js');
+require('../_shared/cjs/Icon-0ec0c1fb.js');
+require('../_shared/cjs/ArcIconEclipse.esm-ac777a76.js');
+require('../_shared/cjs/index-7e31a45b.js');
+require('../_shared/cjs/index.es-1299e41d.js');
+require('../_shared/cjs/use-media-query-d34c83b9.js');
+require('../_shared/cjs/BtIconChevronRightMid.esm-3e8d18a9.js');
+require('../_shared/cjs/index-3dd54df1.js');
 require('react-dom');
-require('../_shared/cjs/index-23b4f49f.js');
-require('../_shared/cjs/index-d75774a9.js');
-require('../_shared/cjs/index-4dd46cbe.js');
+require('../_shared/cjs/Combination-3a639f6d.js');
+require('../_shared/cjs/index-039a9d35.js');
+require('../_shared/cjs/index-41b09e85.js');
+require('../_shared/cjs/component-df82bc05.js');
+require('../_shared/cjs/index-7aa7f96a.js');
+require('../_shared/cjs/index-996dec94.js');
+require('../_shared/cjs/DisclosureMini-c01ecce0.js');
+require('../_shared/cjs/BtIconArrowRight.esm-5989f2ca.js');
+require('../_shared/cjs/CardFooter-5414bc4f.js');
+require('../_shared/cjs/BtIconPlayFill.esm-b8997cfc.js');
+require('../_shared/cjs/ConditionalWrapper-be3b2625.js');
+require('../_shared/cjs/VerticalSpace-e128ec68.js');
+require('../_shared/cjs/_commonjsHelpers-56412ec5.js');
+require('../_shared/cjs/BrandLogo-1d2ca2c7.js');
+require('../_shared/cjs/Section-ecfc659b.js');
+require('../_shared/cjs/index-0c6319ec.js');
+require('../_shared/cjs/index-dcfdd5da.js');
+require('../_shared/cjs/index-3d629205.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -51,10 +69,10 @@ 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 _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, 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, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, props = index.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight"]);
     var surface = React.useContext(Surface.Context).surface;
     var ourRef = React.useRef(null);
-    var _j = React.useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _j[0], setCharacterCount = _j[1];
+    var _k = React.useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _k[0], setCharacterCount = _k[1];
     var setSmartHeight = function (el) {
         el.style.height = "auto";
         el.style.height = "".concat(parseInt(getComputedStyle(el).getPropertyValue("border-width")) * 2 +
@@ -74,18 +92,20 @@ var TextArea = React.forwardRef(function (_a, ref) {
         onChange && onChange(e);
         setCharacterCount(e.target.value.length);
     };
-    return (React__default["default"].createElement(FormControl.FormControl, filterDataAttrs.__assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
+    return (React__default["default"].createElement(FormControl.FormControl, index.__assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
             showCharacterCount && (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement(Text.Text, { tone: isDisabled ? "muted" : "default" },
-                React__default["default"].createElement("span", { className: "arc-TextArea-characterCount" },
+                React__default["default"].createElement("span", { className: "arc-TextArea-characterCount", "aria-live": "polite" },
                     characterCount,
                     " / ",
-                    maxLength)))) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("textarea", { id: id, className: index.classNames("arc-TextArea", {
+                    maxLength,
+                    " characters",
+                    characterCount === maxLength && (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null, "Maximum characters reached")))))) }, index.filterDataAttrs(props)),
+        React__default["default"].createElement("textarea", { id: id, className: index$1.classNames("arc-TextArea", {
                 "arc-TextArea--noResize": resize !== "manual",
                 "arc-TextArea--onDarkSurface": surface === "dark",
                 "arc-TextArea--invalid": errorMessage
-            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef })));
+            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width, maxHeight: maxHeight, minHeight: minHeight }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete })));
 });
 
 exports.TextArea = TextArea;

package/dist/TextArea/TextArea.esm.js

@@ -1,52 +1,70 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
 import React__default, { forwardRef, useContext, useRef, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/Base-f200653c.js';
-import '../_shared/esm/Breadcrumbs-c4b65cff.js';
-import '../_shared/esm/Button-c3348ed8.js';
-import '../_shared/esm/Card-45e8e10a.js';
-import '../_shared/esm/Checkbox-2a623386.js';
-import '../_shared/esm/Columns-d96b7425.js';
-import '../_shared/esm/Heading-d16e0e53.js';
-import { T as Text } from '../_shared/esm/Text-14f586ac.js';
-import '../_shared/esm/Filter-58a42358.js';
-import { F as FormControl } from '../_shared/esm/FormControl-433228f5.js';
-import '../_shared/esm/Group-73fdb896.js';
-import '../_shared/esm/Image-12fbd327.js';
-import '../_shared/esm/Poster-699dc89b.js';
-import '../_shared/esm/ProgressStepper-5de34269.js';
-import '../_shared/esm/RadioGroup-002a32ba.js';
-import '../_shared/esm/debounce-6fed6b84.js';
-import '../_shared/esm/SiteFooter-d21da7ab.js';
-import '../_shared/esm/SiteHeader.rehydrator-97900e11.js';
-import '../_shared/esm/Tabs-39d24a7d.js';
-import '../_shared/esm/TextInput-28f18769.js';
-import '../_shared/esm/Toast-dce2d01e.js';
-import '../_shared/esm/UniversalHeader-b4c1577c.js';
-import '../_shared/esm/ThemeIcon-eab5a4d0.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
+import { C as Context } from '../_shared/esm/Surface-71d21a9e.js';
+import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-06692fd3.js';
+import '../_shared/esm/Heading-906c7c7c.js';
+import '../_shared/esm/Image-57d08939.js';
+import '../_shared/esm/Breadcrumbs-9078b68e.js';
+import '../_shared/esm/Button-dde2b46a.js';
+import '../_shared/esm/ButtonV2-49cd0615.js';
+import '../_shared/esm/Calendar-4813cac2.js';
+import { T as Text } from '../_shared/esm/Text-a46fb76b.js';
+import '../_shared/esm/Checkbox-0baca464.js';
+import '../_shared/esm/Columns-6a8f6fbb.js';
+import '../_shared/esm/DatePicker-fa18bb81.js';
+import '../_shared/esm/Filter-49dcf5ce.js';
+import { F as FormControl } from '../_shared/esm/FormControl-d873f7fa.js';
+import '../_shared/esm/Grid-fb9fc522.js';
+import '../_shared/esm/Group-66196f07.js';
+import '../_shared/esm/HeroButton-7ea692bf.js';
+import '../_shared/esm/MediaCard-f4758794.js';
+import '../_shared/esm/Poster-e05a8b45.js';
+import '../_shared/esm/ProgressStepper-189ed0f9.js';
+import '../_shared/esm/RadioGroup-8ff17cbb.js';
+import '../_shared/esm/debounce-c8e41002.js';
+import '../_shared/esm/SiteFooter-299646d9.js';
+import '../_shared/esm/SiteHeaderV2-8208ddb7.js';
+import '../_shared/esm/Tabs-21ac7dfe.js';
+import '../_shared/esm/TextInput-94c7b1a4.js';
+import '../_shared/esm/Toast-de6ca2f3.js';
+import '../_shared/esm/UniversalHeader-456ad60c.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/ThemeIcon-c2dc41a6.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/Icon-9ecaaeab.js';
-import '../_shared/esm/DisclosureMini-bf95a9db.js';
-import '../_shared/esm/VerticalSpace-43cd9138.js';
-import '../_shared/esm/VisuallyHidden-b9eebf71.js';
-import '../_shared/esm/index.es-00cb3bcb.js';
-import '../_shared/esm/BrandLogo-1af78f76.js';
-import '../_shared/esm/Section-73781b56.js';
-import '../_shared/esm/extends-8cc61aad.js';
-import '../_shared/esm/index-87a828b8.js';
+import '../_shared/esm/Icon-512f834f.js';
+import '../_shared/esm/ArcIconEclipse.esm-bb48b82a.js';
+import '../_shared/esm/index-605031ca.js';
+import '../_shared/esm/index.es-28a91edf.js';
+import '../_shared/esm/use-media-query-d3622da8.js';
+import '../_shared/esm/BtIconChevronRightMid.esm-4764708f.js';
+import '../_shared/esm/index-cace3545.js';
 import 'react-dom';
-import '../_shared/esm/index-65264b4e.js';
-import '../_shared/esm/index-3147c5b0.js';
-import '../_shared/esm/index-4f8d3888.js';
+import '../_shared/esm/Combination-ae3a3f08.js';
+import '../_shared/esm/index-6028d797.js';
+import '../_shared/esm/index-4e58de24.js';
+import '../_shared/esm/component-d0a555cf.js';
+import '../_shared/esm/index-7740883c.js';
+import '../_shared/esm/index-fa93ec97.js';
+import '../_shared/esm/DisclosureMini-38f4c459.js';
+import '../_shared/esm/BtIconArrowRight.esm-6a17d0ce.js';
+import '../_shared/esm/CardFooter-c79fb2db.js';
+import '../_shared/esm/BtIconPlayFill.esm-05fc0344.js';
+import '../_shared/esm/ConditionalWrapper-59be8f35.js';
+import '../_shared/esm/VerticalSpace-b07cd8e6.js';
+import '../_shared/esm/_commonjsHelpers-0109d574.js';
+import '../_shared/esm/BrandLogo-7ed8aeda.js';
+import '../_shared/esm/Section-1acbc06a.js';
+import '../_shared/esm/index-f97466e9.js';
+import '../_shared/esm/index-a624de47.js';
+import '../_shared/esm/index-5113ed53.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 _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, 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, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight"]);
     var surface = useContext(Context).surface;
     var ourRef = useRef(null);
-    var _j = useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _j[0], setCharacterCount = _j[1];
+    var _k = useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _k[0], setCharacterCount = _k[1];
     var setSmartHeight = function (el) {
         el.style.height = "auto";
         el.style.height = "".concat(parseInt(getComputedStyle(el).getPropertyValue("border-width")) * 2 +
@@ -66,18 +84,20 @@ var TextArea = forwardRef(function (_a, ref) {
         onChange && onChange(e);
         setCharacterCount(e.target.value.length);
     };
-    return (React__default.createElement(FormControl, __assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
+    return (React__default.createElement(FormControl, __assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, supplementaryInfo: maxLength &&
             showCharacterCount && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement(Text, { tone: isDisabled ? "muted" : "default" },
-                React__default.createElement("span", { className: "arc-TextArea-characterCount" },
+                React__default.createElement("span", { className: "arc-TextArea-characterCount", "aria-live": "polite" },
                     characterCount,
                     " / ",
-                    maxLength)))) }, filterDataAttrs(props)),
+                    maxLength,
+                    " characters",
+                    characterCount === maxLength && (React__default.createElement(VisuallyHidden, null, "Maximum characters reached")))))) }, filterDataAttrs(props)),
         React__default.createElement("textarea", { id: id, className: classNames("arc-TextArea", {
                 "arc-TextArea--noResize": resize !== "manual",
                 "arc-TextArea--onDarkSurface": surface === "dark",
                 "arc-TextArea--invalid": errorMessage
-            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef })));
+            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, ref: getTextAreaRef, style: { width: width, maxHeight: maxHeight, minHeight: minHeight }, "aria-describedby": "".concat(id, "-helper"), autoComplete: autoComplete })));
 });
 
 export { TextArea };

package/dist/TextInput/TextInput.cjs.js

@@ -2,17 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextInput = require('../_shared/cjs/TextInput-a5f72f6f.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var TextInput = require('../_shared/cjs/TextInput-762e2309.js');
+require('../_shared/cjs/index-df60851b.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/FormControl-30f2330f.js');
-require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/DisclosureMini-145105a4.js');
-require('../_shared/cjs/Text-606ca3a2.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/ThemeIcon-9534f091.js');
-require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+require('../_shared/cjs/FormControl-88d48f42.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/DisclosureMini-c01ecce0.js');
+require('../_shared/cjs/Text-1c1110a4.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/ThemeIcon-ee814862.js');
+require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
+require('../_shared/cjs/Icon-0ec0c1fb.js');
 
 
 

package/dist/TextInput/TextInput.esm.js

@@ -1,11 +1,12 @@
-export { T as TextInput } from '../_shared/esm/TextInput-28f18769.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { a as TextInput } from '../_shared/esm/TextInput-94c7b1a4.js';
+import '../_shared/esm/index-288c66b5.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/FormControl-433228f5.js';
-import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/DisclosureMini-bf95a9db.js';
-import '../_shared/esm/Text-14f586ac.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/ThemeIcon-eab5a4d0.js';
-import '../_shared/esm/VisuallyHidden-b9eebf71.js';
+import '../_shared/esm/FormControl-d873f7fa.js';
+import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/DisclosureMini-38f4c459.js';
+import '../_shared/esm/Text-a46fb76b.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/ThemeIcon-c2dc41a6.js';
+import '../_shared/esm/VisuallyHidden-06692fd3.js';
+import '../_shared/esm/Icon-512f834f.js';

package/dist/Theme/Theme.cjs.js

@@ -2,18 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-df60851b.js');
 var React = require('react');
+var index$1 = require('../_shared/cjs/index-9947ac13.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+/**
+ * Use `Theme` component to apply a specific theme to its children.
+ */
 var Theme = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? "arc-11" : _b, children = _a.children, props = filterDataAttrs.__rest(_a, ["theme", "children"]);
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: "arc-ds-sys-theme--".concat(theme) }, filterDataAttrs.filterDataAttrs(props)), children));
+    var _b = _a.theme, theme = _b === void 0 ? "bt-enterprise" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = index.__rest(_a, ["theme", "resetCssStyles", "children"]);
+    var iconClass = {
+        "bt-business": "arc-ds-sys-icons--bt",
+        "bt-enterprise": "arc-ds-sys-icons--bt",
+        ee: "arc-ds-sys-icons--ee"
+    };
+    return (React__default["default"].createElement("div", index.__assign({ "data-theme": theme, className: index$1.classNames("arc arc-ds-sys-theme arc-ds-sys-theme--".concat(theme), iconClass[theme], {
+            "arc--reset": resetCssStyles
+        }) }, index.filterDataAttrs(props)), children));
 };
-var themes = ["arc-11", "ee"];
+var themes = ["bt-enterprise", "bt-business", "ee"];
 
 exports.Theme = Theme;
 exports.themes = themes;

package/dist/Theme/Theme.esm.js

@@ -1,10 +1,21 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
 import React__default from 'react';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 
+/**
+ * Use `Theme` component to apply a specific theme to its children.
+ */
 var Theme = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? "arc-11" : _b, children = _a.children, props = __rest(_a, ["theme", "children"]);
-    return (React__default.createElement("div", __assign({ className: "arc-ds-sys-theme--".concat(theme) }, filterDataAttrs(props)), children));
+    var _b = _a.theme, theme = _b === void 0 ? "bt-enterprise" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = __rest(_a, ["theme", "resetCssStyles", "children"]);
+    var iconClass = {
+        "bt-business": "arc-ds-sys-icons--bt",
+        "bt-enterprise": "arc-ds-sys-icons--bt",
+        ee: "arc-ds-sys-icons--ee"
+    };
+    return (React__default.createElement("div", __assign({ "data-theme": theme, className: classNames("arc arc-ds-sys-theme arc-ds-sys-theme--".concat(theme), iconClass[theme], {
+            "arc--reset": resetCssStyles
+        }) }, filterDataAttrs(props)), children));
 };
-var themes = ["arc-11", "ee"];
+var themes = ["bt-enterprise", "bt-business", "ee"];
 
 export { Theme, themes };

package/dist/ThemeIcon/ThemeIcon.cjs.js

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-ee814862.js');
+require('../_shared/cjs/index-df60851b.js');
+require('../_shared/cjs/index-9947ac13.js');
+require('react');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
+
+
+
+exports.ThemeIcon = ThemeIcon.ThemeIcon;

package/dist/ThemeIcon/ThemeIcon.esm.js

@@ -0,0 +1,6 @@
+export { T as ThemeIcon } from '../_shared/esm/ThemeIcon-c2dc41a6.js';
+import '../_shared/esm/index-288c66b5.js';
+import '../_shared/esm/index-2e73c2e9.js';
+import 'react';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/Surface-71d21a9e.js';

package/dist/ThemeIcon/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@arc-ui/themeicon",
+  "types": "../types/components/ThemeIcon/index.d.ts",
+  "main": "./ThemeIcon.cjs.js",
+  "module": "./ThemeIcon.esm.js",
+  "private": true
+}

package/dist/Toast/Toast.cjs.js

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Toast = require('../_shared/cjs/Toast-6d4021d7.js');
-require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var Toast = require('../_shared/cjs/Toast-d06a89e0.js');
+require('../_shared/cjs/index-df60851b.js');
 require('react');
-require('../_shared/cjs/extends-8c5e4b48.js');
+require('../_shared/cjs/index-3dd54df1.js');
 require('react-dom');
-require('../_shared/cjs/index-4aa11039.js');
-require('../_shared/cjs/index-23b4f49f.js');
-require('../_shared/cjs/index-4dd46cbe.js');
+require('../_shared/cjs/index-0c6319ec.js');
+require('../_shared/cjs/index-039a9d35.js');
+require('../_shared/cjs/index-996dec94.js');
+require('../_shared/cjs/index-3d629205.js');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/ThemeIcon-9534f091.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/ThemeIcon-ee814862.js');
+require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/Surface-8599dbe4.js');
 
 
 

package/dist/Toast/Toast.esm.js

@@ -1,12 +1,13 @@
-export { T as Toast } from '../_shared/esm/Toast-dce2d01e.js';
-import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+export { T as Toast } from '../_shared/esm/Toast-de6ca2f3.js';
+import '../_shared/esm/index-288c66b5.js';
 import 'react';
-import '../_shared/esm/extends-8cc61aad.js';
+import '../_shared/esm/index-cace3545.js';
 import 'react-dom';
-import '../_shared/esm/index-87a828b8.js';
-import '../_shared/esm/index-65264b4e.js';
-import '../_shared/esm/index-4f8d3888.js';
+import '../_shared/esm/index-f97466e9.js';
+import '../_shared/esm/index-6028d797.js';
+import '../_shared/esm/index-fa93ec97.js';
+import '../_shared/esm/index-5113ed53.js';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/ThemeIcon-eab5a4d0.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/ThemeIcon-c2dc41a6.js';
+import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/Surface-71d21a9e.js';

package/dist/Truncate/Truncate.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-df60851b.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -11,8 +11,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 /** Use `Truncate` component to shorten text with an ellipsis. Add a `title` attribute to the truncated element so the full text remains accessible. */
 var Truncate = function (_a) {
-    var _b = _a.maxWidth, maxWidth = _b === void 0 ? 100 : _b, title = _a.title, children = _a.children, props = filterDataAttrs.__rest(_a, ["maxWidth", "title", "children"]);
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: "arc-Truncate", style: { maxWidth: "".concat(maxWidth, "%") }, title: title }, filterDataAttrs.filterDataAttrs(props)), children));
+    var _b = _a.maxWidth, maxWidth = _b === void 0 ? 100 : _b, title = _a.title, children = _a.children, props = index.__rest(_a, ["maxWidth", "title", "children"]);
+    return (React__default["default"].createElement("div", index.__assign({ className: "arc-Truncate", style: { maxWidth: "".concat(maxWidth, "%") }, title: title }, index.filterDataAttrs(props)), children));
 };
 
 exports.Truncate = Truncate;