@skbkontur/react-ui 6.1.1-9752b.0 → 6.1.2-bea94.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 (91) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/components/Input/Input.d.ts +1 -1
  3. package/components/Input/Input.js.map +1 -1
  4. package/components/TimePicker/TimeClockIcon.d.ts +3 -0
  5. package/components/TimePicker/TimeClockIcon.js +11 -0
  6. package/components/TimePicker/TimeClockIcon.js.map +1 -0
  7. package/components/TimePicker/TimeFragmentsView.d.ts +15 -0
  8. package/components/TimePicker/TimeFragmentsView.js +72 -0
  9. package/components/TimePicker/TimeFragmentsView.js.map +1 -0
  10. package/components/TimePicker/TimeFragmentsView.styles.d.ts +12 -0
  11. package/components/TimePicker/TimeFragmentsView.styles.js +43 -0
  12. package/components/TimePicker/TimeFragmentsView.styles.js.map +1 -0
  13. package/components/TimePicker/TimeInput.d.ts +22 -0
  14. package/components/TimePicker/TimeInput.js +103 -0
  15. package/components/TimePicker/TimeInput.js.map +1 -0
  16. package/components/TimePicker/TimePicker.d.ts +70 -0
  17. package/components/TimePicker/TimePicker.js +506 -0
  18. package/components/TimePicker/TimePicker.js.map +1 -0
  19. package/components/TimePicker/TimePicker.styles.d.ts +14 -0
  20. package/components/TimePicker/TimePicker.styles.js +45 -0
  21. package/components/TimePicker/TimePicker.styles.js.map +1 -0
  22. package/components/TimePicker/TimePickerMobilePopup.d.ts +38 -0
  23. package/components/TimePicker/TimePickerMobilePopup.js +21 -0
  24. package/components/TimePicker/TimePickerMobilePopup.js.map +1 -0
  25. package/components/TimePicker/TimePickerPopup.d.ts +20 -0
  26. package/components/TimePicker/TimePickerPopup.js +18 -0
  27. package/components/TimePicker/TimePickerPopup.js.map +1 -0
  28. package/components/TimePicker/TimePickerSlots.d.ts +17 -0
  29. package/components/TimePicker/TimePickerSlots.js +80 -0
  30. package/components/TimePicker/TimePickerSlots.js.map +1 -0
  31. package/components/TimePicker/helpers/TimePicker.constants.d.ts +22 -0
  32. package/components/TimePicker/helpers/TimePicker.constants.js +31 -0
  33. package/components/TimePicker/helpers/TimePicker.constants.js.map +1 -0
  34. package/components/TimePicker/helpers/TimePicker.editing.d.ts +23 -0
  35. package/components/TimePicker/helpers/TimePicker.editing.js +101 -0
  36. package/components/TimePicker/helpers/TimePicker.editing.js.map +1 -0
  37. package/components/TimePicker/helpers/TimePicker.layout.d.ts +6 -0
  38. package/components/TimePicker/helpers/TimePicker.layout.js +49 -0
  39. package/components/TimePicker/helpers/TimePicker.layout.js.map +1 -0
  40. package/components/TimePicker/helpers/TimePicker.selection.d.ts +5 -0
  41. package/components/TimePicker/helpers/TimePicker.selection.js +23 -0
  42. package/components/TimePicker/helpers/TimePicker.selection.js.map +1 -0
  43. package/components/TimePicker/helpers/TimePicker.shared.d.ts +47 -0
  44. package/components/TimePicker/helpers/TimePicker.shared.js +70 -0
  45. package/components/TimePicker/helpers/TimePicker.shared.js.map +1 -0
  46. package/components/TimePicker/helpers/TimePicker.value.d.ts +23 -0
  47. package/components/TimePicker/helpers/TimePicker.value.js +71 -0
  48. package/components/TimePicker/helpers/TimePicker.value.js.map +1 -0
  49. package/components/TimePicker/helpers/scrollSelectedSlotIntoView.d.ts +4 -0
  50. package/components/TimePicker/helpers/scrollSelectedSlotIntoView.js +24 -0
  51. package/components/TimePicker/helpers/scrollSelectedSlotIntoView.js.map +1 -0
  52. package/components/TimePicker/hooks/useTimePickerDropdown.d.ts +17 -0
  53. package/components/TimePicker/hooks/useTimePickerDropdown.js +62 -0
  54. package/components/TimePicker/hooks/useTimePickerDropdown.js.map +1 -0
  55. package/components/TimePicker/hooks/useTimePickerSelection.d.ts +18 -0
  56. package/components/TimePicker/hooks/useTimePickerSelection.js +66 -0
  57. package/components/TimePicker/hooks/useTimePickerSelection.js.map +1 -0
  58. package/components/TimePicker/hooks/useTimePickerValue.d.ts +18 -0
  59. package/components/TimePicker/hooks/useTimePickerValue.js +58 -0
  60. package/components/TimePicker/hooks/useTimePickerValue.js.map +1 -0
  61. package/components/TimePicker/index.d.ts +2 -0
  62. package/components/TimePicker/index.js +2 -0
  63. package/components/TimePicker/index.js.map +1 -0
  64. package/index.d.ts +1 -0
  65. package/index.js +1 -0
  66. package/index.js.map +1 -1
  67. package/internal/NativeTimeInput/NativeTimeInput.d.ts +16 -0
  68. package/internal/NativeTimeInput/NativeTimeInput.js +25 -0
  69. package/internal/NativeTimeInput/NativeTimeInput.js.map +1 -0
  70. package/internal/NativeTimeInput/NativeTimeInput.styles.d.ts +3 -0
  71. package/internal/NativeTimeInput/NativeTimeInput.styles.js +15 -0
  72. package/internal/NativeTimeInput/NativeTimeInput.styles.js.map +1 -0
  73. package/internal/NativeTimeInput/NativeTimeInput.utils.d.ts +7 -0
  74. package/internal/NativeTimeInput/NativeTimeInput.utils.js +28 -0
  75. package/internal/NativeTimeInput/NativeTimeInput.utils.js.map +1 -0
  76. package/internal/NativeTimeInput/index.d.ts +1 -0
  77. package/internal/NativeTimeInput/index.js +2 -0
  78. package/internal/NativeTimeInput/index.js.map +1 -0
  79. package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.d.ts +2 -0
  80. package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js +20 -0
  81. package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js.map +1 -0
  82. package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.d.ts +2 -0
  83. package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js +20 -0
  84. package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js.map +1 -0
  85. package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.d.ts +2 -0
  86. package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js +20 -0
  87. package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js.map +1 -0
  88. package/internal/themes/BasicTheme.d.ts +34 -0
  89. package/internal/themes/BasicTheme.js +96 -0
  90. package/internal/themes/BasicTheme.js.map +1 -1
  91. package/package.json +5 -1
