@arc-ui/components 11.4.2 → 11.5.0

package/dist/Tag/Tag.cjs.js

@@ -2,20 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var React$1 = require('react');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
-var Icon = require('../_shared/cjs/Icon-719d13d4.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var React$2 = require('react');
+var index = require('../_shared/cjs/index-45bfb67b.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var Icon = require('../_shared/cjs/Icon-9ae8dbe1.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$2);
 
-const React = React__default["default"];
+const React$1 = React__default["default"];
 const BtIconCross = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React$1.createElement(
     "svg",
     Object.assign(
       {
@@ -24,13 +24,13 @@ const BtIconCross = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React$1.createElement("defs", null),
+    /*#__PURE__*/ React$1.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.createElement("path", {
+    /*#__PURE__*/ React$1.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"
@@ -38,24 +38,44 @@ const BtIconCross = props =>
   );
 var BtIconCross_2 = BtIconCross;
 
+const React = React__default["default"];
+const BtIconCrossFill = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d:
+        "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"
+    })
+  );
+var BtIconCrossFill_2 = BtIconCrossFill;
+
 /**
  * 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 = index.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove"]);
-    var surface = React$1.useContext(Surface.Context).surface;
-    var _b = React$1.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
+    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, props = filterDataAttrs.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove"]);
+    var surface = React$2.useContext(Surface.Context).surface;
+    var _b = React$2.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
     var onRemoveHandler = function () {
         setIsRemoved(function (p) { return !p; });
         onRemove && onRemove();
     };
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames("arc-Tag", {
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.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 }), index.filterDataAttrs(props)),
+        }) }, (isRemoved && { "aria-hidden": true }), filterDataAttrs.filterDataAttrs(props)),
         link ? (React__default["default"].createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
             icon && (React__default["default"].createElement("span", { className: "arc-Tag-icon" },
                 React__default["default"].createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
@@ -67,7 +87,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_2, color: "brand", size: 20 })))));
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconCross_2, color: "brand", size: 20 }),
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconCrossFill_2, color: "brand", size: 20 })))));
 };
 
 exports.Tag = Tag;

package/dist/Tag/Tag.esm.js

@@ -1,13 +1,13 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import React__default, { useContext, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
-import { I as Icon } from '../_shared/esm/Icon-61f7237a.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
+import { I as Icon } from '../_shared/esm/Icon-fd247973.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
 
-const React = React__default;
+const React$1 = React__default;
 const BtIconCross = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React$1.createElement(
     "svg",
     Object.assign(
       {
@@ -16,13 +16,13 @@ const BtIconCross = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React$1.createElement("defs", null),
+    /*#__PURE__*/ React$1.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.createElement("path", {
+    /*#__PURE__*/ React$1.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"
@@ -30,6 +30,26 @@ const BtIconCross = props =>
   );
 var BtIconCross_2 = BtIconCross;
 
+const React = React__default;
+const BtIconCrossFill = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d:
+        "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"
+    })
+  );
+var BtIconCrossFill_2 = BtIconCrossFill;
+
 /**
  * use `Tag` to promote features and manage filtering.
  */
@@ -59,7 +79,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_2, color: "brand", size: 20 })))));
+            React__default.createElement(Icon, { icon: BtIconCross_2, color: "brand", size: 20 }),
+            React__default.createElement(Icon, { icon: BtIconCrossFill_2, color: "brand", size: 20 })))));
 };
 
 export { Tag };

package/dist/Text/Text.cjs.d.ts

@@ -1 +1 @@
-export { Text } from "../_shared/cjs/Text-1d3844be";
+export { Text } from "../_shared/cjs/Text-6f2827e6";

package/dist/Text/Text.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Text = require('../_shared/cjs/Text-1d3844be.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var Text = require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/Surface-d6b8010e.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-6da0a78e.js');
 
 
 

package/dist/Text/Text.esm.d.ts

@@ -1 +1 @@
-export { Text } from "../_shared/esm/Text-6b958ad8";
+export { Text } from "../_shared/esm/Text-00e9743b";

package/dist/Text/Text.esm.js

@@ -1,6 +1,6 @@
-export { T as Text } from '../_shared/esm/Text-6b958ad8.js';
-import '../_shared/esm/index-229fc864.js';
+export { T as Text } from '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/Surface-bf201530.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-bb100ef8.js';

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-d4d9c665";
+import { FormControlProps } from "../_shared/cjs/FormControl-42360ae8";
 type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `TextInput` to allow custom user text entry with a keyboard.

