@tamagui/theme-builder 1.79.4 → 1.79.5

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,2BAAd;AACA,wBAAc,kCADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,oBAHd;",
+  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,2BAAd;AACA,wBAAc,kCADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,oBAHd;AAMA,wBAAc,8BANd;AAOA,wBAAc,sCAPd;AAQA,wBAAc,oCARd;",
   "names": []
 }

package/dist/cjs/index.native.js

@@ -16,11 +16,17 @@ __reExport(src_exports, require("./ThemeBuilder"), module.exports);
 __reExport(src_exports, require("@tamagui/create-theme"), module.exports);
 __reExport(src_exports, require("./buildMask"), module.exports);
 __reExport(src_exports, require("./types"), module.exports);
+__reExport(src_exports, require("./buildThemeSuite"), module.exports);
+__reExport(src_exports, require("./buildThemeSuitePalettes"), module.exports);
+__reExport(src_exports, require("./buildThemeSuiteScales"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ...require("./ThemeBuilder"),
   ...require("@tamagui/create-theme"),
   ...require("./buildMask"),
-  ...require("./types")
+  ...require("./types"),
+  ...require("./buildThemeSuite"),
+  ...require("./buildThemeSuitePalettes"),
+  ...require("./buildThemeSuiteScales")
 });
 //# sourceMappingURL=index.js.map

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,2BAAd;AACA,wBAAc,kCADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,oBAHd;",
+  "mappings": ";;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,2BAAd;AACA,wBAAc,kCADd;AAEA,wBAAc,wBAFd;AAGA,wBAAc,oBAHd;AAMA,wBAAc,8BANd;AAOA,wBAAc,sCAPd;AAQA,wBAAc,oCARd;",
   "names": []
 }

package/dist/esm/buildThemeSuite.js

