@skbkontur/react-ui 6.2.0 → 6.3.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 (149) hide show
  1. package/CHANGELOG.md +36 -0
  2. package/components/Group/Group.js +3 -2
  3. package/components/Group/Group.js.map +1 -1
  4. package/components/Input/Input.d.ts +1 -1
  5. package/components/Input/Input.js.map +1 -1
  6. package/components/MenuItem/MenuItem.d.ts +1 -1
  7. package/components/MenuItem/MenuItem.js.map +1 -1
  8. package/components/Switcher/Switcher.d.ts +1 -1
  9. package/components/Switcher/Switcher.js +1 -1
  10. package/components/Switcher/Switcher.js.map +1 -1
  11. package/components/TimePicker/TimeClockIcon.d.ts +3 -0
  12. package/components/TimePicker/TimeClockIcon.js +11 -0
  13. package/components/TimePicker/TimeClockIcon.js.map +1 -0
  14. package/components/TimePicker/TimePicker.d.ts +144 -0
  15. package/components/TimePicker/TimePicker.js +795 -0
  16. package/components/TimePicker/TimePicker.js.map +1 -0
  17. package/components/TimePicker/TimePicker.styles.d.ts +12 -0
  18. package/components/TimePicker/TimePicker.styles.js +39 -0
  19. package/components/TimePicker/TimePicker.styles.js.map +1 -0
  20. package/components/TimePicker/TimePickerItems.d.ts +23 -0
  21. package/components/TimePicker/TimePickerItems.js +115 -0
  22. package/components/TimePicker/TimePickerItems.js.map +1 -0
  23. package/components/TimePicker/TimePickerMobilePopup.d.ts +48 -0
  24. package/components/TimePicker/TimePickerMobilePopup.js +45 -0
  25. package/components/TimePicker/TimePickerMobilePopup.js.map +1 -0
  26. package/components/TimePicker/TimePickerPopup.d.ts +26 -0
  27. package/components/TimePicker/TimePickerPopup.js +18 -0
  28. package/components/TimePicker/TimePickerPopup.js.map +1 -0
  29. package/components/TimePicker/helpers/TimePicker.constants.d.ts +31 -0
  30. package/components/TimePicker/helpers/TimePicker.constants.js +34 -0
  31. package/components/TimePicker/helpers/TimePicker.constants.js.map +1 -0
  32. package/components/TimePicker/helpers/TimePicker.editing.d.ts +19 -0
  33. package/components/TimePicker/helpers/TimePicker.editing.js +74 -0
  34. package/components/TimePicker/helpers/TimePicker.editing.js.map +1 -0
  35. package/components/TimePicker/helpers/TimePicker.layout.d.ts +6 -0
  36. package/components/TimePicker/helpers/TimePicker.layout.js +49 -0
  37. package/components/TimePicker/helpers/TimePicker.layout.js.map +1 -0
  38. package/components/TimePicker/helpers/TimePicker.selection.d.ts +5 -0
  39. package/components/TimePicker/helpers/TimePicker.selection.js +23 -0
  40. package/components/TimePicker/helpers/TimePicker.selection.js.map +1 -0
  41. package/components/TimePicker/helpers/TimePicker.shared.d.ts +71 -0
  42. package/components/TimePicker/helpers/TimePicker.shared.js +90 -0
  43. package/components/TimePicker/helpers/TimePicker.shared.js.map +1 -0
  44. package/components/TimePicker/helpers/TimePicker.value.d.ts +69 -0
  45. package/components/TimePicker/helpers/TimePicker.value.js +225 -0
  46. package/components/TimePicker/helpers/TimePicker.value.js.map +1 -0
  47. package/components/TimePicker/helpers/scrollSelectedItemIntoView.d.ts +6 -0
  48. package/components/TimePicker/helpers/scrollSelectedItemIntoView.js +26 -0
  49. package/components/TimePicker/helpers/scrollSelectedItemIntoView.js.map +1 -0
  50. package/components/TimePicker/helpers/validateTimePicker.d.ts +8 -0
  51. package/components/TimePicker/helpers/validateTimePicker.js +16 -0
  52. package/components/TimePicker/helpers/validateTimePicker.js.map +1 -0
  53. package/components/TimePicker/index.d.ts +4 -0
  54. package/components/TimePicker/index.js +3 -0
  55. package/components/TimePicker/index.js.map +1 -0
  56. package/components/TimePicker/locale/index.d.ts +4 -0
  57. package/components/TimePicker/locale/index.js +9 -0
  58. package/components/TimePicker/locale/index.js.map +1 -0
  59. package/components/TimePicker/locale/locales/en.d.ts +2 -0
  60. package/components/TimePicker/locale/locales/en.js +7 -0
  61. package/components/TimePicker/locale/locales/en.js.map +1 -0
  62. package/components/TimePicker/locale/locales/ru.d.ts +2 -0
  63. package/components/TimePicker/locale/locales/ru.js +7 -0
  64. package/components/TimePicker/locale/locales/ru.js.map +1 -0
  65. package/components/TimePicker/locale/types.d.ts +6 -0
  66. package/components/TimePicker/locale/types.js +2 -0
  67. package/components/TimePicker/locale/types.js.map +1 -0
  68. package/index.d.ts +1 -0
  69. package/index.js +1 -0
  70. package/index.js.map +1 -1
  71. package/internal/NativeTimeInput/NativeTimeInput.d.ts +20 -0
  72. package/internal/NativeTimeInput/NativeTimeInput.js +30 -0
  73. package/internal/NativeTimeInput/NativeTimeInput.js.map +1 -0
  74. package/internal/NativeTimeInput/NativeTimeInput.styles.d.ts +3 -0
  75. package/internal/NativeTimeInput/NativeTimeInput.styles.js +15 -0
  76. package/internal/NativeTimeInput/NativeTimeInput.styles.js.map +1 -0
  77. package/internal/NativeTimeInput/NativeTimeInput.utils.d.ts +9 -0
  78. package/internal/NativeTimeInput/NativeTimeInput.utils.js +24 -0
  79. package/internal/NativeTimeInput/NativeTimeInput.utils.js.map +1 -0
  80. package/internal/NativeTimeInput/index.d.ts +1 -0
  81. package/internal/NativeTimeInput/index.js +2 -0
  82. package/internal/NativeTimeInput/index.js.map +1 -0
  83. package/internal/TimeInput/TimeFragments.d.ts +14 -0
  84. package/internal/TimeInput/TimeFragments.js +94 -0
  85. package/internal/TimeInput/TimeFragments.js.map +1 -0
  86. package/internal/TimeInput/TimeFragments.styles.d.ts +32 -0
  87. package/internal/TimeInput/TimeFragments.styles.js +78 -0
  88. package/internal/TimeInput/TimeFragments.styles.js.map +1 -0
  89. package/internal/TimeInput/TimeInput.d.ts +21 -0
  90. package/internal/TimeInput/TimeInput.js +104 -0
  91. package/internal/TimeInput/TimeInput.js.map +1 -0
  92. package/internal/TimeInput/TimeInput.styles.d.ts +7 -0
  93. package/internal/TimeInput/TimeInput.styles.js +24 -0
  94. package/internal/TimeInput/TimeInput.styles.js.map +1 -0
  95. package/internal/TimeInput/index.d.ts +1 -0
  96. package/internal/TimeInput/index.js +2 -0
  97. package/internal/TimeInput/index.js.map +1 -0
  98. package/internal/TimePicker/useTimePickerDropdown.d.ts +23 -0
  99. package/internal/TimePicker/useTimePickerDropdown.js +67 -0
  100. package/internal/TimePicker/useTimePickerDropdown.js.map +1 -0
  101. package/internal/TimePicker/useTimePickerSelection.d.ts +18 -0
  102. package/internal/TimePicker/useTimePickerSelection.js +66 -0
  103. package/internal/TimePicker/useTimePickerSelection.js.map +1 -0
  104. package/internal/TimePicker/useTimePickerSource.d.ts +29 -0
  105. package/internal/TimePicker/useTimePickerSource.js +67 -0
  106. package/internal/TimePicker/useTimePickerSource.js.map +1 -0
  107. package/internal/TimePicker/useTimePickerValue.d.ts +35 -0
  108. package/internal/TimePicker/useTimePickerValue.js +94 -0
  109. package/internal/TimePicker/useTimePickerValue.js.map +1 -0
  110. package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.d.ts +2 -0
  111. package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js +20 -0
  112. package/internal/icons2022/TimeClockIcon/TimeClockIcon16Light.js.map +1 -0
  113. package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.d.ts +2 -0
  114. package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js +20 -0
  115. package/internal/icons2022/TimeClockIcon/TimeClockIcon20Light.js.map +1 -0
  116. package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.d.ts +2 -0
  117. package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js +20 -0
  118. package/internal/icons2022/TimeClockIcon/TimeClockIcon24Regular.js.map +1 -0
  119. package/internal/themes/BasicTheme.d.ts +34 -0
  120. package/internal/themes/BasicTheme.js +90 -0
  121. package/internal/themes/BasicTheme.js.map +1 -1
  122. package/internal/themes/DarkTheme6_0.js +3 -0
  123. package/internal/themes/DarkTheme6_0.js.map +1 -1
  124. package/internal/themes/DarkTheme6_2.d.ts +1 -0
  125. package/internal/themes/DarkTheme6_2.js +30 -0
  126. package/internal/themes/DarkTheme6_2.js.map +1 -0
  127. package/internal/themes/DarkTheme6_3.d.ts +1 -0
  128. package/internal/themes/DarkTheme6_3.js +30 -0
  129. package/internal/themes/DarkTheme6_3.js.map +1 -0
  130. package/internal/themes/LightTheme6_2.d.ts +1 -0
  131. package/internal/themes/LightTheme6_2.js +30 -0
  132. package/internal/themes/LightTheme6_2.js.map +1 -0
  133. package/internal/themes/LightTheme6_3.d.ts +1 -0
  134. package/internal/themes/LightTheme6_3.js +30 -0
  135. package/internal/themes/LightTheme6_3.js.map +1 -0
  136. package/lib/locale/types.d.ts +2 -0
  137. package/lib/locale/types.js.map +1 -1
  138. package/lib/theming/ThemeVersions.d.ts +1 -1
  139. package/lib/theming/ThemeVersions.js.map +1 -1
  140. package/lib/theming/themes/DarkTheme.d.ts +2 -0
  141. package/lib/theming/themes/DarkTheme.js +5 -1
  142. package/lib/theming/themes/DarkTheme.js.map +1 -1
  143. package/lib/theming/themes/LightTheme.d.ts +2 -0
  144. package/lib/theming/themes/LightTheme.js +5 -1
  145. package/lib/theming/themes/LightTheme.js.map +1 -1
  146. package/lib/utils.d.ts +2 -0
  147. package/lib/utils.js +1 -0
  148. package/lib/utils.js.map +1 -1
  149. package/package.json +11 -3
