@tamagui/tamagui-dev-config 2.7.7 → 3.0.0-beta.1091.1

package/src/themeMetadata.ts

@@ -0,0 +1,132 @@
+const schemes = ['light', 'dark']
+// only the tint families in @tamagui/logo, since every color here costs 192 theme
+// names (and their selectors) in the render-blocking stylesheet
+const colors = ['gray', 'blue', 'red', 'yellow', 'green']
+const paletteColors = [
+  'blue',
+  'gray',
+  'green',
+  'neutral',
+  'orange',
+  'pink',
+  'purple',
+  'red',
+  'teal',
+  'yellow',
+]
+export const componentThemes = [
+  'Button',
+  'Input',
+  'Progress',
+  'ProgressIndicator',
+  'Slider',
+  'SliderActive',
+  'SliderThumb',
+  'Switch',
+  'TextArea',
+  'Tooltip',
+  'SwitchThumb',
+]
+
+const numbered = (prefix: string, count: number) =>
+  Array.from({ length: count }, (_, index) => `${prefix}${index + 1}`)
+
+const baseThemeNames = schemes.flatMap((scheme) => [
+  scheme,
+  `${scheme}_accent`,
+  `${scheme}_surface1`,
+  `${scheme}_surface2`,
+  ...colors.flatMap((color) => [
+    `${scheme}_${color}`,
+    `${scheme}_${color}_accent`,
+    `${scheme}_${color}_surface1`,
+    `${scheme}_${color}_surface2`,
+  ]),
+])
+
+const levelThemeNames = baseThemeNames.flatMap((themeName) =>
+  themeName.endsWith('_surface1')
+    ? [themeName.replace(/_surface1$/, '_level2')]
+    : themeName.endsWith('_surface2')
+      ? [themeName.replace(/_surface2$/, '_level3')]
+      : themeName.endsWith('_accent')
+        ? [`${themeName}_level2`, `${themeName}_level3`]
+        : []
+)
+
+const componentThemeNames = [...baseThemeNames, ...levelThemeNames].flatMap((parent) =>
+  componentThemes.map((component) => `${parent}_${component}`)
+)
+
+export const themeNames = [...baseThemeNames, ...levelThemeNames, ...componentThemeNames]
+
+const alphaSteps = [
+  '0',
+  '01',
+  '02',
+  '04',
+  '06',
+  '08',
+  '001',
+  '002',
+  '0025',
+  '005',
+  '0075',
+]
+
+export const themeVariableNames = [
+  'accent-background',
+  'accent-color',
+  ...numbered('accent', 12),
+  'background',
+  'background-focus',
+  'background-hover',
+  'background-press',
+  ...alphaSteps.map((step) => `background${step}`),
+  'border-color',
+  'border-color-focus',
+  'border-color-hover',
+  'border-color-press',
+  'color',
+  'color-focus',
+  'color-hover',
+  'color-press',
+  'color-transparent',
+  ...alphaSteps.map((step) => `color${step}`),
+  ...numbered('color', 12),
+  'outline-color',
+  'placeholder-color',
+  'shadow-color',
+  ...['black', 'white'].flatMap((color) => [
+    color,
+    `${color}0`,
+    `${color}02`,
+    `${color}04`,
+    `${color}06`,
+    `${color}08`,
+    ...numbered(color, 12),
+  ]),
+  ...paletteColors.flatMap((color) => numbered(color, 12)),
+  ...numbered('highlight', 8),
+  ...numbered('shadow', 8),
+]
+
+const variableShape = Object.fromEntries(
+  themeVariableNames.map((name) => [name, `var(--${name})`])
+)
+
+type ClientThemes = {
+  [Name in keyof typeof serverThemes]: {
+    [Key in keyof (typeof serverThemes)[Name]]: string
+  }
+}
+
+/**
+ * The flat-value config revision depends on theme and variable names, never
+ * their values. Keep those names in the browser config so SSR and hydration
+ * produce identical program classes without retaining the full theme payload.
+ */
+export const clientThemes = Object.fromEntries(
+  themeNames.map((name) => [name, variableShape])
+) as ClientThemes
+import type { themes as serverThemes } from './themes'

