@moda/om 21.6.4 → 21.6.6

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useContext, useState, createContext, forwardRef, useRef, useCallback, useEffect, useMemo, Fragment, PureComponent, Children, isValidElement, cloneElement, useReducer } from 'react';
+import React__default, { useContext, useState, createContext, forwardRef, useRef, useCallback, useEffect, useMemo, Fragment, PureComponent, Children, isValidElement, cloneElement, useId, useReducer } from 'react';
 import { Link } from 'react-router-dom';
 import { createPortal } from 'react-dom';
 
@@ -7508,19 +7508,17 @@ var Checkbox = function Checkbox(_ref) {
   }, [onChange, checked]);
   return /*#__PURE__*/React__default.createElement("label", {
     htmlFor: id,
-    tabIndex: 0,
     className: classNames('Checkbox', className, {
       'Checkbox--disabled': disabled
     }),
     "data-test-id": dataTestId && "".concat(dataTestId, "--label")
   }, /*#__PURE__*/React__default.createElement("span", {
-    tabIndex: -1,
+    "aria-hidden": "true",
     className: classNames('Checkbox__indicator', {
       'Checkbox__indicator--disabled': disabled
     })
   }, isChecked && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, checkIcon === 'checkmark' && /*#__PURE__*/React__default.createElement(Checkmark16, CHECKED_ITEM_PROPS), checkIcon === 'circle' && /*#__PURE__*/React__default.createElement(Circle12, CHECKED_ITEM_PROPS))), /*#__PURE__*/React__default.createElement("input", _extends$1({
     id: id,
-    tabIndex: -1,
     className: "Checkbox__input",
     type: "checkbox",
     checked: isChecked,
@@ -7643,10 +7641,13 @@ var Modal = function Modal(_ref) {
     children = _ref.children,
     onClose = _ref.onClose,
     shards = _ref.shards,
-    autoFocus = _ref.autoFocus,
+    _ref$autoFocus = _ref.autoFocus,
+    autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
     rest = _objectWithoutProperties(_ref, _excluded$u);
   return /*#__PURE__*/React__default.createElement("div", _extends$1({
-    className: classNames('Modal', className)
+    className: classNames('Modal', className),
+    role: "dialog",
+    "aria-modal": "true"
   }, rest), /*#__PURE__*/React__default.createElement(FocusOn, {
     autoFocus: autoFocus,
     shards: shards,
@@ -7774,12 +7775,15 @@ var Dialog = function Dialog(_ref) {
     actions = _ref.actions,
     contentClassName = _ref.contentClassName,
     rest = _objectWithoutProperties(_ref, _excluded$p);
+  var titleId = useId();
   return /*#__PURE__*/React__default.createElement(ModalOverlay, _extends$1({
-    contentClassName: classNames('Dialog', contentClassName)
+    contentClassName: classNames('Dialog', contentClassName),
+    "aria-labelledby": title ? titleId : undefined
   }, rest), /*#__PURE__*/React__default.createElement(Stack, {
     className: "Dialog__content",
     space: 6
   }, title && /*#__PURE__*/React__default.createElement(Text, {
+    id: titleId,
     treatment: "h5"
   }, title), message && /*#__PURE__*/React__default.createElement(Text, null, message), actions && /*#__PURE__*/React__default.createElement(Stack, {
     direction: "horizontal",