@@ -0,0 +1,296 @@
+import {
+  createMask,
+  createSoftenMask
+} from "@tamagui/create-theme";
+import { masks as defaultMasks, maskOptions } from "@tamagui/themes";
+import { buildMask } from "./buildMask";
+import { getThemeSuitePalettes } from "./buildThemeSuitePalettes";
+import { createThemeBuilder } from "./ThemeBuilder";
+function buildThemeSuite({ baseTheme, subThemes }) {
+  const theme = baseTheme, maskThemes = (subThemes || []).filter(
+    (x) => x.type === "mask"
+  ), customMasks = Object.fromEntries(
+    maskThemes.map((maskTheme) => [maskTheme.name, buildMask(maskTheme.masks)])
+  ), palettes = getThemeSuitePalettes(theme), max = palettes.dark.length - 1, min = 1, componentMask = {
+    ...maskOptions.component,
+    max,
+    min,
+    overrideSwap: {
+      accentBackground: 0,
+      accentColor: -0
+    },
+    overrideShift: {
+      ...maskOptions.component.override
+    },
+    skip: {
+      ...maskOptions.component.skip
+    }
+  }, customMaskOptions = {
+    alt: {
+      ...maskOptions.alt,
+      max,
+      min,
+      overrideSwap: {
+        accentBackground: 0,
+        accentColor: -0
+      },
+      overrideShift: {
+        ...maskOptions.alt.override
+      },
+      skip: {
+        ...maskOptions.alt.skip
+      }
+    },
+    component: componentMask,
+    componentInverse: {
+      ...componentMask
+    }
+  }, baseTemplate = {
+    accentBackground: 0,
+    accentColor: -0,
+    background0: 1,
+    background025: 2,
+    background05: 3,
+    background075: 4,
+    color0: -4,
+    color025: -3,
+    color05: -2,
+    color075: -1,
+    background: 5,
+    backgroundHover: 6,
+    backgroundPress: 7,
+    backgroundFocus: 8,
+    color: -5,
+    colorHover: -6,
+    colorPress: -5,
+    colorFocus: -6,
+    placeholderColor: -6,
+    borderColor: 7,
+    borderColorHover: 8,
+    borderColorFocus: 9,
+    borderColorPress: 8
+  };
+  function createTemplates() {
+    const template = {
+      color1: 5,
+      color2: 6,
+      color3: 7,
+      color4: 8,
+      color5: 9,
+      color6: 10,
+      color7: 11,
+      color8: 12,
+      color9: 13,
+      color10: 14,
+      color11: 15,
+      color12: 16,
+      ...baseTemplate
+    }, accentTemplateLight = {
+      background: 0,
+      backgroundHover: baseTemplate.backgroundHover + 4,
+      backgroundPress: baseTemplate.backgroundPress + 4,
+      backgroundFocus: baseTemplate.backgroundFocus + 4,
+      borderColor: baseTemplate.borderColor + 2,
+      borderColorHover: baseTemplate.borderColorHover + 2,
+      borderColorFocus: baseTemplate.borderColorFocus + 2,
+      borderColorPress: baseTemplate.borderColorPress + 2,
+      color: -5,
+      colorHover: -6,
+      colorPress: -7,
+      colorFocus: -5
+    }, accentTemplateDark = {
+      background: baseTemplate.backgroundHover + 4,
+      backgroundHover: baseTemplate.backgroundHover + 5,
+      backgroundPress: baseTemplate.backgroundPress + 3,
+      backgroundFocus: baseTemplate.backgroundFocus + 5,
+      borderColor: baseTemplate.borderColor + 2,
+      borderColorHover: baseTemplate.borderColorHover + 2,
+      borderColorFocus: baseTemplate.borderColorFocus + 2,
+      borderColorPress: baseTemplate.borderColorPress + 2,
+      color: -5,
+      colorHover: -6,
+      colorPress: -7,
+      colorFocus: -5
+    };
+    return {
+      base: template,
+      accentLight: accentTemplateLight,
+      accentDark: accentTemplateDark
+    };
+  }
+  const templates = createTemplates();
+  function getComponentThemeDefinitions() {
+    const overlayThemes = {
+      light: {
+        background: "rgba(0,0,0,0.5)"
+      },
+      dark: {
+        background: "rgba(0,0,0,0.9)"
+      }
+    }, overlayThemeDefinitions = [
+      {
+        parent: "light",
+        theme: overlayThemes.light
+      },
+      {
+        parent: "dark",
+        theme: overlayThemes.dark
+      }
+    ], componentTheme = [
+      {
+        parent: "light_accent",
+        template: "accentLight",
+        palette: "lightAccent"
+      },
+      {
+        parent: "dark_accent",
+        template: "accentDark",
+        palette: "darkAccent"
+      },
+      {
+        parent: "light",
+        mask: "soften2",
+        ...customMaskOptions.component
+      },
+      {
+        parent: "dark",
+        mask: "soften2",
+        ...customMaskOptions.component
+      }
+    ];
+    return {
+      Card: {
+        mask: "soften",
+        ...customMaskOptions.component
+      },
+      Button: componentTheme,
+      Checkbox: {
+        mask: "softenBorder2",
+        ...customMaskOptions.component
+      },
+      Switch: {
+        mask: "soften2",
+        ...customMaskOptions.component
+      },
+      SwitchThumb: {
+        mask: "inverse",
+        ...customMaskOptions.componentInverse
+      },
+      TooltipContent: {
+        mask: "soften2",
+        ...customMaskOptions.component
+      },
+      DrawerFrame: {
+        mask: "soften",
+        ...customMaskOptions.component
+      },
+      Progress: {
+        mask: "soften",
+        ...customMaskOptions.component
+      },
+      RadioGroupItem: {
+        mask: "softenBorder2",
+        ...customMaskOptions.component
+      },
+      TooltipArrow: {
+        mask: "soften",
+        ...customMaskOptions.component
+      },
+      SliderTrackActive: {
+        mask: "inverseSoften",
+        ...customMaskOptions.component
+      },
+      SliderTrack: {
+        mask: "soften2",
+        ...customMaskOptions.component
+      },
+      SliderThumb: {
+        mask: "inverse",
+        ...customMaskOptions.componentInverse
+      },
+      Tooltip: {
+        mask: "inverse",
+        ...customMaskOptions.component
+      },
+      ProgressIndicator: {
+        mask: "inverse",
+        ...customMaskOptions.componentInverse
+      },
+      SheetOverlay: overlayThemeDefinitions,
+      DialogOverlay: overlayThemeDefinitions,
+      ModalOverlay: overlayThemeDefinitions,
+      Input: {
+        mask: "softenBorder2",
+        ...customMaskOptions.component
+      },
+      TextArea: {
+        mask: "softenBorder2",
+        ...customMaskOptions.component
+      }
+    };
+  }
+  return {
+    built: createThemeBuilder().addPalettes(palettes).addMasks({
+      ...defaultMasks,
+      soften3Border2: createMask((template, options) => {
+        const softer2 = createSoftenMask({ strength: 3 }).mask(template, options), softer1 = createSoftenMask({ strength: 2 }).mask(template, options);
+        return {
+          ...softer2,
+          borderColor: softer1.borderColor,
+          borderColorHover: softer1.borderColorHover,
+          borderColorPress: softer1.borderColorPress,
+          borderColorFocus: softer1.borderColorFocus
+        };
+      }),
+      ...customMasks
+    }).addTemplates(templates).addThemes({
+      light: {
+        template: "base",
+        palette: "light"
+      },
+      dark: {
+        template: "base",
+        palette: "dark"
+      }
+    }).addChildThemes(
+      Object.fromEntries(
+        maskThemes.map((theme2) => [
+          theme2.name,
+          {
+            mask: theme2.name
+          }
+        ])
+      )
+    ).addChildThemes({
+      // disabling as we don't need to preview these
+      alt1: {
+        mask: "soften2Border1",
+        ...maskOptions.alt
+      },
+      alt2: {
+        mask: "soften3Border2",
+        ...maskOptions.alt
+      }
+    }).addChildThemes(
+      palettes.lightAccent ? {
+        accent: [
+          {
+            parent: "light",
+            template: "base",
+            palette: "lightAccent"
+          },
+          {
+            parent: "dark",
+            template: "base",
+            palette: "darkAccent"
+          }
+        ]
+      } : {}
+    ).addChildThemes(getComponentThemeDefinitions()).build(),
+    palettes
+  };
+}
+export {
+  buildThemeSuite
+};
+//# sourceMappingURL=buildThemeSuite.js.map

