@cloudscape-design/components 3.0.870 → 3.0.872

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

@@ -1,31 +1,33 @@
 
     import './styles.scoped.css';
     export default {
-  "header-cell": "awsui_header-cell_1spae_15zfd_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_15zfd_183",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_15zfd_204",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_15zfd_207",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_15zfd_207",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_15zfd_213",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_15zfd_216",
-  "sticky-cell": "awsui_sticky-cell_1spae_15zfd_219",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_15zfd_237",
-  "has-selection": "awsui_has-selection_1spae_15zfd_237",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_15zfd_240",
-  "resize-divider": "awsui_resize-divider_1spae_15zfd_245",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_15zfd_252",
-  "sorting-icon": "awsui_sorting-icon_1spae_15zfd_262",
-  "edit-icon": "awsui_edit-icon_1spae_15zfd_270",
-  "header-cell-content": "awsui_header-cell-content_1spae_15zfd_276",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_15zfd_282",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_15zfd_334",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_15zfd_334",
-  "header-cell-text": "awsui_header-cell-text_1spae_15zfd_348",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_15zfd_352",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_15zfd_358",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_15zfd_359",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_15zfd_369",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_15zfd_473",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_15zfd_473"
+  "header-cell": "awsui_header-cell_1spae_1c23e_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1c23e_183",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1c23e_204",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1c23e_207",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1c23e_207",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1c23e_213",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1c23e_216",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1c23e_216",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1c23e_216",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1c23e_219",
+  "sticky-cell": "awsui_sticky-cell_1spae_1c23e_222",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1c23e_240",
+  "has-selection": "awsui_has-selection_1spae_1c23e_240",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1c23e_243",
+  "resize-divider": "awsui_resize-divider_1spae_1c23e_248",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1c23e_255",
+  "sorting-icon": "awsui_sorting-icon_1spae_1c23e_265",
+  "edit-icon": "awsui_edit-icon_1spae_1c23e_273",
+  "header-cell-content": "awsui_header-cell-content_1spae_1c23e_279",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1c23e_285",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1c23e_337",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1c23e_337",
+  "header-cell-text": "awsui_header-cell-text_1spae_1c23e_351",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1c23e_355",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1c23e_361",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_1c23e_362",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_1c23e_476",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1c23e_476"
 };
   

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

