@salutejs/plasma-new-hope 0.339.0-canary.2297.18772323112.0 → 0.339.0-canary.2297.18867427938.0

package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.styles.js

@@ -0,0 +1,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get StyledTimePicker () {
+        return StyledTimePicker;
+    },
+    get base () {
+        return base;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+var _TimePickerGridtokens = require("./TimePickerGrid.tokens");
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+var base = (0, _styledcomponents.css)([
+    "display:flex;width:100%;height:10rem;"
+]);
+var StyledTimePicker = _styledcomponents.default.div.withConfig({
+    displayName: "TimePickerGrid.styles__StyledTimePicker",
+    componentId: "sc-25f5922-0"
+})([
+    "background:var(",
+    ");border-radius:var(",
+    ");width:",
+    ";display:flex;padding:var(",
+    ");flex:1 1 1;gap:var(",
+    ");box-sizing:border-box;position:relative;height:var(",
+    ");"
+], _TimePickerGridtokens.tokens.timePickerGridBackground, _TimePickerGridtokens.tokens.timePickerGridBorderRadius, function(param) {
+    var width = param.width;
+    return (width === 'fullWidth' ? '100%' : width) || "var(".concat(_TimePickerGridtokens.tokens.timePickerGridWidth, ")");
+}, _TimePickerGridtokens.tokens.timePickerGridPadding, _TimePickerGridtokens.tokens.scrollbarWidth, _TimePickerGridtokens.tokens.columnHeight);

package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.tokens.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get classes () {
+        return classes;
+    },
+    get tokens () {
+        return tokens;
+    }
+});
+var classes = {
+    timePickerGridRoot: '--plasma-time-picker-grid-grid-root',
+    timePickerGridStretched: '--plasma-time-picker-grid-grid-stretched',
+    timeItemActive: '--plasma-time-picker-grid-item-active',
+    timeColumn: '--plasma-time-picker-grid-column',
+    scrollbarVisible: '--plasma-time-picker-grid-scrollbar-visible',
+    timeColumnActive: '--plasma-time-picker-grid-column-active',
+    itemDisabled: '--plasma-time-picker-grid-item-disabled'
+};
+var tokens = {
+    timePickerGridBackground: '--plasma-time-picker-grid-grid-background',
+    timePickerGridBorderRadius: '--plasma-time-picker-grid-grid-border-radius',
+    timePickerGridWidth: '--plasma-time-picker-grid-grid-width',
+    timePickerGridPadding: '--plasma-time-picker-grid-grid-padding',
+    disabledOpacity: '--plasma-time-picker-grid-disabled-opacity',
+    columnHeight: '--plasma-time-picker-grid-column-height',
+    itemHeight: '--plasma-time-picker-grid-item-height',
+    itemBorderRadius: '--plasma-time-picker-grid-item-border-radius',
+    itemPadding: '--plasma-time-picker-grid-item-padding',
+    itemBackgroundHover: '--plasma-time-picker-grid-item-hover-background',
+    itemBackgroundActive: '--plasma-time-picker-grid-item-active-background',
+    itemFontFamily: '--plasma-time-picker-grid-item-font-family',
+    itemFontStyle: '--plasma-time-picker-grid-item-font-style',
+    itemFontSize: '--plasma-time-picker-grid-item-font-size',
+    itemFontWeight: '--plasma-time-picker-grid-item-font-weight',
+    itemLetterSpacing: '--plasma-time-picker-grid-item-letter-spacing',
+    itemLineHeight: '--plasma-time-picker-grid-item-line-height',
+    scrollbarWidth: '--plasma-time-picker-grid-scrollbar-width',
+    scrollbarColor: '--plasma-time-picker-grid-scrollbar-color',
+    scrollbarTrackColor: '--plasma-time-picker-grid-scrollbar-track-color',
+    scrollbarMargin: '--plasma-time-picker-grid-scrollbar-margin'
+};

