@salutejs/plasma-new-hope 0.261.0-canary.1760.13180340956.0 → 0.261.0-canary.1761.13194272044.0

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

@@ -10,21 +10,6 @@ var classes = {
   hasHeader: 'panel-has-header',
   isRightClose: 'panel-right-close-button'
 };
-var privateTokens = {
-  width: '--plasma_private-panel-width',
-  height: '--plasma_private-panel-height',
-  backgrounColor: '--plasma_private-panel-custom-background-color'
-};
-var tokens = {
-  background: '--plasma-panel-background',
-  shadow: '--plasma-panel-shadow',
-  contentBackgroundColor: '--plasma-panel-content-background-color',
-  padding: '--plasma-panel-padding',
-  borderRadius: '--plasma-panel-border-radius',
-  closeColor: '--plasma-panel-close-color'
-};
 
 exports.classes = classes;
-exports.privateTokens = privateTokens;
-exports.tokens = tokens;
 //# sourceMappingURL=Panel.tokens.js.map

package/cjs/components/Panel/Panel.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.tokens.js","sources":["../../../src/components/Panel/Panel.tokens.ts"],"sourcesContent":["export const classes = {\n    root: 'panel-root',\n    content: 'panel-content',\n    header: 'panel-header',\n    footer: 'panel-footer',\n    hasHeader: 'panel-has-header',\n    isRightClose: 'panel-right-close-button',\n};\n\nexport const privateTokens = {\n    width: '--plasma_private-panel-width',\n    height: '--plasma_private-panel-height',\n    backgrounColor: '--plasma_private-panel-custom-background-color',\n};\n\nexport const tokens = {\n    background: '--plasma-panel-background',\n    shadow: '--plasma-panel-shadow',\n    contentBackgroundColor: '--plasma-panel-content-background-color',\n    padding: '--plasma-panel-padding',\n    borderRadius: '--plasma-panel-border-radius',\n    closeColor: '--plasma-panel-close-color',\n};\n"],"names":["classes","root","content","header","footer","hasHeader","isRightClose","privateTokens","width","height","backgrounColor","tokens","background","shadow","contentBackgroundColor","padding","borderRadius","closeColor"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,MAAM,EAAE,cAAc;AACtBC,EAAAA,MAAM,EAAE,cAAc;AACtBC,EAAAA,SAAS,EAAE,kBAAkB;AAC7BC,EAAAA,YAAY,EAAE,0BAAA;AAClB,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,8BAA8B;AACrCC,EAAAA,MAAM,EAAE,+BAA+B;AACvCC,EAAAA,cAAc,EAAE,gDAAA;AACpB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,2BAA2B;AACvCC,EAAAA,MAAM,EAAE,uBAAuB;AAC/BC,EAAAA,sBAAsB,EAAE,yCAAyC;AACjEC,EAAAA,OAAO,EAAE,wBAAwB;AACjCC,EAAAA,YAAY,EAAE,8BAA8B;AAC5CC,EAAAA,UAAU,EAAE,4BAAA;AAChB;;;;;;"}
+{"version":3,"file":"Panel.tokens.js","sources":["../../../src/components/Panel/Panel.tokens.ts"],"sourcesContent":["export const classes = {\n    root: 'panel-root',\n    content: 'panel-content',\n    header: 'panel-header',\n    footer: 'panel-footer',\n    hasHeader: 'panel-has-header',\n    isRightClose: 'panel-right-close-button',\n};\n\nexport const tokens = {\n    background: '--plasma-panel-background',\n    shadow: '--plasma-panel-shadow',\n    contentBackgroundColor: '--plasma-panel-content-background-color',\n    padding: '--plasma-panel-padding',\n    borderRadius: '--plasma-panel-border-radius',\n    closeColor: '--plasma-panel-close-color',\n};\n"],"names":["classes","root","content","header","footer","hasHeader","isRightClose"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,IAAI,EAAE,YAAY;AAClBC,EAAAA,OAAO,EAAE,eAAe;AACxBC,EAAAA,MAAM,EAAE,cAAc;AACtBC,EAAAA,MAAM,EAAE,cAAc;AACtBC,EAAAA,SAAS,EAAE,kBAAkB;AAC7BC,EAAAA,YAAY,EAAE,0BAAA;AAClB;;;;"}

package/cjs/components/Panel/ui/PanelHeader/PanelHeader.css

@@ -26,8 +26,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_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);}
+.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);}
 
 .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/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -1,4 +1,4 @@
