@arc-ui/components 11.7.0 → 11.8.0

package/dist/Pagination/Pagination.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
 var BtIconChevronRightMid = require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
 var BtIconChevronLeftMid = require('../_shared/cjs/BtIconChevronLeftMid-df952a3e.js');
 var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
 var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -55,7 +55,7 @@ var usePagination = function (pageCount, selectedPage) {
  * Use `Pagination` to navigate multiple pages.
  */
 var Pagination = function (_a) {
-    var pageCount = _a.pageCount, onPageChange = _a.onPageChange, _b = _a.defaultSelectedPage, defaultSelectedPage = _b === void 0 ? 1 : _b;
+    var pageCount = _a.pageCount, onPageChange = _a.onPageChange, _b = _a.defaultSelectedPage, defaultSelectedPage = _b === void 0 ? 1 : _b, props = filterDataAttrs.__rest(_a, ["pageCount", "onPageChange", "defaultSelectedPage"]);
     var surface = React.useContext(Surface.Context).surface;
     var _c = React.useState(defaultSelectedPage), selectedPage = _c[0], setSelectedPage = _c[1];
     var pageRange = usePagination(pageCount, selectedPage);
@@ -64,9 +64,9 @@ var Pagination = function (_a) {
         onPageChange(pageToSelect);
     }; };
     var isPageNumber = function (rangeValue) { return !isNaN(parseInt(rangeValue)); };
-    return (React__default["default"].createElement("nav", { "aria-label": "pagination navigation", className: index.classNames("arc-Pagination", {
+    return (React__default["default"].createElement("nav", filterDataAttrs.__assign({ "aria-label": "pagination navigation", className: index.classNames("arc-Pagination", {
             "arc-Pagination--onDarkSurface": surface === "dark"
-        }) },
+        }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("button", { "aria-label": "Go to previous page", className: index.classNames("arc-Pagination-navigationButton", {
                 "arc-Pagination-navigationButton--hidden": selectedPage === 1
             }), onClick: handlePagechange(selectedPage - 1) },

package/dist/Pagination/Pagination.esm.js

@@ -1,10 +1,10 @@
+import { b as __spreadArray, _ 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, { useMemo, useContext, useState } from 'react';
 import { B as BtIconChevronRightMid_2 } from '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
 import { B as BtIconChevronLeftMid_2 } from '../_shared/esm/BtIconChevronLeftMid-9f4f3a3d.js';
 import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
 import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import { b as __spreadArray } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
 
 var usePagination = function (pageCount, selectedPage) {
@@ -47,7 +47,7 @@ var usePagination = function (pageCount, selectedPage) {
  * Use `Pagination` to navigate multiple pages.
  */
 var Pagination = function (_a) {
-    var pageCount = _a.pageCount, onPageChange = _a.onPageChange, _b = _a.defaultSelectedPage, defaultSelectedPage = _b === void 0 ? 1 : _b;
+    var pageCount = _a.pageCount, onPageChange = _a.onPageChange, _b = _a.defaultSelectedPage, defaultSelectedPage = _b === void 0 ? 1 : _b, props = __rest(_a, ["pageCount", "onPageChange", "defaultSelectedPage"]);
     var surface = useContext(Context).surface;
     var _c = useState(defaultSelectedPage), selectedPage = _c[0], setSelectedPage = _c[1];
     var pageRange = usePagination(pageCount, selectedPage);
@@ -56,9 +56,9 @@ var Pagination = function (_a) {
         onPageChange(pageToSelect);
     }; };
     var isPageNumber = function (rangeValue) { return !isNaN(parseInt(rangeValue)); };
-    return (React__default.createElement("nav", { "aria-label": "pagination navigation", className: classNames("arc-Pagination", {
+    return (React__default.createElement("nav", __assign({ "aria-label": "pagination navigation", className: classNames("arc-Pagination", {
             "arc-Pagination--onDarkSurface": surface === "dark"
-        }) },
+        }) }, filterDataAttrs(props)),
         React__default.createElement("button", { "aria-label": "Go to previous page", className: classNames("arc-Pagination-navigationButton", {
                 "arc-Pagination-navigationButton--hidden": selectedPage === 1
             }), onClick: handlePagechange(selectedPage - 1) },

package/dist/PaginationSimple/PaginationSimple.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var index = require('../_shared/cjs/index-45bfb67b.js');
 var React = require('react');
 var BtIconChevronRightMid = require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
 var BtIconChevronLeftMid = require('../_shared/cjs/BtIconChevronLeftMid-df952a3e.js');
 var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
 var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -19,13 +19,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `PaginationSimple` to navigate multiple pages.
  */
 var PaginationSimple = function (_a) {
-    var hidePrev = _a.hidePrev, hideNext = _a.hideNext, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid;
+    var hidePrev = _a.hidePrev, hideNext = _a.hideNext, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = filterDataAttrs.__rest(_a, ["hidePrev", "hideNext", "onPrevPage", "onNextPage", "isFluid"]);
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("nav", { className: index.classNames("arc-PaginationSimple", {
+    return (React__default["default"].createElement("nav", filterDataAttrs.__assign({ className: index.classNames("arc-PaginationSimple", {
             "arc-PaginationSimple--onDarkSurface": surface === "dark",
             "arc-PaginationSimple--fluid": isFluid,
             "arc-PaginationSimple--centered": !isFluid
-        }) },
+        }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("button", { className: index.classNames("arc-PaginationSimple-navigationButton", {
                 "arc-PaginationSimple-navigationButton--hidden": hidePrev
             }), onClick: function () {

package/dist/PaginationSimple/PaginationSimple.esm.js

@@ -1,23 +1,23 @@
+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 { B as BtIconChevronRightMid_2 } from '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
 import { B as BtIconChevronLeftMid_2 } from '../_shared/esm/BtIconChevronLeftMid-9f4f3a3d.js';
 import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
 import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
 
 /**
  * Use `PaginationSimple` to navigate multiple pages.
  */
 var PaginationSimple = function (_a) {
-    var hidePrev = _a.hidePrev, hideNext = _a.hideNext, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid;
+    var hidePrev = _a.hidePrev, hideNext = _a.hideNext, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = __rest(_a, ["hidePrev", "hideNext", "onPrevPage", "onNextPage", "isFluid"]);
     var surface = useContext(Context).surface;
-    return (React__default.createElement("nav", { className: classNames("arc-PaginationSimple", {
+    return (React__default.createElement("nav", __assign({ className: classNames("arc-PaginationSimple", {
             "arc-PaginationSimple--onDarkSurface": surface === "dark",
             "arc-PaginationSimple--fluid": isFluid,
             "arc-PaginationSimple--centered": !isFluid
-        }) },
+        }) }, filterDataAttrs(props)),
         React__default.createElement("button", { className: classNames("arc-PaginationSimple-navigationButton", {
                 "arc-PaginationSimple-navigationButton--hidden": hidePrev
             }), onClick: function () {

package/dist/ProgressBar/ProgressBar.cjs.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 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-555a29a4.js');
-var Heading = require('../_shared/cjs/Heading-ed1cb455.js');
+var Text = require('../_shared/cjs/Text-fa447e2d.js');
+var Heading = require('../_shared/cjs/Heading-e3332dcf.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-86f697e7.js');
 var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
 var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
@@ -64,12 +64,12 @@ 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 _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, props = filterDataAttrs.__rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue"]);
     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.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state), {
+    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ "data-testid": "progress", className: index.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state), {
             "arc-ProgressBar--onDarkSurface": surface === "dark"
-        }) },
+        }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-ProgressBar-titleDisplayValueContainer" },
             React__default["default"].createElement("div", { className: "arc-ProgressBar-titleContainer" },
                 headline && React__default["default"].createElement(Heading.Heading, { size: "s" }, headline),

package/dist/ProgressBar/ProgressBar.esm.js

@@ -1,8 +1,8 @@
-import { a as __assign } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import { a as __assign, _ as __rest, 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 { T as Text } from '../_shared/esm/Text-14deb70e.js';
-import { H as Heading } from '../_shared/esm/Heading-ee6bec51.js';
+import { T as Text } from '../_shared/esm/Text-40457811.js';
+import { H as Heading } from '../_shared/esm/Heading-0f629151.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-93980c9c.js';
 import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
 import { C as Context } from '../_shared/esm/Surface-dde51789.js';
@@ -56,12 +56,12 @@ 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 _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, props = __rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue"]);
     var surface = useContext(Context).surface;
     var progressValue = Math.min(100, Math.max(0, value));
-    return (React__default.createElement("div", { "data-testid": "progress", className: classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state), {
+    return (React__default.createElement("div", __assign({ "data-testid": "progress", className: classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state), {
             "arc-ProgressBar--onDarkSurface": surface === "dark"
-        }) },
+        }) }, filterDataAttrs(props)),
         React__default.createElement("div", { className: "arc-ProgressBar-titleDisplayValueContainer" },
             React__default.createElement("div", { className: "arc-ProgressBar-titleContainer" },
                 headline && React__default.createElement(Heading, { size: "s" }, headline),

package/dist/RadioGroup/RadioGroup.cjs.d.ts

@@ -1 +1 @@
-export { RadioGroup } from "../_shared/cjs/RadioGroup-8e17de70";
+export { RadioGroup } from "../_shared/cjs/RadioGroup-d7664b0c";

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioGroup = require('../_shared/cjs/RadioGroup-8e17de70.js');
+var RadioGroup = require('../_shared/cjs/RadioGroup-d7664b0c.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('react');
-require('../_shared/cjs/FormControl-78b007b7.js');
+require('../_shared/cjs/FormControl-1e1bf2bf.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('../_shared/cjs/BtIconAlert-637db790.js');
 require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/DisclosureMini-2a10006e.js');
+require('../_shared/cjs/DisclosureMini-52706ee6.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
-require('../_shared/cjs/Text-555a29a4.js');
+require('../_shared/cjs/Text-fa447e2d.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 
 

package/dist/RadioGroup/RadioGroup.esm.d.ts

@@ -1 +1 @@
-export { RadioGroup } from "../_shared/esm/RadioGroup-65b8c8bf";
+export { RadioGroup } from "../_shared/esm/RadioGroup-be16d5d3";

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,11 +1,11 @@
-export { R as RadioGroup } from '../_shared/esm/RadioGroup-65b8c8bf.js';
+export { R as RadioGroup } from '../_shared/esm/RadioGroup-be16d5d3.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import 'react';
-import '../_shared/esm/FormControl-2fa7aae5.js';
+import '../_shared/esm/FormControl-f18e2f59.js';
 import '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
 import '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/DisclosureMini-78a8f392.js';
+import '../_shared/esm/DisclosureMini-9b819941.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
-import '../_shared/esm/Text-14deb70e.js';
+import '../_shared/esm/Text-40457811.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';

package/dist/Select/Select.cjs.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { FocusEvent } from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-78b007b7";
+import { FormControlProps } from "../_shared/cjs/FormControl-1e1bf2bf";
 /** Use `Select` to choose from a dropdown list of options. */
 declare const Select: React.FC<SelectProps>;
 interface SelectProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "id" | "helperUnderLabel" | "supplementaryInfo"> {