npm - @skbkontur/react-ui - Versions diffs - 0.0.0-95a1dbe516 → 0.0.0-9cd4422b72 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1181) hide show

package/components/Radio/Radio.styles/Radio.styles.js CHANGED Viewed

@@ -2,84 +2,82 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 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(emotion)(t.radioFontSizeSmall, t.radioLineHeightSmall, t.radioPaddingYSmall, t.radioSizeSmall));
-    },
-    rootMedium: function rootMedium(t) {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioSizeMixin(emotion)(t.radioFontSizeMedium, t.radioLineHeightMedium, t.radioPaddingYMedium, t.radioSizeMedium));
-    },
-    rootLarge: function rootLarge(t) {
-      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioSizeMixin(emotion)(t.radioFontSizeLarge, t.radioLineHeightLarge, t.radioPaddingYLarge, t.radioSizeLarge));
-    },
-    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(emotion)(t.labGrotesqueBaselineCompensation, t.radioFontSizeSmall, t.radioSizeSmall, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
-    },
-    circleMedium: function circleMedium(t) {
-      return emotion.css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), circleSizeMixin(emotion)(t.labGrotesqueBaselineCompensation, t.radioFontSizeMedium, t.radioSizeMedium, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
-    },
-    circleLarge: function circleLarge(t) {
-      return emotion.css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), circleSizeMixin(emotion)(t.labGrotesqueBaselineCompensation, t.radioFontSizeLarge, t.radioSizeLarge, t.radioBorderWidthCompensation, t.radioCircleOffsetY));
-    },
-    focus: function focus(t) {
-      return emotion.css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteralLoose(["\n        &::after {\n          ", ";\n          ", ";\n        }\n      "])), afterOutlineMixin(emotion)(t.radioOutlineWidth), outlineColorMixin(emotion)(t.radioFocusShadow, t.radioBorderColorFocus));
-    },
-    warning: function warning(t) {
-      return emotion.css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteralLoose(["\n        &::after {\n          ", ";\n          ", ";\n        }\n      "])), afterOutlineMixin(emotion)(t.radioOutlineWidth), outlineColorMixin(emotion)(t.radioFocusShadow, t.radioBorderColorWarning));
-    },
-    error: function error(t) {
-      return emotion.css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n        &::after {\n          ", ";\n          ", ";\n        }\n      "])), afterOutlineMixin(emotion)(t.radioOutlineWidth), outlineColorMixin(emotion)(t.radioFocusShadow, t.radioBorderColorError));
-    },
-    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(emotion)(t.radioBulletSizeSmall));
-    },
-    checkedMedium: function checkedMedium(t) {
-      return emotion.css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioCheckedMixin(emotion)(t.radioBulletSizeMedium));
-    },
-    checkedLarge: function checkedLarge(t) {
-      return emotion.css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteralLoose(["\n        ", ";\n      "])), radioCheckedMixin(emotion)(t.radioBulletSizeLarge));
-    },
-    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 CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["Radio.styles.ts"],"names":["memoizeStyle","prefix","afterOutlineMixin","circleSizeMixin","outlineColorMixin","radioCheckedMixin","radioSizeMixin","globalClasses","circle","getStyles","emotion","root","t","css","transitionDuration","transitionTimingFunction","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","rootSmall","radioFontSizeSmall","radioLineHeightSmall","radioPaddingYSmall","radioSizeSmall","rootMedium","radioFontSizeMedium","radioLineHeightMedium","radioPaddingYMedium","radioSizeMedium","rootLarge","radioFontSizeLarge","radioLineHeightLarge","radioPaddingYLarge","radioSizeLarge","rootIE11","rootChecked","radioCheckedHoverBgColor","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","circleSmall","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","circleMedium","circleLarge","focus","radioOutlineWidth","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","checkedSmall","radioBulletSizeSmall","checkedMedium","radioBulletSizeMedium","checkedLarge","radioBulletSizeLarge","checkedDisabled","radioCheckedDisabledBulletBg","input","disabled","radioDisabledBg","radioDisabledShadow","caption","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionIE11","captionDisabled","textColorDisabled","placeholder"],"mappings":"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","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { 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(emotion)(\n t.radioFontSizeSmall,\n t.radioLineHeightSmall,\n t.radioPaddingYSmall,\n t.radioSizeSmall,\n )};\n `;\n },\n rootMedium(t: Theme) {\n return emotion.css`\n ${radioSizeMixin(emotion)(\n t.radioFontSizeMedium,\n t.radioLineHeightMedium,\n t.radioPaddingYMedium,\n t.radioSizeMedium,\n )};\n `;\n },\n rootLarge(t: Theme) {\n return emotion.css`\n ${radioSizeMixin(emotion)(\n t.radioFontSizeLarge,\n t.radioLineHeightLarge,\n t.radioPaddingYLarge,\n t.radioSizeLarge,\n )};\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(emotion)(\n t.labGrotesqueBaselineCompensation,\n t.radioFontSizeSmall,\n t.radioSizeSmall,\n t.radioBorderWidthCompensation,\n t.radioCircleOffsetY,\n )};\n `;\n },\n circleMedium(t: Theme) {\n return emotion.css`\n ${circleSizeMixin(emotion)(\n t.labGrotesqueBaselineCompensation,\n t.radioFontSizeMedium,\n t.radioSizeMedium,\n t.radioBorderWidthCompensation,\n t.radioCircleOffsetY,\n )};\n `;\n },\n circleLarge(t: Theme) {\n return emotion.css`\n ${circleSizeMixin(emotion)(\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 emotion.css`\n &::after {\n ${afterOutlineMixin(emotion)(t.radioOutlineWidth)};\n ${outlineColorMixin(emotion)(t.radioFocusShadow, t.radioBorderColorFocus)};\n }\n `;\n },\n\n warning(t: Theme) {\n return emotion.css`\n &::after {\n ${afterOutlineMixin(emotion)(t.radioOutlineWidth)};\n ${outlineColorMixin(emotion)(t.radioFocusShadow, t.radioBorderColorWarning)};\n }\n `;\n },\n\n error(t: Theme) {\n return emotion.css`\n &::after {\n ${afterOutlineMixin(emotion)(t.radioOutlineWidth)};\n ${outlineColorMixin(emotion)(t.radioFocusShadow, t.radioBorderColorError)};\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(emotion)(t.radioBulletSizeSmall)};\n `;\n },\n checkedMedium(t: Theme) {\n return emotion.css`\n ${radioCheckedMixin(emotion)(t.radioBulletSizeMedium)};\n `;\n },\n checkedLarge(t: Theme) {\n return emotion.css`\n ${radioCheckedMixin(emotion)(t.radioBulletSizeLarge)};\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"]}
1	+ {"version":3,"sources":["Radio.styles.ts"],"names":["css","memoizeStyle","prefix","afterOutlineMixin","circleSizeMixin","outlineColorMixin","radioCheckedMixin","radioSizeMixin","globalClasses","circle","styles","root","t","transitionDuration","transitionTimingFunction","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","rootSmall","radioFontSizeSmall","radioLineHeightSmall","radioPaddingYSmall","radioSizeSmall","rootMedium","radioFontSizeMedium","radioLineHeightMedium","radioPaddingYMedium","radioSizeMedium","rootLarge","radioFontSizeLarge","radioLineHeightLarge","radioPaddingYLarge","radioSizeLarge","rootIE11","rootChecked","radioCheckedHoverBgColor","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","circleSmall","labGrotesqueBaselineCompensation","radioBorderWidthCompensation","radioCircleOffsetY","circleMedium","circleLarge","focus","radioOutlineWidth","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioCheckedBulletColor","checkedSmall","radioBulletSizeSmall","checkedMedium","radioBulletSizeMedium","checkedLarge","radioBulletSizeLarge","checkedDisabled","radioCheckedDisabledBulletBg","input","disabled","radioDisabledBg","radioDisabledShadow","caption","radioCaptionDisplay","radioCaptionGap","radioTextColor","captionIE11","captionDisabled","textColorDisabled","placeholder"],"mappings":"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","sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { 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"]}

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

