@usethrottle/auth 0.2.0 → 0.2.2

package/dist/styles.css

@@ -8,6 +8,13 @@
   --throttle-color-muted: #eceef2;
   --throttle-color-muted-foreground: #5b6472;
   --throttle-color-border: #e2e8f0;
+  /* The boundary of an INTERACTIVE control, which WCAG 1.4.11 requires to
+     reach 3:1 against its adjacent colour — an input identified only by a
+     1.23:1 hairline is not identifiable at all. Decorative separators (card
+     edges, table rules, dividers) keep --throttle-color-border: they do not
+     identify a control, so the requirement does not apply and darkening
+     them would only add noise. */
+  --throttle-color-border-control: #8b93a1;
   --throttle-color-danger: #c2321f;
   --throttle-color-danger-surface: #fef2f2;
   --throttle-color-danger-border: #fecaca;
@@ -60,6 +67,7 @@
   --throttle-color-muted: #21262d;
   --throttle-color-muted-foreground: #9aa4b2;
   --throttle-color-border: #30363d;
+  --throttle-color-border-control: #5c6570;
   --throttle-color-danger: #ff6b58;
   --throttle-color-danger-surface: #2a1513;
   --throttle-color-danger-border: #5c2b25;
@@ -82,6 +90,7 @@
     --throttle-color-muted: #21262d;
     --throttle-color-muted-foreground: #9aa4b2;
     --throttle-color-border: #30363d;
+    --throttle-color-border-control: #5c6570;
     --throttle-color-danger: #ff6b58;
     --throttle-color-danger-surface: #2a1513;
     --throttle-color-danger-border: #5c2b25;
@@ -129,7 +138,7 @@
   font-size: var(--throttle-font-size);
   color: var(--throttle-color-foreground);
   background: var(--throttle-color-background);
-  border: var(--throttle-border-width) solid var(--throttle-color-border);
+  border: var(--throttle-border-width) solid var(--throttle-color-border-control);
   border-radius: var(--throttle-radius-sm);
   /* padding-block stays 0 so min-height alone owns the height, exactly as
      .throttle-button does. With 12px vertical padding the box computed to
@@ -184,7 +193,7 @@
 .throttle-button:focus-visible { outline: none; box-shadow: 0 0 0 2px var(--throttle-color-background), 0 0 0 4px var(--throttle-color-primary); }
 .throttle-button--primary { background: var(--throttle-color-primary); color: var(--throttle-color-primary-foreground); width: 100%; }
 .throttle-button--primary:hover:not(:disabled) { filter: brightness(0.92); }
-.throttle-button--secondary { background: var(--throttle-color-surface); color: var(--throttle-color-foreground); border-color: var(--throttle-color-border); }
+.throttle-button--secondary { background: var(--throttle-color-surface); color: var(--throttle-color-foreground); border-color: var(--throttle-color-border-control); }
 .throttle-button--secondary:hover:not(:disabled) { background: var(--throttle-color-muted); }
 .throttle-button--danger { background: transparent; color: var(--throttle-color-danger); border-color: var(--throttle-color-border); }
 .throttle-button--danger:hover:not(:disabled) { background: color-mix(in srgb, var(--throttle-color-danger) 10%, transparent); }

package/package.json

@@ -1,18 +1,39 @@
 {
   "name": "@usethrottle/auth",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "Buyer authentication for Throttle storefronts — headless core, React hooks, and drop-in forms.",
   "type": "module",
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "files": ["dist", "README.md", "CLAUDE.md"],
+  "files": [
+    "dist",
+    "README.md",
+    "CLAUDE.md"
+  ],
   "exports": {
-    ".": { "types": "./dist/index.d.ts", "import": "./dist/index.js", "require": "./dist/index.cjs" },
-    "./react": { "types": "./dist/react/index.d.ts", "import": "./dist/react/index.js", "require": "./dist/react/index.cjs" },
-    "./forms": { "types": "./dist/react/forms/index.d.ts", "import": "./dist/react/forms/index.js", "require": "./dist/react/forms/index.cjs" },
-    "./components": { "types": "./dist/react/components/index.d.ts", "import": "./dist/react/components/index.js", "require": "./dist/react/components/index.cjs" },
-    "./styles.css": "./dist/styles.css"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./forms": {
+      "types": "./dist/react/forms/index.d.ts",
+      "import": "./dist/react/forms/index.js",
+      "require": "./dist/react/forms/index.cjs"
+    },
+    "./components": {
+      "types": "./dist/react/components/index.d.ts",
+      "import": "./dist/react/components/index.js",
+      "require": "./dist/react/components/index.cjs"
+    },
+    "./styles.css": "./dist/styles.css",
+    "./package.json": "./package.json"
   },
   "scripts": {
     "build": "tsup",
@@ -20,8 +41,18 @@
     "test": "vitest run",
     "typecheck": "tsc --noEmit"
   },
-  "peerDependencies": { "react": ">=18", "react-dom": ">=18" },
-  "peerDependenciesMeta": { "react": { "optional": true }, "react-dom": { "optional": true } },
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    },
+    "react-dom": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@testing-library/react": "^16.1.0",
     "@types/react": "^19.1.0",
@@ -34,6 +65,10 @@
     "typescript": "^5.7.0",
     "vitest": "^2.1.9"
   },
-  "publishConfig": { "access": "public" },
-  "engines": { "node": ">=20" }
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20"
+  }
 }