@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-9a162.0

package/components/Radio/Radio.styles/Radio.styles.js

@@ -1,78 +1,81 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
-import { memoizeGetStyles, prefix } from "../../../lib/theming/Emotion";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24;
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
 import { afterOutlineMixin, circleSizeMixin, outlineColorMixin, radioCheckedMixin, radioSizeMixin } from "../Radio.mixins";
 export var globalClasses = prefix('radio')({
   circle: 'circle'
 });
-export var getStyles = memoizeGetStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    root: function root(t) {
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "], ["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "])), globalClasses.circle, t.transitionDuration, t.transitionTimingFunction, globalClasses.circle, t.radioHoverBg, t.radioHoverShadow, globalClasses.circle, t.radioActiveBg, t.radioActiveShadow);
-    },
-    rootSmall: function rootSmall(t) {
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
-    },
-    rootMedium: function rootMedium(t) {
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
-    },
-    rootLarge: function rootLarge(t) {
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
-    },
-    rootChecked: function rootChecked(t) {
-      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, t.radioCheckedHoverBgColor);
-    },
-    circle: function circle(t) {
-      return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "])), t.radioBgImage, t.radioBorder, t.radioBoxShadow, t.radioBgColor);
-    },
-    circleSmall: function circleSmall(t) {
-      return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
-    },
-    circleMedium: function circleMedium(t) {
-      return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
-    },
-    circleLarge: function circleLarge(t) {
-      return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
-    },
-    focus: function focus(t) {
-      return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus));
-    },
-    warning: function warning(t) {
-      return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning));
-    },
-    error: function error(t) {
-      return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError));
-    },
-    checked: function checked(t) {
-      return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "])), t.radioCheckedBgColor, t.radioCheckedBorderColor, t.radioCheckedBulletColor);
-    },
-    checkedSmall: function checkedSmall(t) {
-      return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeSmall));
-    },
-    checkedMedium: function checkedMedium(t) {
-      return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeMedium));
-    },
-    checkedLarge: function checkedLarge(t) {
-      return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeLarge));
-    },
-    checkedDisabled: function checkedDisabled(t) {
-      return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      &::before {\n        background: ", ";\n      }\n    "])), t.radioCheckedDisabledBulletBg);
-    },
-    input: function input() {
-      return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
-    },
-    disabled: function disabled(t) {
-      return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      background: ", " !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "])), t.radioDisabledBg, t.radioDisabledShadow);
-    },
-    caption: function caption(t) {
-      return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioCaptionGap, t.radioTextColor);
-    },
-    captionDisabled: function captionDisabled(t) {
-      return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDisabled);
-    },
-    placeholder: function placeholder() {
-      return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
-    }
-  };
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "], ["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .", " {\n        transition: background ", " ", ";\n      }\n\n      &:hover .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      &:active .", " {\n        background: ", ";\n        box-shadow: ", ";\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    "])), globalClasses.circle, t.transitionDuration, t.transitionTimingFunction, globalClasses.circle, t.radioHoverBg, t.radioHoverShadow, globalClasses.circle, t.radioActiveBg, t.radioActiveShadow);
+  },
+  rootSmall: function rootSmall(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
+  },
+  rootMedium: function rootMedium(t) {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
+  },
+  rootLarge: function rootLarge(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
+  },
+  rootIE11: function rootIE11() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n    "])));
+  },
+  rootChecked: function rootChecked(t) {
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, t.radioCheckedHoverBgColor);
+  },
+  circle: function circle(t) {
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ", ";\n    "])), t.radioBgImage, t.radioBorder, t.radioBoxShadow, t.radioBgColor);
+  },
+  circleSmall: function circleSmall(t) {
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+  },
+  circleMedium: function circleMedium(t) {
+    return css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+  },
+  circleLarge: function circleLarge(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
+  },
+  focus: function focus(t) {
+    return css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus));
+  },
+  warning: function warning(t) {
+    return css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning));
+  },
+  error: function error(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        ", ";\n      }\n    "])), afterOutlineMixin(t.radioOutlineWidth), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError));
+  },
+  checked: function checked(t) {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      background-color: ", ";\n      border-color: ", ";\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ", ";\n      }\n    "])), t.radioCheckedBgColor, t.radioCheckedBorderColor, t.radioCheckedBulletColor);
+  },
+  checkedSmall: function checkedSmall(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeSmall));
+  },
+  checkedMedium: function checkedMedium(t) {
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeMedium));
+  },
+  checkedLarge: function checkedLarge(t) {
+    return css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n      ", ";\n    "])), radioCheckedMixin(t.radioBulletSizeLarge));
+  },
+  checkedDisabled: function checkedDisabled(t) {
+    return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n      &::before {\n        background: ", ";\n      }\n    "])), t.radioCheckedDisabledBulletBg);
+  },
+  input: function input() {
+    return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "])));
+  },
+  disabled: function disabled(t) {
+    return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteralLoose(["\n      background: ", " !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ", " !important; // override root hover/active styles\n    "])), t.radioDisabledBg, t.radioDisabledShadow);
+  },
+  caption: function caption(t) {
+    return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteralLoose(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioCaptionGap, t.radioTextColor);
+  },
+  captionIE11: function captionIE11() {
+    return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n      display: table-cell;\n    "])));
+  },
+  captionDisabled: function captionDisabled(t) {
+    return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDisabled);
+  },
+  placeholder: function placeholder() {
+    return css(_templateObject24 || (_templateObject24 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
+  }
 });

