@jetbrains/ring-ui 7.0.20 → 7.0.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/list/list.css +7 -16
- package/components/tooltip/tooltip.js +1 -1
- package/package.json +14 -14
package/components/list/list.css
CHANGED
|
@@ -78,18 +78,6 @@
|
|
|
78
78
|
line-height: calc(var(--ring-unit) * 2);
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
.error {
|
|
82
|
-
cursor: default;
|
|
83
|
-
|
|
84
|
-
/* Override ring-link */
|
|
85
|
-
&,
|
|
86
|
-
&:hover,
|
|
87
|
-
&:focus,
|
|
88
|
-
&:visited {
|
|
89
|
-
color: var(--ring-error-color);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
81
|
.add {
|
|
94
82
|
padding: var(--ring-unit) calc(2 * var(--ring-unit));
|
|
95
83
|
|
|
@@ -188,12 +176,12 @@
|
|
|
188
176
|
transition: none;
|
|
189
177
|
}
|
|
190
178
|
|
|
191
|
-
.
|
|
179
|
+
.action:hover {
|
|
192
180
|
background-color: var(--ring-hover-background-color);
|
|
193
181
|
}
|
|
194
182
|
|
|
195
183
|
/* TODO rename .hover to .selected in 8.0 */
|
|
196
|
-
.
|
|
184
|
+
.action.hover {
|
|
197
185
|
background-color: var(--ring-selected-background-color);
|
|
198
186
|
}
|
|
199
187
|
|
|
@@ -310,7 +298,10 @@
|
|
|
310
298
|
}
|
|
311
299
|
|
|
312
300
|
.disabled {
|
|
313
|
-
pointer-events: none;
|
|
314
|
-
|
|
315
301
|
color: var(--ring-disabled-color);
|
|
316
302
|
}
|
|
303
|
+
|
|
304
|
+
.item:not(.action),
|
|
305
|
+
.disabled {
|
|
306
|
+
pointer-events: none;
|
|
307
|
+
}
|
|
@@ -119,6 +119,6 @@ export default class Tooltip extends Component {
|
|
|
119
119
|
const { children, 'data-test': dataTest, title, delay, theme, selfOverflowOnly, popupProps, long, ...restProps } = this.props;
|
|
120
120
|
const ariaProps = typeof title === 'string' && !!title ? { 'aria-label': title, role: 'tooltip' } : {};
|
|
121
121
|
const { onNestedTooltipShow, onNestedTooltipHide } = this;
|
|
122
|
-
return (_jsx(TooltipContext.Provider, { value: { onNestedTooltipShow, onNestedTooltipHide }, children: _jsxs("span", { ...ariaProps, ...restProps, ref: this.containerRef, "data-test": dataTests('ring-tooltip', dataTest), "data-test-title": typeof title === 'string' ? title : undefined, children: [children, _jsx(ThemeProvider, { theme: theme, passToPopups: true, WrapperComponent: props => _jsx("span", { ...props }), children: _jsx(Popup, { trapFocus: false, anchorElement: this.containerNode, hidden: !this.state.showPopup || this.state.showNestedPopup, onCloseAttempt: this.hidePopup, maxHeight: 400,
|
|
122
|
+
return (_jsx(TooltipContext.Provider, { value: { onNestedTooltipShow, onNestedTooltipHide }, children: _jsxs("span", { ...ariaProps, ...restProps, ref: this.containerRef, "data-test": dataTests('ring-tooltip', dataTest), "data-test-title": typeof title === 'string' ? title : undefined, children: [children, _jsx(ThemeProvider, { theme: theme, passToPopups: true, WrapperComponent: props => _jsx("span", { ...props }), children: _jsx(Popup, { trapFocus: false, anchorElement: this.containerNode, hidden: !this.state.showPopup || this.state.showNestedPopup, onCloseAttempt: this.hidePopup, maxHeight: 400, attached: false, onMouseOut: this.hideIfMovedOutsidePopup, top: 4, dontCloseOnAnchorClick: true, ref: this.popupRef, ...popupProps, className: classNames(styles.tooltip, { [styles.long]: long }, popupProps?.className), children: title }) })] }) }));
|
|
123
123
|
}
|
|
124
124
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetbrains/ring-ui",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.21",
|
|
4
4
|
"description": "JetBrains UI library",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "JetBrains"
|
|
@@ -86,13 +86,13 @@
|
|
|
86
86
|
"readmeFilename": "README.md",
|
|
87
87
|
"devDependencies": {
|
|
88
88
|
"@babel/cli": "^7.26.4",
|
|
89
|
-
"@babel/eslint-parser": "^7.
|
|
89
|
+
"@babel/eslint-parser": "^7.26.5",
|
|
90
90
|
"@babel/plugin-syntax-import-assertions": "^7.26.0",
|
|
91
91
|
"@csstools/css-parser-algorithms": "^3.0.4",
|
|
92
92
|
"@csstools/stylelint-no-at-nest-rule": "^4.0.0",
|
|
93
|
-
"@eslint/compat": "^1.2.
|
|
93
|
+
"@eslint/compat": "^1.2.5",
|
|
94
94
|
"@eslint/eslintrc": "^3.2.0",
|
|
95
|
-
"@eslint/js": "^9.
|
|
95
|
+
"@eslint/js": "^9.18.0",
|
|
96
96
|
"@figma/code-connect": "^1.2.4",
|
|
97
97
|
"@jetbrains/eslint-config": "^6.0.4",
|
|
98
98
|
"@jetbrains/logos": "3.0.0-canary.734b213.0",
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
"@types/sinon-chai": "^4.0.0",
|
|
132
132
|
"@types/webpack-env": "^1.18.5",
|
|
133
133
|
"@vitejs/plugin-react": "^4.3.4",
|
|
134
|
-
"@vitest/eslint-plugin": "^1.1.
|
|
134
|
+
"@vitest/eslint-plugin": "^1.1.25",
|
|
135
135
|
"@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
|
|
136
136
|
"acorn": "^8.14.0",
|
|
137
137
|
"axe-playwright": "^2.0.3",
|
|
@@ -142,19 +142,19 @@
|
|
|
142
142
|
"chai-dom": "^1.10.0",
|
|
143
143
|
"chai-enzyme": "1.0.0-beta.1",
|
|
144
144
|
"cheerio": "^1.0.0-rc.12",
|
|
145
|
-
"chromatic": "^11.
|
|
145
|
+
"chromatic": "^11.24.0",
|
|
146
146
|
"core-js": "^3.40.0",
|
|
147
147
|
"cpy-cli": "^5.0.0",
|
|
148
148
|
"dotenv-cli": "^8.0.0",
|
|
149
149
|
"enzyme": "^3.11.0",
|
|
150
|
-
"eslint": "^9.
|
|
151
|
-
"eslint-config-prettier": "^
|
|
150
|
+
"eslint": "^9.18.0",
|
|
151
|
+
"eslint-config-prettier": "^10.0.1",
|
|
152
152
|
"eslint-formatter-jslint-xml": "^8.40.0",
|
|
153
153
|
"eslint-import-resolver-webpack": "^0.13.10",
|
|
154
154
|
"eslint-plugin-import": "^2.31.0",
|
|
155
155
|
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
156
|
-
"eslint-plugin-prettier": "^5.2.
|
|
157
|
-
"eslint-plugin-react": "^7.37.
|
|
156
|
+
"eslint-plugin-prettier": "^5.2.2",
|
|
157
|
+
"eslint-plugin-react": "^7.37.4",
|
|
158
158
|
"eslint-plugin-react-hooks": "^5.1.0",
|
|
159
159
|
"eslint-plugin-storybook": "^0.11.2",
|
|
160
160
|
"events": "^3.3.0",
|
|
@@ -184,12 +184,12 @@
|
|
|
184
184
|
"sinon-chai": "^4.0.0",
|
|
185
185
|
"storage-mock": "^2.1.0",
|
|
186
186
|
"storybook": "8.4.7",
|
|
187
|
-
"stylelint": "^16.
|
|
187
|
+
"stylelint": "^16.13.2",
|
|
188
188
|
"svg-inline-loader": "^0.8.2",
|
|
189
189
|
"teamcity-service-messages": "^0.1.14",
|
|
190
190
|
"terser-webpack-plugin": "^5.3.11",
|
|
191
191
|
"typescript": "~5.7.3",
|
|
192
|
-
"typescript-eslint": "^8.
|
|
192
|
+
"typescript-eslint": "^8.20.0",
|
|
193
193
|
"vitest": "^2.1.8",
|
|
194
194
|
"vitest-teamcity-reporter": "^0.3.1",
|
|
195
195
|
"wallaby-webpack": "^3.9.16",
|
|
@@ -240,11 +240,11 @@
|
|
|
240
240
|
"es6-error": "^4.1.1",
|
|
241
241
|
"fastdom": "^1.0.12",
|
|
242
242
|
"file-loader": "^6.2.0",
|
|
243
|
-
"focus-trap": "^7.6.
|
|
243
|
+
"focus-trap": "^7.6.4",
|
|
244
244
|
"highlight.js": "^10.7.2",
|
|
245
245
|
"just-debounce-it": "^3.2.0",
|
|
246
246
|
"memoize-one": "^6.0.0",
|
|
247
|
-
"postcss": "^8.
|
|
247
|
+
"postcss": "^8.5.1",
|
|
248
248
|
"postcss-calc": "^10.1.0",
|
|
249
249
|
"postcss-flexbugs-fixes": "^5.0.2",
|
|
250
250
|
"postcss-font-family-system-ui": "^5.0.0",
|