-require('./PanelHeader.styles_16qje7n.css');
+require('./PanelHeader.styles_8c7krd.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -10,19 +10,19 @@ var Button$1 = require('../../../Button/Button.js');
 
 var mergedButtonConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
 var Button = /*#__PURE__*/common.component(mergedButtonConfig);
-var _exp3 = function _exp3() {
+var _exp2 = function _exp2() {
   return function (_ref) {
     var placement = _ref.placement;
     return placement === PanelHeader_types.placements.left ? -1 : 0;
   };
 };
-var _exp4 = function _exp4() {
+var _exp3 = function _exp3() {
   return function (_ref2) {
     var placement = _ref2.placement;
     return !placement || placement === PanelHeader_types.placements.right ? '0.5rem' : '';
   };
 };
-var _exp5 = function _exp5() {
+var _exp4 = function _exp4() {
   return function (_ref3) {
     var placement = _ref3.placement;
     return placement === PanelHeader_types.placements.left ? '0.5rem' : '';
@@ -33,9 +33,9 @@ var ButtonWrapper = /*#__PURE__*/react.styled('div')({
   "class": "b5xb1jq",
   propsAsIs: false,
   vars: {
-    "b5xb1jq-0": [/*#__PURE__*/_exp3()],
-    "b5xb1jq-1": [/*#__PURE__*/_exp4()],
-    "b5xb1jq-2": [/*#__PURE__*/_exp5()]
+    "b5xb1jq-0": [/*#__PURE__*/_exp2()],
+    "b5xb1jq-1": [/*#__PURE__*/_exp3()],
+    "b5xb1jq-2": [/*#__PURE__*/_exp4()]
   }
 });
 var StyledHeader = /*#__PURE__*/react.styled('div')({
@@ -43,10 +43,10 @@ var StyledHeader = /*#__PURE__*/react.styled('div')({
   "class": "s1hqmxl1",
   propsAsIs: false
 });
-var _exp6 = function _exp6() {
+var _exp5 = function _exp5() {
   return Button;
 };
-var CloseIconWrapper = /*#__PURE__*/react.styled(_exp6())({
+var CloseIconWrapper = /*#__PURE__*/react.styled(_exp5())({
   name: "CloseIconWrapper",
   "class": "c7hx8go",
   propsAsIs: true

package/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PanelHeader.styles.js","sources":["../../../../../src/components/Panel/ui/PanelHeader/PanelHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { mergeConfig, component } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { tokens as buttonTokens } from '../../../Button/Button.tokens';\nimport { privateTokens, tokens } from '../../Panel.tokens';\n\nimport { ClosePlacementType, placements } from './PanelHeader.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const ButtonWrapper = styled.div<{ placement?: ClosePlacementType }>`\n    background: var(${privateTokens.backgrounColor}, var(${tokens.background}));\n\n    order: ${({ placement }) => (placement === placements.left ? -1 : 0)};\n    padding-left: ${({ placement }) => (!placement || placement === placements.right ? '0.5rem' : '')};\n    padding-right: ${({ placement }) => (placement === placements.left ? '0.5rem' : '')};\n`;\n\nexport const StyledHeader = styled.div`\n    height: fit-content;\n    flex-grow: 1;\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    position: relative;\n    width: 1.5rem;\n    min-height: 1.5rem;\n    ${buttonTokens.buttonColor}: var(${tokens.closeColor});\n    ${buttonTokens.buttonColorHover}: var(${tokens.closeColor});\n    ${buttonTokens.buttonColorActive}: var(${tokens.closeColor});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp3","_ref","placement","placements","left","_exp4","_ref2","right","_exp5","_ref3","ButtonWrapper","styled","name","class","propsAsIs","vars","StyledHeader","_exp6","CloseIconWrapper"],"mappings":";;;;;;;;;AASA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,KAAA,GAT3BA,SAS2BA,KAAAA,GAAA;AAAA,EAAA,OAKhC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,4BAAU,CAACC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAdtDA,SAcsDA,KAAAA,GAAA;AAAA,EAAA,OACpD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiB,CAACA,SAAS,IAAIA,SAAS,KAAKC,4BAAU,CAACI,KAAK,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAfnFA,SAemFA,KAAAA,GAAA;AAAA,EAAA,OAChF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,4BAAU,CAACC,IAAI,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AALhF,IAAMM,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGtBf,KAA2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACpDK,KAAiF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAChFG,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CACtF,EAAA;AAEM,IAAMQ,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAAC,IAAAG,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCnB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMoB,gBAAgB,gBAAGP,YAAM,CAAAM,KAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAOrC;;;;;;"}
+{"version":3,"file":"PanelHeader.styles.js","sources":["../../../../../src/components/Panel/ui/PanelHeader/PanelHeader.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { mergeConfig, component } from '../../../../engines';\nimport { buttonConfig } from '../../../Button';\nimport { tokens as buttonTokens } from '../../../Button/Button.tokens';\nimport { tokens } from '../../Panel.tokens';\n\nimport { ClosePlacementType, placements } from './PanelHeader.types';\n\nconst mergedButtonConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedButtonConfig);\n\nexport const ButtonWrapper = styled.div<{ placement?: ClosePlacementType }>`\n    background: var(${tokens.background});\n\n    order: ${({ placement }) => (placement === placements.left ? -1 : 0)};\n    padding-left: ${({ placement }) => (!placement || placement === placements.right ? '0.5rem' : '')};\n    padding-right: ${({ placement }) => (placement === placements.left ? '0.5rem' : '')};\n`;\n\nexport const StyledHeader = styled.div`\n    height: fit-content;\n    flex-grow: 1;\n`;\n\nexport const CloseIconWrapper = styled(Button)`\n    position: relative;\n    width: 1.5rem;\n    min-height: 1.5rem;\n    ${buttonTokens.buttonColor}: var(${tokens.closeColor});\n    ${buttonTokens.buttonColorHover}: var(${tokens.closeColor});\n    ${buttonTokens.buttonColorActive}: var(${tokens.closeColor});\n`;\n"],"names":["mergedButtonConfig","mergeConfig","buttonConfig","Button","component","_exp2","_ref","placement","placements","left","_exp3","_ref2","right","_exp4","_ref3","ButtonWrapper","styled","name","class","propsAsIs","vars","StyledHeader","_exp5","CloseIconWrapper"],"mappings":";;;;;;;;;AASA,IAAMA,kBAAkB,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AACpD,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,kBAAkB,CAAC,CAAA;AAAC,IAAAK,KAAA,GAT3BA,SAS2BA,KAAAA,GAAA;AAAA,EAAA,OAKhC,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,4BAAU,CAACC,IAAI,GAAG,CAAC,CAAC,GAAG,CAAE,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAdtDA,SAcsDA,KAAAA,GAAA;AAAA,EAAA,OACpD,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiB,CAACA,SAAS,IAAIA,SAAS,KAAKC,4BAAU,CAACI,KAAK,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GAfnFA,SAemFA,KAAAA,GAAA;AAAA,EAAA,OAChF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGP,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;IAAAA,OAAiBA,SAAS,KAAKC,4BAAU,CAACC,IAAI,GAAG,QAAQ,GAAG,EAAG,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AALhF,IAAMM,aAAa,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGtBf,KAA2D,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACpDK,KAAiF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAChFG,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CACtF,EAAA;AAEM,IAAMQ,YAAY,gBAAGL,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGjC,EAAA;AAAC,IAAAG,KAAA,GAtBgBA,SAsBhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCnB,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMoB,gBAAgB,gBAAGP,YAAM,CAAAM,KAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAOrC;;;;;;"}

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

@@ -1,3 +1,3 @@
-.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);}
+.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);}
 .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/cjs/components/Panel/variations/_view/base.js

@@ -1,4 +1,4 @@
-require('./base_lwq4bq.css');
+require('./base_10gjs6e.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/cjs/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 { 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;;;;"}
+{"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;;;;"}

package/cjs/components/Panel/variations/_view/base_10gjs6e.css

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

package/cjs/index.css

@@ -371,21 +371,21 @@
 
 .base_ydejlv_b175yas1__99ab42b5{--plasma-panel-border-radius:var(--plasma-drawer-border-radius);}
 
-.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_10gjs6e_b11yryf5__c70de98c{background: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_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;}
+.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;}
 
 .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_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);}
+.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);}
 
 .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/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js

@@ -21,7 +21,7 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _SelectNative = /*#__PURE__*/require("./ui/SelectNative/SelectNative");
 var _Combobox3 = /*#__PURE__*/require("./Combobox.context");
-var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "hintView", "hintSize"];
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize"];
 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); }
@@ -84,6 +84,8 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       zIndex = props.zIndex,
       beforeList = props.beforeList,
       afterList = props.afterList,
+      _props$virtual = props.virtual,
+      virtual = _props$virtual === void 0 ? false : _props$virtual,
       hintView = props.hintView,
       hintSize = props.hintSize,
       rest = _objectWithoutProperties(props, _excluded);
@@ -490,7 +492,10 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
       listOverflow: listOverflow,
       listWidth: listWidth,
       ref: targetRef
-    }, beforeList, (0, _utils.isEmpty)(filteredItems) ? /*#__PURE__*/_react["default"].createElement(_Combobox2.StyledEmptyState, {
+    }, virtual ? /*#__PURE__*/_react["default"].createElement(_ui.VirtualList, {
+      items: filteredItems,
+      listHeight: listHeight
+    }) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, beforeList, (0, _utils.isEmpty)(filteredItems) ? /*#__PURE__*/_react["default"].createElement(_Combobox2.StyledEmptyState, {
       className: _Combobox.classes.emptyStateWrapper,
       size: size,
       description: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"
@@ -504,7 +509,7 @@ var comboboxRoot = exports.comboboxRoot = function comboboxRoot(Root) {
         index: index,
         listWidth: listWidth
       });
-    }), afterList))))));
+    }), afterList)))))));
   });
 };
 var comboboxConfig = exports.comboboxConfig = {

package/emotion/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VirtualList = void 0;
+var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
+var _rcVirtualList = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("rc-virtual-list"));
+var _ui = /*#__PURE__*/require("../Inner/ui");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var getHeight = function getHeight(listHeight) {
+  if (!listHeight) return 300;
+  if (typeof listHeight === 'number') return listHeight;
+  return parseInt(listHeight, 10);
+};
+var VirtualList = exports.VirtualList = function VirtualList(_ref) {
+  var items = _ref.items,
+    listHeight = _ref.listHeight;
+  return /*#__PURE__*/_react["default"].createElement(_rcVirtualList["default"], {
+    data: items,
+    height: getHeight(listHeight),
+    itemHeight: 100,
+    itemKey: "id"
+  }, function (item, index, props) {
+    return /*#__PURE__*/_react["default"].createElement("div", props, /*#__PURE__*/_react["default"].createElement(_ui.Item, {
+      item: item,
+      path: ['root'],
+      currentLevel: 0,
+      index: index,
+      ariaLevel: 1
+    }));
+  });
+};

