@aws-amplify/ui 5.7.2 → 5.8.0

package/dist/types/theme/tokens/components/fieldset.d.ts

@@ -0,0 +1,17 @@
+import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+export type FieldsetSizeTokens<Output> = DesignTokenProperties<'gap', Output>;
+export type FieldsetOutlinedTokens<Output> = DesignTokenProperties<'padding' | 'borderColor' | 'borderWidth' | 'borderStyle', Output> & {
+    small?: DesignTokenProperties<'padding', Output>;
+    large?: DesignTokenProperties<'padding', Output>;
+};
+export type FieldsetLegendTokens<Output> = DesignTokenProperties<'fontSize' | 'color' | 'fontWeight' | 'lineHeight', Output> & {
+    small?: DesignTokenProperties<'fontSize', Output>;
+    large?: DesignTokenProperties<'fontSize', Output>;
+};
+export type FieldsetTokens<Output extends OutputVariantKey> = DesignTokenProperties<'backgroundColor' | 'gap' | 'flexDirection' | 'borderRadius', Output> & {
+    legend?: FieldsetLegendTokens<Output>;
+    outlined?: FieldsetOutlinedTokens<Output>;
+    small?: FieldsetSizeTokens<Output>;
+    large?: FieldsetSizeTokens<Output>;
+};
+export declare const fieldset: Required<FieldsetTokens<'default'>>;

package/dist/types/theme/tokens/components/index.d.ts

@@ -11,22 +11,26 @@ import { CollectionTokens } from './collection';
 import { CopyTokens } from './copy';
 import { DialCodeSelectTokens } from './dialCodeSelect';
 import { DividerTokens } from './divider';
+import { DropZoneTokens } from './dropZone';
 import { ExpanderTokens } from './expander';
 import { FieldTokens } from './field';
 import { FieldControlTokens } from './fieldControl';
 import { FieldGroupTokens } from './fieldGroup';
+import { FieldsetTokens } from './fieldset';
 import { FieldMessagesTokens } from './fieldMessages';
 import { FileUploaderTokens } from './fileUploader';
 import { FlexTokens } from './flex';
 import { HeadingTokens } from './heading';
 import { HighlightMatchTokens } from './highlightMatch';
 import { IconTokens } from './icon';
+import { InputTokens } from './input';
 import { ImageTokens } from './image';
 import { InAppMessagingTokens } from './inAppMessaging';
 import { LinkTokens } from './link';
 import { LivenessTokens } from './liveness';
 import { LoaderTokens } from './loader';
 import { MenuTokens } from './menu';
+import { MessageTokens } from './message';
 import { PaginationTokens } from './pagination';
 import { PasswordFieldTokens } from './passwordField';
 import { PhoneNumberFieldTokens } from './phoneNumberField';
