@stytch/react 20.0.0-next.2 → 20.0.0-next.3

package/dist/cjs-dev/compat.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
+var dev = require('./dev-DaCGDI6V.js');
 var logger = require('./logger-CvOATP4R.js');
 
 const { min: min$4, max: max$4 } = Math;
@@ -3564,16 +3565,16 @@ function addColorFallback(theme) {
     const { colors, container, inputs, hideHeaderText, buttons, logo, fontFamily, ...outerEmpty } = styleConfig;
     // presentation.theme mapping
     // ------------------------------------------------
-    {
-        warn("styleToTheme: We recommend setting theme['color-scheme'] to either 'light' or 'dark' explicitly depending on whether this is a light or dark theme. This enables icons to automatically automatically apply contrasting colors.");
+    dev.RUN_IN_DEV(()=>{
+        warn("styleToTheme: We recommend setting theme['color-scheme'] to either 'light' or 'dark' explicitly " + 'depending on whether this is a light or dark theme. This enables icons to automatically automatically ' + 'apply contrasting colors.');
         if (Object.keys(outerEmpty).length > 0) warn('styleToTheme: Unrecognized style properties', outerEmpty);
-    }
+    });
     theme['font-family'] = fontFamily;
     if (colors) {
         const { primary, secondary, success, warning, accent, error, ...expectEmpty } = colors;
-        {
+        dev.RUN_IN_DEV(()=>{
             if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.colors properties', expectEmpty);
-        }
+        });
         Object.assign(theme, {
             primary,
             secondary,
@@ -3585,9 +3586,9 @@ function addColorFallback(theme) {
     }
     if (container) {
         const { backgroundColor, borderColor, width, borderRadius, ...expectEmpty } = container;
-        {
+        dev.RUN_IN_DEV(()=>{
             if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.container properties', expectEmpty);
-        }
+        });
         Object.assign(theme, {
             background: backgroundColor,
             border: borderColor,
@@ -3598,12 +3599,12 @@ function addColorFallback(theme) {
     }
     if (buttons) {
         const { primary, secondary, disabled, ...expectEmpty } = buttons;
-        {
+        dev.RUN_IN_DEV(()=>{
             if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.buttons properties', expectEmpty);
             if (disabled && Object.keys(disabled).length > 0) warn('styleToTheme: buttons.disabled is no longer supported', {
                 disabled
             });
-            if (primary?.borderColor && primary?.backgroundColor && primary.borderColor !== primary.backgroundColor) error("styleToTheme: primary button's border color is now always equal to background color, having distinct colors is no longer supported", {
+            if (primary?.borderColor && primary?.backgroundColor && primary.borderColor !== primary.backgroundColor) error("styleToTheme: primary button's border color is now always equal to background color; " + 'having distinct colors is no longer supported', {
                 borderColor: primary.borderColor,
                 backgroundColor: primary.backgroundColor
             });
@@ -3615,7 +3616,7 @@ function addColorFallback(theme) {
                 primaryRadius: primary?.borderRadius,
                 secondaryRadius: secondary?.borderRadius
             });
-        }
+        });
         // Set background and text colors
         Object.assign(theme, {
             primary: primary?.backgroundColor,
@@ -3638,13 +3639,13 @@ function addColorFallback(theme) {
     }
     if (inputs) {
         const { backgroundColor, textColor, placeholderColor, borderColor, borderRadius, ...expectEmpty } = inputs;
-        {
+        dev.RUN_IN_DEV(()=>{
             if (Object.keys(expectEmpty).length > 0) warn('styleToTheme: Unrecognized style.buttons properties', expectEmpty);
             if (backgroundColor && theme.background && theme.background !== backgroundColor) error('styleToTheme: Input now always use the container background', {
                 inputBackground: backgroundColor,
                 containerBackground: theme.background
             });
-        }
+        });
         Object.assign(theme, {
             foreground: textColor,
             input: borderColor,
@@ -3667,9 +3668,9 @@ function addColorFallback(theme) {
             url: logo.logoImageUrl,
             alt: ''
         };
-        {
+        dev.RUN_IN_DEV(()=>{
             logger.logger.warn('styleToTheme: Please set options.logo.alt for the logo alt text for accessibility');
-        }
+        });
     }
     return {
         theme: removeEmptyValues(theme),