@alfalab/core-components 47.13.0-beta.1 → 47.14.0-beta.0

package/gallery/modern/components/index.js

@@ -21,10 +21,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-e9e3b122.js';
+import '../slide-13820005.js';
 import './image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './image-preview/paths.js';
 import './header-info-block/Component.js';
 import '../utils/split-filename.js';
-import '../buttons-2aae3f6f.js';
+import '../buttons-48f04234.js';

package/gallery/modern/components/navigation-bar/Component.js

@@ -19,7 +19,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-e9e3b122.js';
+import '../../slide-13820005.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/components/navigation-bar/index.js

@@ -20,7 +20,7 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-e9e3b122.js';
+import '../../slide-13820005.js';
 import '../image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import '../image-preview/paths.js';

package/gallery/modern/index.js

@@ -22,10 +22,10 @@ import 'swiper/react';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-e9e3b122.js';
+import './slide-13820005.js';
 import './components/image-viewer/paths.js';
 import 'swiper/swiper.min.css';
 import './components/image-preview/paths.js';
 import './components/header/Component.js';
 import './components/header-info-block/Component.js';
-import './buttons-2aae3f6f.js';
+import './buttons-48f04234.js';

package/input/components/base-input/Component.js

@@ -50,7 +50,7 @@ var BaseInput = React__default.default.forwardRef(function (_a, ref) {
     var filled = Boolean(uncontrolled ? stateValue : value);
     var _m = React.useState(false), autofilled = _m[0], setAutofilled = _m[1];
     // отображаем крестик только для заполненного и активного инпута
-    var clearButtonVisible = clear && filled && !disabled && !readOnly;
+    var clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     var hasInnerLabel = label && labelView === 'inner';
     var handleInputFocus = React.useCallback(function (event) {
         if (!readOnly) {

package/input/cssm/components/base-input/Component.js

@@ -47,7 +47,7 @@ var BaseInput = React__default.default.forwardRef(function (_a, ref) {
     var filled = Boolean(uncontrolled ? stateValue : value);
     var _m = React.useState(false), autofilled = _m[0], setAutofilled = _m[1];
     // отображаем крестик только для заполненного и активного инпута
-    var clearButtonVisible = clear && filled && !disabled && !readOnly;
+    var clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     var hasInnerLabel = label && labelView === 'inner';
     var handleInputFocus = React.useCallback(function (event) {
         if (!readOnly) {

package/input/esm/components/base-input/Component.js

@@ -44,7 +44,7 @@ var BaseInput = React.forwardRef(function (_a, ref) {
     var filled = Boolean(uncontrolled ? stateValue : value);
     var _m = useState(false), autofilled = _m[0], setAutofilled = _m[1];
     // отображаем крестик только для заполненного и активного инпута
-    var clearButtonVisible = clear && filled && !disabled && !readOnly;
+    var clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     var hasInnerLabel = label && labelView === 'inner';
     var handleInputFocus = useCallback(function (event) {
         if (!readOnly) {

package/input/modern/components/base-input/Component.js

@@ -41,7 +41,7 @@ const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, c
     const filled = Boolean(uncontrolled ? stateValue : value);
     const [autofilled, setAutofilled] = useState(false);
     // отображаем крестик только для заполненного и активного инпута
-    const clearButtonVisible = clear && filled && !disabled && !readOnly;
+    const clearButtonVisible = clear && filled && !disabled && !readOnlyProp;
     const hasInnerLabel = label && labelView === 'inner';
     const handleInputFocus = useCallback((event) => {
         if (!readOnly) {

package/list/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('classnames');
-var components_item_Component = require('./Component-883bdf05.js');
+var components_item_Component = require('./Component-c7114975.js');
 require('./utils.js');
 
 

package/list/components/item/Component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('../../../typography');
-var components_item_Component = require('../../Component-883bdf05.js');
+var components_item_Component = require('../../Component-c7114975.js');
 
 
 

package/list/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-883bdf05";
+export * from "../../Component-c7114975";

package/list/components/item/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('../../Component-883bdf05.js');
+var components_item_Component = require('../../Component-c7114975.js');
 
 
 

package/list/esm/Component.js

@@ -1,6 +1,6 @@
 import 'tslib';
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-3f2153c6.js';
+export { a as List, L as ListContext } from './Component-44349860.js';
 import '../../typography/esm';
 import './utils.js';

package/list/esm/components/item/Component.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/esm';
-export { I as Item } from '../../Component-3f2153c6.js';
+export { I as Item } from '../../Component-44349860.js';
 import 'tslib';
 import '../../utils.js';

package/list/esm/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-3f2153c6";
+export * from "../../Component-44349860";

package/list/esm/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-3f2153c6.js';
+export { I as Item } from '../../Component-44349860.js';
 import 'tslib';
 import 'react';
 import 'classnames';

package/list/esm/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-3f2153c6.js';
+export { a as List, L as ListContext } from './Component-44349860.js';
 export { listPresets } from './presets.js';
 import 'tslib';
 import 'react';

package/list/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_item_Component = require('./Component-883bdf05.js');
+var components_item_Component = require('./Component-c7114975.js');
 var presets = require('./presets.js');
 
 

package/list/modern/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
-export { a as List, L as ListContext } from './Component-a7c38a04.js';
+export { a as List, L as ListContext } from './Component-12213df0.js';
 import '../../typography/modern';
 import './utils.js';

package/list/modern/components/item/Component.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';
-export { I as Item } from '../../Component-a7c38a04.js';
+export { I as Item } from '../../Component-12213df0.js';
 import '../../utils.js';

package/list/modern/components/item/index.d.ts

@@ -1 +1 @@
-export * from "../../Component-a7c38a04";
+export * from "../../Component-12213df0";

package/list/modern/components/item/index.js

@@ -1,4 +1,4 @@
-export { I as Item } from '../../Component-a7c38a04.js';
+export { I as Item } from '../../Component-12213df0.js';
 import 'react';
 import 'classnames';
 import '../../../../typography/modern';

package/list/modern/index.js

@@ -1,4 +1,4 @@
-export { a as List, L as ListContext } from './Component-a7c38a04.js';
+export { a as List, L as ListContext } from './Component-12213df0.js';
 export { listPresets } from './presets.js';
 import 'react';
 import 'classnames';

package/modal/components/controls/Component.js

@@ -4,7 +4,7 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsShared = require('../../../shared');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-e7cc6698.js');
+var layout_module = require('../../layout.module-06658454.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/footer/Component.js

@@ -6,7 +6,7 @@ var coreComponentsShared = require('../../../shared');
 var consts = require('../../consts.js');
 var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
-var layout_module = require('../../layout.module-e7cc6698.js');
+var layout_module = require('../../layout.module-06658454.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/modal/components/header/mobile.css

@@ -15,8 +15,7 @@
     /* новые значения, используйте их */
 } :root { /* deprecated */
     --gap-2xs: 4px; /* deprecated */
-    --gap-xs: 8px; /* deprecated */
-    --gap-s: 12px; /* 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 */
+    --gap-xs: 8px; /* 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 {
@@ -34,11 +33,11 @@
     /* desktop */
 
     /* mobile */
-    --modal-header-mobile-content-paddings: var(--gap-s) var(--gap-xs);
-    --modal-header-mobile-font-size: 18px;
-    --modal-header-mobile-line-height: 24px;
+    --modal-header-mobile-content-paddings: 10px var(--gap-xs);
+    --modal-header-mobile-font-size: 20px;
+    --modal-header-mobile-line-height: 28px;
     --modal-header-mobile-font-family: var(--font-family-system);
-    --modal-header-mobile-font-weight: bold;
+    --modal-header-mobile-font-weight: 600;
 
     /* paddings */
     --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);

package/modal/cssm/components/header/mobile.module.css

@@ -14,8 +14,7 @@
     /* новые значения, используйте их */
 } :root { /* deprecated */
     --gap-2xs: 4px; /* deprecated */
-    --gap-xs: 8px; /* deprecated */
-    --gap-s: 12px; /* 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 */
+    --gap-xs: 8px; /* 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 {
@@ -33,11 +32,11 @@
     /* desktop */
 
     /* mobile */
-    --modal-header-mobile-content-paddings: var(--gap-s) var(--gap-xs);
-    --modal-header-mobile-font-size: 18px;
-    --modal-header-mobile-line-height: 24px;
+    --modal-header-mobile-content-paddings: 10px var(--gap-xs);
+    --modal-header-mobile-font-size: 20px;
+    --modal-header-mobile-line-height: 28px;
     --modal-header-mobile-font-family: var(--font-family-system);
-    --modal-header-mobile-font-weight: bold;
+    --modal-header-mobile-font-weight: 600;
 
     /* paddings */
     --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);

package/modal/esm/Component.responsive.js

@@ -12,7 +12,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
-import './layout.module-bc941fe2.js';
+import './layout.module-b00458d8.js';
 import '../../navigation-bar-private/esm';
 import 'react-merge-refs';
 

package/modal/esm/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/esm';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-bc941fe2.js';
+import { l as layoutStyles } from '../../layout.module-b00458d8.js';
 
 var styles = {"component":"modal__component_yxtm2"};
 require('./index.css');

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-bc941fe2.js';
+import '../../layout.module-b00458d8.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-bc941fe2.js';
+import { l as layoutStyles } from '../../layout.module-b00458d8.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_1izii","sticky":"modal__sticky_1izii","fullscreen":"modal__fullscreen_1izii","size-500":"modal__size-500_1izii","size-600":"modal__size-600_1izii","size-800":"modal__size-800_1izii","size-1140":"modal__size-1140_1izii"};

package/modal/esm/components/header/mobile.css

@@ -15,8 +15,7 @@
     /* новые значения, используйте их */
 } :root { /* deprecated */
     --gap-2xs: 4px; /* deprecated */
-    --gap-xs: 8px; /* deprecated */
-    --gap-s: 12px; /* 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 */
+    --gap-xs: 8px; /* 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 {
@@ -34,11 +33,11 @@
     /* desktop */
 
     /* mobile */
-    --modal-header-mobile-content-paddings: var(--gap-s) var(--gap-xs);
-    --modal-header-mobile-font-size: 18px;
-    --modal-header-mobile-line-height: 24px;
+    --modal-header-mobile-content-paddings: 10px var(--gap-xs);
+    --modal-header-mobile-font-size: 20px;
+    --modal-header-mobile-line-height: 28px;
     --modal-header-mobile-font-family: var(--font-family-system);
-    --modal-header-mobile-font-weight: bold;
+    --modal-header-mobile-font-weight: 600;
 
     /* paddings */
     --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-bc941fe2.js';
+import '../layout.module-b00458d8.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-bc941fe2.js';
+import '../layout.module-b00458d8.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-bc941fe2.js';
+import './layout.module-b00458d8.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-bc941fe2.js';
+import '../layout.module-b00458d8.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-bc941fe2.js';
+import '../layout.module-b00458d8.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-8cfb3416.js';
+import './layout.module-6ee610b6.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-8cfb3416.js';
+import { l as layoutStyles } from '../../layout.module-6ee610b6.js';
 
 const styles = {"component":"modal__component_yxtm2"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-8cfb3416.js';
+import '../../layout.module-6ee610b6.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-8cfb3416.js';
+import { l as layoutStyles } from '../../layout.module-6ee610b6.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_1izii","sticky":"modal__sticky_1izii","fullscreen":"modal__fullscreen_1izii","size-500":"modal__size-500_1izii","size-600":"modal__size-600_1izii","size-800":"modal__size-800_1izii","size-1140":"modal__size-1140_1izii"};

package/modal/modern/components/header/mobile.css

@@ -15,8 +15,7 @@
     /* новые значения, используйте их */
 } :root { /* deprecated */
     --gap-2xs: 4px; /* deprecated */
-    --gap-xs: 8px; /* deprecated */
-    --gap-s: 12px; /* 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 */
+    --gap-xs: 8px; /* 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 {
@@ -34,11 +33,11 @@
     /* desktop */
 
     /* mobile */
-    --modal-header-mobile-content-paddings: var(--gap-s) var(--gap-xs);
-    --modal-header-mobile-font-size: 18px;
-    --modal-header-mobile-line-height: 24px;
+    --modal-header-mobile-content-paddings: 10px var(--gap-xs);
+    --modal-header-mobile-font-size: 20px;
+    --modal-header-mobile-line-height: 28px;
     --modal-header-mobile-font-family: var(--font-family-system);
-    --modal-header-mobile-font-weight: bold;
+    --modal-header-mobile-font-weight: 600;
 
     /* paddings */
     --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-8cfb3416.js';
+import '../layout.module-6ee610b6.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-8cfb3416.js';
+import '../layout.module-6ee610b6.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-8cfb3416.js';
+import './layout.module-6ee610b6.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-8cfb3416.js';
+import '../layout.module-6ee610b6.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-8cfb3416.js';
+import '../layout.module-6ee610b6.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "47.13.0-beta.1",
+  "version": "47.14.0-beta.0",
   "license": "MIT",
   "repository": {
     "type": "git",

package/picker-button/Component-2f466837.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
+declare const getIcon: (size: "s" | "m" | 20 | 24) => React.JSX.Element;
+declare const IconCheck20: () => React.JSX.Element;
+declare const IconCheck24: () => React.JSX.Element;
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -165,4 +168,4 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      */
     labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };
+export { getIcon, IconCheck20, IconCheck24, CheckboxProps, Checkbox };

package/picker-button/cssm/Component-2f466837.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
+declare const getIcon: (size: "s" | "m" | 20 | 24) => React.JSX.Element;
+declare const IconCheck20: () => React.JSX.Element;
+declare const IconCheck24: () => React.JSX.Element;
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -165,4 +168,4 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      */
     labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };
+export { getIcon, IconCheck20, IconCheck24, CheckboxProps, Checkbox };

package/picker-button/esm/Component-2f466837.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
+declare const getIcon: (size: "s" | "m" | 20 | 24) => React.JSX.Element;
+declare const IconCheck20: () => React.JSX.Element;
+declare const IconCheck24: () => React.JSX.Element;
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -165,4 +168,4 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      */
     labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };
+export { getIcon, IconCheck20, IconCheck24, CheckboxProps, Checkbox };

package/picker-button/modern/Component-2f466837.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
+declare const getIcon: (size: "s" | "m" | 20 | 24) => React.JSX.Element;
+declare const IconCheck20: () => React.JSX.Element;
+declare const IconCheck24: () => React.JSX.Element;
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -165,4 +168,4 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      */
     labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };
+export { getIcon, IconCheck20, IconCheck24, CheckboxProps, Checkbox };