@skbkontur/react-ui 0.0.0-68e286f9fe → 0.0.0-6911f001e4

package/internal/MenuMessage/MenuMessage/MenuMessage.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","forwardRefAndName","useResponsiveLayout","cx","ThemeContext","styles","MenuMessageDataTids","root","MenuMessage","_ref","ref","_cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose","_excluded","_useResponsiveLayout","isMobile","theme","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","createElement","_extends","rootMobile"],"sources":["MenuMessage.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootLarge(theme));\n        case 'medium':\n          return cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [styles.rootMobile(theme)]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"],"mappings":"sNAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;;;AAI7D,SAASC,MAAM,QAAQ,sBAAsB;;;;;;;;AAQ7C,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,IAAI,EAAE;AACR,CAAU;;AAEV,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;EAC1C,aAAa;EACb,UAAAQ,IAAA,EAAkEC,GAAG,EAAK,KAAAC,GAAA,KAAvEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAAC,SAAA,GAAAL,IAAA,CAAEM,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAAE,OAAA,GAAAP,IAAA,CAAEQ,EAAE,CAAEC,GAAG,GAAAF,OAAA,cAAG,GAAG,GAAAA,OAAA,CAAKG,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;IAC5D,IAAAC,oBAAA,GAAqBpB,mBAAmB,CAAC,CAAC,CAAlCqB,QAAQ,GAAAD,oBAAA,CAARC,QAAQ;;IAEhB,IAAMC,KAAK,GAAGxB,UAAU,CAACI,YAAY,CAAC;;IAEtC,IAAMqB,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,QAAQV,IAAI;QACV,KAAK,OAAO;UACV,OAAOZ,EAAE,CAACE,MAAM,CAACqB,SAAS,CAACF,KAAK,CAAC,CAAC;QACpC,KAAK,QAAQ;UACX,OAAOrB,EAAE,CAACE,MAAM,CAACsB,UAAU,CAACH,KAAK,CAAC,CAAC;QACrC,KAAK,OAAO;QACZ;UACE,OAAOrB,EAAE,CAACE,MAAM,CAACuB,SAAS,CAACJ,KAAK,CAAC,CAAC;MACtC;IACF,CAAC;;IAED;MACEzB,KAAA,CAAA8B,aAAA,CAACX,GAAG,EAAAY,QAAA;QACFpB,GAAG,EAAEA,GAAI;QACT,YAAUJ,mBAAmB,CAACC,IAAK;QACnCM,SAAS,EAAEV,EAAE;UACXsB,2BAA2B,CAAC,CAAC,GAAAd,GAAA,OAAAA,GAAA;;UAE1BN,MAAM,CAACE,IAAI,CAACiB,KAAK,CAAC,IAAG,IAAI,EAAAb,GAAA;UACzBN,MAAM,CAAC0B,UAAU,CAACP,KAAK,CAAC,IAAGD,QAAQ,EAAAZ,GAAA;;UAEtCE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useContext","forwardRefAndName","useResponsiveLayout","cx","ThemeContext","styles","MenuMessageDataTids","root","MenuMessage","_ref","ref","_cx","children","className","_ref$size","size","_ref$as","as","Tag","rest","_objectWithoutPropertiesLoose","_excluded","_useResponsiveLayout","isMobile","theme","getMenuMessageSizeClassName","rootLarge","rootMedium","rootSmall","getMenuMessageSizeMobileClassName","rootMobileLarge","rootMobileMedium","rootMobileSmall","createElement","_extends"],"sources":["MenuMessage.tsx"],"sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useResponsiveLayout } from '../../components/ResponsiveLayout';\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps } from '../CommonWrapper';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { styles } from './MenuMessage.styles';\n\nexport interface MenuMessageProps extends CommonProps {\n  children: React.ReactNode;\n  as?: React.ElementType;\n  size?: SizeProp;\n}\n\nexport const MenuMessageDataTids = {\n  root: 'MenuMessage__root',\n} as const;\n\nexport const MenuMessage = forwardRefAndName<HTMLOrSVGElement, MenuMessageProps>(\n  'MenuMessage',\n  ({ children, className, size = 'small', as: Tag = 'p', ...rest }, ref) => {\n    const { isMobile } = useResponsiveLayout();\n\n    const theme = useContext(ThemeContext);\n\n    const getMenuMessageSizeClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootLarge(theme));\n        case 'medium':\n          return cx(styles.rootMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootSmall(theme));\n      }\n    };\n\n    const getMenuMessageSizeMobileClassName = () => {\n      switch (size) {\n        case 'large':\n          return cx(styles.rootMobileLarge(theme));\n        case 'medium':\n          return cx(styles.rootMobileMedium(theme));\n        case 'small':\n        default:\n          return cx(styles.rootMobileSmall(theme));\n      }\n    };\n\n    return (\n      <Tag\n        ref={ref}\n        data-tid={MenuMessageDataTids.root}\n        className={cx(\n          getMenuMessageSizeClassName(),\n          {\n            [styles.root(theme)]: true,\n            [getMenuMessageSizeMobileClassName()]: isMobile,\n          },\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Tag>\n    );\n  },\n);\n"],"mappings":"sNAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;;AAEzC,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,EAAE,QAAQ,2BAA2B;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;;;AAI7D,SAASC,MAAM,QAAQ,sBAAsB;;;;;;;;AAQ7C,OAAO,IAAMC,mBAAmB,GAAG;EACjCC,IAAI,EAAE;AACR,CAAU;;AAEV,OAAO,IAAMC,WAAW,GAAGP,iBAAiB;EAC1C,aAAa;EACb,UAAAQ,IAAA,EAAkEC,GAAG,EAAK,KAAAC,GAAA,KAAvEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ,CAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAAC,SAAA,GAAAL,IAAA,CAAEM,IAAI,CAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA,CAAAE,OAAA,GAAAP,IAAA,CAAEQ,EAAE,CAAEC,GAAG,GAAAF,OAAA,cAAG,GAAG,GAAAA,OAAA,CAAKG,IAAI,GAAAC,6BAAA,CAAAX,IAAA,EAAAY,SAAA;IAC5D,IAAAC,oBAAA,GAAqBpB,mBAAmB,CAAC,CAAC,CAAlCqB,QAAQ,GAAAD,oBAAA,CAARC,QAAQ;;IAEhB,IAAMC,KAAK,GAAGxB,UAAU,CAACI,YAAY,CAAC;;IAEtC,IAAMqB,2BAA2B,GAAG,SAA9BA,2BAA2BA,CAAA,EAAS;MACxC,QAAQV,IAAI;QACV,KAAK,OAAO;UACV,OAAOZ,EAAE,CAACE,MAAM,CAACqB,SAAS,CAACF,KAAK,CAAC,CAAC;QACpC,KAAK,QAAQ;UACX,OAAOrB,EAAE,CAACE,MAAM,CAACsB,UAAU,CAACH,KAAK,CAAC,CAAC;QACrC,KAAK,OAAO;QACZ;UACE,OAAOrB,EAAE,CAACE,MAAM,CAACuB,SAAS,CAACJ,KAAK,CAAC,CAAC;MACtC;IACF,CAAC;;IAED,IAAMK,iCAAiC,GAAG,SAApCA,iCAAiCA,CAAA,EAAS;MAC9C,QAAQd,IAAI;QACV,KAAK,OAAO;UACV,OAAOZ,EAAE,CAACE,MAAM,CAACyB,eAAe,CAACN,KAAK,CAAC,CAAC;QAC1C,KAAK,QAAQ;UACX,OAAOrB,EAAE,CAACE,MAAM,CAAC0B,gBAAgB,CAACP,KAAK,CAAC,CAAC;QAC3C,KAAK,OAAO;QACZ;UACE,OAAOrB,EAAE,CAACE,MAAM,CAAC2B,eAAe,CAACR,KAAK,CAAC,CAAC;MAC5C;IACF,CAAC;;IAED;MACEzB,KAAA,CAAAkC,aAAA,CAACf,GAAG,EAAAgB,QAAA;QACFxB,GAAG,EAAEA,GAAI;QACT,YAAUJ,mBAAmB,CAACC,IAAK;QACnCM,SAAS,EAAEV,EAAE;UACXsB,2BAA2B,CAAC,CAAC,GAAAd,GAAA,OAAAA,GAAA;;UAE1BN,MAAM,CAACE,IAAI,CAACiB,KAAK,CAAC,IAAG,IAAI,EAAAb,GAAA;UACzBkB,iCAAiC,CAAC,CAAC,IAAGN,QAAQ,EAAAZ,GAAA;;UAEjDE;QACF,CAAE;MACEM,IAAI;;MAEPP;MACE,CAAC;;EAEV;AACF,CAAC","ignoreList":[]}

