@cloudscape-design/components 3.0.250 → 3.0.251

package/button/styles.selectors.js

@@ -2,24 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content": "awsui_content_vjswe_1himx_97",
-  "button": "awsui_button_vjswe_1himx_101",
-  "variant-normal": "awsui_variant-normal_vjswe_1himx_126",
-  "is-activated": "awsui_is-activated_vjswe_1himx_139",
-  "hide-focus-outline": "awsui_hide-focus-outline_vjswe_1himx_148",
-  "variant-icon": "awsui_variant-icon_vjswe_1himx_166",
-  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_1himx_166",
-  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_1himx_166",
-  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_1himx_184",
-  "disabled": "awsui_disabled_vjswe_1himx_202",
-  "variant-primary": "awsui_variant-primary_vjswe_1himx_210",
-  "variant-link": "awsui_variant-link_vjswe_1himx_294",
-  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_1himx_714",
-  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_1himx_801",
-  "button-no-text": "awsui_button-no-text_vjswe_1himx_885",
-  "button-no-wrap": "awsui_button-no-wrap_vjswe_1himx_889",
-  "icon-left": "awsui_icon-left_vjswe_1himx_905",
-  "icon-right": "awsui_icon-right_vjswe_1himx_910",
-  "icon": "awsui_icon_vjswe_1himx_905"
+  "content": "awsui_content_vjswe_uh9zb_97",
+  "button": "awsui_button_vjswe_uh9zb_101",
+  "variant-normal": "awsui_variant-normal_vjswe_uh9zb_126",
+  "is-activated": "awsui_is-activated_vjswe_uh9zb_139",
+  "hide-focus-outline": "awsui_hide-focus-outline_vjswe_uh9zb_148",
+  "force-focus-outline": "awsui_force-focus-outline_vjswe_uh9zb_166",
+  "variant-icon": "awsui_variant-icon_vjswe_uh9zb_184",
+  "variant-modal-dismiss": "awsui_variant-modal-dismiss_vjswe_uh9zb_184",
+  "variant-flashbar-icon": "awsui_variant-flashbar-icon_vjswe_uh9zb_184",
+  "variant-inline-icon": "awsui_variant-inline-icon_vjswe_uh9zb_202",
+  "disabled": "awsui_disabled_vjswe_uh9zb_220",
+  "variant-primary": "awsui_variant-primary_vjswe_uh9zb_228",
+  "variant-link": "awsui_variant-link_vjswe_uh9zb_330",
+  "variant-breadcrumb-group": "awsui_variant-breadcrumb-group_vjswe_uh9zb_840",
+  "variant-menu-trigger": "awsui_variant-menu-trigger_vjswe_uh9zb_945",
+  "button-no-text": "awsui_button-no-text_vjswe_uh9zb_1047",
+  "button-no-wrap": "awsui_button-no-wrap_vjswe_uh9zb_1051",
+  "icon-left": "awsui_icon-left_vjswe_uh9zb_1067",
+  "icon-right": "awsui_icon-right_vjswe_uh9zb_1072",
+  "icon": "awsui_icon_vjswe_uh9zb_1067"
 };
   

package/file-upload/default-formatters.d.ts

@@ -0,0 +1,3 @@
+export declare function formatFileSize(size: number): string;
+export declare function formatFileLastModified(date: Date): string;
+//# sourceMappingURL=default-formatters.d.ts.map

package/file-upload/default-formatters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-formatters.d.ts","sourceRoot":"lib/default/","sources":["file-upload/default-formatters.ts"],"names":[],"mappings":"AAUA,wBAAgB,cAAc,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAWnD;AAED,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAEzD"}

package/file-upload/default-formatters.js

@@ -0,0 +1,23 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { formatDateTime } from '../internal/utils/date-time';
+const KB = 1000;
+const MB = Math.pow(1000, 2);
+const GB = Math.pow(1000, 3);
+const TB = Math.pow(1000, 4);
+export function formatFileSize(size) {
+    if (size < MB) {
+        return `${(size / KB).toFixed(2)} KB`;
+    }
+    if (size < GB) {
+        return `${(size / MB).toFixed(2)} MB`;
+    }
+    if (size < TB) {
+        return `${(size / GB).toFixed(2)} GB`;
+    }
+    return `${(size / TB).toFixed(2)} TB`;
+}
+export function formatFileLastModified(date) {
+    return formatDateTime(date);
+}
+//# sourceMappingURL=default-formatters.js.map

