@alfalab/core-components 42.14.1 → 42.15.0-beta.2

package/radio/modern/index.css

@@ -71,59 +71,59 @@
 
     /* icon */
     --radio-icon-color: var(--color-light-graphic-primary-inverted);
-} .radio__container_1bwdh {
+} .radio__container_1tear {
     display: inline-flex;
     align-items: flex-start;
     cursor: pointer
-} .radio__container_1bwdh:not(.radio__checked_1bwdh):not(.radio__disabled_1bwdh):not(.radio__inactive_1bwdh) .radio__circle_1bwdh {
+} .radio__container_1tear:not(.radio__checked_1tear):not(.radio__disabled_1tear):not(.radio__inactive_1tear) .radio__circle_1tear {
             background-color: var(--radio-bg-color);
             border: 1.5px solid var(--radio-border-color);
-        } .radio__container_1bwdh:not(.radio__checked_1bwdh):not(.radio__disabled_1bwdh):not(.radio__inactive_1bwdh):hover:not(:active) .radio__circle_1bwdh {
+        } .radio__container_1tear:not(.radio__checked_1tear):not(.radio__disabled_1tear):not(.radio__inactive_1tear):hover:not(:active) .radio__circle_1tear {
             background-color: var(--radio-hover-bg-color);
             border-color: var(--radio-hover-border-color);
-        } .radio__container_1bwdh:not(.radio__checked_1bwdh):not(.radio__disabled_1bwdh):not(.radio__inactive_1bwdh):active .radio__circle_1bwdh {
+        } .radio__container_1tear:not(.radio__checked_1tear):not(.radio__disabled_1tear):not(.radio__inactive_1tear):active .radio__circle_1tear {
             background-color: var(--radio-active-bg-color);
             border-color: var(--radio-active-border-color);
-        } .radio__container_1bwdh.radio__disabled_1bwdh {
+        } .radio__container_1tear.radio__disabled_1tear {
         cursor: var(--disabled-cursor)
-    } .radio__container_1bwdh.radio__disabled_1bwdh .radio__circle_1bwdh {
+    } .radio__container_1tear.radio__disabled_1tear .radio__circle_1tear {
             background-color: var(--radio-disabled-bg-color);
             border: 1.5px solid var(--radio-disabled-border-color);
-        } .radio__container_1bwdh.radio__disabled_1bwdh .radio__label_1bwdh {
+        } .radio__container_1tear.radio__disabled_1tear .radio__label_1tear {
             color: var(--radio-disabled-color);
-        } .radio__container_1bwdh.radio__disabled_1bwdh .radio__hint_1bwdh {
+        } .radio__container_1tear.radio__disabled_1tear .radio__hint_1tear {
             color: var(--radio-disabled-color);
-        } .radio__container_1bwdh.radio__inactive_1bwdh {
+        } .radio__container_1tear.radio__inactive_1tear {
         cursor: var(--disabled-cursor)
-    } .radio__container_1bwdh.radio__inactive_1bwdh .radio__circle_1bwdh {
+    } .radio__container_1tear.radio__inactive_1tear .radio__circle_1tear {
             background-color: var(--radio-checked-disabled-bg-color);
             border: 1px solid var(--radio-inactive-border-color);
-        } .radio__container_1bwdh.radio__inactive_1bwdh.radio__checked_1bwdh .radio__circle_1bwdh:before {
+        } .radio__container_1tear.radio__inactive_1tear.radio__checked_1tear .radio__circle_1tear:before {
             background-color: var(--radio-checked-inactive-color);
-        } .radio__container_1bwdh.radio__checked_1bwdh:not(:active) .radio__circle_1bwdh:before,
-    .radio__container_1bwdh.radio__checked_1bwdh.radio__disabled_1bwdh:active .radio__circle_1bwdh:before {
+        } .radio__container_1tear.radio__checked_1tear:not(:active) .radio__circle_1tear:before,
+    .radio__container_1tear.radio__checked_1tear.radio__disabled_1tear:active .radio__circle_1tear:before {
         opacity: 1;
-    } .radio__container_1bwdh.radio__checked_1bwdh .radio__circle_1bwdh {
+    } .radio__container_1tear.radio__checked_1tear .radio__circle_1tear {
             background-color: var(--radio-checked-bg-color);
             border: 1.5px solid var(--radio-checked-border-color);
-        } .radio__container_1bwdh.radio__checked_1bwdh:hover .radio__circle_1bwdh {
+        } .radio__container_1tear.radio__checked_1tear:hover .radio__circle_1tear {
             background-color: var(--radio-checked-hover-bg-color);
             border-color: var(--radio-checked-hover-border-color);
-        } .radio__container_1bwdh.radio__checked_1bwdh:active .radio__circle_1bwdh {
+        } .radio__container_1tear.radio__checked_1tear:active .radio__circle_1tear {
             background-color: var(--radio-checked-active-bg-color);
             border-color: var(--radio-checked-active-border-color);
-        } .radio__container_1bwdh.radio__focused_1bwdh .radio__circle_1bwdh {
+        } .radio__container_1tear.radio__focused_1tear .radio__circle_1tear {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio__container_1bwdh.radio__disabled_1bwdh.radio__checked_1bwdh .radio__circle_1bwdh,
-    .radio__container_1bwdh.radio__inactive_1bwdh.radio__checked_1bwdh .radio__circle_1bwdh {
+    } .radio__container_1tear.radio__disabled_1tear.radio__checked_1tear .radio__circle_1tear,
+    .radio__container_1tear.radio__inactive_1tear.radio__checked_1tear .radio__circle_1tear {
         background-color: var(--radio-checked-disabled-bg-color);
         border-color: var(--radio-checked-disabled-border-color);
-    } .radio__container_1bwdh input {
+    } .radio__container_1tear input {
         position: absolute;
         z-index: -1;
         opacity: 0;
-    } .radio__circle_1bwdh {
+    } .radio__circle_1tear {
     flex-shrink: 0;
     width: 20px;
     height: 20px;
@@ -132,7 +132,7 @@
     position: relative;
     margin: var(--gap-3xs);
     transition: background-color 0.2s ease, border 0.2s ease
-} .radio__circle_1bwdh:before {
+} .radio__circle_1tear:before {
         content: '';
         background-color: var(--radio-icon-color);
         position: absolute;
@@ -146,32 +146,32 @@
         bottom: 0;
         transition: opacity 0.2s ease;
         opacity: 0;
-    } .radio__s_1bwdh .radio__circle_1bwdh {
+    } .radio__s_1tear .radio__circle_1tear {
     width: 16px;
     height: 16px;
     margin: var(--gap-2xs) var(--gap-3xs);
-} .radio__content_1bwdh {
+} .radio__content_1tear {
     display: flex;
     flex-direction: column;
     margin-left: var(--gap-s);
-} .radio__s_1bwdh .radio__content_1bwdh {
+} .radio__s_1tear .radio__content_1tear {
     margin-left: var(--gap-xs);
-} .radio__start_1bwdh {
+} .radio__start_1tear {
     align-items: flex-start;
-} .radio__center_1bwdh {
+} .radio__center_1tear {
     align-items: center;
-} .radio__addons_1bwdh {
+} .radio__addons_1tear {
     margin-left: auto;
     padding-left: var(--gap-m);
     line-height: 24px;
-} .radio__block_1bwdh {
+} .radio__block_1tear {
     width: 100%;
-} .radio__label_1bwdh {
+} .radio__label_1tear {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
     color: var(--radio-label-color);
-} .radio__hint_1bwdh {
+} .radio__hint_1tear {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;

package/radio-group/Component.responsive.js

@@ -3,8 +3,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../mq');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./components/base-radio-group/Component.js');
 require('classnames');
 require('@alfalab/hooks');
@@ -17,7 +17,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
-    var Component = isDesktop ? Component_desktop.RadioGroupDesktop : Component_mobile.RadioGroupMobile;
+    var Component = isDesktop ? desktop_Component_desktop.RadioGroupDesktop : mobile_Component_mobile.RadioGroupMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });
 

