@cloudscape-design/components-themeable 3.0.774 → 3.0.776

package/lib/internal/template/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_15835_141:not(#\9):not(.awsui_resize-active-with-focus_x7peu_15835_141) * {
+.awsui_resize-active_x7peu_kr68v_141:not(#\9):not(.awsui_resize-active-with-focus_x7peu_kr68v_141) * {
   cursor: col-resize;
   -webkit-user-select: none;
           user-select: none;
 }
 
-th:not(#\9):not(:last-child) > .awsui_divider_x7peu_15835_146 {
+th:not(#\9):not(:last-child) > .awsui_divider_x7peu_kr68v_146 {
   position: absolute;
   outline: none;
   pointer-events: none;
@@ -155,17 +155,17 @@ th:not(#\9):not(:last-child) > .awsui_divider_x7peu_15835_146 {
   max-block-size: calc(100% - calc(2 * var(--space-xs-xf5ch3, 8px) + var(--space-xxxs-z28114, 2px)));
   margin-block: auto;
   margin-inline: auto;
-  border-inline-start: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-divider-interactive-default-2k7xs4, #687078);
+  border-inline-start: var(--border-item-width-0zxiwv, 1px) solid var(--color-border-divider-interactive-default-7sk25d, #687078);
   box-sizing: border-box;
 }
-th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_15835_160 {
-  border-inline-start-color: var(--color-border-divider-default-in8dkg, #eaeded);
+th:not(#\9):not(:last-child) > .awsui_divider-disabled_x7peu_kr68v_160 {
+  border-inline-start-color: var(--color-border-divider-default-qn9pru, #eaeded);
 }
-th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_15835_163 {
-  border-inline-start: 2px solid var(--color-border-divider-active-n0a8d4, #687078);
+th:not(#\9):not(:last-child) > .awsui_divider-active_x7peu_kr68v_163 {
+  border-inline-start: 2px solid var(--color-border-divider-active-znzcfd, #687078);
 }
 
-.awsui_resizer_x7peu_15835_167:not(#\9) {
+.awsui_resizer_x7peu_kr68v_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_15835_163 {
   word-spacing: normal;
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-ffdwgg, #16191f);
+  color: var(--color-text-body-default-bvmavx, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-0nmw8v, "Noto 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_15835_163 {
   inline-size: var(--space-l-xu1x80, 20px);
   z-index: 10;
 }
-.awsui_resizer_x7peu_15835_167:not(#\9):focus {
+.awsui_resizer_x7peu_kr68v_167:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_resize-active_x7peu_15835_141 .awsui_resizer_x7peu_15835_167:not(#\9) {
+.awsui_resize-active_x7peu_kr68v_141 .awsui_resizer_x7peu_kr68v_167:not(#\9) {
   pointer-events: none;
 }
-th:not(#\9):last-child > .awsui_resizer_x7peu_15835_167 {
+th:not(#\9):last-child > .awsui_resizer_x7peu_kr68v_167 {
   inline-size: calc(var(--space-l-xu1x80, 20px) / 2);
   inset-inline-end: 0;
 }
-.awsui_resizer_x7peu_15835_167:not(#\9):hover + .awsui_divider_x7peu_15835_146 {
-  border-inline-start: 2px solid var(--color-border-divider-active-n0a8d4, #687078);
+.awsui_resizer_x7peu_kr68v_167:not(#\9):hover + .awsui_divider_x7peu_kr68v_146 {
+  border-inline-start: 2px solid var(--color-border-divider-active-znzcfd, #687078);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_15835_167.awsui_has-focus_x7peu_15835_224:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_kr68v_167.awsui_has-focus_x7peu_kr68v_224:not(#\9) {
   position: absolute;
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_15835_167.awsui_has-focus_x7peu_15835_224:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_kr68v_167.awsui_has-focus_x7peu_kr68v_224:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(var(--space-table-header-focus-outline-gutter-czfdw1, 0px) - 2px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_15835_167.awsui_has-focus_x7peu_15835_224:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_kr68v_167.awsui_has-focus_x7peu_kr68v_224:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -243,16 +243,16 @@ body[data-awsui-focus-visible=true] .awsui_resizer_x7peu_15835_167.awsui_has-foc
   border-start-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   border-end-start-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
   border-end-end-radius: var(--border-radius-control-default-focus-ring-a78bgq, 2px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
 
-.awsui_tracker_x7peu_15835_247:not(#\9) {
+.awsui_tracker_x7peu_kr68v_247:not(#\9) {
   display: none;
   position: absolute;
-  border-inline-start: var(--border-divider-list-width-471u6a, 1px) dashed var(--color-border-divider-active-n0a8d4, #687078);
+  border-inline-start: var(--border-divider-list-width-471u6a, 1px) dashed var(--color-border-divider-active-znzcfd, #687078);
   inline-size: 0;
   inset-block: 0;
 }
-.awsui_resize-active_x7peu_15835_141 .awsui_tracker_x7peu_15835_247:not(#\9) {
+.awsui_resize-active_x7peu_kr68v_141 .awsui_tracker_x7peu_kr68v_247:not(#\9) {
   display: block;
 }

package/lib/internal/template/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_15835_141",
-  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_15835_141",
-  "divider": "awsui_divider_x7peu_15835_146",
-  "divider-disabled": "awsui_divider-disabled_x7peu_15835_160",
-  "divider-active": "awsui_divider-active_x7peu_15835_163",
-  "resizer": "awsui_resizer_x7peu_15835_167",
-  "has-focus": "awsui_has-focus_x7peu_15835_224",
-  "tracker": "awsui_tracker_x7peu_15835_247"
+  "resize-active": "awsui_resize-active_x7peu_kr68v_141",
+  "resize-active-with-focus": "awsui_resize-active-with-focus_x7peu_kr68v_141",
+  "divider": "awsui_divider_x7peu_kr68v_146",
+  "divider-disabled": "awsui_divider-disabled_x7peu_kr68v_160",
+  "divider-active": "awsui_divider-active_x7peu_kr68v_163",
+  "resizer": "awsui_resizer_x7peu_kr68v_167",
+  "has-focus": "awsui_has-focus_x7peu_kr68v_224",
+  "tracker": "awsui_tracker_x7peu_kr68v_247"
 };
   

package/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/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/lib/internal/template/table/sticky-scrollbar/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_6ejub_177",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_6ejub_186",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_6ejub_189",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_6ejub_192",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_6ejub_195",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_6ejub_198"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_typen_177",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_typen_186",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_typen_189",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_typen_192",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_typen_195",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_typen_198"
 };
   

package/lib/internal/template/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_6ejub_177:not(#\9) {
+.awsui_sticky-scrollbar_faqt8_typen_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_6ejub_186:not(#\9) {
+.awsui_sticky-scrollbar-content_faqt8_typen_186:not(#\9) {
   block-size: 15px;
 }
-.awsui_sticky-scrollbar-visible_faqt8_6ejub_189:not(#\9) {
+.awsui_sticky-scrollbar-visible_faqt8_typen_189:not(#\9) {
   display: block;
 }
-.awsui_sticky-scrollbar-native-invisible_faqt8_6ejub_192:not(#\9) {
+.awsui_sticky-scrollbar-native-invisible_faqt8_typen_192:not(#\9) {
   margin-block-start: -15px;
 }
-.awsui_sticky-scrollbar-offset_faqt8_6ejub_195:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_typen_195:not(#\9) {
   z-index: 799;
 }
-.awsui_sticky-scrollbar-offset_faqt8_6ejub_195:not(#\9):not(.awsui_is-visual-refresh_faqt8_6ejub_198) {
-  background-color: var(--color-background-container-content-il2pe5, #ffffff);
+.awsui_sticky-scrollbar-offset_faqt8_typen_195:not(#\9):not(.awsui_is-visual-refresh_faqt8_typen_198) {
+  background-color: var(--color-background-container-content-0j55iz, #ffffff);
   block-size: 15px;
   margin-block-start: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
-  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+  border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-qn9pru, #eaeded);
 }
-.awsui_sticky-scrollbar-offset_faqt8_6ejub_195.awsui_is-visual-refresh_faqt8_6ejub_198:not(#\9) {
+.awsui_sticky-scrollbar-offset_faqt8_typen_195.awsui_is-visual-refresh_faqt8_typen_198:not(#\9) {
   margin-block-start: -5px;
 }

package/lib/internal/template/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_6ejub_177",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_6ejub_186",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_6ejub_189",
-  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_6ejub_192",
-  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_6ejub_195",
-  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_6ejub_198"
+  "sticky-scrollbar": "awsui_sticky-scrollbar_faqt8_typen_177",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_faqt8_typen_186",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_faqt8_typen_189",
+  "sticky-scrollbar-native-invisible": "awsui_sticky-scrollbar-native-invisible_faqt8_typen_192",
+  "sticky-scrollbar-offset": "awsui_sticky-scrollbar-offset_faqt8_typen_195",
+  "is-visual-refresh": "awsui_is-visual-refresh_faqt8_typen_198"
 };
   

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

@@ -1,39 +1,39 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_wih1l_f64t1_149",
-  "tools": "awsui_tools_wih1l_f64t1_160",
-  "tools-filtering": "awsui_tools-filtering_wih1l_f64t1_168",
-  "tools-align-right": "awsui_tools-align-right_wih1l_f64t1_182",
-  "tools-pagination": "awsui_tools-pagination_wih1l_f64t1_186",
-  "tools-preferences": "awsui_tools-preferences_wih1l_f64t1_186",
-  "tools-small": "awsui_tools-small_wih1l_f64t1_192",
-  "table": "awsui_table_wih1l_f64t1_198",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_f64t1_204",
-  "wrapper": "awsui_wrapper_wih1l_f64t1_208",
-  "variant-stacked": "awsui_variant-stacked_wih1l_f64t1_215",
-  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_f64t1_215",
-  "variant-container": "awsui_variant-container_wih1l_f64t1_215",
-  "has-footer": "awsui_has-footer_wih1l_f64t1_218",
-  "has-header": "awsui_has-header_wih1l_f64t1_221",
-  "cell-merged": "awsui_cell-merged_wih1l_f64t1_238",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_f64t1_250",
-  "empty": "awsui_empty_wih1l_f64t1_266",
-  "loading": "awsui_loading_wih1l_f64t1_270",
-  "selection-control": "awsui_selection-control_wih1l_f64t1_279",
-  "selection-control-header": "awsui_selection-control-header_wih1l_f64t1_286",
-  "header-secondary": "awsui_header-secondary_wih1l_f64t1_292",
-  "variant-full-page": "awsui_variant-full-page_wih1l_f64t1_304",
-  "table-has-header": "awsui_table-has-header_wih1l_f64t1_310",
-  "header-controls": "awsui_header-controls_wih1l_f64t1_321",
-  "variant-embedded": "awsui_variant-embedded_wih1l_f64t1_330",
-  "variant-borderless": "awsui_variant-borderless_wih1l_f64t1_330",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_f64t1_335",
-  "footer": "awsui_footer_wih1l_f64t1_335",
-  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_f64t1_343",
-  "footer-pagination": "awsui_footer-pagination_wih1l_f64t1_351",
-  "thead-active": "awsui_thead-active_wih1l_f64t1_355",
-  "row": "awsui_row_wih1l_f64t1_356",
-  "row-selected": "awsui_row-selected_wih1l_f64t1_357"
+  "root": "awsui_root_wih1l_1vhpo_149",
+  "tools": "awsui_tools_wih1l_1vhpo_160",
+  "tools-filtering": "awsui_tools-filtering_wih1l_1vhpo_168",
+  "tools-align-right": "awsui_tools-align-right_wih1l_1vhpo_182",
+  "tools-pagination": "awsui_tools-pagination_wih1l_1vhpo_186",
+  "tools-preferences": "awsui_tools-preferences_wih1l_1vhpo_186",
+  "tools-small": "awsui_tools-small_wih1l_1vhpo_192",
+  "table": "awsui_table_wih1l_1vhpo_198",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_1vhpo_204",
+  "wrapper": "awsui_wrapper_wih1l_1vhpo_208",
+  "variant-stacked": "awsui_variant-stacked_wih1l_1vhpo_215",
+  "wrapper-content-measure": "awsui_wrapper-content-measure_wih1l_1vhpo_215",
+  "variant-container": "awsui_variant-container_wih1l_1vhpo_215",
+  "has-footer": "awsui_has-footer_wih1l_1vhpo_218",
+  "has-header": "awsui_has-header_wih1l_1vhpo_221",
+  "cell-merged": "awsui_cell-merged_wih1l_1vhpo_238",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_1vhpo_250",
+  "empty": "awsui_empty_wih1l_1vhpo_266",
+  "loading": "awsui_loading_wih1l_1vhpo_270",
+  "selection-control": "awsui_selection-control_wih1l_1vhpo_279",
+  "selection-control-header": "awsui_selection-control-header_wih1l_1vhpo_286",
+  "header-secondary": "awsui_header-secondary_wih1l_1vhpo_292",
+  "variant-full-page": "awsui_variant-full-page_wih1l_1vhpo_304",
+  "table-has-header": "awsui_table-has-header_wih1l_1vhpo_310",
+  "header-controls": "awsui_header-controls_wih1l_1vhpo_321",
+  "variant-embedded": "awsui_variant-embedded_wih1l_1vhpo_330",
+  "variant-borderless": "awsui_variant-borderless_wih1l_1vhpo_330",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_1vhpo_335",
+  "footer": "awsui_footer_wih1l_1vhpo_335",
+  "footer-with-pagination": "awsui_footer-with-pagination_wih1l_1vhpo_343",
+  "footer-pagination": "awsui_footer-pagination_wih1l_1vhpo_351",
+  "thead-active": "awsui_thead-active_wih1l_1vhpo_355",
+  "row": "awsui_row_wih1l_1vhpo_356",
+  "row-selected": "awsui_row-selected_wih1l_1vhpo_357"
 };
   

package/lib/internal/template/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_f64t1_149:not(#\9) {
+.awsui_root_wih1l_1vhpo_149:not(#\9) {
   font-size: var(--font-size-body-m-pa3mqb, 14px);
   line-height: var(--line-height-body-m-2zx78l, 22px);
-  color: var(--color-text-body-default-ffdwgg, #16191f);
+  color: var(--color-text-body-default-bvmavx, #16191f);
   font-weight: 400;
   font-family: var(--font-family-base-0nmw8v, "Noto 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_f64t1_160:not(#\9) {
+.awsui_tools_wih1l_1vhpo_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-8i4ihz, 4px);
   padding-inline: 0;
 }
-.awsui_tools-filtering_wih1l_f64t1_168:not(#\9) {
+.awsui_tools-filtering_wih1l_1vhpo_168:not(#\9) {
   max-inline-size: 100%;
   margin-inline-end: var(--space-l-xu1x80, 20px);
 }
 @supports (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_f64t1_168:not(#\9) {
+  .awsui_tools-filtering_wih1l_1vhpo_168:not(#\9) {
     flex: 1 1 fit-content;
   }
 }
 @supports not (flex-basis: fit-content) {
-  .awsui_tools-filtering_wih1l_f64t1_168:not(#\9) {
+  .awsui_tools-filtering_wih1l_1vhpo_168:not(#\9) {
     flex: 1 1 auto;
   }
 }
-.awsui_tools-align-right_wih1l_f64t1_182:not(#\9) {
+.awsui_tools-align-right_wih1l_1vhpo_182:not(#\9) {
   display: flex;
   margin-inline-start: auto;
 }
-.awsui_tools-pagination_wih1l_f64t1_186 + .awsui_tools-preferences_wih1l_f64t1_186:not(#\9) {
-  border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+.awsui_tools-pagination_wih1l_1vhpo_186 + .awsui_tools-preferences_wih1l_1vhpo_186:not(#\9) {
+  border-inline-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-qn9pru, #eaeded);
   box-sizing: border-box;
   margin-inline-start: var(--space-xs-xf5ch3, 8px);
   padding-inline-start: var(--space-xs-xf5ch3, 8px);
 }
-.awsui_tools-small_wih1l_f64t1_192 > .awsui_tools-filtering_wih1l_f64t1_168:not(#\9) {
+.awsui_tools-small_wih1l_1vhpo_192 > .awsui_tools-filtering_wih1l_1vhpo_168:not(#\9) {
   margin-inline-end: 0;
   margin-block-end: var(--space-scaled-xs-x91h81, 8px);
   flex-basis: 100%;
 }
 
-.awsui_table_wih1l_f64t1_198:not(#\9) {
+.awsui_table_wih1l_1vhpo_198:not(#\9) {
   inline-size: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_f64t1_204:not(#\9) {
+.awsui_table-layout-fixed_wih1l_1vhpo_204:not(#\9) {
   table-layout: fixed;
 }
 
-.awsui_wrapper_wih1l_f64t1_208:not(#\9) {
+.awsui_wrapper_wih1l_1vhpo_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_f64t1_208.awsui_variant-stacked_wih1l_f64t1_215 > .awsui_table_wih1l_f64t1_198:not(#\9), .awsui_wrapper_wih1l_f64t1_208.awsui_variant-stacked_wih1l_f64t1_215 > .awsui_wrapper-content-measure_wih1l_f64t1_215:not(#\9), .awsui_wrapper_wih1l_f64t1_208.awsui_variant-container_wih1l_f64t1_215 > .awsui_table_wih1l_f64t1_198:not(#\9), .awsui_wrapper_wih1l_f64t1_208.awsui_variant-container_wih1l_f64t1_215 > .awsui_wrapper-content-measure_wih1l_f64t1_215:not(#\9) {
+.awsui_wrapper_wih1l_1vhpo_208.awsui_variant-stacked_wih1l_1vhpo_215 > .awsui_table_wih1l_1vhpo_198:not(#\9), .awsui_wrapper_wih1l_1vhpo_208.awsui_variant-stacked_wih1l_1vhpo_215 > .awsui_wrapper-content-measure_wih1l_1vhpo_215:not(#\9), .awsui_wrapper_wih1l_1vhpo_208.awsui_variant-container_wih1l_1vhpo_215 > .awsui_table_wih1l_1vhpo_198:not(#\9), .awsui_wrapper_wih1l_1vhpo_208.awsui_variant-container_wih1l_1vhpo_215 > .awsui_wrapper-content-measure_wih1l_1vhpo_215:not(#\9) {
   padding-inline: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_wrapper_wih1l_f64t1_208.awsui_variant-container_wih1l_f64t1_215:not(#\9):not(.awsui_has-footer_wih1l_f64t1_218) {
+.awsui_wrapper_wih1l_1vhpo_208.awsui_variant-container_wih1l_1vhpo_215:not(#\9):not(.awsui_has-footer_wih1l_1vhpo_218) {
   padding-block-end: var(--space-table-content-bottom-r9l1c2, 0px);
 }
-.awsui_wrapper_wih1l_f64t1_208:not(#\9):not(.awsui_has-header_wih1l_f64t1_221) {
+.awsui_wrapper_wih1l_1vhpo_208:not(#\9):not(.awsui_has-header_wih1l_1vhpo_221) {
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_wrapper_wih1l_f64t1_208:not(#\9)::-webkit-scrollbar {
+.awsui_wrapper_wih1l_1vhpo_208:not(#\9)::-webkit-scrollbar {
   display: none; /* Hide scrollbar in Safari and Chrome */
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_f64t1_208:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_1vhpo_208:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
   border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-v8nq2m, #0073bb);
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-7jb69s, #0073bb);
 }
 
-.awsui_cell-merged_wih1l_f64t1_238:not(#\9) {
+.awsui_cell-merged_wih1l_1vhpo_238:not(#\9) {
   text-align: center;
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_cell-merged_wih1l_f64t1_238.awsui_has-footer_wih1l_f64t1_218:not(#\9) {
+.awsui_cell-merged_wih1l_1vhpo_238.awsui_has-footer_wih1l_1vhpo_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-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
+  border-block-end: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-qn9pru, #eaeded);
 }
-.awsui_cell-merged-content_wih1l_f64t1_250:not(#\9) {
+.awsui_cell-merged-content_wih1l_1vhpo_250:not(#\9) {
   box-sizing: border-box;
   inline-size: 100%;
   padding-block-start: var(--space-scaled-m-er48cl, 16px);
@@ -255,7 +255,7 @@ body[data-awsui-focus-visible=true] .awsui_wrapper_wih1l_f64t1_208:not(#\9):focu
   padding-inline: var(--space-l-xu1x80, 20px);
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_f64t1_250:not(#\9) {
+  .awsui_cell-merged-content_wih1l_1vhpo_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_f64t1_208:not(#\9):focu
   }
 }
 
-.awsui_empty_wih1l_f64t1_266:not(#\9) {
-  color: var(--color-text-empty-jskpnv, #687078);
+.awsui_empty_wih1l_1vhpo_266:not(#\9) {
+  color: var(--color-text-empty-t3q50w, #687078);
 }
 
-.awsui_loading_wih1l_f64t1_270:not(#\9) {
+.awsui_loading_wih1l_1vhpo_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_f64t1_279:not(#\9) {
+.awsui_selection-control_wih1l_1vhpo_279:not(#\9) {
   box-sizing: border-box;
   max-inline-size: var(--size-table-selection-horizontal-8ncv96, 54px);
   min-inline-size: var(--size-table-selection-horizontal-8ncv96, 54px);
   position: relative;
   inline-size: var(--size-table-selection-horizontal-8ncv96, 54px);
 }
-.awsui_selection-control_wih1l_f64t1_279.awsui_selection-control-header_wih1l_f64t1_286:not(#\9) {
+.awsui_selection-control_wih1l_1vhpo_279.awsui_selection-control-header_wih1l_1vhpo_286:not(#\9) {
   padding-block: var(--space-scaled-xs-x91h81, 8px);
   padding-inline: var(--space-scaled-l-08jb88, 20px);
   border-inline-start: var(--border-item-width-0zxiwv, 1px) solid transparent;
 }
 
-.awsui_header-secondary_wih1l_f64t1_292:not(#\9) {
+.awsui_header-secondary_wih1l_1vhpo_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-ly5ewp, #fafafa);
+  background: var(--color-background-table-header-bknnau, #fafafa);
 }
-.awsui_header-secondary_wih1l_f64t1_292.awsui_variant-full-page_wih1l_f64t1_304:not(#\9) {
-  background: var(--color-background-layout-main-td853a, #f2f3f3);
+.awsui_header-secondary_wih1l_1vhpo_292.awsui_variant-full-page_wih1l_1vhpo_304:not(#\9) {
+  background: var(--color-background-layout-main-84obzs, #f2f3f3);
 }
-.awsui_header-secondary_wih1l_f64t1_292.awsui_variant-stacked_wih1l_f64t1_215 > .awsui_table_wih1l_f64t1_198:not(#\9), .awsui_header-secondary_wih1l_f64t1_292.awsui_variant-container_wih1l_f64t1_215 > .awsui_table_wih1l_f64t1_198:not(#\9) {
+.awsui_header-secondary_wih1l_1vhpo_292.awsui_variant-stacked_wih1l_1vhpo_215 > .awsui_table_wih1l_1vhpo_198:not(#\9), .awsui_header-secondary_wih1l_1vhpo_292.awsui_variant-container_wih1l_1vhpo_215 > .awsui_table_wih1l_1vhpo_198:not(#\9) {
   padding-inline: var(--space-table-horizontal-ciak0s, 0px);
 }
-.awsui_header-secondary_wih1l_f64t1_292.awsui_variant-stacked_wih1l_f64t1_215:not(#\9):not(.awsui_table-has-header_wih1l_f64t1_310), .awsui_header-secondary_wih1l_f64t1_292.awsui_variant-container_wih1l_f64t1_215:not(#\9):not(.awsui_table-has-header_wih1l_f64t1_310) {
+.awsui_header-secondary_wih1l_1vhpo_292.awsui_variant-stacked_wih1l_1vhpo_215:not(#\9):not(.awsui_table-has-header_wih1l_1vhpo_310), .awsui_header-secondary_wih1l_1vhpo_292.awsui_variant-container_wih1l_1vhpo_215:not(#\9):not(.awsui_table-has-header_wih1l_1vhpo_310) {
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_header-secondary_wih1l_f64t1_292:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_1vhpo_292:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
-.awsui_header-secondary_wih1l_f64t1_292.awsui_table-has-header_wih1l_f64t1_310:not(#\9) {
+.awsui_header-secondary_wih1l_1vhpo_292.awsui_table-has-header_wih1l_1vhpo_310:not(#\9) {
   border-block-start: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-container-divider-gl15p9, #eaeded);
 }
 
-.awsui_header-controls_wih1l_f64t1_321:not(#\9) {
+.awsui_header-controls_wih1l_1vhpo_321:not(#\9) {
   padding-block: var(--space-container-header-top-bomjbu, 12px) var(--space-container-header-bottom-qqnwwz, 12px);
 }
-.awsui_header-controls_wih1l_f64t1_321.awsui_variant-full-page_wih1l_f64t1_304:not(#\9) {
+.awsui_header-controls_wih1l_1vhpo_321.awsui_variant-full-page_wih1l_1vhpo_304:not(#\9) {
   padding-block: 0 calc(var(--space-container-header-bottom-qqnwwz, 12px) + var(--space-table-header-tools-full-page-bottom-dmyrgq, 4px));
 }
-.awsui_header-controls_wih1l_f64t1_321.awsui_variant-stacked_wih1l_f64t1_215:not(#\9), .awsui_header-controls_wih1l_f64t1_321.awsui_variant-container_wih1l_f64t1_215:not(#\9) {
+.awsui_header-controls_wih1l_1vhpo_321.awsui_variant-stacked_wih1l_1vhpo_215:not(#\9), .awsui_header-controls_wih1l_1vhpo_321.awsui_variant-container_wih1l_1vhpo_215:not(#\9) {
   padding-inline: calc(var(--space-table-horizontal-ciak0s, 0px) + var(--space-table-header-horizontal-vhrx2d, 20px));
 }
-.awsui_header-controls_wih1l_f64t1_321.awsui_variant-embedded_wih1l_f64t1_330:not(#\9), .awsui_header-controls_wih1l_f64t1_321.awsui_variant-borderless_wih1l_f64t1_330:not(#\9) {
+.awsui_header-controls_wih1l_1vhpo_321.awsui_variant-embedded_wih1l_1vhpo_330:not(#\9), .awsui_header-controls_wih1l_1vhpo_321.awsui_variant-borderless_wih1l_1vhpo_330:not(#\9) {
   padding-inline: var(--space-table-header-horizontal-vhrx2d, 20px);
   padding-block-start: var(--space-table-embedded-header-top-u7x1ax, 12px);
 }
 
-.awsui_footer-wrapper_wih1l_f64t1_335.awsui_variant-stacked_wih1l_f64t1_215:not(#\9), .awsui_footer-wrapper_wih1l_f64t1_335.awsui_variant-container_wih1l_f64t1_215:not(#\9) {
+.awsui_footer-wrapper_wih1l_1vhpo_335.awsui_variant-stacked_wih1l_1vhpo_215:not(#\9), .awsui_footer-wrapper_wih1l_1vhpo_335.awsui_variant-container_wih1l_1vhpo_215:not(#\9) {
   padding-inline: var(--space-table-horizontal-ciak0s, 0px);
 }
 
-.awsui_footer_wih1l_f64t1_335:not(#\9) {
+.awsui_footer_wih1l_1vhpo_335:not(#\9) {
   padding-block: var(--space-scaled-s-9q8n2q, 12px);
   padding-inline: var(--space-table-footer-horizontal-t5rbr4, 20px);
 }
-.awsui_footer-with-pagination_wih1l_f64t1_343:not(#\9) {
+.awsui_footer-with-pagination_wih1l_1vhpo_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-9q8n2q, 12px);
 }
-.awsui_footer-pagination_wih1l_f64t1_351:not(#\9) {
+.awsui_footer-pagination_wih1l_1vhpo_351:not(#\9) {
   margin-inline-start: auto;
 }
 
-.awsui_thead-active_wih1l_f64t1_355:not(#\9),
-.awsui_row_wih1l_f64t1_356:not(#\9),
-.awsui_row-selected_wih1l_f64t1_357:not(#\9) {
+.awsui_thead-active_wih1l_1vhpo_355:not(#\9),
+.awsui_row_wih1l_1vhpo_356:not(#\9),
+.awsui_row-selected_wih1l_1vhpo_357:not(#\9) {
   /* used in test-utils */
 }