@jetbrains/ring-ui-built 7.0.0-beta.9 → 7.0.0
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/button__classes.js +13 -13
- package/components/_helpers/caption.js +3 -3
- package/components/_helpers/card.js +23 -20
- 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 +10 -10
- 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 +4 -4
- 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 +5 -6
- 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 +2 -3
- package/components/avatar/avatar.js +6 -6
- 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 +7 -7
- package/components/collapse/collapse-content.d.ts +1 -2
- package/components/collapse/collapse-content.js +25 -11
- 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 +1 -2
- 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 +16 -10
- package/components/data-list/item.js +8 -9
- package/components/date-picker/date-input.js +2 -2
- package/components/date-picker/date-picker.d.ts +2 -1
- package/components/date-picker/date-picker.js +12 -12
- 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.d.ts +1 -0
- package/components/dialog/dialog.js +22 -18
- 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 +5 -5
- package/components/error-message/error-message.js +6 -7
- package/components/footer/footer.js +9 -10
- 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 +5 -4
- package/components/grid/grid.js +5 -4
- package/components/grid/row.js +5 -5
- package/components/group/group.js +5 -3
- 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 +1 -2
- 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 +6 -7
- 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 +27 -28
- 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 +25 -25
- 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.d.ts +1 -2
- package/components/table/header.js +7 -14
- package/components/table/row-with-focus-sensor.js +0 -1
- package/components/table/row.d.ts +0 -1
- package/components/table/row.js +11 -18
- 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.d.ts +0 -1
- package/components/table/table.js +17 -20
- 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.d.ts +1 -1
- package/components/tag/tag.js +14 -15
- package/components/tags-input/tags-input.js +8 -9
- package/components/tags-list/tags-list.d.ts +2 -2
- package/components/tags-list/tags-list.js +2 -2
- 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 +12 -6
- package/components/user-agreement/service.js +1 -2
- package/components/user-agreement/user-agreement.js +7 -8
- package/components/user-card/card.js +3 -2
- package/components/user-card/smart-user-card-tooltip.js +5 -4
- package/components/user-card/tooltip.js +5 -4
- package/components/user-card/user-card.js +3 -2
- package/package.json +6 -5
- package/typings.d.ts +2 -4
- package/components/_helpers/badge.js +0 -3
- package/components/badge/badge.d.ts +0 -14
- package/components/badge/badge.js +0 -47
- 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/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,
|
package/components/link/link.js
CHANGED
@@ -3,9 +3,8 @@ import { PureComponent } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import joinDataTestAttributes from '../global/data-tests.js';
|
5
5
|
import ClickableLink from './clickableLink.js';
|
6
|
-
import {
|
6
|
+
import { l as linkStyles } from '../_helpers/link.js';
|
7
7
|
import { jsx } from 'react/jsx-runtime';
|
8
|
-
import 'core-js/modules/es.array.reduce.js';
|
9
8
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
10
9
|
|
11
10
|
const _excluded = ["active", "inherit", "pseudo", "hover", "className", "data-test", "href", "children", "onPlainLeftClick", "onClick"];
|
@@ -28,16 +27,16 @@ function linkHOC(ComposedComponent) {
|
|
28
27
|
} = _this$props,
|
29
28
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
30
29
|
const useButton = pseudo || !isCustom && href == null;
|
31
|
-
const classes = classNames(
|
32
|
-
[
|
33
|
-
[
|
34
|
-
[
|
35
|
-
[
|
30
|
+
const classes = classNames(linkStyles.link, className, {
|
31
|
+
[linkStyles.active]: active,
|
32
|
+
[linkStyles.inherit]: inherit,
|
33
|
+
[linkStyles.hover]: hover,
|
34
|
+
[linkStyles.pseudo]: useButton
|
36
35
|
});
|
37
36
|
let props = restProps;
|
38
37
|
if (isCustom && !props.activeClassName) {
|
39
38
|
props = _objectSpread2(_objectSpread2({}, props), {}, {
|
40
|
-
activeClassName:
|
39
|
+
activeClassName: linkStyles.active
|
41
40
|
});
|
42
41
|
}
|
43
42
|
if (useButton) {
|
@@ -163,7 +163,7 @@ export default class List<T = unknown> extends Component<ListProps<T>, ListState
|
|
163
163
|
containerRef: (el: HTMLElement | null) => void;
|
164
164
|
private _inner?;
|
165
165
|
get inner(): HTMLElement | null | undefined;
|
166
|
-
renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild }: RenderVirtualizedInnerParams): import("react").JSX.Element;
|
166
|
+
renderVirtualizedInner({ height, maxHeight, autoHeight, rowCount, isScrolling, onChildScroll, scrollTop, registerChild, }: RenderVirtualizedInnerParams): import("react").JSX.Element;
|
167
167
|
renderVirtualized(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
|
168
168
|
renderSimple(maxHeight: number | null | undefined, rowCount: number): import("react").JSX.Element;
|
169
169
|
id: string;
|
package/components/list/list.js
CHANGED
@@ -23,9 +23,8 @@ import ListTitle from './list__title.js';
|
|
23
23
|
import ListSeparator from './list__separator.js';
|
24
24
|
import ListHint from './list__hint.js';
|
25
25
|
import { Type, Dimension, DEFAULT_ITEM_TYPE } from './consts.js';
|
26
|
-
import {
|
26
|
+
import { s as styles } from '../_helpers/list.js';
|
27
27
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
28
|
-
import 'core-js/modules/es.array.reduce.js';
|
29
28
|
import 'core-js/modules/es.regexp.exec.js';
|
30
29
|
import '../shortcuts/core.js';
|
31
30
|
import 'combokeys';
|
@@ -571,7 +570,7 @@ class List extends Component {
|
|
571
570
|
"aria-label": this.props.ariaLabel,
|
572
571
|
ref: this.virtualizedListRef,
|
573
572
|
className: classNames('ring-list__i', {
|
574
|
-
[
|
573
|
+
[styles.overscrollNone]: this.props.preventListOverscroll
|
575
574
|
}),
|
576
575
|
autoHeight: autoHeight,
|
577
576
|
style: maxHeight ? _objectSpread2({
|
@@ -628,7 +627,7 @@ class List extends Component {
|
|
628
627
|
}));
|
629
628
|
}
|
630
629
|
return /*#__PURE__*/jsx("div", {
|
631
|
-
className: classNames('ring-list__i',
|
630
|
+
className: classNames('ring-list__i', styles.simpleInner),
|
632
631
|
onScroll: this.scrollHandler,
|
633
632
|
onMouseMove: this.mouseHandler,
|
634
633
|
children: /*#__PURE__*/jsx("div", {
|
@@ -649,7 +648,7 @@ class List extends Component {
|
|
649
648
|
} : undefined;
|
650
649
|
const rowCount = this.props.data.length + 2;
|
651
650
|
const maxHeight = this.props.maxHeight && this.getVisibleListHeight(this.props.maxHeight);
|
652
|
-
const classes = classNames(
|
651
|
+
const classes = classNames(styles.list, this.props.className);
|
653
652
|
return /*#__PURE__*/jsxs(Fragment, {
|
654
653
|
children: [/*#__PURE__*/jsx(ActiveItemContext.Updater, {
|
655
654
|
value: this.getId(this.state.activeItem),
|
@@ -666,7 +665,7 @@ class List extends Component {
|
|
666
665
|
map: this.props.shortcutsMap ? _objectSpread2(_objectSpread2({}, this.shortcutsMap), this.props.shortcutsMap) : this.shortcutsMap,
|
667
666
|
scope: this.shortcutsScope
|
668
667
|
}), this.props.renderOptimization ? this.renderVirtualized(maxHeight, rowCount) : this.renderSimple(maxHeight, rowCount), this.state.hasOverflow && !this.state.scrolledToBottom && /*#__PURE__*/jsx("div", {
|
669
|
-
className:
|
668
|
+
className: styles.fade,
|
670
669
|
style: fadeStyles
|
671
670
|
}), hint && /*#__PURE__*/jsx(ListHint, {
|
672
671
|
label: hint
|
@@ -4,9 +4,8 @@ import { PureComponent } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
5
5
|
import joinDataTestAttributes from '../global/data-tests.js';
|
6
6
|
import getEventKey from '../global/get-event-key.js';
|
7
|
-
import {
|
7
|
+
import { s as styles } from '../_helpers/list.js';
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
9
|
-
import 'core-js/modules/es.array.reduce.js';
|
10
9
|
|
11
10
|
const _excluded = ["scrolling", "hover", "className", "disabled", "template", "rgItemType", "tabIndex", "onClick", "onCheckboxChange", "onMouseOver", "onMouseUp", "role", "tagName"];
|
12
11
|
class ListCustom extends PureComponent {
|
@@ -37,10 +36,10 @@ class ListCustom extends PureComponent {
|
|
37
36
|
tagName
|
38
37
|
} = _this$props,
|
39
38
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
40
|
-
const classes = classNames(
|
41
|
-
[
|
42
|
-
[
|
43
|
-
[
|
39
|
+
const classes = classNames(styles.item, className, {
|
40
|
+
[styles.action]: !disabled,
|
41
|
+
[styles.hover]: hover && !disabled,
|
42
|
+
[styles.scrolling]: scrolling
|
44
43
|
});
|
45
44
|
const dataTest = joinDataTestAttributes('ring-list-item-custom', {
|
46
45
|
'ring-list-item-action': !disabled
|
@@ -1,12 +1,12 @@
|
|
1
1
|
import { PureComponent } from 'react';
|
2
2
|
import classNames from 'classnames';
|
3
|
-
import {
|
3
|
+
import { s as styles } from '../_helpers/list.js';
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
5
5
|
|
6
6
|
class ListHint extends PureComponent {
|
7
7
|
render() {
|
8
8
|
return /*#__PURE__*/jsx("span", {
|
9
|
-
className: classNames(
|
9
|
+
className: classNames(styles.item, styles.hint),
|
10
10
|
"data-test": "ring-list-hint",
|
11
11
|
children: this.props.label
|
12
12
|
});
|
@@ -8,9 +8,8 @@ import Avatar, { Size } from '../avatar/avatar.js';
|
|
8
8
|
import Checkbox from '../checkbox/checkbox.js';
|
9
9
|
import Icon from '../icon/icon.js';
|
10
10
|
import getUID from '../global/get-uid.js';
|
11
|
-
import {
|
12
|
-
import {
|
13
|
-
import 'core-js/modules/es.array.reduce.js';
|
11
|
+
import { s as styles } from '../_helpers/list.js';
|
12
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
14
13
|
import '../global/url.js';
|
15
14
|
import 'core-js/modules/es.regexp.exec.js';
|
16
15
|
import 'core-js/modules/es.string.replace.js';
|
@@ -26,7 +25,7 @@ import '../icon/icon__constants.js';
|
|
26
25
|
import '../_helpers/icon__svg.js';
|
27
26
|
import '../global/memoize.js';
|
28
27
|
|
29
|
-
var
|
28
|
+
var globalStyles = {"breakpoint-small":"640px","breakpoint-middle":"960px","breakpoint-large":"1200px","extra-small-screen-media":"(max-width: 639px)","small-screen-media":"(min-width: 640px) and (max-width: 959px)","middle-screen-media":"(min-width: 960px) and (max-width: 1199px)","large-screen-media":"(min-width: 1200px)","clearfix":"clearfix_rui_f295","font":"font_rui_f295","font-lower":"font-lower_rui_f295 font_rui_f295","font-smaller":"font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-smaller-lower":"font-smaller-lower_rui_f295 font-smaller_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger-lower":"font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","font-larger":"font-larger_rui_f295 font-larger-lower_rui_f295 font-lower_rui_f295 font_rui_f295","thin-font":"thin-font_rui_f295","monospace-font":"monospace-font_rui_f295","ellipsis":"ellipsis_rui_f295","resetButton":"resetButton_rui_f295"};
|
30
29
|
|
31
30
|
const _excluded = ["scrolling", "className", "disabled", "checkbox", "avatar", "subavatar", "glyph", "icon", "rightGlyph", "description", "label", "title", "details", "hover", "rgItemType", "level", "tabIndex", "compact", "onClick", "onCheckboxChange", "onMouseOver", "onMouseDown", "onMouseUp", "rightNodes", "leftNodes", "showGeneratedAvatar", "username", "labelWrapper"];
|
32
31
|
const RING_UNIT = 8;
|
@@ -76,16 +75,16 @@ class ListItem extends PureComponent {
|
|
76
75
|
const shouldShowGeneratedAvatar = showGeneratedAvatar && username != null;
|
77
76
|
const hasLeftNodes = leftNodes || glyph || avatar || shouldShowGeneratedAvatar;
|
78
77
|
const showCheckbox = checkable && (checkbox || !hasLeftNodes || hover && !disabled);
|
79
|
-
const classes = classNames(
|
80
|
-
[
|
81
|
-
[
|
82
|
-
[
|
83
|
-
[
|
84
|
-
[
|
78
|
+
const classes = classNames(styles.item, globalStyles.resetButton, className, {
|
79
|
+
[styles.action]: !disabled,
|
80
|
+
[styles.hover]: hover && !disabled,
|
81
|
+
[styles.compact]: compact,
|
82
|
+
[styles.scrolling]: scrolling,
|
83
|
+
[styles.disabled]: disabled
|
85
84
|
});
|
86
85
|
const detailsClasses = classNames({
|
87
|
-
[
|
88
|
-
[
|
86
|
+
[styles.details]: details,
|
87
|
+
[styles.padded]: icon !== undefined || checkbox !== undefined || glyph !== undefined
|
89
88
|
});
|
90
89
|
const style = {
|
91
90
|
paddingLeft: "".concat((Number(level) || 0) * RING_UNIT + DEFAULT_PADDING + (showCheckbox ? CHECKBOX_WIDTH : 0), "px")
|
@@ -105,16 +104,16 @@ class ListItem extends PureComponent {
|
|
105
104
|
'ring-list-item-selected': checkbox
|
106
105
|
}, restProps['data-test']);
|
107
106
|
const labelElement = /*#__PURE__*/jsx("span", {
|
108
|
-
className:
|
107
|
+
className: styles.label,
|
109
108
|
title: computedTitle,
|
110
109
|
"data-test": "ring-list-item-label",
|
111
110
|
children: label
|
112
111
|
});
|
113
112
|
return /*#__PURE__*/jsxs("div", {
|
114
|
-
className:
|
113
|
+
className: styles.itemContainer,
|
115
114
|
"data-test": dataTest,
|
116
115
|
children: [showCheckbox && /*#__PURE__*/jsx("div", {
|
117
|
-
className:
|
116
|
+
className: styles.checkboxContainer,
|
118
117
|
children: /*#__PURE__*/jsx(Checkbox, {
|
119
118
|
"aria-labelledby": this.id,
|
120
119
|
checked: checkbox,
|
@@ -135,36 +134,36 @@ class ListItem extends PureComponent {
|
|
135
134
|
style: style,
|
136
135
|
disabled: disabled,
|
137
136
|
children: [/*#__PURE__*/jsxs("div", {
|
138
|
-
className:
|
137
|
+
className: styles.top,
|
139
138
|
onMouseOut: this.stopBubbling,
|
140
139
|
onBlur: this.stopBubbling,
|
141
140
|
children: [!showCheckbox && /*#__PURE__*/jsxs("div", {
|
142
|
-
className:
|
141
|
+
className: styles.left,
|
143
142
|
children: [leftNodes, glyph && /*#__PURE__*/jsx(Icon, {
|
144
|
-
className:
|
143
|
+
className: styles.glyph,
|
145
144
|
glyph: glyph,
|
146
145
|
size: this.props.iconSize,
|
147
146
|
suppressSizeWarning: this.props.suppressSizeWarning
|
148
147
|
}), (avatar || shouldShowGeneratedAvatar) && /*#__PURE__*/jsx(Avatar, {
|
149
|
-
className:
|
148
|
+
className: styles.avatar,
|
150
149
|
url: avatar,
|
151
150
|
size: Size.Size20,
|
152
151
|
subavatar: subavatar,
|
153
152
|
username: username
|
154
153
|
})]
|
155
154
|
}), labelWrapper ? labelWrapper(labelElement) : labelElement, description && /*#__PURE__*/jsx("span", {
|
156
|
-
className:
|
155
|
+
className: styles.description,
|
157
156
|
"data-test": "ring-list-item-description",
|
158
157
|
children: description
|
159
158
|
}), /*#__PURE__*/jsxs("div", {
|
160
|
-
className:
|
159
|
+
className: styles.right,
|
161
160
|
children: [rightGlyph && /*#__PURE__*/jsx(Icon, {
|
162
|
-
className:
|
161
|
+
className: styles.rightGlyph,
|
163
162
|
glyph: rightGlyph,
|
164
163
|
suppressSizeWarning: this.props.suppressSizeWarning,
|
165
164
|
size: this.props.iconSize
|
166
165
|
}), icon && /*#__PURE__*/jsx("div", {
|
167
|
-
className:
|
166
|
+
className: styles.icon,
|
168
167
|
style: {
|
169
168
|
backgroundImage: "url(\"".concat(icon, "\")")
|
170
169
|
}
|
@@ -4,12 +4,11 @@ import { PureComponent } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
5
5
|
import Link, { linkHOC } from '../link/link.js';
|
6
6
|
import joinDataTestAttributes from '../global/data-tests.js';
|
7
|
-
import {
|
7
|
+
import { s as styles } from '../_helpers/list.js';
|
8
8
|
import { jsx } from 'react/jsx-runtime';
|
9
9
|
import '../link/clickableLink.js';
|
10
10
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
11
11
|
import '../_helpers/link.js';
|
12
|
-
import 'core-js/modules/es.array.reduce.js';
|
13
12
|
|
14
13
|
const _excluded = ["scrolling", "data-test", "className", "label", "hover", "description", "rgItemType", "url", "onCheckboxChange", "disabled", "LinkComponent", "compact", "hoverClassName", "children"];
|
15
14
|
class ListLink extends PureComponent {
|
@@ -32,10 +31,10 @@ class ListLink extends PureComponent {
|
|
32
31
|
children
|
33
32
|
} = _this$props,
|
34
33
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
35
|
-
const classes = classNames(
|
36
|
-
[
|
37
|
-
[
|
38
|
-
[
|
34
|
+
const classes = classNames(styles.item, className, {
|
35
|
+
[styles.actionLink]: !disabled,
|
36
|
+
[styles.compact]: compact,
|
37
|
+
[styles.scrolling]: scrolling
|
39
38
|
});
|
40
39
|
const Comp = LinkComponent ? linkHOC(LinkComponent) : Link;
|
41
40
|
return /*#__PURE__*/jsx(Comp, _objectSpread2(_objectSpread2({
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import 'core-js/modules/es.symbol.description.js';
|
2
2
|
import { PureComponent } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
|
-
import {
|
4
|
+
import { s as styles } from '../_helpers/list.js';
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
|
7
7
|
class ListSeparator extends PureComponent {
|
@@ -11,8 +11,8 @@ class ListSeparator extends PureComponent {
|
|
11
11
|
isFirst,
|
12
12
|
className
|
13
13
|
} = this.props;
|
14
|
-
const classes = classNames(
|
15
|
-
[
|
14
|
+
const classes = classNames(styles.separator, className, {
|
15
|
+
[styles.separator_first]: isFirst
|
16
16
|
});
|
17
17
|
return /*#__PURE__*/jsx("span", {
|
18
18
|
className: classes,
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import 'core-js/modules/es.symbol.description.js';
|
2
2
|
import { PureComponent } from 'react';
|
3
3
|
import classNames from 'classnames';
|
4
|
-
import {
|
4
|
+
import { s as styles } from '../_helpers/list.js';
|
5
5
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
6
6
|
|
7
7
|
class ListTitle extends PureComponent {
|
@@ -12,18 +12,18 @@ class ListTitle extends PureComponent {
|
|
12
12
|
label,
|
13
13
|
isFirst
|
14
14
|
} = this.props;
|
15
|
-
const classes = classNames(
|
16
|
-
[
|
15
|
+
const classes = classNames(styles.title, className, {
|
16
|
+
[styles.title_first]: isFirst
|
17
17
|
});
|
18
18
|
return /*#__PURE__*/jsxs("span", {
|
19
19
|
className: classes,
|
20
20
|
"data-test": "ring-list-title",
|
21
21
|
children: [/*#__PURE__*/jsx("span", {
|
22
|
-
className: classNames(
|
22
|
+
className: classNames(styles.label, styles.text),
|
23
23
|
"data-test": "ring-list-title-label",
|
24
24
|
children: label
|
25
25
|
}), /*#__PURE__*/jsx("div", {
|
26
|
-
className:
|
26
|
+
className: styles.description,
|
27
27
|
"data-test": "ring-list-title-description",
|
28
28
|
children: description
|
29
29
|
})]
|
@@ -14,7 +14,6 @@ import 'react-virtualized/dist/es/CellMeasurer';
|
|
14
14
|
import 'util-deprecate';
|
15
15
|
import 'memoize-one';
|
16
16
|
import '../global/data-tests.js';
|
17
|
-
import 'core-js/modules/es.array.reduce.js';
|
18
17
|
import '../global/get-uid.js';
|
19
18
|
import '../global/schedule-raf.js';
|
20
19
|
import '../global/memoize.js';
|
@@ -4,7 +4,6 @@ import { PureComponent } from 'react';
|
|
4
4
|
import joinDataTestAttributes from '../global/data-tests.js';
|
5
5
|
import LoaderCore from './loader__core.js';
|
6
6
|
import { jsx } from 'react/jsx-runtime';
|
7
|
-
import 'core-js/modules/es.array.reduce.js';
|
8
7
|
import 'core-js/modules/es.regexp.exec.js';
|
9
8
|
import '../global/dom.js';
|
10
9
|
|
@@ -3,7 +3,7 @@ import 'core-js/modules/es.regexp.exec.js';
|
|
3
3
|
import { getPixelRatio } from '../global/dom.js';
|
4
4
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
5
5
|
|
6
|
-
var
|
6
|
+
var styles = {"canvas":"canvas_rui_eff2","animate":"animate_rui_eff2","rotation-keyframes":"rotation-keyframes_rui_eff2","text":"text_rui_eff2"};
|
7
7
|
|
8
8
|
const INITIAL_TICKS = 100;
|
9
9
|
class Particle {
|
@@ -79,10 +79,10 @@ class LoaderCore {
|
|
79
79
|
this.props = Object.assign({}, LoaderCore.defaultProps, props);
|
80
80
|
this.canvas = document.createElement('canvas');
|
81
81
|
this.canvas.dataset.test = 'ring-loader';
|
82
|
-
this.canvas.classList.add(
|
82
|
+
this.canvas.classList.add(styles.canvas);
|
83
83
|
this.textNode = document.createElement('div');
|
84
84
|
this.textNode.dataset.test = 'ring-loader-text';
|
85
|
-
this.textNode.classList.add(
|
85
|
+
this.textNode.classList.add(styles.text);
|
86
86
|
this.textNode.textContent = this.props.message ? this.props.message : '';
|
87
87
|
containerNode.appendChild(this.canvas);
|
88
88
|
containerNode.appendChild(this.textNode);
|
@@ -202,11 +202,11 @@ class LoaderCore {
|
|
202
202
|
}
|
203
203
|
stopAnimation() {
|
204
204
|
this.isRunning = false;
|
205
|
-
this.canvas.classList.remove(
|
205
|
+
this.canvas.classList.remove(styles.animate);
|
206
206
|
}
|
207
207
|
startAnimation() {
|
208
208
|
this.isRunning = true;
|
209
|
-
this.canvas.classList.add(
|
209
|
+
this.canvas.classList.add(styles.animate);
|
210
210
|
this.loop();
|
211
211
|
}
|
212
212
|
destroy() {
|
@@ -3,10 +3,9 @@ import { PureComponent } from 'react';
|
|
3
3
|
import classNames from 'classnames';
|
4
4
|
import joinDataTestAttributes from '../global/data-tests.js';
|
5
5
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
6
|
-
import 'core-js/modules/es.array.reduce.js';
|
7
6
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
8
7
|
|
9
|
-
var
|
8
|
+
var styles = {"loader":"loader_rui_092a","spin":"spin_rui_092a","pulse":"pulse_rui_092a","children":"children_rui_092a"};
|
10
9
|
|
11
10
|
const _excluded = ["className", "data-test", "children"];
|
12
11
|
class LoaderInline extends PureComponent {
|
@@ -18,14 +17,14 @@ class LoaderInline extends PureComponent {
|
|
18
17
|
children
|
19
18
|
} = _this$props,
|
20
19
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
21
|
-
const classes = classNames(
|
20
|
+
const classes = classNames(styles.loader, className);
|
22
21
|
const loader = /*#__PURE__*/jsx("div", _objectSpread2(_objectSpread2({}, restProps), {}, {
|
23
22
|
"data-test": joinDataTestAttributes('ring-loader-inline', dataTest),
|
24
23
|
className: classes
|
25
24
|
}));
|
26
25
|
return children ? /*#__PURE__*/jsxs(Fragment, {
|
27
26
|
children: [loader, /*#__PURE__*/jsx("span", {
|
28
|
-
className:
|
27
|
+
className: styles.children,
|
29
28
|
children: children
|
30
29
|
})]
|
31
30
|
}) : loader;
|
@@ -5,12 +5,11 @@ import Loader from '../loader/loader.js';
|
|
5
5
|
import { jsx } from 'react/jsx-runtime';
|
6
6
|
import 'core-js/modules/web.dom-collections.iterator.js';
|
7
7
|
import '../global/data-tests.js';
|
8
|
-
import 'core-js/modules/es.array.reduce.js';
|
9
8
|
import '../loader/loader__core.js';
|
10
9
|
import 'core-js/modules/es.regexp.exec.js';
|
11
10
|
import '../global/dom.js';
|
12
11
|
|
13
|
-
var
|
12
|
+
var styles = {"loaderScreen":"loaderScreen_rui_90dd","loader":"loader_rui_90dd","loaderWithoutSpacing":"loaderWithoutSpacing_rui_90dd"};
|
14
13
|
|
15
14
|
const _excluded = ["message", "className", "containerClassName"];
|
16
15
|
class LoaderScreen extends PureComponent {
|
@@ -22,9 +21,9 @@ class LoaderScreen extends PureComponent {
|
|
22
21
|
containerClassName
|
23
22
|
} = _this$props,
|
24
23
|
restProps = _objectWithoutProperties(_this$props, _excluded);
|
25
|
-
const containerClasses = classNames(containerClassName,
|
26
|
-
const loaderClasses = classNames(className,
|
27
|
-
[
|
24
|
+
const containerClasses = classNames(containerClassName, styles.loaderScreen);
|
25
|
+
const loaderClasses = classNames(className, styles.loader, {
|
26
|
+
[styles.loaderWithoutSpacing]: !message
|
28
27
|
});
|
29
28
|
return /*#__PURE__*/jsx("div", {
|
30
29
|
className: containerClasses,
|