@cloudscape-design/components 3.0.154 → 3.0.156

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

@@ -6,91 +6,7 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/* 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 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
-.awsui_body-cell_c6tup_17cg6_93: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))
@@ -99,207 +15,108 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   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_17cg6_93:not(#\9):not(.awsui_body-cell-wrap_c6tup_17cg6_102) {
+.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_17cg6_93:not(#\9):first-child {
+.awsui_body-cell_c6tup_9o7yk_9:not(#\9):first-child {
   border-left: var(--border-item-width-qbbbsa, 2px) solid transparent;
 }
-.awsui_body-cell_c6tup_17cg6_93: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_c6tup_17cg6_93.awsui_is-visual-refresh_c6tup_17cg6_114:not(#\9):first-child {
-  /*
-    Striped rows requires additional left padding because the
-    shaded background makes the child content appear too close
-    to the table edge.
-    */
-  /*
-    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.
-    */
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_is-visual-refresh_c6tup_17cg6_114:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_17cg6_126) {
-  padding-left: var(--space-xxxs-k2w98v, 2px);
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_is-visual-refresh_c6tup_17cg6_114:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_17cg6_126):not(.awsui_body-cell-edit-active_c6tup_17cg6_129).awsui_body-cell-editable_c6tup_17cg6_129:hover {
-  padding-left: calc(var(--space-xxxs-k2w98v, 2px) + var(--border-divider-list-width-hacikr, 1px));
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_is-visual-refresh_c6tup_17cg6_114:not(#\9):first-child:first-child.awsui_has-striped-rows_c6tup_17cg6_126 {
-  padding-left: var(--space-xxs-ynfts5, 4px);
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_is-visual-refresh_c6tup_17cg6_114:not(#\9):first-child:not(.awsui_has-selection_c6tup_17cg6_135):not(.awsui_body-cell-editable_c6tup_17cg6_129) {
-  border-left: none;
-}
-.awsui_body-cell_c6tup_17cg6_93:not(#\9):first-child:not(.awsui_is-visual-refresh_c6tup_17cg6_114) {
-  padding-left: calc(var(--space-l-4vl6xu, 20px) - var(--border-item-width-qbbbsa, 2px));
-}
-.awsui_body-cell-first-row_c6tup_17cg6_141: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_17cg6_144:not(#\9):not(.awsui_body-cell-selected_c6tup_17cg6_144):not(.awsui_has-footer_c6tup_17cg6_144) {
+.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-last-row_c6tup_17cg6_144:not(#\9):not(.awsui_body-cell-selected_c6tup_17cg6_144).awsui_has-footer_c6tup_17cg6_144 {
+.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
+  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_17cg6_154:not(#\9) {
+.awsui_body-cell-shaded_c6tup_9o7yk_43:not(#\9) {
   background: var(--color-background-cell-shaded-26ubfj, #f8f8f8);
 }
-.awsui_body-cell-selected_c6tup_17cg6_144: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_17cg6_144: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_17cg6_144: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_17cg6_144: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_17cg6_93:not(#\9):not(.awsui_body-cell-selected_c6tup_17cg6_144).awsui_body-cell-next-selected_c6tup_17cg6_176 {
+.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_17cg6_144.awsui_body-cell-prev-selected_c6tup_17cg6_180: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_17cg6_144.awsui_body-cell-next-selected_c6tup_17cg6_176: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_17cg6_144.awsui_body-cell-next-selected_c6tup_17cg6_176: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_17cg6_144.awsui_body-cell-next-selected_c6tup_17cg6_176: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_17cg6_144.awsui_body-cell-prev-selected_c6tup_17cg6_180: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_17cg6_144.awsui_body-cell-prev-selected_c6tup_17cg6_180: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_17cg6_144:not(#\9):not(.awsui_body-cell-prev-selected_c6tup_17cg6_180) {
+.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);
 }
-.awsui_body-cell-editor_c6tup_17cg6_204:not(#\9) {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  position: absolute;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding-right: var(--space-xs-rsr2qu, 8px);
-}
-.awsui_body-cell-editor-form_c6tup_17cg6_214:not(#\9) {
-  margin: calc(-1 * var(--space-xs-rsr2qu, 8px)) calc(-1.5 * var(--space-xs-rsr2qu, 8px));
-}
-.awsui_is-visual-refresh_c6tup_17cg6_114.awsui_body-cell_c6tup_17cg6_93:not(#\9):first-child.awsui_has-striped-rows_c6tup_17cg6_126 > .awsui_body-cell-editor-form_c6tup_17cg6_214 {
-  margin-left: calc(-1 * var(--space-xxs-ynfts5, 4px));
-}
-.awsui_is-visual-refresh_c6tup_17cg6_114.awsui_body-cell_c6tup_17cg6_93:not(#\9):first-child:not(.awsui_has-striped-rows_c6tup_17cg6_126) > .awsui_body-cell-editor-form_c6tup_17cg6_214 {
-  margin-left: calc(-1 * var(--space-xxxs-k2w98v, 2px));
-}
-.awsui_body-cell-editor-row_c6tup_17cg6_223: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-editor-row_c6tup_17cg6_223 > :not(#\9):not(:last-child) {
-  flex-grow: 1;
-}
-.awsui_body-cell-editor-controls_c6tup_17cg6_233:not(#\9) {
-  flex-shrink: 0;
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9) {
-  position: relative;
-  cursor: pointer;
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129.awsui_body-cell-edit-active_c6tup_17cg6_129:not(#\9) {
-  overflow: visible;
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129) > .awsui_body-cell-editor_c6tup_17cg6_204 {
-  opacity: 0;
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover {
-  position: relative;
-  background-color: var(--color-background-dropdown-item-hover-mqsxkv, #f4f4f4);
-  border: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-control-default-m3lmsh, #7d8998);
-  left: calc(-1 * var(--border-divider-list-width-hacikr, 1px));
-  right: calc(-1 * var(--border-divider-list-width-hacikr, 1px));
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover > .awsui_body-cell-editor_c6tup_17cg6_204 {
-  padding-right: calc(var(--space-xs-rsr2qu, 8px) - (2 * var(--border-divider-list-width-hacikr, 1px)));
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover.awsui_body-cell-last-row_c6tup_17cg6_144.awsui_body-cell-selected_c6tup_17cg6_144, .awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover.awsui_body-cell-next-selected_c6tup_17cg6_176 {
-  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_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover.awsui_body-cell-last-row_c6tup_17cg6_144:not(.awsui_body-cell-selected_c6tup_17cg6_144) {
-  padding-top: calc(var(--space-scaled-xs-6859qs, 8px) - calc(var(--border-divider-list-width-hacikr, 1px)));
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover.awsui_body-cell-first-row_c6tup_17cg6_141:not(.awsui_body-cell-selected_c6tup_17cg6_144) {
-  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_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover, .awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129)[data-awsui-focus-visible=true]:focus-within {
-  padding-right: calc(var(--space-scaled-l-t03y3z, 20px) + var(--space-l-4vl6xu, 20px));
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover > .awsui_body-cell-editor_c6tup_17cg6_204, .awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129)[data-awsui-focus-visible=true]:focus-within > .awsui_body-cell-editor_c6tup_17cg6_204 {
-  opacity: 1;
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover:first-child {
-  left: 0;
-  right: 0;
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129)[data-awsui-focus-visible=true]:not(:hover):focus-within {
-  position: relative;
-}
-.awsui_body-cell_c6tup_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129)[data-awsui-focus-visible=true]:not(:hover):focus-within {
-  outline: 2px dotted transparent;
-  outline-offset: calc(calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)) - 1px);
+
+/*
+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_17cg6_93.awsui_body-cell-editable_c6tup_17cg6_129:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129)[data-awsui-focus-visible=true]:not(:hover):focus-within::before {
-  content: " ";
-  display: block;
-  position: absolute;
-  left: calc(-1 * calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)));
-  top: calc(-1 * calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)));
-  width: calc(100% + 2 * calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)));
-  height: calc(100% + 2 * calc(-1 * var(--space-scaled-xxs-95dhkm, 4px)));
-  border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
+
+.awsui_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-editable_c6tup_17cg6_129.awsui_is-visual-refresh_c6tup_17cg6_114:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover:first-child {
-  border-top-left-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
-  border-bottom-left-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
+.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-editable_c6tup_17cg6_129.awsui_is-visual-refresh_c6tup_17cg6_114:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover:last-child {
-  border-top-right-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
-  border-bottom-right-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
+.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-editable_c6tup_17cg6_129.awsui_is-visual-refresh_c6tup_17cg6_114:not(#\9):not(.awsui_body-cell-edit-active_c6tup_17cg6_129):hover.awsui_body-cell-first-row_c6tup_17cg6_141 > .awsui_body-cell-editor_c6tup_17cg6_204 {
-  padding-top: var(--border-divider-list-width-hacikr, 1px);
+.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,23 +2,17 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "body-cell": "awsui_body-cell_c6tup_17cg6_93",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_17cg6_102",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_17cg6_114",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_17cg6_126",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_17cg6_129",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_17cg6_129",
-  "has-selection": "awsui_has-selection_c6tup_17cg6_135",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_17cg6_141",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_17cg6_144",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_17cg6_144",
-  "has-footer": "awsui_has-footer_c6tup_17cg6_144",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_17cg6_154",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_17cg6_176",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_17cg6_180",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_17cg6_204",
-  "body-cell-editor-form": "awsui_body-cell-editor-form_c6tup_17cg6_214",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_17cg6_223",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_17cg6_233"
+  "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/header-cell/index.d.ts

@@ -1,14 +1,14 @@
 import React from 'react';
 import { TableProps } from '../interfaces';
-interface TableHeaderCellProps<ItemType, ValueType> {
+interface TableHeaderCellProps {
     className?: string;
     style?: React.CSSProperties;
     tabIndex: number;
-    column: TableProps.ColumnDefinition<ItemType, ValueType>;
-    activeSortingColumn?: TableProps.SortingColumn<ItemType>;
-    sortingDescending?: boolean;
-    sortingDisabled?: boolean;
-    wrapLines?: boolean;
+    column: TableProps.ColumnDefinition<any>;
+    activeSortingColumn: TableProps.SortingColumn<any> | undefined;
+    sortingDescending: boolean | undefined;
+    sortingDisabled: boolean | undefined;
+    wrapLines: boolean | undefined;
     showFocusRing: boolean;
     hidden?: boolean;
     onClick(detail: TableProps.SortingState<any>): void;
@@ -18,8 +18,7 @@ interface TableHeaderCellProps<ItemType, ValueType> {
     onFocus?: () => void;
     onBlur?: () => void;
     resizableColumns?: boolean;
-    isEditable?: boolean;
 }
-export declare function TableHeaderCell<ItemType, ValueType>({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, showFocusRing, hidden, onClick, colIndex, onFocus, onBlur, updateColumn, resizableColumns, onResizeFinish, isEditable, }: TableHeaderCellProps<ItemType, ValueType>): JSX.Element;
+export declare function TableHeaderCell({ className, style, tabIndex, column, activeSortingColumn, sortingDescending, sortingDisabled, wrapLines, showFocusRing, hidden, onClick, colIndex, onFocus, onBlur, updateColumn, resizableColumns, onResizeFinish, }: TableHeaderCellProps): JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,UAAU,oBAAoB,CAAC,QAAQ,EAAE,SAAS;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzD,mBAAmB,CAAC,EAAE,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzD,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,wBAAgB,eAAe,CAAC,QAAQ,EAAE,SAAS,EAAE,EACnD,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,aAAa,EACb,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACd,UAAU,GACX,EAAE,oBAAoB,CAAC,QAAQ,EAAE,SAAS,CAAC,eA0F3C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAM3C,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACzC,mBAAmB,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IAC/D,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,aAAa,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,MAAM,EAAE,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IACpD,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,EACN,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EACf,SAAS,EACT,aAAa,EACb,MAAM,EACN,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,YAAY,EACZ,gBAAgB,EAChB,cAAc,GACf,EAAE,oBAAoB,eAqFtB"}

package/table/header-cell/index.js

@@ -12,8 +12,7 @@ import { Resizer } from '../resizer';
 import { useUniqueId } from '../../internal/hooks/use-unique-id';
 export function TableHeaderCell(_a) {
     var _b, _c, _d;
-    var _e;
-    var className = _a.className, style = _a.style, tabIndex = _a.tabIndex, column = _a.column, activeSortingColumn = _a.activeSortingColumn, sortingDescending = _a.sortingDescending, sortingDisabled = _a.sortingDisabled, wrapLines = _a.wrapLines, showFocusRing = _a.showFocusRing, hidden = _a.hidden, onClick = _a.onClick, colIndex = _a.colIndex, onFocus = _a.onFocus, onBlur = _a.onBlur, updateColumn = _a.updateColumn, resizableColumns = _a.resizableColumns, onResizeFinish = _a.onResizeFinish, isEditable = _a.isEditable;
+    var className = _a.className, style = _a.style, tabIndex = _a.tabIndex, column = _a.column, activeSortingColumn = _a.activeSortingColumn, sortingDescending = _a.sortingDescending, sortingDisabled = _a.sortingDisabled, wrapLines = _a.wrapLines, showFocusRing = _a.showFocusRing, hidden = _a.hidden, onClick = _a.onClick, colIndex = _a.colIndex, onFocus = _a.onFocus, onBlur = _a.onBlur, updateColumn = _a.updateColumn, resizableColumns = _a.resizableColumns, onResizeFinish = _a.onResizeFinish;
     var focusVisible = useFocusVisible();
     var sortable = !!column.sortingComparator || !!column.sortingField;
     var sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);
@@ -55,10 +54,7 @@ export function TableHeaderCell(_a) {
                 })
                 : undefined }, (sortingDisabled || !sortingStatus
             ? (_d = {}, _d['aria-disabled'] = 'true', _d) : __assign(__assign({ onKeyPress: handleKeyPress, tabIndex: tabIndex, role: 'button' }, focusVisible), { onClick: handleClick, onFocus: onFocus, onBlur: onBlur }))),
-            React.createElement("div", { className: clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap']), id: headerId },
-                column.header,
-                isEditable ? (React.createElement("span", { className: styles['edit-icon'], role: "img", "aria-label": (_e = column.editConfig) === null || _e === void 0 ? void 0 : _e.editIconAriaLabel },
-                    React.createElement(InternalIcon, { name: "edit" }))) : null),
+            React.createElement("div", { className: clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap']), id: headerId }, column.header),
             sortingStatus && (React.createElement("span", { className: styles['sorting-icon'] },
                 React.createElement(InternalIcon, { name: getSortingIconName(sortingStatus) })))),
         resizableColumns && (React.createElement(React.Fragment, null,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getAriaSort, getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\n\ninterface TableHeaderCellProps<ItemType, ValueType> {\n  className?: string;\n  style?: React.CSSProperties;\n  tabIndex: number;\n  column: TableProps.ColumnDefinition<ItemType, ValueType>;\n  activeSortingColumn?: TableProps.SortingColumn<ItemType>;\n  sortingDescending?: boolean;\n  sortingDisabled?: boolean;\n  wrapLines?: boolean;\n  showFocusRing: boolean;\n  hidden?: boolean;\n  onClick(detail: TableProps.SortingState<any>): void;\n  onResizeFinish: () => void;\n  colIndex: number;\n  updateColumn: (colIndex: number, newWidth: number) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  resizableColumns?: boolean;\n  isEditable?: boolean;\n}\n\nexport function TableHeaderCell<ItemType, ValueType>({\n  className,\n  style,\n  tabIndex,\n  column,\n  activeSortingColumn,\n  sortingDescending,\n  sortingDisabled,\n  wrapLines,\n  showFocusRing,\n  hidden,\n  onClick,\n  colIndex,\n  onFocus,\n  onBlur,\n  updateColumn,\n  resizableColumns,\n  onResizeFinish,\n  isEditable,\n}: TableHeaderCellProps<ItemType, ValueType>) {\n  const focusVisible = useFocusVisible();\n  const sortable = !!column.sortingComparator || !!column.sortingField;\n  const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n  const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n  const handleClick = () =>\n    onClick({\n      sortingColumn: column,\n      isDescending: sorted ? !sortingDescending : false,\n    });\n\n  // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n  // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n  // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n  const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n    if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n      e.preventDefault();\n      handleClick();\n    }\n  };\n\n  const headerId = useUniqueId('table-header-');\n\n  return (\n    <th\n      className={clsx(className, {\n        [styles['header-cell-resizable']]: !!resizableColumns,\n        [styles['header-cell-sortable']]: sortingStatus,\n        [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n        [styles['header-cell-disabled']]: sortingDisabled,\n        [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n        [styles['header-cell-descending']]: sortingStatus === 'descending',\n        [styles['header-cell-hidden']]: hidden,\n      })}\n      aria-sort={sortingStatus && getAriaSort(sortingStatus)}\n      style={style}\n      scope=\"col\"\n    >\n      <div\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: showFocusRing && focusVisible['data-awsui-focus-visible'],\n        })}\n        aria-label={\n          column.ariaLabel\n            ? column.ariaLabel({\n                sorted: sorted,\n                descending: sorted && !!sortingDescending,\n                disabled: !!sortingDisabled,\n              })\n            : undefined\n        }\n        {...(sortingDisabled || !sortingStatus\n          ? { ['aria-disabled']: 'true' }\n          : {\n              onKeyPress: handleKeyPress,\n              tabIndex: tabIndex,\n              role: 'button',\n              ...focusVisible,\n              onClick: handleClick,\n              onFocus,\n              onBlur,\n            })}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {column.header}\n          {isEditable ? (\n            <span className={styles['edit-icon']} role=\"img\" aria-label={column.editConfig?.editIconAriaLabel}>\n              <InternalIcon name=\"edit\" />\n            </span>\n          ) : null}\n        </div>\n        {sortingStatus && (\n          <span className={styles['sorting-icon']}>\n            <InternalIcon name={getSortingIconName(sortingStatus)} />\n          </span>\n        )}\n      </div>\n      {resizableColumns && (\n        <>\n          <Resizer\n            onDragMove={newWidth => updateColumn(colIndex, newWidth)}\n            onFinish={onResizeFinish}\n            ariaLabelledby={headerId}\n            minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n          />\n        </>\n      )}\n    </th>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/table/header-cell/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport InternalIcon from '../../icon/internal';\nimport useFocusVisible from '../../internal/hooks/focus-visible';\nimport { KeyCode } from '../../internal/keycode';\nimport { TableProps } from '../interfaces';\nimport { getAriaSort, getSortingIconName, getSortingStatus, isSorted } from './utils';\nimport styles from './styles.css.js';\nimport { Resizer } from '../resizer';\nimport { useUniqueId } from '../../internal/hooks/use-unique-id';\n\ninterface TableHeaderCellProps {\n  className?: string;\n  style?: React.CSSProperties;\n  tabIndex: number;\n  column: TableProps.ColumnDefinition<any>;\n  activeSortingColumn: TableProps.SortingColumn<any> | undefined;\n  sortingDescending: boolean | undefined;\n  sortingDisabled: boolean | undefined;\n  wrapLines: boolean | undefined;\n  showFocusRing: boolean;\n  hidden?: boolean;\n  onClick(detail: TableProps.SortingState<any>): void;\n  onResizeFinish: () => void;\n  colIndex: number;\n  updateColumn: (colIndex: number, newWidth: number) => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n  resizableColumns?: boolean;\n}\n\nexport function TableHeaderCell({\n  className,\n  style,\n  tabIndex,\n  column,\n  activeSortingColumn,\n  sortingDescending,\n  sortingDisabled,\n  wrapLines,\n  showFocusRing,\n  hidden,\n  onClick,\n  colIndex,\n  onFocus,\n  onBlur,\n  updateColumn,\n  resizableColumns,\n  onResizeFinish,\n}: TableHeaderCellProps) {\n  const focusVisible = useFocusVisible();\n  const sortable = !!column.sortingComparator || !!column.sortingField;\n  const sorted = !!activeSortingColumn && isSorted(column, activeSortingColumn);\n  const sortingStatus = getSortingStatus(sortable, sorted, !!sortingDescending, !!sortingDisabled);\n  const handleClick = () =>\n    onClick({\n      sortingColumn: column,\n      isDescending: sorted ? !sortingDescending : false,\n    });\n\n  // Elements with role=\"button\" do not have the default behavior of <button>, where pressing\n  // Enter or Space will trigger a click event. Therefore we need to add this ourselves.\n  // The native <button> element cannot be used due to a misaligned implementation in Firefox:\n  // https://bugzilla.mozilla.org/show_bug.cgi?id=843003\n  const handleKeyPress = ({ nativeEvent: e }: React.KeyboardEvent) => {\n    if (e.keyCode === KeyCode.enter || e.keyCode === KeyCode.space) {\n      e.preventDefault();\n      handleClick();\n    }\n  };\n\n  const headerId = useUniqueId('table-header-');\n\n  return (\n    <th\n      className={clsx(className, {\n        [styles['header-cell-resizable']]: !!resizableColumns,\n        [styles['header-cell-sortable']]: sortingStatus,\n        [styles['header-cell-sorted']]: sortingStatus === 'ascending' || sortingStatus === 'descending',\n        [styles['header-cell-disabled']]: sortingDisabled,\n        [styles['header-cell-ascending']]: sortingStatus === 'ascending',\n        [styles['header-cell-descending']]: sortingStatus === 'descending',\n        [styles['header-cell-hidden']]: hidden,\n      })}\n      aria-sort={sortingStatus && getAriaSort(sortingStatus)}\n      style={style}\n      scope=\"col\"\n    >\n      <div\n        className={clsx(styles['header-cell-content'], {\n          [styles['header-cell-fake-focus']]: showFocusRing && focusVisible['data-awsui-focus-visible'],\n        })}\n        aria-label={\n          column.ariaLabel\n            ? column.ariaLabel({\n                sorted: sorted,\n                descending: sorted && !!sortingDescending,\n                disabled: !!sortingDisabled,\n              })\n            : undefined\n        }\n        {...(sortingDisabled || !sortingStatus\n          ? { ['aria-disabled']: 'true' }\n          : {\n              onKeyPress: handleKeyPress,\n              tabIndex: tabIndex,\n              role: 'button',\n              ...focusVisible,\n              onClick: handleClick,\n              onFocus,\n              onBlur,\n            })}\n      >\n        <div className={clsx(styles['header-cell-text'], wrapLines && styles['header-cell-text-wrap'])} id={headerId}>\n          {column.header}\n        </div>\n        {sortingStatus && (\n          <span className={styles['sorting-icon']}>\n            <InternalIcon name={getSortingIconName(sortingStatus)} />\n          </span>\n        )}\n      </div>\n      {resizableColumns && (\n        <>\n          <Resizer\n            onDragMove={newWidth => updateColumn(colIndex, newWidth)}\n            onFinish={onResizeFinish}\n            ariaLabelledby={headerId}\n            minWidth={typeof column.minWidth === 'string' ? parseInt(column.minWidth) : column.minWidth}\n          />\n        </>\n      )}\n    </th>\n  );\n}\n"]}

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

@@ -1,24 +1,23 @@
 
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_lzlsa_93",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_lzlsa_105",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_lzlsa_108",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_lzlsa_108",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_lzlsa_111",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_lzlsa_114",
-  "header-cell-resizable": "awsui_header-cell-resizable_1spae_lzlsa_126",
-  "sorting-icon": "awsui_sorting-icon_1spae_lzlsa_130",
-  "edit-icon": "awsui_edit-icon_1spae_lzlsa_137",
-  "header-cell-content": "awsui_header-cell-content_1spae_lzlsa_143",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_lzlsa_172",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_lzlsa_190",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_lzlsa_190",
-  "header-cell-text": "awsui_header-cell-text_1spae_lzlsa_204",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_lzlsa_204",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_lzlsa_210",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_lzlsa_211",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_lzlsa_221",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_lzlsa_232"
+  "header-cell": "awsui_header-cell_1spae_1d6sg_93",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1d6sg_105",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1d6sg_108",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1d6sg_108",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1d6sg_111",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1d6sg_114",
+  "header-cell-resizable": "awsui_header-cell-resizable_1spae_1d6sg_126",
+  "sorting-icon": "awsui_sorting-icon_1spae_1d6sg_130",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1d6sg_137",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1d6sg_137",
+  "header-cell-content": "awsui_header-cell-content_1spae_1d6sg_137",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1d6sg_170",
+  "header-cell-text": "awsui_header-cell-text_1spae_1d6sg_199",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1d6sg_199",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1d6sg_205",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_1d6sg_206",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1d6sg_216",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_1d6sg_227"
 };