@jetbrains/ring-ui 7.0.4 → 7.0.6-beta.0

package/components/grid/grid.css

@@ -4,7 +4,7 @@
 @value large-screen-media, middle-screen-media, small-screen-media from "../global/global.css";
 
 .container-fluid,
-.container
+.container,
 .row {
   --ring-grid-gutter-width: calc(var(--ring-unit) * 2);
   --ring-grid-gutter-compensation: calc(var(--ring-grid-gutter-width) / -2);

package/components/list/list.js

@@ -382,6 +382,7 @@ export default class List extends Component {
         const realIndex = index - 1;
         const item = this.props.data[realIndex];
         const itemId = this.getId(item);
+        const isActive = realIndex === this.state.activeIndex;
         // top and bottom margins
         if (index === 0 || index === this.props.data.length + 1 || item.rgItemType === Type.MARGIN) {
             itemKey = key || `${Type.MARGIN}_${index}`;
@@ -399,7 +400,7 @@ export default class List extends Component {
             }
             const itemProps = Object.assign({ rgItemType: DEFAULT_ITEM_TYPE }, restProps);
             itemKey = key || itemId;
-            itemProps.hover = realIndex === this.state.activeIndex;
+            itemProps.hover = isActive;
             if (itemProps.hoverClassName != null && itemProps.hover) {
                 itemProps.className = classNames(itemProps.className, itemProps.hoverClassName);
             }
@@ -446,10 +447,10 @@ export default class List extends Component {
             el = <ItemComponent {...itemProps} key={itemProps.key}/>;
         }
         return parent ? (<CellMeasurer cache={this._cache} key={itemKey} parent={parent} rowIndex={index} columnIndex={0}>
-        {({ registerChild }) => (<div ref={registerChild} style={style} role="row" id={itemId}>
+        {({ registerChild }) => (<div ref={registerChild} style={style} role="row" aria-selected={isActive} id={itemId}>
             <div role="cell">{el}</div>
           </div>)}
-      </CellMeasurer>) : (<div role="row" id={itemId} key={itemKey}>
+      </CellMeasurer>) : (<div role="row" aria-selected={isActive} id={itemId} key={itemKey}>
         <div role="cell">{el}</div>
       </div>);
     };

package/components/list/list__separator.js

@@ -7,6 +7,8 @@ export default class ListSeparator extends PureComponent {
         const classes = classNames(styles.separator, className, {
             [styles.separator_first]: isFirst,
         });
-        return <span className={classes}>{description}</span>;
+        return (<span data-test="ring-list-separator" className={classes}>
+        {description}
+      </span>);
     }
 }

package/components/markdown/markdown.js

@@ -13,6 +13,8 @@ export default class Markdown extends PureComponent {
             [styles.markdown]: !inline,
             [styles.inline]: inline,
         });
-        return <div className={classes}>{children}</div>;
+        return (<div data-test="ring-markdown" className={classes}>
+        {children}
+      </div>);
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jetbrains/ring-ui",
-  "version": "7.0.4",
+  "version": "7.0.6-beta.0",
   "description": "JetBrains UI library",
   "author": "JetBrains",
   "license": "Apache-2.0",
@@ -209,7 +209,7 @@
     "@babel/core": "^7.26.0",
     "@babel/preset-typescript": "^7.26.0",
     "@jetbrains/babel-preset-jetbrains": "^2.4.0",
-    "@jetbrains/icons": "^4.8.0",
+    "@jetbrains/icons": "^4.11.0",
     "@jetbrains/postcss-require-hover": "^0.1.2",
     "@types/combokeys": "^2.4.9",
     "@types/element-resize-detector": "^1.1.6",