@cloudscape-design/components 3.0.762 → 3.0.764

package/table/resizer/styles.scoped.css

@@ -138,13 +138,13 @@
 */
 /* 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_resize-active_x7peu_3h724_141:not(#\9):not(.awsui_resize-active-with-focus_x7peu_3h724_141) * {
+.awsui_resize-active_x7peu_10vdm_141:not(#\9):not(.awsui_resize-active-with-focus_x7peu_10vdm_141) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
 
-th:not(#\9):not(:last-child) > .awsui_divider_x7peu_3h724_146 {
+th:not(#\9):not(:last-child) > .awsui_divider_x7peu_10vdm_146 {
   position: absolute;
   outline: none;
   pointer-events: none;
@@ -155,17 +155,17 @@ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_3h724_146 {
   max-block-size: calc(100% - calc(2 * var(--space-xs-zb16t3, 8px) + var(--space-xxxs-zbmxqb, 2px)));
   margin-block: auto;
   margin-inline: auto;
-  border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-divider-interactive-default-byy830, #7d8998);
+  border-inline-start: var(--border-item-width-yel47s, 2px) solid var(--color-border-divider-interactive-default-0c10au, #8c8c94);
   box-sizing: border-box;
 }
-th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_3h724_160 {
-  border-inline-start-color: var(--color-border-divider-default-j74lyz, #b6bec9);
+th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_10vdm_160 {
+  border-inline-start-color: var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_3h724_163 {
-  border-inline-start: 2px solid var(--color-border-divider-active-k4haaf, #000716);
+th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_10vdm_163 {
+  border-inline-start: 2px solid var(--color-border-divider-active-tn8t2p, #0f141a);
 }
 
-.awsui_resizer_x7peu_3h724_167:not(#\9) {
+.awsui_resizer_x7peu_10vdm_167:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -194,7 +194,7 @@ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_3h724_163 {
   word-spacing: normal;
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
-  color: var(--color-text-body-default-at06ol, #000716);
+  color: var(--color-text-body-default-7v1jfn, #0f141a);
   font-weight: 400;
   font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -209,29 +209,29 @@ th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_3h724_163 {
   inline-size: var(--space-l-t419sm, 20px);
   z-index: 10;
 }
-.awsui_resizer_x7peu_3h724_167:not(#\9):focus {
+.awsui_resizer_x7peu_10vdm_167:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_resize-active_x7peu_3h724_141 .awsui_resizer_x7peu_3h724_167:not(#\9) {
+.awsui_resize-active_x7peu_10vdm_141 .awsui_resizer_x7peu_10vdm_167:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_3h724_167 {
+th:not(#\9):last-child > .awsui_resizer_x7peu_10vdm_167 {
   inline-size: calc(var(--space-l-t419sm, 20px) / 2);
   inset-inline-end: 0;
 }
-.awsui_resizer_x7peu_3h724_167:not(#\9):hover + .awsui_divider_x7peu_3h724_146 {
-  border-inline-start: 2px solid var(--color-border-divider-active-k4haaf, #000716);
+.awsui_resizer_x7peu_10vdm_167:not(#\9):hover + .awsui_divider_x7peu_10vdm_146 {
+  border-inline-start: 2px solid var(--color-border-divider-active-tn8t2p, #0f141a);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_3h724_167.awsui_has-focus_x7peu_3h724_224:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_10vdm_167.awsui_has-focus_x7peu_10vdm_224:not(#\9) {
   position: absolute;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_3h724_167.awsui_has-focus_x7peu_3h724_224:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_10vdm_167.awsui_has-focus_x7peu_10vdm_224:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(var(--space-table-header-focus-outline-gutter-7js4en, 0px) - 2px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_3h724_167.awsui_has-focus_x7peu_3h724_224:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_10vdm_167.awsui_has-focus_x7peu_10vdm_224:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -243,16 +243,16 @@ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_3h724_167.awsui_has-foc
   border-start-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_tracker_x7peu_3h724_247:not(#\9) {
+.awsui_tracker_x7peu_10vdm_247:not(#\9) {
   display: none;
   position: absolute;
-  border-inline-start: var(--border-divider-list-width-27y3k5, 1px) dashed var(--color-border-divider-active-k4haaf, #000716);
+  border-inline-start: var(--border-divider-list-width-27y3k5, 1px) dashed var(--color-border-divider-active-tn8t2p, #0f141a);
   inline-size: 0;
   inset-block: 0;
 }
-.awsui_resize-active_x7peu_3h724_141 .awsui_tracker_x7peu_3h724_247:not(#\9) {
+.awsui_resize-active_x7peu_10vdm_141 .awsui_tracker_x7peu_10vdm_247:not(#\9) {
   display: block;
 }

package/table/resizer/styles.selectors.js

@@ -2,13 +2,13 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "resize-active": "awsui_resize-active_x7peu_3h724_141",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_3h724_141",
-  "divider": "awsui_divider_x7peu_3h724_146",
-  "divider-disabled": "awsui_divider-disabled_x7peu_3h724_160",
-  "divider-active": "awsui_divider-active_x7peu_3h724_163",
-  "resizer": "awsui_resizer_x7peu_3h724_167",
-  "has-focus": "awsui_has-focus_x7peu_3h724_224",
-  "tracker": "awsui_tracker_x7peu_3h724_247"
+  "resize-active": "awsui_resize-active_x7peu_10vdm_141",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_10vdm_141",
+  "divider": "awsui_divider_x7peu_10vdm_146",
+  "divider-disabled": "awsui_divider-disabled_x7peu_10vdm_160",
+  "divider-active": "awsui_divider-active_x7peu_10vdm_163",
+  "resizer": "awsui_resizer_x7peu_10vdm_167",
+  "has-focus": "awsui_has-focus_x7peu_10vdm_224",
+  "tracker": "awsui_tracker_x7peu_10vdm_247"
 };
   

package/table/selection/use-selection-focus-move.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection-focus-move.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/use-selection-focus-move.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAO3C,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,UAAU,EAAE,MAAM;;;;;2BAkBjF,aAAa;yBAAb,aAAa;+BAdI,WAAW,aAAa,MAAM,aAAa,CAAC,CAAC,GAAG,CAAC;EA0BpF"}
+{"version":3,"file":"use-selection-focus-move.d.ts","sourceRoot":"","sources":["../../../../src/table/selection/use-selection-focus-move.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAO3C,wBAAgB,qBAAqB,CAAC,aAAa,EAAE,UAAU,CAAC,eAAe,CAAC,EAAE,UAAU,EAAE,MAAM;;;;;2BAkBjF,aAAa;yBAAb,aAAa;+BAdI,WAAW,aAAa,MAAM,aAAa,CAAC,CAAC,GAAG,CAAC;EA0BpF"}

package/table/selection/use-selection-focus-move.js

@@ -1,4 +1,4 @@
-import { findUpUntil } from '../../internal/utils/dom';
+import { findUpUntil } from '@cloudscape-design/component-toolkit/dom';
 import { SELECTION_ITEM } from './utils';
 import selectionStyles from './styles.css.js';
 // The hooks moves focus between multi-selection checkboxes.

package/table/selection/use-selection-focus-move.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-selection-focus-move.js","sourceRoot":"","sources":["../../../../src/table/selection/use-selection-focus-move.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,eAAe,MAAM,iBAAiB,CAAC;AAE9C,4DAA4D;AAC5D,gDAAgD;AAChD,MAAM,UAAU,qBAAqB,CAAC,aAA0C,EAAE,UAAkB;IAClG,IAAI,aAAa,KAAK,OAAO,EAAE;QAC7B,OAAO,EAAE,CAAC;KACX;IACD,SAAS,SAAS,CAAC,aAA0B,EAAE,SAAiB,EAAE,SAAiB;QACjF,IAAI,KAAK,GAAG,SAAS,CAAC;QACtB,MAAM,aAAa,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;QAEvD,OAAO,KAAK,IAAI,CAAC,CAAC,IAAI,KAAK,GAAG,UAAU,EAAE;YACxC,KAAK,IAAI,SAAS,CAAC;YACnB,MAAM,OAAO,GAAG,2BAA2B,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YAClE,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;gBAChC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAChB,MAAM;aACP;SACF;IACH,CAAC;IACD,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QACtE,OAAO,CAAC,KAAoB,EAAE,EAAE;YAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,aAA4B,CAAC;YAClD,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,KAAK,MAAM,CAAE,CAAC;YACrF,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC3F,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAC1C,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO;QACL,aAAa;QACb,WAAW;QACX,SAAS;KACV,CAAC;AACJ,CAAC;AAED,SAAS,2BAA2B,CAAC,aAA0B,EAAE,KAAa;IAC5E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,6BAA6B;QAC7B,OAAO,aAAa,CAAC,aAAa,CAChC,SAAS,cAAc,YAAY,eAAe,CAAC,IAAI,QAAQ,CAChE,CAAC;KACH;IACD,OAAO,aAAa,CAAC,gBAAgB,CACnC,SAAS,cAAc,aAAa,eAAe,CAAC,IAAI,QAAQ,CACjE,CAAC,KAAK,CAAC,CAAC;AACX,CAAC;AAED,SAAS,iBAAiB,CAAC,OAAoB;IAC7C,OAAO,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,KAAK,MAAM,CAAE,CAAC;AAC9E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyboardEvent } from 'react';\n\nimport { findUpUntil } from '../../internal/utils/dom';\nimport { TableProps } from '../interfaces';\nimport { SELECTION_ITEM } from './utils';\n\nimport selectionStyles from './styles.css.js';\n\n// The hooks moves focus between multi-selection checkboxes.\n// Not eligible for tables with grid navigation.\nexport function useSelectionFocusMove(selectionType: TableProps['selectionType'], totalItems: number) {\n  if (selectionType !== 'multi') {\n    return {};\n  }\n  function moveFocus(sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) {\n    let index = fromIndex;\n    const rootContainer = findRootContainer(sourceElement);\n\n    while (index >= -1 && index < totalItems) {\n      index += direction;\n      const control = findSelectionControlByIndex(rootContainer, index);\n      if (control && !control.disabled) {\n        control.focus();\n        break;\n      }\n    }\n  }\n  const [moveFocusDown, moveFocusUp] = ([1, -1] as const).map(direction => {\n    return (event: KeyboardEvent) => {\n      const target = event.currentTarget as HTMLElement;\n      const itemNode = findUpUntil(target, node => node.dataset.selectionItem === 'item')!;\n      const fromIndex = Array.prototype.indexOf.call(itemNode.parentElement!.children, itemNode);\n      moveFocus(target, fromIndex, direction);\n    };\n  });\n  return {\n    moveFocusDown,\n    moveFocusUp,\n    moveFocus,\n  };\n}\n\nfunction findSelectionControlByIndex(rootContainer: HTMLElement, index: number) {\n  if (index === -1) {\n    // find \"select all\" checkbox\n    return rootContainer.querySelector<HTMLInputElement>(\n      `[data-${SELECTION_ITEM}=\"all\"] .${selectionStyles.root} input`\n    );\n  }\n  return rootContainer.querySelectorAll<HTMLInputElement>(\n    `[data-${SELECTION_ITEM}=\"item\"] .${selectionStyles.root} input`\n  )[index];\n}\n\nfunction findRootContainer(element: HTMLElement) {\n  return findUpUntil(element, node => node.dataset.selectionRoot === 'true')!;\n}\n"]}
+{"version":3,"file":"use-selection-focus-move.js","sourceRoot":"","sources":["../../../../src/table/selection/use-selection-focus-move.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAGvE,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,eAAe,MAAM,iBAAiB,CAAC;AAE9C,4DAA4D;AAC5D,gDAAgD;AAChD,MAAM,UAAU,qBAAqB,CAAC,aAA0C,EAAE,UAAkB;IAClG,IAAI,aAAa,KAAK,OAAO,EAAE;QAC7B,OAAO,EAAE,CAAC;KACX;IACD,SAAS,SAAS,CAAC,aAA0B,EAAE,SAAiB,EAAE,SAAiB;QACjF,IAAI,KAAK,GAAG,SAAS,CAAC;QACtB,MAAM,aAAa,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;QAEvD,OAAO,KAAK,IAAI,CAAC,CAAC,IAAI,KAAK,GAAG,UAAU,EAAE;YACxC,KAAK,IAAI,SAAS,CAAC;YACnB,MAAM,OAAO,GAAG,2BAA2B,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;YAClE,IAAI,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;gBAChC,OAAO,CAAC,KAAK,EAAE,CAAC;gBAChB,MAAM;aACP;SACF;IACH,CAAC;IACD,MAAM,CAAC,aAAa,EAAE,WAAW,CAAC,GAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAW,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;QACtE,OAAO,CAAC,KAAoB,EAAE,EAAE;YAC9B,MAAM,MAAM,GAAG,KAAK,CAAC,aAA4B,CAAC;YAClD,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,KAAK,MAAM,CAAE,CAAC;YACrF,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAc,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAC3F,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;QAC1C,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO;QACL,aAAa;QACb,WAAW;QACX,SAAS;KACV,CAAC;AACJ,CAAC;AAED,SAAS,2BAA2B,CAAC,aAA0B,EAAE,KAAa;IAC5E,IAAI,KAAK,KAAK,CAAC,CAAC,EAAE;QAChB,6BAA6B;QAC7B,OAAO,aAAa,CAAC,aAAa,CAChC,SAAS,cAAc,YAAY,eAAe,CAAC,IAAI,QAAQ,CAChE,CAAC;KACH;IACD,OAAO,aAAa,CAAC,gBAAgB,CACnC,SAAS,cAAc,aAAa,eAAe,CAAC,IAAI,QAAQ,CACjE,CAAC,KAAK,CAAC,CAAC;AACX,CAAC;AAED,SAAS,iBAAiB,CAAC,OAAoB;IAC7C,OAAO,WAAW,CAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,KAAK,MAAM,CAAE,CAAC;AAC9E,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyboardEvent } from 'react';\n\nimport { findUpUntil } from '@cloudscape-design/component-toolkit/dom';\n\nimport { TableProps } from '../interfaces';\nimport { SELECTION_ITEM } from './utils';\n\nimport selectionStyles from './styles.css.js';\n\n// The hooks moves focus between multi-selection checkboxes.\n// Not eligible for tables with grid navigation.\nexport function useSelectionFocusMove(selectionType: TableProps['selectionType'], totalItems: number) {\n  if (selectionType !== 'multi') {\n    return {};\n  }\n  function moveFocus(sourceElement: HTMLElement, fromIndex: number, direction: -1 | 1) {\n    let index = fromIndex;\n    const rootContainer = findRootContainer(sourceElement);\n\n    while (index >= -1 && index < totalItems) {\n      index += direction;\n      const control = findSelectionControlByIndex(rootContainer, index);\n      if (control && !control.disabled) {\n        control.focus();\n        break;\n      }\n    }\n  }\n  const [moveFocusDown, moveFocusUp] = ([1, -1] as const).map(direction => {\n    return (event: KeyboardEvent) => {\n      const target = event.currentTarget as HTMLElement;\n      const itemNode = findUpUntil(target, node => node.dataset.selectionItem === 'item')!;\n      const fromIndex = Array.prototype.indexOf.call(itemNode.parentElement!.children, itemNode);\n      moveFocus(target, fromIndex, direction);\n    };\n  });\n  return {\n    moveFocusDown,\n    moveFocusUp,\n    moveFocus,\n  };\n}\n\nfunction findSelectionControlByIndex(rootContainer: HTMLElement, index: number) {\n  if (index === -1) {\n    // find \"select all\" checkbox\n    return rootContainer.querySelector<HTMLInputElement>(\n      `[data-${SELECTION_ITEM}=\"all\"] .${selectionStyles.root} input`\n    );\n  }\n  return rootContainer.querySelectorAll<HTMLInputElement>(\n    `[data-${SELECTION_ITEM}=\"item\"] .${selectionStyles.root} input`\n  )[index];\n}\n\nfunction findRootContainer(element: HTMLElement) {\n  return findUpUntil(element, node => node.dataset.selectionRoot === 'true')!;\n}\n"]}

package/table/sticky-header.js

@@ -21,7 +21,6 @@ function StickyHeader({ variant, theadProps, wrapperRef, theadRef, secondaryWrap
         setFocus: setFocusedComponent,
     }));
     return (React.createElement("div", { className: clsx(styles['header-secondary'], styles[`variant-${variant}`], {
-            [styles.stuck]: isStuck,
             [styles['table-has-header']]: tableHasHeader,
         }), "aria-hidden": true, 
         // Prevents receiving focus in Firefox. Focus on the overflowing table is sufficient

package/table/sticky-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-header.js","sourceRoot":"","sources":["../../../src/table/sticky-header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAElF,OAAO,EAAE,iBAAiB,EAAa,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAqB,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,eAAe,UAAU,CAAC,YAAY,CAAC,CAAC;AAExC,SAAS,YAAY,CACnB,EACE,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,EACd,SAAS,GACS,EACpB,GAA+B;IAE/B,MAAM,iBAAiB,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC5D,MAAM,iBAAiB,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEpD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9E,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,eAAe,CAClD,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,CACX,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,WAAW;QACX,WAAW;QACX,QAAQ,EAAE,mBAAmB;KAC9B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE;YACxE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO;YACvB,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,cAAc;SAC7C,CAAC,iBACW,IAAI;QACjB,oFAAoF;QACpF,mCAAmC;QACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,mBAAmB,EACxB,QAAQ,EAAE,QAAQ;QAElB,6CACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,oBAAoB,CAAC,EAC5B,cAAc,KAAK,SAAS,IAAI,yBAAyB,CAAC,eAAe,CAAC,CAC3E,EACD,GAAG,EAAE,iBAAiB,IAClB,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;YAEpC,oBAAC,KAAK,kBACJ,GAAG,EAAE,iBAAiB,EACtB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,OAAO,EACd,gBAAgB,EAAE,gBAAgB,IAC9B,UAAU,EACd,CACI,CACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, useContext, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { getVisualContextClassname } from '../internal/components/visual-context';\nimport { TableProps } from './interfaces';\nimport { getTableRoleProps, TableRole } from './table-role';\nimport Thead, { TheadProps } from './thead';\nimport { useStickyHeader } from './use-sticky-header';\n\nimport styles from './styles.css.js';\n\nexport interface StickyHeaderRef {\n  scrollToTop(): void;\n  scrollToRow(node: null | HTMLElement): void;\n  setFocus(focusId: null | string): void;\n}\n\ninterface StickyHeaderProps {\n  variant: TableProps.Variant;\n  theadProps: TheadProps;\n  wrapperRef: React.RefObject<HTMLDivElement>;\n  theadRef: React.RefObject<HTMLTableRowElement>;\n  secondaryWrapperRef: React.RefObject<HTMLDivElement>;\n  tableRef: React.RefObject<HTMLTableElement>;\n  onScroll?: React.UIEventHandler<HTMLDivElement>;\n  contentDensity?: 'comfortable' | 'compact';\n  tableHasHeader?: boolean;\n  tableRole: TableRole;\n}\n\nexport default forwardRef(StickyHeader);\n\nfunction StickyHeader(\n  {\n    variant,\n    theadProps,\n    wrapperRef,\n    theadRef,\n    secondaryWrapperRef,\n    onScroll,\n    tableRef,\n    tableHasHeader,\n    contentDensity,\n    tableRole,\n  }: StickyHeaderProps,\n  ref: React.Ref<StickyHeaderRef>\n) {\n  const secondaryTheadRef = useRef<HTMLTableRowElement>(null);\n  const secondaryTableRef = useRef<HTMLTableElement>(null);\n  const { isStuck } = useContext(StickyHeaderContext);\n\n  const [focusedComponent, setFocusedComponent] = useState<null | string>(null);\n  const { scrollToRow, scrollToTop } = useStickyHeader(\n    tableRef,\n    theadRef,\n    secondaryTheadRef,\n    secondaryTableRef,\n    wrapperRef\n  );\n\n  useImperativeHandle(ref, () => ({\n    scrollToTop,\n    scrollToRow,\n    setFocus: setFocusedComponent,\n  }));\n\n  return (\n    <div\n      className={clsx(styles['header-secondary'], styles[`variant-${variant}`], {\n        [styles.stuck]: isStuck,\n        [styles['table-has-header']]: tableHasHeader,\n      })}\n      aria-hidden={true}\n      // Prevents receiving focus in Firefox. Focus on the overflowing table is sufficient\n      // to scroll the table horizontally\n      tabIndex={-1}\n      ref={secondaryWrapperRef}\n      onScroll={onScroll}\n    >\n      <table\n        className={clsx(\n          styles.table,\n          styles['table-layout-fixed'],\n          contentDensity === 'compact' && getVisualContextClassname('compact-table')\n        )}\n        ref={secondaryTableRef}\n        {...getTableRoleProps({ tableRole })}\n      >\n        <Thead\n          ref={secondaryTheadRef}\n          sticky={true}\n          stuck={isStuck}\n          focusedComponent={focusedComponent}\n          {...theadProps}\n        />\n      </table>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"sticky-header.js","sourceRoot":"","sources":["../../../src/table/sticky-header.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC7F,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAElF,OAAO,EAAE,iBAAiB,EAAa,MAAM,cAAc,CAAC;AAC5D,OAAO,KAAqB,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAqBrC,eAAe,UAAU,CAAC,YAAY,CAAC,CAAC;AAExC,SAAS,YAAY,CACnB,EACE,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,EACR,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,cAAc,EACd,cAAc,EACd,SAAS,GACS,EACpB,GAA+B;IAE/B,MAAM,iBAAiB,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAC;IAC5D,MAAM,iBAAiB,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEpD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAC9E,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,GAAG,eAAe,CAClD,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,iBAAiB,EACjB,UAAU,CACX,CAAC;IAEF,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QAC9B,WAAW;QACX,WAAW;QACX,QAAQ,EAAE,mBAAmB;KAC9B,CAAC,CAAC,CAAC;IAEJ,OAAO,CACL,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,kBAAkB,CAAC,EAAE,MAAM,CAAC,WAAW,OAAO,EAAE,CAAC,EAAE;YACxE,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,EAAE,cAAc;SAC7C,CAAC,iBACW,IAAI;QACjB,oFAAoF;QACpF,mCAAmC;QACnC,QAAQ,EAAE,CAAC,CAAC,EACZ,GAAG,EAAE,mBAAmB,EACxB,QAAQ,EAAE,QAAQ;QAElB,6CACE,SAAS,EAAE,IAAI,CACb,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,oBAAoB,CAAC,EAC5B,cAAc,KAAK,SAAS,IAAI,yBAAyB,CAAC,eAAe,CAAC,CAC3E,EACD,GAAG,EAAE,iBAAiB,IAClB,iBAAiB,CAAC,EAAE,SAAS,EAAE,CAAC;YAEpC,oBAAC,KAAK,kBACJ,GAAG,EAAE,iBAAiB,EACtB,MAAM,EAAE,IAAI,EACZ,KAAK,EAAE,OAAO,EACd,gBAAgB,EAAE,gBAAgB,IAC9B,UAAU,EACd,CACI,CACJ,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { forwardRef, useContext, useImperativeHandle, useRef, useState } from 'react';\nimport clsx from 'clsx';\n\nimport { StickyHeaderContext } from '../container/use-sticky-header';\nimport { getVisualContextClassname } from '../internal/components/visual-context';\nimport { TableProps } from './interfaces';\nimport { getTableRoleProps, TableRole } from './table-role';\nimport Thead, { TheadProps } from './thead';\nimport { useStickyHeader } from './use-sticky-header';\n\nimport styles from './styles.css.js';\n\nexport interface StickyHeaderRef {\n  scrollToTop(): void;\n  scrollToRow(node: null | HTMLElement): void;\n  setFocus(focusId: null | string): void;\n}\n\ninterface StickyHeaderProps {\n  variant: TableProps.Variant;\n  theadProps: TheadProps;\n  wrapperRef: React.RefObject<HTMLDivElement>;\n  theadRef: React.RefObject<HTMLTableRowElement>;\n  secondaryWrapperRef: React.RefObject<HTMLDivElement>;\n  tableRef: React.RefObject<HTMLTableElement>;\n  onScroll?: React.UIEventHandler<HTMLDivElement>;\n  contentDensity?: 'comfortable' | 'compact';\n  tableHasHeader?: boolean;\n  tableRole: TableRole;\n}\n\nexport default forwardRef(StickyHeader);\n\nfunction StickyHeader(\n  {\n    variant,\n    theadProps,\n    wrapperRef,\n    theadRef,\n    secondaryWrapperRef,\n    onScroll,\n    tableRef,\n    tableHasHeader,\n    contentDensity,\n    tableRole,\n  }: StickyHeaderProps,\n  ref: React.Ref<StickyHeaderRef>\n) {\n  const secondaryTheadRef = useRef<HTMLTableRowElement>(null);\n  const secondaryTableRef = useRef<HTMLTableElement>(null);\n  const { isStuck } = useContext(StickyHeaderContext);\n\n  const [focusedComponent, setFocusedComponent] = useState<null | string>(null);\n  const { scrollToRow, scrollToTop } = useStickyHeader(\n    tableRef,\n    theadRef,\n    secondaryTheadRef,\n    secondaryTableRef,\n    wrapperRef\n  );\n\n  useImperativeHandle(ref, () => ({\n    scrollToTop,\n    scrollToRow,\n    setFocus: setFocusedComponent,\n  }));\n\n  return (\n    <div\n      className={clsx(styles['header-secondary'], styles[`variant-${variant}`], {\n        [styles['table-has-header']]: tableHasHeader,\n      })}\n      aria-hidden={true}\n      // Prevents receiving focus in Firefox. Focus on the overflowing table is sufficient\n      // to scroll the table horizontally\n      tabIndex={-1}\n      ref={secondaryWrapperRef}\n      onScroll={onScroll}\n    >\n      <table\n        className={clsx(\n          styles.table,\n          styles['table-layout-fixed'],\n          contentDensity === 'compact' && getVisualContextClassname('compact-table')\n        )}\n        ref={secondaryTableRef}\n        {...getTableRoleProps({ tableRole })}\n      >\n        <Thead\n          ref={secondaryTheadRef}\n          sticky={true}\n          stuck={isStuck}\n          focusedComponent={focusedComponent}\n          {...theadProps}\n        />\n      </table>\n    </div>\n  );\n}\n"]}

package/table/sticky-scrollbar/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_15xml_177",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_15xml_186",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_15xml_189",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_15xml_192",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_15xml_195",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_15xml_198"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_4p9m2_177",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_4p9m2_186",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_4p9m2_189",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_4p9m2_192",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_4p9m2_195",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_4p9m2_198"
 };
   

package/table/sticky-scrollbar/styles.scoped.css

@@ -174,7 +174,7 @@
 */
 /* 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_sticky-scrollbar_faqt8_15xml_177:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_4p9m2_177:not(#\9) {
   block-size: 15px;
   position: sticky;
   display: none;
@@ -183,24 +183,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-end: 0;
   inline-size: 100%;
 }
-.awsui_sticky-scrollbar-content_faqt8_15xml_186:not(#\9) {
+.awsui_sticky-scrollbar-content_faqt8_4p9m2_186:not(#\9) {
   block-size: 15px;
 }
-.awsui_sticky-scrollbar-visible_faqt8_15xml_189:not(#\9) {
+.awsui_sticky-scrollbar-visible_faqt8_4p9m2_189:not(#\9) {
   display: block;
 }
-.awsui_sticky-scrollbar-native-invisible_faqt8_15xml_192:not(#\9) {
+.awsui_sticky-scrollbar-native-invisible_faqt8_4p9m2_192:not(#\9) {
   margin-block-start: -15px;
 }
-.awsui_sticky-scrollbar-offset_faqt8_15xml_195:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_4p9m2_195:not(#\9) {
   z-index: 799;
 }
-.awsui_sticky-scrollbar-offset_faqt8_15xml_195:not(#\9):not(.awsui_is-visual-refresh_faqt8_15xml_198) {
-  background-color: var(--color-background-container-content-4un1ap, #ffffff);
+.awsui_sticky-scrollbar-offset_faqt8_4p9m2_195:not(#\9):not(.awsui_is-visual-refresh_faqt8_4p9m2_198) {
+  background-color: var(--color-background-container-content-z79u4u, #ffffff);
   block-size: 15px;
   margin-block-start: calc(-1 * var(--border-divider-section-width-1061zr, 1px));
-  border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+  border-block-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_sticky-scrollbar-offset_faqt8_15xml_195.awsui_is-visual-refresh_faqt8_15xml_198:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_4p9m2_195.awsui_is-visual-refresh_faqt8_4p9m2_198:not(#\9) {
   margin-block-start: -5px;
 }

package/table/sticky-scrollbar/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_15xml_177",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_15xml_186",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_15xml_189",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_15xml_192",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_15xml_195",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_15xml_198"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_4p9m2_177",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_4p9m2_186",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_4p9m2_189",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_4p9m2_192",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_4p9m2_195",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_4p9m2_198"
 };
   

package/table/styles.css.js

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_5i1f1_149",
-  "tools": "awsui_tools_wih1l_5i1f1_160",
-  "tools-filtering": "awsui_tools-filtering_wih1l_5i1f1_168",
-  "tools-align-right": "awsui_tools-align-right_wih1l_5i1f1_182",
-  "tools-pagination": "awsui_tools-pagination_wih1l_5i1f1_186",
-  "tools-preferences": "awsui_tools-preferences_wih1l_5i1f1_186",
-  "tools-small": "awsui_tools-small_wih1l_5i1f1_192",
-  "table": "awsui_table_wih1l_5i1f1_198",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_5i1f1_204",
-  "wrapper": "awsui_wrapper_wih1l_5i1f1_208",
-  "variant-stacked": "awsui_variant-stacked_wih1l_5i1f1_215",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_5i1f1_215",
-  "variant-container": "awsui_variant-container_wih1l_5i1f1_215",
-  "has-footer": "awsui_has-footer_wih1l_5i1f1_218",
-  "has-header": "awsui_has-header_wih1l_5i1f1_221",
-  "cell-merged": "awsui_cell-merged_wih1l_5i1f1_238",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_5i1f1_250",
-  "empty": "awsui_empty_wih1l_5i1f1_266",
-  "loading": "awsui_loading_wih1l_5i1f1_270",
-  "selection-control": "awsui_selection-control_wih1l_5i1f1_279",
-  "selection-control-header": "awsui_selection-control-header_wih1l_5i1f1_286",
-  "header-secondary": "awsui_header-secondary_wih1l_5i1f1_292",
-  "variant-full-page": "awsui_variant-full-page_wih1l_5i1f1_304",
-  "table-has-header": "awsui_table-has-header_wih1l_5i1f1_310",
-  "header-controls": "awsui_header-controls_wih1l_5i1f1_321",
-  "variant-embedded": "awsui_variant-embedded_wih1l_5i1f1_330",
-  "variant-borderless": "awsui_variant-borderless_wih1l_5i1f1_330",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_5i1f1_335",
-  "footer": "awsui_footer_wih1l_5i1f1_335",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_5i1f1_343",
-  "footer-pagination": "awsui_footer-pagination_wih1l_5i1f1_351",
-  "thead-active": "awsui_thead-active_wih1l_5i1f1_355",
-  "row": "awsui_row_wih1l_5i1f1_356",
-  "row-selected": "awsui_row-selected_wih1l_5i1f1_357"
+  "root": "awsui_root_wih1l_1200x_149",
+  "tools": "awsui_tools_wih1l_1200x_160",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1200x_168",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1200x_182",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1200x_186",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1200x_186",
+  "tools-small": "awsui_tools-small_wih1l_1200x_192",
+  "table": "awsui_table_wih1l_1200x_198",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1200x_204",
+  "wrapper": "awsui_wrapper_wih1l_1200x_208",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1200x_215",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1200x_215",
+  "variant-container": "awsui_variant-container_wih1l_1200x_215",
+  "has-footer": "awsui_has-footer_wih1l_1200x_218",
+  "has-header": "awsui_has-header_wih1l_1200x_221",
+  "cell-merged": "awsui_cell-merged_wih1l_1200x_238",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1200x_250",
+  "empty": "awsui_empty_wih1l_1200x_266",
+  "loading": "awsui_loading_wih1l_1200x_270",
+  "selection-control": "awsui_selection-control_wih1l_1200x_279",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1200x_286",
+  "header-secondary": "awsui_header-secondary_wih1l_1200x_292",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1200x_304",
+  "table-has-header": "awsui_table-has-header_wih1l_1200x_310",
+  "header-controls": "awsui_header-controls_wih1l_1200x_321",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1200x_330",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1200x_330",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1200x_335",
+  "footer": "awsui_footer_wih1l_1200x_335",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1200x_343",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1200x_351",
+  "thead-active": "awsui_thead-active_wih1l_1200x_355",
+  "row": "awsui_row_wih1l_1200x_356",
+  "row-selected": "awsui_row-selected_wih1l_1200x_357"
 };
   

package/table/styles.scoped.css

@@ -146,10 +146,10 @@ 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_root_wih1l_5i1f1_149:not(#\9) {
+.awsui_root_wih1l_1200x_149:not(#\9) {
   font-size: var(--font-size-body-m-x4okxb, 14px);
   line-height: var(--line-height-body-m-30ar75, 20px);
-  color: var(--color-text-body-default-at06ol, #000716);
+  color: var(--color-text-body-default-7v1jfn, #0f141a);
   font-weight: 400;
   font-family: var(--font-family-base-dnvic8, "Open Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
@@ -157,7 +157,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inline-size: 100%;
 }
 
-.awsui_tools_wih1l_5i1f1_160:not(#\9) {
+.awsui_tools_wih1l_1200x_160:not(#\9) {
   display: flex;
   align-items: flex-end;
   flex-wrap: wrap;
@@ -165,89 +165,89 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-table-header-tools-bottom-25ubsj, 0px);
   padding-inline: 0;
 }
-.awsui_tools-filtering_wih1l_5i1f1_168:not(#\9) {
+.awsui_tools-filtering_wih1l_1200x_168:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: var(--space-l-t419sm, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_5i1f1_168:not(#\9) {
+  .awsui_tools-filtering_wih1l_1200x_168:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_5i1f1_168:not(#\9) {
+  .awsui_tools-filtering_wih1l_1200x_168:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_5i1f1_182:not(#\9) {
+.awsui_tools-align-right_wih1l_1200x_182:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-pagination_wih1l_5i1f1_186 + .awsui_tools-preferences_wih1l_5i1f1_186:not(#\9) {
-  border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+.awsui_tools-pagination_wih1l_1200x_186 + .awsui_tools-preferences_wih1l_1200x_186:not(#\9) {
+  border-inline-start: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
   box-sizing: border-box;
   margin-inline-start: var(--space-xs-zb16t3, 8px);
   padding-inline-start: var(--space-xs-zb16t3, 8px);
 }
-.awsui_tools-small_wih1l_5i1f1_192 > .awsui_tools-filtering_wih1l_5i1f1_168:not(#\9) {
+.awsui_tools-small_wih1l_1200x_192 > .awsui_tools-filtering_wih1l_1200x_168:not(#\9) {
   margin-inline-end: 0;
   margin-block-end: var(--space-scaled-xs-26e2du, 8px);
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_5i1f1_198:not(#\9) {
+.awsui_table_wih1l_1200x_198:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_5i1f1_204:not(#\9) {
+.awsui_table-layout-fixed_wih1l_1200x_204:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_5i1f1_208:not(#\9) {
+.awsui_wrapper_wih1l_1200x_208:not(#\9) {
   position: relative;
   box-sizing: border-box;
   inline-size: 100%;
   overflow-x: auto;
   scrollbar-width: none; /* Hide scrollbar in Firefox */
 }
