@skbkontur/react-ui 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72

package/components/MenuItem/MenuItem.styles/MenuItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuItem.styles.ts"],"names":["memoizeStyle","resetButton","iconSizeMixin","menuItemSizeMixin","withIconSizeMixin","getMenuItemPaddings","menuItemLegacyPaddingX","menuItemPaddingX","menuItemLegacyPaddingY","menuItemPaddingY","legacyPaddingX","parseFloat","legacyPaddingY","paddingX","paddingY","getStyles","emotion","root","t","css","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","link","menuItemLinkColor","loose","withIconSmall","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","icon","menuItemIconLegacyShift","iconSmall","menuItemIconWidthSmall","menuItemIconLegacyMargin","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from '../../lib/theming/Theme';\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemLegacyPaddingX,\n  menuItemPaddingX,\n  menuItemLegacyPaddingY,\n  menuItemPaddingY,\n}: Record<'menuItemLegacyPaddingX' | 'menuItemPaddingX' | 'menuItemLegacyPaddingY' | 'menuItemPaddingY', string>) => {\n  const legacyPaddingX = parseFloat(menuItemLegacyPaddingX);\n  const legacyPaddingY = parseFloat(menuItemLegacyPaddingY);\n\n  const paddingX = legacyPaddingX !== 0 ? `${parseFloat(menuItemPaddingX) + legacyPaddingX}px` : menuItemPaddingX;\n  const paddingY = legacyPaddingY !== 0 ? `${parseFloat(menuItemPaddingY) + legacyPaddingY}px` : menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const getStyles = (emotion: Emotion) => {\n  return memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        ${resetButton(emotion)};\n\n        cursor: pointer;\n        display: ${t.menuItemDisplay};\n        position: relative;\n        text-decoration: none;\n        color: ${t.menuItemTextColor};\n        border-radius: ${t.menuItemBorderRadius};\n\n        button& {\n          min-width: 100%;\n        }\n\n        &:nth-last-of-type(n + 2) {\n          margin-bottom: ${t.menuItemGap};\n        }\n      `;\n    },\n\n    rootSmall(t: Theme) {\n      return emotion.css`\n        ${menuItemSizeMixin(emotion)(\n          t.menuItemLegacyPaddingX,\n          t.menuItemPaddingXSmall,\n          t.menuItemLegacyPaddingY,\n          t.menuItemPaddingYSmall,\n          t.menuItemLineHeightSmall,\n          t.menuItemFontSizeSmall,\n        )};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${menuItemSizeMixin(emotion)(\n          t.menuItemLegacyPaddingX,\n          t.menuItemPaddingXMedium,\n          t.menuItemLegacyPaddingY,\n          t.menuItemPaddingYMedium,\n          t.menuItemLineHeightMedium,\n          t.menuItemFontSizeMedium,\n        )};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${menuItemSizeMixin(emotion)(\n          t.menuItemLegacyPaddingX,\n          t.menuItemPaddingXLarge,\n          t.menuItemLegacyPaddingY,\n          t.menuItemPaddingYLarge,\n          t.menuItemLineHeightLarge,\n          t.menuItemFontSizeLarge,\n        )};\n      `;\n    },\n\n    rootMobile(t: Theme) {\n      return emotion.css`\n        font-size: ${t.menuItemFontSizeMobile};\n        line-height: ${t.menuItemLineHeightMobile};\n        padding: ${t.menuItemPaddingMobile};\n      `;\n    },\n\n    hover(t: Theme) {\n      // Color with !important in purpose to override `a:hover`\n      return emotion.css`\n        background: ${t.menuItemHoverBg} !important;\n        color: ${t.menuItemHoverColor} !important;\n      `;\n    },\n    selected(t: Theme) {\n      return emotion.css`\n        background: ${t.menuItemSelectedBg} !important;\n      `;\n    },\n    disabled(t: Theme) {\n      return emotion.css`\n        background: ${t.menuItemDisabledBg};\n        color: ${t.menuItemDisabledColor};\n        cursor: default;\n      `;\n    },\n    link(t: Theme) {\n      return emotion.css`\n        color: ${t.menuItemLinkColor};\n      `;\n    },\n    loose() {\n      return emotion.css`\n        padding-left: 15px;\n      `;\n    },\n    withIconSmall(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconSmall)}\n      `;\n    },\n    withIconMedium(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconMedium)}\n      `;\n    },\n    withIconLarge(t: Theme) {\n      return emotion.css`\n        ${withIconSizeMixin(emotion)(t.menuItemPaddingForIconLarge)}\n      `;\n    },\n    comment(t: Theme) {\n      return emotion.css`\n        color: ${t.menuItemCommentColor};\n        opacity: ${t.menuItemCommentOpacity};\n        white-space: normal;\n        padding-top: 4px;\n      `;\n    },\n    commentHover(t: Theme) {\n      return emotion.css`\n        color: ${t.menuItemCommentColorHover};\n        opacity: 0.6;\n      `;\n    },\n    icon(t: Theme) {\n      return emotion.css`\n        display: inline-block;\n        position: absolute;\n        transform: translateY(${t.menuItemIconLegacyShift});\n      `;\n    },\n    iconSmall(t: Theme) {\n      return emotion.css`\n        ${iconSizeMixin(emotion)(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall, t.menuItemIconLegacyMargin)};\n      `;\n    },\n    iconMedium(t: Theme) {\n      return emotion.css`\n        ${iconSizeMixin(emotion)(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium, t.menuItemIconLegacyMargin)};\n      `;\n    },\n    iconLarge(t: Theme) {\n      return emotion.css`\n        ${iconSizeMixin(emotion)(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge, t.menuItemIconLegacyMargin)};\n      `;\n    },\n    mobileContentWithIcon() {\n      return emotion.css`\n        margin-left: 8px;\n      `;\n    },\n  });\n};\n"]}
+{"version":3,"sources":["MenuItem.styles.ts"],"names":["css","memoizeStyle","resetButton","iconSizeMixin","menuItemSizeMixin","withIconSizeMixin","getMenuItemPaddings","menuItemLegacyPaddingX","menuItemPaddingX","menuItemLegacyPaddingY","menuItemPaddingY","legacyPaddingX","parseFloat","legacyPaddingY","paddingX","paddingY","styles","root","t","menuItemDisplay","menuItemTextColor","menuItemBorderRadius","menuItemGap","rootSmall","menuItemPaddingXSmall","menuItemPaddingYSmall","menuItemLineHeightSmall","menuItemFontSizeSmall","rootMedium","menuItemPaddingXMedium","menuItemPaddingYMedium","menuItemLineHeightMedium","menuItemFontSizeMedium","rootLarge","menuItemPaddingXLarge","menuItemPaddingYLarge","menuItemLineHeightLarge","menuItemFontSizeLarge","rootMobile","menuItemFontSizeMobile","menuItemLineHeightMobile","menuItemPaddingMobile","hover","menuItemHoverBg","menuItemHoverColor","selected","menuItemSelectedBg","disabled","menuItemDisabledBg","menuItemDisabledColor","link","menuItemLinkColor","loose","withIconSmall","menuItemPaddingForIconSmall","withIconMedium","menuItemPaddingForIconMedium","withIconLarge","menuItemPaddingForIconLarge","comment","menuItemCommentColor","menuItemCommentOpacity","commentHover","menuItemCommentColorHover","icon","menuItemIconLegacyShift","iconSmall","menuItemIconWidthSmall","menuItemIconLegacyMargin","iconMedium","menuItemIconWidthMedium","iconLarge","menuItemIconWidthLarge","mobileContentWithIcon"],"mappings":";AACA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;AACA,SAASC,WAAT,QAA4B,yBAA5B;;AAEA,SAASC,aAAT,EAAwBC,iBAAxB,EAA2CC,iBAA3C,QAAoE,mBAApE;;AAEA,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB;;;;;AAKkF,KAJnHC,sBAImH,QAJnHA,sBAImH,CAHnHC,gBAGmH,QAHnHA,gBAGmH,CAFnHC,sBAEmH,QAFnHA,sBAEmH,CADnHC,gBACmH,QADnHA,gBACmH;AACnH,MAAMC,cAAc,GAAGC,UAAU,CAACL,sBAAD,CAAjC;AACA,MAAMM,cAAc,GAAGD,UAAU,CAACH,sBAAD,CAAjC;;AAEA,MAAMK,QAAQ,GAAGH,cAAc,KAAK,CAAnB,GAA0BC,UAAU,CAACJ,gBAAD,CAAV,GAA+BG,cAAzD,UAA8EH,gBAA/F;AACA,MAAMO,QAAQ,GAAGF,cAAc,KAAK,CAAnB,GAA0BD,UAAU,CAACF,gBAAD,CAAV,GAA+BG,cAAzD,UAA8EH,gBAA/F;;AAEA,SAAO,EAAEI,QAAQ,EAARA,QAAF,EAAYC,QAAQ,EAARA,QAAZ,EAAP;AACD,CAbM;;AAeP,OAAO,IAAMC,MAAM,GAAGf,YAAY,CAAC;AACjCgB,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOlB,GAAP;AACIE,IAAAA,WAAW,EADf;;;AAIagB,IAAAA,CAAC,CAACC,eAJf;;;AAOWD,IAAAA,CAAC,CAACE,iBAPb;AAQmBF,IAAAA,CAAC,CAACG,oBARrB;;;;;;;AAeqBH,IAAAA,CAAC,CAACI,WAfvB;;;AAkBD,GApBgC;;AAsBjCC,EAAAA,SAtBiC,qBAsBvBL,CAtBuB,EAsBb;AAClB,WAAOlB,GAAP;AACII,IAAAA,iBAAiB;AACjBc,IAAAA,CAAC,CAACX,sBADe;AAEjBW,IAAAA,CAAC,CAACM,qBAFe;AAGjBN,IAAAA,CAAC,CAACT,sBAHe;AAIjBS,IAAAA,CAAC,CAACO,qBAJe;AAKjBP,IAAAA,CAAC,CAACQ,uBALe;AAMjBR,IAAAA,CAAC,CAACS,qBANe,CADrB;;;AAUD,GAjCgC;AAkCjCC,EAAAA,UAlCiC,sBAkCtBV,CAlCsB,EAkCZ;AACnB,WAAOlB,GAAP;AACII,IAAAA,iBAAiB;AACjBc,IAAAA,CAAC,CAACX,sBADe;AAEjBW,IAAAA,CAAC,CAACW,sBAFe;AAGjBX,IAAAA,CAAC,CAACT,sBAHe;AAIjBS,IAAAA,CAAC,CAACY,sBAJe;AAKjBZ,IAAAA,CAAC,CAACa,wBALe;AAMjBb,IAAAA,CAAC,CAACc,sBANe,CADrB;;;AAUD,GA7CgC;AA8CjCC,EAAAA,SA9CiC,qBA8CvBf,CA9CuB,EA8Cb;AAClB,WAAOlB,GAAP;AACII,IAAAA,iBAAiB;AACjBc,IAAAA,CAAC,CAACX,sBADe;AAEjBW,IAAAA,CAAC,CAACgB,qBAFe;AAGjBhB,IAAAA,CAAC,CAACT,sBAHe;AAIjBS,IAAAA,CAAC,CAACiB,qBAJe;AAKjBjB,IAAAA,CAAC,CAACkB,uBALe;AAMjBlB,IAAAA,CAAC,CAACmB,qBANe,CADrB;;;AAUD,GAzDgC;;AA2DjCC,EAAAA,UA3DiC,sBA2DtBpB,CA3DsB,EA2DZ;AACnB,WAAOlB,GAAP;AACekB,IAAAA,CAAC,CAACqB,sBADjB;AAEiBrB,IAAAA,CAAC,CAACsB,wBAFnB;AAGatB,IAAAA,CAAC,CAACuB,qBAHf;;AAKD,GAjEgC;;AAmEjCC,EAAAA,KAnEiC,iBAmE3BxB,CAnE2B,EAmEjB;AACd;AACA,WAAOlB,GAAP;AACgBkB,IAAAA,CAAC,CAACyB,eADlB;AAEWzB,IAAAA,CAAC,CAAC0B,kBAFb;;AAID,GAzEgC;AA0EjCC,EAAAA,QA1EiC,oBA0ExB3B,CA1EwB,EA0Ed;AACjB,WAAOlB,GAAP;AACgBkB,IAAAA,CAAC,CAAC4B,kBADlB;;AAGD,GA9EgC;AA+EjCC,EAAAA,QA/EiC,oBA+ExB7B,CA/EwB,EA+Ed;AACjB,WAAOlB,GAAP;AACgBkB,IAAAA,CAAC,CAAC8B,kBADlB;AAEW9B,IAAAA,CAAC,CAAC+B,qBAFb;;;AAKD,GArFgC;AAsFjCC,EAAAA,IAtFiC,gBAsF5BhC,CAtF4B,EAsFlB;AACb,WAAOlB,GAAP;AACWkB,IAAAA,CAAC,CAACiC,iBADb;;AAGD,GA1FgC;AA2FjCC,EAAAA,KA3FiC,mBA2FzB;AACN,WAAOpD,GAAP;;;AAGD,GA/FgC;AAgGjCqD,EAAAA,aAhGiC,yBAgGnBnC,CAhGmB,EAgGT;AACtB,WAAOlB,GAAP;AACIK,IAAAA,iBAAiB,CAACa,CAAC,CAACoC,2BAAH,CADrB;;AAGD,GApGgC;AAqGjCC,EAAAA,cArGiC,0BAqGlBrC,CArGkB,EAqGR;AACvB,WAAOlB,GAAP;AACIK,IAAAA,iBAAiB,CAACa,CAAC,CAACsC,4BAAH,CADrB;;AAGD,GAzGgC;AA0GjCC,EAAAA,aA1GiC,yBA0GnBvC,CA1GmB,EA0GT;AACtB,WAAOlB,GAAP;AACIK,IAAAA,iBAAiB,CAACa,CAAC,CAACwC,2BAAH,CADrB;;AAGD,GA9GgC;AA+GjCC,EAAAA,OA/GiC,mBA+GzBzC,CA/GyB,EA+Gf;AAChB,WAAOlB,GAAP;AACWkB,IAAAA,CAAC,CAAC0C,oBADb;AAEa1C,IAAAA,CAAC,CAAC2C,sBAFf;;;;AAMD,GAtHgC;AAuHjCC,EAAAA,YAvHiC,wBAuHpB5C,CAvHoB,EAuHV;AACrB,WAAOlB,GAAP;AACWkB,IAAAA,CAAC,CAAC6C,yBADb;;;AAID,GA5HgC;AA6HjCC,EAAAA,IA7HiC,gBA6H5B9C,CA7H4B,EA6HlB;AACb,WAAOlB,GAAP;;;AAG0BkB,IAAAA,CAAC,CAAC+C,uBAH5B;;AAKD,GAnIgC;AAoIjCC,EAAAA,SApIiC,qBAoIvBhD,CApIuB,EAoIb;AAClB,WAAOlB,GAAP;AACIG,IAAAA,aAAa,CAACe,CAAC,CAACiD,sBAAH,EAA2BjD,CAAC,CAACM,qBAA7B,EAAoDN,CAAC,CAACkD,wBAAtD,CADjB;;AAGD,GAxIgC;AAyIjCC,EAAAA,UAzIiC,sBAyItBnD,CAzIsB,EAyIZ;AACnB,WAAOlB,GAAP;AACIG,IAAAA,aAAa,CAACe,CAAC,CAACoD,uBAAH,EAA4BpD,CAAC,CAACW,sBAA9B,EAAsDX,CAAC,CAACkD,wBAAxD,CADjB;;AAGD,GA7IgC;AA8IjCG,EAAAA,SA9IiC,qBA8IvBrD,CA9IuB,EA8Ib;AAClB,WAAOlB,GAAP;AACIG,IAAAA,aAAa,CAACe,CAAC,CAACsD,sBAAH,EAA2BtD,CAAC,CAACgB,qBAA7B,EAAoDhB,CAAC,CAACkD,wBAAtD,CADjB;;AAGD,GAlJgC;AAmJjCK,EAAAA,qBAnJiC,mCAmJT;AACtB,WAAOzE,GAAP;;;AAGD,GAvJgC,EAAD,CAA3B","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { resetButton } from '../../lib/styles/Mixins';\n\nimport { iconSizeMixin, menuItemSizeMixin, withIconSizeMixin } from './MenuItem.mixins';\n\nexport const getMenuItemPaddings = ({\n  menuItemLegacyPaddingX,\n  menuItemPaddingX,\n  menuItemLegacyPaddingY,\n  menuItemPaddingY,\n}: Record<'menuItemLegacyPaddingX' | 'menuItemPaddingX' | 'menuItemLegacyPaddingY' | 'menuItemPaddingY', string>) => {\n  const legacyPaddingX = parseFloat(menuItemLegacyPaddingX);\n  const legacyPaddingY = parseFloat(menuItemLegacyPaddingY);\n\n  const paddingX = legacyPaddingX !== 0 ? `${parseFloat(menuItemPaddingX) + legacyPaddingX}px` : menuItemPaddingX;\n  const paddingY = legacyPaddingY !== 0 ? `${parseFloat(menuItemPaddingY) + legacyPaddingY}px` : menuItemPaddingY;\n\n  return { paddingX, paddingY };\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      ${resetButton()};\n\n      cursor: pointer;\n      display: ${t.menuItemDisplay};\n      position: relative;\n      text-decoration: none;\n      color: ${t.menuItemTextColor};\n      border-radius: ${t.menuItemBorderRadius};\n\n      button& {\n        min-width: 100%;\n      }\n\n      &:nth-last-of-type(n + 2) {\n        margin-bottom: ${t.menuItemGap};\n      }\n    `;\n  },\n\n  rootSmall(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemLegacyPaddingX,\n        t.menuItemPaddingXSmall,\n        t.menuItemLegacyPaddingY,\n        t.menuItemPaddingYSmall,\n        t.menuItemLineHeightSmall,\n        t.menuItemFontSizeSmall,\n      )};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemLegacyPaddingX,\n        t.menuItemPaddingXMedium,\n        t.menuItemLegacyPaddingY,\n        t.menuItemPaddingYMedium,\n        t.menuItemLineHeightMedium,\n        t.menuItemFontSizeMedium,\n      )};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${menuItemSizeMixin(\n        t.menuItemLegacyPaddingX,\n        t.menuItemPaddingXLarge,\n        t.menuItemLegacyPaddingY,\n        t.menuItemPaddingYLarge,\n        t.menuItemLineHeightLarge,\n        t.menuItemFontSizeLarge,\n      )};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      font-size: ${t.menuItemFontSizeMobile};\n      line-height: ${t.menuItemLineHeightMobile};\n      padding: ${t.menuItemPaddingMobile};\n    `;\n  },\n\n  hover(t: Theme) {\n    // Color with !important in purpose to override `a:hover`\n    return css`\n      background: ${t.menuItemHoverBg} !important;\n      color: ${t.menuItemHoverColor} !important;\n    `;\n  },\n  selected(t: Theme) {\n    return css`\n      background: ${t.menuItemSelectedBg} !important;\n    `;\n  },\n  disabled(t: Theme) {\n    return css`\n      background: ${t.menuItemDisabledBg};\n      color: ${t.menuItemDisabledColor};\n      cursor: default;\n    `;\n  },\n  link(t: Theme) {\n    return css`\n      color: ${t.menuItemLinkColor};\n    `;\n  },\n  loose() {\n    return css`\n      padding-left: 15px;\n    `;\n  },\n  withIconSmall(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconSmall)}\n    `;\n  },\n  withIconMedium(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconMedium)}\n    `;\n  },\n  withIconLarge(t: Theme) {\n    return css`\n      ${withIconSizeMixin(t.menuItemPaddingForIconLarge)}\n    `;\n  },\n  comment(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColor};\n      opacity: ${t.menuItemCommentOpacity};\n      white-space: normal;\n      padding-top: 4px;\n    `;\n  },\n  commentHover(t: Theme) {\n    return css`\n      color: ${t.menuItemCommentColorHover};\n      opacity: 0.6;\n    `;\n  },\n  icon(t: Theme) {\n    return css`\n      display: inline-block;\n      position: absolute;\n      transform: translateY(${t.menuItemIconLegacyShift});\n    `;\n  },\n  iconSmall(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthSmall, t.menuItemPaddingXSmall, t.menuItemIconLegacyMargin)};\n    `;\n  },\n  iconMedium(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthMedium, t.menuItemPaddingXMedium, t.menuItemIconLegacyMargin)};\n    `;\n  },\n  iconLarge(t: Theme) {\n    return css`\n      ${iconSizeMixin(t.menuItemIconWidthLarge, t.menuItemPaddingXLarge, t.menuItemIconLegacyMargin)};\n    `;\n  },\n  mobileContentWithIcon() {\n    return css`\n      margin-left: 8px;\n    `;\n  },\n});\n"]}

