npm - @salutejs/plasma-new-hope - Versions diffs - 0.263.1-canary.1764.13286897844.0 → 0.264.0-canary.1760.13286965233.0 - Mend

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

Files changed (106) hide show

package/emotion/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js CHANGED Viewed

@@ -17,7 +17,7 @@ var Button = /*#__PURE__*/(0, _engines.component)(mergedButtonConfig);
 var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e35wejq2",
   label: "plasma-new-hope__ButtonWrapper"
-})("background:var(", _Panel.tokens.background, ");order:", function (_ref) {
+})("background:var(", _Panel.privateTokens.backgroundColor, ", var(", _Panel.tokens.background, "));order:", function (_ref) {
   var placement = _ref.placement;
   return placement === _PanelHeader.placements.left ? -1 : 0;
 }, ";padding-left:", function (_ref2) {
@@ -26,7 +26,7 @@ var ButtonWrapper = exports.ButtonWrapper = /*#__PURE__*/(0, _base["default"])("
 }, ";padding-right:", function (_ref3) {
   var placement = _ref3.placement;
   return placement === _PanelHeader.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 */"));
 var StyledHeader = exports.StyledHeader = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e35wejq1",
   label: "plasma-new-hope__StyledHeader"
@@ -36,10 +36,10 @@ var StyledHeader = exports.StyledHeader = /*#__PURE__*/(0, _base["default"])("di
 } : {
   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__
 });
 var CloseIconWrapper = exports.CloseIconWrapper = /*#__PURE__*/(0, _base["default"])(Button, {
   target: "e35wejq0",
   label: "plasma-new-hope__CloseIconWrapper"
-})("position:relative;width:1.5rem;min-height:1.5rem;", _Button2.tokens.buttonColor, ":var(", _Panel.tokens.closeColor, ");", _Button2.tokens.buttonColorHover, ":var(", _Panel.tokens.closeColor, ");", _Button2.tokens.buttonColorActive, ":var(", _Panel.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;", _Button2.tokens.buttonColor, ":var(", _Panel.tokens.closeColor, ");", _Button2.tokens.buttonColorHover, ":var(", _Panel.tokens.closeColor, ");", _Button2.tokens.buttonColorActive, ":var(", _Panel.tokens.closeColor, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuZENvbG9yfSwgdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */"));

package/emotion/cjs/components/Panel/variations/_view/base.js CHANGED Viewed

@@ -6,4 +6,4 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _react = /*#__PURE__*/require("@emotion/react");
 var _Panel = /*#__PURE__*/require("../../Panel.tokens");
-var base = exports.base = /*#__PURE__*/(0, _react.css)("background:var(", _Panel.tokens.background, ");box-shadow:var(", _Panel.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= */"));
+var base = exports.base = /*#__PURE__*/(0, _react.css)("background:var(", _Panel.privateTokens.backgroundColor, ", var(", _Panel.tokens.background, "));box-shadow:var(", _Panel.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/cjs/examples/plasma_b2c/components/Drawer/Drawer.stories.tsx CHANGED Viewed

@@ -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/cjs/examples/plasma_b2c/components/Panel/Panel.stories.tsx CHANGED Viewed

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

package/emotion/cjs/examples/plasma_web/components/Drawer/Drawer.stories.tsx CHANGED Viewed

@@ -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/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx CHANGED Viewed

@@ -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/cjs/examples/plasma_web/components/Panel/Panel.stories.tsx CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/Drawer/Drawer.stories.tsx CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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/Drawer/Drawer.stories.tsx CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

package/es/components/Drawer/Drawer.css CHANGED Viewed

@@ -11,13 +11,13 @@
 .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;}
@@ -51,9 +51,9 @@
 .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);margin:var(--s1rjh7ra-0);}
 .Button_styles_8cvmld_b9ga1dj__4694a0fa{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
-.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/es/components/Drawer/Drawer.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { useDrawer } from './hooks/useDrawer.js';
 import { Overlay } from '../Overlay/Overlay.js';
 import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
-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"];
 // issue #823
@@ -35,6 +35,8 @@ 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 @@ var drawerRoot = function drawerRoot(Root) {
     }, /*#__PURE__*/React.createElement(StyledPanel, {
       width: innerWidth,
       height: innerHeight,
+      customBackgroundColor: customBackgroundColor,
+      customContentBackgroundColor: customContentBackgroundColor,
       className: className
     }, children)));
   });

