npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.1332 → 3.0.1334 - Mend

@cloudscape-design/components-themeable 3.0.1332 → 3.0.1334

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

package/lib/internal/template/code-editor/styles.selectors.js CHANGED Viewed

@@ -2,38 +2,38 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_1mj7s_158",
-  "code-editor": "awsui_code-editor_1gl9c_1mj7s_158",
-  "pane": "awsui_pane_1gl9c_1mj7s_704",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_1mj7s_715",
-  "pane__list": "awsui_pane__list_1gl9c_1mj7s_720",
-  "pane__table": "awsui_pane__table_1gl9c_1mj7s_727",
-  "pane__item": "awsui_pane__item_1gl9c_1mj7s_733",
-  "pane__cell": "awsui_pane__cell_1gl9c_1mj7s_733",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_1mj7s_747",
-  "pane__location": "awsui_pane__location_1gl9c_1mj7s_768",
-  "pane__description": "awsui_pane__description_1gl9c_1mj7s_768",
-  "focus-lock": "awsui_focus-lock_1gl9c_1mj7s_783",
-  "editor": "awsui_editor_1gl9c_1mj7s_827",
-  "editor-refresh": "awsui_editor-refresh_1gl9c_1mj7s_857",
-  "status-bar": "awsui_status-bar_1gl9c_1mj7s_862",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_1mj7s_871",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_1mj7s_875",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_1mj7s_882",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_1mj7s_886",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_1mj7s_886",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_1mj7s_892",
-  "tab-list": "awsui_tab-list_1gl9c_1mj7s_897",
-  "tab-button": "awsui_tab-button_1gl9c_1mj7s_902",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_1mj7s_935",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_1mj7s_938",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_1mj7s_947",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_1mj7s_963",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_1mj7s_996",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_1mj7s_1003",
-  "count": "awsui_count_1gl9c_1mj7s_1012",
-  "text": "awsui_text_1gl9c_1mj7s_1015",
-  "loading-screen": "awsui_loading-screen_1gl9c_1mj7s_1037",
-  "error-screen": "awsui_error-screen_1gl9c_1mj7s_1038"
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_mudg1_158",
+  "code-editor": "awsui_code-editor_1gl9c_mudg1_158",
+  "pane": "awsui_pane_1gl9c_mudg1_704",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_mudg1_715",
+  "pane__list": "awsui_pane__list_1gl9c_mudg1_720",
+  "pane__table": "awsui_pane__table_1gl9c_mudg1_727",
+  "pane__item": "awsui_pane__item_1gl9c_mudg1_733",
+  "pane__cell": "awsui_pane__cell_1gl9c_mudg1_733",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_mudg1_747",
+  "pane__location": "awsui_pane__location_1gl9c_mudg1_768",
+  "pane__description": "awsui_pane__description_1gl9c_mudg1_768",
+  "focus-lock": "awsui_focus-lock_1gl9c_mudg1_783",
+  "editor": "awsui_editor_1gl9c_mudg1_827",
+  "editor-refresh": "awsui_editor-refresh_1gl9c_mudg1_857",
+  "status-bar": "awsui_status-bar_1gl9c_mudg1_862",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_mudg1_871",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_mudg1_875",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_mudg1_882",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_mudg1_886",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_mudg1_886",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_mudg1_892",
+  "tab-list": "awsui_tab-list_1gl9c_mudg1_897",
+  "tab-button": "awsui_tab-button_1gl9c_mudg1_902",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_mudg1_935",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_mudg1_938",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_mudg1_947",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_mudg1_963",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_mudg1_996",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_mudg1_1003",
+  "count": "awsui_count_1gl9c_mudg1_1012",
+  "text": "awsui_text_1gl9c_mudg1_1015",
+  "loading-screen": "awsui_loading-screen_1gl9c_mudg1_1037",
+  "error-screen": "awsui_error-screen_1gl9c_mudg1_1038"
 };

package/lib/internal/template/content-layout/styles.css.js CHANGED Viewed