package/src/themes.ts

@@ -0,0 +1,84 @@
+import { toV6Themes } from '@tamagui/config/v6-base'
+import { themes as v5Themes } from '@tamagui/themes/v5-subtle'
+import { componentThemes, themeNames } from './themeMetadata'
+
+const themeNameSet = new Set(themeNames)
+
+// Keep the site's established v5 values while using the v3 theme-key grammar.
+// Level aliases let the shared v6 demos render without changing the site pack.
+const selectedThemes = Object.fromEntries(
+  Object.entries(v5Themes).filter(([themeName]) => themeNameSet.has(themeName))
+)
+
+for (const [themeName, theme] of Object.entries(selectedThemes)) {
+  if (themeName.endsWith('_surface1')) {
+    selectedThemes[themeName.replace(/_surface1$/, '_level2')] = theme
+  } else if (themeName.endsWith('_surface2')) {
+    selectedThemes[themeName.replace(/_surface2$/, '_level3')] = theme
+  } else if (themeName.endsWith('_accent')) {
+    // v5 shipped no accent surface subthemes, and its lookup stayed on the
+    // active parent when one was missing. A nested level Theme (Button wraps
+    // level2) must keep the accent palette the same way, so the level names
+    // alias the accent theme itself.
+    selectedThemes[`${themeName}_level2`] = theme
+    selectedThemes[`${themeName}_level3`] = theme
+  }
+}
+
+// V5's component-theme lookup stays on the active parent theme when a more
+// specific component subtheme does not exist. Materialize those fallback
+// names so a V3 nested Theme resolves identically instead of jumping back to
+// the root component theme.
+for (const themeName of themeNames) {
+  const component = componentThemes.find((name) => themeName.endsWith(`_${name}`))
+  if (!component || selectedThemes[themeName]) continue
+  const parentName = themeName.slice(0, -(component.length + 1))
+  if (selectedThemes[parentName]) {
+    selectedThemes[themeName] = selectedThemes[parentName]
+  }
+}
+
+// V5's light gray ramp puts `border-color` on color4, twelve lightness points
+// below a 97% background, so every card, input and code block on the site is
+// outlined in #d9d9d9. Colored light themes already sit within six points of
+// their background and read fine, so rather than repaint the pack, cap how far
+// a light theme's border may fall below its own background. Dark themes are
+// left alone: a border there has to climb away from the background to show up.
+const MAX_LIGHT_BORDER_GAP = 8
+
+const hsla = /^hsla\(\s*([\d.]+)\s*,\s*([\d.]+)%\s*,\s*([\d.]+)%\s*,\s*([\d.]+)\s*\)$/
+
+const softenLightBorder = <Theme extends Record<string, any>>(theme: Theme): Theme => {
+  const background = hsla.exec(theme.background)
+  const border = hsla.exec(theme['border-color'])
+  if (!background || !border) return theme
+
+  const backgroundLightness = Number(background[3])
+  const borderLightness = Number(border[3])
+  if (backgroundLightness <= 50) return theme
+
+  const gap = backgroundLightness - borderLightness
+  if (gap <= MAX_LIGHT_BORDER_GAP) return theme
+
+  const lightness = backgroundLightness - MAX_LIGHT_BORDER_GAP
+  return {
+    ...theme,
+    'border-color': `hsla(${border[1]}, ${border[2]}%, ${lightness}%, ${border[4]})`,
+  }
+}
+
+const v6Themes = toV6Themes(selectedThemes)
+
+// several names alias one object above, so keep that sharing through the edit
+const softened = new Map<object, object>()
+
+export const themes = Object.fromEntries(
+  Object.entries(v6Themes).map(([themeName, theme]) => {
+    let next = softened.get(theme)
+    if (!next) {
+      next = softenLightBorder(theme)
+      softened.set(theme, next)
+    }
+    return [themeName, next]
+  })
+) as typeof v6Themes