package/file-upload/default-formatters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-formatters.js","sourceRoot":"lib/default/","sources":["file-upload/default-formatters.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,MAAM,EAAE,GAAG,IAAI,CAAC;AAChB,MAAM,EAAE,GAAG,SAAA,IAAI,EAAI,CAAC,CAAA,CAAC;AACrB,MAAM,EAAE,GAAG,SAAA,IAAI,EAAI,CAAC,CAAA,CAAC;AACrB,MAAM,EAAE,GAAG,SAAA,IAAI,EAAI,CAAC,CAAA,CAAC;AAErB,MAAM,UAAU,cAAc,CAAC,IAAY;IACzC,IAAI,IAAI,GAAG,EAAE,EAAE;QACb,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;KACvC;IACD,IAAI,IAAI,GAAG,EAAE,EAAE;QACb,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;KACvC;IACD,IAAI,IAAI,GAAG,EAAE,EAAE;QACb,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;KACvC;IACD,OAAO,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,IAAU;IAC/C,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { formatDateTime } from '../internal/utils/date-time';\n\nconst KB = 1000;\nconst MB = 1000 ** 2;\nconst GB = 1000 ** 3;\nconst TB = 1000 ** 4;\n\nexport function formatFileSize(size: number): string {\n  if (size < MB) {\n    return `${(size / KB).toFixed(2)} KB`;\n  }\n  if (size < GB) {\n    return `${(size / MB).toFixed(2)} MB`;\n  }\n  if (size < TB) {\n    return `${(size / GB).toFixed(2)} GB`;\n  }\n  return `${(size / TB).toFixed(2)} TB`;\n}\n\nexport function formatFileLastModified(date: Date): string {\n  return formatDateTime(date);\n}\n"]}

package/file-upload/dropzone/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface DropzoneProps {
+    onChange: (files: File[]) => void;
+    children: React.ReactNode;
+}
+export declare function useDropzoneVisible(): boolean;
+export declare function Dropzone({ onChange, children }: DropzoneProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/file-upload/dropzone/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["file-upload/dropzone/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,UAAU,aAAa;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,wBAAgB,kBAAkB,YA6CjC;AAED,wBAAgB,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,aAAa,eAuC7D"}

package/file-upload/dropzone/index.js

@@ -0,0 +1,69 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect, useState } from 'react';
+import styles from './styles.css.js';
+import clsx from 'clsx';
+import InternalIcon from '../../icon/internal';
+export function useDropzoneVisible() {
+    const [isDropzoneVisible, setDropzoneVisible] = useState(false);
+    // Registering global drag events listeners.
+    useEffect(() => {
+        // The timer helps avoiding dropzone blinking.
+        let dragTimer = null;
+        // The file-upload dropzone is shown when the user drags files over to the browser.
+        const onDocumentDragOver = (event) => {
+            var _a, _b;
+            event.preventDefault();
+            if (((_b = (_a = event.dataTransfer) === null || _a === void 0 ? void 0 : _a.types) === null || _b === void 0 ? void 0 : _b.indexOf('Files')) !== -1) {
+                setDropzoneVisible(true);
+                dragTimer && clearTimeout(dragTimer);
+            }
+        };
+        // When the files are no longer dragged over the browser the state must be reset.
+        const onDocumentDragLeave = (event) => {
+            event.preventDefault();
+            dragTimer = setTimeout(() => setDropzoneVisible(false), 25);
+        };
+        // If the files were dropped the state must be reset.
+        const onDocumentDrop = (event) => {
+            event.preventDefault();
+            dragTimer = setTimeout(() => setDropzoneVisible(false), 25);
+        };
+        document.addEventListener('dragover', onDocumentDragOver, false);
+        document.addEventListener('dragleave', onDocumentDragLeave, false);
+        document.addEventListener('drop', onDocumentDrop, false);
+        return () => {
+            dragTimer && clearTimeout(dragTimer);
+            document.removeEventListener('dragover', onDocumentDragOver);
+            document.removeEventListener('dragleave', onDocumentDragLeave);
+            document.removeEventListener('drop', onDocumentDrop);
+        };
+    }, []);
+    return isDropzoneVisible;
+}
+export function Dropzone({ onChange, children }) {
+    const [isDropzoneHovered, setDropzoneHovered] = useState(false);
+    const onDragOver = (event) => {
+        event.preventDefault();
+        setDropzoneHovered(true);
+        if (event.dataTransfer) {
+            event.dataTransfer.dropEffect = 'copy';
+        }
+    };
+    const onDragLeave = (event) => {
+        event.preventDefault();
+        setDropzoneHovered(false);
+        if (event.dataTransfer) {
+            event.dataTransfer.dropEffect = 'none';
+        }
+    };
+    const onDrop = (event) => {
+        event.preventDefault();
+        setDropzoneHovered(false);
+        onChange(Array.from(event.dataTransfer.files));
+    };
+    return (React.createElement("div", { className: clsx(styles.dropzone, isDropzoneHovered && styles['dropzone-hovered']), onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop },
+        React.createElement(InternalIcon, { name: "upload" }),
+        React.createElement("span", null, children)));
+}
+//# sourceMappingURL=index.js.map

