@tamagui/theme-builder 1.79.9 → 1.79.11

package/dist/cjs/buildThemeSuiteScales.native.js

@@ -15,63 +15,20 @@ var __export = (target, all) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var buildThemeSuiteScales_exports = {};
 __export(buildThemeSuiteScales_exports, {
-  getColorForegroundBackground: () => getColorForegroundBackground,
-  getThemeSuiteScale: () => getThemeSuiteScale,
+  getScalePreset: () => getScalePreset,
   scaleTypes: () => scaleTypes
 });
 module.exports = __toCommonJS(buildThemeSuiteScales_exports);
-var import_color2k = require("color2k");
-function getColorForegroundBackground(color, isDarkMode = !1) {
-  const [h, s, l] = (0, import_color2k.parseToHsla)(color), isColorLight = l > 0.5, oppositeLightness = l > 0.5 ? 1 - l : 0.5 + l, oppositeLightnessColor = (0, import_color2k.toHex)((0, import_color2k.hsla)(h, s, oppositeLightness, 1)), foreground = isDarkMode ? color : oppositeLightnessColor;
-  return {
-    foreground,
-    foregroundLightness: foreground === color ? l : oppositeLightness,
-    background: foreground === color ? oppositeLightnessColor : color,
-    backgroundLightness: foreground !== color ? l : oppositeLightness
-  };
+function getScalePreset(a) {
+  return scaleTypes[a];
 }
-const getThemeSuiteScale = (theme, accent) => {
-  const baseColor = accent && theme.accent || theme.color, scale = accent && theme.accentScale || theme.scale;
-  let base = scaleTypes[scale];
-  if (!baseColor)
-    return base;
-  const [h, s, l] = (0, import_color2k.parseToHsla)(baseColor);
-  if (scale === "automatic") {
-    let getScale2 = function(bgL, fgL) {
-      const stepSize = (fgL - bgL) / scaleLen;
-      return arr.map((_, i) => bgL + i * stepSize);
-    };
-    var getScale = getScale2;
-    const lightColors = getColorForegroundBackground(baseColor, !1), darkColors = getColorForegroundBackground(baseColor, !0), scaleLen = 12, arr = new Array(scaleLen).fill(0);
-    return {
-      ...base,
-      lumScale: {
-        light: getScale2(lightColors.backgroundLightness, lightColors.foregroundLightness),
-        dark: getScale2(darkColors.backgroundLightness, darkColors.foregroundLightness)
-      }
-    };
-  }
-  return {
-    ...base,
-    lumScale: {
-      light: adjustScale(theme, base.lumScale.light, l, !0),
-      dark: adjustScale(theme, base.lumScale.dark, 1 - l)
-    },
-    ...base.satScale && {
-      satScale: {
-        light: adjustScale(theme, base.satScale.light, s, !0),
-        dark: adjustScale(theme, base.satScale.dark, s)
-      }
-    }
-  };
+const fullSatScale = {
+  light: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
+  dark: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
 }, scaleTypes = {
-  automatic: {
-    createdFrom: "automatic",
-    name: "Automatic",
-    lumScale: {
-      light: [],
-      dark: []
-    }
+  custom: {
+    name: "Custom",
+    createdFrom: "custom"
   },
   radix: {
     name: "Radius",
@@ -143,6 +100,10 @@ const getThemeSuiteScale = (theme, accent) => {
         0.56,
         0.61
       ]
+    },
+    satScale: {
+      light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
+      dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2]
     }
   },
   "radius-bright": {
@@ -151,6 +112,10 @@ const getThemeSuiteScale = (theme, accent) => {
     lumScale: {
       light: [1, 0.954, 0.94, 0.9, 0.85, 0.804, 0.747, 0.659, 0.541, 0.453, 0.27, 0.086],
       dark: [0, 0.1, 0.16, 0.2, 0.24, 0.36, 0.42, 0.46, 0.5, 0.54, 0.84, 0.97]
+    },
+    satScale: {
+      light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
+      dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2]
     }
   },
   "radius-bold": {
@@ -159,6 +124,10 @@ const getThemeSuiteScale = (theme, accent) => {
     lumScale: {
       light: [1, 0.9, 0.885, 0.82, 0.77, 0.54, 0.32, 0.25, 0.16, 0.12, 0.075, 0],
       dark: [0, 0.13, 0.2, 0.24, 0.3, 0.34, 0.45, 0.55, 0.65, 0.885, 0.9, 1]
+    },
+    satScale: {
+      light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
+      dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2]
     }
   },
   linear: {
@@ -167,6 +136,10 @@ const getThemeSuiteScale = (theme, accent) => {
     lumScale: {
       light: [1, 0.925, 0.9, 0.85, 0.75, 0.6, 0.4, 0.3, 0.25, 0.15, 0.125, 0],
       dark: [0, 0.075, 0.125, 0.15, 0.25, 0.4, 0.6, 0.75, 0.85, 0.9, 0.925, 1]
+    },
+    satScale: {
+      light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
+      dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2]
     }
   },
   neon: {
@@ -201,6 +174,10 @@ const getThemeSuiteScale = (theme, accent) => {
         0.61,
         0.93
       ]
+    },
+    satScale: {
+      light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
+      dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2]
     }
   },
   "neon-bright": {
@@ -209,6 +186,10 @@ const getThemeSuiteScale = (theme, accent) => {
     lumScale: {
       light: [0.45, 0.475, 0.5, 0.525, 0.55, 0.575, 0.6, 0.625, 0.65, 0.2, 0.1, 0],
       dark: [0.45, 0.475, 0.5, 0.525, 0.55, 0.575, 0.6, 0.625, 0.65, 0.2, 0.1, 0]
+    },
+    satScale: {
+      light: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2],
+      dark: [0.65, 0.55, 0.4, 0.4, 0.35, 0.35, 0.35, 0.35, 0.4, 0.4, 0.3, 0.2]
     }
   },
   "neon-c": {
@@ -218,10 +199,7 @@ const getThemeSuiteScale = (theme, accent) => {
       light: [0.45, 0.475, 0.5, 0.525, 0.55, 0.575, 0.6, 0.625, 0.65, 0.2, 0.1, 0],
       dark: [0.45, 0.475, 0.5, 0.525, 0.55, 0.575, 0.6, 0.625, 0.65, 0.2, 0.1, 0]
     },
-    satScale: {
-      light: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
-      dark: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1]
-    }
+    satScale: fullSatScale
   },
   pastel: {
     name: "Pastel",
@@ -273,14 +251,10 @@ const getThemeSuiteScale = (theme, accent) => {
       dark: [0.6, 0.5, 0.4, 0.35, 0.3, 0.3, 0.3, 0.3, 0.4, 0.35, 0.25, 0.15]
     }
   }
