@jetbrains/ring-ui 7.0.6 → 7.0.7
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.
|
@@ -24,6 +24,7 @@
|
|
|
24
24
|
padding: 0;
|
|
25
25
|
|
|
26
26
|
border: none;
|
|
27
|
+
background: transparent;
|
|
27
28
|
}
|
|
28
29
|
|
|
29
30
|
.container,
|
|
@@ -81,14 +82,26 @@
|
|
|
81
82
|
cursor: pointer;
|
|
82
83
|
}
|
|
83
84
|
|
|
84
|
-
.
|
|
85
|
+
.closeIconOutside.closeIconOutside {
|
|
85
86
|
color: var(--ring-icon-hover-color);
|
|
86
87
|
}
|
|
87
88
|
|
|
88
|
-
.
|
|
89
|
+
.clickableOverlay:hover + * .closeIconInside {
|
|
89
90
|
color: var(--ring-icon-hover-color);
|
|
90
91
|
}
|
|
91
92
|
|
|
93
|
+
.clickableOverlay:hover + * .closeIconOutside {
|
|
94
|
+
color: var(--ring-main-hover-color);
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
.closeButton:hover .closeIconInside {
|
|
98
|
+
color: var(--ring-icon-hover-color);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
.closeButton:hover .closeIconOutside {
|
|
102
|
+
color: var(--ring-main-hover-color);
|
|
103
|
+
}
|
|
104
|
+
|
|
92
105
|
.clickableOverlay:active + * .closeIcon {
|
|
93
106
|
color: var(--ring-main-color);
|
|
94
107
|
}
|
|
@@ -99,16 +112,18 @@
|
|
|
99
112
|
|
|
100
113
|
.closeButton.closeButton {
|
|
101
114
|
position: absolute;
|
|
115
|
+
|
|
116
|
+
line-height: calc(var(--ring-unit) * 2);
|
|
102
117
|
}
|
|
103
118
|
|
|
104
119
|
.closeButtonOutside {
|
|
105
|
-
top:
|
|
120
|
+
top: var(--ring-unit);
|
|
106
121
|
right: calc(var(--ring-unit) * -3);
|
|
107
122
|
}
|
|
108
123
|
|
|
109
124
|
.closeButtonInside {
|
|
110
|
-
top: calc(var(--ring-unit) *
|
|
111
|
-
right: var(--ring-unit);
|
|
125
|
+
top: calc(var(--ring-unit) * 2);
|
|
126
|
+
right: calc(var(--ring-unit) * 2);
|
|
112
127
|
}
|
|
113
128
|
|
|
114
129
|
.documentWithoutScroll {
|
|
@@ -122,7 +122,10 @@ export default class Dialog extends PureComponent {
|
|
|
122
122
|
{showCloseButton && (<Button icon={closeIcon} data-test="ring-dialog-close-button" className={classNames(styles.closeButton, {
|
|
123
123
|
[styles.closeButtonOutside]: !closeButtonInside,
|
|
124
124
|
[styles.closeButtonInside]: closeButtonInside,
|
|
125
|
-
})} iconClassName={styles.closeIcon
|
|
125
|
+
})} iconClassName={classNames(styles.closeIcon, {
|
|
126
|
+
[styles.closeIconOutside]: !closeButtonInside,
|
|
127
|
+
[styles.closeIconInside]: closeButtonInside,
|
|
128
|
+
})} onClick={this.onCloseClick} title={closeButtonTitle} aria-label={closeButtonTitle || 'close dialog'}/>)}
|
|
126
129
|
</AdaptiveIsland>
|
|
127
130
|
</div>
|
|
128
131
|
</>);
|
|
@@ -152,6 +152,7 @@
|
|
|
152
152
|
--ring-code-deletion-color: rgb(var(--ring-code-deletion-components)); /* #DFE1E5 */
|
|
153
153
|
|
|
154
154
|
/* Metrics */
|
|
155
|
+
--ring-border-radius-large: var(--ring-unit);
|
|
155
156
|
--ring-border-radius: 4px;
|
|
156
157
|
--ring-border-radius-small: 2px;
|
|
157
158
|
--ring-font-size-larger: 16px;
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
|
|
10
10
|
border: 1px solid var(--ring-line-color);
|
|
11
|
-
border-radius: var(--ring-border-radius);
|
|
11
|
+
border-radius: var(--ring-border-radius-large);
|
|
12
12
|
|
|
13
13
|
background-color: var(--ring-content-background-color);
|
|
14
14
|
box-shadow: 0 1px 4px var(--ring-popup-shadow-color);
|
|
@@ -8,7 +8,7 @@ export default class Panel extends PureComponent {
|
|
|
8
8
|
render() {
|
|
9
9
|
const { className, children, ...props } = this.props;
|
|
10
10
|
const classes = classNames(styles.panel, className);
|
|
11
|
-
return (<div {...props} className={classes}>
|
|
11
|
+
return (<div data-test="ring-panel" {...props} className={classes}>
|
|
12
12
|
{children}
|
|
13
13
|
</div>);
|
|
14
14
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jetbrains/ring-ui",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.7",
|
|
4
4
|
"description": "JetBrains UI library",
|
|
5
5
|
"author": "JetBrains",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -83,8 +83,8 @@
|
|
|
83
83
|
"@csstools/css-parser-algorithms": "^3.0.4",
|
|
84
84
|
"@csstools/stylelint-no-at-nest-rule": "^4.0.0",
|
|
85
85
|
"@eslint/compat": "^1.2.3",
|
|
86
|
-
"@eslint/eslintrc": "^3.
|
|
87
|
-
"@eslint/js": "^9.
|
|
86
|
+
"@eslint/eslintrc": "^3.2.0",
|
|
87
|
+
"@eslint/js": "^9.15.0",
|
|
88
88
|
"@jetbrains/eslint-config": "^6.0.4",
|
|
89
89
|
"@jetbrains/logos": "3.0.0-canary.734b213.0",
|
|
90
90
|
"@jetbrains/stylelint-config": "^4.0.2",
|
|
@@ -127,7 +127,7 @@
|
|
|
127
127
|
"acorn": "^8.14.0",
|
|
128
128
|
"axe-playwright": "^2.0.3",
|
|
129
129
|
"babel-plugin-require-context-hook": "^1.0.0",
|
|
130
|
-
"caniuse-lite": "^1.0.
|
|
130
|
+
"caniuse-lite": "^1.0.30001680",
|
|
131
131
|
"chai": "^5.1.2",
|
|
132
132
|
"chai-as-promised": "^8.0.0",
|
|
133
133
|
"chai-dom": "^1.10.0",
|
|
@@ -167,7 +167,7 @@
|
|
|
167
167
|
"react-test-renderer": "^18.3.1",
|
|
168
168
|
"regenerator-runtime": "^0.14.1",
|
|
169
169
|
"rimraf": "^6.0.1",
|
|
170
|
-
"rollup": "^4.
|
|
170
|
+
"rollup": "^4.27.2",
|
|
171
171
|
"rollup-plugin-clear": "^2.0.7",
|
|
172
172
|
"sinon": "^19.0.2",
|
|
173
173
|
"sinon-chai": "^4.0.0",
|
|
@@ -229,7 +229,7 @@
|
|
|
229
229
|
"es6-error": "^4.1.1",
|
|
230
230
|
"fastdom": "^1.0.12",
|
|
231
231
|
"file-loader": "^6.2.0",
|
|
232
|
-
"focus-trap": "^7.6.
|
|
232
|
+
"focus-trap": "^7.6.2",
|
|
233
233
|
"highlight.js": "^10.7.2",
|
|
234
234
|
"just-debounce-it": "^3.2.0",
|
|
235
235
|
"memoize-one": "^6.0.0",
|
|
@@ -239,7 +239,7 @@
|
|
|
239
239
|
"postcss-font-family-system-ui": "^5.0.0",
|
|
240
240
|
"postcss-loader": "^8.1.1",
|
|
241
241
|
"postcss-modules-values-replace": "^4.2.0",
|
|
242
|
-
"postcss-preset-env": "^10.1.
|
|
242
|
+
"postcss-preset-env": "^10.1.1",
|
|
243
243
|
"react-movable": "^3.3.1",
|
|
244
244
|
"react-virtualized": "^9.22.5",
|
|
245
245
|
"react-waypoint": "^10.3.0",
|