npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.3 → 3.0.6 - Mend

@cloudscape-design/components-themeable 3.0.3 → 3.0.6

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 (176) 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": "awsui_code-editor_1gl9c_d2zui_98",
-  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_d2zui_534",
-  "pane": "awsui_pane_1gl9c_d2zui_546",
-  "pane__close-container": "awsui_pane__close-container_1gl9c_d2zui_557",
-  "pane__list": "awsui_pane__list_1gl9c_d2zui_562",
-  "pane__table": "awsui_pane__table_1gl9c_d2zui_569",
-  "pane__item": "awsui_pane__item_1gl9c_d2zui_574",
-  "pane__cell": "awsui_pane__cell_1gl9c_d2zui_574",
-  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_d2zui_588",
-  "pane__location": "awsui_pane__location_1gl9c_d2zui_609",
-  "pane__description": "awsui_pane__description_1gl9c_d2zui_609",
-  "focus-lock": "awsui_focus-lock_1gl9c_d2zui_624",
-  "resizable-box": "awsui_resizable-box_1gl9c_d2zui_647",
-  "resizable-box-handle": "awsui_resizable-box-handle_1gl9c_d2zui_652",
-  "editor": "awsui_editor_1gl9c_d2zui_689",
-  "status-bar": "awsui_status-bar_1gl9c_d2zui_722",
-  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_d2zui_731",
-  "status-bar__left": "awsui_status-bar__left_1gl9c_d2zui_735",
-  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_d2zui_742",
-  "status-bar__right": "awsui_status-bar__right_1gl9c_d2zui_746",
-  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_d2zui_750",
-  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_d2zui_750",
-  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_d2zui_755",
-  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_d2zui_759",
-  "tab-button": "awsui_tab-button_1gl9c_d2zui_765",
-  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_d2zui_778",
-  "tab-button--active": "awsui_tab-button--active_1gl9c_d2zui_792",
-  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_d2zui_812",
-  "tab-button--divider": "awsui_tab-button--divider_1gl9c_d2zui_842",
-  "tab-button--errors": "awsui_tab-button--errors_1gl9c_d2zui_849",
-  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_d2zui_849",
-  "loading-screen": "awsui_loading-screen_1gl9c_d2zui_853",
-  "error-screen": "awsui_error-screen_1gl9c_d2zui_854"
+  "code-editor": "awsui_code-editor_1gl9c_zsh2a_98",
+  "code-editor-refresh": "awsui_code-editor-refresh_1gl9c_zsh2a_534",
+  "pane": "awsui_pane_1gl9c_zsh2a_546",
+  "pane__close-container": "awsui_pane__close-container_1gl9c_zsh2a_557",
+  "pane__list": "awsui_pane__list_1gl9c_zsh2a_562",
+  "pane__table": "awsui_pane__table_1gl9c_zsh2a_569",
+  "pane__item": "awsui_pane__item_1gl9c_zsh2a_574",
+  "pane__cell": "awsui_pane__cell_1gl9c_zsh2a_574",
+  "pane__item--highlighted": "awsui_pane__item--highlighted_1gl9c_zsh2a_588",
+  "pane__location": "awsui_pane__location_1gl9c_zsh2a_609",
+  "pane__description": "awsui_pane__description_1gl9c_zsh2a_609",
+  "focus-lock": "awsui_focus-lock_1gl9c_zsh2a_624",
+  "resizable-box": "awsui_resizable-box_1gl9c_zsh2a_647",
+  "resizable-box-handle": "awsui_resizable-box-handle_1gl9c_zsh2a_652",
+  "editor": "awsui_editor_1gl9c_zsh2a_689",
+  "status-bar": "awsui_status-bar_1gl9c_zsh2a_722",
+  "status-bar-with-hidden-pane": "awsui_status-bar-with-hidden-pane_1gl9c_zsh2a_731",
+  "status-bar__left": "awsui_status-bar__left_1gl9c_zsh2a_735",
+  "status-bar__left-virtual": "awsui_status-bar__left-virtual_1gl9c_zsh2a_742",
+  "status-bar__right": "awsui_status-bar__right_1gl9c_zsh2a_746",
+  "status-bar__language-mode": "awsui_status-bar__language-mode_1gl9c_zsh2a_750",
+  "status-bar__cursor-position": "awsui_status-bar__cursor-position_1gl9c_zsh2a_750",
+  "status-bar__cog-button": "awsui_status-bar__cog-button_1gl9c_zsh2a_755",
+  "status-bar-virtual": "awsui_status-bar-virtual_1gl9c_zsh2a_759",
+  "tab-button": "awsui_tab-button_1gl9c_zsh2a_765",
+  "tab-button--refresh": "awsui_tab-button--refresh_1gl9c_zsh2a_778",
+  "tab-button--active": "awsui_tab-button--active_1gl9c_zsh2a_792",
+  "tab-button--disabled": "awsui_tab-button--disabled_1gl9c_zsh2a_812",
+  "tab-button--divider": "awsui_tab-button--divider_1gl9c_zsh2a_842",
+  "tab-button--errors": "awsui_tab-button--errors_1gl9c_zsh2a_849",
+  "tab-button--warnings": "awsui_tab-button--warnings_1gl9c_zsh2a_849",
+  "loading-screen": "awsui_loading-screen_1gl9c_zsh2a_853",
+  "error-screen": "awsui_error-screen_1gl9c_zsh2a_854"
 };

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

