@cloudscape-design/components 3.0.730 → 3.0.731

package/flashbar/styles.selectors.js

@@ -2,52 +2,52 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "flash-with-motion": "awsui_flash-with-motion_1q84n_1kw09_153",
-  "enter": "awsui_enter_1q84n_1kw09_153",
-  "flash-body": "awsui_flash-body_1q84n_1kw09_167",
-  "flash-message": "awsui_flash-message_1q84n_1kw09_167",
-  "flash-header": "awsui_flash-header_1q84n_1kw09_167",
-  "flash-content": "awsui_flash-content_1q84n_1kw09_168",
-  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_1kw09_169",
-  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_1kw09_170",
-  "flash-icon": "awsui_flash-icon_1q84n_1kw09_193",
-  "entering": "awsui_entering_1q84n_1kw09_206",
-  "entered": "awsui_entered_1q84n_1kw09_227",
-  "exiting": "awsui_exiting_1q84n_1kw09_332",
-  "stack": "awsui_stack_1q84n_1kw09_366",
-  "animation-running": "awsui_animation-running_1q84n_1kw09_366",
-  "item": "awsui_item_1q84n_1kw09_366",
-  "flash-list-item": "awsui_flash-list-item_1q84n_1kw09_367",
-  "notification-bar": "awsui_notification-bar_1q84n_1kw09_368",
-  "collapsed": "awsui_collapsed_1q84n_1kw09_388",
-  "animation-ready": "awsui_animation-ready_1q84n_1kw09_388",
-  "expanded-only": "awsui_expanded-only_1q84n_1kw09_388",
-  "expanded": "awsui_expanded_1q84n_1kw09_388",
-  "flash": "awsui_flash_1q84n_1kw09_153",
-  "collapsible": "awsui_collapsible_1q84n_1kw09_444",
-  "short-list": "awsui_short-list_1q84n_1kw09_450",
-  "visual-refresh": "awsui_visual-refresh_1q84n_1kw09_450",
-  "status": "awsui_status_1q84n_1kw09_597",
-  "header": "awsui_header_1q84n_1kw09_597",
-  "item-count": "awsui_item-count_1q84n_1kw09_598",
-  "button": "awsui_button_1q84n_1kw09_599",
-  "type-count": "awsui_type-count_1q84n_1kw09_632",
-  "count-number": "awsui_count-number_1q84n_1kw09_632",
-  "icon": "awsui_icon_1q84n_1kw09_666",
-  "floating": "awsui_floating_1q84n_1kw09_707",
-  "flashbar": "awsui_flashbar_1q84n_1kw09_711",
-  "flash-refresh": "awsui_flash-refresh_1q84n_1kw09_786",
-  "flash-list": "awsui_flash-list_1q84n_1kw09_367",
-  "flash-focus-container": "awsui_flash-focus-container_1q84n_1kw09_807",
-  "flash-text": "awsui_flash-text_1q84n_1kw09_837",
-  "dismiss-button": "awsui_dismiss-button_1q84n_1kw09_170",
-  "breakpoint-default": "awsui_breakpoint-default_1q84n_1kw09_879",
-  "action-button": "awsui_action-button_1q84n_1kw09_169",
-  "action-slot": "awsui_action-slot_1q84n_1kw09_889",
-  "flash-type-success": "awsui_flash-type-success_1q84n_1kw09_893",
-  "flash-type-error": "awsui_flash-type-error_1q84n_1kw09_897",
-  "flash-type-info": "awsui_flash-type-info_1q84n_1kw09_901",
-  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_1kw09_902",
-  "flash-type-warning": "awsui_flash-type-warning_1q84n_1kw09_906"
+  "flash-with-motion": "awsui_flash-with-motion_1q84n_v26q8_153",
+  "enter": "awsui_enter_1q84n_v26q8_153",
+  "flash-body": "awsui_flash-body_1q84n_v26q8_167",
+  "flash-message": "awsui_flash-message_1q84n_v26q8_167",
+  "flash-header": "awsui_flash-header_1q84n_v26q8_167",
+  "flash-content": "awsui_flash-content_1q84n_v26q8_168",
+  "action-button-wrapper": "awsui_action-button-wrapper_1q84n_v26q8_169",
+  "dismiss-button-wrapper": "awsui_dismiss-button-wrapper_1q84n_v26q8_170",
+  "flash-icon": "awsui_flash-icon_1q84n_v26q8_193",
+  "entering": "awsui_entering_1q84n_v26q8_206",
+  "entered": "awsui_entered_1q84n_v26q8_227",
+  "exiting": "awsui_exiting_1q84n_v26q8_332",
+  "stack": "awsui_stack_1q84n_v26q8_366",
+  "animation-running": "awsui_animation-running_1q84n_v26q8_366",
+  "item": "awsui_item_1q84n_v26q8_366",
+  "flash-list-item": "awsui_flash-list-item_1q84n_v26q8_367",
+  "notification-bar": "awsui_notification-bar_1q84n_v26q8_368",
+  "collapsed": "awsui_collapsed_1q84n_v26q8_388",
+  "animation-ready": "awsui_animation-ready_1q84n_v26q8_388",
+  "expanded-only": "awsui_expanded-only_1q84n_v26q8_388",
+  "expanded": "awsui_expanded_1q84n_v26q8_388",
+  "flash": "awsui_flash_1q84n_v26q8_153",
+  "collapsible": "awsui_collapsible_1q84n_v26q8_444",
+  "short-list": "awsui_short-list_1q84n_v26q8_450",
+  "visual-refresh": "awsui_visual-refresh_1q84n_v26q8_450",
+  "status": "awsui_status_1q84n_v26q8_597",
+  "header": "awsui_header_1q84n_v26q8_597",
+  "item-count": "awsui_item-count_1q84n_v26q8_598",
+  "button": "awsui_button_1q84n_v26q8_599",
+  "type-count": "awsui_type-count_1q84n_v26q8_632",
+  "count-number": "awsui_count-number_1q84n_v26q8_632",
+  "icon": "awsui_icon_1q84n_v26q8_666",
+  "floating": "awsui_floating_1q84n_v26q8_707",
+  "flashbar": "awsui_flashbar_1q84n_v26q8_711",
+  "flash-refresh": "awsui_flash-refresh_1q84n_v26q8_786",
+  "flash-list": "awsui_flash-list_1q84n_v26q8_367",
+  "flash-focus-container": "awsui_flash-focus-container_1q84n_v26q8_807",
+  "flash-text": "awsui_flash-text_1q84n_v26q8_837",
+  "dismiss-button": "awsui_dismiss-button_1q84n_v26q8_170",
+  "breakpoint-default": "awsui_breakpoint-default_1q84n_v26q8_879",
+  "action-button": "awsui_action-button_1q84n_v26q8_169",
+  "action-slot": "awsui_action-slot_1q84n_v26q8_889",
+  "flash-type-success": "awsui_flash-type-success_1q84n_v26q8_893",
+  "flash-type-error": "awsui_flash-type-error_1q84n_v26q8_897",
+  "flash-type-info": "awsui_flash-type-info_1q84n_v26q8_901",
+  "flash-type-in-progress": "awsui_flash-type-in-progress_1q84n_v26q8_902",
+  "flash-type-warning": "awsui_flash-type-warning_1q84n_v26q8_906"
 };
   

