@infomaximum/ui-kit 0.12.0 → 0.12.2

package/dist/components/Radio/Radio.js

@@ -6,11 +6,13 @@ import { RadioInternal } from "./components/RadioInternal/RadioInternal.js";
 import { isString } from "lodash-es";
 import { getRadioTokens } from "./Radio.tokens.js";
 import { iconWrapperStyle, radioWrapperClassName, baseRadioWrapperStyle, getRadioButtonWrapperStyle, getRadioWrapperStyle, baseRadioLabelStyle, radioLabelStyle } from "./Radio.styles.js";
+import { ClassNames } from "@emotion/react";
 import { useTheme } from "../../hooks/useTheme/useTheme.js";
 const RadioComponent = forwardRef((props, ref) => {
   const {
     children,
     icon: iconProp,
+    className,
     ...radioProps
   } = props;
   const theme = useTheme();
@@ -40,11 +42,13 @@ const RadioComponent = forwardRef((props, ref) => {
       return /* @__PURE__ */ jsx("div", { css: iconWrapperStyle(theme), children: iconProp });
     }
   })();
-  return /* @__PURE__ */ jsxs("label", { className: radioWrapperClassName, css: [baseRadioWrapperStyle(theme, disabled), isButtonType || isRenderIcon ? getRadioButtonWrapperStyle(theme, radioTokens, isRenderIcon, checked, disabled) : getRadioWrapperStyle(radioTokens, disabled), process.env.NODE_ENV === "production" ? "" : ";label:RadioComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFTSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1JhZGlvL1JhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIG1lbW8sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VDb250ZXh0LFxuICB1c2VNZW1vLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgUmVmQXR0cmlidXRlcyxcbiAgdHlwZSBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUmFkaW9Qcm9wcywgV2l0aEdyb3VwIH0gZnJvbSBcIi4vUmFkaW8udHlwZXNcIjtcbmltcG9ydCB7IFJhZGlvR3JvdXAgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvR3JvdXAvUmFkaW9Hcm91cFwiO1xuaW1wb3J0IHsgUmFkaW9Hcm91cENvbnRleHQgfSBmcm9tIFwiLi9jb250ZXh0cy9SYWRpb0dyb3VwQ29udGV4dFwiO1xuaW1wb3J0IHsgUmFkaW9JbnRlcm5hbCB9IGZyb20gXCIuL2NvbXBvbmVudHMvUmFkaW9JbnRlcm5hbC9SYWRpb0ludGVybmFsXCI7XG5pbXBvcnQgdHlwZSB7IFJhZGlvQ2hhbmdlRXZlbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvSW50ZXJuYWwvUmFkaW9JbnRlcm5hbC50eXBlc1wiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgZ2V0UmFkaW9Ub2tlbnMgfSBmcm9tIFwiLi9SYWRpby50b2tlbnNcIjtcbmltcG9ydCB7XG4gIGJhc2VSYWRpb0xhYmVsU3R5bGUsXG4gIGJhc2VSYWRpb1dyYXBwZXJTdHlsZSxcbiAgZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUsXG4gIGdldFJhZGlvV3JhcHBlclN0eWxlLFxuICBpY29uV3JhcHBlclN0eWxlLFxuICByYWRpb0xhYmVsU3R5bGUsXG4gIHJhZGlvV3JhcHBlckNsYXNzTmFtZSxcbn0gZnJvbSBcIi4vUmFkaW8uc3R5bGVzXCI7XG5cbmNvbnN0IFJhZGlvQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBSYWRpb1Byb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBpY29uOiBpY29uUHJvcCwgLi4ucmFkaW9Qcm9wcyB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgcmFkaW9Ub2tlbnMgPSB1c2VNZW1vKCgpID0+IGdldFJhZGlvVG9rZW5zKHRoZW1lKSwgW3RoZW1lXSk7XG4gIGNvbnN0IGdyb3VwQ29udGV4dCA9IHVzZUNvbnRleHQoUmFkaW9Hcm91cENvbnRleHQpO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSYWRpb0NoYW5nZUV2ZW50KSA9PiB7XG4gICAgICBwcm9wcy5vbkNoYW5nZT8uKGUpO1xuICAgICAgZ3JvdXBDb250ZXh0Py5vbkNoYW5nZT8uKGUpO1xuICAgIH0sXG4gICAgW2dyb3VwQ29udGV4dD8ub25DaGFuZ2UsIHByb3BzLm9uQ2hhbmdlXVxuICApO1xuXG4gIGlmIChncm91cENvbnRleHQpIHtcbiAgICByYWRpb1Byb3BzLm5hbWUgPSBncm91cENvbnRleHQubmFtZTtcbiAgICByYWRpb1Byb3BzLm9uQ2hhbmdlID0gaGFuZGxlQ2hhbmdlO1xuICAgIHJhZGlvUHJvcHMuY2hlY2tlZCA9IHByb3BzLnZhbHVlID09PSBncm91cENvbnRleHQudmFsdWU7XG4gICAgcmFkaW9Qcm9wcy5kaXNhYmxlZCA9IHJhZGlvUHJvcHMuZGlzYWJsZWQgPz8gZ3JvdXBDb250ZXh0LmRpc2FibGVkO1xuICB9XG5cbiAgY29uc3QgZGlzYWJsZWQgPSByYWRpb1Byb3BzLmRpc2FibGVkO1xuICBjb25zdCBjaGVja2VkID0gcmFkaW9Qcm9wcy5jaGVja2VkO1xuXG4gIGNvbnN0IGlzQnV0dG9uVHlwZSA9IGdyb3VwQ29udGV4dD8ub3B0aW9uVHlwZSA9PT0gXCJidXR0b25cIjtcbiAgY29uc3QgaXNJY29uVHlwZSA9IGdyb3VwQ29udGV4dD8uYnV0dG9uVHlwZSA9PT0gXCJpY29uXCI7XG4gIGNvbnN0IGlzUmVuZGVySWNvbiA9IEJvb2xlYW4oaWNvblByb3ApICYmIGlzQnV0dG9uVHlwZSAmJiBpc0ljb25UeXBlO1xuXG4gIGNvbnN0IGljb24gPSAoKCkgPT4ge1xuICAgIGlmIChpc1N0cmluZyhpY29uUHJvcCkpIHtcbiAgICAgIHJldHVybiBpY29uUHJvcDtcbiAgICB9XG5cbiAgICBpZiAoaWNvblByb3ApIHtcbiAgICAgIHJldHVybiA8ZGl2IGNzcz17aWNvbldyYXBwZXJTdHlsZSh0aGVtZSl9PntpY29uUHJvcH08L2Rpdj47XG4gICAgfVxuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGxhYmVsXG4gICAgICBjbGFzc05hbWU9e3JhZGlvV3JhcHBlckNsYXNzTmFtZX1cbiAgICAgIGNzcz17W1xuICAgICAgICBiYXNlUmFkaW9XcmFwcGVyU3R5bGUodGhlbWUsIGRpc2FibGVkKSxcbiAgICAgICAgaXNCdXR0b25UeXBlIHx8IGlzUmVuZGVySWNvblxuICAgICAgICAgID8gZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUodGhlbWUsIHJhZGlvVG9rZW5zLCBpc1JlbmRlckljb24sIGNoZWNrZWQsIGRpc2FibGVkKVxuICAgICAgICAgIDogZ2V0UmFkaW9XcmFwcGVyU3R5bGUocmFkaW9Ub2tlbnMsIGRpc2FibGVkKSxcbiAgICAgIF19XG4gICAgPlxuICAgICAgPFJhZGlvSW50ZXJuYWwgey4uLnJhZGlvUHJvcHN9IHJlZj17cmVmfSBoaWRlUmFkaW9JbnB1dD17aXNCdXR0b25UeXBlIHx8IGlzUmVuZGVySWNvbn0gLz5cbiAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgIDxzcGFuIGNzcz17W2Jhc2VSYWRpb0xhYmVsU3R5bGUsIGlzQnV0dG9uVHlwZSA/IHVuZGVmaW5lZCA6IHJhZGlvTGFiZWxTdHlsZSh0aGVtZSldfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7aWNvbn1cbiAgICA8L2xhYmVsPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBSYWRpbyA9IG1lbW8oUmFkaW9Db21wb25lbnQpIGFzIE1lbW9FeG90aWNDb21wb25lbnQ8XG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8UmFkaW9Qcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4+XG4+ICZcbiAgV2l0aEdyb3VwO1xuXG5SYWRpby5Hcm91cCA9IFJhZGlvR3JvdXA7XG4iXX0= */"], children: [
+  return /* @__PURE__ */ jsx(ClassNames, { children: ({
+    cx
+  }) => /* @__PURE__ */ jsxs("label", { className: cx(radioWrapperClassName, className), css: [baseRadioWrapperStyle(theme, disabled), isButtonType || isRenderIcon ? getRadioButtonWrapperStyle(theme, radioTokens, isRenderIcon, checked, disabled) : getRadioWrapperStyle(radioTokens, disabled), process.env.NODE_ENV === "production" ? "" : ";label:RadioComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdFVSIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1JhZGlvL1JhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIG1lbW8sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VDb250ZXh0LFxuICB1c2VNZW1vLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgUmVmQXR0cmlidXRlcyxcbiAgdHlwZSBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUmFkaW9Qcm9wcywgV2l0aEdyb3VwIH0gZnJvbSBcIi4vUmFkaW8udHlwZXNcIjtcbmltcG9ydCB7IFJhZGlvR3JvdXAgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvR3JvdXAvUmFkaW9Hcm91cFwiO1xuaW1wb3J0IHsgUmFkaW9Hcm91cENvbnRleHQgfSBmcm9tIFwiLi9jb250ZXh0cy9SYWRpb0dyb3VwQ29udGV4dFwiO1xuaW1wb3J0IHsgUmFkaW9JbnRlcm5hbCB9IGZyb20gXCIuL2NvbXBvbmVudHMvUmFkaW9JbnRlcm5hbC9SYWRpb0ludGVybmFsXCI7XG5pbXBvcnQgdHlwZSB7IFJhZGlvQ2hhbmdlRXZlbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvSW50ZXJuYWwvUmFkaW9JbnRlcm5hbC50eXBlc1wiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgZ2V0UmFkaW9Ub2tlbnMgfSBmcm9tIFwiLi9SYWRpby50b2tlbnNcIjtcbmltcG9ydCB7XG4gIGJhc2VSYWRpb0xhYmVsU3R5bGUsXG4gIGJhc2VSYWRpb1dyYXBwZXJTdHlsZSxcbiAgZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUsXG4gIGdldFJhZGlvV3JhcHBlclN0eWxlLFxuICBpY29uV3JhcHBlclN0eWxlLFxuICByYWRpb0xhYmVsU3R5bGUsXG4gIHJhZGlvV3JhcHBlckNsYXNzTmFtZSxcbn0gZnJvbSBcIi4vUmFkaW8uc3R5bGVzXCI7XG5pbXBvcnQgeyBDbGFzc05hbWVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmNvbnN0IFJhZGlvQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBSYWRpb1Byb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBpY29uOiBpY29uUHJvcCwgY2xhc3NOYW1lLCAuLi5yYWRpb1Byb3BzIH0gPSBwcm9wcztcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuICBjb25zdCByYWRpb1Rva2VucyA9IHVzZU1lbW8oKCkgPT4gZ2V0UmFkaW9Ub2tlbnModGhlbWUpLCBbdGhlbWVdKTtcbiAgY29uc3QgZ3JvdXBDb250ZXh0ID0gdXNlQ29udGV4dChSYWRpb0dyb3VwQ29udGV4dCk7XG5cbiAgY29uc3QgaGFuZGxlQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJhZGlvQ2hhbmdlRXZlbnQpID0+IHtcbiAgICAgIHByb3BzLm9uQ2hhbmdlPy4oZSk7XG4gICAgICBncm91cENvbnRleHQ/Lm9uQ2hhbmdlPy4oZSk7XG4gICAgfSxcbiAgICBbZ3JvdXBDb250ZXh0Py5vbkNoYW5nZSwgcHJvcHMub25DaGFuZ2VdXG4gICk7XG5cbiAgaWYgKGdyb3VwQ29udGV4dCkge1xuICAgIHJhZGlvUHJvcHMubmFtZSA9IGdyb3VwQ29udGV4dC5uYW1lO1xuICAgIHJhZGlvUHJvcHMub25DaGFuZ2UgPSBoYW5kbGVDaGFuZ2U7XG4gICAgcmFkaW9Qcm9wcy5jaGVja2VkID0gcHJvcHMudmFsdWUgPT09IGdyb3VwQ29udGV4dC52YWx1ZTtcbiAgICByYWRpb1Byb3BzLmRpc2FibGVkID0gcmFkaW9Qcm9wcy5kaXNhYmxlZCA/PyBncm91cENvbnRleHQuZGlzYWJsZWQ7XG4gIH1cblxuICBjb25zdCBkaXNhYmxlZCA9IHJhZGlvUHJvcHMuZGlzYWJsZWQ7XG4gIGNvbnN0IGNoZWNrZWQgPSByYWRpb1Byb3BzLmNoZWNrZWQ7XG5cbiAgY29uc3QgaXNCdXR0b25UeXBlID0gZ3JvdXBDb250ZXh0Py5vcHRpb25UeXBlID09PSBcImJ1dHRvblwiO1xuICBjb25zdCBpc0ljb25UeXBlID0gZ3JvdXBDb250ZXh0Py5idXR0b25UeXBlID09PSBcImljb25cIjtcbiAgY29uc3QgaXNSZW5kZXJJY29uID0gQm9vbGVhbihpY29uUHJvcCkgJiYgaXNCdXR0b25UeXBlICYmIGlzSWNvblR5cGU7XG5cbiAgY29uc3QgaWNvbiA9ICgoKSA9PiB7XG4gICAgaWYgKGlzU3RyaW5nKGljb25Qcm9wKSkge1xuICAgICAgcmV0dXJuIGljb25Qcm9wO1xuICAgIH1cblxuICAgIGlmIChpY29uUHJvcCkge1xuICAgICAgcmV0dXJuIDxkaXYgY3NzPXtpY29uV3JhcHBlclN0eWxlKHRoZW1lKX0+e2ljb25Qcm9wfTwvZGl2PjtcbiAgICB9XG4gIH0pKCk7XG5cbiAgcmV0dXJuIChcbiAgICA8Q2xhc3NOYW1lcz5cbiAgICAgIHsoeyBjeCB9KSA9PiAoXG4gICAgICAgIDxsYWJlbFxuICAgICAgICAgIGNsYXNzTmFtZT17Y3gocmFkaW9XcmFwcGVyQ2xhc3NOYW1lLCBjbGFzc05hbWUpfVxuICAgICAgICAgIGNzcz17W1xuICAgICAgICAgICAgYmFzZVJhZGlvV3JhcHBlclN0eWxlKHRoZW1lLCBkaXNhYmxlZCksXG4gICAgICAgICAgICBpc0J1dHRvblR5cGUgfHwgaXNSZW5kZXJJY29uXG4gICAgICAgICAgICAgID8gZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUodGhlbWUsIHJhZGlvVG9rZW5zLCBpc1JlbmRlckljb24sIGNoZWNrZWQsIGRpc2FibGVkKVxuICAgICAgICAgICAgICA6IGdldFJhZGlvV3JhcHBlclN0eWxlKHJhZGlvVG9rZW5zLCBkaXNhYmxlZCksXG4gICAgICAgICAgXX1cbiAgICAgICAgPlxuICAgICAgICAgIDxSYWRpb0ludGVybmFsIHsuLi5yYWRpb1Byb3BzfSByZWY9e3JlZn0gaGlkZVJhZGlvSW5wdXQ9e2lzQnV0dG9uVHlwZSB8fCBpc1JlbmRlckljb259IC8+XG4gICAgICAgICAge2NoaWxkcmVuICYmIChcbiAgICAgICAgICAgIDxzcGFuIGNzcz17W2Jhc2VSYWRpb0xhYmVsU3R5bGUsIGlzQnV0dG9uVHlwZSA/IHVuZGVmaW5lZCA6IHJhZGlvTGFiZWxTdHlsZSh0aGVtZSldfT5cbiAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICl9XG4gICAgICAgICAge2ljb259XG4gICAgICAgIDwvbGFiZWw+XG4gICAgICApfVxuICAgIDwvQ2xhc3NOYW1lcz5cbiAgKTtcbn0pO1xuXG5leHBvcnQgY29uc3QgUmFkaW8gPSBtZW1vKFJhZGlvQ29tcG9uZW50KSBhcyBNZW1vRXhvdGljQ29tcG9uZW50PFxuICBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50PFJhZGlvUHJvcHMgJiBSZWZBdHRyaWJ1dGVzPEhUTUxJbnB1dEVsZW1lbnQ+PlxuPiAmXG4gIFdpdGhHcm91cDtcblxuUmFkaW8uR3JvdXAgPSBSYWRpb0dyb3VwO1xuIl19 */"], children: [
     /* @__PURE__ */ jsx(RadioInternal, { ...radioProps, ref, hideRadioInput: isButtonType || isRenderIcon }),
-    children && /* @__PURE__ */ jsx("span", { css: [baseRadioLabelStyle, isButtonType ? void 0 : radioLabelStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:RadioComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThFYyIsImZpbGUiOiIvYnVpbGRzL2Zyb250ZW5kL2xpYnMvdWkta2l0L3NyYy9jb21wb25lbnRzL1JhZGlvL1JhZGlvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIG1lbW8sXG4gIHVzZUNhbGxiYWNrLFxuICB1c2VDb250ZXh0LFxuICB1c2VNZW1vLFxuICBmb3J3YXJkUmVmLFxuICB0eXBlIE1lbW9FeG90aWNDb21wb25lbnQsXG4gIHR5cGUgUmVmQXR0cmlidXRlcyxcbiAgdHlwZSBGb3J3YXJkUmVmRXhvdGljQ29tcG9uZW50LFxufSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCB0eXBlIHsgUmFkaW9Qcm9wcywgV2l0aEdyb3VwIH0gZnJvbSBcIi4vUmFkaW8udHlwZXNcIjtcbmltcG9ydCB7IFJhZGlvR3JvdXAgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvR3JvdXAvUmFkaW9Hcm91cFwiO1xuaW1wb3J0IHsgUmFkaW9Hcm91cENvbnRleHQgfSBmcm9tIFwiLi9jb250ZXh0cy9SYWRpb0dyb3VwQ29udGV4dFwiO1xuaW1wb3J0IHsgUmFkaW9JbnRlcm5hbCB9IGZyb20gXCIuL2NvbXBvbmVudHMvUmFkaW9JbnRlcm5hbC9SYWRpb0ludGVybmFsXCI7XG5pbXBvcnQgdHlwZSB7IFJhZGlvQ2hhbmdlRXZlbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvSW50ZXJuYWwvUmFkaW9JbnRlcm5hbC50eXBlc1wiO1xuaW1wb3J0IHsgaXNTdHJpbmcgfSBmcm9tIFwibG9kYXNoLWVzXCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCJob29rcy91c2VUaGVtZVwiO1xuaW1wb3J0IHsgZ2V0UmFkaW9Ub2tlbnMgfSBmcm9tIFwiLi9SYWRpby50b2tlbnNcIjtcbmltcG9ydCB7XG4gIGJhc2VSYWRpb0xhYmVsU3R5bGUsXG4gIGJhc2VSYWRpb1dyYXBwZXJTdHlsZSxcbiAgZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUsXG4gIGdldFJhZGlvV3JhcHBlclN0eWxlLFxuICBpY29uV3JhcHBlclN0eWxlLFxuICByYWRpb0xhYmVsU3R5bGUsXG4gIHJhZGlvV3JhcHBlckNsYXNzTmFtZSxcbn0gZnJvbSBcIi4vUmFkaW8uc3R5bGVzXCI7XG5cbmNvbnN0IFJhZGlvQ29tcG9uZW50ID0gZm9yd2FyZFJlZjxIVE1MSW5wdXRFbGVtZW50LCBSYWRpb1Byb3BzPigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGNoaWxkcmVuLCBpY29uOiBpY29uUHJvcCwgLi4ucmFkaW9Qcm9wcyB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgcmFkaW9Ub2tlbnMgPSB1c2VNZW1vKCgpID0+IGdldFJhZGlvVG9rZW5zKHRoZW1lKSwgW3RoZW1lXSk7XG4gIGNvbnN0IGdyb3VwQ29udGV4dCA9IHVzZUNvbnRleHQoUmFkaW9Hcm91cENvbnRleHQpO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSYWRpb0NoYW5nZUV2ZW50KSA9PiB7XG4gICAgICBwcm9wcy5vbkNoYW5nZT8uKGUpO1xuICAgICAgZ3JvdXBDb250ZXh0Py5vbkNoYW5nZT8uKGUpO1xuICAgIH0sXG4gICAgW2dyb3VwQ29udGV4dD8ub25DaGFuZ2UsIHByb3BzLm9uQ2hhbmdlXVxuICApO1xuXG4gIGlmIChncm91cENvbnRleHQpIHtcbiAgICByYWRpb1Byb3BzLm5hbWUgPSBncm91cENvbnRleHQubmFtZTtcbiAgICByYWRpb1Byb3BzLm9uQ2hhbmdlID0gaGFuZGxlQ2hhbmdlO1xuICAgIHJhZGlvUHJvcHMuY2hlY2tlZCA9IHByb3BzLnZhbHVlID09PSBncm91cENvbnRleHQudmFsdWU7XG4gICAgcmFkaW9Qcm9wcy5kaXNhYmxlZCA9IHJhZGlvUHJvcHMuZGlzYWJsZWQgPz8gZ3JvdXBDb250ZXh0LmRpc2FibGVkO1xuICB9XG5cbiAgY29uc3QgZGlzYWJsZWQgPSByYWRpb1Byb3BzLmRpc2FibGVkO1xuICBjb25zdCBjaGVja2VkID0gcmFkaW9Qcm9wcy5jaGVja2VkO1xuXG4gIGNvbnN0IGlzQnV0dG9uVHlwZSA9IGdyb3VwQ29udGV4dD8ub3B0aW9uVHlwZSA9PT0gXCJidXR0b25cIjtcbiAgY29uc3QgaXNJY29uVHlwZSA9IGdyb3VwQ29udGV4dD8uYnV0dG9uVHlwZSA9PT0gXCJpY29uXCI7XG4gIGNvbnN0IGlzUmVuZGVySWNvbiA9IEJvb2xlYW4oaWNvblByb3ApICYmIGlzQnV0dG9uVHlwZSAmJiBpc0ljb25UeXBlO1xuXG4gIGNvbnN0IGljb24gPSAoKCkgPT4ge1xuICAgIGlmIChpc1N0cmluZyhpY29uUHJvcCkpIHtcbiAgICAgIHJldHVybiBpY29uUHJvcDtcbiAgICB9XG5cbiAgICBpZiAoaWNvblByb3ApIHtcbiAgICAgIHJldHVybiA8ZGl2IGNzcz17aWNvbldyYXBwZXJTdHlsZSh0aGVtZSl9PntpY29uUHJvcH08L2Rpdj47XG4gICAgfVxuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGxhYmVsXG4gICAgICBjbGFzc05hbWU9e3JhZGlvV3JhcHBlckNsYXNzTmFtZX1cbiAgICAgIGNzcz17W1xuICAgICAgICBiYXNlUmFkaW9XcmFwcGVyU3R5bGUodGhlbWUsIGRpc2FibGVkKSxcbiAgICAgICAgaXNCdXR0b25UeXBlIHx8IGlzUmVuZGVySWNvblxuICAgICAgICAgID8gZ2V0UmFkaW9CdXR0b25XcmFwcGVyU3R5bGUodGhlbWUsIHJhZGlvVG9rZW5zLCBpc1JlbmRlckljb24sIGNoZWNrZWQsIGRpc2FibGVkKVxuICAgICAgICAgIDogZ2V0UmFkaW9XcmFwcGVyU3R5bGUocmFkaW9Ub2tlbnMsIGRpc2FibGVkKSxcbiAgICAgIF19XG4gICAgPlxuICAgICAgPFJhZGlvSW50ZXJuYWwgey4uLnJhZGlvUHJvcHN9IHJlZj17cmVmfSBoaWRlUmFkaW9JbnB1dD17aXNCdXR0b25UeXBlIHx8IGlzUmVuZGVySWNvbn0gLz5cbiAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgIDxzcGFuIGNzcz17W2Jhc2VSYWRpb0xhYmVsU3R5bGUsIGlzQnV0dG9uVHlwZSA/IHVuZGVmaW5lZCA6IHJhZGlvTGFiZWxTdHlsZSh0aGVtZSldfT5cbiAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICl9XG4gICAgICB7aWNvbn1cbiAgICA8L2xhYmVsPlxuICApO1xufSk7XG5cbmV4cG9ydCBjb25zdCBSYWRpbyA9IG1lbW8oUmFkaW9Db21wb25lbnQpIGFzIE1lbW9FeG90aWNDb21wb25lbnQ8XG4gIEZvcndhcmRSZWZFeG90aWNDb21wb25lbnQ8UmFkaW9Qcm9wcyAmIFJlZkF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4+XG4+ICZcbiAgV2l0aEdyb3VwO1xuXG5SYWRpby5Hcm91cCA9IFJhZGlvR3JvdXA7XG4iXX0= */"], children }),
+    children && /* @__PURE__ */ jsx("span", { css: [baseRadioLabelStyle, isButtonType ? void 0 : radioLabelStyle(theme), process.env.NODE_ENV === "production" ? "" : ";label:RadioComponent;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9idWlsZHMvZnJvbnRlbmQvbGlicy91aS1raXQvc3JjL2NvbXBvbmVudHMvUmFkaW8vUmFkaW8udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlGa0IiLCJmaWxlIjoiL2J1aWxkcy9mcm9udGVuZC9saWJzL3VpLWtpdC9zcmMvY29tcG9uZW50cy9SYWRpby9SYWRpby50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBtZW1vLFxuICB1c2VDYWxsYmFjayxcbiAgdXNlQ29udGV4dCxcbiAgdXNlTWVtbyxcbiAgZm9yd2FyZFJlZixcbiAgdHlwZSBNZW1vRXhvdGljQ29tcG9uZW50LFxuICB0eXBlIFJlZkF0dHJpYnV0ZXMsXG4gIHR5cGUgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudCxcbn0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgdHlwZSB7IFJhZGlvUHJvcHMsIFdpdGhHcm91cCB9IGZyb20gXCIuL1JhZGlvLnR5cGVzXCI7XG5pbXBvcnQgeyBSYWRpb0dyb3VwIH0gZnJvbSBcIi4vY29tcG9uZW50cy9SYWRpb0dyb3VwL1JhZGlvR3JvdXBcIjtcbmltcG9ydCB7IFJhZGlvR3JvdXBDb250ZXh0IH0gZnJvbSBcIi4vY29udGV4dHMvUmFkaW9Hcm91cENvbnRleHRcIjtcbmltcG9ydCB7IFJhZGlvSW50ZXJuYWwgfSBmcm9tIFwiLi9jb21wb25lbnRzL1JhZGlvSW50ZXJuYWwvUmFkaW9JbnRlcm5hbFwiO1xuaW1wb3J0IHR5cGUgeyBSYWRpb0NoYW5nZUV2ZW50IH0gZnJvbSBcIi4vY29tcG9uZW50cy9SYWRpb0ludGVybmFsL1JhZGlvSW50ZXJuYWwudHlwZXNcIjtcbmltcG9ydCB7IGlzU3RyaW5nIH0gZnJvbSBcImxvZGFzaC1lc1wiO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tIFwiaG9va3MvdXNlVGhlbWVcIjtcbmltcG9ydCB7IGdldFJhZGlvVG9rZW5zIH0gZnJvbSBcIi4vUmFkaW8udG9rZW5zXCI7XG5pbXBvcnQge1xuICBiYXNlUmFkaW9MYWJlbFN0eWxlLFxuICBiYXNlUmFkaW9XcmFwcGVyU3R5bGUsXG4gIGdldFJhZGlvQnV0dG9uV3JhcHBlclN0eWxlLFxuICBnZXRSYWRpb1dyYXBwZXJTdHlsZSxcbiAgaWNvbldyYXBwZXJTdHlsZSxcbiAgcmFkaW9MYWJlbFN0eWxlLFxuICByYWRpb1dyYXBwZXJDbGFzc05hbWUsXG59IGZyb20gXCIuL1JhZGlvLnN0eWxlc1wiO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5jb25zdCBSYWRpb0NvbXBvbmVudCA9IGZvcndhcmRSZWY8SFRNTElucHV0RWxlbWVudCwgUmFkaW9Qcm9wcz4oKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBjaGlsZHJlbiwgaWNvbjogaWNvblByb3AsIGNsYXNzTmFtZSwgLi4ucmFkaW9Qcm9wcyB9ID0gcHJvcHM7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcbiAgY29uc3QgcmFkaW9Ub2tlbnMgPSB1c2VNZW1vKCgpID0+IGdldFJhZGlvVG9rZW5zKHRoZW1lKSwgW3RoZW1lXSk7XG4gIGNvbnN0IGdyb3VwQ29udGV4dCA9IHVzZUNvbnRleHQoUmFkaW9Hcm91cENvbnRleHQpO1xuXG4gIGNvbnN0IGhhbmRsZUNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgIChlOiBSYWRpb0NoYW5nZUV2ZW50KSA9PiB7XG4gICAgICBwcm9wcy5vbkNoYW5nZT8uKGUpO1xuICAgICAgZ3JvdXBDb250ZXh0Py5vbkNoYW5nZT8uKGUpO1xuICAgIH0sXG4gICAgW2dyb3VwQ29udGV4dD8ub25DaGFuZ2UsIHByb3BzLm9uQ2hhbmdlXVxuICApO1xuXG4gIGlmIChncm91cENvbnRleHQpIHtcbiAgICByYWRpb1Byb3BzLm5hbWUgPSBncm91cENvbnRleHQubmFtZTtcbiAgICByYWRpb1Byb3BzLm9uQ2hhbmdlID0gaGFuZGxlQ2hhbmdlO1xuICAgIHJhZGlvUHJvcHMuY2hlY2tlZCA9IHByb3BzLnZhbHVlID09PSBncm91cENvbnRleHQudmFsdWU7XG4gICAgcmFkaW9Qcm9wcy5kaXNhYmxlZCA9IHJhZGlvUHJvcHMuZGlzYWJsZWQgPz8gZ3JvdXBDb250ZXh0LmRpc2FibGVkO1xuICB9XG5cbiAgY29uc3QgZGlzYWJsZWQgPSByYWRpb1Byb3BzLmRpc2FibGVkO1xuICBjb25zdCBjaGVja2VkID0gcmFkaW9Qcm9wcy5jaGVja2VkO1xuXG4gIGNvbnN0IGlzQnV0dG9uVHlwZSA9IGdyb3VwQ29udGV4dD8ub3B0aW9uVHlwZSA9PT0gXCJidXR0b25cIjtcbiAgY29uc3QgaXNJY29uVHlwZSA9IGdyb3VwQ29udGV4dD8uYnV0dG9uVHlwZSA9PT0gXCJpY29uXCI7XG4gIGNvbnN0IGlzUmVuZGVySWNvbiA9IEJvb2xlYW4oaWNvblByb3ApICYmIGlzQnV0dG9uVHlwZSAmJiBpc0ljb25UeXBlO1xuXG4gIGNvbnN0IGljb24gPSAoKCkgPT4ge1xuICAgIGlmIChpc1N0cmluZyhpY29uUHJvcCkpIHtcbiAgICAgIHJldHVybiBpY29uUHJvcDtcbiAgICB9XG5cbiAgICBpZiAoaWNvblByb3ApIHtcbiAgICAgIHJldHVybiA8ZGl2IGNzcz17aWNvbldyYXBwZXJTdHlsZSh0aGVtZSl9PntpY29uUHJvcH08L2Rpdj47XG4gICAgfVxuICB9KSgpO1xuXG4gIHJldHVybiAoXG4gICAgPENsYXNzTmFtZXM+XG4gICAgICB7KHsgY3ggfSkgPT4gKFxuICAgICAgICA8bGFiZWxcbiAgICAgICAgICBjbGFzc05hbWU9e2N4KHJhZGlvV3JhcHBlckNsYXNzTmFtZSwgY2xhc3NOYW1lKX1cbiAgICAgICAgICBjc3M9e1tcbiAgICAgICAgICAgIGJhc2VSYWRpb1dyYXBwZXJTdHlsZSh0aGVtZSwgZGlzYWJsZWQpLFxuICAgICAgICAgICAgaXNCdXR0b25UeXBlIHx8IGlzUmVuZGVySWNvblxuICAgICAgICAgICAgICA/IGdldFJhZGlvQnV0dG9uV3JhcHBlclN0eWxlKHRoZW1lLCByYWRpb1Rva2VucywgaXNSZW5kZXJJY29uLCBjaGVja2VkLCBkaXNhYmxlZClcbiAgICAgICAgICAgICAgOiBnZXRSYWRpb1dyYXBwZXJTdHlsZShyYWRpb1Rva2VucywgZGlzYWJsZWQpLFxuICAgICAgICAgIF19XG4gICAgICAgID5cbiAgICAgICAgICA8UmFkaW9JbnRlcm5hbCB7Li4ucmFkaW9Qcm9wc30gcmVmPXtyZWZ9IGhpZGVSYWRpb0lucHV0PXtpc0J1dHRvblR5cGUgfHwgaXNSZW5kZXJJY29ufSAvPlxuICAgICAgICAgIHtjaGlsZHJlbiAmJiAoXG4gICAgICAgICAgICA8c3BhbiBjc3M9e1tiYXNlUmFkaW9MYWJlbFN0eWxlLCBpc0J1dHRvblR5cGUgPyB1bmRlZmluZWQgOiByYWRpb0xhYmVsU3R5bGUodGhlbWUpXX0+XG4gICAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICApfVxuICAgICAgICAgIHtpY29ufVxuICAgICAgICA8L2xhYmVsPlxuICAgICAgKX1cbiAgICA8L0NsYXNzTmFtZXM+XG4gICk7XG59KTtcblxuZXhwb3J0IGNvbnN0IFJhZGlvID0gbWVtbyhSYWRpb0NvbXBvbmVudCkgYXMgTWVtb0V4b3RpY0NvbXBvbmVudDxcbiAgRm9yd2FyZFJlZkV4b3RpY0NvbXBvbmVudDxSYWRpb1Byb3BzICYgUmVmQXR0cmlidXRlczxIVE1MSW5wdXRFbGVtZW50Pj5cbj4gJlxuICBXaXRoR3JvdXA7XG5cblJhZGlvLkdyb3VwID0gUmFkaW9Hcm91cDtcbiJdfQ== */"], children }),
     icon
-  ] });
+  ] }) });
 });
 const Radio = memo(RadioComponent);
 Radio.Group = RadioGroup;

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

@@ -33,12 +33,12 @@ export declare const getRadioButtonWrapperStyle: (theme: Theme, radioTokens: Rad
         readonly content: "''";
         readonly boxSizing: "content-box";
         readonly position: "absolute";
-        readonly width: 1;
-        readonly height: "100%";
-        readonly backgroundColor: "#D9D9D9" | "#0CB3B3";
-        readonly paddingBlock: 1;
-        readonly insetBlockStart: -1;
-        readonly insetInlineStart: -1;
+        readonly borderWidth: 1;
+        readonly borderLeftStyle: "solid";
+        readonly height: 28;
+        readonly borderColor: "#D9D9D9" | "#0CB3B3";
+        readonly top: -1;
+        readonly left: -1;
     };
     readonly ":hover": {
         readonly color: "#2CBFBA" | undefined;

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

@@ -29,12 +29,12 @@ const getRadioButtonWrapperStyle = (theme, radioTokens, isRenderIcon, checked, d
     content: "''",
     boxSizing: "content-box",
     position: "absolute",
-    width: 1,
-    height: "100%",
-    backgroundColor: checked && !disabled ? radioTokens.radioChecked : radioTokens.radioBorder,
-    paddingBlock: 1,
-    insetBlockStart: -1,
-    insetInlineStart: -1
+    borderWidth: 1,
+    borderLeftStyle: "solid",
+    height: theme.controlHeightM,
+    borderColor: checked && !disabled ? radioTokens.radioChecked : radioTokens.radioBorder,
+    top: -1,
+    left: -1
   },
   ":hover": {
     color: disabled || checked ? void 0 : "#2CBFBA"

package/dist/components/Radio/Radio.types.d.ts

@@ -1,7 +1,7 @@
-import { ComponentType, PropsWithChildren, ReactNode } from 'react';
+import { ComponentType, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 import { RadioGroupProps } from './components/RadioGroup/RadioGroup.types';
 import { RadioInternalProps } from './components/RadioInternal/RadioInternal.types';
-export interface RadioProps extends PropsWithChildren, Omit<RadioInternalProps, "hideRadioInput"> {
+export interface RadioProps extends PropsWithChildren, Omit<RadioInternalProps, "hideRadioInput">, Pick<HTMLAttributes<HTMLElement>, "className"> {
     icon?: ReactNode;
 }
 export interface WithGroup {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@infomaximum/ui-kit",
   "license": "Apache-2.0",
-  "version": "0.12.0",
+  "version": "0.12.2",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",