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

package/dist/Alert/Alert.cjs.js

@@ -6,12 +6,8 @@ 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 Heading = require('../_shared/cjs/Heading-27cba320.js');
-var Text = require('../_shared/cjs/Text-606ca3a2.js');
-var BtIconCrossAlt2Px_esm = require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');
-var BtIconTick_esm = require('../_shared/cjs/BtIconTick.esm-844eac6c.js');
-var BtIconAlert_esm = require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.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 }; }
@@ -21,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 /** use `Alert` to display persistent messages, either permanent or dismissible. */
 var Alert = function (_a) {
     var _b;
-    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, type = _a.type, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, headingLevel = _a.headingLevel, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = filterDataAttrs.__rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "type", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);
+    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable; _a.headingLevel; var onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = filterDataAttrs.__rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);
     var surface = React.useContext(Surface.Context).surface;
     var _d = React.useState(false), isDismissed = _d[0], setIsDismissed = _d[1];
     var onDismissHandler = function () {
@@ -29,10 +25,10 @@ var Alert = function (_a) {
         onDismiss && onDismiss();
     };
     var statusIcons = {
-        general: BtIconTick_esm.BtIconNotification,
-        error: BtIconAlert_esm.BtIconAlert,
-        warning: BtIconTick_esm.BtIconAlertTriangle,
-        success: BtIconTick_esm.BtIconTick
+        general: "alertGeneral",
+        error: "alertError",
+        warning: "alertWarning",
+        success: "alertSuccess"
     };
     var handleLinkClick = function (event) {
         event.preventDefault();
@@ -42,22 +38,19 @@ var Alert = function (_a) {
         return null;
     }
     return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-Alert", (_b = {
-                "arc-Alert--onDarkSurface": surface === "dark",
-                "arc-Alert--secondary": type === "secondary"
+                "arc-Alert--onDarkSurface": surface === "dark"
             },
             _b["arc-Alert--".concat(status)] = status !== "general",
             _b)), role: "alert" }, (status === "warning" && { "aria-live": "assertive" }), filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { className: "arc-Alert-icon" }, icon ? (React__default["default"].createElement(Icon.Icon, { size: 24, icon: icon })) : (React__default["default"].createElement(Icon.Icon, { size: 24, icon: statusIcons[status] }))),
+        React__default["default"].createElement("div", { className: "arc-Alert-icon" }, icon ? (React__default["default"].createElement(Icon.Icon, { size: 24, icon: icon })) : (React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 24, icon: statusIcons[status] }))),
         React__default["default"].createElement("div", { className: "arc-Alert-content" },
-            React__default["default"].createElement("div", { className: "arc-Alert-heading" },
-                React__default["default"].createElement(Heading.Heading, { size: "xs", level: headingLevel }, heading)),
-            description ? (React__default["default"].isValidElement(description) ? (description) : (React__default["default"].createElement(Text.Text, { size: "s" }, description))) : null,
+            React__default["default"].createElement("div", { className: "arc-Alert-heading" }, heading),
+            description ? (React__default["default"].isValidElement(description) ? (description) : (React__default["default"].createElement("div", { className: "arc-Alert-description" }, description))) : null,
             link && (React__default["default"].createElement("div", { className: "arc-Alert-link" },
-                React__default["default"].createElement(Text.Text, { size: "s" },
-                    React__default["default"].createElement("a", filterDataAttrs.__assign({ href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText))))),
+                React__default["default"].createElement("a", filterDataAttrs.__assign({ href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText)))),
         isDismissable && (React__default["default"].createElement(React__default["default"].Fragment, null,
             React__default["default"].createElement("button", { "aria-label": "dismiss alert", className: "arc-Alert-dismiss", onClick: onDismissHandler },
-                React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossAlt2Px_esm.BtIconCrossAlt2Px, size: 24 }))))));
+                React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 24, icon: "alertDismiss" }))))));
 };
 
 exports.Alert = Alert;

package/dist/Alert/Alert.esm.js

