From 964e0b833eb4a10054e0bdfb7c9d4f5f2d22e8c5 Mon Sep 17 00:00:00 2001 From: GitHub Action Date: Wed, 5 May 2021 15:48:08 +0000 Subject: [PATCH] Update snapshots --- .../__snapshots__/aom.test.js.snap | 556 ++++++++++++++++++ lib/a11y-snapshot/deploy.json | 34 +- 2 files changed, 573 insertions(+), 17 deletions(-) diff --git a/lib/a11y-snapshot/__snapshots__/aom.test.js.snap b/lib/a11y-snapshot/__snapshots__/aom.test.js.snap index 80375687f..3d4093b53 100644 --- a/lib/a11y-snapshot/__snapshots__/aom.test.js.snap +++ b/lib/a11y-snapshot/__snapshots__/aom.test.js.snap @@ -19801,6 +19801,562 @@ exports[`firefox /components/pagination/ 1`] = ` `; exports[`firefox /components/pickers 1`] = ` + + EDIT THIS PAGE + + Dialog + Dialog + + + + Dialogs inform users about a task and can contain critical information, + require decisions, or involve multiple tasks. + + + + A Dialog is a type of + modal + + window that appears in front of app content to provide critical + information or ask for a decision. Dialogs disable all app functionality + when they appear, and remain on screen until confirmed, dismissed, or a + required action has been taken. + + + + + Dialogs are purposefully interruptive, so they should be used sparingly. + + + + + Feedback + Feedback + + + WAI-ARIA + WAI-ARIA + + + Scroll down to 'Exports Analysis' for a more detailed report. + + Scroll down to 'Exports Analysis' for a more detailed report. + + + + Material Design + Material Design + + + Figma + Figma + + + Adobe + Adobe + + + Sketch + Sketch + + + + Basic dialog + Basic dialog + + + + Simple dialogs can provide additional details or actions about a list + item. For example, they can display avatars, icons, clarifying subtext, or + orthogonal actions (such as adding an account). + + + + Touch mechanics: + + + + Choosing an option immediately commits the option and closes the menu + + Choosing an option immediately commits the option and closes the menu + + + + Touching outside of the dialog, or pressing Back, cancels the action and + closes the dialog + + Touching outside of the dialog, or pressing Back, cancels the action and + closes the dialog + + + + + Selected: user02@gmail.com + + + + demo source + + + + + + See more + + + + Selected: {selectedValue}
+ + + + + Alerts + Alerts + + + + Alerts are urgent interruptions, requiring acknowledgement, that inform + the user about a situation. + + + + + Most alerts don't need titles. They summarize a decision in a + sentence or two by either: + + + + + Asking a question (e.g. "Delete this conversation?") + + Asking a question (e.g. "Delete this conversation?") + + + + Making a statement related to the action buttons + Making a statement related to the action buttons + + + + + Use title bar alerts only for high-risk situations, such as the potential + loss of connectivity. Users should be able to understand the choices based + on the title and button text alone. + + + + If a title is required: + + + + Use a clear question or statement with an explanation in the content area, + such as "Erase USB storage?". + + Use a clear question or statement with an explanation in the content + area, such as "Erase USB storage?". + + + + Avoid apologies, ambiguity, or questions, such as "Warning!" or + "Are you sure?" + + Avoid apologies, ambiguity, or questions, such as "Warning!" + or "Are you sure?" + + + + + + + demo source + + + + + + See more + + + Transitions + Transitions + + + + You can also swap out the transition, the next example uses Slide. + + + + + + demo source + + + + + + See more + + + Form dialogs + Form dialogs + + + + Form dialogs allow users to fill out form fields within a dialog. For + example, if your site prompts for potential subscribers to fill in their + email address, they can fill out the email field and touch + 'Submit'. + + + + + + demo source + + + + + + See more + + + Customized dialogs + Customized dialogs + + + + Here is an example of customizing the component. You can learn more about + this in the + + overrides documentation page + . + + + The dialog has a close button added to aide usability. + + + + + demo source + + + + + + See more + + + Full-screen dialogs + Full-screen dialogs + + + + + demo source + + + + + + See more + + + Optional sizes + Optional sizes + + + + You can set a dialog maximum width by using the maxWidth enumerable in + combination with the fullWidth boolean. When the fullWidth prop is true, + the dialog will adapt based on the maxWidth value. + + + + + + demo source + + + + + + See more + + + Responsive full-screen + Responsive full-screen + + + You may make a dialog responsively full screen using + useMediaQuery + . + + + import useMediaQuery from '@material-ui/core/useMediaQuery'; + function MyComponent() { const theme = useTheme(); const fullScreen = + useMediaQuery(theme.breakpoints.down('md')); return ; } + + + + + demo source + + + + + + See more + + + Confirmation dialogs + Confirmation dialogs + + + + Confirmation dialogs require users to explicitly confirm their choice + before an option is committed. For example, users can listen to multiple + ringtones but only make a final selection upon touching "OK". + + + + + Touching "Cancel" in a confirmation dialog, or pressing Back, + cancels the action, discards any changes, and closes the dialog. + + + + + + + phone ringtone + Phone ringtone + + Dione + + + + + + demo source + + + + + + See more + + + Draggable dialog + Draggable dialog + + + You can create a draggable dialog by using + react-draggable + + . To do so, you can pass the imported Draggable component as the + PaperComponent of the Dialog component. This will make the entire dialog + draggable. + + + + + + demo source + + + + + + See more + + + Scrolling long content + Scrolling long content + + + + When dialogs become too long for the user's viewport or device, they + scroll. + + + + + scroll=paper the content of the dialog scrolls within the paper element. + + scroll=paper the content of the dialog scrolls within the paper element. + + + + scroll=body the content of the dialog scrolls within the body element. + + scroll=body the content of the dialog scrolls within the body element. + + + + + Try the demo below to see what we mean: + + + + + + demo source + + + + + + See more + + + Performance + Performance + + + Follow the + Modal performance section + . + + + Limitations + Limitations + + + Follow the + Modal limitations section + . + + + Accessibility + Accessibility + + + Follow the + Modal accessibility section + . + + + API + API + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Backdrop + + Was this page helpful? + Was this page helpful? + Yes + No + + Progress +; + +`; + +exports[`firefox /components/pickers 2`] = ` EDIT THIS PAGE diff --git a/lib/a11y-snapshot/deploy.json b/lib/a11y-snapshot/deploy.json index 6e354aae4..5f665b956 100644 --- a/lib/a11y-snapshot/deploy.json +++ b/lib/a11y-snapshot/deploy.json @@ -1,33 +1,33 @@ { - "id": "6091f3abc6c8830007d8b7d1", + "id": "6092b641174c20000855d841", "site_id": "64f32322-7c26-4008-b886-60800cd747b0", - "build_id": "6091f3abc6c8830007d8b7cf", + "build_id": "6092b641174c20000855d83f", "state": "ready", "name": "material-ui", "url": "http://material-ui.netlify.app", "admin_url": "https://app.netlify.com/sites/material-ui", - "deploy_url": "http://next--material-ui.netlify.app", - "deploy_ssl_url": "https://next--material-ui.netlify.app", - "created_at": "2021-05-05T01:23:55.723Z", - "updated_at": "2021-05-05T01:47:08.244Z", - "commit_ref": "4a325e685d39b00afbf4147178479c8dc14a4ccc", - "review_id": null, + "deploy_url": "http://deploy-preview-26146--material-ui.netlify.app", + "deploy_ssl_url": "https://deploy-preview-26146--material-ui.netlify.app", + "created_at": "2021-05-05T15:14:09.797Z", + "updated_at": "2021-05-05T15:38:28.115Z", + "commit_ref": "469213829458a253997e935b73f87cf8eaadec77", + "review_id": 26146, "skipped": null, "locked": null, - "branch": "next", - "commit_url": "https://github.com/mui-org/material-ui/commit/4a325e685d39b00afbf4147178479c8dc14a4ccc", + "branch": "docs/components-pages", + "commit_url": "https://github.com/mui-org/material-ui/commit/469213829458a253997e935b73f87cf8eaadec77", "log_access_attributes": { "type": "firebase", - "url": "https://netlify-builds3.firebaseio.com/builds/6091f3abc6c8830007d8b7cf/log", + "url": "https://netlify-builds3.firebaseio.com/builds/6092b641174c20000855d83f/log", "endpoint": "https://netlify-builds3.firebaseio.com", - "path": "/builds/6091f3abc6c8830007d8b7cf/log", - "token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2IjowLCJpYXQiOjE2MjAxODMwNTAsImQiOnsidWlkIjoiIn19.a7FoS5NJSJQ2HxYGR2kf2CZuY90zaIOKQ7Lgo4OaRE8" + "path": "/builds/6092b641174c20000855d83f/log", + "token": "eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJ2IjowLCJpYXQiOjE2MjAyMjk2ODgsImQiOnsidWlkIjoiIn19.e22IzEbIctR_cFNqwECqc7f4svzYeH1mrznh8XnW3EY" }, - "title": "[TextField] Fix missing `standard` variant classes in types (#26115)\n\n* add missing classes\r\n\r\n* update proptypes\r\n\r\n* update input adornment", - "review_url": null, + "title": "[docs] Migrate TreeView demos", + "review_url": "https://github.com/mui-org/material-ui/pull/26146", "published_at": null, - "context": "branch-deploy", - "deploy_time": 1386, + "context": "deploy-preview", + "deploy_time": 1454, "public": true, "plugin_state": "success" }