@@ -1,19 +1,19 @@
     import './styles.scoped.css';
     export default {
-  "layout": "awsui_layout_5gtk3_17lku_145",
-  "background": "awsui_background_5gtk3_17lku_159",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_17lku_164",
-  "header-background": "awsui_header-background_5gtk3_17lku_167",
-  "notifications": "awsui_notifications_5gtk3_17lku_171",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_17lku_176",
-  "default-padding": "awsui_default-padding_5gtk3_17lku_181",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_17lku_185",
-  "with-divider": "awsui_with-divider_5gtk3_17lku_190",
-  "content": "awsui_content_5gtk3_17lku_193",
-  "has-header": "awsui_has-header_5gtk3_17lku_197",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_17lku_204",
-  "has-default-background": "awsui_has-default-background_5gtk3_17lku_204",
-  "has-notifications": "awsui_has-notifications_5gtk3_17lku_208"
+  "layout": "awsui_layout_5gtk3_1ktqa_145",
+  "background": "awsui_background_5gtk3_1ktqa_159",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1ktqa_164",
+  "header-background": "awsui_header-background_5gtk3_1ktqa_167",
+  "notifications": "awsui_notifications_5gtk3_1ktqa_171",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_1ktqa_176",
+  "default-padding": "awsui_default-padding_5gtk3_1ktqa_181",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_1ktqa_185",
+  "with-divider": "awsui_with-divider_5gtk3_1ktqa_190",
+  "content": "awsui_content_5gtk3_1ktqa_193",
+  "has-header": "awsui_has-header_5gtk3_1ktqa_197",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1ktqa_204",
+  "has-default-background": "awsui_has-default-background_5gtk3_1ktqa_204",
+  "has-notifications": "awsui_has-notifications_5gtk3_1ktqa_208"
 };

package/lib/internal/template/content-layout/styles.scoped.css CHANGED Viewed

