From c1afef4641bf55d22a2261b2958d8f2a7d7fcd54 Mon Sep 17 00:00:00 2001 From: Shahed Nasser Date: Fri, 22 Apr 2022 15:33:49 +0300 Subject: [PATCH] added dark mode for reference --- www/reference/gatsby-config.js | 1 + www/reference/package.json | 5 ++-- www/reference/src/assets/clipboard.svg | 2 +- www/reference/src/assets/github-light.svg | 9 ++++++ www/reference/src/assets/logo-dark.svg | 15 ++++++++++ www/reference/src/assets/logo-muted.svg | 2 +- .../src/components/ColorModeToggler/index.css | 17 +++++++++++ .../src/components/ColorModeToggler/index.js | 26 +++++++++++++++++ .../src/components/content/code-box.js | 11 +++---- .../src/components/content/parameters.js | 9 +++--- .../src/components/icons/clipboard.js | 5 ++-- .../src/components/icons/dark-mode.js | 20 +++++++++++++ www/reference/src/components/icons/github.js | 12 ++++---- .../src/components/icons/light-mode.js | 20 +++++++++++++ www/reference/src/components/layout.js | 1 + .../src/components/side-bar/index.js | 12 +++++--- .../src/components/side-bar/sidebar-item.js | 16 ++++++---- .../components/side-bar/sidebar-selector.js | 7 +++-- www/reference/src/components/topbar.js | 2 ++ .../src/gatsby-plugin-theme-ui/colors.js | 2 +- .../src/gatsby-plugin-theme-ui/index.js | 29 ++++++++++++++++--- .../src/gatsby-plugin-theme-ui/labels.js | 6 ++-- .../src/gatsby-plugin-theme-ui/shadows.js | 2 +- .../medusa-plugin-themes/docsearch/theme.css | 18 +++++++----- .../src/medusa-plugin-themes/prism/theme.css | 24 ++++++++++++++- www/reference/yarn.lock | 18 +++++++++++- 26 files changed, 239 insertions(+), 52 deletions(-) create mode 100644 www/reference/src/assets/github-light.svg create mode 100644 www/reference/src/assets/logo-dark.svg create mode 100644 www/reference/src/components/ColorModeToggler/index.css create mode 100644 www/reference/src/components/ColorModeToggler/index.js create mode 100644 www/reference/src/components/icons/dark-mode.js create mode 100644 www/reference/src/components/icons/light-mode.js diff --git a/www/reference/gatsby-config.js b/www/reference/gatsby-config.js index 0d59ce5f30..90d5467b25 100644 --- a/www/reference/gatsby-config.js +++ b/www/reference/gatsby-config.js @@ -6,6 +6,7 @@ module.exports = { }, plugins: [ `gatsby-plugin-react-helmet`, + `gatsby-plugin-dark-mode`, { resolve: `gatsby-plugin-anchor-links`, options: { diff --git a/www/reference/package.json b/www/reference/package.json index e5c4b3c1f0..1f0b25af62 100644 --- a/www/reference/package.json +++ b/www/reference/package.json @@ -18,10 +18,12 @@ "@emotion/react": "^11.1.2", "@emotion/styled": "^11.0.0", "@rebass/forms": "^4.0.6", + "copy-to-clipboard": "^3.3.1", "emotion-theming": "^10.0.27", "gatsby": "^3.9.1", "gatsby-plugin-algolia-docsearch": "^1.0.5", "gatsby-plugin-anchor-links": "^1.1.1", + "gatsby-plugin-dark-mode": "^1.1.2", "gatsby-plugin-emotion": "^5.0.0", "gatsby-plugin-env-variables": "^2.1.0", "gatsby-plugin-preact": "^5.9.0", @@ -38,14 +40,13 @@ "preact-render-to-string": "^5.1.19", "prismjs": "^1.24.1", "react": "^16.12.0", - "copy-to-clipboard": "^3.3.1", "react-collapsible": "^2.8.1", "react-dom": "^16.12.0", "react-helmet": "^6.1.0", "react-highlight.js": "^1.0.7", - "react-tooltip": "^4.2.10", "react-intersection-observer": "^8.29.0", "react-markdown": "^5.0.3", + "react-tooltip": "^4.2.10", "react-virtualized": "^9.22.3", "theme-ui": "^0.10.0" }, diff --git a/www/reference/src/assets/clipboard.svg b/www/reference/src/assets/clipboard.svg index d370442575..bb1a42abbb 100644 --- a/www/reference/src/assets/clipboard.svg +++ b/www/reference/src/assets/clipboard.svg @@ -1,6 +1,6 @@ + viewBox="0 0 512 512" fill="#fff" style="enable-background:new 0 0 512 512;" xml:space="preserve"> Clipboard diff --git a/www/reference/src/assets/github-light.svg b/www/reference/src/assets/github-light.svg new file mode 100644 index 0000000000..4661bc49f3 --- /dev/null +++ b/www/reference/src/assets/github-light.svg @@ -0,0 +1,9 @@ + + + GitHub + + + + + + \ No newline at end of file diff --git a/www/reference/src/assets/logo-dark.svg b/www/reference/src/assets/logo-dark.svg new file mode 100644 index 0000000000..d72daaf71b --- /dev/null +++ b/www/reference/src/assets/logo-dark.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/www/reference/src/assets/logo-muted.svg b/www/reference/src/assets/logo-muted.svg index 0552508b25..fd15cfa5e2 100644 --- a/www/reference/src/assets/logo-muted.svg +++ b/www/reference/src/assets/logo-muted.svg @@ -1,5 +1,5 @@ - + diff --git a/www/reference/src/components/ColorModeToggler/index.css b/www/reference/src/components/ColorModeToggler/index.css new file mode 100644 index 0000000000..52df7352f9 --- /dev/null +++ b/www/reference/src/components/ColorModeToggler/index.css @@ -0,0 +1,17 @@ +.dark-mode-toggler { + background: transparent; + border: 0; + border-radius: 50%; + height: 32px; + width: 32px; + display: flex; + align-items: center; + justify-content: center; + padding: 0; + margin-left: 5px; + color: var(--theme-ui-colors-text) +} + +.dark-mode-toggler:hover { + background-color: #00000010; +} \ No newline at end of file diff --git a/www/reference/src/components/ColorModeToggler/index.js b/www/reference/src/components/ColorModeToggler/index.js new file mode 100644 index 0000000000..63a2a74489 --- /dev/null +++ b/www/reference/src/components/ColorModeToggler/index.js @@ -0,0 +1,26 @@ +import "./index.css" + +import DarkMode from "../icons/dark-mode" +import LightMode from "../icons/light-mode" +import React from 'react' +import { ThemeToggler } from 'gatsby-plugin-dark-mode' +import { useColorMode } from 'theme-ui' + +export default function ColorModeToggler () { + const [colorMode, setColorMode] = useColorMode() + + return ( + + {({ theme, toggleTheme }) => ( + + )} + + ) +} \ No newline at end of file diff --git a/www/reference/src/components/content/code-box.js b/www/reference/src/components/content/code-box.js index 5647752f14..8622dcab76 100644 --- a/www/reference/src/components/content/code-box.js +++ b/www/reference/src/components/content/code-box.js @@ -1,6 +1,7 @@ -import React from "react" -import { Flex, Box, Text } from "theme-ui" +import { Box, Flex, Text } from "theme-ui" + import CopyToClipboard from "../CopyToClipboard" +import React from "react" const CodeBox = ({ header, children, shell, content, allowCopy }) => { return ( @@ -8,7 +9,7 @@ const CodeBox = ({ header, children, shell, content, allowCopy }) => { sx={{ background: "fadedContrast", borderRadius: "small", - boxShadow: "0 0 0 1px rgb(0 0 0 / 7%)", + boxShadow: "0 0 0 1px var(--theme-ui-colors-primaryLight)", alignSelf: "flex-start", marginLeft: "auto", marginRight: "auto", @@ -18,7 +19,7 @@ const CodeBox = ({ header, children, shell, content, allowCopy }) => { > { alignItems: "baseline", }} > - + {header.toUpperCase()} {allowCopy ? ( diff --git a/www/reference/src/components/content/parameters.js b/www/reference/src/components/content/parameters.js index 207e4dd855..38287a96d6 100644 --- a/www/reference/src/components/content/parameters.js +++ b/www/reference/src/components/content/parameters.js @@ -1,8 +1,9 @@ -import React from "react" -import { Flex, Text, Box } from "theme-ui" +import { Box, Flex, Text } from "theme-ui" + +import Description from "./description" import Markdown from "react-markdown" import NestedCollapsible from "./collapsible" -import Description from "./description" +import React from "react" const Parameters = ({ params, type }) => { const getDescriptions = (title, items) => { @@ -33,7 +34,7 @@ const Parameters = ({ params, type }) => { > {prop.property || prop.name} - + {prop.type || prop.schema?.type || nested?.title} {prop.required ? ( diff --git a/www/reference/src/components/icons/clipboard.js b/www/reference/src/components/icons/clipboard.js index 0f58f29119..5f36b9d2a4 100644 --- a/www/reference/src/components/icons/clipboard.js +++ b/www/reference/src/components/icons/clipboard.js @@ -1,7 +1,6 @@ import { Image } from "@theme-ui/components" -import React from "react" - import Logo from "../../assets/clipboard.svg" +import React from "react" const Clipboard = () => { return ( @@ -9,7 +8,7 @@ const Clipboard = () => { src={Logo} sx={{ height: "100%", - fill: "#000", + fill: "light", cursor: 'pointer' }} /> diff --git a/www/reference/src/components/icons/dark-mode.js b/www/reference/src/components/icons/dark-mode.js new file mode 100644 index 0000000000..8921db9dcd --- /dev/null +++ b/www/reference/src/components/icons/dark-mode.js @@ -0,0 +1,20 @@ +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import React from 'react'; + +export default function DarkMode(props) { + return ( + + + + ); + } + \ No newline at end of file diff --git a/www/reference/src/components/icons/github.js b/www/reference/src/components/icons/github.js index 5e6b01aa1e..34bb41fc3c 100644 --- a/www/reference/src/components/icons/github.js +++ b/www/reference/src/components/icons/github.js @@ -1,15 +1,17 @@ import { Image } from "@theme-ui/components" -import React from "react" - import Logo from "../../assets/github.svg" +import LogoLight from "../../assets/github-light.svg" +import React from "react" +import { useColorMode } from 'theme-ui' const GitHub = () => { + const [colorMode, setColorMode] = useColorMode() + return ( ) diff --git a/www/reference/src/components/icons/light-mode.js b/www/reference/src/components/icons/light-mode.js new file mode 100644 index 0000000000..65b91f333b --- /dev/null +++ b/www/reference/src/components/icons/light-mode.js @@ -0,0 +1,20 @@ +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + */ + +import React from 'react'; + +export default function LightMode(props) { + return ( + + + + ); + } + \ No newline at end of file diff --git a/www/reference/src/components/layout.js b/www/reference/src/components/layout.js index 2088349453..8c2ef9464c 100644 --- a/www/reference/src/components/layout.js +++ b/www/reference/src/components/layout.js @@ -35,6 +35,7 @@ const Layout = ({ data, api, children }) => { fontFamily: "body", flexGrow: "1", }} + className="layout-container" > {children} diff --git a/www/reference/src/components/side-bar/index.js b/www/reference/src/components/side-bar/index.js index 24f332736c..3d9c11fbf6 100644 --- a/www/reference/src/components/side-bar/index.js +++ b/www/reference/src/components/side-bar/index.js @@ -2,11 +2,13 @@ import { Box, Flex, Image } from "theme-ui" import React, { useEffect, useState } from "react" import Logo from "../../assets/logo.svg" +import LogoDark from "../../assets/logo-dark.svg" import LogoMuted from "../../assets/logo-muted.svg" import SideBarItem from "./sidebar-item" import SideBarSelector from "./sidebar-selector" import { navigate } from "gatsby" import styled from "@emotion/styled" +import { useColorMode } from 'theme-ui' const SideBarContainer = styled(Flex)` @media screen and (max-width: 848px) { @@ -26,6 +28,7 @@ const SideBarFade = styled(Box)` const Sidebar = ({ data, api }) => { const [scrollPos, setScrollPos] = useState(0) + const [colorMode, setColorMode] = useColorMode() useEffect(() => { const nav = document.querySelector("#nav") @@ -47,24 +50,25 @@ const Sidebar = ({ data, api }) => { top: "0", bottom: "0", height: "100vh", - backgroundColor: "light", + backgroundColor: "var(--theme-ui-colors-background)", boxShadow: "sidebarShadow", minWidth: "var(--side-bar-width)", flexDirection: "column", }} + className="sidebar-container" > navigate("/")} sx={{ @@ -96,7 +100,7 @@ const Sidebar = ({ data, api }) => { return })} - + diff --git a/www/reference/src/components/side-bar/sidebar-item.js b/www/reference/src/components/side-bar/sidebar-item.js index 4726c354da..8140997416 100644 --- a/www/reference/src/components/side-bar/sidebar-item.js +++ b/www/reference/src/components/side-bar/sidebar-item.js @@ -81,8 +81,12 @@ const SideBarItem = ({ item }) => { height: "25px", justifyContent: "space-between", "&:hover, &.active": { - backgroundColor: "faded", + backgroundColor: "primary", + color: "light" }, + "&:hover svg, &.active svg": { + color: "light" + } }} className={ currentSection === convertToKebabCase(section.section_name) @@ -90,7 +94,7 @@ const SideBarItem = ({ item }) => { : null } > - {section.section_name} + {section.section_name} } open={isOpen} @@ -114,13 +118,15 @@ const SideBarItem = ({ item }) => { cursor: "pointer", mb: "8px", textDecoration: "none", - color: "black", + color: "text", height: "25px", "&:hover": { - backgroundColor: "faded", + backgroundColor: "primary", + color: "light" }, "&.active": { - backgroundColor: "faded", + backgroundColor: "primary", + color: "light" }, }} > diff --git a/www/reference/src/components/side-bar/sidebar-selector.js b/www/reference/src/components/side-bar/sidebar-selector.js index f63595c368..d1c70e6b98 100644 --- a/www/reference/src/components/side-bar/sidebar-selector.js +++ b/www/reference/src/components/side-bar/sidebar-selector.js @@ -1,8 +1,9 @@ -import React, { useContext } from "react" import { Flex, Select } from "theme-ui" -import { navigate } from "gatsby-link" -import NavigationContext from "../../context/navigation-context" +import React, { useContext } from "react" + import ChevronDown from "../icons/chevron-down" +import NavigationContext from "../../context/navigation-context" +import { navigate } from "gatsby-link" const SideBarSelector = ({ api }) => { const { reset } = useContext(NavigationContext) diff --git a/www/reference/src/components/topbar.js b/www/reference/src/components/topbar.js index f533cbeadb..0a25a40e86 100644 --- a/www/reference/src/components/topbar.js +++ b/www/reference/src/components/topbar.js @@ -2,6 +2,7 @@ import { Box, Flex, Link, Select } from "@theme-ui/components" import React, { useContext } from "react" import ChevronDown from "./icons/chevron-down" +import ColorModeToggler from "./ColorModeToggler" import GitHub from "../components/icons/github" import NavigationContext from "../context/navigation-context" import Search from "./search" @@ -116,6 +117,7 @@ const Topbar = ({ data, api }) => { + ) diff --git a/www/reference/src/gatsby-plugin-theme-ui/colors.js b/www/reference/src/gatsby-plugin-theme-ui/colors.js index 724ca1a247..3cec866772 100644 --- a/www/reference/src/gatsby-plugin-theme-ui/colors.js +++ b/www/reference/src/gatsby-plugin-theme-ui/colors.js @@ -1,5 +1,5 @@ export default { - primary: "#B27979", + primary: "#7C53FF", secondary: "#79B28A", medusaGreen: "#3ecf8e", lightest: "#fefefe", diff --git a/www/reference/src/gatsby-plugin-theme-ui/index.js b/www/reference/src/gatsby-plugin-theme-ui/index.js index 7f0d4b2fac..098249c3bf 100644 --- a/www/reference/src/gatsby-plugin-theme-ui/index.js +++ b/www/reference/src/gatsby-plugin-theme-ui/index.js @@ -2,13 +2,16 @@ import "../fonts/index.css" import breakpoints from "./breakpoints" import buttons from "./buttons" -import spacing from "./spacing" -import shadows from "./shadows" import forms from "./forms" import labels from "./labels" +import shadows from "./shadows" +import spacing from "./spacing" // eslint-disable-next-line import/no-anonymous-default-export export default { + config: { + initialColorModeName: 'light', + }, sizes: { headerHeight: "50px", }, @@ -59,7 +62,8 @@ export default { }, }, colors: { - primary: "#53725D", + primary: "#7C53FF", + primaryLight: "#7c53ff4a", secondary: "#79B28A", danger: "#FF7675", placeholder: "#a3acb9", @@ -68,9 +72,26 @@ export default { light: "#ffffff", faded: "#eef0f5", fadedContrast: "#eef0f540", + text: '#000', + background: '#fff', + inverseText: '#000', + separator: "#eef0f5", + codeBoxShadow: "rgb(0 0 0 / 7%)", + sectionSeparator: "#E3E8EE", + modes: { + dark: { + text: '#fff', + background: "#242526", + inverseText: '#000', + dark: "#eef0f5", + separator: "#eef0f540", + codeBoxShadow: "#d2d2d22b", + sectionSeparator: "#404244", + } + } }, borders: { - hairline: "1px solid #E3E8EE", + hairline: "1px solid var(--theme-ui-colors-sectionSeparator)", }, fontSizes: [12, 14, 16, 18, 22], fonts: { diff --git a/www/reference/src/gatsby-plugin-theme-ui/labels.js b/www/reference/src/gatsby-plugin-theme-ui/labels.js index 2331fc32d1..b6f0966bd9 100644 --- a/www/reference/src/gatsby-plugin-theme-ui/labels.js +++ b/www/reference/src/gatsby-plugin-theme-ui/labels.js @@ -4,13 +4,13 @@ export const labels = { fontSize: 0, }, GET: { - color: "#4159de", + color: "#1b7cb8", }, POST: { - color: "#09825d", + color: "#0e8761", }, DELETE: { - color: "#b50a0a", + color: "#bf3030", }, } diff --git a/www/reference/src/gatsby-plugin-theme-ui/shadows.js b/www/reference/src/gatsby-plugin-theme-ui/shadows.js index 21abe78cb3..dda734f7a5 100644 --- a/www/reference/src/gatsby-plugin-theme-ui/shadows.js +++ b/www/reference/src/gatsby-plugin-theme-ui/shadows.js @@ -111,7 +111,7 @@ export default { `, sidebarShadow: ` - inset -1px 0 0 0 #eef0f5 + inset -1px 0 0 0 var(--theme-ui-colors-separator) `, topbarShadow: ` 0 2px 5px 0 rgb(59 65 94 / 10%), 0 1px 1px 0 rgb(0 0 0 / 7%) diff --git a/www/reference/src/medusa-plugin-themes/docsearch/theme.css b/www/reference/src/medusa-plugin-themes/docsearch/theme.css index e3b07294a0..ba535f2cec 100644 --- a/www/reference/src/medusa-plugin-themes/docsearch/theme.css +++ b/www/reference/src/medusa-plugin-themes/docsearch/theme.css @@ -1,5 +1,5 @@ :root { - --docsearch-primary-color: #0a3149; + --docsearch-primary-color: #7C53FF; /*dark*/ --docsearch-secondary-color: #eef0f5; /*faded*/ @@ -38,13 +38,14 @@ /* Darkmode */ -html[data-theme='dark'] { +.dark { + --docsearch-secondary-color: rgb(127, 132, 151); --docsearch-text-color: rgb(245, 246, 247); --docsearch-container-background: rgba(9, 10, 17, 0.8); --docsearch-modal-background: rgb(21, 23, 42); --docsearch-modal-shadow: inset 1px 1px 0 0 rgb(44, 46, 64), 0 3px 8px 0 rgb(0, 3, 9); --docsearch-searchbox-background: rgb(9, 10, 17); - --docsearch-searchbox-focus-background: #000; + --docsearch-searchbox-focus-background: var(--docsearch-modal-background); --docsearch-hit-color: rgb(190, 195, 201); --docsearch-hit-shadow: none; --docsearch-hit-background: rgb(9, 10, 17); @@ -53,7 +54,7 @@ html[data-theme='dark'] { --docsearch-footer-background: rgb(30, 33, 54); --docsearch-footer-shadow: inset 0 1px 0 0 rgba(73, 76, 106, 0.5), 0 -4px 8px 0 rgba(0, 0, 0, 0.2); --docsearch-logo-color: rgb(255, 255, 255); - --docsearch-muted-color: rgb(127, 132, 151); + --docsearch-muted-color: #d7d7d7; } /* Body modifier */ @@ -650,25 +651,26 @@ svg.DocSearch-Hit-Select-Icon { .DocSearch-Button { display: flex; align-items: center; - background: white; + background: var(--docsearch-container-background); border: 0; border-radius: 36px; color: var(--docsearch-muted-color); cursor: pointer; display: flex; font-weight: 500; - height: 36px; + height: 38px; justify-content: space-between; padding: 0 8px; user-select: none; - border: 1px solid var(--docsearch-secondary-color); flex-grow: 1; max-width: 200px; margin-left: 12px; + border: 2px solid transparent; + transition: all .1s; } .DocSearch-Button:hover, .DocSearch-Button:active, .DocSearch-Button:focus { - color: var(--docsearch-primary-color); + border-color: var(--docsearch-primary-color); outline: none; } diff --git a/www/reference/src/medusa-plugin-themes/prism/theme.css b/www/reference/src/medusa-plugin-themes/prism/theme.css index 4c023afd84..3675a951c3 100644 --- a/www/reference/src/medusa-plugin-themes/prism/theme.css +++ b/www/reference/src/medusa-plugin-themes/prism/theme.css @@ -18,6 +18,10 @@ code[class*="language-"], pre[class*="language-"] { hyphens: none; } +.dark code[class*="language-"], .dark pre[class*="language-"] { + color: #249feb; +} + /* Code blocks */ pre[class*="language-"] { @@ -39,6 +43,10 @@ pre[class*="language-"] { white-space: normal; } +.dark :not(pre)>code { + background-color: #515151; +} + .token.comment, .token.prolog, .token.doctype, .token.cdata { color: blue; } @@ -55,6 +63,11 @@ pre[class*="language-"] { color: #0a3149; } +.dark .token.property, .dark .token.tag, .dark .token.constant, .dark .token.symbol, .dark .token.deleted, +.dark .token.punctuation { + color: #249feb; +} + .token.number { color: #e56f4a; } @@ -64,13 +77,18 @@ pre[class*="language-"] { } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { - color: #09825d; + color: #10c38d; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #0a3149; } +.dark .token.operator, .dark .token.entity, .dark .token.url, .dark .language-css .token.string, .dark .style .token.string, +.dark .token.variable { + color: #249feb; +} + .token.atrule, .token.attr-value, .token.function, .token.class-name { color: #e6db74; } @@ -83,6 +101,10 @@ pre[class*="language-"] { color: grey; } +.dark .token.keyword.null { + color: rgb(184, 184, 184); +} + .token.regex, .token.important { color: #fd971f; } diff --git a/www/reference/yarn.lock b/www/reference/yarn.lock index 530a30c3a4..3bf9eec530 100644 --- a/www/reference/yarn.lock +++ b/www/reference/yarn.lock @@ -5371,6 +5371,13 @@ gatsby-plugin-anchor-links@^1.1.1: dependencies: scroll-to-element "^2.0.3" +gatsby-plugin-dark-mode@^1.1.2: + version "1.1.2" + resolved "https://registry.yarnpkg.com/gatsby-plugin-dark-mode/-/gatsby-plugin-dark-mode-1.1.2.tgz#9bab271da9f913cd64687a2b2d85b1d62a3605d8" + integrity sha512-kq/7/KSIgyYxolSqLxXfmcC/iBU98XpRGcIOaa3bjjl8Tb0WDYwfa45zABx1XNjB0YecWdgniss+kqmeAu04GA== + dependencies: + prop-types "^15.5.7" + gatsby-plugin-emotion@^5.0.0: version "5.4.0" resolved "https://registry.yarnpkg.com/gatsby-plugin-emotion/-/gatsby-plugin-emotion-5.4.0.tgz#042ab3d09c1c55092ae0c57f93e9152bae405081" @@ -9345,6 +9352,15 @@ prompts@^2.3.2: kleur "^3.0.3" sisteransi "^1.0.5" +prop-types@^15.5.7: + version "15.8.1" + resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.8.1.tgz#67d87bf1a694f48435cf332c24af10214a3140b5" + integrity sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg== + dependencies: + loose-envify "^1.4.0" + object-assign "^4.1.1" + react-is "^16.13.1" + prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2: version "15.7.2" resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5" @@ -9585,7 +9601,7 @@ react-intersection-observer@^8.29.0: resolved "https://registry.yarnpkg.com/react-intersection-observer/-/react-intersection-observer-8.32.5.tgz#92e8d8888b0b43a5c10c398e0d483d574bce7f3e" integrity sha512-4xKdUWRNdPueXXxTyMOV41w6qIa4tsV7BbWOW+IYsvGPP7wxOj9V6o3cKywie+/VDr5Qs7pCzi5Wom78dUxj1w== -react-is@^16.12.0, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.6: +react-is@^16.12.0, react-is@^16.13.1, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.6: version "16.13.1" resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4" integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==