@descope/web-components-ui 1.0.272 → 1.0.273

package/dist/cjs/index.cjs.js

@@ -2636,7 +2636,7 @@ const button = {
     [helperVars$3.main]: globalRefs$i.colors.surface.main,
     [helperVars$3.dark]: globalRefs$i.colors.surface.dark,
     [helperVars$3.light]: globalRefs$i.colors.surface.light,
-    [helperVars$3.contrast]: globalRefs$i.colors.surface.contrast,
+    [helperVars$3.contrast]: globalRefs$i.colors.surface.light,
   },
 
   variant: {
@@ -2997,7 +2997,7 @@ const [theme$1, refs, vars$w] = createHelperVars(
       borderColor: globalRefs$h.colors.surface.main,
       valueTextColor: globalRefs$h.colors.surface.dark,
       placeholderTextColor: globalRefs$h.colors.surface.dark,
-      backgroundColor: globalRefs$h.colors.surface.main,
+      backgroundColor: globalRefs$h.colors.surface.light,
     },
   },
   componentName$D
@@ -10020,6 +10020,9 @@ const NotificationMixin = (superclass) =>
               'descope-notification-container'
             );
 
+            // we are overriding the container position to be absolute because we want to keep in inside the flow/widget boundaries
+            NotificationMixinClass._container.style.position = 'absolute';
+
             // we're adding the container to body to avoid Vaadin's container's `openChanged`
             // from breaking when trying to remove it directly from the body.
             document.body.appendChild(NotificationMixinClass._container);