@authsignal/browser 0.0.20 → 0.0.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  ## Usage
7
7
 
8
- The Authsignal Browser API can be used to launch the Authsignal Prebuilt MFA page to let users set up MFA and complete challenges.
8
+ The Authsignal Browser API can be used to launch Authsignal's Challenge UI to let users set up MFA and complete challenges.
9
9
 
10
10
  See the [documentation](https://docs.authsignal.com/api/browser-api) for details on how to use this SDK with the Authsignal Server APIs.
11
11
 
package/dist/index.js CHANGED
@@ -3305,7 +3305,7 @@ var PopupHandler = /** @class */ (function () {
3305
3305
  // Create CSS for dialog
3306
3306
  var style = document.createElement("style");
3307
3307
  style.setAttribute("id", STYLE_ID);
3308
- style.textContent = "\n @keyframes fade-in {\n from {\n opacity: 0;\n }\n }\n \n @keyframes slide-up {\n from {\n transform: translateY(10%);\n }\n }\n\n #".concat(CONTAINER_ID, ",\n #").concat(OVERLAY_ID, " {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n #").concat(CONTAINER_ID, " {\n z-index: 2147483647;\n display: flex;\n }\n\n #").concat(CONTAINER_ID, "[aria-hidden='true'] {\n display: none;\n }\n\n #").concat(OVERLAY_ID, " {\n background-color: rgba(0, 0, 0, 0.18);\n animation: fade-in 200ms both;\n }\n\n #").concat(CONTENT_ID, " {\n margin: auto;\n z-index: 2147483647;\n position: relative;\n background-color: transparent;\n border-radius: 8px;\n width: ").concat(popupWidth, ";\n animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;\n }\n\n #").concat(CONTENT_ID, " iframe {\n width: 1px;\n min-width: 100%;\n border-radius: inherit;\n max-height: 65vh;\n }\n\n @media (prefers-reduced-motion: reduce) {\n #").concat(OVERLAY_ID, ",\n #").concat(CONTENT_ID, " {\n animation: none;\n }\n }\n ");
3308
+ style.textContent = "\n #".concat(CONTAINER_ID, ",\n #").concat(OVERLAY_ID, " {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n #").concat(CONTAINER_ID, " {\n z-index: 2147483647;\n display: flex;\n }\n\n #").concat(CONTAINER_ID, "[aria-hidden='true'] {\n display: none;\n }\n\n #").concat(OVERLAY_ID, " {\n background-color: rgba(0, 0, 0, 0.18);\n }\n\n #").concat(CONTENT_ID, " {\n margin: auto;\n z-index: 2147483647;\n position: relative;\n background-color: transparent;\n border-radius: 8px;\n width: ").concat(popupWidth, ";\n }\n\n #").concat(CONTENT_ID, " iframe {\n width: 1px;\n min-width: 100%;\n border-radius: inherit;\n max-height: 65vh;\n }\n ");
3309
3309
  // Attach the created elements
3310
3310
  document.head.insertAdjacentElement("beforeend", style);
3311
3311
  container.appendChild(overlay);
package/dist/index.mjs CHANGED
@@ -3301,7 +3301,7 @@ var PopupHandler = /** @class */ (function () {
3301
3301
  // Create CSS for dialog
3302
3302
  var style = document.createElement("style");
3303
3303
  style.setAttribute("id", STYLE_ID);
3304
- style.textContent = "\n @keyframes fade-in {\n from {\n opacity: 0;\n }\n }\n \n @keyframes slide-up {\n from {\n transform: translateY(10%);\n }\n }\n\n #".concat(CONTAINER_ID, ",\n #").concat(OVERLAY_ID, " {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n #").concat(CONTAINER_ID, " {\n z-index: 2147483647;\n display: flex;\n }\n\n #").concat(CONTAINER_ID, "[aria-hidden='true'] {\n display: none;\n }\n\n #").concat(OVERLAY_ID, " {\n background-color: rgba(0, 0, 0, 0.18);\n animation: fade-in 200ms both;\n }\n\n #").concat(CONTENT_ID, " {\n margin: auto;\n z-index: 2147483647;\n position: relative;\n background-color: transparent;\n border-radius: 8px;\n width: ").concat(popupWidth, ";\n animation: fade-in 400ms 200ms both, slide-up 400ms 200ms both;\n }\n\n #").concat(CONTENT_ID, " iframe {\n width: 1px;\n min-width: 100%;\n border-radius: inherit;\n max-height: 65vh;\n }\n\n @media (prefers-reduced-motion: reduce) {\n #").concat(OVERLAY_ID, ",\n #").concat(CONTENT_ID, " {\n animation: none;\n }\n }\n ");
3304
+ style.textContent = "\n #".concat(CONTAINER_ID, ",\n #").concat(OVERLAY_ID, " {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n }\n\n #").concat(CONTAINER_ID, " {\n z-index: 2147483647;\n display: flex;\n }\n\n #").concat(CONTAINER_ID, "[aria-hidden='true'] {\n display: none;\n }\n\n #").concat(OVERLAY_ID, " {\n background-color: rgba(0, 0, 0, 0.18);\n }\n\n #").concat(CONTENT_ID, " {\n margin: auto;\n z-index: 2147483647;\n position: relative;\n background-color: transparent;\n border-radius: 8px;\n width: ").concat(popupWidth, ";\n }\n\n #").concat(CONTENT_ID, " iframe {\n width: 1px;\n min-width: 100%;\n border-radius: inherit;\n max-height: 65vh;\n }\n ");
3305
3305
  // Attach the created elements
3306
3306
  document.head.insertAdjacentElement("beforeend", style);
3307
3307
  container.appendChild(overlay);
package/package.json CHANGED
@@ -1,7 +1,6 @@
1
1
  {
2
2
  "name": "@authsignal/browser",
3
- "type": "module",
4
- "version": "0.0.20",
3
+ "version": "0.0.22",
5
4
  "main": "dist/index.js",
6
5
  "module": "dist/index.mjs",
7
6
  "types": "dist/index.d.ts",