carbon-react 111.12.3 → 111.12.4

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

@@ -4,17 +4,25 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 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) {
@@ -25,10 +33,12 @@ 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) {
@@ -51,18 +61,17 @@ 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() {
@@ -74,7 +83,9 @@ let ScrollBlockManager = /*#__PURE__*/function () {
       return Object.entries(this.components).length !== 0;
     }
   }]);
+
   return ScrollBlockManager;
 }();
+
 var _default = ScrollBlockManager;
 exports.default = _default;

package/lib/hooks/__internal__/useScrollBlock/useScrollBlock.js

@@ -4,13 +4,19 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = require("react");
+
 var _guid = _interopRequireDefault(require("../../../__internal__/utils/helpers/guid"));
+
 var _scrollBlockManager = _interopRequireDefault(require("./scroll-block-manager"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 // 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.default();
+
 const getRules = () => {
   /* istanbul ignore next */
   const {
@@ -19,8 +25,7 @@ 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",
@@ -43,6 +48,7 @@ const getRules = () => {
     blockingValue: `${bodyPaddingRight + scrollBarWidth}px`
   }];
 };
+
 const useScrollBlock = () => {
   const {
     current: containerGuid
@@ -60,18 +66,20 @@ 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,
@@ -85,13 +93,14 @@ 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,
@@ -106,5 +115,6 @@ const useScrollBlock = () => {
     allowScroll
   };
 };
+
 var _default = useScrollBlock;
 exports.default = _default;

package/lib/hooks/useMediaQuery/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _useMediaQuery.default;
   }
 });