package/emotion/cjs/components/Combobox/ComboboxNew/ui/index.js

@@ -24,4 +24,15 @@ Object.keys(_Target).forEach(function (key) {
       return _Target[key];
     }
   });
+});
+var _VirtualList = /*#__PURE__*/require("./VirtualList/VirtualList");
+Object.keys(_VirtualList).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _VirtualList[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _VirtualList[key];
+    }
+  });
 });

package/emotion/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", "customBackgroundColor", "customContentBackgroundColor", "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", "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,8 +43,6 @@ 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,
@@ -128,8 +126,6 @@ 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/emotion/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", "customBackgroundColor", "customContentBackgroundColor", "className", "style"];
+var _excluded = ["children", "view", "size", "width", "height", "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,8 +30,6 @@ 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);
@@ -42,10 +40,11 @@ var panelRoot = exports.panelRoot = function panelRoot(Root) {
       view: view,
       size: size,
       className: (0, _utils.cx)(_Panel.classes.root, className),
-      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));
+      style: _objectSpread(_objectSpread({}, style), {}, {
+        '--plasma_private-panel-width': innerWidth,
+        '--plasma_private-panel-height': innerHeight
+      })
+    }, rest), /*#__PURE__*/_react["default"].createElement(_Panel2.StyledWrapper, null, children));
   });
 };
 var panelConfig = exports.panelConfig = {

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

@@ -10,7 +10,4 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
 var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/(0, _base["default"])("div", {
   target: "e1uvnvko0",
   label: "plasma-new-hope__StyledWrapper"
-})("background:", function (_ref) {
-  var customContentBackgroundColor = _ref.customContentBackgroundColor;
-  return customContentBackgroundColor || "var(".concat(_Panel.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== */"));
+})("background:var(", _Panel.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 */"));

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.privateTokens = exports.classes = void 0;
+exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
   root: 'panel-root',
   content: 'panel-content',
@@ -12,11 +12,6 @@ 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/emotion/cjs/components/Panel/ui/PanelHeader/PanelHeader.styles.js

@@ -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.privateTokens.backgrounColor, ", var(", _Panel.tokens.background, "));order:", function (_ref) {
+})("background: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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkyRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3VpL1BhbmVsSGVhZGVyL1BhbmVsSGVhZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgbWVyZ2VDb25maWcsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBidXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9CdXR0b24vQnV0dG9uLnRva2Vucyc7XG5pbXBvcnQgeyBwcml2YXRlVG9rZW5zLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYW5lbC50b2tlbnMnO1xuXG5pbXBvcnQgeyBDbG9zZVBsYWNlbWVudFR5cGUsIHBsYWNlbWVudHMgfSBmcm9tICcuL1BhbmVsSGVhZGVyLnR5cGVzJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBwbGFjZW1lbnQ/OiBDbG9zZVBsYWNlbWVudFR5cGUgfT5gXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5Db2xvcn0sIHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSkpO1xuXG4gICAgb3JkZXI6ICR7KHsgcGxhY2VtZW50IH0pID0+IChwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMubGVmdCA/IC0xIDogMCl9O1xuICAgIHBhZGRpbmctbGVmdDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKCFwbGFjZW1lbnQgfHwgcGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLnJpZ2h0ID8gJzAuNXJlbScgOiAnJyl9O1xuICAgIHBhZGRpbmctcmlnaHQ6ICR7KHsgcGxhY2VtZW50IH0pID0+IChwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMubGVmdCA/ICcwLjVyZW0nIDogJycpfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRIZWFkZXIgPSBzdHlsZWQuZGl2YFxuICAgIGhlaWdodDogZml0LWNvbnRlbnQ7XG4gICAgZmxleC1ncm93OiAxO1xuYDtcblxuZXhwb3J0IGNvbnN0IENsb3NlSWNvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKWBcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgd2lkdGg6IDEuNXJlbTtcbiAgICBtaW4taGVpZ2h0OiAxLjVyZW07XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3J9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9ySG92ZXJ9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yQWN0aXZlfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbmA7XG4iXX0= */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVkyRSIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3VpL1BhbmVsSGVhZGVyL1BhbmVsSGVhZGVyLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgbWVyZ2VDb25maWcsIGNvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uLy4uL2VuZ2luZXMnO1xuaW1wb3J0IHsgYnV0dG9uQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBidXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9CdXR0b24vQnV0dG9uLnRva2Vucyc7XG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuLi8uLi9QYW5lbC50b2tlbnMnO1xuXG5pbXBvcnQgeyBDbG9zZVBsYWNlbWVudFR5cGUsIHBsYWNlbWVudHMgfSBmcm9tICcuL1BhbmVsSGVhZGVyLnR5cGVzJztcblxuY29uc3QgbWVyZ2VkQnV0dG9uQ29uZmlnID0gbWVyZ2VDb25maWcoYnV0dG9uQ29uZmlnKTtcbmNvbnN0IEJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRCdXR0b25Db25maWcpO1xuXG5leHBvcnQgY29uc3QgQnV0dG9uV3JhcHBlciA9IHN0eWxlZC5kaXY8eyBwbGFjZW1lbnQ/OiBDbG9zZVBsYWNlbWVudFR5cGUgfT5gXG4gICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLmJhY2tncm91bmR9KTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Cc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSk7XG5cbiAgICBvcmRlcjogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gLTEgOiAwKX07XG4gICAgcGFkZGluZy1sZWZ0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAoIXBsYWNlbWVudCB8fCBwbGFjZW1lbnQgPT09IHBsYWNlbWVudHMucmlnaHQgPyAnMC41cmVtJyA6ICcnKX07XG4gICAgcGFkZGluZy1yaWdodDogJHsoeyBwbGFjZW1lbnQgfSkgPT4gKHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5sZWZ0ID8gJzAuNXJlbScgOiAnJyl9O1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEhlYWRlciA9IHN0eWxlZC5kaXZgXG4gICAgaGVpZ2h0OiBmaXQtY29udGVudDtcbiAgICBmbGV4LWdyb3c6IDE7XG5gO1xuXG5leHBvcnQgY29uc3QgQ2xvc2VJY29uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB3aWR0aDogMS41cmVtO1xuICAgIG1pbi1oZWlnaHQ6IDEuNXJlbTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG4gICAgJHtidXR0b25Ub2tlbnMuYnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHt0b2tlbnMuY2xvc2VDb2xvcn0pO1xuYDtcbiJdfQ== */",
   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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdWkvUGFuZWxIZWFkZXIvUGFuZWxIZWFkZXIuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCOEMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9QYW5lbC91aS9QYW5lbEhlYWRlci9QYW5lbEhlYWRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IG1lcmdlQ29uZmlnLCBjb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGJ1dHRvbkNvbmZpZyB9IGZyb20gJy4uLy4uLy4uL0J1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vQnV0dG9uL0J1dHRvbi50b2tlbnMnO1xuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuaW1wb3J0IHsgQ2xvc2VQbGFjZW1lbnRUeXBlLCBwbGFjZW1lbnRzIH0gZnJvbSAnLi9QYW5lbEhlYWRlci50eXBlcyc7XG5cbmNvbnN0IG1lcmdlZEJ1dHRvbkNvbmZpZyA9IG1lcmdlQ29uZmlnKGJ1dHRvbkNvbmZpZyk7XG5jb25zdCBCdXR0b24gPSBjb21wb25lbnQobWVyZ2VkQnV0dG9uQ29uZmlnKTtcblxuZXhwb3J0IGNvbnN0IEJ1dHRvbldyYXBwZXIgPSBzdHlsZWQuZGl2PHsgcGxhY2VtZW50PzogQ2xvc2VQbGFjZW1lbnRUeXBlIH0+YFxuICAgIGJhY2tncm91bmQ6IHZhcigke3ByaXZhdGVUb2tlbnMuYmFja2dyb3VuQ29sb3J9LCB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pKTtcblxuICAgIG9yZGVyOiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAtMSA6IDApfTtcbiAgICBwYWRkaW5nLWxlZnQ6ICR7KHsgcGxhY2VtZW50IH0pID0+ICghcGxhY2VtZW50IHx8IHBsYWNlbWVudCA9PT0gcGxhY2VtZW50cy5yaWdodCA/ICcwLjVyZW0nIDogJycpfTtcbiAgICBwYWRkaW5nLXJpZ2h0OiAkeyh7IHBsYWNlbWVudCB9KSA9PiAocGxhY2VtZW50ID09PSBwbGFjZW1lbnRzLmxlZnQgPyAnMC41cmVtJyA6ICcnKX07XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSGVhZGVyID0gc3R5bGVkLmRpdmBcbiAgICBoZWlnaHQ6IGZpdC1jb250ZW50O1xuICAgIGZsZXgtZ3JvdzogMTtcbmA7XG5cbmV4cG9ydCBjb25zdCBDbG9zZUljb25XcmFwcGVyID0gc3R5bGVkKEJ1dHRvbilgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIHdpZHRoOiAxLjVyZW07XG4gICAgbWluLWhlaWdodDogMS41cmVtO1xuICAgICR7YnV0dG9uVG9rZW5zLmJ1dHRvbkNvbG9yfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckhvdmVyfTogdmFyKCR7dG9rZW5zLmNsb3NlQ29sb3J9KTtcbiAgICAke2J1dHRvblRva2Vucy5idXR0b25Db2xvckFjdGl2ZX06IHZhcigke3Rva2Vucy5jbG9zZUNvbG9yfSk7XG5gO1xuIl19 */"));
+})("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== */"));

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

