npm - @cloudscape-design/components - Versions diffs - 3.0.189 → 3.0.191 - Mend

@cloudscape-design/components 3.0.189 → 3.0.191

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

package/app-layout/drawer.d.ts +1 -4
package/app-layout/drawer.d.ts.map +1 -1
package/app-layout/drawer.js +4 -13
package/app-layout/drawer.js.map +1 -1
package/app-layout/index.d.ts.map +1 -1
package/app-layout/index.js +4 -15
package/app-layout/index.js.map +1 -1
package/app-layout/mobile-toolbar/index.js +3 -3
package/app-layout/mobile-toolbar/index.js.map +1 -1
package/app-layout/navigation-panel.d.ts +1 -3
package/app-layout/navigation-panel.d.ts.map +1 -1
package/app-layout/navigation-panel.js +2 -2
package/app-layout/navigation-panel.js.map +1 -1
package/app-layout/notifications/index.d.ts +0 -4
package/app-layout/notifications/index.d.ts.map +1 -1
package/app-layout/notifications/index.js +1 -2
package/app-layout/notifications/index.js.map +1 -1
package/app-layout/styles.css.js +26 -38
package/app-layout/styles.scoped.css +34 -109
package/app-layout/styles.selectors.js +26 -38
package/app-layout/tools-and-split-panel.d.ts +1 -8
package/app-layout/tools-and-split-panel.d.ts.map +1 -1
package/app-layout/tools-and-split-panel.js +2 -3
package/app-layout/tools-and-split-panel.js.map +1 -1
package/flashbar/collapsible-flashbar.d.ts.map +1 -1
package/flashbar/collapsible-flashbar.js +5 -7
package/flashbar/collapsible-flashbar.js.map +1 -1
package/flashbar/internal/analytics.d.ts.map +1 -1
package/flashbar/internal/analytics.js +5 -3
package/flashbar/internal/analytics.js.map +1 -1
package/flashbar/styles.css.js +43 -43
package/flashbar/styles.scoped.css +146 -139
package/flashbar/styles.selectors.js +43 -43
package/internal/base-component/index.d.ts.map +1 -1
package/internal/base-component/index.js +3 -11
package/internal/base-component/index.js.map +1 -1
package/internal/base-component/init-awsui-versions.d.ts +2 -0
package/internal/base-component/init-awsui-versions.d.ts.map +1 -0
package/internal/base-component/init-awsui-versions.js +15 -0
package/internal/base-component/init-awsui-versions.js.map +1 -0
package/internal/environment.d.ts +1 -0
package/internal/environment.js +2 -1
package/internal/hooks/use-base-component/component-metadata.d.ts +3 -0
package/internal/hooks/use-base-component/component-metadata.d.ts.map +1 -0
package/internal/hooks/use-base-component/component-metadata.js +21 -0
package/internal/hooks/use-base-component/component-metadata.js.map +1 -0
package/internal/hooks/use-base-component/index.d.ts +0 -1
package/internal/hooks/use-base-component/index.d.ts.map +1 -1
package/internal/hooks/use-base-component/index.js +3 -28
package/internal/hooks/use-base-component/index.js.map +1 -1
package/internal/hooks/use-telemetry/index.d.ts.map +1 -1
package/internal/hooks/use-telemetry/index.js +4 -15
package/internal/hooks/use-telemetry/index.js.map +1 -1
package/internal/hooks/use-telemetry/telemetry.d.ts +8 -0
package/internal/hooks/use-telemetry/telemetry.d.ts.map +1 -0
package/internal/hooks/use-telemetry/telemetry.js +20 -0
package/internal/hooks/use-telemetry/telemetry.js.map +1 -0
package/internal/manifest.json +1 -1
package/internal/metrics/index.d.ts +3 -0
package/internal/metrics/index.d.ts.map +1 -0
package/internal/metrics/index.js +5 -0
package/internal/metrics/index.js.map +1 -0
package/internal/metrics/log-clients.d.ts +39 -0
package/internal/metrics/log-clients.d.ts.map +1 -0
package/internal/metrics/log-clients.js +90 -0
package/internal/metrics/log-clients.js.map +1 -0
package/internal/metrics/metrics-formatters.d.ts +7 -0
package/internal/metrics/metrics-formatters.d.ts.map +1 -0
package/internal/metrics/metrics-formatters.js +36 -0
package/internal/metrics/metrics-formatters.js.map +1 -0
package/internal/{metrics.d.ts → metrics/metrics.d.ts} +11 -18
package/internal/metrics/metrics.d.ts.map +1 -0
package/internal/metrics/metrics.js +95 -0
package/internal/metrics/metrics.js.map +1 -0
package/package.json +1 -1
package/property-filter/index.d.ts.map +1 -1
package/property-filter/index.js +1 -1
package/property-filter/index.js.map +1 -1
package/wizard/internal/analytics.d.ts.map +1 -1
package/wizard/internal/analytics.js +5 -3
package/wizard/internal/analytics.js.map +1 -1
package/app-layout/toggle-buttons.d.ts +0 -12
package/app-layout/toggle-buttons.d.ts.map +0 -1
package/app-layout/toggle-buttons.js +0 -13
package/app-layout/toggle-buttons.js.map +0 -1
package/internal/hooks/use-previous-frame/index.d.ts +0 -8
package/internal/hooks/use-previous-frame/index.d.ts.map +0 -1
package/internal/hooks/use-previous-frame/index.js +0 -20
package/internal/hooks/use-previous-frame/index.js.map +0 -1
package/internal/metrics.d.ts.map +0 -1
package/internal/metrics.js +0 -177
package/internal/metrics.js.map +0 -1

