@tamagui/logo 1.61.2 → 1.62.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) hide show
  1. package/dist/cjs/LogoIcon.js +27 -35
  2. package/dist/cjs/LogoIcon.js.map +1 -1
  3. package/dist/cjs/LogoIcon.native.js +47 -0
  4. package/dist/cjs/LogoIcon.native.js.map +6 -0
  5. package/dist/cjs/LogoWords.js +13 -33
  6. package/dist/cjs/LogoWords.js.map +1 -1
  7. package/dist/cjs/LogoWords.native.js +150 -0
  8. package/dist/cjs/LogoWords.native.js.map +6 -0
  9. package/dist/cjs/TamaguiLogo.js +21 -31
  10. package/dist/cjs/TamaguiLogo.js.map +1 -1
  11. package/dist/cjs/TamaguiLogo.native.js +43 -0
  12. package/dist/cjs/TamaguiLogo.native.js.map +6 -0
  13. package/dist/cjs/TamaguiLogoSvg.js +5 -9
  14. package/dist/cjs/TamaguiLogoSvg.js.map +1 -1
  15. package/dist/cjs/TamaguiLogoSvg.native.js +39 -0
  16. package/dist/cjs/TamaguiLogoSvg.native.js.map +6 -0
  17. package/dist/cjs/index.js +4 -8
  18. package/dist/cjs/index.js.map +1 -1
  19. package/dist/cjs/index.native.js +28 -0
  20. package/dist/cjs/index.native.js.map +6 -0
  21. package/dist/cjs/tints.js +15 -31
  22. package/dist/cjs/tints.js.map +1 -1
  23. package/dist/cjs/tints.native.js +62 -0
  24. package/dist/cjs/tints.native.js.map +6 -0
  25. package/dist/cjs/useTint.js +16 -38
  26. package/dist/cjs/useTint.js.map +1 -1
  27. package/dist/cjs/useTint.native.js +73 -0
  28. package/dist/cjs/useTint.native.js.map +6 -0
  29. package/dist/esm/LogoIcon.js +22 -24
  30. package/dist/esm/LogoIcon.js.map +1 -1
  31. package/dist/esm/LogoWords.js +8 -21
  32. package/dist/esm/LogoWords.js.map +1 -1
  33. package/dist/esm/TamaguiLogo.js +16 -18
  34. package/dist/esm/TamaguiLogo.js.map +1 -1
  35. package/dist/esm/tints.js +10 -22
  36. package/dist/esm/tints.js.map +1 -1
  37. package/dist/esm/useTint.js +11 -26
  38. package/dist/esm/useTint.js.map +1 -1
  39. package/dist/jsx/LogoIcon.js +14 -16
  40. package/dist/jsx/LogoIcon.js.map +1 -1
  41. package/dist/jsx/LogoIcon.native.js +20 -0
  42. package/dist/jsx/LogoIcon.native.js.map +6 -0
  43. package/dist/jsx/LogoWords.js +7 -20
  44. package/dist/jsx/LogoWords.js.map +1 -1
  45. package/dist/jsx/LogoWords.native.js +99 -0
  46. package/dist/jsx/LogoWords.native.js.map +6 -0
  47. package/dist/jsx/TamaguiLogo.js +11 -13
  48. package/dist/jsx/TamaguiLogo.js.map +1 -1
  49. package/dist/jsx/TamaguiLogo.native.js +21 -0
  50. package/dist/jsx/TamaguiLogo.native.js.map +6 -0
  51. package/dist/jsx/TamaguiLogoSvg.native.js +14 -0
  52. package/dist/jsx/TamaguiLogoSvg.native.js.map +6 -0
  53. package/dist/jsx/index.native.js +6 -0
  54. package/dist/jsx/index.native.js.map +6 -0
  55. package/dist/jsx/tints.js +10 -22
  56. package/dist/jsx/tints.js.map +1 -1
  57. package/dist/jsx/tints.native.js +37 -0
  58. package/dist/jsx/tints.native.js.map +6 -0
  59. package/dist/jsx/useTint.js +10 -25
  60. package/dist/jsx/useTint.js.map +1 -1
  61. package/dist/jsx/useTint.native.js +59 -0
  62. package/dist/jsx/useTint.native.js.map +6 -0
  63. package/package.json +3 -3
@@ -3,31 +3,19 @@ import { Theme } from "tamagui";
3
3
  import { getTints, setNextTintFamily, useTints } from "./tints";
4
4
  const initialTint = 3;