package/components/MenuItem/MenuItem.styles.d.ts

@@ -1,10 +1,9 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
 export declare const getMenuItemPaddings: ({ menuItemLegacyPaddingX, menuItemPaddingX, menuItemLegacyPaddingY, menuItemPaddingY, }: Record<'menuItemLegacyPaddingX' | 'menuItemPaddingX' | 'menuItemLegacyPaddingY' | 'menuItemPaddingY', string>) => {
     paddingX: string;
     paddingY: string;
 };
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;

package/components/MenuSeparator/MenuSeparator/MenuSeparator.js

@@ -1,9 +1,9 @@
-import React from 'react';
+import React, { useContext } from 'react';
+import { cx } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { ResponsiveLayout } from "../../ResponsiveLayout";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { useEmotion } from "../../../lib/theming/Emotion";
-import { getStyles } from "../MenuSeparator.styles";
+import { styles } from "../MenuSeparator.styles";
 export var MenuSeparatorDataTids = {
   root: 'MenuSeparator__root'
 };
@@ -14,16 +14,14 @@ export var MenuSeparatorDataTids = {
  */
 
 function MenuSeparator(props) {
-  var theme = useTheme();
-  var emotion = useEmotion();
-  var styles = getStyles(emotion);
+  var theme = useContext(ThemeContext);
   return /*#__PURE__*/React.createElement(CommonWrapper, props, /*#__PURE__*/React.createElement(ResponsiveLayout, null, function (_ref) {
-    var _emotion$cx;
+    var _cx;
 
     var isMobile = _ref.isMobile;
     return /*#__PURE__*/React.createElement("div", {
       "data-tid": MenuSeparatorDataTids.root,
-      className: emotion.cx((_emotion$cx = {}, _emotion$cx[styles.root(theme)] = true, _emotion$cx[styles.rootMobile(theme)] = isMobile, _emotion$cx))
+      className: cx((_cx = {}, _cx[styles.root(theme)] = true, _cx[styles.rootMobile(theme)] = isMobile, _cx))
     });
   }));
 }

package/components/MenuSeparator/MenuSeparator/MenuSeparator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuSeparator.tsx"],"names":["React","CommonWrapper","ResponsiveLayout","useTheme","useEmotion","getStyles","MenuSeparatorDataTids","root","MenuSeparator","props","theme","emotion","styles","isMobile","cx","rootMobile","__KONTUR_REACT_UI__","displayName"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,gBAAT,QAAiC,qBAAjC;AACA,SAASC,QAAT,QAAyB,4BAAzB;AACA,SAASC,UAAT,QAA2B,2BAA3B;;AAEA,SAASC,SAAT,QAA0B,wBAA1B;;;;AAIA,OAAO,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,qBAD6B,EAA9B;;AAGP;AACA;AACA;AACA;AACA;AACA,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AAChD,MAAMC,KAAK,GAAGP,QAAQ,EAAtB;AACA,MAAMQ,OAAO,GAAGP,UAAU,EAA1B;AACA,MAAMQ,MAAM,GAAGP,SAAS,CAACM,OAAD,CAAxB;;AAEA;AACE,wBAAC,aAAD,EAAmBF,KAAnB;AACE,wBAAC,gBAAD;AACG,oBAAkB,qBAAfI,QAAe,QAAfA,QAAe;AACjB;AACE;AACE,sBAAUP,qBAAqB,CAACC,IADlC;AAEE,UAAA,SAAS,EAAEI,OAAO,CAACG,EAAR,gCAAcF,MAAM,CAACL,IAAP,CAAYG,KAAZ,CAAd,IAAmC,IAAnC,cAA0CE,MAAM,CAACG,UAAP,CAAkBL,KAAlB,CAA1C,IAAqEG,QAArE,eAFb,GADF;;;AAMD,KARH,CADF,CADF;;;;AAcD;;AAEDL,aAAa,CAACQ,mBAAd,GAAoC,eAApC;AACAR,aAAa,CAACS,WAAd,GAA4B,eAA5B;;AAEA,SAAST,aAAT","sourcesContent":["import React from 'react';\n\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\nimport { useTheme } from '../../lib/theming/useTheme';\nimport { useEmotion } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n  root: 'MenuSeparator__root',\n} as const;\n/**\n * Добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n  const theme = useTheme();\n  const emotion = useEmotion();\n  const styles = getStyles(emotion);\n\n  return (\n    <CommonWrapper {...props}>\n      <ResponsiveLayout>\n        {({ isMobile }) => {\n          return (\n            <div\n              data-tid={MenuSeparatorDataTids.root}\n              className={emotion.cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n            />\n          );\n        }}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\nMenuSeparator.displayName = 'MenuSeparator';\n\nexport { MenuSeparator };\n"]}
+{"version":3,"sources":["MenuSeparator.tsx"],"names":["React","useContext","cx","ThemeContext","CommonWrapper","ResponsiveLayout","styles","MenuSeparatorDataTids","root","MenuSeparator","props","theme","isMobile","rootMobile","__KONTUR_REACT_UI__","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAAsBC,aAAtB,QAA2C,8BAA3C;AACA,SAASC,gBAAT,QAAiC,qBAAjC;;AAEA,SAASC,MAAT,QAAuB,wBAAvB;;;;AAIA,OAAO,IAAMC,qBAAqB,GAAG;AACnCC,EAAAA,IAAI,EAAE,qBAD6B,EAA9B;;AAGP;AACA;AACA;AACA;AACA;AACA,SAASC,aAAT,CAAuBC,KAAvB,EAAkD;AAChD,MAAMC,KAAK,GAAGV,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE,wBAAC,aAAD,EAAmBO,KAAnB;AACE,wBAAC,gBAAD;AACG,oBAAkB,aAAfE,QAAe,QAAfA,QAAe;AACjB;AACE;AACE,sBAAUL,qBAAqB,CAACC,IADlC;AAEE,UAAA,SAAS,EAAEN,EAAE,gBAAII,MAAM,CAACE,IAAP,CAAYG,KAAZ,CAAJ,IAAyB,IAAzB,MAAgCL,MAAM,CAACO,UAAP,CAAkBF,KAAlB,CAAhC,IAA2DC,QAA3D,OAFf,GADF;;;AAMD,KARH,CADF,CADF;;;;AAcD;;AAEDH,aAAa,CAACK,mBAAd,GAAoC,eAApC;AACAL,aAAa,CAACM,WAAd,GAA4B,eAA5B;;AAEA,SAASN,aAAT","sourcesContent":["import React, { useContext } from 'react';\n\nimport { cx } from '../../lib/theming/Emotion';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { ResponsiveLayout } from '../ResponsiveLayout';\n\nimport { styles } from './MenuSeparator.styles';\n\nexport type MenuSeparatorProps = CommonProps;\n\nexport const MenuSeparatorDataTids = {\n  root: 'MenuSeparator__root',\n} as const;\n/**\n * Добавляет разделительную линию между элементами меню.\n *\n * Сущности в которых может быть использован `MenuSeparator`: [DropdownMenu](#/Components/DropdownMenu), [Kebab](#/Components/Kebab), [TooltipMenu](#/Components/TooltipMenu) и [Select](#/Components/Select).\n */\nfunction MenuSeparator(props: MenuSeparatorProps) {\n  const theme = useContext(ThemeContext);\n\n  return (\n    <CommonWrapper {...props}>\n      <ResponsiveLayout>\n        {({ isMobile }) => {\n          return (\n            <div\n              data-tid={MenuSeparatorDataTids.root}\n              className={cx({ [styles.root(theme)]: true, [styles.rootMobile(theme)]: isMobile })}\n            />\n          );\n        }}\n      </ResponsiveLayout>\n    </CommonWrapper>\n  );\n}\n\nMenuSeparator.__KONTUR_REACT_UI__ = 'MenuSeparator';\nMenuSeparator.displayName = 'MenuSeparator';\n\nexport { MenuSeparator };\n"]}

package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js

@@ -2,14 +2,12 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2;
 
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        margin: ", " ", ";\n        border-top: ", " solid ", ";\n      "])), t.menuSeparatorMarginY, t.menuSeparatorMarginX, t.menuSeparatorBorderWidth, t.menuSeparatorBorderColor);
-    },
-    rootMobile: function rootMobile(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        margin: ", " ", ";\n        border-radius: 1px;\n      "])), t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
-    }
-  });
-};
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: ", " ", ";\n      border-top: ", " solid ", ";\n    "])), t.menuSeparatorMarginY, t.menuSeparatorMarginX, t.menuSeparatorBorderWidth, t.menuSeparatorBorderColor);
+  },
+  rootMobile: function rootMobile(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      margin: ", " ", ";\n      border-radius: 1px;\n    "])), t.mobileMenuSeparatorMarginY, t.mobileMenuSeparatorMarginX);
+  }
+});

