@tamagui/themes 1.84.2 → 1.85.0

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.
@@ -1,11 +1,291 @@
1
1
  import { createThemeBuilder } from "@tamagui/theme-builder";
2
- import { overlayThemeDefinitions } from "./componentThemeDefinitions";
2
+ import {
3
+ blue,
4
+ blueDark,
5
+ gray,
6
+ grayDark,
7
+ green,
8
+ greenDark,
9
+ orange,
10
+ orangeDark,
11
+ pink,
12
+ pinkDark,
13
+ purple,
14
+ purpleDark,
15
+ red,
16
+ redDark,
17
+ yellow,
18
+ yellowDark
19
+ } from "@tamagui/colors";
20
+ import { createTokens } from "@tamagui/web";
3
21
  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) => [
22
+ import { masks as masks2 } from "./masks";
23
+ const colorTokens = {
24
+ light: {
25
+ blue,
26
+ gray,
27
+ green,
28
+ orange,
29
+ pink,
30
+ purple,
31
+ red,
32
+ yellow
33
+ },
34
+ dark: {
35
+ blue: blueDark,
36
+ gray: grayDark,
37
+ green: greenDark,
38
+ orange: orangeDark,
39
+ pink: pinkDark,
40
+ purple: purpleDark,
41
+ red: redDark,
42
+ yellow: yellowDark
43
+ }
44
+ }, palettes = (() => {
45
+ const lightTransparent = "rgba(255,255,255,0)", darkTransparent = "rgba(10,10,10,0)", transparent = (hsl, opacity = 0) => hsl.replace("%)", `%, ${opacity})`).replace("hsl(", "hsla("), getColorPalette = (colors, color2 = colors[0]) => {
46
+ const colorPalette = Object.values(colors), [head, tail] = [
47
+ colorPalette.slice(0, 6),
48
+ colorPalette.slice(colorPalette.length - 5)
49
+ ];
50
+ return [
51
+ transparent(colorPalette[0]),
52
+ ...head,
53
+ ...tail,
54
+ color2,
55
+ transparent(colorPalette[colorPalette.length - 1])
56
+ ];
57
+ }, lightColor = "hsl(0, 0%, 9.0%)", lightPalette = [
58
+ lightTransparent,
59
+ "#fff",
60
+ "#f8f8f8",
61
+ "hsl(0, 0%, 96.3%)",
62
+ "hsl(0, 0%, 94.1%)",
63
+ "hsl(0, 0%, 92.0%)",
64
+ "hsl(0, 0%, 90.0%)",
65
+ "hsl(0, 0%, 88.5%)",
66
+ "hsl(0, 0%, 81.0%)",
67
+ "hsl(0, 0%, 56.1%)",
68
+ "hsl(0, 0%, 50.3%)",
69
+ "hsl(0, 0%, 42.5%)",
70
+ lightColor,
71
+ darkTransparent
72
+ ], darkColor = "#fff", darkPalette = [
73
+ darkTransparent,
74
+ "#050505",
75
+ "#151515",
76
+ "#191919",
77
+ "#232323",
78
+ "#282828",
79
+ "#323232",
80
+ "#424242",
81
+ "#494949",
82
+ "#545454",
83
+ "#626262",
84
+ "#a5a5a5",
85
+ darkColor,
86
+ lightTransparent
87
+ ], lightPalettes = objectFromEntries(
88
+ objectKeys(colorTokens.light).map(
89
+ (key) => [`light_${key}`, getColorPalette(colorTokens.light[key], lightColor)]
90
+ )
91
+ ), darkPalettes = objectFromEntries(
92
+ objectKeys(colorTokens.dark).map(
93
+ (key) => [`dark_${key}`, getColorPalette(colorTokens.dark[key], darkColor)]
94
+ )
95
+ ), colorPalettes = {
96
+ ...lightPalettes,
97
+ ...darkPalettes
98
+ };
99
+ return {
100
+ light: lightPalette,
101
+ dark: darkPalette,
102
+ ...colorPalettes
103
+ };
104
+ })(), templateColorsSpecific = {
105
+ color1: 1,
106
+ color2: 2,
107
+ color3: 3,
108
+ color4: 4,
109
+ color5: 5,
110
+ color6: 6,
111
+ color7: 7,
112
+ color8: 8,
113
+ color9: 9,
114
+ color10: 10,
115
+ color11: 11,
116
+ color12: 12
117
+ }, templates = (() => {
118
+ const template = {
119
+ ...templateColorsSpecific,
120
+ // the background, color, etc keys here work like generics - they make it so you
121
+ // can publish components for others to use without mandating a specific color scale
122
+ // the @tamagui/button Button component looks for `$background`, so you set the
123
+ // dark_red_Button theme to have a stronger background than the dark_red theme.
124
+ background: 2,
125
+ backgroundHover: 3,
126
+ backgroundPress: 4,
127
+ backgroundFocus: 5,
128
+ backgroundStrong: 1,
129
+ backgroundTransparent: 0,
130
+ color: -1,
131
+ colorHover: -2,
132
+ colorPress: -1,
133
+ colorFocus: -2,
134
+ colorTransparent: -0,
135
+ borderColor: 5,
136
+ borderColorHover: 6,
137
+ borderColorFocus: 4,
138
+ borderColorPress: 5,
139
+ placeholderColor: -4
140
+ };
141
+ return {
142
+ base: template,
143
+ colorLight: {
144
+ ...template,
145
+ // light color themes are a bit less sensitive
146
+ borderColor: 4,
147
+ borderColorHover: 5,
148
+ borderColorFocus: 4,
149
+ borderColorPress: 4
150
+ }
151
+ };
152
+ })(), maskOptions = (() => {
153
+ const shadows2 = {
154
+ shadowColor: 0,
155
+ shadowColorHover: 0,
156
+ shadowColorPress: 0,
157
+ shadowColorFocus: 0
158
+ }, colors = {
159
+ ...shadows2,
160
+ color: 0,
161
+ colorHover: 0,
162
+ colorFocus: 0,
163
+ colorPress: 0
164
+ }, baseMaskOptions = {
165
+ override: shadows2,
166
+ skip: shadows2,
167
+ // avoids the transparent ends
168
+ max: palettes.light.length - 2,
169
+ min: 1
170
+ }, skipShadowsAndSpecificColors = {
171
+ ...shadows2,
172
+ ...templateColorsSpecific
173
+ };
174
+ return {
175
+ component: {
176
+ ...baseMaskOptions,
177
+ override: colors,
178
+ skip: skipShadowsAndSpecificColors
179
+ },
180
+ alt: {
181
+ ...baseMaskOptions
182
+ },
183
+ button: {
184
+ ...baseMaskOptions,
185
+ override: {
186
+ ...colors,
187
+ borderColor: "transparent",
188
+ borderColorHover: "transparent"
189
+ },
190
+ skip: skipShadowsAndSpecificColors
191
+ }
192
+ };
193
+ })(), lightShadowColor = "rgba(0,0,0,0.04)", lightShadowColorStrong = "rgba(0,0,0,0.085)", darkShadowColor = "rgba(0,0,0,0.2)", darkShadowColorStrong = "rgba(0,0,0,0.3)", size = {
194
+ $0: 0,
195
+ "$0.25": 2,
196
+ "$0.5": 4,
197
+ "$0.75": 8,
198
+ $1: 20,
199
+ "$1.5": 24,
200
+ $2: 28,
201
+ "$2.5": 32,
202
+ $3: 36,
203
+ "$3.5": 40,
204
+ $4: 44,
205
+ $true: 44,
206
+ "$4.5": 48,
207
+ $5: 52,
208
+ $6: 64,
209
+ $7: 74,
210
+ $8: 84,
211
+ $9: 94,
212
+ $10: 104,
213
+ $11: 124,
214
+ $12: 144,
215
+ $13: 164,
216
+ $14: 184,
217
+ $15: 204,
218
+ $16: 224,
219
+ $17: 224,
220
+ $18: 244,
221
+ $19: 264,
222
+ $20: 284
223
+ }, spaces = Object.entries(size).map(([k, v]) => [k, sizeToSpace(v)]), spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]), space = {
224
+ ...Object.fromEntries(spaces),
225
+ ...Object.fromEntries(spacesNegative)
226
+ }, zIndex = {
227
+ 0: 0,
228
+ 1: 100,
229
+ 2: 200,
230
+ 3: 300,
231
+ 4: 400,
232
+ 5: 500
233
+ }, darkColors = {
234
+ ...colorTokens.dark.blue,
235
+ ...colorTokens.dark.gray,
236
+ ...colorTokens.dark.green,
237
+ ...colorTokens.dark.orange,
238
+ ...colorTokens.dark.pink,
239
+ ...colorTokens.dark.purple,
240
+ ...colorTokens.dark.red,
241
+ ...colorTokens.dark.yellow
242
+ }, lightColors = {
243
+ ...colorTokens.light.blue,
244
+ ...colorTokens.light.gray,
245
+ ...colorTokens.light.green,
246
+ ...colorTokens.light.orange,
247
+ ...colorTokens.light.pink,
248
+ ...colorTokens.light.purple,
249
+ ...colorTokens.light.red,
250
+ ...colorTokens.light.yellow
251
+ }, color = {
252
+ ...postfixObjKeys(lightColors, "Light"),
253
+ ...postfixObjKeys(darkColors, "Dark")
254
+ }, radius = {
255
+ 0: 0,
256
+ 1: 3,
257
+ 2: 5,
258
+ 3: 7,
259
+ 4: 9,
260
+ true: 9,
261
+ 5: 10,
262
+ 6: 16,
263
+ 7: 19,
264
+ 8: 22,
265
+ 9: 26,
266
+ 10: 34,
267
+ 11: 42,
268
+ 12: 50
269
+ }, tokens = createTokens({
270
+ color,
271
+ radius,
272
+ zIndex,
273
+ space,
274
+ size
275
+ }), shadows = {
276
+ light: {
277
+ shadowColor: lightShadowColorStrong,
278
+ shadowColorHover: lightShadowColorStrong,
279
+ shadowColorPress: lightShadowColor,
280
+ shadowColorFocus: lightShadowColor
281
+ },
282
+ dark: {
283
+ shadowColor: darkShadowColorStrong,
284
+ shadowColorHover: darkShadowColorStrong,
285
+ shadowColorPress: darkShadowColor,
286
+ shadowColorFocus: darkShadowColor
287
+ }
288
+ }, colorThemeDefinition = (colorName) => [
9
289
  {
10
290
  parent: "light",
11
291
  palette: colorName,
@@ -25,7 +305,20 @@ const colorThemeDefinition = (colorName) => [
25
305
  ...darkColors,
26
306
  ...shadows.dark
27
307
  }
28
- }, themesBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
308
+ }, overlayThemeDefinitions = [
309
+ {
310
+ parent: "light",
311
+ theme: {
312
+ background: "rgba(0,0,0,0.5)"
313
+ }
314
+ },
315
+ {
316
+ parent: "dark",
317
+ theme: {
318
+ background: "rgba(0,0,0,0.9)"
319
+ }
320
+ }
321
+ ], themeBuilder = createThemeBuilder().addPalettes(palettes).addTemplates(templates).addMasks(masks).addThemes({
29
322
  light: {
30
323
  template: "base",
31
324
  palette: "light",
@@ -163,8 +456,27 @@ const colorThemeDefinition = (colorName) => [
163
456
  // to save bundle size but make alt themes not work on components
164
457
  // avoidNestingWithin: ['alt1', 'alt2'],
165
458
  }
166
- ), themesIn = themesBuilder.build(), themes = themesIn;
459
+ ), themesIn = themeBuilder.build(), themes = themesIn;
460
+ function postfixObjKeys(obj, postfix) {
461
+ return Object.fromEntries(
462
+ Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])
463
+ );
464
+ }
465
+ function sizeToSpace(v) {
466
+ return v === 0 ? 0 : v === 2 ? 0.5 : v === 4 ? 1 : v === 8 ? 1.5 : v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12);
467
+ }
468
+ function objectFromEntries(arr) {
469
+ return Object.fromEntries(arr);
470
+ }
471
+ function objectKeys(obj) {
472
+ return Object.keys(obj);
473
+ }
167
474
  export {
168
- themes
475
+ maskOptions,
476
+ masks2 as masks,
477
+ palettes,
478
+ templates,
479
+ themes,
480
+ tokens
169
481
  };
