@arc-ui/components 11.26.0 → 11.26.1

package/dist/Checkbox/Checkbox.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../_shared/cjs/Checkbox-0253327b.js');
+var Checkbox = require('../_shared/cjs/Checkbox-bf83e2f7.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');

package/dist/Checkbox/Checkbox.esm.js

@@ -1,4 +1,4 @@
-export { C as Checkbox } from '../_shared/esm/Checkbox-588619c7.js';
+export { C as Checkbox } from '../_shared/esm/Checkbox-0bfac480.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';

package/dist/Modal/Modal.cjs.js

@@ -496,6 +496,9 @@ var Modal = function (_a) {
                 React__default["default"].createElement(Content, filterDataAttrs.__assign({}, ariaProps, { role: role, onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: closeModal, onInteractOutside: closeModal, "aria-modal": "true", className: index$1.classNames("arc-Modal-dialog", "arc-Modal-dialog--".concat(size), {
                         "arc-Modal-dialog--maxHeightWindow": isContentScrollable
                     }) }, filterDataAttrs.filterDataAttrs(props)),
+                    canShowClose && (React__default["default"].createElement("div", { className: "arc-Modal-iconContainer" },
+                        React__default["default"].createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
+                            React__default["default"].createElement(Icon.Icon, { size: 32, icon: BtIconCrossAlt2Px_esm.BtIconCrossAlt2Px })))),
                     React__default["default"].createElement("div", { className: "arc-Modal-section" },
                         React__default["default"].createElement(Title, { asChild: true },
                             React__default["default"].createElement(Heading.Heading, { level: "1", size: "m" }, title))),
@@ -508,10 +511,7 @@ var Modal = function (_a) {
                             children))),
                     actions && (React__default["default"].createElement("div", { className: "arc-Modal-section" },
                         React__default["default"].createElement("div", { className: "arc-Modal-actions" }, actions.map(function (props, i) { return (React__default["default"].createElement("div", { key: "arc-modal-button-".concat(i), className: "arc-Modal-actionButton" },
-                            React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({ isFullWidth: true }, props)))); })))),
-                    canShowClose && (React__default["default"].createElement("div", { className: "arc-Modal-iconContainer" },
-                        React__default["default"].createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
-                            React__default["default"].createElement(Icon.Icon, { size: 32, icon: BtIconCrossAlt2Px_esm.BtIconCrossAlt2Px })))))))));
+                            React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({ isFullWidth: true }, props)))); })))))))));
 };
 
 exports.Modal = Modal;

package/dist/Modal/Modal.esm.js

@@ -470,6 +470,9 @@ var Modal = function (_a) {
                 React__default.createElement(Content, __assign({}, ariaProps, { role: role, onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: closeModal, onInteractOutside: closeModal, "aria-modal": "true", className: classNames("arc-Modal-dialog", "arc-Modal-dialog--".concat(size), {
                         "arc-Modal-dialog--maxHeightWindow": isContentScrollable
                     }) }, filterDataAttrs(props)),
+                    canShowClose && (React__default.createElement("div", { className: "arc-Modal-iconContainer" },
+                        React__default.createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
+                            React__default.createElement(Icon, { size: 32, icon: BtIconCrossAlt2Px })))),
                     React__default.createElement("div", { className: "arc-Modal-section" },
                         React__default.createElement(Title, { asChild: true },
                             React__default.createElement(Heading, { level: "1", size: "m" }, title))),
@@ -482,10 +485,7 @@ var Modal = function (_a) {
                             children))),
                     actions && (React__default.createElement("div", { className: "arc-Modal-section" },
                         React__default.createElement("div", { className: "arc-Modal-actions" }, actions.map(function (props, i) { return (React__default.createElement("div", { key: "arc-modal-button-".concat(i), className: "arc-Modal-actionButton" },
-                            React__default.createElement(Button, __assign({ isFullWidth: true }, props)))); })))),
-                    canShowClose && (React__default.createElement("div", { className: "arc-Modal-iconContainer" },
-                        React__default.createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
-                            React__default.createElement(Icon, { size: 32, icon: BtIconCrossAlt2Px })))))))));
+                            React__default.createElement(Button, __assign({ isFullWidth: true }, props)))); })))))))));
 };
 
 export { Modal };

package/dist/TextArea/TextArea.cjs.js

@@ -13,7 +13,7 @@ require('../_shared/cjs/Base-4676f12e.js');
 require('../_shared/cjs/Breadcrumbs-c6eaf5c4.js');
 require('../_shared/cjs/Button-5b28f0ce.js');
 require('../_shared/cjs/Card-78a70e63.js');
-require('../_shared/cjs/Checkbox-0253327b.js');
+require('../_shared/cjs/Checkbox-bf83e2f7.js');
 require('../_shared/cjs/Columns-ae4f8cef.js');
 require('../_shared/cjs/Filter-f9506dfa.js');
 var FormControl = require('../_shared/cjs/FormControl-68258ce1.js');

package/dist/TextArea/TextArea.esm.js

