@jetbrains/ring-ui 7.0.119 → 7.0.120
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/button-group/button-group.css +5 -5
- package/components/date-picker/consts.d.ts +1 -0
- package/components/date-picker/date-input.js +6 -2
- package/components/header/header.css +3 -3
- package/components/i18n/i18n.d.ts +1 -0
- package/components/i18n/messages.json +1 -0
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import '../global/variables.css';
|
|
2
2
|
|
|
3
|
-
@value button, active, flat from '../button/button.css';
|
|
3
|
+
@value button, active as buttonActive, flat from '../button/button.css';
|
|
4
4
|
|
|
5
5
|
:root,
|
|
6
6
|
:host {
|
|
@@ -133,14 +133,14 @@
|
|
|
133
133
|
0 0 0 1px var(--ring-border-hover-color);
|
|
134
134
|
}
|
|
135
135
|
|
|
136
|
-
.buttonGroup .button.button.
|
|
136
|
+
.buttonGroup .button.button.buttonActive {
|
|
137
137
|
--ring-button-border-radius-left: var(--ring-border-radius);
|
|
138
138
|
--ring-button-border-radius-right: var(--ring-border-radius);
|
|
139
139
|
|
|
140
140
|
box-shadow: var(--ring-button-shadow) var(--ring-button-border-color);
|
|
141
141
|
}
|
|
142
142
|
|
|
143
|
-
.buttonGroup .button:focus-visible.
|
|
143
|
+
.buttonGroup .button:focus-visible.buttonActive {
|
|
144
144
|
--ring-button-border-radius-left: var(--ring-border-radius);
|
|
145
145
|
--ring-button-border-radius-right: var(--ring-border-radius);
|
|
146
146
|
|
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
0 0 0 1px var(--ring-border-hover-color);
|
|
150
150
|
}
|
|
151
151
|
|
|
152
|
-
.buttonGroup .button.
|
|
152
|
+
.buttonGroup .button.buttonActive[disabled] {
|
|
153
153
|
box-shadow: var(--ring-button-shadow) var(--ring-border-hover-color);
|
|
154
154
|
}
|
|
155
155
|
/* stylelint-enable */
|
|
@@ -240,7 +240,7 @@
|
|
|
240
240
|
}
|
|
241
241
|
}
|
|
242
242
|
|
|
243
|
-
& .
|
|
243
|
+
& .buttonActive {
|
|
244
244
|
z-index: var(--ring-button-group-active-z-index);
|
|
245
245
|
|
|
246
246
|
&[disabled] {
|
|
@@ -47,7 +47,7 @@ export default class DateInput extends React.PureComponent {
|
|
|
47
47
|
};
|
|
48
48
|
render() {
|
|
49
49
|
const { active, divider, text, time, name, hoverDate, date, displayFormat, translations, onActivate, onClear, fromPlaceholder, toPlaceholder, timePlaceholder, locale, } = this.props;
|
|
50
|
-
const { translate } = this.context;
|
|
50
|
+
const { messages, translate } = this.context;
|
|
51
51
|
let displayText = '';
|
|
52
52
|
if (active && hoverDate) {
|
|
53
53
|
displayText = displayFormat(hoverDate, locale);
|
|
@@ -70,7 +70,11 @@ export default class DateInput extends React.PureComponent {
|
|
|
70
70
|
case 'time':
|
|
71
71
|
return timePlaceholder || (translations?.addTime ?? translate('addTime'));
|
|
72
72
|
default:
|
|
73
|
-
return (translations?.
|
|
73
|
+
return (translations?.selectDate ??
|
|
74
|
+
translations?.selectName ??
|
|
75
|
+
messages.selectDate ??
|
|
76
|
+
messages.selectName ??
|
|
77
|
+
translate('selectDate'))
|
|
74
78
|
.replace('%name%', name)
|
|
75
79
|
.replace('{{name}}', name);
|
|
76
80
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import '../global/variables.css';
|
|
2
2
|
|
|
3
|
-
@value link, active from '../link/link.css';
|
|
3
|
+
@value link, active as linkActive from '../link/link.css';
|
|
4
4
|
|
|
5
5
|
:root,
|
|
6
6
|
:host {
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
color: var(--ring-header-link-color);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
-
& .
|
|
44
|
+
& .linkActive {
|
|
45
45
|
color: var(--ring-active-text-color);
|
|
46
46
|
}
|
|
47
47
|
}
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
color: var(--ring-header-link-color);
|
|
73
73
|
}
|
|
74
74
|
|
|
75
|
-
& .
|
|
75
|
+
& .linkActive {
|
|
76
76
|
color: var(--ring-active-text-color);
|
|
77
77
|
}
|
|
78
78
|
}
|