@salutejs/sdds-cs 0.338.0 → 0.338.1-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.
Files changed (49) hide show
  1. package/dist/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -1
  2. package/dist/emotion/cjs/components/Button/Button.js +80 -23
  3. package/dist/emotion/cjs/components/Combobox/Combobox.js +1 -1
  4. package/dist/emotion/cjs/components/DatePicker/DatePicker.config.js +26 -11
  5. package/dist/emotion/cjs/components/Dropdown/Dropdown.js +1 -1
  6. package/dist/emotion/cjs/components/Notification/Notification.js +1 -1
  7. package/dist/emotion/cjs/components/Select/Select.js +1 -1
  8. package/dist/emotion/cjs/components/Spinner/Spinner.js +5 -7
  9. package/dist/emotion/cjs/components/Tabs/TabItem.js +1 -1
  10. package/dist/emotion/cjs/components/Tabs/Tabs.js +1 -1
  11. package/dist/emotion/cjs/components/Tokens/Colors/Colors.styles.js +55 -89
  12. package/dist/emotion/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +25 -38
  13. package/dist/emotion/cjs/components/Tokens/Typography/Typography.styles.js +75 -125
  14. package/dist/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
  15. package/dist/emotion/es/components/Button/Button.js +80 -23
  16. package/dist/emotion/es/components/Combobox/Combobox.js +1 -1
  17. package/dist/emotion/es/components/DatePicker/DatePicker.config.js +26 -11
  18. package/dist/emotion/es/components/Dropdown/Dropdown.js +1 -1
  19. package/dist/emotion/es/components/Notification/Notification.js +1 -1
  20. package/dist/emotion/es/components/Select/Select.js +1 -1
  21. package/dist/emotion/es/components/Spinner/Spinner.js +5 -7
  22. package/dist/emotion/es/components/Tabs/TabItem.js +1 -1
  23. package/dist/emotion/es/components/Tabs/Tabs.js +1 -1
  24. package/dist/emotion/es/components/Tokens/Colors/Colors.styles.js +55 -89
  25. package/dist/emotion/es/components/Tokens/NumberTokens/NumberTokens.styles.js +25 -38
  26. package/dist/emotion/es/components/Tokens/Typography/Typography.styles.js +75 -125
  27. package/dist/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -1
  28. package/dist/styled-components/cjs/components/Button/Button.js +75 -11
  29. package/dist/styled-components/cjs/components/Combobox/Combobox.js +1 -1
  30. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +26 -11
  31. package/dist/styled-components/cjs/components/Dropdown/Dropdown.js +1 -1
  32. package/dist/styled-components/cjs/components/Notification/Notification.js +1 -1
  33. package/dist/styled-components/cjs/components/Select/Select.js +1 -1
  34. package/dist/styled-components/cjs/components/Tabs/TabItem.js +1 -1
  35. package/dist/styled-components/cjs/components/Tabs/Tabs.js +1 -1
  36. package/dist/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
  37. package/dist/styled-components/es/components/Button/Button.js +75 -11
  38. package/dist/styled-components/es/components/Combobox/Combobox.js +1 -1
  39. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +26 -11
  40. package/dist/styled-components/es/components/Dropdown/Dropdown.js +1 -1
  41. package/dist/styled-components/es/components/Notification/Notification.js +1 -1
  42. package/dist/styled-components/es/components/Select/Select.js +1 -1
  43. package/dist/styled-components/es/components/Tabs/TabItem.js +1 -1
  44. package/dist/styled-components/es/components/Tabs/Tabs.js +1 -1
  45. package/package.json +8 -8
  46. package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
  47. package/types/components/Combobox/Combobox.d.ts +24 -24
  48. package/types/components/DatePicker/DatePicker.d.ts +2 -1
  49. package/types/components/Select/Select.d.ts +6 -6
@@ -78,7 +78,7 @@ function _object_spread_props(target, source) {
78
78
  }
79
79
  var mergedConfig = (0, _emotion.mergeConfig)(_emotion.autocompleteConfig, _Autocompleteconfig.config);
80
80
  var AutocompleteComponent = (0, _emotion.component)(mergedConfig);
