@tamagui/theme-builder 1.121.12 → 1.122.0

package/dist/esm/createThemes.native.js

@@ -0,0 +1,247 @@
+import { createThemeBuilder, PALETTE_BACKGROUND_OFFSET } from "@tamagui/theme-builder";
+import { parseToHsla } from "color2k";
+import { defaultTemplates } from "./defaultTemplates";
+import { getThemeSuitePalettes } from "./getThemeSuitePalettes";
+import { defaultComponentThemes } from "./defaultComponentThemes";
+import { defaultTemplates as defaultTemplates2 } from "./defaultTemplates";
+import { getThemeSuitePalettes as getThemeSuitePalettes2, PALETTE_BACKGROUND_OFFSET as PALETTE_BACKGROUND_OFFSET2 } from "./getThemeSuitePalettes";
+function createStudioThemes(props) {
+  var palettes = createPalettes(props.palettes);
+  return createSimpleThemeBuilder({
+    palettes,
+    templates: defaultTemplates,
+    componentThemes: defaultComponentThemes,
+    accentTheme: !!props.palettes.accent
+  });
+}
+function createThemes(props) {
+  var { accent, childrenThemes, grandChildrenThemes, templates = defaultTemplates, componentThemes } = props, builder = createSimpleThemeBuilder({
+    extra: props.base.extra,
+    componentThemes,
+    palettes: createPalettes(getThemesPalettes(props)),
+    templates,
+    accentTheme: !!accent,
+    childrenThemes: normalizeSubThemes(childrenThemes),
+    grandChildrenThemes: grandChildrenThemes ? normalizeSubThemes(grandChildrenThemes) : void 0
+  });
+  return lastBuilder = builder.themeBuilder, builder.themes;
+}
+var lastBuilder = null, getLastBuilder = function() {
+  return lastBuilder;
+};
+function normalizeSubThemes(defs) {
+  return Object.fromEntries(Object.entries(defs || {}).map(function(param) {
+    var [name, value] = param;
+    return [
+      name,
+      {
+        palette: name,
+        template: value.template || "base"
+      }
+    ];
+  }));
+}
+var defaultPalettes = createPalettes(getThemesPalettes({
+  base: {
+    palette: [
+      "#fff",
+      "#000"
+    ]
+  },
+  accent: {
+    palette: [
+      "#ff0000",
+      "#ff9999"
+    ]
+  }
+}));
+function createSimpleThemeBuilder(props) {
+  var { extra, childrenThemes = null, grandChildrenThemes = null, templates = defaultTemplates, palettes = defaultPalettes, accentTheme, componentThemes = templates === defaultTemplates ? defaultComponentThemes : void 0 } = props, themeBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addThemes({
+    light: {
+      template: "base",
+      palette: "light",
+      nonInheritedValues: {
+        ...extra?.light,
+        ...accentTheme && palettes.light_accent && {
+          accent1: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 0],
+          accent2: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 1],
+          accent3: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 2],
+          accent4: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 3],
+          accent5: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 4],
+          accent6: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 5],
+          accent7: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 6],
+          accent8: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 7],
+          accent9: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 8],
+          accent10: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 9],
+          accent11: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 10],
+          accent12: palettes.light_accent[PALETTE_BACKGROUND_OFFSET + 11]
+        }
+      }
+    },
+    dark: {
+      template: "base",
+      palette: "dark",
+      nonInheritedValues: {
+        ...extra?.dark,
+        ...accentTheme && palettes.dark_accent && {
+          accent1: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 0],
+          accent2: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 1],
+          accent3: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 2],
+          accent4: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 3],
+          accent5: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 4],
+          accent6: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 5],
+          accent7: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 6],
+          accent8: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 7],
+          accent9: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 8],
+          accent10: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 9],
+          accent11: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 10],
+          accent12: palettes.dark_accent[PALETTE_BACKGROUND_OFFSET + 11]
+        }
+      }
+    }
+  });
+  return palettes.light_accent && (themeBuilder = themeBuilder.addChildThemes({
+    accent: [
+      {
+        parent: "light",
+        template: "base",
+        palette: "light_accent"
+      },
+      {
+        parent: "dark",
+        template: "base",
+        palette: "dark_accent"
+      }
+    ]
+  })), childrenThemes && (themeBuilder = themeBuilder.addChildThemes(childrenThemes, {
+    avoidNestingWithin: [
+      "accent"
+    ]
+  })), grandChildrenThemes && (themeBuilder = themeBuilder.addChildThemes(grandChildrenThemes, {
+    avoidNestingWithin: [
+      "accent"
+    ]
+  })), componentThemes && (themeBuilder = themeBuilder.addComponentThemes(getComponentThemes(componentThemes), {
+    avoidNestingWithin: [
+      "accent",
+      // ...Object.keys(childrenThemes || {}),
+      ...Object.keys(grandChildrenThemes || {})
+    ]
+  })), {
+    themeBuilder,
+    themes: themeBuilder.build()
+  };
+}
+function getSchemePalette(colors) {
+  return {
+    light: colors,
+    dark: colors.toReversed()
+  };
+}
+function getAnchors(palette) {
+  var maxIndex = 11, numItems = palette.light.length, anchors = palette.light.map(function(lcolor, index) {
+    var dcolor = palette.dark[index], [lhue, lsat, llum] = parseToHsla(lcolor), [dhue, dsat, dlum] = parseToHsla(dcolor);
+    return {
+      index: spreadIndex(maxIndex, numItems, index),
+      hue: {
+        light: lhue,
+        dark: dhue
+      },
+      sat: {
+        light: lsat,
+        dark: dsat
+      },
+      lum: {
+        light: llum,
+        dark: dlum
+      }
+    };
+  });
+  return anchors;
+}
+function spreadIndex(maxIndex, numItems, index) {
+  return Math.round(index / (numItems - 1) * maxIndex);
+}
+function coerceSimplePaletteToSchemePalette(def) {
+  return Array.isArray(def) ? getSchemePalette(def) : def;
+}
+function getThemesPalettes(props) {
+  var base = coerceSimplePaletteToSchemePalette(props.base.palette), accent = props.accent ? coerceSimplePaletteToSchemePalette(props.accent.palette) : null, baseAnchors = getAnchors(base);
+  function getSubThemesPalettes(defs) {
+    return Object.fromEntries(Object.entries(defs).map(function(param) {
+      var [key, value] = param;
+      return [
+        key,
+        {
+          name: key,
+          anchors: value.palette ? getAnchors(coerceSimplePaletteToSchemePalette(value.palette)) : baseAnchors
+        }
+      ];
+    }));
+  }
+  return {
+    base: {
+      name: "base",
+      anchors: baseAnchors
+    },
+    ...accent && {
+      accent: {
+        name: "accent",
+        anchors: getAnchors(accent)
+      }
+    },
+    ...props.childrenThemes && getSubThemesPalettes(props.childrenThemes),
+    ...props.grandChildrenThemes && getSubThemesPalettes(props.grandChildrenThemes)
+  };
+}
+var getComponentThemes = function(components) {
+  return Object.fromEntries(Object.entries(components).map(function(param) {
+    var [componentName, { template }] = param;
+    return [
+      componentName,
+      {
+        parent: "",
+        template: template || "base"
+      }
+    ];
+  }));
+};
+function createPalettes(palettes) {
+  var accentPalettes = palettes.accent ? getThemeSuitePalettes(palettes.accent) : null, basePalettes = getThemeSuitePalettes(palettes.base), next = Object.fromEntries(Object.entries(palettes).flatMap(function(param) {
+    var [name, palette] = param, _$palettes = getThemeSuitePalettes(palette), isAccent = name.startsWith("accent"), oppositePalettes = isAccent ? basePalettes : accentPalettes || basePalettes;
+    if (!oppositePalettes)
+      return [];
+    var oppositeLight = oppositePalettes.light, oppositeDark = oppositePalettes.dark, bgOffset = 7, out = [
+      [
+        name === "base" ? "light" : `light_${name}`,
+        [
+          oppositeLight[bgOffset],
+          ..._$palettes.light,
+          oppositeLight[oppositeLight.length - bgOffset - 1]
+        ]
+      ],
+      [
+        name === "base" ? "dark" : `dark_${name}`,
+        [
+          oppositeDark[oppositeDark.length - bgOffset - 1],
+          ..._$palettes.dark,
+          oppositeDark[bgOffset]
+        ]
+      ]
+    ];
+    return out;
+  }));
+  return next;
+}
+export {
+  PALETTE_BACKGROUND_OFFSET2 as PALETTE_BACKGROUND_OFFSET,
+  createPalettes,
+  createSimpleThemeBuilder,
+  createStudioThemes,
+  createThemes,
+  defaultTemplates2 as defaultTemplates,
+  getComponentThemes,
+  getLastBuilder,
+  getThemeSuitePalettes2 as getThemeSuitePalettes
+};
+//# sourceMappingURL=createThemes.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/core/theme-builder/src/createThemes.ts"],
+  "mappings": "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",
+  "names": ["createThemeBuilder", "PALETTE_BACKGROUND_OFFSET", "parseToHsla", "defaultTemplates", "getThemeSuitePalettes", "defaultComponentThemes", "createStudioThemes", "props", "palettes", "createPalettes", "createSimpleThemeBuilder", "templates", "componentThemes", "accentTheme", "accent", "createThemes", "childrenThemes", "grandChildrenThemes", "builder", "extra", "base", "getThemesPalettes", "normalizeSubThemes", "undefined", "lastBuilder", "themeBuilder", "themes", "getLastBuilder", "defs", "Object", "fromEntries", "entries", "map", "name", "value", "palette", "template", "defaultPalettes", "addPalettes", "addTemplates", "addThemes", "light", "nonInheritedValues", "light_accent", "accent1", "accent2", "accent3", "accent4", "accent5", "accent6", "accent7", "accent8", "accent9", "accent10", "accent11", "accent12", "dark", "dark_accent", "addChildThemes", "parent", "avoidNestingWithin", "addComponentThemes", "getComponentThemes", "keys", "build", "getSchemePalette", "colors", "toReversed", "getAnchors", "maxIndex", "numItems", "length", "anchors", "lcolor", "index", "dcolor", "lhue", "lsat", "llum", "dhue", "dsat", "dlum", "spreadIndex", "hue", "sat", "lum", "Math", "round", "coerceSimplePaletteToSchemePalette", "def", "Array", "isArray", "baseAnchors", "getSubThemesPalettes", "key", "components", "componentName", "accentPalettes", "basePalettes", "next", "flatMap", "isAccent", "startsWith", "oppositePalettes", "oppositeLight", "oppositeDark", "bgOffset", "out"]
+}

