@salutejs/plasma-new-hope 0.261.0-canary.1756.13182478014.0 → 0.261.0-canary.1760.13177544873.0

package/{cjs/components/Panel/ui/PanelHeader/PanelHeader.styles_8c7krd.css → es/components/Panel/ui/PanelHeader/PanelHeader.styles_16qje7n.css}

@@ -1,3 +1,3 @@
-.b5xb1jq{background:var(--plasma-panel-background);-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
+.b5xb1jq{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
 .s1hqmxl1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
 .c7hx8go{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}

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

@@ -1,4 +1,4 @@
-import './base_10gjs6e.css';
+import './base_lwq4bq.css';
 var base = "b11yryf5";
 
 export { base };

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/Panel/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Panel.tokens';\n\nexport const base = css`\n    background: var(${tokens.background});\n    box-shadow: var(${tokens.shadow});\n    box-sizing: border-box;\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAIhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/Panel/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { privateTokens, tokens } from '../../Panel.tokens';\n\nexport const base = css`\n    background: var(${privateTokens.backgrounColor}, var(${tokens.background}));\n    box-shadow: var(${tokens.shadow});\n    box-sizing: border-box;\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAIhB;;;;"}

package/es/components/Panel/variations/_view/base_lwq4bq.css

@@ -0,0 +1 @@
+.b11yryf5{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}

package/es/index.css

@@ -371,21 +371,21 @@
 
 .base_ydejlv_b175yas1__99ab42b5{--plasma-panel-border-radius:var(--plasma-drawer-border-radius);}
 
-.base_10gjs6e_b11yryf5__c70de98c{background:var(--plasma-panel-background);box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
+.base_lwq4bq_b11yryf5__4e4b1db2{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));box-shadow:var(--plasma-panel-shadow);box-sizing:border-box;}
 
 .base_t42kp6_b68f6vo__04aa8af1{padding:var(--plasma-panel-padding);height:var(--plasma_private-panel-height);width:var(--plasma_private-panel-width);}
 
 .base_2yf5jv_b1xkcksz__e72487ad{border-radius:var(--plasma-panel-border-radius);}
 
-.Panel_styles_2oh0yk_siaxu13__4b38fa73{background:var(--plasma-panel-content-background-color);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
+.Panel_styles_1g0gq8z_siaxu13__180beaa7{background:var(--siaxu13-0);height:100%;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;}
 
 .base_1wckm5d_b1mvcfe5__595610ae{overflow-y:scroll;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;padding-right:20px;box-sizing:border-box;}.base_1wckm5d_b1mvcfe5__595610ae::-webkit-scrollbar{display:none;}
 
 .base_hmbg05_b1orvu2x__ac0d2781{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;}
 
-.PanelHeader_styles_8c7krd_b5xb1jq__8864a0a4{background:var(--plasma-panel-background);-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
-.PanelHeader_styles_8c7krd_s1hqmxl1__8864a0a4{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
-.PanelHeader_styles_8c7krd_c7hx8go__8864a0a4{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
+.PanelHeader_styles_16qje7n_b5xb1jq__a3864628{background:var(--plasma_private-panel-custom-background-color,var(--plasma-panel-background));-webkit-order:var(--b5xb1jq-0);-ms-flex-order:var(--b5xb1jq-0);order:var(--b5xb1jq-0);padding-left:var(--b5xb1jq-1);padding-right:var(--b5xb1jq-2);}
+.PanelHeader_styles_16qje7n_s1hqmxl1__a3864628{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}
+.PanelHeader_styles_16qje7n_c7hx8go__a3864628{position:relative;width:1.5rem;min-height:1.5rem;--plasma-button-color:var(--plasma-panel-close-color);--plasma-button-color-hover:var(--plasma-panel-close-color);--plasma-button-color-active:var(--plasma-panel-close-color);}
 
 .base_fbxbaa_b37w9ja__9aed17a1{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1{position:absolute;width:100%;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1 .base_fbxbaa_b5xb1jq__9aed17a1{background:transparent;}.base_fbxbaa_b37w9ja__9aed17a1.base_fbxbaa_panelHasHeader__9aed17a1.base_fbxbaa_panelRightCloseButton__9aed17a1{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;}
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.261.0-canary.1756.13182478014.0",
+  "version": "0.261.0-canary.1760.13177544873.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -131,5 +131,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "4216a1ac9a997323845981773c6d9fda16e92a4f"
+  "gitHead": "22fb5284f5f9d0dbf330f40304b05514cd8b2cfc"
 }

package/styled-components/cjs/components/Calendar/hooks/useCalendarDateChange.js

@@ -40,7 +40,6 @@ var useCalendarDateChange = exports.useCalendarDateChange = function useCalendar
       payload: {
         calendarState: _types.CalendarState.Days,
         monthIndex: newDate.monthIndex,
-        year: newDate.year,
         size: _reducer.sizeMap.Days["double"]
       }
     });

package/styled-components/cjs/components/Calendar/store/reducer.js

@@ -140,7 +140,6 @@ var reducer = exports.reducer = function reducer(state, action) {
         var _action$payload3 = action.payload,
           calendarState = _action$payload3.calendarState,
           _monthIndex2 = _action$payload3.monthIndex,
-          _year2 = _action$payload3.year,
           size = _action$payload3.size;
         return _objectSpread(_objectSpread({}, state), {}, {
           size: size,
@@ -148,7 +147,7 @@ var reducer = exports.reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: _monthIndex2,
-            year: _year2
+            year: state.date.year
           }
         });
       }
@@ -156,7 +155,7 @@ var reducer = exports.reducer = function reducer(state, action) {
       {
         var _action$payload4 = action.payload,
           _calendarState = _action$payload4.calendarState,
-          _year3 = _action$payload4.year,
+          _year2 = _action$payload4.year,
           _size = _action$payload4.size;
         return _objectSpread(_objectSpread({}, state), {}, {
           size: _size,
@@ -164,7 +163,7 @@ var reducer = exports.reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: state.date.monthIndex,
-            year: _year3
+            year: _year2
           }
         });
       }

package/styled-components/cjs/components/Drawer/Drawer.js

@@ -19,7 +19,7 @@ var _base3 = /*#__PURE__*/require("./variations/_borderRadius/base");
 var _Drawer2 = /*#__PURE__*/require("./Drawer.styles");
 var _DrawerContext = /*#__PURE__*/require("./DrawerContext");
 var _hooks2 = /*#__PURE__*/require("./hooks");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -43,6 +43,8 @@ var drawerRoot = exports.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,
@@ -126,6 +128,8 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
     }, /*#__PURE__*/_react["default"].createElement(_Drawer2.StyledPanel, {
       width: innerWidth,
       height: innerHeight,
+      customBackgroundColor: customBackgroundColor,
+      customContentBackgroundColor: customContentBackgroundColor,
       className: className
     }, children)));
   });