5
5
  let current = initialTint;
6
- const listeners = /* @__PURE__ */ new Set();
7
- const onTintChange = (listener) => {
8
- listeners.add(listener);
9
- return () => {
10
- listeners.delete(listener);
11
- };
12
- };
13
- const numTints = getTints().tints.length;
14
- const setTintIndex = (next) => {
6
+ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (listeners.add(listener), () => {
7
+ listeners.delete(listener);
8
+ }), numTints = getTints().tints.length, setTintIndex = (next) => {
15
9
  const val = next % numTints;
16
- if (val === current)
17
- return;
18
- current = val;
19
- startTransition(() => {
10
+ val !== current && (current = val, startTransition(() => {
20
11
  listeners.forEach((x) => x(val));
21
- });
22
- };
23
- const useTint = () => {
12
+ }));
13
+ }, useTint = () => {
24
14
  const index = useSyncExternalStore(
25
15
  onTintChange,
26
16
  () => current,
27
17
  () => initialTint
28
- );
29
- const tintsContext = useTints();
30
- const { tints } = tintsContext;
18
+ ), tintsContext = useTints(), { tints } = tintsContext;
31
19
  return {
32
20
  ...tintsContext,
33
21
  tints: tintsContext.tints,
@@ -39,8 +27,7 @@ const useTint = () => {
39
27
  setTintIndex(index + 1);
40
28
  }
41
29
  };
42
- };
43
- const ThemeTint = (props) => {
30
+ }, ThemeTint = (props) => {
44
31
  const curTint = useTint().tint;
45
32
  return <Theme name={props.disable ? null : curTint}>
46
33
  {
@@ -48,14 +35,12 @@ const ThemeTint = (props) => {
48
35
  }
49
36
  {useMemo(() => props.children, [props.children])}
50
37
  </Theme>;
51
- };
52
- const ThemeTintAlt = ({
38
+ }, ThemeTintAlt = ({
53
39
  children,
54
40
  disable,
55
41
  offset = 2
56
42
  }) => {
57
- const tint = useTint();
58
- const curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
43
+ const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
59
44
  return <Theme name={disable ? null : curTint}>
60
45
  {
61
46
  /* */
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/useTint.tsx"],
4
- "mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc;AAE7B,MAAM,eAAe,CAAC,aAAoC;AAC/D,YAAU,IAAI,QAAQ;AACtB,SAAO,MAAM;AACX,cAAU,OAAO,QAAQ;AAAA,EAC3B;AACF;AAEA,MAAM,WAAW,SAAS,EAAE,MAAM;AAE3B,MAAM,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,MAAI,QAAQ;AAAS;AACrB,YAAU;AACV,kBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH;AAEO,MAAM,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACA,QAAM,eAAe,SAAS;AAC9B,QAAM,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF;AAEO,MAAM,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,SACE,CAAC,MAAM,MAAM,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,KAEjC,QAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC;AAAA,EACjD,EAHC;AAKL;AAEO,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAIM;AACJ,QAAM,OAAO,QAAQ;AACrB,QAAM,UAAU,KAAK,OAAO,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM;AAExE,SACE,CAAC,MAAM,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,KAE3B,QAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC;AAAA,EACrC,EAHC;AAKL;",
4
+ "mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAM;AACX,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,SACE,CAAC,MAAM,MAAM,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,KAEjC,QAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC;AAAA,EACjD,EAHC;AAKL,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAIM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,OAAO,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM;AAExE,SACE,CAAC,MAAM,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,KAE3B,QAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC;AAAA,EACrC,EAHC;AAKL;",
5
5
  "names": []
6
6
  }
@@ -0,0 +1,59 @@
1
+ import { startTransition, useMemo, useSyncExternalStore } from "react";
2
+ import { Theme } from "tamagui";
3
+ import { getTints, setNextTintFamily, useTints } from "./tints";
4
+ const initialTint = 3;
5
+ let current = initialTint;
6
+ const listeners = /* @__PURE__ */ new Set(), onTintChange = (listener) => (listeners.add(listener), () => {
7
+ listeners.delete(listener);
8
+ }), numTints = getTints().tints.length, setTintIndex = (next) => {
9
+ const val = next % numTints;
10
+ val !== current && (current = val, startTransition(() => {
11
+ listeners.forEach((x) => x(val));
12
+ }));
13
+ }, useTint = () => {
14
+ const index = useSyncExternalStore(
15
+ onTintChange,
16
+ () => current,
17
+ () => initialTint
18
+ ), tintsContext = useTints(), { tints } = tintsContext;
19
+ return {
20
+ ...tintsContext,
21
+ tints: tintsContext.tints,
22
+ tintIndex: index,
23
+ tint: tints[index],
24
+ setTintIndex,
25
+ setNextTintFamily,
26
+ setNextTint: () => {
27
+ setTintIndex(index + 1);
28
+ }
29
+ };
30
+ }, ThemeTint = (props) => {
31
+ const curTint = useTint().tint;
32
+ return <Theme name={props.disable ? null : curTint}>
33
+ {
34
+ /* */
35
+ }
36
+ {useMemo(() => props.children, [props.children])}
37
+ </Theme>;
38
+ }, ThemeTintAlt = ({
39
+ children,
40
+ disable,
41
+ offset = 2
42
+ }) => {
43
+ const tint = useTint(), curTint = tint.tints[(tint.tintIndex + offset) % tint.tints.length];
44
+ return <Theme name={disable ? null : curTint}>
45
+ {
46
+ /* */
47
+ }
48
+ {useMemo(() => children, [children])}
49
+ </Theme>;
50
+ };
51
+ export {
52
+ ThemeTint,
53
+ ThemeTintAlt,
54
+ initialTint,
55
+ onTintChange,
56
+ setTintIndex,
57
+ useTint
58
+ };
59
+ //# sourceMappingURL=useTint.js.map
@@ -0,0 +1,6 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/useTint.tsx"],
4
+ "mappings": "AAAA,SAAS,iBAAiB,SAAS,4BAA4B;AAC/D,SAAS,aAAwB;AAEjC,SAAS,UAAU,mBAAmB,gBAAgB;AAO/C,MAAM,cAAc;AAE3B,IAAI,UAAU;AAEd,MAAM,YAAY,oBAAI,IAAc,GAEvB,eAAe,CAAC,cAC3B,UAAU,IAAI,QAAQ,GACf,MAAM;AACX,YAAU,OAAO,QAAQ;AAC3B,IAGI,WAAW,SAAS,EAAE,MAAM,QAErB,eAAe,CAAC,SAAiB;AAC5C,QAAM,MAAM,OAAO;AACnB,EAAI,QAAQ,YACZ,UAAU,KACV,gBAAgB,MAAM;AACpB,cAAU,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC;AAAA,EACjC,CAAC;AACH,GAEa,UAAU,MAAM;AAC3B,QAAM,QAAQ;AAAA,IACZ;AAAA,IACA,MAAM;AAAA,IACN,MAAM;AAAA,EACR,GACM,eAAe,SAAS,GACxB,EAAE,MAAM,IAAI;AAElB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,aAAa;AAAA,IACpB,WAAW;AAAA,IACX,MAAM,MAAM,KAAK;AAAA,IACjB;AAAA,IACA;AAAA,IACA,aAAa,MAAM;AACjB,mBAAa,QAAQ,CAAC;AAAA,IACxB;AAAA,EACF;AACF,GAEa,YAAY,CAAC,UAAgD;AACxE,QAAM,UAAU,QAAQ,EAAE;AAE1B,SACE,CAAC,MAAM,MAAM,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,KAEjC,QAAQ,MAAM,MAAM,UAAU,CAAC,MAAM,QAAQ,CAAC;AAAA,EACjD,EAHC;AAKL,GAEa,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,SAAS;AACX,MAIM;AACJ,QAAM,OAAO,QAAQ,GACf,UAAU,KAAK,OAAO,KAAK,YAAY,UAAU,KAAK,MAAM,MAAM;AAExE,SACE,CAAC,MAAM,MAAM,UAAU,OAAO;AAAA;AAAA;AAAA;AAAA,KAE3B,QAAQ,MAAM,UAAU,CAAC,QAAQ,CAAC;AAAA,EACrC,EAHC;AAKL;",
5
+ "names": []
6
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tamagui/logo",
3
- "version": "1.61.2",
3
+ "version": "1.62.0",
4
4
  "sideEffects": false,
5
5
  "source": "src/index.ts",
6
6
  "types": "./types/index.d.ts",
@@ -20,10 +20,10 @@
20
20
  "react": "*"
21
21
  },
22
22
  "dependencies": {
23
- "tamagui": "1.61.2"
23
+ "tamagui": "1.62.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@tamagui/build": "1.61.2",
26
+ "@tamagui/build": "1.62.0",
27
27
  "react": "^18.2.0"
28
28
  },
29
29
  "publishConfig": {