@@ -2,18 +2,14 @@ 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 { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
-import { T as Text } from '../_shared/esm/Text-14f586ac.js';
-import { B as BtIconCrossAlt2Px } from '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';
-import { B as BtIconNotification, a as BtIconAlertTriangle, b as BtIconTick } from '../_shared/esm/BtIconTick.esm-e265098f.js';
-import { B as BtIconAlert } from '../_shared/esm/BtIconAlert.esm-a4608d47.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 `Alert` to display persistent messages, either permanent or dismissible. */
 var Alert = function (_a) {
     var _b;
-    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, type = _a.type, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable, headingLevel = _a.headingLevel, onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = __rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "type", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);
+    var heading = _a.heading, description = _a.description, link = _a.link, linkText = _a.linkText, linkAriaLabel = _a.linkAriaLabel, _c = _a.status, status = _c === void 0 ? "general" : _c, isDismissable = _a.isDismissable; _a.headingLevel; var onDismiss = _a.onDismiss, onLinkClick = _a.onLinkClick, icon = _a.icon, props = __rest(_a, ["heading", "description", "link", "linkText", "linkAriaLabel", "status", "isDismissable", "headingLevel", "onDismiss", "onLinkClick", "icon"]);
     var surface = useContext(Context).surface;
     var _d = useState(false), isDismissed = _d[0], setIsDismissed = _d[1];
     var onDismissHandler = function () {
@@ -21,10 +17,10 @@ var Alert = function (_a) {
         onDismiss && onDismiss();
     };
     var statusIcons = {
-        general: BtIconNotification,
-        error: BtIconAlert,
-        warning: BtIconAlertTriangle,
-        success: BtIconTick
+        general: "alertGeneral",
+        error: "alertError",
+        warning: "alertWarning",
+        success: "alertSuccess"
     };
     var handleLinkClick = function (event) {
         event.preventDefault();
@@ -34,22 +30,19 @@ var Alert = function (_a) {
         return null;
     }
     return (React__default.createElement("div", __assign({ className: classNames("arc-Alert", (_b = {
-                "arc-Alert--onDarkSurface": surface === "dark",
-                "arc-Alert--secondary": type === "secondary"
+                "arc-Alert--onDarkSurface": surface === "dark"
             },
             _b["arc-Alert--".concat(status)] = status !== "general",
             _b)), role: "alert" }, (status === "warning" && { "aria-live": "assertive" }), filterDataAttrs(props)),
-        React__default.createElement("div", { className: "arc-Alert-icon" }, icon ? (React__default.createElement(Icon, { size: 24, icon: icon })) : (React__default.createElement(Icon, { size: 24, icon: statusIcons[status] }))),
+        React__default.createElement("div", { className: "arc-Alert-icon" }, icon ? (React__default.createElement(Icon, { size: 24, icon: icon })) : (React__default.createElement(ThemeIcon, { size: 24, icon: statusIcons[status] }))),
         React__default.createElement("div", { className: "arc-Alert-content" },
-            React__default.createElement("div", { className: "arc-Alert-heading" },
-                React__default.createElement(Heading, { size: "xs", level: headingLevel }, heading)),
-            description ? (React__default.isValidElement(description) ? (description) : (React__default.createElement(Text, { size: "s" }, description))) : null,
+            React__default.createElement("div", { className: "arc-Alert-heading" }, heading),
+            description ? (React__default.isValidElement(description) ? (description) : (React__default.createElement("div", { className: "arc-Alert-description" }, description))) : null,
             link && (React__default.createElement("div", { className: "arc-Alert-link" },
-                React__default.createElement(Text, { size: "s" },
-                    React__default.createElement("a", __assign({ href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText))))),
+                React__default.createElement("a", __assign({ href: link, "aria-label": linkAriaLabel }, (onLinkClick && { onClick: handleLinkClick })), linkText)))),
         isDismissable && (React__default.createElement(React__default.Fragment, null,
             React__default.createElement("button", { "aria-label": "dismiss alert", className: "arc-Alert-dismiss", onClick: onDismissHandler },
-                React__default.createElement(Icon, { icon: BtIconCrossAlt2Px, size: 24 }))))));
+                React__default.createElement(ThemeIcon, { size: 24, icon: "alertDismiss" }))))));
 };
 
 export { Alert };

