@arc-ui/components 11.13.1 → 11.14.0

package/dist/Box/Box.cjs.js

@@ -11,7 +11,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-// Do equal height boxes story
 /**
  * Use `Box` as a simple way to group bespoke content and interactive elements together.
  */

package/dist/Box/Box.esm.js

@@ -3,7 +3,6 @@ import React__default from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { S as Surface } from '../_shared/esm/Surface-0ca6817d.js';
 
-// Do equal height boxes story
 /**
  * Use `Box` as a simple way to group bespoke content and interactive elements together.
  */

package/dist/InformationCard/InformationCard.cjs.js

@@ -0,0 +1,85 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index_es = require('../_shared/cjs/index.es-26dd8c5d.js');
+var Icon = require('../_shared/cjs/Icon-a9801f05.js');
+var Tag = require('../_shared/cjs/Tag-42ddca45.js');
+var Image = require('../_shared/cjs/Image-e873b8fc.js');
+var Text = require('../_shared/cjs/Text-606ca3a2.js');
+var Button = require('../_shared/cjs/Button-4fed080a.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var Surface = require('../_shared/cjs/Surface-038db6e1.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
+require('../_shared/cjs/BtIconChevronRightMid.esm-d01ebbd4.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const BtIconArrowRight = (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: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
+      fill: "currentColor",
+    }),
+  );
+
+var InformationCard = function (_a) {
+    var cardUrl = _a.cardUrl, onClick = _a.onClick, heading = _a.heading, text = _a.text, label = _a.label, footerLogo = _a.footerLogo, button = _a.button, image = _a.image, tags = _a.tags, icon = _a.icon, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = filterDataAttrs.__rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "tags", "icon", "headingLevel"]);
+    var isMinWidthArcBreakpointS = index_es.useMediaQuery("(min-width: ".concat(index_es.ArcBreakpointS, "px)"));
+    var isMinWidthArcBreakpointM = index_es.useMediaQuery("(min-width: ".concat(index_es.ArcBreakpointM, "px)"));
+    var headingSpacing = isMinWidthArcBreakpointS ? "16" : "8";
+    var assetSpacing = isMinWidthArcBreakpointM ? "24" : "20";
+    var containerSpacing = isMinWidthArcBreakpointS ? "32" : "24";
+    var HeadingElement = "h".concat(headingLevel);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-InformationCard", {
+            "arc-InformationCard--interactive": cardUrl
+        }) }, filterDataAttrs.filterDataAttrs(props)),
+        React__default["default"].createElement(Surface.Surface, { growVertically: true, padding: containerSpacing, background: "white" },
+            image && (React__default["default"].createElement("div", { className: "arc-InformationCard-img" },
+                React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({}, image)),
+                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
+            icon && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement(Icon.Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
+                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
+            label && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("span", { className: "arc-InformationCard-label" }, label),
+                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }))),
+            React__default["default"].createElement(HeadingElement, { className: "arc-InformationCard-heading" }, cardUrl ? (React__default["default"].createElement("a", { className: "arc-InformationCard-headingLink", href: cardUrl, onClick: onClick }, heading)) : (heading)),
+            React__default["default"].createElement("div", { className: "arc-InformationCard-textContainer" }, text && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }),
+                React__default["default"].createElement(Text.Text, null, text),
+                (button || tags || footerLogo) && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" })))),
+            tags && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("div", { className: "arc-InformationCard-tagContainer" }, tags.map(function (_a, i) {
+                    var text = _a.text, tagProps = filterDataAttrs.__rest(_a, ["text"]);
+                    return (React__default["default"].createElement("div", { className: "arc-InformationCard-tag", key: "information-card-tag-".concat(i) },
+                        React__default["default"].createElement(Tag.Tag, filterDataAttrs.__assign({}, tagProps), text)));
+                })),
+                (button || footerLogo) && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" }))),
+            React__default["default"].createElement("div", { className: "arc-InformationCard-footer" },
+                button && !cardUrl && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerButtonContainer" },
+                    React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({}, button, { iconPosition: "beforeText", fill: "flat", icon: BtIconArrowRight })))),
+                footerLogo && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerLogoContainer" },
+                    React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({}, footerLogo))))))));
+};
+
+exports.InformationCard = InformationCard;

package/dist/InformationCard/InformationCard.esm.js