package/components/MenuSeparator/MenuSeparator.styles/MenuSeparator.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MenuSeparator.styles.ts"],"names":["memoizeStyle","getStyles","emotion","root","t","css","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;;AAGA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,YAAY,CAAC;AACXG,MAAAA,IADW,gBACNC,CADM,EACI;AACb,eAAOF,OAAO,CAACG,GAAf;AACYD,QAAAA,CAAC,CAACE,oBADd,EACsCF,CAAC,CAACG,oBADxC;AAEgBH,QAAAA,CAAC,CAACI,wBAFlB,EAEoDJ,CAAC,CAACK,wBAFtD;;AAID,OANU;;AAQXC,MAAAA,UARW,sBAQAN,CARA,EAQU;AACnB,eAAOF,OAAO,CAACG,GAAf;AACYD,QAAAA,CAAC,CAACO,0BADd,EAC4CP,CAAC,CAACQ,0BAD9C;;;AAID,OAbU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.css`\n        margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n        border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n      `;\n    },\n\n    rootMobile(t: Theme) {\n      return emotion.css`\n        margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n        border-radius: 1px;\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["MenuSeparator.styles.ts"],"names":["css","memoizeStyle","styles","root","t","menuSeparatorMarginY","menuSeparatorMarginX","menuSeparatorBorderWidth","menuSeparatorBorderColor","rootMobile","mobileMenuSeparatorMarginY","mobileMenuSeparatorMarginX"],"mappings":"sIAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,gBAC5BC,CAD4B,EAClB;AACb,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACC,oBADd,EACsCD,CAAC,CAACE,oBADxC;AAEgBF,IAAAA,CAAC,CAACG,wBAFlB,EAEoDH,CAAC,CAACI,wBAFtD;;AAID,GANgC;;AAQjCC,EAAAA,UARiC,sBAQtBL,CARsB,EAQZ;AACnB,WAAOJ,GAAP;AACYI,IAAAA,CAAC,CAACM,0BADd,EAC4CN,CAAC,CAACO,0BAD9C;;;AAID,GAbgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      margin: ${t.menuSeparatorMarginY} ${t.menuSeparatorMarginX};\n      border-top: ${t.menuSeparatorBorderWidth} solid ${t.menuSeparatorBorderColor};\n    `;\n  },\n\n  rootMobile(t: Theme) {\n    return css`\n      margin: ${t.mobileMenuSeparatorMarginY} ${t.mobileMenuSeparatorMarginX};\n      border-radius: 1px;\n    `;\n  },\n});\n"]}