@@ -1,19 +1,20 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_1asmt_97",
-  "variant-default": "awsui_variant-default_14iqq_1asmt_109",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1asmt_109",
-  "header": "awsui_header_14iqq_1asmt_132",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1asmt_136",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1asmt_140",
-  "header-stuck": "awsui_header-stuck_14iqq_1asmt_146",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1asmt_151",
-  "with-paddings": "awsui_with-paddings_14iqq_1asmt_157",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1asmt_160",
-  "dark-header": "awsui_dark-header_14iqq_1asmt_189",
-  "content": "awsui_content_14iqq_1asmt_193",
-  "footer": "awsui_footer_14iqq_1asmt_200",
-  "with-divider": "awsui_with-divider_14iqq_1asmt_203"
+  "root": "awsui_root_14iqq_wvh8f_97",
+  "variant-default": "awsui_variant-default_14iqq_wvh8f_109",
+  "variant-stacked": "awsui_variant-stacked_14iqq_wvh8f_109",
+  "header": "awsui_header_14iqq_wvh8f_132",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wvh8f_136",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wvh8f_140",
+  "header-stuck": "awsui_header-stuck_14iqq_wvh8f_146",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wvh8f_151",
+  "with-paddings": "awsui_with-paddings_14iqq_wvh8f_157",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_wvh8f_160",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wvh8f_184",
+  "dark-header": "awsui_dark-header_14iqq_wvh8f_192",
+  "content": "awsui_content_14iqq_wvh8f_196",
+  "footer": "awsui_footer_14iqq_wvh8f_203",
+  "with-divider": "awsui_with-divider_14iqq_wvh8f_206"
 };

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

@@ -94,7 +94,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_14iqq_1asmt_97:not(#\9) {
+.awsui_root_14iqq_wvh8f_97:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -137,7 +137,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   display: block;
   word-wrap: break-word;
 }
