@salutejs/plasma-new-hope 0.88.0-canary.1225.9347054103.0 → 0.88.0-canary.1225.9412763701.0

package/es/components/Sheet/Sheet.styles.js

@@ -1,4 +1,4 @@
-import './Sheet.styles_1bm46e7.css';
+import './Sheet.styles_kdjr5m.css';
 import { styled } from '@linaria/react';
 import { tokens } from './Sheet.tokens.js';
 import { handleTransition } from './utils/handleTransition.js';
@@ -25,30 +25,93 @@ var StyledContentWrapper = /*#__PURE__*/styled('div')({
     "shg69gz-0": [/*#__PURE__*/_exp3()]
   }
 });
-var _exp5 = function _exp5() {
+var StyledSheetHandle = /*#__PURE__*/styled('div')({
+  name: "StyledSheetHandle",
+  "class": "s1cdpbaw",
+  propsAsIs: false
+});
+var _exp7 = function _exp7() {
   return function (_ref) {
-    var withOverlay = _ref.withOverlay;
-    return withOverlay ? "var(".concat(tokens.overlayBackgroundColor, ")") : 'transparent';
+    var hasHeader = _ref.hasHeader;
+    return hasHeader ? 'unset' : '1rem';
+  };
+};
+var _exp8 = function _exp8() {
+  return function (_ref2) {
+    var hasFooter = _ref2.hasFooter;
+    return hasFooter ? 'unset' : '1rem';
   };
 };
-var StyledOverlay = /*#__PURE__*/styled('div')({
-  name: "StyledOverlay",
-  "class": "s1cdpbaw",
-  propsAsIs: false,
-  vars: {
-    "s1cdpbaw-0": [/*#__PURE__*/_exp5()]
-  }
-});
 var StyledSheetContent = /*#__PURE__*/styled('div')({
   name: "StyledSheetContent",
   "class": "sjx120m",
-  propsAsIs: false
+  propsAsIs: false,
+  vars: {
+    "sjx120m-0": [/*#__PURE__*/_exp7()],
+    "sjx120m-1": [/*#__PURE__*/_exp8()]
+  }
 });
-var StyledSheetHandle = /*#__PURE__*/styled('div')({
-  name: "StyledSheetHandle",
+var _exp9 = function _exp9() {
+  return function (_ref3) {
+    var isHeaderFixed = _ref3.isHeaderFixed;
+    return isHeaderFixed ? 'sticky' : 'static';
+  };
+};
+var _exp10 = function _exp10() {
+  return function (_ref4) {
+    var isHeaderFixed = _ref4.isHeaderFixed;
+    return isHeaderFixed ? '0' : 'unset';
+  };
+};
+var _exp11 = function _exp11() {
+  return function (_ref5) {
+    var isHeaderFixed = _ref5.isHeaderFixed;
+    return isHeaderFixed ? "var(".concat(tokens.contentBackgroundColor, ")") : 'transparent';
+  };
+};
+var StyledSheetHeader = /*#__PURE__*/styled('div')({
+  name: "StyledSheetHeader",
   "class": "s1f8rwx6",
+  propsAsIs: false,
+  vars: {
+    "s1f8rwx6-0": [/*#__PURE__*/_exp9()],
+    "s1f8rwx6-1": [/*#__PURE__*/_exp10()],
+    "s1f8rwx6-2": [/*#__PURE__*/_exp11()]
+  }
+});
+var StyledSheetBody = /*#__PURE__*/styled('div')({
+  name: "StyledSheetBody",
+  "class": "sqp1ccu",
   propsAsIs: false
 });
+var _exp12 = function _exp12() {
+  return function (_ref6) {
+    var isFooterFixed = _ref6.isFooterFixed;
+    return isFooterFixed ? 'sticky' : 'static';
+  };
+};
+var _exp13 = function _exp13() {
+  return function (_ref7) {
+    var isFooterFixed = _ref7.isFooterFixed;
+    return isFooterFixed ? '0' : 'unset';
+  };
+};
+var _exp14 = function _exp14() {
+  return function (_ref8) {
+    var isFooterFixed = _ref8.isFooterFixed;
+    return isFooterFixed ? "var(".concat(tokens.contentBackgroundColor, ")") : 'transparent';
+  };
+};
+var StyledSheetFooter = /*#__PURE__*/styled('div')({
+  name: "StyledSheetFooter",
+  "class": "s1jdcq0t",
+  propsAsIs: false,
+  vars: {
+    "s1jdcq0t-0": [/*#__PURE__*/_exp12()],
+    "s1jdcq0t-1": [/*#__PURE__*/_exp13()],
+    "s1jdcq0t-2": [/*#__PURE__*/_exp14()]
+  }
+});
 
-export { StyledContentWrapper, StyledOverlay, StyledSheetContent, StyledSheetHandle, StyledWrapper };
+export { StyledContentWrapper, StyledSheetBody, StyledSheetContent, StyledSheetFooter, StyledSheetHandle, StyledSheetHeader, StyledWrapper };
 //# sourceMappingURL=Sheet.styles.js.map

package/es/components/Sheet/Sheet.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.styles.js","sources":["../../../src/components/Sheet/Sheet.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens, classes } from './Sheet.tokens';\nimport { CommonProps } from './Sheet.types';\nimport { handleTransition } from './utils/handleTransition';\n\nexport const StyledWrapper = styled.div<CommonProps>`\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    opacity: 1;\n    transition: ${handleTransition('all 0.5s 0.1s')};\n    z-index: 1000;\n\n    &.${String(classes.isClosed)} {\n        opacity: 0;\n        visibility: hidden;\n    }\n`;\n\nexport const StyledContentWrapper = styled.div<CommonProps>`\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    max-height: 100%;\n    z-index: 1;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n\n    transition: ${handleTransition('transform 0.5s')};\n\n    &.${String(classes.isClosed)} {\n        transform: translateY(100%);\n    }\n`;\n\nexport const StyledOverlay = styled.div<{ withOverlay: boolean }>`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n\n    background-color: ${({ withOverlay }) => (withOverlay ? `var(${tokens.overlayBackgroundColor})` : 'transparent')};\n`;\n\nexport const StyledSheetContent = styled.div`\n    border-radius: 1.5rem 1.5rem 0 0;\n    background-color: var(${tokens.contentBackgroundColor});\n    padding: 1rem;\n\n    max-height: 100%;\n    overflow: auto;\n    overscroll-behavior: contain;\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n`;\n\nexport const StyledSheetHandle = styled.div`\n    width: 4rem;\n    padding: 1.75rem 0;\n    margin: -1.5rem 0;\n    opacity: 0.65;\n    align-self: center;\n\n    &::before {\n        content: '';\n        display: block;\n        border-radius: 0.625rem;\n        background-color: var(${tokens.handleColor});\n        height: 0.25rem;\n    }\n`;\n"],"names":["_exp","handleTransition","StyledWrapper","styled","name","class","propsAsIs","vars","_exp3","StyledContentWrapper","_exp5","_ref","withOverlay","concat","tokens","overlayBackgroundColor","StyledOverlay","StyledSheetContent","StyledSheetHandle"],"mappings":";;;;AAI4D,IAAAA,IAAA,GAH1CA,SAG0CA,IAAAA,GAAA;EAAA,OAS1CC,gBAAgB,CAAC,eAAe,CAAC,CAAA;AAAA,CAAA,CAAA;AAP5C,IAAMC,aAAa,gBAAGC,MAAM,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,cAOjBP,IAAiC,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlD,EAAA;AAAC,IAAAQ,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;EAAA,OAcgBP,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;AAAA,CAAA,CAAA;AAZ7C,IAAMQ,oBAAoB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAYxBC,KAAkC,EAAA,CAAA;AAAA,GAAA;AAAA,CAKnD,EAAA;AAAC,IAAAE,KAAA,GAtCgBA,SAsChBA,KAAAA,GAAA;AAAA,EAAA,OASsB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,IAAAA,CAAAA,WAAAA,CAAAA;IAAAA,OAAmBA,WAAW,UAAAC,MAAA,CAAUC,MAAM,CAACC,sBAAuB,SAAK,aAAc,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAP7G,IAAMC,aAAa,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAOXG,KAA4F,EAAA,CAAA;AAAA,GAAA;AAAA,CACnH,EAAA;AAEM,IAAMO,kBAAkB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYvC,EAAA;AAEM,IAAMY,iBAAiB,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CActC;;;;"}
+{"version":3,"file":"Sheet.styles.js","sources":["../../../src/components/Sheet/Sheet.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { tokens, classes } from './Sheet.tokens';\nimport { CommonProps } from './Sheet.types';\nimport { handleTransition } from './utils/handleTransition';\n\nexport const StyledWrapper = styled.div<CommonProps>`\n    position: fixed;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    opacity: 1;\n    transition: ${handleTransition('all 0.5s 0.1s')};\n    z-index: 1000;\n\n    &.${String(classes.isClosed)} {\n        opacity: 0;\n        visibility: hidden;\n    }\n`;\n\nexport const StyledContentWrapper = styled.div<CommonProps>`\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    max-height: 100%;\n    z-index: 1;\n\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n\n    transition: ${handleTransition('transform 0.5s')};\n\n    &.${String(classes.isClosed)} {\n        transform: translateY(100%);\n    }\n`;\n\nexport const StyledSheetHandle = styled.div`\n    width: 4rem;\n    padding: 1.75rem 0;\n    margin: -1.5rem 0;\n    opacity: 0.65;\n    align-self: center;\n\n    &::before {\n        content: '';\n        display: block;\n        border-radius: 0.625rem;\n        background-color: var(${tokens.handleColor});\n        height: 0.25rem;\n    }\n`;\n\nexport const StyledSheetContent = styled.div<{ hasHeader?: boolean; hasFooter?: boolean }>`\n    border-radius: 1.5rem 1.5rem 0 0;\n    background-color: var(${tokens.contentBackgroundColor});\n    padding-left: 1rem;\n    padding-right: 1rem;\n    padding-top: ${({ hasHeader }) => (hasHeader ? 'unset' : '1rem')};\n    padding-bottom: ${({ hasFooter }) => (hasFooter ? 'unset' : '1rem')};\n\n    max-height: 100%;\n    overflow: auto;\n    overscroll-behavior: contain;\n\n    &::-webkit-scrollbar {\n        display: none;\n    }\n`;\n\nexport const StyledSheetHeader = styled.div<{ isHeaderFixed?: boolean }>`\n    width: 100%;\n    z-index: 1;\n    padding-top: 1rem;\n    position: ${({ isHeaderFixed }) => (isHeaderFixed ? 'sticky' : 'static')};\n    top: ${({ isHeaderFixed }) => (isHeaderFixed ? '0' : 'unset')};\n    background-color: ${({ isHeaderFixed }) =>\n        isHeaderFixed ? `var(${tokens.contentBackgroundColor})` : 'transparent'};\n`;\n\nexport const StyledSheetBody = styled.div``;\n\nexport const StyledSheetFooter = styled.div<{ isFooterFixed?: boolean }>`\n    width: 100%;\n    z-index: 1;\n    padding-bottom: 1rem;\n    position: ${({ isFooterFixed }) => (isFooterFixed ? 'sticky' : 'static')};\n    bottom: ${({ isFooterFixed }) => (isFooterFixed ? '0' : 'unset')};\n    background-color: ${({ isFooterFixed }) =>\n        isFooterFixed ? `var(${tokens.contentBackgroundColor})` : 'transparent'};\n`;\n"],"names":["_exp","handleTransition","StyledWrapper","styled","name","class","propsAsIs","vars","_exp3","StyledContentWrapper","StyledSheetHandle","_exp7","_ref","hasHeader","_exp8","_ref2","hasFooter","StyledSheetContent","_exp9","_ref3","isHeaderFixed","_exp10","_ref4","_exp11","_ref5","concat","tokens","contentBackgroundColor","StyledSheetHeader","StyledSheetBody","_exp12","_ref6","isFooterFixed","_exp13","_ref7","_exp14","_ref8","StyledSheetFooter"],"mappings":";;;;AAI4D,IAAAA,IAAA,GAH1CA,SAG0CA,IAAAA,GAAA;EAAA,OAS1CC,gBAAgB,CAAC,eAAe,CAAC,CAAA;AAAA,CAAA,CAAA;AAP5C,IAAMC,aAAa,gBAAGC,MAAM,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,cAOjBP,IAAiC,EAAA,CAAA;AAAA,GAAA;AAAA,CAOlD,EAAA;AAAC,IAAAQ,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;EAAA,OAcgBP,gBAAgB,CAAC,gBAAgB,CAAC,CAAA;AAAA,CAAA,CAAA;AAZ7C,IAAMQ,oBAAoB,gBAAGN,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAYxBC,KAAkC,EAAA,CAAA;AAAA,GAAA;AAAA,CAKnD,EAAA;AAEM,IAAME,iBAAiB,gBAAGP,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CActC,EAAA;AAAC,IAAAK,KAAA,GAtDgBA,SAsDhBA,KAAAA,GAAA;AAAA,EAAA,OAOiB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,IAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,OAAO,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,KAAA,GA7DlDA,SA6DkDA,KAAAA,GAAA;AAAA,EAAA,OAC9C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAAiBA,SAAS,GAAG,OAAO,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AANhE,IAAMC,kBAAkB,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAKrBI,KAAiD,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC9CG,KAAiD,EAAA,CAAA;AAAA,GAAA;AAAA,CAStE,EAAA;AAAC,IAAAI,KAAA,GAvEgBA,SAuEhBA,KAAAA,GAAA;AAAA,EAAA,OAMc,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,aAAa,GAAG,QAAQ,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA7E1DA,SA6E0DA,MAAAA,GAAA;AAAA,EAAA,OACjE,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,aAAa,GAAG,GAAG,GAAG,OAAQ,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,MAAA,GA9E/CA,SA8E+CA,MAAAA,GAAA;AAAA,EAAA,OACzC,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OACnBA,aAAa,UAAAK,MAAA,CAAUC,MAAM,CAACC,sBAAuB,SAAK,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPxE,IAAMC,iBAAiB,gBAAGzB,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAIvBW,KAA4D,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACjEG,MAAsD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cACzCE,MACuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAC9E,EAAA;AAEM,IAAMM,eAAe,gBAAG1B,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAAC,IAAAwB,MAAA,GAnF1BA,SAmF0BA,MAAAA,GAAA;AAAA,EAAA,OAM5B,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,aAAa,GAAG,QAAQ,GAAG,QAAS,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAzF1DA,SAyF0DA,MAAAA,GAAA;AAAA,EAAA,OAC9D,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGF,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAAqBA,aAAa,GAAG,GAAG,GAAG,OAAQ,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,MAAA,GA1FlDA,SA0FkDA,MAAAA,GAAA;AAAA,EAAA,OAC5C,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,aAAAA,GAAAA,KAAAA,CAAAA,aAAAA,CAAAA;IAAAA,OACnBA,aAAa,UAAAP,MAAA,CAAUC,MAAM,CAACC,sBAAuB,SAAK,aAAa,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAPxE,IAAMU,iBAAiB,gBAAGlC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAIvBuB,MAA4D,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC9DG,MAAsD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAC5CE,MACuD,EAAA,CAAA;AAAA,GAAA;AAAA,CAC9E;;;;"}

package/es/components/Sheet/{Sheet.styles_1bm46e7.css → Sheet.styles_kdjr5m.css}

@@ -1,5 +1,7 @@
 .sah7qw3{position:fixed;top:0;bottom:0;left:0;right:0;opacity:1;-webkit-transition:var(--sah7qw3-0);transition:var(--sah7qw3-0);z-index:1000;}.sah7qw3.is-closed{opacity:0;visibility:hidden;}
 .shg69gz{position:absolute;left:0;bottom:0;width:100%;max-height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:var(--shg69gz-0);transition:var(--shg69gz-0);}.shg69gz.is-closed{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
-.s1cdpbaw{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--s1cdpbaw-0);}
-.sjx120m{border-radius:1.5rem 1.5rem 0 0;background-color:var(--plasma-sheet-content-background-color);padding:1rem;max-height:100%;overflow:auto;overscroll-behavior:contain;}.sjx120m::-webkit-scrollbar{display:none;}
-.s1f8rwx6{width:4rem;padding:1.75rem 0;margin:-1.5rem 0;opacity:0.65;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.s1f8rwx6::before{content:'';display:block;border-radius:0.625rem;background-color:var(--plasma-sheet-handle-background-color);height:0.25rem;}
+.s1cdpbaw{width:4rem;padding:1.75rem 0;margin:-1.5rem 0;opacity:0.65;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.s1cdpbaw::before{content:'';display:block;border-radius:0.625rem;background-color:var(--plasma-sheet-handle-background-color);height:0.25rem;}
+.sjx120m{border-radius:1.5rem 1.5rem 0 0;background-color:var(--plasma-sheet-content-background-color);padding-left:1rem;padding-right:1rem;padding-top:var(--sjx120m-0);padding-bottom:var(--sjx120m-1);max-height:100%;overflow:auto;overscroll-behavior:contain;}.sjx120m::-webkit-scrollbar{display:none;}
+.s1f8rwx6{width:100%;z-index:1;padding-top:1rem;position:var(--s1f8rwx6-0);top:var(--s1f8rwx6-1);background-color:var(--s1f8rwx6-2);}
+
+.s1jdcq0t{width:100%;z-index:1;padding-bottom:1rem;position:var(--s1jdcq0t-0);bottom:var(--s1jdcq0t-1);background-color:var(--s1jdcq0t-2);}

package/es/components/Sheet/Sheet.tokens.js

@@ -2,7 +2,8 @@ var classes = {
   isClosed: 'is-closed'
 };
 var tokens = {
-  overlayBackgroundColor: '--plasma-sheet-overlay-background-color',
+  sheetOverlayColor: '--plasma-sheet-overlay-color',
+  sheetOverlayWithBlurColor: '--plasma-sheet-overlay-with-blur-color',
   contentBackgroundColor: '--plasma-sheet-content-background-color',
   handleColor: '--plasma-sheet-handle-background-color'
 };

package/es/components/Sheet/Sheet.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.tokens.js","sources":["../../../src/components/Sheet/Sheet.tokens.ts"],"sourcesContent":["export const classes = {\n    isClosed: 'is-closed',\n};\n\nexport const tokens = {\n    overlayBackgroundColor: '--plasma-sheet-overlay-background-color',\n\n    contentBackgroundColor: '--plasma-sheet-content-background-color',\n\n    handleColor: '--plasma-sheet-handle-background-color',\n};\n"],"names":["classes","isClosed","tokens","overlayBackgroundColor","contentBackgroundColor","handleColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,sBAAsB,EAAE,yCAAyC;AAEjEC,EAAAA,sBAAsB,EAAE,yCAAyC;AAEjEC,EAAAA,WAAW,EAAE,wCAAA;AACjB;;;;"}
+{"version":3,"file":"Sheet.tokens.js","sources":["../../../src/components/Sheet/Sheet.tokens.ts"],"sourcesContent":["export const classes = {\n    isClosed: 'is-closed',\n};\n\nexport const tokens = {\n    sheetOverlayColor: '--plasma-sheet-overlay-color',\n    sheetOverlayWithBlurColor: '--plasma-sheet-overlay-with-blur-color',\n\n    contentBackgroundColor: '--plasma-sheet-content-background-color',\n\n    handleColor: '--plasma-sheet-handle-background-color',\n};\n"],"names":["classes","isClosed","tokens","sheetOverlayColor","sheetOverlayWithBlurColor","contentBackgroundColor","handleColor"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,QAAQ,EAAE,WAAA;AACd,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,yBAAyB,EAAE,wCAAwC;AAEnEC,EAAAA,sBAAsB,EAAE,yCAAyC;AAEjEC,EAAAA,WAAW,EAAE,wCAAA;AACjB;;;;"}

package/es/components/Sheet/utils/handleTransition.js

@@ -1,8 +1,7 @@
 var handleTransition = function handleTransition(transition) {
   return function (props) {
-    var lowPerformance = props.theme.lowPerformance,
-      withTransition = props.withTransition;
-    return !withTransition || lowPerformance ? 'unset' : transition;
+    var withTransition = props.withTransition;
+    return !withTransition ? 'unset' : transition;
   };
 };
 

package/es/components/Sheet/utils/handleTransition.js.map

@@ -1 +1 @@
-{"version":3,"file":"handleTransition.js","sources":["../../../../src/components/Sheet/utils/handleTransition.ts"],"sourcesContent":["import { CommonProps } from '../Sheet.types';\n\ntype HandleTransitionProps = Omit<CommonProps, 'isOpen'>;\n\nexport const handleTransition = (transition: string) => (props: HandleTransitionProps): string => {\n    const {\n        theme: { lowPerformance },\n        withTransition,\n    } = props;\n\n    return !withTransition || lowPerformance ? 'unset' : transition;\n};\n"],"names":["handleTransition","transition","props","lowPerformance","theme","withTransition"],"mappings":"IAIaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAkB,EAAA;EAAA,OAAK,UAACC,KAA4B,EAAa;AAC9F,IAAA,IACaC,cAAc,GAEvBD,KAAK,CAFLE,KAAK,CAAID,cAAc;MACvBE,cAAc,GACdH,KAAK,CADLG,cAAc,CAAA;AAGlB,IAAA,OAAO,CAACA,cAAc,IAAIF,cAAc,GAAG,OAAO,GAAGF,UAAU,CAAA;GAClE,CAAA;AAAA;;;;"}
+{"version":3,"file":"handleTransition.js","sources":["../../../../src/components/Sheet/utils/handleTransition.ts"],"sourcesContent":["import { CommonProps } from '../Sheet.types';\n\ntype HandleTransitionProps = Omit<CommonProps, 'isOpen'>;\n\nexport const handleTransition = (transition: string) => (props: HandleTransitionProps): string => {\n    const { withTransition } = props;\n\n    return !withTransition ? 'unset' : transition;\n};\n"],"names":["handleTransition","transition","props","withTransition"],"mappings":"IAIaA,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,UAAkB,EAAA;EAAA,OAAK,UAACC,KAA4B,EAAa;AAC9F,IAAA,IAAQC,cAAc,GAAKD,KAAK,CAAxBC,cAAc,CAAA;AAEtB,IAAA,OAAO,CAACA,cAAc,GAAG,OAAO,GAAGF,UAAU,CAAA;GAChD,CAAA;AAAA;;;;"}

package/es/components/Sheet/utils/index.js

@@ -0,0 +1,4 @@
+var DEFAULT_Z_INDEX = '0';
+
+export { DEFAULT_Z_INDEX };
+//# sourceMappingURL=index.js.map

package/es/components/Sheet/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/Sheet/utils/index.ts"],"sourcesContent":["export { handleTransition } from './handleTransition';\n\nexport const DEFAULT_Z_INDEX = '0';\n"],"names":["DEFAULT_Z_INDEX"],"mappings":"AAEO,IAAMA,eAAe,GAAG;;;;"}

package/es/index.css

@@ -538,11 +538,13 @@
 
 .ToolbarDivider_styles_1ypqhb1_mcdkovg__81732880{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;--plasma-divider-background:var(--plasma-toolbar-divider-color);--plasma-divider-border-radius:var(--plasma-toolbar-divider-border-radius);}
 
-.Sheet_styles_1bm46e7_sah7qw3__a2bd4ee6{position:fixed;top:0;bottom:0;left:0;right:0;opacity:1;-webkit-transition:var(--sah7qw3-0);transition:var(--sah7qw3-0);z-index:1000;}.Sheet_styles_1bm46e7_sah7qw3__a2bd4ee6.Sheet_styles_1bm46e7_isClosed__a2bd4ee6{opacity:0;visibility:hidden;}
-.Sheet_styles_1bm46e7_shg69gz__a2bd4ee6{position:absolute;left:0;bottom:0;width:100%;max-height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:var(--shg69gz-0);transition:var(--shg69gz-0);}.Sheet_styles_1bm46e7_shg69gz__a2bd4ee6.Sheet_styles_1bm46e7_isClosed__a2bd4ee6{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
-.Sheet_styles_1bm46e7_s1cdpbaw__a2bd4ee6{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--s1cdpbaw-0);}
-.Sheet_styles_1bm46e7_sjx120m__a2bd4ee6{border-radius:1.5rem 1.5rem 0 0;background-color:var(--plasma-sheet-content-background-color);padding:1rem;max-height:100%;overflow:auto;overscroll-behavior:contain;}.Sheet_styles_1bm46e7_sjx120m__a2bd4ee6::-webkit-scrollbar{display:none;}
-.Sheet_styles_1bm46e7_s1f8rwx6__a2bd4ee6{width:4rem;padding:1.75rem 0;margin:-1.5rem 0;opacity:0.65;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.Sheet_styles_1bm46e7_s1f8rwx6__a2bd4ee6::before{content:'';display:block;border-radius:0.625rem;background-color:var(--plasma-sheet-handle-background-color);height:0.25rem;}
+.Sheet_styles_kdjr5m_sah7qw3__875343fb{position:fixed;top:0;bottom:0;left:0;right:0;opacity:1;-webkit-transition:var(--sah7qw3-0);transition:var(--sah7qw3-0);z-index:1000;}.Sheet_styles_kdjr5m_sah7qw3__875343fb.Sheet_styles_kdjr5m_isClosed__875343fb{opacity:0;visibility:hidden;}
+.Sheet_styles_kdjr5m_shg69gz__875343fb{position:absolute;left:0;bottom:0;width:100%;max-height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:var(--shg69gz-0);transition:var(--shg69gz-0);}.Sheet_styles_kdjr5m_shg69gz__875343fb.Sheet_styles_kdjr5m_isClosed__875343fb{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);}
+.Sheet_styles_kdjr5m_s1cdpbaw__875343fb{width:4rem;padding:1.75rem 0;margin:-1.5rem 0;opacity:0.65;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;}.Sheet_styles_kdjr5m_s1cdpbaw__875343fb::before{content:'';display:block;border-radius:0.625rem;background-color:var(--plasma-sheet-handle-background-color);height:0.25rem;}
+.Sheet_styles_kdjr5m_sjx120m__875343fb{border-radius:1.5rem 1.5rem 0 0;background-color:var(--plasma-sheet-content-background-color);padding-left:1rem;padding-right:1rem;padding-top:var(--sjx120m-0);padding-bottom:var(--sjx120m-1);max-height:100%;overflow:auto;overscroll-behavior:contain;}.Sheet_styles_kdjr5m_sjx120m__875343fb::-webkit-scrollbar{display:none;}
+.Sheet_styles_kdjr5m_s1f8rwx6__875343fb{width:100%;z-index:1;padding-top:1rem;position:var(--s1f8rwx6-0);top:var(--s1f8rwx6-1);background-color:var(--s1f8rwx6-2);}
+
+.Sheet_styles_kdjr5m_s1jdcq0t__875343fb{width:100%;z-index:1;padding-bottom:1rem;position:var(--s1jdcq0t-0);bottom:var(--s1jdcq0t-1);background-color:var(--s1jdcq0t-2);}
 
 .SliderBase_styles_7is2ll_s33crq1__0c0959e2{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
 .SliderBase_styles_7is2ll_rnaoqfb__0c0959e2{height:100%;}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.88.0-canary.1225.9347054103.0",
+  "version": "0.88.0-canary.1225.9412763701.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -105,5 +105,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "dc814b9d7724a10de0d9c4ed8649afef4184caa7"
+  "gitHead": "48a9e9f6950922933955a45abd99a7d5293fdec8"
 }

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

@@ -7,17 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.sheetRoot = exports.sheetConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _utils = /*#__PURE__*/require("../../utils");
+var _Overlay = /*#__PURE__*/require("../Overlay");
 var _hooks = /*#__PURE__*/require("./hooks");
 var _Sheet = /*#__PURE__*/require("./Sheet.tokens");
 var _Sheet2 = /*#__PURE__*/require("./Sheet.styles");
 var _base = /*#__PURE__*/require("./variations/_view/base");
-var _excluded = ["isOpen", "children", "onClose", "withOverlay", "withTransition", "throttleMs", "className", "view"];
+var _utils2 = /*#__PURE__*/require("./utils");
+var _excluded = ["isOpen", "children", "onClose", "hasHandle", "contentHeader", "isHeaderFixed", "contentFooter", "isFooterFixed", "withOverlay", "withBlur", "withTransition", "throttleMs", "className", "view"];
 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); }
 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; }
 /**
+ * Sheet
  * Открывает окно-шторку поверх основного экрана.
  */
 
@@ -26,8 +29,18 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
     var isOpen = _ref.isOpen,
       children = _ref.children,
       onClose = _ref.onClose,
+      _ref$hasHandle = _ref.hasHandle,
+      hasHandle = _ref$hasHandle === void 0 ? true : _ref$hasHandle,
+      contentHeader = _ref.contentHeader,
+      _ref$isHeaderFixed = _ref.isHeaderFixed,
+      isHeaderFixed = _ref$isHeaderFixed === void 0 ? false : _ref$isHeaderFixed,
+      contentFooter = _ref.contentFooter,
+      _ref$isFooterFixed = _ref.isFooterFixed,
+      isFooterFixed = _ref$isFooterFixed === void 0 ? false : _ref$isFooterFixed,
       _ref$withOverlay = _ref.withOverlay,
       withOverlay = _ref$withOverlay === void 0 ? true : _ref$withOverlay,
+      _ref$withBlur = _ref.withBlur,
+      withBlur = _ref$withBlur === void 0 ? false : _ref$withBlur,
       _ref$withTransition = _ref.withTransition,
       withTransition = _ref$withTransition === void 0 ? true : _ref$withTransition,
       throttleMs = _ref.throttleMs,
@@ -37,7 +50,6 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
     var contentWrapperRef = _react["default"].useRef(null);
     var contentRef = _react["default"].useRef(null);
     var handleRef = _react["default"].useRef(null);
-    var theme = (0, _hooks.useThemeContext)();
     (0, _hooks.useSheet)({
       isOpen: isOpen
     });
@@ -48,9 +60,11 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
       throttleMs: throttleMs,
       onClose: onClose
     });
+    var hasHeader = !!contentHeader;
+    var hasFooter = !!contentFooter;
     var isClosedClass = isOpen ? undefined : "".concat(_Sheet.classes.isClosed);
+    var overlayBackgroundToken = withBlur ? "var(".concat(_Sheet.tokens.sheetOverlayWithBlurColor, ")") : "var(".concat(_Sheet.tokens.sheetOverlayColor, ")");
     return /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledWrapper, _extends({
-      theme: theme,
       isOpen: isOpen,
       withTransition: withTransition,
       className: (0, _utils.cx)(isClosedClass, className)
@@ -60,17 +74,25 @@ var sheetRoot = exports.sheetRoot = function sheetRoot(Root) {
       view: view,
       ref: rootRef
     }, /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledContentWrapper, {
-      theme: theme,
       isOpen: isOpen,
       withTransition: withTransition,
       ref: contentWrapperRef
-    }, /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledSheetHandle, {
+    }, hasHandle && /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledSheetHandle, {
       ref: handleRef
     }), /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledSheetContent, {
+      hasHeader: hasHeader,
+      hasFooter: hasFooter,
       ref: contentRef
-    }, children)), /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledOverlay, {
-      withOverlay: withOverlay,
-      onClick: onClose
+    }, hasHeader && /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledSheetHeader, {
+      isHeaderFixed: isHeaderFixed
+    }, contentHeader), /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledSheetBody, null, children), hasFooter && /*#__PURE__*/_react["default"].createElement(_Sheet2.StyledSheetFooter, {
+      isFooterFixed: isFooterFixed
+    }, contentFooter))), withOverlay && /*#__PURE__*/_react["default"].createElement(_Overlay.Overlay, {
+      zIndex: _utils2.DEFAULT_Z_INDEX,
+      backgroundColorProperty: overlayBackgroundToken,
+      withBlur: withBlur,
+      isClickable: true,
+      onOverlayClick: onClose
     })));
   });
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledWrapper = exports.StyledSheetHandle = exports.StyledSheetContent = exports.StyledOverlay = exports.StyledContentWrapper = void 0;
+exports.StyledWrapper = exports.StyledSheetHeader = exports.StyledSheetHandle = exports.StyledSheetFooter = exports.StyledSheetContent = exports.StyledSheetBody = exports.StyledContentWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Sheet = /*#__PURE__*/require("./Sheet.tokens");
 var _handleTransition = /*#__PURE__*/require("./utils/handleTransition");