package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js

@@ -1,5 +1,5 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { getMenuItemPaddings } from "../../../components/MenuItem/MenuItem.styles";
 export var styles = memoizeStyle({
@@ -12,16 +12,22 @@ export var styles = memoizeStyle({
       paddingY = _getMenuItemPaddings.paddingY;
     return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0;\n      display: ", ";\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      background: ", ";\n    "])), t.menuMessageDisplay, t.menuMessagePaddingY, paddingX, paddingY, t.menuMessagePaddingX, t.menuMessageTextColor, t.menuMessageBg);
   },
-  rootMobile: function rootMobile(t) {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuMessageFontSizeMobile, t.menuMessageLineHeightMobile, t.menuMessagePaddingMobile);
+  rootMobileLarge: function rootMobileLarge(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuMessageFontSizeMobileLarge, t.menuMessageLineHeightMobileLarge, t.menuMessagePaddingMobileLarge);
+  },
+  rootMobileMedium: function rootMobileMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuMessageFontSizeMobileMedium, t.menuMessageLineHeightMobileMedium, t.menuMessagePaddingMobileMedium);
+  },
+  rootMobileSmall: function rootMobileSmall(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.menuMessageFontSizeMobileSmall, t.menuMessageLineHeightMobileSmall, t.menuMessagePaddingMobileSmall);
   },
   rootSmall: function rootSmall(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeSmall, t.menuMessageLineHeightSmall);
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeSmall, t.menuMessageLineHeightSmall);
   },
   rootMedium: function rootMedium(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeMedium, t.menuMessageLineHeightMedium);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeMedium, t.menuMessageLineHeightMedium);
   },
   rootLarge: function rootLarge(t) {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeLarge, t.menuMessageLineHeightLarge);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      font-size: ", ";\n      line-height: ", ";\n    "])), t.menuMessageFontSizeLarge, t.menuMessageLineHeightLarge);
   }
 });

package/internal/MenuMessage/MenuMessage.styles/MenuMessage.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","getMenuItemPaddings","styles","root","t","_getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","_templateObject","_taggedTemplateLiteralLoose","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobile","_templateObject2","menuMessageFontSizeMobile","menuMessageLineHeightMobile","menuMessagePaddingMobile","rootSmall","_templateObject3","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","_templateObject4","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","_templateObject5","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      display: ${t.menuMessageDisplay};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobile};\n      line-height: ${t.menuMessageLineHeightMobile};\n      padding: ${t.menuMessagePaddingMobile};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeSmall};\n      line-height: ${t.menuMessageLineHeightSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMedium};\n      line-height: ${t.menuMessageLineHeightMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeLarge};\n      line-height: ${t.menuMessageLineHeightLarge};\n    `;\n  },\n});\n"],"mappings":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;AAC7D,SAASC,mBAAmB,QAAQ,2CAA2C;;AAE/E,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAA+BJ,mBAAmB,CAAC;QACjDK,gBAAgB,EAAEF,CAAC,CAACG,mBAAmB;QACvCC,gBAAgB,EAAEJ,CAAC,CAACK;MACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAL,oBAAA,CAARK,QAAQ,CAAEC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ;;IAK1B,OAAOZ,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGT,CAAC,CAACU,kBAAkB;IACpBV,CAAC,CAACK,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIP,CAAC,CAACG,mBAAmB;IACxEH,CAAC,CAACW,oBAAoB;IACjBX,CAAC,CAACY,aAAa;;EAEjC,CAAC;;EAEDC,UAAU,WAAAA,WAACb,CAAQ,EAAE;IACnB,OAAOL,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACKT,CAAC,CAACe,yBAAyB;IACzBf,CAAC,CAACgB,2BAA2B;IACjChB,CAAC,CAACiB,wBAAwB;;EAEzC,CAAC;;EAEDC,SAAS,WAAAA,UAAClB,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACKT,CAAC,CAACoB,wBAAwB;IACxBpB,CAAC,CAACqB,0BAA0B;;EAE/C,CAAC;EACDC,UAAU,WAAAA,WAACtB,CAAQ,EAAE;IACnB,OAAOL,GAAG,CAAA4B,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;IACKT,CAAC,CAACwB,yBAAyB;IACzBxB,CAAC,CAACyB,2BAA2B;;EAEhD,CAAC;EACDC,SAAS,WAAAA,UAAC1B,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAgC,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACKT,CAAC,CAAC4B,wBAAwB;IACxB5B,CAAC,CAAC6B,0BAA0B;;EAE/C;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","getMenuItemPaddings","styles","root","t","_getMenuItemPaddings","menuItemPaddingX","menuMessagePaddingX","menuItemPaddingY","menuMessagePaddingY","paddingX","paddingY","_templateObject","_taggedTemplateLiteralLoose","menuMessageDisplay","menuMessageTextColor","menuMessageBg","rootMobileLarge","_templateObject2","menuMessageFontSizeMobileLarge","menuMessageLineHeightMobileLarge","menuMessagePaddingMobileLarge","rootMobileMedium","_templateObject3","menuMessageFontSizeMobileMedium","menuMessageLineHeightMobileMedium","menuMessagePaddingMobileMedium","rootMobileSmall","_templateObject4","menuMessageFontSizeMobileSmall","menuMessageLineHeightMobileSmall","menuMessagePaddingMobileSmall","rootSmall","_templateObject5","menuMessageFontSizeSmall","menuMessageLineHeightSmall","rootMedium","_templateObject6","menuMessageFontSizeMedium","menuMessageLineHeightMedium","rootLarge","_templateObject7","menuMessageFontSizeLarge","menuMessageLineHeightLarge"],"sources":["MenuMessage.styles.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { getMenuItemPaddings } from '../../components/MenuItem/MenuItem.styles';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    const { paddingX, paddingY } = getMenuItemPaddings({\n      menuItemPaddingX: t.menuMessagePaddingX,\n      menuItemPaddingY: t.menuMessagePaddingY,\n    });\n\n    return css`\n      margin: 0;\n      display: ${t.menuMessageDisplay};\n      padding: ${t.menuMessagePaddingY} ${paddingX} ${paddingY} ${t.menuMessagePaddingX};\n      color: ${t.menuMessageTextColor};\n      background: ${t.menuMessageBg};\n    `;\n  },\n\n  rootMobileLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobileLarge};\n      line-height: ${t.menuMessageLineHeightMobileLarge};\n      padding: ${t.menuMessagePaddingMobileLarge};\n    `;\n  },\n\n  rootMobileMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobileMedium};\n      line-height: ${t.menuMessageLineHeightMobileMedium};\n      padding: ${t.menuMessagePaddingMobileMedium};\n    `;\n  },\n\n  rootMobileSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMobileSmall};\n      line-height: ${t.menuMessageLineHeightMobileSmall};\n      padding: ${t.menuMessagePaddingMobileSmall};\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeSmall};\n      line-height: ${t.menuMessageLineHeightSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeMedium};\n      line-height: ${t.menuMessageLineHeightMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      font-size: ${t.menuMessageFontSizeLarge};\n      line-height: ${t.menuMessageLineHeightLarge};\n    `;\n  },\n});\n"],"mappings":";AACA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;AAC7D,SAASC,mBAAmB,QAAQ,2CAA2C;;AAE/E,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,IAAAC,oBAAA,GAA+BJ,mBAAmB,CAAC;QACjDK,gBAAgB,EAAEF,CAAC,CAACG,mBAAmB;QACvCC,gBAAgB,EAAEJ,CAAC,CAACK;MACtB,CAAC,CAAC,CAHMC,QAAQ,GAAAL,oBAAA,CAARK,QAAQ,CAAEC,QAAQ,GAAAN,oBAAA,CAARM,QAAQ;;IAK1B,OAAOZ,GAAG,CAAAa,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;IAEGT,CAAC,CAACU,kBAAkB;IACpBV,CAAC,CAACK,mBAAmB,EAAIC,QAAQ,EAAIC,QAAQ,EAAIP,CAAC,CAACG,mBAAmB;IACxEH,CAAC,CAACW,oBAAoB;IACjBX,CAAC,CAACY,aAAa;;EAEjC,CAAC;;EAEDC,eAAe,WAAAA,gBAACb,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;IACKT,CAAC,CAACe,8BAA8B;IAC9Bf,CAAC,CAACgB,gCAAgC;IACtChB,CAAC,CAACiB,6BAA6B;;EAE9C,CAAC;;EAEDC,gBAAgB,WAAAA,iBAAClB,CAAQ,EAAE;IACzB,OAAOL,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACKT,CAAC,CAACoB,+BAA+B;IAC/BpB,CAAC,CAACqB,iCAAiC;IACvCrB,CAAC,CAACsB,8BAA8B;;EAE/C,CAAC;;EAEDC,eAAe,WAAAA,gBAACvB,CAAQ,EAAE;IACxB,OAAOL,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACKT,CAAC,CAACyB,8BAA8B;IAC9BzB,CAAC,CAAC0B,gCAAgC;IACtC1B,CAAC,CAAC2B,6BAA6B;;EAE9C,CAAC;;EAEDC,SAAS,WAAAA,UAAC5B,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAAkC,gBAAA,KAAAA,gBAAA,GAAApB,2BAAA;IACKT,CAAC,CAAC8B,wBAAwB;IACxB9B,CAAC,CAAC+B,0BAA0B;;EAE/C,CAAC;EACDC,UAAU,WAAAA,WAAChC,CAAQ,EAAE;IACnB,OAAOL,GAAG,CAAAsC,gBAAA,KAAAA,gBAAA,GAAAxB,2BAAA;IACKT,CAAC,CAACkC,yBAAyB;IACzBlC,CAAC,CAACmC,2BAA2B;;EAEhD,CAAC;EACDC,SAAS,WAAAA,UAACpC,CAAQ,EAAE;IAClB,OAAOL,GAAG,CAAA0C,gBAAA,KAAAA,gBAAA,GAAA5B,2BAAA;IACKT,CAAC,CAACsC,wBAAwB;IACxBtC,CAAC,CAACuC,0BAA0B;;EAE/C;AACF,CAAC,CAAC","ignoreList":[]}

