intergalactic 15.125.0-prerelease.0 → 15.126.0-prerelease.1

package/utils/lib/use/useColorResolver.mjs

@@ -1,200 +1,177 @@
-import { useContextTokens } from "../ThemeProvider.mjs";
-import logger from "../logger.mjs";
-import defaultDesignThemeJson from '../themes/default.json';
-var defaultDesignTheme = defaultDesignThemeJson;
-var basicPalette = {
-  '--white': '#ffffff',
-  '--black': '#000000',
-  '--gray-50': '#f4f5f9',
-  '--gray-100': '#e0e1e9',
-  '--gray-200': '#c4c7cf',
-  '--gray-300': '#a9abb6',
-  '--gray-400': '#8a8e9b',
-  '--gray-500': '#6c6e79',
-  '--gray-600': '#484a54',
-  '--gray-700': '#2b2e38',
-  '--gray-800': '#191b23',
-  '--blue-50': '#e9f7ff',
-  '--blue-100': '#c4e5fe',
-  '--blue-200': '#8ecdff',
-  '--blue-300': '#2bb3ff',
-  '--blue-400': '#008ff8',
-  '--blue-500': '#006dca',
-  '--blue-600': '#044792',
-  '--blue-700': '#002b5f',
-  '--blue-800': '#001b3d',
-  '--green-50': '#dbfee8',
-  '--green-100': '#9ef2c9',
-  '--green-200': '#59ddaa',
-  '--green-300': '#00c192',
-  '--green-400': '#009f81',
-  '--green-500': '#007c65',
-  '--green-600': '#055345',
-  '--green-700': '#00342d',
-  '--green-800': '#00201e',
-  '--salad-50': '#ecfbcd',
-  '--salad-100': '#c7ee96',
-  '--salad-200': '#9bd85d',
-  '--salad-300': '#66c030',
-  '--salad-400': '#35a21e',
-  '--salad-500': '#0a7e22',
-  '--salad-600': '#005613',
-  '--salad-700': '#003509',
-  '--salad-800': '#002203',
-  '--orange-50': '#fff3d9',
-  '--orange-100': '#ffdca2',
-  '--orange-200': '#ffb26e',
-  '--orange-300': '#ff8c43',
-  '--orange-400': '#ff642d',
-  '--orange-500': '#c33909',
-  '--orange-600': '#8b1500',
-  '--orange-700': '#551200',
-  '--orange-800': '#351000',
-  '--yellow-50': '#fdf7c8',
-  '--yellow-100': '#fce081',
-  '--yellow-200': '#fdc23c',
-  '--yellow-300': '#ef9800',
-  '--yellow-400': '#d87900',
-  '--yellow-500': '#a75800',
-  '--yellow-600': '#743a00',
-  '--yellow-700': '#462500',
-  '--yellow-800': '#2c1600',
-  '--red-50': '#fff0f7',
-  '--red-100': '#ffd7df',
-  '--red-200': '#ffaeb5',
-  '--red-300': '#ff8786',
-  '--red-400': '#ff4953',
-  '--red-500': '#d1002f',
-  '--red-600': '#8e0016',
-  '--red-700': '#58000a',
-  '--red-800': '#410101',
-  '--pink-50': '#fff0ff',
-  '--pink-100': '#ffd3ff',
-  '--pink-200': '#ffa9fa',
-  '--pink-300': '#f67cf2',
-  '--pink-400': '#e14adf',
-  '--pink-500': '#b229b9',
-  '--pink-600': '#7d0480',
-  '--pink-700': '#4d0050',
-  '--pink-800': '#340439',
-  '--violet-50': '#f9f2ff',
-  '--violet-100': '#edd9ff',
-  '--violet-200': '#dcb8ff',
-  '--violet-300': '#c695ff',
-  '--violet-400': '#ab6cfe',
-  '--violet-500': '#8649e1',
-  '--violet-600': '#5925ab',
-  '--violet-700': '#421983',
-  '--violet-800': '#220358',
-  '--brand-color': '#ff642d',
-  '--pinterest': '#bd081c',
-  '--instagram': '#e4405f',
-  '--youtube': '#ff0000',
-  '--facebook': '#3b5998',
-  '--linkedIn': '#1a7ab2',
-  '--twitter': '#2bafeb',
-  '--google-my-business': '#1a73e8',
-  '--google-blue': '#1a0dab',
-  '--google-green': '#016723'
-};
-var deprecatedPalette = {
-  '--denim-blue': '#006dca',
-  '--light-blue': '#008ff8',
-  '--neon-blue': '#8ecdff',
-  '--cyan': '#2bb3ff',
-  '--green': '#009f81',
-  '--dark-green': '#007c65',
-  '--yellow': '#fdc23c',
-  '--light-orange': '#ff8c43',
-  '--orange': '#ff642d',
-  '--dark-orange': '#c33909',
-  '--red': '#ff4953',
-  '--dark-red': '#d1002f',
-  '--violet': '#ab6cfe',
-  '--dark-violet': '#8649e1',
-  '--pink': '#e14adf',
-  '--asphalt': '#6c6e79',
-  '--wall': '#8a8e9b',
-  '--mist': '#a9abb6',
-  '--mist-light': '#c4c7cf',
-  '--stone': '#a9abb6',
-  '--stone-light': '#c4c7cf',
-  '--gray20': '#191b23',
-  '--gray30': '#191b23',
-  '--gray40': '#484a54',
-  '--gray60': '#6c6e79',
-  '--gray70': '#a9abb6',
-  '--gray80': '#c4c7cf',
-  '--gray94': '#e0e1e9',
-  '--gray96': '#f4f5f9',
-  '--mystic': '#f4f5f9',
-  '--mercury': '#e0e1e9',
-  '--blue50': '#e9f7ff',
-  '--blue100': '#c4e5fe',
-  '--blue400': '#008ff8',
-  '--blue600': '#044792',
-  '--green50': '#dbfee8',
-  '--green100': '#9ef2c9',
-  '--green200': '#59ddaa',
-  '--green300': '#00c192',
-  '--green600': '#055345',
-  '--red50': '#fff0f7',
-  '--red100': '#ffd7df',
-  '--red200': '#ffaeb5',
-  '--red300': '#ff8786',
-  '--red600': '#8e0016',
-  '--orange50': '#fff3d9',
-  '--orange100': '#ffdca2',
-  '--orange200': '#ffb26e',
-  '--yellow100': '#fce081',
-  '--iceberg-blue': '#6fafd4',
-  '--salad': '#8bc835',
-  '--granitic': '#2f3439',
-  '--gray10': '#222222',
-  '--sky': '#e1f2ff',
-  '--lily': '#e6f9fd',
-  '--marble': '#f1f6f8',
-  '--googleplus': '#e14b3f',
-  '--linkedin': '#1a7ab2'
-};
-var makeDeprecationMessage = function makeDeprecationMessage(color) {
-  return "You are using ".concat(color, " color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.");
-};
-export var useColorResolver = function useColorResolver() {
-  var contextTheme = useContextTokens();
-  return function (color) {
-    if (!color) return undefined;
-    if (color.startsWith('--')) {
-      if (deprecatedPalette[color]) {
-        logger.warn(true, makeDeprecationMessage(color), undefined);
-        return deprecatedPalette[color];
-      }
-      if (basicPalette[color]) {
-        return basicPalette[color];
-      }
-      var resolvedColor;
-      if (contextTheme !== null && contextTheme !== void 0 && contextTheme[color]) {
-        resolvedColor = contextTheme[color];
-      }
-      if (defaultDesignTheme[color]) {
-        resolvedColor = defaultDesignTheme[color];
+import { useContextTokens as g } from "../ThemeProvider.mjs";
+import d from "../logger.mjs";
+import l from "../themes/default.json.mjs";
+var r = l, n = {
+  "--white": "#ffffff",
+  "--black": "#000000",
+  "--gray-50": "#f4f5f9",
+  "--gray-100": "#e0e1e9",
+  "--gray-200": "#c4c7cf",
+  "--gray-300": "#a9abb6",
+  "--gray-400": "#8a8e9b",
+  "--gray-500": "#6c6e79",
+  "--gray-600": "#484a54",
+  "--gray-700": "#2b2e38",
+  "--gray-800": "#191b23",
+  "--blue-50": "#e9f7ff",
+  "--blue-100": "#c4e5fe",
+  "--blue-200": "#8ecdff",
+  "--blue-300": "#2bb3ff",
+  "--blue-400": "#008ff8",
+  "--blue-500": "#006dca",
+  "--blue-600": "#044792",
+  "--blue-700": "#002b5f",
+  "--blue-800": "#001b3d",
+  "--green-50": "#dbfee8",
+  "--green-100": "#9ef2c9",
+  "--green-200": "#59ddaa",
+  "--green-300": "#00c192",
+  "--green-400": "#009f81",
+  "--green-500": "#007c65",
+  "--green-600": "#055345",
+  "--green-700": "#00342d",
+  "--green-800": "#00201e",
+  "--salad-50": "#ecfbcd",
+  "--salad-100": "#c7ee96",
+  "--salad-200": "#9bd85d",
+  "--salad-300": "#66c030",
+  "--salad-400": "#35a21e",
+  "--salad-500": "#0a7e22",
+  "--salad-600": "#005613",
+  "--salad-700": "#003509",
+  "--salad-800": "#002203",
+  "--orange-50": "#fff3d9",
+  "--orange-100": "#ffdca2",
+  "--orange-200": "#ffb26e",
+  "--orange-300": "#ff8c43",
+  "--orange-400": "#ff642d",
+  "--orange-500": "#c33909",
+  "--orange-600": "#8b1500",
+  "--orange-700": "#551200",
+  "--orange-800": "#351000",
+  "--yellow-50": "#fdf7c8",
+  "--yellow-100": "#fce081",
+  "--yellow-200": "#fdc23c",
+  "--yellow-300": "#ef9800",
+  "--yellow-400": "#d87900",
+  "--yellow-500": "#a75800",
+  "--yellow-600": "#743a00",
+  "--yellow-700": "#462500",
+  "--yellow-800": "#2c1600",
+  "--red-50": "#fff0f7",
+  "--red-100": "#ffd7df",
+  "--red-200": "#ffaeb5",
+  "--red-300": "#ff8786",
+  "--red-400": "#ff4953",
+  "--red-500": "#d1002f",
+  "--red-600": "#8e0016",
+  "--red-700": "#58000a",
+  "--red-800": "#410101",
+  "--pink-50": "#fff0ff",
+  "--pink-100": "#ffd3ff",
+  "--pink-200": "#ffa9fa",
+  "--pink-300": "#f67cf2",
+  "--pink-400": "#e14adf",
+  "--pink-500": "#b229b9",
+  "--pink-600": "#7d0480",
+  "--pink-700": "#4d0050",
+  "--pink-800": "#340439",
+  "--violet-50": "#f9f2ff",
+  "--violet-100": "#edd9ff",
+  "--violet-200": "#dcb8ff",
+  "--violet-300": "#c695ff",
+  "--violet-400": "#ab6cfe",
+  "--violet-500": "#8649e1",
+  "--violet-600": "#5925ab",
+  "--violet-700": "#421983",
+  "--violet-800": "#220358",
+  "--brand-color": "#ff642d",
+  "--pinterest": "#bd081c",
+  "--instagram": "#e4405f",
+  "--youtube": "#ff0000",
+  "--facebook": "#3b5998",
+  "--linkedIn": "#1a7ab2",
+  "--twitter": "#2bafeb",
+  "--google-my-business": "#1a73e8",
+  "--google-blue": "#1a0dab",
+  "--google-green": "#016723"
+}, t = {
+  "--denim-blue": "#006dca",
+  "--light-blue": "#008ff8",
+  "--neon-blue": "#8ecdff",
+  "--cyan": "#2bb3ff",
+  "--green": "#009f81",
+  "--dark-green": "#007c65",
+  "--yellow": "#fdc23c",
+  "--light-orange": "#ff8c43",
+  "--orange": "#ff642d",
+  "--dark-orange": "#c33909",
+  "--red": "#ff4953",
+  "--dark-red": "#d1002f",
+  "--violet": "#ab6cfe",
+  "--dark-violet": "#8649e1",
+  "--pink": "#e14adf",
+  "--asphalt": "#6c6e79",
+  "--wall": "#8a8e9b",
+  "--mist": "#a9abb6",
+  "--mist-light": "#c4c7cf",
+  "--stone": "#a9abb6",
+  "--stone-light": "#c4c7cf",
+  "--gray20": "#191b23",
+  "--gray30": "#191b23",
+  "--gray40": "#484a54",
+  "--gray60": "#6c6e79",
+  "--gray70": "#a9abb6",
+  "--gray80": "#c4c7cf",
+  "--gray94": "#e0e1e9",
+  "--gray96": "#f4f5f9",
+  "--mystic": "#f4f5f9",
+  "--mercury": "#e0e1e9",
+  "--blue50": "#e9f7ff",
+  "--blue100": "#c4e5fe",
+  "--blue400": "#008ff8",
+  "--blue600": "#044792",
+  "--green50": "#dbfee8",
+  "--green100": "#9ef2c9",
+  "--green200": "#59ddaa",
+  "--green300": "#00c192",
+  "--green600": "#055345",
+  "--red50": "#fff0f7",
+  "--red100": "#ffd7df",
+  "--red200": "#ffaeb5",
+  "--red300": "#ff8786",
+  "--red600": "#8e0016",
+  "--orange50": "#fff3d9",
+  "--orange100": "#ffdca2",
+  "--orange200": "#ffb26e",
+  "--yellow100": "#fce081",
+  "--iceberg-blue": "#6fafd4",
+  "--salad": "#8bc835",
+  "--granitic": "#2f3439",
+  "--gray10": "#222222",
+  "--sky": "#e1f2ff",
+  "--lily": "#e6f9fd",
+  "--marble": "#f1f6f8",
+  "--googleplus": "#e14b3f",
+  "--linkedin": "#1a7ab2"
+}, c = function(f) {
+  return "You are using ".concat(f, " color in your app. It's deprecated and will be removed from palette in the next major release. Please use colors from https://developer.semrush.com/intergalactic/style/design-tokens/ instead.");
+}, s = function() {
+  var f = g();
+  return function(e) {
+    if (e) {
+      if (e.startsWith("--")) {
+        if (t[e])
+          return d.warn(!0, c(e), void 0), t[e];
+        if (n[e])
+          return n[e];
+        var a;
+        return f != null && f[e] && (a = f[e]), r[e] && (a = r[e]), a ? "var(".concat(e, ", ").concat(a, ")") : "var(".concat(e, ")");
       }
-      if (resolvedColor) {
-        return "var(".concat(color, ", ").concat(resolvedColor, ")");
-      }
-      return "var(".concat(color, ")");
-    }
-    if (defaultDesignTheme["--intergalactic-".concat(color)]) {
-      return "var(--intergalactic-".concat(color, ", ").concat(defaultDesignTheme["--intergalactic-".concat(color)], ")");
-    }
-    if (deprecatedPalette["--".concat(color)]) {
-      logger.warn(true, makeDeprecationMessage(color), undefined);
-      return deprecatedPalette["--".concat(color)];
+      return r["--intergalactic-".concat(e)] ? "var(--intergalactic-".concat(e, ", ").concat(r["--intergalactic-".concat(e)], ")") : t["--".concat(e)] ? (d.warn(!0, c(e), void 0), t["--".concat(e)]) : n["--".concat(e)] ? "var(--".concat(e, ", ").concat(n["--".concat(e)], ")") : e;
     }
-    if (basicPalette["--".concat(color)]) {
-      return "var(--".concat(color, ", ").concat(basicPalette["--".concat(color)], ")");
-    }
-    return color;
   };
 };
-//# sourceMappingURL=useColorResolver.mjs.map
+export {
+  s as useColorResolver
+};

package/utils/lib/use/useCss.mjs

@@ -1,12 +1,9 @@
-import React from 'react';
-import { initNanoCss, normaliseCss, WithCssContext } from "../enhances/WithCSS.mjs";
-var useCss = function useCss() {
-  var _nano$cache;
-  var css = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var nanoOptions = React.useContext(WithCssContext);
-  var nano = initNanoCss(nanoOptions);
-  var cleanCss = normaliseCss(css);
-  return Object.keys(cleanCss).length ? (_nano$cache = nano.cache) === null || _nano$cache === void 0 ? void 0 : _nano$cache.call(nano, cleanCss) : '';
+import o from "react";
+import { WithCssContext as r, initNanoCss as i, normaliseCss as c } from "../enhances/WithCSS.mjs";
+var m = function() {
+  var s, e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, t = o.useContext(r), n = i(t), a = c(e);
+  return Object.keys(a).length ? (s = n.cache) === null || s === void 0 ? void 0 : s.call(n, a) : "";
+};
+export {
+  m as default
 };
-export default useCss;
-//# sourceMappingURL=useCss.mjs.map

package/utils/lib/use/useEnhancedEffect.mjs

@@ -1,5 +1,6 @@
-import React from 'react';
-import canUseDOM from "../canUseDOM.mjs";
-var useEnhancedEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
-export default useEnhancedEffect;
-//# sourceMappingURL=useEnhancedEffect.mjs.map
+import e from "react";
+import f from "../canUseDOM.mjs";
+var c = f() ? e.useLayoutEffect : e.useEffect;
+export {
+  c as default
+};

package/utils/lib/use/useEventCallback.mjs

@@ -1,19 +1,15 @@
-import React from 'react';
-import useEnhancedEffect from "./useEnhancedEffect.mjs";
-
-/**
- * https://github.com/facebook/react/issues/14099#issuecomment-440013892
- */
-export default function useEventCallback(fn) {
-  var ref = React.useRef(fn);
-  useEnhancedEffect(function () {
-    ref.current = fn;
-  });
-  return React.useCallback(function () {
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    return ref.current.apply(void 0, args);
+import a from "react";
+import c from "./useEnhancedEffect.mjs";
+function i(t) {
+  var e = a.useRef(t);
+  return c(function() {
+    e.current = t;
+  }), a.useCallback(function() {
+    for (var n = arguments.length, u = new Array(n), r = 0; r < n; r++)
+      u[r] = arguments[r];
+    return e.current.apply(void 0, u);
   }, []);
 }
-//# sourceMappingURL=useEventCallback.mjs.map
+export {
+  i as default
+};

package/utils/lib/use/useEventListener.mjs

@@ -1,25 +1,23 @@
-import React from 'react';
-import canUseDOM from "../canUseDOM.mjs";
-import { getRef } from "../ref.mjs";
-var useEventListener = function useEventListener(elementOrRef, eventName, handler) {
-  var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : undefined;
-  var savedHandler = React.useRef();
-  React.useEffect(function () {
-    savedHandler.current = handler;
-  }, [handler]);
-  React.useEffect(function () {
-    if (!canUseDOM()) return;
-    var eventListener = function eventListener(event) {
-      var _savedHandler$current;
-      return (_savedHandler$current = savedHandler.current) === null || _savedHandler$current === void 0 ? void 0 : _savedHandler$current.call(savedHandler, event);
-    };
-    var node = getRef(elementOrRef);
-    if (!node) return;
-    node.addEventListener(eventName, eventListener, options);
-    return function () {
-      node.removeEventListener(eventName, eventListener, options);
-    };
-  }, [eventName, elementOrRef]);
+import u from "react";
+import f from "../canUseDOM.mjs";
+import { getRef as c } from "../ref.mjs";
+var g = function(i, e, o) {
+  var s = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : void 0, r = u.useRef();
+  u.useEffect(function() {
+    r.current = o;
+  }, [o]), u.useEffect(function() {
+    if (f()) {
+      var v = function(a) {
+        var t;
+        return (t = r.current) === null || t === void 0 ? void 0 : t.call(r, a);
+      }, n = c(i);
+      if (n)
+        return n.addEventListener(e, v, s), function() {
+          n.removeEventListener(e, v, s);
+        };
+    }
+  }, [e, i]);
+};
+export {
+  g as default
 };
-export default useEventListener;
-//# sourceMappingURL=useEventListener.mjs.map