@arc-ui/components 11.13.0 → 12.0.0-alpha.0

package/dist/Select/Select.esm.js

@@ -4,18 +4,15 @@ import * as React from 'react';
 import React__default, { useContext, createContext, useEffect, forwardRef, useState, createElement, useRef, useCallback, Fragment, useMemo, useId } from 'react';
 import { _ as _extends } from '../_shared/esm/extends-8cc61aad.js';
 import $7SXl2$reactdom, { createPortal } from 'react-dom';
-import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $5e63c961fc1ce211$export$8c6ed5c666ac1360, c as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, d as $8927f6f2acc4f386$export$250ffa63cdc0d034, e as $e42e1063c40fb3ef$export$b9ecd428b558ff10, f as $8927f6f2acc4f386$export$6d1a0317bde7de7f, g as $9f79659886946c16$export$e5c5a5f917a5871c, h as $71cd76cc60e0454e$export$6f32135080cb4c3, i as $010c2913dbd2fe3d$export$5cae361ad82dce8b } from '../_shared/esm/index.module-44714d3f.js';
-import { h as hideOthers, $ as $01b9c$RemoveScroll } from '../_shared/esm/index-41d7af2b.js';
-import { B as BtIconChevronDown2Px } from '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
-import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
-import { F as FormControl } from '../_shared/esm/FormControl-351e5f1b.js';
+import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $5e63c961fc1ce211$export$8c6ed5c666ac1360, c as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, d as $8927f6f2acc4f386$export$250ffa63cdc0d034, e as $e42e1063c40fb3ef$export$b9ecd428b558ff10, f as $8927f6f2acc4f386$export$6d1a0317bde7de7f, g as $9f79659886946c16$export$e5c5a5f917a5871c, h as $71cd76cc60e0454e$export$6f32135080cb4c3, i as $010c2913dbd2fe3d$export$5cae361ad82dce8b } from '../_shared/esm/index.module-50b2c98a.js';
+import { h as hideOthers, $ as $01b9c$RemoveScroll } from '../_shared/esm/index-ffd720d0.js';
+import { F as FormControl } from '../_shared/esm/FormControl-433228f5.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-eab5a4d0.js';
+import '../_shared/esm/DisclosureMini-bf95a9db.js';
 import '../_shared/esm/Text-14f586ac.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
 
 function $ae6933e535247d3d$export$7d15b64cf5a3a4c4(value, [min, max]) {
     return Math.min(max, Math.max(min, value));
@@ -1678,31 +1675,14 @@ const $cc7e05a45900e73f$export$c3468e2714d175fa = $cc7e05a45900e73f$export$6b919
 const $cc7e05a45900e73f$export$2f60d3ec9ad468f2 = $cc7e05a45900e73f$export$d8117927658af6d7;
 const $cc7e05a45900e73f$export$bf1aedc3039c8d63 = $cc7e05a45900e73f$export$ff951e476c12189;
 
-const BtIconChevronUp2Px = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M28.999,23.5a.99676.99676,0,0,1-.707-.293l-12.28515-12.293L3.708,23.207A.99989.99989,0,0,1,2.294,21.793l13.71289-13.707L29.70605,21.793a.99976.99976,0,0,1-.707,1.707Z",
-      fill: "currentColor",
-    }),
-  );
-
 /** Use `Select` to choose from a dropdown list of options. */
 var Select = function (_a) {
     var _b;
-    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _c = _a.selectSize, selectSize = _c === void 0 ? "m" : _c, props = __rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "name", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
+    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? label : _c, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, name = _a.name, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _d = _a.selectSize, selectSize = _d === void 0 ? "m" : _d, props = __rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "ariaLabel", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "name", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
     var id = useId();
     var arcRootElement = useContext(ArcRootElementContext);
     var surface = useContext(Context).surface;
-    var _d = useState(defaultValue), selectedValue = _d[0], setSelectedValue = _d[1];
+    var _e = useState(defaultValue), selectedValue = _e[0], setSelectedValue = _e[1];
     var onValueChange = function (value) {
         onChange && onChange(value);
         setSelectedValue(value);
@@ -1723,7 +1703,7 @@ var Select = function (_a) {
     };
     return (React__default.createElement(FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", isDisabled: isDisabled, disclosureText: disclosureText, disclosureTitle: disclosureTitle, onClickDisclosure: onClickDisclosure },
         React__default.createElement($cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectedValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
-            React__default.createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, __assign({ id: id, name: name, onBlur: onBlur, className: classNames("arc-Select-trigger", (_b = {
+            React__default.createElement($cc7e05a45900e73f$export$41fb9f06171c75f4, __assign({ id: id, name: name, onBlur: onBlur, "aria-label": ariaLabel, className: classNames("arc-Select-trigger", (_b = {
                         "arc-Select-trigger--constrained": !isFluid,
                         "arc-Select-trigger--onDarkSurface": surface === "dark",
                         "arc-Select-trigger--invalid": errorMessage
@@ -1732,13 +1712,13 @@ var Select = function (_a) {
                     _b)) }, filterDataAttrs(props)),
                 React__default.createElement($cc7e05a45900e73f$export$4c8d1a57a761ef94, { asChild: true, "aria-label": getSelectedValueName(selectedValue) }, !selectedValue ? (React__default.createElement("span", { "aria-hidden": true, className: "arc-Select-placeHolder" }, placeholder)) : (React__default.createElement("span", { className: "arc-Select-valueItem" }, getSelectedValueName(selectedValue)))),
                 React__default.createElement($cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-Select-triggerIcon" },
-                    React__default.createElement(Icon, { icon: BtIconChevronDown2Px, size: getIconSize(selectSize) }))),
+                    React__default.createElement(ThemeIcon, { size: getIconSize(selectSize), icon: "selectTrigger" }))),
             React__default.createElement($cc7e05a45900e73f$export$602eac185826482c, { container: arcRootElement || undefined },
                 React__default.createElement($cc7e05a45900e73f$export$7c6e2c02157bb7d2, { className: classNames("arc-Select-content", {
                         "arc-Select-content--onDarkSurface": surface === "dark"
                     }) },
                     React__default.createElement($cc7e05a45900e73f$export$2f60d3ec9ad468f2, { className: "arc-Select-scrollButton" },
-                        React__default.createElement(Icon, { icon: BtIconChevronUp2Px, size: 16 })),
+                        React__default.createElement(ThemeIcon, { size: 16, icon: "selectScrollUp" })),
                     React__default.createElement($cc7e05a45900e73f$export$d5c6c08dc2d3ca7, null, options.map(function (_a, i) {
                         var name = _a.name, value = _a.value;
                         return (React__default.createElement($cc7e05a45900e73f$export$6d08773d2e66f8f2, { className: "arc-Select-item", key: "select-item-".concat(i), value: value },
@@ -1746,10 +1726,10 @@ var Select = function (_a) {
                                 React__default.createElement($cc7e05a45900e73f$export$d6e5bf9c43ea9319, { asChild: true },
                                     React__default.createElement("span", { className: "arc-Select-itemText" }, name))),
                             React__default.createElement($cc7e05a45900e73f$export$c3468e2714d175fa, null,
-                                React__default.createElement(Icon, { icon: BtIconTickAlt2Px, size: 20 }))));
+                                React__default.createElement(ThemeIcon, { size: 20, icon: "selectIndicator" }))));
                     })),
                     React__default.createElement($cc7e05a45900e73f$export$bf1aedc3039c8d63, { className: "arc-Select-scrollButton" },
-                        React__default.createElement(Icon, { icon: BtIconChevronDown2Px, size: 16 })))))));
+                        React__default.createElement(ThemeIcon, { size: 16, icon: "selectScrollDown" })))))));
 };
 
 export { Select };