81
- var AutocompleteWithoutRef = function(props, ref) {
81
+ var AutocompleteWithoutRef = function AutocompleteWithoutRef(props, ref) {
82
82
  return /*#__PURE__*/ _react.default.createElement(AutocompleteComponent, _object_spread_props(_object_spread({}, props), {
83
83
  ref: ref
84
84
  }));
@@ -10,8 +10,16 @@ Object.defineProperty(exports, "Button", {
10
10
  });
11
11
  var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
12
12
  var _emotion = require("@salutejs/plasma-new-hope/emotion");
13
- var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
13
+ var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
14
14
  var _Buttonconfig = require("./Button.config");
15
+ function _array_like_to_array(arr, len) {
16
+ if (len == null || len > arr.length) len = arr.length;
17
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
18
+ return arr2;
19
+ }
20
+ function _array_with_holes(arr) {
21
+ if (Array.isArray(arr)) return arr;
22
+ }
15
23
  function _define_property(obj, key, value) {
16
24
  if (key in obj) {
17
25
  Object.defineProperty(obj, key, {
@@ -71,6 +79,36 @@ function _interop_require_wildcard(obj, nodeInterop) {
71
79
  }
72
80
  return newObj;
73
81
  }
82
+ function _iterable_to_array(iter) {
83
+ if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
84
+ }
85
+ function _iterable_to_array_limit(arr, i) {
86
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
87
+ if (_i == null) return;
88
+ var _arr = [];
89
+ var _n = true;
90
+ var _d = false;
91
+ var _s, _e;
92
+ try {
93
+ for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
94
+ _arr.push(_s.value);
95
+ if (i && _arr.length === i) break;
96
+ }
97
+ } catch (err) {
98
+ _d = true;
99
+ _e = err;
100
+ } finally{
101
+ try {
102
+ if (!_n && _i["return"] != null) _i["return"]();
103
+ } finally{
104
+ if (_d) throw _e;
105
+ }
106
+ }
107
+ return _arr;
108
+ }
109
+ function _non_iterable_rest() {
110
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
111
+ }
74
112
  function _object_spread(target) {
75
113
  for(var i = 1; i < arguments.length; i++){
76
114
  var source = arguments[i] != null ? arguments[i] : {};
@@ -88,12 +126,22 @@ function _object_spread(target) {
88
126
  }
89
127
  function _object_without_properties(source, excluded) {
90
128
  if (source == null) return {};
91
- var target = _object_without_properties_loose(source, excluded);
92
- var key, i;
129
+ var target = {}, sourceKeys, key, i;
130
+ if (typeof Reflect !== "undefined" && Reflect.ownKeys) {
131
+ sourceKeys = Reflect.ownKeys(source);
132
+ for(i = 0; i < sourceKeys.length; i++){
133
+ key = sourceKeys[i];
134
+ if (excluded.indexOf(key) >= 0) continue;
135
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
136
+ target[key] = source[key];
137
+ }
138
+ return target;
139
+ }
140
+ target = _object_without_properties_loose(source, excluded);
93
141
  if (Object.getOwnPropertySymbols) {
94
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
95
- for(i = 0; i < sourceSymbolKeys.length; i++){
96
- key = sourceSymbolKeys[i];
142
+ sourceKeys = Object.getOwnPropertySymbols(source);
143
+ for(i = 0; i < sourceKeys.length; i++){
144
+ key = sourceKeys[i];
97
145
  if (excluded.indexOf(key) >= 0) continue;
98
146
  if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
99
147
  target[key] = source[key];
@@ -103,36 +151,45 @@ function _object_without_properties(source, excluded) {
103
151
  }
104
152
  function _object_without_properties_loose(source, excluded) {
105
153
  if (source == null) return {};
106
- var target = {};
107
- var sourceKeys = Object.keys(source);
108
- var key, i;
154
+ var target = {}, sourceKeys = Object.getOwnPropertyNames(source), key, i;
109
155
  for(i = 0; i < sourceKeys.length; i++){
110
156
  key = sourceKeys[i];
111
157
  if (excluded.indexOf(key) >= 0) continue;
158
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
112
159
  target[key] = source[key];
113
160
  }
114
161
  return target;
115
162
  }
163
+ function _sliced_to_array(arr, i) {
164
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
165
+ }
166
+ function _to_array(arr) {
167
+ return _array_with_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_rest();
168
+ }
169
+ function _unsupported_iterable_to_array(o, minLen) {
170
+ if (!o) return;
171
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
172
+ var n = Object.prototype.toString.call(o).slice(8, -1);
173
+ if (n === "Object" && o.constructor) n = o.constructor.name;
174
+ if (n === "Map" || n === "Set") return Array.from(n);
175
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
176
+ }
116
177
  var mergedConfig = (0, _emotion.mergeConfig)(_emotion.buttonConfig, _Buttonconfig.config);
117
178
  var ButtonComponent = (0, _emotion.component)(mergedConfig);
118
179
  // INFO: Данное поведение запрошено продуктом/командой `sdds-cs`
119
- var StyledButton = (0, _styledcomponents.default)(ButtonComponent).withConfig({
120
- displayName: "Button__StyledButton",
121
- componentId: "sc-e5fea98-0"
122
- })([
123
- "&&.",
124
- "{color:var(",
125
- ",var(",
126
- "));background:var(",
127
- ",var(",
128
- "));pointer-events:none;}"
129
- ], String(_emotion.buttonClasses.buttonLoading), _emotion.buttonTokens.buttonColorActive, _emotion.buttonTokens.buttonColor, _emotion.buttonTokens.buttonBackgroundColorActive, _emotion.buttonTokens.buttonBackgroundColor);
130
- var Button = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
131
- var onClick = _param.onClick, isLoading = _param.isLoading, value = _param.value, props = _object_without_properties(_param, [
180
+ var StyledButton = /*#__PURE__*/ (0, _styled.default)(ButtonComponent, {
181
+ target: "e17ax6sa0",
182
+ label: "StyledButton"
183
+ })("&&.", 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9CdXR0b24vQnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ29tcG9uZW50UHJvcHMsIHVzZUNhbGxiYWNrLCBNb3VzZUV2ZW50LCBmb3J3YXJkUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtcbiAgICBidXR0b25Db25maWcsXG4gICAgY29tcG9uZW50LFxuICAgIG1lcmdlQ29uZmlnLFxuICAgIGJ1dHRvbkNsYXNzZXMsXG4gICAgYnV0dG9uVG9rZW5zLFxufSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlL2Vtb3Rpb24nO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjb25maWcgfSBmcm9tICcuL0J1dHRvbi5jb25maWcnO1xuXG5jb25zdCBtZXJnZWRDb25maWcgPSBtZXJnZUNvbmZpZyhidXR0b25Db25maWcsIGNvbmZpZyk7XG5jb25zdCBCdXR0b25Db21wb25lbnQgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IHR5cGUgQnV0dG9uUHJvcHMgPSBDb21wb25lbnRQcm9wczx0eXBlb2YgQnV0dG9uQ29tcG9uZW50PjtcblxuLy8gSU5GTzog0JTQsNC90L3QvtC1INC/0L7QstC10LTQtdC90LjQtSDQt9Cw0L/RgNC+0YjQtdC90L4g0L/RgNC+0LTRg9C60YLQvtC8L9C60L7QvNCw0L3QtNC+0LkgYHNkZHMtY3NgXG5jb25zdCBTdHlsZWRCdXR0b24gPSBzdHlsZWQoQnV0dG9uQ29tcG9uZW50KWBcbiAgICAmJi4ke1N0cmluZyhidXR0b25DbGFzc2VzLmJ1dHRvbkxvYWRpbmcpfSB7XG4gICAgICAgIGNvbG9yOiB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9LCB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3J9KSk7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke2J1dHRvblRva2Vucy5idXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9LCB2YXIoJHtidXR0b25Ub2tlbnMuYnV0dG9uQmFja2dyb3VuZENvbG9yfSkpO1xuXG4gICAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIH1cbmA7XG5cbi8qKlxuICog0JrQvdC+0L/QutCwLlxuICovXG5leHBvcnQgY29uc3QgQnV0dG9uID0gZm9yd2FyZFJlZjxPbWl0PEhUTUxCdXR0b25FbGVtZW50LCAndmFsdWUnPiwgQnV0dG9uUHJvcHM+KFxuICAgICh7IG9uQ2xpY2ssIGlzTG9hZGluZywgdmFsdWUsIC4uLnByb3BzIH0sIHJlZikgPT4ge1xuICAgICAgICBjb25zdCBoYW5kbGVDbGljayA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAgICAgKGV2ZW50OiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4ge1xuICAgICAgICAgICAgICAgIGlmICghaXNMb2FkaW5nKSB7XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s/LihldmVudCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIFtpc0xvYWRpbmcsIG9uQ2xpY2tdLFxuICAgICAgICApO1xuXG4gICAgICAgIHJldHVybiA8U3R5bGVkQnV0dG9uIHZhbHVlPXt2YWx1ZX0gcmVmPXtyZWZ9IG9uQ2xpY2s9e2hhbmRsZUNsaWNrfSBpc0xvYWRpbmc9e2lzTG9hZGluZ30gey4uLnByb3BzfSAvPjtcbiAgICB9LFxuKTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQnFCIn0= */");
184
+ var Button = /*#__PURE__*/ (0, _react.forwardRef)(function(_0, _1) {
185
+ var _ref = [
186
+ _0,
187
+ _1
188
+ ], _ref1 = _to_array(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), onClick = _ref2.onClick, isLoading = _ref2.isLoading, value = _ref2.value, props = _object_without_properties(_ref2, [
132
189
  "onClick",
133
190
  "isLoading",
134
191
  "value"
135
- ]);
192
+ ]), _rest1 = _sliced_to_array(_rest, 1), ref = _rest1[0];
136
193
  var handleClick = (0, _react.useCallback)(function(event) {
137
194
  if (!isLoading) {
138
195
  onClick === null || onClick === void 0 ? void 0 : onClick(event);
@@ -46,7 +46,7 @@ function _object_spread(target) {
46
46
  }
47
47
  var mergedConfig = (0, _emotion.mergeConfig)(_emotion.comboboxNewConfig, _Comboboxconfig.config);
48
48
  var ComboboxNew = (0, _emotion.component)(mergedConfig);
49
- var ComboboxComponent = function(props, ref) {
49
+ var ComboboxComponent = function ComboboxComponent(props, ref) {
50
50
  return /*#__PURE__*/ _react.default.createElement(ComboboxNew, _object_spread({
51
51
  ref: ref
52
52
  }, props));
@@ -22,6 +22,7 @@ function _tagged_template_literal(strings, raw) {
22
22
  function _templateObject() {
23
23
  var data = _tagged_template_literal([
24
24
  "\n ",
25
+ ": var(--surface-accent);\n\n ",
25
26
  ": var(--surface-solid-card);\n ",
26
27
  ": var(--outline-solid-primary);\n ",
27
28
  ": var(--outline-solid-primary-hover);\n ",
@@ -58,7 +59,7 @@ function _templateObject() {
58
59
  ": var(--text-accent);\n\n ",
59
60
  ": var(--shadow-down-soft-s);\n ",
60
61
  ": var(--surface-transparent-secondary);\n ",
61
- ": var(--surface-solid-card);\n ",
62
+ ": var(--surface-solid-card);\n\n ",
62
63
  ": var(--surface-accent);\n ",
63
64
  ": var(--inverse-text-primary);\n ",
64
65
  ": var(--surface-transparent-accent);\n ",
@@ -88,7 +89,9 @@ function _templateObject() {
88
89
  ": var(--surface-clear);\n ",
89
90
  ": var(--surface-accent);\n\n ",
90
91
  ": var(--text-accent);\n ",
91
- ": var(--text-accent-minor);\n "
92
+ ": var(--text-accent-minor);\n\n ",
93
+ ": var(--text-primary);\n ",
94
+ ": var(--surface-transparent-secondary);\n "
92
95
  ]);
93
96
  _templateObject = function _templateObject() {
94
97
  return data;
@@ -152,11 +155,14 @@ function _templateObject1() {
152
155
  ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
153
156
  ": 0 0.25rem 0 0;\n ",
154
157
  ": 0 0 0 0.25rem;\n\n ",
158
+ ": 0.625rem;\n ",
159
+ ": 0.75rem;\n ",
160
+ ": 0.75rem 1rem 0.875rem 1rem;\n ",
161
+ ": 1.625rem;\n\n ",
155
162
  ": 0.125rem;\n ",
156
163
  ": 19.5rem;\n ",
157
- ": 18.625rem;\n ",
158
- ": 0.875rem;\n\n ",
159
- ": 0.5rem 1rem 0.875rem 1rem;\n ",
164
+ ": 18.625rem;\n\n ",
165
+ ": 0.5rem 0 0 0;\n ",
160
166
  ": 0.5rem;\n\n ",
161
167
  ": var(--plasma-typo-body-s-font-family);\n ",
162
168
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -165,7 +171,7 @@ function _templateObject1() {
165
171
  ": var(--plasma-typo-body-s-line-height);\n ",
166
172
  ": var(--plasma-typo-body-s-font-weight);\n ",
167
173
  ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
168
- ": 0.5rem 0.5rem 0 0.5rem;\n ",
174
+ ": 0.5rem 0 0 0;\n ",
169
175
  ": 0.5rem;\n\n ",
170
176
  ": var(--plasma-typo-body-s-font-family);\n ",
171
177
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -174,7 +180,7 @@ function _templateObject1() {
174
180
  ": var(--plasma-typo-body-s-line-height);\n ",
175
181
  ": var(--plasma-typo-body-s-font-weight);\n ",
176
182
  ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
177
- ": 0.5rem 1rem 0.875rem 1rem;\n ",
183
+ ": 0.5rem 0 0 0;\n ",
178
184
  ": 0.5rem;\n\n ",
179
185
  ": var(--plasma-typo-body-s-font-family);\n ",
180
186
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -183,7 +189,7 @@ function _templateObject1() {
183
189
  ": var(--plasma-typo-body-s-line-height);\n ",
184
190
  ": var(--plasma-typo-body-s-font-weight);\n ",
185
191
  ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
186
- ": 0.5rem 1rem 0.875rem 1rem;\n ",
192
+ ": 0.5rem 0 0 0;\n ",
187
193
  ": 0.5rem;\n\n ",
188
194
  ": var(--plasma-typo-body-s-font-family);\n ",
189
195
  ": var(--plasma-typo-body-s-font-size);\n ",
@@ -193,7 +199,7 @@ function _templateObject1() {
193
199
  ": var(--plasma-typo-body-s-font-weight);\n ",
194
200
  ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
195
201
  ": 0.125rem;\n\n ",
196
- ": 0.75rem 1rem 0 1rem;\n ",
202
+ ": 0;\n ",
197
203
  ": 0.5rem;\n ",
198
204
  ": 1.5rem;\n\n ",
199
205
  ": 0 0 0 0.5rem;\n ",
@@ -208,6 +214,15 @@ function _templateObject1() {
208
214
  ": 2rem;\n ",
209
215
  ": 2rem;\n ",
210
216
  ": 0.75rem;\n ",
217
+ ": 0.5rem;\n\n ",
218
+ ": var(--plasma-typo-body-s-font-family);\n ",
219
+ ": var(--plasma-typo-body-s-font-style);\n ",
220
+ ": var(--plasma-typo-body-s-font-size);\n ",
221
+ ": var(--plasma-typo-body-s-font-weight);\n ",
222
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
223
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
224
+ ": 0.688rem 0.5rem;\n ",
225
+ ": 0.375rem;\n ",
211
226
  ": 0.5rem;\n "
212
227
  ]);
213
228
  _templateObject1 = function _templateObject() {
@@ -264,10 +279,10 @@ var config = {
264
279
  },
265
280
  variations: {
266
281
  view: {
267
- default: (0, _emotion.css)(_templateObject(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorError, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.dividerColor, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.leftHelperColor, _emotion.datePickerTokens.leftHelperColorError, _emotion.datePickerTokens.leftHelperColorSuccess, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldPlaceholderColorFocus, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.labelInnerFontFamily, _emotion.datePickerTokens.labelInnerFontSize, _emotion.datePickerTokens.labelInnerFontStyle, _emotion.datePickerTokens.labelInnerFontWeight, _emotion.datePickerTokens.labelInnerLetterSpacing, _emotion.datePickerTokens.labelInnerLineHeight, _emotion.datePickerTokens.indicatorColor, _emotion.datePickerTokens.textFieldBorderColor, _emotion.datePickerTokens.textFieldBorderColorHover, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldBorderColorError, _emotion.datePickerTokens.textFieldBorderColorErrorFocus, _emotion.datePickerTokens.textFieldBorderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorSuccessFocus, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.textFieldContentSlotColor, _emotion.datePickerTokens.textFieldTextBeforeColor, _emotion.datePickerTokens.textFieldTextAfterColor, _emotion.datePickerTokens.focusColor, _emotion.datePickerTokens.calendarShadow, _emotion.datePickerTokens.calendarSeparatorBackground, _emotion.datePickerTokens.calendarBackgroundColor, _emotion.datePickerTokens.calendarSelectedItemBackground, _emotion.datePickerTokens.calendarSelectedItemColor, _emotion.datePickerTokens.calendarSelectableItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemBorderColor, _emotion.datePickerTokens.calendarCurrentItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemColorHover, _emotion.datePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.datePickerTokens.calendarActiveItemBackground, _emotion.datePickerTokens.calendarActiveItemColor, _emotion.datePickerTokens.calendarHoveredItemBackground, _emotion.datePickerTokens.calendarHoveredItemColor, _emotion.datePickerTokens.calendarRangeBackground, _emotion.datePickerTokens.calendarOutlineFocusColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarContentSecondaryColor, _emotion.datePickerTokens.calendarContentPrimaryDisabledColor, _emotion.datePickerTokens.calendarContentSecondaryDisabledColor, _emotion.datePickerTokens.calendarHeaderArrowColor, _emotion.datePickerTokens.calendarBorderColor, _emotion.datePickerTokens.calendarDayOfWeekColor, _emotion.datePickerTokens.calendarDisabledOpacity, _emotion.datePickerTokens.iconButtonColor, _emotion.datePickerTokens.iconButtonBackgroundColor, _emotion.datePickerTokens.iconButtonColorHover, _emotion.datePickerTokens.iconButtonBackgroundColorHover, _emotion.datePickerTokens.iconButtonColorActive, _emotion.datePickerTokens.iconButtonBackgroundColorActive, _emotion.datePickerTokens.iconButtonFocusColor, _emotion.datePickerTokens.textFieldContentRightSlotColor, _emotion.datePickerTokens.textFieldContentRightSlotColorHover)
282
+ default: (0, _emotion.css)(_templateObject(), _emotion.datePickerTokens.outlineFocusColor, _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorError, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.dividerColor, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.leftHelperColor, _emotion.datePickerTokens.leftHelperColorError, _emotion.datePickerTokens.leftHelperColorSuccess, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldPlaceholderColorFocus, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.labelInnerFontFamily, _emotion.datePickerTokens.labelInnerFontSize, _emotion.datePickerTokens.labelInnerFontStyle, _emotion.datePickerTokens.labelInnerFontWeight, _emotion.datePickerTokens.labelInnerLetterSpacing, _emotion.datePickerTokens.labelInnerLineHeight, _emotion.datePickerTokens.indicatorColor, _emotion.datePickerTokens.textFieldBorderColor, _emotion.datePickerTokens.textFieldBorderColorHover, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldBorderColorError, _emotion.datePickerTokens.textFieldBorderColorErrorFocus, _emotion.datePickerTokens.textFieldBorderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorSuccessFocus, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.textFieldContentSlotColor, _emotion.datePickerTokens.textFieldTextBeforeColor, _emotion.datePickerTokens.textFieldTextAfterColor, _emotion.datePickerTokens.focusColor, _emotion.datePickerTokens.popoverShadow, _emotion.datePickerTokens.popoverSeparatorBackground, _emotion.datePickerTokens.popoverBackgroundColor, _emotion.datePickerTokens.calendarSelectedItemBackground, _emotion.datePickerTokens.calendarSelectedItemColor, _emotion.datePickerTokens.calendarSelectableItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemBorderColor, _emotion.datePickerTokens.calendarCurrentItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemColorHover, _emotion.datePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.datePickerTokens.calendarActiveItemBackground, _emotion.datePickerTokens.calendarActiveItemColor, _emotion.datePickerTokens.calendarHoveredItemBackground, _emotion.datePickerTokens.calendarHoveredItemColor, _emotion.datePickerTokens.calendarRangeBackground, _emotion.datePickerTokens.calendarOutlineFocusColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarContentSecondaryColor, _emotion.datePickerTokens.calendarContentPrimaryDisabledColor, _emotion.datePickerTokens.calendarContentSecondaryDisabledColor, _emotion.datePickerTokens.calendarHeaderArrowColor, _emotion.datePickerTokens.calendarBorderColor, _emotion.datePickerTokens.calendarDayOfWeekColor, _emotion.datePickerTokens.calendarDisabledOpacity, _emotion.datePickerTokens.iconButtonColor, _emotion.datePickerTokens.iconButtonBackgroundColor, _emotion.datePickerTokens.iconButtonColorHover, _emotion.datePickerTokens.iconButtonBackgroundColorHover, _emotion.datePickerTokens.iconButtonColorActive, _emotion.datePickerTokens.iconButtonBackgroundColorActive, _emotion.datePickerTokens.iconButtonFocusColor, _emotion.datePickerTokens.textFieldContentRightSlotColor, _emotion.datePickerTokens.textFieldContentRightSlotColorHover, _emotion.datePickerTokens.shortcutColor, _emotion.datePickerTokens.shortcutBackgroundHover)
268
283
  },
269
284
  size: {
270
- s: (0, _emotion.css)(_templateObject1(), _emotion.datePickerTokens.width, _emotion.datePickerTokens.borderRadius, _emotion.datePickerTokens.borderWidth, _emotion.datePickerTokens.dividerPadding, _emotion.datePickerTokens.dividerFontFamily, _emotion.datePickerTokens.dividerFontStyle, _emotion.datePickerTokens.dividerFontSize, _emotion.datePickerTokens.dividerFontWeight, _emotion.datePickerTokens.dividerLetterSpacing, _emotion.datePickerTokens.dividerLineHeight, _emotion.datePickerTokens.leftContentMargin, _emotion.datePickerTokens.rightContentMargin, _emotion.datePickerTokens.labelOffset, _emotion.datePickerTokens.labelInnerPadding, _emotion.datePickerTokens.contentLabelInnerPadding, _emotion.datePickerTokens.labelWrapperOffset, _emotion.datePickerTokens.labelFontFamily, _emotion.datePickerTokens.labelFontStyle, _emotion.datePickerTokens.labelFontSize, _emotion.datePickerTokens.labelFontWeight, _emotion.datePickerTokens.labelLetterSpacing, _emotion.datePickerTokens.labelLineHeight, _emotion.datePickerTokens.indicatorWrapperGap, _emotion.datePickerTokens.indicatorSizeInner, _emotion.datePickerTokens.indicatorSizeOuter, _emotion.datePickerTokens.indicatorPlacement, _emotion.datePickerTokens.indicatorOuterPlacement, _emotion.datePickerTokens.indicatorPlacementRight, _emotion.datePickerTokens.indicatorOuterPlacementRight, _emotion.datePickerTokens.indicatorMarginTop, _emotion.datePickerTokens.indicatorOuterLeft, _emotion.datePickerTokens.indicatorWithoutLabelInner, _emotion.datePickerTokens.indicatorWithoutLabelInnerLeft, _emotion.datePickerTokens.textFieldHeight, _emotion.datePickerTokens.textFieldBorderRadius, _emotion.datePickerTokens.textFieldBorderWidth, _emotion.datePickerTokens.textFieldPadding, _emotion.datePickerTokens.textFieldFontFamily, _emotion.datePickerTokens.textFieldFontStyle, _emotion.datePickerTokens.textFieldFontSize, _emotion.datePickerTokens.textFieldFontWeight, _emotion.datePickerTokens.textFieldLetterSpacing, _emotion.datePickerTokens.textFieldLineHeight, _emotion.datePickerTokens.leftHelperOffset, _emotion.datePickerTokens.leftHelperFontFamily, _emotion.datePickerTokens.leftHelperFontStyle, _emotion.datePickerTokens.leftHelperFontSize, _emotion.datePickerTokens.leftHelperFontWeight, _emotion.datePickerTokens.leftHelperLetterSpacing, _emotion.datePickerTokens.leftHelperLineHeight, _emotion.datePickerTokens.textFieldLeftContentMargin, _emotion.datePickerTokens.textFieldRightContentMargin, _emotion.datePickerTokens.textFieldTextBeforeMargin, _emotion.datePickerTokens.textFieldTextAfterMargin, _emotion.datePickerTokens.calendarBorderWidth, _emotion.datePickerTokens.calendarContainerWidth, _emotion.datePickerTokens.calendarContainerHeight, _emotion.datePickerTokens.calendarBorderRadius, _emotion.datePickerTokens.calendarYearsPadding, _emotion.datePickerTokens.calendarYearItemBorderRadius, _emotion.datePickerTokens.calendarYearFontFamily, _emotion.datePickerTokens.calendarYearFontSize, _emotion.datePickerTokens.calendarYearFontStyle, _emotion.datePickerTokens.calendarYearFontLetterSpacing, _emotion.datePickerTokens.calendarYearFontLineHeight, _emotion.datePickerTokens.calendarYearFontWeight, _emotion.datePickerTokens.calendarYearSelectedFontWeight, _emotion.datePickerTokens.calendarQuartersPadding, _emotion.datePickerTokens.calendarQuarterItemBorderRadius, _emotion.datePickerTokens.calendarQuarterFontFamily, _emotion.datePickerTokens.calendarQuarterFontSize, _emotion.datePickerTokens.calendarQuarterFontStyle, _emotion.datePickerTokens.calendarQuarterFontLetterSpacing, _emotion.datePickerTokens.calendarQuarterFontLineHeight, _emotion.datePickerTokens.calendarQuarterFontWeight, _emotion.datePickerTokens.calendarQuarterSelectedFontWeight, _emotion.datePickerTokens.calendarMonthsPadding, _emotion.datePickerTokens.calendarMonthItemBorderRadius, _emotion.datePickerTokens.calendarMonthFontFamily, _emotion.datePickerTokens.calendarMonthFontSize, _emotion.datePickerTokens.calendarMonthFontStyle, _emotion.datePickerTokens.calendarMonthFontLetterSpacing, _emotion.datePickerTokens.calendarMonthFontLineHeight, _emotion.datePickerTokens.calendarMonthFontWeight, _emotion.datePickerTokens.calendarMonthSelectedFontWeight, _emotion.datePickerTokens.calendarDaysPadding, _emotion.datePickerTokens.calendarDayItemBorderRadius, _emotion.datePickerTokens.calendarDayFontFamily, _emotion.datePickerTokens.calendarDayFontSize, _emotion.datePickerTokens.calendarDayFontStyle, _emotion.datePickerTokens.calendarDayFontLetterSpacing, _emotion.datePickerTokens.calendarDayFontLineHeight, _emotion.datePickerTokens.calendarDayFontWeight, _emotion.datePickerTokens.calendarDaySelectedFontWeight, _emotion.datePickerTokens.calendarCurrentItemBorderWidth, _emotion.datePickerTokens.calendarHeaderWrapperPadding, _emotion.datePickerTokens.calendarHeaderArrowGap, _emotion.datePickerTokens.calendarHeaderArrowCustomSize, _emotion.datePickerTokens.calendarHeaderPadding, _emotion.datePickerTokens.calendarHeaderDateGap, _emotion.datePickerTokens.calendarHeaderFontFamily, _emotion.datePickerTokens.calendarHeaderFontSize, _emotion.datePickerTokens.calendarHeaderFontStyle, _emotion.datePickerTokens.calendarHeaderFontLetterSpacing, _emotion.datePickerTokens.calendarHeaderFontLineHeight, _emotion.datePickerTokens.calendarHeaderFontWeight, _emotion.datePickerTokens.calendarHeaderFontWeightBold, _emotion.datePickerTokens.iconButtonHeight, _emotion.datePickerTokens.iconButtonWidth, _emotion.datePickerTokens.iconButtonPadding, _emotion.datePickerTokens.iconButtonRadius)
285
+ s: (0, _emotion.css)(_templateObject1(), _emotion.datePickerTokens.width, _emotion.datePickerTokens.borderRadius, _emotion.datePickerTokens.borderWidth, _emotion.datePickerTokens.dividerPadding, _emotion.datePickerTokens.dividerFontFamily, _emotion.datePickerTokens.dividerFontStyle, _emotion.datePickerTokens.dividerFontSize, _emotion.datePickerTokens.dividerFontWeight, _emotion.datePickerTokens.dividerLetterSpacing, _emotion.datePickerTokens.dividerLineHeight, _emotion.datePickerTokens.leftContentMargin, _emotion.datePickerTokens.rightContentMargin, _emotion.datePickerTokens.labelOffset, _emotion.datePickerTokens.labelInnerPadding, _emotion.datePickerTokens.contentLabelInnerPadding, _emotion.datePickerTokens.labelWrapperOffset, _emotion.datePickerTokens.labelFontFamily, _emotion.datePickerTokens.labelFontStyle, _emotion.datePickerTokens.labelFontSize, _emotion.datePickerTokens.labelFontWeight, _emotion.datePickerTokens.labelLetterSpacing, _emotion.datePickerTokens.labelLineHeight, _emotion.datePickerTokens.indicatorWrapperGap, _emotion.datePickerTokens.indicatorSizeInner, _emotion.datePickerTokens.indicatorSizeOuter, _emotion.datePickerTokens.indicatorPlacement, _emotion.datePickerTokens.indicatorOuterPlacement, _emotion.datePickerTokens.indicatorPlacementRight, _emotion.datePickerTokens.indicatorOuterPlacementRight, _emotion.datePickerTokens.indicatorMarginTop, _emotion.datePickerTokens.indicatorOuterLeft, _emotion.datePickerTokens.indicatorWithoutLabelInner, _emotion.datePickerTokens.indicatorWithoutLabelInnerLeft, _emotion.datePickerTokens.textFieldHeight, _emotion.datePickerTokens.textFieldBorderRadius, _emotion.datePickerTokens.textFieldBorderWidth, _emotion.datePickerTokens.textFieldPadding, _emotion.datePickerTokens.textFieldFontFamily, _emotion.datePickerTokens.textFieldFontStyle, _emotion.datePickerTokens.textFieldFontSize, _emotion.datePickerTokens.textFieldFontWeight, _emotion.datePickerTokens.textFieldLetterSpacing, _emotion.datePickerTokens.textFieldLineHeight, _emotion.datePickerTokens.leftHelperOffset, _emotion.datePickerTokens.leftHelperFontFamily, _emotion.datePickerTokens.leftHelperFontStyle, _emotion.datePickerTokens.leftHelperFontSize, _emotion.datePickerTokens.leftHelperFontWeight, _emotion.datePickerTokens.leftHelperLetterSpacing, _emotion.datePickerTokens.leftHelperLineHeight, _emotion.datePickerTokens.textFieldLeftContentMargin, _emotion.datePickerTokens.textFieldRightContentMargin, _emotion.datePickerTokens.textFieldTextBeforeMargin, _emotion.datePickerTokens.textFieldTextAfterMargin, _emotion.datePickerTokens.popoverBorderRadius, _emotion.datePickerTokens.popoverGap, _emotion.datePickerTokens.popoverPadding, _emotion.datePickerTokens.popoverVerticalPadding, _emotion.datePickerTokens.calendarBorderWidth, _emotion.datePickerTokens.calendarWidth, _emotion.datePickerTokens.calendarHeight, _emotion.datePickerTokens.calendarYearsPadding, _emotion.datePickerTokens.calendarYearItemBorderRadius, _emotion.datePickerTokens.calendarYearFontFamily, _emotion.datePickerTokens.calendarYearFontSize, _emotion.datePickerTokens.calendarYearFontStyle, _emotion.datePickerTokens.calendarYearFontLetterSpacing, _emotion.datePickerTokens.calendarYearFontLineHeight, _emotion.datePickerTokens.calendarYearFontWeight, _emotion.datePickerTokens.calendarYearSelectedFontWeight, _emotion.datePickerTokens.calendarQuartersPadding, _emotion.datePickerTokens.calendarQuarterItemBorderRadius, _emotion.datePickerTokens.calendarQuarterFontFamily, _emotion.datePickerTokens.calendarQuarterFontSize, _emotion.datePickerTokens.calendarQuarterFontStyle, _emotion.datePickerTokens.calendarQuarterFontLetterSpacing, _emotion.datePickerTokens.calendarQuarterFontLineHeight, _emotion.datePickerTokens.calendarQuarterFontWeight, _emotion.datePickerTokens.calendarQuarterSelectedFontWeight, _emotion.datePickerTokens.calendarMonthsPadding, _emotion.datePickerTokens.calendarMonthItemBorderRadius, _emotion.datePickerTokens.calendarMonthFontFamily, _emotion.datePickerTokens.calendarMonthFontSize, _emotion.datePickerTokens.calendarMonthFontStyle, _emotion.datePickerTokens.calendarMonthFontLetterSpacing, _emotion.datePickerTokens.calendarMonthFontLineHeight, _emotion.datePickerTokens.calendarMonthFontWeight, _emotion.datePickerTokens.calendarMonthSelectedFontWeight, _emotion.datePickerTokens.calendarDaysPadding, _emotion.datePickerTokens.calendarDayItemBorderRadius, _emotion.datePickerTokens.calendarDayFontFamily, _emotion.datePickerTokens.calendarDayFontSize, _emotion.datePickerTokens.calendarDayFontStyle, _emotion.datePickerTokens.calendarDayFontLetterSpacing, _emotion.datePickerTokens.calendarDayFontLineHeight, _emotion.datePickerTokens.calendarDayFontWeight, _emotion.datePickerTokens.calendarDaySelectedFontWeight, _emotion.datePickerTokens.calendarCurrentItemBorderWidth, _emotion.datePickerTokens.calendarHeaderWrapperPadding, _emotion.datePickerTokens.calendarHeaderArrowGap, _emotion.datePickerTokens.calendarHeaderArrowCustomSize, _emotion.datePickerTokens.calendarHeaderPadding, _emotion.datePickerTokens.calendarHeaderDateGap, _emotion.datePickerTokens.calendarHeaderFontFamily, _emotion.datePickerTokens.calendarHeaderFontSize, _emotion.datePickerTokens.calendarHeaderFontStyle, _emotion.datePickerTokens.calendarHeaderFontLetterSpacing, _emotion.datePickerTokens.calendarHeaderFontLineHeight, _emotion.datePickerTokens.calendarHeaderFontWeight, _emotion.datePickerTokens.calendarHeaderFontWeightBold, _emotion.datePickerTokens.iconButtonHeight, _emotion.datePickerTokens.iconButtonWidth, _emotion.datePickerTokens.iconButtonPadding, _emotion.datePickerTokens.iconButtonRadius, _emotion.datePickerTokens.shortcutFontFamily, _emotion.datePickerTokens.shortcutFontStyle, _emotion.datePickerTokens.shortcutFontSize, _emotion.datePickerTokens.shortcutFontWeight, _emotion.datePickerTokens.shortcutLetterSpacing, _emotion.datePickerTokens.shortcutLineHeight, _emotion.datePickerTokens.shortcutPadding, _emotion.datePickerTokens.shortcutGap, _emotion.datePickerTokens.shortcutBorderRadius)
271
286
  },
272
287
  disabled: {
273
288
  true: (0, _emotion.css)(_templateObject2(), _emotion.datePickerTokens.background, _emotion.datePickerTokens.borderColor, _emotion.datePickerTokens.borderColorHover, _emotion.datePickerTokens.borderColorFocus, _emotion.datePickerTokens.borderColorSuccess, _emotion.datePickerTokens.textFieldBorderColorFocus, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.labelColor)
@@ -46,7 +46,7 @@ function _object_spread(target) {
46
46
  }
47
47
  var mergedConfig = (0, _emotion.mergeConfig)(_emotion.dropdownConfig, _Dropdownconfig.config);
48
48
  var DropdownNewHope = (0, _emotion.component)(mergedConfig);
49
- var DropdownComponent = function(props, ref) {
49
+ var DropdownComponent = function DropdownComponent(props, ref) {
50
50
  return /*#__PURE__*/ _react.default.createElement(DropdownNewHope, _object_spread({
51
51
  ref: ref
52
52
  }, props));
@@ -30,7 +30,7 @@ function _interop_require_default(obj) {
30
30
  var mergedConfig = (0, _emotion.mergeConfig)(_emotion.notificationConfig, _Notificationconfig.config);
31
31
  var NotificationNewHope = (0, _emotion.component)(mergedConfig);
32
32
  var Notification = NotificationNewHope;
33
- var NotificationsProvider = function(param) {
33
+ var NotificationsProvider = function NotificationsProvider(param) {
34
34
  var children = param.children, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, placement = param.placement, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
35
35
  return /*#__PURE__*/ _react.default.createElement(_emotion.NotificationsProvider, {
36
36
  config: mergedConfig,
@@ -46,7 +46,7 @@ function _object_spread(target) {
46
46
  }
47
47
  var mergedConfig = (0, _emotion.mergeConfig)(_emotion.selectConfig, _Selectconfig.config);
48
48
  var SelectNewHope = (0, _emotion.component)(mergedConfig);
49
- var SelectComponent = function(props, ref) {
49
+ var SelectComponent = function SelectComponent(props, ref) {
50
50
  return /*#__PURE__*/ _react.default.createElement(SelectNewHope, _object_spread({
51
51
  ref: ref
52
52
  }, props));
@@ -8,7 +8,7 @@ Object.defineProperty(exports, "Spinner", {
8
8
  return Spinner;
9
9
  }
10
10
  });
11
- var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
11
+ var _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
12
12
  var _emotion = require("@salutejs/plasma-new-hope/emotion");
13
13
  var _Spinnerconfig = require("./Spinner.config");
14
14
  function _interop_require_default(obj) {
@@ -18,9 +18,7 @@ function _interop_require_default(obj) {
18
18
  }
19
19
  var mergedConfig = (0, _emotion.mergeConfig)(_emotion.spinnerConfig, _Spinnerconfig.config);
20
20
  var SpinnerComponent = (0, _emotion.component)(mergedConfig);
21
- var Spinner = (0, _styledcomponents.default)(SpinnerComponent).withConfig({
22
- displayName: "Spinner",
23
- componentId: "sc-3c1e0cd4-0"
24
- })([
25
- ""
26
- ]);
21
+ var Spinner = /*#__PURE__*/ (0, _styled.default)(SpinnerComponent, {
22
+ target: "e1426z6k0",
23
+ label: "Spinner"
24
+ })("/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9TcGlubmVyL1NwaW5uZXIudHN4Iiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1NwaW5uZXIvU3Bpbm5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBIVE1MQXR0cmlidXRlcyB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHNwaW5uZXJDb25maWcsIGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICdAc2FsdXRlanMvcGxhc21hLW5ldy1ob3BlL2Vtb3Rpb24nO1xuXG5pbXBvcnQgeyBjb25maWcgfSBmcm9tICcuL1NwaW5uZXIuY29uZmlnJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoc3Bpbm5lckNvbmZpZywgY29uZmlnKTtcbmNvbnN0IFNwaW5uZXJDb21wb25lbnQgPSBjb21wb25lbnQobWVyZ2VkQ29uZmlnKTtcblxuZXhwb3J0IHR5cGUgU3Bpbm5lclByb3BzID0gSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+ICYge1xuICAgIC8qKlxuICAgICAqINCg0LDQt9C80LXRgCDRgdC/0LjQvdC90LXRgNCwXG4gICAgICovXG4gICAgc2l6ZT86IHN0cmluZyB8IG51bWJlcjtcbiAgICAvKipcbiAgICAgKiDQptCy0LXRgiDRgdC/0LjQvdC90LXRgNCwXG4gICAgICovXG4gICAgdmlldz86IHN0cmluZztcbiAgICAvKipcbiAgICAgKiDQptCy0LXRgiDRgdC/0LjQvdC90LXRgNCwXG4gICAgICogQGRlcHJlY2F0ZWRcbiAgICAgKi9cbiAgICBjb2xvcj86IHN0cmluZztcbiAgICAvKipcbiAgICAgKiBAZGVwcmVjYXRlZFxuICAgICAqL1xuICAgIGRldmljZVNjYWxlPzogbnVtYmVyO1xufTtcblxuLyoqXG4gKiDQmtC+0LzQv9C+0L3QtdC90YIg0LTQu9GPINC+0YLQvtCx0YDQsNC20LXQvdC40Y8g0LjQvdC00LjQutCw0YLQvtGA0LAg0LfQsNCz0YDRg9C30LrQuC5cbiAqL1xuZXhwb3J0IGNvbnN0IFNwaW5uZXIgPSBzdHlsZWQoU3Bpbm5lckNvbXBvbmVudClgYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ3VCIn0= */");
@@ -21,7 +21,7 @@ var mergedHorizontalTabItemConfig = (0, _emotion.mergeConfig)(_emotion.horizonta
21
21
  var HorizontalTabItem = (0, _emotion.component)(mergedHorizontalTabItemConfig);
22
22
  var mergedVerticalTabItemConfig = (0, _emotion.mergeConfig)(_emotion.verticalTabItemConfig, _VerticalTabItemconfig.config);
23
23
  var VerticalTabItem = (0, _emotion.component)(mergedVerticalTabItemConfig);
24
- var TabItem = function(props) {
24
+ var TabItem = function TabItem(props) {
25
25
  if (props.orientation === 'vertical') {
26
26
  return /*#__PURE__*/ _react.default.createElement(VerticalTabItem, props);
27
27
  }
@@ -21,7 +21,7 @@ var mergedHorizontalTabsConfig = (0, _emotion.mergeConfig)(_emotion.horizontalTa
21
21
  var mergedVerticalTabsConfig = (0, _emotion.mergeConfig)(_emotion.verticalTabsConfig, _VerticalTabsconfig.config);
22
22
  var HorizontalTabs = (0, _emotion.component)(mergedHorizontalTabsConfig);
23
23
  var VerticalTabs = (0, _emotion.component)(mergedVerticalTabsConfig);
24
- var Tabs = function(props) {
24
+ var Tabs = function Tabs(props) {
25
25
  if (props.orientation === 'vertical') {
26
26
  return /*#__PURE__*/ _react.default.createElement(VerticalTabs, props);
27
27
  }