@salutejs/plasma-new-hope 0.337.0-canary.2184.17983182622.0 → 0.337.0-canary.2184.18005913845.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 (96) hide show
  1. package/cjs/components/TimePicker/TimePicker.css +11 -9
  2. package/cjs/components/TimePicker/TimePicker.js +108 -96
  3. package/cjs/components/TimePicker/TimePicker.js.map +1 -1
  4. package/cjs/components/TimePicker/TimePicker.styles.js +1 -46
  5. package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
  6. package/cjs/components/TimePicker/{TimePicker.styles_1548b5s.css → TimePicker.styles_ar3obv.css} +0 -6
  7. package/cjs/components/TimePicker/TimePicker.tokens.js +2 -2
  8. package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
  9. package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +7 -13
  10. package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js.map +1 -1
  11. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +7 -0
  12. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
  13. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +1 -0
  14. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +61 -0
  15. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
  16. package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +7 -0
  17. package/cjs/components/TimePicker/utils/index.js +40 -42
  18. package/cjs/components/TimePicker/utils/index.js.map +1 -1
  19. package/cjs/index.css +11 -9
  20. package/emotion/cjs/components/TimePicker/TimePicker.js +104 -92
  21. package/emotion/cjs/components/TimePicker/TimePicker.styles.js +7 -52
  22. package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +2 -2
  23. package/emotion/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
  24. package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
  25. package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +71 -0
  26. package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +4 -0
  27. package/emotion/cjs/components/TimePicker/utils/index.js +40 -42
  28. package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
  29. package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
  30. package/emotion/es/components/TimePicker/TimePicker.js +106 -94
  31. package/emotion/es/components/TimePicker/TimePicker.styles.js +7 -34
  32. package/emotion/es/components/TimePicker/TimePicker.tokens.js +2 -2
  33. package/emotion/es/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
  34. package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +50 -0
  35. package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +33 -0
  36. package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +1 -0
  37. package/emotion/es/components/TimePicker/utils/index.js +37 -42
  38. package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
  39. package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
  40. package/es/components/TimePicker/TimePicker.css +11 -9
  41. package/es/components/TimePicker/TimePicker.js +110 -98
  42. package/es/components/TimePicker/TimePicker.js.map +1 -1
  43. package/es/components/TimePicker/TimePicker.styles.js +2 -41
  44. package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
  45. package/es/components/TimePicker/{TimePicker.styles_1548b5s.css → TimePicker.styles_ar3obv.css} +0 -6
  46. package/es/components/TimePicker/TimePicker.tokens.js +2 -2
  47. package/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
  48. package/es/components/TimePicker/hooks/useKeyboardNavigation.js +7 -13
  49. package/es/components/TimePicker/hooks/useKeyboardNavigation.js.map +1 -1
  50. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +7 -0
  51. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +56 -0
  52. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +1 -0
  53. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +51 -0
  54. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
  55. package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +7 -0
  56. package/es/components/TimePicker/utils/index.js +40 -43
  57. package/es/components/TimePicker/utils/index.js.map +1 -1
  58. package/es/index.css +11 -9
  59. package/package.json +2 -2
  60. package/styled-components/cjs/components/TimePicker/TimePicker.js +104 -92
  61. package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +3 -87
  62. package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +2 -2
  63. package/styled-components/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
  64. package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
  65. package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +112 -0
  66. package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +4 -0
  67. package/styled-components/cjs/components/TimePicker/utils/index.js +40 -42
  68. package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +29 -11
  69. package/styled-components/es/components/TimePicker/TimePicker.js +106 -94
  70. package/styled-components/es/components/TimePicker/TimePicker.styles.js +3 -69
  71. package/styled-components/es/components/TimePicker/TimePicker.tokens.js +2 -2
  72. package/styled-components/es/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
  73. package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +50 -0
  74. package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +74 -0
  75. package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +1 -0
  76. package/styled-components/es/components/TimePicker/utils/index.js +37 -42
  77. package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +29 -11
  78. package/types/components/TimePicker/TimePicker.d.ts +2 -2
  79. package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
  80. package/types/components/TimePicker/TimePicker.styles.d.ts +0 -8
  81. package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
  82. package/types/components/TimePicker/TimePicker.tokens.d.ts +2 -2
  83. package/types/components/TimePicker/TimePicker.types.d.ts +1 -1
  84. package/types/components/TimePicker/TimePicker.types.d.ts.map +1 -1
  85. package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts.map +1 -1
  86. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +3 -0
  87. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +1 -0
  88. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts +10 -0
  89. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -0
  90. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts +35 -0
  91. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
  92. package/types/components/TimePicker/utils/index.d.ts +1 -0
  93. package/types/components/TimePicker/utils/index.d.ts.map +1 -1
  94. package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
  95. package/types/examples/components/TimePicker/TimePicker.d.ts +1 -1
  96. package/types/examples/components/TimePicker/TimePicker.d.ts.map +1 -1
