@multiplatform.one/theme 7.83.2 → 7.84.0

package/dist/cjs/theme/hairline.cjs

@@ -26,6 +26,7 @@ __export(hairline_exports, {
   hairline: () => hairline,
   hairlineBorderWidth: () => hairlineBorderWidth,
   hairlineFallbackCss: () => hairlineFallbackCss,
+  hairlineThickness: () => hairlineThickness,
   hairlineWidth: () => hairlineWidth
 });
 module.exports = __toCommonJS(hairline_exports);
@@ -82,15 +83,30 @@ const hairline = {
   }
 };
 const STYLE_TAG_ID = "mp-hairline-styles";
-const hairlineFallbackCss = `@media (max-resolution: 1.49dppx), (-webkit-max-device-pixel-ratio: 1.49) {
+function hairlineThickness(devicePixelRatio) {
+  const ratio = Number.isFinite(devicePixelRatio) && devicePixelRatio > 0 ? devicePixelRatio : 1;
+  return Math.ceil(64 / ratio) / 64;
+}
+const hairlineFallbackCss = `.mp-hairline-h { height: var(--mp-hairline, 0.5px) !important; max-height: var(--mp-hairline, 0.5px) !important; flex-basis: var(--mp-hairline, 0.5px) !important; }
+.mp-hairline-w { width: var(--mp-hairline, 0.5px) !important; max-width: var(--mp-hairline, 0.5px) !important; flex-basis: var(--mp-hairline, 0.5px) !important; }
+@media (max-resolution: 1.49dppx), (-webkit-max-device-pixel-ratio: 1.49) {
   .mp-hairline-b { border-bottom-width: 1px !important; }
   .mp-hairline-t { border-top-width: 1px !important; }
   .mp-hairline-r { border-right-width: 1px !important; }
   .mp-hairline-l { border-left-width: 1px !important; }
-  .mp-hairline-h { height: 1px !important; max-height: 1px !important; flex-basis: 1px !important; }
-  .mp-hairline-w { width: 1px !important; max-width: 1px !important; flex-basis: 1px !important; }
+  .mp-hairline-h { height: max(1px, var(--mp-hairline, 1px)) !important; max-height: max(1px, var(--mp-hairline, 1px)) !important; flex-basis: max(1px, var(--mp-hairline, 1px)) !important; }
+  .mp-hairline-w { width: max(1px, var(--mp-hairline, 1px)) !important; max-width: max(1px, var(--mp-hairline, 1px)) !important; flex-basis: max(1px, var(--mp-hairline, 1px)) !important; }
   .mp-hairline-ie { border-inline-end-width: 1px !important; }
 }`;
+let watchedRatio;
+function trackDevicePixel() {
+  if (typeof window === "undefined") return;
+  const ratio = window.devicePixelRatio || 1;
+  document.documentElement.style.setProperty("--mp-hairline", `${hairlineThickness(ratio)}px`);
+  watchedRatio?.removeEventListener?.("change", trackDevicePixel);
+  watchedRatio = window.matchMedia?.(`(resolution: ${ratio}dppx)`);
+  watchedRatio?.addEventListener?.("change", trackDevicePixel);
+}
 function ensureHairlineFallback() {
   if (typeof document === "undefined") return;
   if (document.getElementById(STYLE_TAG_ID)) return;
@@ -98,5 +114,6 @@ function ensureHairlineFallback() {
   tag.id = STYLE_TAG_ID;
   tag.textContent = hairlineFallbackCss;
   document.head.appendChild(tag);
+  trackDevicePixel();
 }
 ensureHairlineFallback();

package/dist/cjs/theme/readableColor.cjs

@@ -24,10 +24,12 @@ var readableColor_exports = {};
 __export(readableColor_exports, {
   resolveAccentOnSurface: () => resolveAccentOnSurface,
   resolveAccentTintedSurface: () => resolveAccentTintedSurface,
+  resolveActiveTabInk: () => resolveActiveTabInk,
   resolveIdentityInk: () => resolveIdentityInk,
   resolveLegibleInkOn: () => resolveLegibleInkOn,
   useAccentOnSurface: () => useAccentOnSurface,
   useAccentTintedSurface: () => useAccentTintedSurface,
+  useActiveTabInk: () => useActiveTabInk,
   useIdentityHue: () => useIdentityHue,
   useIdentityInkOnSurface: () => useIdentityInkOnSurface,
   useLegibleInkOn: () => useLegibleInkOn,
@@ -37,6 +39,7 @@ module.exports = __toCommonJS(readableColor_exports);
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_colorRules = require("./colorRules.cjs");
+var import_controlTiers = require("./controlTiers.cjs");
 var import_createThemes = require("./createThemes.cjs");
 function resolveTokenValue(theme, token) {
   const key = token.startsWith("$") ? token.slice(1) : token;
@@ -245,4 +248,37 @@ function useAccentTintedSurface() {
     solid,
     paper
   }), [solid, paper]);
+}
+const ACTIVE_TAB_CHROMA_FLOOR = 0.1;
+function resolveActiveTabInk({
+  hue,
+  solid,
+  dark,
+  surfaces,
+  ink
+}) {
+  if (hue) return hue;
+  const solidHex = solid ? (0, import_colorRules.normalizeToHex)(solid) : null;
+  if (solidHex && chromaOf(solidHex) >= ACTIVE_TAB_CHROMA_FLOOR) {
+    return (0, import_colorRules.holdHueToFloor)(solidHex, surfaces, dark, import_colorRules.aaTextContrastRatio);
+  }
+  return ink;
+}
+function useActiveTabInk() {
+  const dark = (0, import_controlTiers.isDarkThemeName)((0, import_tamagui.useThemeName)());
+  const {
+    hue,
+    c1,
+    c2,
+    ink
+  } = useIdentityHue();
+  const theme = (0, import_tamagui.useTheme)();
+  const solid = resolveTokenValue(theme, "accentBackground");
+  return (0, import_react.useMemo)(() => resolveActiveTabInk({
+    hue,
+    solid,
+    dark,
+    surfaces: [c1, c2],
+    ink
+  }), [hue, solid, dark, c1, c2, ink]);
 }

package/dist/cjs/theme/readableColor.native.js

@@ -26,10 +26,12 @@ var readableColor_exports = {};
 __export(readableColor_exports, {
   resolveAccentOnSurface: () => resolveAccentOnSurface,
   resolveAccentTintedSurface: () => resolveAccentTintedSurface,
+  resolveActiveTabInk: () => resolveActiveTabInk,
   resolveIdentityInk: () => resolveIdentityInk,
   resolveLegibleInkOn: () => resolveLegibleInkOn,
   useAccentOnSurface: () => useAccentOnSurface,
   useAccentTintedSurface: () => useAccentTintedSurface,
+  useActiveTabInk: () => useActiveTabInk,
   useIdentityHue: () => useIdentityHue,
   useIdentityInkOnSurface: () => useIdentityInkOnSurface,
   useLegibleInkOn: () => useLegibleInkOn,
@@ -39,6 +41,7 @@ module.exports = __toCommonJS(readableColor_exports);
 var import_react = require("react");
 var import_tamagui = require("tamagui");
 var import_colorRules = require("./colorRules.native.js");
+var import_controlTiers = require("./controlTiers.native.js");
 var import_createThemes = require("./createThemes.native.js");
 function _type_of(obj) {
   "@swc/helpers - typeof";
@@ -351,4 +354,40 @@ function useAccentTintedSurface() {
     });
   }, [solid, paper]);
 }
+var ACTIVE_TAB_CHROMA_FLOOR = 0.1;
+function resolveActiveTabInk(param) {
+  var {
+    hue,
+    solid,
+    dark,
+    surfaces,
+    ink
+  } = param;
+  if (hue) return hue;
+  var solidHex = solid ? (0, import_colorRules.normalizeToHex)(solid) : null;
+  if (solidHex && chromaOf(solidHex) >= ACTIVE_TAB_CHROMA_FLOOR) {
+    return (0, import_colorRules.holdHueToFloor)(solidHex, surfaces, dark, import_colorRules.aaTextContrastRatio);
+  }
+  return ink;
+}
+function useActiveTabInk() {
+  var dark = (0, import_controlTiers.isDarkThemeName)((0, import_tamagui.useThemeName)());
+  var {
+    hue,
+    c1,
+    c2,
+    ink
+  } = useIdentityHue();
+  var theme = (0, import_tamagui.useTheme)();
+  var solid = resolveTokenValue(theme, "accentBackground");
+  return (0, import_react.useMemo)(function () {
+    return resolveActiveTabInk({
+      hue,
+      solid,
+      dark,
+      surfaces: [c1, c2],
+      ink
+    });
+  }, [hue, solid, dark, c1, c2, ink]);
+}
 //# sourceMappingURL=readableColor.native.js.map

package/dist/cjs/theme/readableColor.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","readableColor_exports","__export","resolveAccentOnSurface","resolveAccentTintedSurface","resolveIdentityInk","resolveLegibleInkOn","useAccentOnSurface","useAccentTintedSurface","useIdentityHue","useIdentityInkOnSurface","useLegibleInkOn","useReadableTextOn","module","exports","import_react","require","import_tamagui","import_colorRules","import_createThemes","_type_of","obj","Symbol","constructor","resolveTokenValue","theme","token","_theme_key","key","startsWith","slice","val","fill_","useTheme","fill","paper","ink","useMemo","normalizeToHex","holdInkFloor","pickReadableForeground","param","preferred","fillHex","preferredHex","fillLum","relativeLuminance","contrastRatio","aaTextContrastRatio","anchor","preferredValue","resolved","IDENTITY_CHROMA_FLOOR","chromaOf","hex","rgb","map","offset","parseInt","Math","max","min","surfaceLuminances","surfaces","lums","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","surface","push","err","return","pickIdentityInk","candidates","surfaceLums","best","bestChroma","_loop","candidate","lum","some","chroma","_pickIdentityInk","identity","accentSteps","hued","bestMin","Number","POSITIVE_INFINITY","step","stepLum"],"sources":["../../../src/theme/readableColor.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","readableColor_exports","__export","resolveAccentOnSurface","resolveAccentTintedSurface","resolveActiveTabInk","resolveIdentityInk","resolveLegibleInkOn","useAccentOnSurface","useAccentTintedSurface","useActiveTabInk","useIdentityHue","useIdentityInkOnSurface","useLegibleInkOn","useReadableTextOn","module","exports","import_react","require","import_tamagui","import_colorRules","import_controlTiers","import_createThemes","_type_of","obj","Symbol","constructor","resolveTokenValue","theme","token","_theme_key","key","startsWith","slice","val","fill_","useTheme","fill","paper","ink","useMemo","normalizeToHex","holdInkFloor","pickReadableForeground","param","preferred","fillHex","preferredHex","fillLum","relativeLuminance","contrastRatio","aaTextContrastRatio","anchor","preferredValue","resolved","IDENTITY_CHROMA_FLOOR","chromaOf","hex","rgb","map","offset","parseInt","Math","max","min","surfaceLuminances","surfaces","lums","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","iterator","_step","next","done","surface","push","err","return","pickIdentityInk","candidates","surfaceLums","best","bestChroma","_loop","candidate","lum","some","chroma","_pickIdentityInk","identity","accentSteps","hued","bestMin","Number","POSITIVE_INFINITY","step","stepLum","accentStepKeys","Array","from","length","_","index","useIdentityInputs","_useThemeName","_resolveTokenValue","themeName","useThemeName","hue","split","isTint","tintHueNames","has","keys"],"sources":["../../../src/theme/readableColor.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/resolveKnobs.cjs

@@ -482,6 +482,135 @@ const stateRecipes = {
     }
   }
 };
+function smoothingFor(knobs) {
+  const smoothing = cornerSmoothingStyle[knobs.cornerSmoothing ?? "round"];
+  const arcless = knobs.borderRadius === "none";
+  return {
+    scaleSmoothing: arcless || knobs.borderRadius === "full" ? void 0 : smoothing,
+    containerSmoothing: arcless ? void 0 : smoothing
+  };
+}
+function edgeRulesFor(knobs) {
+  const outlined = knobs.fillStyle === "outlined";
+  const smallEdge = knobs.borderWidth === "small" || outlined && knobs.borderWidth === "none";
+  const borderWidthValue = smallEdge ? borderWidthMap.small : borderWidthMap[knobs.borderWidth];
+  const edge = (color, width) => smallEdge && width >= borderWidthMap.medium ? fainterEdge(color) : color;
+  const overlayEdgeWidth = Math.max(borderWidthValue, borderWidthMap.small);
+  const flooredSmall = smallEdge || knobs.borderWidth === "none";
+  const overlayEdge = color => flooredSmall && overlayEdgeWidth >= borderWidthMap.medium ? fainterEdge(color) : color;
+  return {
+    outlined,
+    smallEdge,
+    borderWidthValue,
+    edge,
+    overlayEdgeWidth,
+    overlayEdge
+  };
+}
+const nonEmpty = obj => Object.keys(obj).length > 0 ? obj : void 0;
+function stateRecipesFor(knobs) {
+  const hover = resolveStateKnobs(knobs.hover);
+  const press = resolveStateKnobs(knobs.press);
+  const focus = resolveStateKnobs(knobs.focus);
+  const focusVisible = resolveStateKnobs(knobs.focusVisible);
+  const control = {
+    hoverKnobProps: (0, import_focusState.withDefaultStateLayer)(hover.control, import_focusState.STATE_LAYER_HOVER),
+    pressKnobProps: (0, import_focusState.withDefaultStateLayer)(press.control, import_focusState.STATE_LAYER_PRESS),
+    focusKnobProps: nonEmpty(focus.control),
+    focusVisibleKnobProps: (0, import_focusState.ensureFocusVisibleRing)(focusVisible.control)
+  };
+  const text = {
+    hoverKnobProps: nonEmpty(hover.text),
+    pressKnobProps: nonEmpty(press.text),
+    focusKnobProps: nonEmpty(focus.text),
+    focusVisibleKnobProps: nonEmpty(focusVisible.text)
+  };
+  const elevation = {
+    hoverKnobProps: nonEmpty(hover.elevation),
+    pressKnobProps: nonEmpty(press.elevation),
+    focusKnobProps: nonEmpty(focus.elevation),
+    focusVisibleKnobProps: nonEmpty(focusVisible.elevation)
+  };
+  return {
+    control,
+    text,
+    elevation
+  };
+}
+function boldWeight(knobs) {
+  return knobs.fontWeight === "bold" ? {
+    fontWeight: "700"
+  } : {};
+}
+function cardEdgeWidth(borderWidth) {
+  if (borderWidth === "none") return 0;
+  if (borderWidth === "large") return borderWidthMap.large;
+  return borderWidthMap.small;
+}
+function cardSurfaceFor(knobs, scheme, frame) {
+  const {
+    painted,
+    radius,
+    padding,
+    smoothing
+  } = frame;
+  if (painted) {
+    return {
+      backgroundColor: paintedCardFill,
+      borderRadius: radius,
+      padding,
+      ...smoothing
+    };
+  }
+  return {
+    backgroundColor: "$background",
+    borderColor: knobs.borderWidth === "large" ? "$borderColor" : edgeColorAt("$borderColor", "small"),
+    borderWidth: cardEdgeWidth(knobs.borderWidth),
+    borderRadius: radius,
+    padding,
+    ...cardLiftFor(cardElevationMap[knobs.elevation], scheme),
+    ...smoothing
+  };
+}
+function elevatedSurfaceFor(scheme, frame) {
+  const {
+    painted,
+    radius,
+    smoothing,
+    edge,
+    edgeWidth,
+    elevationToken
+  } = frame;
+  if (painted) {
+    return {
+      backgroundColor: "$background",
+      borderColor: edge,
+      borderWidth: edgeWidth,
+      borderRadius: radius,
+      elevation: void 0,
+      ...smoothing
+    };
+  }
+  if (scheme === "dark") {
+    return {
+      backgroundColor: surface2.fill,
+      borderColor: "transparent",
+      borderWidth: 0,
+      borderRadius: radius,
+      elevation: void 0,
+      ...smoothing
+    };
+  }
+  return {
+    backgroundColor: "$background",
+    borderColor: edge,
+    borderWidth: edgeWidth,
+    borderRadius: radius,
+    elevation: platformElevation(elevationToken),
+    ...elevationPaint(elevationToken),
+    ...smoothing
+  };
+}
 function resolveKnobs(knobs, override, scheme = "light", environment) {
   const radiusToken = borderRadiusMap[knobs.borderRadius];
   const nestedRadiusToken = nestedRadiusMap[knobs.borderRadius];
@@ -507,44 +636,29 @@ function resolveKnobs(knobs, override, scheme = "light", environment) {
   const bodyFontValue = bodyFontMap[knobs.bodyFont] ?? "$body";
   const motion = (0, import_motion.motionFor)(knobs.animation);
   const containerRadiusValue = capContainerRadius(knobs.borderRadius);
-  const smoothing = cornerSmoothingStyle[knobs.cornerSmoothing ?? "round"];
-  const scaleSmoothing = knobs.borderRadius === "none" || knobs.borderRadius === "full" ? void 0 : smoothing;
-  const containerSmoothing = knobs.borderRadius === "none" ? void 0 : smoothing;
-  const outlined = knobs.fillStyle === "outlined";
-  const smallEdge = knobs.borderWidth === "small" || outlined && knobs.borderWidth === "none";
-  const borderWidthValue = smallEdge ? borderWidthMap.small : borderWidthMap[knobs.borderWidth];
-  const edge = (color, width) => smallEdge && width >= borderWidthMap.medium ? fainterEdge(color) : color;
+  const {
+    scaleSmoothing,
+    containerSmoothing
+  } = smoothingFor(knobs);
+  const {
+    outlined,
+    smallEdge,
+    borderWidthValue,
+    edge,
+    overlayEdgeWidth,
+    overlayEdge
+  } = edgeRulesFor(knobs);
   const elevationToken = elevationMap[knobs.elevation];
   const overlayElevationToken = overlayElevationMap[knobs.elevation];
-  const overlayPaintProps = elevationPaint(overlayElevationToken);
-  const overlayEdgeWidth = Math.max(borderWidthValue, borderWidthMap.small);
-  const overlayEdge = color => (smallEdge || knobs.borderWidth === "none") && overlayEdgeWidth >= borderWidthMap.medium ? fainterEdge(color) : color;
   const elevationChrome = elevationChromeFor(elevationToken);
   const textAccentColor = textAccentColorMap[knobs.textAccent] ?? "$color";
   const inputBackground = outlined ? "transparent" : "$background";
-  const hover = resolveStateKnobs(knobs.hover);
-  const press = resolveStateKnobs(knobs.press);
-  const focus = resolveStateKnobs(knobs.focus);
-  const focusVisible = resolveStateKnobs(knobs.focusVisible);
-  const nonEmpty = obj => Object.keys(obj).length > 0 ? obj : void 0;
-  const control = {
-    hoverKnobProps: (0, import_focusState.withDefaultStateLayer)(hover.control, import_focusState.STATE_LAYER_HOVER),
-    pressKnobProps: (0, import_focusState.withDefaultStateLayer)(press.control, import_focusState.STATE_LAYER_PRESS),
-    focusKnobProps: nonEmpty(focus.control),
-    focusVisibleKnobProps: (0, import_focusState.ensureFocusVisibleRing)(focusVisible.control)
-  };
-  const text = {
-    hoverKnobProps: nonEmpty(hover.text),
-    pressKnobProps: nonEmpty(press.text),
-    focusKnobProps: nonEmpty(focus.text),
-    focusVisibleKnobProps: nonEmpty(focusVisible.text)
-  };
-  const elevation = {
-    hoverKnobProps: nonEmpty(hover.elevation),
-    pressKnobProps: nonEmpty(press.elevation),
-    focusKnobProps: nonEmpty(focus.elevation),
-    focusVisibleKnobProps: nonEmpty(focusVisible.elevation)
-  };
+  const {
+    control,
+    text,
+    elevation
+  } = stateRecipesFor(knobs);
+  const bold = boldWeight(knobs);
   const nestedRadius = {
     borderRadius: nestedRadiusToken,
     ...containerSmoothing
@@ -594,42 +708,20 @@ function resolveKnobs(knobs, override, scheme = "light", environment) {
     // the Card template) with a hairline edge and a hair of lift. Under a
     // painted ancestor it is one fill step off its parent, edge and lift off,
     // so a card on a card never stacks a second shadow (WP-c2).
-    cardSurface: painted ? {
-      backgroundColor: paintedCardFill,
-      borderRadius: containerRadiusValue,
+    cardSurface: cardSurfaceFor(knobs, scheme, {
+      painted,
+      radius: containerRadiusValue,
       padding: paddingToken,
-      ...containerSmoothing
-    } : {
-      backgroundColor: "$background",
-      borderColor: knobs.borderWidth === "large" ? "$borderColor" : edgeColorAt("$borderColor", "small"),
-      borderWidth: knobs.borderWidth === "none" ? 0 : knobs.borderWidth === "large" ? borderWidthMap.large : borderWidthMap.small,
-      borderRadius: containerRadiusValue,
-      padding: paddingToken,
-      ...cardLiftFor(cardElevationMap[knobs.elevation], scheme),
-      ...containerSmoothing
-    },
-    elevatedSurface: painted ? {
-      backgroundColor: "$background",
-      borderColor: overlayEdge("$borderColor"),
-      borderWidth: overlayEdgeWidth,
-      borderRadius: radiusToken,
-      elevation: void 0,
-      ...scaleSmoothing
-    } : {
-      backgroundColor: scheme === "dark" ? surface2.fill : "$background",
-      // Light: an overlay fills the page's own white, so it always keeps at
-      // least the hairline, even on a chromeless preset (FZ-8116).
-      borderColor: scheme === "dark" ? "transparent" : overlayEdge("$borderColor"),
-      // Dark draws no edge at all: on iOS a transparent border on a sheet
-      // mounted under a light OS painted the light $borderColor (FZ-8116).
-      borderWidth: scheme === "dark" ? 0 : overlayEdgeWidth,
-      borderRadius: radiusToken,
-      elevation: scheme === "dark" ? void 0 : platformElevation(overlayElevationToken),
-      // Dark lifts an overlay by its lighter fill, as the card lift does: a
-      // black shadow on a near-black page reads as a smudge (FZ-8116).
-      ...(scheme === "dark" ? void 0 : overlayPaintProps),
-      ...scaleSmoothing
-    },
+      smoothing: containerSmoothing
+    }),
+    elevatedSurface: elevatedSurfaceFor(scheme, {
+      painted,
+      radius: radiusToken,
+      smoothing: scaleSmoothing,
+      edge: overlayEdge("$borderColor"),
+      edgeWidth: overlayEdgeWidth,
+      elevationToken: overlayElevationToken
+    }),
     featureSurface: {
       backgroundColor: "$background",
       borderRadius: featureRadiusMap[knobs.borderRadius],
@@ -667,9 +759,7 @@ function resolveKnobs(knobs, override, scheme = "light", environment) {
     label: {
       fontSize: labelFontSizeFor(sizeToken),
       fontFamily: bodyFontValue,
-      ...(knobs.fontWeight === "bold" ? {
-        fontWeight: "700"
-      } : {})
+      ...bold
     },
     nestedControl: {
       px: nestedPx,
@@ -720,9 +810,7 @@ function resolveKnobs(knobs, override, scheme = "light", environment) {
     },
     heading: {
       fontFamily: headingFontMap[knobs.headingFont],
-      ...(knobs.fontWeight === "bold" ? {
-        fontWeight: "700"
-      } : {})
+      ...bold
     },
     pageTitle: resolvePageTitleScale(knobs.pageTitleScale ?? "moderate"),
     textRole: resolveTextRoles(sizeToken, knobs.fontWeight === "bold"),