@cloudscape-design/components 3.0.250 → 3.0.252

package/table/body-cell/index.js

@@ -26,7 +26,7 @@ function TableCellEditable(_a) {
     return (React.createElement(TableTdElement, Object.assign({}, rest, { nativeAttributes: tdNativeAttributes, className: clsx(className, styles['body-cell-editable'], isEditing && styles['body-cell-edit-active'], isVisualRefresh && styles['is-visual-refresh']), onClick: !isEditing ? onEditStart : undefined }), isEditing ? (React.createElement(InlineEditor, { ariaLabels: ariaLabels, column: column, item: item, onEditEnd: onEditEnd, submitEdit: submitEdit !== null && submitEdit !== void 0 ? submitEdit : submitHandlerFallback })) : (React.createElement(React.Fragment, null,
         column.cell(item),
         React.createElement("span", { className: styles['body-cell-editor'] },
-            React.createElement(Button, { __hideFocusOutline: true, __internalRootRef: editActivateRef, ariaLabel: (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.activateEditLabel) === null || _b === void 0 ? void 0 : _b.call(ariaLabels, column), formAction: "none", iconName: "edit", variant: "inline-icon" }))))));
+            React.createElement(Button, { __forcedFocusState: "none", __internalRootRef: editActivateRef, ariaLabel: (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.activateEditLabel) === null || _b === void 0 ? void 0 : _b.call(ariaLabels, column), formAction: "none", iconName: "edit", variant: "inline-icon" }))))));
 }
 export function TableBodyCell(_a) {
     var { isEditable } = _a, rest = __rest(_a, ["isEditable"]);

package/table/body-cell/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/body-cell/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAuB,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAC;AAClF,CAAC,CAAC;AAYF,SAAS,iBAAiB,CAAW,EAWN;;QAXM,EACnC,SAAS,EACT,IAAI,EACJ,MAAM,EACN,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,UAAU,EACV,eAAe,OAEc,EAD1B,IAAI,cAV4B,uHAWpC,CADQ;IAEP,MAAM,eAAe,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACtD,MAAM,kBAAkB,GAAG;QACzB,4BAA4B,EAAE,SAAS,CAAC,QAAQ,EAAE;KACnD,CAAC;IAEF,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,SAAS,IAAI,eAAe,CAAC,OAAO,EAAE;YACzC,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,cAAc,oBACT,IAAI,IACR,gBAAgB,EAAE,kBAA6D,EAC/E,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,oBAAoB,CAAC,EAC5B,SAAS,IAAI,MAAM,CAAC,uBAAuB,CAAC,EAC5C,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC/C,EACD,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAE5C,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,YAAY,IACX,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,qBAAqB,GAC/C,CACH,CAAC,CAAC,CAAC,CACF;QACG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAClB,8BAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;YACzC,oBAAC,MAAM,IACL,kBAAkB,EAAE,IAAI,EACxB,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,iBAAiB,2DAAG,MAAM,CAAC,EAClD,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,MAAM,EACf,OAAO,EAAC,aAAa,GACrB,CACG,CACN,CACJ,CACc,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAW,EAGiB;QAHjB,EACtC,UAAU,OAE6C,EADpD,IAAI,cAF+B,cAGvC,CADQ;IAEP,IAAI,UAAU,IAAI,IAAI,CAAC,SAAS,EAAE;QAChC,OAAO,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAAC;KACxC;IACD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC9B,OAAO,oBAAC,cAAc,oBAAK,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAkB,CAAC;AACxE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport React, { useRef } from 'react';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update';\nimport Button from '../../button/internal';\nimport { ButtonProps } from '../../button/interfaces';\nimport { TableProps } from '../interfaces';\nimport { TableTdElement, TableTdElementProps } from './td-element';\nimport { InlineEditor } from './inline-editor';\n\nconst submitHandlerFallback = () => {\n  throw new Error('The function `handleSubmit` is required for editable columns');\n};\n\ninterface TableBodyCellProps<ItemType> extends TableTdElementProps {\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n  isEditing: boolean;\n  onEditStart: () => void;\n  onEditEnd: () => void;\n  submitEdit?: TableProps.SubmitEditFunction<ItemType>;\n  ariaLabels: TableProps['ariaLabels'];\n}\n\nfunction TableCellEditable<ItemType>({\n  className,\n  item,\n  column,\n  isEditing,\n  onEditStart,\n  onEditEnd,\n  submitEdit,\n  ariaLabels,\n  isVisualRefresh,\n  ...rest\n}: TableBodyCellProps<ItemType>) {\n  const editActivateRef = useRef<ButtonProps.Ref>(null);\n  const tdNativeAttributes = {\n    'data-inline-editing-active': isEditing.toString(),\n  };\n\n  useEffectOnUpdate(() => {\n    if (!isEditing && editActivateRef.current) {\n      editActivateRef.current.focus();\n    }\n  }, [isEditing]);\n\n  return (\n    <TableTdElement\n      {...rest}\n      nativeAttributes={tdNativeAttributes as TableTdElementProps['nativeAttributes']}\n      className={clsx(\n        className,\n        styles['body-cell-editable'],\n        isEditing && styles['body-cell-edit-active'],\n        isVisualRefresh && styles['is-visual-refresh']\n      )}\n      onClick={!isEditing ? onEditStart : undefined}\n    >\n      {isEditing ? (\n        <InlineEditor\n          ariaLabels={ariaLabels}\n          column={column}\n          item={item}\n          onEditEnd={onEditEnd}\n          submitEdit={submitEdit ?? submitHandlerFallback}\n        />\n      ) : (\n        <>\n          {column.cell(item)}\n          <span className={styles['body-cell-editor']}>\n            <Button\n              __hideFocusOutline={true}\n              __internalRootRef={editActivateRef}\n              ariaLabel={ariaLabels?.activateEditLabel?.(column)}\n              formAction=\"none\"\n              iconName=\"edit\"\n              variant=\"inline-icon\"\n            />\n          </span>\n        </>\n      )}\n    </TableTdElement>\n  );\n}\n\nexport function TableBodyCell<ItemType>({\n  isEditable,\n  ...rest\n}: TableBodyCellProps<ItemType> & { isEditable: boolean }) {\n  if (isEditable || rest.isEditing) {\n    return <TableCellEditable {...rest} />;\n  }\n  const { column, item } = rest;\n  return <TableTdElement {...rest}>{column.cell(item)}</TableTdElement>;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["table/body-cell/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAG3C,OAAO,EAAE,cAAc,EAAuB,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,MAAM,qBAAqB,GAAG,GAAG,EAAE;IACjC,MAAM,IAAI,KAAK,CAAC,8DAA8D,CAAC,CAAC;AAClF,CAAC,CAAC;AAYF,SAAS,iBAAiB,CAAW,EAWN;;QAXM,EACnC,SAAS,EACT,IAAI,EACJ,MAAM,EACN,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,UAAU,EACV,eAAe,OAEc,EAD1B,IAAI,cAV4B,uHAWpC,CADQ;IAEP,MAAM,eAAe,GAAG,MAAM,CAAkB,IAAI,CAAC,CAAC;IACtD,MAAM,kBAAkB,GAAG;QACzB,4BAA4B,EAAE,SAAS,CAAC,QAAQ,EAAE;KACnD,CAAC;IAEF,iBAAiB,CAAC,GAAG,EAAE;QACrB,IAAI,CAAC,SAAS,IAAI,eAAe,CAAC,OAAO,EAAE;YACzC,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL,oBAAC,cAAc,oBACT,IAAI,IACR,gBAAgB,EAAE,kBAA6D,EAC/E,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,oBAAoB,CAAC,EAC5B,SAAS,IAAI,MAAM,CAAC,uBAAuB,CAAC,EAC5C,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,CAC/C,EACD,OAAO,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,KAE5C,SAAS,CAAC,CAAC,CAAC,CACX,oBAAC,YAAY,IACX,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,qBAAqB,GAC/C,CACH,CAAC,CAAC,CAAC,CACF;QACG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;QAClB,8BAAM,SAAS,EAAE,MAAM,CAAC,kBAAkB,CAAC;YACzC,oBAAC,MAAM,IACL,kBAAkB,EAAC,MAAM,EACzB,iBAAiB,EAAE,eAAe,EAClC,SAAS,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,iBAAiB,2DAAG,MAAM,CAAC,EAClD,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,MAAM,EACf,OAAO,EAAC,aAAa,GACrB,CACG,CACN,CACJ,CACc,CAClB,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAW,EAGiB;QAHjB,EACtC,UAAU,OAE6C,EADpD,IAAI,cAF+B,cAGvC,CADQ;IAEP,IAAI,UAAU,IAAI,IAAI,CAAC,SAAS,EAAE;QAChC,OAAO,oBAAC,iBAAiB,oBAAK,IAAI,EAAI,CAAC;KACxC;IACD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC;IAC9B,OAAO,oBAAC,cAAc,oBAAK,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAkB,CAAC;AACxE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport React, { useRef } from 'react';\nimport { useEffectOnUpdate } from '../../internal/hooks/use-effect-on-update';\nimport Button from '../../button/internal';\nimport { ButtonProps } from '../../button/interfaces';\nimport { TableProps } from '../interfaces';\nimport { TableTdElement, TableTdElementProps } from './td-element';\nimport { InlineEditor } from './inline-editor';\n\nconst submitHandlerFallback = () => {\n  throw new Error('The function `handleSubmit` is required for editable columns');\n};\n\ninterface TableBodyCellProps<ItemType> extends TableTdElementProps {\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n  isEditing: boolean;\n  onEditStart: () => void;\n  onEditEnd: () => void;\n  submitEdit?: TableProps.SubmitEditFunction<ItemType>;\n  ariaLabels: TableProps['ariaLabels'];\n}\n\nfunction TableCellEditable<ItemType>({\n  className,\n  item,\n  column,\n  isEditing,\n  onEditStart,\n  onEditEnd,\n  submitEdit,\n  ariaLabels,\n  isVisualRefresh,\n  ...rest\n}: TableBodyCellProps<ItemType>) {\n  const editActivateRef = useRef<ButtonProps.Ref>(null);\n  const tdNativeAttributes = {\n    'data-inline-editing-active': isEditing.toString(),\n  };\n\n  useEffectOnUpdate(() => {\n    if (!isEditing && editActivateRef.current) {\n      editActivateRef.current.focus();\n    }\n  }, [isEditing]);\n\n  return (\n    <TableTdElement\n      {...rest}\n      nativeAttributes={tdNativeAttributes as TableTdElementProps['nativeAttributes']}\n      className={clsx(\n        className,\n        styles['body-cell-editable'],\n        isEditing && styles['body-cell-edit-active'],\n        isVisualRefresh && styles['is-visual-refresh']\n      )}\n      onClick={!isEditing ? onEditStart : undefined}\n    >\n      {isEditing ? (\n        <InlineEditor\n          ariaLabels={ariaLabels}\n          column={column}\n          item={item}\n          onEditEnd={onEditEnd}\n          submitEdit={submitEdit ?? submitHandlerFallback}\n        />\n      ) : (\n        <>\n          {column.cell(item)}\n          <span className={styles['body-cell-editor']}>\n            <Button\n              __forcedFocusState=\"none\"\n              __internalRootRef={editActivateRef}\n              ariaLabel={ariaLabels?.activateEditLabel?.(column)}\n              formAction=\"none\"\n              iconName=\"edit\"\n              variant=\"inline-icon\"\n            />\n          </span>\n        </>\n      )}\n    </TableTdElement>\n  );\n}\n\nexport function TableBodyCell<ItemType>({\n  isEditable,\n  ...rest\n}: TableBodyCellProps<ItemType> & { isEditable: boolean }) {\n  if (isEditable || rest.isEditing) {\n    return <TableCellEditable {...rest} />;\n  }\n  const { column, item } = rest;\n  return <TableTdElement {...rest}>{column.cell(item)}</TableTdElement>;\n}\n"]}

package/table/header-cell/styles.css.js

@@ -1,24 +1,24 @@
 
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_qocl2_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_qocl2_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_qocl2_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_qocl2_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_qocl2_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_qocl2_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_qocl2_129",
-  "sorting-icon": "awsui_sorting-icon_1spae_qocl2_133",
-  "edit-icon": "awsui_edit-icon_1spae_qocl2_141",
-  "header-cell-content": "awsui_header-cell-content_1spae_qocl2_147",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_qocl2_176",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_qocl2_194",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_qocl2_194",
-  "header-cell-text": "awsui_header-cell-text_1spae_qocl2_208",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_qocl2_213",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_qocl2_219",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_qocl2_220",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_qocl2_230",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_qocl2_241"
+  "header-cell": "awsui_header-cell_1spae_f15ng_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_f15ng_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_f15ng_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_f15ng_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_f15ng_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_f15ng_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_f15ng_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_f15ng_133",
+  "edit-icon": "awsui_edit-icon_1spae_f15ng_141",
+  "header-cell-content": "awsui_header-cell-content_1spae_f15ng_147",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_f15ng_176",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_f15ng_194",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_f15ng_194",
+  "header-cell-text": "awsui_header-cell-text_1spae_f15ng_208",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_f15ng_213",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_f15ng_219",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_f15ng_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_f15ng_230",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_f15ng_241"
 };
   

