@multiplatform.one/theme 8.5.0 → 9.0.0

package/dist/cjs/theme/devtools/ColorLineVisualizer.native.js

@@ -1,10 +1,8 @@
 "use strict";
 
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all) __defProp(target, name, {
@@ -21,240 +19,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
-var ColorLineVisualizer_exports = {};
-__export(ColorLineVisualizer_exports, {
+var ColorLineVisualizer_native_exports = {};
+__export(ColorLineVisualizer_native_exports, {
   ColorLineVisualizer: () => ColorLineVisualizer
 });
-module.exports = __toCommonJS(ColorLineVisualizer_exports);
-var import_react = __toESM(require("react"));
-var import_colorRules = require("../colorRules.native.js");
-var import_vizConstants = require("./vizConstants.native.js");
-function readColorsFromElement(el) {
-  var style = getComputedStyle(el);
-  var result = [];
-  var found = false;
-  for (var i = 1; i <= 12; i++) {
-    var color = style.getPropertyValue(`--color${i}`).trim();
-    if (!color) color = style.getPropertyValue(`--color-${i}`).trim();
-    if (color) {
-      found = true;
-      result.push(color);
-    } else {
-      result.push(fallbackGradient()[i - 1]);
-    }
-  }
-  return found ? result : null;
-}
-function useDomThemeColors() {
-  var [colors, setColors] = (0, import_react.useState)(function () {
-    return fallbackGradient();
-  });
-  (0, import_react.useEffect)(function () {
-    if (typeof document === "undefined") return;
-    var readColors = function readColors2() {
-      var result = readColorsFromElement(document.documentElement);
-      if (!result && document.body) {
-        result = readColorsFromElement(document.body);
-      }
-      if (!result) {
-        var themed = document.querySelector('[class*="t_"]');
-        if (themed) result = readColorsFromElement(themed);
-      }
-      if (!result) {
-        var root = document.getElementById("root") || document.getElementById("__next");
-        if (root) result = readColorsFromElement(root);
-      }
-      if (result) setColors(result);
-    };
-    readColors();
-    var observer = new MutationObserver(readColors);
-    observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ["class", "style"]
-    });
-    if (document.body) {
-      observer.observe(document.body, {
-        attributes: true,
-        attributeFilter: ["class", "style"],
-        subtree: true
-      });
-    }
-    return function () {
-      return observer.disconnect();
-    };
-  }, []);
-  return colors;
-}
-function fallbackGradient() {
-  return Array.from({
-    length: 12
-  }, function (_, i) {
-    var t = i / 11;
-    var v = Math.round(240 - t * 200);
-    return `rgb(${v},${v},${v})`;
-  });
-}
-function NumberLineRow(param) {
-  var {
-    colorFor,
-    halfHeight
-  } = param;
-  var h = halfHeight ? Math.round(import_vizConstants.cellSize / 2) : import_vizConstants.cellSize;
-  return /* @__PURE__ */import_react.default.createElement("div", {
-    style: {
-      display: "flex",
-      gap: 0
-    }
-  }, Array.from({
-    length: 12
-  }, function (_, i) {
-    var step = i + 1;
-    var background = colorFor(step);
-    return /* @__PURE__ */import_react.default.createElement("div", {
-      key: step,
-      style: {
-        width: import_vizConstants.cellSize,
-        height: h,
-        flexShrink: 0,
-        background,
-        color: (0, import_vizConstants.contrastTextFor)(background),
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        fontSize: halfHeight ? 9 : 11,
-        fontWeight: 700
-      },
-      title: `$color${step}`
-    }, step);
-  }));
-}
-function SemanticBrackets() {
-  var totalWidth = 12 * import_vizConstants.cellSize;
-  return /* @__PURE__ */import_react.default.createElement("div", {
-    style: {
-      position: "relative",
-      height: 24,
-      width: totalWidth,
-      marginBottom: 2
-    }
-  }, import_colorRules.semanticGroups.map(function (g) {
-    var leftPx = (g.from - 1) * import_vizConstants.cellSize;
-    var widthPx = (g.to - g.from + 1) * import_vizConstants.cellSize;
-    return /* @__PURE__ */import_react.default.createElement("div", {
-      key: g.key,
-      style: {
-        position: "absolute",
-        left: leftPx,
-        width: widthPx,
-        bottom: 0,
-        display: "flex",
-        flexDirection: "column"
-      }
-    }, /* @__PURE__ */import_react.default.createElement("div", {
-      style: {
-        textAlign: "center",
-        fontSize: 9,
-        fontWeight: 600,
-        color: g.color,
-        lineHeight: 1.2,
-        whiteSpace: "nowrap"
-      }
-    }, g.label), /* @__PURE__ */import_react.default.createElement("div", {
-      style: {
-        height: 6,
-        borderLeft: `2px solid ${g.color}`,
-        borderRight: `2px solid ${g.color}`,
-        borderTop: `2px solid ${g.color}`,
-        borderRadius: "3px 3px 0 0"
-      }
-    }));
-  }));
-}
-function createVizStyles(isDark) {
-  var border = isDark ? "#333" : "#ddd";
-  var mutedText = isDark ? "#888" : "#999";
-  var foreground = isDark ? "#e8e8e8" : "#1a1a1a";
-  var cardBackground = isDark ? "#1e1e1e" : "#fafafa";
-  return {
-    container: {
-      display: "flex",
-      flexDirection: "column",
-      gap: 6,
-      padding: "8px 10px",
-      borderRadius: 8,
-      border: `1px solid ${border}`,
-      background: cardBackground,
-      width: "fit-content",
-      fontSize: 11,
-      fontFamily: "system-ui, -apple-system, sans-serif",
-      // Not the host page's tracking, which follows the app's bodyFont knob.
-      letterSpacing: "normal",
-      color: foreground
-    },
-    title: {
-      fontSize: 13,
-      fontWeight: 600,
-      textTransform: "uppercase",
-      letterSpacing: "0.06em",
-      color: mutedText
-    }
-  };
-}
-function ColorLineVisualizer(param) {
-  var {
-    knobs: _knobs,
-    isDark,
-    themeColors: propColors,
-    oppositeThemeColors: propOppositeColors,
-    accentColors: propAccentColors,
-    oppositeAccentColors: propOppositeAccentColors
-  } = param;
-  var domColors = useDomThemeColors();
-  var themeColors = propColors && propColors.length === 12 ? propColors : domColors;
-  var styles = (0, import_react.useMemo)(function () {
-    return createVizStyles(isDark);
-  }, [isDark]);
-  var toColorFn = function toColorFn2(arr) {
-    return function (step) {
-      return arr[Math.min(11, Math.max(0, step - 1))];
-    };
-  };
-  var colorFor = toColorFn(themeColors);
-  var oppositeColors = propOppositeColors && propOppositeColors.length === 12 ? propOppositeColors : null;
-  var accentColors = propAccentColors && propAccentColors.length === 12 ? propAccentColors : null;
-  var oppositeAccentColors = propOppositeAccentColors && propOppositeAccentColors.length === 12 ? propOppositeAccentColors : null;
-  return /* @__PURE__ */import_react.default.createElement("div", {
-    style: styles.container
-  }, /* @__PURE__ */import_react.default.createElement("div", {
-    style: styles.title
-  }, "Theme"), /* @__PURE__ */import_react.default.createElement(SemanticBrackets, null), /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
-    colorFor
-  }), oppositeColors && /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
-    colorFor: toColorFn(oppositeColors),
-    halfHeight: true
-  }), accentColors && /* @__PURE__ */import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */import_react.default.createElement("div", {
-    style: {
-      ...styles.title,
-      fontSize: 11,
-      marginTop: 6
-    }
-  }, "accent"), /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
-    colorFor: toColorFn(accentColors)
-  }), oppositeAccentColors && /* @__PURE__ */import_react.default.createElement(NumberLineRow, {
-    colorFor: toColorFn(oppositeAccentColors),
-    halfHeight: true
-  })));
+module.exports = __toCommonJS(ColorLineVisualizer_native_exports);
+function ColorLineVisualizer(_props) {
+  return null;
 }
 //# sourceMappingURL=ColorLineVisualizer.native.js.map