package/dist/esm/defaultComponentThemes.js

@@ -0,0 +1,24 @@
+const defaultComponentThemes = {
+  ListItem: { template: "surface1" },
+  SelectTrigger: { template: "surface1" },
+  Card: { template: "surface1" },
+  Button: { template: "surface3" },
+  Checkbox: { template: "surface2" },
+  Switch: { template: "surface2" },
+  SwitchThumb: { template: "inverse" },
+  TooltipContent: { template: "surface2" },
+  Progress: { template: "surface1" },
+  RadioGroupItem: { template: "surface2" },
+  TooltipArrow: { template: "surface1" },
+  SliderTrackActive: { template: "surface3" },
+  SliderTrack: { template: "surface1" },
+  SliderThumb: { template: "inverse" },
+  Tooltip: { template: "inverse" },
+  ProgressIndicator: { template: "inverse" },
+  Input: { template: "surface1" },
+  TextArea: { template: "surface1" }
+};
+export {
+  defaultComponentThemes
+};
+//# sourceMappingURL=defaultComponentThemes.js.map

package/dist/esm/defaultComponentThemes.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/defaultComponentThemes.ts"],
+  "mappings": "AAEO,MAAM,yBAAyB;AAAA,EACpC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,eAAe,EAAE,UAAU,WAAW;AAAA,EACtC,MAAM,EAAE,UAAU,WAAW;AAAA,EAC7B,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,QAAQ,EAAE,UAAU,WAAW;AAAA,EAC/B,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,UAAU,EAAE,UAAU,WAAW;AAAA,EACjC,gBAAgB,EAAE,UAAU,WAAW;AAAA,EACvC,cAAc,EAAE,UAAU,WAAW;AAAA,EACrC,mBAAmB,EAAE,UAAU,WAAW;AAAA,EAC1C,aAAa,EAAE,UAAU,WAAW;AAAA,EACpC,aAAa,EAAE,UAAU,UAAU;AAAA,EACnC,SAAS,EAAE,UAAU,UAAU;AAAA,EAC/B,mBAAmB,EAAE,UAAU,UAAU;AAAA,EACzC,OAAO,EAAE,UAAU,WAAW;AAAA,EAC9B,UAAU,EAAE,UAAU,WAAW;AACnC;",
+  "names": []
+}