@@ -14,15 +14,42 @@ var StyledWrapper = exports.StyledWrapper = /*#__PURE__*/_styledComponents["defa
 var StyledContentWrapper = exports.StyledContentWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1pj79gq-1"
 })(["position:absolute;left:0;bottom:0;width:100%;max-height:100%;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;transition:", ";&.", "{transform:translateY(100%);}"], /*#__PURE__*/(0, _handleTransition.handleTransition)('transform 0.5s'), /*#__PURE__*/String(_Sheet.classes.isClosed));
-var StyledOverlay = exports.StyledOverlay = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var StyledSheetHandle = exports.StyledSheetHandle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1pj79gq-2"
-})(["position:absolute;top:0;left:0;width:100%;height:100%;background-color:", ";"], function (_ref) {
-  var withOverlay = _ref.withOverlay;
-  return withOverlay ? "var(".concat(_Sheet.tokens.overlayBackgroundColor, ")") : 'transparent';
-});
+})(["width:4rem;padding:1.75rem 0;margin:-1.5rem 0;opacity:0.65;align-self:center;&::before{content:'';display:block;border-radius:0.625rem;background-color:var(", ");height:0.25rem;}"], _Sheet.tokens.handleColor);
 var StyledSheetContent = exports.StyledSheetContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1pj79gq-3"
