@rescui/button 0.7.5 → 0.8.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.
Files changed (5) hide show
  1. package/lib/button.d.ts +14 -4
  2. package/lib/button.js +56 -4
  3. package/lib/button.p.module.css.js +31 -29
  4. package/lib/index.css +223 -191
  5. package/package.json +2 -2
package/lib/button.d.ts CHANGED
@@ -27,8 +27,20 @@ export declare type ButtonProps = {
27
27
  highlighted?: boolean;
28
28
  /** @ignore */
29
29
  flat?: ButtonFlat;
30
+ /**
31
+ * Allow wrapping inside the button.
32
+ * Do not allow a multiline Button to be placed next to another Button on the same line.
33
+ * */
34
+ allowMultiline?: boolean;
35
+ /**
36
+ * Multiline default state. Use for optimising rerenders of always multiline buttons.
37
+ * @ignore
38
+ * */
39
+ defaultMultiline?: boolean;
30
40
  tabIndex?: number;
31
41
  title?: string;
42
+ /** Click event handler */
43
+ onClick?: React.MouseEventHandler<HTMLElement>;
32
44
  } & ({
33
45
  /** Button appearance */
34
46
  mode?: ButtonModeGeneric | ButtonModeClear;
@@ -41,14 +53,12 @@ export declare type ButtonProps = {
41
53
  /** Url path for using component as a link */
42
54
  href?: string;
43
55
  target?: '_blank' | '_self' | '_parent' | '_top';
44
- onClick?: never;
45
- notFocusable?: never;
46
56
  rel?: string;
57
+ notFocusable?: never;
47
58
  } | {
48
59
  href?: never;
49
60
  target?: never;
50
- /** Click event handler */
51
- onClick?: React.MouseEventHandler<HTMLElement>;
61
+ rel?: never;
52
62
  /**
53
63
  * Remove focus ability completely.
54
64
  * We use separate property instead of tabIndex
package/lib/button.js CHANGED
@@ -1,8 +1,9 @@
1
1
  import "core-js/modules/es.object.to-string.js";
2
2
  import "core-js/modules/web.dom-collections.for-each.js";
3
3
  import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
4
+ import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
4
5
  import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
5
- var _excluded = ["className", "children", "href", "type", "disabled", "size", "theme", "icon", "iconPosition", "busy", "flat", "notFocusable", "highlighted", "shifted", "mode"];
6
+ var _excluded = ["className", "children", "href", "type", "disabled", "size", "theme", "icon", "iconPosition", "busy", "allowMultiline", "defaultMultiline", "flat", "notFocusable", "highlighted", "shifted", "mode"];
6
7
 
7
8
  function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
8
9
 
@@ -15,7 +16,7 @@ import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable
15
16
  import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
16
17
  import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
17
18
  import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
18
- import React, { cloneElement } from 'react';
19
+ import React, { useState, useEffect, cloneElement, useRef } from 'react';
19
20
  import cn from 'classnames';
20
21
  import PropTypes from 'prop-types';
21
22
  import { useTheme } from '@rescui/ui-contexts';
@@ -49,8 +50,24 @@ var ICON_SIZES = {
49
50
  m: 'm',
50
51
  l: 'l'
51
52
  };
53
+
54
+ var useForwardedRef = function useForwardedRef(ref) {
55
+ var innerRef = useRef(null);
56
+ var current = innerRef.current;
57
+ useEffect(function () {
58
+ if (!ref) return;
59
+
60
+ if (typeof ref === 'function') {
61
+ ref(current);
62
+ } else {
63
+ ref.current = current;
64
+ }
65
+ }, [ref, current]);
66
+ return innerRef;
67
+ };
68
+
52
69
  var Button = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
53
- function (_ref, ref) {
70
+ function (_ref, forwardedRef) {
54
71
  var _cn;
55
72
 
56
73
  var className = _ref.className,
@@ -67,6 +84,10 @@ function (_ref, ref) {
67
84
  iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
68
85
  _ref$busy = _ref.busy,
69
86
  busy = _ref$busy === void 0 ? false : _ref$busy,
87
+ _ref$allowMultiline = _ref.allowMultiline,
88
+ allowMultiline = _ref$allowMultiline === void 0 ? false : _ref$allowMultiline,
89
+ _ref$defaultMultiline = _ref.defaultMultiline,
90
+ defaultMultiline = _ref$defaultMultiline === void 0 ? false : _ref$defaultMultiline,
70
91
  flat = _flatInstanceProperty(_ref),
71
92
  notFocusable = _ref.notFocusable,
72
93
  highlighted = _ref.highlighted,
@@ -75,6 +96,35 @@ function (_ref, ref) {
75
96
  mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
76
97
  restProps = _objectWithoutProperties(_ref, _excluded);
77
98
 
99
+ var _useState = useState(defaultMultiline),
100
+ _useState2 = _slicedToArray(_useState, 2),
101
+ multiline = _useState2[0],
102
+ setMultiline = _useState2[1];
103
+
104
+ var ref = useForwardedRef(forwardedRef);
105
+ useEffect(function () {
106
+ if (!ref.current) {
107
+ // eslint-disable-next-line @typescript-eslint/no-empty-function
108
+ return function () {};
109
+ }
110
+
111
+ var onResize = function onResize(_ref2) {
112
+ var _ref3 = _slicedToArray(_ref2, 1),
113
+ entry = _ref3[0];
114
+
115
+ var target = entry.target;
116
+ var blockSize = entry.contentBoxSize[0].blockSize;
117
+ var targetStyles = getComputedStyle(target);
118
+ var singleLineBlockSize = parseInt(targetStyles.lineHeight, 10);
119
+ setMultiline(blockSize > singleLineBlockSize);
120
+ };
121
+
122
+ var observer = new ResizeObserver(onResize);
123
+ observer.observe(ref.current);
124
+ return function () {
125
+ observer.disconnect();
126
+ };
127
+ }, []);
78
128
  var theme = useTheme(themeFromProps);
79
129
  var resolvedType;
80
130
  var ButtonTag;
@@ -118,7 +168,7 @@ function (_ref, ref) {
118
168
  href: href,
119
169
  type: resolvedType,
120
170
  disabled: disabled,
121
- className: cn(styles.main, MODE_STYLES[mode], SIZE_STYLES[size], ICON_POSITION_STYLES[iconPosition], styles[theme], (_cn = {}, _defineProperty(_cn, styles.disabled, disabled), _defineProperty(_cn, styles.flatLeft, flat === 'left'), _defineProperty(_cn, styles.flatRight, flat === 'right'), _defineProperty(_cn, styles.highlighted, highlighted), _defineProperty(_cn, styles.withIcon, !!icon), _defineProperty(_cn, styles.withoutText, isWithoutText), _defineProperty(_cn, styles.shiftedLeft, shiftedLeft), _defineProperty(_cn, styles.shiftedRight, shiftedRight), _defineProperty(_cn, styles.shiftedTop, shiftedTop), _defineProperty(_cn, styles.shiftedBottom, shiftedBottom), _defineProperty(_cn, styles.busy, busy), _defineProperty(_cn, styles.busyOverlay, showBusyOverlay), _cn), className)
171
+ className: cn(styles.main, MODE_STYLES[mode], SIZE_STYLES[size], ICON_POSITION_STYLES[iconPosition], styles[theme], (_cn = {}, _defineProperty(_cn, styles.disabled, disabled), _defineProperty(_cn, styles.flatLeft, flat === 'left'), _defineProperty(_cn, styles.flatRight, flat === 'right'), _defineProperty(_cn, styles.highlighted, highlighted), _defineProperty(_cn, styles.withIcon, !!icon), _defineProperty(_cn, styles.withoutText, isWithoutText), _defineProperty(_cn, styles.shiftedLeft, shiftedLeft), _defineProperty(_cn, styles.shiftedRight, shiftedRight), _defineProperty(_cn, styles.shiftedTop, shiftedTop), _defineProperty(_cn, styles.shiftedBottom, shiftedBottom), _defineProperty(_cn, styles.multiline, multiline), _defineProperty(_cn, styles.allowMultiline, allowMultiline), _defineProperty(_cn, styles.busy, busy), _defineProperty(_cn, styles.busyOverlay, showBusyOverlay), _cn), className)
122
172
  }), iconSlot, showBusyOverlay && /*#__PURE__*/React.createElement(LoadingIcon, {
123
173
  className: styles.busyIcon,
124
174
  size: ICON_SIZES[size],
@@ -177,6 +227,8 @@ Button.propTypes = {
177
227
  busy: PropTypes.bool,
178
228
  flat: PropTypes.oneOf(['left', 'right']),
179
229
  highlighted: PropTypes.bool,
230
+ allowMultiline: PropTypes.bool,
231
+ defaultMultiline: PropTypes.bool,
180
232
  shifted: PropTypes.oneOfType([PropTypes.oneOf(['all', 'left', 'right', 'top', 'bottom']), PropTypes.arrayOf(PropTypes.oneOf(['left', 'right', 'top', 'bottom']))])
181
233
  };
182
234
  export { Button, Button as default };
package/lib/button.p.module.css.js CHANGED
@@ -1,32 +1,34 @@
1
1
  var styles = {
2
- "main": "_main_1vu399z_17",
3
- "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1vu399z_1",
4
- "busy": "_busy_1vu399z_49",
5
- "busyOverlay": "_busyOverlay_1vu399z_53",
6
- "light": "_light_1vu399z_59",
7
- "disabled": "_disabled_1vu399z_61",
8
- "dark": "_dark_1vu399z_62",
9
- "alignIconLeft": "_alignIconLeft_1vu399z_77",
10
- "alignIconRight": "_alignIconRight_1vu399z_81",
11
- "sizeXs": "_sizeXs_1vu399z_85",
12
- "sizeS": "_sizeS_1vu399z_92",
13
- "sizeM": "_sizeM_1vu399z_99",
14
- "sizeL": "_sizeL_1vu399z_106",
15
- "withoutText": "_withoutText_1vu399z_113",
16
- "withIcon": "_withIcon_1vu399z_119",
17
- "flatRight": "_flatRight_1vu399z_125",
18
- "flatLeft": "_flatLeft_1vu399z_130",
19
- "modeClassic": "_modeClassic_1vu399z_135",
20
- "busyIcon": "_busyIcon_1vu399z_139",
21
- "modeRock": "_modeRock_1vu399z_208",
22
- "modeTransparent": "_modeTransparent_1vu399z_286",
23
- "modeOutline": "_modeOutline_1vu399z_356",
24
- "modeClear": "_modeClear_1vu399z_434",
25
- "highlighted": "_highlighted_1vu399z_469",
26
- "shiftedLeft": "_shiftedLeft_1vu399z_520",
27
- "shiftedRight": "_shiftedRight_1vu399z_521",
28
- "shiftedTop": "_shiftedTop_1vu399z_522",
29
- "shiftedBottom": "_shiftedBottom_1vu399z_523",
30
- "icon": "_icon_1vu399z_525"
2
+ "main": "_main_1dh718a_17",
3
+ "rs-reset-letter-spacing": "_rs-reset-letter-spacing_1dh718a_1",
4
+ "busy": "_busy_1dh718a_49",
5
+ "busyOverlay": "_busyOverlay_1dh718a_53",
6
+ "light": "_light_1dh718a_59",
7
+ "disabled": "_disabled_1dh718a_61",
8
+ "dark": "_dark_1dh718a_62",
9
+ "alignIconLeft": "_alignIconLeft_1dh718a_77",
10
+ "alignIconRight": "_alignIconRight_1dh718a_81",
11
+ "sizeXs": "_sizeXs_1dh718a_85",
12
+ "sizeS": "_sizeS_1dh718a_92",
13
+ "sizeM": "_sizeM_1dh718a_99",
14
+ "sizeL": "_sizeL_1dh718a_106",
15
+ "allowMultiline": "_allowMultiline_1dh718a_114",
16
+ "multiline": "_multiline_1dh718a_118",
17
+ "withoutText": "_withoutText_1dh718a_138",
18
+ "withIcon": "_withIcon_1dh718a_144",
19
+ "busyIcon": "_busyIcon_1dh718a_150",
20
+ "flatRight": "_flatRight_1dh718a_158",
21
+ "flatLeft": "_flatLeft_1dh718a_163",
22
+ "modeClassic": "_modeClassic_1dh718a_168",
23
+ "modeRock": "_modeRock_1dh718a_241",
24
+ "modeTransparent": "_modeTransparent_1dh718a_319",
25
+ "modeOutline": "_modeOutline_1dh718a_389",
26
+ "modeClear": "_modeClear_1dh718a_478",
27
+ "highlighted": "_highlighted_1dh718a_513",
28
+ "shiftedLeft": "_shiftedLeft_1dh718a_564",
29
+ "shiftedRight": "_shiftedRight_1dh718a_565",
30
+ "shiftedTop": "_shiftedTop_1dh718a_566",
31
+ "shiftedBottom": "_shiftedBottom_1dh718a_567",
32
+ "icon": "_icon_1dh718a_569"
31
33
  };
32
34
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._main_1vu399z_17{
1
+ ._main_1dh718a_17{
2
2
  letter-spacing:0.0015em;
3
3
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
4
4
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -10,16 +10,16 @@
10
10
  line-height:24px;
11
11
  line-height:var(--rs-text-2-line-height, 24px);
12
12
  }
13
- ._rs-reset-letter-spacing_1vu399z_1 ._main_1vu399z_17{
13
+ ._rs-reset-letter-spacing_1dh718a_1 ._main_1dh718a_17{
14
14
  letter-spacing:normal;
15
15
  }
16
- ._main_1vu399z_17:focus[data-focus-method='key']{
16
+ ._main_1dh718a_17:focus[data-focus-method='key']{
17
17
  -webkit-box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
18
18
  -webkit-box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
19
19
  box-shadow:rgba(107, 87, 255, 0.8) 0 0 0 4px;
20
20
  box-shadow:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8)) 0 0 0 4px;
21
21
  }
22
- ._main_1vu399z_17 {
22
+ ._main_1dh718a_17 {
23
23
 
24
24
  position:relative;
25
25
  z-index:1;
@@ -45,19 +45,19 @@
45
45
  transition:color 100ms, background-color 100ms, border-color 100ms;
46
46
  }
47
47
 
48
- ._main_1vu399z_17:hover,
49
- ._main_1vu399z_17:focus,
50
- ._main_1vu399z_17:active{
48
+ ._main_1dh718a_17:hover,
49
+ ._main_1dh718a_17:focus,
50
+ ._main_1dh718a_17:active{
51
51
  outline:none;
52
52
 
53
53
  text-decoration:none;
54
54
  }
55
55
 
56
- ._main_1vu399z_17._busy_1vu399z_49{
56
+ ._main_1dh718a_17._busy_1dh718a_49{
57
57
  pointer-events:none;
58
58
  }
59
59
 
60
- ._main_1vu399z_17._busyOverlay_1vu399z_53{
60
+ ._main_1dh718a_17._busyOverlay_1dh718a_53{
61
61
  display:-webkit-inline-box;
62
62
  display:-ms-inline-flexbox;
63
63
  display:inline-flex;
@@ -69,36 +69,36 @@
69
69
  align-items:center;
70
70
  }
71
71
 
72
- ._main_1vu399z_17._busyOverlay_1vu399z_53._light_1vu399z_59,
73
- ._main_1vu399z_17._busyOverlay_1vu399z_53._light_1vu399z_59:hover,
74
- ._main_1vu399z_17._busyOverlay_1vu399z_53._light_1vu399z_59._disabled_1vu399z_61,
75
- ._main_1vu399z_17._busyOverlay_1vu399z_53._dark_1vu399z_62._disabled_1vu399z_61,
76
- ._main_1vu399z_17._busyOverlay_1vu399z_53._dark_1vu399z_62,
77
- ._main_1vu399z_17._busyOverlay_1vu399z_53._dark_1vu399z_62:hover{
72
+ ._main_1dh718a_17._busyOverlay_1dh718a_53._light_1dh718a_59,
73
+ ._main_1dh718a_17._busyOverlay_1dh718a_53._light_1dh718a_59:hover,
74
+ ._main_1dh718a_17._busyOverlay_1dh718a_53._light_1dh718a_59._disabled_1dh718a_61,
75
+ ._main_1dh718a_17._busyOverlay_1dh718a_53._dark_1dh718a_62._disabled_1dh718a_61,
76
+ ._main_1dh718a_17._busyOverlay_1dh718a_53._dark_1dh718a_62,
77
+ ._main_1dh718a_17._busyOverlay_1dh718a_53._dark_1dh718a_62:hover{
78
78
  color:transparent;
79
79
  }
80
- ._dark_1vu399z_62:focus[data-focus-method='key']{
80
+ ._dark_1dh718a_62:focus[data-focus-method='key']{
81
81
  -webkit-box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
82
82
  -webkit-box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
83
83
  box-shadow:rgba(132, 115, 255,0.8) 0 0 0 4px;
84
84
  box-shadow:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8)) 0 0 0 4px;
85
85
  }
86
- ._disabled_1vu399z_61{
86
+ ._disabled_1dh718a_61{
87
87
  pointer-events:none;
88
88
  }
89
- ._alignIconLeft_1vu399z_77{
89
+ ._alignIconLeft_1dh718a_77{
90
90
  -webkit-box-orient:horizontal;
91
91
  -webkit-box-direction:normal;
92
92
  -ms-flex-direction:row;
93
93
  flex-direction:row;
94
94
  }
95
- ._alignIconRight_1vu399z_81{
95
+ ._alignIconRight_1dh718a_81{
96
96
  -webkit-box-orient:horizontal;
97
97
  -webkit-box-direction:reverse;
98
98
  -ms-flex-direction:row-reverse;
99
99
  flex-direction:row-reverse;
100
100
  }
101
- ._sizeXs_1vu399z_85{
101
+ ._sizeXs_1dh718a_85{
102
102
  letter-spacing:0.0045em;
103
103
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
104
104
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -109,14 +109,14 @@
109
109
  line-height:20px;
110
110
  line-height:var(--rs-text-3-line-height, 20px);
111
111
  }
112
- ._rs-reset-letter-spacing_1vu399z_1 ._sizeXs_1vu399z_85{
112
+ ._rs-reset-letter-spacing_1dh718a_1 ._sizeXs_1dh718a_85{
113
113
  letter-spacing:normal;
114
114
  }
115
- ._sizeXs_1vu399z_85 {
115
+ ._sizeXs_1dh718a_85 {
116
116
  border-radius:4px;
117
117
  border-radius:var(--rs-button-xs-border-radius, var(--rs-button-border-radius, 4px));
118
118
  }
119
- ._sizeS_1vu399z_92{
119
+ ._sizeS_1dh718a_92{
120
120
  letter-spacing:0.0045em;
121
121
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
122
122
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -127,14 +127,14 @@
127
127
  line-height:20px;
128
128
  line-height:var(--rs-text-3-line-height, 20px);
129
129
  }
130
- ._rs-reset-letter-spacing_1vu399z_1 ._sizeS_1vu399z_92{
130
+ ._rs-reset-letter-spacing_1dh718a_1 ._sizeS_1dh718a_92{
131
131
  letter-spacing:normal;
132
132
  }
133
- ._sizeS_1vu399z_92 {
133
+ ._sizeS_1dh718a_92 {
134
134
  border-radius:24px;
135
135
  border-radius:var(--rs-button-s-border-radius, var(--rs-button-border-radius, 24px));
136
136
  }
137
- ._sizeM_1vu399z_99{
137
+ ._sizeM_1dh718a_99{
138
138
  letter-spacing:0.0015em;
139
139
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
140
140
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
@@ -146,14 +146,14 @@
146
146
  line-height:24px;
147
147
  line-height:var(--rs-text-2-line-height, 24px);
148
148
  }
149
- ._rs-reset-letter-spacing_1vu399z_1 ._sizeM_1vu399z_99{
149
+ ._rs-reset-letter-spacing_1dh718a_1 ._sizeM_1dh718a_99{
150
150
  letter-spacing:normal;
151
151
  }
152
- ._sizeM_1vu399z_99 {
152
+ ._sizeM_1dh718a_99 {
153
153
  border-radius:24px;
154
154
  border-radius:var(--rs-button-m-border-radius, var(--rs-button-border-radius, 24px));
155
155
  }
156
- ._sizeL_1vu399z_106{
156
+ ._sizeL_1dh718a_106{
157
157
  font-family:'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif;
158
158
  font-family:var(--rs-font-family-ui, var(--rs-font-family-jb-sans, 'JetBrains Sans', Inter, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif));
159
159
  -webkit-font-feature-settings:"kern", "liga", "calt";
@@ -166,7 +166,26 @@
166
166
  border-radius:36px;
167
167
  border-radius:var(--rs-button-l-border-radius, var(--rs-button-border-radius, 36px));
168
168
  }
169
- ._withoutText_1vu399z_113{
169
+ ._allowMultiline_1dh718a_114{
170
+ white-space:normal;
171
+ }
172
+ ._multiline_1dh718a_118._sizeXs_1dh718a_85{
173
+ border-radius:4px;
174
+ border-radius:var(--rs-button-xs-border-radius, var(--rs-button-border-radius, 4px));
175
+ }
176
+ ._multiline_1dh718a_118._sizeS_1dh718a_92{
177
+ border-radius:4px;
178
+ border-radius:var(--rs-button-s-border-radius, var(--rs-button-border-radius, 4px));
179
+ }
180
+ ._multiline_1dh718a_118._sizeM_1dh718a_99{
181
+ border-radius:8px;
182
+ border-radius:var(--rs-button-m-border-radius, var(--rs-button-border-radius, 8px));
183
+ }
184
+ ._multiline_1dh718a_118._sizeL_1dh718a_106{
185
+ border-radius:12px;
186
+ border-radius:var(--rs-button-l-border-radius, var(--rs-button-border-radius, 12px));
187
+ }
188
+ ._withoutText_1dh718a_138{
170
189
  display:-webkit-inline-box;
171
190
  display:-ms-inline-flexbox;
172
191
  display:inline-flex;
@@ -177,7 +196,7 @@
177
196
  -ms-flex-align:center;
178
197
  align-items:center;
179
198
  }
180
- ._withIcon_1vu399z_119{
199
+ ._withIcon_1dh718a_144{
181
200
  display:-webkit-inline-box;
182
201
  display:-ms-inline-flexbox;
183
202
  display:inline-flex;
@@ -188,607 +207,620 @@
188
207
  -ms-flex-align:center;
189
208
  align-items:center;
190
209
  }
191
- ._flatRight_1vu399z_125{
210
+ ._busyIcon_1dh718a_150{
211
+ position:absolute;
212
+ top:50%;
213
+ left:50%;
214
+
215
+ -webkit-transform:translate(-50%, -50%);
216
+
217
+ transform:translate(-50%, -50%);
218
+ }
219
+ ._flatRight_1dh718a_158{
192
220
  border-top-right-radius:0;
193
221
  border-bottom-right-radius:0;
194
222
  }
195
- ._flatLeft_1vu399z_130{
223
+ ._flatLeft_1dh718a_163{
196
224
  border-top-left-radius:0;
197
225
  border-bottom-left-radius:0;
198
226
  }
199
- ._modeClassic_1vu399z_135{
227
+ ._modeClassic_1dh718a_168{
200
228
  color:#FFFFFF;
201
229
  background:#6B57FF;
202
230
  background:var(--rs-color-primary-light-theme, #6B57FF);
203
231
  }
204
- ._modeClassic_1vu399z_135 ._busyIcon_1vu399z_139{
232
+ ._modeClassic_1dh718a_168 ._busyIcon_1dh718a_150{
205
233
  color:#FFFFFF;
206
234
  }
207
- ._modeClassic_1vu399z_135:focus{
235
+ ._modeClassic_1dh718a_168:focus{
208
236
  color:#FFFFFF;
209
237
  background:#6B57FF;
210
238
  background:var(--rs-color-primary-light-theme, #6B57FF);
211
239
  }
212
240
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
213
- ._modeClassic_1vu399z_135:hover{
241
+ ._modeClassic_1dh718a_168:hover{
214
242
  color:#FFFFFF;
215
243
  background:rgba(107, 87, 255, 0.8);
216
244
  background:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
217
245
  }
218
246
  }
219
- ._modeClassic_1vu399z_135:active{
247
+ ._modeClassic_1dh718a_168:active{
220
248
  color:#FFFFFF;
221
249
  background:#6B57FF;
222
250
  background:var(--rs-color-primary-light-theme, #6B57FF);
223
251
  }
224
- ._modeClassic_1vu399z_135:active:focus:not(:hover)[data-focus-method='key']{
252
+ ._modeClassic_1dh718a_168:active:focus:not(:hover)[data-focus-method='key']{
225
253
  background:rgba(107, 87, 255, 0.8);
226
254
  background:var(--rs-color-primary-t-dim-light-theme, rgba(107, 87, 255, 0.8));
227
255
  }
228
- ._modeClassic_1vu399z_135._disabled_1vu399z_61{
256
+ ._modeClassic_1dh718a_168._disabled_1dh718a_61{
229
257
  color:rgba(25,25,28,0.5);
230
258
  background:rgba(25,25,28,0.2);
231
259
  }
232
- ._modeClassic_1vu399z_135._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
260
+ ._modeClassic_1dh718a_168._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
233
261
  color:rgba(25,25,28,0.5);
234
262
  }
235
- ._modeClassic_1vu399z_135._dark_1vu399z_62{
263
+ ._modeClassic_1dh718a_168._dark_1dh718a_62{
236
264
  color:#FFFFFF;
237
265
  background:#8473FF;
238
266
  background:var(--rs-color-primary-dark-theme, #8473FF);
239
267
  }
240
- ._modeClassic_1vu399z_135._dark_1vu399z_62 ._busyIcon_1vu399z_139{
268
+ ._modeClassic_1dh718a_168._dark_1dh718a_62 ._busyIcon_1dh718a_150{
241
269
  color:#FFFFFF;
242
270
  }
243
271
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
244
- ._modeClassic_1vu399z_135._dark_1vu399z_62:hover{
272
+ ._modeClassic_1dh718a_168._dark_1dh718a_62:hover{
245
273
  color:#FFFFFF;
246
274
  background:rgba(132, 115, 255,0.8);
247
275
  background:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
248
276
  }
249
277
  }
250
- ._modeClassic_1vu399z_135._dark_1vu399z_62:active{
278
+ ._modeClassic_1dh718a_168._dark_1dh718a_62:active{
251
279
  color:#FFFFFF;
252
280
  background:#8473FF;
253
281
  background:var(--rs-color-primary-dark-theme, #8473FF);
254
282
  }
255
- ._modeClassic_1vu399z_135._dark_1vu399z_62:active:focus:not(:hover)[data-focus-method='key']{
283
+ ._modeClassic_1dh718a_168._dark_1dh718a_62:active:focus:not(:hover)[data-focus-method='key']{
256
284
  background:rgba(132, 115, 255,0.8);
257
285
  background:var(--rs-color-primary-t-dim-dark-theme, rgba(132, 115, 255,0.8));
258
286
  }
259
- ._modeClassic_1vu399z_135._dark_1vu399z_62._disabled_1vu399z_61{
287
+ ._modeClassic_1dh718a_168._dark_1dh718a_62._disabled_1dh718a_61{
260
288
  color:rgba(255,255,255,0.5);
261
289
  background:rgba(255,255,255,0.2);
262
290
  }
263
- ._modeClassic_1vu399z_135._dark_1vu399z_62._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
291
+ ._modeClassic_1dh718a_168._dark_1dh718a_62._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
264
292
  color:rgba(255,255,255,0.5);
265
293
  }
266
- ._modeRock_1vu399z_208{
294
+ ._modeRock_1dh718a_241{
267
295
  color:#FFFFFF;
268
296
  color:var(--rs-rock-button-text-color, #FFFFFF);
269
297
  background-color:#19191C;
270
298
  background-color:var(--rs-rock-button-bg-color, #19191C);
271
299
  }
272
- ._modeRock_1vu399z_208 ._busyIcon_1vu399z_139{
300
+ ._modeRock_1dh718a_241 ._busyIcon_1dh718a_150{
273
301
  color:#FFFFFF;
274
302
  color:var(--rs-rock-button-text-color, #FFFFFF);
275
303
  }
276
- ._modeRock_1vu399z_208:focus{
304
+ ._modeRock_1dh718a_241:focus{
277
305
  color:#FFFFFF;
278
306
  color:var(--rs-rock-button-text-color, #FFFFFF);
279
307
  background-color:#19191C;
280
308
  background-color:var(--rs-rock-button-bg-color, #19191C);
281
309
  }
282
310
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
283
- ._modeRock_1vu399z_208:hover{
311
+ ._modeRock_1dh718a_241:hover{
284
312
  color:#FFFFFF;
285
313
  color:var(--rs-rock-button-text-color, #FFFFFF);
286
314
  background-color:rgba(25,25,28,0.8);
287
315
  background-color:var(--rs-rock-button-hover-bg-color, rgba(25,25,28,0.8));
288
316
  }
289
317
  }
290
- ._modeRock_1vu399z_208:active{
318
+ ._modeRock_1dh718a_241:active{
291
319
  color:#FFFFFF;
292
320
  color:var(--rs-rock-button-text-color, #FFFFFF);
293
321
  background-color:#19191C;
294
322
  background-color:var(--rs-rock-button-bg-color, #19191C);
295
323
  }
296
- ._modeRock_1vu399z_208:active:focus:not(:hover)[data-focus-method='key']{
324
+ ._modeRock_1dh718a_241:active:focus:not(:hover)[data-focus-method='key']{
297
325
  background-color:rgba(25,25,28,0.8);
298
326
  background-color:var(--rs-rock-button-hover-bg-color, rgba(25,25,28,0.8));
299
327
  }
300
- ._modeRock_1vu399z_208._disabled_1vu399z_61{
328
+ ._modeRock_1dh718a_241._disabled_1dh718a_61{
301
329
  color:rgba(25,25,28,0.5);
302
330
  color:var(--rs-rock-button-disabled-text-color, rgba(25,25,28,0.5));
303
331
  background-color:rgba(25,25,28,0.2);
304
332
  background-color:var(--rs-rock-button-disabled-bg-color, rgba(25,25,28,0.2));
305
333
  }
306
- ._modeRock_1vu399z_208._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
334
+ ._modeRock_1dh718a_241._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
307
335
  color:rgba(25,25,28,0.5);
308
336
  color:var(--rs-rock-button-disabled-text-color, rgba(25,25,28,0.5));
309
337
  }
310
- ._modeRock_1vu399z_208._dark_1vu399z_62{
338
+ ._modeRock_1dh718a_241._dark_1dh718a_62{
311
339
  color:#19191C;
312
340
  color:var(--rs-rock-button-text-color, #19191C);
313
341
  background-color:#FFFFFF;
314
342
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
315
343
  }
316
- ._modeRock_1vu399z_208._dark_1vu399z_62 ._busyIcon_1vu399z_139{
344
+ ._modeRock_1dh718a_241._dark_1dh718a_62 ._busyIcon_1dh718a_150{
317
345
  color:#19191C;
318
346
  color:var(--rs-rock-button-text-color, #19191C);
319
347
  }
320
- ._modeRock_1vu399z_208._dark_1vu399z_62:focus{
348
+ ._modeRock_1dh718a_241._dark_1dh718a_62:focus{
321
349
  color:#19191C;
322
350
  color:var(--rs-rock-button-text-color, #19191C);
323
351
  background-color:#FFFFFF;
324
352
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
325
353
  }
326
354
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
327
- ._modeRock_1vu399z_208._dark_1vu399z_62:hover{
355
+ ._modeRock_1dh718a_241._dark_1dh718a_62:hover{
328
356
  color:#19191C;
329
357
  color:var(--rs-rock-button-text-color, #19191C);
330
358
  background-color:rgba(255,255,255,0.8);
331
359
  background-color:var(--rs-rock-button-hover-bg-color, rgba(255,255,255,0.8));
332
360
  }
333
361
  }
334
- ._modeRock_1vu399z_208._dark_1vu399z_62:active{
362
+ ._modeRock_1dh718a_241._dark_1dh718a_62:active{
335
363
  color:#19191C;
336
364
  color:var(--rs-rock-button-text-color, #19191C);
337
365
  background-color:#FFFFFF;
338
366
  background-color:var(--rs-rock-button-bg-color, #FFFFFF);
339
367
  }
340
- ._modeRock_1vu399z_208._dark_1vu399z_62:active:focus:not(:hover)[data-focus-method='key']{
368
+ ._modeRock_1dh718a_241._dark_1dh718a_62:active:focus:not(:hover)[data-focus-method='key']{
341
369
  background-color:rgba(255,255,255,0.8);
342
370
  background-color:var(--rs-rock-button-hover-bg-color, rgba(255,255,255,0.8));
343
371
  }
344
- ._modeRock_1vu399z_208._dark_1vu399z_62._disabled_1vu399z_61{
372
+ ._modeRock_1dh718a_241._dark_1dh718a_62._disabled_1dh718a_61{
345
373
  color:rgba(255,255,255,0.5);
346
374
  color:var(--rs-rock-button-disabled-text-color, rgba(255,255,255,0.5));
347
375
  background-color:rgba(255,255,255,0.2);
348
376
  background-color:var(--rs-rock-button-disabled-bg-color, rgba(255,255,255,0.2));
349
377
  }
350
- ._modeRock_1vu399z_208._dark_1vu399z_62._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
378
+ ._modeRock_1dh718a_241._dark_1dh718a_62._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
351
379
  color:rgba(255,255,255,0.5);
352
380
  color:var(--rs-rock-button-disabled-text-color, rgba(255,255,255,0.5));
353
381
  }
354
- ._modeTransparent_1vu399z_286{
382
+ ._modeTransparent_1dh718a_319{
355
383
  color:#FFFFFF;
356
384
  background-color:rgba(25,25,28,0.5);
357
385
  }
358
- ._modeTransparent_1vu399z_286 ._busyIcon_1vu399z_139{
386
+ ._modeTransparent_1dh718a_319 ._busyIcon_1dh718a_150{
359
387
  color:#FFFFFF;
360
388
  }
361
- ._modeTransparent_1vu399z_286:focus{
389
+ ._modeTransparent_1dh718a_319:focus{
362
390
  color:#FFFFFF;
363
391
  background-color:rgba(25,25,28,0.5);
364
392
  }
365
393
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
366
- ._modeTransparent_1vu399z_286:hover{
394
+ ._modeTransparent_1dh718a_319:hover{
367
395
  color:#FFFFFF;
368
396
  background:rgba(25,25,28,0.8);
369
397
  }
370
398
  }
371
- ._modeTransparent_1vu399z_286:active{
399
+ ._modeTransparent_1dh718a_319:active{
372
400
  color:#FFFFFF;
373
401
  background:#19191C;
374
402
  }
375
- ._modeTransparent_1vu399z_286._disabled_1vu399z_61{
403
+ ._modeTransparent_1dh718a_319._disabled_1dh718a_61{
376
404
  color:rgba(255,255,255,0.5);
377
405
  background:rgba(25,25,28,0.4);
378
406
  }
379
- ._modeTransparent_1vu399z_286._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
407
+ ._modeTransparent_1dh718a_319._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
380
408
  color:rgba(255,255,255,0.5);
381
409
  }
382
- ._modeTransparent_1vu399z_286._dark_1vu399z_62{
410
+ ._modeTransparent_1dh718a_319._dark_1dh718a_62{
383
411
  color:#19191C;
384
412
  background:rgba(255,255,255,0.5);
385
413
  }
386
- ._modeTransparent_1vu399z_286._dark_1vu399z_62 ._busyIcon_1vu399z_139{
414
+ ._modeTransparent_1dh718a_319._dark_1dh718a_62 ._busyIcon_1dh718a_150{
387
415
  color:#19191C;
388
416
  }
389
- ._modeTransparent_1vu399z_286._dark_1vu399z_62:focus{
417
+ ._modeTransparent_1dh718a_319._dark_1dh718a_62:focus{
390
418
  color:#19191C;
391
419
  background:rgba(255,255,255,0.5);
392
420
  }
393
421
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
394
- ._modeTransparent_1vu399z_286._dark_1vu399z_62:hover{
422
+ ._modeTransparent_1dh718a_319._dark_1dh718a_62:hover{
395
423
  color:#19191C;
396
424
  background:rgba(255,255,255,0.8);
397
425
  }
398
426
  }
399
- ._modeTransparent_1vu399z_286._dark_1vu399z_62:active{
427
+ ._modeTransparent_1dh718a_319._dark_1dh718a_62:active{
400
428
  color:#19191C;
401
429
  background:#FFFFFF;
402
430
  }
403
- ._modeTransparent_1vu399z_286._dark_1vu399z_62._disabled_1vu399z_61{
431
+ ._modeTransparent_1dh718a_319._dark_1dh718a_62._disabled_1dh718a_61{
404
432
  color:rgba(25,25,28,0.5);
405
433
  background:rgba(255,255,255,0.4);
406
434
  }
407
- ._modeTransparent_1vu399z_286._dark_1vu399z_62._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
435
+ ._modeTransparent_1dh718a_319._dark_1dh718a_62._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
408
436
  color:rgba(25,25,28,0.5);
409
437
  }
410
- ._modeOutline_1vu399z_356{
411
- color:#19191C;
438
+ ._modeOutline_1dh718a_389{
412
439
  position:relative;
440
+
413
441
  border-style:solid;
414
442
  border-color:rgba(25,25,28,0.3);
443
+
444
+ color:#19191C;
415
445
  }
416
- ._modeOutline_1vu399z_356 ._busyIcon_1vu399z_139{
446
+ ._modeOutline_1dh718a_389 ._busyIcon_1dh718a_150{
417
447
  color:#19191C;
418
448
  }
419
- ._modeOutline_1vu399z_356:focus{
420
- color:#19191C;
449
+ ._modeOutline_1dh718a_389:focus{
421
450
  border-color:rgba(25,25,28,0.3);
451
+
452
+ color:#19191C;
422
453
  }
423
454
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
424
- ._modeOutline_1vu399z_356:hover{
455
+ ._modeOutline_1dh718a_389:hover{
456
+ border-color:rgba(25,25,28,0.3);
457
+
425
458
  color:#19191C;
426
459
  background:rgba(25,25,28,0.1);
427
- border-color:rgba(25,25,28,0.3);
428
460
  }
429
461
  }
430
- ._modeOutline_1vu399z_356:active{
462
+ ._modeOutline_1dh718a_389:active{
463
+ border-color:#19191C;
464
+
431
465
  color:#19191C;
432
466
  background:rgba(25,25,28,0.1);
433
- border-color:#19191C;
434
467
  }
435
- ._modeOutline_1vu399z_356._disabled_1vu399z_61{
468
+ ._modeOutline_1dh718a_389._disabled_1dh718a_61{
469
+ border-color:rgba(25,25,28,0.2);
470
+
436
471
  color:rgba(25,25,28,0.5);
437
472
  background:transparent;
438
- border-color:rgba(25,25,28,0.2);
439
473
  }
440
- ._modeOutline_1vu399z_356._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
474
+ ._modeOutline_1dh718a_389._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
441
475
  color:rgba(25,25,28,0.5);
442
476
  }
443
- ._modeOutline_1vu399z_356._dark_1vu399z_62{
444
- color:#FFFFFF;
477
+ ._modeOutline_1dh718a_389._dark_1dh718a_62{
445
478
  border-color:rgba(255,255,255,0.3);
479
+
480
+ color:#FFFFFF;
446
481
  }
447
- ._modeOutline_1vu399z_356._dark_1vu399z_62 ._busyIcon_1vu399z_139{
482
+ ._modeOutline_1dh718a_389._dark_1dh718a_62 ._busyIcon_1dh718a_150{
448
483
  color:#FFFFFF;
449
484
  }
450
- ._modeOutline_1vu399z_356._dark_1vu399z_62:focus{
451
- color:#FFFFFF;
485
+ ._modeOutline_1dh718a_389._dark_1dh718a_62:focus{
452
486
  border-color:rgba(255,255,255,0.4);
487
+
488
+ color:#FFFFFF;
453
489
  }
454
490
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
455
- ._modeOutline_1vu399z_356._dark_1vu399z_62:hover{
491
+ ._modeOutline_1dh718a_389._dark_1dh718a_62:hover{
492
+ border-color:rgba(255,255,255,0.4);
493
+
456
494
  color:#FFFFFF;
457
495
  background:rgba(255,255,255,0.1);
458
- border-color:rgba(255,255,255,0.4);
459
496
  }
460
497
  }
461
- ._modeOutline_1vu399z_356._dark_1vu399z_62:active{
498
+ ._modeOutline_1dh718a_389._dark_1dh718a_62:active{
499
+ border-color:#FFFFFF;
500
+
462
501
  color:#FFFFFF;
463
502
  background:rgba(255,255,255,0.1);
464
- border-color:#FFFFFF;
465
503
  }
466
- ._modeOutline_1vu399z_356._dark_1vu399z_62._disabled_1vu399z_61{
504
+ ._modeOutline_1dh718a_389._dark_1dh718a_62._disabled_1dh718a_61{
505
+ border-color:rgba(255,255,255,0.2);
506
+
467
507
  color:rgba(255,255,255,0.5);
468
508
  background:transparent;
469
- border-color:rgba(255,255,255,0.2);
470
509
  }
471
- ._modeOutline_1vu399z_356._dark_1vu399z_62._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
510
+ ._modeOutline_1dh718a_389._dark_1dh718a_62._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
472
511
  color:rgba(255,255,255,0.5);
473
512
  }
474
- ._modeClear_1vu399z_434{
513
+ ._modeClear_1dh718a_478{
475
514
  color:#19191C;
476
515
  background:transparent;
477
516
  }
478
- ._modeClear_1vu399z_434 ._busyIcon_1vu399z_139{
517
+ ._modeClear_1dh718a_478 ._busyIcon_1dh718a_150{
479
518
  color:#19191C;
480
519
  }
481
- ._modeClear_1vu399z_434:focus{
520
+ ._modeClear_1dh718a_478:focus{
482
521
  color:#19191C;
483
522
  background:transparent;
484
523
  }
485
524
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
486
- ._modeClear_1vu399z_434:hover{
525
+ ._modeClear_1dh718a_478:hover{
487
526
  color:#19191C;
488
527
  background:rgba(25,25,28,0.1);
489
528
  }
490
529
  }
491
- ._modeClear_1vu399z_434:active{
530
+ ._modeClear_1dh718a_478:active{
492
531
  color:#19191C;
493
532
  background:rgba(25,25,28,0.2);
494
533
  }
495
- ._modeClear_1vu399z_434._disabled_1vu399z_61{
534
+ ._modeClear_1dh718a_478._disabled_1dh718a_61{
496
535
  color:rgba(25,25,28,0.5);
497
536
  background:transparent;
498
537
  }
499
- ._modeClear_1vu399z_434._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
538
+ ._modeClear_1dh718a_478._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
500
539
  color:rgba(25,25,28,0.5);
501
540
  }
502
- ._modeClear_1vu399z_434._highlighted_1vu399z_469{
541
+ ._modeClear_1dh718a_478._highlighted_1dh718a_513{
503
542
  color:#19191C;
504
543
  background:rgba(25,25,28,0.1);
505
544
  }
506
- ._modeClear_1vu399z_434._dark_1vu399z_62{
545
+ ._modeClear_1dh718a_478._dark_1dh718a_62{
507
546
  color:#FFFFFF;
508
547
  background:transparent;
509
548
  }
510
- ._modeClear_1vu399z_434._dark_1vu399z_62 ._busyIcon_1vu399z_139{
549
+ ._modeClear_1dh718a_478._dark_1dh718a_62 ._busyIcon_1dh718a_150{
511
550
  color:#FFFFFF;
512
551
  }
513
552
  @media screen and (-ms-high-contrast: active),(-ms-high-contrast: none),(hover: hover){
514
- ._modeClear_1vu399z_434._dark_1vu399z_62:hover{
553
+ ._modeClear_1dh718a_478._dark_1dh718a_62:hover{
515
554
  color:#FFFFFF;
516
555
  background:rgba(255,255,255,0.1);
517
556
  }
518
557
  }
519
- ._modeClear_1vu399z_434._dark_1vu399z_62:active{
558
+ ._modeClear_1dh718a_478._dark_1dh718a_62:active{
520
559
  color:#FFFFFF;
521
560
  background:rgba(255,255,255,0.2);
522
561
  }
523
- ._modeClear_1vu399z_434._dark_1vu399z_62._disabled_1vu399z_61{
562
+ ._modeClear_1dh718a_478._dark_1dh718a_62._disabled_1dh718a_61{
524
563
  color:rgba(255,255,255,0.5);
525
564
  }
526
- ._modeClear_1vu399z_434._dark_1vu399z_62._disabled_1vu399z_61 ._busyIcon_1vu399z_139{
565
+ ._modeClear_1dh718a_478._dark_1dh718a_62._disabled_1dh718a_61 ._busyIcon_1dh718a_150{
527
566
  color:rgba(255,255,255,0.5);
528
567
  }
529
- ._modeClear_1vu399z_434._dark_1vu399z_62._highlighted_1vu399z_469{
568
+ ._modeClear_1dh718a_478._dark_1dh718a_62._highlighted_1dh718a_513{
530
569
  color:#FFFFFF;
531
570
  background:rgba(255,255,255,0.1);
532
571
  }
533
- ._sizeXs_1vu399z_85 {
572
+ ._sizeXs_1dh718a_85 {
534
573
  padding: 2px 16px;
535
574
  border-width: 0px;
536
575
  }
537
- ._sizeS_1vu399z_92 {
576
+ ._sizeS_1dh718a_92 {
538
577
  padding: 6px 16px;
539
578
  border-width: 0px;
540
579
  }
541
- ._sizeM_1vu399z_99 {
580
+ ._sizeM_1dh718a_99 {
542
581
  padding: 8px 24px;
543
582
  border-width: 0px;
544
583
  }
545
- ._sizeL_1vu399z_106 {
584
+ ._sizeL_1dh718a_106 {
546
585
  padding: 12px 32px;
547
586
  border-width: 0px;
548
587
  }
549
- ._sizeXs_1vu399z_85._withoutText_1vu399z_113 {
588
+ ._sizeXs_1dh718a_85._withoutText_1dh718a_138 {
550
589
  padding: 2px 2px;
551
590
  border-width: 0px;
552
591
  }
553
- ._sizeS_1vu399z_92._withoutText_1vu399z_113 {
592
+ ._sizeS_1dh718a_92._withoutText_1dh718a_138 {
554
593
  padding: 6px 6px;
555
594
  border-width: 0px;
556
595
  }
557
- ._sizeM_1vu399z_99._withoutText_1vu399z_113 {
596
+ ._sizeM_1dh718a_99._withoutText_1dh718a_138 {
558
597
  padding: 8px 8px;
559
598
  border-width: 0px;
560
599
  }
561
- ._sizeL_1vu399z_106._withoutText_1vu399z_113 {
600
+ ._sizeL_1dh718a_106._withoutText_1dh718a_138 {
562
601
  padding: 12px 12px;
563
602
  border-width: 0px;
564
603
  }
565
- ._sizeXs_1vu399z_85._modeOutline_1vu399z_356 {
604
+ ._sizeXs_1dh718a_85._modeOutline_1dh718a_389 {
566
605
  padding: 1px 15px;
567
606
  border-width: 1px;
568
607
  }
569
- ._sizeS_1vu399z_92._modeOutline_1vu399z_356 {
608
+ ._sizeS_1dh718a_92._modeOutline_1dh718a_389 {
570
609
  padding: 5px 15px;
571
610
  border-width: 1px;
572
611
  }
573
- ._sizeM_1vu399z_99._modeOutline_1vu399z_356 {
612
+ ._sizeM_1dh718a_99._modeOutline_1dh718a_389 {
574
613
  padding: 7px 23px;
575
614
  border-width: 1px;
576
615
  }
577
- ._sizeL_1vu399z_106._modeOutline_1vu399z_356 {
616
+ ._sizeL_1dh718a_106._modeOutline_1dh718a_389 {
578
617
  padding: 11px 31px;
579
618
  border-width: 1px;
580
619
  }
581
- ._sizeXs_1vu399z_85._modeOutline_1vu399z_356._withoutText_1vu399z_113 {
620
+ ._sizeXs_1dh718a_85._modeOutline_1dh718a_389._withoutText_1dh718a_138 {
582
621
  padding: 1px 1px;
583
622
  border-width: 1px;
584
623
  }
585
- ._sizeS_1vu399z_92._modeOutline_1vu399z_356._withoutText_1vu399z_113 {
624
+ ._sizeS_1dh718a_92._modeOutline_1dh718a_389._withoutText_1dh718a_138 {
586
625
  padding: 5px 5px;
587
626
  border-width: 1px;
588
627
  }
589
- ._sizeM_1vu399z_99._modeOutline_1vu399z_356._withoutText_1vu399z_113 {
628
+ ._sizeM_1dh718a_99._modeOutline_1dh718a_389._withoutText_1dh718a_138 {
590
629
  padding: 7px 7px;
591
630
  border-width: 1px;
592
631
  }
593
- ._sizeL_1vu399z_106._modeOutline_1vu399z_356._withoutText_1vu399z_113 {
632
+ ._sizeL_1dh718a_106._modeOutline_1dh718a_389._withoutText_1dh718a_138 {
594
633
  padding: 11px 11px;
595
634
  border-width: 1px;
596
635
  }
597
- ._sizeXs_1vu399z_85._modeOutline_1vu399z_356:active {
636
+ ._sizeXs_1dh718a_85._modeOutline_1dh718a_389:active {
598
637
  padding: 0px 14px;
599
638
  border-width: 2px;
600
639
  }
601
- ._sizeS_1vu399z_92._modeOutline_1vu399z_356:active {
640
+ ._sizeS_1dh718a_92._modeOutline_1dh718a_389:active {
602
641
  padding: 4px 14px;
603
642
  border-width: 2px;
604
643
  }
605
- ._sizeM_1vu399z_99._modeOutline_1vu399z_356:active {
644
+ ._sizeM_1dh718a_99._modeOutline_1dh718a_389:active {
606
645
  padding: 6px 22px;
607
646
  border-width: 2px;
608
647
  }
609
- ._sizeL_1vu399z_106._modeOutline_1vu399z_356:active {
648
+ ._sizeL_1dh718a_106._modeOutline_1dh718a_389:active {
610
649
  padding: 10px 30px;
611
650
  border-width: 2px;
612
651
  }
613
- ._sizeXs_1vu399z_85._modeOutline_1vu399z_356._withoutText_1vu399z_113:active {
652
+ ._sizeXs_1dh718a_85._modeOutline_1dh718a_389._withoutText_1dh718a_138:active {
614
653
  padding: 0px 0px;
615
654
  border-width: 2px;
616
655
  }
617
- ._sizeS_1vu399z_92._modeOutline_1vu399z_356._withoutText_1vu399z_113:active {
656
+ ._sizeS_1dh718a_92._modeOutline_1dh718a_389._withoutText_1dh718a_138:active {
618
657
  padding: 4px 4px;
619
658
  border-width: 2px;
620
659
  }
621
- ._sizeM_1vu399z_99._modeOutline_1vu399z_356._withoutText_1vu399z_113:active {
660
+ ._sizeM_1dh718a_99._modeOutline_1dh718a_389._withoutText_1dh718a_138:active {
622
661
  padding: 6px 6px;
623
662
  border-width: 2px;
624
663
  }
625
- ._sizeL_1vu399z_106._modeOutline_1vu399z_356._withoutText_1vu399z_113:active {
664
+ ._sizeL_1dh718a_106._modeOutline_1dh718a_389._withoutText_1dh718a_138:active {
626
665
  padding: 10px 10px;
627
666
  border-width: 2px;
628
667
  }
629
- ._modeClear_1vu399z_434._shiftedLeft_1vu399z_520._sizeXs_1vu399z_85 {
668
+ ._modeClear_1dh718a_478._shiftedLeft_1dh718a_564._sizeXs_1dh718a_85 {
630
669
  margin-left: -16px;
631
670
  }
632
- ._modeClear_1vu399z_434._shiftedRight_1vu399z_521._sizeXs_1vu399z_85 {
671
+ ._modeClear_1dh718a_478._shiftedRight_1dh718a_565._sizeXs_1dh718a_85 {
633
672
  margin-right: -16px;
634
673
  }
635
- ._modeClear_1vu399z_434._shiftedTop_1vu399z_522._sizeXs_1vu399z_85 {
674
+ ._modeClear_1dh718a_478._shiftedTop_1dh718a_566._sizeXs_1dh718a_85 {
636
675
  margin-top: -2px;
637
676
  }
638
- ._modeClear_1vu399z_434._shiftedBottom_1vu399z_523._sizeXs_1vu399z_85 {
677
+ ._modeClear_1dh718a_478._shiftedBottom_1dh718a_567._sizeXs_1dh718a_85 {
639
678
  margin-bottom: -2px;
640
679
  }
641
- ._modeClear_1vu399z_434._shiftedLeft_1vu399z_520._sizeS_1vu399z_92 {
680
+ ._modeClear_1dh718a_478._shiftedLeft_1dh718a_564._sizeS_1dh718a_92 {
642
681
  margin-left: -16px;
643
682
  }
644
- ._modeClear_1vu399z_434._shiftedRight_1vu399z_521._sizeS_1vu399z_92 {
683
+ ._modeClear_1dh718a_478._shiftedRight_1dh718a_565._sizeS_1dh718a_92 {
645
684
  margin-right: -16px;
646
685
  }
647
- ._modeClear_1vu399z_434._shiftedTop_1vu399z_522._sizeS_1vu399z_92 {
686
+ ._modeClear_1dh718a_478._shiftedTop_1dh718a_566._sizeS_1dh718a_92 {
648
687
  margin-top: -6px;
649
688
  }
650
- ._modeClear_1vu399z_434._shiftedBottom_1vu399z_523._sizeS_1vu399z_92 {
689
+ ._modeClear_1dh718a_478._shiftedBottom_1dh718a_567._sizeS_1dh718a_92 {
651
690
  margin-bottom: -6px;
652
691
  }
653
- ._modeClear_1vu399z_434._shiftedLeft_1vu399z_520._sizeM_1vu399z_99 {
692
+ ._modeClear_1dh718a_478._shiftedLeft_1dh718a_564._sizeM_1dh718a_99 {
654
693
  margin-left: -24px;
655
694
  }
656
- ._modeClear_1vu399z_434._shiftedRight_1vu399z_521._sizeM_1vu399z_99 {
695
+ ._modeClear_1dh718a_478._shiftedRight_1dh718a_565._sizeM_1dh718a_99 {
657
696
  margin-right: -24px;
658
697
  }
659
- ._modeClear_1vu399z_434._shiftedTop_1vu399z_522._sizeM_1vu399z_99 {
698
+ ._modeClear_1dh718a_478._shiftedTop_1dh718a_566._sizeM_1dh718a_99 {
660
699
  margin-top: -8px;
661
700
  }
662
- ._modeClear_1vu399z_434._shiftedBottom_1vu399z_523._sizeM_1vu399z_99 {
701
+ ._modeClear_1dh718a_478._shiftedBottom_1dh718a_567._sizeM_1dh718a_99 {
663
702
  margin-bottom: -8px;
664
703
  }
665
- ._modeClear_1vu399z_434._shiftedLeft_1vu399z_520._sizeL_1vu399z_106 {
704
+ ._modeClear_1dh718a_478._shiftedLeft_1dh718a_564._sizeL_1dh718a_106 {
666
705
  margin-left: -32px;
667
706
  }
668
- ._modeClear_1vu399z_434._shiftedRight_1vu399z_521._sizeL_1vu399z_106 {
707
+ ._modeClear_1dh718a_478._shiftedRight_1dh718a_565._sizeL_1dh718a_106 {
669
708
  margin-right: -32px;
670
709
  }
671
- ._modeClear_1vu399z_434._shiftedTop_1vu399z_522._sizeL_1vu399z_106 {
710
+ ._modeClear_1dh718a_478._shiftedTop_1dh718a_566._sizeL_1dh718a_106 {
672
711
  margin-top: -12px;
673
712
  }
674
- ._modeClear_1vu399z_434._shiftedBottom_1vu399z_523._sizeL_1vu399z_106 {
713
+ ._modeClear_1dh718a_478._shiftedBottom_1dh718a_567._sizeL_1dh718a_106 {
675
714
  margin-bottom: -12px;
676
715
  }
677
- ._modeClear_1vu399z_434._shiftedLeft_1vu399z_520._sizeXs_1vu399z_85._withoutText_1vu399z_113 {
716
+ ._modeClear_1dh718a_478._shiftedLeft_1dh718a_564._sizeXs_1dh718a_85._withoutText_1dh718a_138 {
678
717
  margin-left: -2px;
679
718
  }
680
- ._modeClear_1vu399z_434._shiftedRight_1vu399z_521._sizeXs_1vu399z_85._withoutText_1vu399z_113 {
719
+ ._modeClear_1dh718a_478._shiftedRight_1dh718a_565._sizeXs_1dh718a_85._withoutText_1dh718a_138 {
681
720
  margin-right: -2px;
682
721
  }
683
- ._modeClear_1vu399z_434._shiftedTop_1vu399z_522._sizeXs_1vu399z_85._withoutText_1vu399z_113 {
722
+ ._modeClear_1dh718a_478._shiftedTop_1dh718a_566._sizeXs_1dh718a_85._withoutText_1dh718a_138 {
684
723
  margin-top: -2px;
685
724
  }
686
- ._modeClear_1vu399z_434._shiftedBottom_1vu399z_523._sizeXs_1vu399z_85._withoutText_1vu399z_113 {
725
+ ._modeClear_1dh718a_478._shiftedBottom_1dh718a_567._sizeXs_1dh718a_85._withoutText_1dh718a_138 {
687
726
  margin-bottom: -2px;
688
727
  }
689
- ._modeClear_1vu399z_434._shiftedLeft_1vu399z_520._sizeS_1vu399z_92._withoutText_1vu399z_113 {
728
+ ._modeClear_1dh718a_478._shiftedLeft_1dh718a_564._sizeS_1dh718a_92._withoutText_1dh718a_138 {
690
729
  margin-left: -6px;
691
730
  }
692
- ._modeClear_1vu399z_434._shiftedRight_1vu399z_521._sizeS_1vu399z_92._withoutText_1vu399z_113 {
731
+ ._modeClear_1dh718a_478._shiftedRight_1dh718a_565._sizeS_1dh718a_92._withoutText_1dh718a_138 {
693
732
  margin-right: -6px;
694
733
  }
695
- ._modeClear_1vu399z_434._shiftedTop_1vu399z_522._sizeS_1vu399z_92._withoutText_1vu399z_113 {
734
+ ._modeClear_1dh718a_478._shiftedTop_1dh718a_566._sizeS_1dh718a_92._withoutText_1dh718a_138 {
696
735
  margin-top: -6px;
697
736
  }
698
- ._modeClear_1vu399z_434._shiftedBottom_1vu399z_523._sizeS_1vu399z_92._withoutText_1vu399z_113 {
737
+ ._modeClear_1dh718a_478._shiftedBottom_1dh718a_567._sizeS_1dh718a_92._withoutText_1dh718a_138 {
699
738
  margin-bottom: -6px;
700
739
  }
701
- ._modeClear_1vu399z_434._shiftedLeft_1vu399z_520._sizeM_1vu399z_99._withoutText_1vu399z_113 {
740
+ ._modeClear_1dh718a_478._shiftedLeft_1dh718a_564._sizeM_1dh718a_99._withoutText_1dh718a_138 {
702
741
  margin-left: -8px;
703
742
  }
704
- ._modeClear_1vu399z_434._shiftedRight_1vu399z_521._sizeM_1vu399z_99._withoutText_1vu399z_113 {
743
+ ._modeClear_1dh718a_478._shiftedRight_1dh718a_565._sizeM_1dh718a_99._withoutText_1dh718a_138 {
705
744
  margin-right: -8px;
706
745
  }
707
- ._modeClear_1vu399z_434._shiftedTop_1vu399z_522._sizeM_1vu399z_99._withoutText_1vu399z_113 {
746
+ ._modeClear_1dh718a_478._shiftedTop_1dh718a_566._sizeM_1dh718a_99._withoutText_1dh718a_138 {
708
747
  margin-top: -8px;
709
748
  }
710
- ._modeClear_1vu399z_434._shiftedBottom_1vu399z_523._sizeM_1vu399z_99._withoutText_1vu399z_113 {
749
+ ._modeClear_1dh718a_478._shiftedBottom_1dh718a_567._sizeM_1dh718a_99._withoutText_1dh718a_138 {
711
750
  margin-bottom: -8px;
712
751
  }
713
- ._modeClear_1vu399z_434._shiftedLeft_1vu399z_520._sizeL_1vu399z_106._withoutText_1vu399z_113 {
752
+ ._modeClear_1dh718a_478._shiftedLeft_1dh718a_564._sizeL_1dh718a_106._withoutText_1dh718a_138 {
714
753
  margin-left: -12px;
715
754
  }
716
- ._modeClear_1vu399z_434._shiftedRight_1vu399z_521._sizeL_1vu399z_106._withoutText_1vu399z_113 {
755
+ ._modeClear_1dh718a_478._shiftedRight_1dh718a_565._sizeL_1dh718a_106._withoutText_1dh718a_138 {
717
756
  margin-right: -12px;
718
757
  }
719
- ._modeClear_1vu399z_434._shiftedTop_1vu399z_522._sizeL_1vu399z_106._withoutText_1vu399z_113 {
758
+ ._modeClear_1dh718a_478._shiftedTop_1dh718a_566._sizeL_1dh718a_106._withoutText_1dh718a_138 {
720
759
  margin-top: -12px;
721
760
  }
722
- ._modeClear_1vu399z_434._shiftedBottom_1vu399z_523._sizeL_1vu399z_106._withoutText_1vu399z_113 {
761
+ ._modeClear_1dh718a_478._shiftedBottom_1dh718a_567._sizeL_1dh718a_106._withoutText_1dh718a_138 {
723
762
  margin-bottom: -12px;
724
763
  }
725
- ._icon_1vu399z_525{
764
+ ._icon_1dh718a_569{
726
765
  fill:currentColor;
727
766
  }
728
- ._sizeXs_1vu399z_85 ._icon_1vu399z_525 {
767
+ ._sizeXs_1dh718a_85 ._icon_1dh718a_569 {
729
768
  width: 20px;
730
769
  height: 20px;
731
770
  min-width: 20px;
732
771
  min-height: 20px;
733
772
  margin: 0 8px 0 -2px;
734
773
  }
735
- ._sizeS_1vu399z_92 ._icon_1vu399z_525 {
774
+ ._sizeS_1dh718a_92 ._icon_1dh718a_569 {
736
775
  width: 20px;
737
776
  height: 20px;
738
777
  min-width: 20px;
739
778
  min-height: 20px;
740
779
  margin: 0 8px 0 -2px;
741
780
  }
742
- ._sizeM_1vu399z_99 ._icon_1vu399z_525 {
781
+ ._sizeM_1dh718a_99 ._icon_1dh718a_569 {
743
782
  width: 24px;
744
783
  height: 24px;
745
784
  min-width: 24px;
746
785
  min-height: 24px;
747
786
  margin: 0 8px 0 -2px;
748
787
  }
749
- ._sizeL_1vu399z_106 ._icon_1vu399z_525 {
788
+ ._sizeL_1dh718a_106 ._icon_1dh718a_569 {
750
789
  width: 28px;
751
790
  height: 28px;
752
791
  min-width: 28px;
753
792
  min-height: 28px;
754
793
  margin: 0 16px 0 -2px;
755
794
  }
756
- ._sizeXs_1vu399z_85._alignIconRight_1vu399z_81 ._icon_1vu399z_525 {
795
+ ._sizeXs_1dh718a_85._alignIconRight_1dh718a_81 ._icon_1dh718a_569 {
757
796
  width: 20px;
758
797
  height: 20px;
759
798
  min-width: 20px;
760
799
  min-height: 20px;
761
800
  margin: 0 -2px 0 8px;
762
801
  }
763
- ._sizeS_1vu399z_92._alignIconRight_1vu399z_81 ._icon_1vu399z_525 {
802
+ ._sizeS_1dh718a_92._alignIconRight_1dh718a_81 ._icon_1dh718a_569 {
764
803
  width: 20px;
765
804
  height: 20px;
766
805
  min-width: 20px;
767
806
  min-height: 20px;
768
807
  margin: 0 -2px 0 8px;
769
808
  }
770
- ._sizeM_1vu399z_99._alignIconRight_1vu399z_81 ._icon_1vu399z_525 {
809
+ ._sizeM_1dh718a_99._alignIconRight_1dh718a_81 ._icon_1dh718a_569 {
771
810
  width: 24px;
772
811
  height: 24px;
773
812
  min-width: 24px;
774
813
  min-height: 24px;
775
814
  margin: 0 -2px 0 8px;
776
815
  }
777
- ._sizeL_1vu399z_106._alignIconRight_1vu399z_81 ._icon_1vu399z_525 {
816
+ ._sizeL_1dh718a_106._alignIconRight_1dh718a_81 ._icon_1dh718a_569 {
778
817
  width: 28px;
779
818
  height: 28px;
780
819
  min-width: 28px;
781
820
  min-height: 28px;
782
821
  margin: 0 -2px 0 16px;
783
822
  }
784
- ._withoutText_1vu399z_113 ._icon_1vu399z_525,
785
- ._withoutText_1vu399z_113._alignIconRight_1vu399z_81 ._icon_1vu399z_525{
823
+ ._withoutText_1dh718a_138 ._icon_1dh718a_569,
824
+ ._withoutText_1dh718a_138._alignIconRight_1dh718a_81 ._icon_1dh718a_569{
786
825
  margin:0;
787
826
  }
788
- ._busyIcon_1vu399z_139{
789
- position:absolute;
790
- left:50%;
791
- top:50%;
792
- -webkit-transform:translate(-50%, -50%);
793
- transform:translate(-50%, -50%);
794
- }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.7.5",
3
+ "version": "0.8.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -35,5 +35,5 @@
35
35
  "scripts": {
36
36
  "build": "rescui-scripts build"
37
37
  },
38
- "gitHead": "20a2d86279a96ad1375a69513d550bdc983f9616"
38
+ "gitHead": "0aff4c2dbeda999f17acac6d77eb38864c28cc04"
39
39
  }