@salutejs/sdds-dfa 0.322.0-canary.2163.17485485502.0 → 0.322.0-canary.2184.17486296992.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 (12) hide show
  1. package/components/Pagination/Pagination.config.js +11 -18
  2. package/components/TimePicker/TimePicker.config.d.ts +23 -0
  3. package/components/TimePicker/TimePicker.config.js +319 -0
  4. package/components/TimePicker/TimePicker.d.ts +42 -0
  5. package/components/TimePicker/TimePicker.js +14 -0
  6. package/components/TimePicker/index.d.ts +2 -0
  7. package/components/TimePicker/index.js +23 -0
  8. package/es/components/Pagination/Pagination.config.js +11 -18
  9. package/es/components/TimePicker/TimePicker.config.js +309 -0
  10. package/es/components/TimePicker/TimePicker.js +4 -0
  11. package/es/components/TimePicker/index.js +2 -0
  12. package/package.json +3 -3
package/components/Pagination/Pagination.config.js CHANGED
@@ -38,7 +38,6 @@ function _templateObject() {
38
38
  ":transparent;\n ",
39
39
  ": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
40
40
  ": var(--text-primary);\n ",
41
- ": var(--text-secondary);\n ",
42
41
  ": var(--surface-accent);\n "
43
42
  ]);
44
43
  _templateObject = function _templateObject() {
@@ -65,7 +64,6 @@ function _templateObject1() {
65
64
  ": var(--surface-solid-secondary);\n ",
66
65
  ": transparent;\n\n ",
67
66
  ": var(--text-primary);\n ",
68
- ": var(--text-secondary);\n ",
69
67
  ": var(--surface-accent);\n "
70
68
  ]);
71
69
  _templateObject1 = function _templateObject() {
@@ -92,7 +90,6 @@ function _templateObject2() {
92
90
  ": var(--surface-solid-card);\n ",
93
91
  ": transparent;\n\n ",
94
92
  ": var(--text-primary);\n ",
95
- ": var(--text-secondary);\n ",
96
93
  ": var(--surface-accent);\n "
97
94
  ]);
98
95
  _templateObject2 = function _templateObject() {
@@ -179,8 +176,7 @@ function _templateObject6() {
179
176
  ": 4rem;\n ",
180
177
  ": 3.5rem;\n ",
181
178
  ": 0 0.625rem;\n ",
182
- ": 0.0625rem;\n\n ",
183
- ": 2.5rem;\n "
179
+ ": 0.0625rem;\n "
184
180
  ]);
185
181
  _templateObject6 = function _templateObject() {
186
182
  return data;
@@ -221,8 +217,7 @@ function _templateObject7() {
221
217
  ": 3.5rem;\n ",
222
218
  ": 3rem;\n ",
223
219
  ": 0 0.625rem;\n ",
224
- ": 0.0625rem;\n\n ",
225
- ": 2.5rem;\n "
220
+ ": 0.0625rem;\n "
226
221
  ]);
227
222
  _templateObject7 = function _templateObject() {
228
223
  return data;
@@ -263,8 +258,7 @@ function _templateObject8() {
263
258
  ": 3rem;\n ",
264
259
  ": 2.5rem;\n ",
265
260
  ": 0 0.625rem;\n ",
266
- ": 0.0625rem;\n\n ",
267
- ": 2.5rem;\n "
261
+ ": 0.0625rem;\n "
268
262
  ]);
269
263
  _templateObject8 = function _templateObject() {
270
264
  return data;
@@ -305,8 +299,7 @@ function _templateObject9() {
305
299
  ": 2.5rem;\n ",
306
300
  ": 2rem;\n ",
307
301
  ": 0 0.625rem;\n ",
308
- ": 0.0625rem;\n\n ",
309
- ": 2.5rem;\n "
302
+ ": 0.0625rem;\n "
310
303
  ]);
311
304
  _templateObject9 = function _templateObject() {
312
305
  return data;
@@ -339,9 +332,9 @@ var config = {
339
332
  },
340
333
  variations: {
341
334
  view: {
342
- default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
343
- secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor),
344
- clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.paginationHelperTextColor, _styledcomponents.paginationTokens.buttonFocusColor)
335
+ default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
336
+ secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor),
337
+ clear: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.paginationTokens.buttonColor, _styledcomponents.paginationTokens.buttonColorHover, _styledcomponents.paginationTokens.buttonColorActive, _styledcomponents.paginationTokens.buttonBackgroundColor, _styledcomponents.paginationTokens.buttonBackgroundColorHover, _styledcomponents.paginationTokens.buttonBackgroundColorActive, _styledcomponents.paginationTokens.buttonHoverColor, _styledcomponents.paginationTokens.buttonActiveColor, _styledcomponents.paginationTokens.buttonArrowColor, _styledcomponents.paginationTokens.buttonArrowColorHover, _styledcomponents.paginationTokens.buttonArrowColorActive, _styledcomponents.paginationTokens.buttonDisabledOpacity, _styledcomponents.paginationTokens.inputBackgroundColor, _styledcomponents.paginationTokens.selectBackgroundColor, _styledcomponents.paginationTokens.inputBorderColor, _styledcomponents.paginationTokens.paginationColor, _styledcomponents.paginationTokens.buttonFocusColor)
345
338
  },