-})(["border-radius:1.5rem 1.5rem 0 0;background-color:var(", ");padding:1rem;max-height:100%;overflow:auto;overscroll-behavior:contain;&::-webkit-scrollbar{display:none;}"], _Sheet.tokens.contentBackgroundColor);
-var StyledSheetHandle = exports.StyledSheetHandle = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+})(["border-radius:1.5rem 1.5rem 0 0;background-color:var(", ");padding-left:1rem;padding-right:1rem;padding-top:", ";padding-bottom:", ";max-height:100%;overflow:auto;overscroll-behavior:contain;&::-webkit-scrollbar{display:none;}"], _Sheet.tokens.contentBackgroundColor, function (_ref) {
+  var hasHeader = _ref.hasHeader;
+  return hasHeader ? 'unset' : '1rem';
+}, function (_ref2) {
+  var hasFooter = _ref2.hasFooter;
+  return hasFooter ? 'unset' : '1rem';
+});
+var StyledSheetHeader = exports.StyledSheetHeader = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1pj79gq-4"
-})(["width:4rem;padding:1.75rem 0;margin:-1.5rem 0;opacity:0.65;align-self:center;&::before{content:'';display:block;border-radius:0.625rem;background-color:var(", ");height:0.25rem;}"], _Sheet.tokens.handleColor);
+})(["width:100%;z-index:1;padding-top:1rem;position:", ";top:", ";background-color:", ";"], function (_ref3) {
+  var isHeaderFixed = _ref3.isHeaderFixed;
+  return isHeaderFixed ? 'sticky' : 'static';
+}, function (_ref4) {
+  var isHeaderFixed = _ref4.isHeaderFixed;
+  return isHeaderFixed ? '0' : 'unset';
+}, function (_ref5) {
+  var isHeaderFixed = _ref5.isHeaderFixed;
+  return isHeaderFixed ? "var(".concat(_Sheet.tokens.contentBackgroundColor, ")") : 'transparent';
+});
+var StyledSheetBody = exports.StyledSheetBody = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1pj79gq-5"
+})([""]);
+var StyledSheetFooter = exports.StyledSheetFooter = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-1pj79gq-6"
+})(["width:100%;z-index:1;padding-bottom:1rem;position:", ";bottom:", ";background-color:", ";"], function (_ref6) {
+  var isFooterFixed = _ref6.isFooterFixed;
+  return isFooterFixed ? 'sticky' : 'static';
+}, function (_ref7) {
+  var isFooterFixed = _ref7.isFooterFixed;
+  return isFooterFixed ? '0' : 'unset';
+}, function (_ref8) {
+  var isFooterFixed = _ref8.isFooterFixed;
+  return isFooterFixed ? "var(".concat(_Sheet.tokens.contentBackgroundColor, ")") : 'transparent';
+});

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

