@salutejs/plasma-new-hope 0.340.0-canary.2305.18873573377.0 → 0.340.0-canary.2316.18995854815.0

package/styled-components/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.js

@@ -0,0 +1,83 @@
+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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import React from "react";
+import { StyledCalendar, StyledCalendarDouble } from "./CalendarGrid.styles";
+export var CalendarGrid = function(_param) {
+    var isDouble = _param.isDouble, value = _param.value, lang = _param.lang, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, handleCalendarPick = _param.handleCalendarPick, rest = _object_without_properties(_param, [
+        "isDouble",
+        "value",
+        "lang",
+        "calendarContainerWidth",
+        "calendarContainerHeight",
+        "handleCalendarPick"
+    ]);
+    if (isDouble) {
+        return /*#__PURE__*/ React.createElement(StyledCalendarDouble, _object_spread({
+            value: value,
+            locale: lang,
+            innerHeight: calendarContainerHeight,
+            innerWidth: calendarContainerWidth,
+            onChangeValue: handleCalendarPick
+        }, rest));
+    }
+    return /*#__PURE__*/ React.createElement(StyledCalendar, _object_spread({
+        value: value,
+        locale: lang,
+        innerHeight: calendarContainerHeight,
+        innerWidth: calendarContainerWidth,
+        onChangeValue: handleCalendarPick
+    }, rest));
+};

package/styled-components/es/components/DateTimePicker/ui/CalendarGrid/CalendarGrid.styles.js