346
339
  viewCurrentPage: {
347
340
  default: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -349,10 +342,10 @@ var config = {
349
342
  clear: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.paginationTokens.paginationCurrentButtonColor, _styledcomponents.paginationTokens.paginationCurrentButtonBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverColor, _styledcomponents.paginationTokens.paginationCurrentButtonHoverBackgroundColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveColor, _styledcomponents.paginationTokens.paginationCurrentButtonActiveBackgroundColor)
350
343
  },
351
344
  size: {
352
- l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
353
- m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
354
- s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap),
355
- xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth, _styledcomponents.paginationTokens.paginationHelperTextGap)
345
+ l: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
346
+ m: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
347
+ s: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth),
348
+ xs: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.paginationTokens.paginationFontFamily, _styledcomponents.paginationTokens.paginationFontSize, _styledcomponents.paginationTokens.paginationFontStyle, _styledcomponents.paginationTokens.paginationFontWeight, _styledcomponents.paginationTokens.paginationLetterSpacing, _styledcomponents.paginationTokens.paginationLineHeight, _styledcomponents.paginationTokens.buttonHeight, _styledcomponents.paginationTokens.paginationInputWidth, _styledcomponents.paginationTokens.buttonRadius, _styledcomponents.paginationTokens.buttonWidth, _styledcomponents.paginationTokens.buttonWidthShorter, _styledcomponents.paginationTokens.paginationIconSize, _styledcomponents.paginationTokens.paginationIconDoubleSize, _styledcomponents.paginationTokens.buttonArrowMargin, _styledcomponents.paginationTokens.selectHeight, _styledcomponents.paginationTokens.selectPaddingTop, _styledcomponents.paginationTokens.selectPaddingRight, _styledcomponents.paginationTokens.selectPaddingBottom, _styledcomponents.paginationTokens.selectPaddingLeft, _styledcomponents.paginationTokens.selectItemHeight, _styledcomponents.paginationTokens.selectItemPadding, _styledcomponents.paginationTokens.selectItemContentLeftWidth, _styledcomponents.paginationTokens.selectItemBackground, _styledcomponents.paginationTokens.selectTargetArrowRight, _styledcomponents.paginationTokens.selectTargetPadding, _styledcomponents.paginationTokens.selectTargetInnerTop, _styledcomponents.paginationTokens.selectTargetLabelInnerTop, _styledcomponents.paginationTokens.inputBorderRadius, _styledcomponents.paginationTokens.inputWidth, _styledcomponents.paginationTokens.inputHeight, _styledcomponents.paginationTokens.inputPadding, _styledcomponents.paginationTokens.inputBorderWidth)
356
349
  },