package/dist/cjs/theme/devtools/ColorLineVisualizer.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","ColorLineVisualizer_exports","__export","ColorLineVisualizer","module","exports","import_react","__toESM","require","import_colorRules","import_vizConstants","readColorsFromElement","el","style","getComputedStyle","result","found","i","color","getPropertyValue","trim","push","fallbackGradient","useDomThemeColors","colors","setColors","useState","useEffect","document","readColors","readColors2","documentElement","body","themed","querySelector","root","getElementById","observer","MutationObserver","observe","attributes","attributeFilter","subtree","disconnect","Array","from","length","_","t","v","Math","round","NumberLineRow","param","colorFor","halfHeight","h","cellSize","default","createElement","display","gap","step","background","key","width","height","flexShrink","contrastTextFor","alignItems","justifyContent","fontSize","fontWeight","title","SemanticBrackets","totalWidth","position","marginBottom","semanticGroups","map","g","leftPx","widthPx","to","left","bottom","flexDirection","textAlign","lineHeight","whiteSpace","label","borderLeft","borderRight","borderTop","borderRadius","createVizStyles","isDark","border","mutedText","foreground","cardBackground","container","padding","fontFamily","letterSpacing","textTransform","knobs","_knobs","themeColors","propColors","oppositeThemeColors","propOppositeColors","accentColors","propAccentColors","oppositeAccentColors","propOppositeAccentColors","domColors","styles","useMemo","toColorFn","toColorFn2","arr","min","max","oppositeColors"],"sources":["../../../../src/theme/devtools/ColorLineVisualizer.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["ColorLineVisualizer_native_exports","__export","ColorLineVisualizer","module","exports","__toCommonJS","_props"],"sources":["../../../../src/theme/devtools/ColorLineVisualizer.native.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,kCAAA;AAAAC,QAAA,CAAAD,kCAAA;EAAAE,mBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAL,kCAAA;AAA6E,SAASE,oBAAoBI,MAAA,EAAQ;EAC9G,OAAO;AACX","ignoreList":[]}