package/dist/esm/defaultComponentThemes.mjs

@@ -0,0 +1,58 @@
+const defaultComponentThemes = {
+  ListItem: {
+    template: "surface1"
+  },
+  SelectTrigger: {
+    template: "surface1"
+  },
+  Card: {
+    template: "surface1"
+  },
+  Button: {
+    template: "surface3"
+  },
+  Checkbox: {
+    template: "surface2"
+  },
+  Switch: {
+    template: "surface2"
+  },
+  SwitchThumb: {
+    template: "inverse"
+  },
+  TooltipContent: {
+    template: "surface2"
+  },
+  Progress: {
+    template: "surface1"
+  },
+  RadioGroupItem: {
+    template: "surface2"
+  },
+  TooltipArrow: {
+    template: "surface1"
+  },
+  SliderTrackActive: {
+    template: "surface3"
+  },
+  SliderTrack: {
+    template: "surface1"
+  },
+  SliderThumb: {
+    template: "inverse"
+  },
+  Tooltip: {
+    template: "inverse"
+  },
+  ProgressIndicator: {
+    template: "inverse"
+  },
+  Input: {
+    template: "surface1"
+  },
+  TextArea: {
+    template: "surface1"
+  }
+};
+export { defaultComponentThemes };
+//# sourceMappingURL=defaultComponentThemes.mjs.map

