Feature: Flyout System [Beta]

.gitignore

@@ -32,3 +32,5 @@ yarn-error.log*
 !.yarn/sdks
 !.yarn/versions
 yarn-error.log
+.cursorrules
+WARP.md

packages/eui-theme-borealis/changelogs/upcoming/9068.md

@@ -0,0 +1 @@
+- Updated parameters used for `euiAnimSlightResistance` for a smoother animation

packages/eui-theme-borealis/src/eui_theme_borealis_dark.json

@@ -15,7 +15,7 @@
   "euiContrastRatioGraphic": 3,
   "euiContrastRatioDisabled": 2,
   "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
-  "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
+  "euiAnimSlightResistance": "cubic-bezier(0.32, 0.72, 0, 1)",
   "euiAnimSpeedExtraFast": "90ms",
   "euiAnimSpeedFast": "150ms",
   "euiAnimSpeedNormal": "250ms",

packages/eui-theme-borealis/src/eui_theme_borealis_light.json

@@ -15,7 +15,7 @@
   "euiContrastRatioGraphic": 3,
   "euiContrastRatioDisabled": 2,
   "euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
-  "euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
+  "euiAnimSlightResistance": "cubic-bezier(0.32, 0.72, 0, 1)",
   "euiAnimSpeedExtraFast": "90ms",
   "euiAnimSpeedFast": "150ms",
   "euiAnimSpeedNormal": "250ms",

packages/eui-theme-borealis/src/variables/_animation.ts

@@ -22,7 +22,7 @@ export const animation_speed: _EuiThemeAnimationSpeeds = {
 
 export const animation_ease: _EuiThemeAnimationEasings = {
   bounce: 'cubic-bezier(.34, 1.61, .7, 1)',
-  resistance: 'cubic-bezier(.694, .0482, .335, 1)',
+  resistance: 'cubic-bezier(.32, .72, 0, 1)',
 };
 
 export const animation: _EuiThemeAnimation = {

packages/eui-theme-common/changelogs/upcoming/9068.md

@@ -0,0 +1 @@
+- Updated parameters used for `euiAnimSlightResistance` for a smoother animation

packages/eui-theme-common/src/global_styling/variables/_animations.scss

@@ -1,7 +1,7 @@
 // Animations
 
 $euiAnimSlightBounce: cubic-bezier(.34, 1.61, .7, 1) !default;
-$euiAnimSlightResistance: cubic-bezier(.694, .0482, .335, 1) !default;
+$euiAnimSlightResistance: cubic-bezier(.32, .72, 0, 1) !default;
 
 $euiAnimSpeedExtraFast: 90ms !default;
 $euiAnimSpeedFast: 150ms !default;

packages/eui/changelogs/upcoming/8851.md

@@ -0,0 +1 @@
+Adds a new `EuiFlyoutMenu` component that provides a standardized top menu bar for flyouts.

packages/eui/changelogs/upcoming/8897.md

@@ -0,0 +1 @@
+Flyout system menu bar: require tile, support custom actions

packages/eui/changelogs/upcoming/8999.md

@@ -0,0 +1 @@
+- Added a new optional `resizable` (boolean) prop to `EuiFlyout`. Resizability can now be controlled dynamically without the need to use `EuiFlyoutResizable`.

packages/eui/changelogs/upcoming/9003.md

@@ -0,0 +1,2 @@
+- Updated `EuiFlyout` with new `onActive` callback and enable stack managed history controls.
+- Updated `EuiFlyoutMenu` with new prop `historyItems` and refactored props for back button.

packages/eui/changelogs/upcoming/9056.md

@@ -0,0 +1 @@
+Added a new `hasChildBackground` boolean prop (defaults to false) to `EuiFlyout`

packages/eui/changelogs/upcoming/9068.md

@@ -0,0 +1,7 @@
+- Added an opt-in EuiFlyout session management for creating flyout compositions and journeys effortlessly. Session management handles side-by-side flyout rendering based on parent-child grouping, simple flyout transitions with history, state sharing, and more.
+  - EuiFlyout session management is an optional feature that can be enabled by adding `session="start"` to EuiFlyout. Check out the [documentation](https://eui.elastic.co/docs/components/containers/flyout/session-management) to learn more.
+
+**Breaking changes**
+
+- Changed the way EuiFlyout renders overlay masks to decouple the overlay mask from the flyout itself. Now, the overlay mask is a separate portalled element.
+  - This change does not modify the functionality or behavior of flyout overlays but might affect some custom usages when your application relies on the specific element nesting within EuiFlyout.

packages/eui/package.json

@@ -85,6 +85,7 @@
     "unified": "^9.2.2",
     "unist-util-visit": "^2.0.3",
     "url-parse": "^1.5.10",
+    "use-sync-external-store": "^1.6.0",
     "uuid": "^8.3.0",
     "vfile": "^4.2.1"
   },