@tamagui/themes 1.50.3 → 1.52.0

package/dist/cjs/themes-v2.js

@@ -0,0 +1,179 @@
+"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 themes_v2_exports = {};
+__export(themes_v2_exports, {
+  themes: () => themes
+});
+module.exports = __toCommonJS(themes_v2_exports);
+var import_theme_builder = require("@tamagui/theme-builder");
+var import_componentThemeDefinitions = require("./componentThemeDefinitions");
+var import_masks = require("./masks");
+var import_palettes = require("./palettes");
+var import_shadows = require("./shadows");
+var import_templates = require("./templates");
+var import_tokens = require("./tokens");
+const colorThemeDefinition = (colorName) => [
+  {
+    parent: "light",
+    palette: colorName,
+    template: "colorLight"
+  },
+  {
+    parent: "dark",
+    palette: colorName,
+    template: "base"
+  }
+];
+const themesBuilder = (0, import_theme_builder.createThemeBuilder)().addPalettes(import_palettes.palettes).addTemplates(import_templates.templates).addMasks(import_masks.masks).addThemes({
+  light: {
+    template: "base",
+    palette: "light",
+    nonInheritedValues: {
+      ...import_tokens.lightColors,
+      ...import_shadows.shadows.light
+    }
+  },
+  dark: {
+    template: "base",
+    palette: "dark",
+    nonInheritedValues: {
+      ...import_tokens.darkColors,
+      ...import_shadows.shadows.dark
+    }
+  }
+}).addChildThemes({
+  orange: colorThemeDefinition("orange"),
+  yellow: colorThemeDefinition("yellow"),
+  green: colorThemeDefinition("green"),
+  blue: colorThemeDefinition("blue"),
+  purple: colorThemeDefinition("purple"),
+  pink: colorThemeDefinition("pink"),
+  red: colorThemeDefinition("red")
+}).addChildThemes({
+  alt1: {
+    mask: "soften",
+    ...import_templates.maskOptions.alt
+  },
+  alt2: {
+    mask: "soften2Border1",
+    ...import_templates.maskOptions.alt
+  },
+  active: {
+    mask: "soften3FlatBorder",
+    skip: {
+      color: 1
+    }
+  }
+}).addChildThemes(
+  {
+    ListItem: [
+      {
+        parent: "light",
+        mask: "strengthen",
+        ...import_templates.maskOptions.component
+      },
+      {
+        parent: "dark",
+        mask: "identity",
+        ...import_templates.maskOptions.component
+      }
+    ],
+    Card: {
+      mask: "soften",
+      ...import_templates.maskOptions.component
+    },
+    Button: {
+      mask: "soften2Border1",
+      ...import_templates.maskOptions.component
+    },
+    Checkbox: {
+      mask: "softenBorder2",
+      ...import_templates.maskOptions.component
+    },
+    Switch: {
+      mask: "soften2Border1",
+      ...import_templates.maskOptions.component
+    },
+    SwitchThumb: {
+      mask: "inverseStrengthen2",
+      ...import_templates.maskOptions.component
+    },
+    TooltipContent: {
+      mask: "soften2Border1",
+      ...import_templates.maskOptions.component
+    },
+    DrawerFrame: {
+      mask: "soften",
+      ...import_templates.maskOptions.component
+    },
+    Progress: {
+      mask: "soften",
+      ...import_templates.maskOptions.component
+    },
+    RadioGroupItem: {
+      mask: "softenBorder2",
+      ...import_templates.maskOptions.component
+    },
+    TooltipArrow: {
+      mask: "soften",
+      ...import_templates.maskOptions.component
+    },
+    SliderTrackActive: {
+      mask: "inverseSoften",
+      ...import_templates.maskOptions.component
+    },
+    SliderTrack: {
+      mask: "soften2Border1",
+      ...import_templates.maskOptions.component
+    },
+    SliderThumb: {
+      mask: "inverse",
+      ...import_templates.maskOptions.component
+    },
+    Tooltip: {
+      mask: "inverse",
+      ...import_templates.maskOptions.component
+    },
+    ProgressIndicator: {
+      mask: "inverse",
+      ...import_templates.maskOptions.component
+    },
+    SheetOverlay: import_componentThemeDefinitions.overlayThemeDefinitions,
+    DialogOverlay: import_componentThemeDefinitions.overlayThemeDefinitions,
+    ModalOverlay: import_componentThemeDefinitions.overlayThemeDefinitions,
+    Input: {
+      mask: "softenBorder2",
+      ...import_templates.maskOptions.component
+    },
+    TextArea: {
+      mask: "softenBorder2",
+      ...import_templates.maskOptions.component
+    }
+  },
+  {
+    // to save bundle size but make alt themes not work on components
+    // avoidNestingWithin: ['alt1', 'alt2'],
+  }
+);
+const themes = themesBuilder.build();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  themes
+});
+//# sourceMappingURL=themes-v2.js.map

