fix(authenticator): Fit social button text

Prevent overflow of social button text in constrained layouts by shrinking the text to fit the available width.
aws-amplify · Sep 5, 2023 · a1dc8d2 · a1dc8d2
1 parent 802c7c8
commit a1dc8d2
Show file tree

Hide file tree

Showing 212 changed files with 19 additions and 8 deletions.
diff --git a/packages/authenticator/amplify_authenticator/lib/src/widgets/social/social_button.dart b/packages/authenticator/amplify_authenticator/lib/src/widgets/social/social_button.dart
@@ -3,15 +3,14 @@
 
 import 'dart:math';
 
-import 'package:amplify_auth_cognito/amplify_auth_cognito.dart';
 import 'package:amplify_authenticator/src/l10n/auth_strings_resolver.dart';
 import 'package:amplify_authenticator/src/state/authenticator_state.dart';
 import 'package:amplify_authenticator/src/utils/list.dart';
 import 'package:amplify_authenticator/src/widgets/button.dart';
 import 'package:amplify_authenticator/src/widgets/component.dart';
 import 'package:amplify_authenticator/src/widgets/social/social_icons.dart';
-import 'package:aws_common/aws_common.dart';
-import 'package:flutter/foundation.dart';
+import 'package:amplify_flutter/amplify_flutter.dart';
+import 'package:flutter/foundation.dart' hide Category;
 import 'package:flutter/material.dart';
 
 class SocialSignInButtons extends StatelessAuthenticatorComponent {
@@ -133,6 +132,9 @@ class SocialSignInButton extends AuthenticatorButton<SocialSignInButton> {
 class _SocialSignInButtonState
     extends AuthenticatorButtonState<SocialSignInButton> {
   static const _spacing = 5.0;
+  static final logger = AmplifyLogger.category(Category.auth)
+      .createChild('Authenticator')
+      .createChild('SocialSignInButton');
 
   Widget get icon {
     final isDark = Theme.of(context).brightness == Brightness.dark;
@@ -164,7 +166,7 @@ class _SocialSignInButtonState
         ],
       );
     }
-    safePrint('Unsupported provider: ${widget.provider}');
+    logger.error('Unsupported provider: ${widget.provider}');
     return const SizedBox.shrink();
   }
 
@@ -219,10 +221,15 @@ class _SocialSignInButtonState
                     ),
                   ),
                   const SizedBox(width: _spacing),
