npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1313 → 3.0.1315 - Mend

@cloudscape-design/components-themeable 3.0.1313 → 3.0.1315

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

package/lib/internal/template/expandable-section/styles.scoped.css CHANGED Viewed

@@ -158,10 +158,10 @@ 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_content-enter_gwq0h_ism9q_161:not(#\9) {
-  animation: awsui_awsui-motion-fade-in_gwq0h_ism9q_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
+.awsui_content-enter_gwq0h_5b4xu_161:not(#\9) {
+  animation: awsui_awsui-motion-fade-in_gwq0h_5b4xu_1 var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in_gwq0h_ism9q_1 {
+@keyframes awsui_awsui-motion-fade-in_gwq0h_5b4xu_1 {
   from {
     opacity: 0.2;
   }
@@ -170,45 +170,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_content-enter_gwq0h_ism9q_161:not(#\9) {
+  .awsui_content-enter_gwq0h_5b4xu_161:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_content-enter_gwq0h_ism9q_161:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_ism9q_161:not(#\9) {
+.awsui-motion-disabled .awsui_content-enter_gwq0h_5b4xu_161:not(#\9), .awsui-mode-entering .awsui_content-enter_gwq0h_5b4xu_161:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_trigger-expanded_gwq0h_ism9q_183:not(#\9) {
+.awsui_trigger-expanded_gwq0h_5b4xu_183:not(#\9) {
   transition: border-bottom-color var(--motion-duration-show-paced-agho9h, 180ms) var(--motion-easing-show-paced-vcekro, ease-out);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_trigger-expanded_gwq0h_ism9q_183:not(#\9) {
+  .awsui_trigger-expanded_gwq0h_5b4xu_183:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_ism9q_183:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_ism9q_183:not(#\9) {
+.awsui-motion-disabled .awsui_trigger-expanded_gwq0h_5b4xu_183:not(#\9), .awsui-mode-entering .awsui_trigger-expanded_gwq0h_5b4xu_183:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_icon_gwq0h_ism9q_197:not(#\9) {
+.awsui_icon_gwq0h_5b4xu_197:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-f1ulnu, 135ms) var(--motion-easing-rotate-90-jekue3, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_gwq0h_ism9q_197:not(#\9) {
+  .awsui_icon_gwq0h_5b4xu_197:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_gwq0h_ism9q_197:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_ism9q_197:not(#\9) {
+.awsui-motion-disabled .awsui_icon_gwq0h_5b4xu_197:not(#\9), .awsui-mode-entering .awsui_icon_gwq0h_5b4xu_197:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_gwq0h_ism9q_211:not(#\9) {
+.awsui_root_gwq0h_5b4xu_211:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -243,48 +243,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
 }
-.awsui_expand-button_gwq0h_ism9q_246:not(#\9) {
+.awsui_expand-button_gwq0h_5b4xu_246:not(#\9) {
   outline: none;
 }
-.awsui_icon_gwq0h_ism9q_197:not(#\9) {
+.awsui_icon_gwq0h_5b4xu_197:not(#\9) {
   transform: rotate(-90deg);
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
-.awsui_icon_gwq0h_ism9q_197.awsui_expanded_gwq0h_ism9q_254:not(#\9) {
+.awsui_icon_gwq0h_5b4xu_197.awsui_expanded_gwq0h_5b4xu_254:not(#\9) {
   transform: rotate(0deg);
 }
-.awsui_icon_gwq0h_ism9q_197:not(#\9):dir(rtl) {
+.awsui_icon_gwq0h_5b4xu_197:not(#\9):dir(rtl) {
   transform: rotate(90deg);
 }
-.awsui_icon_gwq0h_ism9q_197:not(#\9):dir(rtl).awsui_expanded_gwq0h_ism9q_254 {
+.awsui_icon_gwq0h_5b4xu_197:not(#\9):dir(rtl).awsui_expanded_gwq0h_5b4xu_254 {
   transform: rotate(0deg);
 }
-.awsui_icon-container_gwq0h_ism9q_264:not(#\9) {
+.awsui_icon-container_gwq0h_5b4xu_264:not(#\9) {
   position: relative;
   margin-inline: calc((var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2) calc(var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px));
 }
-.awsui_icon-container-container_gwq0h_ism9q_268:not(#\9) {
+.awsui_icon-container-container_gwq0h_5b4xu_268:not(#\9) {
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_icon-container-container_gwq0h_ism9q_268.awsui_one-theme_gwq0h_ism9q_271:not(#\9) {
+.awsui-one-theme .awsui_icon-container-container_gwq0h_5b4xu_268:not(#\9) {
   margin-inline-end: calc(var(--space-xs-kw7k3v, 8px) + var(--space-xxs-jnczic, 4px));
   inset-block-start: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_icon-container-container_gwq0h_ism9q_268.awsui_one-theme_gwq0h_ism9q_271 > .awsui_icon_gwq0h_ism9q_197:not(#\9) {
+.awsui-one-theme .awsui_icon-container-container_gwq0h_5b4xu_268 > .awsui_icon_gwq0h_5b4xu_197:not(#\9) {
   inset-block-start: calc(var(--space-xxxs-3w1kr2, 2px) * 3);
 }
-.awsui_icon-container_gwq0h_ism9q_264.awsui_one-theme_gwq0h_ism9q_271:not(#\9) {
+.awsui-one-theme .awsui_icon-container_gwq0h_5b4xu_264:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   margin-inline-end: calc(var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px) + var(--space-xxs-jnczic, 4px));
 }
-.awsui_icon-container_gwq0h_ism9q_264.awsui_one-theme_gwq0h_ism9q_271 > .awsui_icon_gwq0h_ism9q_197:not(#\9) {
+.awsui-one-theme .awsui_icon-container_gwq0h_5b4xu_264 > .awsui_icon_gwq0h_5b4xu_197:not(#\9) {
   inset-block-start: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_wrapper_gwq0h_ism9q_287:not(#\9) {
+.awsui_wrapper_gwq0h_5b4xu_287:not(#\9) {
   box-sizing: border-box;
   border-block: none;
   border-inline: none;
@@ -292,81 +292,81 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   line-height: var(--line-height-body-m-bedeoh, 22px);
   text-align: start;
 }
-.awsui_wrapper-default_gwq0h_ism9q_295:not(#\9), .awsui_wrapper-inline_gwq0h_ism9q_295:not(#\9), .awsui_wrapper-footer_gwq0h_ism9q_295:not(#\9) {
+.awsui_wrapper-default_gwq0h_5b4xu_295:not(#\9), .awsui_wrapper-inline_gwq0h_5b4xu_295:not(#\9), .awsui_wrapper-footer_gwq0h_5b4xu_295:not(#\9) {
   border-block: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
   border-inline: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_ism9q_299:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_5b4xu_299:not(#\9) {
   border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid transparent;
 }
-.awsui_wrapper-navigation_gwq0h_ism9q_299:not(#\9), .awsui_wrapper-container_gwq0h_ism9q_302:not(#\9) {
+.awsui_wrapper-navigation_gwq0h_5b4xu_299:not(#\9), .awsui_wrapper-container_gwq0h_5b4xu_302:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-qxvrar, 700);
 }
-.awsui_wrapper-default_gwq0h_ism9q_295:not(#\9), .awsui_wrapper-inline_gwq0h_ism9q_295:not(#\9), .awsui_wrapper-navigation_gwq0h_ism9q_299:not(#\9), .awsui_wrapper-footer_gwq0h_ism9q_295:not(#\9), .awsui_wrapper-compact_gwq0h_ism9q_306:not(#\9) {
+.awsui_wrapper-default_gwq0h_5b4xu_295:not(#\9), .awsui_wrapper-inline_gwq0h_5b4xu_295:not(#\9), .awsui_wrapper-navigation_gwq0h_5b4xu_299:not(#\9), .awsui_wrapper-footer_gwq0h_5b4xu_295:not(#\9), .awsui_wrapper-compact_gwq0h_5b4xu_306:not(#\9) {
   color: var(--color-text-expandable-section-default-7zwicj, #545b64);
   -webkit-font-smoothing: var(--font-smoothing-webkit-px4az4, auto);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-ev3sgf, auto);
 }
-.awsui_wrapper-default_gwq0h_ism9q_295:not(#\9), .awsui_wrapper-inline_gwq0h_ism9q_295:not(#\9), .awsui_wrapper-navigation_gwq0h_ism9q_299:not(#\9), .awsui_wrapper-footer_gwq0h_ism9q_295:not(#\9) {
+.awsui_wrapper-default_gwq0h_5b4xu_295:not(#\9), .awsui_wrapper-inline_gwq0h_5b4xu_295:not(#\9), .awsui_wrapper-navigation_gwq0h_5b4xu_299:not(#\9), .awsui_wrapper-footer_gwq0h_5b4xu_295:not(#\9) {
   font-size: var(--font-size-expandable-heading-i8x3r3, 14px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
 }
-.awsui_wrapper-default_gwq0h_ism9q_295:not(#\9) {
+.awsui_wrapper-default_gwq0h_5b4xu_295:not(#\9) {
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
   padding-inline-end: var(--space-xxs-jnczic, 4px);
 }
-.awsui_wrapper-default_gwq0h_ism9q_295.awsui_header-deprecated_gwq0h_ism9q_319:not(#\9) {
+.awsui_wrapper-default_gwq0h_5b4xu_295.awsui_header-deprecated_gwq0h_5b4xu_319:not(#\9) {
   padding-inline-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_wrapper-default_gwq0h_ism9q_295:not(#\9):not(.awsui_header-deprecated_gwq0h_ism9q_319), .awsui_wrapper-inline_gwq0h_ism9q_295:not(#\9):not(.awsui_header-deprecated_gwq0h_ism9q_319) {
+.awsui_wrapper-default_gwq0h_5b4xu_295:not(#\9):not(.awsui_header-deprecated_gwq0h_5b4xu_319), .awsui_wrapper-inline_gwq0h_5b4xu_295:not(#\9):not(.awsui_header-deprecated_gwq0h_5b4xu_319) {
   padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px));
 }
-.awsui_wrapper-default_gwq0h_ism9q_295.awsui_wrapper-expanded_gwq0h_ism9q_325:not(#\9), .awsui_wrapper-inline_gwq0h_ism9q_295.awsui_wrapper-expanded_gwq0h_ism9q_325:not(#\9) {
+.awsui_wrapper-default_gwq0h_5b4xu_295.awsui_wrapper-expanded_gwq0h_5b4xu_325:not(#\9), .awsui_wrapper-inline_gwq0h_5b4xu_295.awsui_wrapper-expanded_gwq0h_5b4xu_325:not(#\9) {
   padding-block-end: var(--space-scaled-xxs-jatbiv, 4px);
   border-block-end-color: var(--color-border-expandable-section-default-7ch7o8, #eaeded);
 }
-.awsui_wrapper-footer_gwq0h_ism9q_295:not(#\9) {
+.awsui_wrapper-footer_gwq0h_5b4xu_295:not(#\9) {
   padding-block: var(--space-scaled-xxs-jatbiv, 4px);
 }
-.awsui_wrapper-footer_gwq0h_ism9q_295:not(#\9), .awsui_wrapper-compact_gwq0h_ism9q_306:not(#\9) {
+.awsui_wrapper-footer_gwq0h_5b4xu_295:not(#\9), .awsui_wrapper-compact_gwq0h_5b4xu_306:not(#\9) {
   padding-inline-end: 0;
 }
-.awsui_wrapper-footer_gwq0h_ism9q_295.awsui_header-deprecated_gwq0h_ism9q_319:not(#\9), .awsui_wrapper-compact_gwq0h_ism9q_306.awsui_header-deprecated_gwq0h_ism9q_319:not(#\9) {
+.awsui_wrapper-footer_gwq0h_5b4xu_295.awsui_header-deprecated_gwq0h_5b4xu_319:not(#\9), .awsui_wrapper-compact_gwq0h_5b4xu_306.awsui_header-deprecated_gwq0h_5b4xu_319:not(#\9) {
   padding-inline-start: 0;
 }
-.awsui_wrapper-footer_gwq0h_ism9q_295:not(#\9):not(.awsui_header-deprecated_gwq0h_ism9q_319), .awsui_wrapper-compact_gwq0h_ism9q_306:not(#\9):not(.awsui_header-deprecated_gwq0h_ism9q_319) {
+.awsui_wrapper-footer_gwq0h_5b4xu_295:not(#\9):not(.awsui_header-deprecated_gwq0h_5b4xu_319), .awsui_wrapper-compact_gwq0h_5b4xu_306:not(#\9):not(.awsui_header-deprecated_gwq0h_5b4xu_319) {
   padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px));
 }
-.awsui_wrapper-container_gwq0h_ism9q_302:not(#\9) {
+.awsui_wrapper-container_gwq0h_5b4xu_302:not(#\9) {
   padding-block: var(--space-container-header-top-3cfni8, 12px) var(--space-container-header-bottom-rbnprk, 12px);
   padding-inline-end: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_wrapper-container_gwq0h_ism9q_302:not(#\9):not(.awsui_wrapper-expanded_gwq0h_ism9q_325) {
+.awsui_wrapper-container_gwq0h_5b4xu_302:not(#\9):not(.awsui_wrapper-expanded_gwq0h_5b4xu_325) {
   padding-block-end: var(--space-container-header-top-3cfni8, 12px);
 }
-.awsui_wrapper-container_gwq0h_ism9q_302.awsui_wrapper-not-expanded-without-actions_gwq0h_ism9q_348:not(#\9) {
+.awsui_wrapper-container_gwq0h_5b4xu_302.awsui_wrapper-not-expanded-without-actions_gwq0h_5b4xu_348:not(#\9) {
   padding-block-end: calc(var(--space-container-header-top-3cfni8, 12px) + var(--space-scaled-xxs-jatbiv, 4px));
 }
-.awsui_wrapper-container_gwq0h_ism9q_302.awsui_header-deprecated_gwq0h_ism9q_319:not(#\9) {
+.awsui_wrapper-container_gwq0h_5b4xu_302.awsui_header-deprecated_gwq0h_5b4xu_319:not(#\9) {
   padding-inline-start: var(--space-container-horizontal-ipmk0e, 20px);
 }
-.awsui_wrapper-container_gwq0h_ism9q_302:not(#\9):not(.awsui_header-deprecated_gwq0h_ism9q_319) {
+.awsui_wrapper-container_gwq0h_5b4xu_302:not(#\9):not(.awsui_header-deprecated_gwq0h_5b4xu_319) {
   padding-inline-start: calc(var(--space-container-horizontal-ipmk0e, 20px) + calc(var(--size-icon-medium-3ovt3t, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xs-kw7k3v, 8px)));
 }
-body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_ism9q_302:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_5b4xu_302:not(#\9):focus {
   padding-block: calc(var(--space-scaled-s-gjhvjd, 12px) - var(--border-divider-section-width-sznrdy, 1px));
   padding-inline: calc(var(--space-l-3cws6j, 20px) - var(--border-divider-section-width-sznrdy, 1px));
 }
-.awsui_header_gwq0h_ism9q_319:not(#\9) {
+.awsui_header_gwq0h_5b4xu_319:not(#\9) {
   /* used in test-utils */
 }
-.awsui_header-wrapper_gwq0h_ism9q_365:not(#\9), .awsui_header-deprecated_gwq0h_ism9q_319:not(#\9) {
+.awsui_header-wrapper_gwq0h_5b4xu_365:not(#\9), .awsui_header-deprecated_gwq0h_5b4xu_319:not(#\9) {
   display: flex;
   font-weight: var(--font-weight-heading-s-qxvrar, 700);
 }
-.awsui_header-wrapper_gwq0h_ism9q_365:not(#\9) {
+.awsui_header-wrapper_gwq0h_5b4xu_365:not(#\9) {
   font-size: inherit;
   letter-spacing: inherit;
   margin-block: 0;
@@ -374,20 +374,20 @@ body[data-awsui-focus-visible=true] .awsui_wrapper-container_gwq0h_ism9q_302:not
   padding-block: 0;
   padding-inline: 0;
 }
-.awsui_header-actions-wrapper_gwq0h_ism9q_377:not(#\9) {
+.awsui_header-actions-wrapper_gwq0h_5b4xu_377:not(#\9) {
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: center;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_ism9q_383:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_ism9q_383:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_5b4xu_383:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_5b4xu_383:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_ism9q_383:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_ism9q_383:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_5b4xu_383:not(#\9):focus, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_5b4xu_383:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_ism9q_383:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_ism9q_383:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_5b4xu_383:not(#\9):focus::before, body[data-awsui-focus-visible=true] .awsui_header-container-button_gwq0h_5b4xu_383:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -401,21 +401,21 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_ism9q_383:not(#\9
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-button_gwq0h_ism9q_383:not(#\9) {
+.awsui_header-button_gwq0h_5b4xu_383:not(#\9) {
   box-sizing: border-box;
   display: flex;
   margin-inline-start: calc(-1 * calc(var(--size-icon-normal-2f5zkr, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px)));
 }
-.awsui_header-container-button_gwq0h_ism9q_383:not(#\9) {
+.awsui_header-container-button_gwq0h_5b4xu_383:not(#\9) {
   margin-inline-start: calc(-1 * calc(var(--size-icon-medium-3ovt3t, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xs-kw7k3v, 8px)));
 }
-.awsui_header-container_gwq0h_ism9q_383:not(#\9) {
+.awsui_header-container_gwq0h_5b4xu_383:not(#\9) {
   inline-size: 100%;
 }
-.awsui_header-container_gwq0h_ism9q_383 > .awsui_icon-container_gwq0h_ism9q_264:not(#\9) {
+.awsui_header-container_gwq0h_5b4xu_383 > .awsui_icon-container_gwq0h_5b4xu_264:not(#\9) {
   margin-block-start: var(--space-expandable-section-icon-offset-top-zxpo99, 8px);
 }
-.awsui_header-navigation_gwq0h_ism9q_418 > .awsui_icon-container_gwq0h_ism9q_264:not(#\9) {
+.awsui_header-navigation_gwq0h_5b4xu_418 > .awsui_icon-container_gwq0h_5b4xu_264:not(#\9) {
   display: inline-flex;
   cursor: pointer;
   color: var(--color-text-expandable-section-navigation-icon-default-h9rszh, #879596);
@@ -428,17 +428,17 @@ body[data-awsui-focus-visible=true] .awsui_header-button_gwq0h_ism9q_383:not(#\9
   text-decoration: none;
   flex-direction: column;
 }
-.awsui_header-navigation_gwq0h_ism9q_418 > .awsui_icon-container_gwq0h_ism9q_264:not(#\9):hover {
+.awsui_header-navigation_gwq0h_5b4xu_418 > .awsui_icon-container_gwq0h_5b4xu_264:not(#\9):hover {
   color: var(--color-text-expandable-section-hover-8k6nu3, #16191f);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_ism9q_418 > .awsui_icon-container_gwq0h_ism9q_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_5b4xu_418 > .awsui_icon-container_gwq0h_5b4xu_264:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_ism9q_418 > .awsui_icon-container_gwq0h_ism9q_264:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_5b4xu_418 > .awsui_icon-container_gwq0h_5b4xu_264:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_ism9q_418 > .awsui_icon-container_gwq0h_ism9q_264:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_5b4xu_418 > .awsui_icon-container_gwq0h_5b4xu_264:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -452,39 +452,39 @@ body[data-awsui-focus-visible=true] .awsui_header-navigation_gwq0h_ism9q_418 > .
   border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_header-text_gwq0h_ism9q_455:not(#\9) {
+.awsui_header-text_gwq0h_5b4xu_455:not(#\9) {
   /* used in test-utils */
 }
-:not(#\9):not(.awsui_wrapper-compact_gwq0h_ism9q_306) > .awsui_header-actions-wrapper_gwq0h_ism9q_377 {
+:not(#\9):not(.awsui_wrapper-compact_gwq0h_5b4xu_306) > .awsui_header-actions-wrapper_gwq0h_5b4xu_377 {
   flex-wrap: wrap;
   column-gap: var(--space-xs-kw7k3v, 8px);
   row-gap: var(--space-scaled-xxxs-prgw5k, 2px);
 }
-.awsui_content_gwq0h_ism9q_161:not(#\9) {
+.awsui_content_gwq0h_5b4xu_161:not(#\9) {
   display: none;
 }
-.awsui_content-default_gwq0h_ism9q_468:not(#\9), .awsui_content-inline_gwq0h_ism9q_468:not(#\9) {
+.awsui_content-default_gwq0h_5b4xu_468:not(#\9), .awsui_content-inline_gwq0h_5b4xu_468:not(#\9) {
   padding-block: var(--space-scaled-xs-sppte9, 8px);
   padding-inline: 0;
 }
-.awsui_content-footer_gwq0h_ism9q_472:not(#\9) {
+.awsui_content-footer_gwq0h_5b4xu_472:not(#\9) {
   padding-block: var(--space-xs-kw7k3v, 8px);
   padding-inline: 0;
 }
-.awsui_content-expanded_gwq0h_ism9q_476:not(#\9) {
+.awsui_content-expanded_gwq0h_5b4xu_476:not(#\9) {
   display: block;
 }
-.awsui_content-compact_gwq0h_ism9q_479:not(#\9) {
+.awsui_content-compact_gwq0h_5b4xu_479:not(#\9) {
   padding-inline-start: calc(var(--size-icon-normal-2f5zkr, 16px) + (var(--line-height-body-m-bedeoh, 22px) - var(--size-icon-normal-2f5zkr, 16px)) / -2 + var(--space-xxs-jnczic, 4px) + var(--border-divider-list-width-8ggz94, 1px));
 }
-.awsui_focusable_gwq0h_ism9q_483:not(#\9):focus {
+.awsui_focusable_gwq0h_5b4xu_483:not(#\9):focus {
   outline: none;
   text-decoration: none;
 }
-body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_ism9q_483:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_5b4xu_483:not(#\9):focus {
   outline: 2px dotted transparent;
   border-block: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
   border-inline: var(--border-width-button-40y1n5, 1px) solid var(--color-border-item-focused-r5f6xl, #0073bb);
@@ -495,9 +495,9 @@ body[data-awsui-focus-visible=true] .awsui_focusable_gwq0h_ism9q_483:not(#\9):fo
   box-shadow: 0 0 0 var(--border-control-focus-ring-shadow-spread-ql2vj7, 1px) var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_click-target_gwq0h_ism9q_498:not(#\9) {
+.awsui_click-target_gwq0h_5b4xu_498:not(#\9) {
   cursor: pointer;
 }
-.awsui_click-target_gwq0h_ism9q_498:not(#\9):not(.awsui_wrapper-container_gwq0h_ism9q_302):not(.awsui_header-container-button_gwq0h_ism9q_383):hover {
+.awsui_click-target_gwq0h_5b4xu_498:not(#\9):not(.awsui_wrapper-container_gwq0h_5b4xu_302):not(.awsui_header-container-button_gwq0h_5b4xu_383):hover {
   color: var(--color-text-expandable-section-hover-8k6nu3, #16191f);
 }

package/lib/internal/template/expandable-section/styles.selectors.js CHANGED Viewed

@@ -2,41 +2,40 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "content-enter": "awsui_content-enter_gwq0h_ism9q_161",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_ism9q_1",
-  "trigger-expanded": "awsui_trigger-expanded_gwq0h_ism9q_183",
-  "icon": "awsui_icon_gwq0h_ism9q_197",
-  "root": "awsui_root_gwq0h_ism9q_211",
-  "expand-button": "awsui_expand-button_gwq0h_ism9q_246",
-  "expanded": "awsui_expanded_gwq0h_ism9q_254",
-  "icon-container": "awsui_icon-container_gwq0h_ism9q_264",
-  "icon-container-container": "awsui_icon-container-container_gwq0h_ism9q_268",
-  "one-theme": "awsui_one-theme_gwq0h_ism9q_271",
-  "wrapper": "awsui_wrapper_gwq0h_ism9q_287",
-  "wrapper-default": "awsui_wrapper-default_gwq0h_ism9q_295",
-  "wrapper-inline": "awsui_wrapper-inline_gwq0h_ism9q_295",
-  "wrapper-footer": "awsui_wrapper-footer_gwq0h_ism9q_295",
-  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_ism9q_299",
-  "wrapper-container": "awsui_wrapper-container_gwq0h_ism9q_302",
-  "wrapper-compact": "awsui_wrapper-compact_gwq0h_ism9q_306",
-  "header-deprecated": "awsui_header-deprecated_gwq0h_ism9q_319",
-  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_ism9q_325",
-  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_ism9q_348",
-  "header": "awsui_header_gwq0h_ism9q_319",
-  "header-wrapper": "awsui_header-wrapper_gwq0h_ism9q_365",
-  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_ism9q_377",
-  "header-button": "awsui_header-button_gwq0h_ism9q_383",
-  "header-container-button": "awsui_header-container-button_gwq0h_ism9q_383",
-  "header-container": "awsui_header-container_gwq0h_ism9q_383",
-  "header-navigation": "awsui_header-navigation_gwq0h_ism9q_418",
-  "header-text": "awsui_header-text_gwq0h_ism9q_455",
-  "content": "awsui_content_gwq0h_ism9q_161",
-  "content-default": "awsui_content-default_gwq0h_ism9q_468",
-  "content-inline": "awsui_content-inline_gwq0h_ism9q_468",
-  "content-footer": "awsui_content-footer_gwq0h_ism9q_472",
-  "content-expanded": "awsui_content-expanded_gwq0h_ism9q_476",
-  "content-compact": "awsui_content-compact_gwq0h_ism9q_479",
-  "focusable": "awsui_focusable_gwq0h_ism9q_483",
-  "click-target": "awsui_click-target_gwq0h_ism9q_498"
+  "content-enter": "awsui_content-enter_gwq0h_5b4xu_161",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_gwq0h_5b4xu_1",
+  "trigger-expanded": "awsui_trigger-expanded_gwq0h_5b4xu_183",
+  "icon": "awsui_icon_gwq0h_5b4xu_197",
+  "root": "awsui_root_gwq0h_5b4xu_211",
+  "expand-button": "awsui_expand-button_gwq0h_5b4xu_246",
+  "expanded": "awsui_expanded_gwq0h_5b4xu_254",
+  "icon-container": "awsui_icon-container_gwq0h_5b4xu_264",
+  "icon-container-container": "awsui_icon-container-container_gwq0h_5b4xu_268",
+  "wrapper": "awsui_wrapper_gwq0h_5b4xu_287",
+  "wrapper-default": "awsui_wrapper-default_gwq0h_5b4xu_295",
+  "wrapper-inline": "awsui_wrapper-inline_gwq0h_5b4xu_295",
+  "wrapper-footer": "awsui_wrapper-footer_gwq0h_5b4xu_295",
+  "wrapper-navigation": "awsui_wrapper-navigation_gwq0h_5b4xu_299",
+  "wrapper-container": "awsui_wrapper-container_gwq0h_5b4xu_302",
+  "wrapper-compact": "awsui_wrapper-compact_gwq0h_5b4xu_306",
+  "header-deprecated": "awsui_header-deprecated_gwq0h_5b4xu_319",
+  "wrapper-expanded": "awsui_wrapper-expanded_gwq0h_5b4xu_325",
+  "wrapper-not-expanded-without-actions": "awsui_wrapper-not-expanded-without-actions_gwq0h_5b4xu_348",
+  "header": "awsui_header_gwq0h_5b4xu_319",
+  "header-wrapper": "awsui_header-wrapper_gwq0h_5b4xu_365",
+  "header-actions-wrapper": "awsui_header-actions-wrapper_gwq0h_5b4xu_377",
+  "header-button": "awsui_header-button_gwq0h_5b4xu_383",
+  "header-container-button": "awsui_header-container-button_gwq0h_5b4xu_383",
+  "header-container": "awsui_header-container_gwq0h_5b4xu_383",
+  "header-navigation": "awsui_header-navigation_gwq0h_5b4xu_418",
+  "header-text": "awsui_header-text_gwq0h_5b4xu_455",
+  "content": "awsui_content_gwq0h_5b4xu_161",
+  "content-default": "awsui_content-default_gwq0h_5b4xu_468",
+  "content-inline": "awsui_content-inline_gwq0h_5b4xu_468",
+  "content-footer": "awsui_content-footer_gwq0h_5b4xu_472",
+  "content-expanded": "awsui_content-expanded_gwq0h_5b4xu_476",
+  "content-compact": "awsui_content-compact_gwq0h_5b4xu_479",
+  "focusable": "awsui_focusable_gwq0h_5b4xu_483",
+  "click-target": "awsui_click-target_gwq0h_5b4xu_498"
 };

package/lib/internal/template/internal/base-component/styles.scoped.css CHANGED Viewed

@@ -587,6 +587,7 @@
     --color-text-badge-green-i688l8:var(--color-text-notification-default-fmebm4);
     --color-text-badge-blue-pfnjhv:var(--color-text-notification-default-fmebm4);
     --color-text-badge-red-e7xtdk:var(--color-text-notification-default-fmebm4);
+    --color-background-code-view-mo92r8:#f8f8f8;
     --font-button-letter-spacing-9h7rbb:0.25px;
     --font-chart-detail-size-drm2a6:var(--font-size-body-m-vv54cm);
     --font-decoration-style-link-7y21z4:solid;
@@ -1187,6 +1188,7 @@
       --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
       --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
       --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+      --color-background-code-view-mo92r8:#282c34;
       --shadow-container-3fh0j3:0 1px 1px 0 rgba(0, 0, 0, 0.3), 1px 1px 1px 0 rgba(0, 0, 0, 0.3), -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
       --shadow-dropup-44quix:0 -1px 1px 0 rgba(0, 0, 0, 0.3), 1px -1px 1px 0 rgba(0, 0, 0, 0.3), -1px -1px 1px 0 rgba(0, 0, 0, 0.3);
       --shadow-split-bottom-0ncj9i:0 -2px 1px -1px rgba(0, 0, 0, 0.3), 0 -1px 1px -1px rgba(0, 0, 0, 0.3);
@@ -1480,6 +1482,7 @@
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+    --color-background-code-view-mo92r8:#282c34;
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-text-direction-button-disabled-596cgx:var(--color-text-interactive-disabled-xwt2jl);
@@ -3043,6 +3046,7 @@
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+    --color-background-code-view-mo92r8:#282c34;
     --shadow-container-3fh0j3:0px 1px 8px 2px rgba(0, 7, 22, 0.6);
     --shadow-container-active-hawm65:0px 1px 1px 1px #192534, 0px 6px 36px #00040c;
     --shadow-dropdown-skxpuu:0px 4px 20px 1px rgba(0, 4, 12, 1);
@@ -3577,6 +3581,7 @@
     --color-icon-action-card-disabled-pby6he:var(--color-neutral-600-boivn8);
     --color-background-skeleton-ggsbkh:var(--color-neutral-750-gjawa6);
     --color-background-skeleton-wave-huwveo:var(--color-neutral-700-heh17v);
+    --color-background-code-view-mo92r8:#282c34;
     --color-background-toggle-button-normal-default-5asu3x:var(--color-background-button-normal-default-odgg8b);
     --color-background-toggle-button-normal-hover-snalpc:var(--color-background-button-normal-hover-r7x40d);
     --color-background-button-primary-default-3w82vy:var(--color-border-button-normal-default-5aez2l);
@@ -3842,5 +3847,5 @@
   }
 }
 :root {
-  --awsui-version-info-82d11d66: true;
+  --awsui-version-info-528ed620: true;
 }

package/lib/internal/template/internal/components/button-trigger/index.js CHANGED Viewed

@@ -46,7 +46,7 @@ const ButtonTrigger = ({ children, pressed, hideCaret = false, disabled = false,
     };
     return (React.createElement("button", { ref: ref, ...attributes, ...(disabled || readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata)) },
         children,
-        !hideCaret && (React.createElement("span", { className: clsx(styles.arrow, isThemeActive(Theme.OneTheme) && styles['one-theme']) },
+        !hideCaret && (React.createElement("span", { className: styles.arrow },
             React.createElement(InternalIcon, { name: isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled', size: isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal', variant: disabled || readOnly ? 'disabled' : 'normal' })))));
 };
 export default React.forwardRef(ButtonTrigger);

package/lib/internal/template/internal/components/button-trigger/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"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~~IAAI,CAAC,~~MAAM,CAAC,KAAK~~,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,CAAC~~;~~YACvF~~,oBAAC,YAAY,IACX,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,mBAAmB,EACxE,IAAI,EAAE,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC1D,OAAO,EAAE,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,GACrD,CACG,CACR,CACM,CACV,CAAC;AACJ,CAAC,CAAC;AAQF,eAAe,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../../icon/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { BaseKeyDetail, CancelableEventHandler, fireCancelableEvent, fireKeyboardEvent } from '../../events';\nimport {\n GeneratedAnalyticsMetadataButtonTriggerCollapse,\n GeneratedAnalyticsMetadataButtonTriggerExpand,\n} from './analytics-metadata/interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n warning?: boolean;\n inFilteringToken?: 'root' \| 'nested';\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' \| 'listbox' \| 'dialog';\n ariaControls?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node \| null }>;\n hasCustomContent?: boolean;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n warning = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n hasCustomContent = false,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n let attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n analyticsSelectors['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n warning && !invalid && styles.warning,\n !hideCaret && styles['has-caret'],\n readOnly && styles.readonly,\n inFilteringToken && styles['in-filtering-token'],\n inFilteringToken && styles[`in-filtering-token-${inFilteringToken}`],\n inlineTokens && styles['inline-tokens'],\n !!hasCustomContent && styles['custom-option']\n ),\n disabled: disabled,\n 'aria-expanded': pressed,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n 'aria-disabled': readOnly && !disabled ? 'true' : undefined,\n autoFocus,\n };\n\n if (!readOnly) {\n attributes = {\n ...attributes,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n };\n }\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n const analyticsMetadata:\n \| GeneratedAnalyticsMetadataButtonTriggerExpand\n \| GeneratedAnalyticsMetadataButtonTriggerCollapse = {\n action: !pressed ? 'expand' : 'collapse',\n detail: {\n label: { root: 'self' },\n },\n };\n\n return (\n <button\n ref={ref}\n {...attributes}\n {...(disabled \|\| readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata))}\n >\n {children}\n {!hideCaret && (\n <span className={~~clsx(~~styles.arrow~~, isThemeActive(Theme.OneTheme) && styles['one-theme'])~~}>\n <InternalIcon\n name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal'}\n variant={disabled \|\| readOnly ? 'disabled' : 'normal'}\n />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/internal/components/button-trigger/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { ButtonHTMLAttributes } from 'react';\nimport clsx from 'clsx';\n\nimport { isThemeActive, Theme } from '@cloudscape-design/component-toolkit/internal';\nimport { getAnalyticsMetadataAttribute } from '@cloudscape-design/component-toolkit/internal/analytics-metadata';\n\nimport InternalIcon from '../../../icon/internal';\nimport { BaseComponentProps, getBaseProps } from '../../base-component';\nimport { BaseKeyDetail, CancelableEventHandler, fireCancelableEvent, fireKeyboardEvent } from '../../events';\nimport {\n GeneratedAnalyticsMetadataButtonTriggerCollapse,\n GeneratedAnalyticsMetadataButtonTriggerExpand,\n} from './analytics-metadata/interfaces';\n\nimport analyticsSelectors from './analytics-metadata/styles.css.js';\nimport styles from './styles.css.js';\n\nexport interface ButtonTriggerProps extends BaseComponentProps {\n children?: React.ReactNode;\n pressed?: boolean;\n hideCaret?: boolean;\n disabled?: boolean;\n readOnly?: boolean;\n invalid?: boolean;\n warning?: boolean;\n inFilteringToken?: 'root' \| 'nested';\n inlineTokens?: boolean;\n ariaHasPopup?: 'true' \| 'listbox' \| 'dialog';\n ariaControls?: string;\n ariaLabelledby?: string;\n ariaDescribedby?: string;\n onKeyDown?: CancelableEventHandler<BaseKeyDetail>;\n onKeyUp?: CancelableEventHandler<BaseKeyDetail>;\n onMouseDown?: CancelableEventHandler;\n onClick?: CancelableEventHandler;\n onFocus?: CancelableEventHandler;\n onBlur?: CancelableEventHandler<{ relatedTarget: Node \| null }>;\n hasCustomContent?: boolean;\n autoFocus?: boolean;\n}\n\nconst ButtonTrigger = (\n {\n children,\n pressed,\n hideCaret = false,\n disabled = false,\n readOnly = false,\n invalid = false,\n warning = false,\n inlineTokens,\n inFilteringToken,\n ariaHasPopup,\n ariaLabelledby,\n ariaDescribedby,\n ariaControls,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onClick,\n onFocus,\n onBlur,\n hasCustomContent = false,\n autoFocus,\n ...restProps\n }: ButtonTriggerProps,\n ref: React.Ref<HTMLButtonElement>\n) => {\n const baseProps = getBaseProps(restProps);\n let attributes: ButtonHTMLAttributes<HTMLButtonElement> = {\n ...baseProps,\n type: 'button',\n className: clsx(\n styles['button-trigger'],\n analyticsSelectors['button-trigger'],\n baseProps.className,\n pressed && styles.pressed,\n disabled && styles.disabled,\n invalid && styles.invalid,\n warning && !invalid && styles.warning,\n !hideCaret && styles['has-caret'],\n readOnly && styles.readonly,\n inFilteringToken && styles['in-filtering-token'],\n inFilteringToken && styles[`in-filtering-token-${inFilteringToken}`],\n inlineTokens && styles['inline-tokens'],\n !!hasCustomContent && styles['custom-option']\n ),\n disabled: disabled,\n 'aria-expanded': pressed,\n 'aria-labelledby': ariaLabelledby,\n 'aria-describedby': ariaDescribedby,\n 'aria-haspopup': ariaHasPopup ?? 'listbox',\n 'aria-controls': ariaControls,\n 'aria-disabled': readOnly && !disabled ? 'true' : undefined,\n autoFocus,\n };\n\n if (!readOnly) {\n attributes = {\n ...attributes,\n onKeyDown: onKeyDown && (event => fireKeyboardEvent(onKeyDown, event)),\n onKeyUp: onKeyUp && (event => fireKeyboardEvent(onKeyUp, event)),\n onMouseDown: onMouseDown && (event => fireCancelableEvent(onMouseDown, {}, event)),\n onClick: onClick && (event => fireCancelableEvent(onClick, {}, event)),\n onFocus: onFocus && (event => fireCancelableEvent(onFocus, {}, event)),\n onBlur: onBlur && (event => fireCancelableEvent(onBlur, { relatedTarget: event.relatedTarget }, event)),\n };\n }\n\n if (invalid) {\n attributes['aria-invalid'] = invalid;\n }\n\n const analyticsMetadata:\n \| GeneratedAnalyticsMetadataButtonTriggerExpand\n \| GeneratedAnalyticsMetadataButtonTriggerCollapse = {\n action: !pressed ? 'expand' : 'collapse',\n detail: {\n label: { root: 'self' },\n },\n };\n\n return (\n <button\n ref={ref}\n {...attributes}\n {...(disabled \|\| readOnly ? {} : getAnalyticsMetadataAttribute(analyticsMetadata))}\n >\n {children}\n {!hideCaret && (\n <span className={styles.arrow}>\n <InternalIcon\n name={isThemeActive(Theme.OneTheme) ? 'angle-down' : 'caret-down-filled'}\n size={isThemeActive(Theme.OneTheme) ? 'x-small' : 'normal'}\n variant={disabled \|\| readOnly ? 'disabled' : 'normal'}\n />\n </span>\n )}\n </button>\n );\n};\n\nexport namespace ButtonTriggerProps {\n export interface Ref {\n focus(): void;\n }\n}\n\nexport default React.forwardRef(ButtonTrigger);\n"]}

package/lib/internal/template/internal/components/button-trigger/styles.css.js CHANGED Viewed

@@ -1,20 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "button-trigger": "awsui_button-trigger_18eso_6h2xj_161",
-  "arrow": "awsui_arrow_18eso_6h2xj_161",
-  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_6h2xj_221",
-  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_6h2xj_221",
-  "has-caret": "awsui_has-caret_18eso_6h2xj_257",
-  "placeholder": "awsui_placeholder_18eso_6h2xj_260",
-  "one-theme": "awsui_one-theme_18eso_6h2xj_270",
-  "pressed": "awsui_pressed_18eso_6h2xj_276",
-  "disabled": "awsui_disabled_18eso_6h2xj_282",
-  "in-filtering-token": "awsui_in-filtering-token_18eso_6h2xj_221",
-  "readonly": "awsui_readonly_18eso_6h2xj_303",
-  "invalid": "awsui_invalid_18eso_6h2xj_328",
-  "warning": "awsui_warning_18eso_6h2xj_337",
-  "custom-option": "awsui_custom-option_18eso_6h2xj_346",
-  "inline-tokens": "awsui_inline-tokens_18eso_6h2xj_351"
+  "button-trigger": "awsui_button-trigger_18eso_1ca00_161",
+  "arrow": "awsui_arrow_18eso_1ca00_161",
+  "in-filtering-token-root": "awsui_in-filtering-token-root_18eso_1ca00_221",
+  "in-filtering-token-nested": "awsui_in-filtering-token-nested_18eso_1ca00_221",
+  "has-caret": "awsui_has-caret_18eso_1ca00_257",
+  "placeholder": "awsui_placeholder_18eso_1ca00_260",
+  "pressed": "awsui_pressed_18eso_1ca00_276",
+  "disabled": "awsui_disabled_18eso_1ca00_282",
+  "in-filtering-token": "awsui_in-filtering-token_18eso_1ca00_221",
+  "readonly": "awsui_readonly_18eso_1ca00_303",
+  "invalid": "awsui_invalid_18eso_1ca00_328",
+  "warning": "awsui_warning_18eso_1ca00_337",
+  "custom-option": "awsui_custom-option_18eso_1ca00_346",
+  "inline-tokens": "awsui_inline-tokens_18eso_1ca00_351"
 };