@@ -146,7 +146,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_header-cell_1spae_15zfd_149:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149:not(#\9) {
   position: relative;
   text-align: start;
   box-sizing: border-box;
@@ -159,14 +159,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline: var(--space-scaled-xs-26e2du, 8px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -180,14 +180,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149:not(#\9):
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -201,22 +201,25 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_hea
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell-sticky_1spae_15zfd_204:not(#\9) {
+.awsui_header-cell-sticky_1spae_1c23e_204:not(#\9) {
   border-block-end: var(--border-table-sticky-width-87kf12, 1px) solid var(--color-border-divider-default-cx07f2, #c6c6cd);
 }
-.awsui_header-cell-stuck_1spae_15zfd_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_15zfd_207) {
+.awsui_header-cell-stuck_1spae_1c23e_207:not(#\9):not(.awsui_header-cell-variant-full-page_1spae_1c23e_207) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell-variant-full-page_1spae_15zfd_207:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_1c23e_207:not(#\9) {
   background: var(--color-background-layout-main-nqw91u, #ffffff);
 }
-.awsui_header-cell-variant-full-page_1spae_15zfd_207.awsui_header-cell-hidden_1spae_15zfd_213:not(#\9) {
+.awsui_header-cell-variant-full-page_1spae_1c23e_207.awsui_header-cell-hidden_1spae_1c23e_213:not(#\9) {
   border-block-end-color: transparent;
 }
-.awsui_header-cell_1spae_15zfd_149:not(#\9):last-child, .awsui_header-cell_1spae_15zfd_149.awsui_header-cell-sortable_1spae_15zfd_216:not(#\9) {
+.awsui_header-cell-variant-embedded_1spae_1c23e_216.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):not(.awsui_header-cell-sticky_1spae_1c23e_204), .awsui_header-cell-variant-borderless_1spae_1c23e_216.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):not(.awsui_header-cell-sticky_1spae_1c23e_204) {
+  background: none;
+}
+.awsui_header-cell_1spae_1c23e_149:not(#\9):last-child, .awsui_header-cell_1spae_1c23e_149.awsui_header-cell-sortable_1spae_1c23e_219:not(#\9) {
   padding-inline-end: var(--space-xs-zb16t3, 8px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell_1spae_15zfd_219:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell_1spae_1c23e_222:not(#\9) {
   position: sticky;
   background: var(--color-background-table-header-inc72b, #ffffff);
   z-index: 798;
@@ -225,41 +228,41 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_hea
   transition-timing-function: var(--motion-easing-sticky-56u8cd, cubic-bezier(1, 0, 0.83, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell_1spae_15zfd_219:not(#\9) {
+  .awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell_1spae_1c23e_222:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell_1spae_15zfd_219:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell_1spae_15zfd_219:not(#\9) {
+.awsui-motion-disabled .awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell_1spae_1c23e_222:not(#\9), .awsui-mode-entering .awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell_1spae_1c23e_222:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-pad-left_1spae_15zfd_237:not(#\9):not(.awsui_has-selection_1spae_15zfd_237) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-pad-left_1spae_1c23e_240:not(#\9):not(.awsui_has-selection_1spae_1c23e_240) {
   padding-inline-start: var(--space-table-horizontal-8davlm, 20px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-start_1spae_15zfd_240:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-start_1spae_1c23e_243:not(#\9) {
   box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0px -24px 0px 0px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-start_1spae_15zfd_240 > .awsui_resize-divider_1spae_15zfd_245:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-start_1spae_1c23e_243 > .awsui_resize-divider_1spae_1c23e_248:not(#\9) {
   display: none;
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-start_1spae_15zfd_240:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-start_1spae_1c23e_243:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-end_1spae_15zfd_252:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-end_1spae_1c23e_255:not(#\9) {
   box-shadow: var(--shadow-sticky-column-last-n170vw, -4px 0 8px 1px rgba(0, 28, 36, 0.1));
   clip-path: inset(0 0 0 -24px);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_sticky-cell-last-inline-end_1spae_15zfd_252:not(#\9):dir(rtl) {
+.awsui_header-cell_1spae_1c23e_149.awsui_sticky-cell-last-inline-end_1spae_1c23e_255:not(#\9):dir(rtl) {
   box-shadow: var(--shadow-sticky-column-first-039dqs, 4px 0px 8px 1px rgba(0, 7, 22, 0.1));
   clip-path: inset(0 -24px 0 0);
 }
 
-.awsui_sorting-icon_1spae_15zfd_262:not(#\9) {
+.awsui_sorting-icon_1spae_1c23e_265:not(#\9) {
   position: absolute;
   inset-block-start: 50%;
   transform: translateY(-50%);
@@ -267,36 +270,36 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_hea
   color: var(--color-text-column-sorting-icon-4y2if8, #424650);
 }
 
-.awsui_edit-icon_1spae_15zfd_270:not(#\9) {
+.awsui_edit-icon_1spae_1c23e_273:not(#\9) {
   margin-inline-start: var(--space-xxs-p8yyaw, 4px);
   margin-block-start: var(--space-scaled-xxs-7597g1, 4px);
   color: inherit;
 }
 
-.awsui_header-cell-content_1spae_15zfd_276:not(#\9) {
+.awsui_header-cell-content_1spae_1c23e_279:not(#\9) {
   position: relative;
   padding-block: var(--space-scaled-xxs-7597g1, 4px);
   padding-inline-end: var(--space-s-34lx8l, 12px);
   padding-inline-start: var(--space-s-34lx8l, 12px);
 }
-.awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-content-expandable_1spae_15zfd_282:not(#\9) {
+.awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-content-expandable_1spae_1c23e_285:not(#\9) {
   padding-inline-start: calc(var(--space-s-34lx8l, 12px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell-sortable_1spae_15zfd_216 > .awsui_header-cell-content_1spae_15zfd_276:not(#\9) {
+.awsui_header-cell-sortable_1spae_1c23e_219 > .awsui_header-cell-content_1spae_1c23e_279:not(#\9) {
   padding-inline-end: calc(var(--space-xl-lmui9r, 24px) + var(--space-xxs-p8yyaw, 4px));
 }
-.awsui_header-cell-content_1spae_15zfd_276:not(#\9):focus {
+.awsui_header-cell-content_1spae_1c23e_279:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -310,14 +313,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276:n
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9) {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9) {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183:not(#\9)::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183:not(#\9)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -331,32 +334,32 @@ body[data-awsui-focus-visible=true] .awsui_header-cell-content_1spae_15zfd_276.a
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell-disabled_1spae_15zfd_334.awsui_header-cell-sorted_1spae_15zfd_334 > .awsui_header-cell-content_1spae_15zfd_276 > .awsui_sorting-icon_1spae_15zfd_262:not(#\9) {
+.awsui_header-cell-disabled_1spae_1c23e_337.awsui_header-cell-sorted_1spae_1c23e_337 > .awsui_header-cell-content_1spae_1c23e_279 > .awsui_sorting-icon_1spae_1c23e_265:not(#\9) {
   color: var(--color-text-interactive-disabled-f5b4z5, #b4b4bb);
 }
 
-.awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334) > .awsui_header-cell-content_1spae_15zfd_276 {
+.awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337) > .awsui_header-cell-content_1spae_1c23e_279 {
   cursor: pointer;
 }
-.awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334) > .awsui_header-cell-content_1spae_15zfd_276:hover, .awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334).awsui_header-cell-sorted_1spae_15zfd_334 > .awsui_header-cell-content_1spae_15zfd_276 {
+.awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337) > .awsui_header-cell-content_1spae_1c23e_279:hover, .awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337).awsui_header-cell-sorted_1spae_1c23e_337 > .awsui_header-cell-content_1spae_1c23e_279 {
   color: var(--color-text-interactive-active-j6vw94, #0f141a);
 }
-.awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334) > .awsui_header-cell-content_1spae_15zfd_276:hover > .awsui_sorting-icon_1spae_15zfd_262, .awsui_header-cell-sortable_1spae_15zfd_216:not(#\9):not(.awsui_header-cell-disabled_1spae_15zfd_334).awsui_header-cell-sorted_1spae_15zfd_334 > .awsui_header-cell-content_1spae_15zfd_276 > .awsui_sorting-icon_1spae_15zfd_262 {
+.awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337) > .awsui_header-cell-content_1spae_1c23e_279:hover > .awsui_sorting-icon_1spae_1c23e_265, .awsui_header-cell-sortable_1spae_1c23e_219:not(#\9):not(.awsui_header-cell-disabled_1spae_1c23e_337).awsui_header-cell-sorted_1spae_1c23e_337 > .awsui_header-cell-content_1spae_1c23e_279 > .awsui_sorting-icon_1spae_1c23e_265 {
   color: var(--color-text-interactive-active-j6vw94, #0f141a);
 }
 
-.awsui_header-cell-text_1spae_15zfd_348:not(#\9) {
+.awsui_header-cell-text_1spae_1c23e_351:not(#\9) {
   line-height: var(--line-height-heading-xs-aeleja, 18px);
   padding-block: calc(var(--space-xxxs-zbmxqb, 2px) / 2);
 }
-.awsui_header-cell-text_1spae_15zfd_348:not(#\9):not(.awsui_header-cell-text-wrap_1spae_15zfd_352) {
+.awsui_header-cell-text_1spae_1c23e_351:not(#\9):not(.awsui_header-cell-text-wrap_1spae_1c23e_355) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
-.awsui_header-cell-ascending_1spae_15zfd_358:not(#\9),
-.awsui_header-cell-descending_1spae_15zfd_359:not(#\9) {
+.awsui_header-cell-ascending_1spae_1c23e_361:not(#\9),
+.awsui_header-cell-descending_1spae_1c23e_362:not(#\9) {
   /* used in test-utils */
 }
 
@@ -366,28 +369,28 @@ with the left edge of the table as closely as possible. If the
 last header cell is sortable the sort icon should align with the
 settings icon in the pagination slot.
 */
-.awsui_header-cell_1spae_15zfd_149:not(#\9):not(.awsui_is-visual-refresh_1spae_15zfd_369):first-child {
+.awsui_header-cell_1spae_1c23e_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1c23e_216):first-child {
   padding-inline-start: var(--space-xs-zb16t3, 8px);
 }
-.awsui_header-cell_1spae_15zfd_149:not(#\9):not(.awsui_is-visual-refresh_1spae_15zfd_369):first-child.awsui_header-cell-content-expandable_1spae_15zfd_282 {
+.awsui_header-cell_1spae_1c23e_149:not(#\9):not(.awsui_is-visual-refresh_1spae_1c23e_216):first-child.awsui_header-cell-content-expandable_1spae_1c23e_285 {
   padding-inline-start: calc(var(--space-xs-zb16t3, 8px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
 
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9) {
   /*
     Striped rows requires additional left padding because the
     shaded background makes the child content appear too close
     to the table edge.
   */
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -401,14 +404,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_15zfd_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1c23e_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_15zfd_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1c23e_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-scaled-xxs-7597g1, 4px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_15zfd_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_header-cell-fake-focus_1spae_1c23e_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -422,20 +425,20 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279 {
   padding-inline-start: 0px;
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-content-expandable_1spae_15zfd_282 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-content-expandable_1spae_1c23e_285 {
   padding-inline-start: calc(0px + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279:focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276:focus {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279:focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276:focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279:focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -449,14 +452,14 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183 {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183 {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183 {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * var(--space-table-header-focus-outline-gutter-7js4en, 0px) + var(--space-scaled-xxs-7597g1, 4px)) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child > .awsui_header-cell-content_1spae_15zfd_276.awsui_header-cell-fake-focus_1spae_15zfd_183::before {
+body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child > .awsui_header-cell-content_1spae_1c23e_279.awsui_header-cell-fake-focus_1spae_1c23e_183::before {
   content: " ";
   display: block;
   position: absolute;
@@ -470,24 +473,24 @@ body[data-awsui-focus-visible=true] .awsui_header-cell_1spae_15zfd_149.awsui_is-
   border-end-end-radius: var(--border-radius-control-default-focus-ring-u8zbsz, 4px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-nv6mhz, #006ce0);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_15zfd_473):not(.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1c23e_476):not(.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476) {
   padding-inline-start: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_15zfd_473):not(.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473).awsui_header-cell-content-expandable_1spae_15zfd_282 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child:not(.awsui_has-striped-rows_1spae_1c23e_476):not(.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476).awsui_header-cell-content-expandable_1spae_1c23e_285 {
   padding-inline-start: calc(var(--space-xxxs-zbmxqb, 2px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_has-striped-rows_1spae_15zfd_473:not(.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1c23e_476:not(.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476) {
   padding-inline-start: var(--space-xxs-p8yyaw, 4px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):first-child.awsui_has-striped-rows_1spae_15zfd_473:not(.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473).awsui_header-cell-content-expandable_1spae_15zfd_282 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):first-child.awsui_has-striped-rows_1spae_1c23e_476:not(.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476).awsui_header-cell-content-expandable_1spae_1c23e_285 {
   padding-inline-start: calc(var(--space-xxs-p8yyaw, 4px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369:not(#\9):last-child.awsui_header-cell-sortable_1spae_15zfd_216 {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216:not(#\9):last-child.awsui_header-cell-sortable_1spae_1c23e_219 {
   padding-inline-end: var(--space-xxxs-zbmxqb, 2px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476:not(#\9) {
   padding-inline-start: var(--space-scaled-l-0hpmd7, 20px);
 }
-.awsui_header-cell_1spae_15zfd_149.awsui_is-visual-refresh_1spae_15zfd_369.awsui_sticky-cell-pad-inline-start_1spae_15zfd_473.awsui_header-cell-content-expandable_1spae_15zfd_282:not(#\9) {
+.awsui_header-cell_1spae_1c23e_149.awsui_is-visual-refresh_1spae_1c23e_216.awsui_sticky-cell-pad-inline-start_1spae_1c23e_476.awsui_header-cell-content-expandable_1spae_1c23e_285:not(#\9) {
   padding-inline-start: calc(var(--space-scaled-l-0hpmd7, 20px) + var(--space-m-udix3p, 16px) + var(--space-xs-zb16t3, 8px));
 }

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

@@ -2,31 +2,33 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "header-cell": "awsui_header-cell_1spae_15zfd_149",
-  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_15zfd_183",
-  "header-cell-sticky": "awsui_header-cell-sticky_1spae_15zfd_204",
-  "header-cell-stuck": "awsui_header-cell-stuck_1spae_15zfd_207",
-  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_15zfd_207",
-  "header-cell-hidden": "awsui_header-cell-hidden_1spae_15zfd_213",
-  "header-cell-sortable": "awsui_header-cell-sortable_1spae_15zfd_216",
-  "sticky-cell": "awsui_sticky-cell_1spae_15zfd_219",
-  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_15zfd_237",
-  "has-selection": "awsui_has-selection_1spae_15zfd_237",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_15zfd_240",
-  "resize-divider": "awsui_resize-divider_1spae_15zfd_245",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_15zfd_252",
-  "sorting-icon": "awsui_sorting-icon_1spae_15zfd_262",
-  "edit-icon": "awsui_edit-icon_1spae_15zfd_270",
-  "header-cell-content": "awsui_header-cell-content_1spae_15zfd_276",
-  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_15zfd_282",
-  "header-cell-disabled": "awsui_header-cell-disabled_1spae_15zfd_334",
-  "header-cell-sorted": "awsui_header-cell-sorted_1spae_15zfd_334",
-  "header-cell-text": "awsui_header-cell-text_1spae_15zfd_348",
-  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_15zfd_352",
-  "header-cell-ascending": "awsui_header-cell-ascending_1spae_15zfd_358",
-  "header-cell-descending": "awsui_header-cell-descending_1spae_15zfd_359",
-  "is-visual-refresh": "awsui_is-visual-refresh_1spae_15zfd_369",
-  "has-striped-rows": "awsui_has-striped-rows_1spae_15zfd_473",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_15zfd_473"
+  "header-cell": "awsui_header-cell_1spae_1c23e_149",
+  "header-cell-fake-focus": "awsui_header-cell-fake-focus_1spae_1c23e_183",
+  "header-cell-sticky": "awsui_header-cell-sticky_1spae_1c23e_204",
+  "header-cell-stuck": "awsui_header-cell-stuck_1spae_1c23e_207",
+  "header-cell-variant-full-page": "awsui_header-cell-variant-full-page_1spae_1c23e_207",
+  "header-cell-hidden": "awsui_header-cell-hidden_1spae_1c23e_213",
+  "header-cell-variant-embedded": "awsui_header-cell-variant-embedded_1spae_1c23e_216",
+  "is-visual-refresh": "awsui_is-visual-refresh_1spae_1c23e_216",
+  "header-cell-variant-borderless": "awsui_header-cell-variant-borderless_1spae_1c23e_216",
+  "header-cell-sortable": "awsui_header-cell-sortable_1spae_1c23e_219",
+  "sticky-cell": "awsui_sticky-cell_1spae_1c23e_222",
+  "sticky-cell-pad-left": "awsui_sticky-cell-pad-left_1spae_1c23e_240",
+  "has-selection": "awsui_has-selection_1spae_1c23e_240",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_1spae_1c23e_243",
+  "resize-divider": "awsui_resize-divider_1spae_1c23e_248",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_1spae_1c23e_255",
+  "sorting-icon": "awsui_sorting-icon_1spae_1c23e_265",
+  "edit-icon": "awsui_edit-icon_1spae_1c23e_273",
+  "header-cell-content": "awsui_header-cell-content_1spae_1c23e_279",
+  "header-cell-content-expandable": "awsui_header-cell-content-expandable_1spae_1c23e_285",
+  "header-cell-disabled": "awsui_header-cell-disabled_1spae_1c23e_337",
+  "header-cell-sorted": "awsui_header-cell-sorted_1spae_1c23e_337",
+  "header-cell-text": "awsui_header-cell-text_1spae_1c23e_351",
+  "header-cell-text-wrap": "awsui_header-cell-text-wrap_1spae_1c23e_355",
+  "header-cell-ascending": "awsui_header-cell-ascending_1spae_1c23e_361",
+  "header-cell-descending": "awsui_header-cell-descending_1spae_1c23e_362",
+  "has-striped-rows": "awsui_has-striped-rows_1spae_1c23e_476",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_1spae_1c23e_476"
 };
   

package/table/table-role/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/table/table-role/utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,+BAE9C;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,WAKrD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,WAgBlD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,8BAqB5G;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,mBAAmB,EAC7B,kBAAkB,EAAE,MAAM,EAC1B,KAAK,EAAE,MAAM,+BAsBd;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,WAE3C;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,QAY3D"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/table/table-role/utils.ts"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,CAAC,OAAO,EAAE,OAAO,+BAE9C;AAED,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,WAKrD;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,OAAO,WAgBlD;AAED;;GAEG;AACH,wBAAgB,0BAA0B,CAAC,KAAK,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,8BAqB5G;AAED;;GAEG;AACH,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,mBAAmB,EAC7B,kBAAkB,EAAE,MAAM,EAC1B,KAAK,EAAE,MAAM,+BAsBd;AAED,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,WAE3C;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,IAAI,GAAG,WAAW,QAW3D"}

package/table/table-role/utils.js

@@ -83,12 +83,11 @@ export function isTableCell(element) {
 }
 export function focusNextElement(element) {
     if (element) {
-        // Table cells are not focusable by default (tabIndex=undefined) and cell.focus() is ignored.
-        // To force focusing we have to imperatively set tabIndex to -1. When focused, the grid navigation
-        // will update the tabIndex to 0 if the cell gets focused or set it to undefined if the cell content
-        // gets focused instead.
+        // Table cells are not focusable by default (tabIndex=undefined) so cell.focus() is ignored.
+        // To force focusing we have to imperatively set tabIndex to -1. This tabIndex is then to be
+        // overridden by the single tab stop context to be 0 or undefined.
         // We cannot make cells have tabIndex=-1 by default due to an associated bug with text selection, see: PR 2158.
-        if (isTableCell(element)) {
+        if (isTableCell(element) && element.tabIndex !== 0) {
             element.tabIndex = -1;
         }
         element.focus();

package/table/table-role/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/table/table-role/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function getClosestCell(element: Element) {\n  return element.closest('td,th') as null | HTMLTableCellElement;\n}\n\nexport function isElementDisabled(element: HTMLElement) {\n  if (element instanceof HTMLInputElement || element instanceof HTMLButtonElement) {\n    return element.disabled;\n  }\n  return false;\n}\n\n/**\n * Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.\n * This is used to suppress navigation for interactive content without a need to use a custom suppression check.\n */\nexport function defaultIsSuppressed(target: Element) {\n  let current: null | Element = target;\n  while (current) {\n    // Stop checking for parents upon reaching the cell element as the function only aims at the cell content.\n    if (isTableCell(current)) {\n      return false;\n    }\n    if (\n      current.getAttribute('role') === 'dialog' ||\n      current.getAttribute('data-awsui-table-suppress-navigation') === 'true'\n    ) {\n      return true;\n    }\n    current = current.parentElement;\n  }\n  return false;\n}\n\n/**\n * Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.\n */\nexport function findTableRowByAriaRowIndex(table: HTMLTableElement, targetAriaRowIndex: number, delta: number) {\n  let targetRow: null | HTMLTableRowElement = null;\n  const rowElements = Array.from(table.querySelectorAll('tr[aria-rowindex]'));\n  if (delta < 0) {\n    rowElements.reverse();\n  }\n  for (const element of rowElements) {\n    const rowIndex = parseInt(element.getAttribute('aria-rowindex') ?? '');\n    targetRow = element as HTMLTableRowElement;\n\n    if (rowIndex === targetAriaRowIndex) {\n      break;\n    }\n    if (delta >= 0 && rowIndex > targetAriaRowIndex) {\n      break;\n    }\n    if (delta < 0 && rowIndex < targetAriaRowIndex) {\n      break;\n    }\n  }\n  return targetRow;\n}\n\n/**\n * Finds the closest column to the targetAriaColIndex+delta in the direction of delta.\n */\nexport function findTableRowCellByAriaColIndex(\n  tableRow: HTMLTableRowElement,\n  targetAriaColIndex: number,\n  delta: number\n) {\n  let targetCell: null | HTMLTableCellElement = null;\n  const cellElements = Array.from(tableRow.querySelectorAll('td[aria-colindex],th[aria-colindex]'));\n  if (delta < 0) {\n    cellElements.reverse();\n  }\n  for (const element of cellElements) {\n    const columnIndex = parseInt(element.getAttribute('aria-colindex') ?? '');\n    targetCell = element as HTMLTableCellElement;\n\n    if (columnIndex === targetAriaColIndex) {\n      break;\n    }\n    if (delta >= 0 && columnIndex > targetAriaColIndex) {\n      break;\n    }\n    if (delta < 0 && columnIndex < targetAriaColIndex) {\n      break;\n    }\n  }\n  return targetCell;\n}\n\nexport function isTableCell(element: Element) {\n  return element.tagName === 'TD' || element.tagName === 'TH';\n}\n\nexport function focusNextElement(element: null | HTMLElement) {\n  if (element) {\n    // Table cells are not focusable by default (tabIndex=undefined) and cell.focus() is ignored.\n    // To force focusing we have to imperatively set tabIndex to -1. When focused, the grid navigation\n    // will update the tabIndex to 0 if the cell gets focused or set it to undefined if the cell content\n    // gets focused instead.\n    // We cannot make cells have tabIndex=-1 by default due to an associated bug with text selection, see: PR 2158.\n    if (isTableCell(element)) {\n      element.tabIndex = -1;\n    }\n    element.focus();\n  }\n}\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/table/table-role/utils.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport function getClosestCell(element: Element) {\n  return element.closest('td,th') as null | HTMLTableCellElement;\n}\n\nexport function isElementDisabled(element: HTMLElement) {\n  if (element instanceof HTMLInputElement || element instanceof HTMLButtonElement) {\n    return element.disabled;\n  }\n  return false;\n}\n\n/**\n * Returns true if the target element or one of its parents is a dialog or is marked with data-awsui-table-suppress-navigation attribute.\n * This is used to suppress navigation for interactive content without a need to use a custom suppression check.\n */\nexport function defaultIsSuppressed(target: Element) {\n  let current: null | Element = target;\n  while (current) {\n    // Stop checking for parents upon reaching the cell element as the function only aims at the cell content.\n    if (isTableCell(current)) {\n      return false;\n    }\n    if (\n      current.getAttribute('role') === 'dialog' ||\n      current.getAttribute('data-awsui-table-suppress-navigation') === 'true'\n    ) {\n      return true;\n    }\n    current = current.parentElement;\n  }\n  return false;\n}\n\n/**\n * Finds the closest row to the targetAriaRowIndex+delta in the direction of delta.\n */\nexport function findTableRowByAriaRowIndex(table: HTMLTableElement, targetAriaRowIndex: number, delta: number) {\n  let targetRow: null | HTMLTableRowElement = null;\n  const rowElements = Array.from(table.querySelectorAll('tr[aria-rowindex]'));\n  if (delta < 0) {\n    rowElements.reverse();\n  }\n  for (const element of rowElements) {\n    const rowIndex = parseInt(element.getAttribute('aria-rowindex') ?? '');\n    targetRow = element as HTMLTableRowElement;\n\n    if (rowIndex === targetAriaRowIndex) {\n      break;\n    }\n    if (delta >= 0 && rowIndex > targetAriaRowIndex) {\n      break;\n    }\n    if (delta < 0 && rowIndex < targetAriaRowIndex) {\n      break;\n    }\n  }\n  return targetRow;\n}\n\n/**\n * Finds the closest column to the targetAriaColIndex+delta in the direction of delta.\n */\nexport function findTableRowCellByAriaColIndex(\n  tableRow: HTMLTableRowElement,\n  targetAriaColIndex: number,\n  delta: number\n) {\n  let targetCell: null | HTMLTableCellElement = null;\n  const cellElements = Array.from(tableRow.querySelectorAll('td[aria-colindex],th[aria-colindex]'));\n  if (delta < 0) {\n    cellElements.reverse();\n  }\n  for (const element of cellElements) {\n    const columnIndex = parseInt(element.getAttribute('aria-colindex') ?? '');\n    targetCell = element as HTMLTableCellElement;\n\n    if (columnIndex === targetAriaColIndex) {\n      break;\n    }\n    if (delta >= 0 && columnIndex > targetAriaColIndex) {\n      break;\n    }\n    if (delta < 0 && columnIndex < targetAriaColIndex) {\n      break;\n    }\n  }\n  return targetCell;\n}\n\nexport function isTableCell(element: Element) {\n  return element.tagName === 'TD' || element.tagName === 'TH';\n}\n\nexport function focusNextElement(element: null | HTMLElement) {\n  if (element) {\n    // Table cells are not focusable by default (tabIndex=undefined) so cell.focus() is ignored.\n    // To force focusing we have to imperatively set tabIndex to -1. This tabIndex is then to be\n    // overridden by the single tab stop context to be 0 or undefined.\n    // We cannot make cells have tabIndex=-1 by default due to an associated bug with text selection, see: PR 2158.\n    if (isTableCell(element) && element.tabIndex !== 0) {\n      element.tabIndex = -1;\n    }\n    element.focus();\n  }\n}\n"]}

package/app-layout/visual-refresh-toolbar/exports.d.ts

@@ -1,6 +0,0 @@
-export { AppLayoutDrawerImplementation as AppLayoutDrawer, AppLayoutGlobalDrawersImplementation as AppLayoutGlobalDrawers, } from './drawer';
-export { AppLayoutNavigationImplementation as AppLayoutNavigation } from './navigation';
-export { AppLayoutNotificationsImplementation as AppLayoutNotifications } from './notifications';
-export { AppLayoutSplitPanelDrawerBottomImplementation as AppLayoutSplitPanelDrawerBottom, AppLayoutSplitPanelDrawerSideImplementation as AppLayoutSplitPanelDrawerSide, } from './split-panel';
-export { AppLayoutToolbarImplementation as AppLayoutToolbar } from './toolbar';
-//# sourceMappingURL=exports.d.ts.map

package/app-layout/visual-refresh-toolbar/exports.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"exports.d.ts","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/exports.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,6BAA6B,IAAI,eAAe,EAChD,oCAAoC,IAAI,sBAAsB,GAC/D,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,iCAAiC,IAAI,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EACL,6CAA6C,IAAI,+BAA+B,EAChF,2CAA2C,IAAI,6BAA6B,GAC7E,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,8BAA8B,IAAI,gBAAgB,EAAE,MAAM,WAAW,CAAC"}

package/app-layout/visual-refresh-toolbar/exports.js

@@ -1,8 +0,0 @@
-// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
-// SPDX-License-Identifier: Apache-2.0
-export { AppLayoutDrawerImplementation as AppLayoutDrawer, AppLayoutGlobalDrawersImplementation as AppLayoutGlobalDrawers, } from './drawer';
-export { AppLayoutNavigationImplementation as AppLayoutNavigation } from './navigation';
-export { AppLayoutNotificationsImplementation as AppLayoutNotifications } from './notifications';
-export { AppLayoutSplitPanelDrawerBottomImplementation as AppLayoutSplitPanelDrawerBottom, AppLayoutSplitPanelDrawerSideImplementation as AppLayoutSplitPanelDrawerSide, } from './split-panel';
-export { AppLayoutToolbarImplementation as AppLayoutToolbar } from './toolbar';
-//# sourceMappingURL=exports.js.map

package/app-layout/visual-refresh-toolbar/exports.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"exports.js","sourceRoot":"","sources":["../../../../src/app-layout/visual-refresh-toolbar/exports.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAEtC,OAAO,EACL,6BAA6B,IAAI,eAAe,EAChD,oCAAoC,IAAI,sBAAsB,GAC/D,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,iCAAiC,IAAI,mBAAmB,EAAE,MAAM,cAAc,CAAC;AACxF,OAAO,EAAE,oCAAoC,IAAI,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACjG,OAAO,EACL,6CAA6C,IAAI,+BAA+B,EAChF,2CAA2C,IAAI,6BAA6B,GAC7E,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,8BAA8B,IAAI,gBAAgB,EAAE,MAAM,WAAW,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nexport {\n  AppLayoutDrawerImplementation as AppLayoutDrawer,\n  AppLayoutGlobalDrawersImplementation as AppLayoutGlobalDrawers,\n} from './drawer';\nexport { AppLayoutNavigationImplementation as AppLayoutNavigation } from './navigation';\nexport { AppLayoutNotificationsImplementation as AppLayoutNotifications } from './notifications';\nexport {\n  AppLayoutSplitPanelDrawerBottomImplementation as AppLayoutSplitPanelDrawerBottom,\n  AppLayoutSplitPanelDrawerSideImplementation as AppLayoutSplitPanelDrawerSide,\n} from './split-panel';\nexport { AppLayoutToolbarImplementation as AppLayoutToolbar } from './toolbar';\n"]}

package/internal/components/dnd-area/index.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { DndAreaProps } from './interfaces';
-export declare function DndArea<Data>({ items, renderItem, onItemsChange, disableReorder, i18nStrings, borderRadiusVariant, }: DndAreaProps<Data>): JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/internal/components/dnd-area/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/internal/components/dnd-area/index.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAe,YAAY,EAAmB,MAAM,cAAc,CAAC;AAM1E,wBAAgB,OAAO,CAAC,IAAI,EAAE,EAC5B,KAAK,EACL,UAAU,EACV,aAAa,EACb,cAAc,EACd,WAAW,EACX,mBAA4B,GAC7B,EAAE,YAAY,CAAC,IAAI,CAAC,eA2EpB"}