@cloudscape-design/components-themeable 3.0.87 → 3.0.89

package/lib/internal/template/date-range-picker/styles.scoped.css

@@ -90,11 +90,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_calendar_mgja0_7dzbl_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_mgja0_7dzbl_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
+.awsui_calendar_mgja0_ue9wz_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_mgja0_ue9wz_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_mgja0_7dzbl_1 {
+@keyframes awsui_awsui-motion-fade-in-0_mgja0_ue9wz_1 {
   from {
     opacity: 0;
   }
@@ -103,12 +103,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_mgja0_7dzbl_93:not(#\9) {
+  .awsui_calendar_mgja0_ue9wz_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_mgja0_7dzbl_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_7dzbl_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_mgja0_ue9wz_93:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_ue9wz_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -117,7 +117,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_mgja0_7dzbl_120:not(#\9) {
+.awsui_root_mgja0_ue9wz_120:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -155,28 +155,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   max-width: 32em;
 }
 
-.awsui_trigger-wrapper_mgja0_7dzbl_132:not(#\9) {
+.awsui_focus-lock_mgja0_ue9wz_132:not(#\9) {
+  display: contents;
+}
+
+.awsui_trigger-wrapper_mgja0_ue9wz_136:not(#\9) {
   min-width: calc(var(--size-calendar-grid-width-luenzs, 234px) + 2 * var(--space-l-4vl6xu, 20px));
 }
 
-.awsui_trigger-flexbox_mgja0_7dzbl_136:not(#\9) {
+.awsui_trigger-flexbox_mgja0_ue9wz_140:not(#\9) {
   display: flex;
 }
 
-.awsui_calendar_mgja0_7dzbl_93:not(#\9) {
+.awsui_calendar_mgja0_ue9wz_93:not(#\9) {
   display: block;
   width: calc(2 * var(--size-calendar-grid-width-luenzs, 234px) + var(--space-xs-rsr2qu, 8px));
 }
-.awsui_calendar_mgja0_7dzbl_93.awsui_one-grid_mgja0_7dzbl_144:not(#\9) {
+.awsui_calendar_mgja0_ue9wz_93.awsui_one-grid_mgja0_ue9wz_148:not(#\9) {
   width: var(--size-calendar-grid-width-luenzs, 234px);
 }
-.awsui_calendar-header_mgja0_7dzbl_147:not(#\9) {
+.awsui_calendar-header_mgja0_ue9wz_151:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_calendar-header-months-wrapper_mgja0_7dzbl_153:not(#\9) {
+.awsui_calendar-header-months-wrapper_mgja0_ue9wz_157:not(#\9) {
   position: absolute;
   right: 0;
   left: 0;
@@ -189,7 +193,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1;
   pointer-events: none;
 }
-.awsui_calendar-header-month_mgja0_7dzbl_153:not(#\9) {
+.awsui_calendar-header-month_mgja0_ue9wz_157:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: 700;
@@ -197,130 +201,130 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: flex;
   pointer-events: auto;
 }
-.awsui_calendar-next-month-btn_mgja0_7dzbl_174:not(#\9) {
+.awsui_calendar-next-month-btn_mgja0_ue9wz_178:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_mgja0_7dzbl_177:not(#\9) {
+.awsui_calendar-prev-month-btn_mgja0_ue9wz_181:not(#\9) {
   /* used for identifying element */
 }
 
-.awsui_first-grid_mgja0_7dzbl_181:not(#\9),
-.awsui_second-grid_mgja0_7dzbl_182:not(#\9) {
+.awsui_first-grid_mgja0_ue9wz_185:not(#\9),
+.awsui_second-grid_mgja0_ue9wz_186:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_date-and-time-container_mgja0_7dzbl_186:not(#\9) {
+.awsui_date-and-time-container_mgja0_ue9wz_190:not(#\9) {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-luenzs, 234px), 1fr));
   gap: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_date-and-time-wrapper_mgja0_7dzbl_192:not(#\9) {
+.awsui_date-and-time-wrapper_mgja0_ue9wz_196:not(#\9) {
   width: var(--size-calendar-grid-width-luenzs, 234px);
   display: grid;
   gap: var(--space-xs-rsr2qu, 8px);
   grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
 }
 
-.awsui_footer_mgja0_7dzbl_199:not(#\9) {
+.awsui_footer_mgja0_ue9wz_203:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
   border-top: 1px solid var(--color-border-dropdown-item-default-tcqivq, #eaeded);
   padding: 0 var(--space-l-4vl6xu, 20px) var(--space-s-hv8c1d, 12px);
 }
-.awsui_footer_mgja0_7dzbl_199.awsui_has-clear-button_mgja0_7dzbl_206:not(#\9) {
+.awsui_footer_mgja0_ue9wz_203.awsui_has-clear-button_mgja0_ue9wz_210:not(#\9) {
   justify-content: space-between;
 }
-.awsui_footer_mgja0_7dzbl_199.awsui_one-grid_mgja0_7dzbl_144:not(#\9) {
+.awsui_footer_mgja0_ue9wz_203.awsui_one-grid_mgja0_ue9wz_148:not(#\9) {
   padding: 0 var(--space-xs-rsr2qu, 8px) var(--space-s-hv8c1d, 12px);
 }
 
-.awsui_footer-button-wrapper_mgja0_7dzbl_213:not(#\9) {
+.awsui_footer-button-wrapper_mgja0_ue9wz_217:not(#\9) {
   padding-top: var(--space-s-hv8c1d, 12px);
 }
 
-.awsui_icon-wrapper_mgja0_7dzbl_217:not(#\9) {
+.awsui_icon-wrapper_mgja0_ue9wz_221:not(#\9) {
   color: var(--color-text-interactive-default-9me1cm, #545b64);
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
 
-.awsui_label_mgja0_7dzbl_222:not(#\9) {
+.awsui_label_mgja0_ue9wz_226:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   cursor: default;
 }
 
-.awsui_label_mgja0_7dzbl_222.awsui_label-enabled_mgja0_7dzbl_227:not(#\9):hover > .awsui_trigger-flexbox_mgja0_7dzbl_136 > .awsui_icon-wrapper_mgja0_7dzbl_217 {
+.awsui_label_mgja0_ue9wz_226.awsui_label-enabled_mgja0_ue9wz_231:not(#\9):hover > .awsui_trigger-flexbox_mgja0_ue9wz_140 > .awsui_icon-wrapper_mgja0_ue9wz_221 {
   color: var(--color-text-interactive-hover-79wpl9, #16191f);
 }
 
-.awsui_label-text_mgja0_7dzbl_231:not(#\9) {
+.awsui_label-text_mgja0_ue9wz_235:not(#\9) {
   color: var(--color-text-input-placeholder-rtvjp5, #687078);
   font-style: italic;
 }
 
-.awsui_label-token-nowrap_mgja0_7dzbl_236:not(#\9) {
+.awsui_label-token-nowrap_mgja0_ue9wz_240:not(#\9) {
   white-space: nowrap;
 }
 
-.awsui_mode-switch_mgja0_7dzbl_240:not(#\9) {
+.awsui_mode-switch_mgja0_ue9wz_244:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_dropdown_mgja0_7dzbl_244:not(#\9) {
+.awsui_dropdown_mgja0_ue9wz_248:not(#\9) {
   overflow: auto;
   border-top: 1px solid var(--color-border-container-top-1itxac, #eaeded);
   border-bottom: 1px solid var(--color-border-container-top-1itxac, #eaeded);
   border-radius: var(--border-radius-dropdown-0c284d, 0px);
 }
-.awsui_dropdown_mgja0_7dzbl_244:not(#\9):focus {
+.awsui_dropdown_mgja0_ue9wz_248:not(#\9):focus {
   outline: none;
 }
-.awsui_dropdown_mgja0_7dzbl_244[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_dropdown_mgja0_ue9wz_248[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: var(--border-radius-dropdown-0c284d, 0px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
 
-.awsui_dropdown-content_mgja0_7dzbl_260:not(#\9) {
+.awsui_dropdown-content_mgja0_ue9wz_264:not(#\9) {
   -webkit-user-select: text;
           user-select: text;
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
   width: calc(2 * var(--size-calendar-grid-width-luenzs, 234px) + var(--space-xs-rsr2qu, 8px) + 2 * var(--space-l-4vl6xu, 20px));
 }
-.awsui_dropdown-content_mgja0_7dzbl_260.awsui_one-grid_mgja0_7dzbl_144:not(#\9) {
+.awsui_dropdown-content_mgja0_ue9wz_264.awsui_one-grid_mgja0_ue9wz_148:not(#\9) {
   width: calc(var(--size-calendar-grid-width-luenzs, 234px) + 2 * var(--space-l-4vl6xu, 20px));
 }
 
-.awsui_start-date-input_mgja0_7dzbl_269:not(#\9),
-.awsui_start-time-input_mgja0_7dzbl_270:not(#\9),
-.awsui_end-date-input_mgja0_7dzbl_271:not(#\9),
-.awsui_end-time-input_mgja0_7dzbl_272:not(#\9) {
+.awsui_start-date-input_mgja0_ue9wz_273:not(#\9),
+.awsui_start-time-input_mgja0_ue9wz_274:not(#\9),
+.awsui_end-date-input_mgja0_ue9wz_275:not(#\9),
+.awsui_end-time-input_mgja0_ue9wz_276:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_validation-section_mgja0_7dzbl_276:not(#\9) {
+.awsui_validation-section_mgja0_ue9wz_280:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_validation-error_mgja0_7dzbl_280:not(#\9) {
+.awsui_validation-error_mgja0_ue9wz_284:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_clear-button_mgja0_7dzbl_284:not(#\9) {
+.awsui_clear-button_mgja0_ue9wz_288:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_apply-button_mgja0_7dzbl_288:not(#\9) {
+.awsui_apply-button_mgja0_ue9wz_292:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_cancel-button_mgja0_7dzbl_292:not(#\9) {
+.awsui_cancel-button_mgja0_ue9wz_296:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_calendar-aria-live_mgja0_7dzbl_296:not(#\9) {
+.awsui_calendar-aria-live_mgja0_ue9wz_300:not(#\9) {
   /* used in test-utils */
 }

package/lib/internal/template/date-range-picker/styles.selectors.js

@@ -2,41 +2,42 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_mgja0_7dzbl_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_7dzbl_1",
-  "root": "awsui_root_mgja0_7dzbl_120",
-  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_7dzbl_132",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_7dzbl_136",
-  "one-grid": "awsui_one-grid_mgja0_7dzbl_144",
-  "calendar-header": "awsui_calendar-header_mgja0_7dzbl_147",
-  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_7dzbl_153",
-  "calendar-header-month": "awsui_calendar-header-month_mgja0_7dzbl_153",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_7dzbl_174",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_7dzbl_177",
-  "first-grid": "awsui_first-grid_mgja0_7dzbl_181",
-  "second-grid": "awsui_second-grid_mgja0_7dzbl_182",
-  "date-and-time-container": "awsui_date-and-time-container_mgja0_7dzbl_186",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_7dzbl_192",
-  "footer": "awsui_footer_mgja0_7dzbl_199",
-  "has-clear-button": "awsui_has-clear-button_mgja0_7dzbl_206",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_7dzbl_213",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_7dzbl_217",
-  "label": "awsui_label_mgja0_7dzbl_222",
-  "label-enabled": "awsui_label-enabled_mgja0_7dzbl_227",
-  "label-text": "awsui_label-text_mgja0_7dzbl_231",
-  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_7dzbl_236",
-  "mode-switch": "awsui_mode-switch_mgja0_7dzbl_240",
-  "dropdown": "awsui_dropdown_mgja0_7dzbl_244",
-  "dropdown-content": "awsui_dropdown-content_mgja0_7dzbl_260",
-  "start-date-input": "awsui_start-date-input_mgja0_7dzbl_269",
-  "start-time-input": "awsui_start-time-input_mgja0_7dzbl_270",
-  "end-date-input": "awsui_end-date-input_mgja0_7dzbl_271",
-  "end-time-input": "awsui_end-time-input_mgja0_7dzbl_272",
-  "validation-section": "awsui_validation-section_mgja0_7dzbl_276",
-  "validation-error": "awsui_validation-error_mgja0_7dzbl_280",
-  "clear-button": "awsui_clear-button_mgja0_7dzbl_284",
-  "apply-button": "awsui_apply-button_mgja0_7dzbl_288",
-  "cancel-button": "awsui_cancel-button_mgja0_7dzbl_292",
-  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_7dzbl_296"
+  "calendar": "awsui_calendar_mgja0_ue9wz_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_ue9wz_1",
+  "root": "awsui_root_mgja0_ue9wz_120",
+  "focus-lock": "awsui_focus-lock_mgja0_ue9wz_132",
+  "trigger-wrapper": "awsui_trigger-wrapper_mgja0_ue9wz_136",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_ue9wz_140",
+  "one-grid": "awsui_one-grid_mgja0_ue9wz_148",
+  "calendar-header": "awsui_calendar-header_mgja0_ue9wz_151",
+  "calendar-header-months-wrapper": "awsui_calendar-header-months-wrapper_mgja0_ue9wz_157",
+  "calendar-header-month": "awsui_calendar-header-month_mgja0_ue9wz_157",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_mgja0_ue9wz_178",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_mgja0_ue9wz_181",
+  "first-grid": "awsui_first-grid_mgja0_ue9wz_185",
+  "second-grid": "awsui_second-grid_mgja0_ue9wz_186",
+  "date-and-time-container": "awsui_date-and-time-container_mgja0_ue9wz_190",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_ue9wz_196",
+  "footer": "awsui_footer_mgja0_ue9wz_203",
+  "has-clear-button": "awsui_has-clear-button_mgja0_ue9wz_210",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_ue9wz_217",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_ue9wz_221",
+  "label": "awsui_label_mgja0_ue9wz_226",
+  "label-enabled": "awsui_label-enabled_mgja0_ue9wz_231",
+  "label-text": "awsui_label-text_mgja0_ue9wz_235",
+  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_ue9wz_240",
+  "mode-switch": "awsui_mode-switch_mgja0_ue9wz_244",
+  "dropdown": "awsui_dropdown_mgja0_ue9wz_248",
+  "dropdown-content": "awsui_dropdown-content_mgja0_ue9wz_264",
+  "start-date-input": "awsui_start-date-input_mgja0_ue9wz_273",
+  "start-time-input": "awsui_start-time-input_mgja0_ue9wz_274",
+  "end-date-input": "awsui_end-date-input_mgja0_ue9wz_275",
+  "end-time-input": "awsui_end-time-input_mgja0_ue9wz_276",
+  "validation-section": "awsui_validation-section_mgja0_ue9wz_280",
+  "validation-error": "awsui_validation-error_mgja0_ue9wz_284",
+  "clear-button": "awsui_clear-button_mgja0_ue9wz_288",
+  "apply-button": "awsui_apply-button_mgja0_ue9wz_292",
+  "cancel-button": "awsui_cancel-button_mgja0_ue9wz_296",
+  "calendar-aria-live": "awsui_calendar-aria-live_mgja0_ue9wz_300"
 };
   

package/lib/internal/template/header/styles.css.js

@@ -1,45 +1,45 @@
 
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_2qdw9_dk6jz_93",
-  "root-no-actions": "awsui_root-no-actions_2qdw9_dk6jz_108",
-  "root-variant-h1": "awsui_root-variant-h1_2qdw9_dk6jz_108",
-  "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_dk6jz_111",
-  "root-variant-h2": "awsui_root-variant-h2_2qdw9_dk6jz_114",
-  "root-has-description": "awsui_root-has-description_2qdw9_dk6jz_114",
-  "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_dk6jz_117",
-  "root-variant-h3": "awsui_root-variant-h3_2qdw9_dk6jz_120",
-  "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_dk6jz_123",
-  "root-no-wrap": "awsui_root-no-wrap_2qdw9_dk6jz_126",
-  "main": "awsui_main_2qdw9_dk6jz_130",
-  "main-variant-h1": "awsui_main-variant-h1_2qdw9_dk6jz_138",
-  "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_dk6jz_141",
-  "main-variant-h2": "awsui_main-variant-h2_2qdw9_dk6jz_147",
-  "main-variant-h3": "awsui_main-variant-h3_2qdw9_dk6jz_147",
-  "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_dk6jz_153",
-  "actions": "awsui_actions_2qdw9_dk6jz_160",
-  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_dk6jz_164",
-  "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_dk6jz_167",
-  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_dk6jz_170",
-  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_dk6jz_170",
-  "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_dk6jz_176",
-  "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_dk6jz_179",
-  "title": "awsui_title_2qdw9_dk6jz_183",
-  "title-variant-h2": "awsui_title-variant-h2_2qdw9_dk6jz_189",
-  "title-variant-h3": "awsui_title-variant-h3_2qdw9_dk6jz_189",
-  "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_dk6jz_198",
-  "info": "awsui_info_2qdw9_dk6jz_208",
-  "description": "awsui_description_2qdw9_dk6jz_212",
-  "description-variant-h1": "awsui_description-variant-h1_2qdw9_dk6jz_217",
-  "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_dk6jz_222",
-  "description-variant-h2": "awsui_description-variant-h2_2qdw9_dk6jz_225",
-  "description-variant-h3": "awsui_description-variant-h3_2qdw9_dk6jz_230",
-  "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_dk6jz_236",
-  "heading": "awsui_heading_2qdw9_dk6jz_240",
-  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_dk6jz_249",
-  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_dk6jz_255",
-  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_dk6jz_258",
-  "heading-text": "awsui_heading-text_2qdw9_dk6jz_262",
-  "counter": "awsui_counter_2qdw9_dk6jz_266"
+  "root": "awsui_root_2qdw9_1vobd_93",
+  "root-no-actions": "awsui_root-no-actions_2qdw9_1vobd_108",
+  "root-variant-h1": "awsui_root-variant-h1_2qdw9_1vobd_108",
+  "root-variant-h1-refresh": "awsui_root-variant-h1-refresh_2qdw9_1vobd_111",
+  "root-variant-h2": "awsui_root-variant-h2_2qdw9_1vobd_114",
+  "root-has-description": "awsui_root-has-description_2qdw9_1vobd_114",
+  "root-variant-h2-refresh": "awsui_root-variant-h2-refresh_2qdw9_1vobd_117",
+  "root-variant-h3": "awsui_root-variant-h3_2qdw9_1vobd_120",
+  "root-variant-h3-refresh": "awsui_root-variant-h3-refresh_2qdw9_1vobd_123",
+  "root-no-wrap": "awsui_root-no-wrap_2qdw9_1vobd_126",
+  "main": "awsui_main_2qdw9_1vobd_130",
+  "main-variant-h1": "awsui_main-variant-h1_2qdw9_1vobd_138",
+  "main-variant-h1-refresh": "awsui_main-variant-h1-refresh_2qdw9_1vobd_141",
+  "main-variant-h2": "awsui_main-variant-h2_2qdw9_1vobd_147",
+  "main-variant-h3": "awsui_main-variant-h3_2qdw9_1vobd_147",
+  "main-variant-h2-refresh": "awsui_main-variant-h2-refresh_2qdw9_1vobd_153",
+  "actions": "awsui_actions_2qdw9_1vobd_160",
+  "actions-variant-h1": "awsui_actions-variant-h1_2qdw9_1vobd_164",
+  "actions-variant-h1-refresh": "awsui_actions-variant-h1-refresh_2qdw9_1vobd_167",
+  "actions-variant-h2": "awsui_actions-variant-h2_2qdw9_1vobd_170",
+  "actions-variant-h3": "awsui_actions-variant-h3_2qdw9_1vobd_170",
+  "actions-variant-h2-refresh": "awsui_actions-variant-h2-refresh_2qdw9_1vobd_176",
+  "actions-variant-h3-refresh": "awsui_actions-variant-h3-refresh_2qdw9_1vobd_179",
+  "title": "awsui_title_2qdw9_1vobd_183",
+  "title-variant-h2": "awsui_title-variant-h2_2qdw9_1vobd_189",
+  "title-variant-h3": "awsui_title-variant-h3_2qdw9_1vobd_189",
+  "title-variant-h2-refresh": "awsui_title-variant-h2-refresh_2qdw9_1vobd_198",
+  "info": "awsui_info_2qdw9_1vobd_208",
+  "description": "awsui_description_2qdw9_1vobd_212",
+  "description-variant-h1": "awsui_description-variant-h1_2qdw9_1vobd_217",
+  "description-variant-h1-refresh": "awsui_description-variant-h1-refresh_2qdw9_1vobd_222",
+  "description-variant-h2": "awsui_description-variant-h2_2qdw9_1vobd_225",
+  "description-variant-h3": "awsui_description-variant-h3_2qdw9_1vobd_230",
+  "description-variant-h3-refresh": "awsui_description-variant-h3-refresh_2qdw9_1vobd_236",
+  "heading": "awsui_heading_2qdw9_1vobd_240",
+  "heading-variant-h1": "awsui_heading-variant-h1_2qdw9_1vobd_249",
+  "heading-variant-h2": "awsui_heading-variant-h2_2qdw9_1vobd_255",
+  "heading-variant-h3": "awsui_heading-variant-h3_2qdw9_1vobd_259",
+  "heading-text": "awsui_heading-text_2qdw9_1vobd_264",
+  "counter": "awsui_counter_2qdw9_1vobd_268"
 };
   

package/lib/internal/template/header/styles.scoped.css

@@ -90,7 +90,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_2qdw9_dk6jz_93:not(#\9) {
+.awsui_root_2qdw9_1vobd_93:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -131,165 +131,167 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.awsui_root-no-actions_2qdw9_dk6jz_108.awsui_root-variant-h1_2qdw9_dk6jz_108:not(#\9) {
+.awsui_root-no-actions_2qdw9_1vobd_108.awsui_root-variant-h1_2qdw9_1vobd_108:not(#\9) {
   padding-bottom: 0;
 }
-.awsui_root-no-actions_2qdw9_dk6jz_108.awsui_root-variant-h1-refresh_2qdw9_dk6jz_111:not(#\9) {
+.awsui_root-no-actions_2qdw9_1vobd_108.awsui_root-variant-h1-refresh_2qdw9_1vobd_111:not(#\9) {
   padding-bottom: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_root-no-actions_2qdw9_dk6jz_108.awsui_root-variant-h2_2qdw9_dk6jz_114:not(#\9), .awsui_root-has-description_2qdw9_dk6jz_114.awsui_root-variant-h2_2qdw9_dk6jz_114:not(#\9) {
+.awsui_root-no-actions_2qdw9_1vobd_108.awsui_root-variant-h2_2qdw9_1vobd_114:not(#\9), .awsui_root-has-description_2qdw9_1vobd_114.awsui_root-variant-h2_2qdw9_1vobd_114:not(#\9) {
   padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_root-no-actions_2qdw9_dk6jz_108.awsui_root-variant-h2-refresh_2qdw9_dk6jz_117:not(#\9), .awsui_root-has-description_2qdw9_dk6jz_114.awsui_root-variant-h2-refresh_2qdw9_dk6jz_117:not(#\9) {
+.awsui_root-no-actions_2qdw9_1vobd_108.awsui_root-variant-h2-refresh_2qdw9_1vobd_117:not(#\9), .awsui_root-has-description_2qdw9_1vobd_114.awsui_root-variant-h2-refresh_2qdw9_1vobd_117:not(#\9) {
   padding-bottom: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_root-no-actions_2qdw9_dk6jz_108.awsui_root-variant-h3_2qdw9_dk6jz_120:not(#\9), .awsui_root-has-description_2qdw9_dk6jz_114.awsui_root-variant-h3_2qdw9_dk6jz_120:not(#\9) {
+.awsui_root-no-actions_2qdw9_1vobd_108.awsui_root-variant-h3_2qdw9_1vobd_120:not(#\9), .awsui_root-has-description_2qdw9_1vobd_114.awsui_root-variant-h3_2qdw9_1vobd_120:not(#\9) {
   padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_root-no-actions_2qdw9_dk6jz_108.awsui_root-variant-h3-refresh_2qdw9_dk6jz_123:not(#\9), .awsui_root-has-description_2qdw9_dk6jz_114.awsui_root-variant-h3-refresh_2qdw9_dk6jz_123:not(#\9) {
+.awsui_root-no-actions_2qdw9_1vobd_108.awsui_root-variant-h3-refresh_2qdw9_1vobd_123:not(#\9), .awsui_root-has-description_2qdw9_1vobd_114.awsui_root-variant-h3-refresh_2qdw9_1vobd_123:not(#\9) {
   padding-bottom: 0;
 }
-.awsui_root-no-wrap_2qdw9_dk6jz_126:not(#\9) {
+.awsui_root-no-wrap_2qdw9_1vobd_126:not(#\9) {
   flex-wrap: nowrap;
 }
 
-.awsui_main_2qdw9_dk6jz_130:not(#\9) {
+.awsui_main_2qdw9_1vobd_130:not(#\9) {
   word-wrap: break-word;
   max-width: 100%;
   overflow: hidden;
 }
-:not(#\9):not(.awsui_root-no-actions_2qdw9_dk6jz_108) > .awsui_main_2qdw9_dk6jz_130 {
+:not(#\9):not(.awsui_root-no-actions_2qdw9_1vobd_108) > .awsui_main_2qdw9_1vobd_130 {
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_main-variant-h1_2qdw9_dk6jz_138:not(#\9) {
+.awsui_main-variant-h1_2qdw9_1vobd_138:not(#\9) {
   padding: var(--space-scaled-2x-xxs-t5qzmf, 4px) 0;
 }
-.awsui_main-variant-h1-refresh_2qdw9_dk6jz_141:not(#\9) {
+.awsui_main-variant-h1-refresh_2qdw9_1vobd_141:not(#\9) {
   padding: var(--space-xxs-ynfts5, 4px) 0;
 }
-:not(#\9):not(.awsui_root-no-actions_2qdw9_dk6jz_108) > .awsui_main-variant-h1-refresh_2qdw9_dk6jz_141 {
+:not(#\9):not(.awsui_root-no-actions_2qdw9_1vobd_108) > .awsui_main-variant-h1-refresh_2qdw9_1vobd_141 {
   padding-top: var(--space-scaled-xxxs-b6dm8t, 2px);
 }
-.awsui_main-variant-h2_2qdw9_dk6jz_147:not(#\9), .awsui_main-variant-h3_2qdw9_dk6jz_147:not(#\9) {
+.awsui_main-variant-h2_2qdw9_1vobd_147:not(#\9), .awsui_main-variant-h3_2qdw9_1vobd_147:not(#\9) {
   padding-top: var(--space-scaled-xxs-95dhkm, 4px);
 }
-:not(#\9):not(.awsui_root-has-description_2qdw9_dk6jz_114) > .awsui_main-variant-h2_2qdw9_dk6jz_147, :not(#\9):not(.awsui_root-has-description_2qdw9_dk6jz_114) > .awsui_main-variant-h3_2qdw9_dk6jz_147 {
+:not(#\9):not(.awsui_root-has-description_2qdw9_1vobd_114) > .awsui_main-variant-h2_2qdw9_1vobd_147, :not(#\9):not(.awsui_root-has-description_2qdw9_1vobd_114) > .awsui_main-variant-h3_2qdw9_1vobd_147 {
   padding-bottom: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_main-variant-h2-refresh_2qdw9_dk6jz_153:not(#\9) {
+.awsui_main-variant-h2-refresh_2qdw9_1vobd_153:not(#\9) {
   padding-top: 0;
 }
-:not(#\9):not(.awsui_root-has-description_2qdw9_dk6jz_114) > .awsui_main-variant-h2-refresh_2qdw9_dk6jz_153 {
+:not(#\9):not(.awsui_root-has-description_2qdw9_1vobd_114) > .awsui_main-variant-h2-refresh_2qdw9_1vobd_153 {
   padding-bottom: 0;
 }
 
-.awsui_actions_2qdw9_dk6jz_160:not(#\9) {
+.awsui_actions_2qdw9_1vobd_160:not(#\9) {
   display: flex;
   align-items: flex-start;
 }
-.awsui_actions-variant-h1_2qdw9_dk6jz_164:not(#\9) {
+.awsui_actions-variant-h1_2qdw9_1vobd_164:not(#\9) {
   padding: var(--space-scaled-xs-6859qs, 8px) 0;
 }
-.awsui_actions-variant-h1-refresh_2qdw9_dk6jz_167:not(#\9) {
+.awsui_actions-variant-h1-refresh_2qdw9_1vobd_167:not(#\9) {
   padding: var(--space-xs-rsr2qu, 8px) 0;
 }
-.awsui_actions-variant-h2_2qdw9_dk6jz_170:not(#\9), .awsui_actions-variant-h3_2qdw9_dk6jz_170:not(#\9) {
+.awsui_actions-variant-h2_2qdw9_1vobd_170:not(#\9), .awsui_actions-variant-h3_2qdw9_1vobd_170:not(#\9) {
   padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
 }
-.awsui_root-has-description_2qdw9_dk6jz_114 > .awsui_actions-variant-h2_2qdw9_dk6jz_170:not(#\9), .awsui_root-has-description_2qdw9_dk6jz_114 > .awsui_actions-variant-h3_2qdw9_dk6jz_170:not(#\9) {
+.awsui_root-has-description_2qdw9_1vobd_114 > .awsui_actions-variant-h2_2qdw9_1vobd_170:not(#\9), .awsui_root-has-description_2qdw9_1vobd_114 > .awsui_actions-variant-h3_2qdw9_1vobd_170:not(#\9) {
   padding-bottom: 0;
 }
-.awsui_actions-variant-h2-refresh_2qdw9_dk6jz_176:not(#\9) {
+.awsui_actions-variant-h2-refresh_2qdw9_1vobd_176:not(#\9) {
   padding-bottom: var(--space-xxxs-k2w98v, 2px);
 }
-.awsui_actions-variant-h3-refresh_2qdw9_dk6jz_179:not(#\9) {
+.awsui_actions-variant-h3-refresh_2qdw9_1vobd_179:not(#\9) {
   padding-bottom: 0;
 }
 
-.awsui_title_2qdw9_dk6jz_183:not(#\9) {
+.awsui_title_2qdw9_1vobd_183:not(#\9) {
   min-width: 0;
   -ms-word-break: break-all;
   word-break: break-word;
   color: var(--color-text-heading-default-bjds33, #16191f);
 }
-.awsui_title-variant-h2_2qdw9_dk6jz_189:not(#\9), .awsui_title-variant-h3_2qdw9_dk6jz_189:not(#\9) {
+.awsui_title-variant-h2_2qdw9_1vobd_189:not(#\9), .awsui_title-variant-h3_2qdw9_1vobd_189:not(#\9) {
   padding: var(--space-scaled-xxs-95dhkm, 4px) 0;
 }
-.awsui_title-variant-h2_2qdw9_dk6jz_189:not(#\9) {
+.awsui_title-variant-h2_2qdw9_1vobd_189:not(#\9) {
   font-size: var(--font-heading-l-size-glo9md, 18px);
   line-height: var(--font-heading-l-line-height-oujdab, 22px);
   letter-spacing: var(--font-heading-l-letter-spacing-tthw81, normal);
   font-weight: var(--font-heading-l-weight-qh3c9t, 700);
 }
-.awsui_title-variant-h2-refresh_2qdw9_dk6jz_198:not(#\9) {
+.awsui_title-variant-h2-refresh_2qdw9_1vobd_198:not(#\9) {
   padding-top: var(--space-scaled-2x-xxs-t5qzmf, 4px);
 }
-.awsui_title-variant-h3_2qdw9_dk6jz_189:not(#\9) {
+.awsui_title-variant-h3_2qdw9_1vobd_189:not(#\9) {
   font-size: var(--font-heading-m-size-f8kmgg, 18px);
   line-height: var(--font-heading-m-line-height-wqj6lz, 22px);
   letter-spacing: var(--font-heading-m-letter-spacing-vsl82f, normal);
   font-weight: var(--font-heading-m-weight-0y5yq5, 400);
 }
 
-.awsui_info_2qdw9_dk6jz_208:not(#\9) {
+.awsui_info_2qdw9_1vobd_208:not(#\9) {
   padding-right: var(--space-s-hv8c1d, 12px);
 }
 
-.awsui_description_2qdw9_dk6jz_212:not(#\9) {
+.awsui_description_2qdw9_1vobd_212:not(#\9) {
   margin: 0;
   padding: 0;
   color: var(--color-text-heading-secondary-mvxtuw, #545b64);
 }
-.awsui_description-variant-h1_2qdw9_dk6jz_217:not(#\9) {
+.awsui_description-variant-h1_2qdw9_1vobd_217:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   padding-top: var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_description-variant-h1-refresh_2qdw9_dk6jz_222:not(#\9) {
+.awsui_description-variant-h1-refresh_2qdw9_1vobd_222:not(#\9) {
   padding-top: var(--space-scaled-xs-6859qs, 8px);
 }
-.awsui_description-variant-h2_2qdw9_dk6jz_225:not(#\9) {
+.awsui_description-variant-h2_2qdw9_1vobd_225:not(#\9) {
   font-size: var(--font-header-h2-description-size-q5s3cp, 12px);
   line-height: var(--font-header-h2-description-line-height-519y0m, 16px);
   padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_description-variant-h3_2qdw9_dk6jz_230:not(#\9) {
+.awsui_description-variant-h3_2qdw9_1vobd_230:not(#\9) {
   font-size: var(--font-body-s-size-ukw2p9, 12px);
   line-height: var(--font-body-s-line-height-kdsbrl, 16px);
   letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
   padding-bottom: var(--space-scaled-xxs-95dhkm, 4px);
 }
-.awsui_description-variant-h3-refresh_2qdw9_dk6jz_236:not(#\9) {
+.awsui_description-variant-h3-refresh_2qdw9_1vobd_236:not(#\9) {
   padding-top: var(--space-xxxs-k2w98v, 2px);
 }
 
-.awsui_heading_2qdw9_dk6jz_240:not(#\9) {
+.awsui_heading_2qdw9_1vobd_240:not(#\9) {
   margin: 0;
   display: inline;
   font-size: inherit;
   margin-right: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_heading_2qdw9_dk6jz_240:not(#\9):only-child {
+.awsui_heading_2qdw9_1vobd_240:not(#\9):only-child {
   margin: 0;
 }
-.awsui_heading-variant-h1_2qdw9_dk6jz_249:not(#\9) {
+.awsui_heading-variant-h1_2qdw9_1vobd_249:not(#\9) {
   font-size: var(--font-heading-xl-size-etf0gx, 28px);
   line-height: var(--font-heading-xl-line-height-qeciux, 36px);
   letter-spacing: var(--font-heading-xl-letter-spacing-v5jzbn, normal);
   font-weight: var(--font-heading-xl-weight-zuv5k6, 400);
 }
-.awsui_heading-variant-h2_2qdw9_dk6jz_255:not(#\9) {
+.awsui_heading-variant-h2_2qdw9_1vobd_255:not(#\9) {
   font-weight: var(--font-heading-l-weight-qh3c9t, 700);
+  line-height: var(--font-heading-l-line-height-oujdab, 22px);
 }
-.awsui_heading-variant-h3_2qdw9_dk6jz_258:not(#\9) {
+.awsui_heading-variant-h3_2qdw9_1vobd_259:not(#\9) {
   font-weight: var(--font-heading-m-weight-0y5yq5, 400);
+  line-height: var(--font-heading-m-line-height-wqj6lz, 22px);
 }
 
-.awsui_heading-text_2qdw9_dk6jz_262:not(#\9) {
+.awsui_heading-text_2qdw9_1vobd_264:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_counter_2qdw9_dk6jz_266:not(#\9) {
+.awsui_counter_2qdw9_1vobd_268:not(#\9) {
   color: var(--color-text-counter-wyou6g, #687078);
   font-weight: 400;
 }