@skbkontur/react-ui 0.0.0-e55f22da73 → 0.0.0-ea6161656e

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

@@ -1,14 +1,31 @@
-export declare const jsStyles: {
-    root(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    after(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    radio(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    checked(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+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) => {
+    root(t: Theme): string;
+    rootSmall(t: Theme): string;
+    rootMedium(t: Theme): string;
+    rootLarge(t: Theme): string;
+    rootIE11(): string;
+    rootChecked(t: Theme): string;
+    circle(t: Theme): string;
+    circleSmall(t: Theme): string;
+    circleMedium(t: Theme): string;
+    circleLarge(t: Theme): string;
+    focus(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    checked(t: Theme): string;
+    checkedSmall(t: Theme): string;
+    checkedMedium(t: Theme): string;
+    checkedLarge(t: Theme): string;
+    checkedDisabled(t: Theme): string;
     input(): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    label(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    labelDisabled(): string;
+    disabled(t: Theme): string;
+    caption(t: Theme): string;
+    captionIE11(): string;
+    captionDisabled(t: Theme): string;
     placeholder(): string;
 };

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

@@ -1,168 +1,256 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.jsStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");function _templateObject12() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n    "]);_templateObject12 = function _templateObject12() {return data;};return data;}function _templateObject11() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      color: #a0a0a0;\n    "]);_templateObject11 = function _templateObject11() {return data;};return data;}function _templateObject10() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: ", ";\n      line-height: ", ";\n      margin-left: ", ";\n      white-space: normal;\n      font-size: ", ";\n    "]);_templateObject10 = function _templateObject10() {return data;};return data;}function _templateObject9() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background: ", " !important;\n      border-color: transparent !important;\n      box-shadow: ", " !important;\n    "]);_templateObject9 = function _templateObject9() {return data;};return data;}function _templateObject8() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      display: inline-block;\n      height: 0;\n      opacity: 0;\n      position: absolute;\n      width: 0;\n      z-index: -1;\n    "]);_templateObject8 = function _templateObject8() {return data;};return data;}function _templateObject7() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      position: relative;\n      background-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        height: ", ";\n        width: ", ";\n        border-radius: 50%;\n        background: ", " !important;\n      }\n\n      ", "&::before {\n        background: ", " !important;\n      }\n    "]);_templateObject7 = function _templateObject7() {return data;};return data;}function _templateObject6() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      height: ", ";\n      width: ", ";\n      position: relative;\n      vertical-align: ", ";\n      margin: ", " ", ";\n\n      ", ":hover &:not(", ") {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      ", ":hover &", ":not(", ") {\n        background: ", ";\n      }\n      ", ":active & {\n        background: ", ";\n        box-shadow: ", ";\n      }\n      ", ":focus + &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n      &::after {\n        content: ' ';\n        display: inline-block;\n      }\n    "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      content: ' ';\n      position: absolute;\n      left: -", ";\n      top: -", ";\n      width: ", ";\n      height: ", ";\n      border-width: ", ";\n      border-style: solid;\n      border-radius: 50%;\n      box-sizing: border-box;\n    "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: inline-block;\n    "]);_templateObject = function _templateObject() {return data;};return data;}
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.globalClasses = exports.getStyles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));
 
+var _Emotion = require("../../lib/theming/Emotion");
 
-var styles = {
-  root: function root(t) {
-    return (0, _Emotion.css)(_templateObject(),
 
+var _Radio = require("./Radio.mixins");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;
 
 
-    t.radioPaddingY,
-    t.radioPaddingY);
 
 
-  },
 
-  after: function after(t) {
-    return (0, _Emotion.css)(_templateObject2(),
 
 
-    t.radioOutlineWidth,
-    t.radioOutlineWidth,
-    t.radioSizeAfter,
-    t.radioSizeAfter,
-    t.radioOutlineWidth);
+var globalClasses = (0, _Emotion.prefix)('radio')({
+  circle: 'circle' });exports.globalClasses = globalClasses;
 
 
+var getStyles = function getStyles(emotion) {return (
+    (0, _Emotion.memoizeStyle)({
+      root: function root(t) {
+        return emotion.css(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\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      "])),
 
 
-  },
 
-  radio: function radio(t) {
-    var radioSize = "calc(" + t.radioSize + " - 2 * " + t.radioBorderWidthCompensation + ")";
-    var radioMarginY = "calc(" + t.radioMarginY + " + " + t.radioBorderWidthCompensation + ")";
-    var radioMarginX = t.radioBorderWidthCompensation;
-    return (0, _Emotion.css)(_templateObject3(),
-    t.radioBgImage,
 
-    t.radioBorder,
-    t.radioBoxShadow,
 
 
-    radioSize,
-    radioSize,
+        globalClasses.circle,
+        t.transitionDuration, t.transitionTimingFunction,
 
-    t.radioVerticalAlign,
-    radioMarginY, radioMarginX,
 
-    (0, _Emotion.cssName)(styles.root(t)), (0, _Emotion.cssName)(styles.disabled(t)),
-    t.radioHoverBg,
-    t.radioHoverShadow,
+        globalClasses.circle,
+        t.radioHoverBg,
+        t.radioHoverShadow,
 
-    (0, _Emotion.cssName)(styles.root(t)), (0, _Emotion.cssName)(styles.checked(t)), (0, _Emotion.cssName)(styles.disabled(t)),
-    t.radioCheckedHoverBgColor,
+        globalClasses.circle,
+        t.radioActiveBg,
+        t.radioActiveShadow);
 
-    (0, _Emotion.cssName)(styles.root(t)),
-    t.radioActiveBg,
-    t.radioActiveShadow,
 
-    (0, _Emotion.cssName)(styles.input()),
-    styles.after(t),
-    t.radioFocusShadow,
-    t.radioBorderColorFocus);
 
 
 
 
 
 
-  },
 
-  focus: function focus(t) {
-    return (0, _Emotion.css)(_templateObject4(),
 
-    styles.after(t),
-    t.radioFocusShadow,
-    t.radioBorderColorFocus);
 
+      },
+      rootSmall: function rootSmall(t) {
+        return emotion.css(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Radio.radioSizeMixin)(emotion)(
+        t.radioFontSizeSmall,
+        t.radioLineHeightSmall,
+        t.radioPaddingYSmall,
+        t.radioSizeSmall));
 
-  },
 
-  warning: function warning(t) {
-    return (0, _Emotion.css)(_templateObject5(),
+      },
+      rootMedium: function rootMedium(t) {
+        return emotion.css(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Radio.radioSizeMixin)(emotion)(
+        t.radioFontSizeMedium,
+        t.radioLineHeightMedium,
+        t.radioPaddingYMedium,
+        t.radioSizeMedium));
 
-    styles.after(t),
-    t.radioFocusShadow,
-    t.radioBorderColorWarning);
 
+      },
+      rootLarge: function rootLarge(t) {
+        return emotion.css(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Radio.radioSizeMixin)(emotion)(
+        t.radioFontSizeLarge,
+        t.radioLineHeightLarge,
+        t.radioPaddingYLarge,
+        t.radioSizeLarge));
 
-  },
 
-  error: function error(t) {
-    return (0, _Emotion.css)(_templateObject6(),
+      },
 
-    styles.after(t),
-    t.radioFocusShadow,
-    t.radioBorderColorError);
+      rootIE11: function rootIE11() {
+        return emotion.css(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-table;\n      "])));
 
 
-  },
+      },
 
-  checked: function checked(t) {
-    return (0, _Emotion.css)(_templateObject7(),
+      rootChecked: function rootChecked(t) {
+        return emotion.css(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &:hover .", " {\n          background: ", ";\n        }\n      "])),
+        globalClasses.circle,
+        t.radioCheckedHoverBgColor);
 
-    t.radioCheckedBgColor,
 
+      },
 
+      circle: function circle(t) {
+        return emotion.css(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Radio.circleSizeMixin)(emotion)(
+        t.labGrotesqueBaselineCompensation,
+        t.radioFontSizeSmall,
+        t.radioSizeSmall,
+        t.radioBorderWidthCompensation,
+        t.radioCircleOffsetY));
 
-    t.radioBulletSize,
-    t.radioBulletSize,
 
-    t.radioCheckedBulletColor,
+      },
+      circleMedium: function circleMedium(t) {
+        return emotion.css(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Radio.circleSizeMixin)(emotion)(
+        t.labGrotesqueBaselineCompensation,
+        t.radioFontSizeMedium,
+        t.radioSizeMedium,
+        t.radioBorderWidthCompensation,
+        t.radioCircleOffsetY));
 
 
-    (0, _Emotion.cssName)(styles.disabled(t)),
-    t.gray);
+      },
+      circleLarge: function circleLarge(t) {
+        return emotion.css(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Radio.circleSizeMixin)(emotion)(
+        t.labGrotesqueBaselineCompensation,
+        t.radioFontSizeLarge,
+        t.radioSizeLarge,
+        t.radioBorderWidthCompensation,
+        t.radioCircleOffsetY));
 
 
-  },
+      },
 
-  input: function input() {
-    return (0, _Emotion.css)(_templateObject8());
+      focus: function focus(t) {
+        return emotion.css(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &::after {\n          ", ";\n          ", ";\n        }\n      "])),
 
+        (0, _Radio.afterOutlineMixin)(emotion)(t.radioOutlineWidth),
+        (0, _Radio.outlineColorMixin)(emotion)(t.radioFocusShadow, t.radioBorderColorFocus));
 
 
+      },
 
+      warning: function warning(t) {
+        return emotion.css(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &::after {\n          ", ";\n          ", ";\n        }\n      "])),
 
+        (0, _Radio.afterOutlineMixin)(emotion)(t.radioOutlineWidth),
+        (0, _Radio.outlineColorMixin)(emotion)(t.radioFocusShadow, t.radioBorderColorWarning));
 
 
-  },
+      },
 
-  disabled: function disabled(t) {
-    return (0, _Emotion.css)(_templateObject9(),
-    t.bgDisabled,
+      error: function error(t) {
+        return emotion.css(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &::after {\n          ", ";\n          ", ";\n        }\n      "])),
 
-    t.radioDisabledShadow);
+        (0, _Radio.afterOutlineMixin)(emotion)(t.radioOutlineWidth),
+        (0, _Radio.outlineColorMixin)(emotion)(t.radioFocusShadow, t.radioBorderColorError));
 
-  },
 
-  label: function label(t) {
-    return (0, _Emotion.css)(_templateObject10(),
-    t.radioLabelDisplay,
-    t.radioLineHeight,
-    t.radioLabelGap,
+      },
 
-    t.radioFontSize);
+      checked: function checked(t) {
+        return emotion.css(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteralLoose2.default)(["\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,
 
-  },
 
-  labelDisabled: function labelDisabled() {
-    return (0, _Emotion.css)(_templateObject11());
 
 
-  },
 
-  placeholder: function placeholder() {
-    return (0, _Emotion.css)(_templateObject12());
 
 
-  } };
 
 
-var jsStyles = (0, _Emotion.memoizeStyle)(styles);exports.jsStyles = jsStyles;
+
+        t.radioCheckedBulletColor);
+
+
+      },
+      checkedSmall: function checkedSmall(t) {
+        return emotion.css(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Radio.radioCheckedMixin)(emotion)(t.radioBulletSizeSmall));
+
+      },
+      checkedMedium: function checkedMedium(t) {
+        return emotion.css(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Radio.radioCheckedMixin)(emotion)(t.radioBulletSizeMedium));
+
+      },
+      checkedLarge: function checkedLarge(t) {
+        return emotion.css(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteralLoose2.default)(["\n        ", ";\n      "])),
+        (0, _Radio.radioCheckedMixin)(emotion)(t.radioBulletSizeLarge));
+
+      },
+
+      checkedDisabled: function checkedDisabled(t) {
+        return emotion.css(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteralLoose2.default)(["\n        &::before {\n          background: ", ";\n        }\n      "])),
+
+        t.radioCheckedDisabledBulletBg);
+
+
+      },
+
+      input: function input() {
+        return emotion.css(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\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 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: table-cell;\n      "])));
+
+
+      },
+
+      captionDisabled: function captionDisabled(t) {
+        return emotion.css(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteralLoose2.default)(["\n        color: ", ";\n      "])),
+        t.textColorDisabled);
+
+      },
+
+      placeholder: function placeholder() {
+        return emotion.css(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteralLoose2.default)(["\n        display: inline-block;\n      "])));
+
+
+      } }));};exports.getStyles = getStyles;

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

