@moda/om 21.7.0 → 21.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs.js
CHANGED
|
@@ -12607,6 +12607,7 @@ var SlidingPane = function SlidingPane(_ref) {
|
|
|
12607
12607
|
_ref$autoFocus = _ref.autoFocus,
|
|
12608
12608
|
autoFocus = _ref$autoFocus === void 0 ? true : _ref$autoFocus,
|
|
12609
12609
|
rest = _objectWithoutProperties(_ref, _excluded$5);
|
|
12610
|
+
var titleId = React.useId();
|
|
12610
12611
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
12611
12612
|
className: classNames('SlidingPane__overlay', {
|
|
12612
12613
|
'SlidingPane__overlay--active': visible
|
|
@@ -12618,6 +12619,9 @@ var SlidingPane = function SlidingPane(_ref) {
|
|
|
12618
12619
|
onClickOutside: onClose,
|
|
12619
12620
|
onEscapeKey: onClose
|
|
12620
12621
|
}, /*#__PURE__*/React.createElement("div", _extends$1({
|
|
12622
|
+
role: "dialog",
|
|
12623
|
+
"aria-modal": "true",
|
|
12624
|
+
"aria-labelledby": titleId,
|
|
12621
12625
|
className: classNames('SlidingPane', className, {
|
|
12622
12626
|
'SlidingPane--active': visible
|
|
12623
12627
|
})
|
|
@@ -12627,6 +12631,7 @@ var SlidingPane = function SlidingPane(_ref) {
|
|
|
12627
12631
|
direction: "horizontal",
|
|
12628
12632
|
className: "SlidingPane__top"
|
|
12629
12633
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12634
|
+
id: titleId,
|
|
12630
12635
|
treatment: "h5",
|
|
12631
12636
|
family: "serif"
|
|
12632
12637
|
}, title), /*#__PURE__*/React.createElement(Clickable, {
|