@tamagui/themes 1.50.2 → 1.51.0

package/dist/esm/themes-v2.js

@@ -0,0 +1,155 @@
+import { createThemeBuilder } from "@tamagui/theme-builder";
+import { overlayThemeDefinitions } from "./componentThemeDefinitions";
+import { masks } from "./masks";
+import { palettes } from "./palettes";
+import { shadows } from "./shadows";
+import { maskOptions, templates } from "./templates";
+import { darkColors, lightColors } from "./tokens";
+const colorThemeDefinition = (colorName) => [
+  {
+    parent: "light",
+    palette: colorName,
+    template: "colorLight"
+  },
+  {
+    parent: "dark",
+    palette: colorName,
+    template: "base"
+  }
+];
+const themesBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
+  light: {
+    template: "base",
+    palette: "light",
+    nonInheritedValues: {
+      ...lightColors,
+      ...shadows.light
+    }
+  },
+  dark: {
+    template: "base",
+    palette: "dark",
+    nonInheritedValues: {
+      ...darkColors,
+      ...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",
+    ...maskOptions.alt
+  },
+  alt2: {
+    mask: "soften2Border1",
+    ...maskOptions.alt
+  },
+  active: {
+    mask: "soften3FlatBorder",
+    skip: {
+      color: 1
+    }
+  }
+}).addChildThemes(
+  {
+    ListItem: [
+      {
+        parent: "light",
+        mask: "strengthen",
+        ...maskOptions.component
+      },
+      {
+        parent: "dark",
+        mask: "identity",
+        ...maskOptions.component
+      }
+    ],
+    Card: {
+      mask: "soften",
+      ...maskOptions.component
+    },
+    Button: {
+      mask: "soften2Border1",
+      ...maskOptions.component
+    },
+    Checkbox: {
+      mask: "softenBorder2",
+      ...maskOptions.component
+    },
+    Switch: {
+      mask: "soften2Border1",
+      ...maskOptions.component
+    },
+    SwitchThumb: {
+      mask: "inverseStrengthen2",
+      ...maskOptions.component
+    },
+    TooltipContent: {
+      mask: "soften2Border1",
+      ...maskOptions.component
+    },
+    DrawerFrame: {
+      mask: "soften",
+      ...maskOptions.component
+    },
+    Progress: {
+      mask: "soften",
+      ...maskOptions.component
+    },
+    RadioGroupItem: {
+      mask: "softenBorder2",
+      ...maskOptions.component
+    },
+    TooltipArrow: {
+      mask: "soften",
+      ...maskOptions.component
+    },
+    SliderTrackActive: {
+      mask: "inverseSoften",
+      ...maskOptions.component
+    },
+    SliderTrack: {
+      mask: "soften2Border1",
+      ...maskOptions.component
+    },
+    SliderThumb: {
+      mask: "inverse",
+      ...maskOptions.component
+    },
+    Tooltip: {
+      mask: "inverse",
+      ...maskOptions.component
+    },
+    ProgressIndicator: {
+      mask: "inverse",
+      ...maskOptions.component
+    },
+    SheetOverlay: overlayThemeDefinitions,
+    DialogOverlay: overlayThemeDefinitions,
+    ModalOverlay: overlayThemeDefinitions,
+    Input: {
+      mask: "softenBorder2",
+      ...maskOptions.component
+    },
+    TextArea: {
+      mask: "softenBorder2",
+      ...maskOptions.component
+    }
+  },
+  {
+    // to save bundle size but make alt themes not work on components
+    // avoidNestingWithin: ['alt1', 'alt2'],
+  }
+);
+const themes = themesBuilder.build();
+export {
+  themes
+};
+//# sourceMappingURL=themes-v2.js.map

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

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

package/dist/esm/v2.js

@@ -0,0 +1,35 @@
+import * as themes from "./generated-v2";
+export * from "./tokens";
+export * from "./masks";
+export * from "./componentThemeDefinitions";
+export * from "./palettes";
+export * from "./templates";
+export * from "./shadows";
+import { blue, blueDark } from "@tamagui/colors";
+import { green, greenDark } from "@tamagui/colors";
+import { red, redDark } from "@tamagui/colors";
+import { orange, orangeDark } from "@tamagui/colors";
+import { yellow, yellowDark } from "@tamagui/colors";
+import { pink, pinkDark } from "@tamagui/colors";
+import { purple, purpleDark } from "@tamagui/colors";
+import { gray, grayDark } from "@tamagui/colors";
+export {
+  blue,
+  blueDark,
+  gray,
+  grayDark,
+  green,
+  greenDark,
+  orange,
+  orangeDark,
+  pink,
+  pinkDark,
+  purple,
+  purpleDark,
+  red,
+  redDark,
+  themes,
+  yellow,
+  yellowDark
+};
+//# sourceMappingURL=v2.js.map

package/dist/esm/v2.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/v2.tsx"],
+  "mappings": "AAAA,YAAY,YAAY;AAKxB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAGd,SAAS,MAAM,gBAAgB;AAC/B,SAAS,OAAO,iBAAiB;AACjC,SAAS,KAAK,eAAe;AAC7B,SAAS,QAAQ,kBAAkB;AACnC,SAAS,QAAQ,kBAAkB;AACnC,SAAS,MAAM,gBAAgB;AAC/B,SAAS,QAAQ,kBAAkB;AACnC,SAAS,MAAM,gBAAgB;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/themes",
-  "version": "1.50.2",
+  "version": "1.51.0",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -11,7 +11,9 @@
     "dist"
   ],
   "scripts": {
-    "generate": "tamagui generate-themes ./src/themes-new.ts ./src/generated-new.ts",
+    "generate": "yarn generate:v1 && yarn generate:v2",
+    "generate:v1": "tamagui generate-themes ./src/themes-new.ts ./src/generated-new.ts",
+    "generate:v2": "tamagui generate-themes ./src/themes-v2.ts ./src/generated-v2.ts",
     "build": "tamagui-build",
     "watch": "yarn build --watch",
     "lint": "../../node_modules/.bin/rome check src",
@@ -26,16 +28,21 @@
       "types": "./types/index.d.ts",
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
+    },
+    "./v2": {
+      "types": "./types/v2.d.ts",
+      "import": "./dist/esm/v2.js",
+      "require": "./dist/cjs/v2.js"
     }
   },
   "dependencies": {
-    "@tamagui/colors": "1.50.2",
-    "@tamagui/create-theme": "1.50.2",
-    "@tamagui/web": "1.50.2"
+    "@tamagui/colors": "1.51.0",
+    "@tamagui/create-theme": "1.51.0",
+    "@tamagui/web": "1.51.0"
   },
   "devDependencies": {
-    "@tamagui/build": "1.50.2",
-    "@tamagui/cli": "1.50.2",
+    "@tamagui/build": "1.51.0",
+    "@tamagui/cli": "1.51.0",
     "vitest": "^0.26.3"
   },
   "publishConfig": {