170
482
  //# sourceMappingURL=v2-themes.js.map
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/v2-themes.ts"],
4
- "mappings": "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",
5
- "names": []
4
+ "mappings": "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",
5
+ "names": ["masks", "color", "shadows"]
6
6
  }
package/dist/esm/v2.js CHANGED
@@ -1,9 +1,4 @@
1
- export * from "./tokens";
2
- export * from "./masks";
3
- export * from "./componentThemeDefinitions";
4
- export * from "./palettes";
5
- export * from "./templates";
6
- export * from "./shadows";
1
+ export * from "./v2-themes";
7
2
  import { blue, blueDark } from "@tamagui/colors";
8
3
  import { green, greenDark } from "@tamagui/colors";
9
4
  import { red, redDark } from "@tamagui/colors";
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
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;",
4
+ "mappings": "AAAA,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
5
  "names": []
6
6
  }
@@ -1,9 +1,4 @@
1
- export * from "./tokens";
2
- export * from "./masks";
3
- export * from "./componentThemeDefinitions";
4
- export * from "./palettes";
5
- export * from "./templates";
6
- export * from "./shadows";
1
+ export * from "./v2-themes";
7
2
  import { blue, blueDark } from "@tamagui/colors";
8
3
  import { green, greenDark } from "@tamagui/colors";