package/dist/esm/buildThemeSuite.js.map

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

package/dist/esm/buildThemeSuite.native.js

@@ -0,0 +1,296 @@
+import {
+  createMask,
+  createSoftenMask
+} from "@tamagui/create-theme";
+import { masks as defaultMasks, maskOptions } from "@tamagui/themes";
+import { buildMask } from "./buildMask";
+import { getThemeSuitePalettes } from "./buildThemeSuitePalettes";
+import { createThemeBuilder } from "./ThemeBuilder";
+function buildThemeSuite({ baseTheme, subThemes }) {
+  const theme = baseTheme, maskThemes = (subThemes || []).filter(
+    (x) => x.type === "mask"
+  ), customMasks = Object.fromEntries(
+    maskThemes.map((maskTheme) => [maskTheme.name, buildMask(maskTheme.masks)])
+  ), palettes = getThemeSuitePalettes(theme), max = palettes.dark.length - 1, min = 1, componentMask = {
+    ...maskOptions.component,
+    max,
+    min,
+    overrideSwap: {
+      accentBackground: 0,
+      accentColor: -0
+    },
+    overrideShift: {
+      ...maskOptions.component.override
+    },
+    skip: {
+      ...maskOptions.component.skip
+    }
+  }, customMaskOptions = {
+    alt: {
+      ...maskOptions.alt,
+      max,
+      min,
+      overrideSwap: {
+        accentBackground: 0,
+        accentColor: -0
+      },
+      overrideShift: {
+        ...maskOptions.alt.override
+      },
+      skip: {
+        ...maskOptions.alt.skip
+      }
+    },
+    component: componentMask,
+    componentInverse: {
+      ...componentMask
+    }
+  }, baseTemplate = {
+    accentBackground: 0,
+    accentColor: -0,
+    background0: 1,
+    background025: 2,
+    background05: 3,
+    background075: 4,
+    color0: -4,
+    color025: -3,
+    color05: -2,
+    color075: -1,
+    background: 5,
+    backgroundHover: 6,
+    backgroundPress: 7,
+    backgroundFocus: 8,
+    color: -5,
+    colorHover: -6,
+    colorPress: -5,
+    colorFocus: -6,
+    placeholderColor: -6,
+    borderColor: 7,
+    borderColorHover: 8,
+    borderColorFocus: 9,
+    borderColorPress: 8
+  };
+  function createTemplates() {
+    const template = {
+      color1: 5,
+      color2: 6,
+      color3: 7,
+      color4: 8,
+      color5: 9,
+      color6: 10,
+      color7: 11,
+      color8: 12,
+      color9: 13,
+      color10: 14,
+      color11: 15,
+      color12: 16,
+      ...baseTemplate
+    }, accentTemplateLight = {
+      background: 0,
+      backgroundHover: baseTemplate.backgroundHover + 4,
+      backgroundPress: baseTemplate.backgroundPress + 4,
+      backgroundFocus: baseTemplate.backgroundFocus + 4,
+      borderColor: baseTemplate.borderColor + 2,
+      borderColorHover: baseTemplate.borderColorHover + 2,
+      borderColorFocus: baseTemplate.borderColorFocus + 2,
+      borderColorPress: baseTemplate.borderColorPress + 2,
+      color: -5,
+      colorHover: -6,
+      colorPress: -7,
+      colorFocus: -5
+    }, accentTemplateDark = {
+      background: baseTemplate.backgroundHover + 4,
+      backgroundHover: baseTemplate.backgroundHover + 5,
+      backgroundPress: baseTemplate.backgroundPress + 3,
+      backgroundFocus: baseTemplate.backgroundFocus + 5,
+      borderColor: baseTemplate.borderColor + 2,
+      borderColorHover: baseTemplate.borderColorHover + 2,
+      borderColorFocus: baseTemplate.borderColorFocus + 2,
+      borderColorPress: baseTemplate.borderColorPress + 2,
+      color: -5,
+      colorHover: -6,
+      colorPress: -7,
+      colorFocus: -5
+    };
+    return {
+      base: template,
+      accentLight: accentTemplateLight,
+      accentDark: accentTemplateDark
+    };
+  }
+  const templates = createTemplates();
+  function getComponentThemeDefinitions() {
+    const overlayThemes = {
+      light: {
+        background: "rgba(0,0,0,0.5)"
+      },
+      dark: {
+        background: "rgba(0,0,0,0.9)"
+      }
+    }, overlayThemeDefinitions = [
+      {
+        parent: "light",
+        theme: overlayThemes.light
+      },
+      {
+        parent: "dark",
+        theme: overlayThemes.dark
+      }
+    ], componentTheme = [
+      {
+        parent: "light_accent",
+        template: "accentLight",
+        palette: "lightAccent"
+      },
+      {
+        parent: "dark_accent",
+        template: "accentDark",
+        palette: "darkAccent"
+      },
+      {
+        parent: "light",
+        mask: "soften2",
+        ...customMaskOptions.component
+      },
+      {
+        parent: "dark",
+        mask: "soften2",
+        ...customMaskOptions.component
+      }
+    ];
+    return {
+      Card: {
+        mask: "soften",
+        ...customMaskOptions.component
+      },
+      Button: componentTheme,
+      Checkbox: {
+        mask: "softenBorder2",
+        ...customMaskOptions.component
+      },
+      Switch: {
+        mask: "soften2",
+        ...customMaskOptions.component
+      },
+      SwitchThumb: {
+        mask: "inverse",
+        ...customMaskOptions.componentInverse
+      },
+      TooltipContent: {
+        mask: "soften2",
+        ...customMaskOptions.component
+      },
+      DrawerFrame: {
+        mask: "soften",
+        ...customMaskOptions.component
+      },
+      Progress: {
+        mask: "soften",
+        ...customMaskOptions.component
+      },
+      RadioGroupItem: {
+        mask: "softenBorder2",
+        ...customMaskOptions.component
+      },
+      TooltipArrow: {
+        mask: "soften",
+        ...customMaskOptions.component
+      },
+      SliderTrackActive: {
+        mask: "inverseSoften",
+        ...customMaskOptions.component
+      },
+      SliderTrack: {
+        mask: "soften2",
+        ...customMaskOptions.component
+      },
+      SliderThumb: {
+        mask: "inverse",
+        ...customMaskOptions.componentInverse
+      },
+      Tooltip: {
+        mask: "inverse",
+        ...customMaskOptions.component
+      },
+      ProgressIndicator: {
+        mask: "inverse",
+        ...customMaskOptions.componentInverse
+      },
+      SheetOverlay: overlayThemeDefinitions,
+      DialogOverlay: overlayThemeDefinitions,
+      ModalOverlay: overlayThemeDefinitions,
+      Input: {
+        mask: "softenBorder2",
+        ...customMaskOptions.component
+      },
+      TextArea: {
+        mask: "softenBorder2",
+        ...customMaskOptions.component
+      }
+    };
+  }
+  return {
+    built: createThemeBuilder().addPalettes(palettes).addMasks({
+      ...defaultMasks,
+      soften3Border2: createMask((template, options) => {
+        const softer2 = createSoftenMask({ strength: 3 }).mask(template, options), softer1 = createSoftenMask({ strength: 2 }).mask(template, options);
+        return {
+          ...softer2,
+          borderColor: softer1.borderColor,
+          borderColorHover: softer1.borderColorHover,
+          borderColorPress: softer1.borderColorPress,
+          borderColorFocus: softer1.borderColorFocus
+        };
+      }),
+      ...customMasks
+    }).addTemplates(templates).addThemes({
+      light: {
+        template: "base",
+        palette: "light"
+      },
+      dark: {
+        template: "base",
+        palette: "dark"
+      }
+    }).addChildThemes(
+      Object.fromEntries(
+        maskThemes.map((theme2) => [
+          theme2.name,
+          {
+            mask: theme2.name
+          }
+        ])
+      )
+    ).addChildThemes({
+      // disabling as we don't need to preview these
+      alt1: {
+        mask: "soften2Border1",
+        ...maskOptions.alt
+      },
+      alt2: {
+        mask: "soften3Border2",
+        ...maskOptions.alt
+      }
+    }).addChildThemes(
+      palettes.lightAccent ? {
+        accent: [
+          {
+            parent: "light",
+            template: "base",
+            palette: "lightAccent"
+          },
+          {
+            parent: "dark",
+            template: "base",
+            palette: "darkAccent"
+          }
+        ]
+      } : {}
+    ).addChildThemes(getComponentThemeDefinitions()).build(),
+    palettes
+  };
+}
+export {
+  buildThemeSuite
+};
+//# sourceMappingURL=buildThemeSuite.js.map

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

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