package/radio-group/components/base-radio-group/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var commonStyles = {"component":"radio-group__component_5yfz4","error":"radio-group__error_5yfz4","tag":"radio-group__tag_5yfz4","radioList":"radio-group__radioList_5yfz4","verticalRadioList":"radio-group__verticalRadioList_5yfz4","horizontalRadioList":"radio-group__horizontalRadioList_5yfz4","verticalRadio":"radio-group__verticalRadio_5yfz4","horizontalRadio":"radio-group__horizontalRadio_5yfz4","horizontalTagLabel":"radio-group__horizontalTagLabel_5yfz4","label":"radio-group__label_5yfz4","sub":"radio-group__sub_5yfz4","errorMessage":"radio-group__errorMessage_5yfz4","hint":"radio-group__hint_5yfz4","hiddenInput":"radio-group__hiddenInput_5yfz4","tagLabel":"radio-group__tagLabel_5yfz4"};
+var commonStyles = {"component":"radio-group__component_12fnm","error":"radio-group__error_12fnm","tag":"radio-group__tag_12fnm","radioList":"radio-group__radioList_12fnm","verticalRadioList":"radio-group__verticalRadioList_12fnm","horizontalRadioList":"radio-group__horizontalRadioList_12fnm","verticalRadio":"radio-group__verticalRadio_12fnm","horizontalRadio":"radio-group__horizontalRadio_12fnm","horizontalTagLabel":"radio-group__horizontalTagLabel_12fnm","label":"radio-group__label_12fnm","sub":"radio-group__sub_12fnm","errorMessage":"radio-group__errorMessage_12fnm","hint":"radio-group__hint_12fnm","hiddenInput":"radio-group__hiddenInput_12fnm","tagLabel":"radio-group__tagLabel_12fnm"};
 require('./index.css');
 
 var BaseRadioGroup = React.forwardRef(function (_a, ref) {

package/radio-group/components/base-radio-group/index.css

@@ -28,55 +28,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_5yfz4 {
+} .radio-group__component_12fnm {
     display: flex;
     flex-direction: column;
-} .radio-group__error_5yfz4 {
+} .radio-group__error_12fnm {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--radio-group-error-color)
-} .radio-group__error_5yfz4.radio-group__tag_5yfz4 {
+} .radio-group__error_12fnm.radio-group__tag_12fnm {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_5yfz4 {
+    } .radio-group__radioList_12fnm {
     display: flex;
-} .radio-group__verticalRadioList_5yfz4 {
+} .radio-group__verticalRadioList_12fnm {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_5yfz4 {
+} .radio-group__horizontalRadioList_12fnm {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__verticalRadio_5yfz4 {
+} .radio-group__verticalRadio_12fnm {
     margin-bottom: var(--gap-m)
-} .radio-group__verticalRadio_5yfz4:last-child {
+} .radio-group__verticalRadio_12fnm:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontalRadio_5yfz4 {
+    } .radio-group__horizontalRadio_12fnm {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontalTagLabel_5yfz4 {
+} .radio-group__horizontalTagLabel_12fnm {
     margin-right: var(--gap-xs);
-} .radio-group__horizontalRadio_5yfz4:last-child,
-.radio-group__horizontalTagLabel_5yfz4:last-child {
+} .radio-group__horizontalRadio_12fnm:last-child,
+.radio-group__horizontalTagLabel_12fnm:last-child {
     margin-right: 0;
-} .radio-group__label_5yfz4 {
+} .radio-group__label_12fnm {
     margin-bottom: var(--gap-s);
-} .radio-group__sub_5yfz4 {
+} .radio-group__sub_12fnm {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_5yfz4 {
+} .radio-group__errorMessage_12fnm {
     color: var(--radio-group-error-color);
-} .radio-group__hint_5yfz4 {
+} .radio-group__hint_12fnm {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_5yfz4 {
+} .radio-group__hiddenInput_12fnm {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_5yfz4:focus ~ button {
+} .radio-group__hiddenInput_12fnm:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_5yfz4 {
+    } .radio-group__tagLabel_12fnm {
     position: relative;
     max-width: 100%;
 }

package/radio-group/cssm/Component.responsive.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
-var Component_desktop = require('./Component.desktop.js');
-var Component_mobile = require('./Component.mobile.js');
+var desktop_Component_desktop = require('./desktop/Component.desktop.js');
+var mobile_Component_mobile = require('./mobile/Component.mobile.js');
 require('./components/base-radio-group/Component.js');
 require('classnames');
 require('@alfalab/hooks');
 require('./components/base-radio-group/index.module.css');
-require('./desktop.module.css');
-require('./mobile.module.css');
+require('./desktop/desktop.module.css');
+require('./mobile/mobile.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -20,7 +20,7 @@ var RadioGroup = React.forwardRef(function (_a, ref) {
     var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, restProps = tslib.__rest(_a, ["breakpoint"]);
     var query = "(min-width: ".concat(breakpoint, "px)");
     var isDesktop = coreComponentsMq.useMatchMedia(query)[0];
-    var Component = isDesktop ? Component_desktop.RadioGroupDesktop : Component_mobile.RadioGroupMobile;
+    var Component = isDesktop ? desktop_Component_desktop.RadioGroupDesktop : mobile_Component_mobile.RadioGroupMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });
 

package/radio-group/cssm/desktop/Component.desktop.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseRadioGroupProps } from "../components/base-radio-group/index";
+type RadioGroupDesktopProps = Omit<BaseRadioGroupProps, 'styles'>;
+declare const RadioGroupDesktop: React.ForwardRefExoticComponent<RadioGroupDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroupDesktopProps, RadioGroupDesktop };

package/radio-group/cssm/desktop/Component.desktop.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var components_baseRadioGroup_Component = require('../components/base-radio-group/Component.js');
+var styles = require('./desktop.module.css');
+require('classnames');
+require('@alfalab/hooks');
+require('../components/base-radio-group/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var RadioGroupDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles__default.default })); });
+
+exports.RadioGroupDesktop = RadioGroupDesktop;

package/radio-group/cssm/desktop/index.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+require('tslib');
+require('react');
+require('../components/base-radio-group/Component.js');
+require('classnames');
+require('@alfalab/hooks');
+require('../components/base-radio-group/index.module.css');
+require('./desktop.module.css');
+
+
+
+exports.RadioGroupDesktop = desktop_Component_desktop.RadioGroupDesktop;

package/radio-group/cssm/index.js

@@ -4,14 +4,14 @@ var Component_responsive = require('./Component.responsive.js');
 require('tslib');
 require('react');
 require('../../mq/cssm');
-require('./Component.desktop.js');
+require('./desktop/Component.desktop.js');
 require('./components/base-radio-group/Component.js');
 require('classnames');
 require('@alfalab/hooks');
 require('./components/base-radio-group/index.module.css');
-require('./desktop.module.css');
-require('./Component.mobile.js');
-require('./mobile.module.css');
+require('./desktop/desktop.module.css');
+require('./mobile/Component.mobile.js');
+require('./mobile/mobile.module.css');
 
 
 

package/radio-group/cssm/mobile/Component.mobile.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseRadioGroupProps } from "../components/base-radio-group/index";
+type RadioGroupMobileProps = Omit<BaseRadioGroupProps, 'styles'>;
+declare const RadioGroupMobile: React.ForwardRefExoticComponent<RadioGroupMobileProps & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroupMobileProps, RadioGroupMobile };

package/radio-group/cssm/mobile/Component.mobile.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var components_baseRadioGroup_Component = require('../components/base-radio-group/Component.js');
+var styles = require('./mobile.module.css');
+require('classnames');
+require('@alfalab/hooks');
+require('../components/base-radio-group/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var RadioGroupMobile = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles__default.default }))); });
+
+exports.RadioGroupMobile = RadioGroupMobile;

package/radio-group/cssm/mobile/index.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var mobile_Component_mobile = require('./Component.mobile.js');
+require('tslib');
+require('react');
+require('../components/base-radio-group/Component.js');
+require('classnames');
+require('@alfalab/hooks');
+require('../components/base-radio-group/index.module.css');
+require('./mobile.module.css');
+
+
+
+exports.RadioGroupMobile = mobile_Component_mobile.RadioGroupMobile;

package/radio-group/desktop/Component.desktop.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseRadioGroupProps } from "../components/base-radio-group/index";
+type RadioGroupDesktopProps = Omit<BaseRadioGroupProps, 'styles'>;
+declare const RadioGroupDesktop: React.ForwardRefExoticComponent<RadioGroupDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroupDesktopProps, RadioGroupDesktop };

package/radio-group/desktop/Component.desktop.js

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var components_baseRadioGroup_Component = require('../components/base-radio-group/Component.js');
+require('classnames');
+require('@alfalab/hooks');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var styles = {"radioList":"radio-group__radioList_dg0sg","label":"radio-group__label_dg0sg","sub":"radio-group__sub_dg0sg"};
+require('./desktop.css');
+
+var RadioGroupDesktop = React.forwardRef(function (props, ref) { return React__default.default.createElement(components_baseRadioGroup_Component.BaseRadioGroup, tslib.__assign({}, props, { ref: ref, styles: styles })); });
+
+exports.RadioGroupDesktop = RadioGroupDesktop;

package/radio-group/desktop/desktop.css

@@ -0,0 +1,34 @@
+/* hash: uzq3m */
+:root {
+} /* deprecated */ :root {
+    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
+    --radio-group-label-color: var(--color-light-text-primary);
+    --radio-group-sub-padding-left: 0;
+    --radio-group-list-padding-left: 0;
+
+    /* mobile */
+} .radio-group__radioList_dg0sg {
+    padding-left: var(--radio-group-list-padding-left);
+} .radio-group__label_dg0sg {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    color: var(--radio-group-label-color);
+    padding-left: var(--radio-group-sub-padding-left);
+} .radio-group__sub_dg0sg {
+    padding-left: var(--radio-group-sub-padding-left);
+}

package/radio-group/desktop/index.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var desktop_Component_desktop = require('./Component.desktop.js');
+require('tslib');
+require('react');
+require('../components/base-radio-group/Component.js');
+require('classnames');
+require('@alfalab/hooks');
+
+
+
+exports.RadioGroupDesktop = desktop_Component_desktop.RadioGroupDesktop;

package/radio-group/desktop/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/desktop/index.js"
+}

package/radio-group/esm/Component.responsive.js

@@ -1,8 +1,8 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
-import { RadioGroupDesktop } from './Component.desktop.js';
-import { RadioGroupMobile } from './Component.mobile.js';
+import { RadioGroupDesktop } from './desktop/Component.desktop.js';
+import { RadioGroupMobile } from './mobile/Component.mobile.js';
 import './components/base-radio-group/Component.js';
 import 'classnames';
 import '@alfalab/hooks';

package/radio-group/esm/components/base-radio-group/Component.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useState, Children, isValidElement, cloneElement } f
 import cn from 'classnames';
 import { useDidUpdateEffect } from '@alfalab/hooks';
 
-var commonStyles = {"component":"radio-group__component_5yfz4","error":"radio-group__error_5yfz4","tag":"radio-group__tag_5yfz4","radioList":"radio-group__radioList_5yfz4","verticalRadioList":"radio-group__verticalRadioList_5yfz4","horizontalRadioList":"radio-group__horizontalRadioList_5yfz4","verticalRadio":"radio-group__verticalRadio_5yfz4","horizontalRadio":"radio-group__horizontalRadio_5yfz4","horizontalTagLabel":"radio-group__horizontalTagLabel_5yfz4","label":"radio-group__label_5yfz4","sub":"radio-group__sub_5yfz4","errorMessage":"radio-group__errorMessage_5yfz4","hint":"radio-group__hint_5yfz4","hiddenInput":"radio-group__hiddenInput_5yfz4","tagLabel":"radio-group__tagLabel_5yfz4"};
+var commonStyles = {"component":"radio-group__component_12fnm","error":"radio-group__error_12fnm","tag":"radio-group__tag_12fnm","radioList":"radio-group__radioList_12fnm","verticalRadioList":"radio-group__verticalRadioList_12fnm","horizontalRadioList":"radio-group__horizontalRadioList_12fnm","verticalRadio":"radio-group__verticalRadio_12fnm","horizontalRadio":"radio-group__horizontalRadio_12fnm","horizontalTagLabel":"radio-group__horizontalTagLabel_12fnm","label":"radio-group__label_12fnm","sub":"radio-group__sub_12fnm","errorMessage":"radio-group__errorMessage_12fnm","hint":"radio-group__hint_12fnm","hiddenInput":"radio-group__hiddenInput_12fnm","tagLabel":"radio-group__tagLabel_12fnm"};
 require('./index.css');
 
 var BaseRadioGroup = forwardRef(function (_a, ref) {

package/radio-group/esm/components/base-radio-group/index.css

@@ -28,55 +28,55 @@
     --radio-group-hint-color: var(--color-light-text-secondary);
 
     /* mobile */
-} .radio-group__component_5yfz4 {
+} .radio-group__component_12fnm {
     display: flex;
     flex-direction: column;
-} .radio-group__error_5yfz4 {
+} .radio-group__error_12fnm {
     padding-left: var(--gap-s);
     border-left: 1px solid var(--radio-group-error-color)
-} .radio-group__error_5yfz4.radio-group__tag_5yfz4 {
+} .radio-group__error_12fnm.radio-group__tag_12fnm {
         padding-left: var(--gap-xs);
-    } .radio-group__radioList_5yfz4 {
+    } .radio-group__radioList_12fnm {
     display: flex;
-} .radio-group__verticalRadioList_5yfz4 {
+} .radio-group__verticalRadioList_12fnm {
     flex-direction: column;
     align-items: flex-start;
-} .radio-group__horizontalRadioList_5yfz4 {
+} .radio-group__horizontalRadioList_12fnm {
     flex-wrap: wrap;
     margin-bottom: var(--gap-xs-neg);
-} .radio-group__verticalRadio_5yfz4 {
+} .radio-group__verticalRadio_12fnm {
     margin-bottom: var(--gap-m)
-} .radio-group__verticalRadio_5yfz4:last-child {
+} .radio-group__verticalRadio_12fnm:last-child {
         margin-bottom: 0;
-    } .radio-group__horizontalRadio_5yfz4 {
+    } .radio-group__horizontalRadio_12fnm {
     margin-right: var(--gap-xl);
     margin-bottom: var(--gap-xs);
-} .radio-group__horizontalTagLabel_5yfz4 {
+} .radio-group__horizontalTagLabel_12fnm {
     margin-right: var(--gap-xs);
-} .radio-group__horizontalRadio_5yfz4:last-child,
-.radio-group__horizontalTagLabel_5yfz4:last-child {
+} .radio-group__horizontalRadio_12fnm:last-child,
+.radio-group__horizontalTagLabel_12fnm:last-child {
     margin-right: 0;
-} .radio-group__label_5yfz4 {
+} .radio-group__label_12fnm {
     margin-bottom: var(--gap-s);
-} .radio-group__sub_5yfz4 {
+} .radio-group__sub_12fnm {
     font-size: 14px;
     line-height: 18px;
     font-weight: 400;
     margin-top: var(--gap-s);
-} .radio-group__errorMessage_5yfz4 {
+} .radio-group__errorMessage_12fnm {
     color: var(--radio-group-error-color);
-} .radio-group__hint_5yfz4 {
+} .radio-group__hint_12fnm {
     color: var(--radio-group-hint-color);
-} .radio-group__hiddenInput_5yfz4 {
+} .radio-group__hiddenInput_12fnm {
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0
-} .radio-group__hiddenInput_5yfz4:focus ~ button {
+} .radio-group__hiddenInput_12fnm:focus ~ button {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
-    } .radio-group__tagLabel_5yfz4 {
+    } .radio-group__tagLabel_12fnm {
     position: relative;
     max-width: 100%;
 }

package/radio-group/esm/desktop/Component.desktop.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import React from 'react';
+import { BaseRadioGroupProps } from "../components/base-radio-group/index";
+type RadioGroupDesktopProps = Omit<BaseRadioGroupProps, 'styles'>;
+declare const RadioGroupDesktop: React.ForwardRefExoticComponent<RadioGroupDesktopProps & React.RefAttributes<HTMLDivElement>>;
+export { RadioGroupDesktopProps, RadioGroupDesktop };

package/radio-group/esm/desktop/Component.desktop.js

@@ -0,0 +1,12 @@
+import { __assign } from 'tslib';
+import React, { forwardRef } from 'react';
+import { BaseRadioGroup } from '../components/base-radio-group/Component.js';
+import 'classnames';
+import '@alfalab/hooks';
+
+var styles = {"radioList":"radio-group__radioList_dg0sg","label":"radio-group__label_dg0sg","sub":"radio-group__sub_dg0sg"};
+require('./desktop.css');
+
+var RadioGroupDesktop = forwardRef(function (props, ref) { return React.createElement(BaseRadioGroup, __assign({}, props, { ref: ref, styles: styles })); });
+
+export { RadioGroupDesktop };

package/radio-group/esm/desktop/desktop.css

@@ -0,0 +1,34 @@
+/* hash: uzq3m */
+:root {
+} /* deprecated */ :root {
+    --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
+    --radio-group-label-color: var(--color-light-text-primary);
+    --radio-group-sub-padding-left: 0;
+    --radio-group-list-padding-left: 0;
+
+    /* mobile */
+} .radio-group__radioList_dg0sg {
+    padding-left: var(--radio-group-list-padding-left);
+} .radio-group__label_dg0sg {
+    font-size: 16px;
+    line-height: 24px;
+    font-weight: 400;
+    color: var(--radio-group-label-color);
+    padding-left: var(--radio-group-sub-padding-left);
+} .radio-group__sub_dg0sg {
+    padding-left: var(--radio-group-sub-padding-left);
+}

package/radio-group/esm/desktop/index.js

@@ -0,0 +1,6 @@
+export { RadioGroupDesktop } from './Component.desktop.js';
+import 'tslib';
+import 'react';
+import '../components/base-radio-group/Component.js';
+import 'classnames';
+import '@alfalab/hooks';