@tamagui/themes 2.0.0-rc.8 → 2.0.0

package/dist/cjs/tokens.js

@@ -1,143 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var tokens_exports = {};
-__export(tokens_exports, {
-  color: () => color,
-  colorTokens: () => colorTokens,
-  darkColors: () => darkColors,
-  lightColors: () => lightColors,
-  radius: () => radius,
-  size: () => size,
-  space: () => space,
-  tokens: () => tokens,
-  zIndex: () => zIndex
-});
-module.exports = __toCommonJS(tokens_exports);
-var import_legacy = require("@tamagui/colors/legacy"), import_web = require("@tamagui/web");
-const size = {
-  $0: 0,
-  "$0.25": 2,
-  "$0.5": 4,
-  "$0.75": 8,
-  $1: 20,
-  "$1.5": 24,
-  $2: 28,
-  "$2.5": 32,
-  $3: 36,
-  "$3.5": 40,
-  $4: 44,
-  $true: 44,
-  "$4.5": 48,
-  $5: 52,
-  $6: 64,
-  $7: 74,
-  $8: 84,
-  $9: 94,
-  $10: 104,
-  $11: 124,
-  $12: 144,
-  $13: 164,
-  $14: 184,
-  $15: 204,
-  $16: 224,
-  $17: 224,
-  $18: 244,
-  $19: 264,
-  $20: 284
-}, spaces = Object.entries(size).map(([k, v]) => [k, sizeToSpace(v)]);
-function sizeToSpace(v) {
-  return v === 0 ? 0 : v === 2 ? 0.5 : v === 4 ? 1 : v === 8 ? 1.5 : v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12);
-}
-const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]), space = {
-  ...Object.fromEntries(spaces),
-  ...Object.fromEntries(spacesNegative)
-}, zIndex = {
-  0: 0,
-  1: 100,
-  2: 200,
-  3: 300,
-  4: 400,
-  5: 500
-}, colorTokens = {
-  light: {
-    blue: import_legacy.blue,
-    gray: import_legacy.gray,
-    green: import_legacy.green,
-    orange: import_legacy.orange,
-    pink: import_legacy.pink,
-    purple: import_legacy.purple,
-    red: import_legacy.red,
-    yellow: import_legacy.yellow
-  },
-  dark: {
-    blue: import_legacy.blueDark,
-    gray: import_legacy.grayDark,
-    green: import_legacy.greenDark,
-    orange: import_legacy.orangeDark,
-    pink: import_legacy.pinkDark,
-    purple: import_legacy.purpleDark,
-    red: import_legacy.redDark,
-    yellow: import_legacy.yellowDark
-  }
-}, darkColors = {
-  ...colorTokens.dark.blue,
-  ...colorTokens.dark.gray,
-  ...colorTokens.dark.green,
-  ...colorTokens.dark.orange,
-  ...colorTokens.dark.pink,
-  ...colorTokens.dark.purple,
-  ...colorTokens.dark.red,
-  ...colorTokens.dark.yellow
-}, lightColors = {
-  ...colorTokens.light.blue,
-  ...colorTokens.light.gray,
-  ...colorTokens.light.green,
-  ...colorTokens.light.orange,
-  ...colorTokens.light.pink,
-  ...colorTokens.light.purple,
-  ...colorTokens.light.red,
-  ...colorTokens.light.yellow
-}, color = {
-  ...postfixObjKeys(lightColors, "Light"),
-  ...postfixObjKeys(darkColors, "Dark")
-};
-function postfixObjKeys(obj, postfix) {
-  return Object.fromEntries(
-    Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])
-  );
-}
-const radius = {
-  0: 0,
-  1: 3,
-  2: 5,
-  3: 7,
-  4: 9,
-  true: 9,
-  5: 10,
-  6: 16,
-  7: 19,
-  8: 22,
-  9: 26,
-  10: 34,
-  11: 42,
-  12: 50
-}, tokens = (0, import_web.createTokens)({
-  color,
-  radius,
-  zIndex,
-  space,
-  size
-});
-//# sourceMappingURL=tokens.js.map

