@tamagui/config 1.126.0 → 1.126.2
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.
- package/.turbo/turbo-build.log +1 -1
- package/dist/cjs/v4.cjs +9 -147
- package/dist/cjs/v4.js +6 -157
- package/dist/cjs/v4.js.map +2 -2
- package/dist/cjs/v4.native.js +5 -157
- package/dist/cjs/v4.native.js.map +2 -2
- package/dist/esm/v4.js +5 -150
- package/dist/esm/v4.js.map +2 -2
- package/dist/esm/v4.mjs +5 -131
- package/dist/esm/v4.mjs.map +1 -1
- package/dist/esm/v4.native.js +5 -131
- package/dist/esm/v4.native.js.map +1 -1
- package/package.json +12 -12
- package/src/v4.ts +2 -185
- package/types/v4.d.ts +42 -183
- package/types/v4.d.ts.map +1 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
built @tamagui/config in
|
|
1
|
+
built @tamagui/config in 1353 ms
|
package/dist/cjs/v4.cjs
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var
|
|
6
|
-
__hasOwnProp = Object.prototype.hasOwnProperty;
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
5
|
var __export = (target, all) => {
|
|
8
6
|
for (var name in all) __defProp(target, name, {
|
|
9
7
|
get: all[name],
|
|
@@ -17,24 +15,15 @@ var __export = (target, all) => {
|
|
|
17
15
|
});
|
|
18
16
|
return to;
|
|
19
17
|
};
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
24
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
25
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
|
|
26
|
-
value: mod,
|
|
27
|
-
enumerable: !0
|
|
28
|
-
}) : target, mod)),
|
|
29
|
-
__toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
30
|
-
value: !0
|
|
31
|
-
}), mod);
|
|
18
|
+
var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
|
|
19
|
+
value: !0
|
|
20
|
+
}), mod);
|
|
32
21
|
var v4_exports = {};
|
|
33
22
|
__export(v4_exports, {
|
|
34
23
|
animations: () => import_v4_animations.animations,
|
|
35
24
|
breakpoints: () => import_v4_media2.breakpoints,
|
|
36
25
|
createSystemFont: () => import_v4_fonts2.createSystemFont,
|
|
37
|
-
createThemes: () =>
|
|
26
|
+
createThemes: () => import_theme_builder.createThemes,
|
|
38
27
|
defaultConfig: () => defaultConfig,
|
|
39
28
|
fonts: () => import_v4_fonts2.fonts,
|
|
40
29
|
media: () => import_v4_media2.media,
|
|
@@ -43,148 +32,21 @@ __export(v4_exports, {
|
|
|
43
32
|
settings: () => settings,
|
|
44
33
|
shorthands: () => import_v43.shorthands,
|
|
45
34
|
tamaguiThemes: () => import_v44.tamaguiThemes,
|
|
46
|
-
themes: () => themes,
|
|
47
35
|
tokens: () => import_v44.tokens
|
|
48
36
|
});
|
|
49
37
|
module.exports = __toCommonJS(v4_exports);
|
|
50
|
-
var
|
|
51
|
-
import_v4 = require("@tamagui/shorthands/v4"),
|
|
52
|
-
import_theme_builder = require("@tamagui/theme-builder"),
|
|
38
|
+
var import_v4 = require("@tamagui/shorthands/v4"),
|
|
53
39
|
import_v42 = require("@tamagui/themes/v4"),
|
|
54
40
|
import_v3_animations = require("./v3-animations.cjs"),
|
|
55
41
|
import_v4_fonts = require("./v4-fonts.cjs"),
|
|
56
42
|
import_v4_media = require("./v4-media.cjs"),
|
|
57
43
|
import_v43 = require("@tamagui/shorthands/v4"),
|
|
58
|
-
|
|
44
|
+
import_theme_builder = require("@tamagui/theme-builder"),
|
|
59
45
|
import_v44 = require("@tamagui/themes/v4"),
|
|
60
46
|
import_v4_animations = require("./v4-animations.cjs"),
|
|
61
47
|
import_v4_fonts2 = require("./v4-fonts.cjs"),
|
|
62
48
|
import_v4_media2 = require("./v4-media.cjs");
|
|
63
|
-
const
|
|
64
|
-
lightPalette = ["#fff", "#f2f2f2", "hsl(0, 0%, 93%)", "hsl(0, 0%, 91%)", "hsl(0, 0%, 88%)", "hsl(0, 0%, 85%)", "hsl(0, 0%, 82%)", "hsl(0, 0%, 76%)", "hsl(0, 0%, 56%)", "hsl(0, 0%, 50%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 9%)"],
|
|
65
|
-
lightShadows = {
|
|
66
|
-
shadow1: "rgba(0,0,0,0.04)",
|
|
67
|
-
shadow2: "rgba(0,0,0,0.08)",
|
|
68
|
-
shadow3: "rgba(0,0,0,0.16)",
|
|
69
|
-
shadow4: "rgba(0,0,0,0.24)",
|
|
70
|
-
shadow5: "rgba(0,0,0,0.32)",
|
|
71
|
-
shadow6: "rgba(0,0,0,0.4)"
|
|
72
|
-
},
|
|
73
|
-
darkShadows = {
|
|
74
|
-
shadow1: "rgba(0,0,0,0.2)",
|
|
75
|
-
shadow2: "rgba(0,0,0,0.3)",
|
|
76
|
-
shadow3: "rgba(0,0,0,0.4)",
|
|
77
|
-
shadow4: "rgba(0,0,0,0.5)",
|
|
78
|
-
shadow5: "rgba(0,0,0,0.6)",
|
|
79
|
-
shadow6: "rgba(0,0,0,0.7)"
|
|
80
|
-
},
|
|
81
|
-
blackColors = {
|
|
82
|
-
black1: darkPalette[0],
|
|
83
|
-
black2: darkPalette[1],
|
|
84
|
-
black3: darkPalette[2],
|
|
85
|
-
black4: darkPalette[3],
|
|
86
|
-
black5: darkPalette[4],
|
|
87
|
-
black6: darkPalette[5],
|
|
88
|
-
black7: darkPalette[6],
|
|
89
|
-
black8: darkPalette[7],
|
|
90
|
-
black9: darkPalette[8],
|
|
91
|
-
black10: darkPalette[9],
|
|
92
|
-
black11: darkPalette[10],
|
|
93
|
-
black12: darkPalette[11]
|
|
94
|
-
},
|
|
95
|
-
whiteColors = {
|
|
96
|
-
white1: lightPalette[0],
|
|
97
|
-
white2: lightPalette[1],
|
|
98
|
-
white3: lightPalette[2],
|
|
99
|
-
white4: lightPalette[3],
|
|
100
|
-
white5: lightPalette[4],
|
|
101
|
-
white6: lightPalette[5],
|
|
102
|
-
white7: lightPalette[6],
|
|
103
|
-
white8: lightPalette[7],
|
|
104
|
-
white9: lightPalette[8],
|
|
105
|
-
white10: lightPalette[9],
|
|
106
|
-
white11: lightPalette[10],
|
|
107
|
-
white12: lightPalette[11]
|
|
108
|
-
},
|
|
109
|
-
generatedThemes = (0, import_theme_builder.createThemes)({
|
|
110
|
-
componentThemes: import_theme_builder.defaultComponentThemes,
|
|
111
|
-
base: {
|
|
112
|
-
palette: {
|
|
113
|
-
dark: darkPalette,
|
|
114
|
-
light: lightPalette
|
|
115
|
-
},
|
|
116
|
-
// for values we don't want being inherited onto sub-themes
|
|
117
|
-
extra: {
|
|
118
|
-
light: {
|
|
119
|
-
...Colors.blue,
|
|
120
|
-
...Colors.green,
|
|
121
|
-
...Colors.red,
|
|
122
|
-
...Colors.yellow,
|
|
123
|
-
...lightShadows,
|
|
124
|
-
...blackColors,
|
|
125
|
-
...whiteColors,
|
|
126
|
-
shadowColor: lightShadows.shadow1
|
|
127
|
-
},
|
|
128
|
-
dark: {
|
|
129
|
-
...Colors.blueDark,
|
|
130
|
-
...Colors.greenDark,
|
|
131
|
-
...Colors.redDark,
|
|
132
|
-
...Colors.yellowDark,
|
|
133
|
-
...darkShadows,
|
|
134
|
-
...blackColors,
|
|
135
|
-
...whiteColors,
|
|
136
|
-
shadowColor: darkShadows.shadow1
|
|
137
|
-
}
|
|
138
|
-
}
|
|
139
|
-
},
|
|
140
|
-
// inverse accent theme
|
|
141
|
-
accent: {
|
|
142
|
-
palette: {
|
|
143
|
-
dark: lightPalette,
|
|
144
|
-
light: darkPalette
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
childrenThemes: {
|
|
148
|
-
black: {
|
|
149
|
-
palette: {
|
|
150
|
-
dark: Object.values(blackColors),
|
|
151
|
-
light: Object.values(blackColors)
|
|
152
|
-
}
|
|
153
|
-
},
|
|
154
|
-
white: {
|
|
155
|
-
palette: {
|
|
156
|
-
dark: Object.values(whiteColors),
|
|
157
|
-
light: Object.values(whiteColors)
|
|
158
|
-
}
|
|
159
|
-
},
|
|
160
|
-
blue: {
|
|
161
|
-
palette: {
|
|
162
|
-
dark: Object.values(Colors.blueDark),
|
|
163
|
-
light: Object.values(Colors.blue)
|
|
164
|
-
}
|
|
165
|
-
},
|
|
166
|
-
red: {
|
|
167
|
-
palette: {
|
|
168
|
-
dark: Object.values(Colors.redDark),
|
|
169
|
-
light: Object.values(Colors.red)
|
|
170
|
-
}
|
|
171
|
-
},
|
|
172
|
-
yellow: {
|
|
173
|
-
palette: {
|
|
174
|
-
dark: Object.values(Colors.yellowDark),
|
|
175
|
-
light: Object.values(Colors.yellow)
|
|
176
|
-
}
|
|
177
|
-
},
|
|
178
|
-
green: {
|
|
179
|
-
palette: {
|
|
180
|
-
dark: Object.values(Colors.greenDark),
|
|
181
|
-
light: Object.values(Colors.green)
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
}
|
|
185
|
-
}),
|
|
186
|
-
themes = process.env.TAMAGUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : generatedThemes,
|
|
187
|
-
selectionStyles = theme => theme.color5 ? {
|
|
49
|
+
const selectionStyles = theme => theme.color5 ? {
|
|
188
50
|
backgroundColor: theme.color5,
|
|
189
51
|
color: theme.color11
|
|
190
52
|
} : null,
|
|
@@ -204,7 +66,7 @@ const darkPalette = ["#050505", "#151515", "#191919", "#232323", "#282828", "#32
|
|
|
204
66
|
animations: import_v3_animations.animations,
|
|
205
67
|
media: import_v4_media.media,
|
|
206
68
|
shorthands: import_v4.shorthands,
|
|
207
|
-
themes,
|
|
69
|
+
themes: import_v42.defaultThemes,
|
|
208
70
|
tokens: import_v42.tokens,
|
|
209
71
|
fonts: import_v4_fonts.fonts,
|
|
210
72
|
selectionStyles,
|
package/dist/cjs/v4.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
7
|
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
@@ -12,20 +11,13 @@ var __export = (target, all) => {
|
|
|
12
11
|
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
12
|
return to;
|
|
14
13
|
};
|
|
15
|
-
var
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
15
|
var v4_exports = {};
|
|
24
16
|
__export(v4_exports, {
|
|
25
17
|
animations: () => import_v4_animations.animations,
|
|
26
18
|
breakpoints: () => import_v4_media2.breakpoints,
|
|
27
19
|
createSystemFont: () => import_v4_fonts2.createSystemFont,
|
|
28
|
-
createThemes: () =>
|
|
20
|
+
createThemes: () => import_theme_builder.createThemes,
|
|
29
21
|
defaultConfig: () => defaultConfig,
|
|
30
22
|
fonts: () => import_v4_fonts2.fonts,
|
|
31
23
|
media: () => import_v4_media2.media,
|
|
@@ -34,154 +26,11 @@ __export(v4_exports, {
|
|
|
34
26
|
settings: () => settings,
|
|
35
27
|
shorthands: () => import_v43.shorthands,
|
|
36
28
|
tamaguiThemes: () => import_v44.tamaguiThemes,
|
|
37
|
-
themes: () => themes,
|
|
38
29
|
tokens: () => import_v44.tokens
|
|
39
30
|
});
|
|
40
31
|
module.exports = __toCommonJS(v4_exports);
|
|
41
|
-
var
|
|
42
|
-
const
|
|
43
|
-
"#050505",
|
|
44
|
-
"#151515",
|
|
45
|
-
"#191919",
|
|
46
|
-
"#232323",
|
|
47
|
-
"#282828",
|
|
48
|
-
"#323232",
|
|
49
|
-
"#424242",
|
|
50
|
-
"#494949",
|
|
51
|
-
"#545454",
|
|
52
|
-
"#626262",
|
|
53
|
-
"#a5a5a5",
|
|
54
|
-
"#fff"
|
|
55
|
-
], lightPalette = [
|
|
56
|
-
"#fff",
|
|
57
|
-
"#f2f2f2",
|
|
58
|
-
"hsl(0, 0%, 93%)",
|
|
59
|
-
"hsl(0, 0%, 91%)",
|
|
60
|
-
"hsl(0, 0%, 88%)",
|
|
61
|
-
"hsl(0, 0%, 85%)",
|
|
62
|
-
"hsl(0, 0%, 82%)",
|
|
63
|
-
"hsl(0, 0%, 76%)",
|
|
64
|
-
"hsl(0, 0%, 56%)",
|
|
65
|
-
"hsl(0, 0%, 50%)",
|
|
66
|
-
"hsl(0, 0%, 42%)",
|
|
67
|
-
"hsl(0, 0%, 9%)"
|
|
68
|
-
], lightShadows = {
|
|
69
|
-
shadow1: "rgba(0,0,0,0.04)",
|
|
70
|
-
shadow2: "rgba(0,0,0,0.08)",
|
|
71
|
-
shadow3: "rgba(0,0,0,0.16)",
|
|
72
|
-
shadow4: "rgba(0,0,0,0.24)",
|
|
73
|
-
shadow5: "rgba(0,0,0,0.32)",
|
|
74
|
-
shadow6: "rgba(0,0,0,0.4)"
|
|
75
|
-
}, darkShadows = {
|
|
76
|
-
shadow1: "rgba(0,0,0,0.2)",
|
|
77
|
-
shadow2: "rgba(0,0,0,0.3)",
|
|
78
|
-
shadow3: "rgba(0,0,0,0.4)",
|
|
79
|
-
shadow4: "rgba(0,0,0,0.5)",
|
|
80
|
-
shadow5: "rgba(0,0,0,0.6)",
|
|
81
|
-
shadow6: "rgba(0,0,0,0.7)"
|
|
82
|
-
}, blackColors = {
|
|
83
|
-
black1: darkPalette[0],
|
|
84
|
-
black2: darkPalette[1],
|
|
85
|
-
black3: darkPalette[2],
|
|
86
|
-
black4: darkPalette[3],
|
|
87
|
-
black5: darkPalette[4],
|
|
88
|
-
black6: darkPalette[5],
|
|
89
|
-
black7: darkPalette[6],
|
|
90
|
-
black8: darkPalette[7],
|
|
91
|
-
black9: darkPalette[8],
|
|
92
|
-
black10: darkPalette[9],
|
|
93
|
-
black11: darkPalette[10],
|
|
94
|
-
black12: darkPalette[11]
|
|
95
|
-
}, whiteColors = {
|
|
96
|
-
white1: lightPalette[0],
|
|
97
|
-
white2: lightPalette[1],
|
|
98
|
-
white3: lightPalette[2],
|
|
99
|
-
white4: lightPalette[3],
|
|
100
|
-
white5: lightPalette[4],
|
|
101
|
-
white6: lightPalette[5],
|
|
102
|
-
white7: lightPalette[6],
|
|
103
|
-
white8: lightPalette[7],
|
|
104
|
-
white9: lightPalette[8],
|
|
105
|
-
white10: lightPalette[9],
|
|
106
|
-
white11: lightPalette[10],
|
|
107
|
-
white12: lightPalette[11]
|
|
108
|
-
}, generatedThemes = (0, import_theme_builder.createThemes)({
|
|
109
|
-
componentThemes: import_theme_builder.defaultComponentThemes,
|
|
110
|
-
base: {
|
|
111
|
-
palette: {
|
|
112
|
-
dark: darkPalette,
|
|
113
|
-
light: lightPalette
|
|
114
|
-
},
|
|
115
|
-
// for values we don't want being inherited onto sub-themes
|
|
116
|
-
extra: {
|
|
117
|
-
light: {
|
|
118
|
-
...Colors.blue,
|
|
119
|
-
...Colors.green,
|
|
120
|
-
...Colors.red,
|
|
121
|
-
...Colors.yellow,
|
|
122
|
-
...lightShadows,
|
|
123
|
-
...blackColors,
|
|
124
|
-
...whiteColors,
|
|
125
|
-
shadowColor: lightShadows.shadow1
|
|
126
|
-
},
|
|
127
|
-
dark: {
|
|
128
|
-
...Colors.blueDark,
|
|
129
|
-
...Colors.greenDark,
|
|
130
|
-
...Colors.redDark,
|
|
131
|
-
...Colors.yellowDark,
|
|
132
|
-
...darkShadows,
|
|
133
|
-
...blackColors,
|
|
134
|
-
...whiteColors,
|
|
135
|
-
shadowColor: darkShadows.shadow1
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
// inverse accent theme
|
|
140
|
-
accent: {
|
|
141
|
-
palette: {
|
|
142
|
-
dark: lightPalette,
|
|
143
|
-
light: darkPalette
|
|
144
|
-
}
|
|
145
|
-
},
|
|
146
|
-
childrenThemes: {
|
|
147
|
-
black: {
|
|
148
|
-
palette: {
|
|
149
|
-
dark: Object.values(blackColors),
|
|
150
|
-
light: Object.values(blackColors)
|
|
151
|
-
}
|
|
152
|
-
},
|
|
153
|
-
white: {
|
|
154
|
-
palette: {
|
|
155
|
-
dark: Object.values(whiteColors),
|
|
156
|
-
light: Object.values(whiteColors)
|
|
157
|
-
}
|
|
158
|
-
},
|
|
159
|
-
blue: {
|
|
160
|
-
palette: {
|
|
161
|
-
dark: Object.values(Colors.blueDark),
|
|
162
|
-
light: Object.values(Colors.blue)
|
|
163
|
-
}
|
|
164
|
-
},
|
|
165
|
-
red: {
|
|
166
|
-
palette: {
|
|
167
|
-
dark: Object.values(Colors.redDark),
|
|
168
|
-
light: Object.values(Colors.red)
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
yellow: {
|
|
172
|
-
palette: {
|
|
173
|
-
dark: Object.values(Colors.yellowDark),
|
|
174
|
-
light: Object.values(Colors.yellow)
|
|
175
|
-
}
|
|
176
|
-
},
|
|
177
|
-
green: {
|
|
178
|
-
palette: {
|
|
179
|
-
dark: Object.values(Colors.greenDark),
|
|
180
|
-
light: Object.values(Colors.green)
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
}), themes = process.env.TAMAGUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : generatedThemes, selectionStyles = (theme) => theme.color5 ? {
|
|
32
|
+
var import_v4 = require("@tamagui/shorthands/v4"), import_v42 = require("@tamagui/themes/v4"), import_v3_animations = require("./v3-animations"), import_v4_fonts = require("./v4-fonts"), import_v4_media = require("./v4-media"), import_v43 = require("@tamagui/shorthands/v4"), import_theme_builder = require("@tamagui/theme-builder"), import_v44 = require("@tamagui/themes/v4"), import_v4_animations = require("./v4-animations"), import_v4_fonts2 = require("./v4-fonts"), import_v4_media2 = require("./v4-media");
|
|
33
|
+
const selectionStyles = (theme) => theme.color5 ? {
|
|
185
34
|
backgroundColor: theme.color5,
|
|
186
35
|
color: theme.color11
|
|
187
36
|
} : null, settings = {
|
|
@@ -199,7 +48,7 @@ const darkPalette = [
|
|
|
199
48
|
animations: import_v3_animations.animations,
|
|
200
49
|
media: import_v4_media.media,
|
|
201
50
|
shorthands: import_v4.shorthands,
|
|
202
|
-
themes,
|
|
51
|
+
themes: import_v42.defaultThemes,
|
|
203
52
|
tokens: import_v42.tokens,
|
|
204
53
|
fonts: import_v4_fonts.fonts,
|
|
205
54
|
selectionStyles,
|
package/dist/cjs/v4.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/v4.ts"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["import_v4", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAA2B,mCAC3BA,aAAsC,+BAEtC,uBAA2B,4BAC3B,kBAAsB,uBACtB,kBAA+C,uBAE/CA,aAA2B,mCAC3B,uBAA6B,mCAC7BA,aAAsC,+BACtC,uBAA2B,4BAC3BC,mBAAwC,uBACxCC,mBAA4D;AAIrD,MAAM,kBAAkB,CAAC,UAC9B,MAAM,SACF;AAAA,EACE,iBAAiB,MAAM;AAAA,EACvB,OAAO,MAAM;AACf,IACA,MAEO,WAAW;AAAA,EACtB;AAAA,EACA,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,6BAA6B;AAAA,EAC7B,oBAAoB;AAAA,EACpB,sBAAsB;AAAA,EACtB,qBAAqB;AAAA;AAAA;AAAA,EAGrB,qBAAqB;AACvB,GAEa,gBAAgB;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;",
|
|
5
|
+
"names": ["import_v4", "import_v4_fonts", "import_v4_media"]
|
|
6
6
|
}
|
package/dist/cjs/v4.native.js
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
6
|
var __export = (target, all) => {
|
|
8
7
|
for (var name in all)
|
|
9
8
|
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
@@ -13,20 +12,13 @@ var __export = (target, all) => {
|
|
|
13
12
|
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
13
|
return to;
|
|
15
14
|
};
|
|
16
|
-
var
|
|
17
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
-
mod
|
|
23
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
16
|
var v4_exports = {};
|
|
25
17
|
__export(v4_exports, {
|
|
26
18
|
animations: () => import_v4_animations.animations,
|
|
27
19
|
breakpoints: () => import_v4_media2.breakpoints,
|
|
28
20
|
createSystemFont: () => import_v4_fonts2.createSystemFont,
|
|
29
|
-
createThemes: () =>
|
|
21
|
+
createThemes: () => import_theme_builder.createThemes,
|
|
30
22
|
defaultConfig: () => defaultConfig,
|
|
31
23
|
fonts: () => import_v4_fonts2.fonts,
|
|
32
24
|
media: () => import_v4_media2.media,
|
|
@@ -35,153 +27,10 @@ __export(v4_exports, {
|
|
|
35
27
|
settings: () => settings,
|
|
36
28
|
shorthands: () => import_v43.shorthands,
|
|
37
29
|
tamaguiThemes: () => import_v44.tamaguiThemes,
|
|
38
|
-
themes: () => themes,
|
|
39
30
|
tokens: () => import_v44.tokens
|
|
40
31
|
});
|
|
41
32
|
module.exports = __toCommonJS(v4_exports);
|
|
42
|
-
var
|
|
43
|
-
"#050505",
|
|
44
|
-
"#151515",
|
|
45
|
-
"#191919",
|
|
46
|
-
"#232323",
|
|
47
|
-
"#282828",
|
|
48
|
-
"#323232",
|
|
49
|
-
"#424242",
|
|
50
|
-
"#494949",
|
|
51
|
-
"#545454",
|
|
52
|
-
"#626262",
|
|
53
|
-
"#a5a5a5",
|
|
54
|
-
"#fff"
|
|
55
|
-
], lightPalette = [
|
|
56
|
-
"#fff",
|
|
57
|
-
"#f2f2f2",
|
|
58
|
-
"hsl(0, 0%, 93%)",
|
|
59
|
-
"hsl(0, 0%, 91%)",
|
|
60
|
-
"hsl(0, 0%, 88%)",
|
|
61
|
-
"hsl(0, 0%, 85%)",
|
|
62
|
-
"hsl(0, 0%, 82%)",
|
|
63
|
-
"hsl(0, 0%, 76%)",
|
|
64
|
-
"hsl(0, 0%, 56%)",
|
|
65
|
-
"hsl(0, 0%, 50%)",
|
|
66
|
-
"hsl(0, 0%, 42%)",
|
|
67
|
-
"hsl(0, 0%, 9%)"
|
|
68
|
-
], lightShadows = {
|
|
69
|
-
shadow1: "rgba(0,0,0,0.04)",
|
|
70
|
-
shadow2: "rgba(0,0,0,0.08)",
|
|
71
|
-
shadow3: "rgba(0,0,0,0.16)",
|
|
72
|
-
shadow4: "rgba(0,0,0,0.24)",
|
|
73
|
-
shadow5: "rgba(0,0,0,0.32)",
|
|
74
|
-
shadow6: "rgba(0,0,0,0.4)"
|
|
75
|
-
}, darkShadows = {
|
|
76
|
-
shadow1: "rgba(0,0,0,0.2)",
|
|
77
|
-
shadow2: "rgba(0,0,0,0.3)",
|
|
78
|
-
shadow3: "rgba(0,0,0,0.4)",
|
|
79
|
-
shadow4: "rgba(0,0,0,0.5)",
|
|
80
|
-
shadow5: "rgba(0,0,0,0.6)",
|
|
81
|
-
shadow6: "rgba(0,0,0,0.7)"
|
|
82
|
-
}, blackColors = {
|
|
83
|
-
black1: darkPalette[0],
|
|
84
|
-
black2: darkPalette[1],
|
|
85
|
-
black3: darkPalette[2],
|
|
86
|
-
black4: darkPalette[3],
|
|
87
|
-
black5: darkPalette[4],
|
|
88
|
-
black6: darkPalette[5],
|
|
89
|
-
black7: darkPalette[6],
|
|
90
|
-
black8: darkPalette[7],
|
|
91
|
-
black9: darkPalette[8],
|
|
92
|
-
black10: darkPalette[9],
|
|
93
|
-
black11: darkPalette[10],
|
|
94
|
-
black12: darkPalette[11]
|
|
95
|
-
}, whiteColors = {
|
|
96
|
-
white1: lightPalette[0],
|
|
97
|
-
white2: lightPalette[1],
|
|
98
|
-
white3: lightPalette[2],
|
|
99
|
-
white4: lightPalette[3],
|
|
100
|
-
white5: lightPalette[4],
|
|
101
|
-
white6: lightPalette[5],
|
|
102
|
-
white7: lightPalette[6],
|
|
103
|
-
white8: lightPalette[7],
|
|
104
|
-
white9: lightPalette[8],
|
|
105
|
-
white10: lightPalette[9],
|
|
106
|
-
white11: lightPalette[10],
|
|
107
|
-
white12: lightPalette[11]
|
|
108
|
-
}, generatedThemes = (0, import_theme_builder.createThemes)({
|
|
109
|
-
componentThemes: import_theme_builder.defaultComponentThemes,
|
|
110
|
-
base: {
|
|
111
|
-
palette: {
|
|
112
|
-
dark: darkPalette,
|
|
113
|
-
light: lightPalette
|
|
114
|
-
},
|
|
115
|
-
// for values we don't want being inherited onto sub-themes
|
|
116
|
-
extra: {
|
|
117
|
-
light: {
|
|
118
|
-
...Colors.blue,
|
|
119
|
-
...Colors.green,
|
|
120
|
-
...Colors.red,
|
|
121
|
-
...Colors.yellow,
|
|
122
|
-
...lightShadows,
|
|
123
|
-
...blackColors,
|
|
124
|
-
...whiteColors,
|
|
125
|
-
shadowColor: lightShadows.shadow1
|
|
126
|
-
},
|
|
127
|
-
dark: {
|
|
128
|
-
...Colors.blueDark,
|
|
129
|
-
...Colors.greenDark,
|
|
130
|
-
...Colors.redDark,
|
|
131
|
-
...Colors.yellowDark,
|
|
132
|
-
...darkShadows,
|
|
133
|
-
...blackColors,
|
|
134
|
-
...whiteColors,
|
|
135
|
-
shadowColor: darkShadows.shadow1
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
// inverse accent theme
|
|
140
|
-
accent: {
|
|
141
|
-
palette: {
|
|
142
|
-
dark: lightPalette,
|
|
143
|
-
light: darkPalette
|
|
144
|
-
}
|
|
145
|
-
},
|
|
146
|
-
childrenThemes: {
|
|
147
|
-
black: {
|
|
148
|
-
palette: {
|
|
149
|
-
dark: Object.values(blackColors),
|
|
150
|
-
light: Object.values(blackColors)
|
|
151
|
-
}
|
|
152
|
-
},
|
|
153
|
-
white: {
|
|
154
|
-
palette: {
|
|
155
|
-
dark: Object.values(whiteColors),
|
|
156
|
-
light: Object.values(whiteColors)
|
|
157
|
-
}
|
|
158
|
-
},
|
|
159
|
-
blue: {
|
|
160
|
-
palette: {
|
|
161
|
-
dark: Object.values(Colors.blueDark),
|
|
162
|
-
light: Object.values(Colors.blue)
|
|
163
|
-
}
|
|
164
|
-
},
|
|
165
|
-
red: {
|
|
166
|
-
palette: {
|
|
167
|
-
dark: Object.values(Colors.redDark),
|
|
168
|
-
light: Object.values(Colors.red)
|
|
169
|
-
}
|
|
170
|
-
},
|
|
171
|
-
yellow: {
|
|
172
|
-
palette: {
|
|
173
|
-
dark: Object.values(Colors.yellowDark),
|
|
174
|
-
light: Object.values(Colors.yellow)
|
|
175
|
-
}
|
|
176
|
-
},
|
|
177
|
-
green: {
|
|
178
|
-
palette: {
|
|
179
|
-
dark: Object.values(Colors.greenDark),
|
|
180
|
-
light: Object.values(Colors.green)
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
|
-
}
|
|
184
|
-
}), themes = process.env.TAMAGUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : generatedThemes, selectionStyles = function(theme) {
|
|
33
|
+
var import_v4 = require("@tamagui/shorthands/v4"), import_v42 = require("@tamagui/themes/v4"), import_v3_animations = require("./v3-animations"), import_v4_fonts = require("./v4-fonts"), import_v4_media = require("./v4-media"), import_v43 = require("@tamagui/shorthands/v4"), import_theme_builder = require("@tamagui/theme-builder"), import_v44 = require("@tamagui/themes/v4"), import_v4_animations = require("./v4-animations"), import_v4_fonts2 = require("./v4-fonts"), import_v4_media2 = require("./v4-media"), selectionStyles = function(theme) {
|
|
185
34
|
return theme.color5 ? {
|
|
186
35
|
backgroundColor: theme.color5,
|
|
187
36
|
color: theme.color11
|
|
@@ -201,7 +50,7 @@ var Colors = __toESM(require("@tamagui/colors")), import_v4 = require("@tamagui/
|
|
|
201
50
|
animations: import_v3_animations.animations,
|
|
202
51
|
media: import_v4_media.media,
|
|
203
52
|
shorthands: import_v4.shorthands,
|
|
204
|
-
themes,
|
|
53
|
+
themes: import_v42.defaultThemes,
|
|
205
54
|
tokens: import_v42.tokens,
|
|
206
55
|
fonts: import_v4_fonts.fonts,
|
|
207
56
|
selectionStyles,
|
|
@@ -221,7 +70,6 @@ var Colors = __toESM(require("@tamagui/colors")), import_v4 = require("@tamagui/
|
|
|
221
70
|
settings,
|
|
222
71
|
shorthands,
|
|
223
72
|
tamaguiThemes,
|
|
224
|
-
themes,
|
|
225
73
|
tokens
|
|
226
74
|
});
|
|
227
75
|
//# sourceMappingURL=v4.js.map
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/v4.ts"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["import_v4", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;;gBAA2B,mCAC3BA,aAAsC,+BAEtC,uBAA2B,4BAC3B,kBAAsB,uBACtB,kBAA+C,uBAE/CA,aAA2B,mCAC3B,uBAA6B,mCAC7BA,aAAsC,+BACtC,uBAA2B,4BAC3BC,mBAAwC,uBACxCC,mBAA4D,uBAI/CC,kBAAkB,SAACC,OAAAA;SAC9BA,MAAMC,SACF;IACEC,iBAAiBF,MAAMC;IACvBE,OAAOH,MAAMI;EACf,IACA;GAEOC,WAAW;EACtBC;EACAC,aAAa;EACbC,kBAAkB;EAClBC,6BAA6B;EAC7BC,oBAAoB;EACpBC,sBAAsB;EACtBC,qBAAqB;;;EAGrBC,qBAAqB;AACvB,GAEaC,gBAAgB;EAC3BC;EACAC;EACAC;EACAC,QAAQC;EACRC;EACAC;EACAtB;EACAM;AACF;",
|
|
5
|
+
"names": ["import_v4", "import_v4_fonts", "import_v4_media", "selectionStyles", "theme", "color5", "backgroundColor", "color", "color11", "settings", "mediaQueryDefaultActive", "defaultFont", "fastSchemeChange", "shouldAddPrefersColorThemes", "allowedStyleValues", "themeClassNameOnRoot", "onlyAllowShorthands", "maxDarkLightNesting", "defaultConfig", "animations", "media", "shorthands", "themes", "defaultThemes", "tokens", "fonts"]
|
|
6
6
|
}
|