@tamagui/theme-base 1.46.1 → 1.47.0

package/dist/cjs/index.js

@@ -1,32 +1,5 @@
 "use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var src_exports = {};
-module.exports = __toCommonJS(src_exports);
-__reExport(src_exports, require("./themes"), module.exports);
-__reExport(src_exports, require("./tokens"), module.exports);
-__reExport(src_exports, require("@tamagui/colors"), module.exports);
-if (process.env.NODE_ENV === "development") {
-  console.log(
-    `Note: We've moved @tamagui/theme-base over to @tamagui/themes. They are much improved and easier to use. If you really want to keep this package, copy and paste the contents into your app as it will be removed eventually.`
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ...require("./themes"),
-  ...require("./tokens"),
-  ...require("@tamagui/colors")
-});
+throw new Error(
+  `This package is deprecated and replaced with @tamagui/themes, please change`
+);
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,wBAAc,qBAAd;AACA,wBAAc,qBADd;AAEA,wBAAc,4BAFd;AAIA,IAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,UAAQ;AAAA,IACN;AAAA,EACF;AACF;",
+  "mappings": ";AAAA,MAAM,IAAI;AAAA,EACR;AACF;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,9 +1,4 @@
-export * from "./themes";
-export * from "./tokens";
-export * from "@tamagui/colors";
-if (process.env.NODE_ENV === "development") {
-  console.log(
-    `Note: We've moved @tamagui/theme-base over to @tamagui/themes. They are much improved and easier to use. If you really want to keep this package, copy and paste the contents into your app as it will be removed eventually.`
-  );
-}
+throw new Error(
+  `This package is deprecated and replaced with @tamagui/themes, please change`
+);
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx"],
-  "mappings": "AAAA,cAAc;AACd,cAAc;AACd,cAAc;AAEd,IAAI,QAAQ,IAAI,aAAa,eAAe;AAE1C,UAAQ;AAAA,IACN;AAAA,EACF;AACF;",
+  "mappings": "AAAA,MAAM,IAAI;AAAA,EACR;AACF;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/theme-base",
-  "version": "1.46.1",
+  "version": "1.47.0",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -26,13 +26,8 @@
       "require": "./dist/cjs/index.js"
     }
   },
