@cloudscape-design/components 3.0.240 → 3.0.242

package/progress-bar/styles.selectors.js

@@ -2,23 +2,23 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "progress": "awsui_progress_11huc_15drg_185",
-  "result-state": "awsui_result-state_11huc_15drg_199",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_15drg_1",
-  "root": "awsui_root_11huc_15drg_221",
-  "with-result-button": "awsui_with-result-button_11huc_15drg_234",
-  "result-text": "awsui_result-text_11huc_15drg_238",
-  "result-container-error": "awsui_result-container-error_11huc_15drg_242",
-  "result-container-success": "awsui_result-container-success_11huc_15drg_242",
-  "result-button": "awsui_result-button_11huc_15drg_246",
-  "word-wrap": "awsui_word-wrap_11huc_15drg_251",
-  "label-flash": "awsui_label-flash_11huc_15drg_257",
-  "label-key-value": "awsui_label-key-value_11huc_15drg_261",
-  "flash": "awsui_flash_11huc_15drg_269",
-  "progress-container": "awsui_progress-container_11huc_15drg_273",
-  "percentage-container": "awsui_percentage-container_11huc_15drg_280",
-  "percentage": "awsui_percentage_11huc_15drg_280",
-  "complete": "awsui_complete_11huc_15drg_315",
-  "progress-in-flash": "awsui_progress-in-flash_11huc_15drg_330"
+  "progress": "awsui_progress_11huc_1flst_185",
+  "result-state": "awsui_result-state_11huc_1flst_199",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_11huc_1flst_1",
+  "root": "awsui_root_11huc_1flst_221",
+  "with-result-button": "awsui_with-result-button_11huc_1flst_234",
+  "result-text": "awsui_result-text_11huc_1flst_238",
+  "result-container-error": "awsui_result-container-error_11huc_1flst_242",
+  "result-container-success": "awsui_result-container-success_11huc_1flst_242",
+  "result-button": "awsui_result-button_11huc_1flst_246",
+  "word-wrap": "awsui_word-wrap_11huc_1flst_251",
+  "label-flash": "awsui_label-flash_11huc_1flst_257",
+  "label-key-value": "awsui_label-key-value_11huc_1flst_261",
+  "flash": "awsui_flash_11huc_1flst_269",
+  "progress-container": "awsui_progress-container_11huc_1flst_273",
+  "percentage-container": "awsui_percentage-container_11huc_1flst_280",
+  "percentage": "awsui_percentage_11huc_1flst_280",
+  "complete": "awsui_complete_11huc_1flst_315",
+  "progress-in-flash": "awsui_progress-in-flash_11huc_1flst_330"
 };
   

package/table/body-cell/inline-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline-editor.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/inline-editor.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAO3C,UAAU,iBAAiB,CAAC,QAAQ;IAClC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,EACrC,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACX,EAAE,iBAAiB,CAAC,QAAQ,CAAC,eA0G7B"}
+{"version":3,"file":"inline-editor.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/inline-editor.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAQ3C,UAAU,iBAAiB,CAAC,QAAQ;IAClC,UAAU,EAAE,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;IACf,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,UAAU,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAED,wBAAgB,YAAY,CAAC,QAAQ,EAAE,EACrC,UAAU,EACV,IAAI,EACJ,MAAM,EACN,SAAS,EACT,UAAU,EACV,UAAU,GACX,EAAE,iBAAiB,CAAC,QAAQ,CAAC,eAiH7B"}

package/table/body-cell/inline-editor.js

@@ -1,18 +1,20 @@
 import { __awaiter } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import Button from '../../button/internal';
 import FormField from '../../form-field/internal';
 import SpaceBetween from '../../space-between/internal';
 import { useClickAway } from './click-away';
 import styles from './styles.css.js';