package/file-upload/dropzone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["file-upload/dropzone/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useState } from 'react';\nimport styles from './styles.css.js';\nimport clsx from 'clsx';\nimport InternalIcon from '../../icon/internal';\n\ninterface DropzoneProps {\n  onChange: (files: File[]) => void;\n  children: React.ReactNode;\n}\n\nexport function useDropzoneVisible() {\n  const [isDropzoneVisible, setDropzoneVisible] = useState(false);\n\n  // Registering global drag events listeners.\n  useEffect(() => {\n    // The timer helps avoiding dropzone blinking.\n    let dragTimer: null | ReturnType<typeof setTimeout> = null;\n\n    // The file-upload dropzone is shown when the user drags files over to the browser.\n    const onDocumentDragOver = (event: DragEvent) => {\n      event.preventDefault();\n\n      if (event.dataTransfer?.types?.indexOf('Files') !== -1) {\n        setDropzoneVisible(true);\n        dragTimer && clearTimeout(dragTimer);\n      }\n    };\n\n    // When the files are no longer dragged over the browser the state must be reset.\n    const onDocumentDragLeave = (event: DragEvent) => {\n      event.preventDefault();\n\n      dragTimer = setTimeout(() => setDropzoneVisible(false), 25);\n    };\n\n    // If the files were dropped the state must be reset.\n    const onDocumentDrop = (event: DragEvent) => {\n      event.preventDefault();\n\n      dragTimer = setTimeout(() => setDropzoneVisible(false), 25);\n    };\n\n    document.addEventListener('dragover', onDocumentDragOver, false);\n    document.addEventListener('dragleave', onDocumentDragLeave, false);\n    document.addEventListener('drop', onDocumentDrop, false);\n\n    return () => {\n      dragTimer && clearTimeout(dragTimer);\n      document.removeEventListener('dragover', onDocumentDragOver);\n      document.removeEventListener('dragleave', onDocumentDragLeave);\n      document.removeEventListener('drop', onDocumentDrop);\n    };\n  }, []);\n\n  return isDropzoneVisible;\n}\n\nexport function Dropzone({ onChange, children }: DropzoneProps) {\n  const [isDropzoneHovered, setDropzoneHovered] = useState(false);\n\n  const onDragOver = (event: React.DragEvent) => {\n    event.preventDefault();\n    setDropzoneHovered(true);\n\n    if (event.dataTransfer) {\n      event.dataTransfer.dropEffect = 'copy';\n    }\n  };\n\n  const onDragLeave = (event: React.DragEvent) => {\n    event.preventDefault();\n    setDropzoneHovered(false);\n\n    if (event.dataTransfer) {\n      event.dataTransfer.dropEffect = 'none';\n    }\n  };\n\n  const onDrop = (event: React.DragEvent) => {\n    event.preventDefault();\n    setDropzoneHovered(false);\n\n    onChange(Array.from(event.dataTransfer.files));\n  };\n\n  return (\n    <div\n      className={clsx(styles.dropzone, isDropzoneHovered && styles['dropzone-hovered'])}\n      onDragOver={onDragOver}\n      onDragLeave={onDragLeave}\n      onDrop={onDrop}\n    >\n      <InternalIcon name=\"upload\" />\n      <span>{children}</span>\n    </div>\n  );\n}\n"]}

package/file-upload/dropzone/styles.css.js

@@ -0,0 +1,7 @@
+
+    import './styles.scoped.css';
+    export default {
+  "dropzone": "awsui_dropzone_1fham_1blgf_93",
+  "dropzone-hovered": "awsui_dropzone-hovered_1fham_1blgf_105"
+};
+  

package/file-upload/dropzone/styles.scoped.css