-}, adjustScale = (theme, scale, userVal, isLight = !1) => {
-  const scaleMin = scale.reduce((acc, cur) => Math.min(cur, acc), 1 / 0), scaleMax = scale.reduce((acc, cur) => Math.max(cur, acc), 0);
-  return scaleMin === scaleMax ? scale.map(() => userVal) : scale.map((val, i) => userVal > 0.5 ? val + (userVal - 0.5) * (1 - val) : val * (1 / (1.5 - userVal)));
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  getColorForegroundBackground,
-  getThemeSuiteScale,
+  getScalePreset,
   scaleTypes
 });
 //# sourceMappingURL=buildThemeSuiteScales.js.map

package/dist/cjs/buildThemeSuiteScales.native.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/buildThemeSuiteScales.ts"],
-  "mappings": "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",
-  "names": ["getScale"]
+  "mappings": "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",
+  "names": []
 }

package/dist/cjs/masks.js

@@ -0,0 +1,143 @@
+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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var masks_exports = {};
+__export(masks_exports, {
+  maskOptions: () => maskOptions,
+  masks: () => masks
+});
+module.exports = __toCommonJS(masks_exports);
+var import_create_theme = require("@tamagui/create-theme");
+const shadows = {
+  shadowColor: 0,
+  shadowColorHover: 0,
+  shadowColorPress: 0,
+  shadowColorFocus: 0
+}, colors = {
+  ...shadows,
+  color: 0,
+  colorHover: 0,
+  colorFocus: 0,
+  colorPress: 0
+}, templateColorsSpecific = {
+  color1: 1,
+  color2: 2,
+  color3: 3,
+  color4: 4,
+  color5: 5,
+  color6: 6,
+  color7: 7,
+  color8: 8,
+  color9: 9,
+  color10: 10,
+  color11: 11,
+  color12: 12
+}, skipShadowsAndSpecificColors = {
+  ...shadows,
+  ...templateColorsSpecific
+}, PALETTE_LEN = 14, baseMaskOptions = {
+  override: shadows,
+  skip: shadows,
+  // avoids the transparent ends
+  max: PALETTE_LEN - 2,
+  min: 1
+}, maskOptions = {
+  component: {
+    ...baseMaskOptions,
+    override: colors,
+    skip: skipShadowsAndSpecificColors
+  },
+  alt: {
+    ...baseMaskOptions
+  },
+  button: {
+    ...baseMaskOptions,
+    override: {
+      ...colors,
+      borderColor: "transparent",
+      borderColorHover: "transparent"
+    },
+    skip: skipShadowsAndSpecificColors
+  }
+}, masks = {
+  identity: (0, import_create_theme.createIdentityMask)(),
+  soften: (0, import_create_theme.createSoftenMask)(),
+  soften2: (0, import_create_theme.createSoftenMask)({ strength: 2 }),
+  soften3: (0, import_create_theme.createSoftenMask)({ strength: 3 }),
+  strengthen: (0, import_create_theme.createStrengthenMask)(),
+  inverse: (0, import_create_theme.createInverseMask)(),
+  inverseSoften: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 2 })),
+  inverseSoften2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 3 })),
+  inverseSoften3: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 4 })),
+  inverseStrengthen2: (0, import_create_theme.combineMasks)(
+    (0, import_create_theme.createInverseMask)(),
+    (0, import_create_theme.createStrengthenMask)({ strength: 2 })
+  ),
+  strengthenButSoftenBorder: (0, import_create_theme.createMask)((template, options) => {
+    const stronger = (0, import_create_theme.createStrengthenMask)().mask(template, options), softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+    return {
+      ...stronger,
+      borderColor: softer.borderColor,
+      borderColorHover: softer.borderColorHover,
+      borderColorPress: softer.borderColorPress,
+      borderColorFocus: softer.borderColorFocus
+    };
+  }),
+  soften2Border1: (0, import_create_theme.createMask)((template, options) => {
+    const softer2 = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options), softer1 = (0, import_create_theme.createSoftenMask)({ strength: 1 }).mask(template, options);
+    return {
+      ...softer2,
+      borderColor: softer1.borderColor,
+      borderColorHover: softer1.borderColorHover,
+      borderColorPress: softer1.borderColorPress,
+      borderColorFocus: softer1.borderColorFocus
+    };
+  }),
+  soften3FlatBorder: (0, import_create_theme.createMask)((template, options) => {
+    const borderMask = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+    return {
+      ...(0, import_create_theme.createSoftenMask)({ strength: 3 }).mask(template, options),
+      borderColor: borderMask.borderColor,
+      borderColorHover: borderMask.borderColorHover,
+      borderColorPress: borderMask.borderColorPress,
+      borderColorFocus: borderMask.borderColorFocus
+    };
+  }),
+  softenBorder: (0, import_create_theme.createMask)((template, options) => {
+    const plain = import_create_theme.skipMask.mask(template, options), softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+    return {
+      ...plain,
+      borderColor: softer.borderColor,
+      borderColorHover: softer.borderColorHover,
+      borderColorPress: softer.borderColorPress,
+      borderColorFocus: softer.borderColorFocus
+    };
+  }),
+  softenBorder2: (0, import_create_theme.createMask)((template, options) => {
+    const plain = import_create_theme.skipMask.mask(template, options), softer = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+    return {
+      ...plain,
+      borderColor: softer.borderColor,
+      borderColorHover: softer.borderColorHover,
+      borderColorPress: softer.borderColorPress,
+      borderColorFocus: softer.borderColorFocus
+    };
+  })
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  maskOptions,
+  masks
+});
+//# sourceMappingURL=masks.js.map

