@rescui/button 0.18.0 → 0.19.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 (7) hide show
  1. package/lib/_virtual/index.css.js +7 -7
  2. package/lib/_virtual/loading.js +8 -9
  3. package/lib/button.js +98 -104
  4. package/lib/button.p.module.css.js +29 -29
  5. package/lib/index.css +77 -118
  6. package/lib/index.js +1 -1
  7. package/package.json +9 -10
package/lib/_virtual/index.css.js CHANGED
@@ -1,10 +1,10 @@
1
1
  var styles = {
2
- "icon": "_icon_1tvmsyp_4",
3
- "sizeXS": "_sizeXS_1tvmsyp_14",
4
- "sizeS": "_sizeS_1tvmsyp_18",
5
- "sizeM": "_sizeM_1tvmsyp_22",
6
- "sizeL": "_sizeL_1tvmsyp_26",
7
- "light": "_light_1tvmsyp_30",
8
- "dark": "_dark_1tvmsyp_34"
2
+ "icon": "_icon_1fbioow_4",
3
+ "sizeXS": "_sizeXS_1fbioow_14",
4
+ "sizeS": "_sizeS_1fbioow_18",
5
+ "sizeM": "_sizeM_1fbioow_22",
6
+ "sizeL": "_sizeL_1fbioow_26",
7
+ "light": "_light_1fbioow_30",
8
+ "dark": "_dark_1fbioow_34"
9
9
  };
10
10
  export { styles as default };
package/lib/_virtual/loading.js CHANGED
@@ -1,22 +1,21 @@
1
1
  import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
2
- import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
3
2
  import React from 'react';
4
3
  import PropTypes from 'prop-types';
5
4
  import cn from 'classnames';
6
5
  import styles from './index.css.js';