@@ -0,0 +1,48 @@
+import styled from "styled-components";
+import { calendarDoubleConfig, calendarBaseTokens, calendarBaseConfig } from "../../../Calendar";
+import { component, mergeConfig } from "../../../../engines";
+import { tokens } from "../../DateTimePicker.tokens";
+var mergedCalendarConfig = mergeConfig(calendarBaseConfig);
+var Calendar = component(mergedCalendarConfig);
+var mergedCalendarDoubleConfig = mergeConfig(calendarDoubleConfig);
+var CalendarDouble = component(mergedCalendarDoubleConfig);
+export var baseCalendarTokens = "\n    ".concat(calendarBaseTokens.calendarSeparatorBackground, ": var(").concat(tokens.calendarSeparatorBackground, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(tokens.calendarSelectedItemBackground, ");\n    ").concat(calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(tokens.calendarSelectedItemColor, ");\n    ").concat(calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(tokens.calendarCurrentItemBorderColor, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(tokens.calendarCurrentItemColorHover, ");\n    ").concat(calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(tokens.calendarActiveItemBackground, ");\n    ").concat(calendarBaseTokens.calendarActiveItemColor, ": var(").concat(tokens.calendarActiveItemColor, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(tokens.calendarHoveredItemBackground, ");\n    ").concat(calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(tokens.calendarHoveredItemColor, ");\n    ").concat(calendarBaseTokens.calendarRangeBackground, ": var(").concat(tokens.calendarRangeBackground, ");\n    ").concat(calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(tokens.calendarOutlineFocusColor, ");\n    ").concat(calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(tokens.calendarContentPrimaryColor, ");\n    ").concat(calendarBaseTokens.calendarContentPrimaryDisabledColor, ": var(").concat(tokens.calendarContentPrimaryDisabledColor, ");\n    ").concat(calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(tokens.calendarContentSecondaryColor, ");\n    ").concat(calendarBaseTokens.calendarContentSecondaryDisabledColor, ": var(").concat(tokens.calendarContentSecondaryDisabledColor, ");\n    ").concat(calendarBaseTokens.calendarDisabledOpacity, ": var(").concat(tokens.calendarDisabledOpacity, ");\n\n    ").concat(calendarBaseTokens.iconButtonColor, ": var(").concat(tokens.iconButtonColor, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n    ").concat(calendarBaseTokens.iconButtonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n    ").concat(calendarBaseTokens.iconButtonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n    ").concat(calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(calendarBaseTokens.calendarBorderWidth, ": var(").concat(tokens.calendarBorderWidth, ");\n    ").concat(calendarBaseTokens.calendarBorderColor, ": var(").concat(tokens.calendarBorderColor, ");\n\n    ").concat(calendarBaseTokens.calendarYearsPadding, ": var(").concat(tokens.calendarYearsPadding, ");\n    ").concat(calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(tokens.calendarYearItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarYearFontFamily, ": var(").concat(tokens.calendarYearFontFamily, ");\n    ").concat(calendarBaseTokens.calendarYearFontSize, ": var(").concat(tokens.calendarYearFontSize, ");\n    ").concat(calendarBaseTokens.calendarYearFontStyle, ": var(").concat(tokens.calendarYearFontStyle, ");\n    ").concat(calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(tokens.calendarYearFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(tokens.calendarYearFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarYearFontWeight, ": var(").concat(tokens.calendarYearFontWeight, ");\n    ").concat(calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(calendarBaseTokens.calendarMonthsPadding, ": var(").concat(tokens.calendarMonthsPadding, ");\n    ").concat(calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(tokens.calendarMonthItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(tokens.calendarMonthFontFamily, ");\n    ").concat(calendarBaseTokens.calendarMonthFontSize, ": var(").concat(tokens.calendarMonthFontSize, ");\n    ").concat(calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(tokens.calendarMonthFontStyle, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(tokens.calendarMonthFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(tokens.calendarMonthFontWeight, ");\n    ").concat(calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(calendarBaseTokens.calendarQuartersPadding, ": var(").concat(tokens.calendarQuartersPadding, ");\n    ").concat(calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(tokens.calendarQuarterFontFamily, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(tokens.calendarQuarterFontSize, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(tokens.calendarQuarterFontStyle, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(tokens.calendarQuarterFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(tokens.calendarQuarterFontWeight, ");\n    ").concat(calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(calendarBaseTokens.calendarDaysPadding, ": var(").concat(tokens.calendarDaysPadding, ");\n    ").concat(calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(tokens.calendarDayItemBorderRadius, ");\n    ").concat(calendarBaseTokens.calendarDayFontFamily, ": var(").concat(tokens.calendarDayFontFamily, ");\n    ").concat(calendarBaseTokens.calendarDayFontSize, ": var(").concat(tokens.calendarDayFontSize, ");\n    ").concat(calendarBaseTokens.calendarDayFontStyle, ": var(").concat(tokens.calendarDayFontStyle, ");\n    ").concat(calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(tokens.calendarDayFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(tokens.calendarDayFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarDayFontWeight, ": var(").concat(tokens.calendarDayFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(tokens.calendarDaySelectedFontWeight, ");\n    ").concat(calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(tokens.calendarHeaderWrapperPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(tokens.calendarHeaderArrowGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(tokens.calendarHeaderArrowPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderPadding, ": var(").concat(tokens.calendarHeaderPadding, ");\n    ").concat(calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(tokens.calendarHeaderDateGap, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(tokens.calendarHeaderFontFamily, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(tokens.calendarHeaderFontSize, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(tokens.calendarHeaderFontStyle, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(tokens.calendarHeaderFontLineHeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(tokens.calendarHeaderFontWeight, ");\n    ").concat(calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(tokens.calendarHeaderFontWeightBold, ");\n    ").concat(calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(tokens.calendarHeaderArrowColor, ");\n    ").concat(calendarBaseTokens.calendarArrowHeaderCustomSize, ": var(").concat(tokens.calendarHeaderArrowCustomSize, ");\n    \n    ").concat(calendarBaseTokens.iconButtonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n    ").concat(calendarBaseTokens.iconButtonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n    ").concat(calendarBaseTokens.iconButtonPadding, ": var(").concat(tokens.iconButtonPadding, ");\n    ").concat(calendarBaseTokens.iconButtonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n    ").concat(calendarBaseTokens.iconButtonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n    \n    ").concat(calendarBaseTokens.tooltipPaddingTop, " var(").concat(tokens.tooltipPaddingTop, ");\n    ").concat(calendarBaseTokens.tooltipPaddingRight, " var(").concat(tokens.tooltipPaddingRight, ");\n    ").concat(calendarBaseTokens.tooltipPaddingBottom, " var(").concat(tokens.tooltipPaddingBottom, ");\n    ").concat(calendarBaseTokens.tooltipPaddingLeft, " var(").concat(tokens.tooltipPaddingLeft, ");\n    ").concat(calendarBaseTokens.tooltipMinHeight, " var(").concat(tokens.tooltipMinHeight, ");\n    ").concat(calendarBaseTokens.tooltipBackgroundColor, " var(").concat(tokens.tooltipBackgroundColor, ");\n    ").concat(calendarBaseTokens.tooltipBoxShadow, " var(").concat(tokens.tooltipBoxShadow, ");\n    ").concat(calendarBaseTokens.tooltipBorderRadius, " var(").concat(tokens.tooltipBorderRadius, ");\n    ").concat(calendarBaseTokens.tooltipColor, " var(").concat(tokens.tooltipColor, ");\n    ").concat(calendarBaseTokens.tooltipTextFontFamily, " var(").concat(tokens.tooltipTextFontFamily, ");\n    ").concat(calendarBaseTokens.tooltipTextFontSize, " var(").concat(tokens.tooltipTextFontSize, ");\n    ").concat(calendarBaseTokens.tooltipTextFontStyle, " var(").concat(tokens.tooltipTextFontStyle, ");\n    ").concat(calendarBaseTokens.tooltipTextFontWeight, " var(").concat(tokens.tooltipTextFontWeight, ");\n    ").concat(calendarBaseTokens.tooltipTextFontLetterSpacing, " var(").concat(tokens.tooltipTextFontLetterSpacing, ");\n    ").concat(calendarBaseTokens.tooltipTextFontLineHeight, " var(").concat(tokens.tooltipTextFontLineHeight, ");\n    ").concat(calendarBaseTokens.tooltipContentLeftMargin, " var(").concat(tokens.tooltipContentLeftMargin, ");\n    ").concat(calendarBaseTokens.tooltipArrowMaskWidth, " var(").concat(tokens.tooltipArrowMaskWidth, ");\n    ").concat(calendarBaseTokens.tooltipArrowMaskHeight, " var(").concat(tokens.tooltipArrowMaskHeight, ");\n    ").concat(calendarBaseTokens.tooltipArrowMaskImage, " var(").concat(tokens.tooltipArrowMaskImage, ");\n    ").concat(calendarBaseTokens.tooltipArrowBackground, " var(").concat(tokens.tooltipArrowBackground, ");\n    ").concat(calendarBaseTokens.tooltipArrowHeight, " var(").concat(tokens.tooltipArrowHeight, ");\n    ").concat(calendarBaseTokens.tooltipArrowEdgeMargin, " var(").concat(tokens.tooltipArrowEdgeMargin, ");\n");
+// NOTE: переопределение токенов Calendar
+export var StyledCalendar = styled(Calendar).withConfig({
+    displayName: "CalendarGrid.styles__StyledCalendar",
+    componentId: "sc-438301a0-0"
+})([
+    "flex-shrink:",
+    ";width:",
+    ";height:",
+    ";",
+    ""
+], function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth && innerWidth !== '0' ? '1' : '0';
+}, function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth && innerWidth !== '0' ? '100%' : "var(".concat(tokens.calendarWidth, ")");
+}, function(param) {
+    var innerHeight = param.innerHeight;
+    return innerHeight && innerHeight !== '0' ? '100%' : "var(".concat(tokens.calendarHeight, ")");
+}, baseCalendarTokens);
+export var StyledCalendarDouble = styled(CalendarDouble).withConfig({
+    displayName: "CalendarGrid.styles__StyledCalendarDouble",
+    componentId: "sc-438301a0-1"
+})([
+    "flex-shrink:",
+    ";width:",
+    ";height:",
+    ";",
+    ""
+], function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth && innerWidth !== '0' ? '1' : '0';
+}, function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth && innerWidth !== '0' ? '100%' : "calc(var(".concat(tokens.calendarWidth, ") * 2 + 2.063rem)");
+}, function(param) {
+    var innerHeight = param.innerHeight;
+    return innerHeight && innerHeight !== '0' ? '100%' : "var(".concat(tokens.calendarHeight, ")");
+}, baseCalendarTokens);