package/styled-components/cjs/components/Panel/Panel.js

@@ -12,7 +12,7 @@ var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_borderRadius/base");
 var _Panel = /*#__PURE__*/require("./Panel.tokens");
 var _Panel2 = /*#__PURE__*/require("./Panel.styles");
-var _excluded = ["children", "view", "size", "width", "height", "className", "style"];
+var _excluded = ["children", "view", "size", "width", "height", "customBackgroundColor", "customContentBackgroundColor", "className", "style"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 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); }
@@ -30,6 +30,8 @@ var panelRoot = exports.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);
@@ -40,11 +42,10 @@ var panelRoot = exports.panelRoot = function panelRoot(Root) {
       view: view,
       size: size,
       className: (0, _utils.cx)(_Panel.classes.root, className),
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        '--plasma_private-panel-width': innerWidth,
-        '--plasma_private-panel-height': innerHeight
-      })
-    }, rest), /*#__PURE__*/_react["default"].createElement(_Panel2.StyledWrapper, null, children));
+      style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty(_defineProperty({}, _Panel.privateTokens.width, innerWidth), _Panel.privateTokens.height, innerHeight), _Panel.privateTokens.backgrounColor, customBackgroundColor))
+    }, rest), /*#__PURE__*/_react["default"].createElement(_Panel2.StyledWrapper, {
+      customContentBackgroundColor: customContentBackgroundColor
+    }, children));
   });
 };
 var panelConfig = exports.panelConfig = {

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

@@ -9,4 +9,7 @@ var _Panel = /*#__PURE__*/require("./Panel.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-ryn15p-0"
-})(["background:var(", ");height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], _Panel.tokens.contentBackgroundColor);
+})(["background:", ";height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], function (_ref) {
+  var customContentBackgroundColor = _ref.customContentBackgroundColor;
+  return customContentBackgroundColor || "var(".concat(_Panel.tokens.contentBackgroundColor, ")");
+});

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.classes = void 0;
+exports.tokens = exports.privateTokens = exports.classes = void 0;
 var classes = exports.classes = {
   root: 'panel-root',
   content: 'panel-content',
@@ -12,6 +12,11 @@ var classes = exports.classes = {
   hasHeader: 'panel-has-header',
   isRightClose: 'panel-right-close-button'
 };
+var privateTokens = exports.privateTokens = {
+  width: '--plasma_private-panel-width',
+  height: '--plasma_private-panel-height',
+  backgrounColor: '--plasma_private-panel-custom-background-color'
+};
 var tokens = exports.tokens = {
   background: '--plasma-panel-background',
   shadow: '--plasma-panel-shadow',

package/styled-components/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -15,7 +15,7 @@ var mergedButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonCo
 var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
 var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-yiy73v-0"
-})(["background:var(", ");order:", ";padding-left:", ";padding-right:", ";"], _Panel.tokens.background, function (_ref) {
+})(["background:var(", ",var(", "));order:", ";padding-left:", ";padding-right:", ";"], _Panel.privateTokens.backgrounColor, _Panel.tokens.background, function (_ref) {
   var placement = _ref.placement;
   return placement === _PanelHeader.placements.left ? -1 : 0;
 }, function (_ref2) {

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

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Panel = /*#__PURE__*/require("../../Panel.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background:var(", ");box-shadow:var(", ");box-sizing:border-box;"], _Panel.tokens.background, _Panel.tokens.shadow);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["background:var(", ",var(", "));box-shadow:var(", ");box-sizing:border-box;"], _Panel.privateTokens.backgrounColor, _Panel.tokens.background, _Panel.tokens.shadow);

