@salutejs/sdds-finai 0.322.0-canary.2378.20022803938.0 → 0.322.0-canary.2378.20093775380.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 (20) hide show
  1. package/components/DateTimePicker/DateTimePicker.config.d.ts +25 -0
  2. package/components/DateTimePicker/DateTimePicker.config.js +472 -0
  3. package/components/DateTimePicker/DateTimePicker.d.ts +38 -0
  4. package/components/DateTimePicker/DateTimePicker.js +14 -0
  5. package/components/DateTimePicker/index.d.ts +2 -0
  6. package/components/DateTimePicker/index.js +23 -0
  7. package/components/_beta/Popover/Popover.config.d.ts +15 -0
  8. package/components/_beta/Popover/Popover.config.js +80 -0
  9. package/components/_beta/Popover/Popover.d.ts +10 -0
  10. package/components/_beta/Popover/Popover.js +14 -0
  11. package/es/components/DateTimePicker/DateTimePicker.config.js +462 -0
  12. package/es/components/DateTimePicker/DateTimePicker.js +4 -0
  13. package/es/components/DateTimePicker/index.js +2 -0
  14. package/es/components/_beta/Popover/Popover.config.js +70 -0
  15. package/es/components/_beta/Popover/Popover.js +4 -0
  16. package/es/index.js +1 -0
  17. package/index.d.ts +1 -0
  18. package/index.js +1 -0
  19. package/mixins/index.d.ts +1 -1
  20. package/package.json +8 -8