@@ -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.privateTokens.backgrounColor, ", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvUGFuZWwvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL1BhbmVsL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vUGFuZWwudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgYmFja2dyb3VuZDogdmFyKCR7cHJpdmF0ZVRva2Vucy5iYWNrZ3JvdW5Db2xvcn0sIHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kfSkpO1xuICAgIGJveC1zaGFkb3c6IHZhcigke3Rva2Vucy5zaGFkb3d9KTtcbiAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xuYDtcbiJdfQ== */"));
+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= */"));

package/emotion/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/Drawer',
+    title: 'b2c/Overlay/Divider',
     decorators: [WithTheme],
     argTypes: {
         placement: {
@@ -85,16 +85,6 @@ 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

@@ -47,16 +47,6 @@ 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

@@ -85,16 +85,6 @@ 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

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

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

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

package/emotion/es/components/Combobox/ComboboxNew/Combobox.js

@@ -1,4 +1,4 @@
-var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "hintView", "hintSize"];
+var _excluded = ["name", "multiple", "value", "onChange", "defaultValue", "isTargetAmount", "targetAmount", "items", "placement", "label", "placeholder", "helperText", "contentLeft", "textBefore", "textAfter", "variant", "listOverflow", "listHeight", "listWidth", "portal", "renderItem", "view", "size", "labelPlacement", "keepPlaceholder", "readOnly", "disabled", "alwaysOpened", "filter", "closeAfterSelect", "renderValue", "zIndex", "beforeList", "afterList", "virtual", "hintView", "hintSize"];
 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 _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -22,7 +22,7 @@ import { classes } from './Combobox.tokens';
 import { FloatingPopover } from './FloatingPopover';
 import { useKeyNavigation, getItemByFocused } from './hooks/useKeyboardNavigation';
 import { initialItemsTransform, updateAncestors, updateDescendants, updateSingleAncestors, filterItems, getItemId, getInitialValue } from './utils';
-import { Inner, StyledTextField } from './ui';
+import { Inner, StyledTextField, VirtualList } from './ui';
 import { pathReducer, focusedPathReducer } from './reducers';
 import { getPathMap, getTreeMaps } from './hooks/getPathMaps';
 import { Ul, base, StyledArrow, IconArrowWrapper, StyledEmptyState } from './Combobox.styles';
@@ -77,6 +77,8 @@ export var comboboxRoot = function comboboxRoot(Root) {
       zIndex = props.zIndex,
       beforeList = props.beforeList,
       afterList = props.afterList,
+      _props$virtual = props.virtual,
+      virtual = _props$virtual === void 0 ? false : _props$virtual,
       hintView = props.hintView,
       hintSize = props.hintSize,
       rest = _objectWithoutProperties(props, _excluded);
@@ -483,7 +485,10 @@ export var comboboxRoot = function comboboxRoot(Root) {
       listOverflow: listOverflow,
       listWidth: listWidth,
       ref: targetRef
-    }, beforeList, isEmpty(filteredItems) ? /*#__PURE__*/React.createElement(StyledEmptyState, {
+    }, virtual ? /*#__PURE__*/React.createElement(VirtualList, {
+      items: filteredItems,
+      listHeight: listHeight
+    }) : /*#__PURE__*/React.createElement(React.Fragment, null, beforeList, isEmpty(filteredItems) ? /*#__PURE__*/React.createElement(StyledEmptyState, {
       className: classes.emptyStateWrapper,
       size: size,
       description: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E"
@@ -497,7 +502,7 @@ export var comboboxRoot = function comboboxRoot(Root) {
         index: index,
         listWidth: listWidth
       });
-    }), afterList))))));
+    }), afterList)))))));
   });
 };
 export var comboboxConfig = {

package/emotion/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import List from 'rc-virtual-list';
+import { Item } from '../Inner/ui';
+var getHeight = function getHeight(listHeight) {
+  if (!listHeight) return 300;
+  if (typeof listHeight === 'number') return listHeight;
+  return parseInt(listHeight, 10);
+};
+export var VirtualList = function VirtualList(_ref) {
+  var items = _ref.items,
+    listHeight = _ref.listHeight;
+  return /*#__PURE__*/React.createElement(List, {
+    data: items,
+    height: getHeight(listHeight),
+    itemHeight: 100,
+    itemKey: "id"
+  }, function (item, index, props) {
+    return /*#__PURE__*/React.createElement("div", props, /*#__PURE__*/React.createElement(Item, {
+      item: item,
+      path: ['root'],
+      currentLevel: 0,
+      index: index,
+      ariaLevel: 1
+    }));
+  });
+};

package/emotion/es/components/Combobox/ComboboxNew/ui/index.js

@@ -1,2 +1,3 @@
 export * from './Inner/Inner';
-export * from './Target/Target';
+export * from './Target/Target';
+export * from './VirtualList/VirtualList';