carbon-react 111.12.1 → 111.12.3

package/esm/hooks/__internal__/useCharacterCount/useCharacterCount.js

@@ -1,9 +1,7 @@
 import React, { useMemo } from "react";
 import CharacterCount from "../../../__internal__/character-count";
 import useLocale from "../useLocale";
-
 const getFormatNumber = (value, locale) => new Intl.NumberFormat(locale).format(value);
-
 const useCharacterCount = (value = "", characterLimit, warnOverLimit = false, enforceCharacterLimit = true) => {
   const isCharacterLimitValid = typeof characterLimit === "number" && !Number.isNaN(characterLimit);
   const l = useLocale();
@@ -11,7 +9,6 @@ const useCharacterCount = (value = "", characterLimit, warnOverLimit = false, en
     if (value && isCharacterLimitValid) {
       return value.length > characterLimit;
     }
-
     return false;
   }, [value, characterLimit, isCharacterLimitValid]);
   return [enforceCharacterLimit && isCharacterLimitValid ? characterLimit : undefined, isCharacterLimitValid ? /*#__PURE__*/React.createElement(CharacterCount, {
@@ -21,5 +18,4 @@ const useCharacterCount = (value = "", characterLimit, warnOverLimit = false, en
     "data-element": "character-limit"
   }) : null];
 };
-
 export default useCharacterCount;

package/esm/hooks/__internal__/useClickAwayListener/useClickAwayListener.js

@@ -1,4 +1,6 @@
-import { useEffect, useRef, useCallback } from "react"; // Needs to also take Portals into account (so can't just check DOM containment), but ideally without using
+import { useEffect, useRef, useCallback } from "react";
+
+// Needs to also take Portals into account (so can't just check DOM containment), but ideally without using
 // event.stopPropagation() which could have unexpected and frustrating consequences for consumers.
 // Simple approach taken from https://github.com/facebook/react/issues/10962#issuecomment-444622208
 
