@cloudscape-design/components 3.0.149 → 3.0.150

package/modal/styles.css.js

@@ -1,27 +1,27 @@
 
     import './styles.scoped.css';
     export default {
-  "dialog": "awsui_dialog_1d2i7_1q6b4_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1q6b4_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1q6b4_1",
-  "refresh": "awsui_refresh_1d2i7_1q6b4_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1q6b4_1",
-  "root": "awsui_root_1d2i7_1q6b4_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1q6b4_1",
-  "hidden": "awsui_hidden_1d2i7_1q6b4_224",
-  "focus-lock": "awsui_focus-lock_1d2i7_1q6b4_228",
-  "small": "awsui_small_1d2i7_1q6b4_246",
-  "medium": "awsui_medium_1d2i7_1q6b4_249",
-  "large": "awsui_large_1d2i7_1q6b4_252",
-  "max": "awsui_max_1d2i7_1q6b4_255",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1q6b4_255",
-  "container": "awsui_container_1d2i7_1q6b4_260",
-  "content": "awsui_content_1d2i7_1q6b4_284",
-  "no-paddings": "awsui_no-paddings_1d2i7_1q6b4_287",
-  "header": "awsui_header_1d2i7_1q6b4_291",
-  "header--text": "awsui_header--text_1d2i7_1q6b4_298",
-  "footer": "awsui_footer_1d2i7_1q6b4_302",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_1q6b4_312",
-  "modal-open": "awsui_modal-open_1d2i7_1q6b4_316"
+  "dialog": "awsui_dialog_1d2i7_nzsqa_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_nzsqa_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_nzsqa_1",
+  "refresh": "awsui_refresh_1d2i7_nzsqa_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_nzsqa_1",
+  "root": "awsui_root_1d2i7_nzsqa_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_nzsqa_1",
+  "hidden": "awsui_hidden_1d2i7_nzsqa_224",
+  "focus-lock": "awsui_focus-lock_1d2i7_nzsqa_228",
+  "small": "awsui_small_1d2i7_nzsqa_246",
+  "medium": "awsui_medium_1d2i7_nzsqa_249",
+  "large": "awsui_large_1d2i7_nzsqa_252",
+  "max": "awsui_max_1d2i7_nzsqa_255",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_nzsqa_255",
+  "container": "awsui_container_1d2i7_nzsqa_260",
+  "content": "awsui_content_1d2i7_nzsqa_284",
+  "no-paddings": "awsui_no-paddings_1d2i7_nzsqa_287",
+  "header": "awsui_header_1d2i7_nzsqa_291",
+  "header--text": "awsui_header--text_1d2i7_nzsqa_298",
+  "footer": "awsui_footer_1d2i7_nzsqa_302",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_nzsqa_312",
+  "modal-open": "awsui_modal-open_1d2i7_nzsqa_316"
 };
   

package/modal/styles.scoped.css

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-@keyframes awsui_modal-slide-up_1d2i7_1q6b4_1 {
+@keyframes awsui_modal-slide-up_1d2i7_nzsqa_1 {
   0% {
     transform: translate(0, 10px);
   }
@@ -102,12 +102,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     transform: translate(0, 0);
   }
 }