package/dist/SiteFooter/SiteFooter.cjs.js

@@ -2,18 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteFooter = require('../_shared/cjs/SiteFooter-6381ac4a.js');
+var SiteFooter = require('../_shared/cjs/SiteFooter-0638c27c.js');
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 require('../_shared/cjs/index.es-77def0c9.js');
-require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/BrandLogo-aea340c8.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/Curve-d038052b.js');
 require('../_shared/cjs/Section-59804166.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
+require('../_shared/cjs/ThemeIcon-9534f091.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/SiteFooter/SiteFooter.esm.js

@@ -1,16 +1,15 @@
-import { S as SiteFooter } from '../_shared/esm/SiteFooter-233bb926.js';
-export { S as SiteFooter } from '../_shared/esm/SiteFooter-233bb926.js';
+import { S as SiteFooter } from '../_shared/esm/SiteFooter-d21da7ab.js';
+export { S as SiteFooter } from '../_shared/esm/SiteFooter-d21da7ab.js';
 import { d as __awaiter, e as __generator, a as __assign } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import React__default from 'react';
 import '../_shared/esm/index.es-00cb3bcb.js';
-import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/BrandLogo-1af78f76.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/Curve-d8679dde.js';
 import '../_shared/esm/Section-73781b56.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
+import '../_shared/esm/ThemeIcon-eab5a4d0.js';
 
 var SiteFooter_rehydrator = (function (el, rehydrateChildren) { return __awaiter(void 0, void 0, void 0, function () {
     var children, titleElement, title, props;

package/dist/SiteHeader/SiteHeader.cjs.js

@@ -2,21 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-a3f07c9e.js');
+var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-42c4a0e0.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/index.es-77def0c9.js');
-require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
-require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/BrandLogo-aea340c8.js');
+require('../_shared/cjs/ThemeIcon-9534f091.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Button-4fed080a.js');
-require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
-require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/BrandLogo-aea340c8.js');
+require('../_shared/cjs/Button-5c958ce9.js');
+require('../_shared/cjs/Icon-a47b6c0a.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 
 

package/dist/SiteHeader/SiteHeader.esm.js

@@ -1,16 +1,13 @@
-export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-8f554bfd.js';
+export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-97900e11.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/index.es-00cb3bcb.js';
-import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
-import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/BrandLogo-1af78f76.js';
+import '../_shared/esm/ThemeIcon-eab5a4d0.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Button-a453e8e4.js';
-import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
-import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/BrandLogo-1af78f76.js';
+import '../_shared/esm/Button-c3348ed8.js';
+import '../_shared/esm/Icon-9ecaaeab.js';
 import '../_shared/esm/Text-14f586ac.js';

package/dist/Switch/Switch.cjs.js

@@ -6,18 +6,15 @@ var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var _extends = require('../_shared/cjs/extends-8c5e4b48.js');
-var index_module = require('../_shared/cjs/index.module-dd1d7d0b.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
-var BtIconTickAlt2Px_esm = require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
+var index_module = require('../_shared/cjs/index.module-7d7228b3.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-var FormControl = require('../_shared/cjs/FormControl-7daf8110.js');
+var FormControl = require('../_shared/cjs/FormControl-30f2330f.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-9534f091.js');
 require('react-dom');
+require('../_shared/cjs/DisclosureMini-145105a4.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
-require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
-require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -200,7 +197,7 @@ var Switch = function (_a) {
                     React__default["default"].createElement($6be4966fd9bbc698$export$6521433ed15a34db, { className: "arc-Switch-thumb" },
                         React__default["default"].createElement("div", { className: "arc-Switch-thumbIcon" },
                             React__default["default"].createElement("div", { className: "arc-Switch-icon", "data-testid": "arc-switch-thumb-icon" },
-                                React__default["default"].createElement(Icon.Icon, { icon: BtIconTickAlt2Px_esm.BtIconTickAlt2Px, color: surface === "dark" ? "brand" : "brand", size: labelSize === "l" ? 24 : 16 })))))),
+                                React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "switchToggle", color: "brand", size: labelSize === "l" ? 24 : 16 })))))),
             React__default["default"].createElement("div", { className: index.classNames("arc-Switch-statusText", {
                     "arc-Switch-statusText--isDisabled": isDisabled,
                     "arc-Switch-statusText--onDarkSurface": surface === "dark"

package/dist/Switch/Switch.esm.js

@@ -2,18 +2,15 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm
 import React__default, { useState, forwardRef, useRef, createElement, useEffect, useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { _ as _extends } from '../_shared/esm/extends-8cc61aad.js';
-import { g as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, h as $71cd76cc60e0454e$export$6f32135080cb4c3, d as $8927f6f2acc4f386$export$250ffa63cdc0d034, e as $e42e1063c40fb3ef$export$b9ecd428b558ff10, i as $010c2913dbd2fe3d$export$5cae361ad82dce8b } from '../_shared/esm/index.module-44714d3f.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
-import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
+import { g as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, h as $71cd76cc60e0454e$export$6f32135080cb4c3, d as $8927f6f2acc4f386$export$250ffa63cdc0d034, e as $e42e1063c40fb3ef$export$b9ecd428b558ff10, i as $010c2913dbd2fe3d$export$5cae361ad82dce8b } from '../_shared/esm/index.module-50b2c98a.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import { F as FormControl } from '../_shared/esm/FormControl-351e5f1b.js';
+import { F as FormControl } from '../_shared/esm/FormControl-433228f5.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-eab5a4d0.js';
 import 'react-dom';
+import '../_shared/esm/DisclosureMini-bf95a9db.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
-import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 
 function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     const [size, setSize] = useState(undefined);
@@ -192,7 +189,7 @@ var Switch = function (_a) {
                     React__default.createElement($6be4966fd9bbc698$export$6521433ed15a34db, { className: "arc-Switch-thumb" },
                         React__default.createElement("div", { className: "arc-Switch-thumbIcon" },
                             React__default.createElement("div", { className: "arc-Switch-icon", "data-testid": "arc-switch-thumb-icon" },
-                                React__default.createElement(Icon, { icon: BtIconTickAlt2Px, color: surface === "dark" ? "brand" : "brand", size: labelSize === "l" ? 24 : 16 })))))),
+                                React__default.createElement(ThemeIcon, { icon: "switchToggle", color: "brand", size: labelSize === "l" ? 24 : 16 })))))),
             React__default.createElement("div", { className: classNames("arc-Switch-statusText", {
                     "arc-Switch-statusText--isDisabled": isDisabled,
                     "arc-Switch-statusText--onDarkSurface": surface === "dark"

package/dist/Tabs/Tabs.cjs.js

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Tabs = require('../_shared/cjs/Tabs-2d2a517d.js');
+var Tabs = require('../_shared/cjs/Tabs-ade6d6b6.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/extends-8c5e4b48.js');
-require('../_shared/cjs/index-c575a255.js');
+require('../_shared/cjs/index-4aa11039.js');
 require('react-dom');
-require('../_shared/cjs/index-b2fd6338.js');
-require('../_shared/cjs/index-adbb63da.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/index-23b4f49f.js');
+require('../_shared/cjs/index-d75774a9.js');
+require('../_shared/cjs/Icon-a47b6c0a.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/ThemeIcon-9534f091.js');
 
 
 

package/dist/Tabs/Tabs.esm.js

@@ -1,12 +1,13 @@
-export { T as Tabs } from '../_shared/esm/Tabs-f903187a.js';
+export { T as Tabs } from '../_shared/esm/Tabs-39d24a7d.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/extends-8cc61aad.js';
-import '../_shared/esm/index-13d575cc.js';
+import '../_shared/esm/index-87a828b8.js';
 import 'react-dom';
-import '../_shared/esm/index-a1d2d9b3.js';
-import '../_shared/esm/index-efd9ef1c.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/index-65264b4e.js';
+import '../_shared/esm/index-3147c5b0.js';
+import '../_shared/esm/Icon-9ecaaeab.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/ThemeIcon-eab5a4d0.js';

package/dist/Tag/Tag.cjs.js

@@ -6,51 +6,14 @@ var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-a47b6c0a.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-9534f091.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const BtIconCross = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconCrossFill = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
-      fill: "currentColor",
-    }),
-  );
-
 /**
  * use `Tag` to promote features and manage filtering.
  */
@@ -80,8 +43,8 @@ var Tag = function (_a) {
                 React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
             React__default["default"].createElement("div", { className: "arc-Tag-label" }, children))))),
         isRemovable && (React__default["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["default"].createElement(Icon.Icon, { icon: BtIconCross, color: "brand", size: 20 }),
-            React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossFill, color: "brand", size: 20 })))));
+            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "tagRemove", color: "brand", size: 20 }),
+            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "tagRemoveInteractive", color: "brand", size: 20 })))));
 };
 
 exports.Tag = Tag;

