@tamagui/core 1.0.1-beta.55 → 1.0.1-beta.59
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/Tamagui.js.map +2 -2
- package/dist/cjs/conf.js +11 -2
- package/dist/cjs/conf.js.map +2 -2
- package/dist/cjs/createComponent.js +3 -2
- package/dist/cjs/createComponent.js.map +2 -2
- package/dist/cjs/createTamagui.js +52 -76
- package/dist/cjs/createTamagui.js.map +2 -2
- package/dist/cjs/createVariables.js +1 -1
- package/dist/cjs/createVariables.js.map +2 -2
- package/dist/cjs/helpers/calc.js +0 -1
- package/dist/cjs/helpers/calc.js.map +2 -2
- package/dist/cjs/helpers/createPropMapper.js +1 -1
- package/dist/cjs/helpers/createPropMapper.js.map +2 -2
- package/dist/cjs/helpers/getSize.js +6 -4
- package/dist/cjs/helpers/getSize.js.map +2 -2
- package/dist/cjs/helpers/registerCSSVariable.js +41 -0
- package/dist/cjs/helpers/registerCSSVariable.js.map +7 -0
- package/dist/cjs/hooks/useFeatures.js.map +2 -2
- package/dist/cjs/hooks/useTheme.js +3 -15
- package/dist/cjs/hooks/useTheme.js.map +2 -2
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/insertFont.js +81 -0
- package/dist/cjs/insertFont.js.map +7 -0
- package/dist/cjs/registerCSSVariable.js +41 -0
- package/dist/cjs/registerCSSVariable.js.map +7 -0
- package/dist/cjs/types.js.map +1 -1
- package/dist/esm/Tamagui.js.map +2 -2
- package/dist/esm/conf.js +9 -1
- package/dist/esm/conf.js.map +2 -2
- package/dist/esm/createComponent.js +4 -8
- package/dist/esm/createComponent.js.map +2 -2
- package/dist/esm/createTamagui.js +59 -78
- package/dist/esm/createTamagui.js.map +2 -2
- package/dist/esm/createVariables.js +1 -1
- package/dist/esm/createVariables.js.map +2 -2
- package/dist/esm/helpers/calc.js +0 -1
- package/dist/esm/helpers/calc.js.map +2 -2
- package/dist/esm/helpers/createPropMapper.js +1 -1
- package/dist/esm/helpers/createPropMapper.js.map +2 -2
- package/dist/esm/helpers/getSize.js +7 -4
- package/dist/esm/helpers/getSize.js.map +2 -2
- package/dist/esm/helpers/registerCSSVariable.js +17 -0
- package/dist/esm/helpers/registerCSSVariable.js.map +7 -0
- package/dist/esm/hooks/useFeatures.js.map +2 -2
- package/dist/esm/hooks/useTheme.js +3 -15
- package/dist/esm/hooks/useTheme.js.map +2 -2
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/insertFont.js +57 -0
- package/dist/esm/insertFont.js.map +7 -0
- package/dist/esm/registerCSSVariable.js +17 -0
- package/dist/esm/registerCSSVariable.js.map +7 -0
- package/dist/jsx/conf.js +9 -1
- package/dist/jsx/createComponent.js +4 -8
- package/dist/jsx/createTamagui.js +59 -78
- package/dist/jsx/createVariables.js +1 -1
- package/dist/jsx/helpers/calc.js +0 -1
- package/dist/jsx/helpers/createPropMapper.js +1 -1
- package/dist/jsx/helpers/getSize.js +7 -4
- package/dist/jsx/helpers/registerCSSVariable.js +16 -0
- package/dist/jsx/hooks/useTheme.js +3 -15
- package/dist/jsx/index.js +1 -0
- package/dist/jsx/insertFont.js +56 -0
- package/dist/jsx/registerCSSVariable.js +16 -0
- package/package.json +5 -5
- package/types/Tamagui.d.ts +2 -5
- package/types/Tamagui.d.ts.map +1 -1
- package/types/conf.d.ts +2 -3
- package/types/conf.d.ts.map +1 -1
- package/types/createComponent.d.ts.map +1 -1
- package/types/createTamagui.d.ts.map +1 -1
- package/types/createVariables.d.ts +1 -1
- package/types/createVariables.d.ts.map +1 -1
- package/types/helpers/calc.d.ts.map +1 -1
- package/types/helpers/getSize.d.ts +2 -2
- package/types/helpers/getSize.d.ts.map +1 -1
- package/types/helpers/getVariantExtras.d.ts +1 -3
- package/types/helpers/getVariantExtras.d.ts.map +1 -1
- package/types/helpers/registerCSSVariable.d.ts +5 -0
- package/types/helpers/registerCSSVariable.d.ts.map +1 -0
- package/types/hooks/useTheme.d.ts.map +1 -1
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/insertFont.d.ts +6 -0
- package/types/insertFont.d.ts.map +1 -0
- package/types/registerCSSVariable.d.ts +5 -0
- package/types/registerCSSVariable.d.ts.map +1 -0
- package/types/types.d.ts +1 -1
- package/types/types.d.ts.map +1 -1
|
@@ -3,11 +3,17 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
|
|
|
3
3
|
import { configListeners, getHasConfigured, setConfig } from "./conf";
|
|
4
4
|
import { THEME_CLASSNAME_PREFIX } from "./constants/constants";
|
|
5
5
|
import { isWeb } from "./constants/platform";
|
|
6
|
-
import {
|
|
6
|
+
import { createVariable, isVariable } from "./createVariable";
|
|
7
7
|
import { createVariables } from "./createVariables";
|
|
8
8
|
import { createTamaguiProvider } from "./helpers/createTamaguiProvider";
|
|
9
9
|
import { getInsertedRules } from "./helpers/insertStyleRule";
|
|
10
|
+
import {
|
|
11
|
+
registerCSSVariable,
|
|
12
|
+
tokenRules,
|
|
13
|
+
tokensValueToVariable
|
|
14
|
+
} from "./helpers/registerCSSVariable";
|
|
10
15
|
import { configureMedia } from "./hooks/useMedia";
|
|
16
|
+
import { parseFont, registerFontVariables } from "./insertFont";
|
|
11
17
|
const createdConfigs = /* @__PURE__ */ new WeakMap();
|
|
12
18
|
function createTamagui(config) {
|
|
13
19
|
if (createdConfigs.has(config)) {
|
|
@@ -21,14 +27,11 @@ function createTamagui(config) {
|
|
|
21
27
|
throw new Error(`No themes provided to Tamagui config`);
|
|
22
28
|
}
|
|
23
29
|
if (!config.fonts) {
|
|
24
|
-
throw new Error(`No fonts
|
|
30
|
+
throw new Error(`No fonts provided to Tamagui config`);
|
|
25
31
|
}
|
|
26
32
|
}
|
|
27
33
|
if (getHasConfigured()) {
|
|
28
|
-
console.warn(
|
|
29
|
-
if (typeof document !== "undefined") {
|
|
30
|
-
throw new Error(`#000 createTamagui called twice`);
|
|
31
|
-
}
|
|
34
|
+
console.warn(`Warning: createTamagui called twice (maybe HMR)`);
|
|
32
35
|
}
|
|
33
36
|
configureMedia({
|
|
34
37
|
queries: config.media,
|
|
@@ -38,72 +41,37 @@ function createTamagui(config) {
|
|
|
38
41
|
const fontsParsed = (() => {
|
|
39
42
|
const res = {};
|
|
40
43
|
for (const familyName in fontTokens) {
|
|
41
|
-
|
|
42
|
-
const parsed = {};
|
|
43
|
-
for (const attrKey in definition) {
|
|
44
|
-
const attr = definition[attrKey];
|
|
45
|
-
if (attrKey === "family") {
|
|
46
|
-
parsed[attrKey] = attr;
|
|
47
|
-
continue;
|
|
48
|
-
}
|
|
49
|
-
parsed[attrKey] = {};
|
|
50
|
-
for (const key in attr) {
|
|
51
|
-
let val = attr[key];
|
|
52
|
-
if (val.val[0] === "$") {
|
|
53
|
-
val = val.val;
|
|
54
|
-
}
|
|
55
|
-
parsed[attrKey][`$${key}`] = val;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
res[`$${familyName}`] = parsed;
|
|
44
|
+
res[`$${familyName}`] = parseFont(fontTokens[familyName]);
|
|
59
45
|
}
|
|
60
46
|
return res;
|
|
61
47
|
})();
|
|
62
48
|
const themeConfig = (() => {
|
|
63
|
-
var _a, _b
|
|
49
|
+
var _a, _b;
|
|
64
50
|
const themes = { ...config.themes };
|
|
65
51
|
let cssRules = [];
|
|
66
|
-
const varsByValue = /* @__PURE__ */ new Map();
|
|
67
52
|
if (isWeb) {
|
|
68
|
-
const tokenRules = /* @__PURE__ */ new Set();
|
|
69
|
-
const addVar = /* @__PURE__ */ __name((v) => {
|
|
70
|
-
varsByValue[v.val] = v;
|
|
71
|
-
const rule = `--${createCSSVariable(v.name, false)}:${typeof v.val === "number" ? `${v.val}px` : v.val}`;
|
|
72
|
-
tokenRules.add(rule);
|
|
73
|
-
}, "addVar");
|
|
74
53
|
for (const key in config.tokens) {
|
|
75
54
|
for (const skey in config.tokens[key]) {
|
|
76
55
|
const val = config.tokens[key][skey];
|
|
77
|
-
|
|
56
|
+
registerCSSVariable(val);
|
|
78
57
|
}
|
|
79
58
|
}
|
|
80
59
|
for (const key in fontsParsed) {
|
|
81
60
|
const val = fontsParsed[key];
|
|
82
|
-
|
|
83
|
-
if (fkey === "family") {
|
|
84
|
-
addVar(val[fkey]);
|
|
85
|
-
} else {
|
|
86
|
-
for (const fskey in val[fkey]) {
|
|
87
|
-
const fval = val[fkey][fskey];
|
|
88
|
-
if (typeof fval === "string") {
|
|
89
|
-
} else {
|
|
90
|
-
addVar(val[fkey][fskey]);
|
|
91
|
-
}
|
|
92
|
-
}
|
|
93
|
-
}
|
|
94
|
-
}
|
|
61
|
+
registerFontVariables(val);
|
|
95
62
|
}
|
|
96
63
|
const sep = process.env.NODE_ENV === "development" ? config.cssStyleSeparator || " " : "";
|
|
97
64
|
cssRules.push(`:root {${sep}${[...tokenRules].join(`;${sep}`)}${sep}}`);
|
|
98
65
|
}
|
|
99
66
|
const hasDarkLight = "light" in config.themes && "dark" in config.themes;
|
|
100
67
|
const CNP = `.${THEME_CLASSNAME_PREFIX}`;
|
|
101
|
-
const existing = /* @__PURE__ */ new WeakMap();
|
|
102
68
|
const dedupedThemes = {};
|
|
69
|
+
const existing = /* @__PURE__ */ new WeakMap();
|
|
103
70
|
for (const themeName in themes) {
|
|
104
71
|
const rawTheme = themes[themeName];
|
|
105
72
|
if (existing.has(rawTheme)) {
|
|
106
73
|
const e = existing.get(rawTheme);
|
|
74
|
+
themes[themeName] = e.theme;
|
|
107
75
|
e.names.push(themeName);
|
|
108
76
|
continue;
|
|
109
77
|
}
|
|
@@ -116,33 +84,22 @@ function createTamagui(config) {
|
|
|
116
84
|
names: [themeName],
|
|
117
85
|
theme
|
|
118
86
|
};
|
|
119
|
-
existing.set(
|
|
87
|
+
existing.set(config.themes[themeName], dedupedThemes[themeName]);
|
|
120
88
|
}
|
|
121
|
-
|
|
122
|
-
const
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
const
|
|
127
|
-
let
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
varName = val.key;
|
|
131
|
-
varVal = val.isFloating ? val.val : createCSSVariable(varName);
|
|
89
|
+
if (isWeb) {
|
|
90
|
+
for (const themeName in dedupedThemes) {
|
|
91
|
+
const { theme, names } = dedupedThemes[themeName];
|
|
92
|
+
let vars = "";
|
|
93
|
+
for (const themeKey in theme) {
|
|
94
|
+
const variable = theme[themeKey];
|
|
95
|
+
let value = null;
|
|
96
|
+
if (variable.isFloating || !tokensValueToVariable.has(variable.val)) {
|
|
97
|
+
value = variable.val;
|
|
132
98
|
} else {
|
|
133
|
-
|
|
134
|
-
varVal = varName ? createCSSVariable(varName) : `${val}`;
|
|
99
|
+
value = tokensValueToVariable.get(variable.val).variable;
|
|
135
100
|
}
|
|
136
|
-
|
|
137
|
-
if (!varName) {
|
|
138
|
-
console.warn("no var name in theme", themeName, themeKey);
|
|
139
|
-
continue;
|
|
140
|
-
}
|
|
141
|
-
}
|
|
142
|
-
vars += `--${themeKey}:${varVal};`;
|
|
101
|
+
vars += `--${themeKey}:${value};`;
|
|
143
102
|
}
|
|
144
|
-
}
|
|
145
|
-
if (isWeb) {
|
|
146
103
|
const isDarkOrLightBase = themeName === "dark" || themeName === "light";
|
|
147
104
|
const isDark = themeName.startsWith("dark");
|
|
148
105
|
const selectors = names.map((name) => {
|
|
@@ -156,7 +113,7 @@ function createTamagui(config) {
|
|
|
156
113
|
order.reverse();
|
|
157
114
|
}
|
|
158
115
|
const [stronger, weaker] = order;
|
|
159
|
-
const max = (
|
|
116
|
+
const max = (_a = config.maxDarkLightNesting) != null ? _a : 3;
|
|
160
117
|
new Array(max * 2).fill(void 0).forEach((_, pi) => {
|
|
161
118
|
if (pi % 2 === 1)
|
|
162
119
|
return;
|
|
@@ -169,17 +126,42 @@ function createTamagui(config) {
|
|
|
169
126
|
}
|
|
170
127
|
const rootSep = config.themeClassNameOnRoot ? "" : " ";
|
|
171
128
|
cssRules.push(`${selectors.map((x) => `:root${rootSep}${x}`).join(", ")} {${vars}}`);
|
|
172
|
-
if ((
|
|
129
|
+
if ((_b = config.shouldAddPrefersColorThemes) != null ? _b : true) {
|
|
173
130
|
if (isDarkOrLightBase) {
|
|
174
131
|
cssRules.push(`@media(prefers-color-scheme: ${isDark ? "dark" : "light"}) {
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
132
|
+
body { background:${theme.background}; color: ${theme.color} }
|
|
133
|
+
:root {${vars} }
|
|
134
|
+
}`);
|
|
178
135
|
}
|
|
179
136
|
}
|
|
180
137
|
}
|
|
181
138
|
}
|
|
182
|
-
|
|
139
|
+
for (const themeName in themes) {
|
|
140
|
+
const cur = [];
|
|
141
|
+
const parents = themeName.split("_").slice(0, -1).map((part) => {
|
|
142
|
+
cur.push(part);
|
|
143
|
+
return cur.join("_");
|
|
144
|
+
});
|
|
145
|
+
if (!parents.length)
|
|
146
|
+
continue;
|
|
147
|
+
themes[themeName] = new Proxy(themes[themeName], {
|
|
148
|
+
get(target, key) {
|
|
149
|
+
if (Reflect.has(target, key)) {
|
|
150
|
+
return Reflect.get(target, key);
|
|
151
|
+
}
|
|
152
|
+
for (let i = parents.length - 1; i >= 0; i--) {
|
|
153
|
+
const parent = themes[parents[i]];
|
|
154
|
+
if (!parent) {
|
|
155
|
+
continue;
|
|
156
|
+
}
|
|
157
|
+
if (Reflect.has(parent, key)) {
|
|
158
|
+
return Reflect.get(parent, key);
|
|
159
|
+
}
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
});
|
|
163
|
+
}
|
|
164
|
+
tokensValueToVariable.clear();
|
|
183
165
|
Object.freeze(cssRules);
|
|
184
166
|
const css = cssRules.join("\n");
|
|
185
167
|
return {
|
|
@@ -244,8 +226,7 @@ function ensureThemeVariable(theme, key) {
|
|
|
244
226
|
theme[key] = createVariable({
|
|
245
227
|
key: themeKey,
|
|
246
228
|
name: themeKey,
|
|
247
|
-
val
|
|
248
|
-
isFloating: true
|
|
229
|
+
val
|
|
249
230
|
});
|
|
250
231
|
} else {
|
|
251
232
|
if (val.name !== themeKey) {
|
|
@@ -20,7 +20,7 @@ const createVariables = /* @__PURE__ */ __name((tokens, parentPath = "") => {
|
|
|
20
20
|
});
|
|
21
21
|
});
|
|
22
22
|
} else {
|
|
23
|
-
res[key] = createVariables(tokens[key], name);
|
|
23
|
+
res[key] = createVariables(tokens[key], name === "color" ? "" : name);
|
|
24
24
|
}
|
|
25
25
|
} else {
|
|
26
26
|
res[key] = isVariable(val) ? val : createVariable({ val, name, key });
|
package/dist/jsx/helpers/calc.js
CHANGED
|
@@ -132,7 +132,7 @@ const getToken = /* @__PURE__ */ __name((key, value, { tokensParsed, fontsParsed
|
|
|
132
132
|
var _a, _b, _c;
|
|
133
133
|
let valOrVar;
|
|
134
134
|
let hasSet = false;
|
|
135
|
-
if (value
|
|
135
|
+
if (theme[value]) {
|
|
136
136
|
valOrVar = theme[value];
|
|
137
137
|
hasSet = true;
|
|
138
138
|
} else {
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
3
|
import { getTokens } from "../conf";
|
|
4
|
-
const getSize = /* @__PURE__ */ __name((size, shift = 0) => {
|
|
5
|
-
return stepTokenUpOrDown(getTokens().size, size, shift);
|
|
4
|
+
const getSize = /* @__PURE__ */ __name((size, shift = 0, bounds = [0]) => {
|
|
5
|
+
return stepTokenUpOrDown(getTokens().size, size, shift, bounds);
|
|
6
6
|
}, "getSize");
|
|
7
|
-
const stepTokenUpOrDown = /* @__PURE__ */ __name((tokens, current, shift = 0) => {
|
|
7
|
+
const stepTokenUpOrDown = /* @__PURE__ */ __name((tokens, current, shift = 0, bounds = [0]) => {
|
|
8
|
+
var _a, _b;
|
|
8
9
|
const sizeNames = Object.keys(tokens);
|
|
9
10
|
const currentKeyNum = (typeof current === "string" ? current.replace("$", "") : current) || "4";
|
|
10
11
|
const nextKeyName = `$${+currentKeyNum + shift}`;
|
|
11
|
-
const
|
|
12
|
+
const min = (_a = bounds[0]) != null ? _a : 0;
|
|
13
|
+
const max = (_b = bounds[1]) != null ? _b : sizeNames.length - 1;
|
|
14
|
+
const index = Math.min(max, Math.max(min, sizeNames.indexOf(nextKeyName)));
|
|
12
15
|
const key = sizeNames[index];
|
|
13
16
|
return tokens[key] || tokens["$4"];
|
|
14
17
|
}, "stepTokenUpOrDown");
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { createCSSVariable } from "../createVariable";
|
|
4
|
+
const registerCSSVariable = /* @__PURE__ */ __name((v) => {
|
|
5
|
+
tokensValueToVariable.set(v.val, v);
|
|
6
|
+
const val = `--${createCSSVariable(v.name, false)}:${typeof v.val === "number" ? `${v.val}px` : v.val}`;
|
|
7
|
+
tokenRules.add(val);
|
|
8
|
+
return val;
|
|
9
|
+
}, "registerCSSVariable");
|
|
10
|
+
const tokensValueToVariable = /* @__PURE__ */ new Map();
|
|
11
|
+
const tokenRules = /* @__PURE__ */ new Set();
|
|
12
|
+
export {
|
|
13
|
+
registerCSSVariable,
|
|
14
|
+
tokenRules,
|
|
15
|
+
tokensValueToVariable
|
|
16
|
+
};
|
|
@@ -51,14 +51,11 @@ const useTheme = /* @__PURE__ */ __name((themeName, componentName, props, forceU
|
|
|
51
51
|
get(_, key) {
|
|
52
52
|
if (!name || key === "__proto__" || typeof key === "symbol") {
|
|
53
53
|
if (key === GetThemeManager) {
|
|
54
|
-
if (process.env.NODE_ENV === "development") {
|
|
55
|
-
|
|
56
|
-
console.log("did change", { themeName, didChangeTheme, name, componentName }, themeManager == null ? void 0 : themeManager.parentName);
|
|
57
|
-
}
|
|
54
|
+
if (process.env.NODE_ENV === "development" && (props == null ? void 0 : props.debug)) {
|
|
55
|
+
console.log(">>", { themeName, didChangeTheme, name, componentName }, themeManager);
|
|
58
56
|
}
|
|
59
|
-
if (!didChangeTheme)
|
|
57
|
+
if (!didChangeTheme)
|
|
60
58
|
return null;
|
|
61
|
-
}
|
|
62
59
|
return themeManager;
|
|
63
60
|
}
|
|
64
61
|
return Reflect.get(_, key);
|
|
@@ -66,11 +63,6 @@ const useTheme = /* @__PURE__ */ __name((themeName, componentName, props, forceU
|
|
|
66
63
|
if (typeof key !== "string" || key === "$typeof") {
|
|
67
64
|
return Reflect.get(_, key);
|
|
68
65
|
}
|
|
69
|
-
if (process.env.NODE_ENV === "development") {
|
|
70
|
-
if (key === "__state") {
|
|
71
|
-
return state.current;
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
66
|
if (key === "name") {
|
|
75
67
|
return name;
|
|
76
68
|
}
|
|
@@ -96,10 +88,6 @@ const useTheme = /* @__PURE__ */ __name((themeName, componentName, props, forceU
|
|
|
96
88
|
}
|
|
97
89
|
return val;
|
|
98
90
|
}
|
|
99
|
-
if (process.env.NODE_ENV === "development") {
|
|
100
|
-
console.log(`No theme value "${String(key)}" in ${name}`);
|
|
101
|
-
}
|
|
102
|
-
return Reflect.get(_, key);
|
|
103
91
|
}
|
|
104
92
|
});
|
|
105
93
|
}, [name, theme, className, didChangeTheme]);
|
package/dist/jsx/index.js
CHANGED
|
@@ -7,6 +7,7 @@ export * from "./createFont";
|
|
|
7
7
|
export * from "./createTokens";
|
|
8
8
|
export * from "./createVariable";
|
|
9
9
|
export * from "./createVariables";
|
|
10
|
+
export * from "./insertFont";
|
|
10
11
|
export * from "./styled";
|
|
11
12
|
export * from "./types";
|
|
12
13
|
import { RNWTextProps, RNWViewProps } from "./types-rnw";
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { setConfigFont } from "./conf";
|
|
4
|
+
import { createFont } from "./createFont";
|
|
5
|
+
import { createVariables } from "./createVariables";
|
|
6
|
+
import { registerCSSVariable } from "./helpers/registerCSSVariable";
|
|
7
|
+
function insertFont(name, fontIn) {
|
|
8
|
+
const font = createFont(fontIn);
|
|
9
|
+
const tokened = createVariables(font, name);
|
|
10
|
+
const parsed = parseFont(tokened);
|
|
11
|
+
registerFontVariables(parsed);
|
|
12
|
+
setConfigFont(name, parsed);
|
|
13
|
+
return parsed;
|
|
14
|
+
}
|
|
15
|
+
__name(insertFont, "insertFont");
|
|
16
|
+
function parseFont(definition) {
|
|
17
|
+
const parsed = {};
|
|
18
|
+
for (const attrKey in definition) {
|
|
19
|
+
const attr = definition[attrKey];
|
|
20
|
+
if (attrKey === "family") {
|
|
21
|
+
parsed[attrKey] = attr;
|
|
22
|
+
continue;
|
|
23
|
+
}
|
|
24
|
+
parsed[attrKey] = {};
|
|
25
|
+
for (const key in attr) {
|
|
26
|
+
let val = attr[key];
|
|
27
|
+
if (val.val[0] === "$") {
|
|
28
|
+
val = val.val;
|
|
29
|
+
}
|
|
30
|
+
parsed[attrKey][`$${key}`] = val;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
return parsed;
|
|
34
|
+
}
|
|
35
|
+
__name(parseFont, "parseFont");
|
|
36
|
+
function registerFontVariables(parsedFont) {
|
|
37
|
+
for (const fkey in parsedFont) {
|
|
38
|
+
if (fkey === "family") {
|
|
39
|
+
registerCSSVariable(parsedFont[fkey]);
|
|
40
|
+
} else {
|
|
41
|
+
for (const fskey in parsedFont[fkey]) {
|
|
42
|
+
const fval = parsedFont[fkey][fskey];
|
|
43
|
+
if (typeof fval === "string") {
|
|
44
|
+
} else {
|
|
45
|
+
registerCSSVariable(parsedFont[fkey][fskey]);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
__name(registerFontVariables, "registerFontVariables");
|
|
52
|
+
export {
|
|
53
|
+
insertFont,
|
|
54
|
+
parseFont,
|
|
55
|
+
registerFontVariables
|
|
56
|
+
};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
+
import { createCSSVariable } from "./createVariable";
|
|
4
|
+
const registerCSSVariable = /* @__PURE__ */ __name((v) => {
|
|
5
|
+
tokensValueToVariable.set(v.val, v);
|
|
6
|
+
const val = `--${createCSSVariable(v.name, false)}:${typeof v.val === "number" ? `${v.val}px` : v.val}`;
|
|
7
|
+
tokenRules.add(val);
|
|
8
|
+
return val;
|
|
9
|
+
}, "registerCSSVariable");
|
|
10
|
+
const tokensValueToVariable = /* @__PURE__ */ new Map();
|
|
11
|
+
const tokenRules = /* @__PURE__ */ new Set();
|
|
12
|
+
export {
|
|
13
|
+
registerCSSVariable,
|
|
14
|
+
tokenRules,
|
|
15
|
+
tokensValueToVariable
|
|
16
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/core",
|
|
3
|
-
"version": "1.0.1-beta.
|
|
3
|
+
"version": "1.0.1-beta.59",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
6
|
"module": "dist/esm",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
],
|
|
22
22
|
"dependencies": {
|
|
23
23
|
"@expo/match-media": "^0.3.0",
|
|
24
|
-
"@tamagui/helpers": "^1.0.1-beta.
|
|
24
|
+
"@tamagui/helpers": "^1.0.1-beta.59",
|
|
25
25
|
"@tamagui/ow": "^0.28.1",
|
|
26
|
-
"@tamagui/use-debounce": "^1.0.1-beta.
|
|
27
|
-
"@tamagui/use-force-update": "^1.0.1-beta.
|
|
26
|
+
"@tamagui/use-debounce": "^1.0.1-beta.59",
|
|
27
|
+
"@tamagui/use-force-update": "^1.0.1-beta.59",
|
|
28
28
|
"expo-screen-orientation": "^4.2.0",
|
|
29
29
|
"hyphenate-style-name": "^1.0.4",
|
|
30
30
|
"inline-style-prefixer": "^6.0.0",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"react-native-web": "*"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
|
-
"@tamagui/build": "^1.0.1-beta.
|
|
39
|
+
"@tamagui/build": "^1.0.1-beta.59",
|
|
40
40
|
"@types/react": "^17.0.35",
|
|
41
41
|
"csstype": "^3.0.10",
|
|
42
42
|
"esbuild": "^0.14.36",
|
package/types/Tamagui.d.ts
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as Helpers from '@tamagui/helpers';
|
|
2
|
-
import { TamaguiInternalConfig } from './types';
|
|
3
2
|
declare class TamaguiManager {
|
|
4
3
|
rnw: any;
|
|
5
4
|
Helpers: typeof Helpers;
|
|
6
|
-
get config(): TamaguiInternalConfig<import("./types").CreateTokens<import("./types").VariableVal>, {
|
|
5
|
+
get config(): import("./types").TamaguiInternalConfig<import("./types").CreateTokens<import("./types").VariableVal>, {
|
|
7
6
|
[key: string]: Partial<import("./types").TamaguiBaseTheme> & {
|
|
8
7
|
[key: string]: import("./types").VariableVal;
|
|
9
8
|
};
|
|
@@ -15,9 +14,7 @@ declare class TamaguiManager {
|
|
|
15
14
|
[key: string]: string | {
|
|
16
15
|
[key: string]: any;
|
|
17
16
|
};
|
|
18
|
-
},
|
|
19
|
-
[key: string]: import("./types").GenericFont<string | number>;
|
|
20
|
-
}>;
|
|
17
|
+
}, import("./types").GenericFonts>;
|
|
21
18
|
get insertedRules(): unknown[];
|
|
22
19
|
get allSelectors(): {};
|
|
23
20
|
get allTransforms(): {};
|
package/types/Tamagui.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tamagui.d.ts","sourceRoot":"","sources":["../src/Tamagui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;
|
|
1
|
+
{"version":3,"file":"Tamagui.d.ts","sourceRoot":"","sources":["../src/Tamagui.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,kBAAkB,CAAA;AAQ3C,cAAM,cAAc;IAClB,GAAG,MAAM;IACT,OAAO,iBAAU;IAEjB,IAAI,MAAM;;;;;;;;;;;;uCAET;IAED,IAAI,aAAa,cAEhB;IAED,IAAI,YAAY,OAEf;IAED,IAAI,aAAa,OAEhB;IAED,IAAI,iBAAiB,qBAEpB;CACF;AAED,eAAO,MAAM,OAAO,gBAAuB,CAAA;AAI3C,eAAO,MAAM,sBAAsB,eAAgB,MAAM,QAExD,CAAA;AAED,eAAO,MAAM,kBAAkB,eAAgB,MAAM,SAAS,GAAG,SAEhE,CAAA"}
|
package/types/conf.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ConfigListener, TamaguiInternalConfig } from './types';
|
|
2
2
|
export declare const setConfig: (next: TamaguiInternalConfig) => void;
|
|
3
|
+
export declare const setConfigFont: (name: string, font: any) => void;
|
|
3
4
|
export declare const getHasConfigured: () => boolean;
|
|
4
5
|
export declare const getConfig: () => TamaguiInternalConfig<import("./types").CreateTokens<import("./types").VariableVal>, {
|
|
5
6
|
[key: string]: Partial<import("./types").TamaguiBaseTheme> & {
|
|
@@ -13,9 +14,7 @@ export declare const getConfig: () => TamaguiInternalConfig<import("./types").Cr
|
|
|
13
14
|
[key: string]: string | {
|
|
14
15
|
[key: string]: any;
|
|
15
16
|
};
|
|
16
|
-
},
|
|
17
|
-
[key: string]: import("./types").GenericFont<string | number>;
|
|
18
|
-
}>;
|
|
17
|
+
}, import("./types").GenericFonts>;
|
|
19
18
|
export declare const getTokens: () => import("./types").CreateTokens<import("./createVariable").Variable<any>>;
|
|
20
19
|
export declare const getThemes: () => {
|
|
21
20
|
[key: string]: Partial<import("./types").TamaguiBaseTheme> & {
|
package/types/conf.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAI/D,eAAO,MAAM,SAAS,SAAU,qBAAqB,SAMpD,CAAA;AAED,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,SAAS
|
|
1
|
+
{"version":3,"file":"conf.d.ts","sourceRoot":"","sources":["../src/conf.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAI/D,eAAO,MAAM,SAAS,SAAU,qBAAqB,SAMpD,CAAA;AAED,eAAO,MAAM,aAAa,SAAU,MAAM,QAAQ,GAAG,SAKpD,CAAA;AAED,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAC5C,eAAO,MAAM,SAAS;;;;;;;;;;;;kCAAc,CAAA;AACpC,eAAO,MAAM,SAAS,gFAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;CAAqB,CAAA;AAE3C,eAAO,MAAM,eAAe,qBAA4B,CAAA;AAExD,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAUN,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAUN,MAAM,OAAO,CAAA;AAkBd,OAAO,EACL,kBAAkB,EAClB,WAAW,EACX,UAAU,EACV,YAAY,EACZ,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAGhB,cAAc,EAGf,MAAM,SAAS,CAAA;AAgBhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AA0B3C,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,GAAG,EAAE,EACtC,GAAG,GAAG,cAAc,EACpB,SAAS,GAAG,KAAK,EACjB,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,EAAE,eAAe,CAAC,EAAE,iBAAiB,4DA20B1F;AAGD,eAAO,MAAM,QAAQ;YAAW;QAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;KAAE;;CAEjD,CAAA;AAMD,aAAK,cAAc,GAAG,UAAU,GAAG,YAAY,CAAA;AAE/C,oBAAY,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,WAAW,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,MAAM,GAAG,WAAW,CAAA;IAC3B,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACvB,SAAS,CAAC,EAAE,cAAc,CAAA;CAC3B,CAAA;AACD,eAAO,MAAM,MAAM,0DA2CjB,CAAA;AAEF,oBAAY,mBAAmB,GAAG;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC5B,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA;AAED,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,GACV,EAAE,mBAAmB,OAsErB;AA2BD,wBAAgB,YAAY,CAAC,KAAK,EAAE,GAAG,eAkBtC;AA6BD,wBAAgB,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,EAAE,WAAW,EAAE,GAAG,QA6K3F"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAA8B,MAAM,kBAAkB,CAAA;AAWvE,OAAO,EACL,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,qBAAqB,EAEtB,MAAM,SAAS,CAAA;AAEhB,oBAAY,kBAAkB,GAE5B,OAAO,CAAC,IAAI,CAAC,oBAAoB,EAAE,QAAQ,GAAG,QAAQ,GAAG,YAAY,CAAC,CAAC,GAAG;IACxE,UAAU,CAAC,EAAE,eAAe,CAAC,GAAG,CAAC,CAAA;IACjC,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAA;IACtC,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;SAC1C,CAAA;KACF,CAAA;IAID,uBAAuB,CAAC,EAAE,aAAa,EAAE,CAAA;IAIzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAQ1B,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAG5B,2BAA2B,CAAC,EAAE,OAAO,CAAA;IAGrC,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,CAAA;AAKH,oBAAY,kBAAkB,CAAC,IAAI,SAAS,kBAAkB,IAAI,IAAI,SAAS,OAAO,CACpF,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,CAC1E,GACG,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACvC,OAAO,CAAA;AAEX,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,MAAM,EAAE,IAAI,GACX,kBAAkB,CAAC,IAAI,CAAC,CA4P1B;AAED,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAM,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { Variable } from './createVariable';
|
|
|
2
2
|
declare type DeepTokenObject<Val extends string | number = any> = {
|
|
3
3
|
[key: string]: Val | DeepTokenObject<Val>;
|
|
4
4
|
};
|
|
5
|
-
declare type DeepVariableObject<A extends DeepTokenObject> = {
|
|
5
|
+
export declare type DeepVariableObject<A extends DeepTokenObject> = {
|
|
6
6
|
[Key in keyof A]: A[Key] extends string | number ? Variable<A[Key]> : A[Key] extends DeepTokenObject ? DeepVariableObject<A[Key]> : never;
|
|
7
7
|
};
|
|
8
8
|
export declare const createVariables: <A extends DeepTokenObject<any>>(tokens: A, parentPath?: string) => DeepVariableObject<A>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createVariables.d.ts","sourceRoot":"","sources":["../src/createVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA8B,MAAM,kBAAkB,CAAA;AAEvE,aAAK,eAAe,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,GAAG,GAAG,IAAI;IACxD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,eAAe,CAAC,GAAG,CAAC,CAAA;CAC1C,CAAA;AAED,
|
|
1
|
+
{"version":3,"file":"createVariables.d.ts","sourceRoot":"","sources":["../src/createVariables.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAA8B,MAAM,kBAAkB,CAAA;AAEvE,aAAK,eAAe,CAAC,GAAG,SAAS,MAAM,GAAG,MAAM,GAAG,GAAG,IAAI;IACxD,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,GAAG,eAAe,CAAC,GAAG,CAAC,CAAA;CAC1C,CAAA;AAED,oBAAY,kBAAkB,CAAC,CAAC,SAAS,eAAe,IAAI;KACzD,GAAG,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,GAAG,MAAM,GAC5C,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAChB,CAAC,CAAC,GAAG,CAAC,SAAS,eAAe,GAC9B,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAC1B,KAAK;CACV,CAAA;AAED,eAAO,MAAM,eAAe,2FA+B3B,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calc.d.ts","sourceRoot":"","sources":["../../src/helpers/calc.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQxF,oBAAY,OAAO,GACf,MAAM,GACN,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,oBAAoB,CAAA;AAExB,QAAA,MAAM,SAAS;aACJ,MAAM,KAAK,MAAM;aACjB,MAAM,KAAK,MAAM;aACjB,MAAM,KAAK,MAAM;aACjB,MAAM,KAAK,MAAM;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAA;AAEtC,eAAO,MAAM,IAAI,0BAA2B,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"calc.d.ts","sourceRoot":"","sources":["../../src/helpers/calc.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQxF,oBAAY,OAAO,GACf,MAAM,GACN,MAAM,GACN,UAAU,GACV,WAAW,GACX,cAAc,GACd,oBAAoB,CAAA;AAExB,QAAA,MAAM,SAAS;aACJ,MAAM,KAAK,MAAM;aACjB,MAAM,KAAK,MAAM;aACjB,MAAM,KAAK,MAAM;aACjB,MAAM,KAAK,MAAM;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,OAAO,SAAS,CAAA;AAEtC,eAAO,MAAM,IAAI,0BAA2B,CAAC,OAAO,GAAG,QAAQ,CAAC,EAAE,oBA6BjE,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { SizeTokens, SpaceTokens } from '../types';
|
|
2
|
-
export declare const getSize: (size?: SizeTokens | undefined, shift?: number) => any;
|
|
3
|
-
export declare const stepTokenUpOrDown: (tokens: Object, current?: SizeTokens | SpaceTokens | string, shift?: number) => any;
|
|
2
|
+
export declare const getSize: (size?: SizeTokens | undefined, shift?: number, bounds?: number[]) => any;
|
|
3
|
+
export declare const stepTokenUpOrDown: (tokens: Object, current?: SizeTokens | SpaceTokens | string, shift?: number, bounds?: number[]) => any;
|
|
4
4
|
//# sourceMappingURL=getSize.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getSize.d.ts","sourceRoot":"","sources":["../../src/helpers/getSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAElD,eAAO,MAAM,OAAO,UAAW,UAAU,GAAG,SAAS,
|
|
1
|
+
{"version":3,"file":"getSize.d.ts","sourceRoot":"","sources":["../../src/helpers/getSize.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAElD,eAAO,MAAM,OAAO,UAAW,UAAU,GAAG,SAAS,2CAEpD,CAAA;AAED,eAAO,MAAM,iBAAiB,WACpB,MAAM,YACJ,UAAU,GAAG,WAAW,GAAG,MAAM,2CAY5C,CAAA"}
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
export declare function getVariantExtras(props: any, theme?: any, defaultProps?: any, avoidDefaultProps?: boolean): {
|
|
2
|
-
fonts:
|
|
3
|
-
[key: string]: import("..").GenericFont<string | number>;
|
|
4
|
-
};
|
|
2
|
+
fonts: import("..").GenericFonts;
|
|
5
3
|
tokens: import("..").CreateTokens<import("..").Variable<any>>;
|
|
6
4
|
theme: any;
|
|
7
5
|
props: any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getVariantExtras.d.ts","sourceRoot":"","sources":["../../src/helpers/getVariantExtras.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,GAAG,EACV,KAAK,CAAC,EAAE,GAAG,EACX,YAAY,CAAC,EAAE,GAAG,EAClB,iBAAiB,UAAQ
|
|
1
|
+
{"version":3,"file":"getVariantExtras.d.ts","sourceRoot":"","sources":["../../src/helpers/getVariantExtras.tsx"],"names":[],"mappings":"AAEA,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,GAAG,EACV,KAAK,CAAC,EAAE,GAAG,EACX,YAAY,CAAC,EAAE,GAAG,EAClB,iBAAiB,UAAQ;;;;;EAwB1B"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Variable } from '../createVariable';
|
|
2
|
+
export declare const registerCSSVariable: (v: Variable) => string;
|
|
3
|
+
export declare const tokensValueToVariable: Map<string, Variable<any>>;
|
|
4
|
+
export declare const tokenRules: Set<string>;
|
|
5
|
+
//# sourceMappingURL=registerCSSVariable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerCSSVariable.d.ts","sourceRoot":"","sources":["../../src/helpers/registerCSSVariable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAqB,MAAM,mBAAmB,CAAA;AAE/D,eAAO,MAAM,mBAAmB,MAAO,QAAQ,WAO9C,CAAA;AAED,eAAO,MAAM,qBAAqB,4BAA8B,CAAA;AAChE,eAAO,MAAM,UAAU,aAAoB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAqB,YAAY,EAAqC,MAAM,iBAAiB,CAAA;AACpG,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGjD,oBAAY,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5B,CAAA;AAQD,eAAO,MAAM,QAAQ,eACP,MAAM,GAAG,IAAI,kBACT,MAAM,UACd,UAAU,gBACJ,GAAG,KAChB,
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAqB,YAAY,EAAqC,MAAM,iBAAiB,CAAA;AACpG,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAGjD,oBAAY,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,IAAI,EAAE,OAAO,CAAC,SAAS,EAAE,MAAM,CAAC,GAAG,IAAI,CAAA;IACvC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5B,CAAA;AAQD,eAAO,MAAM,QAAQ,eACP,MAAM,GAAG,IAAI,kBACT,MAAM,UACd,UAAU,gBACJ,GAAG,KAChB,WA8FF,CAAA;AAID,eAAO,MAAM,wBAAwB,UAAW,GAAG,QAElD,CAAA;AAED,eAAO,MAAM,YAAY,UAAW;IAAE,MAAM,CAAC,EAAE,IAAI,CAAA;CAAE,WAcpD,CAAA;AAED,eAAO,MAAM,mBAAmB,6BAE/B,CAAA;AAED,eAAO,MAAM,oBAAoB,UACxB,MAAM,GAAG,IAAI,kBACJ,MAAM,UACd,UAAU,oBACA,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;CA0CtB,CAAA"}
|
package/types/index.d.ts
CHANGED
|
@@ -7,6 +7,7 @@ export * from './createFont';
|
|
|
7
7
|
export * from './createTokens';
|
|
8
8
|
export * from './createVariable';
|
|
9
9
|
export * from './createVariables';
|
|
10
|
+
export * from './insertFont';
|
|
10
11
|
export * from './styled';
|
|
11
12
|
export * from './types';
|
|
12
13
|
export { RNWTextProps, RNWViewProps } from './types-rnw';
|
package/types/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE5F,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAE9C,cAAc,sCAAsC,CAAA;AAEpD,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAElC,cAAc,2BAA2B,CAAA;AACzC,cAAc,kBAAkB,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA;AACzB,cAAc,mBAAmB,CAAA;AACjC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AACxD,OAAO,EAAE,gBAAgB,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,QAAQ,CAAA;AAE5F,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,2BAA2B,CAAA;AACzC,cAAc,uBAAuB,CAAA;AACrC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gCAAgC,CAAA;AAE9C,cAAc,sCAAsC,CAAA;AAEpD,cAAc,qBAAqB,CAAA;AACnC,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,0BAA0B,CAAA;AACxC,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,0BAA0B,CAAA;AAExC,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,6BAA6B,CAAA;AAC3C,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,uBAAuB,CAAA;AACrC,cAAc,oBAAoB,CAAA;AAElC,cAAc,2BAA2B,CAAA;AACzC,cAAc,kBAAkB,CAAA"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DeepVariableObject } from './createVariables';
|
|
2
|
+
import { GenericFont } from './types';
|
|
3
|
+
export declare function insertFont<A extends GenericFont>(name: string, fontIn: A): DeepVariableObject<A>;
|
|
4
|
+
export declare function parseFont<A extends GenericFont>(definition: A): DeepVariableObject<A>;
|
|
5
|
+
export declare function registerFontVariables(parsedFont: any): void;
|
|
6
|
+
//# sourceMappingURL=insertFont.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"insertFont.d.ts","sourceRoot":"","sources":["../src/insertFont.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAmB,MAAM,mBAAmB,CAAA;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAErC,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAOhG;AAED,wBAAgB,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,UAAU,EAAE,CAAC,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAmBrF;AAED,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,GAAG,QAgBpD"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Variable } from './createVariable';
|
|
2
|
+
export declare const registerCSSVariable: (v: Variable) => string;
|
|
3
|
+
export declare const tokensValueToVariable: Map<string, Variable<any>>;
|
|
4
|
+
export declare const tokenRules: Set<string>;
|
|
5
|
+
//# sourceMappingURL=registerCSSVariable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"registerCSSVariable.d.ts","sourceRoot":"","sources":["../src/registerCSSVariable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAqB,MAAM,kBAAkB,CAAA;AAE9D,eAAO,MAAM,mBAAmB,MAAO,QAAQ,WAO9C,CAAA;AAED,eAAO,MAAM,qBAAqB,4BAA8B,CAAA;AAChE,eAAO,MAAM,UAAU,aAAoB,CAAA"}
|