@@ -0,0 +1,108 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_dropzone_1fham_1blgf_93:not(#\9) {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-static-xxs-jy4jgd, 4px);
+  padding: var(--space-static-l-t7yjdj, 20px);
+  border-radius: var(--border-radius-dropzone-poqo08, 12px);
+  color: var(--color-dropzone-text-active-aobpir, #5f6b7a);
+  background-color: var(--color-dropzone-background-active-g4zi07, #e9ebed);
+  font-weight: 700;
+}
+.awsui_dropzone-hovered_1fham_1blgf_105:not(#\9) {
+  color: var(--color-dropzone-text-hover-ud2lnq, #033160);
+  background-color: var(--color-dropzone-background-hover-j98f7z, #d3e7f9);
+}

package/file-upload/dropzone/styles.selectors.js

@@ -0,0 +1,8 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "dropzone": "awsui_dropzone_1fham_1blgf_93",
+  "dropzone-hovered": "awsui_dropzone-hovered_1fham_1blgf_105"
+};
+  

package/file-upload/file-input/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { FormFieldValidationControlProps } from '../../internal/context/form-field-context';
+import { FileUploadProps } from '../interfaces';
+interface FileInputProps extends FormFieldValidationControlProps {
+    accept?: string;
+    ariaRequired?: boolean;
+    multiple: boolean;
+    value: readonly File[];
+    onChange: (files: File[]) => void;
+    children: React.ReactNode;
+}
+declare const _default: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<FileUploadProps.Ref>>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/file-upload/file-input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["file-upload/file-input/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAiE,MAAM,OAAO,CAAC;AAMtF,OAAO,EAAE,+BAA+B,EAAE,MAAM,2CAA2C,CAAC;AAG5F,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAGhD,UAAU,cAAe,SAAQ,+BAA+B;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,SAAS,IAAI,EAAE,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;;AAED,wBAA2C"}

package/file-upload/file-input/index.js

@@ -0,0 +1,55 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { __rest } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
+import InternalButton from '../../button/internal';
+import styles from './styles.css.js';
+import { useFormFieldContext } from '../../contexts/form-field';
+import { useUniqueId } from '../../internal/hooks/use-unique-id';
+import { joinStrings } from '../../internal/utils/strings';
+import ScreenreaderOnly from '../../internal/components/screenreader-only';
+import useForwardFocus from '../../internal/hooks/forward-focus';
+export default React.forwardRef(FileInput);
+function FileInput(_a, ref) {
+    var _b;
+    var { accept, ariaRequired, multiple, value, onChange, children } = _a, restProps = __rest(_a, ["accept", "ariaRequired", "multiple", "value", "onChange", "children"]);
+    const uploadInputRef = useRef(null);
+    const uploadButtonLabelId = useUniqueId('upload-button-label');
+    const formFieldContext = useFormFieldContext(restProps);
+    const selfControlId = useUniqueId('upload-input');
+    const controlId = (_b = formFieldContext.controlId) !== null && _b !== void 0 ? _b : selfControlId;
+    useForwardFocus(ref, uploadInputRef);
+    const [isFocused, setIsFocused] = useState(false);
+    const onUploadButtonClick = () => { var _a; return (_a = uploadInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
+    const onUploadInputFocus = () => setIsFocused(true);
+    const onUploadInputBlur = () => setIsFocused(false);
+    const onUploadInputChange = ({ target }) => {
+        onChange(target.files ? Array.from(target.files) : []);
+    };
+    const nativeAttributes = {
+        'aria-labelledby': joinStrings(formFieldContext.ariaLabelledby, uploadButtonLabelId),
+        'aria-describedby': formFieldContext.ariaDescribedby,
+    };
+    if (formFieldContext.invalid) {
+        nativeAttributes['aria-invalid'] = true;
+    }
+    if (ariaRequired) {
+        nativeAttributes['aria-required'] = true;
+    }
+    // Synchronizing component's value with the native file input state.
+    useEffect(() => {
+        // The DataTransfer is not available in jsdom.
+        if (window.DataTransfer) {
+            const dataTransfer = new DataTransfer();
+            for (const file of value) {
+                dataTransfer.items.add(file);
+            }
+            uploadInputRef.current.files = dataTransfer.files;
+        }
+    }, [value]);
+    return (React.createElement("div", { className: styles['file-input-container'] },
+        React.createElement("input", Object.assign({ id: controlId, ref: uploadInputRef, type: "file", hidden: false, multiple: multiple, accept: accept, onChange: onUploadInputChange, onFocus: onUploadInputFocus, onBlur: onUploadInputBlur, className: styles['upload-input'] }, nativeAttributes)),
+        React.createElement(InternalButton, { iconName: "upload", formAction: "none", onClick: onUploadButtonClick, className: styles['upload-button'], __nativeAttributes: { tabIndex: -1, 'aria-hidden': true }, __forcedFocusState: isFocused ? 'focused' : undefined }, children),
+        React.createElement(ScreenreaderOnly, { id: uploadButtonLabelId }, children)));
+}
+//# sourceMappingURL=index.js.map

package/file-upload/file-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["file-upload/file-input/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;;AAEtC,OAAO,KAAK,EAAE,EAA6B,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,cAAc,MAAM,uBAAuB,CAAC;AACnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,6CAA6C,CAAC;AAE3E,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAWjE,eAAe,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;AAE3C,SAAS,SAAS,CAChB,EAA2F,EAC3F,GAAsC;;QADtC,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,OAAgC,EAA3B,SAAS,cAAzE,uEAA2E,CAAF;IAGzE,MAAM,cAAc,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,mBAAmB,GAAG,WAAW,CAAC,qBAAqB,CAAC,CAAC;IAC/D,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACxD,MAAM,aAAa,GAAG,WAAW,CAAC,cAAc,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAA,gBAAgB,CAAC,SAAS,mCAAI,aAAa,CAAC;IAE9D,eAAe,CAAC,GAAG,EAAE,cAAc,CAAC,CAAC;IAErC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,MAAM,mBAAmB,GAAG,GAAG,EAAE,WAAC,OAAA,MAAA,cAAc,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAAC;IAElE,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IAEpD,MAAM,iBAAiB,GAAG,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAiC,EAAE,EAAE;QACxE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAwB;QAC5C,iBAAiB,EAAE,WAAW,CAAC,gBAAgB,CAAC,cAAc,EAAE,mBAAmB,CAAC;QACpF,kBAAkB,EAAE,gBAAgB,CAAC,eAAe;KACrD,CAAC;IACF,IAAI,gBAAgB,CAAC,OAAO,EAAE;QAC5B,gBAAgB,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;KACzC;IACD,IAAI,YAAY,EAAE;QAChB,gBAAgB,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;KAC1C;IAED,oEAAoE;IACpE,SAAS,CAAC,GAAG,EAAE;QACb,8CAA8C;QAC9C,IAAI,MAAM,CAAC,YAAY,EAAE;YACvB,MAAM,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;YACxC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;gBACxB,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;aAC9B;YACD,cAAc,CAAC,OAAQ,CAAC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;SACpD;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;QAG5C,6CACE,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,cAAc,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,KAAK,EACb,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,mBAAmB,EAC7B,OAAO,EAAE,kBAAkB,EAC3B,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,MAAM,CAAC,cAAc,CAAC,IAC7B,gBAAgB,EACpB;QAIF,oBAAC,cAAc,IACb,QAAQ,EAAC,QAAQ,EACjB,UAAU,EAAC,MAAM,EACjB,OAAO,EAAE,mBAAmB,EAC5B,SAAS,EAAE,MAAM,CAAC,eAAe,CAAC,EAClC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,EACzD,kBAAkB,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,IAEpD,QAAQ,CACM;QAGjB,oBAAC,gBAAgB,IAAC,EAAE,EAAE,mBAAmB,IAAG,QAAQ,CAAoB,CACpE,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { ChangeEvent, ForwardedRef, useEffect, useRef, useState } from 'react';\n\nimport InternalButton from '../../button/internal';\nimport styles from './styles.css.js';\nimport { useFormFieldContext } from '../../contexts/form-field';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\nimport { FormFieldValidationControlProps } from '../../internal/context/form-field-context';\nimport { joinStrings } from '../../internal/utils/strings';\nimport ScreenreaderOnly from '../../internal/components/screenreader-only';\nimport { FileUploadProps } from '../interfaces';\nimport useForwardFocus from '../../internal/hooks/forward-focus';\n\ninterface FileInputProps extends FormFieldValidationControlProps {\n  accept?: string;\n  ariaRequired?: boolean;\n  multiple: boolean;\n  value: readonly File[];\n  onChange: (files: File[]) => void;\n  children: React.ReactNode;\n}\n\nexport default React.forwardRef(FileInput);\n\nfunction FileInput(\n  { accept, ariaRequired, multiple, value, onChange, children, ...restProps }: FileInputProps,\n  ref: ForwardedRef<FileUploadProps.Ref>\n) {\n  const uploadInputRef = useRef<HTMLInputElement>(null);\n  const uploadButtonLabelId = useUniqueId('upload-button-label');\n  const formFieldContext = useFormFieldContext(restProps);\n  const selfControlId = useUniqueId('upload-input');\n  const controlId = formFieldContext.controlId ?? selfControlId;\n\n  useForwardFocus(ref, uploadInputRef);\n\n  const [isFocused, setIsFocused] = useState(false);\n\n  const onUploadButtonClick = () => uploadInputRef.current?.click();\n\n  const onUploadInputFocus = () => setIsFocused(true);\n\n  const onUploadInputBlur = () => setIsFocused(false);\n\n  const onUploadInputChange = ({ target }: ChangeEvent<HTMLInputElement>) => {\n    onChange(target.files ? Array.from(target.files) : []);\n  };\n\n  const nativeAttributes: Record<string, any> = {\n    'aria-labelledby': joinStrings(formFieldContext.ariaLabelledby, uploadButtonLabelId),\n    'aria-describedby': formFieldContext.ariaDescribedby,\n  };\n  if (formFieldContext.invalid) {\n    nativeAttributes['aria-invalid'] = true;\n  }\n  if (ariaRequired) {\n    nativeAttributes['aria-required'] = true;\n  }\n\n  // Synchronizing component's value with the native file input state.\n  useEffect(() => {\n    // The DataTransfer is not available in jsdom.\n    if (window.DataTransfer) {\n      const dataTransfer = new DataTransfer();\n      for (const file of value) {\n        dataTransfer.items.add(file);\n      }\n      uploadInputRef.current!.files = dataTransfer.files;\n    }\n  }, [value]);\n\n  return (\n    <div className={styles['file-input-container']}>\n      {/* This is the actual interactive and accessible file-upload element. */}\n      {/* It is visually hidden to achieve the desired UX design. */}\n      <input\n        id={controlId}\n        ref={uploadInputRef}\n        type=\"file\"\n        hidden={false}\n        multiple={multiple}\n        accept={accept}\n        onChange={onUploadInputChange}\n        onFocus={onUploadInputFocus}\n        onBlur={onUploadInputBlur}\n        className={styles['upload-input']}\n        {...nativeAttributes}\n      />\n\n      {/* The button is decorative. It dispatches clicks to the file input and is ARIA-hidden. */}\n      {/* When the input is focused the focus outline is forced on the button. */}\n      <InternalButton\n        iconName=\"upload\"\n        formAction=\"none\"\n        onClick={onUploadButtonClick}\n        className={styles['upload-button']}\n        __nativeAttributes={{ tabIndex: -1, 'aria-hidden': true }}\n        __forcedFocusState={isFocused ? 'focused' : undefined}\n      >\n        {children}\n      </InternalButton>\n\n      {/* The file input needs to be labelled with provided content. Can't use the button because it is ARIA-hidden. */}\n      <ScreenreaderOnly id={uploadButtonLabelId}>{children}</ScreenreaderOnly>\n    </div>\n  );\n}\n"]}

package/file-upload/file-input/styles.css.js

@@ -0,0 +1,8 @@
+
+    import './styles.scoped.css';
+    export default {
+  "upload-button": "awsui_upload-button_4xu1k_1753t_9",
+  "upload-input": "awsui_upload-input_4xu1k_1753t_10",
+  "file-input-container": "awsui_file-input-container_4xu1k_1753t_14"
+};
+  

package/file-upload/file-input/styles.scoped.css

@@ -0,0 +1,21 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_upload-button_4xu1k_1753t_9:not(#\9),
+.awsui_upload-input_4xu1k_1753t_10:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_file-input-container_4xu1k_1753t_14:not(#\9) {
+  position: relative;
+}
+
+.awsui_upload-input_4xu1k_1753t_10:not(#\9) {
+  position: absolute;
+  clip: rect(0, 0, 0, 0);
+}

package/file-upload/file-input/styles.selectors.js

@@ -0,0 +1,9 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "upload-button": "awsui_upload-button_4xu1k_1753t_9",
+  "upload-input": "awsui_upload-input_4xu1k_1753t_10",
+  "file-input-container": "awsui_file-input-container_4xu1k_1753t_14"
+};
+  

package/file-upload/file-option/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FileMetadata, FileUploadProps } from '../interfaces';
+interface FileOptionProps {
+    file: File;
+    metadata: FileMetadata;
+    i18nStrings: FileUploadProps.I18nStrings;
+}
+export declare function FileOption({ file, metadata, i18nStrings }: FileOptionProps): JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/file-upload/file-option/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["file-upload/file-option/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAO9D,UAAU,eAAe;IACvB,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,YAAY,CAAC;IACvB,WAAW,EAAE,eAAe,CAAC,WAAW,CAAC;CAC1C;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,EAAE,eAAe,eA2B1E"}

package/file-upload/file-option/index.js

@@ -0,0 +1,22 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import InternalBox from '../../box/internal';
+import InternalSpaceBetween from '../../space-between/internal';
+import styles from './styles.css.js';
+import * as defaultFormatters from '../default-formatters';
+import { FileOptionThumbnail } from './thumbnail';
+export function FileOption({ file, metadata, i18nStrings }) {
+    var _a, _b;
+    const isImage = file.type.startsWith('image/');
+    const formatFileSize = (_a = i18nStrings.formatFileSize) !== null && _a !== void 0 ? _a : defaultFormatters.formatFileSize;
+    const formatFileLastModified = (_b = i18nStrings.formatFileLastModified) !== null && _b !== void 0 ? _b : defaultFormatters.formatFileLastModified;
+    return (React.createElement(InternalBox, { className: styles['file-option'] },
+        metadata.showFileThumbnail && isImage && React.createElement(FileOptionThumbnail, { file: file }),
+        React.createElement("div", { className: styles['file-option-metadata'] },
+            React.createElement(InternalSpaceBetween, { direction: "vertical", size: "xxxs" },
+                React.createElement(InternalBox, { className: styles['file-option-name'] }, file.name),
+                metadata.showFileSize && file.size ? (React.createElement(InternalBox, { fontSize: "body-s", color: "text-body-secondary", className: styles['file-option-size'] }, formatFileSize(file.size))) : null,
+                metadata.showFileLastModified && file.lastModified ? (React.createElement(InternalBox, { fontSize: "body-s", color: "text-body-secondary", className: styles['file-option-last-modified'] }, formatFileLastModified(new Date(file.lastModified)))) : null))));
+}
+//# sourceMappingURL=index.js.map

package/file-upload/file-option/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["file-upload/file-option/index.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,WAAW,MAAM,oBAAoB,CAAC;AAC7C,OAAO,oBAAoB,MAAM,8BAA8B,CAAC;AAChE,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,iBAAiB,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAQlD,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAmB;;IACzE,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;IAC/C,MAAM,cAAc,GAAG,MAAA,WAAW,CAAC,cAAc,mCAAI,iBAAiB,CAAC,cAAc,CAAC;IACtF,MAAM,sBAAsB,GAAG,MAAA,WAAW,CAAC,sBAAsB,mCAAI,iBAAiB,CAAC,sBAAsB,CAAC;IAC9G,OAAO,CACL,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,aAAa,CAAC;QAC1C,QAAQ,CAAC,iBAAiB,IAAI,OAAO,IAAI,oBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,GAAI;QAE7E,6BAAK,SAAS,EAAE,MAAM,CAAC,sBAAsB,CAAC;YAC5C,oBAAC,oBAAoB,IAAC,SAAS,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM;gBACpD,oBAAC,WAAW,IAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IAAG,IAAI,CAAC,IAAI,CAAe;gBAE5E,QAAQ,CAAC,YAAY,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACpC,oBAAC,WAAW,IAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC,IAC7F,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CACd,CACf,CAAC,CAAC,CAAC,IAAI;gBAEP,QAAQ,CAAC,oBAAoB,IAAI,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACpD,oBAAC,WAAW,IAAC,QAAQ,EAAC,QAAQ,EAAC,KAAK,EAAC,qBAAqB,EAAC,SAAS,EAAE,MAAM,CAAC,2BAA2B,CAAC,IACtG,sBAAsB,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CACxC,CACf,CAAC,CAAC,CAAC,IAAI,CACa,CACnB,CACM,CACf,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React from 'react';\n\nimport { FileMetadata, FileUploadProps } from '../interfaces';\nimport InternalBox from '../../box/internal';\nimport InternalSpaceBetween from '../../space-between/internal';\nimport styles from './styles.css.js';\nimport * as defaultFormatters from '../default-formatters';\nimport { FileOptionThumbnail } from './thumbnail';\n\ninterface FileOptionProps {\n  file: File;\n  metadata: FileMetadata;\n  i18nStrings: FileUploadProps.I18nStrings;\n}\n\nexport function FileOption({ file, metadata, i18nStrings }: FileOptionProps) {\n  const isImage = file.type.startsWith('image/');\n  const formatFileSize = i18nStrings.formatFileSize ?? defaultFormatters.formatFileSize;\n  const formatFileLastModified = i18nStrings.formatFileLastModified ?? defaultFormatters.formatFileLastModified;\n  return (\n    <InternalBox className={styles['file-option']}>\n      {metadata.showFileThumbnail && isImage && <FileOptionThumbnail file={file} />}\n\n      <div className={styles['file-option-metadata']}>\n        <InternalSpaceBetween direction=\"vertical\" size=\"xxxs\">\n          <InternalBox className={styles['file-option-name']}>{file.name}</InternalBox>\n\n          {metadata.showFileSize && file.size ? (\n            <InternalBox fontSize=\"body-s\" color=\"text-body-secondary\" className={styles['file-option-size']}>\n              {formatFileSize(file.size)}\n            </InternalBox>\n          ) : null}\n\n          {metadata.showFileLastModified && file.lastModified ? (\n            <InternalBox fontSize=\"body-s\" color=\"text-body-secondary\" className={styles['file-option-last-modified']}>\n              {formatFileLastModified(new Date(file.lastModified))}\n            </InternalBox>\n          ) : null}\n        </InternalSpaceBetween>\n      </div>\n    </InternalBox>\n  );\n}\n"]}

package/file-upload/file-option/styles.css.js

@@ -0,0 +1,12 @@
+
+    import './styles.scoped.css';
+    export default {
+  "file-option-name": "awsui_file-option-name_ezgb4_q9xmi_9",
+  "file-option-size": "awsui_file-option-size_ezgb4_q9xmi_10",
+  "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_q9xmi_11",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_q9xmi_12",
+  "file-option": "awsui_file-option_ezgb4_q9xmi_9",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_q9xmi_28",
+  "file-option-metadata": "awsui_file-option-metadata_ezgb4_q9xmi_33"
+};
+  

package/file-upload/file-option/styles.scoped.css

@@ -0,0 +1,35 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_file-option-name_ezgb4_q9xmi_9:not(#\9),
+.awsui_file-option-size_ezgb4_q9xmi_10:not(#\9),
+.awsui_file-option-last-modified_ezgb4_q9xmi_11:not(#\9),
+.awsui_file-option-thumbnail_ezgb4_q9xmi_12:not(#\9) {
+  /* used in test-utils */
+}
+
+.awsui_file-option_ezgb4_q9xmi_9:not(#\9) {
+  width: 100%;
+  min-width: 0;
+  display: flex;
+  gap: var(--space-scaled-xs-6859qs, 8px);
+}
+
+.awsui_file-option-thumbnail_ezgb4_q9xmi_12:not(#\9) {
+  margin-top: var(--space-static-xxs-jy4jgd, 4px);
+  max-width: 60px;
+}
+
+.awsui_file-option-thumbnail-image_ezgb4_q9xmi_28:not(#\9) {
+  width: 100%;
+  height: auto;
+}
+
+.awsui_file-option-metadata_ezgb4_q9xmi_33:not(#\9) {
+  width: 100%;
+}

package/file-upload/file-option/styles.selectors.js

@@ -0,0 +1,13 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "file-option-name": "awsui_file-option-name_ezgb4_q9xmi_9",
+  "file-option-size": "awsui_file-option-size_ezgb4_q9xmi_10",
+  "file-option-last-modified": "awsui_file-option-last-modified_ezgb4_q9xmi_11",
+  "file-option-thumbnail": "awsui_file-option-thumbnail_ezgb4_q9xmi_12",
+  "file-option": "awsui_file-option_ezgb4_q9xmi_9",
+  "file-option-thumbnail-image": "awsui_file-option-thumbnail-image_ezgb4_q9xmi_28",
+  "file-option-metadata": "awsui_file-option-metadata_ezgb4_q9xmi_33"
+};
+  

package/file-upload/file-option/thumbnail.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+interface FileOptionThumbnailProps {
+    file: File;
+}
+export declare function FileOptionThumbnail({ file }: FileOptionThumbnailProps): JSX.Element;
+export {};
+//# sourceMappingURL=thumbnail.d.ts.map

package/file-upload/file-option/thumbnail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.d.ts","sourceRoot":"lib/default/","sources":["file-upload/file-option/thumbnail.tsx"],"names":[],"mappings":";AAMA,UAAU,wBAAwB;IAChC,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,wBAAgB,mBAAmB,CAAC,EAAE,IAAI,EAAE,EAAE,wBAAwB,eAoBrE"}

package/file-upload/file-option/thumbnail.js

@@ -0,0 +1,20 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React, { useEffect, useState } from 'react';
+import styles from './styles.css.js';
+export function FileOptionThumbnail({ file }) {
+    const [imageSrc, setImageSrc] = useState('');
+    useEffect(() => {
+        // The URL.createObjectURL is not available in jsdom.
+        if (URL.createObjectURL) {
+            const src = URL.createObjectURL(file);
+            setImageSrc(src);
+            return () => {
+                URL.revokeObjectURL(src);
+            };
+        }
+    }, [file]);
+    return (React.createElement("div", { className: styles['file-option-thumbnail'], "aria-hidden": true },
+        React.createElement("img", { className: styles['file-option-thumbnail-image'], alt: file.name, src: imageSrc })));
+}
+//# sourceMappingURL=thumbnail.js.map

package/file-upload/file-option/thumbnail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"thumbnail.js","sourceRoot":"lib/default/","sources":["file-upload/file-option/thumbnail.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAMrC,MAAM,UAAU,mBAAmB,CAAC,EAAE,IAAI,EAA4B;IACpE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE;QACb,qDAAqD;QACrD,IAAI,GAAG,CAAC,eAAe,EAAE;YACvB,MAAM,GAAG,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YACtC,WAAW,CAAC,GAAG,CAAC,CAAC;YAEjB,OAAO,GAAG,EAAE;gBACV,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC;YAC3B,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,CACL,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,iBAAe,IAAI;QAChE,6BAAK,SAAS,EAAE,MAAM,CAAC,6BAA6B,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,GAAI,CACpF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport React, { useEffect, useState } from 'react';\nimport styles from './styles.css.js';\n\ninterface FileOptionThumbnailProps {\n  file: File;\n}\n\nexport function FileOptionThumbnail({ file }: FileOptionThumbnailProps) {\n  const [imageSrc, setImageSrc] = useState('');\n\n  useEffect(() => {\n    // The URL.createObjectURL is not available in jsdom.\n    if (URL.createObjectURL) {\n      const src = URL.createObjectURL(file);\n      setImageSrc(src);\n\n      return () => {\n        URL.revokeObjectURL(src);\n      };\n    }\n  }, [file]);\n\n  return (\n    <div className={styles['file-option-thumbnail']} aria-hidden={true}>\n      <img className={styles['file-option-thumbnail-image']} alt={file.name} src={imageSrc} />\n    </div>\n  );\n}\n"]}

package/file-upload/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { FileUploadProps } from './interfaces';
+export { FileUploadProps };
+declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<FileUploadProps.Ref>>;
+export default FileUpload;
+//# sourceMappingURL=index.d.ts.map

package/file-upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["file-upload/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAK/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,QAAA,MAAM,UAAU,6FAmBf,CAAC;AAGF,eAAe,UAAU,CAAC"}