package/internal/MenuMessage/MenuMessage.styles.d.ts

@@ -1,7 +1,9 @@
 import type { Theme } from '../../lib/theming/Theme';
 export declare const styles: {
     root(t: Theme): string;
-    rootMobile(t: Theme): string;
+    rootMobileLarge(t: Theme): string;
+    rootMobileMedium(t: Theme): string;
+    rootMobileSmall(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;
     rootLarge(t: Theme): string;

package/internal/MobilePopup/MobilePopup/MobilePopup.js

@@ -27,6 +27,18 @@ export var MobilePopup = rootNode(_class = (_MobilePopup = /*#__PURE__*/function
         _this.props.onCloseRequest();
       }
     };
+    _this.getContentClassName = function () {
+      switch (_this.props.size) {
+        case 'small':
+          return jsStyles.contentSmall(_this.theme);
+        case 'medium':
+          return jsStyles.contentMedium(_this.theme);
+        case 'large':
+          return jsStyles.contentLarge(_this.theme);
+        default:
+          return jsStyles.contentSmall(_this.theme);
+      }
+    };
     return _this;
   }
   _inheritsLoose(MobilePopup, _React$Component);
@@ -50,24 +62,25 @@ export var MobilePopup = rootNode(_class = (_MobilePopup = /*#__PURE__*/function
       unmountOnExit: true,
       timeout: 0
     }, /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.wrapper()
+      className: jsStyles.wrapper(this.theme)
     }, /*#__PURE__*/React.createElement(RenderLayer, {
       onClickOutside: this.close
     }, /*#__PURE__*/React.createElement("div", {
       ref: this.setRootNode,
       "data-tid": MobilePopupDataTids.container,
-      className: jsStyles.container(this.theme)
+      className: this.props.center ? jsStyles.containerBase(this.theme) : jsStyles.containerBottom(this.theme)
     }, /*#__PURE__*/React.createElement("div", {
       "data-tid": MobilePopupDataTids.root,
       className: jsStyles.root(this.theme)
     }, /*#__PURE__*/React.createElement(MobilePopupHeader, {
+      size: this.props.size,
       caption: this.props.caption
     }, this.props.headerChildComponent), /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.content(this.theme)
-    }, this.props.children), /*#__PURE__*/React.createElement(MobilePopupFooter, null, this.props.footerChildComponent)), /*#__PURE__*/React.createElement("div", {
+      className: this.getContentClassName()
+    }, this.props.children), /*#__PURE__*/React.createElement(MobilePopupFooter, {
+      size: this.props.size
+    }, this.props.footerChildComponent)))), /*#__PURE__*/React.createElement("div", {
       onClick: this.close,
-      className: jsStyles.bottomIndent()
-    }))), /*#__PURE__*/React.createElement("div", {
       className: jsStyles.bg()
     }), /*#__PURE__*/React.createElement(HideBodyVerticalScroll, null))));
     if (this.props.withoutRenderContainer) {

package/internal/MobilePopup/MobilePopup/MobilePopup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","jsStyles","MobilePopupHeader","MobilePopupFooter","MobilePopupDataTids","root","container","MobilePopup","_class","_MobilePopup","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","theme","renderMain","content","id","className","zIndex","priority","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","onClickOutside","ref","setRootNode","caption","headerChildComponent","children","footerChildComponent","onClick","bottomIndent","bg","withoutRenderContainer","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"sources":["MobilePopup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport type { TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private theme!: Theme;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const content = (\n      <ZIndex id={this.props.id} className={jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={jsStyles.wrapper()}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={jsStyles.container(this.theme)}\n              >\n                <div data-tid={MobilePopupDataTids.root} className={jsStyles.root(this.theme)}>\n                  <MobilePopupHeader caption={this.props.caption}>{this.props.headerChildComponent}</MobilePopupHeader>\n                  <div className={jsStyles.content(this.theme)}>{this.props.children}</div>\n                  <MobilePopupFooter>{this.props.footerChildComponent}</MobilePopupFooter>\n                </div>\n                <div onClick={this.close} className={jsStyles.bottomIndent()} />\n              </div>\n            </RenderLayer>\n            <div className={jsStyles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","Transition","ThemeContext","RenderContainer","HideBodyVerticalScroll","ZIndex","RenderLayer","rootNode","jsStyles","MobilePopupHeader","MobilePopupFooter","MobilePopupDataTids","root","container","MobilePopup","_class","_MobilePopup","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","close","props","onCloseRequest","getContentClassName","size","contentSmall","theme","contentMedium","contentLarge","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","renderMain","content","id","className","zIndex","priority","opened","onExited","onClose","mountOnEnter","unmountOnExit","timeout","wrapper","onClickOutside","ref","setRootNode","center","containerBase","containerBottom","caption","headerChildComponent","children","footerChildComponent","onClick","bg","withoutRenderContainer","Component","__KONTUR_REACT_UI__","displayName","defaultRootNode"],"sources":["MobilePopup.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\nimport React from 'react';\nimport { Transition } from 'react-transition-group';\n\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { RenderContainer } from '../RenderContainer';\nimport { HideBodyVerticalScroll } from '../HideBodyVerticalScroll';\nimport { ZIndex } from '../ZIndex';\nimport { RenderLayer } from '../RenderLayer';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { jsStyles } from './MobilePopup.styles';\nimport { MobilePopupHeader } from './MobilePopupHeader';\nimport { MobilePopupFooter } from './MobilePopupFooter';\n\ninterface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {\n  /**\n   * Функция, вызываемая при закрытии всплывающего окна\n   */\n  onClose?: () => void;\n  /**\n   * Заголовок всплывающего окна, располагается в шапке\n   */\n  caption?: string;\n  /**\n   * Шапка всплывающего окна\n   */\n  headerChildComponent?: React.ReactNode;\n  /**\n   * Подвал всплывающего окна\n   */\n  footerChildComponent?: React.ReactNode;\n  /**\n   * Позволяет получить контент всплывающего окна без обёртки в виде `RenderContainer`\n   */\n  withoutRenderContainer?: boolean;\n  /**\n   * Функция, вызываемая при клике по вуали\n   */\n  onCloseRequest?: () => void;\n  /**\n   * Позволяет контролировать текущее состояние всплывающего окна\n   */\n  opened: boolean;\n  /**\n   * Позволяет отрисовать попап по центру экрана\n   */\n  center?: boolean;\n  size?: SizeProp;\n  children?: React.ReactNode;\n}\n\nexport const MobilePopupDataTids = {\n  root: 'MobilePopup__root',\n  container: 'MobilePopup__container',\n} as const;\n\n@rootNode\nexport class MobilePopup extends React.Component<MobilePopupProps> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  // see #2873 and #2895\n  public static readonly defaultRootNode = null;\n\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  public renderMain() {\n    const content = (\n      <ZIndex id={this.props.id} className={jsStyles.zIndex()} priority={'MobilePopup'}>\n        <Transition in={this.props.opened} onExited={this.props.onClose} mountOnEnter unmountOnExit timeout={0}>\n          <div className={jsStyles.wrapper(this.theme)}>\n            <RenderLayer onClickOutside={this.close}>\n              <div\n                ref={this.setRootNode}\n                data-tid={MobilePopupDataTids.container}\n                className={\n                  this.props.center ? jsStyles.containerBase(this.theme) : jsStyles.containerBottom(this.theme)\n                }\n              >\n                <div data-tid={MobilePopupDataTids.root} className={jsStyles.root(this.theme)}>\n                  <MobilePopupHeader size={this.props.size} caption={this.props.caption}>\n                    {this.props.headerChildComponent}\n                  </MobilePopupHeader>\n                  <div className={this.getContentClassName()}>{this.props.children}</div>\n                  <MobilePopupFooter size={this.props.size}>{this.props.footerChildComponent}</MobilePopupFooter>\n                </div>\n              </div>\n            </RenderLayer>\n            <div onClick={this.close} className={jsStyles.bg()} />\n            <HideBodyVerticalScroll />\n          </div>\n        </Transition>\n      </ZIndex>\n    );\n\n    if (this.props.withoutRenderContainer) {\n      return content;\n    }\n\n    return <RenderContainer>{content}</RenderContainer>;\n  }\n\n  public close = () => {\n    if (this.props.onCloseRequest) {\n      this.props.onCloseRequest();\n    }\n  };\n\n  private getContentClassName = (): string => {\n    switch (this.props.size) {\n      case 'small':\n        return jsStyles.contentSmall(this.theme);\n      case 'medium':\n        return jsStyles.contentMedium(this.theme);\n      case 'large':\n        return jsStyles.contentLarge(this.theme);\n      default:\n        return jsStyles.contentSmall(this.theme);\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/internal/MobilePopup/MobilePopup.d.ts

@@ -1,5 +1,7 @@
 import type { HTMLAttributes } from 'react';
 import React from 'react';
+import type { TGetRootNode } from '../../lib/rootNode';
+import type { SizeProp } from '../../lib/types/props';
 interface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
     /**
      * Функция, вызываемая при закрытии всплывающего окна
@@ -29,6 +31,11 @@ interface MobilePopupProps extends Pick<HTMLAttributes<HTMLDivElement>, 'id'> {
      * Позволяет контролировать текущее состояние всплывающего окна
      */
     opened: boolean;
+    /**
+     * Позволяет отрисовать попап по центру экрана
+     */
+    center?: boolean;
+    size?: SizeProp;
     children?: React.ReactNode;
 }
 export declare const MobilePopupDataTids: {
@@ -40,9 +47,11 @@ export declare class MobilePopup extends React.Component<MobilePopupProps> {
     static displayName: string;
     static readonly defaultRootNode: null;
     private theme;
+    getRootNode: TGetRootNode;
     private setRootNode;
     render(): React.JSX.Element;
     renderMain(): React.JSX.Element;
     close: () => void;
+    private getContentClassName;
 }
 export {};

package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js

@@ -1,27 +1,39 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 var styles = {
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBottomPadding, t.menuBgDefault);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ", ";\n      overflow: hidden;\n      background: ", ";\n\n      max-height: calc(100vh - (2 * ", "));\n    "])), t.mobilePopupContainerBorderRadius, t.menuBgDefault, t.mobilePopupPaddingY);
   },
-  wrapper: function wrapper() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    "])));
+  wrapper: function wrapper(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: ", ";\n      bottom: ", ";\n      right: ", ";\n      left: ", ";\n      display: flex;\n      align-items: center;\n    "])), t.mobilePopupPaddingY, t.mobilePopupPaddingY, t.mobilePopupPaddingX, t.mobilePopupPaddingX);
   },
   content: function content(t) {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n    "])), t.bgDefault);
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      overflow-y: scroll;\n      ", "\n    "])), t.bgDefault, styles.offScrollBar());
   },
-  container: function container(t) {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      top: ", ";\n      left: ", ";\n      right: ", ";\n      z-index: 100000;\n    "])), t.mobilePopupTopPadding, t.mobilePopupOuterIndentY, t.mobilePopupOuterIndentY);
+  contentSmall: function contentSmall(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", "\n      padding-bottom: ", ";\n    "])), styles.content(t), t.mobilePaddingSmall);
   },
-  bg: function bg() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
+  contentMedium: function contentMedium(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      ", "\n      padding-bottom: ", ";\n    "])), styles.content(t), t.mobilePaddingMedium);
+  },
+  contentLarge: function contentLarge(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      ", "\n      padding-bottom: ", ";\n    "])), styles.content(t), t.mobilePaddingLarge);
+  },
+  containerBase: function containerBase(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: absolute;\n      z-index: 100000;\n      min-width: calc(100vw - (2 * ", "));\n    "])), t.mobilePopupPaddingX);
   },
-  bottomIndent: function bottomIndent() {
-    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      height: 80px;\n    "])));
+  containerBottom: function containerBottom(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n      bottom: 0;\n      max-height: calc(100vh - (2 * ", "));\n    "])), styles.containerBase(t), t.mobilePopupPaddingY);
+  },
+  bg: function bg() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    "])));
   },
   zIndex: function zIndex() {
-    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      position: relative;\n    "])));
+  },
+  offScrollBar: function offScrollBar() {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    "])));
   }
 };
 export var jsStyles = memoizeStyle(styles);

package/internal/MobilePopup/MobilePopup.styles/MobilePopup.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupContainerBorderRadius","mobilePopupContainerBottomPadding","menuBgDefault","wrapper","_templateObject2","content","_templateObject3","bgDefault","container","_templateObject4","mobilePopupTopPadding","mobilePopupOuterIndentY","bg","_templateObject5","bottomIndent","_templateObject6","zIndex","_templateObject7","jsStyles"],"sources":["MobilePopup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupContainerBorderRadius};\n      overflow: hidden;\n      padding-bottom: ${t.mobilePopupContainerBottomPadding};\n      background: ${t.menuBgDefault};\n    `;\n  },\n\n  wrapper() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      overflow: auto;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n    `;\n  },\n\n  container(t: Theme) {\n    return css`\n      position: absolute;\n      top: ${t.mobilePopupTopPadding};\n      left: ${t.mobilePopupOuterIndentY};\n      right: ${t.mobilePopupOuterIndentY};\n      z-index: 100000;\n    `;\n  },\n\n  bg() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    `;\n  },\n\n  bottomIndent() {\n    return css`\n      height: 80px;\n    `;\n  },\n\n  zIndex() {\n    return css`\n      position: relative;\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"gOAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;IAMSF,CAAC,CAACG,gCAAgC;;IAEjCH,CAAC,CAACI,iCAAiC;IACvCJ,CAAC,CAACK,aAAa;;EAEjC,CAAC;;EAEDC,OAAO,WAAAA,QAAA,EAAG;IACR,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;;;;;;;EAQZ,CAAC;;EAEDM,OAAO,WAAAA,QAACR,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACYF,CAAC,CAACU,SAAS;;EAEnC,CAAC;;EAEDC,SAAS,WAAAA,UAACX,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;IAEDF,CAAC,CAACa,qBAAqB;IACtBb,CAAC,CAACc,uBAAuB;IACxBd,CAAC,CAACc,uBAAuB;;;EAGtC,CAAC;;EAEDC,EAAE,WAAAA,GAAA,EAAG;IACH,OAAOnB,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;;;;;;;;;;;EAWZ,CAAC;;EAEDe,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOrB,GAAG,CAAAsB,gBAAA,KAAAA,gBAAA,GAAAhB,2BAAA;;;EAGZ,CAAC;;EAEDiB,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOvB,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;;;EAGZ;AACF,CAAC;;AAED,OAAO,IAAMmB,QAAQ,GAAGxB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupContainerBorderRadius","menuBgDefault","mobilePopupPaddingY","wrapper","_templateObject2","mobilePopupPaddingX","content","_templateObject3","bgDefault","offScrollBar","contentSmall","_templateObject4","mobilePaddingSmall","contentMedium","_templateObject5","mobilePaddingMedium","contentLarge","_templateObject6","mobilePaddingLarge","containerBase","_templateObject7","containerBottom","_templateObject8","bg","_templateObject9","zIndex","_templateObject10","_templateObject11","jsStyles"],"sources":["MobilePopup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      width: 100%;\n      height: 100%;\n      flex-direction: column;\n      display: flex;\n      justify-content: flex-end;\n      border-radius: ${t.mobilePopupContainerBorderRadius};\n      overflow: hidden;\n      background: ${t.menuBgDefault};\n\n      max-height: calc(100vh - (2 * ${t.mobilePopupPaddingY}));\n    `;\n  },\n\n  wrapper(t: Theme) {\n    return css`\n      position: fixed;\n      top: ${t.mobilePopupPaddingY};\n      bottom: ${t.mobilePopupPaddingY};\n      right: ${t.mobilePopupPaddingX};\n      left: ${t.mobilePopupPaddingX};\n      display: flex;\n      align-items: center;\n    `;\n  },\n\n  content(t: Theme) {\n    return css`\n      background-color: ${t.bgDefault};\n      overflow-y: scroll;\n      ${styles.offScrollBar()}\n    `;\n  },\n\n  contentSmall(t: Theme) {\n    return css`\n      ${styles.content(t)}\n      padding-bottom: ${t.mobilePaddingSmall};\n    `;\n  },\n\n  contentMedium(t: Theme) {\n    return css`\n      ${styles.content(t)}\n      padding-bottom: ${t.mobilePaddingMedium};\n    `;\n  },\n\n  contentLarge(t: Theme) {\n    return css`\n      ${styles.content(t)}\n      padding-bottom: ${t.mobilePaddingLarge};\n    `;\n  },\n\n  containerBase(t: Theme) {\n    return css`\n      position: absolute;\n      z-index: 100000;\n      min-width: calc(100vw - (2 * ${t.mobilePopupPaddingX}));\n    `;\n  },\n\n  containerBottom(t: Theme) {\n    return css`\n      ${styles.containerBase(t)};\n      bottom: 0;\n      max-height: calc(100vh - (2 * ${t.mobilePopupPaddingY}));\n    `;\n  },\n\n  bg() {\n    return css`\n      position: fixed;\n      top: 0;\n      bottom: 0;\n      right: 0;\n      left: 0;\n      z-index: 9999;\n      background: #333333;\n      pointer-events: none;\n      opacity: 50%;\n    `;\n  },\n\n  zIndex() {\n    return css`\n      position: relative;\n    `;\n  },\n\n  offScrollBar() {\n    return css`\n      scrollbar-width: none;\n      -ms-overflow-style: none;\n      &::-webkit-scrollbar {\n        width: 0;\n        height: 0;\n      }\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"0SAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;AAG7D,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;IAMSF,CAAC,CAACG,gCAAgC;;IAErCH,CAAC,CAACI,aAAa;;IAEGJ,CAAC,CAACK,mBAAmB;;EAEzD,CAAC;;EAEDC,OAAO,WAAAA,QAACN,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;;IAEDF,CAAC,CAACK,mBAAmB;IAClBL,CAAC,CAACK,mBAAmB;IACtBL,CAAC,CAACQ,mBAAmB;IACtBR,CAAC,CAACQ,mBAAmB;;;;EAIjC,CAAC;;EAEDC,OAAO,WAAAA,QAACT,CAAQ,EAAE;IAChB,OAAOJ,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;IACYF,CAAC,CAACW,SAAS;;IAE7Bb,MAAM,CAACc,YAAY,CAAC,CAAC;;EAE3B,CAAC;;EAEDC,YAAY,WAAAA,aAACb,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAAkB,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;IACNJ,MAAM,CAACW,OAAO,CAACT,CAAC,CAAC;IACDA,CAAC,CAACe,kBAAkB;;EAE1C,CAAC;;EAEDC,aAAa,WAAAA,cAAChB,CAAQ,EAAE;IACtB,OAAOJ,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAf,2BAAA;IACNJ,MAAM,CAACW,OAAO,CAACT,CAAC,CAAC;IACDA,CAAC,CAACkB,mBAAmB;;EAE3C,CAAC;;EAEDC,YAAY,WAAAA,aAACnB,CAAQ,EAAE;IACrB,OAAOJ,GAAG,CAAAwB,gBAAA,KAAAA,gBAAA,GAAAlB,2BAAA;IACNJ,MAAM,CAACW,OAAO,CAACT,CAAC,CAAC;IACDA,CAAC,CAACqB,kBAAkB;;EAE1C,CAAC;;EAEDC,aAAa,WAAAA,cAACtB,CAAQ,EAAE;IACtB,OAAOJ,GAAG,CAAA2B,gBAAA,KAAAA,gBAAA,GAAArB,2BAAA;;;IAGuBF,CAAC,CAACQ,mBAAmB;;EAExD,CAAC;;EAEDgB,eAAe,WAAAA,gBAACxB,CAAQ,EAAE;IACxB,OAAOJ,GAAG,CAAA6B,gBAAA,KAAAA,gBAAA,GAAAvB,2BAAA;IACNJ,MAAM,CAACwB,aAAa,CAACtB,CAAC,CAAC;;IAEOA,CAAC,CAACK,mBAAmB;;EAEzD,CAAC;;EAEDqB,EAAE,WAAAA,GAAA,EAAG;IACH,OAAO9B,GAAG,CAAA+B,gBAAA,KAAAA,gBAAA,GAAAzB,2BAAA;;;;;;;;;;;EAWZ,CAAC;;EAED0B,MAAM,WAAAA,OAAA,EAAG;IACP,OAAOhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA3B,2BAAA;;;EAGZ,CAAC;;EAEDU,YAAY,WAAAA,aAAA,EAAG;IACb,OAAOhB,GAAG,CAAAkC,iBAAA,KAAAA,iBAAA,GAAA5B,2BAAA;;;;;;;;EAQZ;AACF,CAAC;;AAED,OAAO,IAAM6B,QAAQ,GAAGlC,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

package/internal/MobilePopup/MobilePopup.styles.d.ts

@@ -1,10 +1,14 @@
 import type { Theme } from '../../lib/theming/Theme';
 export declare const jsStyles: {
     root(t: Theme): string;
-    wrapper(): string;
+    wrapper(t: Theme): string;
     content(t: Theme): string;
-    container(t: Theme): string;
+    contentSmall(t: Theme): string;
+    contentMedium(t: Theme): string;
+    contentLarge(t: Theme): string;
+    containerBase(t: Theme): string;
+    containerBottom(t: Theme): string;
     bg(): string;
-    bottomIndent(): string;
     zIndex(): string;
+    offScrollBar(): string;
 };

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter/MobilePopupFooter.js

@@ -4,18 +4,32 @@ import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { jsStyles } from "../MobilePopupFooter.styles";
 export var MobilePopupFooter = /*#__PURE__*/function (_React$Component) {
   function MobilePopupFooter() {
-    return _React$Component.apply(this, arguments) || this;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getRootSizeClassName = function () {
+      switch (_this.props.size) {
+        case 'large':
+          return jsStyles.rootLarge(_this.theme);
+        case 'medium':
+          return jsStyles.rootMedium(_this.theme);
+        case 'small':
+        default:
+          return jsStyles.rootSmall(_this.theme);
+      }
+    };
+    return _this;
   }
   _inheritsLoose(MobilePopupFooter, _React$Component);
   var _proto = MobilePopupFooter.prototype;
   _proto.render = function render() {
-    var _this = this;
-    return /*#__PURE__*/(
-      React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this.theme = theme;
-        return _this.renderMain();
-      })
-    );
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
   };
   _proto.renderMain = function renderMain() {
     var children = this.props.children;
@@ -23,7 +37,7 @@ export var MobilePopupFooter = /*#__PURE__*/function (_React$Component) {
       return null;
     }
     return /*#__PURE__*/React.createElement("div", {
-      className: jsStyles.root(this.theme)
+      className: this.getRootSizeClassName()
     }, children);
   };
   return MobilePopupFooter;

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter/MobilePopupFooter.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeContext","jsStyles","MobilePopupFooter","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","children","props","isValidElement","className","root","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupFooter.styles';\n\nexport class MobilePopupFooter extends React.Component<React.PropsWithChildren> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={jsStyles.root(this.theme)}>{children}</div>;\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;AAErD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;EAKrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEX,KAAA,CAAAY,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,UAAU,GAAlB,SAAAA,WAAA,EAAqB;IACnB,IAAQC,QAAQ,GAAK,IAAI,CAACC,KAAK,CAAvBD,QAAQ;;IAEhB,IAAI,CAACA,QAAQ,IAAI,eAAChB,KAAK,CAACkB,cAAc,CAACF,QAAQ,CAAC,EAAE;MAChD,OAAO,IAAI;IACb;;IAEA,oBAAOhB,KAAA,CAAAY,aAAA,UAAKO,SAAS,EAAEjB,QAAQ,CAACkB,IAAI,CAAC,IAAI,CAACN,KAAK,CAAE,IAAEE,QAAc,CAAC;EACpE,CAAC,QAAAb,iBAAA,GAxBoCH,KAAK,CAACqB,SAAS,EAAzClB,iBAAiB,CACdmB,mBAAmB,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","jsStyles","MobilePopupFooter","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getRootSizeClassName","props","size","rootLarge","theme","rootMedium","rootSmall","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","renderMain","children","isValidElement","className","Component","__KONTUR_REACT_UI__"],"sources":["MobilePopupFooter.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { jsStyles } from './MobilePopupFooter.styles';\n\ninterface Props extends PropsWithChildren {\n  size?: SizeProp;\n}\n\nexport class MobilePopupFooter extends React.Component<Props> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuFooter';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { children } = this.props;\n\n    if (!children || !React.isValidElement(children)) {\n      return null;\n    }\n\n    return <div className={this.getRootSizeClassName()}>{children}</div>;\n  }\n\n  private getRootSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return jsStyles.rootLarge(this.theme);\n      case 'medium':\n        return jsStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return jsStyles.rootSmall(this.theme);\n    }\n  };\n}\n"],"mappings":";AACA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,YAAY,QAAQ,mCAAmC;;;AAGhE,SAASC,QAAQ,QAAQ,4BAA4B;;;;;;AAMrD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BpBU,oBAAoB,GAAG,YAAc;MAC3C,QAAQV,KAAA,CAAKW,KAAK,CAACC,IAAI;QACrB,KAAK,OAAO;UACV,OAAOf,QAAQ,CAACgB,SAAS,CAACb,KAAA,CAAKc,KAAK,CAAC;QACvC,KAAK,QAAQ;UACX,OAAOjB,QAAQ,CAACkB,UAAU,CAACf,KAAA,CAAKc,KAAK,CAAC;QACxC,KAAK,OAAO;QACZ;UACE,OAAOjB,QAAQ,CAACmB,SAAS,CAAChB,KAAA,CAAKc,KAAK,CAAC;MACzC;IACF,CAAC,QAAAd,KAAA,EAAAiB,cAAA,CAAAnB,iBAAA,EAAAC,gBAAA,MAAAmB,MAAA,GAAApB,iBAAA,CAAAqB,SAAA,CAAAD,MAAA,CA/BME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE1B,KAAA,CAAA2B,aAAA,CAAC1B,YAAY,CAAC2B,QAAQ,QACnB,UAACT,KAAK,EAAK,CACVO,MAAI,CAACP,KAAK,GAAGA,KAAK,CAClB,OAAOO,MAAI,CAACG,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAN,MAAA,CAEOM,UAAU,GAAlB,SAAAA,WAAA,EAAqB,CACnB,IAAQC,QAAQ,GAAK,IAAI,CAACd,KAAK,CAAvBc,QAAQ,CAEhB,IAAI,CAACA,QAAQ,IAAI,eAAC9B,KAAK,CAAC+B,cAAc,CAACD,QAAQ,CAAC,EAAE,CAChD,OAAO,IAAI,CACb,CAEA,oBAAO9B,KAAA,CAAA2B,aAAA,UAAKK,SAAS,EAAE,IAAI,CAACjB,oBAAoB,CAAC,CAAE,IAAEe,QAAc,CAAC,CACtE,CAAC,QAAA3B,iBAAA,GAxBoCH,KAAK,CAACiC,SAAS,EAAzC9B,iBAAiB,CACd+B,mBAAmB,GAAG,kBAAkB","ignoreList":[]}

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.d.ts