@@ -63,8 +67,10 @@ type BaseComponentTokens<Output extends OutputVariantKey> = {
     copy?: CopyTokens<Output>;
     countrycodeselect?: DialCodeSelectTokens<Output>;
     divider?: DividerTokens<Output>;
+    dropzone?: DropZoneTokens<Output>;
     expander?: ExpanderTokens<Output>;
     field?: FieldTokens<Output>;
+    fieldset?: FieldsetTokens<Output>;
     fieldcontrol?: FieldControlTokens<Output>;
     fieldgroup?: FieldGroupTokens<Output>;
     fieldmessages?: FieldMessagesTokens<Output>;
@@ -75,10 +81,12 @@ type BaseComponentTokens<Output extends OutputVariantKey> = {
     icon?: IconTokens<Output>;
     image?: ImageTokens<Output>;
     inappmessaging?: InAppMessagingTokens<Output>;
+    input?: InputTokens<Output>;
     link?: LinkTokens<Output>;
     liveness?: LivenessTokens<Output>;
     loader?: LoaderTokens<Output>;
     menu?: MenuTokens<Output>;
+    message?: MessageTokens<Output>;
     pagination?: PaginationTokens<Output>;
     passwordfield?: PasswordFieldTokens<Output>;
     phonenumberfield?: PhoneNumberFieldTokens<Output>;

package/dist/types/theme/tokens/components/input.d.ts

@@ -0,0 +1,5 @@
+import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+export type InputTokens<Output extends OutputVariantKey> = DesignTokenProperties<'color' | 'borderColor' | 'fontSize', Output> & {
+    _focus?: DesignTokenProperties<'borderColor', Output>;
+};
+export declare const input: Required<InputTokens<'default'>>;

package/dist/types/theme/tokens/components/message.d.ts

@@ -0,0 +1,19 @@
+import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
+type MessageColorThemeTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'color' | 'borderColor', OutputType>;
+type MessageVariationTokens<OutputType> = DesignTokenProperties<'backgroundColor' | 'color' | 'borderColor', OutputType> & {
+    info?: MessageColorThemeTokens<OutputType>;
+    error?: MessageColorThemeTokens<OutputType>;
+    warning?: MessageColorThemeTokens<OutputType>;
+    success?: MessageColorThemeTokens<OutputType>;
+};
+type MessageTokenKey = 'alignItems' | 'justifyContent' | 'color' | 'backgroundColor' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth' | 'lineHeight' | 'paddingBlock' | 'paddingInline';
+export type MessageTokens<OutputType extends OutputVariantKey> = DesignTokenProperties<MessageTokenKey, OutputType> & {
+    icon?: DesignTokenProperties<'size', OutputType>;
+    heading?: DesignTokenProperties<'fontSize' | 'fontWeight', OutputType>;
+    dismiss?: DesignTokenProperties<'gap', OutputType>;
+    plain?: MessageVariationTokens<OutputType>;
+    outlined?: MessageVariationTokens<OutputType>;
+    filled?: MessageVariationTokens<OutputType>;
+};
+export declare const message: Required<MessageTokens<'default'>>;
+export {};

package/dist/types/theme/tokens/components/storagemanager.d.ts

@@ -1,6 +1,9 @@
 import { DesignTokenProperties, OutputVariantKey } from '../types/designToken';
 import { FileUploaderTokens } from './fileUploader';
-export interface StorageManagerTokens<OutputType extends OutputVariantKey> extends Omit<FileUploaderTokens<OutputType>, 'body' | 'footer'> {
+export interface StorageManagerTokens<OutputType extends OutputVariantKey> extends Omit<FileUploaderTokens<OutputType>, 'body' | 'previewer'> {
     filelist?: DesignTokenProperties<'flexDirection' | 'gap'>;
+    previewer?: {
+        footer?: DesignTokenProperties<'justifyContent', OutputType>;
+    };
 }
 export declare const storagemanager: Required<StorageManagerTokens<'default'>>;

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

@@ -36,6 +36,7 @@ export declare enum ComponentClassName {
     DialCodeSelect = "amplify-dialcodeselect",
     Divider = "amplify-divider",
     DividerLabel = "amplify-divider--label",
+    DropZone = "amplify-dropzone",
     Expander = "amplify-expander",
     ExpanderContent = "amplify-expander__content",
     ExpanderContentText = "amplify-expander__content__text",
@@ -58,6 +59,8 @@ export declare enum ComponentClassName {
     FieldGroupHasInnerStart = "amplify-field-group--has-inner-start",
     FieldShowPassword = "amplify-field__show-password",
     FieldGroupFieldWrapper = "amplify-field-group__field-wrapper",
+    Fieldset = "amplify-fieldset",
+    FieldsetLegend = "amplify-fieldset__legend",
     FileUploaderDropZone = "amplify-fileuploader__dropzone",
     FileUploaderDropZoneIcon = "amplify-fileuploader__dropzone__icon",
     FileUploaderDropZoneText = "amplify-fileuploader__dropzone__text",
@@ -93,6 +96,12 @@ export declare enum ComponentClassName {
     MenuContentWrapper = "amplify-menu-content-wrapper",
     MenuItem = "amplify-menu-content__item",
     MenuTrigger = "amplify-menu-trigger",
+    Message = "amplify-message",
+    MessageIcon = "amplify-message__icon",
+    MessageHeading = "amplify-message__heading",
+    MessageBody = "amplify-message__body",
+    MessageContent = "amplify-message__content",
+    MessageDismiss = "amplify-message__dismiss",
     Pagination = "amplify-pagination",
     PaginationItemButton = "amplify-pagination__item-button",
     PaginationItemCurrent = "amplify-pagination__item-current",
@@ -144,6 +153,8 @@ export declare enum ComponentClassName {
     StorageManagerLoader = "amplify-storagemanager__loader",
     StorageManagerPreviewer = "amplify-storagemanager__previewer",
     StorageManagerPreviewerText = "amplify-storagemanager__previewer__text",
+    StorageManagerPreviewerActions = "amplify-storagemanager__previewer__actions",
+    StorageManagerPreviewerFooter = "amplify-storagemanager__previewer__footer",
     SwitchField = "amplify-switchfield",
     SwitchLabel = "amplify-switch-label",
     SwitchThumb = "amplify-switch-thumb",

package/package.json

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