package/app-layout/styles.css.js CHANGED Viewed

@@ -1,43 +1,31 @@
     import './styles.scoped.css';
     export default {
-  "root": "awsui_root_lm6vo_hzagk_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_hzagk_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_hzagk_104",
-  "layout": "awsui_layout_lm6vo_hzagk_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_hzagk_115",
-  "layout-main": "awsui_layout-main_lm6vo_hzagk_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_hzagk_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_hzagk_130",
-  "navigation-panel": "awsui_navigation-panel_lm6vo_hzagk_134",
-  "drawer": "awsui_drawer_lm6vo_hzagk_138",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_hzagk_144",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_hzagk_147",
-  "opaque-background": "awsui_opaque-background_lm6vo_hzagk_154",
-  "drawer-content": "awsui_drawer-content_lm6vo_hzagk_158",
-  "toggle": "awsui_toggle_lm6vo_hzagk_183",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_hzagk_188",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_hzagk_192",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_hzagk_195",
-  "button-toggles-container": "awsui_button-toggles-container_lm6vo_hzagk_205",
-  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_hzagk_210",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_hzagk_224",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_hzagk_229",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_hzagk_233",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_hzagk_237",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_hzagk_241",
-  "navigation-toggle": "awsui_navigation-toggle_lm6vo_hzagk_246",
-  "tools-toggle": "awsui_tools-toggle_lm6vo_hzagk_251",
-  "navigation": "awsui_navigation_lm6vo_hzagk_134",
-  "navigation-close": "awsui_navigation-close_lm6vo_hzagk_263",
-  "tools": "awsui_tools_lm6vo_hzagk_251",
-  "tools-close": "awsui_tools-close_lm6vo_hzagk_275",
-  "notifications": "awsui_notifications_lm6vo_hzagk_279",
-  "breadcrumbs": "awsui_breadcrumbs_lm6vo_hzagk_224",
-  "content": "awsui_content_lm6vo_hzagk_229",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_hzagk_291",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_hzagk_292",
-  "mobile": "awsui_mobile_lm6vo_hzagk_301",
-  "open": "awsui_open_lm6vo_hzagk_307"
+  "root": "awsui_root_lm6vo_oif4k_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_oif4k_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_oif4k_104",
+  "layout": "awsui_layout_lm6vo_oif4k_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_oif4k_115",
+  "layout-main": "awsui_layout-main_lm6vo_oif4k_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_oif4k_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_oif4k_130",
+  "navigation-panel": "awsui_navigation-panel_lm6vo_oif4k_134",
+  "drawer": "awsui_drawer_lm6vo_oif4k_138",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_oif4k_144",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_oif4k_147",
+  "drawer-content": "awsui_drawer-content_lm6vo_oif4k_155",
+  "toggle": "awsui_toggle_lm6vo_oif4k_177",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_oif4k_182",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_oif4k_186",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_oif4k_189",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_oif4k_199",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_oif4k_204",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_oif4k_208",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_oif4k_212",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_oif4k_216",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_oif4k_220",
+  "mobile": "awsui_mobile_lm6vo_oif4k_226",
+  "open": "awsui_open_lm6vo_oif4k_232",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_oif4k_238"
 };

package/app-layout/styles.scoped.css CHANGED Viewed