@@ -0,0 +1,77 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import React__default from 'react';
+import { u as useMediaQuery, A as ArcBreakpointS, a as ArcBreakpointM } from '../_shared/esm/index.es-c552c0ea.js';
+import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+import { T as Tag } from '../_shared/esm/Tag-92c088a9.js';
+import { I as Image } from '../_shared/esm/Image-12fbd327.js';
+import { T as Text } from '../_shared/esm/Text-14f586ac.js';
+import { B as Button } from '../_shared/esm/Button-a453e8e4.js';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
+import { S as Surface } from '../_shared/esm/Surface-0ca6817d.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
+import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
+
+const BtIconArrowRight = (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: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
+      fill: "currentColor",
+    }),
+  );
+
+var InformationCard = function (_a) {
+    var cardUrl = _a.cardUrl, onClick = _a.onClick, heading = _a.heading, text = _a.text, label = _a.label, footerLogo = _a.footerLogo, button = _a.button, image = _a.image, tags = _a.tags, icon = _a.icon, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = __rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "tags", "icon", "headingLevel"]);
+    var isMinWidthArcBreakpointS = useMediaQuery("(min-width: ".concat(ArcBreakpointS, "px)"));
+    var isMinWidthArcBreakpointM = useMediaQuery("(min-width: ".concat(ArcBreakpointM, "px)"));
+    var headingSpacing = isMinWidthArcBreakpointS ? "16" : "8";
+    var assetSpacing = isMinWidthArcBreakpointM ? "24" : "20";
+    var containerSpacing = isMinWidthArcBreakpointS ? "32" : "24";
+    var HeadingElement = "h".concat(headingLevel);
+    return (React__default.createElement("div", __assign({ className: classNames("arc-InformationCard", {
+            "arc-InformationCard--interactive": cardUrl
+        }) }, filterDataAttrs(props)),
+        React__default.createElement(Surface, { growVertically: true, padding: containerSpacing, background: "white" },
+            image && (React__default.createElement("div", { className: "arc-InformationCard-img" },
+                React__default.createElement(Image, __assign({}, image)),
+                React__default.createElement(VerticalSpace, { size: assetSpacing }))),
+            icon && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
+                React__default.createElement(VerticalSpace, { size: assetSpacing }))),
+            label && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("span", { className: "arc-InformationCard-label" }, label),
+                React__default.createElement(VerticalSpace, { size: headingSpacing }))),
+            React__default.createElement(HeadingElement, { className: "arc-InformationCard-heading" }, cardUrl ? (React__default.createElement("a", { className: "arc-InformationCard-headingLink", href: cardUrl, onClick: onClick }, heading)) : (heading)),
+            React__default.createElement("div", { className: "arc-InformationCard-textContainer" }, text && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(VerticalSpace, { size: headingSpacing }),
+                React__default.createElement(Text, null, text),
+                (button || tags || footerLogo) && React__default.createElement(VerticalSpace, { size: "24" })))),
+            tags && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("div", { className: "arc-InformationCard-tagContainer" }, tags.map(function (_a, i) {
+                    var text = _a.text, tagProps = __rest(_a, ["text"]);
+                    return (React__default.createElement("div", { className: "arc-InformationCard-tag", key: "information-card-tag-".concat(i) },
+                        React__default.createElement(Tag, __assign({}, tagProps), text)));
+                })),
+                (button || footerLogo) && React__default.createElement(VerticalSpace, { size: "24" }))),
+            React__default.createElement("div", { className: "arc-InformationCard-footer" },
+                button && !cardUrl && (React__default.createElement("div", { className: "arc-InformationCard-footerButtonContainer" },
+                    React__default.createElement(Button, __assign({}, button, { iconPosition: "beforeText", fill: "flat", icon: BtIconArrowRight })))),
+                footerLogo && (React__default.createElement("div", { className: "arc-InformationCard-footerLogoContainer" },
+                    React__default.createElement(Image, __assign({}, footerLogo))))))));
+};
+
+export { InformationCard };

package/dist/InformationCard/package.json

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

package/dist/SiteFooter/SiteFooter.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteFooter = require('../_shared/cjs/SiteFooter-6381ac4a.js');
+var SiteFooter = require('../_shared/cjs/SiteFooter-97c27b29.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/index.es-26dd8c5d.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/BrandLogo-aea340c8.js');
 require('../_shared/cjs/index-9947ac13.js');

package/dist/SiteFooter/SiteFooter.esm.js

@@ -1,8 +1,8 @@
-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-94316b8b.js';
+export { S as SiteFooter } from '../_shared/esm/SiteFooter-94316b8b.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/index.es-c552c0ea.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/BrandLogo-1af78f76.js';
 import '../_shared/esm/index-2e73c2e9.js';