+import FocusLock from '../../internal/components/focus-lock';
 // A function that does nothing
 const noop = () => undefined;
 export function InlineEditor({ ariaLabels, item, column, onEditEnd, submitEdit, __onRender, }) {
-    var _a, _b;
+    var _a, _b, _c;
     const [currentEditLoading, setCurrentEditLoading] = useState(false);
     const [currentEditValue, setCurrentEditValue] = useState();
+    const focusLockRef = useRef(null);
     const cellContext = {
         currentValue: currentEditValue,
         setValue: setCurrentEditValue,
@@ -24,6 +26,7 @@ export function InlineEditor({ ariaLabels, item, column, onEditEnd, submitEdit,
         onEditEnd();
     }
     function onSubmitClick(evt) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             evt.preventDefault();
             if (currentEditValue === undefined) {
@@ -38,6 +41,7 @@ export function InlineEditor({ ariaLabels, item, column, onEditEnd, submitEdit,
             }
             catch (e) {
                 setCurrentEditLoading(false);
+                (_a = focusLockRef.current) === null || _a === void 0 ? void 0 : _a.focusFirst();
             }
         });
     }
@@ -61,13 +65,15 @@ export function InlineEditor({ ariaLabels, item, column, onEditEnd, submitEdit,
     }, [__onRender]);
     // asserting non-undefined editConfig here because this component is unreachable otherwise
     const { ariaLabel = undefined, validation = noop, errorIconAriaLabel, constraintText, editingCell, } = column.editConfig;
-    return (React.createElement("form", { ref: clickAwayRef, onSubmit: onSubmitClick, onKeyDown: handleEscape, className: styles['body-cell-editor-form'] },
-        React.createElement(FormField, { stretch: true, label: ariaLabel, constraintText: constraintText, __hideLabel: true, __disableGutters: true, i18nStrings: { errorIconAriaLabel }, errorText: validation(item, currentEditValue) },
-            React.createElement("div", { className: styles['body-cell-editor-row'] },
-                editingCell(item, cellContext),
-                React.createElement("span", { className: styles['body-cell-editor-controls'] },
-                    React.createElement(SpaceBetween, { direction: "horizontal", size: "xxs" },
-                        !currentEditLoading ? (React.createElement(Button, { ariaLabel: (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cancelEditLabel) === null || _a === void 0 ? void 0 : _a.call(ariaLabels, column), formAction: "none", iconName: "close", variant: "inline-icon", onClick: onCancel })) : null,
-                        React.createElement(Button, { ariaLabel: (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.submitEditLabel) === null || _b === void 0 ? void 0 : _b.call(ariaLabels, column), formAction: "submit", iconName: "check", variant: "inline-icon", loading: currentEditLoading })))))));
+    return (React.createElement(FocusLock, { restoreFocus: true, ref: focusLockRef },
+        React.createElement("div", { role: "dialog", ref: clickAwayRef, "aria-label": (_a = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.activateEditLabel) === null || _a === void 0 ? void 0 : _a.call(ariaLabels, column), onKeyDown: handleEscape },
+            React.createElement("form", { onSubmit: onSubmitClick, className: styles['body-cell-editor-form'] },
+                React.createElement(FormField, { stretch: true, label: ariaLabel, constraintText: constraintText, __hideLabel: true, __disableGutters: true, i18nStrings: { errorIconAriaLabel }, errorText: validation(item, currentEditValue) },
+                    React.createElement("div", { className: styles['body-cell-editor-row'] },
+                        editingCell(item, cellContext),
+                        React.createElement("span", { className: styles['body-cell-editor-controls'] },
+                            React.createElement(SpaceBetween, { direction: "horizontal", size: "xxs" },
+                                !currentEditLoading ? (React.createElement(Button, { ariaLabel: (_b = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.cancelEditLabel) === null || _b === void 0 ? void 0 : _b.call(ariaLabels, column), formAction: "none", iconName: "close", variant: "inline-icon", onClick: onCancel })) : null,
+                                React.createElement(Button, { ariaLabel: (_c = ariaLabels === null || ariaLabels === void 0 ? void 0 : ariaLabels.submitEditLabel) === null || _c === void 0 ? void 0 : _c.call(ariaLabels, column), formAction: "submit", iconName: "check", variant: "inline-icon", loading: currentEditLoading })))))))));
 }
 //# sourceMappingURL=inline-editor.js.map

package/table/body-cell/inline-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline-editor.js","sourceRoot":"lib/default/","sources":["table/body-cell/inline-editor.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\nimport React, { useEffect, useState } from 'react';\nimport Button from '../../button/internal';\nimport FormField from '../../form-field/internal';\nimport SpaceBetween from '../../space-between/internal';\nimport { useClickAway } from './click-away';\nimport { TableProps } from '../interfaces';\nimport styles from './styles.css.js';\nimport { Optional } from '../../internal/types';\n\n// A function that does nothing\nconst noop = () => undefined;\n\ninterface InlineEditorProps<ItemType> {\n  ariaLabels: TableProps['ariaLabels'];\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n  onEditEnd: () => void;\n  submitEdit: TableProps.SubmitEditFunction<ItemType>;\n  __onRender?: () => void;\n}\n\nexport function InlineEditor<ItemType>({\n  ariaLabels,\n  item,\n  column,\n  onEditEnd,\n  submitEdit,\n  __onRender,\n}: InlineEditorProps<ItemType>) {\n  const [currentEditLoading, setCurrentEditLoading] = useState(false);\n  const [currentEditValue, setCurrentEditValue] = useState<Optional<any>>();\n\n  const cellContext = {\n    currentValue: currentEditValue,\n    setValue: setCurrentEditValue,\n  };\n\n  function finishEdit(cancel = false) {\n    if (!cancel) {\n      setCurrentEditValue(undefined);\n    }\n    onEditEnd();\n  }\n\n  async function onSubmitClick(evt: React.FormEvent) {\n    evt.preventDefault();\n    if (currentEditValue === undefined) {\n      finishEdit();\n      return;\n    }\n\n    setCurrentEditLoading(true);\n    try {\n      await submitEdit(item, column, currentEditValue);\n      setCurrentEditLoading(false);\n      finishEdit();\n    } catch (e) {\n      setCurrentEditLoading(false);\n    }\n  }\n\n  function onCancel() {\n    if (currentEditLoading) {\n      return;\n    }\n    finishEdit(true);\n  }\n\n  function handleEscape(event: React.KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      onCancel();\n    }\n  }\n\n  const clickAwayRef = useClickAway(onCancel);\n\n  useEffect(() => {\n    if (__onRender) {\n      const timer = setTimeout(__onRender, 1);\n      return () => clearTimeout(timer);\n    }\n  }, [__onRender]);\n\n  // asserting non-undefined editConfig here because this component is unreachable otherwise\n  const {\n    ariaLabel = undefined,\n    validation = noop,\n    errorIconAriaLabel,\n    constraintText,\n    editingCell,\n  } = column.editConfig!;\n\n  return (\n    <form\n      ref={clickAwayRef}\n      onSubmit={onSubmitClick}\n      onKeyDown={handleEscape}\n      className={styles['body-cell-editor-form']}\n    >\n      <FormField\n        stretch={true}\n        label={ariaLabel}\n        constraintText={constraintText}\n        __hideLabel={true}\n        __disableGutters={true}\n        i18nStrings={{ errorIconAriaLabel }}\n        errorText={validation(item, currentEditValue)}\n      >\n        <div className={styles['body-cell-editor-row']}>\n          {editingCell(item, cellContext)}\n          <span className={styles['body-cell-editor-controls']}>\n            <SpaceBetween direction=\"horizontal\" size=\"xxs\">\n              {!currentEditLoading ? (\n                <Button\n                  ariaLabel={ariaLabels?.cancelEditLabel?.(column)}\n                  formAction=\"none\"\n                  iconName=\"close\"\n                  variant=\"inline-icon\"\n                  onClick={onCancel}\n                />\n              ) : null}\n              <Button\n                ariaLabel={ariaLabels?.submitEditLabel?.(column)}\n                formAction=\"submit\"\n                iconName=\"check\"\n                variant=\"inline-icon\"\n                loading={currentEditLoading}\n              />\n            </SpaceBetween>\n          </span>\n        </div>\n      </FormField>\n    </form>\n  );\n}\n"]}
+{"version":3,"file":"inline-editor.js","sourceRoot":"lib/default/","sources":["table/body-cell/inline-editor.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\nimport React, { useEffect, useRef, useState } from 'react';\nimport Button from '../../button/internal';\nimport FormField from '../../form-field/internal';\nimport SpaceBetween from '../../space-between/internal';\nimport { useClickAway } from './click-away';\nimport { TableProps } from '../interfaces';\nimport styles from './styles.css.js';\nimport { Optional } from '../../internal/types';\nimport FocusLock, { FocusLockRef } from '../../internal/components/focus-lock';\n\n// A function that does nothing\nconst noop = () => undefined;\n\ninterface InlineEditorProps<ItemType> {\n  ariaLabels: TableProps['ariaLabels'];\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n  onEditEnd: () => void;\n  submitEdit: TableProps.SubmitEditFunction<ItemType>;\n  __onRender?: () => void;\n}\n\nexport function InlineEditor<ItemType>({\n  ariaLabels,\n  item,\n  column,\n  onEditEnd,\n  submitEdit,\n  __onRender,\n}: InlineEditorProps<ItemType>) {\n  const [currentEditLoading, setCurrentEditLoading] = useState(false);\n  const [currentEditValue, setCurrentEditValue] = useState<Optional<any>>();\n\n  const focusLockRef = useRef<FocusLockRef>(null);\n\n  const cellContext = {\n    currentValue: currentEditValue,\n    setValue: setCurrentEditValue,\n  };\n\n  function finishEdit(cancel = false) {\n    if (!cancel) {\n      setCurrentEditValue(undefined);\n    }\n    onEditEnd();\n  }\n\n  async function onSubmitClick(evt: React.FormEvent) {\n    evt.preventDefault();\n    if (currentEditValue === undefined) {\n      finishEdit();\n      return;\n    }\n\n    setCurrentEditLoading(true);\n    try {\n      await submitEdit(item, column, currentEditValue);\n      setCurrentEditLoading(false);\n      finishEdit();\n    } catch (e) {\n      setCurrentEditLoading(false);\n      focusLockRef.current?.focusFirst();\n    }\n  }\n\n  function onCancel() {\n    if (currentEditLoading) {\n      return;\n    }\n    finishEdit(true);\n  }\n\n  function handleEscape(event: React.KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      onCancel();\n    }\n  }\n\n  const clickAwayRef = useClickAway(onCancel);\n\n  useEffect(() => {\n    if (__onRender) {\n      const timer = setTimeout(__onRender, 1);\n      return () => clearTimeout(timer);\n    }\n  }, [__onRender]);\n\n  // asserting non-undefined editConfig here because this component is unreachable otherwise\n  const {\n    ariaLabel = undefined,\n    validation = noop,\n    errorIconAriaLabel,\n    constraintText,\n    editingCell,\n  } = column.editConfig!;\n\n  return (\n    <FocusLock restoreFocus={true} ref={focusLockRef}>\n      <div\n        role=\"dialog\"\n        ref={clickAwayRef}\n        aria-label={ariaLabels?.activateEditLabel?.(column)}\n        onKeyDown={handleEscape}\n      >\n        <form onSubmit={onSubmitClick} className={styles['body-cell-editor-form']}>\n          <FormField\n            stretch={true}\n            label={ariaLabel}\n            constraintText={constraintText}\n            __hideLabel={true}\n            __disableGutters={true}\n            i18nStrings={{ errorIconAriaLabel }}\n            errorText={validation(item, currentEditValue)}\n          >\n            <div className={styles['body-cell-editor-row']}>\n              {editingCell(item, cellContext)}\n              <span className={styles['body-cell-editor-controls']}>\n                <SpaceBetween direction=\"horizontal\" size=\"xxs\">\n                  {!currentEditLoading ? (\n                    <Button\n                      ariaLabel={ariaLabels?.cancelEditLabel?.(column)}\n                      formAction=\"none\"\n                      iconName=\"close\"\n                      variant=\"inline-icon\"\n                      onClick={onCancel}\n                    />\n                  ) : null}\n                  <Button\n                    ariaLabel={ariaLabels?.submitEditLabel?.(column)}\n                    formAction=\"submit\"\n                    iconName=\"check\"\n                    variant=\"inline-icon\"\n                    loading={currentEditLoading}\n                  />\n                </SpaceBetween>\n              </span>\n            </div>\n          </FormField>\n        </form>\n      </div>\n    </FocusLock>\n  );\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_hh6b8_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_hh6b8_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_hh6b8_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_hh6b8_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_hh6b8_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_hh6b8_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_hh6b8_126",
-  "sorting-icon": "awsui_sorting-icon_1spae_hh6b8_130",
-  "edit-icon": "awsui_edit-icon_1spae_hh6b8_137",
-  "header-cell-content": "awsui_header-cell-content_1spae_hh6b8_143",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_hh6b8_172",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_hh6b8_190",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_hh6b8_190",
-  "header-cell-text": "awsui_header-cell-text_1spae_hh6b8_204",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_hh6b8_204",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_hh6b8_210",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_hh6b8_211",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_hh6b8_221",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_hh6b8_232"
+  "header-cell": "awsui_header-cell_1spae_5olvr_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_5olvr_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_5olvr_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_5olvr_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_5olvr_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_5olvr_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_5olvr_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_5olvr_133",
+  "edit-icon": "awsui_edit-icon_1spae_5olvr_141",
+  "header-cell-content": "awsui_header-cell-content_1spae_5olvr_147",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_5olvr_176",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_5olvr_194",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_5olvr_194",
+  "header-cell-text": "awsui_header-cell-text_1spae_5olvr_208",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_5olvr_213",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_5olvr_219",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_5olvr_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_5olvr_230",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_5olvr_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_hh6b8_93:not(#\9) {
+.awsui_header-cell_1spae_5olvr_93:not(#\9) {
   position: relative;
   text-align: left;
   box-sizing: border-box;
@@ -102,63 +102,67 @@ 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_hh6b8_105:not(#\9) {
+.awsui_header-cell-sticky_1spae_5olvr_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_hh6b8_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_hh6b8_108) {
+.awsui_header-cell-stuck_1spae_5olvr_108:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_5olvr_108) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_hh6b8_108.awsui_header-cell-hidden_1spae_hh6b8_111:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_5olvr_108.awsui_header-cell-hidden_1spae_5olvr_111:not(#\9) {
   border-bottom-color: transparent;
 }
-.awsui_header-cell_1spae_hh6b8_93:not(#\9):last-child, .awsui_header-cell_1spae_hh6b8_93.awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9) {
+.awsui_header-cell_1spae_5olvr_93:not(#\9):last-child, .awsui_header-cell_1spae_5olvr_93.awsui_header-cell-sortable_1spae_5olvr_114:not(#\9) {
   padding-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_header-cell_1spae_hh6b8_93:not(#\9):not(:last-child):before {
+.awsui_header-cell_1spae_5olvr_93:not(#\9):not(:last-child):before {
   content: "";
   position: absolute;
   right: 0;
-  bottom: 25%;
-  height: 50%;
+  bottom: 0;
+  top: 0;
+  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: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
   box-sizing: border-box;
 }
-.awsui_header-cell-resizable_1spae_hh6b8_126:not(#\9):not(:last-child):before {
+.awsui_header-cell-resizable_1spae_5olvr_129:not(#\9):not(:last-child):before {
   border-left-color: var(--color-border-divider-interactive-default-rcasvw, #e9ebed);
 }
 
-.awsui_sorting-icon_1spae_hh6b8_130:not(#\9) {
+.awsui_sorting-icon_1spae_5olvr_133:not(#\9) {
   position: absolute;
-  top: var(--space-scaled-xxs-95dhkm, 4px);
+  top: 50%;
+  transform: translateY(-50%);
   right: var(--space-xxs-ynfts5, 4px);
   color: var(--color-text-column-sorting-icon-q5sr09, #414d5c);
 }
 
-.awsui_edit-icon_1spae_hh6b8_137:not(#\9) {
+.awsui_edit-icon_1spae_5olvr_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_hh6b8_143:not(#\9) {
+.awsui_header-cell-content_1spae_5olvr_147:not(#\9) {
   position: relative;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_header-cell-sortable_1spae_hh6b8_114 > .awsui_header-cell-content_1spae_hh6b8_143:not(#\9) {
+.awsui_header-cell-sortable_1spae_5olvr_114 > .awsui_header-cell-content_1spae_5olvr_147:not(#\9) {
   padding-right: calc(var(--space-xl-a39hup, 24px) + var(--space-xxs-ynfts5, 4px));
 }
-.awsui_header-cell-content_1spae_hh6b8_143:not(#\9):focus {
+.awsui_header-cell-content_1spae_5olvr_147:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_header-cell-content_1spae_hh6b8_143[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-cell-content_1spae_5olvr_147[data-awsui-focus-visible=true]:not(#\9):focus {
   position: relative;
 }
-.awsui_header-cell-content_1spae_hh6b8_143[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_header-cell-content_1spae_5olvr_147[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-.awsui_header-cell-content_1spae_hh6b8_143[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_header-cell-content_1spae_5olvr_147[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -169,14 +173,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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-content_1spae_hh6b8_143.awsui_header-cell-fake-focus_1spae_hh6b8_172:not(#\9) {
+.awsui_header-cell-content_1spae_5olvr_147.awsui_header-cell-fake-focus_1spae_5olvr_176:not(#\9) {
   position: relative;
 }
-.awsui_header-cell-content_1spae_hh6b8_143.awsui_header-cell-fake-focus_1spae_hh6b8_172:not(#\9) {
+.awsui_header-cell-content_1spae_5olvr_147.awsui_header-cell-fake-focus_1spae_5olvr_176:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-.awsui_header-cell-content_1spae_hh6b8_143.awsui_header-cell-fake-focus_1spae_hh6b8_172:not(#\9)::before {
+.awsui_header-cell-content_1spae_5olvr_147.awsui_header-cell-fake-focus_1spae_5olvr_176:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -187,28 +191,33 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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_hh6b8_190.awsui_header-cell-sorted_1spae_hh6b8_190 > .awsui_header-cell-content_1spae_hh6b8_143 > .awsui_sorting-icon_1spae_hh6b8_130:not(#\9) {
+.awsui_header-cell-disabled_1spae_5olvr_194.awsui_header-cell-sorted_1spae_5olvr_194 > .awsui_header-cell-content_1spae_5olvr_147 > .awsui_sorting-icon_1spae_5olvr_133:not(#\9) {
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
 }
 
-.awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190) > .awsui_header-cell-content_1spae_hh6b8_143 {
+.awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194) > .awsui_header-cell-content_1spae_5olvr_147 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190) > .awsui_header-cell-content_1spae_hh6b8_143:hover, .awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190).awsui_header-cell-sorted_1spae_hh6b8_190 > .awsui_header-cell-content_1spae_hh6b8_143 {
+.awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194) > .awsui_header-cell-content_1spae_5olvr_147:hover, .awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194).awsui_header-cell-sorted_1spae_5olvr_194 > .awsui_header-cell-content_1spae_5olvr_147 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
-.awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190) > .awsui_header-cell-content_1spae_hh6b8_143:hover > .awsui_sorting-icon_1spae_hh6b8_130, .awsui_header-cell-sortable_1spae_hh6b8_114:not(#\9):not(.awsui_header-cell-disabled_1spae_hh6b8_190).awsui_header-cell-sorted_1spae_hh6b8_190 > .awsui_header-cell-content_1spae_hh6b8_143 > .awsui_sorting-icon_1spae_hh6b8_130 {
+.awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194) > .awsui_header-cell-content_1spae_5olvr_147:hover > .awsui_sorting-icon_1spae_5olvr_133, .awsui_header-cell-sortable_1spae_5olvr_114:not(#\9):not(.awsui_header-cell-disabled_1spae_5olvr_194).awsui_header-cell-sorted_1spae_5olvr_194 > .awsui_header-cell-content_1spae_5olvr_147 > .awsui_sorting-icon_1spae_5olvr_133 {
   color: var(--color-text-interactive-active-vol84d, #000716);
 }
 
-.awsui_header-cell-text_1spae_hh6b8_204:not(#\9):not(.awsui_header-cell-text-wrap_1spae_hh6b8_204) {
+.awsui_header-cell-text_1spae_5olvr_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_5olvr_208:not(#\9):not(.awsui_header-cell-text-wrap_1spae_5olvr_213) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_header-cell-ascending_1spae_hh6b8_210:not(#\9),
-.awsui_header-cell-descending_1spae_hh6b8_211:not(#\9) {
+.awsui_header-cell-ascending_1spae_5olvr_219:not(#\9),
+.awsui_header-cell-descending_1spae_5olvr_220:not(#\9) {
   /* used in test-utils */
 }
 
@@ -218,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_hh6b8_93:not(#\9):not(.awsui_is-visual-refresh_1spae_hh6b8_221):first-child {
+.awsui_header-cell_1spae_5olvr_93:not(#\9):not(.awsui_is-visual-refresh_1spae_5olvr_230):first-child {
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_header-cell_1spae_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9) {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_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_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_hh6b8_232) {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_230:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_5olvr_241) {
   padding-left: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_header-cell_1spae_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9):first-child.awsui_has-striped-rows_1spae_hh6b8_232 {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_230:not(#\9):first-child.awsui_has-striped-rows_1spae_5olvr_241 {
   padding-left: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_header-cell_1spae_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9):first-child > .awsui_header-cell-content_1spae_hh6b8_143 {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_230:not(#\9):first-child > .awsui_header-cell-content_1spae_5olvr_147 {
   padding-left: 0;
 }
-.awsui_header-cell_1spae_hh6b8_93.awsui_is-visual-refresh_1spae_hh6b8_221:not(#\9):last-child.awsui_header-cell-sortable_1spae_hh6b8_114 {
+.awsui_header-cell_1spae_5olvr_93.awsui_is-visual-refresh_1spae_5olvr_230:not(#\9):last-child.awsui_header-cell-sortable_1spae_5olvr_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_hh6b8_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_hh6b8_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_hh6b8_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_hh6b8_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_hh6b8_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_hh6b8_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_hh6b8_126",
-  "sorting-icon": "awsui_sorting-icon_1spae_hh6b8_130",
-  "edit-icon": "awsui_edit-icon_1spae_hh6b8_137",
-  "header-cell-content": "awsui_header-cell-content_1spae_hh6b8_143",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_hh6b8_172",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_hh6b8_190",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_hh6b8_190",
-  "header-cell-text": "awsui_header-cell-text_1spae_hh6b8_204",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_hh6b8_204",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_hh6b8_210",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_hh6b8_211",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_hh6b8_221",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_hh6b8_232"
+  "header-cell": "awsui_header-cell_1spae_5olvr_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_5olvr_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_5olvr_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_5olvr_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_5olvr_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_5olvr_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_5olvr_129",
+  "sorting-icon": "awsui_sorting-icon_1spae_5olvr_133",
+  "edit-icon": "awsui_edit-icon_1spae_5olvr_141",
+  "header-cell-content": "awsui_header-cell-content_1spae_5olvr_147",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_5olvr_176",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_5olvr_194",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_5olvr_194",
+  "header-cell-text": "awsui_header-cell-text_1spae_5olvr_208",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_5olvr_213",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_5olvr_219",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_5olvr_220",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_5olvr_230",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_5olvr_241"
 };
   

package/table/resizer/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "resize-active": "awsui_resize-active_x7peu_174hd_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_174hd_93",
-  "resizer": "awsui_resizer_x7peu_174hd_98",
-  "resizer-active": "awsui_resizer-active_x7peu_174hd_114",
-  "has-focus": "awsui_has-focus_x7peu_174hd_123",
-  "tracker": "awsui_tracker_x7peu_174hd_146"
+  "resize-active": "awsui_resize-active_x7peu_1nqyy_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1nqyy_93",
+  "resizer": "awsui_resizer_x7peu_1nqyy_98",
+  "resizer-active": "awsui_resizer-active_x7peu_1nqyy_114",
+  "has-focus": "awsui_has-focus_x7peu_1nqyy_126",
+  "tracker": "awsui_tracker_x7peu_1nqyy_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_174hd_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_174hd_93) * {
+.awsui_resize-active_x7peu_1nqyy_93:not(#\9):not(.awsui_resize-active-with-focus_x7peu_1nqyy_93) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
 
-.awsui_resizer_x7peu_174hd_98:not(#\9) {
+.awsui_resizer_x7peu_1nqyy_98:not(#\9) {
   bottom: 0;
   cursor: col-resize;
   position: absolute;
@@ -105,31 +105,34 @@ 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_174hd_93 .awsui_resizer_x7peu_174hd_98:not(#\9) {
+.awsui_resize-active_x7peu_1nqyy_93 .awsui_resizer_x7peu_1nqyy_98:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_174hd_98 {
+th:not(#\9):last-child > .awsui_resizer_x7peu_1nqyy_98 {
   width: calc(var(--space-l-4vl6xu, 20px) / 2);
   right: 0;
 }
-th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_174hd_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_174hd_114::before {
+th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_1nqyy_98:hover::before, th:not(#\9):not(:last-child) > .awsui_resizer-active_x7peu_1nqyy_114::before {
   content: "";
   position: absolute;
   left: calc(var(--space-l-4vl6xu, 20px) / 2 - 2px);
-  bottom: 25%;
-  height: 50%;
-  box-sizing: border-box;
+  bottom: 0;
+  top: 0;
+  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);
+  box-sizing: border-box;
 }
-.awsui_resizer_x7peu_174hd_98.awsui_has-focus_x7peu_174hd_123:not(#\9) {
+.awsui_resizer_x7peu_1nqyy_98.awsui_has-focus_x7peu_1nqyy_126:not(#\9) {
   position: relative;
   position: absolute;
 }
-.awsui_resizer_x7peu_174hd_98.awsui_has-focus_x7peu_174hd_123:not(#\9) {
+.awsui_resizer_x7peu_1nqyy_98.awsui_has-focus_x7peu_1nqyy_126:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-table-header-focus-outline-gutter-rbx7m7, 0px) - 1px);
 }
-.awsui_resizer_x7peu_174hd_98.awsui_has-focus_x7peu_174hd_123:not(#\9)::before {
+.awsui_resizer_x7peu_1nqyy_98.awsui_has-focus_x7peu_1nqyy_126:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -140,11 +143,11 @@ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_174hd_98:hover::before, th: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);
 }
-.awsui_resizer_x7peu_174hd_98.awsui_has-focus_x7peu_174hd_123:not(#\9)::before {
+.awsui_resizer_x7peu_1nqyy_98.awsui_has-focus_x7peu_1nqyy_126:not(#\9)::before {
   box-shadow: inset 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_tracker_x7peu_174hd_146:not(#\9) {
+.awsui_tracker_x7peu_1nqyy_149:not(#\9) {
   display: none;
   position: absolute;
   border-left: var(--border-divider-list-width-hacikr, 1px) dashed var(--color-border-divider-active-nnnfx9, #7d8998);
@@ -152,6 +155,6 @@ th:not(#\9):not(:last-child) > .awsui_resizer_x7peu_174hd_98:hover::before, th:n
   top: 0;
   bottom: 0;
 }
-.awsui_resize-active_x7peu_174hd_93 .awsui_tracker_x7peu_174hd_146:not(#\9) {
+.awsui_resize-active_x7peu_1nqyy_93 .awsui_tracker_x7peu_1nqyy_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_174hd_93",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_174hd_93",
-  "resizer": "awsui_resizer_x7peu_174hd_98",
-  "resizer-active": "awsui_resizer-active_x7peu_174hd_114",
-  "has-focus": "awsui_has-focus_x7peu_174hd_123",
-  "tracker": "awsui_tracker_x7peu_174hd_146"
+  "resize-active": "awsui_resize-active_x7peu_1nqyy_93",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_1nqyy_93",
+  "resizer": "awsui_resizer_x7peu_1nqyy_98",
+  "resizer-active": "awsui_resizer-active_x7peu_1nqyy_114",
+  "has-focus": "awsui_has-focus_x7peu_1nqyy_126",
+  "tracker": "awsui_tracker_x7peu_1nqyy_149"
 };
   

package/tabs/styles.css.js

@@ -1,26 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "tabs-header": "awsui_tabs-header_14rmt_515vb_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_515vb_192",
-  "pagination-button": "awsui_pagination-button_14rmt_515vb_207",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_515vb_212",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_515vb_215",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_515vb_219",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_515vb_222",
-  "tabs-tab": "awsui_tabs-tab_14rmt_515vb_227",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_515vb_238",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_515vb_254",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_515vb_313",
-  "refresh": "awsui_refresh_14rmt_515vb_331",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_515vb_345",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_515vb_352",
-  "root": "awsui_root_14rmt_515vb_356",
-  "tabs": "awsui_tabs_14rmt_515vb_186",
-  "tabs-content": "awsui_tabs-content_14rmt_515vb_375",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_515vb_379",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_515vb_389",
-  "with-paddings": "awsui_with-paddings_14rmt_515vb_389",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_515vb_393"
+  "tabs-header": "awsui_tabs-header_14rmt_14l19_186",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_14l19_192",
+  "pagination-button": "awsui_pagination-button_14rmt_14l19_207",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_14l19_212",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_14l19_215",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_14l19_219",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_14l19_222",
+  "tabs-tab": "awsui_tabs-tab_14rmt_14l19_227",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_14l19_238",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_14l19_254",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_14l19_313",
+  "refresh": "awsui_refresh_14rmt_14l19_331",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_14l19_345",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_14l19_352",
+  "root": "awsui_root_14rmt_14l19_356",
+  "tabs": "awsui_tabs_14rmt_14l19_186",
+  "tabs-content": "awsui_tabs-content_14rmt_14l19_375",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_14l19_379",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_14l19_389",
+  "with-paddings": "awsui_with-paddings_14rmt_14l19_389",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_14l19_393"
 };