@tamagui/core 1.1.8 → 1.1.10

package/dist/esm/views/Stack.test.js

@@ -1,30 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-process.env.TAMAGUI_TARGET = "web";
-import { getDefaultTamaguiConfig } from "@tamagui/config-default-node";
-import { render } from "@testing-library/react";
-import { describe, expect, test } from "vitest";
-import { Stack, TamaguiProvider, createTamagui } from "..";
-const conf = createTamagui(getDefaultTamaguiConfig());
-const TestStackRenders = ({
-  renderCount,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx(TamaguiProvider, {
-    config: conf,
-    defaultTheme: "light",
-    children: /* @__PURE__ */ jsx(Stack, {
-      "data-test-renders": renderCount,
-      ...props
-    })
-  });
-};
-describe("Stack", () => {
-  test("renders once", async () => {
-    const renderCount = { current: 0 };
-    render(/* @__PURE__ */ jsx(TestStackRenders, {
-      renderCount
-    }));
-    expect(renderCount.current).toBe(1);
-  });
-});
-//# sourceMappingURL=Stack.test.js.map

package/dist/esm/views/Stack.test.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/Stack.test.tsx"],
-  "sourcesContent": ["process.env.TAMAGUI_TARGET = 'web'\n\nimport { getDefaultTamaguiConfig } from '@tamagui/config-default-node'\nimport { render } from '@testing-library/react'\nimport { describe, expect, test } from 'vitest'\n\nimport { Stack, StackProps, TamaguiProvider, createTamagui } from '..'\n\nconst conf = createTamagui(getDefaultTamaguiConfig())\n\nconst TestStackRenders = ({\n  renderCount,\n  ...props\n}: StackProps & { renderCount: { current: number } }) => {\n  return (\n    <TamaguiProvider config={conf} defaultTheme=\"light\">\n      <Stack data-test-renders={renderCount} {...props} />\n    </TamaguiProvider>\n  )\n}\n\ndescribe('Stack', () => {\n  test('renders once', async () => {\n    const renderCount = { current: 0 }\n    render(<TestStackRenders renderCount={renderCount} />)\n    expect(renderCount.current).toBe(1)\n  })\n\n  // test(`doesn't re-render on media query change if CSS`, async () => {\n  //   const renderCount = { current: 0 }\n\n  //   render(\n  //     <TestStackRenders\n  //       renderCount={renderCount}\n  //       backgroundColor=\"blue\"\n  //       $sm={{ backgroundColor: 'red' }}\n  //     />\n  //   )\n\n  //   expect(renderCount.current).toBe(1)\n\n  //   // re-configuring re-runs the media queries...\n  //   configureMedia(conf)\n\n  //   expect(renderCount.current).toBe(1)\n  // })\n\n  // test(`does re-render on media query change if not CSS`, async () => {\n  //   const renderCount = { current: 0 }\n\n  //   render(\n  //     <TestStackRenders\n  //       renderCount={renderCount}\n  //       backgroundColor=\"blue\"\n  //       // @ts-ignore\n  //       $sm={{ space: '$2' }}\n  //     />\n  //   )\n\n  //   expect(renderCount.current).toBe(1)\n\n  //   // re-configuring re-runs the media queries...\n  //   // configureMedia({\n  //   //   ...conf,\n  //   //   media: {\n  //   //     def\n  //   //   },\n  //   // })\n  //   // expect(renderCount.current).toBe(2)\n  // })\n})\n"],
-  "mappings": "AAgBM;AAhBN,QAAQ,IAAI,iBAAiB;AAE7B,SAAS,+BAA+B;AACxC,SAAS,cAAc;AACvB,SAAS,UAAU,QAAQ,YAAY;AAEvC,SAAS,OAAmB,iBAAiB,qBAAqB;AAElE,MAAM,OAAO,cAAc,wBAAwB,CAAC;AAEpD,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,KACG;AACL,MAAyD;AACvD,SACE,oBAAC;AAAA,IAAgB,QAAQ;AAAA,IAAM,cAAa;AAAA,IAC1C,8BAAC;AAAA,MAAM,qBAAmB;AAAA,MAAc,GAAG;AAAA,KAAO;AAAA,GACpD;AAEJ;AAEA,SAAS,SAAS,MAAM;AACtB,OAAK,gBAAgB,YAAY;AAC/B,UAAM,cAAc,EAAE,SAAS,EAAE;AACjC,WAAO,oBAAC;AAAA,MAAiB;AAAA,KAA0B,CAAE;AACrD,WAAO,YAAY,OAAO,EAAE,KAAK,CAAC;AAAA,EACpC,CAAC;AA4CH,CAAC;",
-  "names": []
-}

