@cloudscape-design/components-themeable 3.0.962 → 3.0.964

package/lib/internal/template/split-panel/styles.selectors.js

@@ -2,32 +2,32 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "drawer": "awsui_drawer_1r9lg_16bk7_153",
-  "drawer-closed": "awsui_drawer-closed_1r9lg_16bk7_190",
-  "refresh": "awsui_refresh_1r9lg_16bk7_190",
-  "drawer-content-side": "awsui_drawer-content-side_1r9lg_16bk7_195",
-  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_16bk7_211",
-  "position-bottom": "awsui_position-bottom_1r9lg_16bk7_218",
-  "hidden": "awsui_hidden_1r9lg_16bk7_226",
-  "position-side": "awsui_position-side_1r9lg_16bk7_247",
-  "with-toolbar": "awsui_with-toolbar_1r9lg_16bk7_252",
-  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_16bk7_256",
-  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_16bk7_267",
-  "open-button-side": "awsui_open-button-side_1r9lg_16bk7_281",
-  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_16bk7_290",
-  "drawer-mobile": "awsui_drawer-mobile_1r9lg_16bk7_300",
-  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_16bk7_304",
-  "content-bottom": "awsui_content-bottom_1r9lg_16bk7_316",
-  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_16bk7_335",
-  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_16bk7_340",
-  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_16bk7_344",
-  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_16bk7_348",
-  "content-side": "awsui_content-side_1r9lg_16bk7_353",
-  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_16bk7_365",
-  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_16bk7_374",
-  "header": "awsui_header_1r9lg_16bk7_385",
-  "header-text": "awsui_header-text_1r9lg_16bk7_398",
-  "header-actions": "awsui_header-actions_1r9lg_16bk7_411",
-  "divider": "awsui_divider_1r9lg_16bk7_419"
+  "drawer": "awsui_drawer_1r9lg_k1a2e_153",
+  "drawer-closed": "awsui_drawer-closed_1r9lg_k1a2e_190",
+  "refresh": "awsui_refresh_1r9lg_k1a2e_190",
+  "drawer-content-side": "awsui_drawer-content-side_1r9lg_k1a2e_195",
+  "drawer-content-bottom": "awsui_drawer-content-bottom_1r9lg_k1a2e_211",
+  "position-bottom": "awsui_position-bottom_1r9lg_k1a2e_218",
+  "hidden": "awsui_hidden_1r9lg_k1a2e_226",
+  "position-side": "awsui_position-side_1r9lg_k1a2e_247",
+  "with-toolbar": "awsui_with-toolbar_1r9lg_k1a2e_252",
+  "slider-wrapper-bottom": "awsui_slider-wrapper-bottom_1r9lg_k1a2e_256",
+  "slider-wrapper-side": "awsui_slider-wrapper-side_1r9lg_k1a2e_267",
+  "open-button-side": "awsui_open-button-side_1r9lg_k1a2e_281",
+  "pane-header-wrapper-bottom": "awsui_pane-header-wrapper-bottom_1r9lg_k1a2e_290",
+  "drawer-mobile": "awsui_drawer-mobile_1r9lg_k1a2e_300",
+  "drawer-disable-content-paddings": "awsui_drawer-disable-content-paddings_1r9lg_k1a2e_304",
+  "content-bottom": "awsui_content-bottom_1r9lg_k1a2e_316",
+  "pane-bottom-center-align": "awsui_pane-bottom-center-align_1r9lg_k1a2e_335",
+  "pane-bottom-content-nav-padding": "awsui_pane-bottom-content-nav-padding_1r9lg_k1a2e_340",
+  "pane-bottom-content-tools-padding": "awsui_pane-bottom-content-tools-padding_1r9lg_k1a2e_344",
+  "content-bottom-max-width": "awsui_content-bottom-max-width_1r9lg_k1a2e_348",
+  "content-side": "awsui_content-side_1r9lg_k1a2e_353",
+  "pane-header-wrapper-side": "awsui_pane-header-wrapper-side_1r9lg_k1a2e_365",
+  "pane-content-wrapper-side": "awsui_pane-content-wrapper-side_1r9lg_k1a2e_374",
+  "header": "awsui_header_1r9lg_k1a2e_385",
+  "header-text": "awsui_header-text_1r9lg_k1a2e_398",
+  "header-actions": "awsui_header-actions_1r9lg_k1a2e_411",
+  "divider": "awsui_divider_1r9lg_k1a2e_419"
 };
   

package/lib/internal/template/status-indicator/styles.css.js