package/dist/cjs/tokens.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tokens.tsx"],
-  "mappings": "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",
-  "names": []
-}

package/dist/cjs/utils.js

@@ -1,37 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: !0 });
-}, __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function")
-    for (let key of __getOwnPropNames(from))
-      !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
-var utils_exports = {};
-__export(utils_exports, {
-  objectFromEntries: () => objectFromEntries,
-  objectKeys: () => objectKeys,
-  postfixObjKeys: () => postfixObjKeys,
-  sizeToSpace: () => sizeToSpace
-});
-module.exports = __toCommonJS(utils_exports);
-function postfixObjKeys(obj, postfix) {
-  return Object.fromEntries(
-    Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])
-  );
-}
-function sizeToSpace(v) {
-  return v === 0 ? 0 : v === 2 ? 0.5 : v === 4 ? 1 : v === 8 ? 1.5 : v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12);
-}
-function objectFromEntries(arr) {
-  return Object.fromEntries(arr);
-}
-function objectKeys(obj) {
-  return Object.keys(obj);
-}
-//# sourceMappingURL=utils.js.map

package/dist/cjs/utils.js.map

@@ -1,6 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/utils.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,eACd,KACA,SAGA;AACA,SAAO,OAAO;AAAA,IACZ,OAAO,QAAQ,GAAG,EAAE,IAAI,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,OAAO,IAAI,CAAC,CAAC;AAAA,EAC3D;AACF;AAGO,SAAS,YAAY,GAAW;AACrC,SAAI,MAAM,IAAU,IAChB,MAAM,IAAU,MAChB,MAAM,IAAU,IAChB,MAAM,IAAU,MAChB,KAAK,KAAW,KAAK,MAAM,IAAI,KAAK,IACjC,KAAK,MAAM,IAAI,MAAM,EAAE;AAChC;AAEO,SAAS,kBACd,KACwB;AACxB,SAAO,OAAO,YAAY,GAAG;AAC/B;AAuBO,SAAS,WAA6B,KAAQ;AACnD,SAAO,OAAO,KAAK,GAAG;AACxB;",
-  "names": []
-}

package/dist/cjs/v2-themes.cjs