package/dist/Badge/Badge.cjs.js

@@ -7,7 +7,6 @@ var React = require('react');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.js');
 var suffixModifier = require('../_shared/cjs/suffix-modifier-64dcd338.js');
-var Text = require('../_shared/cjs/Text-606ca3a2.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -30,8 +29,7 @@ var Badge = function (_a) {
                     "arc-Badge-text": true
                 },
                 _c[suffixModifier.suffixModifier("arc-Badge--text", state)] = state !== "default",
-                _c)) },
-            React__default["default"].createElement(Text.Text, { size: size === "default" ? "xs" : "m" }, children))));
+                _c)) }, children)));
 };
 
 exports.Badge = Badge;

package/dist/Badge/Badge.esm.js

@@ -3,7 +3,6 @@ import React__default, { useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
 import { s as suffixModifier } from '../_shared/esm/suffix-modifier-3d548e45.js';
-import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 
 /** Use `Badge` component to visually display a small amount of information, such as notification counts or status indicators. */
 var Badge = function (_a) {
@@ -22,8 +21,7 @@ var Badge = function (_a) {
                     "arc-Badge-text": true
                 },
                 _c[suffixModifier("arc-Badge--text", state)] = state !== "default",
-                _c)) },
-            React__default.createElement(Text, { size: size === "default" ? "xs" : "m" }, children))));
+                _c)) }, children)));
 };
 
 export { Badge };

package/dist/Breadcrumbs/Breadcrumbs.cjs.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Breadcrumbs = require('../_shared/cjs/Breadcrumbs-ed70e75a.js');
+var Breadcrumbs = require('../_shared/cjs/Breadcrumbs-f3385e2e.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/debounce-123468fb.js');
-require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/ThemeIcon-9534f091.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');

package/dist/Breadcrumbs/Breadcrumbs.esm.js

@@ -1,9 +1,8 @@
-export { B as Breadcrumbs } from '../_shared/esm/Breadcrumbs-87e2bd46.js';
+export { B as Breadcrumbs } from '../_shared/esm/Breadcrumbs-c4b65cff.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/debounce-6fed6b84.js';
-import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/ThemeIcon-eab5a4d0.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';

