@salutejs/plasma-new-hope 0.338.0-canary.2237.18342071625.0 → 0.338.0-canary.2254.18489699974.0

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

@@ -0,0 +1,121 @@
+"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 StyledContainer () {
+        return StyledContainer;
+    },
+    get StyledContent () {
+        return StyledContent;
+    },
+    get StyledScrollBar () {
+        return StyledScrollBar;
+    },
+    get StyledThumb () {
+        return StyledThumb;
+    },
+    get StyledTrack () {
+        return StyledTrack;
+    },
+    get base () {
+        return base;
+    }
+});
+var _styledcomponents = /*#__PURE__*/ _interop_require_wildcard(require("styled-components"));
+var _Scrollbartokens = require("./Scrollbar.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;position:relative;width:100%;height:100%;"
+]);
+var StyledScrollBar = _styledcomponents.default.div.withConfig({
+    displayName: "Scrollbar.styles__StyledScrollBar",
+    componentId: "sc-d13e1ac1-0"
+})([
+    "position:relative;width:var(",
+    ",100%);height:var(",
+    ",100%);overflow:hidden;&.",
+    "{.",
+    "{opacity:1;pointer-events:auto;}}&.",
+    "{.",
+    "{background-color:var(",
+    ") !important;}}"
+], _Scrollbartokens.tokens.width, _Scrollbartokens.tokens.height, _Scrollbartokens.classes.scrollBarVisible, _Scrollbartokens.classes.scrollBarTrack, _Scrollbartokens.classes.scrollBarDragging, _Scrollbartokens.classes.scrollBarThumb, _Scrollbartokens.tokens.thumbColorActive);
+var StyledContainer = _styledcomponents.default.div.withConfig({
+    displayName: "Scrollbar.styles__StyledContainer",
+    componentId: "sc-d13e1ac1-1"
+})([
+    "width:100%;height:100%;overflow:auto;overflow:overlay;scrollbar-width:none;-ms-overflow-style:none;box-sizing:border-box;&::-webkit-scrollbar{display:none;width:0;height:0;}"
+]);
+var StyledContent = _styledcomponents.default.div.withConfig({
+    displayName: "Scrollbar.styles__StyledContent",
+    componentId: "sc-d13e1ac1-2"
+})([
+    "min-height:100%;box-sizing:border-box;width:100%;"
+]);
+var StyledTrack = _styledcomponents.default.div.withConfig({
+    displayName: "Scrollbar.styles__StyledTrack",
+    componentId: "sc-d13e1ac1-3"
+})([
+    "position:absolute;width:var(",
+    ");opacity:0;transition:opacity 0.3s ease;pointer-events:none;z-index:10;background:var(",
+    ");border-radius:var(",
+    ");top:var(--scrollbar-offset-top,0);bottom:var(--scrollbar-offset-bottom,0);&[data-placement='left']{left:var(--scrollbar-offset-left,0);}&[data-placement='right']{right:var(--scrollbar-offset-right,0);}&.",
+    "{opacity:1;pointer-events:auto;}"
+], _Scrollbartokens.tokens.trackWidth, _Scrollbartokens.tokens.trackColor, _Scrollbartokens.tokens.trackBorderRadius, _Scrollbartokens.classes.scrollBarTrackVisible);
+var StyledThumb = _styledcomponents.default.div.withConfig({
+    displayName: "Scrollbar.styles__StyledThumb",
+    componentId: "sc-d13e1ac1-4"
+})([
+    "position:absolute;left:0;width:100%;background:var(",
+    ");border-radius:var(",
+    ");cursor:pointer;transition:background-color 0.2s ease;box-sizing:border-box;&:hover{background:var(",
+    ");}&:active{background:var(",
+    ");}"
+], _Scrollbartokens.tokens.thumbColor, _Scrollbartokens.tokens.thumbBorderRadius, _Scrollbartokens.tokens.thumbColorHover, _Scrollbartokens.tokens.thumbColorActive);

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

