@arc-ui/components 11.4.2 → 11.5.0

package/dist/Elevation/Elevation.cjs.js

@@ -2,8 +2,8 @@
 
 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,11 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Elevation = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.isFullWidth, isFullWidth = _c === void 0 ? false : _c, props = index.__rest(_a, ["children", "isFullWidth"]);
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {},
+    var children = _a.children, _c = _a.elevationLevel, elevationLevel = _c === void 0 ? "2" : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, props = filterDataAttrs.__rest(_a, ["children", "elevationLevel", "isFullWidth"]);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {},
             _b["arc-Elevation"] = true,
+            _b["arc-Elevation--levelOne"] = elevationLevel === "1",
+            _b["arc-Elevation--levelTwo"] = elevationLevel === "2",
             _b["arc-Elevation--fullWidth"] = isFullWidth,
-            _b)) }, index.filterDataAttrs(props)), children));
+            _b)) }, filterDataAttrs.filterDataAttrs(props)), children));
 };
 
 exports.Elevation = Elevation;

package/dist/Elevation/Elevation.esm.d.ts

@@ -8,6 +8,10 @@ interface ElevationProps {
      * Contents to Elevate.
      */
     children: ReactNode;
+    /**
+     * Shadow Elevation level.
+     */
+    elevationLevel?: "1" | "2";
     /**
      * Should the Elevation be full width?
      */

package/dist/Elevation/Elevation.esm.js

@@ -1,4 +1,4 @@
-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 from 'react';
 
@@ -7,9 +7,11 @@ import React__default from 'react';
  */
 var Elevation = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.isFullWidth, isFullWidth = _c === void 0 ? false : _c, props = __rest(_a, ["children", "isFullWidth"]);
+    var children = _a.children, _c = _a.elevationLevel, elevationLevel = _c === void 0 ? "2" : _c, _d = _a.isFullWidth, isFullWidth = _d === void 0 ? false : _d, props = __rest(_a, ["children", "elevationLevel", "isFullWidth"]);
     return (React__default.createElement("div", __assign({ className: classNames((_b = {},
             _b["arc-Elevation"] = true,
+            _b["arc-Elevation--levelOne"] = elevationLevel === "1",
+            _b["arc-Elevation--levelTwo"] = elevationLevel === "2",
             _b["arc-Elevation--fullWidth"] = isFullWidth,
             _b)) }, filterDataAttrs(props)), children));
 };

package/dist/FormControl/FormControl.cjs.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-d4d9c665";
+export { FormControl, FormControlContext } from "../_shared/cjs/FormControl-42360ae8";

package/dist/FormControl/FormControl.cjs.js

@@ -2,14 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-d4d9c665.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var FormControl = require('../_shared/cjs/FormControl-42360ae8.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
-require('../_shared/cjs/Surface-d6b8010e.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/Surface-6da0a78e.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');
 
 
 

package/dist/FormControl/FormControl.esm.d.ts

@@ -1 +1 @@
-export { FormControl, FormControlContext } from "../_shared/esm/FormControl-2cb96de7";
+export { FormControl, FormControlContext } from "../_shared/esm/FormControl-0744f93f";

package/dist/FormControl/FormControl.esm.js

@@ -1,8 +1,11 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-2cb96de7.js';
-import '../_shared/esm/index-229fc864.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-0744f93f.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/Surface-bf201530.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/Surface-bb100ef8.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';

package/dist/Group/Group.cjs.js

@@ -2,10 +2,10 @@
 
 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 Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  */
 var Group = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.growEqual, growEqual = _d === void 0 ? false : _d, _e = _a.gutterBorder, gutterBorder = _e === void 0 ? false : _e, _f = _a.noWrap, noWrap = _f === void 0 ? false : _f, props = index.__rest(_a, ["children", "grow", "growEqual", "gutterBorder", "noWrap"]);
+    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.growEqual, growEqual = _d === void 0 ? false : _d, _e = _a.gutterBorder, gutterBorder = _e === void 0 ? false : _e, _f = _a.noWrap, noWrap = _f === void 0 ? false : _f, props = filterDataAttrs.__rest(_a, ["children", "grow", "growEqual", "gutterBorder", "noWrap"]);
     var surface = React.useContext(Surface.Context).surface;
     React.useEffect(function () {
         React__default["default"].Children.map(children, function (item) {
@@ -25,24 +25,24 @@ var Group = function (_a) {
             }
         });
     }, [children]);
-    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 = {},
             _b["arc-Group"] = true,
             _b["arc-Group--grow"] = grow,
             _b["arc-Group--growEqual"] = growEqual,
             _b["arc-Group--gutterBorder"] = gutterBorder,
             _b["arc-Group--noWrap"] = noWrap,
             _b["arc-Group--onDarkSurface"] = surface === "dark",
-            _b)) }, index.filterDataAttrs(props)),
+            _b)) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-Group-inner" }, children)));
 };
 var GroupItem = function (_a) {
     var _b;
-    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, props = index.__rest(_a, ["children", "grow", "isDebugVisible"]);
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames((_b = {},
+    var children = _a.children, _c = _a.grow, grow = _c === void 0 ? false : _c, _d = _a.isDebugVisible, isDebugVisible = _d === void 0 ? false : _d, props = filterDataAttrs.__rest(_a, ["children", "grow", "isDebugVisible"]);
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {},
             _b["arc-Group-item"] = true,
             _b["arc-Group-item--grow"] = grow,
             _b["arc-Group-item--debugVisible"] = isDebugVisible,
-            _b)) }, index.filterDataAttrs(props)), children));
+            _b)) }, filterDataAttrs.filterDataAttrs(props)), children));
 };
 GroupItem.displayName = "Group.Item";
 Group.Item = GroupItem;