package/dist/Button/Button.cjs.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Button = require('../_shared/cjs/Button-4fed080a.js');
+var Button = require('../_shared/cjs/Button-5c958ce9.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
-require('react');
-require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
 require('../_shared/cjs/index-9947ac13.js');
+require('react');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Icon-a9801f05.js');
+require('../_shared/cjs/Icon-a47b6c0a.js');
 require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/ThemeIcon-9534f091.js');
 
 
 

package/dist/Button/Button.esm.js

@@ -1,9 +1,8 @@
-export { B as Button } from '../_shared/esm/Button-a453e8e4.js';
+export { B as Button } from '../_shared/esm/Button-c3348ed8.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
-import 'react';
-import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
 import '../_shared/esm/index-2e73c2e9.js';
+import 'react';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Icon-abd0d990.js';
+import '../_shared/esm/Icon-9ecaaeab.js';
 import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/ThemeIcon-eab5a4d0.js';

package/dist/Card/Card.cjs.js

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Card = require('../_shared/cjs/Card-17dcc171.js');
+var Card = require('../_shared/cjs/Card-eb1c20c1.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
-require('../_shared/cjs/Icon-a9801f05.js');
-require('../_shared/cjs/suffix-modifier-64dcd338.js');
-require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/Image-e873b8fc.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Heading-27cba320.js');
+require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
+require('../_shared/cjs/ThemeIcon-9534f091.js');
 
 
 

package/dist/Card/Card.esm.js

@@ -1,11 +1,10 @@
-export { C as Card } from '../_shared/esm/Card-201e9f28.js';
+export { C as Card } from '../_shared/esm/Card-45e8e10a.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
-import '../_shared/esm/Icon-abd0d990.js';
-import '../_shared/esm/suffix-modifier-3d548e45.js';
-import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/Image-12fbd327.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Heading-d16e0e53.js';
+import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
+import '../_shared/esm/ThemeIcon-eab5a4d0.js';

package/dist/Checkbox/Checkbox.cjs.js

@@ -2,18 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../_shared/cjs/Checkbox-b126194e.js');
+var Checkbox = require('../_shared/cjs/Checkbox-5f14bb0d.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
-require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
-require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/FormControl-7daf8110.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');
 
 
 

package/dist/Checkbox/Checkbox.esm.js

@@ -1,12 +1,10 @@
-export { C as Checkbox } from '../_shared/esm/Checkbox-d6ec5024.js';
+export { C as Checkbox } from '../_shared/esm/Checkbox-2a623386.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
-import '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
-import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/FormControl-351e5f1b.js';
+import '../_shared/esm/FormControl-433228f5.js';
 import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
-import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.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';

package/dist/Disclosure/Disclosure.cjs.js

@@ -6,8 +6,8 @@ var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
 var Heading = require('../_shared/cjs/Heading-27cba320.js');
-var BtIconChevronDown2Px_esm = require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.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 }; }
@@ -28,7 +28,7 @@ var Disclosure = function (_a) {
         }), open: isOpen }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("summary", { className: "arc-Disclosure-summary" },
             React__default["default"].createElement("span", { className: "arc-Disclosure-summary-icon" },
-                React__default["default"].createElement(BtIconChevronDown2Px_esm.BtIconChevronDown2Px, null)),
+                React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: "disclosureExpand" })),
             React__default["default"].createElement(Heading.Heading, { level: headingLevel, size: "s" }, summary)),
         React__default["default"].createElement("div", { className: "arc-Disclosure-details" }, children)));
 };

package/dist/Disclosure/Disclosure.esm.js

@@ -2,8 +2,8 @@ import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
 import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