package/dist/esm/defaultComponentThemes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultComponentThemes","ListItem","template","SelectTrigger","Card","Button","Checkbox","Switch","SwitchThumb","TooltipContent","Progress","RadioGroupItem","TooltipArrow","SliderTrackActive","SliderTrack","SliderThumb","Tooltip","ProgressIndicator","Input","TextArea"],"sources":["../../src/defaultComponentThemes.ts"],"sourcesContent":[null],"mappings":"AAEO,MAAMA,sBAAA,GAAyB;EACpCC,QAAA,EAAU;IAAEC,QAAA,EAAU;EAAW;EACjCC,aAAA,EAAe;IAAED,QAAA,EAAU;EAAW;EACtCE,IAAA,EAAM;IAAEF,QAAA,EAAU;EAAW;EAC7BG,MAAA,EAAQ;IAAEH,QAAA,EAAU;EAAW;EAC/BI,QAAA,EAAU;IAAEJ,QAAA,EAAU;EAAW;EACjCK,MAAA,EAAQ;IAAEL,QAAA,EAAU;EAAW;EAC/BM,WAAA,EAAa;IAAEN,QAAA,EAAU;EAAU;EACnCO,cAAA,EAAgB;IAAEP,QAAA,EAAU;EAAW;EACvCQ,QAAA,EAAU;IAAER,QAAA,EAAU;EAAW;EACjCS,cAAA,EAAgB;IAAET,QAAA,EAAU;EAAW;EACvCU,YAAA,EAAc;IAAEV,QAAA,EAAU;EAAW;EACrCW,iBAAA,EAAmB;IAAEX,QAAA,EAAU;EAAW;EAC1CY,WAAA,EAAa;IAAEZ,QAAA,EAAU;EAAW;EACpCa,WAAA,EAAa;IAAEb,QAAA,EAAU;EAAU;EACnCc,OAAA,EAAS;IAAEd,QAAA,EAAU;EAAU;EAC/Be,iBAAA,EAAmB;IAAEf,QAAA,EAAU;EAAU;EACzCgB,KAAA,EAAO;IAAEhB,QAAA,EAAU;EAAW;EAC9BiB,QAAA,EAAU;IAAEjB,QAAA,EAAU;EAAW;AACnC","ignoreList":[]}

package/dist/esm/defaultComponentThemes.native.js