@@ -0,0 +1,39 @@
+"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 tokens = {
+    width: '--scrollbar-width',
+    height: '--scrollbar-height',
+    trackWidth: '--scrollbar-track-width',
+    trackColor: '--scrollbar-track-color',
+    trackBorderRadius: '--scrollbar-track-border-radius',
+    thumbColor: '--scrollbar-thumb-color',
+    thumbColorHover: '--scrollbar-thumb-color-hover',
+    thumbColorActive: '--scrollbar-thumb-color-active',
+    thumbBorderRadius: '--scrollbar-thumb-border-radius'
+};
+var classes = {
+    scrollBarRoot: 'scrollbar-root',
+    scrollBarContainer: 'scrollbar-container',
+    scrollBarContent: 'scrollbar-content',
+    scrollBarTrack: 'scrollbar-track',
+    scrollBarThumb: 'scrollbar-thumb',
+    scrollBarVisible: 'scrollbar-visible',
+    scrollBarDragging: 'scrollbar-dragging',
+    scrollBarTrackVisible: 'scrollbar-track-visible'
+};

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

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

package/styled-components/cjs/components/Scrollbar/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 scrollbarClasses () {
+        return _Scrollbartokens.classes;
+    },
+    get scrollbarConfig () {
+        return _Scrollbar.scrollbarConfig;
+    },
+    get scrollbarRoot () {
+        return _Scrollbar.scrollbarRoot;
+    },
+    get scrollbarTokens () {
+        return _Scrollbartokens.tokens;
+    }
+});
+var _Scrollbar = require("./Scrollbar");
+var _Scrollbartokens = require("./Scrollbar.tokens");

package/styled-components/cjs/components/Scrollbar/utils.js

@@ -0,0 +1,87 @@
+"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 calculateScrollbar () {
+        return calculateScrollbar;
+    },
+    get parseOffset () {
+        return parseOffset;
+    }
+});
+var parseOffset = function(offset) {
+    if (!offset) {
+        return {
+            top: '0',
+            right: '0',
+            bottom: '0',
+            left: '0'
+        };
+    }
+    var offsetString = typeof offset === 'number' ? "".concat(offset, "px") : offset;
+    var parts = offsetString.split(/\s+/).filter(Boolean);
+    switch(parts.length){
+        case 1:
+            return {
+                top: parts[0],
+                right: parts[0],
+                bottom: parts[0],
+                left: parts[0]
+            };
+        case 2:
+            return {
+                top: parts[0],
+                right: parts[1],
+                bottom: parts[0],
+                left: parts[1]
+            };
+        case 3:
+            return {
+                top: parts[0],
+                right: parts[1],
+                bottom: parts[2],
+                left: parts[1]
+            };
+        case 4:
+            return {
+                top: parts[0],
+                right: parts[1],
+                bottom: parts[2],
+                left: parts[3]
+            };
+        default:
+            return {
+                top: '0',
+                right: '0',
+                bottom: '0',
+                left: '0'
+            };
+    }
+};
+var calculateScrollbar = function(container, parsedOffset) {
+    var minScrollbarTrackHeight = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : 20;
+    if (!container) {
+        return {
+            thumbHeight: 0,
+            thumbPosition: 0
+        };
+    }
+    var scrollTop = container.scrollTop, scrollHeight = container.scrollHeight, clientHeight = container.clientHeight;
+    var topOffset = parseFloat(parsedOffset.top) || 0;
+    var bottomOffset = parseFloat(parsedOffset.bottom) || 0;
+    var trackHeight = clientHeight - topOffset - bottomOffset;
+    var thumbHeight = Math.max(trackHeight / scrollHeight * trackHeight, minScrollbarTrackHeight);
+    var maxScroll = scrollHeight - clientHeight;
+    var thumbPosition = maxScroll > 0 ? scrollTop / maxScroll * (trackHeight - thumbHeight) : 0;
+    return {
+        thumbHeight: thumbHeight,
+        thumbPosition: thumbPosition
+    };
+};

package/styled-components/cjs/components/Scrollbar/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/Scrollbar/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/Slider/ui/Handler/Handler.js

@@ -10,6 +10,7 @@ Object.defineProperty(exports, "Handler", {
 });
 var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
 var _reactdraggable = /*#__PURE__*/ _interop_require_default(require("react-draggable"));
+var _plasmacore = require("@salutejs/plasma-core");
 var _utils = require("../../../../utils");
 var _utils1 = require("../../utils");
 var _Thumb = require("../Thumb/Thumb");
@@ -185,10 +186,12 @@ var Handler = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
         "value",
         "valuePlacement"
     ]);
+    var nodeRef = (0, _react.useRef)(null);
+    var combinedRef = (0, _plasmacore.useForkRef)(nodeRef, ref);
     var isVertical = orientation === 'vertical';
     var _useState = _sliced_to_array((0, _react.useState)(false), 2), isDrag = _useState[0], setIsDrag = _useState[1];
     var lastOnChangeValue = (0, _react.useRef)();