@@ -1,28 +1,28 @@
 
     import './styles.scoped.css';
     export default {
-  "icon-shake": "awsui_icon-shake_1cbgc_1kir9_153",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_1kir9_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_1kir9_181",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_1kir9_1",
-  "root": "awsui_root_1cbgc_1kir9_203",
-  "status-error": "awsui_status-error_1cbgc_1kir9_212",
-  "status-warning": "awsui_status-warning_1cbgc_1kir9_215",
-  "status-success": "awsui_status-success_1cbgc_1kir9_218",
-  "status-info": "awsui_status-info_1cbgc_1kir9_221",
-  "status-stopped": "awsui_status-stopped_1cbgc_1kir9_224",
-  "status-pending": "awsui_status-pending_1cbgc_1kir9_227",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_1kir9_230",
-  "status-loading": "awsui_status-loading_1cbgc_1kir9_233",
-  "color-override-red": "awsui_color-override-red_1cbgc_1kir9_236",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_1kir9_239",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_1kir9_242",
-  "color-override-green": "awsui_color-override-green_1cbgc_1kir9_245",
-  "color-override-yellow": "awsui_color-override-yellow_1cbgc_1kir9_248",
-  "container": "awsui_container_1cbgc_1kir9_181",
-  "display-inline": "awsui_display-inline_1cbgc_1kir9_252",
-  "icon": "awsui_icon_1cbgc_1kir9_153",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_1kir9_260",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_1kir9_269"
+  "icon-shake": "awsui_icon-shake_1cbgc_js1ew_153",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_js1ew_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_js1ew_181",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_js1ew_1",
+  "root": "awsui_root_1cbgc_js1ew_203",
+  "status-error": "awsui_status-error_1cbgc_js1ew_212",
+  "status-warning": "awsui_status-warning_1cbgc_js1ew_215",
+  "status-success": "awsui_status-success_1cbgc_js1ew_218",
+  "status-info": "awsui_status-info_1cbgc_js1ew_221",
+  "status-stopped": "awsui_status-stopped_1cbgc_js1ew_224",
+  "status-pending": "awsui_status-pending_1cbgc_js1ew_227",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_js1ew_230",
+  "status-loading": "awsui_status-loading_1cbgc_js1ew_233",
+  "color-override-red": "awsui_color-override-red_1cbgc_js1ew_236",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_js1ew_239",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_js1ew_242",
+  "color-override-green": "awsui_color-override-green_1cbgc_js1ew_245",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_js1ew_248",
+  "container": "awsui_container_1cbgc_js1ew_181",
+  "display-inline": "awsui_display-inline_1cbgc_js1ew_252",
+  "icon": "awsui_icon_1cbgc_js1ew_153",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_js1ew_260",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_js1ew_269"
 };
   

package/lib/internal/template/status-indicator/styles.scoped.css