@@ -0,0 +1,60 @@
+var defaultComponentThemes = {
+  ListItem: {
+    template: "surface1"
+  },
+  SelectTrigger: {
+    template: "surface1"
+  },
+  Card: {
+    template: "surface1"
+  },
+  Button: {
+    template: "surface3"
+  },
+  Checkbox: {
+    template: "surface2"
+  },
+  Switch: {
+    template: "surface2"
+  },
+  SwitchThumb: {
+    template: "inverse"
+  },
+  TooltipContent: {
+    template: "surface2"
+  },
+  Progress: {
+    template: "surface1"
+  },
+  RadioGroupItem: {
+    template: "surface2"
+  },
+  TooltipArrow: {
+    template: "surface1"
+  },
+  SliderTrackActive: {
+    template: "surface3"
+  },
+  SliderTrack: {
+    template: "surface1"
+  },
+  SliderThumb: {
+    template: "inverse"
+  },
+  Tooltip: {
+    template: "inverse"
+  },
+  ProgressIndicator: {
+    template: "inverse"
+  },
+  Input: {
+    template: "surface1"
+  },
+  TextArea: {
+    template: "surface1"
+  }
+};
+export {
+  defaultComponentThemes
+};
+//# sourceMappingURL=defaultComponentThemes.js.map

package/dist/esm/defaultComponentThemes.native.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/Users/n8/tamagui/code/core/theme-builder/src/defaultComponentThemes.ts"],
+  "mappings": "AAEO,IAAMA,yBAAyB;EACpCC,UAAU;IAAEC,UAAU;EAAW;EACjCC,eAAe;IAAED,UAAU;EAAW;EACtCE,MAAM;IAAEF,UAAU;EAAW;EAC7BG,QAAQ;IAAEH,UAAU;EAAW;EAC/BI,UAAU;IAAEJ,UAAU;EAAW;EACjCK,QAAQ;IAAEL,UAAU;EAAW;EAC/BM,aAAa;IAAEN,UAAU;EAAU;EACnCO,gBAAgB;IAAEP,UAAU;EAAW;EACvCQ,UAAU;IAAER,UAAU;EAAW;EACjCS,gBAAgB;IAAET,UAAU;EAAW;EACvCU,cAAc;IAAEV,UAAU;EAAW;EACrCW,mBAAmB;IAAEX,UAAU;EAAW;EAC1CY,aAAa;IAAEZ,UAAU;EAAW;EACpCa,aAAa;IAAEb,UAAU;EAAU;EACnCc,SAAS;IAAEd,UAAU;EAAU;EAC/Be,mBAAmB;IAAEf,UAAU;EAAU;EACzCgB,OAAO;IAAEhB,UAAU;EAAW;EAC9BiB,UAAU;IAAEjB,UAAU;EAAW;AACnC;",
+  "names": ["defaultComponentThemes", "ListItem", "template", "SelectTrigger", "Card", "Button", "Checkbox", "Switch", "SwitchThumb", "TooltipContent", "Progress", "RadioGroupItem", "TooltipArrow", "SliderTrackActive", "SliderTrack", "SliderThumb", "Tooltip", "ProgressIndicator", "Input", "TextArea"]
+}

package/dist/esm/defaultTemplates.js

