@jetbrains/ring-ui 8.0.0-beta.5 → 8.0.0-beta.7

package/components/global/variables_dark.css

@@ -15,8 +15,6 @@
   --ring-border-disabled-color: rgb(var(--ring-border-disabled-components)); /* #4E5157 */
   --ring-border-selected-disabled-components: 90, 93, 99;
   --ring-border-selected-disabled-color: rgb(var(--ring-border-selected-disabled-components)); /* #5A5D63 */
-  --ring-border-disabled-active-components: var(--ring-border-hover-components);
-  --ring-border-disabled-active-color: var(--ring-border-hover-color); /* TODO: remove in 8.0 in favor of --ring-border-hover-color */
   --ring-icon-disabled-components: 111, 115, 122;
   --ring-icon-disabled-color: rgb(var(--ring-icon-disabled-components)); /* #6F737A */
   --ring-border-hover-components: 55, 95, 173;
@@ -39,18 +37,18 @@
   --ring-main-error-color: rgb(var(--ring-main-error-components)); /* #BD5757 */
   --ring-main-error-hover-components: 156, 78, 78;
   --ring-main-error-hover-color: rgb(var(--ring-main-error-hover-components)); /* #9C4E4E */
-  --ring-main-warning-components: 224, 137, 87;
-  --ring-main-warning-color: rgb(var(--ring-main-warning-components)); /* #E08957 */
-  --ring-main-warning-hover-components: 199, 125, 85;
-  --ring-main-warning-hover-color: rgb(var(--ring-main-warning-hover-components)); /* #C77D55 */
+  --ring-main-warning-components: 214, 174, 88;
+  --ring-main-warning-color: rgb(var(--ring-main-warning-components)); /* #D6AE58 */
+  --ring-main-warning-hover-components: 186, 151, 82;
+  --ring-main-warning-hover-color: rgb(var(--ring-main-warning-hover-components)); /* #BA9752 */
   --ring-main-purple-components: 149, 90, 224;
   --ring-main-purple-color: rgb(var(--ring-main-purple-components)); /* #955AE0 */
   --ring-main-purple-hover-components: 129, 80, 190;
   --ring-main-purple-hover-color: rgb(var(--ring-main-purple-hover-components)); /* #8150BE */
   --ring-icon-error-components: 227, 119, 116;
   --ring-icon-error-color: rgb(var(--ring-icon-error-components)); /* #E37774 */
-  --ring-icon-warning-components: 224, 136, 85;
-  --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #E08855 */
+  --ring-icon-warning-components: 214, 174, 88;
+  --ring-icon-warning-color: rgb(var(--ring-icon-warning-components)); /* #D6AE58 */
   --ring-icon-success-components: 95, 173, 101;
   --ring-icon-success-color: rgb(var(--ring-icon-success-components)); /* #5FAD65 */
   --ring-icon-highlight-components: 214, 174, 88;
@@ -65,10 +63,10 @@
   --ring-error-border-color: rgb(var(--ring-error-border-components)); /* #7A4343 */
   --ring-error-border-hover-components: 156, 78, 78;
   --ring-error-border-hover-color: rgb(var(--ring-error-border-hover-components)); /* #9C4E4E */
-  --ring-warning-border-components: 130, 88, 69;
-  --ring-warning-border-color: rgb(var(--ring-warning-border-components)); /* #825845 */
-  --ring-warning-border-hover-components: 163, 107, 78;
-  --ring-warning-border-hover-color: rgb(var(--ring-warning-border-hover-components)); /* #A36B4E */
+  --ring-warning-border-components: 130, 106, 65;
+  --ring-warning-border-color: rgb(var(--ring-warning-border-components)); /* #826A41 */
+  --ring-warning-border-hover-components: 158, 129, 74;
+  --ring-warning-border-hover-color: rgb(var(--ring-warning-border-hover-components)); /* #9E814A */
   --ring-highlight-border-components: 130, 106, 65;
   --ring-highlight-border-color: rgb(var(--ring-highlight-border-components)); /* #826A41 */
   --ring-highlight-border-hover-components: 158, 129, 74;
@@ -82,8 +80,6 @@
   --ring-popup-shadow-color: rgba(0, 0, 0, 0.31);
   --ring-popup-secondary-shadow-color: rgba(0, 0, 0, 0.37);
   --ring-message-shadow-color: rgba(var(--ring-popup-border-components), 0.3);