@@ -8,7 +8,8 @@ var classes = exports.classes = {
   isClosed: 'is-closed'
 };
 var tokens = exports.tokens = {
-  overlayBackgroundColor: '--plasma-sheet-overlay-background-color',
+  sheetOverlayColor: '--plasma-sheet-overlay-color',
+  sheetOverlayWithBlurColor: '--plasma-sheet-overlay-with-blur-color',
   contentBackgroundColor: '--plasma-sheet-content-background-color',
   handleColor: '--plasma-sheet-handle-background-color'
 };

package/styled-components/cjs/components/Sheet/hooks/index.js

@@ -15,12 +15,5 @@ Object.defineProperty(exports, "useSheetSwipe", {
     return _useSheetSwipe.useSheetSwipe;
   }
 });
-Object.defineProperty(exports, "useThemeContext", {
-  enumerable: true,
-  get: function get() {
-    return _useThemeContext.useThemeContext;
-  }
-});
-var _useThemeContext = /*#__PURE__*/require("./useThemeContext");
 var _useSheetSwipe = /*#__PURE__*/require("./useSheetSwipe");
 var _useSheet = /*#__PURE__*/require("./useSheet");

package/styled-components/cjs/components/Sheet/utils/handleTransition.js

@@ -6,8 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleTransition = void 0;
 var handleTransition = exports.handleTransition = function handleTransition(transition) {
   return function (props) {
-    var lowPerformance = props.theme.lowPerformance,
-      withTransition = props.withTransition;
-    return !withTransition || lowPerformance ? 'unset' : transition;
+    var withTransition = props.withTransition;
+    return !withTransition ? 'unset' : transition;
   };
 };