package/styled-components/cjs/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/styled-components/cjs/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/styled-components/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx

@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/styled-components/cjs/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/styled-components/cjs/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/styled-components/es/components/Calendar/hooks/useCalendarDateChange.js

@@ -34,7 +34,6 @@ export var useCalendarDateChange = function useCalendarDateChange(_ref) {
       payload: {
         calendarState: CalendarState.Days,
         monthIndex: newDate.monthIndex,
-        year: newDate.year,
         size: sizeMap.Days["double"]
       }
     });

package/styled-components/es/components/Calendar/store/reducer.js

@@ -134,7 +134,6 @@ export var reducer = function reducer(state, action) {
         var _action$payload3 = action.payload,
           calendarState = _action$payload3.calendarState,
           _monthIndex2 = _action$payload3.monthIndex,
-          _year2 = _action$payload3.year,
           size = _action$payload3.size;
         return _objectSpread(_objectSpread({}, state), {}, {
           size: size,
@@ -142,7 +141,7 @@ export var reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: _monthIndex2,
-            year: _year2
+            year: state.date.year
           }
         });
       }
@@ -150,7 +149,7 @@ export var reducer = function reducer(state, action) {
       {
         var _action$payload4 = action.payload,
           _calendarState = _action$payload4.calendarState,
-          _year3 = _action$payload4.year,
+          _year2 = _action$payload4.year,
           _size = _action$payload4.size;
         return _objectSpread(_objectSpread({}, state), {}, {
           size: _size,
@@ -158,7 +157,7 @@ export var reducer = function reducer(state, action) {
           date: {
             day: state.date.day,
             monthIndex: state.date.monthIndex,
-            year: _year3
+            year: _year2
           }
         });
       }

package/styled-components/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/styled-components/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.backgrounColor, customBackgroundColor))
+    }, rest), /*#__PURE__*/React.createElement(StyledWrapper, {
+      customContentBackgroundColor: customContentBackgroundColor
+    }, children));
   });
 };
 export var panelConfig = {

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

@@ -2,4 +2,7 @@ import styled from 'styled-components';
 import { tokens } from './Panel.tokens';
 export var StyledWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-ryn15p-0"
-})(["background:var(", ");height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], tokens.contentBackgroundColor);
+})(["background:", ";height:100%;width:100%;display:inline-flex;flex-direction:column;position:relative;"], function (_ref) {
+  var customContentBackgroundColor = _ref.customContentBackgroundColor;
+  return customContentBackgroundColor || "var(".concat(tokens.contentBackgroundColor, ")");
+});