-.awsui_dialog_1d2i7_1q6b4_105:not(#\9) {
-  animation: awsui_modal-slide-up_1d2i7_1q6b4_1 var(--motion-duration-slow-0273ow, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_1q6b4_1 var(--motion-duration-slow-0273ow, 180ms) ease-out;
+.awsui_dialog_1d2i7_nzsqa_105:not(#\9) {
+  animation: awsui_modal-slide-up_1d2i7_nzsqa_1 var(--motion-duration-slow-0273ow, 180ms) ease-out, awsui_awsui-motion-fade-in-0_1d2i7_nzsqa_1 var(--motion-duration-slow-0273ow, 180ms) ease-out;
   animation-delay: var(--motion-duration-fast-nk2ap0, 90ms);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1q6b4_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_nzsqa_1 {
   from {
     opacity: 0;
   }
@@ -116,22 +116,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_1q6b4_105:not(#\9) {
+  .awsui_dialog_1d2i7_nzsqa_105:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_1q6b4_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1q6b4_105:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_nzsqa_105:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_nzsqa_105:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dialog_1d2i7_1q6b4_105.awsui_refresh_1d2i7_1q6b4_128:not(#\9) {
-  animation: awsui_awsui-motion-scale-popup_1d2i7_1q6b4_1, awsui_awsui-motion-fade-in-0_1d2i7_1q6b4_1;
+.awsui_dialog_1d2i7_nzsqa_105.awsui_refresh_1d2i7_nzsqa_128:not(#\9) {
+  animation: awsui_awsui-motion-scale-popup_1d2i7_nzsqa_1, awsui_awsui-motion-fade-in-0_1d2i7_nzsqa_1;
   animation-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
   animation-timing-function: var(--motion-easing-refresh-only-a-sy0g8m, cubic-bezier(0, 0, 0, 1));
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_1d2i7_1q6b4_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1d2i7_nzsqa_1 {
   from {
     opacity: 0;
   }
@@ -139,7 +139,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     opacity: 1;
   }
 }
-@keyframes awsui_awsui-motion-scale-popup_1d2i7_1q6b4_1 {
+@keyframes awsui_awsui-motion-scale-popup_1d2i7_nzsqa_1 {
   0% {
     transform: scale(0.95);
   }
@@ -148,21 +148,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dialog_1d2i7_1q6b4_105.awsui_refresh_1d2i7_1q6b4_128:not(#\9) {
+  .awsui_dialog_1d2i7_nzsqa_105.awsui_refresh_1d2i7_nzsqa_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dialog_1d2i7_1q6b4_105.awsui_refresh_1d2i7_1q6b4_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_1q6b4_105.awsui_refresh_1d2i7_1q6b4_128:not(#\9) {
+.awsui-motion-disabled .awsui_dialog_1d2i7_nzsqa_105.awsui_refresh_1d2i7_nzsqa_128:not(#\9), .awsui-mode-entering .awsui_dialog_1d2i7_nzsqa_105.awsui_refresh_1d2i7_nzsqa_128:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1d2i7_1q6b4_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_1d2i7_1q6b4_1 var(--motion-duration-extra-slow-8ks5rs, 270ms) ease-out;
+.awsui_root_1d2i7_nzsqa_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_1d2i7_nzsqa_1 var(--motion-duration-extra-slow-8ks5rs, 270ms) ease-out;
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in_1d2i7_1q6b4_1 {
+@keyframes awsui_awsui-motion-fade-in_1d2i7_nzsqa_1 {
   from {
     opacity: 0.2;
   }
@@ -171,25 +171,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_1q6b4_161:not(#\9) {
+  .awsui_root_1d2i7_nzsqa_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_1q6b4_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1q6b4_161:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_nzsqa_161:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_nzsqa_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1d2i7_1q6b4_161.awsui_refresh_1d2i7_1q6b4_128:not(#\9) {
+.awsui_root_1d2i7_nzsqa_161.awsui_refresh_1d2i7_nzsqa_128:not(#\9) {
   animation-duration: var(--motion-duration-refresh-only-fast-addxjd, 115ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_root_1d2i7_1q6b4_161.awsui_refresh_1d2i7_1q6b4_128:not(#\9) {
+  .awsui_root_1d2i7_nzsqa_161.awsui_refresh_1d2i7_nzsqa_128:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_root_1d2i7_1q6b4_161.awsui_refresh_1d2i7_1q6b4_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_1q6b4_161.awsui_refresh_1d2i7_1q6b4_128:not(#\9) {
+.awsui-motion-disabled .awsui_root_1d2i7_nzsqa_161.awsui_refresh_1d2i7_nzsqa_128:not(#\9), .awsui-mode-entering .awsui_root_1d2i7_nzsqa_161.awsui_refresh_1d2i7_nzsqa_128:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -198,7 +198,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_1d2i7_1q6b4_161:not(#\9) {
+.awsui_root_1d2i7_nzsqa_161:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -247,11 +247,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: auto;
   cursor: pointer;
 }
-.awsui_root_1d2i7_1q6b4_161.awsui_hidden_1d2i7_1q6b4_224:not(#\9) {
+.awsui_root_1d2i7_nzsqa_161.awsui_hidden_1d2i7_nzsqa_224:not(#\9) {
   display: none;
 }
 
-.awsui_focus-lock_1d2i7_1q6b4_228:not(#\9) {
+.awsui_focus-lock_1d2i7_nzsqa_228:not(#\9) {
   align-self: flex-start;
   margin: auto;
   padding: var(--space-s-hv8c1d, 12px) 0;
@@ -259,7 +259,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 
-.awsui_dialog_1d2i7_1q6b4_105:not(#\9) {
+.awsui_dialog_1d2i7_nzsqa_105:not(#\9) {
   position: static;
   top: 0;
   transform: translate(0, 0);
@@ -269,21 +269,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   z-index: 5000;
   pointer-events: all;
 }
-.awsui_dialog_1d2i7_1q6b4_105.awsui_small_1d2i7_1q6b4_246:not(#\9) {
+.awsui_dialog_1d2i7_nzsqa_105.awsui_small_1d2i7_nzsqa_246:not(#\9) {
   max-width: 320px;
 }
-.awsui_dialog_1d2i7_1q6b4_105.awsui_medium_1d2i7_1q6b4_249:not(#\9) {
+.awsui_dialog_1d2i7_nzsqa_105.awsui_medium_1d2i7_nzsqa_249:not(#\9) {
   max-width: 600px;
 }
-.awsui_dialog_1d2i7_1q6b4_105.awsui_large_1d2i7_1q6b4_252:not(#\9) {
+.awsui_dialog_1d2i7_nzsqa_105.awsui_large_1d2i7_nzsqa_252:not(#\9) {
   max-width: 820px;
 }
-.awsui_dialog_1d2i7_1q6b4_105.awsui_max_1d2i7_1q6b4_255.awsui_breakpoint-xs_1d2i7_1q6b4_255:not(#\9) {
+.awsui_dialog_1d2i7_nzsqa_105.awsui_max_1d2i7_nzsqa_255.awsui_breakpoint-xs_1d2i7_nzsqa_255:not(#\9) {
   max-width: calc(100vw - (2 * 4 * 10px + var(--space-xxxl-bo9z7f, 40px)));
   margin: auto;
 }
 
-.awsui_container_1d2i7_1q6b4_260:not(#\9) {
+.awsui_container_1d2i7_nzsqa_260:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -328,44 +328,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_container_1d2i7_1q6b4_260:not(#\9) {
+  .awsui_container_1d2i7_nzsqa_260:not(#\9) {
     border: var(--border-field-width-idlekx, 2px) solid var(--color-border-container-top-srcvx4, transparent);
   }
 }
 
-.awsui_content_1d2i7_1q6b4_284:not(#\9) {
-  padding: var(--space-container-content-top-fsd8nr, 0px) var(--space-modal-horizontal-738tw9, 24px) var(--space-modal-content-bottom-cecclv, 16px);
+.awsui_content_1d2i7_nzsqa_284:not(#\9) {
+  padding: var(--space-container-content-top-fsd8nr, 0px) var(--space-modal-horizontal-ah0xld, 20px) var(--space-modal-content-bottom-cecclv, 16px);
 }
-.awsui_content_1d2i7_1q6b4_284.awsui_no-paddings_1d2i7_1q6b4_287:not(#\9) {
+.awsui_content_1d2i7_nzsqa_284.awsui_no-paddings_1d2i7_nzsqa_287:not(#\9) {
   padding: 0;
 }
 
-.awsui_header_1d2i7_1q6b4_291:not(#\9) {
-  padding: var(--space-s-hv8c1d, 12px) var(--space-modal-horizontal-738tw9, 24px);
+.awsui_header_1d2i7_nzsqa_291:not(#\9) {
+  padding: var(--space-s-hv8c1d, 12px) var(--space-modal-horizontal-ah0xld, 20px);
   background-color: var(--color-background-container-header-4flbq5, #ffffff);
   border-bottom: 1px solid var(--color-border-container-divider-4ade7z, transparent);
   border-radius: var(--border-radius-container-gh9ysk, 16px) var(--border-radius-container-gh9ysk, 16px) 0 0;
 }
 
-.awsui_header--text_1d2i7_1q6b4_298:not(#\9) {
+.awsui_header--text_1d2i7_nzsqa_298:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_footer_1d2i7_1q6b4_302:not(#\9) {
+.awsui_footer_1d2i7_nzsqa_302:not(#\9) {
   border-top: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
-  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-ddrezg, 24px);
+  padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_footer_1d2i7_1q6b4_302:not(#\9):after {
+.awsui_footer_1d2i7_nzsqa_302:not(#\9):after {
   content: "";
   display: table;
   clear: both;
 }
 
-.awsui_dismiss-control_1d2i7_1q6b4_312:not(#\9) {
+.awsui_dismiss-control_1d2i7_nzsqa_312:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_modal-open_1d2i7_1q6b4_316:not(#\9) {
+.awsui_modal-open_1d2i7_nzsqa_316:not(#\9) {
   overflow: hidden;
   /*
    * When padding-right is added to account for scrollbar being turned

package/modal/styles.selectors.js

@@ -2,27 +2,27 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "dialog": "awsui_dialog_1d2i7_1q6b4_105",
-  "modal-slide-up": "awsui_modal-slide-up_1d2i7_1q6b4_1",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_1q6b4_1",
-  "refresh": "awsui_refresh_1d2i7_1q6b4_128",
-  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_1q6b4_1",
-  "root": "awsui_root_1d2i7_1q6b4_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_1q6b4_1",
-  "hidden": "awsui_hidden_1d2i7_1q6b4_224",
-  "focus-lock": "awsui_focus-lock_1d2i7_1q6b4_228",
-  "small": "awsui_small_1d2i7_1q6b4_246",
-  "medium": "awsui_medium_1d2i7_1q6b4_249",
-  "large": "awsui_large_1d2i7_1q6b4_252",
-  "max": "awsui_max_1d2i7_1q6b4_255",
-  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_1q6b4_255",
-  "container": "awsui_container_1d2i7_1q6b4_260",
-  "content": "awsui_content_1d2i7_1q6b4_284",
-  "no-paddings": "awsui_no-paddings_1d2i7_1q6b4_287",
-  "header": "awsui_header_1d2i7_1q6b4_291",
-  "header--text": "awsui_header--text_1d2i7_1q6b4_298",
-  "footer": "awsui_footer_1d2i7_1q6b4_302",
-  "dismiss-control": "awsui_dismiss-control_1d2i7_1q6b4_312",
-  "modal-open": "awsui_modal-open_1d2i7_1q6b4_316"
+  "dialog": "awsui_dialog_1d2i7_nzsqa_105",
+  "modal-slide-up": "awsui_modal-slide-up_1d2i7_nzsqa_1",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1d2i7_nzsqa_1",
+  "refresh": "awsui_refresh_1d2i7_nzsqa_128",
+  "awsui-motion-scale-popup": "awsui_awsui-motion-scale-popup_1d2i7_nzsqa_1",
+  "root": "awsui_root_1d2i7_nzsqa_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_1d2i7_nzsqa_1",
+  "hidden": "awsui_hidden_1d2i7_nzsqa_224",
+  "focus-lock": "awsui_focus-lock_1d2i7_nzsqa_228",
+  "small": "awsui_small_1d2i7_nzsqa_246",
+  "medium": "awsui_medium_1d2i7_nzsqa_249",
+  "large": "awsui_large_1d2i7_nzsqa_252",
+  "max": "awsui_max_1d2i7_nzsqa_255",
+  "breakpoint-xs": "awsui_breakpoint-xs_1d2i7_nzsqa_255",
+  "container": "awsui_container_1d2i7_nzsqa_260",
+  "content": "awsui_content_1d2i7_nzsqa_284",
+  "no-paddings": "awsui_no-paddings_1d2i7_nzsqa_287",
+  "header": "awsui_header_1d2i7_nzsqa_291",
+  "header--text": "awsui_header--text_1d2i7_nzsqa_298",
+  "footer": "awsui_footer_1d2i7_nzsqa_302",
+  "dismiss-control": "awsui_dismiss-control_1d2i7_nzsqa_312",
+  "modal-open": "awsui_modal-open_1d2i7_nzsqa_316"
 };
   

package/package.json

@@ -112,6 +112,6 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.149",
+  "version": "3.0.150",
   "license": "Apache-2.0"
 }

package/table/body-cell/index.d.ts

@@ -12,8 +12,10 @@ interface TableBodyCellProps {
     isNextSelected: boolean;
     isPrevSelected: boolean;
     children?: React.ReactNode;
+    hasSelection?: boolean;
+    hasFooter?: boolean;
 }
-export declare function TableBodyCell({ className, style, children, wrapLines, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, isEvenRow, stripedRows, }: TableBodyCellProps): JSX.Element;
+export declare function TableBodyCell({ className, style, children, wrapLines, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, isEvenRow, stripedRows, hasSelection, hasFooter, }: TableBodyCellProps): JSX.Element;
 interface TableBodyCellContentProps<ItemType> extends TableBodyCellProps {
     column: TableProps.ColumnDefinition<ItemType>;
     item: ItemType;

package/table/body-cell/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,WAAW,GACZ,EAAE,kBAAkB,eAmBpB;AAED,UAAU,yBAAyB,CAAC,QAAQ,CAAE,SAAQ,kBAAkB;IACtE,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,yBAAyB,CAAC,QAAQ,CAAC,eAE5G"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAG3C,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,WAAW,EACX,YAAY,EACZ,SAAS,GACV,EAAE,kBAAkB,eAyBpB;AAED,UAAU,yBAAyB,CAAC,QAAQ,CAAE,SAAQ,kBAAkB;IACtE,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC9C,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,yBAAyB,CAAC,QAAQ,CAAC,eAE5G"}

package/table/body-cell/index.js

@@ -4,9 +4,11 @@ import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
 import styles from './styles.css.js';
 import React from 'react';
+import { useVisualRefresh } from '../../internal/hooks/use-visual-mode';
 export function TableBodyCell(_a) {
-    var className = _a.className, style = _a.style, children = _a.children, wrapLines = _a.wrapLines, isFirstRow = _a.isFirstRow, isLastRow = _a.isLastRow, isSelected = _a.isSelected, isNextSelected = _a.isNextSelected, isPrevSelected = _a.isPrevSelected, isEvenRow = _a.isEvenRow, stripedRows = _a.stripedRows;
-    return (React.createElement("td", { style: style, className: clsx(className, styles['body-cell'], wrapLines && styles['body-cell-wrap'], isFirstRow && styles['body-cell-first-row'], isLastRow && styles['body-cell-last-row'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded']) }, children));
+    var className = _a.className, style = _a.style, children = _a.children, wrapLines = _a.wrapLines, isFirstRow = _a.isFirstRow, isLastRow = _a.isLastRow, isSelected = _a.isSelected, isNextSelected = _a.isNextSelected, isPrevSelected = _a.isPrevSelected, isEvenRow = _a.isEvenRow, stripedRows = _a.stripedRows, hasSelection = _a.hasSelection, hasFooter = _a.hasFooter;
+    var isVisualRefresh = useVisualRefresh();
+    return (React.createElement("td", { style: style, className: clsx(className, styles['body-cell'], wrapLines && styles['body-cell-wrap'], isFirstRow && styles['body-cell-first-row'], isLastRow && styles['body-cell-last-row'], isSelected && styles['body-cell-selected'], isNextSelected && styles['body-cell-next-selected'], isPrevSelected && styles['body-cell-prev-selected'], !isEvenRow && stripedRows && styles['body-cell-shaded'], stripedRows && styles['has-striped-rows'], isVisualRefresh && styles['is-visual-refresh'], hasSelection && styles['has-selection'], hasFooter && styles['has-footer']) }, children));
 }
 export function TableBodyCellContent(_a) {
     var item = _a.item, column = _a.column, rest = __rest(_a, ["item", "column"]);

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,MAAM,UAAU,aAAa,CAAC,EAYT;QAXnB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA;IAEX,OAAO,CACL,4BACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,WAAW,CAAC,EACnB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACzC,UAAU,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAC1C,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,CAAC,SAAS,IAAI,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,CACxD,IAEA,QAAQ,CACN,CACN,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,oBAAoB,CAAW,EAA8D;IAA5D,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAvB,kBAAyB,CAAF;IACpE,OAAO,oBAAC,aAAa,eAAK,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAiB,CAAC;AACtE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport React from 'react';\nimport { TableProps } from '../interfaces';\n\ninterface TableBodyCellProps {\n  className?: string;\n  style?: React.CSSProperties;\n  wrapLines: boolean | undefined;\n  isFirstRow: boolean;\n  isLastRow: boolean;\n  isEvenRow?: boolean;\n  stripedRows?: boolean;\n  isSelected: boolean;\n  isNextSelected: boolean;\n  isPrevSelected: boolean;\n  children?: React.ReactNode;\n}\n\nexport function TableBodyCell({\n  className,\n  style,\n  children,\n  wrapLines,\n  isFirstRow,\n  isLastRow,\n  isSelected,\n  isNextSelected,\n  isPrevSelected,\n  isEvenRow,\n  stripedRows,\n}: TableBodyCellProps) {\n  return (\n    <td\n      style={style}\n      className={clsx(\n        className,\n        styles['body-cell'],\n        wrapLines && styles['body-cell-wrap'],\n        isFirstRow && styles['body-cell-first-row'],\n        isLastRow && styles['body-cell-last-row'],\n        isSelected && styles['body-cell-selected'],\n        isNextSelected && styles['body-cell-next-selected'],\n        isPrevSelected && styles['body-cell-prev-selected'],\n        !isEvenRow && stripedRows && styles['body-cell-shaded']\n      )}\n    >\n      {children}\n    </td>\n  );\n}\n\ninterface TableBodyCellContentProps<ItemType> extends TableBodyCellProps {\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n}\n\nexport function TableBodyCellContent<ItemType>({ item, column, ...rest }: TableBodyCellContentProps<ItemType>) {\n  return <TableBodyCell {...rest}>{column.cell(item)}</TableBodyCell>;\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/body-cell/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AAkBxE,MAAM,UAAU,aAAa,CAAC,EAcT;QAbnB,SAAS,eAAA,EACT,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,IAAM,eAAe,GAAG,gBAAgB,EAAE,CAAC;IAE3C,OAAO,CACL,4BACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAI,CACb,SAAS,EACT,MAAM,CAAC,WAAW,CAAC,EACnB,SAAS,IAAI,MAAM,CAAC,gBAAgB,CAAC,EACrC,UAAU,IAAI,MAAM,CAAC,qBAAqB,CAAC,EAC3C,SAAS,IAAI,MAAM,CAAC,oBAAoB,CAAC,EACzC,UAAU,IAAI,MAAM,CAAC,oBAAoB,CAAC,EAC1C,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,cAAc,IAAI,MAAM,CAAC,yBAAyB,CAAC,EACnD,CAAC,SAAS,IAAI,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACvD,WAAW,IAAI,MAAM,CAAC,kBAAkB,CAAC,EACzC,eAAe,IAAI,MAAM,CAAC,mBAAmB,CAAC,EAC9C,YAAY,IAAI,MAAM,CAAC,eAAe,CAAC,EACvC,SAAS,IAAI,MAAM,CAAC,YAAY,CAAC,CAClC,IAEA,QAAQ,CACN,CACN,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,oBAAoB,CAAW,EAA8D;IAA5D,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAvB,kBAAyB,CAAF;IACpE,OAAO,oBAAC,aAAa,eAAK,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAiB,CAAC;AACtE,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport styles from './styles.css.js';\nimport React from 'react';\nimport { TableProps } from '../interfaces';\nimport { useVisualRefresh } from '../../internal/hooks/use-visual-mode';\n\ninterface TableBodyCellProps {\n  className?: string;\n  style?: React.CSSProperties;\n  wrapLines: boolean | undefined;\n  isFirstRow: boolean;\n  isLastRow: boolean;\n  isEvenRow?: boolean;\n  stripedRows?: boolean;\n  isSelected: boolean;\n  isNextSelected: boolean;\n  isPrevSelected: boolean;\n  children?: React.ReactNode;\n  hasSelection?: boolean;\n  hasFooter?: boolean;\n}\n\nexport function TableBodyCell({\n  className,\n  style,\n  children,\n  wrapLines,\n  isFirstRow,\n  isLastRow,\n  isSelected,\n  isNextSelected,\n  isPrevSelected,\n  isEvenRow,\n  stripedRows,\n  hasSelection,\n  hasFooter,\n}: TableBodyCellProps) {\n  const isVisualRefresh = useVisualRefresh();\n\n  return (\n    <td\n      style={style}\n      className={clsx(\n        className,\n        styles['body-cell'],\n        wrapLines && styles['body-cell-wrap'],\n        isFirstRow && styles['body-cell-first-row'],\n        isLastRow && styles['body-cell-last-row'],\n        isSelected && styles['body-cell-selected'],\n        isNextSelected && styles['body-cell-next-selected'],\n        isPrevSelected && styles['body-cell-prev-selected'],\n        !isEvenRow && stripedRows && styles['body-cell-shaded'],\n        stripedRows && styles['has-striped-rows'],\n        isVisualRefresh && styles['is-visual-refresh'],\n        hasSelection && styles['has-selection'],\n        hasFooter && styles['has-footer']\n      )}\n    >\n      {children}\n    </td>\n  );\n}\n\ninterface TableBodyCellContentProps<ItemType> extends TableBodyCellProps {\n  column: TableProps.ColumnDefinition<ItemType>;\n  item: ItemType;\n}\n\nexport function TableBodyCellContent<ItemType>({ item, column, ...rest }: TableBodyCellContentProps<ItemType>) {\n  return <TableBodyCell {...rest}>{column.cell(item)}</TableBodyCell>;\n}\n"]}

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

@@ -1,13 +1,17 @@
 
     import './styles.scoped.css';
     export default {
-  "body-cell": "awsui_body-cell_c6tup_5nryh_9",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_5nryh_18",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_5nryh_31",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_5nryh_34",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_5nryh_37",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_5nryh_40",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_5nryh_59",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_5nryh_63"
+  "body-cell": "awsui_body-cell_c6tup_9o7yk_9",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_9o7yk_18",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_9o7yk_30",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_9o7yk_33",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_9o7yk_33",
+  "has-footer": "awsui_has-footer_c6tup_9o7yk_33",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_9o7yk_43",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_9o7yk_65",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_9o7yk_69",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_9o7yk_98",
+  "has-selection": "awsui_has-selection_c6tup_9o7yk_114",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_9o7yk_117"
 };
   

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

@@ -6,7 +6,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_body-cell_c6tup_5nryh_9:not(#\9) {
+.awsui_body-cell_c6tup_9o7yk_9:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-scaled-xs-6859qs, 8px) var(--space-scaled-l-t03y3z, 20px) calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
@@ -15,72 +15,108 @@
   word-wrap: break-word;
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_body-cell_c6tup_5nryh_9:not(#\9):not(.awsui_body-cell-wrap_c6tup_5nryh_18) {
+.awsui_body-cell_c6tup_9o7yk_9:not(#\9):not(.awsui_body-cell-wrap_c6tup_9o7yk_18) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_body-cell_c6tup_5nryh_9:not(#\9):first-child {
+.awsui_body-cell_c6tup_9o7yk_9:not(#\9):first-child {
   border-left: var(--border-item-width-qbbbsa, 2px) solid transparent;
-  padding-left: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-qbbbsa, 2px));
 }
-.awsui_body-cell_c6tup_5nryh_9:not(#\9):last-child {
+.awsui_body-cell_c6tup_9o7yk_9:not(#\9):last-child {
   border-right: var(--border-item-width-qbbbsa, 2px) solid transparent;
   padding-right: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-qbbbsa, 2px));
 }
-.awsui_body-cell-first-row_c6tup_5nryh_31:not(#\9) {
+.awsui_body-cell-first-row_c6tup_9o7yk_30:not(#\9) {
   border-top: var(--border-item-width-qbbbsa, 2px) solid transparent;
 }
-.awsui_body-cell-last-row_c6tup_5nryh_34:not(#\9) {
+.awsui_body-cell-last-row_c6tup_9o7yk_33:not(#\9):not(.awsui_body-cell-selected_c6tup_9o7yk_33):not(.awsui_has-footer_c6tup_9o7yk_33) {
   border-bottom: var(--border-item-width-qbbbsa, 2px) solid transparent;
 }
-.awsui_body-cell-shaded_c6tup_5nryh_37:not(#\9) {
+.awsui_body-cell-last-row_c6tup_9o7yk_33:not(#\9):not(.awsui_body-cell-selected_c6tup_9o7yk_33).awsui_has-footer_c6tup_9o7yk_33 {
+  /*
+  Add a bottom border to the body cells of the last row as a separator between the 
+  table and the footer
+  */
+  border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
+}
+.awsui_body-cell-shaded_c6tup_9o7yk_43:not(#\9) {
   background: var(--color-background-cell-shaded-26ubfj, #f8f8f8);
 }
-.awsui_body-cell-selected_c6tup_5nryh_40:not(#\9) {
+.awsui_body-cell-selected_c6tup_9o7yk_33:not(#\9) {
   background-color: var(--color-background-item-selected-ebt4bi, #f2f8fd);
   border-top: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   border-bottom: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   padding-bottom: var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_body-cell-selected_c6tup_5nryh_40:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_9o7yk_33:not(#\9):first-child {
   border-left: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   border-radius: var(--border-radius-item-u2ibpi, 8px) 0 0 var(--border-radius-item-u2ibpi, 8px);
 }
-.awsui_body-cell-selected_c6tup_5nryh_40:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_9o7yk_33:not(#\9):last-child {
   border-right: var(--border-item-width-qbbbsa, 2px) solid var(--color-border-item-selected-ppkssz, #0972d3);
   border-radius: 0 var(--border-radius-item-u2ibpi, 8px) var(--border-radius-item-u2ibpi, 8px) 0;
 }
-.awsui_body-cell-selected_c6tup_5nryh_40:not(#\9):not(:first-child) {
+.awsui_body-cell-selected_c6tup_9o7yk_33:not(#\9):not(:first-child) {
   padding-top: calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
 );
 }
-.awsui_body-cell_c6tup_5nryh_9:not(#\9):not(.awsui_body-cell-selected_c6tup_5nryh_40).awsui_body-cell-next-selected_c6tup_5nryh_59 {
+.awsui_body-cell_c6tup_9o7yk_9:not(#\9):not(.awsui_body-cell-selected_c6tup_9o7yk_33).awsui_body-cell-next-selected_c6tup_9o7yk_65 {
   border-bottom: 0;
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) + var(--border-divider-list-width-hacikr, 1px));
 }
-.awsui_body-cell-selected_c6tup_5nryh_40.awsui_body-cell-prev-selected_c6tup_5nryh_63:not(#\9) {
+.awsui_body-cell-selected_c6tup_9o7yk_33.awsui_body-cell-prev-selected_c6tup_9o7yk_69:not(#\9) {
   padding-top: calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-qbbbsa, 2px) - var(--border-divider-list-width-hacikr, 1px))
 );
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-item-placeholder-jgzhnb, #0972d3);
 }
-.awsui_body-cell-selected_c6tup_5nryh_40.awsui_body-cell-next-selected_c6tup_5nryh_59:not(#\9) {
+.awsui_body-cell-selected_c6tup_9o7yk_33.awsui_body-cell-next-selected_c6tup_9o7yk_65:not(#\9) {
   border-bottom-width: var(--border-divider-list-width-hacikr, 1px);
 }
-.awsui_body-cell-selected_c6tup_5nryh_40.awsui_body-cell-next-selected_c6tup_5nryh_59:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_9o7yk_33.awsui_body-cell-next-selected_c6tup_9o7yk_65:not(#\9):first-child {
   border-bottom-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_5nryh_40.awsui_body-cell-next-selected_c6tup_5nryh_59:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_9o7yk_33.awsui_body-cell-next-selected_c6tup_9o7yk_65:not(#\9):last-child {
   border-bottom-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_5nryh_40.awsui_body-cell-prev-selected_c6tup_5nryh_63:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_9o7yk_33.awsui_body-cell-prev-selected_c6tup_9o7yk_69:not(#\9):first-child {
   border-top-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_5nryh_40.awsui_body-cell-prev-selected_c6tup_5nryh_63:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_9o7yk_33.awsui_body-cell-prev-selected_c6tup_9o7yk_69:not(#\9):last-child {
   border-top-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_5nryh_40:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_5nryh_63) {
+.awsui_body-cell-selected_c6tup_9o7yk_33:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_9o7yk_69) {
   padding-top: var(--space-scaled-xs-6859qs, 8px);
+}
+
+/*
+In Visual Refresh the first cell of each row should align with the 
+left edge of the table as closely as possible.
+*/
+.awsui_body-cell_c6tup_9o7yk_9:not(#\9):not(.awsui_is-visual-refresh_c6tup_9o7yk_98):first-child {
+  padding-left: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-qbbbsa, 2px));
+}
+
+.awsui_body-cell_c6tup_9o7yk_9.awsui_is-visual-refresh_c6tup_9o7yk_98:not(#\9) {
+  /*
+  Remove the placeholder border if the row is not selectable. 
+  Rows that are not selectable will reserve the horizontal space 
+  that the placeholder border would consume.
+  */
+  /*
+  Striped rows requires additional left padding because the 
+  shaded background makes the child content appear too close 
+  to the table edge.
+  */
+}
+.awsui_body-cell_c6tup_9o7yk_9.awsui_is-visual-refresh_c6tup_9o7yk_98:not(#\9):first-child:not(.awsui_has-selection_c6tup_9o7yk_114) {
+  border-left: none;
+}
+.awsui_body-cell_c6tup_9o7yk_9.awsui_is-visual-refresh_c6tup_9o7yk_98:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_9o7yk_117) {
+  padding-left: var(--space-xxxs-k2w98v, 2px);
+}
+.awsui_body-cell_c6tup_9o7yk_9.awsui_is-visual-refresh_c6tup_9o7yk_98:not(#\9):first-child.awsui_has-striped-rows_c6tup_9o7yk_117 {
+  padding-left: var(--space-xxs-ynfts5, 4px);
 }

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

@@ -2,13 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "body-cell": "awsui_body-cell_c6tup_5nryh_9",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_5nryh_18",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_5nryh_31",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_5nryh_34",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_5nryh_37",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_5nryh_40",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_5nryh_59",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_5nryh_63"
+  "body-cell": "awsui_body-cell_c6tup_9o7yk_9",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_9o7yk_18",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_9o7yk_30",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_9o7yk_33",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_9o7yk_33",
+  "has-footer": "awsui_has-footer_c6tup_9o7yk_33",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_9o7yk_43",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_9o7yk_65",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_9o7yk_69",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_9o7yk_98",
+  "has-selection": "awsui_has-selection_c6tup_9o7yk_114",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_9o7yk_117"
 };