package/internal/base-component/styles.scoped.css

@@ -281,7 +281,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#414d5c;
   --color-border-item-placeholder-h8j85e:#0972d3;
   --color-border-item-selected-k00wlz:#0972d3;
-  --color-border-layout-ownedw:#d1d5db;
+  --color-border-layout-1zovx9:#b6bec9;
   --color-border-notification-stack-bar-t3aws2:#232f3e;
   --color-border-panel-header-lf0q4c:#b6bec9;
   --color-border-popover-umqvld:#9ba7b6;
@@ -888,7 +888,7 @@
     --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
     --color-border-item-placeholder-h8j85e:#539fe5;
     --color-border-item-selected-k00wlz:#539fe5;
-    --color-border-layout-ownedw:#354150;
+    --color-border-layout-1zovx9:#414d5c;
     --color-border-panel-header-lf0q4c:#414d5c;
     --color-border-popover-umqvld:#5f6b7a;
     --color-border-segment-active-9ah16u:#d1d5db;
@@ -1190,7 +1190,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
-  --color-border-layout-ownedw:#354150;
+  --color-border-layout-1zovx9:#414d5c;
   --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
@@ -1390,7 +1390,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
-  --color-border-layout-ownedw:#354150;
+  --color-border-layout-1zovx9:#414d5c;
   --color-border-panel-header-lf0q4c:#414d5c;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