package/styled-components/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.js

@@ -0,0 +1,38 @@
+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;
+}
+import React from "react";
+import cls from "classnames";
+import { classes } from "../../DateTimePicker.tokens";
+import { StyledSeparator } from "../Popover/Popover.styles";
+import { ShortcutItem, ShortcutList, ShortcutsWrapper, ShortcutTitle, ShortcutTitleWrapper, StyledCell } from "./DateShortcutList.styles";
+export var DateShortcutList = function(param) {
+    var items = param.items, calendarContainerHeight = param.calendarContainerHeight, dateShortcutsPlacement = param.dateShortcutsPlacement, dateShortcutsWidth = param.dateShortcutsWidth, setShortcutDate = param.setShortcutDate;
+    return /*#__PURE__*/ React.createElement(ShortcutsWrapper, {
+        innerHeight: calendarContainerHeight,
+        dateShortcutsPlacement: dateShortcutsPlacement
+    }, /*#__PURE__*/ React.createElement(StyledSeparator, null), /*#__PURE__*/ React.createElement(ShortcutList, {
+        width: dateShortcutsWidth
+    }, items.map(function(item) {
+        return /*#__PURE__*/ React.createElement(ShortcutItem, {
+            className: cls(_define_property({}, classes.shortcutItemDisabled, item.disabled)),
+            onClick: function() {
+                return setShortcutDate(item.value);
+            }
+        }, /*#__PURE__*/ React.createElement(StyledCell, {
+            contentLeft: item.contentLeft,
+            contentRight: item.contentRight,
+            stretching: "filled"
+        }, /*#__PURE__*/ React.createElement(ShortcutTitleWrapper, null, /*#__PURE__*/ React.createElement(ShortcutTitle, null, item.label))));
+    })));
+};

