@pingux/astro 2.151.0-alpha.3 → 2.151.0-alpha.5
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.
|
@@ -55,4 +55,8 @@ These keys provide additional functionality to the component.
|
|
|
55
55
|
This component uses the following attributes to assist screen readers:
|
|
56
56
|
- The button uses the **`aria-label`** attribute to provide an accessible name.
|
|
57
57
|
- The **`aria-labelledby`** attribute is supplied with label ID.
|
|
58
|
-
- The **`aria-modal`** attribute allows the assistive technologies to inform users that the ability to interact with or access other content on the page requires the modal dialog to be closed.
|
|
58
|
+
- The **`aria-modal`** attribute allows the assistive technologies to inform users that the ability to interact with or access other content on the page requires the modal dialog to be closed.
|
|
59
|
+
|
|
60
|
+
#### Note
|
|
61
|
+
|
|
62
|
+
AutoFocus is not enabled by default. To ensure accessibility and expected keyboard navigation support set the `hasAutoFocus` prop to true.
|
|
@@ -97,7 +97,8 @@ var _default = {
|
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
args: {
|
|
100
|
-
hasCloseButton: true
|
|
100
|
+
hasCloseButton: true,
|
|
101
|
+
hasAutoFocus: true
|
|
101
102
|
}
|
|
102
103
|
};
|
|
103
104
|
exports["default"] = _default;
|
|
@@ -192,7 +193,8 @@ var WithInputField = function WithInputField() {
|
|
|
192
193
|
"aria-label": "Open modal"
|
|
193
194
|
}, "Open Modal"), state.isOpen && (0, _react2.jsx)(_index.Modal, {
|
|
194
195
|
isOpen: state.isOpen,
|
|
195
|
-
onClose: state.close
|
|
196
|
+
onClose: state.close,
|
|
197
|
+
hasAutoFocus: true
|
|
196
198
|
}, (0, _react2.jsx)(_index.Box, {
|
|
197
199
|
gap: "lg"
|
|
198
200
|
}, (0, _react2.jsx)(_index.Text, null, "Lorem ipsum dolor sit amet consectetur"), (0, _react2.jsx)(_index.SelectField, {
|
|
@@ -55,4 +55,8 @@ These keys provide additional functionality to the component.
|
|
|
55
55
|
This component uses the following attributes to assist screen readers:
|
|
56
56
|
- The button uses the **`aria-label`** attribute to provide an accessible name.
|
|
57
57
|
- The **`aria-labelledby`** attribute is supplied with label ID.
|
|
58
|
-
- The **`aria-modal`** attribute allows the assistive technologies to inform users that the ability to interact with or access other content on the page requires the modal dialog to be closed.
|
|
58
|
+
- The **`aria-modal`** attribute allows the assistive technologies to inform users that the ability to interact with or access other content on the page requires the modal dialog to be closed.
|
|
59
|
+
|
|
60
|
+
#### Note
|
|
61
|
+
|
|
62
|
+
AutoFocus is not enabled by default. To ensure accessibility and expected keyboard navigation support set the `hasAutoFocus` prop to true.
|
|
@@ -84,7 +84,8 @@ export default {
|
|
|
84
84
|
}
|
|
85
85
|
},
|
|
86
86
|
args: {
|
|
87
|
-
hasCloseButton: true
|
|
87
|
+
hasCloseButton: true,
|
|
88
|
+
hasAutoFocus: true
|
|
88
89
|
}
|
|
89
90
|
};
|
|
90
91
|
export var Default = function Default(args) {
|
|
@@ -176,7 +177,8 @@ export var WithInputField = function WithInputField() {
|
|
|
176
177
|
"aria-label": "Open modal"
|
|
177
178
|
}, "Open Modal"), state.isOpen && ___EmotionJSX(Modal, {
|
|
178
179
|
isOpen: state.isOpen,
|
|
179
|
-
onClose: state.close
|
|
180
|
+
onClose: state.close,
|
|
181
|
+
hasAutoFocus: true
|
|
180
182
|
}, ___EmotionJSX(Box, {
|
|
181
183
|
gap: "lg"
|
|
182
184
|
}, ___EmotionJSX(Text, null, "Lorem ipsum dolor sit amet consectetur"), ___EmotionJSX(SelectField, {
|