package/dist/Group/Group.esm.js

@@ -1,7 +1,7 @@
-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, { useContext, useEffect } from 'react';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
 
 /**
  * Use `Group` to arrange flexible items in a row.

package/dist/Heading/Heading.cjs.d.ts

@@ -1 +1 @@
-export { Heading } from "../_shared/cjs/Heading-cc38c3ec";
+export { Heading } from "../_shared/cjs/Heading-d45f6a7f";

package/dist/Heading/Heading.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Heading = require('../_shared/cjs/Heading-cc38c3ec.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var Heading = require('../_shared/cjs/Heading-d45f6a7f.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/Heading/Heading.esm.d.ts

@@ -1 +1 @@
-export { Heading } from "../_shared/esm/Heading-eb1e42db";
+export { Heading } from "../_shared/esm/Heading-b61432fb";

package/dist/Heading/Heading.esm.js

@@ -1,6 +1,6 @@
-export { H as Heading } from '../_shared/esm/Heading-eb1e42db.js';
-import '../_shared/esm/index-229fc864.js';
+export { H as Heading } from '../_shared/esm/Heading-b61432fb.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/Icon/Icon.cjs.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/cjs/Icon-719d13d4";
+export { Icon } from "../_shared/cjs/Icon-9ae8dbe1";

package/dist/Icon/Icon.cjs.js

@@ -2,12 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Icon = require('../_shared/cjs/Icon-719d13d4.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var Icon = require('../_shared/cjs/Icon-9ae8dbe1.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('react');
 require('../_shared/cjs/index-45bfb67b.js');
-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/Icon/Icon.esm.d.ts

@@ -1 +1 @@
-export { Icon } from "../_shared/esm/Icon-61f7237a";
+export { Icon } from "../_shared/esm/Icon-fd247973";

package/dist/Icon/Icon.esm.js

@@ -1,6 +1,6 @@
-export { I as Icon } from '../_shared/esm/Icon-61f7237a.js';
-import '../_shared/esm/index-229fc864.js';
+export { I as Icon } from '../_shared/esm/Icon-fd247973.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import 'react';
 import '../_shared/esm/index-2ae58626.js';
-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/Image/Image.cjs.d.ts

@@ -1 +1 @@
-export { Image } from "../_shared/cjs/Image-fe760a06";
+export { Image } from "../_shared/cjs/Image-3bf4b4f3";

package/dist/Image/Image.cjs.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Image = require('../_shared/cjs/Image-fe760a06.js');
-require('../_shared/cjs/index-78b35bc1.js');
+var Image = require('../_shared/cjs/Image-3bf4b4f3.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/suffix-modifier-1ee2da04.js');
 
 
 

package/dist/Image/Image.esm.d.ts

@@ -1 +1 @@
-export { Image } from "../_shared/esm/Image-c0f3d42f";
+export { Image } from "../_shared/esm/Image-3596ce55";

package/dist/Image/Image.esm.js

@@ -1,5 +1,5 @@
-export { I as Image } from '../_shared/esm/Image-c0f3d42f.js';
-import '../_shared/esm/index-229fc864.js';
+export { I as Image } from '../_shared/esm/Image-3596ce55.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/suffix-modifier-7e640670.js';

package/dist/Markup/Markup.cjs.js

@@ -2,10 +2,10 @@
 
 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 Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -15,13 +15,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `Markup` to display HTML-formatted text.
  */
 var Markup = function (_a) {
-    var children = _a.children, _b = _a.isMeasured, isMeasured = _b === void 0 ? false : _b, props = index.__rest(_a, ["children", "isMeasured"]);
+    var children = _a.children, _b = _a.isMeasured, isMeasured = _b === void 0 ? false : _b, props = filterDataAttrs.__rest(_a, ["children", "isMeasured"]);
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
             "arc-Markup": true,
             "arc-Markup--measured": isMeasured,
             "arc-Markup--onDarkSurface": surface === "dark"
-        }) }, index.filterDataAttrs(props)), children));
+        }) }, filterDataAttrs.filterDataAttrs(props)), children));
 };
 
 exports.Markup = Markup;

