@salutejs/plasma-new-hope 0.337.0-canary.2184.17981110340.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 (100) 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 +3 -48
  5. package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
  6. package/cjs/components/TimePicker/TimePicker.styles_ar3obv.css +4 -0
  7. package/cjs/components/TimePicker/TimePicker.tokens.js +3 -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 +3 -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 +3 -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 +4 -43
  44. package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
  45. package/es/components/TimePicker/TimePicker.styles_ar3obv.css +4 -0
  46. package/es/components/TimePicker/TimePicker.tokens.js +3 -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 +6 -88
  62. package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +3 -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 +6 -70
  71. package/styled-components/es/components/TimePicker/TimePicker.tokens.js +3 -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/Combobox/Combobox.js +0 -7
  78. package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +29 -11
  79. package/types/components/TimePicker/TimePicker.d.ts +2 -2
  80. package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
  81. package/types/components/TimePicker/TimePicker.styles.d.ts +0 -8
  82. package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
  83. package/types/components/TimePicker/TimePicker.tokens.d.ts +3 -2
  84. package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
  85. package/types/components/TimePicker/TimePicker.types.d.ts +1 -1
  86. package/types/components/TimePicker/TimePicker.types.d.ts.map +1 -1
  87. package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts.map +1 -1
  88. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +3 -0
  89. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +1 -0
  90. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts +10 -0
  91. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -0
  92. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts +35 -0
  93. package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
  94. package/types/components/TimePicker/utils/index.d.ts +1 -0
  95. package/types/components/TimePicker/utils/index.d.ts.map +1 -1
  96. package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
  97. package/types/examples/components/TimePicker/TimePicker.d.ts +1 -1
  98. package/types/examples/components/TimePicker/TimePicker.d.ts.map +1 -1
  99. package/cjs/components/TimePicker/TimePicker.styles_dnulzj.css +0 -10
  100. package/es/components/TimePicker/TimePicker.styles_dnulzj.css +0 -10
