step-node-agent 3.20.2 → 3.21.0

package/node_modules/npm/docs/src/components/home/cubes.js

@@ -1,101 +0,0 @@
-import styled, {css, keyframes} from 'styled-components'
-import purpleCube from '../../images/purple-cube.svg'
-import orangeCube from '../../images/orange-cube.svg'
-import redCube from '../../images/red-cube.svg'
-import purpleGradientCube from '../../images/purple-gradient-cube.svg'
-import pinkGradientCube from '../../images/pink-gradient-cube.svg'
-
-const commonCubeStyles = css`
-  background-position: center;
-  background-repeat: no-repeat;
-  position: absolute;
-`
-
-const wiggle = keyframes`
-  0% {
-    transform: rotate(0deg);
-  }
-  33% {
-    transform: rotate(8deg);
-  }
-  100% {
-    transform: rotate(0deg);
-  }
-`
-
-export const CubeTopLeft = styled.div`
-  ${commonCubeStyles};
-  background-image: url(${purpleCube});
-  height: 35px;
-  width: 35px;
-  top: 10%;
-  left: 8%;
-
-  animation-name: ${wiggle};
-  animation-duration: 2.5s;
-  animation-delay: .5s;
-  animation-iteration-count: infinite;
-  animation-fill-mode: both;
-  animation-timing-function: ease-in-out;
-`
-
-export const CubeMiddleLeft = styled.span`
-  ${commonCubeStyles};
-  background-image: url(${orangeCube});
-  height: 30px;
-  width: 30px;
-  top: 40%;
-  left: 17%;
-
-  animation-name: ${wiggle};
-  animation-duration: 2.5s;
-  animation-iteration-count: infinite;
-  animation-fill-mode: both;
-  animation-timing-function: ease-in-out;
-`
-
-export const CubeBottomLeft = styled.span`
-  ${commonCubeStyles};
-  background-image: url(${redCube});
-  height: 45px;
-  width: 45px;
-  top: 78%;
-  left: 12%;
-
-  animation-name: ${wiggle};
-  animation-duration: 3s;
-  animation-iteration-count: infinite;
-  animation-fill-mode: both;
-  animation-timing-function: ease-in-out;
-`
-
-export const CubeBottomRight = styled.span`
-  ${commonCubeStyles};
-  background-image: url(${pinkGradientCube});
-  height: 40px;
-  width: 40px;
-  top: 70%;
-  right: 12%;
-
-  animation-name: ${wiggle};
-  animation-duration: 2.5s;
-  animation-iteration-count: infinite;
-  animation-delay: .3s;
-  animation-fill-mode: both;
-  animation-timing-function: ease-in-out;
-`
-
-export const CubeTopRight = styled.span`
-  ${commonCubeStyles};
-  background-image: url(${purpleGradientCube});
-  height: 40px;
-  width: 40px;
-  top: 14%;
-  right: 12%;
-
-  animation-name: ${wiggle};
-  animation-duration: 3s;
-  animation-iteration-count: infinite;
-  animation-fill-mode: backwards;
-  animation-timing-function: ease-in-out;
-`

package/node_modules/npm/docs/src/components/home/hero.js

@@ -1,25 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import Windows from './Windows'
-import {Flex} from 'rebass'
-import {CubeTopLeft, CubeMiddleLeft, CubeBottomLeft, CubeTopRight, CubeBottomRight} from './cubes'
-
-const Container = styled(Flex)`
-  background-color: ${(props) => props.theme.colors.offWhite};
-  position: relative;
-`
-
-const Hero = () => {
-  return (
-    <Container px={1} pt={[4, 5]} pb={[6, 6, '140px']}>
-      <CubeTopLeft />
-      <CubeMiddleLeft />
-      <CubeBottomLeft />
-      <CubeTopRight />
-      <CubeBottomRight />
-      <Windows />
-    </Container>
-  )
-}
-
-export default Hero

package/node_modules/npm/docs/src/components/layout.js