package/dist/Markup/Markup.esm.js

@@ -1,7 +1,7 @@
-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, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-bf201530.js';
+import { C as Context } from '../_shared/esm/Surface-bb100ef8.js';
 
 /**
  * Use `Markup` to display HTML-formatted text.

package/dist/Poster/Poster.cjs.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { FC, ReactNode } from "react";
 import { anchorPoints } from "../_shared/cjs/index-9483ad5f";
-import { loadingOptions } from "../_shared/cjs/Image-fe760a06";
+import { loadingOptions } from "../_shared/cjs/Image-3bf4b4f3";
 declare const PosterImage: FC<PosterImageProps>;
 interface PosterImageProps {
     /**

package/dist/Poster/Poster.cjs.js

@@ -2,31 +2,31 @@
 
 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 Surface = require('../_shared/cjs/Surface-d6b8010e.js');
-var Image = require('../_shared/cjs/Image-fe760a06.js');
-var suffixModifier = require('../_shared/cjs/suffix-modifier-edf7851e.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
+var Image = require('../_shared/cjs/Image-3bf4b4f3.js');
+var suffixModifier = 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);
 
 var PosterImage = function (_a) {
-    var alt = _a.alt, _b = _a.anchor, anchor = _b === void 0 ? "C" : _b, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet, props = index.__rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
-    return (React__default["default"].createElement(Image.Image, index.__assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, props)));
+    var alt = _a.alt, _b = _a.anchor, anchor = _b === void 0 ? "C" : _b, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet, props = filterDataAttrs.__rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);
+    return (React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({ alt: alt, anchor: anchor, fit: "cover", loading: loading, sizes: sizes, src: src, srcSet: srcSet }, props)));
 };
 PosterImage.displayName = "Poster.Image";
 
 var PosterVideo = function (_a) {
     var _b;
-    var _c = _a.anchor, anchor = _c === void 0 ? "C" : _c, _d = _a.autoPlay, autoPlay = _d === void 0 ? true : _d, children = _a.children, _e = _a.loop, loop = _e === void 0 ? true : _e, props = index.__rest(_a, ["anchor", "autoPlay", "children", "loop"]);
-    return (React__default["default"].createElement("video", index.__assign({ className: index$1.classNames((_b = {
+    var _c = _a.anchor, anchor = _c === void 0 ? "C" : _c, _d = _a.autoPlay, autoPlay = _d === void 0 ? true : _d, children = _a.children, _e = _a.loop, loop = _e === void 0 ? true : _e, props = filterDataAttrs.__rest(_a, ["anchor", "autoPlay", "children", "loop"]);
+    return (React__default["default"].createElement("video", filterDataAttrs.__assign({ className: index.classNames((_b = {
                 "arc-PosterVideo": true
             },
             _b[suffixModifier.suffixModifier("arc-PosterVideo--anchor", anchor)] = anchor,
-            _b)), autoPlay: autoPlay, muted: true, loop: loop }, index.filterDataAttrs(props)), children));
+            _b)), autoPlay: autoPlay, muted: true, loop: loop }, filterDataAttrs.filterDataAttrs(props)), children));
 };
 PosterVideo.displayName = "Poster.Video";
 
@@ -34,13 +34,13 @@ PosterVideo.displayName = "Poster.Video";
  * Use `Poster` to compose content on an image or video background.
  */
 var Poster = function (_a) {
-    var background = _a.background, children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? true : _b, _c = _a.surface, surface = _c === void 0 ? "darker" : _c, props = index.__rest(_a, ["background", "children", "overlay", "surface"]);
+    var background = _a.background, children = _a.children, _b = _a.overlay, overlay = _b === void 0 ? true : _b, _c = _a.surface, surface = _c === void 0 ? "darker" : _c, props = filterDataAttrs.__rest(_a, ["background", "children", "overlay", "surface"]);
     return (React__default["default"].createElement(Surface.Surface, { background: surface },
-        React__default["default"].createElement("div", index.__assign({ className: index$1.classNames({
+        React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames({
                 "arc-Poster": true,
                 "arc-Poster--overlay": overlay,
                 "arc-Poster--overlayLight": surface === "lighter"
-            }) }, index.filterDataAttrs(props)),
+            }) }, filterDataAttrs.filterDataAttrs(props)),
             React__default["default"].createElement("div", { className: "arc-Poster-backgroundWrapper" }, background),
             React__default["default"].createElement("div", { className: "arc-Poster-body" }, children))));
 };