package/components/MenuSeparator/MenuSeparator.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(t: Theme): string;
     rootMobile(t: Theme): string;
 };

package/components/MiniModal/MiniModal/MiniModal.js

@@ -1,11 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "theme"];
-import React from 'react';
+import React, { useContext } from 'react';
 import { Modal } from "../../Modal";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { ThemeProvider } from "../../../lib/theming/ThemeContext";
 import { getMiniModalTheme } from "../getMiniModalTheme";
 import { MiniModalFooter } from "../MiniModalFooter";
 import { MiniModalHeader } from "../MiniModalHeader";
@@ -23,8 +22,8 @@ export var MiniModal = forwardRefAndName('MiniModal', function (_ref, ref) {
       propsTheme = _ref.theme,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var contextTheme = useTheme();
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  var contextTheme = useContext(ThemeContext);
+  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
     value: getMiniModalTheme(contextTheme, propsTheme)
   }, /*#__PURE__*/React.createElement(Modal, _extends({
     width: 400,

package/components/MiniModal/MiniModal/MiniModal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MiniModal.tsx"],"names":["React","Modal","forwardRefAndName","useTheme","ThemeProvider","getMiniModalTheme","MiniModalFooter","MiniModalHeader","MiniModalBody","MiniModalIndent","MiniModalDataTids","icon","title","description","actions","indent","MiniModal","ref","children","propsTheme","theme","rest","contextTheme","Header","Footer","Indent","Body"],"mappings":"oMAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,KAAT,QAAkC,UAAlC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,QAAT,QAAyB,4BAAzB;AACA,SAASC,aAAT,QAA8B,gCAA9B;;AAEA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,eAAT,QAAgC,mBAAhC;;AAEA,OAAO,IAAMC,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,iBADyB;AAE/BC,EAAAA,KAAK,EAAE,kBAFwB;AAG/BC,EAAAA,WAAW,EAAE,wBAHkB;AAI/BC,EAAAA,OAAO,EAAE,oBAJsB;AAK/BC,EAAAA,MAAM,EAAE,mBALuB,EAA1B;;;AAQP,OAAO,IAAMC,SAAS,GAAGd,iBAAiB;;;;;;;;;AASxC,WATwC,EAS3B,gBAA2Ce,GAA3C,EAAmD,KAAhDC,QAAgD,QAAhDA,QAAgD,CAA/BC,UAA+B,QAAtCC,KAAsC,CAAhBC,IAAgB;AAChE,MAAMC,YAAY,GAAGnB,QAAQ,EAA7B;;AAEA;AACE,wBAAC,aAAD,IAAe,KAAK,EAAEE,iBAAiB,CAACiB,YAAD,EAAeH,UAAf,CAAvC;AACE,wBAAC,KAAD,aAAO,KAAK,EAAE,GAAd,EAAmB,OAAO,MAA1B,EAA2B,GAAG,EAAEF,GAAhC,IAAyCI,IAAzC;AACGH,IAAAA,QADH,CADF,CADF;;;;AAOD,CAnByC,CAAnC;;AAqBPF,SAAS,CAACO,MAAV,GAAmBhB,eAAnB;AACAS,SAAS,CAACQ,MAAV,GAAmBlB,eAAnB;AACAU,SAAS,CAACS,MAAV,GAAmBhB,eAAnB;AACAO,SAAS,CAACU,IAAV,GAAiBlB,aAAjB","sourcesContent":["import React from 'react';\n\nimport { Modal, ModalProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useTheme } from '../../lib/theming/useTheme';\nimport { ThemeProvider } from '../../lib/theming/ThemeContext';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n  icon: 'MiniModal__icon',\n  title: 'MiniModal__title',\n  description: 'MiniModal__description',\n  actions: 'MiniModal__actions',\n  indent: 'MiniModal__indent',\n} as const;\n\nexport const MiniModal = forwardRefAndName<\n  Modal,\n  ModalProps,\n  {\n    Header: typeof MiniModalHeader;\n    Indent: typeof MiniModalIndent;\n    Footer: typeof MiniModalFooter;\n    Body: typeof MiniModalBody;\n  }\n>('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {\n  const contextTheme = useTheme();\n\n  return (\n    <ThemeProvider value={getMiniModalTheme(contextTheme, propsTheme)}>\n      <Modal width={400} noClose ref={ref} {...rest}>\n        {children}\n      </Modal>\n    </ThemeProvider>\n  );\n});\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"]}
+{"version":3,"sources":["MiniModal.tsx"],"names":["React","useContext","Modal","ThemeContext","forwardRefAndName","getMiniModalTheme","MiniModalFooter","MiniModalHeader","MiniModalBody","MiniModalIndent","MiniModalDataTids","icon","title","description","actions","indent","MiniModal","ref","children","propsTheme","theme","rest","contextTheme","Header","Footer","Indent","Body"],"mappings":"oMAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,KAAT,QAAkC,UAAlC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,iBAAT,QAAkC,6BAAlC;;AAEA,SAASC,iBAAT,QAAkC,qBAAlC;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,eAAT,QAAgC,mBAAhC;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,eAAT,QAAgC,mBAAhC;;AAEA,OAAO,IAAMC,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,iBADyB;AAE/BC,EAAAA,KAAK,EAAE,kBAFwB;AAG/BC,EAAAA,WAAW,EAAE,wBAHkB;AAI/BC,EAAAA,OAAO,EAAE,oBAJsB;AAK/BC,EAAAA,MAAM,EAAE,mBALuB,EAA1B;;;AAQP,OAAO,IAAMC,SAAS,GAAGZ,iBAAiB;;;;;;;;;AASxC,WATwC,EAS3B,gBAA2Ca,GAA3C,EAAmD,KAAhDC,QAAgD,QAAhDA,QAAgD,CAA/BC,UAA+B,QAAtCC,KAAsC,CAAhBC,IAAgB;AAChE,MAAMC,YAAY,GAAGrB,UAAU,CAACE,YAAD,CAA/B;;AAEA;AACE,wBAAC,YAAD,CAAc,QAAd,IAAuB,KAAK,EAAEE,iBAAiB,CAACiB,YAAD,EAAeH,UAAf,CAA/C;AACE,wBAAC,KAAD,aAAO,KAAK,EAAE,GAAd,EAAmB,OAAO,MAA1B,EAA2B,GAAG,EAAEF,GAAhC,IAAyCI,IAAzC;AACGH,IAAAA,QADH,CADF,CADF;;;;AAOD,CAnByC,CAAnC;;AAqBPF,SAAS,CAACO,MAAV,GAAmBhB,eAAnB;AACAS,SAAS,CAACQ,MAAV,GAAmBlB,eAAnB;AACAU,SAAS,CAACS,MAAV,GAAmBhB,eAAnB;AACAO,SAAS,CAACU,IAAV,GAAiBlB,aAAjB","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalProps } from '../Modal';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\n\nimport { getMiniModalTheme } from './getMiniModalTheme';\nimport { MiniModalFooter } from './MiniModalFooter';\nimport { MiniModalHeader } from './MiniModalHeader';\nimport { MiniModalBody } from './MiniModalBody';\nimport { MiniModalIndent } from './MiniModalIndent';\n\nexport const MiniModalDataTids = {\n  icon: 'MiniModal__icon',\n  title: 'MiniModal__title',\n  description: 'MiniModal__description',\n  actions: 'MiniModal__actions',\n  indent: 'MiniModal__indent',\n} as const;\n\nexport const MiniModal = forwardRefAndName<\n  Modal,\n  ModalProps,\n  {\n    Header: typeof MiniModalHeader;\n    Indent: typeof MiniModalIndent;\n    Footer: typeof MiniModalFooter;\n    Body: typeof MiniModalBody;\n  }\n>('MiniModal', ({ children, theme: propsTheme, ...rest }, ref) => {\n  const contextTheme = useContext(ThemeContext);\n\n  return (\n    <ThemeContext.Provider value={getMiniModalTheme(contextTheme, propsTheme)}>\n      <Modal width={400} noClose ref={ref} {...rest}>\n        {children}\n      </Modal>\n    </ThemeContext.Provider>\n  );\n});\n\nMiniModal.Header = MiniModalHeader;\nMiniModal.Footer = MiniModalFooter;\nMiniModal.Indent = MiniModalIndent;\nMiniModal.Body = MiniModalBody;\n"]}

package/components/MiniModal/MiniModal.styles/MiniModal.styles.js

@@ -2,42 +2,40 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
-import { memoizeStyle } from "../../../lib/theming/Emotion";
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
 import { globalClasses as buttonGlobalClasses } from "../../Button/Button.styles";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    icon: function icon() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        text-align: center;\n      "])));
-    },
-    description: function description() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        text-align: center;\n      "])));
-    },
-    title: function title() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        text-align: center;\n      "])));
-    },
-    titleWithIcon: function titleWithIcon(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        margin-top: ", ";\n      "])), t.miniModalTitleMarginTop);
-    },
-    actions: function actions(t) {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        display: flex;\n        justify-content: stretch;\n        text-align: center;\n        gap: ", ";\n\n        .", " {\n          width: 100%;\n        }\n      "])), t.miniModalActionGap, buttonGlobalClasses.root);
-    },
-    actionsIndent: function actionsIndent(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        height: ", ";\n      "])), t.miniModalCancelIndent);
-    },
-    actionsIndentIE11Fallback: function actionsIndentIE11Fallback(t) {
-      return emotion.css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n        padding: ", " 0;\n      "])), t.miniModalCancelIndent);
-    },
-    actionsRow: function actionsRow() {
-      return emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        flex-direction: row;\n      "])));
-    },
-    actionsColumn: function actionsColumn() {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        flex-direction: column;\n      "])));
-    },
-    actionsRowIE11Fallback: function actionsRowIE11Fallback(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        > *:nth-of-type(1) {\n          margin-right: calc(", " / 2);\n        }\n        > *:nth-of-type(2) {\n          margin-left: calc(", " / 2);\n        }\n      "])), t.miniModalActionGap, t.miniModalActionGap);
-    },
-    actionsColumnIE11Fallback: function actionsColumnIE11Fallback(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        > *:nth-of-type(2) {\n          margin-top: ", ";\n        }\n        > *:nth-of-type(3) {\n          margin-top: ", ";\n        }\n      "])), t.miniModalActionGap, t.miniModalActionGap);
-    }
-  });
-};
+export var styles = memoizeStyle({
+  icon: function icon() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      text-align: center;\n    "])));
+  },
+  description: function description() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: center;\n    "])));
+  },
+  title: function title() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      text-align: center;\n    "])));
+  },
+  titleWithIcon: function titleWithIcon(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      margin-top: ", ";\n    "])), t.miniModalTitleMarginTop);
+  },
+  actions: function actions(t) {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n      gap: ", ";\n\n      .", " {\n        width: 100%;\n      }\n    "])), t.miniModalActionGap, buttonGlobalClasses.root);
+  },
+  actionsIndent: function actionsIndent(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      height: ", ";\n    "])), t.miniModalCancelIndent);
+  },
+  actionsIndentIE11Fallback: function actionsIndentIE11Fallback(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      padding: ", " 0;\n    "])), t.miniModalCancelIndent);
+  },
+  actionsRow: function actionsRow() {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      flex-direction: row;\n    "])));
+  },
+  actionsColumn: function actionsColumn() {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      flex-direction: column;\n    "])));
+  },
+  actionsRowIE11Fallback: function actionsRowIE11Fallback(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      > *:nth-of-type(1) {\n        margin-right: calc(", " / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(", " / 2);\n      }\n    "])), t.miniModalActionGap, t.miniModalActionGap);
+  },
+  actionsColumnIE11Fallback: function actionsColumnIE11Fallback(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      > *:nth-of-type(2) {\n        margin-top: ", ";\n      }\n      > *:nth-of-type(3) {\n        margin-top: ", ";\n      }\n    "])), t.miniModalActionGap, t.miniModalActionGap);
+  }
+});