@@ -1 +1 @@
-{"version":3,"sources":["Radio.styles.ts"],"names":["styles","root","t","css","radioPaddingY","after","radioOutlineWidth","radioSizeAfter","radio","radioSize","radioBorderWidthCompensation","radioMarginY","radioMarginX","radioBgImage","radioBorder","radioBoxShadow","radioVerticalAlign","disabled","radioHoverBg","radioHoverShadow","checked","radioCheckedHoverBgColor","radioActiveBg","radioActiveShadow","input","radioFocusShadow","radioBorderColorFocus","focus","warning","radioBorderColorWarning","error","radioBorderColorError","radioCheckedBgColor","radioBulletSize","radioCheckedBulletColor","gray","bgDisabled","radioDisabledShadow","label","radioLabelDisplay","radioLineHeight","radioLabelGap","radioFontSize","labelDisabled","placeholder","jsStyles"],"mappings":"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","sourcesContent":["import { css, cssName, memoizeStyle } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nconst styles = {\r\n  root(t: Theme) {\r\n    return css`\r\n      cursor: pointer;\r\n      position: relative;\r\n      white-space: nowrap;\r\n      padding-top: ${t.radioPaddingY};\r\n      padding-bottom: ${t.radioPaddingY};\r\n      display: inline-block;\r\n    `;\r\n  },\r\n\r\n  after(t: Theme) {\r\n    return css`\r\n      content: ' ';\r\n      position: absolute;\r\n      left: -${t.radioOutlineWidth};\r\n      top: -${t.radioOutlineWidth};\r\n      width: ${t.radioSizeAfter};\r\n      height: ${t.radioSizeAfter};\r\n      border-width: ${t.radioOutlineWidth};\r\n      border-style: solid;\r\n      border-radius: 50%;\r\n      box-sizing: border-box;\r\n    `;\r\n  },\r\n\r\n  radio(t: Theme) {\r\n    const radioSize = `calc(${t.radioSize} - 2 * ${t.radioBorderWidthCompensation})`;\r\n    const radioMarginY = `calc(${t.radioMarginY} + ${t.radioBorderWidthCompensation})`;\r\n    const radioMarginX = t.radioBorderWidthCompensation;\r\n    return css`\r\n      background-image: ${t.radioBgImage};\r\n      border-radius: 50%;\r\n      border: ${t.radioBorder};\r\n      box-shadow: ${t.radioBoxShadow};\r\n      box-sizing: border-box;\r\n      display: inline-block;\r\n      height: ${radioSize};\r\n      width: ${radioSize};\r\n      position: relative;\r\n      vertical-align: ${t.radioVerticalAlign};\r\n      margin: ${radioMarginY} ${radioMarginX};\r\n\r\n      ${cssName(styles.root(t))}:hover &:not(${cssName(styles.disabled(t))}) {\r\n        background: ${t.radioHoverBg};\r\n        box-shadow: ${t.radioHoverShadow};\r\n      }\r\n      ${cssName(styles.root(t))}:hover &${cssName(styles.checked(t))}:not(${cssName(styles.disabled(t))}) {\r\n        background: ${t.radioCheckedHoverBgColor};\r\n      }\r\n      ${cssName(styles.root(t))}:active & {\r\n        background: ${t.radioActiveBg};\r\n        box-shadow: ${t.radioActiveShadow};\r\n      }\r\n      ${cssName(styles.input())}:focus + &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorFocus};\r\n      }\r\n      &::after {\r\n        content: ' ';\r\n        display: inline-block;\r\n      }\r\n    `;\r\n  },\r\n\r\n  focus(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorFocus};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorWarning};\r\n      }\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after(t)};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.radioBorderColorError};\r\n      }\r\n    `;\r\n  },\r\n\r\n  checked(t: Theme) {\r\n    return css`\r\n      position: relative;\r\n      background-color: ${t.radioCheckedBgColor};\r\n\r\n      &::before {\r\n        content: ' ';\r\n        position: absolute;\r\n        top: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        left: 0;\r\n        margin: auto;\r\n        height: ${t.radioBulletSize};\r\n        width: ${t.radioBulletSize};\r\n        border-radius: 50%;\r\n        background: ${t.radioCheckedBulletColor} !important;\r\n      }\r\n\r\n      ${cssName(styles.disabled(t))}&::before {\r\n        background: ${t.gray} !important;\r\n      }\r\n    `;\r\n  },\r\n\r\n  input() {\r\n    return css`\r\n      display: inline-block;\r\n      height: 0;\r\n      opacity: 0;\r\n      position: absolute;\r\n      width: 0;\r\n      z-index: -1;\r\n    `;\r\n  },\r\n\r\n  disabled(t: Theme) {\r\n    return css`\r\n      background: ${t.bgDisabled} !important;\r\n      border-color: transparent !important;\r\n      box-shadow: ${t.radioDisabledShadow} !important;\r\n    `;\r\n  },\r\n\r\n  label(t: Theme) {\r\n    return css`\r\n      display: ${t.radioLabelDisplay};\r\n      line-height: ${t.radioLineHeight};\r\n      margin-left: ${t.radioLabelGap};\r\n      white-space: normal;\r\n      font-size: ${t.radioFontSize};\r\n    `;\r\n  },\r\n\r\n  labelDisabled() {\r\n    return css`\r\n      color: #a0a0a0;\r\n    `;\r\n  },\r\n\r\n  placeholder() {\r\n    return css`\r\n      display: inline-block;\r\n    `;\r\n  },\r\n};\r\n\r\nexport const jsStyles = memoizeStyle(styles);\r\n"]}
+{"version":3,"sources":["Radio.styles.ts"],"names":["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"]}