@@ -142,72 +142,72 @@
 */
 /* 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_layout_5gtk3_17lku_145:not(#\9) {
-  --awsui-content-layout-default-horizontal-padding-z17rmd: var(--space-layout-content-horizontal-q3zhej, 40px);
-  --awsui-content-layout-max-content-width-z17rmd: 0px;
-  --awsui-content-layout-main-gap-z17rmd: 0px;
+.awsui_layout_5gtk3_1ktqa_145:not(#\9) {
+  --awsui-content-layout-default-horizontal-padding-esndbs: var(--space-layout-content-horizontal-q3zhej, 40px);
+  --awsui-content-layout-max-content-width-esndbs: 0px;
+  --awsui-content-layout-main-gap-esndbs: 0px;
   display: grid;
-  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-z17rmd)) 1fr 0 0;
-  grid-template-rows: var(--awsui-content-layout-main-gap-z17rmd) min-content min-content auto var(--space-dark-header-overlap-distance-45h6a9, 0px) 1fr;
+  grid-template-columns: 0 0 1fr minmax(0, var(--awsui-content-layout-max-content-width-esndbs)) 1fr 0 0;
+  grid-template-rows: var(--awsui-content-layout-main-gap-esndbs) min-content min-content auto var(--space-dark-header-overlap-distance-45h6a9, 0px) 1fr;
   min-block-size: 100%;
 }
 @media (max-width: 688px) {
-  .awsui_layout_5gtk3_17lku_145:not(#\9) {
-    --awsui-content-layout-default-horizontal-padding-z17rmd: var(--space-l-3cws6j, 20px);
+  .awsui_layout_5gtk3_1ktqa_145:not(#\9) {
+    --awsui-content-layout-default-horizontal-padding-esndbs: var(--space-l-3cws6j, 20px);
   }
 }
-.awsui_layout_5gtk3_17lku_145 > .awsui_background_5gtk3_17lku_159:not(#\9) {
+.awsui_layout_5gtk3_1ktqa_145 > .awsui_background_5gtk3_1ktqa_159:not(#\9) {
   grid-column: 1/8;
   grid-row: 1/6;
   color: var(--color-text-body-default-5qid0u, #16191f);
 }
-.awsui_layout_5gtk3_17lku_145 > .awsui_background_5gtk3_17lku_159.awsui_is-overlap-disabled_5gtk3_17lku_164:not(#\9) {
+.awsui_layout_5gtk3_1ktqa_145 > .awsui_background_5gtk3_1ktqa_159.awsui_is-overlap-disabled_5gtk3_1ktqa_164:not(#\9) {
   grid-row: 1/5;
 }
-.awsui_layout_5gtk3_17lku_145 > .awsui_background_5gtk3_17lku_159 > .awsui_header-background_5gtk3_17lku_167:not(#\9) {
+.awsui_layout_5gtk3_1ktqa_145 > .awsui_background_5gtk3_1ktqa_159 > .awsui_header-background_5gtk3_1ktqa_167:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
 }
-.awsui_layout_5gtk3_17lku_145 > .awsui_notifications_5gtk3_17lku_171:not(#\9) {
+.awsui_layout_5gtk3_1ktqa_145 > .awsui_notifications_5gtk3_1ktqa_171:not(#\9) {
   grid-column: 4;
   grid-row: 2;
   padding-block-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_layout_5gtk3_17lku_145 > .awsui_breadcrumbs_5gtk3_17lku_176:not(#\9) {
+.awsui_layout_5gtk3_1ktqa_145 > .awsui_breadcrumbs_5gtk3_1ktqa_176:not(#\9) {
   grid-column: 4;
   grid-row: 3;
   padding-block-end: var(--space-xs-kw7k3v, 8px);
 }
-.awsui_layout_5gtk3_17lku_145.awsui_default-padding_5gtk3_17lku_181:not(#\9) {
-  --awsui-content-layout-main-gap-z17rmd: var(--space-scaled-m-sw9kcx, 16px);
-  grid-template-columns: var(--awsui-toggles-left-width-z17rmd, 0) var(--awsui-content-layout-default-horizontal-padding-z17rmd, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-z17rmd)) 1fr var(--awsui-content-layout-default-horizontal-padding-z17rmd, 0) var(--awsui-toggles-right-width-z17rmd, 0);
+.awsui_layout_5gtk3_1ktqa_145.awsui_default-padding_5gtk3_1ktqa_181:not(#\9) {
+  --awsui-content-layout-main-gap-esndbs: var(--space-scaled-m-sw9kcx, 16px);
+  grid-template-columns: var(--awsui-toggles-left-width-esndbs, 0) var(--awsui-content-layout-default-horizontal-padding-esndbs, 0) 1fr minmax(0, var(--awsui-content-layout-max-content-width-esndbs)) 1fr var(--awsui-content-layout-default-horizontal-padding-esndbs, 0) var(--awsui-toggles-right-width-esndbs, 0);
 }
-.awsui_layout_5gtk3_17lku_145 > .awsui_header-wrapper_5gtk3_17lku_185:not(#\9) {
+.awsui_layout_5gtk3_1ktqa_145 > .awsui_header-wrapper_5gtk3_1ktqa_185:not(#\9) {
   grid-column: 4;
   grid-row: 4;
   padding-block-end: var(--space-content-header-padding-bottom-hjkugf, 16px);
 }
-.awsui_layout_5gtk3_17lku_145 > .awsui_header-wrapper_5gtk3_17lku_185.awsui_with-divider_5gtk3_17lku_190:not(#\9) {
+.awsui_layout_5gtk3_1ktqa_145 > .awsui_header-wrapper_5gtk3_1ktqa_185.awsui_with-divider_5gtk3_1ktqa_190:not(#\9) {
   border-block-end: 1px solid var(--color-border-divider-default-ipvpev, #eaeded);
 }
-.awsui_layout_5gtk3_17lku_145 > .awsui_content_5gtk3_17lku_193:not(#\9) {
+.awsui_layout_5gtk3_1ktqa_145 > .awsui_content_5gtk3_1ktqa_193:not(#\9) {
   grid-column: 4;
   grid-row: 5/8;
 }
-.awsui_layout_5gtk3_17lku_145:not(#\9):not(.awsui_has-header_5gtk3_17lku_197) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-z17rmd) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-45h6a9, 0px)) 1fr;
+.awsui_layout_5gtk3_1ktqa_145:not(#\9):not(.awsui_has-header_5gtk3_1ktqa_197) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-esndbs) min-content min-content 0 calc(var(--space-dark-header-overlap-distance-45h6a9, 0px)) 1fr;
 }
-.awsui_layout_5gtk3_17lku_145.awsui_is-overlap-disabled_5gtk3_17lku_164:not(#\9) {
-  grid-template-rows: var(--awsui-content-layout-main-gap-z17rmd) min-content min-content auto 0 1fr;
+.awsui_layout_5gtk3_1ktqa_145.awsui_is-overlap-disabled_5gtk3_1ktqa_164:not(#\9) {
+  grid-template-rows: var(--awsui-content-layout-main-gap-esndbs) min-content min-content auto 0 1fr;
 }
-.awsui_layout_5gtk3_17lku_145.awsui_is-visual-refresh_5gtk3_17lku_204 > .awsui_background_5gtk3_17lku_159.awsui_has-default-background_5gtk3_17lku_204:not(#\9) {
+.awsui_layout_5gtk3_1ktqa_145.awsui_is-visual-refresh_5gtk3_1ktqa_204 > .awsui_background_5gtk3_1ktqa_159.awsui_has-default-background_5gtk3_1ktqa_204:not(#\9) {
   background-color: var(--color-background-layout-main-05m5y6, #f2f3f3);
 }
-.awsui_layout_5gtk3_17lku_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_17lku_204).awsui_has-notifications_5gtk3_17lku_208 {
-  --awsui-content-layout-main-gap-z17rmd: 0px;
+.awsui_layout_5gtk3_1ktqa_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1ktqa_204).awsui_has-notifications_5gtk3_1ktqa_208 {
+  --awsui-content-layout-main-gap-esndbs: 0px;
 }
-.awsui_layout_5gtk3_17lku_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_17lku_204) > .awsui_notifications_5gtk3_17lku_171 {
+.awsui_layout_5gtk3_1ktqa_145:not(#\9):not(.awsui_is-visual-refresh_5gtk3_1ktqa_204) > .awsui_notifications_5gtk3_1ktqa_171 {
   grid-column: 1/8;
 }

package/lib/internal/template/content-layout/styles.selectors.js CHANGED Viewed

@@ -2,19 +2,19 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "layout": "awsui_layout_5gtk3_17lku_145",
-  "background": "awsui_background_5gtk3_17lku_159",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_17lku_164",
-  "header-background": "awsui_header-background_5gtk3_17lku_167",
-  "notifications": "awsui_notifications_5gtk3_17lku_171",
-  "breadcrumbs": "awsui_breadcrumbs_5gtk3_17lku_176",
-  "default-padding": "awsui_default-padding_5gtk3_17lku_181",
-  "header-wrapper": "awsui_header-wrapper_5gtk3_17lku_185",
-  "with-divider": "awsui_with-divider_5gtk3_17lku_190",
-  "content": "awsui_content_5gtk3_17lku_193",
-  "has-header": "awsui_has-header_5gtk3_17lku_197",
-  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_17lku_204",
-  "has-default-background": "awsui_has-default-background_5gtk3_17lku_204",
-  "has-notifications": "awsui_has-notifications_5gtk3_17lku_208"
+  "layout": "awsui_layout_5gtk3_1ktqa_145",
+  "background": "awsui_background_5gtk3_1ktqa_159",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_5gtk3_1ktqa_164",
+  "header-background": "awsui_header-background_5gtk3_1ktqa_167",
+  "notifications": "awsui_notifications_5gtk3_1ktqa_171",
+  "breadcrumbs": "awsui_breadcrumbs_5gtk3_1ktqa_176",
+  "default-padding": "awsui_default-padding_5gtk3_1ktqa_181",
+  "header-wrapper": "awsui_header-wrapper_5gtk3_1ktqa_185",
+  "with-divider": "awsui_with-divider_5gtk3_1ktqa_190",
+  "content": "awsui_content_5gtk3_1ktqa_193",
+  "has-header": "awsui_has-header_5gtk3_1ktqa_197",
+  "is-visual-refresh": "awsui_is-visual-refresh_5gtk3_1ktqa_204",
+  "has-default-background": "awsui_has-default-background_5gtk3_1ktqa_204",
+  "has-notifications": "awsui_has-notifications_5gtk3_1ktqa_208"
 };

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_7dtyu_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_7dtyu_1",
-  "refresh": "awsui_refresh_9duf6_7dtyu_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_7dtyu_1",
-  "root": "awsui_root_9duf6_7dtyu_199",
-  "interior": "awsui_interior_9duf6_7dtyu_232",
-  "dropdown": "awsui_dropdown_9duf6_7dtyu_153",
-  "use-portal": "awsui_use-portal_9duf6_7dtyu_242",
-  "is-empty": "awsui_is-empty_9duf6_7dtyu_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_7dtyu_325",
-  "with-limited-width": "awsui_with-limited-width_9duf6_7dtyu_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_7dtyu_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_7dtyu_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_7dtyu_338",
-  "use-flexible-width": "awsui_use-flexible-width_9duf6_7dtyu_341",
-  "hide-block-border": "awsui_hide-block-border_9duf6_7dtyu_349",
-  "open": "awsui_open_9duf6_7dtyu_358",
-  "nowrap": "awsui_nowrap_9duf6_7dtyu_367",
-  "dropdown-content": "awsui_dropdown-content_9duf6_7dtyu_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_7dtyu_378"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_qn852_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_qn852_1",
+  "refresh": "awsui_refresh_9duf6_qn852_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_qn852_1",
+  "root": "awsui_root_9duf6_qn852_199",
+  "interior": "awsui_interior_9duf6_qn852_232",
+  "dropdown": "awsui_dropdown_9duf6_qn852_153",
+  "use-portal": "awsui_use-portal_9duf6_qn852_242",
+  "is-empty": "awsui_is-empty_9duf6_qn852_318",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_qn852_325",
+  "with-limited-width": "awsui_with-limited-width_9duf6_qn852_329",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_qn852_332",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_qn852_335",
+  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_qn852_338",
+  "use-flexible-width": "awsui_use-flexible-width_9duf6_qn852_341",
+  "hide-block-border": "awsui_hide-block-border_9duf6_qn852_349",
+  "open": "awsui_open_9duf6_qn852_358",
+  "nowrap": "awsui_nowrap_9duf6_qn852_367",
+  "dropdown-content": "awsui_dropdown-content_9duf6_qn852_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_qn852_378"
 };

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

@@ -150,10 +150,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_7dtyu_153:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_7dtyu_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
+.awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_9duf6_qn852_1 var(--motion-duration-show-quick-i2gulq, 135ms) var(--motion-easing-show-quick-xucy9w, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_7dtyu_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_9duf6_qn852_1 {
   from {
     opacity: 0.4;
   }
@@ -162,22 +162,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_7dtyu_153.awsui_refresh_9duf6_7dtyu_174:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_refresh_9duf6_qn852_174:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_9duf6_7dtyu_1;
+  animation-name: awsui_awsui-motion-fade-in-0_9duf6_qn852_1;
   animation-duration: var(--motion-duration-show-quick-i2gulq, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-xucy9w, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_9duf6_7dtyu_1 {
+@keyframes awsui_awsui-motion-fade-in-0_9duf6_qn852_1 {
   from {
     opacity: 0;
   }
@@ -186,17 +186,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_9duf6_7dtyu_153.awsui_refresh_9duf6_7dtyu_174:not(#\9) {
+  .awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_refresh_9duf6_qn852_174:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_7dtyu_153.awsui_refresh_9duf6_7dtyu_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_7dtyu_153.awsui_refresh_9duf6_7dtyu_174:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_refresh_9duf6_qn852_174:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_refresh_9duf6_qn852_174:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_root_9duf6_7dtyu_199:not(#\9) {
+.awsui_root_9duf6_qn852_199:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -229,34 +229,34 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_9duf6_7dtyu_199.awsui_interior_9duf6_7dtyu_232:not(#\9) {
+.awsui_root_9duf6_qn852_199.awsui_interior_9duf6_qn852_232:not(#\9) {
   position: static;
 }
-.awsui_dropdown_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
   transform-origin: top;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_use-portal_9duf6_7dtyu_242:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_use-portal_9duf6_qn852_242:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_9duf6_7dtyu_153:not(#\9):not(.awsui_interior_9duf6_7dtyu_232) {
+.awsui_dropdown_9duf6_qn852_153:not(#\9):not(.awsui_interior_9duf6_qn852_232) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-i2gulq, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_9duf6_7dtyu_153:not(#\9):not(.awsui_interior_9duf6_7dtyu_232) {
+  .awsui_dropdown_9duf6_qn852_153:not(#\9):not(.awsui_interior_9duf6_qn852_232) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_9duf6_7dtyu_153:not(#\9):not(.awsui_interior_9duf6_7dtyu_232), .awsui-mode-entering .awsui_dropdown_9duf6_7dtyu_153:not(#\9):not(.awsui_interior_9duf6_7dtyu_232) {
+.awsui-motion-disabled .awsui_dropdown_9duf6_qn852_153:not(#\9):not(.awsui_interior_9duf6_qn852_232), .awsui-mode-entering .awsui_dropdown_9duf6_qn852_153:not(#\9):not(.awsui_interior_9duf6_qn852_232) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -291,14 +291,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-dropdown-item-default-fhmksr, #ffffff);
   outline: none;
   box-shadow: var(--shadow-dropdown-skxpuu, 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));
-  border-start-start-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-start-end-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-end-start-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-end-end-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
+  border-start-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-start-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-end-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-end-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
   border-block: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -307,74 +307,74 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-inline-start: 0px;
   inset-inline-end: 0px;
   background-color: transparent;
-  border-block: var(--awsui-dropdown-content-border-width-z17rmd, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-z17rmd, var(--color-border-dropdown-container-w99bbi, transparent));
-  border-inline: var(--awsui-dropdown-content-border-width-z17rmd, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-z17rmd, var(--color-border-dropdown-container-w99bbi, transparent));
-  border-start-start-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-start-end-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-end-start-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
-  border-end-end-radius: var(--awsui-dropdown-content-border-radius-z17rmd, var(--border-radius-dropdown-azs8zp, 0px));
+  border-block: var(--awsui-dropdown-content-border-width-esndbs, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-esndbs, var(--color-border-dropdown-container-w99bbi, transparent));
+  border-inline: var(--awsui-dropdown-content-border-width-esndbs, var(--border-width-popover-snsxri, 1px)) solid var(--awsui-dropdown-content-border-color-esndbs, var(--color-border-dropdown-container-w99bbi, transparent));
+  border-start-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-start-end-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  border-end-start-radius: var(--awsui-dropdown-content-border-radius-esndbs, var(--border-radius-dropdown-azs8zp, 0px));
+  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_7dtyu_153.awsui_is-empty_9duf6_7dtyu_318:not(#\9)::after {
+.awsui_dropdown-content-wrapper_9duf6_qn852_153.awsui_is-empty_9duf6_qn852_318:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_9duf6_7dtyu_153 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-block-start: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-container-top-svitxz, #eaeded);
   border-block-end: var(--border-divider-list-width-2qbfmz, 1px) solid var(--color-border-dropdown-group-dg9zg5, #eaeded);
 }
-.awsui_dropdown-drop-up_9duf6_7dtyu_325 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_qn852_325 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-44quix, 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_7dtyu_325.awsui_with-limited-width_9duf6_7dtyu_329 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown-drop-up_9duf6_qn852_325.awsui_with-limited-width_9duf6_qn852_329 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_9duf6_7dtyu_332:not(#\9) {
+.awsui_dropdown-drop-left_9duf6_qn852_332:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-right_9duf6_7dtyu_335:not(#\9) {
+.awsui_dropdown-drop-right_9duf6_qn852_335:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_occupy-entire-width_9duf6_7dtyu_338:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_occupy-entire-width_9duf6_qn852_338:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_use-flexible-width_9duf6_7dtyu_341:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_use-flexible-width_9duf6_qn852_341:not(#\9) {
   inline-size: max-content;
-  max-inline-size: var(--awsui-dropdown-default-max-width-z17rmd, none);
-  min-inline-size: var(--awsui-dropdown-default-min-width-z17rmd, auto);
+  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_7dtyu_153.awsui_interior_9duf6_7dtyu_232 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_interior_9duf6_qn852_232 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_hide-block-border_9duf6_7dtyu_349 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_hide-block-border_9duf6_qn852_349 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_hide-block-border_9duf6_7dtyu_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_7dtyu_325) > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153 {
+.awsui_dropdown_9duf6_qn852_153.awsui_hide-block-border_9duf6_qn852_349:not(#\9):not(.awsui_dropdown-drop-up_9duf6_qn852_325) > .awsui_dropdown-content-wrapper_9duf6_qn852_153 {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_hide-block-border_9duf6_7dtyu_349.awsui_refresh_9duf6_7dtyu_174 > .awsui_dropdown-content-wrapper_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_hide-block-border_9duf6_qn852_349.awsui_refresh_9duf6_qn852_174 > .awsui_dropdown-content-wrapper_9duf6_qn852_153:not(#\9) {
   border-block-end: none;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_open_9duf6_7dtyu_358:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_open_9duf6_qn852_358:not(#\9) {
   display: block;
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_open_9duf6_7dtyu_358:not(#\9):not(.awsui_interior_9duf6_7dtyu_232).awsui_refresh_9duf6_7dtyu_174[data-animating=true] {
+.awsui_dropdown_9duf6_qn852_153.awsui_open_9duf6_qn852_358:not(#\9):not(.awsui_interior_9duf6_qn852_232).awsui_refresh_9duf6_qn852_174[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_open_9duf6_7dtyu_358:not(#\9):not(.awsui_interior_9duf6_7dtyu_232).awsui_refresh_9duf6_7dtyu_174[data-animating=true].awsui_dropdown-drop-up_9duf6_7dtyu_325 {
+.awsui_dropdown_9duf6_qn852_153.awsui_open_9duf6_qn852_358:not(#\9):not(.awsui_interior_9duf6_qn852_232).awsui_refresh_9duf6_qn852_174[data-animating=true].awsui_dropdown-drop-up_9duf6_qn852_325 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_9duf6_7dtyu_153.awsui_open_9duf6_7dtyu_358.awsui_nowrap_9duf6_7dtyu_367:not(#\9) {
+.awsui_dropdown_9duf6_qn852_153.awsui_open_9duf6_qn852_358.awsui_nowrap_9duf6_qn852_367:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
-.awsui_dropdown-content_9duf6_7dtyu_153:not(#\9) {
+.awsui_dropdown-content_9duf6_qn852_153:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_stretch-trigger-height_9duf6_7dtyu_378:not(#\9) {
+.awsui_stretch-trigger-height_9duf6_qn852_378: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_7dtyu_153",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_7dtyu_1",
-  "refresh": "awsui_refresh_9duf6_7dtyu_174",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_7dtyu_1",
-  "root": "awsui_root_9duf6_7dtyu_199",
-  "interior": "awsui_interior_9duf6_7dtyu_232",
-  "dropdown": "awsui_dropdown_9duf6_7dtyu_153",
-  "use-portal": "awsui_use-portal_9duf6_7dtyu_242",
-  "is-empty": "awsui_is-empty_9duf6_7dtyu_318",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_7dtyu_325",
-  "with-limited-width": "awsui_with-limited-width_9duf6_7dtyu_329",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_7dtyu_332",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_7dtyu_335",
-  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_7dtyu_338",
-  "use-flexible-width": "awsui_use-flexible-width_9duf6_7dtyu_341",
-  "hide-block-border": "awsui_hide-block-border_9duf6_7dtyu_349",
-  "open": "awsui_open_9duf6_7dtyu_358",
-  "nowrap": "awsui_nowrap_9duf6_7dtyu_367",
-  "dropdown-content": "awsui_dropdown-content_9duf6_7dtyu_153",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_7dtyu_378"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_9duf6_qn852_153",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_9duf6_qn852_1",
+  "refresh": "awsui_refresh_9duf6_qn852_174",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_9duf6_qn852_1",
+  "root": "awsui_root_9duf6_qn852_199",
+  "interior": "awsui_interior_9duf6_qn852_232",
+  "dropdown": "awsui_dropdown_9duf6_qn852_153",
+  "use-portal": "awsui_use-portal_9duf6_qn852_242",
+  "is-empty": "awsui_is-empty_9duf6_qn852_318",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_9duf6_qn852_325",
+  "with-limited-width": "awsui_with-limited-width_9duf6_qn852_329",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_9duf6_qn852_332",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_9duf6_qn852_335",
+  "occupy-entire-width": "awsui_occupy-entire-width_9duf6_qn852_338",
+  "use-flexible-width": "awsui_use-flexible-width_9duf6_qn852_341",
+  "hide-block-border": "awsui_hide-block-border_9duf6_qn852_349",
+  "open": "awsui_open_9duf6_qn852_358",
+  "nowrap": "awsui_nowrap_9duf6_qn852_367",
+  "dropdown-content": "awsui_dropdown-content_9duf6_qn852_153",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_9duf6_qn852_378"
 };