9
4
  import { red, redDark } from "@tamagui/colors";
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
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;",
4
+ "mappings": "AAAA,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
5
  "names": []
6
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/themes",
3
- "version": "1.84.2",
3
+ "version": "1.85.0",
4
4
  "types": "./types/index.d.ts",
5
5
  "main": "dist/cjs",
6
6
  "module": "dist/esm",
@@ -48,14 +48,14 @@
48
48
  }
49
49
  },
50
50
  "dependencies": {
51
- "@tamagui/colors": "1.84.2",
52
- "@tamagui/create-theme": "1.84.2",
53
- "@tamagui/theme-builder": "1.84.2",
54
- "@tamagui/web": "1.84.2"
51
+ "@tamagui/colors": "1.85.0",
52
+ "@tamagui/create-theme": "1.85.0",
53
+ "@tamagui/theme-builder": "1.85.0",
54
+ "@tamagui/web": "1.85.0"
55
55
  },
56
56
  "devDependencies": {
57
- "@tamagui/build": "1.84.2",
58
- "@tamagui/cli": "1.84.2",
57
+ "@tamagui/build": "1.85.0",
58
+ "@tamagui/cli": "1.85.0",
59
59
  "vitest": "^0.34.3"
60
60
  },
61
61
  "publishConfig": {
package/src/tokens.tsx CHANGED
@@ -1,5 +1,4 @@
1
1
  import {
2
- blackA,
3
2
  blue,
4
3
  blueDark,
5
4
  gray,
@@ -157,7 +156,7 @@ export const color = {
157
156
 
158
157
  function postfixObjKeys<
159
158
  A extends { [key: string]: Variable<string> | string },
160
- B extends string
159
+ B extends string,
161
160
  >(
162
161
  obj: A,
163
162
  postfix: B
@@ -192,11 +191,4 @@ export const tokens = createTokens({
192
191
  zIndex,
193
192
  space,
194
193
  size,
195
-
196
- // testing
197
- icon: {
198
- sm: 16,
199
- md: 24,
200
- lg: 32,
201
- },
202
194
  })