-  --ring-pinned-shadow-components: 0, 0, 0;
-  --ring-pinned-shadow-color: rgb(var(--ring-pinned-shadow-components)); /* #000 */ /* TODO remove in 8.0 */
   --ring-button-danger-hover-color: var(--ring-error-color);
   --ring-button-primary-border-components: 153, 187, 255;
   --ring-button-primary-border-color: rgb(var(--ring-button-primary-border-components)); /* #99BBFF */
@@ -93,16 +89,14 @@
   --ring-dialog-shadow: 0 4px 16px var(--ring-popup-shadow-color), 0 2px 6px var(--ring-popup-secondary-shadow-color);
 
   /* Text */
-  --ring-hint-components: 134, 138, 145;
-  --ring-hint-color: rgb(var(--ring-hint-components)); /* #868A91 */ /* TODO: remove in 8.0 */
   --ring-link-components: 153, 187, 255;
   --ring-link-color: rgb(var(--ring-link-components)); /* #99BBFF */
   --ring-link-hover-components: 107, 155, 250;
   --ring-link-hover-color: rgb(var(--ring-link-hover-components)); /* #6B9BFA */
   --ring-error-components: 227, 119, 116;
   --ring-error-color: rgb(var(--ring-error-components)); /* #E37774 */
-  --ring-warning-components: 224, 137, 87;
-  --ring-warning-color: rgb(var(--ring-warning-components)); /* #E08957 */ /* Prefer using warning icon + regular text color */
+  --ring-warning-components: 242, 197, 92;
+  --ring-warning-color: rgb(var(--ring-warning-components)); /* #F2C55C */ /* Prefer using warning icon + regular text color */
   --ring-success-components: 95, 173, 101;
   --ring-success-color: rgb(var(--ring-success-components)); /* #5FAD65 */ /* Prefer using success icon + regular text color */
   --ring-purple-text-components: 181, 137, 236;
@@ -140,8 +134,8 @@
   --ring-tag-hover-background-color: rgb(var(--ring-tag-hover-background-components)); /* #4E5157 */
   --ring-removed-background-components: 94, 56, 56;
   --ring-removed-background-color: rgb(var(--ring-removed-background-components)); /* #5E3838 */
-  --ring-warning-background-components: 97, 68, 56;
-  --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #614438 */
+  --ring-warning-background-components: 94, 77, 51;
+  --ring-warning-background-color: rgb(var(--ring-warning-background-components)); /* #5E4D33 */
   --ring-highlight-background-components: 94, 77, 51;
   --ring-highlight-background-color: rgb(var(--ring-highlight-background-components)); /* #5E4D33 */
   --ring-added-background-components: 55, 82, 57;
@@ -153,12 +147,11 @@
   --ring-disabled-selected-background-components: 67, 69, 74;
   --ring-disabled-selected-background-color: rgb(var(--ring-disabled-selected-background-components)); /* #43454A */
   --ring-button-danger-active-color: var(--ring-error-container-light-color); /* #5E3838 */
-  --ring-button-primary-background-color: var(--ring-main-color); /* TODO remove in 8.0 */
   --ring-table-loader-background-color: rgba(var(--ring-content-background-components), 0.5); /* #2B2D3050 */
   --ring-removed-subtle-background-components: 64, 41, 41;
   --ring-removed-subtle-background-color: rgb(var(--ring-removed-subtle-background-components)); /* #402929 */
-  --ring-warning-subtle-background-components: 69, 50, 43;
-  --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #45322B */
+  --ring-warning-subtle-background-components: 61, 50, 35;
+  --ring-warning-subtle-background-color: rgb(var(--ring-warning-subtle-background-components)); /* #3D3223 */
   --ring-highlight-subtle-background-components: 61, 50, 35;
   --ring-highlight-subtle-background-color: rgb(var(--ring-highlight-subtle-background-components)); /* #3D3223 */
   --ring-added-subtle-background-components: 37, 54, 39;
@@ -171,8 +164,8 @@
   --ring-success-container-light-color: rgb(var(--ring-success-container-light-components)); /* #222D25 */
   --ring-error-container-light-components: 54, 38, 39;
   --ring-error-container-light-color: rgb(var(--ring-error-container-light-components)); /* #362627 */
-  --ring-warning-container-light-components: 53, 42, 39;
-  --ring-warning-container-light-color: rgb(var(--ring-warning-container-light-components)); /* #352A27 */
+  --ring-warning-container-light-components: 49, 42, 35;
+  --ring-warning-container-light-color: rgb(var(--ring-warning-container-light-components)); /* #312A23 */
   --ring-highlight-container-light-components: 49, 42, 35;
   --ring-highlight-container-light-color: rgb(var(--ring-highlight-container-light-components)); /* #312A23 */
   --ring-grey-container-light-components: 43, 45, 48;

