@aws-amplify/ui-react 6.5.5 → 6.7.0

package/dist/styles/StorageBrowser.layer.css

@@ -0,0 +1,152 @@
+@layer amplify.components {
+.amplify-storage-browser {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  height: 100%;
+  position: relative;
+  padding: var(--amplify-space-small);
+  gap: var(--amplify-space-small);
+  /* Error boundary */
+}
+.amplify-storage-browser__error {
+  background-color: var(--amplify-colors-background-error);
+  color: var(--amplify-colors-font-error);
+  padding: var(--amplify-space-medium);
+}
+.amplify-storage-browser__navigation, .amplify-storage-browser__exit {
+  align-self: flex-start;
+}
+.amplify-storage-browser__title {
+  font-weight: var(--amplify-font-weights-bold);
+  font-size: var(--amplify-font-sizes-large);
+}
+.amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: var(--amplify-space-medium);
+}
+.amplify-storage-browser__footer {
+  justify-content: flex-end;
+}
+.amplify-storage-browser__search {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__drop-zone {
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  display: block;
+}
+.amplify-storage-browser__data-table {
+  overflow: auto;
+  position: relative;
+  border-width: var(--amplify-border-widths-small);
+  border-style: solid;
+  border-color: var(--amplify-colors-border-primary);
+  border-radius: var(--amplify-radii-small);
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.amplify-storage-browser__table {
+  width: 100%;
+  position: relative;
+}
+.amplify-storage-browser__table-head {
+  position: sticky;
+  top: 0;
+  background: var(--amplify-colors-background-primary);
+  box-shadow: var(--amplify-shadows-small);
+  z-index: 2;
+}
+.amplify-storage-browser__table-header {
+  border: none;
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell {
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child {
+  border-inline-start-width: 0;
+  border-inline-end-width: 0;
+}
+.amplify-storage-browser__table-data-cell-icon {
+  vertical-align: middle;
+  margin-inline-end: var(--amplify-space-xs);
+}
+.amplify-storage-browser__table-header--select, .amplify-storage-browser__table-data--select, .amplify-storage-browser__table-header--download, .amplify-storage-browser__table-data--download, .amplify-storage-browser__table-data--cancel {
+  text-align: center;
+}
+.amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size {
+  text-align: end;
+}
+.amplify-storage-browser__table-button-data-cell, .amplify-storage-browser__table-date-data-cell, .amplify-storage-browser__table-number-data-cell, .amplify-storage-browser__table-text-data-cell, .amplify-storage-browser__table-sort-header {
+  display: flex;
+  width: 100%;
+  gap: var(--amplify-space-xxs);
+  padding: var(--amplify-space-xxs);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+.amplify-storage-browser__table-button-data-cell-icon--action-progress, .amplify-storage-browser__table-date-data-cell-icon--action-progress, .amplify-storage-browser__table-number-data-cell-icon--action-progress, .amplify-storage-browser__table-text-data-cell-icon--action-progress, .amplify-storage-browser__table-sort-header-icon--action-progress {
+  animation-name: amplify-loader-circular;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: var(--amplify-components-loader-animation-duration);
+}
+.amplify-storage-browser__status {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__status-display {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--amplify-space-small);
+  flex: 1;
+}
+.amplify-storage-browser__status-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__status-value {
+  color: var(--amplify-colors-font-secondary);
+}
+.amplify-storage-browser__destination {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__destination-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__message {
+  flex: 1;
+}
+.amplify-storage-browser__buttons {
+  justify-content: flex-end;
+  display: flex;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__loader {
+  position: absolute;
+  stroke-width: var(--amplify-border-widths-large);
+  height: var(--amplify-border-widths-large);
+  top: 0;
+  z-index: 3;
+}
+}

package/dist/styles/base.css

@@ -40,6 +40,7 @@
   --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
   --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
   --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
   --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
   --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
   --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);

package/dist/styles/base.layer.css

@@ -41,6 +41,7 @@
   --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
   --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
   --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
   --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
   --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
   --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);

package/dist/styles.css

@@ -40,6 +40,7 @@
   --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
   --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
   --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
   --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
   --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
   --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
@@ -6599,6 +6600,157 @@ html[dir=rtl] .amplify-field-group__inner-start {
   gap: var(--amplify-space-small);
 }
 
+.amplify-storage-browser {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  height: 100%;
+  position: relative;
+  padding: var(--amplify-space-small);
+  gap: var(--amplify-space-small);
+  /* Error boundary */
+}
+.amplify-storage-browser__error {
+  background-color: var(--amplify-colors-background-error);
+  color: var(--amplify-colors-font-error);
+  padding: var(--amplify-space-medium);
+}
+.amplify-storage-browser__navigation, .amplify-storage-browser__exit {
+  align-self: flex-start;
+}
+.amplify-storage-browser__title {
+  font-weight: var(--amplify-font-weights-bold);
+  font-size: var(--amplify-font-sizes-large);
+}
+.amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: var(--amplify-space-medium);
+}
+.amplify-storage-browser__footer {
+  justify-content: flex-end;
+}
+.amplify-storage-browser__search {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__drop-zone {
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  display: block;
+}
+.amplify-storage-browser__data-table {
+  overflow: auto;
+  position: relative;
+  border-width: var(--amplify-border-widths-small);
+  border-style: solid;
+  border-color: var(--amplify-colors-border-primary);
+  border-radius: var(--amplify-radii-small);
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.amplify-storage-browser__table {
+  width: 100%;
+  position: relative;
+}
+.amplify-storage-browser__table-head {
+  position: sticky;
+  top: 0;
+  background: var(--amplify-colors-background-primary);
+  box-shadow: var(--amplify-shadows-small);
+  z-index: 2;
+}
+.amplify-storage-browser__table-header {
+  border: none;
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell {
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child {
+  border-inline-start-width: 0;
+  border-inline-end-width: 0;
+}
+.amplify-storage-browser__table-data-cell-icon {
+  vertical-align: middle;
+  margin-inline-end: var(--amplify-space-xs);
+}
+.amplify-storage-browser__table-header--select, .amplify-storage-browser__table-data--select, .amplify-storage-browser__table-header--download, .amplify-storage-browser__table-data--download, .amplify-storage-browser__table-data--cancel {
+  text-align: center;
+}
+.amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size {
+  text-align: end;
+}
+.amplify-storage-browser__table-button-data-cell, .amplify-storage-browser__table-date-data-cell, .amplify-storage-browser__table-number-data-cell, .amplify-storage-browser__table-text-data-cell, .amplify-storage-browser__table-sort-header {
+  display: flex;
+  width: 100%;
+  gap: var(--amplify-space-xxs);
+  padding: var(--amplify-space-xxs);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+.amplify-storage-browser__table-button-data-cell-icon--action-progress, .amplify-storage-browser__table-date-data-cell-icon--action-progress, .amplify-storage-browser__table-number-data-cell-icon--action-progress, .amplify-storage-browser__table-text-data-cell-icon--action-progress, .amplify-storage-browser__table-sort-header-icon--action-progress {
+  animation-name: amplify-loader-circular;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: var(--amplify-components-loader-animation-duration);
+}
+.amplify-storage-browser__status {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__status-display {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--amplify-space-small);
+  flex: 1;
+}
+.amplify-storage-browser__status-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__status-value {
+  color: var(--amplify-colors-font-secondary);
+}
+.amplify-storage-browser__destination {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__destination-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__message {
+  flex: 1;
+}
+.amplify-storage-browser__buttons {
+  justify-content: flex-end;
+  display: flex;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__loader {
+  position: absolute;
+  stroke-width: var(--amplify-border-widths-large);
+  height: var(--amplify-border-widths-large);
+  top: 0;
+  z-index: 3;
+}
+
 .amplify-ai-conversation {
   display: flex;
   flex-direction: column;
@@ -6642,6 +6794,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-ai-conversation__message__body {
   display: flex;
+  flex: 1;
   flex-direction: column;
   align-items: var(--internal-body-align-items);
   gap: var(--amplify-components-ai-conversation-message-body-gap);
@@ -6650,10 +6803,20 @@ html[dir=rtl] .amplify-field-group__inner-start {
   background-color: var(--internal-content-bg);
   border-radius: var(--amplify-radii-medium);
   padding: var(--internal-content-padding);
+  display: flex;
+  flex-direction: column;
+  gap: var(--amplify-space-small);
+}
+.amplify-ai-conversation__message__text {
+  display: block;
+}
+.amplify-ai-conversation__message__image {
+  max-width: 25%;
 }
 .amplify-ai-conversation__message__actions {
   display: flex;
   flex-direction: row;
+  gap: var(--amplify-components-ai-conversation-message-actions-gap);
 }
 .amplify-ai-conversation__message--bubble {
   --internal-content-bg: var(--internal-bg-color);

package/dist/styles.layer.css

@@ -41,6 +41,7 @@
   --amplify-components-ai-conversation-message-sender-timestamp-font-size: inherit;
   --amplify-components-ai-conversation-message-sender-timestamp-font-weight: inherit;
   --amplify-components-ai-conversation-message-body-gap: var(--amplify-space-xs);
+  --amplify-components-ai-conversation-message-actions-gap: var(--amplify-space-xs);
   --amplify-components-ai-conversation-form-gap: var(--amplify-space-small);
   --amplify-components-ai-conversation-form-padding: var(--amplify-space-small);
   --amplify-components-ai-conversation-attachment-border-color: var(--amplify-colors-border-secondary);
@@ -6600,6 +6601,157 @@ html[dir=rtl] .amplify-field-group__inner-start {
   gap: var(--amplify-space-small);
 }
 
+.amplify-storage-browser {
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  height: 100%;
+  position: relative;
+  padding: var(--amplify-space-small);
+  gap: var(--amplify-space-small);
+  /* Error boundary */
+}
+.amplify-storage-browser__error {
+  background-color: var(--amplify-colors-background-error);
+  color: var(--amplify-colors-font-error);
+  padding: var(--amplify-space-medium);
+}
+.amplify-storage-browser__navigation, .amplify-storage-browser__exit {
+  align-self: flex-start;
+}
+.amplify-storage-browser__title {
+  font-weight: var(--amplify-font-weights-bold);
+  font-size: var(--amplify-font-sizes-large);
+}
+.amplify-storage-browser__controls, .amplify-storage-browser__summary, .amplify-storage-browser__footer {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  gap: var(--amplify-space-medium);
+}
+.amplify-storage-browser__footer {
+  justify-content: flex-end;
+}
+.amplify-storage-browser__search {
+  display: flex;
+  flex-direction: row;
+  flex: 1;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__drop-zone {
+  flex: 1;
+  overflow: hidden;
+  position: relative;
+  width: 100%;
+  display: block;
+}
+.amplify-storage-browser__data-table {
+  overflow: auto;
+  position: relative;
+  border-width: var(--amplify-border-widths-small);
+  border-style: solid;
+  border-color: var(--amplify-colors-border-primary);
+  border-radius: var(--amplify-radii-small);
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+.amplify-storage-browser__table {
+  width: 100%;
+  position: relative;
+}
+.amplify-storage-browser__table-head {
+  position: sticky;
+  top: 0;
+  background: var(--amplify-colors-background-primary);
+  box-shadow: var(--amplify-shadows-small);
+  z-index: 2;
+}
+.amplify-storage-browser__table-header {
+  border: none;
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell {
+  padding: var(--amplify-space-xxxs);
+}
+.amplify-storage-browser__table-data-cell:first-child, .amplify-storage-browser__table-data-cell:last-child {
+  border-inline-start-width: 0;
+  border-inline-end-width: 0;
+}
+.amplify-storage-browser__table-data-cell-icon {
+  vertical-align: middle;
+  margin-inline-end: var(--amplify-space-xs);
+}
+.amplify-storage-browser__table-header--select, .amplify-storage-browser__table-data--select, .amplify-storage-browser__table-header--download, .amplify-storage-browser__table-data--download, .amplify-storage-browser__table-data--cancel {
+  text-align: center;
+}
+.amplify-storage-browser__table-data--size, .amplify-storage-browser__table-header--size {
+  text-align: end;
+}
+.amplify-storage-browser__table-button-data-cell, .amplify-storage-browser__table-date-data-cell, .amplify-storage-browser__table-number-data-cell, .amplify-storage-browser__table-text-data-cell, .amplify-storage-browser__table-sort-header {
+  display: flex;
+  width: 100%;
+  gap: var(--amplify-space-xxs);
+  padding: var(--amplify-space-xxs);
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+.amplify-storage-browser__table-button-data-cell-icon--action-progress, .amplify-storage-browser__table-date-data-cell-icon--action-progress, .amplify-storage-browser__table-number-data-cell-icon--action-progress, .amplify-storage-browser__table-text-data-cell-icon--action-progress, .amplify-storage-browser__table-sort-header-icon--action-progress {
+  animation-name: amplify-loader-circular;
+  animation-timing-function: linear;
+  animation-iteration-count: infinite;
+  animation-duration: var(--amplify-components-loader-animation-duration);
+}
+.amplify-storage-browser__status {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__status-display {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  align-items: center;
+  gap: var(--amplify-space-small);
+  flex: 1;
+}
+.amplify-storage-browser__status-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__status-value {
+  color: var(--amplify-colors-font-secondary);
+}
+.amplify-storage-browser__destination {
+  display: flex;
+  flex-direction: row;
+  gap: var(--amplify-space-xs);
+  align-items: center;
+}
+.amplify-storage-browser__destination-label {
+  font-weight: var(--amplify-font-weights-bold);
+}
+.amplify-storage-browser__message {
+  flex: 1;
+}
+.amplify-storage-browser__buttons {
+  justify-content: flex-end;
+  display: flex;
+  gap: var(--amplify-space-small);
+}
+.amplify-storage-browser__loader {
+  position: absolute;
+  stroke-width: var(--amplify-border-widths-large);
+  height: var(--amplify-border-widths-large);
+  top: 0;
+  z-index: 3;
+}
+
 .amplify-ai-conversation {
   display: flex;
   flex-direction: column;
@@ -6643,6 +6795,7 @@ html[dir=rtl] .amplify-field-group__inner-start {
 }
 .amplify-ai-conversation__message__body {
   display: flex;
+  flex: 1;
   flex-direction: column;
   align-items: var(--internal-body-align-items);
   gap: var(--amplify-components-ai-conversation-message-body-gap);
@@ -6651,10 +6804,20 @@ html[dir=rtl] .amplify-field-group__inner-start {
   background-color: var(--internal-content-bg);
   border-radius: var(--amplify-radii-medium);
   padding: var(--internal-content-padding);
+  display: flex;
+  flex-direction: column;
+  gap: var(--amplify-space-small);
+}
+.amplify-ai-conversation__message__text {
+  display: block;
+}
+.amplify-ai-conversation__message__image {
+  max-width: 25%;
 }
 .amplify-ai-conversation__message__actions {
   display: flex;
   flex-direction: row;
+  gap: var(--amplify-components-ai-conversation-message-actions-gap);
 }
 .amplify-ai-conversation__message--bubble {
   --internal-content-bg: var(--internal-bg-color);

package/dist/types/components/FileSelect/FileSelect.d.ts

@@ -0,0 +1,59 @@
+import React from 'react';
+export type SelectType = 'FILE' | 'FOLDER';
+/**
+ * @internal @unstable
+ */
+export interface FileSelectProps {
+    accept?: string;
+    id?: string;
+    multiple?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    type?: SelectType;
+    testId?: string;
+}
+/**
+ * @internal @unstable
+ */
+export interface FileSelectOptions extends Omit<FileSelectProps, 'type'> {
+}
+export type HandleFileSelect = (selectType: SelectType, options?: FileSelectOptions) => void;
+/**
+ * @internal @unstable
+ */
+export type UseFileSelect = [
+    fileSelect: React.ReactNode,
+    handleFileSelect: HandleFileSelect
+];
+export declare const DEFAULT_PROPS: {
+    style: {
+        display: string;
+    };
+    type: string;
+    'data-testid': string;
+};
+/**
+ * @internal @unstable
+ */
+export declare const FileSelect: React.ForwardRefExoticComponent<FileSelectProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * @internal @unstable
+ *
+ * @usage
+ * ```tsx
+ *  function MyUploadButton() {
+ *    const [files, setFiles] = React.useState<File[]>([]);
+ *    const [fileSelect, handleFileSelect] = useFileSelect(setFiles);
+ *    return (
+ *      <>
+ *        {fileSelect}
+ *        <Button
+ *          onClick={() => {
+ *            handleFileSelect('file');
+ *          }}
+ *        />
+ *      </>
+ *    );
+ *  }
+ * ```
+ */
+export declare const useFileSelect: (onSelect?: ((files: File[]) => void) | undefined) => UseFileSelect;

package/dist/types/components/FileSelect/index.d.ts

@@ -0,0 +1 @@
+export { FileSelect, FileSelectOptions, FileSelectProps, HandleFileSelect, useFileSelect, UseFileSelect, } from './FileSelect';

package/dist/types/components/ThemeProvider/ComponentStyle.d.ts

@@ -11,10 +11,6 @@ interface ComponentStyleProps extends React.ComponentProps<'style'> {
     theme: Pick<WebTheme, 'name' | 'breakpoints' | 'tokens'>;
     componentThemes: BaseComponentTheme[];
 }
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 export declare const ComponentStyle: {
     ({ theme, componentThemes, ...rest }: ComponentStyleProps): JSX.Element | null;
     displayName: string;

package/dist/types/components/ThemeProvider/GlobalStyle.d.ts

@@ -9,10 +9,6 @@ interface GlobalStyleProps extends React.ComponentProps<'style'> {
     nonce?: string;
     styles: Parameters<typeof createGlobalCSS>[0];
 }
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 export declare const GlobalStyle: {
     ({ styles, ...rest }: GlobalStyleProps): JSX.Element | null;
     displayName: string;

package/dist/types/components/ThemeProvider/Style.d.ts

@@ -2,10 +2,6 @@ import * as React from 'react';
 interface StyleProps extends React.ComponentProps<'style'> {
     cssText?: string;
 }
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 export declare const Style: {
     ({ cssText, ...rest }: StyleProps): JSX.Element | null;
     displayName: string;

package/dist/types/components/ThemeProvider/ThemeStyle.d.ts

@@ -9,10 +9,6 @@ interface ThemeStyleProps extends React.ComponentProps<'style'> {
     nonce?: string;
     theme?: WebTheme;
 }
-/**
- * @experimental
- * [📖 Docs](https://ui.docs.amplify.aws/react/components/theme)
- */
 export declare const ThemeStyle: {
     ({ theme, ...rest }: ThemeStyleProps): JSX.Element | null;
     displayName: string;

package/dist/types/internal.d.ts

@@ -7,5 +7,7 @@ export { useDropZone } from '@aws-amplify/ui-react-core';
 export * from './components/FilterChildren';
 export { AlertIcon } from './primitives/Alert/AlertIcon';
 export * from './primitives/Icon/internal';
+export { STORAGE_BROWSER_ICON_PATHS, StorageBrowserIconType, } from './primitives/Icon/context/StorageBrowserIcons';
+export { FileSelect, FileSelectOptions, FileSelectProps, HandleFileSelect, useFileSelect, UseFileSelect, } from './components/FileSelect';
 export { Field } from './primitives/Field';
 export { PrimitiveCatalog } from './PrimitiveCatalog';

package/dist/types/primitives/Icon/context/IconsContext.d.ts

@@ -1,4 +1,5 @@
 import * as React from 'react';
+type StorageBrowserIconType = 'action-canceled' | 'action-error' | 'action-info' | 'action-initial' | 'action-progress' | 'action-queued' | 'action-success' | 'cancel' | 'create-folder' | 'copy-file' | 'delete-file' | 'dismiss' | 'download' | 'error' | 'exit' | 'file' | 'folder' | 'info' | 'loading' | 'menu' | 'paginate-next' | 'paginate-previous' | 'refresh' | 'search' | 'sort-ascending' | 'sort-descending' | 'sort-indeterminate' | 'success' | 'upload-file' | 'upload-folder' | 'vertical-kebab' | 'warning';
 type ComponentIcons<Keys extends string> = {
     [Key in Keys]?: React.ReactNode;
 };
@@ -17,6 +18,7 @@ export type IconsContextInterface = {
     searchField?: ComponentIcons<'search'>;
     select?: ComponentIcons<'expand'>;
     stepperField?: ComponentIcons<'add' | 'remove'>;
+    storageBrowser?: ComponentIcons<StorageBrowserIconType>;
     storageManager?: ComponentIcons<'upload' | 'remove' | 'error' | 'success' | 'file'>;
 };
 export declare const IconsContext: React.Context<IconsContextInterface | undefined>;