+
 var _useMediaQuery = _interopRequireDefault(require("./useMediaQuery"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/hooks/useMediaQuery/useMediaQuery.js

@@ -4,21 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = useMediaQuery;
+
 var _react = _interopRequireDefault(require("react"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 function useMediaQuery(queryInput) {
   const query = queryInput.replace(/^@media( ?)/m, "");
+
   const [match, setMatch] = _react.default.useState(() => false);
+
   _react.default.useEffect(() => {
     const queryList = window.matchMedia(query);
+
     const updateMatch = () => {
       setMatch(queryList.matches);
     };
+
     updateMatch();
     queryList.addListener(updateMatch);
     return () => {
       queryList.removeListener(updateMatch);
     };
   }, [query]);
+
   return match;
 }

package/lib/locales/date-fns-locales/index.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+
 var _locale = require("date-fns/locale");
+
 Object.keys(_locale).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _locale[key]) return;

package/lib/locales/en-gb.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _dateFnsLocales = require("./date-fns-locales");
+
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
+
 const enGB = {
   locale: () => "en-GB",
   actions: {
@@ -37,21 +40,26 @@ 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/lib/locales/index.js

@@ -15,6 +15,9 @@ Object.defineProperty(exports, "PlPl", {
     return _plPl.default;
   }
 });
+
 var _enGb = _interopRequireDefault(require("./en-gb"));
+
 var _plPl = _interopRequireDefault(require("./pl-pl"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/locales/pl-pl.js

@@ -4,8 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _dateFnsLocales = require("./date-fns-locales");
+
 const isSingular = count => (typeof count === "string" ? parseInt(count) : count) === 1;
+
 const plPL = {
   locale: () => "pl-PL",
   actions: {
@@ -37,19 +40,24 @@ 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/lib/style/design-tokens/carbon-scoped-tokens-provider/carbon-scoped-tokens-provider.component.js

@@ -4,17 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+
 var _themes = require("../../themes");
+
 var _generateCssVariables = _interopRequireDefault(require("../generate-css-variables.util"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  *
  * Converts theme properties to css variables form and set them locally for
  * given scope
  *
  */
-
 const CarbonScopedTokensProvider = _styledComponents.default.div`
   margin: 0;
   padding: 0;

package/lib/style/design-tokens/carbon-scoped-tokens-provider/index.js

@@ -9,5 +9,7 @@ Object.defineProperty(exports, "default", {
     return _carbonScopedTokensProvider.default;
   }
 });
+
 var _carbonScopedTokensProvider = _interopRequireDefault(require("./carbon-scoped-tokens-provider.component"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

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

@@ -4,9 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
+
 var _mint = _interopRequireDefault(require("../themes/mint"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 /**
  *
  * Generates debug theme by mapping theme properties, so that components or
@@ -16,29 +20,32 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
  * 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, ""];
 }));
-var _default = {
-  ...debugTheme(_mint.default),
-  compatibility: {
-    ..._common.default
+
+var _default = { ...debugTheme(_mint.default),
+  compatibility: { ..._common.default
   },
   name: "sage-debug"
 };

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 /**
  *
  * Converts theme properties to the string in form of css variable definitions.
@@ -13,4 +14,5 @@ exports.default = void 0;
  *
  */
 var _default = theme => Object.entries(theme).map(([key, value]) => `--${key}: ${value};`).join("\r\n");
+
 exports.default = _default;

package/lib/style/global-style.js

@@ -4,7 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styledComponents = require("styled-components");
+
 const GlobalStyle = (0, _styledComponents.createGlobalStyle)`
   body {
     color: rgba(0, 0, 0, 0.9);

package/lib/style/palette/index.js

@@ -4,18 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _tint = _interopRequireDefault(require("../utils/tint"));
+
 var _shade = _interopRequireDefault(require("../utils/shade"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 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.
@@ -32,16 +36,19 @@ 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 = (0, _tint.default)(config[baseName]),
-      shadeBy = (0, _shade.default)(config[baseName]);
+          shadeBy = (0, _shade.default)(config[baseName]);
     acc[`${baseName}Tint`] = cachedFunc(tintBy)();
     acc[`${baseName}Shade`] = cachedFunc(shadeBy)();
     return acc;
   }, {});
   return funcs;
 };
+
 var _default = generatePalette;
 exports.default = _default;

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _default = palette => {
   return {
     name: "aegean",
@@ -13,8 +14,10 @@ var _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,
@@ -32,6 +35,8 @@ var _default = palette => {
         colorsBaseTheme: this === null || this === void 0 ? void 0 : (_this$colors14 = this.colors) === null || _this$colors14 === void 0 ? void 0 : _this$colors14.primary
       };
     }
+
   };
 };
+
 exports.default = _default;

package/lib/style/themes/aegean/index.js

@@ -4,8 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _aegeanTheme = _interopRequireDefault(require("./aegean-theme.config"));
+
 var _base = require("../base");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var _default = (0, _base.mergeWithBase)(_aegeanTheme.default);
+
 exports.default = _default;

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

@@ -4,10 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.space = void 0;
+
 var _common = _interopRequireDefault(require("@sage/design-tokens/js/base/common"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const space = ["var(--spacing000)", "var(--spacing100)", "var(--spacing200)", "var(--spacing300)", "var(--spacing400)", "var(--spacing500)", "var(--spacing600)", "var(--spacing700)", "var(--spacing800)", "var(--spacing900)", "var(--spacing1000)"];
 exports.space = space;
+
 var _default = palette => {
   return {
     name: "base",
@@ -48,10 +52,11 @@ var _default = palette => {
       notification: 7000,
       aboveAll: 9999
     },
+
     get compatibility() {
       var _this$colors, _this$colors$destruct;
-      return {
-        ..._common.default,
+
+      return { ..._common.default,
         colorsActionMajor150: this.colors.loadingBarBackground,
         colorsActionMajor500: this.colors.primary,
         colorsActionMajor600: this.colors.secondary,
@@ -63,6 +68,8 @@ var _default = palette => {
         colorsSemanticInfo500: this.colors.info
       };
     }
+
   };
 };
+
 exports.default = _default;

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

@@ -4,19 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.mergeWithBase = exports.default = void 0;
+
 var _baseTheme = _interopRequireDefault(require("./base-theme.config"));
+
 var _colorConfig = _interopRequireDefault(require("../../color-config"));
+
 var _atOpacity = _interopRequireDefault(require("../../utils/at-opacity"));
+
 var _mergeDeep = require("../../utils/merge-deep");
+
 var _palette = _interopRequireDefault(require("../../palette"));
+
 var _addHexSymbols = _interopRequireDefault(require("../../utils/add-hex-symbols"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const colors = (0, _palette.default)(_colorConfig.default);
 const colorsWithHex = (0, _addHexSymbols.default)(_colorConfig.default);
 const blackOpacity = (0, _atOpacity.default)("#000000");
 const whiteOpacity = (0, _atOpacity.default)("#FFFFFF");
-const palette = {
-  ...colors,
+const palette = { ...colors,
   ...colorsWithHex,
   blackOpacity,
   whiteOpacity
@@ -24,11 +31,12 @@ const palette = {
 const baseTheme = (0, _baseTheme.default)(palette);
 var _default = baseTheme;
 exports.default = _default;
+
 const mergeWithBase = configureTheme => {
   const themeToMergeWithBase = configureTheme(palette);
-  return {
-    ...(0, _mergeDeep.mergeDeep)(baseTheme, themeToMergeWithBase),
+  return { ...(0, _mergeDeep.mergeDeep)(baseTheme, themeToMergeWithBase),
     palette
   };
 };
+
 exports.mergeWithBase = mergeWithBase;

package/lib/style/themes/index.js

@@ -34,11 +34,18 @@ Object.defineProperty(exports, "baseTheme", {
   }
 });
 exports.carbonThemeList = void 0;
+
 var _mint = _interopRequireDefault(require("./mint"));
+
 var _aegean = _interopRequireDefault(require("./aegean"));
+
 var _sage = _interopRequireDefault(require("./sage"));
+
 var _none = _interopRequireDefault(require("./none"));
+
 var _base = _interopRequireDefault(require("./base"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 const carbonThemeList = [_mint.default, _aegean.default, _sage.default];
 exports.carbonThemeList = carbonThemeList;

package/lib/style/themes/medium/index.js

@@ -4,11 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _ = require("..");
+
 var _default = (() => {
   console.warn(`"Medium Theme" has been renamed to "Aegean".
 All references to that theme should be updated to:
 import { aegeanTheme } from "carbon-react/lib/style/themes"`);
   return _.aegeanTheme;
 })();
+
 exports.default = _default;

package/lib/style/themes/mint/index.js

@@ -4,8 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _mintTheme = _interopRequireDefault(require("./mint-theme.config"));
+
 var _base = require("../base");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var _default = (0, _base.mergeWithBase)(_mintTheme.default);
+
 exports.default = _default;

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _default = palette => {
   return {
     name: "mint",
@@ -13,8 +14,10 @@ var _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,
@@ -32,6 +35,8 @@ var _default = palette => {
         colorsBaseTheme: this === null || this === void 0 ? void 0 : (_this$colors14 = this.colors) === null || _this$colors14 === void 0 ? void 0 : _this$colors14.primary
       };
     }
+
   };
 };
+
 exports.default = _default;

package/lib/style/themes/none/index.js

@@ -4,8 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _noneTheme = _interopRequireDefault(require("./none-theme.config"));
+
 var _base = require("../base");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
 var _default = (0, _base.mergeWithBase)(_noneTheme.default);
+
 exports.default = _default;