@@ -1,465 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    });
-    return to;
-  };
-var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
-}), mod);
-var v2_themes_exports = {};
-__export(v2_themes_exports, {
-  maskOptions: () => maskOptions,
-  masks: () => import_theme_builder2.masks,
-  palettes: () => palettes,
-  templates: () => templates,
-  themes: () => themes,
-  tokens: () => tokens
-});
-module.exports = __toCommonJS(v2_themes_exports);
-var import_theme_builder = require("@tamagui/theme-builder"),
-  import_colors = require("@tamagui/colors"),
-  import_web = require("@tamagui/web"),
-  import_theme_builder2 = require("@tamagui/theme-builder");
-const colorTokens = {
-    light: {
-      blue: import_colors.blue,
-      gray: import_colors.gray,
-      green: import_colors.green,
-      orange: import_colors.orange,
-      pink: import_colors.pink,
-      purple: import_colors.purple,
-      red: import_colors.red,
-      yellow: import_colors.yellow
-    },
-    dark: {
-      blue: import_colors.blueDark,
-      gray: import_colors.grayDark,
-      green: import_colors.greenDark,
-      orange: import_colors.orangeDark,
-      pink: import_colors.pinkDark,
-      purple: import_colors.purpleDark,
-      red: import_colors.redDark,
-      yellow: import_colors.yellowDark
-    }
-  },
-  palettes = (() => {
-    const lightTransparent = "rgba(255,255,255,0)",
-      darkTransparent = "rgba(10,10,10,0)",
-      transparent = (hsl, opacity = 0) => hsl.replace("%)", `%, ${opacity})`).replace("hsl(", "hsla("),
-      getColorPalette = (colors, color2 = colors[0]) => {
-        const colorPalette = Object.values(colors),
-          [head, tail] = [colorPalette.slice(0, 6), colorPalette.slice(colorPalette.length - 5)];
-        return [transparent(colorPalette[0]), ...head, ...tail, color2, transparent(colorPalette[colorPalette.length - 1])];
-      },
-      lightColor = "hsl(0, 0%, 9.0%)",
-      lightPalette = [lightTransparent, "#fff", "#f8f8f8", "hsl(0, 0%, 96.3%)", "hsl(0, 0%, 94.1%)", "hsl(0, 0%, 92.0%)", "hsl(0, 0%, 90.0%)", "hsl(0, 0%, 88.5%)", "hsl(0, 0%, 81.0%)", "hsl(0, 0%, 56.1%)", "hsl(0, 0%, 50.3%)", "hsl(0, 0%, 42.5%)", lightColor, darkTransparent],
-      darkColor = "#fff",
-      darkPalette = [darkTransparent, "#050505", "#151515", "#191919", "#232323", "#282828", "#323232", "#424242", "#494949", "#545454", "#626262", "#a5a5a5", darkColor, lightTransparent],
-      lightPalettes = objectFromEntries(objectKeys(colorTokens.light).map(key => [`light_${key}`, getColorPalette(colorTokens.light[key], lightColor)])),
-      darkPalettes = objectFromEntries(objectKeys(colorTokens.dark).map(key => [`dark_${key}`, getColorPalette(colorTokens.dark[key], darkColor)])),
-      colorPalettes = {
-        ...lightPalettes,
-        ...darkPalettes
-      };
-    return {
-      light: lightPalette,
-      dark: darkPalette,
-      ...colorPalettes
-    };
-  })(),
-  templateColorsSpecific = {
-    color1: 1,
-    color2: 2,
-    color3: 3,
-    color4: 4,
-    color5: 5,
-    color6: 6,
-    color7: 7,
-    color8: 8,
-    color9: 9,
-    color10: 10,
-    color11: 11,
-    color12: 12
-  },
-  templates = (() => {
-    const template = {
-      ...templateColorsSpecific,
-      // the background, color, etc keys here work like generics - they make it so you
-      // can publish components for others to use without mandating a specific color scale
-      // the @tamagui/button Button component looks for `$background`, so you set the
-      // dark_red_Button theme to have a stronger background than the dark_red theme.
-      background: 2,
-      backgroundHover: 3,
-      backgroundPress: 4,
-      backgroundFocus: 5,
-      backgroundStrong: 1,
-      backgroundTransparent: 0,
-      color: -1,
-      colorHover: -2,
-      colorPress: -1,
-      colorFocus: -2,
-      colorTransparent: -0,
-      borderColor: 5,
-      borderColorHover: 6,
-      borderColorFocus: 4,
-      borderColorPress: 5,
-      placeholderColor: -4,
-      // in the future this should be partially transparent
-      outlineColor: 5
-    };
-    return {
-      base: template,
-      colorLight: {
-        ...template,
-        // light color themes are a bit less sensitive
-        borderColor: 4,
-        borderColorHover: 5,
-        borderColorFocus: 4,
-        borderColorPress: 4
-      }
-    };
-  })(),
-  maskOptions = (() => {
-    const shadows2 = {
-        shadowColor: 0,
-        shadowColorHover: 0,
-        shadowColorPress: 0,
-        shadowColorFocus: 0
-      },
-      colors = {
-        ...shadows2,
-        color: 0,
-        colorHover: 0,
-        colorFocus: 0,
-        colorPress: 0
-      },
-      baseMaskOptions = {
-        override: shadows2,
-        skip: shadows2,
-        // avoids the transparent ends
-        max: palettes.light.length - 2,
-        min: 1
-      },
-      skipShadowsAndSpecificColors = {
-        ...shadows2,
-        ...templateColorsSpecific
-      };
-    return {
-      component: {
-        ...baseMaskOptions,
-        override: colors,
-        skip: skipShadowsAndSpecificColors
-      },
-      alt: {
-        ...baseMaskOptions
-      },
-      button: {
-        ...baseMaskOptions,
-        override: {
-          ...colors,
-          borderColor: "transparent",
-          borderColorHover: "transparent"
-        },
-        skip: skipShadowsAndSpecificColors
-      }
-    };
-  })(),
-  lightShadowColor = "rgba(0,0,0,0.04)",
-  lightShadowColorStrong = "rgba(0,0,0,0.085)",
-  darkShadowColor = "rgba(0,0,0,0.2)",
-  darkShadowColorStrong = "rgba(0,0,0,0.3)",
-  size = {
-    $0: 0,
-    "$0.25": 2,
-    "$0.5": 4,
-    "$0.75": 8,
-    $1: 20,
-    "$1.5": 24,
-    $2: 28,
-    "$2.5": 32,
-    $3: 36,
-    "$3.5": 40,
-    $4: 44,
-    $true: 44,
-    "$4.5": 48,
-    $5: 52,
-    $6: 64,
-    $7: 74,
-    $8: 84,
-    $9: 94,
-    $10: 104,
-    $11: 124,
-    $12: 144,
-    $13: 164,
-    $14: 184,
-    $15: 204,
-    $16: 224,
-    $17: 224,
-    $18: 244,
-    $19: 264,
-    $20: 284
-  },
-  spaces = Object.entries(size).map(([k, v]) => [k, sizeToSpace(v)]),
-  spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v]),
-  space = {
-    ...Object.fromEntries(spaces),
-    ...Object.fromEntries(spacesNegative)
-  },
-  zIndex = {
-    0: 0,
-    1: 100,
-    2: 200,
-    3: 300,
-    4: 400,
-    5: 500
-  },
-  darkColors = {
-    ...colorTokens.dark.blue,
-    ...colorTokens.dark.gray,
-    ...colorTokens.dark.green,
-    ...colorTokens.dark.orange,
-    ...colorTokens.dark.pink,
-    ...colorTokens.dark.purple,
-    ...colorTokens.dark.red,
-    ...colorTokens.dark.yellow
-  },
-  lightColors = {
-    ...colorTokens.light.blue,
-    ...colorTokens.light.gray,
-    ...colorTokens.light.green,
-    ...colorTokens.light.orange,
-    ...colorTokens.light.pink,
-    ...colorTokens.light.purple,
-    ...colorTokens.light.red,
-    ...colorTokens.light.yellow
-  },
-  color = {
-    ...postfixObjKeys(lightColors, "Light"),
-    ...postfixObjKeys(darkColors, "Dark")
-  },
-  radius = {
-    0: 0,
-    1: 3,
-    2: 5,
-    3: 7,
-    4: 9,
-    true: 9,
-    5: 10,
-    6: 16,
-    7: 19,
-    8: 22,
-    9: 26,
-    10: 34,
-    11: 42,
-    12: 50
-  },
-  tokens = (0, import_web.createTokens)({
-    color,
-    radius,
-    zIndex,
-    space,
-    size
-  }),
-  shadows = {
-    light: {
-      shadowColor: lightShadowColorStrong,
-      shadowColorHover: lightShadowColorStrong,
-      shadowColorPress: lightShadowColor,
-      shadowColorFocus: lightShadowColor
-    },
-    dark: {
-      shadowColor: darkShadowColorStrong,
-      shadowColorHover: darkShadowColorStrong,
-      shadowColorPress: darkShadowColor,
-      shadowColorFocus: darkShadowColor
-    }
-  },
-  colorThemeDefinition = colorName => [{
-    parent: "light",
-    palette: colorName,
-    template: "colorLight"
-  }, {
-    parent: "dark",
-    palette: colorName,
-    template: "base"
-  }],
-  nonInherited = {
-    light: {
-      ...lightColors,
-      ...shadows.light
-    },
-    dark: {
-      ...darkColors,
-      ...shadows.dark
-    }
-  },
-  overlayThemeDefinitions = [{
-    parent: "light",
-    theme: {
-      background: "rgba(0,0,0,0.5)"
-    }
-  }, {
-    parent: "dark",
-    theme: {
-      background: "rgba(0,0,0,0.9)"
-    }
-  }],
-  themeBuilder = (0, import_theme_builder.createThemeBuilder)().addPalettes(palettes).addTemplates(templates).addMasks(import_theme_builder.masks).addThemes({
-    light: {
-      template: "base",
-      palette: "light",
-      nonInheritedValues: nonInherited.light
-    },
-    dark: {
-      template: "base",
-      palette: "dark",
-      nonInheritedValues: nonInherited.dark
-    }
-  }).addChildThemes({
-    orange: colorThemeDefinition("orange"),
-    yellow: colorThemeDefinition("yellow"),
-    green: colorThemeDefinition("green"),
-    blue: colorThemeDefinition("blue"),
-    purple: colorThemeDefinition("purple"),
-    pink: colorThemeDefinition("pink"),
-    red: colorThemeDefinition("red"),
-    gray: colorThemeDefinition("gray")
-  }).addChildThemes({
-    alt1: {
-      mask: "soften",
-      ...maskOptions.alt
-    },
-    alt2: {
-      mask: "soften2Border1",
-      ...maskOptions.alt
-    },
-    active: {
-      mask: "soften3FlatBorder",
-      skip: {
-        color: 1
-      }
-    }
-  }).addComponentThemes({
-    ListItem: [{
-      parent: "light",
-      avoidNestingWithin: ["active"],
-      mask: "identity",
-      ...maskOptions.component
-    }, {
-      parent: "dark",
-      avoidNestingWithin: ["active"],
-      mask: "identity",
-      ...maskOptions.component
-    }],
-    Card: {
-      mask: "soften",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    Button: {
-      mask: "soften2Border1",
-      ...maskOptions.component
-    },
-    Checkbox: {
-      mask: "softenBorder2",
-      ...maskOptions.component
-    },
-    Switch: {
-      mask: "soften2Border1",
-      ...maskOptions.component
-    },
-    SwitchThumb: {
-      mask: "inverseStrengthen2",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    TooltipContent: {
-      mask: "soften2Border1",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    DrawerFrame: {
-      mask: "soften",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    Progress: {
-      mask: "soften",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    RadioGroupItem: {
-      mask: "softenBorder2",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    TooltipArrow: {
-      mask: "soften",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    SliderTrackActive: {
-      mask: "inverseSoften",
-      ...maskOptions.component
-    },
-    SliderTrack: {
-      mask: "soften2Border1",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    SliderThumb: {
-      mask: "inverse",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    Tooltip: {
-      mask: "inverse",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    ProgressIndicator: {
-      mask: "inverse",
-      avoidNestingWithin: ["active"],
-      ...maskOptions.component
-    },
-    SheetOverlay: overlayThemeDefinitions,
-    DialogOverlay: overlayThemeDefinitions,
-    ModalOverlay: overlayThemeDefinitions,
-    Input: {
-      mask: "softenBorder2",
-      ...maskOptions.component
-    },
-    TextArea: {
-      mask: "softenBorder2",
-      ...maskOptions.component
-    }
-  }, {
-    // to save bundle size but make alt themes not work on components
-    // avoidNestingWithin: ['alt1', 'alt2'],
-  }),
-  themesIn = themeBuilder.build(),
-  themes = themesIn;
-function postfixObjKeys(obj, postfix) {
-  return Object.fromEntries(Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v]));
-}
-function sizeToSpace(v) {
-  return v === 0 ? 0 : v === 2 ? 0.5 : v === 4 ? 1 : v === 8 ? 1.5 : v <= 16 ? Math.round(v * 0.333) : Math.floor(v * 0.7 - 12);
-}
-function objectFromEntries(arr) {
-  return Object.fromEntries(arr);
-}
-function objectKeys(obj) {
-  return Object.keys(obj);
-}