npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.589 → 3.0.590 - Mend

@cloudscape-design/components-themeable 3.0.589 → 3.0.590

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

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "961ecb0d001155d94ac2d3c625d4ea1842190401"
+  "commit": "6e03e446c53aa8ba1a7fd79244d35e311324f9cc"
 }

package/lib/internal/scss/container/styles.scss CHANGED Viewed

@@ -78,6 +78,8 @@
   &-fit-height {
     block-size: 100%;
     overflow: hidden;
+    border-end-start-radius: awsui.$border-radius-container;
+    border-end-end-radius: awsui.$border-radius-container;
   }
 }

package/lib/internal/scss/table/body-cell/styles.scss CHANGED Viewed

@@ -219,7 +219,7 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
     padding-block-start: $cell-vertical-padding;
   }
-  &-editor {
+  &-editor-wrapper {
     padding-block: 0;
     padding-inline-start: 0;
     padding-inline-end: $edit-button-padding-right;
@@ -232,7 +232,7 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
   }
   &-success,
-  &-editor {
+  &-editor-wrapper {
     inset-block: 0;
     inset-inline-end: 0;
     position: absolute;
@@ -240,16 +240,26 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
     display: flex;
     align-items: center;
     justify-content: flex-end;
+  }
+  &-editor {
     // Reset some native <button> styles
     cursor: pointer;
     outline: 0;
     background: 0;
     border-block: 0;
     border-inline: 0;
+    padding-block: 0;
+    padding-inline: 0;
-    color: awsui.$color-text-button-normal-default;
+    // This gives the editor button a small area even when the icon is not rendered.
+    // That is to allow programmatic interaction in tests.
+    min-block-size: 10px;
+    min-inline-size: 10px;
+    color: awsui.$color-text-button-normal-default;
+    &-disabled {
+      color: awsui.$color-text-disabled-inline-edit;
+    }
     &:hover {
       color: awsui.$color-text-button-normal-hover;
     }
@@ -285,13 +295,8 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
     }
   }
-  &.body-cell-disabled-edit > .body-cell-editor {
-    color: awsui.$color-text-disabled-inline-edit;
-  }
   &.body-cell-editable {
     position: relative;
-    cursor: pointer;
     &.sticky-cell {
       position: sticky;
@@ -305,23 +310,27 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
     }
     &:not(.body-cell-edit-active) {
+      cursor: pointer;
       @mixin focused-editor-styles {
         padding-inline-end: calc(#{$cell-horizontal-padding} + #{awsui.$space-l});
-        & > .body-cell-editor {
+        & > .body-cell-editor-wrapper {
           opacity: 1;
         }
         & > .body-cell-success {
           opacity: 1;
         }
       }
-      & > .body-cell-editor {
+      & > .body-cell-editor-wrapper {
         opacity: 0;
       }
+      // Showing focus outline for the cell.
       // We don't use our focus-visible polyfill here because it doesn't work properly with screen readers.
       // These edit buttons are special because they are visually hidden (opacity: 0), but exposed to assistive technology.
       // It's therefore important to display the focus outline, even when a keyboard user wasn't detected.
       // For example, when an edit button is selected from the VoiceOver rotor menu.
-      &:focus-within {
+      &.body-cell-interactive:focus-within {
         @include styles.focus-highlight(
           (
             'vertical': calc(-1 * #{awsui.$space-scaled-xxs}),
@@ -329,8 +338,15 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
           )
         );
       }
+      // When a cell is not interactive the focus outline must be present for the editor button.
+      &:not(.body-cell-interactive) > .body-cell-editor-wrapper > .body-cell-editor {
+        @include focus-visible.when-visible {
+          @include styles.focus-highlight(awsui.$space-button-inline-icon-focus-outline-gutter);
+        }
+      }
-      &:focus-within,
+      &:not(.body-cell-interactive),
+      &:focus-within:focus-within,
       &.body-cell-edit-disabled-popover {
         padding-inline-end: calc(#{$cell-horizontal-padding} + #{awsui.$space-l});
         &.body-cell-has-success {
@@ -343,7 +359,7 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
         }
       }
-      &:hover {
+      &.body-cell-interactive:hover {
         background-color: awsui.$color-background-dropdown-item-hover;
         border-block: awsui.$border-divider-list-width solid awsui.$color-border-editable-cell-hover;
         border-inline: awsui.$border-divider-list-width solid awsui.$color-border-editable-cell-hover;
@@ -354,7 +370,7 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
           inset-inline: 0;
         }
-        & > .body-cell-editor {
+        & > .body-cell-editor-wrapper {
           padding-inline-end: calc(#{$edit-button-padding-right} - (2 * #{awsui.$border-divider-list-width}));
         }
         & > .body-cell-success {
@@ -388,7 +404,7 @@ $success-icon-padding-right: calc(#{$edit-button-padding-right} + #{$icon-width-
       border-end-end-radius: awsui.$border-radius-item;
     }
     &.body-cell-first-row > .body-cell-success,
-    &.body-cell-first-row > .body-cell-editor {
+    &.body-cell-first-row > .body-cell-editor-wrapper {
       padding-block-start: awsui.$border-divider-list-width;
     }
   }

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

@@ -1,35 +1,35 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_14iqq_prxlf_103",
-  "fit-height": "awsui_fit-height_14iqq_prxlf_139",
-  "with-side-media": "awsui_with-side-media_14iqq_prxlf_144",
-  "variant-default": "awsui_variant-default_14iqq_prxlf_147",
-  "variant-stacked": "awsui_variant-stacked_14iqq_prxlf_147",
-  "refresh": "awsui_refresh_14iqq_prxlf_155",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_prxlf_205",
-  "with-top-media": "awsui_with-top-media_14iqq_prxlf_217",
-  "content-wrapper": "awsui_content-wrapper_14iqq_prxlf_222",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_prxlf_227",
-  "media": "awsui_media_14iqq_prxlf_232",
-  "media-top": "awsui_media-top_14iqq_prxlf_250",
-  "media-side": "awsui_media-side_14iqq_prxlf_255",
-  "header": "awsui_header_14iqq_prxlf_261",
-  "header-with-media": "awsui_header-with-media_14iqq_prxlf_266",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_prxlf_272",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_prxlf_276",
-  "header-stuck": "awsui_header-stuck_14iqq_prxlf_282",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_prxlf_292",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_prxlf_295",
-  "with-paddings": "awsui_with-paddings_14iqq_prxlf_301",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_prxlf_310",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_prxlf_368",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_prxlf_388",
-  "dark-header": "awsui_dark-header_14iqq_prxlf_397",
-  "content": "awsui_content_14iqq_prxlf_222",
-  "content-fit-height": "awsui_content-fit-height_14iqq_prxlf_405",
-  "content-with-media": "awsui_content-with-media_14iqq_prxlf_415",
-  "footer": "awsui_footer_14iqq_prxlf_419",
-  "with-divider": "awsui_with-divider_14iqq_prxlf_423"
+  "root": "awsui_root_14iqq_1l2x7_103",
+  "fit-height": "awsui_fit-height_14iqq_1l2x7_139",
+  "with-side-media": "awsui_with-side-media_14iqq_1l2x7_144",
+  "variant-default": "awsui_variant-default_14iqq_1l2x7_147",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1l2x7_147",
+  "refresh": "awsui_refresh_14iqq_1l2x7_155",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1l2x7_205",
+  "with-top-media": "awsui_with-top-media_14iqq_1l2x7_217",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1l2x7_222",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1l2x7_227",
+  "media": "awsui_media_14iqq_1l2x7_234",
+  "media-top": "awsui_media-top_14iqq_1l2x7_252",
+  "media-side": "awsui_media-side_14iqq_1l2x7_257",
+  "header": "awsui_header_14iqq_1l2x7_263",
+  "header-with-media": "awsui_header-with-media_14iqq_1l2x7_268",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1l2x7_274",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1l2x7_278",
+  "header-stuck": "awsui_header-stuck_14iqq_1l2x7_284",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1l2x7_294",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1l2x7_297",
+  "with-paddings": "awsui_with-paddings_14iqq_1l2x7_303",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1l2x7_312",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1l2x7_370",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_1l2x7_390",
+  "dark-header": "awsui_dark-header_14iqq_1l2x7_399",
+  "content": "awsui_content_14iqq_1l2x7_222",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1l2x7_407",
+  "content-with-media": "awsui_content-with-media_14iqq_1l2x7_417",
+  "footer": "awsui_footer_14iqq_1l2x7_421",
+  "with-divider": "awsui_with-divider_14iqq_1l2x7_425"
 };

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

@@ -100,7 +100,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_prxlf_103:not(#\9) {
+.awsui_root_14iqq_1l2x7_103:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -137,15 +137,15 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   word-wrap: break-word;
   position: relative;
 }
-.awsui_root_14iqq_prxlf_103.awsui_fit-height_14iqq_prxlf_139:not(#\9) {
+.awsui_root_14iqq_1l2x7_103.awsui_fit-height_14iqq_1l2x7_139:not(#\9) {
   display: flex;
   flex-direction: column;
   block-size: 100%;
 }
-.awsui_root_14iqq_prxlf_103.awsui_fit-height_14iqq_prxlf_139.awsui_with-side-media_14iqq_prxlf_144:not(#\9) {
+.awsui_root_14iqq_1l2x7_103.awsui_fit-height_14iqq_1l2x7_139.awsui_with-side-media_14iqq_1l2x7_144:not(#\9) {
   flex-direction: row;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-default_14iqq_prxlf_147:not(#\9), .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9) {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-default_14iqq_1l2x7_147:not(#\9), .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9) {
   background-color: var(--color-background-container-content-il2pe5, #ffffff);
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
@@ -153,11 +153,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-sizing: border-box;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-default_14iqq_prxlf_147.awsui_refresh_14iqq_prxlf_155:not(#\9), .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147.awsui_refresh_14iqq_prxlf_155:not(#\9) {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-default_14iqq_1l2x7_147.awsui_refresh_14iqq_1l2x7_155:not(#\9), .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147.awsui_refresh_14iqq_1l2x7_155:not(#\9) {
   border-block: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
   border-inline: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-default_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before, .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-default_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before, .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -175,7 +175,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-default_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::after, .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::after {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-default_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::after, .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -191,139 +191,141 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-shadow: var(--shadow-container-5104ec, 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_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(:last-child), .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(:last-child)::before, .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(:last-child)::after {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(:last-child), .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(:last-child)::before, .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(:last-child)::after {
   border-end-end-radius: 0;
   border-end-start-radius: 0;
   border-block-end-width: 0;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147 + .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9), .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147 + .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9)::before, .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147 + .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9)::after {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147 + .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9), .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147 + .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9)::before, .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147 + .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9)::after {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147 + .awsui_root_14iqq_prxlf_103.awsui_variant-stacked_14iqq_prxlf_147:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before {
+.awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147 + .awsui_root_14iqq_1l2x7_103.awsui_variant-stacked_14iqq_1l2x7_147:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before {
   border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_root_14iqq_prxlf_103.awsui_sticky-enabled_14iqq_prxlf_205:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before {
+.awsui_root_14iqq_1l2x7_103.awsui_sticky-enabled_14iqq_1l2x7_205:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before {
   inset-block-start: calc(-1 * var(--border-container-top-width-s1x6t0, 1px));
 }
-.awsui_root_14iqq_prxlf_103.awsui_sticky-enabled_14iqq_prxlf_205:not(#\9):not(.awsui_refresh_14iqq_prxlf_155).awsui_variant-stacked_14iqq_prxlf_147::before {
+.awsui_root_14iqq_1l2x7_103.awsui_sticky-enabled_14iqq_1l2x7_205:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155).awsui_variant-stacked_14iqq_1l2x7_147::before {
   inset-block-start: calc(-1 * var(--border-divider-section-width-wl9k66, 1px));
 }
-.awsui_with-side-media_14iqq_prxlf_144:not(#\9) {
+.awsui_with-side-media_14iqq_1l2x7_144:not(#\9) {
   display: flex;
   flex-direction: row;
 }
-.awsui_with-top-media_14iqq_prxlf_217:not(#\9) {
+.awsui_with-top-media_14iqq_1l2x7_217:not(#\9) {
   display: flex;
   flex-direction: column;
 }
-.awsui_content-wrapper_14iqq_prxlf_222:not(#\9) {
+.awsui_content-wrapper_14iqq_1l2x7_222:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_content-wrapper-fit-height_14iqq_prxlf_227:not(#\9) {
+.awsui_content-wrapper-fit-height_14iqq_1l2x7_227:not(#\9) {
   block-size: 100%;
   overflow: hidden;
+  border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
+  border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_media_14iqq_prxlf_232:not(#\9) {
+.awsui_media_14iqq_1l2x7_234:not(#\9) {
   overflow: hidden;
   flex-shrink: 0;
 }
-.awsui_media_14iqq_prxlf_232 img:not(#\9),
-.awsui_media_14iqq_prxlf_232 video:not(#\9),
-.awsui_media_14iqq_prxlf_232 picture:not(#\9) {
+.awsui_media_14iqq_1l2x7_234 img:not(#\9),
+.awsui_media_14iqq_1l2x7_234 video:not(#\9),
+.awsui_media_14iqq_1l2x7_234 picture:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   object-fit: cover;
   object-position: center;
 }
-.awsui_media_14iqq_prxlf_232 iframe:not(#\9) {
+.awsui_media_14iqq_1l2x7_234 iframe:not(#\9) {
   inline-size: 100%;
   block-size: 100%;
   border-block: 0;
   border-inline: 0;
 }
-.awsui_media-top_14iqq_prxlf_250:not(#\9) {
+.awsui_media-top_14iqq_1l2x7_252:not(#\9) {
   max-block-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
   border-start-end-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
 }
-.awsui_media-side_14iqq_prxlf_255:not(#\9) {
+.awsui_media-side_14iqq_1l2x7_257:not(#\9) {
   max-inline-size: 66%;
   border-start-start-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
   border-end-start-radius: calc(var(--border-radius-container-jm6teg, 0px) - 1px);
 }
-.awsui_header_14iqq_prxlf_261:not(#\9) {
+.awsui_header_14iqq_1l2x7_263:not(#\9) {
   background-color: var(--color-background-container-header-ni4jv3, #fafafa);
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_header_14iqq_prxlf_261.awsui_header-with-media_14iqq_prxlf_266:not(#\9) {
+.awsui_header_14iqq_1l2x7_263.awsui_header-with-media_14iqq_1l2x7_268:not(#\9) {
   background: none;
 }
-.awsui_header_14iqq_prxlf_261.awsui_header-with-media_14iqq_prxlf_266:not(#\9):not(:empty) {
+.awsui_header_14iqq_1l2x7_263.awsui_header-with-media_14iqq_1l2x7_268:not(#\9):not(:empty) {
   border-block-end: none;
 }
-.awsui_header-sticky-disabled_14iqq_prxlf_272:not(#\9) {
+.awsui_header-sticky-disabled_14iqq_1l2x7_274:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_header-sticky-enabled_14iqq_prxlf_276:not(#\9) {
+.awsui_header-sticky-enabled_14iqq_1l2x7_278:not(#\9) {
   inset-block-start: 0;
   /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
   position: sticky;
   z-index: 800;
 }
-.awsui_header-stuck_14iqq_prxlf_282:not(#\9) {
+.awsui_header-stuck_14iqq_1l2x7_284:not(#\9) {
   border-start-start-radius: 0;
   border-start-end-radius: 0;
   border-end-start-radius: 0;
   border-end-end-radius: 0;
 }
-.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::before {
+.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
 }
-.awsui_header-stuck_14iqq_prxlf_282:not(#\9):not(.awsui_header-variant-cards_14iqq_prxlf_292) {
+.awsui_header-stuck_14iqq_1l2x7_284:not(#\9):not(.awsui_header-variant-cards_14iqq_1l2x7_294) {
   box-shadow: var(--shadow-sticky-embedded-f9wivk, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
 }
-.awsui_header-dynamic-height_14iqq_prxlf_295.awsui_header-stuck_14iqq_prxlf_282:not(#\9) {
+.awsui_header-dynamic-height_14iqq_1l2x7_297.awsui_header-stuck_14iqq_1l2x7_284:not(#\9) {
   margin-block-end: calc(var(--line-height-heading-xl-v9hsvt, 36px) - var(--line-height-heading-l-vog8w7, 22px));
 }
-.awsui_header_14iqq_prxlf_261:not(#\9):not(:empty) {
+.awsui_header_14iqq_1l2x7_263:not(#\9):not(:empty) {
   border-block-end: var(--border-container-sticky-width-xo3q2l, 1px) solid var(--color-border-container-divider-gl15p9, #eaeded);
 }
-.awsui_header_14iqq_prxlf_261.awsui_with-paddings_14iqq_prxlf_301:not(#\9) {
+.awsui_header_14iqq_1l2x7_263.awsui_with-paddings_14iqq_1l2x7_303:not(#\9) {
   padding-block-start: var(--space-container-header-top-bomjbu, 12px);
   padding-block-end: var(--space-container-header-bottom-qqnwwz, 12px);
   padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_prxlf_261.awsui_with-paddings_14iqq_prxlf_301.awsui_header-variant-cards_14iqq_prxlf_292:not(#\9) {
+.awsui_header_14iqq_1l2x7_263.awsui_with-paddings_14iqq_1l2x7_303.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9) {
   padding-block: var(--space-container-header-top-bomjbu, 12px);
   padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_prxlf_261.awsui_with-hidden-content_14iqq_prxlf_310:not(#\9) {
+.awsui_header_14iqq_1l2x7_263.awsui_with-hidden-content_14iqq_1l2x7_312:not(#\9) {
   border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
 }
-.awsui_header-variant-cards_14iqq_prxlf_292:not(#\9) {
+.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9) {
   border-start-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-start-end-radius: var(--border-radius-container-jm6teg, 0px);
   border-end-start-radius: var(--border-radius-container-jm6teg, 0px);
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-sizing: border-box;
 }
-.awsui_header-variant-cards_14iqq_prxlf_292.awsui_refresh_14iqq_prxlf_155:not(#\9) {
+.awsui_header-variant-cards_14iqq_1l2x7_294.awsui_refresh_14iqq_1l2x7_155:not(#\9) {
   border-block: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
   border-inline: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_header-variant-cards_14iqq_prxlf_292:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::before {
+.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::before {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -341,7 +343,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   z-index: 1;
 }
-.awsui_header-variant-cards_14iqq_prxlf_292:not(#\9):not(.awsui_refresh_14iqq_prxlf_155)::after {
+.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9):not(.awsui_refresh_14iqq_1l2x7_155)::after {
   content: "";
   position: absolute;
   inset-inline-start: 0px;
@@ -357,19 +359,19 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-end-end-radius: var(--border-radius-container-jm6teg, 0px);
   box-shadow: var(--shadow-container-5104ec, 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-variant-cards_14iqq_prxlf_292:not(#\9):not(.awsui_header-sticky-enabled_14iqq_prxlf_276) {
+.awsui_header-variant-cards_14iqq_1l2x7_294:not(#\9):not(.awsui_header-sticky-enabled_14iqq_1l2x7_278) {
   position: relative;
 }
-.awsui_header-variant-cards_14iqq_prxlf_292.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::after, .awsui_header-variant-cards_14iqq_prxlf_292.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::before {
+.awsui_header-variant-cards_14iqq_1l2x7_294.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::after, .awsui_header-variant-cards_14iqq_1l2x7_294.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::before {
   border-block: 0;
   border-inline: 0;
   border-start-start-radius: 0;
   border-start-end-radius: 0;
 }
-.awsui_header-variant-full-page_14iqq_prxlf_368.awsui_header-stuck_14iqq_prxlf_282:not(#\9) {
+.awsui_header-variant-full-page_14iqq_1l2x7_370.awsui_header-stuck_14iqq_1l2x7_284:not(#\9) {
   box-shadow: none;
 }
-.awsui_header-variant-full-page_14iqq_prxlf_368.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::before {
+.awsui_header-variant-full-page_14iqq_1l2x7_370.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::before {
   content: "";
   position: absolute;
   pointer-events: none;
@@ -379,14 +381,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   inset-block-start: 0;
   border-block-end: solid var(--border-divider-section-width-wl9k66, 1px) var(--color-border-divider-default-in8dkg, #eaeded);
 }
-.awsui_header-variant-full-page_14iqq_prxlf_368.awsui_header-stuck_14iqq_prxlf_282:not(#\9)::after {
+.awsui_header-variant-full-page_14iqq_1l2x7_370.awsui_header-stuck_14iqq_1l2x7_284:not(#\9)::after {
   content: "";
   position: absolute;
   inset: 0;
   box-shadow: var(--shadow-sticky-hxu2pv, 0px 1px 4px -2px rgba(0, 28, 36, 0.5));
   clip-path: polygon(-999% 100%, 999% 100%, 999% 999%, -999% 999%);
 }
-.awsui_header-variant-full-page_14iqq_prxlf_368.awsui_header-stuck_14iqq_prxlf_282:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_prxlf_388)::before {
+.awsui_header-variant-full-page_14iqq_1l2x7_370.awsui_header-stuck_14iqq_1l2x7_284:not(#\9):not(.awsui_remove-high-contrast-header_14iqq_1l2x7_390)::before {
   content: "";
   border-block-end: none;
 }
@@ -395,32 +397,32 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
 The dynamic height dark header needs a background that will cover
 the default white background of the container component.
 */
-.awsui_dark-header_14iqq_prxlf_397:not(#\9) {
+.awsui_dark-header_14iqq_1l2x7_399:not(#\9) {
   background-color: var(--color-background-layout-main-td853a, #f2f3f3);
   color: var(--color-text-body-default-ffdwgg, #16191f);
 }
-.awsui_content_14iqq_prxlf_222:not(#\9) {
+.awsui_content_14iqq_1l2x7_222:not(#\9) {
   flex: 1;
 }
-.awsui_content-fit-height_14iqq_prxlf_405:not(#\9) {
+.awsui_content-fit-height_14iqq_1l2x7_407:not(#\9) {
   overflow: auto;
 }
-.awsui_content_14iqq_prxlf_222.awsui_with-paddings_14iqq_prxlf_301:not(#\9) {
+.awsui_content_14iqq_1l2x7_222.awsui_with-paddings_14iqq_1l2x7_303:not(#\9) {
   padding-block: var(--space-scaled-l-08jb88, 20px);
   padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_header_14iqq_prxlf_261 + .awsui_content_14iqq_prxlf_222.awsui_with-paddings_14iqq_prxlf_301:not(#\9) {
+.awsui_header_14iqq_1l2x7_263 + .awsui_content_14iqq_1l2x7_222.awsui_with-paddings_14iqq_1l2x7_303:not(#\9) {
   padding-block-start: var(--space-container-content-top-dkluz9, 16px);
 }
-.awsui_header_14iqq_prxlf_261 + .awsui_content_14iqq_prxlf_222.awsui_with-paddings_14iqq_prxlf_301.awsui_content-with-media_14iqq_prxlf_415:not(#\9) {
+.awsui_header_14iqq_1l2x7_263 + .awsui_content_14iqq_1l2x7_222.awsui_with-paddings_14iqq_1l2x7_303.awsui_content-with-media_14iqq_1l2x7_417:not(#\9) {
   padding-block-start: 0;
 }
-.awsui_footer_14iqq_prxlf_419.awsui_with-paddings_14iqq_prxlf_301:not(#\9) {
+.awsui_footer_14iqq_1l2x7_421.awsui_with-paddings_14iqq_1l2x7_303:not(#\9) {
   padding-block: var(--space-scaled-s-9q8n2q, 12px);
   padding-inline: var(--space-container-horizontal-oebwqe, 20px);
 }
-.awsui_footer_14iqq_prxlf_419.awsui_with-divider_14iqq_prxlf_423:not(#\9) {
+.awsui_footer_14iqq_1l2x7_421.awsui_with-divider_14iqq_1l2x7_425:not(#\9) {
   border-block-start: var(--border-divider-section-width-wl9k66, 1px) solid var(--color-border-divider-default-in8dkg, #eaeded);
 }

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

@@ -2,35 +2,35 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_14iqq_prxlf_103",
-  "fit-height": "awsui_fit-height_14iqq_prxlf_139",
-  "with-side-media": "awsui_with-side-media_14iqq_prxlf_144",
-  "variant-default": "awsui_variant-default_14iqq_prxlf_147",
-  "variant-stacked": "awsui_variant-stacked_14iqq_prxlf_147",
-  "refresh": "awsui_refresh_14iqq_prxlf_155",
-  "sticky-enabled": "awsui_sticky-enabled_14iqq_prxlf_205",
-  "with-top-media": "awsui_with-top-media_14iqq_prxlf_217",
-  "content-wrapper": "awsui_content-wrapper_14iqq_prxlf_222",
-  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_prxlf_227",
-  "media": "awsui_media_14iqq_prxlf_232",
-  "media-top": "awsui_media-top_14iqq_prxlf_250",
-  "media-side": "awsui_media-side_14iqq_prxlf_255",
-  "header": "awsui_header_14iqq_prxlf_261",
-  "header-with-media": "awsui_header-with-media_14iqq_prxlf_266",
-  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_prxlf_272",
-  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_prxlf_276",
-  "header-stuck": "awsui_header-stuck_14iqq_prxlf_282",
-  "header-variant-cards": "awsui_header-variant-cards_14iqq_prxlf_292",
-  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_prxlf_295",
-  "with-paddings": "awsui_with-paddings_14iqq_prxlf_301",
-  "with-hidden-content": "awsui_with-hidden-content_14iqq_prxlf_310",
-  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_prxlf_368",
-  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_prxlf_388",
-  "dark-header": "awsui_dark-header_14iqq_prxlf_397",
-  "content": "awsui_content_14iqq_prxlf_222",
-  "content-fit-height": "awsui_content-fit-height_14iqq_prxlf_405",
-  "content-with-media": "awsui_content-with-media_14iqq_prxlf_415",
-  "footer": "awsui_footer_14iqq_prxlf_419",
-  "with-divider": "awsui_with-divider_14iqq_prxlf_423"
+  "root": "awsui_root_14iqq_1l2x7_103",
+  "fit-height": "awsui_fit-height_14iqq_1l2x7_139",
+  "with-side-media": "awsui_with-side-media_14iqq_1l2x7_144",
+  "variant-default": "awsui_variant-default_14iqq_1l2x7_147",
+  "variant-stacked": "awsui_variant-stacked_14iqq_1l2x7_147",
+  "refresh": "awsui_refresh_14iqq_1l2x7_155",
+  "sticky-enabled": "awsui_sticky-enabled_14iqq_1l2x7_205",
+  "with-top-media": "awsui_with-top-media_14iqq_1l2x7_217",
+  "content-wrapper": "awsui_content-wrapper_14iqq_1l2x7_222",
+  "content-wrapper-fit-height": "awsui_content-wrapper-fit-height_14iqq_1l2x7_227",
+  "media": "awsui_media_14iqq_1l2x7_234",
+  "media-top": "awsui_media-top_14iqq_1l2x7_252",
+  "media-side": "awsui_media-side_14iqq_1l2x7_257",
+  "header": "awsui_header_14iqq_1l2x7_263",
+  "header-with-media": "awsui_header-with-media_14iqq_1l2x7_268",
+  "header-sticky-disabled": "awsui_header-sticky-disabled_14iqq_1l2x7_274",
+  "header-sticky-enabled": "awsui_header-sticky-enabled_14iqq_1l2x7_278",
+  "header-stuck": "awsui_header-stuck_14iqq_1l2x7_284",
+  "header-variant-cards": "awsui_header-variant-cards_14iqq_1l2x7_294",
+  "header-dynamic-height": "awsui_header-dynamic-height_14iqq_1l2x7_297",
+  "with-paddings": "awsui_with-paddings_14iqq_1l2x7_303",
+  "with-hidden-content": "awsui_with-hidden-content_14iqq_1l2x7_312",
+  "header-variant-full-page": "awsui_header-variant-full-page_14iqq_1l2x7_370",
+  "remove-high-contrast-header": "awsui_remove-high-contrast-header_14iqq_1l2x7_390",
+  "dark-header": "awsui_dark-header_14iqq_1l2x7_399",
+  "content": "awsui_content_14iqq_1l2x7_222",
+  "content-fit-height": "awsui_content-fit-height_14iqq_1l2x7_407",
+  "content-with-media": "awsui_content-with-media_14iqq_1l2x7_417",
+  "footer": "awsui_footer_14iqq_1l2x7_421",
+  "with-divider": "awsui_with-divider_14iqq_1l2x7_425"
 };

package/lib/internal/template/internal/environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (961ecb0d)";
+export var PACKAGE_VERSION = "3.0.0 (6e03e446)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/lib/internal/template/internal/environment.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (961ecb0d)",
+  "PACKAGE_VERSION": "3.0.0 (6e03e446)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/line-chart/index.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/line-chart/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,iBAAS,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,EACnD,MAAW,EACX,MAAY,EACZ,UAAqB,EACrB,UAAqB,EACrB,iBAA4B,EAC5B,UAAuB,EACvB,qBAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,CAAC,CAAC,~~eAqBnB~~;AAID,eAAe,SAAS,CAAC"}
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/line-chart/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9C,OAAO,EAAE,cAAc,EAAE,CAAC;AAE1B,iBAAS,SAAS,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,IAAI,EAAE,EACnD,MAAW,EACX,MAAY,EACZ,UAAqB,EACrB,UAAqB,EACrB,iBAA4B,EAC5B,UAAuB,EACvB,qBAA4B,EAC5B,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,CAAC,CAAC,eA+BnB;AAID,eAAe,SAAS,CAAC"}