@jetbrains/ring-ui 7.0.52 → 7.0.53

package/components/data-list/data-list.js

@@ -71,7 +71,7 @@ class DataList extends PureComponent {
                         const item = itemFormatter(model);
                         const { id, key, title, items } = item;
                         const showMoreLessButton = this.props.itemMoreLessState?.(item);
-                        return (_jsx(Item, { item: model, title: title, items: items, itemFormatter: itemFormatter, collapsible: item.collapsible, collapsed: item.collapsed, onCollapse: item.onCollapse, onExpand: item.onExpand, showFocus: selection.isFocused(model), onFocus: this.onItemFocus, selection: selection, selectable: item.selectable, selected: selection.isSelected(model), onSelect: this.onItemSelect, showMoreLessButton: showMoreLessButton, onItemMoreLess: this.props.onItemMoreLess }, key || id));
+                        return (_jsx(Item, { item: model, title: title, items: items, itemFormatter: itemFormatter, collapsible: item.collapsible, collapsed: item.collapsed, onCollapse: item.onCollapse, onExpand: item.onExpand, showFocus: selection.isFocused(model), onFocus: this.onItemFocus, selection: selection, selectable: item.selectable, selected: selection.isSelected(model), partialSelected: selection.isPartialSelected(model), onSelect: this.onItemSelect, showMoreLessButton: showMoreLessButton, onItemMoreLess: this.props.onItemMoreLess }, key || id));
                     }) }), loading && (_jsx("div", { className: data.length > 0 ? styles.loadingOverlay : undefined, children: _jsx(Loader, {}) }))] }));
     }
 }

package/components/data-list/item.d.ts

@@ -1,5 +1,6 @@
 import { PureComponent, ReactNode } from 'react';