package/dist/TextInput/TextInput.cjs.js

@@ -2,15 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
-var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var FormControl = require('../_shared/cjs/FormControl-42360ae8.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
-require('../_shared/cjs/Text-1d3844be.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
-require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
+require('../_shared/cjs/BtIconAlert-637db790.js');
+require('../_shared/cjs/DisclosureMini-5af13d3c.js');
+require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
+require('../_shared/cjs/Text-6f2827e6.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/VerticalSpace-86f697e7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -47,7 +50,7 @@ var useNumericInput = function (props) {
  * Use `TextInput` to allow custom user text entry with a keyboard.
  */
 var TextInput = React.forwardRef(function (_a, ref) {
-    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, label = _a.label, _f = _a.labelSize, labelSize = _f === void 0 ? "l" : _f, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _g = _a.type, type = _g === void 0 ? "text" : _g, _h = _a.showPassword, showPassword = _h === void 0 ? false : _h, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, props = index.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText"]);
+    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isReadOnly, isReadOnly = _d === void 0 ? false : _d, _e = _a.isRequired, isRequired = _e === void 0 ? false : _e, label = _a.label, _f = _a.labelSize, labelSize = _f === void 0 ? "l" : _f, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _g = _a.type, type = _g === void 0 ? "text" : _g, _h = _a.showPassword, showPassword = _h === void 0 ? false : _h, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText"]);
     var surface = React.useContext(Surface.Context).surface;
     var _j = React.useState(false), showPasswordToggle = _j[0], setShowPasswordToggle = _j[1];
     var inferredInputProps = useNumericInput({
@@ -62,15 +65,15 @@ var TextInput = React.forwardRef(function (_a, ref) {
         helper: helper,
         disclosureText: disclosureText
     }).ariaDescribedby;
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
             "arc-TextInput": true,
             "arc-TextInput--withPasswordToggle": showPassword,
             "arc-TextInput--invalid": errorMessage,
             "arc-TextInput--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props)),
+        }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure },
             React__default["default"].createElement("div", { className: "arc-TextInput-inputWrapper" },
-                React__default["default"].createElement("input", index.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-TextInput-input", defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, id: id, maxLength: maxLength, minLength: minLength, name: name, onChange: onChange, onBlur: onBlur, readOnly: isReadOnly, ref: ref, required: isRequired, value: typeof value !== "undefined" ? value : undefined }, inferredInputProps)),
+                React__default["default"].createElement("input", filterDataAttrs.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-TextInput-input", defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, id: id, maxLength: maxLength, minLength: minLength, name: name, onChange: onChange, onBlur: onBlur, readOnly: isReadOnly, ref: ref, required: isRequired, value: typeof value !== "undefined" ? value : undefined }, inferredInputProps)),
                 showPassword && (React__default["default"].createElement(React__default["default"].Fragment, null,
                     React__default["default"].createElement("button", { className: "arc-TextInput-passwordToggle", onClick: function () { return setShowPasswordToggle(function (p) { return !p; }); }, type: "button" }, showPasswordToggle ? "Hide" : "Show"),
                     React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FC } from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-2cb96de7";
+import { FormControlProps } from "../_shared/esm/FormControl-0744f93f";
 type EventType = React.ChangeEvent<HTMLInputElement>;
 /**
  * Use `TextInput` to allow custom user text entry with a keyboard.

package/dist/TextInput/TextInput.esm.js

@@ -1,12 +1,15 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
 import React__default, { forwardRef, useContext, useState } from 'react';
-import { u as useAriaDescribedby, F as FormControl } from '../_shared/esm/FormControl-2cb96de7.js';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
+import { u as useAriaDescribedby, F as FormControl } from '../_shared/esm/FormControl-0744f93f.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
 import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-b9eebf71.js';
-import '../_shared/esm/Text-6b958ad8.js';
-import '../_shared/esm/suffix-modifier-f5e28822.js';
-import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
+import '../_shared/esm/BtIconAlert-55a6ed5c.js';
+import '../_shared/esm/DisclosureMini-322fccc0.js';
+import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
+import '../_shared/esm/Text-00e9743b.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/VerticalSpace-93980c9c.js';
 
 /**
  * Infer the correct inputMode, pattern and type if specifying a `number` type.

package/dist/UniversalHeader/UniversalHeader.cjs.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var React = require('react');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 require('../_shared/cjs/index-45bfb67b.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `UniversalHeader` to display a group-level page header.
  */
 var UniversalHeader = function (_a) {
-    var children = _a.children, props = index.__rest(_a, ["children"]);
+    var children = _a.children, props = filterDataAttrs.__rest(_a, ["children"]);
     React.useEffect(function () {
         React__default["default"].Children.map(children, function (item) {
             if (item && item.type !== UniversalHeaderItem) {
@@ -23,13 +23,13 @@ var UniversalHeader = function (_a) {
             }
         });
     }, [children]);
-    return (React__default["default"].createElement("nav", index.__assign({ className: "arc-UniversalHeader" }, index.filterDataAttrs(props)),
+    return (React__default["default"].createElement("nav", filterDataAttrs.__assign({ className: "arc-UniversalHeader" }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement(Surface.Surface, { background: "light" },
             React__default["default"].createElement("ul", { className: "arc-UniversalHeader-items" }, children))));
 };
 var UniversalHeaderItem = function (_a) {
-    var children = _a.children, href = _a.href, props = index.__rest(_a, ["children", "href"]);
-    return (React__default["default"].createElement("li", index.__assign({}, index.filterDataAttrs(props)),
+    var children = _a.children, href = _a.href, props = filterDataAttrs.__rest(_a, ["children", "href"]);
+    return (React__default["default"].createElement("li", filterDataAttrs.__assign({}, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("a", { className: "arc-UniversalHeader-link", href: href }, children)));
 };
 UniversalHeaderItem.displayName = "UniversalHeader.Item";

package/dist/UniversalHeader/UniversalHeader.esm.js

@@ -1,6 +1,6 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-229fc864.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import React__default, { useEffect } from 'react';
-import { S as Surface } from '../_shared/esm/Surface-bf201530.js';
+import { S as Surface } from '../_shared/esm/Surface-bb100ef8.js';
 import '../_shared/esm/index-2ae58626.js';
 
 /**

package/dist/VerticalSpace/VerticalSpace.cjs.d.ts

@@ -1 +1 @@
-export { VerticalSpace } from "../_shared/cjs/VerticalSpace-7aed88ab";
+export { VerticalSpace } from "../_shared/cjs/VerticalSpace-86f697e7";

package/dist/VerticalSpace/VerticalSpace.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-7aed88ab.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-86f697e7.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
 

package/dist/VerticalSpace/VerticalSpace.esm.d.ts

@@ -1 +1 @@
-export { VerticalSpace } from "../_shared/esm/VerticalSpace-3579b20e";
+export { VerticalSpace } from "../_shared/esm/VerticalSpace-93980c9c";

package/dist/VerticalSpace/VerticalSpace.esm.js

@@ -1,4 +1,4 @@
-export { V as VerticalSpace } from '../_shared/esm/VerticalSpace-3579b20e.js';
-import '../_shared/esm/index-229fc864.js';
+export { V as VerticalSpace } from '../_shared/esm/VerticalSpace-93980c9c.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/_shared/cjs/{Base-e2b846fe.js → Base-569e4334.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-78b35bc1.js');
+var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,9 +12,9 @@ var ArcRootElementContext = React.createContext(null);
  * Use `Base` as the root component of the arc system.
  */
 var Base = function (_a) {
-    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = index.__rest(_a, ["brand", "children"]);
+    var _b = _a.brand, brand = _b === void 0 ? "bt" : _b, children = _a.children, props = filterDataAttrs.__rest(_a, ["brand", "children"]);
     var _c = React__default["default"].useState(null), arcRoot = _c[0], setArcRoot = _c[1];
-    return (React__default["default"].createElement("div", index.__assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, index.filterDataAttrs(props)),
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ id: "arc-root", ref: setArcRoot, className: "arc".concat(brand ? " arc-".concat(brand) : "") }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement(ArcRootElementContext.Provider, { value: arcRoot }, children)));
 };
 

package/dist/_shared/cjs/{BrandLogo-3c6102ef.js → BrandLogo-8008f0c4.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var index = require('./index-78b35bc1.js');
-var index$1 = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var index = require('./index-45bfb67b.js');
 var React = require('react');
-var suffixModifier = require('./suffix-modifier-edf7851e.js');
-var Surface = require('./Surface-d6b8010e.js');
+var suffixModifier = require('./suffix-modifier-1ee2da04.js');
+var Surface = require('./Surface-6da0a78e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,9 +15,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var BrandLogo = function (_a) {
     var _b;
-    var _c = _a.color, color = _c === void 0 ? "auto" : _c, label = _a.label, _d = _a.size, size = _d === void 0 ? 34 : _d, subBrand = _a.subBrand, props = index.__rest(_a, ["color", "label", "size", "subBrand"]);
+    var _c = _a.color, color = _c === void 0 ? "auto" : _c, label = _a.label, _d = _a.size, size = _d === void 0 ? 34 : _d, subBrand = _a.subBrand, props = filterDataAttrs.__rest(_a, ["color", "label", "size", "subBrand"]);
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
                 "arc-BrandLogo": true,
                 "arc-BrandLogo--colorBrand": color === "brand",
                 "arc-BrandLogo--onDarkSurface": surface === "dark"
@@ -25,7 +25,7 @@ var BrandLogo = function (_a) {
             _b[suffixModifier.suffixModifier("arc-BrandLogo--subBrand", subBrand || "")] = subBrand,
             _b)), style: {
             width: size !== 34 ? size : undefined
-        } }, index.filterDataAttrs(props)), label ? React__default["default"].createElement("span", { className: "arc-BrandLogo-text" }, label) : null));
+        } }, filterDataAttrs.filterDataAttrs(props)), label ? React__default["default"].createElement("span", { className: "arc-BrandLogo-text" }, label) : null));
 };
 
 exports.BrandLogo = BrandLogo;

package/dist/_shared/cjs/BtIconAlert-637db790.js

@@ -0,0 +1,38 @@
+'use strict';
+
+var React$1 = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+
+const React = React__default["default"];
+const BtIconAlert = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d:
+        "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.createElement("path", {
+      fill: "currentColor",
+      d: "M16 20.99335A1 1 0 1 0 16 22.99335 1 1 0 1 0 16 20.99335z"
+    }),
+    /*#__PURE__*/ React.createElement("path", {
+      d:
+        "M16.00488,19.00977a.49972.49972,0,0,0,.5-.5L16.50684,9.5a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,19.00977Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconAlert_2 = BtIconAlert;
+
+exports.BtIconAlert_2 = BtIconAlert_2;

package/dist/_shared/cjs/BtIconCrossAlt2Px-30dc2688.js

@@ -0,0 +1,29 @@
+'use strict';
+
+var React$1 = require('react');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+
+const React = React__default["default"];
+const BtIconCrossAlt2Px = props =>
+  /*#__PURE__*/ React.createElement(
+    "svg",
+    Object.assign(
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 32 32"
+      },
+      props
+    ),
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
+      d:
+        "M17.41406,16l3.793-3.793A.99989.99989,0,0,0,19.793,10.793L16,14.58594l-3.793-3.793A.99989.99989,0,0,0,10.793,12.207L14.58594,16l-3.793,3.793A.99989.99989,0,1,0,12.207,21.207L16,17.41406l3.793,3.793A.99989.99989,0,0,0,21.207,19.793Z",
+      fill: "currentColor"
+    })
+  );
+var BtIconCrossAlt2Px_2 = BtIconCrossAlt2Px;
+
+exports.BtIconCrossAlt2Px_2 = BtIconCrossAlt2Px_2;

package/dist/_shared/cjs/{Button-1af6868c.js → Button-5dff284a.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-78b35bc1.js');
+var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
 var React$1 = require('react');
 var BtIconChevronRightMid = require('./BtIconChevronRightMid-5a38d855.js');
-var index$1 = require('./index-45bfb67b.js');
-var suffixModifier = require('./suffix-modifier-edf7851e.js');
-var Icon = require('./Icon-719d13d4.js');
-var Surface = require('./Surface-d6b8010e.js');
+var index = require('./index-45bfb67b.js');
+var suffixModifier = require('./suffix-modifier-1ee2da04.js');
+var Icon = require('./Icon-9ae8dbe1.js');
+var Surface = require('./Surface-6da0a78e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -39,9 +39,9 @@ var BtIconChevronLeftMid_2 = BtIconChevronLeftMid;
  */
 var Button = React$1.forwardRef(function (_a, ref) {
     var _b;
-    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, supportingText = _a.supportingText, target = _a.target, type = _a.type, props = index.__rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "supportingText", "target", "type"]);
+    var ariaLabel = _a.ariaLabel, _c = _a.fill, fill = _c === void 0 ? "solid" : _c, href = _a.href, icon = _a.icon, _d = _a.iconPosition, iconPosition = _d === void 0 ? "afterText" : _d, id = _a.id, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isDisplayBlock, isDisplayBlock = _f === void 0 ? false : _f, _g = _a.isFullWidth, isFullWidth = _g === void 0 ? false : _g, label = _a.label, onClick = _a.onClick, rel = _a.rel, supportingText = _a.supportingText, target = _a.target, type = _a.type, props = filterDataAttrs.__rest(_a, ["ariaLabel", "fill", "href", "icon", "iconPosition", "id", "isDisabled", "isDisplayBlock", "isFullWidth", "label", "onClick", "rel", "supportingText", "target", "type"]);
     var surface = React$1.useContext(Surface.Context).surface;
-    var buttonClasses = index$1.classNames((_b = {
+    var buttonClasses = index.classNames((_b = {
             "arc-Button": true,
             "arc-Button--displayBlock": isDisplayBlock
         },
@@ -53,18 +53,18 @@ var Button = React$1.forwardRef(function (_a, ref) {
         _b["arc-Button--hasSupportingText"] = supportingText,
         _b["arc-Button--onDarkSurface"] = surface === "dark",
         _b));
-    var commonProps = index.__assign({ id: id, onClick: onClick, ref: ref }, index.filterDataAttrs(props));
+    var commonProps = filterDataAttrs.__assign({ id: id, onClick: onClick, ref: ref }, filterDataAttrs.filterDataAttrs(props));
     var buttonText = supportingText ? (React__default["default"].createElement("span", null,
         React__default["default"].createElement("span", { className: "arc-Button-text" }, label),
         React__default["default"].createElement("span", { className: "arc-Button-supportingText" }, supportingText))) : (React__default["default"].createElement("span", { className: "arc-Button-text" }, label));
     var buttonIcon = icon || fill === "flat" ? (React__default["default"].createElement(ButtonIcon, { icon: icon, isChevron: !icon && fill === "flat", isBeforeText: iconPosition === "beforeText" })) : null;
     if (href && !isDisabled) {
-        return (React__default["default"].createElement("a", index.__assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, href: href, rel: rel, target: target }),
+        return (React__default["default"].createElement("a", filterDataAttrs.__assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, href: href, rel: rel, target: target }),
             React__default["default"].createElement("span", { className: "arc-Button-inner" },
                 buttonText,
                 buttonIcon)));
     }
-    return (React__default["default"].createElement("button", index.__assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, disabled: isDisabled, type: type }),
+    return (React__default["default"].createElement("button", filterDataAttrs.__assign({}, commonProps, { "aria-label": ariaLabel, className: buttonClasses, disabled: isDisabled, type: type }),
         React__default["default"].createElement("span", { className: "arc-Button-inner" },
             buttonText,
             buttonIcon)));

package/dist/_shared/cjs/{Curve-e72ce25b.js → Curve-b05589d8.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-78b35bc1.js');
-var index$1 = require('./index-45bfb67b.js');
+var filterDataAttrs = require('./filter-data-attrs-a30dcf5f.js');
+var index = require('./index-45bfb67b.js');
 var React = require('react');
-var suffixModifier = require('./suffix-modifier-edf7851e.js');
+var suffixModifier = require('./suffix-modifier-1ee2da04.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,8 +15,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Curve = function (_a) {
     var _b;
-    var bottomColor = _a.bottomColor, _c = _a.from, from = _c === void 0 ? "top" : _c, _d = _a.isInverted, isInverted = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? "m" : _e, topColor = _a.topColor, props = index.__rest(_a, ["bottomColor", "from", "isInverted", "size", "topColor"]);
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {
+    var bottomColor = _a.bottomColor, _c = _a.from, from = _c === void 0 ? "top" : _c, _d = _a.isInverted, isInverted = _d === void 0 ? false : _d, _e = _a.size, size = _e === void 0 ? "m" : _e, topColor = _a.topColor, props = filterDataAttrs.__rest(_a, ["bottomColor", "from", "isInverted", "size", "topColor"]);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
                 "arc-Curve": true
             },
             _b[suffixModifier.suffixModifier("arc-Curve--from", from)] = from && from !== "top",
@@ -24,7 +24,7 @@ var Curve = function (_a) {
             _b[suffixModifier.suffixModifier("arc-Curve--bottomColor", bottomColor || "")] = bottomColor,
             _b[suffixModifier.suffixModifier("arc-Curve--topColor", topColor || "")] = topColor,
             _b["arc-Curve--inverted"] = isInverted,
-            _b)) }, index.filterDataAttrs(props))));
+            _b)) }, filterDataAttrs.filterDataAttrs(props))));
 };
 
 exports.Curve = Curve;