@multiplatform.one/theme 7.83.0 → 7.83.2

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

@@ -0,0 +1,125 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var glyphTint_exports = {};
+__export(glyphTint_exports, {
+  GLYPH_CONTRAST_FLOOR: () => GLYPH_CONTRAST_FLOOR,
+  GlyphTintFallbackProvider: () => GlyphTintFallbackProvider,
+  glyphTintFallback: () => glyphTintFallback,
+  holdHueToFloor: () => holdHueToFloor,
+  platformSystemTint: () => platformSystemTint,
+  resolveGlyphTint: () => resolveGlyphTint,
+  useGlyphTintOnSurface: () => useGlyphTintOnSurface
+});
+module.exports = __toCommonJS(glyphTint_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_readableColor = require("./readableColor.native.js");
+var glyphTintFallback = "ink";
+var SYSTEM_TINT = {
+  light: "#007AFF",
+  dark: "#0A84FF"
+};
+var HOUSE_ACCENT = {
+  light: "#6E56CF",
+  dark: "#6E56CF"
+};
+var GLYPH_CONTRAST_FLOOR = 3;
+function platformSystemTint(dark) {
+  return SYSTEM_TINT[dark ? "dark" : "light"];
+}
+var GlyphTintFallbackContext = (0, import_react.createContext)(glyphTintFallback);
+var GlyphTintFallbackProvider = GlyphTintFallbackContext.Provider;
+function mix(hex, pole, share) {
+  return `#${[1, 3, 5].map(function (offset) {
+    var channel = parseInt(hex.slice(offset, offset + 2), 16);
+    return Math.round(channel + (pole - channel) * share).toString(16).padStart(2, "0");
+  }).join("")}`;
+}
+function holdHueToFloor(hue, surfaces, dark, floor) {
+  var hueHex = (0, import_colorRules.normalizeToHex)(hue);
+  var lums = surfaces.map(function (surface) {
+    return surface ? (0, import_colorRules.normalizeToHex)(surface) : null;
+  }).filter(function (hex) {
+    return hex != null;
+  }).map(import_colorRules.relativeLuminance);
+  if (!hueHex || lums.length === 0) return hue;
+  var clears = function clears2(hex) {
+    var lum = (0, import_colorRules.relativeLuminance)(hex);
+    return lums.every(function (surface) {
+      return (0, import_colorRules.contrastRatio)(lum, surface) >= floor;
+    });
+  };
+  if (clears(hueHex)) return hue;
+  var pole = dark ? 255 : 0;
+  for (var step = 1; step <= 50; step++) {
+    var candidate = mix(hueHex, pole, step * 0.02);
+    if (clears(candidate)) return candidate;
+  }
+  return dark ? "#ffffff" : "#000000";
+}
+function resolveGlyphTint(param) {
+  var {
+    hue,
+    fallback,
+    dark,
+    surfaces,
+    ink
+  } = param;
+  if (hue) return {
+    glyph: hue,
+    label: hue
+  };
+  if (fallback === "ink") return {
+    glyph: ink,
+    label: ink
+  };
+  var base = fallback === "system" ? platformSystemTint(dark) : HOUSE_ACCENT[dark ? "dark" : "light"];
+  return {
+    glyph: holdHueToFloor(base, surfaces, dark, GLYPH_CONTRAST_FLOOR),
+    label: holdHueToFloor(base, surfaces, dark, import_colorRules.aaTextContrastRatio)
+  };
+}
+function useGlyphTintOnSurface() {
+  var fallback = (0, import_react.useContext)(GlyphTintFallbackContext);
+  var dark = (0, import_controlTiers.isDarkThemeName)((0, import_tamagui.useThemeName)());
+  var {
+    hue,
+    c1,
+    c2,
+    ink
+  } = (0, import_readableColor.useIdentityHue)();
+  return (0, import_react.useMemo)(function () {
+    return resolveGlyphTint({
+      hue,
+      fallback,
+      dark,
+      surfaces: [c1, c2],
+      ink
+    });
+  }, [hue, fallback, dark, c1, c2, ink]);
+}
+//# sourceMappingURL=glyphTint.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","glyphTint_exports","__export","GLYPH_CONTRAST_FLOOR","GlyphTintFallbackProvider","glyphTintFallback","holdHueToFloor","platformSystemTint","resolveGlyphTint","useGlyphTintOnSurface","module","exports","import_react","require","import_tamagui","import_colorRules","import_controlTiers","import_readableColor","SYSTEM_TINT","light","dark","HOUSE_ACCENT","GlyphTintFallbackContext","createContext","Provider","mix","hex","pole","share","map","offset","channel","parseInt","slice","Math","round","toString","padStart","join","hue","surfaces","floor","hueHex","normalizeToHex","lums","surface","filter","relativeLuminance","length","clears","clears2","lum","every","contrastRatio","step","candidate","param"],"sources":["../../../src/theme/glyphTint.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/theme/groupGeometry.cjs

@@ -0,0 +1,67 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var groupGeometry_exports = {};
+__export(groupGeometry_exports, {
+  GroupPositionContext: () => GroupPositionContext,
+  getGroupPosition: () => getGroupPosition,
+  stackEdgeRadius: () => stackEdgeRadius,
+  stackRadiusProps: () => stackRadiusProps,
+  useGroupPosition: () => useGroupPosition
+});
+module.exports = __toCommonJS(groupGeometry_exports);
+var import_react = require("react");
+function getGroupPosition(index, count) {
+  if (count <= 1) return "only";
+  if (index <= 0) return "first";
+  if (index >= count - 1) return "last";
+  return "middle";
+}
+function stackEdgeRadius(radius, edges, orientation = "vertical") {
+  const r = radius ?? 0;
+  const start = edges.start ? r : 0;
+  const end = edges.end ? r : 0;
+  if (orientation === "horizontal") {
+    return {
+      borderStartStartRadius: start,
+      borderEndStartRadius: start,
+      borderStartEndRadius: end,
+      borderEndEndRadius: end
+    };
+  }
+  return {
+    borderStartStartRadius: start,
+    borderStartEndRadius: start,
+    borderEndStartRadius: end,
+    borderEndEndRadius: end
+  };
+}
+function stackRadiusProps(position, radius, orientation = "vertical") {
+  return stackEdgeRadius(radius, {
+    start: position === "first" || position === "only",
+    end: position === "last" || position === "only"
+  }, orientation);
+}
+const GroupPositionContext = (0, import_react.createContext)(void 0);
+function useGroupPosition() {
+  return (0, import_react.useContext)(GroupPositionContext);
+}

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

@@ -0,0 +1,72 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var groupGeometry_exports = {};
+__export(groupGeometry_exports, {
+  GroupPositionContext: () => GroupPositionContext,
+  getGroupPosition: () => getGroupPosition,
+  stackEdgeRadius: () => stackEdgeRadius,
+  stackRadiusProps: () => stackRadiusProps,
+  useGroupPosition: () => useGroupPosition
+});
+module.exports = __toCommonJS(groupGeometry_exports);
+var import_react = require("react");
+function getGroupPosition(index, count) {
+  if (count <= 1) return "only";
+  if (index <= 0) return "first";
+  if (index >= count - 1) return "last";
+  return "middle";
+}
+function stackEdgeRadius(radius, edges) {
+  var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "vertical";
+  var r = radius !== null && radius !== void 0 ? radius : 0;
+  var start = edges.start ? r : 0;
+  var end = edges.end ? r : 0;
+  if (orientation === "horizontal") {
+    return {
+      borderStartStartRadius: start,
+      borderEndStartRadius: start,
+      borderStartEndRadius: end,
+      borderEndEndRadius: end
+    };
+  }
+  return {
+    borderStartStartRadius: start,
+    borderStartEndRadius: start,
+    borderEndStartRadius: end,
+    borderEndEndRadius: end
+  };
+}
+function stackRadiusProps(position, radius) {
+  var orientation = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : "vertical";
+  return stackEdgeRadius(radius, {
+    start: position === "first" || position === "only",
+    end: position === "last" || position === "only"
+  }, orientation);
+}
+var GroupPositionContext = (0, import_react.createContext)(void 0);
+function useGroupPosition() {
+  return (0, import_react.useContext)(GroupPositionContext);
+}
+//# sourceMappingURL=groupGeometry.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","groupGeometry_exports","__export","GroupPositionContext","getGroupPosition","stackEdgeRadius","stackRadiusProps","useGroupPosition","module","exports","import_react","require","index","count","radius","edges","orientation","arguments","length","r","start","end","borderStartStartRadius","borderEndStartRadius","borderStartEndRadius","borderEndEndRadius","position","createContext","useContext"],"sources":["../../../src/theme/groupGeometry.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,qBAAA;AAAAC,QAAA,CAAAD,qBAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA,oBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,eAAA,EAAAA,CAAA,KAAAA,eAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA,gBAAA;EAAAC,gBAAA,EAAAA,CAAA,KAAAA;AAAA;AA8BAC,MAAA,CAAAC,OAAA,GAAAb,YAA0C,CAAAK,qBAAA;AASnC,IAAAS,YAAS,GAAAC,OAAiB,QAAe;AAC9C,SAAIP,gBAAmBA,CAAAQ,KAAA,EAAAC,KAAA;EACvB,IAAIA,KAAA,IAAS,GAAG,OAAO;EACvB,IAAID,KAAA,IAAS,UAAW;EACxB,IAAAA,KAAO,IAAAC,KAAA;EACT;AAmBO;AAKL,SAAMR,eAAcA,CAAAS,MAAA,EAAAC,KAAA;EACpB,IAAAC,WAAc,GAAAC,SAAM,CAAQC,MAAI,QAAAD,SAAA,iBAAAA,SAAA;EAChC,IAAAE,CAAA,GAAML,MAAM,KAAM,QAAMA,MAAI,cAAAA,MAAA;EAC5B,IAAIM,KAAA,GAAAL,KAAA,CAAAK,KAAgB,GAAAD,CAAA;EAClB,IAAAE,GAAA,GAAON,KAAA,CAAAM,GAAA,GAAAF,CAAA;EAAA,IACLH,WAAA,iBAAwB;IAAA,OACxB;MACAM,sBAAsB,EAAAF,KAAA;MACtBG,oBAAoB,EAAAH,KAAA;MACtBI,oBAAA,EAAAH,GAAA;MACFI,kBAAA,EAAAJ;IACA;EAAO;EACmB,OACxB;IACAC,sBAAsB,EAAAF,KAAA;IACtBI,oBAAoB,EAAAJ,KAAA;IACtBG,oBAAA,EAAAF,GAAA;IACFI,kBAAA,EAAAJ;EAOO;AAKL;AAAO,SACLf,iBAAAoB,QAAA,EAAAZ,MAAA;EAAA,IACAE,WAAA,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAAA,OACEZ,eAAO,CAAAS,MAAa;IAAwBM,KAC5C,EAAKM,QAAA,KAAa,WAAUA,QAAA,KAAa;IAC3CL,GAAA,EAAAK,QAAA,eAAAA,QAAA;EAAA,GACAV,WAAA;AAAA;AAEJ,IAAAb,oBAAA,OAAAO,YAAA,CAAAiB,aAAA;AAQO,SAAMpB,iBAAA;EAGN,OAAS,IAAAG,YAAA,CAAAkB,UAA8C,EAAAzB,oBAAA;AAC5D","ignoreList":[]}

package/dist/cjs/theme/hairline.cjs

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var hairline_exports = {};
+__export(hairline_exports, {
+  ensureHairlineFallback: () => ensureHairlineFallback,
+  hairline: () => hairline,
+  hairlineBorderWidth: () => hairlineBorderWidth,
+  hairlineFallbackCss: () => hairlineFallbackCss,
+  hairlineWidth: () => hairlineWidth
+});
+module.exports = __toCommonJS(hairline_exports);
+const hairlineWidth = 0.5;
+const hairlineBorderWidth = 1;
+const hairline = {
+  /**
+   * Standalone horizontal rule as a FILLED line (tamagui Separator draws a
+   * border, which Blink cannot paint below 1 CSS px — flip it to a filled
+   * fractional-height line, crisp in every engine). Consumers may override
+   * `backgroundColor` after the spread for non-default divider colors.
+   */
+  line: {
+    height: hairlineWidth,
+    maxHeight: hairlineWidth,
+    // Separator is a `flex: 1` item, so in a stack the main-axis size comes
+    // from flex-basis (height alone is ignored):
+    flexBasis: hairlineWidth,
+    borderBottomWidth: 0,
+    backgroundColor: "$borderColor",
+    className: "mp-hairline-h"
+  },
+  /** Standalone vertical rule as a filled line (see `line`). */
+  vline: {
+    width: hairlineWidth,
+    maxWidth: hairlineWidth,
+    flexBasis: hairlineWidth,
+    borderRightWidth: 0,
+    backgroundColor: "$borderColor",
+    className: "mp-hairline-w"
+  },
+  /** Already-filled 1px line elements (e.g. menu separator views). */
+  height: {
+    height: hairlineWidth,
+    className: "mp-hairline-h"
+  },
+  // Container-owned edge rules. True hairline on WebKit/Gecko; Blink rounds
+  // sub-1px borders up to 1 CSS px (the pre-hairline status quo there).
+  bottom: {
+    borderBottomWidth: hairlineWidth,
+    className: "mp-hairline-b"
+  },
+  top: {
+    borderTopWidth: hairlineWidth,
+    className: "mp-hairline-t"
+  },
+  right: {
+    borderRightWidth: hairlineWidth,
+    className: "mp-hairline-r"
+  },
+  left: {
+    borderLeftWidth: hairlineWidth,
+    className: "mp-hairline-l"
+  }
+};
+const STYLE_TAG_ID = "mp-hairline-styles";
+const hairlineFallbackCss = `@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-ie { border-inline-end-width: 1px !important; }
+}`;
+function ensureHairlineFallback() {
+  if (typeof document === "undefined") return;
+  if (document.getElementById(STYLE_TAG_ID)) return;
+  const tag = document.createElement("style");
+  tag.id = STYLE_TAG_ID;
+  tag.textContent = hairlineFallbackCss;
+  document.head.appendChild(tag);
+}
+ensureHairlineFallback();

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

@@ -0,0 +1,73 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var hairline_native_exports = {};
+__export(hairline_native_exports, {
+  ensureHairlineFallback: () => ensureHairlineFallback,
+  hairline: () => hairline,
+  hairlineBorderWidth: () => hairlineBorderWidth,
+  hairlineFallbackCss: () => hairlineFallbackCss,
+  hairlineWidth: () => hairlineWidth
+});
+module.exports = __toCommonJS(hairline_native_exports);
+var import_react_native = require("react-native");
+var hairlineWidth = import_react_native.StyleSheet.hairlineWidth;
+var hairlineBorderWidth = import_react_native.StyleSheet.hairlineWidth;
+var hairline = {
+  /** Standalone horizontal rule as a filled hairline-height line. */
+  line: {
+    height: hairlineWidth,
+    maxHeight: hairlineWidth,
+    flexBasis: hairlineWidth,
+    borderBottomWidth: 0,
+    backgroundColor: "$borderColor"
+  },
+  /** Standalone vertical rule as a filled hairline-width line. */
+  vline: {
+    width: hairlineWidth,
+    maxWidth: hairlineWidth,
+    flexBasis: hairlineWidth,
+    borderRightWidth: 0,
+    backgroundColor: "$borderColor"
+  },
+  /** Already-filled 1px line elements (e.g. menu separator views). */
+  height: {
+    height: hairlineWidth
+  },
+  bottom: {
+    borderBottomWidth: hairlineWidth
+  },
+  top: {
+    borderTopWidth: hairlineWidth
+  },
+  right: {
+    borderRightWidth: hairlineWidth
+  },
+  left: {
+    borderLeftWidth: hairlineWidth
+  }
+};
+var hairlineFallbackCss = "";
+function ensureHairlineFallback() {}
+//# sourceMappingURL=hairline.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["hairline_native_exports","__export","ensureHairlineFallback","hairline","hairlineBorderWidth","hairlineFallbackCss","hairlineWidth","module","exports","__toCommonJS","import_react_native","require","StyleSheet","line","height","maxHeight","flexBasis","borderBottomWidth","backgroundColor","vline","width","maxWidth","borderRightWidth","bottom","top","borderTopWidth","right","left","borderLeftWidth"],"sources":["../../../src/theme/hairline.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,uBAAA;AAAAC,QAAA,CAAAD,uBAAA;EAAAE,sBAAA,EAAAA,CAAA,KAAAA,sBAAA;EAAAC,QAAA,EAAAA,CAAA,KAAAA,QAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,mBAAA,EAAAA,CAAA,KAAAA,mBAAA;EAAAC,aAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAT,uBAAA;AAMI,IAAAU,mBAAA,GAA2BC,OAAA;AACoD,IAAIL,aAAA,GAAgBI,mBAAA,CAAAE,UAAA,CAAWN,aAAA;AAClB,IAAIF,mBAAA,GAAsBM,mBAAA,CAAAE,UAAA,CAAWN,aAAA;AAC1D,IAAIH,QAAA,GAAW;EAAA;EAClBU,IAAA,EAAM;IACtEC,MAAA,EAAQR,aAAA;IACRS,SAAA,EAAWT,aAAA;IACXU,SAAA,EAAWV,aAAA;IACXW,iBAAA,EAAmB;IACnBC,eAAA,EAAiB;EACrB;EAAA;EACiEC,KAAA,EAAO;IACpEC,KAAA,EAAOd,aAAA;IACPe,QAAA,EAAUf,aAAA;IACVU,SAAA,EAAWV,aAAA;IACXgB,gBAAA,EAAkB;IAClBJ,eAAA,EAAiB;EACrB;EAAA;EACqEJ,MAAA,EAAQ;IACzEA,MAAA,EAAQR;EACZ;EACAiB,MAAA,EAAQ;IACJN,iBAAA,EAAmBX;EACvB;EACAkB,GAAA,EAAK;IACDC,cAAA,EAAgBnB;EACpB;EACAoB,KAAA,EAAO;IACHJ,gBAAA,EAAkBhB;EACtB;EACAqB,IAAA,EAAM;IACFC,eAAA,EAAiBtB;EACrB;AACJ;AAC8D,IAAID,mBAAA,GAAsB;AAC/B,SAASH,uBAAA,EAAyB,CAAC","ignoreList":[]}

package/dist/cjs/theme/index.cjs

@@ -0,0 +1,95 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var theme_exports = {};
+__export(theme_exports, {
+  animationDurations: () => import_css.animationDurations,
+  cssAnimationConfig: () => import_css.animationConfig,
+  motionStops: () => import_css.motionStops,
+  nativeAnimationConfig: () => import_reactNative.animationConfig
+});
+module.exports = __toCommonJS(theme_exports);
+__reExport(theme_exports, require("./activateThemeConfig.cjs"), module.exports);
+__reExport(theme_exports, require("./animations/index.cjs"), module.exports);
+__reExport(theme_exports, require("./chartPalette.cjs"), module.exports);
+__reExport(theme_exports, require("./colorRules.cjs"), module.exports);
+__reExport(theme_exports, require("./cookies.cjs"), module.exports);
+__reExport(theme_exports, require("./cornerSmoothing.cjs"), module.exports);
+__reExport(theme_exports, require("./createDefaultThemeConfig.cjs"), module.exports);
+__reExport(theme_exports, require("./createThemes.cjs"), module.exports);
+__reExport(theme_exports, require("./dedupeInherited.cjs"), module.exports);
+__reExport(theme_exports, require("./defaults/index.cjs"), module.exports);
+__reExport(theme_exports, require("./devtools/ThemeDevtoolsPanel.cjs"), module.exports);
+__reExport(theme_exports, require("./dynamicType.cjs"), module.exports);
+__reExport(theme_exports, require("./fieldFocus.cjs"), module.exports);
+__reExport(theme_exports, require("./focusState.cjs"), module.exports);
+__reExport(theme_exports, require("./glyphPaint.cjs"), module.exports);
+__reExport(theme_exports, require("./glyphTint.cjs"), module.exports);
+__reExport(theme_exports, require("./fontCategoryMetrics.cjs"), module.exports);
+__reExport(theme_exports, require("./fontCategoryStacks.cjs"), module.exports);
+__reExport(theme_exports, require("./FontKnobStyles.cjs"), module.exports);
+__reExport(theme_exports, require("./groupGeometry.cjs"), module.exports);
+__reExport(theme_exports, require("./hairline.cjs"), module.exports);
+__reExport(theme_exports, require("./Heading.cjs"), module.exports);
+__reExport(theme_exports, require("./Intent.cjs"), module.exports);
+__reExport(theme_exports, require("./intents.cjs"), module.exports);
+__reExport(theme_exports, require("./knobs.cjs"), module.exports);
+__reExport(theme_exports, require("./layoutTokens.cjs"), module.exports);
+__reExport(theme_exports, require("./pageGutter.cjs"), module.exports);
+__reExport(theme_exports, require("./Preset.cjs"), module.exports);
+__reExport(theme_exports, require("./PresetContext.cjs"), module.exports);
+__reExport(theme_exports, require("./presetPreview.cjs"), module.exports);
+__reExport(theme_exports, require("./presets.cjs"), module.exports);
+__reExport(theme_exports, require("./presetStore.cjs"), module.exports);
+__reExport(theme_exports, require("./presetUserSync.cjs"), module.exports);
+__reExport(theme_exports, require("./radiusClass.cjs"), module.exports);
+__reExport(theme_exports, require("./radiusClassTable.generated"), module.exports);
+__reExport(theme_exports, require("./ramps.cjs"), module.exports);
+__reExport(theme_exports, require("./readableColor.cjs"), module.exports);
+__reExport(theme_exports, require("./recipes.cjs"), module.exports);
+__reExport(theme_exports, require("./resolveKnobs.cjs"), module.exports);
+__reExport(theme_exports, require("./schemeStore.cjs"), module.exports);
+__reExport(theme_exports, require("./scale/index.cjs"), module.exports);
+__reExport(theme_exports, require("./shared.cjs"), module.exports);
+__reExport(theme_exports, require("./themeValue.cjs"), module.exports);
+__reExport(theme_exports, require("./sizeRecipes.cjs"), module.exports);
+__reExport(theme_exports, require("./listRows.cjs"), module.exports);
+__reExport(theme_exports, require("./subsetThemes.cjs"), module.exports);
+__reExport(theme_exports, require("./Surface.cjs"), module.exports);
+__reExport(theme_exports, require("./Text.cjs"), module.exports);
+__reExport(theme_exports, require("./controlTiers.cjs"), module.exports);
+__reExport(theme_exports, require("./tileSizes.cjs"), module.exports);
+__reExport(theme_exports, require("./transitionProps.cjs"), module.exports);
+__reExport(theme_exports, require("./theme.cjs"), module.exports);
+__reExport(theme_exports, require("./Tint.cjs"), module.exports);
+__reExport(theme_exports, require("./v3TokenRoles.cjs"), module.exports);
+__reExport(theme_exports, require("./useResolvedKnobs.cjs"), module.exports);
+__reExport(theme_exports, require("./useTheme.cjs"), module.exports);
+__reExport(theme_exports, require("./usePresetSwitch.cjs"), module.exports);
+__reExport(theme_exports, require("./useSchemePreference.cjs"), module.exports);
+__reExport(theme_exports, require("./useTouchSurface.cjs"), module.exports);
+__reExport(theme_exports, require("./overlaySurfaces.cjs"), module.exports);
+__reExport(theme_exports, require("./motion.cjs"), module.exports);
+var import_css = require("./animations/css.cjs");
+var import_reactNative = require("./animations/reactNative.cjs");
+__reExport(theme_exports, require("./IconSlot.cjs"), module.exports);

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

@@ -0,0 +1,98 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var theme_exports = {};
+__export(theme_exports, {
+  animationDurations: () => import_css.animationDurations,
+  cssAnimationConfig: () => import_css.animationConfig,
+  motionStops: () => import_css.motionStops,
+  nativeAnimationConfig: () => import_reactNative.animationConfig
+});
+module.exports = __toCommonJS(theme_exports);
+__reExport(theme_exports, require("./activateThemeConfig.native.js"), module.exports);
+__reExport(theme_exports, require("./animations/index.native.js"), module.exports);
+__reExport(theme_exports, require("./chartPalette.native.js"), module.exports);
+__reExport(theme_exports, require("./colorRules.native.js"), module.exports);
+__reExport(theme_exports, require("./cookies.native.js"), module.exports);
+__reExport(theme_exports, require("./cornerSmoothing.native.js"), module.exports);
+__reExport(theme_exports, require("./createDefaultThemeConfig.native.js"), module.exports);
+__reExport(theme_exports, require("./createThemes.native.js"), module.exports);
+__reExport(theme_exports, require("./dedupeInherited.native.js"), module.exports);
+__reExport(theme_exports, require("./defaults/index.native.js"), module.exports);
+__reExport(theme_exports, require("./devtools/ThemeDevtoolsPanel.native.js"), module.exports);
+__reExport(theme_exports, require("./dynamicType.native.js"), module.exports);
+__reExport(theme_exports, require("./fieldFocus.native.js"), module.exports);
+__reExport(theme_exports, require("./focusState.native.js"), module.exports);
+__reExport(theme_exports, require("./glyphPaint.native.js"), module.exports);
+__reExport(theme_exports, require("./glyphTint.native.js"), module.exports);
+__reExport(theme_exports, require("./fontCategoryMetrics.native.js"), module.exports);
+__reExport(theme_exports, require("./fontCategoryStacks.native.js"), module.exports);
+__reExport(theme_exports, require("./FontKnobStyles.native.js"), module.exports);
+__reExport(theme_exports, require("./groupGeometry.native.js"), module.exports);
+__reExport(theme_exports, require("./hairline.native.js"), module.exports);
+__reExport(theme_exports, require("./Heading.native.js"), module.exports);
+__reExport(theme_exports, require("./Intent.native.js"), module.exports);
+__reExport(theme_exports, require("./intents.native.js"), module.exports);
+__reExport(theme_exports, require("./knobs.native.js"), module.exports);
+__reExport(theme_exports, require("./layoutTokens.native.js"), module.exports);
+__reExport(theme_exports, require("./pageGutter.native.js"), module.exports);
+__reExport(theme_exports, require("./Preset.native.js"), module.exports);
+__reExport(theme_exports, require("./PresetContext.native.js"), module.exports);
+__reExport(theme_exports, require("./presetPreview.native.js"), module.exports);
+__reExport(theme_exports, require("./presets.native.js"), module.exports);
+__reExport(theme_exports, require("./presetStore.native.js"), module.exports);
+__reExport(theme_exports, require("./presetUserSync.native.js"), module.exports);
+__reExport(theme_exports, require("./radiusClass.native.js"), module.exports);
+__reExport(theme_exports, require("./radiusClassTable.generated"), module.exports);
+__reExport(theme_exports, require("./ramps.native.js"), module.exports);
+__reExport(theme_exports, require("./readableColor.native.js"), module.exports);
+__reExport(theme_exports, require("./recipes.native.js"), module.exports);
+__reExport(theme_exports, require("./resolveKnobs.native.js"), module.exports);
+__reExport(theme_exports, require("./schemeStore.native.js"), module.exports);
+__reExport(theme_exports, require("./scale/index.native.js"), module.exports);
+__reExport(theme_exports, require("./shared.native.js"), module.exports);
+__reExport(theme_exports, require("./themeValue.native.js"), module.exports);
+__reExport(theme_exports, require("./sizeRecipes.native.js"), module.exports);
+__reExport(theme_exports, require("./listRows.native.js"), module.exports);
+__reExport(theme_exports, require("./subsetThemes.native.js"), module.exports);
+__reExport(theme_exports, require("./Surface.native.js"), module.exports);
+__reExport(theme_exports, require("./Text.native.js"), module.exports);
+__reExport(theme_exports, require("./controlTiers.native.js"), module.exports);
+__reExport(theme_exports, require("./tileSizes.native.js"), module.exports);
+__reExport(theme_exports, require("./transitionProps.native.js"), module.exports);
+__reExport(theme_exports, require("./theme.native.js"), module.exports);
+__reExport(theme_exports, require("./Tint.native.js"), module.exports);
+__reExport(theme_exports, require("./v3TokenRoles.native.js"), module.exports);
+__reExport(theme_exports, require("./useResolvedKnobs.native.js"), module.exports);
+__reExport(theme_exports, require("./useTheme.native.js"), module.exports);
+__reExport(theme_exports, require("./usePresetSwitch.native.js"), module.exports);
+__reExport(theme_exports, require("./useSchemePreference.native.js"), module.exports);
+__reExport(theme_exports, require("./useTouchSurface.native.js"), module.exports);
+__reExport(theme_exports, require("./overlaySurfaces.native.js"), module.exports);
+__reExport(theme_exports, require("./motion.native.js"), module.exports);
+var import_css = require("./animations/css.native.js");
+var import_reactNative = require("./animations/reactNative.native.js");
+__reExport(theme_exports, require("./IconSlot.native.js"), module.exports);
+//# sourceMappingURL=index.native.js.map