@@ -0,0 +1,116 @@
+import { objectFromEntries, objectKeys } from "@tamagui/themes";
+const getTemplates = () => {
+  const lightTemplates = getBaseTemplates("light"), darkTemplates = getBaseTemplates("dark");
+  return {
+    ...objectFromEntries(
+      objectKeys(lightTemplates).map(
+        (name) => [`light_${name}`, lightTemplates[name]]
+      )
+    ),
+    ...objectFromEntries(
+      objectKeys(darkTemplates).map(
+        (name) => [`dark_${name}`, darkTemplates[name]]
+      )
+    )
+  };
+}, getBaseTemplates = (scheme) => {
+  const isLight = scheme === "light", bgIndex = 6, lighten = isLight ? -1 : 1, darken = -lighten, borderColor = bgIndex + 3, base = {
+    accentBackground: 0,
+    accentColor: -0,
+    background0: 1,
+    background02: 2,
+    background04: 3,
+    background06: 4,
+    background08: 5,
+    color1: bgIndex,
+    color2: bgIndex + 1,
+    color3: bgIndex + 2,
+    color4: bgIndex + 3,
+    color5: bgIndex + 4,
+    color6: bgIndex + 5,
+    color7: bgIndex + 6,
+    color8: bgIndex + 7,
+    color9: bgIndex + 8,
+    color10: bgIndex + 9,
+    color11: bgIndex + 10,
+    color12: bgIndex + 11,
+    color0: -1,
+    color02: -2,
+    color04: -3,
+    color06: -4,
+    color08: -5,
+    // the background, color, etc keys here work like generics - they make it so you
+    // can publish components for others to use without mandating a specific color scale
+    // the @tamagui/button Button component looks for `$background`, so you set the
+    // dark_red_Button theme to have a stronger background than the dark_red theme.
+    background: bgIndex,
+    backgroundHover: bgIndex + lighten,
+    // always lighten on hover no matter the scheme
+    backgroundPress: bgIndex + darken,
+    // always darken on press no matter the theme
+    backgroundFocus: bgIndex + darken,
+    borderColor,
+    borderColorHover: borderColor + lighten,
+    borderColorPress: borderColor + darken,
+    borderColorFocus: borderColor,
+    color: -bgIndex,
+    colorHover: -bgIndex - 1,
+    colorPress: -bgIndex,
+    colorFocus: -bgIndex - 1,
+    colorTransparent: -1,
+    placeholderColor: -bgIndex - 3,
+    outlineColor: -2
+  }, surface1 = {
+    background: base.background + 1,
+    backgroundHover: base.backgroundHover + 1,
+    backgroundPress: base.backgroundPress + 1,
+    backgroundFocus: base.backgroundFocus + 1,
+    borderColor: base.borderColor + 1,
+    borderColorHover: base.borderColorHover + 1,
+    borderColorFocus: base.borderColorFocus + 1,
+    borderColorPress: base.borderColorPress + 1
+  }, surface2 = {
+    background: base.background + 2,
+    backgroundHover: base.backgroundHover + 2,
+    backgroundPress: base.backgroundPress + 2,
+    backgroundFocus: base.backgroundFocus + 2,
+    borderColor: base.borderColor + 2,
+    borderColorHover: base.borderColorHover + 2,
+    borderColorFocus: base.borderColorFocus + 2,
+    borderColorPress: base.borderColorPress + 2
+  }, surface3 = {
+    background: base.background + 3,
+    backgroundHover: base.backgroundHover + 3,
+    backgroundPress: base.backgroundPress + 3,
+    backgroundFocus: base.backgroundFocus + 3,
+    borderColor: base.borderColor + 3,
+    borderColorHover: base.borderColorHover + 3,
+    borderColorFocus: base.borderColorFocus + 3,
+    borderColorPress: base.borderColorPress + 3
+  }, alt1 = {
+    color: base.color - 1,
+    colorHover: base.colorHover - 1,
+    colorPress: base.colorPress - 1,
+    colorFocus: base.colorFocus - 1
+  }, alt2 = {
+    color: base.color - 2,
+    colorHover: base.colorHover - 2,
+    colorPress: base.colorPress - 2,
+    colorFocus: base.colorFocus - 2
+  }, inverse = Object.fromEntries(
+    Object.entries(base).map(([key, index]) => [key, -index])
+  );
+  return {
+    base,
+    surface1,
+    surface2,
+    surface3,
+    alt1,
+    alt2,
+    inverse
+  };
+}, defaultTemplates = getTemplates();
+export {
+  defaultTemplates
+};
+//# sourceMappingURL=defaultTemplates.js.map

package/dist/esm/defaultTemplates.js.map

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

package/dist/esm/defaultTemplates.mjs