@@ -1,24 +0,0 @@
-import React from 'react'
-import Navbar from './navbar'
-import Sidebar from './Sidebar'
-import {Flex, Box} from 'rebass'
-import { theme } from 'src/theme'
-import { ThemeProvider } from 'styled-components'
-
-const IS_STATIC = process.env.GATSBY_IS_STATIC
-
-const Layout = ({children, path}) => {
-  const showSidebar = IS_STATIC || path.match(/cli-commands|configuring-npm|using-npm/)
-
-  return (
-    <ThemeProvider theme={theme}>
-      <Navbar />
-      <Flex w={1}>
-        {showSidebar && <Sidebar />}
-        <Box width={1}>{children}</Box>
-      </Flex>
-    </ThemeProvider>
-  )
-}
-
-export default Layout

package/node_modules/npm/docs/src/components/links.js

@@ -1,50 +0,0 @@
-import {Link} from 'gatsby'
-import styled, {css} from 'styled-components'
-
-const baseLinkStyles = css`
-  font-weight: 500;
-  text-decoration: none;
-  letter-spacing: .3px;
-  font-size: 14px;
-`
-const featureLinkStyles = css`
-  ${baseLinkStyles}
-  color: ${(props) => props.theme.colors.black};
-  transition: opacity .5s
-  &:hover {
-    opacity: .9;
-  }
-`
-
-const navLinkStyles = css`
-  ${baseLinkStyles};
-  color: ${(props) => props.theme.colors.black};
-  transition: opacity .5s;
-  margin: 0 10px;
-
-  &:hover {
-    opacity: .5;
-  }
-`
-export const FeatureLink = styled(Link)`
-  ${featureLinkStyles}
-`
-
-export const NavLink = styled(Link)`
-  ${navLinkStyles};
-`
-
-export const BasicNavLink = styled.a`
-  ${navLinkStyles};
-`
-
-export const SidebarLink = styled(Link)`
-  ${baseLinkStyles};
-  color: ${(props) => props.theme.colors.red};
-  padding: 10px;
-  transition: background-color .3s;
-
-  &:hover {
-    background-color: ${(props) => props.theme.colors.lightPurple};
-  }
-`

package/node_modules/npm/docs/src/components/navbar.js

@@ -1,136 +0,0 @@
-import React from 'react'
-import styled from 'styled-components'
-import {Flex, Image, Box} from 'rebass'
-import cliLogo from '../images/cli-logo.svg'
-import {Link} from 'gatsby'
-import {NavLink, BasicNavLink} from './links'
-import MobileSidebar from '../components/MobileSidebar'
-import hamburger from '../images/hamburger.svg'
-import hamburgerClose from '../images/hamburger-close.svg'
-
-const IS_STATIC = !!process.env.GATSBY_IS_STATIC
-
-const Container = styled(Flex)`
-  width: 100%;
-  border-bottom: 1px solid #86838333;
-  position: sticky;
-  top: 0;
-  background-color: ${(props) => props.theme.colors.white};
-  z-index: 1;
-`
-
-const Inner = styled(Flex)`
-  border-top: 3px solid;
-  border-image: linear-gradient(139deg, #fb8817, #ff4b01, #c12127, #e02aff) 3;
-  margin: auto;
-  height: 53px;
-  padding: 0 30px;
-  align-items: center;
-  width: 100%;
-`
-
-const Logo = styled(Image)`
-  width: 120px;
-  padding: 0px 5px;
-  height: 18px;
-  vertical-align: middle;
-  display: inline-block;
-  transition: opacity .5s;
-
-  &:hover {
-    opacity: .8;
-  }
-`
-
-const Links = styled.ul`
-  display: none;
-
-  @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
-    display: block;
-    margin-left: auto;
-  }
-`
-
-const Heart = styled(Box)`
-  font-size: 15px;
-  display: inline-block;
-`
-
-const Hamburger = styled.button`
-  border: none;
-  background: center no-repeat url(${(props) => props.isOpen ? hamburgerClose : hamburger});
-  height: 30px;
-  width: 30px;
-  display: block;
-  margin-left: auto;
-  transition: opacity .5s;
-  cursor: pointer;
-
-  &:hover {
-    opacity: .6;
-  }
-
-  @media screen and (min-width: ${(props) => props.theme.breakpoints.TABLET}) {
-    display: none;
-  }
-`
-
-class Navbar extends React.Component {
-  constructor (props) {
-    super(props)
-    this.state = {
-      value: null,
-      showMobileNav: false
-    }
-    this.enableBody = this.enableBody.bind(this)
-    this.toggleNav = this.toggleNav.bind(this)
-  }
-
-  componentDidMount () {
-    window.addEventListener('resize', () => {
-      this.enableBody()
-      this.setState({showMobileNav: false})
-    })
-  }
-
-  componentWillUnmount () {
-    this.enableBody()
-  }
-
-  enableBody () {
-    window.document.getElementsByTagName('body')[0].classList.remove('disabled-body')
-  }
-
-  toggleNav () {
-    this.setState({showMobileNav: !this.state.showMobileNav})
-    window.document.getElementsByTagName('body')[0].classList.toggle('disabled-body')
-  }
-
-  render () {
-    return (
-      <React.Fragment>
-        <Container>
-          <Inner>
-            <Link to='/'>
-              <Heart ml={1} mr={'24px'}>❤</Heart><Logo src={cliLogo} />
-            </Link>
-            <Links>
-              <NavLink
-                to={`cli-commands/npm${IS_STATIC ? '/index.html' : ''}`}
-                partiallyActive
-                activeClassName='active-navbar-link'
-              >
-                docs
-              </NavLink>
-              <BasicNavLink href='https://www.npmjs.com/'>npmjs.org</BasicNavLink>
-            </Links>
-            <Hamburger isOpen={this.state.showMobileNav} onClick={this.toggleNav} />
-          </Inner>
-        </Container>
-        {this.state.showMobileNav && <MobileSidebar />}
-      </React.Fragment>
-    )
-  }
-}
-
-export default Navbar

