Merge pull request #1714 from intuit/ignite

upgrade ignite

.circleci/config.yml

@@ -3,7 +3,7 @@ version: 2.1
 defaults: &defaults
   working_directory: ~/auto
   docker:
-    - image: circleci/node:10-browsers
+    - image: circleci/node:12-browsers
   environment:
     TZ: '/usr/share/zoneinfo/America/Los_Angeles'
 

.gitignore

@@ -214,4 +214,5 @@ GitHub.sublime-settings
 # Ignore all local history of files
 .history
 
-# End of https://www.gitignore.io/api/node,intellij,sublimetext,visualstudiocode
+# End of https://www.gitignore.io/api/node,intellij,sublimetext,visualstudiocode
+docs/public/search-index.json

docs/css/syntax-highlighting-overrides.css

@@ -8,99 +8,4 @@
 
 * {
   text-shadow: none !important;
-}
-
-.algolia-autocomplete {
-  width: 100%;
-}
-
-/* Highlighted text */
-.algolia-autocomplete .algolia-docsearch-suggestion--highlight {
-  color: var(--color-primary-600);
-  background: var(--color-gray-200);
-}
-
-/* Highlighted text */
-.mode-dark .algolia-autocomplete .algolia-docsearch-suggestion--highlight {
-  color: var(--color-primary-400);
-  background: var(--color-gray-900);
-}
-
-/* Main dropdown wrapper */
-.mode-dark
-  .algolia-autocomplete.algolia-autocomplete-left
-  .ds-dropdown-menu:before,
-.mode-dark
-  .algolia-autocomplete.algolia-autocomplete-right
-  .ds-dropdown-menu:before,
-.mode-dark .algolia-autocomplete .algolia-docsearch-suggestion,
-.mode-dark .algolia-autocomplete .ds-dropdown-menu [class^="ds-dataset-"] {
-  background: #1b181a;
-  border-color: var(--color-gray-900);
-}
-
-/* Main category (eg. Getting Started) */
-.mode-dark
-  .algolia-autocomplete
-  .algolia-docsearch-suggestion--category-header {
-  color: var(--color-gray-200);
-  border-color: var(--color-gray-800);
-}
-
-/* Category (eg. Downloads) */
-.mode-dark
-  .algolia-autocomplete
-  .algolia-docsearch-suggestion--subcategory-column {
-  color: var(--color-gray-600);
-}
-
-.mode-dark .algolia-autocomplete .algolia-docsearch-suggestion--content:before,
-.mode-dark
-  .algolia-autocomplete
-  .algolia-docsearch-suggestion--subcategory-column:before {
-  background: var(--color-gray-800);
-}
-
-/* Title (eg. Bootstrap CDN) */
-.mode-dark .algolia-autocomplete .algolia-docsearch-suggestion--title {
-  color: var(--color-gray-500);
-}
-
-/* Cursor */
-.mode-dark
-  .algolia-autocomplete
-  .ds-dropdown-menu
-  .ds-suggestion.ds-cursor
-  .algolia-docsearch-suggestion:not(.suggestion-layout-simple)
-  .algolia-docsearch-suggestion--content {
-  background: var(--color-gray-900);
-}
-
-.mode-dark
-  .algolia-autocomplete
-  .algolia-docsearch-suggestion--category-header
-  .algolia-docsearch-suggestion--category-header-lvl0
-  .algolia-docsearch-suggestion--highlight {
-  box-shadow: inset 0 -2px 0 0 var(--color-primary-400);
-}
-
-.algolia-autocomplete .ds-dropdown-menu {
-  width: 100% !important;
-  max-width: 100% !important;
-  min-width: 0 !important;
-}
-
-@media (max-width: 768px) {
-  .algolia-autocomplete .algolia-docsearch-suggestion--subcategory-column {
-    display: none !important;
-  }
-
-  .algolia-autocomplete .algolia-docsearch-suggestion--content {
-    width: 100% !important;
-    padding: 0 !important;
-  }
-
-  .algolia-autocomplete .algolia-docsearch-suggestion--content:before {
-    display: none !important;
-  }
-}
+}

docs/pages/_app.js

@@ -16,7 +16,7 @@ config.autoAddCss = false;
 const components = {
   ...igniteComponents,
   img: (props) => {
-    if (props.alt && props.alt.includes("Logo")) {
+    if (props.alt?.includes("Logo")) {
       return <igniteComponents.img {...props} />;
     }
 
@@ -45,19 +45,6 @@ const components = {
 };
 
 function MyApp({ Component, pageProps }) {
-  React.useEffect(() => {
-    if (window.docsearch) {
-      window.docsearch({
-        apiKey: "9a3222c3fb6678852549109b167d0cef",
-        indexName: "intuit_auto",
-        inputSelector: "#search",
-        debug: false,
-      });
-    } else {
-      console.warn("Search has failed to load");
-    }
-  });
-
   return (
     <MDXProvider components={components}>
       <Component {...pageProps} />

docs/pages/blog.js

@@ -1,3 +1,6 @@
 import { BlogIndex } from "next-ignite";
 
-export default () => <BlogIndex />;
+/** The blog index */
+const Blog = () => <BlogIndex />;
+
+export default Blog;

docs/plugins/home.js

@@ -299,7 +299,7 @@ const Home = () => (
       </div>
 
       <div className="bg-primary-500 dark:bg-primary-600 text-white text-center">
-        <div className="max-w-4xl mx-10 lg:mx-auto pt-12 pb-16 flex flex-col items-center">
+        <div className="max-w-4xl mx-10 lg:mx-auto pt-12 pb-20 flex flex-col items-center">
           <h2 className="text-xl mb-8">
             Stop worrying about your release and hit that merge button!
           </h2>

package.json

@@ -66,7 +66,7 @@
     "jest-snapshot-serializer-ansi": "^1.0.0",
     "lerna": "^3.13.4",
     "lint-staged": "^10.0.7",
-    "next-ignite": "^0.7.4",
+    "next-ignite": "^0.8.21",
     "prettier": "^2.0.1",
     "push-dir": "^0.4.1",
     "rimraf": "^3.0.0",