@jetbrains/ring-ui-built 7.0.0-beta.13 → 7.0.0-beta.15
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/_helpers/anchor.js +4 -4
- package/components/_helpers/badge.js +2 -2
- package/components/_helpers/button__classes.js +13 -13
- package/components/_helpers/caption.js +3 -3
- package/components/_helpers/card.js +18 -18
- package/components/_helpers/date-picker.js +2 -2
- package/components/_helpers/dialog__body-scroll-preventer.js +4 -4
- package/components/_helpers/grid.js +2 -2
- package/components/_helpers/header.js +2 -2
- package/components/_helpers/heading.js +2 -2
- package/components/_helpers/icon__svg.js +6 -6
- package/components/_helpers/input.js +14 -14
- package/components/_helpers/island.js +2 -2
- package/components/_helpers/link.js +2 -2
- package/components/_helpers/list.js +2 -2
- package/components/_helpers/query-assist__suggestions.js +7 -7
- package/components/_helpers/select__filter.js +3 -3
- package/components/_helpers/services-link.js +3 -3
- package/components/_helpers/sidebar.js +9 -9
- package/components/_helpers/tab-link.js +7 -7
- package/components/_helpers/table.js +2 -2
- package/components/_helpers/theme.js +9 -9
- package/components/_helpers/title.js +7 -7
- package/components/alert/alert.d.ts +2 -2
- package/components/alert/alert.js +12 -13
- package/components/alert/container.js +3 -3
- package/components/alert-service/alert-service.js +0 -1
- package/components/auth/auth.js +0 -1
- package/components/auth/auth__core.js +1 -2
- package/components/auth/background-flow.js +2 -2
- package/components/auth/down-notification.js +3 -4
- package/components/auth/iframe-flow.js +0 -1
- package/components/auth/storage.js +0 -1
- package/components/auth/token-validator.js +1 -1
- package/components/auth-dialog/auth-dialog.js +10 -11
- package/components/auth-dialog-service/auth-dialog-service.js +1 -2
- package/components/avatar/avatar.js +6 -6
- package/components/badge/badge.js +6 -7
- package/components/breadcrumbs/breadcrumbs.js +2 -2
- package/components/button/button.js +4 -4
- package/components/button/button__classes.d.ts +1 -1
- package/components/button-group/button-group.js +3 -4
- package/components/button-set/button-set.js +2 -3
- package/components/button-toolbar/button-toolbar.d.ts +1 -1
- package/components/button-toolbar/button-toolbar.js +2 -3
- package/components/checkbox/checkbox.js +8 -8
- package/components/clipboard/clipboard.js +0 -1
- package/components/code/code.d.ts +1 -1
- package/components/code/code.js +6 -6
- package/components/collapse/collapse-content.js +4 -5
- package/components/collapse/collapse-control.js +0 -1
- package/components/confirm/confirm.d.ts +2 -2
- package/components/confirm/confirm.js +3 -4
- package/components/confirm-service/confirm-service.d.ts +1 -1
- package/components/confirm-service/confirm-service.js +0 -1
- package/components/content-layout/content-layout.js +4 -4
- package/components/contenteditable/contenteditable.d.ts +1 -1
- package/components/control-help/control-help.js +2 -2
- package/components/control-label/control-label.js +5 -5
- package/components/data-list/data-list.d.ts +2 -2
- package/components/data-list/data-list.js +6 -7
- package/components/data-list/data-list.mock.js +0 -1
- package/components/data-list/item.js +8 -9
- package/components/date-picker/date-input.js +2 -2
- package/components/date-picker/date-picker.js +8 -9
- package/components/date-picker/date-popup.js +4 -5
- package/components/date-picker/day.js +15 -15
- package/components/date-picker/month-names.js +5 -5
- package/components/date-picker/month-slider.js +3 -3
- package/components/date-picker/month.js +3 -3
- package/components/date-picker/months.js +3 -3
- package/components/date-picker/weekdays.js +4 -4
- package/components/date-picker/years.js +5 -5
- package/components/dialog/dialog.js +13 -14
- package/components/dropdown/dropdown.d.ts +2 -2
- package/components/dropdown/dropdown.js +2 -3
- package/components/dropdown-menu/dropdown-menu.js +0 -1
- package/components/editable-heading/editable-heading.js +19 -19
- package/components/error-bubble/error-bubble.js +4 -5
- package/components/error-message/error-message.js +6 -7
- package/components/footer/footer.js +8 -9
- package/components/form/form.js +2 -3
- package/components/global/compose.js +0 -2
- package/components/global/data-tests.js +0 -1
- package/components/global/theme.js +1 -2
- package/components/grid/col.js +4 -4
- package/components/grid/grid.js +2 -3
- package/components/grid/row.js +4 -5
- package/components/group/group.js +2 -2
- package/components/header/header-icon.js +4 -4
- package/components/header/header.js +3 -4
- package/components/header/links.js +2 -2
- package/components/header/logo.js +2 -2
- package/components/header/profile.d.ts +2 -2
- package/components/header/profile.js +10 -11
- package/components/header/services-link.js +0 -1
- package/components/header/services.js +7 -8
- package/components/header/smart-profile.js +0 -1
- package/components/header/smart-services.js +0 -1
- package/components/header/tray.js +3 -3
- package/components/heading/heading.js +3 -3
- package/components/http/http.d.ts +3 -3
- package/components/icon/icon.js +8 -6
- package/components/input/input-legacy.js +2 -3
- package/components/input-size/input-size.js +2 -3
- package/components/island/content.js +7 -7
- package/components/island/header.js +4 -4
- package/components/island/island.js +4 -5
- package/components/link/link.js +7 -8
- package/components/list/list.d.ts +1 -1
- package/components/list/list.js +5 -6
- package/components/list/list__custom.js +5 -6
- package/components/list/list__hint.js +2 -2
- package/components/list/list__item.js +22 -23
- package/components/list/list__link.js +5 -6
- package/components/list/list__separator.js +3 -3
- package/components/list/list__title.js +5 -5
- package/components/list/list__users-groups-source.js +0 -1
- package/components/loader/loader.js +0 -1
- package/components/loader/loader__core.js +5 -5
- package/components/loader-inline/loader-inline.js +3 -4
- package/components/loader-screen/loader-screen.js +4 -5
- package/components/login-dialog/login-dialog.js +6 -7
- package/components/login-dialog/service.js +0 -1
- package/components/markdown/markdown.d.ts +2 -2
- package/components/markdown/markdown.js +6 -6
- package/components/message/message.js +9 -10
- package/components/old-browsers-message/old-browsers-message.js +0 -1
- package/components/old-browsers-message/old-browsers-message__stop.js +0 -1
- package/components/old-browsers-message/white-list.js +2 -3
- package/components/pager/pager.js +9 -10
- package/components/panel/panel.js +2 -2
- package/components/permissions/permissions.js +0 -1
- package/components/permissions/permissions__cache.js +2 -3
- package/components/popup/popup.js +5 -6
- package/components/popup/position.js +2 -2
- package/components/popup-menu/popup-menu.js +0 -1
- package/components/progress-bar/progress-bar.d.ts +2 -2
- package/components/progress-bar/progress-bar.js +5 -5
- package/components/query-assist/query-assist.js +25 -26
- package/components/query-assist/query-assist__suggestions.js +0 -1
- package/components/radio/radio__item.js +5 -5
- package/components/scrollable-section/scrollable-section.js +6 -6
- package/components/select/select.d.ts +1 -1
- package/components/select/select.js +22 -22
- package/components/select/select__filter.js +0 -1
- package/components/select/select__popup.js +11 -12
- package/components/shortcuts/core.js +1 -1
- package/components/slider/slider.js +20 -20
- package/components/storage/storage.js +0 -1
- package/components/storage/storage__local.js +0 -1
- package/components/style.css +1 -1
- package/components/tab-trap/tab-trap.js +2 -2
- package/components/table/cell.js +2 -3
- package/components/table/header-cell.js +8 -9
- package/components/table/header.js +6 -7
- package/components/table/row-with-focus-sensor.js +0 -1
- package/components/table/row.js +10 -11
- package/components/table/selection.d.ts +2 -3
- package/components/table/simple-table.js +2 -3
- package/components/table/smart-table.js +0 -1
- package/components/table/table.js +12 -13
- package/components/tabs/collapsible-more.d.ts +1 -1
- package/components/tabs/collapsible-more.js +6 -7
- package/components/tabs/collapsible-tab.js +4 -5
- package/components/tabs/collapsible-tabs.d.ts +2 -2
- package/components/tabs/collapsible-tabs.js +5 -6
- package/components/tabs/dumb-tabs.js +5 -6
- package/components/tabs/smart-tabs.js +0 -1
- package/components/tabs/tab-link.js +0 -1
- package/components/tabs/tab.js +0 -1
- package/components/tabs/tabs.js +0 -1
- package/components/tag/tag.js +13 -13
- package/components/tags-input/tags-input.js +8 -9
- package/components/text/text.js +7 -7
- package/components/toggle/toggle.d.ts +2 -2
- package/components/toggle/toggle.js +12 -13
- package/components/tooltip/tooltip.js +3 -4
- package/components/user-agreement/service.js +0 -1
- package/components/user-agreement/user-agreement.js +7 -8
- package/components/user-card/card.js +0 -1
- package/components/user-card/smart-user-card-tooltip.js +2 -3
- package/components/user-card/tooltip.js +2 -3
- package/components/user-card/user-card.js +0 -1
- package/package.json +8 -7
- package/typings.d.ts +2 -4
- package/components/island-legacy/content-legacy.d.ts +0 -5
- package/components/island-legacy/content-legacy.js +0 -23
- package/components/island-legacy/header-legacy.d.ts +0 -5
- package/components/island-legacy/header-legacy.js +0 -26
- package/components/island-legacy/island-legacy.d.ts +0 -7
- package/components/island-legacy/island-legacy.js +0 -25
package/components/grid/col.js
CHANGED
@@ -3,7 +3,7 @@ import 'core-js/modules/es.array.reverse.js';
|
|
3
3
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
4
4
|
import { Component } from 'react';
|
5
5
|
import classNames from 'classnames';
|
6
|
-
import {
|
6
|
+
import { s as styles } from '../_helpers/grid.js';
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
8
8
|
|
9
9
|
const _excluded = ["children", "className", "reverse"];
|
@@ -28,7 +28,7 @@ function getClassNames(props) {
|
|
28
28
|
return classMap[key];
|
29
29
|
}).map(_ref2 => {
|
30
30
|
let [key, value] = _ref2;
|
31
|
-
return
|
31
|
+
return styles[Number.isInteger(value) ? "".concat(classMap[key], "-").concat(value) : classMap[key]];
|
32
32
|
});
|
33
33
|
}
|
34
34
|
class Col extends Component {
|
@@ -40,8 +40,8 @@ class Col extends Component {
|
|
40
40
|
reverse
|
41
41
|
} = _this$props,
|
42
42
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
43
|
-
const classes = classNames(
|
44
|
-
[
|
43
|
+
const classes = classNames(styles.col, className, getClassNames(restProps), {
|
44
|
+
[styles.reverse]: reverse
|
45
45
|
});
|
46
46
|
return /*#__PURE__*/jsx("div", {
|
47
47
|
className: classes,
|
package/components/grid/grid.js
CHANGED
@@ -1,11 +1,10 @@
|
|
1
1
|
import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
2
|
import { Component } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
|
-
import {
|
4
|
+
import { s as styles } from '../_helpers/grid.js';
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
export { default as Row } from './row.js';
|
7
7
|
export { default as Col } from './col.js';
|
8
|
-
import 'core-js/modules/es.array.reduce.js';
|
9
8
|
import 'core-js/modules/es.array.reverse.js';
|
10
9
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
11
10
|
|
@@ -18,7 +17,7 @@ class Grid extends Component {
|
|
18
17
|
className
|
19
18
|
} = _this$props,
|
20
19
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
21
|
-
const classes = classNames(
|
20
|
+
const classes = classNames(styles['container-fluid'], className);
|
22
21
|
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({
|
23
22
|
"data-test": "ring-grid"
|
24
23
|
}, restProps), {}, {
|
package/components/grid/row.js
CHANGED
@@ -1,9 +1,8 @@
|
|
1
1
|
import { a as _objectWithoutProperties } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
|
-
import 'core-js/modules/es.array.reduce.js';
|
3
2
|
import 'core-js/modules/es.array.reverse.js';
|
4
3
|
import { Component } from 'react';
|
5
4
|
import classNames from 'classnames';
|
6
|
-
import {
|
5
|
+
import { s as styles } from '../_helpers/grid.js';
|
7
6
|
import { jsx } from 'react/jsx-runtime';
|
8
7
|
|
9
8
|
const _excluded = ["children", "className", "reverse"];
|
@@ -23,7 +22,7 @@ const modifierKeys = ['start', 'center', 'end',
|
|
23
22
|
function getModifierClassNames(props) {
|
24
23
|
return modifierKeys.reduce((result, key) => {
|
25
24
|
if (props[key]) {
|
26
|
-
return result.concat(
|
25
|
+
return result.concat(styles["".concat(key, "-").concat(props[key])]);
|
27
26
|
}
|
28
27
|
return result;
|
29
28
|
}, []);
|
@@ -37,8 +36,8 @@ class Row extends Component {
|
|
37
36
|
reverse
|
38
37
|
} = _this$props,
|
39
38
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
40
|
-
const classes = classNames(className,
|
41
|
-
[
|
39
|
+
const classes = classNames(className, styles.row, getModifierClassNames(restProps), {
|
40
|
+
[styles.reverse]: reverse
|
42
41
|
});
|
43
42
|
return /*#__PURE__*/jsx("div", {
|
44
43
|
className: classes,
|
@@ -3,7 +3,7 @@ import { Component } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
5
5
|
|
6
|
-
var
|
6
|
+
var styles = {"group":"group_rui_bce8"};
|
7
7
|
|
8
8
|
const _excluded = ["children", "className"];
|
9
9
|
class Group extends Component {
|
@@ -14,7 +14,7 @@ class Group extends Component {
|
|
14
14
|
className
|
15
15
|
} = _this$props,
|
16
16
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
17
|
-
const classes = classNames(
|
17
|
+
const classes = classNames(styles.group, className);
|
18
18
|
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
|
19
19
|
"data-test": "ring-group"
|
20
20
|
}, restProps), {}, {
|
@@ -2,7 +2,7 @@ import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/
|
|
2
2
|
import { Component } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import { Button } from '../button/button.js';
|
5
|
-
import {
|
5
|
+
import { s as styles } from '../_helpers/header.js';
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
7
7
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
8
8
|
import '@jetbrains/icons/chevron-down';
|
@@ -26,9 +26,9 @@ class HeaderIcon extends Component {
|
|
26
26
|
rotatable: rotatable
|
27
27
|
} = _this$props,
|
28
28
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
29
|
-
const classes = classNames(
|
30
|
-
[
|
31
|
-
[
|
29
|
+
const classes = classNames(styles.icon, className, {
|
30
|
+
[styles.rotatable]: rotatable,
|
31
|
+
[styles.rotated]: rotatable && restProps.active
|
32
32
|
});
|
33
33
|
return /*#__PURE__*/jsx(Button, _objectSpread2(_objectSpread2({}, restProps), {}, {
|
34
34
|
className: classes
|
@@ -2,7 +2,7 @@ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread
|
|
2
2
|
import { Component } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import { T as Theme, a as ThemeProvider } from '../_helpers/theme.js';
|
5
|
-
import {
|
5
|
+
import { s as styles } from '../_helpers/header.js';
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
7
7
|
export { default as Logo } from './logo.js';
|
8
8
|
export { default as Tray } from './tray.js';
|
@@ -26,7 +26,6 @@ import 'combokeys';
|
|
26
26
|
import '../global/sniffer.js';
|
27
27
|
import 'sniffr';
|
28
28
|
import '../global/data-tests.js';
|
29
|
-
import 'core-js/modules/es.array.reduce.js';
|
30
29
|
import '../tab-trap/tab-trap.js';
|
31
30
|
import '../popup/position.js';
|
32
31
|
import 'core-js/modules/es.array.sort.js';
|
@@ -119,8 +118,8 @@ class Header extends Component {
|
|
119
118
|
vertical
|
120
119
|
} = _this$props,
|
121
120
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
122
|
-
const classes = classNames(vertical ?
|
123
|
-
[
|
121
|
+
const classes = classNames(vertical ? styles.headerVertical : styles.header, className, {
|
122
|
+
[styles.headerSpaced]: spaced && !vertical
|
124
123
|
});
|
125
124
|
const overrideOuterTheme = theme !== Theme.LIGHT;
|
126
125
|
const header = /*#__PURE__*/jsx("header", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
2
|
import classNames from 'classnames';
|
3
3
|
import ScrollableSection from '../scrollable-section/scrollable-section.js';
|
4
|
-
import {
|
4
|
+
import { s as styles } from '../_helpers/header.js';
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
7
7
|
import 'react';
|
@@ -13,7 +13,7 @@ function Links(_ref) {
|
|
13
13
|
} = _ref,
|
14
14
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
15
15
|
return /*#__PURE__*/jsx(ScrollableSection, _objectSpread2(_objectSpread2({}, restProps), {}, {
|
16
|
-
className: classNames(
|
16
|
+
className: classNames(styles.links, className)
|
17
17
|
}));
|
18
18
|
}
|
19
19
|
|
@@ -2,7 +2,7 @@ import { _ as _defineProperty, a as _objectWithoutProperties, b as _objectSpread
|
|
2
2
|
import { PureComponent } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import Icon from '../icon/icon.js';
|
5
|
-
import {
|
5
|
+
import { s as styles } from '../_helpers/header.js';
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
7
7
|
import { Size } from '../icon/icon__constants.js';
|
8
8
|
import 'util-deprecate';
|
@@ -20,7 +20,7 @@ class Logo extends PureComponent {
|
|
20
20
|
className
|
21
21
|
} = _this$props,
|
22
22
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
23
|
-
const classes = classNames(
|
23
|
+
const classes = classNames(styles.logo, className);
|
24
24
|
return /*#__PURE__*/jsx("div", {
|
25
25
|
className: classes,
|
26
26
|
children: /*#__PURE__*/jsx(Icon, _objectSpread2({}, restProps))
|
@@ -36,8 +36,8 @@ export interface ProfileProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onSe
|
|
36
36
|
onRevertPostponement?: (() => void) | null | undefined;
|
37
37
|
menuProps?: PopupMenuAttrs | null | undefined;
|
38
38
|
activeClassName?: string | null | undefined;
|
39
|
-
onShow?: (
|
40
|
-
onHide?: (
|
39
|
+
onShow?: () => void;
|
40
|
+
onHide?: () => void;
|
41
41
|
}
|
42
42
|
export default class Profile extends PureComponent<ProfileProps> {
|
43
43
|
static defaultProps: ProfileProps;
|
@@ -7,7 +7,7 @@ import DropdownMenu from '../dropdown-menu/dropdown-menu.js';
|
|
7
7
|
import PopupMenu from '../popup-menu/popup-menu.js';
|
8
8
|
import { I18nContext } from '../i18n/i18n-context.js';
|
9
9
|
import { isTruthy } from '../global/typescript-utils.js';
|
10
|
-
import {
|
10
|
+
import { s as styles } from '../_helpers/header.js';
|
11
11
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
12
12
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
13
13
|
import '../global/url.js';
|
@@ -33,7 +33,6 @@ import 'react-virtualized/dist/es/WindowScroller';
|
|
33
33
|
import 'react-virtualized/dist/es/CellMeasurer';
|
34
34
|
import 'memoize-one';
|
35
35
|
import '../global/data-tests.js';
|
36
|
-
import 'core-js/modules/es.array.reduce.js';
|
37
36
|
import '../global/schedule-raf.js';
|
38
37
|
import '../shortcuts/shortcuts.js';
|
39
38
|
import '../shortcuts/core.js';
|
@@ -108,7 +107,7 @@ class Profile extends PureComponent {
|
|
108
107
|
} = this.context;
|
109
108
|
if (!user) {
|
110
109
|
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, props), {}, {
|
111
|
-
className: classNames(
|
110
|
+
className: classNames(styles.profileEmpty, className),
|
112
111
|
children: /*#__PURE__*/jsx(Avatar, {
|
113
112
|
size: size,
|
114
113
|
round: round
|
@@ -118,12 +117,12 @@ class Profile extends PureComponent {
|
|
118
117
|
if (user.guest) {
|
119
118
|
return renderGuest(this.props);
|
120
119
|
}
|
121
|
-
const avatarWrapper = classNames(
|
122
|
-
[
|
120
|
+
const avatarWrapper = classNames(styles.avatarWrapper, {
|
121
|
+
[styles.hasUpdates]: hasUpdates
|
123
122
|
});
|
124
123
|
const anchor = /*#__PURE__*/jsxs("button", {
|
125
124
|
type: "button",
|
126
|
-
className:
|
125
|
+
className: styles.anchorClassName,
|
127
126
|
children: [/*#__PURE__*/jsx("span", {
|
128
127
|
className: avatarWrapper,
|
129
128
|
children: /*#__PURE__*/jsx(Avatar, {
|
@@ -139,12 +138,12 @@ class Profile extends PureComponent {
|
|
139
138
|
const items = [showApplyChangedUser && {
|
140
139
|
rgItemType,
|
141
140
|
label: (_translations$applyCh = translations === null || translations === void 0 ? void 0 : translations.applyChangedUser) !== null && _translations$applyCh !== void 0 ? _translations$applyCh : translate('applyChangedUser'),
|
142
|
-
className:
|
141
|
+
className: styles.profileMenuItem,
|
143
142
|
onClick: onRevertPostponement
|
144
143
|
}, showLogIn && {
|
145
144
|
rgItemType,
|
146
145
|
label: (_translations$login = translations === null || translations === void 0 ? void 0 : translations.login) !== null && _translations$login !== void 0 ? _translations$login : translate('login'),
|
147
|
-
className:
|
146
|
+
className: styles.profileMenuItem,
|
148
147
|
onClick: onRevertPostponement
|
149
148
|
}, {
|
150
149
|
rgItemType: PopupMenu.ListProps.Type.LINK,
|
@@ -156,7 +155,7 @@ class Profile extends PureComponent {
|
|
156
155
|
}, showSwitchUser && {
|
157
156
|
rgItemType,
|
158
157
|
label: (_translations$switchU = translations === null || translations === void 0 ? void 0 : translations.switchUser) !== null && _translations$switchU !== void 0 ? _translations$switchU : translate('switchUser'),
|
159
|
-
className:
|
158
|
+
className: styles.profileMenuItem,
|
160
159
|
onClick: onSwitchUser
|
161
160
|
}, showLogOut && {
|
162
161
|
rgItemType,
|
@@ -170,7 +169,7 @@ class Profile extends PureComponent {
|
|
170
169
|
anchor: anchor,
|
171
170
|
data: renderPopupItems(items),
|
172
171
|
"data-test": "ring-profile",
|
173
|
-
className: classNames(
|
172
|
+
className: classNames(styles.profile, className),
|
174
173
|
activeClassName: activeClassName,
|
175
174
|
menuProps: _objectSpread2({
|
176
175
|
closeOnSelect,
|
@@ -199,7 +198,7 @@ _defineProperty(Profile, "defaultProps", {
|
|
199
198
|
translate
|
200
199
|
} = _ref2;
|
201
200
|
return /*#__PURE__*/jsx("div", {
|
202
|
-
className: classNames(
|
201
|
+
className: classNames(styles.profileEmpty, className),
|
203
202
|
children: /*#__PURE__*/jsx(Button, {
|
204
203
|
primary: true,
|
205
204
|
"data-test": "ring-header-login-button",
|
@@ -5,7 +5,6 @@ export { S as default } from '../_helpers/services-link.js';
|
|
5
5
|
import 'react/jsx-runtime';
|
6
6
|
import 'classnames';
|
7
7
|
import '../global/data-tests.js';
|
8
|
-
import 'core-js/modules/es.array.reduce.js';
|
9
8
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
10
9
|
import '../link/clickableLink.js';
|
11
10
|
import '../_helpers/link.js';
|
@@ -6,12 +6,11 @@ import servicesIcon from '@jetbrains/icons/services-20px';
|
|
6
6
|
import classNames from 'classnames';
|
7
7
|
import Dropdown from '../dropdown/dropdown.js';
|
8
8
|
import Popup from '../popup/popup.js';
|
9
|
-
import { T as Theme,
|
9
|
+
import { T as Theme, d as darkStyles } from '../_helpers/theme.js';
|
10
10
|
import HeaderIcon from './header-icon.js';
|
11
|
-
import {
|
11
|
+
import { s as styles, S as ServicesLink } from '../_helpers/services-link.js';
|
12
12
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
13
13
|
import '../global/data-tests.js';
|
14
|
-
import 'core-js/modules/es.array.reduce.js';
|
15
14
|
import '../global/typescript-utils.js';
|
16
15
|
import '../_helpers/anchor.js';
|
17
16
|
import '@jetbrains/icons/chevron-10px';
|
@@ -90,24 +89,24 @@ class Services extends PureComponent {
|
|
90
89
|
anchor: makeAnchor(loading),
|
91
90
|
initShown: initShown,
|
92
91
|
children: /*#__PURE__*/jsxs(Popup, {
|
93
|
-
className: classNames(
|
94
|
-
[
|
92
|
+
className: classNames(styles.services, {
|
93
|
+
[darkStyles.dark]: theme === Theme.DARK
|
95
94
|
}),
|
96
95
|
top: -3,
|
97
96
|
children: [servicesWithIcons.map(service => {
|
98
97
|
const isActive = this.serviceIsActive(service);
|
99
98
|
return /*#__PURE__*/jsx(Services.Link, {
|
100
99
|
active: isActive,
|
101
|
-
className: isActive ?
|
100
|
+
className: isActive ? styles.activeItem : styles.item,
|
102
101
|
service: service
|
103
102
|
}, service.id);
|
104
103
|
}), separatorIsRequired && /*#__PURE__*/jsx("div", {
|
105
|
-
className:
|
104
|
+
className: styles.line
|
106
105
|
}, "separator"), servicesWithOutIcons.map(service => {
|
107
106
|
const isActive = this.serviceIsActive(service);
|
108
107
|
return /*#__PURE__*/jsx(Services.Link, {
|
109
108
|
active: isActive,
|
110
|
-
className: isActive ?
|
109
|
+
className: isActive ? styles.activeItemStacked : styles.itemStacked,
|
111
110
|
service: service
|
112
111
|
}, service.id);
|
113
112
|
})]
|
@@ -26,7 +26,6 @@ import '../_helpers/icon__svg.js';
|
|
26
26
|
import '../global/memoize.js';
|
27
27
|
import '../loader-inline/loader-inline.js';
|
28
28
|
import '../global/data-tests.js';
|
29
|
-
import 'core-js/modules/es.array.reduce.js';
|
30
29
|
import '../global/dom.js';
|
31
30
|
import '../button/button.js';
|
32
31
|
import '@jetbrains/icons/chevron-down';
|
@@ -13,7 +13,6 @@ import '@jetbrains/icons/services-20px';
|
|
13
13
|
import 'classnames';
|
14
14
|
import '../dropdown/dropdown.js';
|
15
15
|
import '../global/data-tests.js';
|
16
|
-
import 'core-js/modules/es.array.reduce.js';
|
17
16
|
import '../global/typescript-utils.js';
|
18
17
|
import '../_helpers/anchor.js';
|
19
18
|
import '@jetbrains/icons/chevron-10px';
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import { a as _objectWithoutProperties, b as _objectSpread2 } from '../_helpers/_rollupPluginBabelHelpers.js';
|
2
2
|
import { Component, Children } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
|
-
import {
|
4
|
+
import { s as styles } from '../_helpers/header.js';
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
|
7
7
|
const _excluded = ["children", "className"];
|
8
8
|
const wrapChild = child => child && /*#__PURE__*/jsx("div", {
|
9
|
-
className:
|
9
|
+
className: styles.trayItem,
|
10
10
|
children: child
|
11
11
|
});
|
12
12
|
class Tray extends Component {
|
@@ -17,7 +17,7 @@ class Tray extends Component {
|
|
17
17
|
className
|
18
18
|
} = _this$props,
|
19
19
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
20
|
-
const classes = classNames(
|
20
|
+
const classes = classNames(styles.tray, className);
|
21
21
|
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
22
22
|
className: classes,
|
23
23
|
children: Children.map(children, wrapChild)
|
@@ -2,7 +2,7 @@ import { b as _objectSpread2, a as _objectWithoutProperties } from '../_helpers/
|
|
2
2
|
import { memo } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import deprecate from 'util-deprecate';
|
5
|
-
import {
|
5
|
+
import { s as styles } from '../_helpers/heading.js';
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
7
7
|
|
8
8
|
const _excluded = ["children", "className", "level"],
|
@@ -22,7 +22,7 @@ const HeadingMemo = /*#__PURE__*/memo(function Heading(_ref) {
|
|
22
22
|
level = Levels.H1
|
23
23
|
} = _ref,
|
24
24
|
restProps = _objectWithoutProperties(_ref, _excluded);
|
25
|
-
const classes = classNames(
|
25
|
+
const classes = classNames(styles.heading, className);
|
26
26
|
const Tag = level <= Levels.H4 ? "h".concat(level) : fallbackHeading();
|
27
27
|
return /*#__PURE__*/jsx(Tag, _objectSpread2(_objectSpread2({}, restProps), {}, {
|
28
28
|
className: classes,
|
@@ -53,7 +53,7 @@ const H4 = /*#__PURE__*/memo(function H4(_ref2) {
|
|
53
53
|
} = _ref2,
|
54
54
|
restProps = _objectWithoutProperties(_ref2, _excluded2);
|
55
55
|
const classes = classNames(className, {
|
56
|
-
[
|
56
|
+
[styles.bold]: bold
|
57
57
|
});
|
58
58
|
return /*#__PURE__*/jsx(Heading, _objectSpread2(_objectSpread2({}, restProps), {}, {
|
59
59
|
className: classes,
|
@@ -15,7 +15,7 @@ export interface FetchParams<T = unknown> extends Omit<RequestInit, 'body' | 'he
|
|
15
15
|
query?: Record<string, unknown> | undefined;
|
16
16
|
headers?: HeadersInit | Record<string, null | undefined>;
|
17
17
|
}
|
18
|
-
export interface RequestParams<RawBody extends boolean = true | false> extends FetchParams<RawBody extends true ?
|
18
|
+
export interface RequestParams<RawBody extends boolean = true | false> extends FetchParams<RawBody extends true ? BodyInit | null : unknown> {
|
19
19
|
sendRawBody?: RawBody;
|
20
20
|
}
|
21
21
|
export type RequestParamsWithoutMethod<RawBody extends boolean = boolean> = Omit<RequestParams<RawBody>, 'method'>;
|
@@ -50,9 +50,9 @@ export default class HTTP implements Partial<HTTPAuth> {
|
|
50
50
|
* Usage: const {promise, abort} = http.abortify(http.get<{id: string}>)('http://test.com');
|
51
51
|
* @param method
|
52
52
|
*/
|
53
|
-
abortify: <T>(method: Method<T>) => ((...p: Parameters<Method<T>>) =>
|
53
|
+
abortify: <T>(method: Method<T>) => ((...p: Parameters<Method<T>>) => {
|
54
54
|
promise: Promise<T>;
|
55
55
|
abort: () => void;
|
56
|
-
})
|
56
|
+
});
|
57
57
|
}
|
58
58
|
export {};
|
package/components/icon/icon.js
CHANGED
@@ -3,7 +3,7 @@ import { PureComponent } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import deprecate from 'util-deprecate';
|
5
5
|
import { Color, Size } from './icon__constants.js';
|
6
|
-
import {
|
6
|
+
import { s as styles, I as IconSVG } from '../_helpers/icon__svg.js';
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
8
8
|
import 'core-js/modules/es.regexp.exec.js';
|
9
9
|
import 'core-js/modules/es.string.replace.js';
|
@@ -57,17 +57,19 @@ class Icon extends PureComponent {
|
|
57
57
|
if (!Glyph) {
|
58
58
|
return null;
|
59
59
|
}
|
60
|
-
const classes = classNames(
|
61
|
-
[
|
62
|
-
[
|
60
|
+
const classes = classNames(styles.icon, {
|
61
|
+
[styles[color]]: !!color,
|
62
|
+
[styles.loading]: loading
|
63
63
|
}, className);
|
64
|
-
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
|
64
|
+
return /*#__PURE__*/jsx("span", _objectSpread2(_objectSpread2({
|
65
|
+
"data-test": "ring-icon"
|
66
|
+
}, restProps), {}, {
|
65
67
|
className: classes,
|
66
68
|
children: typeof Glyph === 'string' ? /*#__PURE__*/jsx(IconSVG, {
|
67
69
|
src: Glyph,
|
68
70
|
style: this.getStyle()
|
69
71
|
}) : /*#__PURE__*/jsx(Glyph, {
|
70
|
-
className:
|
72
|
+
className: styles.glyph,
|
71
73
|
style: this.getStyle()
|
72
74
|
})
|
73
75
|
}));
|
@@ -1,4 +1,3 @@
|
|
1
|
-
var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,225,229;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:211,213,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:129,133,148;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-white-components:255,255,255;--ring-icon-white-color:rgb(var(--ring-icon-white-components));--ring-icon-secondary-components:129,133,148;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:235,236,240;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:201,204,214;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:211,213,219;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:160,189,248;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:90,93,107;--ring-icon-hover-color:rgb(var(--ring-icon-hover-components));--ring-main-components:53,116,240;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:46,85,163;--ring-action-link-color:rgb(var(--ring-action-link-components));--ring-main-hover-components:51,105,214;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,59,75;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:255,175,15;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:85,167,106;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:194,214,252;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:108,112,126;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:49,95,189;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:112,156,245;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:46,85,163;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:46,85,163;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:34,60,114;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:204,54,69;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:164,103,4;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:31,117,54;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:39,40,46;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:108,112,126;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:168,173,189;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,248,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-secondary-background-components:247,248,250;--ring-secondary-background-color:rgb(var(--ring-secondary-background-components));--ring-selected-background-components:212,226,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:237,243,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:235,236,240;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,213,219;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:250,212,216;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:255,241,209;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:197,229,204;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:247,248,250;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:235,236,240;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:250,212,216;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:70,130,250;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:53,116,240;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-removed-subtle-background-components:255,247,247;--ring-removed-subtle-background-color:rgb(var(--ring-removed-subtle-background-components));--ring-warning-subtle-background-components:255,250,235;--ring-warning-subtle-background-color:rgb(var(--ring-warning-subtle-background-components));--ring-added-subtle-background-components:242,252,243;--ring-added-subtle-background-color:rgb(var(--ring-added-subtle-background-components));--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:140,140,140;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:158,136,13;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,51,179;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:235,236,240;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:var(--ring-font-weight-bold);--ring-code-field-components:135,16,148;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:23,80,235;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:6,125,23;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:197,229,204;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:223,225,229;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:16px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:24px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-font-weight-bold:600;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}.ring-input{--ring-input-padding-block:1px;--ring-input-padding-inline:var(--ring-unit);--ring-input-padding-start:var(--ring-input-padding-inline);--ring-input-padding-end:var(--ring-input-padding-inline);background-color:var(--ring-content-background-color);border:1px solid var(--ring-borders-color);border-radius:var(--ring-border-radius);box-sizing:border-box;caret-color:var(--ring-main-color);color:var(--ring-text-color);font:inherit;font-size:var(--ring-font-size);line-height:var(--ring-line-height);margin:0;outline:none;padding:var(--ring-input-padding-block) var(--ring-input-padding-end) var(--ring-input-padding-block) var(--ring-input-padding-start);transition:border-color var(--ring-ease);width:100%}[dir=rtl] .ring-input{padding-left:var(--ring-input-padding-end);padding-right:var(--ring-input-padding-start)}@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.ring-input:hover{border-color:var(--ring-border-hover-color);transition:none}}}.error_rui_cc63 .ring-input{border-color:var(--ring-icon-error-color)}.ring-input:focus{border-color:var(--ring-main-color);transition:none}[disabled].ring-input{-webkit-text-fill-color:var(--ring-disabled-color);background-color:var(--ring-disabled-background-color);border-color:var(--ring-border-disabled-color);color:var(--ring-disabled-color)}@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){@media (-moz-touch-enabled:0),(-ms-high-contrast:active),(-ms-high-contrast:none),(hover:hover){.ring-input:-webkit-autofill:hover{-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}}}.ring-input:-webkit-autofill,.ring-input:-webkit-autofill:focus{-webkit-transition:background-color 50000s ease-in-out 0s;transition:background-color 50000s ease-in-out 0s}.ring-input_error{border-color:var(--ring-icon-error-color)}.ring-input_filter-popup{min-width:200px;width:100%}.ring-input.ring-input:disabled,.ring-input.ring-input[disabled],.ring-input.ring-input_disabled{-webkit-text-fill-color:var(--ring-disabled-color);background-color:var(--ring-disabled-background-color);border-color:var(--ring-border-disabled-color);color:var(--ring-disabled-color)}textarea.ring-input{box-sizing:border-box;min-height:calc(var(--ring-unit)*8);resize:none}.ring-input::placeholder{color:var(--ring-disabled-color)}";
|
2
|
-
var modules_7dcda5db = {"light":"light_rui_2ac4","error":"error_rui_cc63"};
|
1
|
+
var inputLegacy = {"error":"error_rui_cc63"};
|
3
2
|
|
4
|
-
export {
|
3
|
+
export { inputLegacy as default };
|
@@ -1,4 +1,3 @@
|
|
1
|
-
var css = ".light_rui_2ac4,:root{--ring-unit:8px;--ring-line-components:223,225,229;--ring-line-color:rgb(var(--ring-line-components));--ring-borders-components:211,213,219;--ring-borders-color:rgb(var(--ring-borders-components));--ring-icon-components:129,133,148;--ring-icon-color:rgb(var(--ring-icon-components));--ring-icon-white-components:255,255,255;--ring-icon-white-color:rgb(var(--ring-icon-white-components));--ring-icon-secondary-components:129,133,148;--ring-icon-secondary-color:rgb(var(--ring-icon-secondary-components));--ring-border-disabled-components:235,236,240;--ring-border-disabled-color:rgb(var(--ring-border-disabled-components));--ring-border-selected-disabled-components:201,204,214;--ring-border-selected-disabled-color:rgb(var(--ring-border-selected-disabled-components));--ring-icon-disabled-components:211,213,219;--ring-icon-disabled-color:rgb(var(--ring-icon-disabled-components));--ring-border-hover-components:160,189,248;--ring-border-hover-color:rgb(var(--ring-border-hover-components));--ring-icon-hover-components:90,93,107;--ring-icon-hover-color:rgb(var(--ring-icon-hover-components));--ring-main-components:53,116,240;--ring-main-color:rgb(var(--ring-main-components));--ring-action-link-components:46,85,163;--ring-action-link-color:rgb(var(--ring-action-link-components));--ring-main-hover-components:51,105,214;--ring-main-hover-color:rgb(var(--ring-main-hover-components));--ring-icon-error-components:219,59,75;--ring-icon-error-color:rgb(var(--ring-icon-error-components));--ring-icon-warning-components:255,175,15;--ring-icon-warning-color:rgb(var(--ring-icon-warning-components));--ring-icon-success-components:85,167,106;--ring-icon-success-color:rgb(var(--ring-icon-success-components));--ring-pale-control-components:194,214,252;--ring-pale-control-color:rgb(var(--ring-pale-control-components));--ring-popup-border-components:0,28,54;--ring-popup-border-color:var(--ring-line-color);--ring-popup-shadow-components:rgba(var(--ring-popup-border-components),0.1);--ring-popup-shadow-color:rgba(var(--ring-popup-border-components),0.1);--ring-popup-secondary-shadow-color:rgba(var(--ring-popup-border-components),0.04);--ring-message-shadow-color:rgba(var(--ring-popup-border-components),0.3);--ring-pinned-shadow-components:108,112,126;--ring-pinned-shadow-color:rgb(var(--ring-pinned-shadow-components));--ring-button-danger-hover-components:var(--ring-icon-error-color);--ring-button-danger-hover-color:var(--ring-icon-error-color);--ring-button-primary-border-components:49,95,189;--ring-button-primary-border-color:rgb(var(--ring-button-primary-border-components));--ring-dialog-overlay-components:0,0,0;--ring-dialog-overlay-opacity:0.4;--ring-popup-shadow:0 2px 8px var(--ring-popup-shadow-color),0 1px 2px var(--ring-popup-secondary-shadow-color);--ring-dialog-shadow:0 4px 24px var(--ring-popup-shadow-color),0 2px 6px var(--ring-popup-secondary-shadow-color);--ring-search-components:112,156,245;--ring-search-color:rgb(var(--ring-search-components));--ring-hint-components:46,85,163;--ring-hint-color:rgb(var(--ring-hint-components));--ring-link-components:46,85,163;--ring-link-color:rgb(var(--ring-link-components));--ring-link-hover-components:34,60,114;--ring-link-hover-color:rgb(var(--ring-link-hover-components));--ring-error-components:204,54,69;--ring-error-color:rgb(var(--ring-error-components));--ring-warning-components:164,103,4;--ring-warning-color:rgb(var(--ring-warning-components));--ring-success-components:31,117,54;--ring-success-color:rgb(var(--ring-success-components));--ring-text-components:39,40,46;--ring-text-color:rgb(var(--ring-text-components));--ring-active-text-color:var(--ring-text-color);--ring-white-text-components:255,255,255;--ring-white-text-color:rgb(var(--ring-white-text-components));--ring-heading-color:var(--ring-text-color);--ring-secondary-components:108,112,126;--ring-secondary-color:rgb(var(--ring-secondary-components));--ring-disabled-components:168,173,189;--ring-disabled-color:rgb(var(--ring-disabled-components));--ring-content-background-components:255,255,255;--ring-content-background-color:rgb(var(--ring-content-background-components));--ring-popup-background-components:255,255,255;--ring-popup-background-color:rgb(var(--ring-popup-background-components));--ring-sidebar-background-components:247,248,250;--ring-sidebar-background-color:rgb(var(--ring-sidebar-background-components));--ring-secondary-background-components:247,248,250;--ring-secondary-background-color:rgb(var(--ring-secondary-background-components));--ring-selected-background-components:212,226,255;--ring-selected-background-color:rgb(var(--ring-selected-background-components));--ring-hover-background-components:237,243,255;--ring-hover-background-color:rgb(var(--ring-hover-background-components));--ring-navigation-background-components:255,255,255;--ring-navigation-background-color:rgb(var(--ring-navigation-background-components));--ring-tag-background-components:235,236,240;--ring-tag-background-color:rgb(var(--ring-tag-background-components));--ring-tag-hover-background-components:211,213,219;--ring-tag-hover-background-color:rgb(var(--ring-tag-hover-background-components));--ring-removed-background-components:250,212,216;--ring-removed-background-color:rgb(var(--ring-removed-background-components));--ring-warning-background-components:255,241,209;--ring-warning-background-color:rgb(var(--ring-warning-background-components));--ring-added-background-components:197,229,204;--ring-added-background-color:rgb(var(--ring-added-background-components));--ring-disabled-background-components:247,248,250;--ring-disabled-background-color:rgb(var(--ring-disabled-background-components));--ring-disabled-selected-background-components:235,236,240;--ring-disabled-selected-background-color:rgb(var(--ring-disabled-selected-background-components));--ring-button-danger-active-components:250,212,216;--ring-button-danger-active-color:rgb(var(--ring-button-danger-active-components));--ring-button-loader-background-components:70,130,250;--ring-button-loader-background:rgb(var(--ring-button-loader-background-components));--ring-button-primary-background-components:53,116,240;--ring-button-primary-background-color:rgb(var(--ring-button-primary-background-components));--ring-table-loader-background-color:rgba(var(--ring-content-background-components),0.5);--ring-removed-subtle-background-components:255,247,247;--ring-removed-subtle-background-color:rgb(var(--ring-removed-subtle-background-components));--ring-warning-subtle-background-components:255,250,235;--ring-warning-subtle-background-color:rgb(var(--ring-warning-subtle-background-components));--ring-added-subtle-background-components:242,252,243;--ring-added-subtle-background-color:rgb(var(--ring-added-subtle-background-components));--ring-code-background-color:var(--ring-content-background-color);--ring-code-components:0,0,0;--ring-code-color:rgb(var(--ring-code-components));--ring-code-comment-components:140,140,140;--ring-code-comment-color:rgb(var(--ring-code-comment-components));--ring-code-meta-components:158,136,13;--ring-code-meta-color:rgb(var(--ring-code-meta-components));--ring-code-keyword-components:0,51,179;--ring-code-keyword-color:rgb(var(--ring-code-keyword-components));--ring-code-tag-background-components:235,236,240;--ring-code-tag-background-color:rgb(var(--ring-code-tag-background-components));--ring-code-tag-color:var(--ring-code-keyword-color);--ring-code-tag-font-weight:var(--ring-font-weight-bold);--ring-code-field-components:135,16,148;--ring-code-field-color:rgb(var(--ring-code-field-components));--ring-code-attribute-components:23,80,235;--ring-code-attribute-color:rgb(var(--ring-code-attribute-components));--ring-code-number-color:var(--ring-code-attribute-color);--ring-code-string-components:6,125,23;--ring-code-string-color:rgb(var(--ring-code-string-components));--ring-code-addition-components:197,229,204;--ring-code-addition-color:rgb(var(--ring-code-addition-components));--ring-code-deletion-components:223,225,229;--ring-code-deletion-color:rgb(var(--ring-code-deletion-components));--ring-border-radius:4px;--ring-border-radius-small:2px;--ring-font-size-larger:16px;--ring-font-size:14px;--ring-font-size-smaller:12px;--ring-line-height-taller:24px;--ring-line-height:20px;--ring-line-height-lower:18px;--ring-line-height-lowest:16px;--ring-ease:0.3s ease-out;--ring-fast-ease:0.15s ease-out;--ring-font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;--ring-font-family-monospace:Menlo,\"Bitstream Vera Sans Mono\",\"Ubuntu Mono\",Consolas,\"Courier New\",Courier,monospace;--ring-font-weight-bold:600;--ring-invisible-element-z-index:-1;--ring-fixed-z-index:1;--ring-overlay-z-index:5;--ring-alert-z-index:6}:root{--ring-input-xs:calc(var(--ring-unit)*12);--ring-input-s:calc(var(--ring-unit)*12);--ring-input-m:calc(var(--ring-unit)*30);--ring-input-l:calc(var(--ring-unit)*50)}.ring-input-size_xs.ring-input-size_xs{display:inline-block;width:var(--ring-input-xs)}.ring-input-size_xs.ring-input-size_xs~.ring-error-bubble{left:calc(var(--ring-input-xs) + 2px)}.ring-input-size_s.ring-input-size_s{display:inline-block;width:var(--ring-input-s)}.ring-input-size_s.ring-input-size_s~.ring-error-bubble{left:calc(var(--ring-input-s) + 2px)}.ring-input-size_m.ring-input-size_m{display:inline-block;width:var(--ring-input-m)}.ring-input-size_m.ring-input-size_m~.ring-error-bubble{left:calc(var(--ring-input-m) + 2px)}.ring-input-size_md.ring-input-size_md{display:inline-block;width:var(--ring-input-m)}.ring-input-size_md.ring-input-size_md~.ring-error-bubble{left:calc(var(--ring-input-m) + 2px)}.ring-input-size_l.ring-input-size_l{display:inline-block;width:var(--ring-input-l)}.ring-input-size_l.ring-input-size_l~.ring-error-bubble{left:calc(var(--ring-input-l) + 2px)}.ring-input-height_s.ring-input-height_s{--ring-input-padding-block:1px}.ring-input-height_m.ring-input-height_m{--ring-input-padding-block:3px}.ring-input-height_l.ring-input-height_l{--ring-input-padding-block:5px}";
|
2
|
-
var modules_3471936d = {"light":"light_rui_2ac4"};
|
1
|
+
var inputSize = {};
|
3
2
|
|
4
|
-
export {
|
3
|
+
export { inputSize as default };
|
@@ -4,7 +4,7 @@ import { forwardRef, Component } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
5
5
|
import createResizeDetector from 'element-resize-detector';
|
6
6
|
import scheduleRAF from '../global/schedule-raf.js';
|
7
|
-
import {
|
7
|
+
import { s as styles } from '../_helpers/island.js';
|
8
8
|
import { ScrollHandlerContext } from './adaptive-island-hoc.js';
|
9
9
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
10
10
|
import '../global/linear-function.js';
|
@@ -88,13 +88,13 @@ class Content extends Component {
|
|
88
88
|
scrolledToTop,
|
89
89
|
scrolledToBottom
|
90
90
|
} = this.state;
|
91
|
-
const classes = classNames(
|
92
|
-
[
|
93
|
-
[
|
94
|
-
[
|
95
|
-
[
|
91
|
+
const classes = classNames(styles.content, className, {
|
92
|
+
[styles.contentWithTopFade]: fade && !scrolledToTop,
|
93
|
+
[styles.contentWithBottomFade]: fade && !scrolledToBottom,
|
94
|
+
[styles.withTransparentBottomBorder]: bottomBorder,
|
95
|
+
[styles.withBottomBorder]: bottomBorder && !scrolledToBottom
|
96
96
|
});
|
97
|
-
const scrollableWrapperClasses = classNames(
|
97
|
+
const scrollableWrapperClasses = classNames(styles.scrollableWrapper, scrollableWrapperClassName);
|
98
98
|
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
99
99
|
"data-test": "ring-island-content",
|
100
100
|
className: classes,
|
@@ -2,7 +2,7 @@ import { _ as _defineProperty, b as _objectSpread2, a as _objectWithoutPropertie
|
|
2
2
|
import { Component } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import { interpolateLinear } from '../global/linear-function.js';
|
5
|
-
import {
|
5
|
+
import { s as styles } from '../_helpers/island.js';
|
6
6
|
import { PhaseContext } from './adaptive-island-hoc.js';
|
7
7
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
8
8
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
@@ -43,8 +43,8 @@ class Header extends Component {
|
|
43
43
|
phase
|
44
44
|
} = _this$props,
|
45
45
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
46
|
-
const classes = classNames(
|
47
|
-
[
|
46
|
+
const classes = classNames(styles.header, className, {
|
47
|
+
[styles.withBottomBorder]: border || phase != null && phase >= BORDER_APPEAR_PHASE
|
48
48
|
});
|
49
49
|
const headerStyle = phase != null ? {
|
50
50
|
lineHeight: "".concat(this.style('LINE_HEIGHT'), "px"),
|
@@ -63,7 +63,7 @@ class Header extends Component {
|
|
63
63
|
className: classes,
|
64
64
|
style: headerStyle,
|
65
65
|
children: [wrapWithTitle && /*#__PURE__*/jsx("h2", {
|
66
|
-
className:
|
66
|
+
className: styles.title,
|
67
67
|
style: titleStyle,
|
68
68
|
children: children
|
69
69
|
}), !wrapWithTitle && children]
|
@@ -3,11 +3,10 @@ import { Component } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import joinDataTestAttributes from '../global/data-tests.js';
|
5
5
|
import adaptiveIslandHOC from './adaptive-island-hoc.js';
|
6
|
-
import {
|
6
|
+
import { s as styles } from '../_helpers/island.js';
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
8
8
|
export { default as Header } from './header.js';
|
9
9
|
export { default as Content } from './content.js';
|
10
|
-
import 'core-js/modules/es.array.reduce.js';
|
11
10
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
12
11
|
import '../global/linear-function.js';
|
13
12
|
import 'element-resize-detector';
|
@@ -25,9 +24,9 @@ class Island extends Component {
|
|
25
24
|
'data-test': dataTest
|
26
25
|
} = _this$props,
|
27
26
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
28
|
-
const classes = classNames(
|
29
|
-
[
|
30
|
-
[
|
27
|
+
const classes = classNames(styles.island, className, {
|
28
|
+
[styles.narrowIsland]: narrow,
|
29
|
+
[styles.withoutPaddings]: withoutPaddings
|
31
30
|
});
|
32
31
|
return /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
33
32
|
className: classes,
|