package/dist/esm/buildThemeSuitePalettes.js

@@ -0,0 +1,37 @@
+import { hsla, parseToHsla, toHex } from "color2k";
+import { getThemeSuiteScale } from "./buildThemeSuiteScales";
+const generateColorPalette = ({
+  theme,
+  scheme,
+  forAccent
+}) => {
+  const color = forAccent && theme.accent || theme.color, scale = forAccent && theme.accentScale || theme.scale, { lumScale, satScale } = getThemeSuiteScale(theme, forAccent), [hue, sat, lum] = parseToHsla(color), isDark = scheme === "dark";
+  let palette = (isDark ? lumScale.dark : lumScale.light).map((lum2, idx) => sat > 0 ? satScale ? hsla(hue, satScale[scheme][idx], lum2, 1) : hsla(hue, sat, lum2, 1) : hsla(0, 0, lum2, 1));
+  const [background] = palette, foreground = palette[palette.length - 1], transparentValues = [background, foreground].map((color2) => {
+    const [h, s, l] = parseToHsla(color2);
+    return [
+      hsla(h, s, l, 0),
+      hsla(h, s, l, 0.25),
+      hsla(h, s, l, 0.5),
+      hsla(h, s, l, 0.75)
+    ];
+  }), reverseForeground = [...transparentValues[1]].reverse();
+  if (palette = [...transparentValues[0], ...palette, ...reverseForeground], theme.accent) {
+    const baseAccent = forAccent ? theme.color : theme.accent, accentHsla = parseToHsla(baseAccent), accentLum = accentHsla[2], isAccentLight = accentLum > 0.5, oppositeLightnessAccent = isAccentLight ? toHex(hsla(accentHsla[0], accentHsla[1], 1 - accentLum, 1)) : theme.accent, fg = isAccentLight && !isDark ? oppositeLightnessAccent : baseAccent, bg = fg === baseAccent ? oppositeLightnessAccent : baseAccent;
+    palette.unshift(bg), palette.push(fg);
+  } else
+    palette.unshift("rgba(0,0,0,0)"), palette.push("rgba(0,0,0,0)");
+  return palette;
+};
+function getThemeSuitePalettes(theme) {
+  return {
+    light: generateColorPalette({ theme, scheme: "light" }),
+    lightAccent: generateColorPalette({ theme, scheme: "light", forAccent: !0 }),
+    dark: generateColorPalette({ theme, scheme: "dark" }),
+    darkAccent: generateColorPalette({ theme, scheme: "dark", forAccent: !0 })
+  };
+}
+export {
+  getThemeSuitePalettes
+};
+//# sourceMappingURL=buildThemeSuitePalettes.js.map