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