package/components/Radio/Radio.styles/Radio.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeGetStyles","prefix","afterOutlineMixin","circleSizeMixin","outlineColorMixin","radioCheckedMixin","radioSizeMixin","globalClasses","circle","getStyles","_ref","css","root","t","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","rootSmall","_templateObject2","radioFontSizeSmall","radioLineHeightSmall","radioPaddingYSmall","radioSizeSmall","rootMedium","_templateObject3","radioFontSizeMedium","radioLineHeightMedium","radioPaddingYMedium","radioSizeMedium","rootLarge","_templateObject4","radioFontSizeLarge","radioLineHeightLarge","radioPaddingYLarge","radioSizeLarge","rootChecked","_templateObject5","radioCheckedHoverBgColor","_templateObject6","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","circleSmall","_templateObject7","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","circleMedium","_templateObject8","circleLarge","_templateObject9","focus","_templateObject10","radioOutlineWidth","radioFocusShadow","radioBorderColorFocus","warning","_templateObject11","radioBorderColorWarning","error","_templateObject12","radioBorderColorError","checked","_templateObject13","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","checkedSmall","_templateObject14","radioBulletSizeSmall","checkedMedium","_templateObject15","radioBulletSizeMedium","checkedLarge","_templateObject16","radioBulletSizeLarge","checkedDisabled","_templateObject17","radioCheckedDisabledBulletBg","input","_templateObject18","disabled","_templateObject19","radioDisabledBg","radioDisabledShadow","caption","_templateObject20","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionDisabled","_templateObject21","textColorDisabled","placeholder","_templateObject22"],"sources":["Radio.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n} from './Radio.mixins';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .${globalClasses.circle} {\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge)};\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n  circleSmall(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeSmall,\n        t.radioSizeSmall,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleMedium(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeMedium,\n        t.radioSizeMedium,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleLarge(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeLarge,\n        t.radioSizeLarge,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus)};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning)};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError)};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n  checkedSmall(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeSmall)};\n    `;\n  },\n  checkedMedium(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeMedium)};\n    `;\n  },\n  checkedLarge(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeLarge)};\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.radioCheckedDisabledBulletBg};\n      }\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n}));\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","prefix","afterOutlineMixin","circleSizeMixin","outlineColorMixin","radioCheckedMixin","radioSizeMixin","globalClasses","circle","styles","root","t","_templateObject","_taggedTemplateLiteralLoose","transitionDuration","transitionTimingFunction","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","rootSmall","_templateObject2","radioFontSizeSmall","radioLineHeightSmall","radioPaddingYSmall","radioSizeSmall","rootMedium","_templateObject3","radioFontSizeMedium","radioLineHeightMedium","radioPaddingYMedium","radioSizeMedium","rootLarge","_templateObject4","radioFontSizeLarge","radioLineHeightLarge","radioPaddingYLarge","radioSizeLarge","rootIE11","_templateObject5","rootChecked","_templateObject6","radioCheckedHoverBgColor","_templateObject7","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","circleSmall","_templateObject8","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","circleMedium","_templateObject9","circleLarge","_templateObject10","focus","_templateObject11","radioOutlineWidth","radioFocusShadow","radioBorderColorFocus","warning","_templateObject12","radioBorderColorWarning","error","_templateObject13","radioBorderColorError","checked","_templateObject14","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","checkedSmall","_templateObject15","radioBulletSizeSmall","checkedMedium","_templateObject16","radioBulletSizeMedium","checkedLarge","_templateObject17","radioBulletSizeLarge","checkedDisabled","_templateObject18","radioCheckedDisabledBulletBg","input","_templateObject19","disabled","_templateObject20","radioDisabledBg","radioDisabledShadow","caption","_templateObject21","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionIE11","_templateObject22","captionDisabled","_templateObject23","textColorDisabled","placeholder","_templateObject24"],"sources":["Radio.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\n\nimport {\n  afterOutlineMixin,\n  circleSizeMixin,\n  outlineColorMixin,\n  radioCheckedMixin,\n  radioSizeMixin,\n} from './Radio.mixins';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      display: inline-flex;\n      align-items: baseline;\n\n      .${globalClasses.circle} {\n        transition: background ${t.transitionDuration} ${t.transitionTimingFunction};\n      }\n\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioHoverBg};\n        box-shadow: ${t.radioHoverShadow};\n      }\n      &:active .${globalClasses.circle} {\n        background: ${t.radioActiveBg};\n        box-shadow: ${t.radioActiveShadow};\n      }\n\n      &::before {\n        // non-breaking space.\n        // makes a correct space for absolutely positioned circle,\n        // and also height and baseline for radio without caption.\n        content: '\\\\00A0';\n        display: inline-block;\n        flex: 0 0 auto;\n      }\n    `;\n  },\n  rootSmall(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall)};\n    `;\n  },\n  rootMedium(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium)};\n    `;\n  },\n  rootLarge(t: Theme) {\n    return css`\n      ${radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge)};\n    `;\n  },\n\n  rootIE11() {\n    return css`\n      display: inline-table;\n    `;\n  },\n\n  rootChecked(t: Theme) {\n    return css`\n      &:hover .${globalClasses.circle} {\n        background: ${t.radioCheckedHoverBgColor};\n      }\n    `;\n  },\n\n  circle(t: Theme) {\n    return css`\n      background-image: ${t.radioBgImage};\n      border-radius: 50%;\n      border: ${t.radioBorder};\n      box-shadow: ${t.radioBoxShadow};\n      box-sizing: border-box;\n      display: inline-block;\n      position: absolute;\n      left: 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n  circleSmall(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeSmall,\n        t.radioSizeSmall,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleMedium(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeMedium,\n        t.radioSizeMedium,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n  circleLarge(t: Theme) {\n    return css`\n      ${circleSizeMixin(\n        t.labGrotesqueBaselineCompensation,\n        t.radioFontSizeLarge,\n        t.radioSizeLarge,\n        t.radioBorderWidthCompensation,\n        t.radioCircleOffsetY,\n      )};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus)};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning)};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${afterOutlineMixin(t.radioOutlineWidth)};\n        ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError)};\n      }\n    `;\n  },\n\n  checked(t: Theme) {\n    return css`\n      background-color: ${t.radioCheckedBgColor};\n      border-color: ${t.radioCheckedBorderColor};\n\n      &::before {\n        content: ' ';\n        position: absolute;\n        top: 0;\n        right: 0;\n        bottom: 0;\n        left: 0;\n        margin: auto;\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n  checkedSmall(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeSmall)};\n    `;\n  },\n  checkedMedium(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeMedium)};\n    `;\n  },\n  checkedLarge(t: Theme) {\n    return css`\n      ${radioCheckedMixin(t.radioBulletSizeLarge)};\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.radioCheckedDisabledBulletBg};\n      }\n    `;\n  },\n\n  input() {\n    return css`\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    `;\n  },\n\n  disabled(t: Theme) {\n    return css`\n      background: ${t.radioDisabledBg} !important; // override root hover/active styles\n      border-color: transparent !important; // override root hover/active styles\n      box-shadow: ${t.radioDisabledShadow} !important; // override root hover/active styles\n    `;\n  },\n\n  caption(t: Theme) {\n    return css`\n      display: ${t.radioCaptionDisplay};\n      padding-left: ${t.radioCaptionGap};\n      white-space: normal;\n      color: ${t.radioTextColor};\n    `;\n  },\n\n  captionIE11() {\n    return css`\n      display: table-cell;\n    `;\n  },\n\n  captionDisabled(t: Theme) {\n    return css`\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  placeholder() {\n    return css`\n      display: inline-block;\n    `;\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/components/Radio/Radio.styles.d.ts

@@ -2,11 +2,12 @@ import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     circle: string;
 };
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const styles: {
     root(t: Theme): string;
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;
     rootLarge(t: Theme): string;
+    rootIE11(): string;
     rootChecked(t: Theme): string;
     circle(t: Theme): string;
     circleSmall(t: Theme): string;
@@ -23,6 +24,7 @@ export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter
     input(): string;
     disabled(t: Theme): string;
     caption(t: Theme): string;
+    captionIE11(): string;
     captionDisabled(t: Theme): string;
     placeholder(): string;
-}>;
+};