package/components/_beta/Popover/Popover.config.js ADDED
@@ -0,0 +1,80 @@
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(--surface-solid-card);\n ",
26
+ ": var(--shadow-down-hard-m);\n "
27
+ ]);
28
+ _templateObject = function _templateObject() {
29
+ return data;
30
+ };
31
+ return data;
32
+ }
33
+ function _templateObject1() {
34
+ var data = _tagged_template_literal([
35
+ "\n ",
36
+ ": var(--surface-accent);\n ",
37
+ ": var(--shadow-down-hard-m);\n "
38
+ ]);
39
+ _templateObject1 = function _templateObject() {
40
+ return data;
41
+ };
42
+ return data;
43
+ }
44
+ function _templateObject2() {
45
+ var data = _tagged_template_literal([
46
+ "\n ",
47
+ ": 1rem;\n ",
48
+ ": 0.75rem 0.5rem 0.5rem 0.5rem;\n "
49
+ ]);
50
+ _templateObject2 = function _templateObject() {
51
+ return data;
52
+ };
53
+ return data;
54
+ }
55
+ function _templateObject3() {
56
+ var data = _tagged_template_literal([
57
+ "\n ",
58
+ ": 0.75rem;\n ",
59
+ ": 0.5rem 0.375rem 0.375rem 0.375rem;\n "
60
+ ]);
61
+ _templateObject3 = function _templateObject() {
62
+ return data;
63
+ };
64
+ return data;
65
+ }
66
+ var config = {
67
+ defaults: {
68
+ view: 'default'
69
+ },
70
+ variations: {
71
+ view: {
72
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents._beta_popoverTokens.backgroundColor, _styledcomponents._beta_popoverTokens.boxShadow),
73
+ info: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents._beta_popoverTokens.backgroundColor, _styledcomponents._beta_popoverTokens.boxShadow)
74
+ },
75
+ size: {
76
+ m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents._beta_popoverTokens.borderRadius, _styledcomponents._beta_popoverTokens.padding),
77
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents._beta_popoverTokens.borderRadius, _styledcomponents._beta_popoverTokens.padding)
78
+ }
79
+ }
80
+ };
package/components/_beta/Popover/Popover.d.ts ADDED
@@ -0,0 +1,10 @@
1
+ export declare const Popover: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
2
+ view: {
3
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
4
+ info: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
5
+ };
6
+ size: {
7
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
+ };
10
+ }> & import("react").HTMLAttributes<HTMLDivElement> & import("@salutejs/plasma-new-hope/types/components/_beta/Popover/Popover.types").BasicPopoverProps & import("react").RefAttributes<HTMLDivElement>>;
package/components/_beta/Popover/Popover.js ADDED
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "Popover", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return Popover;
9
+ }
10
+ });
11
+ var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ var _Popoverconfig = require("./Popover.config");
13
+ var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents._beta_popoverConfig, _Popoverconfig.config);
14
+ var Popover = (0, _styledcomponents.component)(mergedConfig);
package/es/components/DateTimePicker/DateTimePicker.config.js ADDED
@@ -0,0 +1,462 @@
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(--surface-accent);\n\n ",
15
+ ": var(--text-primary);\n ",
16
+ ": var(--text-secondary);\n ",
17
+ ": var(--text-tertiary);\n ",
18
+ ": var(--text-accent);\n\n ",
19
+ ": var(--text-secondary);\n ",
20
+ ": var(--text-secondary-hover);\n ",
21
+ ": var(--text-secondary-active);\n ",
22
+ ": var(--text-secondary);\n ",
23
+ ": var(--text-secondary-hover);\n ",
24
+ ": var(--text-secondary-active);\n\n ",
25
+ ": var(--surface-transparent-primary);\n ",
26
+ ": var(--surface-transparent-primary-active);\n ",
27
+ ": var(--surface-transparent-secondary);\n ",
28
+ ": var(--surface-transparent-negative);\n ",
29
+ ": var(--surface-transparent-negative-active);\n ",
30
+ ": var(--surface-transparent-positive);\n ",
31
+ ": var(--surface-transparent-positive-active);\n\n ",
32
+ ": var(--text-primary);\n ",
33
+ ": var(--text-secondary);\n ",
34
+ ": var(--text-negative);\n ",
35
+ ": var(--text-positive);\n\n ",
36
+ ": var(--plasma-typo-body-xs-font-family);\n ",
37
+ ": var(--plasma-typo-body-xs-font-size);\n ",
38
+ ": var(--plasma-typo-body-xs-font-style);\n ",
39
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
40
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
41
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
42
+ ": var(--surface-negative);\n\n ",
43
+ ": var(--text-tertiary);\n ",
44
+ ": var(--text-tertiary);\n\n ",
45
+ ": var(--shadow-down-soft-s);\n ",
46
+ ": var(--surface-transparent-secondary);\n ",
47
+ ": var(--surface-solid-card);\n\n ",
48
+ ": var(--surface-solid-default);\n ",
49
+ ": var(--inverse-text-primary);\n ",
50
+ ": var(--surface-transparent-secondary);\n ",
51
+ ": var(--surface-solid-default);\n ",
52
+ ": transparent;\n ",
53
+ ": var(--text-primary);\n ",
54
+ ": var(--surface-transparent-secondary);\n ",
55
+ ": var(--surface-solid-default);\n ",
56
+ ": var(--inverse-text-primary);\n ",
57
+ ": var(--surface-accent);\n ",
58
+ ": var(--text-primary);\n ",
59
+ ": var(--surface-transparent-secondary);\n ",
60
+ ": var(--surface-accent);\n ",
61
+ ": var(--surface-solid-default);\n ",
62
+ ": var(--surface-solid-default);\n ",
63
+ ": ",
64
+ ";\n ",
65
+ ": var(--text-secondary);\n ",
66
+ ": var(--text-secondary);\n ",
67
+ ": 0.4;\n ",
68
+ ": var(--surface-transparent-secondary);\n\n ",
69
+ ": var(--text-primary);\n ",
70
+ ": var(--surface-clear);\n ",
71
+ ": var(--text-primary-hover);\n ",
72
+ ": var(--surface-clear);\n ",
73
+ ": var(--text-primary-hover);\n ",
74
+ ": var(--surface-clear);\n ",
75
+ ": var(--surface-accent);\n\n ",
76
+ ": var(--surface-solid-card-brightness);\n ",
77
+ ": var(--shadow-down-hard-s);\n ",
78
+ ": var(--text-primary);\n\n ",
79
+ ": var(--surface-transparent-secondary);\n ",
80
+ ": var(--surface-transparent-secondary);\n ",
81
+ ": var(--surface-transparent-tertiary);\n ",
82
+ ": var(--surface-transparent-primary);\n\n ",
83
+ ": var(--text-primary);\n ",
84
+ ": var(--surface-transparent-secondary);\n "
85
+ ]);
86
+ _templateObject = function _templateObject() {
87
+ return data;
88
+ };
89
+ return data;
90
+ }
91
+ function _templateObject1() {
92
+ var data = _tagged_template_literal([
93
+ "\n ",
94
+ ": 2.5rem;\n ",
95
+ ": 0.625rem;\n ",
96
+ ": 0.6875rem 0.875rem;\n\n ",
97
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
98
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
99
+ ": 0 0.25rem 0 0;\n ",
100
+ ": 0 0 0 0.25rem;\n\n ",
101
+ ": var(--plasma-typo-body-s-font-family);\n ",
102
+ ": var(--plasma-typo-body-s-font-style);\n ",
103
+ ": var(--plasma-typo-body-s-font-size);\n ",
104
+ ": var(--plasma-typo-body-s-font-weight);\n ",
105
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
106
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
107
+ ": 0.5rem;\n ",
108
+ ": 0.3125rem 0 0 0;\n ",
109
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
110
+ ": var(--plasma-typo-body-s-font-family);\n ",
111
+ ": var(--plasma-typo-body-s-font-style);\n ",
112
+ ": var(--plasma-typo-body-s-font-size);\n ",
113
+ ": var(--plasma-typo-body-s-font-weight);\n ",
114
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
115
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
116
+ ": var(--plasma-typo-body-xs-font-family);\n ",
117
+ ": var(--plasma-typo-body-xs-font-size);\n ",
118
+ ": var(--plasma-typo-body-xs-font-style);\n ",
119
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
120
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
121
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
122
+ ": 0.375rem;\n ",
123
+ ": 0.375rem;\n ",
124
+ ": 0 0 0 0;\n ",
125
+ ": 0.3125rem auto auto -0.6875rem;\n ",
126
+ ": 0 0 auto auto;\n ",
127
+ ": 0.25rem -0.625rem auto auto;\n\n ",
128
+ ": 0.25rem 0 0 0;\n ",
129
+ ": var(--plasma-typo-body-xs-font-family);\n ",
130
+ ": var(--plasma-typo-body-xs-font-style);\n ",
131
+ ": var(--plasma-typo-body-xs-font-size);\n ",
132
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
133
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
134
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
135
+ ": 0.625rem;\n ",
136
+ ": 0.875rem;\n ",
137
+ ": 0.875rem 0.875rem 1rem 0.875rem;\n ",
138
+ ": 1.875rem;\n\n ",
139
+ ": 17.5rem;\n ",
140
+ ": 17rem;\n\n ",
141
+ ": 0.5rem 0 0 0;\n ",
142
+ ": 0.5rem;\n\n ",
143
+ ": var(--plasma-typo-body-s-font-family);\n ",
144
+ ": var(--plasma-typo-body-s-font-size);\n ",
145
+ ": var(--plasma-typo-body-s-font-style);\n ",
146
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
147
+ ": var(--plasma-typo-body-s-line-height);\n ",
148
+ ": var(--plasma-typo-body-s-font-weight);\n ",
149
+ ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
150
+ ": 0.5rem 0 0 0;\n ",
151
+ ": 0.5rem;\n\n ",
152
+ ": var(--plasma-typo-body-s-font-family);\n ",
153
+ ": var(--plasma-typo-body-s-font-size);\n ",
154
+ ": var(--plasma-typo-body-s-font-style);\n ",
155
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
156
+ ": var(--plasma-typo-body-s-line-height);\n ",
157
+ ": var(--plasma-typo-body-s-font-weight);\n ",
158
+ ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
159
+ ": 0.5rem 0 0 0;\n ",
160
+ ": 0.5rem;\n\n ",
161
+ ": var(--plasma-typo-body-s-font-family);\n ",
162
+ ": var(--plasma-typo-body-s-font-size);\n ",
163
+ ": var(--plasma-typo-body-s-font-style);\n ",
164
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
165
+ ": var(--plasma-typo-body-s-line-height);\n ",
166
+ ": var(--plasma-typo-body-s-font-weight);\n ",
167
+ ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
168
+ ": 0.5rem 0 0 0;\n ",
169
+ ": 0.5rem;\n\n ",
170
+ ": var(--plasma-typo-body-s-font-family);\n ",
171
+ ": var(--plasma-typo-body-s-font-size);\n ",
172
+ ": var(--plasma-typo-body-s-font-style);\n ",
173
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
174
+ ": var(--plasma-typo-body-s-line-height);\n ",
175
+ ": var(--plasma-typo-body-s-font-weight);\n ",
176
+ ": var(--plasma-typo-body-s-bold-font-weight);\n\n ",
177
+ ": 0.063rem;\n\n ",
178
+ ": 0;\n ",
179
+ ": 0;\n ",
180
+ ": 1.5rem;\n\n ",
181
+ ": 0 0 0 0.5rem;\n ",
182
+ ": 0.25rem;\n\n ",
183
+ ": var(--plasma-typo-h4-font-family);\n ",
184
+ ": var(--plasma-typo-h4-font-size);\n ",
185
+ ": var(--plasma-typo-h4-font-style);\n ",
186
+ ": var(--plasma-typo-h4-letter-spacing);\n ",
187
+ ": var(--plasma-typo-h4-line-height);\n ",
188
+ ": var(--plasma-typo-h4-font-weight);\n ",
189
+ ": var(--plasma-typo-h4-bold-font-weight);\n\n ",
190
+ ": 2.5rem;\n ",
191
+ ": 2.5rem;\n ",
192
+ ": 0.5rem;\n ",
193
+ ": 0.625rem;\n\n ",
194
+ ": 2.5rem;\n ",
195
+ ": 17rem;\n ",
196
+ ": 0.125rem;\n ",
197
+ ": 2.5rem;\n ",
198
+ ": 0.5rem;\n ",
199
+ ": 0;\n ",
200
+ ": var(--plasma-typo-body-s-font-family);\n ",
201
+ ": var(--plasma-typo-body-s-font-style);\n ",
202
+ ": var(--plasma-typo-body-s-font-size);\n ",
203
+ ": var(--plasma-typo-body-s-font-weight);\n ",
204
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
205
+ ": var(--plasma-typo-body-s-line-height);\n ",
206
+ ": 0.125rem;\n ",
207
+ ": 0.5rem;\n\n ",
208
+ ": var(--plasma-typo-body-s-font-family);\n ",
209
+ ": var(--plasma-typo-body-s-font-style);\n ",
210
+ ": var(--plasma-typo-body-s-font-size);\n ",
211
+ ": var(--plasma-typo-body-s-font-weight);\n ",
212
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
213
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
214
+ ": 0.688rem 0.5rem;\n ",
215
+ ": 0.375rem;\n ",
216
+ ": 0.5rem;\n "
217
+ ]);
218
+ _templateObject1 = function _templateObject() {
219
+ return data;
220
+ };
221
+ return data;
222
+ }
223
+ function _templateObject2() {
224
+ var data = _tagged_template_literal([
225
+ "\n ",
226
+ ": 2rem;\n ",
227
+ ": 0.5rem;\n ",
228
+ ": 0.5625rem 0.625rem;\n\n ",
229
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
230
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
231
+ ": 0 0.25rem 0 0;\n ",
232
+ ": 0 0 0 0.25rem;\n\n ",
233
+ ": var(--plasma-typo-body-xs-font-family);\n ",
234
+ ": var(--plasma-typo-body-xs-font-style);\n ",
235
+ ": var(--plasma-typo-body-xs-font-size);\n ",
236
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
237
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
238
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
239
+ ": 0.375rem;\n ",
240
+ ": 0.3125rem 0 0 0;\n ",
241
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
242
+ ": var(--plasma-typo-body-xs-font-family);\n ",
243
+ ": var(--plasma-typo-body-xs-font-style);\n ",
244
+ ": var(--plasma-typo-body-xs-font-size);\n ",
245
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
246
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
247
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
248
+ ": var(--plasma-typo-body-xs-font-family);\n ",
249
+ ": var(--plasma-typo-body-xs-font-size);\n ",
250
+ ": var(--plasma-typo-body-xs-font-style);\n ",
251
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
252
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
253
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
254
+ ": 0.375rem;\n ",
255
+ ": 0.375rem;\n ",
256
+ ": 0 0 0 0;\n ",
257
+ ": 0.25rem auto auto -0.625rem;\n ",
258
+ ": 0 0 auto auto;\n ",
259
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
260
+ ": 0.25rem 0 0 0;\n ",
261
+ ": var(--plasma-typo-body-xs-font-family);\n ",
262
+ ": var(--plasma-typo-body-xs-font-style);\n ",
263
+ ": var(--plasma-typo-body-xs-font-size);\n ",
264
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
265
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
266
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
267
+ ": 0.5rem;\n ",
268
+ ": 0.75rem;\n ",
269
+ ": 0.75rem 0.75rem 0.875rem 0.75rem;\n ",
270
+ ": 1.625rem;\n\n ",
271
+ ": 17.5rem;\n ",
272
+ ": 15.5rem;\n\n ",
273
+ ": 0.5rem 0 0 0;\n ",
274
+ ": 0.5rem;\n\n ",
275
+ ": var(--plasma-typo-body-xs-font-family);\n ",
276
+ ": var(--plasma-typo-body-xs-font-size);\n ",
277
+ ": var(--plasma-typo-body-xs-font-style);\n ",
278
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
279
+ ": var(--plasma-typo-body-xs-line-height);\n ",
280
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
281
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ",
282
+ ": 0.5rem 0 0 0;\n ",
283
+ ": 0.5rem;\n\n ",
284
+ ": var(--plasma-typo-body-xs-font-family);\n ",
285
+ ": var(--plasma-typo-body-xs-font-size);\n ",
286
+ ": var(--plasma-typo-body-xs-font-style);\n ",
287
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
288
+ ": var(--plasma-typo-body-xs-line-height);\n ",
289
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
290
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ",
291
+ ": 0.375rem 0 0 0;\n ",
292
+ ": 0.5rem;\n\n ",
293
+ ": var(--plasma-typo-body-xs-font-family);\n ",
294
+ ": var(--plasma-typo-body-xs-font-size);\n ",
295
+ ": var(--plasma-typo-body-xs-font-style);\n ",
296
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
297
+ ": var(--plasma-typo-body-xs-line-height);\n ",
298
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
299
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ",
300
+ ": 0.375rem 0 0 0;\n ",
301
+ ": 0.5rem;\n\n ",
302
+ ": var(--plasma-typo-body-xs-font-family);\n ",
303
+ ": var(--plasma-typo-body-xs-font-size);\n ",
304
+ ": var(--plasma-typo-body-xs-font-style);\n ",
305
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
306
+ ": var(--plasma-typo-body-xs-line-height);\n ",
307
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
308
+ ": var(--plasma-typo-body-xs-bold-font-weight);\n\n ",
309
+ ": 0.063rem;\n\n ",
310
+ ": 0;\n ",
311
+ ": 0;\n ",
312
+ ": 1rem;\n\n ",
313
+ ": 0 0 0 0.5rem;\n ",
314
+ ": 0.25rem;\n\n ",
315
+ ": var(--plasma-typo-h5-font-family);\n ",
316
+ ": var(--plasma-typo-h5-font-size);\n ",
317
+ ": var(--plasma-typo-h5-font-style);\n ",
318
+ ": var(--plasma-typo-h5-letter-spacing);\n ",
319
+ ": var(--plasma-typo-h5-line-height);\n ",
320
+ ": var(--plasma-typo-h5-font-weight);\n ",
321
+ ": var(--plasma-typo-h5-bold-font-weight);\n\n ",
322
+ ": 2rem;\n ",
323
+ ": 2rem;\n ",
324
+ ": 0.5rem;\n ",
325
+ ": 0.5rem;\n\n ",
326
+ ": 2rem;\n ",
327
+ ": 15.5rem;\n ",
328
+ ": 0.125rem;\n ",
329
+ ": 2rem;\n ",
330
+ ": 0.375rem;\n ",
331
+ ": 0;\n ",
332
+ ": var(--plasma-typo-body-xs-font-family);\n ",
333
+ ": var(--plasma-typo-body-xs-font-style);\n ",
334
+ ": var(--plasma-typo-body-xs-font-size);\n ",
335
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
336
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
337
+ ": var(--plasma-typo-body-xs-line-height);\n ",
338
+ ": 0.125rem;\n ",
339
+ ": 0.5rem;\n\n ",
340
+ ": var(--plasma-typo-body-xs-font-family);\n ",
341
+ ": var(--plasma-typo-body-xs-font-style);\n ",
342
+ ": var(--plasma-typo-body-xs-font-size);\n ",
343
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
344
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
345
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
346
+ ": 0.563rem 0.375rem;\n ",
347
+ ": 0.375rem;\n ",
348
+ ": 0.375rem;\n "
349
+ ]);
350
+ _templateObject2 = function _templateObject() {
351
+ return data;
352
+ };
353
+ return data;
354
+ }
355
+ function _templateObject3() {
356
+ var data = _tagged_template_literal([
357
+ "\n ",
358
+ ": 0.6875rem;\n ",
359
+ ": 0.875rem;\n ",
360
+ ": 0.6875rem;\n ",
361
+ ": 0.875rem;\n\n ",
362
+ ": 2.5rem;\n ",
363
+ ": 0.625rem;\n\n ",
364
+ ": var(--plasma-typo-body-s-font-family);\n ",
365
+ ": var(--plasma-typo-body-s-font-size);\n ",
366
+ ": var(--plasma-typo-body-s-font-style);\n ",
367
+ ": var(--plasma-typo-body-s-font-weight);\n ",
368
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
369
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
370
+ ": 0.375rem;\n\n ",
371
+ ": 1.25rem;\n ",
372
+ ": 1.25rem;\n ",
373
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
374
+ ": 0.5rem;\n ",
375
+ ": 0.625rem;\n ",
376
+ ": var(--surface-solid-card-brightness);\n "
377
+ ]);
378
+ _templateObject3 = function _templateObject() {
379
+ return data;
380
+ };
381
+ return data;
382
+ }
383
+ function _templateObject4() {
384
+ var data = _tagged_template_literal([
385
+ "\n ",
386
+ ": 0.5rem;\n ",
387
+ ": 0.75rem;\n ",
388
+ ": 0.5rem;\n ",
389
+ ": 0.75rem;\n\n ",
390
+ ": 2rem;\n ",
391
+ ": 0.5rem;\n\n ",
392
+ ": var(--plasma-typo-body-xs-font-family);\n ",
393
+ ": var(--plasma-typo-body-xs-font-size);\n ",
394
+ ": var(--plasma-typo-body-xs-font-style);\n ",
395
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
396
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
397
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
398
+ ": 0.25rem;\n\n ",
399
+ ": 1rem;\n ",
400
+ ": 1rem;\n ",
401
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
402
+ ": 0.375rem;\n ",
403
+ ": 0.5625rem;\n ",
404
+ ": var(--surface-solid-card-brightness);\n "
405
+ ]);
406
+ _templateObject4 = function _templateObject() {
407
+ return data;
408
+ };
409
+ return data;
410
+ }
411
+ function _templateObject5() {
412
+ var data = _tagged_template_literal([
413
+ "\n ",
414
+ ": 0.4;\n "
415
+ ]);
416
+ _templateObject5 = function _templateObject() {
417
+ return data;
418
+ };
419
+ return data;
420
+ }
421
+ function _templateObject6() {
422
+ var data = _tagged_template_literal([
423
+ "\n ",
424
+ ": var(--text-primary);\n ",
425
+ ": var(--text-secondary);\n\n ",
426
+ ": var(--text-primary);\n ",
427
+ ": var(--surface-transparent-primary);\n ",
428
+ ": var(--text-secondary);\n\n ",
429
+ ": 0.4;\n ",
430
+ ": 0.1;\n "
431
+ ]);
432
+ _templateObject6 = function _templateObject() {
433
+ return data;
434
+ };
435
+ return data;
436
+ }
437
+ import { dateTimePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
438
+ export var config = {
439
+ defaults: {
440
+ view: 'default',
441
+ size: 's'
442
+ },
443
+ variations: {
444
+ view: {
445
+ default: css(_templateObject(), tokens.outlineFocusColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorHover, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, 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.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.calendarSeparatorBackground, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.timePickerItemBackgroundHover, tokens.timePickerItemBackgroundActive, tokens.timePickerScrollbarColor, tokens.timePickerScrollbarTrackColor, tokens.shortcutColor, tokens.shortcutBackgroundHover)
446
+ },
447
+ size: {
448
+ s: css(_templateObject1(), tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, 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.timePickerColumnWidth, tokens.timePickerColumnHeight, tokens.timePickerColumnGap, tokens.timePickerItemHeight, tokens.timePickerItemBorderRadius, tokens.timePickerItemPadding, tokens.timePickerItemFontFamily, tokens.timePickerItemFontStyle, tokens.timePickerItemFontSize, tokens.timePickerItemFontWeight, tokens.timePickerItemLetterSpacing, tokens.timePickerItemLineHeight, tokens.timePickerScrollbarWidth, tokens.timePickerScrollbarMargin, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius),
449
+ xs: css(_templateObject2(), tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.popoverBorderRadius, tokens.popoverGap, tokens.popoverPadding, tokens.popoverVerticalPadding, tokens.calendarWidth, tokens.calendarHeight, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, 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.timePickerColumnWidth, tokens.timePickerColumnHeight, tokens.timePickerColumnGap, tokens.timePickerItemHeight, tokens.timePickerItemBorderRadius, tokens.timePickerItemPadding, tokens.timePickerItemFontFamily, tokens.timePickerItemFontStyle, tokens.timePickerItemFontSize, tokens.timePickerItemFontWeight, tokens.timePickerItemLetterSpacing, tokens.timePickerItemLineHeight, tokens.timePickerScrollbarWidth, tokens.timePickerScrollbarMargin, tokens.shortcutFontFamily, tokens.shortcutFontStyle, tokens.shortcutFontSize, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, tokens.shortcutPadding, tokens.shortcutGap, tokens.shortcutBorderRadius)
450
+ },
451
+ eventTooltipSize: {
452
+ m: css(_templateObject3(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin, tokens.tooltipArrowBackground),
453
+ s: css(_templateObject4(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin, tokens.tooltipArrowBackground)
454
+ },
455
+ disabled: {
456
+ true: css(_templateObject5(), tokens.disabledOpacity)
457
+ },
458
+ readOnly: {
459
+ true: css(_templateObject6(), tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity)
460
+ }
461
+ }
462
+ };
package/es/components/DateTimePicker/DateTimePicker.js ADDED
@@ -0,0 +1,4 @@
1
+ import { dateTimePickerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './DateTimePicker.config';
3
+ var mergedConfig = mergeConfig(dateTimePickerConfig, config);
4
+ export var DateTimePicker = component(mergedConfig);
package/es/components/DateTimePicker/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export { DateTimePicker } from './DateTimePicker';
2
+ export { dateTimePickerClasses, dateTimePickerTokens } from '@salutejs/plasma-new-hope/styled-components';