package/dist/cjs/theme.dev.cjs

@@ -1,302 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all) __defProp(target, name, {
-    get: all[name],
-    enumerable: true
-  });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-// If the importer is in node compatibility mode or this is not an ESM
-// file that has been converted to a CommonJS file using a Babel-
-// compatible transform (i.e. "__esModule" has not been set), then set
-// "default" to the CommonJS "module.exports" for node compatibility.
-isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-  value: mod,
-  enumerable: true
-}) : target, mod));
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: true
-}), mod);
-var theme_dev_exports = {};
-__export(theme_dev_exports, {
-  themeDev: () => themeDev
-});
-module.exports = __toCommonJS(theme_dev_exports);
-var Colors = __toESM(require("@tamagui/colors"), 1);
-var import_theme_builder = require("@tamagui/theme-builder");
-var import_color2k = require("color2k");
-const desat = (colors, amount) => {
-  return Object.fromEntries(Object.entries(colors).map(([key, value]) => [key, (0, import_color2k.desaturate)(value, amount)]));
-};
-const colorsGreenDark = desat(Colors.greenDark, 0.2);
-const colorsGreen = desat(Colors.green, 0.2);
-const darkPalette = ["#040404", "#090909", "#111", "#151515", "#222", "#282828", "#343434", "#424242", "#515151", "#626262", "#a5a5a5", "#fff"];
-const lightPalette = ["#fff", "#f2f2f2", "hsl(0, 0%, 93%)", "hsl(0, 0%, 91%)", "hsl(0, 0%, 88%)", "hsl(0, 0%, 85%)", "hsl(0, 0%, 82%)", "hsl(0, 0%, 76%)", "hsl(0, 0%, 56%)", "hsl(0, 0%, 50%)", "hsl(0, 0%, 42%)", "hsl(0, 0%, 9%)"];
-const lightShadows = {
-  shadow1: "rgba(0,0,0,0.04)",
-  shadow2: "rgba(0,0,0,0.08)",
-  shadow3: "rgba(0,0,0,0.16)",
-  shadow4: "rgba(0,0,0,0.24)",
-  shadow5: "rgba(0,0,0,0.32)",
-  shadow6: "rgba(0,0,0,0.4)",
-  shadow7: "rgba(0,0,0,0.5)",
-  shadow8: "rgba(0,0,0,0.6)",
-  shadow9: "rgba(0,0,0,0.7)",
-  shadow10: "rgba(0,0,0,0.8)"
-};
-const darkShadows = {
-  shadow1: "rgba(0,0,0,0.2)",
-  shadow2: "rgba(0,0,0,0.3)",
-  shadow3: "rgba(0,0,0,0.4)",
-  shadow4: "rgba(0,0,0,0.5)",
-  shadow5: "rgba(0,0,0,0.6)",
-  shadow6: "rgba(0,0,0,0.65)",
-  shadow7: "rgba(0,0,0,0.75)",
-  shadow8: "rgba(0,0,0,0.8)",
-  shadow9: "rgba(0,0,0,0.85)",
-  shadow10: "rgba(0,0,0,0.9)"
-};
-const blackColors = {
-  black1: darkPalette[0],
-  black2: darkPalette[1],
-  black3: darkPalette[2],
-  black4: darkPalette[3],
-  black5: darkPalette[4],
-  black6: darkPalette[5],
-  black7: darkPalette[6],
-  black8: darkPalette[7],
-  black9: darkPalette[8],
-  black10: darkPalette[9],
-  black11: darkPalette[10],
-  black12: darkPalette[11]
-};
-const whiteColors = {
-  white1: lightPalette[0],
-  white2: lightPalette[1],
-  white3: lightPalette[2],
-  white4: lightPalette[3],
-  white5: lightPalette[4],
-  white6: lightPalette[5],
-  white7: lightPalette[6],
-  white8: lightPalette[7],
-  white9: lightPalette[8],
-  white10: lightPalette[9],
-  white11: lightPalette[10],
-  white12: lightPalette[11]
-};
-const jadeDark = ["hsla(165, 100%, 4%, 1)", "hsla(165, 100%, 8%, 1)", "hsla(165, 100%, 12%, 1)", "hsla(165, 100%, 18%, 1)", "hsla(165, 100%, 25%, 1)", "hsla(165, 100%, 35%, 1)", "hsla(165, 100%, 45%, 1)", "hsla(165, 100%, 55%, 1)", "hsla(165, 100%, 65%, 1)", "hsla(165, 100%, 75%, 1)", "hsla(165, 100%, 85%, 1)", "hsla(165, 100%, 90%, 1)"];
-const jadeLight = ["hsla(165, 100%, 90%, 1)", "hsla(165, 100%, 85%, 1)", "hsla(165, 100%, 75%, 1)", "hsla(165, 100%, 65%, 1)", "hsla(165, 100%, 55%, 1)", "hsla(165, 100%, 45%, 1)", "hsla(165, 100%, 35%, 1)", "hsla(165, 100%, 25%, 1)", "hsla(165, 100%, 18%, 1)", "hsla(165, 100%, 12%, 1)", "hsla(165, 100%, 8%, 1)", "hsla(165, 100%, 4%, 1)"];
-const supremeDark = ["hsla(358, 100%, 35%, 1)", "hsla(358, 100%, 38%, 1)", "hsla(358, 100%, 40%, 1)", "hsla(358, 100%, 43%, 1)", "hsla(358, 100%, 45%, 1)", "hsla(358, 100%, 48%, 1)", "hsla(358, 100%, 50%, 1)", "hsla(358, 100%, 53%, 1)", "hsla(358, 100%, 55%, 1)", "hsla(358, 100%, 65%, 1)", "hsla(358, 100%, 75%, 1)", "hsla(358, 100%, 95%, 1)"];
-const supremeLight = ["hsla(358, 100%, 50%, 1)", "hsla(358, 100%, 49%, 1)", "hsla(358, 100%, 48%, 1)", "hsla(358, 100%, 46%, 1)", "hsla(358, 100%, 45%, 1)", "hsla(358, 100%, 44%, 1)", "hsla(358, 100%, 43%, 1)", "hsla(358, 100%, 41%, 1)", "hsla(358, 100%, 40%, 1)", "hsla(358, 100%, 35%, 1)", "hsla(358, 100%, 100%, 1)", "hsla(358, 100%, 100%, 1)"];
-const orangeRedDark = ["hsla(17, 100%, 5%, 1)", "hsla(17, 100%, 10%, 1)", "hsla(17, 100%, 15%, 1)", "hsla(17, 100%, 20%, 1)", "hsla(17, 100%, 25%, 1)", "hsla(17, 100%, 38%, 1)", "hsla(17, 100%, 45%, 1)", "hsla(17, 100%, 50%, 1)", "hsla(17, 100%, 55%, 1)", "hsla(17, 100%, 60%, 1)", "hsla(17, 100%, 65%, 1)", "hsla(17, 100%, 70%, 1)"];
-const orangeRedLight = ["hsla(17, 100%, 70%, 1)", "hsla(17, 100%, 65%, 1)", "hsla(17, 100%, 60%, 1)", "hsla(17, 100%, 55%, 1)", "hsla(17, 100%, 50%, 1)", "hsla(17, 100%, 45%, 1)", "hsla(17, 100%, 38%, 1)", "hsla(17, 100%, 25%, 1)", "hsla(17, 100%, 20%, 1)", "hsla(17, 100%, 15%, 1)", "hsla(17, 100%, 10%, 1)", "hsla(17, 100%, 5%, 1)"];
-const royalBlueDark = ["hsla(243, 90%, 5%, 1)", "hsla(243, 90%, 10%, 1)", "hsla(243, 90%, 15%, 1)", "hsla(243, 90%, 20%, 1)", "hsla(243, 90%, 25%, 1)", "hsla(243, 70%, 41%, 1)", "hsla(243, 90%, 45%, 1)", "hsla(243, 90%, 50%, 1)", "hsla(243, 90%, 55%, 1)", "hsla(243, 90%, 60%, 1)", "hsla(243, 90%, 65%, 1)", "hsla(243, 90%, 70%, 1)"];
-const royalBlueLight = ["hsla(243, 90%, 70%, 1)", "hsla(243, 90%, 65%, 1)", "hsla(243, 90%, 60%, 1)", "hsla(243, 90%, 55%, 1)", "hsla(243, 90%, 50%, 1)", "hsla(243, 90%, 45%, 1)", "hsla(243, 70%, 41%, 1)", "hsla(243, 90%, 25%, 1)", "hsla(243, 90%, 20%, 1)", "hsla(243, 90%, 15%, 1)", "hsla(243, 90%, 10%, 1)", "hsla(243, 90%, 5%, 1)"];
-const burgundyDark = ["hsla(334, 60%, 5%, 1)", "hsla(334, 60%, 10%, 1)", "hsla(334, 60%, 15%, 1)", "hsla(334, 60%, 20%, 1)", "hsla(334, 60%, 25%, 1)", "hsla(334, 60%, 27%, 1)", "hsla(334, 60%, 35%, 1)", "hsla(334, 60%, 40%, 1)", "hsla(334, 60%, 45%, 1)", "hsla(334, 60%, 50%, 1)", "hsla(334, 60%, 55%, 1)", "hsla(334, 60%, 60%, 1)"];
-const burgundyLight = ["hsla(334, 60%, 60%, 1)", "hsla(334, 60%, 55%, 1)", "hsla(334, 60%, 50%, 1)", "hsla(334, 60%, 45%, 1)", "hsla(334, 60%, 40%, 1)", "hsla(334, 60%, 35%, 1)", "hsla(334, 60%, 27%, 1)", "hsla(334, 60%, 25%, 1)", "hsla(334, 60%, 20%, 1)", "hsla(334, 60%, 15%, 1)", "hsla(334, 60%, 10%, 1)", "hsla(334, 60%, 5%, 1)"];
-const tealDark = ["hsla(187, 94%, 5%, 1)", "hsla(187, 94%, 10%, 1)", "hsla(187, 94%, 15%, 1)", "hsla(187, 94%, 20%, 1)", "hsla(187, 94%, 25%, 1)", "hsla(187, 94%, 32%, 1)", "hsla(187, 94%, 38%, 1)", "hsla(187, 94%, 43%, 1)", "hsla(187, 94%, 48%, 1)", "hsla(187, 94%, 53%, 1)", "hsla(187, 94%, 58%, 1)", "hsla(187, 94%, 63%, 1)"];
-const tealLight = ["hsla(187, 94%, 63%, 1)", "hsla(187, 94%, 58%, 1)", "hsla(187, 94%, 53%, 1)", "hsla(187, 94%, 48%, 1)", "hsla(187, 94%, 43%, 1)", "hsla(187, 94%, 38%, 1)", "hsla(187, 94%, 32%, 1)", "hsla(187, 94%, 25%, 1)", "hsla(187, 94%, 20%, 1)", "hsla(187, 94%, 15%, 1)", "hsla(187, 94%, 10%, 1)", "hsla(187, 94%, 5%, 1)"];
-const forestDark = ["hsla(162, 64%, 5%, 1)", "hsla(162, 64%, 10%, 1)", "hsla(162, 64%, 15%, 1)", "hsla(162, 64%, 20%, 1)", "hsla(162, 64%, 25%, 1)", "hsla(162, 64%, 30%, 1)", "hsla(162, 64%, 35%, 1)", "hsla(162, 64%, 40%, 1)", "hsla(162, 64%, 45%, 1)", "hsla(162, 64%, 50%, 1)", "hsla(162, 64%, 55%, 1)", "hsla(162, 64%, 60%, 1)"];
-const forestLight = ["hsla(162, 64%, 60%, 1)", "hsla(162, 64%, 55%, 1)", "hsla(162, 64%, 50%, 1)", "hsla(162, 64%, 45%, 1)", "hsla(162, 64%, 40%, 1)", "hsla(162, 64%, 35%, 1)", "hsla(162, 64%, 30%, 1)", "hsla(162, 64%, 25%, 1)", "hsla(162, 64%, 20%, 1)", "hsla(162, 64%, 15%, 1)", "hsla(162, 64%, 10%, 1)", "hsla(162, 64%, 5%, 1)"];
-const cyanDark = ["hsla(186, 32%, 5%, 1)", "hsla(186, 32%, 10%, 1)", "hsla(186, 32%, 15%, 1)", "hsla(186, 32%, 20%, 1)", "hsla(186, 32%, 25%, 1)", "hsla(186, 32%, 46%, 1)", "hsla(186, 32%, 50%, 1)", "hsla(186, 32%, 55%, 1)", "hsla(186, 32%, 60%, 1)", "hsla(186, 32%, 65%, 1)", "hsla(186, 32%, 70%, 1)", "hsla(186, 32%, 75%, 1)"];
-const cyanLight = ["hsla(186, 32%, 75%, 1)", "hsla(186, 32%, 70%, 1)", "hsla(186, 32%, 65%, 1)", "hsla(186, 32%, 60%, 1)", "hsla(186, 32%, 55%, 1)", "hsla(186, 32%, 50%, 1)", "hsla(186, 32%, 46%, 1)", "hsla(186, 32%, 25%, 1)", "hsla(186, 32%, 20%, 1)", "hsla(186, 32%, 15%, 1)", "hsla(186, 32%, 10%, 1)", "hsla(186, 32%, 5%, 1)"];
-const themes = (0, import_theme_builder.createThemes)({
-  componentThemes: import_theme_builder.defaultComponentThemes,
-  base: {
-    palette: {
-      dark: darkPalette,
-      light: lightPalette
-    },
-    // for values we don't want being inherited onto sub-themes
-    extra: {
-      light: {
-        ...Colors.blue,
-        ...Colors.gray,
-        ...colorsGreen,
-        ...Colors.orange,
-        ...Colors.pink,
-        ...Colors.purple,
-        ...Colors.red,
-        ...Colors.yellow,
-        ...lightShadows,
-        ...blackColors,
-        ...whiteColors,
-        shadowColor: lightShadows.shadow1,
-        colorBg: "#fff"
-      },
-      dark: {
-        ...Colors.blueDark,
-        ...Colors.grayDark,
-        ...colorsGreenDark,
-        ...Colors.orangeDark,
-        ...Colors.pinkDark,
-        ...Colors.purpleDark,
-        ...Colors.redDark,
-        ...Colors.yellowDark,
-        ...darkShadows,
-        ...blackColors,
-        ...whiteColors,
-        shadowColor: darkShadows.shadow1,
-        colorBg: "#000"
-      }
-    }
-  },
-  // inverse accent theme
-  accent: {
-    palette: {
-      dark: lightPalette,
-      light: darkPalette
-    }
-  },
-  childrenThemes: {
-    black: {
-      palette: {
-        dark: Object.values(blackColors),
-        light: Object.values(blackColors)
-      }
-    },
-    white: {
-      palette: {
-        dark: Object.values(whiteColors),
-        light: Object.values(whiteColors)
-      }
-    },
-    gray: {
-      palette: {
-        dark: Object.values(Colors.grayDark),
-        light: Object.values(Colors.gray)
-      }
-    },
-    blue: {
-      palette: {
-        dark: Object.values(Colors.blueDark),
-        light: Object.values(Colors.blue)
-      }
-    },
-    orange: {
-      palette: {
-        dark: Object.values(Colors.orangeDark),
-        light: Object.values(Colors.orange)
-      }
-    },
-    red: {
-      palette: {
-        dark: Object.values(Colors.redDark),
-        light: Object.values(Colors.red)
-      }
-    },
-    yellow: {
-      palette: {
-        dark: Object.values(Colors.yellowDark),
-        light: Object.values(Colors.yellow)
-      }
-    },
-    green: {
-      palette: {
-        dark: Object.values(colorsGreenDark),
-        light: Object.values(colorsGreen)
-      }
-    },
-    purple: {
-      palette: {
-        dark: Object.values(Colors.purpleDark),
-        light: Object.values(Colors.purple)
-      }
-    },
-    pink: {
-      palette: {
-        dark: Object.values(Colors.pinkDark),
-        light: Object.values(Colors.pink)
-      }
-    },
-    tan: {
-      palette: {
-        light: ["hsla(40, 30%, 98%, 1)", "hsla(40, 24%, 94%, 1)", "hsla(38, 23%, 91%, 1)", "hsla(36, 20%, 90%, 1)", "hsla(36, 20%, 88%, 1)", "hsla(35, 20%, 85%, 1)", "hsla(35, 21%, 74%, 1)", "hsla(34, 20%, 70%, 1)", "hsla(35, 20%, 67%, 1)", "hsla(34, 19%, 47%, 1)", "hsla(35, 18%, 37%, 1)", "hsla(35, 17%, 20%, 1)"],
-        dark: ["hsla(30, 9%, 10%, 1)", "hsla(30, 10%, 12%, 1)", "hsla(31, 11%, 18%, 1)", "hsla(30, 12%, 23%, 1)", "hsla(30, 14%, 28%, 1)", "hsla(30, 16%, 33%, 1)", "hsla(30, 18%, 38%, 1)", "hsla(30, 20%, 45%, 1)", "hsla(30, 21%, 50%, 1)", "hsla(29, 22%, 58%, 1)", "hsla(34, 24%, 70%, 1)", "hsla(11, 12%, 79%, 1)"]
-      }
-    },
-    jade: {
-      palette: {
-        dark: jadeDark,
-        light: jadeLight
-      }
-    },
-    supreme: {
-      palette: {
-        dark: supremeDark,
-        light: supremeLight
-      }
-    },
-    orangeRed: {
-      palette: {
-        dark: orangeRedDark,
-        light: orangeRedLight
-      }
-    },
-    royalBlue: {
-      palette: {
-        dark: royalBlueDark,
-        light: royalBlueLight
-      }
-    },
-    burgundy: {
-      palette: {
-        dark: burgundyDark,
-        light: burgundyLight
-      }
-    },
-    teal: {
-      palette: {
-        dark: tealDark,
-        light: tealLight
-      }
-    },
-    forest: {
-      palette: {
-        dark: forestDark,
-        light: forestLight
-      }
-    },
-    cyan: {
-      palette: {
-        dark: cyanDark,
-        light: cyanLight
-      }
-    }
-  },
-  grandChildrenThemes: {
-    accent: {
-      template: "inverse"
-    },
-    alt1: {
-      template: "alt1"
-    },
-    alt2: {
-      template: "alt2"
-    },
-    surface1: {
-      template: "surface1"
-    },
-    surface2: {
-      template: "surface2"
-    },
-    surface3: {
-      template: "surface3"
-    }
-  }
-});
-const themeDev = process.env.TAMAGUI_ENVIRONMENT === "client" && process.env.NODE_ENV === "production" ? {} : themes;

package/dist/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}

package/dist/esm/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,cAAc;AACd,cAAc","ignoreList":[]}