package/styled-components/cjs/components/TimePickerGrid/TimePickerGrid.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/styled-components/cjs/components/TimePickerGrid/hooks/useKeyboardNavigation.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useKeyNavigation", {
+    enumerable: true,
+    get: function() {
+        return useKeyNavigation;
+    }
+});
+var useKeyNavigation = function(param) {
+    var isCalendarOpen = param.isCalendarOpen, closeOnEsc = param.closeOnEsc, format = param.format, maskWithFormat = param.maskWithFormat, delimiter = param.delimiter, onToggle = param.onToggle;
+    var onKeyDown = function(event) {
+        if (event.key === delimiter && maskWithFormat && format) {
+            event.preventDefault();
+            return;
+        }
+        if (event.code === 'Space' && !isCalendarOpen) {
+            event.preventDefault();
+            onToggle(true, event);
+        }
+        if (event.code === 'Escape' && isCalendarOpen && closeOnEsc) {
+            event.preventDefault();
+            onToggle(false, event);
+        }
+    };
+    return {
+        onKeyDown: onKeyDown
+    };
+};

package/styled-components/cjs/components/TimePickerGrid/index.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get timePickerGridClasses () {
+        return _TimePickerGridtokens.classes;
+    },
+    get timePickerGridConfig () {
+        return _TimePickerGrid.timePickerGridConfig;
+    },
+    get timePickerGridRoot () {
+        return _TimePickerGrid.timePickerGridRoot;
+    },
+    get timePickerGridTokens () {
+        return _TimePickerGridtokens.tokens;
+    }
+});
+var _TimePickerGrid = require("./TimePickerGrid");
+var _TimePickerGridtokens = require("./TimePickerGrid.tokens");

package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.js

@@ -0,0 +1,118 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderTimeColumn", {
+    enumerable: true,
+    get: function() {
+        return renderTimeColumn;
+    }
+});
+var _react = /*#__PURE__*/ _interop_require_default(require("react"));
+var _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+var _TimePickerGridtokens = require("../../TimePickerGrid.tokens");
+var _TimeColumnstyles = require("./TimeColumn.styles");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+var renderTimeColumn = function(param) {
+    var values = param.values, disabledValues = param.disabledValues, dropdownHeight = param.dropdownHeight, column = param.column, activeTime = param.activeTime, handleTimeItemClick = param.handleTimeItemClick, handleTimeItemKeyDown = param.handleTimeItemKeyDown, createScrollbarDragHandler = param.createScrollbarDragHandler, setScrollbar = param.setScrollbar, columnRef = param.columnRef, scrollbarState = param.scrollbarState, scrollbarRef = param.scrollbarRef, thumbRef = param.thumbRef, timeoutRef = param.timeoutRef, timeItemRefs = param.timeItemRefs;
+    var handleKeyDown = function(e, columnType, value) {
+        handleTimeItemKeyDown(e, columnType, value);
+    };
+    var handleClick = function(value, columnType) {
+        var isDisabled = disabledValues === null || disabledValues === void 0 ? void 0 : disabledValues.some(function(disabledValue) {
+            return parseInt(disabledValue.toString(), 10) === parseInt(value, 10);
+        });
+        if (!isDisabled) {
+            handleTimeItemClick(value, columnType);
+        }
+    };
+    var minDisableIndex = function() {
+        if (!disabledValues || disabledValues.length === 0) {
+            return 0;
+        }
+        var disabledNumbers = disabledValues.map(function(val) {
+            return parseInt(val.toString(), 10);
+        });
+        for(var i = 0; i < values.length; i++){
+            var currentValue = parseInt(values[i], 10);
+            if (!disabledNumbers.includes(currentValue)) {
+                return i;
+            }
+        }
+        return 0;
+    };
+    var isColumnActive = activeTime.currentColumn === column;
+    var minAvailableIndex = minDisableIndex();
+    return /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledRoot, null, /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledTimeColumn, {
+        key: column,
+        ref: columnRef,
+        height: dropdownHeight,
+        className: _TimePickerGridtokens.classes.timeColumn,
+        tabIndex: -1
+    }, values.map(function(value, index) {
+        var isDisabled = disabledValues === null || disabledValues === void 0 ? void 0 : disabledValues.some(function(disabledValue) {
+            return disabledValue === index;
+        });
+        var isActive = activeTime[column] === parseInt(value, 10);
+        var getTabIndex = function() {
+            if (isDisabled) return -1;
+            var isValueActive = activeTime[column] === parseInt(value, 10);
+            if (isColumnActive && isValueActive) {
+                return 0;
+            }
+            if (index === minAvailableIndex) {
+                return 0;
+            }
+            return -1;
+        };
+        var tabIndex = getTabIndex();
+        var _obj;
+        return /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledTimeItem, {
+            key: column + value,
+            ref: function(el) {
+                timeItemRefs.current["".concat(column, "-").concat(value)] = el;
+            },
+            className: (0, _classnames.default)((_obj = {}, _define_property(_obj, _TimePickerGridtokens.classes.timeItemActive, isActive), _define_property(_obj, _TimePickerGridtokens.classes.itemDisabled, isDisabled), _obj)),
+            onClick: function() {
+                return handleClick(value, column);
+            },
+            onKeyDown: function(e) {
+                return handleKeyDown(e, column, value);
+            },
+            "aria-disabled": isDisabled,
+            tabIndex: tabIndex,
+            "data-value": value,
+            "data-column": column,
+            "data-active": isActive
+        }, value);
+    }), /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.StyledEmpty, null)), /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.CustomScrollbar, {
+        ref: scrollbarRef,
+        className: (0, _classnames.default)(_define_property({}, _TimePickerGridtokens.classes.scrollbarVisible, scrollbarState === null || scrollbarState === void 0 ? void 0 : scrollbarState.isVisible)),
+        tabIndex: -1
+    }, /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.ScrollbarTrack, null, /*#__PURE__*/ _react.default.createElement(_TimeColumnstyles.ScrollbarThumb, {
+        ref: thumbRef,
+        style: {
+            height: "".concat(scrollbarState === null || scrollbarState === void 0 ? void 0 : scrollbarState.thumbHeight, "px"),
+            top: "".concat(scrollbarState === null || scrollbarState === void 0 ? void 0 : scrollbarState.thumbPosition, "px")
+        },
+        onMouseDown: columnRef && setScrollbar && timeoutRef ? createScrollbarDragHandler(columnRef, setScrollbar, timeoutRef) : undefined,
+        tabIndex: -1
+    }))));
+};