package/styled-components/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',
+  backgrounColor: '--plasma_private-panel-custom-background-color'
+};
 export var tokens = {
   background: '--plasma-panel-background',
   shadow: '--plasma-panel-shadow',

package/styled-components/es/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -2,13 +2,13 @@ import styled from 'styled-components';
 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.withConfig({
   componentId: "plasma-new-hope__sc-yiy73v-0"
-})(["background:var(", ");order:", ";padding-left:", ";padding-right:", ";"], tokens.background, function (_ref) {
+})(["background:var(", ",var(", "));order:", ";padding-left:", ";padding-right:", ";"], privateTokens.backgrounColor, tokens.background, function (_ref) {
   var placement = _ref.placement;
   return placement === placements.left ? -1 : 0;
 }, function (_ref2) {

package/styled-components/es/components/Panel/variations/_view/base.js

@@ -1,3 +1,3 @@
 import { css } from 'styled-components';
-import { tokens } from '../../Panel.tokens';
-export var base = /*#__PURE__*/css(["background:var(", ");box-shadow:var(", ");box-sizing:border-box;"], tokens.background, tokens.shadow);
+import { privateTokens, tokens } from '../../Panel.tokens';
+export var base = /*#__PURE__*/css(["background:var(", ",var(", "));box-shadow:var(", ");box-sizing:border-box;"], privateTokens.backgrounColor, tokens.background, tokens.shadow);

package/styled-components/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/styled-components/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/styled-components/es/examples/plasma_web/components/Drawer/Drawer.stories.tsx

@@ -85,6 +85,16 @@ export default {
                 type: 'select',
             },
         },
+        customBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
+        customContentBackgroundColor: {
+            control: {
+                type: 'color',
+            },
+        },
     },
 } as Meta;
 

package/styled-components/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/styled-components/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/types/components/Calendar/hooks/useCalendarDateChange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCalendarDateChange.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/hooks/useCalendarDateChange.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAA6B,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAG9E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,qBAAqB,wDAK/B,yBAAyB;iCAEV,UAAU,SAAS,MAAM,EAAE;mCA4B3B,UAAU,SAAS,MAAM,EAAE;qCAlB3B,UAAU,SAAS,MAAM,EAAE,eAAe,MAAM;kCAyChD,UAAU,SAAS,MAAM,EAAE;kDAkCwB,iBAAiB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC;CAchH,CAAC"}
+{"version":3,"file":"useCalendarDateChange.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/hooks/useCalendarDateChange.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAA6B,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAG9E,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,qBAAqB,wDAK/B,yBAAyB;iCAEV,UAAU,SAAS,MAAM,EAAE;mCA4B3B,UAAU,SAAS,MAAM,EAAE;qCAlB3B,UAAU,SAAS,MAAM,EAAE,eAAe,MAAM;kCAwChD,UAAU,SAAS,MAAM,EAAE;kDAkCwB,iBAAiB,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC;CAchH,CAAC"}

package/types/components/Calendar/store/types.d.ts

@@ -79,7 +79,6 @@ export declare type UpdateMonthAction = {
     payload: {
         calendarState: CalendarStateType;
         monthIndex: number;
-        year: number;
         size: [number, number];
     };
 };