package/cjs/components/Radio/index.js

@@ -1 +1 @@
-"use strict";exports.__esModule = true;var _Radio = require("./Radio");Object.keys(_Radio).forEach(function (key) {if (key === "default" || key === "__esModule") return;exports[key] = _Radio[key];});
+"use strict";exports.__esModule = true;var _Radio = require("./Radio");Object.keys(_Radio).forEach(function (key) {if (key === "default" || key === "__esModule") return;if (key in exports && exports[key] === _Radio[key]) return;exports[key] = _Radio[key];});

package/cjs/components/Radio/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Radio';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './Radio';\n"]}

package/cjs/components/RadioGroup/Prevent.js

@@ -1,4 +1,4 @@
-"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.Prevent = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));var
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;exports.__esModule = true;exports.Prevent = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));var
 
 
 
@@ -12,4 +12,4 @@ Prevent = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)
     _prevent = function (event) {
       event.stopPropagation();
       event.preventDefault();
-    };return _this;}var _proto = Prevent.prototype;_proto.render = function render() {return _react.default.createElement("span", { onClick: this._prevent }, this.props.children);};return Prevent;}(_react.default.Component);exports.Prevent = Prevent;
+    };return _this;}var _proto = Prevent.prototype;_proto.render = function render() {return /*#__PURE__*/_react.default.createElement("span", { onClick: this._prevent }, this.props.children);};return Prevent;}(_react.default.Component);exports.Prevent = Prevent;

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