@@ -9,7 +9,7 @@ import '../_shared/esm/Base-211ca3a4.js';
 import '../_shared/esm/Breadcrumbs-7d55e1a6.js';
 import '../_shared/esm/Button-5b48b7ce.js';
 import '../_shared/esm/Card-a4b78406.js';
-import '../_shared/esm/Checkbox-588619c7.js';
+import '../_shared/esm/Checkbox-0bfac480.js';
 import '../_shared/esm/Columns-d96b7425.js';
 import '../_shared/esm/Filter-258ba675.js';
 import { F as FormControl } from '../_shared/esm/FormControl-8e836656.js';

package/dist/_shared/cjs/{Checkbox-0253327b.js → Checkbox-bf83e2f7.js}

@@ -45,7 +45,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
                 "arc-Checkbox-label--top": checkboxAlignment === "top"
             }) },
             React__default["default"].createElement("input", filterDataAttrs.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", "aria-checked": checked ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, filterDataAttrs.filterDataAttrs(props))),
-            React__default["default"].createElement("span", { className: "arc-Checkbox-box" },
+            React__default["default"].createElement("span", { className: "arc-Checkbox-box", "aria-hidden": true },
                 React__default["default"].createElement(BtIconTickAlt2Px_esm.BtIconTickAlt2Px, null)),
             React__default["default"].createElement("span", filterDataAttrs.__assign({}, (checkboxAlignment === "top" && {
                 className: "arc-Checkbox-content--marginTop"

package/dist/_shared/esm/{Checkbox-588619c7.js → Checkbox-0bfac480.js}

@@ -39,7 +39,7 @@ var Checkbox = forwardRef(function (_a, ref) {
                 "arc-Checkbox-label--top": checkboxAlignment === "top"
             }) },
             React__default.createElement("input", __assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", "aria-checked": checked ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, filterDataAttrs(props))),
-            React__default.createElement("span", { className: "arc-Checkbox-box" },
+            React__default.createElement("span", { className: "arc-Checkbox-box", "aria-hidden": true },
                 React__default.createElement(BtIconTickAlt2Px, null)),
             React__default.createElement("span", __assign({}, (checkboxAlignment === "top" && {
                 className: "arc-Checkbox-content--marginTop"

package/dist/index.es.js

@@ -2019,7 +2019,7 @@ var Checkbox = forwardRef(function (_a, ref) {
                 "arc-Checkbox-label--top": checkboxAlignment === "top"
             }) },
             React__default.createElement("input", __assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", "aria-checked": checked ? "true" : "false", className: "arc-Checkbox-input" }, checkedProps, { disabled: isDisabled, id: id, name: name, onBlur: onBlur, onChange: onChange, ref: ref, required: isRequired, type: "checkbox", value: value }, filterDataAttrs(props))),
-            React__default.createElement("span", { className: "arc-Checkbox-box" },
+            React__default.createElement("span", { className: "arc-Checkbox-box", "aria-hidden": true },
                 React__default.createElement(BtIconTickAlt2Px, null)),
             React__default.createElement("span", __assign({}, (checkboxAlignment === "top" && {
                 className: "arc-Checkbox-content--marginTop"
@@ -35465,6 +35465,9 @@ var Modal = function (_a) {
                 React__default.createElement(Content$1, __assign({}, ariaProps, { role: role, onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: closeModal, onInteractOutside: closeModal, "aria-modal": "true", className: classNames("arc-Modal-dialog", "arc-Modal-dialog--".concat(size), {
                         "arc-Modal-dialog--maxHeightWindow": isContentScrollable
                     }) }, filterDataAttrs(props)),
+                    canShowClose && (React__default.createElement("div", { className: "arc-Modal-iconContainer" },
+                        React__default.createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
+                            React__default.createElement(Icon$1, { size: 32, icon: BtIconCrossAlt2Px })))),
                     React__default.createElement("div", { className: "arc-Modal-section" },
                         React__default.createElement(Title, { asChild: true },
                             React__default.createElement(Heading, { level: "1", size: "m" }, title))),
@@ -35477,10 +35480,7 @@ var Modal = function (_a) {
                             children))),
                     actions && (React__default.createElement("div", { className: "arc-Modal-section" },
                         React__default.createElement("div", { className: "arc-Modal-actions" }, actions.map(function (props, i) { return (React__default.createElement("div", { key: "arc-modal-button-".concat(i), className: "arc-Modal-actionButton" },
-                            React__default.createElement(Button, __assign({ isFullWidth: true }, props)))); })))),
-                    canShowClose && (React__default.createElement("div", { className: "arc-Modal-iconContainer" },
-                        React__default.createElement("button", { "aria-label": "close", onClick: closeModal, className: "arc-Modal-closeButton" },
-                            React__default.createElement(Icon$1, { size: 32, icon: BtIconCrossAlt2Px })))))))));
+                            React__default.createElement(Button, __assign({ isFullWidth: true }, props)))); })))))))));
 };
 
 var usePagination = function (pageCount, selectedPage) {