@@ -1,9 +1,8 @@
-import type { Emotion } from '@emotion/css/create-instance';
 import { 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 CHANGED Viewed

@@ -10,11 +10,11 @@ import { getRandomID, isNonNullable } from "../../../lib/utils";
 import { Radio } from "../../Radio";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { FocusTrap } from "../../../internal/FocusTrap";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
-import { ThemeConsumer } from "../../../lib/theming/ThemeContext";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { getStyles } from "../RadioGroup.styles";
+import { styles } from "../RadioGroup.styles";
 import { Prevent } from "../Prevent";
 import { RadioGroupContext } from "../RadioGroupContext";
 export var RadioGroupDataTids = {
@@ -76,12 +76,11 @@ var RadioGroup = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Re
     };
     _this.renderRadio = function (itemValue, data, index) {
-      var _this$emotion$cx;
+      var _cx;
-      var styles = getStyles(_this.emotion);
       var itemProps = {
         key: _this.getKeyByItem(itemValue),
-        className: _this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.item(_this.theme)] = true, _this$emotion$cx[styles.itemFirst()] = index === 0, _this$emotion$cx[styles.itemInline()] = !!_this.props.inline, _this$emotion$cx))
+        className: cx((_cx = {}, _cx[styles.item(_this.theme)] = true, _cx[styles.itemFirst()] = index === 0, _cx[styles.itemInline()] = !!_this.props.inline, _cx))
       };
       return /*#__PURE__*/React.createElement("span", _extends({}, itemProps, {
         role: "presentation"
@@ -113,12 +112,9 @@ var RadioGroup = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Re
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
@@ -138,7 +134,6 @@ var RadioGroup = rootNode(_class = (_temp = _class2 = /*#__PURE__*/function (_Re
       onMouseEnter: onMouseEnter,
       onMouseLeave: onMouseLeave
     };
-    var styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
       rootNodeRef: this.setRootNode
     }, this.props), /*#__PURE__*/React.createElement(FocusTrap, {

package/components/RadioGroup/RadioGroup/RadioGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["RadioGroup.tsx"],"names":["React","invariant","getRandomID","isNonNullable","Radio","createPropsGetter","FocusTrap","CommonWrapper","rootNode","ThemeConsumer","EmotionConsumer","getStyles","Prevent","RadioGroupContext","RadioGroupDataTids","root","RadioGroup","props","name","getProps","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","setState","onValueChange","renderRadio","itemValue","data","index","styles","emotion","itemProps","key","getKeyByItem","className","cx","item","theme","itemFirst","itemInline","inline","renderItem","toKey","undefined","ref","element","node","defaultValue","render","renderMain","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","setRootNode","renderChildren","focus","radio","querySelector","items","children","mapItems","Component","__KONTUR_REACT_UI__","displayName","_value","fn","result","entry","normalizeEntry","push","Array","isArray"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport invariant from 'invariant';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { ThemeConsumer } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { getStyles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport { RadioGroupContext, RadioGroupContextType } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string \| number> extends CommonProps {\n /*\n Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок\n * или значений из параметра `items`\n /\n defaultValue?: T;\n /\n Значение радиогруппы. Должно быть одним из значений радиокнопок.\n * Если не указано, то компонент будет работать, как неконтролируемый\n /\n value?: T;\n /\n Может быть использовано, если не передан параметр `children`\n \n Массив параметров радиокнопок. Может быть типа `Array<Value>` или\n * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`\n * — значение которое будет использовано вторым параметром в `renderItem`.\n * Если тип `items: Array<Value>`, то он будет приведен к типу\n * `Array<[Value, Value]>`\n /\n items?: T[] \| Array<[T, React.ReactNode]>;\n /\n Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется\n * случайное имя\n /\n name?: string;\n\n /\n Метод получения уникального ключа по элементу\n * @param item\n /\n toKey?: (item: T) => string \| number;\n /\n Дизейблит все радиокнопки\n /\n disabled?: boolean;\n /\n Переводит все радиокнопки в состояние валидации: предупреждение.\n /\n warning?: boolean;\n /\n Переводит все радиокнопки в состояние валидации: ошибка.\n /\n error?: boolean;\n /\n Выравнивает элементы в строку. Не работает с `children`\n /\n inline?: boolean;\n /\n Ширина радиогруппы. Не работает с `children`\n /\n width?: React.CSSProperties['width'];\n /\n Метод отрисовки контента радиокнопки. Не работает с `children`.\n \n Принимает два аргумента: `(value: Value, data: Data) => React.Node`\n /\n renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n /\n Атрибут для указания id элемента(-ов), описывающих его\n /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n /* Вызывается при изменении `value` /\n onValueChange?: (value: T) => void;\n onBlur?: (event: FocusEvent) => void;\n onMouseLeave?: () => any;\n onMouseOver?: () => any;\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 \n * `children` может содержать любую разметку с компонентами Radio,\n * если не передан параметр `items`.\n * Каждому компоненту Radio нужно указать параметр `value`, такого же типа\n * как и параметр `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 theme!: Theme;\n private emotion!: Emotion;\n\n private node: Nullable<HTMLSpanElement>;\n private name = getRandomID();\n private getProps = createPropsGetter(RadioGroup.defaultProps);\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() {\n return (\n <EmotionConsumer>\n {(emotion) => {\n this.emotion = emotion;\n return (\n <ThemeConsumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeConsumer>\n );\n }}\n </EmotionConsumer>\n );\n }\n\n public renderMain() {\n const { width, onMouseLeave, onMouseOver, onMouseEnter, onBlur, 'aria-describedby': ariaDescribedby } = this.props;\n const style = {\n width: width ?? 'auto',\n };\n const handlers = {\n onMouseOver,\n onMouseEnter,\n onMouseLeave,\n };\n const styles = getStyles(this.emotion);\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <FocusTrap onBlur={onBlur}>\n <span\n data-tid={RadioGroupDataTids.root}\n ref={this.ref}\n style={style}\n className={styles.root()}\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() {\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 styles = getStyles(this.emotion);\n const itemProps = {\n key: this.getKeyByItem(itemValue),\n className: this.emotion.cx({\n [styles.item(this.theme)]: 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];\n }\n return entry;\n}\n"]}
1	+ {"version":3,"sources":["RadioGroup.tsx"],"names":["React","invariant","getRandomID","isNonNullable","Radio","createPropsGetter","FocusTrap","ThemeContext","CommonWrapper","cx","rootNode","styles","Prevent","RadioGroupContext","RadioGroupDataTids","root","RadioGroup","props","name","getProps","defaultProps","getRadioGroupContextValue","activeItem","getValue","onSelect","handleSelect","getName","disabled","error","warning","isControlled","value","state","setState","onValueChange","renderRadio","itemValue","data","index","itemProps","key","getKeyByItem","className","item","theme","itemFirst","itemInline","inline","renderItem","toKey","undefined","ref","element","node","defaultValue","render","renderMain","width","onMouseLeave","onMouseOver","onMouseEnter","onBlur","ariaDescribedby","style","handlers","setRootNode","renderChildren","focus","radio","querySelector","items","children","mapItems","Component","__KONTUR_REACT_UI__","displayName","_value","fn","result","entry","normalizeEntry","push","Array","isArray"],"mappings":"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","sourcesContent":["import React, { AriaAttributes } from 'react';\nimport invariant from 'invariant';\n\nimport { getRandomID, isNonNullable } from '../../lib/utils';\nimport { Radio } from '../Radio';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { Nullable } from '../../typings/utility-types';\nimport { FocusTrap } from '../../internal/FocusTrap';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\n\nimport { styles } from './RadioGroup.styles';\nimport { Prevent } from './Prevent';\nimport { RadioGroupContext, RadioGroupContextType } from './RadioGroupContext';\n\nexport interface RadioGroupProps<T = string \| number> extends CommonProps {\n /*\n Значение по умолчанию. Должно быть одним из значений дочерних радиокнопок\n * или значений из параметра `items`\n /\n defaultValue?: T;\n /\n Значение радиогруппы. Должно быть одним из значений радиокнопок.\n * Если не указано, то компонент будет работать, как неконтролируемый\n /\n value?: T;\n /\n Может быть использовано, если не передан параметр `children`\n \n Массив параметров радиокнопок. Может быть типа `Array<Value>` или\n * `Array<[Value, Data]>`, где тип `Value` — значение радиокнопки, а `Data`\n * — значение которое будет использовано вторым параметром в `renderItem`.\n * Если тип `items: Array<Value>`, то он будет приведен к типу\n * `Array<[Value, Value]>`\n /\n items?: T[] \| Array<[T, React.ReactNode]>;\n /\n Аттрибут name для вложенных радиокнопок. Если не указан, то сгенерируется\n * случайное имя\n /\n name?: string;\n\n /\n Метод получения уникального ключа по элементу\n * @param item\n /\n toKey?: (item: T) => string \| number;\n /\n Дизейблит все радиокнопки\n /\n disabled?: boolean;\n /\n Переводит все радиокнопки в состояние валидации: предупреждение.\n /\n warning?: boolean;\n /\n Переводит все радиокнопки в состояние валидации: ошибка.\n /\n error?: boolean;\n /\n Выравнивает элементы в строку. Не работает с `children`\n /\n inline?: boolean;\n /\n Ширина радиогруппы. Не работает с `children`\n /\n width?: React.CSSProperties['width'];\n /\n Метод отрисовки контента радиокнопки. Не работает с `children`.\n \n Принимает два аргумента: `(value: Value, data: Data) => React.Node`\n /\n renderItem?: (itemValue: T, data: React.ReactNode) => React.ReactNode;\n /\n Атрибут для указания id элемента(-ов), описывающих его\n /\n 'aria-describedby'?: AriaAttributes['aria-describedby'];\n /* Вызывается при изменении `value` /\n onValueChange?: (value: T) => void;\n onBlur?: (event: FocusEvent) => void;\n onMouseLeave?: () => any;\n onMouseOver?: () => any;\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 \n * `children` может содержать любую разметку с компонентами Radio,\n * если не передан параметр `items`.\n * Каждому компоненту Radio нужно указать параметр `value`, такого же типа\n * как и параметр `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 theme!: Theme;\n\n private node: Nullable<HTMLSpanElement>;\n private name = getRandomID();\n private getProps = createPropsGetter(RadioGroup.defaultProps);\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() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public renderMain() {\n const { width, onMouseLeave, onMouseOver, onMouseEnter, onBlur, 'aria-describedby': ariaDescribedby } = this.props;\n const style = {\n width: width ?? 'auto',\n };\n const handlers = {\n onMouseOver,\n onMouseEnter,\n onMouseLeave,\n };\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <FocusTrap onBlur={onBlur}>\n <span\n data-tid={RadioGroupDataTids.root}\n ref={this.ref}\n style={style}\n className={styles.root()}\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() {\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(this.theme)]: 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];\n }\n return entry;\n}\n"]}

package/components/RadioGroup/RadioGroup.d.ts CHANGED Viewed

@@ -91,7 +91,6 @@ export declare class RadioGroup<T> extends React.Component<RadioGroupProps<T>, R
     static defaultProps: DefaultProps;
     static Prevent: typeof Prevent;
     private theme;
-    private emotion;
     private node;
     private name;
     private getProps;

package/components/RadioGroup/RadioGroup.styles/RadioGroup.styles.js CHANGED Viewed

@@ -2,20 +2,18 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-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      "])));
-    },
-    item: function item(t) {
-      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        display: table;\n        margin-top: ", ";\n        width: 100%;\n      "])), t.radioGroupLegacyItemGap);
-    },
-    itemFirst: function itemFirst() {
-      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        margin-top: 0;\n      "])));
-    },
-    itemInline: function itemInline() {
-      return emotion.css(_templateObject4 || (_templateObject4 = _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    "])));
+  },
+  item: function item(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      display: table;\n      margin-top: ", ";\n      width: 100%;\n    "])), t.radioGroupLegacyItemGap);
+  },
+  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    "])));
+  }
+});

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["RadioGroup.styles.ts"],"names":["~~memoizeStyle~~","~~getStyles~~","~~emotion~~","root","~~css","~~item","t","radioGroupLegacyItemGap","itemFirst","itemInline"],"mappings":"~~;;AAEA~~,SAASA,~~YAAT~~,~~QAA6B~~,~~2BAA7B~~;;;AAGA,OAAO,IAAMC,~~SAAS~~,~~GAAG~~,~~SAAZA,SAAY,CAACC,OAAD;AACvBF,IAAAA,~~YAAY,CAAC;~~AACXG~~,~~MAAAA~~,~~IADW~~,~~kBACJ~~;AACL,~~eAAOD~~,~~OAAO,CAACE,GAAf~~;;;;;;AAMD,~~OARU~~;;~~AAUXC~~,~~MAAAA~~,~~IAVW~~,~~gBAUNC~~,~~CAVM~~,~~EAUI~~;AACb,~~eAAOJ~~,~~OAAO,CAACE,GAAf~~;;~~AAEgBE~~,~~QAAAA~~,CAAC,CAACC,uBAFlB;;;AAKD,~~OAhBU~~;;~~AAkBXC~~,~~MAAAA~~,~~SAlBW~~,~~uBAkBC~~;AACV,~~eAAON~~,~~OAAO,CAACE,GAAf~~;;;AAGD,~~OAtBU~~;;~~AAwBXK~~,~~MAAAA~~,~~UAxBW~~,~~wBAwBE~~;AACX,~~eAAOP~~,~~OAAO,CAACE,GAAf~~;;;;;;AAMD,OA/BU,EAAD,~~CADW,GAAlB~~","sourcesContent":["import ~~type~~ { ~~Emotion } from '@emotion/~~css~~/create-instance';\n\nimport~~ { memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const ~~getStyles~~ = ~~(emotion: Emotion) =>\n~~ memoizeStyle({\n root() {\n return ~~emotion.~~css`\n display: inline-block;\n user-select: none;\n cursor: default;\n line-height: normal;\n `;\n },\n\n item(t: Theme) {\n return ~~emotion.~~css`\n display: table;\n margin-top: ${t.radioGroupLegacyItemGap};\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"]}
1	+ {"version":3,"sources":["RadioGroup.styles.ts"],"names":["css","memoizeStyle","styles","root","item","t","radioGroupLegacyItemGap","itemFirst","itemInline"],"mappings":"0KAAA,SAASA,GAAT,EAAcC,YAAd,QAAkC,2BAAlC;;;AAGA,OAAO,IAAMC,MAAM,GAAGD,YAAY,CAAC;AACjCE,EAAAA,IADiC,kBAC1B;AACL,WAAOH,GAAP;;;;;;AAMD,GARgC;;AAUjCI,EAAAA,IAViC,gBAU5BC,CAV4B,EAUlB;AACb,WAAOL,GAAP;;AAEgBK,IAAAA,CAAC,CAACC,uBAFlB;;;AAKD,GAhBgC;;AAkBjCC,EAAAA,SAlBiC,uBAkBrB;AACV,WAAOP,GAAP;;;AAGD,GAtBgC;;AAwBjCQ,EAAAA,UAxBiC,wBAwBpB;AACX,WAAOR,GAAP;;;;;;AAMD,GA/BgC,EAAD,CAA3B","sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\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 item(t: Theme) {\n return css`\n display: table;\n margin-top: ${t.radioGroupLegacyItemGap};\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"]}

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

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

package/components/ScrollContainer/ScrollBar/ScrollBar.js CHANGED Viewed

@@ -3,11 +3,11 @@ import _createClass from "@babel/runtime/helpers/esm/createClass";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
 import { globalObject } from '@skbkontur/global-object';
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { cx } from "../../../lib/theming/Emotion";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
-import { EmotionConsumer } from "../../../lib/theming/Emotion";
-import { ThemeConsumer } from "../../../lib/theming/ThemeContext";
 import { defaultScrollbarState, scrollSizeParametersNames } from "../ScrollContainer.constants";
-import { getStyles, globalClasses } from "../ScrollContainer.styles";
+import { styles, globalClasses } from "../ScrollContainer.styles";
 import { getScrollSizeParams } from "../ScrollContainer.helpers";
 export var ScrollBar = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(ScrollBar, _React$Component);
@@ -24,7 +24,7 @@ export var ScrollBar = /*#__PURE__*/function (_React$Component) {
     _this.state = _extends({}, defaultScrollbarState);
     _this.renderMain = function () {
-      var _this$emotion$cx, _inlineStyles;
+      var _cx, _inlineStyles;
       var state = _this.state;
       var props = _this.props;
@@ -36,10 +36,7 @@ export var ScrollBar = /*#__PURE__*/function (_React$Component) {
       var _scrollSizeParameters = scrollSizeParametersNames[_this.props.axis],
           customScrollPos = _scrollSizeParameters.customScrollPos,
           customScrollSize = _scrollSizeParameters.customScrollSize;
-      var styles = getStyles(_this.emotion);
-      var classNames = _this.emotion.cx(props.className, styles.scrollBar(_this.theme), _this.scrollBarStyles, (_this$emotion$cx = {}, _this$emotion$cx[styles.scrollBarInvert(_this.theme)] = props.invert, _this$emotion$cx[styles.visibleScrollBar()] = props.isVisible, _this$emotion$cx));
+      var classNames = cx(props.className, styles.scrollBar(_this.theme), _this.scrollBarStyles, (_cx = {}, _cx[styles.scrollBarInvert(_this.theme)] = props.invert, _cx[styles.visibleScrollBar()] = props.isVisible, _cx));
       var inlineStyles = (_inlineStyles = {}, _inlineStyles[customScrollPos] = state.pos + "%", _inlineStyles[customScrollSize] = state.size + "%", _inlineStyles);
       return /*#__PURE__*/React.createElement("div", {
         ref: _this.containerRef,
@@ -227,12 +224,9 @@ export var ScrollBar = /*#__PURE__*/function (_React$Component) {
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
-      _this2.emotion = emotion;
-      return /*#__PURE__*/React.createElement(ThemeConsumer, null, function (theme) {
-        _this2.theme = theme;
-        return _this2.renderMain();
-      });
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return _this2.renderMain();
     });
   };
@@ -256,30 +250,28 @@ export var ScrollBar = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "scrollBarStyles",
     get: function get() {
-      var _this$emotion$cx3;
+      var _cx3;
       var state = this.state;
-      var styles = getStyles(this.emotion);
       if (this.props.axis === 'x') {
-        var _this$emotion$cx2;
+        var _cx2;
-        return this.emotion.cx(styles.scrollBarX(this.theme), globalClasses.scrollbarX, (_this$emotion$cx2 = {}, _this$emotion$cx2[styles.scrollBarXHover(this.theme)] = state.hover || state.scrollingByMouseDrag, _this$emotion$cx2));
+        return cx(styles.scrollBarX(this.theme), globalClasses.scrollbarX, (_cx2 = {}, _cx2[styles.scrollBarXHover(this.theme)] = state.hover || state.scrollingByMouseDrag, _cx2));
       }
-      return this.emotion.cx(styles.scrollBarY(this.theme), globalClasses.scrollbarY, (_this$emotion$cx3 = {}, _this$emotion$cx3[styles.scrollBarYHover(this.theme)] = state.hover || state.scrollingByMouseDrag, _this$emotion$cx3));
+      return cx(styles.scrollBarY(this.theme), globalClasses.scrollbarY, (_cx3 = {}, _cx3[styles.scrollBarYHover(this.theme)] = state.hover || state.scrollingByMouseDrag, _cx3));
     }
   }, {
     key: "scrollBarContainerClassNames",
     get: function get() {
       var axis = this.props.axis;
-      var styles = getStyles(this.emotion);
       if (axis === 'x') {
-        return this.emotion.cx(globalClasses.scrollbarContainerX, styles.scrollBarContainerX(this.theme));
+        return cx(globalClasses.scrollbarContainerX, styles.scrollBarContainerX(this.theme));
       }
-      return this.emotion.cx(globalClasses.scrollbarContainerY, styles.scrollBarContainerY());
+      return cx(globalClasses.scrollbarContainerY, styles.scrollBarContainerY());
     }
   }]);