package/styled-components/cjs/components/{TimePicker → TimePickerGrid}/ui/TimeColumn/TimeColumn.styles.js

@@ -32,7 +32,7 @@ _export(exports, {
     }
 });
 var _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
-var _TimePickertokens = require("../../TimePicker.tokens");
+var _TimePickerGridtokens = require("../../TimePickerGrid.tokens");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj
@@ -40,13 +40,13 @@ function _interop_require_default(obj) {
 }
 var StyledRoot = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__StyledRoot",
-    componentId: "sc-a5ee4233-0"
+    componentId: "sc-2a18995b-0"
 })([
     "position:relative;width:100%;"
 ]);
 var StyledTimeItem = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__StyledTimeItem",
-    componentId: "sc-a5ee4233-1"
+    componentId: "sc-2a18995b-1"
 })([
     "height:var(",
     ");padding:var(",
@@ -60,11 +60,13 @@ var StyledTimeItem = _styledcomponents.default.div.withConfig({
     ");&:hover{background:var(",
     ");}&.",
     "{background:var(",
+    ");}&.",
+    "{cursor:not-allowed;opacity:var(",
     ");}"
-], _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);
+], _TimePickerGridtokens.tokens.itemHeight, _TimePickerGridtokens.tokens.itemPadding, _TimePickerGridtokens.tokens.itemBorderRadius, _TimePickerGridtokens.tokens.itemFontFamily, _TimePickerGridtokens.tokens.itemFontSize, _TimePickerGridtokens.tokens.itemFontStyle, _TimePickerGridtokens.tokens.itemFontWeight, _TimePickerGridtokens.tokens.itemLetterSpacing, _TimePickerGridtokens.tokens.itemLineHeight, _TimePickerGridtokens.tokens.itemBackgroundHover, _TimePickerGridtokens.classes.timeItemActive, _TimePickerGridtokens.tokens.itemBackgroundActive, _TimePickerGridtokens.classes.itemDisabled, _TimePickerGridtokens.tokens.disabledOpacity);
 var StyledTimeColumn = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__StyledTimeColumn",