package/types/components/Calendar/store/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/store/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAEpD,oBAAY,aAAa;IACrB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;CACxB;AAED,0BAAkB,UAAU;IACxB,UAAU,eAAe;IACzB,cAAc,mBAAmB;IACjC,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,mBAAmB,wBAAwB;IAC3C,eAAe,oBAAoB;IACnC,WAAW,gBAAgB;IAC3B,YAAY,iBAAiB;IAC7B,WAAW,gBAAgB;IAC3B,qBAAqB,0BAA0B;CAClD;AAED,oBAAY,OAAO,GAAG;KACjB,GAAG,IAAI,aAAa,GAAG;QACpB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACzB,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC5B;CACJ,CAAC;AAEF,oBAAY,iBAAiB,GAAG,MAAM,OAAO,aAAa,CAAC;AAE3D,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,UAAU,CAAC;IACjB,aAAa,EAAE,iBAAiB,CAAC;IACjC,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC1B;AAED,oBAAY,mBAAmB,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC,cAAc,CAAC;IAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAErH,oBAAY,eAAe,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC,UAAU,CAAC;IAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAE7G,oBAAY,kBAAkB,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC,aAAa,CAAC;IAAC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAE/F,oBAAY,cAAc,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC,SAAS,CAAC;IAAC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAEvF,oBAAY,uBAAuB,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC,mBAAmB,CAAC;IAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAEhH,oBAAY,mBAAmB,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC,eAAe,CAAC;IAAC,OAAO,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAExG,oBAAY,gBAAgB,GAAG;IAAE,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC;IAAC,OAAO,EAAE;QAAE,KAAK,EAAE,IAAI,CAAA;KAAE,CAAA;CAAE,CAAC;AAE1F,oBAAY,iBAAiB,GAAG;IAC5B,IAAI,EAAE,UAAU,CAAC,YAAY,CAAC;IAC9B,OAAO,EAAE;QAAE,aAAa,EAAE,iBAAiB,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CAC3G,CAAC;AAEF,oBAAY,gBAAgB,GAAG;IAC3B,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC;IAC7B,OAAO,EAAE;QAAE,aAAa,EAAE,iBAAiB,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CACvF,CAAC;AAEF,oBAAY,yBAAyB,GAAG;IACpC,IAAI,EAAE,UAAU,CAAC,qBAAqB,CAAC;IACvC,OAAO,EAAE;QAAE,aAAa,EAAE,iBAAiB,CAAC;QAAC,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;KAAE,CAAC;CAC1E,CAAC;AAEF,oBAAY,MAAM,GACZ,eAAe,GACf,mBAAmB,GACnB,cAAc,GACd,kBAAkB,GAClB,uBAAuB,GACvB,mBAAmB,GACnB,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,yBAAyB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Calendar/store/types.ts"],"names":[],"mappings":"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"}

package/types/components/Drawer/Drawer.d.ts

@@ -4,6 +4,8 @@ import type { DrawerProps } from './Drawer.types';
 export declare const drawerRoot: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<import("../Popup").PopupProps & import("../Panel").PanelProps & {
     placement?: "left" | "right" | "top" | "bottom" | undefined;
     asModal?: boolean | undefined;
+    customBackgroundColor?: string | undefined;
+    customContentBackgroundColor?: string | undefined;
     withBlur?: boolean | undefined;
     closeOnEsc?: boolean | undefined;
     closeOnOverlayClick?: boolean | undefined;
@@ -19,6 +21,8 @@ export declare const drawerConfig: {
     layout: (Root: RootProps<HTMLDivElement, DrawerProps>) => React.ForwardRefExoticComponent<import("../Popup").PopupProps & import("../Panel").PanelProps & {
         placement?: "left" | "right" | "top" | "bottom" | undefined;
         asModal?: boolean | undefined;
+        customBackgroundColor?: string | undefined;
+        customContentBackgroundColor?: string | undefined;
         withBlur?: boolean | undefined;
         closeOnEsc?: boolean | undefined;
         closeOnOverlayClick?: boolean | undefined;