Updating npm to 16.20.2

.nvmrc

@@ -1 +1 @@
-v14.19.0
+v16.20.2

package.json

@@ -8,8 +8,8 @@
     "url": "https://github.com/nasa-jpl/explorer-1"
   },
   "engines": {
-    "node": "14.19.0",
-    "npm": "^6.14.16"
+    "node": "^16.20.2",
+    "npm": "^8.19.4"
   },
   "scripts": {
     "start": "npm run dev",
@@ -50,7 +50,7 @@
   ],
   "dependencies": {
     "@fancyapps/ui": "^4.0.26",
-    "@tailwindcss/forms": "^0.5.0",
+    "@tailwindcss/forms": "^0.3.4",
     "swiper": "^8.0.7",
     "tailwindcss": "^2.2.19"
   },

src/index.html

@@ -94,7 +94,7 @@ <h1 class="text-subtitle text-white">JPL Design System Assets</h1>
               aria-label="View in lightbox"
               data-fancybox
               data-caption="<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel porttitor urna. Maecenas at est laoreet, sagittis risus a, rutrum ipsum. Quisque tincidunt lacus nunc, dapibus facilisis felis scelerisque sit amet. </p>Credit: NASA/JPL"
-              data-src="https://placekitten.com/869/700"
+              data-src="https://picsum.photos/900/506"
             >
               <span class="label block">
                 <svg
@@ -123,8 +123,8 @@ <h1 class="text-subtitle text-white">JPL Design System Assets</h1>
               <div>
                 <img
                   class="BaseImage object-contain lazyload"
-                  data-src="https://placekitten.com/869/700"
-                  data-srcset="https://placekitten.com/869/700"
+                  data-src="https://picsum.photos/900/506"
+                  data-srcset="https://picsum.photos/900/506"
                   alt="Fourth image"
                   width="869"
                   height="700"
@@ -620,7 +620,7 @@ <h1>
         >
           <div>
             <img
-              data-src="https://source.unsplash.com/pZ-XFIrJMtE/540x400"
+              data-src="https://picsum.photos/540/400"
               alt=""
               loading="lazy"
               class="BaseImage cover-bg object-contain lazyload"

storybook/stories/components/AppBarInternal/AppBarInternal.stories.js

