@cloudscape-design/components-themeable 3.0.1087 → 3.0.1089

package/lib/internal/template/content-layout/styles.scoped.css

@@ -142,72 +142,72 @@
 */
 /* 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 */
-.awsui_layout_5gtk3_ou4gf_145:not(#\9) {
-  --awsui-content-layout-default-horizontal-padding-kiajpc: var(--space-layout-content-horizontal-q3zhej, 40px);
-  --awsui-content-layout-max-content-width-kiajpc: 0px;
-  --awsui-content-layout-main-gap-kiajpc: 0px;
+.awsui_layout_5gtk3_17ml4_145:not(#\9) {
+  --awsui-content-layout-default-horizontal-padding-y15yd5: var(--space-layout-content-horizontal-q3zhej, 40px);
+  --awsui-content-layout-max-content-width-y15yd5: 0px;
+  --awsui-content-layout-main-gap-y15yd5: 0px;
   display: grid;
-  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-kiajpc)) 1fr 0 0;
-  grid-template-rows: var(--awsui-content-layout-main-gap-kiajpc) min-content min-content auto var(--space-dark-header-overlap-distance-45h6a9, 0px) 1fr;
+  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-y15yd5)) 1fr 0 0;
+  grid-template-rows: var(--awsui-content-layout-main-gap-y15yd5) min-content min-content auto var(--space-dark-header-overlap-distance-45h6a9, 0px) 1fr;
   min-block-size: 100%;
 }
 @media (max-width: 688px) {
-  .awsui_layout_5gtk3_ou4gf_145:not(#\9) {
-    --awsui-content-layout-default-horizontal-padding-kiajpc: var(--space-l-3cws6j, 20px);
+  .awsui_layout_5gtk3_17ml4_145:not(#\9) {
+    --awsui-content-layout-default-horizontal-padding-y15yd5: var(--space-l-3cws6j, 20px);
   }
 }
-.awsui_layout_5gtk3_ou4gf_145 > .awsui_background_5gtk3_ou4gf_159:not(#\9) {
+.awsui_layout_5gtk3_17ml4_145 > .awsui_background_5gtk3_17ml4_159:not(#\9) {
   grid-column: 1/8;
   grid-row: 1/6;
   color: var(--color-text-body-default-5qid0u, #16191f);
 }
-.awsui_layout_5gtk3_ou4gf_145 > .awsui_background_5gtk3_ou4gf_159.awsui_is-overlap-disabled_5gtk3_ou4gf_164:not(#\9) {
+.awsui_layout_5gtk3_17ml4_145 > .awsui_background_5gtk3_17ml4_159.awsui_is-overlap-disabled_5gtk3_17ml4_164:not(#\9) {
   grid-row: 1/5;
 }
-.awsui_layout_5gtk3_ou4gf_145 > .awsui_background_5gtk3_ou4gf_159 > .awsui_header-background_5gtk3_ou4gf_167:not(#\9) {
+.awsui_layout_5gtk3_17ml4_145 > .awsui_background_5gtk3_17ml4_159 > .awsui_header-background_5gtk3_17ml4_167:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
 }
-.awsui_layout_5gtk3_ou4gf_145 > .awsui_notifications_5gtk3_ou4gf_171:not(#\9) {
+.awsui_layout_5gtk3_17ml4_145 > .awsui_notifications_5gtk3_17ml4_171:not(#\9) {
   grid-column: 4;
   grid-row: 2;
   padding-block-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_layout_5gtk3_ou4gf_145 > .awsui_breadcrumbs_5gtk3_ou4gf_176:not(#\9) {
+.awsui_layout_5gtk3_17ml4_145 > .awsui_breadcrumbs_5gtk3_17ml4_176:not(#\9) {
   grid-column: 4;
   grid-row: 3;
   padding-block-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_layout_5gtk3_ou4gf_145.awsui_default-padding_5gtk3_ou4gf_181:not(#\9) {
-  --awsui-content-layout-main-gap-kiajpc: var(--space-scaled-m-sw9kcx, 16px);
-  grid-template-columns: var(--awsui-toggles-left-width-kiajpc, 0) var(--awsui-content-layout-default-horizontal-padding-kiajpc, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-kiajpc)) 1fr var(--awsui-content-layout-default-horizontal-padding-kiajpc, 0) var(--awsui-toggles-right-width-kiajpc, 0);
+.awsui_layout_5gtk3_17ml4_145.awsui_default-padding_5gtk3_17ml4_181:not(#\9) {
+  --awsui-content-layout-main-gap-y15yd5: var(--space-scaled-m-sw9kcx, 16px);
+  grid-template-columns: var(--awsui-toggles-left-width-y15yd5, 0) var(--awsui-content-layout-default-horizontal-padding-y15yd5, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-y15yd5)) 1fr var(--awsui-content-layout-default-horizontal-padding-y15yd5, 0) var(--awsui-toggles-right-width-y15yd5, 0);
 }
-.awsui_layout_5gtk3_ou4gf_145 > .awsui_header-wrapper_5gtk3_ou4gf_185:not(#\9) {
+.awsui_layout_5gtk3_17ml4_145 > .awsui_header-wrapper_5gtk3_17ml4_185:not(#\9) {
   grid-column: 4;
   grid-row: 4;
   padding-block-end: var(--space-content-header-padding-bottom-hjkugf, 16px);
 }
-.awsui_layout_5gtk3_ou4gf_145 > .awsui_header-wrapper_5gtk3_ou4gf_185.awsui_with-divider_5gtk3_ou4gf_190:not(#\9) {
+.awsui_layout_5gtk3_17ml4_145 > .awsui_header-wrapper_5gtk3_17ml4_185.awsui_with-divider_5gtk3_17ml4_190:not(#\9) {
   border-block-end: 1px solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_layout_5gtk3_ou4gf_145 > .awsui_content_5gtk3_ou4gf_193:not(#\9) {
+.awsui_layout_5gtk3_17ml4_145 > .awsui_content_5gtk3_17ml4_193:not(#\9) {
   grid-column: 4;
   grid-row: 5/8;
 }
-.awsui_layout_5gtk3_ou4gf_145:not(#\9):not(.awsui_has-header_5gtk3_ou4gf_197) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-kiajpc) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-45h6a9, 0px)) 1fr;
+.awsui_layout_5gtk3_17ml4_145:not(#\9):not(.awsui_has-header_5gtk3_17ml4_197) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-y15yd5) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-45h6a9, 0px)) 1fr;
 }
-.awsui_layout_5gtk3_ou4gf_145.awsui_is-overlap-disabled_5gtk3_ou4gf_164:not(#\9) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-kiajpc) min-content min-content auto 0 1fr;
+.awsui_layout_5gtk3_17ml4_145.awsui_is-overlap-disabled_5gtk3_17ml4_164:not(#\9) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-y15yd5) min-content min-content auto 0 1fr;
 }
 
-.awsui_layout_5gtk3_ou4gf_145.awsui_is-visual-refresh_5gtk3_ou4gf_204 > .awsui_background_5gtk3_ou4gf_159.awsui_has-default-background_5gtk3_ou4gf_204:not(#\9) {
+.awsui_layout_5gtk3_17ml4_145.awsui_is-visual-refresh_5gtk3_17ml4_204 > .awsui_background_5gtk3_17ml4_159.awsui_has-default-background_5gtk3_17ml4_204:not(#\9) {
   background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
 
-.awsui_layout_5gtk3_ou4gf_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ou4gf_204).awsui_has-notifications_5gtk3_ou4gf_208 {
-  --awsui-content-layout-main-gap-kiajpc: 0px;
+.awsui_layout_5gtk3_17ml4_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_17ml4_204).awsui_has-notifications_5gtk3_17ml4_208 {
+  --awsui-content-layout-main-gap-y15yd5: 0px;
 }
-.awsui_layout_5gtk3_ou4gf_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_ou4gf_204) > .awsui_notifications_5gtk3_ou4gf_171 {
+.awsui_layout_5gtk3_17ml4_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_17ml4_204) > .awsui_notifications_5gtk3_17ml4_171 {
   grid-column: 1/8;
 }

package/lib/internal/template/content-layout/styles.selectors.js

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_ou4gf_145",
-  "background": "awsui_background_5gtk3_ou4gf_159",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_ou4gf_164",
-  "header-background": "awsui_header-background_5gtk3_ou4gf_167",
-  "notifications": "awsui_notifications_5gtk3_ou4gf_171",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_ou4gf_176",
-  "default-padding": "awsui_default-padding_5gtk3_ou4gf_181",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_ou4gf_185",
-  "with-divider": "awsui_with-divider_5gtk3_ou4gf_190",
-  "content": "awsui_content_5gtk3_ou4gf_193",
-  "has-header": "awsui_has-header_5gtk3_ou4gf_197",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_ou4gf_204",
-  "has-default-background": "awsui_has-default-background_5gtk3_ou4gf_204",
-  "has-notifications": "awsui_has-notifications_5gtk3_ou4gf_208"
+  "layout": "awsui_layout_5gtk3_17ml4_145",
+  "background": "awsui_background_5gtk3_17ml4_159",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_17ml4_164",
+  "header-background": "awsui_header-background_5gtk3_17ml4_167",
+  "notifications": "awsui_notifications_5gtk3_17ml4_171",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_17ml4_176",
+  "default-padding": "awsui_default-padding_5gtk3_17ml4_181",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_17ml4_185",
+  "with-divider": "awsui_with-divider_5gtk3_17ml4_190",
+  "content": "awsui_content_5gtk3_17ml4_193",
+  "has-header": "awsui_has-header_5gtk3_17ml4_197",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_17ml4_204",
+  "has-default-background": "awsui_has-default-background_5gtk3_17ml4_204",
+  "has-notifications": "awsui_has-notifications_5gtk3_17ml4_208"
 };
   

package/lib/internal/template/file-input/internal.js

@@ -4,12 +4,12 @@ import { __rest } from "tslib";
 import React, { useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';
+import { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';
 import { getAnalyticsMetadataAttribute, } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';
 import InternalButton from '../button/internal';
 import { useFormFieldContext } from '../contexts/form-field';
 import { getBaseProps } from '../internal/base-component/index.js';
 import ScreenreaderOnly from '../internal/components/screenreader-only';
-import { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';
 import { fireNonCancelableEvent } from '../internal/events';
 import checkControlled from '../internal/hooks/check-controlled';
 import useForwardFocus from '../internal/hooks/forward-focus';

package/lib/internal/template/file-input/internal.js.map

@@ -1 +1 @@
-{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/file-input/internal.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, { ChangeEvent, Ref, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  GeneratedAnalyticsMetadataFragment,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal';\nimport { useFormFieldContext } from '../contexts/form-field';\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { useSingleTabStopNavigation } from '../internal/context/single-tab-stop-navigation-context';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { joinStrings } from '../internal/utils/strings';\nimport { GeneratedAnalyticsMetadataFileInputComponent } from './analytics-metadata/interfaces';\nimport { FileInputProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface InternalFileInputProps {\n  __inputClassName?: string;\n  __inputNativeAttributes?: React.InputHTMLAttributes<HTMLInputElement> | Record<`data-${string}`, string>;\n  __injectAnalyticsComponentMetadata?: boolean;\n}\n\nconst InternalFileInput = React.forwardRef(\n  (\n    {\n      accept,\n      ariaRequired,\n      ariaLabel,\n      multiple = false,\n      value,\n      onChange,\n      variant = 'button',\n      children,\n      __internalRootRef,\n      __inputClassName,\n      __inputNativeAttributes,\n      __injectAnalyticsComponentMetadata,\n      ...restProps\n    }: FileInputProps & InternalBaseComponentProps & InternalFileInputProps,\n    ref: Ref<FileInputProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(restProps);\n    const uploadInputRef = useRef<HTMLInputElement>(null);\n    const containerRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergeRefs(__internalRootRef, containerRef);\n\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    const onUploadButtonClick = () => uploadInputRef.current?.click();\n    const onUploadInputFocus = () => {\n      setIsFocused(true);\n      containerRef.current?.scrollIntoView?.();\n    };\n    const onUploadInputBlur = () => setIsFocused(false);\n\n    const onUploadInputChange = ({ target }: ChangeEvent<HTMLInputElement>) => {\n      fireNonCancelableEvent(onChange, { value: target.files ? Array.from(target.files) : [] });\n    };\n\n    checkControlled('FileInput', 'value', value, 'onChange', onChange);\n\n    const nativeAttributes: React.HTMLAttributes<HTMLInputElement> = {\n      'aria-label': ariaLabel || children,\n      'aria-labelledby': joinStrings(formFieldContext.ariaLabelledby, uploadButtonLabelId),\n      'aria-describedby': formFieldContext.ariaDescribedby,\n      ...__inputNativeAttributes,\n    };\n    if (formFieldContext.invalid) {\n      nativeAttributes['aria-invalid'] = true;\n    }\n    if (ariaRequired) {\n      nativeAttributes['aria-required'] = true;\n    }\n\n    if (variant === 'icon' && !ariaLabel) {\n      warnOnce('FileInput', 'Aria label is required with icon variant.');\n    }\n\n    // Synchronizing component's value with the native file input state.\n    useEffect(() => {\n      /* istanbul ignore next: 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      if (uploadInputRef.current) {\n        uploadInputRef.current.value = ''; // reset value to allow calling onChange when the same file is uploaded again\n      }\n    }, [value]);\n\n    const { tabIndex } = useSingleTabStopNavigation(uploadInputRef);\n\n    const analyticsLabel = variant === 'button' && children ? 'button' : 'input';\n    const componentAnalyticsMetadata: GeneratedAnalyticsMetadataFileInputComponent = {\n      name: 'awsui.FileInput',\n      label: analyticsLabel,\n    };\n\n    const analyticsMetadata: GeneratedAnalyticsMetadataFragment = { detail: { label: analyticsLabel } };\n    if (__injectAnalyticsComponentMetadata) {\n      analyticsMetadata.component = componentAnalyticsMetadata;\n    }\n\n    return (\n      <div\n        {...baseProps}\n        ref={mergedRef}\n        className={clsx(baseProps.className, styles.root)}\n        {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n      >\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={clsx(styles['file-input'], styles.hidden, __inputClassName)}\n          tabIndex={tabIndex}\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          variant={variant === 'icon' ? 'icon' : undefined}\n          formAction=\"none\"\n          onClick={onUploadButtonClick}\n          className={clsx(styles['file-input-button'], {\n            [styles['force-focus-outline-button']]: isFocused && variant === 'button',\n            [styles['force-focus-outline-icon']]: isFocused && variant === 'icon',\n          })}\n          nativeButtonAttributes={{ tabIndex: -1, 'aria-hidden': true }}\n          __skipNativeAttributesWarnings={true}\n        >\n          {variant === 'button' && 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}>{ariaLabel || children}</ScreenreaderOnly>\n      </div>\n    );\n  }\n);\n\nexport default InternalFileInput;\n"]}
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/file-input/internal.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, { ChangeEvent, Ref, useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { useMergeRefs, useUniqueId, warnOnce } from '@cloudscape-design/component-toolkit/internal';\nimport { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit/internal';\nimport {\n  GeneratedAnalyticsMetadataFragment,\n  getAnalyticsMetadataAttribute,\n} from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalButton from '../button/internal';\nimport { useFormFieldContext } from '../contexts/form-field';\nimport { getBaseProps } from '../internal/base-component/index.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport useForwardFocus from '../internal/hooks/forward-focus';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component/index.js';\nimport { joinStrings } from '../internal/utils/strings';\nimport { GeneratedAnalyticsMetadataFileInputComponent } from './analytics-metadata/interfaces';\nimport { FileInputProps } from './interfaces';\n\nimport styles from './styles.css.js';\n\ninterface InternalFileInputProps {\n  __inputClassName?: string;\n  __inputNativeAttributes?: React.InputHTMLAttributes<HTMLInputElement> | Record<`data-${string}`, string>;\n  __injectAnalyticsComponentMetadata?: boolean;\n}\n\nconst InternalFileInput = React.forwardRef(\n  (\n    {\n      accept,\n      ariaRequired,\n      ariaLabel,\n      multiple = false,\n      value,\n      onChange,\n      variant = 'button',\n      children,\n      __internalRootRef,\n      __inputClassName,\n      __inputNativeAttributes,\n      __injectAnalyticsComponentMetadata,\n      ...restProps\n    }: FileInputProps & InternalBaseComponentProps & InternalFileInputProps,\n    ref: Ref<FileInputProps.Ref>\n  ) => {\n    const baseProps = getBaseProps(restProps);\n    const uploadInputRef = useRef<HTMLInputElement>(null);\n    const containerRef = useRef<HTMLButtonElement>(null);\n    const mergedRef = useMergeRefs(__internalRootRef, containerRef);\n\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    const onUploadButtonClick = () => uploadInputRef.current?.click();\n    const onUploadInputFocus = () => {\n      setIsFocused(true);\n      containerRef.current?.scrollIntoView?.();\n    };\n    const onUploadInputBlur = () => setIsFocused(false);\n\n    const onUploadInputChange = ({ target }: ChangeEvent<HTMLInputElement>) => {\n      fireNonCancelableEvent(onChange, { value: target.files ? Array.from(target.files) : [] });\n    };\n\n    checkControlled('FileInput', 'value', value, 'onChange', onChange);\n\n    const nativeAttributes: React.HTMLAttributes<HTMLInputElement> = {\n      'aria-label': ariaLabel || children,\n      'aria-labelledby': joinStrings(formFieldContext.ariaLabelledby, uploadButtonLabelId),\n      'aria-describedby': formFieldContext.ariaDescribedby,\n      ...__inputNativeAttributes,\n    };\n    if (formFieldContext.invalid) {\n      nativeAttributes['aria-invalid'] = true;\n    }\n    if (ariaRequired) {\n      nativeAttributes['aria-required'] = true;\n    }\n\n    if (variant === 'icon' && !ariaLabel) {\n      warnOnce('FileInput', 'Aria label is required with icon variant.');\n    }\n\n    // Synchronizing component's value with the native file input state.\n    useEffect(() => {\n      /* istanbul ignore next: 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      if (uploadInputRef.current) {\n        uploadInputRef.current.value = ''; // reset value to allow calling onChange when the same file is uploaded again\n      }\n    }, [value]);\n\n    const { tabIndex } = useSingleTabStopNavigation(uploadInputRef);\n\n    const analyticsLabel = variant === 'button' && children ? 'button' : 'input';\n    const componentAnalyticsMetadata: GeneratedAnalyticsMetadataFileInputComponent = {\n      name: 'awsui.FileInput',\n      label: analyticsLabel,\n    };\n\n    const analyticsMetadata: GeneratedAnalyticsMetadataFragment = { detail: { label: analyticsLabel } };\n    if (__injectAnalyticsComponentMetadata) {\n      analyticsMetadata.component = componentAnalyticsMetadata;\n    }\n\n    return (\n      <div\n        {...baseProps}\n        ref={mergedRef}\n        className={clsx(baseProps.className, styles.root)}\n        {...getAnalyticsMetadataAttribute(analyticsMetadata)}\n      >\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={clsx(styles['file-input'], styles.hidden, __inputClassName)}\n          tabIndex={tabIndex}\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          variant={variant === 'icon' ? 'icon' : undefined}\n          formAction=\"none\"\n          onClick={onUploadButtonClick}\n          className={clsx(styles['file-input-button'], {\n            [styles['force-focus-outline-button']]: isFocused && variant === 'button',\n            [styles['force-focus-outline-icon']]: isFocused && variant === 'icon',\n          })}\n          nativeButtonAttributes={{ tabIndex: -1, 'aria-hidden': true }}\n          __skipNativeAttributesWarnings={true}\n        >\n          {variant === 'button' && 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}>{ariaLabel || children}</ScreenreaderOnly>\n      </div>\n    );\n  }\n);\n\nexport default InternalFileInput;\n"]}

package/lib/internal/template/flashbar/styles.css.js

@@ -1,55 +1,55 @@
 
     import './styles.scoped.css';
     export default {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_ysxqb_157",
-  "enter": "awsui_enter_1q84n_ysxqb_157",
-  "flash-body": "awsui_flash-body_1q84n_ysxqb_171",
-  "flash-message": "awsui_flash-message_1q84n_ysxqb_171",
-  "flash-header": "awsui_flash-header_1q84n_ysxqb_171",
-  "flash-content": "awsui_flash-content_1q84n_ysxqb_172",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_ysxqb_173",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_ysxqb_174",
-  "flash-icon": "awsui_flash-icon_1q84n_ysxqb_197",
-  "entering": "awsui_entering_1q84n_ysxqb_210",
-  "entered": "awsui_entered_1q84n_ysxqb_231",
-  "exiting": "awsui_exiting_1q84n_ysxqb_336",
-  "stack": "awsui_stack_1q84n_ysxqb_370",
-  "animation-running": "awsui_animation-running_1q84n_ysxqb_370",
-  "item": "awsui_item_1q84n_ysxqb_370",
-  "flash-list-item": "awsui_flash-list-item_1q84n_ysxqb_371",
-  "notification-bar": "awsui_notification-bar_1q84n_ysxqb_372",
-  "collapsed": "awsui_collapsed_1q84n_ysxqb_392",
-  "animation-ready": "awsui_animation-ready_1q84n_ysxqb_392",
-  "expanded-only": "awsui_expanded-only_1q84n_ysxqb_392",
-  "expanded": "awsui_expanded_1q84n_ysxqb_392",
-  "flash": "awsui_flash_1q84n_ysxqb_157",
-  "collapsible": "awsui_collapsible_1q84n_ysxqb_448",
-  "short-list": "awsui_short-list_1q84n_ysxqb_454",
-  "visual-refresh": "awsui_visual-refresh_1q84n_ysxqb_454",
-  "status": "awsui_status_1q84n_ysxqb_601",
-  "header": "awsui_header_1q84n_ysxqb_601",
-  "item-count": "awsui_item-count_1q84n_ysxqb_602",
-  "button": "awsui_button_1q84n_ysxqb_603",
-  "type-count": "awsui_type-count_1q84n_ysxqb_636",
-  "count-number": "awsui_count-number_1q84n_ysxqb_636",
-  "icon": "awsui_icon_1q84n_ysxqb_674",
-  "floating": "awsui_floating_1q84n_ysxqb_715",
-  "flashbar": "awsui_flashbar_1q84n_ysxqb_719",
-  "initial-hidden": "awsui_initial-hidden_1q84n_ysxqb_778",
-  "flash-list": "awsui_flash-list_1q84n_ysxqb_371",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_ysxqb_802",
-  "flash-text": "awsui_flash-text_1q84n_ysxqb_832",
-  "hidden": "awsui_hidden_1q84n_ysxqb_851",
-  "header-replacement": "awsui_header-replacement_1q84n_ysxqb_856",
-  "content-replacement": "awsui_content-replacement_1q84n_ysxqb_861",
-  "dismiss-button": "awsui_dismiss-button_1q84n_ysxqb_174",
-  "action-wrapped": "awsui_action-wrapped_1q84n_ysxqb_879",
-  "action-button": "awsui_action-button_1q84n_ysxqb_173",
-  "action-slot": "awsui_action-slot_1q84n_ysxqb_886",
-  "flash-type-success": "awsui_flash-type-success_1q84n_ysxqb_890",
-  "flash-type-error": "awsui_flash-type-error_1q84n_ysxqb_894",
-  "flash-type-info": "awsui_flash-type-info_1q84n_ysxqb_898",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_ysxqb_899",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_ysxqb_903"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_7smzc_157",
+  "enter": "awsui_enter_1q84n_7smzc_157",
+  "flash-body": "awsui_flash-body_1q84n_7smzc_171",
+  "flash-message": "awsui_flash-message_1q84n_7smzc_171",
+  "flash-header": "awsui_flash-header_1q84n_7smzc_171",
+  "flash-content": "awsui_flash-content_1q84n_7smzc_172",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_7smzc_173",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_7smzc_174",
+  "flash-icon": "awsui_flash-icon_1q84n_7smzc_197",
+  "entering": "awsui_entering_1q84n_7smzc_210",
+  "entered": "awsui_entered_1q84n_7smzc_231",
+  "exiting": "awsui_exiting_1q84n_7smzc_336",
+  "stack": "awsui_stack_1q84n_7smzc_370",
+  "animation-running": "awsui_animation-running_1q84n_7smzc_370",
+  "item": "awsui_item_1q84n_7smzc_370",
+  "flash-list-item": "awsui_flash-list-item_1q84n_7smzc_371",
+  "notification-bar": "awsui_notification-bar_1q84n_7smzc_372",
+  "collapsed": "awsui_collapsed_1q84n_7smzc_392",
+  "animation-ready": "awsui_animation-ready_1q84n_7smzc_392",
+  "expanded-only": "awsui_expanded-only_1q84n_7smzc_392",
+  "expanded": "awsui_expanded_1q84n_7smzc_392",
+  "flash": "awsui_flash_1q84n_7smzc_157",
+  "collapsible": "awsui_collapsible_1q84n_7smzc_448",
+  "short-list": "awsui_short-list_1q84n_7smzc_454",
+  "visual-refresh": "awsui_visual-refresh_1q84n_7smzc_454",
+  "status": "awsui_status_1q84n_7smzc_601",
+  "header": "awsui_header_1q84n_7smzc_601",
+  "item-count": "awsui_item-count_1q84n_7smzc_602",
+  "button": "awsui_button_1q84n_7smzc_603",
+  "type-count": "awsui_type-count_1q84n_7smzc_636",
+  "count-number": "awsui_count-number_1q84n_7smzc_636",
+  "icon": "awsui_icon_1q84n_7smzc_674",
+  "floating": "awsui_floating_1q84n_7smzc_715",
+  "flashbar": "awsui_flashbar_1q84n_7smzc_719",
+  "initial-hidden": "awsui_initial-hidden_1q84n_7smzc_778",
+  "flash-list": "awsui_flash-list_1q84n_7smzc_371",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_7smzc_802",
+  "flash-text": "awsui_flash-text_1q84n_7smzc_832",
+  "hidden": "awsui_hidden_1q84n_7smzc_851",
+  "header-replacement": "awsui_header-replacement_1q84n_7smzc_856",
+  "content-replacement": "awsui_content-replacement_1q84n_7smzc_861",
+  "dismiss-button": "awsui_dismiss-button_1q84n_7smzc_174",
+  "action-wrapped": "awsui_action-wrapped_1q84n_7smzc_879",
+  "action-button": "awsui_action-button_1q84n_7smzc_173",
+  "action-slot": "awsui_action-slot_1q84n_7smzc_886",
+  "flash-type-success": "awsui_flash-type-success_1q84n_7smzc_890",
+  "flash-type-error": "awsui_flash-type-error_1q84n_7smzc_894",
+  "flash-type-info": "awsui_flash-type-info_1q84n_7smzc_898",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_7smzc_899",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_7smzc_903"
 };