@tamagui/size 3.0.0-beta.1202.1 → 3.0.0-beta.1209.1
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/index.cjs +14 -10
- package/dist/cjs/index.native.cjs +7 -3
- package/dist/cjs/index.native.js +7 -3
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/esm/index.js +14 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/index.mjs +14 -10
- package/dist/esm/index.mjs.map +1 -1
- package/dist/esm/index.native.js +7 -3
- package/dist/esm/index.native.js.map +1 -1
- package/package.json +3 -3
- package/src/index.ts +29 -4
- package/types/index.d.ts +6 -1
- package/types/index.d.ts.map +2 -2
package/dist/cjs/index.cjs
CHANGED
|
@@ -77,45 +77,49 @@ const resolveSize = (value, env = configEnv()) => {
|
|
|
77
77
|
if (spec && typeof spec === "object") {
|
|
78
78
|
const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;
|
|
79
79
|
const fontSize2 = font2?.size[spec.fontSize] ?? 0;
|
|
80
|
-
const
|
|
81
|
-
const
|
|
82
|
-
const
|
|
80
|
+
const lineHeight2 = font2?.lineHeight?.[spec.fontSize];
|
|
81
|
+
const paddingVertical2 = tokens.space[spec.paddingY];
|
|
82
|
+
const fontPx2 = px(fontSize2);
|
|
83
83
|
return {
|
|
84
84
|
name: key,
|
|
85
85
|
fontSizeKey: spec.fontSize,
|
|
86
86
|
frame: {
|
|
87
87
|
paddingHorizontal: tokens.space[spec.paddingX],
|
|
88
|
-
paddingVertical,
|
|
88
|
+
paddingVertical: paddingVertical2,
|
|
89
89
|
gap: tokens.space[spec.gap ?? spec.paddingY],
|
|
90
90
|
borderRadius: tokens.radius[spec.radius]
|
|
91
91
|
},
|
|
92
92
|
text: {
|
|
93
93
|
fontSize: fontSize2,
|
|
94
|
-
lineHeight
|
|
94
|
+
lineHeight: lineHeight2
|
|
95
95
|
},
|
|
96
|
-
icon: spec.icon ?? Math.ceil(
|
|
97
|
-
controlHeight: (
|
|
96
|
+
icon: spec.icon ?? Math.ceil(fontPx2 / 4) * 4,
|
|
97
|
+
controlHeight: (lineHeight2 ? px(lineHeight2) : Math.round(fontPx2 * 1.5)) + px(paddingVertical2) * 2
|
|
98
98
|
};
|
|
99
99
|
}
|
|
100
100
|
const size = tokens.size[key];
|
|
101
101
|
const font = fontIn?.size[key] != null ? fontIn : fonts?.body;
|
|
102
102
|
const fontSize = font?.size[key];
|
|
103
|
+
const lineHeight = font?.lineHeight?.[key];
|
|
103
104
|
const sizePx = px(size);
|
|
105
|
+
const paddingVertical = Math.round(px(tokens.space[key]) / 2);
|
|
106
|
+
const fontPx = px(fontSize ?? size);
|
|
104
107
|
return {
|
|
105
108
|
name: key,
|
|
106
109
|
fontSizeKey: key,
|
|
107
110
|
frame: {
|
|
108
111
|
paddingHorizontal: tokens.space[key],
|
|
112
|
+
paddingVertical,
|
|
109
113
|
gap: Math.round(sizePx * .2),
|
|
110
114
|
borderRadius: tokens.radius[key],
|
|
111
115
|
minHeight: size
|
|
112
116
|
},
|
|
113
117
|
text: {
|
|
114
118
|
fontSize: fontSize ?? sizePx,
|
|
115
|
-
lineHeight
|
|
119
|
+
lineHeight
|
|
116
120
|
},
|
|
117
|
-
icon:
|
|
118
|
-
controlHeight: sizePx
|
|
121
|
+
icon: fontPx,
|
|
122
|
+
controlHeight: Math.max(sizePx, (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + paddingVertical * 2)
|
|
119
123
|
};
|
|
120
124
|
};
|
|
121
125
|
const oneSizeSmaller = (value, sizes) => {
|
|
@@ -111,22 +111,26 @@ var resolveSize = function(value) {
|
|
|
111
111
|
var size = tokens.size[key];
|
|
112
112
|
var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;
|
|
113
113
|
var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];
|
|
114
|
+
var lineHeight1 = font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key];
|
|
114
115
|
var sizePx = px(size);
|
|
116
|
+
var paddingVertical1 = Math.round(px(tokens.space[key]) / 2);
|
|
117
|
+
var fontPx1 = px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : size);
|
|
115
118
|
return {
|
|
116
119
|
name: key,
|
|
117
120
|
fontSizeKey: key,
|
|
118
121
|
frame: {
|
|
119
122
|
paddingHorizontal: tokens.space[key],
|
|
123
|
+
paddingVertical: paddingVertical1,
|
|
120
124
|
gap: Math.round(sizePx * .2),
|
|
121
125
|
borderRadius: tokens.radius[key],
|
|
122
126
|
minHeight: size
|
|
123
127
|
},
|
|
124
128
|
text: {
|
|
125
129
|
fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,
|
|
126
|
-
lineHeight:
|
|
130
|
+
lineHeight: lineHeight1
|
|
127
131
|
},
|
|
128
|
-
icon:
|
|
129
|
-
controlHeight: sizePx
|
|
132
|
+
icon: fontPx1,
|
|
133
|
+
controlHeight: Math.max(sizePx, (lineHeight1 ? px(lineHeight1) : Math.round(fontPx1 * 1.5)) + paddingVertical1 * 2)
|
|
130
134
|
};
|
|
131
135
|
};
|
|
132
136
|
var oneSizeSmaller = function(value, sizes) {
|
package/dist/cjs/index.native.js
CHANGED
|
@@ -111,22 +111,26 @@ var resolveSize = function(value) {
|
|
|
111
111
|
var size = tokens.size[key];
|
|
112
112
|
var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;
|
|
113
113
|
var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];
|
|
114
|
+
var lineHeight1 = font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key];
|
|
114
115
|
var sizePx = px(size);
|
|
116
|
+
var paddingVertical1 = Math.round(px(tokens.space[key]) / 2);
|
|
117
|
+
var fontPx1 = px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : size);
|
|
115
118
|
return {
|
|
116
119
|
name: key,
|
|
117
120
|
fontSizeKey: key,
|
|
118
121
|
frame: {
|
|
119
122
|
paddingHorizontal: tokens.space[key],
|
|
123
|
+
paddingVertical: paddingVertical1,
|
|
120
124
|
gap: Math.round(sizePx * .2),
|
|
121
125
|
borderRadius: tokens.radius[key],
|
|
122
126
|
minHeight: size
|
|
123
127
|
},
|
|
124
128
|
text: {
|
|
125
129
|
fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,
|
|
126
|
-
lineHeight:
|
|
130
|
+
lineHeight: lineHeight1
|
|
127
131
|
},
|
|
128
|
-
icon:
|
|
129
|
-
controlHeight: sizePx
|
|
132
|
+
icon: fontPx1,
|
|
133
|
+
controlHeight: Math.max(sizePx, (lineHeight1 ? px(lineHeight1) : Math.round(fontPx1 * 1.5)) + paddingVertical1 * 2)
|
|
130
134
|
};
|
|
131
135
|
};
|
|
132
136
|
var oneSizeSmaller = function(value, sizes) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.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 index_exports = {};\n__export(index_exports, {\n SizeContext: () => SizeContext,\n createSizeContext: () => createSizeContext,\n oneSizeSmaller: () => oneSizeSmaller,\n resolveSize: () => resolveSize\n});\nmodule.exports = __toCommonJS(index_exports);\nvar import_web = require(\"@tamagui/web\");\nvar createSizeContext = function(defaultSize) {\n return (0, import_web.createStyledContext)({\n size: defaultSize\n });\n};\nvar SizeContext = createSizeContext();\nvar configEnv = function() {\n var conf = (0, import_web.getConfig)();\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes\n };\n};\nvar warnedNoDefault = false;\nvar px = function(value) {\n var n = Number.parseFloat(String((0, import_web.getVariableValue)(value)));\n return Number.isFinite(n) ? n : 0;\n};\nvar resolveSize = function(value) {\n var env = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : configEnv();\n var _fonts_body, _font_lineHeight;\n var { tokens, font: fontIn, fonts, sizes } = env;\n var key;\n if (value === true || value == null) {\n key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n } else if (typeof value === \"number\") {\n if (process.env.NODE_ENV === \"development\") {\n console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n return k !== \"default\";\n }).join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`);\n }\n key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n } else {\n key = String(value);\n if (key[0] === \"$\") key = key.slice(1);\n }\n if (key == null) {\n if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n warnedNoDefault = true;\n console.error(`No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`);\n }\n key = \"4\";\n }\n var spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n for (var attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) == null && (fonts === null || fonts === void 0 ? void 0 : (_fonts_body = fonts.body) === null || _fonts_body === void 0 ? void 0 : _fonts_body.size[key]) == null; attempt++) {\n if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n console.error(`Unknown size \"${key}\": not a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n return k !== \"default\";\n }).join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`);\n }\n key = attempt === 0 ? (sizes === null || sizes === void 0 ? void 0 : sizes.default) || \"4\" : \"4\";\n spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n }\n if (spec && typeof spec === \"object\") {\n var _font_lineHeight1;\n var font = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[spec.fontSize]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n var _font_size_spec_fontSize;\n var fontSize = (_font_size_spec_fontSize = font === null || font === void 0 ? void 0 : font.size[spec.fontSize]) !== null && _font_size_spec_fontSize !== void 0 ? _font_size_spec_fontSize : 0;\n var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[spec.fontSize];\n var paddingVertical = tokens.space[spec.paddingY];\n var fontPx = px(fontSize);\n var _spec_gap, _spec_icon;\n return {\n name: key,\n fontSizeKey: spec.fontSize,\n frame: {\n paddingHorizontal: tokens.space[spec.paddingX],\n paddingVertical,\n gap: tokens.space[(_spec_gap = spec.gap) !== null && _spec_gap !== void 0 ? _spec_gap : spec.paddingY],\n borderRadius: tokens.radius[spec.radius]\n },\n text: {\n fontSize,\n lineHeight\n },\n icon: (_spec_icon = spec.icon) !== null && _spec_icon !== void 0 ? _spec_icon : Math.ceil(fontPx / 4) * 4,\n controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2\n };\n }\n var size = tokens.size[key];\n var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];\n var sizePx = px(size);\n return {\n name: key,\n fontSizeKey: key,\n frame: {\n paddingHorizontal: tokens.space[key],\n gap: Math.round(sizePx * 0.2),\n borderRadius: tokens.radius[key],\n minHeight: size\n },\n text: {\n fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,\n lineHeight: font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key]\n },\n icon: px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx),\n controlHeight: sizePx\n };\n};\nvar oneSizeSmaller = function(value, sizes) {\n var key = value === true || value == null ? sizes === null || sizes === void 0 ? void 0 : sizes.default : String(value).replace(/^\\$/, \"\");\n if (key == null) return \"3\";\n var names = Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(name) {\n return name !== \"default\";\n });\n var index = names.indexOf(key);\n if (index !== -1) return names[Math.max(0, index - 1)];\n var n = Number(key);\n if (Number.isNaN(n)) return key;\n return `${Math.max(1, Math.round(n) - 1)}`;\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.native.js","names":[],"sources":["cjs/index.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 index_exports = {};\n__export(index_exports, {\n SizeContext: () => SizeContext,\n createSizeContext: () => createSizeContext,\n oneSizeSmaller: () => oneSizeSmaller,\n resolveSize: () => resolveSize\n});\nmodule.exports = __toCommonJS(index_exports);\nvar import_web = require(\"@tamagui/web\");\nvar createSizeContext = function(defaultSize) {\n return (0, import_web.createStyledContext)({\n size: defaultSize\n });\n};\nvar SizeContext = createSizeContext();\nvar configEnv = function() {\n var conf = (0, import_web.getConfig)();\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes\n };\n};\nvar warnedNoDefault = false;\nvar px = function(value) {\n var n = Number.parseFloat(String((0, import_web.getVariableValue)(value)));\n return Number.isFinite(n) ? n : 0;\n};\nvar resolveSize = function(value) {\n var env = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : configEnv();\n var _fonts_body, _font_lineHeight;\n var { tokens, font: fontIn, fonts, sizes } = env;\n var key;\n if (value === true || value == null) {\n key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n } else if (typeof value === \"number\") {\n if (process.env.NODE_ENV === \"development\") {\n console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n return k !== \"default\";\n }).join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`);\n }\n key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n } else {\n key = String(value);\n if (key[0] === \"$\") key = key.slice(1);\n }\n if (key == null) {\n if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n warnedNoDefault = true;\n console.error(`No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`);\n }\n key = \"4\";\n }\n var spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n for (var attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) == null && (fonts === null || fonts === void 0 ? void 0 : (_fonts_body = fonts.body) === null || _fonts_body === void 0 ? void 0 : _fonts_body.size[key]) == null; attempt++) {\n if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n console.error(`Unknown size \"${key}\": not a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n return k !== \"default\";\n }).join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`);\n }\n key = attempt === 0 ? (sizes === null || sizes === void 0 ? void 0 : sizes.default) || \"4\" : \"4\";\n spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n }\n if (spec && typeof spec === \"object\") {\n var _font_lineHeight1;\n var font = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[spec.fontSize]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n var _font_size_spec_fontSize;\n var fontSize = (_font_size_spec_fontSize = font === null || font === void 0 ? void 0 : font.size[spec.fontSize]) !== null && _font_size_spec_fontSize !== void 0 ? _font_size_spec_fontSize : 0;\n var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[spec.fontSize];\n var paddingVertical = tokens.space[spec.paddingY];\n var fontPx = px(fontSize);\n var _spec_gap, _spec_icon;\n return {\n name: key,\n fontSizeKey: spec.fontSize,\n frame: {\n paddingHorizontal: tokens.space[spec.paddingX],\n paddingVertical,\n gap: tokens.space[(_spec_gap = spec.gap) !== null && _spec_gap !== void 0 ? _spec_gap : spec.paddingY],\n borderRadius: tokens.radius[spec.radius]\n },\n text: {\n fontSize,\n lineHeight\n },\n icon: (_spec_icon = spec.icon) !== null && _spec_icon !== void 0 ? _spec_icon : Math.ceil(fontPx / 4) * 4,\n controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2\n };\n }\n var size = tokens.size[key];\n var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];\n var lineHeight1 = font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key];\n var sizePx = px(size);\n var paddingVertical1 = Math.round(px(tokens.space[key]) / 2);\n var fontPx1 = px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : size);\n return {\n name: key,\n fontSizeKey: key,\n frame: {\n paddingHorizontal: tokens.space[key],\n paddingVertical: paddingVertical1,\n gap: Math.round(sizePx * 0.2),\n borderRadius: tokens.radius[key],\n minHeight: size\n },\n text: {\n fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,\n lineHeight: lineHeight1\n },\n icon: fontPx1,\n controlHeight: Math.max(sizePx, (lineHeight1 ? px(lineHeight1) : Math.round(fontPx1 * 1.5)) + paddingVertical1 * 2)\n };\n};\nvar oneSizeSmaller = function(value, sizes) {\n var key = value === true || value == null ? sizes === null || sizes === void 0 ? void 0 : sizes.default : String(value).replace(/^\\$/, \"\");\n if (key == null) return \"3\";\n var names = Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(name) {\n return name !== \"default\";\n });\n var index = names.indexOf(key);\n if (index !== -1) return names[Math.max(0, index - 1)];\n var n = Number(key);\n if (Number.isNaN(n)) return key;\n return `${Math.max(1, Math.round(n) - 1)}`;\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}
|
package/dist/esm/index.js
CHANGED
|
@@ -50,45 +50,49 @@ const resolveSize = (value, env = configEnv()) => {
|
|
|
50
50
|
if (spec && typeof spec === "object") {
|
|
51
51
|
const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;
|
|
52
52
|
const fontSize2 = font2?.size[spec.fontSize] ?? 0;
|
|
53
|
-
const
|
|
54
|
-
const
|
|
55
|
-
const
|
|
53
|
+
const lineHeight2 = font2?.lineHeight?.[spec.fontSize];
|
|
54
|
+
const paddingVertical2 = tokens.space[spec.paddingY];
|
|
55
|
+
const fontPx2 = px(fontSize2);
|
|
56
56
|
return {
|
|
57
57
|
name: key,
|
|
58
58
|
fontSizeKey: spec.fontSize,
|
|
59
59
|
frame: {
|
|
60
60
|
paddingHorizontal: tokens.space[spec.paddingX],
|
|
61
|
-
paddingVertical,
|
|
61
|
+
paddingVertical: paddingVertical2,
|
|
62
62
|
gap: tokens.space[spec.gap ?? spec.paddingY],
|
|
63
63
|
borderRadius: tokens.radius[spec.radius]
|
|
64
64
|
},
|
|
65
65
|
text: {
|
|
66
66
|
fontSize: fontSize2,
|
|
67
|
-
lineHeight
|
|
67
|
+
lineHeight: lineHeight2
|
|
68
68
|
},
|
|
69
|
-
icon: spec.icon ?? Math.ceil(
|
|
70
|
-
controlHeight: (
|
|
69
|
+
icon: spec.icon ?? Math.ceil(fontPx2 / 4) * 4,
|
|
70
|
+
controlHeight: (lineHeight2 ? px(lineHeight2) : Math.round(fontPx2 * 1.5)) + px(paddingVertical2) * 2
|
|
71
71
|
};
|
|
72
72
|
}
|
|
73
73
|
const size = tokens.size[key];
|
|
74
74
|
const font = fontIn?.size[key] != null ? fontIn : fonts?.body;
|
|
75
75
|
const fontSize = font?.size[key];
|
|
76
|
+
const lineHeight = font?.lineHeight?.[key];
|
|
76
77
|
const sizePx = px(size);
|
|
78
|
+
const paddingVertical = Math.round(px(tokens.space[key]) / 2);
|
|
79
|
+
const fontPx = px(fontSize ?? size);
|
|
77
80
|
return {
|
|
78
81
|
name: key,
|
|
79
82
|
fontSizeKey: key,
|
|
80
83
|
frame: {
|
|
81
84
|
paddingHorizontal: tokens.space[key],
|
|
85
|
+
paddingVertical,
|
|
82
86
|
gap: Math.round(sizePx * .2),
|
|
83
87
|
borderRadius: tokens.radius[key],
|
|
84
88
|
minHeight: size
|
|
85
89
|
},
|
|
86
90
|
text: {
|
|
87
91
|
fontSize: fontSize ?? sizePx,
|
|
88
|
-
lineHeight
|
|
92
|
+
lineHeight
|
|
89
93
|
},
|
|
90
|
-
icon:
|
|
91
|
-
controlHeight: sizePx
|
|
94
|
+
icon: fontPx,
|
|
95
|
+
controlHeight: Math.max(sizePx, (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + paddingVertical * 2)
|
|
92
96
|
};
|
|
93
97
|
};
|
|
94
98
|
const oneSizeSmaller = (value, sizes) => {
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import {\n createStyledContext,\n getConfig,\n getVariableValue\n} from \"@tamagui/web\";\nconst createSizeContext = (defaultSize) => {\n return createStyledContext({ size: defaultSize });\n};\nconst SizeContext = createSizeContext();\nconst configEnv = () => {\n const conf = getConfig();\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes\n };\n};\nlet warnedNoDefault = false;\nconst px = (value) => {\n const n = Number.parseFloat(String(getVariableValue(value)));\n return Number.isFinite(n) ? n : 0;\n};\nconst resolveSize = (value, env = configEnv()) => {\n const { tokens, font: fontIn, fonts, sizes } = env;\n let key;\n if (value === true || value == null) {\n key = sizes?.default;\n } else if (typeof value === \"number\") {\n if (process.env.NODE_ENV === \"development\") {\n console.error(\n `size={${value}} is not a control size. Use a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`\n );\n }\n key = sizes?.default;\n } else {\n key = String(value);\n if (key[0] === \"$\") key = key.slice(1);\n }\n if (key == null) {\n if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n warnedNoDefault = true;\n console.error(\n `No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`\n );\n }\n key = \"4\";\n }\n let spec = key === \"default\" ? void 0 : sizes?.[key];\n for (let attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && fontIn?.size[key] == null && fonts?.body?.size[key] == null; attempt++) {\n if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n console.error(\n `Unknown size \"${key}\": not a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`\n );\n }\n key = attempt === 0 ? sizes?.default || \"4\" : \"4\";\n spec = key === \"default\" ? void 0 : sizes?.[key];\n }\n if (spec && typeof spec === \"object\") {\n const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;\n const fontSize2 = font2?.size[spec.fontSize] ?? 0;\n const
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import {\n createStyledContext,\n getConfig,\n getVariableValue\n} from \"@tamagui/web\";\nconst createSizeContext = (defaultSize) => {\n return createStyledContext({ size: defaultSize });\n};\nconst SizeContext = createSizeContext();\nconst configEnv = () => {\n const conf = getConfig();\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes\n };\n};\nlet warnedNoDefault = false;\nconst px = (value) => {\n const n = Number.parseFloat(String(getVariableValue(value)));\n return Number.isFinite(n) ? n : 0;\n};\nconst resolveSize = (value, env = configEnv()) => {\n const { tokens, font: fontIn, fonts, sizes } = env;\n let key;\n if (value === true || value == null) {\n key = sizes?.default;\n } else if (typeof value === \"number\") {\n if (process.env.NODE_ENV === \"development\") {\n console.error(\n `size={${value}} is not a control size. Use a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`\n );\n }\n key = sizes?.default;\n } else {\n key = String(value);\n if (key[0] === \"$\") key = key.slice(1);\n }\n if (key == null) {\n if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n warnedNoDefault = true;\n console.error(\n `No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`\n );\n }\n key = \"4\";\n }\n let spec = key === \"default\" ? void 0 : sizes?.[key];\n for (let attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && fontIn?.size[key] == null && fonts?.body?.size[key] == null; attempt++) {\n if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n console.error(\n `Unknown size \"${key}\": not a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`\n );\n }\n key = attempt === 0 ? sizes?.default || \"4\" : \"4\";\n spec = key === \"default\" ? void 0 : sizes?.[key];\n }\n if (spec && typeof spec === \"object\") {\n const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;\n const fontSize2 = font2?.size[spec.fontSize] ?? 0;\n const lineHeight2 = font2?.lineHeight?.[spec.fontSize];\n const paddingVertical2 = tokens.space[spec.paddingY];\n const fontPx2 = px(fontSize2);\n return {\n name: key,\n fontSizeKey: spec.fontSize,\n frame: {\n paddingHorizontal: tokens.space[spec.paddingX],\n paddingVertical: paddingVertical2,\n gap: tokens.space[spec.gap ?? spec.paddingY],\n borderRadius: tokens.radius[spec.radius]\n },\n text: { fontSize: fontSize2, lineHeight: lineHeight2 },\n icon: spec.icon ?? Math.ceil(fontPx2 / 4) * 4,\n controlHeight: (lineHeight2 ? px(lineHeight2) : Math.round(fontPx2 * 1.5)) + px(paddingVertical2) * 2\n };\n }\n const size = tokens.size[key];\n const font = fontIn?.size[key] != null ? fontIn : fonts?.body;\n const fontSize = font?.size[key];\n const lineHeight = font?.lineHeight?.[key];\n const sizePx = px(size);\n const paddingVertical = Math.round(px(tokens.space[key]) / 2);\n const fontPx = px(fontSize ?? size);\n return {\n name: key,\n fontSizeKey: key,\n frame: {\n paddingHorizontal: tokens.space[key],\n paddingVertical,\n gap: Math.round(sizePx * 0.2),\n borderRadius: tokens.radius[key],\n minHeight: size\n },\n text: { fontSize: fontSize ?? sizePx, lineHeight },\n icon: fontPx,\n controlHeight: Math.max(\n sizePx,\n (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + paddingVertical * 2\n )\n };\n};\nconst oneSizeSmaller = (value, sizes) => {\n const key = value === true || value == null ? sizes?.default : String(value).replace(/^\\$/, \"\");\n if (key == null) return \"3\";\n const names = Object.keys(sizes ?? {}).filter((name) => name !== \"default\");\n const index = names.indexOf(key);\n if (index !== -1) return names[Math.max(0, index - 1)];\n const n = Number(key);\n if (Number.isNaN(n)) return key;\n return `${Math.max(1, Math.round(n) - 1)}`;\n};\nexport {\n SizeContext,\n createSizeContext,\n oneSizeSmaller,\n resolveSize\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}
|
package/dist/esm/index.mjs
CHANGED
|
@@ -50,45 +50,49 @@ const resolveSize = (value, env = configEnv()) => {
|
|
|
50
50
|
if (spec && typeof spec === "object") {
|
|
51
51
|
const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;
|
|
52
52
|
const fontSize2 = font2?.size[spec.fontSize] ?? 0;
|
|
53
|
-
const
|
|
54
|
-
const
|
|
55
|
-
const
|
|
53
|
+
const lineHeight2 = font2?.lineHeight?.[spec.fontSize];
|
|
54
|
+
const paddingVertical2 = tokens.space[spec.paddingY];
|
|
55
|
+
const fontPx2 = px(fontSize2);
|
|
56
56
|
return {
|
|
57
57
|
name: key,
|
|
58
58
|
fontSizeKey: spec.fontSize,
|
|
59
59
|
frame: {
|
|
60
60
|
paddingHorizontal: tokens.space[spec.paddingX],
|
|
61
|
-
paddingVertical,
|
|
61
|
+
paddingVertical: paddingVertical2,
|
|
62
62
|
gap: tokens.space[spec.gap ?? spec.paddingY],
|
|
63
63
|
borderRadius: tokens.radius[spec.radius]
|
|
64
64
|
},
|
|
65
65
|
text: {
|
|
66
66
|
fontSize: fontSize2,
|
|
67
|
-
lineHeight
|
|
67
|
+
lineHeight: lineHeight2
|
|
68
68
|
},
|
|
69
|
-
icon: spec.icon ?? Math.ceil(
|
|
70
|
-
controlHeight: (
|
|
69
|
+
icon: spec.icon ?? Math.ceil(fontPx2 / 4) * 4,
|
|
70
|
+
controlHeight: (lineHeight2 ? px(lineHeight2) : Math.round(fontPx2 * 1.5)) + px(paddingVertical2) * 2
|
|
71
71
|
};
|
|
72
72
|
}
|
|
73
73
|
const size = tokens.size[key];
|
|
74
74
|
const font = fontIn?.size[key] != null ? fontIn : fonts?.body;
|
|
75
75
|
const fontSize = font?.size[key];
|
|
76
|
+
const lineHeight = font?.lineHeight?.[key];
|
|
76
77
|
const sizePx = px(size);
|
|
78
|
+
const paddingVertical = Math.round(px(tokens.space[key]) / 2);
|
|
79
|
+
const fontPx = px(fontSize ?? size);
|
|
77
80
|
return {
|
|
78
81
|
name: key,
|
|
79
82
|
fontSizeKey: key,
|
|
80
83
|
frame: {
|
|
81
84
|
paddingHorizontal: tokens.space[key],
|
|
85
|
+
paddingVertical,
|
|
82
86
|
gap: Math.round(sizePx * .2),
|
|
83
87
|
borderRadius: tokens.radius[key],
|
|
84
88
|
minHeight: size
|
|
85
89
|
},
|
|
86
90
|
text: {
|
|
87
91
|
fontSize: fontSize ?? sizePx,
|
|
88
|
-
lineHeight
|
|
92
|
+
lineHeight
|
|
89
93
|
},
|
|
90
|
-
icon:
|
|
91
|
-
controlHeight: sizePx
|
|
94
|
+
icon: fontPx,
|
|
95
|
+
controlHeight: Math.max(sizePx, (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + paddingVertical * 2)
|
|
92
96
|
};
|
|
93
97
|
};
|
|
94
98
|
const oneSizeSmaller = (value, sizes) => {
|
package/dist/esm/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import {\n createStyledContext,\n getConfig,\n getVariableValue\n} from \"@tamagui/web\";\nconst createSizeContext = (defaultSize) => {\n return createStyledContext({ size: defaultSize });\n};\nconst SizeContext = createSizeContext();\nconst configEnv = () => {\n const conf = getConfig();\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes\n };\n};\nlet warnedNoDefault = false;\nconst px = (value) => {\n const n = Number.parseFloat(String(getVariableValue(value)));\n return Number.isFinite(n) ? n : 0;\n};\nconst resolveSize = (value, env = configEnv()) => {\n const { tokens, font: fontIn, fonts, sizes } = env;\n let key;\n if (value === true || value == null) {\n key = sizes?.default;\n } else if (typeof value === \"number\") {\n if (process.env.NODE_ENV === \"development\") {\n console.error(\n `size={${value}} is not a control size. Use a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`\n );\n }\n key = sizes?.default;\n } else {\n key = String(value);\n if (key[0] === \"$\") key = key.slice(1);\n }\n if (key == null) {\n if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n warnedNoDefault = true;\n console.error(\n `No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`\n );\n }\n key = \"4\";\n }\n let spec = key === \"default\" ? void 0 : sizes?.[key];\n for (let attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && fontIn?.size[key] == null && fonts?.body?.size[key] == null; attempt++) {\n if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n console.error(\n `Unknown size \"${key}\": not a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`\n );\n }\n key = attempt === 0 ? sizes?.default || \"4\" : \"4\";\n spec = key === \"default\" ? void 0 : sizes?.[key];\n }\n if (spec && typeof spec === \"object\") {\n const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;\n const fontSize2 = font2?.size[spec.fontSize] ?? 0;\n const
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["esm/index.js"],"sourcesContent":["import {\n createStyledContext,\n getConfig,\n getVariableValue\n} from \"@tamagui/web\";\nconst createSizeContext = (defaultSize) => {\n return createStyledContext({ size: defaultSize });\n};\nconst SizeContext = createSizeContext();\nconst configEnv = () => {\n const conf = getConfig();\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes\n };\n};\nlet warnedNoDefault = false;\nconst px = (value) => {\n const n = Number.parseFloat(String(getVariableValue(value)));\n return Number.isFinite(n) ? n : 0;\n};\nconst resolveSize = (value, env = configEnv()) => {\n const { tokens, font: fontIn, fonts, sizes } = env;\n let key;\n if (value === true || value == null) {\n key = sizes?.default;\n } else if (typeof value === \"number\") {\n if (process.env.NODE_ENV === \"development\") {\n console.error(\n `size={${value}} is not a control size. Use a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`\n );\n }\n key = sizes?.default;\n } else {\n key = String(value);\n if (key[0] === \"$\") key = key.slice(1);\n }\n if (key == null) {\n if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n warnedNoDefault = true;\n console.error(\n `No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`\n );\n }\n key = \"4\";\n }\n let spec = key === \"default\" ? void 0 : sizes?.[key];\n for (let attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && fontIn?.size[key] == null && fonts?.body?.size[key] == null; attempt++) {\n if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n console.error(\n `Unknown size \"${key}\": not a named size (${Object.keys(sizes ?? {}).filter((k) => k !== \"default\").join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`\n );\n }\n key = attempt === 0 ? sizes?.default || \"4\" : \"4\";\n spec = key === \"default\" ? void 0 : sizes?.[key];\n }\n if (spec && typeof spec === \"object\") {\n const font2 = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body;\n const fontSize2 = font2?.size[spec.fontSize] ?? 0;\n const lineHeight2 = font2?.lineHeight?.[spec.fontSize];\n const paddingVertical2 = tokens.space[spec.paddingY];\n const fontPx2 = px(fontSize2);\n return {\n name: key,\n fontSizeKey: spec.fontSize,\n frame: {\n paddingHorizontal: tokens.space[spec.paddingX],\n paddingVertical: paddingVertical2,\n gap: tokens.space[spec.gap ?? spec.paddingY],\n borderRadius: tokens.radius[spec.radius]\n },\n text: { fontSize: fontSize2, lineHeight: lineHeight2 },\n icon: spec.icon ?? Math.ceil(fontPx2 / 4) * 4,\n controlHeight: (lineHeight2 ? px(lineHeight2) : Math.round(fontPx2 * 1.5)) + px(paddingVertical2) * 2\n };\n }\n const size = tokens.size[key];\n const font = fontIn?.size[key] != null ? fontIn : fonts?.body;\n const fontSize = font?.size[key];\n const lineHeight = font?.lineHeight?.[key];\n const sizePx = px(size);\n const paddingVertical = Math.round(px(tokens.space[key]) / 2);\n const fontPx = px(fontSize ?? size);\n return {\n name: key,\n fontSizeKey: key,\n frame: {\n paddingHorizontal: tokens.space[key],\n paddingVertical,\n gap: Math.round(sizePx * 0.2),\n borderRadius: tokens.radius[key],\n minHeight: size\n },\n text: { fontSize: fontSize ?? sizePx, lineHeight },\n icon: fontPx,\n controlHeight: Math.max(\n sizePx,\n (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + paddingVertical * 2\n )\n };\n};\nconst oneSizeSmaller = (value, sizes) => {\n const key = value === true || value == null ? sizes?.default : String(value).replace(/^\\$/, \"\");\n if (key == null) return \"3\";\n const names = Object.keys(sizes ?? {}).filter((name) => name !== \"default\");\n const index = names.indexOf(key);\n if (index !== -1) return names[Math.max(0, index - 1)];\n const n = Number(key);\n if (Number.isNaN(n)) return key;\n return `${Math.max(1, Math.round(n) - 1)}`;\n};\nexport {\n SizeContext,\n createSizeContext,\n oneSizeSmaller,\n resolveSize\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}
|
package/dist/esm/index.native.js
CHANGED
|
@@ -82,22 +82,26 @@ var resolveSize = function(value) {
|
|
|
82
82
|
var size = tokens.size[key];
|
|
83
83
|
var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;
|
|
84
84
|
var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];
|
|
85
|
+
var lineHeight1 = font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key];
|
|
85
86
|
var sizePx = px(size);
|
|
87
|
+
var paddingVertical1 = Math.round(px(tokens.space[key]) / 2);
|
|
88
|
+
var fontPx1 = px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : size);
|
|
86
89
|
return {
|
|
87
90
|
name: key,
|
|
88
91
|
fontSizeKey: key,
|
|
89
92
|
frame: {
|
|
90
93
|
paddingHorizontal: tokens.space[key],
|
|
94
|
+
paddingVertical: paddingVertical1,
|
|
91
95
|
gap: Math.round(sizePx * .2),
|
|
92
96
|
borderRadius: tokens.radius[key],
|
|
93
97
|
minHeight: size
|
|
94
98
|
},
|
|
95
99
|
text: {
|
|
96
100
|
fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,
|
|
97
|
-
lineHeight:
|
|
101
|
+
lineHeight: lineHeight1
|
|
98
102
|
},
|
|
99
|
-
icon:
|
|
100
|
-
controlHeight: sizePx
|
|
103
|
+
icon: fontPx1,
|
|
104
|
+
controlHeight: Math.max(sizePx, (lineHeight1 ? px(lineHeight1) : Math.round(fontPx1 * 1.5)) + paddingVertical1 * 2)
|
|
101
105
|
};
|
|
102
106
|
};
|
|
103
107
|
var oneSizeSmaller = function(value, sizes) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.native.js","names":[],"sources":["esm/index.native.js"],"sourcesContent":["import { createStyledContext, getConfig, getVariableValue } from \"@tamagui/web\";\nvar createSizeContext = function(defaultSize) {\n return createStyledContext({\n size: defaultSize\n });\n};\nvar SizeContext = createSizeContext();\nvar configEnv = function() {\n var conf = getConfig();\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes\n };\n};\nvar warnedNoDefault = false;\nvar px = function(value) {\n var n = Number.parseFloat(String(getVariableValue(value)));\n return Number.isFinite(n) ? n : 0;\n};\nvar resolveSize = function(value) {\n var env = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : configEnv();\n var _fonts_body, _font_lineHeight;\n var { tokens, font: fontIn, fonts, sizes } = env;\n var key;\n if (value === true || value == null) {\n key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n } else if (typeof value === \"number\") {\n if (process.env.NODE_ENV === \"development\") {\n console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n return k !== \"default\";\n }).join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`);\n }\n key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n } else {\n key = String(value);\n if (key[0] === \"$\") key = key.slice(1);\n }\n if (key == null) {\n if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n warnedNoDefault = true;\n console.error(`No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`);\n }\n key = \"4\";\n }\n var spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n for (var attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) == null && (fonts === null || fonts === void 0 ? void 0 : (_fonts_body = fonts.body) === null || _fonts_body === void 0 ? void 0 : _fonts_body.size[key]) == null; attempt++) {\n if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n console.error(`Unknown size \"${key}\": not a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n return k !== \"default\";\n }).join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`);\n }\n key = attempt === 0 ? (sizes === null || sizes === void 0 ? void 0 : sizes.default) || \"4\" : \"4\";\n spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n }\n if (spec && typeof spec === \"object\") {\n var _font_lineHeight1;\n var font = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[spec.fontSize]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n var _font_size_spec_fontSize;\n var fontSize = (_font_size_spec_fontSize = font === null || font === void 0 ? void 0 : font.size[spec.fontSize]) !== null && _font_size_spec_fontSize !== void 0 ? _font_size_spec_fontSize : 0;\n var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[spec.fontSize];\n var paddingVertical = tokens.space[spec.paddingY];\n var fontPx = px(fontSize);\n var _spec_gap, _spec_icon;\n return {\n name: key,\n fontSizeKey: spec.fontSize,\n frame: {\n paddingHorizontal: tokens.space[spec.paddingX],\n paddingVertical,\n gap: tokens.space[(_spec_gap = spec.gap) !== null && _spec_gap !== void 0 ? _spec_gap : spec.paddingY],\n borderRadius: tokens.radius[spec.radius]\n },\n text: {\n fontSize,\n lineHeight\n },\n icon: (_spec_icon = spec.icon) !== null && _spec_icon !== void 0 ? _spec_icon : Math.ceil(fontPx / 4) * 4,\n controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2\n };\n }\n var size = tokens.size[key];\n var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];\n var sizePx = px(size);\n return {\n name: key,\n fontSizeKey: key,\n frame: {\n paddingHorizontal: tokens.space[key],\n gap: Math.round(sizePx * 0.2),\n borderRadius: tokens.radius[key],\n minHeight: size\n },\n text: {\n fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,\n lineHeight: font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key]\n },\n icon: px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx),\n controlHeight: sizePx\n };\n};\nvar oneSizeSmaller = function(value, sizes) {\n var key = value === true || value == null ? sizes === null || sizes === void 0 ? void 0 : sizes.default : String(value).replace(/^\\$/, \"\");\n if (key == null) return \"3\";\n var names = Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(name) {\n return name !== \"default\";\n });\n var index = names.indexOf(key);\n if (index !== -1) return names[Math.max(0, index - 1)];\n var n = Number(key);\n if (Number.isNaN(n)) return key;\n return `${Math.max(1, Math.round(n) - 1)}`;\n};\nexport {\n SizeContext,\n createSizeContext,\n oneSizeSmaller,\n resolveSize\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.native.js","names":[],"sources":["esm/index.native.js"],"sourcesContent":["import { createStyledContext, getConfig, getVariableValue } from \"@tamagui/web\";\nvar createSizeContext = function(defaultSize) {\n return createStyledContext({\n size: defaultSize\n });\n};\nvar SizeContext = createSizeContext();\nvar configEnv = function() {\n var conf = getConfig();\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes\n };\n};\nvar warnedNoDefault = false;\nvar px = function(value) {\n var n = Number.parseFloat(String(getVariableValue(value)));\n return Number.isFinite(n) ? n : 0;\n};\nvar resolveSize = function(value) {\n var env = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : configEnv();\n var _fonts_body, _font_lineHeight;\n var { tokens, font: fontIn, fonts, sizes } = env;\n var key;\n if (value === true || value == null) {\n key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n } else if (typeof value === \"number\") {\n if (process.env.NODE_ENV === \"development\") {\n console.error(`size={${value}} is not a control size. Use a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n return k !== \"default\";\n }).join(\", \") || \"none configured\"}) or a token key. Falling back to the default.`);\n }\n key = sizes === null || sizes === void 0 ? void 0 : sizes.default;\n } else {\n key = String(value);\n if (key[0] === \"$\") key = key.slice(1);\n }\n if (key == null) {\n if (process.env.NODE_ENV === \"development\" && !warnedNoDefault) {\n warnedNoDefault = true;\n console.error(`No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`);\n }\n key = \"4\";\n }\n var spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n for (var attempt = 0; attempt < 2 && !(spec && typeof spec === \"object\") && tokens.size[key] == null && (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) == null && (fonts === null || fonts === void 0 ? void 0 : (_fonts_body = fonts.body) === null || _fonts_body === void 0 ? void 0 : _fonts_body.size[key]) == null; attempt++) {\n if (process.env.NODE_ENV === \"development\" && attempt === 0) {\n console.error(`Unknown size \"${key}\": not a named size (${Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(k) {\n return k !== \"default\";\n }).join(\", \") || \"none configured\"}) and not a token key. Falling back to the default.`);\n }\n key = attempt === 0 ? (sizes === null || sizes === void 0 ? void 0 : sizes.default) || \"4\" : \"4\";\n spec = key === \"default\" ? void 0 : sizes === null || sizes === void 0 ? void 0 : sizes[key];\n }\n if (spec && typeof spec === \"object\") {\n var _font_lineHeight1;\n var font = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[spec.fontSize]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n var _font_size_spec_fontSize;\n var fontSize = (_font_size_spec_fontSize = font === null || font === void 0 ? void 0 : font.size[spec.fontSize]) !== null && _font_size_spec_fontSize !== void 0 ? _font_size_spec_fontSize : 0;\n var lineHeight = font === null || font === void 0 ? void 0 : (_font_lineHeight1 = font.lineHeight) === null || _font_lineHeight1 === void 0 ? void 0 : _font_lineHeight1[spec.fontSize];\n var paddingVertical = tokens.space[spec.paddingY];\n var fontPx = px(fontSize);\n var _spec_gap, _spec_icon;\n return {\n name: key,\n fontSizeKey: spec.fontSize,\n frame: {\n paddingHorizontal: tokens.space[spec.paddingX],\n paddingVertical,\n gap: tokens.space[(_spec_gap = spec.gap) !== null && _spec_gap !== void 0 ? _spec_gap : spec.paddingY],\n borderRadius: tokens.radius[spec.radius]\n },\n text: {\n fontSize,\n lineHeight\n },\n icon: (_spec_icon = spec.icon) !== null && _spec_icon !== void 0 ? _spec_icon : Math.ceil(fontPx / 4) * 4,\n controlHeight: (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + px(paddingVertical) * 2\n };\n }\n var size = tokens.size[key];\n var font1 = (fontIn === null || fontIn === void 0 ? void 0 : fontIn.size[key]) != null ? fontIn : fonts === null || fonts === void 0 ? void 0 : fonts.body;\n var fontSize1 = font1 === null || font1 === void 0 ? void 0 : font1.size[key];\n var lineHeight1 = font1 === null || font1 === void 0 ? void 0 : (_font_lineHeight = font1.lineHeight) === null || _font_lineHeight === void 0 ? void 0 : _font_lineHeight[key];\n var sizePx = px(size);\n var paddingVertical1 = Math.round(px(tokens.space[key]) / 2);\n var fontPx1 = px(fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : size);\n return {\n name: key,\n fontSizeKey: key,\n frame: {\n paddingHorizontal: tokens.space[key],\n paddingVertical: paddingVertical1,\n gap: Math.round(sizePx * 0.2),\n borderRadius: tokens.radius[key],\n minHeight: size\n },\n text: {\n fontSize: fontSize1 !== null && fontSize1 !== void 0 ? fontSize1 : sizePx,\n lineHeight: lineHeight1\n },\n icon: fontPx1,\n controlHeight: Math.max(sizePx, (lineHeight1 ? px(lineHeight1) : Math.round(fontPx1 * 1.5)) + paddingVertical1 * 2)\n };\n};\nvar oneSizeSmaller = function(value, sizes) {\n var key = value === true || value == null ? sizes === null || sizes === void 0 ? void 0 : sizes.default : String(value).replace(/^\\$/, \"\");\n if (key == null) return \"3\";\n var names = Object.keys(sizes !== null && sizes !== void 0 ? sizes : {}).filter(function(name) {\n return name !== \"default\";\n });\n var index = names.indexOf(key);\n if (index !== -1) return names[Math.max(0, index - 1)];\n var n = Number(key);\n if (Number.isNaN(n)) return key;\n return `${Math.max(1, Math.round(n) - 1)}`;\n};\nexport {\n SizeContext,\n createSizeContext,\n oneSizeSmaller,\n resolveSize\n};\n//# sourceMappingURL=index.js.map\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/size",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.1209.1",
|
|
4
4
|
"description": "Component-agnostic size context and skin table helpers",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"source": "src/index.ts",
|
|
@@ -37,10 +37,10 @@
|
|
|
37
37
|
"test": "vitest --run tests/index.test.ts"
|
|
38
38
|
},
|
|
39
39
|
"dependencies": {
|
|
40
|
-
"@tamagui/web": "3.0.0-beta.
|
|
40
|
+
"@tamagui/web": "3.0.0-beta.1209.1"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@tamagui/build": "3.0.0-beta.
|
|
43
|
+
"@tamagui/build": "3.0.0-beta.1209.1",
|
|
44
44
|
"react": "19.2.3",
|
|
45
45
|
"vitest": "4.1.0"
|
|
46
46
|
},
|
package/src/index.ts
CHANGED
|
@@ -89,11 +89,16 @@ const px = (value: unknown) => {
|
|
|
89
89
|
*
|
|
90
90
|
* - `true` (or nothing): the config's default named size
|
|
91
91
|
* - a name in `config.sizes`: a recipe of token keys, never a height
|
|
92
|
-
* - a token key like `4` or `$4`: v2's
|
|
92
|
+
* - a token key like `4` or `$4`: v2's spelling, indexing every scale at key 4
|
|
93
93
|
*
|
|
94
94
|
* A named size never sets a height. The control ends up line-height plus
|
|
95
95
|
* padding tall, so the frame, its text and its icon agree by construction.
|
|
96
96
|
* Icons default to the font size rounded up to the 4px grid (12, 16, 16, 20).
|
|
97
|
+
*
|
|
98
|
+
* A token key keeps v2's coupling, so `size="$11"` is space 11, radius 11 and
|
|
99
|
+
* font 11 together. It takes `tokens.size[key]` as a minimum height rather than
|
|
100
|
+
* the height, because that only describes a control under a v2-shaped size
|
|
101
|
+
* scale; see the token branch.
|
|
97
102
|
*/
|
|
98
103
|
export const resolveSize = (
|
|
99
104
|
value: TokenSize | null | undefined,
|
|
@@ -177,22 +182,42 @@ export const resolveSize = (
|
|
|
177
182
|
}
|
|
178
183
|
}
|
|
179
184
|
|
|
185
|
+
// v2 read the control's height straight off `tokens.size[key]`, because under
|
|
186
|
+
// v2 that scale WAS a control ramp: `size="$4"` meant a 44px button. v6's size
|
|
187
|
+
// scale is tailwind's spacing, where `4` is 16px, so reading a height off it
|
|
188
|
+
// hands back a 16px-tall control around 20px of text, with nothing to pad it
|
|
189
|
+
// out. That is the collapsed Button, and `controlSizes` used to prevent it.
|
|
190
|
+
//
|
|
191
|
+
// So the size token becomes a FLOOR rather than the height, and the control
|
|
192
|
+
// gets vertical padding like a named size does. Under a v2-shaped scale the
|
|
193
|
+
// floor is the taller of the two and nothing moves; under v6's the floor is
|
|
194
|
+
// inert and the control is line-height plus padding, same as a named size.
|
|
195
|
+
// Every other reading stays keyed to `key`, so v2's coupling of space, radius
|
|
196
|
+
// and font at one step is intact.
|
|
180
197
|
const size = tokens.size[key]
|
|
181
198
|
const font = fontIn?.size[key] != null ? fontIn : fonts?.body
|
|
182
199
|
const fontSize = font?.size[key]
|
|
200
|
+
const lineHeight = font?.lineHeight?.[key]
|
|
183
201
|
const sizePx = px(size)
|
|
202
|
+
// half the horizontal space, the ratio the named ramp already uses
|
|
203
|
+
const paddingVertical = Math.round(px(tokens.space[key]) / 2)
|
|
204
|
+
const fontPx = px(fontSize ?? size)
|
|
184
205
|
return {
|
|
185
206
|
name: key,
|
|
186
207
|
fontSizeKey: key,
|
|
187
208
|
frame: {
|
|
188
209
|
paddingHorizontal: tokens.space[key],
|
|
210
|
+
paddingVertical,
|
|
189
211
|
gap: Math.round(sizePx * 0.2),
|
|
190
212
|
borderRadius: tokens.radius[key],
|
|
191
213
|
minHeight: size,
|
|
192
214
|
},
|
|
193
|
-
text: { fontSize: fontSize ?? sizePx, lineHeight
|
|
194
|
-
icon:
|
|
195
|
-
controlHeight:
|
|
215
|
+
text: { fontSize: fontSize ?? sizePx, lineHeight },
|
|
216
|
+
icon: fontPx,
|
|
217
|
+
controlHeight: Math.max(
|
|
218
|
+
sizePx,
|
|
219
|
+
(lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + paddingVertical * 2
|
|
220
|
+
),
|
|
196
221
|
}
|
|
197
222
|
}
|
|
198
223
|
|
package/types/index.d.ts
CHANGED
|
@@ -46,11 +46,16 @@ export type ResolvedSize = {
|
|
|
46
46
|
*
|
|
47
47
|
* - `true` (or nothing): the config's default named size
|
|
48
48
|
* - a name in `config.sizes`: a recipe of token keys, never a height
|
|
49
|
-
* - a token key like `4` or `$4`: v2's
|
|
49
|
+
* - a token key like `4` or `$4`: v2's spelling, indexing every scale at key 4
|
|
50
50
|
*
|
|
51
51
|
* A named size never sets a height. The control ends up line-height plus
|
|
52
52
|
* padding tall, so the frame, its text and its icon agree by construction.
|
|
53
53
|
* Icons default to the font size rounded up to the 4px grid (12, 16, 16, 20).
|
|
54
|
+
*
|
|
55
|
+
* A token key keeps v2's coupling, so `size="$11"` is space 11, radius 11 and
|
|
56
|
+
* font 11 together. It takes `tokens.size[key]` as a minimum height rather than
|
|
57
|
+
* the height, because that only describes a control under a v2-shaped size
|
|
58
|
+
* scale; see the token branch.
|
|
54
59
|
*/
|
|
55
60
|
export declare const resolveSize: (value: TokenSize | null | undefined, env?: SizeResolverEnv) => ResolvedSize;
|
|
56
61
|
/**
|
package/types/index.d.ts.map
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
|
-
"mappings": "AAAA,cAIO,qBACA,kBACA,mBACA,eACA,iBACA,oBACA,mBACA,gBACA;AAEP,cAAc,cAAc;AAE5B,YAAY,YAAY,aAAa,0BAA0B;AAE/D,YAAY,iBAAiB,cAAc,YAAY,aAAa;CAClE,MAAM;;AAGR,YAAY,mBAAmB,cAAc,YAAY,aAAa,cACpE,iBAAiB,QACjB;AAGF,OAAO,cAAM,oBAAqB,cAAc,YAAY,WAC1D,cAAc,UACb,mBAAmB;AAItB,OAAO,cAAM,aAAa;AAE1B,YAAY,kBAAkB;CAC5B,QAAQ,KAAK,cAAc,SAAS,UAAU;;CAE9C,OAAO;CACP,QAAQ;EAAE,OAAO;kBAA6B;;CAC9C,QAAQ;;AAGV,YAAY,eAAe;;CAEzB;;CAEA;;CAEA,OAAO;EACL,4BAA4B;EAC5B,2BAA2B;EAC3B,cAAc;EACd,uBAAuB;;EAEvB,qBAAqB;;;CAGvB,MAAM;EACJ,mBAAmB;EACnB,sBAAsB;;;CAGxB;;CAEA
|
|
2
|
+
"mappings": "AAAA,cAIO,qBACA,kBACA,mBACA,eACA,iBACA,oBACA,mBACA,gBACA;AAEP,cAAc,cAAc;AAE5B,YAAY,YAAY,aAAa,0BAA0B;AAE/D,YAAY,iBAAiB,cAAc,YAAY,aAAa;CAClE,MAAM;;AAGR,YAAY,mBAAmB,cAAc,YAAY,aAAa,cACpE,iBAAiB,QACjB;AAGF,OAAO,cAAM,oBAAqB,cAAc,YAAY,WAC1D,cAAc,UACb,mBAAmB;AAItB,OAAO,cAAM,aAAa;AAE1B,YAAY,kBAAkB;CAC5B,QAAQ,KAAK,cAAc,SAAS,UAAU;;CAE9C,OAAO;CACP,QAAQ;EAAE,OAAO;kBAA6B;;CAC9C,QAAQ;;AAGV,YAAY,eAAe;;CAEzB;;CAEA;;CAEA,OAAO;EACL,4BAA4B;EAC5B,2BAA2B;EAC3B,cAAc;EACd,uBAAuB;;EAEvB,qBAAqB;;;CAGvB,MAAM;EACJ,mBAAmB;EACnB,sBAAsB;;;CAGxB;;CAEA;;;;;;;;;;;;;;;;;;AAqCF,OAAO,cAAM,cACX,OAAO,8BACP,MAAK,oBACJ;;;;;AA0HH,OAAO,cAAM,iBACX,OAAO,8BACP,OAAO",
|
|
3
3
|
"names": [],
|
|
4
4
|
"sources": [
|
|
5
5
|
"src/index.ts"
|
|
6
6
|
],
|
|
7
7
|
"version": 3,
|
|
8
8
|
"sourcesContent": [
|
|
9
|
-
"import {\n createStyledContext,\n getConfig,\n getVariableValue,\n type FontSizeTokens,\n type GenericFont,\n type GenericSizes,\n type SizeSpec,\n type SizeTokens,\n type StyledContext,\n type TokensParsed,\n type Variable,\n} from '@tamagui/web'\n\nexport type { GenericSizes, SizeSpec }\n\nexport type TokenSize = SizeTokens | FontSizeTokens | number | true\n\nexport type SizeContextValue<Value extends TokenSize = TokenSize> = {\n size: Value | undefined\n}\n\nexport type CreatedSizeContext<Value extends TokenSize = TokenSize> = StyledContext<\n SizeContextValue<Value>,\n 'size'\n>\n\nexport const createSizeContext = <Value extends TokenSize = TokenSize>(\n defaultSize?: Value\n): CreatedSizeContext<Value> => {\n return createStyledContext<SizeContextValue<Value>>({ size: defaultSize })\n}\n\nexport const SizeContext: CreatedSizeContext = createSizeContext()\n\nexport type SizeResolverEnv = {\n tokens: Pick<TokensParsed, 'size' | 'space' | 'radius'>\n /** the component's font; a key it lacks falls back to `fonts.body` */\n font?: GenericFont\n fonts?: { body?: GenericFont; [name: string]: GenericFont | undefined }\n sizes?: GenericSizes\n}\n\nexport type ResolvedSize = {\n /** the named size, or the token key */\n name: string\n /** the font.size key the text was sized against */\n fontSizeKey: string\n /** spread onto the frame */\n frame: {\n paddingHorizontal: number | Variable\n paddingVertical?: number | Variable\n gap: number | Variable\n borderRadius: number | Variable\n /** token keys only: v2's \"size is the control height\" */\n minHeight?: number | Variable\n }\n /** spread onto the text */\n text: {\n fontSize: number | Variable\n lineHeight?: number | Variable\n }\n /** px: the recipe's icon, or the font size rounded up to the 4px grid; a token key's font size as is */\n icon: number\n /** px, without border: line-height plus vertical padding for a name, tokens.size for a key */\n controlHeight: number\n}\n\n/** outside a style pass (icons, imperative measurements): the config's default font */\nconst configEnv = (): SizeResolverEnv => {\n const conf = getConfig()\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes,\n }\n}\n\nlet warnedNoDefault = false\n\nconst px = (value: unknown) => {\n const n = Number.parseFloat(String(getVariableValue(value)))\n return Number.isFinite(n) ? n : 0\n}\n\n/**\n * A `size` prop is one of three things, checked in this order:\n *\n * - `true` (or nothing): the config's default named size\n * - a name in `config.sizes`: a recipe of token keys, never a height\n * - a token key like `4` or `$4`: v2's
|
|
9
|
+
"import {\n createStyledContext,\n getConfig,\n getVariableValue,\n type FontSizeTokens,\n type GenericFont,\n type GenericSizes,\n type SizeSpec,\n type SizeTokens,\n type StyledContext,\n type TokensParsed,\n type Variable,\n} from '@tamagui/web'\n\nexport type { GenericSizes, SizeSpec }\n\nexport type TokenSize = SizeTokens | FontSizeTokens | number | true\n\nexport type SizeContextValue<Value extends TokenSize = TokenSize> = {\n size: Value | undefined\n}\n\nexport type CreatedSizeContext<Value extends TokenSize = TokenSize> = StyledContext<\n SizeContextValue<Value>,\n 'size'\n>\n\nexport const createSizeContext = <Value extends TokenSize = TokenSize>(\n defaultSize?: Value\n): CreatedSizeContext<Value> => {\n return createStyledContext<SizeContextValue<Value>>({ size: defaultSize })\n}\n\nexport const SizeContext: CreatedSizeContext = createSizeContext()\n\nexport type SizeResolverEnv = {\n tokens: Pick<TokensParsed, 'size' | 'space' | 'radius'>\n /** the component's font; a key it lacks falls back to `fonts.body` */\n font?: GenericFont\n fonts?: { body?: GenericFont; [name: string]: GenericFont | undefined }\n sizes?: GenericSizes\n}\n\nexport type ResolvedSize = {\n /** the named size, or the token key */\n name: string\n /** the font.size key the text was sized against */\n fontSizeKey: string\n /** spread onto the frame */\n frame: {\n paddingHorizontal: number | Variable\n paddingVertical?: number | Variable\n gap: number | Variable\n borderRadius: number | Variable\n /** token keys only: v2's \"size is the control height\" */\n minHeight?: number | Variable\n }\n /** spread onto the text */\n text: {\n fontSize: number | Variable\n lineHeight?: number | Variable\n }\n /** px: the recipe's icon, or the font size rounded up to the 4px grid; a token key's font size as is */\n icon: number\n /** px, without border: line-height plus vertical padding for a name, tokens.size for a key */\n controlHeight: number\n}\n\n/** outside a style pass (icons, imperative measurements): the config's default font */\nconst configEnv = (): SizeResolverEnv => {\n const conf = getConfig()\n return {\n tokens: conf.tokensParsed,\n font: conf.fontsParsed[conf.defaultFontToken],\n fonts: conf.fontsParsed,\n sizes: conf.sizes,\n }\n}\n\nlet warnedNoDefault = false\n\nconst px = (value: unknown) => {\n const n = Number.parseFloat(String(getVariableValue(value)))\n return Number.isFinite(n) ? n : 0\n}\n\n/**\n * A `size` prop is one of three things, checked in this order:\n *\n * - `true` (or nothing): the config's default named size\n * - a name in `config.sizes`: a recipe of token keys, never a height\n * - a token key like `4` or `$4`: v2's spelling, indexing every scale at key 4\n *\n * A named size never sets a height. The control ends up line-height plus\n * padding tall, so the frame, its text and its icon agree by construction.\n * Icons default to the font size rounded up to the 4px grid (12, 16, 16, 20).\n *\n * A token key keeps v2's coupling, so `size=\"$11\"` is space 11, radius 11 and\n * font 11 together. It takes `tokens.size[key]` as a minimum height rather than\n * the height, because that only describes a control under a v2-shaped size\n * scale; see the token branch.\n */\nexport const resolveSize = (\n value: TokenSize | null | undefined,\n env: SizeResolverEnv = configEnv()\n): ResolvedSize => {\n const { tokens, font: fontIn, fonts, sizes } = env\n let key: string | undefined\n if (value === true || value == null) {\n key = sizes?.default\n } else if (typeof value === 'number') {\n if (process.env.NODE_ENV === 'development') {\n console.error(\n `size={${value}} is not a control size. Use a named size (${\n Object.keys(sizes ?? {})\n .filter((k) => k !== 'default')\n .join(', ') || 'none configured'\n }) or a token key. Falling back to the default.`\n )\n }\n key = sizes?.default\n } else {\n key = String(value)\n if (key[0] === '$') key = key.slice(1)\n }\n\n if (key == null) {\n if (process.env.NODE_ENV === 'development' && !warnedNoDefault) {\n warnedNoDefault = true\n console.error(\n `No default size: pass \"sizes\" to createTamagui (see @tamagui/config/v6 \"sizes\"). Falling back to token \"4\".`\n )\n }\n key = '4'\n }\n\n let spec = key === 'default' ? undefined : sizes?.[key]\n // Try the authored key, then the configured default, then token 4. Reuse\n // one validity check and bound retries even when the default is invalid.\n for (\n let attempt = 0;\n attempt < 2 &&\n !(spec && typeof spec === 'object') &&\n tokens.size[key] == null &&\n fontIn?.size[key] == null &&\n fonts?.body?.size[key] == null;\n attempt++\n ) {\n if (process.env.NODE_ENV === 'development' && attempt === 0) {\n console.error(\n `Unknown size \"${key}\": not a named size (${\n Object.keys(sizes ?? {})\n .filter((k) => k !== 'default')\n .join(', ') || 'none configured'\n }) and not a token key. Falling back to the default.`\n )\n }\n key = attempt === 0 ? sizes?.default || '4' : '4'\n spec = key === 'default' ? undefined : sizes?.[key]\n }\n\n if (spec && typeof spec === 'object') {\n const font = fontIn?.size[spec.fontSize] != null ? fontIn : fonts?.body\n const fontSize = font?.size[spec.fontSize] ?? 0\n const lineHeight = font?.lineHeight?.[spec.fontSize]\n const paddingVertical = tokens.space[spec.paddingY]\n const fontPx = px(fontSize)\n return {\n name: key,\n fontSizeKey: spec.fontSize,\n frame: {\n paddingHorizontal: tokens.space[spec.paddingX],\n paddingVertical,\n gap: tokens.space[spec.gap ?? spec.paddingY],\n borderRadius: tokens.radius[spec.radius],\n },\n text: { fontSize, lineHeight },\n icon: spec.icon ?? Math.ceil(fontPx / 4) * 4,\n controlHeight:\n (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) +\n px(paddingVertical) * 2,\n }\n }\n\n // v2 read the control's height straight off `tokens.size[key]`, because under\n // v2 that scale WAS a control ramp: `size=\"$4\"` meant a 44px button. v6's size\n // scale is tailwind's spacing, where `4` is 16px, so reading a height off it\n // hands back a 16px-tall control around 20px of text, with nothing to pad it\n // out. That is the collapsed Button, and `controlSizes` used to prevent it.\n //\n // So the size token becomes a FLOOR rather than the height, and the control\n // gets vertical padding like a named size does. Under a v2-shaped scale the\n // floor is the taller of the two and nothing moves; under v6's the floor is\n // inert and the control is line-height plus padding, same as a named size.\n // Every other reading stays keyed to `key`, so v2's coupling of space, radius\n // and font at one step is intact.\n const size = tokens.size[key]\n const font = fontIn?.size[key] != null ? fontIn : fonts?.body\n const fontSize = font?.size[key]\n const lineHeight = font?.lineHeight?.[key]\n const sizePx = px(size)\n // half the horizontal space, the ratio the named ramp already uses\n const paddingVertical = Math.round(px(tokens.space[key]) / 2)\n const fontPx = px(fontSize ?? size)\n return {\n name: key,\n fontSizeKey: key,\n frame: {\n paddingHorizontal: tokens.space[key],\n paddingVertical,\n gap: Math.round(sizePx * 0.2),\n borderRadius: tokens.radius[key],\n minHeight: size,\n },\n text: { fontSize: fontSize ?? sizePx, lineHeight },\n icon: fontPx,\n controlHeight: Math.max(\n sizePx,\n (lineHeight ? px(lineHeight) : Math.round(fontPx * 1.5)) + paddingVertical * 2\n ),\n }\n}\n\n/**\n * One step smaller: the previous name in `sizes` (clamped at the smallest), or\n * for a token key the previous whole number (clamped at 1).\n */\nexport const oneSizeSmaller = (\n value: TokenSize | null | undefined,\n sizes: GenericSizes | undefined\n): string => {\n const key =\n value === true || value == null ? sizes?.default : String(value).replace(/^\\$/, '')\n if (key == null) return '3'\n const names = Object.keys(sizes ?? {}).filter((name) => name !== 'default')\n const index = names.indexOf(key)\n if (index !== -1) return names[Math.max(0, index - 1)]\n const n = Number(key)\n if (Number.isNaN(n)) return key\n return `${Math.max(1, Math.round(n) - 1)}`\n}\n"
|
|
10
10
|
]
|
|
11
11
|
}
|