package/components/icon/icon.css

@@ -11,11 +11,6 @@
 
   pointer-events: none;
 
-  /* TODO remove in 8.0 */
-  &[width='10'] {
-    vertical-align: -1px;
-  }
-
   &[width='12'] {
     vertical-align: -1px;
   }
@@ -71,25 +66,3 @@
 .white {
   color: var(--ring-white-text-color);
 }
-
-.loading {
-  animation-name: icon-loading;
-  animation-duration: 1200ms;
-  animation-iteration-count: infinite;
-}
-
-@keyframes icon-loading {
-  0% {
-    transform: scale(1);
-  }
-
-  50% {
-    transform: scale(0.9);
-
-    opacity: 0.5;
-  }
-
-  100% {
-    transform: scale(1);
-  }
-}

package/components/icon/icon.d.ts

@@ -19,7 +19,6 @@ export interface IconProps extends HTMLAttributes<HTMLElement> {
      * @deprecated Use icons with appropriate intrinsic sizes instead
      */
     width?: number | undefined;
-    loading?: boolean | null | undefined;
     suppressSizeWarning?: boolean | null | undefined;
 }
 export default class Icon extends PureComponent<IconProps> {

package/components/icon/icon.js

@@ -43,13 +43,11 @@ export default class Icon extends PureComponent {
         return undefined;
     }
     render() {
-        const { className, size, color, loading, glyph: Glyph, width, height, suppressSizeWarning, ...restProps } = this.props;
+        const { className, size, color, glyph: Glyph, width, height, suppressSizeWarning, ...restProps } = this.props;
         if (!Glyph) {
             return null;
         }
-        const classes = classNames(styles.icon, color && styles[color], {
-            [styles.loading]: loading,
-        }, className);
+        const classes = classNames(styles.icon, color && styles[color], className);
         return (<span data-test='ring-icon' {...restProps} className={classes}>
         {typeof Glyph === 'string' ? (<IconSVG src={Glyph} style={this.getStyle()}/>) : (<Glyph className={styles.glyph} style={this.getStyle()}/>)}
       </span>);

package/components/list/consts.d.ts

@@ -9,7 +9,6 @@ export declare enum Type {
     SEPARATOR = 0,
     LINK = 1,
     ITEM = 2,
-    HINT = 3,// doesn't work, TODO remove in 8.0
     CUSTOM = 4,
     TITLE = 5,
     MARGIN = 6

package/components/list/consts.js

@@ -6,7 +6,6 @@ export var Type;
     Type[Type["SEPARATOR"] = 0] = "SEPARATOR";
     Type[Type["LINK"] = 1] = "LINK";
     Type[Type["ITEM"] = 2] = "ITEM";
-    Type[Type["HINT"] = 3] = "HINT";
     Type[Type["CUSTOM"] = 4] = "CUSTOM";
     Type[Type["TITLE"] = 5] = "TITLE";
     Type[Type["MARGIN"] = 6] = "MARGIN";

package/components/list/list.d.ts

@@ -43,10 +43,6 @@ export interface ListProps<T = unknown> {
     maxHeight?: number | null | undefined;
     activeIndex?: number | null | undefined;
     useMouseUp?: boolean | null | undefined;
-    /**
-     * @deprecated No longer used. Visibility is detected automatically via IntersectionObserver. Will be removed in Ring UI 8.0.
-     */
-    visible?: boolean | null | undefined;
     disableMoveOverflow?: boolean | null | undefined;
     compact?: boolean | null | undefined;
     disableScrollToActive?: boolean | null | undefined;

package/components/select/select.js

@@ -47,9 +47,7 @@ const getStyle = memoize((iconsLength) => ({
 }));
 const isInputMode = (type) => type === Type.INPUT || type === Type.INPUT_WITHOUT_CONTROLS;
 function getLowerCaseLabel(item) {
-    if (List.isItemType(List.ListProps.Type.SEPARATOR, item) ||
-        List.isItemType(List.ListProps.Type.HINT, item) ||
-        typeof item.label !== 'string') {
+    if (List.isItemType(List.ListProps.Type.SEPARATOR, item) || typeof item.label !== 'string') {
         return null;
     }
     return item.label.toLowerCase();

package/components/tag/tag.css

@@ -93,7 +93,7 @@
   --ring-tag-container-background-color: var(--ring-added-subtle-background-color);
   --ring-tag-container-hover-background-color: var(--ring-added-background-color);
   --ring-tag-text-color: var(--ring-success-color);
-  --ring-tag-icon-color: var(--ring-icon-success-color);
+  --ring-tag-icon-color: var(--ring-success-color);
   --ring-tag-container-outline-background-color: var(--ring-success-container-light-color);
   --ring-tag-container-outline-hover-background-color: var(--ring-added-subtle-background-color);
   --ring-tag-outline-color: var(--ring-success-border-color);
@@ -104,7 +104,7 @@
   --ring-tag-container-background-color: var(--ring-warning-subtle-background-color);
   --ring-tag-container-hover-background-color: var(--ring-warning-background-color);
   --ring-tag-text-color: var(--ring-warning-color);
-  --ring-tag-icon-color: var(--ring-icon-warning-color);
+  --ring-tag-icon-color: var(--ring-warning-color);
   --ring-tag-container-outline-background-color: var(--ring-warning-container-light-color);
   --ring-tag-container-outline-hover-background-color: var(--ring-warning-subtle-background-color);
   --ring-tag-outline-color: var(--ring-warning-border-color);
@@ -115,7 +115,7 @@
   --ring-tag-container-background-color: var(--ring-removed-subtle-background-color);
   --ring-tag-container-hover-background-color: var(--ring-removed-background-color);
   --ring-tag-text-color: var(--ring-error-tag-text-color);
-  --ring-tag-icon-color: var(--ring-icon-error-color);
+  --ring-tag-icon-color: var(--ring-error-tag-text-color);
   --ring-tag-container-outline-background-color: var(--ring-error-container-light-color);
   --ring-tag-container-outline-hover-background-color: var(--ring-removed-subtle-background-color);
   --ring-tag-outline-color: var(--ring-error-border-color);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "8.0.0-beta.5",
+  "version": "8.0.0-beta.7",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -118,8 +118,8 @@
     "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-replace": "^6.0.3",
     "@storybook/addon-a11y": "10.4.6",
-    "@storybook/addon-docs": "^10.4.6",
-    "@storybook/addon-themes": "^10.4.6",
+    "@storybook/addon-docs": "10.4.6",
+    "@storybook/addon-themes": "10.4.6",
     "@storybook/csf": "^0.1.13",
     "@storybook/react-webpack5": "10.4.6",
     "@storybook/test-runner": "^0.24.4",
@@ -226,8 +226,6 @@
     "@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.4",
     "change-case": "^4.1.1",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",
@@ -251,7 +249,6 @@
     "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/expand/collapsible-group.css

@@ -1,72 +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';
-}
-
-.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<Omit<CollapsibleGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-export type { CollapsibleGroupProps };
-export default DeprecatedCollapsibleGroup;

package/components/expand/collapsible-group.js

@@ -1,14 +0,0 @@
-import { forwardRef } from 'react';
-import deprecate from 'util-deprecate';
-import CollapsibleGroup from '../collapsible-group/collapsible-group';
-const warnDeprecation = deprecate(() => { }, '`CollapsibleGroup` from `@jetbrains/ring-ui/components/expand/collapsible-group` is deprecated and will be removed in Ring UI 8.0. Import it from `@jetbrains/ring-ui/components/collapsible-group/collapsible-group` instead.');
-/**
- * @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.
- */
-const DeprecatedCollapsibleGroup = forwardRef((props, ref) => {
-    warnDeprecation();
-    return <CollapsibleGroup ref={ref} {...props}/>;
-});
-DeprecatedCollapsibleGroup.displayName = 'CollapsibleGroup';
-export default DeprecatedCollapsibleGroup;

package/components/grid/col.d.ts

@@ -1,16 +0,0 @@
-import { Component, type HTMLAttributes } from 'react';
-export interface ColProps extends HTMLAttributes<HTMLDivElement> {
-    'data-test'?: string | null | undefined;
-    xs?: boolean | number | null | undefined;
-    sm?: boolean | number | null | undefined;
-    md?: boolean | number | null | undefined;
-    lg?: boolean | number | null | undefined;
-    xsOffset?: number | null | undefined;
-    smOffset?: number | null | undefined;
-    mdOffset?: number | null | undefined;
-    lgOffset?: number | null | undefined;
-    reverse?: boolean | null | undefined;
-}
-export default class Col extends Component<ColProps> {
-    render(): import("react").JSX.Element;
-}