-import { B as BtIconChevronDown2Px } from '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-eab5a4d0.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 
 /**
@@ -20,7 +20,7 @@ var Disclosure = function (_a) {
         }), open: isOpen }, filterDataAttrs(props)),
         React__default.createElement("summary", { className: "arc-Disclosure-summary" },
             React__default.createElement("span", { className: "arc-Disclosure-summary-icon" },
-                React__default.createElement(BtIconChevronDown2Px, null)),
+                React__default.createElement(ThemeIcon, { icon: "disclosureExpand" })),
             React__default.createElement(Heading, { level: headingLevel, size: "s" }, summary)),
         React__default.createElement("div", { className: "arc-Disclosure-details" }, children)));
 };

package/dist/DisclosureMini/DisclosureMini.cjs.js

@@ -2,14 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DisclosureMini = require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
+var DisclosureMini = require('../_shared/cjs/DisclosureMini-145105a4.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/Text-606ca3a2.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/ThemeIcon-9534f091.js');
 
 
 

package/dist/DisclosureMini/DisclosureMini.esm.js

@@ -1,8 +1,8 @@
-export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-ec17b008.js';
+export { D as DisclosureMini } from '../_shared/esm/DisclosureMini-bf95a9db.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/Text-14f586ac.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/ThemeIcon-eab5a4d0.js';

package/dist/FormControl/FormControl.cjs.js

@@ -2,16 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-7daf8110.js');
+var FormControl = require('../_shared/cjs/FormControl-30f2330f.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.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');
 
 
 

package/dist/FormControl/FormControl.esm.js

@@ -1,10 +1,9 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-351e5f1b.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-433228f5.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/DisclosureMini-ec17b008.js';
-import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.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';

package/dist/Icon/Icon.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Icon = require('../_shared/cjs/Icon-a47b6c0a.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
-require('react');
 require('../_shared/cjs/index-9947ac13.js');
+require('react');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 

package/dist/Icon/Icon.esm.js

@@ -1,6 +1,6 @@
-export { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+export { I as Icon } from '../_shared/esm/Icon-9ecaaeab.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
+import 'react';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';

package/dist/Modal/Modal.cjs.js

@@ -5,23 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index$4 = require('../_shared/cjs/index-9947ac13.js');
-var BtIconCrossAlt2Px_esm = require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');
 var _extends = require('../_shared/cjs/extends-8c5e4b48.js');
-var index = require('../_shared/cjs/index-c575a255.js');
-var index$1 = require('../_shared/cjs/index-adbb63da.js');
-var index$2 = require('../_shared/cjs/index-6b2a9ac3.js');
-var index$3 = require('../_shared/cjs/index-43458549.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var index = require('../_shared/cjs/index-4aa11039.js');
+var index$1 = require('../_shared/cjs/index-d75774a9.js');
+var index$2 = require('../_shared/cjs/index-4dd46cbe.js');
+var index$3 = require('../_shared/cjs/index-38d3848e.js');
 var Base = require('../_shared/cjs/Base-f5a86eed.js');
 var Heading = require('../_shared/cjs/Heading-27cba320.js');
-var Button = require('../_shared/cjs/Button-4fed080a.js');
+var Button = require('../_shared/cjs/Button-5c958ce9.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-9534f091.js');
 require('react-dom');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
-require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
-require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
+require('../_shared/cjs/Icon-a47b6c0a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -595,7 +593,7 @@ var Modal = function (_a) {
                             React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({ isFullWidth: true }, props)))); })))),
                     canShowClose && (React__default["default"].createElement("div", { className: "arc-Modal-iconContainer" },
                         React__default["default"].createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
-                            React__default["default"].createElement(Icon.Icon, { size: 32, icon: BtIconCrossAlt2Px_esm.BtIconCrossAlt2Px })))))))));
+                            React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "modalClose" })))))))));
 };
 
 exports.Modal = Modal;

package/dist/Modal/Modal.esm.js

@@ -1,23 +1,21 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import React__default, { forwardRef, useState, useRef, useEffect, useCallback, createElement, Children, Fragment, useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { B as BtIconCrossAlt2Px } from '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';
 import { _ as _extends } from '../_shared/esm/extends-8cc61aad.js';
-import { $ as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $8927f6f2acc4f386$export$250ffa63cdc0d034, c as $c512c27ab02ef895$export$50c7b4e9d9f19c1, d as $71cd76cc60e0454e$export$6f32135080cb4c3, e as $921a889cee6df7e8$export$99c2b779aa4e8b8b, f as $5e63c961fc1ce211$export$8c6ed5c666ac1360, g as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-13d575cc.js';
-import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-efd9ef1c.js';
-import { $ as $f1701beae083dbae$export$602eac185826482c, a as $5cb92bef7577960e$export$177fb62ff3ec1f22 } from '../_shared/esm/index-3797d77e.js';
-import { $ as $01b9c$RemoveScroll, h as hideOthers } from '../_shared/esm/index-41d7af2b.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { $ as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $8927f6f2acc4f386$export$250ffa63cdc0d034, c as $c512c27ab02ef895$export$50c7b4e9d9f19c1, d as $71cd76cc60e0454e$export$6f32135080cb4c3, e as $921a889cee6df7e8$export$99c2b779aa4e8b8b, f as $5e63c961fc1ce211$export$8c6ed5c666ac1360, g as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-87a828b8.js';
+import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-3147c5b0.js';
+import { $ as $f1701beae083dbae$export$602eac185826482c, a as $5cb92bef7577960e$export$177fb62ff3ec1f22 } from '../_shared/esm/index-4f8d3888.js';
+import { $ as $01b9c$RemoveScroll, h as hideOthers } from '../_shared/esm/index-ffd720d0.js';
 import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
 import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
-import { B as Button } from '../_shared/esm/Button-a453e8e4.js';
+import { B as Button } from '../_shared/esm/Button-c3348ed8.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-eab5a4d0.js';
 import 'react-dom';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
-import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
-import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
+import '../_shared/esm/Icon-9ecaaeab.js';
 
 const $d3863c46a17e8a28$var$AUTOFOCUS_ON_MOUNT = 'focusScope.autoFocusOnMount';
 const $d3863c46a17e8a28$var$AUTOFOCUS_ON_UNMOUNT = 'focusScope.autoFocusOnUnmount';
@@ -587,7 +585,7 @@ var Modal = function (_a) {
                             React__default.createElement(Button, __assign({ isFullWidth: true }, props)))); })))),
                     canShowClose && (React__default.createElement("div", { className: "arc-Modal-iconContainer" },
                         React__default.createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
-                            React__default.createElement(Icon, { size: 32, icon: BtIconCrossAlt2Px })))))))));
+                            React__default.createElement(ThemeIcon, { size: 32, icon: "modalClose" })))))))));
 };
 
 export { Modal };

package/dist/Pagination/Pagination.cjs.js

@@ -5,10 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
-var BtIconChevronRightMid_esm = require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
-var BtIconChevronLeftMid_esm = require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
-var Icon = require('../_shared/cjs/Icon-a9801f05.js');
 var Surface = require('../_shared/cjs/Surface-038db6e1.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 }; }
@@ -71,7 +69,7 @@ var Pagination = function (_a) {
                 "arc-Pagination-navigationButton--hidden": selectedPage === 1
             }), onClick: handlePagechange(selectedPage - 1) },
             React__default["default"].createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--left" },
-                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid_esm.BtIconChevronLeftMid }))),
+                React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "paginationPrevious" }))),
         React__default["default"].createElement("div", { className: "arc-Pagination-pageNumberContainer" }, pageRange.map(function (rangeValue, i) {
             return isPageNumber(rangeValue) ? (React__default["default"].createElement("button", { "aria-current": parseInt(rangeValue) === selectedPage, key: "pagination-range-value-".concat(rangeValue), "aria-label": "Go to page ".concat(rangeValue), className: index.classNames("arc-Pagination-value arc-Pagination-value--number", {
                     "arc-Pagination-value--selected": parseInt(rangeValue) === selectedPage
@@ -81,7 +79,7 @@ var Pagination = function (_a) {
                 "arc-Pagination-navigationButton--hidden": selectedPage === pageCount
             }), onClick: handlePagechange(selectedPage + 1) },
             React__default["default"].createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--right" },
-                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_esm.BtIconChevronRightMid })))));
+                React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "paginationNext" })))));
 };
 
 exports.Pagination = Pagination;

package/dist/Pagination/Pagination.esm.js

@@ -1,10 +1,8 @@
 import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useMemo, useContext, useState } from 'react';
-import { B as BtIconChevronRightMid } from '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
-import { B as BtIconChevronLeftMid } from '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
 import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-eab5a4d0.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 
 var usePagination = function (pageCount, selectedPage) {
@@ -63,7 +61,7 @@ var Pagination = function (_a) {
                 "arc-Pagination-navigationButton--hidden": selectedPage === 1
             }), onClick: handlePagechange(selectedPage - 1) },
             React__default.createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--left" },
-                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid }))),
+                React__default.createElement(ThemeIcon, { size: 32, icon: "paginationPrevious" }))),
         React__default.createElement("div", { className: "arc-Pagination-pageNumberContainer" }, pageRange.map(function (rangeValue, i) {
             return isPageNumber(rangeValue) ? (React__default.createElement("button", { "aria-current": parseInt(rangeValue) === selectedPage, key: "pagination-range-value-".concat(rangeValue), "aria-label": "Go to page ".concat(rangeValue), className: classNames("arc-Pagination-value arc-Pagination-value--number", {
                     "arc-Pagination-value--selected": parseInt(rangeValue) === selectedPage
@@ -73,7 +71,7 @@ var Pagination = function (_a) {
                 "arc-Pagination-navigationButton--hidden": selectedPage === pageCount
             }), onClick: handlePagechange(selectedPage + 1) },
             React__default.createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--right" },
-                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid })))));
+                React__default.createElement(ThemeIcon, { size: 32, icon: "paginationNext" })))));
 };
 
 export { Pagination };