-    var _getOffsets = _sliced_to_array((0, _utils1.getOffsets)(ref, side, isVertical), 2), startClientOffset = _getOffsets[0], endClientOffset = _getOffsets[1];
+    var _getOffsets = _sliced_to_array((0, _utils1.getOffsets)(nodeRef, side, isVertical), 2), startClientOffset = _getOffsets[0], endClientOffset = _getOffsets[1];
     var _bounds = _sliced_to_array(bounds, 2), startValueBound = _bounds[0], endValueBound = _bounds[1];
     var startPositionBound = startValueBound ? (startValueBound - min) * stepSize : null;
     var endPositionBound = endValueBound ? (endValueBound - min) * stepSize : null;
@@ -244,6 +247,7 @@ var Handler = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
         isPointerHidden = false;
     }
     return /*#__PURE__*/ _react.default.createElement(_reactdraggable.default, {
+        nodeRef: nodeRef,
         axis: isVertical ? 'y' : 'x',
         bounds: computedBounds,
         grid: isVertical ? [
@@ -259,7 +263,7 @@ var Handler = /*#__PURE__*/ (0, _react.forwardRef)(function(_param, ref) {
         position: dragPosition,
         disabled: disabled
     }, /*#__PURE__*/ _react.default.createElement(_Handlerstyles.HandlerStyled, {
-        ref: ref,
+        ref: combinedRef,
         style: {
             zIndex: zIndex
         },

package/styled-components/cjs/components/Tree/utils/traverseTree.js

@@ -88,7 +88,7 @@ var deepCopy = function(obj) {
             return deepCopy(item);
         });
     }
-    if (obj.type && (typeof obj.type === 'function' || typeof obj.type === 'string')) {
+    if (obj.$$typeof === Symbol.for('react.element') || obj.$$typeof === Symbol.for('react.fragment') || _type_of(obj === null || obj === void 0 ? void 0 : obj.$$typeof) === 'symbol') {
         return obj;
     }
     return Object.fromEntries(Object.entries(obj).map(function(param) {

package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.config.js

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("styled-components");
+var _Scrollbar = require("../../../components/Scrollbar");
+var config = {
+    defaults: {
+        view: 'default',
+        size: 's'
+    },
+    variations: {
+        view: {
+            default: (0, _styledcomponents.css)([
+                "",
+                ":var(--surface-transparent-primary);",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-transparent-tertiary-hover);",
+                ":var(--surface-transparent-tertiary-active);"
+            ], _Scrollbar.scrollbarTokens.trackColor, _Scrollbar.scrollbarTokens.thumbColor, _Scrollbar.scrollbarTokens.thumbColorHover, _Scrollbar.scrollbarTokens.thumbColorActive)
+        },
+        size: {
+            m: (0, _styledcomponents.css)([
+                "",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":0.25rem;",
+                ":0.25rem;"
+            ], _Scrollbar.scrollbarTokens.width, _Scrollbar.scrollbarTokens.trackWidth, _Scrollbar.scrollbarTokens.trackBorderRadius, _Scrollbar.scrollbarTokens.thumbBorderRadius),
+            s: (0, _styledcomponents.css)([
+                "",
+                ":0.125rem;",
+                ":0.125rem;",
+                ":0.125rem;",
+                ":0.125rem;"
+            ], _Scrollbar.scrollbarTokens.width, _Scrollbar.scrollbarTokens.trackWidth, _Scrollbar.scrollbarTokens.trackBorderRadius, _Scrollbar.scrollbarTokens.thumbBorderRadius)
+        }
+    }
+};

package/styled-components/cjs/examples/components/Scrollbar/Scrollbar.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Scrollbar", {
+    enumerable: true,
+    get: function() {
+        return Scrollbar;
+    }
+});
+var _Scrollbar = require("../../../components/Scrollbar");
+var _engines = require("../../../engines");
+var _Scrollbarconfig = require("./Scrollbar.config");
+var mergedConfig = (0, _engines.mergeConfig)(_Scrollbar.scrollbarConfig, _Scrollbarconfig.config);
+var Scrollbar = (0, _engines.component)(mergedConfig);

package/styled-components/cjs/mixins/addScrollbar.js

@@ -0,0 +1,30 @@
+"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 scrollbarLarge () {
+        return scrollbarLarge;
+    },
+    get scrollbarSmall () {
+        return scrollbarSmall;
+    },
+    get scrollbarTest () {
+        return scrollbarTest;
+    }
+});
+var scrollbarLarge = function() {
+    return "\n    &::-webkit-scrollbar {\n        width: 0.25rem;\n        height: 0.25rem;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: var(--surface-transparent-primary);\n        border-radius: 0.25rem;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: var(--surface-transparent-tertiary);\n        border-radius: 0.25rem;\n        transition: background-color 0.2s ease;\n\n        &:hover {\n            background-color: var(--surface-transparent-tertiary-hover);\n        }\n\n        &:active {\n            background-color: var(--surface-transparent-tertiary-active);\n        }\n    }\n\n    /* scrollbar-width: thin;\n    scrollbar-color: var(--surface-transparent-tertiary) var(--surface-transparent-primary); */\n";
+};
+var scrollbarSmall = function() {
+    return "\n    overflow: auto;\n    scrollbar-width: thin;\n    scrollbar-gutter: stable;\n\n    &::-webkit-scrollbar {\n        width: 0.125rem;\n        height: 0.125rem;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: var(--surface-transparent-primary);\n        border-radius: 0.125rem;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: var(--surface-transparent-tertiary);\n        border-radius: 0.125rem;\n        transition: background-color 0.2s ease;\n\n        &:hover {\n            background-color: var(--surface-transparent-tertiary-hover);\n        }\n\n        &:active {\n            background-color: var(--surface-transparent-tertiary-active);\n        }\n    }\n\n    /* scrollbar-width: thin;\n    scrollbar-color: var(--surface-transparent-tertiary) var(--surface-transparent-primary); */\n";
+};
+var scrollbarTest = function() {
+    return "\n    &::-webkit-scrollbar {\n        width: 4px;\n    }\n\n    &::-webkit-scrollbar-track {\n        background: var(--surface-transparent-primary);\n        border-radius: 5px;\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background: transparent;\n        border-radius: 5px;\n        transition: background 0.3s ease;\n    }\n\n    &:hover::-webkit-scrollbar-thumb {\n        background: var(--surface-transparent-tertiary);\n    }\n\n    scrollbar-width: thin;\n    scrollbar-color: transparent var(--surface-transparent-primary);\n    transition: scrollbar-color 0.3s ease;\n    \n\n    &:hover {\n        scrollbar-color: var(--surface-transparent-tertiary); var(--surface-transparent-primary);\n    }\n";
+};

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

@@ -12,7 +12,6 @@ _export_star(require("./addFocus"), exports);
 _export_star(require("./typography"), exports);
 _export_star(require("./applyRoundness"), exports);
 _export_star(require("./applySkeletonGradient"), exports);
-_export_star(require("./applyDisabled"), exports);
 _export_star(require("./applyHidden"), exports);
 _export_star(require("./createApplyPaperMixin"), exports);
 function _export_star(from, to) {

package/styled-components/es/components/Calendar/Calendar.tokens.js

@@ -68,6 +68,7 @@ export var tokens = {
     calendarDayFontWeight: '--plasma-calendar-day-font-weight',
     calendarDaySelectedFontWeight: '--plasma-calendar-day-selected-font-weight',
     calendarDayOfWeekColor: '--plasma-calendar-day-of-the-week-color',
+    calendarEventItemBottom: '--plasma-calendar-event-item-bottom',
     /* Токены шапки календаря */ calendarHeaderWrapperPadding: '--plasma-calendar-header-wrapper-padding',
     calendarHeaderArrowGap: '--plasma-calendar-arrow-container-gap',
     calendarHeaderArrowPadding: '--plasma-calendar-arrow-container-padding',

package/styled-components/es/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js

@@ -10,7 +10,7 @@ var sideInRange = function() {
 };
 export var StyledItem = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItem",
-    componentId: "sc-e4ed8914-0"
+    componentId: "sc-1b80b82a-0"
 })([
     "border-radius:calc(var(",
     ") - 0.125rem);",
@@ -38,7 +38,7 @@ var disabledCurrentItem = function() {
 };
 export var StyledItemRoot = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledItemRoot",
-    componentId: "sc-e4ed8914-1"
+    componentId: "sc-1b80b82a-1"
 })([
     "font-family:var(",
     ");font-size:var(",
@@ -107,17 +107,18 @@ export var StyledItemRoot = styled.div.withConfig({
 }, disabledCurrentItem(), classes.currentItem, classes.inRange, classes.sideRight, classes.sideLeft);
 export var StyledEvents = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvents",
-    componentId: "sc-e4ed8914-2"
+    componentId: "sc-1b80b82a-2"
 })([
-    "display:flex;position:absolute;bottom:0.25rem;"
-]);
+    "display:flex;position:absolute;bottom:var(",
+    ",0.25rem);"
+], tokens.calendarEventItemBottom);
 export var StyledEvent = styled.div.withConfig({
     displayName: "DateStructureItem.styles__StyledEvent",
-    componentId: "sc-e4ed8914-3"
+    componentId: "sc-1b80b82a-3"
 })([
     "margin:0 0.063rem;width:0.188rem;height:0.188rem;border-radius:50%;background-color:",
     ";"
 ], function(param) {
-    var _param_color = param.color, color = _param_color === void 0 ? 'var(--plasma-colors-accent)' : _param_color;
+    var _param_color = param.color, color = _param_color === void 0 ? 'var(--plasma-colors-accent, var(--surface-accent))' : _param_color;
     return color;
 });

