npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1350 → 3.0.1352 - Mend

@cloudscape-design/components-themeable 3.0.1350 → 3.0.1352

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

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

@@ -172,10 +172,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
 /* 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 */
 /*
@@ -190,11 +186,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_pllz3_193:not(#\9) {
+.awsui_root_1sxt8_tlcce_189:not(#\9) {
   display: contents;
 }
-.awsui_drawer_1sxt8_pllz3_197:not(#\9) {
+.awsui_drawer_1sxt8_tlcce_193:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -227,42 +223,42 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   background-color: var(--color-background-drawer-m5wg8g, #ffffff);
 }
-.awsui_drawer_1sxt8_pllz3_197.awsui_has-close-action_1sxt8_pllz3_230:not(#\9) {
+.awsui_drawer_1sxt8_tlcce_193.awsui_has-close-action_1sxt8_tlcce_226:not(#\9) {
   position: relative;
 }
-.awsui_drawer_1sxt8_pllz3_197.awsui_position-absolute_1sxt8_pllz3_233.awsui_placement-end_1sxt8_pllz3_233:not(#\9), .awsui_drawer_1sxt8_pllz3_197.awsui_position-sticky_1sxt8_pllz3_233.awsui_placement-end_1sxt8_pllz3_233:not(#\9), .awsui_drawer_1sxt8_pllz3_197.awsui_position-fixed_1sxt8_pllz3_233.awsui_placement-end_1sxt8_pllz3_233:not(#\9) {
+.awsui_drawer_1sxt8_tlcce_193.awsui_position-absolute_1sxt8_tlcce_229.awsui_placement-end_1sxt8_tlcce_229:not(#\9), .awsui_drawer_1sxt8_tlcce_193.awsui_position-sticky_1sxt8_tlcce_229.awsui_placement-end_1sxt8_tlcce_229:not(#\9), .awsui_drawer_1sxt8_tlcce_193.awsui_position-fixed_1sxt8_tlcce_229.awsui_placement-end_1sxt8_tlcce_229:not(#\9) {
   border-inline-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-sqy0v4, #eaeded);
 }
-.awsui_drawer_1sxt8_pllz3_197.awsui_position-absolute_1sxt8_pllz3_233.awsui_placement-start_1sxt8_pllz3_236:not(#\9), .awsui_drawer_1sxt8_pllz3_197.awsui_position-sticky_1sxt8_pllz3_233.awsui_placement-start_1sxt8_pllz3_236:not(#\9), .awsui_drawer_1sxt8_pllz3_197.awsui_position-fixed_1sxt8_pllz3_233.awsui_placement-start_1sxt8_pllz3_236:not(#\9) {
+.awsui_drawer_1sxt8_tlcce_193.awsui_position-absolute_1sxt8_tlcce_229.awsui_placement-start_1sxt8_tlcce_232:not(#\9), .awsui_drawer_1sxt8_tlcce_193.awsui_position-sticky_1sxt8_tlcce_229.awsui_placement-start_1sxt8_tlcce_232:not(#\9), .awsui_drawer_1sxt8_tlcce_193.awsui_position-fixed_1sxt8_tlcce_229.awsui_placement-start_1sxt8_tlcce_232:not(#\9) {
   border-inline-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-sqy0v4, #eaeded);
 }
-.awsui_drawer_1sxt8_pllz3_197.awsui_position-absolute_1sxt8_pllz3_233.awsui_placement-top_1sxt8_pllz3_239:not(#\9), .awsui_drawer_1sxt8_pllz3_197.awsui_position-sticky_1sxt8_pllz3_233.awsui_placement-top_1sxt8_pllz3_239:not(#\9), .awsui_drawer_1sxt8_pllz3_197.awsui_position-fixed_1sxt8_pllz3_233.awsui_placement-top_1sxt8_pllz3_239:not(#\9) {
+.awsui_drawer_1sxt8_tlcce_193.awsui_position-absolute_1sxt8_tlcce_229.awsui_placement-top_1sxt8_tlcce_235:not(#\9), .awsui_drawer_1sxt8_tlcce_193.awsui_position-sticky_1sxt8_tlcce_229.awsui_placement-top_1sxt8_tlcce_235:not(#\9), .awsui_drawer_1sxt8_tlcce_193.awsui_position-fixed_1sxt8_tlcce_229.awsui_placement-top_1sxt8_tlcce_235:not(#\9) {
   border-block-end: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-sqy0v4, #eaeded);
 }
-.awsui_drawer_1sxt8_pllz3_197.awsui_position-absolute_1sxt8_pllz3_233.awsui_placement-bottom_1sxt8_pllz3_242:not(#\9), .awsui_drawer_1sxt8_pllz3_197.awsui_position-sticky_1sxt8_pllz3_233.awsui_placement-bottom_1sxt8_pllz3_242:not(#\9), .awsui_drawer_1sxt8_pllz3_197.awsui_position-fixed_1sxt8_pllz3_233.awsui_placement-bottom_1sxt8_pllz3_242:not(#\9) {
+.awsui_drawer_1sxt8_tlcce_193.awsui_position-absolute_1sxt8_tlcce_229.awsui_placement-bottom_1sxt8_tlcce_238:not(#\9), .awsui_drawer_1sxt8_tlcce_193.awsui_position-sticky_1sxt8_tlcce_229.awsui_placement-bottom_1sxt8_tlcce_238:not(#\9), .awsui_drawer_1sxt8_tlcce_193.awsui_position-fixed_1sxt8_tlcce_229.awsui_placement-bottom_1sxt8_tlcce_238:not(#\9) {
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-sqy0v4, #eaeded);
 }
-.awsui_drawer_1sxt8_pllz3_197.awsui_with-footer_1sxt8_pllz3_245:not(#\9) {
+.awsui_drawer_1sxt8_tlcce_193.awsui_with-footer_1sxt8_tlcce_241:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_drawer_1sxt8_pllz3_197.awsui_with-footer_1sxt8_pllz3_245.awsui_position-static_1sxt8_pllz3_249:not(#\9) {
+.awsui_drawer_1sxt8_tlcce_193.awsui_with-footer_1sxt8_tlcce_241.awsui_position-static_1sxt8_tlcce_245:not(#\9) {
   min-block-size: 100%;
 }
-.awsui_drawer_1sxt8_pllz3_197.awsui_with-footer_1sxt8_pllz3_245 > .awsui_content_1sxt8_pllz3_252:not(#\9) {
+.awsui_drawer_1sxt8_tlcce_193.awsui_with-footer_1sxt8_tlcce_241 > .awsui_content_1sxt8_tlcce_248:not(#\9) {
   flex: 1;
 }
-.awsui_drawer_1sxt8_pllz3_197:not(#\9):focus {
+.awsui_drawer_1sxt8_tlcce_193:not(#\9):focus {
   outline: none;
 }
-body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_pllz3_197:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_tlcce_193:not(#\9):focus {
   position: relative;
 }
-body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_pllz3_197:not(#\9):focus {
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_tlcce_193:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(-2px - 1px);
 }
-body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_pllz3_197:not(#\9):focus::before {
+body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_tlcce_193:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -277,7 +273,7 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_pllz3_197:not(#\9):focus
   box-shadow: 0 0 0 2px var(--color-border-item-focused-sewkzn, #0073bb);
 }
-.awsui_header_1sxt8_pllz3_280:not(#\9) {
+.awsui_header_1sxt8_tlcce_276:not(#\9) {
   font-size: var(--font-panel-header-size-vy6xld, 18px);
   letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
   line-height: var(--font-panel-header-line-height-4n3q8r, 22px);
@@ -293,11 +289,11 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_pllz3_197:not(#\9):focus
   /* stylelint-disable @cloudscape-design/no-implicit-descendant, selector-max-type */
   /* stylelint-enable @cloudscape-design/no-implicit-descendant, selector-max-type */
 }
