@salutejs/plasma-new-hope 0.264.0-canary.1757.13287195621.0 → 0.264.0-canary.1760.13286965233.0

package/emotion/es/components/Calendar/ui/CalendarQuarters/CalendarQuarters.js

@@ -34,15 +34,13 @@ export var CalendarQuarters = function CalendarQuarters(_ref) {
     onHoverQuarter = _ref.onHoverQuarter,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var minDate = min ? new Date(min.getFullYear(), min.getMonth(), 1) : undefined;
-  var maxDate = max ? new Date(max.getFullYear(), max.getMonth() + 1, 0) : undefined;
   var _useQuarters = useQuarters({
       date: currentDate,
       value: value,
       eventList: eventList,
       disabledList: disabledList,
-      min: minDate,
-      max: maxDate
+      min: min,
+      max: max
     }),
     _useQuarters2 = _slicedToArray(_useQuarters, 2),
     quarters = _useQuarters2[0],

package/emotion/es/components/Calendar/ui/CalendarYears/CalendarYears.js

@@ -35,16 +35,14 @@ export var CalendarYears = function CalendarYears(_ref) {
     onHoverYear = _ref.onHoverYear,
     onSetSelected = _ref.onSetSelected,
     onKeyDown = _ref.onKeyDown;
-  var minDate = min ? new Date(min.getFullYear(), 0, 1) : undefined;
-  var maxDate = max ? new Date(max.getFullYear(), 11, 31) : undefined;
   var _useYears = useYears({
       date: currentDate,
       value: value,
       startYear: startYear,
       eventList: eventList,
       disabledList: disabledList,
-      min: minDate,
-      max: maxDate
+      min: min,
+      max: max
     }),
     _useYears2 = _slicedToArray(_useYears, 2),
     years = _useYears2[0],

package/emotion/es/components/Drawer/Drawer.js

@@ -1,4 +1,4 @@
-var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
+var _excluded = ["id", "zIndex", "popupInfo", "withBlur", "children", "view", "size", "width", "height", "isOpen", "opened", "initialFocusRef", "focusAfterRef", "className", "customBackgroundColor", "customContentBackgroundColor", "onClose", "onOverlayClick", "onEscKeyDown", "offset", "frame", "borderRadius", "placement", "closeOnEsc", "closeOnOverlayClick", "asModal"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(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 _objectWithoutPropertiesLoose(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; }
@@ -35,6 +35,8 @@ export var drawerRoot = function drawerRoot(Root) {
       initialFocusRef = _ref.initialFocusRef,
       focusAfterRef = _ref.focusAfterRef,
       className = _ref.className,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       onClose = _ref.onClose,
       onOverlayClick = _ref.onOverlayClick,
       onEscKeyDown = _ref.onEscKeyDown,
@@ -118,6 +120,8 @@ export var drawerRoot = function drawerRoot(Root) {
     }, /*#__PURE__*/React.createElement(StyledPanel, {
       width: innerWidth,
       height: innerHeight,
+      customBackgroundColor: customBackgroundColor,
+      customContentBackgroundColor: customContentBackgroundColor,
       className: className
     }, children)));
   });

package/emotion/es/components/Panel/Panel.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["children", "view", "size", "width", "height", "className", "style"];
+var _excluded = ["children", "view", "size", "width", "height", "customBackgroundColor", "customContentBackgroundColor", "className", "style"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -13,7 +13,7 @@ import { cx, getSizeValueFromProp } from '../../utils';
 import { base as viewCSS } from './variations/_view/base';
 import { base as sizeCSS } from './variations/_size/base';
 import { base as borderRadiusCSS } from './variations/_borderRadius/base';
-import { classes } from './Panel.tokens';
+import { classes, privateTokens } from './Panel.tokens';
 import { StyledWrapper } from './Panel.styles';
 export var panelRoot = function panelRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
@@ -22,6 +22,8 @@ export var panelRoot = function panelRoot(Root) {
       size = _ref.size,
       width = _ref.width,
       height = _ref.height,
+      customBackgroundColor = _ref.customBackgroundColor,
+      customContentBackgroundColor = _ref.customContentBackgroundColor,
       className = _ref.className,
       style = _ref.style,
       rest = _objectWithoutProperties(_ref, _excluded);
@@ -32,11 +34,10 @@ export var panelRoot = function panelRoot(Root) {
       view: view,
       size: size,
       className: cx(classes.root, className),
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        '--plasma_private-panel-width': innerWidth,
-        '--plasma_private-panel-height': innerHeight
-      })
-    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, null, children));
+      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, privateTokens.width, innerWidth), privateTokens.height, innerHeight), privateTokens.backgroundColor, customBackgroundColor))
+    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, {
+      customContentBackgroundColor: customContentBackgroundColor
+    }, children));
   });
 };
 export var panelConfig = {

package/emotion/es/components/Panel/Panel.styles.js

@@ -3,4 +3,7 @@ import { tokens } from './Panel.tokens';
 export var StyledWrapper = /*#__PURE__*/_styled("div", {
   target: "e1uvnvko0",
   label: "plasma-new-hope__StyledWrapper"
-})("background:var(", tokens.contentBackgroundColor, ");height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvUGFuZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QyIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9QYW5lbC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmNvbnRlbnRCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG5gO1xuIl19 */"));
+})("background:", function (_ref) {
+  var customContentBackgroundColor = _ref.customContentBackgroundColor;
+  return customContentBackgroundColor || "var(".concat(tokens.contentBackgroundColor, ")");
+}, ";height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvUGFuZWwuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlrRiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL1BhbmVsLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi9QYW5lbC50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBjdXN0b21Db250ZW50QmFja2dyb3VuZENvbG9yPzogc3RyaW5nIH0+YFxuICAgIGJhY2tncm91bmQ6ICR7KHsgY3VzdG9tQ29udGVudEJhY2tncm91bmRDb2xvciB9KSA9PlxuICAgICAgICBjdXN0b21Db250ZW50QmFja2dyb3VuZENvbG9yIHx8IGB2YXIoJHt0b2tlbnMuY29udGVudEJhY2tncm91bmRDb2xvcn0pYH07XG4gICAgaGVpZ2h0OiAxMDAlO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuYDtcbiJdfQ== */"));

