diff --git a/package.json b/package.json index e169bcb..d3b111b 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "@authsignal/browser", "type": "module", - "version": "0.0.20", + "version": "0.0.21", "main": "dist/index.js", "module": "dist/index.mjs", "types": "dist/index.d.ts", diff --git a/src/popup-handler.ts b/src/popup-handler.ts index 861a463..304c4c9 100644 --- a/src/popup-handler.ts +++ b/src/popup-handler.ts @@ -64,18 +64,6 @@ class PopupHandler { const style = document.createElement("style"); style.setAttribute("id", STYLE_ID); style.textContent = ` - @keyframes fade-in { - from { - opacity: 0; - } - } - - @keyframes slide-up { - from { - transform: translateY(10%); - } - } - #${CONTAINER_ID}, #${OVERLAY_ID} { position: fixed; @@ -96,7 +84,6 @@ class PopupHandler { #${OVERLAY_ID} { background-color: rgba(0, 0, 0, 0.18); - animation: fade-in 200ms both; } #${CONTENT_ID} { @@ -106,7 +93,6 @@ class PopupHandler { background-color: transparent; border-radius: 8px; width: ${popupWidth}; - animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both; } #${CONTENT_ID} iframe { @@ -115,13 +101,6 @@ class PopupHandler { border-radius: inherit; max-height: 65vh; } - - @media (prefers-reduced-motion: reduce) { - #${OVERLAY_ID}, - #${CONTENT_ID} { - animation: none; - } - } `; // Attach the created elements