@skbkontur/react-ui 0.0.0-aaf2aabecb → 0.0.0-bb4cbfe9c6

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

@@ -1,162 +1,67 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 
-function _templateObject12() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "]);
-
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject11() {
-  var data = _taggedTemplateLiteralLoose(["\n      color: #a0a0a0;\n    "]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = _taggedTemplateLiteralLoose(["\n      display: ", ";\n      line-height: 20px;\n      margin-left: 9px;\n      white-space: normal;\n    "]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = _taggedTemplateLiteralLoose(["\n      background: ", " !important;\n      border-color: transparent !important;\n      box-shadow: ", " !important;\n    "]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = _taggedTemplateLiteralLoose(["\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 = _taggedTemplateLiteralLoose(["\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: 8px;\n        width: 8px;\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 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = _taggedTemplateLiteralLoose(["\n      background-image: ", ";\n      border-radius: 50%;\n      border: ", ";\n      box-shadow: ", ";\n      box-sizing: border-box;\n      display: inline-block;\n      height: ", ";\n      margin-bottom: 2px;\n      margin-top: 2px;\n      position: relative;\n      vertical-align: ", ";\n      width: ", ";\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 = _taggedTemplateLiteralLoose(["\n      content: ' ';\n      position: absolute;\n      left: -2px;\n      top: -2px;\n      width: 20px;\n      height: 20px;\n      border-width: 2px;\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 = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n    "]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-import { css, cssName, memoizeStyle } from "..\\..\\..\\lib\\theming\\Emotion";
-var styles = {
-  root: function root() {
-    return css(_templateObject());
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
+
+import { css, memoizeStyle, prefix } from "../../../lib/theming/Emotion";
+import { isChrome } from "../../../lib/client";
+export var globalClasses = prefix('radio')({
+  circle: 'circle'
+});
+var mixins = {
+  afterOutline: function afterOutline(t) {
+    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\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    "])), t.radioOutlineWidth, t.radioOutlineWidth, t.radioSizeAfter, t.radioSizeAfter, t.radioOutlineWidth);
+  }
+};
+export var styles = memoizeStyle({
+  root: function root(t) {
+    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: inline-flex;\n      align-items: baseline;\n      line-height: ", ";\n      font-size: ", ";\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        width: ", ";\n        flex: 0 0 auto;\n      }\n    "], ["\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: inline-flex;\n      align-items: baseline;\n      line-height: ", ";\n      font-size: ", ";\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        width: ", ";\n        flex: 0 0 auto;\n      }\n    "])), t.radioPaddingY, t.radioPaddingY, t.radioLineHeight, t.radioFontSize, globalClasses.circle, t.radioHoverBg, t.radioHoverShadow, globalClasses.circle, t.radioActiveBg, t.radioActiveShadow, t.radioSize);
+  },
+  rootIE11: function rootIE11() {
+    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      display: inline-table;\n    "])));
   },
-  after: function after() {
-    return css(_templateObject2());
+  rootChecked: function rootChecked(t) {
+    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      &:hover .", " {\n        background: ", ";\n      }\n    "])), globalClasses.circle, t.radioCheckedHoverBgColor);
   },
-  radio: function radio(t) {
-    return css(_templateObject3(), t.radioBgImage, t.radioBorder, t.radioBoxShadow, t.radioSize, t.radioVerticalAlign, t.radioSize, cssName(styles.root()), cssName(styles.disabled(t)), t.radioHoverBg, t.radioHoverShadow, cssName(styles.root()), cssName(styles.checked(t)), cssName(styles.disabled(t)), t.radioCheckedHoverBgColor, cssName(styles.root()), t.radioActiveBg, t.radioActiveShadow, cssName(styles.input()), styles.after(), t.radioFocusShadow, t.borderColorFocus);
+  circle: function circle(t) {
+    var labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);
+    var fontSize = parseInt(t.checkboxFontSize);
+    var baselineCompensation = fontSize < 16 && !isChrome ? labGrotesqueCompenstation : fontSize === 16 && isChrome ? -labGrotesqueCompenstation : 0;
+    var circleSize = "calc(" + t.radioSize + " - 2 * " + t.radioBorderWidthCompensation + ")";
+    var circleOffsetY = "calc(" + t.radioCircleOffsetY + " + " + t.radioBorderWidthCompensation + " + " + baselineCompensation + "px)";
+    var circleMarginX = t.radioBorderWidthCompensation;
+    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\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: absolute;\n      left: 0;\n      margin: ", " ", " 0;\n      background-color: ", ";\n    "])), t.radioBgImage, t.radioBorder, t.radioBoxShadow, circleSize, circleSize, circleOffsetY, circleMarginX, t.radioBgColor);
   },
   focus: function focus(t) {
-    return css(_templateObject4(), styles.after(), t.radioFocusShadow, t.borderColorFocus);
+    return css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), mixins.afterOutline(t), t.radioFocusShadow, t.radioBorderColorFocus);
   },
   warning: function warning(t) {
-    return css(_templateObject5(), styles.after(), t.radioFocusShadow, t.borderColorWarning);
+    return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), mixins.afterOutline(t), t.radioFocusShadow, t.radioBorderColorWarning);
   },
   error: function error(t) {
-    return css(_templateObject6(), styles.after(), t.radioFocusShadow, t.borderColorError);
+    return css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteralLoose(["\n      &::after {\n        ", ";\n        box-shadow: ", ";\n        border-color: ", ";\n      }\n    "])), mixins.afterOutline(t), t.radioFocusShadow, t.radioBorderColorError);
   },
   checked: function checked(t) {
-    return css(_templateObject7(), t.radioCheckedBgColor, t.radioCheckedBulletColor, cssName(styles.disabled(t)), t.gray);
+    return css(_templateObject9 || (_templateObject9 = _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        height: ", ";\n        width: ", ";\n        border-radius: 50%;\n        background: ", ";\n      }\n    "])), t.radioCheckedBgColor, t.radioCheckedBorderColor, t.radioBulletSize, t.radioBulletSize, t.radioCheckedBulletColor);
+  },
+  checkedDisabled: function checkedDisabled(t) {
+    return css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteralLoose(["\n      &::before {\n        background: ", ";\n      }\n    "])), t.gray);
   },
   input: function input() {
-    return css(_templateObject8());
+    return css(_templateObject11 || (_templateObject11 = _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(_templateObject9(), t.bgDisabled, t.radioDisabledShadow);
+    return css(_templateObject12 || (_templateObject12 = _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);
   },
-  label: function label(t) {
-    return css(_templateObject10(), t.radioLabelDisplay);
+  caption: function caption(t) {
+    return css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteralLoose(["\n      display: ", ";\n      padding-left: ", ";\n      white-space: normal;\n      color: ", ";\n    "])), t.radioCaptionDisplay, t.radioCaptionGap, t.radioTextColor);
   },
-  labelDisabled: function labelDisabled() {
-    return css(_templateObject11());
+  captionIE11: function captionIE11() {
+    return css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteralLoose(["\n      display: table-cell;\n    "])));
+  },
+  captionDisabled: function captionDisabled(t) {
+    return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteralLoose(["\n      color: ", ";\n    "])), t.textColorDisabled);
   },
   placeholder: function placeholder() {
-    return css(_templateObject12());
+    return css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n    "])));
   }
-};
-export var jsStyles = memoizeStyle(styles);
+});

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