package/components/MiniModal/MiniModal.styles/MiniModal.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MiniModal.styles.ts"],"names":["memoizeStyle","globalClasses","buttonGlobalClasses","getStyles","emotion","icon","css","description","title","titleWithIcon","t","miniModalTitleMarginTop","actions","miniModalActionGap","root","actionsIndent","miniModalCancelIndent","actionsIndentIE11Fallback","actionsRow","actionsColumn","actionsRowIE11Fallback","actionsColumnIE11Fallback"],"mappings":";;AAEA,SAASA,YAAT,QAA6B,2BAA7B;;AAEA,SAASC,aAAa,IAAIC,mBAA1B,QAAqD,yBAArD;;AAEA,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD;AACvBJ,IAAAA,YAAY,CAAC;AACXK,MAAAA,IADW,kBACJ;AACL,eAAOD,OAAO,CAACE,GAAf;;;AAGD,OALU;;AAOXC,MAAAA,WAPW,yBAOG;AACZ,eAAOH,OAAO,CAACE,GAAf;;;AAGD,OAXU;;AAaXE,MAAAA,KAbW,mBAaH;AACN,eAAOJ,OAAO,CAACE,GAAf;;;AAGD,OAjBU;;AAmBXG,MAAAA,aAnBW,yBAmBGC,CAnBH,EAmBa;AACtB,eAAON,OAAO,CAACE,GAAf;AACgBI,QAAAA,CAAC,CAACC,uBADlB;;AAGD,OAvBU;;AAyBXC,MAAAA,OAzBW,mBAyBHF,CAzBG,EAyBO;AAChB,eAAON,OAAO,CAACE,GAAf;;;;AAISI,QAAAA,CAAC,CAACG,kBAJX;;AAMKX,QAAAA,mBAAmB,CAACY,IANzB;;;;AAUD,OApCU;;AAsCXC,MAAAA,aAtCW,yBAsCGL,CAtCH,EAsCa;AACtB,eAAON,OAAO,CAACE,GAAf;AACYI,QAAAA,CAAC,CAACM,qBADd;;AAGD,OA1CU;;AA4CXC,MAAAA,yBA5CW,qCA4CeP,CA5Cf,EA4CyB;AAClC,eAAON,OAAO,CAACE,GAAf;AACaI,QAAAA,CAAC,CAACM,qBADf;;AAGD,OAhDU;;AAkDXE,MAAAA,UAlDW,wBAkDE;AACX,eAAOd,OAAO,CAACE,GAAf;;;AAGD,OAtDU;;AAwDXa,MAAAA,aAxDW,2BAwDK;AACd,eAAOf,OAAO,CAACE,GAAf;;;AAGD,OA5DU;;AA8DXc,MAAAA,sBA9DW,kCA8DYV,CA9DZ,EA8DsB;AAC/B,eAAON,OAAO,CAACE,GAAf;;AAEyBI,QAAAA,CAAC,CAACG,kBAF3B;;;AAKwBH,QAAAA,CAAC,CAACG,kBAL1B;;;AAQD,OAvEU;;AAyEXQ,MAAAA,yBAzEW,qCAyEeX,CAzEf,EAyEyB;AAClC,eAAON,OAAO,CAACE,GAAf;;AAEkBI,QAAAA,CAAC,CAACG,kBAFpB;;;AAKkBH,QAAAA,CAAC,CAACG,kBALpB;;;AAQD,OAlFU,EAAD,CADW,GAAlB","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    icon() {\n      return emotion.css`\n        text-align: center;\n      `;\n    },\n\n    description() {\n      return emotion.css`\n        text-align: center;\n      `;\n    },\n\n    title() {\n      return emotion.css`\n        text-align: center;\n      `;\n    },\n\n    titleWithIcon(t: Theme) {\n      return emotion.css`\n        margin-top: ${t.miniModalTitleMarginTop};\n      `;\n    },\n\n    actions(t: Theme) {\n      return emotion.css`\n        display: flex;\n        justify-content: stretch;\n        text-align: center;\n        gap: ${t.miniModalActionGap};\n\n        .${buttonGlobalClasses.root} {\n          width: 100%;\n        }\n      `;\n    },\n\n    actionsIndent(t: Theme) {\n      return emotion.css`\n        height: ${t.miniModalCancelIndent};\n      `;\n    },\n\n    actionsIndentIE11Fallback(t: Theme) {\n      return emotion.css`\n        padding: ${t.miniModalCancelIndent} 0;\n      `;\n    },\n\n    actionsRow() {\n      return emotion.css`\n        flex-direction: row;\n      `;\n    },\n\n    actionsColumn() {\n      return emotion.css`\n        flex-direction: column;\n      `;\n    },\n\n    actionsRowIE11Fallback(t: Theme) {\n      return emotion.css`\n        > *:nth-of-type(1) {\n          margin-right: calc(${t.miniModalActionGap} / 2);\n        }\n        > *:nth-of-type(2) {\n          margin-left: calc(${t.miniModalActionGap} / 2);\n        }\n      `;\n    },\n\n    actionsColumnIE11Fallback(t: Theme) {\n      return emotion.css`\n        > *:nth-of-type(2) {\n          margin-top: ${t.miniModalActionGap};\n        }\n        > *:nth-of-type(3) {\n          margin-top: ${t.miniModalActionGap};\n        }\n      `;\n    },\n  });\n"]}
+{"version":3,"sources":["MiniModal.styles.ts"],"names":["css","memoizeStyle","globalClasses","buttonGlobalClasses","styles","icon","description","title","titleWithIcon","t","miniModalTitleMarginTop","actions","miniModalActionGap","root","actionsIndent","miniModalCancelIndent","actionsIndentIE11Fallback","actionsRow","actionsColumn","actionsRowIE11Fallback","actionsColumnIE11Fallback"],"mappings":"0SAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;AAEA,SAASC,aAAa,IAAIC,mBAA1B,QAAqD,yBAArD;;AAEA,OAAO,IAAMC,MAAM,GAAGH,YAAY,CAAC;AACjCI,EAAAA,IADiC,kBAC1B;AACL,WAAOL,GAAP;;;AAGD,GALgC;;AAOjCM,EAAAA,WAPiC,yBAOnB;AACZ,WAAON,GAAP;;;AAGD,GAXgC;;AAajCO,EAAAA,KAbiC,mBAazB;AACN,WAAOP,GAAP;;;AAGD,GAjBgC;;AAmBjCQ,EAAAA,aAnBiC,yBAmBnBC,CAnBmB,EAmBT;AACtB,WAAOT,GAAP;AACgBS,IAAAA,CAAC,CAACC,uBADlB;;AAGD,GAvBgC;;AAyBjCC,EAAAA,OAzBiC,mBAyBzBF,CAzByB,EAyBf;AAChB,WAAOT,GAAP;;;;AAISS,IAAAA,CAAC,CAACG,kBAJX;;AAMKT,IAAAA,mBAAmB,CAACU,IANzB;;;;AAUD,GApCgC;;AAsCjCC,EAAAA,aAtCiC,yBAsCnBL,CAtCmB,EAsCT;AACtB,WAAOT,GAAP;AACYS,IAAAA,CAAC,CAACM,qBADd;;AAGD,GA1CgC;;AA4CjCC,EAAAA,yBA5CiC,qCA4CPP,CA5CO,EA4CG;AAClC,WAAOT,GAAP;AACaS,IAAAA,CAAC,CAACM,qBADf;;AAGD,GAhDgC;;AAkDjCE,EAAAA,UAlDiC,wBAkDpB;AACX,WAAOjB,GAAP;;;AAGD,GAtDgC;;AAwDjCkB,EAAAA,aAxDiC,2BAwDjB;AACd,WAAOlB,GAAP;;;AAGD,GA5DgC;;AA8DjCmB,EAAAA,sBA9DiC,kCA8DVV,CA9DU,EA8DA;AAC/B,WAAOT,GAAP;;AAEyBS,IAAAA,CAAC,CAACG,kBAF3B;;;AAKwBH,IAAAA,CAAC,CAACG,kBAL1B;;;AAQD,GAvEgC;;AAyEjCQ,EAAAA,yBAzEiC,qCAyEPX,CAzEO,EAyEG;AAClC,WAAOT,GAAP;;AAEkBS,IAAAA,CAAC,CAACG,kBAFpB;;;AAKkBH,IAAAA,CAAC,CAACG,kBALpB;;;AAQD,GAlFgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\nimport { globalClasses as buttonGlobalClasses } from '../Button/Button.styles';\n\nexport const styles = memoizeStyle({\n  icon() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  description() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  title() {\n    return css`\n      text-align: center;\n    `;\n  },\n\n  titleWithIcon(t: Theme) {\n    return css`\n      margin-top: ${t.miniModalTitleMarginTop};\n    `;\n  },\n\n  actions(t: Theme) {\n    return css`\n      display: flex;\n      justify-content: stretch;\n      text-align: center;\n      gap: ${t.miniModalActionGap};\n\n      .${buttonGlobalClasses.root} {\n        width: 100%;\n      }\n    `;\n  },\n\n  actionsIndent(t: Theme) {\n    return css`\n      height: ${t.miniModalCancelIndent};\n    `;\n  },\n\n  actionsIndentIE11Fallback(t: Theme) {\n    return css`\n      padding: ${t.miniModalCancelIndent} 0;\n    `;\n  },\n\n  actionsRow() {\n    return css`\n      flex-direction: row;\n    `;\n  },\n\n  actionsColumn() {\n    return css`\n      flex-direction: column;\n    `;\n  },\n\n  actionsRowIE11Fallback(t: Theme) {\n    return css`\n      > *:nth-of-type(1) {\n        margin-right: calc(${t.miniModalActionGap} / 2);\n      }\n      > *:nth-of-type(2) {\n        margin-left: calc(${t.miniModalActionGap} / 2);\n      }\n    `;\n  },\n\n  actionsColumnIE11Fallback(t: Theme) {\n    return css`\n      > *:nth-of-type(2) {\n        margin-top: ${t.miniModalActionGap};\n      }\n      > *:nth-of-type(3) {\n        margin-top: ${t.miniModalActionGap};\n      }\n    `;\n  },\n});\n"]}