@@ -150,38 +150,38 @@ 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_icon-shake_1cbgc_1kir9_153:not(#\9) {
+.awsui_icon-shake_1cbgc_js1ew_153:not(#\9) {
   display: inline-block;
-  animation: awsui_awsui-motion-shake-horizontally_1cbgc_1kir9_1 var(--motion-duration-refresh-only-medium-kd6k1u, 0ms);
+  animation: awsui_awsui-motion-shake-horizontally_1cbgc_js1ew_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_1kir9_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_js1ew_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
   }
   50% {
     transform: translateX(5px);
-    animation-timing-function: var(--motion-easing-refresh-only-a-tqkxvq, cubic-bezier(0, 0, 0, 1));
+    animation-timing-function: var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
   }
   100% {
     transform: translateX(0px);
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon-shake_1cbgc_1kir9_153:not(#\9) {
+  .awsui_icon-shake_1cbgc_js1ew_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon-shake_1cbgc_1kir9_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_1kir9_153:not(#\9) {
+.awsui-motion-disabled .awsui_icon-shake_1cbgc_js1ew_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_js1ew_153:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_container-fade-in_1cbgc_1kir9_181:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1cbgc_1kir9_1 var(--motion-duration-refresh-only-medium-kd6k1u, 0ms) var(--motion-easing-refresh-only-a-tqkxvq, cubic-bezier(0, 0, 0, 1));
+.awsui_container-fade-in_1cbgc_js1ew_181:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1cbgc_js1ew_1 var(--motion-duration-refresh-only-medium-h3wrr6, 0ms) var(--motion-easing-refresh-only-a-8gio5w, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_1cbgc_1kir9_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1cbgc_js1ew_1 {
   from {
     opacity: 0;
   }
@@ -190,83 +190,83 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container-fade-in_1cbgc_1kir9_181:not(#\9) {
+  .awsui_container-fade-in_1cbgc_js1ew_181:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container-fade-in_1cbgc_1kir9_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_1kir9_181:not(#\9) {
+.awsui-motion-disabled .awsui_container-fade-in_1cbgc_js1ew_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_js1ew_181:not(#\9) {
   animation: none;
   transition: none;
 }
 
-.awsui_root_1cbgc_1kir9_203:not(#\9) {
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+.awsui_root_1cbgc_js1ew_203:not(#\9) {
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1cbgc_1kir9_203.awsui_status-error_1cbgc_1kir9_212:not(#\9) {
-  color: var(--color-text-status-error-p5bdwa, #d13212);
+.awsui_root_1cbgc_js1ew_203.awsui_status-error_1cbgc_js1ew_212:not(#\9) {
+  color: var(--color-text-status-error-751i8n, #d13212);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_status-warning_1cbgc_1kir9_215:not(#\9) {
-  color: var(--color-text-status-warning-3hbtsc, #906806);
+.awsui_root_1cbgc_js1ew_203.awsui_status-warning_1cbgc_js1ew_215:not(#\9) {
+  color: var(--color-text-status-warning-75jmgn, #906806);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_status-success_1cbgc_1kir9_218:not(#\9) {
-  color: var(--color-text-status-success-sh9pg0, #1d8102);
+.awsui_root_1cbgc_js1ew_203.awsui_status-success_1cbgc_js1ew_218:not(#\9) {
+  color: var(--color-text-status-success-vmys4n, #1d8102);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_status-info_1cbgc_1kir9_221:not(#\9) {
-  color: var(--color-text-status-info-1ypqr6, #0073bb);
+.awsui_root_1cbgc_js1ew_203.awsui_status-info_1cbgc_js1ew_221:not(#\9) {
+  color: var(--color-text-status-info-q591kt, #0073bb);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_status-stopped_1cbgc_1kir9_224:not(#\9) {
-  color: var(--color-text-status-inactive-hdm5cz, #687078);
+.awsui_root_1cbgc_js1ew_203.awsui_status-stopped_1cbgc_js1ew_224:not(#\9) {
+  color: var(--color-text-status-inactive-mtqnz3, #687078);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_status-pending_1cbgc_1kir9_227:not(#\9) {
-  color: var(--color-text-status-inactive-hdm5cz, #687078);
+.awsui_root_1cbgc_js1ew_203.awsui_status-pending_1cbgc_js1ew_227:not(#\9) {
+  color: var(--color-text-status-inactive-mtqnz3, #687078);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_status-in-progress_1cbgc_1kir9_230:not(#\9) {
-  color: var(--color-text-status-inactive-hdm5cz, #687078);
+.awsui_root_1cbgc_js1ew_203.awsui_status-in-progress_1cbgc_js1ew_230:not(#\9) {
+  color: var(--color-text-status-inactive-mtqnz3, #687078);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_status-loading_1cbgc_1kir9_233:not(#\9) {
-  color: var(--color-text-status-inactive-hdm5cz, #687078);
+.awsui_root_1cbgc_js1ew_203.awsui_status-loading_1cbgc_js1ew_233:not(#\9) {
+  color: var(--color-text-status-inactive-mtqnz3, #687078);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_color-override-red_1cbgc_1kir9_236:not(#\9) {
-  color: var(--color-text-status-error-p5bdwa, #d13212);
+.awsui_root_1cbgc_js1ew_203.awsui_color-override-red_1cbgc_js1ew_236:not(#\9) {
+  color: var(--color-text-status-error-751i8n, #d13212);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_color-override-grey_1cbgc_1kir9_239:not(#\9) {
-  color: var(--color-text-status-inactive-hdm5cz, #687078);
+.awsui_root_1cbgc_js1ew_203.awsui_color-override-grey_1cbgc_js1ew_239:not(#\9) {
+  color: var(--color-text-status-inactive-mtqnz3, #687078);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_color-override-blue_1cbgc_1kir9_242:not(#\9) {
-  color: var(--color-text-status-info-1ypqr6, #0073bb);
+.awsui_root_1cbgc_js1ew_203.awsui_color-override-blue_1cbgc_js1ew_242:not(#\9) {
+  color: var(--color-text-status-info-q591kt, #0073bb);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_color-override-green_1cbgc_1kir9_245:not(#\9) {
-  color: var(--color-text-status-success-sh9pg0, #1d8102);
+.awsui_root_1cbgc_js1ew_203.awsui_color-override-green_1cbgc_js1ew_245:not(#\9) {
+  color: var(--color-text-status-success-vmys4n, #1d8102);
 }
-.awsui_root_1cbgc_1kir9_203.awsui_color-override-yellow_1cbgc_1kir9_248:not(#\9) {
-  color: var(--color-text-status-warning-3hbtsc, #906806);
+.awsui_root_1cbgc_js1ew_203.awsui_color-override-yellow_1cbgc_js1ew_248:not(#\9) {
+  color: var(--color-text-status-warning-75jmgn, #906806);
 }
 
-.awsui_container_1cbgc_1kir9_181.awsui_display-inline_1cbgc_1kir9_252:not(#\9) {
+.awsui_container_1cbgc_js1ew_181.awsui_display-inline_1cbgc_js1ew_252:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: inline;
 }
-.awsui_container_1cbgc_1kir9_181.awsui_display-inline_1cbgc_1kir9_252 > .awsui_icon_1cbgc_1kir9_153:not(#\9) {
+.awsui_container_1cbgc_js1ew_181.awsui_display-inline_1cbgc_js1ew_252 > .awsui_icon_1cbgc_js1ew_153:not(#\9) {
   white-space: nowrap;
 }
-.awsui_container_1cbgc_1kir9_181.awsui_display-inline-block_1cbgc_1kir9_260:not(#\9) {
+.awsui_container_1cbgc_js1ew_181.awsui_display-inline-block_1cbgc_js1ew_260:not(#\9) {
   display: inline-block;
   word-wrap: break-word;
   word-break: break-all;
 }
-.awsui_container_1cbgc_1kir9_181.awsui_display-inline-block_1cbgc_1kir9_260 > .awsui_icon_1cbgc_1kir9_153:not(#\9) {
-  padding-inline-end: var(--space-xxs-y2432o, 4px);
+.awsui_container_1cbgc_js1ew_181.awsui_display-inline-block_1cbgc_js1ew_260 > .awsui_icon_1cbgc_js1ew_153:not(#\9) {
+  padding-inline-end: var(--space-xxs-jnczic, 4px);
 }
 
-.awsui_overflow-ellipsis_1cbgc_1kir9_269:not(#\9) {
+.awsui_overflow-ellipsis_1cbgc_js1ew_269:not(#\9) {
   max-inline-size: 100%;
   overflow: hidden;
   text-overflow: ellipsis;

package/lib/internal/template/status-indicator/styles.selectors.js

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon-shake": "awsui_icon-shake_1cbgc_1kir9_153",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_1kir9_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_1kir9_181",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_1kir9_1",
-  "root": "awsui_root_1cbgc_1kir9_203",
-  "status-error": "awsui_status-error_1cbgc_1kir9_212",
-  "status-warning": "awsui_status-warning_1cbgc_1kir9_215",
-  "status-success": "awsui_status-success_1cbgc_1kir9_218",
-  "status-info": "awsui_status-info_1cbgc_1kir9_221",
-  "status-stopped": "awsui_status-stopped_1cbgc_1kir9_224",
-  "status-pending": "awsui_status-pending_1cbgc_1kir9_227",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_1kir9_230",
-  "status-loading": "awsui_status-loading_1cbgc_1kir9_233",
-  "color-override-red": "awsui_color-override-red_1cbgc_1kir9_236",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_1kir9_239",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_1kir9_242",
-  "color-override-green": "awsui_color-override-green_1cbgc_1kir9_245",
-  "color-override-yellow": "awsui_color-override-yellow_1cbgc_1kir9_248",
-  "container": "awsui_container_1cbgc_1kir9_181",
-  "display-inline": "awsui_display-inline_1cbgc_1kir9_252",
-  "icon": "awsui_icon_1cbgc_1kir9_153",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_1kir9_260",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_1kir9_269"
+  "icon-shake": "awsui_icon-shake_1cbgc_js1ew_153",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_js1ew_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_js1ew_181",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_js1ew_1",
+  "root": "awsui_root_1cbgc_js1ew_203",
+  "status-error": "awsui_status-error_1cbgc_js1ew_212",
+  "status-warning": "awsui_status-warning_1cbgc_js1ew_215",
+  "status-success": "awsui_status-success_1cbgc_js1ew_218",
+  "status-info": "awsui_status-info_1cbgc_js1ew_221",
+  "status-stopped": "awsui_status-stopped_1cbgc_js1ew_224",
+  "status-pending": "awsui_status-pending_1cbgc_js1ew_227",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_js1ew_230",
+  "status-loading": "awsui_status-loading_1cbgc_js1ew_233",
+  "color-override-red": "awsui_color-override-red_1cbgc_js1ew_236",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_js1ew_239",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_js1ew_242",
+  "color-override-green": "awsui_color-override-green_1cbgc_js1ew_245",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_js1ew_248",
+  "container": "awsui_container_1cbgc_js1ew_181",
+  "display-inline": "awsui_display-inline_1cbgc_js1ew_252",
+  "icon": "awsui_icon_1cbgc_js1ew_153",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_js1ew_260",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_js1ew_269"
 };
   

package/lib/internal/template/steps/styles.css.js

@@ -1,11 +1,11 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_gxp9y_1ixpm_181",
-  "list": "awsui_list_gxp9y_1ixpm_212",
-  "container": "awsui_container_gxp9y_1ixpm_217",
-  "header": "awsui_header_gxp9y_1ixpm_222",
-  "details": "awsui_details_gxp9y_1ixpm_226",
-  "connector": "awsui_connector_gxp9y_1ixpm_232"
+  "root": "awsui_root_gxp9y_1j3q2_181",
+  "list": "awsui_list_gxp9y_1j3q2_212",
+  "container": "awsui_container_gxp9y_1j3q2_217",
+  "header": "awsui_header_gxp9y_1j3q2_222",
+  "details": "awsui_details_gxp9y_1j3q2_226",
+  "connector": "awsui_connector_gxp9y_1j3q2_232"
 };
   

package/lib/internal/template/steps/styles.scoped.css

@@ -178,7 +178,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_root_gxp9y_1ixpm_181:not(#\9) {
+.awsui_root_gxp9y_1j3q2_181:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -202,47 +202,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   visibility: visible;
   white-space: normal;
   word-spacing: normal;
-  font-size: var(--font-size-body-m-6wxxs5, 14px);
-  line-height: var(--line-height-body-m-gw0130, 22px);
-  color: var(--color-text-body-default-agk00h, #16191f);
+  font-size: var(--font-size-body-m-vv54cm, 14px);
+  line-height: var(--line-height-body-m-bedeoh, 22px);
+  color: var(--color-text-body-default-1tki40, #16191f);
   font-weight: 400;
-  font-family: var(--font-family-base-pxn2ad, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
+  font-family: var(--font-family-base-8x5ngf, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_gxp9y_1ixpm_181 > .awsui_list_gxp9y_1ixpm_212:not(#\9) {
+.awsui_root_gxp9y_1j3q2_181 > .awsui_list_gxp9y_1j3q2_212:not(#\9) {
   list-style: none;
   padding-inline-start: 0;
   margin-block: 0;
 }
-.awsui_root_gxp9y_1ixpm_181 > .awsui_list_gxp9y_1ixpm_212 > .awsui_container_gxp9y_1ixpm_217:not(#\9) {
+.awsui_root_gxp9y_1j3q2_181 > .awsui_list_gxp9y_1j3q2_212 > .awsui_container_gxp9y_1j3q2_217:not(#\9) {
   display: grid;
-  grid-template-columns: var(--space-static-l-xtao5d, 20px) 1fr;
-  grid-template-rows: minmax(var(--space-static-l-xtao5d, 20px), auto);
+  grid-template-columns: var(--space-static-l-ig026c, 20px) 1fr;
+  grid-template-rows: minmax(var(--space-static-l-ig026c, 20px), auto);
 }
-.awsui_root_gxp9y_1ixpm_181 > .awsui_list_gxp9y_1ixpm_212 > .awsui_container_gxp9y_1ixpm_217 > .awsui_header_gxp9y_1ixpm_222:not(#\9) {
+.awsui_root_gxp9y_1j3q2_181 > .awsui_list_gxp9y_1j3q2_212 > .awsui_container_gxp9y_1j3q2_217 > .awsui_header_gxp9y_1j3q2_222:not(#\9) {
   grid-row: 1;
   grid-column: 1/span 2;
 }
-.awsui_root_gxp9y_1ixpm_181 > .awsui_list_gxp9y_1ixpm_212 > .awsui_container_gxp9y_1ixpm_217 > .awsui_details_gxp9y_1ixpm_226:not(#\9) {
+.awsui_root_gxp9y_1j3q2_181 > .awsui_list_gxp9y_1j3q2_212 > .awsui_container_gxp9y_1j3q2_217 > .awsui_details_gxp9y_1j3q2_226:not(#\9) {
   align-items: center;
   grid-row: 2;
   grid-column: 2;
-  margin-block-end: var(--space-static-xs-fwcjew, 8px);
+  margin-block-end: var(--space-static-xs-4gq40t, 8px);
 }
-.awsui_root_gxp9y_1ixpm_181 > .awsui_list_gxp9y_1ixpm_212 > .awsui_container_gxp9y_1ixpm_217 > .awsui_connector_gxp9y_1ixpm_232:not(#\9) {
+.awsui_root_gxp9y_1j3q2_181 > .awsui_list_gxp9y_1j3q2_212 > .awsui_container_gxp9y_1j3q2_217 > .awsui_connector_gxp9y_1j3q2_232:not(#\9) {
   grid-row: 2;
   grid-column: 1;
-  background-color: var(--color-border-divider-default-u5ytia, #eaeded);
+  background-color: var(--color-border-divider-default-pt4umz, #eaeded);
   margin-block: 0;
   border-block: 0;
   border-inline: 0;
-  inline-size: var(--border-divider-list-width-x6rz7e, 1px);
+  inline-size: var(--border-divider-list-width-8ggz94, 1px);
   block-size: auto;
-  min-block-size: var(--space-static-xs-fwcjew, 8px);
+  min-block-size: var(--space-static-xs-4gq40t, 8px);
   position: relative;
-  inset-inline-end: var(--space-static-xxxs-h1c9px, 2px);
+  inset-inline-end: var(--space-static-xxxs-zckw10, 2px);
 }
-.awsui_root_gxp9y_1ixpm_181 > .awsui_list_gxp9y_1ixpm_212 > :not(#\9):last-of-type > .awsui_connector_gxp9y_1ixpm_232 {
+.awsui_root_gxp9y_1j3q2_181 > .awsui_list_gxp9y_1j3q2_212 > :not(#\9):last-of-type > .awsui_connector_gxp9y_1j3q2_232 {
   display: none;
 }

package/lib/internal/template/steps/styles.selectors.js

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_gxp9y_1ixpm_181",
-  "list": "awsui_list_gxp9y_1ixpm_212",
-  "container": "awsui_container_gxp9y_1ixpm_217",
-  "header": "awsui_header_gxp9y_1ixpm_222",
-  "details": "awsui_details_gxp9y_1ixpm_226",
-  "connector": "awsui_connector_gxp9y_1ixpm_232"
+  "root": "awsui_root_gxp9y_1j3q2_181",
+  "list": "awsui_list_gxp9y_1j3q2_212",
+  "container": "awsui_container_gxp9y_1j3q2_217",
+  "header": "awsui_header_gxp9y_1j3q2_222",
+  "details": "awsui_details_gxp9y_1j3q2_226",
+  "connector": "awsui_connector_gxp9y_1j3q2_232"
 };
   

package/lib/internal/template/table/body-cell/disabled-inline-editor.js

@@ -51,7 +51,7 @@ export function DisabledInlineEditor(_a) {
         isEditing && (React.createElement("span", { ref: portalRef },
             React.createElement(Portal, null,
                 React.createElement("span", { className: portalClasses },
-                    React.createElement(PopoverContainer, { size: "medium", fixedWidth: false, position: "top", trackRef: iconRef, arrow: position => React.createElement(Arrow, { position: position }), renderWithPortal: true, zIndex: 2000 },
+                    React.createElement(PopoverContainer, { size: "medium", fixedWidth: false, position: "top", trackRef: iconRef, arrow: position => React.createElement(Arrow, { position: position }), renderWithPortal: true, zIndex: 7000 },
                         React.createElement(PopoverBody, { dismissButton: false, dismissAriaLabel: undefined, header: null, onDismiss: () => { }, overflowVisible: "both" },
                             React.createElement(InternalLiveRegion, { tagName: "span" }, editDisabledReason)))))))));
 }

package/lib/internal/template/table/body-cell/disabled-inline-editor.js.map

@@ -1 +1 @@
-{"version":3,"file":"disabled-inline-editor.js","sourceRoot":"","sources":["../../../../src/table/body-cell/disabled-inline-editor.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 React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport Icon from '../../icon/internal';\nimport Portal from '../../internal/components/portal';\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport { usePortalModeClasses } from '../../internal/hooks/use-portal-mode-classes';\nimport InternalLiveRegion from '../../live-region/internal';\nimport Arrow from '../../popover/arrow';\nimport PopoverBody from '../../popover/body';\nimport PopoverContainer from '../../popover/container';\nimport { useClickAway } from './click-away';\nimport { TableBodyCellProps } from './index';\nimport { TableTdElement, TableTdElementProps } from './td-element';\n\nimport styles from './styles.css.js';\n\ninterface DisabledInlineEditorProps<ItemType> extends TableBodyCellProps<ItemType> {\n  editDisabledReason: string;\n}\n\nexport function DisabledInlineEditor<ItemType>({\n  item,\n  column,\n  ariaLabels,\n  isEditing,\n  onEditStart,\n  onEditEnd,\n  editDisabledReason,\n  ...rest\n}: DisabledInlineEditorProps<ItemType>) {\n  const isExpandableColumn = rest.level !== undefined;\n  const clickAwayRef = useClickAway(() => {\n    if (isEditing) {\n      onEditEnd(true);\n    }\n  });\n\n  const iconRef = useRef(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const portalRef = useRef<HTMLSpanElement>(null);\n\n  function handleEscape(event: React.KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      onEditEnd(true);\n    }\n  }\n\n  const onClick = () => {\n    onEditStart();\n    buttonRef.current?.focus();\n  };\n\n  const { targetProps, descriptionEl } = useHiddenDescription(editDisabledReason);\n  const portalClasses = usePortalModeClasses(portalRef);\n\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <TableTdElement\n      {...rest}\n      nativeAttributes={\n        { 'data-inline-editing-active': isEditing.toString() } as TableTdElementProps['nativeAttributes']\n      }\n      isEditing={isEditing}\n      isEditingDisabled={true}\n      onClick={!isEditing && !isExpandableColumn ? onClick : undefined}\n      ref={!isExpandableColumn ? clickAwayRef : undefined}\n    >\n      {column.cell(item)}\n\n      <div className={styles['body-cell-editor-wrapper']}>\n        <div ref={isExpandableColumn ? clickAwayRef : undefined}>\n          <button\n            ref={buttonRef}\n            tabIndex={tabIndex}\n            className={clsx(\n              styles['body-cell-editor'],\n              styles['body-cell-editor-disabled'],\n              isExpandableColumn && styles['body-cell-editor-focusable']\n            )}\n            onClick={!isEditing && isExpandableColumn ? onClick : undefined}\n            aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n            aria-haspopup=\"dialog\"\n            aria-disabled=\"true\"\n            onKeyDown={handleEscape}\n            {...targetProps}\n          >\n            <span className={styles['body-cell-editor-icon']}>\n              <Icon name=\"lock-private\" variant=\"normal\" __internalRootRef={iconRef} />\n            </span>\n            {descriptionEl}\n          </button>\n        </div>\n      </div>\n\n      {isEditing && (\n        <span ref={portalRef}>\n          <Portal>\n            <span className={portalClasses}>\n              <PopoverContainer\n                size=\"medium\"\n                fixedWidth={false}\n                position=\"top\"\n                trackRef={iconRef}\n                arrow={position => <Arrow position={position} />}\n                renderWithPortal={true}\n                zIndex={2000}\n              >\n                <PopoverBody\n                  dismissButton={false}\n                  dismissAriaLabel={undefined}\n                  header={null}\n                  onDismiss={() => {}}\n                  overflowVisible=\"both\"\n                >\n                  <InternalLiveRegion tagName=\"span\">{editDisabledReason}</InternalLiveRegion>\n                </PopoverBody>\n              </PopoverContainer>\n            </span>\n          </Portal>\n        </span>\n      )}\n    </TableTdElement>\n  );\n}\n"]}
+{"version":3,"file":"disabled-inline-editor.js","sourceRoot":"","sources":["../../../../src/table/body-cell/disabled-inline-editor.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 React, { useRef } from 'react';\nimport clsx from 'clsx';\n\nimport Icon from '../../icon/internal';\nimport Portal from '../../internal/components/portal';\nimport { useSingleTabStopNavigation } from '../../internal/context/single-tab-stop-navigation-context';\nimport useHiddenDescription from '../../internal/hooks/use-hidden-description';\nimport { usePortalModeClasses } from '../../internal/hooks/use-portal-mode-classes';\nimport InternalLiveRegion from '../../live-region/internal';\nimport Arrow from '../../popover/arrow';\nimport PopoverBody from '../../popover/body';\nimport PopoverContainer from '../../popover/container';\nimport { useClickAway } from './click-away';\nimport { TableBodyCellProps } from './index';\nimport { TableTdElement, TableTdElementProps } from './td-element';\n\nimport styles from './styles.css.js';\n\ninterface DisabledInlineEditorProps<ItemType> extends TableBodyCellProps<ItemType> {\n  editDisabledReason: string;\n}\n\nexport function DisabledInlineEditor<ItemType>({\n  item,\n  column,\n  ariaLabels,\n  isEditing,\n  onEditStart,\n  onEditEnd,\n  editDisabledReason,\n  ...rest\n}: DisabledInlineEditorProps<ItemType>) {\n  const isExpandableColumn = rest.level !== undefined;\n  const clickAwayRef = useClickAway(() => {\n    if (isEditing) {\n      onEditEnd(true);\n    }\n  });\n\n  const iconRef = useRef(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const portalRef = useRef<HTMLSpanElement>(null);\n\n  function handleEscape(event: React.KeyboardEvent): void {\n    if (event.key === 'Escape') {\n      onEditEnd(true);\n    }\n  }\n\n  const onClick = () => {\n    onEditStart();\n    buttonRef.current?.focus();\n  };\n\n  const { targetProps, descriptionEl } = useHiddenDescription(editDisabledReason);\n  const portalClasses = usePortalModeClasses(portalRef);\n\n  const { tabIndex } = useSingleTabStopNavigation(buttonRef);\n\n  return (\n    <TableTdElement\n      {...rest}\n      nativeAttributes={\n        { 'data-inline-editing-active': isEditing.toString() } as TableTdElementProps['nativeAttributes']\n      }\n      isEditing={isEditing}\n      isEditingDisabled={true}\n      onClick={!isEditing && !isExpandableColumn ? onClick : undefined}\n      ref={!isExpandableColumn ? clickAwayRef : undefined}\n    >\n      {column.cell(item)}\n\n      <div className={styles['body-cell-editor-wrapper']}>\n        <div ref={isExpandableColumn ? clickAwayRef : undefined}>\n          <button\n            ref={buttonRef}\n            tabIndex={tabIndex}\n            className={clsx(\n              styles['body-cell-editor'],\n              styles['body-cell-editor-disabled'],\n              isExpandableColumn && styles['body-cell-editor-focusable']\n            )}\n            onClick={!isEditing && isExpandableColumn ? onClick : undefined}\n            aria-label={ariaLabels?.activateEditLabel?.(column, item)}\n            aria-haspopup=\"dialog\"\n            aria-disabled=\"true\"\n            onKeyDown={handleEscape}\n            {...targetProps}\n          >\n            <span className={styles['body-cell-editor-icon']}>\n              <Icon name=\"lock-private\" variant=\"normal\" __internalRootRef={iconRef} />\n            </span>\n            {descriptionEl}\n          </button>\n        </div>\n      </div>\n\n      {isEditing && (\n        <span ref={portalRef}>\n          <Portal>\n            <span className={portalClasses}>\n              <PopoverContainer\n                size=\"medium\"\n                fixedWidth={false}\n                position=\"top\"\n                trackRef={iconRef}\n                arrow={position => <Arrow position={position} />}\n                renderWithPortal={true}\n                zIndex={7000} // When used in portal we need z-index to be higher than modal's\n              >\n                <PopoverBody\n                  dismissButton={false}\n                  dismissAriaLabel={undefined}\n                  header={null}\n                  onDismiss={() => {}}\n                  overflowVisible=\"both\"\n                >\n                  <InternalLiveRegion tagName=\"span\">{editDisabledReason}</InternalLiveRegion>\n                </PopoverBody>\n              </PopoverContainer>\n            </span>\n          </Portal>\n        </span>\n      )}\n    </TableTdElement>\n  );\n}\n"]}

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

@@ -1,51 +1,51 @@
 
     import './styles.scoped.css';
     export default {
-  "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_274a9_145",
-  "body-cell": "awsui_body-cell_c6tup_274a9_152",
-  "body-cell-content": "awsui_body-cell-content_c6tup_274a9_160",
-  "expandable-level-0": "awsui_expandable-level-0_c6tup_274a9_166",
-  "expandable-level-1": "awsui_expandable-level-1_c6tup_274a9_173",
-  "expandable-level-2": "awsui_expandable-level-2_c6tup_274a9_180",
-  "expandable-level-3": "awsui_expandable-level-3_c6tup_274a9_187",
-  "expandable-level-4": "awsui_expandable-level-4_c6tup_274a9_194",
-  "expandable-level-5": "awsui_expandable-level-5_c6tup_274a9_201",
-  "expandable-level-6": "awsui_expandable-level-6_c6tup_274a9_208",
-  "expandable-level-7": "awsui_expandable-level-7_c6tup_274a9_215",
-  "expandable-level-8": "awsui_expandable-level-8_c6tup_274a9_222",
-  "expandable-level-9": "awsui_expandable-level-9_c6tup_274a9_229",
-  "expandable-level-next": "awsui_expandable-level-next_c6tup_274a9_236",
-  "body-cell-align-top": "awsui_body-cell-align-top_c6tup_274a9_254",
-  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_274a9_260",
-  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_274a9_357",
-  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_274a9_447",
-  "body-cell-expandable": "awsui_body-cell-expandable_c6tup_274a9_447",
-  "body-cell-editable": "awsui_body-cell-editable_c6tup_274a9_447",
-  "has-striped-rows": "awsui_has-striped-rows_c6tup_274a9_530",
-  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_c6tup_274a9_696",
-  "has-selection": "awsui_has-selection_c6tup_274a9_862",
-  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_274a9_1031",
-  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_274a9_1034",
-  "body-cell-selected": "awsui_body-cell-selected_c6tup_274a9_1034",
-  "has-footer": "awsui_has-footer_c6tup_274a9_1034",
-  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_274a9_1044",
-  "sticky-cell": "awsui_sticky-cell_c6tup_274a9_696",
-  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_274a9_1106",
-  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_274a9_1115",
-  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_274a9_1137",
-  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_274a9_1144",
-  "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_274a9_1170",
-  "body-cell-success": "awsui_body-cell-success_c6tup_274a9_1175",
-  "body-cell-editor": "awsui_body-cell-editor_c6tup_274a9_1170",
-  "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_274a9_1200",
-  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_274a9_1209",
-  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_274a9_1219",
-  "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_274a9_1222",
-  "body-cell-editor-focusable": "awsui_body-cell-editor-focusable_c6tup_274a9_1225",
-  "body-cell-editor-icon": "awsui_body-cell-editor-icon_c6tup_274a9_1249",
-  "resizable-columns": "awsui_resizable-columns_c6tup_274a9_1361",
-  "expandable-cell-content": "awsui_expandable-cell-content_c6tup_274a9_1364",
-  "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_274a9_1415",
-  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_274a9_1418"
+  "expandable-toggle-wrapper": "awsui_expandable-toggle-wrapper_c6tup_xfydh_145",
+  "body-cell": "awsui_body-cell_c6tup_xfydh_152",
+  "body-cell-content": "awsui_body-cell-content_c6tup_xfydh_160",
+  "expandable-level-0": "awsui_expandable-level-0_c6tup_xfydh_166",
+  "expandable-level-1": "awsui_expandable-level-1_c6tup_xfydh_173",
+  "expandable-level-2": "awsui_expandable-level-2_c6tup_xfydh_180",
+  "expandable-level-3": "awsui_expandable-level-3_c6tup_xfydh_187",
+  "expandable-level-4": "awsui_expandable-level-4_c6tup_xfydh_194",
+  "expandable-level-5": "awsui_expandable-level-5_c6tup_xfydh_201",
+  "expandable-level-6": "awsui_expandable-level-6_c6tup_xfydh_208",
+  "expandable-level-7": "awsui_expandable-level-7_c6tup_xfydh_215",
+  "expandable-level-8": "awsui_expandable-level-8_c6tup_xfydh_222",
+  "expandable-level-9": "awsui_expandable-level-9_c6tup_xfydh_229",
+  "expandable-level-next": "awsui_expandable-level-next_c6tup_xfydh_236",
+  "body-cell-align-top": "awsui_body-cell-align-top_c6tup_xfydh_254",
+  "body-cell-wrap": "awsui_body-cell-wrap_c6tup_xfydh_260",
+  "is-visual-refresh": "awsui_is-visual-refresh_c6tup_xfydh_357",
+  "body-cell-edit-active": "awsui_body-cell-edit-active_c6tup_xfydh_447",
+  "body-cell-expandable": "awsui_body-cell-expandable_c6tup_xfydh_447",
+  "body-cell-editable": "awsui_body-cell-editable_c6tup_xfydh_447",
+  "has-striped-rows": "awsui_has-striped-rows_c6tup_xfydh_530",
+  "sticky-cell-pad-inline-start": "awsui_sticky-cell-pad-inline-start_c6tup_xfydh_696",
+  "has-selection": "awsui_has-selection_c6tup_xfydh_862",
+  "body-cell-first-row": "awsui_body-cell-first-row_c6tup_xfydh_1031",
+  "body-cell-last-row": "awsui_body-cell-last-row_c6tup_xfydh_1034",
+  "body-cell-selected": "awsui_body-cell-selected_c6tup_xfydh_1034",
+  "has-footer": "awsui_has-footer_c6tup_xfydh_1034",
+  "body-cell-shaded": "awsui_body-cell-shaded_c6tup_xfydh_1044",
+  "sticky-cell": "awsui_sticky-cell_c6tup_xfydh_696",
+  "sticky-cell-last-inline-end": "awsui_sticky-cell-last-inline-end_c6tup_xfydh_1109",
+  "sticky-cell-last-inline-start": "awsui_sticky-cell-last-inline-start_c6tup_xfydh_1118",
+  "body-cell-next-selected": "awsui_body-cell-next-selected_c6tup_xfydh_1140",
+  "body-cell-prev-selected": "awsui_body-cell-prev-selected_c6tup_xfydh_1147",
+  "body-cell-editor-wrapper": "awsui_body-cell-editor-wrapper_c6tup_xfydh_1173",
+  "body-cell-success": "awsui_body-cell-success_c6tup_xfydh_1178",
+  "body-cell-editor": "awsui_body-cell-editor_c6tup_xfydh_1173",
+  "body-cell-editor-disabled": "awsui_body-cell-editor-disabled_c6tup_xfydh_1203",
+  "body-cell-editor-row": "awsui_body-cell-editor-row_c6tup_xfydh_1212",
+  "body-cell-editor-controls": "awsui_body-cell-editor-controls_c6tup_xfydh_1222",
+  "body-cell-editor-row-editor": "awsui_body-cell-editor-row-editor_c6tup_xfydh_1225",
+  "body-cell-editor-focusable": "awsui_body-cell-editor-focusable_c6tup_xfydh_1228",
+  "body-cell-editor-icon": "awsui_body-cell-editor-icon_c6tup_xfydh_1252",
+  "resizable-columns": "awsui_resizable-columns_c6tup_xfydh_1364",
+  "expandable-cell-content": "awsui_expandable-cell-content_c6tup_xfydh_1367",
+  "body-cell-edit-disabled-popover": "awsui_body-cell-edit-disabled-popover_c6tup_xfydh_1418",
+  "body-cell-has-success": "awsui_body-cell-has-success_c6tup_xfydh_1421"
 };