RG-2786 Ring UI 8.0 (develop-8.0)

.storybook/custom-header/header-styles.css

@@ -7,7 +7,7 @@
  */
 /* stylelint-disable-next-line selector-max-specificity */
 :global(#root) > div {
-  height: calc(100vh - 64px);
+  height: calc(100dvh - 64px);
 }
 
 .header {

.teamcity/src/Project.kt

@@ -18,7 +18,6 @@ object Project : Project({
   buildType(SecurityAudit)
   buildType(UnpublishSpecificVersion)
   buildType(GeminiTests)
-  buildType(React18Compat)
   buildType(QodanaAnalysis)
   buildType(UnitTestsAndBuild)
   buildType(Publish)

.teamcity/src/tests/AllChecks.kt

@@ -81,8 +81,5 @@ object AllChecks : BuildType({
     snapshot(ConsoleErrors) {
       onDependencyCancel = FailureAction.ADD_PROBLEM
     }
-    snapshot(React18Compat) {
-      onDependencyCancel = FailureAction.ADD_PROBLEM
-    }
   }
 })

CHANGELOG.md

@@ -1,3 +1,26 @@
+## [8.0.0]
+
+### BREAKING CHANGES
+- Changed the supported Node.js versions to `^22.22.3 || ^24.15 || >=26.0`.
+- Introduced the new Table component in the existing `table` directory. The old tables and related files (such as `selection.ts`) were moved to the `legacy-table` directory. To continue using the old tables, update your imports (for example, `import SimpleTable from '@jetbrains/ring-ui/components/table/simple-table'` -> `import SimpleTable from '@jetbrains/ring-ui/components/legacy-table/simple-table'`).
+- The file `table/selection.ts` was moved and renamed to `global/table-selection.ts`.
+- Changed the minimum supported React version to 19.2.0.
+- Removed the `useEventCallback()` custom hook; use the `useEffectEvent()` React hook instead.
+- Removed the deprecated `Grid`, `Row`, `Col`, `ContentLayout`, and `Sidebar` components; use CSS flexbox, CSS grid, or another layout library instead.
+- Removed the deprecated `Button` `text` prop; use `inline` instead.
+- Removed the deprecated `Icon` `loading` prop and `List.ListProps.Type.HINT`.
+- Removed the deprecated `List` `visible` prop; visibility is detected automatically with `IntersectionObserver`.
+- Removed the deprecated `Avatar` sizes 18 and 48; use another supported size instead.
+- Removed the deprecated `old-browsers-message` module.
+- Removed the deprecated `expand/collapsible-group` component and CSS import aliases; import them from `collapsible-group/collapsible-group` instead.
+- Removed the deprecated `--ring-border-disabled-active-color`, `--ring-action-link-color`, and `--ring-button-primary-background-color` CSS variables; use `--ring-border-hover-color`, `--ring-link-color`, and `--ring-main-color`, respectively.
+- Removed the deprecated `--ring-pinned-shadow-color`, `--ring-hint-color`, and `--ring-button-loader-background` CSS variables. Use `--ring-popup-shadow-color` or a product-specific token for shadows and `--ring-secondary-color` for muted text, choosing a more specific semantic token where appropriate. Button loader colors are now derived per variant; override the component-scoped `--ring-button-loader-components` RGB components only for custom styling.
+- `Tooltip` props now use `AllHTMLAttributes<HTMLElement>` instead of `AllHTMLAttributes<HTMLSpanElement>`. Use the new `TagName` prop to select a `span` or `div` wrapper; it defaults to `span`.
+- Removed the `Dialog` `closeButtonInside` prop; a visible close button is now always placed inside the dialog.
+- `Dialog` is now movable and resizable by default, and its geometry persists when it is closed and reopened while mounted. Set `movable={false}` or `resizable={false}` to preserve a fixed dialog. Override the `--ring-dialog-min-width` and `--ring-dialog-min-height` CSS custom properties to change its minimum resize dimensions.
+- `Dialog` now uses the native `<dialog>` implementation by default. Set `native={false}` to use the portal implementation.
+- Dialog action rows should place the primary action last, on the right. Consumers that currently supply the primary action before secondary actions need to swap their action order at each usage site. `Confirm` handles this automatically when `cancelIsDefault` changes which action is primary.
+
 ## [7.0.121]
 - Added `keepMounted` prop to `Collapse` and `CollapsibleGroup` that keeps collapsed content mounted (hidden via `visibility: hidden` and `inert`) instead of unmounting it, preserving local state, subscriptions and iframes. Limitations: content rendered through portals (e.g. `Popup`) is not hidden, and hidden form controls still participate in form validation — disable them while collapsed if needed.
 - Added `headingLevel` prop to `CollapsibleGroup` that wraps the header in an `<h2>`–`<h6>` element to preserve the document outline.

babel.config.js

@@ -1,5 +1,3 @@
-const browserslist = require('browserslist');
-
 module.exports = function config(api) {
   api.cache(true);
 
@@ -8,16 +6,10 @@ module.exports = function config(api) {
       [
         'babel-plugin-react-compiler',
         {
-          target: '18', // should be the minimal supported version from peerDependencies
+          target: '19', // should be the minimal supported version from peerDependencies
           panicThreshold: 'all_errors',
         },
       ],
-      [
-        'babel-plugin-transform-define',
-        {
-          SUPPORTED_BROWSERS: browserslist(),
-        },
-      ],
     ],
     presets: [
       [