package/dist/Tag/Tag.esm.js

@@ -2,47 +2,10 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm
 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-abd0d990.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';
 
-const BtIconCross = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M20.85352,11.14648a.49983.49983,0,0,0-.707,0L16,15.293l-4.14648-4.14649a.5.5,0,0,0-.707.707L15.293,16l-4.14649,4.14648a.5.5,0,1,0,.707.707L16,16.707l4.14648,4.14649a.5.5,0,0,0,.707-.707L16.707,16l4.14649-4.14648A.49983.49983,0,0,0,20.85352,11.14648Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconCrossFill = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.85352,18.14648a.5.5,0,1,1-.707.707L16,16.707l-4.14648,4.14649a.5.5,0,0,1-.707-.707L15.293,16l-4.14649-4.14648a.5.5,0,0,1,.707-.707L16,15.293l4.14648-4.14649a.5.5,0,0,1,.707.707L16.707,16Z",
-      fill: "currentColor",
-    }),
-  );
-
 /**
  * use `Tag` to promote features and manage filtering.
  */
@@ -72,8 +35,8 @@ var Tag = function (_a) {
                 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(Icon, { icon: BtIconCross, color: "brand", size: 20 }),
-            React__default.createElement(Icon, { icon: BtIconCrossFill, color: "brand", size: 20 })))));
+            React__default.createElement(ThemeIcon, { icon: "tagRemove", color: "brand", size: 20 }),
+            React__default.createElement(ThemeIcon, { icon: "tagRemoveInteractive", color: "brand", size: 20 })))));
 };
 
 export { Tag };