@@ -9,7 +11,6 @@ export default ((handleClickAway, eventTypeId = "click") => {
       clickIsInside.current = false;
       return;
     }
-
     handleClickAway(ev);
   }, [handleClickAway]);
   const onInsideClick = useCallback(() => {

package/esm/hooks/__internal__/useFloating/useFloating.js

@@ -1,6 +1,5 @@
 import { useRef, useLayoutEffect } from "react";
 import { computePosition, autoUpdate } from "@floating-ui/dom";
-
 const useFloating = ({
   isOpen,
   reference,
@@ -15,7 +14,6 @@ const useFloating = ({
     let cleanup;
     const referenceElement = reference.current;
     const floatingElement = floating.current;
-
     if (referenceElement && floatingElement && isOpen) {
       const {
         left,
@@ -32,7 +30,6 @@ const useFloating = ({
         top: 0,
         left: 0
       });
-
       const update = () => {
         computePosition(referenceElement, floatingElement, {
           strategy,
@@ -51,12 +48,10 @@ const useFloating = ({
           floatingElement.setAttribute("data-floating-placement", currentPlacement);
         });
       };
-
       cleanup = autoUpdate(referenceElement, floatingElement, update, {
         animationFrame
       });
     }
-
     return () => {
       if (cleanup && floatingElement) {
         cleanup();
@@ -67,5 +62,4 @@ const useFloating = ({
     };
   }, [isOpen, reference, floating, strategy, middleware, placement, animationFrame]);
 };
-
 export default useFloating;

package/esm/hooks/__internal__/useIsStickyFooterForm/useIsStickyFooterForm.js

@@ -3,7 +3,6 @@ import Form from "../../../components/form/form.component";
 export default (children => {
   const isStickyFooterForm = useMemo(() => React.Children.toArray(children).some(child => {
     var _child$type;
-
     return /*#__PURE__*/React.isValidElement(child) && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === Form.displayName && child.props.stickyFooter;
   }), [children]);
   return isStickyFooterForm;

package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js

@@ -7,38 +7,28 @@ export default ((mainControlRef, childrenRefs, hide) => {
     if (!(Events.isEnterKey(ev) || Events.isSpaceKey(ev))) {
       ev.preventDefault();
     }
-
     const currentIndex = childrenRefs === null || childrenRefs === void 0 ? void 0 : childrenRefs.findIndex(node => node.current === document.activeElement);
     let nextIndex = -1;
-
     const refocusMainControl = () => {
       var _mainControlRef$curre;
-
       hide();
       (_mainControlRef$curre = mainControlRef.current) === null || _mainControlRef$curre === void 0 ? void 0 : _mainControlRef$curre.focus();
     };
-
     const arrowModifierPressed = ev.ctrlKey || ev.metaKey;
-
     if (Events.isEndKey(ev) || arrowModifierPressed && Events.isDownKey(ev)) {
       nextIndex = childrenLength - 1;
     }
-
     if (Events.isHomeKey(ev) || arrowModifierPressed && Events.isUpKey(ev)) {
       nextIndex = 0;
     }
-
     if (!arrowModifierPressed && Events.isUpKey(ev) && currentIndex > 0) {
       nextIndex = currentIndex - 1;
     }
-
     if (!arrowModifierPressed && Events.isDownKey(ev) && currentIndex < childrenLength - 1) {
       nextIndex = currentIndex + 1;
     }
-
     const tabPressed = Events.isTabKey(ev);
     const tabShiftPressed = tabPressed && Events.isShiftKey(ev);
-
     if (tabShiftPressed) {
       if (currentIndex === 0) {
         refocusMainControl();
@@ -48,23 +38,19 @@ export default ((mainControlRef, childrenRefs, hide) => {
     } else if (tabPressed) {
       if (currentIndex === childrenLength - 1) {
         var _elements;
-
         const elements = Array.from(document.querySelectorAll(defaultFocusableSelectors)).filter(el => Number(el.tabIndex) !== -1);
         const indexOf = elements.indexOf(mainControlRef.current);
-        (_elements = elements[indexOf + 1]) === null || _elements === void 0 ? void 0 : _elements.focus(); // // timeout enforces that the "hide" method will be run after browser focuses on the next element
-
+        (_elements = elements[indexOf + 1]) === null || _elements === void 0 ? void 0 : _elements.focus();
+        // // timeout enforces that the "hide" method will be run after browser focuses on the next element
         setTimeout(hide, 0);
       } else {
         nextIndex = currentIndex + 1;
       }
     }
-
     if (nextIndex > -1) {
       var _childrenRefs$nextInd;
-
       (_childrenRefs$nextInd = childrenRefs[nextIndex].current) === null || _childrenRefs$nextInd === void 0 ? void 0 : _childrenRefs$nextInd.focus();
     }
-
     if (Events.isEscKey(ev)) {
       refocusMainControl();
     }

package/esm/hooks/__internal__/useModalManager/useModalManager.js

@@ -1,12 +1,10 @@
 import { useEffect, useRef, useCallback } from "react";
 import ModalManager from "../../../components/modal/__internal__/modal-manager";
-
 const useModalManager = (open, closeModal, modalRef, setTriggerRefocusFlag) => {
   const listenerAdded = useRef(false);
   const modalRegistered = useRef(false);
   const handleClose = useCallback(ev => {
     const isTopmost = ModalManager.isTopmost(modalRef.current);
-
     if (isTopmost) {
       closeModal(ev);
     }
@@ -51,7 +49,6 @@ const useModalManager = (open, closeModal, modalRef, setTriggerRefocusFlag) => {
   }, []);
   useEffect(() => {
     const ref = modalRef.current;
-
     if (open) {
       registerModal(ref);
     } else {
@@ -65,5 +62,4 @@ const useModalManager = (open, closeModal, modalRef, setTriggerRefocusFlag) => {
     };
   }, [modalRef, unregisterModal]);
 };
-
 export default useModalManager;

package/esm/hooks/__internal__/useResizeObserver/useResizeObserver.js

@@ -1,24 +1,19 @@
 import { useRef, useLayoutEffect } from "react";
-export default function useResizeObserver(
-/** Reference to the resizable HTML element */
-ref,
-/** Callback meant to be executed on element resize */
-onResize,
-/** Flag to indicate whether hook should be disabled  */
+export default function useResizeObserver( /** Reference to the resizable HTML element */
+ref, /** Callback meant to be executed on element resize */
+onResize, /** Flag to indicate whether hook should be disabled  */
 disabled) {
   const observer = useRef();
   const onResizeRef = useRef(onResize);
   onResizeRef.current = onResize;
   useLayoutEffect(() => {
     const referenceRef = ref.current;
-
     if (!disabled && referenceRef) {
       observer.current = new ResizeObserver(() => {
         onResizeRef === null || onResizeRef === void 0 ? void 0 : onResizeRef.current();
       });
       observer.current.observe(referenceRef);
     }
-
     return () => {
       if (!disabled && referenceRef && observer.current) {
         observer.current.unobserve(referenceRef);

package/esm/hooks/__internal__/useScrollBlock/scroll-block-manager.js

@@ -1,21 +1,14 @@
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 // TODO: This component can be refactored to remove redundant code
 // once we can confirm that all Sage products use version 105.0.0^
 let ScrollBlockManager = /*#__PURE__*/function () {
   function ScrollBlockManager() {
     _classCallCheck(this, ScrollBlockManager);
-
     _defineProperty(this, "components", void 0);
-
     _defineProperty(this, "originalValues", void 0);
-
     // Due to possibility of multiple carbon versions using it
     // it is necessary to maintain same structure in this global variable
     if (!window.__CARBON_INTERNALS_SCROLL_BLOCKERS) {
@@ -26,12 +19,10 @@ let ScrollBlockManager = /*#__PURE__*/function () {
         restoreValues: null
       };
     }
-
-    this.components = window.__CARBON_INTERNALS_SCROLL_BLOCKERS.components; // TODO: originalValues can be removed
-
+    this.components = window.__CARBON_INTERNALS_SCROLL_BLOCKERS.components;
+    // TODO: originalValues can be removed
     this.originalValues = window.__CARBON_INTERNALS_SCROLL_BLOCKERS.originalValues;
   }
-
   _createClass(ScrollBlockManager, [{
     key: "registerComponent",
     value: function registerComponent(id) {
@@ -54,17 +45,18 @@ let ScrollBlockManager = /*#__PURE__*/function () {
     key: "getRestoreValuesCallback",
     value: function getRestoreValuesCallback() {
       var _window$__CARBON_INTE;
-
       return (_window$__CARBON_INTE = window.__CARBON_INTERNALS_SCROLL_BLOCKERS) === null || _window$__CARBON_INTE === void 0 ? void 0 : _window$__CARBON_INTE.restoreValues;
-    } // TODO: saveOriginalValues can be removed
+    }
 
+    // TODO: saveOriginalValues can be removed
   }, {
     key: "saveOriginalValues",
     value: function saveOriginalValues(values) {
       this.originalValues.length = 0;
       this.originalValues.push(...values);
-    } // TODO: getOriginalValues can be removed
+    }
 
+    // TODO: getOriginalValues can be removed
   }, {
     key: "getOriginalValues",
     value: function getOriginalValues() {
@@ -76,8 +68,6 @@ let ScrollBlockManager = /*#__PURE__*/function () {
       return Object.entries(this.components).length !== 0;
     }
   }]);
-
   return ScrollBlockManager;
 }();
-
 export default ScrollBlockManager;

package/esm/hooks/__internal__/useScrollBlock/useScrollBlock.js

@@ -1,10 +1,10 @@
 import { useRef, useCallback } from "react";
 import guid from "../../../__internal__/utils/helpers/guid";
-import ScrollBlockManager from "./scroll-block-manager"; // TODO: This component can be refactored to remove redundant code after
-// we can confirm that all Sage products use version 105.0.0^
+import ScrollBlockManager from "./scroll-block-manager";
 
+// TODO: This component can be refactored to remove redundant code after
+// we can confirm that all Sage products use version 105.0.0^
 const scrollBlockManager = new ScrollBlockManager();
-
 const getRules = () => {
   /* istanbul ignore next */
   const {
@@ -13,7 +13,8 @@ const getRules = () => {
   } = document || {};
   const scrollBarWidth = window.innerWidth - documentElement.clientWidth;
   const bodyPaddingRight = parseInt(window.getComputedStyle(body).getPropertyValue("padding-right")) || 0;
-  return [// TODO: First two entries of this array with the documentElement can be removed
+  return [
+  // TODO: First two entries of this array with the documentElement can be removed
   {
     element: documentElement,
     property: "position",
@@ -36,7 +37,6 @@ const getRules = () => {
     blockingValue: `${bodyPaddingRight + scrollBarWidth}px`
   }];
 };
-
 const useScrollBlock = () => {
   const {
     current: containerGuid
@@ -54,20 +54,18 @@ const useScrollBlock = () => {
     const rules = getRules();
     const isBlocked = scrollBlockManager.isBlocked();
     scrollBlockManager.registerComponent(containerGuid);
-
     if (isBlocked) {
       return;
     }
-
     const originalValues = rules.map(({
       element,
       property
     }) => element.style[property]);
     originalValuesRef.current = originalValues;
-    scrollBlockManager.saveRestoreValuesCallback(restoreValues); // TODO: saveOriginalValues can be removed
-
-    scrollBlockManager.saveOriginalValues(originalValues); // TODO: slice san be removed
-
+    scrollBlockManager.saveRestoreValuesCallback(restoreValues);
+    // TODO: saveOriginalValues can be removed
+    scrollBlockManager.saveOriginalValues(originalValues);
+    // TODO: slice san be removed
     rules.slice(-3).forEach(({
       element,
       property,
@@ -81,14 +79,13 @@ const useScrollBlock = () => {
     const isBlocked = scrollBlockManager.isBlocked();
     if (isBlocked) return;
     const restoreValuesCallback = scrollBlockManager.getRestoreValuesCallback();
-
     if (restoreValuesCallback) {
       restoreValuesCallback();
       scrollBlockManager.saveRestoreValuesCallback(null);
       return;
-    } // TODO: all of the code below can be removed from this block
-
+    }
 
+    // TODO: all of the code below can be removed from this block
     const originalValues = scrollBlockManager.getOriginalValues();
     getRules().forEach(({
       element,
@@ -103,5 +100,4 @@ const useScrollBlock = () => {
     allowScroll
   };
 };
-
 export default useScrollBlock;

package/esm/hooks/useMediaQuery/useMediaQuery.js

@@ -4,11 +4,9 @@ export default function useMediaQuery(queryInput) {
   const [match, setMatch] = React.useState(() => false);
   React.useEffect(() => {
     const queryList = window.matchMedia(query);
-
     const updateMatch = () => {
       setMatch(queryList.matches);
     };
-
     updateMatch();
     queryList.addListener(updateMatch);
     return () => {

package/esm/locales/en-gb.js

@@ -1,7 +1,5 @@
 import { enGB as enGBDateLocale } from "./date-fns-locales";
-
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
-
 const enGB = {
   locale: () => "en-GB",
   actions: {
@@ -33,26 +31,21 @@ const enGB = {
   },
   errors: {
     messages: {
-      formSummary:
-      /* istanbul ignore next */
+      formSummary: /* istanbul ignore next */
       (errors, warnings, type) => {
         const errorPlural = isSingular(errors) ? "error" : "errors";
         const warningPlural = isSingular(warnings) ? "warning" : "warnings";
         const isErrorPlural = isSingular(errors) && !warnings ? "is" : "are";
         const isWarningPlural = isSingular(warnings) ? "is" : "are";
-
         if (errors && warnings && type === "warning") {
           return ["and", `${warnings} ${warningPlural}`];
         }
-
         if (errors) {
           return [`There ${isErrorPlural}`, `${errors} ${errorPlural}`];
         }
-
         if (warnings) {
           return [`There ${isWarningPlural}`, `${warnings} ${warningPlural}`];
         }
-
         return null;
       }
     }

package/esm/locales/pl-pl.js

@@ -1,7 +1,5 @@
 import { pl as plDateLocale } from "./date-fns-locales";
-
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
-
 const plPL = {
   locale: () => "pl-PL",
   actions: {
@@ -33,24 +31,19 @@ const plPL = {
   },
   errors: {
     messages: {
-      formSummary:
-      /* istanbul ignore next */
+      formSummary: /* istanbul ignore next */
       (errors, warnings, type) => {
         const errorPlural = isSingular(errors) ? "błąd" : "błędy";
         const warningPlural = isSingular(warnings) ? "ostrzerzenie" : "ostrzerzenia";
-
         if (errors && warnings && type === "warnings") {
           return [`oraz`, `${warnings} ${warningPlural}`];
         }
-
         if (errors) {
           return ["Znaleziono", `${errors} ${errorPlural}`];
         }
-
         if (warnings) {
           return ["Znaleziono", `${warnings} ${warningPlural}`];
         }
-
         return null;
       }
     }

package/esm/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js

@@ -1,6 +1,7 @@
 import styled from "styled-components";
 import { baseTheme } from "../../themes";
 import generateCssVariables from "../generate-css-variables.util";
+
 /**
  *
  * Converts theme properties to css variables form and set them locally for

package/esm/style/design-tokens/debug-theme.util.js

@@ -1,6 +1,5 @@
 import tokens from "@sage/design-tokens/js/base/common";
 import mint from "../themes/mint";
-
 /**
  *
  * Generates debug theme by mapping theme properties, so that components or
@@ -10,32 +9,29 @@ import mint from "../themes/mint";
  * will be migrated to design tokens.
  *
  */
+
 const debugTheme = themeProperties => Object.fromEntries(Object.entries(themeProperties).map(([key, value]) => {
   if (typeof value === "string" && (value.startsWith("#") || value.startsWith("rgb") || value.startsWith("rgba") || value.startsWith("hsl") || value.startsWith("hsla"))) {
     return [key, `rgba(255, 20, 147, .2)`];
   }
-
   if (typeof value === "string" && value.endsWith("px")) {
     return [key, "10px"];
   }
-
   if (typeof value === "string" && value.endsWith("%")) {
     return [key, "10%"];
   }
-
   if (typeof value === "number") {
     return [key, 10];
   }
-
   if (typeof value === "object") {
     return key === "compatibility" ? [key, value] : [key, debugTheme(value)];
   }
-
   return [key, ""];
 }));
-
-export default { ...debugTheme(mint),
-  compatibility: { ...tokens
+export default {
+  ...debugTheme(mint),
+  compatibility: {
+    ...tokens
   },
   name: "sage-debug"
 };

package/esm/style/design-tokens/generate-css-variables.util.js

@@ -6,4 +6,5 @@
  * form of CSS variables along with styled-components ThemeProvider.
  *
  */
+
 export default (theme => Object.entries(theme).map(([key, value]) => `--${key}: ${value};`).join("\r\n"));

package/esm/style/palette/index.js

@@ -1,15 +1,14 @@
 import tint from "../utils/tint";
 import shade from "../utils/shade";
-
 const cachedFunc = cb => (cache = {}) => weight => {
   if (cache[weight]) {
     return cache[weight];
   }
-
   const color = cb(weight);
   cache[weight] = color;
   return color;
 };
+
 /**
  * Takes a config object of base colors and, for each base, generates functions
  * to lighten and darken it.
@@ -26,18 +25,15 @@ const cachedFunc = cb => (cache = {}) => weight => {
  * where `n` is the degree of white (in case of `tint`) or
  * black (in case of `shade`) they wish to mix into the base color.
  */
-
-
 const generatePalette = config => {
   const baseNames = Object.keys(config);
   const funcs = baseNames.reduce((acc, baseName) => {
     const tintBy = tint(config[baseName]),
-          shadeBy = shade(config[baseName]);
+      shadeBy = shade(config[baseName]);
     acc[`${baseName}Tint`] = cachedFunc(tintBy)();
     acc[`${baseName}Shade`] = cachedFunc(shadeBy)();
     return acc;
   }, {});
   return funcs;
 };
-
 export default generatePalette;

package/esm/style/themes/aegean/aegean-theme.config.js

@@ -7,10 +7,8 @@ export default (palette => {
       tertiary: palette.productBlueShade(43),
       loadingBarBackground: palette.productBlueTint(70)
     },
-
     get compatibility() {
       var _this$colors, _this$colors2, _this$colors3, _this$colors4, _this$colors5, _this$colors6, _this$colors7, _this$colors8, _this$colors9, _this$colors10, _this$colors11, _this$colors12, _this$colors13, _this$colors14;
-
       return {
         colorsActionMajor150: this === null || this === void 0 ? void 0 : (_this$colors = this.colors) === null || _this$colors === void 0 ? void 0 : _this$colors.loadingBarBackground,
         colorsActionMajor500: this === null || this === void 0 ? void 0 : (_this$colors2 = this.colors) === null || _this$colors2 === void 0 ? void 0 : _this$colors2.primary,
@@ -28,6 +26,5 @@ export default (palette => {
         colorsBaseTheme: this === null || this === void 0 ? void 0 : (_this$colors14 = this.colors) === null || _this$colors14 === void 0 ? void 0 : _this$colors14.primary
       };
     }
-
   };
 });

package/esm/style/themes/base/base-theme.config.js

@@ -40,11 +40,10 @@ export default (palette => {
       notification: 7000,
       aboveAll: 9999
     },
-
     get compatibility() {
       var _this$colors, _this$colors$destruct;
-
-      return { ...tokens,
+      return {
+        ...tokens,
         colorsActionMajor150: this.colors.loadingBarBackground,
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
@@ -56,6 +55,5 @@ export default (palette => {
         colorsSemanticInfo500: this.colors.info
       };
     }
-
   };
 });

package/esm/style/themes/base/index.js

@@ -8,7 +8,8 @@ const colors = generatePalette(baseColors);
 const colorsWithHex = addHexSymbols(baseColors);
 const blackOpacity = atOpacity("#000000");
 const whiteOpacity = atOpacity("#FFFFFF");
-const palette = { ...colors,
+const palette = {
+  ...colors,
   ...colorsWithHex,
   blackOpacity,
   whiteOpacity
@@ -17,7 +18,8 @@ const baseTheme = configureBase(palette);
 export default baseTheme;
 export const mergeWithBase = configureTheme => {
   const themeToMergeWithBase = configureTheme(palette);
-  return { ...mergeDeep(baseTheme, themeToMergeWithBase),
+  return {
+    ...mergeDeep(baseTheme, themeToMergeWithBase),
     palette
   };
 };

package/esm/style/themes/mint/mint-theme.config.js

@@ -7,10 +7,8 @@ export default (palette => {
       tertiary: palette.productGreenShade(61),
       loadingBarBackground: palette.productGreenTint(70)
     },
-
     get compatibility() {
       var _this$colors, _this$colors2, _this$colors3, _this$colors4, _this$colors5, _this$colors6, _this$colors7, _this$colors8, _this$colors9, _this$colors10, _this$colors11, _this$colors12, _this$colors13, _this$colors14;
-
       return {
         colorsActionMajor150: this === null || this === void 0 ? void 0 : (_this$colors = this.colors) === null || _this$colors === void 0 ? void 0 : _this$colors.loadingBarBackground,
         colorsActionMajor500: this === null || this === void 0 ? void 0 : (_this$colors2 = this.colors) === null || _this$colors2 === void 0 ? void 0 : _this$colors2.primary,
@@ -28,6 +26,5 @@ export default (palette => {
         colorsBaseTheme: this === null || this === void 0 ? void 0 : (_this$colors14 = this.colors) === null || _this$colors14 === void 0 ? void 0 : _this$colors14.primary
       };
     }
-
   };
 });

package/esm/style/themes/sage/index.js

@@ -1,7 +1,9 @@
 import tokens from "@sage/design-tokens/js/base/common";
 import mint from "../mint/index";
-export default { ...mint,
-  compatibility: { ...tokens
+export default {
+  ...mint,
+  compatibility: {
+    ...tokens
   },
   name: "sage"
 };

package/esm/style/themes/test-utils.js

@@ -1,20 +1,20 @@
 const isObject = obj => {
   return typeof obj === "object" && obj !== null;
-}; // eslint-disable-next-line import/prefer-default-export
-
+};
 
+// eslint-disable-next-line import/prefer-default-export
 export const assertIsSubset = (obj, comparison) => {
   if (!isObject(obj)) {
     // no further nesting
     return;
   }
-
   const objKeys = Object.keys(obj);
   const comparisonKeys = Object.keys(comparison);
   objKeys.forEach(key => {
     // assert that keys are present
-    expect(comparisonKeys).toContain(key); // repeat for nested objects
+    expect(comparisonKeys).toContain(key);
 
+    // repeat for nested objects
     assertIsSubset(obj[key], comparison[key]);
   });
 };

package/esm/style/utils/add-hex-symbols.js

@@ -3,5 +3,4 @@ const addHex = obj => (acc, col) => {
   acc[col] = `#${color}`;
   return acc;
 };
-
 export default (configObject => Object.keys(configObject).reduce(addHex(configObject), {}));