@tamagui/themes 1.74.3 → 1.74.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,169 @@
1
+ import { createThemeBuilder } from "@tamagui/theme-builder";
2
+ import { overlayThemeDefinitions } from "./componentThemeDefinitions";
3
+ import { masks } from "./masks";
4
+ import { palettes } from "./palettes";
5
+ import { shadows } from "./shadows";
6
+ import { maskOptions, templates } from "./templates";
7
+ import { darkColors, lightColors } from "./tokens";
8
+ const colorThemeDefinition = (colorName) => [
9
+ {
10
+ parent: "light",
11
+ palette: colorName,
12
+ template: "colorLight"
13
+ },
14
+ {
15
+ parent: "dark",
16
+ palette: colorName,
17
+ template: "base"
18
+ }
19
+ ], nonInherited = {
20
+ light: {
21
+ ...lightColors,
22
+ ...shadows.light
23
+ },
24
+ dark: {
25
+ ...darkColors,
26
+ ...shadows.dark
27
+ }
28
+ }, themesBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
29
+ light: {
30
+ template: "base",
31
+ palette: "light",
32
+ nonInheritedValues: nonInherited.light
33
+ },
34
+ dark: {
35
+ template: "base",
36
+ palette: "dark",
37
+ nonInheritedValues: nonInherited.dark
38
+ }
39
+ }).addChildThemes({
40
+ orange: colorThemeDefinition("orange"),
41
+ yellow: colorThemeDefinition("yellow"),
42
+ green: colorThemeDefinition("green"),
43
+ blue: colorThemeDefinition("blue"),
44
+ purple: colorThemeDefinition("purple"),
45
+ pink: colorThemeDefinition("pink"),
46
+ red: colorThemeDefinition("red")
47
+ }).addChildThemes({
48
+ alt1: {
49
+ mask: "soften",
50
+ ...maskOptions.alt
51
+ },
52
+ alt2: {
53
+ mask: "soften2Border1",
54
+ ...maskOptions.alt
55
+ },
56
+ active: {
57
+ mask: "soften3FlatBorder",
58
+ skip: {
59
+ color: 1
60
+ }
61
+ }
62
+ }).addChildThemes(
63
+ {
64
+ ListItem: [
65
+ {
66
+ parent: "light",
67
+ avoidNestingWithin: ["active"],
68
+ mask: "identity",
69
+ ...maskOptions.component
70
+ },
71
+ {
72
+ parent: "dark",
73
+ avoidNestingWithin: ["active"],
74
+ mask: "identity",
75
+ ...maskOptions.component
76
+ }
77
+ ],
78
+ Card: {
79
+ mask: "soften",
80
+ avoidNestingWithin: ["active"],
81
+ ...maskOptions.component
82
+ },
83
+ Button: {
84
+ mask: "soften2Border1",
85
+ ...maskOptions.component
86
+ },
87
+ Checkbox: {
88
+ mask: "softenBorder2",
89
+ ...maskOptions.component
90
+ },
91
+ Switch: {
92
+ mask: "soften2Border1",
93
+ ...maskOptions.component
94
+ },
95
+ SwitchThumb: {
96
+ mask: "inverseStrengthen2",
97
+ avoidNestingWithin: ["active"],
98
+ ...maskOptions.component
99
+ },
100
+ TooltipContent: {
101
+ mask: "soften2Border1",
102
+ avoidNestingWithin: ["active"],
103
+ ...maskOptions.component
104
+ },
105
+ DrawerFrame: {
106
+ mask: "soften",
107
+ avoidNestingWithin: ["active"],
108
+ ...maskOptions.component
109
+ },
110
+ Progress: {
111
+ mask: "soften",
112
+ avoidNestingWithin: ["active"],
113
+ ...maskOptions.component
114
+ },
115
+ RadioGroupItem: {
116
+ mask: "softenBorder2",
117
+ avoidNestingWithin: ["active"],
118
+ ...maskOptions.component
119
+ },
120
+ TooltipArrow: {
121
+ mask: "soften",
122
+ avoidNestingWithin: ["active"],
123
+ ...maskOptions.component
124
+ },
125
+ SliderTrackActive: {
126
+ mask: "inverseSoften",
127
+ ...maskOptions.component
128
+ },
129
+ SliderTrack: {
130
+ mask: "soften2Border1",
131
+ avoidNestingWithin: ["active"],
132
+ ...maskOptions.component
133
+ },
134
+ SliderThumb: {
135
+ mask: "inverse",
136
+ avoidNestingWithin: ["active"],
137
+ ...maskOptions.component
138
+ },
139
+ Tooltip: {
140
+ mask: "inverse",
141
+ avoidNestingWithin: ["active"],
142
+ ...maskOptions.component
143
+ },
144
+ ProgressIndicator: {
145
+ mask: "inverse",
146
+ avoidNestingWithin: ["active"],
147
+ ...maskOptions.component
148
+ },
149
+ SheetOverlay: overlayThemeDefinitions,
150
+ DialogOverlay: overlayThemeDefinitions,
151
+ ModalOverlay: overlayThemeDefinitions,
152
+ Input: {
153
+ mask: "softenBorder2",
154
+ ...maskOptions.component
155
+ },
156
+ TextArea: {
157
+ mask: "softenBorder2",
158
+ ...maskOptions.component
159
+ }
160
+ },
161
+ {
162
+ // to save bundle size but make alt themes not work on components
163
+ // avoidNestingWithin: ['alt1', 'alt2'],
164
+ }
165
+ ), themesIn = themesBuilder.build(), themes = themesIn;
166
+ export {
167
+ themes
168
+ };
169
+ //# sourceMappingURL=v2-themes.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/v2-themes.ts"],
4
+ "mappings": "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",
5
+ "names": []
6
+ }
@@ -0,0 +1,33 @@
1
+ export * from "./tokens";
2
+ export * from "./masks";
3
+ export * from "./componentThemeDefinitions";
4
+ export * from "./palettes";
5
+ export * from "./templates";
6
+ export * from "./shadows";
7
+ import { blue, blueDark } from "@tamagui/colors";
8
+ import { green, greenDark } from "@tamagui/colors";
9
+ import { red, redDark } from "@tamagui/colors";
10
+ import { orange, orangeDark } from "@tamagui/colors";
11
+ import { yellow, yellowDark } from "@tamagui/colors";
12
+ import { pink, pinkDark } from "@tamagui/colors";
13
+ import { purple, purpleDark } from "@tamagui/colors";
14
+ import { gray, grayDark } from "@tamagui/colors";
15
+ export {
16
+ blue,
17
+ blueDark,
18
+ gray,
19
+ grayDark,
20
+ green,
21
+ greenDark,
22
+ orange,
23
+ orangeDark,
24
+ pink,
25
+ pinkDark,
26
+ purple,
27
+ purpleDark,
28
+ red,
29
+ redDark,
30
+ yellow,
31
+ yellowDark
32
+ };
33
+ //# sourceMappingURL=v2.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/v2.tsx"],
4
+ "mappings": "AAAA,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;",
5
+ "names": []
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/themes",
3
- "version": "1.74.3",
3
+ "version": "1.74.5",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -45,13 +45,13 @@
45
45
  }
46
46
  },
47
47
  "dependencies": {
48
- "@tamagui/colors": "1.74.3",
49
- "@tamagui/create-theme": "1.74.3",
50
- "@tamagui/web": "1.74.3"
48
+ "@tamagui/colors": "1.74.5",
49
+ "@tamagui/create-theme": "1.74.5",
50
+ "@tamagui/web": "1.74.5"
51
51
  },
52
52
  "devDependencies": {
53
- "@tamagui/build": "1.74.3",
54
- "@tamagui/cli": "1.74.3",
53
+ "@tamagui/build": "1.74.5",
54
+ "@tamagui/cli": "1.74.5",
55
55
  "vitest": "^0.34.3"
56
56
  },
57
57
  "publishConfig": {