-  "dependencies": {
-    "@tamagui/colors": "1.46.1",
-    "@tamagui/core": "1.46.1",
-    "@tamagui/create-themes": "1.46.1"
-  },
   "devDependencies": {
-    "@tamagui/build": "1.46.1"
+    "@tamagui/build": "1.47.0"
   },
   "publishConfig": {
     "access": "public"

package/src/index.tsx

@@ -1,10 +1,3 @@
-export * from './themes'
-export * from './tokens'
-export * from '@tamagui/colors'
-
-if (process.env.NODE_ENV === 'development') {
-  // rome-ignore lint/nursery/noConsoleLog: <explanation>
-  console.log(
-    `Note: We've moved @tamagui/theme-base over to @tamagui/themes. They are much improved and easier to use. If you really want to keep this package, copy and paste the contents into your app as it will be removed eventually.`
-  )
-}
+throw new Error(
+  `This package is deprecated and replaced with @tamagui/themes, please change`
+)

package/types/index.d.ts

@@ -1,4 +1 @@
-export * from './themes';
-export * from './tokens';
-export * from '@tamagui/colors';
 //# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":""}

package/src/colorUtils.tsx

@@ -1,43 +0,0 @@
-import { Variable, getVariableValue } from '@tamagui/core'
-
-export const hexToRGBA = (hex: string, alpha = 1) => {
-  if (!isValidHex(hex)) {
-    throw new Error('Invalid HEX')
-  }
-  const chunkSize = Math.floor((hex.length - 1) / 3)
-  const hexArr = getChunksFromString(hex.slice(1), chunkSize)
-  const [r, g, b, a] = hexArr?.map(convertHexUnitTo256) ?? []
-  return `rgba(${r}, ${g}, ${b}, ${getAlphaFloat(a, alpha)})`
-}
-
-export const setColorAlpha = (colorIn: string | Variable, alpha = 1) => {
-  const color = `${getVariableValue(colorIn)}`
-  if (color.startsWith('hsl(')) {
-    return color.replace('hsl', 'hsla').replace(')', `, ${alpha})`)
-  }
-  if (color.startsWith('#')) {
-    return hexToRGBA(color, alpha)
-  }
-  if (color.startsWith('rgb(')) {
-    return color.replace('rgb', 'rgba').replace(')', `, ${alpha})`)
-  }
-  return color
-}
-
-const isValidHex = (hex: string) => /^#([A-Fa-f0-9]{3,4}){1,2}$/.test(hex)
-
-const getChunksFromString = (st: string, chunkSize = 0) =>
-  st.match(new RegExp(`.{${chunkSize}}`, 'g'))
-
-const convertHexUnitTo256 = (hexStr: string) =>
-  parseInt(hexStr.repeat(2 / hexStr.length), 16)
-
-const getAlphaFloat = (a: any, alpha = 1) => {
-  if (a !== undefined) {
-    return a / 255
-  }
-  if (typeof alpha !== 'number' || alpha < 0 || alpha > 1) {
-    return 1
-  }
-  return alpha
-}

package/src/themes.tsx

@@ -1,50 +0,0 @@
-import { GeneratedThemes, createThemes } from '@tamagui/create-themes'
-
-import { colorTokens } from './tokens'
-
-type LightColorSets = typeof colorTokens.light
-
-type ColorNames = keyof LightColorSets
-type ColorShades = keyof UnionToIntersection<LightColorSets[keyof LightColorSets]>
-
-export const themes: GeneratedThemes<ColorNames, ColorShades> = createThemes({
-  activeColor: 'blue',
-  light: [
-    '#fff',
-    '#f4f4f4',
-    'hsl(0, 0%, 99.0%)',
-    'hsl(0, 0%, 97.3%)',
-    'hsl(0, 0%, 95.1%)',
-    'hsl(0, 0%, 93.0%)',
-    'hsl(0, 0%, 90.9%)',
-    'hsl(0, 0%, 88.7%)',
-    'hsl(0, 0%, 85.8%)',
-    'hsl(0, 0%, 78.0%)',
-    'hsl(0, 0%, 56.1%)',
-    'hsl(0, 0%, 52.3%)',
-    'hsl(0, 0%, 43.5%)',
-    'hsl(0, 0%, 9.0%)',
-  ],
-  dark: [
-    '#111111',
-    '#151515',
-    '#191919',
-    '#232323',
-    '#282828',
-    '#323232',
-    '#383838',
-    '#424242',
-    '#494949',
-    '#545454',
-    '#626262',
-    '#a5a5a5',
-  ],
-  colorsLight: colorTokens.light,
-  colorsDark: colorTokens.dark,
-})
-
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (
-  k: infer I
-) => void
-  ? I
-  : never

package/src/tokens.tsx

@@ -1,194 +0,0 @@
-import {
-  blue,
-  blueDark,
-  gray,
-  grayDark,
-  green,
-  greenDark,
-  orange,
-  orangeDark,
-  pink,
-  pinkDark,
-  purple,
-  purpleDark,
-  red,
-  redDark,
-  yellow,
-  yellowDark,
-} from '@tamagui/colors'
-import { Variable, createTokens, createVariable } from '@tamagui/core'
-
-// should roughly map to button/input etc height at each level
-// fonts should match that height/lineHeight at each stop
-// so these are really non-linear on purpose
-// why?
-//   - at sizes <1, used for fine grained things (borders, smallest paddingY)
-//     - so smallest padY should be roughly 1-4px so it can join with lineHeight
-//   - at sizes >=1, have to consider "pressability" (jumps up)
-//   - after that it should go upwards somewhat naturally
-//   - H1 / headings top out at 10 naturally, so after 10 we can go upwards faster
-//  but also one more wrinkle...
-//  space is used in conjunction with size
-//  i'm setting space to generally just a fixed fraction of size (~1/3-2/3 still fine tuning)
-export 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,
-}
-
-type SizeKeysIn = keyof typeof size
-type Sizes = {
-  [Key in SizeKeysIn extends `$${infer Key}` ? Key : SizeKeysIn]: number
-}
-type SizeKeys = `${keyof Sizes extends `${infer K}` ? K : never}`
-
-const spaces = Object.entries(size).map(([k, v]) => {
-  return [k, sizeToSpace(v)] as const
-})
-
-// a bit odd but keeping backward compat for values >8 while fixing below
-function sizeToSpace(v: number) {
-  if (v === 0) return 0
-  if (v === 2) return 0.5
-  if (v === 4) return 1
-  if (v === 8) return 1.5
-  if (v <= 16) return Math.round(v * 0.333)
-  return Math.floor(v * 0.7 - 12)
-}
-
-const spacesNegative = spaces.slice(1).map(([k, v]) => [`-${k.slice(1)}`, -v])
-
-type SizeKeysWithNegatives =
-  | Exclude<`-${SizeKeys extends `$${infer Key}` ? Key : SizeKeys}`, '-0'>
-  | SizeKeys
-
-export const space: {
-  [Key in SizeKeysWithNegatives]: Key extends keyof Sizes ? Sizes[Key] : number
-} = {
-  ...Object.fromEntries(spaces),
-  ...Object.fromEntries(spacesNegative),
-} as any
-
-export const zIndex = {
-  0: 0,
-  1: 100,
-  2: 200,
-  3: 300,
-  4: 400,
-  5: 500,
-}
-
-export const colorTokens = {
-  light: {
-    blue: blue,
-    gray: gray,
-    green: green,
-    orange: orange,
-    pink: pink,
-    purple: purple,
-    red: red,
-    yellow: yellow,
-  },
-  dark: {
-    blue: blueDark,
-    gray: grayDark,
-    green: greenDark,
-    orange: orangeDark,
-    pink: pinkDark,
-    purple: purpleDark,
-    red: redDark,
-    yellow: yellowDark,
-  },
-}
-
-export const 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,
-}
-
-export const 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,
-}
-
-export const color = {
-  ...postfixObjKeys(lightColors, 'Light'),
-  ...postfixObjKeys(darkColors, 'Dark'),
-}
-
-function postfixObjKeys<
-  A extends { [key: string]: Variable<string> | string },
-  B extends string
->(
-  obj: A,
-  postfix: B
-): {
-  [Key in `${keyof A extends string ? keyof A : never}${B}`]: Variable<string> | string
-} {
-  return Object.fromEntries(
-    Object.entries(obj).map(([k, v]) => [`${k}${postfix}`, v])
-  ) as any
-}
-
-export 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,
-}
-
-export const tokens = createTokens({
-  color,
-  radius,
-  zIndex,
-  space,
-  size,
-})