@@ -1528,6 +1528,7 @@
   --color-border-dropdown-group-yakmix:#fbfbfb;
   --color-border-dropdown-item-default-k36ra7:#fbfbfb;
   --color-border-item-focused-b2ntyl:#fbfbfb;
+  --color-border-layout-1zovx9:#fbfbfb;
   --color-border-panel-header-lf0q4c:#fbfbfb;
   --color-text-body-default-at06ol:#fbfbfb;
   --color-text-button-normal-active-4it2mv:#ffffff;
@@ -1558,6 +1559,7 @@
   --color-border-dropdown-group-yakmix:#000716;
   --color-border-dropdown-item-default-k36ra7:#000716;
   --color-border-item-focused-b2ntyl:#000716;
+  --color-border-layout-1zovx9:#000716;
   --color-border-panel-header-lf0q4c:#000716;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
@@ -1587,6 +1589,7 @@
   --color-border-divider-panel-side-93n0qu:#414d5c;
   --color-border-dropdown-group-yakmix:#414d5c;
   --color-border-dropdown-item-default-k36ra7:#414d5c;
+  --color-border-layout-1zovx9:#414d5c;
   --color-border-panel-header-lf0q4c:#414d5c;
   --color-text-button-normal-active-4it2mv:#000716;
   --color-text-button-normal-default-mo7k6u:#414d5c;
@@ -1688,7 +1691,7 @@
   --color-border-dropdown-item-focused-5hbaf3:#d1d5db;
   --color-border-item-placeholder-h8j85e:#539fe5;
   --color-border-item-selected-k00wlz:#539fe5;
-  --color-border-layout-ownedw:#354150;
+  --color-border-layout-1zovx9:#d1d5db;
   --color-border-panel-header-lf0q4c:#d1d5db;
   --color-border-popover-umqvld:#5f6b7a;
   --color-border-segment-active-9ah16u:#d1d5db;
@@ -1824,6 +1827,7 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
+    --color-border-layout-1zovx9:#d1d5db;
     --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;
@@ -1848,6 +1852,7 @@
     --color-border-dropdown-group-yakmix:#d1d5db;
     --color-border-dropdown-item-default-k36ra7:#d1d5db;
     --color-border-item-focused-b2ntyl:#fbfbfb;
+    --color-border-layout-1zovx9:#d1d5db;
     --color-border-panel-header-lf0q4c:#d1d5db;
     --color-text-button-normal-active-4it2mv:#ffffff;
     --color-text-button-normal-default-mo7k6u:#d1d5db;

package/internal/environment.js

@@ -1,4 +1,4 @@
 export var PACKAGE_SOURCE = "components";
-export var PACKAGE_VERSION = "3.0.0 (f195031f)";
+export var PACKAGE_VERSION = "3.0.0 (69e8ea88)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "components",
-  "PACKAGE_VERSION": "3.0.0 (f195031f)",
+  "PACKAGE_VERSION": "3.0.0 (69e8ea88)",
   "THEME": "default",
   "ALWAYS_VISUAL_REFRESH": false
 }

package/internal/generated/styles/tokens.js

@@ -334,7 +334,7 @@ export var colorBorderItemFocused = "var(--color-border-item-focused-b2ntyl, #09
 export var colorBorderDropdownItemFocused = "var(--color-border-dropdown-item-focused-5hbaf3, #414d5c)";
 export var colorBorderItemPlaceholder = "var(--color-border-item-placeholder-h8j85e, #0972d3)";
 export var colorBorderItemSelected = "var(--color-border-item-selected-k00wlz, #0972d3)";
