@convex-internal/web-analytics 1.0.0 → 1.0.2

package/README.md

@@ -68,10 +68,11 @@ Theme with `--wa-banner-*` variables on `.wa-banner`:
 - Buttons: `--wa-banner-button-border-radius`, `--wa-banner-button-padding`,
   `--wa-banner-button-min-height`, `--wa-banner-button-font-size`,
   `--wa-banner-button-font-weight`, `--wa-banner-button-line-height`
-- Accept button: `--wa-banner-accept-background-color`, `--wa-banner-accept-text-color`,
-  `--wa-banner-accept-hover-background-color`
+- Accept button: `--wa-banner-accept-background-color`, `--wa-banner-accept-text-color`
 - Decline button: `--wa-banner-decline-background-color`,
-  `--wa-banner-decline-text-color`, `--wa-banner-decline-hover-background-color`
+  `--wa-banner-decline-text-color`
+
+Buttons default to 80% opacity and go to 100% on hover or keyboard focus.
 
 ### `Consented`
 
@@ -170,28 +171,18 @@ npm version patch   # bug fixes
 npm test
 npm run build
 npm pack --dry-run
-npm publish --access public
+npm publish
 ```
 
-If npm 2FA is enabled, add `--otp=<code>`.
-
 ## Consume a published version
 
-Convex repos set `min-release-age=7` in `.npmrc`, so a version published in
-the last 7 days will fail to install (including `npm ci` in CI). Override
-the window for the install, then exclude this package so later installs
-succeed:
+Convex repos typically set `min-release-age=7` in `.npmrc`, so a version
+published in the last 7 days will fail to install. Override the window for that
+one install:
 
 ```bash
 npm install @convex-internal/web-analytics@<version> --min-release-age=0
 ```
 
-```
-# consuming-app/.npmrc
-min-release-age-exclude[]=@convex-internal/web-analytics
-```
-
-You can drop the exclude once this version has been on npm for 7 days.
-
 Use the local tarball workflow whenever you need to test changes that have
 not been published yet.

package/dist/ConsentBanner.js

@@ -27,5 +27,5 @@ export function ConsentBanner() {
             setConsent(decision === "accepted" ? "consented" : "declined");
         }
     };
-    return (_jsxs("aside", { "aria-label": "Privacy choices", className: "wa-banner", children: [_jsx("p", { className: "wa-banner-text", children: "We use cookies and similar technologies to understand how people interact with our site." }), _jsxs("p", { className: "wa-banner-text wa-banner-policy", children: ["See our", " ", _jsx("a", { className: "wa-banner-link", href: "https://www.convex.dev/legal/privacy", rel: "noopener noreferrer", target: "_blank", children: "Privacy Policy" }), " ", "to learn more."] }), _jsxs("div", { className: "wa-banner-actions", children: [_jsx("button", { className: "wa-banner-button wa-banner-decline", onClick: () => decide("declined"), type: "button", children: "Decline" }), _jsx("button", { className: "wa-banner-button wa-banner-accept", onClick: () => decide("accepted"), type: "button", children: "Accept" })] })] }));
+    return (_jsxs("aside", { "aria-label": "Privacy choices", className: "wa-banner", children: [_jsx("p", { className: "wa-banner-text", children: "We use third-party cookies to understand how people interact with our site." }), _jsxs("p", { className: "wa-banner-text wa-banner-policy", children: ["See our", " ", _jsx("a", { className: "wa-banner-link", href: "https://www.convex.dev/legal/privacy", rel: "noopener noreferrer", target: "_blank", children: "Privacy Policy" }), " ", "to learn more."] }), _jsxs("div", { className: "wa-banner-actions", children: [_jsx("button", { className: "wa-banner-button wa-banner-decline", onClick: () => decide("declined"), type: "button", children: "Decline" }), _jsx("button", { className: "wa-banner-button wa-banner-accept", onClick: () => decide("accepted"), type: "button", children: "Accept" })] })] }));
 }

package/dist/banner.css

@@ -46,7 +46,13 @@
     font-weight: var(--wa-banner-button-font-weight, inherit);
     line-height: var(--wa-banner-button-line-height, inherit);
     cursor: pointer;
-    transition: background-color 0.15s;
+    opacity: 0.8;
+    transition: opacity 0.15s;
+
+    &:hover,
+    &:focus-visible {
+      opacity: 1;
+    }
 
     &:focus-visible {
       outline: 2px solid var(--wa-banner-focus-color, black);
@@ -56,22 +62,11 @@
     &.wa-banner-decline {
       background-color: var(--wa-banner-decline-background-color, lightgray);
       color: var(--wa-banner-decline-text-color, black);
-
-      &:hover {
-        background-color: var(
-          --wa-banner-decline-hover-background-color,
-          lightgray
-        );
-      }
     }
 
     &.wa-banner-accept {
       background-color: var(--wa-banner-accept-background-color, black);
       color: var(--wa-banner-accept-text-color, white);
-
-      &:hover {
-        background-color: var(--wa-banner-accept-hover-background-color, black);
-      }
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@convex-internal/web-analytics",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "exports": {
     ".": {
@@ -12,6 +12,9 @@
   "files": [
     "dist"
   ],
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "tsc && cp src/banner.css dist/banner.css",
     "prepack": "npm run build",