npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.286 → 3.0.287 - Mend

@cloudscape-design/components-themeable 3.0.286 → 3.0.287

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (69) hide show

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -465,6 +465,7 @@
   --motion-duration-slow-0273ow:180ms;
   --motion-duration-transition-quick-x85tae:90ms;
   --motion-duration-transition-show-paced-ai4wlf:180ms;
+  --motion-duration-transition-show-quick-w3nd9c:90ms;
   --motion-easing-ease-out-quart-z687ml:cubic-bezier(0.165, 0.84, 0.44, 1);
   --motion-easing-refresh-only-a-sy0g8m:cubic-bezier(0, 0, 0, 1);
   --motion-easing-refresh-only-b-nspng9:cubic-bezier(1, 0, 0.83, 1);
@@ -591,6 +592,8 @@
   --shadow-split-side-dzdo00:0 1px 1px 0 rgba(0, 28, 36, 0.3), 1px 1px 1px 0 rgba(0, 28, 36, 0.15), -1px 1px 1px 0 rgba(0, 28, 36, 0.15);
   --shadow-sticky-thyisb:0px 1px 4px -2px rgba(0, 28, 36, 0.5);
   --shadow-sticky-embedded-5acv0s:0px 1px 4px -2px rgba(0, 28, 36, 0.5);
+  --shadow-sticky-column-first-wg40pz:4px 0 8px 0 rgba(0, 28, 36, 0.1);
+  --shadow-sticky-column-last-ew47wj:-4px 0 8px 0 rgba(0, 28, 36, 0.1);
 }
 .awsui-dark-mode:not(#\9) {
@@ -936,6 +939,8 @@
   --shadow-split-side-dzdo00:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
   --shadow-sticky-thyisb:0px 1px 4px -2px rgba(0, 0, 0, 0.5);
   --shadow-sticky-embedded-5acv0s:0px 1px 4px -2px rgba(0, 0, 0, 0.5);
+  --shadow-sticky-column-first-wg40pz:4px 0 8px 0 rgba(0, 0, 0, 0.5);
+  --shadow-sticky-column-last-ew47wj:-4px 0 8px 0 rgba(0, 0, 0, 0.5);
 }
 .awsui-compact-mode:not(#\9) {
@@ -986,6 +991,7 @@
   --motion-duration-slow-0273ow:0ms;
   --motion-duration-transition-quick-x85tae:0ms;
   --motion-duration-transition-show-paced-ai4wlf:0ms;
+  --motion-duration-transition-show-quick-w3nd9c:0ms;
   --motion-duration-responsive-6gesm2:0ms;
   --motion-duration-expressive-7zlqxq:0ms;
   --motion-duration-complex-0dbuo2:0ms;
@@ -1538,6 +1544,8 @@
   --shadow-split-side-dzdo00:-1px 0px 1px 0px #e9ebed, -36px 6px 36px -36px rgba(0, 7, 22, 0.10);
   --shadow-sticky-thyisb:0px 4px 20px 1px rgba(0, 7, 22, 0.10);
   --shadow-sticky-embedded-5acv0s:0px 2px 0px 0px #e9ebed, 0px 16px 16px -12px rgba(0, 7, 22, 0.10);
+  --shadow-sticky-column-first-wg40pz:4px 0px 20px 1px rgba(0, 7, 22, 0.1);
+  --shadow-sticky-column-last-ew47wj:-4px 0 20px 1px rgba(0, 28, 36, 0.1);
 }
 .awsui-dark-mode.awsui-visual-refresh:not(#\9) {
@@ -1744,6 +1752,8 @@
   --shadow-split-side-dzdo00:-1px 0px 1px 0px #192534, -36px 6px 36px -36px rgba(0, 7, 22, 1);
   --shadow-sticky-thyisb:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-sticky-embedded-5acv0s:0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1);
+  --shadow-sticky-column-first-wg40pz:0px 4px 20px 1px rgba(0, 7, 22, 1);
+  --shadow-sticky-column-last-ew47wj:0px 4px 20px 1px rgba(0, 7, 22, 1);
 }
 .awsui-compact-mode.awsui-visual-refresh:not(#\9) {
@@ -2365,6 +2375,8 @@
   --shadow-split-side-dzdo00:-1px 0px 1px 0px #192534, -36px 6px 36px -36px rgba(0, 7, 22, 1);
   --shadow-sticky-thyisb:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-sticky-embedded-5acv0s:0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1);