package/dist/esm/views/ThemeInverse.js

@@ -1,32 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useIsomorphicLayoutEffect } from "@tamagui/constants";
-import { useState } from "react";
-import { useDefaultThemeName, useThemeName } from "../hooks/useTheme";
-import { Theme } from "./Theme";
-const ThemeInverse = ({
-  children,
-  disable
-}) => {
-  const themeName = useThemeName();
-  const defaultTheme = useDefaultThemeName();
-  const [name, setName] = useState(null);
-  useIsomorphicLayoutEffect(() => {
-    if (themeName.startsWith("dark")) {
-      setName("light");
-    }
-    if (themeName.startsWith("light")) {
-      setName("dark");
-    }
-  }, [defaultTheme, themeName]);
-  if (disable) {
-    return children;
-  }
-  return /* @__PURE__ */ jsx(Theme, {
-    name,
-    children
-  });
-};
-export {
-  ThemeInverse
-};
-//# sourceMappingURL=ThemeInverse.js.map

package/dist/esm/views/ThemeInverse.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/ThemeInverse.tsx"],
-  "sourcesContent": ["import { useIsomorphicLayoutEffect } from '@tamagui/constants'\nimport React, { useState } from 'react'\n\nimport { useDefaultThemeName, useThemeName } from '../hooks/useTheme'\nimport { Theme } from './Theme'\n\nexport const ThemeInverse = ({\n  children,\n  disable,\n}: {\n  children: React.ReactNode\n  disable?: boolean\n}) => {\n  const themeName = useThemeName()\n  const defaultTheme = useDefaultThemeName()\n  const [name, setName] = useState<null | string>(null)\n\n  // ssr\n  useIsomorphicLayoutEffect(() => {\n    if (themeName.startsWith('dark')) {\n      setName('light')\n    }\n    if (themeName.startsWith('light')) {\n      setName('dark')\n    }\n  }, [defaultTheme, themeName])\n\n  if (disable) {\n    return children as JSX.Element\n  }\n\n  return <Theme name={name}>{children}</Theme>\n}\n"],
-  "mappings": "AA+BS;AA/BT,SAAS,iCAAiC;AAC1C,SAAgB,gBAAgB;AAEhC,SAAS,qBAAqB,oBAAoB;AAClD,SAAS,aAAa;AAEf,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA;AACF,MAGM;AACJ,QAAM,YAAY,aAAa;AAC/B,QAAM,eAAe,oBAAoB;AACzC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAwB,IAAI;AAGpD,4BAA0B,MAAM;AAC9B,QAAI,UAAU,WAAW,MAAM,GAAG;AAChC,cAAQ,OAAO;AAAA,IACjB;AACA,QAAI,UAAU,WAAW,OAAO,GAAG;AACjC,cAAQ,MAAM;AAAA,IAChB;AAAA,EACF,GAAG,CAAC,cAAc,SAAS,CAAC;AAE5B,MAAI,SAAS;AACX,WAAO;AAAA,EACT;AAEA,SAAO,oBAAC;AAAA,IAAM;AAAA,IAAa;AAAA,GAAS;AACtC;",
-  "names": []
-}

package/dist/esm/views/ThemeReset.js