package/components/RadioGroup/Prevent/Prevent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Prevent","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","_prevent","event","stopPropagation","preventDefault","_inheritsLoose","_proto","prototype","render","createElement","onClick","props","children","Component"],"sources":["Prevent.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface PreventProps {\n  children?: React.ReactNode;\n}\n\nexport class Prevent extends React.Component<PreventProps> {\n  public render(): React.JSX.Element {\n    return <span onClick={this._prevent}>{this.props.children}</span>;\n  }\n\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;AAMzB,WAAaC,OAAO,0BAAAC,gBAAA,YAAAD,QAAA,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;;;;;IAKVU,QAAQ,GAAG,UAACC,KAAwC,EAAK;MAC/DA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;IACxB,CAAC,QAAAb,KAAA,EAAAc,cAAA,CAAAhB,OAAA,EAAAC,gBAAA,MAAAgB,MAAA,GAAAjB,OAAA,CAAAkB,SAAA,CAAAD,MAAA,CAPME,MAAM,GAAb,SAAAA,OAAA,EAAmC,CACjC,oBAAOpB,KAAA,CAAAqB,aAAA,WAAMC,OAAO,EAAE,IAAI,CAACT,QAAS,IAAE,IAAI,CAACU,KAAK,CAACC,QAAe,CAAC,CACnE,CAAC,QAAAvB,OAAA,GAH0BD,KAAK,CAACyB,SAAS","ignoreList":[]}
+{"version":3,"names":["React","Prevent","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","_prevent","event","stopPropagation","preventDefault","_inheritsLoose","_proto","prototype","render","createElement","onClick","props","children","Component"],"sources":["Prevent.tsx"],"sourcesContent":["import React from 'react';\n\nexport interface PreventProps {\n  children?: React.ReactNode;\n}\n\nexport class Prevent extends React.Component<PreventProps> {\n  public render() {\n    return <span onClick={this._prevent}>{this.props.children}</span>;\n  }\n\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n"],"mappings":"sEAAA,OAAOA,KAAK,MAAM,OAAO;;;;;;AAMzB,WAAaC,OAAO,0BAAAC,gBAAA,YAAAD,QAAA,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;;;;;IAKVU,QAAQ,GAAG,UAACC,KAAwC,EAAK;MAC/DA,KAAK,CAACC,eAAe,CAAC,CAAC;MACvBD,KAAK,CAACE,cAAc,CAAC,CAAC;IACxB,CAAC,QAAAb,KAAA,EAAAc,cAAA,CAAAhB,OAAA,EAAAC,gBAAA,MAAAgB,MAAA,GAAAjB,OAAA,CAAAkB,SAAA,CAAAD,MAAA,CAPME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBAAOpB,KAAA,CAAAqB,aAAA,WAAMC,OAAO,EAAE,IAAI,CAACT,QAAS,IAAE,IAAI,CAACU,KAAK,CAACC,QAAe,CAAC,CACnE,CAAC,QAAAvB,OAAA,GAH0BD,KAAK,CAACyB,SAAS","ignoreList":[]}

package/components/RadioGroup/RadioGroup/RadioGroup.js

@@ -9,10 +9,11 @@ import { Radio } from "../../Radio";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { FocusTrap } from "../../../internal/FocusTrap";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { getVisualStateDataAttributes } from "../../../internal/CommonWrapper/utils/getVisualStateDataAttributes";
-import { withRenderEnvironment } from "../../../lib/renderEnvironment";
-import { getStyles } from "../RadioGroup.styles";
+import { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
+import { styles } from "../RadioGroup.styles";
 import { Prevent } from "../Prevent";
 import { RadioGroupContext } from "../RadioGroupContext";
 export var RadioGroupDataTids = {
@@ -20,7 +21,7 @@ export var RadioGroupDataTids = {
 };
 
 /** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */
-export var RadioGroup = withRenderEnvironment(_class = rootNode(_class = (_RadioGroup = /*#__PURE__*/function (_React$Component) {
+export var RadioGroup = rootNode(_class = (_RadioGroup = /*#__PURE__*/function (_React$Component) {
   function RadioGroup(props) {
     var _this;
     _this = _React$Component.call(this, props) || this;
@@ -56,10 +57,10 @@ export var RadioGroup = withRenderEnvironment(_class = rootNode(_class = (_Radio
       }
     };
     _this.renderRadio = function (itemValue, data, index) {
-      var _this$cx;
+      var _cx;
       var itemProps = {
         key: _this.getKeyByItem(itemValue),
-        className: _this.cx((_this$cx = {}, _this$cx[_this.styles.item()] = true, _this$cx[_this.styles.itemFirst()] = index === 0, _this$cx[_this.styles.itemInline()] = !!_this.props.inline, _this$cx))
+        className: cx((_cx = {}, _cx[styles.item()] = true, _cx[styles.itemFirst()] = index === 0, _cx[styles.itemInline()] = !!_this.props.inline, _cx))
       };
       return /*#__PURE__*/(
         React.createElement("span", _extends({}, itemProps, {
@@ -87,7 +88,7 @@ export var RadioGroup = withRenderEnvironment(_class = rootNode(_class = (_Radio
   _inheritsLoose(RadioGroup, _React$Component);
   var _proto = RadioGroup.prototype;
   _proto.render = function render() {
-    var _this$cx2;
+    var _this2 = this;
     var _this$props = this.props,
       width = _this$props.width,
       onMouseLeave = _this$props.onMouseLeave,
@@ -104,24 +105,27 @@ export var RadioGroup = withRenderEnvironment(_class = rootNode(_class = (_Radio
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave
     };
-    this.styles = getStyles(this.emotion);
-    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-      rootNodeRef: this.setRootNode
-    }, this.props, getVisualStateDataAttributes({
-      disabled: disabled
-    })), /*#__PURE__*/React.createElement(FocusTrap, {
-      onBlur: onBlur
-    }, /*#__PURE__*/React.createElement("span", _extends({
-      "data-tid": RadioGroupDataTids.root,
-      ref: this.ref,
-      style: style,
-      className: this.cx((_this$cx2 = {}, _this$cx2[this.styles.root()] = true, _this$cx2)),
-      role: "radiogroup"
-    }, handlers, {
-      "aria-describedby": ariaDescribedby
-    }), /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
-      value: this.getRadioGroupContextValue()
-    }, this.renderChildren()))));
+    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
+      var _cx2;
+      _this2.featureFlags = getFullReactUIFlagsContext(flags);
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.props, getVisualStateDataAttributes({
+        disabled: disabled
+      })), /*#__PURE__*/React.createElement(FocusTrap, {
+        onBlur: onBlur
+      }, /*#__PURE__*/React.createElement("span", _extends({
+        "data-tid": RadioGroupDataTids.root,
+        ref: _this2.ref,
+        style: style,
+        className: cx((_cx2 = {}, _cx2[styles.root()] = true, _cx2[styles.removeBaselineSpacer()] = _this2.featureFlags.radioGroupRemoveBaselineSpacer, _cx2)),
+        role: "radiogroup"
+      }, handlers, {
+        "aria-describedby": ariaDescribedby
+      }), /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
+        value: _this2.getRadioGroupContextValue()
+      }, _this2.renderChildren()))));
+    });
   } /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.
     * @public
     */;
@@ -148,7 +152,7 @@ export var RadioGroup = withRenderEnvironment(_class = rootNode(_class = (_Radio
   return RadioGroup;
 }(React.Component), _RadioGroup.__KONTUR_REACT_UI__ = 'RadioGroup', _RadioGroup.displayName = 'RadioGroup', _RadioGroup.defaultProps = {
   renderItem: renderItem
-}, _RadioGroup.Prevent = Prevent, _RadioGroup)) || _class) || _class;
+}, _RadioGroup.Prevent = Prevent, _RadioGroup)) || _class;
 function renderItem(_value, data) {
   return data;
 }

package/components/RadioGroup/RadioGroup/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","invariant","getRandomID","isNonNullable","Radio","createPropsGetter","FocusTrap","CommonWrapper","rootNode","getVisualStateDataAttributes","withRenderEnvironment","getStyles","Prevent","RadioGroupContext","RadioGroupDataTids","root","RadioGroup","_class","_RadioGroup","_React$Component","props","_this","call","name","getProps","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","setState","onValueChange","renderRadio","itemValue","data","index","_this$cx","itemProps","key","getKeyByItem","className","cx","styles","item","itemFirst","itemInline","inline","createElement","_extends","role","renderItem","toKey","undefined","ref","element","node","defaultValue","_inheritsLoose","_proto","prototype","render","_this$cx2","_this$props","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","emotion","rootNodeRef","setRootNode","Provider","renderChildren","focus","radio","querySelector","_this$props2","items","children","mapItems","Component","__KONTUR_REACT_UI__","displayName","_value","fn","result","_iterator","_createForOfIteratorHelperLoose","_step","done","entry","_normalizeEntry","normalizeEntry","push","Array","isArray"],"sources":["RadioGroup.tsx"],"sourcesContent":["import type { AriaAttributes, JSX } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport type { RadioGroupContextType } from './RadioGroupContext';\nimport { RadioGroupContext } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  /** Задаёт значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из `items`. */\n  defaultValue?: T;\n\n  /** Задаёт значение группы радиокнопок. Должно быть одним из значений радиокнопок.\n   * Если не указано, то компонент будет работать как неконтролируемый. */\n  value?: T;\n\n  /** Задаёт массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,\n   * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.\n   * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.\n   * Может быть использовано, если не передан `children`. */\n  items?: T[] | Array<[T, React.ReactNode]>;\n\n  /** Устанавливает атрибут `name` для дочерних радиокнопок. Если не указан, то сгенерируется случайное имя. */\n  name?: string;\n\n  /** Получает уникальный ключ по элементу.\n   * @param item - элемент, по которому нужно получить ключ. */\n  toKey?: (item: T) => string | number;\n\n  /** Блокирует все радиокнопки в группе. */\n  disabled?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «предупреждение». */\n  warning?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «ошибка». */\n  error?: boolean;\n\n  /** Размещает радиокнопки в строку. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  inline?: boolean;\n\n  /** Ширина радиогруппы. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  width?: React.CSSProperties['width'];\n\n  /** Задаёт функцию, которая отображает контент радиокнопки. Работает только со значениями, переданными через `items`, не работает с `children`.\n   * @param {Value} itemValue - значение радиокнопки.\n   * @param {Data} data - значение для отрисовки радиокнопки. */\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n\n  /** Задаёт функцию, которая вызывается при изменении `value`. */\n  onValueChange?: (value: T) => void;\n\n  /** Задаёт функцию, которая вызывается при потере радиогруппой фокуса. */\n  onBlur?: (event: FocusEvent) => void;\n\n  /** Задаёт функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: () => any;\n\n  /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: () => any;\n\n  /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n  activeItem?: T;\n}\n\nexport const RadioGroupDataTids = {\n  root: 'RadioGroup__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;\n\n/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */\n@withRenderEnvironment\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\n  public static displayName = 'RadioGroup';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n  };\n\n  public static Prevent = Prevent;\n\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private node: Nullable<HTMLSpanElement>;\n  private name = getRandomID();\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  constructor(props: RadioGroupProps<T>) {\n    super(props);\n\n    this.state = {\n      activeItem: this.props.defaultValue,\n    };\n  }\n\n  private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n    return {\n      activeItem: this.getValue(),\n      onSelect: this.handleSelect,\n      name: this.getName(),\n      disabled: this.props.disabled,\n      error: this.props.error,\n      warning: this.props.warning,\n    };\n  };\n\n  public render(): React.JSX.Element {\n    const {\n      width,\n      onMouseLeave,\n      onMouseOver,\n      onMouseEnter,\n      onBlur,\n      'aria-describedby': ariaDescribedby,\n      disabled,\n    } = this.props;\n    const style = {\n      width: width ?? 'auto',\n    };\n    const handlers = {\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n    };\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props} {...getVisualStateDataAttributes({ disabled })}>\n        <FocusTrap onBlur={onBlur}>\n          <span\n            data-tid={RadioGroupDataTids.root}\n            ref={this.ref}\n            style={style}\n            className={this.cx({\n              [this.styles.root()]: true,\n            })}\n            role=\"radiogroup\"\n            {...handlers}\n            aria-describedby={ariaDescribedby}\n          >\n            <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n              {this.renderChildren()}\n            </RadioGroupContext.Provider>\n          </span>\n        </FocusTrap>\n      </CommonWrapper>\n    );\n  }\n\n  /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus(): void {\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n    // If no checked radios, try get first radio\n    if (!radio || radio.disabled) {\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n    }\n\n    if (radio) {\n      radio.focus();\n    }\n  }\n\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n  private getName = () => this.props.name || this.name;\n\n  private isControlled = () => isNonNullable(this.props.value);\n\n  private handleSelect = (value: T) => {\n    if (!this.isControlled()) {\n      this.setState({ activeItem: value });\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private renderChildren() {\n    const { items, children } = this.props;\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n    return items ? mapItems<T>(this.renderRadio, items) : children;\n  }\n\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n    const itemProps = {\n      key: this.getKeyByItem(itemValue),\n      className: this.cx({\n        [this.styles.item()]: true,\n        [this.styles.itemFirst()]: index === 0,\n        [this.styles.itemInline()]: !!this.props.inline,\n      }),\n    };\n\n    return (\n      <span {...itemProps} role=\"presentation\">\n        <Radio value={itemValue}>{this.getProps().renderItem(itemValue, data)}</Radio>\n      </span>\n    );\n  };\n\n  private getKeyByItem = (itemValue: T) => {\n    if (this.props.toKey) {\n      return this.props.toKey(itemValue);\n    }\n    return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;\n  };\n\n  private ref = (element: HTMLSpanElement) => {\n    this.node = element;\n  };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n  return data;\n}\n\nfunction mapItems<T>(\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n  items: T[] | Array<[T, React.ReactNode]>,\n) {\n  const result: React.ReactNode[] = [];\n  let index = 0;\n  for (const entry of items) {\n    const [value, data] = normalizeEntry<T>(entry);\n    result.push(fn(value, data, index));\n    ++index;\n  }\n  return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n  if (!Array.isArray(entry)) {\n    return [entry, entry as unknown as React.ReactNode];\n  }\n  return entry;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","invariant","getRandomID","isNonNullable","Radio","createPropsGetter","FocusTrap","CommonWrapper","cx","rootNode","getVisualStateDataAttributes","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","styles","Prevent","RadioGroupContext","RadioGroupDataTids","root","RadioGroup","_class","_RadioGroup","_React$Component","props","_this","call","name","getProps","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","setState","onValueChange","renderRadio","itemValue","data","index","_cx","itemProps","key","getKeyByItem","className","item","itemFirst","itemInline","inline","createElement","_extends","role","renderItem","toKey","undefined","ref","element","node","defaultValue","_inheritsLoose","_proto","prototype","render","_this2","_this$props","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","Consumer","flags","_cx2","featureFlags","rootNodeRef","setRootNode","removeBaselineSpacer","radioGroupRemoveBaselineSpacer","Provider","renderChildren","focus","radio","querySelector","_this$props2","items","children","mapItems","Component","__KONTUR_REACT_UI__","displayName","_value","fn","result","_iterator","_createForOfIteratorHelperLoose","_step","done","entry","_normalizeEntry","normalizeEntry","push","Array","isArray"],"sources":["RadioGroup.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport invariant from 'invariant';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { getVisualStateDataAttributes } from '../../internal/CommonWrapper/utils/getVisualStateDataAttributes';\nimport type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\n\nimport { styles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport type { RadioGroupContextType } from './RadioGroupContext';\nimport { RadioGroupContext } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string | number> extends CommonProps {\n  /** Задаёт значение по умолчанию. Должно быть одним из значений дочерних радиокнопок или значений из `items`. */\n  defaultValue?: T;\n\n  /** Задаёт значение группы радиокнопок. Должно быть одним из значений радиокнопок.\n   * Если не указано, то компонент будет работать как неконтролируемый. */\n  value?: T;\n\n  /** Задаёт массив параметров радиокнопок. Может быть типа `Array<Value>` или `Array<[Value, Data]>`,\n   * где тип `Value` — значение радиокнопки, а `Data` — значение которое будет использовано вторым параметром в `renderItem`.\n   * Тип `Array<Value>` будет приведен к типу `Array<[Value, Value]>`.\n   * Может быть использовано, если не передан `children`. */\n  items?: T[] | Array<[T, React.ReactNode]>;\n\n  /** Устанавливает атрибут `name` для дочерних радиокнопок. Если не указан, то сгенерируется случайное имя. */\n  name?: string;\n\n  /** Получает уникальный ключ по элементу.\n   * @param item - элемент, по которому нужно получить ключ. */\n  toKey?: (item: T) => string | number;\n\n  /** Блокирует все радиокнопки в группе. */\n  disabled?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «предупреждение». */\n  warning?: boolean;\n\n  /** Меняет визуальное отображение всех радиокнопок на состояние «ошибка». */\n  error?: boolean;\n\n  /** Размещает радиокнопки в строку. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  inline?: boolean;\n\n  /** Ширина радиогруппы. Работает только со значениями, переданными через `items`, не работает с `children`. */\n  width?: React.CSSProperties['width'];\n\n  /** Задаёт функцию, которая отображает контент радиокнопки. Работает только со значениями, переданными через `items`, не работает с `children`.\n   * @param {Value} itemValue - значение радиокнопки.\n   * @param {Data} data - значение для отрисовки радиокнопки. */\n  renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n\n  /** Задаёт функцию, которая вызывается при изменении `value`. */\n  onValueChange?: (value: T) => void;\n\n  /** Задаёт функцию, которая вызывается при потере радиогруппой фокуса. */\n  onBlur?: (event: FocusEvent) => void;\n\n  /** Задаёт функцию, которая вызывается при уходе мышки с объекта (событие `onmouseleave`). */\n  onMouseLeave?: () => any;\n\n  /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseover`). */\n  onMouseOver?: () => any;\n\n  /** Задаёт функцию, которая вызывается при наведении мышкой (событие `onmouseenter`). Смотрите разницу с `onMouseOver` в [документации](https://learn.javascript.ru/mousemove-mouseover-mouseout-mouseenter-mouseleave)  */\n  onMouseEnter?: () => any;\n}\n\nexport interface RadioGroupState<T> {\n  activeItem?: T;\n}\n\nexport const RadioGroupDataTids = {\n  root: 'RadioGroup__root',\n} as const;\n\ntype DefaultProps = Required<Pick<RadioGroupProps<unknown>, 'renderItem'>>;\n\n/** Группирует радиокнопки. Контейнер для компонента [Radio](https://tech.skbkontur.ru/kontur-ui/?path=/docs/react-ui_input-data-radio--docs). */\n@rootNode\nexport class RadioGroup<T> extends React.Component<RadioGroupProps<T>, RadioGroupState<T>> {\n  public static __KONTUR_REACT_UI__ = 'RadioGroup';\n  public static displayName = 'RadioGroup';\n\n  public static defaultProps: DefaultProps = {\n    renderItem,\n  };\n\n  public static Prevent = Prevent;\n\n  private node: Nullable<HTMLSpanElement>;\n  private name = getRandomID();\n  private getProps = createPropsGetter(RadioGroup.defaultProps);\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n  private featureFlags!: ReactUIFeatureFlags;\n\n  constructor(props: RadioGroupProps<T>) {\n    super(props);\n\n    this.state = {\n      activeItem: this.props.defaultValue,\n    };\n  }\n\n  private getRadioGroupContextValue = (): RadioGroupContextType<T> => {\n    return {\n      activeItem: this.getValue(),\n      onSelect: this.handleSelect,\n      name: this.getName(),\n      disabled: this.props.disabled,\n      error: this.props.error,\n      warning: this.props.warning,\n    };\n  };\n\n  public render() {\n    const {\n      width,\n      onMouseLeave,\n      onMouseOver,\n      onMouseEnter,\n      onBlur,\n      'aria-describedby': ariaDescribedby,\n      disabled,\n    } = this.props;\n    const style = {\n      width: width ?? 'auto',\n    };\n    const handlers = {\n      onMouseOver,\n      onMouseEnter,\n      onMouseLeave,\n    };\n\n    return (\n      <ReactUIFeatureFlagsContext.Consumer>\n        {(flags) => {\n          this.featureFlags = getFullReactUIFlagsContext(flags);\n          return (\n            <CommonWrapper\n              rootNodeRef={this.setRootNode}\n              {...this.props}\n              {...getVisualStateDataAttributes({ disabled })}\n            >\n              <FocusTrap onBlur={onBlur}>\n                <span\n                  data-tid={RadioGroupDataTids.root}\n                  ref={this.ref}\n                  style={style}\n                  className={cx({\n                    [styles.root()]: true,\n                    [styles.removeBaselineSpacer()]: this.featureFlags.radioGroupRemoveBaselineSpacer,\n                  })}\n                  role=\"radiogroup\"\n                  {...handlers}\n                  aria-describedby={ariaDescribedby}\n                >\n                  <RadioGroupContext.Provider value={this.getRadioGroupContextValue()}>\n                    {this.renderChildren()}\n                  </RadioGroupContext.Provider>\n                </span>\n              </FocusTrap>\n            </CommonWrapper>\n          );\n        }}\n      </ReactUIFeatureFlagsContext.Consumer>\n    );\n  }\n\n  /** Программно устанавливает фокус на радиокнопку. Появляется фокусная обводка, элемент получает клавиатурные события и воспринимается как текущий элемент для чтения скринридерами.\n   * @public\n   */\n  public focus() {\n    const node = this.node;\n    if (!node) {\n      return;\n    }\n\n    let radio = node.querySelector('input[type=\"radio\"]:checked') as Nullable<HTMLInputElement>;\n\n    // If no checked radios, try get first radio\n    if (!radio || radio.disabled) {\n      radio = node.querySelector('input[type=\"radio\"]:not([disabled])') as Nullable<HTMLInputElement>;\n    }\n\n    if (radio) {\n      radio.focus();\n    }\n  }\n\n  private getValue = () => (this.isControlled() ? this.props.value : this.state.activeItem);\n\n  private getName = () => this.props.name || this.name;\n\n  private isControlled = () => isNonNullable(this.props.value);\n\n  private handleSelect = (value: T) => {\n    if (!this.isControlled()) {\n      this.setState({ activeItem: value });\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n  };\n\n  private renderChildren() {\n    const { items, children } = this.props;\n    invariant((!items && children) || (items && !children), 'Either items or children must be passed, not both');\n    return items ? mapItems<T>(this.renderRadio, items) : children;\n  }\n\n  private renderRadio = (itemValue: T, data: React.ReactNode, index: number): JSX.Element => {\n    const itemProps = {\n      key: this.getKeyByItem(itemValue),\n      className: cx({\n        [styles.item()]: true,\n        [styles.itemFirst()]: index === 0,\n        [styles.itemInline()]: !!this.props.inline,\n      }),\n    };\n\n    return (\n      <span {...itemProps} role=\"presentation\">\n        <Radio value={itemValue}>{this.getProps().renderItem(itemValue, data)}</Radio>\n      </span>\n    );\n  };\n\n  private getKeyByItem = (itemValue: T) => {\n    if (this.props.toKey) {\n      return this.props.toKey(itemValue);\n    }\n    return typeof itemValue === 'string' || typeof itemValue === 'number' ? itemValue : undefined;\n  };\n\n  private ref = (element: HTMLSpanElement) => {\n    this.node = element;\n  };\n}\n\nfunction renderItem<T>(_value: T, data: React.ReactNode) {\n  return data;\n}\n\nfunction mapItems<T>(\n  fn: (value: T, data: React.ReactNode, index: number) => React.ReactNode,\n  items: T[] | Array<[T, React.ReactNode]>,\n) {\n  const result: React.ReactNode[] = [];\n  let index = 0;\n  for (const entry of items) {\n    const [value, data] = normalizeEntry<T>(entry);\n    result.push(fn(value, data, index));\n    ++index;\n  }\n  return result;\n}\n\nfunction normalizeEntry<T>(entry: T | [T, React.ReactNode]): [T, React.ReactNode] {\n  if (!Array.isArray(entry)) {\n    return [entry, entry as unknown as React.ReactNode];\n  }\n  return entry;\n}\n"],"mappings":"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","ignoreList":[]}

package/components/RadioGroup/RadioGroup.d.ts

@@ -59,14 +59,12 @@ export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, R
     static displayName: string;
     static defaultProps: DefaultProps;
     static Prevent: typeof Prevent;
-    private emotion;
-    private cx;
-    private styles;
     private node;
     private name;
     private getProps;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private featureFlags;
     constructor(props: RadioGroupProps<T>);
     private getRadioGroupContextValue;
     render(): React.JSX.Element;

package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js

@@ -1,20 +1,20 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { memoizeGetStyles } from "../../../lib/theming/Emotion";
-export var getStyles = memoizeGetStyles(function (_ref) {
-  var css = _ref.css;
-  return {
-    root: function root() {
-      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n      vertical-align: bottom;\n    "])));
-    },
-    item: function item() {
-      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
-    },
-    itemFirst: function itemFirst() {
-      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n    "])));
-    },
-    itemInline: function itemInline() {
-      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
-    }
-  };
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+export var styles = memoizeStyle({
+  root: function root() {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    "])));
+  },
+  removeBaselineSpacer: function removeBaselineSpacer() {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      vertical-align: bottom;\n    "])));
+  },
+  item: function item() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    "])));
+  },
+  itemFirst: function itemFirst() {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      margin-top: 0;\n    "])));
+  },
+  itemInline: function itemInline() {
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    "])));
+  }
 });

package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose","item","_templateObject2","itemFirst","_templateObject3","itemInline","_templateObject4"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n      vertical-align: bottom;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;;IAOZ,CAAC;;IAEDC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;;;IAKZ,CAAC;;IAEDG,SAAS,WAAAA,UAAA,EAAG;MACV,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;IAGZ,CAAC;;IAEDK,UAAU,WAAAA,WAAA,EAAG;MACX,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;;IAMZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["css","memoizeStyle","styles","root","_templateObject","_taggedTemplateLiteralLoose","removeBaselineSpacer","_templateObject2","item","_templateObject3","itemFirst","_templateObject4","itemInline","_templateObject5"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const styles = memoizeStyle({\n  root() {\n    return css`\n      display: inline-block;\n      user-select: none;\n      cursor: default;\n      line-height: normal;\n    `;\n  },\n\n  removeBaselineSpacer() {\n    return css`\n      vertical-align: bottom;\n    `;\n  },\n\n  item() {\n    return css`\n      display: table;\n      margin-top: 0;\n      width: 100%;\n    `;\n  },\n\n  itemFirst() {\n    return css`\n      margin-top: 0;\n    `;\n  },\n\n  itemInline() {\n    return css`\n      display: inline-table;\n      margin-right: 15px;\n      margin-top: 0;\n      width: auto;\n    `;\n  },\n});\n"],"mappings":"4LAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;AAE7D,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;EACjCE,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;EAMZ,CAAC;;EAEDC,oBAAoB,WAAAA,qBAAA,EAAG;IACrB,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;EAGZ,CAAC;;EAEDG,IAAI,WAAAA,KAAA,EAAG;IACL,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;EAKZ,CAAC;;EAEDK,SAAS,WAAAA,UAAA,EAAG;IACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;EAGZ,CAAC;;EAEDO,UAAU,WAAAA,WAAA,EAAG;IACX,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;;EAMZ;AACF,CAAC,CAAC","ignoreList":[]}

package/components/RadioGroup/RadioGroup.styles.d.ts

@@ -1,6 +1,7 @@
-export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
+export declare const styles: {
     root(): string;
+    removeBaselineSpacer(): string;
     item(): string;
     itemFirst(): string;
     itemInline(): string;
-}>;
+};

package/components/ResponsiveLayout/ResponsiveLayout/ResponsiveLayout.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useEffect","isFunction","CommonWrapper","useResponsiveLayout","ResponsiveLayout","props","_props$children","_props$children2","layoutFlags","customMediaQueries","onLayoutChange","createElement","children","__KONTUR_REACT_UI__","displayName"],"sources":["ResponsiveLayout.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { isFunction } from '../../lib/utils';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';\nimport { useResponsiveLayout } from './useResponsiveLayout';\n\ninterface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {\n  /** Задает функцию, которая вызывается при изменении лейаута. */\n  onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;\n\n  /** @ignore */\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);\n\n  /** Позволяет кастомизировать возвращаемые флаги. */\n  customMediaQueries?: T;\n}\n\n/**\n * Компонент `ResponsiveLayout` для определения текущего лэйаута.\n */\nexport function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(\n  props: ResponsiveLayoutProps<T>,\n): React.JSX.Element {\n  const layoutFlags = useResponsiveLayout<T>({ customMediaQueries: props.customMediaQueries });\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n}\n\nResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';\nResponsiveLayout.displayName = 'ResponsiveLayout';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;;AAExC,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;;;AAG5D,SAASC,mBAAmB,QAAQ,uBAAuB;;;;;;;;;;;;;AAa3D;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA;AAC9BC,KAA+B;AACZ,KAAAC,eAAA,EAAAC,gBAAA;EACnB,IAAMC,WAAW,GAAGL,mBAAmB,CAAI,EAAEM,kBAAkB,EAAEJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC;;EAE5FT,SAAS,CAAC,YAAM;IACd,IAAIK,KAAK,CAACK,cAAc,EAAE;MACxBL,KAAK,CAACK,cAAc,CAACF,WAAW,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;;EAEjB;IACET,KAAA,CAAAY,aAAA,CAACT,aAAa,EAAKG,KAAK;IACrBJ,UAAU,CAACI,KAAK,CAACO,QAAQ,CAAC,IAAAN,eAAA,GAAGD,KAAK,CAACO,QAAQ,CAACJ,WAAW,CAAC,YAAAF,eAAA,GAAI,IAAI,IAAAC,gBAAA,GAAGF,KAAK,CAACO,QAAQ,YAAAL,gBAAA,GAAI;IACzE,CAAC;;AAEpB;;AAEAH,gBAAgB,CAACS,mBAAmB,GAAG,kBAAkB;AACzDT,gBAAgB,CAACU,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["React","useEffect","isFunction","CommonWrapper","useResponsiveLayout","ResponsiveLayout","props","_props$children","_props$children2","layoutFlags","customMediaQueries","onLayoutChange","createElement","children","__KONTUR_REACT_UI__","displayName"],"sources":["ResponsiveLayout.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\n\nimport { isFunction } from '../../lib/utils';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\n\nimport type { EmptyObject, MediaQueriesType, ResponsiveLayoutFlags } from './types';\nimport { useResponsiveLayout } from './useResponsiveLayout';\n\ninterface ResponsiveLayoutProps<T extends MediaQueriesType = EmptyObject> {\n  /** Задает функцию, которая вызывается при изменении лейаута. */\n  onLayoutChange?: (layout: ResponsiveLayoutFlags<T>) => void;\n\n  /** @ignore */\n  children?: React.ReactNode | ((currentLayout: ResponsiveLayoutFlags<T>) => React.ReactNode);\n\n  /** Позволяет кастомизировать возвращаемые флаги. */\n  customMediaQueries?: T;\n}\n\n/**\n * Компонент `ResponsiveLayout` для определения текущего лэйаута.\n */\nexport function ResponsiveLayout<T extends MediaQueriesType = EmptyObject>(props: ResponsiveLayoutProps<T>) {\n  const layoutFlags = useResponsiveLayout<T>({ customMediaQueries: props.customMediaQueries });\n\n  useEffect(() => {\n    if (props.onLayoutChange) {\n      props.onLayoutChange(layoutFlags);\n    }\n  }, [layoutFlags]);\n\n  return (\n    <CommonWrapper {...props}>\n      {isFunction(props.children) ? props.children(layoutFlags) ?? null : props.children ?? null}\n    </CommonWrapper>\n  );\n}\n\nResponsiveLayout.__KONTUR_REACT_UI__ = 'ResponsiveLayout';\nResponsiveLayout.displayName = 'ResponsiveLayout';\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,QAAQ,OAAO;;AAExC,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,aAAa,QAAQ,8BAA8B;;;AAG5D,SAASC,mBAAmB,QAAQ,uBAAuB;;;;;;;;;;;;;AAa3D;AACA;AACA;AACA,OAAO,SAASC,gBAAgBA,CAA2CC,KAA+B,EAAE,KAAAC,eAAA,EAAAC,gBAAA;EAC1G,IAAMC,WAAW,GAAGL,mBAAmB,CAAI,EAAEM,kBAAkB,EAAEJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC;;EAE5FT,SAAS,CAAC,YAAM;IACd,IAAIK,KAAK,CAACK,cAAc,EAAE;MACxBL,KAAK,CAACK,cAAc,CAACF,WAAW,CAAC;IACnC;EACF,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;;EAEjB;IACET,KAAA,CAAAY,aAAA,CAACT,aAAa,EAAKG,KAAK;IACrBJ,UAAU,CAACI,KAAK,CAACO,QAAQ,CAAC,IAAAN,eAAA,GAAGD,KAAK,CAACO,QAAQ,CAACJ,WAAW,CAAC,YAAAF,eAAA,GAAI,IAAI,IAAAC,gBAAA,GAAGF,KAAK,CAACO,QAAQ,YAAAL,gBAAA,GAAI;IACzE,CAAC;;AAEpB;;AAEAH,gBAAgB,CAACS,mBAAmB,GAAG,kBAAkB;AACzDT,gBAAgB,CAACU,WAAW,GAAG,kBAAkB","ignoreList":[]}