@aws-amplify/ui 5.5.0 → 5.5.2

package/dist/styles.css

@@ -432,7 +432,7 @@
   --amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);
   --amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);
   --amplify-components-fileuploader-file-gap: var(--amplify-space-small);
-  --amplify-components-fileuploader-file-align-items: center;
+  --amplify-components-fileuploader-file-align-items: baseline;
   --amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);
   --amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);
   --amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);
@@ -1678,6 +1678,7 @@ strong.amplify-text {
   -webkit-user-select: text;
      -moz-user-select: text;
           user-select: text;
+  display: inline-flex;
 }
 .amplify-input:focus {
   border-color: var(--amplify-components-fieldcontrol-focus-border-color);
@@ -2739,10 +2740,16 @@ html[dir=rtl] .amplify-field-group__inner-start {
   border-color: var(--amplify-components-fileuploader-file-border-color);
   border-radius: var(--amplify-components-fileuploader-file-border-radius);
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   padding-inline: var(--amplify-components-fileuploader-file-padding-inline);
   padding-block: var(--amplify-components-fileuploader-file-padding-block);
   align-items: var(--amplify-components-fileuploader-file-align-items);
+}
+.amplify-fileuploader__file__wrapper {
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
   gap: var(--amplify-components-fileuploader-file-gap);
 }
 .amplify-fileuploader__file__name {

package/dist/theme.css

@@ -429,7 +429,7 @@
 --amplify-components-fileuploader-file-padding-block: var(--amplify-space-xs);
 --amplify-components-fileuploader-file-padding-inline: var(--amplify-space-small);
 --amplify-components-fileuploader-file-gap: var(--amplify-space-small);
---amplify-components-fileuploader-file-align-items: center;
+--amplify-components-fileuploader-file-align-items: baseline;
 --amplify-components-fileuploader-file-name-font-size: var(--amplify-font-sizes-medium);
 --amplify-components-fileuploader-file-name-font-weight: var(--amplify-font-weights-bold);
 --amplify-components-fileuploader-file-name-color: var(--amplify-colors-font-primary);

package/dist/types/helpers/authenticator/textUtil.d.ts

@@ -10,6 +10,7 @@ export declare const authenticatorTextUtil: {
     readonly getCopyText: () => string;
     readonly getHidePasswordText: () => string;
     readonly getLoadingText: () => string;
+    readonly getOrText: () => string;
     readonly getResendCodeText: () => string;
     readonly getSendCodeText: () => string;
     readonly getSendingText: () => string;

package/dist/types/helpers/authenticator/utils.d.ts

@@ -26,4 +26,5 @@ export declare const defaultAuthHubHandler: AuthMachineHubHandler;
 export declare const listenToAuthHub: (service: AuthInterpreter, handler?: AuthMachineHubHandler) => () => void;
 export declare const hasSpecialChars: (password: string) => boolean;
 export declare const getTotpCodeURL: (issuer: string, username: string, secret: string) => string;
+export declare function trimValues<T extends Record<string, string>>(values: T, ...ignored: string[]): T;
 export {};

package/dist/types/i18n/dictionaries/authenticator/defaultTexts.d.ts

@@ -32,6 +32,7 @@ export declare const defaultTexts: {
     NAME: string;
     NICKNAME: string;
     NEW_PASSWORD: string;
+    OR: string;
     PASSWORD: string;
     PHONE_NUMBER: string;
     PREFERRED_USERNAME: string;

package/dist/types/i18n/dictionaries/index.d.ts

@@ -916,6 +916,7 @@ export declare const defaultTexts: {
     NAME: string;
     NICKNAME: string;
     NEW_PASSWORD: string;
+    OR: string;
     PASSWORD: string;
     PHONE_NUMBER: string;
     PREFERRED_USERNAME: string;

package/dist/types/i18n/translations.d.ts

@@ -44,6 +44,7 @@ export declare const DefaultTexts: {
     readonly NAME: string;
     readonly NICKNAME: string;
     readonly NEW_PASSWORD: string;
+    readonly OR: string;
     readonly PASSWORD: string;
     readonly PHONE_NUMBER: string;
     readonly PREFERRED_USERNAME: string;

package/dist/types/theme/utils.d.ts

@@ -1,8 +1,6 @@
-import { DesignToken, WebDesignToken } from './tokens/types/designToken';
+import { ShadowValue, WebDesignToken } from './tokens/types/designToken';
 export declare const CSS_VARIABLE_PREFIX = "amplify";
-export declare function cssValue(token: DesignToken<{
-    value: unknown;
-}>): unknown;
+export declare function cssValue(token: BaseDesignToken): string | number;
 interface NameTransformProps {
     path?: Array<string>;
 }
@@ -15,8 +13,9 @@ export declare function cssNameTransform({ path }: NameTransformProps): string;
  * @returns boolean
  */
 export declare function isDesignToken(value: unknown): value is WebDesignToken;
+export declare function isShadowToken(value: unknown): value is ShadowValue;
 declare type SetupTokensProps = {
-    tokens: Record<string | number, any>;
+    tokens?: Record<string | number, any>;
     path?: Array<string>;
     setupToken: SetupToken;
 };

package/dist/types/types/primitives/componentClassName.d.ts

@@ -58,6 +58,7 @@ export declare enum ComponentClassName {
     FileUploaderDropZoneText = "amplify-fileuploader__dropzone__text",
     FileUploaderDropZoneButton = "amplify-fileuploader__dropzone__button",
     FileUploaderFile = "amplify-fileuploader__file",
+    FileUploaderFileWrapper = "amplify-fileuploader__file__wrapper",
     FileUploaderFileName = "amplify-fileuploader__file__name",
     FileUploaderFileSize = "amplify-fileuploader__file__size",
     FileUploaderFileInfo = "amplify-fileuploader__file__info",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aws-amplify/ui",
-  "version": "5.5.0",
+  "version": "5.5.2",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "exports": {