npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1349 → 3.0.1350 - Mend

@cloudscape-design/components-themeable 3.0.1349 → 3.0.1350

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

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

@@ -150,11 +150,11 @@ 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_1krn2_153:not(#\9) {
+.awsui_icon-shake_1cbgc_fpn57_153:not(#\9) {
   display: inline-block;
-  animation: awsui_awsui-motion-shake-horizontally_1cbgc_1krn2_1 var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
+  animation: awsui_awsui-motion-shake-horizontally_1cbgc_fpn57_1 var(--motion-duration-refresh-only-medium-s8g1xv, 0ms);
 }
-@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_1krn2_1 {
+@keyframes awsui_awsui-motion-shake-horizontally_1cbgc_fpn57_1 {
   0% {
     transform: translateX(-5px);
     animation-timing-function: linear;
@@ -168,20 +168,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon-shake_1cbgc_1krn2_153:not(#\9) {
+  .awsui_icon-shake_1cbgc_fpn57_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon-shake_1cbgc_1krn2_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_1krn2_153:not(#\9) {
+.awsui-motion-disabled .awsui_icon-shake_1cbgc_fpn57_153:not(#\9), .awsui-mode-entering .awsui_icon-shake_1cbgc_fpn57_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_container-fade-in_1cbgc_1krn2_181:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_1cbgc_1krn2_1 var(--motion-duration-refresh-only-medium-s8g1xv, 0ms) var(--motion-easing-refresh-only-a-b2p95e, cubic-bezier(0, 0, 0, 1));
+.awsui_container-fade-in_1cbgc_fpn57_181:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_1cbgc_fpn57_1 var(--motion-duration-refresh-only-medium-s8g1xv, 0ms) var(--motion-easing-refresh-only-a-b2p95e, cubic-bezier(0, 0, 0, 1));
 }
-@keyframes awsui_awsui-motion-fade-in-0_1cbgc_1krn2_1 {
+@keyframes awsui_awsui-motion-fade-in-0_1cbgc_fpn57_1 {
   from {
     opacity: 0;
   }
@@ -190,17 +190,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_container-fade-in_1cbgc_1krn2_181:not(#\9) {
+  .awsui_container-fade-in_1cbgc_fpn57_181:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_container-fade-in_1cbgc_1krn2_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_1krn2_181:not(#\9) {
+.awsui-motion-disabled .awsui_container-fade-in_1cbgc_fpn57_181:not(#\9), .awsui-mode-entering .awsui_container-fade-in_1cbgc_fpn57_181:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_1cbgc_1krn2_203:not(#\9) {
+.awsui_root_1cbgc_fpn57_203:not(#\9) {
   font-size: var(--font-size-body-m-tq5a14, 14px);
   line-height: var(--line-height-body-m-5xw6xo, 22px);
   color: var(--color-text-body-default-b2us04, #16191f);
@@ -209,150 +209,125 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-error_1cbgc_1krn2_212:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-error_1cbgc_fpn57_212:not(#\9) {
   color: var(--color-text-status-error-ri38gt, #d13212);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-warning_1cbgc_1krn2_215:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-warning_1cbgc_fpn57_215:not(#\9) {
   color: var(--color-text-status-warning-fabq6h, #906806);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-success_1cbgc_1krn2_218:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-success_1cbgc_fpn57_218:not(#\9) {
   color: var(--color-text-status-success-1i2jf8, #1d8102);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-info_1cbgc_1krn2_221:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-info_1cbgc_fpn57_221:not(#\9) {
   color: var(--color-text-status-info-su6k9n, #0073bb);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-stopped_1cbgc_1krn2_224:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-stopped_1cbgc_fpn57_224:not(#\9) {
   color: var(--color-text-status-inactive-fqjc97, #687078);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-pending_1cbgc_1krn2_227:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-pending_1cbgc_fpn57_227:not(#\9) {
   color: var(--color-text-status-inactive-fqjc97, #687078);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-in-progress_1cbgc_1krn2_230:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-in-progress_1cbgc_fpn57_230:not(#\9) {
   color: var(--color-text-status-inactive-fqjc97, #687078);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-loading_1cbgc_1krn2_233:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-loading_1cbgc_fpn57_233:not(#\9) {
   color: var(--color-text-status-inactive-fqjc97, #687078);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-not-started_1cbgc_1krn2_236:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-not-started_1cbgc_fpn57_236:not(#\9) {
   color: var(--color-text-status-inactive-fqjc97, #687078);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-log_1cbgc_1krn2_239:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-log_1cbgc_fpn57_239:not(#\9) {
   color: var(--color-text-status-inactive-fqjc97, #687078);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-red_1cbgc_1krn2_242:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-red_1cbgc_fpn57_242:not(#\9) {
   color: var(--color-text-status-error-ri38gt, #d13212);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-grey_1cbgc_1krn2_245:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-grey_1cbgc_fpn57_245:not(#\9) {
   color: var(--color-text-status-inactive-fqjc97, #687078);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-blue_1cbgc_1krn2_248:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-blue_1cbgc_fpn57_248:not(#\9) {
   color: var(--color-text-status-info-su6k9n, #0073bb);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-green_1cbgc_1krn2_251:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-green_1cbgc_fpn57_251:not(#\9) {
   color: var(--color-text-status-success-1i2jf8, #1d8102);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-yellow_1cbgc_1krn2_254:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-yellow_1cbgc_fpn57_254:not(#\9) {
   color: var(--color-text-status-warning-fabq6h, #906806);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-error_1cbgc_1krn2_212 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-error_1cbgc_fpn57_212 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-error-mdm30w, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-warning_1cbgc_1krn2_215 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-warning_1cbgc_fpn57_215 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-warning-4hkqn2, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-success_1cbgc_1krn2_218 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-success_1cbgc_fpn57_218 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-success-5z9dt9, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-info_1cbgc_1krn2_221 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-info_1cbgc_fpn57_221 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-info-vrpf2i, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-stopped_1cbgc_1krn2_224 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-stopped_1cbgc_fpn57_224 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-izf254, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-pending_1cbgc_1krn2_227 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-pending_1cbgc_fpn57_227 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-izf254, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-in-progress_1cbgc_1krn2_230 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-in-progress_1cbgc_fpn57_230 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-izf254, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-loading_1cbgc_1krn2_233 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-loading_1cbgc_fpn57_233 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-izf254, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-not-started_1cbgc_1krn2_236 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-not-started_1cbgc_fpn57_236 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-izf254, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_status-log_1cbgc_1krn2_239 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_status-log_1cbgc_fpn57_239 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-izf254, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-red_1cbgc_1krn2_242 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-red_1cbgc_fpn57_242 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-error-mdm30w, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-grey_1cbgc_1krn2_245 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-grey_1cbgc_fpn57_245 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-neutral-izf254, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-blue_1cbgc_1krn2_248 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-blue_1cbgc_fpn57_248 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-info-vrpf2i, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-green_1cbgc_1krn2_251 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-green_1cbgc_fpn57_251 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-success-5z9dt9, transparent);
 }
-.awsui_root_1cbgc_1krn2_203.awsui_color-override-yellow_1cbgc_1krn2_254 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_root_1cbgc_fpn57_203.awsui_color-override-yellow_1cbgc_fpn57_254 > .awsui_container_1cbgc_fpn57_181:not(#\9) {
   background: var(--color-background-status-indicator-warning-4hkqn2, transparent);
 }
-.awsui_container_1cbgc_1krn2_181:not(#\9) {
+.awsui_container_1cbgc_fpn57_181:not(#\9) {
   padding-inline: var(--space-status-indicator-padding-horizontal-pqbmh8, 0px);
   border-start-start-radius: var(--border-radius-status-indicator-1d9bsf, 16px);
   border-start-end-radius: var(--border-radius-status-indicator-1d9bsf, 16px);
   border-end-start-radius: var(--border-radius-status-indicator-1d9bsf, 16px);
   border-end-end-radius: var(--border-radius-status-indicator-1d9bsf, 16px);
 }
-.awsui-one-theme .awsui_root_1cbgc_1krn2_203.awsui_status-loading_1cbgc_1krn2_233 > .awsui_container_1cbgc_1krn2_181:not(#\9) {
-  background: transparent;
-  align-items: center;
-  color: var(--color-text-body-secondary-66ygbb, #545b64);
-}
-.awsui_container_1cbgc_1krn2_181.awsui_display-inline_1cbgc_1krn2_315:not(#\9) {
+.awsui_container_1cbgc_fpn57_181.awsui_display-inline_1cbgc_fpn57_310:not(#\9) {
   min-inline-size: 0;
   word-break: break-word;
   display: inline;
 }
-.awsui_container_1cbgc_1krn2_181.awsui_display-inline_1cbgc_1krn2_315 > .awsui_icon_1cbgc_1krn2_153:not(#\9) {
+.awsui_container_1cbgc_fpn57_181.awsui_display-inline_1cbgc_fpn57_310 > .awsui_icon_1cbgc_fpn57_153:not(#\9) {
   white-space: nowrap;
 }
-.awsui-one-theme .awsui_container_1cbgc_1krn2_181.awsui_display-inline_1cbgc_1krn2_315 > .awsui_icon_1cbgc_1krn2_153:not(#\9) {
-  vertical-align: middle;
-}
-.awsui_container_1cbgc_1krn2_181.awsui_display-inline-block_1cbgc_1krn2_326:not(#\9) {
+.awsui_container_1cbgc_fpn57_181.awsui_display-inline-block_1cbgc_fpn57_318:not(#\9) {
   display: inline-block;
   word-wrap: break-word;
   word-break: break-all;
 }
-.awsui-one-theme .awsui_container_1cbgc_1krn2_181.awsui_display-inline-block_1cbgc_1krn2_326:not(#\9) {
-  display: inline-flex;
-  vertical-align: top;
-}
-.awsui_container_1cbgc_1krn2_181.awsui_display-inline-block_1cbgc_1krn2_326 > .awsui_icon_1cbgc_1krn2_153:not(#\9) {
+.awsui_container_1cbgc_fpn57_181.awsui_display-inline-block_1cbgc_fpn57_318 > .awsui_icon_1cbgc_fpn57_153:not(#\9) {
   padding-inline-end: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui-one-theme .awsui_container_1cbgc_1krn2_181.awsui_display-inline-block_1cbgc_1krn2_326 > .awsui_icon_1cbgc_1krn2_153:not(#\9) {
-  display: inline-flex;
-  align-items: center;
-  block-size: var(--line-height-body-m-5xw6xo, 22px);
-}
-.awsui_overflow-ellipsis_1cbgc_1krn2_344:not(#\9) {
+.awsui_overflow-ellipsis_1cbgc_fpn57_327:not(#\9) {
   max-inline-size: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   vertical-align: text-bottom;
-}
-.awsui-one-theme .awsui_overflow-ellipsis_1cbgc_1krn2_344:not(#\9) {
-  text-overflow: unset;
-}
-.awsui-one-theme .awsui_overflow-ellipsis_1cbgc_1krn2_344 > span:not(#\9):last-child {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }

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

@@ -2,30 +2,30 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon-shake": "awsui_icon-shake_1cbgc_1krn2_153",
-  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_1krn2_1",
-  "container-fade-in": "awsui_container-fade-in_1cbgc_1krn2_181",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_1krn2_1",
-  "root": "awsui_root_1cbgc_1krn2_203",
-  "status-error": "awsui_status-error_1cbgc_1krn2_212",
-  "status-warning": "awsui_status-warning_1cbgc_1krn2_215",
-  "status-success": "awsui_status-success_1cbgc_1krn2_218",
-  "status-info": "awsui_status-info_1cbgc_1krn2_221",
-  "status-stopped": "awsui_status-stopped_1cbgc_1krn2_224",
-  "status-pending": "awsui_status-pending_1cbgc_1krn2_227",
-  "status-in-progress": "awsui_status-in-progress_1cbgc_1krn2_230",
-  "status-loading": "awsui_status-loading_1cbgc_1krn2_233",
-  "status-not-started": "awsui_status-not-started_1cbgc_1krn2_236",
-  "status-log": "awsui_status-log_1cbgc_1krn2_239",
-  "color-override-red": "awsui_color-override-red_1cbgc_1krn2_242",
-  "color-override-grey": "awsui_color-override-grey_1cbgc_1krn2_245",
-  "color-override-blue": "awsui_color-override-blue_1cbgc_1krn2_248",
-  "color-override-green": "awsui_color-override-green_1cbgc_1krn2_251",
-  "color-override-yellow": "awsui_color-override-yellow_1cbgc_1krn2_254",
-  "container": "awsui_container_1cbgc_1krn2_181",
-  "display-inline": "awsui_display-inline_1cbgc_1krn2_315",
-  "icon": "awsui_icon_1cbgc_1krn2_153",
-  "display-inline-block": "awsui_display-inline-block_1cbgc_1krn2_326",
-  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_1krn2_344"
+  "icon-shake": "awsui_icon-shake_1cbgc_fpn57_153",
+  "awsui-motion-shake-horizontally": "awsui_awsui-motion-shake-horizontally_1cbgc_fpn57_1",
+  "container-fade-in": "awsui_container-fade-in_1cbgc_fpn57_181",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_1cbgc_fpn57_1",
+  "root": "awsui_root_1cbgc_fpn57_203",
+  "status-error": "awsui_status-error_1cbgc_fpn57_212",
+  "status-warning": "awsui_status-warning_1cbgc_fpn57_215",
+  "status-success": "awsui_status-success_1cbgc_fpn57_218",
+  "status-info": "awsui_status-info_1cbgc_fpn57_221",
+  "status-stopped": "awsui_status-stopped_1cbgc_fpn57_224",
+  "status-pending": "awsui_status-pending_1cbgc_fpn57_227",
+  "status-in-progress": "awsui_status-in-progress_1cbgc_fpn57_230",
+  "status-loading": "awsui_status-loading_1cbgc_fpn57_233",
+  "status-not-started": "awsui_status-not-started_1cbgc_fpn57_236",
+  "status-log": "awsui_status-log_1cbgc_fpn57_239",
+  "color-override-red": "awsui_color-override-red_1cbgc_fpn57_242",
+  "color-override-grey": "awsui_color-override-grey_1cbgc_fpn57_245",
+  "color-override-blue": "awsui_color-override-blue_1cbgc_fpn57_248",
+  "color-override-green": "awsui_color-override-green_1cbgc_fpn57_251",
+  "color-override-yellow": "awsui_color-override-yellow_1cbgc_fpn57_254",
+  "container": "awsui_container_1cbgc_fpn57_181",
+  "display-inline": "awsui_display-inline_1cbgc_fpn57_310",
+  "icon": "awsui_icon_1cbgc_fpn57_153",
+  "display-inline-block": "awsui_display-inline-block_1cbgc_fpn57_318",
+  "overflow-ellipsis": "awsui_overflow-ellipsis_1cbgc_fpn57_327"
 };

package/lib/internal/template/token/styles.css.js CHANGED Viewed

@@ -1,19 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1i2wg_qjyq1_161",
-  "dismiss-button": "awsui_dismiss-button_1i2wg_qjyq1_193",
-  "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_qjyq1_234",
-  "icon": "awsui_icon_1i2wg_qjyq1_244",
-  "icon-inline": "awsui_icon-inline_1i2wg_qjyq1_250",
-  "token-normal": "awsui_token-normal_1i2wg_qjyq1_255",
-  "token-inline": "awsui_token-inline_1i2wg_qjyq1_262",
-  "token-option-inline": "awsui_token-option-inline_1i2wg_qjyq1_288",
-  "token-box": "awsui_token-box_1i2wg_qjyq1_292",
-  "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_qjyq1_311",
-  "token-box-inline": "awsui_token-box-inline_1i2wg_qjyq1_315",
-  "disable-padding": "awsui_disable-padding_1i2wg_qjyq1_335",
-  "token-box-readonly": "awsui_token-box-readonly_1i2wg_qjyq1_342",
-  "token-box-disabled": "awsui_token-box-disabled_1i2wg_qjyq1_343"
+  "root": "awsui_root_1i2wg_1p9te_161",
+  "dismiss-button": "awsui_dismiss-button_1i2wg_1p9te_193",
+  "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_1p9te_234",
+  "icon": "awsui_icon_1i2wg_1p9te_240",
+  "icon-inline": "awsui_icon-inline_1i2wg_1p9te_246",
+  "token-normal": "awsui_token-normal_1i2wg_1p9te_251",
+  "token-inline": "awsui_token-inline_1i2wg_1p9te_258",
+  "token-option-inline": "awsui_token-option-inline_1i2wg_1p9te_284",
+  "token-box": "awsui_token-box_1i2wg_1p9te_288",
+  "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_1p9te_307",
+  "token-box-inline": "awsui_token-box-inline_1i2wg_1p9te_311",
+  "disable-padding": "awsui_disable-padding_1i2wg_1p9te_331",
+  "token-box-readonly": "awsui_token-box-readonly_1i2wg_1p9te_338",
+  "token-box-disabled": "awsui_token-box-disabled_1i2wg_1p9te_339"
 };

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

@@ -158,7 +158,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_1i2wg_qjyq1_161:not(#\9) {
+.awsui_root_1i2wg_1p9te_161:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -190,7 +190,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
 }
-.awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9) {
+.awsui_dismiss-button_1i2wg_1p9te_193:not(#\9) {
   align-self: flex-start;
   margin-block-end: 0;
   margin-inline-start: var(--space-xxs-3o1yoq, 4px);
@@ -203,14 +203,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   cursor: pointer;
   --awsui-style-focus-ring-box-shadow-esndbs: 0 0 0 var(--awsui-style-focus-ring-border-width-esndbs, 2px) var(--awsui-style-focus-ring-border-color-esndbs, var(--color-border-item-focused-sewkzn, #0073bb));
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_1p9te_193:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_1p9te_193:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_1p9te_193:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -224,53 +224,49 @@ body[data-awsui-focus-visible=true] .awsui_dismiss-button_1i2wg_qjyq1_193:not(#\
   border-end-end-radius: var(--awsui-style-focus-ring-border-radius-esndbs, var(--border-radius-control-default-focus-ring-akwhsf, 2px));
   box-shadow: var(--awsui-style-focus-ring-box-shadow-esndbs);
 }
-.awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9):focus {
+.awsui_dismiss-button_1i2wg_1p9te_193:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-.awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9):hover {
+.awsui_dismiss-button_1i2wg_1p9te_193:not(#\9):hover {
   color: var(--awsui-token-style-dismiss-color-hover-esndbs, var(--color-text-button-inline-icon-hover-kxgkw7, #16191f));
 }
-.awsui_dismiss-button-inline_1i2wg_qjyq1_234:not(#\9) {
+.awsui_dismiss-button-inline_1i2wg_1p9te_234:not(#\9) {
   padding-inline: 0;
   display: flex;
   align-items: center;
   align-self: center;
 }
-.awsui-one-theme .awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9):not(.awsui_dismiss-button-inline_1i2wg_qjyq1_234) {
-  padding-block-start: 1px;
-}
-.awsui_icon_1i2wg_qjyq1_244:not(#\9) {
+.awsui_icon_1i2wg_1p9te_240:not(#\9) {
   padding-inline-end: var(--space-xs-m9b7jf, 8px);
   align-self: flex-start;
   display: flex;
   flex-shrink: 0;
 }
-.awsui_icon-inline_1i2wg_qjyq1_250:not(#\9) {
+.awsui_icon-inline_1i2wg_1p9te_246:not(#\9) {
   padding-inline-end: var(--space-xxs-3o1yoq, 4px);
   align-self: center;
 }
-.awsui_token-normal_1i2wg_qjyq1_255:not(#\9) {
+.awsui_token-normal_1i2wg_1p9te_251:not(#\9) {
   block-size: 100%;
   display: flex;
   flex-direction: column;
   gap: var(--space-xxs-3o1yoq, 4px);
 }
-.awsui_token-inline_1i2wg_qjyq1_262:not(#\9) {
+.awsui_token-inline_1i2wg_1p9te_258:not(#\9) {
   display: inline-flex;
   max-inline-size: 100%;
 }
-body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_qjyq1_262:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_1p9te_258:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_qjyq1_262:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_1p9te_258:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_qjyq1_262:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_1p9te_258:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -285,11 +281,11 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_qjyq1_262:not(#\9)
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_token-option-inline_1i2wg_qjyq1_288:not(#\9) {
+.awsui_token-option-inline_1i2wg_1p9te_284:not(#\9) {
   max-block-size: 20px;
 }
-.awsui_token-box_1i2wg_qjyq1_292:not(#\9) {
+.awsui_token-box_1i2wg_1p9te_288:not(#\9) {
   position: relative;
   block-size: 100%;
   border-block: var(--border-width-token-p4a0gu, 1px) solid var(--awsui-token-style-border-color-default-esndbs, var(--color-border-item-selected-7104rh, #0073bb));
@@ -308,11 +304,11 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_qjyq1_262:not(#\9)
   color: var(--color-text-body-default-b2us04, #16191f);
   box-sizing: border-box;
 }
-.awsui_token-box-without-dismiss_1i2wg_qjyq1_311:not(#\9) {
+.awsui_token-box-without-dismiss_1i2wg_1p9te_307:not(#\9) {
   padding-inline-end: var(--space-field-horizontal-anki5k, 8px);
 }
-.awsui_token-box-inline_1i2wg_qjyq1_315:not(#\9) {
+.awsui_token-box-inline_1i2wg_1p9te_311:not(#\9) {
   position: relative;
   block-size: 20px;
   max-block-size: 20px;
@@ -332,33 +328,33 @@ body[data-awsui-focus-visible=true] .awsui_token-inline_1i2wg_qjyq1_262:not(#\9)
   max-inline-size: 100%;
 }
-.awsui_disable-padding_1i2wg_qjyq1_335:not(#\9) {
+.awsui_disable-padding_1i2wg_1p9te_331:not(#\9) {
   padding-block-start: 0;
   padding-block-end: 0;
   padding-inline-start: 0;
   padding-inline-end: 0;
 }
-.awsui_token-box-readonly_1i2wg_qjyq1_342 > .awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9),
-.awsui_token-box-disabled_1i2wg_qjyq1_343 > .awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9) {
+.awsui_token-box-readonly_1i2wg_1p9te_338 > .awsui_dismiss-button_1i2wg_1p9te_193:not(#\9),
+.awsui_token-box-disabled_1i2wg_1p9te_339 > .awsui_dismiss-button_1i2wg_1p9te_193:not(#\9) {
   cursor: initial;
   pointer-events: none;
 }
-.awsui_token-box-readonly_1i2wg_qjyq1_342:not(#\9) {
+.awsui_token-box-readonly_1i2wg_1p9te_338:not(#\9) {
   border-color: var(--awsui-token-style-border-color-read-only-esndbs, var(--color-border-input-disabled-5m31k6, #eaeded));
   background: var(--awsui-token-style-background-read-only-esndbs, var(--color-background-container-content-mjfil9, #ffffff));
 }
-.awsui_token-box-readonly_1i2wg_qjyq1_342 > .awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9) {
+.awsui_token-box-readonly_1i2wg_1p9te_338 > .awsui_dismiss-button_1i2wg_1p9te_193:not(#\9) {
   color: var(--awsui-token-style-dismiss-color-read-only-esndbs, var(--color-text-button-inline-icon-disabled-yeab6p, #aab7b8));
 }
-.awsui_token-box-disabled_1i2wg_qjyq1_343:not(#\9) {
+.awsui_token-box-disabled_1i2wg_1p9te_339:not(#\9) {
   pointer-events: none;
   border-color: var(--awsui-token-style-border-color-disabled-esndbs, var(--color-border-control-disabled-dh8zaw, #d5dbdb));
   background: var(--awsui-token-style-background-disabled-esndbs, var(--color-background-container-content-mjfil9, #ffffff));
   color: var(--color-text-disabled-ybqlwm, #aab7b8);
 }
-.awsui_token-box-disabled_1i2wg_qjyq1_343 > .awsui_dismiss-button_1i2wg_qjyq1_193:not(#\9) {
+.awsui_token-box-disabled_1i2wg_1p9te_339 > .awsui_dismiss-button_1i2wg_1p9te_193:not(#\9) {
   color: var(--awsui-token-style-dismiss-color-disabled-esndbs, var(--color-text-button-inline-icon-disabled-yeab6p, #aab7b8));
 }

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

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1i2wg_qjyq1_161",
-  "dismiss-button": "awsui_dismiss-button_1i2wg_qjyq1_193",
-  "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_qjyq1_234",
-  "icon": "awsui_icon_1i2wg_qjyq1_244",
-  "icon-inline": "awsui_icon-inline_1i2wg_qjyq1_250",
-  "token-normal": "awsui_token-normal_1i2wg_qjyq1_255",
-  "token-inline": "awsui_token-inline_1i2wg_qjyq1_262",
-  "token-option-inline": "awsui_token-option-inline_1i2wg_qjyq1_288",
-  "token-box": "awsui_token-box_1i2wg_qjyq1_292",
-  "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_qjyq1_311",
-  "token-box-inline": "awsui_token-box-inline_1i2wg_qjyq1_315",
-  "disable-padding": "awsui_disable-padding_1i2wg_qjyq1_335",
-  "token-box-readonly": "awsui_token-box-readonly_1i2wg_qjyq1_342",
-  "token-box-disabled": "awsui_token-box-disabled_1i2wg_qjyq1_343"
+  "root": "awsui_root_1i2wg_1p9te_161",
+  "dismiss-button": "awsui_dismiss-button_1i2wg_1p9te_193",
+  "dismiss-button-inline": "awsui_dismiss-button-inline_1i2wg_1p9te_234",
+  "icon": "awsui_icon_1i2wg_1p9te_240",
+  "icon-inline": "awsui_icon-inline_1i2wg_1p9te_246",
+  "token-normal": "awsui_token-normal_1i2wg_1p9te_251",
+  "token-inline": "awsui_token-inline_1i2wg_1p9te_258",
+  "token-option-inline": "awsui_token-option-inline_1i2wg_1p9te_284",
+  "token-box": "awsui_token-box_1i2wg_1p9te_288",
+  "token-box-without-dismiss": "awsui_token-box-without-dismiss_1i2wg_1p9te_307",
+  "token-box-inline": "awsui_token-box-inline_1i2wg_1p9te_311",
+  "disable-padding": "awsui_disable-padding_1i2wg_1p9te_331",
+  "token-box-readonly": "awsui_token-box-readonly_1i2wg_1p9te_338",
+  "token-box-disabled": "awsui_token-box-disabled_1i2wg_1p9te_339"
 };

package/lib/internal/template/tree-view/tree-item/styles.css.js CHANGED Viewed

@@ -1,15 +1,15 @@
     import './styles.scoped.css';
     export default {
-  "treeitem-group": "awsui_treeitem-group_1agpu_1vts0_189",
-  "treeitem": "awsui_treeitem_1agpu_1vts0_189",
-  "offset": "awsui_offset_1agpu_1vts0_206",
-  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_1vts0_209",
-  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_1vts0_214",
-  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_1vts0_235",
-  "toggle": "awsui_toggle_1agpu_1vts0_240",
-  "with-icon": "awsui_with-icon_1agpu_1vts0_253",
-  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_1vts0_259",
-  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_1vts0_266"
+  "treeitem-group": "awsui_treeitem-group_1agpu_1qdpu_189",
+  "treeitem": "awsui_treeitem_1agpu_1qdpu_189",
+  "offset": "awsui_offset_1agpu_1qdpu_206",
+  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_1qdpu_209",
+  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_1qdpu_214",
+  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_1qdpu_235",
+  "toggle": "awsui_toggle_1agpu_1qdpu_240",
+  "with-icon": "awsui_with-icon_1agpu_1qdpu_246",
+  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_1qdpu_249",
+  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_1qdpu_256"
 };