357
350
  type: {
358
351
  compact: (0, _styledcomponents.css)(_templateObject10()),
package/components/TimePicker/TimePicker.config.d.ts ADDED
@@ -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
+ };
package/components/TimePicker/TimePicker.config.js ADDED
@@ -0,0 +1,319 @@
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(--plasma-typo-body-xs-font-family);\n ",
33
+ ": var(--plasma-typo-body-xs-font-size);\n ",
34
+ ": var(--plasma-typo-body-xs-font-style);\n ",
35
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
36
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
37
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
38
+ ": var(--surface-negative);\n\n ",
39
+ ": var(--surface-transparent-primary);\n ",
40
+ ": var(--surface-transparent-secondary);\n ",
41
+ ": var(--surface-transparent-negative);\n ",
42
+ ": var(--surface-transparent-negative-active);\n ",
43
+ ": var(--surface-transparent-positive);\n ",
44
+ ": var(--surface-transparent-positive-active);\n\n ",
45
+ ": var(--text-tertiary);\n ",
46
+ ": var(--text-tertiary);\n\n ",
47
+ ": var(--text-tertiary);\n\n ",
48
+ ": var(--surface-solid-card);\n ",
49
+ ": var(--surface-transparent-secondary);\n ",
50
+ ": var(--surface-transparent-secondary);\n "
51
+ ]);
52
+ _templateObject = function _templateObject() {
53
+ return data;
54
+ };
55
+ return data;
56
+ }
57
+ function _templateObject1() {
58
+ var data = _tagged_template_literal([
59
+ "\n ",
60
+ ": 20rem;\n ",
61
+ ": 0.875rem;\n\n ",
62
+ ": 0 0 0 1rem;\n ",
63
+ ": 0;\n\n ",
64
+ ": 0.75rem;\n ",
65
+ ": 0.5625rem 0 0.125rem 0;\n ",
66
+ ": 1.5625rem 0 0.5625rem 0;\n\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.5rem;\n ",
74
+ ": 0.375rem;\n ",
75
+ ": 0 0 0 0;\n ",
76
+ ": 0.5rem auto auto -0.75rem;\n ",
77
+ ": 0 0 auto auto;\n ",
78
+ ": 0.25rem -0.625rem auto auto;\n\n ",
79
+ ": 3.5rem;\n ",
80
+ ": 0.875rem;\n ",
81
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
82
+ ": var(--plasma-typo-body-l-font-family);\n ",
83
+ ": var(--plasma-typo-body-l-font-style);\n ",
84
+ ": var(--plasma-typo-body-l-font-size);\n ",
85
+ ": var(--plasma-typo-body-l-font-weight);\n ",
86
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
87
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
88
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
89
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
90
+ ": 0 0.25rem 0 0;\n ",
91
+ ": 0 0 0 0.25rem;\n\n ",
92
+ ": 0.875rem;\n ",
93
+ ": 15rem;\n ",
94
+ ": 0.125rem;\n\n ",
95
+ ": 35.25rem;\n\n ",
96
+ ": var(--plasma-typo-body-l-font-family);\n ",
97
+ ": var(--plasma-typo-body-l-font-size);\n ",
98
+ ": var(--plasma-typo-body-l-font-style);\n ",
99
+ ": var(--plasma-typo-body-l-font-weight);\n ",
100
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
101
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
102
+ ": 3.5rem;\n ",
103
+ ": 0.75rem;\n ",
104
+ ": 0rem;\n "
105
+ ]);
106
+ _templateObject1 = function _templateObject() {
107
+ return data;
108
+ };
109
+ return data;
110
+ }
111
+ function _templateObject2() {
112
+ var data = _tagged_template_literal([
113
+ "\n ",
114
+ ": 20rem;\n ",
115
+ ": 0.75rem;\n\n ",
116
+ ": 0 0 0 0.875rem;\n ",
117
+ ": 0;\n\n ",
118
+ ": 0.625rem;\n ",
119
+ ": 0.375rem 0 0.125rem 0;\n ",
120
+ ": 1.375rem 0 0.375rem 0;\n\n ",
121
+ ": var(--plasma-typo-body-m-font-family);\n ",
122
+ ": var(--plasma-typo-body-m-font-style);\n ",
123
+ ": var(--plasma-typo-body-m-font-size);\n ",
124
+ ": var(--plasma-typo-body-m-font-weight);\n ",
125
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
126
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
127
+ ": 0.5rem;\n ",
128
+ ": 0.375rem;\n ",
129
+ ": 0 0 0 0;\n ",
130
+ ": 0.375rem auto auto -0.75rem;\n ",
131
+ ": 0 0 auto auto;\n ",
132
+ ": 0.25rem -0.6875rem auto auto;\n\n ",
133
+ ": 3rem;\n ",
134
+ ": 0.75rem;\n ",
135
+ ": 0.875rem 1rem 0.875rem 1rem;\n ",
136
+ ": var(--plasma-typo-body-m-font-family);\n ",
137
+ ": var(--plasma-typo-body-m-font-style);\n ",
138
+ ": var(--plasma-typo-body-m-font-size);\n ",
139
+ ": var(--plasma-typo-body-m-font-weight);\n ",
140
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
141
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
142
+ ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
143
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
144
+ ": 0 0.25rem 0 0;\n ",
145
+ ": 0 0 0 0.25rem;\n\n ",
146
+ ": 0.75rem;\n ",
147
+ ": 13.75rem;\n ",
148
+ ": 0.125rem;\n\n ",
149
+ ": 30.125rem;\n\n ",
150
+ ": var(--plasma-typo-body-m-font-family);\n ",
151
+ ": var(--plasma-typo-body-m-font-size);\n ",
152
+ ": var(--plasma-typo-body-m-font-style);\n ",
153
+ ": var(--plasma-typo-body-m-font-weight);\n ",
154
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
155
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
156
+ ": 3rem;\n ",
157
+ ": 0.625rem;\n ",
158
+ ": 0rem;\n "
159
+ ]);
160
+ _templateObject2 = function _templateObject() {
161
+ return data;
162
+ };
163
+ return data;
164
+ }
165
+ function _templateObject3() {
166
+ var data = _tagged_template_literal([
167
+ "\n ",
168
+ ": 20rem;\n ",
169
+ ": 0.625rem;\n\n ",
170
+ ": 0 0 0 0.75rem;\n ",
171
+ ": 0;\n\n ",
172
+ ": 0.5rem;\n ",
173
+ ": 0.3125rem 0 0 0;\n ",
174
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
175
+ ": var(--plasma-typo-body-s-font-family);\n ",
176
+ ": var(--plasma-typo-body-s-font-style);\n ",
177
+ ": var(--plasma-typo-body-s-font-size);\n ",
178
+ ": var(--plasma-typo-body-s-font-weight);\n ",
179
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
180
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
181
+ ": 0.375rem;\n ",
182
+ ": 0.375rem;\n ",
183
+ ": 0 0 0 0;\n ",
184
+ ": 0.3125rem auto auto -0.6875rem;\n ",
185
+ ": 0 0 auto auto;\n ",
186
+ ": 0.25rem -0.625rem auto auto;\n\n ",
187
+ ": 2.5rem;\n ",
188
+ ": 0.625rem;\n ",
189
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
190
+ ": var(--plasma-typo-body-s-font-family);\n ",
191
+ ": var(--plasma-typo-body-s-font-style);\n ",
192
+ ": var(--plasma-typo-body-s-font-size);\n ",
193
+ ": var(--plasma-typo-body-s-font-weight);\n ",
194
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
195
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
196
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
197
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
198
+ ": 0 0.25rem 0 0;\n ",
199
+ ": 0 0 0 0.25rem;\n\n ",
200
+ ": 0.625rem;\n ",
201
+ ": 12rem;\n ",
202
+ ": 0.125rem;\n\n ",
203
+ ": 25.125rem;\n\n ",
204
+ ": var(--plasma-typo-body-s-font-family);\n ",
205
+ ": var(--plasma-typo-body-s-font-size);\n ",
206
+ ": var(--plasma-typo-body-s-font-style);\n ",
207
+ ": var(--plasma-typo-body-s-font-weight);\n ",
208
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
209
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
210
+ ": 2.5rem;\n ",
211
+ ": 0.5rem;\n ",
212
+ ": 0rem;\n "
213
+ ]);
214
+ _templateObject3 = function _templateObject() {
215
+ return data;
216
+ };
217
+ return data;
218
+ }
219
+ function _templateObject4() {
220
+ var data = _tagged_template_literal([
221
+ "\n ",
222
+ ": 20rem;\n ",
223
+ ": 0.5rem;\n\n ",
224
+ ": 0 0 0 0.5rem;\n ",
225
+ ": 0;\n\n ",
226
+ ": 0.375rem;\n ",
227
+ ": 0.3125rem 0 0 0;\n ",
228
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
229
+ ": var(--plasma-typo-body-xs-font-family);\n ",
230
+ ": var(--plasma-typo-body-xs-font-style);\n ",
231
+ ": var(--plasma-typo-body-xs-font-size);\n ",
232
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
233
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
234
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
235
+ ": 0.375rem;\n ",
236
+ ": 0.375rem;\n ",
237
+ ": 0 0 0 0;\n ",
238
+ ": 0.25rem auto auto -0.625rem;\n ",
239
+ ": 0 0 auto auto;\n ",
240
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
241
+ ": 2rem;\n ",
242
+ ": 0.5rem;\n ",
243
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
244
+ ": var(--plasma-typo-body-xs-font-family);\n ",
245
+ ": var(--plasma-typo-body-xs-font-style);\n ",
246
+ ": var(--plasma-typo-body-xs-font-size);\n ",
247
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
248
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
249
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
250
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
251
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
252
+ ": 0 0.25rem 0 0;\n ",
253
+ ": 0 0 0 0.25rem;\n\n ",
254
+ ": 0.5rem;\n ",
255
+ ": 10rem;\n ",
256
+ ": 0.125rem;\n\n ",
257
+ ": 30rem;\n\n ",
258
+ ": var(--plasma-typo-body-xs-font-family);\n ",
259
+ ": var(--plasma-typo-body-xs-font-size);\n ",
260
+ ": var(--plasma-typo-body-xs-font-style);\n ",
261
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
262
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
263
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
264
+ ": 2rem;\n ",
265
+ ": 0.375rem;\n ",
266
+ ": 0rem;\n "
267
+ ]);
268
+ _templateObject4 = function _templateObject() {
269
+ return data;
270
+ };
271
+ return data;
272
+ }
273
+ function _templateObject5() {
274
+ var data = _tagged_template_literal([
275
+ "\n ",
276
+ ": 0.4;\n "
277
+ ]);
278
+ _templateObject5 = function _templateObject() {
279
+ return data;
280
+ };
281
+ return data;
282
+ }
283
+ function _templateObject6() {
284
+ var data = _tagged_template_literal([
285
+ "\n ",
286
+ ": var(--surface-transparent-primary);\n ",
287
+ ": var(--text-secondary);\n\n ",
288
+ ": var(--text-secondary);\n ",
289
+ ": var(--surface-transparent-primary);\n ",
290
+ ": var(--text-secondary);\n "
291
+ ]);
292
+ _templateObject6 = function _templateObject() {
293
+ return data;
294
+ };
295
+ return data;
296
+ }
297
+ var config = {
298
+ defaults: {
299
+ view: 'default',
300
+ size: 'm'
301
+ },
302
+ variations: {
303
+ view: {
304
+ 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.labelInnerFontFamily, _styledcomponents.timePickerTokens.labelInnerFontSize, _styledcomponents.timePickerTokens.labelInnerFontStyle, _styledcomponents.timePickerTokens.labelInnerFontWeight, _styledcomponents.timePickerTokens.labelInnerLetterSpacing, _styledcomponents.timePickerTokens.labelInnerLineHeight, _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.itemHoverBackground, _styledcomponents.timePickerTokens.itemActiveBackground)
305
+ },
306
+ size: {
307
+ 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),
308
+ 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),
309
+ 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),
310
+ 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)
311
+ },
312
+ disabled: {
313
+ true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.timePickerTokens.disabledOpacity)
314
+ },
315
+ readonly: {
316
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.timePickerTokens.backgroundReadOnly, _styledcomponents.timePickerTokens.labelColorReadOnly, _styledcomponents.timePickerTokens.textFieldColorReadOnly, _styledcomponents.timePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.timePickerTokens.textFieldPlaceholderColorReadOnly)
317
+ }
318
+ }
319
+ };
package/components/TimePicker/TimePicker.d.ts ADDED
@@ -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
+ defaultTime?: 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>>;
package/components/TimePicker/TimePicker.js ADDED
@@ -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);
package/components/TimePicker/index.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { TimePicker } from './TimePicker';
2
+ export { timePickerClasses, timePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
package/components/TimePicker/index.js ADDED
@@ -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");
package/es/components/Pagination/Pagination.config.js CHANGED
@@ -27,7 +27,6 @@ function _templateObject() {
27
27
  ":transparent;\n ",
28
28
  ": color-mix(\n in srgb,\n var(--inverse-text-primary),\n var(--surface-solid-default) 85%\n );\n\n ",
29
29
  ": var(--text-primary);\n ",
30
- ": var(--text-secondary);\n ",
31
30
  ": var(--surface-accent);\n "
32
31
  ]);
