@salutejs/sdds-platform-ai 0.333.0 → 0.333.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/css/cjs/components/File/File.config.js +27 -0
- package/dist/css/cjs/components/File/File.config.js.map +1 -0
- package/dist/css/cjs/components/File/File.config_s5y1t1.css +5 -0
- package/dist/css/cjs/components/File/File.css +5 -0
- package/dist/css/cjs/components/File/File.js +12 -0
- package/dist/css/cjs/components/File/File.js.map +1 -0
- package/dist/css/cjs/components/Radiobox/Radiobox.config.js +1 -1
- package/dist/css/cjs/components/Radiobox/{Radiobox.config_1lwhy8l.css → Radiobox.config_70eup8.css} +3 -3
- package/dist/css/cjs/components/Radiobox/Radiobox.css +5 -5
- package/dist/css/cjs/index.css +11 -5
- package/dist/css/cjs/index.js +10 -0
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/components/File/File.config.js +23 -0
- package/dist/css/es/components/File/File.config.js.map +1 -0
- package/dist/css/es/components/File/File.config_s5y1t1.css +5 -0
- package/dist/css/es/components/File/File.css +5 -0
- package/dist/css/es/components/File/File.js +8 -0
- package/dist/css/es/components/File/File.js.map +1 -0
- package/dist/css/es/components/Radiobox/Radiobox.config.js +1 -1
- package/dist/css/es/components/Radiobox/{Radiobox.config_1lwhy8l.css → Radiobox.config_70eup8.css} +3 -3
- package/dist/css/es/components/Radiobox/Radiobox.css +5 -5
- package/dist/css/es/index.css +11 -5
- package/dist/css/es/index.js +2 -1
- package/dist/css/es/index.js.map +1 -1
- package/dist/styled-components/cjs/components/Combobox/Combobox.js +1 -1
- package/dist/styled-components/cjs/components/Dropdown/Dropdown.js +1 -1
- package/dist/styled-components/cjs/components/File/File.config.js +172 -0
- package/dist/styled-components/cjs/components/File/File.js +14 -0
- package/dist/styled-components/cjs/components/File/index.js +23 -0
- package/dist/styled-components/cjs/components/Notification/Notification.js +1 -1
- package/dist/styled-components/cjs/components/Scrollbar/Scrollbar.js +1 -1
- package/dist/styled-components/cjs/components/Select/Select.js +1 -1
- package/dist/styled-components/cjs/components/Tabs/Tabs.js +1 -1
- package/dist/styled-components/cjs/index.js +1 -0
- package/dist/styled-components/es/components/Combobox/Combobox.js +1 -1
- package/dist/styled-components/es/components/Dropdown/Dropdown.js +1 -1
- package/dist/styled-components/es/components/File/File.config.js +162 -0
- package/dist/styled-components/es/components/File/File.js +4 -0
- package/dist/styled-components/es/components/File/index.js +2 -0
- package/dist/styled-components/es/components/Notification/Notification.js +1 -1
- package/dist/styled-components/es/components/Scrollbar/Scrollbar.js +1 -1
- package/dist/styled-components/es/components/Select/Select.js +1 -1
- package/dist/styled-components/es/components/Tabs/Tabs.js +1 -1
- package/dist/styled-components/es/index.js +1 -0
- package/package.json +7 -7
- package/types/components/Combobox/Combobox.d.ts +24 -24
- package/types/components/File/File.config.d.ts +19 -0
- package/types/components/File/File.d.ts +13 -0
- package/types/components/File/index.d.ts +2 -0
- package/types/components/Select/Select.d.ts +6 -6
- package/types/index.d.ts +1 -0
|
@@ -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));
|
|
@@ -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));
|
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "config", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return config;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
function _tagged_template_literal(strings, raw) {
|
|
13
|
+
if (!raw) {
|
|
14
|
+
raw = strings.slice(0);
|
|
15
|
+
}
|
|
16
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
17
|
+
raw: {
|
|
18
|
+
value: Object.freeze(raw)
|
|
19
|
+
}
|
|
20
|
+
}));
|
|
21
|
+
}
|
|
22
|
+
function _templateObject() {
|
|
23
|
+
var data = _tagged_template_literal([
|
|
24
|
+
"\n ",
|
|
25
|
+
": var(--text-primary);\n ",
|
|
26
|
+
": var(--text-primary-hover);\n ",
|
|
27
|
+
": var(--text-primary-active);\n ",
|
|
28
|
+
": var(--surface-accent);\n\n ",
|
|
29
|
+
": var(--text-primary);\n ",
|
|
30
|
+
": var(--text-secondary);\n\n ",
|
|
31
|
+
": var(--text-primary);\n ",
|
|
32
|
+
": var(--surface-transparent-tertiary);\n ",
|
|
33
|
+
": var(--surface-solid-default);\n\n ",
|
|
34
|
+
": var(--surface-transparent-secondary);\n ",
|
|
35
|
+
": var(--surface-solid-default);\n "
|
|
36
|
+
]);
|
|
37
|
+
_templateObject = function _templateObject() {
|
|
38
|
+
return data;
|
|
39
|
+
};
|
|
40
|
+
return data;
|
|
41
|
+
}
|
|
42
|
+
function _templateObject1() {
|
|
43
|
+
var data = _tagged_template_literal([
|
|
44
|
+
"\n ",
|
|
45
|
+
": var(--text-primary);\n ",
|
|
46
|
+
": var(--text-primary-hover);\n ",
|
|
47
|
+
": var(--text-primary-active);\n ",
|
|
48
|
+
": var(--surface-accent);\n\n ",
|
|
49
|
+
": var(--text-primary);\n ",
|
|
50
|
+
": var(--text-negative);\n\n ",
|
|
51
|
+
": var(--text-primary);\n ",
|
|
52
|
+
": var(--surface-transparent-tertiary);\n ",
|
|
53
|
+
": var(--surface-negative);\n\n ",
|
|
54
|
+
": var(--surface-transparent-secondary);\n ",
|
|
55
|
+
": var(--surface-negative);\n "
|
|
56
|
+
]);
|
|
57
|
+
_templateObject1 = function _templateObject() {
|
|
58
|
+
return data;
|
|
59
|
+
};
|
|
60
|
+
return data;
|
|
61
|
+
}
|
|
62
|
+
function _templateObject2() {
|
|
63
|
+
var data = _tagged_template_literal([
|
|
64
|
+
"\n ",
|
|
65
|
+
": 2.5rem;\n ",
|
|
66
|
+
": 2.5rem;\n ",
|
|
67
|
+
": 0.5rem;\n ",
|
|
68
|
+
": 0.625rem;\n\n ",
|
|
69
|
+
": 2.5rem;\n ",
|
|
70
|
+
": 0.125rem;\n ",
|
|
71
|
+
": 0.625rem;\n ",
|
|
72
|
+
": 0.625rem;\n\n ",
|
|
73
|
+
": var(--plasma-typo-body-m-font-family);\n ",
|
|
74
|
+
": var(--plasma-typo-body-m-font-size);\n ",
|
|
75
|
+
": var(--plasma-typo-body-m-font-style);\n ",
|
|
76
|
+
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
77
|
+
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
78
|
+
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
79
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
80
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
81
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
82
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
83
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
84
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
85
|
+
": 36;\n ",
|
|
86
|
+
": 2.25rem;\n ",
|
|
87
|
+
": 2.25rem;\n\n ",
|
|
88
|
+
": 0.125rem;\n ",
|
|
89
|
+
": 2;\n\n ",
|
|
90
|
+
": 0.25rem;\n ",
|
|
91
|
+
": 0.125rem;\n ",
|
|
92
|
+
": 0.25rem;\n ",
|
|
93
|
+
": 0.375rem;\n\n ",
|
|
94
|
+
": 0.5rem;\n\n ",
|
|
95
|
+
": 2.25rem;\n ",
|
|
96
|
+
": 0.625rem;\n "
|
|
97
|
+
]);
|
|
98
|
+
_templateObject2 = function _templateObject() {
|
|
99
|
+
return data;
|
|
100
|
+
};
|
|
101
|
+
return data;
|
|
102
|
+
}
|
|
103
|
+
function _templateObject3() {
|
|
104
|
+
var data = _tagged_template_literal([
|
|
105
|
+
"\n ",
|
|
106
|
+
": 2.5rem;\n ",
|
|
107
|
+
": 2.5rem;\n ",
|
|
108
|
+
": 0.5rem;\n ",
|
|
109
|
+
": 0.625rem;\n\n ",
|
|
110
|
+
": 2.5rem;\n ",
|
|
111
|
+
": 0.125rem;\n ",
|
|
112
|
+
": 0.5rem;\n ",
|
|
113
|
+
": 0.5rem;\n\n ",
|
|
114
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
115
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
116
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
117
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
118
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
119
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
120
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
121
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
122
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
123
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
124
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
125
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
126
|
+
": 36;\n ",
|
|
127
|
+
": 2.25rem;\n ",
|
|
128
|
+
": 2.25rem;\n\n ",
|
|
129
|
+
": 0.125rem;\n ",
|
|
130
|
+
": 2;\n\n ",
|
|
131
|
+
": 0.25rem;\n ",
|
|
132
|
+
": 0.125rem;\n ",
|
|
133
|
+
": 0.25rem;\n ",
|
|
134
|
+
": 0.375rem;\n\n ",
|
|
135
|
+
": 0.5rem;\n\n ",
|
|
136
|
+
": 2.25rem;\n ",
|
|
137
|
+
": 0.625rem;\n "
|
|
138
|
+
]);
|
|
139
|
+
_templateObject3 = function _templateObject() {
|
|
140
|
+
return data;
|
|
141
|
+
};
|
|
142
|
+
return data;
|
|
143
|
+
}
|
|
144
|
+
function _templateObject4() {
|
|
145
|
+
var data = _tagged_template_literal([
|
|
146
|
+
"\n ",
|
|
147
|
+
": 0.4;\n "
|
|
148
|
+
]);
|
|
149
|
+
_templateObject4 = function _templateObject() {
|
|
150
|
+
return data;
|
|
151
|
+
};
|
|
152
|
+
return data;
|
|
153
|
+
}
|
|
154
|
+
var config = {
|
|
155
|
+
defaults: {
|
|
156
|
+
view: 'default',
|
|
157
|
+
size: 'm'
|
|
158
|
+
},
|
|
159
|
+
variations: {
|
|
160
|
+
view: {
|
|
161
|
+
default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.fileTokens.embedIconButtonColor, _styledcomponents.fileTokens.embedIconButtonColorHover, _styledcomponents.fileTokens.embedIconButtonColorActive, _styledcomponents.fileTokens.embedIconButtonFocusColor, _styledcomponents.fileTokens.cellTitleColor, _styledcomponents.fileTokens.cellSubtitleColor, _styledcomponents.fileTokens.progressBarCircularContentColor, _styledcomponents.fileTokens.progressBarCircularBackgroundStroke, _styledcomponents.fileTokens.progressBarCircularStroke, _styledcomponents.fileTokens.progressTrackBackgroundColor, _styledcomponents.fileTokens.progressFilledBackgroundColor),
|
|
162
|
+
negative: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.fileTokens.embedIconButtonColor, _styledcomponents.fileTokens.embedIconButtonColorHover, _styledcomponents.fileTokens.embedIconButtonColorActive, _styledcomponents.fileTokens.embedIconButtonFocusColor, _styledcomponents.fileTokens.cellTitleColor, _styledcomponents.fileTokens.cellSubtitleColor, _styledcomponents.fileTokens.progressBarCircularContentColor, _styledcomponents.fileTokens.progressBarCircularBackgroundStroke, _styledcomponents.fileTokens.progressBarCircularStroke, _styledcomponents.fileTokens.progressTrackBackgroundColor, _styledcomponents.fileTokens.progressFilledBackgroundColor)
|
|
163
|
+
},
|
|
164
|
+
size: {
|
|
165
|
+
m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.fileTokens.embedIconButtonHeight, _styledcomponents.fileTokens.embedIconButtonWidth, _styledcomponents.fileTokens.embedIconButtonPadding, _styledcomponents.fileTokens.embedIconButtonRadius, _styledcomponents.fileTokens.cellHeight, _styledcomponents.fileTokens.cellTextboxGap, _styledcomponents.fileTokens.cellGap, _styledcomponents.fileTokens.cellPaddingRightContent, _styledcomponents.fileTokens.cellTitleFontFamily, _styledcomponents.fileTokens.cellTitleFontSize, _styledcomponents.fileTokens.cellTitleFontStyle, _styledcomponents.fileTokens.cellTitleFontWeight, _styledcomponents.fileTokens.cellTitleLetterSpacing, _styledcomponents.fileTokens.cellTitleLineHeight, _styledcomponents.fileTokens.cellSubtitleFontFamily, _styledcomponents.fileTokens.cellSubtitleFontSize, _styledcomponents.fileTokens.cellSubtitleFontStyle, _styledcomponents.fileTokens.cellSubtitleFontWeight, _styledcomponents.fileTokens.cellSubtitleLetterSpacing, _styledcomponents.fileTokens.cellSubtitleLineHeight, _styledcomponents.fileTokens.progressBarCircularSize, _styledcomponents.fileTokens.progressBarCircularHeight, _styledcomponents.fileTokens.progressBarCircularWidth, _styledcomponents.fileTokens.progressBarCircularStrokeWidth, _styledcomponents.fileTokens.progressBarCircularStrokeSize, _styledcomponents.fileTokens.progressTrackHeight, _styledcomponents.fileTokens.progressTrackBorderRadius, _styledcomponents.fileTokens.progressFilledHeight, _styledcomponents.fileTokens.progressFilledBorderRadius, _styledcomponents.fileTokens.progressLinearGap, _styledcomponents.fileTokens.fileThumbSize, _styledcomponents.fileTokens.fileThumbRadius),
|
|
166
|
+
s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.fileTokens.embedIconButtonHeight, _styledcomponents.fileTokens.embedIconButtonWidth, _styledcomponents.fileTokens.embedIconButtonPadding, _styledcomponents.fileTokens.embedIconButtonRadius, _styledcomponents.fileTokens.cellHeight, _styledcomponents.fileTokens.cellTextboxGap, _styledcomponents.fileTokens.cellGap, _styledcomponents.fileTokens.cellPaddingRightContent, _styledcomponents.fileTokens.cellTitleFontFamily, _styledcomponents.fileTokens.cellTitleFontSize, _styledcomponents.fileTokens.cellTitleFontStyle, _styledcomponents.fileTokens.cellTitleFontWeight, _styledcomponents.fileTokens.cellTitleLetterSpacing, _styledcomponents.fileTokens.cellTitleLineHeight, _styledcomponents.fileTokens.cellSubtitleFontFamily, _styledcomponents.fileTokens.cellSubtitleFontSize, _styledcomponents.fileTokens.cellSubtitleFontStyle, _styledcomponents.fileTokens.cellSubtitleFontWeight, _styledcomponents.fileTokens.cellSubtitleLetterSpacing, _styledcomponents.fileTokens.cellSubtitleLineHeight, _styledcomponents.fileTokens.progressBarCircularSize, _styledcomponents.fileTokens.progressBarCircularHeight, _styledcomponents.fileTokens.progressBarCircularWidth, _styledcomponents.fileTokens.progressBarCircularStrokeWidth, _styledcomponents.fileTokens.progressBarCircularStrokeSize, _styledcomponents.fileTokens.progressTrackHeight, _styledcomponents.fileTokens.progressTrackBorderRadius, _styledcomponents.fileTokens.progressFilledHeight, _styledcomponents.fileTokens.progressFilledBorderRadius, _styledcomponents.fileTokens.progressLinearGap, _styledcomponents.fileTokens.fileThumbSize, _styledcomponents.fileTokens.fileThumbRadius)
|
|
167
|
+
},
|
|
168
|
+
disabled: {
|
|
169
|
+
true: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.fileTokens.fileDisabledOpacity)
|
|
170
|
+
}
|
|
171
|
+
}
|
|
172
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "File", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return File;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
12
|
+
var _Fileconfig = require("./File.config");
|
|
13
|
+
var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.fileConfig, _Fileconfig.config);
|
|
14
|
+
var File = (0, _styledcomponents.component)(mergedConfig);
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
function _export(target, all) {
|
|
6
|
+
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
+
});
|
|
10
|
+
}
|
|
11
|
+
_export(exports, {
|
|
12
|
+
get File () {
|
|
13
|
+
return _File.File;
|
|
14
|
+
},
|
|
15
|
+
get fileClasses () {
|
|
16
|
+
return _styledcomponents.fileClasses;
|
|
17
|
+
},
|
|
18
|
+
get fileTokens () {
|
|
19
|
+
return _styledcomponents.fileTokens;
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
var _File = require("./File");
|
|
23
|
+
var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
|
|
@@ -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,
|
|
@@ -38,6 +38,6 @@ function _object_spread(target) {
|
|
|
38
38
|
}
|
|
39
39
|
return target;
|
|
40
40
|
}
|
|
41
|
-
var addScrollbar = function(size) {
|
|
41
|
+
var addScrollbar = function addScrollbar(size) {
|
|
42
42
|
return (0, _styledcomponents.addScrollbar)(_object_spread({}, _Scrollbarconfig.config.size[size], _Scrollbarconfig.config.view.default));
|
|
43
43
|
};
|
|
@@ -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 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
|
}
|
|
@@ -34,6 +34,7 @@ _export_star(require("./components/Switch"), exports);
|
|
|
34
34
|
_export_star(require("./components/Slider"), exports);
|
|
35
35
|
_export_star(require("./components/Attach"), exports);
|
|
36
36
|
_export_star(require("./components/Dropzone"), exports);
|
|
37
|
+
_export_star(require("./components/File"), exports);
|
|
37
38
|
_export_star(require("./components/TextArea"), exports);
|
|
38
39
|
_export_star(require("./components/TextField"), exports);
|
|
39
40
|
_export_star(require("./components/TextFieldGroup"), exports);
|
|
@@ -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));
|
|
@@ -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));
|
|
@@ -0,0 +1,162 @@
|
|
|
1
|
+
function _tagged_template_literal(strings, raw) {
|
|
2
|
+
if (!raw) {
|
|
3
|
+
raw = strings.slice(0);
|
|
4
|
+
}
|
|
5
|
+
return Object.freeze(Object.defineProperties(strings, {
|
|
6
|
+
raw: {
|
|
7
|
+
value: Object.freeze(raw)
|
|
8
|
+
}
|
|
9
|
+
}));
|
|
10
|
+
}
|
|
11
|
+
function _templateObject() {
|
|
12
|
+
var data = _tagged_template_literal([
|
|
13
|
+
"\n ",
|
|
14
|
+
": var(--text-primary);\n ",
|
|
15
|
+
": var(--text-primary-hover);\n ",
|
|
16
|
+
": var(--text-primary-active);\n ",
|
|
17
|
+
": var(--surface-accent);\n\n ",
|
|
18
|
+
": var(--text-primary);\n ",
|
|
19
|
+
": var(--text-secondary);\n\n ",
|
|
20
|
+
": var(--text-primary);\n ",
|
|
21
|
+
": var(--surface-transparent-tertiary);\n ",
|
|
22
|
+
": var(--surface-solid-default);\n\n ",
|
|
23
|
+
": var(--surface-transparent-secondary);\n ",
|
|
24
|
+
": var(--surface-solid-default);\n "
|
|
25
|
+
]);
|
|
26
|
+
_templateObject = function _templateObject() {
|
|
27
|
+
return data;
|
|
28
|
+
};
|
|
29
|
+
return data;
|
|
30
|
+
}
|
|
31
|
+
function _templateObject1() {
|
|
32
|
+
var data = _tagged_template_literal([
|
|
33
|
+
"\n ",
|
|
34
|
+
": var(--text-primary);\n ",
|
|
35
|
+
": var(--text-primary-hover);\n ",
|
|
36
|
+
": var(--text-primary-active);\n ",
|
|
37
|
+
": var(--surface-accent);\n\n ",
|
|
38
|
+
": var(--text-primary);\n ",
|
|
39
|
+
": var(--text-negative);\n\n ",
|
|
40
|
+
": var(--text-primary);\n ",
|
|
41
|
+
": var(--surface-transparent-tertiary);\n ",
|
|
42
|
+
": var(--surface-negative);\n\n ",
|
|
43
|
+
": var(--surface-transparent-secondary);\n ",
|
|
44
|
+
": var(--surface-negative);\n "
|
|
45
|
+
]);
|
|
46
|
+
_templateObject1 = function _templateObject() {
|
|
47
|
+
return data;
|
|
48
|
+
};
|
|
49
|
+
return data;
|
|
50
|
+
}
|
|
51
|
+
function _templateObject2() {
|
|
52
|
+
var data = _tagged_template_literal([
|
|
53
|
+
"\n ",
|
|
54
|
+
": 2.5rem;\n ",
|
|
55
|
+
": 2.5rem;\n ",
|
|
56
|
+
": 0.5rem;\n ",
|
|
57
|
+
": 0.625rem;\n\n ",
|
|
58
|
+
": 2.5rem;\n ",
|
|
59
|
+
": 0.125rem;\n ",
|
|
60
|
+
": 0.625rem;\n ",
|
|
61
|
+
": 0.625rem;\n\n ",
|
|
62
|
+
": var(--plasma-typo-body-m-font-family);\n ",
|
|
63
|
+
": var(--plasma-typo-body-m-font-size);\n ",
|
|
64
|
+
": var(--plasma-typo-body-m-font-style);\n ",
|
|
65
|
+
": var(--plasma-typo-body-m-font-weight);\n ",
|
|
66
|
+
": var(--plasma-typo-body-m-letter-spacing);\n ",
|
|
67
|
+
": var(--plasma-typo-body-m-line-height);\n\n ",
|
|
68
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
69
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
70
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
71
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
72
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
73
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
74
|
+
": 36;\n ",
|
|
75
|
+
": 2.25rem;\n ",
|
|
76
|
+
": 2.25rem;\n\n ",
|
|
77
|
+
": 0.125rem;\n ",
|
|
78
|
+
": 2;\n\n ",
|
|
79
|
+
": 0.25rem;\n ",
|
|
80
|
+
": 0.125rem;\n ",
|
|
81
|
+
": 0.25rem;\n ",
|
|
82
|
+
": 0.375rem;\n\n ",
|
|
83
|
+
": 0.5rem;\n\n ",
|
|
84
|
+
": 2.25rem;\n ",
|
|
85
|
+
": 0.625rem;\n "
|
|
86
|
+
]);
|
|
87
|
+
_templateObject2 = function _templateObject() {
|
|
88
|
+
return data;
|
|
89
|
+
};
|
|
90
|
+
return data;
|
|
91
|
+
}
|
|
92
|
+
function _templateObject3() {
|
|
93
|
+
var data = _tagged_template_literal([
|
|
94
|
+
"\n ",
|
|
95
|
+
": 2.5rem;\n ",
|
|
96
|
+
": 2.5rem;\n ",
|
|
97
|
+
": 0.5rem;\n ",
|
|
98
|
+
": 0.625rem;\n\n ",
|
|
99
|
+
": 2.5rem;\n ",
|
|
100
|
+
": 0.125rem;\n ",
|
|
101
|
+
": 0.5rem;\n ",
|
|
102
|
+
": 0.5rem;\n\n ",
|
|
103
|
+
": var(--plasma-typo-body-s-font-family);\n ",
|
|
104
|
+
": var(--plasma-typo-body-s-font-size);\n ",
|
|
105
|
+
": var(--plasma-typo-body-s-font-style);\n ",
|
|
106
|
+
": var(--plasma-typo-body-s-font-weight);\n ",
|
|
107
|
+
": var(--plasma-typo-body-s-letter-spacing);\n ",
|
|
108
|
+
": var(--plasma-typo-body-s-line-height);\n\n ",
|
|
109
|
+
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
110
|
+
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
111
|
+
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
112
|
+
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
113
|
+
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
114
|
+
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
115
|
+
": 36;\n ",
|
|
116
|
+
": 2.25rem;\n ",
|
|
117
|
+
": 2.25rem;\n\n ",
|
|
118
|
+
": 0.125rem;\n ",
|
|
119
|
+
": 2;\n\n ",
|
|
120
|
+
": 0.25rem;\n ",
|
|
121
|
+
": 0.125rem;\n ",
|
|
122
|
+
": 0.25rem;\n ",
|
|
123
|
+
": 0.375rem;\n\n ",
|
|
124
|
+
": 0.5rem;\n\n ",
|
|
125
|
+
": 2.25rem;\n ",
|
|
126
|
+
": 0.625rem;\n "
|
|
127
|
+
]);
|
|
128
|
+
_templateObject3 = function _templateObject() {
|
|
129
|
+
return data;
|
|
130
|
+
};
|
|
131
|
+
return data;
|
|
132
|
+
}
|
|
133
|
+
function _templateObject4() {
|
|
134
|
+
var data = _tagged_template_literal([
|
|
135
|
+
"\n ",
|
|
136
|
+
": 0.4;\n "
|
|
137
|
+
]);
|
|
138
|
+
_templateObject4 = function _templateObject() {
|
|
139
|
+
return data;
|
|
140
|
+
};
|
|
141
|
+
return data;
|
|
142
|
+
}
|
|
143
|
+
import { css, fileTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
|
|
144
|
+
export var config = {
|
|
145
|
+
defaults: {
|
|
146
|
+
view: 'default',
|
|
147
|
+
size: 'm'
|
|
148
|
+
},
|
|
149
|
+
variations: {
|
|
150
|
+
view: {
|
|
151
|
+
default: css(_templateObject(), tokens.embedIconButtonColor, tokens.embedIconButtonColorHover, tokens.embedIconButtonColorActive, tokens.embedIconButtonFocusColor, tokens.cellTitleColor, tokens.cellSubtitleColor, tokens.progressBarCircularContentColor, tokens.progressBarCircularBackgroundStroke, tokens.progressBarCircularStroke, tokens.progressTrackBackgroundColor, tokens.progressFilledBackgroundColor),
|
|
152
|
+
negative: css(_templateObject1(), tokens.embedIconButtonColor, tokens.embedIconButtonColorHover, tokens.embedIconButtonColorActive, tokens.embedIconButtonFocusColor, tokens.cellTitleColor, tokens.cellSubtitleColor, tokens.progressBarCircularContentColor, tokens.progressBarCircularBackgroundStroke, tokens.progressBarCircularStroke, tokens.progressTrackBackgroundColor, tokens.progressFilledBackgroundColor)
|
|
153
|
+
},
|
|
154
|
+
size: {
|
|
155
|
+
m: css(_templateObject2(), tokens.embedIconButtonHeight, tokens.embedIconButtonWidth, tokens.embedIconButtonPadding, tokens.embedIconButtonRadius, tokens.cellHeight, tokens.cellTextboxGap, tokens.cellGap, tokens.cellPaddingRightContent, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontStyle, tokens.cellSubtitleFontWeight, tokens.cellSubtitleLetterSpacing, tokens.cellSubtitleLineHeight, tokens.progressBarCircularSize, tokens.progressBarCircularHeight, tokens.progressBarCircularWidth, tokens.progressBarCircularStrokeWidth, tokens.progressBarCircularStrokeSize, tokens.progressTrackHeight, tokens.progressTrackBorderRadius, tokens.progressFilledHeight, tokens.progressFilledBorderRadius, tokens.progressLinearGap, tokens.fileThumbSize, tokens.fileThumbRadius),
|
|
156
|
+
s: css(_templateObject3(), tokens.embedIconButtonHeight, tokens.embedIconButtonWidth, tokens.embedIconButtonPadding, tokens.embedIconButtonRadius, tokens.cellHeight, tokens.cellTextboxGap, tokens.cellGap, tokens.cellPaddingRightContent, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.cellSubtitleFontFamily, tokens.cellSubtitleFontSize, tokens.cellSubtitleFontStyle, tokens.cellSubtitleFontWeight, tokens.cellSubtitleLetterSpacing, tokens.cellSubtitleLineHeight, tokens.progressBarCircularSize, tokens.progressBarCircularHeight, tokens.progressBarCircularWidth, tokens.progressBarCircularStrokeWidth, tokens.progressBarCircularStrokeSize, tokens.progressTrackHeight, tokens.progressTrackBorderRadius, tokens.progressFilledHeight, tokens.progressFilledBorderRadius, tokens.progressLinearGap, tokens.fileThumbSize, tokens.fileThumbRadius)
|
|
157
|
+
},
|
|
158
|
+
disabled: {
|
|
159
|
+
true: css(_templateObject4(), tokens.fileDisabledOpacity)
|
|
160
|
+
}
|
|
161
|
+
}
|
|
162
|
+
};
|
|
@@ -4,7 +4,7 @@ import { config } from './Notification.config';
|
|
|
4
4
|
var mergedConfig = mergeConfig(notificationConfig, config);
|
|
5
5
|
export var NotificationNewHope = component(mergedConfig);
|
|
6
6
|
export var Notification = NotificationNewHope;
|
|
7
|
-
export var NotificationsProvider = function(param) {
|
|
7
|
+
export var NotificationsProvider = function NotificationsProvider(param) {
|
|
8
8
|
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;
|
|
9
9
|
return /*#__PURE__*/ React.createElement(Provider, {
|
|
10
10
|
config: mergedConfig,
|
|
@@ -28,6 +28,6 @@ function _object_spread(target) {
|
|
|
28
28
|
}
|
|
29
29
|
import { addScrollbar as mixin } from '@salutejs/plasma-new-hope/styled-components';
|
|
30
30
|
import { config } from './Scrollbar.config';
|
|
31
|
-
export var addScrollbar = function(size) {
|
|
31
|
+
export var addScrollbar = function addScrollbar(size) {
|
|
32
32
|
return mixin(_object_spread({}, config.size[size], config.view.default));
|
|
33
33
|
};
|
|
@@ -31,7 +31,7 @@ import React from 'react';
|
|
|
31
31
|
import { config } from './Select.config';
|
|
32
32
|
var mergedConfig = mergeConfig(selectConfig, config);
|
|
33
33
|
var SelectNewHope = component(mergedConfig);
|
|
34
|
-
var SelectComponent = function(props, ref) {
|
|
34
|
+
var SelectComponent = function SelectComponent(props, ref) {
|
|
35
35
|
return /*#__PURE__*/ React.createElement(SelectNewHope, _object_spread({
|
|
36
36
|
ref: ref
|
|
37
37
|
}, props));
|
|
@@ -8,7 +8,7 @@ var HorizontalTabs = component(mergedHorizontalTabsConfig);
|
|
|
8
8
|
var VerticalTabs = component(mergedVerticalTabsConfig);
|
|
9
9
|
/**
|
|
10
10
|
* Контейнер вкладок, основной компонент для пользовательской сборки вкладок.
|
|
11
|
-
*/ export var Tabs = function(props) {
|
|
11
|
+
*/ export var Tabs = function Tabs(props) {
|
|
12
12
|
if (props.orientation === 'vertical') {
|
|
13
13
|
return /*#__PURE__*/ React.createElement(VerticalTabs, props);
|
|
14
14
|
}
|
|
@@ -32,6 +32,7 @@ export * from './components/Slider';
|
|
|
32
32
|
// components group Data Entry (upload)
|
|
33
33
|
export * from './components/Attach';
|
|
34
34
|
export * from './components/Dropzone';
|
|
35
|
+
export * from './components/File';
|
|
35
36
|
// components group Data Entry (inputs)
|
|
36
37
|
export * from './components/TextArea';
|
|
37
38
|
export * from './components/TextField';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/sdds-platform-ai",
|
|
3
|
-
"version": "0.333.0",
|
|
3
|
+
"version": "0.333.1-dev.0",
|
|
4
4
|
"description": "Salute Design System / React UI kit for SDDS PLATFORM-AI web applications",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"exports": {
|
|
@@ -32,8 +32,8 @@
|
|
|
32
32
|
"directory": "packages/sdds-platform-ai"
|
|
33
33
|
},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@salutejs/plasma-new-hope": "0.346.0",
|
|
36
|
-
"@salutejs/sdds-themes": "0.
|
|
35
|
+
"@salutejs/plasma-new-hope": "0.346.1-dev.0",
|
|
36
|
+
"@salutejs/sdds-themes": "0.53.0-dev.0"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"react": ">=16.13.1",
|
|
@@ -58,10 +58,10 @@
|
|
|
58
58
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
59
59
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
60
60
|
"@salutejs/plasma-colors": "0.16.0",
|
|
61
|
-
"@salutejs/plasma-core": "1.
|
|
62
|
-
"@salutejs/plasma-cy-utils": "0.
|
|
61
|
+
"@salutejs/plasma-core": "1.214.0-dev.0",
|
|
62
|
+
"@salutejs/plasma-cy-utils": "0.144.0-dev.0",
|
|
63
63
|
"@salutejs/plasma-icons": "1.228.0",
|
|
64
|
-
"@salutejs/plasma-sb-utils": "0.
|
|
64
|
+
"@salutejs/plasma-sb-utils": "0.214.0-dev.0",
|
|
65
65
|
"@storybook/addon-docs": "8.6.14",
|
|
66
66
|
"@storybook/addon-essentials": "8.6.14",
|
|
67
67
|
"@storybook/manager-api": "8.6.14",
|
|
@@ -122,5 +122,5 @@
|
|
|
122
122
|
"sideEffects": [
|
|
123
123
|
"*.css"
|
|
124
124
|
],
|
|
125
|
-
"gitHead": "
|
|
125
|
+
"gitHead": "8aa9623399b7ecac16e7657b3d8f006777a7294f"
|
|
126
126
|
}
|