package/components/MiniModal/MiniModal.styles.d.ts

@@ -1,6 +1,5 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { Theme } from '../../lib/theming/Theme';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     icon(): string;
     description(): string;
     title(): string;

package/components/MiniModal/MiniModalBody/MiniModalBody.js

@@ -3,9 +3,8 @@ var _excluded = ["children"];
 import React from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { Modal } from "../../Modal";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
 import { MiniModalDataTids } from "../MiniModal";
-import { getStyles } from "../MiniModal.styles";
+import { styles } from "../MiniModal.styles";
 /**
  * Обёртка над Modal.Body
  *
@@ -16,12 +15,9 @@ export var MiniModalBody = forwardRefAndName('MiniModalBody', function (_ref, re
   var children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-    var styles = getStyles(emotion);
-    return /*#__PURE__*/React.createElement(Modal.Body, rest, /*#__PURE__*/React.createElement("div", {
-      "data-tid": MiniModalDataTids.description,
-      ref: ref,
-      className: styles.description()
-    }, children));
-  });
+  return /*#__PURE__*/React.createElement(Modal.Body, rest, /*#__PURE__*/React.createElement("div", {
+    "data-tid": MiniModalDataTids.description,
+    ref: ref,
+    className: styles.description()
+  }, children));
 });

package/components/MiniModal/MiniModalBody/MiniModalBody.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MiniModalBody.tsx"],"names":["React","forwardRefAndName","Modal","EmotionConsumer","MiniModalDataTids","getStyles","MiniModalBody","ref","children","rest","emotion","styles","description"],"mappings":"iIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,KAAT,QAAsC,UAAtC;AACA,SAASC,eAAT,QAAgC,2BAAhC;;AAEA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,SAAT,QAA0B,oBAA1B;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGL,iBAAiB;AAC5C,eAD4C;AAE5C,gBAAwBM,GAAxB,EAAgC,KAA7BC,QAA6B,QAA7BA,QAA6B,CAAhBC,IAAgB;AAC9B;AACE,wBAAC,eAAD;AACG,cAACC,OAAD,EAAa;AACZ,UAAMC,MAAM,GAAGN,SAAS,CAACK,OAAD,CAAxB;AACA;AACE,4BAAC,KAAD,CAAO,IAAP,EAAgBD,IAAhB;AACE,qCAAK,YAAUL,iBAAiB,CAACQ,WAAjC,EAA8C,GAAG,EAAEL,GAAnD,EAAwD,SAAS,EAAEI,MAAM,CAACC,WAAP,EAAnE;AACGJ,QAAAA,QADH,CADF,CADF;;;;AAOD,KAVH,CADF;;;AAcD,CAjB2C,CAAvC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { Modal, ModalBodyProps } from '../Modal';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { MiniModalDataTids } from './MiniModal';\nimport { getStyles } from './MiniModal.styles';\n\n/**\n * Обёртка над Modal.Body\n *\n * @visibleName MiniModal.Body\n */\nexport const MiniModalBody = forwardRefAndName<HTMLDivElement, ModalBodyProps>(\n  'MiniModalBody',\n  ({ children, ...rest }, ref) => {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          const styles = getStyles(emotion);\n          return (\n            <Modal.Body {...rest}>\n              <div data-tid={MiniModalDataTids.description} ref={ref} className={styles.description()}>\n                {children}\n              </div>\n            </Modal.Body>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  },\n);\n"]}
+{"version":3,"sources":["MiniModalBody.tsx"],"names":["React","forwardRefAndName","Modal","MiniModalDataTids","styles","MiniModalBody","ref","children","rest","description"],"mappings":"iIAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,KAAT,QAAsC,UAAtC;;AAEA,SAASC,iBAAT,QAAkC,aAAlC;AACA,SAASC,MAAT,QAAuB,oBAAvB;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,aAAa,GAAGJ,iBAAiB;AAC5C,eAD4C;AAE5C,gBAAwBK,GAAxB,EAAgC,KAA7BC,QAA6B,QAA7BA,QAA6B,CAAhBC,IAAgB;AAC9B;AACE,wBAAC,KAAD,CAAO,IAAP,EAAgBA,IAAhB;AACE,iCAAK,YAAUL,iBAAiB,CAACM,WAAjC,EAA8C,GAAG,EAAEH,GAAnD,EAAwD,SAAS,EAAEF,MAAM,CAACK,WAAP,EAAnE;AACGF,IAAAA,QADH,CADF,CADF;;;;AAOD,CAV2C,CAAvC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { Modal, ModalBodyProps } from '../Modal';\n\nimport { MiniModalDataTids } from './MiniModal';\nimport { styles } from './MiniModal.styles';\n\n/**\n * Обёртка над Modal.Body\n *\n * @visibleName MiniModal.Body\n */\nexport const MiniModalBody = forwardRefAndName<HTMLDivElement, ModalBodyProps>(\n  'MiniModalBody',\n  ({ children, ...rest }, ref) => {\n    return (\n      <Modal.Body {...rest}>\n        <div data-tid={MiniModalDataTids.description} ref={ref} className={styles.description()}>\n          {children}\n        </div>\n      </Modal.Body>\n    );\n  },\n);\n"]}

package/components/MiniModal/MiniModalFooter/MiniModalFooter.js

@@ -1,12 +1,12 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["direction", "children"];
-import React from 'react';
+import React, { useContext } from 'react';
 import { Modal } from "../../Modal";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { isIE11 } from "../../../lib/client";
-import { useEmotion } from "../../../lib/theming/Emotion";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { getStyles } from "../MiniModal.styles";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 /**
  * Обёртка над Modal.Footer
@@ -20,18 +20,16 @@ export var MiniModalFooter = forwardRefAndName('MiniModalFooter', function (_ref
       children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var theme = useTheme();
-  var emotion = useEmotion();
-  var styles = getStyles(emotion);
+  var theme = useContext(ThemeContext);
   var childrenCount = React.Children.count(children);
 
   var _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction; // IE11 does not support CSS property `gap`
 
 
-  var IE11FallbackClasses = isIE11 && emotion.cx(_direction === 'row' && styles.actionsRowIE11Fallback(theme), _direction === 'column' && styles.actionsColumnIE11Fallback(theme));
+  var IE11FallbackClasses = isIE11 && cx(_direction === 'row' && styles.actionsRowIE11Fallback(theme), _direction === 'column' && styles.actionsColumnIE11Fallback(theme));
   return /*#__PURE__*/React.createElement(Modal.Footer, rest, /*#__PURE__*/React.createElement("div", {
     ref: ref,
     "data-tid": MiniModalDataTids.actions,
-    className: emotion.cx(styles.actions(theme), _direction === 'row' && styles.actionsRow(), _direction === 'column' && styles.actionsColumn(), IE11FallbackClasses)
+    className: cx(styles.actions(theme), _direction === 'row' && styles.actionsRow(), _direction === 'column' && styles.actionsColumn(), IE11FallbackClasses)
   }, children));
 });