+  --shadow-sticky-column-first-wg40pz:0px 4px 20px 1px rgba(0, 7, 22, 1);
+  --shadow-sticky-column-last-ew47wj:0px 4px 20px 1px rgba(0, 7, 22, 1);
 }
 .awsui-context-content-header.awsui-visual-refresh:not(#\9) {
@@ -2560,6 +2572,8 @@
   --shadow-split-side-dzdo00:-1px 0px 1px 0px #192534, -36px 6px 36px -36px rgba(0, 7, 22, 1);
   --shadow-sticky-thyisb:0px 4px 20px 1px rgba(0, 7, 22, 1);
   --shadow-sticky-embedded-5acv0s:0px 2px 0px 0px #414d5c, 0px 16px 16px -12px rgba(0, 7, 22, 1);
+  --shadow-sticky-column-first-wg40pz:0px 4px 20px 1px rgba(0, 7, 22, 1);
+  --shadow-sticky-column-last-ew47wj:0px 4px 20px 1px rgba(0, 7, 22, 1);
 }
 .awsui-visual-refresh .awsui-context-flashbar:not(#\9) {

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,6 +1,6 @@
     export var PACKAGE_SOURCE = 'components';
-    export var PACKAGE_VERSION = '3.0.0 (ab0fde2)';
+    export var PACKAGE_VERSION = '3.0.0 (5be17e4)';
     export var THEME = 'open-source-visual-refresh';
     export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/table/body-cell/styles.css.js CHANGED Viewed

@@ -1,28 +1,33 @@
     import './styles.scoped.css';
     export default {
-  "body-cell": "awsui_body-cell_c6tup_1kk8d_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1kk8d_103",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1kk8d_115",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_1kk8d_127",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1kk8d_130",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_1kk8d_130",
-  "has-selection": "awsui_has-selection_c6tup_1kk8d_136",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1kk8d_142",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1kk8d_145",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_1kk8d_145",
-  "has-footer": "awsui_has-footer_c6tup_1kk8d_145",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1kk8d_155",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1kk8d_177",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1kk8d_181",
-  "body-cell-success": "awsui_body-cell-success_c6tup_1kk8d_205",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_1kk8d_205",
-  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1kk8d_227",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1kk8d_227",
-  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1kk8d_236",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1kk8d_236",
-  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1kk8d_246",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1kk8d_246",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1kk8d_259"
+  "body-cell": "awsui_body-cell_c6tup_acs3p_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_acs3p_103",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_acs3p_115",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_acs3p_127",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_acs3p_130",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_acs3p_130",
+  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_acs3p_136",
+  "has-selection": "awsui_has-selection_c6tup_acs3p_139",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_acs3p_145",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_acs3p_148",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_acs3p_148",
+  "has-footer": "awsui_has-footer_c6tup_acs3p_148",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_acs3p_158",
+  "sticky-cell": "awsui_sticky-cell_c6tup_acs3p_175",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_acs3p_183",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_acs3p_200",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_acs3p_204",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_acs3p_227",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_acs3p_231",
+  "body-cell-success": "awsui_body-cell-success_c6tup_acs3p_255",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_acs3p_255",
+  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_acs3p_277",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_acs3p_277",
+  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_acs3p_286",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_acs3p_286",
+  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_acs3p_296",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_acs3p_296",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_acs3p_315"
 };

package/lib/internal/template/table/body-cell/styles.scoped.css CHANGED Viewed

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9) {
+.awsui_body-cell_c6tup_acs3p_93: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-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
@@ -100,19 +100,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   font-weight: inherit;
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_1kk8d_103) {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_acs3p_103) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child {
   border-left: var(--border-item-width-yvnixs, 1px) solid transparent;
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):last-child {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):last-child {
   border-right: var(--border-item-width-yvnixs, 1px) solid transparent;
   padding-right: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-yvnixs, 1px));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child {
   /*
     Striped rows requires additional left padding because the
     shaded background makes the child content appear too close
@@ -124,85 +124,135 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
     that the placeholder border would consume.
     */
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1kk8d_127) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_acs3p_127) {
   padding-left: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1kk8d_127):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130).awsui_body-cell-editable_c6tup_1kk8d_130:hover {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_acs3p_127):not(.awsui_body-cell-edit-active_c6tup_acs3p_130).awsui_body-cell-editable_c6tup_acs3p_130:hover {
   padding-left: calc(var(--space-xxxs-k2w98v, 2px) + var(--border-divider-list-width-hacikr, 1px));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_1kk8d_127 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_acs3p_127 {
   padding-left: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_1kk8d_136):not(.awsui_body-cell-editable_c6tup_1kk8d_130) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:first-child.awsui_has-striped-rows-sticky-cell-pad-left_c6tup_acs3p_136 {
+  padding-left: var(--space-table-horizontal-njdbej, 0px);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):first-child:not(.awsui_has-selection_c6tup_acs3p_139):not(.awsui_body-cell-editable_c6tup_acs3p_130) {
   border-left: none;
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_1kk8d_115) {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_acs3p_115) {
   padding-left: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-yvnixs, 1px));
 }
