diff --git a/CHANGELOG.md b/CHANGELOG.md index 056c24867a..0bbb891675 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -16,7 +16,15 @@ should change the heading of the (upcoming) version to include a major version b --> -# 5.20.2 +# 5.21.0 + +## @rjsf/core + +- Updated `Form` to fix `focusOnError()` to support the ids that include dots, fixing [#4279](https://github.com/rjsf-team/react-jsonschema-form/issues/4279) + +## @rjsf/mui + +- Updated the peer dependencies for `@mui/material` and `@mui/icon-material`, fixing [4283](https://github.com/rjsf-team/react-jsonschema-form/issues/4283) ## @rjsf/utils @@ -24,11 +32,14 @@ should change the heading of the (upcoming) version to include a major version b - Updated `deepEquals()` to use `fast-equals.createCustomEqual()` instead of `lodash.isEqualWith()`, fixing [#4291](https://github.com/rjsf-team/react-jsonschema-form/issues/4291) - Switched uses of `lodash.isEqual()` to `deepEquals()` in many of the utility functions as well - ## @validator-ajv8 - Use `@rjsf/utils` `deepEquals()` instead of `lodash.isEqual()` to improve performance, fixing [#4291](https://github.com/rjsf-team/react-jsonschema-form/issues/4291) +## Dev / docs / playground + +- Updated the playground to use `@mui/*` version 6, changing the name of the dropdown from `material-ui-5` to `mui` + # 5.20.1 ## Dev / docs / playground diff --git a/package-lock.json b/package-lock.json index cbcd0f090c..e81951e308 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2293,9 +2293,9 @@ "integrity": "sha512-x/rqGMdzj+fWZvCOYForTghzbtqPDZ5gPwaoNGHdgDfF2QA/XZbCBp4Moo5scrkAMPhB7z26XM/AaHuIJdgauA==" }, "node_modules/@babel/runtime": { - "version": "7.23.9", - "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.23.9.tgz", - "integrity": "sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==", + "version": "7.25.6", + "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.25.6.tgz", + "integrity": "sha512-VBj9MYyDb9tuLq7yzqjgzt6Q+IBQLrGZfdjOekyEirZPHxXWoTSGUTMrpsfi58Up73d13NfYLv8HT9vmznjzhQ==", "dependencies": { "regenerator-runtime": "^0.14.0" }, @@ -3972,17 +3972,27 @@ "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==" }, "node_modules/@emotion/cache": { - "version": "11.11.0", - "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.11.0.tgz", - "integrity": "sha512-P34z9ssTCBi3e9EI1ZsWpNHcfY1r09ZO0rZbRO2ob3ZQMnFI35jB536qoXbkdesr5EUhYi22anuEJuyxifaqAQ==", - "dependencies": { - "@emotion/memoize": "^0.8.1", - "@emotion/sheet": "^1.2.2", - "@emotion/utils": "^1.2.1", - "@emotion/weak-memoize": "^0.3.1", + "version": "11.13.1", + "resolved": "https://registry.npmjs.org/@emotion/cache/-/cache-11.13.1.tgz", + "integrity": "sha512-iqouYkuEblRcXmylXIwwOodiEK5Ifl7JcX7o6V4jI3iW4mLXX3dmt5xwBtIkJiQEXFAI+pC8X0i67yiPkH9Ucw==", + "dependencies": { + "@emotion/memoize": "^0.9.0", + "@emotion/sheet": "^1.4.0", + "@emotion/utils": "^1.4.0", + "@emotion/weak-memoize": "^0.4.0", "stylis": "4.2.0" } }, + "node_modules/@emotion/cache/node_modules/@emotion/memoize": { + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/@emotion/memoize/-/memoize-0.9.0.tgz", + "integrity": "sha512-30FAj7/EoJ5mwVPOWhAyCX+FPfMDrVecJAM+Iw9NRoSl4BBAQeqj4cApHHUXOVvIPgLVDsCFoz/hGD+5QQD1GQ==" + }, + "node_modules/@emotion/cache/node_modules/@emotion/weak-memoize": { + "version": "0.4.0", + "resolved": "https://registry.npmjs.org/@emotion/weak-memoize/-/weak-memoize-0.4.0.tgz", + "integrity": "sha512-snKqtPW01tN0ui7yu9rGv69aJXr/a/Ywvl11sUjNtEcRc+ng/mQriFL0wLXMef74iHa/EkftbDzU9F8iFbH+zg==" + }, "node_modules/@emotion/css-prettifier": { "version": "1.1.3", "resolved": "https://registry.npmjs.org/@emotion/css-prettifier/-/css-prettifier-1.1.3.tgz", @@ -4085,9 +4095,9 @@ } }, "node_modules/@emotion/sheet": { - "version": "1.2.2", - "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.2.2.tgz", - "integrity": "sha512-0QBtGvaqtWi+nx6doRwDdBIzhNdZrXUppvTM4dtZZWEGTXL/XE/yJxLMGlDT1Gt+UHH5IX1n+jkXyytE/av7OA==" + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@emotion/sheet/-/sheet-1.4.0.tgz", + "integrity": "sha512-fTBW9/8r2w3dXWYM4HCB1Rdp8NLibOw2+XELH5m5+AkWiL/KqYX6dc0kKYlaYyKjrQ6ds33MCdMPEwgs2z1rqg==" }, "node_modules/@emotion/styled": { "version": "11.11.0", @@ -4126,9 +4136,9 @@ } }, "node_modules/@emotion/utils": { - "version": "1.2.1", - "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.2.1.tgz", - "integrity": "sha512-Y2tGf3I+XVnajdItskUCn6LX+VUDmP6lTL4fcqsXAv43dnlbZiuW4MWQW38rW/BVWSE7Q/7+XQocmpnRYILUmg==" + "version": "1.4.0", + "resolved": "https://registry.npmjs.org/@emotion/utils/-/utils-1.4.0.tgz", + "integrity": "sha512-spEnrA1b6hDR/C68lC2M7m6ALPUHZC0lIY7jAS/B/9DuuO1ZP04eov8SMv/6fwRd8pzmsn2AuJEznRREWlQrlQ==" }, "node_modules/@emotion/weak-memoize": { "version": "0.3.1", @@ -7798,33 +7808,33 @@ } }, "node_modules/@mui/core-downloads-tracker": { - "version": "5.15.7", - "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-5.15.7.tgz", - "integrity": "sha512-AuF+Wo2Mp/edaO6vJnWjg+gj4tzEz5ChMZnAQpc22DXpSvM8ddgGcZvM7D7F99pIBoSv8ub+Iz0viL+yuGVmhg==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@mui/core-downloads-tracker/-/core-downloads-tracker-6.0.2.tgz", + "integrity": "sha512-Cg68oOlAfbJgMgvbCwcX3Y3HdygCl6X1nREYTdEWcEKUQhNarrC45Cc35mP+zA7p3ZXE/7FLiaTCCgwuSoef/Q==", "funding": { "type": "opencollective", "url": "https://opencollective.com/mui-org" } }, "node_modules/@mui/icons-material": { - "version": "5.15.2", - "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-5.15.2.tgz", - "integrity": "sha512-Vs0Z6cd6ieTavMjqPvIJJfwsKaCLdRSErk5LjKdZlBqk7r2SR6roDyhVTQuZOeCzjEFj0qZ4iVPp2DJZRwuYbw==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@mui/icons-material/-/icons-material-6.0.2.tgz", + "integrity": "sha512-WaTPSvKcx8X7NdWAHzJWDZv+YXvK0MUY8+JI/r4/q2GgIa5RW+n4+08CGX6jB7sWhU1R3zy28NfsDUwwQjOThw==", "dev": true, "dependencies": { - "@babel/runtime": "^7.23.6" + "@babel/runtime": "^7.25.0" }, "engines": { - "node": ">=12.0.0" + "node": ">=14.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/mui-org" }, "peerDependencies": { - "@mui/material": "^5.0.0", - "@types/react": "^17.0.0 || ^18.0.0", - "react": "^17.0.0 || ^18.0.0" + "@mui/material": "^6.0.2", + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "@types/react": { @@ -7833,25 +7843,25 @@ } }, "node_modules/@mui/material": { - "version": "5.15.2", - "resolved": "https://registry.npmjs.org/@mui/material/-/material-5.15.2.tgz", - "integrity": "sha512-JnoIrpNmEHG5uC1IyEdgsnDiaiuCZnUIh7f9oeAr87AvBmNiEJPbo7XrD7kBTFWwp+b97rQ12QdSs9CLhT2n/A==", - "dependencies": { - "@babel/runtime": "^7.23.6", - "@mui/base": "5.0.0-beta.29", - "@mui/core-downloads-tracker": "^5.15.2", - "@mui/system": "^5.15.2", - "@mui/types": "^7.2.11", - "@mui/utils": "^5.15.2", - "@types/react-transition-group": "^4.4.10", - "clsx": "^2.0.0", - "csstype": "^3.1.2", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@mui/material/-/material-6.0.2.tgz", + "integrity": "sha512-KrnkJFSyhsAh8V30DNUbWyRyxMi4ZHjFg1ikQGx+mUAIffFTYIEx9Q+Kxd3vCT0FUFGOmbsuh6F6yRhpybsjkg==", + "dependencies": { + "@babel/runtime": "^7.25.0", + "@mui/core-downloads-tracker": "^6.0.2", + "@mui/system": "^6.0.2", + "@mui/types": "^7.2.16", + "@mui/utils": "^6.0.2", + "@popperjs/core": "^2.11.8", + "@types/react-transition-group": "^4.4.11", + "clsx": "^2.1.1", + "csstype": "^3.1.3", "prop-types": "^15.8.1", - "react-is": "^18.2.0", + "react-is": "^18.3.1", "react-transition-group": "^4.4.5" }, "engines": { - "node": ">=12.0.0" + "node": ">=14.0.0" }, "funding": { "type": "opencollective", @@ -7860,9 +7870,10 @@ "peerDependencies": { "@emotion/react": "^11.5.0", "@emotion/styled": "^11.3.0", - "@types/react": "^17.0.0 || ^18.0.0", - "react": "^17.0.0 || ^18.0.0", - "react-dom": "^17.0.0 || ^18.0.0" + "@mui/material-pigment-css": "^6.0.2", + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "@emotion/react": { @@ -7871,35 +7882,36 @@ "@emotion/styled": { "optional": true }, + "@mui/material-pigment-css": { + "optional": true + }, "@types/react": { "optional": true } } }, - "node_modules/@mui/material/node_modules/@mui/base": { - "version": "5.0.0-beta.29", - "resolved": "https://registry.npmjs.org/@mui/base/-/base-5.0.0-beta.29.tgz", - "integrity": "sha512-OXfUssYrB6ch/xpBVHMKAjThPlI9VyGGKdvQLMXef2j39wXfcxPlUVQlwia/lmE3rxWIGvbwkZsDtNYzLMsDUg==", + "node_modules/@mui/material/node_modules/@mui/utils": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-6.0.2.tgz", + "integrity": "sha512-TeFrYsxcmeoDSlkoPhX+LjIuuqC5Pyj+xz2kRceKCkUpwMNTEeVOfowXDPe+mboZwmpJ5ZxP4eiAgQMdeEasjg==", "dependencies": { - "@babel/runtime": "^7.23.6", - "@floating-ui/react-dom": "^2.0.4", - "@mui/types": "^7.2.11", - "@mui/utils": "^5.15.2", - "@popperjs/core": "^2.11.8", - "clsx": "^2.0.0", - "prop-types": "^15.8.1" + "@babel/runtime": "^7.25.0", + "@mui/types": "^7.2.16", + "@types/prop-types": "^15.7.12", + "clsx": "^2.1.1", + "prop-types": "^15.8.1", + "react-is": "^18.3.1" }, "engines": { - "node": ">=12.0.0" + "node": ">=14.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/mui-org" }, "peerDependencies": { - "@types/react": "^17.0.0 || ^18.0.0", - "react": "^17.0.0 || ^18.0.0", - "react-dom": "^17.0.0 || ^18.0.0" + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "@types/react": { @@ -7908,32 +7920,32 @@ } }, "node_modules/@mui/material/node_modules/clsx": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz", - "integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", "engines": { "node": ">=6" } }, "node_modules/@mui/private-theming": { - "version": "5.15.7", - "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-5.15.7.tgz", - "integrity": "sha512-bcEeeXm7GyQCQvN9dwo8htGv8/6tP05p0i02Z7GXm5EoDPlBcqTNGugsjNLoGq6B0SsdyanjJGw0Jw00o1yAOA==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@mui/private-theming/-/private-theming-6.0.2.tgz", + "integrity": "sha512-emddFcRhA0hPGVIwIbW5g0V8vtCgw2g/H/A7jTdGe7dpCWEPpp6jPIXRRKcEUWgmg91R6rBNfV+LFHxBxmZXOQ==", "dependencies": { - "@babel/runtime": "^7.23.9", - "@mui/utils": "^5.15.7", + "@babel/runtime": "^7.25.0", + "@mui/utils": "^6.0.2", "prop-types": "^15.8.1" }, "engines": { - "node": ">=12.0.0" + "node": ">=14.0.0" }, "funding": { "type": "opencollective", "url": "https://opencollective.com/mui-org" }, "peerDependencies": { - "@types/react": "^17.0.0 || ^18.0.0", - "react": "^17.0.0 || ^18.0.0" + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "@types/react": { @@ -7941,18 +7953,55 @@ } } }, + "node_modules/@mui/private-theming/node_modules/@mui/utils": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-6.0.2.tgz", + "integrity": "sha512-TeFrYsxcmeoDSlkoPhX+LjIuuqC5Pyj+xz2kRceKCkUpwMNTEeVOfowXDPe+mboZwmpJ5ZxP4eiAgQMdeEasjg==", + "dependencies": { + "@babel/runtime": "^7.25.0", + "@mui/types": "^7.2.16", + "@types/prop-types": "^15.7.12", + "clsx": "^2.1.1", + "prop-types": "^15.8.1", + "react-is": "^18.3.1" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, + "node_modules/@mui/private-theming/node_modules/clsx": { + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", + "engines": { + "node": ">=6" + } + }, "node_modules/@mui/styled-engine": { - "version": "5.15.7", - "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-5.15.7.tgz", - "integrity": "sha512-ixSdslOjK1kzdGcxqj7O3d14By/LPQ7EWknsViQ8RaeT863EAQemS+zvUJDTcOpkfJh6q6gPnYMIb2TJCs9eWA==", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@mui/styled-engine/-/styled-engine-6.0.2.tgz", + "integrity": "sha512-qd3Vlhted0SYVGotnCfVNcxff7vW2WN0fclbAexff60NeNS1qs/H/CImHEHUBiUGeNWMPRochbN6VF1arQ7/jA==", "dependencies": { - "@babel/runtime": "^7.23.9", - "@emotion/cache": "^11.11.0", - "csstype": "^3.1.2", + "@babel/runtime": "^7.25.0", + "@emotion/cache": "^11.13.1", + "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "engines": { - "node": ">=12.0.0" + "node": ">=14.0.0" }, "funding": { "type": "opencollective", @@ -7961,7 +8010,7 @@ "peerDependencies": { "@emotion/react": "^11.4.1", "@emotion/styled": "^11.3.0", - "react": "^17.0.0 || ^18.0.0" + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "@emotion/react": { @@ -7973,21 +8022,21 @@ } }, "node_modules/@mui/system": { - "version": "5.15.7", - "resolved": "https://registry.npmjs.org/@mui/system/-/system-5.15.7.tgz", - "integrity": "sha512-9alZ4/dLxsTwUOdqakgzxiL5YW6ntqj0CfzWImgWnBMTZhgGcPsbYpBLniNkkk7/jptma4/bykWXHwju/ls/pg==", - "dependencies": { - "@babel/runtime": "^7.23.9", - "@mui/private-theming": "^5.15.7", - "@mui/styled-engine": "^5.15.7", - "@mui/types": "^7.2.13", - "@mui/utils": "^5.15.7", - "clsx": "^2.1.0", - "csstype": "^3.1.2", + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@mui/system/-/system-6.0.2.tgz", + "integrity": "sha512-AZv1/C4PuHgWFTA8YraIzl3FTVLdRz0RIMRwEADWZBdIhnuTHS/4+r8qE9+3CcpTHg1WsEu8btaO3AhQahSM9A==", + "dependencies": { + "@babel/runtime": "^7.25.0", + "@mui/private-theming": "^6.0.2", + "@mui/styled-engine": "^6.0.2", + "@mui/types": "^7.2.16", + "@mui/utils": "^6.0.2", + "clsx": "^2.1.1", + "csstype": "^3.1.3", "prop-types": "^15.8.1" }, "engines": { - "node": ">=12.0.0" + "node": ">=14.0.0" }, "funding": { "type": "opencollective", @@ -7996,8 +8045,8 @@ "peerDependencies": { "@emotion/react": "^11.5.0", "@emotion/styled": "^11.3.0", - "@types/react": "^17.0.0 || ^18.0.0", - "react": "^17.0.0 || ^18.0.0" + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "@emotion/react": { @@ -8011,20 +8060,49 @@ } } }, + "node_modules/@mui/system/node_modules/@mui/utils": { + "version": "6.0.2", + "resolved": "https://registry.npmjs.org/@mui/utils/-/utils-6.0.2.tgz", + "integrity": "sha512-TeFrYsxcmeoDSlkoPhX+LjIuuqC5Pyj+xz2kRceKCkUpwMNTEeVOfowXDPe+mboZwmpJ5ZxP4eiAgQMdeEasjg==", + "dependencies": { + "@babel/runtime": "^7.25.0", + "@mui/types": "^7.2.16", + "@types/prop-types": "^15.7.12", + "clsx": "^2.1.1", + "prop-types": "^15.8.1", + "react-is": "^18.3.1" + }, + "engines": { + "node": ">=14.0.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/mui-org" + }, + "peerDependencies": { + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0", + "react": "^17.0.0 || ^18.0.0 || ^19.0.0" + }, + "peerDependenciesMeta": { + "@types/react": { + "optional": true + } + } + }, "node_modules/@mui/system/node_modules/clsx": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.0.tgz", - "integrity": "sha512-m3iNNWpd9rl3jvvcBnu70ylMdrXt8Vlq4HYadnU5fwcOtvkSQWPmj7amUcDT2qYI7risszBjI5AUIUox9D16pg==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz", + "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==", "engines": { "node": ">=6" } }, "node_modules/@mui/types": { - "version": "7.2.13", - "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.13.tgz", - "integrity": "sha512-qP9OgacN62s+l8rdDhSFRe05HWtLLJ5TGclC9I1+tQngbssu0m2dmFZs+Px53AcOs9fD7TbYd4gc9AXzVqO/+g==", + "version": "7.2.16", + "resolved": "https://registry.npmjs.org/@mui/types/-/types-7.2.16.tgz", + "integrity": "sha512-qI8TV3M7ShITEEc8Ih15A2vLzZGLhD+/UPNwck/hcls2gwg7dyRjNGXcQYHKLB5Q7PuTRfrTkAoPa2VV1s67Ag==", "peerDependencies": { - "@types/react": "^17.0.0 || ^18.0.0" + "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0" }, "peerDependenciesMeta": { "@types/react": { @@ -10676,9 +10754,9 @@ "dev": true }, "node_modules/@types/prop-types": { - "version": "15.7.11", - "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.11.tgz", - "integrity": "sha512-ga8y9v9uyeiLdpKddhxYQkxNDrfvuPrlFb0N1qnZZByvcElJaXthF1UhvCh9TLWJBEHeNtdnbysW7Y6Uq8CVng==" + "version": "15.7.12", + "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.12.tgz", + "integrity": "sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==" }, "node_modules/@types/qs": { "version": "6.9.11", @@ -10766,9 +10844,9 @@ } }, "node_modules/@types/react-transition-group": { - "version": "4.4.10", - "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.10.tgz", - "integrity": "sha512-hT/+s0VQs2ojCX823m60m5f0sL5idt9SO6Tj6Dg+rdphGPIeJbJ6CxvBYkgkGKrYeDjvIpKTR38UzmtHJOGW3Q==", + "version": "4.4.11", + "resolved": "https://registry.npmjs.org/@types/react-transition-group/-/react-transition-group-4.4.11.tgz", + "integrity": "sha512-RM05tAniPZ5DZPzzNFP+DmrcOdD0efDUxMy3145oljWSl3x9ZV5vhme98gTxFrj2lhXvmGNnUiuDyJgY9IKkNA==", "dependencies": { "@types/react": "*" } @@ -27922,9 +28000,9 @@ } }, "node_modules/react-is": { - "version": "18.2.0", - "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.2.0.tgz", - "integrity": "sha512-xWGDIW6x921xtzPkhiULtthJHoJvBbF3q26fzloPCK0hsvxtPVelvftw3zjbHWSkR2km9Z+4uxbDDK/6Zw9B8w==" + "version": "18.3.1", + "resolved": "https://registry.npmjs.org/react-is/-/react-is-18.3.1.tgz", + "integrity": "sha512-/LLMVyas0ljjAtoYiPqYiL8VWXzUUdThrmU5+n20DZv+a+ClRoevUzw5JxU+Ieh5/c87ytoTBV9G1FiKfNJdmg==" }, "node_modules/react-json-view": { "version": "1.21.3", @@ -34941,8 +35019,8 @@ "@emotion/react": "^11.11.3", "@emotion/styled": "^11.11.0", "@mui/base": "5.0.0-beta.28", - "@mui/icons-material": "5.15.2", - "@mui/material": "5.15.2", + "@mui/icons-material": "6.0.2", + "@mui/material": "6.0.2", "@rjsf/core": "^5.20.1", "@rjsf/snapshot-tests": "^5.20.1", "@rjsf/utils": "^5.20.1", @@ -34969,8 +35047,8 @@ "peerDependencies": { "@emotion/react": "^11.7.0", "@emotion/styled": "^11.6.0", - "@mui/icons-material": "^5.2.0", - "@mui/material": "^5.2.2", + "@mui/icons-material": "^5.2.0 || ^6.0.0", + "@mui/material": "^5.2.2 || ^6.0.0", "@rjsf/core": "^5.20.x", "@rjsf/utils": "^5.20.x", "react": ">=17" @@ -34988,7 +35066,7 @@ "@fluentui/react": "^8.115.3", "@material-ui/core": "^4.12.4", "@mui/base": "5.0.0-beta.28", - "@mui/material": "5.15.2", + "@mui/material": "6.0.2", "@rjsf/antd": "^5.20.1", "@rjsf/bootstrap-4": "^5.20.1", "@rjsf/chakra-ui": "^5.20.1", @@ -35039,7 +35117,7 @@ "@emotion/styled": "^11.11.0", "@material-ui/icons": "^4.11.3", "@monaco-editor/react": "^4.6.0", - "@mui/icons-material": "5.15.2", + "@mui/icons-material": "6.0.2", "@types/jest": "^29.5.12", "@types/lodash": "^4.14.202", "@types/node": "^20.11.20", diff --git a/packages/chakra-ui/test/__snapshots__/Array.test.tsx.snap b/packages/chakra-ui/test/__snapshots__/Array.test.tsx.snap index d34be03ff6..ae72c34233 100644 --- a/packages/chakra-ui/test/__snapshots__/Array.test.tsx.snap +++ b/packages/chakra-ui/test/__snapshots__/Array.test.tsx.snap @@ -14,9 +14,6 @@ exports[`array fields array 1`] = ` } .emotion-6 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -43,9 +40,6 @@ exports[`array fields array 1`] = ` } .emotion-7 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -149,9 +143,6 @@ exports[`array fields array icons 1`] = ` } .emotion-4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -182,9 +173,6 @@ exports[`array fields array icons 1`] = ` } .emotion-10 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 1px; } @@ -204,9 +192,6 @@ exports[`array fields array icons 1`] = ` } .emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -259,9 +244,6 @@ exports[`array fields array icons 1`] = ` } .emotion-36 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -288,9 +270,6 @@ exports[`array fields array icons 1`] = ` } .emotion-37 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -661,9 +640,6 @@ exports[`array fields checkboxes 1`] = ` } .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -672,9 +648,6 @@ exports[`array fields checkboxes 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -752,9 +725,6 @@ exports[`array fields checkboxes 1`] = ` } .emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -776,9 +746,6 @@ exports[`array fields checkboxes 1`] = ` } .emotion-12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -812,9 +779,6 @@ exports[`array fields checkboxes 1`] = ` } .emotion-15 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -982,9 +946,6 @@ exports[`array fields empty errors array 1`] = ` } .emotion-8 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1089,9 +1050,6 @@ exports[`array fields fixed array 1`] = ` } .emotion-4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -1126,9 +1084,6 @@ exports[`array fields fixed array 1`] = ` } .emotion-15 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1276,9 +1231,6 @@ exports[`array fields fixed array 1`] = ` exports[`array fields has errors 1`] = ` .emotion-0 { width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: flex-start; @@ -1297,15 +1249,6 @@ exports[`array fields has errors 1`] = ` } .emotion-4 { - width: 1em; - height: 1em; - display: inline-block; - line-height: 1em; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - color: currentColor; - vertical-align: middle; width: 1em; height: 1em; display: inline-block; @@ -1314,6 +1257,7 @@ exports[`array fields has errors 1`] = ` -ms-flex-negative: 0; flex-shrink: 0; color: red.500; + vertical-align: middle; } .emotion-6 { @@ -1332,9 +1276,6 @@ exports[`array fields has errors 1`] = ` } .emotion-14 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -1347,9 +1288,6 @@ exports[`array fields has errors 1`] = ` } .emotion-16 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1518,9 +1456,6 @@ exports[`array fields no errors 1`] = ` } .emotion-8 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1648,9 +1583,6 @@ exports[`with title and description array 1`] = ` } .emotion-10 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1677,9 +1609,6 @@ exports[`with title and description array 1`] = ` } .emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -1818,9 +1747,6 @@ exports[`with title and description array icons 1`] = ` } .emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -1860,9 +1786,6 @@ exports[`with title and description array icons 1`] = ` } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 1px; } @@ -1882,9 +1805,6 @@ exports[`with title and description array icons 1`] = ` } .emotion-19 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1933,9 +1853,6 @@ exports[`with title and description array icons 1`] = ` } .emotion-48 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1962,9 +1879,6 @@ exports[`with title and description array icons 1`] = ` } .emotion-49 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -2408,9 +2322,6 @@ exports[`with title and description checkboxes 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -2419,9 +2330,6 @@ exports[`with title and description checkboxes 1`] = ` } .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2499,9 +2407,6 @@ exports[`with title and description checkboxes 1`] = ` } .emotion-11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2523,9 +2428,6 @@ exports[`with title and description checkboxes 1`] = ` } .emotion-13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2567,9 +2469,6 @@ exports[`with title and description checkboxes 1`] = ` } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2754,9 +2653,6 @@ exports[`with title and description fixed array 1`] = ` } .emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -2800,9 +2696,6 @@ exports[`with title and description fixed array 1`] = ` } .emotion-27 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3044,9 +2937,6 @@ exports[`with title and description from both array 1`] = ` } .emotion-10 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3073,9 +2963,6 @@ exports[`with title and description from both array 1`] = ` } .emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -3214,9 +3101,6 @@ exports[`with title and description from both array icons 1`] = ` } .emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -3256,9 +3140,6 @@ exports[`with title and description from both array icons 1`] = ` } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 1px; } @@ -3278,9 +3159,6 @@ exports[`with title and description from both array icons 1`] = ` } .emotion-19 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3329,9 +3207,6 @@ exports[`with title and description from both array icons 1`] = ` } .emotion-48 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3358,9 +3233,6 @@ exports[`with title and description from both array icons 1`] = ` } .emotion-49 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -3804,9 +3676,6 @@ exports[`with title and description from both checkboxes 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -3815,9 +3684,6 @@ exports[`with title and description from both checkboxes 1`] = ` } .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3895,9 +3761,6 @@ exports[`with title and description from both checkboxes 1`] = ` } .emotion-11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3919,9 +3782,6 @@ exports[`with title and description from both checkboxes 1`] = ` } .emotion-13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3963,9 +3823,6 @@ exports[`with title and description from both checkboxes 1`] = ` } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -4150,9 +4007,6 @@ exports[`with title and description from both fixed array 1`] = ` } .emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -4196,9 +4050,6 @@ exports[`with title and description from both fixed array 1`] = ` } .emotion-27 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -4440,9 +4291,6 @@ exports[`with title and description from uiSchema array 1`] = ` } .emotion-10 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -4469,9 +4317,6 @@ exports[`with title and description from uiSchema array 1`] = ` } .emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -4610,9 +4455,6 @@ exports[`with title and description from uiSchema array icons 1`] = ` } .emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -4652,9 +4494,6 @@ exports[`with title and description from uiSchema array icons 1`] = ` } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 1px; } @@ -4674,9 +4513,6 @@ exports[`with title and description from uiSchema array icons 1`] = ` } .emotion-19 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -4725,9 +4561,6 @@ exports[`with title and description from uiSchema array icons 1`] = ` } .emotion-48 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -4754,9 +4587,6 @@ exports[`with title and description from uiSchema array icons 1`] = ` } .emotion-49 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -5200,9 +5030,6 @@ exports[`with title and description from uiSchema checkboxes 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -5211,9 +5038,6 @@ exports[`with title and description from uiSchema checkboxes 1`] = ` } .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -5291,9 +5115,6 @@ exports[`with title and description from uiSchema checkboxes 1`] = ` } .emotion-11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -5315,9 +5136,6 @@ exports[`with title and description from uiSchema checkboxes 1`] = ` } .emotion-13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -5359,9 +5177,6 @@ exports[`with title and description from uiSchema checkboxes 1`] = ` } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5546,9 +5361,6 @@ exports[`with title and description from uiSchema fixed array 1`] = ` } .emotion-8 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -5592,9 +5404,6 @@ exports[`with title and description from uiSchema fixed array 1`] = ` } .emotion-27 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5821,9 +5630,6 @@ exports[`with title and description with global label off array 1`] = ` } .emotion-6 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5850,9 +5656,6 @@ exports[`with title and description with global label off array 1`] = ` } .emotion-7 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -5956,9 +5759,6 @@ exports[`with title and description with global label off array icons 1`] = ` } .emotion-4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -5989,9 +5789,6 @@ exports[`with title and description with global label off array icons 1`] = ` } .emotion-10 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 1px; } @@ -6011,9 +5808,6 @@ exports[`with title and description with global label off array icons 1`] = ` } .emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -6066,9 +5860,6 @@ exports[`with title and description with global label off array icons 1`] = ` } .emotion-36 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -6095,9 +5886,6 @@ exports[`with title and description with global label off array icons 1`] = ` } .emotion-37 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -6473,9 +6261,6 @@ exports[`with title and description with global label off checkboxes 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -6484,9 +6269,6 @@ exports[`with title and description with global label off checkboxes 1`] = ` } .emotion-7 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -6564,9 +6346,6 @@ exports[`with title and description with global label off checkboxes 1`] = ` } .emotion-11 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -6588,9 +6367,6 @@ exports[`with title and description with global label off checkboxes 1`] = ` } .emotion-13 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -6632,9 +6408,6 @@ exports[`with title and description with global label off checkboxes 1`] = ` } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -6804,9 +6577,6 @@ exports[`with title and description with global label off fixed array 1`] = ` } .emotion-4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-end; -webkit-box-align: flex-end; @@ -6841,9 +6611,6 @@ exports[`with title and description with global label off fixed array 1`] = ` } .emotion-15 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; diff --git a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap index 1143159d73..74d50e7100 100644 --- a/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap +++ b/packages/chakra-ui/test/__snapshots__/Form.test.tsx.snap @@ -7,9 +7,6 @@ exports[`single fields checkbox field 1`] = ` .emotion-2 { cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -20,9 +17,6 @@ exports[`single fields checkbox field 1`] = ` } .emotion-3 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -47,9 +41,6 @@ exports[`single fields checkbox field 1`] = ` } .emotion-5 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -159,9 +150,6 @@ exports[`single fields checkbox field with label 1`] = ` .emotion-2 { cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -172,9 +160,6 @@ exports[`single fields checkbox field with label 1`] = ` } .emotion-3 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -204,9 +189,6 @@ exports[`single fields checkbox field with label 1`] = ` } .emotion-7 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -331,9 +313,6 @@ exports[`single fields checkboxes field 1`] = ` } .emotion-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; @@ -351,9 +330,6 @@ exports[`single fields checkboxes field 1`] = ` .emotion-4 { cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -364,9 +340,6 @@ exports[`single fields checkboxes field 1`] = ` } .emotion-5 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -396,9 +369,6 @@ exports[`single fields checkboxes field 1`] = ` } .emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -717,9 +687,6 @@ exports[`single fields field with description 1`] = ` } .emotion-10 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -857,9 +824,6 @@ exports[`single fields field with description in uiSchema 1`] = ` } .emotion-10 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -978,9 +942,6 @@ exports[`single fields format color 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1065,9 +1026,6 @@ exports[`single fields format date 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1152,9 +1110,6 @@ exports[`single fields format datetime 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1239,9 +1194,6 @@ exports[`single fields format time 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1319,9 +1271,6 @@ exports[`single fields format time 1`] = ` exports[`single fields help and error display 1`] = ` .emotion-0 { width: 100%; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: flex-start; -webkit-box-align: flex-start; @@ -1340,15 +1289,6 @@ exports[`single fields help and error display 1`] = ` } .emotion-4 { - width: 1em; - height: 1em; - display: inline-block; - line-height: 1em; - -webkit-flex-shrink: 0; - -ms-flex-negative: 0; - flex-shrink: 0; - color: currentColor; - vertical-align: middle; width: 1em; height: 1em; display: inline-block; @@ -1357,6 +1297,7 @@ exports[`single fields help and error display 1`] = ` -ms-flex-negative: 0; flex-shrink: 0; color: red.500; + vertical-align: middle; } .emotion-6 { @@ -1364,9 +1305,6 @@ exports[`single fields help and error display 1`] = ` } .emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -1379,9 +1317,6 @@ exports[`single fields help and error display 1`] = ` } .emotion-13 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1522,9 +1457,6 @@ exports[`single fields hidden field 1`] = ` } .emotion-3 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1606,9 +1538,6 @@ exports[`single fields hidden label 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1689,9 +1618,6 @@ exports[`single fields null field 1`] = ` } .emotion-2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1754,9 +1680,6 @@ exports[`single fields number field 0 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1842,9 +1765,6 @@ exports[`single fields number field 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1930,9 +1850,6 @@ exports[`single fields password field 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2013,9 +1930,6 @@ exports[`single fields radio field 1`] = ` } .emotion-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; @@ -2032,9 +1946,6 @@ exports[`single fields radio field 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2045,9 +1956,6 @@ exports[`single fields radio field 1`] = ` } .emotion-5 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2076,9 +1984,6 @@ exports[`single fields radio field 1`] = ` } .emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2257,9 +2162,6 @@ exports[`single fields schema examples 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2376,9 +2278,6 @@ exports[`single fields select field 1`] = ` } .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -2387,9 +2286,6 @@ exports[`single fields select field 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2466,9 +2362,6 @@ exports[`single fields select field 1`] = ` } .emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2490,9 +2383,6 @@ exports[`single fields select field 1`] = ` } .emotion-12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2526,9 +2416,6 @@ exports[`single fields select field 1`] = ` } .emotion-15 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2690,9 +2577,6 @@ exports[`single fields select field multiple choice 1`] = ` } .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -2701,9 +2585,6 @@ exports[`single fields select field multiple choice 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2781,9 +2662,6 @@ exports[`single fields select field multiple choice 1`] = ` } .emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2805,9 +2683,6 @@ exports[`single fields select field multiple choice 1`] = ` } .emotion-12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -2841,9 +2716,6 @@ exports[`single fields select field multiple choice 1`] = ` } .emotion-15 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3012,9 +2884,6 @@ exports[`single fields select field multiple choice enumDisabled 1`] = ` } .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -3023,9 +2892,6 @@ exports[`single fields select field multiple choice enumDisabled 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3103,9 +2969,6 @@ exports[`single fields select field multiple choice enumDisabled 1`] = ` } .emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3127,9 +2990,6 @@ exports[`single fields select field multiple choice enumDisabled 1`] = ` } .emotion-12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3163,9 +3023,6 @@ exports[`single fields select field multiple choice enumDisabled 1`] = ` } .emotion-15 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3318,9 +3175,6 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe } .emotion-2 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; @@ -3338,9 +3192,6 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe .emotion-3 { cursor: pointer; - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3351,9 +3202,6 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3383,9 +3231,6 @@ exports[`single fields select field multiple choice enumDisabled using checkboxe } .emotion-20 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3693,9 +3538,6 @@ exports[`single fields select field multiple choice formData 1`] = ` } .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -3704,9 +3546,6 @@ exports[`single fields select field multiple choice formData 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3726,9 +3565,6 @@ exports[`single fields select field multiple choice formData 1`] = ` } .emotion-7 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; vertical-align: top; -webkit-align-items: center; @@ -3740,9 +3576,6 @@ exports[`single fields select field multiple choice formData 1`] = ` } .emotion-9 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3807,9 +3640,6 @@ exports[`single fields select field multiple choice formData 1`] = ` } .emotion-17 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3828,9 +3658,6 @@ exports[`single fields select field multiple choice formData 1`] = ` margin-inline-start: 1px; -webkit-margin-end: 1px; margin-inline-end: 1px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3866,9 +3693,6 @@ exports[`single fields select field multiple choice formData 1`] = ` } .emotion-21 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -3890,9 +3714,6 @@ exports[`single fields select field multiple choice formData 1`] = ` } .emotion-24 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -4135,9 +3956,6 @@ exports[`single fields select field multiple choice with labels 1`] = ` } .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -4146,9 +3964,6 @@ exports[`single fields select field multiple choice with labels 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -4226,9 +4041,6 @@ exports[`single fields select field multiple choice with labels 1`] = ` } .emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -4250,9 +4062,6 @@ exports[`single fields select field multiple choice with labels 1`] = ` } .emotion-12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -4286,9 +4095,6 @@ exports[`single fields select field multiple choice with labels 1`] = ` } .emotion-15 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -4457,9 +4263,6 @@ exports[`single fields select field single choice enumDisabled 1`] = ` } .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -4468,9 +4271,6 @@ exports[`single fields select field single choice enumDisabled 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -4547,9 +4347,6 @@ exports[`single fields select field single choice enumDisabled 1`] = ` } .emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -4571,9 +4368,6 @@ exports[`single fields select field single choice enumDisabled 1`] = ` } .emotion-12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -4607,9 +4401,6 @@ exports[`single fields select field single choice enumDisabled 1`] = ` } .emotion-15 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -4755,9 +4546,6 @@ exports[`single fields select field single choice enumDisabled using radio widge } .emotion-3 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; @@ -4774,9 +4562,6 @@ exports[`single fields select field single choice enumDisabled using radio widge } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -4787,9 +4572,6 @@ exports[`single fields select field single choice enumDisabled using radio widge } .emotion-5 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -4818,9 +4600,6 @@ exports[`single fields select field single choice enumDisabled using radio widge } .emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5011,9 +4790,6 @@ exports[`single fields select field single choice formData 1`] = ` } .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; padding: 0px; overflow: hidden; @@ -5022,9 +4798,6 @@ exports[`single fields select field single choice formData 1`] = ` } .emotion-6 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -5101,9 +4874,6 @@ exports[`single fields select field single choice formData 1`] = ` } .emotion-10 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -5125,9 +4895,6 @@ exports[`single fields select field single choice formData 1`] = ` } .emotion-12 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-align-items: center; -webkit-box-align: center; @@ -5161,9 +4928,6 @@ exports[`single fields select field single choice formData 1`] = ` } .emotion-15 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5315,9 +5079,6 @@ exports[`single fields slider field 1`] = ` } .emotion-7 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5460,9 +5221,6 @@ exports[`single fields string field format data-url 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5549,9 +5307,6 @@ exports[`single fields string field format email 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5636,9 +5391,6 @@ exports[`single fields string field format uri 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5723,9 +5475,6 @@ exports[`single fields string field regular 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5810,9 +5559,6 @@ exports[`single fields string field with placeholder 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -5897,9 +5643,6 @@ exports[`single fields textarea field 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -6005,9 +5748,6 @@ exports[`single fields title field 1`] = ` } .emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -6126,9 +5866,6 @@ exports[`single fields unsupported field 1`] = ` } .emotion-2 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -6217,9 +5954,6 @@ exports[`single fields up/down field 1`] = ` } .emotion-4 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; @@ -6233,9 +5967,6 @@ exports[`single fields up/down field 1`] = ` } .emotion-5 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; @@ -6275,9 +6006,6 @@ exports[`single fields up/down field 1`] = ` } .emotion-10 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -6420,9 +6148,6 @@ exports[`single fields using custom tagName 1`] = ` } .emotion-4 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; diff --git a/packages/chakra-ui/test/__snapshots__/Object.test.tsx.snap b/packages/chakra-ui/test/__snapshots__/Object.test.tsx.snap index d2172d52ba..20cd5fada4 100644 --- a/packages/chakra-ui/test/__snapshots__/Object.test.tsx.snap +++ b/packages/chakra-ui/test/__snapshots__/Object.test.tsx.snap @@ -26,9 +26,6 @@ exports[`object fields additionalProperties 1`] = ` } .emotion-14 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -72,9 +69,6 @@ exports[`object fields additionalProperties 1`] = ` } .emotion-17 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -101,9 +95,6 @@ exports[`object fields additionalProperties 1`] = ` } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -299,9 +290,6 @@ exports[`object fields object 1`] = ` } .emotion-13 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -468,9 +456,6 @@ exports[`object fields show add button and fields if additionalProperties is tru } .emotion-14 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -514,9 +499,6 @@ exports[`object fields show add button and fields if additionalProperties is tru } .emotion-17 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -543,9 +525,6 @@ exports[`object fields show add button and fields if additionalProperties is tru } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -761,9 +740,6 @@ exports[`object fields with title and description additionalProperties 1`] = ` } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -807,9 +783,6 @@ exports[`object fields with title and description additionalProperties 1`] = ` } .emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -836,9 +809,6 @@ exports[`object fields with title and description additionalProperties 1`] = ` } .emotion-22 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -1074,9 +1044,6 @@ exports[`object fields with title and description from both additionalProperties } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1120,9 +1087,6 @@ exports[`object fields with title and description from both additionalProperties } .emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1149,9 +1113,6 @@ exports[`object fields with title and description from both additionalProperties } .emotion-22 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -1386,9 +1347,6 @@ exports[`object fields with title and description from both object 1`] = ` } .emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1610,9 +1568,6 @@ exports[`object fields with title and description from uiSchema additionalProper } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1656,9 +1611,6 @@ exports[`object fields with title and description from uiSchema additionalProper } .emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -1685,9 +1637,6 @@ exports[`object fields with title and description from uiSchema additionalProper } .emotion-22 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -1922,9 +1871,6 @@ exports[`object fields with title and description from uiSchema object 1`] = ` } .emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2146,9 +2092,6 @@ exports[`object fields with title and description from uiSchema show add button } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2192,9 +2135,6 @@ exports[`object fields with title and description from uiSchema show add button } .emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2221,9 +2161,6 @@ exports[`object fields with title and description from uiSchema show add button } .emotion-22 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -2458,9 +2395,6 @@ exports[`object fields with title and description object 1`] = ` } .emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2682,9 +2616,6 @@ exports[`object fields with title and description show add button and fields if } .emotion-18 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2728,9 +2659,6 @@ exports[`object fields with title and description show add button and fields if } .emotion-21 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -2757,9 +2685,6 @@ exports[`object fields with title and description show add button and fields if } .emotion-22 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -2980,9 +2905,6 @@ exports[`object fields with title and description with global label off addition } .emotion-13 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3026,9 +2948,6 @@ exports[`object fields with title and description with global label off addition } .emotion-16 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3055,9 +2974,6 @@ exports[`object fields with title and description with global label off addition } .emotion-17 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; @@ -3241,9 +3157,6 @@ exports[`object fields with title and description with global label off object 1 } .emotion-11 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3396,9 +3309,6 @@ exports[`object fields with title and description with global label off show add } .emotion-13 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3442,9 +3352,6 @@ exports[`object fields with title and description with global label off show add } .emotion-16 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-appearance: none; -moz-appearance: none; @@ -3471,9 +3378,6 @@ exports[`object fields with title and description with global label off show add } .emotion-17 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-self: center; -ms-flex-item-align: center; diff --git a/packages/mui/package.json b/packages/mui/package.json index 5e1f64c35f..1d7305b382 100644 --- a/packages/mui/package.json +++ b/packages/mui/package.json @@ -34,8 +34,8 @@ "peerDependencies": { "@emotion/react": "^11.7.0", "@emotion/styled": "^11.6.0", - "@mui/icons-material": "^5.2.0", - "@mui/material": "^5.2.2", + "@mui/icons-material": "^5.2.0 || ^6.0.0", + "@mui/material": "^5.2.2 || ^6.0.0", "@rjsf/core": "^5.20.x", "@rjsf/utils": "^5.20.x", "react": ">=17" @@ -51,8 +51,8 @@ "@emotion/react": "^11.11.3", "@emotion/styled": "^11.11.0", "@mui/base": "5.0.0-beta.28", - "@mui/icons-material": "5.15.2", - "@mui/material": "5.15.2", + "@mui/icons-material": "6.0.2", + "@mui/material": "6.0.2", "@rjsf/core": "^5.20.1", "@rjsf/snapshot-tests": "^5.20.1", "@rjsf/utils": "^5.20.1", diff --git a/packages/mui/test/Form.test.tsx b/packages/mui/test/Form.test.tsx index fdc2b75b9e..ba487994fc 100644 --- a/packages/mui/test/Form.test.tsx +++ b/packages/mui/test/Form.test.tsx @@ -28,8 +28,12 @@ formTests(Form, { scrollHeight: 100, }; } - // The other one only really needs an empty object - return {}; + // The other one needs to look like an input node with focus and style elements + return { + nodeName: 'INPUT', + focus: jest.fn(), + style: {}, + }; } return null; }, diff --git a/packages/mui/test/__snapshots__/Array.test.tsx.snap b/packages/mui/test/__snapshots__/Array.test.tsx.snap index 9743faf02d..fd7a82f13e 100644 --- a/packages/mui/test/__snapshots__/Array.test.tsx.snap +++ b/packages/mui/test/__snapshots__/Array.test.tsx.snap @@ -2,9 +2,6 @@ exports[`array fields array 1`] = ` .emotion-0 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-direction: column; -ms-flex-direction: column; @@ -24,7 +21,8 @@ exports[`array fields array 1`] = ` -webkit-transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; border-radius: 4px; - box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); + box-shadow: var(--Paper-shadow); + background-image: var(--Paper-overlay); } .emotion-2 { @@ -33,9 +31,6 @@ exports[`array fields array 1`] = ` .emotion-3 { box-sizing: border-box; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; display: flex; -webkit-box-flex-wrap: wrap; -webkit-flex-wrap: wrap; @@ -64,9 +59,6 @@ exports[`array fields array 1`] = ` } .emotion-6 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -83,8 +75,8 @@ exports[`array fields array 1`] = ` outline: 0; border: 0; margin: 0; - border-radius: 0; - padding: 0; + border-radius: 50%; + padding: 8px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; @@ -95,19 +87,14 @@ exports[`array fields array 1`] = ` -webkit-appearance: none; -webkit-text-decoration: none; text-decoration: none; - color: inherit; + color: #1976d2; text-align: center; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.5rem; - padding: 8px; - border-radius: 50%; - overflow: visible; - color: rgba(0, 0, 0, 0.54); -webkit-transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: #1976d2; } .emotion-6::-moz-focus-inner { @@ -136,6 +123,11 @@ exports[`array fields array 1`] = ` } } +.emotion-6.Mui-disabled { + background-color: transparent; + color: rgba(0, 0, 0, 0.26); +} + .emotion-6:hover { background-color: rgba(25, 118, 210, 0.04); } @@ -146,11 +138,6 @@ exports[`array fields array 1`] = ` } } -.emotion-6.Mui-disabled { - background-color: transparent; - color: rgba(0, 0, 0, 0.26); -} - .emotion-7 { -webkit-user-select: none; -moz-user-select: none; @@ -159,12 +146,12 @@ exports[`array fields array 1`] = ` width: 1em; height: 1em; display: inline-block; - fill: currentColor; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; + fill: currentColor; font-size: 1.5rem; } @@ -173,9 +160,6 @@ exports[`array fields array 1`] = ` } .emotion-9 { - display: -webkit-inline-box; - display: -webkit-inline-flex; - display: -ms-inline-flexbox; display: inline-flex; -webkit-align-items: center; -webkit-box-align: center; @@ -188,12 +172,12 @@ exports[`array fields array 1`] = ` position: relative; box-sizing: border-box; -webkit-tap-highlight-color: transparent; - background-color: transparent; + background-color: var(--variant-containedBg); outline: 0; border: 0; margin: 0; - border-radius: 0; - padding: 0; + border-radius: 4px; + padding: 6px 16px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; @@ -204,7 +188,7 @@ exports[`array fields array 1`] = ` -webkit-appearance: none; -webkit-text-decoration: none; text-decoration: none; - color: inherit; + color: var(--variant-containedColor); font-family: "Roboto","Helvetica","Arial",sans-serif; font-weight: 500; font-size: 0.875rem; @@ -212,13 +196,14 @@ exports[`array fields array 1`] = ` letter-spacing: 0.02857em; text-transform: uppercase; min-width: 64px; - padding: 6px 16px; - border-radius: 4px; -webkit-transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms,color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms; - color: #fff; - background-color: #1976d2; box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); + --variant-textColor: #1976d2; + --variant-outlinedColor: #1976d2; + --variant-outlinedBorder: rgba(25, 118, 210, 0.5); + --variant-containedColor: #fff; + --variant-containedBg: #1976d2; } .emotion-9::-moz-focus-inner { @@ -240,13 +225,19 @@ exports[`array fields array 1`] = ` .emotion-9:hover { -webkit-text-decoration: none; text-decoration: none; - background-color: #1565c0; +} + +.emotion-9.Mui-disabled { + color: rgba(0, 0, 0, 0.26); +} + +.emotion-9:hover { box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12); } @media (hover: none) { .emotion-9:hover { - background-color: #1976d2; + box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); } } @@ -264,6 +255,15 @@ exports[`array fields array 1`] = ` background-color: rgba(0, 0, 0, 0.12); } +@media (hover: hover) { + .emotion-9:hover { + --variant-containedBg: #1565c0; + --variant-textBg: rgba(25, 118, 210, 0.04); + --variant-outlinedBorder: #1976d2; + --variant-outlinedBg: rgba(25, 118, 210, 0.04); + } +} +