@salutejs/sdds-dfa 0.323.0-canary.2254.18028326170.0 → 0.323.0-canary.2254.18036780976.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.
@@ -0,0 +1,23 @@
1
+ export declare const config: {
2
+ defaults: {
3
+ view: string;
4
+ size: string;
5
+ };
6
+ variations: {
7
+ view: {
8
+ default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
+ };
10
+ size: {
11
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
12
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
14
+ xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
15
+ };
16
+ disabled: {
17
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
+ };
19
+ readonly: {
20
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
+ };
22
+ };
23
+ };
@@ -0,0 +1,347 @@
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-transparent-primary);\n ",
26
+ ": var(--surface-transparent-negative);\n ",
27
+ ": var(--surface-transparent-positive);\n\n ",
28
+ ": var(--text-primary);\n\n ",
29
+ ": var(--text-primary);\n ",
30
+ ": var(--text-secondary);\n ",
31
+ ": var(--text-accent);\n\n ",
32
+ ": var(--surface-negative);\n\n ",
33
+ ": var(--surface-transparent-primary);\n ",
34
+ ": var(--surface-transparent-secondary);\n ",
35
+ ": var(--surface-transparent-negative);\n ",
36
+ ": var(--surface-transparent-negative-active);\n ",
37
+ ": var(--surface-transparent-positive);\n ",
38
+ ": var(--surface-transparent-positive-active);\n\n ",
39
+ ": var(--text-tertiary);\n ",
40
+ ": var(--text-tertiary);\n\n ",
41
+ ": var(--text-tertiary);\n\n ",
42
+ ": var(--surface-solid-card);\n ",
43
+ ": var(--surface-transparent-secondary);\n ",
44
+ ": var(--surface-transparent-secondary);\n\n ",
45
+ ": var(--surface-transparent-tertiary);\n ",
46
+ ": var(--surface-transparent-primary);\n "
47
+ ]);
48
+ _templateObject = function _templateObject() {
49
+ return data;
50
+ };
51
+ return data;
52
+ }
53
+ function _templateObject1() {
54
+ var data = _tagged_template_literal([
55
+ "\n ",
56
+ ": 20rem;\n ",
57
+ ": 0.875rem;\n\n ",
58
+ ": 0 0 0 1rem;\n ",
59
+ ": 0;\n\n ",
60
+ ": 0.75rem;\n ",
61
+ ": 0.5625rem 0 0.125rem 0;\n ",
62
+ ": 1.5625rem 0 0.5625rem 0;\n\n ",
63
+ ": var(--plasma-typo-body-l-font-family);\n ",
64
+ ": var(--plasma-typo-body-l-font-style);\n ",
65
+ ": var(--plasma-typo-body-l-font-size);\n ",
66
+ ": var(--plasma-typo-body-l-font-weight);\n ",
67
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
68
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
69
+ ": 0.5rem;\n ",
70
+ ": 0.375rem;\n ",
71
+ ": 0 0 0 0;\n ",
72
+ ": 0.5rem auto auto -0.75rem;\n ",
73
+ ": 0 0 auto auto;\n ",
74
+ ": 0.25rem -0.625rem auto auto;\n\n ",
75
+ ": 3.5rem;\n ",
76
+ ": 0.875rem;\n ",
77
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
78
+ ": var(--plasma-typo-body-l-font-family);\n ",
79
+ ": var(--plasma-typo-body-l-font-style);\n ",
80
+ ": var(--plasma-typo-body-l-font-size);\n ",
81
+ ": var(--plasma-typo-body-l-font-weight);\n ",
82
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
83
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
84
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
85
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
86
+ ": 0 0.25rem 0 0;\n ",
87
+ ": 0 0 0 0.25rem;\n\n ",
88
+ ": 0.875rem;\n ",
89
+ ": 15rem;\n ",
90
+ ": 0.125rem;\n\n ",
91
+ ": 36.25rem;\n\n ",
92
+ ": var(--plasma-typo-body-l-font-family);\n ",
93
+ ": var(--plasma-typo-body-l-font-size);\n ",
94
+ ": var(--plasma-typo-body-l-font-style);\n ",
95
+ ": var(--plasma-typo-body-l-font-weight);\n ",
96
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
97
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
98
+ ": 3.5rem;\n ",
99
+ ": 0.75rem;\n ",
100
+ ": 0rem;\n\n ",
101
+ ": var(--plasma-typo-body-xs-font-family);\n ",
102
+ ": var(--plasma-typo-body-xs-font-size);\n ",
103
+ ": var(--plasma-typo-body-xs-font-style);\n ",
104
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
105
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
106
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
107
+ ": 0.125rem;\n ",
108
+ ": 0.5rem;\n "
109
+ ]);
110
+ _templateObject1 = function _templateObject() {
111
+ return data;
112
+ };
113
+ return data;
114
+ }
115
+ function _templateObject2() {
116
+ var data = _tagged_template_literal([
117
+ "\n ",
118
+ ": 20rem;\n ",
119
+ ": 0.75rem;\n\n ",
120
+ ": 0 0 0 0.875rem;\n ",
121
+ ": 0;\n\n ",
122
+ ": 0.625rem;\n ",
123
+ ": 0.375rem 0 0.125rem 0;\n ",
124
+ ": 1.375rem 0 0.375rem 0;\n\n ",
125
+ ": var(--plasma-typo-body-m-font-family);\n ",
126
+ ": var(--plasma-typo-body-m-font-style);\n ",
127
+ ": var(--plasma-typo-body-m-font-size);\n ",
128
+ ": var(--plasma-typo-body-m-font-weight);\n ",
129
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
130
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
131
+ ": 0.5rem;\n ",
132
+ ": 0.375rem;\n ",
133
+ ": 0 0 0 0;\n ",
134
+ ": 0.375rem auto auto -0.75rem;\n ",
135
+ ": 0 0 auto auto;\n ",
136
+ ": 0.25rem -0.6875rem auto auto;\n\n ",
137
+ ": 3rem;\n ",
138
+ ": 0.75rem;\n ",
139
+ ": 0.875rem 1rem 0.875rem 1rem;\n ",
140
+ ": var(--plasma-typo-body-m-font-family);\n ",
141
+ ": var(--plasma-typo-body-m-font-style);\n ",
142
+ ": var(--plasma-typo-body-m-font-size);\n ",
143
+ ": var(--plasma-typo-body-m-font-weight);\n ",
144
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
145
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
146
+ ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
147
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
148
+ ": 0 0.25rem 0 0;\n ",
149
+ ": 0 0 0 0.25rem;\n\n ",
150
+ ": 0.75rem;\n ",
151
+ ": 13.75rem;\n ",
152
+ ": 0.125rem;\n\n ",
153
+ ": 31.25rem;\n\n ",
154
+ ": var(--plasma-typo-body-m-font-family);\n ",
155
+ ": var(--plasma-typo-body-m-font-size);\n ",
156
+ ": var(--plasma-typo-body-m-font-style);\n ",
157
+ ": var(--plasma-typo-body-m-font-weight);\n ",
158
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
159
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
160
+ ": 3rem;\n ",
161
+ ": 0.625rem;\n ",
162
+ ": 0rem;\n\n ",
163
+ ": var(--plasma-typo-body-xs-font-family);\n ",
164
+ ": var(--plasma-typo-body-xs-font-size);\n ",
165
+ ": var(--plasma-typo-body-xs-font-style);\n ",
166
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
167
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
168
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
169
+ ": 0.125rem;\n ",
170
+ ": 0.375rem;\n "
171
+ ]);
172
+ _templateObject2 = function _templateObject() {
173
+ return data;
174
+ };
175
+ return data;
176
+ }
177
+ function _templateObject3() {
178
+ var data = _tagged_template_literal([
179
+ "\n ",
180
+ ": 20rem;\n ",
181
+ ": 0.625rem;\n\n ",
182
+ ": 0 0 0 0.75rem;\n ",
183
+ ": 0;\n\n ",
184
+ ": 0.5rem;\n ",
185
+ ": 0.3125rem 0 0 0;\n ",
186
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
187
+ ": var(--plasma-typo-body-s-font-family);\n ",
188
+ ": var(--plasma-typo-body-s-font-style);\n ",
189
+ ": var(--plasma-typo-body-s-font-size);\n ",
190
+ ": var(--plasma-typo-body-s-font-weight);\n ",
191
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
192
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
193
+ ": 0.375rem;\n ",
194
+ ": 0.375rem;\n ",
195
+ ": 0 0 0 0;\n ",
196
+ ": 0.3125rem auto auto -0.6875rem;\n ",
197
+ ": 0 0 auto auto;\n ",
198
+ ": 0.25rem -0.625rem auto auto;\n\n ",
199
+ ": 2.5rem;\n ",
200
+ ": 0.625rem;\n ",
201
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
202
+ ": var(--plasma-typo-body-s-font-family);\n ",
203
+ ": var(--plasma-typo-body-s-font-style);\n ",
204
+ ": var(--plasma-typo-body-s-font-size);\n ",
205
+ ": var(--plasma-typo-body-s-font-weight);\n ",
206
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
207
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
208
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
209
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
210
+ ": 0 0.25rem 0 0;\n ",
211
+ ": 0 0 0 0.25rem;\n\n ",
212
+ ": 0.625rem;\n ",
213
+ ": 12rem;\n ",
214
+ ": 0.125rem;\n\n ",
215
+ ": 26.25rem;\n\n ",
216
+ ": var(--plasma-typo-body-s-font-family);\n ",
217
+ ": var(--plasma-typo-body-s-font-size);\n ",
218
+ ": var(--plasma-typo-body-s-font-style);\n ",
219
+ ": var(--plasma-typo-body-s-font-weight);\n ",
220
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
221
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
222
+ ": 2.5rem;\n ",
223
+ ": 0.5rem;\n ",
224
+ ": 0rem;\n\n ",
225
+ ": var(--plasma-typo-body-xs-font-family);\n ",
226
+ ": var(--plasma-typo-body-xs-font-size);\n ",
227
+ ": var(--plasma-typo-body-xs-font-style);\n ",
228
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
229
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
230
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
231
+ ": 0.125rem;\n ",
232
+ ": 0.25rem;\n "
233
+ ]);
234
+ _templateObject3 = function _templateObject() {
235
+ return data;
236
+ };
237
+ return data;
238
+ }
239
+ function _templateObject4() {
240
+ var data = _tagged_template_literal([
241
+ "\n ",
242
+ ": 20rem;\n ",
243
+ ": 0.5rem;\n\n ",
244
+ ": 0 0 0 0.5rem;\n ",
245
+ ": 0;\n\n ",
246
+ ": 0.375rem;\n ",
247
+ ": 0.3125rem 0 0 0;\n ",
248
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
249
+ ": var(--plasma-typo-body-xs-font-family);\n ",
250
+ ": var(--plasma-typo-body-xs-font-style);\n ",
251
+ ": var(--plasma-typo-body-xs-font-size);\n ",
252
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
253
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
254
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
255
+ ": 0.375rem;\n ",
256
+ ": 0.375rem;\n ",
257
+ ": 0 0 0 0;\n ",
258
+ ": 0.25rem auto auto -0.625rem;\n ",
259
+ ": 0 0 auto auto;\n ",
260
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
261
+ ": 2rem;\n ",
262
+ ": 0.5rem;\n ",
263
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
264
+ ": var(--plasma-typo-body-xs-font-family);\n ",
265
+ ": var(--plasma-typo-body-xs-font-style);\n ",
266
+ ": var(--plasma-typo-body-xs-font-size);\n ",
267
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
268
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
269
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
270
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
271
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
272
+ ": 0 0.25rem 0 0;\n ",
273
+ ": 0 0 0 0.25rem;\n\n ",
274
+ ": 0.5rem;\n ",
275
+ ": 10rem;\n ",
276
+ ": 0.125rem;\n\n ",
277
+ ": 21.25rem;\n\n ",
278
+ ": var(--plasma-typo-body-xs-font-family);\n ",
279
+ ": var(--plasma-typo-body-xs-font-size);\n ",
280
+ ": var(--plasma-typo-body-xs-font-style);\n ",
281
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
282
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
283
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
284
+ ": 2rem;\n ",
285
+ ": 0.375rem;\n ",
286
+ ": 0rem;\n\n ",
287
+ ": var(--plasma-typo-body-xs-font-family);\n ",
288
+ ": var(--plasma-typo-body-xs-font-size);\n ",
289
+ ": var(--plasma-typo-body-xs-font-style);\n ",
290
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
291
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
292
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
293
+ ": 0.125rem;\n ",
294
+ ": 0.25rem;\n "
295
+ ]);
296
+ _templateObject4 = function _templateObject() {
297
+ return data;
298
+ };
299
+ return data;
300
+ }
301
+ function _templateObject5() {
302
+ var data = _tagged_template_literal([
303
+ "\n ",
304
+ ": 0.4;\n "
305
+ ]);
306
+ _templateObject5 = function _templateObject() {
307
+ return data;
308
+ };
309
+ return data;
310
+ }
311
+ function _templateObject6() {
312
+ var data = _tagged_template_literal([
313
+ "\n ",
314
+ ": var(--surface-transparent-primary);\n ",
315
+ ": var(--text-secondary);\n\n ",
316
+ ": var(--text-secondary);\n ",
317
+ ": var(--surface-transparent-primary);\n ",
318
+ ": var(--text-secondary);\n "
319
+ ]);
320
+ _templateObject6 = function _templateObject() {
321
+ return data;
322
+ };
323
+ return data;
324
+ }
325
+ var config = {
326
+ defaults: {
327
+ view: 'default',
328
+ size: 'm'
329
+ },
330
+ variations: {
331
+ view: {
332
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.timePickerTokens.background, _styledcomponents.timePickerTokens.backgroundError, _styledcomponents.timePickerTokens.backgroundSuccess, _styledcomponents.timePickerTokens.labelColor, _styledcomponents.timePickerTokens.textFieldColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColor, _styledcomponents.timePickerTokens.textFieldCaretColor, _styledcomponents.timePickerTokens.indicatorColor, _styledcomponents.timePickerTokens.textFieldBackgroundColor, _styledcomponents.timePickerTokens.textFieldBackgroundColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColor, _styledcomponents.timePickerTokens.textFieldBackgroundErrorColorFocus, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColor, _styledcomponents.timePickerTokens.textFieldBackgroundSuccessColorFocus, _styledcomponents.timePickerTokens.textFieldTextBeforeColor, _styledcomponents.timePickerTokens.textFieldTextAfterColor, _styledcomponents.timePickerTokens.textFieldPlaceholderColorFocus, _styledcomponents.timePickerTokens.timePickerBackground, _styledcomponents.timePickerTokens.itemBackgroundHover, _styledcomponents.timePickerTokens.itemBackgroundActive, _styledcomponents.timePickerTokens.scrollbarColor, _styledcomponents.timePickerTokens.scrollbarTrackColor)
333
+ },
334
+ size: {
335
+ l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
336
+ m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
337
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin),
338
+ xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.timePickerTokens.width, _styledcomponents.timePickerTokens.borderRadius, _styledcomponents.timePickerTokens.leftContentMargin, _styledcomponents.timePickerTokens.rightContentMargin, _styledcomponents.timePickerTokens.labelOffset, _styledcomponents.timePickerTokens.labelInnerPadding, _styledcomponents.timePickerTokens.contentLabelInnerPadding, _styledcomponents.timePickerTokens.labelFontFamily, _styledcomponents.timePickerTokens.labelFontStyle, _styledcomponents.timePickerTokens.labelFontSize, _styledcomponents.timePickerTokens.labelFontWeight, _styledcomponents.timePickerTokens.labelLetterSpacing, _styledcomponents.timePickerTokens.labelLineHeight, _styledcomponents.timePickerTokens.indicatorSize, _styledcomponents.timePickerTokens.indicatorSizeOuter, _styledcomponents.timePickerTokens.indicatorPlacement, _styledcomponents.timePickerTokens.indicatorOuterPlacement, _styledcomponents.timePickerTokens.indicatorPlacementRight, _styledcomponents.timePickerTokens.indicatorOuterPlacementRight, _styledcomponents.timePickerTokens.textFieldHeight, _styledcomponents.timePickerTokens.textFieldBorderRadius, _styledcomponents.timePickerTokens.textFieldPadding, _styledcomponents.timePickerTokens.textFieldFontFamily, _styledcomponents.timePickerTokens.textFieldFontStyle, _styledcomponents.timePickerTokens.textFieldFontSize, _styledcomponents.timePickerTokens.textFieldFontWeight, _styledcomponents.timePickerTokens.textFieldLetterSpacing, _styledcomponents.timePickerTokens.textFieldLineHeight, _styledcomponents.timePickerTokens.textFieldLeftContentMargin, _styledcomponents.timePickerTokens.textFieldRightContentMargin, _styledcomponents.timePickerTokens.textFieldTextBeforeMargin, _styledcomponents.timePickerTokens.textFieldTextAfterMargin, _styledcomponents.timePickerTokens.timePickerBorderRadius, _styledcomponents.timePickerTokens.timePickerWidth, _styledcomponents.timePickerTokens.timePickerPadding, _styledcomponents.timePickerTokens.columnHeight, _styledcomponents.timePickerTokens.itemFontFamily, _styledcomponents.timePickerTokens.itemFontSize, _styledcomponents.timePickerTokens.itemFontStyle, _styledcomponents.timePickerTokens.itemFontWeight, _styledcomponents.timePickerTokens.itemLetterSpacing, _styledcomponents.timePickerTokens.itemLineHeight, _styledcomponents.timePickerTokens.itemHeight, _styledcomponents.timePickerTokens.itemBorderRadius, _styledcomponents.timePickerTokens.itemPadding, _styledcomponents.timePickerTokens.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _styledcomponents.timePickerTokens.scrollbarWidth, _styledcomponents.timePickerTokens.scrollbarMargin)
339
+ },
340
+ disabled: {
341
+ true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.timePickerTokens.disabledOpacity)
342
+ },
343
+ readonly: {
344
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.timePickerTokens.backgroundReadOnly, _styledcomponents.timePickerTokens.labelColorReadOnly, _styledcomponents.timePickerTokens.textFieldColorReadOnly, _styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly)
345
+ }
346
+ }
347
+ };
@@ -0,0 +1,42 @@
1
+ export declare const TimePicker: 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
+ };
5
+ size: {
6
+ l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
7
+ m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
8
+ s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
9
+ xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
10
+ };
11
+ disabled: {
12
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
13
+ };
14
+ readonly: {
15
+ true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
+ };
17
+ }> & {
18
+ dropdownAlign?: "left" | "right";
19
+ dropdownWidth?: "auto" | "fullWidth" | React.CSSProperties["width"];
20
+ dropdownHeight?: React.CSSProperties["height"];
21
+ columnsQuantity?: 2 | 3;
22
+ size?: string;
23
+ view?: string;
24
+ disabled?: boolean;
25
+ readonly?: boolean;
26
+ stretched: boolean;
27
+ } & {
28
+ requiredPlacement?: "left" | "right";
29
+ required?: boolean;
30
+ hasRequiredIndicator?: boolean;
31
+ value?: string;
32
+ defaultValue?: Date;
33
+ placeholder?: string;
34
+ valueError?: boolean;
35
+ valueSuccess?: boolean;
36
+ leftHelper?: string;
37
+ contentLeft?: React.ReactElement;
38
+ contentRight?: React.ReactElement;
39
+ textBefore?: string;
40
+ textAfter?: string;
41
+ onChange?: (event: import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types").TimePickerChangeEvent) => void;
42
+ } & import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").LabelProps & import("@salutejs/plasma-new-hope/types/components/TimePicker/TimePicker.types").TimePickerPopoverProps & Omit<import("react").HTMLAttributes<HTMLDivElement>, "defaultValue"> & import("react").RefAttributes<HTMLInputElement>>;
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "TimePicker", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return TimePicker;
9
+ }
10
+ });
11
+ var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
+ var _TimePickerconfig = require("./TimePicker.config");
13
+ var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.timePickerConfig, _TimePickerconfig.config);
14
+ var TimePicker = (0, _styledcomponents.component)(mergedConfig);
@@ -0,0 +1,2 @@
1
+ export { TimePicker } from './TimePicker';
2
+ export { timePickerClasses, timePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
@@ -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 TimePicker () {
13
+ return _TimePicker.TimePicker;
14
+ },
15
+ get timePickerClasses () {
16
+ return _styledcomponents.timePickerClasses;
17
+ },
18
+ get timePickerTokens () {
19
+ return _styledcomponents.timePickerTokens;
20
+ }
21
+ });
22
+ var _TimePicker = require("./TimePicker");
23
+ var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
@@ -0,0 +1,337 @@
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-transparent-primary);\n ",
15
+ ": var(--surface-transparent-negative);\n ",
16
+ ": var(--surface-transparent-positive);\n\n ",
17
+ ": var(--text-primary);\n\n ",
18
+ ": var(--text-primary);\n ",
19
+ ": var(--text-secondary);\n ",
20
+ ": var(--text-accent);\n\n ",
21
+ ": var(--surface-negative);\n\n ",
22
+ ": var(--surface-transparent-primary);\n ",
23
+ ": var(--surface-transparent-secondary);\n ",
24
+ ": var(--surface-transparent-negative);\n ",
25
+ ": var(--surface-transparent-negative-active);\n ",
26
+ ": var(--surface-transparent-positive);\n ",
27
+ ": var(--surface-transparent-positive-active);\n\n ",
28
+ ": var(--text-tertiary);\n ",
29
+ ": var(--text-tertiary);\n\n ",
30
+ ": var(--text-tertiary);\n\n ",
31
+ ": var(--surface-solid-card);\n ",
32
+ ": var(--surface-transparent-secondary);\n ",
33
+ ": var(--surface-transparent-secondary);\n\n ",
34
+ ": var(--surface-transparent-tertiary);\n ",
35
+ ": var(--surface-transparent-primary);\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
+ ": 20rem;\n ",
46
+ ": 0.875rem;\n\n ",
47
+ ": 0 0 0 1rem;\n ",
48
+ ": 0;\n\n ",
49
+ ": 0.75rem;\n ",
50
+ ": 0.5625rem 0 0.125rem 0;\n ",
51
+ ": 1.5625rem 0 0.5625rem 0;\n\n ",
52
+ ": var(--plasma-typo-body-l-font-family);\n ",
53
+ ": var(--plasma-typo-body-l-font-style);\n ",
54
+ ": var(--plasma-typo-body-l-font-size);\n ",
55
+ ": var(--plasma-typo-body-l-font-weight);\n ",
56
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
57
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
58
+ ": 0.5rem;\n ",
59
+ ": 0.375rem;\n ",
60
+ ": 0 0 0 0;\n ",
61
+ ": 0.5rem auto auto -0.75rem;\n ",
62
+ ": 0 0 auto auto;\n ",
63
+ ": 0.25rem -0.625rem auto auto;\n\n ",
64
+ ": 3.5rem;\n ",
65
+ ": 0.875rem;\n ",
66
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
67
+ ": var(--plasma-typo-body-l-font-family);\n ",
68
+ ": var(--plasma-typo-body-l-font-style);\n ",
69
+ ": var(--plasma-typo-body-l-font-size);\n ",
70
+ ": var(--plasma-typo-body-l-font-weight);\n ",
71
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
72
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
73
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
74
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
75
+ ": 0 0.25rem 0 0;\n ",
76
+ ": 0 0 0 0.25rem;\n\n ",
77
+ ": 0.875rem;\n ",
78
+ ": 15rem;\n ",
79
+ ": 0.125rem;\n\n ",
80
+ ": 36.25rem;\n\n ",
81
+ ": var(--plasma-typo-body-l-font-family);\n ",
82
+ ": var(--plasma-typo-body-l-font-size);\n ",
83
+ ": var(--plasma-typo-body-l-font-style);\n ",
84
+ ": var(--plasma-typo-body-l-font-weight);\n ",
85
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
86
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
87
+ ": 3.5rem;\n ",
88
+ ": 0.75rem;\n ",
89
+ ": 0rem;\n\n ",
90
+ ": var(--plasma-typo-body-xs-font-family);\n ",
91
+ ": var(--plasma-typo-body-xs-font-size);\n ",
92
+ ": var(--plasma-typo-body-xs-font-style);\n ",
93
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
94
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
95
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
96
+ ": 0.125rem;\n ",
97
+ ": 0.5rem;\n "
98
+ ]);
99
+ _templateObject1 = function _templateObject() {
100
+ return data;
101
+ };
102
+ return data;
103
+ }
104
+ function _templateObject2() {
105
+ var data = _tagged_template_literal([
106
+ "\n ",
107
+ ": 20rem;\n ",
108
+ ": 0.75rem;\n\n ",
109
+ ": 0 0 0 0.875rem;\n ",
110
+ ": 0;\n\n ",
111
+ ": 0.625rem;\n ",
112
+ ": 0.375rem 0 0.125rem 0;\n ",
113
+ ": 1.375rem 0 0.375rem 0;\n\n ",
114
+ ": var(--plasma-typo-body-m-font-family);\n ",
115
+ ": var(--plasma-typo-body-m-font-style);\n ",
116
+ ": var(--plasma-typo-body-m-font-size);\n ",
117
+ ": var(--plasma-typo-body-m-font-weight);\n ",
118
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
119
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
120
+ ": 0.5rem;\n ",
121
+ ": 0.375rem;\n ",
122
+ ": 0 0 0 0;\n ",
123
+ ": 0.375rem auto auto -0.75rem;\n ",
124
+ ": 0 0 auto auto;\n ",
125
+ ": 0.25rem -0.6875rem auto auto;\n\n ",
126
+ ": 3rem;\n ",
127
+ ": 0.75rem;\n ",
128
+ ": 0.875rem 1rem 0.875rem 1rem;\n ",
129
+ ": var(--plasma-typo-body-m-font-family);\n ",
130
+ ": var(--plasma-typo-body-m-font-style);\n ",
131
+ ": var(--plasma-typo-body-m-font-size);\n ",
132
+ ": var(--plasma-typo-body-m-font-weight);\n ",
133
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
134
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
135
+ ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
136
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
137
+ ": 0 0.25rem 0 0;\n ",
138
+ ": 0 0 0 0.25rem;\n\n ",
139
+ ": 0.75rem;\n ",
140
+ ": 13.75rem;\n ",
141
+ ": 0.125rem;\n\n ",
142
+ ": 31.25rem;\n\n ",
143
+ ": var(--plasma-typo-body-m-font-family);\n ",
144
+ ": var(--plasma-typo-body-m-font-size);\n ",
145
+ ": var(--plasma-typo-body-m-font-style);\n ",
146
+ ": var(--plasma-typo-body-m-font-weight);\n ",
147
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
148
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
149
+ ": 3rem;\n ",
150
+ ": 0.625rem;\n ",
151
+ ": 0rem;\n\n ",
152
+ ": var(--plasma-typo-body-xs-font-family);\n ",
153
+ ": var(--plasma-typo-body-xs-font-size);\n ",
154
+ ": var(--plasma-typo-body-xs-font-style);\n ",
155
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
156
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
157
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
158
+ ": 0.125rem;\n ",
159
+ ": 0.375rem;\n "
160
+ ]);
161
+ _templateObject2 = function _templateObject() {
162
+ return data;
163
+ };
164
+ return data;
165
+ }
166
+ function _templateObject3() {
167
+ var data = _tagged_template_literal([
168
+ "\n ",
169
+ ": 20rem;\n ",
170
+ ": 0.625rem;\n\n ",
171
+ ": 0 0 0 0.75rem;\n ",
172
+ ": 0;\n\n ",
173
+ ": 0.5rem;\n ",
174
+ ": 0.3125rem 0 0 0;\n ",
175
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
176
+ ": var(--plasma-typo-body-s-font-family);\n ",
177
+ ": var(--plasma-typo-body-s-font-style);\n ",
178
+ ": var(--plasma-typo-body-s-font-size);\n ",
179
+ ": var(--plasma-typo-body-s-font-weight);\n ",
180
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
181
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
182
+ ": 0.375rem;\n ",
183
+ ": 0.375rem;\n ",
184
+ ": 0 0 0 0;\n ",
185
+ ": 0.3125rem auto auto -0.6875rem;\n ",
186
+ ": 0 0 auto auto;\n ",
187
+ ": 0.25rem -0.625rem auto auto;\n\n ",
188
+ ": 2.5rem;\n ",
189
+ ": 0.625rem;\n ",
190
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
191
+ ": var(--plasma-typo-body-s-font-family);\n ",
192
+ ": var(--plasma-typo-body-s-font-style);\n ",
193
+ ": var(--plasma-typo-body-s-font-size);\n ",
194
+ ": var(--plasma-typo-body-s-font-weight);\n ",
195
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
196
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
197
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
198
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
199
+ ": 0 0.25rem 0 0;\n ",
200
+ ": 0 0 0 0.25rem;\n\n ",
201
+ ": 0.625rem;\n ",
202
+ ": 12rem;\n ",
203
+ ": 0.125rem;\n\n ",
204
+ ": 26.25rem;\n\n ",
205
+ ": var(--plasma-typo-body-s-font-family);\n ",
206
+ ": var(--plasma-typo-body-s-font-size);\n ",
207
+ ": var(--plasma-typo-body-s-font-style);\n ",
208
+ ": var(--plasma-typo-body-s-font-weight);\n ",
209
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
210
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
211
+ ": 2.5rem;\n ",
212
+ ": 0.5rem;\n ",
213
+ ": 0rem;\n\n ",
214
+ ": var(--plasma-typo-body-xs-font-family);\n ",
215
+ ": var(--plasma-typo-body-xs-font-size);\n ",
216
+ ": var(--plasma-typo-body-xs-font-style);\n ",
217
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
218
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
219
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
220
+ ": 0.125rem;\n ",
221
+ ": 0.25rem;\n "
222
+ ]);
223
+ _templateObject3 = function _templateObject() {
224
+ return data;
225
+ };
226
+ return data;
227
+ }
228
+ function _templateObject4() {
229
+ var data = _tagged_template_literal([
230
+ "\n ",
231
+ ": 20rem;\n ",
232
+ ": 0.5rem;\n\n ",
233
+ ": 0 0 0 0.5rem;\n ",
234
+ ": 0;\n\n ",
235
+ ": 0.375rem;\n ",
236
+ ": 0.3125rem 0 0 0;\n ",
237
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
238
+ ": var(--plasma-typo-body-xs-font-family);\n ",
239
+ ": var(--plasma-typo-body-xs-font-style);\n ",
240
+ ": var(--plasma-typo-body-xs-font-size);\n ",
241
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
242
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
243
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
244
+ ": 0.375rem;\n ",
245
+ ": 0.375rem;\n ",
246
+ ": 0 0 0 0;\n ",
247
+ ": 0.25rem auto auto -0.625rem;\n ",
248
+ ": 0 0 auto auto;\n ",
249
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
250
+ ": 2rem;\n ",
251
+ ": 0.5rem;\n ",
252
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
253
+ ": var(--plasma-typo-body-xs-font-family);\n ",
254
+ ": var(--plasma-typo-body-xs-font-style);\n ",
255
+ ": var(--plasma-typo-body-xs-font-size);\n ",
256
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
257
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
258
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
259
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
260
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
261
+ ": 0 0.25rem 0 0;\n ",
262
+ ": 0 0 0 0.25rem;\n\n ",
263
+ ": 0.5rem;\n ",
264
+ ": 10rem;\n ",
265
+ ": 0.125rem;\n\n ",
266
+ ": 21.25rem;\n\n ",
267
+ ": var(--plasma-typo-body-xs-font-family);\n ",
268
+ ": var(--plasma-typo-body-xs-font-size);\n ",
269
+ ": var(--plasma-typo-body-xs-font-style);\n ",
270
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
271
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
272
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
273
+ ": 2rem;\n ",
274
+ ": 0.375rem;\n ",
275
+ ": 0rem;\n\n ",
276
+ ": var(--plasma-typo-body-xs-font-family);\n ",
277
+ ": var(--plasma-typo-body-xs-font-size);\n ",
278
+ ": var(--plasma-typo-body-xs-font-style);\n ",
279
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
280
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
281
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
282
+ ": 0.125rem;\n ",
283
+ ": 0.25rem;\n "
284
+ ]);
285
+ _templateObject4 = function _templateObject() {
286
+ return data;
287
+ };
288
+ return data;
289
+ }
290
+ function _templateObject5() {
291
+ var data = _tagged_template_literal([
292
+ "\n ",
293
+ ": 0.4;\n "
294
+ ]);
295
+ _templateObject5 = function _templateObject() {
296
+ return data;
297
+ };
298
+ return data;
299
+ }
300
+ function _templateObject6() {
301
+ var data = _tagged_template_literal([
302
+ "\n ",
303
+ ": var(--surface-transparent-primary);\n ",
304
+ ": var(--text-secondary);\n\n ",
305
+ ": var(--text-secondary);\n ",
306
+ ": var(--surface-transparent-primary);\n ",
307
+ ": var(--text-secondary);\n "
308
+ ]);
309
+ _templateObject6 = function _templateObject() {
310
+ return data;
311
+ };
312
+ return data;
313
+ }
314
+ import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
315
+ export var config = {
316
+ defaults: {
317
+ view: 'default',
318
+ size: 'm'
319
+ },
320
+ variations: {
321
+ view: {
322
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
323
+ },
324
+ size: {
325
+ l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
326
+ m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
327
+ s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
328
+ xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
329
+ },
330
+ disabled: {
331
+ true: css(_templateObject5(), tokens.disabledOpacity)
332
+ },
333
+ readonly: {
334
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
335
+ }
336
+ }
337
+ };
@@ -0,0 +1,4 @@
1
+ import { timePickerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './TimePicker.config';
3
+ var mergedConfig = mergeConfig(timePickerConfig, config);
4
+ export var TimePicker = component(mergedConfig);
@@ -0,0 +1,2 @@
1
+ export { TimePicker } from './TimePicker';
2
+ export { timePickerClasses, timePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
package/es/index.js CHANGED
@@ -70,5 +70,6 @@ export * from './components/List';
70
70
  export * from './components/Carousel';
71
71
  export * from './components/Tour';
72
72
  export * from './components/EmbedIconButton';
73
+ export * from './components/TimePicker';
73
74
  export * from './mixins';
74
75
  export * from './tokens';
package/index.d.ts CHANGED
@@ -70,5 +70,6 @@ export * from './components/List';
70
70
  export * from './components/Carousel';
71
71
  export * from './components/Tour';
72
72
  export * from './components/EmbedIconButton';
73
+ export * from './components/TimePicker';
73
74
  export * from './mixins';
74
75
  export * from './tokens';
package/index.js CHANGED
@@ -74,6 +74,7 @@ _export_star(require("./components/List"), exports);
74
74
  _export_star(require("./components/Carousel"), exports);
75
75
  _export_star(require("./components/Tour"), exports);
76
76
  _export_star(require("./components/EmbedIconButton"), exports);
77
+ _export_star(require("./components/TimePicker"), exports);
77
78
  _export_star(require("./mixins"), exports);
78
79
  _export_star(require("./tokens"), exports);
79
80
  function _export_star(from, to) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.323.0-canary.2254.18028326170.0",
3
+ "version": "0.323.0-canary.2254.18036780976.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS DFA web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -19,7 +19,7 @@
19
19
  "directory": "packages/sdds-dfa"
20
20
  },
21
21
  "dependencies": {
22
- "@salutejs/plasma-new-hope": "0.337.0-canary.2254.18028326170.0",
22
+ "@salutejs/plasma-new-hope": "0.337.0-canary.2254.18036780976.0",
23
23
  "@salutejs/sdds-themes": "0.47.0"
24
24
  },
25
25
  "peerDependencies": {
@@ -94,5 +94,5 @@
94
94
  "Anton Vinogradov"
95
95
  ],
96
96
  "sideEffects": false,
97
- "gitHead": "68353faa5e39cdd2b63c3bcfa2b6c515d2588d9e"
97
+ "gitHead": "206da07a24ad8044cfe00d4ff510a42d54408b6b"
98
98
  }