package/dist/SiteHeader/SiteHeader.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-a3f07c9e.js');
+var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-af3dddef.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/index.es-77def0c9.js');
+require('../_shared/cjs/index.es-26dd8c5d.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
 require('../_shared/cjs/BtIconChevronRight2Px.esm-dbf8cbee.js');

package/dist/SiteHeader/SiteHeader.esm.js

@@ -1,8 +1,8 @@
-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-1b507253.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/index.es-00cb3bcb.js';
+import '../_shared/esm/index.es-c552c0ea.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
 import '../_shared/esm/BtIconChevronRight2Px.esm-75e92636.js';

package/dist/Tag/Tag.cjs.js

@@ -2,86 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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 Tag = require('../_shared/cjs/Tag-42ddca45.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/Icon-a9801f05.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.
- */
-var Tag = function (_a) {
-    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.useContext(Surface.Context).surface;
-    var _b = React.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
-    var onRemoveHandler = function () {
-        setIsRemoved(function (p) { return !p; });
-        onRemove && onRemove();
-    };
-    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 }), 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 }))),
-            React__default["default"].createElement("div", { className: "arc-Tag-label" }, children))) : (React__default["default"].createElement(React__default["default"].Fragment, null, onClick ? (React__default["default"].createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
-            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 }))),
-            React__default["default"].createElement("div", { className: "arc-Tag-label" }, children))) : (React__default["default"].createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
-            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 }))),
-            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 })))));
-};
-
-exports.Tag = Tag;
+exports.Tag = Tag.Tag;

package/dist/Tag/Tag.esm.js

@@ -1,79 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
-import React__default, { useContext, useState } from 'react';
-import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-0ca6817d.js';
-import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
+export { T as Tag } from '../_shared/esm/Tag-92c088a9.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/Icon-abd0d990.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.
- */
-var Tag = function (_a) {
-    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, props = __rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove"]);
-    var surface = useContext(Context).surface;
-    var _b = useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
-    var onRemoveHandler = function () {
-        setIsRemoved(function (p) { return !p; });
-        onRemove && onRemove();
-    };
-    return (React__default.createElement("div", __assign({ className: classNames("arc-Tag", {
-            "arc-Tag--onDarkSurface": surface === "dark",
-            "arc-Tag--isRemovable": isRemovable,
-            "arc-Tag--hasIcon": icon,
-            "arc-Tag--hasLink": link || onClick,
-            "arc-Tag--removed": isRemoved
-        }) }, (isRemoved && { "aria-hidden": true }), filterDataAttrs(props)),
-        link ? (React__default.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label" }, children))) : (React__default.createElement(React__default.Fragment, null, onClick ? (React__default.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label" }, children))) : (React__default.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
-            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
-                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon, size: 16 }))),
-            React__default.createElement("div", { className: "arc-Tag-label" }, children))))),
-        isRemovable && (React__default.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag" },
-            React__default.createElement(Icon, { icon: BtIconCross, color: "brand", size: 20 }),
-            React__default.createElement(Icon, { icon: BtIconCrossFill, color: "brand", size: 20 })))));
-};
-
-export { Tag };

package/dist/TextArea/TextArea.cjs.js

@@ -22,8 +22,8 @@ require('../_shared/cjs/Poster-9b48fd61.js');
 require('../_shared/cjs/ProgressStepper-9cdc0afe.js');
 require('../_shared/cjs/RadioGroup-56e3b0e5.js');
 require('../_shared/cjs/debounce-123468fb.js');
-require('../_shared/cjs/SiteFooter-6381ac4a.js');
-require('../_shared/cjs/SiteHeader.rehydrator-a3f07c9e.js');
+require('../_shared/cjs/SiteFooter-97c27b29.js');
+require('../_shared/cjs/SiteHeader.rehydrator-af3dddef.js');
 require('../_shared/cjs/Tabs-2d2a517d.js');
 require('../_shared/cjs/TextInput-bf1fe052.js');
 require('../_shared/cjs/Toast-69108261.js');
@@ -40,7 +40,7 @@ require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');
 require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
-require('../_shared/cjs/index.es-77def0c9.js');
+require('../_shared/cjs/index.es-26dd8c5d.js');
 require('../_shared/cjs/BrandLogo-aea340c8.js');
 require('../_shared/cjs/Curve-d038052b.js');
 require('../_shared/cjs/Section-59804166.js');

package/dist/TextArea/TextArea.esm.js

@@ -18,8 +18,8 @@ import '../_shared/esm/Poster-4ec2f679.js';
 import '../_shared/esm/ProgressStepper-f51f86c3.js';
 import '../_shared/esm/RadioGroup-c838764c.js';
 import '../_shared/esm/debounce-6fed6b84.js';
-import '../_shared/esm/SiteFooter-233bb926.js';
-import '../_shared/esm/SiteHeader.rehydrator-8f554bfd.js';
+import '../_shared/esm/SiteFooter-94316b8b.js';
+import '../_shared/esm/SiteHeader.rehydrator-1b507253.js';
 import '../_shared/esm/Tabs-f903187a.js';
 import '../_shared/esm/TextInput-991804b6.js';
 import '../_shared/esm/Toast-37549e68.js';