-    componentId: "sc-a5ee4233-2"
+    componentId: "sc-2a18995b-2"
 })([
     "max-height:",
     ";overflow-y:scroll;flex:1;z-index:3;box-sizing:border-box;display:flex;flex-direction:column;gap:var(",
@@ -74,39 +76,39 @@ var StyledTimeColumn = _styledcomponents.default.div.withConfig({
     ");}scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none;width:0;}"
 ], function(param) {
     var height = param.height;
-    return height || "var(".concat(_TimePickertokens.tokens.columnHeight, ")");
-}, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.timeColumnActive, _TimePickertokens.tokens.itemBackgroundHover, _TimePickertokens.tokens.itemBorderRadius);
+    return height || "var(".concat(_TimePickerGridtokens.tokens.columnHeight, ")");
+}, _TimePickerGridtokens.tokens.scrollbarWidth, _TimePickerGridtokens.classes.timeColumnActive, _TimePickerGridtokens.tokens.itemBackgroundHover, _TimePickerGridtokens.tokens.itemBorderRadius);
 var CustomScrollbar = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__CustomScrollbar",
-    componentId: "sc-a5ee4233-3"
+    componentId: "sc-2a18995b-3"
 })([
     "position:absolute;top:var(",
     ");right:0;bottom:var(",
     ");width:var(",
     ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;overflow:hidden;&.",
     "{opacity:1;pointer-events:auto;}"
-], _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarMargin, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.classes.scrollbarVisible);
+], _TimePickerGridtokens.tokens.scrollbarMargin, _TimePickerGridtokens.tokens.scrollbarMargin, _TimePickerGridtokens.tokens.scrollbarWidth, _TimePickerGridtokens.classes.scrollbarVisible);
 var ScrollbarTrack = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__ScrollbarTrack",
-    componentId: "sc-a5ee4233-4"
+    componentId: "sc-2a18995b-4"
 })([
     "position:relative;width:100%;height:100%;background:var(",
     ");border-radius:var(",
     ");"
-], _TimePickertokens.tokens.scrollbarTrackColor, _TimePickertokens.tokens.scrollbarWidth);
+], _TimePickerGridtokens.tokens.scrollbarTrackColor, _TimePickerGridtokens.tokens.scrollbarWidth);
 var ScrollbarThumb = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__ScrollbarThumb",
-    componentId: "sc-a5ee4233-5"
+    componentId: "sc-2a18995b-5"
 })([
     "position:absolute;top:0;left:0;width:100%;background:var(",
     ");border-radius:var(",
     ");cursor:pointer;transition:background-color 0.2s ease;&:hover{background:var(",
     ");}&:active{background:var(",
     ");}"
-], _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarWidth, _TimePickertokens.tokens.scrollbarColor, _TimePickertokens.tokens.scrollbarTrackColor);
+], _TimePickerGridtokens.tokens.scrollbarColor, _TimePickerGridtokens.tokens.scrollbarWidth, _TimePickerGridtokens.tokens.scrollbarColor, _TimePickerGridtokens.tokens.scrollbarTrackColor);
 var StyledEmpty = _styledcomponents.default.div.withConfig({
     displayName: "TimeColumn.styles__StyledEmpty",
-    componentId: "sc-a5ee4233-6"
+    componentId: "sc-2a18995b-6"
 })([
     "width:100%;height:0%.125rem;"
 ]);

package/styled-components/cjs/components/TimePickerGrid/ui/TimeColumn/TimeColumn.types.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});

package/styled-components/cjs/components/TimePickerGrid/utils/index.js