package/styled-components/es/components/DatePicker/DatePicker.tokens.js

@@ -74,6 +74,8 @@ export var tokens = {
     rangeReadOnlyOpacity: '--plasma-date-picker-readonly-opacity',
     /** Цвет обводки поля ввода при фокусе */ focusColor: '--plasma-date-picker-focus-color',
     /** Токены полей ввода */ textFieldColor: '--plasma-date-picker-textfield-color',
+    textFieldColorError: '--plasma-date-picker-textfield-color-error',
+    textFieldColorSuccess: '--plasma-date-picker-textfield-color-success',
     textFieldPlaceholderColorFocus: '--plasma-datepicker-textfield__placeholder-color-focus',
     textFieldFocusColor: '--plasma-date-picker-textfield-focus-color',
     textFieldPlaceholderColor: '--plasma-date-picker-textfield-placeholder-color',
@@ -166,6 +168,7 @@ export var tokens = {
     calendarDayFontWeight: '--plasma-date-picker-calendar__day-font-weight',
     calendarDaySelectedFontWeight: '--plasma-date-picker-calendar__day-selected-font-weight',
     calendarDayOfWeekColor: '--plasma-date-picker-calendar__day-of-week-color',
+    calendarEventItemBottom: '--plasma-date-picker-calendar__event-item-bottom',
     calendarHeaderWrapperPadding: '--plasma-date-picker-calendar__header-wrapper-padding',
     calendarHeaderArrowGap: '--plasma-date-picker-calendar__header-arrow-gap',
     calendarHeaderArrowPadding: '--plasma-date-picker-calendar__header-arrow-padding',

package/styled-components/es/components/DatePicker/DatePickerBase.styles.js

@@ -5,11 +5,11 @@ import { calendarBaseConfig, calendarBaseTokens } from "../Calendar";
 import { tokens } from "./DatePicker.tokens";
 var mergedCalendarConfig = mergeConfig(calendarBaseConfig);
 var Calendar = component(mergedCalendarConfig);
-export var baseCalendarTokens = "\n    padding-top: var(".concat(tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(tokens.calendarShadow, ");\n    border-radius: var(").concat(tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n    ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\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");
+export var baseCalendarTokens = "\n    padding-top: var(".concat(tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(tokens.calendarShadow, ");\n    border-radius: var(").concat(tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(tokens.calendarMarginTop, ");\n\n    ").concat(calendarBaseTokens.calendarBackgroundColor, ": var(").concat(tokens.calendarBackgroundColor, ");\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.calendarEventItemBottom, ": var(").concat(tokens.calendarEventItemBottom, ");\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");
 // NOTE: переопределение токенов Calendar
 export var StyledCalendar = styled(Calendar).withConfig({
     displayName: "DatePickerBase.styles__StyledCalendar",
-    componentId: "sc-d2170f67-0"
+    componentId: "sc-530f24b5-0"
 })([
     "",
     " width:",
@@ -24,7 +24,7 @@ export var StyledCalendar = styled(Calendar).withConfig({
 });
 export var InputHidden = styled.input.withConfig({
     displayName: "DatePickerBase.styles__InputHidden",
-    componentId: "sc-d2170f67-1"
+    componentId: "sc-530f24b5-1"
 })([
     "",
     ";"