-export var colorBorderLayout = "var(--color-border-layout-ownedw, #d1d5db)";
+export var colorBorderLayout = "var(--color-border-layout-1zovx9, #b6bec9)";
 export var colorBorderNotificationStackBar = "var(--color-border-notification-stack-bar-t3aws2, #232f3e)";
 export var colorBorderPanelHeader = "var(--color-border-panel-header-lf0q4c, #b6bec9)";
 export var colorBorderPopover = "var(--color-border-popover-umqvld, #9ba7b6)";

package/internal/generated/theming/index.cjs

@@ -1222,8 +1222,8 @@ module.exports.preset = {
         "dark": "{colorBlue500}"
       },
       "colorBorderLayout": {
-        "light": "{colorGrey300}",
-        "dark": "{colorGrey650}"
+        "light": "{colorBorderDividerDefault}",
+        "dark": "{colorBorderDividerDefault}"
       },
       "colorBorderNotificationStackBar": {
         "light": "{colorGrey700}",
@@ -3396,8 +3396,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -4490,8 +4490,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -5516,8 +5516,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -6542,8 +6542,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -7568,8 +7568,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -8596,8 +8596,8 @@ module.exports.preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -11328,7 +11328,7 @@ module.exports.preset = {
     "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
     "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
     "colorBorderItemSelected": "--color-border-item-selected-k00wlz",
-    "colorBorderLayout": "--color-border-layout-ownedw",
+    "colorBorderLayout": "--color-border-layout-1zovx9",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-t3aws2",
     "colorBorderPanelHeader": "--color-border-panel-header-lf0q4c",
     "colorBorderPopover": "--color-border-popover-umqvld",

package/internal/generated/theming/index.js

@@ -1222,8 +1222,8 @@ export var preset = {
         "dark": "{colorBlue500}"
       },
       "colorBorderLayout": {
-        "light": "{colorGrey300}",
-        "dark": "{colorGrey650}"
+        "light": "{colorBorderDividerDefault}",
+        "dark": "{colorBorderDividerDefault}"
       },
       "colorBorderNotificationStackBar": {
         "light": "{colorGrey700}",
@@ -3396,8 +3396,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -4490,8 +4490,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -5516,8 +5516,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -6542,8 +6542,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -7568,8 +7568,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey300}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -8596,8 +8596,8 @@ export var preset = {
             "dark": "{colorBlue500}"
           },
           "colorBorderLayout": {
-            "light": "{colorGrey650}",
-            "dark": "{colorGrey650}"
+            "light": "{colorBorderDividerDefault}",
+            "dark": "{colorBorderDividerDefault}"
           },
           "colorBorderNotificationStackBar": {
             "light": "{colorGrey700}",
@@ -11328,7 +11328,7 @@ export var preset = {
     "colorBorderDropdownItemFocused": "--color-border-dropdown-item-focused-5hbaf3",
     "colorBorderItemPlaceholder": "--color-border-item-placeholder-h8j85e",
     "colorBorderItemSelected": "--color-border-item-selected-k00wlz",
-    "colorBorderLayout": "--color-border-layout-ownedw",
+    "colorBorderLayout": "--color-border-layout-1zovx9",
     "colorBorderNotificationStackBar": "--color-border-notification-stack-bar-t3aws2",
     "colorBorderPanelHeader": "--color-border-panel-header-lf0q4c",
     "colorBorderPopover": "--color-border-popover-umqvld",

package/internal/manifest.json

@@ -1,3 +1,3 @@
 {
-  "commit": "f195031fece12c2cf7f612f11c5473f5704b243a"
+  "commit": "69e8ea881156408bfe449b33a3cd50939ba6e14b"
 }

package/package.json

@@ -126,7 +126,7 @@
     "./internal/base-component/index.js",
     "./internal/base-component/styles.css.js"
   ],
-  "version": "3.0.730",
+  "version": "3.0.731",
   "repository": {
     "type": "git",
     "url": "https://github.com/cloudscape-design/components.git"

package/split-panel/bottom.d.ts

@@ -1,11 +1,8 @@
 import React from 'react';
-import { TransitionStatus } from '../internal/components/transition';
 import { SplitPanelContentProps } from './interfaces';
 interface SplitPanelContentBottomProps extends SplitPanelContentProps {
-    state: TransitionStatus;
-    transitioningElementRef: React.Ref<any>;
     appLayoutMaxWidth: React.CSSProperties | undefined;
 }
-export declare function SplitPanelContentBottom({ baseProps, isOpen, state, transitioningElementRef, splitPanelRef, cappedSize, header, resizeHandle, children, appLayoutMaxWidth, panelHeaderId, onToggle, }: SplitPanelContentBottomProps): JSX.Element;
+export declare function SplitPanelContentBottom({ baseProps, isOpen, splitPanelRef, cappedSize, header, resizeHandle, children, appLayoutMaxWidth, panelHeaderId, onToggle, }: SplitPanelContentBottomProps): JSX.Element;
 export {};
 //# sourceMappingURL=bottom.d.ts.map

package/split-panel/bottom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAKrE,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAKtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,KAAK,EAAE,gBAAgB,CAAC;IACxB,uBAAuB,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACxC,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,KAAK,EACL,uBAAuB,EACvB,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eAwD9B"}
+{"version":3,"file":"bottom.d.ts","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AASjD,OAAO,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAC;AAMtD,UAAU,4BAA6B,SAAQ,sBAAsB;IACnE,iBAAiB,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACpD;AAED,wBAAgB,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,4BAA4B,eA6D9B"}

package/split-panel/bottom.js

@@ -5,16 +5,15 @@ import clsx from 'clsx';
 import { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';
 import { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';
 import { useSplitPanelContext } from '../internal/context/split-panel-context';
-import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useMobile } from '../internal/hooks/use-mobile';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
+import sharedStyles from '../app-layout/resize/styles.css.js';
 import styles from './styles.css.js';
 import testUtilStyles from './test-classes/styles.css.js';
-export function SplitPanelContentBottom({ baseProps, isOpen, state, transitioningElementRef, splitPanelRef, cappedSize, header, resizeHandle, children, appLayoutMaxWidth, panelHeaderId, onToggle, }) {
+export function SplitPanelContentBottom({ baseProps, isOpen, splitPanelRef, cappedSize, header, resizeHandle, children, appLayoutMaxWidth, panelHeaderId, onToggle, }) {
     const isRefresh = useVisualRefresh();
     const isToolbar = useAppLayoutToolbarEnabled();
     const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } = useSplitPanelContext();
-    const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);
     const isMobile = useMobile();
     const headerRef = useRef(null);
     useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));
@@ -28,20 +27,19 @@ export function SplitPanelContentBottom({ baseProps, isOpen, state, transitionin
         [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings === null || contentWrapperPaddings === void 0 ? void 0 : contentWrapperPaddings.closedNav,
         [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings === null || contentWrapperPaddings === void 0 ? void 0 : contentWrapperPaddings.closedTools,
     });
-    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {
+    return (React.createElement("div", Object.assign({}, baseProps, { className: clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, sharedStyles['with-motion'], {
             [testUtilStyles['open-position-bottom']]: isOpen,
             [styles['drawer-closed']]: !isOpen,
             [styles['drawer-mobile']]: isMobile,
             [styles['drawer-disable-content-paddings']]: disableContentPaddings,
-            [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),
             [styles.refresh]: isRefresh,
             [styles['with-toolbar']]: isToolbar,
         }), onClick: () => !isOpen && onToggle(), style: {
             insetBlockEnd: bottomOffset,
             insetInlineStart: leftOffset,
             insetInlineEnd: rightOffset,
-            blockSize: isOpen ? cappedSize : undefined,
-        }, ref: transitionContentBottomRef }),
+            blockSize: isOpen ? cappedSize : isToolbar ? '0px' : undefined,
+        }, ref: splitPanelRef }),
         isOpen && React.createElement("div", { className: styles['slider-wrapper-bottom'] }, resizeHandle),
         React.createElement("div", { className: styles['drawer-content-bottom'], "aria-labelledby": panelHeaderId, role: "region" },
             React.createElement("div", { className: clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses), ref: headerRef }, header),

package/split-panel/bottom.js.map

@@ -1 +1 @@
-{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.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, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { TransitionStatus } from '../internal/components/transition';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\n\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  state: TransitionStatus;\n  transitioningElementRef: React.Ref<any>;\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  state,\n  transitioningElementRef,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n    useSplitPanelContext();\n  const transitionContentBottomRef = useMergeRefs(splitPanelRef || null, transitioningElementRef);\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(baseProps.className, styles.drawer, styles['position-bottom'], testUtilStyles.root, {\n        [testUtilStyles['open-position-bottom']]: isOpen,\n        [styles['drawer-closed']]: !isOpen,\n        [styles['drawer-mobile']]: isMobile,\n        [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n        [styles.animating]: isRefresh && (state === 'entering' || state === 'exiting'),\n        [styles.refresh]: isRefresh,\n        [styles['with-toolbar']]: isToolbar,\n      })}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen ? cappedSize : undefined,\n      }}\n      ref={transitionContentBottomRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"bottom.js","sourceRoot":"","sources":["../../../src/split-panel/bottom.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAElF,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAGrE,OAAO,YAAY,MAAM,oCAAoC,CAAC;AAC9D,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAM1D,MAAM,UAAU,uBAAuB,CAAC,EACtC,SAAS,EACT,MAAM,EACN,aAAa,EACb,UAAU,EACV,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACqB;IAC7B,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IACrC,MAAM,SAAS,GAAG,0BAA0B,EAAE,CAAC;IAC/C,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,kBAAkB,EAAE,GACjH,oBAAoB,EAAE,CAAC;IACzB,MAAM,QAAQ,GAAG,SAAS,EAAE,CAAC;IAE7B,MAAM,SAAS,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAC/C,iBAAiB,CAAC,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAC;IACjF,SAAS,CAAC,GAAG,EAAE;QACb,gDAAgD;QAChD,OAAO,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;QACnC,uDAAuD;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,uBAAuB,GAAG,IAAI,CAAC;QACnC,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,SAAS;QAC/C,CAAC,MAAM,CAAC,iCAAiC,CAAC,CAAC,EAAE,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,SAAS;QAC9E,CAAC,MAAM,CAAC,mCAAmC,CAAC,CAAC,EAAE,sBAAsB,aAAtB,sBAAsB,uBAAtB,sBAAsB,CAAE,WAAW;KACnF,CAAC,CAAC;IAEH,OAAO,CACL,6CACM,SAAS,IACb,SAAS,EAAE,IAAI,CACb,SAAS,CAAC,SAAS,EACnB,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,iBAAiB,CAAC,EACzB,cAAc,CAAC,IAAI,EACnB,YAAY,CAAC,aAAa,CAAC,EAC3B;YACE,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC,EAAE,MAAM;YAChD,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,CAAC,MAAM;YAClC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,EAAE,QAAQ;YACnC,CAAC,MAAM,CAAC,iCAAiC,CAAC,CAAC,EAAE,sBAAsB;YACnE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,SAAS;YAC3B,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,EAAE,SAAS;SACpC,CACF,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,MAAM,IAAI,QAAQ,EAAE,EACpC,KAAK,EAAE;YACL,aAAa,EAAE,YAAY;YAC3B,gBAAgB,EAAE,UAAU;YAC5B,cAAc,EAAE,WAAW;YAC3B,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS;SAC/D,EACD,GAAG,EAAE,aAAa;QAEjB,MAAM,IAAI,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,IAAG,YAAY,CAAO;QAChF,6BAAK,SAAS,EAAE,MAAM,CAAC,uBAAuB,CAAC,qBAAmB,aAAa,EAAE,IAAI,EAAC,QAAQ;YAC5F,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,4BAA4B,CAAC,EAAE,uBAAuB,CAAC,EAAE,GAAG,EAAE,SAAS,IAChG,MAAM,CACH;YACN,6BAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,iBAAe,CAAC,MAAM;gBAC3F,6BAAK,SAAS,EAAE,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,0BAA0B,CAAC,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAE,iBAAiB,IAChG,QAAQ,CACL,CACF,CACF,CACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef } from 'react';\nimport clsx from 'clsx';\n\nimport { useResizeObserver } from '@cloudscape-design/component-toolkit/internal';\n\nimport { useAppLayoutToolbarEnabled } from '../app-layout/utils/feature-flags';\nimport { useSplitPanelContext } from '../internal/context/split-panel-context';\nimport { useMobile } from '../internal/hooks/use-mobile';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\nimport { SplitPanelContentProps } from './interfaces';\n\nimport sharedStyles from '../app-layout/resize/styles.css.js';\nimport styles from './styles.css.js';\nimport testUtilStyles from './test-classes/styles.css.js';\n\ninterface SplitPanelContentBottomProps extends SplitPanelContentProps {\n  appLayoutMaxWidth: React.CSSProperties | undefined;\n}\n\nexport function SplitPanelContentBottom({\n  baseProps,\n  isOpen,\n  splitPanelRef,\n  cappedSize,\n  header,\n  resizeHandle,\n  children,\n  appLayoutMaxWidth,\n  panelHeaderId,\n  onToggle,\n}: SplitPanelContentBottomProps) {\n  const isRefresh = useVisualRefresh();\n  const isToolbar = useAppLayoutToolbarEnabled();\n  const { bottomOffset, leftOffset, rightOffset, disableContentPaddings, contentWrapperPaddings, reportHeaderHeight } =\n    useSplitPanelContext();\n  const isMobile = useMobile();\n\n  const headerRef = useRef<HTMLDivElement>(null);\n  useResizeObserver(headerRef, entry => reportHeaderHeight(entry.borderBoxHeight));\n  useEffect(() => {\n    // report empty height when unmounting the panel\n    return () => reportHeaderHeight(0);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const centeredMaxWidthClasses = clsx({\n    [styles['pane-bottom-center-align']]: isRefresh,\n    [styles['pane-bottom-content-nav-padding']]: contentWrapperPaddings?.closedNav,\n    [styles['pane-bottom-content-tools-padding']]: contentWrapperPaddings?.closedTools,\n  });\n\n  return (\n    <div\n      {...baseProps}\n      className={clsx(\n        baseProps.className,\n        styles.drawer,\n        styles['position-bottom'],\n        testUtilStyles.root,\n        sharedStyles['with-motion'],\n        {\n          [testUtilStyles['open-position-bottom']]: isOpen,\n          [styles['drawer-closed']]: !isOpen,\n          [styles['drawer-mobile']]: isMobile,\n          [styles['drawer-disable-content-paddings']]: disableContentPaddings,\n          [styles.refresh]: isRefresh,\n          [styles['with-toolbar']]: isToolbar,\n        }\n      )}\n      onClick={() => !isOpen && onToggle()}\n      style={{\n        insetBlockEnd: bottomOffset,\n        insetInlineStart: leftOffset,\n        insetInlineEnd: rightOffset,\n        blockSize: isOpen ? cappedSize : isToolbar ? '0px' : undefined,\n      }}\n      ref={splitPanelRef}\n    >\n      {isOpen && <div className={styles['slider-wrapper-bottom']}>{resizeHandle}</div>}\n      <div className={styles['drawer-content-bottom']} aria-labelledby={panelHeaderId} role=\"region\">\n        <div className={clsx(styles['pane-header-wrapper-bottom'], centeredMaxWidthClasses)} ref={headerRef}>\n          {header}\n        </div>\n        <div className={clsx(styles['content-bottom'], centeredMaxWidthClasses)} aria-hidden={!isOpen}>\n          <div className={clsx({ [styles['content-bottom-max-width']]: isRefresh })} style={appLayoutMaxWidth}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/split-panel/implementation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/split-panel/implementation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAkB5E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAO/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,eAAO,MAAM,wBAAwB,qFAqOpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mMAIZ,CAAC"}
+{"version":3,"file":"implementation.d.ts","sourceRoot":"","sources":["../../../src/split-panel/implementation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAiB5E,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAO/C,OAAO,EAAE,eAAe,EAAE,CAAC;AAE3B,eAAO,MAAM,wBAAwB,qFAgOpC,CAAC;AAEF,eAAO,MAAM,0BAA0B,mMAIZ,CAAC"}

package/split-panel/implementation.js

@@ -9,7 +9,6 @@ import { usePointerEvents } from '../app-layout/utils/use-pointer-events';
 import { InternalButton } from '../button/internal';
 import { getBaseProps } from '../internal/base-component';
 import PanelResizeHandle from '../internal/components/panel-resize-handle';
-import { Transition } from '../internal/components/transition';
 import { useSplitPanelContext } from '../internal/context/split-panel-context';
 import { useMergeRefs } from '../internal/hooks/use-merge-refs';
 import { useUniqueId } from '../internal/hooks/use-unique-id';
@@ -39,6 +38,7 @@ export const SplitPanelImplementation = React.forwardRef((_a, __internalRootRef)
         panelRef: splitPanelRefObject,
         handleRef: refs.slider,
         onResize,
+        hasTransitions: true,
     };
     const onSliderPointerDown = usePointerEvents(sizeControlProps);
     const onKeyDown = useKeyboardEvents(sizeControlProps);
@@ -93,12 +93,12 @@ export const SplitPanelImplementation = React.forwardRef((_a, __internalRootRef)
      * is still needed for the early return to prevent execution
      * of the following code.
      */
-    if (isRefresh && !isOpen && position === 'side') {
+    if (isRefresh && !isToolbar && !isOpen && position === 'side') {
         return React.createElement(React.Fragment, null);
     }
-    return (React.createElement(Transition, { in: isOpen !== null && isOpen !== void 0 ? isOpen : false }, (state, transitioningElementRef) => (React.createElement(React.Fragment, null,
+    return (React.createElement(React.Fragment, null,
         position === 'side' && (React.createElement(SplitPanelContentSide, { style: contentStyle, resizeHandle: resizeHandle, baseProps: baseProps, isOpen: isOpen, splitPanelRef: mergedRef, cappedSize: size, onToggle: onToggle, openButtonAriaLabel: openButtonAriaLabel, toggleRef: refs.toggle, header: wrappedHeader, panelHeaderId: panelHeaderId }, children)),
-        position === 'bottom' && (React.createElement(SplitPanelContentBottom, { style: contentStyle, resizeHandle: resizeHandle, baseProps: baseProps, isOpen: isOpen, splitPanelRef: mergedRef, cappedSize: size, onToggle: onToggle, header: wrappedHeader, panelHeaderId: panelHeaderId, state: state, transitioningElementRef: transitioningElementRef, appLayoutMaxWidth: appLayoutMaxWidth }, children)),
+        position === 'bottom' && (React.createElement(SplitPanelContentBottom, { style: contentStyle, resizeHandle: resizeHandle, baseProps: baseProps, isOpen: isOpen, splitPanelRef: mergedRef, cappedSize: size, onToggle: onToggle, header: wrappedHeader, panelHeaderId: panelHeaderId, appLayoutMaxWidth: appLayoutMaxWidth }, children)),
         isPreferencesOpen && (React.createElement(PreferencesModal, { visible: true, preferences: { position }, disabledSidePosition: position === 'bottom' && isForcedPosition, isRefresh: isRefresh, i18nStrings: {
                 header: i18nStrings.preferencesTitle,
                 confirm: i18nStrings.preferencesConfirm,
@@ -112,7 +112,7 @@ export const SplitPanelImplementation = React.forwardRef((_a, __internalRootRef)
                 setPreferencesOpen(false);
             }, onDismiss: () => {
                 setPreferencesOpen(false);
-            } }))))));
+            } }))));
 });
 export const createWidgetizedSplitPanel = createWidgetizedForwardRef(SplitPanelImplementation);
 //# sourceMappingURL=implementation.js.map