@@ -1,7 +1,14 @@
+import type { PropsWithChildren } from 'react';
 import React from 'react';
-export declare class MobilePopupFooter extends React.Component<React.PropsWithChildren> {
+import type { SizeProp } from '../../../lib/types/props';
+interface Props extends PropsWithChildren {
+    size?: SizeProp;
+}
+export declare class MobilePopupFooter extends React.Component<Props> {
     static __KONTUR_REACT_UI__: string;
     private theme;
     render(): React.JSX.Element;
     private renderMain;
+    private getRootSizeClassName;
 }
+export {};

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles/MobilePopupFooter.styles.js

@@ -1,9 +1,18 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import { css, memoizeStyle } from "../../../../lib/theming/Emotion";
 var styles = {
   root: function root(t) {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ", ";\n    "])), t.mobilePopupHeaderPadding);
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      background: ", ";\n      border-bottom-left-radius: ", ";\n      border-bottom-right-radius: ", ";\n    "])), t.menuBgDefault, t.mobilePopupContainerBorderRadius, t.mobilePopupContainerBorderRadius);
+  },
+  rootSmall: function rootSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n      padding: ", ";\n    "])), styles.root(t), t.mobilePaddingSmall);
+  },
+  rootMedium: function rootMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n      padding: ", ";\n    "])), styles.root(t), t.mobilePaddingMedium);
+  },
+  rootLarge: function rootLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n      padding: ", ";\n    "])), styles.root(t), t.mobilePaddingLarge);
   }
 };
 export var jsStyles = memoizeStyle(styles);

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles/MobilePopupFooter.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","mobilePopupHeaderPadding","jsStyles"],"sources":["MobilePopupFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      padding: ${t.mobilePopupHeaderPadding};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"oHAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIGF,CAAC,CAACG,wBAAwB;;EAEzC;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGP,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","menuBgDefault","mobilePopupContainerBorderRadius","rootSmall","_templateObject2","mobilePaddingSmall","rootMedium","_templateObject3","mobilePaddingMedium","rootLarge","_templateObject4","mobilePaddingLarge","jsStyles"],"sources":["MobilePopupFooter.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../../lib/theming/Emotion';\nimport type { Theme } from '../../../lib/theming/Theme';\n\nconst styles = {\n  root(t: Theme) {\n    return css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n      background: ${t.menuBgDefault};\n      border-bottom-left-radius: ${t.mobilePopupContainerBorderRadius};\n      border-bottom-right-radius: ${t.mobilePopupContainerBorderRadius};\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${styles.root(t)};\n      padding: ${t.mobilePaddingSmall};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${styles.root(t)};\n      padding: ${t.mobilePaddingMedium};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${styles.root(t)};\n      padding: ${t.mobilePaddingLarge};\n    `;\n  },\n};\n\nexport const jsStyles = memoizeStyle(styles);\n"],"mappings":"0KAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,8BAA8B;;;AAGhE,IAAMC,MAAM,GAAG;EACbC,IAAI,WAAAA,KAACC,CAAQ,EAAE;IACb,OAAOJ,GAAG,CAAAK,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIMF,CAAC,CAACG,aAAa;IACAH,CAAC,CAACI,gCAAgC;IACjCJ,CAAC,CAACI,gCAAgC;;EAEpE,CAAC;EACDC,SAAS,WAAAA,UAACL,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;IACNJ,MAAM,CAACC,IAAI,CAACC,CAAC,CAAC;IACLA,CAAC,CAACO,kBAAkB;;EAEnC,CAAC;EACDC,UAAU,WAAAA,WAACR,CAAQ,EAAE;IACnB,OAAOJ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;IACNJ,MAAM,CAACC,IAAI,CAACC,CAAC,CAAC;IACLA,CAAC,CAACU,mBAAmB;;EAEpC,CAAC;EACDC,SAAS,WAAAA,UAACX,CAAQ,EAAE;IAClB,OAAOJ,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;IACNJ,MAAM,CAACC,IAAI,CAACC,CAAC,CAAC;IACLA,CAAC,CAACa,kBAAkB;;EAEnC;AACF,CAAC;;AAED,OAAO,IAAMC,QAAQ,GAAGjB,YAAY,CAACC,MAAM,CAAC","ignoreList":[]}

