gatsby-theme-carbon 4.3.22 → 4.3.24

package/gatsby-config.mjs

@@ -139,6 +139,12 @@ export default (themeOptions) => {
         options: {
           sassOptions: {
             includePaths: [path.resolve(__dirname, 'node_modules')],
+            api: 'modern',
+            silenceDeprecations: [
+              'legacy-js-api',
+              'global-builtin',
+              'if-function',
+            ],
           },
         },
       },

package/gatsby-node.mjs

@@ -4,8 +4,18 @@ import * as mkdirp from 'mkdirp';
 import startCase from 'lodash.startcase';
 import FilterWarningsPlugin from 'webpack-filter-warnings-plugin';
 
-export const onCreateWebpackConfig = ({ actions }) => {
+export const onCreateWebpackConfig = ({ stage, loaders, actions }) => {
   actions.setWebpackConfig({
+    module: {
+      rules: [
+        stage === 'build-html' || stage === 'develop-html'
+          ? {
+              test: /smooth-scroll/,
+              use: loaders.null(),
+            }
+          : null,
+      ].filter(Boolean),
+    },
     plugins: [
       new FilterWarningsPlugin({
         exclude:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-theme-carbon",
-  "version": "4.3.22",
+  "version": "4.3.24",
   "main": "index.js",
   "author": "vpicone <vp@vincepic.one> (@vpicone)",
   "repository": {
@@ -39,7 +39,7 @@
     "beautiful-react-hooks": "^5.0.3",
     "classnames": "^2.5.1",
     "copy-to-clipboard": "^3.3.3",
-    "focus-trap-react": "^10.3.1",
+    "focus-trap-react": "^11.0.4",
     "gatsby-plugin-catch-links": "^5.15.0",
     "gatsby-plugin-local-search": "^2.0.1",
     "gatsby-plugin-manifest": "^5.15.0",

package/src/util/hooks/useOnClickOutside.js

@@ -2,18 +2,20 @@ import { useEffect } from 'react';
 
 let passiveListenerSupported;
 
-try {
-  const opts = Object.defineProperty({}, 'passive', {
-    // eslint-disable-next-line getter-return
-    get() {
-      passiveListenerSupported = true;
-    },
-  });
-  window.addEventListener('testPassive', null, opts);
-  window.removeEventListener('testPassive', null, opts);
-} catch (e) {
-  console.warn(e);
-  passiveListenerSupported = false;
+if (typeof window !== 'undefined') {
+  try {
+    const opts = Object.defineProperty({}, 'passive', {
+      // eslint-disable-next-line getter-return
+      get() {
+        passiveListenerSupported = true;
+      },
+    });
+    window.addEventListener('testPassive', null, opts);
+    window.removeEventListener('testPassive', null, opts);
+  } catch (e) {
+    console.warn(e);
+    passiveListenerSupported = false;
+  }
 }
 
 function useOnClickOutside(ref, handler) {

package/src/util/hooks/useScrollPosition.js

@@ -3,18 +3,20 @@ import _throttle from 'lodash.throttle';
 
 let passiveListenerSupported;
 
-try {
-  const opts = Object.defineProperty({}, 'passive', {
-    // eslint-disable-next-line getter-return
-    get() {
-      passiveListenerSupported = true;
-    },
-  });
-  window.addEventListener('testPassive', null, opts);
-  window.removeEventListener('testPassive', null, opts);
-} catch (e) {
-  console.warn(e);
-  passiveListenerSupported = false;
+if (typeof window !== 'undefined') {
+  try {
+    const opts = Object.defineProperty({}, 'passive', {
+      // eslint-disable-next-line getter-return
+      get() {
+        passiveListenerSupported = true;
+      },
+    });
+    window.addEventListener('testPassive', null, opts);
+    window.removeEventListener('testPassive', null, opts);
+  } catch (e) {
+    console.warn(e);
+    passiveListenerSupported = false;
+  }
 }
 
 const getPosition = () => {