-.awsui_header_1sxt8_pllz3_280.awsui_hide-close-action_1sxt8_pllz3_296:not(#\9) {
+.awsui_header_1sxt8_tlcce_276.awsui_hide-close-action_1sxt8_tlcce_292:not(#\9) {
   padding-inline: var(--space-panel-side-left-sa5n0l, 32px) var(--space-panel-side-right-14ygs5, 32px);
 }
 @media (min-width: 689px) {
-  .awsui_header_1sxt8_pllz3_280.awsui_with-additional-action_1sxt8_pllz3_300:not(#\9) {
+  .awsui_header_1sxt8_tlcce_276.awsui_with-additional-action_1sxt8_tlcce_296: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 +301,18 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_pllz3_197:not(#\9):focus
     padding-inline: var(--space-panel-side-left-sa5n0l, 32px) calc(var(--space-xxxl-pjngik, 40px) + var(--space-scaled-xxl-qprsam, 32px));
   }
 }
-.awsui_header_1sxt8_pllz3_280.awsui_with-runtime-context_1sxt8_pllz3_308:not(#\9) {
+.awsui_header_1sxt8_tlcce_276.awsui_with-runtime-context_1sxt8_tlcce_304:not(#\9) {
   padding-block: 14px;
 }
-.awsui_with-toolbar_1sxt8_pllz3_311 > .awsui_header_1sxt8_pllz3_280:not(#\9) {
+.awsui_with-toolbar_1sxt8_tlcce_307 > .awsui_header_1sxt8_tlcce_276:not(#\9) {
   border-color: transparent;
   margin-block-end: 0px;
 }
-.awsui_header_1sxt8_pllz3_280 h2:not(#\9),
-.awsui_header_1sxt8_pllz3_280 h3:not(#\9),
-.awsui_header_1sxt8_pllz3_280 h4:not(#\9),
-.awsui_header_1sxt8_pllz3_280 h5:not(#\9),
-.awsui_header_1sxt8_pllz3_280 h6:not(#\9) {
+.awsui_header_1sxt8_tlcce_276 h2:not(#\9),
+.awsui_header_1sxt8_tlcce_276 h3:not(#\9),
+.awsui_header_1sxt8_tlcce_276 h4:not(#\9),
+.awsui_header_1sxt8_tlcce_276 h5:not(#\9),
+.awsui_header_1sxt8_tlcce_276 h6:not(#\9) {
   font-size: var(--font-panel-header-size-vy6xld, 18px);
   letter-spacing: var(--letter-spacing-heading-m-iab0ug, normal);
   line-height: var(--font-panel-header-line-height-4n3q8r, 22px);
@@ -327,32 +323,32 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_pllz3_197:not(#\9):focus
   margin-block: 0;
 }
-.awsui_header-actions_1sxt8_pllz3_330:not(#\9) {
+.awsui_header-actions_1sxt8_tlcce_326:not(#\9) {
   display: inline-flex;
   align-items: flex-start;
   z-index: 1;
 }
-.awsui_close-action_1sxt8_pllz3_336:not(#\9) {
+.awsui_close-action_1sxt8_tlcce_332:not(#\9) {
   position: absolute;
   inset-block-start: var(--space-static-m-0gdnhk, 16px);
   inset-inline-end: var(--space-scaled-l-33ruz6, 20px);
 }
-.awsui_content-with-paddings_1sxt8_pllz3_342:not(#\9):not(:empty) {
+.awsui_content-with-paddings_1sxt8_tlcce_338:not(#\9):not(:empty) {
   padding-block-start: var(--space-panel-content-top-ehvp15, 20px);
   padding-inline-start: var(--space-panel-side-left-sa5n0l, 32px);
   padding-inline-end: var(--space-panel-side-right-14ygs5, 32px);
   padding-block-end: var(--space-panel-content-bottom-3vrcbj, 40px);
 }
-.awsui_footer_1sxt8_pllz3_349:not(#\9) {
+.awsui_footer_1sxt8_tlcce_345:not(#\9) {
   background-color: var(--color-background-container-content-mjfil9, #ffffff);
   border-block-start: var(--border-divider-section-width-dlkb8v, 1px) solid var(--color-border-panel-header-sqy0v4, #eaeded);
   padding-block: var(--space-panel-content-top-ehvp15, 20px);
   padding-inline: var(--space-panel-side-left-sa5n0l, 32px) var(--space-panel-side-right-14ygs5, 32px);
 }
-.awsui_footer_1sxt8_pllz3_349.awsui_is-sticky_1sxt8_pllz3_355:not(#\9) {
+.awsui_footer_1sxt8_tlcce_345.awsui_is-sticky_1sxt8_tlcce_351:not(#\9) {
   position: sticky;
   inset-block-end: 0;
   inset-inline-start: 0;
@@ -360,25 +356,25 @@ body[data-awsui-focus-visible=true] .awsui_drawer_1sxt8_pllz3_197:not(#\9):focus
   z-index: 810;
 }
-.awsui_test-utils-drawer-content_1sxt8_pllz3_363:not(#\9) {
+.awsui_test-utils-drawer-content_1sxt8_tlcce_359:not(#\9) {
   /* used in test-utils */
 }
-.awsui_hidden_1sxt8_pllz3_367:not(#\9) {
+.awsui_hidden_1sxt8_tlcce_363:not(#\9) {
   display: none;
 }
-.awsui_focus-trap_1sxt8_pllz3_371:not(#\9) {
+.awsui_focus-trap_1sxt8_tlcce_367:not(#\9) {
   display: contents;
 }
-.awsui_backdrop_1sxt8_pllz3_375:not(#\9) {
+.awsui_backdrop_1sxt8_tlcce_371:not(#\9) {
   inset: 0;
   background-color: var(--color-background-drawer-backdrop-qc4p2a, rgba(242, 243, 243, 0.9));
 }
-.awsui_backdrop_1sxt8_pllz3_375.awsui_backdrop-fixed_1sxt8_pllz3_379:not(#\9) {
+.awsui_backdrop_1sxt8_tlcce_371.awsui_backdrop-fixed_1sxt8_tlcce_375:not(#\9) {
   position: fixed;
 }
-.awsui_backdrop_1sxt8_pllz3_375.awsui_backdrop-absolute_1sxt8_pllz3_382:not(#\9) {
+.awsui_backdrop_1sxt8_tlcce_371.awsui_backdrop-absolute_1sxt8_tlcce_378:not(#\9) {
   position: absolute;
 }

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

@@ -2,34 +2,34 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_1sxt8_pllz3_193",
-  "drawer": "awsui_drawer_1sxt8_pllz3_197",
-  "has-close-action": "awsui_has-close-action_1sxt8_pllz3_230",
-  "position-absolute": "awsui_position-absolute_1sxt8_pllz3_233",
-  "placement-end": "awsui_placement-end_1sxt8_pllz3_233",
-  "position-sticky": "awsui_position-sticky_1sxt8_pllz3_233",
-  "position-fixed": "awsui_position-fixed_1sxt8_pllz3_233",
-  "placement-start": "awsui_placement-start_1sxt8_pllz3_236",
-  "placement-top": "awsui_placement-top_1sxt8_pllz3_239",
-  "placement-bottom": "awsui_placement-bottom_1sxt8_pllz3_242",
-  "with-footer": "awsui_with-footer_1sxt8_pllz3_245",
-  "position-static": "awsui_position-static_1sxt8_pllz3_249",
-  "content": "awsui_content_1sxt8_pllz3_252",
-  "header": "awsui_header_1sxt8_pllz3_280",
-  "hide-close-action": "awsui_hide-close-action_1sxt8_pllz3_296",
-  "with-additional-action": "awsui_with-additional-action_1sxt8_pllz3_300",
-  "with-runtime-context": "awsui_with-runtime-context_1sxt8_pllz3_308",
-  "with-toolbar": "awsui_with-toolbar_1sxt8_pllz3_311",
-  "header-actions": "awsui_header-actions_1sxt8_pllz3_330",
-  "close-action": "awsui_close-action_1sxt8_pllz3_336",
-  "content-with-paddings": "awsui_content-with-paddings_1sxt8_pllz3_342",
-  "footer": "awsui_footer_1sxt8_pllz3_349",
-  "is-sticky": "awsui_is-sticky_1sxt8_pllz3_355",
-  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_pllz3_363",
-  "hidden": "awsui_hidden_1sxt8_pllz3_367",
-  "focus-trap": "awsui_focus-trap_1sxt8_pllz3_371",
-  "backdrop": "awsui_backdrop_1sxt8_pllz3_375",
-  "backdrop-fixed": "awsui_backdrop-fixed_1sxt8_pllz3_379",
-  "backdrop-absolute": "awsui_backdrop-absolute_1sxt8_pllz3_382"
+  "root": "awsui_root_1sxt8_tlcce_189",
+  "drawer": "awsui_drawer_1sxt8_tlcce_193",
+  "has-close-action": "awsui_has-close-action_1sxt8_tlcce_226",
+  "position-absolute": "awsui_position-absolute_1sxt8_tlcce_229",
+  "placement-end": "awsui_placement-end_1sxt8_tlcce_229",
+  "position-sticky": "awsui_position-sticky_1sxt8_tlcce_229",
+  "position-fixed": "awsui_position-fixed_1sxt8_tlcce_229",
+  "placement-start": "awsui_placement-start_1sxt8_tlcce_232",
+  "placement-top": "awsui_placement-top_1sxt8_tlcce_235",
+  "placement-bottom": "awsui_placement-bottom_1sxt8_tlcce_238",
+  "with-footer": "awsui_with-footer_1sxt8_tlcce_241",
+  "position-static": "awsui_position-static_1sxt8_tlcce_245",
+  "content": "awsui_content_1sxt8_tlcce_248",
+  "header": "awsui_header_1sxt8_tlcce_276",
+  "hide-close-action": "awsui_hide-close-action_1sxt8_tlcce_292",
+  "with-additional-action": "awsui_with-additional-action_1sxt8_tlcce_296",
+  "with-runtime-context": "awsui_with-runtime-context_1sxt8_tlcce_304",
+  "with-toolbar": "awsui_with-toolbar_1sxt8_tlcce_307",
+  "header-actions": "awsui_header-actions_1sxt8_tlcce_326",
+  "close-action": "awsui_close-action_1sxt8_tlcce_332",
+  "content-with-paddings": "awsui_content-with-paddings_1sxt8_tlcce_338",
+  "footer": "awsui_footer_1sxt8_tlcce_345",
+  "is-sticky": "awsui_is-sticky_1sxt8_tlcce_351",
+  "test-utils-drawer-content": "awsui_test-utils-drawer-content_1sxt8_tlcce_359",
+  "hidden": "awsui_hidden_1sxt8_tlcce_363",
+  "focus-trap": "awsui_focus-trap_1sxt8_tlcce_367",
+  "backdrop": "awsui_backdrop_1sxt8_tlcce_371",
+  "backdrop-fixed": "awsui_backdrop-fixed_1sxt8_tlcce_375",
+  "backdrop-absolute": "awsui_backdrop-absolute_1sxt8_tlcce_378"
 };

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

@@ -1,25 +1,25 @@
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_1lsit_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_1lsit_1",
-  "refresh": "awsui_refresh_9duf6_1lsit_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_1lsit_1",
-  "root": "awsui_root_9duf6_1lsit_199",
-  "interior": "awsui_interior_9duf6_1lsit_232",
-  "dropdown": "awsui_dropdown_9duf6_1lsit_153",
-  "use-portal": "awsui_use-portal_9duf6_1lsit_242",
-  "is-empty": "awsui_is-empty_9duf6_1lsit_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_1lsit_325",
-  "with-limited-width": "awsui_with-limited-width_9duf6_1lsit_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_1lsit_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_1lsit_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_1lsit_338",
-  "use-flexible-width": "awsui_use-flexible-width_9duf6_1lsit_341",
-  "hide-block-border": "awsui_hide-block-border_9duf6_1lsit_349",
-  "open": "awsui_open_9duf6_1lsit_358",
-  "nowrap": "awsui_nowrap_9duf6_1lsit_367",
-  "dropdown-content": "awsui_dropdown-content_9duf6_1lsit_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_1lsit_378"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_13oad_149",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_13oad_1",
+  "refresh": "awsui_refresh_9duf6_13oad_170",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_13oad_1",
+  "root": "awsui_root_9duf6_13oad_195",
+  "interior": "awsui_interior_9duf6_13oad_228",
+  "dropdown": "awsui_dropdown_9duf6_13oad_149",
+  "use-portal": "awsui_use-portal_9duf6_13oad_238",
+  "is-empty": "awsui_is-empty_9duf6_13oad_314",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_13oad_321",
+  "with-limited-width": "awsui_with-limited-width_9duf6_13oad_325",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_13oad_328",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_13oad_331",
+  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_13oad_334",
+  "use-flexible-width": "awsui_use-flexible-width_9duf6_13oad_337",
+  "hide-block-border": "awsui_hide-block-border_9duf6_13oad_345",
+  "open": "awsui_open_9duf6_13oad_354",
+  "nowrap": "awsui_nowrap_9duf6_13oad_363",
+  "dropdown-content": "awsui_dropdown-content_9duf6_13oad_149",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_13oad_374"
 };

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

@@ -136,10 +136,6 @@
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-/*
- Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
- SPDX-License-Identifier: Apache-2.0
-*/
 /* 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 */
 /*
@@ -150,10 +146,10 @@ 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_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_1lsit_1 var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-show-quick-gb8584, ease-out);
+.awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_13oad_1 var(--motion-duration-show-quick-24aj9c, 135ms) var(--motion-easing-show-quick-gb8584, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_1lsit_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_13oad_1 {
   from {
     opacity: 0.4;
   }
@@ -162,22 +158,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_refresh_9duf6_1lsit_174:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_13oad_149.awsui_refresh_9duf6_13oad_170:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_9duf6_1lsit_1;
+  animation-name: awsui_awsui-motion-fade-in-0_9duf6_13oad_1;
   animation-duration: var(--motion-duration-show-quick-24aj9c, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-gb8584, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_9duf6_1lsit_1 {
+@keyframes awsui_awsui-motion-fade-in-0_9duf6_13oad_1 {
   from {
     opacity: 0;
   }
@@ -186,17 +182,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_refresh_9duf6_1lsit_174:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_13oad_149.awsui_refresh_9duf6_13oad_170:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_refresh_9duf6_1lsit_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_refresh_9duf6_1lsit_174:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_13oad_149.awsui_refresh_9duf6_13oad_170:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_13oad_149.awsui_refresh_9duf6_13oad_170:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_9duf6_1lsit_199:not(#\9) {
+.awsui_root_9duf6_13oad_195:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -229,34 +225,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_9duf6_1lsit_199.awsui_interior_9duf6_1lsit_232:not(#\9) {
+.awsui_root_9duf6_13oad_195.awsui_interior_9duf6_13oad_228:not(#\9) {
   position: static;
 }
-.awsui_dropdown_9duf6_1lsit_153:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
   transform-origin: top;
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_use-portal_9duf6_1lsit_242:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149.awsui_use-portal_9duf6_13oad_238:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_9duf6_1lsit_153:not(#\9):not(.awsui_interior_9duf6_1lsit_232) {
+.awsui_dropdown_9duf6_13oad_149:not(#\9):not(.awsui_interior_9duf6_13oad_228) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-24aj9c, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_9duf6_1lsit_153:not(#\9):not(.awsui_interior_9duf6_1lsit_232) {
+  .awsui_dropdown_9duf6_13oad_149:not(#\9):not(.awsui_interior_9duf6_13oad_228) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_9duf6_1lsit_153:not(#\9):not(.awsui_interior_9duf6_1lsit_232), .awsui-mode-entering .awsui_dropdown_9duf6_1lsit_153:not(#\9):not(.awsui_interior_9duf6_1lsit_232) {
+.awsui-motion-disabled .awsui_dropdown_9duf6_13oad_149:not(#\9):not(.awsui_interior_9duf6_13oad_228), .awsui-mode-entering .awsui_dropdown_9duf6_13oad_149:not(#\9):not(.awsui_interior_9duf6_13oad_228) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -298,7 +294,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-9e7tpv, #eaeded);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -315,66 +311,66 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
   pointer-events: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_1lsit_153.awsui_is-empty_9duf6_1lsit_318:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_13oad_149.awsui_is-empty_9duf6_13oad_314:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_9duf6_1lsit_153 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149 > .awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
   border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-9e7tpv, #eaeded);
   border-block-end: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-dropdown-group-y5droz, #eaeded);
 }
-.awsui_dropdown-drop-up_9duf6_1lsit_325 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_13oad_321 > .awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-40ssty, 0 -1px 1px 0 rgba(0, 28, 36, 0.3), 1px -1px 1px 0 rgba(0, 28, 36, 0.15), -1px -1px 1px 0 rgba(0, 28, 36, 0.15));
 }
-.awsui_dropdown-drop-up_9duf6_1lsit_325.awsui_with-limited-width_9duf6_1lsit_329 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_13oad_321.awsui_with-limited-width_9duf6_13oad_325 > .awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_9duf6_1lsit_332:not(#\9) {
+.awsui_dropdown-drop-left_9duf6_13oad_328:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-right_9duf6_1lsit_335:not(#\9) {
+.awsui_dropdown-drop-right_9duf6_13oad_331:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_occupy-entire-width_9duf6_1lsit_338:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149.awsui_occupy-entire-width_9duf6_13oad_334:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_use-flexible-width_9duf6_1lsit_341:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149.awsui_use-flexible-width_9duf6_13oad_337:not(#\9) {
   inline-size: max-content;
   max-inline-size: var(--awsui-dropdown-default-max-width-esndbs, none);
   min-inline-size: var(--awsui-dropdown-default-min-width-esndbs, auto);
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_interior_9duf6_1lsit_232 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149.awsui_interior_9duf6_13oad_228 > .awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_hide-block-border_9duf6_1lsit_349 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149.awsui_hide-block-border_9duf6_13oad_345 > .awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_hide-block-border_9duf6_1lsit_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_1lsit_325) > .awsui_dropdown-content-wrapper_9duf6_1lsit_153 {
+.awsui_dropdown_9duf6_13oad_149.awsui_hide-block-border_9duf6_13oad_345:not(#\9):not(.awsui_dropdown-drop-up_9duf6_13oad_321) > .awsui_dropdown-content-wrapper_9duf6_13oad_149 {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_hide-block-border_9duf6_1lsit_349.awsui_refresh_9duf6_1lsit_174 > .awsui_dropdown-content-wrapper_9duf6_1lsit_153:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149.awsui_hide-block-border_9duf6_13oad_345.awsui_refresh_9duf6_13oad_170 > .awsui_dropdown-content-wrapper_9duf6_13oad_149:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_open_9duf6_1lsit_358:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149.awsui_open_9duf6_13oad_354:not(#\9) {
   display: block;
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_open_9duf6_1lsit_358:not(#\9):not(.awsui_interior_9duf6_1lsit_232).awsui_refresh_9duf6_1lsit_174[data-animating=true] {
+.awsui_dropdown_9duf6_13oad_149.awsui_open_9duf6_13oad_354:not(#\9):not(.awsui_interior_9duf6_13oad_228).awsui_refresh_9duf6_13oad_170[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_open_9duf6_1lsit_358:not(#\9):not(.awsui_interior_9duf6_1lsit_232).awsui_refresh_9duf6_1lsit_174[data-animating=true].awsui_dropdown-drop-up_9duf6_1lsit_325 {
+.awsui_dropdown_9duf6_13oad_149.awsui_open_9duf6_13oad_354:not(#\9):not(.awsui_interior_9duf6_13oad_228).awsui_refresh_9duf6_13oad_170[data-animating=true].awsui_dropdown-drop-up_9duf6_13oad_321 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_9duf6_1lsit_153.awsui_open_9duf6_1lsit_358.awsui_nowrap_9duf6_1lsit_367:not(#\9) {
+.awsui_dropdown_9duf6_13oad_149.awsui_open_9duf6_13oad_354.awsui_nowrap_9duf6_13oad_363:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
-.awsui_dropdown-content_9duf6_1lsit_153:not(#\9) {
+.awsui_dropdown-content_9duf6_13oad_149:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_stretch-trigger-height_9duf6_1lsit_378:not(#\9) {
+.awsui_stretch-trigger-height_9duf6_13oad_374:not(#\9) {
   block-size: 100%;
 }

package/lib/internal/template/dropdown/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 = {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_1lsit_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_1lsit_1",
-  "refresh": "awsui_refresh_9duf6_1lsit_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_1lsit_1",
-  "root": "awsui_root_9duf6_1lsit_199",
-  "interior": "awsui_interior_9duf6_1lsit_232",
-  "dropdown": "awsui_dropdown_9duf6_1lsit_153",
-  "use-portal": "awsui_use-portal_9duf6_1lsit_242",
-  "is-empty": "awsui_is-empty_9duf6_1lsit_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_1lsit_325",
-  "with-limited-width": "awsui_with-limited-width_9duf6_1lsit_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_1lsit_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_1lsit_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_1lsit_338",
-  "use-flexible-width": "awsui_use-flexible-width_9duf6_1lsit_341",
-  "hide-block-border": "awsui_hide-block-border_9duf6_1lsit_349",
-  "open": "awsui_open_9duf6_1lsit_358",
-  "nowrap": "awsui_nowrap_9duf6_1lsit_367",
-  "dropdown-content": "awsui_dropdown-content_9duf6_1lsit_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_1lsit_378"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_13oad_149",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_13oad_1",
+  "refresh": "awsui_refresh_9duf6_13oad_170",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_13oad_1",
+  "root": "awsui_root_9duf6_13oad_195",
+  "interior": "awsui_interior_9duf6_13oad_228",
+  "dropdown": "awsui_dropdown_9duf6_13oad_149",
+  "use-portal": "awsui_use-portal_9duf6_13oad_238",
+  "is-empty": "awsui_is-empty_9duf6_13oad_314",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_13oad_321",
+  "with-limited-width": "awsui_with-limited-width_9duf6_13oad_325",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_13oad_328",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_13oad_331",
+  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_13oad_334",
+  "use-flexible-width": "awsui_use-flexible-width_9duf6_13oad_337",
+  "hide-block-border": "awsui_hide-block-border_9duf6_13oad_345",
+  "open": "awsui_open_9duf6_13oad_354",
+  "nowrap": "awsui_nowrap_9duf6_13oad_363",
+  "dropdown-content": "awsui_dropdown-content_9duf6_13oad_149",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_13oad_374"
 };