package/internal/MobilePopup/MobilePopupFooter/MobilePopupFooter.styles.d.ts

@@ -1,4 +1,7 @@
 import type { Theme } from '../../../lib/theming/Theme';
 export declare const jsStyles: {
     root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
 };

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js

@@ -1,41 +1,47 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-import { isNonNullable } from "../../../../lib/utils";
-import { cx } from "../../../../lib/theming/Emotion";
 import { ThemeContext } from "../../../../lib/theming/ThemeContext";
 import { jsStyles } from "../MobilePopupHeader.styles";
 export var MobilePopupHeader = /*#__PURE__*/function (_React$Component) {
   function MobilePopupHeader() {
-    return _React$Component.apply(this, arguments) || this;
+    var _this;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.getRootSizeClassName = function () {
+      switch (_this.props.size) {
+        case 'large':
+          return jsStyles.rootLarge(_this.theme);
+        case 'medium':
+          return jsStyles.rootMedium(_this.theme);
+        case 'small':
+        default:
+          return jsStyles.rootSmall(_this.theme);
+      }
+    };
+    return _this;
   }
   _inheritsLoose(MobilePopupHeader, _React$Component);
   var _proto = MobilePopupHeader.prototype;
   _proto.render = function render() {
-    var _this = this;
-    return /*#__PURE__*/(
-      React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this.theme = theme;
-        return _this.renderMain();
-      })
-    );
+    var _this2 = this;
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
+    });
   };
   _proto.renderMain = function renderMain() {
-    var _cx, _cx2;
     var _this$props = this.props,
       caption = _this$props.caption,
       children = _this$props.children;
-    return /*#__PURE__*/(
-      React.createElement("div", {
-        className: cx((_cx = {}, _cx[jsStyles.root(this.theme)] = true, _cx[jsStyles.rootWithoutContent()] = !caption && !children, _cx))
-      }, /*#__PURE__*/
-
-      React.createElement("div", {
-        className: jsStyles.container()
-      }, caption && /*#__PURE__*/
-      React.createElement("div", {
-        className: cx((_cx2 = {}, _cx2[jsStyles.caption(this.theme)] = true, _cx2[jsStyles.captionWithChildren()] = isNonNullable(children), _cx2))
-      }, caption), /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.createElement("div", null, children)))
-    );
+    return /*#__PURE__*/React.createElement("div", {
+      className: this.getRootSizeClassName()
+    }, /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.container()
+    }, caption && /*#__PURE__*/React.createElement("div", {
+      className: jsStyles.caption(this.theme)
+    }, caption), /*#__PURE__*/React.isValidElement(children) && /*#__PURE__*/React.createElement("div", null, children)));
   };
   return MobilePopupHeader;
 }(React.Component);

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader/MobilePopupHeader.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","isNonNullable","cx","ThemeContext","jsStyles","MobilePopupHeader","_React$Component","apply","arguments","_inheritsLoose","_proto","prototype","render","_this","createElement","Consumer","theme","renderMain","_cx","_cx2","_this$props","props","caption","children","className","root","rootWithoutContent","container","captionWithChildren","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport { isNonNullable } from '../../../lib/utils';\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { cx } from '../../../lib/theming/Emotion';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\n\nimport { jsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n}\n\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div\n        className={cx({\n          [jsStyles.root(this.theme)]: true,\n          [jsStyles.rootWithoutContent()]: !caption && !children,\n        })}\n      >\n        <div className={jsStyles.container()}>\n          {caption && (\n            <div\n              className={cx({\n                [jsStyles.caption(this.theme)]: true,\n                [jsStyles.captionWithChildren()]: isNonNullable(children),\n              })}\n            >\n              {caption}\n            </div>\n          )}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,aAAa,QAAQ,oBAAoB;;AAElD,SAASC,EAAE,QAAQ,8BAA8B;AACjD,SAASC,YAAY,QAAQ,mCAAmC;;AAEhE,SAASC,QAAQ,QAAQ,4BAA4B;;;;;;;;;AASrD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,UAAAC,gBAAA,CAAAC,KAAA,OAAAC,SAAA,WAAAC,cAAA,CAAAJ,iBAAA,EAAAC,gBAAA,MAAAI,MAAA,GAAAL,iBAAA,CAAAM,SAAA,CAAAD,MAAA;;;;;;EAMrBE,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,KAAA;IACd;MACEb,KAAA,CAAAc,aAAA,CAACX,YAAY,CAACY,QAAQ;MACnB,UAACC,KAAK,EAAK;QACVH,KAAI,CAACG,KAAK,GAAGA,KAAK;QAClB,OAAOH,KAAI,CAACI,UAAU,CAAC,CAAC;MAC1B;MACqB,CAAC;;EAE5B,CAAC,CAAAP,MAAA;;EAEOO,UAAU,GAAlB,SAAAA,WAAA,EAAqB,KAAAC,GAAA,EAAAC,IAAA;IACnB,IAAAC,WAAA,GAA8B,IAAI,CAACC,KAAK,CAAhCC,OAAO,GAAAF,WAAA,CAAPE,OAAO,CAAEC,QAAQ,GAAAH,WAAA,CAARG,QAAQ;;IAEzB;MACEvB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAgB,GAAA,OAAAA,GAAA;QACVd,QAAQ,CAACqB,IAAI,CAAC,IAAI,CAACT,KAAK,CAAC,IAAG,IAAI,EAAAE,GAAA;QAChCd,QAAQ,CAACsB,kBAAkB,CAAC,CAAC,IAAG,CAACJ,OAAO,IAAI,CAACC,QAAQ,EAAAL,GAAA;QACvD,CAAE;;MAEHlB,KAAA,CAAAc,aAAA,UAAKU,SAAS,EAAEpB,QAAQ,CAACuB,SAAS,CAAC,CAAE;MAClCL,OAAO;MACNtB,KAAA,CAAAc,aAAA;QACEU,SAAS,EAAEtB,EAAE,EAAAiB,IAAA,OAAAA,IAAA;QACVf,QAAQ,CAACkB,OAAO,CAAC,IAAI,CAACN,KAAK,CAAC,IAAG,IAAI,EAAAG,IAAA;QACnCf,QAAQ,CAACwB,mBAAmB,CAAC,CAAC,IAAG3B,aAAa,CAACsB,QAAQ,CAAC,EAAAJ,IAAA;QAC1D,CAAE;;MAEFG;MACE,CACN;;MACA,aAAAtB,KAAK,CAAC6B,cAAc,CAACN,QAAQ,CAAC,iBAAIvB,KAAA,CAAAc,aAAA,cAAMS,QAAc;MACpD;MACF,CAAC;;EAEV,CAAC,QAAAlB,iBAAA,GA1CoCL,KAAK,CAAC8B,SAAS,EAAzCzB,iBAAiB,CACd0B,mBAAmB,GAAG,kBAAkB,CAD3C1B,iBAAiB,CAEd2B,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","jsStyles","MobilePopupHeader","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getRootSizeClassName","props","size","rootLarge","theme","rootMedium","rootSmall","_inheritsLoose","_proto","prototype","render","_this2","createElement","Consumer","renderMain","_this$props","caption","children","className","container","isValidElement","Component","__KONTUR_REACT_UI__","displayName"],"sources":["MobilePopupHeader.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Theme } from '../../../lib/theming/Theme';\nimport { ThemeContext } from '../../../lib/theming/ThemeContext';\nimport type { SizeProp } from '../../../lib/types/props';\n\nimport { jsStyles } from './MobilePopupHeader.styles';\n\ninterface MobilePopupHeaderProps {\n  /**\n   * Заголовок шапки\n   */\n  caption?: string;\n  size?: SizeProp;\n}\n\nexport class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {\n  public static __KONTUR_REACT_UI__ = 'MobileMenuHeader';\n  public static displayName = 'MobileMenuHeader';\n\n  private theme!: Theme;\n\n  public render() {\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { caption, children } = this.props;\n\n    return (\n      <div className={this.getRootSizeClassName()}>\n        <div className={jsStyles.container()}>\n          {caption && <div className={jsStyles.caption(this.theme)}>{caption}</div>}\n          {React.isValidElement(children) && <div>{children}</div>}\n        </div>\n      </div>\n    );\n  }\n\n  private getRootSizeClassName = (): string => {\n    switch (this.props.size) {\n      case 'large':\n        return jsStyles.rootLarge(this.theme);\n      case 'medium':\n        return jsStyles.rootMedium(this.theme);\n      case 'small':\n      default:\n        return jsStyles.rootSmall(this.theme);\n    }\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,YAAY,QAAQ,mCAAmC;;;AAGhE,SAASC,QAAQ,QAAQ,4BAA4B;;;;;;;;;;AAUrD,WAAaC,iBAAiB,0BAAAC,gBAAA,YAAAD,kBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA8BpBU,oBAAoB,GAAG,YAAc;MAC3C,QAAQV,KAAA,CAAKW,KAAK,CAACC,IAAI;QACrB,KAAK,OAAO;UACV,OAAOf,QAAQ,CAACgB,SAAS,CAACb,KAAA,CAAKc,KAAK,CAAC;QACvC,KAAK,QAAQ;UACX,OAAOjB,QAAQ,CAACkB,UAAU,CAACf,KAAA,CAAKc,KAAK,CAAC;QACxC,KAAK,OAAO;QACZ;UACE,OAAOjB,QAAQ,CAACmB,SAAS,CAAChB,KAAA,CAAKc,KAAK,CAAC;MACzC;IACF,CAAC,QAAAd,KAAA,EAAAiB,cAAA,CAAAnB,iBAAA,EAAAC,gBAAA,MAAAmB,MAAA,GAAApB,iBAAA,CAAAqB,SAAA,CAAAD,MAAA,CAlCME,MAAM,GAAb,SAAAA,OAAA,EAAgB,KAAAC,MAAA,QACd,oBACE1B,KAAA,CAAA2B,aAAA,CAAC1B,YAAY,CAAC2B,QAAQ,QACnB,UAACT,KAAK,EAAK,CACVO,MAAI,CAACP,KAAK,GAAGA,KAAK,CAClB,OAAOO,MAAI,CAACG,UAAU,CAAC,CAAC,CAC1B,CACqB,CAAC,CAE5B,CAAC,CAAAN,MAAA,CAEOM,UAAU,GAAlB,SAAAA,WAAA,EAAqB,CACnB,IAAAC,WAAA,GAA8B,IAAI,CAACd,KAAK,CAAhCe,OAAO,GAAAD,WAAA,CAAPC,OAAO,CAAEC,QAAQ,GAAAF,WAAA,CAARE,QAAQ,CAEzB,oBACEhC,KAAA,CAAA2B,aAAA,UAAKM,SAAS,EAAE,IAAI,CAAClB,oBAAoB,CAAC,CAAE,iBAC1Cf,KAAA,CAAA2B,aAAA,UAAKM,SAAS,EAAE/B,QAAQ,CAACgC,SAAS,CAAC,CAAE,IAClCH,OAAO,iBAAI/B,KAAA,CAAA2B,aAAA,UAAKM,SAAS,EAAE/B,QAAQ,CAAC6B,OAAO,CAAC,IAAI,CAACZ,KAAK,CAAE,IAAEY,OAAa,CAAC,EACxE,aAAA/B,KAAK,CAACmC,cAAc,CAACH,QAAQ,CAAC,iBAAIhC,KAAA,CAAA2B,aAAA,cAAMK,QAAc,CACpD,CACF,CAAC,CAEV,CAAC,QAAA7B,iBAAA,GA5BoCH,KAAK,CAACoC,SAAS,EAAzCjC,iBAAiB,CACdkC,mBAAmB,GAAG,kBAAkB,CAD3ClC,iBAAiB,CAEdmC,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/internal/MobilePopup/MobilePopupHeader/MobilePopupHeader.d.ts

@@ -1,9 +1,11 @@
 import React from 'react';
+import type { SizeProp } from '../../../lib/types/props';
 interface MobilePopupHeaderProps {
     /**
      * Заголовок шапки
      */
     caption?: string;
+    size?: SizeProp;
 }
 export declare class MobilePopupHeader extends React.Component<React.PropsWithChildren<MobilePopupHeaderProps>> {
     static __KONTUR_REACT_UI__: string;
@@ -11,5 +13,6 @@ export declare class MobilePopupHeader extends React.Component<React.PropsWithCh
     private theme;
     render(): React.JSX.Element;
     private renderMain;
+    private getRootSizeClassName;
 }
 export {};