33
32
  _templateObject = function _templateObject() {
@@ -54,7 +53,6 @@ function _templateObject1() {
54
53
  ": var(--surface-solid-secondary);\n ",
55
54
  ": transparent;\n\n ",
56
55
  ": var(--text-primary);\n ",
57
- ": var(--text-secondary);\n ",
58
56
  ": var(--surface-accent);\n "
59
57
  ]);
60
58
  _templateObject1 = function _templateObject() {
@@ -81,7 +79,6 @@ function _templateObject2() {
81
79
  ": var(--surface-solid-card);\n ",
82
80
  ": transparent;\n\n ",
83
81
  ": var(--text-primary);\n ",
84
- ": var(--text-secondary);\n ",
85
82
  ": var(--surface-accent);\n "
86
83
  ]);
87
84
  _templateObject2 = function _templateObject() {
@@ -168,8 +165,7 @@ function _templateObject6() {
168
165
  ": 4rem;\n ",
169
166
  ": 3.5rem;\n ",
170
167
  ": 0 0.625rem;\n ",
171
- ": 0.0625rem;\n\n ",
172
- ": 2.5rem;\n "
168
+ ": 0.0625rem;\n "
173
169
  ]);
174
170
  _templateObject6 = function _templateObject() {
175
171
  return data;
@@ -210,8 +206,7 @@ function _templateObject7() {
210
206
  ": 3.5rem;\n ",
211
207
  ": 3rem;\n ",
212
208
  ": 0 0.625rem;\n ",
213
- ": 0.0625rem;\n\n ",
214
- ": 2.5rem;\n "
209
+ ": 0.0625rem;\n "
215
210
  ]);