7
- var _excluded = ["theme", "size", "className"];
8
- var sizeStyles = {
6
+ const sizeStyles = {
9
7
  "xs": styles.sizeXS,
10
8
  "s": styles.sizeS,
11
9
  "m": styles.sizeM,
12
10
  "l": styles.sizeL
13
11
  };
14
- var LoadingIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
15
- var theme = _ref.theme,
16
- size = _ref.size,
17
- className = _ref.className,
18
- props = _objectWithoutProperties(_ref, _excluded);
19
-
12
+ const LoadingIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
13
+ let {
14
+ theme,
15
+ size,
16
+ className,
17
+ ...props
18
+ } = _ref;
20
19
  return /*#__PURE__*/React.createElement("svg", _extends({
21
20
  viewBox: "0 0 24 24"
22
21
  }, props, {
package/lib/button.js CHANGED
@@ -1,21 +1,4 @@
1
- import "core-js/modules/es.object.to-string.js";
2
- import "core-js/modules/web.dom-collections.for-each.js";
3
- import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
4
- import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
5
- import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
6
- var _excluded = ["className", "children", "href", "type", "disabled", "size", "theme", "icon", "iconPosition", "busy", "allowMultiline", "defaultMultiline", "flat", "notFocusable", "highlighted", "shifted", "mode"];
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; }
9
-
10
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
11
-
12
1
  import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
13
- import _flatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/flat";
14
- import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
15
- import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
16
- import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
17
- import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
18
- import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
19
2
  import React, { useState, useRef, cloneElement } from 'react';
20
3
  import cn from 'classnames';
21
4
  import PropTypes from 'prop-types';
@@ -24,62 +7,52 @@ import { useResizeObserver } from '@rescui/use-resize-observer';
24
7
  import LoadingIcon from './_virtual/loading.js';
25
8
  import styles from './button.p.module.css.js';
26
9
 
27
- var calculateShifted = function calculateShifted(shiftedProp, side) {
28
- return shiftedProp === 'all' || shiftedProp === side || Array.isArray(shiftedProp) && _includesInstanceProperty(shiftedProp).call(shiftedProp, side);
29
- };
10
+ const calculateShifted = (shiftedProp, side) => shiftedProp === 'all' || shiftedProp === side || Array.isArray(shiftedProp) && _includesInstanceProperty(shiftedProp).call(shiftedProp, side);
30
11
 
31
- var MODE_STYLES = {
12
+ const MODE_STYLES = {
32
13
  classic: styles.modeClassic,
33
14
  rock: styles.modeRock,
34
15
  transparent: styles.modeTransparent,
35
16
  outline: styles.modeOutline,
36
17
  clear: styles.modeClear
37
18
  };
38
- var SIZE_STYLES = {
19
+ const SIZE_STYLES = {
39
20
  xs: styles.sizeXs,
40
21
  s: styles.sizeS,
41
22
  m: styles.sizeM,
42
23
  l: styles.sizeL
43
24
  };
44
- var Button = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
45
- function (_ref, forwardedRef) {
46
- var _cn;
47
-
48
- var className = _ref.className,
49
- children = _ref.children,
50
- href = _ref.href,
51
- _ref$type = _ref.type,
52
- type = _ref$type === void 0 ? 'button' : _ref$type,
53
- disabled = _ref.disabled,
54
- _ref$size = _ref.size,
55
- size = _ref$size === void 0 ? 'm' : _ref$size,
56
- themeFromProps = _ref.theme,
57
- icon = _ref.icon,
58
- _ref$iconPosition = _ref.iconPosition,
59
- iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
60
- _ref$busy = _ref.busy,
61
- busy = _ref$busy === void 0 ? false : _ref$busy,
62
- _ref$allowMultiline = _ref.allowMultiline,
63
- allowMultiline = _ref$allowMultiline === void 0 ? false : _ref$allowMultiline,
64
- _ref$defaultMultiline = _ref.defaultMultiline,
65
- defaultMultiline = _ref$defaultMultiline === void 0 ? false : _ref$defaultMultiline,
66
- flat = _flatInstanceProperty(_ref),
67
- notFocusable = _ref.notFocusable,
68
- highlighted = _ref.highlighted,
69
- shifted = _ref.shifted,
70
- _ref$mode = _ref.mode,
71
- mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
72
- restProps = _objectWithoutProperties(_ref, _excluded);
73
-
74
- var _useState = useState(defaultMultiline),
75
- _useState2 = _slicedToArray(_useState, 2),
76
- multiline = _useState2[0],
77
- setMultiline = _useState2[1];
78
-
79
- var contentRef = useRef(null);
80
- var ref = useRef(null);
81
-
82
- var handleRef = function handleRef(el) {
25
+ const Button = /*#__PURE__*/React.forwardRef( // eslint-disable-next-line complexity
26
+ (_ref, forwardedRef) => {
27
+ let {
28
+ className,
29
+ children,
30
+ href,
31
+ type = 'button',
32
+ disabled,
33
+ size = 'm',
34
+ theme: themeFromProps,
35
+ icon,
36
+ iconPosition = 'left',
37
+ busy = false,
38
+ allowMultiline = false,
39
+ defaultMultiline = false,
40
+ flat,
41
+ notFocusable,
42
+ highlighted
43
+ /* supported only for clear mode */
44
+ ,
45
+ shifted
46
+ /* supported only for clear mode */
47
+ ,
48
+ mode = 'classic',
49
+ ...restProps
50
+ } = _ref;
51
+ const [multiline, setMultiline] = useState(defaultMultiline);
52
+ const contentRef = useRef(null);
53
+ const ref = useRef(null);
54
+
55
+ const handleRef = el => {
83
56
  ref.current = el;
84
57
 
85
58
  if (forwardedRef) {
@@ -91,21 +64,23 @@ function (_ref, forwardedRef) {
91
64
  }
92
65
  };
93
66
 
94
- useResizeObserver(contentRef, function (entry) {
95
- var target = entry.target;
96
- var height = entry.contentRect.height;
97
- var targetStyles = getComputedStyle(target);
98
- var singleLineBlockSize = parseInt(targetStyles.lineHeight, 10);
67
+ useResizeObserver(contentRef, entry => {
68
+ const target = entry.target;
69
+ const {
70
+ height
71
+ } = entry.contentRect;
72
+ const targetStyles = getComputedStyle(target);
73
+ const singleLineBlockSize = parseInt(targetStyles.lineHeight, 10);
99
74
  setMultiline(height > singleLineBlockSize);
100
75
  });
101
- var theme = useThemeWithUndefined(themeFromProps);
102
- var shiftedLeft = calculateShifted(shifted, 'left');
103
- var shiftedRight = calculateShifted(shifted, 'right');
104
- var shiftedTop = calculateShifted(shifted, 'top');
105
- var shiftedBottom = calculateShifted(shifted, 'bottom'); // check for ignored jsx values and empty string, more info https://reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored
76
+ const theme = useThemeWithUndefined(themeFromProps);
77
+ const shiftedLeft = calculateShifted(shifted, 'left');
78
+ const shiftedRight = calculateShifted(shifted, 'right');
79
+ const shiftedTop = calculateShifted(shifted, 'top');
80
+ const shiftedBottom = calculateShifted(shifted, 'bottom'); // check for ignored jsx values and empty string, more info https://reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored
106
81
 
107
- var isWithoutText = children === null || typeof children === 'undefined' || children === false || children === true || children === '';
108
- var iconSlot;
82
+ const isWithoutText = children === null || typeof children === 'undefined' || children === false || children === true || children === '';
83
+ let iconSlot;
109
84
 
110
85
  if ( /*#__PURE__*/React.isValidElement(icon) && busy) {
111
86
  iconSlot = /*#__PURE__*/React.createElement(LoadingIcon, {
@@ -117,22 +92,36 @@ function (_ref, forwardedRef) {
117
92
  });
118
93
  }
119
94
 
120
- var showBusyOverlay = ! /*#__PURE__*/React.isValidElement(icon) && busy;
121
- var buttonSharedProps = {
122
- href: href,
123
- disabled: disabled,
124
- className: cn(styles.main, MODE_STYLES[mode], SIZE_STYLES[size], iconPosition === 'right' ? styles.alignIconRight : styles.alignIconLeft, 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.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)
95
+ const showBusyOverlay = ! /*#__PURE__*/React.isValidElement(icon) && busy;
96
+ const buttonSharedProps = {
97
+ href,
98
+ disabled,
99
+ className: cn(styles.main, MODE_STYLES[mode], SIZE_STYLES[size], iconPosition === 'right' ? styles.alignIconRight : styles.alignIconLeft, styles[theme], {
100
+ [styles.disabled]: disabled,
101
+ [styles.flatLeft]: flat === 'left',
102
+ [styles.flatRight]: flat === 'right',
103
+ [styles.highlighted]: highlighted,
104
+ [styles.withoutText]: isWithoutText,
105
+ [styles.shiftedLeft]: shiftedLeft,
106
+ [styles.shiftedRight]: shiftedRight,
107
+ [styles.shiftedTop]: shiftedTop,
108
+ [styles.shiftedBottom]: shiftedBottom,
109
+ [styles.multiline]: multiline,
110
+ [styles.allowMultiline]: allowMultiline,
111
+ [styles.busy]: busy,
112
+ [styles.busyOverlay]: showBusyOverlay
113
+ }, className)
125
114
  }; // Google Translate replaces TextNodes on page which is leading to a React error on manipulating buttonChildren e.g. when switching to the busy state.
126
115
  // To prevent this we wrap text node in a span element which itself will not be replaced by Google Translate.
127
116
  // More info here: https://github.com/facebook/react/issues/11538
128
117
 
129
- var buttonContent = !isWithoutText && /*#__PURE__*/React.createElement("span", {
118
+ const buttonContent = !isWithoutText && /*#__PURE__*/React.createElement("span", {
130
119
  className: styles.content,
131
120
  "data-rs-internal": "button__content",
132
121
  "data-test": "button__content",
133
122
  ref: contentRef
134
123
  }, children);
135
- var buttonChildren = /*#__PURE__*/React.createElement(React.Fragment, null, iconSlot, showBusyOverlay && /*#__PURE__*/React.createElement(LoadingIcon, {
124
+ const buttonChildren = /*#__PURE__*/React.createElement(React.Fragment, null, iconSlot, showBusyOverlay && /*#__PURE__*/React.createElement(LoadingIcon, {
136
125
  className: styles.busyIcon,
137
126
  size: size,
138
127
  "data-test": "busy-icon"
@@ -145,41 +134,46 @@ function (_ref, forwardedRef) {
145
134
  /** use <div> tag for preventing button controls elements behavior for example 'space' button press support. */
146
135
 
147
136
 
148
- return /*#__PURE__*/React.createElement("div", _objectSpread(_objectSpread({
149
- "data-test": 'button'
150
- }, restProps), {}, {
151
- ref: handleRef
152
- }, buttonSharedProps), buttonChildren);
137
+ return /*#__PURE__*/React.createElement("div", {
138
+ "data-test": 'button',
139
+ ...restProps,
140
+ ref: handleRef,
141
+ ...buttonSharedProps
142
+ }, buttonChildren);
153
143
  } else if (href) {
154
- return /*#__PURE__*/React.createElement("a", _objectSpread(_objectSpread({
155
- "data-test": 'button'
156
- }, restProps), {}, {
144
+ return /*#__PURE__*/React.createElement("a", {
145
+ "data-test": 'button',
146
+ ...restProps,
157
147
  ref: handleRef,
158
- type: type
159
- }, buttonSharedProps), buttonChildren);
148
+ type: type,
149
+ ...buttonSharedProps
150
+ }, buttonChildren);
160
151
  } else {
161
- return /*#__PURE__*/React.createElement("button", _objectSpread(_objectSpread({
162
- "data-test": 'button'
163
- }, restProps), {}, {
152
+ return /*#__PURE__*/React.createElement("button", {
153
+ "data-test": 'button',
154
+ ...restProps,
164
155
  ref: handleRef,
165
156
 
166
157
  /* eslint-disable-next-line react/button-has-type */
167
- type: type
168
- }, buttonSharedProps), buttonChildren);
158
+ type: type,
159
+ ...buttonSharedProps
160
+ }, buttonChildren);
169
161
  }
170
162
  });
171
163
  Button.displayName = 'Button';
172
164
 
173
165
  function validateAdditional(propType, callback) {
174
- return function (props, propName) {
166
+ return (props, propName) => {
175
167
  if (typeof props[propName] !== 'undefined') {
176
- var cbRes = callback(props, propName);
168
+ const cbRes = callback(props, propName);
177
169
 
178
170
  if (cbRes) {
179
171
  return cbRes;
180
172
  }
181
173
 
182
- PropTypes.checkPropTypes(_defineProperty({}, propName, propType), props, 'prop', 'Button');
174
+ PropTypes.checkPropTypes({
175
+ [propName]: propType
176
+ }, props, 'prop', 'Button');
183
177
  }
184
178
 
185
179
  return null;
@@ -190,9 +184,9 @@ Button.propTypes = {
190
184
  className: PropTypes.string,
191
185
  children: PropTypes.node,
192
186
  disabled: PropTypes.bool,
193
- href: validateAdditional(PropTypes.string, function (props) {
187
+ href: validateAdditional(PropTypes.string, props => {
194
188
  if (typeof props.notFocusable !== 'undefined') {
195
- return new Error("'href' prop cannot be used with 'notFocusable' prop");
189
+ return new Error(`'href' prop cannot be used with 'notFocusable' prop`);
196
190
  }
197
191
 
198
192
  return null;
@@ -200,9 +194,9 @@ Button.propTypes = {
200
194
  icon: PropTypes.node,
201
195
  iconPosition: PropTypes.oneOf(['left', 'right']),
202
196
  size: PropTypes.oneOf(['l', 'm', 's', 'xs']),
203
- mode: validateAdditional(PropTypes.oneOf(['classic', 'rock', 'transparent', 'outline', 'clear']), function (props) {
197
+ mode: validateAdditional(PropTypes.oneOf(['classic', 'rock', 'transparent', 'outline', 'clear']), props => {
204
198
  if (typeof props.shifted !== 'undefined' && props.mode !== 'clear') {
205
- return new Error("'shifted' prop cannot be used when 'mode' prop is not 'clear'.");
199
+ return new Error(`'shifted' prop cannot be used when 'mode' prop is not 'clear'.`);
206
200
  }
207
201
 
208
202
  return null;
@@ -210,9 +204,9 @@ Button.propTypes = {
210
204
  theme: PropTypes.oneOf(['light', 'dark']),
211
205
  type: PropTypes.oneOf(['button', 'submit', 'reset']),
212
206
  onClick: PropTypes.func,
213
- notFocusable: validateAdditional(PropTypes.bool, function (props) {
207
+ notFocusable: validateAdditional(PropTypes.bool, props => {
214
208
  if (typeof props.href !== 'undefined' || typeof props.target !== 'undefined') {
215
- return new Error("'notFocusable' prop cannot be used with 'href' and 'target' props");
209
+ return new Error(`'notFocusable' prop cannot be used with 'href' and 'target' props`);
216
210
  }
217
211
 
218
212
  return null;
package/lib/button.p.module.css.js CHANGED
@@ -1,32 +1,32 @@
1
1
  var styles = {
2
- "light": "_light_1dmt5cy_6",
3
- "dark": "_dark_1dmt5cy_9",
4
- "flatRight": "_flatRight_1dmt5cy_13",
5
- "flatLeft": "_flatLeft_1dmt5cy_16",
6
- "sizeXs": "_sizeXs_1dmt5cy_20",
7
- "sizeS": "_sizeS_1dmt5cy_23",
8
- "sizeM": "_sizeM_1dmt5cy_26",
9
- "sizeL": "_sizeL_1dmt5cy_29",
10
- "modeClassic": "_modeClassic_1dmt5cy_33",
11
- "modeRock": "_modeRock_1dmt5cy_36",
12
- "modeTransparent": "_modeTransparent_1dmt5cy_39",
13
- "modeOutline": "_modeOutline_1dmt5cy_42",
14
- "modeClear": "_modeClear_1dmt5cy_45",
15
- "alignIconLeft": "_alignIconLeft_1dmt5cy_49",
16
- "alignIconRight": "_alignIconRight_1dmt5cy_52",
17
- "main": "_main_1dmt5cy_56",
18
- "disabled": "_disabled_1dmt5cy_133",
19
- "busy": "_busy_1dmt5cy_143",
20
- "busyOverlay": "_busyOverlay_1dmt5cy_147",
21
- "icon": "_icon_1dmt5cy_182",
22
- "allowMultiline": "_allowMultiline_1dmt5cy_195",
23
- "multiline": "_multiline_1dmt5cy_199",
24
- "withoutText": "_withoutText_1dmt5cy_203",
25
- "busyIcon": "_busyIcon_1dmt5cy_208",
26
- "content": "_content_1dmt5cy_224",
27
- "shiftedLeft": "_shiftedLeft_1dmt5cy_229",
28
- "shiftedRight": "_shiftedRight_1dmt5cy_232",
29
- "shiftedTop": "_shiftedTop_1dmt5cy_235",
30
- "shiftedBottom": "_shiftedBottom_1dmt5cy_238"
2
+ "light": "_light_o3r6wz_6",
3
+ "dark": "_dark_o3r6wz_9",
4
+ "flatRight": "_flatRight_o3r6wz_13",
5
+ "flatLeft": "_flatLeft_o3r6wz_16",
6
+ "sizeXs": "_sizeXs_o3r6wz_20",
7
+ "sizeS": "_sizeS_o3r6wz_23",
8
+ "sizeM": "_sizeM_o3r6wz_26",
9
+ "sizeL": "_sizeL_o3r6wz_29",
10
+ "modeClassic": "_modeClassic_o3r6wz_33",
11
+ "modeRock": "_modeRock_o3r6wz_36",
12
+ "modeTransparent": "_modeTransparent_o3r6wz_39",
13
+ "modeOutline": "_modeOutline_o3r6wz_42",
14
+ "modeClear": "_modeClear_o3r6wz_45",
15
+ "alignIconLeft": "_alignIconLeft_o3r6wz_49",
16
+ "alignIconRight": "_alignIconRight_o3r6wz_52",
17
+ "main": "_main_o3r6wz_56",
18
+ "disabled": "_disabled_o3r6wz_133",
19
+ "busy": "_busy_o3r6wz_143",
20
+ "busyOverlay": "_busyOverlay_o3r6wz_147",
21
+ "icon": "_icon_o3r6wz_182",
22
+ "allowMultiline": "_allowMultiline_o3r6wz_195",
23
+ "multiline": "_multiline_o3r6wz_199",
24
+ "withoutText": "_withoutText_o3r6wz_203",
25
+ "busyIcon": "_busyIcon_o3r6wz_208",
26
+ "content": "_content_o3r6wz_224",
27
+ "shiftedLeft": "_shiftedLeft_o3r6wz_229",
28
+ "shiftedRight": "_shiftedRight_o3r6wz_232",
29
+ "shiftedTop": "_shiftedTop_o3r6wz_235",
30
+ "shiftedBottom": "_shiftedBottom_o3r6wz_238"
31
31
  };
32
32
  export { styles as default };
package/lib/index.css CHANGED
@@ -1,4 +1,4 @@
1
- ._icon_1tvmsyp_4{
1
+ ._icon_1fbioow_4{
2
2
  --_rs-theme-dark:var(
3
3
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
4
4
  var(--rs-theme-dark, 0)
@@ -8,7 +8,7 @@
8
8
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
9
9
  }
10
10
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
11
- ._icon_1tvmsyp_4{
11
+ ._icon_1fbioow_4{
12
12
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
13
13
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
14
14
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -17,7 +17,7 @@
17
17
  }
18
18
  }
19
19
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
20
- ._icon_1tvmsyp_4{
20
+ ._icon_1fbioow_4{
21
21
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
22
22
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
23
23
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -25,72 +25,60 @@
25
25
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
26
26
  }
27
27
  }
28
- ._icon_1tvmsyp_4{
28
+ ._icon_1fbioow_4{
29
29
 
30
30
  fill:var(--_rs-icons-themed-fill-or-initial, currentcolor);
31
31
 
32
32
  width:auto;
33
33
  height:var(--_rs-icons-height);
34
34
  }
35
- ._sizeXS_1tvmsyp_14{
35
+ ._sizeXS_1fbioow_14{
36
36
  --_rs-icons-height:16px;
37
37
  }
38
- ._sizeS_1tvmsyp_18{
38
+ ._sizeS_1fbioow_18{
39
39
  --_rs-icons-height:20px;
40
40
  }
41
- ._sizeM_1tvmsyp_22{
41
+ ._sizeM_1fbioow_22{
42
42
  --_rs-icons-height:24px;
43
43
  }
44
- ._sizeL_1tvmsyp_26{
44
+ ._sizeL_1fbioow_26{
45
45
  --_rs-icons-height:28px;
46
46
  }
47
- ._light_1tvmsyp_30{
47
+ ._light_1fbioow_30{
48
48
  --rs-theme-dark:0;
49
49
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
50
50
  }
51
- ._dark_1tvmsyp_34{
51
+ ._dark_1fbioow_34{
52
52
  --rs-theme-dark:1;
53
53
  --_rs-icons-themed-fill-or-initial:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
54
54
  }
55
- @-webkit-keyframes rs-icon-rotate{
56
- from{
57
- -webkit-transform:rotate(0deg);
58
- transform:rotate(0deg);
59
- }
60
- to{
61
- -webkit-transform:rotate(360deg);
62
- transform:rotate(360deg);
63
- }
64
- }
65
55
  @keyframes rs-icon-rotate{
66
56
  from{
67
- -webkit-transform:rotate(0deg);
68
- transform:rotate(0deg);
57
+ transform:rotate(0deg);
69
58
  }
70
59
  to{
71
- -webkit-transform:rotate(360deg);
72
- transform:rotate(360deg);
60
+ transform:rotate(360deg);
73
61
  }
74
62
  }
75
- ._light_1dmt5cy_6{
63
+ ._light_o3r6wz_6{
76
64
  --rs-theme-dark:0;
77
65
  }
78
- ._dark_1dmt5cy_9{
66
+ ._dark_o3r6wz_9{
79
67
  --rs-theme-dark:1;
80
68
  }
81
- ._flatRight_1dmt5cy_13{
69
+ ._flatRight_o3r6wz_13{
82
70
  --_rs-button-top-right-border-radius-or-initial:0px;
83
71
  --_rs-button-bottom-right-border-radius-or-initial:0px;
84
72
  --_rs-button-top-right-multiline-border-radius-or-initial:0px;
85
73
  --_rs-button-bottom-right-multiline-border-radius-or-initial:0px;
86
74
  }
87
- ._flatLeft_1dmt5cy_16{
75
+ ._flatLeft_o3r6wz_16{
88
76
  --_rs-button-top-left-border-radius-or-initial:0px;
89
77
  --_rs-button-bottom-left-border-radius-or-initial:0px;
90
78
  --_rs-button-top-left-multiline-border-radius-or-initial:0px;
91
79
  --_rs-button-bottom-left-multiline-border-radius-or-initial:0px;
92
80
  }
93
- ._sizeXs_1dmt5cy_20{
81
+ ._sizeXs_o3r6wz_20{
94
82
  --_rs-button-border-radius-base:var(
95
83
  --rs-button-xs-border-radius,
96
84
  var(--rs-button-border-radius, 4px)
@@ -105,7 +93,7 @@
105
93
  --_rs-button-icon-size:16px;
106
94
  --_rs-button-icon-offset:4px;
107
95
  }
108
- ._sizeXs_1dmt5cy_20 [data-rs-internal="button__content"]{
96
+ ._sizeXs_o3r6wz_20 [data-rs-internal="button__content"]{
109
97
  --_rs-typography-letter-spacing:0.0045em;
110
98
  --_rs-typography-text-transform:initial;
111
99
  --_rs-typography-font-variant-numeric:initial;
@@ -139,7 +127,7 @@
139
127
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
140
128
  --_rs-typography-link-border-bottom-width-from-text:1px;
141
129
  }
142
- ._sizeS_1dmt5cy_23{
130
+ ._sizeS_o3r6wz_23{
143
131
  --_rs-button-border-radius-base:var(
144
132
  --rs-button-s-border-radius,
145
133
  var(--rs-button-border-radius, 16px)
@@ -154,7 +142,7 @@
154
142
  --_rs-button-icon-size:20px;
155
143
  --_rs-button-icon-offset:8px;
156
144
  }
157
- ._sizeS_1dmt5cy_23 [data-rs-internal="button__content"]{
145
+ ._sizeS_o3r6wz_23 [data-rs-internal="button__content"]{
158
146
  --_rs-typography-letter-spacing:0.0045em;
159
147
  --_rs-typography-text-transform:initial;
160
148
  --_rs-typography-font-variant-numeric:initial;
@@ -188,7 +176,7 @@
188
176
  --_rs-typography-link-external-standalone-border-offset-from-text-base:1.02em;
189
177
  --_rs-typography-link-border-bottom-width-from-text:1px;
190
178
  }
191
- ._sizeM_1dmt5cy_26{
179
+ ._sizeM_o3r6wz_26{
192
180
  --_rs-button-border-radius-base:var(
193
181
  --rs-button-m-border-radius,
194
182
  var(--rs-button-border-radius, 20px)
@@ -203,7 +191,7 @@
203
191
  --_rs-button-icon-size:24px;
204
192
  --_rs-button-icon-offset:8px;
205
193
  }
206
- ._sizeM_1dmt5cy_26 [data-rs-internal="button__content"]{
194
+ ._sizeM_o3r6wz_26 [data-rs-internal="button__content"]{
207
195
  --_rs-typography-letter-spacing:0.0015em;
208
196
  --_rs-typography-text-transform:initial;
209
197
  --_rs-typography-font-variant-numeric:initial;
@@ -238,11 +226,11 @@
238
226
  --_rs-typography-link-border-bottom-width-from-text:1px;
239
227
  }
240
228
  @media screen and (max-width: 640px){
241
- ._sizeM_1dmt5cy_26 [data-rs-internal="button__content"]{
229
+ ._sizeM_o3r6wz_26 [data-rs-internal="button__content"]{
242
230
  --_rs-typography-list-li-margin-top-from-text:12px;
243
231
  }
244
232
  }
245
- ._sizeL_1dmt5cy_29{
233
+ ._sizeL_o3r6wz_29{
246
234
  --_rs-button-border-radius-base:var(
247
235
  --rs-button-l-border-radius,
248
236
  var(--rs-button-border-radius, 26px)
@@ -257,7 +245,7 @@
257
245
  --_rs-button-icon-size:28px;
258
246
  --_rs-button-icon-offset:16px;
259
247
  }
260
- ._sizeL_1dmt5cy_29 [data-rs-internal="button__content"]{
248
+ ._sizeL_o3r6wz_29 [data-rs-internal="button__content"]{
261
249
  --_rs-typography-letter-spacing:normal;
262
250
  --_rs-typography-text-transform:initial;
263
251
  --_rs-typography-font-variant-numeric:initial;
@@ -292,11 +280,11 @@
292
280
  --_rs-typography-link-border-bottom-width-from-text:1px;
293
281
  }
294
282
  @media screen and (max-width: 640px){
295
- ._sizeL_1dmt5cy_29 [data-rs-internal="button__content"]{
283
+ ._sizeL_o3r6wz_29 [data-rs-internal="button__content"]{
296
284
  --_rs-typography-list-li-margin-top-from-text:16px;
297
285
  }
298
286
  }
299
- ._modeClassic_1dmt5cy_33{
287
+ ._modeClassic_o3r6wz_33{
300
288
  --_rs-button-inner-border-display:none;
301
289
  --_rs-button-color:#FFFFFF;
302
290
  --_rs-button-background:var(--_rs-color-primary);
@@ -308,7 +296,7 @@
308
296
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
309
297
  --_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
310
298
  }
311
- ._modeRock_1dmt5cy_36{
299
+ ._modeRock_o3r6wz_36{
312
300
  --_rs-button-inner-border-display:none;
313
301
  --_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
314
302
  --_rs-button-background:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
@@ -321,7 +309,7 @@
321
309
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
322
310
  --_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.2);
323
311
  }
324
- ._modeTransparent_1dmt5cy_39{
312
+ ._modeTransparent_o3r6wz_39{
325
313
  --_rs-button-inner-border-display:none;
326
314
  --_rs-button-color:rgb(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227));
327
315
  --_rs-button-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
@@ -333,7 +321,7 @@
333
321
  --_rs-button-disabled-color:rgba(calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*230), calc(255 - var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
334
322
  --_rs-button-disabled-background:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.4);
335
323
  }
336
- ._modeOutline_1dmt5cy_42{
324
+ ._modeOutline_o3r6wz_42{
337
325
  --_rs-button-inner-border-display:block;
338
326
  --_rs-button-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
339
327
  --_rs-button-background:transparent;
@@ -345,7 +333,7 @@
345
333
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
346
334
  --_rs-button-disabled-background:transparent;
347
335
  }
348
- ._modeClear_1dmt5cy_45{
336
+ ._modeClear_o3r6wz_45{
349
337
  --_rs-button-inner-border-display:none;
350
338
  --_rs-button-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
351
339
  --_rs-button-background:transparent;
@@ -357,13 +345,13 @@
357
345
  --_rs-button-disabled-color:rgba(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227), 0.5);
358
346
  --_rs-button-disabled-background:transparent;
359
347
  }
360
- ._alignIconLeft_1dmt5cy_49{
348
+ ._alignIconLeft_o3r6wz_49{
361
349
  --_rs-button-icon-flex-direction:row;
362
350
  }
363
- ._alignIconRight_1dmt5cy_52{
351
+ ._alignIconRight_o3r6wz_52{
364
352
  --_rs-button-icon-flex-direction:row-reverse;
365
353
  }
366
- ._main_1dmt5cy_56{
354
+ ._main_o3r6wz_56{
367
355
  --_rs-theme-dark:var(
368
356
  --_rs-internal-force-theme-dark-consult-rescui-before-using,
369
357
  var(--rs-theme-dark, 0)
@@ -373,7 +361,7 @@
373
361
  --_rs-theme-light-coefficient:calc(1 - var(--_rs-theme-dark-coefficient));
374
362
  }
375
363
  @supports (color: color-mix(in srgb, #fff 50%, #000 50%)){
376
- ._main_1dmt5cy_56{
364
+ ._main_o3r6wz_56{
377
365
  --_rs-color-primary:color-mix(in srgb, var(--rs-color-primary-light-theme, #6B57FF) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dark-theme, #8473FF) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
378
366
  --_rs-color-primary-dim:color-mix(in srgb, var(--rs-color-primary-dim-light-theme, #8979ff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-dim-dark-theme, #6f61d2) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
379
367
  --_rs-color-primary-fog:color-mix(in srgb, var(--rs-color-primary-fog-light-theme, #e1ddff) calc(100%*var(--_rs-theme-light-coefficient, 1)), var(--rs-color-primary-fog-dark-theme, #2e2b49) calc(100%*var(--_rs-theme-dark-coefficient, 0)));
@@ -382,7 +370,7 @@
382
370
  }
383
371
  }
384
372
  @supports not (color: color-mix(in srgb, #fff 50%, #000 50%)){
385
- ._main_1dmt5cy_56{
373
+ ._main_o3r6wz_56{
386
374
  --_rs-color-primary:rgb(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255);
387
375
  --_rs-color-primary-dim:rgb(calc(var(--_rs-theme-light-coefficient, 1)*137 + var(--_rs-theme-dark-coefficient, 0)*111), calc(var(--_rs-theme-light-coefficient, 1)*121 + var(--_rs-theme-dark-coefficient, 0)*97), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*210));
388
376
  --_rs-color-primary-fog:rgb(calc(var(--_rs-theme-light-coefficient, 1)*225 + var(--_rs-theme-dark-coefficient, 0)*46), calc(var(--_rs-theme-light-coefficient, 1)*221 + var(--_rs-theme-dark-coefficient, 0)*43), calc(var(--_rs-theme-light-coefficient, 1)*255 + var(--_rs-theme-dark-coefficient, 0)*73));
@@ -390,7 +378,7 @@
390
378
  --_rs-color-primary-t-fog:rgba(calc(var(--_rs-theme-light-coefficient, 1)*107 + var(--_rs-theme-dark-coefficient, 0)*132), calc(var(--_rs-theme-light-coefficient, 1)*87 + var(--_rs-theme-dark-coefficient, 0)*115), 255, calc(var(--_rs-theme-light-coefficient, 1)*0.2 + var(--_rs-theme-dark-coefficient, 0)*0.3));
391
379
  }
392
380
  }
393
- ._main_1dmt5cy_56 {
381
+ ._main_o3r6wz_56 {
394
382
  --_rs-button-color-final:var(
395
383
  --_rs-button-color-from-state-active,
396
384
  var(--_rs-button-color-from-state-hover, var(--_rs-button-color))
@@ -447,25 +435,12 @@
447
435
 
448
436
  position:relative;
449
437
 
450
- display:-webkit-inline-box;
451
-
452
- display:-ms-inline-flexbox;
453
-
454
438
  display:inline-flex;
455
- -webkit-box-orient:vertical;
456
- -webkit-box-direction:normal;
457
- -ms-flex-direction:var(--_rs-button-icon-flex-direction);
458
- flex-direction:var(--_rs-button-icon-flex-direction);
459
- -webkit-box-pack:center;
460
- -ms-flex-pack:center;
461
- justify-content:center;
462
- -webkit-box-align:center;
463
- -ms-flex-align:center;
464
- align-items:center;
465
-
466
- -webkit-box-sizing:border-box;
439
+ flex-direction:var(--_rs-button-icon-flex-direction);
440
+ justify-content:center;
441
+ align-items:center;
467
442
 
468
- box-sizing:border-box;
443
+ box-sizing:border-box;
469
444
  padding:var(--_rs-button-vertical-real-padding) var(--_rs-button-horizontal-real-padding);
470
445
 
471
446
  border:none;
@@ -482,29 +457,25 @@
482
457
 
483
458
  background:var(--_rs-button-background-final);
484
459
  background-origin:border-box;
485
- -webkit-box-shadow:var(--_rs-button-box-shadow-final);
486
- box-shadow:var(--_rs-button-box-shadow-final);
487
-
488
- -webkit-transition:color 100ms, background-color 100ms;
460
+ box-shadow:var(--_rs-button-box-shadow-final);
489
461
 
490
462
  transition:color 100ms, background-color 100ms;
491
- -webkit-column-gap:var(--_rs-button-icon-offset);
492
- -moz-column-gap:var(--_rs-button-icon-offset);
493
- column-gap:var(--_rs-button-icon-offset);
463
+ -moz-column-gap:var(--_rs-button-icon-offset);
464
+ column-gap:var(--_rs-button-icon-offset);
494
465
  }
495
- ._main_1dmt5cy_56:hover,
496
- ._main_1dmt5cy_56:focus,
497
- ._main_1dmt5cy_56:active{
466
+ ._main_o3r6wz_56:hover,
467
+ ._main_o3r6wz_56:focus,
468
+ ._main_o3r6wz_56:active{
498
469
  outline:none;
499
470
 
500
471
  text-decoration:none;
501
472
  }
502
- ._main_1dmt5cy_56:focus{
473
+ ._main_o3r6wz_56:focus{
503
474
  color:var(--_rs-button-color-final);
504
475
  background:var(--_rs-button-background-final);
505
476
  }
506
477
  @media (hover: hover){
507
- ._main_1dmt5cy_56:hover{
478
+ ._main_o3r6wz_56:hover{
508
479
  --_rs-button-border-inner-color:rgba(
509
480
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
510
481
  calc(0.3 + var(--_rs-theme-dark-coefficient, 0)*0.1)
@@ -513,7 +484,7 @@
513
484
  --_rs-button-background-from-state-hover:var(--_rs-button-hover-background);
514
485
  }
515
486
  }
516
- ._main_1dmt5cy_56:active{
487
+ ._main_o3r6wz_56:active{
517
488
  --_rs-button-border-inner-width:2px;
518
489
  --_rs-button-border-inner-color:rgb(calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227));
519
490
  --_rs-button-color-from-state-active:var(--_rs-button-color);
@@ -521,17 +492,17 @@
521
492
  --_rs-button-active-background
522
493
  );
523
494
  }
524
- ._main_1dmt5cy_56:focus[data-focus-method='key']{
495
+ ._main_o3r6wz_56:focus[data-focus-method='key']{
525
496
  --_rs-button-box-shadow-from-state-focus-visible:var(
526
497
  --_rs-color-primary-t-dim
527
498
  ) 0 0 0 4px;
528
499
  }
529
- ._main_1dmt5cy_56:active:not(:hover):focus[data-focus-method='key']{
500
+ ._main_o3r6wz_56:active:not(:hover):focus[data-focus-method='key']{
530
501
  --_rs-button-background-from-state-active-focus-visible-no-hover:var(
531
502
  --_rs-button-active-focus-visible-no-hover-background
532
503
  );
533
504
  }
534
- ._main_1dmt5cy_56._disabled_1dmt5cy_133{
505
+ ._main_o3r6wz_56._disabled_o3r6wz_133{
535
506
  --_rs-button-border-inner-color:rgba(
536
507
  calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(25 + var(--_rs-theme-dark-coefficient, 0)*230), calc(28 + var(--_rs-theme-dark-coefficient, 0)*227),
537
508
  0.2
@@ -540,33 +511,26 @@
540
511
  color:var(--_rs-button-disabled-color);
541
512
  background:var(--_rs-button-disabled-background);
542
513
  }
543
- ._main_1dmt5cy_56._busy_1dmt5cy_143{
514
+ ._main_o3r6wz_56._busy_o3r6wz_143{
544
515
  pointer-events:none;
545
516
  }
546
- ._main_1dmt5cy_56._busyOverlay_1dmt5cy_147{
547
- display:-webkit-inline-box;
548
- display:-ms-inline-flexbox;
517
+ ._main_o3r6wz_56._busyOverlay_o3r6wz_147{
549
518
  display:inline-flex;
550
- -webkit-box-pack:center;
551
- -ms-flex-pack:center;
552
- justify-content:center;
553
- -webkit-box-align:center;
554
- -ms-flex-align:center;
555
- align-items:center;
519
+ justify-content:center;
520
+ align-items:center;
556
521
  }
557
- ._main_1dmt5cy_56._busyOverlay_1dmt5cy_147,
558
- ._main_1dmt5cy_56._busyOverlay_1dmt5cy_147:hover,
559
- ._main_1dmt5cy_56._busyOverlay_1dmt5cy_147:active,
560
- ._main_1dmt5cy_56._busyOverlay_1dmt5cy_147._disabled_1dmt5cy_133,
561
- ._main_1dmt5cy_56._busyOverlay_1dmt5cy_147:focus{
522
+ ._main_o3r6wz_56._busyOverlay_o3r6wz_147,
523
+ ._main_o3r6wz_56._busyOverlay_o3r6wz_147:hover,
524
+ ._main_o3r6wz_56._busyOverlay_o3r6wz_147:active,
525
+ ._main_o3r6wz_56._busyOverlay_o3r6wz_147._disabled_o3r6wz_133,
526
+ ._main_o3r6wz_56._busyOverlay_o3r6wz_147:focus{
562
527
  -webkit-user-select:none;
563
528
  -moz-user-select:none;
564
- -ms-user-select:none;
565
529
  user-select:none;
566
530
 
567
531
  color:transparent;
568
532
  }
569
- ._main_1dmt5cy_56::before{
533
+ ._main_o3r6wz_56::before{
570
534
  position:absolute;
571
535
  top:0;
572
536
  right:0;
@@ -581,46 +545,42 @@
581
545
  content:'';
582
546
  pointer-events:none;
583
547
 
584
- -webkit-transition:border-color 100ms;
585
-
586
548
  transition:border-color 100ms;
587
549
  }
588
- ._main_1dmt5cy_56 ._icon_1dmt5cy_182{
550
+ ._main_o3r6wz_56 ._icon_o3r6wz_182{
589
551
  width:auto;
590
552
  height:var(--_rs-button-icon-size);
591
553
 
592
554
  margin:0;
593
555
  fill:currentColor;
594
556
  }
595
- ._disabled_1dmt5cy_133{
557
+ ._disabled_o3r6wz_133{
596
558
  pointer-events:none;
597
559
  }
598
- ._allowMultiline_1dmt5cy_195{
560
+ ._allowMultiline_o3r6wz_195{
599
561
  white-space:normal;
600
562
  }
601
- ._multiline_1dmt5cy_199{
563
+ ._multiline_o3r6wz_199{
602
564
  border-radius:var(--_rs-button-multiline-border-radius);
603
565
  }
604
- ._withoutText_1dmt5cy_203{
566
+ ._withoutText_o3r6wz_203{
605
567
  --_rs-button-horizontal-real-padding:var(--_rs-button-icon-only-padding);
606
568
  --_rs-button-vertical-real-padding:var(--_rs-button-icon-only-padding);
607
569
  }
608
- ._busyIcon_1dmt5cy_208{
570
+ ._busyIcon_o3r6wz_208{
609
571
  position:absolute;
610
572
  top:50%;
611
573
  left:50%;
612
574
 
613
- -webkit-transform:translate(-50%, -50%);
614
-
615
- transform:translate(-50%, -50%);
575
+ transform:translate(-50%, -50%);
616
576
  }
617
- ._main_1dmt5cy_56 ._busyIcon_1dmt5cy_208{
577
+ ._main_o3r6wz_56 ._busyIcon_o3r6wz_208{
618
578
  color:var(--_rs-button-color);
619
579
  }
620
- ._main_1dmt5cy_56._disabled_1dmt5cy_133 ._busyIcon_1dmt5cy_208{
580
+ ._main_o3r6wz_56._disabled_o3r6wz_133 ._busyIcon_o3r6wz_208{
621
581
  color:var(--_rs-button-disabled-color);
622
582
  }
623
- ._content_1dmt5cy_224{
583
+ ._content_o3r6wz_224{
624
584
  letter-spacing:var(
625
585
  --rs-text-base-letter-spacing,
626
586
  var(--_rs-typography-letter-spacing)
@@ -631,18 +591,17 @@
631
591
  font-weight:var(--_rs-typography-font-weight);
632
592
  line-height:var(--_rs-typography-line-height);
633
593
  font-variant-numeric:var(--_rs-typography-font-variant-numeric);
634
- -webkit-font-feature-settings:'kern', 'liga', 'calt';
635
594
  font-feature-settings:'kern', 'liga', 'calt';
636
595
  }
637
- ._shiftedLeft_1dmt5cy_229{
596
+ ._shiftedLeft_o3r6wz_229{
638
597
  margin-left:calc(var(--_rs-button-horizontal-real-padding)*-1);
639
598
  }
640
- ._shiftedRight_1dmt5cy_232{
599
+ ._shiftedRight_o3r6wz_232{
641
600
  margin-right:calc(var(--_rs-button-horizontal-real-padding)*-1);
642
601
  }
643
- ._shiftedTop_1dmt5cy_235{
602
+ ._shiftedTop_o3r6wz_235{
644
603
  margin-top:calc(var(--_rs-button-vertical-real-padding)*-1);
645
604
  }
646
- ._shiftedBottom_1dmt5cy_238{
605
+ ._shiftedBottom_o3r6wz_238{
647
606
  margin-bottom:calc(var(--_rs-button-vertical-real-padding)*-1);
648
607
  }
package/lib/index.js CHANGED
@@ -5,5 +5,5 @@ export { Button } from './button.js';
5
5
  * @deprecated use named import instead
6
6
  */
7
7
 
8
- var DefaultButton = Button;
8
+ const DefaultButton = Button;
9
9
  export { DefaultButton as default };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rescui/button",
3
- "version": "0.18.0",
3
+ "version": "0.19.0",
4
4
  "description": "",
5
5
  "license": "Apache-2.0",
6
6
  "author": "JetBrains",
@@ -14,10 +14,9 @@
14
14
  "access": "public"
15
15
  },
16
16
  "dependencies": {
17
- "@babel/runtime-corejs3": "^7.14.0",
18
- "@rescui/use-resize-observer": "^0.2.4",
19
- "classnames": "^2.2.6",
20
- "core-js": "^3.9.1"
17
+ "@babel/runtime-corejs3": "^7.26.0",
18
+ "@rescui/use-resize-observer": "^0.2.5",
19
+ "classnames": "^2.2.6"
21
20
  },
22
21
  "peerDependencies": {
23
22
  "@rescui/ui-contexts": "^0.5.0",
@@ -25,10 +24,10 @@
25
24
  "react": ">=16.8.0 <19"
26
25
  },
27
26
  "devDependencies": {
28
- "@rescui/colors": "^0.2.5",
29
- "@rescui/icons": "^0.16.11",
30
- "@rescui/scripts": "^0.3.4",
31
- "@rescui/typography": "^0.19.0",
27
+ "@rescui/colors": "^0.2.6",
28
+ "@rescui/icons": "^0.16.12",
29
+ "@rescui/scripts": "^0.3.5",
30
+ "@rescui/typography": "^0.19.1",
32
31
  "@rescui/visual-regression": "^0.1.2",
33
32
  "@types/classnames": "^2.2.11"
34
33
  },
@@ -37,5 +36,5 @@
37
36
  "build-pcss-api": "rescui-scripts build-pcss-api --file public-api.p.css"
38
37
  },
39
38
  "nx": {},
40
- "gitHead": "d9e048366cc911a0868bca9bb6974b2b667174a5"
39
+ "gitHead": "ad589f300662de65d6ac7bcdc5a2cad6610ca106"
41
40
  }