@tamagui/demos 1.93.0 → 1.93.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/UpdateThemeDemo.js +4 -12
- package/dist/cjs/UpdateThemeDemo.js.map +1 -1
- package/dist/cjs/UpdateThemeDemo.native.js +4 -12
- package/dist/cjs/UpdateThemeDemo.native.js.map +2 -2
- package/dist/esm/UpdateThemeDemo.js +2 -2
- package/dist/esm/UpdateThemeDemo.js.map +1 -1
- package/dist/esm/UpdateThemeDemo.mjs +2 -2
- package/dist/esm/UpdateThemeDemo.native.js +2 -2
- package/dist/esm/UpdateThemeDemo.native.js.map +2 -2
- package/dist/jsx/UpdateThemeDemo.js +2 -2
- package/dist/jsx/UpdateThemeDemo.js.map +1 -1
- package/dist/jsx/UpdateThemeDemo.mjs +2 -2
- package/dist/jsx/UpdateThemeDemo.native.js +2 -2
- package/dist/jsx/UpdateThemeDemo.native.js.map +2 -2
- package/package.json +20 -20
- package/src/UpdateThemeDemo.tsx +2 -2
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
var __create = Object.create;
|
|
2
1
|
var __defProp = Object.defineProperty;
|
|
3
2
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
3
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
-
var
|
|
4
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
5
|
var __export = (target, all) => {
|
|
7
6
|
for (var name in all)
|
|
8
7
|
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
@@ -12,21 +11,14 @@ var __export = (target, all) => {
|
|
|
12
11
|
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
13
12
|
return to;
|
|
14
13
|
};
|
|
15
|
-
var
|
|
16
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
17
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
18
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
19
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
20
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
21
|
-
mod
|
|
22
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
14
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
23
15
|
var UpdateThemeDemo_exports = {};
|
|
24
16
|
__export(UpdateThemeDemo_exports, {
|
|
25
17
|
UpdateThemeDemo: () => UpdateThemeDemo
|
|
26
18
|
});
|
|
27
19
|
module.exports = __toCommonJS(UpdateThemeDemo_exports);
|
|
28
|
-
var
|
|
29
|
-
const colors =
|
|
20
|
+
var import_site_config = require("@tamagui/site-config"), import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui"), import_jsx_runtime = require("react/jsx-runtime");
|
|
21
|
+
const colors = import_site_config.config.tokens.color, colorKeys = Object.keys(colors);
|
|
30
22
|
function UpdateThemeDemo() {
|
|
31
23
|
const [theme, setTheme] = (0, import_react.useState)(), update = (0, import_tamagui.useForceUpdate)();
|
|
32
24
|
return (0, import_tamagui.useIsomorphicLayoutEffect)(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yBAAuB,iCACvB,eAAsC,2BACtC,eAAyB,kBACzB,iBASO,oBAqBH;AAnBJ,MAAM,SAAS,0BAAO,OAAO,OACvB,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAc,GAClC,aAAS,+BAAe;AAE9B,uDAA0B,MAAM;AAC9B,+BAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,6CAAC,yBAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,gDAAC,yBAAO,KAAK,MACX,sDAAC,wBAAM,MAAM,SAAS,MACpB,sDAAC,yBAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,kBAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,wCAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __create = Object.create;
|
|
3
2
|
var __defProp = Object.defineProperty;
|
|
4
3
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
4
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
6
|
-
var
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
6
|
var __export = (target, all) => {
|
|
8
7
|
for (var name in all)
|
|
9
8
|
__defProp(target, name, { get: all[name], enumerable: !0 });
|
|
@@ -13,20 +12,13 @@ var __export = (target, all) => {
|
|
|
13
12
|
!__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
|
|
14
13
|
return to;
|
|
15
14
|
};
|
|
16
|
-
var
|
|
17
|
-
// If the importer is in node compatibility mode or this is not an ESM
|
|
18
|
-
// file that has been converted to a CommonJS file using a Babel-
|
|
19
|
-
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
20
|
-
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
21
|
-
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: !0 }) : target,
|
|
22
|
-
mod
|
|
23
|
-
)), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
15
|
+
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
|
|
24
16
|
var UpdateThemeDemo_exports = {};
|
|
25
17
|
__export(UpdateThemeDemo_exports, {
|
|
26
18
|
UpdateThemeDemo: () => UpdateThemeDemo
|
|
27
19
|
});
|
|
28
20
|
module.exports = __toCommonJS(UpdateThemeDemo_exports);
|
|
29
|
-
var import_jsx_runtime = require("react/jsx-runtime"),
|
|
21
|
+
var import_jsx_runtime = require("react/jsx-runtime"), import_site_config = require("@tamagui/site-config"), import_theme = require("@tamagui/theme"), import_react = require("react"), import_tamagui = require("tamagui");
|
|
30
22
|
function _array_like_to_array(arr, len) {
|
|
31
23
|
(len == null || len > arr.length) && (len = arr.length);
|
|
32
24
|
for (var i = 0, arr2 = new Array(len); i < len; i++)
|
|
@@ -74,7 +66,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
74
66
|
return _array_like_to_array(o, minLen);
|
|
75
67
|
}
|
|
76
68
|
}
|
|
77
|
-
var colors =
|
|
69
|
+
var colors = import_site_config.config.tokens.color, colorKeys = Object.keys(colors);
|
|
78
70
|
function UpdateThemeDemo() {
|
|
79
71
|
var _useState = _sliced_to_array((0, import_react.useState)(), 2), theme = _useState[0], setTheme = _useState[1], update = (0, import_tamagui.useForceUpdate)();
|
|
80
72
|
return (0, import_tamagui.useIsomorphicLayoutEffect)(function() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": "
|
|
5
|
-
"names": ["colors", "
|
|
4
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;uDAAA,qBAAuB,iCACvB,eAAsC,2BACtC,eAAyB,kBACzB,iBASO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMA,SAASC,0BAAOC,OAAOC,OACvBC,YAAYC,OAAOC,KAAKN,MAAAA;AAEvB,SAASO,kBAAAA;AACd,MAA0BC,YAAAA,qBAAAA,uBAAAA,GAAAA,CAAAA,GAAnBC,QAAmBD,UAAAA,CAAAA,GAAZE,WAAYF,UAAAA,CAAAA,GACpBG,aAASC,+BAAAA;AAEfC,uDAA0B,WAAA;AACxBC,+BAAS;MACPC,MAAM;MACNC,WAAW;MACXP,OAAO;QACLN,OAAO;MACT;IACF,CAAA,GACAO,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,uCAAAO,MAACC,uBAAAA;IAAOC,YAAW;IAASC,OAAK;;MAC/B,uCAAAC,KAACC,uBAAAA;QAAOC,KAAK;kBACX,uCAAAF,KAACG,sBAAAA;UAAMT,MAAMN,SAAS;oBACpB,uCAAAY,KAACI,uBAAAA;YAAOC,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,uCAAAP,KAACQ,uBAAAA;QACCC,SAAS,WAAA;AACP,cAAMC,kBAAcC,iCAClBhC,OAAOI,UAAU6B,KAAKC,MAAMD,KAAKE,OAAM,IAAK/B,UAAUgC,MAAM,CAAA,CAAE,CAAC;AAEjEC,wCAAY;YACVtB,MAAM;YACNN,OAAO;cACLN,OAAO4B;YACT;UACF,CAAA,GACApB,OAAAA;QACF;kBACD;;;;AAKP;",
|
|
5
|
+
"names": ["colors", "config", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "useState", "theme", "setTheme", "update", "useForceUpdate", "useIsomorphicLayoutEffect", "addTheme", "name", "insertCSS", "_jsxs", "YStack", "alignItems", "space", "_jsx", "XStack", "gap", "Theme", "Square", "borderRadius", "size", "backgroundColor", "Button", "onPress", "randomColor", "getVariableValue", "Math", "floor", "random", "length", "updateTheme"]
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { config } from "@tamagui/site-config";
|
|
2
2
|
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import {
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
useIsomorphicLayoutEffect
|
|
13
13
|
} from "tamagui";
|
|
14
14
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
-
const colors =
|
|
15
|
+
const colors = config.tokens.color, colorKeys = Object.keys(colors);
|
|
16
16
|
function UpdateThemeDemo() {
|
|
17
17
|
const [theme, setTheme] = useState(), update = useForceUpdate();
|
|
18
18
|
return useIsomorphicLayoutEffect(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
4
|
+
"mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,UAAU,mBAAmB;AACtC,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAqBH,SAGM,KAHN;AAnBJ,MAAM,SAAS,OAAO,OAAO,OACvB,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc,GAClC,SAAS,eAAe;AAE9B,mCAA0B,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,wBAAC,UAAO,KAAK,MACX,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,cAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,sBAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { config } from "@tamagui/site-config";
|
|
2
2
|
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
const colors =
|
|
6
|
+
const colors = config.tokens.color,
|
|
7
7
|
colorKeys = Object.keys(colors);
|
|
8
8
|
function UpdateThemeDemo() {
|
|
9
9
|
const [theme, setTheme] = useState(),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import { config } from "@tamagui/site-config";
|
|
3
3
|
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
|
|
@@ -50,7 +50,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
50
50
|
return _array_like_to_array(o, minLen);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
var colors =
|
|
53
|
+
var colors = config.tokens.color, colorKeys = Object.keys(colors);
|
|
54
54
|
function UpdateThemeDemo() {
|
|
55
55
|
var _useState = _sliced_to_array(useState(), 2), theme = _useState[0], setTheme = _useState[1], update = useForceUpdate();
|
|
56
56
|
return useIsomorphicLayoutEffect(function() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": ";AAAA,SAASA,cAAc;AACvB,SAASC,UAAUC,mBAAmB;AACtC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMC,SAASZ,OAAOa,OAAOC,OACvBC,YAAYC,OAAOC,KAAKL,MAAAA;AAEvB,SAASM,kBAAAA;AACd,MAA0Bf,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBgB,QAAmBhB,UAAAA,CAAAA,GAAZiB,WAAYjB,UAAAA,CAAAA,GACpBkB,SAASX,eAAAA;AAEfC,mCAA0B,WAAA;AACxBV,aAAS;MACPqB,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACZ,QAAAA;IAAOgB,YAAW;IAASC,OAAK;;MAC/B,qBAAClB,QAAAA;QAAOmB,KAAK;kBACX,qBAACpB,OAAAA;UAAMgB,MAAMH,SAAS;oBACpB,qBAACd,QAAAA;YAAOsB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAACzB,QAAAA;QACC0B,SAAS,WAAA;AACP,cAAMC,cAActB,iBAClBG,OAAOG,UAAUiB,KAAKC,MAAMD,KAAKE,OAAM,IAAKnB,UAAUoB,MAAM,CAAA,CAAE,CAAC;AAEjEjC,sBAAY;YACVoB,MAAM;YACNH,OAAO;cACLL,OAAOiB;YACT;UACF,CAAA,GACAV,OAAAA;QACF;kBACD;;;;AAKP;",
|
|
5
|
+
"names": ["config", "addTheme", "updateTheme", "useState", "Button", "Square", "Theme", "XStack", "YStack", "getVariableValue", "useForceUpdate", "useIsomorphicLayoutEffect", "colors", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "update", "name", "insertCSS", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress", "randomColor", "Math", "floor", "random", "length"]
|
|
6
6
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { config } from "@tamagui/site-config";
|
|
2
2
|
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import {
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
useIsomorphicLayoutEffect
|
|
13
13
|
} from "tamagui";
|
|
14
14
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
15
|
-
const colors =
|
|
15
|
+
const colors = config.tokens.color, colorKeys = Object.keys(colors);
|
|
16
16
|
function UpdateThemeDemo() {
|
|
17
17
|
const [theme, setTheme] = useState(), update = useForceUpdate();
|
|
18
18
|
return useIsomorphicLayoutEffect(() => {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": "AAAA,
|
|
4
|
+
"mappings": "AAAA,SAAS,cAAc;AACvB,SAAS,UAAU,mBAAmB;AACtC,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAqBH,SAGM,KAHN;AAnBJ,MAAM,SAAS,OAAO,OAAO,OACvB,YAAY,OAAO,KAAK,MAAM;AAE7B,SAAS,kBAAkB;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc,GAClC,SAAS,eAAe;AAE9B,mCAA0B,MAAM;AAC9B,aAAS;AAAA,MACP,MAAM;AAAA,MACN,WAAW;AAAA,MACX,OAAO;AAAA,QACL,OAAO;AAAA,MACT;AAAA,IACF,CAAC,GACD,SAAS,QAAQ;AAAA,EACnB,GAAG,CAAC,CAAC,GAGH,qBAAC,UAAO,YAAW,UAAS,OAAK,IAC/B;AAAA,wBAAC,UAAO,KAAK,MACX,8BAAC,SAAM,MAAM,SAAS,MACpB,8BAAC,UAAO,cAAa,MAAK,MAAM,KAAK,iBAAgB,UAAS,GAChE,GACF;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAS,MAAM;AACb,gBAAM,cAAc;AAAA,YAClB,OAAO,UAAU,KAAK,MAAM,KAAK,OAAO,IAAI,UAAU,MAAM,CAAC,CAAC;AAAA,UAChE;AACA,sBAAY;AAAA,YACV,MAAM;AAAA,YACN,OAAO;AAAA,cACL,OAAO;AAAA,YACT;AAAA,UACF,CAAC,GACD,OAAO;AAAA,QACT;AAAA,QACD;AAAA;AAAA,IAED;AAAA,KACF;AAEJ;",
|
|
5
5
|
"names": []
|
|
6
6
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { config } from "@tamagui/site-config";
|
|
2
2
|
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
3
3
|
import { useState } from "react";
|
|
4
4
|
import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
|
|
5
5
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
6
|
-
const colors =
|
|
6
|
+
const colors = config.tokens.color,
|
|
7
7
|
colorKeys = Object.keys(colors);
|
|
8
8
|
function UpdateThemeDemo() {
|
|
9
9
|
const [theme, setTheme] = useState(),
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import { config } from "@tamagui/site-config";
|
|
3
3
|
import { addTheme, updateTheme } from "@tamagui/theme";
|
|
4
4
|
import { useState } from "react";
|
|
5
5
|
import { Button, Square, Theme, XStack, YStack, getVariableValue, useForceUpdate, useIsomorphicLayoutEffect } from "tamagui";
|
|
@@ -50,7 +50,7 @@ function _unsupported_iterable_to_array(o, minLen) {
|
|
|
50
50
|
return _array_like_to_array(o, minLen);
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
|
-
var colors =
|
|
53
|
+
var colors = config.tokens.color, colorKeys = Object.keys(colors);
|
|
54
54
|
function UpdateThemeDemo() {
|
|
55
55
|
var _useState = _sliced_to_array(useState(), 2), theme = _useState[0], setTheme = _useState[1], update = useForceUpdate();
|
|
56
56
|
return useIsomorphicLayoutEffect(function() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Users/n8/tamagui/packages/demos/src/UpdateThemeDemo.tsx"],
|
|
4
|
-
"mappings": ";AAAA,
|
|
5
|
-
"names": ["
|
|
4
|
+
"mappings": ";AAAA,SAASA,cAAc;AACvB,SAASC,UAAUC,mBAAmB;AACtC,SAASC,gBAAgB;AACzB,SACEC,QACAC,QACAC,OACAC,QACAC,QACAC,kBACAC,gBACAC,iCACK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,IAAMC,SAASZ,OAAOa,OAAOC,OACvBC,YAAYC,OAAOC,KAAKL,MAAAA;AAEvB,SAASM,kBAAAA;AACd,MAA0Bf,YAAAA,iBAAAA,SAAAA,GAAAA,CAAAA,GAAnBgB,QAAmBhB,UAAAA,CAAAA,GAAZiB,WAAYjB,UAAAA,CAAAA,GACpBkB,SAASX,eAAAA;AAEfC,mCAA0B,WAAA;AACxBV,aAAS;MACPqB,MAAM;MACNC,WAAW;MACXJ,OAAO;QACLL,OAAO;MACT;IACF,CAAA,GACAM,SAAS,QAAA;EACX,GAAG,CAAA,CAAE,GAGH,sBAACZ,QAAAA;IAAOgB,YAAW;IAASC,OAAK;;MAC/B,qBAAClB,QAAAA;QAAOmB,KAAK;kBACX,qBAACpB,OAAAA;UAAMgB,MAAMH,SAAS;oBACpB,qBAACd,QAAAA;YAAOsB,cAAa;YAAKC,MAAM;YAAKC,iBAAgB;;;;MAIzD,qBAACzB,QAAAA;QACC0B,SAAS,WAAA;AACP,cAAMC,cAActB,iBAClBG,OAAOG,UAAUiB,KAAKC,MAAMD,KAAKE,OAAM,IAAKnB,UAAUoB,MAAM,CAAA,CAAE,CAAC;AAEjEjC,sBAAY;YACVoB,MAAM;YACNH,OAAO;cACLL,OAAOiB;YACT;UACF,CAAA,GACAV,OAAAA;QACF;kBACD;;;;AAKP;",
|
|
5
|
+
"names": ["config", "addTheme", "updateTheme", "useState", "Button", "Square", "Theme", "XStack", "YStack", "getVariableValue", "useForceUpdate", "useIsomorphicLayoutEffect", "colors", "tokens", "color", "colorKeys", "Object", "keys", "UpdateThemeDemo", "theme", "setTheme", "update", "name", "insertCSS", "alignItems", "space", "gap", "borderRadius", "size", "backgroundColor", "onPress", "randomColor", "Math", "floor", "random", "length"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/demos",
|
|
3
|
-
"version": "1.93.
|
|
3
|
+
"version": "1.93.2",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -27,42 +27,42 @@
|
|
|
27
27
|
"./photo/*": "./public/*.jpg",
|
|
28
28
|
".": {
|
|
29
29
|
"types": "./types/index.d.ts",
|
|
30
|
-
"import": "./dist/esm/index.
|
|
30
|
+
"import": "./dist/esm/index.mjs",
|
|
31
31
|
"require": "./dist/cjs/index.js",
|
|
32
32
|
"react-native": "./dist/cjs/index.native.js"
|
|
33
33
|
},
|
|
34
34
|
"./demo/*": {
|
|
35
35
|
"types": "./types/*.d.ts",
|
|
36
36
|
"node": "./dist/cjs/*.js",
|
|
37
|
-
"import": "./dist/esm/*.
|
|
37
|
+
"import": "./dist/esm/*.mjs",
|
|
38
38
|
"require": "./dist/cjs/*.js",
|
|
39
39
|
"react-native": "./dist/cjs/*.native.js"
|
|
40
40
|
}
|
|
41
41
|
},
|
|
42
42
|
"dependencies": {
|
|
43
|
-
"@tamagui/avatar": "1.93.
|
|
44
|
-
"@tamagui/button": "1.93.
|
|
45
|
-
"@tamagui/core": "1.93.
|
|
46
|
-
"@tamagui/list-item": "1.93.
|
|
47
|
-
"@tamagui/logo": "1.93.
|
|
48
|
-
"@tamagui/menu": "1.93.
|
|
49
|
-
"@tamagui/popover": "1.93.
|
|
50
|
-
"@tamagui/progress": "1.93.
|
|
51
|
-
"@tamagui/radio-group": "1.93.
|
|
52
|
-
"@tamagui/select": "1.93.
|
|
53
|
-
"@tamagui/sheet": "1.93.
|
|
54
|
-
"@tamagui/site-config": "1.93.
|
|
55
|
-
"@tamagui/slider": "1.93.
|
|
56
|
-
"@tamagui/stacks": "1.93.
|
|
57
|
-
"@tamagui/toast": "1.93.
|
|
58
|
-
"tamagui": "1.93.
|
|
43
|
+
"@tamagui/avatar": "1.93.2",
|
|
44
|
+
"@tamagui/button": "1.93.2",
|
|
45
|
+
"@tamagui/core": "1.93.2",
|
|
46
|
+
"@tamagui/list-item": "1.93.2",
|
|
47
|
+
"@tamagui/logo": "1.93.2",
|
|
48
|
+
"@tamagui/menu": "1.93.2",
|
|
49
|
+
"@tamagui/popover": "1.93.2",
|
|
50
|
+
"@tamagui/progress": "1.93.2",
|
|
51
|
+
"@tamagui/radio-group": "1.93.2",
|
|
52
|
+
"@tamagui/select": "1.93.2",
|
|
53
|
+
"@tamagui/sheet": "1.93.2",
|
|
54
|
+
"@tamagui/site-config": "1.93.2",
|
|
55
|
+
"@tamagui/slider": "1.93.2",
|
|
56
|
+
"@tamagui/stacks": "1.93.2",
|
|
57
|
+
"@tamagui/toast": "1.93.2",
|
|
58
|
+
"tamagui": "1.93.2"
|
|
59
59
|
},
|
|
60
60
|
"peerDependencies": {
|
|
61
61
|
"react": "*",
|
|
62
62
|
"react-dom": "*"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
|
-
"@tamagui/build": "1.93.
|
|
65
|
+
"@tamagui/build": "1.93.2",
|
|
66
66
|
"react": "^18.2.0",
|
|
67
67
|
"react-dom": "^18.2.0"
|
|
68
68
|
},
|
package/src/UpdateThemeDemo.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { config } from '@tamagui/site-config'
|
|
2
2
|
import { addTheme, updateTheme } from '@tamagui/theme'
|
|
3
3
|
import { useState } from 'react'
|
|
4
4
|
import {
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
useIsomorphicLayoutEffect,
|
|
13
13
|
} from 'tamagui'
|
|
14
14
|
|
|
15
|
-
const colors =
|
|
15
|
+
const colors = config.tokens.color
|
|
16
16
|
const colorKeys = Object.keys(colors)
|
|
17
17
|
|
|
18
18
|
export function UpdateThemeDemo() {
|