@@ -1 +1 @@
-{"version":3,"sources":["Prevent.tsx"],"names":["Prevent","_prevent","event","stopPropagation","preventDefault","render","props","children","React","Component"],"mappings":"mPAAA,sD;;;;;;AAMaA,O;;;;;AAKHC,IAAAA,Q,GAAW,UAACC,KAAD,EAA8C;AAC/DA,MAAAA,KAAK,CAACC,eAAN;AACAD,MAAAA,KAAK,CAACE,cAAN;AACD,K,qDAPMC,M,GAAP,kBAAgB,CACd,OAAO,uCAAM,OAAO,EAAE,KAAKJ,QAApB,IAA+B,KAAKK,KAAL,CAAWC,QAA1C,CAAP,CACD,C,kBAH0BC,eAAMC,S","sourcesContent":["import React from 'react';\r\n\r\nexport interface PreventProps {\r\n  children?: React.ReactNode;\r\n}\r\n\r\nexport class Prevent extends React.Component<PreventProps> {\r\n  public render() {\r\n    return <span onClick={this._prevent}>{this.props.children}</span>;\r\n  }\r\n\r\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["Prevent.tsx"],"names":["Prevent","_prevent","event","stopPropagation","preventDefault","render","props","children","React","Component"],"mappings":"2PAAA,sD;;;;;;AAMaA,O;;;;;AAKHC,IAAAA,Q,GAAW,UAACC,KAAD,EAA8C;AAC/DA,MAAAA,KAAK,CAACC,eAAN;AACAD,MAAAA,KAAK,CAACE,cAAN;AACD,K,qDAPMC,M,GAAP,kBAAgB,CACd,oBAAO,uCAAM,OAAO,EAAE,KAAKJ,QAApB,IAA+B,KAAKK,KAAL,CAAWC,QAA1C,CAAP,CACD,C,kBAH0BC,eAAMC,S","sourcesContent":["import React from 'react';\n\nexport interface PreventProps {\n  children?: React.ReactNode;\n}\n\nexport class Prevent extends React.Component<PreventProps> {\n  public render() {\n    return <span onClick={this._prevent}>{this.props.children}</span>;\n  }\n\n  private _prevent = (event: React.MouseEvent<HTMLSpanElement>) => {\n    event.stopPropagation();\n    event.preventDefault();\n  };\n}\n"]}