@hanzogui/themes 8.3.0 → 8.3.2

package/package.json

@@ -1,42 +1,27 @@
 {
   "name": "@hanzogui/themes",
-  "version": "8.3.0",
+  "version": "8.3.2",
+  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "files": [
     "dist",
     "src",
-    "types",
-    "v3-themes.cjs",
-    "v3-themes.d.ts",
-    "v3-themes",
-    "v3.cjs",
-    "v3.d.ts",
-    "v3",
-    "v4.cjs",
-    "v4.d.ts",
-    "v4",
-    "v5-subtle.cjs",
-    "v5-subtle.d.ts",
-    "v5-subtle",
-    "v5.cjs",
-    "v5.d.ts",
-    "v5"
+    "types"
   ],
-  "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "type": "module",
   "sideEffects": false,
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/esm/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     },
     "./types": {
       "types": "./types/index.d.ts"
@@ -46,48 +31,48 @@
     },
     "./v3": {
       "types": "./types/v3.d.ts",
-      "react-native": "./dist/esm/v3.native.js",
-      "browser": "./dist/esm/v3.mjs",
-      "module": "./dist/esm/v3.mjs",
-      "import": "./dist/esm/v3.mjs",
-      "require": "./dist/cjs/v3.cjs",
-      "default": "./dist/esm/v3.mjs"
+      "react-native": "./dist/esm/v3.js",
+      "browser": "./dist/esm/v3.js",
+      "module": "./dist/esm/v3.js",
+      "import": "./dist/esm/v3.js",
+      "require": "./dist/cjs/v3.js",
+      "default": "./dist/esm/v3.js"
     },
     "./v3-themes": {
       "types": "./types/v3-themes.d.ts",
-      "react-native": "./dist/esm/v3-themes.native.js",
-      "browser": "./dist/esm/v3-themes.mjs",
-      "module": "./dist/esm/v3-themes.mjs",
-      "import": "./dist/esm/v3-themes.mjs",
-      "require": "./dist/cjs/v3-themes.cjs",
-      "default": "./dist/esm/v3-themes.mjs"
+      "react-native": "./dist/esm/v3-themes.js",
+      "browser": "./dist/esm/v3-themes.js",
+      "module": "./dist/esm/v3-themes.js",
+      "import": "./dist/esm/v3-themes.js",
+      "require": "./dist/cjs/v3-themes.js",
+      "default": "./dist/esm/v3-themes.js"
     },
     "./v4": {
       "types": "./types/v4.d.ts",
-      "react-native": "./dist/esm/v4.native.js",
-      "browser": "./dist/esm/v4.mjs",
-      "module": "./dist/esm/v4.mjs",
-      "import": "./dist/esm/v4.mjs",
-      "require": "./dist/cjs/v4.cjs",
-      "default": "./dist/esm/v4.mjs"
+      "react-native": "./dist/esm/v4.js",
+      "browser": "./dist/esm/v4.js",
+      "module": "./dist/esm/v4.js",
+      "import": "./dist/esm/v4.js",
+      "require": "./dist/cjs/v4.js",
+      "default": "./dist/esm/v4.js"
     },
     "./v5": {
       "types": "./types/v5.d.ts",
-      "react-native": "./dist/esm/v5.native.js",
-      "browser": "./dist/esm/v5.mjs",
-      "module": "./dist/esm/v5.mjs",
-      "import": "./dist/esm/v5.mjs",
-      "require": "./dist/cjs/v5.cjs",
-      "default": "./dist/esm/v5.mjs"
+      "react-native": "./dist/esm/v5.js",
+      "browser": "./dist/esm/v5.js",
+      "module": "./dist/esm/v5.js",
+      "import": "./dist/esm/v5.js",
+      "require": "./dist/cjs/v5.js",
+      "default": "./dist/esm/v5.js"
     },
     "./v5-subtle": {
       "types": "./types/v5-subtle.d.ts",
-      "react-native": "./dist/esm/v5-subtle.native.js",
-      "browser": "./dist/esm/v5-subtle.mjs",
-      "module": "./dist/esm/v5-subtle.mjs",
-      "import": "./dist/esm/v5-subtle.mjs",
-      "require": "./dist/cjs/v5-subtle.cjs",
-      "default": "./dist/esm/v5-subtle.mjs"
+      "react-native": "./dist/esm/v5-subtle.js",
+      "browser": "./dist/esm/v5-subtle.js",
+      "module": "./dist/esm/v5-subtle.js",
+      "import": "./dist/esm/v5-subtle.js",
+      "require": "./dist/cjs/v5-subtle.js",
+      "default": "./dist/esm/v5-subtle.js"
     }
   },
   "publishConfig": {
@@ -102,22 +87,22 @@
     "generate:v4": "hanzogui generate-themes ./src/v4-default.ts ./src/generated-v4.ts",
     "generate:v4-hanzogui": "hanzogui generate-themes ./src/v4-hanzogui.ts ./src/generated-v4-hanzogui.ts",
     "test": "bun run generate",
-    "build": "hanzogui-build",
+    "build": "hanzogui-build --skip-native",
     "watch": "hanzogui-build --watch",
     "clean": "hanzogui-build clean",
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/colors": "8.3.0",
-    "@hanzogui/create-theme": "8.3.0",
-    "@hanzogui/theme-builder": "8.3.0",
-    "@hanzogui/web": "8.3.0",
-    "color2k": "^2.0.2"
+    "@hanzogui/colors": "8.3.2",
+    "@hanzogui/create-theme": "8.3.2",
+    "@hanzogui/theme-builder": "8.3.2",
+    "@hanzogui/web": "8.3.2",
+    "color2k": "^2.0.4"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.0",
-    "@hanzogui/cli": "8.3.0",
-    "vitest": "4.0.4"
+    "@hanzogui/build": "8.3.2",
+    "@hanzogui/cli": "8.3.2",
+    "vitest": "^4.1.11"
   },
   "repository": {
     "type": "git",

package/src/componentThemeDefinitions.tsx

@@ -1,6 +1,6 @@
 import type { ThemeDefinitions } from '@hanzogui/create-theme'
 import type { masks } from '@hanzogui/theme-builder'
-import { maskOptions } from './templates'
+import { maskOptions } from './templates.tsx'
 
 type Masks = typeof masks
 

package/src/helpers.ts

@@ -1,9 +1,14 @@
 type ObjectType = Record<PropertyKey, unknown>
 
-type PickByValue<OBJ_T, VALUE_T> = // From https://stackoverflow.com/a/55153000
+type PickByValue<
+  OBJ_T,
+  VALUE_T,
+> = // From https://stackoverflow.com/a/55153000
   Pick<OBJ_T, { [K in keyof OBJ_T]: OBJ_T[K] extends VALUE_T ? K : never }[keyof OBJ_T]>
 
-type ObjectEntries<OBJ_T> = // From https://stackoverflow.com/a/60142095
+type ObjectEntries<
+  OBJ_T,
+> = // From https://stackoverflow.com/a/60142095
   { [K in keyof OBJ_T]: [keyof PickByValue<OBJ_T, OBJ_T[K]>, OBJ_T[K]] }[keyof OBJ_T][]
 
 export const objectKeys = <O extends object>(obj: O) => Object.keys(obj) as Array<keyof O>
@@ -20,7 +25,9 @@ type EntriesType =
 
 // Existing Utils
 type DeepWritable<OBJ_T> = { -readonly [P in keyof OBJ_T]: DeepWritable<OBJ_T[P]> }
-type UnionToIntersection<UNION_T> = // From https://stackoverflow.com/a/50375286
+type UnionToIntersection<
+  UNION_T,
+> = // From https://stackoverflow.com/a/50375286
   (UNION_T extends any ? (k: UNION_T) => void : never) extends (k: infer I) => void
     ? I
     : never

package/src/index.tsx

@@ -1,9 +1,9 @@
-export * from './brands'
-export * from './themes'
-export * from './tokens'
-export * from './componentThemeDefinitions'
-export * from './palettes'
+export * from './brands.ts'
+export * from './themes.tsx'
+export * from './tokens.tsx'
+export * from './componentThemeDefinitions.tsx'
+export * from './palettes.tsx'
 export * from '@hanzogui/colors/legacy'
-export * from './templates'
-export * from './shadows'
+export * from './templates.tsx'
+export * from './shadows.tsx'
 export * from '@hanzogui/theme-builder'

package/src/palettes.tsx

@@ -1,6 +1,6 @@
-import { objectFromEntries, objectKeys } from './helpers'
-import { colorTokens } from './tokens'
-import { brandRamps } from './brands'
+import { objectFromEntries, objectKeys } from './helpers.ts'
+import { colorTokens } from './tokens.tsx'
+import { brandRamps } from './brands.ts'
 
 export const palettes = (() => {
   const lightTransparent = 'rgba(255,255,255,0)'

package/src/subtleChildrenThemes.ts

@@ -2,7 +2,7 @@ import {
   type PaletteAdjustments,
   defaultChildrenThemes,
   adjustPalettes,
-} from './v5-themes'
+} from './v5-themes.ts'
 
 export const v5SubtlePaletteAdjustments: PaletteAdjustments<
   typeof defaultChildrenThemes

package/src/templates.tsx

@@ -1,6 +1,6 @@
 import type { MaskOptions } from '@hanzogui/create-theme'
 
-import { palettes } from './palettes'
+import { palettes } from './palettes.tsx'
 
 const templateColorsSpecific = {
   color1: 1,

package/src/themes-new.ts

@@ -1,10 +1,10 @@
 import { createThemeBuilder } from '@hanzogui/theme-builder'
-import { componentThemeDefinitions } from './componentThemeDefinitions'
+import { componentThemeDefinitions } from './componentThemeDefinitions.tsx'
 import { masks } from '@hanzogui/theme-builder'
-import { palettes } from './palettes'
-import { shadows } from './shadows'
-import { maskOptions, templates } from './templates'
-import { darkColors, lightColors } from './tokens'
+import { palettes } from './palettes.tsx'
+import { shadows } from './shadows.tsx'
+import { maskOptions, templates } from './templates.tsx'
+import { darkColors, lightColors } from './tokens.tsx'
 
 const colorThemeDefinition = (colorName: string) => [
   {

package/src/themes-old.tsx

@@ -8,7 +8,7 @@ import {
   skipMask,
 } from '@hanzogui/create-theme'
 
-import { colorTokens, darkColors, lightColors } from './tokens'
+import { colorTokens, darkColors, lightColors } from './tokens.tsx'
 
 type ColorName = keyof typeof colorTokens.dark
 

package/src/themes.tsx

@@ -1 +1 @@
-export { themes } from './generated-new'
+export { themes } from './generated-new.ts'

package/src/utils.ts

@@ -30,7 +30,9 @@ export type EntriesType =
   | ReadonlyArray<readonly [PropertyKey, unknown]>
 
 export type DeepWritable<OBJ_T> = { -readonly [P in keyof OBJ_T]: DeepWritable<OBJ_T[P]> }
-export type UnionToIntersection<UNION_T> = // From https://stackoverflow.com/a/50375286
+export type UnionToIntersection<
+  UNION_T,
+> = // From https://stackoverflow.com/a/50375286
   (UNION_T extends any ? (k: UNION_T) => void : never) extends (k: infer I) => void
     ? I
     : never

package/src/v3-themes.ts

@@ -18,8 +18,8 @@ import {
 } from '@hanzogui/colors/legacy'
 import { createThemeBuilder, objectFromEntries } from '@hanzogui/theme-builder'
 import { createTokens } from '@hanzogui/web'
-import { objectKeys, postfixObjKeys } from './utils'
-import { tokens as v3Tokens } from './v3-tokens'
+import { objectKeys, postfixObjKeys } from './utils.ts'
+import { tokens as v3Tokens } from './v3-tokens.ts'
 
 const colorTokens = {
   light: {

package/src/v3-tokens.ts

@@ -1,4 +1,4 @@
-import { sizeToSpace } from './utils'
+import { sizeToSpace } from './utils.ts'
 
 // --- tokens ---
 

package/src/v3.tsx

@@ -1,5 +1,5 @@
-export { themes } from './generated-v3'
-export { tokens } from './v3-themes'
+export { themes } from './generated-v3.ts'
+export { tokens } from './v3-themes.ts'
 
 // specific colors since we have cjs here
 export { blue, blueDark } from '@hanzogui/colors/legacy'

package/src/v4-default.ts

@@ -1,6 +1,6 @@
 import * as Colors from '@hanzogui/colors/legacy'
 import { createThemes, defaultComponentThemes } from '@hanzogui/theme-builder'
-import { brandRamps } from './brands'
+import { brandRamps } from './brands.ts'
 
 /**
  * This is the default config v4 definitions.

package/src/v4-tokens.ts

@@ -1,4 +1,4 @@
-import { sizeToSpace } from './utils'
+import { sizeToSpace } from './utils.ts'
 
 // the same as v3 for now, but duplicated to avoid accidental changes to both
 

package/src/v4.tsx

@@ -1,4 +1,4 @@
-export { tokens } from './v4-tokens'
+export { tokens } from './v4-tokens.ts'
 export { createThemes } from '@hanzogui/theme-builder'
-export { themes as hanzoguiThemes } from './generated-v4-hanzogui'
-export { themes as defaultThemes } from './generated-v4'
+export { themes as hanzoguiThemes } from './generated-v4-hanzogui.ts'
+export { themes as defaultThemes } from './generated-v4.ts'

package/src/v5-subtle.tsx

@@ -1,12 +1,15 @@
 export { createThemes } from '@hanzogui/theme-builder'
-export { themes } from './generated-v5-subtle'
+export { themes } from './generated-v5-subtle.ts'
 export type {
   Theme as V5SubtleTheme,
   ThemeNames as V5SubtleThemeNames,
   Themes as V5SubtleThemes,
-} from './generated-v5-subtle'
-export { subtleChildrenThemes, v5SubtlePaletteAdjustments } from './subtleChildrenThemes'
-export { v5Templates } from './v5-templates'
-export * from './v5-themes-subtle'
-export { tokens } from './v5-tokens'
-export type { V5Tokens } from './v5-tokens'
+} from './generated-v5-subtle.ts'
+export {
+  subtleChildrenThemes,
+  v5SubtlePaletteAdjustments,
+} from './subtleChildrenThemes.ts'
+export { v5Templates } from './v5-templates.ts'
+export * from './v5-themes-subtle.ts'
+export { tokens } from './v5-tokens.ts'
+export type { V5Tokens } from './v5-tokens.ts'

package/src/v5-themes-subtle.ts

@@ -2,10 +2,10 @@
  * Subtle v5 themes - pre-built desaturated color themes
  */
 
-export * from './v5-themes'
+export * from './v5-themes.ts'
 
-import { subtleChildrenThemes } from './subtleChildrenThemes'
-import { createV5Theme } from './v5-themes'
+import { subtleChildrenThemes } from './subtleChildrenThemes.ts'
+import { createV5Theme } from './v5-themes.ts'
 
 export const themes = createV5Theme({ childrenThemes: subtleChildrenThemes })
 

package/src/v5-themes.ts

@@ -19,15 +19,15 @@ import {
   yellowDark,
 } from '@hanzogui/colors'
 import { createThemes, type CreateThemesProps } from '@hanzogui/theme-builder'
-import { opacify } from './opacify'
-import { v5Templates } from './v5-templates'
+import { opacify } from './opacify.ts'
+import { v5Templates } from './v5-templates.ts'
 
 // base theme uses elevated background (like old surface1)
 // this offset aligns getTheme's palette index with that elevation
 export const V5_BG_OFFSET = 6 + 1
 
 // re-export color utilities for users
-export { interpolateColor, opacify } from './opacify'
+export { interpolateColor, opacify } from './opacify.ts'
 
 export const v5ComponentThemes = {
   Button: { template: 'surface2' },

package/src/v5-tokens.ts

@@ -1,4 +1,4 @@
-import { sizeToSpace } from './utils'
+import { sizeToSpace } from './utils.ts'
 
 // the same as v3 for now, but duplicated to avoid accidental changes to both
 

package/src/v5.tsx

@@ -1,11 +1,11 @@
 export { createThemes } from '@hanzogui/theme-builder'
-export { themes } from './generated-v5'
+export { themes } from './generated-v5.ts'
 export type {
   Theme as V5Theme,
   ThemeNames as V5ThemeNames,
   Themes as V5Themes,
-} from './generated-v5'
-export { v5Templates } from './v5-templates'
-export * from './v5-themes'
-export { tokens } from './v5-tokens'
-export type { V5Tokens } from './v5-tokens'
+} from './generated-v5.ts'
+export { v5Templates } from './v5-templates.ts'
+export * from './v5-themes.ts'
+export { tokens } from './v5-tokens.ts'
+export type { V5Tokens } from './v5-tokens.ts'

package/types/brands.d.ts

@@ -4,10 +4,10 @@ export type BrandName = 'hanzo' | 'lux' | 'zoo' | 'pars';
  * the sparingly-used CTA — they never hardcode a hex.
  */
 export declare const brandAccent: {
-    readonly hanzo: "#ffffff";
-    readonly lux: "#3b82f6";
-    readonly zoo: "#facc15";
-    readonly pars: "#d4af37";
+    readonly hanzo: '#ffffff';
+    readonly lux: '#3b82f6';
+    readonly zoo: '#facc15';
+    readonly pars: '#d4af37';
 };
 export type BrandRamp = {
     dark: string[];

package/types/brands.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"brands.d.ts","sourceRoot":"","sources":["../src/brands.ts"],"names":[],"mappings":"AAkBA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;AAExD;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;CAKsB,CAAA;AAE9C,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,CAAA;AAmB3D,qFAAqF;AACrF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;CAKiB,CAAA"}
+{"version":3,"file":"brands.d.ts","sourceRoot":"","sources":["../src/brands.ts"],"names":[],"mappings":"AAkBA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAA;AAExD;;;GAGG;AACH,eAAO,MAAM,WAAW;oBACf,SAAS;kBACX,SAAS;kBACT,SAAS;mBACR,SAAS;CAC6B,CAAA;AAE9C,MAAM,MAAM,SAAS,GAAG;IAAE,IAAI,EAAE,MAAM,EAAE,CAAC;IAAC,KAAK,EAAE,MAAM,EAAE,CAAA;CAAE,CAAA;AAmB3D,qFAAqF;AACrF,eAAO,MAAM,UAAU;;QACZ,IAAI;QAAQ,KAAK;;;QACnB,IAAI;QAA2B,KAAK;;;QACpC,IAAI;QAA6B,KAAK;;;QACrC,IAAI;QAA2B,KAAK;;CACN,CAAA"}