-.awsui_body-cell-first-row_c6tup_1kk8d_142:not(#\9) {
+.awsui_body-cell-first-row_c6tup_acs3p_145:not(#\9) {
   border-top: var(--border-item-width-yvnixs, 1px) solid transparent;
 }
-.awsui_body-cell-last-row_c6tup_1kk8d_145:not(#\9):not(.awsui_body-cell-selected_c6tup_1kk8d_145):not(.awsui_has-footer_c6tup_1kk8d_145) {
+.awsui_body-cell-last-row_c6tup_acs3p_148:not(#\9):not(.awsui_body-cell-selected_c6tup_acs3p_148):not(.awsui_has-footer_c6tup_acs3p_148) {
   border-bottom: var(--border-item-width-yvnixs, 1px) solid transparent;
 }
-.awsui_body-cell-last-row_c6tup_1kk8d_145:not(#\9):not(.awsui_body-cell-selected_c6tup_1kk8d_145).awsui_has-footer_c6tup_1kk8d_145 {
+.awsui_body-cell-last-row_c6tup_acs3p_148:not(#\9):not(.awsui_body-cell-selected_c6tup_acs3p_148).awsui_has-footer_c6tup_acs3p_148 {
   /*
   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-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_body-cell-shaded_c6tup_1kk8d_155:not(#\9) {
+.awsui_body-cell-shaded_c6tup_acs3p_158:not(#\9) {
   background: var(--color-background-cell-shaded-y6pwcp, #f2f3f3);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9) {
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9) {
   background-color: var(--color-background-item-selected-fva7ca, #f1faff);
   border-top: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
   border-bottom: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
   padding-bottom: var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):first-child {
   border-left: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
   border-radius: var(--border-radius-item-wjpc1f, 0px) 0 0 var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):last-child {
   border-right: var(--border-item-width-yvnixs, 1px) solid var(--color-border-item-selected-592lau, #0073bb);
   border-radius: 0 var(--border-radius-item-wjpc1f, 0px) var(--border-radius-item-wjpc1f, 0px) 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9):not(:first-child) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+  position: sticky;
+  background: var(--color-background-container-content-o88wxm, #ffffff);
+  z-index: 798;
+  transition-property: padding;
+  transition-duration: var(--motion-duration-transition-show-quick-w3nd9c, 90ms);
+  transition-timing-function: var(--motion-easing-sticky-ckeqjc, ease-out);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell-pad-left_c6tup_acs3p_183:not(#\9):not(.awsui_has-selection_c6tup_acs3p_139):not(.awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:first-child.awsui_has-striped-rows_c6tup_acs3p_127) {
+  padding-left: var(--space-table-horizontal-njdbej, 0px);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-shaded_c6tup_acs3p_158:not(#\9) {
+  background: var(--color-background-cell-shaded-y6pwcp, #f2f3f3);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9) {
+  background-color: var(--color-background-item-selected-fva7ca, #f1faff);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):first-child {
+  box-shadow: 0 0 0 4px var(--color-background-container-content-o88wxm, #ffffff);
+  clip-path: inset(0 0 0 0);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):last-child {
+  box-shadow: 4px 0 0 0 var(--color-background-container-content-o88wxm, #ffffff);
+  clip-path: inset(0 0 0 0);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):last-child.awsui_sticky-cell-last-right_c6tup_acs3p_200 {
+  box-shadow: var(--shadow-sticky-column-last-ew47wj, -4px 0 8px 0 rgba(0, 28, 36, 0.1)), 8px 0 0 0 var(--color-background-container-content-o88wxm, #ffffff);
+  clip-path: inset(0 0 0 -24px);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell-last-left_c6tup_acs3p_204:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-first-wg40pz, 4px 0 8px 0 rgba(0, 28, 36, 0.1));
+  clip-path: inset(0px -24px 0px 0px);
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell-last-right_c6tup_acs3p_200:not(#\9) {
+  box-shadow: var(--shadow-sticky-column-last-ew47wj, -4px 0 8px 0 rgba(0, 28, 36, 0.1));
+  clip-path: inset(0 0 0 -24px);
+}
+@media (prefers-reduced-motion: reduce) {
+  .awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+    animation: none;
+    transition: none;
+  }
+}
+.awsui-motion-disabled .awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175:not(#\9), .awsui-mode-entering .awsui_body-cell_c6tup_acs3p_93.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+  animation: none;
+  transition: none;
+}
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):not(:first-child) {
   padding-top: calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
 );
 }
-.awsui_body-cell_c6tup_1kk8d_93:not(#\9):not(.awsui_body-cell-selected_c6tup_1kk8d_145).awsui_body-cell-next-selected_c6tup_1kk8d_177 {
+.awsui_body-cell_c6tup_acs3p_93:not(#\9):not(.awsui_body-cell-selected_c6tup_acs3p_148).awsui_body-cell-next-selected_c6tup_acs3p_227 {
   border-bottom: 0;
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) + var(--border-divider-list-width-hacikr, 1px));
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-prev-selected_c6tup_1kk8d_181:not(#\9) {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-prev-selected_c6tup_acs3p_231:not(#\9) {
   padding-top: calc(
   var(--space-scaled-xs-6859qs, 8px) + (var(--border-item-width-yvnixs, 1px) - var(--border-divider-list-width-hacikr, 1px))
 );
   border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-item-placeholder-wtgwev, transparent);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-next-selected_c6tup_1kk8d_177:not(#\9) {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-next-selected_c6tup_acs3p_227:not(#\9) {
   border-bottom-width: var(--border-divider-list-width-hacikr, 1px);
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-next-selected_c6tup_1kk8d_177:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-next-selected_c6tup_acs3p_227:not(#\9):first-child {
   border-bottom-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-next-selected_c6tup_1kk8d_177:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-next-selected_c6tup_acs3p_227:not(#\9):last-child {
   border-bottom-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-prev-selected_c6tup_1kk8d_181:not(#\9):first-child {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-prev-selected_c6tup_acs3p_231:not(#\9):first-child {
   border-top-left-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145.awsui_body-cell-prev-selected_c6tup_1kk8d_181:not(#\9):last-child {
+.awsui_body-cell-selected_c6tup_acs3p_148.awsui_body-cell-prev-selected_c6tup_acs3p_231:not(#\9):last-child {
   border-top-right-radius: 0;
 }
-.awsui_body-cell-selected_c6tup_1kk8d_145:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_1kk8d_181) {
+.awsui_body-cell-selected_c6tup_acs3p_148:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_acs3p_231) {
   padding-top: var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_body-cell-success_c6tup_1kk8d_205:not(#\9), .awsui_body-cell-editor_c6tup_1kk8d_205:not(#\9) {
+.awsui_body-cell-success_c6tup_acs3p_255:not(#\9), .awsui_body-cell-editor_c6tup_acs3p_255:not(#\9) {
   top: 0;
   right: 0;
   bottom: 0;
@@ -218,62 +268,68 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-right: calc(var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px));
   color: var(--color-text-button-normal-default-kwrutp, #545b64);
 }
-.awsui_body-cell-success_c6tup_1kk8d_205:not(#\9):hover, .awsui_body-cell-editor_c6tup_1kk8d_205:not(#\9):hover {
+.awsui_body-cell-success_c6tup_acs3p_255:not(#\9):hover, .awsui_body-cell-editor_c6tup_acs3p_255:not(#\9):hover {
   color: var(--color-text-button-normal-hover-de4793, #16191f);
 }
-.awsui_body-cell-success_c6tup_1kk8d_205:not(#\9):active, .awsui_body-cell-editor_c6tup_1kk8d_205:not(#\9):active {
+.awsui_body-cell-success_c6tup_acs3p_255:not(#\9):active, .awsui_body-cell-editor_c6tup_acs3p_255:not(#\9):active {
   color: var(--color-text-button-normal-active-hvhe2o, #16191f);
 }
-.awsui_body-cell-success-form_c6tup_1kk8d_227:not(#\9), .awsui_body-cell-editor-form_c6tup_1kk8d_227:not(#\9) {
+.awsui_body-cell-success-form_c6tup_acs3p_277:not(#\9), .awsui_body-cell-editor-form_c6tup_acs3p_277:not(#\9) {
   margin: calc(-1 * var(--space-xs-rsr2qu, 8px)) calc(-1.5 * var(--space-xs-rsr2qu, 8px));
 }
-.awsui_is-visual-refresh_c6tup_1kk8d_115.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1kk8d_127 > .awsui_body-cell-success-form_c6tup_1kk8d_227, .awsui_is-visual-refresh_c6tup_1kk8d_115.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_1kk8d_127 > .awsui_body-cell-editor-form_c6tup_1kk8d_227 {
+.awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_acs3p_127 > .awsui_body-cell-success-form_c6tup_acs3p_277, .awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_acs3p_127 > .awsui_body-cell-editor-form_c6tup_acs3p_277 {
   margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
 }
-.awsui_is-visual-refresh_c6tup_1kk8d_115.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1kk8d_127) > .awsui_body-cell-success-form_c6tup_1kk8d_227, .awsui_is-visual-refresh_c6tup_1kk8d_115.awsui_body-cell_c6tup_1kk8d_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_1kk8d_127) > .awsui_body-cell-editor-form_c6tup_1kk8d_227 {
+.awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_acs3p_127) > .awsui_body-cell-success-form_c6tup_acs3p_277, .awsui_is-visual-refresh_c6tup_acs3p_115.awsui_body-cell_c6tup_acs3p_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_acs3p_127) > .awsui_body-cell-editor-form_c6tup_acs3p_277 {
   margin-left: calc(-1 * var(--space-xxxs-k2w98v, 2px));
 }
-.awsui_body-cell-success-row_c6tup_1kk8d_236:not(#\9), .awsui_body-cell-editor-row_c6tup_1kk8d_236:not(#\9) {
+.awsui_body-cell-success-row_c6tup_acs3p_286:not(#\9), .awsui_body-cell-editor-row_c6tup_acs3p_286:not(#\9) {
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   justify-content: space-between;
   column-gap: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_body-cell-success-row_c6tup_1kk8d_236 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_1kk8d_236 > :not(#\9):not(:last-child) {
+.awsui_body-cell-success-row_c6tup_acs3p_286 > :not(#\9):not(:last-child), .awsui_body-cell-editor-row_c6tup_acs3p_286 > :not(#\9):not(:last-child) {
   flex-grow: 1;
 }
-.awsui_body-cell-success-controls_c6tup_1kk8d_246:not(#\9), .awsui_body-cell-editor-controls_c6tup_1kk8d_246:not(#\9) {
+.awsui_body-cell-success-controls_c6tup_acs3p_296:not(#\9), .awsui_body-cell-editor-controls_c6tup_acs3p_296:not(#\9) {
   flex-shrink: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9) {
   position: relative;
   cursor: pointer;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130.awsui_body-cell-edit-active_c6tup_1kk8d_130:not(#\9) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+  position: sticky;
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130.awsui_body-cell-edit-active_c6tup_acs3p_130:not(#\9) {
   overflow: visible;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130) > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130.awsui_body-cell-edit-active_c6tup_acs3p_130.awsui_sticky-cell_c6tup_acs3p_175:not(#\9) {
+  position: sticky;
+}
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130) > .awsui_body-cell-editor_c6tup_acs3p_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130).awsui_body-cell-has-success_c6tup_1kk8d_259 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130).awsui_body-cell-has-success_c6tup_acs3p_315 {
   padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within {
   padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
   position: relative;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within > .awsui_body-cell-editor_c6tup_acs3p_255 {
   opacity: 1;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within > .awsui_body-cell-success_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within > .awsui_body-cell-success_c6tup_acs3p_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)) - 1px);
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):focus-within::before {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):focus-within::before {
   content: " ";
   display: block;
   position: absolute;
@@ -284,7 +340,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-hekmgc, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover {
   position: relative;
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
   border: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-control-default-bwkbmv, #879596);
@@ -292,38 +348,38 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: calc(-1 * var(--border-divider-list-width-hacikr, 1px));
   padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover > .awsui_body-cell-editor_c6tup_acs3p_255 {
   opacity: 1;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover > .awsui_body-cell-success_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover > .awsui_body-cell-success_c6tup_acs3p_255 {
   opacity: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover:first-child {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover:first-child {
   left: 0;
   right: 0;
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover > .awsui_body-cell-editor_c6tup_acs3p_255 {
   padding-right: calc(var(--space-xs-rsr2qu, 8px) + var(--space-xxs-ynfts5, 4px) - (2 * var(--border-divider-list-width-hacikr, 1px)));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-last-row_c6tup_1kk8d_145.awsui_body-cell-selected_c6tup_1kk8d_145, .awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-next-selected_c6tup_1kk8d_177 {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-last-row_c6tup_acs3p_148.awsui_body-cell-selected_c6tup_acs3p_148, .awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-next-selected_c6tup_acs3p_227 {
   padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px) / 2));
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px) / 2));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-last-row_c6tup_1kk8d_145:not(.awsui_body-cell-selected_c6tup_1kk8d_145) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-last-row_c6tup_acs3p_148:not(.awsui_body-cell-selected_c6tup_acs3p_148) {
   padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
 }
-.awsui_body-cell_c6tup_1kk8d_93.awsui_body-cell-editable_c6tup_1kk8d_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-first-row_c6tup_1kk8d_142:not(.awsui_body-cell-selected_c6tup_1kk8d_145) {
+.awsui_body-cell_c6tup_acs3p_93.awsui_body-cell-editable_c6tup_acs3p_130:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-first-row_c6tup_acs3p_145:not(.awsui_body-cell-selected_c6tup_acs3p_148) {
   padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
   padding-bottom: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
 }
-.awsui_body-cell-editable_c6tup_1kk8d_130.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover:first-child {
+.awsui_body-cell-editable_c6tup_acs3p_130.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover:first-child {
   border-top-left-radius: var(--border-radius-item-wjpc1f, 0px);
   border-bottom-left-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_body-cell-editable_c6tup_1kk8d_130.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover:last-child {
+.awsui_body-cell-editable_c6tup_acs3p_130.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover:last-child {
   border-top-right-radius: var(--border-radius-item-wjpc1f, 0px);
   border-bottom-right-radius: var(--border-radius-item-wjpc1f, 0px);
 }
-.awsui_body-cell-editable_c6tup_1kk8d_130.awsui_is-visual-refresh_c6tup_1kk8d_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_1kk8d_130):hover.awsui_body-cell-first-row_c6tup_1kk8d_142 > .awsui_body-cell-editor_c6tup_1kk8d_205 {
+.awsui_body-cell-editable_c6tup_acs3p_130.awsui_is-visual-refresh_c6tup_acs3p_115:not(#\9):not(.awsui_body-cell-edit-active_c6tup_acs3p_130):hover.awsui_body-cell-first-row_c6tup_acs3p_145 > .awsui_body-cell-editor_c6tup_acs3p_255 {
   padding-top: var(--border-divider-list-width-hacikr, 1px);
 }

package/lib/internal/template/table/body-cell/styles.selectors.js CHANGED Viewed

@@ -2,28 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "body-cell": "awsui_body-cell_c6tup_1kk8d_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_1kk8d_103",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_1kk8d_115",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_1kk8d_127",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_1kk8d_130",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_1kk8d_130",
-  "has-selection": "awsui_has-selection_c6tup_1kk8d_136",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_1kk8d_142",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_1kk8d_145",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_1kk8d_145",
-  "has-footer": "awsui_has-footer_c6tup_1kk8d_145",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_1kk8d_155",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_1kk8d_177",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_1kk8d_181",
-  "body-cell-success": "awsui_body-cell-success_c6tup_1kk8d_205",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_1kk8d_205",
-  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_1kk8d_227",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_1kk8d_227",
-  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_1kk8d_236",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_1kk8d_236",
-  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_1kk8d_246",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_1kk8d_246",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_1kk8d_259"
+  "body-cell": "awsui_body-cell_c6tup_acs3p_93",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_acs3p_103",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_acs3p_115",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_acs3p_127",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_acs3p_130",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_acs3p_130",
+  "has-striped-rows-sticky-cell-pad-left": "awsui_has-striped-rows-sticky-cell-pad-left_c6tup_acs3p_136",
+  "has-selection": "awsui_has-selection_c6tup_acs3p_139",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_acs3p_145",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_acs3p_148",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_acs3p_148",
+  "has-footer": "awsui_has-footer_c6tup_acs3p_148",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_acs3p_158",
+  "sticky-cell": "awsui_sticky-cell_c6tup_acs3p_175",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_c6tup_acs3p_183",
+  "sticky-cell-last-right": "awsui_sticky-cell-last-right_c6tup_acs3p_200",
+  "sticky-cell-last-left": "awsui_sticky-cell-last-left_c6tup_acs3p_204",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_acs3p_227",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_acs3p_231",
+  "body-cell-success": "awsui_body-cell-success_c6tup_acs3p_255",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_acs3p_255",
+  "body-cell-success-form": "awsui_body-cell-success-form_c6tup_acs3p_277",
+  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_acs3p_277",
+  "body-cell-success-row": "awsui_body-cell-success-row_c6tup_acs3p_286",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_acs3p_286",
+  "body-cell-success-controls": "awsui_body-cell-success-controls_c6tup_acs3p_296",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_acs3p_296",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_acs3p_315"
 };

package/lib/internal/template/table/body-cell/td-element.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
 import React from 'react';
+import { StickyColumnsModel } from '../use-sticky-columns';
 export interface TableTdElementProps {
     className?: string;
     style?: React.CSSProperties;
@@ -18,6 +19,8 @@ export interface TableTdElementProps {
     stripedRows?: boolean;
     hasSelection?: boolean;
     hasFooter?: boolean;
+    columnId: string;
+    stickyState: StickyColumnsModel;
     isVisualRefresh?: boolean;
 }
 export declare const TableTdElement: React.ForwardRefExoticComponent<TableTdElementProps & React.RefAttributes<HTMLTableCellElement>>;

package/lib/internal/template/table/body-cell/td-element.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAG1B~~,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,~~kGA6D1B~~,CAAC"}
1	+ {"version":3,"file":"td-element.d.ts","sourceRoot":"lib/default/","sources":["table/body-cell/td-element.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,kBAAkB,EAAuB,MAAM,uBAAuB,CAAC;AAGhF,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,IAAI,CACrB,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,EAC3F,OAAO,GAAG,WAAW,GAAG,SAAS,CAClC,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,kBAAkB,CAAC;IAChC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,eAAO,MAAM,cAAc,kGA6E1B,CAAC"}

package/lib/internal/template/table/body-cell/td-element.js CHANGED Viewed

@@ -3,12 +3,26 @@
 import clsx from 'clsx';
 import React from 'react';
 import styles from './styles.css.js';
-export const TableTdElement = React.forwardRef(({ className, style, children, wrapLines, isRowHeader, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, nativeAttributes, onClick, onMouseEnter, onMouseLeave, isEvenRow, stripedRows, isVisualRefresh, hasSelection, hasFooter, }, ref) => {
+import { useStickyCellStyles } from '../use-sticky-columns';
+import { getStickyClassNames } from '../utils.js';
+export const TableTdElement = React.forwardRef(({ className, style, children, wrapLines, isRowHeader, isFirstRow, isLastRow, isSelected, isNextSelected, isPrevSelected, nativeAttributes, onClick, onMouseEnter, onMouseLeave, isEvenRow, stripedRows, isVisualRefresh, hasSelection, hasFooter, columnId, stickyState, }, ref) => {
     let Element = 'td';
     if (isRowHeader) {
         Element = 'th';
         nativeAttributes = Object.assign(Object.assign({}, nativeAttributes), { scope: 'row' });
     }
-    return (React.createElement(Element, Object.assign({ 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']), onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: ref }, nativeAttributes), children));
+    const stickyStyles = useStickyCellStyles({
+        stickyColumns: stickyState,
+        columnId,
+        getClassName: props => getStickyClassNames(styles, props),
+    });
+    return (React.createElement(Element, Object.assign({ style: Object.assign(Object.assign({}, style), stickyStyles.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'], stickyStyles.className), onClick: onClick, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, ref: node => {
+            if (node) {
+                stickyStyles.ref(node);
+                if (ref) {
+                    ref.current = node;
+                }
+            }
+        } }, nativeAttributes), children));
 });
 //# sourceMappingURL=td-element.js.map