npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.108 → 3.0.110 - Mend

@cloudscape-design/components-themeable 3.0.108 → 3.0.110

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 (65) hide show

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

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_wih1l_2te74_97:not(#\9) {
+.awsui_root_wih1l_r2zh7_97:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   color: var(--color-text-body-default-7m2b3r, #16191f);
@@ -103,44 +103,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
-.awsui_tools_wih1l_2te74_106:not(#\9) {
+.awsui_tools_wih1l_r2zh7_106:not(#\9) {
   display: flex;
   align-items: flex-start;
   flex-wrap: wrap;
   padding: var(--space-scaled-xs-6859qs, 8px) 0 var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_tools-filtering_wih1l_2te74_112:not(#\9) {
+.awsui_tools-filtering_wih1l_r2zh7_112:not(#\9) {
   flex: 1 1 0%;
   max-width: 100%;
   margin-right: var(--space-l-4vl6xu, 20px);
 }
-.awsui_tools-align-right_wih1l_2te74_117:not(#\9) {
+.awsui_tools-align-right_wih1l_r2zh7_117:not(#\9) {
   display: flex;
   margin-left: auto;
 }
-.awsui_tools-pagination_wih1l_2te74_121 + .awsui_tools-preferences_wih1l_2te74_121:not(#\9) {
+.awsui_tools-pagination_wih1l_r2zh7_121 + .awsui_tools-preferences_wih1l_r2zh7_121:not(#\9) {
   border-left: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   box-sizing: border-box;
   margin-left: var(--space-xs-rsr2qu, 8px);
   padding-left: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_tools-small_wih1l_2te74_127 > .awsui_tools-filtering_wih1l_2te74_112:not(#\9) {
+.awsui_tools-small_wih1l_r2zh7_127 > .awsui_tools-filtering_wih1l_r2zh7_112:not(#\9) {
   margin-right: 0;
   margin-bottom: var(--space-scaled-xs-6859qs, 8px);
   flex-basis: 100%;
 }
-.awsui_table_wih1l_2te74_133:not(#\9) {
+.awsui_table_wih1l_r2zh7_133:not(#\9) {
   width: 100%;
   border-spacing: 0;
   position: relative;
   box-sizing: border-box;
 }
-.awsui_table-layout-fixed_wih1l_2te74_139:not(#\9) {
+.awsui_table-layout-fixed_wih1l_r2zh7_139:not(#\9) {
   table-layout: fixed;
 }
-.awsui_wrapper_wih1l_2te74_143:not(#\9) {
+.awsui_wrapper_wih1l_r2zh7_143:not(#\9) {
   position: relative;
   box-sizing: border-box;
   width: 100%;
@@ -150,31 +150,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-top-right-radius: var(--border-radius-container-1aveko, 0px);
   border-top-left-radius: var(--border-radius-container-1aveko, 0px);
 }
-.awsui_wrapper_wih1l_2te74_143.awsui_variant-stacked_wih1l_2te74_153 > .awsui_table_wih1l_2te74_133:not(#\9), .awsui_wrapper_wih1l_2te74_143.awsui_variant-container_wih1l_2te74_153 > .awsui_table_wih1l_2te74_133:not(#\9) {
+.awsui_wrapper_wih1l_r2zh7_143.awsui_variant-stacked_wih1l_r2zh7_153 > .awsui_table_wih1l_r2zh7_133:not(#\9), .awsui_wrapper_wih1l_r2zh7_143.awsui_variant-container_wih1l_r2zh7_153 > .awsui_table_wih1l_r2zh7_133:not(#\9) {
   padding-left: var(--space-table-horizontal-njdbej, 0px);
   padding-right: var(--space-table-horizontal-njdbej, 0px);
 }
-.awsui_wrapper_wih1l_2te74_143.awsui_variant-embedded_wih1l_2te74_157:not(#\9) {
+.awsui_wrapper_wih1l_r2zh7_143.awsui_variant-embedded_wih1l_r2zh7_157:not(#\9) {
   padding-bottom: var(--space-table-embedded-content-bottom-7vc5vt, 0px);
 }
-.awsui_wrapper_wih1l_2te74_143.awsui_has-header_wih1l_2te74_160:not(#\9) {
+.awsui_wrapper_wih1l_r2zh7_143.awsui_has-header_wih1l_r2zh7_160:not(#\9) {
   padding-top: 0px;
 }
-.awsui_wrapper_wih1l_2te74_143.awsui_has-footer_wih1l_2te74_163:not(#\9) {
+.awsui_wrapper_wih1l_r2zh7_143.awsui_has-footer_wih1l_r2zh7_163:not(#\9) {
   padding-bottom: 0px;
 }
-.awsui_wrapper_wih1l_2te74_143[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_wrapper_wih1l_r2zh7_143[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: var(--border-radius-container-1aveko, 0px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_cell-merged_wih1l_2te74_173:not(#\9) {
+.awsui_cell-merged_wih1l_r2zh7_173:not(#\9) {
   text-align: center;
   padding: 0;
 }
-.awsui_cell-merged-content_wih1l_2te74_177:not(#\9) {
+.awsui_cell-merged-content_wih1l_r2zh7_177:not(#\9) {
   box-sizing: border-box;
   width: 100%;
   padding: var(--space-scaled-m-pv0fmt, 16px) var(--space-l-4vl6xu, 20px) var(--space-scaled-l-t03y3z, 20px);
@@ -182,34 +182,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   /* stylelint-enable plugin/no-unsupported-browser-features */
 }
 @supports (position: sticky) {
-  .awsui_cell-merged-content_wih1l_2te74_177:not(#\9) {
+  .awsui_cell-merged-content_wih1l_r2zh7_177:not(#\9) {
     position: sticky;
     left: 0;
     margin: 0 calc(-2 * var(--space-table-horizontal-njdbej, 0px));
   }
 }
-.awsui_empty_wih1l_2te74_192:not(#\9) {
+.awsui_empty_wih1l_r2zh7_192:not(#\9) {
   color: var(--color-text-empty-izapdt, #687078);
 }
-.awsui_loading_wih1l_2te74_196:not(#\9) {
+.awsui_loading_wih1l_r2zh7_196:not(#\9) {
   /* used in test-utils */
 }
-.awsui_selection-control_wih1l_2te74_200:not(#\9) {
+.awsui_selection-control_wih1l_r2zh7_200:not(#\9) {
   position: relative;
   box-sizing: border-box;
   width: 54px;
   max-width: 54px;
   min-width: 54px;
 }
-.awsui_selection-control_wih1l_2te74_200.awsui_selection-control-header_wih1l_2te74_207:not(#\9) {
+.awsui_selection-control_wih1l_r2zh7_200.awsui_selection-control-header_wih1l_r2zh7_207:not(#\9) {
   padding: var(--space-scaled-xs-6859qs, 8px) var(--space-scaled-l-t03y3z, 20px);
   border-left: var(--border-item-width-yvnixs, 1px) solid transparent;
 }
-.awsui_sticky-scrollbar_wih1l_2te74_212:not(#\9) {
+.awsui_sticky-scrollbar_wih1l_r2zh7_212:not(#\9) {
   height: 15px;
   position: fixed;
   display: none;
@@ -219,14 +219,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   bottom: 0;
   width: 100%;
 }
-.awsui_sticky-scrollbar-content_wih1l_2te74_222:not(#\9) {
+.awsui_sticky-scrollbar-content_wih1l_r2zh7_222:not(#\9) {
   height: 15px;
 }
-.awsui_sticky-scrollbar-visible_wih1l_2te74_225:not(#\9) {
+.awsui_sticky-scrollbar-visible_wih1l_r2zh7_225:not(#\9) {
   display: block;
 }
-.awsui_header-secondary_wih1l_2te74_229:not(#\9) {
+/*
+The dynamic height dark header needs a background that will cover
+the default white background of the container component.
+*/
+.awsui_dark-header_wih1l_r2zh7_233:not(#\9) {
+  background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
+}
+.awsui_header-secondary_wih1l_r2zh7_237:not(#\9) {
   overflow: auto;
   -ms-overflow-style: none;
   /* Internet Explorer 10+ */
@@ -237,50 +245,50 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: 0;
   background: var(--color-background-table-header-mryayf, #fafafa);
 }
-.awsui_header-secondary_wih1l_2te74_229.awsui_variant-stacked_wih1l_2te74_153 > .awsui_table_wih1l_2te74_133:not(#\9), .awsui_header-secondary_wih1l_2te74_229.awsui_variant-container_wih1l_2te74_153 > .awsui_table_wih1l_2te74_133:not(#\9) {
+.awsui_header-secondary_wih1l_r2zh7_237.awsui_variant-stacked_wih1l_r2zh7_153 > .awsui_table_wih1l_r2zh7_133:not(#\9), .awsui_header-secondary_wih1l_r2zh7_237.awsui_variant-container_wih1l_r2zh7_153 > .awsui_table_wih1l_r2zh7_133:not(#\9) {
   padding-left: var(--space-table-horizontal-njdbej, 0px);
   padding-right: var(--space-table-horizontal-njdbej, 0px);
 }
-.awsui_header-secondary_wih1l_2te74_229:not(#\9)::-webkit-scrollbar {
+.awsui_header-secondary_wih1l_r2zh7_237:not(#\9)::-webkit-scrollbar {
   display: none;
   /* Safari and Chrome */
 }
+.awsui_header-secondary_wih1l_r2zh7_237.awsui_table-has-header_wih1l_r2zh7_256:not(#\9) {
+  border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-container-divider-z203b8, #eaeded);
+}
-.awsui_header-controls_wih1l_2te74_249:not(#\9) {
+.awsui_header-controls_wih1l_r2zh7_260:not(#\9) {
   padding-top: var(--space-container-header-vertical-0bd19u, 12px);
   padding-bottom: var(--space-container-header-vertical-0bd19u, 12px);
 }
-.awsui_header-controls_wih1l_2te74_249.awsui_variant-stacked_wih1l_2te74_153:not(#\9), .awsui_header-controls_wih1l_2te74_249.awsui_variant-container_wih1l_2te74_153:not(#\9) {
+.awsui_header-controls_wih1l_r2zh7_260.awsui_variant-stacked_wih1l_r2zh7_153:not(#\9), .awsui_header-controls_wih1l_r2zh7_260.awsui_variant-container_wih1l_r2zh7_153:not(#\9) {
   padding-left: calc(var(--space-table-horizontal-njdbej, 0px) + var(--space-table-header-horizontal-4u689g, 20px));
   padding-right: calc(var(--space-table-horizontal-njdbej, 0px) + var(--space-table-header-horizontal-4u689g, 20px));
 }
-.awsui_header-controls_wih1l_2te74_249.awsui_variant-embedded_wih1l_2te74_157:not(#\9) {
+.awsui_header-controls_wih1l_r2zh7_260.awsui_variant-embedded_wih1l_r2zh7_157:not(#\9) {
   padding-left: var(--space-table-header-horizontal-4u689g, 20px);
   padding-right: var(--space-table-header-horizontal-4u689g, 20px);
   padding-top: var(--space-table-embedded-header-top-1yxc8d, 12px);
 }
-.awsui_header-controls_wih1l_2te74_249 + .awsui_header-secondary_wih1l_2te74_229:not(#\9) {
-  border-top: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-container-divider-z203b8, #eaeded);
-}
-.awsui_divider_wih1l_2te74_266:not(#\9) {
+.awsui_divider_wih1l_r2zh7_274:not(#\9) {
   border: none;
   margin: 0;
   height: 0;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }
-.awsui_footer-wrapper_wih1l_2te74_273.awsui_variant-stacked_wih1l_2te74_153:not(#\9), .awsui_footer-wrapper_wih1l_2te74_273.awsui_variant-container_wih1l_2te74_153:not(#\9) {
+.awsui_footer-wrapper_wih1l_r2zh7_281.awsui_variant-stacked_wih1l_r2zh7_153:not(#\9), .awsui_footer-wrapper_wih1l_r2zh7_281.awsui_variant-container_wih1l_r2zh7_153:not(#\9) {
   padding-left: var(--space-table-horizontal-njdbej, 0px);
   padding-right: var(--space-table-horizontal-njdbej, 0px);
 }
-.awsui_footer_wih1l_2te74_273:not(#\9) {
+.awsui_footer_wih1l_r2zh7_281:not(#\9) {
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-table-footer-horizontal-m6qo87, 20px);
 }
-.awsui_thead-active_wih1l_2te74_282:not(#\9),
-.awsui_row_wih1l_2te74_283:not(#\9),
-.awsui_row-selected_wih1l_2te74_284:not(#\9) {
+.awsui_thead-active_wih1l_r2zh7_290:not(#\9),
+.awsui_row_wih1l_r2zh7_291:not(#\9),
+.awsui_row-selected_wih1l_r2zh7_292:not(#\9) {
   /* used in test-utils */
 }

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

@@ -2,37 +2,39 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_wih1l_2te74_97",
-  "tools": "awsui_tools_wih1l_2te74_106",
-  "tools-filtering": "awsui_tools-filtering_wih1l_2te74_112",
-  "tools-align-right": "awsui_tools-align-right_wih1l_2te74_117",
-  "tools-pagination": "awsui_tools-pagination_wih1l_2te74_121",
-  "tools-preferences": "awsui_tools-preferences_wih1l_2te74_121",
-  "tools-small": "awsui_tools-small_wih1l_2te74_127",
-  "table": "awsui_table_wih1l_2te74_133",
-  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_2te74_139",
-  "wrapper": "awsui_wrapper_wih1l_2te74_143",
-  "variant-stacked": "awsui_variant-stacked_wih1l_2te74_153",
-  "variant-container": "awsui_variant-container_wih1l_2te74_153",
-  "variant-embedded": "awsui_variant-embedded_wih1l_2te74_157",
-  "has-header": "awsui_has-header_wih1l_2te74_160",
-  "has-footer": "awsui_has-footer_wih1l_2te74_163",
-  "cell-merged": "awsui_cell-merged_wih1l_2te74_173",
-  "cell-merged-content": "awsui_cell-merged-content_wih1l_2te74_177",
-  "empty": "awsui_empty_wih1l_2te74_192",
-  "loading": "awsui_loading_wih1l_2te74_196",
-  "selection-control": "awsui_selection-control_wih1l_2te74_200",
-  "selection-control-header": "awsui_selection-control-header_wih1l_2te74_207",
-  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_2te74_212",
-  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_2te74_222",
-  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_2te74_225",
-  "header-secondary": "awsui_header-secondary_wih1l_2te74_229",
-  "header-controls": "awsui_header-controls_wih1l_2te74_249",
-  "divider": "awsui_divider_wih1l_2te74_266",
-  "footer-wrapper": "awsui_footer-wrapper_wih1l_2te74_273",
-  "footer": "awsui_footer_wih1l_2te74_273",
-  "thead-active": "awsui_thead-active_wih1l_2te74_282",
-  "row": "awsui_row_wih1l_2te74_283",
-  "row-selected": "awsui_row-selected_wih1l_2te74_284"
+  "root": "awsui_root_wih1l_r2zh7_97",
+  "tools": "awsui_tools_wih1l_r2zh7_106",
+  "tools-filtering": "awsui_tools-filtering_wih1l_r2zh7_112",
+  "tools-align-right": "awsui_tools-align-right_wih1l_r2zh7_117",
+  "tools-pagination": "awsui_tools-pagination_wih1l_r2zh7_121",
+  "tools-preferences": "awsui_tools-preferences_wih1l_r2zh7_121",
+  "tools-small": "awsui_tools-small_wih1l_r2zh7_127",
+  "table": "awsui_table_wih1l_r2zh7_133",
+  "table-layout-fixed": "awsui_table-layout-fixed_wih1l_r2zh7_139",
+  "wrapper": "awsui_wrapper_wih1l_r2zh7_143",
+  "variant-stacked": "awsui_variant-stacked_wih1l_r2zh7_153",
+  "variant-container": "awsui_variant-container_wih1l_r2zh7_153",
+  "variant-embedded": "awsui_variant-embedded_wih1l_r2zh7_157",
+  "has-header": "awsui_has-header_wih1l_r2zh7_160",
+  "has-footer": "awsui_has-footer_wih1l_r2zh7_163",
+  "cell-merged": "awsui_cell-merged_wih1l_r2zh7_173",
+  "cell-merged-content": "awsui_cell-merged-content_wih1l_r2zh7_177",
+  "empty": "awsui_empty_wih1l_r2zh7_192",
+  "loading": "awsui_loading_wih1l_r2zh7_196",
+  "selection-control": "awsui_selection-control_wih1l_r2zh7_200",
+  "selection-control-header": "awsui_selection-control-header_wih1l_r2zh7_207",
+  "sticky-scrollbar": "awsui_sticky-scrollbar_wih1l_r2zh7_212",
+  "sticky-scrollbar-content": "awsui_sticky-scrollbar-content_wih1l_r2zh7_222",
+  "sticky-scrollbar-visible": "awsui_sticky-scrollbar-visible_wih1l_r2zh7_225",
+  "dark-header": "awsui_dark-header_wih1l_r2zh7_233",
+  "header-secondary": "awsui_header-secondary_wih1l_r2zh7_237",
+  "table-has-header": "awsui_table-has-header_wih1l_r2zh7_256",
+  "header-controls": "awsui_header-controls_wih1l_r2zh7_260",
+  "divider": "awsui_divider_wih1l_r2zh7_274",
+  "footer-wrapper": "awsui_footer-wrapper_wih1l_r2zh7_281",
+  "footer": "awsui_footer_wih1l_r2zh7_281",
+  "thead-active": "awsui_thead-active_wih1l_r2zh7_290",
+  "row": "awsui_row_wih1l_r2zh7_291",
+  "row-selected": "awsui_row-selected_wih1l_r2zh7_292"
 };

package/lib/internal/template/table/thead.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAyB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAQvF,MAAM,WAAW,UAAU;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,qBAAqB,CAAC;IACtC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;CACzC;AAED,QAAA,MAAM,KAAK,~~wFA8FV~~,CAAC;AAEF,eAAe,KAAK,CAAC"}
1	+ {"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAyB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAE9E,OAAO,EAA0B,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAQvF,MAAM,WAAW,UAAU;IACzB,cAAc,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,aAAa,EAAE,UAAU,CAAC,aAAa,GAAG,SAAS,CAAC;IACpD,iBAAiB,EAAE,aAAa,CAAC,UAAU,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC;IACnE,aAAa,EAAE,UAAU,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;IACzD,iBAAiB,EAAE,OAAO,GAAG,SAAS,CAAC;IACvC,eAAe,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;IAC5B,SAAS,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B,gBAAgB,EAAE,OAAO,GAAG,SAAS,CAAC;IACtC,cAAc,EAAE,qBAAqB,CAAC;IACtC,WAAW,EAAE,CAAC,CAAC,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GAAG,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACtG,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,cAAc,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IAC5D,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,eAAe,EAAE,yBAAyB,CAAC,UAAU,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS,CAAC;IACrF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,8BAA8B,CAAC,EAAE,MAAM,CAAC;CACzC;AAED,QAAA,MAAM,KAAK,wFAqGV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/lib/internal/template/table/thead.js CHANGED Viewed

@@ -19,9 +19,9 @@ var Thead = React.forwardRef(function (_a, outerRef) {
     var _f = useColumnWidths(), columnWidths = _f.columnWidths, totalWidth = _f.totalWidth, updateColumn = _f.updateColumn;
     return (React.createElement("thead", { className: clsx(!hidden && styles['thead-active']) },
         React.createElement("tr", __assign({}, focusMarkers.all, { ref: outerRef }),
-            selectionType === 'multi' && (React.createElement("th", { className: clsx(headerCellClass, selectionCellClass), scope: "col" },
+            selectionType === 'multi' && (React.createElement("th", { className: clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden']), scope: "col" },
                 React.createElement(SelectionControl, __assign({ onFocusDown: function (event) { return onFocusMove(event.target, -1, +1); } }, selectAllProps, (hidden ? { tabIndex: -1 } : {}))))),
-            selectionType === 'single' && (React.createElement("th", { className: clsx(headerCellClass, selectionCellClass), scope: "col" },
+            selectionType === 'single' && (React.createElement("th", { className: clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden']), scope: "col" },
                 React.createElement(ScreenreaderOnly, null, singleSelectionHeaderAriaLabel))),
             columnDefinitions.map(function (column, colIndex) {
                 var widthOverride;
@@ -39,7 +39,7 @@ var Thead = React.forwardRef(function (_a, outerRef) {
                         width: widthOverride || column.width,
                         minWidth: sticky ? undefined : column.minWidth,
                         maxWidth: resizableColumns || sticky ? undefined : column.maxWidth
-                    }, tabIndex: sticky ? -1 : 0, showFocusRing: colIndex === showFocusRing, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, colIndex: colIndex, updateColumn: updateColumn, onResizeFinish: function () { return onResizeFinish(columnWidths); }, resizableColumns: resizableColumns, onClick: function (detail) { return fireNonCancelableEvent(onSortingChange, detail); }, onFocus: function () { return onCellFocus === null || onCellFocus === void 0 ? void 0 : onCellFocus(colIndex); }, onBlur: onCellBlur }));
+                    }, tabIndex: sticky ? -1 : 0, showFocusRing: colIndex === showFocusRing, column: column, activeSortingColumn: sortingColumn, sortingDescending: sortingDescending, sortingDisabled: sortingDisabled, wrapLines: wrapLines, hidden: hidden, colIndex: colIndex, updateColumn: updateColumn, onResizeFinish: function () { return onResizeFinish(columnWidths); }, resizableColumns: resizableColumns, onClick: function (detail) { return fireNonCancelableEvent(onSortingChange, detail); }, onFocus: function () { return onCellFocus === null || onCellFocus === void 0 ? void 0 : onCellFocus(colIndex); }, onBlur: onCellBlur }));
             }))));
 });
 export default Thead;

package/lib/internal/template/table/thead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"thead.js","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,gBAA2C,MAAM,qBAAqB,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EAAE,sBAAsB,EAA6B,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,gBAAgB,MAAM,6BAA6B,CAAC;AAC3D,OAAO,gBAAgB,MAAM,0CAA0C,CAAC;AAyBxE,IAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAC5B,UACE,EAqBa,EACb,QAAwC;QArBtC,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,gBAAgB,sBAAA,EAChB,OAAO,aAAA,EACP,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,8BAA8B,oCAAA,EAC9B,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,aAAa,EAAb,KAAK,mBAAG,KAAK,KAAA;IAIf,IAAM,eAAe,GAAG,IAAI,CAC1B,gBAAgB,CAAC,aAAa,CAAC,EAC/B,gBAAgB,CAAC,8BAAuB,OAAO,CAAE,CAAC,EAClD,MAAM,IAAI,gBAAgB,CAAC,oBAAoB,CAAC,EAChD,KAAK,IAAI,gBAAgB,CAAC,mBAAmB,CAAC,CAC/C,CAAC;IACF,IAAM,kBAAkB,GAAG,IAAI,CAAC,MAAM,CAAC,mBAAmB,CAAC,EAAE,MAAM,CAAC,0BAA0B,CAAC,CAAC,CAAC;IAC3F,IAAA,KAA6C,eAAe,EAAE,EAA5D,YAAY,kBAAA,EAAE,UAAU,gBAAA,EAAE,YAAY,kBAAsB,CAAC;IAErE,OAAO,CACL,+BAAO,SAAS,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM,CAAC,cAAc,CAAC,CAAC;QACvD,uCAAQ,YAAY,CAAC,GAAG,IAAE,GAAG,EAAE,QAAQ;YACpC,aAAa,KAAK,OAAO,IAAI,CAC5B,~~4BAAI~~,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,~~EAAE~~,KAAK,EAAC,KAAK;~~gBACnE~~,oBAAC,gBAAgB,aACf,WAAW,EAAE,UAAA,KAAK,IAAI,OAAA,WAAY,CAAC,KAAK,CAAC,MAAqB,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAjD,CAAiD,IACnE,cAAc,EACd,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpC,CACC,CACN;YACA,aAAa,KAAK,QAAQ,IAAI,CAC7B,~~4BAAI~~,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,kBAAkB,CAAC,~~EAAE~~,KAAK,EAAC,KAAK;~~gBACnE~~,oBAAC,gBAAgB,QAAE,8BAA8B,CAAoB,CAClE,CACN;YACA,iBAAiB,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,QAAQ;gBACtC,IAAI,aAAa,CAAC;gBAClB,IAAI,gBAAgB,EAAE;oBACpB,IAAI,YAAY,EAAE;wBAChB,kCAAkC;wBAClC,aAAa,GAAG,YAAY,CAAC,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;qBAC9D;oBACD,IAAI,QAAQ,KAAK,iBAAiB,CAAC,MAAM,GAAG,CAAC,IAAI,cAAc,IAAI,cAAc,GAAG,UAAU,EAAE;wBAC9F,wDAAwD;wBACxD,aAAa,GAAG,MAAM,CAAC;qBACxB;iBACF;gBACD,OAAO,CACL,oBAAC,eAAe,IACd,GAAG,EAAE,YAAY,CAAC,MAAM,EAAE,QAAQ,CAAC,EACnC,SAAS,EAAE,eAAe,EAC1B,KAAK,EAAE;wBACL,KAAK,EAAE,aAAa,IAAI,MAAM,CAAC,KAAK;wBACpC,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ;wBAC9C,QAAQ,EAAE,gBAAgB,IAAI,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ;qBACnE,EACD,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACzB,aAAa,EAAE,QAAQ,KAAK,aAAa,EACzC,MAAM,EAAE,MAAM,EACd,mBAAmB,EAAE,aAAa,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,cAAc,EAAE,cAAM,OAAA,cAAc,CAAC,YAAY,CAAC,EAA5B,CAA4B,EAClD,gBAAgB,EAAE,gBAAgB,EAClC,OAAO,EAAE,UAAA,MAAM,IAAI,OAAA,sBAAsB,CAAC,eAAe,EAAE,MAAM,CAAC,EAA/C,CAA+C,EAClE,OAAO,EAAE,cAAM,OAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,QAAQ,CAAC,EAAvB,CAAuB,EACtC,MAAM,EAAE,UAAU,GAClB,CACH,CAAC;YACJ,CAAC,CAAC,CACC,CACC,CACT,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,KAAK,CAAC","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 { TableProps } from './interfaces';\nimport SelectionControl, { SelectionControlProps } from './selection-control';\nimport { focusMarkers } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport styles from './styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\n\nexport interface TheadProps {\n containerWidth: number \| null;\n selectionType: TableProps.SelectionType \| undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> \| undefined;\n sortingDescending: boolean \| undefined;\n sortingDisabled: boolean \| undefined;\n variant: TableProps.Variant;\n wrapLines: boolean \| undefined;\n resizableColumns: boolean \| undefined;\n selectAllProps: SelectionControlProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 \| 1) => void) \| undefined;\n onCellFocus?: (colIndex: number) => void;\n onCellBlur?: () => void;\n onResizeFinish: (newWidths: Record<string, number>) => void;\n showFocusRing?: number \| null;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> \| undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n containerWidth,\n selectionType,\n selectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n wrapLines,\n onFocusMove,\n onCellFocus,\n onCellBlur,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n showFocusRing = null,\n sticky = false,\n hidden = false,\n stuck = false,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const headerCellClass = clsx(\n headerCellStyles['header-cell'],\n headerCellStyles[`header-cell-variant-${variant}`],\n sticky && headerCellStyles['header-cell-sticky'],\n stuck && headerCellStyles['header-cell-stuck']\n );\n const selectionCellClass = clsx(styles['selection-control'], styles['selection-control-header']);\n const { columnWidths, totalWidth, updateColumn } = useColumnWidths();\n\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr {...focusMarkers.all} ref={outerRef}>\n {selectionType === 'multi' && (\n <th className={clsx(headerCellClass, selectionCellClass)} scope=\"col\">\n <SelectionControl\n onFocusDown={event => onFocusMove!(event.target as HTMLElement, -1, +1)}\n {...selectAllProps}\n {...(hidden ? { tabIndex: -1 } : {})}\n />\n </th>\n )}\n {selectionType === 'single' && (\n <th className={clsx(headerCellClass, selectionCellClass)} scope=\"col\">\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n </th>\n )}\n {columnDefinitions.map((column, colIndex) => {\n let widthOverride;\n if (resizableColumns) {\n if (columnWidths) {\n // use stateful value if available\n widthOverride = columnWidths[getColumnKey(column, colIndex)];\n }\n if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n // let the last column grow and fill the container width\n widthOverride = 'auto';\n }\n }\n return (\n <TableHeaderCell\n key={getColumnKey(column, colIndex)}\n className={headerCellClass}\n style={{\n width: widthOverride \|\| column.width,\n minWidth: sticky ? undefined : column.minWidth,\n maxWidth: resizableColumns \|\| sticky ? undefined : column.maxWidth,\n }}\n tabIndex={sticky ? -1 : 0}\n showFocusRing={colIndex === showFocusRing}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n colIndex={colIndex}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n onFocus={() => onCellFocus?.(colIndex)}\n onBlur={onCellBlur}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}
1	+ {"version":3,"file":"thead.js","sourceRoot":"","sources":["../../../src/table/thead.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 { TableProps } from './interfaces';\nimport SelectionControl, { SelectionControlProps } from './selection-control';\nimport { focusMarkers } from './use-selection';\nimport { fireNonCancelableEvent, NonCancelableEventHandler } from '../internal/events';\nimport { getColumnKey } from './utils';\nimport { TableHeaderCell } from './header-cell';\nimport { useColumnWidths } from './use-column-widths';\nimport styles from './styles.css.js';\nimport headerCellStyles from './header-cell/styles.css.js';\nimport ScreenreaderOnly from '../internal/components/screenreader-only';\n\nexport interface TheadProps {\n containerWidth: number \| null;\n selectionType: TableProps.SelectionType \| undefined;\n columnDefinitions: ReadonlyArray<TableProps.ColumnDefinition<any>>;\n sortingColumn: TableProps.SortingColumn<any> \| undefined;\n sortingDescending: boolean \| undefined;\n sortingDisabled: boolean \| undefined;\n variant: TableProps.Variant;\n wrapLines: boolean \| undefined;\n resizableColumns: boolean \| undefined;\n selectAllProps: SelectionControlProps;\n onFocusMove: ((sourceElement: HTMLElement, fromIndex: number, direction: -1 \| 1) => void) \| undefined;\n onCellFocus?: (colIndex: number) => void;\n onCellBlur?: () => void;\n onResizeFinish: (newWidths: Record<string, number>) => void;\n showFocusRing?: number \| null;\n onSortingChange: NonCancelableEventHandler<TableProps.SortingState<any>> \| undefined;\n sticky?: boolean;\n hidden?: boolean;\n stuck?: boolean;\n singleSelectionHeaderAriaLabel?: string;\n}\n\nconst Thead = React.forwardRef(\n (\n {\n containerWidth,\n selectionType,\n selectAllProps,\n columnDefinitions,\n sortingColumn,\n sortingDisabled,\n sortingDescending,\n resizableColumns,\n variant,\n wrapLines,\n onFocusMove,\n onCellFocus,\n onCellBlur,\n onSortingChange,\n onResizeFinish,\n singleSelectionHeaderAriaLabel,\n showFocusRing = null,\n sticky = false,\n hidden = false,\n stuck = false,\n }: TheadProps,\n outerRef: React.Ref<HTMLTableRowElement>\n ) => {\n const headerCellClass = clsx(\n headerCellStyles['header-cell'],\n headerCellStyles[`header-cell-variant-${variant}`],\n sticky && headerCellStyles['header-cell-sticky'],\n stuck && headerCellStyles['header-cell-stuck']\n );\n const selectionCellClass = clsx(styles['selection-control'], styles['selection-control-header']);\n const { columnWidths, totalWidth, updateColumn } = useColumnWidths();\n\n return (\n <thead className={clsx(!hidden && styles['thead-active'])}>\n <tr {...focusMarkers.all} ref={outerRef}>\n {selectionType === 'multi' && (\n <th\n className={clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden'])}\n scope=\"col\"\n >\n <SelectionControl\n onFocusDown={event => onFocusMove!(event.target as HTMLElement, -1, +1)}\n {...selectAllProps}\n {...(hidden ? { tabIndex: -1 } : {})}\n />\n </th>\n )}\n {selectionType === 'single' && (\n <th\n className={clsx(headerCellClass, selectionCellClass, hidden && headerCellStyles['header-cell-hidden'])}\n scope=\"col\"\n >\n <ScreenreaderOnly>{singleSelectionHeaderAriaLabel}</ScreenreaderOnly>\n </th>\n )}\n {columnDefinitions.map((column, colIndex) => {\n let widthOverride;\n if (resizableColumns) {\n if (columnWidths) {\n // use stateful value if available\n widthOverride = columnWidths[getColumnKey(column, colIndex)];\n }\n if (colIndex === columnDefinitions.length - 1 && containerWidth && containerWidth > totalWidth) {\n // let the last column grow and fill the container width\n widthOverride = 'auto';\n }\n }\n return (\n <TableHeaderCell\n key={getColumnKey(column, colIndex)}\n className={headerCellClass}\n style={{\n width: widthOverride \|\| column.width,\n minWidth: sticky ? undefined : column.minWidth,\n maxWidth: resizableColumns \|\| sticky ? undefined : column.maxWidth,\n }}\n tabIndex={sticky ? -1 : 0}\n showFocusRing={colIndex === showFocusRing}\n column={column}\n activeSortingColumn={sortingColumn}\n sortingDescending={sortingDescending}\n sortingDisabled={sortingDisabled}\n wrapLines={wrapLines}\n hidden={hidden}\n colIndex={colIndex}\n updateColumn={updateColumn}\n onResizeFinish={() => onResizeFinish(columnWidths)}\n resizableColumns={resizableColumns}\n onClick={detail => fireNonCancelableEvent(onSortingChange, detail)}\n onFocus={() => onCellFocus?.(colIndex)}\n onBlur={onCellBlur}\n />\n );\n })}\n </tr>\n </thead>\n );\n }\n);\n\nexport default Thead;\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.108",
+  "version": "3.0.110",
   "files": [
     "lib",
     "package.json",