diff --git a/package-lock.json b/package-lock.json index cf80e2caa5..5634d056bc 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,12 +10,16 @@ "hasInstallScript": true, "license": "Apache-2.0", "dependencies": { + "@fortawesome/fontawesome-svg-core": "^6.3.0", + "@fortawesome/pro-regular-svg-icons": "^6.3.0", + "@fortawesome/pro-solid-svg-icons": "^6.3.0", + "@fortawesome/react-fontawesome": "^0.2.0", "@mdx-js/loader": "1.6.22", "@mdx-js/mdx": "1.6.22", "@mdx-js/react": "1.6.22", "@philpl/buble": "0.19.7", "@prisma/client": "^4.8.1", - "@prisma/lens": "0.0.419", + "@prisma/lens": "0.0.420", "algoliasearch": "4.14.2", "babel-plugin-styled-components": "2.0.7", "gatsby": "4.22.1", @@ -2295,16 +2299,24 @@ } }, "node_modules/@fortawesome/fontawesome-svg-core": { - "version": "6.2.1", - "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-svg-core/-/6.2.1/fontawesome-svg-core-6.2.1.tgz", - "integrity": "sha512-HELwwbCz6C1XEcjzyT1Jugmz2NNklMrSPjZOWMlc+ZsHIVk+XOvOXLGGQtFBwSyqfJDNgRq4xBCwWOaZ/d9DEA==", + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-svg-core/-/6.3.0/fontawesome-svg-core-6.3.0.tgz", + "integrity": "sha512-uz9YifyKlixV6AcKlOX8WNdtF7l6nakGyLYxYaCa823bEBqyj/U2ssqtctO38itNEwXb8/lMzjdoJ+aaJuOdrw==", "dependencies": { - "@fortawesome/fontawesome-common-types": "6.2.1" + "@fortawesome/fontawesome-common-types": "6.3.0" }, "engines": { "node": ">=6" } }, + "node_modules/@fortawesome/fontawesome-svg-core/node_modules/@fortawesome/fontawesome-common-types": { + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-common-types/-/6.3.0/fontawesome-common-types-6.3.0.tgz", + "integrity": "sha512-4BC1NMoacEBzSXRwKjZ/X/gmnbp/HU5Qqat7E8xqorUtBFZS+bwfGH5/wqOC2K6GV0rgEobp3OjGRMa5fK9pFg==", + "engines": { + "node": ">=6" + } + }, "node_modules/@fortawesome/free-brands-svg-icons": { "version": "6.2.1", "resolved": "https://npm.fontawesome.com/@fortawesome/free-brands-svg-icons/-/6.2.1/free-brands-svg-icons-6.2.1.tgz", @@ -2317,16 +2329,43 @@ } }, "node_modules/@fortawesome/pro-regular-svg-icons": { - "version": "6.2.1", - "resolved": "https://npm.fontawesome.com/@fortawesome/pro-regular-svg-icons/-/6.2.1/pro-regular-svg-icons-6.2.1.tgz", - "integrity": "sha512-U3JCqJjwkNSrxgDafsBBUQBbOlvTsa4Odtn7m01NDko45pZu2nh3eqCexovy4y6LzWXXP/Spq+AO29CBpCW8yA==", + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/pro-regular-svg-icons/-/6.3.0/pro-regular-svg-icons-6.3.0.tgz", + "integrity": "sha512-hECySYDlfHKz+/s9QSJxjFZUIBV3U78x6v5QYhyYWSpIyBbk93i2u+p9J3b8AlvnABL6ENmxF/5Kg3WgLUwShw==", "dependencies": { - "@fortawesome/fontawesome-common-types": "6.2.1" + "@fortawesome/fontawesome-common-types": "6.3.0" + }, + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/pro-regular-svg-icons/node_modules/@fortawesome/fontawesome-common-types": { + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-common-types/-/6.3.0/fontawesome-common-types-6.3.0.tgz", + "integrity": "sha512-4BC1NMoacEBzSXRwKjZ/X/gmnbp/HU5Qqat7E8xqorUtBFZS+bwfGH5/wqOC2K6GV0rgEobp3OjGRMa5fK9pFg==", + "engines": { + "node": ">=6" + } + }, + "node_modules/@fortawesome/pro-solid-svg-icons": { + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/pro-solid-svg-icons/-/6.3.0/pro-solid-svg-icons-6.3.0.tgz", + "integrity": "sha512-i5jPB+xDhZbOsujruT9lnRbmcE/gO9/9GC5uvfSiQOTclkkforGqg2Hv5hOfGzH+d7UMhyI4cpcESBttuogTBw==", + "dependencies": { + "@fortawesome/fontawesome-common-types": "6.3.0" }, "engines": { "node": ">=6" } }, + "node_modules/@fortawesome/pro-solid-svg-icons/node_modules/@fortawesome/fontawesome-common-types": { + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-common-types/-/6.3.0/fontawesome-common-types-6.3.0.tgz", + "integrity": "sha512-4BC1NMoacEBzSXRwKjZ/X/gmnbp/HU5Qqat7E8xqorUtBFZS+bwfGH5/wqOC2K6GV0rgEobp3OjGRMa5fK9pFg==", + "engines": { + "node": ">=6" + } + }, "node_modules/@fortawesome/react-fontawesome": { "version": "0.2.0", "resolved": "https://npm.fontawesome.com/@fortawesome/react-fontawesome/-/0.2.0/react-fontawesome-0.2.0.tgz", @@ -4616,9 +4655,9 @@ "integrity": "sha512-MHSOSexomRMom8QN4t7bu87wPPD+pa+hW9+71JnVcF3DqyyO/ycCLhRL1we3EojRpZxKvuyGho2REQsMCvxcJw==" }, "node_modules/@prisma/lens": { - "version": "0.0.419", - "resolved": "https://registry.npmjs.org/@prisma/lens/-/lens-0.0.419.tgz", - "integrity": "sha512-S7IFlJLsX9n8dr5oOGY7RsIExg7F+48Zh94YQmYvkWG/Lqgn962gOzP+B5YPbTZfDn5f4aflxxu/bI6inx/apQ==", + "version": "0.0.420", + "resolved": "https://registry.npmjs.org/@prisma/lens/-/lens-0.0.420.tgz", + "integrity": "sha512-0jmMj4cSDO3lcX1dNgRSRDwbkjiP7eA8rKtA6euA0pvnUbMwLds5EASDA+qFlzr2pn0aTFcELUszmJ+36fpgLg==", "dependencies": { "@fortawesome/fontawesome-svg-core": "^6.2.1", "@fortawesome/free-brands-svg-icons": "^6.2.1", @@ -4641,9 +4680,9 @@ } }, "node_modules/@sideway/formula": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.0.tgz", - "integrity": "sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg==" + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz", + "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==" }, "node_modules/@sideway/pinpoint": { "version": "2.0.0", @@ -11153,9 +11192,9 @@ } }, "node_modules/gatsby-plugin-mdx/node_modules/loader-utils/node_modules/json5": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", - "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", "dependencies": { "minimist": "^1.2.0" }, @@ -12948,9 +12987,9 @@ } }, "node_modules/http-cache-semantics": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz", - "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==" + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz", + "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==" }, "node_modules/http-errors": { "version": "2.0.0", @@ -14006,9 +14045,9 @@ "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==" }, "node_modules/json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==", + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==", "bin": { "json5": "lib/cli.js" }, @@ -21045,9 +21084,9 @@ } }, "node_modules/tsconfig-paths/node_modules/json5": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", - "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", "dependencies": { "minimist": "^1.2.0" }, @@ -21224,9 +21263,9 @@ } }, "node_modules/ua-parser-js": { - "version": "0.7.32", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.32.tgz", - "integrity": "sha512-f9BESNVhzlhEFf2CHMSj40NWOjYPl1YKYbrvIr/hFTDEmLq7SRbWvm7FcdcpCYT95zrOhC7gZSxjdnnTpBcwVw==", + "version": "0.7.33", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.33.tgz", + "integrity": "sha512-s8ax/CeZdK9R/56Sui0WM6y9OFREJarMRHqLB2EwkovemBxNQ+Bqu8GAsUnVcXKgphb++ghr/B2BZx4mahujPw==", "funding": [ { "type": "opencollective", @@ -22363,9 +22402,9 @@ } }, "node_modules/yaml-loader/node_modules/json5": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", - "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", "dependencies": { "minimist": "^1.2.0" }, @@ -24130,11 +24169,18 @@ "integrity": "sha512-Sz07mnQrTekFWLz5BMjOzHl/+NooTdW8F8kDQxjWwbpOJcnoSg4vUDng8d/WR1wOxM0O+CY9Zw0nR054riNYtQ==" }, "@fortawesome/fontawesome-svg-core": { - "version": "6.2.1", - "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-svg-core/-/6.2.1/fontawesome-svg-core-6.2.1.tgz", - "integrity": "sha512-HELwwbCz6C1XEcjzyT1Jugmz2NNklMrSPjZOWMlc+ZsHIVk+XOvOXLGGQtFBwSyqfJDNgRq4xBCwWOaZ/d9DEA==", + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-svg-core/-/6.3.0/fontawesome-svg-core-6.3.0.tgz", + "integrity": "sha512-uz9YifyKlixV6AcKlOX8WNdtF7l6nakGyLYxYaCa823bEBqyj/U2ssqtctO38itNEwXb8/lMzjdoJ+aaJuOdrw==", "requires": { - "@fortawesome/fontawesome-common-types": "6.2.1" + "@fortawesome/fontawesome-common-types": "6.3.0" + }, + "dependencies": { + "@fortawesome/fontawesome-common-types": { + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-common-types/-/6.3.0/fontawesome-common-types-6.3.0.tgz", + "integrity": "sha512-4BC1NMoacEBzSXRwKjZ/X/gmnbp/HU5Qqat7E8xqorUtBFZS+bwfGH5/wqOC2K6GV0rgEobp3OjGRMa5fK9pFg==" + } } }, "@fortawesome/free-brands-svg-icons": { @@ -24146,11 +24192,33 @@ } }, "@fortawesome/pro-regular-svg-icons": { - "version": "6.2.1", - "resolved": "https://npm.fontawesome.com/@fortawesome/pro-regular-svg-icons/-/6.2.1/pro-regular-svg-icons-6.2.1.tgz", - "integrity": "sha512-U3JCqJjwkNSrxgDafsBBUQBbOlvTsa4Odtn7m01NDko45pZu2nh3eqCexovy4y6LzWXXP/Spq+AO29CBpCW8yA==", + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/pro-regular-svg-icons/-/6.3.0/pro-regular-svg-icons-6.3.0.tgz", + "integrity": "sha512-hECySYDlfHKz+/s9QSJxjFZUIBV3U78x6v5QYhyYWSpIyBbk93i2u+p9J3b8AlvnABL6ENmxF/5Kg3WgLUwShw==", "requires": { - "@fortawesome/fontawesome-common-types": "6.2.1" + "@fortawesome/fontawesome-common-types": "6.3.0" + }, + "dependencies": { + "@fortawesome/fontawesome-common-types": { + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-common-types/-/6.3.0/fontawesome-common-types-6.3.0.tgz", + "integrity": "sha512-4BC1NMoacEBzSXRwKjZ/X/gmnbp/HU5Qqat7E8xqorUtBFZS+bwfGH5/wqOC2K6GV0rgEobp3OjGRMa5fK9pFg==" + } + } + }, + "@fortawesome/pro-solid-svg-icons": { + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/pro-solid-svg-icons/-/6.3.0/pro-solid-svg-icons-6.3.0.tgz", + "integrity": "sha512-i5jPB+xDhZbOsujruT9lnRbmcE/gO9/9GC5uvfSiQOTclkkforGqg2Hv5hOfGzH+d7UMhyI4cpcESBttuogTBw==", + "requires": { + "@fortawesome/fontawesome-common-types": "6.3.0" + }, + "dependencies": { + "@fortawesome/fontawesome-common-types": { + "version": "6.3.0", + "resolved": "https://npm.fontawesome.com/@fortawesome/fontawesome-common-types/-/6.3.0/fontawesome-common-types-6.3.0.tgz", + "integrity": "sha512-4BC1NMoacEBzSXRwKjZ/X/gmnbp/HU5Qqat7E8xqorUtBFZS+bwfGH5/wqOC2K6GV0rgEobp3OjGRMa5fK9pFg==" + } } }, "@fortawesome/react-fontawesome": { @@ -25769,9 +25837,9 @@ "integrity": "sha512-MHSOSexomRMom8QN4t7bu87wPPD+pa+hW9+71JnVcF3DqyyO/ycCLhRL1we3EojRpZxKvuyGho2REQsMCvxcJw==" }, "@prisma/lens": { - "version": "0.0.419", - "resolved": "https://registry.npmjs.org/@prisma/lens/-/lens-0.0.419.tgz", - "integrity": "sha512-S7IFlJLsX9n8dr5oOGY7RsIExg7F+48Zh94YQmYvkWG/Lqgn962gOzP+B5YPbTZfDn5f4aflxxu/bI6inx/apQ==", + "version": "0.0.420", + "resolved": "https://registry.npmjs.org/@prisma/lens/-/lens-0.0.420.tgz", + "integrity": "sha512-0jmMj4cSDO3lcX1dNgRSRDwbkjiP7eA8rKtA6euA0pvnUbMwLds5EASDA+qFlzr2pn0aTFcELUszmJ+36fpgLg==", "requires": { "@fortawesome/fontawesome-svg-core": "^6.2.1", "@fortawesome/free-brands-svg-icons": "^6.2.1", @@ -25789,9 +25857,9 @@ } }, "@sideway/formula": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.0.tgz", - "integrity": "sha512-vHe7wZ4NOXVfkoRb8T5otiENVlT7a3IAiw7H5M2+GO+9CDgcVUUsX1zalAztCmwyOr2RUTGJdgB+ZvSVqmdHmg==" + "version": "3.0.1", + "resolved": "https://registry.npmjs.org/@sideway/formula/-/formula-3.0.1.tgz", + "integrity": "sha512-/poHZJJVjx3L+zVD6g9KgHfYnb443oi7wLu/XKojDviHy6HOEOA6z1Trk5aR1dGcmPenJEgb2sK2I80LeS3MIg==" }, "@sideway/pinpoint": { "version": "2.0.0", @@ -30848,9 +30916,9 @@ }, "dependencies": { "json5": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", - "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", "requires": { "minimist": "^1.2.0" } @@ -32129,9 +32197,9 @@ } }, "http-cache-semantics": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz", - "integrity": "sha512-carPklcUh7ROWRK7Cv27RPtdhYhUsela/ue5/jKzjegVvXDqM2ILE9Q2BGn9JZJh1g87cp56su/FgQSzcWS8cQ==" + "version": "4.1.1", + "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.1.1.tgz", + "integrity": "sha512-er295DKPVsV82j5kw1Gjt+ADA/XYHsajl82cGNQG2eyoPkvgUhX+nDIyelzhIWbbsXP39EHcI6l5tYs2FYqYXQ==" }, "http-errors": { "version": "2.0.0", @@ -32851,9 +32919,9 @@ "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==" }, "json5": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.1.tgz", - "integrity": "sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==" + "version": "2.2.3", + "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz", + "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==" }, "jsonfile": { "version": "6.1.0", @@ -38143,9 +38211,9 @@ }, "dependencies": { "json5": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", - "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", "requires": { "minimist": "^1.2.0" } @@ -38281,9 +38349,9 @@ "integrity": "sha512-C0I1UsrrDHo2fYI5oaCGbSejwX4ch+9Y5jTQELvovfmFkK3HHSZJB8MSJcWLmCUBzQBchCrZ9rMRV6GuNrvGtw==" }, "ua-parser-js": { - "version": "0.7.32", - "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.32.tgz", - "integrity": "sha512-f9BESNVhzlhEFf2CHMSj40NWOjYPl1YKYbrvIr/hFTDEmLq7SRbWvm7FcdcpCYT95zrOhC7gZSxjdnnTpBcwVw==" + "version": "0.7.33", + "resolved": "https://registry.npmjs.org/ua-parser-js/-/ua-parser-js-0.7.33.tgz", + "integrity": "sha512-s8ax/CeZdK9R/56Sui0WM6y9OFREJarMRHqLB2EwkovemBxNQ+Bqu8GAsUnVcXKgphb++ghr/B2BZx4mahujPw==" }, "unbox-primitive": { "version": "1.0.2", @@ -39120,9 +39188,9 @@ }, "dependencies": { "json5": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.1.tgz", - "integrity": "sha512-aKS4WQjPenRxiQsC93MNfjx+nbF4PAdYzmd/1JIj8HYzqfbu86beTuNgXDzPknWk0n0uARlyewZo4s++ES36Ow==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/json5/-/json5-1.0.2.tgz", + "integrity": "sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==", "requires": { "minimist": "^1.2.0" } diff --git a/package.json b/package.json index d583a092ed..65a8f079ad 100644 --- a/package.json +++ b/package.json @@ -4,12 +4,16 @@ "version": "1.0.0", "author": "Nilufar Bava ", "dependencies": { + "@fortawesome/fontawesome-svg-core": "^6.3.0", + "@fortawesome/pro-regular-svg-icons": "^6.3.0", + "@fortawesome/pro-solid-svg-icons": "^6.3.0", + "@fortawesome/react-fontawesome": "^0.2.0", "@mdx-js/loader": "1.6.22", "@mdx-js/mdx": "1.6.22", "@mdx-js/react": "1.6.22", "@philpl/buble": "0.19.7", "@prisma/client": "^4.8.1", - "@prisma/lens": "0.0.419", + "@prisma/lens": "0.0.420", "algoliasearch": "4.14.2", "babel-plugin-styled-components": "2.0.7", "gatsby": "4.22.1", diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx new file mode 100644 index 0000000000..c32692c7de --- /dev/null +++ b/src/components/Icon.tsx @@ -0,0 +1,36 @@ +import { IconProp } from '@fortawesome/fontawesome-svg-core' +import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' +import React from 'react' +import styled from 'styled-components' + +interface IconProps { + icon: IconProp + color?: string + className?: string + width?: string + height?: string + btn?: boolean +} + +const FontAwesomeIconHolder = styled(FontAwesomeIcon)<{ + width: string + height: string + btn: boolean +}>` + ${(props) => (props.width !== '100%' ? `max-width: ${props.width}` : ``)}; + ${(props) => (props.height !== '100%' ? `max-height: ${props.height}` : ``)}; + ${(props) => (props.btn ? `margin-left: 8px;` : '')} + height: 100%; + width: 100%; +` + +export const Icon = ({ icon, color, className, width, height, btn }: IconProps) => ( + +) diff --git a/src/icons/home/CLI.tsx b/src/icons/home/CLI.tsx index cf88b064c8..29c78b74d4 100644 --- a/src/icons/home/CLI.tsx +++ b/src/icons/home/CLI.tsx @@ -1,20 +1,134 @@ import * as React from 'react' export default () => ( - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) diff --git a/src/icons/home/DbLink.tsx b/src/icons/home/DbLink.tsx index 54771c5b8f..d3a8b178c8 100644 --- a/src/icons/home/DbLink.tsx +++ b/src/icons/home/DbLink.tsx @@ -1,26 +1,289 @@ import * as React from 'react' export default () => ( - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) diff --git a/src/icons/home/Schema.tsx b/src/icons/home/Schema.tsx index 2472bcbe5f..a6e4d19949 100644 --- a/src/icons/home/Schema.tsx +++ b/src/icons/home/Schema.tsx @@ -1,41 +1,134 @@ import * as React from 'react' export default () => ( - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) diff --git a/src/pages/index.tsx b/src/pages/index.tsx index fe22a2237b..9850102cfc 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -3,7 +3,7 @@ import Layout from '../components/layout' import styled from 'styled-components' import background from '../images/home-bg.svg' import listDot from '../images/list-dot.png' -import { BookOpen, Package, Database, Menu, ArrowRight, ChevronsRight } from 'react-feather' +import { ArrowRight, ChevronsRight } from 'react-feather' import { graphql, useStaticQuery, withPrefix } from 'gatsby' import { PrimaryButton, SpecialButton } from '../components/button' @@ -12,13 +12,22 @@ import DbLink from '../icons/home/DbLink' import CLI from '../icons/home/CLI' import Link from '../components/link' import SEO from '../components/seo' +import { defaultTheme, Headings } from '@prisma/lens/dist/web' +import { Icon } from '../components/Icon' +import { + faArrowRight, + faBars, + faBookOpen, + faBox, + faDatabase, +} from '@fortawesome/pro-regular-svg-icons' const icons: any = { DoubleArrow: , - OverviewIcon: , - ComponentsIcon: , - DatabaseIcon: , - MoreIcon: , + OverviewIcon: , + ComponentsIcon: , + DatabaseIcon: , + MoreIcon: , Schema: , DbLink: , CLI: , @@ -31,11 +40,7 @@ const Summary = styled.div` align-items: center; background: url(${background}) center -150px no-repeat; h1 { - font-weight: bold; - font-family: ${(p) => p.theme.fonts.display}; - font-size: ${(p) => p.theme.fontSizes[56]}; margin: 0; - text-align: center; } p { max-width: 800px; @@ -49,9 +54,6 @@ const Summary = styled.div` } } @media (max-width: ${(p) => p.theme.breakpoints.tablet}) { - h1 { - font-size: ${(p) => p.theme.fontSizes[32]}; - } p { font-size: ${(p) => p.theme.fontSizes[16]}; } @@ -137,10 +139,17 @@ const List = styled.ul` ` const MoreLinksList = styled(List)` - @media only screen and (max-width: 640px) { - column-count: 1; + column-count: 1; + @media (min-width: 400px) { + column-count: 2; + } + @media (min-width: ${defaultTheme.breakpoints.desktopSmall}px) { + column-count: 3; } - column-count: 4; + @media (min-width: ${defaultTheme.breakpoints.tabletHorizontal}px) { + column-count: 4; + } + gap: 2rem; li { line-height: 24px; margin-top: 0; @@ -194,14 +203,33 @@ const GeneralLinks = styled.div` 0px 3.50603px 6.63642px rgba(0, 0, 0, 0.0238066), 0px 1.26806px 2.40026px rgba(0, 0, 0, 0.0115598); border-radius: 8px; - display: flex; - justify-content: space-around; + display: grid; + justify-content: space-between; max-width: 1200px; - padding: 48px 114px; width: 100%; - @media (min-width: 0) and (max-width: ${(p) => p.theme.breakpoints.phone}) { - flex-direction: column; - padding: 0; + row-gap: 2rem; + padding: 32px 48px; + h4 { + margin-bottom: 0; + margin-top: 0; + } + @media (min-width: ${defaultTheme.breakpoints.tabletVertical}px) { + padding: 48px 92px; + flex-direction: row; + grid-template-columns: repeat(2, 50%); + grid-template-rows: repeat(2, 50%); + column-gap: 2rem; + } + @media (min-width: ${defaultTheme.breakpoints.desktopSmall}px) { + padding: 32px 48px; + } + @media (min-width: ${defaultTheme.breakpoints.tabletHorizontal}px) { + grid-template-columns: repeat(4, 25%); + padding: 48px 92px; + grid-template-rows: unset; + h4 { + margin-top: revert; + } } ` @@ -212,6 +240,14 @@ const GeneralLink = styled.div` flex-direction: row; margin-bottom: ${(p) => p.theme.space[32]}; } + > div { + display: flex; + gap: 1rem; + align-items: center; + @media (min-width: ${defaultTheme.breakpoints.tabletHorizontal}px) { + display: block; + } + } ` const Row = styled.div` @@ -226,7 +262,7 @@ const Row = styled.div` } ` -const LinkCard = styled(Link)` +const LinkCard = styled(Link)<{ maxWidth?: string }>` background: ${(p) => p.theme.colors.gray[200]}; border-radius: ${(p) => p.theme.radii.medium}; padding: 0 ${(p) => p.theme.space[24]}; @@ -236,6 +272,7 @@ const LinkCard = styled(Link)` flex-grow: 1; margin-bottom: ${(p) => p.theme.space[40]}; text-decoration: none; + max-width: ${(props) => props.maxWidth}; .icon { position: absolute; @@ -261,26 +298,54 @@ const LinkCard = styled(Link)` } @media (min-width: ${(p) => p.theme.breakpoints.phone}) and (max-width: 1024px) { - max-width: 48% !important; + max-width: ${(props) => (props.maxWidth ? props.maxWidth : '48%')}; } @media (min-width: 0) and (max-width: ${(p) => p.theme.breakpoints.phone}) { - max-width: 100% !important; + max-width: ${(props) => (props.maxWidth ? props.maxWidth : '100%')}; + } +` + +const ReferenceRow = styled.div` + display: grid; + grid-template-rows: repeat(3, auto); + width: 100%; + gap: 48px; + margin-top: 32px; + @media (min-width: ${defaultTheme.breakpoints.tabletVertical}px) { + max-width: 996px; + grid-template-rows: unset; + gap: 32px; + grid-template-columns: repeat(3, 1fr); + ${LinkCard} { + max-width: 316px; + } + } + ${LinkCard} { + max-width: 100%; + margin-bottom: 0; + } +` + +const GuideLinkRow = styled(Row)` + justify-content: center; + gap: 2rem; + ${LinkCard} { + margin-bottom: 0; + @media (max-width: 620px) { + max-width: 100%; + } } ` const IconHolder = styled.span` - background: ${(p) => p.theme.colors.white}; - box-shadow: 0px 2px 4px rgba(26, 32, 44, 0.1), 0px 3px 6px rgba(26, 32, 44, 0.05); - border-radius: 50%; - height: 56px; - width: 56px; + background: ${defaultTheme.colors.indigo[100]}; + border-radius: 8px; + height: 64px; + width: 64px; display: flex; align-items: center; justify-content: center; - @media (min-width: 0) and (max-width: ${(p) => p.theme.breakpoints.phone}) { - margin: ${(p) => p.theme.space[16]} ${(p) => p.theme.space[24]}; - } ` const Homepage = () => { @@ -303,6 +368,7 @@ const Homepage = () => { return ( +

Prisma Documentation

@@ -335,34 +401,32 @@ const Homepage = () => { {GeneralLinkData.map((generalLink: any, index: number) => ( - {icons[generalLink.icon]}
+ {icons[generalLink.icon]} {generalLink.categoryName} - - {generalLink.links.map((link: any) => ( -
  • - - - {link.text} - - -
    • - ))} -
    + + {generalLink.links.map((link: any) => ( +
  • + + {link.text} + +
    • + ))} +     ))}     Guides {GuideText} - + {GuideLinkData.map((gLinkData: any, index: number) => ( @@ -373,13 +437,13 @@ const Homepage = () => { {gLinkData.content} ))} - + Reference {ReferenceText} - + {ReferenceLinkData.map((rLinkData: any, index: number) => ( - + {icons[rLinkData.icon]} @@ -399,7 +463,7 @@ const Homepage = () => { ))} - + More useful resources