-.awsui_wrapper_wih1l_5i1f1_208.awsui_variant-stacked_wih1l_5i1f1_215 > .awsui_table_wih1l_5i1f1_198:not(#\9), .awsui_wrapper_wih1l_5i1f1_208.awsui_variant-stacked_wih1l_5i1f1_215 > .awsui_wrapper-content-measure_wih1l_5i1f1_215:not(#\9), .awsui_wrapper_wih1l_5i1f1_208.awsui_variant-container_wih1l_5i1f1_215 > .awsui_table_wih1l_5i1f1_198:not(#\9), .awsui_wrapper_wih1l_5i1f1_208.awsui_variant-container_wih1l_5i1f1_215 > .awsui_wrapper-content-measure_wih1l_5i1f1_215:not(#\9) {
+.awsui_wrapper_wih1l_1200x_208.awsui_variant-stacked_wih1l_1200x_215 > .awsui_table_wih1l_1200x_198:not(#\9), .awsui_wrapper_wih1l_1200x_208.awsui_variant-stacked_wih1l_1200x_215 > .awsui_wrapper-content-measure_wih1l_1200x_215:not(#\9), .awsui_wrapper_wih1l_1200x_208.awsui_variant-container_wih1l_1200x_215 > .awsui_table_wih1l_1200x_198:not(#\9), .awsui_wrapper_wih1l_1200x_208.awsui_variant-container_wih1l_1200x_215 > .awsui_wrapper-content-measure_wih1l_1200x_215:not(#\9) {
   padding-inline: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_wrapper_wih1l_5i1f1_208.awsui_variant-container_wih1l_5i1f1_215:not(#\9):not(.awsui_has-footer_wih1l_5i1f1_218) {
+.awsui_wrapper_wih1l_1200x_208.awsui_variant-container_wih1l_1200x_215:not(#\9):not(.awsui_has-footer_wih1l_1200x_218) {
   padding-block-end: var(--space-table-content-bottom-9yr834, 4px);
 }
-.awsui_wrapper_wih1l_5i1f1_208:not(#\9):not(.awsui_has-header_wih1l_5i1f1_221) {
+.awsui_wrapper_wih1l_1200x_208:not(#\9):not(.awsui_has-header_wih1l_1200x_221) {
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_wrapper_wih1l_5i1f1_208:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_1200x_208:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_5i1f1_208:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1200x_208:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-end-end-radius: var(--border-radius-container-wqv1zi, 16px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-b2ntyl, #0972d3);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
 
-.awsui_cell-merged_wih1l_5i1f1_238:not(#\9) {
+.awsui_cell-merged_wih1l_1200x_238:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_5i1f1_238.awsui_has-footer_wih1l_5i1f1_218:not(#\9) {
+.awsui_cell-merged_wih1l_1200x_238.awsui_has-footer_wih1l_1200x_218:not(#\9) {
   /*
   Add a bottom border to the body cell of an empty table as a separator between the
   table and the footer
   */
-  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-j74lyz, #b6bec9);
+  border-block-end: var(--border-divider-section-width-1061zr, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_cell-merged-content_wih1l_5i1f1_250:not(#\9) {
+.awsui_cell-merged-content_wih1l_1200x_250:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-mo5yse, 16px);
@@ -255,7 +255,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_5i1f1_208:not(#\9):focu
   padding-inline: var(--space-l-t419sm, 20px);
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_5i1f1_250:not(#\9) {
+  .awsui_cell-merged-content_wih1l_1200x_250:not(#\9) {
     position: sticky;
     inset-inline-start: 0;
     margin-block: 0;
@@ -263,11 +263,11 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_5i1f1_208:not(#\9):focu
   }
 }
 
-.awsui_empty_wih1l_5i1f1_266:not(#\9) {
-  color: var(--color-text-empty-2wfcyr, #5f6b7a);
+.awsui_empty_wih1l_1200x_266:not(#\9) {
+  color: var(--color-text-empty-o6660v, #656871);
 }
 
-.awsui_loading_wih1l_5i1f1_270:not(#\9) {
+.awsui_loading_wih1l_1200x_270:not(#\9) {
   /* used in test-utils */
 }
 
@@ -276,20 +276,20 @@ The min/max/width token values in Visual Refresh should align
 the table header and body cells selection control with the table
 filter search icon.
 */
-.awsui_selection-control_wih1l_5i1f1_279:not(#\9) {
+.awsui_selection-control_wih1l_1200x_279:not(#\9) {
   box-sizing: border-box;
   max-inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
   min-inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
   position: relative;
   inline-size: var(--size-table-selection-horizontal-oqvl1b, 40px);
 }
-.awsui_selection-control_wih1l_5i1f1_279.awsui_selection-control-header_wih1l_5i1f1_286:not(#\9) {
+.awsui_selection-control_wih1l_1200x_279.awsui_selection-control-header_wih1l_1200x_286:not(#\9) {
   padding-block: var(--space-scaled-xs-26e2du, 8px);
   padding-inline: var(--space-scaled-l-0hpmd7, 20px);
   border-inline-start: var(--border-item-width-yel47s, 2px) solid transparent;
 }
 
-.awsui_header-secondary_wih1l_5i1f1_292:not(#\9) {
+.awsui_header-secondary_wih1l_1200x_292:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
@@ -299,48 +299,48 @@ filter search icon.
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
-  background: var(--color-background-table-header-82ew8p, #ffffff);
+  background: var(--color-background-table-header-inc72b, #ffffff);
 }
-.awsui_header-secondary_wih1l_5i1f1_292.awsui_variant-full-page_wih1l_5i1f1_304:not(#\9) {
-  background: var(--color-background-layout-main-nx09lr, #ffffff);
+.awsui_header-secondary_wih1l_1200x_292.awsui_variant-full-page_wih1l_1200x_304:not(#\9) {
+  background: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_header-secondary_wih1l_5i1f1_292.awsui_variant-stacked_wih1l_5i1f1_215 > .awsui_table_wih1l_5i1f1_198:not(#\9), .awsui_header-secondary_wih1l_5i1f1_292.awsui_variant-container_wih1l_5i1f1_215 > .awsui_table_wih1l_5i1f1_198:not(#\9) {
+.awsui_header-secondary_wih1l_1200x_292.awsui_variant-stacked_wih1l_1200x_215 > .awsui_table_wih1l_1200x_198:not(#\9), .awsui_header-secondary_wih1l_1200x_292.awsui_variant-container_wih1l_1200x_215 > .awsui_table_wih1l_1200x_198:not(#\9) {
   padding-inline: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_header-secondary_wih1l_5i1f1_292.awsui_variant-stacked_wih1l_5i1f1_215:not(#\9):not(.awsui_table-has-header_wih1l_5i1f1_310), .awsui_header-secondary_wih1l_5i1f1_292.awsui_variant-container_wih1l_5i1f1_215:not(#\9):not(.awsui_table-has-header_wih1l_5i1f1_310) {
+.awsui_header-secondary_wih1l_1200x_292.awsui_variant-stacked_wih1l_1200x_215:not(#\9):not(.awsui_table-has-header_wih1l_1200x_310), .awsui_header-secondary_wih1l_1200x_292.awsui_variant-container_wih1l_1200x_215:not(#\9):not(.awsui_table-has-header_wih1l_1200x_310) {
   border-start-start-radius: var(--border-radius-container-wqv1zi, 16px);
   border-start-end-radius: var(--border-radius-container-wqv1zi, 16px);
 }
-.awsui_header-secondary_wih1l_5i1f1_292:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_1200x_292:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_5i1f1_292.awsui_table-has-header_wih1l_5i1f1_310:not(#\9) {
+.awsui_header-secondary_wih1l_1200x_292.awsui_table-has-header_wih1l_1200x_310:not(#\9) {
   border-block-start: var(--border-divider-list-width-27y3k5, 1px) solid var(--color-border-container-divider-p2uygo, transparent);
 }
 
-.awsui_header-controls_wih1l_5i1f1_321:not(#\9) {
+.awsui_header-controls_wih1l_1200x_321:not(#\9) {
   padding-block: var(--space-container-header-top-5qav00, 12px) var(--space-container-header-bottom-vj01hn, 8px);
 }
-.awsui_header-controls_wih1l_5i1f1_321.awsui_variant-full-page_wih1l_5i1f1_304:not(#\9) {
+.awsui_header-controls_wih1l_1200x_321.awsui_variant-full-page_wih1l_1200x_304:not(#\9) {
   padding-block: 0 calc(var(--space-container-header-bottom-vj01hn, 8px) + var(--space-table-header-tools-full-page-bottom-xulfq9, 4px));
 }
-.awsui_header-controls_wih1l_5i1f1_321.awsui_variant-stacked_wih1l_5i1f1_215:not(#\9), .awsui_header-controls_wih1l_5i1f1_321.awsui_variant-container_wih1l_5i1f1_215:not(#\9) {
+.awsui_header-controls_wih1l_1200x_321.awsui_variant-stacked_wih1l_1200x_215:not(#\9), .awsui_header-controls_wih1l_1200x_321.awsui_variant-container_wih1l_1200x_215:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-8davlm, 20px) + var(--space-table-header-horizontal-wl3ykr, 0px));
 }
-.awsui_header-controls_wih1l_5i1f1_321.awsui_variant-embedded_wih1l_5i1f1_330:not(#\9), .awsui_header-controls_wih1l_5i1f1_321.awsui_variant-borderless_wih1l_5i1f1_330:not(#\9) {
+.awsui_header-controls_wih1l_1200x_321.awsui_variant-embedded_wih1l_1200x_330:not(#\9), .awsui_header-controls_wih1l_1200x_321.awsui_variant-borderless_wih1l_1200x_330:not(#\9) {
   padding-inline: var(--space-table-header-horizontal-wl3ykr, 0px);
   padding-block-start: var(--space-table-embedded-header-top-bfjeam, 0px);
 }
 
-.awsui_footer-wrapper_wih1l_5i1f1_335.awsui_variant-stacked_wih1l_5i1f1_215:not(#\9), .awsui_footer-wrapper_wih1l_5i1f1_335.awsui_variant-container_wih1l_5i1f1_215:not(#\9) {
+.awsui_footer-wrapper_wih1l_1200x_335.awsui_variant-stacked_wih1l_1200x_215:not(#\9), .awsui_footer-wrapper_wih1l_1200x_335.awsui_variant-container_wih1l_1200x_215:not(#\9) {
   padding-inline: var(--space-table-horizontal-8davlm, 20px);
 }
 
-.awsui_footer_wih1l_5i1f1_335:not(#\9) {
+.awsui_footer_wih1l_1200x_335:not(#\9) {
   padding-block: var(--space-scaled-s-aqzyko, 12px);
   padding-inline: var(--space-table-footer-horizontal-ptapb9, 0px);
 }
-.awsui_footer-with-pagination_wih1l_5i1f1_343:not(#\9) {
+.awsui_footer-with-pagination_wih1l_1200x_343:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
@@ -348,12 +348,12 @@ filter search icon.
   flex-wrap: wrap;
   gap: var(--space-scaled-s-aqzyko, 12px);
 }
-.awsui_footer-pagination_wih1l_5i1f1_351:not(#\9) {
+.awsui_footer-pagination_wih1l_1200x_351:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_thead-active_wih1l_5i1f1_355:not(#\9),
-.awsui_row_wih1l_5i1f1_356:not(#\9),
-.awsui_row-selected_wih1l_5i1f1_357:not(#\9) {
+.awsui_thead-active_wih1l_1200x_355:not(#\9),
+.awsui_row_wih1l_1200x_356:not(#\9),
+.awsui_row-selected_wih1l_1200x_357:not(#\9) {
   /* used in test-utils */
 }