@salutejs/plasma-new-hope 0.339.0-canary.2292.18779534490.0 → 0.339.0-canary.2293.18833754720.0

package/styled-components/es/components/TimePicker/TimePicker.styles.js

@@ -3,21 +3,72 @@ import { css } from "styled-components";
 import { component, mergeConfig } from "../../engines";
 import { textFieldConfig, textFieldTokens } from "../TextField";
 import { popoverClasses, popoverConfig } from "../Popover";
+import { timePickerGridConfig, timePickerGridTokens } from "../TimePickerGrid";
 import { classes, tokens } from "./TimePicker.tokens";
 var mergedTextFieldConfig = mergeConfig(textFieldConfig);
 var TextField = component(mergedTextFieldConfig);
 var mergedPopoverConfig = mergeConfig(popoverConfig);
 var Popover = component(mergedPopoverConfig);
+var mergedTimePickerGrid = mergeConfig(timePickerGridConfig);
+var TimePickerGrid = component(mergedTimePickerGrid);
 export var StyledPopover = styled(Popover).withConfig({
     displayName: "TimePicker.styles__StyledPopover",
-    componentId: "sc-8a747fd1-0"
+    componentId: "sc-fa04016d-0"
 })([
     ""
 ]);
+export var StyledTimePickerGrid = styled(TimePickerGrid).withConfig({
+    displayName: "TimePicker.styles__StyledTimePickerGrid",
+    componentId: "sc-fa04016d-1"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], timePickerGridTokens.timePickerGridBackground, tokens.timePickerBackground, timePickerGridTokens.timePickerGridBorderRadius, tokens.timePickerBorderRadius, timePickerGridTokens.timePickerGridWidth, tokens.timePickerWidth, timePickerGridTokens.timePickerGridPadding, tokens.timePickerPadding, timePickerGridTokens.disabledOpacity, tokens.disabledOpacity, timePickerGridTokens.columnHeight, tokens.columnHeight, timePickerGridTokens.itemHeight, tokens.itemHeight, timePickerGridTokens.itemBorderRadius, tokens.itemBorderRadius, timePickerGridTokens.itemPadding, tokens.itemPadding, timePickerGridTokens.itemBackgroundHover, tokens.itemBackgroundHover, timePickerGridTokens.itemBackgroundActive, tokens.itemBackgroundActive, timePickerGridTokens.itemFontFamily, tokens.itemFontFamily, timePickerGridTokens.itemFontSize, tokens.itemFontSize, timePickerGridTokens.itemFontStyle, tokens.itemFontStyle, timePickerGridTokens.itemFontWeight, tokens.itemFontWeight, timePickerGridTokens.itemLetterSpacing, tokens.itemLetterSpacing, timePickerGridTokens.itemLineHeight, tokens.itemLineHeight, timePickerGridTokens.scrollbarWidth, tokens.scrollbarWidth, timePickerGridTokens.scrollbarColor, tokens.scrollbarColor, timePickerGridTokens.scrollbarTrackColor, tokens.scrollbarTrackColor, timePickerGridTokens.scrollbarMargin, tokens.scrollbarMargin);
 // NOTE: переопределение токенов TextField
 export var StyledInput = styled(TextField).withConfig({
     displayName: "TimePicker.styles__StyledInput",
-    componentId: "sc-8a747fd1-1"
+    componentId: "sc-fa04016d-2"
 })([
     "width:100%;",
     ":var(",
@@ -181,7 +232,7 @@ export var base = css([
 ], tokens.width, tokens.dropdownMarginTop, popoverClasses.wrapper, popoverClasses.target, classes.timePickerstretched, popoverClasses.root, classes.timePickerFullWidth, classes.timePickerPlacementRight);
 export var StyledTimePicker = styled.div.withConfig({
     displayName: "TimePicker.styles__StyledTimePicker",
-    componentId: "sc-8a747fd1-2"
+    componentId: "sc-fa04016d-3"
 })([
     "background:var(",
     ");border-radius:var(",

package/styled-components/es/components/TimePicker/utils/index.js

@@ -68,8 +68,7 @@ export var normalizeTimeSegment = function(type, input) {
         carryover: digits.slice(1)
     };
 };
-export var processTimeInput = function(input) {
-    var format = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 'HH:mm:ss', cursorPosition = arguments.length > 2 ? arguments[2] : void 0;
+export var processTimeInput = function(input, format, cursorPosition) {
     var digits = input.replace(/\D/g, '');
     var tokens = format.split(delimiter);
     var values = {
@@ -103,23 +102,3 @@ export var processTimeInput = function(input) {
         newCursorPosition: newCursorPosition
     };
 };
-export var animateScrollTo = function(element, targetScrollTop) {
-    var duration = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 300;
-    var startScrollTop = element.scrollTop;
-    var distance = targetScrollTop - startScrollTop;
-    var startTime = null;
-    var animate = function(currentTime) {
-        if (!startTime) startTime = currentTime;
-        var timeElapsed = currentTime - startTime;
-        var progress = Math.min(timeElapsed / duration, 1);
-        var easeOut = function(t) {
-            return 1 - Math.pow(1 - t, 3);
-        };
-        var scrollPosition = startScrollTop + distance * easeOut(progress);
-        element.scrollTop = scrollPosition;
-        if (timeElapsed < duration) {
-            requestAnimationFrame(animate);
-        }
-    };
-    requestAnimationFrame(animate);
-};