package/dist/cjs/themes-v2.js.map

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

package/dist/cjs/v2.js

@@ -0,0 +1,92 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var v2_exports = {};
+__export(v2_exports, {
+  blue: () => import_colors.blue,
+  blueDark: () => import_colors.blueDark,
+  gray: () => import_colors8.gray,
+  grayDark: () => import_colors8.grayDark,
+  green: () => import_colors2.green,
+  greenDark: () => import_colors2.greenDark,
+  orange: () => import_colors4.orange,
+  orangeDark: () => import_colors4.orangeDark,
+  pink: () => import_colors6.pink,
+  pinkDark: () => import_colors6.pinkDark,
+  purple: () => import_colors7.purple,
+  purpleDark: () => import_colors7.purpleDark,
+  red: () => import_colors3.red,
+  redDark: () => import_colors3.redDark,
+  themes: () => themes,
+  yellow: () => import_colors5.yellow,
+  yellowDark: () => import_colors5.yellowDark
+});
+module.exports = __toCommonJS(v2_exports);
+var themes = __toESM(require("./generated-v2"));
+__reExport(v2_exports, require("./tokens"), module.exports);
+__reExport(v2_exports, require("./masks"), module.exports);
+__reExport(v2_exports, require("./componentThemeDefinitions"), module.exports);
+__reExport(v2_exports, require("./palettes"), module.exports);
+__reExport(v2_exports, require("./templates"), module.exports);
+__reExport(v2_exports, require("./shadows"), module.exports);
+var import_colors = require("@tamagui/colors");
+var import_colors2 = require("@tamagui/colors");
+var import_colors3 = require("@tamagui/colors");
+var import_colors4 = require("@tamagui/colors");
+var import_colors5 = require("@tamagui/colors");
+var import_colors6 = require("@tamagui/colors");
+var import_colors7 = require("@tamagui/colors");
+var import_colors8 = require("@tamagui/colors");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  blue,
+  blueDark,
+  gray,
+  grayDark,
+  green,
+  greenDark,
+  orange,
+  orangeDark,
+  pink,
+  pinkDark,
+  purple,
+  purpleDark,
+  red,
+  redDark,
+  themes,
+  yellow,
+  yellowDark,
+  ...require("./tokens"),
+  ...require("./masks"),
+  ...require("./componentThemeDefinitions"),
+  ...require("./palettes"),
+  ...require("./templates"),
+  ...require("./shadows")
+});
+//# sourceMappingURL=v2.js.map

package/dist/cjs/v2.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/v2.tsx"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAAwB;AAKxB,uBAAc,qBALd;AAMA,uBAAc,oBANd;AAOA,uBAAc,wCAPd;AAQA,uBAAc,uBARd;AASA,uBAAc,wBATd;AAUA,uBAAc,sBAVd;AAaA,oBAA+B;AAC/B,IAAAA,iBAAiC;AACjC,IAAAA,iBAA6B;AAC7B,IAAAA,iBAAmC;AACnC,IAAAA,iBAAmC;AACnC,IAAAA,iBAA+B;AAC/B,IAAAA,iBAAmC;AACnC,IAAAA,iBAA+B;",
+  "names": ["import_colors"]
+}