@@ -38,7 +38,7 @@ export const AppBarInternalData = {
   userData: {
     firstName: 'First',
     lastName: 'Last',
-    photo: 'https://placekitten.com/150/200',
+    photo: 'https://picsum.photos/150/200',
   },
   logInUrl: '#',
   logOutUrl: '#',

storybook/stories/components/BlockImage/BlockImage.stories.js

@@ -50,14 +50,14 @@ export const BlockImageData = {
     credit: 'NASA/JPL',
     url: '/image/placeholder/',
     linkText: 'Full Image Details',
-    original: 'https://placekitten.com/869/700',
+    original: 'https://picsum.photos/869/700',
     src: {
       height: 700,
-      url: 'https://placekitten.com/869/700',
+      url: 'https://picsum.photos/869/700',
       width: 869,
     },
     srcSet:
-      'https://placekitten.com/320/258 320w, https://placekitten.com/869/700 1024w',
+      'https://picsum.photos/320/258 320w, https://picsum.photos/869/700 1024w',
   },
   imageFullBleed: {
     alt: 'Fourth image',

storybook/stories/components/BlockInlineImage/BlockInlineImage.stories.js

@@ -41,10 +41,10 @@ PortraitImage.args = {
       '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel porttitor urna. Maecenas at est laoreet, sagittis risus a, rutrum ipsum. Quisque tincidunt lacus nunc, dapibus facilisis felis scelerisque sit amet. </p>',
     credit: 'NASA/JPL',
     detailUrl: '/image/placeholder/',
-    original: 'https://placekitten.com/500/600',
+    original: 'https://picsum.photos/500/600',
     src: {
       height: 600,
-      url: 'https://placekitten.com/500/600',
+      url: 'https://picsum.photos/500/600',
       width: 500,
     },
   },

storybook/stories/components/BlockLinkCarousel/BlockLinkCarousel.stories.js

@@ -55,7 +55,7 @@ const BlockLinkCarouselData = [
     label: 'Mars',
     thumbnailImage: {
       src: {
-        url: 'https://source.unsplash.com/OLlj17tUZnU/512x288',
+        url: 'https://picsum.photos/512/288',
         width: 512,
         height: 288,
       },
@@ -68,7 +68,7 @@ const BlockLinkCarouselData = [
     slug: 'placeholder-slug-2',
     thumbnailImage: {
       src: {
-        url: 'https://source.unsplash.com/NuE8Nu3otjo/512x288',
+        url: 'https://picsum.photos/512/288',
         width: 512,
         height: 288,
       },
@@ -82,7 +82,7 @@ const BlockLinkCarouselData = [
     label: 'Solar System',
     thumbnailImage: {
       src: {
-        url: 'https://source.unsplash.com/Q1p7bh3SHj8/512x288',
+        url: 'https://picsum.photos/512/288',
         width: 512,
         height: 288,
       },
@@ -96,7 +96,7 @@ const BlockLinkCarouselData = [
     label: 'Technology',
     thumbnailImage: {
       src: {
-        url: 'https://source.unsplash.com/WIlvkeCScuE/512x288',
+        url: 'https://picsum.photos/512/288',
         width: 512,
         height: 288,
       },

storybook/stories/components/BlockQuote/BlockQuote.stories.js

@@ -34,7 +34,7 @@ export const BlockQuoteData = {
     },
   },
   thumbnail: {
-    src: 'https://placekitten.com/80/80',
+    src: 'https://picsum.photos/80/80',
     alt: 'An image',
   },
 }

storybook/stories/components/BlockTeaser/BlockTeaser.stories.js

@@ -45,14 +45,14 @@ export const BlockTeaserData = {
   fullWidthImage: false,
   image: {
     full: {
-      src: 'https://source.unsplash.com/pZ-XFIrJMtE/1096x400',
-      srcset: 'https://source.unsplash.com/pZ-XFIrJMtE/1096x400',
+      src: 'https://picsum.photos/1096/400',
+      srcset: 'https://picsum.photos/1096/400',
       width: 1096,
       height: 400,
     },
     half: {
-      src: 'https://source.unsplash.com/pZ-XFIrJMtE/540x400',
-      srcset: 'https://source.unsplash.com/pZ-XFIrJMtE/540x400',
+      src: 'https://picsum.photos/540/400',
+      srcset: 'https://picsum.photos/540/400',
       width: 548,
       height: 400,
     },

storybook/stories/components/NavInternal/NavInternalHighlight.stories.js

@@ -24,7 +24,7 @@ export const NavInternalHighlightData = {
   title: 'A Highlight',
   description: 'Lorem ipsum dolor sit amet consectatur adipscing',
   image: {
-    src: 'http://placekitten.com/512/288',
+    src: 'http://picsum.photos/512/288',
     width: '512',
     height: '288',
     alt: 'Alt text',

storybook/stories/components/NavInternal/NavInternalPanel.stories.js

@@ -185,7 +185,7 @@ export const NavInternalPanelAllHighlightsData = {
       description:
         'Praesent in eros iaculis, pulvinar est ut, maximus nisl. Vestibulum rutrum accumsan.',
       image: {
-        src: 'http://placekitten.com/512/288?image=12',
+        src: 'http://picsum.photos/512/288?random=1',
         width: '512',
         height: '288',
         alt: 'Alt text',
@@ -198,7 +198,7 @@ export const NavInternalPanelAllHighlightsData = {
       description:
         'Vivamus rutrum, nibh eu euismod imperdiet, elit ante dapibus risus, ut rutrum.',
       image: {
-        src: 'http://placekitten.com/512/288?image=9',
+        src: 'http://picsum.photos/512/288?random=2',
         width: '512',
         height: '288',
         alt: 'Alt text',
@@ -211,7 +211,7 @@ export const NavInternalPanelAllHighlightsData = {
       description:
         'Aliquam nisi nisi, iaculis sed iaculis et, rutrum quis orci. Quisque maximus.',
       image: {
-        src: 'http://placekitten.com/512/288?image=8',
+        src: 'http://picsum.photos/512/288?random=3',
         width: '512',
         height: '288',
         alt: 'Alt text',
@@ -242,7 +242,7 @@ export const NavInternalPanelCombinationData = {
       description:
         'Praesent in eros iaculis, pulvinar est ut, maximus nisl. Vestibulum rutrum accumsan.',
       image: {
-        src: 'http://placekitten.com/512/288?image=12',
+        src: 'http://picsum.photos/512/288?random=4',
         width: '512',
         height: '288',
         alt: 'Alt text',

storybook/stories/components/SearchResultCard/SearchResultCard.stories.js

@@ -70,11 +70,11 @@ export const SearchResultCardData = {
   date: 'May 22, 2018',
   image: {
     src: {
-      url: 'https://placekitten.com/490/490',
+      url: 'https://picsum.photos/490/490',
       width: 490,
       height: 490,
     },
-    srcSet: 'https://placekitten.com/490/490 320w',
+    srcSet: 'https://picsum.photos/490/490 320w',
     alt: 'Alt text',
   },
   featured: false,