package/styled-components/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js

@@ -0,0 +1,97 @@
+import styled from "styled-components";
+import { addFocus, applyEllipsis } from "../../../../mixins";
+import { cellTokens, cellConfig } from "../../../Cell";
+import { component, mergeConfig } from "../../../../engines";
+import { classes, tokens } from "../../DateTimePicker.tokens";
+var mergedCellConfig = mergeConfig(cellConfig);
+var Cell = component(mergedCellConfig);
+export var ShortcutsWrapper = styled.div.withConfig({
+    displayName: "DateShortcutList.styles__ShortcutsWrapper",
+    componentId: "sc-e613e6ad-0"
+})([
+    "order:",
+    ";display:flex;flex-direction:",
+    ";gap:var(",
+    ");flex-shrink:",
+    ";overflow-y:hidden;height:",
+    ";"
+], function(param) {
+    var dateShortcutsPlacement = param.dateShortcutsPlacement;
+    return dateShortcutsPlacement === 'left' ? 'unset' : '999';
+}, function(param) {
+    var dateShortcutsPlacement = param.dateShortcutsPlacement;
+    return dateShortcutsPlacement === 'left' ? 'row-reverse' : 'row';
+}, tokens.popoverGap, function(param) {
+    var innerWidth = param.innerWidth;
+    return innerWidth && innerWidth !== '0' ? '2' : '0';
+}, function(param) {
+    var innerHeight = param.innerHeight;
+    return innerHeight && innerHeight !== '0' ? "calc(".concat(innerHeight, " - var(").concat(tokens.popoverVerticalPadding, "))") : "var(".concat(tokens.calendarHeight, ")");
+});
+export var ShortcutList = styled.ul.withConfig({
+    displayName: "DateShortcutList.styles__ShortcutList",
+    componentId: "sc-e613e6ad-1"
+})([
+    "width:",
+    ";margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
+], function(param) {
+    var width = param.width;
+    return width || 'fit-content';
+});
+export var ShortcutItem = styled.li.withConfig({
+    displayName: "DateShortcutList.styles__ShortcutItem",
+    componentId: "sc-e613e6ad-2"
+})([
+    "padding:var(",
+    ");border-radius:var(",
+    ");&:hover:not(.",
+    "){cursor:pointer;background:var(",
+    ");}&.",
+    "{opacity:",
+    ";cursor:not-allowed;}:focus{outline:none;}",
+    ";"
+], tokens.shortcutPadding, tokens.shortcutBorderRadius, classes.shortcutItemDisabled, tokens.shortcutBackgroundHover, classes.shortcutItemDisabled, tokens.disabledOpacity, addFocus({
+    outlineSize: '0.063rem',
+    outlineOffset: '0.063rem',
+    outlineColor: "var(".concat(tokens.outlineFocusColor, ")"),
+    outlineRadius: "var(".concat(tokens.shortcutBorderRadius, ")"),
+    hasTransition: false,
+    customFocusRules: "\n                &.focus-visible:focus,\n                &[data-focus-visible-added] {\n                    &::before {\n                        z-index: 1;\n                        outline: none;\n                        box-shadow: 0 0 0 0.063rem var(".concat(tokens.outlineFocusColor, ");\n                    }\n                }\n            ")
+}));
+export var StyledCell = styled(Cell).withConfig({
+    displayName: "DateShortcutList.styles__StyledCell",
+    componentId: "sc-e613e6ad-3"
+})([
+    "",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");"
+], cellTokens.cellTitleColor, tokens.shortcutColor, cellTokens.cellPadding, tokens.shortcutPadding, cellTokens.cellPaddingContent, tokens.shortcutPaddingContent, cellTokens.cellPaddingLeftContent, tokens.shortcutPaddingLeftContent, cellTokens.cellPaddingRightContent, tokens.shortcutPaddingRightContent, cellTokens.cellGap, tokens.shortcutGap);
+export var ShortcutTitleWrapper = styled.div.withConfig({
+    displayName: "DateShortcutList.styles__ShortcutTitleWrapper",
+    componentId: "sc-e613e6ad-4"
+})([
+    "display:grid;"
+]);
+export var ShortcutTitle = styled.span.withConfig({
+    displayName: "DateShortcutList.styles__ShortcutTitle",
+    componentId: "sc-e613e6ad-5"
+})([
+    "font-family:var(",
+    ");font-size:var(",
+    ");font-style:var(",
+    ");font-weight:var(",
+    ");letter-spacing:var(",
+    ");line-height:var(",
+    ");",
+    ""
+], tokens.shortcutFontFamily, tokens.shortcutFontSize, tokens.shortcutFontStyle, tokens.shortcutFontWeight, tokens.shortcutLetterSpacing, tokens.shortcutLineHeight, applyEllipsis());

