@tamagui/config 3.0.0-beta.922.1 → 3.0.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.
- package/dist/cjs/animations-css.cjs +2 -26
- package/dist/cjs/animations-motion.cjs +2 -87
- package/dist/cjs/animations-motion.native.cjs +2 -87
- package/dist/cjs/animations-motion.native.js +2 -87
- package/dist/cjs/animations-motion.native.js.map +1 -1
- package/dist/cjs/animations-reanimated.cjs +2 -101
- package/dist/cjs/animations-reanimated.native.cjs +2 -101
- package/dist/cjs/animations-reanimated.native.js +2 -101
- package/dist/cjs/animations-reanimated.native.js.map +1 -1
- package/dist/cjs/animations-rn.cjs +2 -111
- package/dist/cjs/animations-rn.native.cjs +2 -111
- package/dist/cjs/animations-rn.native.js +2 -111
- package/dist/cjs/animations-rn.native.js.map +1 -1
- package/dist/cjs/settings.cjs +1 -0
- package/dist/cjs/settings.native.cjs +1 -0
- package/dist/cjs/settings.native.js +1 -0
- package/dist/cjs/settings.native.js.map +1 -1
- package/dist/cjs/v5-base.cjs +73 -2
- package/dist/cjs/v5-base.native.cjs +73 -2
- package/dist/cjs/v5-base.native.js +73 -2
- package/dist/cjs/v5-base.native.js.map +1 -1
- package/dist/cjs/v5-fonts.cjs +6 -1
- package/dist/cjs/v5-fonts.native.cjs +6 -1
- package/dist/cjs/v5-fonts.native.js +6 -1
- package/dist/cjs/v5-fonts.native.js.map +1 -1
- package/dist/cjs/v6-base.cjs +107 -11
- package/dist/cjs/v6-base.native.cjs +109 -11
- package/dist/cjs/v6-base.native.js +109 -11
- package/dist/cjs/v6-base.native.js.map +1 -1
- package/dist/cjs/v6-tailwind-scales.generated.cjs +12 -0
- package/dist/cjs/v6-tailwind-scales.generated.native.cjs +12 -0
- package/dist/cjs/v6-tailwind-scales.generated.native.js +12 -0
- package/dist/cjs/v6-tailwind-scales.generated.native.js.map +1 -1
- package/dist/cjs/v6-themes.cjs +2 -1
- package/dist/cjs/v6-themes.native.cjs +2 -1
- package/dist/cjs/v6-themes.native.js +2 -1
- package/dist/cjs/v6-themes.native.js.map +1 -1
- package/dist/esm/animations-css.mjs +2 -26
- package/dist/esm/animations-css.mjs.map +1 -1
- package/dist/esm/animations-motion.mjs +2 -87
- package/dist/esm/animations-motion.mjs.map +1 -1
- package/dist/esm/animations-motion.native.js +2 -87
- package/dist/esm/animations-motion.native.js.map +1 -1
- package/dist/esm/animations-reanimated.mjs +2 -101
- package/dist/esm/animations-reanimated.mjs.map +1 -1
- package/dist/esm/animations-reanimated.native.js +2 -101
- package/dist/esm/animations-reanimated.native.js.map +1 -1
- package/dist/esm/animations-rn.mjs +2 -111
- package/dist/esm/animations-rn.mjs.map +1 -1
- package/dist/esm/animations-rn.native.js +2 -111
- package/dist/esm/animations-rn.native.js.map +1 -1
- package/dist/esm/settings.mjs +1 -0
- package/dist/esm/settings.mjs.map +1 -1
- package/dist/esm/settings.native.js +1 -0
- package/dist/esm/settings.native.js.map +1 -1
- package/dist/esm/v5-base.mjs +74 -4
- package/dist/esm/v5-base.mjs.map +1 -1
- package/dist/esm/v5-base.native.js +74 -4
- package/dist/esm/v5-base.native.js.map +1 -1
- package/dist/esm/v5-fonts.mjs +7 -2
- package/dist/esm/v5-fonts.mjs.map +1 -1
- package/dist/esm/v5-fonts.native.js +7 -2
- package/dist/esm/v5-fonts.native.js.map +1 -1
- package/dist/esm/v6-base.mjs +105 -11
- package/dist/esm/v6-base.mjs.map +1 -1
- package/dist/esm/v6-base.native.js +107 -11
- package/dist/esm/v6-base.native.js.map +1 -1
- package/dist/esm/v6-tailwind-scales.generated.mjs +12 -0
- package/dist/esm/v6-tailwind-scales.generated.mjs.map +1 -1
- package/dist/esm/v6-tailwind-scales.generated.native.js +12 -0
- package/dist/esm/v6-tailwind-scales.generated.native.js.map +1 -1
- package/dist/esm/v6-themes.mjs +2 -1
- package/dist/esm/v6-themes.mjs.map +1 -1
- package/dist/esm/v6-themes.native.js +2 -1
- package/dist/esm/v6-themes.native.js.map +1 -1
- package/package.json +25 -13
- package/src/animations-css.ts +2 -27
- package/src/animations-motion.ts +2 -105
- package/src/animations-reanimated.ts +2 -101
- package/src/animations-rn.ts +2 -111
- package/src/settings.ts +1 -0
- package/src/v5-base.ts +57 -2
- package/src/v5-fonts.ts +14 -7
- package/src/v6-base.ts +104 -10
- package/src/v6-tailwind-scales.generated.ts +12 -0
- package/src/v6-themes.ts +35 -4
- package/types/animations-css.d.ts +104 -44
- package/types/animations-css.d.ts.map +1 -1
- package/types/animations-motion.d.ts +102 -204
- package/types/animations-motion.d.ts.map +1 -1
- package/types/animations-reanimated.d.ts +102 -196
- package/types/animations-reanimated.d.ts.map +1 -1
- package/types/animations-rn.d.ts +102 -216
- package/types/animations-rn.d.ts.map +1 -1
- package/types/settings.d.ts +1 -0
- package/types/settings.d.ts.map +1 -1
- package/types/v5-base.d.ts +72 -2
- package/types/v5-base.d.ts.map +1 -1
- package/types/v5-fonts.d.ts.map +1 -1
- package/types/v6-base.d.ts +527 -5
- package/types/v6-base.d.ts.map +1 -1
- package/types/v6-tailwind-scales.generated.d.ts +12 -0
- package/types/v6-tailwind-scales.generated.d.ts.map +1 -1
- package/types/v6-themes.d.ts +7 -1
- package/types/v6-themes.d.ts.map +1 -1
- package/types/v6.d.ts +1343 -371
- package/types/v6.d.ts.map +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"v5-base.native.js","names":[],"sources":["cjs/v5-base.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar v5_base_exports = {};\n__export(v5_base_exports, {\n breakpoints: () => import_media2.breakpoints,\n createSystemFont: () => import_v5_fonts2.createSystemFont,\n defaultConfig: () => defaultConfig,\n fonts: () => import_v5_fonts2.fonts,\n media: () => import_media2.media,\n mediaQueryDefaultActive: () => import_media2.mediaQueryDefaultActive,\n selectionStyles: () => import_settings2.selectionStyles,\n settings: () => import_settings2.settings,\n shorthands: () => import_v42.shorthands,\n tokens: () => import_v52.tokens\n});\nmodule.exports = __toCommonJS(v5_base_exports);\nvar import_v4 = require(\"@tamagui/shorthands/v4\");\nvar import_v5 = require(\"@tamagui/themes/v5\");\nvar import_v5_fonts = require(\"./v5-fonts\");\nvar import_media = require(\"./media\");\nvar import_settings = require(\"./settings\");\nvar import_v42 = require(\"@tamagui/shorthands/v4\");\nvar import_v52 = require(\"@tamagui/themes/v5\");\nvar import_v5_fonts2 = require(\"./v5-fonts\");\nvar import_media2 = require(\"./media\");\nvar import_settings2 = require(\"./settings\");\nvar defaultConfig = {\n media: import_media.media,\n shorthands: import_v4.shorthands,\n themes: import_v5.themes,\n tokens: import_v5.tokens,\n fonts: import_v5_fonts.fonts,\n
|
|
1
|
+
{"version":3,"file":"v5-base.native.js","names":[],"sources":["cjs/v5-base.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n for (var name in all)\n __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n if (from && typeof from === \"object\" || typeof from === \"function\") {\n for (let key of __getOwnPropNames(from))\n if (!__hasOwnProp.call(to, key) && key !== except)\n __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n }\n return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar v5_base_exports = {};\n__export(v5_base_exports, {\n breakpoints: () => import_media2.breakpoints,\n createSystemFont: () => import_v5_fonts2.createSystemFont,\n defaultConfig: () => defaultConfig,\n defaultSizing: () => defaultSizing,\n fonts: () => import_v5_fonts2.fonts,\n media: () => import_media2.media,\n mediaQueryDefaultActive: () => import_media2.mediaQueryDefaultActive,\n selectionStyles: () => import_settings2.selectionStyles,\n settings: () => import_settings2.settings,\n shorthands: () => import_v42.shorthands,\n tokens: () => import_v52.tokens\n});\nmodule.exports = __toCommonJS(v5_base_exports);\nvar import_v4 = require(\"@tamagui/shorthands/v4\");\nvar import_v5 = require(\"@tamagui/themes/v5\");\nvar import_v5_fonts = require(\"./v5-fonts\");\nvar import_media = require(\"./media\");\nvar import_settings = require(\"./settings\");\nvar import_v42 = require(\"@tamagui/shorthands/v4\");\nvar import_v52 = require(\"@tamagui/themes/v5\");\nvar import_v5_fonts2 = require(\"./v5-fonts\");\nvar import_media2 = require(\"./media\");\nvar import_settings2 = require(\"./settings\");\nvar defaultSizing = {\n default: \"md\",\n sizes: {\n xs: {\n fontSize: \"1\",\n controlFontSize: \"1\",\n paddingInline: \"2\",\n paddingBlock: \"1-5\",\n gap: \"1-5\",\n radius: \"1\",\n px: {\n height: 24,\n icon: 12,\n square: 17\n }\n },\n sm: {\n fontSize: \"3\",\n controlFontSize: \"3\",\n paddingInline: \"3\",\n paddingBlock: \"2\",\n gap: \"2\",\n radius: \"2\",\n px: {\n height: 32,\n icon: 16,\n square: 20\n }\n },\n md: {\n fontSize: \"3\",\n controlFontSize: \"3\",\n paddingInline: \"3-5\",\n paddingBlock: \"2\",\n gap: \"2\",\n radius: \"2\",\n px: {\n height: 36,\n icon: 16,\n square: 22\n }\n },\n lg: {\n fontSize: \"5\",\n controlFontSize: \"5\",\n paddingInline: \"5\",\n paddingBlock: \"2\",\n gap: \"2\",\n radius: \"2\",\n px: {\n height: 40,\n icon: 16,\n square: 25\n }\n },\n xl: {\n fontSize: \"6\",\n controlFontSize: \"6\",\n paddingInline: \"6\",\n paddingBlock: \"2-5\",\n gap: \"2-5\",\n radius: \"3\",\n px: {\n height: 48,\n icon: 20,\n square: 28\n }\n }\n }\n};\nvar defaultConfig = {\n media: import_media.media,\n shorthands: import_v4.shorthands,\n themes: import_v5.themes,\n tokens: import_v5.tokens,\n fonts: import_v5_fonts.fonts,\n settings: import_settings.settings,\n sizing: defaultSizing\n};\n//# sourceMappingURL=v5-base.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC9B,KAAK,IAAI,QAAQ,KACf,UAAU,QAAQ,MAAM;EAAE,KAAK,IAAI;EAAO,YAAY;CAAK,CAAC;AAChE;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC5C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EAClE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GACpC,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QACzC,UAAU,IAAI,KAAK;GAAE,WAAW,KAAK;GAAM,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAAW,CAAC;CACvH;CACA,OAAO;AACT;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,kBAAkB,CAAC;AACvB,SAAS,iBAAiB;CACxB,mBAAmB,cAAc;CACjC,wBAAwB,iBAAiB;CACzC,qBAAqB;CACrB,qBAAqB;CACrB,aAAa,iBAAiB;CAC9B,aAAa,cAAc;CAC3B,+BAA+B,cAAc;CAC7C,uBAAuB,iBAAiB;CACxC,gBAAgB,iBAAiB;CACjC,kBAAkB,WAAW;CAC7B,cAAc,WAAW;AAC3B,CAAC;AACD,OAAO,UAAU,aAAa,eAAe;AAC7C,IAAI,YAAY,QAAQ,wBAAwB;AAChD,IAAI,YAAY,QAAQ,oBAAoB;AAC5C,IAAI,kBAAkB,QAAQ,sBAAY;AAC1C,IAAI,eAAe,QAAQ,mBAAS;AACpC,IAAI,kBAAkB,QAAQ,sBAAY;AAC1C,IAAI,aAAa,QAAQ,wBAAwB;AACjD,IAAI,aAAa,QAAQ,oBAAoB;AAC7C,IAAI,mBAAmB,QAAQ,sBAAY;AAC3C,IAAI,gBAAgB,QAAQ,mBAAS;AACrC,IAAI,mBAAmB,QAAQ,sBAAY;AAC3C,IAAI,gBAAgB;CAClB,SAAS;CACT,OAAO;EACL,IAAI;GACF,UAAU;GACV,iBAAiB;GACjB,eAAe;GACf,cAAc;GACd,KAAK;GACL,QAAQ;GACR,IAAI;IACF,QAAQ;IACR,MAAM;IACN,QAAQ;GACV;EACF;EACA,IAAI;GACF,UAAU;GACV,iBAAiB;GACjB,eAAe;GACf,cAAc;GACd,KAAK;GACL,QAAQ;GACR,IAAI;IACF,QAAQ;IACR,MAAM;IACN,QAAQ;GACV;EACF;EACA,IAAI;GACF,UAAU;GACV,iBAAiB;GACjB,eAAe;GACf,cAAc;GACd,KAAK;GACL,QAAQ;GACR,IAAI;IACF,QAAQ;IACR,MAAM;IACN,QAAQ;GACV;EACF;EACA,IAAI;GACF,UAAU;GACV,iBAAiB;GACjB,eAAe;GACf,cAAc;GACd,KAAK;GACL,QAAQ;GACR,IAAI;IACF,QAAQ;IACR,MAAM;IACN,QAAQ;GACV;EACF;EACA,IAAI;GACF,UAAU;GACV,iBAAiB;GACjB,eAAe;GACf,cAAc;GACd,KAAK;GACL,QAAQ;GACR,IAAI;IACF,QAAQ;IACR,MAAM;IACN,QAAQ;GACV;EACF;CACF;AACF;AACA,IAAI,gBAAgB;CAClB,OAAO,aAAa;CACpB,YAAY,UAAU;CACtB,QAAQ,UAAU;CAClB,QAAQ,UAAU;CAClB,OAAO,gBAAgB;CACvB,UAAU,gBAAgB;CAC1B,QAAQ;AACV"}
|
package/dist/cjs/v5-fonts.cjs
CHANGED
|
@@ -26,6 +26,10 @@ __export(v5_fonts_exports, {
|
|
|
26
26
|
module.exports = __toCommonJS(v5_fonts_exports);
|
|
27
27
|
var import_create_system_font = require("@tamagui/create-system-font");
|
|
28
28
|
const headingLineHeight = (size) => Math.round(size * 1.12 + 5);
|
|
29
|
+
const v5Scale = {
|
|
30
|
+
sizes: import_create_system_font.v5SystemFontSizes,
|
|
31
|
+
sizeLineHeight: import_create_system_font.v5SystemFontLineHeight
|
|
32
|
+
};
|
|
29
33
|
const toPxScale = (obj) => Object.fromEntries(Object.entries(obj).map(([k, v]) => [k, typeof v === "number" ? `${v}px` : v]));
|
|
30
34
|
const pinFontToPx = (font) => ({
|
|
31
35
|
...font,
|
|
@@ -33,8 +37,9 @@ const pinFontToPx = (font) => ({
|
|
|
33
37
|
...font.lineHeight ? { lineHeight: toPxScale(font.lineHeight) } : null
|
|
34
38
|
});
|
|
35
39
|
const fonts = {
|
|
36
|
-
body: pinFontToPx((0, import_create_system_font.createSystemFont)()),
|
|
40
|
+
body: pinFontToPx((0, import_create_system_font.createSystemFont)(v5Scale)),
|
|
37
41
|
heading: pinFontToPx((0, import_create_system_font.createSystemFont)({
|
|
42
|
+
...v5Scale,
|
|
38
43
|
font: { weight: {
|
|
39
44
|
0: "600",
|
|
40
45
|
6: "700",
|
|
@@ -31,6 +31,10 @@ var isNative = true;
|
|
|
31
31
|
var headingLineHeight = function(size) {
|
|
32
32
|
return Math.round(isNative ? size * 1.2 : size * 1.12 + 5);
|
|
33
33
|
};
|
|
34
|
+
var v5Scale = {
|
|
35
|
+
sizes: import_create_system_font.v5SystemFontSizes,
|
|
36
|
+
sizeLineHeight: import_create_system_font.v5SystemFontLineHeight
|
|
37
|
+
};
|
|
34
38
|
var toPxScale = function(obj) {
|
|
35
39
|
return Object.fromEntries(Object.entries(obj).map(function(param) {
|
|
36
40
|
var [k, v] = param;
|
|
@@ -45,8 +49,9 @@ var pinFontToPx = function(font) {
|
|
|
45
49
|
};
|
|
46
50
|
};
|
|
47
51
|
var fonts = {
|
|
48
|
-
body: pinFontToPx((0, import_create_system_font.createSystemFont)()),
|
|
52
|
+
body: pinFontToPx((0, import_create_system_font.createSystemFont)(v5Scale)),
|
|
49
53
|
heading: pinFontToPx((0, import_create_system_font.createSystemFont)({
|
|
54
|
+
...v5Scale,
|
|
50
55
|
font: { weight: {
|
|
51
56
|
0: "600",
|
|
52
57
|
6: "700",
|
|
@@ -31,6 +31,10 @@ var isNative = true;
|
|
|
31
31
|
var headingLineHeight = function(size) {
|
|
32
32
|
return Math.round(isNative ? size * 1.2 : size * 1.12 + 5);
|
|
33
33
|
};
|
|
34
|
+
var v5Scale = {
|
|
35
|
+
sizes: import_create_system_font.v5SystemFontSizes,
|
|
36
|
+
sizeLineHeight: import_create_system_font.v5SystemFontLineHeight
|
|
37
|
+
};
|
|
34
38
|
var toPxScale = function(obj) {
|
|
35
39
|
return Object.fromEntries(Object.entries(obj).map(function(param) {
|
|
36
40
|
var [k, v] = param;
|
|
@@ -45,8 +49,9 @@ var pinFontToPx = function(font) {
|
|
|
45
49
|
};
|
|
46
50
|
};
|
|
47
51
|
var fonts = {
|
|
48
|
-
body: pinFontToPx((0, import_create_system_font.createSystemFont)()),
|
|
52
|
+
body: pinFontToPx((0, import_create_system_font.createSystemFont)(v5Scale)),
|
|
49
53
|
heading: pinFontToPx((0, import_create_system_font.createSystemFont)({
|
|
54
|
+
...v5Scale,
|
|
50
55
|
font: { weight: {
|
|
51
56
|
0: "600",
|
|
52
57
|
6: "700",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"v5-fonts.native.js","names":[],"sources":["cjs/v5-fonts.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar v5_fonts_exports = {};\n__export(v5_fonts_exports, {\n\tcreateSystemFont: () => import_create_system_font.createSystemFont,\n\tfonts: () => fonts\n});\nmodule.exports = __toCommonJS(v5_fonts_exports);\nvar import_create_system_font = require(\"@tamagui/create-system-font\");\nvar isNative = true;\nvar headingLineHeight = function(size) {\n\treturn Math.round(isNative ? size * 1.2 : size * 1.12 + 5);\n};\nvar toPxScale = function(obj) {\n\treturn Object.fromEntries(Object.entries(obj).map(function(param) {\n\t\tvar [k, v] = param;\n\t\treturn [k, typeof v === \"number\" ? `${v}px` : v];\n\t}));\n};\nvar pinFontToPx = function(font) {\n\treturn {\n\t\t...font,\n\t\tsize: toPxScale(font.size),\n\t\t...font.lineHeight ? { lineHeight: toPxScale(font.lineHeight) } : null\n\t};\n};\nvar fonts = {\n\tbody: pinFontToPx((0, import_create_system_font.createSystemFont)()),\n\theading: pinFontToPx((0, import_create_system_font.createSystemFont)({\n\t\tfont: { weight: {\n\t\t\t0: \"600\",\n\t\t\t6: \"700\",\n\t\t\t9: \"800\"\n\t\t} },\n\t\tsizeLineHeight: headingLineHeight\n\t}))\n};\n//# sourceMappingURL=v5-fonts.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC/B,KAAK,IAAI,QAAQ,KAAK,UAAU,QAAQ,MAAM;EAC7C,KAAK,IAAI;EACT,YAAY;CACb,CAAC;AACF;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC7C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EACnE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,UAAU,IAAI,KAAK;GAC9G,WAAW,KAAK;GAChB,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAC3D,CAAC;CACF;CACA,OAAO;AACR;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,mBAAmB,CAAC;AACxB,SAAS,kBAAkB;CAC1B,wBAAwB,0BAA0B;CAClD,aAAa;AACd,CAAC;AACD,OAAO,UAAU,aAAa,gBAAgB;AAC9C,IAAI,4BAA4B,QAAQ,6BAA6B;AACrE,IAAI,WAAW;AACf,IAAI,oBAAoB,SAAS,MAAM;CACtC,OAAO,KAAK,MAAM,WAAW,OAAO,MAAM,OAAO,OAAO,CAAC;AAC1D;AACA,IAAI,YAAY,SAAS,KAAK;CAC7B,OAAO,OAAO,YAAY,OAAO,QAAQ,GAAG,CAAC,CAAC,IAAI,SAAS,OAAO;EACjE,IAAI,CAAC,GAAG,KAAK;EACb,OAAO,CAAC,GAAG,OAAO,MAAM,WAAW,GAAG,EAAE,MAAM,CAAC;CAChD,CAAC,CAAC;AACH;AACA,IAAI,cAAc,SAAS,MAAM;CAChC,OAAO;EACN,GAAG;EACH,MAAM,UAAU,KAAK,IAAI;EACzB,GAAG,KAAK,aAAa,EAAE,YAAY,UAAU,KAAK,UAAU,EAAE,IAAI;CACnE;AACD;AACA,IAAI,QAAQ;CACX,MAAM,aAAa,GAAG,0BAA0B,iBAAgB,CAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"v5-fonts.native.js","names":[],"sources":["cjs/v5-fonts.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n\tfor (var name in all) __defProp(target, name, {\n\t\tget: all[name],\n\t\tenumerable: true\n\t});\n};\nvar __copyProps = (to, from, except, desc) => {\n\tif (from && typeof from === \"object\" || typeof from === \"function\") {\n\t\tfor (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {\n\t\t\tget: () => from[key],\n\t\t\tenumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable\n\t\t});\n\t}\n\treturn to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar v5_fonts_exports = {};\n__export(v5_fonts_exports, {\n\tcreateSystemFont: () => import_create_system_font.createSystemFont,\n\tfonts: () => fonts\n});\nmodule.exports = __toCommonJS(v5_fonts_exports);\nvar import_create_system_font = require(\"@tamagui/create-system-font\");\nvar isNative = true;\nvar headingLineHeight = function(size) {\n\treturn Math.round(isNative ? size * 1.2 : size * 1.12 + 5);\n};\nvar v5Scale = {\n\tsizes: import_create_system_font.v5SystemFontSizes,\n\tsizeLineHeight: import_create_system_font.v5SystemFontLineHeight\n};\nvar toPxScale = function(obj) {\n\treturn Object.fromEntries(Object.entries(obj).map(function(param) {\n\t\tvar [k, v] = param;\n\t\treturn [k, typeof v === \"number\" ? `${v}px` : v];\n\t}));\n};\nvar pinFontToPx = function(font) {\n\treturn {\n\t\t...font,\n\t\tsize: toPxScale(font.size),\n\t\t...font.lineHeight ? { lineHeight: toPxScale(font.lineHeight) } : null\n\t};\n};\nvar fonts = {\n\tbody: pinFontToPx((0, import_create_system_font.createSystemFont)(v5Scale)),\n\theading: pinFontToPx((0, import_create_system_font.createSystemFont)({\n\t\t...v5Scale,\n\t\tfont: { weight: {\n\t\t\t0: \"600\",\n\t\t\t6: \"700\",\n\t\t\t9: \"800\"\n\t\t} },\n\t\tsizeLineHeight: headingLineHeight\n\t}))\n};\n//# sourceMappingURL=v5-fonts.js.map\n"],"mappings":";;;AACA,IAAI,YAAY,OAAO;AACvB,IAAI,mBAAmB,OAAO;AAC9B,IAAI,oBAAoB,OAAO;AAC/B,IAAI,eAAe,OAAO,UAAU;AACpC,IAAI,YAAY,QAAQ,QAAQ;CAC/B,KAAK,IAAI,QAAQ,KAAK,UAAU,QAAQ,MAAM;EAC7C,KAAK,IAAI;EACT,YAAY;CACb,CAAC;AACF;AACA,IAAI,eAAe,IAAI,MAAM,QAAQ,SAAS;CAC7C,IAAI,QAAQ,OAAO,SAAS,YAAY,OAAO,SAAS,YAAY;EACnE,KAAK,IAAI,OAAO,kBAAkB,IAAI,GAAG,IAAI,CAAC,aAAa,KAAK,IAAI,GAAG,KAAK,QAAQ,QAAQ,UAAU,IAAI,KAAK;GAC9G,WAAW,KAAK;GAChB,YAAY,EAAE,OAAO,iBAAiB,MAAM,GAAG,MAAM,KAAK;EAC3D,CAAC;CACF;CACA,OAAO;AACR;AACA,IAAI,gBAAgB,QAAQ,YAAY,UAAU,CAAC,GAAG,cAAc,EAAE,OAAO,KAAK,CAAC,GAAG,GAAG;AACzF,IAAI,mBAAmB,CAAC;AACxB,SAAS,kBAAkB;CAC1B,wBAAwB,0BAA0B;CAClD,aAAa;AACd,CAAC;AACD,OAAO,UAAU,aAAa,gBAAgB;AAC9C,IAAI,4BAA4B,QAAQ,6BAA6B;AACrE,IAAI,WAAW;AACf,IAAI,oBAAoB,SAAS,MAAM;CACtC,OAAO,KAAK,MAAM,WAAW,OAAO,MAAM,OAAO,OAAO,CAAC;AAC1D;AACA,IAAI,UAAU;CACb,OAAO,0BAA0B;CACjC,gBAAgB,0BAA0B;AAC3C;AACA,IAAI,YAAY,SAAS,KAAK;CAC7B,OAAO,OAAO,YAAY,OAAO,QAAQ,GAAG,CAAC,CAAC,IAAI,SAAS,OAAO;EACjE,IAAI,CAAC,GAAG,KAAK;EACb,OAAO,CAAC,GAAG,OAAO,MAAM,WAAW,GAAG,EAAE,MAAM,CAAC;CAChD,CAAC,CAAC;AACH;AACA,IAAI,cAAc,SAAS,MAAM;CAChC,OAAO;EACN,GAAG;EACH,MAAM,UAAU,KAAK,IAAI;EACzB,GAAG,KAAK,aAAa,EAAE,YAAY,UAAU,KAAK,UAAU,EAAE,IAAI;CACnE;AACD;AACA,IAAI,QAAQ;CACX,MAAM,aAAa,GAAG,0BAA0B,iBAAgB,CAAE,OAAO,CAAC;CAC1E,SAAS,aAAa,GAAG,0BAA0B,iBAAgB,CAAE;EACpE,GAAG;EACH,MAAM,EAAE,QAAQ;GACf,GAAG;GACH,GAAG;GACH,GAAG;EACJ,EAAE;EACF,gBAAgB;CACjB,CAAC,CAAC;AACH"}
|
package/dist/cjs/v6-base.cjs
CHANGED
|
@@ -23,20 +23,24 @@ __export(v6_base_exports, {
|
|
|
23
23
|
breakpoints: () => import_media2.breakpoints,
|
|
24
24
|
createSystemFont: () => import_fonts2.createSystemFont,
|
|
25
25
|
createV6Config: () => createV6Config,
|
|
26
|
+
defaultSizing: () => import_web.defaultSizing,
|
|
26
27
|
fonts: () => fonts,
|
|
27
28
|
media: () => import_media2.media,
|
|
28
29
|
mediaQueryDefaultActive: () => import_media2.mediaQueryDefaultActive,
|
|
29
|
-
selectionStyles: () =>
|
|
30
|
+
selectionStyles: () => selectionStyles,
|
|
30
31
|
settings: () => settings,
|
|
31
32
|
shorthands: () => import_v6.shorthands,
|
|
32
33
|
tailwindSource: () => import_v6_tailwind_scales2.tailwindSource,
|
|
33
34
|
toV6Themes: () => import_v6_themes2.toV6Themes,
|
|
34
35
|
tokens: () => tokens,
|
|
35
36
|
v6RemovedThemeNames: () => import_v6_themes.v6RemovedThemeNames,
|
|
36
|
-
v6ThemeNameReplacements: () => import_v6_themes.v6ThemeNameReplacements
|
|
37
|
+
v6ThemeNameReplacements: () => import_v6_themes.v6ThemeNameReplacements,
|
|
38
|
+
withTailwindTypeScale: () => withTailwindTypeScale
|
|
37
39
|
});
|
|
38
40
|
module.exports = __toCommonJS(v6_base_exports);
|
|
39
41
|
var import_v6 = require("@tamagui/shorthands/v6");
|
|
42
|
+
var import_web = require("@tamagui/web");
|
|
43
|
+
var import_internal_runtime = require("@tamagui/web/internal-runtime");
|
|
40
44
|
var import_fonts = require("./fonts.cjs");
|
|
41
45
|
var import_media = require("./media.cjs");
|
|
42
46
|
var import_settings = require("./settings.cjs");
|
|
@@ -46,9 +50,94 @@ var import_fonts2 = require("./fonts.cjs");
|
|
|
46
50
|
var import_media2 = require("./media.cjs");
|
|
47
51
|
var import_v6_tailwind_scales2 = require("./v6-tailwind-scales.generated.cjs");
|
|
48
52
|
var import_v6_themes2 = require("./v6-themes.cjs");
|
|
53
|
+
const tailwindContainerSize = {
|
|
54
|
+
"3xs": 256,
|
|
55
|
+
"2xs": 288,
|
|
56
|
+
xs: 320,
|
|
57
|
+
sm: 384,
|
|
58
|
+
md: 448,
|
|
59
|
+
lg: 512,
|
|
60
|
+
xl: 576,
|
|
61
|
+
"2xl": 672,
|
|
62
|
+
"3xl": 768,
|
|
63
|
+
"4xl": 896,
|
|
64
|
+
"5xl": 1024,
|
|
65
|
+
"6xl": 1152,
|
|
66
|
+
"7xl": 1280
|
|
67
|
+
};
|
|
49
68
|
const tokens = {
|
|
50
69
|
space: import_v6_tailwind_scales.tailwindSpace,
|
|
51
70
|
size: import_v6_tailwind_scales.tailwindSize,
|
|
71
|
+
width: {
|
|
72
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
73
|
+
...tailwindContainerSize
|
|
74
|
+
},
|
|
75
|
+
minWidth: {
|
|
76
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
77
|
+
...tailwindContainerSize
|
|
78
|
+
},
|
|
79
|
+
maxWidth: {
|
|
80
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
81
|
+
...tailwindContainerSize
|
|
82
|
+
},
|
|
83
|
+
inlineSize: {
|
|
84
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
85
|
+
...tailwindContainerSize
|
|
86
|
+
},
|
|
87
|
+
minInlineSize: {
|
|
88
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
89
|
+
...tailwindContainerSize
|
|
90
|
+
},
|
|
91
|
+
maxInlineSize: {
|
|
92
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
93
|
+
...tailwindContainerSize
|
|
94
|
+
},
|
|
95
|
+
flexBasis: {
|
|
96
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
97
|
+
...tailwindContainerSize
|
|
98
|
+
},
|
|
99
|
+
borderWidth: {
|
|
100
|
+
0: 0,
|
|
101
|
+
1: 1,
|
|
102
|
+
2: 2,
|
|
103
|
+
4: 4,
|
|
104
|
+
8: 8
|
|
105
|
+
},
|
|
106
|
+
outlineWidth: {
|
|
107
|
+
0: 0,
|
|
108
|
+
1: 1,
|
|
109
|
+
2: 2,
|
|
110
|
+
4: 4,
|
|
111
|
+
8: 8
|
|
112
|
+
},
|
|
113
|
+
outlineOffset: {
|
|
114
|
+
0: 0,
|
|
115
|
+
1: 1,
|
|
116
|
+
2: 2,
|
|
117
|
+
4: 4,
|
|
118
|
+
8: 8,
|
|
119
|
+
"-1": -1,
|
|
120
|
+
"-2": -2,
|
|
121
|
+
"-4": -4,
|
|
122
|
+
"-8": -8
|
|
123
|
+
},
|
|
124
|
+
boxShadow: {
|
|
125
|
+
"2xs": "0 1px rgb(0 0 0 / 0.05)",
|
|
126
|
+
xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
127
|
+
sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
|
128
|
+
md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
|
|
129
|
+
lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
130
|
+
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
131
|
+
"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
|
|
132
|
+
inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
|
|
133
|
+
},
|
|
134
|
+
perspective: {
|
|
135
|
+
dramatic: 100,
|
|
136
|
+
near: 300,
|
|
137
|
+
normal: 500,
|
|
138
|
+
midrange: 800,
|
|
139
|
+
distant: 1200
|
|
140
|
+
},
|
|
52
141
|
radius: {
|
|
53
142
|
0: 0,
|
|
54
143
|
1: 3,
|
|
@@ -83,7 +172,14 @@ const fonts = {
|
|
|
83
172
|
body: withTailwindTypeScale(import_fonts.fonts.body),
|
|
84
173
|
heading: withTailwindTypeScale(import_fonts.fonts.heading)
|
|
85
174
|
};
|
|
86
|
-
const
|
|
175
|
+
const selectionStyles = (theme) => theme["color-5"] ? {
|
|
176
|
+
backgroundColor: theme["color-5"],
|
|
177
|
+
color: theme["color-11"]
|
|
178
|
+
} : null;
|
|
179
|
+
const settings = {
|
|
180
|
+
...import_settings.settings,
|
|
181
|
+
selectionStyles
|
|
182
|
+
};
|
|
87
183
|
function themesWithColorScales(themes, scales) {
|
|
88
184
|
const light = {};
|
|
89
185
|
const dark = {};
|
|
@@ -93,30 +189,30 @@ function themesWithColorScales(themes, scales) {
|
|
|
93
189
|
throw new Error(`color scale "${name}" needs exactly 12 light and 12 dark values, got ${scale.light.length}/${scale.dark.length}`);
|
|
94
190
|
}
|
|
95
191
|
scale.light.forEach((value, index) => {
|
|
96
|
-
light[`${name}
|
|
192
|
+
light[`${name}-${index + 1}`] = value;
|
|
97
193
|
});
|
|
98
194
|
scale.dark.forEach((value, index) => {
|
|
99
|
-
dark[`${name}
|
|
195
|
+
dark[`${name}-${index + 1}`] = value;
|
|
100
196
|
});
|
|
101
197
|
}
|
|
102
198
|
return {
|
|
103
199
|
...themes,
|
|
104
|
-
light: {
|
|
200
|
+
light: (0, import_internal_runtime.copyAuthoredThemeScheme)({
|
|
105
201
|
...themes.light,
|
|
106
202
|
...light
|
|
107
|
-
},
|
|
108
|
-
dark: {
|
|
203
|
+
}, themes.light),
|
|
204
|
+
dark: (0, import_internal_runtime.copyAuthoredThemeScheme)({
|
|
109
205
|
...themes.dark,
|
|
110
206
|
...dark
|
|
111
|
-
}
|
|
207
|
+
}, themes.dark)
|
|
112
208
|
};
|
|
113
209
|
}
|
|
114
210
|
const alignedConfig = {
|
|
115
211
|
media: import_media.media,
|
|
116
212
|
shorthands: import_v6.shorthands,
|
|
117
213
|
fonts,
|
|
118
|
-
|
|
119
|
-
|
|
214
|
+
settings,
|
|
215
|
+
sizing: import_web.defaultSizing
|
|
120
216
|
};
|
|
121
217
|
function createV6Config(colors) {
|
|
122
218
|
return {
|
|
@@ -25,20 +25,24 @@ __export(v6_base_exports, {
|
|
|
25
25
|
breakpoints: () => import_media2.breakpoints,
|
|
26
26
|
createSystemFont: () => import_fonts2.createSystemFont,
|
|
27
27
|
createV6Config: () => createV6Config,
|
|
28
|
+
defaultSizing: () => import_web.defaultSizing,
|
|
28
29
|
fonts: () => fonts,
|
|
29
30
|
media: () => import_media2.media,
|
|
30
31
|
mediaQueryDefaultActive: () => import_media2.mediaQueryDefaultActive,
|
|
31
|
-
selectionStyles: () =>
|
|
32
|
+
selectionStyles: () => selectionStyles,
|
|
32
33
|
settings: () => settings,
|
|
33
34
|
shorthands: () => import_v6.shorthands,
|
|
34
35
|
tailwindSource: () => import_v6_tailwind_scales2.tailwindSource,
|
|
35
36
|
toV6Themes: () => import_v6_themes2.toV6Themes,
|
|
36
37
|
tokens: () => tokens,
|
|
37
38
|
v6RemovedThemeNames: () => import_v6_themes.v6RemovedThemeNames,
|
|
38
|
-
v6ThemeNameReplacements: () => import_v6_themes.v6ThemeNameReplacements
|
|
39
|
+
v6ThemeNameReplacements: () => import_v6_themes.v6ThemeNameReplacements,
|
|
40
|
+
withTailwindTypeScale: () => withTailwindTypeScale
|
|
39
41
|
});
|
|
40
42
|
module.exports = __toCommonJS(v6_base_exports);
|
|
41
43
|
var import_v6 = require("@tamagui/shorthands/v6");
|
|
44
|
+
var import_web = require("@tamagui/web");
|
|
45
|
+
var import_internal_runtime = require("@tamagui/web/internal-runtime");
|
|
42
46
|
var import_fonts = require("./fonts.native.js");
|
|
43
47
|
var import_media = require("./media.native.js");
|
|
44
48
|
var import_settings = require("./settings.native.js");
|
|
@@ -48,9 +52,94 @@ var import_fonts2 = require("./fonts.native.js");
|
|
|
48
52
|
var import_media2 = require("./media.native.js");
|
|
49
53
|
var import_v6_tailwind_scales2 = require("./v6-tailwind-scales.generated.native.js");
|
|
50
54
|
var import_v6_themes2 = require("./v6-themes.native.js");
|
|
55
|
+
var tailwindContainerSize = {
|
|
56
|
+
"3xs": 256,
|
|
57
|
+
"2xs": 288,
|
|
58
|
+
xs: 320,
|
|
59
|
+
sm: 384,
|
|
60
|
+
md: 448,
|
|
61
|
+
lg: 512,
|
|
62
|
+
xl: 576,
|
|
63
|
+
"2xl": 672,
|
|
64
|
+
"3xl": 768,
|
|
65
|
+
"4xl": 896,
|
|
66
|
+
"5xl": 1024,
|
|
67
|
+
"6xl": 1152,
|
|
68
|
+
"7xl": 1280
|
|
69
|
+
};
|
|
51
70
|
var tokens = {
|
|
52
71
|
space: import_v6_tailwind_scales.tailwindSpace,
|
|
53
72
|
size: import_v6_tailwind_scales.tailwindSize,
|
|
73
|
+
width: {
|
|
74
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
75
|
+
...tailwindContainerSize
|
|
76
|
+
},
|
|
77
|
+
minWidth: {
|
|
78
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
79
|
+
...tailwindContainerSize
|
|
80
|
+
},
|
|
81
|
+
maxWidth: {
|
|
82
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
83
|
+
...tailwindContainerSize
|
|
84
|
+
},
|
|
85
|
+
inlineSize: {
|
|
86
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
87
|
+
...tailwindContainerSize
|
|
88
|
+
},
|
|
89
|
+
minInlineSize: {
|
|
90
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
91
|
+
...tailwindContainerSize
|
|
92
|
+
},
|
|
93
|
+
maxInlineSize: {
|
|
94
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
95
|
+
...tailwindContainerSize
|
|
96
|
+
},
|
|
97
|
+
flexBasis: {
|
|
98
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
99
|
+
...tailwindContainerSize
|
|
100
|
+
},
|
|
101
|
+
borderWidth: {
|
|
102
|
+
0: 0,
|
|
103
|
+
1: 1,
|
|
104
|
+
2: 2,
|
|
105
|
+
4: 4,
|
|
106
|
+
8: 8
|
|
107
|
+
},
|
|
108
|
+
outlineWidth: {
|
|
109
|
+
0: 0,
|
|
110
|
+
1: 1,
|
|
111
|
+
2: 2,
|
|
112
|
+
4: 4,
|
|
113
|
+
8: 8
|
|
114
|
+
},
|
|
115
|
+
outlineOffset: {
|
|
116
|
+
0: 0,
|
|
117
|
+
1: 1,
|
|
118
|
+
2: 2,
|
|
119
|
+
4: 4,
|
|
120
|
+
8: 8,
|
|
121
|
+
"-1": -1,
|
|
122
|
+
"-2": -2,
|
|
123
|
+
"-4": -4,
|
|
124
|
+
"-8": -8
|
|
125
|
+
},
|
|
126
|
+
boxShadow: {
|
|
127
|
+
"2xs": "0 1px rgb(0 0 0 / 0.05)",
|
|
128
|
+
xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
129
|
+
sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
|
130
|
+
md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
|
|
131
|
+
lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
132
|
+
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
133
|
+
"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
|
|
134
|
+
inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
|
|
135
|
+
},
|
|
136
|
+
perspective: {
|
|
137
|
+
dramatic: 100,
|
|
138
|
+
near: 300,
|
|
139
|
+
normal: 500,
|
|
140
|
+
midrange: 800,
|
|
141
|
+
distant: 1200
|
|
142
|
+
},
|
|
54
143
|
radius: {
|
|
55
144
|
0: 0,
|
|
56
145
|
1: 3,
|
|
@@ -85,7 +174,16 @@ var fonts = {
|
|
|
85
174
|
body: withTailwindTypeScale(import_fonts.fonts.body),
|
|
86
175
|
heading: withTailwindTypeScale(import_fonts.fonts.heading)
|
|
87
176
|
};
|
|
88
|
-
var
|
|
177
|
+
var selectionStyles = function(theme) {
|
|
178
|
+
return theme["color-5"] ? {
|
|
179
|
+
backgroundColor: theme["color-5"],
|
|
180
|
+
color: theme["color-11"]
|
|
181
|
+
} : null;
|
|
182
|
+
};
|
|
183
|
+
var settings = {
|
|
184
|
+
...import_settings.settings,
|
|
185
|
+
selectionStyles
|
|
186
|
+
};
|
|
89
187
|
function themesWithColorScales(themes, scales) {
|
|
90
188
|
var _loop = function(name2) {
|
|
91
189
|
var scale = scales[name2];
|
|
@@ -93,10 +191,10 @@ function themesWithColorScales(themes, scales) {
|
|
|
93
191
|
throw new Error(`color scale "${name2}" needs exactly 12 light and 12 dark values, got ${scale.light.length}/${scale.dark.length}`);
|
|
94
192
|
}
|
|
95
193
|
scale.light.forEach(function(value, index) {
|
|
96
|
-
light[`${name2}
|
|
194
|
+
light[`${name2}-${index + 1}`] = value;
|
|
97
195
|
});
|
|
98
196
|
scale.dark.forEach(function(value, index) {
|
|
99
|
-
dark[`${name2}
|
|
197
|
+
dark[`${name2}-${index + 1}`] = value;
|
|
100
198
|
});
|
|
101
199
|
};
|
|
102
200
|
var light = {};
|
|
@@ -104,22 +202,22 @@ function themesWithColorScales(themes, scales) {
|
|
|
104
202
|
for (var name in scales) _loop(name);
|
|
105
203
|
return {
|
|
106
204
|
...themes,
|
|
107
|
-
light: {
|
|
205
|
+
light: (0, import_internal_runtime.copyAuthoredThemeScheme)({
|
|
108
206
|
...themes.light,
|
|
109
207
|
...light
|
|
110
|
-
},
|
|
111
|
-
dark: {
|
|
208
|
+
}, themes.light),
|
|
209
|
+
dark: (0, import_internal_runtime.copyAuthoredThemeScheme)({
|
|
112
210
|
...themes.dark,
|
|
113
211
|
...dark
|
|
114
|
-
}
|
|
212
|
+
}, themes.dark)
|
|
115
213
|
};
|
|
116
214
|
}
|
|
117
215
|
var alignedConfig = {
|
|
118
216
|
media: import_media.media,
|
|
119
217
|
shorthands: import_v6.shorthands,
|
|
120
218
|
fonts,
|
|
121
|
-
|
|
122
|
-
|
|
219
|
+
settings,
|
|
220
|
+
sizing: import_web.defaultSizing
|
|
123
221
|
};
|
|
124
222
|
function createV6Config(colors) {
|
|
125
223
|
return {
|
|
@@ -25,20 +25,24 @@ __export(v6_base_exports, {
|
|
|
25
25
|
breakpoints: () => import_media2.breakpoints,
|
|
26
26
|
createSystemFont: () => import_fonts2.createSystemFont,
|
|
27
27
|
createV6Config: () => createV6Config,
|
|
28
|
+
defaultSizing: () => import_web.defaultSizing,
|
|
28
29
|
fonts: () => fonts,
|
|
29
30
|
media: () => import_media2.media,
|
|
30
31
|
mediaQueryDefaultActive: () => import_media2.mediaQueryDefaultActive,
|
|
31
|
-
selectionStyles: () =>
|
|
32
|
+
selectionStyles: () => selectionStyles,
|
|
32
33
|
settings: () => settings,
|
|
33
34
|
shorthands: () => import_v6.shorthands,
|
|
34
35
|
tailwindSource: () => import_v6_tailwind_scales2.tailwindSource,
|
|
35
36
|
toV6Themes: () => import_v6_themes2.toV6Themes,
|
|
36
37
|
tokens: () => tokens,
|
|
37
38
|
v6RemovedThemeNames: () => import_v6_themes.v6RemovedThemeNames,
|
|
38
|
-
v6ThemeNameReplacements: () => import_v6_themes.v6ThemeNameReplacements
|
|
39
|
+
v6ThemeNameReplacements: () => import_v6_themes.v6ThemeNameReplacements,
|
|
40
|
+
withTailwindTypeScale: () => withTailwindTypeScale
|
|
39
41
|
});
|
|
40
42
|
module.exports = __toCommonJS(v6_base_exports);
|
|
41
43
|
var import_v6 = require("@tamagui/shorthands/v6");
|
|
44
|
+
var import_web = require("@tamagui/web");
|
|
45
|
+
var import_internal_runtime = require("@tamagui/web/internal-runtime");
|
|
42
46
|
var import_fonts = require("./fonts.native.js");
|
|
43
47
|
var import_media = require("./media.native.js");
|
|
44
48
|
var import_settings = require("./settings.native.js");
|
|
@@ -48,9 +52,94 @@ var import_fonts2 = require("./fonts.native.js");
|
|
|
48
52
|
var import_media2 = require("./media.native.js");
|
|
49
53
|
var import_v6_tailwind_scales2 = require("./v6-tailwind-scales.generated.native.js");
|
|
50
54
|
var import_v6_themes2 = require("./v6-themes.native.js");
|
|
55
|
+
var tailwindContainerSize = {
|
|
56
|
+
"3xs": 256,
|
|
57
|
+
"2xs": 288,
|
|
58
|
+
xs: 320,
|
|
59
|
+
sm: 384,
|
|
60
|
+
md: 448,
|
|
61
|
+
lg: 512,
|
|
62
|
+
xl: 576,
|
|
63
|
+
"2xl": 672,
|
|
64
|
+
"3xl": 768,
|
|
65
|
+
"4xl": 896,
|
|
66
|
+
"5xl": 1024,
|
|
67
|
+
"6xl": 1152,
|
|
68
|
+
"7xl": 1280
|
|
69
|
+
};
|
|
51
70
|
var tokens = {
|
|
52
71
|
space: import_v6_tailwind_scales.tailwindSpace,
|
|
53
72
|
size: import_v6_tailwind_scales.tailwindSize,
|
|
73
|
+
width: {
|
|
74
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
75
|
+
...tailwindContainerSize
|
|
76
|
+
},
|
|
77
|
+
minWidth: {
|
|
78
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
79
|
+
...tailwindContainerSize
|
|
80
|
+
},
|
|
81
|
+
maxWidth: {
|
|
82
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
83
|
+
...tailwindContainerSize
|
|
84
|
+
},
|
|
85
|
+
inlineSize: {
|
|
86
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
87
|
+
...tailwindContainerSize
|
|
88
|
+
},
|
|
89
|
+
minInlineSize: {
|
|
90
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
91
|
+
...tailwindContainerSize
|
|
92
|
+
},
|
|
93
|
+
maxInlineSize: {
|
|
94
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
95
|
+
...tailwindContainerSize
|
|
96
|
+
},
|
|
97
|
+
flexBasis: {
|
|
98
|
+
...import_v6_tailwind_scales.tailwindSize,
|
|
99
|
+
...tailwindContainerSize
|
|
100
|
+
},
|
|
101
|
+
borderWidth: {
|
|
102
|
+
0: 0,
|
|
103
|
+
1: 1,
|
|
104
|
+
2: 2,
|
|
105
|
+
4: 4,
|
|
106
|
+
8: 8
|
|
107
|
+
},
|
|
108
|
+
outlineWidth: {
|
|
109
|
+
0: 0,
|
|
110
|
+
1: 1,
|
|
111
|
+
2: 2,
|
|
112
|
+
4: 4,
|
|
113
|
+
8: 8
|
|
114
|
+
},
|
|
115
|
+
outlineOffset: {
|
|
116
|
+
0: 0,
|
|
117
|
+
1: 1,
|
|
118
|
+
2: 2,
|
|
119
|
+
4: 4,
|
|
120
|
+
8: 8,
|
|
121
|
+
"-1": -1,
|
|
122
|
+
"-2": -2,
|
|
123
|
+
"-4": -4,
|
|
124
|
+
"-8": -8
|
|
125
|
+
},
|
|
126
|
+
boxShadow: {
|
|
127
|
+
"2xs": "0 1px rgb(0 0 0 / 0.05)",
|
|
128
|
+
xs: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
|
|
129
|
+
sm: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
|
|
130
|
+
md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
|
|
131
|
+
lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
|
|
132
|
+
xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
|
|
133
|
+
"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
|
|
134
|
+
inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)"
|
|
135
|
+
},
|
|
136
|
+
perspective: {
|
|
137
|
+
dramatic: 100,
|
|
138
|
+
near: 300,
|
|
139
|
+
normal: 500,
|
|
140
|
+
midrange: 800,
|
|
141
|
+
distant: 1200
|
|
142
|
+
},
|
|
54
143
|
radius: {
|
|
55
144
|
0: 0,
|
|
56
145
|
1: 3,
|
|
@@ -85,7 +174,16 @@ var fonts = {
|
|
|
85
174
|
body: withTailwindTypeScale(import_fonts.fonts.body),
|
|
86
175
|
heading: withTailwindTypeScale(import_fonts.fonts.heading)
|
|
87
176
|
};
|
|
88
|
-
var
|
|
177
|
+
var selectionStyles = function(theme) {
|
|
178
|
+
return theme["color-5"] ? {
|
|
179
|
+
backgroundColor: theme["color-5"],
|
|
180
|
+
color: theme["color-11"]
|
|
181
|
+
} : null;
|
|
182
|
+
};
|
|
183
|
+
var settings = {
|
|
184
|
+
...import_settings.settings,
|
|
185
|
+
selectionStyles
|
|
186
|
+
};
|
|
89
187
|
function themesWithColorScales(themes, scales) {
|
|
90
188
|
var _loop = function(name2) {
|
|
91
189
|
var scale = scales[name2];
|
|
@@ -93,10 +191,10 @@ function themesWithColorScales(themes, scales) {
|
|
|
93
191
|
throw new Error(`color scale "${name2}" needs exactly 12 light and 12 dark values, got ${scale.light.length}/${scale.dark.length}`);
|
|
94
192
|
}
|
|
95
193
|
scale.light.forEach(function(value, index) {
|
|
96
|
-
light[`${name2}
|
|
194
|
+
light[`${name2}-${index + 1}`] = value;
|
|
97
195
|
});
|
|
98
196
|
scale.dark.forEach(function(value, index) {
|
|
99
|
-
dark[`${name2}
|
|
197
|
+
dark[`${name2}-${index + 1}`] = value;
|
|
100
198
|
});
|
|
101
199
|
};
|
|
102
200
|
var light = {};
|
|
@@ -104,22 +202,22 @@ function themesWithColorScales(themes, scales) {
|
|
|
104
202
|
for (var name in scales) _loop(name);
|
|
105
203
|
return {
|
|
106
204
|
...themes,
|
|
107
|
-
light: {
|
|
205
|
+
light: (0, import_internal_runtime.copyAuthoredThemeScheme)({
|
|
108
206
|
...themes.light,
|
|
109
207
|
...light
|
|
110
|
-
},
|
|
111
|
-
dark: {
|
|
208
|
+
}, themes.light),
|
|
209
|
+
dark: (0, import_internal_runtime.copyAuthoredThemeScheme)({
|
|
112
210
|
...themes.dark,
|
|
113
211
|
...dark
|
|
114
|
-
}
|
|
212
|
+
}, themes.dark)
|
|
115
213
|
};
|
|
116
214
|
}
|
|
117
215
|
var alignedConfig = {
|
|
118
216
|
media: import_media.media,
|
|
119
217
|
shorthands: import_v6.shorthands,
|
|
120
218
|
fonts,
|
|
121
|
-
|
|
122
|
-
|
|
219
|
+
settings,
|
|
220
|
+
sizing: import_web.defaultSizing
|
|
123
221
|
};
|
|
124
222
|
function createV6Config(colors) {
|
|
125
223
|
return {
|