package/dist/TextArea/TextArea.cjs.js

@@ -6,52 +6,44 @@ var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/Heading-27cba320.js');
-var Text = require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/Base-f5a86eed.js');
-require('../_shared/cjs/Breadcrumbs-ed70e75a.js');
-require('../_shared/cjs/Button-4fed080a.js');
-require('../_shared/cjs/Card-17dcc171.js');
-require('../_shared/cjs/Checkbox-b126194e.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-7daf8110.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-9b48fd61.js');
-require('../_shared/cjs/ProgressStepper-9cdc0afe.js');
-require('../_shared/cjs/RadioGroup-56e3b0e5.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-6381ac4a.js');
-require('../_shared/cjs/SiteHeader.rehydrator-a3f07c9e.js');
-require('../_shared/cjs/Tabs-2d2a517d.js');
-require('../_shared/cjs/TextInput-bf1fe052.js');
-require('../_shared/cjs/Toast-69108261.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');
-require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
-require('../_shared/cjs/Icon-a9801f05.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
-require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
-require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
-require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
-require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
-require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
-require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.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/Curve-d038052b.js');
 require('../_shared/cjs/Section-59804166.js');
 require('../_shared/cjs/extends-8c5e4b48.js');
-require('../_shared/cjs/index-c575a255.js');
+require('../_shared/cjs/index-4aa11039.js');
 require('react-dom');
-require('../_shared/cjs/index-b2fd6338.js');
-require('../_shared/cjs/index-adbb63da.js');
-require('../_shared/cjs/index-6b2a9ac3.js');
-require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');
-require('../_shared/cjs/BtIconTick.esm-844eac6c.js');
+require('../_shared/cjs/index-23b4f49f.js');
+require('../_shared/cjs/index-d75774a9.js');
+require('../_shared/cjs/index-4dd46cbe.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/TextArea/TextArea.esm.js

@@ -2,52 +2,44 @@ 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-2e73c2e9.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/Heading-d16e0e53.js';
-import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/Base-f200653c.js';
-import '../_shared/esm/Breadcrumbs-87e2bd46.js';
-import '../_shared/esm/Button-a453e8e4.js';
-import '../_shared/esm/Card-201e9f28.js';
-import '../_shared/esm/Checkbox-d6ec5024.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-351e5f1b.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-4ec2f679.js';
-import '../_shared/esm/ProgressStepper-f51f86c3.js';
-import '../_shared/esm/RadioGroup-c838764c.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-233bb926.js';
-import '../_shared/esm/SiteHeader.rehydrator-8f554bfd.js';
-import '../_shared/esm/Tabs-f903187a.js';
-import '../_shared/esm/TextInput-991804b6.js';
-import '../_shared/esm/Toast-37549e68.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 '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
-import '../_shared/esm/Icon-abd0d990.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
-import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
-import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
-import '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
-import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
-import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.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/Curve-d8679dde.js';
 import '../_shared/esm/Section-73781b56.js';
 import '../_shared/esm/extends-8cc61aad.js';
-import '../_shared/esm/index-13d575cc.js';
+import '../_shared/esm/index-87a828b8.js';
 import 'react-dom';
-import '../_shared/esm/index-a1d2d9b3.js';
-import '../_shared/esm/index-efd9ef1c.js';
-import '../_shared/esm/index-3797d77e.js';
-import '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';
-import '../_shared/esm/BtIconTick.esm-e265098f.js';
+import '../_shared/esm/index-65264b4e.js';
+import '../_shared/esm/index-3147c5b0.js';
+import '../_shared/esm/index-4f8d3888.js';
 
 /** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 var TextArea = forwardRef(function (_a, ref) {

package/dist/TextInput/TextInput.cjs.js

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextInput = require('../_shared/cjs/TextInput-bf1fe052.js');
+var TextInput = require('../_shared/cjs/TextInput-a5f72f6f.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/FormControl-7daf8110.js');
-require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
+require('../_shared/cjs/FormControl-30f2330f.js');
 require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
-require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.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');