pixelize-native-library 1.0.7 → 1.2.0

package/lib/typescript/theme/provider/index.d.ts

@@ -1,8 +1,9 @@
 export { PixelizeProvider } from './PixelizeProvider';
-export type { PixelizeProviderProps, Theme, ThemeModeValue } from './PixelizeProvider';
+export type { PixelizeProviderProps, Theme, ThemeModeValue } from './types';
 export { useTheme } from './useTheme';
 export { useThemeColors } from './useThemeColors';
 export { useThemeMode } from './useThemeMode';
 export { createAsyncStorageAdapter, memoryStorageAdapter, isThemeMode, isThemeName, DEFAULT_STORAGE_NAMESPACE, DEFAULT_BRAND_STORAGE_NAMESPACE, } from './colorModeStorage';
 export type { ColorModeStorageAdapter, AsyncStorageLike, ThemeMode } from './colorModeStorage';
+export { THEME_NAMES, DEFAULT_THEME, loadPalette, loadPaletteSync } from './loadPalette';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/theme/provider/loadPalette.d.ts

@@ -0,0 +1,9 @@
+import type { ColorScheme, PaletteProps, ThemeName } from '../tokens/types';
+/** Brand roster without importing any palette modules. */
+export declare const THEME_NAMES: readonly ["zinc", "lavender", "meadow", "radiant", "skyline", "slate", "emerald", "rosewood", "storefront"];
+export declare const DEFAULT_THEME: ThemeName;
+/** Loads one brand's palette for the given mode — only that brand's file is fetched. */
+export declare function loadPalette(brand: ThemeName, mode: ColorScheme): Promise<PaletteProps>;
+/** Synchronous palette for provider mount — static requires so Metro can bundle the example app. */
+export declare function loadPaletteSync(brand: ThemeName, mode: ColorScheme): PaletteProps;
+//# sourceMappingURL=loadPalette.d.ts.map

package/lib/typescript/theme/provider/types.d.ts