@@ -1 +1 @@
-{"version":3,"sources":["Radio.styles.ts"],"names":["css","cssName","memoizeStyle","styles","root","after","radio","t","radioBgImage","radioBorder","radioBoxShadow","radioSize","radioVerticalAlign","disabled","radioHoverBg","radioHoverShadow","checked","radioCheckedHoverBgColor","radioActiveBg","radioActiveShadow","input","radioFocusShadow","borderColorFocus","focus","warning","borderColorWarning","error","borderColorError","radioCheckedBgColor","radioCheckedBulletColor","gray","bgDisabled","radioDisabledShadow","label","radioLabelDisplay","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() {\r\n    return css`\r\n      cursor: pointer;\r\n      position: relative;\r\n      white-space: nowrap;\r\n    `;\r\n  },\r\n\r\n  after() {\r\n    return css`\r\n      content: ' ';\r\n      position: absolute;\r\n      left: -2px;\r\n      top: -2px;\r\n      width: 20px;\r\n      height: 20px;\r\n      border-width: 2px;\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    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: ${t.radioSize};\r\n      margin-bottom: 2px;\r\n      margin-top: 2px;\r\n      position: relative;\r\n      vertical-align: ${t.radioVerticalAlign};\r\n      width: ${t.radioSize};\r\n\r\n      ${cssName(styles.root())}:hover &:not(${cssName(styles.disabled(t))}) {\r\n        background: ${t.radioHoverBg};\r\n        box-shadow: ${t.radioHoverShadow};\r\n      }\r\n      ${cssName(styles.root())}:hover &${cssName(styles.checked(t))}:not(${cssName(styles.disabled(t))}) {\r\n        background: ${t.radioCheckedHoverBgColor};\r\n      }\r\n      ${cssName(styles.root())}: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()};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.borderColorFocus};\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()};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.borderColorFocus};\r\n      }\r\n    `;\r\n  },\r\n\r\n  warning(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after()};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.borderColorWarning};\r\n      }\r\n    `;\r\n  },\r\n\r\n  error(t: Theme) {\r\n    return css`\r\n      &::after {\r\n        ${styles.after()};\r\n        box-shadow: ${t.radioFocusShadow};\r\n        border-color: ${t.borderColorError};\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: 8px;\r\n        width: 8px;\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: 20px;\r\n      margin-left: 9px;\r\n      white-space: normal;\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":["css","memoizeStyle","prefix","isChrome","globalClasses","circle","mixins","afterOutline","t","radioOutlineWidth","radioSizeAfter","styles","root","radioPaddingY","radioLineHeight","radioFontSize","radioHoverBg","radioHoverShadow","radioActiveBg","radioActiveShadow","radioSize","rootIE11","rootChecked","radioCheckedHoverBgColor","labGrotesqueCompenstation","parseInt","labGrotesqueBaselineCompensation","fontSize","checkboxFontSize","baselineCompensation","circleSize","radioBorderWidthCompensation","circleOffsetY","radioCircleOffsetY","circleMarginX","radioBgImage","radioBorder","radioBoxShadow","radioBgColor","focus","radioFocusShadow","radioBorderColorFocus","warning","radioBorderColorWarning","error","radioBorderColorError","checked","radioCheckedBgColor","radioCheckedBorderColor","radioBulletSize","radioCheckedBulletColor","checkedDisabled","gray","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';\nimport { isChrome } from '../../lib/client';\n\nexport const globalClasses = prefix('radio')({\n  circle: 'circle',\n});\n\nconst mixins = {\n  afterOutline(t: Theme) {\n    return css`\n      content: ' ';\n      position: absolute;\n      left: -${t.radioOutlineWidth};\n      top: -${t.radioOutlineWidth};\n      width: ${t.radioSizeAfter};\n      height: ${t.radioSizeAfter};\n      border-width: ${t.radioOutlineWidth};\n      border-style: solid;\n      border-radius: 50%;\n      box-sizing: border-box;\n    `;\n  },\n};\n\nexport const styles = memoizeStyle({\n  root(t: Theme) {\n    return css`\n      cursor: pointer;\n      position: relative;\n      white-space: nowrap;\n      padding-top: ${t.radioPaddingY};\n      padding-bottom: ${t.radioPaddingY};\n      display: inline-flex;\n      align-items: baseline;\n      line-height: ${t.radioLineHeight};\n      font-size: ${t.radioFontSize};\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        width: ${t.radioSize};\n        flex: 0 0 auto;\n      }\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    const labGrotesqueCompenstation = parseInt(t.labGrotesqueBaselineCompensation);\n    const fontSize = parseInt(t.checkboxFontSize);\n    const baselineCompensation =\n      fontSize < 16 && !isChrome\n        ? labGrotesqueCompenstation\n        : fontSize === 16 && isChrome\n        ? -labGrotesqueCompenstation\n        : 0;\n    const circleSize = `calc(${t.radioSize} - 2 * ${t.radioBorderWidthCompensation})`;\n    const circleOffsetY = `calc(${t.radioCircleOffsetY} + ${t.radioBorderWidthCompensation} + ${baselineCompensation}px)`;\n    const circleMarginX = t.radioBorderWidthCompensation;\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      height: ${circleSize};\n      width: ${circleSize};\n      position: absolute;\n      left: 0;\n      margin: ${circleOffsetY} ${circleMarginX} 0;\n      background-color: ${t.radioBgColor};\n    `;\n  },\n\n  focus(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorFocus};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${t.radioBorderColorWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &::after {\n        ${mixins.afterOutline(t)};\n        box-shadow: ${t.radioFocusShadow};\n        border-color: ${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        height: ${t.radioBulletSize};\n        width: ${t.radioBulletSize};\n        border-radius: 50%;\n        background: ${t.radioCheckedBulletColor};\n      }\n    `;\n  },\n\n  checkedDisabled(t: Theme) {\n    return css`\n      &::before {\n        background: ${t.gray};\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/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\cjs\\components\\Radio\\Radio.styles.js",
+  "main": "../../../cjs/components/Radio/Radio.styles.js",
   "module": "Radio.styles",
-  "types": "..\\Radio.styles.d.ts",
+  "types": "../Radio.styles.d.ts",
   "sideEffects": false
 }

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

@@ -1,14 +1,21 @@
-export declare const jsStyles: {
-    root(): string;
-    after(): string;
-    radio(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    focus(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    warning(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    error(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    checked(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
+import { Theme } from '../../lib/theming/Theme';
+export declare const globalClasses: {
+    circle: string;
+};
+export declare const styles: {
+    root(t: Theme): string;
+    rootIE11(): string;
+    rootChecked(t: Theme): string;
+    circle(t: Theme): string;
+    focus(t: Theme): string;
+    warning(t: Theme): string;
+    error(t: Theme): string;
+    checked(t: Theme): string;
+    checkedDisabled(t: Theme): string;
     input(): string;
-    disabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    label(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme> | Readonly<typeof import("../../internal/themes/FlatTheme").FlatTheme>): string;
-    labelDisabled(): string;
+    disabled(t: Theme): string;
+    caption(t: Theme): string;
+    captionIE11(): string;
+    captionDisabled(t: Theme): string;
     placeholder(): string;
 };

package/components/Radio/index/index.js

@@ -1 +1 @@
-export * from "..\\Radio";
+export * from "../Radio";

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

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

package/components/Radio/index/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\cjs\\components\\Radio\\index.js",
+  "main": "../../../cjs/components/Radio/index.js",
   "module": "index",
-  "types": "..\\index.d.ts",
+  "types": "../index.d.ts",
   "sideEffects": false
 }

package/components/Radio/package.json

@@ -1,5 +1,5 @@
 {
-  "main": "..\\..\\cjs\\components\\Radio\\index.js",
+  "main": "../../cjs/components/Radio/index.js",
   "module": "index",
   "types": "index.d.ts",
   "sideEffects": false

package/components/RadioGroup/Prevent/Prevent.js

@@ -1,8 +1,6 @@
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import React from 'react';
-export var Prevent =
-/*#__PURE__*/
-function (_React$Component) {
+export var Prevent = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(Prevent, _React$Component);
 
   function Prevent() {
@@ -25,7 +23,7 @@ function (_React$Component) {
   var _proto = Prevent.prototype;
 
   _proto.render = function render() {
-    return React.createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       onClick: this._prevent
     }, this.props.children);
   };

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

@@ -1 +1 @@
-{"version":3,"sources":["Prevent.tsx"],"names":["React","Prevent","_prevent","event","stopPropagation","preventDefault","render","props","children","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;AAMA,WAAaC,OAAb;;;;;AAKUC,IAAAA,QALV,GAKqB,UAACC,KAAD,EAA8C;AAC/DA,MAAAA,KAAK,CAACC,eAAN;AACAD,MAAAA,KAAK,CAACE,cAAN;AACD,KARH,qDACSC,MADT,GACE,kBAAgB,CACd,OAAO,8BAAM,OAAO,EAAE,KAAKJ,QAApB,IAA+B,KAAKK,KAAL,CAAWC,QAA1C,CAAP,CACD,CAHH,kBAA6BR,KAAK,CAACS,SAAnC","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":["React","Prevent","_prevent","event","stopPropagation","preventDefault","render","props","children","Component"],"mappings":"sEAAA,OAAOA,KAAP,MAAkB,OAAlB;;;;;;AAMA,WAAaC,OAAb;;;;;AAKUC,IAAAA,QALV,GAKqB,UAACC,KAAD,EAA8C;AAC/DA,MAAAA,KAAK,CAACC,eAAN;AACAD,MAAAA,KAAK,CAACE,cAAN;AACD,KARH,qDACSC,MADT,GACE,kBAAgB,CACd,oBAAO,8BAAM,OAAO,EAAE,KAAKJ,QAApB,IAA+B,KAAKK,KAAL,CAAWC,QAA1C,CAAP,CACD,CAHH,kBAA6BR,KAAK,CAACS,SAAnC","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"]}

package/components/RadioGroup/Prevent/package.json

@@ -1,6 +1,6 @@
 {
-  "main": "..\\..\\..\\cjs\\components\\RadioGroup\\Prevent.js",
+  "main": "../../../cjs/components/RadioGroup/Prevent.js",
   "module": "Prevent",
-  "types": "..\\Prevent.d.ts",
+  "types": "../Prevent.d.ts",
   "sideEffects": false
 }