@@ -1,39 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { isClient } from "@tamagui/constants";
-import React, { useContext, useLayoutEffect, useState } from "react";
-import { ThemeManagerContext } from "../helpers/ThemeManager";
-import { Theme } from "./Theme";
-React["createElement"];
-const ThemeReset = (props) => {
-  const themeManager = useContext(ThemeManagerContext);
-  const [name, setName] = useState(null);
-  if (isClient) {
-    useLayoutEffect(() => {
-      if (!themeManager)
-        return;
-      if (name !== themeManager.parentName) {
-        setName(themeManager.parentName);
-      }
-    }, [name, themeManager, themeManager == null ? void 0 : themeManager.parentName]);
-    useLayoutEffect(() => {
-      if (!themeManager)
-        return;
-      return themeManager.onChangeTheme(() => {
-        setName(themeManager.parentName);
-      });
-    }, [themeManager]);
-  }
-  if (!themeManager || !props.children) {
-    return props.children || null;
-  }
-  return /* @__PURE__ */ jsx(Theme, {
-    className: "tui-theme-reset",
-    reset: true,
-    name,
-    children: props.children
-  });
-};
-export {
-  ThemeReset
-};
-//# sourceMappingURL=ThemeReset.js.map

package/dist/esm/views/ThemeReset.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/views/ThemeReset.tsx"],
-  "sourcesContent": ["import { isClient, isWeb } from '@tamagui/constants'\nimport React, { useContext, useLayoutEffect, useState } from 'react'\n\nimport { ThemeManagerContext } from '../helpers/ThemeManager'\nimport { Theme } from './Theme'\n\n// bugfix esbuild strips react jsx: 'preserve'\nReact['createElement']\n\n// resets the theme to the parent theme\nexport const ThemeReset = (props: { children?: any }) => {\n  const themeManager = useContext(ThemeManagerContext)\n  const [name, setName] = useState<string | null>(null)\n\n  // this component doesn't work with SSR, so must run only client side\n  // we could at least prevent more flickering by having the ssr head script\n  // that changes to dark initially also go through and change all of these\n  if (isClient) {\n    useLayoutEffect(() => {\n      if (!themeManager) return\n      if (name !== themeManager.parentName) {\n        setName(themeManager.parentName)\n      }\n    }, [name, themeManager, themeManager?.parentName])\n\n    useLayoutEffect(() => {\n      if (!themeManager) return\n      return themeManager.onChangeTheme(() => {\n        setName(themeManager.parentName)\n      })\n    }, [themeManager])\n  }\n\n  if (!themeManager || !props.children) {\n    return props.children || null\n  }\n\n  return (\n    <Theme className=\"tui-theme-reset\" reset name={name}>\n      {props.children}\n    </Theme>\n  )\n}\n"],
-  "mappings": "AAsCI;AAtCJ,SAAS,gBAAuB;AAChC,OAAO,SAAS,YAAY,iBAAiB,gBAAgB;AAE7D,SAAS,2BAA2B;AACpC,SAAS,aAAa;AAGtB,MAAM;AAGC,MAAM,aAAa,CAAC,UAA8B;AACvD,QAAM,eAAe,WAAW,mBAAmB;AACnD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAwB,IAAI;AAKpD,MAAI,UAAU;AACZ,oBAAgB,MAAM;AACpB,UAAI,CAAC;AAAc;AACnB,UAAI,SAAS,aAAa,YAAY;AACpC,gBAAQ,aAAa,UAAU;AAAA,MACjC;AAAA,IACF,GAAG,CAAC,MAAM,cAAc,6CAAc,UAAU,CAAC;AAEjD,oBAAgB,MAAM;AACpB,UAAI,CAAC;AAAc;AACnB,aAAO,aAAa,cAAc,MAAM;AACtC,gBAAQ,aAAa,UAAU;AAAA,MACjC,CAAC;AAAA,IACH,GAAG,CAAC,YAAY,CAAC;AAAA,EACnB;AAEA,MAAI,CAAC,gBAAgB,CAAC,MAAM,UAAU;AACpC,WAAO,MAAM,YAAY;AAAA,EAC3B;AAEA,SACE,oBAAC;AAAA,IAAM,WAAU;AAAA,IAAkB,OAAK;AAAA,IAAC;AAAA,IACtC,gBAAM;AAAA,GACT;AAEJ;",
-  "names": []
-}

package/src/createFont.web.test.tsx

