@cloudscape-design/components 3.0.241 → 3.0.242

package/tabs/styles.scoped.css

@@ -183,13 +183,13 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  SPDX-License-Identifier: Apache-2.0
 */
 /* stylelint-disable selector-max-type */
-.awsui_tabs-header_14rmt_515vb_186:not(#\9) {
+.awsui_tabs-header_14rmt_14l19_186:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
 }
 
-.awsui_tabs-header-list_14rmt_515vb_192:not(#\9) {
+.awsui_tabs-header-list_14rmt_14l19_192:not(#\9) {
   margin: 0;
   padding: 0;
   display: flex;
@@ -200,45 +200,45 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -ms-overflow-style: none; /* Internet Explorer 10+ */
   scrollbar-width: none; /* Firefox */
 }
-.awsui_tabs-header-list_14rmt_515vb_192:not(#\9)::-webkit-scrollbar {
+.awsui_tabs-header-list_14rmt_14l19_192:not(#\9)::-webkit-scrollbar {
   display: none; /* Safari and Chrome */
 }
 
-.awsui_pagination-button_14rmt_515vb_207:not(#\9) {
+.awsui_pagination-button_14rmt_14l19_207:not(#\9) {
   margin: var(--space-scaled-s-cu1hzn, 12px) 0;
   padding: 0 var(--space-xxs-ynfts5, 4px);
   display: flex;
 }
-.awsui_pagination-button-left_14rmt_515vb_212:not(#\9) {
+.awsui_pagination-button-left_14rmt_14l19_212:not(#\9) {
   border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-control-disabled-vx8bco, #d1d5db);
 }
-.awsui_pagination-button-left-scrollable_14rmt_515vb_215:not(#\9) {
+.awsui_pagination-button-left-scrollable_14rmt_14l19_215:not(#\9) {
   z-index: 1;
   box-shadow: 5px 0px 4px -3px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12)), 1px 0px 0px 0px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12));
 }
-.awsui_pagination-button-right_14rmt_515vb_219:not(#\9) {
+.awsui_pagination-button-right_14rmt_14l19_219:not(#\9) {
   border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-control-disabled-vx8bco, #d1d5db);
 }
-.awsui_pagination-button-right-scrollable_14rmt_515vb_222:not(#\9) {
+.awsui_pagination-button-right-scrollable_14rmt_14l19_222:not(#\9) {
   z-index: 1;
   box-shadow: -5px 0px 4px -3px var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12)), -1px 0px 0px 0 var(--color-border-tabs-shadow-4lmh2z, rgba(0, 7, 22, 0.12));
 }
 
-.awsui_tabs-tab_14rmt_515vb_227:not(#\9) {
+.awsui_tabs-tab_14rmt_14l19_227:not(#\9) {
   list-style: none;
   padding: 0;
   flex-shrink: 0;
   display: flex;
   max-width: calc(90% - var(--space-l-4vl6xu, 20px));
 }
-.awsui_tabs-tab_14rmt_515vb_227 > button:not(#\9) {
+.awsui_tabs-tab_14rmt_14l19_227 > button:not(#\9) {
   background-color: transparent;
 }
 
-.awsui_tabs-tab-label_14rmt_515vb_238:not(#\9) {
+.awsui_tabs-tab-label_14rmt_14l19_238:not(#\9) {
   display: flex;
   align-items: center;
-  padding: var(--space-scaled-2x-xxs-t5qzmf, 4px) var(--space-l-4vl6xu, 20px);
+  padding: var(--space-scaled-2x-xxs-40awim, 4px) var(--space-l-4vl6xu, 20px);
   text-align: left;
   position: relative;
   min-width: 0;
@@ -246,12 +246,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-break: break-word;
 }
 
-.awsui_tabs-tab_14rmt_515vb_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_515vb_238, .awsui_tabs-tab_14rmt_515vb_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_515vb_238 {
+.awsui_tabs-tab_14rmt_14l19_227:not(#\9):not(:last-child) > a > .awsui_tabs-tab-label_14rmt_14l19_238, .awsui_tabs-tab_14rmt_14l19_227:not(#\9):not(:last-child) > button > .awsui_tabs-tab-label_14rmt_14l19_238 {
   margin-right: calc(-1 * var(--border-divider-section-width-4wm2it, 2px));
   border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-tabs-divider-69fx5i, #e9ebed);
 }
 
-.awsui_tabs-tab-link_14rmt_515vb_254:not(#\9) {
+.awsui_tabs-tab-link_14rmt_14l19_254:not(#\9) {
   position: relative;
   display: flex;
   align-items: stretch;
@@ -267,21 +267,21 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -moz-osx-font-smoothing: var(--font-smoothing-moz-osx-nkh1jb, grayscale);
   color: var(--color-text-interactive-default-eg5fsa, #414d5c);
 }
-.awsui_tabs-tab-link_14rmt_515vb_254:not(#\9):hover {
+.awsui_tabs-tab-link_14rmt_14l19_254:not(#\9):hover {
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
-.awsui_tabs-tab-link_14rmt_515vb_254:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_14l19_254:not(#\9):focus {
   outline: none;
 }
-.awsui_tabs-tab-link_14rmt_515vb_254[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_14l19_254[data-awsui-focus-visible=true]:not(#\9):focus {
   z-index: 1;
   position: relative;
 }
-.awsui_tabs-tab-link_14rmt_515vb_254[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-tab-link_14rmt_14l19_254[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(var(--space-tabs-focus-outline-gutter-64zu5e, -8px) - 1px);
 }
-.awsui_tabs-tab-link_14rmt_515vb_254[data-awsui-focus-visible=true]:not(#\9):focus::before {
+.awsui_tabs-tab-link_14rmt_14l19_254[data-awsui-focus-visible=true]:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -292,32 +292,32 @@ 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 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
-.awsui_tabs-tab-link_14rmt_515vb_254[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_515vb_238, .awsui_tabs-tab-link_14rmt_515vb_254[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_515vb_238 {
+.awsui_tabs-tab-link_14rmt_14l19_254[data-awsui-focus-visible=true]:not(#\9):focus > a > .awsui_tabs-tab-label_14rmt_14l19_238, .awsui_tabs-tab-link_14rmt_14l19_254[data-awsui-focus-visible=true]:not(#\9):focus > button > .awsui_tabs-tab-label_14rmt_14l19_238 {
   border-right-color: transparent;
 }
 
-.awsui_tabs-tab_14rmt_515vb_227:not(#\9):first-child {
+.awsui_tabs-tab_14rmt_14l19_227:not(#\9):first-child {
   margin-left: 1px;
 }
-.awsui_tabs-tab_14rmt_515vb_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_515vb_238, .awsui_tabs-tab_14rmt_515vb_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_515vb_238 {
+.awsui_tabs-tab_14rmt_14l19_227:not(#\9):first-child > a > .awsui_tabs-tab-label_14rmt_14l19_238, .awsui_tabs-tab_14rmt_14l19_227:not(#\9):first-child > button > .awsui_tabs-tab-label_14rmt_14l19_238 {
   padding-left: calc(var(--space-l-4vl6xu, 20px) - 1px);
 }
 
-.awsui_tabs-tab_14rmt_515vb_227:not(#\9):last-child {
+.awsui_tabs-tab_14rmt_14l19_227:not(#\9):last-child {
   margin-right: 1px;
 }
-.awsui_tabs-tab_14rmt_515vb_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_515vb_238, .awsui_tabs-tab_14rmt_515vb_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_515vb_238 {
+.awsui_tabs-tab_14rmt_14l19_227:not(#\9):last-child > a > .awsui_tabs-tab-label_14rmt_14l19_238, .awsui_tabs-tab_14rmt_14l19_227:not(#\9):last-child > button > .awsui_tabs-tab-label_14rmt_14l19_238 {
   padding-right: calc(var(--space-l-4vl6xu, 20px) - 1px);
 }
 
-.awsui_tabs-tab-disabled_14rmt_515vb_313:not(#\9), .awsui_tabs-tab-disabled_14rmt_515vb_313:not(#\9):hover {
+.awsui_tabs-tab-disabled_14rmt_14l19_313:not(#\9), .awsui_tabs-tab-disabled_14rmt_14l19_313:not(#\9):hover {
   pointer-events: none;
   cursor: default;
   color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
   font-weight: var(--font-tabs-disabled-weight-imwq16, 800);
 }
 
-.awsui_tabs-tab-link_14rmt_515vb_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_515vb_313):after {
+.awsui_tabs-tab-link_14rmt_14l19_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_14l19_313):after {
   content: "";
   position: absolute;
   left: 0;
@@ -328,36 +328,36 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background: var(--color-border-tabs-underline-9bcfzu, #0972d3);
   opacity: 0;
 }
-.awsui_tabs-tab-link_14rmt_515vb_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_515vb_313).awsui_refresh_14rmt_515vb_331:after {
+.awsui_tabs-tab-link_14rmt_14l19_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_14l19_313).awsui_refresh_14rmt_14l19_331:after {
   transition: opacity var(--motion-duration-refresh-only-medium-5flen2, 165ms) var(--motion-easing-refresh-only-c-ic6jr0, cubic-bezier(0.84, 0, 0.16, 1));
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_tabs-tab-link_14rmt_515vb_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_515vb_313).awsui_refresh_14rmt_515vb_331:after {
+  .awsui_tabs-tab-link_14rmt_14l19_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_14l19_313).awsui_refresh_14rmt_14l19_331:after {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_515vb_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_515vb_313).awsui_refresh_14rmt_515vb_331:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_515vb_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_515vb_313).awsui_refresh_14rmt_515vb_331:after {
+.awsui-motion-disabled .awsui_tabs-tab-link_14rmt_14l19_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_14l19_313).awsui_refresh_14rmt_14l19_331:after, .awsui-mode-entering .awsui_tabs-tab-link_14rmt_14l19_254:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_14l19_313).awsui_refresh_14rmt_14l19_331:after {
   animation: none;
   transition: none;
 }
 
-.awsui_tabs-tab-active_14rmt_515vb_345:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_515vb_313) {
+.awsui_tabs-tab-active_14rmt_14l19_345:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_14l19_313) {
   color: var(--color-text-accent-s1eqko, #0972d3);
 }
-.awsui_tabs-tab-active_14rmt_515vb_345:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_515vb_313):after {
+.awsui_tabs-tab-active_14rmt_14l19_345:not(#\9):not(.awsui_tabs-tab-disabled_14rmt_14l19_313):after {
   opacity: 1;
 }
 
-.awsui_tabs-header-with-divider_14rmt_515vb_352:not(#\9) {
+.awsui_tabs-header-with-divider_14rmt_14l19_352:not(#\9) {
   border-bottom: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-tabs-divider-69fx5i, #e9ebed);
 }
 
-.awsui_root_14rmt_515vb_356:not(#\9) {
+.awsui_root_14rmt_14l19_356:not(#\9) {
   /* used in test-utils or tests */
 }
 
-.awsui_tabs_14rmt_515vb_186:not(#\9) {
+.awsui_tabs_14rmt_14l19_186:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -398,24 +398,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   width: 100%;
 }
 
-.awsui_tabs-content_14rmt_515vb_375:not(#\9) {
+.awsui_tabs-content_14rmt_14l19_375:not(#\9) {
   display: none;
 }
 
-.awsui_tabs-content-active_14rmt_515vb_379:not(#\9) {
+.awsui_tabs-content-active_14rmt_14l19_379:not(#\9) {
   display: block;
 }
-.awsui_tabs-content-active_14rmt_515vb_379[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_tabs-content-active_14rmt_14l19_379[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: var(--border-radius-container-gh9ysk, 16px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-ap3b6s, #0972d3);
 }
 
-.awsui_tabs-content-wrapper_14rmt_515vb_389.awsui_with-paddings_14rmt_515vb_389 > .awsui_tabs-content_14rmt_515vb_375:not(#\9) {
+.awsui_tabs-content-wrapper_14rmt_14l19_389.awsui_with-paddings_14rmt_14l19_389 > .awsui_tabs-content_14rmt_14l19_375:not(#\9) {
   padding: var(--space-scaled-m-pv0fmt, 16px) 0;
 }
 
-.awsui_tabs-container-content-wrapper_14rmt_515vb_393.awsui_with-paddings_14rmt_515vb_389 > .awsui_tabs-content_14rmt_515vb_375:not(#\9) {
+.awsui_tabs-container-content-wrapper_14rmt_14l19_393.awsui_with-paddings_14rmt_14l19_389 > .awsui_tabs-content_14rmt_14l19_375:not(#\9) {
   padding: var(--space-tabs-content-top-mn4c9x, 12px) var(--space-container-horizontal-tlw03i, 20px) var(--space-scaled-l-t03y3z, 20px);
 }

package/tabs/styles.selectors.js

@@ -2,26 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tabs-header": "awsui_tabs-header_14rmt_515vb_186",
-  "tabs-header-list": "awsui_tabs-header-list_14rmt_515vb_192",
-  "pagination-button": "awsui_pagination-button_14rmt_515vb_207",
-  "pagination-button-left": "awsui_pagination-button-left_14rmt_515vb_212",
-  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_515vb_215",
-  "pagination-button-right": "awsui_pagination-button-right_14rmt_515vb_219",
-  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_515vb_222",
-  "tabs-tab": "awsui_tabs-tab_14rmt_515vb_227",
-  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_515vb_238",
-  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_515vb_254",
-  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_515vb_313",
-  "refresh": "awsui_refresh_14rmt_515vb_331",
-  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_515vb_345",
-  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_515vb_352",
-  "root": "awsui_root_14rmt_515vb_356",
-  "tabs": "awsui_tabs_14rmt_515vb_186",
-  "tabs-content": "awsui_tabs-content_14rmt_515vb_375",
-  "tabs-content-active": "awsui_tabs-content-active_14rmt_515vb_379",
-  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_515vb_389",
-  "with-paddings": "awsui_with-paddings_14rmt_515vb_389",
-  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_515vb_393"
+  "tabs-header": "awsui_tabs-header_14rmt_14l19_186",
+  "tabs-header-list": "awsui_tabs-header-list_14rmt_14l19_192",
+  "pagination-button": "awsui_pagination-button_14rmt_14l19_207",
+  "pagination-button-left": "awsui_pagination-button-left_14rmt_14l19_212",
+  "pagination-button-left-scrollable": "awsui_pagination-button-left-scrollable_14rmt_14l19_215",
+  "pagination-button-right": "awsui_pagination-button-right_14rmt_14l19_219",
+  "pagination-button-right-scrollable": "awsui_pagination-button-right-scrollable_14rmt_14l19_222",
+  "tabs-tab": "awsui_tabs-tab_14rmt_14l19_227",
+  "tabs-tab-label": "awsui_tabs-tab-label_14rmt_14l19_238",
+  "tabs-tab-link": "awsui_tabs-tab-link_14rmt_14l19_254",
+  "tabs-tab-disabled": "awsui_tabs-tab-disabled_14rmt_14l19_313",
+  "refresh": "awsui_refresh_14rmt_14l19_331",
+  "tabs-tab-active": "awsui_tabs-tab-active_14rmt_14l19_345",
+  "tabs-header-with-divider": "awsui_tabs-header-with-divider_14rmt_14l19_352",
+  "root": "awsui_root_14rmt_14l19_356",
+  "tabs": "awsui_tabs_14rmt_14l19_186",
+  "tabs-content": "awsui_tabs-content_14rmt_14l19_375",
+  "tabs-content-active": "awsui_tabs-content-active_14rmt_14l19_379",
+  "tabs-content-wrapper": "awsui_tabs-content-wrapper_14rmt_14l19_389",
+  "with-paddings": "awsui_with-paddings_14rmt_14l19_389",
+  "tabs-container-content-wrapper": "awsui_tabs-container-content-wrapper_14rmt_14l19_393"
 };
   

package/tutorial-panel/components/tutorial-detail-view/task.js

@@ -27,7 +27,7 @@ export function Task({ task, taskIndex, currentTaskIndex, expanded, onToggleExpa
                 React.createElement(InternalStatusIndicator, { __size: "inherit", type: statusIndicatorType, iconAriaLabel: i18nStrings.labelsTaskStatus[statusIndicatorType], className: styles['task-title--status'] }),
                 React.createElement(InternalBox, { variant: "h3", padding: { left: 'xxxs', vertical: 'n' }, fontSize: "heading-s", color: taskIndex < currentTaskIndex ? 'text-status-success' : 'text-status-inactive' }, i18nStrings.taskTitle(taskIndex, task.title))),
             React.createElement("div", { className: styles['expandable-section-wrapper'] },
-                React.createElement(InternalExpandableSection, { headerText: React.createElement("span", { className: styles['expandable-section-header'] }, i18nStrings.labelTotalSteps(task.steps.length)), expanded: expanded, onChange: onExpandChange, headerAriaLabel: joinStrings(i18nStrings.taskTitle(taskIndex, task.title), i18nStrings.labelTotalSteps(task.steps.length)) },
+                React.createElement(InternalExpandableSection, { header: React.createElement("span", { className: styles['expandable-section-header'] }, i18nStrings.labelTotalSteps(task.steps.length)), expanded: expanded, onChange: onExpandChange, headerAriaLabel: joinStrings(i18nStrings.taskTitle(taskIndex, task.title), i18nStrings.labelTotalSteps(task.steps.length)) },
                     React.createElement("ol", { className: styles['step-list'] }, task.steps.map((step, stepIndex) => (React.createElement("li", { key: stepIndex, className: styles.step },
                         React.createElement(InternalBox, { color: "text-body-secondary", fontSize: "body-m", padding: { left: 'l' }, className: styles['step-title'] }, i18nStrings.stepTitle(stepIndex, step.title)))))))))));
 }

package/tutorial-panel/components/tutorial-detail-view/task.js.map

@@ -1 +1 @@
-{"version":3,"file":"task.js","sourceRoot":"lib/default/","sources":["tutorial-panel/components/tutorial-detail-view/task.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 } from 'react';\nimport styles from './styles.css.js';\nimport { TutorialPanelProps } from '../../interfaces';\nimport InternalBox from '../../../box/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport InternalExpandableSection from '../../../expandable-section/internal';\nimport { joinStrings } from '../../../internal/utils/strings/join-strings.js';\n\nfunction getStatusIndicatorType(taskIndex: number, currentTaskIndex: number) {\n  if (taskIndex < currentTaskIndex) {\n    return 'success';\n  }\n  if (taskIndex === currentTaskIndex) {\n    return 'in-progress';\n  }\n  return 'pending';\n}\n\ninterface TaskProps {\n  task: TutorialPanelProps.Task;\n  taskIndex: number;\n  currentTaskIndex: number;\n  expanded: boolean;\n  onToggleExpand: (step: number) => void;\n  i18nStrings: TutorialPanelProps['i18nStrings'];\n}\n\nexport function Task({ task, taskIndex, currentTaskIndex, expanded, onToggleExpand, i18nStrings }: TaskProps) {\n  const statusIndicatorType = getStatusIndicatorType(taskIndex, currentTaskIndex);\n\n  const onExpandChange = useCallback(() => {\n    onToggleExpand(taskIndex);\n  }, [onToggleExpand, taskIndex]);\n\n  return (\n    <li className={styles.task}>\n      <InternalSpaceBetween size=\"xxs\">\n        <div className={styles['task-title']}>\n          <InternalStatusIndicator\n            __size=\"inherit\"\n            type={statusIndicatorType}\n            iconAriaLabel={i18nStrings.labelsTaskStatus[statusIndicatorType]}\n            className={styles['task-title--status']}\n          />\n\n          <InternalBox\n            variant=\"h3\"\n            padding={{ left: 'xxxs', vertical: 'n' }}\n            fontSize=\"heading-s\"\n            color={taskIndex < currentTaskIndex ? 'text-status-success' : 'text-status-inactive'}\n          >\n            {i18nStrings.taskTitle(taskIndex, task.title)}\n          </InternalBox>\n        </div>\n\n        <div className={styles['expandable-section-wrapper']}>\n          <InternalExpandableSection\n            headerText={\n              <span className={styles['expandable-section-header']}>\n                {i18nStrings.labelTotalSteps(task.steps.length)}\n              </span>\n            }\n            expanded={expanded}\n            onChange={onExpandChange}\n            headerAriaLabel={joinStrings(\n              i18nStrings.taskTitle(taskIndex, task.title),\n              i18nStrings.labelTotalSteps(task.steps.length)\n            )}\n          >\n            <ol className={styles['step-list']}>\n              {task.steps.map((step, stepIndex) => (\n                <li key={stepIndex} className={styles.step}>\n                  <InternalBox\n                    color=\"text-body-secondary\"\n                    fontSize=\"body-m\"\n                    padding={{ left: 'l' }}\n                    className={styles['step-title']}\n                  >\n                    {i18nStrings.stepTitle(stepIndex, step.title)}\n                  </InternalBox>\n                </li>\n              ))}\n            </ol>\n          </InternalExpandableSection>\n        </div>\n      </InternalSpaceBetween>\n    </li>\n  );\n}\n"]}
+{"version":3,"file":"task.js","sourceRoot":"lib/default/","sources":["tutorial-panel/components/tutorial-detail-view/task.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 } from 'react';\nimport styles from './styles.css.js';\nimport { TutorialPanelProps } from '../../interfaces';\nimport InternalBox from '../../../box/internal';\nimport InternalStatusIndicator from '../../../status-indicator/internal';\nimport InternalSpaceBetween from '../../../space-between/internal';\nimport InternalExpandableSection from '../../../expandable-section/internal';\nimport { joinStrings } from '../../../internal/utils/strings/join-strings.js';\n\nfunction getStatusIndicatorType(taskIndex: number, currentTaskIndex: number) {\n  if (taskIndex < currentTaskIndex) {\n    return 'success';\n  }\n  if (taskIndex === currentTaskIndex) {\n    return 'in-progress';\n  }\n  return 'pending';\n}\n\ninterface TaskProps {\n  task: TutorialPanelProps.Task;\n  taskIndex: number;\n  currentTaskIndex: number;\n  expanded: boolean;\n  onToggleExpand: (step: number) => void;\n  i18nStrings: TutorialPanelProps['i18nStrings'];\n}\n\nexport function Task({ task, taskIndex, currentTaskIndex, expanded, onToggleExpand, i18nStrings }: TaskProps) {\n  const statusIndicatorType = getStatusIndicatorType(taskIndex, currentTaskIndex);\n\n  const onExpandChange = useCallback(() => {\n    onToggleExpand(taskIndex);\n  }, [onToggleExpand, taskIndex]);\n\n  return (\n    <li className={styles.task}>\n      <InternalSpaceBetween size=\"xxs\">\n        <div className={styles['task-title']}>\n          <InternalStatusIndicator\n            __size=\"inherit\"\n            type={statusIndicatorType}\n            iconAriaLabel={i18nStrings.labelsTaskStatus[statusIndicatorType]}\n            className={styles['task-title--status']}\n          />\n\n          <InternalBox\n            variant=\"h3\"\n            padding={{ left: 'xxxs', vertical: 'n' }}\n            fontSize=\"heading-s\"\n            color={taskIndex < currentTaskIndex ? 'text-status-success' : 'text-status-inactive'}\n          >\n            {i18nStrings.taskTitle(taskIndex, task.title)}\n          </InternalBox>\n        </div>\n\n        <div className={styles['expandable-section-wrapper']}>\n          <InternalExpandableSection\n            header={\n              <span className={styles['expandable-section-header']}>\n                {i18nStrings.labelTotalSteps(task.steps.length)}\n              </span>\n            }\n            expanded={expanded}\n            onChange={onExpandChange}\n            headerAriaLabel={joinStrings(\n              i18nStrings.taskTitle(taskIndex, task.title),\n              i18nStrings.labelTotalSteps(task.steps.length)\n            )}\n          >\n            <ol className={styles['step-list']}>\n              {task.steps.map((step, stepIndex) => (\n                <li key={stepIndex} className={styles.step}>\n                  <InternalBox\n                    color=\"text-body-secondary\"\n                    fontSize=\"body-m\"\n                    padding={{ left: 'l' }}\n                    className={styles['step-title']}\n                  >\n                    {i18nStrings.stepTitle(stepIndex, step.title)}\n                  </InternalBox>\n                </li>\n              ))}\n            </ol>\n          </InternalExpandableSection>\n        </div>\n      </InternalSpaceBetween>\n    </li>\n  );\n}\n"]}