@@ -1277,6 +1277,74 @@ var BasicThemeClass = /** @class */ (function () {
1277
1277
  enumerable: false,
1278
1278
  configurable: true
1279
1279
  });
1280
+ Object.defineProperty(BasicThemeClass, "timePickerPopupBg", {
1281
+ get: function () {
1282
+ return this.bgSecondary;
1283
+ },
1284
+ enumerable: false,
1285
+ configurable: true
1286
+ });
1287
+ Object.defineProperty(BasicThemeClass, "timePickerPopupBorderRadius", {
1288
+ get: function () {
1289
+ return this.menuBorderRadius;
1290
+ },
1291
+ enumerable: false,
1292
+ configurable: true
1293
+ });
1294
+ Object.defineProperty(BasicThemeClass, "timePickerPopupShadow", {
1295
+ get: function () {
1296
+ return this.menuShadow;
1297
+ },
1298
+ enumerable: false,
1299
+ configurable: true
1300
+ });
1301
+ Object.defineProperty(BasicThemeClass, "timePickerMaskColor", {
1302
+ get: function () {
1303
+ return this.placeholderColor;
1304
+ },
1305
+ enumerable: false,
1306
+ configurable: true
1307
+ });
1308
+ Object.defineProperty(BasicThemeClass, "timePickerMenuOffsetY", {
1309
+ get: function () {
1310
+ return "".concat(parseInt(this.menuOffsetY) - 1, "px");
1311
+ },
1312
+ enumerable: false,
1313
+ configurable: true
1314
+ });
1315
+ Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightSmall", {
1316
+ get: function () {
1317
+ var timePickerVisibleItemsCount = 8;
1318
+ var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
1319
+ return "".concat((parseInt(this.menuItemLineHeightSmall) + parseInt(this.menuItemPaddingYSmall) * 2) *
1320
+ timePickerVisibleItemsCount +
1321
+ parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
1322
+ },
1323
+ enumerable: false,
1324
+ configurable: true
1325
+ });
1326
+ Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightMedium", {
1327
+ get: function () {
1328
+ var timePickerVisibleItemsCount = 8;
1329
+ var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
1330
+ return "".concat((parseInt(this.menuItemLineHeightMedium) + parseInt(this.menuItemPaddingYMedium) * 2) *
1331
+ timePickerVisibleItemsCount +
1332
+ parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
1333
+ },
1334
+ enumerable: false,
1335
+ configurable: true
1336
+ });
1337
+ Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightLarge", {
1338
+ get: function () {
1339
+ var timePickerVisibleItemsCount = 8;
1340
+ var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
1341
+ return "".concat((parseInt(this.menuItemLineHeightLarge) + parseInt(this.menuItemPaddingYLarge) * 2) *
1342
+ timePickerVisibleItemsCount +
1343
+ parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
1344
+ },
1345
+ enumerable: false,
1346
+ configurable: true
1347
+ });
1280
1348
  Object.defineProperty(BasicThemeClass, "dateSelectMenuBg", {
1281
1349
  //#endregion
1282
1350
  //#region DateSelect
@@ -4151,6 +4219,34 @@ var BasicThemeClass = /** @class */ (function () {
4151
4219
  BasicThemeClass.mobileCalendarGridRowSpacing = '8px';
4152
4220
  BasicThemeClass.mobileCalendarWrapperHeight = '304px';
4153
4221
  //#endregion DatePicker
4222
+ //#region TimePicker
4223
+ BasicThemeClass.timePickerSlotGapSmall = '8px';
4224
+ BasicThemeClass.timePickerSlotGapMedium = '8px';
4225
+ BasicThemeClass.timePickerSlotGapLarge = '8px';
4226
+ BasicThemeClass.timePickerSuffixGapSmall = '4px';
4227
+ BasicThemeClass.timePickerSuffixGapMedium = '6px';
4228
+ BasicThemeClass.timePickerSuffixGapLarge = '8px';
4229
+ BasicThemeClass.timePickerInputMinWidthSmall = '60px';
4230
+ BasicThemeClass.timePickerInputMinWidthMedium = '74px';
4231
+ BasicThemeClass.timePickerInputMinWidthLarge = '88px';
4232
+ BasicThemeClass.timePickerInputMinWidthWithSecondsSmall = '86px';
4233
+ BasicThemeClass.timePickerInputMinWidthWithSecondsMedium = '102px';
4234
+ BasicThemeClass.timePickerInputMinWidthWithSecondsLarge = '120px';
4235
+ BasicThemeClass.timePickerInputMinWidthWithIconSmall = '80px';
4236
+ BasicThemeClass.timePickerInputMinWidthWithIconMedium = '100px';
4237
+ BasicThemeClass.timePickerInputMinWidthWithIconLarge = '120px';
4238
+ BasicThemeClass.timePickerInputMinWidthWithIconAndSecondsSmall = '106px';
4239
+ BasicThemeClass.timePickerInputMinWidthWithIconAndSecondsMedium = '128px';
4240
+ BasicThemeClass.timePickerInputMinWidthWithIconAndSecondsLarge = '152px';
4241
+ BasicThemeClass.timePickerSeparatorOffsetTopSmall = '-1px';
4242
+ BasicThemeClass.timePickerSeparatorOffsetTopMedium = '-1px';
4243
+ BasicThemeClass.timePickerSeparatorOffsetTopLarge = '-2px';
4244
+ BasicThemeClass.timePickerSeparatorPaddingXSmall = '1px';
4245
+ BasicThemeClass.timePickerSeparatorPaddingXMedium = '2px';
4246
+ BasicThemeClass.timePickerSeparatorPaddingXLarge = '2px';
4247
+ BasicThemeClass.timePickerSelectedBgColor = '';
4248
+ BasicThemeClass.timePickerSelectedTextColor = '';
4249
+ //#endregion TimePicker
4154
4250
  //#region DateRangePicker
4155
4251
  BasicThemeClass.rangeCalendarCellBg = colors.shapeFaintNeutralAlpha;
4156
4252
  BasicThemeClass.rangeCalendarCellEndBg = colors.shapeBoldAccent;