package/components/MiniModal/MiniModalFooter/MiniModalFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MiniModalFooter.tsx"],"names":["React","Modal","forwardRefAndName","isIE11","useEmotion","useTheme","getStyles","MiniModalDataTids","MiniModalFooter","ref","direction","children","rest","theme","emotion","styles","childrenCount","Children","count","_direction","IE11FallbackClasses","cx","actionsRowIE11Fallback","actionsColumnIE11Fallback","actions","actionsRow","actionsColumn"],"mappings":"8IAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,KAAT,QAAwC,UAAxC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,UAAT,QAA2B,2BAA3B;AACA,SAASC,QAAT,QAAyB,4BAAzB;;AAEA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,iBAAT,QAAkC,aAAlC;;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;AAC9C,iBAD8C;AAE9C,gBAA2CO,GAA3C,EAAmD,2BAAhDC,SAAgD,CAAhDA,SAAgD,+BAApC,KAAoC,kBAA7BC,QAA6B,QAA7BA,QAA6B,CAAhBC,IAAgB;AACjD,MAAMC,KAAK,GAAGR,QAAQ,EAAtB;AACA,MAAMS,OAAO,GAAGV,UAAU,EAA1B;AACA,MAAMW,MAAM,GAAGT,SAAS,CAACQ,OAAD,CAAxB;;AAEA,MAAME,aAAa,GAAGhB,KAAK,CAACiB,QAAN,CAAeC,KAAf,CAAqBP,QAArB,CAAtB;AACA,MAAMQ,UAAU,GAAGH,aAAa,GAAG,CAAhB,IAAqBA,aAAa,KAAK,CAAvC,GAA2C,QAA3C,GAAsDN,SAAzE;;AAEA;AACA,MAAMU,mBAAmB;AACvBjB,EAAAA,MAAM;AACNW,EAAAA,OAAO,CAACO,EAAR;AACEF,EAAAA,UAAU,KAAK,KAAf,IAAwBJ,MAAM,CAACO,sBAAP,CAA8BT,KAA9B,CAD1B;AAEEM,EAAAA,UAAU,KAAK,QAAf,IAA2BJ,MAAM,CAACQ,yBAAP,CAAiCV,KAAjC,CAF7B,CAFF;;;AAOA;AACE,wBAAC,KAAD,CAAO,MAAP,EAAkBD,IAAlB;AACE;AACE,MAAA,GAAG,EAAEH,GADP;AAEE,kBAAUF,iBAAiB,CAACiB,OAF9B;AAGE,MAAA,SAAS,EAAEV,OAAO,CAACO,EAAR;AACTN,MAAAA,MAAM,CAACS,OAAP,CAAeX,KAAf,CADS;AAETM,MAAAA,UAAU,KAAK,KAAf,IAAwBJ,MAAM,CAACU,UAAP,EAFf;AAGTN,MAAAA,UAAU,KAAK,QAAf,IAA2BJ,MAAM,CAACW,aAAP,EAHlB;AAITN,MAAAA,mBAJS,CAHb;;;AAUGT,IAAAA,QAVH,CADF,CADF;;;;AAgBD,CAlC6C,CAAzC","sourcesContent":["import React from 'react';\n\nimport { Modal, ModalFooterProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { isIE11 } from '../../lib/client';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { getStyles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /**\n   * Направление позиционирования кнопок.\n   * `row` работает только для 2 элементов,\n   * в других случаях автоматически включиться `column`.\n   *\n   * @default row\n   */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useTheme();\n    const emotion = useEmotion();\n    const styles = getStyles(emotion);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    // IE11 does not support CSS property `gap`\n    const IE11FallbackClasses =\n      isIE11 &&\n      emotion.cx(\n        _direction === 'row' && styles.actionsRowIE11Fallback(theme),\n        _direction === 'column' && styles.actionsColumnIE11Fallback(theme),\n      );\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={emotion.cx(\n            styles.actions(theme),\n            _direction === 'row' && styles.actionsRow(),\n            _direction === 'column' && styles.actionsColumn(),\n            IE11FallbackClasses,\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"]}
+{"version":3,"sources":["MiniModalFooter.tsx"],"names":["React","useContext","Modal","forwardRefAndName","ThemeContext","isIE11","cx","styles","MiniModalDataTids","MiniModalFooter","ref","direction","children","rest","theme","childrenCount","Children","count","_direction","IE11FallbackClasses","actionsRowIE11Fallback","actionsColumnIE11Fallback","actions","actionsRow","actionsColumn"],"mappings":"8IAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,KAAT,QAAwC,UAAxC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,oBAAvB;AACA,SAASC,iBAAT,QAAkC,aAAlC;;;;;;;;;;;;;AAaA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;AAC9C,iBAD8C;AAE9C,gBAA2CO,GAA3C,EAAmD,2BAAhDC,SAAgD,CAAhDA,SAAgD,+BAApC,KAAoC,kBAA7BC,QAA6B,QAA7BA,QAA6B,CAAhBC,IAAgB;AACjD,MAAMC,KAAK,GAAGb,UAAU,CAACG,YAAD,CAAxB;;AAEA,MAAMW,aAAa,GAAGf,KAAK,CAACgB,QAAN,CAAeC,KAAf,CAAqBL,QAArB,CAAtB;AACA,MAAMM,UAAU,GAAGH,aAAa,GAAG,CAAhB,IAAqBA,aAAa,KAAK,CAAvC,GAA2C,QAA3C,GAAsDJ,SAAzE;;AAEA;AACA,MAAMQ,mBAAmB;AACvBd,EAAAA,MAAM;AACNC,EAAAA,EAAE;AACAY,EAAAA,UAAU,KAAK,KAAf,IAAwBX,MAAM,CAACa,sBAAP,CAA8BN,KAA9B,CADxB;AAEAI,EAAAA,UAAU,KAAK,QAAf,IAA2BX,MAAM,CAACc,yBAAP,CAAiCP,KAAjC,CAF3B,CAFJ;;;AAOA;AACE,wBAAC,KAAD,CAAO,MAAP,EAAkBD,IAAlB;AACE;AACE,MAAA,GAAG,EAAEH,GADP;AAEE,kBAAUF,iBAAiB,CAACc,OAF9B;AAGE,MAAA,SAAS,EAAEhB,EAAE;AACXC,MAAAA,MAAM,CAACe,OAAP,CAAeR,KAAf,CADW;AAEXI,MAAAA,UAAU,KAAK,KAAf,IAAwBX,MAAM,CAACgB,UAAP,EAFb;AAGXL,MAAAA,UAAU,KAAK,QAAf,IAA2BX,MAAM,CAACiB,aAAP,EAHhB;AAIXL,MAAAA,mBAJW,CAHf;;;AAUGP,IAAAA,QAVH,CADF,CADF;;;;AAgBD,CAhC6C,CAAzC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { Modal, ModalFooterProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isIE11 } from '../../lib/client';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalFooterProps extends ModalFooterProps {\n  /**\n   * Направление позиционирования кнопок.\n   * `row` работает только для 2 элементов,\n   * в других случаях автоматически включиться `column`.\n   *\n   * @default row\n   */\n  direction?: 'row' | 'column';\n}\n\n/**\n * Обёртка над Modal.Footer\n *\n * @visibleName MiniModal.Footer\n */\nexport const MiniModalFooter = forwardRefAndName<HTMLDivElement, MiniModalFooterProps>(\n  'MiniModalFooter',\n  ({ direction = 'row', children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    const childrenCount = React.Children.count(children);\n    const _direction = childrenCount > 2 || childrenCount === 1 ? 'column' : direction;\n\n    // IE11 does not support CSS property `gap`\n    const IE11FallbackClasses =\n      isIE11 &&\n      cx(\n        _direction === 'row' && styles.actionsRowIE11Fallback(theme),\n        _direction === 'column' && styles.actionsColumnIE11Fallback(theme),\n      );\n\n    return (\n      <Modal.Footer {...rest}>\n        <div\n          ref={ref}\n          data-tid={MiniModalDataTids.actions}\n          className={cx(\n            styles.actions(theme),\n            _direction === 'row' && styles.actionsRow(),\n            _direction === 'column' && styles.actionsColumn(),\n            IE11FallbackClasses,\n          )}\n        >\n          {children}\n        </div>\n      </Modal.Footer>\n    );\n  },\n);\n"]}

package/components/MiniModal/MiniModalHeader/MiniModalHeader.js

@@ -1,12 +1,12 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["icon", "children"];
-import React from 'react';
+import React, { useContext } from 'react';
 import { Modal } from "../../Modal";
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
 import { InfoCircleIcon64Regular } from "../../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { useEmotion } from "../../../lib/theming/Emotion";
-import { getStyles } from "../MiniModal.styles";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
+import { styles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 /**
  * Обёртка над Modal.Header
@@ -20,9 +20,7 @@ export var MiniModalHeader = forwardRefAndName('MiniModalHeader', function (_ref
       children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var theme = useTheme();
-  var emotion = useEmotion();
-  var styles = getStyles(emotion);
+  var theme = useContext(ThemeContext);
   return /*#__PURE__*/React.createElement(Modal.Header, rest, /*#__PURE__*/React.createElement("div", {
     ref: ref
   }, icon && /*#__PURE__*/React.createElement("div", {
@@ -30,6 +28,6 @@ export var MiniModalHeader = forwardRefAndName('MiniModalHeader', function (_ref
     className: styles.icon()
   }, icon), children && /*#__PURE__*/React.createElement("div", {
     "data-tid": MiniModalDataTids.title,
-    className: emotion.cx(styles.title(), icon && styles.titleWithIcon(theme))
+    className: cx(styles.title(), icon && styles.titleWithIcon(theme))
   }, children)));
 });

package/components/MiniModal/MiniModalHeader/MiniModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MiniModalHeader.tsx"],"names":["React","Modal","forwardRefAndName","InfoCircleIcon64Regular","useTheme","useEmotion","getStyles","MiniModalDataTids","MiniModalHeader","ref","icon","children","rest","theme","emotion","styles","title","cx","titleWithIcon"],"mappings":"yIAAA,OAAOA,KAAP,MAAiC,OAAjC;;AAEA,SAASC,KAAT,QAAwC,UAAxC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,uBAAT,QAAwC,iEAAxC;AACA,SAASC,QAAT,QAAyB,4BAAzB;AACA,SAASC,UAAT,QAA2B,2BAA3B;;AAEA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,iBAAT,QAAkC,aAAlC;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;AAC9C,iBAD8C;AAE9C,gBAA4DO,GAA5D,EAAoE,sBAAjEC,IAAiE,CAAjEA,IAAiE,uCAA1D,oBAAC,uBAAD,OAA0D,aAA7BC,QAA6B,QAA7BA,QAA6B,CAAhBC,IAAgB;AAClE,MAAMC,KAAK,GAAGT,QAAQ,EAAtB;AACA,MAAMU,OAAO,GAAGT,UAAU,EAA1B;AACA,MAAMU,MAAM,GAAGT,SAAS,CAACQ,OAAD,CAAxB;;AAEA;AACE,wBAAC,KAAD,CAAO,MAAP,EAAkBF,IAAlB;AACE,iCAAK,GAAG,EAAEH,GAAV;AACGC,IAAAA,IAAI;AACH,iCAAK,YAAUH,iBAAiB,CAACG,IAAjC,EAAuC,SAAS,EAAEK,MAAM,CAACL,IAAP,EAAlD;AACGA,IAAAA,IADH,CAFJ;;;AAMGC,IAAAA,QAAQ;AACP;AACE,kBAAUJ,iBAAiB,CAACS,KAD9B;AAEE,MAAA,SAAS,EAAEF,OAAO,CAACG,EAAR,CAAWF,MAAM,CAACC,KAAP,EAAX,EAA2BN,IAAI,IAAIK,MAAM,CAACG,aAAP,CAAqBL,KAArB,CAAnC,CAFb;;AAIGF,IAAAA,QAJH,CAPJ,CADF,CADF;;;;;;AAmBD,CA1B6C,CAAzC","sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { Modal, ModalHeaderProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { InfoCircleIcon64Regular } from '../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular';\nimport { useTheme } from '../../lib/theming/useTheme';\nimport { useEmotion } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalHeaderProps extends ModalHeaderProps {\n  /**\n   * Пиктограмма в шапке компонента.\n   *\n   * @default InfoCircleIcon64Regular\n   */\n  icon?: ReactNode;\n}\n\n/**\n * Обёртка над Modal.Header\n *\n * @visibleName MiniModal.Header\n */\nexport const MiniModalHeader = forwardRefAndName<HTMLDivElement, MiniModalHeaderProps>(\n  'MiniModalHeader',\n  ({ icon = <InfoCircleIcon64Regular />, children, ...rest }, ref) => {\n    const theme = useTheme();\n    const emotion = useEmotion();\n    const styles = getStyles(emotion);\n\n    return (\n      <Modal.Header {...rest}>\n        <div ref={ref}>\n          {icon && (\n            <div data-tid={MiniModalDataTids.icon} className={styles.icon()}>\n              {icon}\n            </div>\n          )}\n          {children && (\n            <div\n              data-tid={MiniModalDataTids.title}\n              className={emotion.cx(styles.title(), icon && styles.titleWithIcon(theme))}\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </Modal.Header>\n    );\n  },\n);\n"]}
+{"version":3,"sources":["MiniModalHeader.tsx"],"names":["React","useContext","Modal","forwardRefAndName","InfoCircleIcon64Regular","ThemeContext","cx","styles","MiniModalDataTids","MiniModalHeader","ref","icon","children","rest","theme","title","titleWithIcon"],"mappings":"yIAAA,OAAOA,KAAP,IAA2BC,UAA3B,QAA6C,OAA7C;;AAEA,SAASC,KAAT,QAAwC,UAAxC;AACA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,uBAAT,QAAwC,iEAAxC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;;AAEA,SAASC,MAAT,QAAuB,oBAAvB;AACA,SAASC,iBAAT,QAAkC,aAAlC;;;;;;;;;;;AAWA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;AAC9C,iBAD8C;AAE9C,gBAA4DO,GAA5D,EAAoE,sBAAjEC,IAAiE,CAAjEA,IAAiE,uCAA1D,oBAAC,uBAAD,OAA0D,aAA7BC,QAA6B,QAA7BA,QAA6B,CAAhBC,IAAgB;AAClE,MAAMC,KAAK,GAAGb,UAAU,CAACI,YAAD,CAAxB;;AAEA;AACE,wBAAC,KAAD,CAAO,MAAP,EAAkBQ,IAAlB;AACE,iCAAK,GAAG,EAAEH,GAAV;AACGC,IAAAA,IAAI;AACH,iCAAK,YAAUH,iBAAiB,CAACG,IAAjC,EAAuC,SAAS,EAAEJ,MAAM,CAACI,IAAP,EAAlD;AACGA,IAAAA,IADH,CAFJ;;;AAMGC,IAAAA,QAAQ;AACP,iCAAK,YAAUJ,iBAAiB,CAACO,KAAjC,EAAwC,SAAS,EAAET,EAAE,CAACC,MAAM,CAACQ,KAAP,EAAD,EAAiBJ,IAAI,IAAIJ,MAAM,CAACS,aAAP,CAAqBF,KAArB,CAAzB,CAArD;AACGF,IAAAA,QADH,CAPJ,CADF,CADF;;;;;;AAgBD,CArB6C,CAAzC","sourcesContent":["import React, { ReactNode, useContext } from 'react';\n\nimport { Modal, ModalHeaderProps } from '../Modal';\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { InfoCircleIcon64Regular } from '../../internal/icons2022/InfoCircleIcon/InfoCircleIcon64Regular';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\ninterface MiniModalHeaderProps extends ModalHeaderProps {\n  /**\n   * Пиктограмма в шапке компонента.\n   *\n   * @default InfoCircleIcon64Regular\n   */\n  icon?: ReactNode;\n}\n\n/**\n * Обёртка над Modal.Header\n *\n * @visibleName MiniModal.Header\n */\nexport const MiniModalHeader = forwardRefAndName<HTMLDivElement, MiniModalHeaderProps>(\n  'MiniModalHeader',\n  ({ icon = <InfoCircleIcon64Regular />, children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <Modal.Header {...rest}>\n        <div ref={ref}>\n          {icon && (\n            <div data-tid={MiniModalDataTids.icon} className={styles.icon()}>\n              {icon}\n            </div>\n          )}\n          {children && (\n            <div data-tid={MiniModalDataTids.title} className={cx(styles.title(), icon && styles.titleWithIcon(theme))}>\n              {children}\n            </div>\n          )}\n        </div>\n      </Modal.Header>\n    );\n  },\n);\n"]}

package/components/MiniModal/MiniModalIndent/MiniModalIndent.js

@@ -1,12 +1,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children"];
-import React from 'react';
+import React, { useContext } from 'react';
 import { forwardRefAndName } from "../../../lib/forwardRefAndName";
-import { useEmotion } from "../../../lib/theming/Emotion";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
 import { isIE11 } from "../../../lib/client";
-import { useTheme } from "../../../lib/theming/useTheme";
-import { getStyles } from "../MiniModal.styles";
+import { styles } from "../MiniModal.styles";
 import { MiniModalDataTids } from "../MiniModal";
 /**
  * Отступ между кнопками
@@ -18,12 +18,10 @@ export var MiniModalIndent = forwardRefAndName('MiniModalIndent', function (_ref
   var children = _ref.children,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  var theme = useTheme();
-  var emotion = useEmotion();
-  var styles = getStyles(emotion);
+  var theme = useContext(ThemeContext);
   return /*#__PURE__*/React.createElement("div", _extends({
     "data-tid": MiniModalDataTids.indent,
     ref: ref,
-    className: emotion.cx(!isIE11 ? styles.actionsIndent(theme) : styles.actionsIndentIE11Fallback(theme))
+    className: cx(!isIE11 ? styles.actionsIndent(theme) : styles.actionsIndentIE11Fallback(theme))
   }, rest));
 });

package/components/MiniModal/MiniModalIndent/MiniModalIndent.js.map

@@ -1 +1 @@
-{"version":3,"sources":["MiniModalIndent.tsx"],"names":["React","forwardRefAndName","useEmotion","isIE11","useTheme","getStyles","MiniModalDataTids","MiniModalIndent","ref","children","rest","theme","emotion","styles","indent","cx","actionsIndent","actionsIndentIE11Fallback"],"mappings":"2LAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,UAAT,QAA2B,2BAA3B;AACA,SAASC,MAAT,QAAuB,kBAAvB;AACA,SAASC,QAAT,QAAyB,4BAAzB;;AAEA,SAASC,SAAT,QAA0B,oBAA1B;AACA,SAASC,iBAAT,QAAkC,aAAlC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;AAC9C,iBAD8C;AAE9C,gBAAwBO,GAAxB,EAAgC,KAA7BC,QAA6B,QAA7BA,QAA6B,CAAhBC,IAAgB;AAC9B,MAAMC,KAAK,GAAGP,QAAQ,EAAtB;AACA,MAAMQ,OAAO,GAAGV,UAAU,EAA1B;AACA,MAAMW,MAAM,GAAGR,SAAS,CAACO,OAAD,CAAxB;;AAEA;AACE;AACE,kBAAUN,iBAAiB,CAACQ,MAD9B;AAEE,MAAA,GAAG,EAAEN,GAFP;AAGE,MAAA,SAAS,EAAEI,OAAO,CAACG,EAAR,CAAW,CAACZ,MAAD,GAAUU,MAAM,CAACG,aAAP,CAAqBL,KAArB,CAAV,GAAwCE,MAAM,CAACI,yBAAP,CAAiCN,KAAjC,CAAnD,CAHb;AAIMD,IAAAA,IAJN,EADF;;;AAQD,CAf6C,CAAzC","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { useEmotion } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\nimport { useTheme } from '../../lib/theming/useTheme';\n\nimport { getStyles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\n/**\n * Отступ между кнопками\n *\n * @visibleName MiniModal.Indent\n */\nexport const MiniModalIndent = forwardRefAndName<HTMLDivElement, unknown>(\n  'MiniModalIndent',\n  ({ children, ...rest }, ref) => {\n    const theme = useTheme();\n    const emotion = useEmotion();\n    const styles = getStyles(emotion);\n\n    return (\n      <div\n        data-tid={MiniModalDataTids.indent}\n        ref={ref}\n        className={emotion.cx(!isIE11 ? styles.actionsIndent(theme) : styles.actionsIndentIE11Fallback(theme))}\n        {...rest}\n      />\n    );\n  },\n);\n"]}
+{"version":3,"sources":["MiniModalIndent.tsx"],"names":["React","useContext","forwardRefAndName","ThemeContext","cx","isIE11","styles","MiniModalDataTids","MiniModalIndent","ref","children","rest","theme","indent","actionsIndent","actionsIndentIE11Fallback"],"mappings":"2LAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;;AAEA,SAASC,iBAAT,QAAkC,6BAAlC;AACA,SAASC,YAAT,QAA6B,gCAA7B;AACA,SAASC,EAAT,QAAmB,2BAAnB;AACA,SAASC,MAAT,QAAuB,kBAAvB;;AAEA,SAASC,MAAT,QAAuB,oBAAvB;AACA,SAASC,iBAAT,QAAkC,aAAlC;;AAEA;AACA;AACA;AACA;AACA;AACA,OAAO,IAAMC,eAAe,GAAGN,iBAAiB;AAC9C,iBAD8C;AAE9C,gBAAwBO,GAAxB,EAAgC,KAA7BC,QAA6B,QAA7BA,QAA6B,CAAhBC,IAAgB;AAC9B,MAAMC,KAAK,GAAGX,UAAU,CAACE,YAAD,CAAxB;;AAEA;AACE;AACE,kBAAUI,iBAAiB,CAACM,MAD9B;AAEE,MAAA,GAAG,EAAEJ,GAFP;AAGE,MAAA,SAAS,EAAEL,EAAE,CAAC,CAACC,MAAD,GAAUC,MAAM,CAACQ,aAAP,CAAqBF,KAArB,CAAV,GAAwCN,MAAM,CAACS,yBAAP,CAAiCH,KAAjC,CAAzC,CAHf;AAIMD,IAAAA,IAJN,EADF;;;AAQD,CAb6C,CAAzC","sourcesContent":["import React, { useContext } from 'react';\n\nimport { forwardRefAndName } from '../../lib/forwardRefAndName';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { cx } from '../../lib/theming/Emotion';\nimport { isIE11 } from '../../lib/client';\n\nimport { styles } from './MiniModal.styles';\nimport { MiniModalDataTids } from './MiniModal';\n\n/**\n * Отступ между кнопками\n *\n * @visibleName MiniModal.Indent\n */\nexport const MiniModalIndent = forwardRefAndName<HTMLDivElement, unknown>(\n  'MiniModalIndent',\n  ({ children, ...rest }, ref) => {\n    const theme = useContext(ThemeContext);\n\n    return (\n      <div\n        data-tid={MiniModalDataTids.indent}\n        ref={ref}\n        className={cx(!isIE11 ? styles.actionsIndent(theme) : styles.actionsIndentIE11Fallback(theme))}\n        {...rest}\n      />\n    );\n  },\n);\n"]}