package/emotion/es/components/Panel/Panel.tokens.js

@@ -6,6 +6,11 @@ export var classes = {
   hasHeader: 'panel-has-header',
   isRightClose: 'panel-right-close-button'
 };
+export var privateTokens = {
+  width: '--plasma_private-panel-width',
+  height: '--plasma_private-panel-height',
+  backgroundColor: '--plasma_private-panel-custom-background-color'
+};
 export var tokens = {
   background: '--plasma-panel-background',
   shadow: '--plasma-panel-shadow',

package/emotion/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -3,14 +3,14 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
 import { mergeConfig, component } from '../../../../engines';
 import { buttonConfig } from '../../../Button';
 import { tokens as buttonTokens } from '../../../Button/Button.tokens';
-import { tokens } from '../../Panel.tokens';
+import { privateTokens, tokens } from '../../Panel.tokens';
 import { placements } from './PanelHeader.types';
 var mergedButtonConfig = /*#__PURE__*/mergeConfig(buttonConfig);
 var Button = /*#__PURE__*/component(mergedButtonConfig);
 export var ButtonWrapper = /*#__PURE__*/_styled("div", {
   target: "e35wejq2",
   label: "plasma-new-hope__ButtonWrapper"
-})("background:var(", tokens.background, ");order:", function (_ref) {
+})("background:var(", privateTokens.backgroundColor, ", var(", tokens.background, "));order:", function (_ref) {
   var placement = _ref.placement;
   return placement === placements.left ? -1 : 0;
 }, ";padding-left:", function (_ref2) {
@@ -19,7 +19,7 @@ export var ButtonWrapper = /*#__PURE__*/_styled("div", {
 }, ";padding-right:", function (_ref3) {
   var placement = _ref3.placement;
   return placement === placements.left ? '0.5rem' : '';
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkyRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3VpL1BhbmVsSGVhZGVyL1BhbmVsSGVhZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgbWVyZ2VDb25maWcsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBidXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9CdXR0b24vQnV0dG9uLnRva2Vucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYW5lbC50b2tlbnMnO1xuXG5pbXBvcnQgeyBDbG9zZVBsYWNlbWVudFR5cGUsIHBsYWNlbWVudHMgfSBmcm9tICcuL1BhbmVsSGVhZGVyLnR5cGVzJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBwbGFjZW1lbnQ/OiBDbG9zZVBsYWNlbWVudFR5cGUgfT5gXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkyRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3VpL1BhbmVsSGVhZGVyL1BhbmVsSGVhZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgbWVyZ2VDb25maWcsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBidXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9CdXR0b24vQnV0dG9uLnRva2Vucyc7XG5pbXBvcnQgeyBwcml2YXRlVG9rZW5zLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYW5lbC50b2tlbnMnO1xuXG5pbXBvcnQgeyBDbG9zZVBsYWNlbWVudFR5cGUsIHBsYWNlbWVudHMgfSBmcm9tICcuL1BhbmVsSGVhZGVyLnR5cGVzJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBwbGFjZW1lbnQ/OiBDbG9zZVBsYWNlbWVudFR5cGUgfT5gXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */"));
 export var StyledHeader = /*#__PURE__*/_styled("div", {
   target: "e35wejq1",
   label: "plasma-new-hope__StyledHeader"
@@ -29,10 +29,10 @@ export var StyledHeader = /*#__PURE__*/_styled("div", {
 } : {
   name: "1ncj9np",
   styles: "height:fit-content;flex-grow:1",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuZENvbG9yfSwgdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 export var CloseIconWrapper = /*#__PURE__*/_styled(Button, {
   target: "e35wejq0",
   label: "plasma-new-hope__CloseIconWrapper"
-})("position:relative;width:1.5rem;min-height:1.5rem;", buttonTokens.buttonColor, ":var(", tokens.closeColor, ");", buttonTokens.buttonColorHover, ":var(", tokens.closeColor, ");", buttonTokens.buttonColorActive, ":var(", tokens.closeColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */"));
+})("position:relative;width:1.5rem;min-height:1.5rem;", buttonTokens.buttonColor, ":var(", tokens.closeColor, ");", buttonTokens.buttonColorHover, ":var(", tokens.closeColor, ");", buttonTokens.buttonColorActive, ":var(", tokens.closeColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuZENvbG9yfSwgdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */"));

package/emotion/es/components/Panel/variations/_view/base.js

@@ -1,3 +1,3 @@
 import { css } from '@emotion/react';
-import { tokens } from '../../Panel.tokens';
-export var base = /*#__PURE__*/css("background:var(", tokens.background, ");box-shadow:var(", tokens.shadow, ");box-sizing:border-box;;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuc2hhZG93fSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG4iXX0= */"));
+import { privateTokens, tokens } from '../../Panel.tokens';
+export var base = /*#__PURE__*/css("background:var(", privateTokens.backgroundColor, ", var(", tokens.background, "));box-shadow:var(", tokens.shadow, ");box-sizing:border-box;;label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5kQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcbiAgICBib3gtc2hhZG93OiB2YXIoJHt0b2tlbnMuc2hhZG93fSk7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbmA7XG4iXX0= */"));

package/emotion/es/examples/plasma_b2c/components/Calendar/Calendar.stories.tsx

@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
             isDouble={isDouble}
             date={date}
             value={(isRange ? valueRange : value) as Date & [Date, Date?]}
+            min={min}
+            max={max}
             includeEdgeDates={includeEdgeDates}
             locale={locale}
             onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
-            min={min}
-            max={max}
         />
     );
 };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
             <CalendarDouble
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarBase
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
             <CalendarBaseRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarDoubleRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );

package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx

@@ -80,8 +80,6 @@ const StoryDefault = ({
     size,
     lang,
     format,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -105,8 +103,6 @@ const StoryDefault = ({
             lang={lang}
             format={format}
             onCommitDate={() => setIsOpen(false)}
-            min={min}
-            max={max}
             {...rest}
         />
     );
@@ -192,8 +188,6 @@ const StoryRange = ({
     secondValueSuccess,
     size,
     lang,
-    min,
-    max,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
@@ -246,8 +240,6 @@ const StoryRange = ({
                 onChangeSecondValue(e, currentValue);
             }}
             lang={lang}
-            min={min}
-            max={max}
             {...dividerIconProps}
             {...rest}
         />
@@ -314,8 +306,6 @@ const StoryDeferred = ({
     valueError,
     valueSuccess,
     size,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -348,8 +338,6 @@ const StoryDeferred = ({
                     onChangeValue(e, currentValue);
                 }}
                 onCommitDate={() => setIsOpen(false)}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         </>

package/emotion/es/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx

@@ -14,7 +14,7 @@ import type { ClosePlacementType } from '../../../../components/Drawer';
 import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
 
 export default {
-    title: 'b2c/Overlay/Divider',
+    title: 'b2c/Overlay/Drawer',
     decorators: [WithTheme],
     argTypes: {
         placement: {
@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/emotion/es/examples/plasma_b2c/components/Panel/Panel.stories.tsx

@@ -47,6 +47,16 @@ export default {
             },
             table: { defaultValue: { summary: 'right' } },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/emotion/es/examples/plasma_web/components/Calendar/Calendar.stories.tsx

@@ -100,11 +100,11 @@ const StoryDefault = (args: CalendarProps) => {
             isDouble={isDouble}
             date={date}
             value={(isRange ? valueRange : value) as Date & [Date, Date?]}
+            min={min}
+            max={max}
             includeEdgeDates={includeEdgeDates}
             locale={locale}
             onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
-            min={min}
-            max={max}
         />
     );
 };
@@ -146,24 +146,24 @@ const StoryBase = (args: CalendarBaseProps & { displayDouble: boolean }) => {
             <CalendarDouble
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarBase
                 size={size}
                 value={value}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 locale={locale}
                 onChangeValue={handleOnChange}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );
@@ -233,24 +233,24 @@ const StoryRange = (args: CalendarBaseRangeProps & { displayDouble: boolean }) =
             <CalendarBaseRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         ) : (
             <CalendarDoubleRange
                 size={size}
                 value={values}
+                min={min}
+                max={max}
                 includeEdgeDates={includeEdgeDates}
                 type={type}
                 onChangeValue={handleOnChange}
                 locale={locale}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         );

package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx

@@ -1,7 +1,7 @@
 import React, { ComponentProps, useEffect, useRef, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconButton } from '../IconButton/IconButton';
@@ -80,8 +80,6 @@ const StoryDefault = ({
     size,
     lang,
     format,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -105,8 +103,6 @@ const StoryDefault = ({
             lang={lang}
             format={format}
             onCommitDate={() => setIsOpen(false)}
-            min={min}
-            max={max}
             {...rest}
         />
     );
@@ -192,8 +188,6 @@ const StoryRange = ({
     secondValueSuccess,
     size,
     lang,
-    min,
-    max,
     ...rest
 }: StoryPropsRange) => {
     const rangeRef = useRef<RangeInputRefs>(null);
@@ -246,8 +240,6 @@ const StoryRange = ({
                 onChangeSecondValue(e, currentValue);
             }}
             lang={lang}
-            min={min}
-            max={max}
             {...dividerIconProps}
             {...rest}
         />
@@ -314,8 +306,6 @@ const StoryDeferred = ({
     valueError,
     valueSuccess,
     size,
-    min,
-    max,
     ...rest
 }: StoryPropsDefault) => {
     const [isOpen, setIsOpen] = useState(false);
@@ -348,8 +338,6 @@ const StoryDeferred = ({
                     onChangeValue(e, currentValue);
                 }}
                 onCommitDate={() => setIsOpen(false)}
-                {...(min && { min: new Date(min) })}
-                {...(max && { max: new Date(max) })}
                 {...rest}
             />
         </>

package/emotion/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx

@@ -14,7 +14,7 @@ import type { ClosePlacementType } from '../../../../components/Drawer';
 import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from './Drawer';
 
 export default {
-    title: 'web/Overlay/Divider',
+    title: 'web/Overlay/Drawer',
     decorators: [WithTheme],
     argTypes: {
         placement: {
@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx

@@ -16,7 +16,7 @@ const onChoseFiles = action('onChoseFiles');
 const iconPlacements = ['top', 'left'];
 
 const meta: Meta<typeof Dropzone> = {
-    title: 'plasma_web/Dropzone',
+    title: 'web/Data Entry/Dropzone',
     component: Dropzone,
     decorators: [WithTheme],
     argTypes: {

package/emotion/es/examples/plasma_web/components/Panel/Panel.stories.tsx

@@ -47,6 +47,16 @@ export default {
             },
             table: { defaultValue: { summary: 'right' } },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/es/components/Calendar/CalendarBase/CalendarBase.js

@@ -22,8 +22,8 @@ var _excluded = ["value", "min", "max", "includeEdgeDates", "type", "eventList",
 var calendarBaseRoot = function calendarBaseRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
     var externalValue = _ref.value,
-      minDate = _ref.min,
-      maxDate = _ref.max,
+      min = _ref.min,
+      max = _ref.max,
       includeEdgeDates = _ref.includeEdgeDates,
       _ref$type = _ref.type,
       type = _ref$type === void 0 ? 'Days' : _ref$type,
@@ -62,8 +62,6 @@ var calendarBaseRoot = function calendarBaseRoot(Root) {
       _useState8 = _slicedToArray(_useState7, 2),
       outOfRangeKey = _useState8[0],
       setOutOfRangeKey = _useState8[1];
-    var min = minDate && new Date(minDate);
-    var max = maxDate && new Date(maxDate);
     var _useReducer = useReducer(reducer, getInitialState(value, min, type)),
       _useReducer2 = _slicedToArray(_useReducer, 2),
       state = _useReducer2[0],