package/styled-components/es/components/DateTimePicker/ui/Input/Input.js

@@ -0,0 +1,111 @@
+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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import React, { forwardRef } from "react";
+import cls from "classnames";
+import { StyledInput } from "./Input.styles";
+export var Input = /*#__PURE__*/ forwardRef(function(_param, ref) {
+    var value = _param.value, readOnly = _param.readOnly, disabled = _param.disabled, placeholder = _param.placeholder, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, required = _param.required, requiredPlacement = _param.requiredPlacement, hasRequiredIndicator = _param.hasRequiredIndicator, label = _param.label, labelPlacement = _param.labelPlacement, keepPlaceholder = _param.keepPlaceholder, errorClass = _param.errorClass, successClass = _param.successClass, onChangeValue = _param.onChangeValue, onSearch = _param.onSearch, onFocus = _param.onFocus, onBlur = _param.onBlur, onKeyDown = _param.onKeyDown, rest = _object_without_properties(_param, [
+        "value",
+        "readOnly",
+        "disabled",
+        "placeholder",
+        "contentLeft",
+        "contentRight",
+        "textBefore",
+        "textAfter",
+        "required",
+        "requiredPlacement",
+        "hasRequiredIndicator",
+        "label",
+        "labelPlacement",
+        "keepPlaceholder",
+        "errorClass",
+        "successClass",
+        "onChangeValue",
+        "onSearch",
+        "onFocus",
+        "onBlur",
+        "onKeyDown"
+    ]);
+    var handleSearch = function(searchValue, event) {
+        if (onSearch) {
+            onSearch(event, searchValue);
+        }
+    };
+    return /*#__PURE__*/ React.createElement(StyledInput, _object_spread({
+        ref: ref,
+        className: cls(errorClass, successClass),
+        value: value,
+        readOnly: readOnly,
+        disabled: disabled,
+        placeholder: placeholder,
+        contentLeft: contentLeft,
+        contentRight: contentRight,
+        textBefore: textBefore,
+        textAfter: textAfter,
+        onChange: onChangeValue,
+        onSearch: handleSearch,
+        onFocus: onFocus,
+        onBlur: onBlur,
+        onKeyDown: onKeyDown,
+        required: required,
+        requiredPlacement: requiredPlacement,
+        hasRequiredIndicator: hasRequiredIndicator,
+        label: label,
+        labelPlacement: labelPlacement,
+        keepPlaceholder: keepPlaceholder
+    }, rest));
+});