package/es/components/Drawer/Drawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n forwardRef<HTMLDivElement, DrawerProps>(\n (\n {\n id,\n zIndex,\n popupInfo,\n withBlur,\n children,\n view,\n size,\n width,\n height,\n isOpen,\n opened,\n initialFocusRef,\n focusAfterRef,\n className,\n onClose,\n onOverlayClick,\n onEscKeyDown,\n offset,\n frame,\n borderRadius = 'none',\n placement = 'right',\n closeOnEsc = true,\n closeOnOverlayClick = true,\n asModal = true,\n ...rest\n },\n outerRef,\n ) => {\n const innerIsOpen = Boolean(isOpen \|\| opened);\n\n const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n const popupController = usePopupContext();\n\n const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.drawerOverlayWithBlurColor})`\n : `var(${tokens.drawerOverlayColor})`;\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n const { drawerInfo } = useDrawer({\n id: innerId,\n isOpen: innerIsOpen,\n closeOnEsc,\n onEscKeyDown,\n onClose,\n popupInfo,\n disableScroll: asModal,\n });\n const transparent = useMemo(() => getIdLastDrawer(popupController.items) !== innerId, [\n innerId,\n popupController.items,\n ]);\n\n const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n if (onOverlayClick) {\n onOverlayClick(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n };\n\n return (\n <StyledPopup\n id={innerId}\n ref={asModal ? innerRef : outerRef}\n className={cx(placementClass)}\n opened={innerIsOpen}\n zIndex={zIndex}\n placement={placement}\n popupInfo={drawerInfo}\n frame={frame}\n width={innerWidth}\n height={innerHeight}\n offset={offset}\n withAnimation\n overlay={\n asModal && (\n <Root view={view}>\n <Overlay\n className={classes.overlay}\n zIndex={zIndex \|\| DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n transparent={transparent}\n isClickable={closeOnOverlayClick}\n onOverlayClick={onDrawerOverlayKeyDown}\n />\n </Root>\n )\n }\n {...rest}\n >\n <Root\n view={view}\n size={size}\n style={{ width: innerWidth, height: innerHeight }}\n borderRadius={borderRadius}\n >\n <StyledPanel width={innerWidth} height={innerHeight} className={className}>\n {children}\n </StyledPanel>\n </Root>\n </StyledPopup>\n );\n },\n );\n\nexport const drawerConfig = {\n name: 'Drawer',\n tag: 'div',\n layout: drawerRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n borderRadius: {\n css: borderRadiusCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n borderRadius: 'none',\n },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","items","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}
1	+ {"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\nimport { useForkRef, safeUseId } from '@salutejs/plasma-core';\n\nimport type { RootProps } from '../../engines';\nimport { usePopupContext } from '../Popup';\nimport { Overlay } from '../Overlay';\nimport { DEFAULT_Z_INDEX } from '../Popup/utils';\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { useFocusTrap } from '../../hooks';\n\nimport { classes, tokens } from './Drawer.tokens';\nimport type { DrawerProps } from './Drawer.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as borderRadiusCSS } from './variations/_borderRadius/base';\nimport { StyledPopup, StyledPanel } from './Drawer.styles';\nimport { getIdLastDrawer } from './DrawerContext';\nimport { useDrawer } from './hooks';\n\n// issue #823\n\nexport const drawerRoot = (Root: RootProps<HTMLDivElement, DrawerProps>) =>\n forwardRef<HTMLDivElement, DrawerProps>(\n (\n {\n id,\n zIndex,\n popupInfo,\n withBlur,\n children,\n view,\n size,\n width,\n height,\n isOpen,\n opened,\n initialFocusRef,\n focusAfterRef,\n className,\n customBackgroundColor,\n customContentBackgroundColor,\n onClose,\n onOverlayClick,\n onEscKeyDown,\n offset,\n frame,\n borderRadius = 'none',\n placement = 'right',\n closeOnEsc = true,\n closeOnOverlayClick = true,\n asModal = true,\n ...rest\n },\n outerRef,\n ) => {\n const innerIsOpen = Boolean(isOpen \|\| opened);\n\n const trapRef = useFocusTrap(true, initialFocusRef, focusAfterRef);\n const popupController = usePopupContext();\n\n const innerRef = useForkRef<HTMLDivElement>(trapRef, outerRef);\n\n const uniqId = safeUseId();\n const innerId = id \|\| uniqId;\n const overlayBackgroundToken = withBlur\n ? `var(${tokens.drawerOverlayWithBlurColor})`\n : `var(${tokens.drawerOverlayColor})`;\n const innerWidth = width ? getSizeValueFromProp(width) : '100%';\n const innerHeight = height ? getSizeValueFromProp(height) : '100%';\n\n const placementClass = placement ? classes[`${placement}Placement` as keyof typeof classes] : undefined;\n\n const { drawerInfo } = useDrawer({\n id: innerId,\n isOpen: innerIsOpen,\n closeOnEsc,\n onEscKeyDown,\n onClose,\n popupInfo,\n disableScroll: asModal,\n });\n const transparent = useMemo(() => getIdLastDrawer(popupController.items) !== innerId, [\n innerId,\n popupController.items,\n ]);\n\n const onDrawerOverlayKeyDown = (event: React.MouseEvent<HTMLDivElement>) => {\n if (onOverlayClick) {\n onOverlayClick(event);\n return;\n }\n\n if (onClose) {\n onClose();\n }\n };\n\n return (\n <StyledPopup\n id={innerId}\n ref={asModal ? innerRef : outerRef}\n className={cx(placementClass)}\n opened={innerIsOpen}\n zIndex={zIndex}\n placement={placement}\n popupInfo={drawerInfo}\n frame={frame}\n width={innerWidth}\n height={innerHeight}\n offset={offset}\n withAnimation\n overlay={\n asModal && (\n <Root view={view}>\n <Overlay\n className={classes.overlay}\n zIndex={zIndex \|\| DEFAULT_Z_INDEX}\n backgroundColorProperty={overlayBackgroundToken}\n withBlur={withBlur}\n transparent={transparent}\n isClickable={closeOnOverlayClick}\n onOverlayClick={onDrawerOverlayKeyDown}\n />\n </Root>\n )\n }\n {...rest}\n >\n <Root\n view={view}\n size={size}\n style={{ width: innerWidth, height: innerHeight }}\n borderRadius={borderRadius}\n >\n <StyledPanel\n width={innerWidth}\n height={innerHeight}\n customBackgroundColor={customBackgroundColor}\n customContentBackgroundColor={customContentBackgroundColor}\n className={className}\n >\n {children}\n </StyledPanel>\n </Root>\n </StyledPopup>\n );\n },\n );\n\nexport const drawerConfig = {\n name: 'Drawer',\n tag: 'div',\n layout: drawerRoot,\n base: '',\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n borderRadius: {\n css: borderRadiusCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n borderRadius: 'none',\n },\n};\n"],"names":["drawerRoot","Root","forwardRef","_ref","outerRef","id","zIndex","popupInfo","withBlur","children","view","size","width","height","isOpen","opened","initialFocusRef","focusAfterRef","className","customBackgroundColor","customContentBackgroundColor","onClose","onOverlayClick","onEscKeyDown","offset","frame","_ref$borderRadius","borderRadius","_ref$placement","placement","_ref$closeOnEsc","closeOnEsc","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$asModal","asModal","rest","_objectWithoutProperties","_excluded","innerIsOpen","Boolean","trapRef","useFocusTrap","popupController","usePopupContext","innerRef","useForkRef","uniqId","safeUseId","innerId","overlayBackgroundToken","concat","tokens","drawerOverlayWithBlurColor","drawerOverlayColor","innerWidth","getSizeValueFromProp","innerHeight","placementClass","classes","undefined","_useDrawer","useDrawer","disableScroll","drawerInfo","transparent","useMemo","getIdLastDrawer","items","onDrawerOverlayKeyDown","event","React","createElement","StyledPopup","_extends","ref","cx","withAnimation","overlay","Overlay","DEFAULT_Z_INDEX","backgroundColorProperty","isClickable","style","StyledPanel","drawerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","borderRadiusCSS","defaults"],"mappings":"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"}

package/es/components/Drawer/ui/DrawerContent/DrawerContent.css CHANGED Viewed

@@ -1,10 +1,10 @@
-.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;}
@@ -38,8 +38,8 @@
 .Button_styles_8cvmld_s1rjh7ra__4694a0fa{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-self:var(--plasma-button-right-content-align-self);-ms-flex-item-align:var(--plasma-button-right-content-align);align-self:var(--plasma-button-right-content-align-self);margin:var(--s1rjh7ra-0);}
 .Button_styles_8cvmld_b9ga1dj__4694a0fa{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_8cvmld_b9ga1dj__4694a0fa{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_b9ga1dj__4694a0fa.Button_styles_8cvmld_buttonSquare__4694a0fa{width:var(--plasma-button-height);padding:0;}
-.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/es/components/Panel/Panel.css CHANGED Viewed

@@ -1,7 +1,7 @@
-.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;}