package/styled-components/cjs/components/Sheet/utils/index.js

@@ -3,10 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.DEFAULT_Z_INDEX = void 0;
 Object.defineProperty(exports, "handleTransition", {
   enumerable: true,
   get: function get() {
     return _handleTransition.handleTransition;
   }
 });
-var _handleTransition = /*#__PURE__*/require("./handleTransition");
+var _handleTransition = /*#__PURE__*/require("./handleTransition");
+var DEFAULT_Z_INDEX = exports.DEFAULT_Z_INDEX = '0';

package/styled-components/cjs/components/Sheet/variations/_view/tokens.json

@@ -1,3 +1,6 @@
 [
-    "--plasma-sheet-overlay-background-color, --plasma-sheet-content-background-color, --plasma-sheet-handle-background-color"
+    "--plasma-sheet-overlay-color",
+    "--plasma-sheet-overlay-with-blur-color",
+    "--plasma-sheet-content-background-color",
+    "--plasma-sheet-handle-background-color"
 ]

package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.config.js

@@ -12,7 +12,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-solid-card);", ":var(--overlay-soft);", ":var(--text-primary);"], _Sheet.sheetTokens.contentBackgroundColor, _Sheet.sheetTokens.overlayBackgroundColor, _Sheet.sheetTokens.handleColor)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--overlay-soft);", ":var(--overlay-blur);", ":var(--surface-solid-card);", ":var(--surface-solid-tertiary);"], _Sheet.sheetTokens.sheetOverlayColor, _Sheet.sheetTokens.sheetOverlayWithBlurColor, _Sheet.sheetTokens.contentBackgroundColor, _Sheet.sheetTokens.handleColor)
     }
   }
 };