package/table/header-cell/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_header-cell_1spae_qocl2_93:not(#\9) {
+.awsui_header-cell_1spae_f15ng_93:not(#\9) {
   position: relative;
   text-align: left;
   box-sizing: border-box;
@@ -102,19 +102,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_header-cell-sticky_1spae_qocl2_105:not(#\9) {
+.awsui_header-cell-sticky_1spae_f15ng_105:not(#\9) {
   border-bottom: var(--border-table-sticky-width-h1tlxy, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_header-cell-stuck_1spae_qocl2_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_qocl2_108) {
+.awsui_header-cell-stuck_1spae_f15ng_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_f15ng_108) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_qocl2_108.awsui_header-cell-hidden_1spae_qocl2_111:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_f15ng_108.awsui_header-cell-hidden_1spae_f15ng_111:not(#\9) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell_1spae_qocl2_93:not(#\9):last-child, .awsui_header-cell_1spae_qocl2_93.awsui_header-cell-sortable_1spae_qocl2_114:not(#\9) {
+.awsui_header-cell_1spae_f15ng_93:not(#\9):last-child, .awsui_header-cell_1spae_f15ng_93.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9) {
   padding-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-cell_1spae_qocl2_93:not(#\9):not(:last-child):before {
+.awsui_header-cell_1spae_f15ng_93:not(#\9):not(:last-child):before {
   content: "";
   position: absolute;
   right: 0;
@@ -126,11 +126,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   box-sizing: border-box;
 }
-.awsui_header-cell-resizable_1spae_qocl2_129:not(#\9):not(:last-child):before {
-  border-left-color: var(--color-border-divider-interactive-default-rcasvw, #e9ebed);
+.awsui_header-cell-resizable_1spae_f15ng_129:not(#\9):not(:last-child):before {
+  border-left-color: var(--color-border-divider-interactive-default-0hdcst, #414d5c);
 }
 
-.awsui_sorting-icon_1spae_qocl2_133:not(#\9) {
+.awsui_sorting-icon_1spae_f15ng_133:not(#\9) {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
@@ -138,31 +138,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-column-sorting-icon-q5sr09, #414d5c);
 }
 
-.awsui_edit-icon_1spae_qocl2_141:not(#\9) {
+.awsui_edit-icon_1spae_f15ng_141:not(#\9) {
   margin-left: var(--space-xxs-ynfts5, 4px);
   margin-top: var(--space-scaled-xxs-95dhkm, 4px);
   color: inherit;
 }
 
-.awsui_header-cell-content_1spae_qocl2_147:not(#\9) {
+.awsui_header-cell-content_1spae_f15ng_147:not(#\9) {
   position: relative;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_header-cell-sortable_1spae_qocl2_114 > .awsui_header-cell-content_1spae_qocl2_147:not(#\9) {
+.awsui_header-cell-sortable_1spae_f15ng_114 > .awsui_header-cell-content_1spae_f15ng_147:not(#\9) {
   padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
 }
-.awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus {
+.awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -173,14 +173,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147:n
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.awsui_header-cell-fake-focus_1spae_qocl2_176:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.awsui_header-cell-fake-focus_1spae_qocl2_176:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.awsui_header-cell-fake-focus_1spae_qocl2_176:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_f15ng_147.awsui_header-cell-fake-focus_1spae_f15ng_176:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -191,33 +191,33 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_qocl2_147.a
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_header-cell-disabled_1spae_qocl2_194.awsui_header-cell-sorted_1spae_qocl2_194 > .awsui_header-cell-content_1spae_qocl2_147 > .awsui_sorting-icon_1spae_qocl2_133:not(#\9) {
+.awsui_header-cell-disabled_1spae_f15ng_194.awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 > .awsui_sorting-icon_1spae_f15ng_133:not(#\9) {
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
 }
 
-.awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194) > .awsui_header-cell-content_1spae_qocl2_147 {
+.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194) > .awsui_header-cell-content_1spae_qocl2_147:hover, .awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194).awsui_header-cell-sorted_1spae_qocl2_194 > .awsui_header-cell-content_1spae_qocl2_147 {
+.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147:hover, .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194).awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194) > .awsui_header-cell-content_1spae_qocl2_147:hover > .awsui_sorting-icon_1spae_qocl2_133, .awsui_header-cell-sortable_1spae_qocl2_114:not(#\9):not(.awsui_header-cell-disabled_1spae_qocl2_194).awsui_header-cell-sorted_1spae_qocl2_194 > .awsui_header-cell-content_1spae_qocl2_147 > .awsui_sorting-icon_1spae_qocl2_133 {
+.awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194) > .awsui_header-cell-content_1spae_f15ng_147:hover > .awsui_sorting-icon_1spae_f15ng_133, .awsui_header-cell-sortable_1spae_f15ng_114:not(#\9):not(.awsui_header-cell-disabled_1spae_f15ng_194).awsui_header-cell-sorted_1spae_f15ng_194 > .awsui_header-cell-content_1spae_f15ng_147 > .awsui_sorting-icon_1spae_f15ng_133 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
 
-.awsui_header-cell-text_1spae_qocl2_208:not(#\9) {
+.awsui_header-cell-text_1spae_f15ng_208:not(#\9) {
   line-height: var(--font-heading-xs-line-height-5x131j, 18px);
   padding-top: calc(var(--space-xxxs-k2w98v, 2px) / 2);
   padding-bottom: calc(var(--space-xxxs-k2w98v, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_qocl2_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_qocl2_213) {
+.awsui_header-cell-text_1spae_f15ng_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_f15ng_213) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_header-cell-ascending_1spae_qocl2_219:not(#\9),
-.awsui_header-cell-descending_1spae_qocl2_220:not(#\9) {
+.awsui_header-cell-ascending_1spae_f15ng_219:not(#\9),
+.awsui_header-cell-descending_1spae_f15ng_220:not(#\9) {
   /* used in test-utils */
 }
 
@@ -227,26 +227,26 @@ with the left edge of the table as closely as possible. If the
 last header cell is sortable the sort icon should align with the
 settings icon in the pagination slot.
 */
-.awsui_header-cell_1spae_qocl2_93:not(#\9):not(.awsui_is-visual-refresh_1spae_qocl2_230):first-child {
+.awsui_header-cell_1spae_f15ng_93:not(#\9):not(.awsui_is-visual-refresh_1spae_f15ng_230):first-child {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9) {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9) {
   /*
   Striped rows requires additional left padding because the
   shaded background makes the child content appear too close
   to the table edge.
   */
 }
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_qocl2_241) {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_f15ng_241) {
   padding-left: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):first-child.awsui_has-striped-rows_1spae_qocl2_241 {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child.awsui_has-striped-rows_1spae_f15ng_241 {
   padding-left: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):first-child > .awsui_header-cell-content_1spae_qocl2_147 {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):first-child > .awsui_header-cell-content_1spae_f15ng_147 {
   padding-left: 0;
 }
-.awsui_header-cell_1spae_qocl2_93.awsui_is-visual-refresh_1spae_qocl2_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_qocl2_114 {
+.awsui_header-cell_1spae_f15ng_93.awsui_is-visual-refresh_1spae_f15ng_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_f15ng_114 {
   padding-right: var(--space-xxxs-k2w98v, 2px);
 }

package/table/header-cell/styles.selectors.js

@@ -2,24 +2,24 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_qocl2_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_qocl2_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_qocl2_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_qocl2_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_qocl2_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_qocl2_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_qocl2_129",
-  "sorting-icon": "awsui_sorting-icon_1spae_qocl2_133",
-  "edit-icon": "awsui_edit-icon_1spae_qocl2_141",
-  "header-cell-content": "awsui_header-cell-content_1spae_qocl2_147",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_qocl2_176",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_qocl2_194",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_qocl2_194",
-  "header-cell-text": "awsui_header-cell-text_1spae_qocl2_208",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_qocl2_213",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_qocl2_219",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_qocl2_220",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_qocl2_230",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_qocl2_241"
+  "header-cell": "awsui_header-cell_1spae_f15ng_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_f15ng_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_f15ng_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_f15ng_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_f15ng_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_f15ng_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_f15ng_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_f15ng_133",
+  "edit-icon": "awsui_edit-icon_1spae_f15ng_141",
+  "header-cell-content": "awsui_header-cell-content_1spae_f15ng_147",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_f15ng_176",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_f15ng_194",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_f15ng_194",
+  "header-cell-text": "awsui_header-cell-text_1spae_f15ng_208",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_f15ng_213",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_f15ng_219",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_f15ng_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_f15ng_230",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_f15ng_241"
 };
   

package/table/resizer/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "resize-active": "awsui_resize-active_x7peu_1px6f_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1px6f_93",
-  "resizer": "awsui_resizer_x7peu_1px6f_98",
-  "resizer-active": "awsui_resizer-active_x7peu_1px6f_114",
-  "has-focus": "awsui_has-focus_x7peu_1px6f_126",
-  "tracker": "awsui_tracker_x7peu_1px6f_149"
+  "resize-active": "awsui_resize-active_x7peu_84vi8_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_84vi8_93",
+  "resizer": "awsui_resizer_x7peu_84vi8_98",
+  "resizer-active": "awsui_resizer-active_x7peu_84vi8_114",
+  "has-focus": "awsui_has-focus_x7peu_84vi8_126",
+  "tracker": "awsui_tracker_x7peu_84vi8_149"
 };
   

package/table/resizer/styles.scoped.css

@@ -90,13 +90,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_resize-active_x7peu_1px6f_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1px6f_93) * {
+.awsui_resize-active_x7peu_84vi8_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_84vi8_93) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
 
-.awsui_resizer_x7peu_1px6f_98:not(#\9) {
+.awsui_resizer_x7peu_84vi8_98:not(#\9) {
   bottom: 0;
   cursor: col-resize;
   position: absolute;
@@ -105,14 +105,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: var(--space-l-4vl6xu, 20px);
   z-index: 10;
 }
-.awsui_resize-active_x7peu_1px6f_93 .awsui_resizer_x7peu_1px6f_98:not(#\9) {
+.awsui_resize-active_x7peu_84vi8_93 .awsui_resizer_x7peu_84vi8_98:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_1px6f_98 {
+th:not(#\9):last-child > .awsui_resizer_x7peu_84vi8_98 {
   width: calc(var(--space-l-4vl6xu, 20px) / 2);
   right: 0;
 }
-th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1px6f_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_1px6f_114::before {
+th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_84vi8_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_84vi8_114::before {
   content: "";
   position: absolute;
   left: calc(var(--space-l-4vl6xu, 20px) / 2 - 2px);
@@ -121,18 +121,18 @@ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1px6f_98:hover::before, th:n
   min-height: var(--font-heading-xs-line-height-5x131j, 18px);
   max-height: calc(100% - calc(2 * var(--space-xs-rsr2qu, 8px) + var(--space-xxxs-k2w98v, 2px)));
   margin: auto;
-  border-left: 2px solid var(--color-border-divider-active-nnnfx9, #7d8998);
+  border-left: 2px solid var(--color-border-divider-active-t11l9l, #000716);
   box-sizing: border-box;
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focus_x7peu_1px6f_126:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_84vi8_98.awsui_has-focus_x7peu_84vi8_126:not(#\9) {
   position: relative;
   position: absolute;
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focus_x7peu_1px6f_126:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_84vi8_98.awsui_has-focus_x7peu_84vi8_126:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focus_x7peu_1px6f_126:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_84vi8_98.awsui_has-focus_x7peu_84vi8_126:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -143,18 +143,18 @@ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focu
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_1px6f_98.awsui_has-focus_x7peu_1px6f_126:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_84vi8_98.awsui_has-focus_x7peu_84vi8_126:not(#\9)::before {
   box-shadow: inset 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_tracker_x7peu_1px6f_149:not(#\9) {
+.awsui_tracker_x7peu_84vi8_149:not(#\9) {
   display: none;
   position: absolute;
-  border-left: var(--border-divider-list-width-hacikr, 1px) dashed var(--color-border-divider-active-nnnfx9, #7d8998);
+  border-left: var(--border-divider-list-width-hacikr, 1px) dashed var(--color-border-divider-active-t11l9l, #000716);
   width: 0;
   top: 0;
   bottom: 0;
 }
-.awsui_resize-active_x7peu_1px6f_93 .awsui_tracker_x7peu_1px6f_149:not(#\9) {
+.awsui_resize-active_x7peu_84vi8_93 .awsui_tracker_x7peu_84vi8_149:not(#\9) {
   display: block;
 }

package/table/resizer/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_x7peu_1px6f_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1px6f_93",
-  "resizer": "awsui_resizer_x7peu_1px6f_98",
-  "resizer-active": "awsui_resizer-active_x7peu_1px6f_114",
-  "has-focus": "awsui_has-focus_x7peu_1px6f_126",
-  "tracker": "awsui_tracker_x7peu_1px6f_149"
+  "resize-active": "awsui_resize-active_x7peu_84vi8_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_84vi8_93",
+  "resizer": "awsui_resizer_x7peu_84vi8_98",
+  "resizer-active": "awsui_resizer-active_x7peu_84vi8_114",
+  "has-focus": "awsui_has-focus_x7peu_84vi8_126",
+  "tracker": "awsui_tracker_x7peu_84vi8_149"
 };
   

package/test-utils/dom/file-upload/index.d.ts

@@ -0,0 +1,29 @@
+import { ComponentWrapper, ElementWrapper } from '@cloudscape-design/test-utils-core/dom';
+import ButtonWrapper from '../button';
+export default class FileUploadWrapper extends ComponentWrapper<HTMLElement> {
+    static rootSelector: string;
+    findUploadButton(): ButtonWrapper;
+    findNativeInput(): ElementWrapper<HTMLInputElement>;
+    findFileTokens(): Array<FileTokenWrapper>;
+    /**
+     * Returns a file token from for a given index.
+     *
+     * @param tokenIndex 1-based index of the file token to return.
+     */
+    findFileToken(fileTokenIndex: number): null | FileTokenWrapper;
+    /**
+     * Returns the token toggle button.
+     */
+    findTokenToggle(): null | ElementWrapper;
+    findConstraint(): null | ElementWrapper;
+    findError(): null | ElementWrapper;
+}
+declare class FileTokenWrapper extends ComponentWrapper {
+    findFileName(): ElementWrapper;
+    findFileSize(): null | ElementWrapper;
+    findFileLastModified(): null | ElementWrapper;
+    findFileThumbnail(): null | ElementWrapper;
+    findFileError(): null | ElementWrapper;
+    findRemoveButton(): ElementWrapper;
+}
+export {};

package/test-utils/dom/file-upload/index.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+const dom_1 = require("@cloudscape-design/test-utils-core/dom");
+const styles_selectors_js_1 = require("../../../file-upload/styles.selectors.js");
+const styles_selectors_js_2 = require("../../../file-upload/file-input/styles.selectors.js");
+const styles_selectors_js_3 = require("../../../file-upload/file-option/styles.selectors.js");
+const styles_selectors_js_4 = require("../../../token-group/styles.selectors.js");
+const styles_selectors_js_5 = require("../../../internal/components/token-list/styles.selectors.js");
+const styles_selectors_js_6 = require("../../../form-field/styles.selectors.js");
+const button_1 = require("../button");
+class FileUploadWrapper extends dom_1.ComponentWrapper {
+    findUploadButton() {
+        return this.findComponent(`.${styles_selectors_js_2.default['upload-button']}`, button_1.default);
+    }
+    findNativeInput() {
+        return this.findByClassName(styles_selectors_js_2.default['upload-input']);
+    }
+    findFileTokens() {
+        return this.findAllByClassName(styles_selectors_js_4.default.token).map(tokenElement => new FileTokenWrapper(tokenElement.getElement()));
+    }
+    /**
+     * Returns a file token from for a given index.
+     *
+     * @param tokenIndex 1-based index of the file token to return.
+     */
+    findFileToken(fileTokenIndex) {
+        return this.findComponent(`.${styles_selectors_js_4.default.token}[data-index="${fileTokenIndex - 1}"]`, FileTokenWrapper);
+    }
+    /**
+     * Returns the token toggle button.
+     */
+    findTokenToggle() {
+        return this.findByClassName(styles_selectors_js_5.default.toggle);
+    }
+    findConstraint() {
+        return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_6.default.constraint}`);
+    }
+    findError() {
+        return this.find(`.${styles_selectors_js_1.default.hints} .${styles_selectors_js_6.default.error} .${styles_selectors_js_6.default.error__message}`);
+    }
+}
+exports.default = FileUploadWrapper;
+FileUploadWrapper.rootSelector = styles_selectors_js_1.default.root;
+class FileTokenWrapper extends dom_1.ComponentWrapper {
+    findFileName() {
+        return this.findByClassName(styles_selectors_js_3.default['file-option-name']);
+    }
+    findFileSize() {
+        return this.findByClassName(styles_selectors_js_3.default['file-option-size']);
+    }
+    findFileLastModified() {
+        return this.findByClassName(styles_selectors_js_3.default['file-option-last-modified']);
+    }
+    findFileThumbnail() {
+        return this.findByClassName(styles_selectors_js_3.default['file-option-thumbnail-image']);
+    }
+    findFileError() {
+        return this.find(`.${styles_selectors_js_6.default.error} .${styles_selectors_js_6.default.error__message}`);
+    }
+    findRemoveButton() {
+        return this.findByClassName(styles_selectors_js_4.default['dismiss-button']);
+    }
+}
+//# sourceMappingURL=index.js.map

package/test-utils/dom/file-upload/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/test-utils/dom/file-upload/index.ts"],"names":[],"mappings":";;AAAA,qEAAqE;AACrE,sCAAsC;AACtC,gEAA0F;AAC1F,kFAA2E;AAC3E,6FAA2F;AAC3F,8FAA6F;AAC7F,kFAA2E;AAC3E,qGAA6F;AAC7F,iFAAsE;AACtE,sCAAsC;AAEtC,MAAqB,iBAAkB,SAAQ,sBAA6B;IAG1E,gBAAgB;QACd,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAwB,CAAC,eAAe,CAAC,EAAE,EAAE,gBAAa,CAAE,CAAC;IAC7F,CAAC;IAED,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAwB,CAAC,cAAc,CAAC,CAAE,CAAC;IACzE,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,kBAAkB,CAAC,6BAAmB,CAAC,KAAK,CAAC,CAAC,GAAG,CAC3D,YAAY,CAAC,EAAE,CAAC,IAAI,gBAAgB,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC,CAChE,CAAC;IACJ,CAAC;IAED;;;;OAIG;IACH,aAAa,CAAC,cAAsB;QAClC,OAAO,IAAI,CAAC,aAAa,CAAC,IAAI,6BAAmB,CAAC,KAAK,gBAAgB,cAAc,GAAG,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC;IACnH,CAAC;IAED;;OAEG;IACH,eAAe;QACb,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAkB,CAAC,MAAM,CAAC,CAAC;IACzD,CAAC;IAED,cAAc;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,UAAU,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,SAAS;QACP,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAmB,CAAC,KAAK,KAAK,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACjH,CAAC;;AAvCH,oCAwCC;AAvCQ,8BAAY,GAAW,6BAAmB,CAAC,IAAI,CAAC;AAyCzD,MAAM,gBAAiB,SAAQ,sBAAgB;IAC7C,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAE,CAAC;IAC9E,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,kBAAkB,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,oBAAoB;QAClB,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,2BAA2B,CAAC,CAAC,CAAC;IACtF,CAAC;IAED,iBAAiB;QACf,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAyB,CAAC,6BAA6B,CAAC,CAAC,CAAC;IACxF,CAAC;IAED,aAAa;QACX,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,6BAAe,CAAC,KAAK,KAAK,6BAAe,CAAC,cAAc,EAAE,CAAC,CAAC;IACnF,CAAC;IAED,gBAAgB;QACd,OAAO,IAAI,CAAC,eAAe,CAAC,6BAAmB,CAAC,gBAAgB,CAAC,CAAE,CAAC;IACtE,CAAC;CACF"}

package/test-utils/dom/index.d.ts

@@ -48,6 +48,8 @@ import DateRangePickerWrapper from './date-range-picker';
 export { DateRangePickerWrapper };
 import ExpandableSectionWrapper from './expandable-section';
 export { ExpandableSectionWrapper };
+import FileUploadWrapper from './file-upload';
+export { FileUploadWrapper };
 import FlashbarWrapper from './flashbar';
 export { FlashbarWrapper };
 import FormWrapper from './form';
@@ -156,6 +158,7 @@ declare module '@cloudscape-design/test-utils-core/dist/dom' {
         findDatePicker(selector?: string): DatePickerWrapper | null;
         findDateRangePicker(selector?: string): DateRangePickerWrapper | null;
         findExpandableSection(selector?: string): ExpandableSectionWrapper | null;
+        findFileUpload(selector?: string): FileUploadWrapper | null;
         findFlashbar(selector?: string): FlashbarWrapper | null;
         findForm(selector?: string): FormWrapper | null;
         findFormField(selector?: string): FormFieldWrapper | null;

package/test-utils/dom/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpaceBetweenWrapper = exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.PropertyFilterWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PaginationWrapper = exports.MultiselectWrapper = exports.ModalWrapper = exports.MixedLineBarChartWrapper = exports.LinkWrapper = exports.LineChartWrapper = exports.InputWrapper = exports.IconWrapper = exports.HotspotWrapper = exports.HelpPanelWrapper = exports.HeaderWrapper = exports.GridWrapper = exports.FormFieldWrapper = exports.FormWrapper = exports.FlashbarWrapper = exports.ExpandableSectionWrapper = exports.DateRangePickerWrapper = exports.DatePickerWrapper = exports.DateInputWrapper = exports.ContentLayoutWrapper = exports.ContainerWrapper = exports.ColumnLayoutWrapper = exports.CollectionPreferencesWrapper = exports.CodeEditorWrapper = exports.CheckboxWrapper = exports.CardsWrapper = exports.CalendarWrapper = exports.ButtonDropdownWrapper = exports.ButtonWrapper = exports.BreadcrumbGroupWrapper = exports.BoxWrapper = exports.BarChartWrapper = exports.BadgeWrapper = exports.AutosuggestWrapper = exports.AttributeEditorWrapper = exports.AreaChartWrapper = exports.AppLayoutWrapper = exports.AnnotationWrapper = exports.AlertWrapper = exports.ElementWrapper = void 0;
-exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TopNavigationWrapper = exports.TokenGroupWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = void 0;
+exports.SideNavigationWrapper = exports.SelectWrapper = exports.SegmentedControlWrapper = exports.S3ResourceSelectorWrapper = exports.RadioGroupWrapper = exports.PropertyFilterWrapper = exports.ProgressBarWrapper = exports.PopoverWrapper = exports.PieChartWrapper = exports.PaginationWrapper = exports.MultiselectWrapper = exports.ModalWrapper = exports.MixedLineBarChartWrapper = exports.LinkWrapper = exports.LineChartWrapper = exports.InputWrapper = exports.IconWrapper = exports.HotspotWrapper = exports.HelpPanelWrapper = exports.HeaderWrapper = exports.GridWrapper = exports.FormFieldWrapper = exports.FormWrapper = exports.FlashbarWrapper = exports.FileUploadWrapper = exports.ExpandableSectionWrapper = exports.DateRangePickerWrapper = exports.DatePickerWrapper = exports.DateInputWrapper = exports.ContentLayoutWrapper = exports.ContainerWrapper = exports.ColumnLayoutWrapper = exports.CollectionPreferencesWrapper = exports.CodeEditorWrapper = exports.CheckboxWrapper = exports.CardsWrapper = exports.CalendarWrapper = exports.ButtonDropdownWrapper = exports.ButtonWrapper = exports.BreadcrumbGroupWrapper = exports.BoxWrapper = exports.BarChartWrapper = exports.BadgeWrapper = exports.AutosuggestWrapper = exports.AttributeEditorWrapper = exports.AreaChartWrapper = exports.AppLayoutWrapper = exports.AnnotationWrapper = exports.AlertWrapper = exports.ElementWrapper = void 0;
+exports.WizardWrapper = exports.TutorialPanelWrapper = exports.TopNavigationWrapper = exports.TokenGroupWrapper = exports.ToggleWrapper = exports.TimeInputWrapper = exports.TilesWrapper = exports.TextareaWrapper = exports.TextFilterWrapper = exports.TextContentWrapper = exports.TagEditorWrapper = exports.TabsWrapper = exports.TableWrapper = exports.StatusIndicatorWrapper = exports.SplitPanelWrapper = exports.SpinnerWrapper = exports.SpaceBetweenWrapper = void 0;
 const dom_1 = require("@cloudscape-design/test-utils-core/dom");
 Object.defineProperty(exports, "ElementWrapper", { enumerable: true, get: function () { return dom_1.ElementWrapper; } });
 const utils_1 = require("@cloudscape-design/test-utils-core/utils");
@@ -53,6 +53,8 @@ const date_range_picker_1 = require("./date-range-picker");
 exports.DateRangePickerWrapper = date_range_picker_1.default;
 const expandable_section_1 = require("./expandable-section");
 exports.ExpandableSectionWrapper = expandable_section_1.default;
+const file_upload_1 = require("./file-upload");
+exports.FileUploadWrapper = file_upload_1.default;
 const flashbar_1 = require("./flashbar");
 exports.FlashbarWrapper = flashbar_1.default;
 const form_1 = require("./form");
@@ -279,6 +281,12 @@ dom_1.ElementWrapper.prototype.findExpandableSection = function (selector) {
     // https://github.com/microsoft/TypeScript/issues/29132
     return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, expandable_section_1.default);
 };
+dom_1.ElementWrapper.prototype.findFileUpload = function (selector) {
+    const rootSelector = `.${file_upload_1.default.rootSelector}`;
+    // casting to 'any' is needed to avoid this issue with generics
+    // https://github.com/microsoft/TypeScript/issues/29132
+    return this.findComponent(selector ? (0, utils_1.appendSelector)(selector, rootSelector) : rootSelector, file_upload_1.default);
+};
 dom_1.ElementWrapper.prototype.findFlashbar = function (selector) {
     const rootSelector = `.${flashbar_1.default.rootSelector}`;
     // casting to 'any' is needed to avoid this issue with generics