@tamagui/core 1.0.0-alpha.26 → 1.0.0-alpha.30
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/createComponent.js +23 -26
- package/dist/cjs/createComponent.js.map +2 -2
- package/dist/cjs/createTamagui.js +60 -45
- package/dist/cjs/createTamagui.js.map +2 -2
- package/dist/cjs/createTheme.js +1 -32
- package/dist/cjs/createTheme.js.map +2 -2
- package/dist/cjs/hooks/useTheme.js +8 -2
- package/dist/cjs/hooks/useTheme.js.map +2 -2
- package/dist/cjs/styled.js.map +1 -1
- package/dist/cjs/views/Text.js.map +2 -2
- package/dist/esm/createComponent.js +23 -26
- package/dist/esm/createComponent.js.map +2 -2
- package/dist/esm/createTamagui.js +60 -46
- package/dist/esm/createTamagui.js.map +2 -2
- package/dist/esm/createTheme.js +1 -16
- package/dist/esm/createTheme.js.map +2 -2
- package/dist/esm/hooks/useTheme.js +8 -2
- package/dist/esm/hooks/useTheme.js.map +2 -2
- package/dist/esm/styled.js.map +1 -1
- package/dist/esm/views/Text.js.map +2 -2
- package/dist/jsx/createComponent.js +23 -26
- package/dist/jsx/createTamagui.js +60 -46
- package/dist/jsx/createTheme.js +1 -16
- package/dist/jsx/hooks/useTheme.js +8 -2
- package/package.json +4 -4
- package/types/createComponent.d.ts.map +1 -1
- package/types/createTamagui.d.ts.map +1 -1
- package/types/createTheme.d.ts +4 -2
- package/types/createTheme.d.ts.map +1 -1
- package/types/hooks/useTheme.d.ts +1 -0
- package/types/hooks/useTheme.d.ts.map +1 -1
- package/types/styled.d.ts +1 -1
- package/types/styled.d.ts.map +1 -1
- package/types/views/Text.d.ts.map +1 -1
|
@@ -23,8 +23,8 @@ import { extendStaticConfig, parseStaticConfig } from "./helpers/extendStaticCon
|
|
|
23
23
|
import { getSplitStyles } from "./helpers/getSplitStyles";
|
|
24
24
|
import { useFeatures } from "./hooks/useFeatures";
|
|
25
25
|
import { usePressable } from "./hooks/usePressable";
|
|
26
|
+
import { useTheme } from "./hooks/useTheme";
|
|
26
27
|
import { TextAncestorContext } from "./views/TextAncestorContext";
|
|
27
|
-
import { ThemeManagerContext } from "./views/ThemeManagerContext";
|
|
28
28
|
const mouseUps = new Set();
|
|
29
29
|
if (typeof document !== "undefined") {
|
|
30
30
|
document.addEventListener("mouseup", () => {
|
|
@@ -32,6 +32,24 @@ if (typeof document !== "undefined") {
|
|
|
32
32
|
mouseUps.clear();
|
|
33
33
|
});
|
|
34
34
|
}
|
|
35
|
+
const defaultComponentState = {
|
|
36
|
+
hover: false,
|
|
37
|
+
press: false,
|
|
38
|
+
pressIn: false
|
|
39
|
+
};
|
|
40
|
+
function createShallowUpdate(setter) {
|
|
41
|
+
return (next) => {
|
|
42
|
+
setter((prev) => {
|
|
43
|
+
for (const key in next) {
|
|
44
|
+
if (prev[key] !== next[key]) {
|
|
45
|
+
return { ...prev, ...next };
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
return prev;
|
|
49
|
+
});
|
|
50
|
+
};
|
|
51
|
+
}
|
|
52
|
+
__name(createShallowUpdate, "createShallowUpdate");
|
|
35
53
|
function createComponent(configIn) {
|
|
36
54
|
let staticConfig;
|
|
37
55
|
if ("parsed" in configIn) {
|
|
@@ -49,21 +67,9 @@ function createComponent(configIn) {
|
|
|
49
67
|
const component = forwardRef((props, forwardedRef) => {
|
|
50
68
|
const forceUpdate = useForceUpdate();
|
|
51
69
|
const features = useFeatures(props, { forceUpdate });
|
|
52
|
-
const
|
|
53
|
-
const [state, set_] = useState(
|
|
54
|
-
|
|
55
|
-
press: false,
|
|
56
|
-
pressIn: false,
|
|
57
|
-
theme: manager.name
|
|
58
|
-
}));
|
|
59
|
-
const set = /* @__PURE__ */ __name((next) => set_((prev) => {
|
|
60
|
-
for (const key in next) {
|
|
61
|
-
if (prev[key] !== next[key]) {
|
|
62
|
-
return { ...prev, ...next };
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
return prev;
|
|
66
|
-
}), "set");
|
|
70
|
+
const theme = useTheme();
|
|
71
|
+
const [state, set_] = useState(defaultComponentState);
|
|
72
|
+
const set = createShallowUpdate(set_);
|
|
67
73
|
if (process.env.NODE_ENV === "development" && !isText && isWeb) {
|
|
68
74
|
Children.toArray(props.children).forEach((item) => {
|
|
69
75
|
if (typeof item === "string") {
|
|
@@ -73,7 +79,6 @@ function createComponent(configIn) {
|
|
|
73
79
|
}
|
|
74
80
|
const hasTextAncestor = isWeb ? useContext(TextAncestorContext) : false;
|
|
75
81
|
const hostRef = useRef(null);
|
|
76
|
-
const theme = manager.theme || initialTheme;
|
|
77
82
|
const {
|
|
78
83
|
viewProps: viewPropsIn,
|
|
79
84
|
pseudos,
|
|
@@ -144,7 +149,6 @@ function createComponent(configIn) {
|
|
|
144
149
|
onStartShouldSetResponderCapture
|
|
145
150
|
});
|
|
146
151
|
}
|
|
147
|
-
const isTracking = useRef(false);
|
|
148
152
|
const internal = useRef();
|
|
149
153
|
if (!internal.current) {
|
|
150
154
|
internal.current = {
|
|
@@ -153,18 +157,11 @@ function createComponent(configIn) {
|
|
|
153
157
|
}
|
|
154
158
|
useEffect(() => {
|
|
155
159
|
internal.current.isMounted = true;
|
|
156
|
-
const dispose = manager?.onChangeTheme((name) => {
|
|
157
|
-
if (isTracking.current) {
|
|
158
|
-
set({ theme: name });
|
|
159
|
-
}
|
|
160
|
-
});
|
|
161
160
|
return () => {
|
|
162
|
-
dispose();
|
|
163
161
|
mouseUps.delete(unPress);
|
|
164
|
-
isTracking.current = false;
|
|
165
162
|
internal.current.isMounted = false;
|
|
166
163
|
};
|
|
167
|
-
}, [
|
|
164
|
+
}, []);
|
|
168
165
|
const element = isWeb ? !Component || typeof Component === "string" ? tag || Component : Component : Component;
|
|
169
166
|
const ReactView = !isWeb ? View : element || (hasTextAncestor ? "span" : "div");
|
|
170
167
|
const ReactText = !isWeb ? Text : element || "span";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
3
|
import { getStyleRules } from "@tamagui/helpers";
|
|
4
|
-
import {
|
|
4
|
+
import { isWeb } from "./constants/platform";
|
|
5
|
+
import { Variable, createVariable } from "./createVariable";
|
|
5
6
|
import { createTamaguiProvider } from "./helpers/createTamaguiProvider";
|
|
6
|
-
import { validateConfig } from "./helpers/validate";
|
|
7
7
|
import { configureMedia } from "./hooks/useMedia";
|
|
8
8
|
let conf;
|
|
9
9
|
const getHasConfigured = /* @__PURE__ */ __name(() => !!conf, "getHasConfigured");
|
|
@@ -20,10 +20,8 @@ const onConfiguredOnce = /* @__PURE__ */ __name((cb) => {
|
|
|
20
20
|
}, "onConfiguredOnce");
|
|
21
21
|
const PREFIX = `theme--`;
|
|
22
22
|
function createTamagui(config) {
|
|
23
|
-
if (
|
|
24
|
-
|
|
25
|
-
validateConfig(config);
|
|
26
|
-
}
|
|
23
|
+
if (config["parsed"]) {
|
|
24
|
+
return config;
|
|
27
25
|
}
|
|
28
26
|
if (conf) {
|
|
29
27
|
console.warn("Called createTamagui twice! Should never do so");
|
|
@@ -34,61 +32,60 @@ function createTamagui(config) {
|
|
|
34
32
|
});
|
|
35
33
|
const themeConfig = (() => {
|
|
36
34
|
let cssRules = [];
|
|
37
|
-
let tokenRule = `:root {`;
|
|
38
35
|
const varsByValue = new Map();
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
const
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
36
|
+
if (isWeb) {
|
|
37
|
+
let tokenRule = `:root {`;
|
|
38
|
+
const addVar = /* @__PURE__ */ __name((v) => {
|
|
39
|
+
varsByValue[v.val] = v;
|
|
40
|
+
const rule = `--${v.name}:${typeof v.val === "number" ? `${v.val}px` : v.val};`;
|
|
41
|
+
tokenRule += rule;
|
|
42
|
+
}, "addVar");
|
|
43
|
+
for (const key in config.tokens) {
|
|
44
|
+
for (const skey in config.tokens[key]) {
|
|
45
|
+
const val = config.tokens[key][skey];
|
|
46
|
+
if (key === "font") {
|
|
47
|
+
for (const fkey in val) {
|
|
48
|
+
if (fkey === "family") {
|
|
49
|
+
addVar(val[fkey]);
|
|
50
|
+
} else {
|
|
51
|
+
for (const fskey in val[fkey]) {
|
|
52
|
+
addVar(val[fkey][fskey]);
|
|
53
|
+
}
|
|
54
54
|
}
|
|
55
55
|
}
|
|
56
|
+
} else {
|
|
57
|
+
addVar(val);
|
|
56
58
|
}
|
|
57
|
-
} else {
|
|
58
|
-
addVar(val);
|
|
59
59
|
}
|
|
60
60
|
}
|
|
61
|
-
|
|
62
|
-
cssRules.push(`${tokenRule}
|
|
61
|
+
cssRules.push(`${tokenRule}
|
|
63
62
|
}`);
|
|
63
|
+
}
|
|
64
64
|
for (const themeName in config.themes) {
|
|
65
|
-
|
|
66
|
-
|
|
65
|
+
const theme = { ...config.themes[themeName] };
|
|
66
|
+
config.themes[themeName] = theme;
|
|
67
67
|
let vars = "";
|
|
68
68
|
for (const themeKey in theme) {
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
const
|
|
72
|
-
|
|
73
|
-
}, "getVariableCSS");
|
|
74
|
-
vars += getVariableCSS(val);
|
|
75
|
-
if (!isVariable(val)) {
|
|
76
|
-
theme[themeKey] = createVariable({
|
|
77
|
-
name: themeKey,
|
|
78
|
-
val
|
|
79
|
-
});
|
|
69
|
+
if (isWeb) {
|
|
70
|
+
const val = theme[themeKey];
|
|
71
|
+
const varName = val instanceof Variable ? val.name : varsByValue[val]?.name;
|
|
72
|
+
vars += `--${themeKey}:${varName ? `var(--${varName});` : `${val}`};`;
|
|
80
73
|
}
|
|
74
|
+
ensureThemeVariable(theme, themeKey);
|
|
81
75
|
}
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
76
|
+
if (isWeb) {
|
|
77
|
+
const [themeClassName, parentName] = themeName.includes("-") ? themeName.split("-") : [themeName, ""];
|
|
78
|
+
const oppositeName = parentName === "dark" ? "light" : "dark";
|
|
79
|
+
const cssParentSel = parentName ? `.${PREFIX}${parentName}` : "";
|
|
80
|
+
const cssChildSel = `.${PREFIX}${themeClassName}`;
|
|
81
|
+
const cssSel = `${cssParentSel} ${cssChildSel}`;
|
|
82
|
+
const cssRule = `${cssSel}, .${PREFIX}${oppositeName} ${cssSel} {
|
|
88
83
|
${vars}
|
|
89
84
|
}`;
|
|
90
|
-
|
|
85
|
+
cssRules.push(cssRule);
|
|
86
|
+
}
|
|
91
87
|
}
|
|
88
|
+
varsByValue.clear();
|
|
92
89
|
Object.freeze(cssRules);
|
|
93
90
|
return {
|
|
94
91
|
cssRules,
|
|
@@ -158,6 +155,23 @@ const parseTokens = /* @__PURE__ */ __name((tokens) => {
|
|
|
158
155
|
}
|
|
159
156
|
return res;
|
|
160
157
|
}, "parseTokens");
|
|
158
|
+
function ensureThemeVariable(theme, key) {
|
|
159
|
+
const val = theme[key];
|
|
160
|
+
if (!(val instanceof Variable)) {
|
|
161
|
+
theme[key] = createVariable({
|
|
162
|
+
name: key,
|
|
163
|
+
val
|
|
164
|
+
});
|
|
165
|
+
} else {
|
|
166
|
+
if (val.name !== key) {
|
|
167
|
+
theme[key] = createVariable({
|
|
168
|
+
name: key,
|
|
169
|
+
val: val.val
|
|
170
|
+
});
|
|
171
|
+
}
|
|
172
|
+
}
|
|
173
|
+
}
|
|
174
|
+
__name(ensureThemeVariable, "ensureThemeVariable");
|
|
161
175
|
export {
|
|
162
176
|
createTamagui,
|
|
163
177
|
getHasConfigured,
|
package/dist/jsx/createTheme.js
CHANGED
|
@@ -1,21 +1,6 @@
|
|
|
1
1
|
var __defProp = Object.defineProperty;
|
|
2
2
|
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
|
|
3
|
-
|
|
4
|
-
const createTheme = /* @__PURE__ */ __name((theme) => {
|
|
5
|
-
const res = {};
|
|
6
|
-
for (const key in theme) {
|
|
7
|
-
const val = theme[key];
|
|
8
|
-
if (!(val instanceof Variable)) {
|
|
9
|
-
res[key] = createVariable({
|
|
10
|
-
name: key,
|
|
11
|
-
val
|
|
12
|
-
});
|
|
13
|
-
} else {
|
|
14
|
-
res[key] = val;
|
|
15
|
-
}
|
|
16
|
-
}
|
|
17
|
-
return res;
|
|
18
|
-
}, "createTheme");
|
|
3
|
+
const createTheme = /* @__PURE__ */ __name((theme) => theme, "createTheme");
|
|
19
4
|
export {
|
|
20
5
|
createTheme
|
|
21
6
|
};
|
|
@@ -70,14 +70,20 @@ const useTheme = /* @__PURE__ */ __name(() => {
|
|
|
70
70
|
const val = activeTheme[key];
|
|
71
71
|
if (process.env.NODE_ENV === "development") {
|
|
72
72
|
if (typeof val === "undefined") {
|
|
73
|
-
console.warn(`No theme value "${String(key)}" in
|
|
73
|
+
console.warn(`No theme value "${String(key)}" in`, activeTheme, themes);
|
|
74
74
|
return null;
|
|
75
75
|
}
|
|
76
|
+
if (!(val instanceof Variable)) {
|
|
77
|
+
console.warn("Non variable!", val);
|
|
78
|
+
}
|
|
79
|
+
if (val.name !== key) {
|
|
80
|
+
console.warn("Non-matching name for variable to key", key, val.name);
|
|
81
|
+
}
|
|
76
82
|
}
|
|
77
83
|
if (state.current.isRendering) {
|
|
78
84
|
state.current.keys.add(key);
|
|
79
85
|
}
|
|
80
|
-
return
|
|
86
|
+
return val;
|
|
81
87
|
}
|
|
82
88
|
});
|
|
83
89
|
}, []);
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/core",
|
|
3
|
-
"version": "1.0.0-alpha.
|
|
3
|
+
"version": "1.0.0-alpha.30",
|
|
4
4
|
"source": "src/index.ts",
|
|
5
5
|
"main": "dist/cjs",
|
|
6
|
-
"module": "dist",
|
|
6
|
+
"module": "dist/esm",
|
|
7
7
|
"typings": "types",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"build": "tamagui-build",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"dist"
|
|
15
15
|
],
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@tamagui/helpers": "^1.0.0-alpha.
|
|
17
|
+
"@tamagui/helpers": "^1.0.0-alpha.30",
|
|
18
18
|
"@tamagui/ow": "^0.28.1",
|
|
19
19
|
"@tamagui/use-debounce": "^1.0.0-alpha.26",
|
|
20
20
|
"@tamagui/use-force-update": "^1.0.0-alpha.26",
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"engines": {
|
|
38
38
|
"node": ">=16"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "c5cd7540e0b07e0f4b61cd3e28f08462aec49428"
|
|
41
41
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA0B,SAAS,EAAE,MAAM,cAAc,CAAA;AAYhE,OAAO,EAEL,eAAe,EACf,YAAY,EACZ,kBAAkB,EAEnB,MAAM,SAAS,CAAA;AAGhB,eAAO,MAAM,QAAQ,eAAsB,CAAA;AAS3C,aAAK,YAAY,GAAG,EAAE,CAAA;AAuBtB,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,GAAG,YAAY,EAC7D,QAAQ,EAAE,OAAO,CAAC,YAAY,CAAC,GAAG,kBAAkB,qDA+brD;AAOD,eAAO,MAAM,MAAM;;;iCAyBjB,CAAA;AAEF,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,aAAa,GACd,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,EAAE,GAAG,CAAA;IACb,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAA;CAC3C,OAwCA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"createTamagui.d.ts","sourceRoot":"","sources":["../src/createTamagui.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,QAAQ,EAAkB,MAAM,kBAAkB,CAAA;AAI3D,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,aAAa,EACb,qBAAqB,EACrB,oBAAoB,EACrB,MAAM,SAAS,CAAA;AAEhB,oBAAY,kBAAkB,GAAG,oBAAoB,GAGnD,IAAI,CAAC,oBAAoB,EAAE,QAAQ,CAAC,GAAG;IACrC,MAAM,EAAE;QACN,CAAC,GAAG,EAAE,MAAM,GAAG;YACb,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;SAC1C,CAAA;KACF,CAAA;IAED,uBAAuB,CAAC,EAAE,aAAa,EAAE,CAAA;CAC1C,CAAA;AAIH,eAAO,MAAM,gBAAgB,eAAe,CAAA;AAE5C,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;EAAc,CAAA;AACrC,eAAO,MAAM,SAAS,gDAA2B,CAAA;AACjD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;CAAqB,CAAA;AAE3C,aAAK,cAAc,GAAG,CAAC,IAAI,EAAE,qBAAqB,KAAK,IAAI,CAAA;AAE3D,eAAO,MAAM,gBAAgB,OAAQ,cAAc,SAMlD,CAAA;AAID,wBAAgB,aAAa,CAAC,IAAI,SAAS,kBAAkB,EAC3D,MAAM,EAAE,IAAI,GACX,IAAI,SAAS,mBAAmB,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,CAAC,GACnE,qBAAqB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GACjC,OAAO,CAuIV;AAED,wBAAgB,uBAAuB,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,UAEhE"}
|
package/types/createTheme.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { Variable } from './createVariable';
|
|
2
|
-
|
|
2
|
+
declare type GenericTheme = {
|
|
3
3
|
[key: string]: string | Variable;
|
|
4
|
-
}
|
|
4
|
+
};
|
|
5
|
+
export declare const createTheme: <Theme extends GenericTheme>(theme: Theme) => { [key in keyof Theme]?: string | Variable | undefined; };
|
|
6
|
+
export {};
|
|
5
7
|
//# sourceMappingURL=createTheme.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../src/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,
|
|
1
|
+
{"version":3,"file":"createTheme.d.ts","sourceRoot":"","sources":["../src/createTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAE3C,aAAK,YAAY,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,CAAA;CAAE,CAAA;AAExD,eAAO,MAAM,WAAW,yGAKd,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAa,WAAW,EAAE,MAAM,UAAU,CAAA;AAqBjD,eAAO,MAAM,YAAY;;wBAWxB,CAAA;AAED,eAAO,MAAM,mBAAmB,uBAE/B,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,WAmE3B,CAAA"}
|
package/types/styled.d.ts
CHANGED
|
@@ -16,6 +16,6 @@ export declare type GetVariants<ParentComponent extends StaticComponent | React.
|
|
|
16
16
|
};
|
|
17
17
|
};
|
|
18
18
|
export declare type GetVariantProps<Variants> = Variants extends void ? {} : {
|
|
19
|
-
[Key in keyof Variants]?: keyof Variants[Key] extends `...${infer VariantSpread}` ? VariantSpread extends keyof Tokens ? keyof Tokens[VariantSpread] extends string | number ? `$${keyof Tokens[VariantSpread]}` : unknown : unknown : keyof Variants[Key] extends 'true' ? boolean : keyof Exclude<Variants[Key], undefined>;
|
|
19
|
+
[Key in keyof Variants]?: keyof Variants[Key] extends `...${infer VariantSpread}` ? VariantSpread extends keyof Tokens ? keyof Tokens[VariantSpread] extends string | number ? `$${keyof Tokens[VariantSpread]}` | null : unknown : unknown : keyof Variants[Key] extends 'true' ? boolean | null : keyof Exclude<Variants[Key], undefined>;
|
|
20
20
|
};
|
|
21
21
|
//# sourceMappingURL=styled.d.ts.map
|
package/types/styled.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAElG,wBAAgB,MAAM,CACpB,eAAe,SAAS,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAC9D,QAAQ,SAAS,WAAW,CAAC,eAAe,CAAC,EAE7C,SAAS,EAAE,eAAe,EAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG;IACpC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,EACD,uBAAuB,CAAC,EAAE,YAAY,yMAiBvC;AAID,oBAAY,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,KAAK,CAAC,GAC5D,KAAK,GACL,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,GACtC,KAAK,GACL,EAAE,CAAA;AAEN,oBAAY,WAAW,CAAC,eAAe,SAAS,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG;IAC/F,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,CAAC,GAAG,EAAE,MAAM,GACR,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,GAClC,CAAC,CACC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE;YACN,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;YAC/B,KAAK,EAAE,MAAM,SAAS;gBAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;aAAE,GAAG,CAAC,GAAG,OAAO,CAAA;YAC9D,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAA;SACjC,KACE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;KAC7C,CAAA;CACF,CAAA;AAED,oBAAY,eAAe,CAAC,QAAQ,IAAI,QAAQ,SAAS,IAAI,GACzD,EAAE,GACF;KAEG,GAAG,IAAI,MAAM,QAAQ,CAAC,CAAC,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,MAAM,aAAa,EAAE,GAC7E,aAAa,SAAS,MAAM,MAAM,GAChC,MAAM,MAAM,CAAC,aAAa,CAAC,SAAS,MAAM,GAAG,MAAM,GACjD,IAAI,MAAM,MAAM,CAAC,aAAa,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"styled.d.ts","sourceRoot":"","sources":["../src/styled.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAElG,wBAAgB,MAAM,CACpB,eAAe,SAAS,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,EAC9D,QAAQ,SAAS,WAAW,CAAC,eAAe,CAAC,EAE7C,SAAS,EAAE,eAAe,EAC1B,OAAO,CAAC,EAAE,QAAQ,CAAC,eAAe,CAAC,GAAG;IACpC,QAAQ,CAAC,EAAE,QAAQ,CAAA;CACpB,EACD,uBAAuB,CAAC,EAAE,YAAY,yMAiBvC;AAID,oBAAY,QAAQ,CAAC,CAAC,IAAI,CAAC,SAAS,eAAe,CAAC,MAAM,KAAK,CAAC,GAC5D,KAAK,GACL,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,CAAC,GACtC,KAAK,GACL,EAAE,CAAA;AAEN,oBAAY,WAAW,CAAC,eAAe,SAAS,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,IAAI,GAAG;IAC/F,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,CAAC,GAAG,EAAE,MAAM,GACR,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,GAClC,CAAC,CACC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE;YACN,MAAM,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;YAC/B,KAAK,EAAE,MAAM,SAAS;gBAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC,CAAA;aAAE,GAAG,CAAC,GAAG,OAAO,CAAA;YAC9D,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAA;SACjC,KACE,OAAO,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA;KAC7C,CAAA;CACF,CAAA;AAED,oBAAY,eAAe,CAAC,QAAQ,IAAI,QAAQ,SAAS,IAAI,GACzD,EAAE,GACF;KAEG,GAAG,IAAI,MAAM,QAAQ,CAAC,CAAC,EAAE,MAAM,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,MAAM,aAAa,EAAE,GAC7E,aAAa,SAAS,MAAM,MAAM,GAChC,MAAM,MAAM,CAAC,aAAa,CAAC,SAAS,MAAM,GAAG,MAAM,GACjD,IAAI,MAAM,MAAM,CAAC,aAAa,CAAC,EAAE,GAAG,IAAI,GACxC,OAAO,GACT,OAAO,GACT,MAAM,QAAQ,CAAC,GAAG,CAAC,SAAS,MAAM,GAClC,OAAO,GAAG,IAAI,GACd,MAAM,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,SAAS,CAAC;CAC5C,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/views/Text.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AASpC,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../src/views/Text.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AASpC,eAAO,MAAM,IAAI,iGAoDf,CAAA"}
|