@@ -1,129 +0,0 @@
-import { describe, expect, test } from 'vitest'
-
-import { createFont } from './createFont'
-import { GenericFont } from './types'
-
-const font: GenericFont = {
-  family: 'Inter',
-  size: {
-    1: 11,
-    2: 12,
-    3: 14,
-    4: 16,
-    5: 20,
-    6: 24,
-  },
-  lineHeight: {
-    1: 14,
-    2: 16,
-    3: 18,
-    4: 20,
-    5: 24,
-    6: 28,
-  },
-  transform: {
-    3: 'uppercase',
-    4: 'none',
-  },
-  weight: {
-    1: '400',
-    3: '700',
-  },
-  color: {
-    1: '$colorFocus',
-    6: '$color',
-  },
-  letterSpacing: {
-    5: 2,
-    6: 1,
-    7: 0,
-    8: 0,
-    9: -1,
-    10: -1.5,
-    12: -2,
-    14: -3,
-    15: -4,
-  },
-  face: {
-    700: { normal: 'InterBold' },
-    800: { normal: 'InterBold' },
-  },
-}
-
-const expectedProcessedFont: GenericFont = {
-  family: 'Inter',
-  size: {
-    1: 11,
-    2: 12,
-    3: 14,
-    4: 16,
-    5: 20,
-    6: 24,
-  },
-  lineHeight: {
-    1: 14,
-    2: 16,
-    3: 18,
-    4: 20,
-    5: 24,
-    6: 28,
-  },
-  transform: {
-    1: 'uppercase',
-    2: 'uppercase',
-    3: 'uppercase',
-    4: 'none',
-    5: 'none',
-    6: 'none',
-  },
-  weight: {
-    1: '400',
-    2: '400',
-    3: '700',
-    4: '700',
-    5: '700',
-    6: '700',
-  },
-  color: {
-    1: '$colorFocus',
-    2: '$colorFocus',
-    3: '$colorFocus',
-    4: '$colorFocus',
-    5: '$colorFocus',
-    6: '$color',
-  },
-  letterSpacing: {
-    1: 2,
-    2: 2,
-    3: 2,
-    4: 2,
-    5: 2,
-    6: 1,
-    7: 0,
-    8: 0,
-    9: -1,
-    10: -1.5,
-    12: -2,
-    14: -3,
-    15: -4,
-  },
-  face: {
-    100: { normal: 'Inter' },
-    200: { normal: 'Inter' },
-    300: { normal: 'Inter' },
-    400: { normal: 'Inter' },
-    500: { normal: 'Inter' },
-    600: { normal: 'Inter' },
-    700: { normal: 'InterBold' },
-    800: { normal: 'InterBold' },
-    900: { normal: 'InterBold' },
-  },
-}
-
-describe('createFont', () => {
-  test('should return a font object with normalised property hashes', () => {
-    const processedFont = createFont(font)
-
-    expect(processedFont).toStrictEqual(expectedProcessedFont)
-  })
-})

package/src/createTokens.web.test.tsx

@@ -1,29 +0,0 @@
-import { getDefaultTamaguiConfig } from '@tamagui/config-default-node'
-import { expect, test } from 'vitest'
-
-import { createTokens } from './createTokens'
-
-test('snapshot', () => {
-  expect(createTokens(getDefaultTamaguiConfig().tokens)).toMatchSnapshot()
-})
-
-test('color name no dot', () => {
-  expect(
-    // @ts-ignore partial
-    createTokens({
-      color: {
-        'yellow.10': 'yellow',
-      },
-    })
-  ).toMatchObject({
-    color: {
-      'yellow.10': {
-        isVar: true,
-        key: 'yellow101a',
-        name: 'color-1',
-        val: 'yellow',
-        variable: 'var(--color-1)',
-      },
-    },
-  })
-})

package/src/createVariable.web.test.tsx

@@ -1,7 +0,0 @@
-import { expect, test } from 'vitest'
-
-import { createCSSVariable } from './createVariable'
-
-test('dots', () => {
-  expect(createCSSVariable('yellow.10')).toBe('var(--yellow101a)')
-})