@multiplatform.one/theme 9.0.2 → 9.0.3

package/dist/esm/theme/createThemes.native.js

@@ -464,91 +464,122 @@ function holdSelectionSurface(themes) {
   }
   return out;
 }
+function ownerScope(scopes, name) {
+  return scopes.filter(function (scope) {
+    return name === scope || name.startsWith(`${scope}_`);
+  }).reduce(function (longest, scope) {
+    return scope.length > longest.length ? scope : longest;
+  }, "");
+}
+function clearsDarkGrounds(color, grounds) {
+  var brightest = Math.max(...grounds);
+  var luminance = luminanceOf(color);
+  return luminance !== null && luminance > brightest && grounds.every(function (ground) {
+    return contrastRatio(luminance, ground) >= darkHairlineContrast;
+  });
+}
+function darkHairlineOf(scope) {
+  var ramp = Array.from({
+    length: 12
+  }, function (_, index) {
+    return scope[`color${index + 1}`];
+  });
+  var grounds = [scope.background, scope.color4].map(function (color) {
+    return luminanceOf(color);
+  });
+  if (grounds.some(function (ground) {
+    return ground === null;
+  })) return void 0;
+  var hairline = ramp.findIndex(function (color, index) {
+    return index < 11 && clearsDarkGrounds(color, grounds);
+  });
+  return hairline < 0 ? void 0 : {
+    ramp,
+    hairline
+  };
+}
+var darkEdgeStateKeys = ["borderColor", "borderColorHover", "borderColorFocus", "borderColorPress"];
+function darkEdgesOf(name, theme, scopeName, scope, param) {
+  var {
+    ramp,
+    hairline
+  } = param;
+  var medium = hairline + 1;
+  var surface = name === scopeName || theme.background === scope.color4;
+  var step = ramp.indexOf(theme.borderColor);
+  var shift = surface && step >= 0 ? medium - step : 0;
+  var moved = {};
+  if ("borderColorHairline" in theme || name === scopeName) moved.borderColorHairline = ramp[hairline];
+  if (shift <= 0) return moved;
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = darkEdgeStateKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var key = _step.value;
+      var at = ramp.indexOf(theme[key]);
+      if (at >= 0) moved[key] = ramp[Math.min(11, at + shift)];
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return moved;
+}
 function holdDarkEdges(themes) {
   var out = {
     ...themes
   };
-  var scopes = Object.keys(themes).filter(function (name) {
-    return /^dark(_[a-z]+)?$/.test(name);
+  var scopes = Object.keys(themes).filter(function (name2) {
+    return /^dark(_[a-z]+)?$/.test(name2);
   });
-  var ownerOf = function ownerOf2(name) {
-    return scopes.filter(function (scope) {
-      return name === scope || name.startsWith(`${scope}_`);
-    }).reduce(function (longest, scope) {
-      return scope.length > longest.length ? scope : longest;
-    }, "");
-  };
   var _iteratorNormalCompletion = true,
     _didIteratorError = false,
     _iteratorError = void 0;
   try {
-    var _loop = function () {
+    for (var _iterator = scopes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
       var scopeName = _step.value;
-      if (/_(accent|active)$/.test(scopeName)) return "continue";
+      if (/_(accent|active)$/.test(scopeName)) continue;
       var scope = themes[scopeName];
-      var ramp = Array.from({
-        length: 12
-      }, function (_, index) {
-        return scope[`color${index + 1}`];
-      });
-      var grounds = [scope.background, scope.color4].map(function (color) {
-        return luminanceOf(color);
-      });
-      if (grounds.some(function (ground) {
-        return ground === null;
-      })) return "continue";
-      var brightest = Math.max(...grounds);
-      var clears = function clears2(color) {
-        var luminance = luminanceOf(color);
-        return luminance !== null && luminance > brightest && grounds.every(function (ground) {
-          return contrastRatio(luminance, ground) >= darkHairlineContrast;
-        });
-      };
-      var hairline = ramp.findIndex(function (color, index) {
-        return index < 11 && clears(color);
-      });
-      if (hairline < 0) return "continue";
-      var medium = hairline + 1;
-      var _iteratorNormalCompletion2 = true,
-        _didIteratorError2 = false,
-        _iteratorError2 = void 0;
+      var pick = darkHairlineOf(scope);
+      if (!pick) continue;
+      var _iteratorNormalCompletion1 = true,
+        _didIteratorError1 = false,
+        _iteratorError1 = void 0;
       try {
-        for (var _iterator2 = Object.entries(themes)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion2 = (_step1 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+        for (var _iterator1 = Object.entries(themes)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
           var [name, theme] = _step1.value;
-          if (ownerOf(name) !== scopeName) continue;
-          var surface = name === scopeName || theme.background === scope.color4;
-          var step = ramp.indexOf(theme.borderColor);
-          var shift = surface && step >= 0 ? medium - step : 0;
-          var moved = {};
-          if ("borderColorHairline" in theme || name === scopeName) moved.borderColorHairline = ramp[hairline];
-          if (shift > 0) {
-            for (var _i = 0, _iter = ["borderColor", "borderColorHover", "borderColorFocus", "borderColorPress"]; _i < _iter.length; _i++) {
-              var key = _iter[_i];
-              var at = ramp.indexOf(theme[key]);
-              if (at >= 0) moved[key] = ramp[Math.min(11, at + shift)];
-            }
-          }
+          if (ownerScope(scopes, name) !== scopeName) continue;
           out[name] = {
             ...out[name],
-            ...moved
+            ...darkEdgesOf(name, theme, scopeName, scope, pick)
           };
         }
       } catch (err) {
-        _didIteratorError2 = true;
-        _iteratorError2 = err;
+        _didIteratorError1 = true;
+        _iteratorError1 = err;
       } finally {
         try {
-          if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-            _iterator2.return();
+          if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+            _iterator1.return();
           }
         } finally {
-          if (_didIteratorError2) {
-            throw _iteratorError2;
+          if (_didIteratorError1) {
+            throw _iteratorError1;
           }
         }
       }
-    };
-    for (var _iterator = scopes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+    }
   } catch (err) {
     _didIteratorError = true;
     _iteratorError = err;
@@ -565,6 +596,117 @@ function holdDarkEdges(themes) {
   }
   return out;
 }
+function firstClearing(neutral, grounds) {
+  var lums = grounds.map(function (ground) {
+    return luminanceOf(ground);
+  });
+  if (lums.some(function (lum) {
+    return lum === null;
+  })) return -1;
+  var darkest = Math.min(...lums);
+  var brightest = Math.max(...lums);
+  var light = isLightGround(grounds[0]);
+  return neutral.findIndex(function (color) {
+    var lum = luminanceOf(color);
+    return lum !== null && (light ? lum < darkest : lum > brightest) && lums.every(function (ground) {
+      return contrastRatio(lum, ground) >= minContrastRatio;
+    });
+  });
+}
+function inheritedValue(out, themes, name, key) {
+  for (var at = name; at; at = at.slice(0, Math.max(0, at.lastIndexOf("_")))) {
+    var _out_at;
+    var _this;
+    var value = (_this = (_out_at = out[at]) !== null && _out_at !== void 0 ? _out_at : themes[at]) === null || _this === void 0 ? void 0 : _this[key];
+    if (value !== void 0) return value;
+    if (!at.includes("_")) break;
+  }
+  return void 0;
+}
+function nearestStep(ramp, color) {
+  var lum = luminanceOf(color);
+  if (lum === null) return -1;
+  return ramp.reduce(function (best, step, index) {
+    var _luminanceOf, _luminanceOf1;
+    return Math.abs(((_luminanceOf = luminanceOf(step)) !== null && _luminanceOf !== void 0 ? _luminanceOf : 2) - lum) < Math.abs(((_luminanceOf1 = luminanceOf(ramp[best])) !== null && _luminanceOf1 !== void 0 ? _luminanceOf1 : 2) - lum) ? index : best;
+  }, 0);
+}
+function fieldEdgesOf(themes, out, neutral, scopeName) {
+  var scope = themes[scopeName];
+  var field = `${scopeName}_Input`;
+  var edge = firstClearing(neutral, [scope.background, inheritedValue(out, themes, field, "background")]);
+  if (edge < 0) return void 0;
+  var ramp = Array.from({
+    length: 12
+  }, function (_, index) {
+    return scope[`color${index + 1}`];
+  });
+  var rest = nearestStep(ramp, inheritedValue(out, themes, field, "borderColor"));
+  var hover = nearestStep(ramp, inheritedValue(out, themes, field, "borderColorHover"));
+  return {
+    borderColorField: neutral[edge],
+    borderColorFieldHover: neutral[Math.min(11, Math.max(edge, edge + hover - rest))]
+  };
+}
+function intentFieldEdges(themes, out, scopeName, pages) {
+  var scope = themes[scopeName];
+  var field = `${scopeName}_Input`;
+  var ramp = Array.from({
+    length: 12
+  }, function (_, index) {
+    return scope[`color${index + 1}`];
+  });
+  var edge = firstClearing(ramp, [...pages, inheritedValue(out, themes, field, "background")]);
+  if (edge < 0) return {
+    borderColorField: inheritedValue(out, themes, field, "borderColor"),
+    borderColorFieldHover: inheritedValue(out, themes, field, "borderColorHover")
+  };
+  return {
+    borderColorField: ramp[edge],
+    borderColorFieldHover: ramp[Math.min(11, edge + 1)]
+  };
+}
+function controlEdgePatch(themes, out, scopeName, param) {
+  var {
+    scheme,
+    neutral,
+    pages,
+    rootFields,
+    rootControl
+  } = param;
+  var scope = themes[scopeName];
+  var patch = {};
+  if (scheme === "dark" && "switchTrackOff" in scope) patch.switchTrackOffBorder = scope.switchTrackOff;
+  if (semanticIntentNames.has(scopeName.slice(scheme.length + 1))) return Object.assign(patch, intentFieldEdges(themes, out, scopeName, pages));
+  var fields = fieldEdgesOf(themes, out, neutral, scopeName);
+  if (fields) {
+    var _iteratorNormalCompletion = true,
+      _didIteratorError = false,
+      _iteratorError = void 0;
+    try {
+      for (var _iterator = Object.entries(fields)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+        var [key, value] = _step.value;
+        if (value !== rootFields[key]) patch[key] = value;
+      }
+    } catch (err) {
+      _didIteratorError = true;
+      _iteratorError = err;
+    } finally {
+      try {
+        if (!_iteratorNormalCompletion && _iterator.return != null) {
+          _iterator.return();
+        }
+      } finally {
+        if (_didIteratorError) {
+          throw _iteratorError;
+        }
+      }
+    }
+  }
+  var control = firstClearing(neutral, [scope.background]);
+  if (control >= 0 && control !== rootControl) patch.borderColorControl = neutral[control];
+  return patch;
+}
 function holdControlEdges(themes) {
   var _loop = function (_i2, _iter2) {
     var scheme = _iter2[_i2];
@@ -575,32 +717,7 @@ function holdControlEdges(themes) {
     }, function (_, index) {
       return root[`color${index + 1}`];
     });
-    var fieldEdges = function fieldEdges2(scopeName) {
-      var scope = themes[scopeName];
-      var field = `${scopeName}_Input`;
-      var edge = firstClearing(neutral, [scope.background, resolved(field, "background")]);
-      if (edge < 0) return void 0;
-      var ramp = Array.from({
-        length: 12
-      }, function (_, index) {
-        return scope[`color${index + 1}`];
-      });
-      var stepOf = function stepOf2(color) {
-        var lum = luminanceOf(color);
-        if (lum === null) return -1;
-        return ramp.reduce(function (best, step, index) {
-          var _luminanceOf, _luminanceOf1;
-          return Math.abs(((_luminanceOf = luminanceOf(step)) !== null && _luminanceOf !== void 0 ? _luminanceOf : 2) - lum) < Math.abs(((_luminanceOf1 = luminanceOf(ramp[best])) !== null && _luminanceOf1 !== void 0 ? _luminanceOf1 : 2) - lum) ? index : best;
-        }, 0);
-      };
-      var rest = stepOf(resolved(field, "borderColor"));
-      var hover = stepOf(resolved(field, "borderColorHover"));
-      return {
-        borderColorField: neutral[edge],
-        borderColorFieldHover: neutral[Math.min(11, Math.max(edge, edge + hover - rest))]
-      };
-    };
-    var rootFields = fieldEdges(scheme);
+    var rootFields = fieldEdgesOf(themes, out, neutral, scheme);
     var rootControl = firstClearing(neutral, [root.background]);
     if (!rootFields || rootControl < 0) return "continue";
     out[scheme] = {
@@ -617,60 +734,25 @@ function holdControlEdges(themes) {
     }).map(function (name) {
       return themes[name].background;
     })];
+    var context = {
+      scheme,
+      neutral,
+      pages,
+      rootFields,
+      rootControl
+    };
     var _iteratorNormalCompletion = true,
       _didIteratorError = false,
       _iteratorError = void 0;
     try {
-      var _loop2 = function () {
+      for (var _iterator = scopes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
         var scopeName = _step.value;
-        var scope = themes[scopeName];
-        var patch = {};
-        if (scheme === "dark" && "switchTrackOff" in scope) patch.switchTrackOffBorder = scope.switchTrackOff;
-        if (semanticIntentNames.has(scopeName.slice(scheme.length + 1))) {
-          var field = `${scopeName}_Input`;
-          var ramp = Array.from({
-            length: 12
-          }, function (_, index) {
-            return scope[`color${index + 1}`];
-          });
-          var edge = firstClearing(ramp, [...pages, resolved(field, "background")]);
-          patch.borderColorField = edge < 0 ? resolved(field, "borderColor") : ramp[edge];
-          patch.borderColorFieldHover = edge < 0 ? resolved(field, "borderColorHover") : ramp[Math.min(11, edge + 1)];
-        } else {
-          var fields = fieldEdges(scopeName);
-          if (fields) {
-            var _iteratorNormalCompletion2 = true,
-              _didIteratorError2 = false,
-              _iteratorError2 = void 0;
-            try {
-              for (var _iterator2 = Object.entries(fields)[Symbol.iterator](), _step1; !(_iteratorNormalCompletion2 = (_step1 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-                var [key, value] = _step1.value;
-                if (value !== rootFields[key]) patch[key] = value;
-              }
-            } catch (err) {
-              _didIteratorError2 = true;
-              _iteratorError2 = err;
-            } finally {
-              try {
-                if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-                  _iterator2.return();
-                }
-              } finally {
-                if (_didIteratorError2) {
-                  throw _iteratorError2;
-                }
-              }
-            }
-          }
-          var control = firstClearing(neutral, [scope.background]);
-          if (control >= 0 && control !== rootControl) patch.borderColorControl = neutral[control];
-        }
+        var patch = controlEdgePatch(themes, out, scopeName, context);
         if (Object.keys(patch).length > 0) out[scopeName] = {
           ...out[scopeName],
           ...patch
         };
-      };
-      for (var _iterator = scopes[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop2();
+      }
     } catch (err) {
       _didIteratorError = true;
       _iteratorError = err;
@@ -689,33 +771,6 @@ function holdControlEdges(themes) {
   var out = {
     ...themes
   };
-  var firstClearing = function firstClearing2(neutral, grounds) {
-    var lums = grounds.map(function (ground) {
-      return luminanceOf(ground);
-    });
-    if (lums.some(function (lum) {
-      return lum === null;
-    })) return -1;
-    var darkest = Math.min(...lums);
-    var brightest = Math.max(...lums);
-    var light = isLightGround(grounds[0]);
-    return neutral.findIndex(function (color) {
-      var lum = luminanceOf(color);
-      return lum !== null && (light ? lum < darkest : lum > brightest) && lums.every(function (ground) {
-        return contrastRatio(lum, ground) >= minContrastRatio;
-      });
-    });
-  };
-  var resolved = function resolved2(name, key) {
-    for (var at = name; at; at = at.slice(0, Math.max(0, at.lastIndexOf("_")))) {
-      var _out_at;
-      var _this;
-      var value = (_this = (_out_at = out[at]) !== null && _out_at !== void 0 ? _out_at : themes[at]) === null || _this === void 0 ? void 0 : _this[key];
-      if (value !== void 0) return value;
-      if (!at.includes("_")) break;
-    }
-    return void 0;
-  };
   for (var _i = 0, _iter = ["light", "dark"]; _i < _iter.length; _i++) _loop(_i, _iter);
   return out;
 }
@@ -848,24 +903,15 @@ function holdSwitchTrack(themes) {
       _didIteratorError = false,
       _iteratorError = void 0;
     try {
-      var _loop = function () {
+      for (var _iterator = semanticIntentNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
         var intent = _step.value;
-        var _scope_accentBackground;
         var scope = themes[`${scheme}_${intent}`];
-        var off = luminanceOf(paint.switchTrackOff);
-        if (!(scope === null || scope === void 0 ? void 0 : scope.color4) || !scope.color5 || off === null) return "continue";
-        var holds = inSwitchOffBand(paint.switchTrackOff, scope.color4) && [scope.color4, scope.color5].every(function (ground) {
-          var _luminanceOf;
-          return contrastRatio(off, (_luminanceOf = luminanceOf(ground)) !== null && _luminanceOf !== void 0 ? _luminanceOf : off) >= plateContrastRatio;
-        });
-        if (holds) return "continue";
-        var track = switchTrackPaint(base, (_scope_accentBackground = scope.accentBackground) !== null && _scope_accentBackground !== void 0 ? _scope_accentBackground : base.accentBackground, scope.color4, [base.color4, scope.color4, scope.color5]);
+        var track = intentSwitchTrack(base, scope, paint);
         if (track) out[`${scheme}_${intent}`] = {
           ...scope,
           ...track
         };
-      };
-      for (var _iterator = semanticIntentNames[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) _loop();
+      }
     } catch (err) {
       _didIteratorError = true;
       _iteratorError = err;
@@ -883,6 +929,17 @@ function holdSwitchTrack(themes) {
   }
   return out;
 }
+function intentSwitchTrack(base, scope, paint) {
+  var _scope_accentBackground;
+  var off = luminanceOf(paint.switchTrackOff);
+  if (!(scope === null || scope === void 0 ? void 0 : scope.color4) || !scope.color5 || off === null) return void 0;
+  var holds = inSwitchOffBand(paint.switchTrackOff, scope.color4) && [scope.color4, scope.color5].every(function (ground) {
+    var _luminanceOf;
+    return contrastRatio(off, (_luminanceOf = luminanceOf(ground)) !== null && _luminanceOf !== void 0 ? _luminanceOf : off) >= plateContrastRatio;
+  });
+  if (holds) return void 0;
+  return switchTrackPaint(base, (_scope_accentBackground = scope.accentBackground) !== null && _scope_accentBackground !== void 0 ? _scope_accentBackground : base.accentBackground, scope.color4, [base.color4, scope.color4, scope.color5]);
+}
 function switchTrackPaint(base, onFill, ground) {
   var raised = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : [];
   var _ref, _inBand_find;
@@ -1393,37 +1450,26 @@ function holdHouseAccent(themes) {
   return out;
 }
 function holdHouseIdentityInk(themes) {
-  var _loop = function (_i2, _iter2) {
-    var scheme = _iter2[_i2];
+  var out = {
+    ...themes
+  };
+  for (var _i = 0, _iter = ["light", "dark"]; _i < _iter.length; _i++) {
+    var scheme = _iter[_i];
     var _themes_;
     var base = themes[scheme];
     var blueInk = (_themes_ = themes[`${scheme}_blue`]) === null || _themes_ === void 0 ? void 0 : _themes_.identityInk;
-    if (!(base === null || base === void 0 ? void 0 : base.identityInk) || !blueInk || base.identityInk === blueInk) return "continue";
-    var held = Array.from({
-      length: 12
-    }, function (_, index) {
-      return index + 1;
-    }).every(function (step) {
-      return base[`accent${step}`] !== void 0 && base[`accent${step}`] === base[`blue${step}`];
-    });
-    if (!held) return "continue";
+    if (!(base === null || base === void 0 ? void 0 : base.identityInk) || !blueInk || base.identityInk === blueInk) continue;
+    if (!accentIsBlue(base)) continue;
     var _iteratorNormalCompletion = true,
       _didIteratorError = false,
       _iteratorError = void 0;
     try {
       for (var _iterator = Object.entries(themes)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
         var [name, theme] = _step.value;
-        if (name !== scheme && !name.startsWith(`${scheme}_`)) continue;
-        var scope = name.split("_")[1];
-        if (scope === "accent" || childrenHues.includes(scope)) continue;
-        if (theme.identityInk !== base.identityInk) continue;
-        var values = resolveThemeThroughParents(themes, name);
-        if (pickIdentityInk([blueInk], pageSurfaces(name, values)) === blueInk) {
-          out[name] = {
-            ...theme,
-            identityInk: blueInk
-          };
-        }
+        if (takesBlueInk(themes, scheme, name, theme, base, blueInk)) out[name] = {
+          ...theme,
+          identityInk: blueInk
+        };
       }
     } catch (err) {
       _didIteratorError = true;
@@ -1439,13 +1485,26 @@ function holdHouseIdentityInk(themes) {
         }
       }
     }
-  };
-  var out = {
-    ...themes
-  };
-  for (var _i = 0, _iter = ["light", "dark"]; _i < _iter.length; _i++) _loop(_i, _iter);
+  }
   return out;
 }
+function accentIsBlue(base) {
+  return Array.from({
+    length: 12
+  }, function (_, index) {
+    return index + 1;
+  }).every(function (step) {
+    return base[`accent${step}`] !== void 0 && base[`accent${step}`] === base[`blue${step}`];
+  });
+}
+function takesBlueInk(themes, scheme, name, theme, base, blueInk) {
+  if (name !== scheme && !name.startsWith(`${scheme}_`)) return false;
+  var scope = name.split("_")[1];
+  if (scope === "accent" || childrenHues.includes(scope)) return false;
+  if (theme.identityInk !== base.identityInk) return false;
+  var values = resolveThemeThroughParents(themes, name);
+  return pickIdentityInk([blueInk], pageSurfaces(name, values)) === blueInk;
+}
 var defaultLightShadows = {
   shadow1: "rgba(0,0,0,0.04)",
   shadow2: "rgba(0,0,0,0.08)",