package/types/colorUtils.d.ts

@@ -1,4 +0,0 @@
-import { Variable } from '@tamagui/core';
-export declare const hexToRGBA: (hex: string, alpha?: number) => string;
-export declare const setColorAlpha: (colorIn: string | Variable, alpha?: number) => string;
-//# sourceMappingURL=colorUtils.d.ts.map

package/types/colorUtils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"colorUtils.d.ts","sourceRoot":"","sources":["../src/colorUtils.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAoB,MAAM,eAAe,CAAA;AAE1D,eAAO,MAAM,SAAS,QAAS,MAAM,2BAQpC,CAAA;AAED,eAAO,MAAM,aAAa,YAAa,MAAM,GAAG,QAAQ,2BAYvD,CAAA"}

package/types/themes.d.ts

@@ -1,9 +0,0 @@
-import { GeneratedThemes } from '@tamagui/create-themes';
-import { colorTokens } from './tokens';
-type LightColorSets = typeof colorTokens.light;
-type ColorNames = keyof LightColorSets;
-type ColorShades = keyof UnionToIntersection<LightColorSets[keyof LightColorSets]>;
-export declare const themes: GeneratedThemes<ColorNames, ColorShades>;
-type UnionToIntersection<U> = (U extends any ? (k: U) => void : never) extends (k: infer I) => void ? I : never;
-export {};
-//# sourceMappingURL=themes.d.ts.map

package/types/themes.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../src/themes.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAgB,MAAM,wBAAwB,CAAA;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,KAAK,cAAc,GAAG,OAAO,WAAW,CAAC,KAAK,CAAA;AAE9C,KAAK,UAAU,GAAG,MAAM,cAAc,CAAA;AACtC,KAAK,WAAW,GAAG,MAAM,mBAAmB,CAAC,cAAc,CAAC,MAAM,cAAc,CAAC,CAAC,CAAA;AAElF,eAAO,MAAM,MAAM,EAAE,eAAe,CAAC,UAAU,EAAE,WAAW,CAkC1D,CAAA;AAEF,KAAK,mBAAmB,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,GAAG,KAAK,CAAC,SAAS,CAC7E,CAAC,EAAE,MAAM,CAAC,KACP,IAAI,GACL,CAAC,GACD,KAAK,CAAA"}