@salutejs/plasma-new-hope 0.337.0-canary.2254.18036780976.0 → 0.337.0-canary.2255.18028844305.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/index.css +0 -17
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/examples/components/Chip/Chip.clear.config.js +45 -0
- package/emotion/cjs/examples/components/Chip/Chip.js +29 -5
- package/emotion/cjs/index.js +0 -1
- package/emotion/es/examples/components/Chip/Chip.clear.config.js +35 -0
- package/emotion/es/examples/components/Chip/Chip.js +15 -2
- package/emotion/es/index.js +0 -1
- package/es/index.css +0 -17
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/examples/components/Chip/Chip.clear.config.js +225 -0
- package/styled-components/cjs/examples/components/Chip/Chip.js +29 -5
- package/styled-components/cjs/index.js +0 -1
- package/styled-components/es/examples/components/Chip/Chip.clear.config.js +215 -0
- package/styled-components/es/examples/components/Chip/Chip.js +15 -2
- package/styled-components/es/index.js +0 -1
- package/types/components/Chip/Chip.types.d.ts +1 -0
- package/types/components/Chip/Chip.types.d.ts.map +1 -1
- package/types/examples/components/{TimePicker/TimePicker.config.d.ts → Chip/Chip.clear.config.d.ts} +12 -2
- package/types/examples/components/Chip/Chip.clear.config.d.ts.map +1 -0
- package/types/examples/components/Chip/Chip.d.ts +55 -1
- package/types/examples/components/Chip/Chip.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/TimePicker/TimePicker.css +0 -93
- package/cjs/components/TimePicker/TimePicker.js +0 -732
- package/cjs/components/TimePicker/TimePicker.js.map +0 -1
- package/cjs/components/TimePicker/TimePicker.styles.js +0 -54
- package/cjs/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/cjs/components/TimePicker/TimePicker.styles_ar3obv.css +0 -4
- package/cjs/components/TimePicker/TimePicker.tokens.js +0 -133
- package/cjs/components/TimePicker/TimePicker.tokens.js.map +0 -1
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -32
- package/cjs/components/TimePicker/hooks/useKeyboardNavigation.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -61
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/cjs/components/TimePicker/utils/index.js +0 -139
- package/cjs/components/TimePicker/utils/index.js.map +0 -1
- package/cjs/components/TimePicker/variations/_disabled/base.js +0 -9
- package/cjs/components/TimePicker/variations/_disabled/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_disabled/base_nyid0i.css +0 -1
- package/cjs/components/TimePicker/variations/_readonly/base.js +0 -9
- package/cjs/components/TimePicker/variations/_readonly/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_readonly/base_zalfas.css +0 -1
- package/cjs/components/TimePicker/variations/_size/base.js +0 -9
- package/cjs/components/TimePicker/variations/_size/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/TimePicker/variations/_view/base.js +0 -9
- package/cjs/components/TimePicker/variations/_view/base.js.map +0 -1
- package/cjs/components/TimePicker/variations/_view/base_x642ct.css +0 -1
- package/emotion/cjs/components/Scrollbar/Scrollbar.js +0 -418
- package/emotion/cjs/components/Scrollbar/Scrollbar.styles.js +0 -59
- package/emotion/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
- package/emotion/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
- package/emotion/cjs/components/Scrollbar/index.js +0 -26
- package/emotion/cjs/components/Scrollbar/variations/_size/base.js +0 -12
- package/emotion/cjs/components/Scrollbar/variations/_view/base.js +0 -12
- package/emotion/cjs/components/TimePicker/TimePicker.js +0 -916
- package/emotion/cjs/components/TimePicker/TimePicker.styles.js +0 -55
- package/emotion/cjs/components/TimePicker/TimePicker.tokens.js +0 -142
- package/emotion/cjs/components/TimePicker/TimePicker.types.js +0 -4
- package/emotion/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -30
- package/emotion/cjs/components/TimePicker/index.js +0 -26
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -71
- package/emotion/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -4
- package/emotion/cjs/components/TimePicker/utils/index.js +0 -152
- package/emotion/cjs/components/TimePicker/variations/_disabled/base.js +0 -13
- package/emotion/cjs/components/TimePicker/variations/_readonly/base.js +0 -12
- package/emotion/cjs/components/TimePicker/variations/_size/base.js +0 -12
- package/emotion/cjs/components/TimePicker/variations/_view/base.js +0 -12
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -27
- package/emotion/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
- package/emotion/cjs/examples/components/TimePicker/TimePicker.config.js +0 -35
- package/emotion/cjs/examples/components/TimePicker/TimePicker.js +0 -15
- package/emotion/es/components/Scrollbar/Scrollbar.js +0 -354
- package/emotion/es/components/Scrollbar/Scrollbar.styles.js +0 -24
- package/emotion/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
- package/emotion/es/components/Scrollbar/Scrollbar.types.js +0 -1
- package/emotion/es/components/Scrollbar/index.js +0 -2
- package/emotion/es/components/Scrollbar/variations/_size/base.js +0 -2
- package/emotion/es/components/Scrollbar/variations/_view/base.js +0 -2
- package/emotion/es/components/TimePicker/TimePicker.js +0 -852
- package/emotion/es/components/TimePicker/TimePicker.styles.js +0 -27
- package/emotion/es/components/TimePicker/TimePicker.tokens.js +0 -124
- package/emotion/es/components/TimePicker/TimePicker.types.js +0 -1
- package/emotion/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -20
- package/emotion/es/components/TimePicker/index.js +0 -2
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -33
- package/emotion/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -1
- package/emotion/es/components/TimePicker/utils/index.js +0 -125
- package/emotion/es/components/TimePicker/variations/_disabled/base.js +0 -3
- package/emotion/es/components/TimePicker/variations/_readonly/base.js +0 -2
- package/emotion/es/components/TimePicker/variations/_size/base.js +0 -2
- package/emotion/es/components/TimePicker/variations/_view/base.js +0 -2
- package/emotion/es/examples/components/Scrollbar/Scrollbar.config.js +0 -17
- package/emotion/es/examples/components/Scrollbar/Scrollbar.js +0 -5
- package/emotion/es/examples/components/TimePicker/TimePicker.config.js +0 -25
- package/emotion/es/examples/components/TimePicker/TimePicker.js +0 -5
- package/es/components/TimePicker/TimePicker.css +0 -93
- package/es/components/TimePicker/TimePicker.js +0 -722
- package/es/components/TimePicker/TimePicker.js.map +0 -1
- package/es/components/TimePicker/TimePicker.styles.js +0 -47
- package/es/components/TimePicker/TimePicker.styles.js.map +0 -1
- package/es/components/TimePicker/TimePicker.styles_ar3obv.css +0 -4
- package/es/components/TimePicker/TimePicker.tokens.js +0 -128
- package/es/components/TimePicker/TimePicker.tokens.js.map +0 -1
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -28
- package/es/components/TimePicker/hooks/useKeyboardNavigation.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.css +0 -7
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -56
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -51
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js.map +0 -1
- package/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles_juymyb.css +0 -7
- package/es/components/TimePicker/utils/index.js +0 -131
- package/es/components/TimePicker/utils/index.js.map +0 -1
- package/es/components/TimePicker/variations/_disabled/base.js +0 -5
- package/es/components/TimePicker/variations/_disabled/base.js.map +0 -1
- package/es/components/TimePicker/variations/_disabled/base_nyid0i.css +0 -1
- package/es/components/TimePicker/variations/_readonly/base.js +0 -5
- package/es/components/TimePicker/variations/_readonly/base.js.map +0 -1
- package/es/components/TimePicker/variations/_readonly/base_zalfas.css +0 -1
- package/es/components/TimePicker/variations/_size/base.js +0 -5
- package/es/components/TimePicker/variations/_size/base.js.map +0 -1
- package/es/components/TimePicker/variations/_size/base_x642ct.css +0 -1
- package/es/components/TimePicker/variations/_view/base.js +0 -5
- package/es/components/TimePicker/variations/_view/base.js.map +0 -1
- package/es/components/TimePicker/variations/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/Scrollbar/Scrollbar.js +0 -418
- package/styled-components/cjs/components/Scrollbar/Scrollbar.styles.js +0 -123
- package/styled-components/cjs/components/Scrollbar/Scrollbar.tokens.js +0 -39
- package/styled-components/cjs/components/Scrollbar/Scrollbar.types.js +0 -4
- package/styled-components/cjs/components/Scrollbar/index.js +0 -26
- package/styled-components/cjs/components/Scrollbar/variations/_size/base.js +0 -14
- package/styled-components/cjs/components/Scrollbar/variations/_view/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/TimePicker.js +0 -916
- package/styled-components/cjs/components/TimePicker/TimePicker.styles.js +0 -258
- package/styled-components/cjs/components/TimePicker/TimePicker.tokens.js +0 -142
- package/styled-components/cjs/components/TimePicker/TimePicker.types.js +0 -4
- package/styled-components/cjs/components/TimePicker/hooks/useKeyboardNavigation.js +0 -30
- package/styled-components/cjs/components/TimePicker/index.js +0 -26
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -65
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -112
- package/styled-components/cjs/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -4
- package/styled-components/cjs/components/TimePicker/utils/index.js +0 -152
- package/styled-components/cjs/components/TimePicker/variations/_disabled/base.js +0 -16
- package/styled-components/cjs/components/TimePicker/variations/_readonly/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/variations/_size/base.js +0 -14
- package/styled-components/cjs/components/TimePicker/variations/_view/base.js +0 -14
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js +0 -45
- package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js +0 -15
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.config.js +0 -289
- package/styled-components/cjs/examples/components/TimePicker/TimePicker.js +0 -15
- package/styled-components/es/components/Scrollbar/Scrollbar.js +0 -354
- package/styled-components/es/components/Scrollbar/Scrollbar.styles.js +0 -53
- package/styled-components/es/components/Scrollbar/Scrollbar.tokens.js +0 -21
- package/styled-components/es/components/Scrollbar/Scrollbar.types.js +0 -1
- package/styled-components/es/components/Scrollbar/index.js +0 -2
- package/styled-components/es/components/Scrollbar/variations/_size/base.js +0 -4
- package/styled-components/es/components/Scrollbar/variations/_view/base.js +0 -4
- package/styled-components/es/components/TimePicker/TimePicker.js +0 -852
- package/styled-components/es/components/TimePicker/TimePicker.styles.js +0 -195
- package/styled-components/es/components/TimePicker/TimePicker.tokens.js +0 -124
- package/styled-components/es/components/TimePicker/TimePicker.types.js +0 -1
- package/styled-components/es/components/TimePicker/hooks/useKeyboardNavigation.js +0 -20
- package/styled-components/es/components/TimePicker/index.js +0 -2
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.js +0 -50
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.styles.js +0 -74
- package/styled-components/es/components/TimePicker/ui/TimeColumn/TimeColumn.types.js +0 -1
- package/styled-components/es/components/TimePicker/utils/index.js +0 -125
- package/styled-components/es/components/TimePicker/variations/_disabled/base.js +0 -6
- package/styled-components/es/components/TimePicker/variations/_readonly/base.js +0 -4
- package/styled-components/es/components/TimePicker/variations/_size/base.js +0 -4
- package/styled-components/es/components/TimePicker/variations/_view/base.js +0 -4
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.config.js +0 -35
- package/styled-components/es/examples/components/Scrollbar/Scrollbar.js +0 -5
- package/styled-components/es/examples/components/TimePicker/TimePicker.config.js +0 -279
- package/styled-components/es/examples/components/TimePicker/TimePicker.js +0 -5
- package/types/components/Scrollbar/Scrollbar.d.ts +0 -23
- package/types/components/Scrollbar/Scrollbar.d.ts.map +0 -1
- package/types/components/Scrollbar/Scrollbar.styles.d.ts +0 -7
- package/types/components/Scrollbar/Scrollbar.styles.d.ts.map +0 -1
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts +0 -22
- package/types/components/Scrollbar/Scrollbar.tokens.d.ts.map +0 -1
- package/types/components/Scrollbar/Scrollbar.types.d.ts +0 -44
- package/types/components/Scrollbar/Scrollbar.types.d.ts.map +0 -1
- package/types/components/Scrollbar/index.d.ts +0 -4
- package/types/components/Scrollbar/index.d.ts.map +0 -1
- package/types/components/Scrollbar/variations/_size/base.d.ts +0 -2
- package/types/components/Scrollbar/variations/_size/base.d.ts.map +0 -1
- package/types/components/Scrollbar/variations/_view/base.d.ts +0 -2
- package/types/components/Scrollbar/variations/_view/base.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.d.ts +0 -81
- package/types/components/TimePicker/TimePicker.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.styles.d.ts +0 -303
- package/types/components/TimePicker/TimePicker.styles.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.tokens.d.ts +0 -126
- package/types/components/TimePicker/TimePicker.tokens.d.ts.map +0 -1
- package/types/components/TimePicker/TimePicker.types.d.ts +0 -139
- package/types/components/TimePicker/TimePicker.types.d.ts.map +0 -1
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts +0 -14
- package/types/components/TimePicker/hooks/useKeyboardNavigation.d.ts.map +0 -1
- package/types/components/TimePicker/index.d.ts +0 -4
- package/types/components/TimePicker/index.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts +0 -3
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts +0 -10
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.styles.d.ts.map +0 -1
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts +0 -35
- package/types/components/TimePicker/ui/TimeColumn/TimeColumn.types.d.ts.map +0 -1
- package/types/components/TimePicker/utils/index.d.ts +0 -20
- package/types/components/TimePicker/utils/index.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_disabled/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_readonly/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_readonly/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_size/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_size/base.d.ts.map +0 -1
- package/types/components/TimePicker/variations/_view/base.d.ts +0 -2
- package/types/components/TimePicker/variations/_view/base.d.ts.map +0 -1
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts +0 -16
- package/types/examples/components/Scrollbar/Scrollbar.config.d.ts.map +0 -1
- package/types/examples/components/Scrollbar/Scrollbar.d.ts +0 -10
- package/types/examples/components/Scrollbar/Scrollbar.d.ts.map +0 -1
- package/types/examples/components/TimePicker/TimePicker.config.d.ts.map +0 -1
- package/types/examples/components/TimePicker/TimePicker.d.ts +0 -43
- package/types/examples/components/TimePicker/TimePicker.d.ts.map +0 -1
|
@@ -1,258 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get StyledInput () {
|
|
13
|
-
return StyledInput;
|
|
14
|
-
},
|
|
15
|
-
get StyledPopover () {
|
|
16
|
-
return StyledPopover;
|
|
17
|
-
},
|
|
18
|
-
get StyledTimePicker () {
|
|
19
|
-
return StyledTimePicker;
|
|
20
|
-
},
|
|
21
|
-
get base () {
|
|
22
|
-
return base;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
|
|
26
|
-
var _engines = require("../../engines");
|
|
27
|
-
var _TextField = require("../TextField");
|
|
28
|
-
var _Popover = require("../Popover");
|
|
29
|
-
var _TimePickertokens = require("./TimePicker.tokens");
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) {
|
|
31
|
-
if (typeof WeakMap !== "function") return null;
|
|
32
|
-
var cacheBabelInterop = new WeakMap();
|
|
33
|
-
var cacheNodeInterop = new WeakMap();
|
|
34
|
-
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
35
|
-
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
36
|
-
})(nodeInterop);
|
|
37
|
-
}
|
|
38
|
-
function _interop_require_wildcard(obj, nodeInterop) {
|
|
39
|
-
if (!nodeInterop && obj && obj.__esModule) {
|
|
40
|
-
return obj;
|
|
41
|
-
}
|
|
42
|
-
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
43
|
-
return {
|
|
44
|
-
default: obj
|
|
45
|
-
};
|
|
46
|
-
}
|
|
47
|
-
var cache = _getRequireWildcardCache(nodeInterop);
|
|
48
|
-
if (cache && cache.has(obj)) {
|
|
49
|
-
return cache.get(obj);
|
|
50
|
-
}
|
|
51
|
-
var newObj = {
|
|
52
|
-
__proto__: null
|
|
53
|
-
};
|
|
54
|
-
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
55
|
-
for(var key in obj){
|
|
56
|
-
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
57
|
-
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
58
|
-
if (desc && (desc.get || desc.set)) {
|
|
59
|
-
Object.defineProperty(newObj, key, desc);
|
|
60
|
-
} else {
|
|
61
|
-
newObj[key] = obj[key];
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}
|
|
65
|
-
newObj.default = obj;
|
|
66
|
-
if (cache) {
|
|
67
|
-
cache.set(obj, newObj);
|
|
68
|
-
}
|
|
69
|
-
return newObj;
|
|
70
|
-
}
|
|
71
|
-
var mergedTextFieldConfig = (0, _engines.mergeConfig)(_TextField.textFieldConfig);
|
|
72
|
-
var TextField = (0, _engines.component)(mergedTextFieldConfig);
|
|
73
|
-
var mergedPopoverConfig = (0, _engines.mergeConfig)(_Popover.popoverConfig);
|
|
74
|
-
var Popover = (0, _engines.component)(mergedPopoverConfig);
|
|
75
|
-
var StyledPopover = (0, _styledcomponents.default)(Popover).withConfig({
|
|
76
|
-
displayName: "TimePicker.styles__StyledPopover",
|
|
77
|
-
componentId: "sc-8a747fd1-0"
|
|
78
|
-
})([
|
|
79
|
-
""
|
|
80
|
-
]);
|
|
81
|
-
var StyledInput = (0, _styledcomponents.default)(TextField).withConfig({
|
|
82
|
-
displayName: "TimePicker.styles__StyledInput",
|
|
83
|
-
componentId: "sc-8a747fd1-1"
|
|
84
|
-
})([
|
|
85
|
-
"width:100%;",
|
|
86
|
-
":var(",
|
|
87
|
-
");",
|
|
88
|
-
":var(",
|
|
89
|
-
");",
|
|
90
|
-
":var(",
|
|
91
|
-
");",
|
|
92
|
-
":var(",
|
|
93
|
-
");",
|
|
94
|
-
":var(",
|
|
95
|
-
");",
|
|
96
|
-
":var(",
|
|
97
|
-
");",
|
|
98
|
-
":var(",
|
|
99
|
-
");",
|
|
100
|
-
":var(",
|
|
101
|
-
");",
|
|
102
|
-
":var(",
|
|
103
|
-
");",
|
|
104
|
-
":var(",
|
|
105
|
-
");",
|
|
106
|
-
":var(",
|
|
107
|
-
");",
|
|
108
|
-
":var(",
|
|
109
|
-
");",
|
|
110
|
-
":var(",
|
|
111
|
-
");",
|
|
112
|
-
":var(",
|
|
113
|
-
");",
|
|
114
|
-
":var(",
|
|
115
|
-
");",
|
|
116
|
-
":var(",
|
|
117
|
-
");",
|
|
118
|
-
":var(",
|
|
119
|
-
");",
|
|
120
|
-
":var(",
|
|
121
|
-
");",
|
|
122
|
-
":var(",
|
|
123
|
-
");",
|
|
124
|
-
":var(",
|
|
125
|
-
");",
|
|
126
|
-
":var(",
|
|
127
|
-
");",
|
|
128
|
-
":var(",
|
|
129
|
-
");",
|
|
130
|
-
":var(",
|
|
131
|
-
");",
|
|
132
|
-
":var(",
|
|
133
|
-
");",
|
|
134
|
-
":var(",
|
|
135
|
-
");",
|
|
136
|
-
":var(",
|
|
137
|
-
");",
|
|
138
|
-
":var(",
|
|
139
|
-
");",
|
|
140
|
-
":var(",
|
|
141
|
-
");",
|
|
142
|
-
":var(",
|
|
143
|
-
");",
|
|
144
|
-
":var(",
|
|
145
|
-
");",
|
|
146
|
-
":var(",
|
|
147
|
-
");",
|
|
148
|
-
":var(",
|
|
149
|
-
");",
|
|
150
|
-
":var(",
|
|
151
|
-
");",
|
|
152
|
-
":var(",
|
|
153
|
-
");",
|
|
154
|
-
":var(",
|
|
155
|
-
");",
|
|
156
|
-
":var(",
|
|
157
|
-
");",
|
|
158
|
-
":var(",
|
|
159
|
-
");",
|
|
160
|
-
":var(",
|
|
161
|
-
");",
|
|
162
|
-
":var(",
|
|
163
|
-
");",
|
|
164
|
-
":var(",
|
|
165
|
-
");",
|
|
166
|
-
":var(",
|
|
167
|
-
");",
|
|
168
|
-
":var(",
|
|
169
|
-
");",
|
|
170
|
-
":var(",
|
|
171
|
-
");",
|
|
172
|
-
":var(",
|
|
173
|
-
");",
|
|
174
|
-
":var(",
|
|
175
|
-
");",
|
|
176
|
-
":var(",
|
|
177
|
-
");",
|
|
178
|
-
":var(",
|
|
179
|
-
");",
|
|
180
|
-
":var(",
|
|
181
|
-
");",
|
|
182
|
-
":var(",
|
|
183
|
-
");",
|
|
184
|
-
":var(",
|
|
185
|
-
");",
|
|
186
|
-
":var(",
|
|
187
|
-
");",
|
|
188
|
-
":var(",
|
|
189
|
-
");",
|
|
190
|
-
":var(",
|
|
191
|
-
");",
|
|
192
|
-
":var(",
|
|
193
|
-
");",
|
|
194
|
-
":var(",
|
|
195
|
-
");",
|
|
196
|
-
":var(",
|
|
197
|
-
");",
|
|
198
|
-
":var(",
|
|
199
|
-
",var(",
|
|
200
|
-
"));",
|
|
201
|
-
":var(",
|
|
202
|
-
",var(",
|
|
203
|
-
"));",
|
|
204
|
-
":var(",
|
|
205
|
-
",var(",
|
|
206
|
-
"));&.",
|
|
207
|
-
"{",
|
|
208
|
-
":var(",
|
|
209
|
-
");",
|
|
210
|
-
":var(",
|
|
211
|
-
");",
|
|
212
|
-
":var(",
|
|
213
|
-
");",
|
|
214
|
-
":var(",
|
|
215
|
-
");",
|
|
216
|
-
":var(",
|
|
217
|
-
");",
|
|
218
|
-
":var(",
|
|
219
|
-
");}&.",
|
|
220
|
-
"{",
|
|
221
|
-
":var(",
|
|
222
|
-
");",
|
|
223
|
-
":var(",
|
|
224
|
-
");",
|
|
225
|
-
":var(",
|
|
226
|
-
");",
|
|
227
|
-
":var(",
|
|
228
|
-
");",
|
|
229
|
-
":var(",
|
|
230
|
-
");",
|
|
231
|
-
":var(",
|
|
232
|
-
");}"
|
|
233
|
-
], _TextField.textFieldTokens.color, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _TimePickertokens.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _TimePickertokens.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _TimePickertokens.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _TimePickertokens.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.borderColorFocus, _TextField.textFieldTokens.boxShadow, _TimePickertokens.tokens.textFieldBoxShadow, _TextField.textFieldTokens.colorReadOnly, _TimePickertokens.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _TimePickertokens.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _TimePickertokens.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _TimePickertokens.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _TimePickertokens.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _TimePickertokens.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _TimePickertokens.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _TimePickertokens.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _TimePickertokens.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _TimePickertokens.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelOffset, _TimePickertokens.tokens.labelOffset, _TextField.textFieldTokens.labelFontFamily, _TimePickertokens.tokens.labelFontFamily, _TextField.textFieldTokens.labelFontStyle, _TimePickertokens.tokens.labelFontStyle, _TextField.textFieldTokens.labelFontSize, _TimePickertokens.tokens.labelFontSize, _TextField.textFieldTokens.labelFontWeight, _TimePickertokens.tokens.labelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _TimePickertokens.tokens.labelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _TimePickertokens.tokens.labelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _TimePickertokens.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _TimePickertokens.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _TimePickertokens.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _TimePickertokens.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _TimePickertokens.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _TimePickertokens.tokens.labelInnerLineHeight, _TextField.textFieldTokens.labelColorReadOnly, _TimePickertokens.tokens.labelColorReadOnly, _TextField.textFieldTokens.indicatorColor, _TimePickertokens.tokens.indicatorColor, _TextField.textFieldTokens.indicatorSizeInner, _TimePickertokens.tokens.indicatorSize, _TextField.textFieldTokens.indicatorSizeOuter, _TimePickertokens.tokens.indicatorSizeOuter, _TextField.textFieldTokens.indicatorLabelPlacementInner, _TimePickertokens.tokens.indicatorPlacement, _TextField.textFieldTokens.indicatorLabelPlacementOuter, _TimePickertokens.tokens.indicatorOuterPlacement, _TextField.textFieldTokens.indicatorLabelPlacementInnerRight, _TimePickertokens.tokens.indicatorPlacementRight, _TextField.textFieldTokens.indicatorLabelPlacementOuterRight, _TimePickertokens.tokens.indicatorOuterPlacementRight, _TextField.textFieldTokens.leftContentMargin, _TimePickertokens.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _TimePickertokens.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _TimePickertokens.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _TimePickertokens.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _TimePickertokens.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _TimePickertokens.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _TimePickertokens.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _TimePickertokens.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _TimePickertokens.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _TimePickertokens.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _TimePickertokens.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _TimePickertokens.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _TimePickertokens.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _TimePickertokens.tokens.textFieldContentSlotColor, _TimePickertokens.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _TimePickertokens.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _TimePickertokens.classes.timePickerError, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorErrorFocus, _TimePickertokens.classes.timePickerSuccess, _TextField.textFieldTokens.backgroundColor, _TimePickertokens.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _TimePickertokens.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _TimePickertokens.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _TimePickertokens.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _TimePickertokens.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _TimePickertokens.tokens.textFieldBorderColorSuccessFocus);
|
|
234
|
-
var base = (0, _styledcomponents.css)([
|
|
235
|
-
"display:flex;width:var(",
|
|
236
|
-
");margin-top:var(",
|
|
237
|
-
");.",
|
|
238
|
-
",.",
|
|
239
|
-
"{width:inherit;}&.",
|
|
240
|
-
"{width:100%;.",
|
|
241
|
-
"{width:100%;}}&.",
|
|
242
|
-
"{width:100%;}&.",
|
|
243
|
-
"{justify-content:flex-end;}"
|
|
244
|
-
], _TimePickertokens.tokens.width, _TimePickertokens.tokens.dropdownMarginTop, _Popover.popoverClasses.wrapper, _Popover.popoverClasses.target, _TimePickertokens.classes.timePickerstretched, _Popover.popoverClasses.root, _TimePickertokens.classes.timePickerFullWidth, _TimePickertokens.classes.timePickerPlacementRight);
|
|
245
|
-
var StyledTimePicker = _styledcomponents.default.div.withConfig({
|
|
246
|
-
displayName: "TimePicker.styles__StyledTimePicker",
|
|
247
|
-
componentId: "sc-8a747fd1-2"
|
|
248
|
-
})([
|
|
249
|
-
"background:var(",
|
|
250
|
-
");border-radius:var(",
|
|
251
|
-
");width:",
|
|
252
|
-
";display:flex;padding:var(",
|
|
253
|
-
");flex:1 1 1;gap:var(",
|
|
254
|
-
");box-sizing:border-box;position:relative;"
|
|
255
|
-
], _TimePickertokens.tokens.timePickerBackground, _TimePickertokens.tokens.timePickerBorderRadius, function(param) {
|
|
256
|
-
var width = param.width;
|
|
257
|
-
return (width === 'fullWidth' ? "var(".concat(_TimePickertokens.tokens.width, ")") : width) || "var(".concat(_TimePickertokens.tokens.timePickerWidth, ")");
|
|
258
|
-
}, _TimePickertokens.tokens.timePickerPadding, _TimePickertokens.tokens.scrollbarWidth);
|
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get classes () {
|
|
13
|
-
return classes;
|
|
14
|
-
},
|
|
15
|
-
get tokens () {
|
|
16
|
-
return tokens;
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
var classes = {
|
|
20
|
-
timePickerstretched: 'plasma-time-picker-stretched',
|
|
21
|
-
timePickerSuccess: 'plasma-time-picker-success',
|
|
22
|
-
timePickerError: 'plasma-time-picker-error',
|
|
23
|
-
timePickerRoot: 'plasma-time-picker-root',
|
|
24
|
-
timeColumnLabel: 'plasma-time-picker-column-label',
|
|
25
|
-
timeItemActive: 'plasma-time-picker-item-active',
|
|
26
|
-
timePickerFullWidth: 'plasma-time-picker-full-width',
|
|
27
|
-
timePickerActive: 'plasma-time-picker-active',
|
|
28
|
-
timeColumnActive: 'plasma-time-picker-column-active',
|
|
29
|
-
timeColumn: 'plasma-time-picker-column',
|
|
30
|
-
timeColumnScrolling: 'plasma-time-picker-column-scrolling',
|
|
31
|
-
scrollbarVisible: 'plasma-time-picker-scrollbar-visible',
|
|
32
|
-
timePickerPlacementRight: 'plasma-time-picker-placement-right'
|
|
33
|
-
};
|
|
34
|
-
var tokens = {
|
|
35
|
-
width: '--plasma-time-picker-width',
|
|
36
|
-
background: '--plasma-time-picker_range-background',
|
|
37
|
-
backgroundError: '--plasma-time-picker_range-background-error',
|
|
38
|
-
backgroundSuccess: '--plasma-time-picker_range-background-success',
|
|
39
|
-
backgroundReadOnly: '--plasma-time-picker_range-background-readonly',
|
|
40
|
-
borderRadius: '--plasma-time-picker_range-border-radius',
|
|
41
|
-
borderWidth: '--plasma-time-picker_range-border-width',
|
|
42
|
-
borderColor: '--plasma-time-picker_range-border-color',
|
|
43
|
-
borderColorHover: '--plasma-time-picker_range-border-color-hover',
|
|
44
|
-
borderColorFocus: '--plasma-time-picker_range-border-color-focus',
|
|
45
|
-
borderColorError: '--plasma-time-picker_range-border-color-error',
|
|
46
|
-
borderColorSuccess: '--plasma-time-picker_range-border-color-success',
|
|
47
|
-
leftContentMargin: '--plasma-time-picker_range__left-content-margin',
|
|
48
|
-
rightContentMargin: '--plasma-time-picker_range__right-content-margin',
|
|
49
|
-
labelColor: '--plasma-time-picker__label-color',
|
|
50
|
-
labelColorReadOnly: '--plasma-time-picker__label-color-readonly',
|
|
51
|
-
labelOffset: '--plasma-time-picker__label-offset',
|
|
52
|
-
labelFontFamily: '--plasma-time-picker__label-font-family',
|
|
53
|
-
labelFontStyle: '--plasma-time-picker__label-font-style',
|
|
54
|
-
labelFontSize: '--plasma-time-picker__label-font-size',
|
|
55
|
-
labelFontWeight: '--plasma-time-picker__label-font-weight',
|
|
56
|
-
labelLetterSpacing: '--plasma-time-picker__label-letter-spacing',
|
|
57
|
-
labelLineHeight: '--plasma-time-picker__label-line-height',
|
|
58
|
-
labelInnerFontFamily: '--plasma-time-picker-placement_inner__label-font-family',
|
|
59
|
-
labelInnerFontStyle: '--plasma-time-picker-placement_inner__label-font-style',
|
|
60
|
-
labelInnerFontSize: '--plasma-time-picker-placement_inner__label-font-size',
|
|
61
|
-
labelInnerFontWeight: '--plasma-time-picker-placement_inner__label-font-weight',
|
|
62
|
-
labelInnerLetterSpacing: '--plasma-time-picker-placement_inner__label-letter-spacing',
|
|
63
|
-
labelInnerLineHeight: '--plasma-time-picker-placement_inner__label-line-height',
|
|
64
|
-
labelInnerPadding: '--plasma-time-picker-placement_inner__label-padding',
|
|
65
|
-
contentLabelInnerPadding: '--plasma-time-picker-placement_inner__content-padding',
|
|
66
|
-
indicatorColor: '--plasma-time-picker__indicator-color',
|
|
67
|
-
indicatorSize: '--plasma-time-picker__indicator-size',
|
|
68
|
-
indicatorSizeOuter: '--plasma-time-picker__indicator-size-outer',
|
|
69
|
-
indicatorPlacement: '--plasma-time-picker__indicator-placement',
|
|
70
|
-
indicatorPlacementRight: '--plasma-time-picker__indicator-placement-right',
|
|
71
|
-
indicatorOuterPlacement: '--plasma-time-picker__indicator-placement-outer',
|
|
72
|
-
indicatorOuterPlacementRight: '--plasma-time-picker__indicator-placement-outer-right',
|
|
73
|
-
textFieldColor: '--plasma-time-picker-textfield-color',
|
|
74
|
-
textFieldPlaceholderColorFocus: '--plasma-timepicker-textfield__placeholder-color-focus',
|
|
75
|
-
textFieldFocusColor: '--plasma-time-picker-textfield-focus-color',
|
|
76
|
-
textFieldPlaceholderColor: '--plasma-time-picker-textfield-placeholder-color',
|
|
77
|
-
textFieldCaretColor: '--plasma-time-picker-textfield-caret-color',
|
|
78
|
-
textFieldBackgroundColor: '--plasma-time-picker-textfield-background-color',
|
|
79
|
-
textFieldBackgroundColorHover: '--plasma-time-picker-textfield-background-color-hover',
|
|
80
|
-
textFieldBackgroundColorFocus: '--plasma-time-picker-textfield-background-color-focus',
|
|
81
|
-
textFieldBackgroundErrorColor: '--plasma-time-picker-textfield-background-color-error',
|
|
82
|
-
textFieldBackgroundErrorColorHover: '--plasma-time-picker-textfield-background-color-error-hover',
|
|
83
|
-
textFieldBackgroundErrorColorFocus: '--plasma-time-picker-textfield-background-color-error-focus',
|
|
84
|
-
textFieldBackgroundSuccessColor: '--plasma-time-picker-textfield-background-color-success',
|
|
85
|
-
textFieldBackgroundSuccessColorHover: '--plasma-time-picker-textfield-background-color-success-hover',
|
|
86
|
-
textFieldBackgroundSuccessColorFocus: '--plasma-time-picker-textfield-background-color-success-focus',
|
|
87
|
-
textFieldBorderColor: '--plasma-time-picker-textfield-border-color',
|
|
88
|
-
textFieldBorderColorHover: '--plasma-time-picker-textfield-border-color-hover',
|
|
89
|
-
textFieldBorderColorFocus: '--plasma-time-picker-textfield-border-color-focus',
|
|
90
|
-
textFieldBorderColorError: '--plasma-time-picker-textfield-border-color-error',
|
|
91
|
-
textFieldBorderColorErrorHover: '--plasma-time-picker-textfield-border-color-error-hover',
|
|
92
|
-
textFieldBorderColorErrorFocus: '--plasma-time-picker-textfield-border-color-error-focus',
|
|
93
|
-
textFieldBorderColorSuccess: '--plasma-time-picker-textfield-border-color-success',
|
|
94
|
-
textFieldBorderColorSuccessHover: '--plasma-time-picker-textfield-border-color-success-hover',
|
|
95
|
-
textFieldBorderColorSuccessFocus: '--plasma-time-picker-textfield-border-color-success-focus',
|
|
96
|
-
textFieldBoxShadow: '--plasma-time-picker-textfield-box-shadow',
|
|
97
|
-
textFieldColorReadOnly: '--plasma-time-picker-textfield-color-readonly',
|
|
98
|
-
textFieldBackgroundColorReadOnly: '--plasma-time-picker-textfield-background-color-readonly',
|
|
99
|
-
textFieldBorderColorReadOnly: '--plasma-time-picker-textfield-border-color-readonly',
|
|
100
|
-
textFieldPlaceholderColorReadOnly: '--plasma-time-picker-textfield-placeholder-color-readonly',
|
|
101
|
-
textFieldHeight: '--plasma-time-picker-textfield-height',
|
|
102
|
-
textFieldBorderWidth: '--plasma-time-picker-textfield-border-width',
|
|
103
|
-
textFieldBorderRadius: '--plasma-time-picker-textfield-border-radius',
|
|
104
|
-
textFieldPadding: '--plasma-time-picker-textfield-padding',
|
|
105
|
-
textFieldLeftContentMargin: '--plasma-time-picker-textfield__left-content-margin',
|
|
106
|
-
textFieldRightContentMargin: '--plasma-time-picker-textfield__right-content-margin',
|
|
107
|
-
textFieldFontFamily: '--plasma-time-picker-textfield-font-family',
|
|
108
|
-
textFieldFontStyle: '--plasma-time-picker-textfield-font-style',
|
|
109
|
-
textFieldFontSize: '--plasma-time-picker-textfield-font-size',
|
|
110
|
-
textFieldFontWeight: '--plasma-time-picker-textfield-font-weight',
|
|
111
|
-
textFieldLetterSpacing: '--plasma-time-picker-textfield-letter-spacing',
|
|
112
|
-
textFieldLineHeight: '--plasma-time-picker-textfield-line-height',
|
|
113
|
-
textFieldTextBeforeColor: '--plasma-time-picker-textfield__before-text-color',
|
|
114
|
-
textFieldTextAfterColor: '--plasma-time-picker-textfield__after-text-color',
|
|
115
|
-
textFieldTextBeforeMargin: '--plasma-time-picker-textfield__before-text-margin',
|
|
116
|
-
textFieldTextAfterMargin: '--plasma-time-picker-textfield__after-text-margin',
|
|
117
|
-
textFieldContentSlotColor: '--plasma-time-picker-textfield__content-color',
|
|
118
|
-
textFieldContentRightSlotColor: '--plasma-time-picker-textfield__content-right-color',
|
|
119
|
-
textFieldContentRightSlotColorHover: '--plasma-time-picker-textfield__content-right-color-hover',
|
|
120
|
-
/** Прозрачность для всего компонента в состоянии disabled */ disabledOpacity: '--plasma-time-picker-disabled-opacity',
|
|
121
|
-
dropdownMarginTop: '--plasma-time-picker-dropdown-margin-top',
|
|
122
|
-
timePickerBackground: '--plasma-time-picker-ui-background',
|
|
123
|
-
timePickerBorderRadius: '--plasma-time-picker-ui-border-radius',
|
|
124
|
-
timePickerWidth: '--plasma-time-picker-ui-width',
|
|
125
|
-
timePickerPadding: '--plasma-time-picker-ui-padding',
|
|
126
|
-
columnHeight: '--plasma-time-picker-column-height',
|
|
127
|
-
itemHeight: '--plasma-time-picker-item-height',
|
|
128
|
-
itemBorderRadius: '--plasma-time-picker-item-border-radius',
|
|
129
|
-
itemPadding: '--plasma-time-picker-item-padding',
|
|
130
|
-
itemBackgroundHover: '--plasma-time-picker-item-hover-background',
|
|
131
|
-
itemBackgroundActive: '--plasma-time-picker-item-active-background',
|
|
132
|
-
itemFontFamily: '--plasma-time-picker-item-font-family',
|
|
133
|
-
itemFontStyle: '--plasma-time-picker-item-font-style',
|
|
134
|
-
itemFontSize: '--plasma-time-picker-item-font-size',
|
|
135
|
-
itemFontWeight: '--plasma-time-picker-item-font-weight',
|
|
136
|
-
itemLetterSpacing: '--plasma-time-picker-item-letter-spacing',
|
|
137
|
-
itemLineHeight: '--plasma-time-picker-item-line-height',
|
|
138
|
-
scrollbarWidth: '--plasma-time-picker-scrollbar-width',
|
|
139
|
-
scrollbarColor: '--plasma-time-picker-scrollbar-color',
|
|
140
|
-
scrollbarTrackColor: '--plasma-time-picker-scrollbar-track-color',
|
|
141
|
-
scrollbarMargin: '--plasma-time-picker-scrollbar-margin'
|
|
142
|
-
};
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "useKeyNavigation", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return useKeyNavigation;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var useKeyNavigation = function(param) {
|
|
12
|
-
var isCalendarOpen = param.isCalendarOpen, closeOnEsc = param.closeOnEsc, format = param.format, maskWithFormat = param.maskWithFormat, delimiter = param.delimiter, onToggle = param.onToggle;
|
|
13
|
-
var onKeyDown = function(event) {
|
|
14
|
-
if (event.key === delimiter && maskWithFormat && format) {
|
|
15
|
-
event.preventDefault();
|
|
16
|
-
return;
|
|
17
|
-
}
|
|
18
|
-
if (event.code === 'Space' && !isCalendarOpen) {
|
|
19
|
-
event.preventDefault();
|
|
20
|
-
onToggle(true, event);
|
|
21
|
-
}
|
|
22
|
-
if (event.code === 'Escape' && isCalendarOpen && closeOnEsc) {
|
|
23
|
-
event.preventDefault();
|
|
24
|
-
onToggle(false, event);
|
|
25
|
-
}
|
|
26
|
-
};
|
|
27
|
-
return {
|
|
28
|
-
onKeyDown: onKeyDown
|
|
29
|
-
};
|
|
30
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get timePickerClasses () {
|
|
13
|
-
return _TimePickertokens.classes;
|
|
14
|
-
},
|
|
15
|
-
get timePickerConfig () {
|
|
16
|
-
return _TimePicker.timePickerConfig;
|
|
17
|
-
},
|
|
18
|
-
get timePickerRoot () {
|
|
19
|
-
return _TimePicker.timePickerRoot;
|
|
20
|
-
},
|
|
21
|
-
get timePickerTokens () {
|
|
22
|
-
return _TimePickertokens.tokens;
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
var _TimePicker = require("./TimePicker");
|
|
26
|
-
var _TimePickertokens = require("./TimePicker.tokens");
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
Object.defineProperty(exports, "renderTimeColumn", {
|
|
6
|
-
enumerable: true,
|
|
7
|
-
get: function() {
|
|
8
|
-
return renderTimeColumn;
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
|
12
|
-
var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
13
|
-
var _TimePickertokens = require("../../TimePicker.tokens");
|
|
14
|
-
var _TimeColumnstyles = require("./TimeColumn.styles");
|
|
15
|
-
function _define_property(obj, key, value) {
|
|
16
|
-
if (key in obj) {
|
|
17
|
-
Object.defineProperty(obj, key, {
|
|
18
|
-
value: value,
|
|
19
|
-
enumerable: true,
|
|
20
|
-
configurable: true,
|
|
21
|
-
writable: true
|
|
22
|
-
});
|
|
23
|
-
} else {
|
|
24
|
-
obj[key] = value;
|
|
25
|
-
}
|
|
26
|
-
return obj;
|
|
27
|
-
}
|
|
28
|
-
function _interop_require_default(obj) {
|
|
29
|
-
return obj && obj.__esModule ? obj : {
|
|
30
|
-
default: obj
|
|
31
|
-
};
|
|
32
|
-
}
|
|
33
|
-
var renderTimeColumn = function(param) {
|
|
34
|
-
var values = param.values, dropdownHeight = param.dropdownHeight, column = param.column, columnRef = param.columnRef, scrollbarState = param.scrollbarState, setScrollbar = param.setScrollbar, scrollbarRef = param.scrollbarRef, thumbRef = param.thumbRef, timeoutRef = param.timeoutRef, timeItemRefs = param.timeItemRefs, activeTime = param.activeTime, handleTimeItemClick = param.handleTimeItemClick, handleTimeItemKeyDown = param.handleTimeItemKeyDown, createScrollbarDragHandler = param.createScrollbarDragHandler;
|
|
35
|
-
return /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledRoot, null, /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledTimeColumn, {
|
|
36
|
-
key: column,
|
|
37
|
-
ref: columnRef,
|
|
38
|
-
height: dropdownHeight,
|
|
39
|
-
className: _TimePickertokens.classes.timeColumn
|
|
40
|
-
}, values.map(function(value, index) {
|
|
41
|
-
return /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledTimeItem, {
|
|
42
|
-
key: value,
|
|
43
|
-
ref: function(el) {
|
|
44
|
-
timeItemRefs.current["".concat(column, "-").concat(value)] = el;
|
|
45
|
-
},
|
|
46
|
-
className: (0, _classnames.default)(_define_property({}, _TimePickertokens.classes.timeItemActive, activeTime[column] === index)),
|
|
47
|
-
onClick: function() {
|
|
48
|
-
return handleTimeItemClick(value, column);
|
|
49
|
-
},
|
|
50
|
-
onKeyDown: function(e) {
|
|
51
|
-
return handleTimeItemKeyDown(e, column, value);
|
|
52
|
-
}
|
|
53
|
-
}, value);
|
|
54
|
-
}), /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledEmpty, null)), /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.CustomScrollbar, {
|
|
55
|
-
ref: scrollbarRef,
|
|
56
|
-
className: (0, _classnames.default)(_define_property({}, _TimePickertokens.classes.scrollbarVisible, scrollbarState.isVisible))
|
|
57
|
-
}, /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.ScrollbarTrack, null, /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.ScrollbarThumb, {
|
|
58
|
-
ref: thumbRef,
|
|
59
|
-
style: {
|
|
60
|
-
height: "".concat(scrollbarState.thumbHeight, "px"),
|
|
61
|
-
top: "".concat(scrollbarState.thumbPosition, "px")
|
|
62
|
-
},
|
|
63
|
-
onMouseDown: createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef)
|
|
64
|
-
}))));
|
|
65
|
-
};
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", {
|
|
3
|
-
value: true
|
|
4
|
-
});
|
|
5
|
-
function _export(target, all) {
|
|
6
|
-
for(var name in all)Object.defineProperty(target, name, {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: Object.getOwnPropertyDescriptor(all, name).get
|
|
9
|
-
});
|
|
10
|
-
}
|
|
11
|
-
_export(exports, {
|
|
12
|
-
get CustomScrollbar () {
|
|
13
|
-
return CustomScrollbar;
|
|
14
|
-
},
|
|
15
|
-
get ScrollbarThumb () {
|
|
16
|
-
return ScrollbarThumb;
|
|
17
|
-
},
|
|
18
|
-
get ScrollbarTrack () {
|
|
19
|
-
return ScrollbarTrack;
|
|
20
|
-
},
|
|
21
|
-
get StyledEmpty () {
|
|
22
|
-
return StyledEmpty;
|
|
23
|
-
},
|
|
24
|
-
get StyledRoot () {
|
|
25
|
-
return StyledRoot;
|
|
26
|
-
},
|
|
27
|
-
get StyledTimeColumn () {
|
|
28
|
-
return StyledTimeColumn;
|
|
29
|
-
},
|
|
30
|
-
get StyledTimeItem () {
|
|
31
|
-
return StyledTimeItem;
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
|
|
35
|
-
var _TimePickertokens = require("../../TimePicker.tokens");
|
|
36
|
-
function _interop_require_default(obj) {
|
|
37
|
-
return obj && obj.__esModule ? obj : {
|
|
38
|
-
default: obj
|
|
39
|
-
};
|
|
40
|
-
}
|
|
41
|
-
var StyledRoot = _styledcomponents.default.div.withConfig({
|
|
42
|
-
displayName: "TimeColumn.styles__StyledRoot",
|
|
43
|
-
componentId: "sc-a5ee4233-0"
|
|
44
|
-
})([
|
|
45
|
-
"position:relative;width:100%;"
|
|
46
|
-
]);
|
|
47
|
-
var StyledTimeItem = _styledcomponents.default.div.withConfig({
|
|
48
|
-
displayName: "TimeColumn.styles__StyledTimeItem",
|
|
49
|
-
componentId: "sc-a5ee4233-1"
|
|
50
|
-
})([
|
|
51
|
-
"height:var(",
|
|
52
|
-
");padding:var(",
|
|
53
|
-
");box-sizing:border-box;display:flex;justify-content:center;align-items:center;transition:0.05s;border-radius:var(",
|
|
54
|
-
");cursor:pointer;flex-shrink:0;overflow:auto;font-family:var(",
|
|
55
|
-
");font-size:var(",
|
|
56
|
-
");font-style:var(",
|
|
57
|
-
");font-weight:var(",
|
|
58
|
-
");letter-spacing:var(",
|
|
59
|
-
");line-height:var(",
|
|
60
|
-
");&:hover{background:var(",
|
|
61
|
-
");}&.",
|
|
62
|
-
"{background:var(",
|
|
63
|
-
");}"
|
|
64
|
-
], _TimePickertokens.tokens.itemHeight, _TimePickertokens.tokens.itemPadding, _TimePickertokens.tokens.itemBorderRadius, _TimePickertokens.tokens.itemFontFamily, _TimePickertokens.tokens.itemFontSize, _TimePickertokens.tokens.itemFontStyle, _TimePickertokens.tokens.itemFontWeight, _TimePickertokens.tokens.itemLetterSpacing, _TimePickertokens.tokens.itemLineHeight, _TimePickertokens.tokens.itemBackgroundHover, _TimePickertokens.classes.timeItemActive, _TimePickertokens.tokens.itemBackgroundActive);
|
|
65
|
-
var StyledTimeColumn = _styledcomponents.default.div.withConfig({
|
|
66
|
-
displayName: "TimeColumn.styles__StyledTimeColumn",
|
|
67
|
-
componentId: "sc-a5ee4233-2"
|
|
68
|
-
})([
|
|
69
|
-
"max-height:",
|
|
70
|
-
";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
|
|
71
|
-
");width:100%;&.",
|
|
72
|
-
"{border:0.125rem solid var(",
|
|
73
|
-
");border-radius:var(",
|
|
74
|
-
");}scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;}"
|
|
75
|
-
], function(param) {
|
|
76
|
-
var height = param.height;
|
|
77
|
-
return height || "var(".concat(_TimePickertokens.tokens.columnHeight, ")");
|
|
78
|
-
}, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.timeColumnActive, _TimePickertokens.tokens.itemBackgroundHover, _TimePickertokens.tokens.itemBorderRadius);
|
|
79
|
-
var CustomScrollbar = _styledcomponents.default.div.withConfig({
|
|
80
|
-
displayName: "TimeColumn.styles__CustomScrollbar",
|
|
81
|
-
componentId: "sc-a5ee4233-3"
|
|
82
|
-
})([
|
|
83
|
-
"position:absolute;top:var(",
|
|
84
|
-
");right:0;bottom:var(",
|
|
85
|
-
");width:var(",
|
|
86
|
-
");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;&.",
|
|
87
|
-
"{opacity:1;pointer-events:auto;}"
|
|
88
|
-
], _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.scrollbarVisible);
|
|
89
|
-
var ScrollbarTrack = _styledcomponents.default.div.withConfig({
|
|
90
|
-
displayName: "TimeColumn.styles__ScrollbarTrack",
|
|
91
|
-
componentId: "sc-a5ee4233-4"
|
|
92
|
-
})([
|
|
93
|
-
"position:relative;width:100%;height:100%;background:var(",
|
|
94
|
-
");border-radius:var(",
|
|
95
|
-
");"
|
|
96
|
-
], _TimePickertokens.tokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarWidth);
|
|
97
|
-
var ScrollbarThumb = _styledcomponents.default.div.withConfig({
|
|
98
|
-
displayName: "TimeColumn.styles__ScrollbarThumb",
|
|
99
|
-
componentId: "sc-a5ee4233-5"
|
|
100
|
-
})([
|
|
101
|
-
"position:absolute;top:0;left:0;width:100%;background:var(",
|
|
102
|
-
");border-radius:var(",
|
|
103
|
-
");cursor:pointer;transition:background-color 0.2s ease;&:hover{background:var(",
|
|
104
|
-
");}&:active{background:var(",
|
|
105
|
-
");}"
|
|
106
|
-
], _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarTrackColor);
|
|
107
|
-
var StyledEmpty = _styledcomponents.default.div.withConfig({
|
|
108
|
-
displayName: "TimeColumn.styles__StyledEmpty",
|
|
109
|
-
componentId: "sc-a5ee4233-6"
|
|
110
|
-
})([
|
|
111
|
-
"width:100%;height:0%.125rem;"
|
|
112
|
-
]);
|