package/node_modules/npm/docs/src/components/scripts.js

@@ -1,27 +0,0 @@
-import React from 'react'
-
-const IS_STATIC = process.env.GATSBY_IS_STATIC
-
-const Scripts = () => {
-  // Workaround: Make links work on the static html site
-  if (IS_STATIC) {
-    return (
-      <script
-        dangerouslySetInnerHTML={{
-          __html: `
-          var anchors = document.querySelectorAll(".sidebar a, .documentation a")
-          Array.prototype.slice.call(anchors).map(function(el) {
-            if (el.href.match(/file:\\/\\//)) {
-              el.href = el.href + "/index.html"
-            }
-          })
-          `
-        }}
-      />
-    )
-  }
-
-  return null
-}
-
-export default Scripts

package/node_modules/npm/docs/src/components/seo.js

@@ -1,88 +0,0 @@
-/**
- * SEO component that queries for data with
- *  Gatsby's useStaticQuery React hook
- *
- * See: https://www.gatsbyjs.org/docs/use-static-query/
- */
-
-import React from 'react'
-import PropTypes from 'prop-types'
-import Helmet from 'react-helmet'
-import { useStaticQuery, graphql } from 'gatsby'
-
-function SEO ({ description, lang, meta, title }) {
-  const { site } = useStaticQuery(
-    graphql`
-      query {
-        site {
-          siteMetadata {
-            title
-            description
-            author
-          }
-        }
-      }
-    `
-  )
-
-  const metaDescription = description || site.siteMetadata.description
-
-  return (
-    <Helmet
-      htmlAttributes={{
-        lang
-      }}
-      title={title}
-      titleTemplate={`%s | ${site.siteMetadata.title}`}
-      meta={[
-        {
-          name: 'description',
-          content: metaDescription
-        },
-        {
-          property: 'og:title',
-          content: title
-        },
-        {
-          property: 'og:description',
-          content: metaDescription
-        },
-        {
-          property: 'og:type',
-          content: 'website'
-        },
-        {
-          name: 'twitter:card',
-          content: 'summary'
-        },
-        {
-          name: 'twitter:creator',
-          content: site.siteMetadata.author
-        },
-        {
-          name: 'twitter:title',
-          content: title
-        },
-        {
-          name: 'twitter:description',
-          content: metaDescription
-        }
-      ].concat(meta)}
-    />
-  )
-}
-
-SEO.defaultProps = {
-  lang: 'en',
-  meta: [],
-  description: ''
-}
-
-SEO.propTypes = {
-  description: PropTypes.string,
-  lang: PropTypes.string,
-  meta: PropTypes.arrayOf(PropTypes.object),
-  title: PropTypes.string.isRequired
-}
-
-export default SEO