216
211
  _templateObject7 = function _templateObject() {
217
212
  return data;
@@ -252,8 +247,7 @@ function _templateObject8() {
252
247
  ": 3rem;\n ",
253
248
  ": 2.5rem;\n ",
254
249
  ": 0 0.625rem;\n ",
255
- ": 0.0625rem;\n\n ",
256
- ": 2.5rem;\n "
250
+ ": 0.0625rem;\n "
257
251
  ]);
258
252
  _templateObject8 = function _templateObject() {
259
253
  return data;
@@ -294,8 +288,7 @@ function _templateObject9() {
294
288
  ": 2.5rem;\n ",
295
289
  ": 2rem;\n ",
296
290
  ": 0 0.625rem;\n ",
297
- ": 0.0625rem;\n\n ",
298
- ": 2.5rem;\n "
291
+ ": 0.0625rem;\n "
299
292
  ]);
300
293
  _templateObject9 = function _templateObject() {
301
294
  return data;
@@ -329,9 +322,9 @@ export var config = {
329
322
  },
330
323
  variations: {
331
324
  view: {
332
- default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
333
- secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor),
334
- clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.paginationHelperTextColor, paginationTokens.buttonFocusColor)
325
+ default: css(_templateObject(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.selectBackgroundColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
326
+ secondary: css(_templateObject1(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor),
327
+ clear: css(_templateObject2(), paginationTokens.buttonColor, paginationTokens.buttonColorHover, paginationTokens.buttonColorActive, paginationTokens.buttonBackgroundColor, paginationTokens.buttonBackgroundColorHover, paginationTokens.buttonBackgroundColorActive, paginationTokens.buttonHoverColor, paginationTokens.buttonActiveColor, paginationTokens.buttonArrowColor, paginationTokens.buttonArrowColorHover, paginationTokens.buttonArrowColorActive, paginationTokens.buttonDisabledOpacity, paginationTokens.inputBackgroundColor, paginationTokens.selectBackgroundColor, paginationTokens.inputBorderColor, paginationTokens.paginationColor, paginationTokens.buttonFocusColor)
335
328
  },
336
329
  viewCurrentPage: {
337
330
  default: css(_templateObject3(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor),
@@ -339,10 +332,10 @@ export var config = {
339
332
  clear: css(_templateObject5(), paginationTokens.paginationCurrentButtonColor, paginationTokens.paginationCurrentButtonBackgroundColor, paginationTokens.paginationCurrentButtonHoverColor, paginationTokens.paginationCurrentButtonHoverBackgroundColor, paginationTokens.paginationCurrentButtonActiveColor, paginationTokens.paginationCurrentButtonActiveBackgroundColor)
340
333
  },
341
334
  size: {
342
- l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
343
- m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
344
- s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap),
345
- xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth, paginationTokens.paginationHelperTextGap)
335
+ l: css(_templateObject6(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
336
+ m: css(_templateObject7(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
337
+ s: css(_templateObject8(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth),
338
+ xs: css(_templateObject9(), paginationTokens.paginationFontFamily, paginationTokens.paginationFontSize, paginationTokens.paginationFontStyle, paginationTokens.paginationFontWeight, paginationTokens.paginationLetterSpacing, paginationTokens.paginationLineHeight, paginationTokens.buttonHeight, paginationTokens.paginationInputWidth, paginationTokens.buttonRadius, paginationTokens.buttonWidth, paginationTokens.buttonWidthShorter, paginationTokens.paginationIconSize, paginationTokens.paginationIconDoubleSize, paginationTokens.buttonArrowMargin, paginationTokens.selectHeight, paginationTokens.selectPaddingTop, paginationTokens.selectPaddingRight, paginationTokens.selectPaddingBottom, paginationTokens.selectPaddingLeft, paginationTokens.selectItemHeight, paginationTokens.selectItemPadding, paginationTokens.selectItemContentLeftWidth, paginationTokens.selectItemBackground, paginationTokens.selectTargetArrowRight, paginationTokens.selectTargetPadding, paginationTokens.selectTargetInnerTop, paginationTokens.selectTargetLabelInnerTop, paginationTokens.inputBorderRadius, paginationTokens.inputWidth, paginationTokens.inputHeight, paginationTokens.inputPadding, paginationTokens.inputBorderWidth)
346
339
  },
347
340
  type: {
348
341
  compact: css(_templateObject10()),
package/es/components/TimePicker/TimePicker.config.js ADDED
@@ -0,0 +1,309 @@
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(--plasma-typo-body-xs-font-family);\n ",
22
+ ": var(--plasma-typo-body-xs-font-size);\n ",
23
+ ": var(--plasma-typo-body-xs-font-style);\n ",
24
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
25
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
26
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
27
+ ": var(--surface-negative);\n\n ",
28
+ ": var(--surface-transparent-primary);\n ",
29
+ ": var(--surface-transparent-secondary);\n ",
30
+ ": var(--surface-transparent-negative);\n ",
31
+ ": var(--surface-transparent-negative-active);\n ",
32
+ ": var(--surface-transparent-positive);\n ",
33
+ ": var(--surface-transparent-positive-active);\n\n ",
34
+ ": var(--text-tertiary);\n ",
35
+ ": var(--text-tertiary);\n\n ",
36
+ ": var(--text-tertiary);\n\n ",
37
+ ": var(--surface-solid-card);\n ",
38
+ ": var(--surface-transparent-secondary);\n ",
39
+ ": var(--surface-transparent-secondary);\n "
40
+ ]);
41
+ _templateObject = function _templateObject() {
42
+ return data;
43
+ };
44
+ return data;
45
+ }
46
+ function _templateObject1() {
47
+ var data = _tagged_template_literal([
48
+ "\n ",
49
+ ": 20rem;\n ",
50
+ ": 0.875rem;\n\n ",
51
+ ": 0 0 0 1rem;\n ",
52
+ ": 0;\n\n ",
53
+ ": 0.75rem;\n ",
54
+ ": 0.5625rem 0 0.125rem 0;\n ",
55
+ ": 1.5625rem 0 0.5625rem 0;\n\n ",
56
+ ": var(--plasma-typo-body-l-font-family);\n ",
57
+ ": var(--plasma-typo-body-l-font-style);\n ",
58
+ ": var(--plasma-typo-body-l-font-size);\n ",
59
+ ": var(--plasma-typo-body-l-font-weight);\n ",
60
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
61
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
62
+ ": 0.5rem;\n ",
63
+ ": 0.375rem;\n ",
64
+ ": 0 0 0 0;\n ",
65
+ ": 0.5rem auto auto -0.75rem;\n ",
66
+ ": 0 0 auto auto;\n ",
67
+ ": 0.25rem -0.625rem auto auto;\n\n ",
68
+ ": 3.5rem;\n ",
69
+ ": 0.875rem;\n ",
70
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
71
+ ": var(--plasma-typo-body-l-font-family);\n ",
72
+ ": var(--plasma-typo-body-l-font-style);\n ",
73
+ ": var(--plasma-typo-body-l-font-size);\n ",
74
+ ": var(--plasma-typo-body-l-font-weight);\n ",
75
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
76
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
77
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
78
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
79
+ ": 0 0.25rem 0 0;\n ",
80
+ ": 0 0 0 0.25rem;\n\n ",
81
+ ": 0.875rem;\n ",
82
+ ": 15rem;\n ",
83
+ ": 0.125rem;\n\n ",
84
+ ": 35.25rem;\n\n ",
85
+ ": var(--plasma-typo-body-l-font-family);\n ",
86
+ ": var(--plasma-typo-body-l-font-size);\n ",
87
+ ": var(--plasma-typo-body-l-font-style);\n ",
88
+ ": var(--plasma-typo-body-l-font-weight);\n ",
89
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
90
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
91
+ ": 3.5rem;\n ",
92
+ ": 0.75rem;\n ",
93
+ ": 0rem;\n "
94
+ ]);
95
+ _templateObject1 = function _templateObject() {
96
+ return data;
97
+ };
98
+ return data;
99
+ }
100
+ function _templateObject2() {
101
+ var data = _tagged_template_literal([
102
+ "\n ",
103
+ ": 20rem;\n ",
104
+ ": 0.75rem;\n\n ",
105
+ ": 0 0 0 0.875rem;\n ",
106
+ ": 0;\n\n ",
107
+ ": 0.625rem;\n ",
108
+ ": 0.375rem 0 0.125rem 0;\n ",
109
+ ": 1.375rem 0 0.375rem 0;\n\n ",
110
+ ": var(--plasma-typo-body-m-font-family);\n ",
111
+ ": var(--plasma-typo-body-m-font-style);\n ",
112
+ ": var(--plasma-typo-body-m-font-size);\n ",
113
+ ": var(--plasma-typo-body-m-font-weight);\n ",
114
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
115
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
116
+ ": 0.5rem;\n ",
117
+ ": 0.375rem;\n ",
118
+ ": 0 0 0 0;\n ",
119
+ ": 0.375rem auto auto -0.75rem;\n ",
120
+ ": 0 0 auto auto;\n ",
121
+ ": 0.25rem -0.6875rem auto auto;\n\n ",
122
+ ": 3rem;\n ",
123
+ ": 0.75rem;\n ",
124
+ ": 0.875rem 1rem 0.875rem 1rem;\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.125rem 0.375rem -0.125rem -0.125rem;\n ",
132
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
133
+ ": 0 0.25rem 0 0;\n ",
134
+ ": 0 0 0 0.25rem;\n\n ",
135
+ ": 0.75rem;\n ",
136
+ ": 13.75rem;\n ",
137
+ ": 0.125rem;\n\n ",
138
+ ": 30.125rem;\n\n ",
139
+ ": var(--plasma-typo-body-m-font-family);\n ",
140
+ ": var(--plasma-typo-body-m-font-size);\n ",
141
+ ": var(--plasma-typo-body-m-font-style);\n ",
142
+ ": var(--plasma-typo-body-m-font-weight);\n ",
143
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
144
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
145
+ ": 3rem;\n ",
146
+ ": 0.625rem;\n ",
147
+ ": 0rem;\n "
148
+ ]);
149
+ _templateObject2 = function _templateObject() {
150
+ return data;
151
+ };
152
+ return data;
153
+ }
154
+ function _templateObject3() {
155
+ var data = _tagged_template_literal([
156
+ "\n ",
157
+ ": 20rem;\n ",
158
+ ": 0.625rem;\n\n ",
159
+ ": 0 0 0 0.75rem;\n ",
160
+ ": 0;\n\n ",
161
+ ": 0.5rem;\n ",
162
+ ": 0.3125rem 0 0 0;\n ",
163
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
164
+ ": var(--plasma-typo-body-s-font-family);\n ",
165
+ ": var(--plasma-typo-body-s-font-style);\n ",
166
+ ": var(--plasma-typo-body-s-font-size);\n ",
167
+ ": var(--plasma-typo-body-s-font-weight);\n ",
168
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
169
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
170
+ ": 0.375rem;\n ",
171
+ ": 0.375rem;\n ",
172
+ ": 0 0 0 0;\n ",
173
+ ": 0.3125rem auto auto -0.6875rem;\n ",
174
+ ": 0 0 auto auto;\n ",
175
+ ": 0.25rem -0.625rem auto auto;\n\n ",
176
+ ": 2.5rem;\n ",
177
+ ": 0.625rem;\n ",
178
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
179
+ ": var(--plasma-typo-body-s-font-family);\n ",
180
+ ": var(--plasma-typo-body-s-font-style);\n ",
181
+ ": var(--plasma-typo-body-s-font-size);\n ",
182
+ ": var(--plasma-typo-body-s-font-weight);\n ",
183
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
184
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
185
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
186
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
187
+ ": 0 0.25rem 0 0;\n ",
188
+ ": 0 0 0 0.25rem;\n\n ",
189
+ ": 0.625rem;\n ",
190
+ ": 12rem;\n ",
191
+ ": 0.125rem;\n\n ",
192
+ ": 25.125rem;\n\n ",
193
+ ": var(--plasma-typo-body-s-font-family);\n ",
194
+ ": var(--plasma-typo-body-s-font-size);\n ",
195
+ ": var(--plasma-typo-body-s-font-style);\n ",
196
+ ": var(--plasma-typo-body-s-font-weight);\n ",
197
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
198
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
199
+ ": 2.5rem;\n ",
200
+ ": 0.5rem;\n ",
201
+ ": 0rem;\n "
202
+ ]);
203
+ _templateObject3 = function _templateObject() {
204
+ return data;
205
+ };
206
+ return data;
207
+ }
208
+ function _templateObject4() {
209
+ var data = _tagged_template_literal([
210
+ "\n ",
211
+ ": 20rem;\n ",
212
+ ": 0.5rem;\n\n ",
213
+ ": 0 0 0 0.5rem;\n ",
214
+ ": 0;\n\n ",
215
+ ": 0.375rem;\n ",
216
+ ": 0.3125rem 0 0 0;\n ",
217
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
218
+ ": var(--plasma-typo-body-xs-font-family);\n ",
219
+ ": var(--plasma-typo-body-xs-font-style);\n ",
220
+ ": var(--plasma-typo-body-xs-font-size);\n ",
221
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
222
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
223
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
224
+ ": 0.375rem;\n ",
225
+ ": 0.375rem;\n ",
226
+ ": 0 0 0 0;\n ",
227
+ ": 0.25rem auto auto -0.625rem;\n ",
228
+ ": 0 0 auto auto;\n ",
229
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
230
+ ": 2rem;\n ",
231
+ ": 0.5rem;\n ",
232
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\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.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
240
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
241
+ ": 0 0.25rem 0 0;\n ",
242
+ ": 0 0 0 0.25rem;\n\n ",
243
+ ": 0.5rem;\n ",
244
+ ": 10rem;\n ",
245
+ ": 0.125rem;\n\n ",
246
+ ": 30rem;\n\n ",
247
+ ": var(--plasma-typo-body-xs-font-family);\n ",
248
+ ": var(--plasma-typo-body-xs-font-size);\n ",
249
+ ": var(--plasma-typo-body-xs-font-style);\n ",
250
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
251
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
252
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
253
+ ": 2rem;\n ",
254
+ ": 0.375rem;\n ",
255
+ ": 0rem;\n "
256
+ ]);
257
+ _templateObject4 = function _templateObject() {
258
+ return data;
259
+ };
260
+ return data;
261
+ }
262
+ function _templateObject5() {
263
+ var data = _tagged_template_literal([
264
+ "\n ",
265
+ ": 0.4;\n "
266
+ ]);
267
+ _templateObject5 = function _templateObject() {
268
+ return data;
269
+ };
270
+ return data;
271
+ }
272
+ function _templateObject6() {
273
+ var data = _tagged_template_literal([
274
+ "\n ",
275
+ ": var(--surface-transparent-primary);\n ",
276
+ ": var(--text-secondary);\n\n ",
277
+ ": var(--text-secondary);\n ",
278
+ ": var(--surface-transparent-primary);\n ",
279
+ ": var(--text-secondary);\n "
280
+ ]);
281
+ _templateObject6 = function _templateObject() {
282
+ return data;
283
+ };
284
+ return data;
285
+ }
286
+ import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
287
+ export var config = {
288
+ defaults: {
289
+ view: 'default',
290
+ size: 'm'
291
+ },
292
+ variations: {
293
+ view: {
294
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemHoverBackground, tokens.itemActiveBackground)
295
+ },
296
+ size: {
297
+ 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),
298
+ 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),
299
+ 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),
300
+ 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)
301
+ },
302
+ disabled: {
303
+ true: css(_templateObject5(), tokens.disabledOpacity)
304
+ },
305
+ readonly: {
306
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
307
+ }
308
+ }
309
+ };
package/es/components/TimePicker/TimePicker.js ADDED
@@ -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);
package/es/components/TimePicker/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export { TimePicker } from './TimePicker';
2
+ export { timePickerClasses, timePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-dfa",
3
- "version": "0.322.0-canary.2163.17485485502.0",
3
+ "version": "0.322.0-canary.2184.17486296992.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.336.0-canary.2163.17485485502.0",
22
+ "@salutejs/plasma-new-hope": "0.336.0-canary.2184.17486296992.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": "2b8c7331e4b4d4eaed82589c53b12b102e84a753"
97
+ "gitHead": "8fb7d3804dd4d98b53769c8ffcb80b55e97d3138"
98
98
  }