@@ -0,0 +1,166 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get animateScrollTo () {
+        return animateScrollTo;
+    },
+    get buildTimeString () {
+        return buildTimeString;
+    },
+    get delimiter () {
+        return delimiter;
+    },
+    get getColumnsFromFormat () {
+        return getColumnsFromFormat;
+    },
+    get isTimeDisabled () {
+        return isTimeDisabled;
+    },
+    get parseTimeString () {
+        return parseTimeString;
+    },
+    get range () {
+        return range;
+    }
+});
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+var getColumnsFromFormat = function(format) {
+    var parts = format.split(':');
+    var columns = [];
+    parts.forEach(function(part) {
+        switch(part){
+            case 'HH':
+                columns.push({
+                    type: 'hours',
+                    values: range(24),
+                    format: 'HH'
+                });
+                break;
+            case 'mm':
+                columns.push({
+                    type: 'minutes',
+                    values: range(60),
+                    format: 'mm'
+                });
+                break;
+            case 'ss':
+                columns.push({
+                    type: 'seconds',
+                    values: range(60),
+                    format: 'ss'
+                });
+                break;
+            default:
+        }
+    });
+    return columns;
+};
+var parseTimeString = function(timeString, format) {
+    var timeParts = timeString.split(':');
+    var formatParts = format.split(':');
+    var result = {
+        hh: null,
+        mm: null,
+        ss: null
+    };
+    formatParts.forEach(function(part, index) {
+        var value = timeParts[index] ? parseInt(timeParts[index], 10) : null;
+        switch(part){
+            case 'HH':
+                result.hh = value;
+                break;
+            case 'mm':
+                result.mm = value;
+                break;
+            case 'ss':
+                result.ss = value;
+                break;
+            default:
+        }
+    });
+    return result;
+};
+var buildTimeString = function(timeValues, format) {
+    var formatParts = format.split(':');
+    return formatParts.map(function(part) {
+        switch(part){
+            case 'HH':
+                return timeValues.hh !== null ? timeValues.hh.toString().padStart(2, '0') : '00';
+            case 'mm':
+                return timeValues.mm !== null ? timeValues.mm.toString().padStart(2, '0') : '00';
+            case 'ss':
+                return timeValues.ss !== null ? timeValues.ss.toString().padStart(2, '0') : '00';
+            default:
+                return '00';
+        }
+    }).join(':');
+};
+var isTimeDisabled = function(timeValues, min, max, format) {
+    if (!min && !max) return false;
+    if (timeValues.hh === null || timeValues.mm === null || timeValues.ss === null) {
+        return false;
+    }
+    var totalSeconds = timeValues.hh * 3600 + timeValues.mm * 60 + timeValues.ss;
+    var minSeconds = 0;
+    var maxSeconds = 23 * 3600 + 59 * 60 + 59;
+    if (min) {
+        if (_instanceof(min, Date)) {
+            minSeconds = min.getHours() * 3600 + min.getMinutes() * 60 + min.getSeconds();
+        } else {
+            var minTime = parseTimeString(min, format !== null && format !== void 0 ? format : 'HH:mm:ss');
+            minSeconds = (minTime.hh || 0) * 3600 + (minTime.mm || 0) * 60 + (minTime.ss || 0);
+        }
+    }
+    if (max) {
+        if (_instanceof(max, Date)) {
+            maxSeconds = max.getHours() * 3600 + max.getMinutes() * 60 + max.getSeconds();
+        } else {
+            var maxTime = parseTimeString(max, format !== null && format !== void 0 ? format : 'HH:mm:ss');
+            maxSeconds = (maxTime.hh || 0) * 3600 + (maxTime.mm || 0) * 60 + (maxTime.ss || 0);
+        }
+    }
+    return totalSeconds < minSeconds || totalSeconds > maxSeconds;
+};
+var delimiter = ':';
+var range = function(number) {
+    var padLength = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : 2;
+    return Array.from({
+        length: number
+    }, function(_, i) {
+        return i.toString().padStart(padLength, '0');
+    });
+};
+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);
+};

package/styled-components/cjs/components/TimePickerGrid/variations/_disabled/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/components/TimePickerGrid/variations/_size/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/components/TimePickerGrid/variations/_view/base.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "base", {
+    enumerable: true,
+    get: function() {
+        return base;
+    }
+});
+var _styledcomponents = require("styled-components");
+var base = (0, _styledcomponents.css)([
+    ""
+]);

package/styled-components/cjs/components/Typography/Typography.styles.js

@@ -12,13 +12,13 @@ var _styledcomponents = require("styled-components");
 var _mixins = require("../../mixins");
 var _tokens = require("./tokens");
 var base = (0, _styledcomponents.css)([
-    "font-family:var(",
+    "margin:0;padding:0;font-family:var(",
     ");font-size:var(",
     ");font-style:var(",
     ");letter-spacing:var(",
     ");line-height:var(",
     ");font-weight:var(",
-    ");&.",
+    ");border:0;&.",
     "{font-weight:var(",
     ");}&.",
     "{font-weight:var(",