-.awsui_root_14iqq_1asmt_97.awsui_variant-default_14iqq_1asmt_109:not(#\9), .awsui_root_14iqq_1asmt_97.awsui_variant-stacked_14iqq_1asmt_109:not(#\9) {
+.awsui_root_14iqq_wvh8f_97.awsui_variant-default_14iqq_wvh8f_109:not(#\9), .awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109:not(#\9) {
   box-shadow: 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);
   box-shadow: var(--shadow-container-0bkp96, 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-top: 1px solid #eaeded;
@@ -149,16 +149,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   background-color: var(--color-background-container-content-o88wxm, #ffffff);
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_root_14iqq_1asmt_97.awsui_variant-default_14iqq_1asmt_109:not(#\9), .awsui_root_14iqq_1asmt_97.awsui_variant-stacked_14iqq_1asmt_109:not(#\9) {
+  .awsui_root_14iqq_wvh8f_97.awsui_variant-default_14iqq_wvh8f_109:not(#\9), .awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109:not(#\9) {
     border: 1px solid #eaeded;
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
-.awsui_root_14iqq_1asmt_97.awsui_variant-stacked_14iqq_1asmt_109:not(#\9):not(:last-child) {
+.awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109:not(#\9):not(:last-child) {
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }
-.awsui_root_14iqq_1asmt_97.awsui_variant-stacked_14iqq_1asmt_109 + .awsui_root_14iqq_1asmt_97.awsui_variant-stacked_14iqq_1asmt_109:not(#\9) {
+.awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109 + .awsui_root_14iqq_wvh8f_97.awsui_variant-stacked_14iqq_wvh8f_109:not(#\9) {
   border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
   border-top-left-radius: 0;
@@ -167,41 +167,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-shadow: var(--shadow-container-stacked-j8j87i, 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_header_14iqq_1asmt_132:not(#\9) {
+.awsui_header_14iqq_wvh8f_132:not(#\9) {
   background-color: #fafafa;
   background-color: var(--color-background-container-header-g9rg0j, #fafafa);
   border-radius: 0px;
   border-radius: var(--border-container-radius-gcr27z, 0px);
 }
-.awsui_header-sticky-disabled_14iqq_1asmt_136:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_wvh8f_136:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_1asmt_140:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_wvh8f_140:not(#\9) {
   top: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_1asmt_146:not(#\9) {
+.awsui_header-stuck_14iqq_wvh8f_146:not(#\9) {
   box-shadow: 0px 1px 4px -2px rgba(0, 28, 36, 0.5);
-  box-shadow: var(--shadow-sticky-thyisb, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+  box-shadow: var(--shadow-sticky-embedded-5acv0s, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   border: 0;
   border-radius: 0;
 }
-.awsui_header-dynamic-height_14iqq_1asmt_151.awsui_header-stuck_14iqq_1asmt_146:not(#\9) {
+.awsui_header-dynamic-height_14iqq_wvh8f_151.awsui_header-stuck_14iqq_wvh8f_146:not(#\9) {
   margin-bottom: calc(36px - 22px);
   margin-bottom: calc(var(--font-heading-xl-line-height-qeciux, 36px) - var(--font-heading-l-line-height-oujdab, 22px));
 }
-.awsui_header_14iqq_1asmt_132:not(#\9):not(:empty) {
+.awsui_header_14iqq_wvh8f_132:not(#\9):not(:empty) {
   border-bottom: 1px solid #eaeded;
   border-bottom: var(--border-container-sticky-width-pybmba, 1px) solid var(--color-border-container-divider-z203b8, #eaeded);
 }
-.awsui_header_14iqq_1asmt_132.awsui_with-paddings_14iqq_1asmt_157:not(#\9) {
+.awsui_header_14iqq_wvh8f_132.awsui_with-paddings_14iqq_wvh8f_157:not(#\9) {
   padding: 12px 20px;
   padding: var(--space-container-header-vertical-0bd19u, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_header-variant-cards_14iqq_1asmt_160:not(#\9) {
+.awsui_header-variant-cards_14iqq_wvh8f_160:not(#\9) {
   box-shadow: 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);
   box-shadow: var(--shadow-container-0bkp96, 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-top: 1px solid #eaeded;
@@ -211,48 +211,52 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   box-sizing: border-box;
 }
 @media screen and (-ms-high-contrast: active) {
-  .awsui_header-variant-cards_14iqq_1asmt_160:not(#\9) {
+  .awsui_header-variant-cards_14iqq_wvh8f_160:not(#\9) {
     border: 1px solid #eaeded;
     border: var(--border-field-width-y6x4sn, 1px) solid var(--color-border-container-top-1itxac, #eaeded);
   }
 }
-.awsui_header-variant-cards_14iqq_1asmt_160:not(#\9):not(:empty) {
+.awsui_header-variant-cards_14iqq_wvh8f_160:not(#\9):not(:empty) {
   border-bottom: 1px solid #d5dbdb;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
 }
 @supports (--css-variable-support-check: #000) {
-  .awsui_header-variant-cards_14iqq_1asmt_160:not(#\9):not(:empty) {
+  .awsui_header-variant-cards_14iqq_wvh8f_160:not(#\9):not(:empty) {
     border-bottom: 0;
   }
 }
-.awsui_header-variant-cards_14iqq_1asmt_160.awsui_header-stuck_14iqq_1asmt_146:not(#\9) {
+.awsui_header-variant-cards_14iqq_wvh8f_160.awsui_header-stuck_14iqq_wvh8f_146:not(#\9) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+.awsui_header-variant-full-page_14iqq_wvh8f_184.awsui_header-stuck_14iqq_wvh8f_146:not(#\9) {
+  box-shadow: 0px 1px 4px -2px rgba(0, 28, 36, 0.5);
+  box-shadow: var(--shadow-sticky-thyisb, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
+}
 /*
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_14iqq_1asmt_189:not(#\9) {
+.awsui_dark-header_14iqq_wvh8f_192:not(#\9) {
   background-color: #f2f3f3;
   background-color: var(--color-background-layout-main-q0tbxx, #f2f3f3);
 }
-.awsui_content_14iqq_1asmt_193.awsui_with-paddings_14iqq_1asmt_157:not(#\9) {
+.awsui_content_14iqq_wvh8f_196.awsui_with-paddings_14iqq_wvh8f_157:not(#\9) {
   padding: 20px 20px;
   padding: var(--space-scaled-l-t03y3z, 20px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_header_14iqq_1asmt_132 + .awsui_content_14iqq_1asmt_193.awsui_with-paddings_14iqq_1asmt_157:not(#\9) {
+.awsui_header_14iqq_wvh8f_132 + .awsui_content_14iqq_wvh8f_196.awsui_with-paddings_14iqq_wvh8f_157:not(#\9) {
   padding-top: 16px;
   padding-top: var(--space-container-content-top-u412x3, 16px);
 }
-.awsui_footer_14iqq_1asmt_200.awsui_with-paddings_14iqq_1asmt_157:not(#\9) {
+.awsui_footer_14iqq_wvh8f_203.awsui_with-paddings_14iqq_wvh8f_157:not(#\9) {
   padding: 12px 20px;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-container-horizontal-tlw03i, 20px);
 }
-.awsui_footer_14iqq_1asmt_200.awsui_with-divider_14iqq_1asmt_203:not(#\9) {
+.awsui_footer_14iqq_wvh8f_203.awsui_with-divider_14iqq_wvh8f_206:not(#\9) {
   border-top: 1px solid #eaeded;
   border-top: var(--border-divider-section-width-5a4cv1, 1px) solid var(--color-border-divider-default-k96bks, #eaeded);
 }

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

@@ -2,19 +2,20 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_1asmt_97",
-  "variant-default": "awsui_variant-default_14iqq_1asmt_109",
-  "variant-stacked": "awsui_variant-stacked_14iqq_1asmt_109",
-  "header": "awsui_header_14iqq_1asmt_132",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1asmt_136",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1asmt_140",
-  "header-stuck": "awsui_header-stuck_14iqq_1asmt_146",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1asmt_151",
-  "with-paddings": "awsui_with-paddings_14iqq_1asmt_157",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_1asmt_160",
-  "dark-header": "awsui_dark-header_14iqq_1asmt_189",
-  "content": "awsui_content_14iqq_1asmt_193",
-  "footer": "awsui_footer_14iqq_1asmt_200",
-  "with-divider": "awsui_with-divider_14iqq_1asmt_203"
+  "root": "awsui_root_14iqq_wvh8f_97",
+  "variant-default": "awsui_variant-default_14iqq_wvh8f_109",
+  "variant-stacked": "awsui_variant-stacked_14iqq_wvh8f_109",
+  "header": "awsui_header_14iqq_wvh8f_132",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_wvh8f_136",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_wvh8f_140",
+  "header-stuck": "awsui_header-stuck_14iqq_wvh8f_146",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_wvh8f_151",
+  "with-paddings": "awsui_with-paddings_14iqq_wvh8f_157",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_wvh8f_160",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_wvh8f_184",
+  "dark-header": "awsui_dark-header_14iqq_wvh8f_192",
+  "content": "awsui_content_14iqq_wvh8f_196",
+  "footer": "awsui_footer_14iqq_wvh8f_203",
+  "with-divider": "awsui_with-divider_14iqq_wvh8f_206"
 };

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

@@ -1,29 +1,29 @@
     import './styles.scoped.css';
     export default {
-  "calendar": "awsui_calendar_145pa_h9wdm_93",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_h9wdm_1",
-  "root": "awsui_root_145pa_h9wdm_120",
-  "date-picker-container": "awsui_date-picker-container_145pa_h9wdm_131",
-  "date-picker-trigger": "awsui_date-picker-trigger_145pa_h9wdm_136",
-  "date-picker-input": "awsui_date-picker-input_145pa_h9wdm_140",
-  "open-calendar-button": "awsui_open-calendar-button_145pa_h9wdm_145",
-  "calendar-inner": "awsui_calendar-inner_145pa_h9wdm_165",
-  "calendar-header": "awsui_calendar-header_145pa_h9wdm_168",
-  "calendar-header-month": "awsui_calendar-header-month_145pa_h9wdm_173",
-  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_h9wdm_179",
-  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_h9wdm_182",
-  "calendar-day-names": "awsui_calendar-day-names_145pa_h9wdm_185",
-  "calendar-day-name": "awsui_calendar-day-name_145pa_h9wdm_185",
-  "calendar-dates": "awsui_calendar-dates_145pa_h9wdm_200",
-  "calendar-week": "awsui_calendar-week_145pa_h9wdm_203",
-  "calendar-day": "awsui_calendar-day_145pa_h9wdm_185",
-  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_h9wdm_222",
-  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_h9wdm_225",
-  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_h9wdm_228",
-  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_h9wdm_232",
-  "calendar-day-selected": "awsui_calendar-day-selected_145pa_h9wdm_239",
-  "calendar-day-today": "awsui_calendar-day-today_145pa_h9wdm_243",
-  "day-inner": "awsui_day-inner_145pa_h9wdm_255"
+  "calendar": "awsui_calendar_145pa_lqzvj_93",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_145pa_lqzvj_1",
+  "root": "awsui_root_145pa_lqzvj_120",
+  "date-picker-container": "awsui_date-picker-container_145pa_lqzvj_131",
+  "date-picker-trigger": "awsui_date-picker-trigger_145pa_lqzvj_136",
+  "date-picker-input": "awsui_date-picker-input_145pa_lqzvj_140",
+  "open-calendar-button": "awsui_open-calendar-button_145pa_lqzvj_145",
+  "calendar-inner": "awsui_calendar-inner_145pa_lqzvj_165",
+  "calendar-header": "awsui_calendar-header_145pa_lqzvj_168",
+  "calendar-header-month": "awsui_calendar-header-month_145pa_lqzvj_173",
+  "calendar-next-month-btn": "awsui_calendar-next-month-btn_145pa_lqzvj_179",
+  "calendar-prev-month-btn": "awsui_calendar-prev-month-btn_145pa_lqzvj_182",
+  "calendar-day-names": "awsui_calendar-day-names_145pa_lqzvj_185",
+  "calendar-day-name": "awsui_calendar-day-name_145pa_lqzvj_185",
+  "calendar-dates": "awsui_calendar-dates_145pa_lqzvj_200",
+  "calendar-week": "awsui_calendar-week_145pa_lqzvj_203",
+  "calendar-day": "awsui_calendar-day_145pa_lqzvj_185",
+  "calendar-day-in-last-week": "awsui_calendar-day-in-last-week_145pa_lqzvj_222",
+  "calendar-day-focusable": "awsui_calendar-day-focusable_145pa_lqzvj_225",
+  "calendar-day-enabled": "awsui_calendar-day-enabled_145pa_lqzvj_228",
+  "calendar-day-current-month": "awsui_calendar-day-current-month_145pa_lqzvj_232",
+  "calendar-day-selected": "awsui_calendar-day-selected_145pa_lqzvj_239",
+  "calendar-day-today": "awsui_calendar-day-today_145pa_lqzvj_243",
+  "day-inner": "awsui_day-inner_145pa_lqzvj_255"
 };

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

@@ -90,12 +90,12 @@ 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_145pa_h9wdm_93:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-0_145pa_h9wdm_1 135ms ease-out;
-  animation: awsui_awsui-motion-fade-in-0_145pa_h9wdm_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
+.awsui_calendar_145pa_lqzvj_93:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-0_145pa_lqzvj_1 135ms ease-out;
+  animation: awsui_awsui-motion-fade-in-0_145pa_lqzvj_1 var(--motion-duration-show-quick-tyaalm, 135ms) var(--motion-easing-show-quick-1fcgbv, ease-out);
   animation-fill-mode: both;
 }
-@keyframes awsui_awsui-motion-fade-in-0_145pa_h9wdm_1 {
+@keyframes awsui_awsui-motion-fade-in-0_145pa_lqzvj_1 {
   from {
     opacity: 0;
   }
@@ -104,12 +104,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_calendar_145pa_h9wdm_93:not(#\9) {
+  .awsui_calendar_145pa_lqzvj_93:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_calendar_145pa_h9wdm_93:not(#\9), .awsui-mode-entering .awsui_calendar_145pa_h9wdm_93:not(#\9) {
+.awsui-motion-disabled .awsui_calendar_145pa_lqzvj_93:not(#\9), .awsui-mode-entering .awsui_calendar_145pa_lqzvj_93:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -118,7 +118,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_root_145pa_h9wdm_120:not(#\9) {
+.awsui_root_145pa_lqzvj_120:not(#\9) {
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   border-collapse: separate;
   border-spacing: 0;
@@ -160,26 +160,26 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_date-picker-container_145pa_h9wdm_131:not(#\9) {
+.awsui_date-picker-container_145pa_lqzvj_131:not(#\9) {
   position: relative;
   max-width: 234px;
 }
-.awsui_date-picker-trigger_145pa_h9wdm_136:not(#\9) {
+.awsui_date-picker-trigger_145pa_lqzvj_136:not(#\9) {
   display: flex;
 }
-.awsui_date-picker-input_145pa_h9wdm_140:not(#\9) {
+.awsui_date-picker-input_145pa_lqzvj_140:not(#\9) {
   padding-right: 8px;
   padding-right: var(--space-xs-rsr2qu, 8px);
   width: 100%;
 }
-.awsui_open-calendar-button_145pa_h9wdm_145:not(#\9) {
+.awsui_open-calendar-button_145pa_lqzvj_145:not(#\9) {
   /* used in test-utils */
 }
-.awsui_calendar_145pa_h9wdm_93:not(#\9) {
+.awsui_calendar_145pa_lqzvj_93:not(#\9) {
   display: block;
   width: 234px;
   overflow: auto;
@@ -223,19 +223,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   font-family: "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
   font-family: var(--font-family-base-mylvzb, "Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif);
 }
-.awsui_calendar_145pa_h9wdm_93:not(#\9):focus {
+.awsui_calendar_145pa_lqzvj_93:not(#\9):focus {
   outline: none;
 }
-.awsui_calendar-inner_145pa_h9wdm_165:not(#\9) {
+.awsui_calendar-inner_145pa_lqzvj_165:not(#\9) {
   margin: 8px;
   margin: var(--space-xs-rsr2qu, 8px);
 }
-.awsui_calendar-header_145pa_h9wdm_168:not(#\9) {
+.awsui_calendar-header_145pa_lqzvj_168:not(#\9) {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-.awsui_calendar-header-month_145pa_h9wdm_173:not(#\9) {
+.awsui_calendar-header-month_145pa_lqzvj_173:not(#\9) {
   font-size: 14px;
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: 22px;
@@ -244,17 +244,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: #16191f;
   color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
 }
-.awsui_calendar-next-month-btn_145pa_h9wdm_179:not(#\9) {
+.awsui_calendar-next-month-btn_145pa_lqzvj_179:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-prev-month-btn_145pa_h9wdm_182:not(#\9) {
+.awsui_calendar-prev-month-btn_145pa_lqzvj_182:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-names_145pa_h9wdm_185:not(#\9) {
+.awsui_calendar-day-names_145pa_lqzvj_185:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day-name_145pa_h9wdm_185:not(#\9) {
+.awsui_calendar-day-name_145pa_lqzvj_185:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -270,15 +270,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   letter-spacing: normal;
   letter-spacing: var(--font-body-s-letter-spacing-p88gax, normal);
 }
-.awsui_calendar-dates_145pa_h9wdm_200:not(#\9) {
+.awsui_calendar-dates_145pa_lqzvj_200:not(#\9) {
   border: 1px solid #eaeded;
   border: 1px solid var(--color-border-calendar-grid-54zscx, #eaeded);
 }
-.awsui_calendar-week_145pa_h9wdm_203:not(#\9) {
+.awsui_calendar-week_145pa_lqzvj_203:not(#\9) {
   display: flex;
   justify-content: stretch;
 }
-.awsui_calendar-day_145pa_h9wdm_185:not(#\9) {
+.awsui_calendar-day_145pa_lqzvj_185:not(#\9) {
   flex: 1 1 0%;
   width: 0;
   word-break: break-word;
@@ -295,41 +295,41 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   color: var(--color-text-dropdown-item-disabled-dgi2f4, #aab7b8);
   position: relative;
 }
-.awsui_calendar-day_145pa_h9wdm_185:not(#\9):last-child {
+.awsui_calendar-day_145pa_lqzvj_185:not(#\9):last-child {
   border-right: none;
 }
-.awsui_calendar-day-in-last-week_145pa_h9wdm_222:not(#\9) {
+.awsui_calendar-day-in-last-week_145pa_lqzvj_222:not(#\9) {
   border-bottom: none;
 }
-.awsui_calendar-day-focusable_145pa_h9wdm_225:not(#\9) {
+.awsui_calendar-day-focusable_145pa_lqzvj_225:not(#\9) {
   /* used for identifying element */
 }
-.awsui_calendar-day-enabled_145pa_h9wdm_228:not(#\9) {
+.awsui_calendar-day-enabled_145pa_lqzvj_228:not(#\9) {
   cursor: pointer;
   color: #687078;
   color: var(--color-text-dropdown-item-secondary-8hw5go, #687078);
 }
-.awsui_calendar-day-enabled_145pa_h9wdm_228.awsui_calendar-day-current-month_145pa_h9wdm_232:not(#\9) {
+.awsui_calendar-day-enabled_145pa_lqzvj_228.awsui_calendar-day-current-month_145pa_lqzvj_232:not(#\9) {
   color: #16191f;
   color: var(--color-text-dropdown-item-default-ki8ao1, #16191f);
 }
-.awsui_calendar-day-enabled_145pa_h9wdm_228.awsui_calendar-day-current-month_145pa_h9wdm_232:not(#\9):hover {
+.awsui_calendar-day-enabled_145pa_lqzvj_228.awsui_calendar-day-current-month_145pa_lqzvj_232:not(#\9):hover {
   color: #16191f;
   color: var(--color-text-calendar-day-hover-p7s945, #16191f);
   background-color: #f2f3f3;
   background-color: var(--color-background-dropdown-item-hover-hgdj8r, #f2f3f3);
 }
-.awsui_calendar-day-enabled_145pa_h9wdm_228.awsui_calendar-day-current-month_145pa_h9wdm_232:not(#\9):hover:not(.awsui_calendar-day-selected_145pa_h9wdm_239)::after {
+.awsui_calendar-day-enabled_145pa_lqzvj_228.awsui_calendar-day-current-month_145pa_lqzvj_232:not(#\9):hover:not(.awsui_calendar-day-selected_145pa_lqzvj_239)::after {
   border: 1px solid #879596;
   border: var(--border-item-width-yvnixs, 1px) solid var(--color-border-dropdown-item-hover-d32f3f, #879596);
   border-radius: 0px;
   border-radius: var(--border-calendar-grid-radius-lipixc, 0px);
 }
-.awsui_calendar-day-today_145pa_h9wdm_243:not(#\9) {
+.awsui_calendar-day-today_145pa_lqzvj_243:not(#\9) {
   background-color: #f2f3f3;
   background-color: var(--color-background-calendar-today-wm2baz, #f2f3f3);
 }
-.awsui_calendar-day_145pa_h9wdm_185:not(#\9)::after {
+.awsui_calendar-day_145pa_lqzvj_185:not(#\9)::after {
   content: "";
   position: absolute;
   top: -1px;
@@ -338,20 +338,20 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   right: -1px;
   background-color: transparent;
 }
-.awsui_calendar-day_145pa_h9wdm_185 > .awsui_day-inner_145pa_h9wdm_255:not(#\9) {
+.awsui_calendar-day_145pa_lqzvj_185 > .awsui_day-inner_145pa_lqzvj_255:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_calendar-day_145pa_h9wdm_185:not(#\9):focus {
+.awsui_calendar-day_145pa_lqzvj_185:not(#\9):focus {
   outline: none;
   position: relative;
 }
-.awsui_calendar-day_145pa_h9wdm_185:not(#\9):focus {
+.awsui_calendar-day_145pa_lqzvj_185:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: calc(0px - 1px);
   outline-offset: calc(var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px) - 1px);
 }
-.awsui_calendar-day_145pa_h9wdm_185:not(#\9):focus::before {
+.awsui_calendar-day_145pa_lqzvj_185:not(#\9):focus::before {
   content: " ";
   display: block;
   position: absolute;
@@ -365,17 +365,17 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   height: calc(100% + 2 * var(--space-calendar-grid-focus-outline-gutter-lbmex4, 0px));
   border-radius: 2px;
   border-radius: var(--border-calendar-grid-focus-ring-radius-z0j5a0, 2px);
-  box-shadow: 0 0 0 2px #00a1c9;
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 2px #0073bb;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }
-.awsui_calendar-day_145pa_h9wdm_185:not(#\9):focus::before {
+.awsui_calendar-day_145pa_lqzvj_185:not(#\9):focus::before {
   z-index: 2;
 }
-.awsui_calendar-day-selected_145pa_h9wdm_239:not(#\9) {
+.awsui_calendar-day-selected_145pa_lqzvj_239:not(#\9) {
   border-color: transparent;
   position: relative;
 }
-.awsui_calendar-day-selected_145pa_h9wdm_239:not(#\9)::after {
+.awsui_calendar-day-selected_145pa_lqzvj_239:not(#\9)::after {
   background-color: #f1faff;
   background-color: var(--color-background-dropdown-item-selected-w7iegd, #f1faff);
   border: 1px solid #00a1c9;
@@ -383,16 +383,16 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-radius: 0px;
   border-radius: var(--border-calendar-grid-radius-lipixc, 0px);
 }
-.awsui_calendar-day-selected_145pa_h9wdm_239 > .awsui_day-inner_145pa_h9wdm_255:not(#\9) {
+.awsui_calendar-day-selected_145pa_lqzvj_239 > .awsui_day-inner_145pa_lqzvj_255:not(#\9) {
   color: #16191f;
   color: var(--color-text-calendar-day-selected-fr68ny, #16191f);
   position: relative;
 }
-.awsui_calendar_145pa_h9wdm_93[data-awsui-focus-visible=true]:not(#\9):focus {
+.awsui_calendar_145pa_lqzvj_93[data-awsui-focus-visible=true]:not(#\9):focus {
   outline: 2px dotted transparent;
   outline-offset: 2px;
   border-radius: 0px;
   border-radius: var(--border-container-radius-gcr27z, 0px);
-  box-shadow: 0 0 0 2px #00a1c9;
-  box-shadow: 0 0 0 2px var(--color-border-item-focused-bs10w5, #00a1c9);
+  box-shadow: 0 0 0 2px #0073bb;
+  box-shadow: 0 0 0 2px var(--color-border-item-focused-n5kd8g, #0073bb);
 }