-import Selection, { SelectionItem } from '../table/selection';
+import { SelectionItem } from '../table/selection';
+import Selection from './selection';
 export declare enum moreLessButtonStates {
     UNUSED = 0,
     MORE = 1,
@@ -32,6 +33,7 @@ export interface ItemProps<T extends SelectionItem> extends BaseFormattedItem<T>
     showFocus?: boolean | undefined;
     selection: Selection<T>;
     selected?: boolean | undefined;
+    partialSelected?: boolean | undefined;
 }
 export default class Item<T extends SelectionItem> extends PureComponent<ItemProps<T>> {
     static defaultProps: {

package/components/data-list/item.js

@@ -44,10 +44,10 @@ export default class Item extends PureComponent {
     renderItem = (model, parentShift) => {
         const { onFocus, onSelect, selection, level, itemFormatter } = this.props;
         const item = itemFormatter(model);
-        return (_jsx(Item, { item: model, title: item.title, items: item.items, level: level + 1, parentShift: parentShift, itemFormatter: itemFormatter, collapsible: item.collapsible, collapsed: item.collapsed, onCollapse: item.onCollapse, onExpand: item.onExpand, showFocus: selection.isFocused(model), onFocus: onFocus, selection: selection, selectable: item.selectable, selected: selection.isSelected(model), onSelect: onSelect }, item.key || item.id));
+        return (_jsx(Item, { item: model, title: item.title, items: item.items, level: level + 1, parentShift: parentShift, itemFormatter: itemFormatter, collapsible: item.collapsible, collapsed: item.collapsed, onCollapse: item.onCollapse, onExpand: item.onExpand, showFocus: selection.isFocused(model), onFocus: onFocus, selection: selection, selectable: item.selectable, selected: selection.isSelected(model), partialSelected: selection.isPartialSelected(model), onSelect: onSelect }, item.key || item.id));
     };
     render() {
-        const { title, items, showMoreLessButton, level, parentShift, showFocus, selectable, selected, collapsible, collapsed, onCollapse, onExpand, } = this.props;
+        const { title, items, showMoreLessButton, level, parentShift, showFocus, selectable, selected, partialSelected, collapsible, collapsed, onCollapse, onExpand, } = this.props;
         let moreLessButton;
         if (showMoreLessButton === moreLessButtonStates.MORE || showMoreLessButton === moreLessButtonStates.MORE_LOADING) {
             moreLessButton = (_jsxs(Text, { info: true, children: [_jsx(Link, { inherit: true, pseudo: true, onClick: this.onShowMore, children: 'Show more' }), showMoreLessButton === moreLessButtonStates.MORE_LOADING && (_jsx(LoaderInline, { className: styles.showMoreLoader }))] }));
@@ -66,6 +66,6 @@ export default class Item extends PureComponent {
         }
         const itemIsEmpty = !items?.length || (collapsible && collapsed);
         const offset = level * LIST_LEFT_OFFSET + ITEM_LEFT_OFFSET + parentShift;
-        return (_jsxs("li", { children: [_jsx(Title, { title: title, focused: showFocus, showFocus: showFocus, selectable: selectable, selected: selected, collapserExpander: collapserExpander, onFocus: this.onFocus, onSelect: this.onSelect, offset: offset }), !itemIsEmpty ? (_jsxs("ul", { className: styles.itemContent, children: [items.map(model => this.renderItem(model, parentShift)), showMoreLessButton !== moreLessButtonStates.UNUSED ? (_jsx("li", { className: styles.showMore, children: moreLessButton })) : null] })) : null] }));
+        return (_jsxs("li", { children: [_jsx(Title, { title: title, focused: showFocus, showFocus: showFocus, selectable: selectable, selected: selected, partialSelected: partialSelected, collapserExpander: collapserExpander, onFocus: this.onFocus, onSelect: this.onSelect, offset: offset }), !itemIsEmpty ? (_jsxs("ul", { className: styles.itemContent, children: [items.map(model => this.renderItem(model, parentShift)), showMoreLessButton !== moreLessButtonStates.UNUSED ? (_jsx("li", { className: styles.showMore, children: moreLessButton })) : null] })) : null] }));
     }
 }

package/components/data-list/selection.d.ts

@@ -1,5 +1,13 @@
-import TableSelection, { CloneWithConfig, SelectionItem } from '../table/selection';
+import TableSelection, { CloneWithConfig, SelectionItem, TableSelectionConfig } from '../table/selection';
+interface DataListSelectionConfig<T extends SelectionItem> extends TableSelectionConfig<T> {
+    partialSelected?: Set<T> | undefined;
+}
+interface DataListCloneWithConfig<T> extends CloneWithConfig<T> {
+    partialSelected?: Set<T> | undefined;
+}
 export default class Selection<T extends SelectionItem> extends TableSelection<T> {
+    protected _partialSelected: Set<T>;
+    constructor({ partialSelected, ...props }: DataListSelectionConfig<T>);
     protected _buildData(data: T[]): Set<T>;
     protected _buildSelected(data: Set<T>, selected: Set<T>): Set<T>;
     private _getDescendants;
@@ -9,8 +17,10 @@ export default class Selection<T extends SelectionItem> extends TableSelection<T
     private _selectAncestors;
     private _deselectAncestors;
     select(value?: T | null): Selection<T>;
+    isPartialSelected(value: T | null): boolean;
     focus(value: T | null | undefined): Selection<T>;
     resetSelection(): Selection<T>;
-    cloneWith(config: CloneWithConfig<T>): Selection<T>;
+    cloneWith({ partialSelected, ...rest }: DataListCloneWithConfig<T>): Selection<T>;
     deselect(value?: T | null): Selection<T>;
 }
+export {};

package/components/data-list/selection.js

@@ -1,5 +1,10 @@
 import TableSelection from '../table/selection';
 export default class Selection extends TableSelection {
+    _partialSelected;
+    constructor({ partialSelected = new Set(), ...props }) {
+        super(props);
+        this._partialSelected = partialSelected;
+    }
     _buildData(data) {
         return new Set(this._getDescendants(data));
     }
@@ -7,7 +12,7 @@ export default class Selection extends TableSelection {
         const _selected = new Set(selected);
         [...data].forEach(item => {
             if (_selected.has(item)) {
-                this._selectDescendants(item, _selected);
+                this._selectDescendants(item, _selected, this._partialSelected);
             }
         });
         return _selected;
@@ -28,34 +33,64 @@ export default class Selection extends TableSelection {
         }
         return result;
     }
-    _selectDescendants(item, selected) {
-        this._getDescendants(this._getChildren(item)).forEach(it => selected.add(it));
+    _selectDescendants(item, selected, partialSelected) {
+        this._getDescendants(this._getChildren(item)).forEach(it => {
+            selected.add(it);
+            partialSelected.delete(it);
+        });
     }
-    _deselectDescendants(item, selected) {
-        this._getDescendants(this._getChildren(item)).forEach(it => selected.delete(it));
+    _deselectDescendants(item, selected, partialSelected) {
+        this._getDescendants(this._getChildren(item)).forEach(it => {
+            selected.delete(it);
+            partialSelected.delete(it);
+        });
     }
-    _selectAncestors(item, selected) {
+    _selectAncestors(item, selected, partialSelected) {
         this._getAncestors(item).forEach(ancestor => {
             const groupIsSelected = this._getChildren(ancestor)
                 .filter(it => this._isItemSelectable(it))
                 .every(it => selected.has(it));
+            const groupIsPartialSelected = this._getChildren(ancestor)
+                .filter(it => this._isItemSelectable(it))
+                .some(it => selected.has(it) || partialSelected.has(it));
             if (groupIsSelected) {
                 selected.add(ancestor);
+                partialSelected.delete(ancestor);
+            }
+            else if (groupIsPartialSelected) {
+                partialSelected.add(ancestor);
             }
         });
     }
-    _deselectAncestors(item, selected) {
-        this._getAncestors(item).forEach(it => selected.delete(it));
+    _deselectAncestors(item, selected, partialSelected) {
+        this._getAncestors(item).forEach(ancestor => {
+            const groupIsPartialSelected = this._getChildren(ancestor)
+                .filter(it => this._isItemSelectable(it))
+                .filter(it => it !== item)
+                .some(it => selected.has(it) || partialSelected.has(it));
+            if (groupIsPartialSelected) {
+                partialSelected.add(ancestor);
+            }
+            else {
+                partialSelected.delete(ancestor);
+            }
+            selected.delete(ancestor);
+        });
     }
     select(value = this._focused) {
         if (!value || !this._isItemSelectable(value)) {
             return this;
         }
         const selected = new Set(this._selected);
+        const partialSelected = new Set(this._partialSelected);
         selected.add(value);
-        this._selectDescendants(value, selected);
-        this._selectAncestors(value, selected);
-        return this.cloneWith({ selected });
+        partialSelected.delete(value);
+        this._selectDescendants(value, selected, partialSelected);
+        this._selectAncestors(value, selected, partialSelected);
+        return this.cloneWith({ selected, partialSelected });
+    }
+    isPartialSelected(value) {
+        return value != null && this._partialSelected.has(value);
     }
     focus(value) {
         return super.focus(value);
@@ -63,17 +98,28 @@ export default class Selection extends TableSelection {
     resetSelection() {
         return super.resetSelection();
     }
-    cloneWith(config) {
-        return super.cloneWith(config);
+    cloneWith({ partialSelected = this._partialSelected, ...rest }) {
+        const parentClone = super.cloneWith(rest);
+        return new this.constructor({
+            data: parentClone._rawData,
+            selected: parentClone._selected,
+            focused: parentClone._focused,
+            getKey: parentClone._getKey,
+            getChildren: parentClone._getChildren,
+            isItemSelectable: parentClone._isItemSelectable,
+            partialSelected,
+        });
     }
     deselect(value = this._focused) {
         if (!value || !this._isItemSelectable(value)) {
             return this;
         }
         const selected = new Set(this._selected);
+        const partialSelected = new Set(this._partialSelected);
         selected.delete(value);
-        this._deselectDescendants(value, selected);
-        this._deselectAncestors(value, selected);
-        return this.cloneWith({ selected });
+        partialSelected.delete(value);
+        this._deselectDescendants(value, selected, partialSelected);
+        this._deselectAncestors(value, selected, partialSelected);
+        return this.cloneWith({ selected, partialSelected });
     }
 }

package/components/data-list/title.d.ts

@@ -4,6 +4,7 @@ export interface TitleProps extends FocusSensorAddProps<HTMLDivElement> {
     onSelect: (selected: boolean) => void;
     selectable?: boolean | undefined;
     selected?: boolean | undefined;
+    partialSelected?: boolean | undefined;
     showFocus?: boolean | undefined;
     offset?: number | undefined;
     className?: string | null | undefined;

package/components/data-list/title.js

@@ -25,13 +25,13 @@ class Title extends PureComponent {
         }
     }
     render() {
-        const { className, title, offset, showFocus, innerRef, selectable, selected, collapserExpander } = this.props;
+        const { className, title, offset, showFocus, innerRef, selectable, selected, partialSelected, collapserExpander } = this.props;
         const classes = classNames(className, {
             [styles.title]: true,
             [styles.titleFocused]: showFocus,
             [styles.titleSelected]: selected,
         });
-        return (_jsxs("div", { id: this.id, className: classes, style: { paddingLeft: offset }, ref: innerRef, children: [_jsxs("div", { className: styles.boxes, children: [selectable && (_jsx("div", { className: styles.checkboxBox, children: _jsx(Checkbox, { "aria-labelledby": this.id, className: showFocus ? 'ring-checkbox_focus' : '', checked: selected, onFocus: this.onCheckboxFocus, onChange: this.onCheckboxChange, tabIndex: -1 }) })), collapserExpander] }), title] }));
+        return (_jsxs("div", { id: this.id, className: classes, style: { paddingLeft: offset }, ref: innerRef, children: [_jsxs("div", { className: styles.boxes, children: [selectable && (_jsx("div", { className: styles.checkboxBox, children: _jsx(Checkbox, { "aria-labelledby": this.id, className: showFocus ? 'ring-checkbox_focus' : '', checked: selected, indeterminate: partialSelected, onFocus: this.onCheckboxFocus, onChange: this.onCheckboxChange, tabIndex: -1 }) })), collapserExpander] }), title] }));
     }
 }
 export default focusSensorHOC(Title);

package/components/island/adaptive-island-hoc.js

@@ -13,7 +13,7 @@ export default function adaptiveIslandHOC(ComposedComponent) {
         onContentScroll = ({ scrollTop, scrollHeight, clientHeight }) => {
             if (scrollHeight - clientHeight >=
                 interpolateLinear(TITLE_RESIZE_THRESHOLD, TITLE_RESIZE_END, this.state.phase ?? 0)) {
-                const phase = Math.min(1, scrollTop / TITLE_RESIZE_END);
+                const phase = Math.min(1, Math.max(0, scrollTop) / TITLE_RESIZE_END);
                 this.setState({ phase });
             }
         };

package/components/island/header.js

@@ -14,7 +14,7 @@ const Start = {
     SPACING: 0,
 };
 const End = {
-    FONT_SIZE: 13,
+    FONT_SIZE: 14,
     LINE_HEIGHT: 20,
     PADDING_TOP: 16,
     PADDING_BOTTOM: 8,
@@ -31,6 +31,19 @@ class Header extends Component {
     style(name) {
         return interpolateLinear(Start[name], End[name], this.props.phase ?? 0);
     }
+    getTitleStyle(phase) {
+        if (phase === undefined)
+            return;
+        if (phase < 1) {
+            const scaleFont = this.style('FONT_SIZE') / Start.FONT_SIZE;
+            return {
+                fontSize: Start.FONT_SIZE,
+                transform: `translate(${this.style('X')}px, ${this.style('Y')}px) scale(${scaleFont})`,
+                letterSpacing: this.style('SPACING'),
+            };
+        }
+        return { fontSize: End.FONT_SIZE };
+    }
     render() {
         const { children, className, wrapWithTitle, border, phase, ...restProps } = this.props;
         const classes = classNames(styles.header, className, {
@@ -43,14 +56,7 @@ class Header extends Component {
                 paddingBottom: this.style('PADDING_BOTTOM'),
             }
             : undefined;
-        const scaleFont = phase != null && this.style('FONT_SIZE') / Start.FONT_SIZE;
-        const titleStyle = phase != null && phase < 1
-            ? {
-                fontSize: Start.FONT_SIZE,
-                transform: `translate(${this.style('X')}px, ${this.style('Y')}px) scale(${scaleFont})`,
-                letterSpacing: this.style('SPACING'),
-            }
-            : undefined;
+        const titleStyle = this.getTitleStyle(phase);
         return (_jsxs("div", { ...restProps, "data-test": "ring-island-header", className: classes, style: headerStyle, children: [wrapWithTitle && (_jsx("h2", { className: styles.title, style: titleStyle, children: children })), !wrapWithTitle && children] }));
     }
 }

package/components/loader/loader.js

@@ -1,6 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { PureComponent } from 'react';
-import dataTests from '../global/data-tests';
 import LoaderCore from './loader__core';
 /**
  * @name Loader
@@ -30,6 +29,6 @@ export default class Loader extends PureComponent {
     };
     render() {
         const { message, size, colors, 'data-test': dataTest, stop, deterministic, ...restProps } = this.props;
-        return _jsx("div", { "data-test": dataTests('ring-loader', dataTest), ...restProps, ref: this.initLoader });
+        return _jsx("div", { ...restProps, ref: this.initLoader });
     }
 }

package/components/table/selection.d.ts

@@ -15,12 +15,12 @@ export interface CloneWithConfig<T> {
     focused?: T | null | undefined;
 }
 export default class Selection<T extends SelectionItem> {
-    private _rawData;
+    protected _rawData: readonly T[];
     protected _getChildren: (item: T) => readonly T[];
     protected _data: Set<T>;
     protected _selected: Set<T>;
     protected _focused: T | null;
-    private _getKey;
+    protected _getKey: (item: T) => string | number;
     protected _isItemSelectable: (item: T) => boolean | undefined;
     constructor({ data, selected, focused, getKey, getChildren, isItemSelectable, }?: TableSelectionConfig<T>);
     protected _buildData(data: readonly T[] | null | undefined): Set<T>;

package/components/tooltip/tooltip.js

@@ -33,6 +33,7 @@ export default class Tooltip extends Component {
             this.addListeners();
         }
         else if (prevProps.title && !this.props.title) {
+            this.hidePopup();
             this.listeners.removeAll();
         }
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.52",
+  "version": "7.0.53",
   "description": "JetBrains UI library",
   "author": {
     "name": "JetBrains"
@@ -97,28 +97,28 @@
   },
   "readmeFilename": "README.md",
   "devDependencies": {
-    "@babel/cli": "^7.27.2",
-    "@babel/eslint-parser": "^7.27.5",
+    "@babel/cli": "^7.28.0",
+    "@babel/eslint-parser": "^7.28.0",
     "@csstools/css-parser-algorithms": "^3.0.4",
     "@csstools/stylelint-no-at-nest-rule": "^4.0.0",
-    "@eslint/compat": "^1.3.0",
+    "@eslint/compat": "^1.3.1",
     "@eslint/eslintrc": "^3.2.0",
     "@eslint/js": "^9.28.0",
-    "@figma/code-connect": "^1.3.3",
+    "@figma/code-connect": "^1.3.4",
     "@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",
-    "@primer/octicons": "^19.15.2",
+    "@primer/octicons": "^19.15.3",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-replace": "^6.0.2",
-    "@storybook/addon-a11y": "9.0.10",
-    "@storybook/addon-docs": "^9.0.10",
-    "@storybook/addon-themes": "^9.0.10",
+    "@storybook/addon-a11y": "9.0.15",
+    "@storybook/addon-docs": "^9.0.15",
+    "@storybook/addon-themes": "^9.0.15",
     "@storybook/csf": "^0.1.13",
-    "@storybook/react-webpack5": "9.0.10",
+    "@storybook/react-webpack5": "9.0.15",
     "@storybook/test-runner": "^0.23.0",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.3.0",
@@ -131,62 +131,62 @@
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@types/webpack-env": "^1.18.8",
-    "@vitejs/plugin-react": "^4.5.2",
-    "@vitest/eslint-plugin": "^1.2.5",
+    "@vitejs/plugin-react": "^4.6.0",
+    "@vitest/eslint-plugin": "^1.3.4",
     "acorn": "^8.15.0",
     "axe-playwright": "^2.1.0",
     "babel-plugin-require-context-hook": "^1.0.0",
-    "caniuse-lite": "^1.0.30001723",
+    "caniuse-lite": "^1.0.30001726",
     "chai": "^5.2.0",
     "chai-as-promised": "^8.0.1",
     "chai-dom": "^1.12.1",
     "cheerio": "^1.1.0",
-    "chromatic": "^12.2.0",
+    "chromatic": "^13.1.2",
     "core-js": "^3.43.0",
     "cpy-cli": "^5.0.0",
     "dotenv-cli": "^8.0.0",
-    "eslint": "^9.29.0",
+    "eslint": "^9.30.1",
     "eslint-config-prettier": "^10.1.5",
     "eslint-formatter-jslint-xml": "^8.40.0",
     "eslint-import-resolver-exports": "^1.0.0-beta.5",
     "eslint-import-resolver-webpack": "^0.13.10",
-    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.4.1",
+    "eslint-plugin-prettier": "^5.5.1",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
-    "eslint-plugin-storybook": "^9.0.10",
+    "eslint-plugin-storybook": "^9.0.15",
     "events": "^3.3.0",
     "glob": "^11.0.3",
-    "globals": "^16.2.0",
+    "globals": "^16.3.0",
     "html-webpack-plugin": "^5.6.3",
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "~30.0.0",
-    "jest-environment-jsdom": "^30.0.0",
+    "jest": "~30.0.4",
+    "jest-environment-jsdom": "^30.0.4",
     "jest-teamcity": "^1.12.0",
     "lint-staged": "^16.1.2",
     "markdown-it": "^14.1.0",
     "merge-options": "^3.0.4",
     "pinst": "^3.0.0",
-    "prettier": "^3.5.3",
+    "prettier": "^3.6.2",
     "raw-loader": "^4.0.2",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "regenerator-runtime": "^0.14.1",
     "rimraf": "^6.0.1",
-    "rollup": "^4.43.0",
+    "rollup": "^4.44.1",
     "rollup-plugin-clear": "^2.0.7",
     "storage-mock": "^2.1.0",
-    "storybook": "9.0.10",
-    "stylelint": "^16.20.0",
+    "storybook": "9.0.15",
+    "stylelint": "^16.21.1",
     "svg-inline-loader": "^0.8.2",
     "teamcity-service-messages": "^0.1.14",
     "terser-webpack-plugin": "^5.3.14",
     "typescript": "~5.8.3",
-    "typescript-eslint": "^8.34.0",
-    "vitest": "^3.2.3",
+    "typescript-eslint": "^8.35.1",
+    "vitest": "^3.2.4",
     "vitest-teamcity-reporter": "^0.3.1",
     "wallaby-webpack": "^3.9.16",
     "webpack": "^5.99.9",
@@ -213,7 +213,7 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.27.4",
+    "@babel/core": "^7.28.0",
     "@babel/preset-typescript": "^7.27.1",
     "@jetbrains/babel-preset-jetbrains": "^2.4.0",
     "@jetbrains/icons": "^5.10.0",
@@ -224,7 +224,7 @@
     "@types/util-deprecate": "^1.0.4",
     "babel-loader": "10.0.0",
     "babel-plugin-transform-define": "^2.1.4",
-    "browserslist": "^4.25.0",
+    "browserslist": "^4.25.1",
     "change-case": "^4.1.1",
     "classnames": "^2.5.1",
     "combokeys": "^3.0.1",
@@ -239,13 +239,13 @@
     "highlight.js": "^10.7.2",
     "just-debounce-it": "^3.2.0",
     "memoize-one": "^6.0.0",
-    "postcss": "^8.5.5",
+    "postcss": "^8.5.6",
     "postcss-calc": "^10.1.1",
     "postcss-flexbugs-fixes": "^5.0.2",
     "postcss-font-family-system-ui": "^5.0.0",
     "postcss-loader": "^8.1.1",
     "postcss-modules-values-replace": "^4.2.2",
-    "postcss-preset-env": "^10.2.3",
+    "postcss-preset-env": "^10.2.4",
     "react-movable": "^3.4.1",
     "react-virtualized": "^9.22.6",
     "react-waypoint": "^10.3.0",