package/dist/cjs/masks.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/masks.ts"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/masks.native.js

@@ -0,0 +1,144 @@
+"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: !0 });
+}, __copyProps = (to, from, except, desc) => {
+  if (from && typeof from == "object" || typeof from == "function")
+    for (let key of __getOwnPropNames(from))
+      !__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: !0 }), mod);
+var masks_exports = {};
+__export(masks_exports, {
+  maskOptions: () => maskOptions,
+  masks: () => masks
+});
+module.exports = __toCommonJS(masks_exports);
+var import_create_theme = require("@tamagui/create-theme");
+const shadows = {
+  shadowColor: 0,
+  shadowColorHover: 0,
+  shadowColorPress: 0,
+  shadowColorFocus: 0
+}, colors = {
+  ...shadows,
+  color: 0,
+  colorHover: 0,
+  colorFocus: 0,
+  colorPress: 0
+}, templateColorsSpecific = {
+  color1: 1,
+  color2: 2,
+  color3: 3,
+  color4: 4,
+  color5: 5,
+  color6: 6,
+  color7: 7,
+  color8: 8,
+  color9: 9,
+  color10: 10,
+  color11: 11,
+  color12: 12
+}, skipShadowsAndSpecificColors = {
+  ...shadows,
+  ...templateColorsSpecific
+}, PALETTE_LEN = 14, baseMaskOptions = {
+  override: shadows,
+  skip: shadows,
+  // avoids the transparent ends
+  max: PALETTE_LEN - 2,
+  min: 1
+}, maskOptions = {
+  component: {
+    ...baseMaskOptions,
+    override: colors,
+    skip: skipShadowsAndSpecificColors
+  },
+  alt: {
+    ...baseMaskOptions
+  },
+  button: {
+    ...baseMaskOptions,
+    override: {
+      ...colors,
+      borderColor: "transparent",
+      borderColorHover: "transparent"
+    },
+    skip: skipShadowsAndSpecificColors
+  }
+}, masks = {
+  identity: (0, import_create_theme.createIdentityMask)(),
+  soften: (0, import_create_theme.createSoftenMask)(),
+  soften2: (0, import_create_theme.createSoftenMask)({ strength: 2 }),
+  soften3: (0, import_create_theme.createSoftenMask)({ strength: 3 }),
+  strengthen: (0, import_create_theme.createStrengthenMask)(),
+  inverse: (0, import_create_theme.createInverseMask)(),
+  inverseSoften: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 2 })),
+  inverseSoften2: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 3 })),
+  inverseSoften3: (0, import_create_theme.combineMasks)((0, import_create_theme.createInverseMask)(), (0, import_create_theme.createSoftenMask)({ strength: 4 })),
+  inverseStrengthen2: (0, import_create_theme.combineMasks)(
+    (0, import_create_theme.createInverseMask)(),
+    (0, import_create_theme.createStrengthenMask)({ strength: 2 })
+  ),
+  strengthenButSoftenBorder: (0, import_create_theme.createMask)((template, options) => {
+    const stronger = (0, import_create_theme.createStrengthenMask)().mask(template, options), softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+    return {
+      ...stronger,
+      borderColor: softer.borderColor,
+      borderColorHover: softer.borderColorHover,
+      borderColorPress: softer.borderColorPress,
+      borderColorFocus: softer.borderColorFocus
+    };
+  }),
+  soften2Border1: (0, import_create_theme.createMask)((template, options) => {
+    const softer2 = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options), softer1 = (0, import_create_theme.createSoftenMask)({ strength: 1 }).mask(template, options);
+    return {
+      ...softer2,
+      borderColor: softer1.borderColor,
+      borderColorHover: softer1.borderColorHover,
+      borderColorPress: softer1.borderColorPress,
+      borderColorFocus: softer1.borderColorFocus
+    };
+  }),
+  soften3FlatBorder: (0, import_create_theme.createMask)((template, options) => {
+    const borderMask = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+    return {
+      ...(0, import_create_theme.createSoftenMask)({ strength: 3 }).mask(template, options),
+      borderColor: borderMask.borderColor,
+      borderColorHover: borderMask.borderColorHover,
+      borderColorPress: borderMask.borderColorPress,
+      borderColorFocus: borderMask.borderColorFocus
+    };
+  }),
+  softenBorder: (0, import_create_theme.createMask)((template, options) => {
+    const plain = import_create_theme.skipMask.mask(template, options), softer = (0, import_create_theme.createSoftenMask)().mask(template, options);
+    return {
+      ...plain,
+      borderColor: softer.borderColor,
+      borderColorHover: softer.borderColorHover,
+      borderColorPress: softer.borderColorPress,
+      borderColorFocus: softer.borderColorFocus
+    };
+  }),
+  softenBorder2: (0, import_create_theme.createMask)((template, options) => {
+    const plain = import_create_theme.skipMask.mask(template, options), softer = (0, import_create_theme.createSoftenMask)({ strength: 2 }).mask(template, options);
+    return {
+      ...plain,
+      borderColor: softer.borderColor,
+      borderColorHover: softer.borderColorHover,
+      borderColorPress: softer.borderColorPress,
+      borderColorFocus: softer.borderColorFocus
+    };
+  })
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  maskOptions,
+  masks
+});
+//# sourceMappingURL=masks.js.map