@@ -0,0 +1,118 @@
+import { objectFromEntries, objectKeys } from "@tamagui/themes";
+const getTemplates = () => {
+    const lightTemplates = getBaseTemplates("light"),
+      darkTemplates = getBaseTemplates("dark");
+    return {
+      ...objectFromEntries(objectKeys(lightTemplates).map(name => [`light_${name}`, lightTemplates[name]])),
+      ...objectFromEntries(objectKeys(darkTemplates).map(name => [`dark_${name}`, darkTemplates[name]]))
+    };
+  },
+  getBaseTemplates = scheme => {
+    const isLight = scheme === "light",
+      bgIndex = 6,
+      lighten = isLight ? -1 : 1,
+      darken = -lighten,
+      borderColor = bgIndex + 3,
+      base = {
+        accentBackground: 0,
+        accentColor: -0,
+        background0: 1,
+        background02: 2,
+        background04: 3,
+        background06: 4,
+        background08: 5,
+        color1: bgIndex,
+        color2: bgIndex + 1,
+        color3: bgIndex + 2,
+        color4: bgIndex + 3,
+        color5: bgIndex + 4,
+        color6: bgIndex + 5,
+        color7: bgIndex + 6,
+        color8: bgIndex + 7,
+        color9: bgIndex + 8,
+        color10: bgIndex + 9,
+        color11: bgIndex + 10,
+        color12: bgIndex + 11,
+        color0: -1,
+        color02: -2,
+        color04: -3,
+        color06: -4,
+        color08: -5,
+        // the background, color, etc keys here work like generics - they make it so you
+        // can publish components for others to use without mandating a specific color scale
+        // the @tamagui/button Button component looks for `$background`, so you set the
+        // dark_red_Button theme to have a stronger background than the dark_red theme.
+        background: bgIndex,
+        backgroundHover: bgIndex + lighten,
+        // always lighten on hover no matter the scheme
+        backgroundPress: bgIndex + darken,
+        // always darken on press no matter the theme
+        backgroundFocus: bgIndex + darken,
+        borderColor,
+        borderColorHover: borderColor + lighten,
+        borderColorPress: borderColor + darken,
+        borderColorFocus: borderColor,
+        color: -bgIndex,
+        colorHover: -bgIndex - 1,
+        colorPress: -bgIndex,
+        colorFocus: -bgIndex - 1,
+        colorTransparent: -1,
+        placeholderColor: -bgIndex - 3,
+        outlineColor: -2
+      },
+      surface1 = {
+        background: base.background + 1,
+        backgroundHover: base.backgroundHover + 1,
+        backgroundPress: base.backgroundPress + 1,
+        backgroundFocus: base.backgroundFocus + 1,
+        borderColor: base.borderColor + 1,
+        borderColorHover: base.borderColorHover + 1,
+        borderColorFocus: base.borderColorFocus + 1,
+        borderColorPress: base.borderColorPress + 1
+      },
+      surface2 = {
+        background: base.background + 2,
+        backgroundHover: base.backgroundHover + 2,
+        backgroundPress: base.backgroundPress + 2,
+        backgroundFocus: base.backgroundFocus + 2,
+        borderColor: base.borderColor + 2,
+        borderColorHover: base.borderColorHover + 2,
+        borderColorFocus: base.borderColorFocus + 2,
+        borderColorPress: base.borderColorPress + 2
+      },
+      surface3 = {
+        background: base.background + 3,
+        backgroundHover: base.backgroundHover + 3,
+        backgroundPress: base.backgroundPress + 3,
+        backgroundFocus: base.backgroundFocus + 3,
+        borderColor: base.borderColor + 3,
+        borderColorHover: base.borderColorHover + 3,
+        borderColorFocus: base.borderColorFocus + 3,
+        borderColorPress: base.borderColorPress + 3
+      },
+      alt1 = {
+        color: base.color - 1,
+        colorHover: base.colorHover - 1,
+        colorPress: base.colorPress - 1,
+        colorFocus: base.colorFocus - 1
+      },
+      alt2 = {
+        color: base.color - 2,
+        colorHover: base.colorHover - 2,
+        colorPress: base.colorPress - 2,
+        colorFocus: base.colorFocus - 2
+      },
+      inverse = Object.fromEntries(Object.entries(base).map(([key, index]) => [key, -index]));
+    return {
+      base,
+      surface1,
+      surface2,
+      surface3,
+      alt1,
+      alt2,
+      inverse
+    };
+  },
+  defaultTemplates = getTemplates();
+export { defaultTemplates };
+//# sourceMappingURL=defaultTemplates.mjs.map