@skbkontur/react-ui 0.0.0-bcbd5e6112 → 0.0.0-c13bb5f4ca

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

@@ -1,83 +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, _templateObject23, _templateObject24;
-import { memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+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 = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root(t) {
-      return emotion.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 emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall, emotion));
-    },
-    rootMedium: function rootMedium(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium, emotion));
-    },
-    rootLarge: function rootLarge(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge, emotion));
-    },
-    rootIE11: function rootIE11() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        display: inline-table;\n      "])));
-    },
-    rootChecked: function rootChecked(t) {
-      return emotion.css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n        &:hover .", " {\n          background: ", ";\n        }\n      "])), globalClasses.circle, t.radioCheckedHoverBgColor);
-    },
-    circle: function circle(t) {
-      return emotion.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 emotion.css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY, emotion));
-    },
-    circleMedium: function circleMedium(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY, emotion));
-    },
-    circleLarge: function circleLarge(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), circleSizeMixin(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY, emotion));
-    },
-    focus: function focus(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        &::after {\n          ", ";\n          ", ";\n        }\n      "])), afterOutlineMixin(t.radioOutlineWidth, emotion), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus, emotion));
-    },
-    warning: function warning(t) {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        &::after {\n          ", ";\n          ", ";\n        }\n      "])), afterOutlineMixin(t.radioOutlineWidth, emotion), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning, emotion));
-    },
-    error: function error(t) {
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        &::after {\n          ", ";\n          ", ";\n        }\n      "])), afterOutlineMixin(t.radioOutlineWidth, emotion), outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError, emotion));
-    },
-    checked: function checked(t) {
-      return emotion.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 emotion.css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioCheckedMixin(t.radioBulletSizeSmall, emotion));
-    },
-    checkedMedium: function checkedMedium(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioCheckedMixin(t.radioBulletSizeMedium, emotion));
-    },
-    checkedLarge: function checkedLarge(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioCheckedMixin(t.radioBulletSizeLarge, emotion));
-    },
-    checkedDisabled: function checkedDisabled(t) {
-      return emotion.css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteralLoose(["\n        &::before {\n          background: ", ";\n        }\n      "])), t.radioCheckedDisabledBulletBg);
-    },
-    input: function input() {
-      return emotion.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 emotion.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 emotion.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 emotion.css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteralLoose(["\n        display: table-cell;\n      "])));
-    },
-    captionDisabled: function captionDisabled(t) {
-      return emotion.css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteralLoose(["\n        color: ", ";\n      "])), t.textColorDisabled);
-    },
-    placeholder: function placeholder() {
-      return emotion.css(_templateObject24 || (_templateObject24 = _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":["memoizeStyle","prefix","afterOutlineMixin","circleSizeMixin","outlineColorMixin","radioCheckedMixin","radioSizeMixin","globalClasses","circle","getStyles","emotion","root","t","css","_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 type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { 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 getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root(t: Theme) {\n      return emotion.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 emotion.css`\n        ${radioSizeMixin(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall, emotion)};\n      `;\n    },\n    rootMedium(t: Theme) {\n      return emotion.css`\n        ${radioSizeMixin(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium, emotion)};\n      `;\n    },\n    rootLarge(t: Theme) {\n      return emotion.css`\n        ${radioSizeMixin(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge, emotion)};\n      `;\n    },\n\n    rootIE11() {\n      return emotion.css`\n        display: inline-table;\n      `;\n    },\n\n    rootChecked(t: Theme) {\n      return emotion.css`\n        &:hover .${globalClasses.circle} {\n          background: ${t.radioCheckedHoverBgColor};\n        }\n      `;\n    },\n\n    circle(t: Theme) {\n      return emotion.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 emotion.css`\n        ${circleSizeMixin(\n          t.labGrotesqueBaselineCompensation,\n          t.radioFontSizeSmall,\n          t.radioSizeSmall,\n          t.radioBorderWidthCompensation,\n          t.radioCircleOffsetY,\n          emotion,\n        )};\n      `;\n    },\n    circleMedium(t: Theme) {\n      return emotion.css`\n        ${circleSizeMixin(\n          t.labGrotesqueBaselineCompensation,\n          t.radioFontSizeMedium,\n          t.radioSizeMedium,\n          t.radioBorderWidthCompensation,\n          t.radioCircleOffsetY,\n          emotion,\n        )};\n      `;\n    },\n    circleLarge(t: Theme) {\n      return emotion.css`\n        ${circleSizeMixin(\n          t.labGrotesqueBaselineCompensation,\n          t.radioFontSizeLarge,\n          t.radioSizeLarge,\n          t.radioBorderWidthCompensation,\n          t.radioCircleOffsetY,\n          emotion,\n        )};\n      `;\n    },\n\n    focus(t: Theme) {\n      return emotion.css`\n        &::after {\n          ${afterOutlineMixin(t.radioOutlineWidth, emotion)};\n          ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorFocus, emotion)};\n        }\n      `;\n    },\n\n    warning(t: Theme) {\n      return emotion.css`\n        &::after {\n          ${afterOutlineMixin(t.radioOutlineWidth, emotion)};\n          ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorWarning, emotion)};\n        }\n      `;\n    },\n\n    error(t: Theme) {\n      return emotion.css`\n        &::after {\n          ${afterOutlineMixin(t.radioOutlineWidth, emotion)};\n          ${outlineColorMixin(t.radioFocusShadow, t.radioBorderColorError, emotion)};\n        }\n      `;\n    },\n\n    checked(t: Theme) {\n      return emotion.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 emotion.css`\n        ${radioCheckedMixin(t.radioBulletSizeSmall, emotion)};\n      `;\n    },\n    checkedMedium(t: Theme) {\n      return emotion.css`\n        ${radioCheckedMixin(t.radioBulletSizeMedium, emotion)};\n      `;\n    },\n    checkedLarge(t: Theme) {\n      return emotion.css`\n        ${radioCheckedMixin(t.radioBulletSizeLarge, emotion)};\n      `;\n    },\n\n    checkedDisabled(t: Theme) {\n      return emotion.css`\n        &::before {\n          background: ${t.radioCheckedDisabledBulletBg};\n        }\n      `;\n    },\n\n    input() {\n      return emotion.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 emotion.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 emotion.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 emotion.css`\n        display: table-cell;\n      `;\n    },\n\n    captionDisabled(t: Theme) {\n      return emotion.css`\n        color: ${t.textColorDisabled};\n      `;\n    },\n\n    placeholder() {\n      return emotion.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

@@ -1,9 +1,8 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
 import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     circle: 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/RadioGroup/RadioGroup/RadioGroup.js

@@ -4,16 +4,16 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _RadioGroup;
 import React from 'react';
 import invariant from 'invariant';
-import { RenderEnvironmentContext } from "../../../lib/theming/RenderEnvironmentContext";
 import { getRandomID, isNonNullable } from "../../../lib/utils";
 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 { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext";
-import { getStyles } from "../RadioGroup.styles";
+import { styles } from "../RadioGroup.styles";
 import { Prevent } from "../Prevent";
 import { RadioGroupContext } from "../RadioGroupContext";
 export var RadioGroupDataTids = {
@@ -64,10 +64,10 @@ export var RadioGroup = rootNode(_class = (_RadioGroup = /*#__PURE__*/function (
       }
     };
     _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, {
@@ -113,30 +113,25 @@ export var RadioGroup = rootNode(_class = (_RadioGroup = /*#__PURE__*/function (
       onMouseLeave: onMouseLeave
     };
     return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
+      var _cx2;
       _this2.featureFlags = getFullReactUIFlagsContext(flags);
-      return /*#__PURE__*/React.createElement(RenderEnvironmentContext.Consumer, null, function (_ref) {
-        var _this2$cx;
-        var emotion = _ref.emotion;
-        _this2.cx = emotion.cx;
-        _this2.styles = getStyles(emotion);
-        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: _this2.cx((_this2$cx = {}, _this2$cx[_this2.styles.root()] = true, _this2$cx[_this2.styles.removeBaselineSpacer()] = _this2.featureFlags.radioGroupRemoveBaselineSpacer, _this2$cx)),
-          role: "radiogroup"
-        }, handlers, {
-          "aria-describedby": ariaDescribedby
-        }), /*#__PURE__*/React.createElement(RadioGroupContext.Provider, {
-          value: _this2.getRadioGroupContextValue()
-        }, _this2.renderChildren()))));
-      });
+      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

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

@@ -1 +1 @@
-{"version":3,"names":["React","invariant","RenderEnvironmentContext","getRandomID","isNonNullable","Radio","createPropsGetter","FocusTrap","CommonWrapper","rootNode","getVisualStateDataAttributes","getFullReactUIFlagsContext","ReactUIFeatureFlagsContext","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","_this2","_this$props","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","Consumer","flags","featureFlags","_ref","_this2$cx","emotion","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';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { RenderEnvironmentContext } from '../../lib/theming/RenderEnvironmentContext';\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 type { ReactUIFeatureFlags } from '../../lib/featureFlagsContext';\nimport { getFullReactUIFlagsContext, ReactUIFeatureFlagsContext } from '../../lib/featureFlagsContext';\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  /** Задает ширину радиогруппы. Не работает с `children`. */\n  width?: React.CSSProperties['width'];\n\n  /** Задает функцию, которая отображает контент радиокнопки. Не работает с `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/**\n * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.\n *\n * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.\n * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.\n *\n * Значения активного элемента сравниваются по строгому равенству `===`.\n */\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 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  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            <RenderEnvironmentContext.Consumer>\n              {({ emotion }) => {\n                this.cx = emotion.cx;\n                this.styles = getStyles(emotion);\n\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={this.cx({\n                          [this.styles.root()]: true,\n                          [this.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            </RenderEnvironmentContext.Consumer>\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: 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  /** Задает ширину радиогруппы. Не работает с `children`. */\n  width?: React.CSSProperties['width'];\n\n  /** Задает функцию, которая отображает контент радиокнопки. Не работает с `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/**\n * Группа радиокнопок `RadioGroup` используется для выбора одного значения из нескольких, когда вариантов выбора немного — 2–5.\n *\n * `children` может содержать любую разметку с компонентами Radio, если не передан параметр `items`.\n * Каждому компоненту Radio нужно указать параметр `value`, такого же типа, как и параметр `value` самой радиогруппы.\n *\n * Значения активного элемента сравниваются по строгому равенству `===`.\n */\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

@@ -66,8 +66,6 @@ export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, R
     static displayName: string;
     static defaultProps: DefaultProps;
     static Prevent: typeof Prevent;
-    private cx;
-    private styles;
     private node;
     private name;
     private getProps;

package/components/RadioGroup/RadioGroup.md

@@ -0,0 +1,44 @@
+### Базовый пример
+```jsx harmony
+import { Gapped, Radio } from '@skbkontur/react-ui';
+
+let items = ['One', 'Two', 'Three', 'Four'];
+
+let simpleRadioGroup = (
+  <div>
+    <h2>Numbers</h2>
+    <RadioGroup name="number-simple" items={items} defaultValue="One" />
+  </div>
+);
+
+let complexRadioGroup = (
+  <div>
+    <h2>Numbers</h2>
+    <RadioGroup name="number-complex" defaultValue="3">
+      <Gapped gap={40}>
+        <Gapped vertical gap={0}>
+          <b>Odd</b>
+          <Radio value="1">One</Radio>
+          <Radio value="3">Three</Radio>
+          <Radio value="5" disabled>
+            Five
+          </Radio>
+          <Radio value="7">Seven</Radio>
+        </Gapped>
+        <Gapped vertical gap={0}>
+          <b>Even</b>
+          <Radio value="2">Two</Radio>
+          <Radio value="4">Four</Radio>
+          <Radio value="6">Six</Radio>
+          <Radio value="8">Eight</Radio>
+        </Gapped>
+      </Gapped>
+    </RadioGroup>
+  </div>
+);
+
+<div>
+  {simpleRadioGroup}
+  {complexRadioGroup}
+</div>;
+```

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

@@ -1,22 +1,20 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { memoizeStyle } from "../../../lib/theming/Emotion";
-export var getStyles = function getStyles(emotion) {
-  return memoizeStyle({
-    root: function root() {
-      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        display: inline-block;\n        user-select: none;\n        cursor: default;\n        line-height: normal;\n      "])));
-    },
-    removeBaselineSpacer: function removeBaselineSpacer() {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        vertical-align: bottom;\n      "])));
-    },
-    item: function item() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        display: table;\n        margin-top: 0;\n        width: 100%;\n      "])));
-    },
-    itemFirst: function itemFirst() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        margin-top: 0;\n      "])));
-    },
-    itemInline: function itemInline() {
-      return emotion.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n        display: inline-table;\n        margin-right: 15px;\n        margin-top: 0;\n        width: auto;\n      "])));
-    }
-  });
-};
+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":["memoizeStyle","getStyles","emotion","root","css","_templateObject","_taggedTemplateLiteralLoose","removeBaselineSpacer","_templateObject2","item","_templateObject3","itemFirst","_templateObject4","itemInline","_templateObject5"],"sources":["RadioGroup.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeStyle } from '../../lib/theming/Emotion';\n\nexport const getStyles = (emotion: Emotion) =>\n  memoizeStyle({\n    root() {\n      return emotion.css`\n        display: inline-block;\n        user-select: none;\n        cursor: default;\n        line-height: normal;\n      `;\n    },\n\n    removeBaselineSpacer() {\n      return emotion.css`\n        vertical-align: bottom;\n      `;\n    },\n\n    item() {\n      return emotion.css`\n        display: table;\n        margin-top: 0;\n        width: 100%;\n      `;\n    },\n\n    itemFirst() {\n      return emotion.css`\n        margin-top: 0;\n      `;\n    },\n\n    itemInline() {\n      return emotion.css`\n        display: inline-table;\n        margin-right: 15px;\n        margin-top: 0;\n        width: auto;\n      `;\n    },\n  });\n"],"mappings":";;AAEA,SAASA,YAAY,QAAQ,2BAA2B;;AAExD,OAAO,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,OAAgB;IACxCF,YAAY,CAAC;MACXG,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOD,OAAO,CAACE,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;;;MAMpB,CAAC;;MAEDC,oBAAoB,WAAAA,qBAAA,EAAG;QACrB,OAAOL,OAAO,CAACE,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;MAGpB,CAAC;;MAEDG,IAAI,WAAAA,KAAA,EAAG;QACL,OAAOP,OAAO,CAACE,GAAG,CAAAM,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;;;MAKpB,CAAC;;MAEDK,SAAS,WAAAA,UAAA,EAAG;QACV,OAAOT,OAAO,CAACE,GAAG,CAAAQ,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;MAGpB,CAAC;;MAEDO,UAAU,WAAAA,WAAA,EAAG;QACX,OAAOX,OAAO,CAACE,GAAG,CAAAU,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;;MAMpB;IACF,CAAC,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,5 +1,4 @@
-import type { Emotion } from '@emotion/css/types/create-instance';
-export declare const getStyles: (emotion: Emotion) => {
+export declare const styles: {
     root(): string;
     removeBaselineSpacer(): string;
     item(): string;