package/dist/cjs/masks.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/masks.ts"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/buildThemeSuite.js

@@ -2,10 +2,22 @@ import {
   createMask,
   createSoftenMask
 } from "@tamagui/create-theme";
-import { masks as defaultMasks, maskOptions } from "@tamagui/themes";
 import { buildMask } from "./buildMask";
 import { getThemeSuitePalettes } from "./buildThemeSuitePalettes";
+import { masks as defaultMasks, maskOptions } from "./masks";
 import { createThemeBuilder } from "./ThemeBuilder";
+const basePaletteOffset = 5, namedTemplateSlots = {
+  background: basePaletteOffset,
+  subtleBackground: basePaletteOffset + 1,
+  uiBackground: basePaletteOffset + 2,
+  hoverUIBackround: basePaletteOffset + 3,
+  activeUIBackround: basePaletteOffset + 4,
+  subtleBorder: basePaletteOffset + 5,
+  strongBorder: basePaletteOffset + 6,
+  hoverBorder: basePaletteOffset + 7,
+  strongBackground: basePaletteOffset + 8,
+  hoverStrongBackground: basePaletteOffset + 9
+};
 function buildThemeSuite({ baseTheme, subThemes }) {
   const theme = baseTheme, maskThemes = (subThemes || []).filter(
     (x) => x.type === "mask"
@@ -88,6 +100,13 @@ function buildThemeSuite({ baseTheme, subThemes }) {
     };
     return {
       base: template,
+      active: {
+        ...template,
+        background: namedTemplateSlots.strongBackground,
+        backgroundHover: namedTemplateSlots.hoverStrongBackground,
+        backgroundPress: namedTemplateSlots.hoverBorder,
+        backgroundFocus: namedTemplateSlots.strongBackground
+      },
       accentLight: template,
       accentDark: template
     };
@@ -113,12 +132,12 @@ function buildThemeSuite({ baseTheme, subThemes }) {
     ], componentTheme = [
       {
         parent: "light_accent",
-        template: "accentLight",
+        template: "active",
         palette: "lightAccent"
       },
       {
         parent: "dark_accent",
-        template: "accentDark",
+        template: "active",
         palette: "darkAccent"
       },
       {

package/dist/esm/buildThemeSuite.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/buildThemeSuite.ts"],
-  "mappings": "AAAA;AAAA,EAGE;AAAA,EACA;AAAA,OACK;AACP,SAAS,SAAS,cAAc,mBAAmB;AAEnD,SAAS,iBAAiB;AAC1B,SAAS,6BAA6B;AACtC,SAAS,0BAA0B;AAG5B,SAAS,gBAAgB,EAAE,WAAW,UAAU,GAAyB;AAC9E,QAAM,QAAQ,WAER,cAAc,aAAa,CAAC,GAAG;AAAA,IACnC,CAAC,MAAM,EAAE,SAAS;AAAA,EACpB,GAEM,cAAc,OAAO;AAAA,IACzB,WAAW,IAAI,CAAC,cACP,CAAC,UAAU,MAAM,UAAU,UAAU,KAAK,CAAC,CACnD;AAAA,EACH,GAGM,WAAW,sBAAsB,KAAY,GAE7C,MAAM,SAAS,KAAK,SAAS,GAC7B,MAAM,GAEN,gBAAgB;AAAA,IACpB,GAAG,YAAY;AAAA,IACf;AAAA,IACA;AAAA,IACA,cAAc;AAAA,MACZ,kBAAkB;AAAA,MAClB,aAAa;AAAA,IACf;AAAA,IACA,eAAe;AAAA,MACb,GAAG,YAAY,UAAU;AAAA,IAC3B;AAAA,IACA,MAAM;AAAA,MACJ,GAAG,YAAY,UAAU;AAAA,IAC3B;AAAA,EACF,GAEM,oBAAoB;AAAA,IACxB,KAAK;AAAA,MACH,GAAG,YAAY;AAAA,MACf;AAAA,MACA;AAAA,MACA,cAAc;AAAA,QACZ,kBAAkB;AAAA,QAClB,aAAa;AAAA,MACf;AAAA,MACA,eAAe;AAAA,QACb,GAAG,YAAY,IAAI;AAAA,MACrB;AAAA,MACA,MAAM;AAAA,QACJ,GAAG,YAAY,IAAI;AAAA,MACrB;AAAA,IACF;AAAA,IACA,WAAW;AAAA,IACX,kBAAkB;AAAA,MAChB,GAAG;AAAA,IACL;AAAA,EACF,GAEM,eAAe;AAAA,IACnB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IAEb,aAAa;AAAA,IACb,eAAe;AAAA,IACf,cAAc;AAAA,IACd,eAAe;AAAA,IAEf,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,SAAS;AAAA,IACT,UAAU;AAAA,IAEV,YAAY;AAAA,IACZ,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IAEjB,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,YAAY;AAAA,IAEZ,kBAAkB;AAAA,IAElB,aAAa;AAAA,IACb,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,IAClB,kBAAkB;AAAA,EACpB;AAEA,WAAS,kBAAkB;AACzB,UAAM,WAAW;AAAA,MACf,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,SAAS;AAAA,MACT,GAAG;AAAA,IACL;AAgCA,WAAO;AAAA,MACL,MAAM;AAAA,MACN,aAAa;AAAA,MACb,YAAY;AAAA,IACd;AAAA,EACF;AAEA,QAAM,YAAY,gBAAgB;AAElC,WAAS,+BAA+B;AACtC,UAAM,gBAAgB;AAAA,MACpB,OAAO;AAAA,QACL,YAAY;AAAA,MACd;AAAA,MACA,MAAM;AAAA,QACJ,YAAY;AAAA,MACd;AAAA,IACF,GAEM,0BAA0B;AAAA,MAC9B;AAAA,QACE,QAAQ;AAAA,QACR,OAAO,cAAc;AAAA,MACvB;AAAA,MACA;AAAA,QACE,QAAQ;AAAA,QACR,OAAO,cAAc;AAAA,MACvB;AAAA,IACF,GAEM,iBAAiB;AAAA,MACrB;AAAA,QACE,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MAEA;AAAA,QACE,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,SAAS;AAAA,MACX;AAAA,MAEA;AAAA,QACE,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA;AAAA,QACE,QAAQ;AAAA,QACR,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,IACF;AAuFA,WArFkC;AAAA,MAChC,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,QAAQ;AAAA,MAER,UAAU;AAAA,QACR,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,QAAQ;AAAA,MAER,aAAa;AAAA,QACX,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,aAAa;AAAA,QACX,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,gBAAgB;AAAA,QACd,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,mBAAmB;AAAA,QACjB,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,aAAa;AAAA,QACX,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,aAAa;AAAA,QACX,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,SAAS;AAAA,QACP,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,mBAAmB;AAAA,QACjB,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,cAAc;AAAA,MACd,eAAe;AAAA,MACf,cAAc;AAAA,MAEd,OAAO;AAAA,QACL,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,MAEA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,GAAG,kBAAkB;AAAA,MACvB;AAAA,IACF;AAAA,EAGF;AAyEA,QAAM,QAvEU,mBAAmB,EAChC,YAAY,QAAQ,EACpB,SAAS;AAAA,IACR,GAAG;AAAA,IACH,gBAAgB,WAAW,CAAC,UAAU,YAAY;AAChD,YAAM,UAAU,iBAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO,GAClE,UAAU,iBAAiB,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,UAAU,OAAO;AACxE,aAAO;AAAA,QACL,GAAG;AAAA,QACH,aAAa,QAAQ;AAAA,QACrB,kBAAkB,QAAQ;AAAA,QAC1B,kBAAkB,QAAQ;AAAA,QAC1B,kBAAkB,QAAQ;AAAA,MAC5B;AAAA,IACF,CAAC;AAAA,IACD,GAAG;AAAA,EACL,CAAC,EACA,aAAa,SAAS,EACtB,UAAU;AAAA,IACT,OAAO;AAAA,MACL,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,IACA,MAAM;AAAA,MACJ,UAAU;AAAA,MACV,SAAS;AAAA,IACX;AAAA,EACF,CAAC,EACA;AAAA,IACC,OAAO;AAAA,MACL,WAAW,IAAI,CAACA,WACP;AAAA,QACLA,OAAM;AAAA,QACN;AAAA,UACE,MAAMA,OAAM;AAAA,QACd;AAAA,MACF,CACD;AAAA,IACH;AAAA,EACF,EACC,eAAe;AAAA;AAAA,IAEd,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,IACA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,GAAG,YAAY;AAAA,IACjB;AAAA,EACF,CAAC,EACA;AAAA,IACC,SAAS,cACL;AAAA,MACE,QAAQ;AAAA,QACN;AAAA,UACE,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,QACX;AAAA,QACA;AAAA,UACE,QAAQ;AAAA,UACR,UAAU;AAAA,UACV,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF,IACA,CAAC;AAAA,EACP,EACC,eAAe,6BAA6B,CAAC,EAE1B,MAAM;AAE5B,iBAAQ,KAAK,gBAAgB,KAAK,GAE3B;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACF;",
+  "mappings": "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",
   "names": ["theme"]
 }

package/dist/esm/buildThemeSuite.native.js

@@ -2,10 +2,22 @@ import {
   createMask,
   createSoftenMask
 } from "@tamagui/create-theme";
-import { masks as defaultMasks, maskOptions } from "@tamagui/themes";
 import { buildMask } from "./buildMask";
 import { getThemeSuitePalettes } from "./buildThemeSuitePalettes";
+import { masks as defaultMasks, maskOptions } from "./masks";
 import { createThemeBuilder } from "./ThemeBuilder";
+const basePaletteOffset = 5, namedTemplateSlots = {
+  background: basePaletteOffset,
+  subtleBackground: basePaletteOffset + 1,
+  uiBackground: basePaletteOffset + 2,
+  hoverUIBackround: basePaletteOffset + 3,
+  activeUIBackround: basePaletteOffset + 4,
+  subtleBorder: basePaletteOffset + 5,
+  strongBorder: basePaletteOffset + 6,
+  hoverBorder: basePaletteOffset + 7,
+  strongBackground: basePaletteOffset + 8,
+  hoverStrongBackground: basePaletteOffset + 9
+};
 function buildThemeSuite({ baseTheme, subThemes }) {
   const theme = baseTheme, maskThemes = (subThemes || []).filter(
     (x) => x.type === "mask"
@@ -88,6 +100,13 @@ function buildThemeSuite({ baseTheme, subThemes }) {
     };
     return {
       base: template,
+      active: {
+        ...template,
+        background: namedTemplateSlots.strongBackground,
+        backgroundHover: namedTemplateSlots.hoverStrongBackground,
+        backgroundPress: namedTemplateSlots.hoverBorder,
+        backgroundFocus: namedTemplateSlots.strongBackground
+      },
       accentLight: template,
       accentDark: template
     };
@@ -113,12 +132,12 @@ function buildThemeSuite({ baseTheme, subThemes }) {
     ], componentTheme = [
       {
         parent: "light_accent",
-        template: "accentLight",
+        template: "active",
         palette: "lightAccent"
       },
       {
         parent: "dark_accent",
-        template: "accentDark",
+        template: "active",
         palette: "darkAccent"
       },
       {