@cloudscape-design/components 3.0.244 → 3.0.246

package/top-navigation/styles.scoped.css

@@ -90,16 +90,16 @@ 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_k5dlb_yigqr_93:not(#\9) {
+.awsui_icon_k5dlb_f8s5t_93:not(#\9) {
   transition: transform var(--motion-duration-rotate-90-ux18sr, 135ms) var(--motion-easing-rotate-90-eoew89, cubic-bezier(0.165, 0.84, 0.44, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_icon_k5dlb_yigqr_93:not(#\9) {
+  .awsui_icon_k5dlb_f8s5t_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_icon_k5dlb_yigqr_93:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_yigqr_93:not(#\9) {
+.awsui-motion-disabled .awsui_icon_k5dlb_f8s5t_93:not(#\9), .awsui-mode-entering .awsui_icon_k5dlb_f8s5t_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -108,7 +108,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_top-navigation_k5dlb_yigqr_111:not(#\9) {
+.awsui_top-navigation_k5dlb_f8s5t_111:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -147,7 +147,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: auto;
   background: var(--color-background-container-content-i8i4a0, #ffffff);
 }
-.awsui_top-navigation_k5dlb_yigqr_111 > .awsui_padding-box_k5dlb_yigqr_124:not(#\9) {
+.awsui_top-navigation_k5dlb_f8s5t_111 > .awsui_padding-box_k5dlb_f8s5t_124:not(#\9) {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -157,22 +157,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(var(--space-xxxl-bo9z7f, 40px) + var(--space-scaled-m-pv0fmt, 16px));
   padding-left: var(--space-xxl-2nvmf1, 32px);
 }
-.awsui_top-navigation_k5dlb_yigqr_111.awsui_medium_k5dlb_yigqr_134 > .awsui_padding-box_k5dlb_yigqr_124:not(#\9), .awsui_top-navigation_k5dlb_yigqr_111.awsui_narrow_k5dlb_yigqr_134 > .awsui_padding-box_k5dlb_yigqr_124:not(#\9) {
+.awsui_top-navigation_k5dlb_f8s5t_111.awsui_medium_k5dlb_f8s5t_134 > .awsui_padding-box_k5dlb_f8s5t_124:not(#\9), .awsui_top-navigation_k5dlb_f8s5t_111.awsui_narrow_k5dlb_f8s5t_134 > .awsui_padding-box_k5dlb_f8s5t_124:not(#\9) {
   padding-left: var(--space-l-4vl6xu, 20px);
 }
-.awsui_top-navigation_k5dlb_yigqr_111.awsui_medium_k5dlb_yigqr_134 > .awsui_padding-box_k5dlb_yigqr_124:not(#\9) {
+.awsui_top-navigation_k5dlb_f8s5t_111.awsui_medium_k5dlb_f8s5t_134 > .awsui_padding-box_k5dlb_f8s5t_124:not(#\9) {
   height: calc(var(--space-xxxl-bo9z7f, 40px) + var(--space-scaled-xs-6859qs, 8px));
   padding-right: 0;
 }
-.awsui_top-navigation_k5dlb_yigqr_111.awsui_narrow_k5dlb_yigqr_134 > .awsui_padding-box_k5dlb_yigqr_124:not(#\9) {
+.awsui_top-navigation_k5dlb_f8s5t_111.awsui_narrow_k5dlb_f8s5t_134 > .awsui_padding-box_k5dlb_f8s5t_124:not(#\9) {
   height: var(--space-xxxl-bo9z7f, 40px);
 }
 
-.awsui_virtual_k5dlb_yigqr_145:not(#\9) {
+.awsui_virtual_k5dlb_f8s5t_145:not(#\9) {
   width: 9000px;
 }
 
-.awsui_hidden_k5dlb_yigqr_149:not(#\9) {
+.awsui_hidden_k5dlb_f8s5t_149:not(#\9) {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
@@ -180,23 +180,23 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 }
 
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_hidden_k5dlb_yigqr_149 *:not(#\9):not(#awsui_\9 _k5dlb_yigqr_1) {
+.awsui_hidden_k5dlb_f8s5t_149 *:not(#\9):not(#awsui_\9 _k5dlb_f8s5t_1) {
   visibility: hidden;
 }
 
-.awsui_identity_k5dlb_yigqr_161:not(#\9) {
+.awsui_identity_k5dlb_f8s5t_161:not(#\9) {
   min-width: 0;
 }
-.awsui_identity_k5dlb_yigqr_161 > .awsui_identity-link_k5dlb_yigqr_164:not(#\9) {
+.awsui_identity_k5dlb_f8s5t_161 > .awsui_identity-link_k5dlb_f8s5t_164:not(#\9) {
   display: flex;
   align-items: center;
   text-decoration: none;
   color: var(--color-text-top-navigation-title-oypxe3, #000716);
 }
-.awsui_identity_k5dlb_yigqr_161 > .awsui_identity-link_k5dlb_yigqr_164:not(#\9):hover {
+.awsui_identity_k5dlb_f8s5t_161 > .awsui_identity-link_k5dlb_f8s5t_164:not(#\9):hover {
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
-.awsui_identity_k5dlb_yigqr_161 > .awsui_identity-link_k5dlb_yigqr_164[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_identity_k5dlb_f8s5t_161 > .awsui_identity-link_k5dlb_f8s5t_164:not(#\9):focus {
   outline: thin dotted;
   outline: var(--border-link-focus-ring-outline-k2wccv, 0);
   outline-offset: 2px;
@@ -204,11 +204,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: var(--border-radius-control-default-focus-ring-7661kz, 4px);
   box-shadow: 0 0 0 var(--border-link-focus-ring-shadow-spread-nv4ahb, 2px) var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_identity_k5dlb_yigqr_161.awsui_no-logo_k5dlb_yigqr_181:not(#\9) {
+.awsui_identity_k5dlb_f8s5t_161.awsui_no-logo_k5dlb_f8s5t_181:not(#\9) {
   min-width: 100px;
 }
 
-.awsui_logo_k5dlb_yigqr_185:not(#\9) {
+.awsui_logo_k5dlb_f8s5t_185:not(#\9) {
   display: block;
   max-height: var(--space-xxl-2nvmf1, 32px);
   margin-right: var(--space-s-hv8c1d, 12px);
@@ -216,11 +216,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-shrink: 0;
   min-width: 10px;
 }
-.awsui_logo_k5dlb_yigqr_185.awsui_narrow_k5dlb_yigqr_134:not(#\9) {
+.awsui_logo_k5dlb_f8s5t_185.awsui_narrow_k5dlb_f8s5t_134:not(#\9) {
   max-height: var(--space-xl-a39hup, 24px);
 }
 
-.awsui_title_k5dlb_yigqr_197:not(#\9) {
+.awsui_title_k5dlb_f8s5t_197:not(#\9) {
   font-size: var(--font-heading-m-size-6e3jmg, 20px);
   line-height: var(--font-heading-m-line-height-u3t54f, 24px);
   letter-spacing: var(--font-heading-m-letter-spacing-r00pg3, -0.01em);
@@ -231,44 +231,44 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.awsui_no-logo_k5dlb_yigqr_181 > .awsui_identity-link_k5dlb_yigqr_164 > .awsui_title_k5dlb_yigqr_197:not(#\9) {
+.awsui_no-logo_k5dlb_f8s5t_181 > .awsui_identity-link_k5dlb_f8s5t_164 > .awsui_title_k5dlb_f8s5t_197:not(#\9) {
   font-weight: 700;
 }
 
-.awsui_inputs_k5dlb_yigqr_212:not(#\9) {
+.awsui_inputs_k5dlb_f8s5t_212:not(#\9) {
   display: flex;
   flex: 1;
   padding: 0 var(--space-m-17eucw, 16px);
   justify-content: center;
 }
 
-.awsui_search_k5dlb_yigqr_219:not(#\9) {
+.awsui_search_k5dlb_f8s5t_219:not(#\9) {
   width: 100%;
   max-width: 340px;
 }
-.awsui_search-expanded_k5dlb_yigqr_223:not(#\9) {
+.awsui_search-expanded_k5dlb_f8s5t_223:not(#\9) {
   max-width: none;
 }
 
-.awsui_utilities_k5dlb_yigqr_227:not(#\9) {
+.awsui_utilities_k5dlb_f8s5t_227:not(#\9) {
   display: flex;
   flex-shrink: 0;
   flex-direction: row;
   align-items: stretch;
   height: 100%;
 }
-.awsui_medium_k5dlb_yigqr_134 > .awsui_padding-box_k5dlb_yigqr_124 > .awsui_utilities_k5dlb_yigqr_227:not(#\9), .awsui_narrow_k5dlb_yigqr_134 > .awsui_padding-box_k5dlb_yigqr_124 > .awsui_utilities_k5dlb_yigqr_227:not(#\9) {
+.awsui_medium_k5dlb_f8s5t_134 > .awsui_padding-box_k5dlb_f8s5t_124 > .awsui_utilities_k5dlb_f8s5t_227:not(#\9), .awsui_narrow_k5dlb_f8s5t_134 > .awsui_padding-box_k5dlb_f8s5t_124 > .awsui_utilities_k5dlb_f8s5t_227:not(#\9) {
   padding-left: 0;
 }
 
-.awsui_utility-wrapper_k5dlb_yigqr_238:not(#\9) {
+.awsui_utility-wrapper_k5dlb_f8s5t_238:not(#\9) {
   display: flex;
   position: relative;
   flex-shrink: 0;
   align-items: center;
   padding: 0 var(--space-m-17eucw, 16px);
 }
-.awsui_utility-wrapper_k5dlb_yigqr_238:not(#\9)::after {
+.awsui_utility-wrapper_k5dlb_f8s5t_238:not(#\9)::after {
   display: block;
   position: absolute;
   content: "";
@@ -278,59 +278,59 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   bottom: var(--space-s-hv8c1d, 12px);
   background: var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_utility-wrapper_k5dlb_yigqr_238:not(#\9):last-of-type::after {
+.awsui_utility-wrapper_k5dlb_f8s5t_238:not(#\9):last-of-type::after {
   display: none;
 }
 
-.awsui_utility-type-button-link_k5dlb_yigqr_259:not(#\9) {
+.awsui_utility-type-button-link_k5dlb_f8s5t_259:not(#\9) {
   padding: 0 var(--space-l-4vl6xu, 20px);
 }
 
-.awsui_utility-type-menu-dropdown_k5dlb_yigqr_263:not(#\9) {
+.awsui_utility-type-menu-dropdown_k5dlb_f8s5t_263:not(#\9) {
   padding: 0 var(--space-s-hv8c1d, 12px);
   align-items: stretch;
 }
-.awsui_utility-type-menu-dropdown_k5dlb_yigqr_263:not(#\9):not(.awsui_narrow_k5dlb_yigqr_134):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_yigqr_263:not(#\9):not(.awsui_medium_k5dlb_yigqr_134):last-of-type {
+.awsui_utility-type-menu-dropdown_k5dlb_f8s5t_263:not(#\9):not(.awsui_narrow_k5dlb_f8s5t_134):last-of-type, .awsui_utility-type-menu-dropdown_k5dlb_f8s5t_263:not(#\9):not(.awsui_medium_k5dlb_f8s5t_134):last-of-type {
   padding-right: 0;
 }
 
-.awsui_utility-type-button-primary-button_k5dlb_yigqr_271:not(#\9) {
+.awsui_utility-type-button-primary-button_k5dlb_f8s5t_271:not(#\9) {
   left: -1px;
   border-left: 1px solid var(--color-background-container-content-i8i4a0, #ffffff);
 }
-.awsui_utility-type-button-primary-button_k5dlb_yigqr_271:not(#\9)::after {
+.awsui_utility-type-button-primary-button_k5dlb_f8s5t_271:not(#\9)::after {
   display: none;
 }
 
-.awsui_utility-link-icon_k5dlb_yigqr_279:not(#\9) {
+.awsui_utility-link-icon_k5dlb_f8s5t_279:not(#\9) {
   margin-left: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_utility-button-external-icon_k5dlb_yigqr_283:not(#\9) {
+.awsui_utility-button-external-icon_k5dlb_f8s5t_283:not(#\9) {
   display: inline-block;
 }
 
-.awsui_offset-right-none_k5dlb_yigqr_287:not(#\9) {
+.awsui_offset-right-none_k5dlb_f8s5t_287:not(#\9) {
   margin-right: 0;
 }
 
-.awsui_offset-right-l_k5dlb_yigqr_291:not(#\9) {
+.awsui_offset-right-l_k5dlb_f8s5t_291:not(#\9) {
   margin-right: var(--space-xxs-ynfts5, 4px);
 }
 
-.awsui_offset-right-xxl_k5dlb_yigqr_295:not(#\9) {
+.awsui_offset-right-xxl_k5dlb_f8s5t_295:not(#\9) {
   margin-right: var(--space-m-17eucw, 16px);
 }
 
 /* Overflow Menu */
-.awsui_overflow-menu-drawer_k5dlb_yigqr_300:not(#\9) {
+.awsui_overflow-menu-drawer_k5dlb_f8s5t_300:not(#\9) {
   position: fixed;
   height: 100%;
   width: 100%;
   z-index: 1001;
 }
 
-.awsui_overflow-menu_k5dlb_yigqr_300:not(#\9) {
+.awsui_overflow-menu_k5dlb_f8s5t_300:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -371,14 +371,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: 100%;
 }
 
-.awsui_overflow-menu-header_k5dlb_yigqr_322:not(#\9) {
+.awsui_overflow-menu-header_k5dlb_f8s5t_322:not(#\9) {
   display: flex;
   align-items: center;
   min-height: var(--font-panel-header-line-height-x2226j, 24px);
   padding: var(--space-scaled-m-pv0fmt, 16px);
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_overflow-menu-header-text_k5dlb_yigqr_329:not(#\9) {
+.awsui_overflow-menu-header-text_k5dlb_f8s5t_329:not(#\9) {
   font-size: var(--font-panel-header-size-0vdgjc, 20px);
   line-height: var(--font-panel-header-line-height-x2226j, 24px);
   font-weight: var(--font-heading-l-weight-xm7ks9, 800);
@@ -389,25 +389,25 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin: 0;
   text-align: center;
 }
-.awsui_overflow-menu-header-text--secondary_k5dlb_yigqr_340:not(#\9) {
+.awsui_overflow-menu-header-text--secondary_k5dlb_f8s5t_340:not(#\9) {
   font-size: var(--font-header-h2-description-size-pqrrui, 14px);
   line-height: var(--font-header-h2-description-line-height-gjrb86, 22px);
   font-weight: 400;
 }
 
-.awsui_overflow-menu-header-text--title_k5dlb_yigqr_346:not(#\9) {
+.awsui_overflow-menu-header-text--title_k5dlb_f8s5t_346:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-back-button_k5dlb_yigqr_350:not(#\9) {
+.awsui_overflow-menu-back-button_k5dlb_f8s5t_350:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-dismiss-button_k5dlb_yigqr_354:not(#\9) {
+.awsui_overflow-menu-dismiss-button_k5dlb_f8s5t_354:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_overflow-menu-control_k5dlb_yigqr_358:not(#\9) {
+.awsui_overflow-menu-control_k5dlb_f8s5t_358:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -450,31 +450,31 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: none;
   border: none;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_yigqr_375 > .awsui_overflow-menu-control_k5dlb_yigqr_358:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_f8s5t_375 > .awsui_overflow-menu-control_k5dlb_f8s5t_358:not(#\9) {
   padding: var(--space-scaled-m-pv0fmt, 16px);
 }
-.awsui_overflow-menu-control_k5dlb_yigqr_358:not(#\9):hover {
+.awsui_overflow-menu-control_k5dlb_f8s5t_358:not(#\9):hover {
   color: var(--color-text-accent-s1eqko, #0972d3);
   cursor: pointer;
 }
-.awsui_overflow-menu-control-link_k5dlb_yigqr_382:not(#\9) {
+.awsui_overflow-menu-control-link_k5dlb_f8s5t_382:not(#\9) {
   text-decoration: none;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_yigqr_385:not(#\9) {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_f8s5t_385:not(#\9) {
   color: var(--color-text-dropdown-group-label-eaqlcl, #414d5c);
   font-weight: bold;
 }
-.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_yigqr_385:not(#\9):hover {
+.awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_f8s5t_385:not(#\9):hover {
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
-.awsui_overflow-menu-control_k5dlb_yigqr_358[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_f8s5t_358:not(#\9):focus {
   position: relative;
 }
-.awsui_overflow-menu-control_k5dlb_yigqr_358[data-awsui-focus-visible=true]:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_f8s5t_358:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-button-focus-outline-gutter-4vaedu, 4px) - 1px);
 }
-.awsui_overflow-menu-control_k5dlb_yigqr_358[data-awsui-focus-visible=true]:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_overflow-menu-control_k5dlb_f8s5t_358:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -486,47 +486,47 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_overflow-menu-list_k5dlb_yigqr_375:not(#\9) {
+.awsui_overflow-menu-list_k5dlb_f8s5t_375:not(#\9) {
   list-style: none;
   margin: 0;
   padding: 0;
 }
-.awsui_overflow-menu-list-submenu_k5dlb_yigqr_416:not(#\9) {
+.awsui_overflow-menu-list-submenu_k5dlb_f8s5t_416:not(#\9) {
   margin: var(--space-scaled-xxs-95dhkm, 4px) 0;
 }
 
-.awsui_overflow-menu-list-item_k5dlb_yigqr_375:not(#\9) {
+.awsui_overflow-menu-list-item_k5dlb_f8s5t_375:not(#\9) {
   box-sizing: border-box;
   letter-spacing: var(--font-button-letter-spacing-8y5poz, 0.005em);
 }
-.awsui_overflow-menu-list-item-icon_k5dlb_yigqr_424:not(#\9) {
+.awsui_overflow-menu-list-item-icon_k5dlb_f8s5t_424:not(#\9) {
   margin-right: var(--space-xxs-ynfts5, 4px);
 }
-.awsui_overflow-menu-list-item-text_k5dlb_yigqr_427:not(#\9) {
+.awsui_overflow-menu-list-item-text_k5dlb_f8s5t_427:not(#\9) {
   flex: 1;
 }
-.awsui_overflow-menu-list-item-utility_k5dlb_yigqr_375:not(#\9) {
+.awsui_overflow-menu-list-item-utility_k5dlb_f8s5t_375:not(#\9) {
   font-weight: var(--font-button-weight-7rj5fx, 800);
   -webkit-font-smoothing: var(--font-smoothing-webkit-vu3hx4, antialiased);
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_overflow-menu-list-item-submenu_k5dlb_yigqr_436:not(#\9) {
+.awsui_overflow-menu-list-item-submenu_k5dlb_f8s5t_436:not(#\9) {
   border-top: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid transparent;
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-l-t03y3z, 20px);
 }
-.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_yigqr_441:not(#\9) {
+.awsui_overflow-menu-list-item-dropdown-menu_k5dlb_f8s5t_441:not(#\9) {
   padding: var(--space-scaled-xxs-95dhkm, 4px) var(--space-scaled-s-cu1hzn, 12px);
 }
-.awsui_overflow-menu-list-item-expandable_k5dlb_yigqr_444:not(#\9) {
+.awsui_overflow-menu-list-item-expandable_k5dlb_f8s5t_444:not(#\9) {
   border-top-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
   border-bottom-color: var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 
-.awsui_icon_k5dlb_yigqr_93:not(#\9) {
+.awsui_icon_k5dlb_f8s5t_93:not(#\9) {
   transform: rotate(-180deg);
 }
-.awsui_icon_k5dlb_yigqr_93.awsui_expanded_k5dlb_yigqr_452:not(#\9) {
+.awsui_icon_k5dlb_f8s5t_93.awsui_expanded_k5dlb_f8s5t_452:not(#\9) {
   transform: rotate(0deg);
 }

package/top-navigation/styles.selectors.js

@@ -2,52 +2,52 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "icon": "awsui_icon_k5dlb_yigqr_93",
-  "top-navigation": "awsui_top-navigation_k5dlb_yigqr_111",
-  "padding-box": "awsui_padding-box_k5dlb_yigqr_124",
-  "medium": "awsui_medium_k5dlb_yigqr_134",
-  "narrow": "awsui_narrow_k5dlb_yigqr_134",
-  "virtual": "awsui_virtual_k5dlb_yigqr_145",
-  "hidden": "awsui_hidden_k5dlb_yigqr_149",
-  "\t": "awsui_\t_k5dlb_yigqr_1",
-  "identity": "awsui_identity_k5dlb_yigqr_161",
-  "identity-link": "awsui_identity-link_k5dlb_yigqr_164",
-  "no-logo": "awsui_no-logo_k5dlb_yigqr_181",
-  "logo": "awsui_logo_k5dlb_yigqr_185",
-  "title": "awsui_title_k5dlb_yigqr_197",
-  "inputs": "awsui_inputs_k5dlb_yigqr_212",
-  "search": "awsui_search_k5dlb_yigqr_219",
-  "search-expanded": "awsui_search-expanded_k5dlb_yigqr_223",
-  "utilities": "awsui_utilities_k5dlb_yigqr_227",
-  "utility-wrapper": "awsui_utility-wrapper_k5dlb_yigqr_238",
-  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_yigqr_259",
-  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_yigqr_263",
-  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_yigqr_271",
-  "utility-link-icon": "awsui_utility-link-icon_k5dlb_yigqr_279",
-  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_yigqr_283",
-  "offset-right-none": "awsui_offset-right-none_k5dlb_yigqr_287",
-  "offset-right-l": "awsui_offset-right-l_k5dlb_yigqr_291",
-  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_yigqr_295",
-  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_yigqr_300",
-  "overflow-menu": "awsui_overflow-menu_k5dlb_yigqr_300",
-  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_yigqr_322",
-  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_yigqr_329",
-  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_yigqr_340",
-  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_yigqr_346",
-  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_yigqr_350",
-  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_yigqr_354",
-  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_yigqr_358",
-  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_yigqr_375",
-  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_yigqr_382",
-  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_yigqr_385",
-  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_yigqr_375",
-  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_yigqr_416",
-  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_yigqr_375",
-  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_yigqr_424",
-  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_yigqr_427",
-  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_yigqr_436",
-  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_yigqr_441",
-  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_yigqr_444",
-  "expanded": "awsui_expanded_k5dlb_yigqr_452"
+  "icon": "awsui_icon_k5dlb_f8s5t_93",
+  "top-navigation": "awsui_top-navigation_k5dlb_f8s5t_111",
+  "padding-box": "awsui_padding-box_k5dlb_f8s5t_124",
+  "medium": "awsui_medium_k5dlb_f8s5t_134",
+  "narrow": "awsui_narrow_k5dlb_f8s5t_134",
+  "virtual": "awsui_virtual_k5dlb_f8s5t_145",
+  "hidden": "awsui_hidden_k5dlb_f8s5t_149",
+  "\t": "awsui_\t_k5dlb_f8s5t_1",
+  "identity": "awsui_identity_k5dlb_f8s5t_161",
+  "identity-link": "awsui_identity-link_k5dlb_f8s5t_164",
+  "no-logo": "awsui_no-logo_k5dlb_f8s5t_181",
+  "logo": "awsui_logo_k5dlb_f8s5t_185",
+  "title": "awsui_title_k5dlb_f8s5t_197",
+  "inputs": "awsui_inputs_k5dlb_f8s5t_212",
+  "search": "awsui_search_k5dlb_f8s5t_219",
+  "search-expanded": "awsui_search-expanded_k5dlb_f8s5t_223",
+  "utilities": "awsui_utilities_k5dlb_f8s5t_227",
+  "utility-wrapper": "awsui_utility-wrapper_k5dlb_f8s5t_238",
+  "utility-type-button-link": "awsui_utility-type-button-link_k5dlb_f8s5t_259",
+  "utility-type-menu-dropdown": "awsui_utility-type-menu-dropdown_k5dlb_f8s5t_263",
+  "utility-type-button-primary-button": "awsui_utility-type-button-primary-button_k5dlb_f8s5t_271",
+  "utility-link-icon": "awsui_utility-link-icon_k5dlb_f8s5t_279",
+  "utility-button-external-icon": "awsui_utility-button-external-icon_k5dlb_f8s5t_283",
+  "offset-right-none": "awsui_offset-right-none_k5dlb_f8s5t_287",
+  "offset-right-l": "awsui_offset-right-l_k5dlb_f8s5t_291",
+  "offset-right-xxl": "awsui_offset-right-xxl_k5dlb_f8s5t_295",
+  "overflow-menu-drawer": "awsui_overflow-menu-drawer_k5dlb_f8s5t_300",
+  "overflow-menu": "awsui_overflow-menu_k5dlb_f8s5t_300",
+  "overflow-menu-header": "awsui_overflow-menu-header_k5dlb_f8s5t_322",
+  "overflow-menu-header-text": "awsui_overflow-menu-header-text_k5dlb_f8s5t_329",
+  "overflow-menu-header-text--secondary": "awsui_overflow-menu-header-text--secondary_k5dlb_f8s5t_340",
+  "overflow-menu-header-text--title": "awsui_overflow-menu-header-text--title_k5dlb_f8s5t_346",
+  "overflow-menu-back-button": "awsui_overflow-menu-back-button_k5dlb_f8s5t_350",
+  "overflow-menu-dismiss-button": "awsui_overflow-menu-dismiss-button_k5dlb_f8s5t_354",
+  "overflow-menu-control": "awsui_overflow-menu-control_k5dlb_f8s5t_358",
+  "overflow-menu-list-item-utility": "awsui_overflow-menu-list-item-utility_k5dlb_f8s5t_375",
+  "overflow-menu-control-link": "awsui_overflow-menu-control-link_k5dlb_f8s5t_382",
+  "overflow-menu-control-expandable-menu-trigger": "awsui_overflow-menu-control-expandable-menu-trigger_k5dlb_f8s5t_385",
+  "overflow-menu-list": "awsui_overflow-menu-list_k5dlb_f8s5t_375",
+  "overflow-menu-list-submenu": "awsui_overflow-menu-list-submenu_k5dlb_f8s5t_416",
+  "overflow-menu-list-item": "awsui_overflow-menu-list-item_k5dlb_f8s5t_375",
+  "overflow-menu-list-item-icon": "awsui_overflow-menu-list-item-icon_k5dlb_f8s5t_424",
+  "overflow-menu-list-item-text": "awsui_overflow-menu-list-item-text_k5dlb_f8s5t_427",
+  "overflow-menu-list-item-submenu": "awsui_overflow-menu-list-item-submenu_k5dlb_f8s5t_436",
+  "overflow-menu-list-item-dropdown-menu": "awsui_overflow-menu-list-item-dropdown-menu_k5dlb_f8s5t_441",
+  "overflow-menu-list-item-expandable": "awsui_overflow-menu-list-item-expandable_k5dlb_f8s5t_444",
+  "expanded": "awsui_expanded_k5dlb_f8s5t_452"
 };
   

package/tutorial-panel/components/tutorial-list/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["tutorial-panel/components/tutorial-list/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAWtD,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAOxE,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACnD,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC/C,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;CAChD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,SAAS,EACT,OAAe,EACf,eAAe,EACf,WAAW,GACZ,EAAE,iBAAiB,eAgDnB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"lib/default/","sources":["tutorial-panel/components/tutorial-list/index.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAWtD,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAMxE,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC3C,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAC;IACnD,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;IAC/C,WAAW,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;CAChD;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,WAAW,EACX,SAAS,EACT,OAAe,EACf,eAAe,EACf,WAAW,GACZ,EAAE,iBAAiB,eA8CnB"}

package/tutorial-panel/components/tutorial-list/index.js

@@ -13,13 +13,11 @@ import InternalLink from '../../../link/internal';
 import { useUniqueId } from '../../../internal/hooks/use-unique-id/index.js';
 import { CSSTransition } from 'react-transition-group';
 import InternalIcon from '../../../icon/internal';
-import useFocusVisible from '../../../internal/hooks/focus-visible/index.js';
 import { useVisualRefresh } from '../../../internal/hooks/use-visual-mode';
 import { checkSafeUrl } from '../../../internal/utils/check-safe-url';
 import LiveRegion from '../../../internal/components/live-region/index.js';
 export default function TutorialList({ i18nStrings, tutorials, loading = false, onStartTutorial, downloadUrl, }) {
     checkSafeUrl('TutorialPanel', downloadUrl);
-    const focusVisible = useFocusVisible();
     const isRefresh = useVisualRefresh();
     return (React.createElement(React.Fragment, null,
         React.createElement(InternalSpaceBetween, { size: "s" },
@@ -27,7 +25,7 @@ export default function TutorialList({ i18nStrings, tutorials, loading = false,
                 React.createElement(InternalBox, { variant: "h2", fontSize: isRefresh ? 'heading-m' : 'heading-l', padding: { bottom: 'n' } }, i18nStrings.tutorialListTitle),
                 React.createElement(InternalBox, { variant: "p", color: "text-body-secondary", padding: "n" }, i18nStrings.tutorialListDescription)),
             React.createElement(InternalSpaceBetween, { size: "l" },
-                downloadUrl && (React.createElement("a", Object.assign({}, focusVisible, { href: downloadUrl, target: "_blank", rel: "noopener noreferrer", className: styles['download-link'], "aria-label": i18nStrings.labelTutorialListDownloadLink }),
+                downloadUrl && (React.createElement("a", { href: downloadUrl, target: "_blank", rel: "noopener noreferrer", className: styles['download-link'], "aria-label": i18nStrings.labelTutorialListDownloadLink },
                     React.createElement(InternalIcon, { name: "download" }),
                     React.createElement(InternalBox, { padding: { left: 'xs' }, color: "inherit", fontWeight: "bold", display: "inline" }, i18nStrings.tutorialListDownloadLinkText))),
                 loading ? (React.createElement(InternalStatusIndicator, { type: "loading" },

package/tutorial-panel/components/tutorial-list/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["tutorial-panel/components/tutorial-list/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, { useCallback, useState } from 'react';\nimport styles from './styles.css.js';\nimport { TutorialPanelProps } from '../../interfaces';\nimport InternalBox from '../../../box/internal';\nimport { InternalButton } from '../../../button/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { fireNonCancelableEvent } from '../../../internal/events/index.js';\nimport clsx from 'clsx';\nimport InternalAlert from '../../../alert/internal';\nimport InternalLink from '../../../link/internal';\nimport { useUniqueId } from '../../../internal/hooks/use-unique-id/index.js';\nimport { CSSTransition } from 'react-transition-group';\nimport { HotspotContext } from '../../../annotation-context/context.js';\nimport InternalIcon from '../../../icon/internal';\nimport useFocusVisible from '../../../internal/hooks/focus-visible/index.js';\nimport { useVisualRefresh } from '../../../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../../../internal/utils/check-safe-url';\nimport LiveRegion from '../../../internal/components/live-region/index.js';\n\nexport interface TutorialListProps {\n  loading?: boolean;\n  tutorials: TutorialPanelProps['tutorials'];\n  onStartTutorial: HotspotContext['onStartTutorial'];\n  i18nStrings: TutorialPanelProps['i18nStrings'];\n  downloadUrl: TutorialPanelProps['downloadUrl'];\n}\n\nexport default function TutorialList({\n  i18nStrings,\n  tutorials,\n  loading = false,\n  onStartTutorial,\n  downloadUrl,\n}: TutorialListProps) {\n  checkSafeUrl('TutorialPanel', downloadUrl);\n\n  const focusVisible = useFocusVisible();\n  const isRefresh = useVisualRefresh();\n\n  return (\n    <>\n      <InternalSpaceBetween size=\"s\">\n        <InternalSpaceBetween size=\"m\">\n          <InternalBox variant=\"h2\" fontSize={isRefresh ? 'heading-m' : 'heading-l'} padding={{ bottom: 'n' }}>\n            {i18nStrings.tutorialListTitle}\n          </InternalBox>\n          <InternalBox variant=\"p\" color=\"text-body-secondary\" padding=\"n\">\n            {i18nStrings.tutorialListDescription}\n          </InternalBox>\n        </InternalSpaceBetween>\n        <InternalSpaceBetween size=\"l\">\n          {downloadUrl && (\n            <a\n              {...focusVisible}\n              href={downloadUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className={styles['download-link']}\n              aria-label={i18nStrings.labelTutorialListDownloadLink}\n            >\n              <InternalIcon name=\"download\" />\n              <InternalBox padding={{ left: 'xs' }} color=\"inherit\" fontWeight=\"bold\" display=\"inline\">\n                {i18nStrings.tutorialListDownloadLinkText}\n              </InternalBox>\n            </a>\n          )}\n          {loading ? (\n            <InternalStatusIndicator type=\"loading\">\n              <LiveRegion visible={true}>{i18nStrings.loadingText}</LiveRegion>\n            </InternalStatusIndicator>\n          ) : (\n            <ul className={styles['tutorial-list']} role=\"list\">\n              {tutorials.map((tutorial, index) => (\n                <Tutorial tutorial={tutorial} key={index} onStartTutorial={onStartTutorial} i18nStrings={i18nStrings} />\n              ))}\n            </ul>\n          )}\n        </InternalSpaceBetween>\n      </InternalSpaceBetween>\n    </>\n  );\n}\n\nfunction Tutorial({\n  tutorial,\n  onStartTutorial: onStartTutorialEventHandler,\n  i18nStrings,\n}: {\n  tutorial: TutorialPanelProps.Tutorial;\n  onStartTutorial: HotspotContext['onStartTutorial'];\n  i18nStrings: TutorialPanelProps['i18nStrings'];\n}) {\n  checkSafeUrl('TutorialPanel', tutorial.learnMoreUrl);\n  const controlId = useUniqueId();\n  const triggerControldId = useUniqueId();\n  const headerId = useUniqueId();\n\n  const isRefresh = useVisualRefresh();\n\n  const onStartTutorial = useCallback(() => {\n    fireNonCancelableEvent(onStartTutorialEventHandler, { tutorial });\n  }, [onStartTutorialEventHandler, tutorial]);\n\n  const [expanded, setExpanded] = useState(!tutorial.prerequisitesNeeded && !tutorial.completed);\n\n  const onClick = useCallback(() => {\n    setExpanded(expanded => !expanded);\n  }, []);\n\n  return (\n    <li className={styles['tutorial-box']} role=\"listitem\">\n      <InternalSpaceBetween size=\"xs\">\n        <div className={styles['tutorial-box-title']}>\n          <InternalBox\n            variant=\"h3\"\n            fontSize={isRefresh ? 'heading-s' : 'heading-m'}\n            id={headerId}\n            margin={{ right: 'xs' }}\n            padding=\"n\"\n            className={styles.title}\n          >\n            {tutorial.title}\n          </InternalBox>\n          <div className={styles['button-wrapper']}>\n            <InternalButton\n              id={triggerControldId}\n              variant=\"icon\"\n              ariaExpanded={expanded}\n              __nativeAttributes={{\n                'aria-controls': controlId,\n                'aria-labelledby': headerId,\n              }}\n              formAction=\"none\"\n              onClick={onClick}\n              className={expanded ? styles['collapse-button'] : styles['expand-button']}\n              iconName={expanded ? 'angle-up' : 'angle-down'}\n            />\n          </div>\n        </div>\n\n        {tutorial.completed ? (\n          <InternalStatusIndicator __size=\"inherit\" type=\"success\" className={styles.completed} wrapText={true}>\n            {i18nStrings.tutorialCompletedText}\n          </InternalStatusIndicator>\n        ) : null}\n      </InternalSpaceBetween>\n\n      <div aria-live=\"polite\">\n        <CSSTransition in={expanded} timeout={30} classNames={{ enter: styles['content-enter'] }}>\n          <div className={clsx(styles['expandable-section'], expanded && styles.expanded)} id={controlId}>\n            <InternalSpaceBetween size=\"l\">\n              <InternalSpaceBetween size=\"m\">\n                {tutorial.prerequisitesNeeded && tutorial.prerequisitesAlert && (\n                  <InternalAlert type=\"info\" className={styles['prerequisites-alert']}>\n                    {tutorial.prerequisitesAlert}\n                  </InternalAlert>\n                )}\n                <InternalSpaceBetween size=\"s\">\n                  <InternalBox color=\"text-body-secondary\">\n                    <div\n                      className={clsx(\n                        styles['tutorial-description'],\n                        typeof tutorial.description === 'string' && styles['tutorial-description-plaintext']\n                      )}\n                    >\n                      {tutorial.description}\n                    </div>\n                  </InternalBox>\n                  {tutorial.learnMoreUrl && (\n                    <InternalLink\n                      href={tutorial.learnMoreUrl}\n                      className={styles['learn-more-link']}\n                      externalIconAriaLabel={i18nStrings.labelLearnMoreExternalIcon}\n                      ariaLabel={i18nStrings.labelLearnMoreLink}\n                      external={true}\n                    >\n                      {i18nStrings.learnMoreLinkText}\n                    </InternalLink>\n                  )}\n                </InternalSpaceBetween>\n              </InternalSpaceBetween>\n\n              <InternalBox margin={{ bottom: 'xxs' }}>\n                <InternalButton\n                  onClick={onStartTutorial}\n                  disabled={tutorial.prerequisitesNeeded ?? false}\n                  formAction=\"none\"\n                  className={styles.start}\n                >\n                  {tutorial.completed ? i18nStrings.restartTutorialButtonText : i18nStrings.startTutorialButtonText}\n                </InternalButton>\n              </InternalBox>\n            </InternalSpaceBetween>\n          </div>\n        </CSSTransition>\n      </div>\n    </li>\n  );\n}\n"]}
+{"version":3,"file":"index.js","sourceRoot":"lib/default/","sources":["tutorial-panel/components/tutorial-list/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, { useCallback, useState } from 'react';\nimport styles from './styles.css.js';\nimport { TutorialPanelProps } from '../../interfaces';\nimport InternalBox from '../../../box/internal';\nimport { InternalButton } from '../../../button/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport { fireNonCancelableEvent } from '../../../internal/events/index.js';\nimport clsx from 'clsx';\nimport InternalAlert from '../../../alert/internal';\nimport InternalLink from '../../../link/internal';\nimport { useUniqueId } from '../../../internal/hooks/use-unique-id/index.js';\nimport { CSSTransition } from 'react-transition-group';\nimport { HotspotContext } from '../../../annotation-context/context.js';\nimport InternalIcon from '../../../icon/internal';\nimport { useVisualRefresh } from '../../../internal/hooks/use-visual-mode';\nimport { checkSafeUrl } from '../../../internal/utils/check-safe-url';\nimport LiveRegion from '../../../internal/components/live-region/index.js';\n\nexport interface TutorialListProps {\n  loading?: boolean;\n  tutorials: TutorialPanelProps['tutorials'];\n  onStartTutorial: HotspotContext['onStartTutorial'];\n  i18nStrings: TutorialPanelProps['i18nStrings'];\n  downloadUrl: TutorialPanelProps['downloadUrl'];\n}\n\nexport default function TutorialList({\n  i18nStrings,\n  tutorials,\n  loading = false,\n  onStartTutorial,\n  downloadUrl,\n}: TutorialListProps) {\n  checkSafeUrl('TutorialPanel', downloadUrl);\n\n  const isRefresh = useVisualRefresh();\n\n  return (\n    <>\n      <InternalSpaceBetween size=\"s\">\n        <InternalSpaceBetween size=\"m\">\n          <InternalBox variant=\"h2\" fontSize={isRefresh ? 'heading-m' : 'heading-l'} padding={{ bottom: 'n' }}>\n            {i18nStrings.tutorialListTitle}\n          </InternalBox>\n          <InternalBox variant=\"p\" color=\"text-body-secondary\" padding=\"n\">\n            {i18nStrings.tutorialListDescription}\n          </InternalBox>\n        </InternalSpaceBetween>\n        <InternalSpaceBetween size=\"l\">\n          {downloadUrl && (\n            <a\n              href={downloadUrl}\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              className={styles['download-link']}\n              aria-label={i18nStrings.labelTutorialListDownloadLink}\n            >\n              <InternalIcon name=\"download\" />\n              <InternalBox padding={{ left: 'xs' }} color=\"inherit\" fontWeight=\"bold\" display=\"inline\">\n                {i18nStrings.tutorialListDownloadLinkText}\n              </InternalBox>\n            </a>\n          )}\n          {loading ? (\n            <InternalStatusIndicator type=\"loading\">\n              <LiveRegion visible={true}>{i18nStrings.loadingText}</LiveRegion>\n            </InternalStatusIndicator>\n          ) : (\n            <ul className={styles['tutorial-list']} role=\"list\">\n              {tutorials.map((tutorial, index) => (\n                <Tutorial tutorial={tutorial} key={index} onStartTutorial={onStartTutorial} i18nStrings={i18nStrings} />\n              ))}\n            </ul>\n          )}\n        </InternalSpaceBetween>\n      </InternalSpaceBetween>\n    </>\n  );\n}\n\nfunction Tutorial({\n  tutorial,\n  onStartTutorial: onStartTutorialEventHandler,\n  i18nStrings,\n}: {\n  tutorial: TutorialPanelProps.Tutorial;\n  onStartTutorial: HotspotContext['onStartTutorial'];\n  i18nStrings: TutorialPanelProps['i18nStrings'];\n}) {\n  checkSafeUrl('TutorialPanel', tutorial.learnMoreUrl);\n  const controlId = useUniqueId();\n  const triggerControldId = useUniqueId();\n  const headerId = useUniqueId();\n\n  const isRefresh = useVisualRefresh();\n\n  const onStartTutorial = useCallback(() => {\n    fireNonCancelableEvent(onStartTutorialEventHandler, { tutorial });\n  }, [onStartTutorialEventHandler, tutorial]);\n\n  const [expanded, setExpanded] = useState(!tutorial.prerequisitesNeeded && !tutorial.completed);\n\n  const onClick = useCallback(() => {\n    setExpanded(expanded => !expanded);\n  }, []);\n\n  return (\n    <li className={styles['tutorial-box']} role=\"listitem\">\n      <InternalSpaceBetween size=\"xs\">\n        <div className={styles['tutorial-box-title']}>\n          <InternalBox\n            variant=\"h3\"\n            fontSize={isRefresh ? 'heading-s' : 'heading-m'}\n            id={headerId}\n            margin={{ right: 'xs' }}\n            padding=\"n\"\n            className={styles.title}\n          >\n            {tutorial.title}\n          </InternalBox>\n          <div className={styles['button-wrapper']}>\n            <InternalButton\n              id={triggerControldId}\n              variant=\"icon\"\n              ariaExpanded={expanded}\n              __nativeAttributes={{\n                'aria-controls': controlId,\n                'aria-labelledby': headerId,\n              }}\n              formAction=\"none\"\n              onClick={onClick}\n              className={expanded ? styles['collapse-button'] : styles['expand-button']}\n              iconName={expanded ? 'angle-up' : 'angle-down'}\n            />\n          </div>\n        </div>\n\n        {tutorial.completed ? (\n          <InternalStatusIndicator __size=\"inherit\" type=\"success\" className={styles.completed} wrapText={true}>\n            {i18nStrings.tutorialCompletedText}\n          </InternalStatusIndicator>\n        ) : null}\n      </InternalSpaceBetween>\n\n      <div aria-live=\"polite\">\n        <CSSTransition in={expanded} timeout={30} classNames={{ enter: styles['content-enter'] }}>\n          <div className={clsx(styles['expandable-section'], expanded && styles.expanded)} id={controlId}>\n            <InternalSpaceBetween size=\"l\">\n              <InternalSpaceBetween size=\"m\">\n                {tutorial.prerequisitesNeeded && tutorial.prerequisitesAlert && (\n                  <InternalAlert type=\"info\" className={styles['prerequisites-alert']}>\n                    {tutorial.prerequisitesAlert}\n                  </InternalAlert>\n                )}\n                <InternalSpaceBetween size=\"s\">\n                  <InternalBox color=\"text-body-secondary\">\n                    <div\n                      className={clsx(\n                        styles['tutorial-description'],\n                        typeof tutorial.description === 'string' && styles['tutorial-description-plaintext']\n                      )}\n                    >\n                      {tutorial.description}\n                    </div>\n                  </InternalBox>\n                  {tutorial.learnMoreUrl && (\n                    <InternalLink\n                      href={tutorial.learnMoreUrl}\n                      className={styles['learn-more-link']}\n                      externalIconAriaLabel={i18nStrings.labelLearnMoreExternalIcon}\n                      ariaLabel={i18nStrings.labelLearnMoreLink}\n                      external={true}\n                    >\n                      {i18nStrings.learnMoreLinkText}\n                    </InternalLink>\n                  )}\n                </InternalSpaceBetween>\n              </InternalSpaceBetween>\n\n              <InternalBox margin={{ bottom: 'xxs' }}>\n                <InternalButton\n                  onClick={onStartTutorial}\n                  disabled={tutorial.prerequisitesNeeded ?? false}\n                  formAction=\"none\"\n                  className={styles.start}\n                >\n                  {tutorial.completed ? i18nStrings.restartTutorialButtonText : i18nStrings.startTutorialButtonText}\n                </InternalButton>\n              </InternalBox>\n            </InternalSpaceBetween>\n          </div>\n        </CSSTransition>\n      </div>\n    </li>\n  );\n}\n"]}