package/styled-components/es/components/DateTimePicker/ui/Input/Input.styles.js

@@ -0,0 +1,162 @@
+import styled from "styled-components";
+import { component, mergeConfig } from "../../../../engines";
+import { textFieldConfig, textFieldTokens } from "../../../TextField";
+import { classes, tokens } from "../../DateTimePicker.tokens";
+var mergedTextFieldConfig = mergeConfig(textFieldConfig);
+var TextField = component(mergedTextFieldConfig);
+// NOTE: переопределение токенов TextField
+export var StyledInput = styled(TextField).withConfig({
+    displayName: "Input.styles__StyledInput",
+    componentId: "sc-566fa015-0"
+})([
+    "width:100%;",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ",var(",
+    "));",
+    ":var(",
+    ");&.",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");}&.",
+    "{",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");",
+    ":var(",
+    ");}"
+], textFieldTokens.color, tokens.textFieldColor, textFieldTokens.placeholderColor, tokens.textFieldPlaceholderColor, textFieldTokens.placeholderColorFocus, tokens.textFieldPlaceholderColorFocus, textFieldTokens.caretColor, tokens.textFieldCaretColor, textFieldTokens.focusColor, tokens.textFieldFocusColor, textFieldTokens.backgroundColor, tokens.textFieldBackgroundColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundColorFocus, textFieldTokens.borderWidth, tokens.textFieldBorderWidth, textFieldTokens.borderRadius, tokens.textFieldBorderRadius, textFieldTokens.borderColor, tokens.textFieldBorderColor, textFieldTokens.borderColorHover, tokens.textFieldBorderColorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorFocus, textFieldTokens.colorReadOnly, tokens.textFieldColorReadOnly, textFieldTokens.backgroundColorReadOnly, tokens.textFieldBackgroundColorReadOnly, textFieldTokens.readOnlyOpacity, tokens.textFieldReadOnlyOpacity, textFieldTokens.borderColorReadOnly, tokens.textFieldBorderColorReadOnly, textFieldTokens.placeholderColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, textFieldTokens.height, tokens.textFieldHeight, textFieldTokens.padding, tokens.textFieldPadding, textFieldTokens.labelInnerPadding, tokens.labelInnerPadding, textFieldTokens.contentLabelInnerPadding, tokens.contentLabelInnerPadding, textFieldTokens.labelOffset, tokens.labelOffset, textFieldTokens.labelFontFamily, tokens.labelFontFamily, textFieldTokens.labelFontStyle, tokens.labelFontStyle, textFieldTokens.labelFontSize, tokens.labelFontSize, textFieldTokens.labelFontWeight, tokens.labelFontWeight, textFieldTokens.labelLetterSpacing, tokens.labelLetterSpacing, textFieldTokens.labelLineHeight, tokens.labelLineHeight, textFieldTokens.labelInnerFontFamily, tokens.labelInnerFontFamily, textFieldTokens.labelInnerFontSize, tokens.labelInnerFontSize, textFieldTokens.labelInnerFontStyle, tokens.labelInnerFontStyle, textFieldTokens.labelInnerFontWeight, tokens.labelInnerFontWeight, textFieldTokens.labelInnerLetterSpacing, tokens.labelInnerLetterSpacing, textFieldTokens.labelInnerLineHeight, tokens.labelInnerLineHeight, textFieldTokens.labelColorReadOnly, tokens.labelColorReadOnly, textFieldTokens.indicatorColor, tokens.indicatorColor, textFieldTokens.indicatorSizeInner, tokens.indicatorSize, textFieldTokens.indicatorSizeOuter, tokens.indicatorSizeOuter, textFieldTokens.indicatorLabelPlacementInner, tokens.indicatorPlacement, textFieldTokens.indicatorLabelPlacementOuter, tokens.indicatorOuterPlacement, textFieldTokens.indicatorLabelPlacementInnerRight, tokens.indicatorPlacementRight, textFieldTokens.indicatorLabelPlacementOuterRight, tokens.indicatorOuterPlacementRight, textFieldTokens.leftContentMargin, tokens.textFieldLeftContentMargin, textFieldTokens.rightContentMargin, tokens.textFieldRightContentMargin, textFieldTokens.fontFamily, tokens.textFieldFontFamily, textFieldTokens.fontSize, tokens.textFieldFontSize, textFieldTokens.fontStyle, tokens.textFieldFontStyle, textFieldTokens.fontWeight, tokens.textFieldFontWeight, textFieldTokens.letterSpacing, tokens.textFieldLetterSpacing, textFieldTokens.lineHeight, tokens.textFieldLineHeight, textFieldTokens.disabledOpacity, tokens.disabledOpacity, textFieldTokens.textBeforeColor, tokens.textFieldTextBeforeColor, textFieldTokens.textAfterColor, tokens.textFieldTextAfterColor, textFieldTokens.textBeforeMargin, tokens.textFieldTextBeforeMargin, textFieldTokens.textAfterMargin, tokens.textFieldTextAfterMargin, textFieldTokens.contentSlotColor, tokens.textFieldContentSlotColor, tokens.textFieldColor, textFieldTokens.contentSlotRightColor, tokens.textFieldContentRightSlotColor, textFieldTokens.contentSlotColor, textFieldTokens.contentSlotRightColorHover, tokens.textFieldContentRightSlotColorHover, textFieldTokens.contentSlotRightColor, textFieldTokens.contentSlotRightOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, classes.error, textFieldTokens.backgroundColor, tokens.textFieldBackgroundErrorColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundErrorColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundErrorColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorError, textFieldTokens.borderColorHover, tokens.textFieldBorderColorErrorHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorErrorFocus, classes.success, textFieldTokens.backgroundColor, tokens.textFieldBackgroundSuccessColor, textFieldTokens.backgroundColorHover, tokens.textFieldBackgroundSuccessColorHover, textFieldTokens.backgroundColorFocus, tokens.textFieldBackgroundSuccessColorFocus, textFieldTokens.borderColor, tokens.textFieldBorderColorSuccess, textFieldTokens.borderColorHover, tokens.textFieldBorderColorSuccessHover, textFieldTokens.borderColorFocus, tokens.textFieldBorderColorSuccessFocus);