-                  Text(
-                    resolver.resolve(
-                      context,
-                      ButtonResolverKey.signInWith(widget.provider),
+                  Flexible(
+                    child: FittedBox(
+                      fit: BoxFit.fitWidth,
+                      child: Text(
+                        resolver.resolve(
+                          context,
+                          ButtonResolverKey.signInWith(widget.provider),
+                        ),
+                      ),
                     ),
                   ),
                 ],

diff --git a/...st/ui/goldens/layout_emailConfig_resetPasswordStep_constrainedWidthGeometry.png b/...st/ui/goldens/layout_emailConfig_resetPasswordStep_constrainedWidthGeometry.png
diff --git a/...icator/test/ui/goldens/layout_emailConfig_resetPasswordStep_desktopGeometry.png b/...icator/test/ui/goldens/layout_emailConfig_resetPasswordStep_desktopGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_emailConfig_resetPasswordStep_laptopGeometry.png b/...ticator/test/ui/goldens/layout_emailConfig_resetPasswordStep_laptopGeometry.png
diff --git a/...enticator/test/ui/goldens/layout_emailConfig_resetPasswordStep_miniGeometry.png b/...enticator/test/ui/goldens/layout_emailConfig_resetPasswordStep_miniGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_emailConfig_resetPasswordStep_mobileGeometry.png b/...ticator/test/ui/goldens/layout_emailConfig_resetPasswordStep_mobileGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_emailConfig_resetPasswordStep_tabletGeometry.png b/...ticator/test/ui/goldens/layout_emailConfig_resetPasswordStep_tabletGeometry.png
diff --git a/...ator/test/ui/goldens/layout_emailConfig_signInStep_constrainedWidthGeometry.png b/...ator/test/ui/goldens/layout_emailConfig_signInStep_constrainedWidthGeometry.png
diff --git a/...authenticator/test/ui/goldens/layout_emailConfig_signInStep_desktopGeometry.png b/...authenticator/test/ui/goldens/layout_emailConfig_signInStep_desktopGeometry.png
diff --git a/..._authenticator/test/ui/goldens/layout_emailConfig_signInStep_laptopGeometry.png b/..._authenticator/test/ui/goldens/layout_emailConfig_signInStep_laptopGeometry.png
diff --git a/...fy_authenticator/test/ui/goldens/layout_emailConfig_signInStep_miniGeometry.png b/...fy_authenticator/test/ui/goldens/layout_emailConfig_signInStep_miniGeometry.png
diff --git a/..._authenticator/test/ui/goldens/layout_emailConfig_signInStep_mobileGeometry.png b/..._authenticator/test/ui/goldens/layout_emailConfig_signInStep_mobileGeometry.png
diff --git a/..._authenticator/test/ui/goldens/layout_emailConfig_signInStep_tabletGeometry.png b/..._authenticator/test/ui/goldens/layout_emailConfig_signInStep_tabletGeometry.png
diff --git a/...ator/test/ui/goldens/layout_emailConfig_signUpStep_constrainedWidthGeometry.png b/...ator/test/ui/goldens/layout_emailConfig_signUpStep_constrainedWidthGeometry.png
diff --git a/...authenticator/test/ui/goldens/layout_emailConfig_signUpStep_desktopGeometry.png b/...authenticator/test/ui/goldens/layout_emailConfig_signUpStep_desktopGeometry.png
diff --git a/..._authenticator/test/ui/goldens/layout_emailConfig_signUpStep_laptopGeometry.png b/..._authenticator/test/ui/goldens/layout_emailConfig_signUpStep_laptopGeometry.png
diff --git a/...fy_authenticator/test/ui/goldens/layout_emailConfig_signUpStep_miniGeometry.png b/...fy_authenticator/test/ui/goldens/layout_emailConfig_signUpStep_miniGeometry.png
diff --git a/..._authenticator/test/ui/goldens/layout_emailConfig_signUpStep_mobileGeometry.png b/..._authenticator/test/ui/goldens/layout_emailConfig_signUpStep_mobileGeometry.png
diff --git a/..._authenticator/test/ui/goldens/layout_emailConfig_signUpStep_tabletGeometry.png b/..._authenticator/test/ui/goldens/layout_emailConfig_signUpStep_tabletGeometry.png
diff --git a/...oldens/layout_emailOrPhoneConfig_resetPasswordStep_constrainedWidthGeometry.png b/...oldens/layout_emailOrPhoneConfig_resetPasswordStep_constrainedWidthGeometry.png
diff --git a/...test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_desktopGeometry.png b/...test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_desktopGeometry.png
diff --git a/.../test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_laptopGeometry.png b/.../test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_laptopGeometry.png
diff --git a/...or/test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_miniGeometry.png b/...or/test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_miniGeometry.png
diff --git a/.../test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_mobileGeometry.png b/.../test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_mobileGeometry.png
diff --git a/.../test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_tabletGeometry.png b/.../test/ui/goldens/layout_emailOrPhoneConfig_resetPasswordStep_tabletGeometry.png
diff --git a/...st/ui/goldens/layout_emailOrPhoneConfig_signInStep_constrainedWidthGeometry.png b/...st/ui/goldens/layout_emailOrPhoneConfig_signInStep_constrainedWidthGeometry.png
diff --git a/...icator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_desktopGeometry.png b/...icator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_desktopGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_laptopGeometry.png b/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_laptopGeometry.png
diff --git a/...enticator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_miniGeometry.png b/...enticator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_miniGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_mobileGeometry.png b/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_mobileGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_tabletGeometry.png b/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signInStep_tabletGeometry.png
diff --git a/...st/ui/goldens/layout_emailOrPhoneConfig_signUpStep_constrainedWidthGeometry.png b/...st/ui/goldens/layout_emailOrPhoneConfig_signUpStep_constrainedWidthGeometry.png
diff --git a/...icator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_desktopGeometry.png b/...icator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_desktopGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_laptopGeometry.png b/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_laptopGeometry.png
diff --git a/...enticator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_miniGeometry.png b/...enticator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_miniGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_mobileGeometry.png b/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_mobileGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_tabletGeometry.png b/...ticator/test/ui/goldens/layout_emailOrPhoneConfig_signUpStep_tabletGeometry.png
diff --git a/...goldens/layout_phoneNumberConfig_resetPasswordStep_constrainedWidthGeometry.png b/...goldens/layout_phoneNumberConfig_resetPasswordStep_constrainedWidthGeometry.png
diff --git a/.../test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_desktopGeometry.png b/.../test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_desktopGeometry.png
diff --git a/...r/test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_laptopGeometry.png b/...r/test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_laptopGeometry.png
diff --git a/...tor/test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_miniGeometry.png b/...tor/test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_miniGeometry.png
diff --git a/...r/test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_mobileGeometry.png b/...r/test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_mobileGeometry.png
diff --git a/...r/test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_tabletGeometry.png b/...r/test/ui/goldens/layout_phoneNumberConfig_resetPasswordStep_tabletGeometry.png
diff --git a/...est/ui/goldens/layout_phoneNumberConfig_signInStep_constrainedWidthGeometry.png b/...est/ui/goldens/layout_phoneNumberConfig_signInStep_constrainedWidthGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_desktopGeometry.png b/...ticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_desktopGeometry.png
diff --git a/...nticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_laptopGeometry.png b/...nticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_laptopGeometry.png
diff --git a/...henticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_miniGeometry.png b/...henticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_miniGeometry.png
diff --git a/...nticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_mobileGeometry.png b/...nticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_mobileGeometry.png
diff --git a/...nticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_tabletGeometry.png b/...nticator/test/ui/goldens/layout_phoneNumberConfig_signInStep_tabletGeometry.png
diff --git a/...est/ui/goldens/layout_phoneNumberConfig_signUpStep_constrainedWidthGeometry.png b/...est/ui/goldens/layout_phoneNumberConfig_signUpStep_constrainedWidthGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_desktopGeometry.png b/...ticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_desktopGeometry.png
diff --git a/...nticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_laptopGeometry.png b/...nticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_laptopGeometry.png
diff --git a/...henticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_miniGeometry.png b/...henticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_miniGeometry.png
diff --git a/...nticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_mobileGeometry.png b/...nticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_mobileGeometry.png
diff --git a/...nticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_tabletGeometry.png b/...nticator/test/ui/goldens/layout_phoneNumberConfig_signUpStep_tabletGeometry.png
diff --git a/...dens/layout_socialProviderConfig_resetPasswordStep_constrainedWidthGeometry.png b/...dens/layout_socialProviderConfig_resetPasswordStep_constrainedWidthGeometry.png
diff --git a/...st/ui/goldens/layout_socialProviderConfig_resetPasswordStep_desktopGeometry.png b/...st/ui/goldens/layout_socialProviderConfig_resetPasswordStep_desktopGeometry.png
diff --git a/...est/ui/goldens/layout_socialProviderConfig_resetPasswordStep_laptopGeometry.png b/...est/ui/goldens/layout_socialProviderConfig_resetPasswordStep_laptopGeometry.png
diff --git a/.../test/ui/goldens/layout_socialProviderConfig_resetPasswordStep_miniGeometry.png b/.../test/ui/goldens/layout_socialProviderConfig_resetPasswordStep_miniGeometry.png
diff --git a/...est/ui/goldens/layout_socialProviderConfig_resetPasswordStep_mobileGeometry.png b/...est/ui/goldens/layout_socialProviderConfig_resetPasswordStep_mobileGeometry.png
diff --git a/...est/ui/goldens/layout_socialProviderConfig_resetPasswordStep_tabletGeometry.png b/...est/ui/goldens/layout_socialProviderConfig_resetPasswordStep_tabletGeometry.png
diff --git a/.../ui/goldens/layout_socialProviderConfig_signInStep_constrainedWidthGeometry.png b/.../ui/goldens/layout_socialProviderConfig_signInStep_constrainedWidthGeometry.png
diff --git a/...ator/test/ui/goldens/layout_socialProviderConfig_signInStep_desktopGeometry.png b/...ator/test/ui/goldens/layout_socialProviderConfig_signInStep_desktopGeometry.png
diff --git a/...cator/test/ui/goldens/layout_socialProviderConfig_signInStep_laptopGeometry.png b/...cator/test/ui/goldens/layout_socialProviderConfig_signInStep_laptopGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_socialProviderConfig_signInStep_miniGeometry.png b/...ticator/test/ui/goldens/layout_socialProviderConfig_signInStep_miniGeometry.png
diff --git a/...cator/test/ui/goldens/layout_socialProviderConfig_signInStep_mobileGeometry.png b/...cator/test/ui/goldens/layout_socialProviderConfig_signInStep_mobileGeometry.png
diff --git a/...cator/test/ui/goldens/layout_socialProviderConfig_signInStep_tabletGeometry.png b/...cator/test/ui/goldens/layout_socialProviderConfig_signInStep_tabletGeometry.png
diff --git a/.../ui/goldens/layout_socialProviderConfig_signUpStep_constrainedWidthGeometry.png b/.../ui/goldens/layout_socialProviderConfig_signUpStep_constrainedWidthGeometry.png
diff --git a/...ator/test/ui/goldens/layout_socialProviderConfig_signUpStep_desktopGeometry.png b/...ator/test/ui/goldens/layout_socialProviderConfig_signUpStep_desktopGeometry.png
diff --git a/...cator/test/ui/goldens/layout_socialProviderConfig_signUpStep_laptopGeometry.png b/...cator/test/ui/goldens/layout_socialProviderConfig_signUpStep_laptopGeometry.png
diff --git a/...ticator/test/ui/goldens/layout_socialProviderConfig_signUpStep_miniGeometry.png b/...ticator/test/ui/goldens/layout_socialProviderConfig_signUpStep_miniGeometry.png
diff --git a/...cator/test/ui/goldens/layout_socialProviderConfig_signUpStep_mobileGeometry.png b/...cator/test/ui/goldens/layout_socialProviderConfig_signUpStep_mobileGeometry.png
diff --git a/...cator/test/ui/goldens/layout_socialProviderConfig_signUpStep_tabletGeometry.png b/...cator/test/ui/goldens/layout_socialProviderConfig_signUpStep_tabletGeometry.png
diff --git a/...out_usernameWithAttributesConfig_resetPasswordStep_constrainedWidthGeometry.png b/...out_usernameWithAttributesConfig_resetPasswordStep_constrainedWidthGeometry.png
diff --git a/...ldens/layout_usernameWithAttributesConfig_resetPasswordStep_desktopGeometry.png b/...ldens/layout_usernameWithAttributesConfig_resetPasswordStep_desktopGeometry.png
diff --git a/...oldens/layout_usernameWithAttributesConfig_resetPasswordStep_laptopGeometry.png b/...oldens/layout_usernameWithAttributesConfig_resetPasswordStep_laptopGeometry.png
diff --git a/.../goldens/layout_usernameWithAttributesConfig_resetPasswordStep_miniGeometry.png b/.../goldens/layout_usernameWithAttributesConfig_resetPasswordStep_miniGeometry.png
diff --git a/...oldens/layout_usernameWithAttributesConfig_resetPasswordStep_mobileGeometry.png b/...oldens/layout_usernameWithAttributesConfig_resetPasswordStep_mobileGeometry.png
diff --git a/...oldens/layout_usernameWithAttributesConfig_resetPasswordStep_tabletGeometry.png b/...oldens/layout_usernameWithAttributesConfig_resetPasswordStep_tabletGeometry.png
diff --git a/...ens/layout_usernameWithAttributesConfig_signInStep_constrainedWidthGeometry.png b/...ens/layout_usernameWithAttributesConfig_signInStep_constrainedWidthGeometry.png
diff --git a/...t/ui/goldens/layout_usernameWithAttributesConfig_signInStep_desktopGeometry.png b/...t/ui/goldens/layout_usernameWithAttributesConfig_signInStep_desktopGeometry.png
diff --git a/...st/ui/goldens/layout_usernameWithAttributesConfig_signInStep_laptopGeometry.png b/...st/ui/goldens/layout_usernameWithAttributesConfig_signInStep_laptopGeometry.png
diff --git a/...test/ui/goldens/layout_usernameWithAttributesConfig_signInStep_miniGeometry.png b/...test/ui/goldens/layout_usernameWithAttributesConfig_signInStep_miniGeometry.png
diff --git a/...st/ui/goldens/layout_usernameWithAttributesConfig_signInStep_mobileGeometry.png b/...st/ui/goldens/layout_usernameWithAttributesConfig_signInStep_mobileGeometry.png
diff --git a/...st/ui/goldens/layout_usernameWithAttributesConfig_signInStep_tabletGeometry.png b/...st/ui/goldens/layout_usernameWithAttributesConfig_signInStep_tabletGeometry.png
diff --git a/...ens/layout_usernameWithAttributesConfig_signUpStep_constrainedWidthGeometry.png b/...ens/layout_usernameWithAttributesConfig_signUpStep_constrainedWidthGeometry.png
diff --git a/...t/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_desktopGeometry.png b/...t/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_desktopGeometry.png
diff --git a/...st/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_laptopGeometry.png b/...st/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_laptopGeometry.png
diff --git a/...test/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_miniGeometry.png b/...test/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_miniGeometry.png
diff --git a/...st/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_mobileGeometry.png b/...st/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_mobileGeometry.png
diff --git a/...st/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_tabletGeometry.png b/...st/ui/goldens/layout_usernameWithAttributesConfig_signUpStep_tabletGeometry.png
diff --git a/...dens/theme_emailConfig_signInStep_customSwatchTheme_darkMode_laptopGeometry.png b/...dens/theme_emailConfig_signInStep_customSwatchTheme_darkMode_laptopGeometry.png
diff --git a/...dens/theme_emailConfig_signInStep_customSwatchTheme_darkMode_mobileGeometry.png b/...dens/theme_emailConfig_signInStep_customSwatchTheme_darkMode_mobileGeometry.png
diff --git a/...ens/theme_emailConfig_signInStep_customSwatchTheme_lightMode_laptopGeometry.png b/...ens/theme_emailConfig_signInStep_customSwatchTheme_lightMode_laptopGeometry.png
diff --git a/...ens/theme_emailConfig_signInStep_customSwatchTheme_lightMode_mobileGeometry.png b/...ens/theme_emailConfig_signInStep_customSwatchTheme_lightMode_mobileGeometry.png
diff --git a/...ui/goldens/theme_emailConfig_signInStep_customTheme_darkMode_laptopGeometry.png b/...ui/goldens/theme_emailConfig_signInStep_customTheme_darkMode_laptopGeometry.png
diff --git a/...ui/goldens/theme_emailConfig_signInStep_customTheme_darkMode_mobileGeometry.png b/...ui/goldens/theme_emailConfig_signInStep_customTheme_darkMode_mobileGeometry.png
diff --git a/...i/goldens/theme_emailConfig_signInStep_customTheme_lightMode_laptopGeometry.png b/...i/goldens/theme_emailConfig_signInStep_customTheme_lightMode_laptopGeometry.png
diff --git a/...i/goldens/theme_emailConfig_signInStep_customTheme_lightMode_mobileGeometry.png b/...i/goldens/theme_emailConfig_signInStep_customTheme_lightMode_mobileGeometry.png
diff --git a/...s/theme_emailConfig_signInStep_defaultMaterialTheme_darkMode_laptopGeometry.png b/...s/theme_emailConfig_signInStep_defaultMaterialTheme_darkMode_laptopGeometry.png
diff --git a/...s/theme_emailConfig_signInStep_defaultMaterialTheme_darkMode_mobileGeometry.png b/...s/theme_emailConfig_signInStep_defaultMaterialTheme_darkMode_mobileGeometry.png
diff --git a/.../theme_emailConfig_signInStep_defaultMaterialTheme_lightMode_laptopGeometry.png b/.../theme_emailConfig_signInStep_defaultMaterialTheme_lightMode_laptopGeometry.png
diff --git a/.../theme_emailConfig_signInStep_defaultMaterialTheme_lightMode_mobileGeometry.png b/.../theme_emailConfig_signInStep_defaultMaterialTheme_lightMode_mobileGeometry.png
diff --git a/...dens/theme_emailConfig_signInStep_highContrastTheme_darkMode_laptopGeometry.png b/...dens/theme_emailConfig_signInStep_highContrastTheme_darkMode_laptopGeometry.png
diff --git a/...dens/theme_emailConfig_signInStep_highContrastTheme_darkMode_mobileGeometry.png b/...dens/theme_emailConfig_signInStep_highContrastTheme_darkMode_mobileGeometry.png
diff --git a/...ens/theme_emailConfig_signInStep_highContrastTheme_lightMode_laptopGeometry.png b/...ens/theme_emailConfig_signInStep_highContrastTheme_lightMode_laptopGeometry.png
diff --git a/...ens/theme_emailConfig_signInStep_highContrastTheme_lightMode_mobileGeometry.png b/...ens/theme_emailConfig_signInStep_highContrastTheme_lightMode_mobileGeometry.png
diff --git a/...goldens/theme_emailConfig_signInStep_material3Theme_darkMode_laptopGeometry.png b/...goldens/theme_emailConfig_signInStep_material3Theme_darkMode_laptopGeometry.png
diff --git a/...goldens/theme_emailConfig_signInStep_material3Theme_darkMode_mobileGeometry.png b/...goldens/theme_emailConfig_signInStep_material3Theme_darkMode_mobileGeometry.png
diff --git a/...oldens/theme_emailConfig_signInStep_material3Theme_lightMode_laptopGeometry.png b/...oldens/theme_emailConfig_signInStep_material3Theme_lightMode_laptopGeometry.png
diff --git a/...oldens/theme_emailConfig_signInStep_material3Theme_lightMode_mobileGeometry.png b/...oldens/theme_emailConfig_signInStep_material3Theme_lightMode_mobileGeometry.png
diff --git a/...dens/theme_emailConfig_signUpStep_customSwatchTheme_darkMode_laptopGeometry.png b/...dens/theme_emailConfig_signUpStep_customSwatchTheme_darkMode_laptopGeometry.png
diff --git a/...dens/theme_emailConfig_signUpStep_customSwatchTheme_darkMode_mobileGeometry.png b/...dens/theme_emailConfig_signUpStep_customSwatchTheme_darkMode_mobileGeometry.png
diff --git a/...ens/theme_emailConfig_signUpStep_customSwatchTheme_lightMode_laptopGeometry.png b/...ens/theme_emailConfig_signUpStep_customSwatchTheme_lightMode_laptopGeometry.png
diff --git a/...ens/theme_emailConfig_signUpStep_customSwatchTheme_lightMode_mobileGeometry.png b/...ens/theme_emailConfig_signUpStep_customSwatchTheme_lightMode_mobileGeometry.png
diff --git a/...ui/goldens/theme_emailConfig_signUpStep_customTheme_darkMode_laptopGeometry.png b/...ui/goldens/theme_emailConfig_signUpStep_customTheme_darkMode_laptopGeometry.png
diff --git a/...ui/goldens/theme_emailConfig_signUpStep_customTheme_darkMode_mobileGeometry.png b/...ui/goldens/theme_emailConfig_signUpStep_customTheme_darkMode_mobileGeometry.png
diff --git a/...i/goldens/theme_emailConfig_signUpStep_customTheme_lightMode_laptopGeometry.png b/...i/goldens/theme_emailConfig_signUpStep_customTheme_lightMode_laptopGeometry.png
diff --git a/...i/goldens/theme_emailConfig_signUpStep_customTheme_lightMode_mobileGeometry.png b/...i/goldens/theme_emailConfig_signUpStep_customTheme_lightMode_mobileGeometry.png
diff --git a/...s/theme_emailConfig_signUpStep_defaultMaterialTheme_darkMode_laptopGeometry.png b/...s/theme_emailConfig_signUpStep_defaultMaterialTheme_darkMode_laptopGeometry.png
diff --git a/...s/theme_emailConfig_signUpStep_defaultMaterialTheme_darkMode_mobileGeometry.png b/...s/theme_emailConfig_signUpStep_defaultMaterialTheme_darkMode_mobileGeometry.png
diff --git a/.../theme_emailConfig_signUpStep_defaultMaterialTheme_lightMode_laptopGeometry.png b/.../theme_emailConfig_signUpStep_defaultMaterialTheme_lightMode_laptopGeometry.png
diff --git a/.../theme_emailConfig_signUpStep_defaultMaterialTheme_lightMode_mobileGeometry.png b/.../theme_emailConfig_signUpStep_defaultMaterialTheme_lightMode_mobileGeometry.png
diff --git a/...dens/theme_emailConfig_signUpStep_highContrastTheme_darkMode_laptopGeometry.png b/...dens/theme_emailConfig_signUpStep_highContrastTheme_darkMode_laptopGeometry.png
diff --git a/...dens/theme_emailConfig_signUpStep_highContrastTheme_darkMode_mobileGeometry.png b/...dens/theme_emailConfig_signUpStep_highContrastTheme_darkMode_mobileGeometry.png
diff --git a/...ens/theme_emailConfig_signUpStep_highContrastTheme_lightMode_laptopGeometry.png b/...ens/theme_emailConfig_signUpStep_highContrastTheme_lightMode_laptopGeometry.png
diff --git a/...ens/theme_emailConfig_signUpStep_highContrastTheme_lightMode_mobileGeometry.png b/...ens/theme_emailConfig_signUpStep_highContrastTheme_lightMode_mobileGeometry.png
diff --git a/...goldens/theme_emailConfig_signUpStep_material3Theme_darkMode_laptopGeometry.png b/...goldens/theme_emailConfig_signUpStep_material3Theme_darkMode_laptopGeometry.png
diff --git a/...goldens/theme_emailConfig_signUpStep_material3Theme_darkMode_mobileGeometry.png b/...goldens/theme_emailConfig_signUpStep_material3Theme_darkMode_mobileGeometry.png
diff --git a/...oldens/theme_emailConfig_signUpStep_material3Theme_lightMode_laptopGeometry.png b/...oldens/theme_emailConfig_signUpStep_material3Theme_lightMode_laptopGeometry.png
diff --git a/...oldens/theme_emailConfig_signUpStep_material3Theme_lightMode_mobileGeometry.png b/...oldens/theme_emailConfig_signUpStep_material3Theme_lightMode_mobileGeometry.png
diff --git a/...eme_emailOrPhoneConfig_signInStep_customSwatchTheme_darkMode_laptopGeometry.png b/...eme_emailOrPhoneConfig_signInStep_customSwatchTheme_darkMode_laptopGeometry.png
diff --git a/...eme_emailOrPhoneConfig_signInStep_customSwatchTheme_darkMode_mobileGeometry.png b/...eme_emailOrPhoneConfig_signInStep_customSwatchTheme_darkMode_mobileGeometry.png
diff --git a/...me_emailOrPhoneConfig_signInStep_customSwatchTheme_lightMode_laptopGeometry.png b/...me_emailOrPhoneConfig_signInStep_customSwatchTheme_lightMode_laptopGeometry.png
diff --git a/...me_emailOrPhoneConfig_signInStep_customSwatchTheme_lightMode_mobileGeometry.png b/...me_emailOrPhoneConfig_signInStep_customSwatchTheme_lightMode_mobileGeometry.png
diff --git a/...ens/theme_emailOrPhoneConfig_signInStep_customTheme_darkMode_laptopGeometry.png b/...ens/theme_emailOrPhoneConfig_signInStep_customTheme_darkMode_laptopGeometry.png
diff --git a/...ens/theme_emailOrPhoneConfig_signInStep_customTheme_darkMode_mobileGeometry.png b/...ens/theme_emailOrPhoneConfig_signInStep_customTheme_darkMode_mobileGeometry.png
diff --git a/...ns/theme_emailOrPhoneConfig_signInStep_customTheme_lightMode_laptopGeometry.png b/...ns/theme_emailOrPhoneConfig_signInStep_customTheme_lightMode_laptopGeometry.png
diff --git a/...ns/theme_emailOrPhoneConfig_signInStep_customTheme_lightMode_mobileGeometry.png b/...ns/theme_emailOrPhoneConfig_signInStep_customTheme_lightMode_mobileGeometry.png
diff --git a/..._emailOrPhoneConfig_signInStep_defaultMaterialTheme_darkMode_laptopGeometry.png b/..._emailOrPhoneConfig_signInStep_defaultMaterialTheme_darkMode_laptopGeometry.png
diff --git a/..._emailOrPhoneConfig_signInStep_defaultMaterialTheme_darkMode_mobileGeometry.png b/..._emailOrPhoneConfig_signInStep_defaultMaterialTheme_darkMode_mobileGeometry.png
diff --git a/...emailOrPhoneConfig_signInStep_defaultMaterialTheme_lightMode_laptopGeometry.png b/...emailOrPhoneConfig_signInStep_defaultMaterialTheme_lightMode_laptopGeometry.png
diff --git a/...emailOrPhoneConfig_signInStep_defaultMaterialTheme_lightMode_mobileGeometry.png b/...emailOrPhoneConfig_signInStep_defaultMaterialTheme_lightMode_mobileGeometry.png
diff --git a/...eme_emailOrPhoneConfig_signInStep_highContrastTheme_darkMode_laptopGeometry.png b/...eme_emailOrPhoneConfig_signInStep_highContrastTheme_darkMode_laptopGeometry.png
diff --git a/...eme_emailOrPhoneConfig_signInStep_highContrastTheme_darkMode_mobileGeometry.png b/...eme_emailOrPhoneConfig_signInStep_highContrastTheme_darkMode_mobileGeometry.png
diff --git a/...me_emailOrPhoneConfig_signInStep_highContrastTheme_lightMode_laptopGeometry.png b/...me_emailOrPhoneConfig_signInStep_highContrastTheme_lightMode_laptopGeometry.png
diff --git a/...me_emailOrPhoneConfig_signInStep_highContrastTheme_lightMode_mobileGeometry.png b/...me_emailOrPhoneConfig_signInStep_highContrastTheme_lightMode_mobileGeometry.png
diff --git a/.../theme_emailOrPhoneConfig_signInStep_material3Theme_darkMode_laptopGeometry.png b/.../theme_emailOrPhoneConfig_signInStep_material3Theme_darkMode_laptopGeometry.png
diff --git a/.../theme_emailOrPhoneConfig_signInStep_material3Theme_darkMode_mobileGeometry.png b/.../theme_emailOrPhoneConfig_signInStep_material3Theme_darkMode_mobileGeometry.png
diff --git a/...theme_emailOrPhoneConfig_signInStep_material3Theme_lightMode_laptopGeometry.png b/...theme_emailOrPhoneConfig_signInStep_material3Theme_lightMode_laptopGeometry.png
diff --git a/...theme_emailOrPhoneConfig_signInStep_material3Theme_lightMode_mobileGeometry.png b/...theme_emailOrPhoneConfig_signInStep_material3Theme_lightMode_mobileGeometry.png
diff --git a/...eme_emailOrPhoneConfig_signUpStep_customSwatchTheme_darkMode_laptopGeometry.png b/...eme_emailOrPhoneConfig_signUpStep_customSwatchTheme_darkMode_laptopGeometry.png
diff --git a/...eme_emailOrPhoneConfig_signUpStep_customSwatchTheme_darkMode_mobileGeometry.png b/...eme_emailOrPhoneConfig_signUpStep_customSwatchTheme_darkMode_mobileGeometry.png
diff --git a/...me_emailOrPhoneConfig_signUpStep_customSwatchTheme_lightMode_laptopGeometry.png b/...me_emailOrPhoneConfig_signUpStep_customSwatchTheme_lightMode_laptopGeometry.png
diff --git a/...me_emailOrPhoneConfig_signUpStep_customSwatchTheme_lightMode_mobileGeometry.png b/...me_emailOrPhoneConfig_signUpStep_customSwatchTheme_lightMode_mobileGeometry.png
diff --git a/...ens/theme_emailOrPhoneConfig_signUpStep_customTheme_darkMode_laptopGeometry.png b/...ens/theme_emailOrPhoneConfig_signUpStep_customTheme_darkMode_laptopGeometry.png
diff --git a/...ens/theme_emailOrPhoneConfig_signUpStep_customTheme_darkMode_mobileGeometry.png b/...ens/theme_emailOrPhoneConfig_signUpStep_customTheme_darkMode_mobileGeometry.png
diff --git a/...ns/theme_emailOrPhoneConfig_signUpStep_customTheme_lightMode_laptopGeometry.png b/...ns/theme_emailOrPhoneConfig_signUpStep_customTheme_lightMode_laptopGeometry.png
diff --git a/...ns/theme_emailOrPhoneConfig_signUpStep_customTheme_lightMode_mobileGeometry.png b/...ns/theme_emailOrPhoneConfig_signUpStep_customTheme_lightMode_mobileGeometry.png
diff --git a/..._emailOrPhoneConfig_signUpStep_defaultMaterialTheme_darkMode_laptopGeometry.png b/..._emailOrPhoneConfig_signUpStep_defaultMaterialTheme_darkMode_laptopGeometry.png
diff --git a/..._emailOrPhoneConfig_signUpStep_defaultMaterialTheme_darkMode_mobileGeometry.png b/..._emailOrPhoneConfig_signUpStep_defaultMaterialTheme_darkMode_mobileGeometry.png
diff --git a/...emailOrPhoneConfig_signUpStep_defaultMaterialTheme_lightMode_laptopGeometry.png b/...emailOrPhoneConfig_signUpStep_defaultMaterialTheme_lightMode_laptopGeometry.png
diff --git a/...emailOrPhoneConfig_signUpStep_defaultMaterialTheme_lightMode_mobileGeometry.png b/...emailOrPhoneConfig_signUpStep_defaultMaterialTheme_lightMode_mobileGeometry.png
diff --git a/...eme_emailOrPhoneConfig_signUpStep_highContrastTheme_darkMode_laptopGeometry.png b/...eme_emailOrPhoneConfig_signUpStep_highContrastTheme_darkMode_laptopGeometry.png
diff --git a/...eme_emailOrPhoneConfig_signUpStep_highContrastTheme_darkMode_mobileGeometry.png b/...eme_emailOrPhoneConfig_signUpStep_highContrastTheme_darkMode_mobileGeometry.png
diff --git a/...me_emailOrPhoneConfig_signUpStep_highContrastTheme_lightMode_laptopGeometry.png b/...me_emailOrPhoneConfig_signUpStep_highContrastTheme_lightMode_laptopGeometry.png
diff --git a/...me_emailOrPhoneConfig_signUpStep_highContrastTheme_lightMode_mobileGeometry.png b/...me_emailOrPhoneConfig_signUpStep_highContrastTheme_lightMode_mobileGeometry.png
diff --git a/.../theme_emailOrPhoneConfig_signUpStep_material3Theme_darkMode_laptopGeometry.png b/.../theme_emailOrPhoneConfig_signUpStep_material3Theme_darkMode_laptopGeometry.png
diff --git a/.../theme_emailOrPhoneConfig_signUpStep_material3Theme_darkMode_mobileGeometry.png b/.../theme_emailOrPhoneConfig_signUpStep_material3Theme_darkMode_mobileGeometry.png
diff --git a/...theme_emailOrPhoneConfig_signUpStep_material3Theme_lightMode_laptopGeometry.png b/...theme_emailOrPhoneConfig_signUpStep_material3Theme_lightMode_laptopGeometry.png
diff --git a/...theme_emailOrPhoneConfig_signUpStep_material3Theme_lightMode_mobileGeometry.png b/...theme_emailOrPhoneConfig_signUpStep_material3Theme_lightMode_mobileGeometry.png
diff --git a/...e_socialProviderConfig_signInStep_customSwatchTheme_darkMode_laptopGeometry.png b/...e_socialProviderConfig_signInStep_customSwatchTheme_darkMode_laptopGeometry.png
diff --git a/...e_socialProviderConfig_signInStep_customSwatchTheme_darkMode_mobileGeometry.png b/...e_socialProviderConfig_signInStep_customSwatchTheme_darkMode_mobileGeometry.png
diff --git a/..._socialProviderConfig_signInStep_customSwatchTheme_lightMode_laptopGeometry.png b/..._socialProviderConfig_signInStep_customSwatchTheme_lightMode_laptopGeometry.png
diff --git a/..._socialProviderConfig_signInStep_customSwatchTheme_lightMode_mobileGeometry.png b/..._socialProviderConfig_signInStep_customSwatchTheme_lightMode_mobileGeometry.png
diff --git a/...s/theme_socialProviderConfig_signInStep_customTheme_darkMode_laptopGeometry.png b/...s/theme_socialProviderConfig_signInStep_customTheme_darkMode_laptopGeometry.png
diff --git a/...s/theme_socialProviderConfig_signInStep_customTheme_darkMode_mobileGeometry.png b/...s/theme_socialProviderConfig_signInStep_customTheme_darkMode_mobileGeometry.png
diff --git a/.../theme_socialProviderConfig_signInStep_customTheme_lightMode_laptopGeometry.png b/.../theme_socialProviderConfig_signInStep_customTheme_lightMode_laptopGeometry.png
diff --git a/.../theme_socialProviderConfig_signInStep_customTheme_lightMode_mobileGeometry.png b/.../theme_socialProviderConfig_signInStep_customTheme_lightMode_mobileGeometry.png
diff --git a/...ocialProviderConfig_signInStep_defaultMaterialTheme_darkMode_laptopGeometry.png b/...ocialProviderConfig_signInStep_defaultMaterialTheme_darkMode_laptopGeometry.png
diff --git a/...ocialProviderConfig_signInStep_defaultMaterialTheme_darkMode_mobileGeometry.png b/...ocialProviderConfig_signInStep_defaultMaterialTheme_darkMode_mobileGeometry.png
diff --git a/...cialProviderConfig_signInStep_defaultMaterialTheme_lightMode_laptopGeometry.png b/...cialProviderConfig_signInStep_defaultMaterialTheme_lightMode_laptopGeometry.png
diff --git a/...cialProviderConfig_signInStep_defaultMaterialTheme_lightMode_mobileGeometry.png b/...cialProviderConfig_signInStep_defaultMaterialTheme_lightMode_mobileGeometry.png
diff --git a/...e_socialProviderConfig_signInStep_highContrastTheme_darkMode_laptopGeometry.png b/...e_socialProviderConfig_signInStep_highContrastTheme_darkMode_laptopGeometry.png
diff --git a/...e_socialProviderConfig_signInStep_highContrastTheme_darkMode_mobileGeometry.png b/...e_socialProviderConfig_signInStep_highContrastTheme_darkMode_mobileGeometry.png
diff --git a/..._socialProviderConfig_signInStep_highContrastTheme_lightMode_laptopGeometry.png b/..._socialProviderConfig_signInStep_highContrastTheme_lightMode_laptopGeometry.png
diff --git a/..._socialProviderConfig_signInStep_highContrastTheme_lightMode_mobileGeometry.png b/..._socialProviderConfig_signInStep_highContrastTheme_lightMode_mobileGeometry.png
diff --git a/...heme_socialProviderConfig_signInStep_material3Theme_darkMode_laptopGeometry.png b/...heme_socialProviderConfig_signInStep_material3Theme_darkMode_laptopGeometry.png
diff --git a/...heme_socialProviderConfig_signInStep_material3Theme_darkMode_mobileGeometry.png b/...heme_socialProviderConfig_signInStep_material3Theme_darkMode_mobileGeometry.png
diff --git a/...eme_socialProviderConfig_signInStep_material3Theme_lightMode_laptopGeometry.png b/...eme_socialProviderConfig_signInStep_material3Theme_lightMode_laptopGeometry.png
diff --git a/...eme_socialProviderConfig_signInStep_material3Theme_lightMode_mobileGeometry.png b/...eme_socialProviderConfig_signInStep_material3Theme_lightMode_mobileGeometry.png
diff --git a/...e_socialProviderConfig_signUpStep_customSwatchTheme_darkMode_laptopGeometry.png b/...e_socialProviderConfig_signUpStep_customSwatchTheme_darkMode_laptopGeometry.png
diff --git a/...e_socialProviderConfig_signUpStep_customSwatchTheme_darkMode_mobileGeometry.png b/...e_socialProviderConfig_signUpStep_customSwatchTheme_darkMode_mobileGeometry.png
diff --git a/..._socialProviderConfig_signUpStep_customSwatchTheme_lightMode_laptopGeometry.png b/..._socialProviderConfig_signUpStep_customSwatchTheme_lightMode_laptopGeometry.png
diff --git a/..._socialProviderConfig_signUpStep_customSwatchTheme_lightMode_mobileGeometry.png b/..._socialProviderConfig_signUpStep_customSwatchTheme_lightMode_mobileGeometry.png
diff --git a/...s/theme_socialProviderConfig_signUpStep_customTheme_darkMode_laptopGeometry.png b/...s/theme_socialProviderConfig_signUpStep_customTheme_darkMode_laptopGeometry.png
diff --git a/...s/theme_socialProviderConfig_signUpStep_customTheme_darkMode_mobileGeometry.png b/...s/theme_socialProviderConfig_signUpStep_customTheme_darkMode_mobileGeometry.png
diff --git a/.../theme_socialProviderConfig_signUpStep_customTheme_lightMode_laptopGeometry.png b/.../theme_socialProviderConfig_signUpStep_customTheme_lightMode_laptopGeometry.png
diff --git a/.../theme_socialProviderConfig_signUpStep_customTheme_lightMode_mobileGeometry.png b/.../theme_socialProviderConfig_signUpStep_customTheme_lightMode_mobileGeometry.png
diff --git a/...ocialProviderConfig_signUpStep_defaultMaterialTheme_darkMode_laptopGeometry.png b/...ocialProviderConfig_signUpStep_defaultMaterialTheme_darkMode_laptopGeometry.png
diff --git a/...ocialProviderConfig_signUpStep_defaultMaterialTheme_darkMode_mobileGeometry.png b/...ocialProviderConfig_signUpStep_defaultMaterialTheme_darkMode_mobileGeometry.png
diff --git a/...cialProviderConfig_signUpStep_defaultMaterialTheme_lightMode_laptopGeometry.png b/...cialProviderConfig_signUpStep_defaultMaterialTheme_lightMode_laptopGeometry.png
diff --git a/...cialProviderConfig_signUpStep_defaultMaterialTheme_lightMode_mobileGeometry.png b/...cialProviderConfig_signUpStep_defaultMaterialTheme_lightMode_mobileGeometry.png
diff --git a/...e_socialProviderConfig_signUpStep_highContrastTheme_darkMode_laptopGeometry.png b/...e_socialProviderConfig_signUpStep_highContrastTheme_darkMode_laptopGeometry.png
diff --git a/...e_socialProviderConfig_signUpStep_highContrastTheme_darkMode_mobileGeometry.png b/...e_socialProviderConfig_signUpStep_highContrastTheme_darkMode_mobileGeometry.png
diff --git a/..._socialProviderConfig_signUpStep_highContrastTheme_lightMode_laptopGeometry.png b/..._socialProviderConfig_signUpStep_highContrastTheme_lightMode_laptopGeometry.png
diff --git a/..._socialProviderConfig_signUpStep_highContrastTheme_lightMode_mobileGeometry.png b/..._socialProviderConfig_signUpStep_highContrastTheme_lightMode_mobileGeometry.png
diff --git a/...heme_socialProviderConfig_signUpStep_material3Theme_darkMode_laptopGeometry.png b/...heme_socialProviderConfig_signUpStep_material3Theme_darkMode_laptopGeometry.png
diff --git a/...heme_socialProviderConfig_signUpStep_material3Theme_darkMode_mobileGeometry.png b/...heme_socialProviderConfig_signUpStep_material3Theme_darkMode_mobileGeometry.png
diff --git a/...eme_socialProviderConfig_signUpStep_material3Theme_lightMode_laptopGeometry.png b/...eme_socialProviderConfig_signUpStep_material3Theme_lightMode_laptopGeometry.png
diff --git a/...eme_socialProviderConfig_signUpStep_material3Theme_lightMode_mobileGeometry.png b/...eme_socialProviderConfig_signUpStep_material3Theme_lightMode_mobileGeometry.png
diff --git a/packages/authenticator/amplify_authenticator/test/ui/main_test.dart b/packages/authenticator/amplify_authenticator/test/ui/main_test.dart
@@ -27,6 +27,10 @@ enum TestConfig {
 }
 
 enum ScreenGeometry {
+  /// Geometry for an abitrarily constrained screen width, e.g. when
+  /// using a `ConstrainedBox` widget.
+  constrainedWidth(size: Size(200, 1000), pixelRatio: 1),
+
   // Geometry based off of an iPhone SE 2022
   mini(size: Size(750, 1334), pixelRatio: 2),