@@ -94,222 +94,147 @@ 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_lm6vo_hzagk_97:not(#\9),
-.awsui_layout-wrapper_lm6vo_hzagk_98:not(#\9) {
+.awsui_root_lm6vo_oif4k_97:not(#\9),
+.awsui_layout-wrapper_lm6vo_oif4k_98:not(#\9) {
   display: flex;
   flex-direction: column;
   position: relative;
 }
-.awsui_root-no-scroll_lm6vo_hzagk_104:not(#\9) {
+.awsui_root-no-scroll_lm6vo_oif4k_104:not(#\9) {
   position: relative;
   z-index: 1;
 }
-.awsui_layout_lm6vo_hzagk_98:not(#\9) {
+.awsui_layout_lm6vo_oif4k_98:not(#\9) {
   flex: 1 1 auto;
   display: flex;
   align-items: stretch;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
 }
-.awsui_layout-no-scroll_lm6vo_hzagk_115:not(#\9) {
+.awsui_layout-no-scroll_lm6vo_oif4k_115:not(#\9) {
   overflow: hidden;
 }
-.awsui_layout-main_lm6vo_hzagk_119:not(#\9) {
+.awsui_layout-main_lm6vo_oif4k_119:not(#\9) {
   flex: 1;
   min-width: 0;
   background-color: var(--color-background-layout-main-sfhm4y, #ffffff);
   position: relative;
 }
-.awsui_layout-main-scrollable_lm6vo_hzagk_125:not(#\9) {
+.awsui_layout-main-scrollable_lm6vo_oif4k_125:not(#\9) {
   overflow: auto;
 }
 /* stylelint-disable-next-line selector-combinator-disallowed-list, selector-max-universal */
-.awsui_unfocusable_lm6vo_hzagk_130 *:not(#\9) {
+.awsui_unfocusable_lm6vo_oif4k_130 *:not(#\9) {
   visibility: hidden;
 }
-.awsui_navigation-panel_lm6vo_hzagk_134:not(#\9) {
+.awsui_navigation-panel_lm6vo_oif4k_134:not(#\9) {
   overflow-anchor: none;
 }
-.awsui_drawer_lm6vo_hzagk_138:not(#\9) {
+.awsui_drawer_lm6vo_oif4k_138:not(#\9) {
   flex-shrink: 0;
   position: relative;
   word-wrap: break-word;
   box-shadow: var(--shadow-panel-gp3bf2, 0px 1px 1px 1px #e9ebed, 0px 6px 36px rgba(0, 7, 22, 0.1));
 }
-.awsui_drawer_lm6vo_hzagk_138:not(#\9):not(.awsui_drawer-mobile_lm6vo_hzagk_144) {
+.awsui_drawer_lm6vo_oif4k_138:not(#\9):not(.awsui_drawer-mobile_lm6vo_oif4k_144) {
   z-index: 850;
 }
-.awsui_drawer-closed_lm6vo_hzagk_147:not(#\9) {
+.awsui_drawer-closed_lm6vo_oif4k_147:not(#\9) {
   min-width: 40px;
   cursor: pointer;
 }
-.awsui_drawer-closed_lm6vo_hzagk_147.awsui_drawer-mobile_lm6vo_hzagk_144:not(#\9) {
+.awsui_drawer-closed_lm6vo_oif4k_147.awsui_drawer-mobile_lm6vo_oif4k_144:not(#\9) {
   display: none;
 }
-.awsui_drawer_lm6vo_hzagk_138.awsui_opaque-background_lm6vo_hzagk_154:not(#\9) {
-  background: var(--color-background-layout-panel-content-808qum, #ffffff);
-}
-.awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
+.awsui_drawer-content_lm6vo_oif4k_155:not(#\9) {
   position: fixed;
   overflow: auto;
   background-color: var(--color-background-layout-panel-content-808qum, #ffffff);
 }
-.awsui_opaque-background_lm6vo_hzagk_154 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
-  border-right: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
-}
-.awsui_drawer-mobile_lm6vo_hzagk_144 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
+.awsui_drawer-mobile_lm6vo_oif4k_144 > .awsui_drawer-content_lm6vo_oif4k_155:not(#\9) {
   z-index: 1001;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
 }
-.awsui_drawer-closed_lm6vo_hzagk_147 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9) {
+.awsui_drawer-closed_lm6vo_oif4k_147 > .awsui_drawer-content_lm6vo_oif4k_155:not(#\9) {
   width: 40px;
 }
-.awsui_drawer-closed_lm6vo_hzagk_147 > .awsui_drawer-content_lm6vo_hzagk_158:not(#\9):hover {
+.awsui_drawer-closed_lm6vo_oif4k_147 > .awsui_drawer-content_lm6vo_oif4k_155:not(#\9):hover {
   background: var(--color-background-layout-panel-hover-0bg3gq, #e9ebed);
 }
-.awsui_drawer-content_lm6vo_hzagk_158 > [aria-hidden=true]:not(#\9) {
+.awsui_drawer-content_lm6vo_oif4k_155 > [aria-hidden=true]:not(#\9) {
   display: none;
 }
-.awsui_toggle_lm6vo_hzagk_183:not(#\9) {
+.awsui_toggle_lm6vo_oif4k_177:not(#\9) {
   box-sizing: border-box;
   padding: var(--space-xxs-ynfts5, 4px) 7px;
 }
-.awsui_visual-refresh-toggle_lm6vo_hzagk_188:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_oif4k_182:not(#\9) {
   position: fixed;
   padding: var(--space-scaled-s-cu1hzn, 12px) var(--space-layout-toggle-padding-axl9jr, 20px);
 }
-.awsui_visual-refresh-toggle-type-tools_lm6vo_hzagk_192:not(#\9) {
+.awsui_visual-refresh-toggle-type-tools_lm6vo_oif4k_186:not(#\9) {
   right: 0;
 }
-.awsui_visual-refresh-toggle-type-navigation_lm6vo_hzagk_195:not(#\9) {
+.awsui_visual-refresh-toggle-type-navigation_lm6vo_oif4k_189:not(#\9) {
   left: 0;
 }
-.awsui_visual-refresh-toggle_lm6vo_hzagk_188[aria-hidden=true]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_oif4k_182[aria-hidden=true]:not(#\9) {
   visibility: hidden;
 }
-.awsui_visual-refresh-toggle_lm6vo_hzagk_188[aria-hidden=false]:not(#\9) {
+.awsui_visual-refresh-toggle_lm6vo_oif4k_182[aria-hidden=false]:not(#\9) {
   visibility: visible;
 }
-.awsui_button-toggles-container_lm6vo_hzagk_205:not(#\9) {
-  min-width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
-  position: relative;
-  z-index: 851;
-}
-.awsui_button-toggles-container-is-hidden_lm6vo_hzagk_210:not(#\9) {
-  min-width: 0;
-}
-.awsui_button-toggles-container_lm6vo_hzagk_205.awsui_opaque-background_lm6vo_hzagk_154:not(#\9)::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  width: calc(var(--space-layout-toggle-diameter-hzvqtj, 40px) + 2 * var(--space-layout-toggle-padding-axl9jr, 20px));
-  background: var(--color-background-layout-panel-content-808qum, #ffffff);
-  border-left: var(--border-divider-section-width-4wm2it, 2px) solid var(--color-border-divider-panel-side-yjkfcr, #e9ebed);
-}
-.awsui_breadcrumbs-desktop_lm6vo_hzagk_224:not(#\9) {
+.awsui_breadcrumbs-desktop_lm6vo_oif4k_199:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
   padding-bottom: var(--space-scaled-s-cu1hzn, 12px);
 }
-.awsui_content-header-wrapper_lm6vo_hzagk_229:not(#\9) {
+.awsui_content-header-wrapper_lm6vo_oif4k_204:not(#\9) {
   padding-bottom: var(--space-content-header-padding-bottom-nvqytg, 24px);
 }
-.awsui_content-wrapper_lm6vo_hzagk_233:not(#\9) {
+.awsui_content-wrapper_lm6vo_oif4k_208:not(#\9) {
   padding-bottom: var(--space-layout-content-bottom-kg9l42, 40px);
 }
-.awsui_content-overlapped_lm6vo_hzagk_237:not(#\9) {
+.awsui_content-overlapped_lm6vo_oif4k_212:not(#\9) {
   margin-top: calc(-1 * var(--space-dark-header-overlap-distance-hfejul, 36px));
 }
-.awsui_content-extra-top-padding_lm6vo_hzagk_241:not(#\9) {
+.awsui_content-extra-top-padding_lm6vo_oif4k_216:not(#\9) {
   padding-top: var(--space-scaled-m-pv0fmt, 16px);
 }
-/* stylelint-disable-next-line selector-max-universal */
-.awsui_navigation-toggle_lm6vo_hzagk_246 > *:not(#\9) {
-  pointer-events: none;
-}
-/* stylelint-disable-next-line selector-max-universal */
-.awsui_tools-toggle_lm6vo_hzagk_251 > *:not(#\9) {
-  pointer-events: none;
-}
-.awsui_navigation_lm6vo_hzagk_134:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_navigation-toggle_lm6vo_hzagk_246:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_navigation-close_lm6vo_hzagk_263:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_tools_lm6vo_hzagk_251:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_tools-toggle_lm6vo_hzagk_251:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_tools-close_lm6vo_hzagk_275:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_notifications_lm6vo_hzagk_279:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_breadcrumbs_lm6vo_hzagk_224:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_content_lm6vo_hzagk_229:not(#\9) {
-  /* used in test-utils */
-}
-.awsui_panel-wrapper-outer_lm6vo_hzagk_291:not(#\9),
-.awsui_panel-wrapper-inner_lm6vo_hzagk_292:not(#\9) {
-  z-index: 850;
-}
-.awsui_panel-wrapper-outer_lm6vo_hzagk_291:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_oif4k_220:not(#\9) {
   position: fixed;
   height: 100%;
+  z-index: 850;
   display: flex;
 }
-.awsui_panel-wrapper-outer_lm6vo_hzagk_291.awsui_mobile_lm6vo_hzagk_301:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_oif4k_220.awsui_mobile_lm6vo_oif4k_226:not(#\9) {
   left: 0;
   right: 0;
   z-index: -1;
   pointer-events: none;
 }
-.awsui_panel-wrapper-outer_lm6vo_hzagk_291.awsui_mobile_lm6vo_hzagk_301.awsui_open_lm6vo_hzagk_307:not(#\9) {
+.awsui_panel-wrapper-outer_lm6vo_oif4k_220.awsui_mobile_lm6vo_oif4k_226.awsui_open_lm6vo_oif4k_232:not(#\9) {
   z-index: 1001;
   width: 100vw;
   pointer-events: auto;
 }
-.awsui_panel-wrapper-inner_lm6vo_hzagk_292:not(#\9) {
+.awsui_panel-wrapper-inner_lm6vo_oif4k_238:not(#\9) {
   background: var(--color-background-layout-panel-content-808qum, #ffffff);
 }

package/app-layout/styles.selectors.js CHANGED Viewed

@@ -2,43 +2,31 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "root": "awsui_root_lm6vo_hzagk_97",
-  "layout-wrapper": "awsui_layout-wrapper_lm6vo_hzagk_98",
-  "root-no-scroll": "awsui_root-no-scroll_lm6vo_hzagk_104",
-  "layout": "awsui_layout_lm6vo_hzagk_98",
-  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_hzagk_115",
-  "layout-main": "awsui_layout-main_lm6vo_hzagk_119",
-  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_hzagk_125",
-  "unfocusable": "awsui_unfocusable_lm6vo_hzagk_130",
-  "navigation-panel": "awsui_navigation-panel_lm6vo_hzagk_134",
-  "drawer": "awsui_drawer_lm6vo_hzagk_138",
-  "drawer-mobile": "awsui_drawer-mobile_lm6vo_hzagk_144",
-  "drawer-closed": "awsui_drawer-closed_lm6vo_hzagk_147",
-  "opaque-background": "awsui_opaque-background_lm6vo_hzagk_154",
-  "drawer-content": "awsui_drawer-content_lm6vo_hzagk_158",
-  "toggle": "awsui_toggle_lm6vo_hzagk_183",
-  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_hzagk_188",
-  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_hzagk_192",
-  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_hzagk_195",
-  "button-toggles-container": "awsui_button-toggles-container_lm6vo_hzagk_205",
-  "button-toggles-container-is-hidden": "awsui_button-toggles-container-is-hidden_lm6vo_hzagk_210",
-  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_hzagk_224",
-  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_hzagk_229",
-  "content-wrapper": "awsui_content-wrapper_lm6vo_hzagk_233",
-  "content-overlapped": "awsui_content-overlapped_lm6vo_hzagk_237",
-  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_hzagk_241",
-  "navigation-toggle": "awsui_navigation-toggle_lm6vo_hzagk_246",
-  "tools-toggle": "awsui_tools-toggle_lm6vo_hzagk_251",
-  "navigation": "awsui_navigation_lm6vo_hzagk_134",
-  "navigation-close": "awsui_navigation-close_lm6vo_hzagk_263",
-  "tools": "awsui_tools_lm6vo_hzagk_251",
-  "tools-close": "awsui_tools-close_lm6vo_hzagk_275",
-  "notifications": "awsui_notifications_lm6vo_hzagk_279",
-  "breadcrumbs": "awsui_breadcrumbs_lm6vo_hzagk_224",
-  "content": "awsui_content_lm6vo_hzagk_229",
-  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_hzagk_291",
-  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_hzagk_292",
-  "mobile": "awsui_mobile_lm6vo_hzagk_301",
-  "open": "awsui_open_lm6vo_hzagk_307"
+  "root": "awsui_root_lm6vo_oif4k_97",
+  "layout-wrapper": "awsui_layout-wrapper_lm6vo_oif4k_98",
+  "root-no-scroll": "awsui_root-no-scroll_lm6vo_oif4k_104",
+  "layout": "awsui_layout_lm6vo_oif4k_98",
+  "layout-no-scroll": "awsui_layout-no-scroll_lm6vo_oif4k_115",
+  "layout-main": "awsui_layout-main_lm6vo_oif4k_119",
+  "layout-main-scrollable": "awsui_layout-main-scrollable_lm6vo_oif4k_125",
+  "unfocusable": "awsui_unfocusable_lm6vo_oif4k_130",
+  "navigation-panel": "awsui_navigation-panel_lm6vo_oif4k_134",
+  "drawer": "awsui_drawer_lm6vo_oif4k_138",
+  "drawer-mobile": "awsui_drawer-mobile_lm6vo_oif4k_144",
+  "drawer-closed": "awsui_drawer-closed_lm6vo_oif4k_147",
+  "drawer-content": "awsui_drawer-content_lm6vo_oif4k_155",
+  "toggle": "awsui_toggle_lm6vo_oif4k_177",
+  "visual-refresh-toggle": "awsui_visual-refresh-toggle_lm6vo_oif4k_182",
+  "visual-refresh-toggle-type-tools": "awsui_visual-refresh-toggle-type-tools_lm6vo_oif4k_186",
+  "visual-refresh-toggle-type-navigation": "awsui_visual-refresh-toggle-type-navigation_lm6vo_oif4k_189",
+  "breadcrumbs-desktop": "awsui_breadcrumbs-desktop_lm6vo_oif4k_199",
+  "content-header-wrapper": "awsui_content-header-wrapper_lm6vo_oif4k_204",
+  "content-wrapper": "awsui_content-wrapper_lm6vo_oif4k_208",
+  "content-overlapped": "awsui_content-overlapped_lm6vo_oif4k_212",
+  "content-extra-top-padding": "awsui_content-extra-top-padding_lm6vo_oif4k_216",
+  "panel-wrapper-outer": "awsui_panel-wrapper-outer_lm6vo_oif4k_220",
+  "mobile": "awsui_mobile_lm6vo_oif4k_226",
+  "open": "awsui_open_lm6vo_oif4k_232",
+  "panel-wrapper-inner": "awsui_panel-wrapper-inner_lm6vo_oif4k_238"
 };

package/app-layout/tools-and-split-panel.d.ts CHANGED Viewed

@@ -5,26 +5,19 @@ import useContentHeight from './utils/use-content-height';
 interface ToolsAndSplitPanelProps {
     toolsHide: boolean;
     toolsOpen: boolean;
-    isHidden: DesktopDrawerProps['isHidden'];
-    splitPanelOpen: boolean;
     drawerWidth: number;
     toolsWidth: number;
-    splitPanelReportedSize: number;
-    closedDrawerWidth: number;
     headerHeight: DesktopDrawerProps['topOffset'];
     footerHeight: DesktopDrawerProps['bottomOffset'];
     panelHeightStyle: ReturnType<typeof useContentHeight>['panelHeightStyle'];
-    contentHeightStyle: ReturnType<typeof useContentHeight>['contentHeightStyle'];
     tools: React.ReactNode;
     splitPanel: React.ReactNode;
     ariaLabels: AppLayoutProps['ariaLabels'];
-    disableContentPaddings: AppLayoutProps['disableContentPaddings'];
     isMobile: boolean;
-    isMotionEnabled: boolean;
     onToolsToggle: DesktopDrawerProps['onToggle'];
     toggleRefs: DesktopDrawerProps['toggleRefs'];
     onLoseToolsFocus: (event: React.FocusEvent) => void;
 }
-export declare function ToolsAndSplitPanel({ ariaLabels, drawerWidth, footerHeight, headerHeight, isHidden, isMobile, onToolsToggle, panelHeightStyle, splitPanel, toggleRefs, onLoseToolsFocus, tools, toolsHide, toolsOpen, toolsWidth, splitPanelOpen, }: ToolsAndSplitPanelProps): JSX.Element;
+export declare function ToolsAndSplitPanel({ ariaLabels, drawerWidth, footerHeight, headerHeight, isMobile, onToolsToggle, panelHeightStyle, splitPanel, toggleRefs, onLoseToolsFocus, tools, toolsHide, toolsOpen, toolsWidth, }: ToolsAndSplitPanelProps): JSX.Element;
 export {};
 //# sourceMappingURL=tools-and-split-panel.d.ts.map

package/app-layout/tools-and-split-panel.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tools-and-split-panel.d.ts","sourceRoot":"","sources":["../../../src/app-layout/tools-and-split-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAU,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAI1D,UAAU,uBAAuB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,~~QAAQ,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAEzC,cAAc,EAAE,OAAO,CAAC;IAExB,~~WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,~~sBAAsB,EAAE,MAAM,CAAC;IAC/B,iBAAiB,EAAE,MAAM,CAAC;IAE1B,~~YAAY,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,gBAAgB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC1E,~~kBAAkB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,oBAAoB,CAAC,CAAC;IAE9E,~~KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;~~IAE5B~~,UAAU,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;~~IAEzC~~,~~sBAAsB,EAAE,cAAc,CAAC,wBAAwB,CAAC,CAAC;IACjE,~~QAAQ,EAAE,OAAO,CAAC;IAClB,~~eAAe,EAAE,OAAO,CAAC;IAEzB,~~aAAa,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;~~IAE9C~~,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;~~IAE7C~~,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,~~QAAQ,EACR,~~aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,~~EACV~~,~~cAAc,GACf,~~EAAE,uBAAuB,~~eA8CzB~~"}
1	+ {"version":3,"file":"tools-and-split-panel.d.ts","sourceRoot":"","sources":["../../../src/app-layout/tools-and-split-panel.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAU,MAAM,UAAU,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAI1D,UAAU,uBAAuB;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,kBAAkB,CAAC,WAAW,CAAC,CAAC;IAC9C,YAAY,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAC;IACjD,gBAAgB,EAAE,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC1E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,UAAU,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACzC,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC9C,UAAU,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAC;IAC7C,gBAAgB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACrD;AAED,wBAAgB,kBAAkB,CAAC,EACjC,UAAU,EACV,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,gBAAgB,EAChB,UAAU,EACV,UAAU,EACV,gBAAgB,EAChB,KAAK,EACL,SAAS,EACT,SAAS,EACT,UAAU,GACX,EAAE,uBAAuB,eAyCzB"}

package/app-layout/tools-and-split-panel.js CHANGED Viewed

@@ -8,8 +8,7 @@ import styles from './styles.css.js';
 import testutilStyles from './test-classes/styles.css.js';
 export function ToolsAndSplitPanel(_a) {
     var _b;
-    var ariaLabels = _a.ariaLabels, drawerWidth = _a.drawerWidth, footerHeight = _a.footerHeight, headerHeight = _a.headerHeight, isHidden = _a.isHidden, isMobile = _a.isMobile, onToolsToggle = _a.onToolsToggle, panelHeightStyle = _a.panelHeightStyle, splitPanel = _a.splitPanel, toggleRefs = _a.toggleRefs, onLoseToolsFocus = _a.onLoseToolsFocus, tools = _a.tools, toolsHide = _a.toolsHide, toolsOpen = _a.toolsOpen, toolsWidth = _a.toolsWidth, splitPanelOpen = _a.splitPanelOpen;
-    var splitPanelVisible = splitPanelOpen && Boolean(splitPanel);
+    var ariaLabels = _a.ariaLabels, drawerWidth = _a.drawerWidth, footerHeight = _a.footerHeight, headerHeight = _a.headerHeight, isMobile = _a.isMobile, onToolsToggle = _a.onToolsToggle, panelHeightStyle = _a.panelHeightStyle, splitPanel = _a.splitPanel, toggleRefs = _a.toggleRefs, onLoseToolsFocus = _a.onLoseToolsFocus, tools = _a.tools, toolsHide = _a.toolsHide, toolsOpen = _a.toolsOpen, toolsWidth = _a.toolsWidth;
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { style: {
                 width: drawerWidth
@@ -19,6 +18,6 @@ export function ToolsAndSplitPanel(_a) {
                     _b[styles.open] = toolsOpen,
                     _b)), style: __assign({}, (isMobile ? { top: headerHeight, bottom: footerHeight } : panelHeightStyle)) },
                 splitPanel,
-                !toolsHide && (React.createElement(Drawer, { type: "tools", isMobile: isMobile, width: toolsWidth, isOpen: toolsOpen, onToggle: onToolsToggle, toggleRefs: toggleRefs, onLoseFocus: onLoseToolsFocus, isHidden: isHidden, contentClassName: clsx(styles.tools, testutilStyles.tools), closeClassName: clsx(styles['tools-close'], testutilStyles['tools-close']), toggleClassName: clsx(styles['tools-toggle'], testutilStyles['tools-toggle']), topOffset: headerHeight, bottomOffset: footerHeight, ariaLabels: ariaLabels, extendRight: 0, hasDividerWithSplitPanel: splitPanelVisible }, tools))))));
+                !toolsHide && (React.createElement(Drawer, { type: "tools", isMobile: isMobile, width: toolsWidth, isOpen: toolsOpen, onToggle: onToolsToggle, toggleRefs: toggleRefs, onLoseFocus: onLoseToolsFocus, contentClassName: testutilStyles.tools, closeClassName: testutilStyles['tools-close'], toggleClassName: testutilStyles['tools-toggle'], topOffset: headerHeight, bottomOffset: footerHeight, ariaLabels: ariaLabels }, tools))))));
 }
 //# sourceMappingURL=tools-and-split-panel.js.map

package/app-layout/tools-and-split-panel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"tools-and-split-panel.js","sourceRoot":"","sources":["../../../src/app-layout/tools-and-split-panel.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,MAAM,EAAE,MAAM,UAAU,CAAC;AAGtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;~~AAmC1D~~,MAAM,UAAU,kBAAkB,CAAC,~~EAiBT~~;;~~QAhBxB~~,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,~~QAAQ,cAAA,EACR,~~aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,SAAS,eAAA,EACT,UAAU,gBAAA~~,EACV,cAAc,oBAAA~~;~~IAEd~~,~~IAAM,iBAAiB,GAAG,cAAc,IAAI,~~OAAO,~~CAAC,UAAU,CAAC,CAAC;IAEhE,OAAO,~~CACL;QACE,6BACE,KAAK,EAAE;gBACL,KAAK,EAAE,WAAW;aACnB;YAED,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC;oBAC3C,GAAC,MAAM,CAAC,MAAM,IAAG,QAAQ;oBACzB,GAAC,MAAM,CAAC,IAAI,IAAG,SAAS;wBACxB,EACF,KAAK,eACA,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBAG/E,UAAU;gBACV,CAAC,SAAS,IAAI,CACb,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,gBAAgB,EAC7B,~~QAAQ,EAAE,QAAQ,EAClB,~~gBAAgB,EAAE,~~IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,~~cAAc,CAAC,KAAK,~~CAAC~~,~~EAC1D,~~cAAc,EAAE,~~IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,~~cAAc,CAAC,aAAa,CAAC,~~CAAC~~,~~EAC1E,~~eAAe,EAAE,~~IAAI,CAAC,MAAM,CAAC,~~cAAc,CAAC,~~EAAE,~~cAAc,CAAC,~~cAAc~~,~~CAAC,CAAC,EAC7E,~~SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,~~EACtB~~,~~WAAW,EAAE,CAAC,EACd,wBAAwB,EAAE,iBAAiB,IAE1C,~~KAAK,CACC,CACV,CACG,CACF,CACL,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { DesktopDrawerProps, Drawer } from './drawer';\nimport { AppLayoutProps } from './interfaces';\nimport useContentHeight from './utils/use-content-height';\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface ToolsAndSplitPanelProps {\n toolsHide: boolean;\n toolsOpen: boolean;\n ~~isHidden: DesktopDrawerProps['isHidden'];\n\n splitPanelOpen: boolean;\n\n~~ drawerWidth: number;\n toolsWidth: number;\n ~~splitPanelReportedSize: number;\n closedDrawerWidth: number;\n\n~~ headerHeight: DesktopDrawerProps['topOffset'];\n footerHeight: DesktopDrawerProps['bottomOffset'];\n panelHeightStyle: ReturnType<typeof useContentHeight>['panelHeightStyle'];\n ~~contentHeightStyle: ReturnType<typeof useContentHeight>['contentHeightStyle'];\n\n~~ tools: React.ReactNode;\n splitPanel: React.ReactNode;\n\n ariaLabels: AppLayoutProps['ariaLabels'];\n\n ~~disableContentPaddings: AppLayoutProps['disableContentPaddings'];\n~~ isMobile: boolean;\n ~~isMotionEnabled: boolean;\n\n~~ onToolsToggle: DesktopDrawerProps['onToggle'];\n\n toggleRefs: DesktopDrawerProps['toggleRefs'];\n\n onLoseToolsFocus: (event: React.FocusEvent) => void;\n}\n\nexport function ToolsAndSplitPanel({\n ariaLabels,\n drawerWidth,\n footerHeight,\n headerHeight,\n ~~isHidden,\n~~ isMobile,\n onToolsToggle,\n panelHeightStyle,\n splitPanel,\n toggleRefs,\n onLoseToolsFocus,\n tools,\n toolsHide,\n toolsOpen,\n toolsWidth,\n ~~splitPanelOpen,\n~~}: ToolsAndSplitPanelProps) {\n ~~const splitPanelVisible = splitPanelOpen && Boolean(splitPanel);\n\n~~ return (\n <>\n <div\n style={{\n width: drawerWidth,\n }}\n >\n <div\n className={clsx(styles['panel-wrapper-outer'], {\n [styles.mobile]: isMobile,\n [styles.open]: toolsOpen,\n })}\n style={{\n ...(isMobile ? { top: headerHeight, bottom: footerHeight } : panelHeightStyle),\n }}\n >\n {splitPanel}\n {!toolsHide && (\n <Drawer\n type=\"tools\"\n isMobile={isMobile}\n width={toolsWidth}\n isOpen={toolsOpen}\n onToggle={onToolsToggle}\n toggleRefs={toggleRefs}\n onLoseFocus={onLoseToolsFocus}\n ~~isHidden={isHidden}\n~~ contentClassName={~~clsx(styles.tools,~~ testutilStyles.tools)}\n closeClassName={~~clsx(styles['tools-close'],~~ testutilStyles['tools-close'])}\n toggleClassName={~~clsx(styles['tools-toggle'],~~ testutilStyles['tools-toggle'])}\n topOffset={headerHeight}\n bottomOffset={footerHeight}\n ariaLabels={ariaLabels}\n ~~extendRight={0}\n hasDividerWithSplitPanel={splitPanelVisible}\n~~ >\n {tools}\n </Drawer>\n )}\n </div>\n </div>\n </>\n );\n}\n"]}
1	+ {"version":3,"file":"tools-and-split-panel.js","sourceRoot":"","sources":["../../../src/app-layout/tools-and-split-panel.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAsB,MAAM,EAAE,MAAM,UAAU,CAAC;AAGtD,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAmB1D,MAAM,UAAU,kBAAkB,CAAC,EAeT;;QAdxB,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACL,SAAS,eAAA,EACT,SAAS,eAAA,EACT,UAAU,gBAAA;IAEV,OAAO,CACL;QACE,6BACE,KAAK,EAAE;gBACL,KAAK,EAAE,WAAW;aACnB;YAED,6BACE,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,qBAAqB,CAAC;oBAC3C,GAAC,MAAM,CAAC,MAAM,IAAG,QAAQ;oBACzB,GAAC,MAAM,CAAC,IAAI,IAAG,SAAS;wBACxB,EACF,KAAK,eACA,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,gBAAgB,CAAC;gBAG/E,UAAU;gBACV,CAAC,SAAS,IAAI,CACb,oBAAC,MAAM,IACL,IAAI,EAAC,OAAO,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,EACjB,MAAM,EAAE,SAAS,EACjB,QAAQ,EAAE,aAAa,EACvB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,gBAAgB,EAC7B,gBAAgB,EAAE,cAAc,CAAC,KAAK,EACtC,cAAc,EAAE,cAAc,CAAC,aAAa,CAAC,EAC7C,eAAe,EAAE,cAAc,CAAC,cAAc,CAAC,EAC/C,SAAS,EAAE,YAAY,EACvB,YAAY,EAAE,YAAY,EAC1B,UAAU,EAAE,UAAU,IAErB,KAAK,CACC,CACV,CACG,CACF,CACL,CACJ,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React from 'react';\nimport { DesktopDrawerProps, Drawer } from './drawer';\nimport { AppLayoutProps } from './interfaces';\nimport useContentHeight from './utils/use-content-height';\nimport styles from './styles.css.js';\nimport testutilStyles from './test-classes/styles.css.js';\n\ninterface ToolsAndSplitPanelProps {\n toolsHide: boolean;\n toolsOpen: boolean;\n drawerWidth: number;\n toolsWidth: number;\n headerHeight: DesktopDrawerProps['topOffset'];\n footerHeight: DesktopDrawerProps['bottomOffset'];\n panelHeightStyle: ReturnType<typeof useContentHeight>['panelHeightStyle'];\n tools: React.ReactNode;\n splitPanel: React.ReactNode;\n ariaLabels: AppLayoutProps['ariaLabels'];\n isMobile: boolean;\n onToolsToggle: DesktopDrawerProps['onToggle'];\n toggleRefs: DesktopDrawerProps['toggleRefs'];\n onLoseToolsFocus: (event: React.FocusEvent) => void;\n}\n\nexport function ToolsAndSplitPanel({\n ariaLabels,\n drawerWidth,\n footerHeight,\n headerHeight,\n isMobile,\n onToolsToggle,\n panelHeightStyle,\n splitPanel,\n toggleRefs,\n onLoseToolsFocus,\n tools,\n toolsHide,\n toolsOpen,\n toolsWidth,\n}: ToolsAndSplitPanelProps) {\n return (\n <>\n <div\n style={{\n width: drawerWidth,\n }}\n >\n <div\n className={clsx(styles['panel-wrapper-outer'], {\n [styles.mobile]: isMobile,\n [styles.open]: toolsOpen,\n })}\n style={{\n ...(isMobile ? { top: headerHeight, bottom: footerHeight } : panelHeightStyle),\n }}\n >\n {splitPanel}\n {!toolsHide && (\n <Drawer\n type=\"tools\"\n isMobile={isMobile}\n width={toolsWidth}\n isOpen={toolsOpen}\n onToggle={onToolsToggle}\n toggleRefs={toggleRefs}\n onLoseFocus={onLoseToolsFocus}\n contentClassName={testutilStyles.tools}\n closeClassName={testutilStyles['tools-close']}\n toggleClassName={testutilStyles['tools-toggle']}\n topOffset={headerHeight}\n bottomOffset={footerHeight}\n ariaLabels={ariaLabels}\n >\n {tools}\n </Drawer>\n )}\n </div>\n </div>\n </>\n );\n}\n"]}

package/flashbar/collapsible-flashbar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"collapsible-flashbar.d.ts","sourceRoot":"","sources":["../../../src/flashbar/collapsible-flashbar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAgBvE,OAAO,EAAE,aAAa,EAAE,CAAC;AAQzB,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,GAAG,wBAAwB,~~eA0S5G~~"}
1	+ {"version":3,"file":"collapsible-flashbar.d.ts","sourceRoot":"","sources":["../../../src/flashbar/collapsible-flashbar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,wBAAwB,EAAE,MAAM,cAAc,CAAC;AAgBvE,OAAO,EAAE,aAAa,EAAE,CAAC;AAQzB,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,EAAE,aAAa,GAAG,wBAAwB,eAuS5G"}

package/flashbar/collapsible-flashbar.js CHANGED Viewed

@@ -68,9 +68,9 @@ export default function CollapsibleFlashbar(_a) {
     }
     useLayoutEffect(function () {
         if (isFlashbarStackExpanded && (items === null || items === void 0 ? void 0 : items.length)) {
-            var lastItem = items[items.length - 1];
-            if (lastItem.id !== undefined) {
-                focusFlashById(ref.current, lastItem.id);
+            var mostRecentItem = items[0];
+            if (mostRecentItem.id !== undefined) {
+                focusFlashById(ref.current, mostRecentItem.id);
             }
         }
         // Run this after expanding, but not every time the items change.
@@ -125,13 +125,11 @@ export default function CollapsibleFlashbar(_a) {
         }
     }, [updateBottomSpacing, getElementsToAnimate, initialAnimationState, isFlashbarStackExpanded]);
     var isCollapsible = items.length > maxNonCollapsibleItems;
-    // When using the stacking feature, the items are shown in reverse order (last item on top)
-    var reversedItems = items.slice().reverse();
     var countByType = getFlashTypeCount(items);
     var stackDepth = Math.min(3, items.length);
     var itemsToShow = isFlashbarStackExpanded
-        ? reversedItems.map(function (item, index) { return (__assign(__assign({}, item), { expandedIndex: index })); })
-        : getVisibleCollapsedItems(reversedItems, stackDepth).map(function (item, index) { return (__assign(__assign({}, item), { collapsedIndex: index })); });
+        ? items.map(function (item, index) { return (__assign(__assign({}, item), { expandedIndex: index })); })
+        : getVisibleCollapsedItems(items, stackDepth).map(function (item, index) { return (__assign(__assign({}, item), { collapsedIndex: index })); });
     var notificationBarText = i18nStrings === null || i18nStrings === void 0 ? void 0 : i18nStrings.notificationBarText;
     var getItemId = function (item) { var _a, _b; return (_b = (_a = item.id) !== null && _a !== void 0 ? _a : item.expandedIndex) !== null && _b !== void 0 ? _b : 0; };
     // This check allows us to use the standard "enter" Transition only when the notification was not existing before.