npm - @cloudscape-design/components-themeable - Versions diffs - 3.0.627 → 3.0.628 - Mend

@cloudscape-design/components-themeable 3.0.627 → 3.0.628

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

package/lib/internal/manifest.json CHANGED Viewed

@@ -1,3 +1,3 @@
 {
-  "commit": "9b9f5672ae77ff515f3fb5cf3224494fae2b6c4c"
+  "commit": "383a3c62e6498fa24ab5d45b2a4230fdc5aa5a8b"
 }

package/lib/internal/scss/internal/components/dropdown/styles.scss CHANGED Viewed

@@ -92,12 +92,18 @@
     inline-size: max-content;
     max-inline-size: var(#{custom-props.$dropdownDefaultMaxWidth}, 100%);
   }
-  &.hide-block-border > .dropdown-content-wrapper {
-    border-block: none;
-  }
   &.interior > .dropdown-content-wrapper {
     margin-block-start: -1px;
   }
+  &.hide-block-border > .dropdown-content-wrapper {
+    border-block-start: none;
+  }
+  &.hide-block-border:not(.dropdown-drop-up) > .dropdown-content-wrapper {
+    border-block-end: none;
+  }
+  &.hide-block-border.refresh > .dropdown-content-wrapper {
+    border-block-end: none;
+  }
   &.open {
     display: block;

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

@@ -1,25 +1,25 @@
     import './styles.scoped.css';
     export default {
-  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_1bmeb_99",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1bmeb_1",
-  "refresh": "awsui_refresh_qwoo0_1bmeb_120",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1bmeb_1",
-  "root": "awsui_root_qwoo0_1bmeb_149",
-  "interior": "awsui_interior_qwoo0_1bmeb_185",
-  "dropdown": "awsui_dropdown_qwoo0_1bmeb_99",
-  "use-portal": "awsui_use-portal_qwoo0_1bmeb_196",
-  "is-empty": "awsui_is-empty_qwoo0_1bmeb_248",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1bmeb_255",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1bmeb_259",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1bmeb_262",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1bmeb_268",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1bmeb_274",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1bmeb_277",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_1bmeb_281",
-  "open": "awsui_open_qwoo0_1bmeb_287",
-  "nowrap": "awsui_nowrap_qwoo0_1bmeb_296",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1bmeb_99",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1bmeb_307"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_ozrto_99",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_ozrto_1",
+  "refresh": "awsui_refresh_qwoo0_ozrto_120",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_ozrto_1",
+  "root": "awsui_root_qwoo0_ozrto_149",
+  "interior": "awsui_interior_qwoo0_ozrto_185",
+  "dropdown": "awsui_dropdown_qwoo0_ozrto_99",
+  "use-portal": "awsui_use-portal_qwoo0_ozrto_196",
+  "is-empty": "awsui_is-empty_qwoo0_ozrto_248",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_ozrto_255",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_ozrto_259",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_ozrto_262",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_ozrto_268",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_ozrto_274",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_ozrto_277",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_ozrto_284",
+  "open": "awsui_open_qwoo0_ozrto_293",
+  "nowrap": "awsui_nowrap_qwoo0_ozrto_302",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_ozrto_99",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_ozrto_313"
 };

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

@@ -96,10 +96,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_qwoo0_1bmeb_99:not(#\9) {
-  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_1bmeb_1 var(--motion-duration-show-quick-kypzaj, 135ms) var(--motion-easing-show-quick-lvi5i8, ease-out);
+.awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
+  animation: awsui_awsui-motion-fade-in-dropdown_qwoo0_ozrto_1 var(--motion-duration-show-quick-kypzaj, 135ms) var(--motion-easing-show-quick-lvi5i8, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_1bmeb_1 {
+@keyframes awsui_awsui-motion-fade-in-dropdown_qwoo0_ozrto_1 {
   from {
     opacity: 0.4;
   }
@@ -108,22 +108,22 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1bmeb_99.awsui_refresh_qwoo0_1bmeb_120:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_ozrto_99.awsui_refresh_qwoo0_ozrto_120:not(#\9) {
   transform-origin: top;
-  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_1bmeb_1;
+  animation-name: awsui_awsui-motion-fade-in-0_qwoo0_ozrto_1;
   animation-duration: var(--motion-duration-show-quick-kypzaj, 135ms);
   animation-timing-function: var(--motion-easing-show-quick-lvi5i8, ease-out);
 }
-@keyframes awsui_awsui-motion-fade-in-0_qwoo0_1bmeb_1 {
+@keyframes awsui_awsui-motion-fade-in-0_qwoo0_ozrto_1 {
   from {
     opacity: 0;
   }
@@ -132,12 +132,12 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   }
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99.awsui_refresh_qwoo0_1bmeb_120:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_ozrto_99.awsui_refresh_qwoo0_ozrto_120:not(#\9) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99.awsui_refresh_qwoo0_1bmeb_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99.awsui_refresh_qwoo0_1bmeb_120:not(#\9) {
+.awsui-motion-disabled .awsui_dropdown-content-wrapper_qwoo0_ozrto_99.awsui_refresh_qwoo0_ozrto_120:not(#\9), .awsui-mode-entering .awsui_dropdown-content-wrapper_qwoo0_ozrto_99.awsui_refresh_qwoo0_ozrto_120:not(#\9) {
   animation: none;
   transition: none;
 }
@@ -146,7 +146,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_qwoo0_1bmeb_149:not(#\9) {
+.awsui_root_qwoo0_ozrto_149:not(#\9) {
   border-collapse: separate;
   border-spacing: 0;
   box-sizing: border-box;
@@ -183,11 +183,11 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   position: relative;
   white-space: inherit;
 }
-.awsui_root_qwoo0_1bmeb_149.awsui_interior_qwoo0_1bmeb_185:not(#\9) {
+.awsui_root_qwoo0_ozrto_149.awsui_interior_qwoo0_ozrto_185:not(#\9) {
   position: static;
 }
-.awsui_dropdown_qwoo0_1bmeb_99:not(#\9) {
+.awsui_dropdown_qwoo0_ozrto_99:not(#\9) {
   position: absolute;
   display: none;
   z-index: 2000;
@@ -195,24 +195,24 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
           user-select: none;
   transform-origin: top;
 }
-.awsui_dropdown_qwoo0_1bmeb_99.awsui_use-portal_qwoo0_1bmeb_196:not(#\9) {
+.awsui_dropdown_qwoo0_ozrto_99.awsui_use-portal_qwoo0_ozrto_196:not(#\9) {
   z-index: 7000;
 }
-.awsui_dropdown_qwoo0_1bmeb_99:not(#\9):not(.awsui_interior_qwoo0_1bmeb_185) {
+.awsui_dropdown_qwoo0_ozrto_99:not(#\9):not(.awsui_interior_qwoo0_ozrto_185) {
   transform: translateY(0px);
   transition: transform var(--motion-duration-show-quick-kypzaj, 135ms);
 }
 @media (prefers-reduced-motion: reduce) {
-  .awsui_dropdown_qwoo0_1bmeb_99:not(#\9):not(.awsui_interior_qwoo0_1bmeb_185) {
+  .awsui_dropdown_qwoo0_ozrto_99:not(#\9):not(.awsui_interior_qwoo0_ozrto_185) {
     animation: none;
     transition: none;
   }
 }
-.awsui-motion-disabled .awsui_dropdown_qwoo0_1bmeb_99:not(#\9):not(.awsui_interior_qwoo0_1bmeb_185), .awsui-mode-entering .awsui_dropdown_qwoo0_1bmeb_99:not(#\9):not(.awsui_interior_qwoo0_1bmeb_185) {
+.awsui-motion-disabled .awsui_dropdown_qwoo0_ozrto_99:not(#\9):not(.awsui_interior_qwoo0_ozrto_185), .awsui-mode-entering .awsui_dropdown_qwoo0_ozrto_99:not(#\9):not(.awsui_interior_qwoo0_ozrto_185) {
   animation: none;
   transition: none;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9) {
+.awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
   position: relative;
   background-color: var(--color-background-dropdown-item-default-s7k0er, #ffffff);
   outline: none;
@@ -224,7 +224,7 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   border-block: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
   box-sizing: border-box;
 }
-.awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9)::after {
   content: "";
   position: absolute;
   z-index: 1;
@@ -242,70 +242,76 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   pointer-events: none;
 }
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9) {
+  .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
     border-block: var(--border-field-width-yoy972, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
     border-inline: var(--border-field-width-yoy972, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
   }
 }
-.awsui_dropdown-content-wrapper_qwoo0_1bmeb_99.awsui_is-empty_qwoo0_1bmeb_248:not(#\9)::after {
+.awsui_dropdown-content-wrapper_qwoo0_ozrto_99.awsui_is-empty_qwoo0_ozrto_248:not(#\9)::after {
   display: none;
 }
-.awsui_dropdown_qwoo0_1bmeb_99 > .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9) {
+.awsui_dropdown_qwoo0_ozrto_99 > .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
   border-block-start: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-container-top-9shhmi, #eaeded);
   border-block-end: var(--border-divider-list-width-471u6a, 1px) solid var(--color-border-dropdown-group-mkqzrv, #eaeded);
 }
-.awsui_dropdown-drop-up_qwoo0_1bmeb_255 > .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_ozrto_255 > .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
   transform-origin: bottom;
   box-shadow: var(--shadow-dropup-ovsp4h, 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_qwoo0_1bmeb_255.awsui_with-limited-width_qwoo0_1bmeb_259 > .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9) {
+.awsui_dropdown-drop-up_qwoo0_ozrto_255.awsui_with-limited-width_qwoo0_ozrto_259 > .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
   border-block-start: none;
 }
-.awsui_dropdown-drop-left_qwoo0_1bmeb_262:not(#\9) {
+.awsui_dropdown-drop-left_qwoo0_ozrto_262:not(#\9) {
   inset-inline-end: 0;
 }
-.awsui_dropdown-drop-left_qwoo0_1bmeb_262:not(#\9):dir(rtl) {
+.awsui_dropdown-drop-left_qwoo0_ozrto_262:not(#\9):dir(rtl) {
   inset-inline-end: unset;
 }
-.awsui_dropdown-drop-right_qwoo0_1bmeb_268:not(#\9) {
+.awsui_dropdown-drop-right_qwoo0_ozrto_268:not(#\9) {
   inset-inline-start: 0;
 }
-.awsui_dropdown-drop-right_qwoo0_1bmeb_268:not(#\9):dir(rtl) {
+.awsui_dropdown-drop-right_qwoo0_ozrto_268:not(#\9):dir(rtl) {
   inset-inline-start: unset;
 }
-.awsui_dropdown_qwoo0_1bmeb_99.awsui_occupy-entire-width_qwoo0_1bmeb_274:not(#\9) {
+.awsui_dropdown_qwoo0_ozrto_99.awsui_occupy-entire-width_qwoo0_ozrto_274:not(#\9) {
   min-inline-size: 100%;
 }
-.awsui_dropdown_qwoo0_1bmeb_99.awsui_stretch-beyond-trigger-width_qwoo0_1bmeb_277:not(#\9) {
+.awsui_dropdown_qwoo0_ozrto_99.awsui_stretch-beyond-trigger-width_qwoo0_ozrto_277:not(#\9) {
   inline-size: max-content;
   max-inline-size: var(--awsui-dropdown-default-max-width-lgosor, 100%);
 }
-.awsui_dropdown_qwoo0_1bmeb_99.awsui_hide-block-border_qwoo0_1bmeb_281 > .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9) {
-  border-block: none;
-}
-.awsui_dropdown_qwoo0_1bmeb_99.awsui_interior_qwoo0_1bmeb_185 > .awsui_dropdown-content-wrapper_qwoo0_1bmeb_99:not(#\9) {
+.awsui_dropdown_qwoo0_ozrto_99.awsui_interior_qwoo0_ozrto_185 > .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
   margin-block-start: -1px;
 }
-.awsui_dropdown_qwoo0_1bmeb_99.awsui_open_qwoo0_1bmeb_287:not(#\9) {
+.awsui_dropdown_qwoo0_ozrto_99.awsui_hide-block-border_qwoo0_ozrto_284 > .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
+  border-block-start: none;
+}
+.awsui_dropdown_qwoo0_ozrto_99.awsui_hide-block-border_qwoo0_ozrto_284:not(#\9):not(.awsui_dropdown-drop-up_qwoo0_ozrto_255) > .awsui_dropdown-content-wrapper_qwoo0_ozrto_99 {
+  border-block-end: none;
+}
+.awsui_dropdown_qwoo0_ozrto_99.awsui_hide-block-border_qwoo0_ozrto_284.awsui_refresh_qwoo0_ozrto_120 > .awsui_dropdown-content-wrapper_qwoo0_ozrto_99:not(#\9) {
+  border-block-end: none;
+}
+.awsui_dropdown_qwoo0_ozrto_99.awsui_open_qwoo0_ozrto_293:not(#\9) {
   display: block;
 }
-.awsui_dropdown_qwoo0_1bmeb_99.awsui_open_qwoo0_1bmeb_287:not(#\9):not(.awsui_interior_qwoo0_1bmeb_185).awsui_refresh_qwoo0_1bmeb_120[data-animating=true] {
+.awsui_dropdown_qwoo0_ozrto_99.awsui_open_qwoo0_ozrto_293:not(#\9):not(.awsui_interior_qwoo0_ozrto_185).awsui_refresh_qwoo0_ozrto_120[data-animating=true] {
   transform: translateY(4px);
 }
-.awsui_dropdown_qwoo0_1bmeb_99.awsui_open_qwoo0_1bmeb_287:not(#\9):not(.awsui_interior_qwoo0_1bmeb_185).awsui_refresh_qwoo0_1bmeb_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_1bmeb_255 {
+.awsui_dropdown_qwoo0_ozrto_99.awsui_open_qwoo0_ozrto_293:not(#\9):not(.awsui_interior_qwoo0_ozrto_185).awsui_refresh_qwoo0_ozrto_120[data-animating=true].awsui_dropdown-drop-up_qwoo0_ozrto_255 {
   transform: translateY(-4px);
 }
-.awsui_dropdown_qwoo0_1bmeb_99.awsui_open_qwoo0_1bmeb_287.awsui_nowrap_qwoo0_1bmeb_296:not(#\9) {
+.awsui_dropdown_qwoo0_ozrto_99.awsui_open_qwoo0_ozrto_293.awsui_nowrap_qwoo0_ozrto_302:not(#\9) {
   white-space: nowrap;
   overflow: scroll;
 }
-.awsui_dropdown-content_qwoo0_1bmeb_99:not(#\9) {
+.awsui_dropdown-content_qwoo0_ozrto_99:not(#\9) {
   display: flex;
   flex-direction: column;
   inline-size: 100%;
 }
-.awsui_stretch-trigger-height_qwoo0_1bmeb_307:not(#\9) {
+.awsui_stretch-trigger-height_qwoo0_ozrto_313:not(#\9) {
   block-size: 100%;
 }

package/lib/internal/template/internal/components/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_qwoo0_1bmeb_99",
-  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_1bmeb_1",
-  "refresh": "awsui_refresh_qwoo0_1bmeb_120",
-  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_1bmeb_1",
-  "root": "awsui_root_qwoo0_1bmeb_149",
-  "interior": "awsui_interior_qwoo0_1bmeb_185",
-  "dropdown": "awsui_dropdown_qwoo0_1bmeb_99",
-  "use-portal": "awsui_use-portal_qwoo0_1bmeb_196",
-  "is-empty": "awsui_is-empty_qwoo0_1bmeb_248",
-  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_1bmeb_255",
-  "with-limited-width": "awsui_with-limited-width_qwoo0_1bmeb_259",
-  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_1bmeb_262",
-  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_1bmeb_268",
-  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_1bmeb_274",
-  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_1bmeb_277",
-  "hide-block-border": "awsui_hide-block-border_qwoo0_1bmeb_281",
-  "open": "awsui_open_qwoo0_1bmeb_287",
-  "nowrap": "awsui_nowrap_qwoo0_1bmeb_296",
-  "dropdown-content": "awsui_dropdown-content_qwoo0_1bmeb_99",
-  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_1bmeb_307"
+  "dropdown-content-wrapper": "awsui_dropdown-content-wrapper_qwoo0_ozrto_99",
+  "awsui-motion-fade-in-dropdown": "awsui_awsui-motion-fade-in-dropdown_qwoo0_ozrto_1",
+  "refresh": "awsui_refresh_qwoo0_ozrto_120",
+  "awsui-motion-fade-in-0": "awsui_awsui-motion-fade-in-0_qwoo0_ozrto_1",
+  "root": "awsui_root_qwoo0_ozrto_149",
+  "interior": "awsui_interior_qwoo0_ozrto_185",
+  "dropdown": "awsui_dropdown_qwoo0_ozrto_99",
+  "use-portal": "awsui_use-portal_qwoo0_ozrto_196",
+  "is-empty": "awsui_is-empty_qwoo0_ozrto_248",
+  "dropdown-drop-up": "awsui_dropdown-drop-up_qwoo0_ozrto_255",
+  "with-limited-width": "awsui_with-limited-width_qwoo0_ozrto_259",
+  "dropdown-drop-left": "awsui_dropdown-drop-left_qwoo0_ozrto_262",
+  "dropdown-drop-right": "awsui_dropdown-drop-right_qwoo0_ozrto_268",
+  "occupy-entire-width": "awsui_occupy-entire-width_qwoo0_ozrto_274",
+  "stretch-beyond-trigger-width": "awsui_stretch-beyond-trigger-width_qwoo0_ozrto_277",
+  "hide-block-border": "awsui_hide-block-border_qwoo0_ozrto_284",
+  "open": "awsui_open_qwoo0_ozrto_293",
+  "nowrap": "awsui_nowrap_qwoo0_ozrto_302",
+  "dropdown-content": "awsui_dropdown-content_qwoo0_ozrto_99",
+  "stretch-trigger-height": "awsui_stretch-trigger-height_qwoo0_ozrto_313"
 };

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 (9b9f5672)";
+export var PACKAGE_VERSION = "3.0.0 (383a3c62)";
 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 (9b9f5672)",
+  "PACKAGE_VERSION": "3.0.0 (383a3c62)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/lib/internal/template/mixed-line-bar-chart/data-series.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-series.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/data-series.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAG9F,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAQ3F,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAEhB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAElB,iBAAiB,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAChE,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAErC,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAE3B,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,cAAc,EAAE,EAC3D,IAAI,EACJ,UAAU,EACV,SAAS,EACT,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,MAAM,GACP,EAAE,eAAe,CAAC,CAAC,CAAC,~~eAoFpB~~"}
1	+ {"version":3,"file":"data-series.d.ts","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/data-series.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAG9F,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAQ3F,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAEhB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAElB,iBAAiB,EAAE,sBAAsB,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;IAChE,qBAAqB,EAAE,MAAM,GAAG,IAAI,CAAC;IAErC,WAAW,EAAE,OAAO,CAAC;IACrB,iBAAiB,EAAE,OAAO,CAAC;IAE3B,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,CAAC;IACnB,MAAM,EAAE,iBAAiB,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,CAAC,SAAS,cAAc,EAAE,EAC3D,IAAI,EACJ,UAAU,EACV,SAAS,EACT,qBAAqB,EACrB,iBAAiB,EACjB,WAAW,EACX,iBAAiB,EACjB,aAAa,EACb,MAAM,EACN,MAAM,GACP,EAAE,eAAe,CAAC,CAAC,CAAC,eAsFpB"}

package/lib/internal/template/mixed-line-bar-chart/data-series.js CHANGED Viewed

@@ -22,6 +22,9 @@ export default function DataSeries({ axis, plotHeight, plotWidth, highlightedGro
             if (series.type === 'bar') {
                 barData.push(series.data);
             }
+            else {
+                barData.push([]);
+            }
         });
         return calculateOffsetMaps(barData);
     }, [visibleSeries, stackedBars]);

package/lib/internal/template/mixed-line-bar-chart/data-series.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"data-series.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/data-series.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { ChartScale, NumericChartScale } from '../internal/components/cartesian-chart/scales';\nimport LineSeries from './line-series';\nimport BarSeries from './bar-series';\nimport { ChartDataTypes, InternalChartSeries, MixedLineBarChartProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport { calculateOffsetMaps, StackedOffsets } from './utils';\n\n// Should have the same value as the `border-line-chart-width` token.\nconst STROKE_WIDTH = 2;\n\nexport interface DataSeriesProps<T> {\n axis: 'x' \| 'y';\n\n plotHeight: number;\n plotWidth: number;\n\n highlightedSeries: MixedLineBarChartProps.ChartSeries<T> \| null;\n highlightedGroupIndex: number \| null;\n\n stackedBars: boolean;\n isGroupNavigation: boolean;\n\n visibleSeries: ReadonlyArray<InternalChartSeries<T>>;\n xScale: ChartScale;\n yScale: NumericChartScale;\n}\n\nexport default function DataSeries<T extends ChartDataTypes>({\n axis,\n plotHeight,\n plotWidth,\n highlightedGroupIndex,\n highlightedSeries,\n stackedBars,\n isGroupNavigation,\n visibleSeries,\n xScale,\n yScale,\n}: DataSeriesProps<T>) {\n const chartAreaClipPath = useUniqueId('awsui-mixed-line-bar-chart__chart-area-');\n\n // Lines get a small extra space at the top and bottom to account for the strokes when they are at the edge of the graph.\n const lineAreaClipPath = useUniqueId('awsui-line-chart__chart-area-');\n\n const stackedBarOffsetMaps: StackedOffsets[] = useMemo(() => {\n if (!stackedBars) {\n return [];\n }\n\n const barData: Array<readonly MixedLineBarChartProps.Datum<ChartDataTypes>[]> = [];\n visibleSeries.forEach(({ series }) => {\n if (series.type === 'bar') {\n barData.push(series.data);\n }\n });\n return calculateOffsetMaps(barData);\n }, [visibleSeries, stackedBars]);\n\n return (\n <>\n <defs aria-hidden=\"true\">\n <clipPath id={chartAreaClipPath}>\n <rect x={0} y={0} width={plotWidth} height={plotHeight} />\n </clipPath>\n <clipPath id={lineAreaClipPath}>\n <rect x={0} y={-STROKE_WIDTH / 2} width={plotWidth} height={plotHeight + STROKE_WIDTH} />\n </clipPath>\n </defs>\n <g aria-hidden={isGroupNavigation ? true : undefined} role=\"group\">\n {visibleSeries.map(({ series, color }, index) => {\n const isHighlighted = series === highlightedSeries;\n const isDimmed = !!highlightedSeries && !isHighlighted;\n\n switch (series.type) {\n case 'line':\n case 'threshold': {\n return (\n <g\n key={index}\n role=\"group\"\n aria-label={series.title}\n className={clsx(styles.series, styles[`series--${series.type}`], {\n [styles['series--highlighted']]: isHighlighted,\n [styles['series--dimmed']]: isDimmed,\n })}\n >\n <LineSeries\n axis={axis}\n series={series}\n color={color}\n xScale={xScale}\n yScale={yScale}\n chartAreaClipPath={lineAreaClipPath}\n />\n </g>\n );\n }\n\n case 'bar':\n return (\n <BarSeries\n key={index}\n axis={axis}\n series={series}\n color={color}\n totalSeriesCount={visibleSeries.filter(s => s.series.type === 'bar').length}\n seriesIndex={index}\n xScale={xScale}\n yScale={yScale}\n plotSize={axis === 'y' ? plotWidth : plotHeight}\n highlighted={isHighlighted}\n dimmed={isDimmed}\n chartAreaClipPath={chartAreaClipPath}\n stackedBarOffsets={stackedBarOffsetMaps[index]}\n highlightedGroupIndex={highlightedGroupIndex}\n />\n );\n }\n })}\n </g>\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"data-series.js","sourceRoot":"","sources":["../../../src/mixed-line-bar-chart/data-series.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useMemo } from 'react';\nimport clsx from 'clsx';\n\nimport { useUniqueId } from '../internal/hooks/use-unique-id';\nimport { ChartScale, NumericChartScale } from '../internal/components/cartesian-chart/scales';\nimport LineSeries from './line-series';\nimport BarSeries from './bar-series';\nimport { ChartDataTypes, InternalChartSeries, MixedLineBarChartProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport { calculateOffsetMaps, StackedOffsets } from './utils';\n\n// Should have the same value as the `border-line-chart-width` token.\nconst STROKE_WIDTH = 2;\n\nexport interface DataSeriesProps<T> {\n axis: 'x' \| 'y';\n\n plotHeight: number;\n plotWidth: number;\n\n highlightedSeries: MixedLineBarChartProps.ChartSeries<T> \| null;\n highlightedGroupIndex: number \| null;\n\n stackedBars: boolean;\n isGroupNavigation: boolean;\n\n visibleSeries: ReadonlyArray<InternalChartSeries<T>>;\n xScale: ChartScale;\n yScale: NumericChartScale;\n}\n\nexport default function DataSeries<T extends ChartDataTypes>({\n axis,\n plotHeight,\n plotWidth,\n highlightedGroupIndex,\n highlightedSeries,\n stackedBars,\n isGroupNavigation,\n visibleSeries,\n xScale,\n yScale,\n}: DataSeriesProps<T>) {\n const chartAreaClipPath = useUniqueId('awsui-mixed-line-bar-chart__chart-area-');\n\n // Lines get a small extra space at the top and bottom to account for the strokes when they are at the edge of the graph.\n const lineAreaClipPath = useUniqueId('awsui-line-chart__chart-area-');\n\n const stackedBarOffsetMaps: StackedOffsets[] = useMemo(() => {\n if (!stackedBars) {\n return [];\n }\n\n const barData: Array<readonly MixedLineBarChartProps.Datum<ChartDataTypes>[]> = [];\n visibleSeries.forEach(({ series }) => {\n if (series.type === 'bar') {\n barData.push(series.data);\n } else {\n barData.push([]);\n }\n });\n return calculateOffsetMaps(barData);\n }, [visibleSeries, stackedBars]);\n\n return (\n <>\n <defs aria-hidden=\"true\">\n <clipPath id={chartAreaClipPath}>\n <rect x={0} y={0} width={plotWidth} height={plotHeight} />\n </clipPath>\n <clipPath id={lineAreaClipPath}>\n <rect x={0} y={-STROKE_WIDTH / 2} width={plotWidth} height={plotHeight + STROKE_WIDTH} />\n </clipPath>\n </defs>\n <g aria-hidden={isGroupNavigation ? true : undefined} role=\"group\">\n {visibleSeries.map(({ series, color }, index) => {\n const isHighlighted = series === highlightedSeries;\n const isDimmed = !!highlightedSeries && !isHighlighted;\n\n switch (series.type) {\n case 'line':\n case 'threshold': {\n return (\n <g\n key={index}\n role=\"group\"\n aria-label={series.title}\n className={clsx(styles.series, styles[`series--${series.type}`], {\n [styles['series--highlighted']]: isHighlighted,\n [styles['series--dimmed']]: isDimmed,\n })}\n >\n <LineSeries\n axis={axis}\n series={series}\n color={color}\n xScale={xScale}\n yScale={yScale}\n chartAreaClipPath={lineAreaClipPath}\n />\n </g>\n );\n }\n\n case 'bar':\n return (\n <BarSeries\n key={index}\n axis={axis}\n series={series}\n color={color}\n totalSeriesCount={visibleSeries.filter(s => s.series.type === 'bar').length}\n seriesIndex={index}\n xScale={xScale}\n yScale={yScale}\n plotSize={axis === 'y' ? plotWidth : plotHeight}\n highlighted={isHighlighted}\n dimmed={isDimmed}\n chartAreaClipPath={chartAreaClipPath}\n stackedBarOffsets={stackedBarOffsetMaps[index]}\n highlightedGroupIndex={highlightedGroupIndex}\n />\n );\n }\n })}\n </g>\n </>\n );\n}\n"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@cloudscape-design/components-themeable",
-  "version": "3.0.627",
+  "version": "3.0.628",
   "files": [
     "lib"
   ],