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/date-range-picker/styles.scoped.css CHANGED Viewed

@@ -150,11 +150,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_10rju_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_mgja0_10rju_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
+.awsui_calendar_mgja0_1ciyi_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_mgja0_1ciyi_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_mgja0_10rju_1 {
+@keyframes awsui_awsui-motion-fade-in-0_mgja0_1ciyi_1 {
   from {
     opacity: 0;
   }
@@ -163,17 +163,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_mgja0_10rju_153:not(#\9) {
+  .awsui_calendar_mgja0_1ciyi_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_mgja0_10rju_153:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_10rju_153:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_mgja0_1ciyi_153:not(#\9), .awsui-mode-entering .awsui_calendar_mgja0_1ciyi_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_mgja0_10rju_176:not(#\9) {
+.awsui_root_mgja0_1ciyi_176:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -204,35 +204,35 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   -webkit-font-smoothing: auto;
   -moz-osx-font-smoothing: auto;
 }
-.awsui_root_mgja0_10rju_176:not(#\9):not(.awsui_wide_mgja0_10rju_207) {
+.awsui_root_mgja0_1ciyi_176:not(#\9):not(.awsui_wide_mgja0_1ciyi_207) {
   max-inline-size: 32em;
 }
-.awsui_root_mgja0_10rju_176.awsui_wide_mgja0_10rju_207:not(#\9) {
+.awsui_root_mgja0_1ciyi_176.awsui_wide_mgja0_1ciyi_207:not(#\9) {
   max-inline-size: 39em;
 }
-.awsui_focus-lock_mgja0_10rju_214:not(#\9) {
+.awsui_focus-lock_mgja0_1ciyi_214:not(#\9) {
   display: contents;
 }
-.awsui_trigger-flexbox_mgja0_10rju_218:not(#\9) {
+.awsui_trigger-flexbox_mgja0_1ciyi_218:not(#\9) {
   display: flex;
 }
-.awsui_calendar-container_mgja0_10rju_222:not(#\9) {
+.awsui_calendar-container_mgja0_1ciyi_222:not(#\9) {
   inline-size: calc(2 * var(--size-calendar-grid-width-goqv80, 234px) + var(--space-xs-kw7k3v, 8px));
 }
-.awsui_calendar-container_mgja0_10rju_222.awsui_one-grid_mgja0_10rju_225:not(#\9) {
+.awsui_calendar-container_mgja0_1ciyi_222.awsui_one-grid_mgja0_1ciyi_225:not(#\9) {
   inline-size: var(--size-calendar-grid-width-goqv80, 234px);
 }
-.awsui_calendar-header_mgja0_10rju_229:not(#\9) {
+.awsui_calendar-header_mgja0_1ciyi_229:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
   position: relative;
 }
-.awsui_calendar-header-pages-wrapper_mgja0_10rju_235:not(#\9) {
+.awsui_calendar-header-pages-wrapper_mgja0_1ciyi_235:not(#\9) {
   position: absolute;
   inset: 0;
   margin-block: 0;
@@ -243,7 +243,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   flex: 1;
   pointer-events: none;
 }
-.awsui_calendar-header-page_mgja0_10rju_235:not(#\9) {
+.awsui_calendar-header-page_mgja0_1ciyi_235:not(#\9) {
   font-size: var(--font-size-body-m-vv54cm, 14px);
   line-height: var(--line-height-body-m-bedeoh, 22px);
   font-weight: var(--font-weight-bold-p16d06, 700);
@@ -252,20 +252,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: auto;
 }
-.awsui_date-and-time-container_mgja0_10rju_255:not(#\9) {
+.awsui_date-and-time-container_mgja0_1ciyi_255:not(#\9) {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(var(--size-calendar-grid-width-goqv80, 234px), 1fr));
   gap: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_date-and-time-wrapper_mgja0_10rju_261:not(#\9) {
+.awsui_date-and-time-wrapper_mgja0_1ciyi_261:not(#\9) {
   inline-size: var(--size-calendar-grid-width-goqv80, 234px);
   display: grid;
   gap: var(--space-xs-kw7k3v, 8px);
   grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
 }
-.awsui_footer_mgja0_10rju_268:not(#\9) {
+.awsui_footer_mgja0_1ciyi_268:not(#\9) {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-end;
@@ -274,72 +274,72 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   padding-block-end: var(--space-s-4a5hs8, 12px);
   padding-inline: var(--space-l-3cws6j, 20px);
 }
-.awsui_footer_mgja0_10rju_268.awsui_has-clear-button_mgja0_10rju_277:not(#\9) {
+.awsui_footer_mgja0_1ciyi_268.awsui_has-clear-button_mgja0_1ciyi_277:not(#\9) {
   justify-content: space-between;
 }
-.awsui_footer_mgja0_10rju_268.awsui_one-grid_mgja0_10rju_225:not(#\9) {
+.awsui_footer_mgja0_1ciyi_268.awsui_one-grid_mgja0_1ciyi_225:not(#\9) {
   padding-block-start: 0;
   padding-block-end: var(--space-s-4a5hs8, 12px);
   padding-inline: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_footer-button-wrapper_mgja0_10rju_286:not(#\9) {
+.awsui_footer-button-wrapper_mgja0_1ciyi_286:not(#\9) {
   padding-block-start: var(--space-s-4a5hs8, 12px);
 }
-.awsui_footer-button-wrapper_mgja0_10rju_286:not(#\9):last-child {
+.awsui_footer-button-wrapper_mgja0_1ciyi_286:not(#\9):last-child {
   margin-inline-start: auto;
 }
-.awsui_icon-wrapper_mgja0_10rju_293:not(#\9) {
+.awsui_icon-wrapper_mgja0_1ciyi_293:not(#\9) {
   color: var(--color-text-interactive-default-qwoe3g, #545b64);
   margin-inline-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_label_mgja0_10rju_298:not(#\9) {
+.awsui_label_mgja0_1ciyi_298:not(#\9) {
   cursor: default;
 }
-.awsui_label_mgja0_10rju_298.awsui_label-enabled_mgja0_10rju_302:not(#\9):hover > .awsui_trigger-flexbox_mgja0_10rju_218 > .awsui_icon-wrapper_mgja0_10rju_293 {
+.awsui_label_mgja0_1ciyi_298.awsui_label-enabled_mgja0_1ciyi_302:not(#\9):hover > .awsui_trigger-flexbox_mgja0_1ciyi_218 > .awsui_icon-wrapper_mgja0_1ciyi_293 {
   color: var(--color-text-interactive-hover-bu4gls, #16191f);
 }
-.awsui_label-text_mgja0_10rju_306:not(#\9) {
+.awsui_label-text_mgja0_1ciyi_306:not(#\9) {
   color: var(--color-text-input-placeholder-hvcry0, #687078);
   font-style: italic;
   -webkit-user-select: none;
           user-select: none;
 }
-.awsui_label-token-nowrap_mgja0_10rju_312:not(#\9) {
+.awsui_label-token-nowrap_mgja0_1ciyi_312:not(#\9) {
   white-space: nowrap;
 }
-.awsui_dropdown_mgja0_10rju_316:not(#\9) {
+.awsui_dropdown_mgja0_1ciyi_316:not(#\9) {
   overflow: auto;
   border-block-start: 1px solid var(--color-border-container-top-svitxz, #eaeded);
   border-block-end: 1px solid var(--color-border-container-top-svitxz, #eaeded);
-  border-start-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-start-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-end-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
+  border-start-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
+  border-start-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
+  border-end-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
+  border-end-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
 }
-.awsui_dropdown_mgja0_10rju_316:not(#\9):focus {
+.awsui_dropdown_mgja0_1ciyi_316:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_10rju_316:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_dropdown_mgja0_1ciyi_316:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
-  border-start-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-start-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-end-start-radius: var(--border-radius-dropdown-oaxffg, 0px);
-  border-end-end-radius: var(--border-radius-dropdown-oaxffg, 0px);
+  border-start-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
+  border-start-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
+  border-end-start-radius: var(--border-radius-dropdown-azs8zp, 0px);
+  border-end-end-radius: var(--border-radius-dropdown-azs8zp, 0px);
   box-shadow: 0 0 0 2px var(--color-border-item-focused-r5f6xl, #0073bb);
 }
-.awsui_dropdown-content_mgja0_10rju_338:not(#\9) {
+.awsui_dropdown-content_mgja0_1ciyi_338:not(#\9) {
   background-color: var(--color-background-container-content-aemn43, #ffffff);
   inline-size: calc(2 * var(--size-calendar-grid-width-goqv80, 234px) + var(--space-xs-kw7k3v, 8px) + 2 * var(--space-l-3cws6j, 20px));
 }
-.awsui_dropdown-content_mgja0_10rju_338.awsui_one-grid_mgja0_10rju_225:not(#\9) {
+.awsui_dropdown-content_mgja0_1ciyi_338.awsui_one-grid_mgja0_1ciyi_225:not(#\9) {
   inline-size: calc(var(--size-calendar-grid-width-goqv80, 234px) + 2 * var(--space-l-3cws6j, 20px));
 }

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

@@ -2,28 +2,28 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "calendar": "awsui_calendar_mgja0_10rju_153",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_10rju_1",
-  "root": "awsui_root_mgja0_10rju_176",
-  "wide": "awsui_wide_mgja0_10rju_207",
-  "focus-lock": "awsui_focus-lock_mgja0_10rju_214",
-  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_10rju_218",
-  "calendar-container": "awsui_calendar-container_mgja0_10rju_222",
-  "one-grid": "awsui_one-grid_mgja0_10rju_225",
-  "calendar-header": "awsui_calendar-header_mgja0_10rju_229",
-  "calendar-header-pages-wrapper": "awsui_calendar-header-pages-wrapper_mgja0_10rju_235",
-  "calendar-header-page": "awsui_calendar-header-page_mgja0_10rju_235",
-  "date-and-time-container": "awsui_date-and-time-container_mgja0_10rju_255",
-  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_10rju_261",
-  "footer": "awsui_footer_mgja0_10rju_268",
-  "has-clear-button": "awsui_has-clear-button_mgja0_10rju_277",
-  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_10rju_286",
-  "icon-wrapper": "awsui_icon-wrapper_mgja0_10rju_293",
-  "label": "awsui_label_mgja0_10rju_298",
-  "label-enabled": "awsui_label-enabled_mgja0_10rju_302",
-  "label-text": "awsui_label-text_mgja0_10rju_306",
-  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_10rju_312",
-  "dropdown": "awsui_dropdown_mgja0_10rju_316",
-  "dropdown-content": "awsui_dropdown-content_mgja0_10rju_338"
+  "calendar": "awsui_calendar_mgja0_1ciyi_153",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_mgja0_1ciyi_1",
+  "root": "awsui_root_mgja0_1ciyi_176",
+  "wide": "awsui_wide_mgja0_1ciyi_207",
+  "focus-lock": "awsui_focus-lock_mgja0_1ciyi_214",
+  "trigger-flexbox": "awsui_trigger-flexbox_mgja0_1ciyi_218",
+  "calendar-container": "awsui_calendar-container_mgja0_1ciyi_222",
+  "one-grid": "awsui_one-grid_mgja0_1ciyi_225",
+  "calendar-header": "awsui_calendar-header_mgja0_1ciyi_229",
+  "calendar-header-pages-wrapper": "awsui_calendar-header-pages-wrapper_mgja0_1ciyi_235",
+  "calendar-header-page": "awsui_calendar-header-page_mgja0_1ciyi_235",
+  "date-and-time-container": "awsui_date-and-time-container_mgja0_1ciyi_255",
+  "date-and-time-wrapper": "awsui_date-and-time-wrapper_mgja0_1ciyi_261",
+  "footer": "awsui_footer_mgja0_1ciyi_268",
+  "has-clear-button": "awsui_has-clear-button_mgja0_1ciyi_277",
+  "footer-button-wrapper": "awsui_footer-button-wrapper_mgja0_1ciyi_286",
+  "icon-wrapper": "awsui_icon-wrapper_mgja0_1ciyi_293",
+  "label": "awsui_label_mgja0_1ciyi_298",
+  "label-enabled": "awsui_label-enabled_mgja0_1ciyi_302",
+  "label-text": "awsui_label-text_mgja0_1ciyi_306",
+  "label-token-nowrap": "awsui_label-token-nowrap_mgja0_1ciyi_312",
+  "dropdown": "awsui_dropdown_mgja0_1ciyi_316",
+  "dropdown-content": "awsui_dropdown-content_mgja0_1ciyi_338"
 };

package/lib/internal/template/divider/styles.css.js CHANGED Viewed

@@ -1,11 +1,11 @@
     import './styles.scoped.css';
     export default {
-  "divider": "awsui_divider_1noo2_llill_145",
-  "divider-horizontal": "awsui_divider-horizontal_1noo2_llill_181",
-  "divider-has-label": "awsui_divider-has-label_1noo2_llill_188",
-  "divider-line": "awsui_divider-line_1noo2_llill_197",
-  "divider-label": "awsui_divider-label_1noo2_llill_204",
-  "divider-vertical": "awsui_divider-vertical_1noo2_llill_210"
+  "divider": "awsui_divider_1noo2_bbw0a_145",
+  "divider-horizontal": "awsui_divider-horizontal_1noo2_bbw0a_181",
+  "divider-has-label": "awsui_divider-has-label_1noo2_bbw0a_188",
+  "divider-line": "awsui_divider-line_1noo2_bbw0a_197",
+  "divider-label": "awsui_divider-label_1noo2_bbw0a_204",
+  "divider-vertical": "awsui_divider-vertical_1noo2_bbw0a_210"
 };

package/lib/internal/template/divider/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_divider_1noo2_llill_145:not(#\9) {
+.awsui_divider_1noo2_bbw0a_145:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -178,14 +178,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-inline: 0;
 }
-.awsui_divider-horizontal_1noo2_llill_181:not(#\9) {
+.awsui_divider-horizontal_1noo2_bbw0a_181:not(#\9) {
   display: block;
-  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   inline-size: 100%;
   block-size: 0;
 }
-.awsui_divider-has-label_1noo2_llill_188:not(#\9) {
+.awsui_divider-has-label_1noo2_bbw0a_188:not(#\9) {
   display: flex;
   align-items: center;
   gap: var(--space-xs-kw7k3v, 8px);
@@ -194,22 +194,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   block-size: auto;
 }
-.awsui_divider-line_1noo2_llill_197:not(#\9) {
+.awsui_divider-line_1noo2_bbw0a_197:not(#\9) {
   flex: 1;
   block-size: 0;
   min-inline-size: var(--space-m-n2lypl, 16px);
-  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_divider-label_1noo2_llill_204:not(#\9) {
+.awsui_divider-label_1noo2_bbw0a_204:not(#\9) {
   flex: 0 1 auto;
   min-inline-size: 0;
   word-break: break-word;
 }
-.awsui_divider-vertical_1noo2_llill_210:not(#\9) {
+.awsui_divider-vertical_1noo2_bbw0a_210:not(#\9) {
   display: inline-block;
-  border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-divider-default-ipvpev, #eaeded);
   inline-size: 0;
   block-size: 100%;
   align-self: stretch;

package/lib/internal/template/divider/styles.selectors.js CHANGED Viewed

@@ -2,11 +2,11 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "divider": "awsui_divider_1noo2_llill_145",
-  "divider-horizontal": "awsui_divider-horizontal_1noo2_llill_181",
-  "divider-has-label": "awsui_divider-has-label_1noo2_llill_188",
-  "divider-line": "awsui_divider-line_1noo2_llill_197",
-  "divider-label": "awsui_divider-label_1noo2_llill_204",
-  "divider-vertical": "awsui_divider-vertical_1noo2_llill_210"
+  "divider": "awsui_divider_1noo2_bbw0a_145",
+  "divider-horizontal": "awsui_divider-horizontal_1noo2_bbw0a_181",
+  "divider-has-label": "awsui_divider-has-label_1noo2_bbw0a_188",
+  "divider-line": "awsui_divider-line_1noo2_bbw0a_197",
+  "divider-label": "awsui_divider-label_1noo2_bbw0a_204",
+  "divider-vertical": "awsui_divider-vertical_1noo2_bbw0a_210"
 };

package/lib/internal/template/drawer/styles.css.js CHANGED Viewed

@@ -1,34 +1,34 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_1sxt8_15280_193",
-  "drawer": "awsui_drawer_1sxt8_15280_197",
-  "has-close-action": "awsui_has-close-action_1sxt8_15280_230",
-  "position-absolute": "awsui_position-absolute_1sxt8_15280_233",
-  "placement-end": "awsui_placement-end_1sxt8_15280_233",
-  "position-sticky": "awsui_position-sticky_1sxt8_15280_233",
-  "position-fixed": "awsui_position-fixed_1sxt8_15280_233",
-  "placement-start": "awsui_placement-start_1sxt8_15280_236",
-  "placement-top": "awsui_placement-top_1sxt8_15280_239",
-  "placement-bottom": "awsui_placement-bottom_1sxt8_15280_242",
-  "with-footer": "awsui_with-footer_1sxt8_15280_245",
-  "position-static": "awsui_position-static_1sxt8_15280_249",
-  "content": "awsui_content_1sxt8_15280_252",
-  "header": "awsui_header_1sxt8_15280_280",
-  "hide-close-action": "awsui_hide-close-action_1sxt8_15280_296",
-  "with-additional-action": "awsui_with-additional-action_1sxt8_15280_300",
-  "with-runtime-context": "awsui_with-runtime-context_1sxt8_15280_308",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_15280_311",
-  "header-actions": "awsui_header-actions_1sxt8_15280_330",
-  "close-action": "awsui_close-action_1sxt8_15280_336",
-  "content-with-paddings": "awsui_content-with-paddings_1sxt8_15280_342",
-  "footer": "awsui_footer_1sxt8_15280_349",
-  "is-sticky": "awsui_is-sticky_1sxt8_15280_355",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_15280_363",
-  "hidden": "awsui_hidden_1sxt8_15280_367",
-  "focus-trap": "awsui_focus-trap_1sxt8_15280_371",
-  "backdrop": "awsui_backdrop_1sxt8_15280_375",
-  "backdrop-fixed": "awsui_backdrop-fixed_1sxt8_15280_379",
-  "backdrop-absolute": "awsui_backdrop-absolute_1sxt8_15280_382"
+  "root": "awsui_root_1sxt8_1tcej_193",
+  "drawer": "awsui_drawer_1sxt8_1tcej_197",
+  "has-close-action": "awsui_has-close-action_1sxt8_1tcej_230",
+  "position-absolute": "awsui_position-absolute_1sxt8_1tcej_233",
+  "placement-end": "awsui_placement-end_1sxt8_1tcej_233",
+  "position-sticky": "awsui_position-sticky_1sxt8_1tcej_233",
+  "position-fixed": "awsui_position-fixed_1sxt8_1tcej_233",
+  "placement-start": "awsui_placement-start_1sxt8_1tcej_236",
+  "placement-top": "awsui_placement-top_1sxt8_1tcej_239",
+  "placement-bottom": "awsui_placement-bottom_1sxt8_1tcej_242",
+  "with-footer": "awsui_with-footer_1sxt8_1tcej_245",
+  "position-static": "awsui_position-static_1sxt8_1tcej_249",
+  "content": "awsui_content_1sxt8_1tcej_252",
+  "header": "awsui_header_1sxt8_1tcej_280",
+  "hide-close-action": "awsui_hide-close-action_1sxt8_1tcej_296",
+  "with-additional-action": "awsui_with-additional-action_1sxt8_1tcej_300",
+  "with-runtime-context": "awsui_with-runtime-context_1sxt8_1tcej_308",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_1tcej_311",
+  "header-actions": "awsui_header-actions_1sxt8_1tcej_330",
+  "close-action": "awsui_close-action_1sxt8_1tcej_336",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_1tcej_342",
+  "footer": "awsui_footer_1sxt8_1tcej_349",
+  "is-sticky": "awsui_is-sticky_1sxt8_1tcej_355",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_1tcej_363",
+  "hidden": "awsui_hidden_1sxt8_1tcej_367",
+  "focus-trap": "awsui_focus-trap_1sxt8_1tcej_371",
+  "backdrop": "awsui_backdrop_1sxt8_1tcej_375",
+  "backdrop-fixed": "awsui_backdrop-fixed_1sxt8_1tcej_379",
+  "backdrop-absolute": "awsui_backdrop-absolute_1sxt8_1tcej_382"
 };

package/lib/internal/template/drawer/styles.scoped.css CHANGED Viewed

@@ -190,11 +190,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_root_1sxt8_15280_193:not(#\9) {
+.awsui_root_1sxt8_1tcej_193:not(#\9) {
   display: contents;
 }
-.awsui_drawer_1sxt8_15280_197:not(#\9) {
+.awsui_drawer_1sxt8_1tcej_197:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -227,42 +227,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   background-color: var(--color-background-drawer-v79o7e, #ffffff);
 }
-.awsui_drawer_1sxt8_15280_197.awsui_has-close-action_1sxt8_15280_230:not(#\9) {
+.awsui_drawer_1sxt8_1tcej_197.awsui_has-close-action_1sxt8_1tcej_230:not(#\9) {
   position: relative;
 }
-.awsui_drawer_1sxt8_15280_197.awsui_position-absolute_1sxt8_15280_233.awsui_placement-end_1sxt8_15280_233:not(#\9), .awsui_drawer_1sxt8_15280_197.awsui_position-sticky_1sxt8_15280_233.awsui_placement-end_1sxt8_15280_233:not(#\9), .awsui_drawer_1sxt8_15280_197.awsui_position-fixed_1sxt8_15280_233.awsui_placement-end_1sxt8_15280_233:not(#\9) {
-  border-inline-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
+.awsui_drawer_1sxt8_1tcej_197.awsui_position-absolute_1sxt8_1tcej_233.awsui_placement-end_1sxt8_1tcej_233:not(#\9), .awsui_drawer_1sxt8_1tcej_197.awsui_position-sticky_1sxt8_1tcej_233.awsui_placement-end_1sxt8_1tcej_233:not(#\9), .awsui_drawer_1sxt8_1tcej_197.awsui_position-fixed_1sxt8_1tcej_233.awsui_placement-end_1sxt8_1tcej_233:not(#\9) {
+  border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
 }
-.awsui_drawer_1sxt8_15280_197.awsui_position-absolute_1sxt8_15280_233.awsui_placement-start_1sxt8_15280_236:not(#\9), .awsui_drawer_1sxt8_15280_197.awsui_position-sticky_1sxt8_15280_233.awsui_placement-start_1sxt8_15280_236:not(#\9), .awsui_drawer_1sxt8_15280_197.awsui_position-fixed_1sxt8_15280_233.awsui_placement-start_1sxt8_15280_236:not(#\9) {
-  border-inline-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
+.awsui_drawer_1sxt8_1tcej_197.awsui_position-absolute_1sxt8_1tcej_233.awsui_placement-start_1sxt8_1tcej_236:not(#\9), .awsui_drawer_1sxt8_1tcej_197.awsui_position-sticky_1sxt8_1tcej_233.awsui_placement-start_1sxt8_1tcej_236:not(#\9), .awsui_drawer_1sxt8_1tcej_197.awsui_position-fixed_1sxt8_1tcej_233.awsui_placement-start_1sxt8_1tcej_236:not(#\9) {
+  border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
 }
-.awsui_drawer_1sxt8_15280_197.awsui_position-absolute_1sxt8_15280_233.awsui_placement-top_1sxt8_15280_239:not(#\9), .awsui_drawer_1sxt8_15280_197.awsui_position-sticky_1sxt8_15280_233.awsui_placement-top_1sxt8_15280_239:not(#\9), .awsui_drawer_1sxt8_15280_197.awsui_position-fixed_1sxt8_15280_233.awsui_placement-top_1sxt8_15280_239:not(#\9) {
-  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
+.awsui_drawer_1sxt8_1tcej_197.awsui_position-absolute_1sxt8_1tcej_233.awsui_placement-top_1sxt8_1tcej_239:not(#\9), .awsui_drawer_1sxt8_1tcej_197.awsui_position-sticky_1sxt8_1tcej_233.awsui_placement-top_1sxt8_1tcej_239:not(#\9), .awsui_drawer_1sxt8_1tcej_197.awsui_position-fixed_1sxt8_1tcej_233.awsui_placement-top_1sxt8_1tcej_239:not(#\9) {
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
 }
-.awsui_drawer_1sxt8_15280_197.awsui_position-absolute_1sxt8_15280_233.awsui_placement-bottom_1sxt8_15280_242:not(#\9), .awsui_drawer_1sxt8_15280_197.awsui_position-sticky_1sxt8_15280_233.awsui_placement-bottom_1sxt8_15280_242:not(#\9), .awsui_drawer_1sxt8_15280_197.awsui_position-fixed_1sxt8_15280_233.awsui_placement-bottom_1sxt8_15280_242:not(#\9) {
-  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
+.awsui_drawer_1sxt8_1tcej_197.awsui_position-absolute_1sxt8_1tcej_233.awsui_placement-bottom_1sxt8_1tcej_242:not(#\9), .awsui_drawer_1sxt8_1tcej_197.awsui_position-sticky_1sxt8_1tcej_233.awsui_placement-bottom_1sxt8_1tcej_242:not(#\9), .awsui_drawer_1sxt8_1tcej_197.awsui_position-fixed_1sxt8_1tcej_233.awsui_placement-bottom_1sxt8_1tcej_242:not(#\9) {
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
 }
-.awsui_drawer_1sxt8_15280_197.awsui_with-footer_1sxt8_15280_245:not(#\9) {
+.awsui_drawer_1sxt8_1tcej_197.awsui_with-footer_1sxt8_1tcej_245:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_drawer_1sxt8_15280_197.awsui_with-footer_1sxt8_15280_245.awsui_position-static_1sxt8_15280_249:not(#\9) {
+.awsui_drawer_1sxt8_1tcej_197.awsui_with-footer_1sxt8_1tcej_245.awsui_position-static_1sxt8_1tcej_249:not(#\9) {
   min-block-size: 100%;
 }
-.awsui_drawer_1sxt8_15280_197.awsui_with-footer_1sxt8_15280_245 > .awsui_content_1sxt8_15280_252:not(#\9) {
+.awsui_drawer_1sxt8_1tcej_197.awsui_with-footer_1sxt8_1tcej_245 > .awsui_content_1sxt8_1tcej_252:not(#\9) {
   flex: 1;
 }
-.awsui_drawer_1sxt8_15280_197:not(#\9):focus {
+.awsui_drawer_1sxt8_1tcej_197:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_15280_197:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_1tcej_197:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_15280_197:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_1tcej_197:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_15280_197:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_1tcej_197:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -270,14 +270,14 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_15280_197:not(#\9):focus
   inset-block-start: calc(-1 * -2px);
   inline-size: calc(100% + -2px + -2px);
   block-size: calc(100% + -2px + -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);
 }
-.awsui_header_1sxt8_15280_280:not(#\9) {
+.awsui_header_1sxt8_1tcej_280:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -288,16 +288,16 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_15280_197:not(#\9):focus
   justify-content: space-between;
   color: var(--color-text-heading-default-wlau07, #16191f);
   padding-block: var(--space-panel-header-vertical-c9e5ei, 20px);
-  border-block-end: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
+  border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
   padding-inline: var(--space-panel-side-left-07kpj4, 32px) calc(var(--space-l-3cws6j, 20px) + var(--space-scaled-xxl-9ur2is, 32px));
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_header_1sxt8_15280_280.awsui_hide-close-action_1sxt8_15280_296:not(#\9) {
+.awsui_header_1sxt8_1tcej_280.awsui_hide-close-action_1sxt8_1tcej_296:not(#\9) {
   padding-inline: var(--space-panel-side-left-07kpj4, 32px) var(--space-panel-side-right-b77xx0, 32px);
 }
 @media (min-width: 689px) {
-  .awsui_header_1sxt8_15280_280.awsui_with-additional-action_1sxt8_15280_300:not(#\9) {
+  .awsui_header_1sxt8_1tcej_280.awsui_with-additional-action_1sxt8_1tcej_300:not(#\9) {
     /*
       this padding is needed when the drawer renders inside a runtime drawer and the runtime drawer has an additional action
       on the right (or left in rtl). in this case this padding ensures that the drawer's content does not overlap with runtime actions
@@ -305,18 +305,18 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_15280_197:not(#\9):focus
     padding-inline: var(--space-panel-side-left-07kpj4, 32px) calc(var(--space-xxxl-qhelse, 40px) + var(--space-scaled-xxl-9ur2is, 32px));
   }
 }
-.awsui_header_1sxt8_15280_280.awsui_with-runtime-context_1sxt8_15280_308:not(#\9) {
+.awsui_header_1sxt8_1tcej_280.awsui_with-runtime-context_1sxt8_1tcej_308:not(#\9) {
   padding-block: 14px;
 }
-.awsui_with-toolbar_1sxt8_15280_311 > .awsui_header_1sxt8_15280_280:not(#\9) {
+.awsui_with-toolbar_1sxt8_1tcej_311 > .awsui_header_1sxt8_1tcej_280:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1sxt8_15280_280 h2:not(#\9),
-.awsui_header_1sxt8_15280_280 h3:not(#\9),
-.awsui_header_1sxt8_15280_280 h4:not(#\9),
-.awsui_header_1sxt8_15280_280 h5:not(#\9),
-.awsui_header_1sxt8_15280_280 h6:not(#\9) {
+.awsui_header_1sxt8_1tcej_280 h2:not(#\9),
+.awsui_header_1sxt8_1tcej_280 h3:not(#\9),
+.awsui_header_1sxt8_1tcej_280 h4:not(#\9),
+.awsui_header_1sxt8_1tcej_280 h5:not(#\9),
+.awsui_header_1sxt8_1tcej_280 h6:not(#\9) {
   font-size: var(--font-panel-header-size-i1j838, 18px);
   letter-spacing: var(--letter-spacing-heading-m-93y02s, normal);
   line-height: var(--font-panel-header-line-height-z3wpa5, 22px);
@@ -327,32 +327,32 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_15280_197:not(#\9):focus
   margin-block: 0;
 }
-.awsui_header-actions_1sxt8_15280_330:not(#\9) {
+.awsui_header-actions_1sxt8_1tcej_330:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   z-index: 1;
 }
-.awsui_close-action_1sxt8_15280_336:not(#\9) {
+.awsui_close-action_1sxt8_1tcej_336:not(#\9) {
   position: absolute;
   inset-block-start: var(--space-static-m-1cd7a5, 16px);
   inset-inline-end: var(--space-scaled-l-66n9sr, 20px);
 }
-.awsui_content-with-paddings_1sxt8_15280_342:not(#\9):not(:empty) {
+.awsui_content-with-paddings_1sxt8_1tcej_342:not(#\9):not(:empty) {
   padding-block-start: var(--space-panel-content-top-s8rcdz, 20px);
   padding-inline-start: var(--space-panel-side-left-07kpj4, 32px);
   padding-inline-end: var(--space-panel-side-right-b77xx0, 32px);
   padding-block-end: var(--space-panel-content-bottom-igtxf0, 40px);
 }
-.awsui_footer_1sxt8_15280_349:not(#\9) {
+.awsui_footer_1sxt8_1tcej_349:not(#\9) {
   background-color: var(--color-background-container-content-aemn43, #ffffff);
-  border-block-start: var(--border-divider-section-width-sznrdy, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
+  border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-iffljr, #eaeded);
   padding-block: var(--space-panel-content-top-s8rcdz, 20px);
   padding-inline: var(--space-panel-side-left-07kpj4, 32px) var(--space-panel-side-right-b77xx0, 32px);
 }
-.awsui_footer_1sxt8_15280_349.awsui_is-sticky_1sxt8_15280_355:not(#\9) {
+.awsui_footer_1sxt8_1tcej_349.awsui_is-sticky_1sxt8_1tcej_355:not(#\9) {
   position: sticky;
   inset-block-end: 0;
   inset-inline-start: 0;
@@ -360,25 +360,25 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_15280_197:not(#\9):focus
   z-index: 810;
 }
-.awsui_test-utils-drawer-content_1sxt8_15280_363:not(#\9) {
+.awsui_test-utils-drawer-content_1sxt8_1tcej_363:not(#\9) {
   /* used in test-utils */
 }
-.awsui_hidden_1sxt8_15280_367:not(#\9) {
+.awsui_hidden_1sxt8_1tcej_367:not(#\9) {
   display: none;
 }
-.awsui_focus-trap_1sxt8_15280_371:not(#\9) {
+.awsui_focus-trap_1sxt8_1tcej_371:not(#\9) {
   display: contents;
 }
-.awsui_backdrop_1sxt8_15280_375:not(#\9) {
+.awsui_backdrop_1sxt8_1tcej_375:not(#\9) {
   inset: 0;
   background-color: var(--color-background-drawer-backdrop-if96qn, rgba(242, 243, 243, 0.9));
 }
-.awsui_backdrop_1sxt8_15280_375.awsui_backdrop-fixed_1sxt8_15280_379:not(#\9) {
+.awsui_backdrop_1sxt8_1tcej_375.awsui_backdrop-fixed_1sxt8_1tcej_379:not(#\9) {
   position: fixed;
 }
-.awsui_backdrop_1sxt8_15280_375.awsui_backdrop-absolute_1sxt8_15280_382:not(#\9) {
+.awsui_backdrop_1sxt8_1tcej_375.awsui_backdrop-absolute_1sxt8_1tcej_382:not(#\9) {
   position: absolute;
 }