@@ -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]) {
@@ -1,7 +0,0 @@
1
- import { component, mergeConfig } from "../../../engines";
2
- import { comboboxNewConfig } from "../../..";
3
- import { config } from "./Combobox.config";
4
- var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
- var ComboboxComponent = component(mergedConfig);
6
- var Combobox = ComboboxComponent;
7
- export { Combobox };
@@ -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;;;;;;;;kBAiFwB,MAAO,YAAY;mBACtB,MAAM,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhF5C,CAAC;;;;;;;;;;;;wBA0ED,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAN5C,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhF5C,CAAC;;;;;;;;;;;;wBA0ED,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAN5C,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhF5C,CAAC;;;;;;;;;;;;wBA0ED,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAN5C,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;oCAhF5C,CAAC;;;;;;;;;;;;wBA0ED,YAAY;yBAChB,YAAY;;;oCAKmC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;yIAOlG,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"}
@@ -75,6 +75,7 @@ export declare const tokens: {
75
75
  textFieldBorderColorSuccess: string;
76
76
  textFieldBorderColorSuccessHover: string;
77
77
  textFieldBorderColorSuccessFocus: string;
78
+ textFieldBoxShadow: string;
78
79
  textFieldColorReadOnly: string;
79
80
  textFieldBackgroundColorReadOnly: string;
80
81
  textFieldBorderColorReadOnly: string;
@@ -109,8 +110,8 @@ export declare const tokens: {
109
110
  itemHeight: string;
110
111
  itemBorderRadius: string;
111
112
  itemPadding: string;
112
- itemHoverBackground: string;
113
- itemActiveBackground: string;
113
+ itemBackgroundHover: string;
114
+ itemBackgroundActive: string;
114
115
  itemFontFamily: string;
115
116
  itemFontStyle: string;
116
117
  itemFontSize: string;
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAoGf,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;CA6BhE,CAAC"}
1
+ {"version":3,"file":"TimePicker.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqGf,6DAA6D;;;;;;;;;;;;;;;;;;;;;;;CA6BhE,CAAC"}
@@ -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"}
@@ -0,0 +1,35 @@
1
+ import type { CSSProperties, KeyboardEvent } from 'react';
2
+ type TimeColumnType = 'hours' | 'minutes' | 'seconds';
3
+ interface ActiveTime {
4
+ hours: number | null;
5
+ minutes: number | null;
6
+ seconds: number | null;
7
+ currentColumn: TimeColumnType | null;
8
+ }
9
+ interface ScrollbarState {
10
+ isVisible: boolean;
11
+ thumbHeight: number;
12
+ thumbPosition: number;
13
+ isDragging: boolean;
14
+ }
15
+ type ScrollbarDragHandler = (columnRef: React.RefObject<HTMLDivElement>, setScrollbar: React.Dispatch<React.SetStateAction<ScrollbarState>>, timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>) => (e: React.MouseEvent<HTMLDivElement>) => void;
16
+ type TimeItemKeyDownHandler = (event: KeyboardEvent<HTMLDivElement>, column: TimeColumnType, value: string) => void;
17
+ type TimeItemClickHandler = (value: string, column: TimeColumnType) => void;
18
+ export interface TimeColumnProps {
19
+ values: string[];
20
+ dropdownHeight: CSSProperties['height'];
21
+ column: TimeColumnType;
22
+ columnRef: React.RefObject<HTMLDivElement>;
23
+ scrollbarState: ScrollbarState;
24
+ setScrollbar: React.Dispatch<React.SetStateAction<ScrollbarState>>;
25
+ scrollbarRef: React.RefObject<HTMLDivElement>;
26
+ thumbRef: React.RefObject<HTMLDivElement>;
27
+ timeoutRef: React.MutableRefObject<NodeJS.Timeout | null>;
28
+ timeItemRefs: React.MutableRefObject<Record<string, HTMLDivElement | null>>;
29
+ activeTime: ActiveTime;
30
+ handleTimeItemClick: TimeItemClickHandler;
31
+ handleTimeItemKeyDown: TimeItemKeyDownHandler;
32
+ createScrollbarDragHandler: ScrollbarDragHandler;
33
+ }
34
+ export {};
35
+ //# sourceMappingURL=TimeColumn.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TimeColumn.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/TimePicker/ui/TimeColumn/TimeColumn.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE1D,KAAK,cAAc,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,CAAC;AAEtD,UAAU,UAAU;IAChB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,aAAa,EAAE,cAAc,GAAG,IAAI,CAAC;CACxC;AAED,UAAU,cAAc;IACpB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACvB;AAED,KAAK,oBAAoB,GAAG,CACxB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC1C,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,EAClE,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,KACxD,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;AAEnD,KAAK,sBAAsB,GAAG,CAAC,KAAK,EAAE,aAAa,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;AAEpH,KAAK,oBAAoB,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC5B,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACxC,MAAM,EAAE,cAAc,CAAC;IACvB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,cAAc,EAAE,cAAc,CAAC;IAC/B,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACnE,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1D,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5E,UAAU,EAAE,UAAU,CAAC;IACvB,mBAAmB,EAAE,oBAAoB,CAAC;IAC1C,qBAAqB,EAAE,sBAAsB,CAAC;IAC9C,0BAA0B,EAAE,oBAAoB,CAAC;CACpD"}
@@ -8,6 +8,7 @@ export interface NormalizedSegment {
8
8
  value: number | null;
9
9
  carryover: string;
10
10
  }
11
+ export declare const delimiter = ":";
11
12
  export declare const range: (number: number, padLength?: number) => string[];
12
13
  export declare const normalizeTimeSegment: (type: "HH" | "mm" | "ss", input: string) => NormalizedSegment;
13
14
  export declare const processTimeInput: (input: string, format: ("HH:mm" | "HH:mm:ss") | undefined, cursorPosition: number | null) => {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,KAAK,WAAY,MAAM,yBAAkB,MAAM,EAE3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,IAAI,GAAG,IAAI,GAAG,IAAI,SAAS,MAAM,KAAG,iBA0D9E,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAClB,MAAM,WACL,OAAO,GAAG,UAAU,+BACZ,MAAM,GAAG,IAAI,KAC9B;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,UAAU,CAAC;IAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;CA6C7E,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,cAAc,mBAAmB,MAAM,4BAqB/E,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,UAAU;IACvB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,IAAI,CAAC;CACrB;AAED,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,SAAS,MAAM,CAAC;AAE7B,eAAO,MAAM,KAAK,WAAY,MAAM,yBAAkB,MAAM,EAE3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,IAAI,GAAG,IAAI,GAAG,IAAI,SAAS,MAAM,KAAG,iBA8D9E,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAClB,MAAM,WACL,OAAO,GAAG,UAAU,+BACZ,MAAM,GAAG,IAAI,KAC9B;IAAE,WAAW,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,UAAU,CAAC;IAAC,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAAA;CAkC7E,CAAC;AAEF,eAAO,MAAM,eAAe,YAAa,cAAc,mBAAmB,MAAM,4BAqB/E,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAiTlB,CAAC"}
1
+ {"version":3,"file":"TimePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAsUlB,CAAC"}
@@ -29,7 +29,7 @@ export declare const TimePicker: import("react").FunctionComponent<import("../..
29
29
  required?: boolean;
30
30
  hasRequiredIndicator?: boolean;
31
31
  value?: string;
32
- defaultTime?: Date;
32
+ defaultValue?: Date;
33
33
  placeholder?: string;
34
34
  valueError?: boolean;
35
35
  valueSuccess?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBACw0B,MAAO,YAAY;mBAA0D,MAAO,YAAY;;;;mRAD94B,CAAC"}
1
+ {"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/TimePicker/TimePicker.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBACy0B,MAAO,YAAY;mBAA0D,MAAO,YAAY;;;;mRAD/4B,CAAC"}
@@ -1,10 +0,0 @@
1
-
2
- .s1ghbm1p{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.s1ghbm1p.plasma-time-picker-error{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.s1ghbm1p.plasma-time-picker-success{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
3
- .b19h9m1x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.b19h9m1x .popover-wrapper,.b19h9m1x .popover-target{width:inherit;}.b19h9m1x.plasma-time-picker-stretched{width:100%;}.b19h9m1x.plasma-time-picker-stretched .popover-root{width:100%;}.b19h9m1x.plasma-time-picker-full-width{width:100%;}.b19h9m1x.plasma-time-picker-placement-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
4
- .slnaiay{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
5
- .sh0cawu{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.sh0cawu:hover{background:var(--plasma-time-picker-item-hover-background);}.sh0cawu.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
6
- .s15lrh1g{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.s15lrh1g.plasma-time-picker-column-active{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.s15lrh1g::-webkit-scrollbar{display:none;width:0;}
7
- .c18qymw0{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.c18qymw0.plasma-time-picker-scrollbar-visible{opacity:1;pointer-events:auto;}
8
- .s1wgh6jw{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
9
- .s1qrdw7l{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.s1qrdw7l:hover{background:var(--plasma-time-picker-scrollbar-color);}.s1qrdw7l:active{background:var(--plasma-time-picker-scrollbar-track-color);}
10
- .sa62th{width:100%;height:0%.125rem;}
@@ -1,10 +0,0 @@
1
-
2
- .s1ghbm1p{width:100%;--plasma-textfield-color:var(--plasma-time-picker-textfield-color);--plasma-textfield__placeholder-color:var(--plasma-time-picker-textfield-placeholder-color);--plasma-textfield__placeholder-color-focus:var(--plasma-timepicker-textfield__placeholder-color-focus);--plasma-textfield__caret-color:var(--plasma-time-picker-textfield-caret-color);--plasma-textfield-focus-color:var(--plasma-time-picker-textfield-focus-color);--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-focus);--plasma-textfield-border-color:var(--plasma-time-picker_range-border-color);--plasma-textfield-border-color-hover:var(--plasma-time-picker_range-border-color-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker_range-border-color-focus);--plasma-textfield-color-readonly:var(--plasma-time-picker-textfield-color-readonly);--plasma-textfield-bg-color-readonly:var(--plasma-time-picker-textfield-background-color-readonly);--plasma-textfield-border-color-readonly:var(--plasma-time-picker-textfield-border-color-readonly);--plasma-textfield__placeholder-color-readonly:var(--plasma-time-picker-textfield-placeholder-color-readonly);--plasma-textfield-height:var(--plasma-time-picker-textfield-height);--plasma-textfield-border-width:var(--plasma-time-picker-textfield-border-width);--plasma-textfield-border-radius:var(--plasma-time-picker-textfield-border-radius);--plasma-textfield-padding:var(--plasma-time-picker-textfield-padding);--plasma-textfield-placement_inner__label-padding:var(--plasma-time-picker-placement_inner__label-padding);--plasma-textfield-placement_inner__content-padding:var(--plasma-time-picker-placement_inner__content-padding);--plasma-textfield__label-offset:var(--plasma-time-picker__label-offset);--plasma-textfield__label-font-family:var(--plasma-time-picker__label-font-family);--plasma-textfield__label-font-style:var(--plasma-time-picker__label-font-style);--plasma-textfield__label-font-size:var(--plasma-time-picker__label-font-size);--plasma-textfield__label-font-weight:var(--plasma-time-picker__label-font-weight);--plasma-textfield__label-letter-spacing:var(--plasma-time-picker__label-letter-spacing);--plasma-textfield__label-line-height:var(--plasma-time-picker__label-line-height);--plasma-textfield-placement_inner__label-font-family:var(--plasma-time-picker-placement_inner__label-font-family);--plasma-textfield-placement_inner__label-font-size:var(--plasma-time-picker-placement_inner__label-font-size);--plasma-textfield-placement_inner__label-font-style:var(--plasma-time-picker-placement_inner__label-font-style);--plasma-textfield-placement_inner__label-font-weight:var(--plasma-time-picker-placement_inner__label-font-weight);--plasma-textfield-placement_inner__label-letter-spacing:var(--plasma-time-picker-placement_inner__label-letter-spacing);--plasma-textfield-placement_inner__label-line-height:var(--plasma-time-picker-placement_inner__label-line-height);--plasma-textfield__label-color-readonly:var(--plasma-time-picker__label-color-readonly);--plasma-textfield__indicator-color:var(--plasma-time-picker__indicator-color);--plasma-textfield__indicator-size-inner:var(--plasma-time-picker__indicator-size);--plasma-textfield__indicator-size-outer:var(--plasma-time-picker__indicator-size-outer);--plasma-textfield__indicator-placement-inner:var(--plasma-time-picker__indicator-placement);--plasma-textfield__indicator-placement-outer:var(--plasma-time-picker__indicator-placement-outer);--plasma-textfield__indicator-placement-inner-right:var(--plasma-time-picker__indicator-placement-right);--plasma-textfield__indicator-placement-outer-right:var(--plasma-time-picker__indicator-placement-outer-right);--plasma-textfield__left-content-margin:var(--plasma-time-picker-textfield__left-content-margin);--plasma-textfield__right-content-margin:var(--plasma-time-picker-textfield__right-content-margin);--plasma-textfield-font-family:var(--plasma-time-picker-textfield-font-family);--plasma-textfield-font-size:var(--plasma-time-picker-textfield-font-size);--plasma-textfield-font-style:var(--plasma-time-picker-textfield-font-style);--plasma-textfield-font-weight:var(--plasma-time-picker-textfield-font-weight);--plasma-textfield-letter-spacing:var(--plasma-time-picker-textfield-letter-spacing);--plasma-textfield-line-height:var(--plasma-time-picker-textfield-line-height);--plasma-textfield-disabled-opacity:var(--plasma-time-picker-disabled-opacity);--plasma-textfield__before-text-color:var(--plasma-time-picker-textfield__before-text-color);--plasma-textfield__after-text-color:var(--plasma-time-picker-textfield__after-text-color);--plasma-textfield__before-text-margin:var(--plasma-time-picker-textfield__before-text-margin);--plasma-textfield__after-text-margin:var(--plasma-time-picker-textfield__after-text-margin);--plasma-textfield-content-slot-color:var(--plasma-time-picker-textfield__content-color,var(--plasma-time-picker-textfield-color));--plasma-textfield-content-right-slot-color:var(--plasma-time-picker-textfield__content-right-color,var(--plasma-textfield-content-slot-color));--plasma-textfield-content-right-slot-color-hover:var(--plasma-time-picker-textfield__content-right-color-hover,var(--plasma-textfield-content-right-slot-color));}.s1ghbm1p.plasma-time-picker-error{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-error);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-error-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-error-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-error);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-error-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-error-focus);}.s1ghbm1p.plasma-time-picker-success{--plasma-textfield-bg-color:var(--plasma-time-picker-textfield-background-color-success);--plasma-textfield-bg-color-hover:var(--plasma-time-picker-textfield-background-color-success-hover);--plasma-textfield-bg-color-focus:var(--plasma-time-picker-textfield-background-color-success-focus);--plasma-textfield-border-color:var(--plasma-time-picker-textfield-border-color-success);--plasma-textfield-border-color-hover:var(--plasma-time-picker-textfield-border-color-success-hover);--plasma-textfield-border-color-focus:var(--plasma-time-picker-textfield-border-color-success-focus);}
3
- .b19h9m1x{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--plasma-time-picker-width);margin-top:var(--plasma-time-picker-dropdown-margin-top);}.b19h9m1x .popover-wrapper,.b19h9m1x .popover-target{width:inherit;}.b19h9m1x.plasma-time-picker-stretched{width:100%;}.b19h9m1x.plasma-time-picker-stretched .popover-root{width:100%;}.b19h9m1x.plasma-time-picker-full-width{width:100%;}.b19h9m1x.plasma-time-picker-placement-right{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
4
- .slnaiay{background:var(--plasma-time-picker-ui-background);border-radius:var(--plasma-time-picker-ui-border-radius);width:var(--slnaiay-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:var(--plasma-time-picker-ui-padding);-webkit-flex:1 1 1;-ms-flex:1 1 1;flex:1 1 1;gap:var(--plasma-time-picker-scrollbar-width);box-sizing:border-box;position:relative;}
5
- .sh0cawu{height:var(--plasma-time-picker-item-height);padding:var(--plasma-time-picker-item-padding);box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:0.05s;transition:0.05s;border-radius:var(--plasma-time-picker-item-border-radius);cursor:pointer;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;overflow:auto;font-family:var(--plasma-time-picker-item-font-family);font-size:var(--plasma-time-picker-item-font-size);font-style:var(--plasma-time-picker-item-font-style);font-weight:var(--plasma-time-picker-item-font-weight);-webkit-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-moz-letter-spacing:var(--plasma-time-picker-item-letter-spacing);-ms-letter-spacing:var(--plasma-time-picker-item-letter-spacing);letter-spacing:var(--plasma-time-picker-item-letter-spacing);line-height:var(--plasma-time-picker-item-line-height);}.sh0cawu:hover{background:var(--plasma-time-picker-item-hover-background);}.sh0cawu.plasma-time-picker-item-active{background:var(--plasma-time-picker-item-active-background);}
6
- .s15lrh1g{max-height:var(--s15lrh1g-0);overflow-y:scroll;-webkit-flex:1;-ms-flex:1;flex:1;z-index:3;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-time-picker-scrollbar-width);width:100%;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-ms-overflow-style:none;}.s15lrh1g.plasma-time-picker-column-active{border:0.125rem solid var(--plasma-time-picker-item-hover-background);border-radius:var(--plasma-time-picker-item-border-radius);}.s15lrh1g::-webkit-scrollbar{display:none;width:0;}
7
- .c18qymw0{position:absolute;top:var(--plasma-time-picker-scrollbar-margin);right:0;bottom:var(--plasma-time-picker-scrollbar-margin);width:var(--plasma-time-picker-scrollbar-width);opacity:0;-webkit-transition:opacity 0.3s ease;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;}.c18qymw0.plasma-time-picker-scrollbar-visible{opacity:1;pointer-events:auto;}
8
- .s1wgh6jw{position:relative;width:100%;height:100%;background:var(--plasma-time-picker-scrollbar-track-color);border-radius:var(--plasma-time-picker-scrollbar-width);}
9
- .s1qrdw7l{position:absolute;top:0;left:0;width:100%;background:var(--plasma-time-picker-scrollbar-color);border-radius:var(--plasma-time-picker-scrollbar-width);cursor:pointer;-webkit-transition:background-color 0.2s ease;transition:background-color 0.2s ease;}.s1qrdw7l:hover{background:var(--plasma-time-picker-scrollbar-color);}.s1qrdw7l:active{background:var(--plasma-time-picker-scrollbar-track-color);}
10
- .sa62th{width:100%;height:0%.125rem;}