package/dist/Poster/Poster.esm.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { FC, ReactNode } from "react";
 import { anchorPoints } from "../_shared/esm/index-9483ad5f";
-import { loadingOptions } from "../_shared/esm/Image-c0f3d42f";
+import { loadingOptions } from "../_shared/esm/Image-3596ce55";
 declare const PosterImage: FC<PosterImageProps>;
 interface PosterImageProps {
     /**

package/dist/Poster/Poster.esm.js

@@ -1,9 +1,9 @@
-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 from 'react';
-import { S as Surface } from '../_shared/esm/Surface-bf201530.js';
-import { I as Image } from '../_shared/esm/Image-c0f3d42f.js';
-import { s as suffixModifier } from '../_shared/esm/suffix-modifier-f5e28822.js';
+import { S as Surface } from '../_shared/esm/Surface-bb100ef8.js';
+import { I as Image } from '../_shared/esm/Image-3596ce55.js';
+import { s as suffixModifier } from '../_shared/esm/suffix-modifier-7e640670.js';
 
 var PosterImage = function (_a) {
     var alt = _a.alt, _b = _a.anchor, anchor = _b === void 0 ? "C" : _b, loading = _a.loading, sizes = _a.sizes, src = _a.src, srcSet = _a.srcSet, props = __rest(_a, ["alt", "anchor", "loading", "sizes", "src", "srcSet"]);

package/dist/ProgressBar/ProgressBar.cjs.js

@@ -2,24 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-78b35bc1.js');
-var index$1 = require('../_shared/cjs/index-45bfb67b.js');
-var React$2 = require('react');
-var Text = require('../_shared/cjs/Text-1d3844be.js');
-var Heading = require('../_shared/cjs/Heading-cc38c3ec.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-7aed88ab.js');
-var Icon = require('../_shared/cjs/Icon-719d13d4.js');
-var Surface = require('../_shared/cjs/Surface-d6b8010e.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var index = require('../_shared/cjs/index-45bfb67b.js');
+var React$1 = require('react');
+var Text = require('../_shared/cjs/Text-6f2827e6.js');
+var Heading = require('../_shared/cjs/Heading-d45f6a7f.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-86f697e7.js');
+var Icon = require('../_shared/cjs/Icon-9ae8dbe1.js');
+var Surface = require('../_shared/cjs/Surface-6da0a78e.js');
 var BtIconTickAlt2Px = require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
-require('../_shared/cjs/suffix-modifier-edf7851e.js');
+var BtIconCrossAlt2Px = require('../_shared/cjs/BtIconCrossAlt2Px-30dc2688.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$2);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
 
-const React$1 = React__default["default"];
+const React = React__default["default"];
 const BtIconRefresh = props =>
-  /*#__PURE__*/ React$1.createElement(
+  /*#__PURE__*/ React.createElement(
     "svg",
     Object.assign(
       {
@@ -28,13 +29,13 @@ const BtIconRefresh = props =>
       },
       props
     ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React.createElement("defs", null),
+    /*#__PURE__*/ React.createElement("path", {
       d:
         "M13.41077,21.99951a.5005.5005,0,0,0-.35743.8501l2.04609,2.08716A8.98732,8.98732,0,0,1,13.15332,7.46631a.50028.50028,0,1,0-.31641-.94922A9.98437,9.98437,0,0,0,15.127,25.93823l.00159.02881c.0011.01.02008.00128.03015.002L13.026,28.16846a.50036.50036,0,0,0,.71875.69629l3.28418-3.38819-3.26074-3.32715A.50106.50106,0,0,0,13.41077,21.99951Z",
       fill: "currentColor"
     }),
-    /*#__PURE__*/ React$1.createElement("path", {
+    /*#__PURE__*/ React.createElement("path", {
       d:
         "M16.79028,6.04633,16.79,6.04077c-.0011-.01-.02008-.00128-.03015-.00195l2.13275-2.19946a.50036.50036,0,0,0-.71875-.69629L14.88965,6.53125,18.15039,9.8584a.50106.50106,0,0,0,.35742.1499.5005.5005,0,0,0,.35742-.8501L16.7951,7.04657a8.98484,8.98484,0,0,1,2.05646,17.47589.49982.49982,0,1,0,.31641.94824A9.98244,9.98244,0,0,0,16.79028,6.04633Z",
       fill: "currentColor"
@@ -42,30 +43,10 @@ const BtIconRefresh = props =>
   );
 var BtIconRefresh_2 = BtIconRefresh;
 
-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;
-
 var PROGRESS_BAR_ICON_MAP = {
     refresh: BtIconRefresh_2,
     tick: BtIconTickAlt2Px.BtIconTickAlt2Px_2,
-    cross: BtIconCrossAlt2Px_2
+    cross: BtIconCrossAlt2Px.BtIconCrossAlt2Px_2
 };
 
 var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
@@ -75,8 +56,8 @@ var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
         "aria-label": ariaLabel,
         tabIndex: 0
     };
-    var indeterminateProps = index.__assign(index.__assign({}, commonProps), { className: index$1.classNames("arc-ProgressBar-bar", "arc-ProgressBar-bar--indeterminate") });
-    var determinateProps = index.__assign(index.__assign({}, commonProps), { className: "arc-ProgressBar-bar", "aria-valuenow": progressValue, style: {
+    var indeterminateProps = filterDataAttrs.__assign(filterDataAttrs.__assign({}, commonProps), { className: index.classNames("arc-ProgressBar-bar", "arc-ProgressBar-bar--indeterminate") });
+    var determinateProps = filterDataAttrs.__assign(filterDataAttrs.__assign({}, commonProps), { className: "arc-ProgressBar-bar", "aria-valuenow": progressValue, style: {
             transform: "translateX(".concat(-100 + progressValue, "%)")
         } });
     return isIndeterminate ? indeterminateProps : determinateProps;
@@ -84,9 +65,9 @@ var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
 
 var ProgressBar = function (_a) {
     var _b = _a.state, state = _b === void 0 ? "loading" : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, headline = _a.headline, ariaLabel = _a.ariaLabel, action = _a.action, title = _a.title, description = _a.description, displayValue = _a.displayValue;
-    var surface = React$2.useContext(Surface.Context).surface;
+    var surface = React$1.useContext(Surface.Context).surface;
     var progressValue = Math.min(100, Math.max(0, value));
-    return (React__default["default"].createElement("div", { "data-testid": "progress", className: index$1.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state), {
+    return (React__default["default"].createElement("div", { "data-testid": "progress", className: index.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state), {
             "arc-ProgressBar--onDarkSurface": surface === "dark"
         }) },
         React__default["default"].createElement("div", { className: "arc-ProgressBar-titleDisplayValueContainer" },
@@ -98,7 +79,7 @@ var ProgressBar = function (_a) {
                 React__default["default"].createElement(Text.Text, null, displayValue)))),
         React__default["default"].createElement("div", { className: "arc-ProgressBar-container" },
             React__default["default"].createElement("div", { className: "arc-ProgressBar-outerBar" },
-                React__default["default"].createElement("div", index.__assign({}, getProgressBarProps(isIndeterminate, progressValue, ariaLabel)))),
+                React__default["default"].createElement("div", filterDataAttrs.__assign({}, getProgressBarProps(isIndeterminate, progressValue, ariaLabel)))),
             description && (React__default["default"].createElement("div", { className: "arc-ProgressBar-description" },
                 React__default["default"].createElement(Text.Text, { tone: state !== "error" ? "supporting" : "default" }, description))),
             action && (React__default["default"].createElement(React__default["default"].Fragment, null,