@@ -1364,6 +1364,67 @@ var BasicThemeClass = /** @class */ (function () {
1364
1364
  enumerable: false,
1365
1365
  configurable: true
1366
1366
  });
1367
+ Object.defineProperty(BasicThemeClass, "timePickerPopupBorderRadius", {
1368
+ get: function () {
1369
+ return this.menuBorderRadius;
1370
+ },
1371
+ enumerable: false,
1372
+ configurable: true
1373
+ });
1374
+ Object.defineProperty(BasicThemeClass, "timePickerPopupShadow", {
1375
+ get: function () {
1376
+ return this.menuShadow;
1377
+ },
1378
+ enumerable: false,
1379
+ configurable: true
1380
+ });
1381
+ Object.defineProperty(BasicThemeClass, "timePickerMaskColor", {
1382
+ get: function () {
1383
+ return this.placeholderColor;
1384
+ },
1385
+ enumerable: false,
1386
+ configurable: true
1387
+ });
1388
+ Object.defineProperty(BasicThemeClass, "timePickerMenuOffsetY", {
1389
+ get: function () {
1390
+ return "".concat(parseInt(this.menuOffsetY) - 1, "px");
1391
+ },
1392
+ enumerable: false,
1393
+ configurable: true
1394
+ });
1395
+ Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightSmall", {
1396
+ get: function () {
1397
+ var timePickerVisibleItemsCount = 8;
1398
+ var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
1399
+ return "".concat((parseInt(this.menuItemLineHeightSmall) + parseInt(this.menuItemPaddingYSmall) * 2) *
1400
+ timePickerVisibleItemsCount +
1401
+ parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
1402
+ },
1403
+ enumerable: false,
1404
+ configurable: true
1405
+ });
1406
+ Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightMedium", {
1407
+ get: function () {
1408
+ var timePickerVisibleItemsCount = 8;
1409
+ var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
1410
+ return "".concat((parseInt(this.menuItemLineHeightMedium) + parseInt(this.menuItemPaddingYMedium) * 2) *
1411
+ timePickerVisibleItemsCount +
1412
+ parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
1413
+ },
1414
+ enumerable: false,
1415
+ configurable: true
1416
+ });
1417
+ Object.defineProperty(BasicThemeClass, "timePickerMenuMaxHeightLarge", {
1418
+ get: function () {
1419
+ var timePickerVisibleItemsCount = 8;
1420
+ var timePickerVisibleItemsGapCount = timePickerVisibleItemsCount - 1;
1421
+ return "".concat((parseInt(this.menuItemLineHeightLarge) + parseInt(this.menuItemPaddingYLarge) * 2) *
1422
+ timePickerVisibleItemsCount +
1423
+ parseInt(this.menuItemGap) * timePickerVisibleItemsGapCount, "px");
1424
+ },
1425
+ enumerable: false,
1426
+ configurable: true
1427
+ });
1367
1428
  Object.defineProperty(BasicThemeClass, "dateSelectMenuBg", {
1368
1429
  //#endregion
1369
1430
  //#region DateSelect
@@ -4474,6 +4535,35 @@ var BasicThemeClass = /** @class */ (function () {
4474
4535
  BasicThemeClass.mobileCalendarGridRowSpacing = '8px';
4475
4536
  BasicThemeClass.mobileCalendarWrapperHeight = '304px';
4476
4537
  //#endregion DatePicker
4538
+ //#region TimePicker
4539
+ BasicThemeClass.timePickerItemGapSmall = '4px';
4540
+ BasicThemeClass.timePickerItemGapMedium = '6px';
4541
+ BasicThemeClass.timePickerItemGapLarge = '8px';
4542
+ BasicThemeClass.timePickerSuffixGapSmall = '4px';
4543
+ BasicThemeClass.timePickerSuffixGapMedium = '6px';
4544
+ BasicThemeClass.timePickerSuffixGapLarge = '8px';
4545
+ BasicThemeClass.timePickerInputMinWidthSmall = '58px';
4546
+ BasicThemeClass.timePickerInputMinWidthMedium = '71px';
4547
+ BasicThemeClass.timePickerInputMinWidthLarge = '85px';
4548
+ BasicThemeClass.timePickerInputMinWidthWithSecondsSmall = '79px';
4549
+ BasicThemeClass.timePickerInputMinWidthWithSecondsMedium = '95px';
4550
+ BasicThemeClass.timePickerInputMinWidthWithSecondsLarge = '112px';
4551
+ BasicThemeClass.timePickerInputMinWidthWithIconSmall = '78px';
4552
+ BasicThemeClass.timePickerInputMinWidthWithIconMedium = '97px';
4553
+ BasicThemeClass.timePickerInputMinWidthWithIconLarge = '117px';
4554
+ BasicThemeClass.timePickerInputMinWidthWithIconAndSecondsSmall = '99px';
4555
+ BasicThemeClass.timePickerInputMinWidthWithIconAndSecondsMedium = '121px';
4556
+ BasicThemeClass.timePickerInputMinWidthWithIconAndSecondsLarge = '144px';
4557
+ BasicThemeClass.timePickerSeparatorOffsetTopSmall = '-1px';
4558
+ BasicThemeClass.timePickerSeparatorOffsetTopMedium = '-1px';
4559
+ BasicThemeClass.timePickerSeparatorOffsetTopLarge = '-2px';
4560
+ BasicThemeClass.timePickerSeparatorPaddingXSmall = '1px';
4561
+ BasicThemeClass.timePickerSeparatorPaddingXMedium = '1px';
4562
+ BasicThemeClass.timePickerSeparatorPaddingXLarge = '2px';
4563
+ BasicThemeClass.timePickerPopupBg = colors.shapeOtherField;
4564
+ BasicThemeClass.timePickerSelectedBgColor = '';
4565
+ BasicThemeClass.timePickerSelectedTextColor = '';
4566
+ //#endregion TimePicker
4477
4567
  //#region DateRangePicker
4478
4568
  BasicThemeClass.rangeCalendarCellBg = colors.shapeFaintNeutralAlpha;
4479
4569
  BasicThemeClass.rangeCalendarCellEndBg = colors.shapeBoldAccent;