@@ -10,14 +10,14 @@ var mergedPopoverConfig = mergeConfig(popoverConfig);
10
10
  var Popover = component(mergedPopoverConfig);
11
11
  export var StyledPopover = styled(Popover).withConfig({
12
12
  displayName: "TimePicker.styles__StyledPopover",
13
- componentId: "sc-dcb61f63-0"
13
+ componentId: "sc-8a747fd1-0"
14
14
  })([
15
15
  ""
16
16
  ]);
17
17
  // NOTE: переопределение токенов TextField
18
18
  export var StyledInput = styled(TextField).withConfig({
19
19
  displayName: "TimePicker.styles__StyledInput",
20
- componentId: "sc-dcb61f63-1"
20
+ componentId: "sc-8a747fd1-1"
21
21
  })([
22
22
  "width:100%;",
23
23
  ":var(",
@@ -181,7 +181,7 @@ export var base = css([
181
181
  ], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight);
182
182
  export var StyledTimePicker = styled.div.withConfig({
183
183
  displayName: "TimePicker.styles__StyledTimePicker",
184
- componentId: "sc-dcb61f63-2"
184
+ componentId: "sc-8a747fd1-2"
185
185
  })([
186
186
  "background:var(",
187
187
  ");border-radius:var(",
@@ -193,69 +193,3 @@ export var StyledTimePicker = styled.div.withConfig({
193
193
  var width = param.width;
194
194
  return (width === 'fullWidth' ? "var(".concat(tokens.width, ")") : width) || "var(".concat(tokens.timePickerWidth, ")");
195
195
  }, tokens.timePickerPadding, tokens.scrollbarWidth);
196
- export var StyledTimeItem = styled.div.withConfig({
197
- displayName: "TimePicker.styles__StyledTimeItem",
198
- componentId: "sc-dcb61f63-3"
199
- })([
200
- "height:var(",
201
- ");padding:var(",
202
- ");box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:0.05s;border-radius:var(",
203
- ");cursor:pointer;flex-shrink:0;overflow:auto;font-family:var(",
204
- ");font-size:var(",
205
- ");font-style:var(",
206
- ");font-weight:var(",
207
- ");letter-spacing:var(",
208
- ");line-height:var(",
209
- ");&:hover{background:var(",
210
- ");}&.",
211
- "{background:var(",
212
- ");}"
213
- ], tokens.itemHeight, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHoverBackground, classes.timeItemActive, tokens.itemActiveBackground);
214
- export var StyledTimeColumn = styled.div.withConfig({
215
- displayName: "TimePicker.styles__StyledTimeColumn",
216
- componentId: "sc-dcb61f63-4"
217
- })([
218
- "max-height:",
219
- ";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
220
- ");width:100%;&.",
221
- "{border:0.125rem solid var(",
222
- ");border-radius:var(",
223
- ");}scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;}"
224
- ], function(param) {
225
- var height = param.height;
226
- return height || "var(".concat(tokens.columnHeight, ")");
227
- }, tokens.scrollbarWidth, classes.timeColumnActive, tokens.itemHoverBackground, tokens.itemBorderRadius);
228
- export var CustomScrollbar = styled.div.withConfig({
229
- displayName: "TimePicker.styles__CustomScrollbar",
230
- componentId: "sc-dcb61f63-5"
231
- })([
232
- "position:absolute;top:var(",
233
- ");right:0;bottom:var(",
234
- ");width:var(",
235
- ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;&.",
236
- "{opacity:1;pointer-events:auto;}"
237
- ], tokens.scrollbarMargin, tokens.scrollbarMargin, tokens.scrollbarWidth, classes.scrollbarVisible);
238
- export var ScrollbarTrack = styled.div.withConfig({
239
- displayName: "TimePicker.styles__ScrollbarTrack",
240
- componentId: "sc-dcb61f63-6"
241
- })([
242
- "position:relative;width:100%;height:100%;background:var(",
243
- ");border-radius:var(",
244
- ");"
245
- ], tokens.scrollbarTrackColor, tokens.scrollbarWidth);
246
- export var ScrollbarThumb = styled.div.withConfig({
247
- displayName: "TimePicker.styles__ScrollbarThumb",
248
- componentId: "sc-dcb61f63-7"
249
- })([
250
- "position:absolute;top:0;left:0;width:100%;background:var(",
251
- ");border-radius:var(",
252
- ");cursor:pointer;transition:background-color 0.2s ease;&:hover{background:var(",
253
- ");}&:active{background:var(",
254
- ");}"
255
- ], tokens.scrollbarColor, tokens.scrollbarWidth, tokens.scrollbarColor, tokens.scrollbarTrackColor);
256
- export var StyledEmpty = styled.div.withConfig({
257
- displayName: "TimePicker.styles__StyledEmpty",
258
- componentId: "sc-dcb61f63-8"
259
- })([
260
- "width:100%;height:0%.125rem;"
261
- ]);
@@ -109,8 +109,8 @@ export var tokens = {
109
109
  itemHeight: '--plasma-time-picker-item-height',
110
110
  itemBorderRadius: '--plasma-time-picker-item-border-radius',
111
111
  itemPadding: '--plasma-time-picker-item-padding',
112
- itemHoverBackground: '--plasma-time-picker-item-hover-background',
113
- itemActiveBackground: '--plasma-time-picker-item-active-background',
112
+ itemBackgroundHover: '--plasma-time-picker-item-hover-background',
113
+ itemBackgroundActive: '--plasma-time-picker-item-active-background',
114
114
  itemFontFamily: '--plasma-time-picker-item-font-family',
115
115
  itemFontStyle: '--plasma-time-picker-item-font-style',
116
116
  itemFontSize: '--plasma-time-picker-item-font-size',
@@ -5,21 +5,13 @@ export var useKeyNavigation = function(param) {
5
5
  event.preventDefault();
6
6
  return;
7
7
  }
8
- switch(event.code){
9
- case 'Space':
10
- if (!isCalendarOpen) {
11
- event.preventDefault();
12
- onToggle(true, event);
13
- }
14
- break;
15
- case 'Escape':
16
- if (isCalendarOpen && closeOnEsc) {
17
- event.preventDefault();
18
- onToggle(false, event);
19
- }
20
- break;
21
- default:
22
- break;
8
+ if (event.code === 'Space' && !isCalendarOpen) {
9
+ event.preventDefault();
10
+ onToggle(true, event);
11
+ }
12
+ if (event.code === 'Escape' && isCalendarOpen && closeOnEsc) {
13
+ event.preventDefault();
14
+ onToggle(false, event);
23
15
  }
24
16
  };
25
17
  return {
@@ -0,0 +1,50 @@
1
+ function _define_property(obj, key, value) {
2
+ if (key in obj) {
3
+ Object.defineProperty(obj, key, {
4
+ value: value,
5
+ enumerable: true,
6
+ configurable: true,
7
+ writable: true
8
+ });
9
+ } else {
10
+ obj[key] = value;
11
+ }
12
+ return obj;
13
+ }
14
+ import React from "react";
15
+ import cls from "classnames";
16
+ import { classes } from "../../TimePicker.tokens";
17
+ import { StyledTimeColumn, StyledTimeItem, StyledEmpty, CustomScrollbar, ScrollbarTrack, ScrollbarThumb, StyledRoot } from "./TimeColumn.styles";
18
+ export var renderTimeColumn = function(param) {
19
+ var values = param.values, dropdownHeight = param.dropdownHeight, column = param.column, columnRef = param.columnRef, scrollbarState = param.scrollbarState, setScrollbar = param.setScrollbar, scrollbarRef = param.scrollbarRef, thumbRef = param.thumbRef, timeoutRef = param.timeoutRef, timeItemRefs = param.timeItemRefs, activeTime = param.activeTime, handleTimeItemClick = param.handleTimeItemClick, handleTimeItemKeyDown = param.handleTimeItemKeyDown, createScrollbarDragHandler = param.createScrollbarDragHandler;
20
+ return /*#__PURE__*/ React.createElement(StyledRoot, null, /*#__PURE__*/ React.createElement(StyledTimeColumn, {
21
+ key: column,
22
+ ref: columnRef,
23
+ height: dropdownHeight,
24
+ className: classes.timeColumn
25
+ }, values.map(function(value, index) {
26
+ return /*#__PURE__*/ React.createElement(StyledTimeItem, {
27
+ key: value,
28
+ ref: function(el) {
29
+ timeItemRefs.current["".concat(column, "-").concat(value)] = el;
30
+ },
31
+ className: cls(_define_property({}, classes.timeItemActive, activeTime[column] === index)),
32
+ onClick: function() {
33
+ return handleTimeItemClick(value, column);
34
+ },
35
+ onKeyDown: function(e) {
36
+ return handleTimeItemKeyDown(e, column, value);
37
+ }
38
+ }, value);
39
+ }), /*#__PURE__*/ React.createElement(StyledEmpty, null)), /*#__PURE__*/ React.createElement(CustomScrollbar, {
40
+ ref: scrollbarRef,
41
+ className: cls(_define_property({}, classes.scrollbarVisible, scrollbarState.isVisible))
42
+ }, /*#__PURE__*/ React.createElement(ScrollbarTrack, null, /*#__PURE__*/ React.createElement(ScrollbarThumb, {
43
+ ref: thumbRef,
44
+ style: {
45
+ height: "".concat(scrollbarState.thumbHeight, "px"),
46
+ top: "".concat(scrollbarState.thumbPosition, "px")
47
+ },
48
+ onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
49
+ }))));
50
+ };
@@ -0,0 +1,74 @@
1
+ import styled from "styled-components";
2
+ import { classes, tokens } from "../../TimePicker.tokens";
3
+ export var StyledRoot = styled.div.withConfig({
4
+ displayName: "TimeColumn.styles__StyledRoot",
5
+ componentId: "sc-a5ee4233-0"
6
+ })([
7
+ "position:relative;width:100%;"
8
+ ]);
9
+ export var StyledTimeItem = styled.div.withConfig({
10
+ displayName: "TimeColumn.styles__StyledTimeItem",
11
+ componentId: "sc-a5ee4233-1"
12
+ })([
13
+ "height:var(",
14
+ ");padding:var(",
15
+ ");box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:0.05s;border-radius:var(",
16
+ ");cursor:pointer;flex-shrink:0;overflow:auto;font-family:var(",
17
+ ");font-size:var(",
18
+ ");font-style:var(",
19
+ ");font-weight:var(",
20
+ ");letter-spacing:var(",
21
+ ");line-height:var(",
22
+ ");&:hover{background:var(",
23
+ ");}&.",
24
+ "{background:var(",
25
+ ");}"
26
+ ], tokens.itemHeight, tokens.itemPadding, tokens.itemBorderRadius, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemBackgroundHover, classes.timeItemActive, tokens.itemBackgroundActive);
27
+ export var StyledTimeColumn = styled.div.withConfig({
28
+ displayName: "TimeColumn.styles__StyledTimeColumn",
29
+ componentId: "sc-a5ee4233-2"
30
+ })([
31
+ "max-height:",
32
+ ";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
33
+ ");width:100%;&.",
34
+ "{border:0.125rem solid var(",
35
+ ");border-radius:var(",
36
+ ");}scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;}"
37
+ ], function(param) {
38
+ var height = param.height;
39
+ return height || "var(".concat(tokens.columnHeight, ")");
40
+ }, tokens.scrollbarWidth, classes.timeColumnActive, tokens.itemBackgroundHover, tokens.itemBorderRadius);
41
+ export var CustomScrollbar = styled.div.withConfig({
42
+ displayName: "TimeColumn.styles__CustomScrollbar",
43
+ componentId: "sc-a5ee4233-3"
44
+ })([
45
+ "position:absolute;top:var(",
46
+ ");right:0;bottom:var(",
47
+ ");width:var(",
48
+ ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;&.",
49
+ "{opacity:1;pointer-events:auto;}"
50
+ ], tokens.scrollbarMargin, tokens.scrollbarMargin, tokens.scrollbarWidth, classes.scrollbarVisible);
51
+ export var ScrollbarTrack = styled.div.withConfig({
52
+ displayName: "TimeColumn.styles__ScrollbarTrack",
53
+ componentId: "sc-a5ee4233-4"
54
+ })([
55
+ "position:relative;width:100%;height:100%;background:var(",
56
+ ");border-radius:var(",
57
+ ");"
58
+ ], tokens.scrollbarTrackColor, tokens.scrollbarWidth);
59
+ export var ScrollbarThumb = styled.div.withConfig({
60
+ displayName: "TimeColumn.styles__ScrollbarThumb",
61
+ componentId: "sc-a5ee4233-5"
62
+ })([
63
+ "position:absolute;top:0;left:0;width:100%;background:var(",
64
+ ");border-radius:var(",
65
+ ");cursor:pointer;transition:background-color 0.2s ease;&:hover{background:var(",
66
+ ");}&:active{background:var(",
67
+ ");}"
68
+ ], tokens.scrollbarColor, tokens.scrollbarWidth, tokens.scrollbarColor, tokens.scrollbarTrackColor);
69
+ export var StyledEmpty = styled.div.withConfig({
70
+ displayName: "TimeColumn.styles__StyledEmpty",
71
+ componentId: "sc-a5ee4233-6"
72
+ })([
73
+ "width:100%;height:0%.125rem;"
74
+ ]);
@@ -1,3 +1,4 @@
1
+ export var delimiter = ':';
1
2
  export var range = function(number) {
2
3
  var padLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
3
4
  return Array.from({
@@ -9,43 +10,46 @@ export var range = function(number) {
9
10
  export var normalizeTimeSegment = function(type, input) {
10
11
  var max = type === 'HH' ? 23 : 59;
11
12
  var digits = input.replace(/\D/g, '');
12
- if (!digits) return {
13
- text: '',
14
- value: null,
15
- carryover: ''
16
- };
13
+ var num = parseInt(digits, 10);
14
+ if (!digits) {
15
+ return {
16
+ text: '',
17
+ value: null,
18
+ carryover: ''
19
+ };
20
+ }
21
+ if (Math.floor(max / 10) < num && digits.length === 1) {
22
+ return {
23
+ text: num.toString().padStart(2, '0'),
24
+ value: num,
25
+ carryover: ''
26
+ };
27
+ }
28
+ if (num <= max && digits.length === 1) {
29
+ return {
30
+ text: digits,
31
+ value: num,
32
+ carryover: ''
33
+ };
34
+ }
17
35
  if (digits.length === 1) {
18
- var num = parseInt(digits, 10);
19
- if (Math.floor(max / 10) < num) {
20
- return {
21
- text: num.toString().padStart(2, '0'),
22
- value: num,
23
- carryover: ''
24
- };
25
- }
26
- if (num <= max) {
27
- return {
28
- text: digits,
29
- value: num,
30
- carryover: ''
31
- };
32
- }
33
36
  return {
34
37
  text: max.toString().padStart(2, '0'),
35
38
  value: max,
36
39
  carryover: ''
37
40
  };
38
41
  }
39
- var number = parseInt(digits, 10);
40
- if (Number.isNaN(number)) return {
41
- text: '',
42
- value: null,
43
- carryover: ''
44
- };
45
- if (number <= max) {
42
+ if (Number.isNaN(num)) {
43
+ return {
44
+ text: '',
45
+ value: null,
46
+ carryover: ''
47
+ };
48
+ }
49
+ if (num <= max) {
46
50
  return {
47
51
  text: digits.padStart(2, '0'),
48
- value: number,
52
+ value: num,
49
53
  carryover: ''
50
54
  };
51
55
  }
@@ -67,7 +71,7 @@ export var normalizeTimeSegment = function(type, input) {
67
71
  export var processTimeInput = function(input) {
68
72
  var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'HH:mm:ss', cursorPosition = arguments.length > 2 ? arguments[2] : void 0;
69
73
  var digits = input.replace(/\D/g, '');
70
- var tokens = format.split(':');
74
+ var tokens = format.split(delimiter);
71
75
  var values = {
72
76
  hh: null,
73
77
  mm: null,
@@ -75,22 +79,13 @@ export var processTimeInput = function(input) {
75
79
  };
76
80
  var segments = [];
77
81
  var digitIndex = 0;
78
- var carryover = '';
79
82
  var newCursorPosition = cursorPosition !== null && cursorPosition !== void 0 ? cursorPosition : 0;
80
- tokens.forEach(function(token, index) {
83
+ tokens.forEach(function(token) {
81
84
  var segmentDigits = digits.slice(digitIndex, digitIndex + 2);
82
85
  digitIndex += segmentDigits.length;
83
- if (carryover) {
84
- segmentDigits = carryover + segmentDigits;
85
- carryover = '';
86
- }
87
- var normalized = normalizeTimeSegment(token, segmentDigits);
88
- carryover = normalized.carryover;
89
- values[token.toLowerCase()] = normalized.value;
90
- segments.push(normalized.text);
91
- if (carryover && index === tokens.length - 1) {
92
- carryover = '';
93
- }
86
+ var _normalizeTimeSegment = normalizeTimeSegment(token, segmentDigits), text = _normalizeTimeSegment.text, value = _normalizeTimeSegment.value;
87
+ values[token.toLowerCase()] = value;
88
+ segments.push(text);
94
89
  });
95
90
  var innerString = segments[0];
96
91
  if (segments.length > 1 && segments[1]) {
@@ -16,12 +16,6 @@ export var config = {
16
16
  ":var(--text-primary);",
17
17
  ":var(--text-secondary);",
18
18
  ":var(--text-accent);",
19
- ":var(--plasma-typo-body-xs-font-family);",
20
- ":var(--plasma-typo-body-xs-font-size);",
21
- ":var(--plasma-typo-body-xs-font-style);",
22
- ":var(--plasma-typo-body-xs-font-weight);",
23
- ":var(--plasma-typo-body-xs-letter-spacing);",
24
- ":var(--plasma-typo-body-xs-line-height);",
25
19
  ":var(--surface-negative);",
26
20
  ":var(--surface-transparent-primary);",
27
21
  ":var(--surface-transparent-secondary);",
@@ -37,7 +31,7 @@ export var config = {
37
31
  ":var(--surface-transparent-secondary);",
38
32
  ":var(--surface-transparent-tertiary);",
39
33
  ":var(--surface-transparent-primary);"
40
- ], 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, tokens.scrollbarColor, tokens.scrollbarTrackColor)
34
+ ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
41
35
  },
42
36
  size: {
43
37
  l: css([
@@ -87,9 +81,15 @@ export var config = {
87
81
  ":3.5rem;",
88
82
  ":0.75rem;",
89
83
  ":0rem;",
84
+ ":var(--plasma-typo-body-xs-font-family);",
85
+ ":var(--plasma-typo-body-xs-font-size);",
86
+ ":var(--plasma-typo-body-xs-font-style);",
87
+ ":var(--plasma-typo-body-xs-font-weight);",
88
+ ":var(--plasma-typo-body-xs-letter-spacing);",
89
+ ":var(--plasma-typo-body-xs-line-height);",
90
90
  ":0.125rem;",
91
91
  ":0.5rem;"
92
- ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
92
+ ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
93
93
  m: css([
94
94
  "",
95
95
  ":20rem;",
@@ -137,9 +137,15 @@ export var config = {
137
137
  ":3rem;",
138
138
  ":0.625rem;",
139
139
  ":0rem;",
140
+ ":var(--plasma-typo-body-xs-font-family);",
141
+ ":var(--plasma-typo-body-xs-font-size);",
142
+ ":var(--plasma-typo-body-xs-font-style);",
143
+ ":var(--plasma-typo-body-xs-font-weight);",
144
+ ":var(--plasma-typo-body-xs-letter-spacing);",
145
+ ":var(--plasma-typo-body-xs-line-height);",
140
146
  ":0.125rem;",
141
147
  ":0.375rem;"
142
- ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
148
+ ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
143
149
  s: css([
144
150
  "",
145
151
  ":20rem;",
@@ -187,9 +193,15 @@ export var config = {
187
193
  ":2.5rem;",
188
194
  ":0.5rem;",
189
195
  ":0rem;",
196
+ ":var(--plasma-typo-body-xs-font-family);",
197
+ ":var(--plasma-typo-body-xs-font-size);",
198
+ ":var(--plasma-typo-body-xs-font-style);",
199
+ ":var(--plasma-typo-body-xs-font-weight);",
200
+ ":var(--plasma-typo-body-xs-letter-spacing);",
201
+ ":var(--plasma-typo-body-xs-line-height);",
190
202
  ":0.125rem;",
191
203
  ":0.25rem;"
192
- ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin),
204
+ ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
193
205
  xs: css([
194
206
  "",
195
207
  ":20rem;",
@@ -237,9 +249,15 @@ export var config = {
237
249
  ":2rem;",
238
250
  ":0.375rem;",
239
251
  ":0rem;",
252
+ ":var(--plasma-typo-body-xs-font-family);",
253
+ ":var(--plasma-typo-body-xs-font-size);",
254
+ ":var(--plasma-typo-body-xs-font-style);",
255
+ ":var(--plasma-typo-body-xs-font-weight);",
256
+ ":var(--plasma-typo-body-xs-letter-spacing);",
257
+ ":var(--plasma-typo-body-xs-line-height);",
240
258
  ":0.125rem;",
241
259
  ":0.25rem;"
242
- ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.scrollbarWidth, tokens.scrollbarMargin)
260
+ ], tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
243
261
  },
244
262
  disabled: {
245
263
  true: css([
@@ -16,7 +16,7 @@ export declare const timePickerRoot: (Root: RootProps<HTMLDivElement, Omit<TimeP
16
16
  required?: boolean;
17
17
  hasRequiredIndicator?: boolean;
18
18
  value?: string;
19
- defaultTime?: Date;
19
+ defaultValue?: Date;
20
20
  placeholder?: string;
21
21
  valueError?: boolean;
22
22
  valueSuccess?: boolean;
@@ -45,7 +45,7 @@ export declare const timePickerConfig: {
45
45
  required?: boolean;
46
46
  hasRequiredIndicator?: boolean;
47
47
  value?: string;
48
- defaultTime?: Date;
48
+ defaultValue?: Date;
49
49
  placeholder?: string;
50
50
  valueError?: boolean;
51
51
  valueSuccess?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAkCrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAX5C,MAGtD,YAAW;mBAEO,MACd,YAAQ;;;;iNAkxBP,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBA/wBnB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBAX5C,MAGtD,YAAW;uBAEO,MACd,YAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;CA6yBX,CAAC"}
1
+ {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAGpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAwBrD,eAAO,MAAM,cAAc,SACjB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;kBAN7F,MAAO,YAAY;mBAKtB,MAAO,YAAY;;;;iNAgvBhB,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAjvBnB,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;sBAN7F,MAAO,YAAY;uBAKtB,MAAO,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CA2wBpB,CAAC"}
@@ -300,12 +300,4 @@ export declare const base: import("@linaria/core").LinariaClassName;
300
300
  export declare const StyledTimePicker: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
301
301
  width?: string | number;
302
302
  }>;
303
- export declare const StyledTimeItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
304
- export declare const StyledTimeColumn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
305
- height?: string | number;
306
- }>;
307
- export declare const CustomScrollbar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
308
- export declare const ScrollbarTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
309
- export declare const ScrollbarThumb: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
310
- export declare const StyledEmpty: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
311
303
  //# sourceMappingURL=TimePicker.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa,mTAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;kBAiFqC,MAAO,YAAY;mBACb,MAAO,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAO7B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAwBhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC;AAEF,eAAO,MAAM,cAAc,qKA0B1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;aAAyB,MAAM,GAAG,MAAM;EAuBpE,CAAC;AAEF,eAAO,MAAM,eAAe,qKAgB3B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAM1B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC"}
1
+ {"version":3,"file":"TimePicker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,aAAa,mTAAoB,CAAC;AAG/C,eAAO,MAAM,WAAW;;;;;;;;kBAiFqC,MAAO,YAAY;mBACb,MAAO,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAPsC,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;oCAjFyB,CAAC;;;;;;;;;;;;wBA0EY,YAAY;yBACN,YAAY;;;oCAMzD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAO7B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAwBhB,CAAC;AAEF,eAAO,MAAM,gBAAgB;YAAwB,MAAM,GAAG,MAAM;EAWnE,CAAC"}
@@ -110,8 +110,8 @@ export declare const tokens: {
110
110
  itemHeight: string;
111
111
  itemBorderRadius: string;
112
112
  itemPadding: string;
113
- itemHoverBackground: string;
114
- itemActiveBackground: string;
113
+ itemBackgroundHover: string;
114
+ itemBackgroundActive: string;
115
115
  itemFontFamily: string;
116
116
  itemFontStyle: string;
117
117
  itemFontSize: string;
@@ -28,7 +28,7 @@ export type TextFieldProps = {
28
28
  /**
29
29
  * Значение по умолчанию
30
30
  */
31
- defaultTime?: Date;
31
+ defaultValue?: Date;
32
32
  /**
33
33
  * Плейсхолдер поля ввода
34
34
  */
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TimePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.types.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,UAAU,qBAAqB;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,gBAAgB,iFAO1B,qBAAqB;uBACM,aAAa,CAAC,gBAAgB,CAAC;CAyB5D,CAAC"}
1
+ {"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE3D,UAAU,qBAAqB;IAC3B,cAAc,EAAE,OAAO,CAAC;IACxB,UAAU,EAAE,OAAO,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,gBAAgB,iFAO1B,qBAAqB;uBACM,aAAa,CAAC,gBAAgB,CAAC;CAiB5D,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { TimeColumnProps } from './TimeColumn.types';
2
+ export declare const renderTimeColumn: ({ values, dropdownHeight, column, columnRef, scrollbarState, setScrollbar, scrollbarRef, thumbRef, timeoutRef, timeItemRefs, activeTime, handleTimeItemClick, handleTimeItemKeyDown, createScrollbarDragHandler, }: TimeColumnProps) => JSX.Element;
3
+ //# sourceMappingURL=TimeColumn.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,eAAO,MAAM,gBAAgB,uNAe1B,eAAe,gBAuCjB,CAAC"}
@@ -0,0 +1,10 @@
1
+ export declare const StyledRoot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
2
+ export declare const StyledTimeItem: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
3
+ export declare const StyledTimeColumn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
4
+ height?: string | number;
5
+ }>;
6
+ export declare const CustomScrollbar: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
7
+ export declare const ScrollbarTrack: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
8
+ export declare const ScrollbarThumb: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
9
+ export declare const StyledEmpty: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
10
+ //# sourceMappingURL=TimeColumn.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeColumn.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,qKAGtB,CAAC;AAEF,eAAO,MAAM,cAAc,qKA0B1B,CAAC;AAEF,eAAO,MAAM,gBAAgB;aAAyB,MAAM,GAAG,MAAM;EAuBpE,CAAC;AAEF,eAAO,MAAM,eAAe,qKAgB3B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAM1B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAiB1B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC"}