@salutejs/sdds-cs 0.361.0-canary.2971.29823606776.0 → 0.362.0-dev.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.
@@ -61,11 +61,11 @@ function _interop_require_wildcard(obj, nodeInterop) {
61
61
  }
62
62
  const mergedConfig = (0, _emotion.mergeConfig)(_emotion.buttonConfig, _Buttonconfig.config);
63
63
  const ButtonComponent = (0, _emotion.component)(mergedConfig);
64
- // INFO: Данное поведение запрошено продуктом/командой `sdds-cs`
64
+ // INFO: Данное поведение запрошено продуктом
65
65
  const StyledButton = /*#__PURE__*/ (0, _styled.default)(ButtonComponent, {
66
- target: "e19yzswk0",
66
+ target: "e1owdhnp0",
67
67
  label: "StyledButton"
68
- })("&&.", String(_emotion.buttonClasses.buttonLoading), "{color:var(", _emotion.buttonTokens.buttonColorActive, ",var(", _emotion.buttonTokens.buttonColor, "));background:var(", _emotion.buttonTokens.buttonBackgroundColorActive, ",var(", _emotion.buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvC/QutC+0LzQsNC90LTQvtC5IGBzZGRzLWNzYFxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkNvbXBvbmVudClgXG4gICAgJiYuJHtTdHJpbmcoYnV0dG9uQ2xhc3Nlcy5idXR0b25Mb2FkaW5nKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfSkpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pKTtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L3QvtC/0LrQsC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IG1ha2VQb2x5bW9ycGhpYyhcbiAgICBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSksXG4gICAgJ2J1dHRvbicsXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");
68
+ })("&&.", String(_emotion.buttonClasses.buttonLoading), "{color:var(", _emotion.buttonTokens.buttonColorActive, ",var(", _emotion.buttonTokens.buttonColor, "));background:var(", _emotion.buttonTokens.buttonBackgroundColorActive, ",var(", _emotion.buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvFxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkNvbXBvbmVudClgXG4gICAgJiYuJHtTdHJpbmcoYnV0dG9uQ2xhc3Nlcy5idXR0b25Mb2FkaW5nKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfSkpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pKTtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L3QvtC/0LrQsC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IG1ha2VQb2x5bW9ycGhpYyhcbiAgICBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSksXG4gICAgJ2J1dHRvbicsXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");
69
69
  const Button = (0, _plasmanewhope.makePolymorphic)(/*#__PURE__*/ (0, _react.forwardRef)(({ onClick, isLoading, value, ...props }, ref)=>{
70
70
  const handleClick = (0, _react.useCallback)((event)=>{
71
71
  if (!isLoading) {
@@ -8,8 +8,77 @@ Object.defineProperty(exports, "IconButton", {
8
8
  return IconButton;
9
9
  }
10
10
  });
11
+ const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
11
12
  const _emotion = require("@salutejs/plasma-new-hope/emotion");
13
+ const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
12
14
  const _IconButtonconfig = require("./IconButton.config");
15
+ function _interop_require_default(obj) {
16
+ return obj && obj.__esModule ? obj : {
17
+ default: obj
18
+ };
19
+ }
20
+ function _getRequireWildcardCache(nodeInterop) {
21
+ if (typeof WeakMap !== "function") return null;
22
+ var cacheBabelInterop = new WeakMap();
23
+ var cacheNodeInterop = new WeakMap();
24
+ return (_getRequireWildcardCache = function(nodeInterop) {
25
+ return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
26
+ })(nodeInterop);
27
+ }
28
+ function _interop_require_wildcard(obj, nodeInterop) {
29
+ if (!nodeInterop && obj && obj.__esModule) {
30
+ return obj;
31
+ }
32
+ if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
33
+ return {
34
+ default: obj
35
+ };
36
+ }
37
+ var cache = _getRequireWildcardCache(nodeInterop);
38
+ if (cache && cache.has(obj)) {
39
+ return cache.get(obj);
40
+ }
41
+ var newObj = {
42
+ __proto__: null
43
+ };
44
+ var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
45
+ for(var key in obj){
46
+ if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
47
+ var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
48
+ if (desc && (desc.get || desc.set)) {
49
+ Object.defineProperty(newObj, key, desc);
50
+ } else {
51
+ newObj[key] = obj[key];
52
+ }
53
+ }
54
+ }
55
+ newObj.default = obj;
56
+ if (cache) {
57
+ cache.set(obj, newObj);
58
+ }
59
+ return newObj;
60
+ }
13
61
  const mergedConfig = (0, _emotion.mergeConfig)(_emotion.iconButtonConfig, _IconButtonconfig.config);
14
62
  const IconButtonComponent = (0, _emotion.component)(mergedConfig);
15
- const IconButton = IconButtonComponent;
63
+ const { iconButtonBackgroundColorActive, iconButtonBackgroundColor, iconButtonColor, iconButtonColorActive } = _emotion.iconButtonTokens;
64
+ // INFO: Данное поведение запрошено продуктом
65
+ const StyledIconButton = /*#__PURE__*/ (0, _styled.default)(IconButtonComponent, {
66
+ target: "ez9pxld0",
67
+ label: "StyledIconButton"
68
+ })("&&.", String(_emotion.buttonClasses.buttonLoading), "{color:var(", iconButtonColorActive, ",var(", iconButtonColor, "));background:var(", iconButtonBackgroundColorActive, ",var(", iconButtonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIHVzZUNhbGxiYWNrLCBNb3VzZUV2ZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgICBpY29uQnV0dG9uQ29uZmlnLFxuICAgIGNvbXBvbmVudCxcbiAgICBtZXJnZUNvbmZpZyxcbiAgICBidXR0b25DbGFzc2VzLFxuICAgIGljb25CdXR0b25Ub2tlbnMsXG59IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vSWNvbkJ1dHRvbi5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgSWNvbkJ1dHRvbkNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG50eXBlIEljb25CdXR0b25Qcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBJY29uQnV0dG9uQ29tcG9uZW50PjtcblxuY29uc3Qge1xuICAgIGljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcixcbiAgICBpY29uQnV0dG9uQ29sb3IsXG4gICAgaWNvbkJ1dHRvbkNvbG9yQWN0aXZlLFxufSA9IGljb25CdXR0b25Ub2tlbnM7XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvFxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICAmJi4ke1N0cmluZyhidXR0b25DbGFzc2VzLmJ1dHRvbkxvYWRpbmcpfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHtpY29uQnV0dG9uQ29sb3JBY3RpdmV9LCB2YXIoJHtpY29uQnV0dG9uQ29sb3J9KSk7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke2ljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9LCB2YXIoJHtpY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSkpO1xuXG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0JrQvdC+0L/QutCwINGBINC40LrQvtC90LrQvtC5LlxuICovXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEljb25CdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoIWlzTG9hZGluZykge1xuICAgICAgICAgICAgICAgIG9uQ2xpY2s/LihldmVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtpc0xvYWRpbmcsIG9uQ2xpY2tdLFxuICAgICk7XG5cbiAgICByZXR1cm4gPFN0eWxlZEljb25CdXR0b24gcmVmPXtyZWZ9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfSBpc0xvYWRpbmc9e2lzTG9hZGluZ30gey4uLnByb3BzfSAvPjtcbn0pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCeUIifQ== */");
69
+ const IconButton = /*#__PURE__*/ (0, _react.forwardRef)(({ onClick, isLoading, ...props }, ref)=>{
70
+ const handleClick = (0, _react.useCallback)((event)=>{
71
+ if (!isLoading) {
72
+ onClick?.(event);
73
+ }
74
+ }, [
75
+ isLoading,
76
+ onClick
77
+ ]);
78
+ return /*#__PURE__*/ _react.default.createElement(StyledIconButton, {
79
+ ref: ref,
80
+ onClick: handleClick,
81
+ isLoading: isLoading,
82
+ ...props
83
+ });
84
+ });
@@ -5,11 +5,11 @@ import styled from '@emotion/styled';
5
5
  import { config } from './Button.config';
6
6
  const mergedConfig = mergeConfig(buttonConfig, config);
7
7
  const ButtonComponent = component(mergedConfig);
8
- // INFO: Данное поведение запрошено продуктом/командой `sdds-cs`
8
+ // INFO: Данное поведение запрошено продуктом
9
9
  const StyledButton = /*#__PURE__*/ styled(ButtonComponent, {
10
- target: "e19yzswk0",
10
+ target: "e1owdhnp0",
11
11
  label: "StyledButton"
12
- })("&&.", String(buttonClasses.buttonLoading), "{color:var(", buttonTokens.buttonColorActive, ",var(", buttonTokens.buttonColor, "));background:var(", buttonTokens.buttonBackgroundColorActive, ",var(", buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvC/QutC+0LzQsNC90LTQvtC5IGBzZGRzLWNzYFxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkNvbXBvbmVudClgXG4gICAgJiYuJHtTdHJpbmcoYnV0dG9uQ2xhc3Nlcy5idXR0b25Mb2FkaW5nKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfSkpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pKTtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L3QvtC/0LrQsC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IG1ha2VQb2x5bW9ycGhpYyhcbiAgICBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSksXG4gICAgJ2J1dHRvbicsXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");
12
+ })("&&.", String(buttonClasses.buttonLoading), "{color:var(", buttonTokens.buttonColorActive, ",var(", buttonTokens.buttonColor, "));background:var(", buttonTokens.buttonBackgroundColorActive, ",var(", buttonTokens.buttonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQnV0dG9uL0J1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0J1dHRvbi9CdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBDb21wb25lbnRQcm9wcywgdXNlQ2FsbGJhY2ssIE1vdXNlRXZlbnQsIGZvcndhcmRSZWYgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBidXR0b25Db25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcsIGJ1dHRvbkNsYXNzZXMsIGJ1dHRvblRva2VucyB9IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgeyBtYWtlUG9seW1vcnBoaWMgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgY29uZmlnIH0gZnJvbSAnLi9CdXR0b24uY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgQnV0dG9uQ29tcG9uZW50ID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCB0eXBlIEJ1dHRvblByb3BzID0gQ29tcG9uZW50UHJvcHM8dHlwZW9mIEJ1dHRvbkNvbXBvbmVudD47XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvFxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKEJ1dHRvbkNvbXBvbmVudClgXG4gICAgJiYuJHtTdHJpbmcoYnV0dG9uQ2xhc3Nlcy5idXR0b25Mb2FkaW5nKX0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfSkpO1xuICAgICAgICBiYWNrZ3JvdW5kOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSwgdmFyKCR7YnV0dG9uVG9rZW5zLmJ1dHRvbkJhY2tncm91bmRDb2xvcn0pKTtcblxuICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICB9XG5gO1xuXG4vKipcbiAqINCa0L3QvtC/0LrQsC5cbiAqL1xuZXhwb3J0IGNvbnN0IEJ1dHRvbiA9IG1ha2VQb2x5bW9ycGhpYyhcbiAgICBmb3J3YXJkUmVmPE9taXQ8SFRNTEJ1dHRvbkVsZW1lbnQsICd2YWx1ZSc+LCBCdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCB2YWx1ZSwgLi4ucHJvcHMgfSwgcmVmKSA9PiB7XG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKCFpc0xvYWRpbmcpIHtcbiAgICAgICAgICAgICAgICAgICAgb25DbGljaz8uKGV2ZW50KTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9LFxuICAgICAgICAgICAgW2lzTG9hZGluZywgb25DbGlja10sXG4gICAgICAgICk7XG5cbiAgICAgICAgLy8gQHRzLWlnbm9yZVxuICAgICAgICByZXR1cm4gPFN0eWxlZEJ1dHRvbiB2YWx1ZT17dmFsdWV9IHJlZj17cmVmfSBvbkNsaWNrPXtoYW5kbGVDbGlja30gaXNMb2FkaW5nPXtpc0xvYWRpbmd9IHsuLi5wcm9wc30gLz47XG4gICAgfSksXG4gICAgJ2J1dHRvbicsXG4pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWFxQiJ9 */");
13
13
  /**
14
14
  * Кнопка.
15
15
  */ export const Button = makePolymorphic(/*#__PURE__*/ forwardRef(({ onClick, isLoading, value, ...props }, ref)=>{
@@ -1,7 +1,30 @@
1
- import { iconButtonConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
1
+ import React, { useCallback, forwardRef } from 'react';
2
+ import { iconButtonConfig, component, mergeConfig, buttonClasses, iconButtonTokens } from '@salutejs/plasma-new-hope/emotion';
3
+ import styled from '@emotion/styled';
2
4
  import { config } from './IconButton.config';
3
5
  const mergedConfig = mergeConfig(iconButtonConfig, config);
4
6
  const IconButtonComponent = component(mergedConfig);
7
+ const { iconButtonBackgroundColorActive, iconButtonBackgroundColor, iconButtonColor, iconButtonColorActive } = iconButtonTokens;
8
+ // INFO: Данное поведение запрошено продуктом
9
+ const StyledIconButton = /*#__PURE__*/ styled(IconButtonComponent, {
10
+ target: "ez9pxld0",
11
+ label: "StyledIconButton"
12
+ })("&&.", String(buttonClasses.buttonLoading), "{color:var(", iconButtonColorActive, ",var(", iconButtonColor, "));background:var(", iconButtonBackgroundColorActive, ",var(", iconButtonBackgroundColor, "));pointer-events:none;}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSWNvbkJ1dHRvbi9JY29uQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIHVzZUNhbGxiYWNrLCBNb3VzZUV2ZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgICBpY29uQnV0dG9uQ29uZmlnLFxuICAgIGNvbXBvbmVudCxcbiAgICBtZXJnZUNvbmZpZyxcbiAgICBidXR0b25DbGFzc2VzLFxuICAgIGljb25CdXR0b25Ub2tlbnMsXG59IGZyb20gJ0BzYWx1dGVqcy9wbGFzbWEtbmV3LWhvcGUvZW1vdGlvbic7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbmZpZyB9IGZyb20gJy4vSWNvbkJ1dHRvbi5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhpY29uQnV0dG9uQ29uZmlnLCBjb25maWcpO1xuY29uc3QgSWNvbkJ1dHRvbkNvbXBvbmVudCA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG50eXBlIEljb25CdXR0b25Qcm9wcyA9IENvbXBvbmVudFByb3BzPHR5cGVvZiBJY29uQnV0dG9uQ29tcG9uZW50PjtcblxuY29uc3Qge1xuICAgIGljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmUsXG4gICAgaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcixcbiAgICBpY29uQnV0dG9uQ29sb3IsXG4gICAgaWNvbkJ1dHRvbkNvbG9yQWN0aXZlLFxufSA9IGljb25CdXR0b25Ub2tlbnM7XG5cbi8vIElORk86INCU0LDQvdC90L7QtSDQv9C+0LLQtdC00LXQvdC40LUg0LfQsNC/0YDQvtGI0LXQvdC+INC/0YDQvtC00YPQutGC0L7QvFxuY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uQ29tcG9uZW50KWBcbiAgICAmJi4ke1N0cmluZyhidXR0b25DbGFzc2VzLmJ1dHRvbkxvYWRpbmcpfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHtpY29uQnV0dG9uQ29sb3JBY3RpdmV9LCB2YXIoJHtpY29uQnV0dG9uQ29sb3J9KSk7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke2ljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9LCB2YXIoJHtpY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfSkpO1xuXG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0JrQvdC+0L/QutCwINGBINC40LrQvtC90LrQvtC5LlxuICovXG5leHBvcnQgY29uc3QgSWNvbkJ1dHRvbiA9IGZvcndhcmRSZWY8SFRNTEJ1dHRvbkVsZW1lbnQsIEljb25CdXR0b25Qcm9wcz4oKHsgb25DbGljaywgaXNMb2FkaW5nLCAuLi5wcm9wcyB9LCByZWYpID0+IHtcbiAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoZXZlbnQ6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgICAgICAgICBpZiAoIWlzTG9hZGluZykge1xuICAgICAgICAgICAgICAgIG9uQ2xpY2s/LihldmVudCk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICAgIFtpc0xvYWRpbmcsIG9uQ2xpY2tdLFxuICAgICk7XG5cbiAgICByZXR1cm4gPFN0eWxlZEljb25CdXR0b24gcmVmPXtyZWZ9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfSBpc0xvYWRpbmc9e2lzTG9hZGluZ30gey4uLnByb3BzfSAvPjtcbn0pO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCeUIifQ== */");
5
13
  /**
6
14
  * Кнопка с иконкой.
7
- */ export const IconButton = IconButtonComponent;
15
+ */ export const IconButton = /*#__PURE__*/ forwardRef(({ onClick, isLoading, ...props }, ref)=>{
16
+ const handleClick = useCallback((event)=>{
17
+ if (!isLoading) {
18
+ onClick?.(event);
19
+ }
20
+ }, [
21
+ isLoading,
22
+ onClick
23
+ ]);
24
+ return /*#__PURE__*/ React.createElement(StyledIconButton, {
25
+ ref: ref,
26
+ onClick: handleClick,
27
+ isLoading: isLoading,
28
+ ...props
29
+ });
30
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-cs",
3
- "version": "0.361.0-canary.2971.29823606776.0",
3
+ "version": "0.362.0-dev.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS CS web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "publishConfig": {
@@ -42,8 +42,8 @@
42
42
  "styled-components": "^5.3.1"
43
43
  },
44
44
  "dependencies": {
45
- "@salutejs/plasma-new-hope": "0.369.0-canary.2971.29823606776.0",
46
- "@salutejs/sdds-themes": "0.71.0-canary.2971.29823606776.0"
45
+ "@salutejs/plasma-new-hope": "0.370.0-dev.0",
46
+ "@salutejs/sdds-themes": "0.71.0-dev.0"
47
47
  },
48
48
  "devDependencies": {
49
49
  "@babel/cli": "7.24.1",
@@ -58,10 +58,10 @@
58
58
  "@emotion/styled": ">=11",
59
59
  "@originjs/vite-plugin-commonjs": "1.0.3",
60
60
  "@salutejs/plasma-colors": "0.16.0",
61
- "@salutejs/plasma-core": "1.232.0-canary.2971.29823606776.0",
62
- "@salutejs/plasma-cy-utils": "0.162.0-canary.2971.29823606776.0",
63
- "@salutejs/plasma-icons": "1.243.0-canary.2971.29823606776.0",
64
- "@salutejs/plasma-sb-utils": "0.233.0-canary.2971.29823606776.0",
61
+ "@salutejs/plasma-core": "1.233.0-dev.0",
62
+ "@salutejs/plasma-cy-utils": "0.163.0-dev.0",
63
+ "@salutejs/plasma-icons": "1.243.0-dev.0",
64
+ "@salutejs/plasma-sb-utils": "0.234.0-dev.0",
65
65
  "@types/node": "16.7.13",
66
66
  "@types/react": "18.0.28",
67
67
  "@types/react-dom": "18.0.11",
@@ -102,5 +102,5 @@
102
102
  "salute.developers@gmail.com"
103
103
  ],
104
104
  "sideEffects": false,
105
- "gitHead": "ecf28a8b3595f3ab2a879cf4474e6c7baf7aa7be"
105
+ "gitHead": "efcc8fe5582bdd90d0db16c3250d021f08b1288b"
106
106
  }
@@ -1,7 +1,8 @@
1
+ import React from 'react';
1
2
  /**
2
3
  * Кнопка с иконкой.
3
4
  */
4
- export declare const IconButton: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
5
+ export declare const IconButton: React.ForwardRefExoticComponent<(Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
5
6
  view: {
6
7
  accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
7
8
  secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
@@ -17,13 +18,13 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
17
18
  focused: {
18
19
  true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
19
20
  };
20
- }> & ((Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
21
+ }> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
21
22
  text?: string;
22
- contentLeft?: import("react").ReactNode;
23
+ contentLeft?: React.ReactNode;
23
24
  contentPlacing?: "default" | "relaxed";
24
- additionalContent?: import("react").ReactNode;
25
+ additionalContent?: React.ReactNode;
25
26
  isLoading?: boolean;
26
- loader?: import("react").ReactNode;
27
+ loader?: React.ReactNode;
27
28
  stretch?: boolean;
28
29
  stretching?: "auto" | "filled" | "fixed";
29
30
  square?: boolean;
@@ -40,13 +41,29 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
40
41
  } & {
41
42
  value?: string | number;
42
43
  contentRight?: never;
43
- } & import("react").RefAttributes<HTMLButtonElement>) | (Omit<import("react").ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
44
+ } & React.RefAttributes<HTMLButtonElement>, "ref"> | Omit<import("@salutejs/plasma-new-hope/types/engines/types.js").PropsType<{
45
+ view: {
46
+ accent: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
47
+ secondary: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
48
+ clear: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
49
+ };
50
+ size: {
51
+ m: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
52
+ s: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
53
+ };
54
+ disabled: {
55
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
56
+ };
57
+ focused: {
58
+ true: import("@salutejs/plasma-new-hope/types/engines/types.js").PolymorphicClassName;
59
+ };
60
+ }> & Omit<React.ButtonHTMLAttributes<HTMLElement>, "value"> & import("@salutejs/plasma-new-hope/emotion").AsProps & {
44
61
  text?: string;
45
- contentLeft?: import("react").ReactNode;
62
+ contentLeft?: React.ReactNode;
46
63
  contentPlacing?: "default" | "relaxed";
47
- additionalContent?: import("react").ReactNode;
64
+ additionalContent?: React.ReactNode;
48
65
  isLoading?: boolean;
49
- loader?: import("react").ReactNode;
66
+ loader?: React.ReactNode;
50
67
  stretch?: boolean;
51
68
  stretching?: "auto" | "filled" | "fixed";
52
69
  square?: boolean;
@@ -62,5 +79,5 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
62
79
  blur?: import("@salutejs/plasma-new-hope/emotion").Blur;
63
80
  } & {
64
81
  value?: never;
65
- contentRight?: import("react").ReactNode;
66
- } & import("react").RefAttributes<HTMLButtonElement>))>;
82
+ contentRight?: React.ReactNode;
83
+ } & React.RefAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<HTMLButtonElement>>;
@@ -11,6 +11,7 @@ export declare const Rating: import("react").FunctionComponent<import("@salutejs
11
11
  value?: number | null;
12
12
  hasValue?: boolean;
13
13
  precision?: number;
14
+ decimalSeparator?: string;
14
15
  valuePlacement?: "before" | "after";
15
16
  iconSlot?: React.ReactNode;
16
17
  iconSlotOutline?: React.ReactNode;