@jetbrains/ring-ui 7.0.124 → 8.0.0-beta.10

package/components/util-stories.js

@@ -1 +1,62 @@
+/* eslint-disable no-magic-numbers */
 export const hideAddonsPanelParam = 'hideAddonsPanel';
+export function createRandom(seed) {
+    const u64Mask = 2n ** 64n - 1n;
+    const u64Range = 2n ** 64n;
+    const scrambleConst = 2685821657736338717n;
+    let x = seed & u64Mask;
+    if (!x)
+        throw new Error('Seed must be non-zero');
+    function nextFractional() {
+        x ^= x >> 12n;
+        x ^= (x << 25n) & u64Mask;
+        x ^= x >> 27n;
+        const scrambled = (x * scrambleConst) & u64Mask;
+        return Number(scrambled) / Number(u64Range);
+    }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    return (...args) => {
+        if (!args.length) {
+            return nextFractional();
+        }
+        if (args.length === 1) {
+            const [a] = args;
+            if (typeof a === 'number') {
+                return Math.floor(nextFractional() * a);
+            }
+            if (Array.isArray(a)) {
+                return a[Math.floor(nextFractional() * a.length)];
+            }
+        }
+        if (args.length === 2) {
+            const [a, b] = args;
+            let fromNum;
+            let toNum;
+            let isDate = false;
+            if (typeof a === 'number' && typeof b === 'number') {
+                fromNum = a;
+                toNum = b;
+            }
+            if (a instanceof Date && b instanceof Date) {
+                fromNum = a.getTime();
+                toNum = b.getTime();
+                isDate = true;
+            }
+            if (fromNum != null && toNum != null && fromNum < toNum) {
+                const r = Math.floor(nextFractional() * (toNum - fromNum)) + fromNum;
+                return isDate ? new Date(r) : r;
+            }
+            if (Array.isArray(a) && typeof b === 'number') {
+                const aIndices = Array.from({ length: a.length }, (_, i) => i);
+                const sample = [];
+                for (let i = 0; i < b && aIndices.length; i++) {
+                    const indexIndex = Math.floor(nextFractional() * aIndices.length);
+                    const [aIndex] = aIndices.splice(indexIndex, 1);
+                    sample.push(a[aIndex]);
+                }
+                return sample;
+            }
+        }
+        throw new Error(`Bad args: ${JSON.stringify(args)}`);
+    };
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.124",
+  "version": "8.0.0-beta.10",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -59,7 +59,7 @@
     "prelint-ci": "echo \"##teamcity[importData type='jslint' path='eslint-report.xml']\"",
     "lint-ci": "eslint --format jslint-xml . > eslint-report.xml && npm run stylelint-ci",
     "lint:js": "eslint",
-    "postbuild": "cpy './**/*.d.ts' ../dist --parents --cwd=components/ && node scripts/check-built-css.mjs",
+    "postbuild": "cpy './**/*.d.ts' ../dist --parents --cwd=components/",
     "_postinstall": "husky && npm run postinstall:gitconfig",
     "postinstall:gitconfig": "git config blame.ignoreRevsFile .git-blame-ignore-revs",
     "postpublish": "pinst --enable",
@@ -82,7 +82,7 @@
     "storybook-debug": "node --inspect-brk node_modules/@storybook/react/bin -p 9999",
     "stylelint": "stylelint --ignore-path .stylelintignore '**/*.css'",
     "stylelint-ci": "stylelint --ignore-path .stylelintignore --custom-formatter 'scripts/jslint-xml.js' '**/*.css' | xmlappend eslint-report.xml",
-    "test": "vitest src && npm test --workspace @jetbrains/rollup-css-plugin",
+    "test": "vitest src",
     "type-check": "(npm run type-check:create-d-ts && npm run type-check:main && npm run type-check:build) ; npm run type-check:cleanup-d-ts",
     "type-check:create-d-ts": "npx tcm src && npx tcm .storybook",
     "type-check:main": "tsc --noEmit -p tsconfig.json",
@@ -99,51 +99,51 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^8.0.4",
+    "@babel/cli": "^8.0.1",
     "@babel/eslint-parser": "^7.29.7",
     "@csstools/css-parser-algorithms": "^4.0.0",
     "@csstools/stylelint-no-at-nest-rule": "^5.0.0",
     "@eslint/compat": "^2.1.0",
-    "@eslint/eslintrc": "^3.3.6",
+    "@eslint/eslintrc": "^3.3.5",
     "@eslint/js": "^10.0.1",
-    "@figma/code-connect": "^1.5.2",
+    "@figma/code-connect": "^1.4.8",
     "@jetbrains/eslint-config": "^6.0.5",
     "@jetbrains/logos": "3.0.0-canary.734b213.0",
     "@jetbrains/rollup-css-plugin": "./packages/rollup-css-plugin",
     "@jetbrains/stylelint-config": "^4.0.2",
     "@jetbrains/typescript-plugin-css-modules": "^5.3.1",
-    "@primer/octicons": "^19.33.0",
+    "@primer/octicons": "^19.28.1",
     "@rollup/plugin-babel": "^7.1.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
-    "@storybook/addon-a11y": "10.5.7",
-    "@storybook/addon-docs": "^10.5.7",
-    "@storybook/addon-themes": "^10.5.7",
+    "@storybook/addon-a11y": "10.4.6",
+    "@storybook/addon-docs": "10.4.6",
+    "@storybook/addon-themes": "10.4.6",
     "@storybook/csf": "^0.1.13",
-    "@storybook/react-webpack5": "10.5.7",
+    "@storybook/react-webpack5": "10.4.6",
     "@storybook/test-runner": "^0.24.4",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.3",
+    "@testing-library/user-event": "^14.6.1",
     "@types/chai-as-promised": "^8.0.2",
     "@types/chai-dom": "1.11.3",
     "@types/markdown-it": "^14.1.2",
-    "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
     "@types/webpack-env": "^1.18.8",
-    "@vitejs/plugin-react": "^6.0.4",
-    "@vitest/eslint-plugin": "^1.6.24",
-    "acorn": "^8.18.0",
+    "@vitejs/plugin-react": "^6.0.3",
+    "@vitest/eslint-plugin": "^1.6.20",
+    "acorn": "^8.17.0",
     "babel-plugin-require-context-hook": "^1.0.0",
     "caniuse-lite": "^1.0.30001799",
     "chai-as-promised": "^8.0.2",
     "chai-dom": "^1.12.1",
     "cheerio": "^1.2.0",
-    "core-js": "^3.50.0",
+    "core-js": "^3.49.0",
     "cpy-cli": "^7.0.0",
     "dotenv-cli": "^11.0.0",
-    "eslint": "^9.39.5",
+    "eslint": "^9.39.4",
     "eslint-config-prettier": "^10.1.8",
     "eslint-formatter-jslint-xml": "^9.0.1",
     "eslint-import-resolver-exports": "^1.0.0-beta.5",
@@ -154,53 +154,53 @@
     "eslint-plugin-prettier": "^5.5.6",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-storybook": "^10.5.7",
-    "eslint-plugin-unicorn": "^72.0.0",
+    "eslint-plugin-storybook": "^10.4.6",
+    "eslint-plugin-unicorn": "^70.0.0",
     "events": "^3.3.0",
     "glob": "^13.0.6",
-    "globals": "^17.9.0",
-    "html-webpack-plugin": "^5.6.8",
+    "globals": "^17.7.0",
+    "html-webpack-plugin": "^5.6.7",
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
     "jest": "~30.4.2",
     "jest-environment-jsdom": "^30.4.1",
     "jest-teamcity": "^1.12.0",
-    "lint-staged": "^17.2.0",
-    "markdown-it": "^15.0.0",
+    "lint-staged": "^17.0.8",
+    "markdown-it": "^14.2.0",
     "merge-options": "^3.0.4",
     "pinst": "^3.0.0",
-    "prettier": "^3.9.6",
+    "prettier": "^3.9.4",
     "raw-loader": "^4.0.2",
-    "react": "^19.2.8",
-    "react-dom": "^19.2.8",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.1.3",
-    "rollup": "^4.62.4",
+    "rollup": "^4.62.2",
     "rollup-plugin-clear": "^2.0.7",
     "storage-mock": "^2.1.0",
-    "storybook": "10.5.7",
-    "stylelint": "^17.14.1",
+    "storybook": "10.4.6",
+    "stylelint": "^17.14.0",
     "stylelint-config-sass-guidelines": "^13.0.0",
     "svg-inline-loader": "^0.8.2",
-    "teamcity-service-messages": "^0.2.0",
+    "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.6.1",
     "typed-css-modules": "^0.9.1",
     "typescript": "~6.0.3",
-    "typescript-eslint": "^8.65.0",
-    "vite": "^8.2.1",
-    "vitest": "^4.1.10",
-    "vitest-teamcity-reporter": "^0.6.1",
-    "webpack": "^5.109.2",
-    "webpack-cli": "^7.2.2",
+    "typescript-eslint": "^8.62.1",
+    "vite": "^8.1.0",
+    "vitest": "^4.1.9",
+    "vitest-teamcity-reporter": "^0.4.1",
+    "webpack": "^5.108.1",
+    "webpack-cli": "^7.1.0",
     "xmlappend": "^1.0.4"
   },
   "peerDependencies": {
-    "@types/react": ">=18.0.0",
-    "@types/react-dom": ">=18.0.0",
+    "@types/react": ">=19.2.0",
+    "@types/react-dom": ">=19.2.0",
     "core-js": ">=3.0.0",
-    "react": ">=18.0.0",
-    "react-dom": ">=18.0.0",
+    "react": ">=19.2.0",
+    "react-dom": ">=19.2.0",
     "webpack": ">=5.0.0"
   },
   "peerDependenciesMeta": {
@@ -226,9 +226,7 @@
     "@types/util-deprecate": "^1.0.4",
     "babel-loader": "10.1.1",
     "babel-plugin-react-compiler": "^1.0.0",
-    "babel-plugin-transform-define": "^2.1.4",
-    "browserslist": "^4.28.8",
-    "change-case": "^5.4.4",
+    "change-case": "^4.1.1",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",
     "css-loader": "^7.1.4",
@@ -242,16 +240,15 @@
     "highlight.js": "^10.7.2",
     "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",
-    "postcss": "^8.5.26",
+    "postcss": "^8.5.15",
     "postcss-calc": "^10.1.1",
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^8.2.1",
     "postcss-modules-values-replace": "^4.2.2",
-    "postcss-preset-env": "^11.3.2",
+    "postcss-preset-env": "^11.3.1",
     "react-compiler-runtime": "^1.0.0",
     "react-movable": "^3.4.1",
     "react-virtualized": "^9.22.6",
-    "react-waypoint": "^10.3.0",
     "scrollbar-width": "^3.1.1",
     "simply-uuid": "^1.0.1",
     "sniffr": "^1.4.0",

package/components/content-layout/content-layout.css

@@ -1,109 +0,0 @@
-@import '../global/variables.css';
-
-@value extra-small-screen-media, small-screen-media from '../global/global.css';
-
-.contentLayout {
-  --ring-content-layout-sidebar-width: calc(var(--ring-unit) * 30);
-
-  position: relative;
-
-  display: flex;
-  flex-flow: row nowrap;
-}
-
-.contentLayoutContent {
-  align-self: flex-start;
-  flex-grow: 2;
-
-  width: 100%; /* without this hack IE11 render contentLayoutContent wider than its container */
-  margin: 0 calc(var(--ring-unit) * 4);
-}
-
-.sidebarContainer {
-  min-width: var(--ring-content-layout-sidebar-width);
-  max-width: var(--ring-content-layout-sidebar-width);
-}
-
-.sidebarContainerRight {
-  order: 1;
-}
-
-.sidebar {
-  overflow: auto;
-
-  box-sizing: border-box;
-  min-width: var(--ring-content-layout-sidebar-width);
-  max-width: var(--ring-content-layout-sidebar-width);
-  height: 100%;
-  padding-right: calc(var(--ring-unit) * 2);
-  padding-left: calc(var(--ring-unit) * 4);
-}
-
-.sidebarRight {
-  padding-right: calc(var(--ring-unit) * 4);
-  padding-left: calc(var(--ring-unit) * 2);
-}
-
-.sidebarFixedTop {
-  top: 0;
-  bottom: 0;
-
-  &.sidebarFixedTop {
-    position: fixed;
-  }
-}
-
-.sidebarFixedBottom.sidebarFixedBottom {
-  position: absolute;
-  top: auto;
-  bottom: 0;
-}
-
-.bottomMarker {
-  position: absolute;
-  bottom: 0;
-}
-
-.contentLayoutResponsive {
-  @media extra-small-screen-media, small-screen-media {
-    & .contentLayoutContent {
-      margin: 0 16px;
-    }
-
-    & .sidebar {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      left: 0;
-
-      box-sizing: content-box;
-      padding: 0 16px;
-    }
-
-    & .sidebarFixedTop {
-      position: fixed;
-    }
-
-    & .sidebarFixedBottom {
-      top: auto;
-    }
-
-    & .sidebarRight {
-      right: 0;
-      left: auto;
-    }
-
-    & .sidebarContainer {
-      min-width: 0;
-      max-width: 0;
-    }
-  }
-
-  @media extra-small-screen-media {
-    & .sidebar {
-      width: 80%;
-      min-width: 0;
-      max-width: none;
-    }
-  }
-}

package/components/content-layout/content-layout.d.ts

@@ -1,20 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-export interface ContentLayoutProps extends HTMLAttributes<HTMLElement> {
-    responsive: boolean;
-    contentClassName?: string | null | undefined;
-}
-/**
- * @name Content Layout
- * @deprecated Will be removed in Ring UI 8.0.
- */
-export default class ContentLayout extends Component<ContentLayoutProps> {
-    static defaultProps: {
-        responsive: boolean;
-    };
-    state: {
-        contentNode: null;
-    };
-    saveContentNode: (contentNode: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
-}
-export { default as Sidebar } from './sidebar';

package/components/content-layout/content-layout.js

@@ -1,40 +0,0 @@
-import { Children, cloneElement, Component } from 'react';
-import classNames from 'classnames';
-import Sidebar from './sidebar';
-import styles from './content-layout.css';
-/**
- * @name Content Layout
- * @deprecated Will be removed in Ring UI 8.0.
- */
-export default class ContentLayout extends Component {
-    static defaultProps = {
-        responsive: true,
-    };
-    state = {
-        contentNode: null,
-    };
-    saveContentNode = (contentNode) => {
-        this.setState({ contentNode });
-    };
-    render() {
-        const { children, className, contentClassName, responsive, ...restProps } = this.props;
-        const classes = classNames(styles.contentLayout, className, {
-            [styles.contentLayoutResponsive]: responsive,
-        });
-        const contentClasses = classNames(styles.contentLayoutContent, contentClassName);
-        const childrenArray = Children.toArray(children);
-        const sidebarChild = childrenArray.filter((child) => !!child && typeof child === 'object' && 'type' in child && child.type === Sidebar)[0];
-        const sidebar = sidebarChild &&
-            cloneElement(sidebarChild, {
-                contentNode: this.state.contentNode,
-            });
-        const contentChildren = childrenArray.filter(child => child !== sidebarChild);
-        return (<div data-test='content-layout' {...restProps} className={classes}>
-        {sidebar}
-        <main className={contentClasses} ref={this.saveContentNode}>
-          {contentChildren}
-        </main>
-      </div>);
-    }
-}
-export { default as Sidebar } from './sidebar';

package/components/content-layout/sidebar.d.ts

@@ -1,26 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-import { Waypoint } from 'react-waypoint';
-export interface SidebarProps extends HTMLAttributes<HTMLElement> {
-    right?: boolean | null | undefined;
-    containerClassName?: string | null | undefined;
-    fixedClassName?: string | null | undefined;
-    contentNode?: HTMLElement | null | undefined;
-}
-/**
- * @name Sidebar
- * @deprecated Will be removed in Ring UI 8.0.
- */
-export default class Sidebar extends Component<SidebarProps> {
-    state: {
-        topIsOutside: boolean;
-        bottomIsOutside: boolean;
-        sidebarVisibleHeight: undefined;
-    };
-    sidebarNode?: HTMLElement | null;
-    handleTopWaypoint: ({ currentPosition }: Waypoint.CallbackArgs) => void;
-    handleBottomWaypoint: ({ currentPosition, waypointTop }: Waypoint.CallbackArgs) => void;
-    shouldUseFixation(): boolean;
-    shouldFixateBottom(): boolean;
-    sidebarRef: (node: HTMLElement | null) => void;
-    render(): import("react").JSX.Element;
-}

package/components/content-layout/sidebar.js

@@ -1,71 +0,0 @@
-import { Component } from 'react';
-import classNames from 'classnames';
-import { Waypoint } from 'react-waypoint';
-import styles from './content-layout.css';
-const ABOVE = 'above';
-const INSIDE = 'inside';
-/**
- * @name Sidebar
- * @deprecated Will be removed in Ring UI 8.0.
- */
-export default class Sidebar extends Component {
-    state = {
-        topIsOutside: true,
-        bottomIsOutside: true,
-        sidebarVisibleHeight: undefined,
-    };
-    sidebarNode;
-    handleTopWaypoint = ({ currentPosition }) => {
-        this.setState({ topIsOutside: currentPosition === ABOVE });
-    };
-    handleBottomWaypoint = ({ currentPosition, waypointTop }) => {
-        this.setState({
-            sidebarVisibleHeight: waypointTop,
-            bottomIsOutside: currentPosition !== INSIDE,
-        });
-    };
-    shouldUseFixation() {
-        const { contentNode } = this.props;
-        const { sidebarNode } = this;
-        if (!contentNode || !sidebarNode) {
-            return false;
-        }
-        return contentNode.offsetHeight >= sidebarNode.offsetHeight;
-    }
-    shouldFixateBottom() {
-        const { topIsOutside, bottomIsOutside } = this.state;
-        return !bottomIsOutside && topIsOutside && this.shouldUseFixation();
-    }
-    sidebarRef = (node) => {
-        this.sidebarNode = node;
-    };
-    render() {
-        const { right, children, className, containerClassName, fixedClassName, contentNode, ...restProps } = this.props;
-        const { topIsOutside, bottomIsOutside, sidebarVisibleHeight } = this.state;
-        const shouldFixateTop = bottomIsOutside && topIsOutside && this.shouldUseFixation();
-        const shouldFixateBottom = this.shouldFixateBottom();
-        const containerClasses = classNames(styles.sidebarContainer, containerClassName, {
-            [styles.sidebarContainerRight]: right,
-        });
-        const classes = classNames(styles.sidebar, className, {
-            [styles.sidebarRight]: right,
-            [styles.sidebarFixedTop]: shouldFixateTop,
-            [styles.sidebarFixedBottom]: shouldFixateBottom,
-            [fixedClassName ?? '']: shouldFixateTop || shouldFixateBottom,
-        });
-        const style = {
-            maxHeight: shouldFixateBottom && sidebarVisibleHeight ? `${sidebarVisibleHeight}px` : undefined,
-        };
-        return (<aside className={containerClasses} ref={this.sidebarRef}>
-        <Waypoint onEnter={this.handleTopWaypoint} onLeave={this.handleTopWaypoint}/>
-
-        <div {...restProps} style={style} className={classes}>
-          {children}
-        </div>
-
-        <div className={styles.bottomMarker}>
-          <Waypoint onEnter={this.handleBottomWaypoint} onLeave={this.handleBottomWaypoint}/>
-        </div>
-      </aside>);
-    }
-}

package/components/date-picker/use-intersection-observer.d.ts

@@ -1,6 +0,0 @@
-import { type RefObject } from 'react';
-export declare function useIntersectionObserver(containerRef: RefObject<HTMLElement | null>, scrollMargin?: number): IntersectionObserverHandle | null;
-export interface IntersectionObserverHandle {
-    observeVisibility(element: Element, setVisible: (isVisible: boolean) => void): () => void;
-}
-export declare function useVisibility(handle: IntersectionObserverHandle | null, elementRef: RefObject<Element | null>): boolean;

package/components/date-picker/use-intersection-observer.js

@@ -1,48 +0,0 @@
-import { useEffect, useState } from 'react';
-export function useIntersectionObserver(containerRef, scrollMargin = 0) {
-    const [handle, setHandle] = useState(null);
-    useEffect(() => {
-        const container = containerRef.current;
-        if (!container)
-            return;
-        const elementToSetVisible = new Map();
-        const observer = new IntersectionObserver(entries => {
-            for (const entry of entries) {
-                const setVisible = elementToSetVisible.get(entry.target);
-                setVisible?.(entry.isIntersecting);
-            }
-        }, {
-            root: container,
-            ...(scrollMargin
-                ? {
-                    scrollMargin: `${scrollMargin}px`,
-                }
-                : {}),
-        });
-        setHandle({
-            observeVisibility(element, setVisible) {
-                elementToSetVisible.set(element, setVisible);
-                observer.observe(element);
-                return () => {
-                    elementToSetVisible.delete(element);
-                    observer.unobserve(element);
-                };
-            },
-        });
-        return () => {
-            observer.disconnect();
-            setHandle(null);
-        };
-    }, [containerRef, scrollMargin]);
-    return handle;
-}
-export function useVisibility(handle, elementRef) {
-    const [isVisible, setIsVisible] = useState(false);
-    useEffect(() => {
-        const element = elementRef.current;
-        if (!element || !handle)
-            return;
-        return handle.observeVisibility(element, setIsVisible);
-    }, [handle, elementRef, setIsVisible]);
-    return isVisible;
-}

package/components/expand/collapsible-group.css

@@ -1,76 +0,0 @@
-/* Deprecated alias of `../collapsible-group/collapsible-group.css` (removed in Ring UI 8.0).
-   Class names are forwarded via `composes` so the canonical stylesheet stays the single source of
-   the actual rules, while `import styles from '.../components/expand/collapsible-group.css'` keeps
-   returning the full token map. */
-
-.expand {
-  composes: expand from '../collapsible-group/collapsible-group.css';
-}
-
-.collapseRoot {
-  composes: collapseRoot from '../collapsible-group/collapsible-group.css';
-}
-
-.hovered {
-  composes: hovered from '../collapsible-group/collapsible-group.css';
-}
-
-.expanded {
-  composes: expanded from '../collapsible-group/collapsible-group.css';
-}
-
-.focused {
-  composes: focused from '../collapsible-group/collapsible-group.css';
-}
-
-.header {
-  composes: header from '../collapsible-group/collapsible-group.css';
-}
-
-.heading {
-  composes: heading from '../collapsible-group/collapsible-group.css';
-}
-
-.headerButton {
-  composes: headerButton from '../collapsible-group/collapsible-group.css';
-}
-
-.headerStatic {
-  composes: headerStatic from '../collapsible-group/collapsible-group.css';
-}
-
-.headerContent {
-  composes: headerContent from '../collapsible-group/collapsible-group.css';
-}
-
-.avatarGroup {
-  composes: avatarGroup from '../collapsible-group/collapsible-group.css';
-}
-
-.title {
-  composes: title from '../collapsible-group/collapsible-group.css';
-}
-
-.subtitleGroup {
-  composes: subtitleGroup from '../collapsible-group/collapsible-group.css';
-}
-
-.subtitle {
-  composes: subtitle from '../collapsible-group/collapsible-group.css';
-}
-
-.subtitleChevron {
-  composes: subtitleChevron from '../collapsible-group/collapsible-group.css';
-}
-
-.toggle {
-  composes: toggle from '../collapsible-group/collapsible-group.css';
-}
-
-.toggleIcon {
-  composes: toggleIcon from '../collapsible-group/collapsible-group.css';
-}
-
-.body {
-  composes: body from '../collapsible-group/collapsible-group.css';
-}

package/components/expand/collapsible-group.d.ts

@@ -1,8 +0,0 @@
-import { type CollapsibleGroupProps } from '../collapsible-group/collapsible-group';
-/**
- * @deprecated The `expand` module has been renamed to `collapsible-group`. This re-export will be removed in
- * Ring UI 8.0. Use `CollapsibleGroup` from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.
- */
-declare const DeprecatedCollapsibleGroup: import("react").ForwardRefExoticComponent<CollapsibleGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export type { CollapsibleGroupProps };
-export default DeprecatedCollapsibleGroup;