@txnlab/use-wallet-ui-react 0.3.0 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@txnlab/use-wallet-ui-react",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "description": "React components for use-wallet UI",
   "type": "module",
   "main": "dist/cjs/index.cjs",
@@ -18,10 +18,12 @@
       }
     },
     "./dist/style.css": "./dist/style.css",
+    "./theme.css": "./src/theme.css",
     "./package.json": "./package.json"
   },
   "files": [
     "dist",
+    "src/theme.css",
     "README.md"
   ],
   "keywords": [
@@ -37,19 +39,31 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/Algorand-Developer-Retreat/use-wallet-ui.git"
+    "url": "git+https://github.com/TxnLab/use-wallet-ui.git"
   },
   "bugs": {
-    "url": "https://github.com/Algorand-Developer-Retreat/use-wallet-ui/issues"
+    "url": "https://github.com/TxnLab/use-wallet-ui/issues"
   },
-  "homepage": "https://github.com/Algorand-Developer-Retreat/use-wallet-ui#readme",
+  "homepage": "https://github.com/TxnLab/use-wallet-ui#readme",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "engines": {
     "node": ">=22",
     "pnpm": ">=9"
   },
+  "scripts": {
+    "build": "pnpm generate:css && vite build && publint --strict",
+    "dev": "vite build --watch",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
+    "format": "prettier --write .",
+    "typecheck": "tsc --noEmit",
+    "generate:css": "npx @tailwindcss/cli -c ./tailwind.config.js -i ./src/input.css -o ./dist/style.css && node ./scripts/post-process-css.js"
+  },
   "peerDependencies": {
     "@txnlab/use-wallet-react": "^4.0.1",
     "react": "^18 || ^19",
@@ -78,16 +92,5 @@
     "vite-plugin-dts": "4.5.4",
     "vite-tsconfig-paths": "5.1.4",
     "vitest": "3.2.4"
-  },
-  "scripts": {
-    "build": "pnpm generate:css && vite build && publint --strict",
-    "dev": "vite build --watch",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "lint": "eslint \"**/*.{js,jsx,ts,tsx}\"",
-    "format": "prettier --write .",
-    "typecheck": "tsc --noEmit",
-    "generate:css": "npx @tailwindcss/cli -c ./tailwind.config.js -i ./src/input.css -o ./dist/style.css && node ./scripts/post-process-css.js"
   }
-}
+}

package/src/theme.css

@@ -0,0 +1,76 @@
+/* Theme CSS custom properties for wallet UI components */
+/* Import this file in Tailwind projects to enable theming */
+
+/* Light mode (default) */
+[data-wallet-ui] {
+  --wui-color-primary: #2d2df1;
+  --wui-color-primary-hover: #2929d9;
+  --wui-color-primary-text: #ffffff;
+  --wui-color-bg: #ffffff;
+  --wui-color-bg-secondary: #f9fafb;
+  --wui-color-bg-tertiary: #f3f4f6;
+  --wui-color-bg-hover: #e9e9fd;
+  --wui-color-text: #1f2937;
+  --wui-color-text-secondary: #6b7280;
+  --wui-color-text-tertiary: #9ca3af;
+  --wui-color-border: #e5e7eb;
+  --wui-color-link: rgba(45, 45, 241, 0.8);
+  --wui-color-link-hover: #2d2df1;
+  --wui-color-overlay: rgba(0, 0, 0, 0.3);
+}
+
+/* Dark mode via data-theme attribute (explicit) */
+[data-wallet-ui][data-theme='dark'] {
+  --wui-color-primary: #bfbff9;
+  --wui-color-primary-hover: #d4d4fa;
+  --wui-color-primary-text: #001324;
+  --wui-color-bg: #001324;
+  --wui-color-bg-secondary: #101b29;
+  --wui-color-bg-tertiary: #192a39;
+  --wui-color-bg-hover: #192a39;
+  --wui-color-text: #e9e9fd;
+  --wui-color-text-secondary: #99a1a7;
+  --wui-color-text-tertiary: #6b7280;
+  --wui-color-border: #192a39;
+  --wui-color-link: #6c6cf1;
+  --wui-color-link-hover: #8080f3;
+  --wui-color-overlay: rgba(0, 0, 0, 0.5);
+}
+
+/* Dark mode via .dark class on ancestor (Tailwind convention) */
+.dark [data-wallet-ui]:not([data-theme='light']) {
+  --wui-color-primary: #bfbff9;
+  --wui-color-primary-hover: #d4d4fa;
+  --wui-color-primary-text: #001324;
+  --wui-color-bg: #001324;
+  --wui-color-bg-secondary: #101b29;
+  --wui-color-bg-tertiary: #192a39;
+  --wui-color-bg-hover: #192a39;
+  --wui-color-text: #e9e9fd;
+  --wui-color-text-secondary: #99a1a7;
+  --wui-color-text-tertiary: #6b7280;
+  --wui-color-border: #192a39;
+  --wui-color-link: #6c6cf1;
+  --wui-color-link-hover: #8080f3;
+  --wui-color-overlay: rgba(0, 0, 0, 0.5);
+}
+
+/* Dark mode via system preference (when theme="system" or no explicit theme) */
+@media (prefers-color-scheme: dark) {
+  [data-wallet-ui]:not([data-theme='light']):not([data-theme='dark']) {
+    --wui-color-primary: #bfbff9;
+    --wui-color-primary-hover: #d4d4fa;
+    --wui-color-primary-text: #001324;
+    --wui-color-bg: #001324;
+    --wui-color-bg-secondary: #101b29;
+    --wui-color-bg-tertiary: #192a39;
+    --wui-color-bg-hover: #192a39;
+    --wui-color-text: #e9e9fd;
+    --wui-color-text-secondary: #99a1a7;
+    --wui-color-text-tertiary: #6b7280;
+    --wui-color-border: #192a39;
+    --wui-color-link: #6c6cf1;
+    --wui-color-link-hover: #8080f3;
+    --wui-color-overlay: rgba(0, 0, 0, 0.5);
+  }
+}

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2025 TxnLab, Inc.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.