From efb8c6792421c5a22945a72c9041adf1dec75b0d Mon Sep 17 00:00:00 2001 From: Allison Reinheimer Moore Date: Mon, 22 Aug 2022 11:17:32 -0400 Subject: [PATCH] DOP-2583: type now uses the typography component (#662) * update LG card to v6 * update jest snapshots * attempt 1 * continuing * fix package lock merge conflicts * more fixes * comment deletion * cleaning up more comments * tweak * MARGINAL MARGINS * address typography in cards. TODO: update links styling * remove log * update header component for PLP * more cleanup of margins, breadcrumbs, general code quality * let leafygreen color text in callouts * cleeeeanup * bump sidenav, fix various things, confused why on this page is wonkus * tidying up side nav and contents * update package-lock * Revert "DOP-3167: dangling punctuation after Link (#661)" This reverts commit ee2e40cb0ab2da04486fc77d8e1d543019bedc8c. * fix intro text color on guides landing * updated with seungs comments * minor fix for admonition margins * fixes from allison's feedback * updated with graces feedback * fix button on guides and remove redundant margins on plp * missed css fix * DOP-2578: update cards to use new typography (#673) * update cards+driver tiles to use typography. TODO: chapters * overwrite new card attributes with existing styling * minor. wrap line on card * address feedback w card * update operation and quiz choice components * tiles have no link inside card * remove border radius overwrite for guides. uniform font for tiles * font size on sidenav in landing, unsquish internal nav * DOP-2577: update LG/tabs to v8 (post typography update) (#674) update tabs to v8. tested with PLP and hidden tabs * increase line height on products list Co-authored-by: Seung Park Co-authored-by: Seung Park --- package-lock.json | 1506 +++++++++++------ package.json | 16 +- src/components/Admonition.js | 35 +- .../Breadcrumbs/BreadcrumbContainer.js | 6 +- src/components/Breadcrumbs/index.js | 28 +- src/components/Button.js | 3 +- src/components/Card/index.js | 37 +- src/components/Chapters/Chapter.js | 13 +- src/components/Chapters/ChapterNumberLabel.js | 1 + src/components/Chapters/RightColumn.js | 1 - src/components/Code/styles/codeStyle.js | 2 +- src/components/Contents/ContentsListItem.js | 15 +- src/components/DriversIndexTiles.js | 24 +- src/components/Figure/Lightbox.js | 3 +- src/components/Figure/index.js | 3 + src/components/GuideNext/Content.js | 7 +- src/components/Heading.js | 31 +- src/components/InternalPageNav.js | 1 + src/components/Introduction.js | 8 +- src/components/Kicker.js | 9 +- src/components/Link.js | 64 +- src/components/List/ListItem.js | 16 +- src/components/List/index.js | 7 +- src/components/ListTable.js | 5 +- src/components/Literal.js | 2 + src/components/Operation.js | 15 +- src/components/Paragraph.js | 18 +- src/components/Procedure/Step.js | 36 +- src/components/RefRole.js | 14 +- src/components/Roles/GUILabel.js | 1 - src/components/Select.js | 3 +- src/components/Sidenav/GuidesLandingTree.js | 4 +- src/components/Sidenav/IA.js | 10 +- src/components/Sidenav/ProductsList.js | 4 + src/components/Sidenav/Sidenav.js | 26 +- src/components/Sidenav/SidenavBackButton.js | 6 + src/components/Sidenav/TOCNode.js | 9 +- src/components/Sidenav/styles/sideNavItem.js | 8 +- src/components/Tabs/index.js | 40 +- .../Widgets/FeedbackWidget/FeedbackTab.js | 12 +- .../Widgets/QuizWidget/QuizChoice.js | 2 + src/styles/mongodb-docs.css | 128 +- src/templates/landing.js | 9 +- src/templates/product-landing.js | 50 +- src/theme/docsTheme.js | 2 +- src/utils/append-trailing-punctuation.js | 18 - tests/unit/Paragraph.test.js | 14 +- tests/unit/__snapshots__/Card.test.js.snap | 32 +- .../unit/__snapshots__/CardGroup.test.js.snap | 32 +- tests/unit/__snapshots__/CardRef.test.js.snap | 50 +- tests/unit/__snapshots__/Chapter.test.js.snap | 18 +- .../unit/__snapshots__/GuideNext.test.js.snap | 229 +-- .../unit/__snapshots__/Operation.test.js.snap | 54 +- .../unit/__snapshots__/Paragraph.test.js.snap | 108 +- .../__snapshots__/QuizWidget.test.js.snap | 111 +- tests/unit/data/Paragraph-Format.test.json | 37 - 56 files changed, 1636 insertions(+), 1307 deletions(-) delete mode 100644 src/utils/append-trailing-punctuation.js delete mode 100644 tests/unit/data/Paragraph-Format.test.json diff --git a/package-lock.json b/package-lock.json index ce955220f..1969b955e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -16,8 +16,8 @@ "@leafygreen-ui/banner": "^3.0.6", "@leafygreen-ui/box": "^3.0.6", "@leafygreen-ui/button": "^13.0.0", - "@leafygreen-ui/callout": "^3.0.6", - "@leafygreen-ui/card": "^5.1.1", + "@leafygreen-ui/callout": "^5.0.0", + "@leafygreen-ui/card": "^6.0.1", "@leafygreen-ui/checkbox": "^6.0.3", "@leafygreen-ui/code": "^11.0.0", "@leafygreen-ui/emotion": "^4.0.0", @@ -25,17 +25,17 @@ "@leafygreen-ui/icon": "^11.6.1", "@leafygreen-ui/icon-button": "^9.1.6", "@leafygreen-ui/inline-definition": "^2.0.2", - "@leafygreen-ui/leafygreen-provider": "^2.0.2", + "@leafygreen-ui/leafygreen-provider": "^2.3.2", "@leafygreen-ui/logo": "^4.0.2", "@leafygreen-ui/modal": "^6.1.2", - "@leafygreen-ui/palette": "^3.3.1", - "@leafygreen-ui/select": "^3.0.1", - "@leafygreen-ui/side-nav": "^7.2.1", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/select": "^6.0.0", + "@leafygreen-ui/side-nav": "^10.0.0", "@leafygreen-ui/table": "^2.0.2", "@leafygreen-ui/tabs": "^5.1.1", "@leafygreen-ui/text-input": "^6.0.1", "@leafygreen-ui/tooltip": "^6.1.7", - "@leafygreen-ui/typography": "^7.5.0", + "@leafygreen-ui/typography": "^13.0.0", "@loadable/component": "^5.14.1", "@mdb/consistent-nav": "1.2.16", "@mdb/flora": "^0.20.5", @@ -77,7 +77,7 @@ "realm-web": "^1.3.0", "redoc": "^2.0.0-rc.48", "sanitize-html": "^2.2.0", - "shell-quote": "1.7.3", + "shell-quote": "^1.7.3", "styled-components": "^5.2.1", "theme-ui": "^0.13.1", "underscore": "^1.12.1", @@ -3852,9 +3852,9 @@ } }, "node_modules/@leafygreen-ui/a11y": { - "version": "1.2.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/a11y/-/a11y-1.2.2.tgz", - "integrity": "sha1-M2OHgXnq8UybT6dOu3vCOUgPnPo=", + "version": "1.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/a11y/-/a11y-1.3.0.tgz", + "integrity": "sha1-k2dn53NB5qrpr7sgg23NkAUeAq4=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/emotion": "^4.0.0", @@ -3982,23 +3982,24 @@ } }, "node_modules/@leafygreen-ui/box": { - "version": "3.0.6", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/box/-/box-3.0.6.tgz", - "integrity": "sha1-MZ+i4gxVZSVcYFz/JwGfPYeWSoU=", + "version": "3.0.7", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/box/-/box-3.0.7.tgz", + "integrity": "sha1-zDlFjrPKy6Kox6XTx8JFnwUPgcc=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/lib": "^9.0.0", + "@leafygreen-ui/lib": "^9.3.0", "lodash": "^4.17.21" } }, "node_modules/@leafygreen-ui/box/node_modules/@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" }, @@ -4007,12 +4008,12 @@ } }, "node_modules/@leafygreen-ui/box/node_modules/polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" }, "engines": { "node": ">=10" @@ -4050,12 +4051,6 @@ "react": "^17.0.0" } }, - "node_modules/@leafygreen-ui/button/node_modules/@leafygreen-ui/palette": { - "version": "3.3.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/palette/-/palette-3.3.1.tgz", - "integrity": "sha1-URkm+XdNIrAzyREzdeMDlRDZl3I=", - "license": "Apache-2.0" - }, "node_modules/@leafygreen-ui/button/node_modules/@leafygreen-ui/tokens": { "version": "1.2.0", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.2.0.tgz", @@ -4078,30 +4073,31 @@ } }, "node_modules/@leafygreen-ui/callout": { - "version": "3.0.6", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/callout/-/callout-3.0.6.tgz", - "integrity": "sha1-FHdeuom0hctj8WIxh4o3YAnuj0E=", + "version": "5.0.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/callout/-/callout-5.0.1.tgz", + "integrity": "sha1-FxBLB8W9U4c1MfeAvP3FKA+UGfU=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/emotion": "^4.0.0", - "@leafygreen-ui/icon": "^11.6.0", - "@leafygreen-ui/lib": "^9.0.1", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/typography": "^8.1.0", + "@leafygreen-ui/icon": "^11.9.0", + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/typography": "^11.0.2", "polished": "^4.1.3" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^2.1.3" + "@leafygreen-ui/leafygreen-provider": "^2.2.0" } }, "node_modules/@leafygreen-ui/callout/node_modules/@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" }, @@ -4109,69 +4105,92 @@ "react": "^17.0.0" } }, + "node_modules/@leafygreen-ui/callout/node_modules/@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, "node_modules/@leafygreen-ui/callout/node_modules/@leafygreen-ui/typography": { - "version": "8.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-8.1.0.tgz", - "integrity": "sha1-Mx1U/A7fQBo1CxpAYxHYNlDOulk=", + "version": "11.0.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-11.0.2.tgz", + "integrity": "sha1-tHR7heG0xcgXVpi5N4okhh+IQpA=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/box": "^3.0.6", - "@leafygreen-ui/icon": "^11.3.0", - "@leafygreen-ui/lib": "^9.0.0", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/tokens": "^0.5.3" + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/icon": "^11.9.0", + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.1" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^2.1.3" + "@leafygreen-ui/leafygreen-provider": "^2.2.0" } }, "node_modules/@leafygreen-ui/callout/node_modules/polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" }, "engines": { "node": ">=10" } }, "node_modules/@leafygreen-ui/card": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/card/-/card-5.1.1.tgz", - "integrity": "sha512-4VSX3Oo+s4JijfifM/J8TOU513WAeODsV0wr4SjtHFk8ph3q1a7hN3dcOA0eTaV/OvMM99MU4tQm2SbuPhBpzg==", - "license": "Apache-2.0", - "dependencies": { - "@leafygreen-ui/box": "^3.0.4", - "@leafygreen-ui/lib": "^7.0.0", - "@leafygreen-ui/palette": "^3.2.1" - } - }, - "node_modules/@leafygreen-ui/card/node_modules/@leafygreen-ui/emotion": { - "version": "3.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/emotion/-/emotion-3.0.1.tgz", - "integrity": "sha1-s4C3lRJFnae5RUL22KaGCATLqxg=", + "version": "6.0.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/card/-/card-6.0.1.tgz", + "integrity": "sha1-cM1BXrN/GnElU4jH+dbRzWWWR74=", "license": "Apache-2.0", "dependencies": { - "create-emotion": "^10.0.7", - "create-emotion-server": "10.0.27", - "emotion": "^10.0.7" + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.1" } }, "node_modules/@leafygreen-ui/card/node_modules/@leafygreen-ui/lib": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-7.0.0.tgz", - "integrity": "sha512-ZIqfa+XLD77KEDSPZPtuLxk2VuktFfLFghUViZEBissQ790gq2V9BXAzRgU5MCtaP6HlJ+kQ2BA5iv6iD5KgIQ==", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/emotion": "^3.0.1", + "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", - "polished": "^2.3.0", + "lodash": "^4.17.21", + "polished": "^4.1.3", "prop-types": "^15.0.0" }, "peerDependencies": { - "react": "^16.0.0" + "react": "^17.0.0" + } + }, + "node_modules/@leafygreen-ui/card/node_modules/@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, + "node_modules/@leafygreen-ui/card/node_modules/polished": { + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.17.8" + }, + "engines": { + "node": ">=10" } }, "node_modules/@leafygreen-ui/checkbox": { @@ -4289,13 +4308,14 @@ } }, "node_modules/@leafygreen-ui/code/node_modules/@leafygreen-ui/lib": { - "version": "9.2.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.2.1.tgz", - "integrity": "sha1-qsIo4CrLTwBV5OPeyvO+vwB2SB4=", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" }, @@ -4319,19 +4339,6 @@ "@leafygreen-ui/leafygreen-provider": "^2.2.0" } }, - "node_modules/@leafygreen-ui/code/node_modules/@leafygreen-ui/portal": { - "version": "4.0.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.2.tgz", - "integrity": "sha1-MIQsDvTZQmFHXp9XiiWBmZlRRHQ=", - "license": "Apache-2.0", - "dependencies": { - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/lib": "^9.0.0" - }, - "peerDependencies": { - "react-dom": "^17.0.0" - } - }, "node_modules/@leafygreen-ui/code/node_modules/@leafygreen-ui/select": { "version": "5.0.0", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/select/-/select-5.0.0.tgz", @@ -4367,21 +4374,31 @@ } }, "node_modules/@leafygreen-ui/code/node_modules/@leafygreen-ui/typography": { - "version": "11.0.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-11.0.0.tgz", - "integrity": "sha1-dliAha/z3VlHF0l0Ty1KGzkD0kw=", + "version": "11.0.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-11.0.2.tgz", + "integrity": "sha1-tHR7heG0xcgXVpi5N4okhh+IQpA=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/box": "^3.0.6", + "@leafygreen-ui/box": "^3.0.7", "@leafygreen-ui/icon": "^11.9.0", - "@leafygreen-ui/lib": "^9.2.1", - "@leafygreen-ui/palette": "^3.3.1", - "@leafygreen-ui/tokens": "^1.3.0" + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.1" }, "peerDependencies": { "@leafygreen-ui/leafygreen-provider": "^2.2.0" } }, + "node_modules/@leafygreen-ui/code/node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, "node_modules/@leafygreen-ui/code/node_modules/highlight.js": { "version": "11.5.0", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/highlight.js/-/highlight.js-11.5.0.tgz", @@ -4430,9 +4447,9 @@ } }, "node_modules/@leafygreen-ui/icon": { - "version": "11.9.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/icon/-/icon-11.9.0.tgz", - "integrity": "sha1-s8cveZi9r1oHxA3gNtGulqpJpwI=", + "version": "11.10.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/icon/-/icon-11.10.1.tgz", + "integrity": "sha1-BSsZKuecx+OLjfXo8GVMQD0P/9I=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/lib": "^9.2.0" @@ -4529,6 +4546,76 @@ "emotion": "^10.0.7" } }, + "node_modules/@leafygreen-ui/inline-definition/node_modules/@leafygreen-ui/icon": { + "version": "10.2.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/icon/-/icon-10.2.1.tgz", + "integrity": "sha1-UJi060RMdqWso3htjfAiMHyq2Rg=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/lib": "^7.0.0" + } + }, + "node_modules/@leafygreen-ui/inline-definition/node_modules/@leafygreen-ui/icon/node_modules/@leafygreen-ui/lib": { + "version": "7.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-7.0.0.tgz", + "integrity": "sha1-Yv8uwR3VA+F+W8Mc3AU+fy9cWVQ=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/emotion": "^3.0.1", + "facepaint": "^1.2.1", + "polished": "^2.3.0", + "prop-types": "^15.0.0" + }, + "peerDependencies": { + "react": "^16.0.0" + } + }, + "node_modules/@leafygreen-ui/inline-definition/node_modules/@leafygreen-ui/typography": { + "version": "7.6.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-7.6.0.tgz", + "integrity": "sha1-lVXXiVSE6zi1Pl5cWHRKgnw4rQU=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/box": "^3.0.4", + "@leafygreen-ui/icon": "^10.2.1", + "@leafygreen-ui/lib": "^7.0.0", + "@leafygreen-ui/palette": "^3.2.1", + "@leafygreen-ui/tokens": "^0.5.1" + }, + "peerDependencies": { + "@leafygreen-ui/leafygreen-provider": "^2.0.3" + } + }, + "node_modules/@leafygreen-ui/inline-definition/node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/lib": { + "version": "7.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-7.0.0.tgz", + "integrity": "sha1-Yv8uwR3VA+F+W8Mc3AU+fy9cWVQ=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/emotion": "^3.0.1", + "facepaint": "^1.2.1", + "polished": "^2.3.0", + "prop-types": "^15.0.0" + }, + "peerDependencies": { + "react": "^16.0.0" + } + }, + "node_modules/@leafygreen-ui/inline-definition/node_modules/react": { + "version": "16.14.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/react/-/react-16.14.0.tgz", + "integrity": "sha1-lNd23dCqo32j7aj8W2sYpMmjEU0=", + "license": "MIT", + "peer": true, + "dependencies": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2" + }, + "engines": { + "node": ">=0.10.0" + } + }, "node_modules/@leafygreen-ui/interaction-ring": { "version": "1.0.3", "resolved": "https://registry.npmjs.org/@leafygreen-ui/interaction-ring/-/interaction-ring-1.0.3.tgz", @@ -4568,13 +4655,13 @@ } }, "node_modules/@leafygreen-ui/leafygreen-provider": { - "version": "2.2.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-2.2.0.tgz", - "integrity": "sha1-gb1Bh8X4yw2Qak2jZqcJ6PODYO0=", + "version": "2.3.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-2.3.2.tgz", + "integrity": "sha1-lNBJky9suUrMQKAvxBBVDm/bM0I=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/hooks": "^7.0.0", - "@leafygreen-ui/lib": "^9.0.0" + "@leafygreen-ui/lib": "^9.4.1" } }, "node_modules/@leafygreen-ui/leafygreen-provider/node_modules/@leafygreen-ui/hooks": { @@ -4587,13 +4674,14 @@ } }, "node_modules/@leafygreen-ui/leafygreen-provider/node_modules/@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.1.tgz", + "integrity": "sha1-z/e6m7UCT/jkluYoMP6G7rrHCOU=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" }, @@ -4602,12 +4690,12 @@ } }, "node_modules/@leafygreen-ui/leafygreen-provider/node_modules/polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" }, "engines": { "node": ">=10" @@ -4646,40 +4734,59 @@ "license": "Apache-2.0" }, "node_modules/@leafygreen-ui/menu": { - "version": "11.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/menu/-/menu-11.0.1.tgz", - "integrity": "sha1-TRIysNzBmcKSY6WwC7hgg5GsNhE=", + "version": "14.0.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/menu/-/menu-14.0.2.tgz", + "integrity": "sha1-B9sPhA7ma5ENhXis/e54i6KhNrc=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/box": "^3.0.6", - "@leafygreen-ui/hooks": "^7.0.0", - "@leafygreen-ui/icon-button": "^9.1.6", - "@leafygreen-ui/lib": "^9.0.0", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/popover": "^7.2.2", + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/icon-button": "^13.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/popover": "^9.0.0", + "@leafygreen-ui/tokens": "^1.3.1", "react-transition-group": "^4.4.1" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^2.1.3" + "@leafygreen-ui/leafygreen-provider": "^2.3.0" } }, "node_modules/@leafygreen-ui/menu/node_modules/@leafygreen-ui/hooks": { - "version": "7.2.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.2.0.tgz", - "integrity": "sha1-wH529yAghkyqglOhFLz9/HPdCqs=", + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "license": "Apache-2.0", "dependencies": { "lodash": "^4.17.21" } }, + "node_modules/@leafygreen-ui/menu/node_modules/@leafygreen-ui/icon-button": { + "version": "13.1.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/icon-button/-/icon-button-13.1.0.tgz", + "integrity": "sha1-3wx/eys7n8JDHCS2m7sp5QDm64s=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/a11y": "^1.3.0", + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/emotion": "^4.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.0" + }, + "peerDependencies": { + "@leafygreen-ui/leafygreen-provider": "^2.3.0" + } + }, "node_modules/@leafygreen-ui/menu/node_modules/@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.1.tgz", + "integrity": "sha1-z/e6m7UCT/jkluYoMP6G7rrHCOU=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" }, @@ -4687,13 +4794,39 @@ "react": "^17.0.0" } }, + "node_modules/@leafygreen-ui/menu/node_modules/@leafygreen-ui/popover": { + "version": "9.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/popover/-/popover-9.0.0.tgz", + "integrity": "sha1-0f1b6Odg67GKx16ZM/N3PX4HlAo=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/portal": "^4.0.0", + "lodash": "^4.17.21", + "react-transition-group": "^4.4.1" + }, + "peerDependencies": { + "@leafygreen-ui/leafygreen-provider": "^2.3.0" + } + }, + "node_modules/@leafygreen-ui/menu/node_modules/@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, "node_modules/@leafygreen-ui/menu/node_modules/polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" }, "engines": { "node": ">=10" @@ -4739,19 +4872,6 @@ "react": "^17.0.0" } }, - "node_modules/@leafygreen-ui/modal/node_modules/@leafygreen-ui/portal": { - "version": "4.0.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.2.tgz", - "integrity": "sha1-MIQsDvTZQmFHXp9XiiWBmZlRRHQ=", - "license": "Apache-2.0", - "dependencies": { - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/lib": "^9.0.0" - }, - "peerDependencies": { - "react-dom": "^17.0.0" - } - }, "node_modules/@leafygreen-ui/modal/node_modules/polished": { "version": "4.2.1", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.1.tgz", @@ -4765,9 +4885,9 @@ } }, "node_modules/@leafygreen-ui/palette": { - "version": "3.3.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/palette/-/palette-3.3.2.tgz", - "integrity": "sha1-Cx9lMBdwNRdvnKPJBhmaLZ4Wpdw=", + "version": "3.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/palette/-/palette-3.4.0.tgz", + "integrity": "sha1-ke66J3zJCVQnFgCx4pg1ULvjp0g=", "license": "Apache-2.0" }, "node_modules/@leafygreen-ui/popover": { @@ -4808,19 +4928,6 @@ "react": "^17.0.0" } }, - "node_modules/@leafygreen-ui/popover/node_modules/@leafygreen-ui/portal": { - "version": "4.0.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.2.tgz", - "integrity": "sha1-MIQsDvTZQmFHXp9XiiWBmZlRRHQ=", - "license": "Apache-2.0", - "dependencies": { - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/lib": "^9.0.0" - }, - "peerDependencies": { - "react-dom": "^17.0.0" - } - }, "node_modules/@leafygreen-ui/popover/node_modules/polished": { "version": "4.1.4", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", @@ -4834,41 +4941,53 @@ } }, "node_modules/@leafygreen-ui/portal": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/portal/-/portal-3.1.3.tgz", - "integrity": "sha512-yAYdYyjzaTu46+NHRqC6OKnfu6HeRRMsQNuz7EtDszu71YVlJPUMUCSUr9k1DArPAXxDaCWmTJsHpxIM3uaIag==", + "version": "4.0.3", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.3.tgz", + "integrity": "sha1-NRO3Zgl/bhB3E4VSozyBdF/aynE=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/lib": "^8.0.0" + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/lib": "^9.3.0" }, "peerDependencies": { - "react-dom": "^16.0.0" + "react-dom": "^17.0.0" } }, - "node_modules/@leafygreen-ui/portal/node_modules/@leafygreen-ui/emotion": { - "version": "3.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/emotion/-/emotion-3.0.1.tgz", - "integrity": "sha1-s4C3lRJFnae5RUL22KaGCATLqxg=", + "node_modules/@leafygreen-ui/portal/node_modules/@leafygreen-ui/hooks": { + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "license": "Apache-2.0", "dependencies": { - "create-emotion": "^10.0.7", - "create-emotion-server": "10.0.27", - "emotion": "^10.0.7" + "lodash": "^4.17.21" } }, "node_modules/@leafygreen-ui/portal/node_modules/@leafygreen-ui/lib": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-8.0.0.tgz", - "integrity": "sha512-Iku3DfYHteSzl2oRdUkejn1h0gr0YC5d3kWfmeIFcpLvuUxLYROVd53EjlANqpP8ZHTZAAmQzi37GomrTwImcQ==", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/emotion": "^3.0.1", + "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", - "polished": "^2.3.0", + "lodash": "^4.17.21", + "polished": "^4.1.3", "prop-types": "^15.0.0" }, "peerDependencies": { - "react": "^16.0.0" + "react": "^17.0.0" + } + }, + "node_modules/@leafygreen-ui/portal/node_modules/polished": { + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.17.8" + }, + "engines": { + "node": ">=10" } }, "node_modules/@leafygreen-ui/ripple": { @@ -4894,61 +5013,78 @@ } }, "node_modules/@leafygreen-ui/select": { - "version": "3.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/select/-/select-3.1.0.tgz", - "integrity": "sha1-Px4Qkag0ct/TZlIpHiB4REaWkXI=", + "version": "6.1.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/select/-/select-6.1.0.tgz", + "integrity": "sha1-kdJ4/f/VxXOxJbeOXAJlJjckkUM=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/button": "^12.0.4", + "@leafygreen-ui/button": "^16.0.0", "@leafygreen-ui/emotion": "^4.0.0", - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/icon": "^11.6.0", - "@leafygreen-ui/lib": "^9.0.1", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/popover": "^7.2.2", - "@leafygreen-ui/tokens": "0.5.3", + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/icon": "^11.10.0", + "@leafygreen-ui/interaction-ring": "^4.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/popover": "^9.0.0", + "@leafygreen-ui/tokens": "1.3.1", + "@leafygreen-ui/typography": "^13.0.1", "@types/react-is": "^17.0.0", "polished": "^4.1.3", "react-is": "^17.0.1" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^2.1.3" + "@leafygreen-ui/leafygreen-provider": "^2.3.0" } }, "node_modules/@leafygreen-ui/select/node_modules/@leafygreen-ui/button": { - "version": "12.0.5", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/button/-/button-12.0.5.tgz", - "integrity": "sha1-DOCwdr3s7KPNArG5sObRNCNrUSA=", + "version": "16.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/button/-/button-16.0.0.tgz", + "integrity": "sha1-RH0jJqp08Nb4IvYWmMM90mKPHEg=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/box": "^3.0.6", + "@leafygreen-ui/box": "^3.0.7", "@leafygreen-ui/emotion": "^4.0.0", - "@leafygreen-ui/lib": "^9.0.0", - "@leafygreen-ui/palette": "^3.2.2", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", "@leafygreen-ui/ripple": "^1.1.1", - "@leafygreen-ui/tokens": "^0.5.3" + "@leafygreen-ui/tokens": "^1.3.1" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^2.1.3" + "@leafygreen-ui/leafygreen-provider": "^2.3.0" } }, "node_modules/@leafygreen-ui/select/node_modules/@leafygreen-ui/hooks": { - "version": "7.2.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.2.0.tgz", - "integrity": "sha1-wH529yAghkyqglOhFLz9/HPdCqs=", + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "license": "Apache-2.0", "dependencies": { "lodash": "^4.17.21" } }, + "node_modules/@leafygreen-ui/select/node_modules/@leafygreen-ui/interaction-ring": { + "version": "4.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/interaction-ring/-/interaction-ring-4.0.0.tgz", + "integrity": "sha1-cAvww+oWXkLrJGt+m8J0YiiYQ1E=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/emotion": "^4.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.3.1" + }, + "peerDependencies": { + "@leafygreen-ui/leafygreen-provider": "^2.3.0" + } + }, "node_modules/@leafygreen-ui/select/node_modules/@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" }, @@ -4956,13 +5092,52 @@ "react": "^17.0.0" } }, + "node_modules/@leafygreen-ui/select/node_modules/@leafygreen-ui/popover": { + "version": "9.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/popover/-/popover-9.0.0.tgz", + "integrity": "sha1-0f1b6Odg67GKx16ZM/N3PX4HlAo=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/portal": "^4.0.0", + "lodash": "^4.17.21", + "react-transition-group": "^4.4.1" + }, + "peerDependencies": { + "@leafygreen-ui/leafygreen-provider": "^2.3.0" + } + }, + "node_modules/@leafygreen-ui/select/node_modules/@leafygreen-ui/portal": { + "version": "4.0.3", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.3.tgz", + "integrity": "sha1-NRO3Zgl/bhB3E4VSozyBdF/aynE=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/lib": "^9.3.0" + }, + "peerDependencies": { + "react-dom": "^17.0.0" + } + }, + "node_modules/@leafygreen-ui/select/node_modules/@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, "node_modules/@leafygreen-ui/select/node_modules/polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" }, "engines": { "node": ">=10" @@ -4975,43 +5150,46 @@ "license": "MIT" }, "node_modules/@leafygreen-ui/side-nav": { - "version": "7.2.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/side-nav/-/side-nav-7.2.1.tgz", - "integrity": "sha1-RHFqET9NtRGOwVW3WZQ1tXgsnyU=", + "version": "10.0.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/side-nav/-/side-nav-10.0.1.tgz", + "integrity": "sha1-jj6hcZc69Qy+8vq1jSBCEt7hAwU=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/a11y": "^1.2.2", - "@leafygreen-ui/box": "^3.0.6", + "@leafygreen-ui/box": "^3.0.7", "@leafygreen-ui/emotion": "4.0.0", - "@leafygreen-ui/hooks": "^7.0.0", - "@leafygreen-ui/icon": "^11.3.0", - "@leafygreen-ui/lib": "^9.0.0", - "@leafygreen-ui/menu": "^11.0.1", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/portal": "^4.0.0", - "@leafygreen-ui/tooltip": "^6.3.1" + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/icon": "^11.10.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/menu": "^14.0.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/portal": "^4.0.3", + "@leafygreen-ui/tokens": "^1.3.1", + "@leafygreen-ui/tooltip": "^7.0.4", + "@leafygreen-ui/typography": "^13.1.1" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^2.1.3" + "@leafygreen-ui/leafygreen-provider": "^2.3.0" } }, "node_modules/@leafygreen-ui/side-nav/node_modules/@leafygreen-ui/hooks": { - "version": "7.2.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.2.0.tgz", - "integrity": "sha1-wH529yAghkyqglOhFLz9/HPdCqs=", + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "license": "Apache-2.0", "dependencies": { "lodash": "^4.17.21" } }, "node_modules/@leafygreen-ui/side-nav/node_modules/@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.1.tgz", + "integrity": "sha1-z/e6m7UCT/jkluYoMP6G7rrHCOU=", "license": "Apache-2.0", "dependencies": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" }, @@ -5019,26 +5197,56 @@ "react": "^17.0.0" } }, - "node_modules/@leafygreen-ui/side-nav/node_modules/@leafygreen-ui/portal": { - "version": "4.0.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.2.tgz", - "integrity": "sha1-MIQsDvTZQmFHXp9XiiWBmZlRRHQ=", + "node_modules/@leafygreen-ui/side-nav/node_modules/@leafygreen-ui/popover": { + "version": "9.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/popover/-/popover-9.0.0.tgz", + "integrity": "sha1-0f1b6Odg67GKx16ZM/N3PX4HlAo=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/lib": "^9.0.0" + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/portal": "^4.0.0", + "lodash": "^4.17.21", + "react-transition-group": "^4.4.1" }, "peerDependencies": { - "react-dom": "^17.0.0" + "@leafygreen-ui/leafygreen-provider": "^2.3.0" + } + }, + "node_modules/@leafygreen-ui/side-nav/node_modules/@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, + "node_modules/@leafygreen-ui/side-nav/node_modules/@leafygreen-ui/tooltip": { + "version": "7.1.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tooltip/-/tooltip-7.1.0.tgz", + "integrity": "sha1-BLWHh8i2BRa3moTqwBPYxuGPE7M=", + "license": "Apache-2.0", + "dependencies": { + "@leafygreen-ui/emotion": "^4.0.0", + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/icon": "^11.9.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.3.2", + "@leafygreen-ui/popover": "^9.0.0", + "@leafygreen-ui/tokens": "^1.3.1", + "@leafygreen-ui/typography": "^13.1.0", + "lodash": "^4.17.21" } }, "node_modules/@leafygreen-ui/side-nav/node_modules/polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "license": "MIT", "dependencies": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" }, "engines": { "node": ">=10" @@ -5098,44 +5306,56 @@ "license": "Apache-2.0" }, "node_modules/@leafygreen-ui/tabs": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/tabs/-/tabs-5.1.1.tgz", - "integrity": "sha512-K/WbpLEteGFgiZTaHlV6gi0sO40f5zx41PdyFQzeCdPN4RrR0zgjWpGXBbnAUdOIE8thBoiWY3XPGYiqkYNbpA==", + "version": "5.1.5", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tabs/-/tabs-5.1.5.tgz", + "integrity": "sha1-kWpHKjWU/6cTXw9QF6HAt7xIKVQ=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/a11y": "^1.2.0", - "@leafygreen-ui/box": "^3.0.4", - "@leafygreen-ui/leafygreen-provider": "^2.0.3", - "@leafygreen-ui/lib": "^7.0.0", - "@leafygreen-ui/palette": "^3.2.1", - "@leafygreen-ui/portal": "^3.1.1", - "@leafygreen-ui/tokens": "^0.5.1" + "@leafygreen-ui/a11y": "^1.2.2", + "@leafygreen-ui/box": "^3.0.6", + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/leafygreen-provider": "^2.1.3", + "@leafygreen-ui/lib": "^9.0.0", + "@leafygreen-ui/palette": "^3.2.2", + "@leafygreen-ui/portal": "^4.0.0", + "@leafygreen-ui/tokens": "^0.5.3" } }, - "node_modules/@leafygreen-ui/tabs/node_modules/@leafygreen-ui/emotion": { - "version": "3.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/emotion/-/emotion-3.0.1.tgz", - "integrity": "sha1-s4C3lRJFnae5RUL22KaGCATLqxg=", + "node_modules/@leafygreen-ui/tabs/node_modules/@leafygreen-ui/hooks": { + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "license": "Apache-2.0", "dependencies": { - "create-emotion": "^10.0.7", - "create-emotion-server": "10.0.27", - "emotion": "^10.0.7" + "lodash": "^4.17.21" } }, "node_modules/@leafygreen-ui/tabs/node_modules/@leafygreen-ui/lib": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-7.0.0.tgz", - "integrity": "sha512-ZIqfa+XLD77KEDSPZPtuLxk2VuktFfLFghUViZEBissQ790gq2V9BXAzRgU5MCtaP6HlJ+kQ2BA5iv6iD5KgIQ==", + "version": "9.4.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.1.tgz", + "integrity": "sha1-z/e6m7UCT/jkluYoMP6G7rrHCOU=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/emotion": "^3.0.1", + "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", - "polished": "^2.3.0", + "lodash": "^4.17.21", + "polished": "^4.1.3", "prop-types": "^15.0.0" }, "peerDependencies": { - "react": "^16.0.0" + "react": "^17.0.0" + } + }, + "node_modules/@leafygreen-ui/tabs/node_modules/polished": { + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", + "license": "MIT", + "dependencies": { + "@babel/runtime": "^7.17.8" + }, + "engines": { + "node": ">=10" } }, "node_modules/@leafygreen-ui/text-input": { @@ -5284,54 +5504,57 @@ } }, "node_modules/@leafygreen-ui/typography": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-7.6.0.tgz", - "integrity": "sha512-O8TsLTbiBTlbT5fhbEpByUPLQxvkE09GO7WUecDMxqQXx3IcDWURNOBjm2t+xEXexgzq0HgO0zF7I8yZ9JLGIg==", + "version": "13.1.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-13.1.1.tgz", + "integrity": "sha1-6v4sS/Evyy3k0oTDlxY4U7fWYr4=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/box": "^3.0.4", - "@leafygreen-ui/icon": "^10.2.1", - "@leafygreen-ui/lib": "^7.0.0", - "@leafygreen-ui/palette": "^3.2.1", - "@leafygreen-ui/tokens": "^0.5.1" + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/icon": "^11.9.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.1" }, "peerDependencies": { - "@leafygreen-ui/leafygreen-provider": "^2.0.3" + "@leafygreen-ui/leafygreen-provider": "^2.3.0" } }, - "node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/emotion": { - "version": "3.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/emotion/-/emotion-3.0.1.tgz", - "integrity": "sha1-s4C3lRJFnae5RUL22KaGCATLqxg=", + "node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/lib": { + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "license": "Apache-2.0", "dependencies": { - "create-emotion": "^10.0.7", - "create-emotion-server": "10.0.27", - "emotion": "^10.0.7" + "@leafygreen-ui/emotion": "^4.0.0", + "facepaint": "^1.2.1", + "lodash": "^4.17.21", + "polished": "^4.1.3", + "prop-types": "^15.0.0" + }, + "peerDependencies": { + "react": "^17.0.0" } }, - "node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/icon": { - "version": "10.2.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/icon/-/icon-10.2.1.tgz", - "integrity": "sha512-8uw1U2DM9+c/SpewM3ZpXUsmtbsj2bUjFFKYQbiEAAP+GiK2TCFeIj53/ta28qprE8UnUDSoa4SmE3G+Z7hjUA==", + "node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", "license": "Apache-2.0", "dependencies": { - "@leafygreen-ui/lib": "^7.0.0" + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" } }, - "node_modules/@leafygreen-ui/typography/node_modules/@leafygreen-ui/lib": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-7.0.0.tgz", - "integrity": "sha512-ZIqfa+XLD77KEDSPZPtuLxk2VuktFfLFghUViZEBissQ790gq2V9BXAzRgU5MCtaP6HlJ+kQ2BA5iv6iD5KgIQ==", - "license": "Apache-2.0", + "node_modules/@leafygreen-ui/typography/node_modules/polished": { + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", + "license": "MIT", "dependencies": { - "@leafygreen-ui/emotion": "^3.0.1", - "facepaint": "^1.2.1", - "polished": "^2.3.0", - "prop-types": "^15.0.0" + "@babel/runtime": "^7.17.8" }, - "peerDependencies": { - "react": "^16.0.0" + "engines": { + "node": ">=10" } }, "node_modules/@loadable/component": { @@ -10971,6 +11194,7 @@ "version": "3.22.8", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/core-js/-/core-js-3.22.8.tgz", "integrity": "sha1-I/hgsf5geXzE9wTXbJP+qKL2BjE=", + "deprecated": "core-js@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js.", "hasInstallScript": true, "license": "MIT", "funding": { @@ -11005,6 +11229,7 @@ "version": "3.22.8", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/core-js-pure/-/core-js-pure-3.22.8.tgz", "integrity": "sha1-8hV3k7WHGRlsz5ZzzBTzaDrcCVc=", + "deprecated": "core-js-pure@<3.23.3 is no longer maintained and not recommended for usage due to the number of issues. Because of the V8 engine whims, feature detection in old core-js versions could cause a slowdown up to 100x even if nothing is polyfilled. Some versions have web compatibility issues. Please, upgrade your dependencies to the actual version of core-js-pure.", "hasInstallScript": true, "license": "MIT", "funding": { @@ -32326,6 +32551,7 @@ "version": "0.1.8", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/stable/-/stable-0.1.8.tgz", "integrity": "sha1-g26zyDgv4pNv6vVEYxAXzn1Ho88=", + "deprecated": "Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility", "license": "MIT" }, "node_modules/stack-trace": { @@ -39478,9 +39704,9 @@ } }, "@leafygreen-ui/a11y": { - "version": "1.2.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/a11y/-/a11y-1.2.2.tgz", - "integrity": "sha1-M2OHgXnq8UybT6dOu3vCOUgPnPo=", + "version": "1.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/a11y/-/a11y-1.3.0.tgz", + "integrity": "sha1-k2dn53NB5qrpr7sgg23NkAUeAq4=", "requires": { "@leafygreen-ui/emotion": "^4.0.0", "@leafygreen-ui/hooks": "^7.0.0", @@ -39591,31 +39817,32 @@ } }, "@leafygreen-ui/box": { - "version": "3.0.6", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/box/-/box-3.0.6.tgz", - "integrity": "sha1-MZ+i4gxVZSVcYFz/JwGfPYeWSoU=", + "version": "3.0.7", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/box/-/box-3.0.7.tgz", + "integrity": "sha1-zDlFjrPKy6Kox6XTx8JFnwUPgcc=", "requires": { - "@leafygreen-ui/lib": "^9.0.0", + "@leafygreen-ui/lib": "^9.3.0", "lodash": "^4.17.21" }, "dependencies": { "@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "requires": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" } }, "polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "requires": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" } } } @@ -39644,11 +39871,6 @@ "prop-types": "^15.0.0" } }, - "@leafygreen-ui/palette": { - "version": "3.3.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/palette/-/palette-3.3.1.tgz", - "integrity": "sha1-URkm+XdNIrAzyREzdeMDlRDZl3I=" - }, "@leafygreen-ui/tokens": { "version": "1.2.0", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.2.0.tgz", @@ -39668,81 +39890,100 @@ } }, "@leafygreen-ui/callout": { - "version": "3.0.6", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/callout/-/callout-3.0.6.tgz", - "integrity": "sha1-FHdeuom0hctj8WIxh4o3YAnuj0E=", + "version": "5.0.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/callout/-/callout-5.0.1.tgz", + "integrity": "sha1-FxBLB8W9U4c1MfeAvP3FKA+UGfU=", "requires": { "@leafygreen-ui/emotion": "^4.0.0", - "@leafygreen-ui/icon": "^11.6.0", - "@leafygreen-ui/lib": "^9.0.1", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/typography": "^8.1.0", + "@leafygreen-ui/icon": "^11.9.0", + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/typography": "^11.0.2", "polished": "^4.1.3" }, "dependencies": { "@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "requires": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" } }, + "@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "requires": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, "@leafygreen-ui/typography": { - "version": "8.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-8.1.0.tgz", - "integrity": "sha1-Mx1U/A7fQBo1CxpAYxHYNlDOulk=", + "version": "11.0.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-11.0.2.tgz", + "integrity": "sha1-tHR7heG0xcgXVpi5N4okhh+IQpA=", "requires": { - "@leafygreen-ui/box": "^3.0.6", - "@leafygreen-ui/icon": "^11.3.0", - "@leafygreen-ui/lib": "^9.0.0", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/tokens": "^0.5.3" + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/icon": "^11.9.0", + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.1" } }, "polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "requires": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" } } } }, "@leafygreen-ui/card": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/card/-/card-5.1.1.tgz", - "integrity": "sha512-4VSX3Oo+s4JijfifM/J8TOU513WAeODsV0wr4SjtHFk8ph3q1a7hN3dcOA0eTaV/OvMM99MU4tQm2SbuPhBpzg==", + "version": "6.0.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/card/-/card-6.0.1.tgz", + "integrity": "sha1-cM1BXrN/GnElU4jH+dbRzWWWR74=", "requires": { - "@leafygreen-ui/box": "^3.0.4", - "@leafygreen-ui/lib": "^7.0.0", - "@leafygreen-ui/palette": "^3.2.1" + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.1" }, "dependencies": { - "@leafygreen-ui/emotion": { - "version": "3.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/emotion/-/emotion-3.0.1.tgz", - "integrity": "sha1-s4C3lRJFnae5RUL22KaGCATLqxg=", - "requires": { - "create-emotion": "^10.0.7", - "create-emotion-server": "10.0.27", - "emotion": "^10.0.7" - } - }, "@leafygreen-ui/lib": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-7.0.0.tgz", - "integrity": "sha512-ZIqfa+XLD77KEDSPZPtuLxk2VuktFfLFghUViZEBissQ790gq2V9BXAzRgU5MCtaP6HlJ+kQ2BA5iv6iD5KgIQ==", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "requires": { - "@leafygreen-ui/emotion": "^3.0.1", + "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", - "polished": "^2.3.0", + "lodash": "^4.17.21", + "polished": "^4.1.3", "prop-types": "^15.0.0" } + }, + "@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "requires": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, + "polished": { + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", + "requires": { + "@babel/runtime": "^7.17.8" + } } } }, @@ -39840,12 +40081,13 @@ } }, "@leafygreen-ui/lib": { - "version": "9.2.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.2.1.tgz", - "integrity": "sha1-qsIo4CrLTwBV5OPeyvO+vwB2SB4=", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "requires": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" } @@ -39862,15 +40104,6 @@ "react-transition-group": "^4.4.1" } }, - "@leafygreen-ui/portal": { - "version": "4.0.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.2.tgz", - "integrity": "sha1-MIQsDvTZQmFHXp9XiiWBmZlRRHQ=", - "requires": { - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/lib": "^9.0.0" - } - }, "@leafygreen-ui/select": { "version": "5.0.0", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/select/-/select-5.0.0.tgz", @@ -39901,15 +40134,26 @@ } }, "@leafygreen-ui/typography": { - "version": "11.0.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-11.0.0.tgz", - "integrity": "sha1-dliAha/z3VlHF0l0Ty1KGzkD0kw=", + "version": "11.0.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-11.0.2.tgz", + "integrity": "sha1-tHR7heG0xcgXVpi5N4okhh+IQpA=", "requires": { - "@leafygreen-ui/box": "^3.0.6", + "@leafygreen-ui/box": "^3.0.7", "@leafygreen-ui/icon": "^11.9.0", - "@leafygreen-ui/lib": "^9.2.1", - "@leafygreen-ui/palette": "^3.3.1", - "@leafygreen-ui/tokens": "^1.3.0" + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.1" + }, + "dependencies": { + "@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "requires": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + } } }, "highlight.js": { @@ -39951,9 +40195,9 @@ } }, "@leafygreen-ui/icon": { - "version": "11.9.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/icon/-/icon-11.9.0.tgz", - "integrity": "sha1-s8cveZi9r1oHxA3gNtGulqpJpwI=", + "version": "11.10.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/icon/-/icon-11.10.1.tgz", + "integrity": "sha1-BSsZKuecx+OLjfXo8GVMQD0P/9I=", "requires": { "@leafygreen-ui/lib": "^9.2.0" }, @@ -40033,6 +40277,63 @@ "create-emotion-server": "10.0.27", "emotion": "^10.0.7" } + }, + "@leafygreen-ui/icon": { + "version": "10.2.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/icon/-/icon-10.2.1.tgz", + "integrity": "sha1-UJi060RMdqWso3htjfAiMHyq2Rg=", + "requires": { + "@leafygreen-ui/lib": "^7.0.0" + }, + "dependencies": { + "@leafygreen-ui/lib": { + "version": "7.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-7.0.0.tgz", + "integrity": "sha1-Yv8uwR3VA+F+W8Mc3AU+fy9cWVQ=", + "requires": { + "@leafygreen-ui/emotion": "^3.0.1", + "facepaint": "^1.2.1", + "polished": "^2.3.0", + "prop-types": "^15.0.0" + } + } + } + }, + "@leafygreen-ui/typography": { + "version": "7.6.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-7.6.0.tgz", + "integrity": "sha1-lVXXiVSE6zi1Pl5cWHRKgnw4rQU=", + "requires": { + "@leafygreen-ui/box": "^3.0.4", + "@leafygreen-ui/icon": "^10.2.1", + "@leafygreen-ui/lib": "^7.0.0", + "@leafygreen-ui/palette": "^3.2.1", + "@leafygreen-ui/tokens": "^0.5.1" + }, + "dependencies": { + "@leafygreen-ui/lib": { + "version": "7.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-7.0.0.tgz", + "integrity": "sha1-Yv8uwR3VA+F+W8Mc3AU+fy9cWVQ=", + "requires": { + "@leafygreen-ui/emotion": "^3.0.1", + "facepaint": "^1.2.1", + "polished": "^2.3.0", + "prop-types": "^15.0.0" + } + } + } + }, + "react": { + "version": "16.14.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/react/-/react-16.14.0.tgz", + "integrity": "sha1-lNd23dCqo32j7aj8W2sYpMmjEU0=", + "peer": true, + "requires": { + "loose-envify": "^1.1.0", + "object-assign": "^4.1.1", + "prop-types": "^15.6.2" + } } } }, @@ -40071,12 +40372,12 @@ } }, "@leafygreen-ui/leafygreen-provider": { - "version": "2.2.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-2.2.0.tgz", - "integrity": "sha1-gb1Bh8X4yw2Qak2jZqcJ6PODYO0=", + "version": "2.3.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/leafygreen-provider/-/leafygreen-provider-2.3.2.tgz", + "integrity": "sha1-lNBJky9suUrMQKAvxBBVDm/bM0I=", "requires": { "@leafygreen-ui/hooks": "^7.0.0", - "@leafygreen-ui/lib": "^9.0.0" + "@leafygreen-ui/lib": "^9.4.1" }, "dependencies": { "@leafygreen-ui/hooks": { @@ -40088,22 +40389,23 @@ } }, "@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.1.tgz", + "integrity": "sha1-z/e6m7UCT/jkluYoMP6G7rrHCOU=", "requires": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" } }, "polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "requires": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" } } } @@ -40137,44 +40439,80 @@ "integrity": "sha512-2xF8jPCBxMM0/D4PutCHIOuXB9VNQ4TqSJD0imbAWvQWL2bltvqb7Xog1MSLqdO4W1DNXmsyN+nVOV5/TbhoVg==" }, "@leafygreen-ui/menu": { - "version": "11.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/menu/-/menu-11.0.1.tgz", - "integrity": "sha1-TRIysNzBmcKSY6WwC7hgg5GsNhE=", - "requires": { - "@leafygreen-ui/box": "^3.0.6", - "@leafygreen-ui/hooks": "^7.0.0", - "@leafygreen-ui/icon-button": "^9.1.6", - "@leafygreen-ui/lib": "^9.0.0", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/popover": "^7.2.2", + "version": "14.0.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/menu/-/menu-14.0.2.tgz", + "integrity": "sha1-B9sPhA7ma5ENhXis/e54i6KhNrc=", + "requires": { + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/icon-button": "^13.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/popover": "^9.0.0", + "@leafygreen-ui/tokens": "^1.3.1", "react-transition-group": "^4.4.1" }, "dependencies": { "@leafygreen-ui/hooks": { - "version": "7.2.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.2.0.tgz", - "integrity": "sha1-wH529yAghkyqglOhFLz9/HPdCqs=", + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "requires": { "lodash": "^4.17.21" } }, + "@leafygreen-ui/icon-button": { + "version": "13.1.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/icon-button/-/icon-button-13.1.0.tgz", + "integrity": "sha1-3wx/eys7n8JDHCS2m7sp5QDm64s=", + "requires": { + "@leafygreen-ui/a11y": "^1.3.0", + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/emotion": "^4.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.0" + } + }, "@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.1.tgz", + "integrity": "sha1-z/e6m7UCT/jkluYoMP6G7rrHCOU=", "requires": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" } }, + "@leafygreen-ui/popover": { + "version": "9.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/popover/-/popover-9.0.0.tgz", + "integrity": "sha1-0f1b6Odg67GKx16ZM/N3PX4HlAo=", + "requires": { + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/portal": "^4.0.0", + "lodash": "^4.17.21", + "react-transition-group": "^4.4.1" + } + }, + "@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "requires": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, "polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "requires": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" } } } @@ -40213,15 +40551,6 @@ "prop-types": "^15.0.0" } }, - "@leafygreen-ui/portal": { - "version": "4.0.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.2.tgz", - "integrity": "sha1-MIQsDvTZQmFHXp9XiiWBmZlRRHQ=", - "requires": { - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/lib": "^9.0.0" - } - }, "polished": { "version": "4.2.1", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.1.tgz", @@ -40233,9 +40562,9 @@ } }, "@leafygreen-ui/palette": { - "version": "3.3.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/palette/-/palette-3.3.2.tgz", - "integrity": "sha1-Cx9lMBdwNRdvnKPJBhmaLZ4Wpdw=" + "version": "3.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/palette/-/palette-3.4.0.tgz", + "integrity": "sha1-ke66J3zJCVQnFgCx4pg1ULvjp0g=" }, "@leafygreen-ui/popover": { "version": "7.2.2", @@ -40269,15 +40598,6 @@ "prop-types": "^15.0.0" } }, - "@leafygreen-ui/portal": { - "version": "4.0.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.2.tgz", - "integrity": "sha1-MIQsDvTZQmFHXp9XiiWBmZlRRHQ=", - "requires": { - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/lib": "^9.0.0" - } - }, "polished": { "version": "4.1.4", "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", @@ -40289,33 +40609,41 @@ } }, "@leafygreen-ui/portal": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/portal/-/portal-3.1.3.tgz", - "integrity": "sha512-yAYdYyjzaTu46+NHRqC6OKnfu6HeRRMsQNuz7EtDszu71YVlJPUMUCSUr9k1DArPAXxDaCWmTJsHpxIM3uaIag==", + "version": "4.0.3", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.3.tgz", + "integrity": "sha1-NRO3Zgl/bhB3E4VSozyBdF/aynE=", "requires": { - "@leafygreen-ui/lib": "^8.0.0" + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/lib": "^9.3.0" }, "dependencies": { - "@leafygreen-ui/emotion": { - "version": "3.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/emotion/-/emotion-3.0.1.tgz", - "integrity": "sha1-s4C3lRJFnae5RUL22KaGCATLqxg=", + "@leafygreen-ui/hooks": { + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "requires": { - "create-emotion": "^10.0.7", - "create-emotion-server": "10.0.27", - "emotion": "^10.0.7" + "lodash": "^4.17.21" } }, "@leafygreen-ui/lib": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-8.0.0.tgz", - "integrity": "sha512-Iku3DfYHteSzl2oRdUkejn1h0gr0YC5d3kWfmeIFcpLvuUxLYROVd53EjlANqpP8ZHTZAAmQzi37GomrTwImcQ==", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "requires": { - "@leafygreen-ui/emotion": "^3.0.1", + "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", - "polished": "^2.3.0", + "lodash": "^4.17.21", + "polished": "^4.1.3", "prop-types": "^15.0.0" } + }, + "polished": { + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", + "requires": { + "@babel/runtime": "^7.17.8" + } } } }, @@ -40339,61 +40667,104 @@ } }, "@leafygreen-ui/select": { - "version": "3.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/select/-/select-3.1.0.tgz", - "integrity": "sha1-Px4Qkag0ct/TZlIpHiB4REaWkXI=", + "version": "6.1.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/select/-/select-6.1.0.tgz", + "integrity": "sha1-kdJ4/f/VxXOxJbeOXAJlJjckkUM=", "requires": { - "@leafygreen-ui/button": "^12.0.4", + "@leafygreen-ui/button": "^16.0.0", "@leafygreen-ui/emotion": "^4.0.0", - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/icon": "^11.6.0", - "@leafygreen-ui/lib": "^9.0.1", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/popover": "^7.2.2", - "@leafygreen-ui/tokens": "0.5.3", + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/icon": "^11.10.0", + "@leafygreen-ui/interaction-ring": "^4.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/popover": "^9.0.0", + "@leafygreen-ui/tokens": "1.3.1", + "@leafygreen-ui/typography": "^13.0.1", "@types/react-is": "^17.0.0", "polished": "^4.1.3", "react-is": "^17.0.1" }, "dependencies": { "@leafygreen-ui/button": { - "version": "12.0.5", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/button/-/button-12.0.5.tgz", - "integrity": "sha1-DOCwdr3s7KPNArG5sObRNCNrUSA=", + "version": "16.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/button/-/button-16.0.0.tgz", + "integrity": "sha1-RH0jJqp08Nb4IvYWmMM90mKPHEg=", "requires": { - "@leafygreen-ui/box": "^3.0.6", + "@leafygreen-ui/box": "^3.0.7", "@leafygreen-ui/emotion": "^4.0.0", - "@leafygreen-ui/lib": "^9.0.0", - "@leafygreen-ui/palette": "^3.2.2", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", "@leafygreen-ui/ripple": "^1.1.1", - "@leafygreen-ui/tokens": "^0.5.3" + "@leafygreen-ui/tokens": "^1.3.1" } }, "@leafygreen-ui/hooks": { - "version": "7.2.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.2.0.tgz", - "integrity": "sha1-wH529yAghkyqglOhFLz9/HPdCqs=", + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "requires": { "lodash": "^4.17.21" } }, + "@leafygreen-ui/interaction-ring": { + "version": "4.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/interaction-ring/-/interaction-ring-4.0.0.tgz", + "integrity": "sha1-cAvww+oWXkLrJGt+m8J0YiiYQ1E=", + "requires": { + "@leafygreen-ui/emotion": "^4.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.3.1" + } + }, "@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "requires": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" } }, + "@leafygreen-ui/popover": { + "version": "9.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/popover/-/popover-9.0.0.tgz", + "integrity": "sha1-0f1b6Odg67GKx16ZM/N3PX4HlAo=", + "requires": { + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/portal": "^4.0.0", + "lodash": "^4.17.21", + "react-transition-group": "^4.4.1" + } + }, + "@leafygreen-ui/portal": { + "version": "4.0.3", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.3.tgz", + "integrity": "sha1-NRO3Zgl/bhB3E4VSozyBdF/aynE=", + "requires": { + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/lib": "^9.3.0" + } + }, + "@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "requires": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, "polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "requires": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" } }, "react-is": { @@ -40404,56 +40775,87 @@ } }, "@leafygreen-ui/side-nav": { - "version": "7.2.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/side-nav/-/side-nav-7.2.1.tgz", - "integrity": "sha1-RHFqET9NtRGOwVW3WZQ1tXgsnyU=", + "version": "10.0.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/side-nav/-/side-nav-10.0.1.tgz", + "integrity": "sha1-jj6hcZc69Qy+8vq1jSBCEt7hAwU=", "requires": { "@leafygreen-ui/a11y": "^1.2.2", - "@leafygreen-ui/box": "^3.0.6", + "@leafygreen-ui/box": "^3.0.7", "@leafygreen-ui/emotion": "4.0.0", - "@leafygreen-ui/hooks": "^7.0.0", - "@leafygreen-ui/icon": "^11.3.0", - "@leafygreen-ui/lib": "^9.0.0", - "@leafygreen-ui/menu": "^11.0.1", - "@leafygreen-ui/palette": "^3.2.2", - "@leafygreen-ui/portal": "^4.0.0", - "@leafygreen-ui/tooltip": "^6.3.1" + "@leafygreen-ui/hooks": "^7.3.0", + "@leafygreen-ui/icon": "^11.10.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/menu": "^14.0.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/portal": "^4.0.3", + "@leafygreen-ui/tokens": "^1.3.1", + "@leafygreen-ui/tooltip": "^7.0.4", + "@leafygreen-ui/typography": "^13.1.1" }, "dependencies": { "@leafygreen-ui/hooks": { - "version": "7.2.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.2.0.tgz", - "integrity": "sha1-wH529yAghkyqglOhFLz9/HPdCqs=", + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "requires": { "lodash": "^4.17.21" } }, "@leafygreen-ui/lib": { - "version": "9.1.0", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.1.0.tgz", - "integrity": "sha1-HMBAKpdGLEaF2iVCx5EOMPv1nfA=", + "version": "9.4.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.1.tgz", + "integrity": "sha1-z/e6m7UCT/jkluYoMP6G7rrHCOU=", "requires": { "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", + "lodash": "^4.17.21", "polished": "^4.1.3", "prop-types": "^15.0.0" } }, - "@leafygreen-ui/portal": { - "version": "4.0.2", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/portal/-/portal-4.0.2.tgz", - "integrity": "sha1-MIQsDvTZQmFHXp9XiiWBmZlRRHQ=", + "@leafygreen-ui/popover": { + "version": "9.0.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/popover/-/popover-9.0.0.tgz", + "integrity": "sha1-0f1b6Odg67GKx16ZM/N3PX4HlAo=", "requires": { - "@leafygreen-ui/hooks": "^7.1.1", - "@leafygreen-ui/lib": "^9.0.0" + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/portal": "^4.0.0", + "lodash": "^4.17.21", + "react-transition-group": "^4.4.1" + } + }, + "@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", + "requires": { + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" + } + }, + "@leafygreen-ui/tooltip": { + "version": "7.1.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tooltip/-/tooltip-7.1.0.tgz", + "integrity": "sha1-BLWHh8i2BRa3moTqwBPYxuGPE7M=", + "requires": { + "@leafygreen-ui/emotion": "^4.0.0", + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/icon": "^11.9.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.3.2", + "@leafygreen-ui/popover": "^9.0.0", + "@leafygreen-ui/tokens": "^1.3.1", + "@leafygreen-ui/typography": "^13.1.0", + "lodash": "^4.17.21" } }, "polished": { - "version": "4.1.4", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.1.4.tgz", - "integrity": "sha1-ZAKTuoNBCWFJYacA/ay7ZZn7EtA=", + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "requires": { - "@babel/runtime": "^7.16.7" + "@babel/runtime": "^7.17.8" } } } @@ -40504,39 +40906,47 @@ } }, "@leafygreen-ui/tabs": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/tabs/-/tabs-5.1.1.tgz", - "integrity": "sha512-K/WbpLEteGFgiZTaHlV6gi0sO40f5zx41PdyFQzeCdPN4RrR0zgjWpGXBbnAUdOIE8thBoiWY3XPGYiqkYNbpA==", + "version": "5.1.5", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tabs/-/tabs-5.1.5.tgz", + "integrity": "sha1-kWpHKjWU/6cTXw9QF6HAt7xIKVQ=", "requires": { - "@leafygreen-ui/a11y": "^1.2.0", - "@leafygreen-ui/box": "^3.0.4", - "@leafygreen-ui/leafygreen-provider": "^2.0.3", - "@leafygreen-ui/lib": "^7.0.0", - "@leafygreen-ui/palette": "^3.2.1", - "@leafygreen-ui/portal": "^3.1.1", - "@leafygreen-ui/tokens": "^0.5.1" + "@leafygreen-ui/a11y": "^1.2.2", + "@leafygreen-ui/box": "^3.0.6", + "@leafygreen-ui/hooks": "^7.0.0", + "@leafygreen-ui/leafygreen-provider": "^2.1.3", + "@leafygreen-ui/lib": "^9.0.0", + "@leafygreen-ui/palette": "^3.2.2", + "@leafygreen-ui/portal": "^4.0.0", + "@leafygreen-ui/tokens": "^0.5.3" }, "dependencies": { - "@leafygreen-ui/emotion": { - "version": "3.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/emotion/-/emotion-3.0.1.tgz", - "integrity": "sha1-s4C3lRJFnae5RUL22KaGCATLqxg=", + "@leafygreen-ui/hooks": { + "version": "7.3.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/hooks/-/hooks-7.3.0.tgz", + "integrity": "sha1-A5ucqmD6GROnj8HnJk7fsh48z04=", "requires": { - "create-emotion": "^10.0.7", - "create-emotion-server": "10.0.27", - "emotion": "^10.0.7" + "lodash": "^4.17.21" } }, "@leafygreen-ui/lib": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-7.0.0.tgz", - "integrity": "sha512-ZIqfa+XLD77KEDSPZPtuLxk2VuktFfLFghUViZEBissQ790gq2V9BXAzRgU5MCtaP6HlJ+kQ2BA5iv6iD5KgIQ==", + "version": "9.4.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.1.tgz", + "integrity": "sha1-z/e6m7UCT/jkluYoMP6G7rrHCOU=", "requires": { - "@leafygreen-ui/emotion": "^3.0.1", + "@leafygreen-ui/emotion": "^4.0.0", "facepaint": "^1.2.1", - "polished": "^2.3.0", + "lodash": "^4.17.21", + "polished": "^4.1.3", "prop-types": "^15.0.0" } + }, + "polished": { + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", + "requires": { + "@babel/runtime": "^7.17.8" + } } } }, @@ -40660,44 +41070,44 @@ } }, "@leafygreen-ui/typography": { - "version": "7.6.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/typography/-/typography-7.6.0.tgz", - "integrity": "sha512-O8TsLTbiBTlbT5fhbEpByUPLQxvkE09GO7WUecDMxqQXx3IcDWURNOBjm2t+xEXexgzq0HgO0zF7I8yZ9JLGIg==", + "version": "13.1.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/typography/-/typography-13.1.1.tgz", + "integrity": "sha1-6v4sS/Evyy3k0oTDlxY4U7fWYr4=", "requires": { - "@leafygreen-ui/box": "^3.0.4", - "@leafygreen-ui/icon": "^10.2.1", - "@leafygreen-ui/lib": "^7.0.0", - "@leafygreen-ui/palette": "^3.2.1", - "@leafygreen-ui/tokens": "^0.5.1" + "@leafygreen-ui/box": "^3.0.7", + "@leafygreen-ui/icon": "^11.9.0", + "@leafygreen-ui/lib": "^9.4.0", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/tokens": "^1.3.1" }, "dependencies": { - "@leafygreen-ui/emotion": { - "version": "3.0.1", - "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/emotion/-/emotion-3.0.1.tgz", - "integrity": "sha1-s4C3lRJFnae5RUL22KaGCATLqxg=", + "@leafygreen-ui/lib": { + "version": "9.4.0", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/lib/-/lib-9.4.0.tgz", + "integrity": "sha1-H+T+gz7xUbaO2T/9IqXBY10lPAw=", "requires": { - "create-emotion": "^10.0.7", - "create-emotion-server": "10.0.27", - "emotion": "^10.0.7" + "@leafygreen-ui/emotion": "^4.0.0", + "facepaint": "^1.2.1", + "lodash": "^4.17.21", + "polished": "^4.1.3", + "prop-types": "^15.0.0" } }, - "@leafygreen-ui/icon": { - "version": "10.2.1", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/icon/-/icon-10.2.1.tgz", - "integrity": "sha512-8uw1U2DM9+c/SpewM3ZpXUsmtbsj2bUjFFKYQbiEAAP+GiK2TCFeIj53/ta28qprE8UnUDSoa4SmE3G+Z7hjUA==", + "@leafygreen-ui/tokens": { + "version": "1.3.1", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/@leafygreen-ui/tokens/-/tokens-1.3.1.tgz", + "integrity": "sha1-JKWfyz07Z6cUjrkstypSC9n6HNs=", "requires": { - "@leafygreen-ui/lib": "^7.0.0" + "@leafygreen-ui/lib": "^9.3.0", + "@leafygreen-ui/palette": "^3.4.0" } }, - "@leafygreen-ui/lib": { - "version": "7.0.0", - "resolved": "https://registry.npmjs.org/@leafygreen-ui/lib/-/lib-7.0.0.tgz", - "integrity": "sha512-ZIqfa+XLD77KEDSPZPtuLxk2VuktFfLFghUViZEBissQ790gq2V9BXAzRgU5MCtaP6HlJ+kQ2BA5iv6iD5KgIQ==", + "polished": { + "version": "4.2.2", + "resolved": "http://artifactory.corp.mongodb.com/artifactory/api/npm/npm/polished/-/polished-4.2.2.tgz", + "integrity": "sha1-JSm7fDGYlFNzxS40YYyP57GqhNE=", "requires": { - "@leafygreen-ui/emotion": "^3.0.1", - "facepaint": "^1.2.1", - "polished": "^2.3.0", - "prop-types": "^15.0.0" + "@babel/runtime": "^7.17.8" } } } diff --git a/package.json b/package.json index dc054ebc8..8c71dfb61 100644 --- a/package.json +++ b/package.json @@ -57,8 +57,8 @@ "@leafygreen-ui/banner": "^3.0.6", "@leafygreen-ui/box": "^3.0.6", "@leafygreen-ui/button": "^13.0.0", - "@leafygreen-ui/callout": "^3.0.6", - "@leafygreen-ui/card": "^5.1.1", + "@leafygreen-ui/callout": "^5.0.0", + "@leafygreen-ui/card": "^6.0.1", "@leafygreen-ui/checkbox": "^6.0.3", "@leafygreen-ui/code": "^11.0.0", "@leafygreen-ui/emotion": "^4.0.0", @@ -66,17 +66,17 @@ "@leafygreen-ui/icon": "^11.6.1", "@leafygreen-ui/icon-button": "^9.1.6", "@leafygreen-ui/inline-definition": "^2.0.2", - "@leafygreen-ui/leafygreen-provider": "^2.0.2", + "@leafygreen-ui/leafygreen-provider": "^2.3.2", "@leafygreen-ui/logo": "^4.0.2", "@leafygreen-ui/modal": "^6.1.2", - "@leafygreen-ui/palette": "^3.3.1", - "@leafygreen-ui/select": "^3.0.1", - "@leafygreen-ui/side-nav": "^7.2.1", + "@leafygreen-ui/palette": "^3.4.0", + "@leafygreen-ui/select": "^6.0.0", + "@leafygreen-ui/side-nav": "^10.0.0", "@leafygreen-ui/table": "^2.0.2", - "@leafygreen-ui/tabs": "^5.1.1", + "@leafygreen-ui/tabs": "^8.0.0", "@leafygreen-ui/text-input": "^6.0.1", "@leafygreen-ui/tooltip": "^6.1.7", - "@leafygreen-ui/typography": "^7.5.0", + "@leafygreen-ui/typography": "^13.0.0", "@loadable/component": "^5.14.1", "@mdb/consistent-nav": "1.2.16", "@mdb/flora": "^0.20.5", diff --git a/src/components/Admonition.js b/src/components/Admonition.js index 940207c92..c4ac1721b 100644 --- a/src/components/Admonition.js +++ b/src/components/Admonition.js @@ -1,9 +1,10 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styled from '@emotion/styled'; import Callout, { Variant } from '@leafygreen-ui/callout'; +import { cx, css } from '@leafygreen-ui/emotion'; import ComponentFactory from './ComponentFactory'; import { getPlaintext } from '../utils/get-plaintext'; +import { theme } from '../theme/docsTheme'; export const admonitionMap = { example: Variant.Example, @@ -15,17 +16,22 @@ export const admonitionMap = { warning: Variant.Warning, }; -const StyledCallout = styled(Callout)` - /* Add margin to right so drop shadow is visible */ - margin: 24px 3px 24px 0; +const admonitionStyles = css` + margin-top: ${theme.size.medium}; + margin-bottom: ${theme.size.medium}; - /* Add margins below all child elements in the callout */ - & > div > div > * { - margin: 0 0 12px; + p { + color: unset; } - - & > div > div > *:last-child { - margin: 0; + // remove bottom margin off the final paragraph in a callout, + // similarly remove the bottom margin off lists and list items so that + // the spacing looks proper on those callouts + > li:last-of-type, + > ul:last-of-type, + > ol:last-of-type, + > li:last-of-type > p, + > p:last-of-type { + margin-bottom: 0px; } `; @@ -38,11 +44,16 @@ const Admonition = ({ nodeData: { argument, children, name }, ...rest }) => { } return ( - + {children.map((child, i) => ( ))} - + ); }; diff --git a/src/components/Breadcrumbs/BreadcrumbContainer.js b/src/components/Breadcrumbs/BreadcrumbContainer.js index c3650d91d..b89f74042 100644 --- a/src/components/Breadcrumbs/BreadcrumbContainer.js +++ b/src/components/Breadcrumbs/BreadcrumbContainer.js @@ -1,15 +1,16 @@ import React, { useContext } from 'react'; import PropTypes from 'prop-types'; import styled from '@emotion/styled'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import { css } from '@emotion/react'; import Link from '../Link'; import { NavigationContext } from '../../context/navigation-context'; import { formatText } from '../../utils/format-text'; import { reportAnalytics } from '../../utils/report-analytics'; +import { theme } from '../../theme/docsTheme'; const activeColor = css` - color: ${uiColors.gray.dark3}; + color: ${palette.gray.dark3}; `; const StyledArrow = styled('span')` @@ -33,6 +34,7 @@ const StyledLink = styled(Link)` ${activeColor} } } + font-size: ${theme.fontSize.small}; `; const BreadcrumbContainer = ({ homeCrumb, lastCrumb }) => { diff --git a/src/components/Breadcrumbs/index.js b/src/components/Breadcrumbs/index.js index ff9722deb..6139587bd 100644 --- a/src/components/Breadcrumbs/index.js +++ b/src/components/Breadcrumbs/index.js @@ -1,23 +1,17 @@ import React from 'react'; import PropTypes from 'prop-types'; -import styled from '@emotion/styled'; -import { uiColors } from '@leafygreen-ui/palette'; +import { Body } from '@leafygreen-ui/typography'; +import { css, cx } from '@leafygreen-ui/emotion'; +import { palette } from '@leafygreen-ui/palette'; import BreadcrumbSchema from './BreadcrumbSchema'; import BreadcrumbContainer from './BreadcrumbContainer'; -import { theme } from '../../theme/docsTheme'; import { baseUrl } from '../../utils/base-url'; +import { theme } from '../../theme/docsTheme'; -const Wrapper = styled('nav')` +const breadcrumbBodyStyle = css` font-size: ${theme.fontSize.small}; - margin-bottom: ${theme.size.medium}; - - * { - color: ${uiColors.gray.dark1}; - } - - & > p { - margin-top: 0; - min-height: ${theme.size.medium}; + a { + color: ${palette.gray.dark1}; } `; @@ -35,11 +29,9 @@ const Breadcrumbs = ({ homeUrl = null, pageTitle = null, parentPaths, siteTitle, return ( <> - -

- -

- + + + ); }; diff --git a/src/components/Button.js b/src/components/Button.js index 928f9eb94..d3025ccda 100644 --- a/src/components/Button.js +++ b/src/components/Button.js @@ -2,7 +2,6 @@ import React from 'react'; import PropTypes from 'prop-types'; import LeafyButton from '@leafygreen-ui/button'; import ComponentFactory from './ComponentFactory'; -import Link from './Link'; const Button = ({ nodeData: { @@ -12,7 +11,7 @@ const Button = ({ ...rest }) => { return ( - + {argument.map((child, i) => ( ))} diff --git a/src/components/Card/index.js b/src/components/Card/index.js index 68220d0b9..723638a88 100644 --- a/src/components/Card/index.js +++ b/src/components/Card/index.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import { withPrefix, navigate } from 'gatsby'; import styled from '@emotion/styled'; import LeafyGreenCard from '@leafygreen-ui/card'; -import { uiColors } from '@leafygreen-ui/palette'; +import { Body } from '@leafygreen-ui/typography'; import { theme } from '../../theme/docsTheme'; import ComponentFactory from '../ComponentFactory'; import ConditionalWrapper from '../ConditionalWrapper'; @@ -26,18 +26,11 @@ const CardIcon = styled('img')` width: ${theme.size.medium}; `; -const H4 = styled('h4')` +const H4 = styled(Body)` + font-weight: 600; letter-spacing: 0.5px; margin: ${({ compact, theme }) => - compact ? `0 0 ${theme.size.small}` : `${theme.size.medium} 0 ${theme.size.small} 0`}; -`; - -const CTA = styled('p')` - font-weight: bold; - margin-top: auto; - & > a:hover { - color: ${uiColors.blue.dark2}; - } + compact ? `0 0 ${theme.size.small}` : `${theme.size.default} 0 ${theme.size.small} 0`}; `; const FlexTag = styled(Tag)` @@ -59,8 +52,6 @@ const CompactIcon = styled('img')` `; const CompactIconCircle = styled('div')` - background: ${uiColors.green.light3}; - border-radius: 50%; display: flex; flex-shrink: 0 !important; height: 48px; @@ -79,6 +70,16 @@ const CompactTextWrapper = styled('div')` @media ${theme.screenSize.upToSmall} { margin-left: ${theme.size.default}; } + + p { + line-height: ${theme.size.medium}; + } +`; + +const StyledBody = styled(Body)` + a { + line-height: unset; + } `; const onCardClick = (url) => { @@ -110,15 +111,19 @@ const Card = ({ wrapper={(children) => {children}} > {tag && {tag}} -

{headline}

+ {headline && ( +

+ {headline} +

+ )} {children.map((child, i) => ( // The cardRef prop's purpose to distinguish wich RefRoles are coming from the Card component (a workaround while we figure out card-ref support in the parser/) ))} {cta && ( - + {cta} - + )} diff --git a/src/components/Chapters/Chapter.js b/src/components/Chapters/Chapter.js index 1d44ace34..e36561eb3 100644 --- a/src/components/Chapters/Chapter.js +++ b/src/components/Chapters/Chapter.js @@ -4,6 +4,7 @@ import { withPrefix } from 'gatsby'; import styled from '@emotion/styled'; import Card from '@leafygreen-ui/card'; import { uiColors } from '@leafygreen-ui/palette'; +import { Body } from '@leafygreen-ui/typography'; import ChapterNumberLabel from './ChapterNumberLabel'; import Link from '../Link'; import { theme } from '../../theme/docsTheme'; @@ -14,7 +15,6 @@ const IMAGE_SIZE = 200; const Container = styled(Card)` background-color: ${uiColors.white}; - border-radius: ${theme.size.tiny}; border: 1px solid ${uiColors.gray.light3}; padding: ${theme.size.large} ${theme.size.medium}; @@ -79,7 +79,7 @@ const ChapterTitle = styled('div')` margin-top: ${theme.size.small}; `; -const ChapterDescription = styled('div')` +const ChapterDescription = styled(Body)` margin-top: ${theme.size.small}; `; @@ -102,11 +102,16 @@ const GuideLink = styled(Link)` flex-direction: column; padding: ${theme.size.small}; position: relative; + font-size: ${theme.size.default}; + line-height: ${theme.size.medium}; :hover { background-color: ${uiColors.gray.light2}; color: unset; - text-decoration: none; + + ::after { + content: none; + } } @media ${theme.screenSize.mediumAndUp} { @@ -145,6 +150,8 @@ const Chapter = ({ metadata, nodeData: { argument, options } }) => { const guides = useMemo(() => getGuidesData(metadata, currentChapter), [metadata, currentChapter]); return ( + // TODO: have to return specific typography here. card is explicit size 13 font + {image ? ( css` display: flex; flex-direction: column; padding: ${theme.size.large}; - border-radius: ${theme.size.tiny}; margin-bottom: ${theme.size.default}; > p { diff --git a/src/components/Code/styles/codeStyle.js b/src/components/Code/styles/codeStyle.js index f0a28366b..0a551eb94 100644 --- a/src/components/Code/styles/codeStyle.js +++ b/src/components/Code/styles/codeStyle.js @@ -4,7 +4,7 @@ import { theme } from '../../../theme/docsTheme'; export const baseCodeStyle = css` display: table; - margin: ${theme.size.default} 0; + margin: ${theme.size.medium} 0; min-width: 150px; table-layout: fixed; width: 100%; diff --git a/src/components/Contents/ContentsListItem.js b/src/components/Contents/ContentsListItem.js index fc1a45815..663875209 100644 --- a/src/components/Contents/ContentsListItem.js +++ b/src/components/Contents/ContentsListItem.js @@ -2,14 +2,14 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@emotion/react'; import styled from '@emotion/styled'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import Link from '../Link'; import { theme } from '../../theme/docsTheme'; const LINK_DEPTH_PADDING = 16; const activeBorderLeftCSS = css` - border-left: 2px solid ${uiColors.gray.dark3}; + border-left: 2px solid ${palette.black}; padding-left: 0; `; @@ -22,7 +22,7 @@ const ListItem = styled('li')` } @media ${theme.screenSize.largeAndUp} { - ${({ isActive }) => (isActive ? activeBorderLeftCSS : `border-left: 1px solid ${uiColors.gray.light2};`)} + ${({ isActive }) => (isActive ? activeBorderLeftCSS : `border-left: 1px solid ${palette.gray.light2};`)} &:hover, &:active { @@ -32,7 +32,12 @@ const ListItem = styled('li')` `; const StyledLink = styled(Link)` - color: ${uiColors.black}; + color: ${palette.black}; + font-size: ${theme.fontSize.small}; + line-height: ${theme.fontSize.default}; + + ${({ isActive }) => (isActive ? `font-weight: 600;` : `font-weight: normal;`)} + display: inline-block; padding-left: ${({ depth }) => `${depth * LINK_DEPTH_PADDING}px`}; width: 100%; @@ -51,7 +56,7 @@ const StyledLink = styled(Link)` const ContentsListItem = ({ children, depth = 0, id, isActive = false }) => { return ( - + {children} diff --git a/src/components/DriversIndexTiles.js b/src/components/DriversIndexTiles.js index e5d7cd968..7faeea085 100644 --- a/src/components/DriversIndexTiles.js +++ b/src/components/DriversIndexTiles.js @@ -1,8 +1,8 @@ import React from 'react'; +import { Link as GatsbyLink } from 'gatsby'; import styled from '@emotion/styled'; import { uiColors } from '@leafygreen-ui/palette'; import LeafyGreenCard from '@leafygreen-ui/card'; -import Link from './Link'; import { theme } from '../theme/docsTheme'; import { baseUrl } from '../utils/base-url'; @@ -89,6 +89,11 @@ const StyledGrid = styled('div')` display: grid; grid-gap: ${theme.size.default}; grid-template-columns: repeat(3, 1fr); + margin-bottom: ${theme.size.medium}; + + a { + text-decoration: none; + } @media ${theme.screenSize.upToMedium} { grid-gap: 12px; @@ -102,15 +107,16 @@ const StyledGrid = styled('div')` `; const StyledCard = styled(LeafyGreenCard)` - border: 1px solid ${uiColors.gray.light2}; - box-shadow: none; display: flex; flex-direction: row; padding: ${theme.size.default}; + align-items: center; + border: 1px solid ${uiColors.gray.light2}; + box-shadow: none; + font-size: ${theme.fontSize.default}; &:hover { box-shadow: 0 3px 6px -2px ${uiColors.gray.light1}; - color: unset; text-decoration: none; } `; @@ -130,10 +136,12 @@ const DriversIndexTiles = () => { return ( {tiles.map((t) => ( - - {t.icon} - {t.title} - + + + {t.icon} + {t.title} + + ))} ); diff --git a/src/components/Figure/Lightbox.js b/src/components/Figure/Lightbox.js index 0c18b8c98..3f95c2dd3 100644 --- a/src/components/Figure/Lightbox.js +++ b/src/components/Figure/Lightbox.js @@ -40,7 +40,8 @@ const LightboxCaption = styled('div')` const LightboxWrapper = styled('div')` width: ${(props) => props.figwidth}; cursor: pointer; - margin: 0; + margin-top: ${theme.size.medium}; + margin-bottom: ${theme.size.medium}; display: block; `; diff --git a/src/components/Figure/index.js b/src/components/Figure/index.js index e889303b2..7546d604c 100644 --- a/src/components/Figure/index.js +++ b/src/components/Figure/index.js @@ -5,6 +5,7 @@ import CaptionLegend from './CaptionLegend'; import Lightbox from './Lightbox'; import Image from '../Image'; import { getNestedValue } from '../../utils/get-nested-value'; +import { theme } from '../../theme/docsTheme'; export default class Figure extends Component { constructor(props) { @@ -38,6 +39,8 @@ export default class Figure extends Component { className="figure" css={css` max-width: 100%; + margin-top: ${theme.size.medium}; + margin-bottom: ${theme.size.medium}; `} style={{ width: getNestedValue(['options', 'figwidth'], nodeData) || 'auto' }} > diff --git a/src/components/GuideNext/Content.js b/src/components/GuideNext/Content.js index c777ece69..6a93d9176 100644 --- a/src/components/GuideNext/Content.js +++ b/src/components/GuideNext/Content.js @@ -2,9 +2,8 @@ import React from 'react'; import PropTypes from 'prop-types'; import styled from '@emotion/styled'; import Button from '@leafygreen-ui/button'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import ConditionalWrapper from '../ConditionalWrapper'; -import Link from '../Link'; import { theme } from '../../theme/docsTheme'; import { formatText } from '../../utils/format-text'; @@ -20,7 +19,7 @@ const Container = styled('div')` `; const Heading = styled('div')` - color: ${uiColors.gray.dark1}; + color: ${palette.gray.dark1}; font-size: ${theme.fontSize.default}; margin-bottom: ${theme.size.default}; `; @@ -69,7 +68,7 @@ const Content = ({ argument, children, guideData }) => { {/* We only want to show the button if argument/children are empty */} {!hasCustomContent && buttonUrl && ( - )} diff --git a/src/components/Heading.js b/src/components/Heading.js index c4ebba91d..6697e3832 100644 --- a/src/components/Heading.js +++ b/src/components/Heading.js @@ -2,7 +2,7 @@ import React, { useContext } from 'react'; import PropTypes from 'prop-types'; import ComponentFactory from './ComponentFactory'; import styled from '@emotion/styled'; -import { css } from '@emotion/react'; +import { cx, css } from '@leafygreen-ui/emotion'; import Loadable from '@loadable/component'; import useScreenSize from '../hooks/useScreenSize'; import TabSelectors from './Tabs/TabSelectors'; @@ -10,13 +10,35 @@ import { TabContext } from './Tabs/tab-context'; import ConditionalWrapper from './ConditionalWrapper'; import Contents from './Contents'; import Permalink from './Permalink'; +import { H2, H3, Subtitle, Body } from '@leafygreen-ui/typography'; const FeedbackHeading = Loadable(() => import('./Widgets/FeedbackWidget/FeedbackHeading')); +const StyledH2 = styled(H2)` + margin-top: 16px; + margin-bottom: 24px; +`; + +const headingStyles = css` + margin-top: 24px; + margin-bottom: 8px; +`; + +const determineHeading = (sectionDepth) => { + if (sectionDepth === 1) { + return StyledH2; + } else if (sectionDepth === 2) { + return H3; + } else if (sectionDepth === 3) { + return Subtitle; + } + return Body; // use weight=medium prop to style appropriately +}; + const Heading = ({ sectionDepth, nodeData, page, ...rest }) => { const id = nodeData.id || ''; - const HeadingTag = sectionDepth >= 1 && sectionDepth <= 6 ? `h${sectionDepth}` : 'h6'; - + const HeadingTag = determineHeading(sectionDepth); + const asHeading = sectionDepth >= 1 && sectionDepth <= 6 ? `h${sectionDepth}` : 'h6'; const isPageTitle = sectionDepth === 1; const { isMobile, isTabletOrMobile } = useScreenSize(); const hidefeedbackheader = page?.options?.hidefeedback === 'header'; @@ -37,7 +59,7 @@ const Heading = ({ sectionDepth, nodeData, page, ...rest }) => { )} > - + {nodeData.children.map((element, index) => { return ; })} @@ -76,6 +98,7 @@ Heading.propTypes = { id: PropTypes.string.isRequired, }).isRequired, page: PropTypes.object, + isProductLanding: PropTypes.bool, }; export default Heading; diff --git a/src/components/InternalPageNav.js b/src/components/InternalPageNav.js index 05f06261e..6f560ee17 100644 --- a/src/components/InternalPageNav.js +++ b/src/components/InternalPageNav.js @@ -18,6 +18,7 @@ const tableContainerStyling = css` const tableCellStyling = css` display: table-cell; vertical-align: middle; + line-height: 28px; `; const textAlignLeft = css` diff --git a/src/components/Introduction.js b/src/components/Introduction.js index 4c4b3d0cd..6a7831932 100644 --- a/src/components/Introduction.js +++ b/src/components/Introduction.js @@ -6,15 +6,11 @@ import ComponentFactory from './ComponentFactory'; const StyledIntroduction = styled('div')` .button { - margin: ${theme.size.medium} ${theme.size.default} ${theme.size.default} 0; + margin: 0 ${theme.size.default} ${theme.size.default} 0; min-height: ${theme.size.large}; } .button + p { display: inline-block; - - a:after { - content: ' âž”'; - } } @media ${theme.screenSize.upToMedium} { margin-bottom: ${theme.size.default}; @@ -38,7 +34,7 @@ const Introduction = ({ nodeData: { children }, ...rest }) => { return ( {children.map((child, i) => ( - + ))} ); diff --git a/src/components/Kicker.js b/src/components/Kicker.js index 5211559ca..338bad536 100644 --- a/src/components/Kicker.js +++ b/src/components/Kicker.js @@ -2,16 +2,15 @@ import React from 'react'; import PropTypes from 'prop-types'; import styled from '@emotion/styled'; import { Overline } from '@leafygreen-ui/typography'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import { theme } from '../theme/docsTheme'; import ComponentFactory from './ComponentFactory'; const StyledKicker = styled(Overline)` + color: ${palette.gray.base}; grid-column: 2; - font-size: ${theme.fontSize.small}; - color: ${uiColors.gray.dark1}; - padding-top: 80px; - padding-bottom: ${theme.size.small}; + margin-top: 48px; + margin-bottom: 0px; @media ${theme.screenSize.upToSmall} { padding-top: 56px; } diff --git a/src/components/Link.js b/src/components/Link.js index 027c8efa1..1e0a647e3 100644 --- a/src/components/Link.js +++ b/src/components/Link.js @@ -3,6 +3,9 @@ import PropTypes from 'prop-types'; import { Link as GatsbyLink } from 'gatsby'; import { Link as LGLink } from '@leafygreen-ui/typography'; import { cx, css } from '@leafygreen-ui/emotion'; +import { palette } from '@leafygreen-ui/palette'; +import styled from '@emotion/styled'; +import ArrowRightIcon from '@leafygreen-ui/icon/dist/ArrowRight'; import { isRelativeUrl } from '../utils/is-relative-url'; /* @@ -12,11 +15,51 @@ import { isRelativeUrl } from '../utils/is-relative-url'; const LGlinkStyling = css` text-decoration: none !important; + } +`; + +// CSS purloined from LG Link definition (source: https://bit.ly/3JpiPIt) +const StyledGatsbyLink = styled(GatsbyLink)` + display: inline-flex; + align-items: center; + cursor: pointer; + &:focus { + outline: none; + } + position: relative; + text-decoration: none !important; + line-height: 13px; + outline: none; + color: ${palette.blue.base}; + + > code { + color: ${palette.blue.base}; + } + + &::after { + content: ''; + position: absolute; + width: 100%; + height: 2px; + bottom: -4px; + left: 0; + border-radius: 2px; + } + &:focus & { + &::after { + background-color: ${palette.blue.light1}; + } + } + &:hover { + &::after { + background-color: ${palette.gray.light2}; + } + } `; // Since DOM elements cannot receive activeClassName and partiallyActive, // destructure the prop here and pass it only to GatsbyLink. -const Link = ({ children, to, activeClassName, partiallyActive, ...other }) => { +const Link = ({ children, to, activeClassName, partiallyActive, showLinkArrow, ...other }) => { if (!to) to = ''; const anchor = to.startsWith('#'); @@ -27,22 +70,21 @@ const Link = ({ children, to, activeClassName, partiallyActive, ...other }) => { // Ensure trailing slash to = to.replace(/\/?(\?|#|$)/, '/$1'); + const decoration = showLinkArrow ? : ''; + return ( - - {children} - - ); - } else if (!anchor && !(to.includes('www.mongodb.com/docs/') || to.match(/docs.*mongodb.com/))) { - return ( - + {children} - + {decoration} + ); } + const hideExternalIcon = + !anchor && !(to.includes('www.mongodb.com/docs/') || to.match(/docs.*mongodb.com/)) ? false : true; return ( - + {children} - + ); }; diff --git a/src/components/List/ListItem.js b/src/components/List/ListItem.js index a53804811..a003f5de2 100644 --- a/src/components/List/ListItem.js +++ b/src/components/List/ListItem.js @@ -1,17 +1,17 @@ import React from 'react'; import PropTypes from 'prop-types'; import ComponentFactory from '../ComponentFactory'; +import { cx, css } from '@leafygreen-ui/emotion'; +const listParagraphStyles = css` + & > p { + margin-bottom: 8px; + } +`; const ListItem = ({ nodeData, ...rest }) => ( -
  • +
  • {nodeData.children.map((child, index) => ( - tags in
  • if there is more than one paragraph - skipPTag={nodeData.children.length === 1} - /> + ))}
    • ); diff --git a/src/components/List/index.js b/src/components/List/index.js index ec6c75fc9..0b77c4019 100644 --- a/src/components/List/index.js +++ b/src/components/List/index.js @@ -1,6 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import ComponentFactory from '../ComponentFactory'; +import { css, cx } from '@leafygreen-ui/emotion'; const enumtypeMap = { arabic: '1', @@ -10,6 +11,10 @@ const enumtypeMap = { upperroman: 'I', }; +const listStyles = css` + margin-top: 0px; +`; + const List = ({ nodeData: { children, enumtype, startat }, ...rest }) => { const ListTag = enumtype === 'unordered' ? 'ul' : 'ol'; const attributes = {}; @@ -20,7 +25,7 @@ const List = ({ nodeData: { children, enumtype, startat }, ...rest }) => { attributes.start = startat; } return ( - + {children.map((listChild, index) => ( ))} diff --git a/src/components/ListTable.js b/src/components/ListTable.js index fc67a5c81..db2ddfe30 100644 --- a/src/components/ListTable.js +++ b/src/components/ListTable.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { Table, Row, Cell, TableHeader, HeaderRow } from '@leafygreen-ui/table'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import { css, cx } from '@leafygreen-ui/emotion'; import { theme } from '../theme/docsTheme'; import ComponentFactory from './ComponentFactory'; @@ -20,6 +20,7 @@ const align = (key) => { const styleTable = ({ customAlign, customWidth }) => css` ${customAlign && `text-align: ${align(customAlign)}`}; ${customWidth && `width: ${customWidth}`}; + margin: ${theme.size.medium} 0; `; /* When using an empty as required by LeafyGreen, unstyle it to the best of our ability */ @@ -51,7 +52,7 @@ const ListTableRow = ({ row = [], stubColumnCount, ...rest }) => ( vertical-align: top; /* Apply grey background to stub cells (PD-1216) */ - ${isStub && `background-clip: padding-box; background-color: ${uiColors.gray.light3};`} + ${isStub && `background-clip: padding-box; background-color: ${palette.gray.light3};`} * { font-size: ${theme.fontSize.small} !important; diff --git a/src/components/Literal.js b/src/components/Literal.js index 1c9877a35..160e6e4bb 100644 --- a/src/components/Literal.js +++ b/src/components/Literal.js @@ -7,6 +7,7 @@ import ComponentFactory from './ComponentFactory'; const StyledInlineCode = styled(InlineCode)` /* Unset font size so it inherits it from its context */ font-size: unset; + display: inline; `; const StyledNavigationInlineCode = styled('code')` @@ -18,6 +19,7 @@ const StyledNavigationInlineCode = styled('code')` const Literal = ({ nodeData: { children }, formatTextOptions }) => { const navigationStyle = formatTextOptions?.literalEnableInline; const CurrInlineCode = navigationStyle ? StyledNavigationInlineCode : StyledInlineCode; + return ( {children.map((node, i) => ( diff --git a/src/components/Operation.js b/src/components/Operation.js index fa38ad8e2..ccd8ba082 100644 --- a/src/components/Operation.js +++ b/src/components/Operation.js @@ -55,6 +55,12 @@ const iconAdjust = css` top: -5px; `; +const StyledCardContainer = styled(Card)` + padding: 0; + margin-bottom: ${theme.size.default}; + overflow: hidden; +`; + const OperationHeader = styled('div')` align-items: baseline; background-color: ${uiColors.gray.light3}; @@ -137,12 +143,7 @@ const Operation = ({ }, [hash, setShowDetails, showDetails]); return ( - + {method}
    @@ -180,7 +181,7 @@ const Operation = ({ ))} )} - + ); }; diff --git a/src/components/Paragraph.js b/src/components/Paragraph.js index 94cb0c47b..421bf8477 100644 --- a/src/components/Paragraph.js +++ b/src/components/Paragraph.js @@ -1,24 +1,26 @@ import React from 'react'; import PropTypes from 'prop-types'; import ComponentFactory from './ComponentFactory'; -import { appendTrailingPunctuation } from '../utils/append-trailing-punctuation'; +import { Body } from '@leafygreen-ui/typography'; +import styled from '@emotion/styled'; const SKIP_P_TAGS = new Set(['caption', 'footnote', 'field']); -const Paragraph = ({ nodeData, parentNode, skipPTag, ...rest }) => { - const children = appendTrailingPunctuation(nodeData.children); +const StyledParagraph = styled(Body)` + margin-bottom: 16px; +`; +const Paragraph = ({ nodeData, parentNode, skipPTag, ...rest }) => { // For paragraph nodes that appear inside certain containers, skip

    tags and just render their contents if (skipPTag || SKIP_P_TAGS.has(parentNode)) { - return children.map((element, index) => ); + return nodeData.children.map((element, index) => ); } - return ( -

    - {children.map((element, index) => ( + + {nodeData.children.map((element, index) => ( ))} -

    + ); }; diff --git a/src/components/Procedure/Step.js b/src/components/Procedure/Step.js index e5ff4114d..9731ca622 100644 --- a/src/components/Procedure/Step.js +++ b/src/components/Procedure/Step.js @@ -2,7 +2,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import { css } from '@emotion/react'; import styled from '@emotion/styled'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import { theme } from '../../theme/docsTheme'; import ComponentFactory from '../ComponentFactory'; @@ -17,8 +17,19 @@ const Circle = styled('div')` const StyledStep = styled('div')` display: flex; - section > p > a { - font-weight: 600; + :first-of-type { + margin-top: ${theme.size.default}; + } + + h2, + h3, + h4 { + margin-top: 0px; + } + + :last-of-type h3, + :last-of-type h4 { + margin-bottom: 0px; } `; @@ -26,23 +37,18 @@ const StepBlock = styled('div')` position: relative; `; -const Content = styled.div` - // Remove the top margin of nested heading - & > section > :first-of-type { - margin-top: 0; - } -`; +const Content = 'div'; const circleStyles = { connected: css` - background-color: ${uiColors.green.light3}; - color: ${uiColors.green.dark2}; + background-color: ${palette.green.light3}; + color: ${palette.green.dark2}; height: 34px; width: 34px; `, normal: css` background-color: #333; - color: ${uiColors.white}; + color: ${palette.white}; height: ${theme.size.medium}; width: ${theme.size.medium}; `, @@ -55,7 +61,7 @@ const landingStepStyles = { :not(:last-child):after { content: ''; - border-left: 2px dashed ${uiColors.gray.light2}; + border-left: 2px dashed ${palette.gray.light2}; bottom: 0; left: 16px; position: absolute; @@ -70,7 +76,6 @@ const landingStepStyles = { const contentStyles = { connected: css` - margin-top: 5px; padding-bottom: ${theme.size.xlarge}; @media ${theme.screenSize.upToMedium} { padding-bottom: 40px; @@ -79,9 +84,6 @@ const contentStyles = { padding-bottom: ${theme.size.large}; } `, - normal: css` - margin-bottom: ${theme.size.medium}; - `, }; const Step = ({ nodeData: { children }, stepNumber, stepStyle = 'connected', ...rest }) => { diff --git a/src/components/RefRole.js b/src/components/RefRole.js index 3d3f45a47..e6859244c 100644 --- a/src/components/RefRole.js +++ b/src/components/RefRole.js @@ -1,7 +1,7 @@ import React from 'react'; import PropTypes from 'prop-types'; import styled from '@emotion/styled'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import ComponentFactory from './ComponentFactory'; import Link from './Link'; import { normalizePath } from '../utils/normalize-path'; @@ -9,9 +9,9 @@ import { theme } from '../theme/docsTheme'; // TODO: const CardRef = styled(Link)` - background: ${uiColors.gray.light3}; + background: ${palette.gray.light3}; border-radius: ${theme.size.tiny}; - border: 1px solid ${uiColors.gray.light1}; + border: 1px solid ${palette.gray.light1}; box-sizing: border-box; display: inline-block; font-size: ${theme.fontSize.small} !important; @@ -30,13 +30,12 @@ const stopPropagation = function (e) { e.nativeEvent.stopImmediatePropagation(); }; -const RefRole = ({ nodeData: { children, domain, fileid, name, url }, slug, cardRef }) => { +const RefRole = ({ nodeData: { children, domain, fileid, name, url }, slug, cardRef, showLinkArrow }) => { // Render intersphinx target links const CurrRefRole = cardRef ? CardRef : Link; - if (url) { return ( - + {children.map((node, i) => ( ))} @@ -62,7 +61,7 @@ const RefRole = ({ nodeData: { children, domain, fileid, name, url }, slug, card } return ( - stopPropagation(e)}> + stopPropagation(e)} showLinkArrow={showLinkArrow}> {children.map((node, i) => ( ))} @@ -79,6 +78,7 @@ RefRole.propTypes = { url: PropTypes.string, }).isRequired, slug: PropTypes.string.isRequired, + showLinkArrow: PropTypes.bool, }; export default RefRole; diff --git a/src/components/Roles/GUILabel.js b/src/components/Roles/GUILabel.js index aa906768c..0135a5cc1 100644 --- a/src/components/Roles/GUILabel.js +++ b/src/components/Roles/GUILabel.js @@ -4,7 +4,6 @@ import { css } from '@emotion/react'; import ComponentFactory from '../ComponentFactory'; const guiLabelStyle = css` - font-family: sans-serif; font-style: normal; font-weight: 700; `; diff --git a/src/components/Select.js b/src/components/Select.js index e2b32c751..e6979231b 100644 --- a/src/components/Select.js +++ b/src/components/Select.js @@ -26,7 +26,8 @@ const activeSelectStyles = css` `; const Label = styled('p')` - font-size: ${theme.fontSize.default}; + font-size: ${theme.fontSize.small}; + line-height: ${theme.fontSize.default}; font-weight: bolder; letter-spacing: 0; /* TODO: Remove !important when mongodb-docs.css is removed */ diff --git a/src/components/Sidenav/GuidesLandingTree.js b/src/components/Sidenav/GuidesLandingTree.js index 7956a10f1..21d31d03e 100644 --- a/src/components/Sidenav/GuidesLandingTree.js +++ b/src/components/Sidenav/GuidesLandingTree.js @@ -2,7 +2,7 @@ import React, { useMemo } from 'react'; import PropTypes from 'prop-types'; import { cx } from '@leafygreen-ui/emotion'; import { SideNavItem } from '@leafygreen-ui/side-nav'; -import { sideNavItemBasePadding } from './styles/sideNavItem'; +import { sideNavItemBasePadding, sideNavItemFontSize } from './styles/sideNavItem'; import Link from '../Link'; import { formatText } from '../../utils/format-text'; @@ -25,7 +25,7 @@ const GuidesLandingTree = ({ chapters, handleClick }) => { ( {ia.map(({ title, slug, url }) => { const target = slug || url; return ( - + {formatText(title)} ); diff --git a/src/components/Sidenav/ProductsList.js b/src/components/Sidenav/ProductsList.js index 21a25d345..a2e8f1155 100644 --- a/src/components/Sidenav/ProductsList.js +++ b/src/components/Sidenav/ProductsList.js @@ -41,12 +41,16 @@ const transitionClasses = css` const HeadingTitle = styled('span')` padding-left: ${theme.size.small}; + font-size: ${theme.fontSize.small}; `; const Products = styled(`ul`)` display: none; list-style-type: none; padding: 0; + li > a { + line-height: ${theme.size.medium}; + } `; const ProductsListContainer = styled('div')` diff --git a/src/components/Sidenav/Sidenav.js b/src/components/Sidenav/Sidenav.js index a234444ac..492f2816b 100644 --- a/src/components/Sidenav/Sidenav.js +++ b/src/components/Sidenav/Sidenav.js @@ -6,7 +6,7 @@ import { css as LeafyCSS, cx } from '@leafygreen-ui/emotion'; import { useViewportSize } from '@leafygreen-ui/hooks'; import Icon from '@leafygreen-ui/icon'; import { SideNav as LeafygreenSideNav, SideNavItem } from '@leafygreen-ui/side-nav'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import GuidesLandingTree from './GuidesLandingTree'; import GuidesTOCTree from './GuidesTOCTree'; import IA from './IA'; @@ -17,7 +17,7 @@ import SidenavBackButton from './SidenavBackButton'; import { SidenavContext } from './sidenav-context'; import SidenavMobileTransition from './SidenavMobileTransition'; import Toctree from './Toctree'; -import { sideNavItemBasePadding } from './styles/sideNavItem'; +import { sideNavItemBasePadding, sideNavItemFontSize } from './styles/sideNavItem'; import ChapterNumberLabel from '../Chapters/ChapterNumberLabel'; import VersionDropdown from '../VersionDropdown'; import useStickyTopValues from '../../hooks/useStickyTopValues'; @@ -61,18 +61,20 @@ const sideNavStyling = ({ hideMobile, isCollapsed }) => LeafyCSS` a, p { letter-spacing: unset; + color: ${palette.black}; + }, + + // avoid GatsbyLink underline styling being applied to side nav + // may need to remove during DOP-2880 + a:hover::after { + background-color: unset; } - // TODO: Remove when mongodb-docs.css is removed - a:hover, - a:focus { - color: unset; - } `; const titleStyle = LeafyCSS` - color: ${uiColors.gray.dark3}; - font-size: ${theme.fontSize.default}; + color: ${palette.gray.dark3}; + font-size: ${theme.fontSize.small}; font-weight: bold; line-height: 20px; text-transform: none; @@ -120,7 +122,7 @@ const Spaceholder = styled('div')` const Border = styled('hr')` border: unset; - border-bottom: 1px solid ${uiColors.gray.light2}; + border-bottom: 1px solid ${palette.gray.light2}; margin: ${theme.size.small} 0; width: 100%; `; @@ -135,7 +137,7 @@ const ArtificialPadding = styled('div')` // This allows the products in the ProductsList to slide up/down when closing/opening the list // without appearing inline with above text const NavTopContainer = styled('div')` - background-color: ${uiColors.gray.light3}; + background-color: ${palette.gray.light3}; position: relative; z-index: 1; `; @@ -278,7 +280,7 @@ const Sidenav = ({ chapters, guides, page, pageTitle, repoBranches, siteTitle, s {/* Represents the generic links at the bottom of the side nav (e.g. "Contact Support") */} {additionalLinks.map(({ glyph, title, url }) => ( } href={url} diff --git a/src/components/Sidenav/SidenavBackButton.js b/src/components/Sidenav/SidenavBackButton.js index f11a96b0e..2b83dba21 100644 --- a/src/components/Sidenav/SidenavBackButton.js +++ b/src/components/Sidenav/SidenavBackButton.js @@ -3,6 +3,7 @@ import PropTypes from 'prop-types'; import styled from '@emotion/styled'; import { css, cx } from '@leafygreen-ui/emotion'; import Icon from '@leafygreen-ui/icon'; +import { palette } from '@leafygreen-ui/palette'; import { SideNavItem } from '@leafygreen-ui/side-nav'; import { sideNavItemBasePadding } from './styles/sideNavItem'; import Link from '../Link'; @@ -25,6 +26,11 @@ const Placeholder = styled(SideNavItem)` const backButtonStyling = css` font-size: ${theme.fontSize.small}; margin-bottom: 16px; + font-weight: 400; + line-height: 20px; + > span { + color: ${palette.gray.dark1}; + } `; const htmlBackIcon = css` diff --git a/src/components/Sidenav/TOCNode.js b/src/components/Sidenav/TOCNode.js index 88b686296..85961cf89 100644 --- a/src/components/Sidenav/TOCNode.js +++ b/src/components/Sidenav/TOCNode.js @@ -3,7 +3,7 @@ import PropTypes from 'prop-types'; import { css } from '@emotion/react'; import { cx, css as LeafyCSS } from '@leafygreen-ui/emotion'; import { SideNavItem } from '@leafygreen-ui/side-nav'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import Icon from '@leafygreen-ui/icon'; import { sideNavItemTOCStyling } from './styles/sideNavItem'; import Link from '../Link'; @@ -52,6 +52,7 @@ const TOCNode = ({ activeSection, handleClick, level = BASE_NODE_LEVEL, node })
    {formatText(title, formatTextOptions)} @@ -68,7 +69,7 @@ const TOCNode = ({ activeSection, handleClick, level = BASE_NODE_LEVEL, node }) setIsOpen(!isOpen); }} > - + {isTocIcon && } {formattedTitle} @@ -79,12 +80,12 @@ const TOCNode = ({ activeSection, handleClick, level = BASE_NODE_LEVEL, node }) as={Link} to={target} active={isSelected} - className={cx(sideNavItemTOCStyling({ level }))} + className={cx(sideNavItemTOCStyling({ level, isActive }))} onClick={() => { setIsOpen(!isOpen); }} > - {hasChildren && } + {hasChildren && } {isTocIcon && } {formattedTitle} diff --git a/src/components/Sidenav/styles/sideNavItem.js b/src/components/Sidenav/styles/sideNavItem.js index 92f1bf9a4..db6b7fe1d 100644 --- a/src/components/Sidenav/styles/sideNavItem.js +++ b/src/components/Sidenav/styles/sideNavItem.js @@ -1,5 +1,4 @@ import { css } from '@leafygreen-ui/emotion'; -import { uiColors } from '@leafygreen-ui/palette'; import { theme } from '../../../theme/docsTheme'; export const sideNavItemBasePadding = css` @@ -10,11 +9,16 @@ export const sideNavItemBasePadding = css` `; export const sideNavItemTOCStyling = ({ level = 1 }) => css` - color: ${uiColors.gray.dark3}; padding-bottom: ${theme.size.small}; padding-left: calc(${theme.size.tiny} + (${level} * ${theme.size.default})); padding-right: ${theme.size.medium}; padding-top: ${theme.size.small}; text-transform: none; align-items: flex-start; + font-size: ${theme.fontSize.small}; + line-height: 20px !important; +`; + +export const sideNavItemFontSize = css` + font-size: ${theme.fontSize.small}; `; diff --git a/src/components/Tabs/index.js b/src/components/Tabs/index.js index d3dd6c463..d32e36293 100644 --- a/src/components/Tabs/index.js +++ b/src/components/Tabs/index.js @@ -21,6 +21,21 @@ const getPosition = (element) => { return { x, y }; }; +const defaultTabsStyling = css` + button { + font-size: ${theme.size.default}; + align-items: center; + } + + @media ${theme.screenSize.upToXLarge} { + button { + overflow: initial; + max-width: initial; + text-overflow: initial; + } + } +`; + const hiddenTabsStyling = css` & > div:first-of-type { display: none; @@ -29,33 +44,18 @@ const hiddenTabsStyling = css` const landingTabsStyling = css` & > div:first-of-type { - margin-top: ${theme.size.large}; - margin-bottom: ${theme.size.xlarge}; + margin-top: ${theme.size.medium}; + margin-bottom: ${theme.size.large}; - button { + button[role='tab'] { display: block; flex-grow: 1; } - - @media ${theme.screenSize.upToLarge} { - button { - overflow: initial; - max-width: initial; - text-overflow: initial; - } - } - - @media ${theme.screenSize.upToSmall} { - margin-bottom: 40px; - } - } - - div[role='tabpanel'] { - padding: 0 ${theme.size.default}; } `; const getTabsStyling = ({ isHidden, isProductLanding }) => css` + ${defaultTabsStyling}; ${isHidden && hiddenTabsStyling}; ${isProductLanding && landingTabsStyling}; `; @@ -69,7 +69,7 @@ const landingTabStyling = css` img { border-radius: ${theme.size.small}; grid-column: 2; - margin: auto; + margin-top: 0px; display: block; } diff --git a/src/components/Widgets/FeedbackWidget/FeedbackTab.js b/src/components/Widgets/FeedbackWidget/FeedbackTab.js index 1d32e580c..6f12dd305 100644 --- a/src/components/Widgets/FeedbackWidget/FeedbackTab.js +++ b/src/components/Widgets/FeedbackWidget/FeedbackTab.js @@ -3,6 +3,7 @@ import styled from '@emotion/styled'; import LeafygreenCard from '@leafygreen-ui/card'; import { useFeedbackState } from './context'; import { displayNone } from '../../../utils/display-none'; +import { theme } from '../../../theme/docsTheme'; export default function FeedbackTab(props) { const { feedback, initializeFeedback } = useFeedbackState(); @@ -15,12 +16,15 @@ export default function FeedbackTab(props) { ); } +// TODO: resolve conflict with DOP-2400. const Container = styled(LeafygreenCard)` - bottom: -6px; - cursor: pointer; - padding: 12px; position: fixed; + bottom: -24px; right: 42px; - user-select: none; + padding: 12px; z-index: 9; + border-radius: 7px; + cursor: pointer; + user-select: none; + font-size: ${theme.fontSize.default}; `; diff --git a/src/components/Widgets/QuizWidget/QuizChoice.js b/src/components/Widgets/QuizWidget/QuizChoice.js index ce78839de..f6c243e21 100644 --- a/src/components/Widgets/QuizWidget/QuizChoice.js +++ b/src/components/Widgets/QuizWidget/QuizChoice.js @@ -42,6 +42,8 @@ const getCardStyling = ({ isSelected, isSubmitted, isCorrect }) => css` box-shadow: none !important; margin: auto auto ${theme.size.default} auto; padding: ${theme.size.default}; + min-height: unset; + border-radius: 7px; ${isSelected && `border-color: ${uiColors.black} !important;`}; ${isSubmitted ? submittedStyle({ isCorrect }) : `:hover{ border-color: ${uiColors.black} !important; }`} `; diff --git a/src/styles/mongodb-docs.css b/src/styles/mongodb-docs.css index 941195e3b..a0bfd33e9 100644 --- a/src/styles/mongodb-docs.css +++ b/src/styles/mongodb-docs.css @@ -248,9 +248,6 @@ table { thead { display: table-header-group; } - img { - max-width: 100% !important; - } @page { margin: 2cm 0.5cm; } @@ -288,11 +285,6 @@ textarea { background-image: none; } a:focus, -a:hover { - color: #1A567E; - text-decoration: underline; -} -a:focus, input[type='checkbox']:focus, input[type='file']:focus { outline: #333 dotted thin; @@ -306,25 +298,14 @@ hr { height: 0; border-top: 1px solid #eee; } -p { - margin: 0 0 10px; -} + small { font-size: 85%; } div.body td { text-align: left; } -h1, -h2, -h3, -h4, -h5, -h6 { - font-family: Akzidenz, 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 500; - line-height: 1.1; -} + h1 small, h2 small, h3 small, @@ -340,33 +321,7 @@ h5, h6 { margin-top: 10px; } -h1 { - font-size: 36px; -} -h2 { - font-size: 30px; -} -div.body h2, -h1 small, -h3 { - font-size: 24px; -} -h2 small, -h4 { - font-size: 18px; -} -h3 small, -h4 small, -h5 { - font-size: 14px; -} -h6 { - font-size: 12px; -} -ol, -ul { - margin-top: 0; -} + blockquote p:last-child, div.body li > p.first, li div.line-block, @@ -424,9 +379,6 @@ q:before { .fa4-pull-left { float: left; } -.figure img { - width: 100%; -} @media (min-width: 768px) { .container { max-width: 750px; @@ -460,14 +412,6 @@ dd table, dd ul { margin-bottom: 10px; } -.body h3 + p, -.body h4 + p, -dd p, -h2 + div.section, -h3 + div.section, -h4 + div.section { - margin-top: 0; -} .fa-pull-right, .fa4-pull-right { float: right; @@ -952,9 +896,6 @@ img { line-height: 1; font-family: ChartsIcons; } -img { - border: 0; -} dd { margin-top: 3px; } @@ -990,9 +931,6 @@ dd { .line-block .line-block { margin-left: 1.5em; } -a:hover { - text-decoration: underline; -} .linenos { float: left; width: 2em; @@ -1089,17 +1027,6 @@ div td pre { div.document { margin-left: 25px; } -.body p, -h2, -h3, -h4 { - margin: 24px 0; -} -.body li > p, -body, -div td pre { - margin: 0; -} div.section>h1+dl.dbcommand>dt, div.section>h1+dl.expression>dt, @@ -1123,55 +1050,19 @@ dl.binary { height: 0; } body { - font-family: Akzidenz, 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-family: "Euclid Circular A", Akzidenz, 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: 0; color: #21313C; + margin: 0; } -a, +/* a, a > code { - color: #007CAD; -} + color: #016BF8; +} */ hr { border: 1px solid #b1b4b6; } -a { - text-decoration: none; -} -div.body h1, -div.body h2, -div.body h3, -div.body h4, -div.body h5, -div.body h6 { - font-family: Akzidenz, 'Helvetica Neue', Helvetica, Arial, sans-serif; - font-weight: 200; - line-height: 24px; - color: #21313C; - padding: 0; -} -div.body h1 { - border-top: none; - font-size: 36px; - line-height: 48px; - padding: 0; -} -div.body h3 { - font-size: 18px; - font-weight: 700; -} -div.body h4 { - font-size: 16px; - font-weight: 700; -} -div.body h5 { - font-size: 14px; - font-weight: 700; -} -div.body h6 { - font-size: 14px; - font-weight: 300; -} div.body h1 + dl, div.body h1 + p, div.body h2 + dl, @@ -1183,9 +1074,6 @@ div.body h4 + p { padding: 0; text-indent: 0; } -div.body li { - padding-top: 0.2em; -} a code { font-weight: 400; } diff --git a/src/templates/landing.js b/src/templates/landing.js index 2bde5d0ff..274925803 100644 --- a/src/templates/landing.js +++ b/src/templates/landing.js @@ -46,7 +46,7 @@ const Wrapper = styled('main')` } `; -// The Landing template exclusively represents docs.mongodb.com. All other landings use the ProductLanding template +// The Landing template exclusively represents mongodb.com/docs. All other landings use the ProductLanding template const Landing = ({ children }) => { const { fontSize, screenSize, size } = useTheme(); return ( @@ -82,25 +82,24 @@ const Landing = ({ children }) => { h3, h4 { color: ${uiColors.black}; - font-weight: bold; } h1, h2 { font-size: 32px; - margin-bottom: ${fontSize.default}; + margin-bottom: ${size.default}; } h2 { margin-top: ${size.large}; } p { color: ${uiColors.black}; - font-size: ${fontSize.default}; + font-size: ${fontSize.small}; letter-spacing: 0.5px; margin-bottom: ${size.default}; } a { color: ${uiColors.blue.base}; - font-size: ${fontSize.default}; + font-size: ${fontSize.small}; letter-spacing: 0.5px; } a:hover { diff --git a/src/templates/product-landing.js b/src/templates/product-landing.js index 60d5f7bdb..b718c7755 100644 --- a/src/templates/product-landing.js +++ b/src/templates/product-landing.js @@ -1,36 +1,30 @@ import React from 'react'; import PropTypes from 'prop-types'; import styled from '@emotion/styled'; -import { uiColors } from '@leafygreen-ui/palette'; +import { palette } from '@leafygreen-ui/palette'; import { useSiteMetadata } from '../hooks/use-site-metadata.js'; import { theme } from '../theme/docsTheme.js'; const CONTENT_MAX_WIDTH = 1200; const Wrapper = styled('main')` - color: ${uiColors.black}; ${({ isGuides }) => !isGuides && `margin: 0 auto ${theme.size.xlarge} auto;`} width: 100%; - h1, - h2, - h3, - h4, - h5, - h6 { - font-weight: 600; + h1 { + color: black; } - h1 { - font-size: ${theme.fontSize.h2}; - margin-bottom: ${theme.size.default}; + h2 { + margin-top: ${theme.size.small}; + margin-bottom: ${theme.size.small}; } - h2, h3 { - font-size: 21px; - margin-top: 0px; - margin-bottom: ${theme.size.default}; + font-weight: 600; + font-size: 16px; + line-height: 28px; + margin-bottom: 8px; } section { @@ -38,15 +32,11 @@ const Wrapper = styled('main')` } section p { - font-size: ${theme.fontSize.default}; grid-column: 2; - letter-spacing: 0.5px; - margin-bottom: ${theme.size.small}; max-width: 500px; } section p > a { - font-size: ${theme.fontSize.default}; letter-spacing: 0.5px; :hover { text-decoration: none; @@ -79,7 +69,7 @@ const Wrapper = styled('main')` isGuides && ` @media ${theme.screenSize.mediumAndUp} { - color: ${uiColors.white}; + color: ${palette.white}; } `} } @@ -87,7 +77,7 @@ const Wrapper = styled('main')` > img { display: block; grid-column: 2; - margin: auto; + margin-top: auto; max-width: 600px; width: 100%; @@ -120,13 +110,15 @@ const Wrapper = styled('main')` > .introduction { grid-column: 2; grid-row: 2; - ${({ isGuides }) => - isGuides && - ` - @media ${theme.screenSize.mediumAndUp} { - color: ${uiColors.white}; - } - `} + p { + ${({ isGuides }) => + isGuides && + ` + @media ${theme.screenSize.mediumAndUp} { + color: ${palette.white}; + } + `} + } } > .chapters { diff --git a/src/theme/docsTheme.js b/src/theme/docsTheme.js index ed109b2d4..bd58e34dc 100644 --- a/src/theme/docsTheme.js +++ b/src/theme/docsTheme.js @@ -5,7 +5,7 @@ const fontSize = { xsmall: '11px', tiny: '12px', - small: '14px', + small: '13px', default: '16px', h1: '36px', h2: '24px', diff --git a/src/utils/append-trailing-punctuation.js b/src/utils/append-trailing-punctuation.js deleted file mode 100644 index 0acf1ea91..000000000 --- a/src/utils/append-trailing-punctuation.js +++ /dev/null @@ -1,18 +0,0 @@ -// Append dangling punctuation to preceding Link's text -export const appendTrailingPunctuation = (nodes) => { - const truncatedNodes = []; - - for (let i = 0; i < nodes.length; i++) { - const currNode = nodes[i]; - const nextNode = nodes[i + 1]; - const isReference = currNode.type === 'reference'; - const hasDanglingSibling = nextNode?.type === 'text' && nextNode.value?.length === 1; - - if (isReference && hasDanglingSibling) { - currNode.children[0].value += nextNode.value; - i++; - } - truncatedNodes.push(currNode); - } - return truncatedNodes; -}; diff --git a/tests/unit/Paragraph.test.js b/tests/unit/Paragraph.test.js index c229e3f9c..5aae30a5b 100644 --- a/tests/unit/Paragraph.test.js +++ b/tests/unit/Paragraph.test.js @@ -4,16 +4,8 @@ import Paragraph from '../../src/components/Paragraph'; // data for this component import mockData from './data/Paragraph.test.json'; -import mockDataFormat from './data/Paragraph-Format.test.json'; -describe('Paragraph unit tests', () => { - it('renders correctly', () => { - const tree = render(); - expect(tree.asFragment()).toMatchSnapshot(); - }); - - it('handles formatting dangling punctuation after Links', () => { - const tree = render(); - expect(tree.asFragment()).toMatchSnapshot(); - }); +it('renders correctly', () => { + const tree = render(); + expect(tree.asFragment()).toMatchSnapshot(); }); diff --git a/tests/unit/__snapshots__/Card.test.js.snap b/tests/unit/__snapshots__/Card.test.js.snap index 695fcbfb6..6f2139bc8 100644 --- a/tests/unit/__snapshots__/Card.test.js.snap +++ b/tests/unit/__snapshots__/Card.test.js.snap @@ -20,28 +20,36 @@ exports[`renders correctly 1`] = ` .emotion-2 { position: relative; - border-radius: 7px; - -webkit-transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - border: 1px solid #E7EEEC; - box-shadow: 0 4px 10px -4px rgba(6,22,33,0.3); + -webkit-transition: 150ms ease-in-out; + transition: 150ms ease-in-out; + transition-property: border,box-shadow; + border: 1px solid #E8EDEB; + box-shadow: 0 4px 10px -4px rgba(0,30,43,0.3); background-color: white; - color: #21313C; + color: #1C2D38; + border-radius: 24px; + font-family: 'Euclid Circular A',Akzidenz,'Helvetica Neue',Helvetica,Arial,sans-serif; + font-size: 13px; + line-height: 20px; + padding: 24px; + min-height: 68px; cursor: pointer; } .emotion-2:focus { outline: none; - box-shadow: 0 4px 10px -4px rgba(6,22,33,0.3),0 0 0 3px #9DD0E7; + box-shadow: 0 0 0 2px #FFFFFF,0 0 0 4px #0498EC,0 4px 10px -4px rgba(0,30,43,0.3); } -.emotion-2:hover { - border: 1px solid #E7EEEC; - box-shadow: 0 2px 6px -2px rgba(6,22,33,0.6); +.emotion-2:hover, +.emotion-2:active { + border: 1px solid #E8EDEB; + box-shadow: 0 4px 20px -4px rgba(0,30,43,0.2); } -.emotion-2:hover:focus { - box-shadow: 0 2px 6px -2px rgba(6,22,33,0.6),0 0 0 3px #9DD0E7; +.emotion-2:hover:focus, +.emotion-2:active:focus { + box-shadow: 0 0 0 2px #FFFFFF,0 0 0 4px #0498EC,0 4px 20px -4px rgba(0,30,43,0.2); } .emotion-3 { diff --git a/tests/unit/__snapshots__/CardGroup.test.js.snap b/tests/unit/__snapshots__/CardGroup.test.js.snap index e656efff6..ff677733e 100644 --- a/tests/unit/__snapshots__/CardGroup.test.js.snap +++ b/tests/unit/__snapshots__/CardGroup.test.js.snap @@ -64,28 +64,36 @@ exports[`renders correctly 1`] = ` .emotion-4 { position: relative; - border-radius: 7px; - -webkit-transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - border: 1px solid #E7EEEC; - box-shadow: 0 4px 10px -4px rgba(6,22,33,0.3); + -webkit-transition: 150ms ease-in-out; + transition: 150ms ease-in-out; + transition-property: border,box-shadow; + border: 1px solid #E8EDEB; + box-shadow: 0 4px 10px -4px rgba(0,30,43,0.3); background-color: white; - color: #21313C; + color: #1C2D38; + border-radius: 24px; + font-family: 'Euclid Circular A',Akzidenz,'Helvetica Neue',Helvetica,Arial,sans-serif; + font-size: 13px; + line-height: 20px; + padding: 24px; + min-height: 68px; cursor: pointer; } .emotion-4:focus { outline: none; - box-shadow: 0 4px 10px -4px rgba(6,22,33,0.3),0 0 0 3px #9DD0E7; + box-shadow: 0 0 0 2px #FFFFFF,0 0 0 4px #0498EC,0 4px 10px -4px rgba(0,30,43,0.3); } -.emotion-4:hover { - border: 1px solid #E7EEEC; - box-shadow: 0 2px 6px -2px rgba(6,22,33,0.6); +.emotion-4:hover, +.emotion-4:active { + border: 1px solid #E8EDEB; + box-shadow: 0 4px 20px -4px rgba(0,30,43,0.2); } -.emotion-4:hover:focus { - box-shadow: 0 2px 6px -2px rgba(6,22,33,0.6),0 0 0 3px #9DD0E7; +.emotion-4:hover:focus, +.emotion-4:active:focus { + box-shadow: 0 0 0 2px #FFFFFF,0 0 0 4px #0498EC,0 4px 20px -4px rgba(0,30,43,0.2); } .emotion-5 { diff --git a/tests/unit/__snapshots__/CardRef.test.js.snap b/tests/unit/__snapshots__/CardRef.test.js.snap index 5d89ca086..9fca55a23 100644 --- a/tests/unit/__snapshots__/CardRef.test.js.snap +++ b/tests/unit/__snapshots__/CardRef.test.js.snap @@ -62,13 +62,19 @@ exports[`card correctly with and without url 1`] = ` .emotion-4 { position: relative; - border-radius: 7px; - -webkit-transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - border: 1px solid #E7EEEC; - box-shadow: 0 4px 10px -4px rgba(6,22,33,0.3); + -webkit-transition: 150ms ease-in-out; + transition: 150ms ease-in-out; + transition-property: border,box-shadow; + border: 1px solid #E8EDEB; + box-shadow: 0 4px 10px -4px rgba(0,30,43,0.3); background-color: white; - color: #21313C; + color: #1C2D38; + border-radius: 24px; + font-family: 'Euclid Circular A',Akzidenz,'Helvetica Neue',Helvetica,Arial,sans-serif; + font-size: 13px; + line-height: 20px; + padding: 24px; + min-height: 68px; } .emotion-5 { @@ -117,28 +123,36 @@ exports[`card correctly with and without url 1`] = ` .emotion-25 { position: relative; - border-radius: 7px; - -webkit-transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - border: 1px solid #E7EEEC; - box-shadow: 0 4px 10px -4px rgba(6,22,33,0.3); + -webkit-transition: 150ms ease-in-out; + transition: 150ms ease-in-out; + transition-property: border,box-shadow; + border: 1px solid #E8EDEB; + box-shadow: 0 4px 10px -4px rgba(0,30,43,0.3); background-color: white; - color: #21313C; + color: #1C2D38; + border-radius: 24px; + font-family: 'Euclid Circular A',Akzidenz,'Helvetica Neue',Helvetica,Arial,sans-serif; + font-size: 13px; + line-height: 20px; + padding: 24px; + min-height: 68px; cursor: pointer; } .emotion-25:focus { outline: none; - box-shadow: 0 4px 10px -4px rgba(6,22,33,0.3),0 0 0 3px #9DD0E7; + box-shadow: 0 0 0 2px #FFFFFF,0 0 0 4px #0498EC,0 4px 10px -4px rgba(0,30,43,0.3); } -.emotion-25:hover { - border: 1px solid #E7EEEC; - box-shadow: 0 2px 6px -2px rgba(6,22,33,0.6); +.emotion-25:hover, +.emotion-25:active { + border: 1px solid #E8EDEB; + box-shadow: 0 4px 20px -4px rgba(0,30,43,0.2); } -.emotion-25:hover:focus { - box-shadow: 0 2px 6px -2px rgba(6,22,33,0.6),0 0 0 3px #9DD0E7; +.emotion-25:hover:focus, +.emotion-25:active:focus { + box-shadow: 0 0 0 2px #FFFFFF,0 0 0 4px #0498EC,0 4px 20px -4px rgba(0,30,43,0.2); } .emotion-32 { diff --git a/tests/unit/__snapshots__/Chapter.test.js.snap b/tests/unit/__snapshots__/Chapter.test.js.snap index f902956a0..4b8d3597b 100644 --- a/tests/unit/__snapshots__/Chapter.test.js.snap +++ b/tests/unit/__snapshots__/Chapter.test.js.snap @@ -39,13 +39,19 @@ exports[`renders correctly 1`] = ` .emotion-2 { position: relative; - border-radius: 7px; - -webkit-transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - border: 1px solid #E7EEEC; - box-shadow: 0 4px 10px -4px rgba(6,22,33,0.3); + -webkit-transition: 150ms ease-in-out; + transition: 150ms ease-in-out; + transition-property: border,box-shadow; + border: 1px solid #E8EDEB; + box-shadow: 0 4px 10px -4px rgba(0,30,43,0.3); background-color: white; - color: #21313C; + color: #1C2D38; + border-radius: 24px; + font-family: 'Euclid Circular A',Akzidenz,'Helvetica Neue',Helvetica,Arial,sans-serif; + font-size: 13px; + line-height: 20px; + padding: 24px; + min-height: 68px; } .emotion-3 { diff --git a/tests/unit/__snapshots__/GuideNext.test.js.snap b/tests/unit/__snapshots__/GuideNext.test.js.snap index ef297a655..a2d31a540 100644 --- a/tests/unit/__snapshots__/GuideNext.test.js.snap +++ b/tests/unit/__snapshots__/GuideNext.test.js.snap @@ -196,6 +196,20 @@ exports[`GuideNext renders the default copy on the final guide 1`] = ` } .emotion-13 { + position: relative; + -webkit-transition: 150ms ease-in-out; + transition: 150ms ease-in-out; + transition-property: border,box-shadow; + border: 1px solid #E8EDEB; + box-shadow: 0 4px 10px -4px rgba(0,30,43,0.3); + background-color: white; + color: #1C2D38; + border-radius: 24px; + font-family: 'Euclid Circular A',Akzidenz,'Helvetica Neue',Helvetica,Arial,sans-serif; + font-size: 13px; + line-height: 20px; + padding: 24px; + min-height: 68px; margin-top: 40px; padding: 40px 24px; } @@ -222,22 +236,11 @@ exports[`GuideNext renders the default copy on the final guide 1`] = ` } .emotion-14 { - position: relative; - border-radius: 7px; - -webkit-transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - transition: border 300ms ease-in-out,box-shadow 300ms ease-in-out; - border: 1px solid #E7EEEC; - box-shadow: 0 4px 10px -4px rgba(6,22,33,0.3); - background-color: white; - color: #21313C; -} - -.emotion-15 { margin-bottom: 24px; } @media not all and (max-width: 767px) { - .emotion-15 { + .emotion-14 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -247,7 +250,7 @@ exports[`GuideNext renders the default copy on the final guide 1`] = ` } } -.emotion-18 { +.emotion-17 { background-color: #E4F4E4; border-radius: 4px; color: #13AA52; @@ -259,17 +262,17 @@ exports[`GuideNext renders the default copy on the final guide 1`] = ` margin-bottom: 8px; } -.emotion-20 { +.emotion-19 { color: #061621; font-weight: bold; } -.emotion-22 { +.emotion-21 { list-style: none; padding-left: 0; } -.emotion-24 { +.emotion-23 { -webkit-align-items: flex-start; -webkit-box-align: flex-start; -ms-flex-align: flex-start; @@ -283,11 +286,11 @@ exports[`GuideNext renders the default copy on the final guide 1`] = ` position: relative; } -.emotion-24:not(:last-child) { +.emotion-23:not(:last-child) { padding-bottom: 16px; } -.emotion-24:not(:last-child):before { +.emotion-23:not(:last-child):before { content: ''; position: absolute; left: 10px; @@ -296,7 +299,7 @@ exports[`GuideNext renders the default copy on the final guide 1`] = ` border-left: solid 1px #13AA52; } -.emotion-26 { +.emotion-25 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -316,18 +319,18 @@ exports[`GuideNext renders the default copy on the final guide 1`] = ` min-height: 20px; } -.emotion-28 { +.emotion-27 { color: #13AA52; } -.emotion-29 { +.emotion-28 { color: #061621; -webkit-text-decoration: none; text-decoration: none; } -.emotion-29:hover, -.emotion-29:active { +.emotion-28:hover, +.emotion-28:active { color: currentColor; -webkit-text-decoration: none; text-decoration: none; @@ -375,36 +378,36 @@ exports[`GuideNext renders the default copy on the final guide 1`] = `
    Chapter 2
    CRUD
    Chapter 2
    CRUD
    Chapter 1
    Atlas