intergalactic 15.126.0-prerelease.1 → 15.126.0-prerelease.3

package/utils/lib/use/useColorResolver.mjs

@@ -1,177 +1,200 @@
-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, ")");
+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];
       }
-      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 (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)];
     }
+    if (basicPalette["--".concat(color)]) {
+      return "var(--".concat(color, ", ").concat(basicPalette["--".concat(color)], ")");
+    }
+    return color;
   };
 };
-export {
-  s as useColorResolver
-};
+//# sourceMappingURL=useColorResolver.mjs.map

package/utils/lib/use/useCss.mjs

@@ -1,9 +1,12 @@
-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
+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) : '';
 };
+export default useCss;
+//# sourceMappingURL=useCss.mjs.map

package/utils/lib/use/useEnhancedEffect.mjs

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

package/utils/lib/use/useEventCallback.mjs

@@ -1,15 +1,19 @@
-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);
+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);
   }, []);
 }
-export {
-  i as default
-};
+//# sourceMappingURL=useEventCallback.mjs.map

package/utils/lib/use/useEventListener.mjs

@@ -1,23 +1,25 @@
-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
+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]);
 };
+export default useEventListener;
+//# sourceMappingURL=useEventListener.mjs.map