@@ -36,7 +36,7 @@ import '../_shared/esm/DisclosureMini-ec17b008.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';
 import '../_shared/esm/VerticalSpace-43cd9138.js';
 import '../_shared/esm/VisuallyHidden-b9eebf71.js';
-import '../_shared/esm/index.es-00cb3bcb.js';
+import '../_shared/esm/index.es-c552c0ea.js';
 import '../_shared/esm/BrandLogo-1af78f76.js';
 import '../_shared/esm/Curve-d8679dde.js';
 import '../_shared/esm/Section-73781b56.js';

package/dist/_shared/cjs/{SiteFooter-6381ac4a.js → SiteFooter-97c27b29.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
-var index_es = require('./index.es-77def0c9.js');
+var index_es = require('./index.es-26dd8c5d.js');
 var BtIconChevronDown2Px_esm = require('./BtIconChevronDown2Px.esm-39030ee0.js');
 var React = require('react');
 var BrandLogo = require('./BrandLogo-aea340c8.js');

package/dist/_shared/cjs/{SiteHeader.rehydrator-a3f07c9e.js → SiteHeader.rehydrator-af3dddef.js}

@@ -3,7 +3,7 @@
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index = require('./index-9947ac13.js');
-var index_es = require('./index.es-77def0c9.js');
+var index_es = require('./index.es-26dd8c5d.js');
 var BtIconChevronDown2Px_esm = require('./BtIconChevronDown2Px.esm-39030ee0.js');
 var handleLinkClick = require('./handle-link-click-17a44cf4.js');
 var BtIconChevronRight2Px_esm = require('./BtIconChevronRight2Px.esm-dbf8cbee.js');

package/dist/_shared/cjs/Tag-42ddca45.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
+var React = require('react');
+var index = require('./index-9947ac13.js');
+var Surface = require('./Surface-038db6e1.js');
+var Icon = require('./Icon-a9801f05.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.
+ */
+var Tag = function (_a) {
+    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.useContext(Surface.Context).surface;
+    var _b = React.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
+    var onRemoveHandler = function () {
+        setIsRemoved(function (p) { return !p; });
+        onRemove && onRemove();
+    };
+    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 }), 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 }))),
+            React__default["default"].createElement("div", { className: "arc-Tag-label" }, children))) : (React__default["default"].createElement(React__default["default"].Fragment, null, onClick ? (React__default["default"].createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
+            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 }))),
+            React__default["default"].createElement("div", { className: "arc-Tag-label" }, children))) : (React__default["default"].createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
+            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 }))),
+            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 })))));
+};
+
+exports.Tag = Tag;

package/dist/_shared/cjs/{index.es-77def0c9.js → index.es-26dd8c5d.js}

@@ -42,9 +42,11 @@ var useMediaQuery = function (mediaQuery) {
  * Do not edit directly
  * Generated file
  */
+var ArcBreakpointS = 636;
 var ArcBreakpointM = 768;
 var ArcBreakpointL = 1024;
 
 exports.ArcBreakpointL = ArcBreakpointL;
 exports.ArcBreakpointM = ArcBreakpointM;
+exports.ArcBreakpointS = ArcBreakpointS;
 exports.useMediaQuery = useMediaQuery;

package/dist/_shared/esm/{SiteFooter-233bb926.js → SiteFooter-94316b8b.js}

@@ -1,5 +1,5 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from './filter-data-attrs-ea8f4ed4.js';
-import { u as useMediaQuery, A as ArcBreakpointM } from './index.es-00cb3bcb.js';
+import { u as useMediaQuery, a as ArcBreakpointM } from './index.es-c552c0ea.js';
 import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-217276c2.js';
 import React__default, { useEffect, Fragment } from 'react';
 import { B as BrandLogo } from './BrandLogo-1af78f76.js';

package/dist/_shared/esm/{SiteHeader.rehydrator-8f554bfd.js → SiteHeader.rehydrator-1b507253.js}

@@ -1,7 +1,7 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs, d as __awaiter, e as __generator } from './filter-data-attrs-ea8f4ed4.js';
 import React__default, { useState, useEffect, Fragment, useContext, useRef, createContext } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { u as useMediaQuery, a as ArcBreakpointL } from './index.es-00cb3bcb.js';
+import { u as useMediaQuery, b as ArcBreakpointL } from './index.es-c552c0ea.js';
 import { B as BtIconChevronDown2Px } from './BtIconChevronDown2Px.esm-217276c2.js';
 import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
 import { a as BtIconChevronRight2Px, B as BtIconChevronLeft2Px } from './BtIconChevronRight2Px.esm-75e92636.js';