npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1329 → 3.0.1331 - Mend

@cloudscape-design/components-themeable 3.0.1329 → 3.0.1331

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

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

@@ -186,7 +186,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_treeitem-group_1agpu_f89p7_189:not(#\9) {
+.awsui_treeitem-group_1agpu_1j7qz_189:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -195,7 +195,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
 }
-.awsui_treeitem_1agpu_f89p7_189:not(#\9) {
+.awsui_treeitem_1agpu_1j7qz_189:not(#\9) {
   list-style: none;
   margin-block: 0;
   margin-inline: 0;
@@ -203,22 +203,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-inline: 0;
   position: relative;
 }
-.awsui_treeitem_1agpu_f89p7_189.awsui_offset_1agpu_f89p7_206:not(#\9) {
+.awsui_treeitem_1agpu_1j7qz_189.awsui_offset_1agpu_1j7qz_206:not(#\9) {
   margin-inline-start: var(--space-tree-view-indentation-y9tsj1, 24px);
 }
-.awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209:not(#\9) {
+.awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209:not(#\9) {
   display: grid;
   grid-template-columns: 28px 1fr;
   align-items: baseline;
 }
-body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209:not(#\9):has(.awsui_tree-item-focus-target_1agpu_f89p7_214:focus) {
+body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209:not(#\9):has(.awsui_tree-item-focus-target_1agpu_1j7qz_214:focus) {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209:not(#\9):has(.awsui_tree-item-focus-target_1agpu_f89p7_214:focus) {
+body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209:not(#\9):has(.awsui_tree-item-focus-target_1agpu_1j7qz_214:focus) {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209:not(#\9):has(.awsui_tree-item-focus-target_1agpu_f89p7_214:focus)::before {
+body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209:not(#\9):has(.awsui_tree-item-focus-target_1agpu_1j7qz_214:focus)::before {
   content: " ";
   display: block;
   position: absolute;
@@ -226,47 +226,47 @@ body[data-awsui-focus-visible=true] .awsui_treeitem_1agpu_f89p7_189 > .awsui_tre
   inset-block-start: calc(-1 * 0px);
   inline-size: calc(100% + 0px + 0px);
   block-size: calc(100% + 0px + 0px);
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209 > .awsui_expand-toggle-wrapper_1agpu_f89p7_235:not(#\9) {
+.awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209 > .awsui_expand-toggle-wrapper_1agpu_1j7qz_235:not(#\9) {
   display: grid;
   grid-column: 1;
   grid-row: 1;
 }
-.awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209 > .awsui_expand-toggle-wrapper_1agpu_f89p7_235 > .awsui_toggle_1agpu_f89p7_240:not(#\9) {
+.awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209 > .awsui_expand-toggle-wrapper_1agpu_1j7qz_235 > .awsui_toggle_1agpu_1j7qz_240:not(#\9) {
   justify-self: center;
   position: relative;
   inset-block-start: 2px;
   inset-inline-start: -2px;
 }
-.awsui-one-theme .awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209:not(#\9) {
+.awsui-one-theme .awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209:not(#\9) {
   align-items: center;
 }
-.awsui-one-theme .awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209 > .awsui_expand-toggle-wrapper_1agpu_f89p7_235 > .awsui_toggle_1agpu_f89p7_240:not(#\9) {
+.awsui-one-theme .awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209 > .awsui_expand-toggle-wrapper_1agpu_1j7qz_235 > .awsui_toggle_1agpu_1j7qz_240:not(#\9) {
   inset-inline-start: 0px;
   inset-block-start: 3px;
 }
-.awsui-one-theme .awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209.awsui_with-icon_1agpu_f89p7_253:not(#\9) {
+.awsui-one-theme .awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209.awsui_with-icon_1agpu_1j7qz_253:not(#\9) {
   align-items: baseline;
 }
-.awsui-one-theme .awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209.awsui_with-icon_1agpu_f89p7_253 > .awsui_expand-toggle-wrapper_1agpu_f89p7_235 > .awsui_toggle_1agpu_f89p7_240:not(#\9) {
+.awsui-one-theme .awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209.awsui_with-icon_1agpu_1j7qz_253 > .awsui_expand-toggle-wrapper_1agpu_1j7qz_235 > .awsui_toggle_1agpu_1j7qz_240:not(#\9) {
   inset-block-start: 2px;
 }
-.awsui_treeitem_1agpu_f89p7_189 > .awsui_treeitem-content-wrapper_1agpu_f89p7_209 > .awsui_structured-item-wrapper_1agpu_f89p7_259:not(#\9) {
+.awsui_treeitem_1agpu_1j7qz_189 > .awsui_treeitem-content-wrapper_1agpu_1j7qz_209 > .awsui_structured-item-wrapper_1agpu_1j7qz_259:not(#\9) {
   grid-column: 2;
   grid-row: 1/span 2;
   padding-block: var(--space-scaled-xxxs-prgw5k, 2px);
   position: relative;
 }
-.awsui_tree-item-structured-item_1agpu_f89p7_266:not(#\9) {
+.awsui_tree-item-structured-item_1agpu_1j7qz_266:not(#\9) {
   /* used in keyboard navigation */
 }
-.awsui_tree-item-focus-target_1agpu_f89p7_214:not(#\9) {
+.awsui_tree-item-focus-target_1agpu_1j7qz_214:not(#\9) {
   outline: none;
 }

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

@@ -2,15 +2,15 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "treeitem-group": "awsui_treeitem-group_1agpu_f89p7_189",
-  "treeitem": "awsui_treeitem_1agpu_f89p7_189",
-  "offset": "awsui_offset_1agpu_f89p7_206",
-  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_f89p7_209",
-  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_f89p7_214",
-  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_f89p7_235",
-  "toggle": "awsui_toggle_1agpu_f89p7_240",
-  "with-icon": "awsui_with-icon_1agpu_f89p7_253",
-  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_f89p7_259",
-  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_f89p7_266"
+  "treeitem-group": "awsui_treeitem-group_1agpu_1j7qz_189",
+  "treeitem": "awsui_treeitem_1agpu_1j7qz_189",
+  "offset": "awsui_offset_1agpu_1j7qz_206",
+  "treeitem-content-wrapper": "awsui_treeitem-content-wrapper_1agpu_1j7qz_209",
+  "tree-item-focus-target": "awsui_tree-item-focus-target_1agpu_1j7qz_214",
+  "expand-toggle-wrapper": "awsui_expand-toggle-wrapper_1agpu_1j7qz_235",
+  "toggle": "awsui_toggle_1agpu_1j7qz_240",
+  "with-icon": "awsui_with-icon_1agpu_1j7qz_253",
+  "structured-item-wrapper": "awsui_structured-item-wrapper_1agpu_1j7qz_259",
+  "tree-item-structured-item": "awsui_tree-item-structured-item_1agpu_1j7qz_266"
 };

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

@@ -1,8 +1,8 @@
     import './styles.scoped.css';
     export default {
-  "vertical-connector": "awsui_vertical-connector_1r2pu_dxh8j_9",
-  "grid": "awsui_grid_1r2pu_dxh8j_13",
-  "absolute": "awsui_absolute_1r2pu_dxh8j_20"
+  "vertical-connector": "awsui_vertical-connector_1r2pu_13hcn_9",
+  "grid": "awsui_grid_1r2pu_13hcn_13",
+  "absolute": "awsui_absolute_1r2pu_13hcn_20"
 };

package/lib/internal/template/tree-view/vertical-connector/styles.scoped.css CHANGED Viewed

@@ -6,20 +6,20 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_vertical-connector_1r2pu_dxh8j_9:not(#\9) {
+.awsui_vertical-connector_1r2pu_13hcn_9:not(#\9) {
   background-color: var(--color-tree-view-connector-line-ao4t04, #879596);
-  inline-size: var(--border-divider-list-width-8ggz94, 1px);
+  inline-size: var(--border-divider-list-width-2qbfmz, 1px);
 }
-.awsui_vertical-connector_1r2pu_dxh8j_9.awsui_grid_1r2pu_dxh8j_13:not(#\9) {
+.awsui_vertical-connector_1r2pu_13hcn_9.awsui_grid_1r2pu_13hcn_13:not(#\9) {
   grid-row: 2/span 3;
   grid-column: 1;
   block-size: 100%;
   position: relative;
-  inset-inline-start: calc((28px - var(--border-divider-list-width-8ggz94, 1px)) / 2 - 2px);
+  inset-inline-start: calc((28px - var(--border-divider-list-width-2qbfmz, 1px)) / 2 - 2px);
 }
-.awsui_vertical-connector_1r2pu_dxh8j_9.awsui_absolute_1r2pu_dxh8j_20:not(#\9) {
+.awsui_vertical-connector_1r2pu_13hcn_9.awsui_absolute_1r2pu_13hcn_20:not(#\9) {
   position: absolute;
   inset: 0;
   inset-block-end: var(--space-scaled-xs-sppte9, 8px);
-  inset-inline-start: calc((28px - var(--border-divider-list-width-8ggz94, 1px)) / 2 - 2px);
+  inset-inline-start: calc((28px - var(--border-divider-list-width-2qbfmz, 1px)) / 2 - 2px);
 }

package/lib/internal/template/tree-view/vertical-connector/styles.selectors.js CHANGED Viewed

@@ -2,8 +2,8 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "vertical-connector": "awsui_vertical-connector_1r2pu_dxh8j_9",
-  "grid": "awsui_grid_1r2pu_dxh8j_13",
-  "absolute": "awsui_absolute_1r2pu_dxh8j_20"
+  "vertical-connector": "awsui_vertical-connector_1r2pu_13hcn_9",
+  "grid": "awsui_grid_1r2pu_13hcn_13",
+  "absolute": "awsui_absolute_1r2pu_13hcn_20"
 };

package/lib/internal/template/truncated-text/styles.css.js CHANGED Viewed

@@ -1,6 +1,6 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1ol5m_talug_145"
+  "root": "awsui_root_1ol5m_1dmhm_145"
 };

package/lib/internal/template/truncated-text/styles.scoped.css CHANGED Viewed

@@ -142,7 +142,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_root_1ol5m_talug_145:not(#\9) {
+.awsui_root_1ol5m_1dmhm_145:not(#\9) {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -151,17 +151,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-inline-size: 100%;
   min-inline-size: 0;
 }
-.awsui_root_1ol5m_talug_145:not(#\9):focus {
+.awsui_root_1ol5m_1dmhm_145:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_root_1ol5m_talug_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_root_1ol5m_1dmhm_145:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_root_1ol5m_talug_145:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_root_1ol5m_1dmhm_145:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(calc(-1 * 2px) - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_root_1ol5m_talug_145:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_root_1ol5m_1dmhm_145:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -169,9 +169,9 @@ body[data-awsui-focus-visible=true] .awsui_root_1ol5m_talug_145:not(#\9):focus::
   inset-block-start: calc(-1 * calc(-1 * 2px));
   inline-size: calc(100% + calc(-1 * 2px) + calc(-1 * 2px));
   block-size: calc(100% + calc(-1 * 2px) + calc(-1 * 2px));
-  border-start-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-start-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-start-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
-  border-end-end-radius: var(--border-radius-control-default-focus-ring-9xsko1, 2px);
+  border-start-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-start-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-start-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
+  border-end-end-radius: var(--border-radius-control-default-focus-ring-akwhsf, 2px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }

package/lib/internal/template/truncated-text/styles.selectors.js CHANGED Viewed

@@ -2,6 +2,6 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1ol5m_talug_145"
+  "root": "awsui_root_1ol5m_1dmhm_145"
 };

package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.css.js CHANGED Viewed

@@ -1,25 +1,25 @@
     import './styles.scoped.css';
     export default {
-  "tutorial-list": "awsui_tutorial-list_1u70p_1icvu_181",
-  "tutorial-title": "awsui_tutorial-title_1u70p_1icvu_217",
-  "task": "awsui_task_1u70p_1icvu_224",
-  "task-title": "awsui_task-title_1u70p_1icvu_232",
-  "task-title--status": "awsui_task-title--status_1u70p_1icvu_240",
-  "current-task": "awsui_current-task_1u70p_1icvu_244",
-  "successful-task": "awsui_successful-task_1u70p_1icvu_248",
-  "congratulation-message": "awsui_congratulation-message_1u70p_1icvu_252",
-  "congratulation-message--status": "awsui_congratulation-message--status_1u70p_1icvu_260",
-  "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_1icvu_265",
-  "divider": "awsui_divider_1u70p_1icvu_269",
-  "step-list": "awsui_step-list_1u70p_1icvu_273",
-  "step": "awsui_step_1u70p_1icvu_273",
-  "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_1icvu_284",
-  "expandable-section-header": "awsui_expandable-section-header_1u70p_1icvu_288",
-  "step-title": "awsui_step-title_1u70p_1icvu_293",
-  "feedback-link": "awsui_feedback-link_1u70p_1icvu_294",
-  "dismiss-button": "awsui_dismiss-button_1u70p_1icvu_295",
-  "completion-screen-title": "awsui_completion-screen-title_1u70p_1icvu_296",
-  "completion-screen-description": "awsui_completion-screen-description_1u70p_1icvu_297"
+  "tutorial-list": "awsui_tutorial-list_1u70p_sx731_181",
+  "tutorial-title": "awsui_tutorial-title_1u70p_sx731_217",
+  "task": "awsui_task_1u70p_sx731_224",
+  "task-title": "awsui_task-title_1u70p_sx731_232",
+  "task-title--status": "awsui_task-title--status_1u70p_sx731_240",
+  "current-task": "awsui_current-task_1u70p_sx731_244",
+  "successful-task": "awsui_successful-task_1u70p_sx731_248",
+  "congratulation-message": "awsui_congratulation-message_1u70p_sx731_252",
+  "congratulation-message--status": "awsui_congratulation-message--status_1u70p_sx731_260",
+  "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_sx731_265",
+  "divider": "awsui_divider_1u70p_sx731_269",
+  "step-list": "awsui_step-list_1u70p_sx731_273",
+  "step": "awsui_step_1u70p_sx731_273",
+  "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_sx731_284",
+  "expandable-section-header": "awsui_expandable-section-header_1u70p_sx731_288",
+  "step-title": "awsui_step-title_1u70p_sx731_293",
+  "feedback-link": "awsui_feedback-link_1u70p_sx731_294",
+  "dismiss-button": "awsui_dismiss-button_1u70p_sx731_295",
+  "completion-screen-title": "awsui_completion-screen-title_1u70p_sx731_296",
+  "completion-screen-description": "awsui_completion-screen-description_1u70p_sx731_297"
 };

package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.scoped.css CHANGED Viewed

@@ -178,7 +178,7 @@
 */
 /* Style used for links in slots/components that are text heavy, to help links stand out among
 surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
-.awsui_tutorial-list_1u70p_1icvu_181:not(#\9) {
+.awsui_tutorial-list_1u70p_sx731_181:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -214,42 +214,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
-.awsui_tutorial-title_1u70p_1icvu_217:not(#\9) {
+.awsui_tutorial-title_1u70p_sx731_217:not(#\9) {
   display: flex;
   align-items: flex-start;
   margin-inline-start: calc(-1 * var(--space-xxs-jnczic, 4px));
   padding-block-end: var(--space-xxxs-3w1kr2, 2px);
 }
-.awsui_task_1u70p_1icvu_224:not(#\9) {
+.awsui_task_1u70p_sx731_224:not(#\9) {
   list-style: none;
   padding-block-start: 0;
 }
-.awsui_task_1u70p_1icvu_224:not(#\9):not(:first-child) {
+.awsui_task_1u70p_sx731_224:not(#\9):not(:first-child) {
   margin-block-start: var(--space-xl-4dmkh1, 24px);
 }
-.awsui_task-title_1u70p_1icvu_232:not(#\9) {
+.awsui_task-title_1u70p_sx731_232:not(#\9) {
   display: flex;
   align-items: flex-start;
-  padding-inline-start: var(--border-divider-section-width-sznrdy, 1px);
+  padding-inline-start: var(--border-divider-section-width-dlkb8v, 1px);
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
   letter-spacing: var(--letter-spacing-heading-s-696sxe, normal);
 }
-.awsui_task-title--status_1u70p_1icvu_240:not(#\9) {
+.awsui_task-title--status_1u70p_sx731_240:not(#\9) {
   line-height: inherit;
 }
-.awsui_current-task_1u70p_1icvu_244:not(#\9) {
+.awsui_current-task_1u70p_sx731_244:not(#\9) {
   font-weight: var(--font-weight-bold-p16d06, 700);
 }
-.awsui_successful-task_1u70p_1icvu_248:not(#\9) {
+.awsui_successful-task_1u70p_sx731_248:not(#\9) {
   color: var(--color-text-status-success-ya1ikb, #1d8102);
 }
-.awsui_congratulation-message_1u70p_1icvu_252:not(#\9) {
+.awsui_congratulation-message_1u70p_sx731_252:not(#\9) {
   display: flex;
   font-size: var(--font-size-heading-s-yde02v, 16px);
   line-height: var(--line-height-heading-s-j2axh8, 20px);
@@ -257,43 +257,43 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-weight: var(--font-weight-heading-xs-79d2p7, 400);
   color: var(--color-text-status-success-ya1ikb, #1d8102);
 }
-.awsui_congratulation-message--status_1u70p_1icvu_260:not(#\9) {
+.awsui_congratulation-message--status_1u70p_sx731_260:not(#\9) {
   line-height: inherit;
   flex-shrink: 0;
 }
-.awsui_plaintext-congratulation-description_1u70p_1icvu_265:not(#\9) {
+.awsui_plaintext-congratulation-description_1u70p_sx731_265:not(#\9) {
   white-space: pre-line;
 }
-.awsui_divider_1u70p_1icvu_269:not(#\9) {
-  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+.awsui_divider_1u70p_sx731_269:not(#\9) {
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_step-list_1u70p_1icvu_273:not(#\9) {
+.awsui_step-list_1u70p_sx731_273:not(#\9) {
   list-style: none;
   padding-block: 0;
   padding-inline-start: var(--space-xxxs-3w1kr2, 2px);
   padding-inline-end: 0;
 }
-.awsui_step_1u70p_1icvu_273:not(#\9):not(:first-child) {
+.awsui_step_1u70p_sx731_273:not(#\9):not(:first-child) {
   padding-block-start: var(--space-xxs-jnczic, 4px);
 }
-.awsui_expandable-section-wrapper_1u70p_1icvu_284:not(#\9) {
+.awsui_expandable-section-wrapper_1u70p_sx731_284:not(#\9) {
   inline-size: 100%;
 }
-.awsui_expandable-section-header_1u70p_1icvu_288:not(#\9) {
+.awsui_expandable-section-header_1u70p_sx731_288:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
 }
-.awsui_step-title_1u70p_1icvu_293:not(#\9),
-.awsui_feedback-link_1u70p_1icvu_294:not(#\9),
-.awsui_dismiss-button_1u70p_1icvu_295:not(#\9),
-.awsui_completion-screen-title_1u70p_1icvu_296:not(#\9),
-.awsui_completion-screen-description_1u70p_1icvu_297:not(#\9) {
+.awsui_step-title_1u70p_sx731_293:not(#\9),
+.awsui_feedback-link_1u70p_sx731_294:not(#\9),
+.awsui_dismiss-button_1u70p_sx731_295:not(#\9),
+.awsui_completion-screen-title_1u70p_sx731_296:not(#\9),
+.awsui_completion-screen-description_1u70p_sx731_297:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/tutorial-panel/components/tutorial-detail-view/styles.selectors.js CHANGED Viewed

@@ -2,25 +2,25 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "tutorial-list": "awsui_tutorial-list_1u70p_1icvu_181",
-  "tutorial-title": "awsui_tutorial-title_1u70p_1icvu_217",
-  "task": "awsui_task_1u70p_1icvu_224",
-  "task-title": "awsui_task-title_1u70p_1icvu_232",
-  "task-title--status": "awsui_task-title--status_1u70p_1icvu_240",
-  "current-task": "awsui_current-task_1u70p_1icvu_244",
-  "successful-task": "awsui_successful-task_1u70p_1icvu_248",
-  "congratulation-message": "awsui_congratulation-message_1u70p_1icvu_252",
-  "congratulation-message--status": "awsui_congratulation-message--status_1u70p_1icvu_260",
-  "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_1icvu_265",
-  "divider": "awsui_divider_1u70p_1icvu_269",
-  "step-list": "awsui_step-list_1u70p_1icvu_273",
-  "step": "awsui_step_1u70p_1icvu_273",
-  "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_1icvu_284",
-  "expandable-section-header": "awsui_expandable-section-header_1u70p_1icvu_288",
-  "step-title": "awsui_step-title_1u70p_1icvu_293",
-  "feedback-link": "awsui_feedback-link_1u70p_1icvu_294",
-  "dismiss-button": "awsui_dismiss-button_1u70p_1icvu_295",
-  "completion-screen-title": "awsui_completion-screen-title_1u70p_1icvu_296",
-  "completion-screen-description": "awsui_completion-screen-description_1u70p_1icvu_297"
+  "tutorial-list": "awsui_tutorial-list_1u70p_sx731_181",
+  "tutorial-title": "awsui_tutorial-title_1u70p_sx731_217",
+  "task": "awsui_task_1u70p_sx731_224",
+  "task-title": "awsui_task-title_1u70p_sx731_232",
+  "task-title--status": "awsui_task-title--status_1u70p_sx731_240",
+  "current-task": "awsui_current-task_1u70p_sx731_244",
+  "successful-task": "awsui_successful-task_1u70p_sx731_248",
+  "congratulation-message": "awsui_congratulation-message_1u70p_sx731_252",
+  "congratulation-message--status": "awsui_congratulation-message--status_1u70p_sx731_260",
+  "plaintext-congratulation-description": "awsui_plaintext-congratulation-description_1u70p_sx731_265",
+  "divider": "awsui_divider_1u70p_sx731_269",
+  "step-list": "awsui_step-list_1u70p_sx731_273",
+  "step": "awsui_step_1u70p_sx731_273",
+  "expandable-section-wrapper": "awsui_expandable-section-wrapper_1u70p_sx731_284",
+  "expandable-section-header": "awsui_expandable-section-header_1u70p_sx731_288",
+  "step-title": "awsui_step-title_1u70p_sx731_293",
+  "feedback-link": "awsui_feedback-link_1u70p_sx731_294",
+  "dismiss-button": "awsui_dismiss-button_1u70p_sx731_295",
+  "completion-screen-title": "awsui_completion-screen-title_1u70p_sx731_296",
+  "completion-screen-description": "awsui_completion-screen-description_1u70p_sx731_297"
 };

package/lib/internal/template/tutorial-panel/components/tutorial-list/styles.css.js CHANGED Viewed

@@ -1,23 +1,23 @@
     import './styles.scoped.css';
     export default {
-  "content-enter": "awsui_content-enter_ig8mp_10gy7_193",
-  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_10gy7_1",
-  "tutorial-list": "awsui_tutorial-list_ig8mp_10gy7_215",
-  "tutorial-box": "awsui_tutorial-box_ig8mp_10gy7_251",
-  "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_10gy7_295",
-  "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_10gy7_301",
-  "tutorial-description": "awsui_tutorial-description_ig8mp_10gy7_301",
-  "expandable-section": "awsui_expandable-section_ig8mp_10gy7_312",
-  "expanded": "awsui_expanded_ig8mp_10gy7_316",
-  "button-wrapper": "awsui_button-wrapper_ig8mp_10gy7_320",
-  "start": "awsui_start_ig8mp_10gy7_325",
-  "expand-button": "awsui_expand-button_ig8mp_10gy7_329",
-  "collapse-button": "awsui_collapse-button_ig8mp_10gy7_333",
-  "learn-more-link": "awsui_learn-more-link_ig8mp_10gy7_337",
-  "title": "awsui_title_ig8mp_10gy7_341",
-  "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_10gy7_345",
-  "completed": "awsui_completed_ig8mp_10gy7_349",
-  "download-link": "awsui_download-link_ig8mp_10gy7_353"
+  "content-enter": "awsui_content-enter_ig8mp_g9e67_193",
+  "awsui-motion-fade-in": "awsui_awsui-motion-fade-in_ig8mp_g9e67_1",
+  "tutorial-list": "awsui_tutorial-list_ig8mp_g9e67_215",
+  "tutorial-box": "awsui_tutorial-box_ig8mp_g9e67_251",
+  "tutorial-box-title": "awsui_tutorial-box-title_ig8mp_g9e67_295",
+  "tutorial-description-plaintext": "awsui_tutorial-description-plaintext_ig8mp_g9e67_301",
+  "tutorial-description": "awsui_tutorial-description_ig8mp_g9e67_301",
+  "expandable-section": "awsui_expandable-section_ig8mp_g9e67_312",
+  "expanded": "awsui_expanded_ig8mp_g9e67_316",
+  "button-wrapper": "awsui_button-wrapper_ig8mp_g9e67_320",
+  "start": "awsui_start_ig8mp_g9e67_325",
+  "expand-button": "awsui_expand-button_ig8mp_g9e67_329",
+  "collapse-button": "awsui_collapse-button_ig8mp_g9e67_333",
+  "learn-more-link": "awsui_learn-more-link_ig8mp_g9e67_337",
+  "title": "awsui_title_ig8mp_g9e67_341",
+  "prerequisites-alert": "awsui_prerequisites-alert_ig8mp_g9e67_345",
+  "completed": "awsui_completed_ig8mp_g9e67_349",
+  "download-link": "awsui_download-link_ig8mp_g9e67_353"
 };