package/styled-components/es/components/DateTimePicker/ui/Popover/Popover.js

@@ -0,0 +1,102 @@
+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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _object_without_properties(source, excluded) {
+    if (source == null) return {};
+    var target = _object_without_properties_loose(source, excluded);
+    var key, i;
+    if (Object.getOwnPropertySymbols) {
+        var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+        for(i = 0; i < sourceSymbolKeys.length; i++){
+            key = sourceSymbolKeys[i];
+            if (excluded.indexOf(key) >= 0) continue;
+            if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+            target[key] = source[key];
+        }
+    }
+    return target;
+}
+function _object_without_properties_loose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+    for(i = 0; i < sourceKeys.length; i++){
+        key = sourceKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        target[key] = source[key];
+    }
+    return target;
+}
+import React, { forwardRef } from "react";
+import { getPlacements, getSizeValueFromProp } from "../../../../utils";
+import { StyledPopover } from "./Popover.styles";
+export var Popover = /*#__PURE__*/ forwardRef(function(_param, ref) {
+    var children = _param.children, placement = _param.placement, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, rest = _object_without_properties(_param, [
+        "children",
+        "placement",
+        "calendarContainerWidth",
+        "calendarContainerHeight"
+    ]);
+    var calendarContainerWidthValue = calendarContainerWidth ? getSizeValueFromProp(calendarContainerWidth, 'rem') : undefined;
+    var calendarContainerHeightValue = calendarContainerHeight ? getSizeValueFromProp(calendarContainerHeight, 'rem') : undefined;
+    return /*#__PURE__*/ React.createElement(StyledPopover, _object_spread_props(_object_spread({
+        ref: ref
+    }, rest), {
+        innerWidth: calendarContainerWidthValue,
+        innerHeight: calendarContainerHeightValue,
+        placement: getPlacements(placement, false),
+        trigger: "click",
+        isFocusTrapped: false,
+        preventOverflow: false
+    }), children);
+});