@khanacademy/wonder-blocks-modal 2.3.2 → 2.3.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.
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,29 @@
|
|
|
1
1
|
# @khanacademy/wonder-blocks-modal
|
|
2
2
|
|
|
3
|
+
## 2.3.5
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [34c7aacb]
|
|
8
|
+
- @khanacademy/wonder-blocks-color@1.2.0
|
|
9
|
+
- @khanacademy/wonder-blocks-breadcrumbs@1.0.32
|
|
10
|
+
- @khanacademy/wonder-blocks-icon-button@3.4.10
|
|
11
|
+
- @khanacademy/wonder-blocks-toolbar@2.1.33
|
|
12
|
+
|
|
13
|
+
## 2.3.4
|
|
14
|
+
|
|
15
|
+
### Patch Changes
|
|
16
|
+
|
|
17
|
+
- @khanacademy/wonder-blocks-icon-button@3.4.9
|
|
18
|
+
|
|
19
|
+
## 2.3.3
|
|
20
|
+
|
|
21
|
+
### Patch Changes
|
|
22
|
+
|
|
23
|
+
- Updated dependencies [83486dba]
|
|
24
|
+
- @khanacademy/wonder-blocks-icon@1.2.29
|
|
25
|
+
- @khanacademy/wonder-blocks-icon-button@3.4.8
|
|
26
|
+
|
|
3
27
|
## 2.3.2
|
|
4
28
|
|
|
5
29
|
### Patch Changes
|
package/dist/es/index.js
CHANGED
|
@@ -20,7 +20,8 @@ class ModalDialog extends React.Component {
|
|
|
20
20
|
style,
|
|
21
21
|
children,
|
|
22
22
|
testId,
|
|
23
|
-
"aria-labelledby": ariaLabelledBy
|
|
23
|
+
"aria-labelledby": ariaLabelledBy,
|
|
24
|
+
"aria-label": ariaLabel
|
|
24
25
|
} = this.props;
|
|
25
26
|
const contextValue = {
|
|
26
27
|
ssrSize: "large",
|
|
@@ -40,6 +41,7 @@ class ModalDialog extends React.Component {
|
|
|
40
41
|
role: role,
|
|
41
42
|
"aria-modal": "true",
|
|
42
43
|
"aria-labelledby": ariaLabelledBy,
|
|
44
|
+
"aria-label": ariaLabel,
|
|
43
45
|
style: styles.dialog,
|
|
44
46
|
testId: testId
|
|
45
47
|
}, children), above && React.createElement(View, {
|
package/dist/index.js
CHANGED
|
@@ -380,7 +380,8 @@ class ModalDialog extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
|
|
|
380
380
|
style,
|
|
381
381
|
children,
|
|
382
382
|
testId,
|
|
383
|
-
"aria-labelledby": ariaLabelledBy
|
|
383
|
+
"aria-labelledby": ariaLabelledBy,
|
|
384
|
+
"aria-label": ariaLabel
|
|
384
385
|
} = this.props;
|
|
385
386
|
const contextValue = {
|
|
386
387
|
ssrSize: "large",
|
|
@@ -400,6 +401,7 @@ class ModalDialog extends react__WEBPACK_IMPORTED_MODULE_0__["Component"] {
|
|
|
400
401
|
role: role,
|
|
401
402
|
"aria-modal": "true",
|
|
402
403
|
"aria-labelledby": ariaLabelledBy,
|
|
404
|
+
"aria-label": ariaLabel,
|
|
403
405
|
style: styles.dialog,
|
|
404
406
|
testId: testId
|
|
405
407
|
}, children), above && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_khanacademy_wonder_blocks_core__WEBPACK_IMPORTED_MODULE_3__["View"], {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@khanacademy/wonder-blocks-modal",
|
|
3
|
-
"version": "2.3.
|
|
3
|
+
"version": "2.3.5",
|
|
4
4
|
"design": "v2",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -15,15 +15,15 @@
|
|
|
15
15
|
"author": "",
|
|
16
16
|
"license": "MIT",
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@babel/runtime": "^7.
|
|
19
|
-
"@khanacademy/wonder-blocks-breadcrumbs": "^1.0.
|
|
20
|
-
"@khanacademy/wonder-blocks-color": "^1.
|
|
18
|
+
"@babel/runtime": "^7.18.6",
|
|
19
|
+
"@khanacademy/wonder-blocks-breadcrumbs": "^1.0.32",
|
|
20
|
+
"@khanacademy/wonder-blocks-color": "^1.2.0",
|
|
21
21
|
"@khanacademy/wonder-blocks-core": "^4.3.2",
|
|
22
|
-
"@khanacademy/wonder-blocks-icon": "^1.2.
|
|
23
|
-
"@khanacademy/wonder-blocks-icon-button": "^3.4.
|
|
22
|
+
"@khanacademy/wonder-blocks-icon": "^1.2.29",
|
|
23
|
+
"@khanacademy/wonder-blocks-icon-button": "^3.4.10",
|
|
24
24
|
"@khanacademy/wonder-blocks-layout": "^1.4.10",
|
|
25
25
|
"@khanacademy/wonder-blocks-spacing": "^3.0.5",
|
|
26
|
-
"@khanacademy/wonder-blocks-toolbar": "^2.1.
|
|
26
|
+
"@khanacademy/wonder-blocks-toolbar": "^2.1.33",
|
|
27
27
|
"@khanacademy/wonder-blocks-typography": "^1.1.32"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
@@ -232,6 +232,25 @@ exports[`wonder-blocks-modal example 3 1`] = `
|
|
|
232
232
|
}
|
|
233
233
|
}
|
|
234
234
|
>
|
|
235
|
+
<span
|
|
236
|
+
aria-atomic="true"
|
|
237
|
+
aria-live="polite"
|
|
238
|
+
aria-relevant="additions text"
|
|
239
|
+
className=""
|
|
240
|
+
data-test-id="dropdown-live-region"
|
|
241
|
+
style={
|
|
242
|
+
Object {
|
|
243
|
+
"border": 0,
|
|
244
|
+
"clip": "rect(0,0,0,0)",
|
|
245
|
+
"height": 1,
|
|
246
|
+
"margin": -1,
|
|
247
|
+
"overflow": "hidden",
|
|
248
|
+
"padding": 0,
|
|
249
|
+
"position": "absolute",
|
|
250
|
+
"width": 1,
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
/>
|
|
235
254
|
<button
|
|
236
255
|
aria-expanded="false"
|
|
237
256
|
aria-haspopup="menu"
|
|
@@ -2977,7 +2996,7 @@ exports[`wonder-blocks-modal example 10 1`] = `
|
|
|
2977
2996
|
style={
|
|
2978
2997
|
Object {
|
|
2979
2998
|
"alignItems": "stretch",
|
|
2980
|
-
"background": "#
|
|
2999
|
+
"background": "#0b2149",
|
|
2981
3000
|
"borderStyle": "solid",
|
|
2982
3001
|
"borderWidth": 0,
|
|
2983
3002
|
"boxSizing": "border-box",
|
|
@@ -78,6 +78,7 @@ export default class ModalDialog extends React.Component<Props> {
|
|
|
78
78
|
children,
|
|
79
79
|
testId,
|
|
80
80
|
"aria-labelledby": ariaLabelledBy,
|
|
81
|
+
"aria-label": ariaLabel,
|
|
81
82
|
} = this.props;
|
|
82
83
|
|
|
83
84
|
const contextValue: MediaLayoutContextValue = {
|
|
@@ -95,6 +96,7 @@ export default class ModalDialog extends React.Component<Props> {
|
|
|
95
96
|
role={role}
|
|
96
97
|
aria-modal="true"
|
|
97
98
|
aria-labelledby={ariaLabelledBy}
|
|
99
|
+
aria-label={ariaLabel}
|
|
98
100
|
style={styles.dialog}
|
|
99
101
|
testId={testId}
|
|
100
102
|
>
|