@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.
- package/cjs/components/TimePicker/TimePicker.css +11 -9
- package/cjs/components/TimePicker/TimePicker.js +108 -96
- package/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +3 -48
- package/cjs/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles_ar3obv.css +4 -0
- package/cjs/components/TimePicker/TimePicker.tokens.js +3 -2
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +7 -13
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +7 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +61 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +7 -0
- package/cjs/components/TimePicker/utils/index.js +40 -42
- package/cjs/components/TimePicker/utils/index.js.map +1 -1
- package/cjs/index.css +11 -9
- package/emotion/cjs/components/TimePicker/TimePicker.js +104 -92
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +7 -52
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +3 -2
- package/emotion/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +71 -0
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +4 -0
- package/emotion/cjs/components/TimePicker/utils/index.js +40 -42
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/emotion/es/components/TimePicker/TimePicker.js +106 -94
- package/emotion/es/components/TimePicker/TimePicker.styles.js +7 -34
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +3 -2
- package/emotion/es/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +50 -0
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +33 -0
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +1 -0
- package/emotion/es/components/TimePicker/utils/index.js +37 -42
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +7 -7
- package/es/components/TimePicker/TimePicker.css +11 -9
- package/es/components/TimePicker/TimePicker.js +110 -98
- package/es/components/TimePicker/TimePicker.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles.js +4 -43
- package/es/components/TimePicker/TimePicker.styles.js.map +1 -1
- package/es/components/TimePicker/TimePicker.styles_ar3obv.css +4 -0
- package/es/components/TimePicker/TimePicker.tokens.js +3 -2
- package/es/components/TimePicker/TimePicker.tokens.js.map +1 -1
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js +7 -13
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js.map +1 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +7 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +56 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +1 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +51 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +1 -0
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +7 -0
- package/es/components/TimePicker/utils/index.js +40 -43
- package/es/components/TimePicker/utils/index.js.map +1 -1
- package/es/index.css +11 -9
- package/package.json +2 -2
- package/styled-components/cjs/components/TimePicker/TimePicker.js +104 -92
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +6 -88
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +3 -2
- package/styled-components/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +65 -0
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +112 -0
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +4 -0
- package/styled-components/cjs/components/TimePicker/utils/index.js +40 -42
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +29 -11
- package/styled-components/es/components/TimePicker/TimePicker.js +106 -94
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +6 -70
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +3 -2
- package/styled-components/es/components/TimePicker/hooks/useKeyboardNavigation.js +7 -15
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +50 -0
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +74 -0
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +1 -0
- package/styled-components/es/components/TimePicker/utils/index.js +37 -42
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +29 -11
- package/types/components/TimePicker/TimePicker.d.ts +2 -2
- package/types/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +0 -8
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +3 -2
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +1 -1
- package/types/components/TimePicker/TimePicker.types.d.ts +1 -1
- package/types/components/TimePicker/TimePicker.types.d.ts.map +1 -1
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts.map +1 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +3 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +1 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts +10 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +1 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts +35 -0
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +1 -0
- package/types/components/TimePicker/utils/index.d.ts +1 -0
- package/types/components/TimePicker/utils/index.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +1 -1
- package/types/examples/components/TimePicker/TimePicker.d.ts +1 -1
- package/types/examples/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/cjs/components/TimePicker/TimePicker.styles_dnulzj.css +0 -10
- 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
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
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
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
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:
|
|
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
|
|
83
|
+
tokens.forEach(function(token) {
|
|
81
84
|
var segmentDigits = digits.slice(digitIndex, digitIndex + 2);
|
|
82
85
|
digitIndex += segmentDigits.length;
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
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.
|
|
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
|
-
|
|
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
|
-
|
|
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;
|
|
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;;;;;;;;
|
|
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
|
-
|
|
113
|
-
|
|
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
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,
|
|
1
|
+
{"version":3,"file":"TimePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,MAAM,qBAAqB,GAAG;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;CACL,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IACzB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,IAAI,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IACjC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;CACrD,GAAG,UAAU,CAAC;AAEf,MAAM,MAAM,sBAAsB,GAAG;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC;IACrD;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACxE,CAAC;AAEF,KAAK,UAAU,GAAG;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9D;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,UAAU,GACpC,cAAc,GACd,sBAAsB,GACtB,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC"}
|
|
@@ -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;
|
|
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,
|
|
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;;;;;;;;;;;;;;;;;;;;;;
|
|
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
|
-
|
|
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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
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;}
|