@@ -0,0 +1,41 @@
+import type { ReactNode } from 'react';
+import type { ColorScheme, ElevationLevel, PaletteProps, RoleColors, ThemeName } from '../tokens';
+import { space, radii, fontSizes, fontWeights, lineHeights, letterSpacings, borderWidths, breakpoints, zIndices } from '../tokens';
+import type { ElevationStyle, FontStyleForWeight, FontWeightValue } from '../platform';
+import type { ColorModeStorageAdapter, ThemeMode } from './colorModeStorage';
+export type Theme = {
+    brand: ThemeName;
+    mode: ColorScheme;
+    colors: RoleColors;
+    palette: PaletteProps;
+    space: typeof space;
+    radii: typeof radii;
+    fontSizes: typeof fontSizes;
+    fontWeights: typeof fontWeights;
+    lineHeights: typeof lineHeights;
+    letterSpacings: typeof letterSpacings;
+    borderWidths: typeof borderWidths;
+    breakpoints: typeof breakpoints;
+    zIndices: typeof zIndices;
+    elevation: Record<ElevationLevel, ElevationStyle>;
+    fontStyleForWeight: (weight: FontWeightValue) => FontStyleForWeight;
+};
+export type ThemeModeValue = {
+    mode: ThemeMode;
+    resolvedMode: ColorScheme;
+    setMode: (mode: ThemeMode) => void;
+    brand: ThemeName;
+    setBrand: (brand: ThemeName) => void;
+};
+export type PixelizeProviderProps = {
+    children: ReactNode;
+    brand?: ThemeName;
+    mode?: ThemeMode;
+    storage?: ColorModeStorageAdapter;
+    storageKey?: string;
+    brandStorageKey?: string;
+    interLoaded?: boolean;
+    /** Runtime-selected palette — wins over `brand` when provided. */
+    palette?: PaletteProps;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/theme/provider/useTheme.d.ts

@@ -1,4 +1,3 @@
-import type { Theme } from './PixelizeProvider';
-/** The full resolved theme: role colours, the numeric scale, and platform-rendered elevation/fonts. */
+import type { Theme } from './types';
 export declare function useTheme(): Theme;
 //# sourceMappingURL=useTheme.d.ts.map

package/lib/typescript/theme/provider/useThemeMode.d.ts

@@ -1,4 +1,4 @@
-import type { ThemeModeValue } from './PixelizeProvider';
+import type { ThemeModeValue } from './types';
 /** `{ mode, resolvedMode, setMode }` for a theme switcher. Reads the light mode-control context. */
 export declare function useThemeMode(): ThemeModeValue;
 //# sourceMappingURL=useThemeMode.d.ts.map

package/lib/typescript/theme/tokens/roles/index.d.ts

@@ -23,6 +23,13 @@ export type StatusColors = {
     onSolid: string;
     /** Status text on `subtle`, ≥ 4.5:1 against it. */
     text: string;
+    /** Label to use when `text` is used as a FULL-BLEED FILL instead of as a text colour (a banner's
+     *  solid variant) — recomputed, not reused from `onSolid`: `onSolid` is tuned for `solid`
+     *  (badge/toast scale), which measures only 1.8–2.6:1 against a near-white canvas for
+     *  success/warning/info on every brand — too low for WCAG 1.4.11 at page-width. `text` itself
+     *  already clears 1.4.11 against canvas (it's proven against `subtle`, a near-canvas tint), so it
+     *  doubles as the fill; `onText` is its own best label, not `text`'s original dark-on-light pairing. */
+    onText: string;
     /** Faint status-tinted background (chip/alert fill). */
     subtle: string;
     /** Decorative status outline for the chip. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-native-library",
-  "version": "1.0.7",
+  "version": "1.2.0",
   "description": "Pixelize mobile design library — React Native / Expo. The mobile counterpart to pixelize-design-library.",
   "private": false,
   "repository": {
@@ -10,18 +10,16 @@
   "publishConfig": {
     "access": "public"
   },
-  "workspaces": [
-    "example"
-  ],
   "sideEffects": false,
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/index.d.ts",
   "files": [
     "lib",
     "registry.json",
-    "!**/__tests__",
-    "!**/*.test.*",
-    "!**/*.stories.*"
+    "!lib/**/*.map",
+    "!lib/**/__tests__/**",
+    "!lib/**/*.test.*",
+    "!lib/**/*.stories.*"
   ],
   "exports": {
     ".": {
@@ -36,18 +34,34 @@
       "types": "./lib/typescript/modules/alert-dialog/index.d.ts",
       "default": "./lib/module/modules/alert-dialog/index.js"
     },
+    "./app-bar": {
+      "types": "./lib/typescript/modules/app-bar/index.d.ts",
+      "default": "./lib/module/modules/app-bar/index.js"
+    },
     "./avatar": {
       "types": "./lib/typescript/modules/avatar/index.d.ts",
       "default": "./lib/module/modules/avatar/index.js"
     },
+    "./avatar-group": {
+      "types": "./lib/typescript/modules/avatar-group/index.d.ts",
+      "default": "./lib/module/modules/avatar-group/index.js"
+    },
     "./badge": {
       "types": "./lib/typescript/modules/badge/index.d.ts",
       "default": "./lib/module/modules/badge/index.js"
     },
+    "./banner": {
+      "types": "./lib/typescript/modules/banner/index.d.ts",
+      "default": "./lib/module/modules/banner/index.js"
+    },
     "./bottom-nav": {
       "types": "./lib/typescript/modules/bottom-nav/index.d.ts",
       "default": "./lib/module/modules/bottom-nav/index.js"
     },
+    "./bottom-sheet": {
+      "types": "./lib/typescript/modules/bottom-sheet/index.d.ts",
+      "default": "./lib/module/modules/bottom-sheet/index.js"
+    },
     "./button": {
       "types": "./lib/typescript/modules/button/index.d.ts",
       "default": "./lib/module/modules/button/index.js"
@@ -68,6 +82,30 @@
       "types": "./lib/typescript/modules/checkbox/index.d.ts",
       "default": "./lib/module/modules/checkbox/index.js"
     },
+    "./chip": {
+      "types": "./lib/typescript/modules/chip/index.d.ts",
+      "default": "./lib/module/modules/chip/index.js"
+    },
+    "./combobox": {
+      "types": "./lib/typescript/modules/combobox/index.d.ts",
+      "default": "./lib/module/modules/combobox/index.js"
+    },
+    "./composer": {
+      "types": "./lib/typescript/modules/composer/index.d.ts",
+      "default": "./lib/module/modules/composer/index.js"
+    },
+    "./copy-button": {
+      "types": "./lib/typescript/modules/copy-button/index.d.ts",
+      "default": "./lib/module/modules/copy-button/index.js"
+    },
+    "./data-table": {
+      "types": "./lib/typescript/modules/data-table/index.d.ts",
+      "default": "./lib/module/modules/data-table/index.js"
+    },
+    "./date-picker": {
+      "types": "./lib/typescript/modules/date-picker/index.d.ts",
+      "default": "./lib/module/modules/date-picker/index.js"
+    },
     "./divider": {
       "types": "./lib/typescript/modules/divider/index.d.ts",
       "default": "./lib/module/modules/divider/index.js"
@@ -80,6 +118,14 @@
       "types": "./lib/typescript/modules/empty-state/index.d.ts",
       "default": "./lib/module/modules/empty-state/index.js"
     },
+    "./fab": {
+      "types": "./lib/typescript/modules/fab/index.d.ts",
+      "default": "./lib/module/modules/fab/index.js"
+    },
+    "./file-grid": {
+      "types": "./lib/typescript/modules/file-grid/index.d.ts",
+      "default": "./lib/module/modules/file-grid/index.js"
+    },
     "./file-upload": {
       "types": "./lib/typescript/modules/file-upload/index.d.ts",
       "default": "./lib/module/modules/file-upload/index.js"
@@ -88,10 +134,30 @@
       "types": "./lib/typescript/modules/filter-sheet/index.d.ts",
       "default": "./lib/module/modules/filter-sheet/index.js"
     },
+    "./folder-row": {
+      "types": "./lib/typescript/modules/folder-row/index.d.ts",
+      "default": "./lib/module/modules/folder-row/index.js"
+    },
+    "./form-field": {
+      "types": "./lib/typescript/modules/form-field/index.d.ts",
+      "default": "./lib/module/modules/form-field/index.js"
+    },
+    "./gantt": {
+      "types": "./lib/typescript/modules/gantt/index.d.ts",
+      "default": "./lib/module/modules/gantt/index.js"
+    },
+    "./image-viewer": {
+      "types": "./lib/typescript/modules/image-viewer/index.d.ts",
+      "default": "./lib/module/modules/image-viewer/index.js"
+    },
     "./input": {
       "types": "./lib/typescript/modules/input/index.d.ts",
       "default": "./lib/module/modules/input/index.js"
     },
+    "./limit-reached-modal": {
+      "types": "./lib/typescript/modules/limit-reached-modal/index.d.ts",
+      "default": "./lib/module/modules/limit-reached-modal/index.js"
+    },
     "./list-item": {
       "types": "./lib/typescript/modules/list-item/index.d.ts",
       "default": "./lib/module/modules/list-item/index.js"
@@ -104,10 +170,18 @@
       "types": "./lib/typescript/modules/menu/index.d.ts",
       "default": "./lib/module/modules/menu/index.js"
     },
+    "./message-bubble": {
+      "types": "./lib/typescript/modules/message-bubble/index.d.ts",
+      "default": "./lib/module/modules/message-bubble/index.js"
+    },
     "./modal": {
       "types": "./lib/typescript/modules/modal/index.d.ts",
       "default": "./lib/module/modules/modal/index.js"
     },
+    "./more-items": {
+      "types": "./lib/typescript/modules/more-items/index.d.ts",
+      "default": "./lib/module/modules/more-items/index.js"
+    },
     "./multi-select": {
       "types": "./lib/typescript/modules/multi-select/index.d.ts",
       "default": "./lib/module/modules/multi-select/index.js"
@@ -116,6 +190,14 @@
       "types": "./lib/typescript/modules/number-input/index.d.ts",
       "default": "./lib/module/modules/number-input/index.js"
     },
+    "./org-switcher": {
+      "types": "./lib/typescript/modules/org-switcher/index.d.ts",
+      "default": "./lib/module/modules/org-switcher/index.js"
+    },
+    "./pagination": {
+      "types": "./lib/typescript/modules/pagination/index.d.ts",
+      "default": "./lib/module/modules/pagination/index.js"
+    },
     "./pin-input": {
       "types": "./lib/typescript/modules/pin-input/index.d.ts",
       "default": "./lib/module/modules/pin-input/index.js"
@@ -132,6 +214,34 @@
       "types": "./lib/typescript/modules/reorder/index.d.ts",
       "default": "./lib/module/modules/reorder/index.js"
     },
+    "./rich-text": {
+      "types": "./lib/typescript/modules/rich-text/index.d.ts",
+      "default": "./lib/module/modules/rich-text/index.js"
+    },
+    "./rich-text-editor": {
+      "types": "./lib/typescript/modules/rich-text-editor/index.d.ts",
+      "default": "./lib/module/modules/rich-text-editor/index.js"
+    },
+    "./screen": {
+      "types": "./lib/typescript/modules/screen/index.d.ts",
+      "default": "./lib/module/modules/screen/index.js"
+    },
+    "./search-bar": {
+      "types": "./lib/typescript/modules/search-bar/index.d.ts",
+      "default": "./lib/module/modules/search-bar/index.js"
+    },
+    "./section": {
+      "types": "./lib/typescript/modules/section/index.d.ts",
+      "default": "./lib/module/modules/section/index.js"
+    },
+    "./section-list": {
+      "types": "./lib/typescript/modules/section-list/index.d.ts",
+      "default": "./lib/module/modules/section-list/index.js"
+    },
+    "./segmented-control": {
+      "types": "./lib/typescript/modules/segmented-control/index.d.ts",
+      "default": "./lib/module/modules/segmented-control/index.js"
+    },
     "./select": {
       "types": "./lib/typescript/modules/select/index.d.ts",
       "default": "./lib/module/modules/select/index.js"
@@ -148,14 +258,30 @@
       "types": "./lib/typescript/modules/spinner/index.d.ts",
       "default": "./lib/module/modules/spinner/index.js"
     },
+    "./stage-progress": {
+      "types": "./lib/typescript/modules/stage-progress/index.d.ts",
+      "default": "./lib/module/modules/stage-progress/index.js"
+    },
     "./stat-tile": {
       "types": "./lib/typescript/modules/stat-tile/index.d.ts",
       "default": "./lib/module/modules/stat-tile/index.js"
     },
+    "./state-block": {
+      "types": "./lib/typescript/modules/state-block/index.d.ts",
+      "default": "./lib/module/modules/state-block/index.js"
+    },
     "./stepper": {
       "types": "./lib/typescript/modules/stepper/index.d.ts",
       "default": "./lib/module/modules/stepper/index.js"
     },
+    "./style": {
+      "types": "./lib/typescript/core/style/index.d.ts",
+      "default": "./lib/module/core/style/index.js"
+    },
+    "./swipeable-row": {
+      "types": "./lib/typescript/modules/swipeable-row/index.d.ts",
+      "default": "./lib/module/modules/swipeable-row/index.js"
+    },
     "./switch": {
       "types": "./lib/typescript/modules/switch/index.d.ts",
       "default": "./lib/module/modules/switch/index.js"
@@ -164,6 +290,10 @@
       "types": "./lib/typescript/modules/tabs/index.d.ts",
       "default": "./lib/module/modules/tabs/index.js"
     },
+    "./text": {
+      "types": "./lib/typescript/modules/text/index.d.ts",
+      "default": "./lib/module/modules/text/index.js"
+    },
     "./textarea": {
       "types": "./lib/typescript/modules/textarea/index.d.ts",
       "default": "./lib/module/modules/textarea/index.js"
@@ -188,26 +318,47 @@
       "types": "./lib/typescript/modules/tooltip/index.d.ts",
       "default": "./lib/module/modules/tooltip/index.js"
     },
+    "./typing-indicator": {
+      "types": "./lib/typescript/modules/typing-indicator/index.d.ts",
+      "default": "./lib/module/modules/typing-indicator/index.js"
+    },
+    "./unread-badge": {
+      "types": "./lib/typescript/modules/unread-badge/index.d.ts",
+      "default": "./lib/module/modules/unread-badge/index.js"
+    },
     "./package.json": "./package.json"
   },
   "scripts": {
     "build": "bob build",
-    "typecheck": "tsc --noEmit",
+    "typecheck": "tsc --noEmit && tsc -p tsconfig.dom-test.json",
     "lint": "eslint .",
     "test": "jest",
-    "gen": "node scripts/gen-exports.mjs && node scripts/gen-registry.mjs",
-    "gen:check": "node scripts/gen-exports.mjs --check && node scripts/gen-registry.mjs --check",
+    "test:web": "jest --config jest.web.config.js",
+    "gen": "node scripts/gen-exports.mjs && node scripts/gen-registry.mjs && node scripts/gen-index.mjs",
+    "gen:check": "node scripts/gen-exports.mjs --check && node scripts/gen-registry.mjs --check && node scripts/gen-index.mjs --check",
     "pre-pr": "bash scripts/pre-pr-check.sh",
     "prepack": "npm run gen && npm run build",
     "package": "npm version patch && npm run build && npm publish",
-    "release": "changeset publish"
+    "changeset": "node scripts/changeset-root.mjs",
+    "version:bump": "node scripts/changeset-root.mjs version",
+    "release": "node scripts/changeset-root.mjs publish"
   },
   "peerDependencies": {
+    "@react-native-async-storage/async-storage": ">=2.0.0",
+    "@shopify/flash-list": ">=2.0.0",
+    "expo-document-picker": ">=57.0.0",
+    "expo-image": ">=57.0.0",
+    "expo-image-picker": ">=57.0.0",
+    "lucide-react-native": ">=1.24.0",
     "react": ">=18.3.0",
-    "react-native": ">=0.79.0",
     "react-dom": ">=18.3.0",
-    "expo-image-picker": ">=57.0.0",
-    "expo-document-picker": ">=57.0.0"
+    "react-native": ">=0.79.0",
+    "react-native-enriched-html": ">=1.0.0",
+    "react-native-gesture-handler": ">=2.0.0",
+    "react-native-reanimated": ">=4.0.0",
+    "react-native-safe-area-context": ">=5.0.0",
+    "react-native-svg": ">=15.0.0",
+    "react-native-worklets": ">=0.10.0"
   },
   "peerDependenciesMeta": {
     "react-dom": {
@@ -216,6 +367,18 @@
     "lucide-react-native": {
       "optional": true
     },
+    "@shopify/flash-list": {
+      "optional": true
+    },
+    "react-native-reanimated": {
+      "optional": false
+    },
+    "react-native-worklets": {
+      "optional": false
+    },
+    "react-native-gesture-handler": {
+      "optional": false
+    },
     "react-native-svg": {
       "optional": true
     },
@@ -230,28 +393,44 @@
     },
     "expo-document-picker": {
       "optional": true
+    },
+    "expo-image": {
+      "optional": true
+    },
+    "react-native-enriched-html": {
+      "optional": true
     }
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
     "@eslint/js": "^9.39.5",
+    "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native/jest-preset": "^0.86.0",
+    "@shopify/flash-list": "^2.0.0",
     "@testing-library/react-native": "^13.3.3",
     "@types/jest": "^29.5.14",
     "@types/react": "~19.2.2",
     "@types/react-dom": "~19.2.2",
     "eslint": "^9.39.5",
     "eslint-plugin-react-hooks": "^5.2.0",
+    "expo": "~57.0.6",
     "expo-document-picker": "~57.0.1",
+    "expo-image": "~57.0.1",
     "expo-image-picker": "~57.0.4",
     "globals": "^17.7.0",
     "jest": "^29.7.0",
+    "jest-environment-jsdom": "^30.4.1",
     "lucide-react-native": "^1.24.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-native": "^0.86.0",
     "react-native-builder-bob": "^0.40.14",
+    "react-native-enriched-html": "~1.0.1",
+    "react-native-gesture-handler": "^2.28.0",
+    "react-native-reanimated": "^4.0.0",
+    "react-native-safe-area-context": "^5.6.0",
     "react-native-svg": "^15.15.5",
+    "react-native-worklets": "^0.11.0",
     "react-test-renderer": "^19.2.3",
     "typescript": "^5.9.3",
     "typescript-eslint": "^8.64.0"
@@ -271,10 +450,5 @@
   },
   "engines": {
     "node": ">=20"
-  },
-  "dependencies": {
-    "expo": "~57.0.6",
-    "react": "19.2.3",
-    "react-native": "0.86.0"
   }
 }